/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* mulish-200 - latin */
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 200;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-200.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-200.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-200.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-200.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-200.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-200.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-200italic - latin */
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 200;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-200italic.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-200italic.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-200italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-200italic.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-200italic.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-200italic.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-300 - latin */
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 300;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-300.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-300.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-300.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-300.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-300.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-300.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-300italic - latin */
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 300;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-300italic.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-300italic.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-300italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-300italic.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-300italic.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-300italic.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-regular - latin */
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 400;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-regular.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-regular.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-regular.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-regular.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-italic - latin */
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 400;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-italic.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-italic.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-italic.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-italic.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-italic.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-500 - latin */
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 500;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-500.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-500.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-500.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-500.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-500.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-500.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-500italic - latin */
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 500;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-500italic.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-500italic.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-500italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-500italic.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-500italic.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-500italic.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-600 - latin */
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 600;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-600.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-600.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-600.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-600.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-600.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-600.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-600italic - latin */
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 600;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-600italic.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-600italic.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-600italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-600italic.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-600italic.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-600italic.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-700 - latin */
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 700;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-700.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-700.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-700.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-700.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-700.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-700.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-700italic - latin */
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 700;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-700italic.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-700italic.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-700italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-700italic.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-700italic.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-700italic.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-800 - latin */
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 800;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-800.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-800.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-800.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-800.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-800.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-800.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-800italic - latin */
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 800;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-800italic.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-800italic.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-800italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-800italic.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-800italic.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-800italic.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-900 - latin */
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 900;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-900.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-900.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-900.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-900.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-900.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-900.svg#Mulish") format("svg"); /* Legacy iOS */
}
/* mulish-900italic - latin */
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 900;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url("fonts/mulish-v13-latin-900italic.eot"); /* IE9 Compat Modes */
  src: url("fonts/mulish-v13-latin-900italic.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/mulish-v13-latin-900italic.woff2") format("woff2"),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      url("fonts/mulish-v13-latin-900italic.woff") format("woff"),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
      url("fonts/mulish-v13-latin-900italic.ttf") format("truetype"),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
      url("fonts/mulish-v13-latin-900italic.svg#Mulish") format("svg"); /* Legacy iOS */
}

.ah24-fon {
  margin-top: 47px;
  text-align: right;
  font-size: 14px;
}

.ah24-fon a {
  color: #4b709a;
  font-weight: 700;
}

/* Hauptmenüpunkte nebeneinander anordnen */
#menu-main {
  display: flex;
  padding: 0;
  margin: 0;
  margin-top: 25px;
  list-style: none;
}

/* Styling der Links in den Menüpunkten */
#menu-main a {
  display: block;
  padding: 10px;
  color: #000; /* Textfarbe der Links */
  text-decoration: none;
}

/* Optionales Styling für das Dropdown-Icon */
#menu-main .fa-dropdown {
  display: none;
  margin-left: 0px;
}

/* Entfernen des Standard-Margins und Paddings der Liste */
#menu-main li {
  position: relative;
  padding: 0px 2px;
  margin-right: 0px; /* Abstand zwischen den Hauptmenüpunkten */
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

#menu-main li a {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.row-menu-inner {
  height: 140px;
  /* border-bottom: 1px solid #ECECEC !important; */
}

/* Submenü anzeigen und horizontal anordnen */
#menu-main .drop-menu {
  position: absolute;
  z-index: 10000;
  top: 100%; /* Submenü direkt unter dem Hauptmenüpunkt */
  left: 0;
  display: none; /* Versteckt das Submenü standardmäßig */
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
}

#menu-item-29 .drop-menu {
  left: -180px;
}

/* Sichtbarkeit des Submenüs, wenn der Hauptmenüpunkt aktiv ist */
#menu-main li.current-menu-item > .drop-menu,
#menu-main li.current-menu-ancestor > .drop-menu {
  display: flex;
}

/* Styling der aktiven Hauptmenüpunkte mit farbiger Box */
#menu-main li.current-menu-ancestor > a,
#menu-main li.current-menu-item > a,
#menu-main li a:hover {
  border-radius: 3px; /* Optional: Abgerundete Ecken */
  color: white;
  background-color: #4b709a; /* Hintergrundfarbe der aktiven Hauptmenüpunkte */
}

/* Styling der Submenüpunkte */
#menu-main .drop-menu li {
  padding: 0px 0px;
  margin-right: 5px; /* Abstand zwischen den Submenüpunkten */
  text-transform: none;
}

