/*
 Theme Name:     raabe SOM
 Theme URI:      http://www.elegantthemes.com
 Description:     raabe SOM Theme
 Author:         aceArt
 Author URI:     https://aceart.de
 Template:       Divi
 Version:        1.0.0
*/

/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */
@font-face {
   font-family: 'RaabeTheSans-Light';
   src: url(/wp-content/themes/child-theme/fonts/RaabeTheSans/RAABETheSans-3_Light.woff2);
   font-weight: 100;
}

@font-face {
   font-family: 'RaabeTheSans-Plain';
   src: url(/wp-content/themes/child-theme/fonts/RaabeTheSans/RAABETheSans-5_Plain.woff2);
   font-weight: 400;
}

@font-face {
   font-family: 'RaabeTheSans-Bold';
   src: url(/wp-content/themes/child-theme/fonts/RaabeTheSans/RAABETheSans-7_Bold.woff2);
   font-weight: 700;
}

@font-face {
   font-family: 'RaabeTheSans-ExtraBold';
   src: url(/wp-content/themes/child-theme/fonts/RaabeTheSans/RAABETheSans-8_ExtraBold.woff2);
   font-weight: 800;
}

@font-face {
   font-family: 'RaabeTheSans-Black';
   src: url(/wp-content/themes/child-theme/fonts/RaabeTheSans/RAABETheSans-9_Black.woff2);
   font-weight: 900;
}

@font-face {
   font-family: 'RaabeTheAntiqua-Bold';
   src: url(/wp-content/themes/child-theme/fonts/RaabeTheAntiqua/RAABETheAntiquaB-7_Bold.woff2);
   font-weight: 600;
}

:root {
   --font-family-light: 'RaabeTheSans-Light';
   --font-family-regular: 'RaabeTheSans-Plain';
   --font-family-bold: 'RaabeTheSans-Bold';
   --font-family-extrabold: 'RaabeTheSans-ExtraBold';
   --font-family-black: 'RaabeTheSans-Black';
   --font-family-antiqua-bold: 'RaabeTheAntiqua-Bold';
   --color-dark: #2F373A;
   --color-yellow: #FFD500;
   --color-white: #fff;
   --color-blue-soft: #D2EBF5;

   --border-radius: 6px;

   --text-xs: 12px;
   --text-sm: 14px;
   --text-base: 16px;
   --text-copy: 18px;
   --lh-copy: 28px;
   --text-l: 24px;
   --lh-l: 32px;
   --text-4xl: 36px;
   --lh-4xl: 50px;
   --text-5xl: 48px;
   --lh-5xl: 62px;
}

@media(max-width:1024px) {

   :root {

      --border-radius: 6px;

      --text-xs: 12px;
      --text-sm: 14px;
      --text-base: 16px;
      --text-copy: 18px;
      --lh-copy: 28px;
      --text-l: 24px;
      --lh-l: 32px;
      --text-4xl: 24px;
      --lh-4xl: 32px;
      --text-5xl: 36px;
      --lh-5xl: 50px;

   }
}

.mobile_menu_bar.mobile_menu_bar_toggle {
   visibility: hidden;
}


html li.hide-menu {
   height: 44px !important;
}

html .et_header_style_left #et-top-navigation nav>ul>li.kundenkonto a {
   display: none !important;
}

h1 {
   font-family: var(--font-family-antiqua-bold);
   font-size: var(--text-5xl);
   line-height: var(--lh-5xl);
}

h2 {
   font-family: var(--font-family-regular);
   font-size: var(--text-5xl);
   line-height: var(--lh-5xl);
}

h3 {
   font-family: var(--font-family-black);
   font-size: var(--text-4xl);
   line-height: var(--lh-4xl);
}

@media(max-width:980px) {
   h3 {
      font-family: var(--font-family-black);
      font-size: var(--text-5xl);
      line-height: var(--lh-5xl);
   }
}

h2 strong {
   font-family: var(--font-family-black);
}

b,
strong {
   font-family: var(--font-family-extrabold);
   font-weight: 800;
}

.underlined {
   text-decoration: underline;
}

html p,
li,
div {
   font-family: var(--font-family-light);
   font-size: var(--text-copy);
   line-height: var(--lh-copy);
}

html .entry-content ul {
   list-style-type: none;
   padding: 0;
}

html .entry-content li {
   position: relative;
   padding-left: 33px;
   padding-bottom: 16px;
}

html .entry-content li:before {
   background-image: url(/wp-content/themes/child-theme/assets/listpoints.svg);
   content: '';
   position: absolute;
   left: 0;
   top: -1px;
   width: 28px;
   height: 30px;
   background-size: contain;
   background-repeat: no-repeat;
}

.hex-img,
.hex-img .et_pb_image_wrap,
.hex-img .et_pb_image_wrap img {
   height: 480px;
   max-width: 550px;
   width: 100% !important;
}

