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

/*-- 			-Fonts START- 			--*/
/* barlow-condensed-100 - 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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/barlow-condensed-v12-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-200 - 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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/barlow-condensed-v12-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow-condensed-v12-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-condensed-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/barlow-condensed-v12-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-condensed-v12-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-condensed-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/barlow-condensed-v12-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/barlow-condensed-v12-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* smooch-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: 'Smooch';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/smooch-v7-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*-- 			-Fonts ENDE- 			--*/


/*-- 			-Basis Sytle START- 			--*/
:root {
	--pri-color: #111a3d; /*518 Stahlblau*/
	--sec-color: #bf195f; /*041 Pink*/
	--ter-color: #b690bb; /*042 Flieder*/
	--qua-color: #652455; /*415 Summer Plum*/
	
	--pri-color-light: #bbbcc7; /*518 Stahlblau 29%*/
	--sec-color-light: #ecbdd0; /*041 Pink 29%*/
	--ter-color-light: #f4eff6; /*042 Flieder 15%*/
	--qua-color-light: #d2c0ce; /*415 Summer Plum 29%*/
	--qua-color-extralight: #ece5ec; /*415 Summer Plum 10%*/
	--pri-color-extralight: #efeff3; /*518 Stahlblau 10%*/
	
	
	--pri-font: 'Barlow Condensed', 'Arial', sans-serif;
	--sec-font: 'Smooch', 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, .relative *{
	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: 1600px;
    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;
}
h1,h2,h3,h4,h5,h6,.headline,.subline{
	text-rendering: optimizelegibility;
}
h1, h2, h3, h4, h5, .headline{
	color: var(--txt-color);
    font-weight: 700;
}
h2, .head2, h3, .head3{
	text-transform: uppercase;
}
h1, .head1{
	font-size: 120px;
}
h2, .head2{
    font-size: 115px;
}
h3, .head3{
	font-size: 68px;
}
h4, .head4{
	font-size: 35px;
}
h5, .head5{
	font-size: 28px;
	line-height: 30px;
}
h6, .head6{
	font-size: 23px;
}

#sp-page-builder .sppb-section-title {
    margin-bottom: 30px;
}
.sppb-section-title .sppb-title-heading {
	margin-bottom: 0px!important;
}
.sppb-title-subheading{
	font-size: 39px!important;
}
/*h1 span, h2 span, h3 span, h4 span, .head1 span, .head2 span, .head3 span, .head4 span{
	color: var(--sec-color);
}*/
.white *{
	color: #ffffff;
}
.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: 36px;
    font-family: var(--pri-font);
    font-weight: 300;
    line-height: 150%;
	padding-bottom: 35px;
	/*hyphens: auto;
    hyphenate-limit-chars: auto 3;*/
}
.sppb-addon-content p:last-of-type{
	padding-bottom: 0px;
}
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;
}


/*Flex*/
.flex, .flex-container .sppb-row-container .sppb-row{
	display: flex;
	flex-wrap: wrap;
}
.align-center, .flex-container.align-center .sppb-row-container .sppb-row{
	align-items: center!important;
}


/*Farben*/
/*Color*/
.blau{
	color: var(--pri-color)!important;
}
.pink{
	color: var(--sec-color)!important;
}
.flieder{
	color: var(--ter-color)!important;
}
.lila{
	color: var(--qua-color)!important;
}

.weiss, .weiss *{
	color: #ffffff!important;
}

/*Backgrounds*/
.bg-blau{
	background-color: var(--pri-color)!important;
}
.bg-pink{
	background-color: var(--sec-color)!important;
}
.bg-flieder{
	background-color: var(--ter-color)!important;
}
.bg-flieder-light{
	background-color: var(--ter-color-light)!important;
}
.bg-lila{
	background-color: var(--qua-color)!important;
}

