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


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

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/montserrat-v26-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/montserrat-v26-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v26-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v26-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v26-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v26-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* indie-flower-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: 'Indie Flower';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/indie-flower-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*-- 			-Fonts ENDE- 			--*/


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

:root {
	--pri-color: #3164ad; /*Blau*/
	--sec-color: #f7ed19; /*Gelb*/
	--yellow-line-color: #f7e51a; /*Gelb nur in der Linie (ist etwas dunkler)*/
	--txt-color: #000000; /*Schwarz*/
	
	--gr-bg-color: #f4f4f4; /*Hell Grauer Hintergrund*/
	--icon-gr-bg-color: #f4f4f4; /*Grauer Hintergrund Icons*/
	
	--pri-font: 'Montserrat', 'Arial', sans-serif;
	--sec-font: 'Indie Flower', cursive;
}
html{
	overflow: hidden;
}
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(--txt-color);
}
.body-innerwrapper {
    overflow-x: initial!important; 
}
.container{
	max-width: 1500px;
}
#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;
}
.sppb-row-column{
	padding: initial;
}

/*Ü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;
}
.cursive 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: 1.2307;
	text-rendering: optimizelegibility;
}
h1, h2, h3, h4, h5, .headline{
	color: var(--txt-color);
	text-transform: uppercase;
    font-weight: 700;
}
h1, .head1{
	font-size: 65px;
}
h2, .head2{
    font-size: 43px;
}
h3, .head3{
	font-size: 36px;
}
h4, .head4{
	font-size: 25px;
}
h5, .head5{
	font-size: 20px;
	line-height: 30px;
}
h6, .head6{
	font-size: 16px;
	text-transform: uppercase;
}
.handschrift h1, .handschrift h2, .handschrift h3, .handschrift h4, .handschrift h5, .handschrift h6, .handschrift p, .handschrift span{
	font-family: var(--sec-font)!important;
	font-weight: 400!important;
	text-transform: inherit!important;
	color: var(--pri-color);
}
.handschrift h1, .handschrift h2{
	font-size: 60px;
}
.handschrift h3{
	
}
.handschrift h4{
	
}
.handschrift h5{
	
}
.handschrift h6{
	
}
p{
    margin: 0px;
    padding: 17px 0px;
    font-size: 23px;
    font-family: var(--pri-font);
    font-weight: 400;
    line-height: 33px;
}
div p:first-of-type{
	padding-top: 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(--txt-color);
}

/*Auflistungspunkte Check*/
.check ul {
    list-style: none; 
    padding-left: 0;
}

.check ul li {
    position: relative;
    padding-left: 35px; 
    margin-bottom: 10px; 
}

.check ul li::before {
    content: "\f00c"; 
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900; 
    position: absolute;
    left: 1px;
    top: 0;
    color: var(--pri-color); 
    font-size: 23px; 
}
.white .check ul li::before, .white.check ul li::before{
	color: #ffffff;
}