#menu-main .drop-menu li a {
  font-size: 14px;
  font-weight: 400;
}

#menu-main .drop-menu li a:hover,
#menu-main .drop-menu li.active a {
  color: none;
  background: none;
}

/* Styling der aktiven Submenüpunkte */
#menu-main .drop-menu li a:hover {
  color: #4b709a;
  background: none;
}

/* Styling der aktiven Submenüpunkte */
#menu-main .drop-menu li.active a {
  color: #4b709a;
  background: none;
  font-weight: 700;
}

@media (min-width: 960px) {
  .hmenu-center-double .logo-container {
    padding-top: 36px;
    text-align: center;
    vertical-align: top !important;
  }
  .menu-wrapper .row-menu.limit-width .row-menu-inner {
    padding: 0px 20px;
  }
}

strong {
  font-weight: 700 !important;
}

.align-center .heading-text {
  text-align: center;
}

.uncode_text_column a {
  text-decoration: underline;
}

.footer-imprint a {
  text-decoration: none;
}

.uncode_text_column p {
  line-height: 24px;
}

/* bue Boxex */

/* Common properties for all boxes */
.info-box-blue .uncell,
.info-box-small-blue .uncell,
.info-box-light-blue .uncell {
  border-radius: 4px !important;
}

/* Common properties for all text columns */
.info-box-blue .uncode_text_column,
.info-box-small-blue .uncode_text_column {
  margin-top: 18px !important;
}

/* Specific properties for small blue boxes */
.info-box-small-blue .uncell {
  padding: 24px;
}

.info-box-small-blue .uncode_text_column p {
  font-size: 14px;
  font-weight: 500;
}

.info-box-testimonial .uncode_text_column {
  margin-top: 18px !important;
  margin-bottom: 36px !important;
  font-size: 14px;
}

.info-box-testimonial .uncell {
  padding: 18px !important;
  border-radius: 4px !important;
}

/* Accordions */

.accordion-ah24 .panel-group .panel {
  padding: 24px !important;
  margin-bottom: 20px;
  border-radius: 4px !important;
  background-color: #edf1f5 !important;
}

.accordion-ah24 .panel-group .panel .wpb_accordion_content {
  padding: 0 100px 0 20px !important;
}

.accordion-ah24 .wpb_accordion_content a {
  font-weight: 700 !important;
  text-decoration: underline;
}

.uncode-accordion:not(.no-title-margin)
  .panel.has-padding
  .panel-collapse:before {
  padding-top: 14px !important;
}

/* accordions */
.accordion-ah24 a:hover span,
.accordion-ah24 a:focus span,
.accordion-ah24 .panel-title.active > a span:after,
.panel-title.active > a {
  color: #4b709a !important;
}

.panel-group .panel-heading + .panel-collapse:before {
  border-width: 0 !important;
}

/* Form */

form p {
  color: #333 !important;
}

form input,
form select,
form textarea {
  width: 100%;
  border: none;
  border-radius: 4px !important;
  color: #333 !important;
  background-color: #edf1f5 !important;
}

@media (min-width: 960px) {
  span[data-name="ah24_anrede"] {
    display: block;
    width: 282px;
  }

  .ah24-form {
    display: flex;
    flex-wrap: wrap;
  }

  .ah24-form-left {
    flex: 1;
    padding-right: 20px;
  }

  .ah24-form-right {
    flex: 1;
    padding-left: 40px;
  }

  .form-blitzer {
    margin-top: 123px;
  }

  .form-unfall {
    margin-top: 95px;
  }

}

form textarea {
  min-height: 360px;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(75, 112, 154, 0.7) !important;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(75, 112, 154, 0.5) !important;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(75, 112, 154, 0.5) !important;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(75, 112, 154, 0.5) !important;
}

form .wpcf7-submit {
  width: 200px;
  border-radius: 3px; /* Optional: Abgerundete Ecken */
  color: white !important;
  background-color: #4b709a !important; /* Hintergrundfarbe der aktiven Hauptmenüpunkte */
}

.wpcf7-response-output{
  color: #46b450 !important;
  font-weight: 700 !important;
}

.wpcf7 form.invalid span.wpcf7-not-valid-tip,
.wpcf7 form.invalid .wpcf7-response-output{
  color: #c40e44 !important;
}



/* Icons */

.hidden-box {
  display: block;
}

.iconbox-claims-unfall .btn-show-more,
.iconbox-claims-blitzer .btn-show-more {
  display: none;
  clear: both;
  line-height: 4em;
  color: #4b709a;
  text-align: center;
  font-weight: 700;
  text-decoration: underline;
}