/*Verläufe*/
.bg-verlauf-light{
	background: var(--sec-color);
	background: -moz-linear-gradient(90deg, var(--sec-color-light) 20%, var(--qua-color-light) 60%, var(--pri-color-light) 96%);
	background: -webkit-linear-gradient(90deg, var(--sec-color-light) 20%, var(--qua-color-light) 60%, var(--pri-color-light) 96%);
	background: linear-gradient(90deg, var(--sec-color-light) 20%, var(--qua-color-light) 60%, var(--pri-color-light) 96%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecc4d0",endColorstr="#a7a5bb",GradientType=1);
}

.bg-verlauf-full{
	background: var(--sec-color);
	background: -moz-linear-gradient(90deg, var(--sec-color) 20%, var(--qua-color) 60%, var(--pri-color) 96%);
	background: -webkit-linear-gradient(90deg, var(--sec-color) 20%, var(--qua-color) 60%, var(--pri-color) 96%);
	background: linear-gradient(90deg, var(--sec-color) 20%, var(--qua-color) 60%, var(--pri-color) 96%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bf195f",endColorstr="#111a3d",GradientType=1);
}

/*Backgroundimages*/
.deko-pinsel-blau-rechts::before{
	content: '';
    background-image: url(/images/icons/pinsel-stahlblau.png);
    position: absolute;
    top: -170px;
    background-size: 90px;
    display: inline-block;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    right: 0%;
    background-position: 93% 0%;
}
.bg-kreis-blau{
	background-image: url(/images/icons/kreis-stahlblau.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/*-- 			-Basis Sytle ENDE- 			--*/



/*-- 			-Navigation Header START- 			--*/
/*Nur Icon anzeigen*/
#sp-header{
	height: initial!important;
	padding-top: 50px;
    padding-bottom: 25px;
}
#sp-header #sp-menu a.just-icon{
	font-size: 0!important;
	padding: 0 6px;
}
#sp-header #sp-menu a.sm-icon{
	color: var(--sec-color);
	transition: ease all .1s;
}
#sp-header #sp-menu a.sm-icon span{
	transform: scale(1);
	transition: ease all .3s;
}
#sp-header #sp-menu a.sm-icon:hover{
	color: var(--ter-color);
}
#sp-header #sp-menu a.sm-icon:hover span{
	transform: scale(1.1);
}
#sp-header #sp-menu li a.just-icon.first-sm-icon{
	margin-left: 94px;
}
#sp-header #sp-menu a.just-icon>span{
	font-size: 30px !important;
    padding-right: 0px !important;
	vertical-align: middle;
}
/*Logo*/
#sp-header #sp-logo .logo-image {
    height: initial;
    max-width: 565px;
}

/*Menü*/
#sp-header #sp-menu{
	
}
#sp-header #sp-menu nav ul li{
	margin-bottom: 0px;
}
#sp-header #sp-menu nav ul li a{
	text-transform: uppercase;
	color: var(--pri-color);
	font-weight: 700;
    font-size: 27px;
	padding: 0 38px;
	vertical-align: middle;
}
#sp-header #sp-menu nav ul li a:hover{
	text-transform: uppercase;
	color: var(--sec-color);
	
}

/*-Seitennavigation-*/
.seitennavigation{
    position: absolute;
    top: 28%;
    right: 9%;
    z-index: 5;
}
.seitennavigation .nav-icon{
	margin-bottom: 27px;
     /*padding: 24px 31px 20px 22px;*/
	transform: rotate(0deg);
	transition: ease all 0.3s;
}
.seitennavigation .nav-icon:hover{
	transform: rotate(15deg);
}
.seitennavigation .nav-icon a{
	transition: ease all 0.3s;
	display: inline-block;
}
.seitennavigation .nav-icon a:hover {
    color: var(--sec-color);
}
.seitennavigation .nav-icon a img{
	width: 100%!important;
    max-width: 60px!important;

}

/*-- 			-Navigation Header ENDE- 			--*/

/*-- 			-Headerimage START- 			--*/
.headerimage{
	position: relative;
	overflow: hidden;
}
.headerimage img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 80% center;
}
.headerimage, .headerimage img{
	height: 80vh;
}
.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;
}

/*Headertext*/
.headertext-container{
	position: absolute;
    left: 20%;
    top: 0;
    bottom: 0;
    display: flex!important;
    flex-wrap: wrap;
    align-items: center;
}
.headertext-container .headertext{
	width: 100%;
	max-width: 400px;
}
.headertext-container .headertext h1{
	font-size: 115px;
	line-height: 100%;
	margin-bottom: 25px;
}
.headertext-container .headertext p{
	font-size: 75px;
	line-height: 115%;
}
/*-- 			-Headerimage ENDE- 			--*/






/*-- 			-Meisterbetrieb START- 			--*/
#meisterbetrieb .sppb-row{
	align-items:stretch;
}
.imgl-txtr .img-left div{
		height: 100%;
	}