/*Schrift Eigenschaften*/
.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p, .white span, .white li{color: #ffffff!important;}

.uppercase{
	text-transform: uppercase;
}
.ueberschrift-deko h1, .ueberschrift-deko h2, .ueberschrift-deko h3{
    position: relative;
    display: inline-block;
	margin-bottom: 40px;
}
.ueberschrift-deko h1::after, .ueberschrift-deko h2::after, .ueberschrift-deko h3::after{
    content: '';
    display: block;
    width: 260px;
    height: 4px;
    background-color: var(--pri-color);
    margin-top: 12px;
}

.ueberschrift-deko h1::before, .ueberschrift-deko h2::before, .ueberschrift-deko h3::before {
    content: '';
    display: block;
    width: 260px;
    height: 4px;
    background-color: var(--yellow-line-color);
    position: absolute;
    top: 100%;
    left: 0;
	margin-top: 8px;
}
.hanschrift{
	font-family: var(--sec-font)!important;
	font-weight: 400!important;
}


/*Background*/
.bg-gradeint-blue{
	background: rgb(49,100,173)!important;
	background: -moz-linear-gradient(90deg, rgb(46 100 174) 20%, rgb(35 72 125) 100%)!important;
	background: -webkit-linear-gradient(90deg, rgb(46 100 174) 20%, rgb(35 72 125) 100%)!important;
	background: linear-gradient(90deg, rgb(46 100 174) 20%, rgb(35 72 125) 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3164ad",endColorstr="#25477c",GradientType=1)!important;
}
.bg-grau{
	background-color: #f4f4f4!important;
}

.herz-kl{
	background-image: url(../../../images/background/logo-herz-20.png) !important;
    background-repeat: no-repeat !important;
    background-size: 260px !important;
    background-attachment: inherit !important;
    background-position: 0% 110% !important;
	max-width: 1600px;
    margin: 0 auto !important;
}

.herz-gr{
	background-image: url(../../../images/background/logo-herz-50.png) !important;
    background-repeat: no-repeat !important;
    background-size: 400px !important;
    background-attachment: inherit !important;
    background-position: -3% 99% !important;
    max-width: 2000px;
    margin: 0 auto !important;
}

.bg-weiss-grau{
	background: rgb(244,244,244);
	background: -moz-linear-gradient(0deg, rgba(244,244,244,1) 50%, rgba(255,255,255,0) 50%);
	background: -webkit-linear-gradient(0deg, rgba(244,244,244,1) 50%, rgba(255,255,255,0) 50%);
	background: linear-gradient(0deg, rgba(244,244,244,1) 50%, rgba(255,255,255,0) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f4f4",endColorstr="#ffffff00",GradientType=1);
}
/*-- 			-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;
}

.headerbild-logo img{
	position: absolute;
    bottom: 15%;
    max-width: 530px;
    width: 100%;
}

.header-klein .headerbild-logo img{
    max-width: 490px;
}

.headerimage img{
	object-fit: cover;
    object-position: center;
    width: 100%;
    aspect-ratio: 11 / 6;
    height: auto;
	max-height: 980px;
    min-height: 650px;
}

.header-klein .headerimage img{
	object-fit: cover;
    object-position: center;
    width: 100%;
    aspect-ratio: 11 / 6;
    height: auto;
	max-height: 650px;
    min-height: 350px;
}

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

.polaroid{
	transform: rotate(4deg);
	-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.58)!important;
	-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.58)!important;
	box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.58)!important;
	padding: 23px 23px 0px 23px;
	background-color: #ffffff;
	margin-left: 50px;
	max-width: 370px;

}
.polaroid p{
	font-family: var(--sec-font);
    font-weight: bold;
    color: var(--pri-color);
    font-size: 37px;
    line-height: 115%;
	margin-top: 17px;
}
/*--			-Bilder ENDE- 			--*/


/*-- 			-Navigation Header START- 			--*/
/*-Seitennavigation-*/
.seitennavigation{
	position: fixed;
    top: 35%;
    right: 0;
	z-index: 5;
}
.seitennavigation .nav-icon{
	background-color: rgba(198, 200, 199, 0.85);
    padding: 13px;
    border-radius: 10px 0px 0px 10px;
    margin-bottom: 11px;
}
.seitennavigation .nav-icon a{
	transition: ease 30ms all;
}
.seitennavigation .nav-icon a:hover {
    color: var(--sec-color);
}
.seitennavigation .nav-icon i, .seitennavigation .nav-icon svg{
	font-size: 33px!important;
}
/*-Header Navigation-*/

#sp-header ul li, #sp-header ol li{
	margin-bottom: initial;
}

#sp-header{
    box-shadow: initial !important;
    position: absolute !important;
    background: rgba(255, 255, 255, 0.35) !important;
    height: initial !important;
    margin: 3% 0%;
    width: initial;
    border-radius: 10px 0px 0px 10px;
    backdrop-filter: blur(11px);
    right: 0;
}

#sp-header .container{
	max-width: initial;
    width: 100%;
}
#sp-header #sp-logo{
	width: 33.33%;
	padding: 0;
    margin: 0;
	display: none;
}
#sp-header #sp-logo .logo{
	height: initial!important;
}
#sp-header #sp-menu{
	width: 66.66%;
	padding-right: 190px;
}
#sp-header .logo-image {
    height: initial !important;
    width: 100%;
    max-width: 315px;
    font-size: 16px;
    margin: 25px 0px;
    vertical-align: top;
    display: inline-block;
    padding: 10px;
}

