/*
 Theme Name:     Friseur
 Theme URI:      https://jonas-ruettgers.de
 Description:    Das offizielle Design von Friseur. Entworfen von Jonas
 Author:         Jonas
 Author URI:     https://jonas-ruettgers.de
 Template:       Divi
 Version:        1.0.0
*/
/* =Theme customization starts here
------------------------------------------------------- */
/* prompt-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/drohne/fonts/prompt-v10-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* prompt-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/drohne/fonts/prompt-v10-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* prompt-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/themes/drohne/fonts/prompt-v10-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* prompt-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/themes/drohne/fonts/prompt-v10-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
h4.title {
    font-weight: 900;
}
.et_pb_section.slide-start.et_section_regular:after {
    content: '';
    background: #000000b3;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.slider-text ul.zerti {
    padding: 0;
}
li.zerti-third {
    display: flex;
    align-items: center;
	    margin-right: 11px;
}
.zerti-third span {
    color: #d8d8d8;
    font-size: 15px;
}
.zerti-third a {
    display: block;
    color: white;
    text-decoration: underline;
    font-weight: 500;
}
.zerti-third img {
    width: 42px;
}
.bewertung-logo .et_pb_text_inner {
    font-weight: 500;
}
.bewertung-logo img {
    width: 110px;
    margin-top: 8px;
}
.bewertung span.et_pb_image_wrap {
    width: 100%;
}
.bewertung .et_pb_row {
    width: 60%;
}
.bewertung-logo .et_pb_text_inner {
    font-weight: 500;
    background: white;
    padding: 30px;
    position: relative;
    right: 100px;
    top: 65px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.bewertung .et_pb_row {
    width: 66%;
}
div#et-top-navigation {
    position: relative;
    bottom: 10px;
}
.et_pb_section.slide-start.et_section_regular {
    padding: 0;
}
.slide-start .et_pb_row {
    padding: 0;
    width: 100%;
    max-width: 100%;
}
.slide-start span.et_pb_image_wrap, .et_pb_image img {
    width: 100%;
}
header#main-header {
    box-shadow: none;
    background: none;
    position: absolute;
    top: 32px;
}
.logged-in header#main-header {
    top: 60px;
}
.slide-start .et_pb_image img {
    height: 850px;
    object-fit: cover;
}
.et_pb_row.slider-text {
    position: absolute;
    top: 33%;
    max-width: 1240px;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 22;
    width: 90%;
}
.zerti-third strong:before {
    content: '\e033 \e033 \e033 \e033 \e033';
    display: inline-block;
    font-family: 'ETmodules';
    color: #ffffff;
    letter-spacing: 2px;
    font-size: 14px;
    padding-right: 5px;
}
.slider-text ul .zerti-third strong {
    padding-left: 10px;
}
.slider-text h1 {
  color: #fff;
  font-family: 'Prompt';
  font-weight: 800;
  font-size: 72px;
  width: 62%;
  line-height: 90px;
  padding-bottom: 40px;
  text-shadow: 0.7px 0.7px black;
}
.et_pb_section.slide-start.et_section_regular:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #0000 70%, rgb(0 0 0) 90%, #000000 100%);
    z-index: 11;
}
.slider-text p {
    color: white;
    width: 40%;
}
.et_header_style_left #et-top-navigation nav>ul>li.menu-beratung>a {
    background: white;
    padding: 10px 15px;
    color: black;
        margin-left: 10px;
}
.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding-left: 10px;
}
.slider-text ul {
    display: flex;
    padding: 0;
    color: white;
    list-style: none;
        padding-top: 100px;
}
.et_pb_row.video-slide {
    position: absolute;
    bottom: 13%;
    right: 0;
    width: 30%;
        z-index: 22;
}
.willkommen h3:before {
    content: '';
    background-image: url(https://drohnen-kompass.de/wp-content/uploads/2024/01/bubble-1.svg);
    width: 90px;
    height: 90px;
    display: block;
    margin-bottom: 22px;
}
.et_pb_section.videos-ref.et_section_regular {
    background: black;
}
body .lSSlideOuter .lSPager.lSpg > li a {
    height: 14px;
    width: 14px;
        background-color: #323232;
}
body .lSSlideOuter .lSPager.lSpg > li:hover a, body .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #ffc23c;
}
body .lSAction {
  display: none !important;
}
#videos video {
    height: 250px;
    object-fit: cover;
}
.videos-ref .et_pb_text_inner {
    color: white;
}
.videos-ref h2 {
    color: white;
    font-weight: 900;
}
.videos-ref p {
    width: 57%;
}
.willkommen ul li:nth-child(1) h3:after {
    content: '';
    background-image: url(https://drohnen-kompass.de/wp-content/uploads/2024/01/zeit-2.svg);
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: -2px;
    left: 18px;
    background-size: 100%;
}
.willkommen ul li:nth-child(2) h3:after {
  content: '';
      background-image: url(https://drohnen-kompass.de/wp-content/uploads/2024/01/chance.svg);
      width: 45px;
      height: 45px;
      display: block;
      position: absolute;
      top: 12px;
      left: 18px;
      background-size: 100%;
}
.willkommen ul li:nth-child(3) h3:after {
  content: '';
  background-image: url(https://drohnen-kompass.de/wp-content/uploads/2024/01/megaphone-1.svg);
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: -4px;
  left: 17px;
  background-size: 100%;
}
.willkommen h3:before {
    content: '';
    background-image: url(https://drohnen-kompass.de/wp-content/uploads/2024/01/bubble-1.svg);
    width: 80px;
    height: 80px;
    display: block;
    margin-bottom: 22px;
    background-size: 100%;
}
.video-slide .et_pb_column.et_pb_column_4_4 {
    background: black;
    padding: 70px;
    box-shadow: rgb(233 233 233 / 15%) 0px 48px 100px 0px;
}
.willkommen h2 {
    color: white;
    text-align: center;
    font-weight: 900;
        padding-bottom: 70px;
}
.willkommen li {
    width: 100%;
    margin: 0 25px;
}
.sagen-kunden .et_pb_text_inner {
    text-align: center;
}
.sagen-kunden h2 {
    font-weight: 900;
}
.et_pb_row.sagen-kunden {
    padding-bottom: 0;
    padding-top: 90px;
}
.team span.et_pb_image_wrap {
    text-align: center;
}
.et_pb_section.willkommen.et_section_regular {
    background: black;
        padding-bottom: 230px;
        padding-top: 0;
}
.et_pb_section.bewertung.et_section_regular {
    padding-bottom: 100px;
}
.formular-drohne .et_pb_module.et_pb_text {
    padding: 40px;
    box-shadow: rgb(241 241 241 / 45%) 0px 8px 24px;
}
.kontakt-form input.wpcf7-form-control.wpcf7-text {
  border: 1px solid #404040;
      padding: 10px 15px;
      border-radius: 5px;
      margin-bottom: 25px;
      width: 97%;
      color: white;
      background: #181818;

}
.kontakt-form input.wpcf7-form-control.wpcf7-text::placeholder {
    color: white;
}
.kontakt-form * {
    font-size: 16px;
}

.one-half {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.kontakt-form {
    padding-top: 30px;
}

.kontakt-form {
    font-size: 0;
}
textarea.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #404040;
  padding: 10px 15px;
  height: 160px;
  background: #181818;
  color: white;
}
textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
    color: white;
}
.kontakt-form .wpcf7-list-item {
    margin-left: 0;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
  width: auto;
  border: none;
  background: #a67a19;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px 35px;
  display: inline-block;
  margin-top: 20px;
  border-radius: 4px;
  line-height: 100%;
  font-weight: bold;
  cursor: pointer;
}
span.wpcf7-list-item-label a {
    color: white;
}
.unten-formular ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}
.unten-formular li {
    margin: 0 20px;
}
.unten-formular li:first-child:before {
    content: '';
    background-image: url(https://drohnen-kompass.de/wp-content/uploads/2024/01/ssl-step-2.svg);
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 7px;
}
.videos-ref .kontakt-form .unten-formular p {
    display: inline-block;
    width: auto;
}
.unten-formular li:last-child:before {
    content: '';
    background-image: url(https://drohnen-kompass.de/wp-content/uploads/2024/01/dsgvo-2.svg);
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 7px;
}
.videos-ref .kontakt-form p {
    width: 100%;
}
.team h2 {
    font-weight: 900;
}
.team h4 {
    text-transform: none;
    font-size: 16px;
    line-height: 1.7em;
}

.team h4 {
    display: none;
}
.team img {
    width: 68%;
}
.team .et_pb_text_inner {
    text-align: center;
}
strong.lesen {
    font-weight: 500;
    display: block;
    text-decoration: underline;
    cursor: pointer;
}
.team ul {
    list-style: none;
    padding: 0;
}
.team .et_pb_column.et_pb_column_1_2 {
    margin-top: -250px;
}
.willkommen ul {
    padding: 0;
    color: white;
    display: flex;
    list-style: none;
    margin: 0 -25px;
}
.willkommen h3 {
    color: white;
    font-weight: 900;
        position: relative;
}
.video-slide h2 {
    color: white;
    font-family: 'Prompt';
    font-weight: 800;
    font-size: 20px;
}
body {
      font-family: 'Prompt';
}
.slider-text ul strong {
    display: block;
}
.slider-text ul li {
    padding-right: 48px;
}
.video-slide p {
    color: white;
}
.video-slide img {
    border-radius: 10px;
}
.video {
    position: relative;
    margin-top: 50px;
}
.video h3 {
    position: absolute;
    bottom: 45px;
    left: 30px;
    color: white;
    font-weight: bold;
}
.video span:before {
    content: '';
    top: -15px;
    left: 0;
    position: absolute;
    background-image: url(https://drohnen-kompass.de/wp-content/uploads/2024/01/video-play-1.svg);
    width: 60px;
    height: 60px;
}

.video span {
    position: relative;
    padding-left: 75px;
}

@media (max-width:1310px){
  #top-menu li.none-mobile {
    display: none;
}
.container.clearfix.et_menu_container {
    width: 90%;
}
.video-slide .et_pb_column.et_pb_column_4_4 {
    padding: 40px;
}
.et_pb_row.video-slide {
    bottom: 8%;
}
.slider-text h1 {
    font-size: 56px;
    width: 64%;
    line-height: 74px;
}
.bewertung .et_pb_row {
    width: 80%;
}
}
@media (max-width: 1024px) {
  .slider-text ul{
    display: none;
  }
  .slider-text ul.zerti {
    padding: 0;
    display: block;
}
.video-slide .et_pb_column.et_pb_column_4_4 {
    padding: 30px;
}
.et_pb_row.video-slide {
    bottom: 0%;
}
.et_pb_section.willkommen.et_section_regular {
    padding-top: 60px;
}
.willkommen h3 {
    line-height: 30px;
}
.team img {
    width: 95%;
}
}
@media (max-width:980px) {
  
}