/*
* Created by AnMa
* Copyright by Amdre GmbH
* Main Theme CSS
*/

/*-- 			-Fonts START- 			--*/

/* yesteryear-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: 'Yesteryear';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/yesteryear-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* khand-300 - 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: 'Khand';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/khand-v17-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* khand-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: 'Khand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/khand-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* khand-500 - 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: 'Khand';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/khand-v17-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* khand-600 - 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: 'Khand';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/khand-v17-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* khand-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: 'Khand';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/khand-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*-- 			-Fonts ENDE- 			--*/


/*-- 			-Basis Sytle START- 			--*/

:root {
	--pri-color: #112758; /*Mitternachtsblau*/
	--sec-color: #deab00; /*Postgelb*/
	--thi-color: #768ea1; /*Taubenblau*/
	
	--sec20-color: #f8eecc; /*Postgelb 20%*/
	--thi50-color: #bbc6cf; /*Taubenblau 50%*/
	--thi30-color: #ececec; /*Taubenblau 30%*/
	
	--bg-blue-color: #f1f2f5; /*Taubenblau abgeschwächt*/
	--bg-yellow-color: #fcf6e9; /*Postgelb abgeschwächt*/
	
	--pri-font: 'Khand', 'Arial', sans-serif;
	--sec-font: 'Yesteryear', cursive;
}

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;

}

body{
	font-family: var(--pri-font);
	font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: var(--pri-color);
}

.offcanvas-overlay {
	display: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.relative{
	position: relative;
}
.relative div{
	position: initial!important;
}
#sp-page-builder .page-content .sppb-section, #sp-page-builder .sppb-section, .mod-sppagebuilder .sppb-section, .sp-pagebuilder-section-inner .sppb-row, .sppb-container-inner, .sppb-row-container{
	z-index: initial!important;
}
.sppb-column, .sppb-column-addons{
	z-index: initial!important;
}

.wrapper{
	max-width: 1300px;
    margin: 0 auto!important;
}


/*Überschriften Text*/
h1, .head1, h2, .head2, h3, .head3, h4, .head4, h5, .head5, h6, .head6, .headline{
	font-family: var(--pri-font);
	position: relative;
	text-shadow: initial!important;
}
/*#sp-page-builder .sppb-section-title{
	margin-bottom: 0px!important;
}*/
h1,h2,h3,h4,h5,h6,.headline,.subline{
	line-height: 160%;
	text-rendering: optimizelegibility;
}
h1, h2, h3, h4, h5, .headline{
	color: var(--txt-color);
    font-weight: 700;
}
h1, .head1{
	font-size: 65px;
	margin-bottom: 45px!important;
}
h2, .head2{
    font-size: 56px;
	margin-bottom: 45px!important;
}
h3, .head3{
	font-size: 45px;
}
h4, .head4{
	font-size: 36px;
}
h5, .head5{
	font-size: 28px;
	line-height: 30px;
}
h6, .head6{
	font-size: 23px;
}
h1 span, h2 span, h3 span, h4 span, .head1 span, .head2 span, .head3 span, .head4 span{
	color: var(--sec-color);
}

.handwriting h1, .handwriting h2, .handwriting h3, .handwriting h4, .handwriting h5, .handwriting h6, .handwriting p, .handwriting span{
	font-family: var(--sec-font)!important;
	font-weight: 400!important;
	text-transform: inherit!important;
	color: var(--sec-color);
}
.handwriting h1, .handwriting h2{
	font-size: 60px;
}
.handwriting h3{
	
}
.handwriting h4{
	
}
.handwriting h5{
	
}
.handwriting h6{
	
}
.handwriting p{
	font-size: 55px;
}
p{
    margin: 0px;
    font-size: 28px;
    font-family: var(--pri-font);
    font-weight: 300;
    line-height: 150%;
	padding-bottom: 35px;
	/*hyphens: auto;
    hyphenate-limit-chars: auto 3;*/
}
.big-letter p:first-of-type::first-letter {
    font-size: 3.1em;
    padding-top: 12px;
    line-height: 0.8;
    float: left;
    margin-right: 0.01em;
    font-weight: bold; 
}
ul, li{
	font-size: 23px;
    font-family: var(--pri-font)
}
ul li, ol li {
	margin-bottom: 15px;
	line-height: 33px;
}
b, strong, .subline {
    font-weight: 600;
}
a{
	color: var(--pri-color);
}
a:hover{
	color: var(--sec-color);
}
.uppercase{
	text-transform: uppercase;
}

