/*
Theme Name:         Sage Starter Theme
Theme URI:          https://roots.io/sage/
Description:        Theme for xxxx by Southvision
Version:            1.06
Author:             Southvision
Author URI:         https://southvision.de/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/


/* Links */

a {
  color: var(--linkColor);
}

body.underlineLinks .textWrap a:not(.ctaBtn):not(.textLinkStyle1):not(.textLinkStyle2) {
  text-decoration: underline;
}

body.animateLinks .textWrap a:not(.ctaBtn):not(.textLinkStyle1):not(.textLinkStyle2),
body.animateLinks footer a:not(.ctaBtn):not(.textLinkStyle1):not(.textLinkStyle2) {
  position: relative;
  display: inline-block;
}

body.animateLinks .textWrap a:not(.ctaBtn):not(.textLinkStyle1):not(.textLinkStyle2):after,
body.animateLinks footer a:not(.ctaBtn):not(.textLinkStyle1):not(.textLinkStyle2):after {
	content: '';
	background-color: var(--linkColor);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 2px;
	transition: width 0.4s ease;
}

body.animateLinks .textWrap a:not(.ctaBtn):not(.textLinkStyle1):not(.textLinkStyle2):hover:after,
body.animateLinks footer a:not(.ctaBtn):not(.textLinkStyle1):not(.textLinkStyle2):hover:after {
	width: 100%;
}


/* Hover */

a:hover{
  color: var(--linkColorHover);
}


/* FadeIn-Effekte */