.iconbox-top .icon-box-left p,
.iconbox-claims-unfall .icon-box-left p,
.iconbox-claims-blitzer .icon-box-left p {
  line-height: 22px;
  margin-top: 0;
  font-size: 14px;
}

.iconbox-top .icon-box-icon {
  padding-top: 10px;
  padding-right: 5px;
}

.iconbox-claims-unfall .icon-box-icon,
.iconbox-claims-blitzer .icon-box-icon {
  padding-top: 5px;
  padding-right: 5px;
}

.iconbox-claims-unfall,
.iconbox-claims-blitzer {
  margin-bottom: 0px;
}

.iconbox-top {
  margin-top: 20px;
}

/* desktop 3 column */
.iconbox-top .icon-box-left,
.iconbox-claims-unfall .icon-box-left,
.iconbox-claims-blitzer .icon-box-left {
  float: left;
  width: 33.3%;
  min-height: 145px;
  padding: 0 10px;
  margin-top: 20px;
}

/* TOP   */
.iconbox-top .icon-box-left {
  margin-top: 0px !important;
}

/* unfall - Tablet & Mobile - show more after 6 entires */
.iconbox-claims-unfall .icon-box-left:nth-child(3n + 4) {
  padding-left: 0px;
}

.iconbox-claims-unfall .icon-box-left:nth-child(-n + 3) {
  margin-top: 0px !important;
}

/* blitzer - Mobile - show more after 4 entires */
.iconbox-claims-blitzer .icon-box-left:nth-child(4),
.iconbox-claims-blitzer .icon-box-left:nth-child(8) {
  padding-left: 0px;
}

.iconbox-claims-blitzer .icon-box-left:nth-child(-n + 3) {
  margin-top: 0px !important;
}

.info-box-light-blue ul {
  display: grid;
  padding: 0 !important;
  padding: 0;
  margin: 0;
  list-style-type: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.info-box-light-blue ul li {
  padding: 30px 20px;
  border-radius: 4px;
  color: #4b709a;
  background-color: #edf1f5;
  list-style-type: none;
  text-align: center;
  font-size: 24px;
  font-weight: 800;
}

/* unter autounfallhilfe/autohaus-werkstatt/ */
.infobox-partner ul {
  display: grid;
  padding: 0 !important;
  padding: 0;
  list-style-type: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.infobox-partner ul li {
  line-height: 24px;
  padding: 25px;
  border-radius: 4px;
  color: #fff;
  background-color: #4b709a;
  list-style-type: none;
  text-align: left;
}

.infobox-partner li strong {
  display: block;
  line-height: 26px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 800;
}

.infobox-partner li p {
  margin: 0;
  color: #555;
  font-size: 0.9em;
}

/* tablet */

@media (min-width: 601px) and (max-width: 834px) {
  /* CSS-Regeln für Geräte bis 834px Breite */

  .h1 {
    line-height: 52px !important;
    font-size: 40px !important;
  }

  .iconbox-top {
    margin-top: 0px;
  }

  /* unfall - Tablet & Mobile - show more after 6 entires */
  .iconbox-claims-unfall .hidden-box {
    display: none;
  }

  .iconbox-claims-unfall .btn-show-more {
    display: block;
  }

  .iconbox-claims-unfall .icon-box-left,
  .iconbox-claims-blitzer .icon-box-left {
    width: 50%;
    min-height: 165px;
  }

  /* reset */
  .iconbox-claims-unfall .icon-box-left:nth-child(n),
  .iconbox-claims-blitzer .icon-box-left:nth-child(n) {
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 20px !important;
  }

  /* TOP   */
  .iconbox-top .icon-box-left {
    padding-right: 0 !important;
  }

  .iconbox-top .icon-box-left .icon-box-content {
    padding-left: 5px !important;
  }

  /* unfall - Tablet & Mobile - show more after 6 entires */
  .iconbox-claims-unfall .icon-box-left:nth-child(odd) {
    padding-left: 0px !important;
  }

  .iconbox-claims-unfall .icon-box-left:nth-child(-n + 2) {
    margin-top: 0px !important;
  }

  /* blitzer - Mobile - show more after 4 entires */
  .iconbox-claims-blitzer .icon-box-left:nth-child(1),
  .iconbox-claims-blitzer .icon-box-left:nth-child(3n + 0):not(:nth-child(1)) {
    padding-left: 0px !important;
  }

  .iconbox-claims-blitzer .icon-box-left:nth-child(2) {
    margin-top: 0px !important;
  }

  /* infoboxen info-box-blue */
  .info-box-blue {
    float: left !important;
    clear: none !important;
    width: 33.3%;
    height: 210px;
    padding: 0 10px 0 10px !important;
  }

  .info-box-blue:nth-child(1) {
    padding-left: 0 !important;
  }

  .info-box-blue:nth-child(3) {
    padding-right: 0 !important;
  }

  .info-box-light-blue ul li {
    padding: 24px 12px;
    font-size: 18px;
  }

  .infobox-partner ul {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  .infobox-partner ul li {
    padding: 18px;
    border-radius: 4px;
  }

  .ah24-fon {
    display: none;
  }

  .ah24-fon-mobile {
    right: 24px !important;
  }

  .mmb-container {
    left: 0;
  }

  #main-logo {
    z-index: 10000;
    width: 100%;
  }

  .row-menu-inner {
    height: inherit;
    border-bottom-color: #ececec !important;
  }

  body.menu-mobile-default .main-menu-container .menu-sidebar-inner,
  body.menu-mobile-default .main-menu-container .menu-horizontal-inner {
    padding-top: 0;
  }

  #menu-main {
    display: block !important;
  }

  #menu-main li.current-menu-item > .drop-menu,
  #menu-main li.current-menu-ancestor > .drop-menu {
    display: contents;
  }

  .mobile-menu-button-light .lines:not(.lines-dropdown),
  .mobile-menu-button-light .lines:not(.lines-dropdown):before,
  .mobile-menu-button-light .lines:not(.lines-dropdown):after,
  .mobile-menu-button-light .lines:not(.lines-dropdown) > span,
  .vmenu-container.menu-light .lines:not(.lines-dropdown),
  .vmenu-container.menu-light .lines:not(.lines-dropdown):before,
  .vmenu-container.menu-light .lines:not(.lines-dropdown):after,
  .vmenu-container.menu-light .lines:not(.lines-dropdown) > span {
    background: #4b709a;
  }
}