#sp-header #sp-menu ul.sp-megamenu-parent>li>a{
	font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
	color: #ffffff!important;
	margin: 25px 0px;
}
#sp-header #sp-menu ul.sp-megamenu-parent>li>a:hover{
	color: var(--sec-color)!important;
}
#sp-header ul.sp-megamenu-parent li{
	margin-right: 25px;
	vertical-align: middle;
}
#sp-header ul.sp-megamenu-parent li:last-child{
	margin-right: 0px;
}
#sp-header ul.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{
	line-height: 62px;
}

#sp-header ul.sp-megamenu-parent li>a.button-green:hover {
    transform: scale(1.05);
}

/*Nur Icon anzeigen*/
#sp-header #sp-menu a.just-icon{
	font-size: 0!important;
}
#sp-header #sp-menu a.just-icon>span{
	font-size: 40px !important;
    padding-right: 0px !important;
	vertical-align: middle;
}

/*-Header Sticky-*/
#sp-header.header-sticky{
	position: fixed!important;
	background: rgba(49, 100, 174, 0.9)!important;
    height: initial !important;
    right: 0;
    left: initial;
    width: initial;
	backdrop-filter: blur(2px);
}

#sp-header.header-sticky .logo-image{
	max-width: 215px;
    margin: 0;
}
#sp-header.header-sticky ul.sp-megamenu-parent li>a.button-green{
	padding: 0px 20px;
}
#sp-header.header-sticky #sp-menu ul.sp-megamenu-parent>li>a{
	font-size: 22px;
}
#sp-header.header-sticky ul.sp-megamenu-parent li {
    margin-right: 10px;
	vertical-align: middle;
}
/*-- 			-Navigation Header ENDE- 			--*/


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

.pinselstrich-header{
	width: 100%;
    margin-top: -99px;
}

.pinselstrich-header img{
	display: inline-block !important;
    max-width: initial!important;
    width: calc(100% + 280px + 280px)!important;
    transform: translateX(-280px);
    max-height: 100px;
    overflow: hidden;
    object-fit: cover;
    object-position: top center;
}

.pinselstrich-oben{
	width: 100%;
    margin-top: -218px;
}

.pinselstrich-oben img{
	display: inline-block !important;
    max-width: initial!important;
    width: calc(100% + 500px + 370px) !important;
    transform: translateX(-500px);
    max-height: 220px;
    overflow: hidden;
    object-fit: cover;
    object-position: top center;
}

.pinselstrich-footer{
	width: 100%;
    margin-top: -1px!important;
}

.pinselstrich-footer img{
	display: inline-block !important;
    max-width: initial!important;
    width: calc(100% + 550px + 550px)!important;
    transform: translateX(-550px);
    max-height: 170px;
    overflow: hidden;
    object-fit: cover;
    object-position: bottom center;
	position: relative;
    z-index: 2;
}
/*-- 			-Dekoration ENDE- 			--*/


/*-- 			-Angebote START- 			--*/


.angebote .angebote-vorschau{
	display: flex!important;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	width: 75%;
}

.angebote .angebote-vorschau>div{
	width: 32%;
	padding-right: 25px;
	padding-bottom: 10px;
}
/*-- 			-Angebote ENDE- 			--*/


/*-- 			-Leistungen START- 			--*/
.sp-page-builder .page-content #leistungen{
	background-size: 590px;
}
.leistung{
	margin: 0 auto;
	max-width: 570px;
}