.hex-img img {
   mask-image: url(/wp-content/uploads/2025/06/hitem.svg);
   mask-repeat: no-repeat;
   mask-position: center;
   mask-size: 100%;
   object-fit: cover;
   height: 80%;
}

@media(max-width:980px) {
   .hex-img {
      margin: auto !important;
   }
}

.et_header_style_left #et-top-navigation nav>ul>li.kundenkonto a {
   display: flex !important;
   align-items: center;
   font-size: var(--text-base);
   line-height: var(--lh-base);
}

.kundenkonto a:before {
   content: "";
   background-image: url(/wp-content/themes/child-theme/assets/konto_icon.svg);
   background-repeat: no-repeat;
   background-size: 24px;
   width: 24px;
   height: 24px;
   display: inline-block;
   margin-right: 5px;
}

/* html .entry-content li {
   list-style-image: url(/wp-content/themes/child-theme/assets/listpoints.png);
   padding-inline-start: 1ch;
} */

#main-header {
   -webkit-box-shadow: none;
   box-shadow: none;
}

@media(max-width:980px) {
   .container.et_menu_container {
      width: 90%;
   }
}

.hexagon-img {}

/*#region Button*/
body #page-container .et_pb_section .button-raabe,
body #page-container .et_pb_section .button-raabe:hover {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-white);
   font-size: 18px;
   line-height: 28px;
   font-family: var(--font-family-bold);
   padding: 12px 16px !important;
}

body #page-container .et_pb_section .button-raabe.button-yellow {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-yellow);
   font-family: var(--font-family-bold);
   background-color: var(--color-yellow);
   color: var(--color-dark);
   padding: 12px 16px !important;
}

body #page-container .et_pb_section .button-raabe.button-yellow:hover {
   background-color: var(--color-dark);
   color: var(--color-white);
   border: 1px solid var(--color-dark);
   padding: 12px 16px !important;
}

body #page-container .et_pb_section .button-raabe.button-dark {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-white);
   font-family: var(--font-family-bold);
   background-color: var(--color-dark);
   color: var(--color-white);
   padding: 12px 16px !important;
}

body #page-container .et_pb_section .button-raabe.button-dark:hover {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-yellow);
   font-family: var(--font-family-bold);
   background-color: var(--color-yellow);
   color: var(--color-dark) !important;
   padding: 12px 16px !important;
}


/**#endregion Button*/

.et_pb_row.raabe-cards {
   border-radius: 24px;
   padding: 56px;
}

.raabe-cards h2 {
   font-family: var(--font-family-black);
   font-size: var(--text-5xl);
   line-height: var(--lh-5xl);
}

/*#region Footer*/
.sub-footer a {
   text-decoration: underline;
   font-size: var(--text-sm);
}

.sub-footer .et_pb_column .et_pb_text {
   margin-bottom: 0px;
   font-size: var(--text-sm);
}

.sub-footer .et_pb_column .et_pb_text_inner {
   font-size: var(--text-sm);
}

.sub-footer .et_pb_column {
   display: flex;
   gap: 20px;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
}

@media(max-width:980px) {
   footer .dark-row .et_pb_row_4col>.et_pb_column.et_pb_column_1_4 {
      width: 100% !important;
   }
}


/*#endregion Footer*/

/*#region Infomodule*/
.info-module .et_pb_column {
   display: flex;
   gap: 1%;
   flex-wrap: wrap;
   justify-content: center;
}

.info-module .et_pb_column .et_pb_blurb {
   padding: 32px 26px;
   background-color: var(--color-blue-soft);
   border-radius: var(--border-radius);
   margin-bottom: 30px !important;
   width: 19%;
}

.info-module .et_pb_blurb span {
   font-family: var(--font-family-extrabold);
   font-size: var(--text-l);
   line-height: var(--lh-l);
}

@media(max-width:1470px) {
   .info-module .et_pb_column .et_pb_blurb {
      width: 30%;
   }
}

@media(max-width:980px) {
   .info-module .et_pb_column .et_pb_blurb {
      width: 48%;
   }
}

@media(max-width:767px) {
   .info-module .et_pb_column .et_pb_blurb {
      width: 100%;
   }
}

/*#endregion Infomodule*/

/*#region Accordion*/
.lp-accordion .et_pb_toggle {
   border: none;
   padding-left: 60px;
   border-top: 2px solid #E0E0E0;
   margin-bottom: 0px !important;
   background-color: transparent;
}

.lp-accordion .et_pb_toggle_open {
   background-color: transparent;
}

.lp-accordion .et_pb_toggle_title {
   font-family: var(--font-family-extrabold);
   font-size: var(--text-l);
   line-height: var(--lh-l);
}

.lp-accordion .et_pb_toggle_close .et_pb_toggle_title,
.lp-accordion .et_pb_toggle_close h5.et_pb_toggle_title {
   color: var(--color-dark);
}