/* Mobile */

@media screen and (max-width: 600px) {
  .h1 {
    line-height: 38px !important;
    font-size: 30px !important;
  }

  h4 {
    line-height: 26px !important;
    font-size: 16px !important;
  }

  .main-container .row-container .row-parent {
    padding: 20px !important;
  }

  .iconbox-claims-unfall .hidden-box,
  .iconbox-claims-blitzer .hidden-box {
    display: none;
  }

  .iconbox-claims-unfall .btn-show-more,
  .iconbox-claims-blitzer .btn-show-more {
    display: block;
  }

  /* infooxen */

  .iconbox-claims-unfall,
  .iconbox-claims-blitzer {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .iconbox-top .icon-box-left,
  .iconbox-claims-unfall .icon-box-left,
  .iconbox-claims-blitzer .icon-box-left {
    width: 100%;
    min-height: auto;
    padding-right: 0 !important;
    padding-left: 0px !important;
    margin-top: 20px !important;
  }

  .iconbox-claims-unfall .icon-box-left:nth-child(n),
  .iconbox-claims-blitzer .icon-box-left:nth-child(n) {
    padding-left: 0px !important;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
  }

  .info-box-light-blue ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .info-box-light-blue ul li {
    padding: 24px 12px;
    font-size: 13px;
  }

  .infobox-partner ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  .infobox-partner ul li br,
  .infobox-partner ul li i {
    display: none;
  }

  .ah24-fon {
    display: none;
  }

  .ah24-fon-mobile {
    z-index: 10000;
    right: 24px !important;
  }

  .mmb-container {
    left: 0;
  }

  #main-logo {
    z-index: 10000;
    margin-left: 45px;
  }

  .main-logo {
    z-index: 1000;
  }

  .row-menu-inner {
    height: inherit;
    border-bottom-color: #ececec !important;
  }

  body.menu-mobile-default .main-menu-container .menu-sidebar-inner,
  body.menu-mobile-default .main-menu-container .menu-horizontal-inner {
    padding-top: 0;
  }

  #menu-main {
    display: block !important;
  }

  #menu-main li.current-menu-item > .drop-menu,
  #menu-main li.current-menu-ancestor > .drop-menu {
    display: contents;
  }

  /* accordions */
  .accordion-ah24 .panel-group .panel .wpb_accordion_content {
    padding: 0 0 0 0px !important;
  }
}
