/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*
=======================================
=======================================
Fonts
=======================================
=======================================
*/

@import url("https://use.typekit.net/ncs5mgf.css");

/* END Fonts */


/*
=======================================
=======================================
General settings
=======================================
=======================================
*/

body {
  font-family: "brother-1816", sans-serif;
}

:root {
  --wa-b0: #fff;
  --wa-b1: #000;
  --wa-b2: #FAFAFA;
  --wa-b3: #cbd5e1;
  --wa-mc: #20315E;
}


.fl-builder-content .wa-btn a.fl-button {
  text-decoration: none !important;
}

.fl-builder-content .wa-btn a.fl-button:hover {
  background-color: transparent;
}

/* END General settings */



/*
=======================================
=======================================
Header
=======================================
=======================================
*/

#site-header.transparent-header {
  top: 10px;
}

#site-navigation-wrap .dropdown-menu > li > a {
  color: var(--wa-b0);
  margin-top: 7px;
  font-size: 1.6rem;
}

#site-navigation-wrap .dropdown-menu > li > a:hover {
  color: var(--wa-mc);
} 

.effect-three #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:after {
  background-color: var(--wa-mc);
}

#site-navigation-wrap .dropdown-menu>li.btn>a>span {
  background-color: var(--wa-b0);
  color: var(--wa-mc);
  padding: 12px 24px;
  border: 2px solid var(--wa-b0);
  border-radius: 8px;
}

#site-navigation-wrap .dropdown-menu>li.btn>a:hover>span {
  background-color: transparent
  color: var(--wa-b0);
}

#site-navigation-wrap .dropdown-menu>li.btn>a>span img {
  position: relative;
  top: -1px;
} 

#site-navigation-wrap {
  margin-top: 20px;
}

.oceanwp-mobile-menu-icon a {
  color: var(--wa-b0);
  font-size: 30px;
}

#mobile-fullscreen {
  background-color: var(--wa-mc);
}

#mobile-fullscreen .wa-menu-btn img {
  display: none;
}

/* END Header */






/*
=======================================
=======================================
Home page
=======================================
=======================================
*/

.wa-box .fl-callout-photo-left .fl-callout-photo {
  width: 10%;
  padding-right: 0;
}

.wa-box .fl-callout-photo-left-text .fl-callout-photo {
 width: 90%;
}

.wa-box .fl-photo-content.fl-photo-img-svg {
  height: 64px;
  width: 64px;
  background: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wa-box .fl-callout-text {
  line-height: 1.3;
}

.wa-referenzen-testimonial .fl-module-content .fl-rich-text strong {
  font-style: normal;
}

.wa-referenzen .fl-row-content-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.02;
  z-index: 1;
}

.wa-furnirent-section .fl-row-content-wrap::after {
  background: url('/wp-content/uploads/2025/03/furnirent-bg.jpg') center top / cover no-repeat;
} 

.wa-apart-of-me-section .fl-row-content-wrap::after {
  background: url('/wp-content/uploads/2025/03/apart-of-me-bg.jpg') center top / cover no-repeat;
} 

.wa-kofler-section .fl-row-content-wrap::after {
  background: url('/wp-content/uploads/2025/03/furnirent-bg.jpg') center top / cover no-repeat;
}


/** 
  Form
**/

.wa-form .nf-form-fields-required {
  display: none;
}

.wa-form .nf-field-label label {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--wa-b1)
}

.wa-form .ninja-forms-req-symbol {
  color: var(--wa-b1)
}

.wa-form form input[type=text], 
.wa-form form input[type=password], 
.wa-form form input[type=email], 
.wa-form form input[type=url], 
.wa-form form input[type=date], 
.wa-form form input[type=month], 
.wa-form form input[type=time], 
.wa-form form input[type=datetime], 
.wa-form form input[type=datetime-local], 
.wa-form form input[type=week], 
.wa-form form input[type=number], 
.wa-form form input[type=search], 
.wa-form form input[type=tel], 
.wa-form form input[type=color], 
.wa-form form select, 
.wa-form form textarea {
  background-color: var(--wa-b2);
  border: 1px solid var(--wa-b3);
  border-radius: 8px;
  font-size: 1.6rem;
  color: var(--wa-mc);
}

.wa-form form textarea {
  padding-top: 20px;
  padding-bottom: 20px;
}

.wa-form form input[type=text]:focus, 
.wa-form form input[type=password]:focus, 
.wa-form form input[type=email]:focus, 
.wa-form form input[type=url]:focus, 
.wa-form form input[type=date]:focus, 
.wa-form form input[type=month]:focus, 
.wa-form form input[type=time]:focus, 
.wa-form form input[type=datetime]:focus, 
.wa-form form input[type=datetime-local]:focus, 
.wa-form form input[type=week]:focus, 
.wa-form form input[type=number]:focus, 
.wa-form form input[type=search]:focus, 
.wa-form form input[type=tel]:focus, 
.wa-form form input[type=color]:focus, 
.wa-form form select:focus, 
.wa-form form textarea:focus {
  border-color: var(--wa-mc);
}

.wa-form .label-above .nf-field-label {
  margin-bottom: 5px;
}

.wa-form .submit-container .nf-field-element {
  text-align: right;
}

.wa-form .submit-container input[type="submit"] {
  background-color: var(--wa-mc);
  border-radius: 8px;
  border: 1px solid var(--wa-mc);
  padding: 23px 42px;
  font-size: 1.6rem;
  text-transform: uppercase;
}