.imgl-txtr .img-left img{
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/*-- 			-Meisterbetrieb ENDE- 			--*/


/*-- 			-Eigenschaften START- 			--*/

.eigenschaft-box{
	padding: 40px;
	
}
.eigenschaft-box img{
	width: 100%;
    max-width: 140px;
	margin-bottom: 30px;
	
}
.eigenschaft-box p{
	font-size: 19px;
    font-weight: 400;
}
/*-- 			-Eigenschaften ENDE- 			--*/


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

/*Drop Down Menü*/
.sppb-panel.sppb-panel-custom {
    background: rgba(255, 255, 255, 0.40)!important;
    border-color: initial!important;
    border-style: initial!important;
    border-width: 0px!important;
    border-radius: 0px!important;
	margin-bottom: 25px!important;
}
.sppb-panel-heading{
	text-align: center;
}
button.sppb-panel-heading:hover{
	background-color: var(--sec-color)!important;
}

.sppb-panel-heading span{
	color: #ffffff;
    font-size: 47px;
    font-weight: 200;
    letter-spacing: 2px;
    padding: 15px 10px 18px !important;
    display: block;
}
.sppb-panel-body{
	padding: 30px 130px;
	text-align: center;
	border-top-style: initial!important;
    border-top-width: 0px!important;
    border-top-color: initial!important;
}
.sppb-panel-body .sppb-section{
	margin: 0!important;
	padding: 0!important;
}
.sppb-panel-body p, .sppb-panel-body .sppb-addon-content{
	line-height: 120%;
    font-size: 34px;
	font-family: var(--pri-font);
    font-weight: 300;
	
}
/*-- 			-Leistungen ENDE- 			--*/


/*-- 			-Projekte START- 			--*/

.projekte-box{
	margin-bottom: 50px;
}
.projekte-box .projekte-image{
	max-height: 535px;
	overflow: hidden;
}
.projekte-box .projekte-image img{
	overflow: hidden;
    object-fit: cover;
    min-height: 535px;
    object-position: center;
    width: 100%;
    height: 100%;
}
.projekte-box .projekte-textarea{
	padding: 60px 50px;
	background-color: #ffffff;
}
.projekte-box .projekte-textarea .sppb-addon-title{
	line-height: 100%;
	font-size: 33px;
}
.projekte-box .projekte-textarea p, .projekte-box .projekte-textarea .sppb-addon-content{
	font-size: 21px;
    font-weight: 400;
}
.projekte-box .projekte-textarea .projekte-icon{
	position: absolute !important;
    top: -90px;
    right: 20px;
	transform: rotate(0deg);
    transition: ease all 0.3s;
}
.projekte-box:hover .projekte-textarea .projekte-icon{
	transform: rotate(15deg);
}
.projekte-box .projekte-textarea .projekte-icon img{
	max-width: 130px;
}

/*-- 			-Projekte ENDE- 			--*/


/*-- 			-Bewerbung START- 			--*/

/*Banner Berwerbung*/
.banner-bewerbung{
	
}
.banner-bewerbung .bewerben-button{
	height: 270px;
    width: 270px;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	transform: rotate(6deg);
	position: absolute !important;
    top: 30px;
    right: 4%;
	transition: ease all 0.3s;
	z-index: 5 !important;
}
.banner-bewerbung .bewerben-button:hover{
	transform: rotate(15deg);
}
.banner-bewerbung .bewerben-button a.sppb-btn {
	text-transform: initial!important;
	font-size: 43px;
    background-color: transparent!important;
    line-height: 100%;
    padding: 85px 50px 100px;
}
.banner-bewerbung .bewerbung-text{
	background-size: 830px !important;
    background-position: left -23px !important;
    padding: 185px 140px 170px 135px;
    margin-left: -100px;
}
.banner-bewerbung .bewerbung-text .sppb-column-addons{
	z-index: 2 !important;
    position: relative !important;
}
.banner-bewerbung .bewerbung-text::before{
	content: '';
    background-image: url(/images/inhalt/denk-bubble-wolke.png);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: 830px !important;
    background-position: left -23px !important;
    padding: 185px 140px 170px 135px;
    margin-left: -100px;
    top: 0;
    z-index: 1;
	mix-blend-mode: multiply;
}
.banner-bewerbung .bewerbung-text .sppb-addon-header .sppb-addon-title{
	text-transform: inherit!important;
}
.banner-bewerbung .bewerbung-text .sppb-addon-header .sppb-addon-title span{
	font-family: var(--sec-font)!important;
	font-weight: 400!important;
    display: block;
    text-align: right;
}
.banner-bewerbung .bewerbung-text .sppb-addon-header h3.sppb-addon-title{
	font-size: 85px;
	line-height: 100%;
}
.banner-bewerbung .bewerbung-text .sppb-addon-header h3.sppb-addon-title span{
	font-size: 100px;
	transform: translate(97px, -18px);
	
}
.banner-bewerbung .bewerbung-text p{
	padding: initial;
    font-size: 57px;
    line-height: 130%;
}
.banner-bewerbung .bewerbung-text p strong{
	font-weight: 700;
}
 
/*Stellenangebote*/
.stellenangebote .sppb-addon-image-layout-wrap .sppb-col-sm-6:first-child{
	flex: initial!important;
	max-width: 30%!important;
}
.stellenangebote .sppb-addon-image-layout-wrap .sppb-col-sm-6{
	flex: initial!important;
	max-width: 70%!important;
}
.stellenangebote .sppb-addon-image-layout-wrap .sppb-col-sm-6 .sppb-addon-image-layout-content{
	background-color: var(--qua-color-extralight);
	padding: 60px 55px 60px 30px;
	min-height: 400px;
}
.stellenangebote  .sppb-addon-image-layout-content p{
	font-size: 21px;
    font-weight: 400;
}
.stellenangebote .sppb-addon-image-layout-wrap .sppb-col-sm-6 img{
	object-fit: cover!important;
}
.stellenangebote .sppb-addon-image-layout-wrap .sppb-col-sm-6 .sppb-addon-image-layout-content .sppb-addon-image-layout-text{
	padding: 10px 0px;
}
.stellenangebote .sppb-addon-image-layout-wrap .sppb-col-sm-6 .sppb-addon-image-layout-content a.sppb-btn{
	width: 100%;
    font-weight: 800;
	padding: 15px 25px;
}

/*-- 			-Bewerbung ENDE- 			--*/


/*-- 			-Kontakt START- 			--*/
.kontakt{
	
}
.kontakt .ansprechpartner{
	padding: 85px 70px;
}
.kontakt .map-header{
	padding: 30px 70px 10px;
	font-weight: 600;
    text-transform: uppercase;
}
.kontakt .ansprechpartner h5{
	font-weight: 200;
	font-size: 28px;
	margin-bottom: 30px;
}
.kontakt .ansprechpartner h5 strong{
	text-transform: uppercase;
}
.kontakt .ansprechpartner p{
	padding-bottom: 0px;
	font-size: 23px;
    font-weight: 200;
	line-height: 120%;
}
.kontakt .ansprechpartner h5 strong i, .kontakt .ansprechpartner h5 strong em{
	color: var(--ter-color)!important;
	font-style: normal!important;
}
.kontakt .ansprechpartner i, .kontakt .ansprechpartner em{
	color: var(--ter-color)!important;
	font-style: normal!important;
}

/* Callback Open Street Map */
.callbackimg-map{
    background: url(/images/inhalt/callback_mlerwiese-openstreetmaps.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	height: 400px;
	width: 100%;
}

/*Kontaktformular*/
/*-- 			-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#anrede-grouplbl{
	width: initial;
	padding: initial;
	font-weight: 300;
    font-size: 18px;
}
.kontakt label.form-check-label{
	width: 100%;
	font-weight: 300;
    font-size: 18px;
    line-height: 130%;
	transform: translateX(-5px);
}
.kontakt .form-control, .kontakt .rsform-type-radiogroup{
	background-color: var(--pri-color-extralight);
	border: 0px;
	padding: 7px 25px 14px;
	border-radius: 0px;
}
.kontakt textarea{
	padding: 14px 25px 14px!important;
}
.kontakt .rsform-upload-box{
	padding: 14px 25px 14px;
}
.kontakt .rsform-type-radiogroup{
	transform: translateX(15px);
    margin-right: 15px;
}
.kontakt .rsform-block-nachricht .form-control{
	min-height: 250px;
}
.kontakt .form-control::placeholder, .kontakt input, .kontakt textarea{
	color: var(--pri-color);
	font-size: 23px;
}
.kontakt .form-control::placeholder{
	font-weight: 300;
    font-size: 18px;
}
.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-type-radiogroup{
	align-items: center;
}
.kontakt .rsform-type-radiogroup div.formControls{
	display: flex;
	width: initial;
}
.kontakt .rsform-block-datenschutz input.form-check-input{
	border: 1px solid var(--pri-color);
    border-radius: 0;  
	margin-top: 0px;
}
.kontakt .rsform-block-anrede input.form-check-input{
	border: 0;
}
.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: var(--pri-color-extralight)!important;
    color: var(--pri-color) !important;
    text-transform: none;
	padding: 30px;
	font-weight: 300;
    font-size: 18px;
}
.kontakt .rsform-block-website .hashcash{
	background-color: #ffffff;
	/*border: 1px solid var(--pri-color);*/
	border: 0;
	width: 25px;
    height: 25px;
	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;
	padding: 15px 50px 13px;
	transition: ease all 0.3s;
	
}
.btn-primary, .sppb-btn-primary.rsform-submit-button{
	width: 100%;
    font-weight: 600;
}
.btn-primary:hover, .sppb-btn-primary:hover, .button:hover, button:hover, a.sppb-btn:hover{
	background-color: var(--sec-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{
	
}
	


/*-- 			-Kontakt ENDE- 			--*/




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

#sp-footer{
	background-color: var(--pri-color);
	position: relative;
}
#sp-footer *{
	position: initial;
	font-weight: 200;
    font-size: 17px;
}
#sp-footer p{
	line-height: 130%;
	padding-bottom: 7px;
}
#sp-footer .sppb-addon-text-block{
	
}
#sp-footer .sppb-icons-group-list{
	display: flex;
}
#sp-footer .just-icon .sppb-icons-group-list li a{
	margin: 0 5px 10px 0!important;
    padding: 0!important;
    height: initial!important;
    width: initial!important;
    font-weight: initial!important;
}
#sp-footer .just-icon .sppb-icons-group-list li a i, #sp-footer .just-icon .sppb-icons-group-list li a em{
	font-size: 30px!important;
}
#sp-footer i, #sp-footer em {
    color: var(--ter-color);
    font-style: normal;
	
}
#sp-footer .just-icon .sm-icon span{
    display: none!important;
}
#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 .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 30px!important;
}
#sp-footer .copyright *{
	padding-bottom: 0px;
}
#sp-footer .copyright ul.menu li{
	border-right: 1px solid var(--ter-color);
	margin: initial;
    padding: 0px 10px;
}
#sp-footer .copyright ul.menu li:last-of-type{
	border-right: 0px;
}
#sp-footer .copyright ul.menu li a{
	line-height: 100%;
}
/*-- 			-Footer ENDE- 			--*/