h1:after, h2:after, h1.headline:after, h2.headline:after, h3.headline:after, h4.headline:after, h5.headline:after, h6.headline:after {
    content: '';
    /*position: absolute;
    left: 0;
    bottom: 10px;*/
	display: block;
	margin: 0 auto;
    height: 13px;
    width: 75px;
    background-image: -webkit-linear-gradient(left, #112758 0%, #112758 100%);
    background-image: -o-linear-gradient(left, #112758 0%, #112758 100%);
    background-image: linear-gradient(to right, #112758 0%, #112758 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff112758', endColorstr='#ff112758', GradientType=1);
}
.white h1:after, .white h2:after, .white h1.headline:after, .white h2.headline:after, .white h3.headline:after, .white h4.headline:after, .white h5.headline:after, .white h6.headline:after {
    background-image: initial!important;
    filter: initial!important;
	background-color: #ffffff;
}
.taubenblau h1:after, .taubenblau h2:after, .taubenblau h1.headline:after, .taubenblau h2.headline:after, .taubenblau h3.headline:after, .taubenblau h4.headline:after, .taubenblau h5.headline:after, .taubenblau h6.headline:after {
    background-image: initial!important;
    filter: initial!important;
	background-color: var(--thi-color);
}

/*Farben*/
.white *{
	color: #ffffff;
}
.taubenblau{
	color: var(--thi-color);
}

.bg-taubenblau-hell{
	background-color: var(--bg-blue-color);
}
.bg-postgelb-hell{
	background-color: var(--bg-yellow-color);
}

.bg-mitternachtsblau{
	background-color: var(--pri-color);
}

.bg-mitternachtsblau *{
	color: #ffffff;
}




/*Auflistungspunkte Check*/
.check ul {
    list-style: none; 
    /*padding-left: 0;
	list-style-image: url('../images/icons/check.png');*/
	position: relative;
	padding-left: 40px;
}

.check ul li {
    position: relative;
    margin-bottom: 17px;
    font-weight: 600;
    font-size: 38px;
	
}

.check ul li::before{
	content: '';
    display: inline-block;
    height: 30px;
    width: 30px;
    background-image: url(../images/icons/check.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-right: 10px;
	margin-left: -40px;
}
/*-- 			-Basis Sytle ENDE- 			--*/


/*-- 			-Bilder START- 			--*/
.sppb-addon-single-image-container{
	position: initial!important;
}
.headerbild-logo{
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
}

.headerimage{
	position: relative;
	overflow: hidden;
    max-height: 100vh;
}
.header-klein .headerimage .sppb-addon-single-image-container{
	width: 100%;
}
.header-klein .headerimage img{
	object-fit: cover;
    object-position: center;
    width: 100%;
    aspect-ratio: 16 / 6;
    height: auto;
	max-height: 650px;
    min-height: 350px;
}

/*.sppb-addon-single-image-container, img{
	display: block!important;
}*/
/*-- 			-Bilder ENDE- 			--*/


/*-- 			-Navigation Header START- 			--*/
/*-Seitennavigation-*/
.seitennavigation{
	position: fixed;
    top: 45%;
    right: 0;
	z-index: 5;
}
.seitennavigation .nav-icon{
	background-color: var(--sec-color);
	margin-bottom: 20px;
	padding-right: 11px;
     /*padding: 24px 31px 20px 22px;*/
    margin-right: -11px;
	transform:translate(0px,0px);
	transition: ease all 0.3s;
}
.seitennavigation .nav-icon:hover{
	transform:translate(-10px,0px);
}
.seitennavigation .nav-icon a{
	padding: 24px 32px 20px 23px!important;
    margin-right: -11px!important;
	transform:translate(0px,0px);
	transition: ease all 0.3s;
	display: inline-block;
}
.seitennavigation .nav-icon a:hover {
    color: var(--sec-color);
	/*transform:translate(-10px,0px);*/
}
.seitennavigation .nav-icon i, .seitennavigation .nav-icon svg{
	font-size: 34px !important;
	color: #ffffff;
	transition: ease all 0.3s;
}
.seitennavigation .nav-icon a:hover i, .seitennavigation .nav-icon a:hover svg{
    /*color: var(--sec-color);*/
}
/*-Header Navigation-*/
#sp-header-topbar{
	display: none;
}
#sp-header{
	box-shadow: initial!important;
	height: initial!important;
	width: 92%;
    margin: 0 auto;
    top: 50px;
    right: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.93);
    backdrop-filter: blur(2px);
	position: absolute;
	
}
#sp-header ul li{
	margin-bottom: 0px;
}