.leistung img{
	width: 100%;
	max-width: 120px;
	margin: 0 auto 40px;
}

.leistung p{
	text-align: justify;
	margin-bottom: 50px;
}
/*-- 			-Leistungen ENDE- 			--*/


/*-- 			-Lieferanten START- 			--*/

.lieferanten{
	
}

.lieferanten img{
	display: none!important;
}

.lieferanten .sppb-carousel-extended-heading{
	font-family: var(--pri-font);
	position: relative;
	text-shadow: initial!important;
	text-transform: uppercase;
    font-weight: 600;
	font-size: 23px;
	line-height: 35px;
	margin-bottom: 0px;
}

.lieferanten .sppb-carousel-extended-description {
    margin: 0px;
    font-size: 23px;
    font-family: var(--pri-font);
    font-weight: 300;
    line-height: 33px;
}

.lieferanten .sppb-carousel-extended-outer-stage{
	height: initial!important;
}

.lieferanten .sppb-carousel-extended-outer-stage .sppb-carousel-extended-content-wrap{
	position: relative!important;
}

.lieferanten .sppb-carousel-extended-item{
	height: initial!important;
}

.lieferanten .sppb-carousel-extended-item.active {
    border-right: 1px solid #fff; 
}

.lieferanten .sppb-carousel-extended-item.active:nth-last-child(1 of .active) {
    border-right: none;
}

.sppb-carousel-extended .fa.fa-long-arrow-right:before {
    content: "\f178";
}

.sppb-carousel-extended .fa.fa-long-arrow-left:before {
    content: "\f177";
}

.sppb-carousel-extended .nav-control i, .sppb-carousel-extended .nav-control svg{
	font-size: 40px;
}




/*-- 			-Lieferanten ENDE- 			--*/


/*-- 			-Whatsapp & Slideshow START- 			--*/

.info-slideshow .sppb-carousel-extended-list img{
	object-fit: cover;
    object-position: center center;
	border-radius: 0px!important;
}

.info-slideshow ul{
	margin: 35px 0px 0px;
}

.info-slideshow .check li{
	font-weight: 500;
	font-size: 24px;
}

.wa-angebot img{
    width: 350px;
    margin-left: -15px;
}
 a.button-whatsapp{
	background-color: #83bc32!important;
    font-size: 24px;
    font-weight: 500;
    padding: 13px 30px;
    border-radius: 10px;
	transition: ease all .3s;
	letter-spacing: 1px;
}

a.button-whatsapp:hover{
	background-color: #6aa91d!important;
}

a.button-whatsapp i, a.button-whatsapp svg{
	font-size: 55px;
    vertical-align: middle;
}

/*.info-slideshow .sppb-carousel-extended-outer-stage{
	height: auto!important;
}*/
.info-slideshow .sppb-carousel-extended-content-wrap{
	padding: 0;
}
/*-- 			-Whatsapp & Slideshow ENDE- 			--*/

/*-- 			-Social Media START- 			--*/

.social-media #ingallery-1 .ingallery-col, .social-media #ingallery-1 .ingallery-cell{
	padding-right: 15px;
	padding-left: 15px;
}

.social-media #ingallery-1 .ingallery-cell .ingallery-item {
    box-shadow: 4px 3px 4px -1px rgba(0,0,0,.27);
}

button.button-gelb, .button-gelb button, .button-gelb a, a.button-gelb{
	background-color: var(--yellow-line-color) !important;
    color: var(--pri-color) !important;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 25px;
    width: 100%;
    max-width: 450px;
    padding: 25px 15px;
    border-radius: 10px;
	transform: scale(1);
	transition: ease all .3s;
}

button.button-gelb:hover, .button-gelb button:hover, .button-gelb a:hover, a.button-gelb:hover{
	background-color: #efd132 !important;
	transform: scale(1.05);
}
/*-- 			-Social Media ENDE- 			--*/



