/*
 Theme Name:   wintergarten
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* montserrat-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/montserrat-v26-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/montserrat-v26-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../../../fonts/montserrat-v26-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@keyframes fadeInAnimation {  0% {opacity: 0;}    100% {opacity: 1;} }
#page {animation: fadeInAnimation 0.5s ease-in-out;}
.home #page {animation: fadeInAnimation 0s ease-in-out;}

/* ################################################################## HOME ##################################################################### */
h1, h2, h3, h4, h5, h6, .wpcf7-response-output {font-family: Montserrat !important; line-height:1.2 !important;}
.home h1 {text-transform:none !important; margin-bottom: 20px !important;}
h5 {line-height: 1.5 !important;}
#site-navigation {padding-top: 30px;}
#slider-4 {margin-top:-200px; z-index:10; margin-bottom: 40px;}
.main-navigation {position: sticky;}
#slider-4 .carousel-item {height: 100vH;}
/*@keyframes fadeInAnimation {  0% {opacity: 0;}  100% {opacity: 1;} }
#slider-4 .carousel-item .carousel-caption-text p, #slider-4 .carousel-item .carousel-caption-text h2 {animation: fadeInAnimation 1s ease-in-out !important;}*/
#slider-4 .carousel-item .carousel-caption p, .services-3 .services-wrap .service-item .service-inner > p { text-transform: none; font-size:1.2rem !important; }
#home-about .statistics .stat .text {  font-size: .8rem !important;}
.services-3 {max-width: 1600px;}
.services-3 .read-more {display:none;}
.hover-effect-2 .gallery-item::after, .hover-effect-2 .gallery-item::before, .hover-effect-2 .grid-with-gutters .gallery-item .gi-inner::after, .hover-effect-2 .grid-with-gutters .gallery-item .gi-inner::before, .services-3 .services-wrap .service-item .service-inner::after, .services-3 .services-wrap .service-item .service-inner::before {width: 2px !important;}
#slider-4 .carousel-item .carousel-caption-text { max-width: 1200px;}
.btn span {font-size:0.9rem !important;}

.services-3 .services-wrap .service-item {border-bottom-width:0px;}
.service-inner h3 {font-size: 1.6rem;}
.service-inner {cursor: pointer;}
.about-reviews .reviews-carousel {padding:1rem 0 !important;}
a, a:hover {text-decoration:none !important;}

/* ################################################################## Formular ##################################################################### */

.formberatung p {  margin-bottom: 1em;}
.zustimmung {padding:0 !important;}
.wpcf7 form .wpcf7-response-output {display: inline;  padding: 10px 15px; margin: 2em 0 1em 0;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-width:0; background-color: #ff030385;}
.wpcf7 form.sent .wpcf7-response-output {border-width:0; background-color: #46b45030;}
.btn-group-vertical .btn, .btn-group-vertical .btn-group, .form-inline .form-check, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width:70% !important;}


/* ################################################################## Seiten ##################################################################### */

article p, p {font-size:1.1rem !important; hyphens:auto; word-spacing:0 !important;}
.pagination {font-family: Montserrat;}
.pagination a {color:#fff;}
.pagination a:hover {color: var(--accent);}
.page-hero {margin-top: -160px; padding-top: 295px;}
.header-wrap {text-shadow: 1px 1px 60px #000;}
.header-wrap ul li:not(:last-child)::before {  width: 1.2rem!important;  height: 0.1rem !important; }
#mask-boxes {opacity: 0.5;}
.wp-block-gallery {margin-bottom: 3rem;}
li {font-family: Montserrat; font-size:1.1rem !important;}
.entry-content ol, .entry-content ul {  margin: 1.5em 0 1.5em 2em;}

.footer a {text-transform: uppercase; font-size:0.9rem;}
.footer p {margin:0;}
.site-info {background-color: rgba(18, 15, 11, 0.99); color:rgba(100, 100, 100, 0.9); font-family: Montserrat; padding-bottom: 60px;}

/* ################################################################## Fenster ##################################################################### */

.single-fenster .wp-block-image:first-child {float: right;   max-width: 600px;}
h2.fenster-title {font: 1.2rem/1 Montserrat !important; text-align: center !important; margin-bottom:1.5rem !important;}
.bilder-spec {align-items: center; margin-top: 0 !important;}
.wp-element-caption {font-family: Montserrat; color: #666;}
.p-box-text p b {font-weight:400 !important;}

/* ################################################################## Mobil ##################################################################### */

.slideout-navigation .dropdown-menu-toggle::before {font-size:18px;}

@media (max-width: 999px) {
	.navigation-branding img, .site-logo.mobile-header-logo {  height: 70px !important;}
}
@media (max-width:775px) {
	nav.toggled ul ul.sub-menu {  width: 100% !important;}
	ul.sub-menu {width: 100% !important;}
	.main-navigation.toggled .main-nav ul.toggled-on li a {padding-left:8%;}
	.main-navigation.toggled .main-nav ul.toggled-on .sub-menu li a {padding-left:12%;}
	.slick-arrow {display:none !important;}
	.header-wrap {padding-right: 10px !important;}
	#site-navigation {padding-top: 0px;}
}
@media (max-width:576px) {
	.header-wrap ul {  display: inline !important;	}
	h1, h2, h3, h4, h5 {hyphens:auto;}
	h1 {word-wrap: break-word !important;}
	.navigation-branding img, .site-logo.mobile-header-logo img {height:60px !important;}
}