/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

body {font-family: "Segoe UI", "SF Pro Text", Arial, Verdana, sans-serif;}


/* Sticky und Co */

/* Basiszustand (nicht sticky) */
.ck-head{
  position: absolute;   /* WICHTIG */
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: 20px 0;
  background: transparent;
  transition: background-color .25s ease, padding .25s ease, box-shadow .25s ease;
}

.ck-head.is-sticky{
  position: fixed;
  top: 0;
  background: rgba(0,0,0,.9);
  padding: 10px 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}

@media screen and (min-width: 980px) and (max-width: 1320px) {
  .ck-head {
    padding: 0 20px;
  }
}


/* Sticky-Zustand */
.ck-head.is-sticky{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;                /* wird ggf. per JS für Admin-Bar angepasst */
  background: rgba(255, 255, 255, 1); /* Beispiel */
  padding: 10px 0;       /* kleineres Padding */
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}

/* Logo: standardmäßig unsichtbar */

.ck-head .menu-container .et_pb_menu__menu {
  position: relative;
  left:  -30px;
}

.ck-head.is-sticky .menu-container .et_pb_menu__menu {
  left: inherit;
}

.ck-head .et_pb_menu__logo-wrap{
  opacity: 0;
  transition: opacity .55s ease;
  pointer-events: none; /* optional, damit es nicht anklickbar ist wenn unsichtbar */
}


.ck-head .et_pb_menu__logo-wrap img {
  width: 1px;
  height: 104px;
}

.ck-head.is-sticky .et_pb_menu__logo-wrap img {
  width: auto;
  height: auto;
}

/* Logo im Sticky-Zustand sichtbar */


.ck-head.is-sticky .et_pb_menu__logo-wrap {
  opacity: 1;
  pointer-events: auto;
  max-width:  140px !important;
  position: relative;
  top: 5px;
}

@media screen and (max-width: 467px) {
  .ck-head.is-sticky .et_pb_menu__logo-wrap {
    max-width:  130px !important;
  }
}
  


/* Großes Logo im Hero-Bereich */
.ck-logo-hero{
  opacity: 1;
  transition: opacity .55s ease;
}

/* Wenn sticky aktiv: Hero-Logo ausfaden */
.ck-head.is-sticky ~ * .ck-logo-hero,
body.is-sticky .ck-logo-hero{
  opacity: 0;
  pointer-events: none; /* optional */
}


.et_pb_menu {
  margin-bottom:  0 !important;
}

@media screen and (min-width: 467px) {
  .et_pb_menu {
    margin-bottom:  15px !important;
  }
}

.et-menu a {
  color: rgba(255, 255, 255, 1.0);
}

.ck-head.is-sticky .et-menu a {
  color:  #004F9C;
}

.ck-logo-hero {
  position: absolute;
  top: 140px;
  max-width: 200px;
}

@media screen and (max-width: 467px) {
  .menu-container {
    position: relative;
    top:  10px;
    padding-left:  20px;
    padding-right:  20px;
  }
}

@media screen and (min-width: 468px) and (max-width: 980px) {
.menu-container {
  position: relative;
  top:  20px;
  padding-left:  20px;
  padding-right:  20px;
}



.ck-head.is-sticky .menu-container {
  margin-top: inherit;
}
}

.ck-head .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
  margin-top: 11px;
  background-color:  rgba(255, 255, 255, 1) !important;
}

/* Optional: wenn du statt opacity lieber "breiter/platzsparender" willst:
.ck-head .ck-logo-sticky{ opacity:0; width:0; overflow:hidden; }
.ck-head.is-sticky .ck-logo-sticky{ opacity:1; width:auto; }
*/



/* Menu */
.ck-head .div-tel {
  position: relative;
  top: 30px;
}

.ck-head.is-sticky .div-tel {
  position: relative;
  top: 28px;
}

.ck-head .div-tel .et_pb_text_inner {
  float: right;
}

/* hamburger */

.mobile_nav {
  background: #fff;
  border-radius: 2px;
}

.ck-head.is-sticky .mobile_nav {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 18px 0px;
}

.et_pb_module .mobile_menu_bar::before {
  top: 0;
}

.mobile_menu_bar::before {
  font-size:  36px;
}


/* phonebox */