/*-- 			-Historie START- 			--*/

.historie p.timeline-date {
	color: var(--pri-color);
	font-size: 35px!important;
    font-style: italic;
    font-weight: 700;
}

.historie .timeline-panel{
	background-color: var(--pri-color)!important;
	width: 100%!important;
	max-width: 545px;
	border-radius: 10px!important;
	padding: 25px!important;
}

.historie .timeline-panel .details p{
	color: #ffffff !important;
    font-weight: 300;
    font-size: 21px;
	text-align: justify;
	hyphens: auto;
    hyphenate-limit-chars: auto 5;
	padding: 0;
}

.timeline-item .timeline-panel::before{
	display: none;
}

.historie .timeline-badge::after{
	display: none;
}

.historie .timeline-badge::before{
	border: 3px solid #ffffff!important;
	border-color: #ffffff!important;
	background-color: var(--pri-color)!important;
	height: 34px!important;
    width: 34px!important;
}

.historie .sppb-addon-timeline .sppb-addon-timeline-wrapper:before{
	background-color: var(--pri-color)!important;
	left: 49.9%!important;
    top: 12%!important;
    width: 4px!important;
	height: 80%;
}

.historie .timeline-panel{
	margin-left: 8%!important;
}

.historie .timeline-panel.left-part{
	margin-right: 8%!important;
}

.historie .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date {
    margin: 0 6% 0 0!important;
}

.historie .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date{
	margin: 0 0 0 6%!important;
}

.historie .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement{
	align-items: center;
}
/*-- 			-Historie ENDE- 			--*/


/*-- 			-Historie ENDE- 			--*/

.galerie .sppb-gallery{
	justify-content: space-between!important;
	margin: 0px!important;
	margin-top: -70px!important;
	position: relative;
    z-index: 3;
}

.galerie .sppb-gallery::before, .galerie .sppb-gallery::after{
	display: none!important;
}
	
.galerie .sppb-gallery li{
	width: 32%;
    margin: 0px !important;
    margin-bottom: 2% !important;
}

.galerie .sppb-gallery img{
	width: 100%!important;
    height: 340px!important;
    object-fit: cover;
    object-position: center center;
}
/*-- 			-Historie ENDE- 			--*/


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

#sp-footer .container-inner {
    padding: 0px!important;
    border-top: initial!important;
}

#sp-footer, #sp-bottom{
	background-color: var(--pri-color)!important;
}

#sp-footer .footer-logo img{
	margin-top: -150px;
    position: relative;
    z-index: 0;
    width: 100%;
    max-width: 420px;
    margin-bottom: 80px;
	margin-left: 50px;
}

#sp-footer .footer-info{
	padding-right: 100px;
}

#sp-footer .footer-info p{
	font-weight: 300!important;
}

#sp-footer p, #sp-footer a{
	color: #ffffff;
}

#sp-footer a:hover{
	color: var(--sec-color);
}

#sp-footer .footer-icons{
	margin-top: 45px;
	margin-bottom: 45px;
}

#sp-footer .footer-icons a{
	margin-right: 15px!important;
}

#sp-footer .footer-icons a{
	width: 55px!important;
	height: 55px!important;
}
#sp-footer .footer-icons i{
	width: 55px!important;
	font-size: 55px;
}

#sp-footer .footer-linie-unten{
	border-bottom: 1px solid #ffffff;
	padding: 30px 0px;
}

/*Kontaktformular*/
#sp-footer .kontakt{
	border-left: 1px solid #ffffff;
	padding-top: 100px;   
	padding-left: 100px;
}

#sp-footer .kontakt label{
	width: 0;
}

#sp-footer .kontakt label.form-check-label{
	width: 100%;
	font-weight: 300;
    font-size: 16px;
    line-height: 130%;
}
#sp-footer .kontakt .rsform-block-datenschutz{
	padding-top: 20px;
}