#sp-header nav, #sp-header nav>ul{
	width: 100%;
	justify-content: space-around;
}
#sp-header nav>ul{
	display: flex !important;
    justify-content: space-between;
    align-items: center;
}
#sp-header ul.sp-megamenu-parent{
	padding-top: 0;
    margin-top: -35px;
	margin-bottom: -45px;
}
#sp-header .sp-megamenu-parent>li>a{
	color: var(--pri-color);
	font-weight: 700;
    font-size: 33px;
	transition: ease all 0.3s;
}
#sp-header .sp-megamenu-parent>li:last-child>a {
    padding: 0px 15px!important;
}
#sp-header .sp-megamenu-parent>li>a:hover{
	color: var(--sec-color);
}

/*Nur Bild anzeigen (Logo)*/
#sp-header nav.sp-megamenu-wrapper a.logo-menu>img{
	max-width: 250px;
	display: block;
	width: 100%;
}
#sp-header nav.sp-megamenu-wrapper a.logo-menu>span{
	display: none;
}

/*-Header Sticky-*/
#sp-header.header-sticky{
	width: 92%;
    margin: 0 auto;
    top: 50px;
    right: 0;
	background-color: rgba(255, 255, 255, 0.93);
    box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: blur(2px);
}
#sp-header.header-sticky nav.sp-megamenu-wrapper a.logo-menu>img{
	max-width: 250px;
}
#sp-header.header-sticky ul.sp-megamenu-parent{
	padding-top: 0;
    margin-top: -35px;
	margin-bottom: -45px;
}
#sp-header.header-sticky .sp-megamenu-parent>li>a{
	font-size: 33px;
}
/*-- 			-Navigation Header ENDE- 			--*/


/*-- 			-Dekoration START- 			--*/

/*Vertikaler Text Links*/

.vertical-text div p{
    position: absolute !important;
    left: -27px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 8.4em;
    color: var(--sec20-color);
    /* transform: rotate(-180deg); */
    text-align: center;
    font-family: var(--sec-font);
    overflow: hidden;
    width: initial;
    line-height: 110%;
	z-index: -1;
}

/*Sterne Zähler*/
.sterne{
	transform: translate(0px, -23px);
}
.sterne img{
	width: 100%;
    max-width: 265px;
}


/*-- 			-Dekoration ENDE- 			--*/


/*-- 			-Zähler START- 			--*/

.zaehler .sppb-animated-number{
	font-weight: 700;
    font-size: 80px;
	display: inline-block;
	line-height: 100%;
}
.zaehler .sppb-animated-number-title{
	font-size: 32px;
    font-weight: 300;
	line-height: 100%;
}
.zaehler .zahl-rechts{
	display: flex;
    justify-content: flex-end;
}
.zaehler .zahl-links{
	display: flex;
    justify-content: flex-start;
}
/*-- 			-Zähler ENDE- 			--*/


/*-- 			-Service/ Leistungen START- 			--*/