/*Min*/
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .sppb-row-container {
        max-width: 1600px !important;
    }

	#offcanvas-toggler {
		display: none !important;
	}
	#sp-header .col-lg-9{
		width: 100%;
	}
}
@media (min-width: 768px) {

}

/* Max */
@media only screen and (max-width: 1600px){
	/*Allgm Einstellungen*/
	
	.sppb-section {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	/*Headertext*/
	#header.sppb-section{
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	.headertext-container{
		left: 10%;
	}
	.headertext-container .headertext h1{
		font-size: 105px;
		margin-bottom: 10px;
	}
	.headertext-container .headertext p{
		font-size: 65px;
	}
	.headertext-container .headertext h1 {
		font-size: 85px;
		line-height: 100%;
		margin-bottom: 15px;
	}
	.headertext-container .headertext p {
		font-size: 55px;
		line-height: 115%;
	}
	#sp-header {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	
}
@media only screen and (max-width: 1510px){
	#sp-header #sp-menu nav ul li a{
		padding: 0 25px;
	}
	#sp-header #sp-menu li a.just-icon.first-sm-icon {
		margin-left: 35px;
	}
}
@media only screen and (max-width: 1440px){
	.banner-bewerbung{
		
	}
	.banner-bewerbung .bewerbung-text .sppb-addon-header h3.sppb-addon-title {
		font-size: 75px;
	}
	.banner-bewerbung .bewerbung-text .sppb-addon-header h3.sppb-addon-title span {
		font-size: 90px;
		transform: translate(79px, -18px);
	}
	.banner-bewerbung .bewerbung-text p {
		font-size: 45px;
	}
	.banner-bewerbung .bewerbung-text::before {
		background-size: 700px !important;
		background-position: left 51px !important;
	}
	.banner-bewerbung .bewerben-button a.sppb-btn {
		text-transform: initial !important;
		font-size: 33px;
		background-color: transparent !important;
		line-height: 100%;
		padding: 55px 30px 60px;
	}
	.banner-bewerbung .bewerben-button{
		height: 210px;
    	width: 210px;
	}
}
@media only screen and (max-width: 1350px){
	#sp-header #sp-menu nav ul li a{
		padding: 0 15px;
	}
	#sp-header #sp-menu li a.just-icon.first-sm-icon {
		margin-left: 15px;
	}
	#sp-header #sp-logo .logo-image {
		max-width: 470px;
		margin-bottom: 20px;
	}
}

