/**
Theme Name: MBytes
Author: Christian Sunderbrink
Author URI: https://www.puredimensions.de
Description: Ein auf Astra basierendes Child-Theme, welches die zauberhafte Kraft der Einhörner veranschaulicht. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mbytes
Template: astra
*/ 

/* uncomment to edit, put this into customizer */

body p { font-size: 19px; }
body h1 { font-size: 19px; }
body h2, body .entry-content h2 { font-size: 48px; line-height: 65px; letter-spacing: 2px; margin-top: 50px; }
body h3 { font-size: 19px; }
body h4, body .entry-content h4 { font-size: 31px; line-height: 22px; }
body h5, body .entry-content h5 { font-size: 35px; line-height: 65px; letter-spacing: 1px; margin-top: 25px; }
body h6 { font-size: 19px; }

header#masthead .main-header-menu > .menu-item { font-size: 19px; text-transform: uppercase; }
header#masthead .main-header-menu > .menu-item a { padding: 0 15px; }
header#masthead .main-header-menu .sub-menu { padding: 5px 5px 15px 0px; }
header#masthead .main-header-menu .sub-menu > .menu-item { font-size: 17px; text-transform: uppercase; }
header#masthead .main-header-menu .sub-menu > .menu-item a { padding: 5px 5px 10px 15px; }
.box-radius { position: relative; border-bottom-right-radius: 50px; padding: 20px 10px; }
body .entry-content .box-radius h1, body .entry-content .box-radius h2, body .entry-content .box-radius h3, body .entry-content .box-radius h4, body .entry-content .box-radius h5, body .entry-content .box-radius h6 { line-height: 32px; min-height: 45px; }
body .entry-content .blue-boxes .box-radius { margin: 0 10px; min-height: 325px; font-size: 20px; padding: 25px 40px; }
body .entry-content .blue-boxes h1,body .entry-content .blue-boxes h2, body .entry-content .blue-boxes h3, body .entry-content .blue-boxes h4, body .entry-content .blue-boxes h5, body .entry-content .blue-boxes h6 { min-height: 64px; }
body .entry-content .green-boxes .box-radius { margin: 0 10px; min-height: 325px; font-size: 20px; padding: 25px 40px; }
body .entry-content .green-boxes h1,body .entry-content .green-boxes h2, body .entry-content .green-boxes h3, body .entry-content .green-boxes h4, body .entry-content .green-boxes h5, body .entry-content .green-boxes h6 { min-height: 64px; }
body .entry-content .yellow-heading-boxes .box-radius-heading { margin: 0 10px; min-height: 122px; font-size: 28px; padding: 25px 40px; display: flex; align-items: center; border-bottom-right-radius: 85px; }
body .entry-content .yellow-heading-boxes p { padding: 0 10px; margin-top: 40px; }

header h1.entry-title { text-transform: capitalize; display: none; }
@media (min-width: 1200px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 10px;
        margin-bottom: 0;
    }
}

.no-margin { margin: 0; }
body.home #page #main .entry-content section { padding: 130px 0 ; }
body #page #main .entry-content section { padding: 70px 0 ; }
footer .footer_col_left { line-height: 46px; }
footer .footer_col_left strong { font-size: 27px; line-height: 27px; }
.ast-footer-social-wrap .ast-builder-social-element:first-child { margin-left: unset; }
.ast-footer-social-wrap .ast-builder-social-element{ margin: 0 48px; }
footer .widget ul { width: fit-content; margin: 0 auto; }