#sp-footer .kontakt .rsform-block-datenschutz label{
    padding-left: 30px;
	hyphens: auto;
    hyphenate-limit-chars: auto 5;
    text-align: justify;
	font-weight: 200;
    font-size: 15px;
}

#sp-footer .kontakt .mb-3 {
    margin-bottom: 0px !important;
}

#sp-footer .kontakt p, .kontakt span, .kontakt li, .kontakt h1, .kontakt h2, .kontakt h3, .kontakt h5, .kontakt h4, .kontakt h6, .kontakt label{
	color: #ffffff!important;
}

#sp-footer .kontakt h2{
	margin-left: 30px;
	margin-bottom: 30px;
}

#sp-footer .kontakt .form-control{
	background-color: rgba(255,255,255,0.50);
	border: 0px;
	padding: 15px 10px 30px;
	border-radius: 10px;
}

#sp-footer .kontakt .form-check .form-check-input{
	margin-left: -25px;
	
}

#sp-footer .kontakt .form-check-input[type=checkbox]{
	border-radius: 15px;
    width: 25px;
    height: 25px;
    border: none;
}

#sp-footer .kontakt .rsform-type-hashcash button{
	background-color: rgba(255, 255, 255, .1);
	border: none;
	border-radius: 10px;
    padding: 20px 15px 20px 10px;
	font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
}

#sp-footer .kontakt .form-control::placeholder{
	font-size: 23px;
	font-weight: 300!important;
	color: #ffffff;
}
#sp-footer .kontakt .form-control{
	font-weight: 300!important;
}

#sp-footer .kontakt .col-sm-9{
	width: 100%!important;
}

#sp-footer .kontakt .hashcash{
	border: none;
    background-color: #ffffff;
    width: 25px;
    height: 25px;
	margin-right: 20px;
}

#sp-footer .kontakt .rsform-type-submitbutton button{
	background-color: #a0acd9;
    box-shadow: 0px 0px 4px 0px rgba(21, 43, 91, 0.32);
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    width: 100%;
    padding: 23px;
}

#sp-footer .rechtliches{
		text-align: center;
		font-weight: 300;
		font-size: 23px;
}

#sp-footer .rechtliches ul.menu li {
    display: inline-block;
    margin: 0;
    border-right: 1px solid #fff;
    padding: 0px 15px;
}
#sp-footer .rechtliches ul.menu li:last-child{
	border-right: none;
}
/*-- 			-Footer ENDE- 			--*/


/*-- 			-Rechtliches Unterseiten START- 			--*/ 
/*Impressum, Datenschutz*/

.recht-txt p{
	padding-top: 0!important;
}

.recht-txt h1, .recht-txt h2{
	margin-bottom: 35px!important;
}

.recht-txt.ueberschrift-deko h3{
    display: block!important;
	margin-bottom: 0px;
}

.recht-txt.ueberschrift-deko h3::after, .recht-txt.ueberschrift-deko h3::before{
	display: none;
}

.recht-txt .sp-pagebuilder-row, .recht-txt .sppb-row{
	margin: 0!important;
}
.recht-txt h3, .recht-txt h4, .recht-txt h5, .recht-txt .headline{
	margin-top: 20px;
}
.recht-txt a{
	word-break: break-word;
}
/*-- 			-Rechtliches Unterseiten ENDE- 			--*/


/*-- 			-404 Seite START- 			--*/