@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;
	}*/
	#sp-header #sp-menu {
	}
	#sp-header{
		background-color: initial;
    	backdrop-filter: initial;
		width: 100%;
		top: 0px;
		height: initial !important;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#sp-header nav.sp-megamenu-wrapper{
		display: none!important;
	}
	#sp-logo{
		display: block;
	}
	#sp-logo>div.sp-column{
		display: flex;
		justify-content: space-between;
    	flex-direction: row-reverse;
	}
	#sp-header #sp-logo .logo-image {
	}
	.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{
        width: 100px;
        height: 100px;
        display: flex !important;
        justify-content: center;
        padding: 0;
	}
	#sp-header a#offcanvas-toggler::before{
		content: '';
        background-image: url(/images/icons/kreis-stahlblau.png);
        position: absolute;
        top: 0;
        background-size: 90px;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        left: initial;
        height: 100%;
        right: initial;
	}
	
	#sp-header a#offcanvas-toggler .burger-icon {
		width: 30px;
		cursor: pointer;
		z-index: 2; 
	}
	#sp-header a#offcanvas-toggler .burger-icon>span {
		display: block;
		height: 4px;
		background-color: #ffffff;
		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: initial!important;
	}
	#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;
	}
	#sp-header #sp-logo .logo-image {
        max-width: 620px;
        margin-bottom: 20px;
    }
	
	.headerimage, .headerimage img {
		height: 85vh;
	}
	
	.offcanvas-menu {
		background-color: rgb(255 255 255 / 85%);
		color: #111a3d;
		width: 100%;
	}
	.offcanvas-overlay{
		background: transparent;
	}
	body.ltr.offcanvs-position-right .offcanvas-menu {
		right: -100%;
		top: 0;
	}
	.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span{
		font-size: 28px;
		text-align: center;
	}
	.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a {
		padding: 33px;
	}
	.close-offcanvas {
		position: absolute;
		top: 57px;
		z-index: 1;
	}
	body.ltr .close-offcanvas {
		right: 50px;
	}
	.burger-icon>span{
		height: 3px;
	}
	.offcanvas-active .burger-icon>span:nth-child(1), #modal-menu-toggler.active .burger-icon>span:nth-child(1) {
		transform: translate(0, 10px) rotate(-45deg);
	}
	
	.offcanvas-menu .offcanvas-inner ul.menu, .offcanvas-menu .offcanvas-inner ul.menu ul{
		margin-top: 7%;
	}
	
	
	.seitennavigation .sppb-column-addons{
		display: flex;
	}
	.seitennavigation .sppb-column-addons>div{
		width: 33.33%;
		text-align: center;
	}
	.seitennavigation .nav-icon{
		margin-bottom: 0;
	}
	.seitennavigation{
		top: initial;
        bottom: -15px;
        left: 0;
        background-color: rgb(244 239 246 / 80%);
        position: fixed;
        width: 100%;
        backdrop-filter: blur(4px);
		z-index: 6;
	}
	.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;*/
		padding: 4px!important;
        width: 100%;
        margin-right: 0px !important;
        transform: translateY(-25px);
        background-color: #ffffff;
        border-radius: 55px;
	}
	.seitennavigation > div.page-content > section.sppb-section{
		padding: 0px 10px!important;
	}
	
	.imgl-txtr .img-left{
		max-width: 550px;
		text-align: center;
		margin: 0 auto;
	}
	
	.deko-pinsel-blau-rechts::before {
		top: -110px;
		background-size: 60px;
		right: 1%;
    	background-position: right top;
	}
	.headerimage img {
		object-position: 68% center;
	}
	
	#sp-footer{
		margin-bottom: 63px;
	}

	.zaehler .zahl-links, .zaehler .zahl-rechts{
		justify-content: center;
	}    
	
	.headertext-container .headertext h1 {
        font-size: 85px;
        margin-bottom: 10px;
    }
	.headertext-container .headertext p {
        font-size: 55px;
    }
	h2, .head2 {
		font-size: 85px;
	}
	h3, .head3 {
		font-size: 59px;
	}
	
	p{
		font-size: 32px;
	}
	
	.sppb-panel-body p, .sppb-panel-body .sppb-addon-content{
		font-size: 30px;
	}
	.sppb-panel-heading span{
		font-size: 42px;
	}
	.sp-page-builder .page-content #section-id-54ee9fa5-d250-4040-84b6-dfc8336ec7ba{
		background-image: url(/images/inhalt/LEA_WIESE_BILDWELT_AdobeStock_1036067944_mob1200.webp); /*Jetzt Bewerben Banner Mobile Darstellung des Bildes*/
		background-position: right bottom;
	}
	.banner-bewerbung .bewerbung-text {
		background-size: 830px !important;
		background-position: left -23px !important;
		padding: 185px 140px 170px 135px;
		margin-left: -100px;
		padding-bottom: 70%;
	}
	.banner-bewerbung .bewerbung-text::before {
        background-size: 700px !important;
        background-position: 0px 225px !important;
		transform: rotate(40deg)!important;
		margin-left: -280px;
    }
	.banner-bewerbung .bewerben-button{
		top: 12%;
    	right: 7%;
	}
	.sppb-panel-body{
		padding: 30px 30px;
	}
}
@media (max-width: 1024px){
	h2, .head2 {
        font-size: 72px;
    }
	.sppb-title-subheading {
		font-size: 36px !important;
	}
	.headertext-container{
		width: 100%;
	}
	.headertext-container .addon-root-text-block{
		position: relative;
	}
	.headertext-container::before {
        background-image: url(/images/inhalt/brush-stroke-banner-background.png);
        background-repeat: no-repeat;
        background-size: 1000px;
        content: '';
        position: absolute;
        left: -410px;
        top: 0;
        width: 1000px;
        height: 100%;
        background-position: right;
        align-content: center;
        opacity: 0.6;
    }
	.headertext-container .headertext h1 {
        font-size: 75px;
        margin-bottom: 7px;
    }
	.headertext-container .headertext p {
        font-size: 45px;
    }
}
@media (max-width: 992px){

	#sp-header .logo {
        height: 140px;
    }
	.logo-image-phone {
		height: 140px;
	}
	.banner-bewerbung .bewerbung-text{
		padding-left: 0px!important;
		padding-bottom: 90%!important;
	}
	.banner-bewerbung .bewerbung-text::before {
        background-size: 700px !important;
        background-position: 0px 85px !important;
        transform: rotate(40deg) !important;
        margin-left: -340px;
    }
	.banner-bewerbung .bewerbung-text .sppb-addon-header h3.sppb-addon-title {
        font-size: 55px;
    }
	.banner-bewerbung .bewerbung-text .sppb-addon-header h3.sppb-addon-title span {
        font-size: 70px;
        transform: translate(79px, -18px);
    }
	
}
@media (max-width: 768px) {
	h2, .head2{
		font-size: 50px;
		margin-bottom: 25px !important;
	}

	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;
	}
	#sp-header .logo {
        height: 120px;
    }
	.logo-image-phone {
		height: 120px;
	}
	.headertext-container .headertext h1 {
        font-size: 60px;
        margin-bottom: 5px;
    }
	.headertext-container .headertext p {
        font-size: 39px;
    }
	.headerimage img {
        object-position: 77% center;
    }

	.sppb-panel-heading span {
        font-size: 36px;
    }
	.sppb-panel-body p, .sppb-panel-body .sppb-addon-content {
        font-size: 25px;
    }
	h3, .head3 {
        font-size: 43px;
    }
	.projekte-box .projekte-image {
		max-height: 300px;
		overflow: hidden;
	}
	.projekte-box .projekte-image img{
		min-height: 300px;
	}
	.headertext-container::before {
        left: -500px;
    }

}
@media (max-width: 665px){
	#sp-header a#offcanvas-toggler {
        width: 75px;
        height: 75px;
    }
	#sp-header a#offcanvas-toggler::before{
		background-size: 75px;
	}
}
@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;
	}
	
}