.leistungen .inner-wrap{
	text-align: justify;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 80%;
}
.leistungen .sppb-row-column{
	padding: initial;
}
.leistungen .sppb-row{
	margin: 0;
}
.leistungen p:last-of-type{
	padding-bottom: 0px;
    /*hyphens: auto;*/
    text-align: justify;
    /*hyphenate-limit-chars: auto 3;*/
}
.leistungen .sppb-addon-overlay-image h4{
    font-size: 65px;
    line-height: 100%;
    margin-bottom: initial;
    padding: 5px 10px;
    text-shadow: 0px 2px 3px rgba(74, 74, 74, 0.58) !important;
}
.leistungen .sppb-addon-overlay-image h4::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 0;
    width: 12px; 
    height: 100%; 
    background-color: #FFFFFF; 
    box-shadow: 0px 2px 3px rgba(74, 74, 74, 0.58); 
}
.leistungen .sppb-addon-overlay-image-content{
	padding: 15px 35px;
}
.leistungen .flex-box{
	display: flex!important;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.leistungen .flex-box.reverse{
	flex-direction: row-reverse;
}
.leistungen .flex-box.col50 >div{
	width: 50%;
}
/*-- 			-Service/ Leistungen ENDE- 			--*/


/*-- 			-Ankauf/Verkauf/Vermittlung START- 			--*/

.avv img{
	width: 100%;
	max-width: 100px;
	margin-bottom: 10px;
}
.avv h3{
	color: var(--sec-color);
}

.avv p{
	text-align: justify;
}
/*-- 			-Ankauf/Verkauf/Vermittlung ENDE- 			--*/


/*-- 			-Immobilien START- 			--*/

.immobilien.inner-box{
	background-color: #fff;
    color: var(--thi-color);
    padding: 35px 70px;
	box-shadow: 0 2px 7px 2px rgba(13, 21, 43, 0.55)!important;
}
.immobilien p{
	text-align: justify;
	text-align-last: center;
	color: var(--thi-color);
}
/*-- 			-Immobilien ENDE- 			--*/


/*-- 			-Kontakt START- 			--*/

.kontakt .sppb-row-container, .kontakt .sppb-row-column, .kontakt .sppb-column-addons, .kontakt .sppb-column{
	position: initial;
}
.kontakt label{
	width: 0;
	padding: initial;
}
.kontakt label.form-check-label{
	width: 100%;
	font-weight: 300;
    font-size: 17px;
    line-height: 130%;
}
.kontakt .form-control{
	background-color: #ffffff;
	border: 0px;
	padding: 25px 15px;
	border-radius: 0px;
}
.kontakt .rsform-block-nachricht .form-control{
	min-height: 446px;
}
.kontakt .form-control::placeholder, .kontakt input, .kontakt textarea{
	color: var(--pri-color);
	font-size: 28px;
}
.kontakt .form-control::placeholder{
	
}
.kontakt .einleitungstext{
	max-width: 100%;
}
.kontakt .formControls{
	width: 100%;
	padding-top: 5px;
    padding-bottom: 5px;
}
.kontakt .form-check-inline{
	display: block;
    padding-left: 42px;
    text-align: justify;
}
.kontakt .rsform-block-datenschutz input.form-check-input{
	border: 0;
    border-radius: 0;  
	margin-top: 0px;
}
.kontakt #abschicken{
	width: 100%;
    max-width: 430px;
	margin: 0 auto;
	display: block;
	margin-bottom: -60px;
    z-index: 2;
    position: relative;
}
.kontakt .rsform-block-website button{	/*Captcha*/
	background-color: #ffffff !important;
    color: var(--pri-color) !important;
    text-transform: none;
	padding: 30px
}
.kontakt .rsform-block-website .hashcash{
	background-color: var(--thi30-color);
	border: none;
	border-radius: 0;
	width: 30px;
    height: 30px;
	margin-right: 25px;
}
.kontakt .rsform-block-website .hashcash circle {
    cx: 30!important;
    cy: 30!important;
    r: 0!important;
}
.btn-primary, .sppb-btn-primary, .button, button, a.sppb-btn{
    border: none!important;
    background-color: var(--pri-color)!important;
	color: #ffffff!important;
    border-radius: 0!important;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 300;
	padding: 15px 50px 13px;
	transition: ease all 0.3s;
}
.btn-primary:hover, .sppb-btn-primary:hover, .button:hover, button:hover, a.sppb-btn:hover{
	background-color: var(--thi-color)!important;
}

.white .btn-primary, .white .sppb-btn-primary, .btn-primary.white, .sppb-btn-primary.white, .white .button, .white.button, .white button, button.white, a.sppb-btn.white, .white a.sppb-btn{
	background-color: #ffffff!important;
	color: var(--pri-color)!important;
}
.white .btn-primary:hover, .white .sppb-btn-primary:hover, .btn-primary.white:hover, .sppb-btn-primary.white:hover, .white .button:hover, .white.button:hover, .white button:hover, button.white:hover, a.sppb-btn.white:hover, .white a.sppb-btn:hover{
	
}
.taubenblau .btn-primary, .taubenblau .sppb-btn-primary, .btn-primary.taubenblau, .sppb-btn-primary.taubenblau, .taubenblau .button, .taubenblau.button, .taubenblau button, button.taubenblau, a.sppb-btn.taubenblau, .taubenblau a.sppb-btn{
	background-color: var(--thi-color)!important;
	color: #ffffff!important;
}
.taubenblau .btn-primary:hover, .taubenblau .sppb-btn-primary:hover, .btn-primary.taubenblau:hover, .sppb-btn-primary.taubenblau:hover, .taubenblau .button:hover, .taubenblau.button:hover, .taubenblau button:hover, button.taubenblau:hover, a.sppb-btn.taubenblau:hover, .taubenblau a.sppb-btn:hover{
	background-color: var(--pri-color)!important;
	color: #ffffff!important;
}
/*-- 			-Kontakt ENDE- 			--*/


