/*
 Theme Name:     AWRec
 Theme URI:      https://www.festpreis-webdesign.com
 Description:    Theme for AWRec
 Author:         Webdesign zum Festpreis
 Author URI:     https://www.festpreis-webdesign.com
 Template:       Divi
 Version:        3.2.1
*/
/* ------------------------------------------------------- */
/* @font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  src: local("Lato Hairline"), local("Lato-Hairline"), url(fonts/Lato-Hairline.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(fonts/Lato-Light.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(fonts/Lato-Regular.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local("Lato-Black"), url(fonts/Lato-Black.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body{
  font-family: "Lato",Arial,sans-serif;
} */

h1, h2, h3, h4, h5, h6, p, span {
    overflow-wrap: normal;
}

/* link colcor in aktzent farbe */
#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
  color: #e02b20;
}

/* navigation */
#top-menu-nav>ul>li>a:hover {
  color: #000;
}

#top-menu li {
  padding-left: 11px;
  padding-right: 11px;
}

#top-menu li.current-menu-item>a {
  color: #e02b20;
  box-shadow: inset 0 -4px 0 0 #e02b20;
}

/* top-header */

#top-header{
  background-color: #ea0000;
  font-size: 20px;
}

#top-header #et-secondary-menu{
  float: none;
  text-align: center;
}

#top-header #et-secondary-nav i{
  color: #000;
}

#top-menu li li a {
  width: unset;
}

#top-menu.nav li ul {
  width: unset;
}


@media only screen and (min-width : 981px) and (max-width : 1088px) {
  #et_mobile_nav_menu {
    display: block;
  }

  #top-menu-nav {
    display: none;
  }

  .et_header_style_left #et-top-navigation {
    padding-top: 36px !important;
  }

  .et_non_fixed_nav.et_fullwidth_nav.et_header_style_left .logo_container {
    padding-left: 0;
  }

  .et_fullwidth_nav #main-header .container {
    width: 80%;
    padding-right: 0;
    padding-left: 0;
  }

  .et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 36px;
  }

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

@media only screen and (min-width : 981px) {
  #logo {
    min-height: 95%;
  }
}

/* logo navigation */
@media (max-width: 980px) {
  .et_header_style_left #logo, .et_header_style_split #logo {
    max-height: 100%;
  }

  .et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 36px;
  }

  .et_header_style_left #et-top-navigation .mobile_menu_bar, .et_header_style_split #et-top-navigation .mobile_menu_bar {
    padding-bottom: 36px;
  }
}

/* contactform feedback message */
.et-pb-contact-message {
  text-align: center;
  font-size: 20pt;
  line-height: 1.1;
}

/*  vertiacl center */
.vertical-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* inline lgog as txt */
img.logo-inline-text {
  background: #fff;
  padding: 10px 45px;
  border-radius: 100px;
  box-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.75);
  border: solid 2px #b1b1b1;
}

/* sticky buttons */
#ssb-container ul li span::before {
  font-size: 22pt;
}

#ssb-container ul li a {
  text-shadow: #000 1px 1px 0px;
  font-weight: bold;
}

#ssb-container {
  top: 40%;
}

/* header navigation container width */
/* #main-header .container{
  max-width: 1180px;
} */
/*  logo round */
.awrec-logo-round {
  border-radius: 50%;
  background-color: #FFF;
  box-shadow: 6px 6px 18px 8px rgba(0, 0, 0, 0.3);
  padding: 5px;
}

/* kontakt form */
.et-pb-contact-message {
  color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 8px;
  font-weight: bold;
}

/*  Changing the Column Stacking Order On Mobile Using CSS Classes */
@media all and (max-width: 980px) {

  /*** wrap row in a flex box ***/
  .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari 6.1+ */
    flex-wrap: wrap;
  }

  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
    -webkit-order: 1;
    order: 1;
  }

  .second-on-mobile {
    -webkit-order: 2;
    order: 2;
  }

  .third-on-mobile {
    -webkit-order: 3;
    order: 3;
  }

  .fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
  }

  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
  }
}

/* coockie notice btns */
.cn-button.bootstrap {
    color: red !important;
    background: #fff !important;
}