.errorpage .sppb-row{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/*-- 			-404 Seite ENDE- 			--*/



@media (min-width: 1921px) {
	.herz-gr{
		background-position: 0% 99% !important;

	}
}

@media (min-width: 1921px) {
    .pinselstrich-oben{
		width: 100%;
		margin-top: -218px;
	}

	.pinselstrich-oben img{
		width: calc(150% + 620px + 500px) !important;
		transform: translateX(-1020px);
		max-height: 220px;
	}
	
	.pinselstrich-footer{
		margin-top: -11px !important;
	}
	
	.pinselstrich-footer img{
		width: calc(150% + 620px + 550px) !important;
        transform: translateX(-1150px);
        max-height: 250px;
	}
	
	.galerie .sppb-gallery {
		margin-top: -30px !important;
		margin-bottom: -70px !important;
	}
}


.offcanvas-overlay {
	display: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*MIn*/
@media (min-width: 1200px) {
    .sppb-row-container {
        max-width: 1500px !important;
    }
	
}
@media (min-width: 992px) {
	#offcanvas-toggler {
		display: none !important;
	}
}

/*Max*/
@media (max-width: 1700px) {
	.sppb-carousel-extended-nav-control .nav-control.prev-control, .sppb-carousel-extended-nav-control .nav-control.next-control{
		margin: 0;
    }
	.lieferanten .sppb-carousel-extended-item {
		height: initial !important;
		padding: 0px 40px;
	}
}

@media (max-width: 1400px) {
    .polaroid p{
		font-size: 32px;
	}
	.headerbild-logo img {
		max-width: 450px;
		left: 5%;
	}
	#sp-header #sp-menu {
		padding-right: 35px;
	}
	#sp-header ul.sp-megamenu-parent li {
		margin-right: 10px;
	}
}
@media (max-width: 1199px) {
  .angebote .sppb-row-container {
        max-width: 1200px!important;
    }
	
	.angebote .angebote-vorschau>div {
		width: 50%;
	}
	footer .footer-linie-unten .sppb-addon-content{
		display: flex;
		justify-content: space-between;
		width: 100%;
		align-items: flex-end;
	}
	#sp-footer .footer-info {
		padding-right: 0px;
	}
	#sp-footer .footer-info p {
		width: 50%;
		padding-right: 10px;
	}
	#sp-footer .kontakt{
		border-left: 0px;
		padding-left: 0px;
		border-top: 1px solid #ffffff;
	}
	
	#sp-footer .footer-logo img {
		margin-top: -110px;
		position: relative;
		z-index: 0;
		width: 100%;
		max-width: 420px;
		margin-bottom: 80px;
		margin-left: auto;
		margin-right: auto;
	}
	.herz-kl{
		background-position: 0% 103% !important;
	}

}
@media (max-width: 1072px) {
	a.button-whatsapp i, a.button-whatsapp svg {
		font-size: 45px;
		vertical-align: middle;
	}
	a.button-whatsapp{
		padding: 13px 20px;
	}
}
@media (max-width: 992px) {
	#sp-header {
        padding-top: 12px;
        padding-bottom: 12px;
        height: initial !important;
    }
	#sp-header.header-sticky #sp-logo {
        display: none;
    }
	
	.seitennavigation {
		position: fixed;
		top: 130px;
		right: 0;
		z-index: 5;
	}
	
	.headerbild-logo img {
		max-width: 380px;
		left: 5%;
		bottom: 20%; 
	}
    .polaroid {
		margin: 0 auto;
	}
	.sp-page-builder .page-content #leistungen {
		background-size: 500px;
	}
	
	.burger-icon>span {
          display: block;
          height: 4px;
          background-color: #ffffff;
          margin: 5px 0;
          transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
          border-radius: 2px;
      }
	 #sp-header #sp-menu {
        padding-right: 20px;
        padding-left: 5px;
    }
	.offcanvas-active .burger-icon>span:nth-child(1), #modal-menu-toggler.active .burger-icon>span:nth-child(1) {
		transform: translate(0, 13px) rotate(-45deg);
	}
	.header-klein .headerbild-logo img {
		max-width: 370px;
	}
	
}

@media (max-width: 980px) {
    .galerie .sppb-gallery li {
		width: 50%;
		margin: 0px !important;
		margin-bottom: 0% !important;
		padding: 10px;
	}
	.galerie .sppb-gallery{
		justify-content: center!important;
	}
}