body.fadeInEffects .textWrap {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

body.fadeInEffects .textWrap.animateMe {
  opacity: 1;
}

body.fadeInEffects .imgWrap {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

body.fadeInEffects .imgWrap.animateMe {
  opacity: 1;
}

body.fadeInEffects .textWrap.noAnimation,
body.fadeInEffects .imgWrap.noAnimation,
body.fadeInEffects .noAnimation .textWrap
body.fadeInEffects .noAnimation .imgWrap {
  opacity: 1;
}

/* Ränder & Schatten */

section .imgWrap,
section .cardWrap{
  border: var(--imgBorder);
  border-radius: var(--borderRadius);
  overflow: hidden;
}

section .textWrap{
  border-radius: var(--borderRadius);
}

section .imgWrap.noBorder,
section .cardWrap.noBorder{
  border: none;
}

body.imgShadow section .imgWrap,
body.imgShadow section .cardWrap{
  -webkit-box-shadow: var(--boxShadow);
  box-shadow: var(--boxShadow);
}

body.imgShadow section .imgWrap.noShadow,
body.imgShadow section .cardWrap.noShadow{
  -webkit-box-shadow: none;
          box-shadow: none;
}


/* Abstände */

section{
	padding-top: var(--sectionPaddingTop);
	padding-bottom: var(--sectionPaddingBottom);
	margin-top: var(--sectionMarginTop);
	margin-bottom: var(--sectionMarginBottom);
}

/* Listen */

ul.styledList{
  list-style: none;
  padding-left: 16px;
}

ul.styledList li{
	position: relative;
	margin-bottom: 0.8rem;
	padding-left: 3.2rem;
}

ul.styledList li:before{
    content: '';
    position: absolute;
	left: 0;
    width: 2rem;
    height: 2rem;
    display: inline-block;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: left center;
            mask-position: left center;
	top: 5px;
}

ul.styledList.listStyler li:before{
  -webkit-mask-image: var(--listStylerlistIcon);
          mask-image: var(--listStylerlistIcon);
  background-color: var(--listStylerlistColor);
}

ul.styledList.listChecklist li:before{
  -webkit-mask-image: var(--listChecklistIcon);
          mask-image: var(--listChecklistIcon);
  background-color: var(--listChecklistColor);
}

ul.styledList.listFaillist li:before{
  -webkit-mask-image: var(--listFaillistIcon);
          mask-image: var(--listFaillistIcon);
  background-color: var(--listFaillistColor);
}

/* Buttons & Links */

section a{
  color: var(--linkColor);
}

section a:hover{
  color: var(--linkColorHover);
}

/* Textmarker */

.textMarker{
	position: relative;
	display: inline-block;
	z-index: 1;
}

.textMarker:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-mask-size: cover;
	        mask-size: cover;
	z-index: -1;
	width: calc(100% + 1.4rem);
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.markerClean:before{
	-webkit-mask-image: url('../images/marker-clean.svg');
	        mask-image: url('../images/marker-clean.svg');
	background: var(--markerColorClean);
}

.markerWild:before{
	-webkit-mask-image: url('../images/marker-wild.svg');
	        mask-image: url('../images/marker-wild.svg');
	background: var(--markerColorWild);
	width: calc(100% + 1.8rem);
}

.markerUltraclean{
	background-color: var(--markerColorUltraclean);
	padding: var(--markerColorUltracleanPadding);
	border-radius: var(--markerColorUltracleanBorderradius);
	display: inline-block;
}

/* Weiterlesen Funktion */

.readmore-block {
    margin-bottom: 1rem;
}

.readmore-toggle {
    border: 0;
    background: none;
    padding: 0;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.readmore-content {
    display: none; /* initial versteckt */
    margin-top: 0.5rem;
}


/* Cta-Buttons */

/* Style 1 */
.buttonStyle1 .ctaBtn,
header.buttonStyle1 .ctaBtn {
	padding: 2rem 2.6rem;
	border-radius: 10px;
	text-align: center;
	display: inline-block;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border: 2px solid transparent;
}

header.buttonStyle1 .ctaBtn {
	padding: 1rem 1.5rem;
}

header.buttonStyle1 .ctaBtn,
header.buttonStyle1 .ctaBtn.ctaBtnGhost {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.buttonStyle1 .ctaBtn.ctaBtnStandard,
header.buttonStyle1 .ctaBtn.ctaBtnStandard {
	color: var(--ctaBtnStandardTextColor);
	background: var(--ctaBtnStandardBg);
	-webkit-box-shadow: none;
	        box-shadow: none;
}

header.buttonStyle1 .ctaBtn:before,
header.buttonStyle1 .ctaBtn:after {
	display: none;
}

.buttonStyle1 .ctaBtn.ctaBtnStandard:hover, 
header.buttonStyle1 .ctaBtn.ctaBtnStandard:hover {
	background: var(--ctaBtnStandardBgHover);
	color: var(--ctaBtnStandardTextHover);
}

.buttonStyle1 .ctaBtn.ctaBtnInverse,
header.buttonStyle1 .ctaBtn.ctaBtnInverse {
	color: var(--ctaBtnInverseTextColor);
	background: var(--ctaBtnInverseBg);
}

.buttonStyle1 .ctaBtn.ctaBtnInverse:hover,
.header.buttonStyle1 .ctaBtn.ctaBtnInverse:hover {
	background: var(--ctaBtnInverseBgHover);
	color: var(--ctaBtnInverseTextHover);
}

.buttonStyle1 .ctaBtn.ctaBtnGhost,
header.buttonStyle1 .ctaBtn.ctaBtnGhost {
	color: var(--ctaBtnGhostTextColor);
	border: 2px solid var(--ctaBtnGhostBorder);
}

.buttonStyle1  .ctaBtn.ctaBtnGhost:hover,
.header.buttonStyle1 .ctaBtn.ctaBtnGhost:hover {
	background: var(--ctaBtnGhostBgHover);
	color: var(--ctaBtnGhostTextHover);
}

/* Style 2 */

.buttonStyle2 .ctaBtn {
	position: relative;
	padding: 5px;
	padding-left: 2.8rem;
	border-radius: 25px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border: 1px solid transparent;
	overflow: hidden;
}

.buttonStyle2 .ctaBtn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    -webkit-transform: translate(-105%, 0);
    -ms-transform: translate(-105%, 0);
        transform: translate(-105%, 0);
    background-color: rgba(255, 255, 255, 0.8);
}

.buttonStyle2 .ctaBtn:hover {
	-webkit-box-shadow: none!important;
	        box-shadow: none!important;
}

.buttonStyle2 .ctaBtn:hover:before {
	opacity: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
        transform: translate(0, 0);
}

.buttonStyle2 .ctaBtn:after {
	content: '';
	-webkit-mask-image: url('../images/cta-arrow.svg');
	        mask-image: url('../images/cta-arrow.svg');
	-webkit-mask-size: cover;
	        mask-size: cover;
	position: relative;
	display: inline-block;
	width: 4rem;
	height: 4rem;
	margin-left: 1.4rem;
}

.buttonStyle2 .ctaBtn.ctaBtnStandard {
	color: var(--ctaBtnStandardTextColor);
	background: var(--ctaBtnStandardBg);
	border-color: var(--ctaBtnStandardBg);
	-webkit-box-shadow: 8px 8px 18px 0px var(--ctaBtnStandardBg);
	        box-shadow: 8px 8px 18px 0px var(--ctaBtnStandardBg);
}

.buttonStyle2 .ctaBtn.ctaBtnStandard:hover {
	color: var(--ctaBtnStandardTextHover);
}

.buttonStyle2 .ctaBtn.ctaBtnStandard:after {
	background: var(--ctaBtnStandardTextColor);
}

.buttonStyle2 .ctaBtn.ctaBtnInverse {
	color: var(--ctaBtnInverseTextColor);
	background: var(--ctaBtnInverseBg);
	border-color: var(--ctaBtnInverseBg);
	-webkit-box-shadow: 8px 8px 18px 0px var(--ctaBtnInverseBg);
	        box-shadow: 8px 8px 18px 0px var(--ctaBtnInverseBg);
}

.buttonStyle2 .ctaBtn.ctaBtnInverse:hover {
	color: var(--ctaBtnInverseTextHover);
}

.buttonStyle2 .ctaBtn.ctaBtnInverse:after {
	background: var(--ctaBtnInverseTextColor);
}

.buttonStyle2 .ctaBtn.ctaBtnGhost {
	color: var(--ctaBtnGhostTextColor);
	border-color: var(--ctaBtnGhostBorder);
	-webkit-box-shadow: 8px 8px 18px 0px lightgrey;
	        box-shadow: 8px 8px 18px 0px lightgrey;
}

.buttonStyle2 .ctaBtn.ctaBtnGhost:hover {
	color: var(--ctaBtnGhostTextHover);
}

.buttonStyle2 .ctaBtn.ctaBtnGhost:after {
	background: var(--ctaBtnGhostTextColor);
}

/* Textlink Styles */

.textLinkStyle1, .textLinkStyle2 {
 	color: var(--linkColor);
	position: relative;
	display: inline-block;
	font-size: 105%;
	font-weight: 700;
}

.textLinkStyle1:hover, .textLinkStyle2:hover {
 	color: var(--linkColorHover);
}

.textLinkStyle1:after, .textLinkStyle2:after {
 	color: var(--linkColor);
	display: inline-block;
	margin-left: 1rem;
	transition: transform 0.4s ease;
}

.textLinkStyle1:hover:after, .textLinkStyle2:hover:after {
 	color: var(--linkColorHover);
}

.textLinkStyle1:hover:after {
	transform: translateX(8px);
}

.textLinkStyle2:before {
 	background-color: var(--linkColor);
	display: inline-block;
	width: 0;
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 2px;
	transition: width 0.4s ease;
}

.textLinkStyle2:hover:before {
 	background-color: var(--linkColorHover);
	width: 100%;
}

.textLinkStyle1:after {
	content: '>';
}

.textLinkStyle2:after {
	content: '\2192';
}

/* Kontakt Buttons */

.stickyContactBtnsWrap{
	position: fixed;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 4;
    color: var(--white);
}

.stickyContactBtnsWrap a{
	color: var(--white);
	text-decoration: none;
	-webkit-transform: translateX(-6rem);
	    -ms-transform: translateX(-6rem);
	        transform: translateX(-6rem);
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	-o-transition: transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.stickyContactBtnsWrap a:hover{
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
}

.stickyContactBtnsWrap .iconWrap{
	width: 6rem;
	height: 6rem;
	padding: 1rem;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.stickyContactBtnsWrap .iconWrap:after{
	content: '';
	width: 100%;
	height: auto;
    background-color: #fff;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}

.stickyContactBtnsWrap .whatsappBtn .iconWrap:after{
    -webkit-mask-image: url(../images/whatsapp.svg);
            mask-image: url(../images/whatsapp.svg);
}

.stickyContactBtnsWrap .phoneBtn .iconWrap:after{
    -webkit-mask-image: url(../images/phone.svg);
            mask-image: url(../images/phone.svg);
}

.stickyContactBtnsWrap .emailBtn .iconWrap:after{
    -webkit-mask-image: url(../images/mail.svg);
            mask-image: url(../images/mail.svg);
}

.stickyContactBtnsWrap .textWrap{
	padding: 1rem;
	padding-right: 4rem;
}

.stickyContactBtnsWrap .textWrap p{
	margin-bottom: 0;
	line-height: 1.1;
}

.stickyContactBtnsWrap .whatsappBtn{
	background-color: rgb(37, 211, 102);
}

.stickyContactBtnsWrap .phoneBtn{
	background-color: rgb(254, 76, 28);
}

.stickyContactBtnsWrap .emailBtn{
	background-color: rgb(1, 96, 231);
}

.stickyContactBtnsWrap .contactDetail{
	margin-top: .3rem;
}

@media(max-width: 767px){
	.stickyContactBtnsWrap {
		bottom: 0;
		left: 0;
		top: unset;
		width: 100%;
		-webkit-box-pack: space-evenly;
		    -ms-flex-pack: space-evenly;
		        justify-content: space-evenly;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}
	.stickyContactBtnsWrap .textWrap{
		display: none;
	}
	.stickyContactBtnsWrap a {
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.stickyContactBtnsWrap a:hover {
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}
	.stickyContactBtnsWrap .iconWrap{
		height: 4.5rem;
		margin-top: .5rem;
    	margin-bottom: .5rem;
	}
}

/* Google Bewertungen */

.topHeaderWrap {
	padding-top: .5rem;
	padding-bottom: .5rem;
	background-color: var(--topHeaderBackground);
	color: var(--topHeaderTextColor);
	position: relative;
}

.topHeaderWrap a{
	color: var(--topHeaderLinkColor);
}

.topHeaderWrap a:hover{
	color: var(--topHeaderLinkHover);
}

.topHeaderWrap p {
	margin-bottom: 0;
}

.topHeaderWrap .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topHeaderWrap .contactPhone a, .topHeaderWrap .contactMail a,
.menuTogglerAndBtnWrap .contactPhone a, .menuTogglerAndBtnWrap .contactMail a {
    font-size: 1.6rem;
    padding-left: 2.5rem;
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.topHeaderWrap a:before,
.menuTogglerAndBtnWrap .contactInfo a:before{
	content: '';
    position: absolute;
	-webkit-mask-size: contain;
	        mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
	background-color: var(--topHeaderLinkColor);
}

.menuTogglerAndBtnWrap .contactInfo a:before{
	background-color: var(--headerLinkColor);
}

.topHeaderWrap a:hover:before,
.menuTogglerAndBtnWrap .contactInfo a:hover:before{
	background-color: var(--topHeaderLinkHover);
}

.topHeaderWrap .contactPhone a:before,
.menuTogglerAndBtnWrap .contactPhone a:before {
    width: 1.693rem;
    height: 1.75rem;
    -webkit-mask-image: url(../images/phone.svg);
            mask-image: url(../images/phone.svg);
}

.topHeaderWrap .contactMail a:before,
.menuTogglerAndBtnWrap .contactMail a:before {
    width: 1.983rem;
    height: 1.75rem;
    -webkit-mask-image: url(../images/mail.svg);
            mask-image: url(../images/mail.svg);
}

.topHeaderWrap .starRating {
    background-repeat: repeat-x;
    width: 11.4rem;
    height: 2rem;
    background-size: contain;
    margin-right: 0.8rem;
    display: inline-block;
    position: relative;
    background-image: url(../images/star-unfilled.svg);
    top: 3px;
    margin-left: 15px;
}

.topHeaderWrap .innerRating {
    position: absolute;
    height: 100%;
    background-image: url(../images/star.svg);
    background-size: contain;
}

.bewertungenWrap a{
	color: unset;
}

.topHeaderWrap .top-header-close{
	position: absolute;
	right: 3rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	font-size: 3rem;
	cursor: pointer;
}


/* ALLGEMEIN */

*:focus {
	outline: none!important;
}

html {
	scroll-behavior: smooth;
}

body{
  color: var(--textColor);
  background: var(--bodyBackgroundColor);
}

body.fontStandard {
	font-family: 'Montserrat', sans-serif;
	font-size: 2rem;
}

body.fontSpeziell {
	font-family: 'Montserrat', sans-serif;
	font-size: 2rem;
}

p{
	margin-top: 0;
	margin-bottom: 1rem;
}


img {
	width: 100%;
	height: auto;
	display: block;
}


iframe {
	width: 100%;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	margin-top: 0;
}

.flexRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-right: -15px;
    margin-left: -15px;
}

.flexWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.flexWrapAlign {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.flexWrapAlign > *{
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	
}

.justCenter {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.justBetween {
	-webkit-box-pack: space-between;
	    -ms-flex-pack: space-between;
	        justify-content: space-between;
}

.alignConCenter {
	-ms-flex-line-pack: center;
	    align-content: center;
}

.alignItemsCenter {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.alignItemsEnd {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.text-center{
	text-align: center;
}

.text-left{
	text-align: left;
}

.text-right{
	text-align: right;
}

.padTo3 {
	padding-top: 3rem;
}

.maTo3 {
	margin-top: 3rem;
}

.maTo6 {
	margin-top: 6rem;
}

.multipleCtaWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-column-gap: 3rem;
	   -moz-column-gap: 3rem;
	        column-gap: 3rem;
	row-gap: 2rem;
}

/* Border Section */

section.hasDividerTop,
section.hasDividerTop{
	position: relative;
}

.trennlinieBlock {
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    pointer-events: none;
    height: 80px;
	z-index: 2;
}

.trennlinieBlockOben{
    top: 1px;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}

.trennlinieBlockUnten {
    bottom: 1px;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
}

.trennlinieBlock.trennlinieTypkante {
    height: 80px;
}

.trennlinieBlockOben.trennlinieTypkante {
    -webkit-mask: url('../images/trennlinie-kante-oben.svg') no-repeat 50% 100%;
    mask: url('../images/trennlinie-kante-oben.svg') no-repeat 50% 100%;
    background-size: 100% 100%;
}

.trennlinieBlockUnten.trennlinieTypkante {
    -webkit-mask: url('../images/trennlinie-kante-unten.svg') no-repeat 50% 100%;
    mask: url('../images/trennlinie-kante-unten.svg') no-repeat 50% 100%;
    background-size: 100% 100%;
}

.trennlinieBlock.trennlinieTypwelle {
    height: 90px;
}

.trennlinieBlockOben.trennlinieTypwelle {
    -webkit-mask: url('../images/trennlinie-welle-oben.svg') no-repeat 50% 100%;
    mask: url('../images/trennlinie-welle-oben.svg') no-repeat 50% 100%;
    background-size: 100% 100%;
}

.trennlinieBlockUnten.trennlinieTypwelle {
    -webkit-mask: url('../images/trennlinie-welle-unten.svg') no-repeat 50% 100%;
    mask: url('../images/trennlinie-welle-unten.svg') no-repeat 50% 100%;
    background-size: 100% 100%;
}	

@media(max-width: 991px){
	.trennlinieBlock.trennlinieTypwelle {
		height: 40px;
	}
}

@media(max-width: 767px){
	.trennlinieBlock.trennlinieTypkante {
		height: 49px;
	}
}

@media (min-width: 992px) {	
	.order1md {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	
	.order2md {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}

	.order3md {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	
	.order4md {
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
	}
}

@media (max-width: 1199px){	
	.maToMD3 {
		margin-top: 3rem;
	}	
	
	.maToMD6 {
		margin-top: 6rem;
	}	
}

@media (max-width: 991px){	

	.maToSM3 {
		margin-top: 3rem;
	}	
	
	.maToSM6 {
		margin-top: 6rem;
	}	
}

@media (min-width: 768px) and (max-width: 991px){	
	html {
		font-size: 9px;
	}

	.order1sm {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	
	.order2sm {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}

	.order3sm {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	
	.order4sm {
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
	}
}

@media (max-width: 767px){
	html {
		font-size: 8px;
	}
	
	.maToXS3 {
		margin-top: 3rem;
	}	
	
	.maToXS6 {
		margin-top: 6rem;
	}	
	
	.order1xs {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	
	.order2xs {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	
	.order3xs {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	
	.order4xs {
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
	}
}



@media(min-width: 1200px){
	header .container-fluid:before, header .container-fluid:after, header .row:before, header .row:after, header .navbar:before, header .navbar:after {
		display: none;
	}
	
    header .container-fluid {
		padding-left: 8rem;
		padding-right: 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: 100;
  pointer-events: none; 
}

.skip-link:focus {
  left: 16px;
  top: 16px;
  width: auto;
  height: auto;
  padding: 0.5em 1em;
  background: #000;
  color: #fff;
  text-decoration: none;
  pointer-events: auto; 
}

/**** Header ****/

header{
	background-color: var(--headerBackground);
}

header.hasBoxshadow{
	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
header a{
	color: var(--headerLinkColor);
}
header a:hover{
	color: var(--headerLinkHover);
}
header .navbar-toggle .icon-bar {
	background-color: var(--headerLinkColor);
}
header .navbar-close {
	color: var(--headerLinkColor);
}
header nav > li.menu-item > a:before{
	background-color: var(--headerLinkHover);
}

header .nav  li.menu-item  a{
	position: relative;
}

header .nav > li.menu-item > a:before{
	content: '';
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	bottom: 0;
	width: 0;
	height: 2px;
	-webkit-transition: width .4s ease;
	-o-transition: width .4s ease;
	transition: width .4s ease;
}

header .nav > li.menu-item > a:before{
	background-color: var(--headerLinkHover);
}

header .nav > li.menu-item > a:hover:before{
	width: calc( 100% - 3rem );
}

header.stickyHeader{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 8;
}


@media(min-width: 1200px){
	header .navbar-nav > li.menu-item-has-children > .dropdown-menu{
		display: block;
		opacity: 0;
		pointer-events: none;
		top: calc( 100% + 5rem );
		-webkit-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
		border-radius: 15px;
		background-color: var(--headerBackground);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-top: 0;
		-webkit-box-shadow: none;
		        box-shadow: none;
	}

	header .navbar-nav > li.menu-item-has-children.open > .dropdown-menu{
        pointer-events: all;
        top: calc(100% + 2rem);
        opacity: 1;
	}
	
	header .menuHelper{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-bottom: 2rem;
	}
	.dropdown-menu .caret{
		display: none;
	}
	header.buttonStyle1 .ctaBtn{
		margin-left: 6rem;
	}
}

/* Mega Menu */
@media(min-width: 1200px){
	header .navbar-nav > li.menu-item-has-children > .dropdown-menu .dropdown-menu{
		display: block;
		position: relative;
		top: unset;
	}


	header .nav > li.hasMegaMenu{
		position: static;
	}

	header .navbar-nav > li.menu-item-has-children.hasMegaMenu > .dropdown-menu{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		top: 100%;
		background-color: transparent;
		row-gap: 5rem;
		padding-top: 3rem;
		padding-bottom: 3rem;
		padding-left: 8rem;
		padding-right: 8rem;
	}

	header .navbar-nav > li.menu-item-has-children.hasMegaMenu > .dropdown-menu:before{
		content: '';
		position: absolute;
		width: 100vw;
		height: 100%;
		right: 0;
		top: 0;
		background-color: var(--headerBackground);
		z-index: -1;
	}

	header .navbar-nav > li.menu-item-has-children.hasMegaMenu > .dropdown-menu > li > a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-left: 0;
		padding-right: 0;
		border-bottom: 2px solid var(--headerLinkColor);
 		margin-bottom: 1.5rem;
	}

	header .navbar-nav > li.menu-item-has-children.hasMegaMenu > .dropdown-menu > li > a img {
		width: 4rem;
		margin-right: 2rem;
	}

	header .navbar-nav > li.menu-item-has-children.hasMegaMenu > .dropdown-menu > li{
		width: 25%;
		padding-right: 7rem;
	}

	header .navbar-nav > li.menu-item-has-children.hasMegaMenu > .dropdown-menu > li.hasMenuIcon{
		padding-left: 4rem;
	}

	header .navbar-nav > li.menu-item-has-children.hasMegaMenu > .dropdown-menu > li.hasMenuIcon > a > img{
		margin-left: -6rem;

	}
	header .navbar-nav > li.menu-item-has-children.hasMegaMenu > .dropdown-menu .dropdown-menu a{
		padding-left: 0;
		padding-right: 0;
	}
	header .navbar-nav > li.menu-item-has-children.hasMegaMenu > .dropdown-menu li.hasMenuIcon a{
		margin-left: 2rem;
	}

}

@media(max-width: 1199px){
	header .navbar-nav > li.menu-item-has-children.hasMegaMenu > .dropdown-menu > li > a img {
		display: none;
	}	
	.dropdown-menu .dropdown-menu{
		padding-left: 2rem;
	}
	.dropdown-menu {
		padding-left: 2rem;
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* Fixed Header */

.fixedHeaderWrapper {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 8;
}

/* Hreflang Switcher */

.hreflang-list img {
	width: 3.5rem;
}

.hreflang-item,
.hreflang-list a {
	line-height: 0;
    display: block;
}

/* Language Switcher */
.language-switcher {
    position: relative;
    display: inline-block;
}

.language-switcher__current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
	background-color: var(--headerBackground);
	-webkit-box-shadow: none;
	        box-shadow: none;
	border: none;
}

/* 
.language-switcher__current[aria-expanded="true"] .language-switcher__arrow {
    transform: rotate(180deg);
} */

.language-switcher__flag {
    width: 24px;
    height: 16px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 2px;
}

.language-switcher__code {
    font-size: 14px;
    font-weight: 600;
}

.language-switcher__arrow {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
	width: 10px;
}

.language-switcher__arrow path{
	fill: var(--headerLinkColor);
    stroke: var(--headerLinkColor);
    stroke-width: 0px;
}

.language-switcher__dropdown {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    min-width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    z-index: 1000;
}

.language-switcher__current[aria-expanded="true"] ~ .language-switcher__dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.language-switcher__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding: 10px 12px;
    text-decoration: none;
    color: var(--headerLinkColor);
    -webkit-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    transition: background 0.2s ease;
    white-space: nowrap;
	background-color: var(--headerBackground);
}

.language-switcher__item:first-child {
    border-radius: 4px 4px 0 0;
}

.language-switcher__item:last-child {
    border-radius: 0 0 4px 4px;
}

.language-switcher span.buttonName{
	display: none;
}
.language-switcher span.caret{
	display: none;
}
@media(max-width: 1199px){
	.language-switcher{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 1rem;
		border-bottom: 1px solid #e5e5e5;
		position: relative;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		font-size: 16px;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.language-switcher__current{
		padding-left: 0;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin-left: 2rem;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		position: relative;
	}
	.language-switcher span.buttonName{
		display: inline;
	}
	.language-switcher span{
		color: var(--headerLinkColor);
	}
	.language-switcher span.caret{
		width: 11px;
		height: 11px;
		border-top: 2px solid #999;
		border-right: 2px solid #999;
		border-left: unset;
		position: absolute;
		right: 14px;
		top: 50%;
		-webkit-transition: -webkit-transform 0.2s ease;
		transition: -webkit-transform 0.2s ease;
		-o-transition: transform 0.2s ease;
		transition: transform 0.2s ease;
		transition: transform 0.2s ease, -webkit-transform 0.2s ease;
		-webkit-transform: translateY(-50%) rotate(45deg);
		    -ms-transform: translateY(-50%) rotate(45deg);
		        transform: translateY(-50%) rotate(45deg);
		display: inline-block;
	}
	.language-switcher__current.open span.caret{
		-webkit-transform: translateY(-50%) rotate(135deg);
		    -ms-transform: translateY(-50%) rotate(135deg);
		        transform: translateY(-50%) rotate(135deg);
	}
	.language-switcher svg {
		display: none;
	}
	.language-switcher__current.open + .language-switcher__dropdown {
        opacity: 1;
        visibility: visible;
        max-height: 500px;
    }
	.language-switcher__dropdown{
		position: relative;
		top: 0;
        left: 0;
        margin-top: 8px;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        -webkit-transition: all 0.3s ease, max-height 0.3s ease;
        -o-transition: all 0.3s ease, max-height 0.3s ease;
        transition: all 0.3s ease, max-height 0.3s ease;
		width: 100%;
    	-ms-flex-negative: 0;
    	    flex-shrink: 0;
	}
}


/* Mobile Menu */
.navbar-close {
	display: none;
}
.mobileMenuLogoWrap{
	display: none;
}

.navbar-collapse .starRating {
    background-repeat: repeat-x;
    width: 11.4rem;
    height: 2rem;
    background-size: contain;
    margin-right: 0.8rem;
    display: inline-block;
    position: relative;
    background-image: url(../images/star-unfilled.svg);
    top: 3px;
    margin-left: 15px;
}

.navbar-collapse .innerRating {
    position: absolute;
    height: 100%;
    background-image: url(../images/star.svg);
    background-size: contain;
}

.navbar-collapse .googleLogoWrap{
	width: 5rem;
    margin-right: 1rem;
}

.navbar-collapse .mobileMenuGoogle{
	font-size: 2rem;
	color: #f6e2a2;
}

.mobileButtonsWrap{
	display: none;
}

.navbar-collapse .bewertungenTotalWrap{
	display: none;
}

header .mobileCtaWrap{
	display: none;
}

@media(max-width: 1199px){
	.navbar-header:before, .navbar-header:after {
		display: none;
	}

	.mobileMenuLogoWrap{
		position: absolute;
		top:4rem;
		width: 12rem;
		left: 3.5rem;
		display: block;
	}

	.navbar-collapse .bewertungenTotalWrap{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		row-gap: 1rem;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-top: 3rem;
		color: var(--headerLinkColor);
	}
	
	.navbar-collapse{
		top: 0;
		position: fixed;
		height: 100vh;
		right: 0;
		background: var(--headerBackground);
		width: 100%;
		z-index: 99;
		-webkit-transform: translateX(100%);
		    -ms-transform: translateX(100%);
		        transform: translateX(100%);
		-webkit-transition: -webkit-transform 0.4s ease;
		transition: -webkit-transform 0.4s ease;
		-o-transition: transform 0.4s ease;
		transition: transform 0.4s ease;
		transition: transform 0.4s ease, -webkit-transform 0.4s ease;
		pointer-events: none;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-line-pack: justify;
		    align-content: space-between;
		margin: 0!important;
		padding: 35px;
		padding-bottom: 100px;
		padding-top: 80px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.navbar-collapse > *{
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
	}
	
	.navbar-collapse.in{
		-webkit-transform: translateX(0%);
		    -ms-transform: translateX(0%);
		        transform: translateX(0%);
		pointer-events: all;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: scroll;
	}
	.navbar-header{
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 100%;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.navbar-toggle{
		margin-top: 0;
		margin-bottom: 0;
	}
	header .nav > li.menu-item > a:before{
		display: none;
	}
	.nav > li > a{
		padding-top: 9px;
		padding-bottom: 9px;
		padding-left: 0;
		padding-right: 0;
		border-bottom: 1px solid #e5e5e5;
		line-height: 30px;
		font-size: 16px;
	}
	.nav > li:last-of-type:not(.menu-item-has-children) > a{
		border-bottom: none;
	}
	.nav  li.menu-item-has-children > a{
		padding-right: 30px;
	}
	.nav  li  a span.caret{
		width: 11px;
		height: 11px;
		border-top: 2px solid #999;
		border-right: 2px solid #999;
		border-left: unset;
		position: absolute;
		right: 14px;
		top: 50%;
		-webkit-transition: -webkit-transform 0.2s ease;
		transition: -webkit-transform 0.2s ease;
		-o-transition: transform 0.2s ease;
		transition: transform 0.2s ease;
		transition: transform 0.2s ease, -webkit-transform 0.2s ease;
		-webkit-transform: translateY(-50%) rotate(45deg);
		    -ms-transform: translateY(-50%) rotate(45deg);
		        transform: translateY(-50%) rotate(45deg);
	}
	.nav  li.open > a span.caret{
		-webkit-transform: translateY(-50%) rotate(135deg);
		    -ms-transform: translateY(-50%) rotate(135deg);
		        transform: translateY(-50%) rotate(135deg);
	}
	.navbar-nav > li > .dropdown-menu{
		position: static;
		-webkit-box-shadow: none;
		        box-shadow: none;
		border: none;
		background: transparent;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		width: 100%;
	}
	.navbar-nav .dropdown-menu > li > a{
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 15px;
        border-bottom: 1px solid #e5e5e5;
        padding-left: 0;
		margin-left: 20px;
		line-height: 1.875;
		margin-top: 0;
		margin-bottom: 0;
	}
	.navbar-close {
	    text-align: right;
		font-size: 5rem;
		position: absolute;
		right: 20px;
		top: 20px;
		display: block;
	}
	.navbar-close{
		color: var(--headerLinkColor);
	}
	.navbar-collapse .ctaBtn{
		margin-top: 3rem;
	}
	.mobileButtonsWrap{
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
        -webkit-column-gap: 2rem;
           -moz-column-gap: 2rem;
                column-gap: 2rem;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
	}
	.menuTogglerAndBtnWrap{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-column-gap: 1.5rem;
		   -moz-column-gap: 1.5rem;
		        column-gap: 1.5rem;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.topHeaderWrap .contactInfo{
		display: none;
	}
	.navbar-header.hasMobileCta{
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.navbar-header.hasMobileCta .navbar-brand{
		justify-self: start;
	}

	.navbar-header.hasMobileCta .mobileCtaWrap{
		justify-self: center;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}

	.navbar-header.hasMobileCta .menuTogglerAndBtnWrap{
		justify-self: end;
	}
}

@media(max-width: 991px){
	header .navbar-brand{
		max-width: 12rem;
}

}

@media(max-width: 576px){
	.navbar-header.hasMobileCta .mobileCtaWrap{
		display: none;
	}
	.navbar-header.hasMobileCta{
		grid-template-columns: auto auto;
	}
}

@media(max-width: 500px){
	.ratingCount{
		display: none;
	}
}

/***** FOOTER  ******/ 

footer a{
	color: var(--footerLinkColor);
}
footer a:hover{
	color: var(--footerLinkHover);
}

footer{
	padding-top: 5rem;
	background-color: var(--footerBackground);
	color: var(--footerTextColor);
}

@media(max-width: 767px){
	footer{
		position: relative;
		z-index: 4;
	}
	footer.footerTextMobileCenter{
		text-align: center;
	}
	footer.footerTextMobileCenter .logoWrap{
		margin: 0 auto;
	}
	footer.footerTextMobileCenter .bewertungenTotalWrap,
	footer.footerTextMobileCenter .trustIconWrap{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}

footer .footerRow{
	row-gap: 4rem;
}

footer .logoWrap{
	padding-bottom: 2rem;
}

.subFooterWrap{
	margin-top: 4rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}


footer .contactPhone a, footer .contactMail a {
    font-size: 1.6rem;
    padding-left: 2.5rem;
    position: relative;
    display: inline-block;
    text-decoration: none;
}

footer a:before{
	content: '';
    position: absolute;
	-webkit-mask-size: contain;
	        mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

footer .contactPhone a:before {
    width: 1.693rem;
    height: 1.75rem;
    -webkit-mask-image: url(../images/phone.svg);
            mask-image: url(../images/phone.svg);
}

footer .contactInfo a:before {
    background-color: var(--footerLinkColor);
}

footer .contactInfo a:hover:before {
    background-color: var(--footerLinkHover);
}

footer .contactMail a:before {
    width: 1.983rem;
    height: 1.75rem;
    -webkit-mask-image: url(../images/mail.svg);
            mask-image: url(../images/mail.svg);

}

footer .starRating {
    background-repeat: repeat-x;
    width: 11.4rem;
    height: 2rem;
    background-size: contain;
    margin-right: 0.8rem;
    display: inline-block;
    position: relative;
    background-image: url(../images/star-unfilled.svg);
    top: 3px;
    margin-left: 15px;
}

footer .innerRating {
    position: absolute;
    height: 100%;
    background-image: url(../images/star.svg);
    background-size: contain;
}

footer .trustIconWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-column-gap: 1.5rem;
	   -moz-column-gap: 1.5rem;
	        column-gap: 1.5rem;
	row-gap: 1rem;
	margin-top: 2rem;
}

footer .logoWrap {
	max-width: 25rem;
}

footer .iconWrap {
	width: 6rem;
}

footer .subFooterInner {
	font-size: 15px;
}
.subFooterWrap{
	background-color: var(--subFooterBackground);
	color: var(--subFooterTextColor);
}
.subFooterWrap a{
	color: var(--subFooterLinkColor);
}
.subFooterWrap a:hover{
	color: var(--subFooterLinkHover);
} 

footer .subFooterInner, .subFooterLinks {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-column-gap: 2rem;
	   -moz-column-gap: 2rem;
	        column-gap: 2rem;
	row-gap: 1.5rem;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

footer .subFooterInner p{
	margin-bottom: 0;
}

footer .googleLogoWrap{
	width: 5rem;
    margin-right: 1rem;
}

.footerGoogle{
	font-size: 2rem;
	color: #f6e2a2;
}

footer .bewertungenTotalWrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	row-gap: 1rem;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}