#ast-contact-full-screen-form .ast-search-wrapper { width: 75%; color: #e2e2e2; }
#ast-contact-full-screen-form .ast-search-wrapper input { outline: none; }
textarea:focus, input:focus{ outline: none; border: none; }
div.wpforms-container-full .wpforms-field-label, .wp-core-ui div.wpforms-container-full .wpforms-field-label { color: #e2e2e2; float: left; width: 25%; }
.wpforms-container .wpforms-form .wpforms-field-label, .wpforms-container .wpforms-form .wpforms-field-sublabel, .wpforms-container .wpforms-form .wpforms-field-description, .wpforms-container .wpforms-form textarea, .wpforms-container .wpforms-form li, .wpforms-container .wpforms-form th { color: #e2e2e2; }
.ast-search-box.full-screen .ast-search-wrapper fieldset { padding: 0em 0 1.9em }
.entry-content  .module-grid a { text-decoration: none; }
.wpforms-submit-container button[type="submit"] { border-bottom-right-radius: 25px !important; padding: 0 55px 0 35px !important; }

.wp-block-image img { border-style: none; border-width: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 85px; }
.edge, .edge img, .wp-block-image.edge img { border-radius: 0; }

.entry-content .hero-banner, .entry-content .image-block { border-style: none; border-width: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 85px; padding-left: 90px; }
.entry-content .hero-banner a, .entry-content .image-block a { text-decoration: none; }
.entry-content .image-block-small { border-style: none; border-width: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 85px; box-shadow: 2px 0px 15px -3px rgba(0,0,0,0.65); }
.entry-content .image-block-small h1, .entry-content .image-block-small h2, .entry-content .image-block-small h3, .entry-content .image-block-small h4, .entry-content .image-block-small h5, .entry-content .image-block-small h6 { text-shadow: 30px 0px 110px rgb(255, 255, 255); }

.entry-content .hero-banner .hero-brand { position: absolute; top: 10%; right: 22%; opacity: 0.5; }
.entry-content .hero-banner .hero-brand > img { width: 350px; border-radius: 0; height: auto; }
.entry-content .hero-banner h1 { z-index: 10; position: relative; font-family: Calibri; font-weight: bold; margin: 0; font-size: 60px; line-height: 80px; letter-spacing: 2px; }
.entry-content .hero-banner h2 { z-index: 10; position: relative; font-family: Calibri; font-weight: normal; margin: 0; font-size: 50px; line-height: 52px; letter-spacing: 0px; }
.entry-content .image-block h2 { z-index: 10; position: relative; font-family: Calibri; font-weight: bold; margin: 0; font-size: 60px; line-height: 80px; }
.entry-content .image-block h3 { z-index: 10; position: relative; font-family: Calibri; font-weight: normal; margin: 0; font-size: 50px; line-height: 52px; }

.entry-content .mirror img { transform: scaleX(-1); }

.entry-content .no-radius, .entry-content .no-radius > img { border-radius: 0px; }
.entry-content .iconbox { border-radius: 0; border-bottom-right-radius: 35px; border-style: solid; border-width: 4px; padding: 30px; }
.entry-content .iconbox.icon-top, .icon-top { display: flex; align-self: baseline; margin-top: 20px; }
.entry-content .iconbox-yellow { border-color: #bbd034; }
.entry-content .iconbox-purple { border-color: #9192b8; }
.entry-content .iconbox-blue { border-color: #3a4178; }
.entry-content .iconbox-green { border-color: #0d7f75; }

.entry-content .icon-mask { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; mask-size: contain;  mask-position: center; margin: 0 0 30px 0; }
.entry-content .icon-mask-kontakt { -webkit-mask-image: url('/wp-content/uploads/2024/08/kontakt.svg'); mask-image: url('/wp-content/uploads/2024/08/kontakt.svg'); }
.entry-content .icon-mask-beratung-konzeption { -webkit-mask-image: url('/wp-content/uploads/2024/08/beratung_konzeption.svg'); mask-image: url('/wp-content/uploads/2024/08/beratung_konzeption.svg'); }
.entry-content .icon-mask-digitalisierung { -webkit-mask-image: url('/wp-content/uploads/2024/08/digitalisierung.svg'); mask-image: url('/wp-content/uploads/2024/08/digitalisierung.svg'); }
.entry-content .icon-mask-infosicherheit { -webkit-mask-image: url('/wp-content/uploads/2024/08/infosicherheit.svg'); mask-image: url('/wp-content/uploads/2024/08/infosicherheit.svg'); }
.entry-content .icon-mask-karriere { -webkit-mask-image: url('/wp-content/uploads/2024/08/karriere.svg'); mask-image: url('/wp-content/uploads/2024/08/karriere.svg'); }
.entry-content .icon-mask-karriere-gespraech { -webkit-mask-image: url('/wp-content/uploads/2024/11/karriere_gespraech.svg'); mask-image: url('/wp-content/uploads/2024/11/karriere_gespraech.svg'); }
.entry-content .icon-mask-karriere-angebot { -webkit-mask-image: url('/wp-content/uploads/2024/11/karriere_angebot.svg'); mask-image: url('/wp-content/uploads/2024/11/karriere_angebot.svg'); }
.entry-content .icon-mask-karriere-bewerbung { -webkit-mask-image: url('/wp-content/uploads/2024/11/karriere_bewerbung.svg'); mask-image: url('/wp-content/uploads/2024/11/karriere_bewerbung.svg'); }
.entry-content .icon-mask-leitbild { -webkit-mask-image: url('/wp-content/uploads/2024/08/leitbild.svg'); mask-image: url('/wp-content/uploads/2024/08/leitbild.svg'); }
.entry-content .icon-mask-project-management { -webkit-mask-image: url('/wp-content/uploads/2024/08/project-management.svg'); mask-image: url('/wp-content/uploads/2024/08/project-management.svg'); }
.entry-content .icon-mask-prozesse-workflow { -webkit-mask-image: url('/wp-content/uploads/2024/08/prozesse_workflow.svg'); mask-image: url('/wp-content/uploads/2024/08/prozesse_workflow.svg'); }
.entry-content .icon-mask-referenzen { -webkit-mask-image: url('/wp-content/uploads/2024/08/referenzen.svg'); mask-image: url('/wp-content/uploads/2024/08/referenzen.svg'); }
.entry-content .icon-mask-mbytes { -webkit-mask-image: url('/wp-content/uploads/2024/08/Signet_transparent_PNG-e1723918632164.png'); mask-image: url('/wp-content/uploads/2024/08/Signet_transparent_PNG-e1723918632164.png'); }
.entry-content .icon-mask-width-100 { width: 100%; height: 100px; }
.entry-content .icon-mask-width-150 { width: 100%; height: 150px; }
.entry-content .icon-mask-width-200 { width: 100%; height: 200px; }
.entry-content .icon-mask-width-250 { width: 100%; height: 250px; }
.entry-content .icon-mask-width-300 { width: 100%; height: 300px; }
.entry-content .icon-mask-width-350 { width: 100%; height: 350px; }
.entry-content .icon-mask-width-400 { width: 100%; height: 400px; }
.entry-content .icon-mask-width-450 { width: 100%; height: 450px; }
.entry-content .icon-mask-width-500 { width: 100%; height: 500px; }
.entry-content .icon-mask-width-550 { width: 100%; height: 550px; }

.entry-content .icon-linear-yellow { background: linear-gradient(180deg, #bbd034, #e0e8a6, #bbd034); }
.entry-content .icon-linear-purple { background: linear-gradient(180deg, #9192b8, #b7b8d2, #9192b8); }
.entry-content .icon-linear-blue { background: linear-gradient(90deg, #3a4178, #626696, #3a4178); }
.entry-content .icon-linear-green { background: linear-gradient(90deg, #0d7f75, #1f9389, #0d7f75); }
.entry-content .icon-radial-yellow { background: radial-gradient(circle at 50% 50%, #e0e8a6, #bbd034); }
.entry-content .icon-radial-purple { background: radial-gradient(circle at 50% 50%, #b7b8d2, #9192b8); }
.entry-content .icon-radial-blue { background: radial-gradient(circle at 50% 50%, #626696, #3a4178); }
.entry-content .icon-radial-green { background: radial-gradient(circle at 50% 50%, #1f9389, #0d7f75); }

body .entry-content .purple-box h1, body .entry-content .purple-box h2, body .entry-content .purple-box h3, body .entry-content .purple-box h4, body .entry-content .purple-box h5, body .entry-content .purple-box h6 { letter-spacing: 0px; }
body .entry-content .purple-box { }

/* reviews */
.reviews-container { position: relative; overflow: hidden; width: 100%; }
.reviews-slider { }
.review { display: flex; max-width: 100%; width: 100%; display: none; }
.review.active { display: flex; }
.review-image { display: inline-block; flex-basis: 33.33%; text-align: center; }
.review-image img { border-bottom-right-radius: 50px; }
.review-content { padding-right: 35px; padding-left: 35px; flex-basis: 66.66%; }
.review-content .review-heading { margin-top: -15px; margin-bottom: 50px; }
.review-content h3 { margin-top: 50px; margin-bottom: 50px; padding-top: 15px; padding-right: 100px; padding-bottom: 15px; padding-left: 25px; font-size: 25px; font-style: normal; font-weight: 700; }
.review-content .review-text, .review-content .review-text * { font-size: 14px; }
.reviews-pagination { margin-top: 20px; display: flex; justify-content: center; gap: 10px; }
.reviews-pagination div { width: 10px; height: 10px; background: #fff; border-radius: 50%; cursor: pointer; transition: background 0.3s; }
.reviews-pagination div.active { background: #333; }

/* Mobile Ansicht */
@media (max-width: 768px) {
    .review {
        flex: 0 0 100%;
    }
}