.lp-accordion .et_pb_toggle_title:before {
   content: "\4c";
   position: absolute;
   right: 0;
   font-size: 30px;
   color: var(--color-dark);
   top: 50%;
   margin-top: -.5em;
}

.lp-accordion .et_pb_toggle_open .et_pb_toggle_title:before {
   content: "\4b";
   position: absolute;
   right: 0;
   font-size: 30px;
   color: var(--color-dark);
   top: 50%;
   margin-top: -.5em;
   display: inline;
}

.lp-accordion .et_pb_accordion_item:before {
   content: "";
   background-image: url(/wp-content/themes/child-theme/assets/listpoints.svg);
   background-repeat: no-repeat;
   background-size: 52px;
   width: 52px;
   height: 55px;
   display: block;
   position: absolute;
   left: -3px;
   top: 10px;
}

.lp-accordion .et_pb_accordion_item_0:before {
   content: "";
   background-image: url(/wp-content/themes/child-theme/assets/rechtliches_icon.svg);
}

.lp-accordion .et_pb_accordion_item_1:before {
   content: "";
   background-image: url(/wp-content/themes/child-theme/assets/schulmanagement.svg);
}

.lp-accordion .et_pb_accordion_item_2:before {
   content: "";
   background-image: url(/wp-content/themes/child-theme/assets/unterrichtsentwicklung.svg);
}

.lp-accordion .et_pb_accordion_item_3:before {
   content: "";
   background-image: url(/wp-content/themes/child-theme/assets/leadership.svg);
}

.lp-accordion .et_pb_accordion_item_4:before {
   content: "";
   background-image: url(/wp-content/themes/child-theme/assets/aktuelles.svg);
}

/*#endregion Accordion*/

/*#region Newsletter*/
.bg-gratuit {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   margin: auto;
   z-index: 0;
}

.newsletter-icon {
   padding-top: 290px !important;
   margin-bottom: -64px;
}

/*#region Newsletter*/

#newsletter {
   max-width: 800px;
   width: 100%;
}

@media(max-width:1024px) {
   html .et_pb_row {
      width: 90%;
   }
}

@media(max-width:767px) {
   .mobile-revert-row {
      display: flex;
      flex-direction: column;
   }

   .mobile-revert-second {
      order: 2;
   }

   .mobile-revert-first {
      order: 1;
   }

   .et_pb_row.raabe-cards {
      border-radius: 24px;
      padding: 56px;
      height: 524px;
      display: flex;
      align-items: end;
   }

   .sub-footer .et_pb_column .et_pb_text.et_pb_text_8_tb_footer {
      width: 100%;
      text-align: center;
   }
}

/*Background Hexagon*/

@media(max-width:1024px) {
   .bg-hexagon_head.et_pb_section {
      background-position: right -24% top 100% !important;
   }

   .bg-hexagon_head-fill.et_pb_row {
      background-image: none !important;
   }

   .bg-hexagon_second::before {
      content: "";
      background-image: url(/wp-content/uploads/2025/05/bg_hexagon.png);
      display: block;
      background-size: 100%;
      /* background-position: left -106% top 33%; */
      width: 300px;
      height: 300px;
      position: absolute;
      left: 0%;
      bottom: 0;
   }

   div.bg-hexagon_info.et_pb_section.et_pb_section_2 {
      background-image: none !important;
   }

}

@media(max-width:767px) {
   .bg-hexagon_second.et_pb_section {
      background-position: right -85% top 10% !important;
   }

   .bg-hexagon_head.et_pb_section {
      background-position: right -155% top 55% !important;
   }

   .bg-hexagon-last.et_pb_section {
      background-position: right -25% top 9% !important;
   }

   .bg-hexagon_head-fill::before {
      content: "";
      background-image: url(/wp-content/uploads/2025/05/bg_hexagon.png);
      display: block;
      background-size: 100%;
      /* background-position: left -106% top 33%; */
      width: 300px;
      height: 300px;
      position: absolute;
      left: -35%;
   }

   .bg-hexagon_second::before {
      content: "";
      background-image: url(/wp-content/uploads/2025/05/bg_hexagon.png);
      display: block;
      background-size: 100%;
      /* background-position: left -106% top 33%; */
      width: 300px;
      height: 300px;
      position: absolute;
      left: -15%;
      bottom: 0;
   }

   .bg-hexagon_accordion::before {
      content: "";
      background-image: url(/wp-content/uploads/2025/05/bg_hexagon.png);
      display: block;
      background-size: 100%;
      /* background-position: left -106% top 33%; */
      width: 300px;
      height: 300px;
      position: absolute;
      left: 0%;
      top: 17%;
   }

   .bg-hexagon-last::before {
      content: "";
      background-image: url(/wp-content/uploads/2025/05/bg_hexagon.png);
      display: block;
      background-size: 100%;
      /* background-position: left -106% top 33%; */
      width: 300px;
      height: 300px;
      position: absolute;
      left: -10%;
      bottom: 0%;
   }

}