/*-- 			-Parallax Bild START- 			--*/
.yellow-gradeint{
	background: rgb(252,246,233);
	background: -webkit-linear-gradient(rgba(252,246,233,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(rgba(252,246,233,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(rgba(252,246,233,1) 0%, rgba(255,255,255,0) 100%);
	height: 750px;
}
.bg-center-top{
	background-position: center top!important;
}
/*-- 			-Parallax Bild ENDE- 			--*/


/*-- 			-Footer START- 			--*/

#sp-footer{
	background-color: var(--pri-color);
	position: relative;
}
#sp-footer *{
	position: initial;
}
#sp-footer .container{
	max-width: initial!important;
	padding: 0;
}
#sp-footer .container-inner{
	padding: 0;
}
#sp-footer .footer-logo img{
	width: 100%;
    max-width: 365px;
}
#sp-footer .imagetext p{
	font-size: 19px;
}
#sp-footer .imagetext .big-letter p:first-of-type::first-letter {
    font-size: 3.2em;
    padding-top: 7px;
    line-height: 0.8;
    float: left;
    margin-right: 0.02em;
    font-weight: bold; 
}
#sp-footer .footer-kontakt h6{
	line-height: 100%;

}
#sp-footer .footer-kontakt p{
	font-size: 19px;
}
#sp-footer .footer-kontakt p>strong, #sp-footer .footer-kontakt p>b{
	font-weight: 500;
	padding-right: 8px;
}
#sp-footer .footer-kontakt a{
	color: #ffffff;
	transition: ease all 0.3s;
}
#sp-footer .footer-kontakt a:hover{
	color: var(--thi50-color);
}

/*Copyright*/
#sp-footer .copyright{
	background-color: #ffffff;
	padding: 18px 0px 10px!important;
}
#sp-footer .copyright *{
	color: var(--pri-color);
	font-size: 20px;
    font-weight: 500;
	padding-bottom: 0px;
}
#sp-footer .footer-nav ul.menu{
	display: flex;
	justify-content: flex-end;
}
#sp-footer .footer-nav ul.menu li{
    border-right: 1.5px solid var(--pri-color);
	margin: 0;
	padding: 0 10px;
}
#sp-footer .footer-nav ul.menu li:last-child{
    border-right: 0px;
}
#sp-footer .footer-nav ul.menu li a{
	line-height: 100%;
}
#sp-footer .footer-nav ul.menu li a:hover{
	color: var(--sec-color)!important;
}

/*Footer - Blaue Spitze oben*/
.custom-shape-divider-bottom-1730878020 {
    left: -50px;
    width: calc(100% + 100px);
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    position: absolute !important;
    top: -43px;
}

.custom-shape-divider-bottom-1730878020 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 45px;
}

.custom-shape-divider-bottom-1730878020 .shape-fill {
    fill: var(--pri-color);
}


/*-- 			-Footer ENDE- 			--*/




/*Min*/
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .sppb-row-container {
        max-width: 1350px !important;
    }
}
@media (min-width: 993px) {
	#offcanvas-toggler {
		display: none !important;
	}
	#sp-header .col-lg-9{
		width: 100%;
	}
}
@media (min-width: 768px) {

}