@media (max-width: 800px){
	footer .footer-linie-unten .sppb-addon-content{
		display: flex;
		justify-content: space-between;
		width: 100%;
		align-items: flex-end;
		flex-wrap: wrap;
	}
	/*#sp-footer .footer-info {
		padding-right: 0px;
	}*/
	#sp-footer .footer-info p {
		width: 100%;
	}
}

@media (max-width: 768px) {
	#sp-header {
	  height: 80px;
	  padding-top: 12px;
	  padding-bottom: 12px;
	}
	h1, .head1{
		font-size: 60px;
	}
	h2, .head2{
		font-size: 40px;
	}
	h3, .head3{
		font-size: 33px;
	}
	h4, .head4{
		font-size: 25px;
	}
	h5, .head5{
		font-size: 20px;
		line-height: 30px;
	}
	h6, .head6{
		font-size: 16px;
	}
	.handschrift h1, .handschrift h2 {
		font-size: 53px;
	}

	.headerbild-logo .sppb-addon-single-image-container{
		display: flex !important;
    	justify-content: center;
 	}
	.headerbild-logo img {
		max-width: 380px;
		left: initial;
		bottom: 35%; 
	}
	.angebote .angebote-vorschau{
		width: 100%;
	}

	.angebote .angebote-vorschau>div {
		padding-right: 12px;
		padding-left: 12px;
	}
	.angebote .angebote-vorschau>div:last-child{
		padding-right: 0px;
		padding-left: 24px;
	}
	.sp-page-builder .page-content #leistungen {
		background-position: center bottom;
	}
	.historie .timeline-badge::before{
		display: none;
	}
	.historie .sppb-addon-timeline .sppb-addon-timeline-wrapper:before{
		left: 50%!important;
	}
	.historie .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.even{
		/*flex-direction: column-reverse;*/
	}
	.historie .sppb-addon-timeline .timeline-panel{
		float: initial;
    	text-align: center;
		margin: 0!important;
	}
	.historie p.timeline-date{
		text-align: left!important;
		margin: 0 !important;
		padding-bottom: 0;
	}
	.historie .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date{
		margin: 0 !important;
		width: 100% !important;
		max-width: 545px;
		padding: 0px 25px !important;
	}
	.galerie .sppb-gallery li{
		width: 100%;
	}
	.header-klein .headerbild-logo img {
        max-width: 310px;
    }
	
}

@media (max-width: 645px) {
    .angebote .angebote-vorschau>div {
        width: 100%;
    }
	.angebote .angebote-vorschau>div, .angebote .angebote-vorschau>div:last-child {
		padding-right: 12px;
		padding-left: 12px;
	}
}

@media (max-width: 576px) {
    .polaroid p{
		font-size: 30px;
	}
	.seitennavigation .nav-icon i, .seitennavigation .nav-icon svg {
		font-size: 28px !important;
	}
	.seitennavigation .nav-icon {
		padding: 11px 11px 7px 10px;
		margin-bottom: 10px;
	}
	h1, .head1{
		font-size: 55px;
	}
	h2, .head2{
		font-size: 35px;
	}
	h3, .head3{
		font-size: 28px;
	}
	h4, .head4{
		font-size: 23px;
	}
	h5, .head5{
		font-size: 20px;
		line-height: 30px;
	}
	h6, .head6{
		font-size: 16px;
	}
	.handschrift h1, .handschrift h2 {
		font-size: 43px;
	}
	.herz-gr{
		background-size: 340px !important;
		background-position: -53% 109% !important;
	}
	.galerie .sppb-gallery img{
		height: initial!important;
	}
	#sp-footer .footer-logo img {
		margin-bottom: 30px;
	}
	#sp-footer .footer-icons {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	#sp-footer .kontakt {
		padding-top: 40px;
	}
	
}
@media (max-width: 392px) {
	a.button-whatsapp i, a.button-whatsapp svg {
		font-size: 40px;
		vertical-align: middle;
	}
	a.button-whatsapp {
		font-size: 21px;
	}
}
@media (max-width: 342px) {
	a.button-whatsapp {
		padding: 13px 15px;
	}
}