.wa-form .submit-container input[type="submit"]:hover {
  background-color: transparent;
  color: var(--wa-mc);
} 

.wa-form .nf-form-errors {
  text-align: center;
}


/* END Home page */


/*
=======================================
=======================================
Footer
=======================================
=======================================
*/

#footer-bottom {
  padding: 25px 0;
}

#footer-bottom.no-footer-nav #copyright {
  text-align: left;
}

.wa-copyright {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
}

.wa-copyright > div:first-of-type {
  margin-right: 20px;
  padding-right: 20px;
}

.wa-copyright > div:first-of-type::after {
  content: "";
  border-right: 1px solid var(--wa-b0);
  width: 1px;
  height: 80px;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.wa-copyright > div:nth-of-type(2) {
  position: relative;
}

.wa-copyright > div a:hover {
  text-decoration: underline;
}

.wa-copyright > div img {
  max-height: 90px;
}

/* END Footer */



/*
=======================================
=======================================
Legal pages
=======================================
=======================================
*/

.wa-legal-text h2 {
  font-size: 3rem !important;
}

.wa-legal-text h3 {
  font-size: 2.6rem !important;
}

.wa-legal-text h4 {
  font-size: 2.3rem !important;
}

.wa-legal-text a {
  color: var(--wa-b3);
  transition: all .3s ease-in-out;
}

.wa-legal-text a:hover {
  color: var(--wa-mc);
  transition: all .3s ease-in-out;
}

/* END Legal pages */









/*
=======================================
=======================================
Media query
=======================================
=======================================
*/


@media all and (max-width: 1300px) {
  .wa-box .fl-module-content {
    min-height: 335px;
  }
} /* End 1300 */



@media all and (max-width: 1260px) {

  .fl-row-fixed-width {
    max-width: 93%;
  }

  .wa-box .fl-module-content {
    min-height: 380px;
  }
    
  
  .wa-home-h1.fl-module-heading .fl-heading {
    font-size: 3.5rem;
  }

  .wa-home-h2.fl-module-heading .fl-heading {
    font-size: 2rem;
  }

  .wa-box .fl-callout-photo-left .fl-callout-photo {
    width: 25%;
  }

  .fl-callout-photo-left .fl-callout-content {
    width: 75%;
  }

  .fl-builder-content .wa-ueber-uns-text .fl-rich-text p,
  .fl-builder-content .wa-referenzen-text .fl-rich-text p,
  .fl-builder-content .wa-referenzen-testimonial .fl-rich-text > p{
    font-size: 2rem !important;
  }

  .wa-h2-referenzen.fl-module-heading .fl-heading,
  .wa-he-about-us.fl-module-heading .fl-heading {
    font-size: 3rem !important;
  }


} /* End 1260 */

@media all and (max-width: 768px) {

  .fl-col-small:not(.fl-col-small-full-width) {
    max-width: 95%;
  }
  
  .wa-h1-legal-page .fl-module-content {
    margin-left: 20px;
  }

  .wa-h1-legal-page .fl-module-content .fl-heading {
    font-size: 3rem;
  }

  .wa-legal-hero > .fl-row-content-wrap {
    padding-top: 115px;
  }

  .wa-legal-text h2 {
    font-size: 2.4rem !important;
  }
  
  .wa-legal-text h3 {
    font-size: 2.2rem !important;
  }
  
  .wa-legal-text h4 {
    font-size: 2.0rem !important;
  }

  .wa-copyright {
    flex-direction: column;
  }

  .wa-copyright > div:first-of-type {
    margin-right: 0;
    padding-right: 0;
    margin-bottom: 20px;
  }

  .wa-copyright > div:first-of-type::after {
    display: none;
  }

  .wa-copyright > div:nth-of-type(2) {
    text-align: center;
    display: flex
;
    flex-direction: column-reverse;
  }

  #footer-bottom a {
    display: block;
    margin-bottom: 20px;
  }

  .wa-copyright span {
    display: none;
  }

  .wa-box .fl-callout-photo-left {
    display: flex;
  }

  .wa-box .fl-callout-photo-left .fl-callout-photo {
    width: 15%;
  }

  .fl-callout-photo-left .fl-callout-content {
    width: 85%;
  }

  .wa-box .fl-module-content {
    min-height: 0;
  }

  .wa-box br,
  .wa-hidden {
    display: none;
  }

  .wa-h2-kontakt.fl-module-heading .fl-heading {
    font-size: 2.5rem;
  }

  .fl-builder-content .wa-contact-text .fl-rich-text *:not(b, strong) {
    font-size: 2rem;
  }

} /* End 768 */



@media all and (max-width: 500px) {
  .wa-home-h1.fl-module-heading .fl-heading {
    font-size: 3rem;
  }

  .wa-h2-small.fl-module-heading .fl-heading {
    font-size: 2.5rem !important;
  }

  .wa-box .fl-callout-photo-left {
    flex-direction: column;
  }

  .wa-box .fl-module-content {
    padding: 20px;
  }

  .wa-box .fl-callout-photo-left .fl-callout-photo,
  .fl-callout-photo-left .fl-callout-content {
    width: 100%;
  }

  .wa-form .nf-form-cont .one-half {
    width: 100%;
  }

  .wa-form .nf-form-cont .one-half.second {
    margin-left: 0;
  }
} /* End 500 */

/* END Media query */