/* Max */
@media only screen and (max-width: 1500px){
	.leistungen .inner-wrap{
		width: 70%;
	}
	.leistungen .sppb-addon-overlay-image h4 {
    	font-size: 45px;
	}
}
@media only screen and (max-width: 1200px){
	#sp-logo{
		display: none;
	}
	#sp-header .col-lg-3{
		display: none!important;
	}
	#sp-header nav.sp-megamenu-wrapper a.logo-menu>img{
		width: initial;
	}
}
@media (max-width: 992px) {
	#sp-header{
		background-color: initial;
    	backdrop-filter: initial;
		width: 100%;
		top: 0px;
	}
	#sp-header nav.sp-megamenu-wrapper{
		display: none!important;
	}
	#sp-logo{
		display: block;
	}
	#sp-header #sp-logo .logo-image {
		height: 135px;
	}
	.offcanvas-menu ul.menu .logo-menu{
		display: none!important;
	}
	#sp-header .col-lg-3{
		display: block!important;
	}
	#sp-header.header-sticky .col-lg-9{
		width: 100%;
	}
	#sp-header.header-sticky .col-lg-3{
		display: none!important;
	}
	#sp-header.header-sticky .container{
		padding: 0;
	}
	#sp-header.header-sticky a#offcanvas-toggler{
		box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.08) !important;
	}
	#sp-header.lg-header.header-sticky #offcanvas-toggler{
		margin-right: 0px;
	}
	#sp-header nav.sp-megamenu-wrapper a.logo-menu>img{
		width: 100%;
	}
	#sp-header a#offcanvas-toggler{
		height: initial;
		padding: 19px 22px;
		background-color: rgba(255, 255, 255, 0.93);
    	backdrop-filter: blur(2px);
	}
	#sp-header a#offcanvas-toggler .burger-icon {
		width: 30px;
		cursor: pointer;
	}
	#sp-header a#offcanvas-toggler .burger-icon>span {
		display: block;
		height: 4px;
		background-color: var(--pri-color);
		margin: 6px 0;
		transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
	}
	#sp-header .container{
		max-width: 960px;
	}
	#sp-header.header-sticky{
		left: initial;
		margin: initial;
		top: 20px;
		/*right: 20px;*/
		width: initial;
		background-color: rgba(255, 255, 255, 0);
		box-shadow: initial!important;
    	backdrop-filter: blur(0px);
		right: 34px;
	}
	.yellow-gradeint{
		height: 400px;
	}
	
	.seitennavigation .sppb-column-addons{
		display: flex;
	}
	.seitennavigation .sppb-column-addons>div{
		width: 33.33%;
	}
	.seitennavigation .nav-icon{
		margin-bottom: 0;
	}
	.seitennavigation{
		top: initial;
		bottom: 0;
		left: 0;
	}
	.seitennavigation .nav-icon i, .seitennavigation .nav-icon svg{
		font-size: 26px !important;
	}
	.seitennavigation .nav-icon a{
		padding: 15px 32px 11px 23px !important;
		width: 100%;
		margin-right: 0px !important;
	}
	#sp-footer{
		margin-bottom: 63px;
	}
	
	.leistungen .flex-box.col50 >div{
		width: 100%;
	}
	.leistungen .inner-wrap {
        width: 80%;
    }
	.zaehler .zahl-links, .zaehler .zahl-rechts{
		justify-content: center;
	}
}
@media (max-width: 768px) {
	h2, .head2{
		font-size: 50px;
		margin-bottom: 25px !important;
	}
	.immobilien.inner-box{
		padding: 35px 30px;
	}
	footer#sp-footer .copyright .sppb-row-container{
		max-width: initial!important;
	}
	h1, h2, h3, h4, h5, h6, .headline, .subline {
		line-height: 120%;
		text-rendering: optimizelegibility;
	}
	p {
		font-size: 26px;
		line-height: 140%;
		padding-bottom: 35px;
	}
	.big-letter p:first-of-type::first-letter {
		font-size: 3.15em;
		padding-top: 7px;
	}
}
@media (max-width: 576px) {
	h2, .head2{
		font-size: 43px;
		margin-bottom: 25px !important;
	}
	.zaehler .sppb-animated-number{
		font-size: 70px;
	}
	.kontakt .form-control::placeholder, .kontakt input, .kontakt textarea {
		color: var(--pri-color);
		font-size: 24px;
	}
	.kontakt .rsform-block-website button#website{
		font-size: 24px;
	}
	#sp-footer .footer-logo img {
		width: 100%;
		max-width: 300px;
	}
	#sp-header.header-sticky{
		right: 17px;
	}
	#sp-footer .footer-nav ul.menu{
		justify-content: center;
	}
	footer#sp-footer .copyright>.sppb-row-container>.sppb-row{
		flex-direction: column-reverse;
	}
	#sp-footer .footer-nav ul.menu{
		margin-bottom: 15px;
	}
    #sp-header #sp-logo .logo-image {
        height: initial;
    }
	#sp-header.lg-header #offcanvas-toggler{
		margin-right: 0px;
	}
	#sp-header a#offcanvas-toggler{
		padding: 12px 15px;
	}
	p{
		hyphens: auto;
	}
	
}