.tel-head {
  position: relative;
  padding: 8px 8px 8px 30px;
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 17 21'%3E%3Cpath fill='%2300448a' fill-rule='nonzero' d='M14.995 18v-6.7.975V2zM5.07 21H3.995q-1.65 0-2.825-1.175T-.005 17V9q0-1.65 1.175-2.825T3.995 5h2v8.875l2.9-1.45q.575-.3 1.225-.188.65.114 1.1.563l1.125 1.15L7.295 20a3 3 0 0 1-1 .738A2.9 2.9 0 0 1 5.07 21m9.925-1h-7.7l1.675-2h6.025V2h-9v3h-2V2q0-.825.588-1.413A1.93 1.93 0 0 1 5.995 0h9q.825 0 1.413.587.587.588.587 1.413v16a1.93 1.93 0 0 1-.587 1.413 1.93 1.93 0 0 1-1.413.587m-4.5-15a.97.97 0 0 0 .713-.288.97.97 0 0 0 .287-.712.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287.97.97 0 0 0-.712.287.97.97 0 0 0-.288.713q0 .425.288.712a.97.97 0 0 0 .712.288m-1.2 9.45-5.3 2.675V7q-.825 0-1.412.587A1.93 1.93 0 0 0 1.995 9v8q0 .85.588 1.425Q3.17 19 3.995 19H5.07q.225 0 .425-.087a1 1 0 0 0 .35-.263z'/%3E%3C/svg%3E");
  */background-image: radial-gradient(ellipse at center,#ffc816 0%,#ffeb52 100%);
  background-repeat: no-repeat;
  background-position: 6px 6px;
  background-size: 18px;
  border-radius: 3px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc816+0,ffeb52+100 */
  background: linear-gradient(135deg,  #ffc816 0%,#ffeb52 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 18px 0px;
}

.tel-head::before {
  position: absolute;
  top:  6px;
  left:  5px;
  display: block;
  content:  '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 17 21'%3E%3Cpath fill='%2300448a' fill-rule='nonzero' d='M14.995 18v-6.7.975V2zM5.07 21H3.995q-1.65 0-2.825-1.175T-.005 17V9q0-1.65 1.175-2.825T3.995 5h2v8.875l2.9-1.45q.575-.3 1.225-.188.65.114 1.1.563l1.125 1.15L7.295 20a3 3 0 0 1-1 .738A2.9 2.9 0 0 1 5.07 21m9.925-1h-7.7l1.675-2h6.025V2h-9v3h-2V2q0-.825.588-1.413A1.93 1.93 0 0 1 5.995 0h9q.825 0 1.413.587.587.588.587 1.413v16a1.93 1.93 0 0 1-.587 1.413 1.93 1.93 0 0 1-1.413.587m-4.5-15a.97.97 0 0 0 .713-.288.97.97 0 0 0 .287-.712.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287.97.97 0 0 0-.712.287.97.97 0 0 0-.288.713q0 .425.288.712a.97.97 0 0 0 .712.288m-1.2 9.45-5.3 2.675V7q-.825 0-1.412.587A1.93 1.93 0 0 0 1.995 9v8q0 .85.588 1.425Q3.17 19 3.995 19H5.07q.225 0 .425-.087a1 1 0 0 0 .35-.263z'/%3E%3C/svg%3E");
  width: 17px;
  height: 21px;
  background-size: cover;
}

.mobile-phone .tel-head::before {
  top:  7px;
}



/* Saathoff Claim */

.saathoff-claim .et_pb_text h1,
.saathoff-claim .et_pb_text .para {
  text-align: center;
  font-size: 20px;
  padding-bottom:  0;
 font-family: 'Times New Roman', Georgia, "Times New Roman", serif;
 font-weight: 600;
 color: #fee100 !important;
 letter-spacing: 1px;
}

@media screen and (min-width: 981px) {
  .saathoff-claim .et_pb_text h1,
  .saathoff-claim .et_pb_text .para {
  text-align: left;
  font-size: 28px;
 }
}

/* 115 Claim */

.logo-text-flex{
  display: flex;
  align-items: center;
  gap: 16px;
}

.logo-text-flex .logo-img{
  flex: 0 0 auto;
  display: block;
  height: auto;
  max-width: 140px;
}

.logo-text-copy{
  margin: 0;
  font-family: 'Times New Roman', Georgia, "Times New Roman", serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
}

/* Responsive */
@media (max-width: 768px){
  .only-start .logo-text-flex{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
  }

  .logo-text-flex .logo-img{
    max-width: 110px;
  }

  .logo-text-copy{
    font-size: 22px;
    line-height: 1.25;
  }
}

@media (max-width: 480px){
  .logo-text-flex .logo-img{
    max-width: 90px;
  }

 footer .logo-text-flex .logo-img{
    max-width: 70px;
  }

  .logo-text-copy{
    font-size: 18px;
    line-height: 1.3;
  }

  footer .logo-text-copy{
    font-size: 16px;
    line-height: 1.2;
  }

footer .et_pb_column_1_tb_footer,
footer .et_pb_column_2_tb_footer {
  margin-bottom:  0;
}

}




/* White Teaser */

.white-teaser {
  margin-bottom: 0;
  position: absolute;
  top: 150px;
  right: 0;
  max-width:  300px;
}

.white-teaser h2 {
  padding-bottom: 0;
}

.ck-head.is-sticky .white-teaser {
  display: none;
}

.vis-container {
  margin-bottom: 0 !important;
}


/* Blue Headlines */

.blue-headlines h2 {
  margin-bottom:  0.5rem;
}


.blue-headlines h3 {
  padding-bottom: 1.3rem;
  color: #FEE100;
  font-size: 100%;
  font-weight:  600;
}

.blue-headlines h3 span {
  padding:  5px 8px;
  background: #00448a;
}

@media screen and (max-width: 980px) {
  .is-flex {
    display:  flex;
    flex-direction: column;
  }

  .left-class {
    order: 2;
  }

  .right-class {
    order: 1;
    padding-bottom: 1.75rem;
  }
}


/* Footer */

ul.foot-ul {
  list-style:  none;
  padding-left: 0;
}

.foot-ul li a {
  padding: 5px 5px 5px 30px;
  display: block;
  background-repeat: no-repeat;
}

.foot-kont {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 27 27'%3E%3Cpath fill='%2300448a' fill-rule='nonzero' d='M5.36 16.087h10.726v-2.682H5.36zm0-4.022h16.089V9.383H5.36zm0-4.023h16.089V5.361H5.36zm-5.363 18.77V2.68q0-1.105.788-1.894a2.58 2.58 0 0 1 1.893-.787H24.13q1.107 0 1.895.787.786.789.787 1.894v16.09q0 1.105-.787 1.894a2.59 2.59 0 0 1-1.895.787H5.36zm4.223-8.044h19.91V2.68H2.678v17.598zm-1.542 0V2.68z'/%3E%3C/svg%3E");
  background-position: 3px 8px;
  background-size: 22px;
}

.foot-tel {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 23 29'%3E%3Cpath fill='%2300448a' fill-rule='nonzero' d='M20.109 24.12v-8.982 1.307V2.67zM6.802 28.144H5.36q-2.213 0-3.788-1.575T-.002 22.78V12.054q0-2.213 1.575-3.787Q3.148 6.692 5.361 6.69h2.681v11.9l3.888-1.945a2.54 2.54 0 0 1 1.643-.252 2.7 2.7 0 0 1 1.474.755l1.509 1.542-6.771 8.111a4 4 0 0 1-1.34.99 3.9 3.9 0 0 1-1.643.351m13.307-1.34H9.785l2.246-2.682h8.078V2.669H8.042v4.022H5.361V2.67q0-1.106.788-1.894a2.58 2.58 0 0 1 1.893-.787h12.067q1.105 0 1.894.787.787.788.787 1.894v21.452q0 1.106-.787 1.894a2.59 2.59 0 0 1-1.894.787M14.075 6.69q.57 0 .956-.386.384-.385.385-.954 0-.57-.385-.956a1.3 1.3 0 0 0-.956-.385q-.57 0-.954.385a1.3 1.3 0 0 0-.386.956q0 .57.386.954.385.386.954.386m-1.609 12.67-7.105 3.587V9.373q-1.107 0-1.894.787a2.58 2.58 0 0 0-.788 1.894V22.78q0 1.14.788 1.91a2.6 2.6 0 0 0 1.894.772H6.8q.303 0 .57-.117a1.3 1.3 0 0 0 .47-.353z'/%3E%3C/svg%3E");
  background-position: 3px 8px;
  background-size: 22px;
}

.foot-mail {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 27 22'%3E%3Cpath fill='%2300448a' fill-rule='nonzero' d='M2.679 21.453a2.58 2.58 0 0 1-1.893-.787 2.58 2.58 0 0 1-.789-1.894V2.683q0-1.106.789-1.894A2.58 2.58 0 0 1 2.679.002H24.13q1.105 0 1.894.787.786.788.787 1.894v16.089q0 1.106-.787 1.894a2.59 2.59 0 0 1-1.894.787zm10.726-9.385L2.679 5.365v13.407H24.13V5.365zm0-2.681L24.13 2.683H2.679zM2.679 18.772V2.683z'/%3E%3C/svg%3E");
  background-position: 3px 8px;
  background-size: 22px;  
}

.foot-ul.rights li a {
  padding: 3px 3px 3px 0px;
}

.foot-ul li a:hover {
  color:  #A1A1A1;
}