@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html{
	font-size: 16px;
}

a{
	text-decoration: none;
	-ms-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
	outline: none;
	z-index: 100000;
}

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

#videobanner{
	position: relative;
  	right: 0;
  	bottom: 0;
  	min-width: 100%; 
  	min-height: 100vh;
}

#videoload{
	color:#ffffff;
	font-size: 20px;
	margin-top: 300px;
	position: absolute;
	z-index: 10;
	width: 100%;
	text-align: center;
}

.tutorial {
	border-radius: 20px;
}

.slider-container video{
	background:transparent url('../video/poster01.jpg') no-repeat 0 0;
   -webkit-background-size:cover;
   -moz-background-size:cover;
   -o-background-size:cover;
   background-size:cover;
	background-position: center;
}

.linkbild img{
	transform: scale(0.95);
	cursor: pointer;
	border-radius: 20px;
	
	-ms-transition: 0.5s all linear;
    -webkit-transition: 0.5s all linear;
    -moz-transition: 0.5s all linear;
    transition: 0.5s all linear;
}

.linkbild img:hover{
	cursor: pointer;
	transform: scale(1);
}

.top-neg40{
	margin-top: -40px !important;
}

.immobilien-link ul{
	text-align: center;
	margin-bottom: 50px;
	margin-left: -40px;
}

.immobilien-link li{
	border: solid 3px rgba(130,184,0,1.00);
	width: auto;
	height: auto;
	display: inline-block;
	border-radius: 50px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	list-style: none;
	opacity: 0.7;
	
	-ms-transition: 0.5s all linear;
    -webkit-transition: 0.5s all linear;
    -moz-transition: 0.5s all linear;
    transition: 0.5s all linear;
}

.immobilien-link li:hover{
	opacity: 1;
}

.immobilien-link a{
	cursor: pointer;
	color:rgba(130,184,0,1.00);
	text-decoration: none;
	display: block;
	width: auto;
	padding: 10px 20px;
}

.content {
	xbackground: #ccc;
	padding: 10px;
}

.no {
	height:0px !important;
	visibility: hidden;
}

.invisible{
	height:0px !important;
	width:0px !important;
	margin-top: 0px !important;
	margin-bottom:0px !important;
	visibility: hidden !important;
	display: none!important;
}

.nopad{
}

.grid-pad{
	padding-top: 10px !important;
}

.hidden {
	opacity: 0;
}

.width-60 {
	width: 60%;
}

.width-70 {
	width: 70%;
}

.width-90 {
	width: 90%;
}

.c1{
	color: rgba(0,104,172,1.00);
}

.c2{
	color: rgba(30,151,212,1.00);
}

.c3{
	color: rgba(255,255,255,1.00);
}

.c4{
	color: rgba(167,167,167,1.00);
}
.c5{
	color: rgba(253,215,22,1.00);
}

body {
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	min-width: 360px;
}

.header-wrapper{
	width: 100%;
	height: 50px;
	position: absolute;
	top:0px;
	padding-top: 3px;
	background-color: rgba(255,255,255,0.9);
	font-size: 13px;
	color: rgba(0,104,172,1.00);
	font-weight: 500;
	z-index: 55;
}

.menu-wrapper{
	padding: 0px;
	position: absolute;
	width: 100%;
	top:50px;
	z-index:102;
	text-transform: uppercase;
	
	-ms-transition: 1s background ease;
    -webkit-transition: 1s background ease;
    -moz-transition: 1s background ease;
    transition: 1s background ease;
}

.menu-wrapper > .grid{
	overflow: visible;
}

.slider-wrapper{
	position: relative;
	height:calc(100vh - 0rem);
	background-color:rgba(30,151,212,1.00);
}

.slider-wrapper.small .grid-pad{
	padding-top: 0px!important;
}

.slider-wrapper.small{
	height:auto;
}

.slider-wrapper.small .slider-container{
	position: relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: visible;
	z-index: 0;

}

.slider-wrapper.small  .scrolldown-button{
	margin-top:0px !important;
	display: none !important;
	visibility: hidden !important;
	width: 0px !important;
	height: 0px !important;
}

.slider-wrapper.small h2 {
	position: absolute;
	width:80%;
	left: 50%;
	top:0;
	margin-top: 34%;
	margin-left: -40%;
	color: #FFF;
	font-size: 34px;
	font-weight: 600;
	text-align: center;
	z-index: 52;
}

.slider-wrapper.auto{
	height:auto;
}

.slider-wrapper.no-slide {
	height:0px !important;
	visibility: hidden;
}

.breadcrumb-wrapper{
	position: relative;
	height:40px;
	background-color: rgba(0,0,0,1.00);
}

.parallax-wrapper{
	position: relative;
	height: auto;
	width: 100%;
}

.haupttitel-wrapper{
	position: relative;
	height:auto;
	z-index: 100;
}

.einleitung-wrapper{
	position: relative;
	height:auto;
	background-color: rgba(30,151,212,1.00);
	background-image: url(../layout-images/cleanbeauty-outline-cut.svg);
	background-repeat: no-repeat;
	background-position: 80% 0%;
	
	margin-top: -150px;
	z-index:0;
	padding-top: 150px;
	padding-bottom: 100px;
}

.quicklinks-wrapper{
	padding-bottom: 50px;
}

.quicklinks-wrapper .grid .col-6-12{
	margin-bottom: 50px;
}



.telefon{
	display:inline-block;
	margin-right: 20px;
}

.telefon a{
	height:30px;
	display: block;
	color: rgba(0,104,172,1.00);
	background-image:url(../layout-images/phone.svg);
	background-repeat: no-repeat;
	background-position: top left ;
	background-size: 20px 20px;
	padding-left: 25px;
	padding-top: 3px;
}

.mail a{
	height:30px;
	display: block;
	color: rgba(0,104,172,1.00);
	background-image:url(../layout-images/mail.svg);
	background-repeat: no-repeat;
	background-position: top left ;
	background-size: 20px 20px;
	padding-left: 25px;
	padding-top: 3px;
}

.sprachmenu {
	height:30px;
	display: block;
	color: rgba(0,104,172,1.00);
	background-image:url(../layout-images/sprache.svg);
	background-repeat: no-repeat;
	background-position: top left ;
	background-size: 20px 20px;
	padding-left: 25px;
	padding-top: 3px;
}

.kundenlogin a{
	height:30px;
	display: block;
	color: rgba(0,104,172,1.00);
	background-image:url(../layout-images/kundenlogin.svg);
	background-repeat: no-repeat;
	background-position: top left ;
	background-size: 20px 20px;
	padding-left: 25px;
	padding-top: 3px;
}

.mail{
	display:inline-block;
}

.kundenlogin{
	visibility: hidden;
	float: right;
	display:inline-block;
	margin-right: 20px;
}

.sprachmenu{
	float: right;
	display:inline-block;
}

.telefon a,
.mail a,
.kundenlogin a{
	color: rgba(0,104,172,0.7);
}

.telefon a:hover,
.mail a:hover,
.kundenlogin a:hover{
	color: rgba(0,104,172,1.00);
}

.langmenu{
	display:inline-block;
}

.langmenu a{
	color: rgba(0,104,172,0.7);
}

.kundenlogin a:hover{
	color: rgba(0,104,172,1.00);
}

.menu_trigger{
	position:absolute;
	top:50px;
}

#fixed-menu{
	padding-top: 0px;
	padding-bottom: 0px;
}

.sticky{
	position: fixed;
	top:0px;
	width:100%;
}

.logo{
	position: absolute;
	width: 192px;
	height: 101px;
	margin-left:40px;
	margin-right: auto;
	margin-top: 80px;
	text-align: center;
	background-image: url(../layout-images/cleanbeauty-logo.png);
	background-repeat: no-repeat;
	background-position:top left;
	background-size: 192px 101px;
	z-index: 52;
}

.scrolldown-button{
	position:relative;
	width:55px;
	height:55px;
	left: 50%;
	transform: scale(0.9);
	margin-left:-27px;
	margin-top:calc(100vh - 6rem);
	background-image: url(../layout-images/scrolldown-button.svg);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	z-index: 52;
	
	-ms-transition: 0.5s all linear;
    -webkit-transition: 0.5s all linear;
    -moz-transition: 0.5s all linear;
    transition: 0.5s all linear;
}

.scrolldown-button:hover{
	transform: scale(1);
}

.scrolldown-button a{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 53;
	
}

.slider-wrapper h2 {
	position: absolute;
	width:80%;
	left: 50%;
	top:calc(100vh - 19rem);
	margin-left: -40%;
	color: #FFF;
	font-size: 34px;
	font-weight: 600;
	text-align: center;
	z-index: 52;
	
}

.haupttitel-wrapper h1 {
	position: relative;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
	
}

.haupttitel-wrapper h2 {
	position: relative;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	
}

.einleitung-wrapper h2 {
	position: relative;
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	
}

.einleitung-wrapper .text {
	width:80%;
	padding-top: 0px!important;
}

.bold,
strong{
	font-weight: 700;
}

.slider-container-overlay{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:linear-gradient(to bottom,
		rgba(0, 0, 0, 0.55) 0%,
		rgba(0, 0, 0, 0) 50%,
		rgba(0, 0, 0, 0) 100%);
	z-index: 51;
}

.BACKUP_slider-container-overlay2{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(130,184,0, 0.35);
	mix-blend-mode: multiply;
	z-index: 51;
}

.slider-container-overlay2{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image: linear-gradient(to bottom, rgba(130,184,0, 0.7) 0%, rgba(130,184,0, 0) 25%, rgba(130,184,0, 0) 100%);
	z-index: 51;
}

.slider-container{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: hidden;
	z-index: 0;

}

.slider-container-inhalt{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.slider-bild-01 {
	background-image:url(../images/slider/weigelehof-luft-4k.jpg);
}

.breadcrumb-wrapper a,
.breadcrumb-wrapper span{
	color: rgba(255,255,255,0.50);
	font-size: 11px;
	font-weight: 600;
	margin-right: 10px;
}

.breadcrumb-wrapper a:hover{
	color: rgba(255,255,255,0.80);
}

.kategorie-box{
	position: relative;
	padding: 0px !important;
	cursor: pointer !important;
	transform: scale(0.9);
	z-index: 10;
}

.kategorie-bild{
	display: block;
	width:100%;
	border-radius: 350px;
	height: auto;
}

.overlay{
	border-radius: 350px;
	position: absolute;
	top: 9%;
	bottom: 0;
	left: 9%;
	right: 0;
	height: 82%;
	width: 82%;
	opacity: 1;
	transition: 1.5s ease;
	background-color: rgba(0,104,173,0.8);;
	
	z-index: 99;
}

.kategorie-box:hover .overlay{
	opacity: 0;
}

.kategorie-text{
	color:#ffffff;
	font-size: 22px;
	font-weight: 500;
	position: absolute;
 	top: 50%;
	left: 50%;
 	-webkit-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	text-align: center;
}

.text{
	font-size: 14px;
	line-height: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 0px !important;
	margin-bottom: 20px;
}

h3 {
	position: relative;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 40px;
}

h2 {
	position: relative;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
}

#einleitung{
	width: 100%!important;
	text-align: left!important;
}

#einleitungszitat{
	font-size: 30px!important;
	line-height: 35px;
	font-weight: 600;
	font-style: italic;
	margin-top: 50px;
}

#liste{
	width: 100%!important;
	text-align: left!important;
}

#liste ul{
	font-size: 14px !important;
	font-weight: 600;
	line-height: 24px;
}

.bild{
	margin-top: 0px;
	margin-bottom: 20px;
	width:100%;
	height: auto;
	padding: 50px 80px;
	margin-left: auto;
	margin-right: auto;
}

.bild.c1{
	background-color: rgba(253,215,22,1.00);
}

.bild.c2{
	background-color: rgba(0,104,172,1.00);
}

.bild img{
	width:100%;
	height:100%;
}

h4 {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.quicklinks-wrapper .text{
	width: 80%;
	line-height: 20px;
	margin-top: -4px !important;
}

.parallax-window{
	margin-top: 40px;
	width:100%;
	position: relative;
	min-height: 60vh;
	background: transparent;
}

.parallax-still{
	margin-top: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.parallax-border{
	border-top:rgba(253,215,22,1.00) solid 8px;
	border-bottom:rgba(0,104,172,1.00) solid 8px;
}

.parallax-text{
	position: relative;
	display: table;
	margin-right: 10%;
	margin-left: auto; 
}

.parallax-text p{
	font-size: 30px;
	font-weight: 500;
	line-height: 34px;
	color: #ffffff;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 15px;
}

.referenzen-wrapper{
	padding-top: 30px;
	padding-bottom: 40px;
	display: inline-block;
	width: 100%;
}

.referenzen-wrapper.var1{
	padding-top: 0px;
	padding-bottom: 30px;
	width:100%;
}

.referenzen-wrapper:nth-child(even){
	background-color:rgba(255,255,255,1.00);
}

.referenzen-wrapper:nth-child(odd){
	background-color:#fafafa;
}

.referenzen-wrapper.var1:nth-child(odd){
	background-color:#fafafa;
}

.referenzen-liste {
	margin-top: 0px;
	max-width: 1400px;
}

.referenzen-liste.var1 {
	margin-top: 0px;
	max-width: 1200px;
}

.referenzen-liste-box {
	margin-left: 0px;
	padding: 0% 5% 7% 0%;
}

.referenzen-liste-titel{
	width: 100%;
	margin-left: 0px;
}

.referenzen-liste-titel h6{
	text-align: left;
	font-size: 20px;
	font-weight: 600;

	margin-top: 0px;
	margin-left: 0px;
	margin-bottom:0px;
	
	text-transform: uppercase;
	
	border: unset;
	padding:unset;
}

.referenzen-liste-titel h6 p{
	margin-top: 0px;
	margin-bottom: 0px;
}

.referenzen-liste-titel i,
.referenzen-liste-titel em{
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	
	text-transform: uppercase;
}

.referenzen-liste-titel span{
	display: block;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	margin-left: 0px;
	margin-top:-2;
	
	text-transform: uppercase;
}

.referenzen-liste-info{
	width:100%;
	margin-left: 0px;
	text-align: left;
	margin-top: 0px !important;
}

.referenzen-liste-info h5{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	opacity:0.7;
	
	margin-top: 15px;
	margin-bottom: 5px;
}

.referenzen-liste-text{
	width:100%;
	margin-left: 0px;
	text-align: left;
	margin-top: 0px !important;
}

.referenzen-liste-text p{
	font-size: 12px;
	font-weight: 400;
	line-height: 17px;
	opacity:1;
	
	margin-top: 0px;
}

.referenzen-liste-bild{
	padding:0px;
	margin-top:5px;
}

.referenzen-liste-bild.right{
	text-align: right;
}

.referenzen-liste-bild.left{
	text-align: left;
}

.referenzen-liste-bild.left.var1{
	max-width: 500px;
	margin-left: auto;
}

.referenzen-liste-bild img{
	width:100%;
	height: auto;
}

.referenzen-liste-footer {
	margin-top: 30px;
	position: relative;
}

.referenzen-liste-icon {
	height:120px;
	position: relative;
	text-align: right;
}

.referenzen-liste-icon img{
	position: relative;
	height: 120px;
	width: auto;
	mix-blend-mode:multiply;
}

.var1 .col-1-1{
	margin-bottom: -50px;
}

.var1 .referenzen-liste-titel span:before{

}

.zitat-wrapper {
	margin-top:-50px;
}

.zitat-bild,
.zitat-bild-3{
	text-align: center;
	width:200px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	border:4px solid rgba(130,184,0,1.00);
	border-radius:100px;
	overflow: hidden;
	transform: scale(0.85);
	-ms-transition: 0.5s all linear;
    -webkit-transition: 0.5s all linear;
    -moz-transition: 0.5s all linear;
    transition: 0.5s all linear;
}

.zitat-bild-2 {
	text-align: center;
	width:150px;
	height: 150px;
	margin-left: 50%;
	margin-right: auto;
	margin-bottom: -80px;
	border:4px solid rgba(130,184,0,1.00);
	border-radius:100px;
	overflow: hidden;
	transform: scale(0.85);
	-ms-transition: 0.5s all linear;
    -webkit-transition: 0.5s all linear;
    -moz-transition: 0.5s all linear;
    transition: 0.5s all linear;
	position: relative;
	z-index: 10000;
}


.zitat-bild:hover {
	transform: scale(1);
}

.zitat-bild-2:hover {
	transform: scale(0.9);
}

.zitat-text {
	font-size: 30px;
	text-align: center;
	font-style: italic;
	
	
}

.zitat-text p sup{
	font-size: 14px;
	text-align: center;
	font-style: normal;
	margin-top: 0px;
	padding-top:0px;
}






.angebot-wrapper{
	border-top:rgba(253,215,22,1.00) solid 8px;
	padding-bottom: 100px;
	background-color:#ffffff;
	background-image:linear-gradient(to bottom, rgba(30,151,212,0.05) 0%, rgba(30,151,212,0.2) 100%), url(../layout-images/angebot-bg.jpg);
	background-size: cover;
}

.angebot-wrapper .titel-wrapper h3 {
	margin-bottom: 10px;
}

.angebot-box{
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 60px;
}

.angebot-titel h3{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	margin-bottom:10px;
}

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

.angebot-bild img{
	width:90%;
	height: auto;
}

.angebot-text{
	width:85%;
	min-height:100px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 10px !important;
	padding-bottom: 5px;
}

.angebot-text.c4{
	color:rgba(0,104,173,1);
}

.angebot-text p{
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
}





.footer-01-wrapper{
	background-color: rgba(167,167,167,1.00);
	padding-top: 30px;
	padding-bottom: 40px;
}

.logo-footer{
	height: 90px;
	width:230px;
	background-image: url(../layout-images/cleanbeauty-logo-white.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
	margin-bottom: 20px;
	opacity: 0.7;
	
	-ms-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
}

.footer-01-wrapper,
.footer-01-wrapper a{
	color:#FFF;
}

.footer-01-wrapper span,
.footer-01-wrapper a{
	opacity:0.7;
	
	-ms-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
}

.footer-01-wrapper a:hover{
	opacity:1;
}

.flex-container{
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.flex-item {
	display: flex;
}

.footer-01-wrapper div.col-6-12.flex-item{
	position: relative;
}

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

.footer-right{
	text-align: right;
	position: absolute;
	bottom:0;
	right:20px;
}

.footer-center{
	width: 100%;
	text-align: center;
}

.f1{
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.f2{
	font-size: 13px;
	margin-bottom: 30px;
}

.f2 span{
	margin-right: 3px;
}

.social-links{
	margin-top: 80px;
}

.facebook{
	display: inline-block;
	background-image: url(../layout-images/facebook.svg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	opacity: 0.7;
	
	-ms-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
}

.instagram{
	display: inline-block;
	background-image: url(../layout-images/instagram.svg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	opacity:0.7;
	
	-ms-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
}

.youtube{
	display: inline-block;
	background-image: url(../layout-images/youtube.svg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	opacity:0.7;
	
	-ms-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
}

.email{
	display: inline-block;
	background-image: url(../layout-images/email.svg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	opacity:0.7;
	
	-ms-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
}

.logo-footer:hover,
.facebook:hover,
.instagram:hover,
.youtube:hover,
.email:hover{
	opacity: 1;
}

.logo-footer a,
.facebook a,
.instagram a,
.youtube a,
.email a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.f3{
	font-size:14px;
	margin-bottom: 10px;
}

.f3 a,
.f3 span{
	margin-right: 5px;
}

.f4{
	display: block;
	width: 100%;
	font-size: 0.8rem;
	margin-top: 5px;
}
.f4 div {
	display: block;
	height:30px;
}

.f4 div:after {
	content: ' ';
    display: block;
    position: relative;
    width: 100%;
    height: 5px;;
    opacity: 0.3;
    background-image: url(../layout-images/menu-baseline.svg);
    background-repeat: no-repeat;
	background-position: bottom;
	margin-top:5px;
}

.f4 a,
.f4 span{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.broschure1{
	position: relative;
	text-align: center;
	padding-top: 140px;
	height: auto;
	width:200px;
	background-image: url(../layout-images/reinigung-broschure.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 150px auto;
	margin-bottom: 20px;
	opacity: 0.7;
	
	-ms-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
}

.broschure2{
	visibility: hidden;
	position: relative;
	text-align: center;
	padding-top: 140px;
	height: auto;
	width:200px;
	background-image: url(../layout-images/reinigung-broschure.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 150px auto;
	margin-bottom: 20px;
	opacity: 0.7;
	
	-ms-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
}

.broschure1:hover,
.broschure2:hover{
	opacity: 1;
}

.broschure1 span,
.broschure2 span{
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

.broschure1 a,
.broschure2 a{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.footer-02-wrapper{
	position: relative;
	height:auto;
	background-image: -webkit-linear-gradient(left, rgba(215,215,215,1) 0%, rgba(215,215,215,1) 65%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%);
	background-image: -o-linear-gradient(left, rgba(215,215,215,1) 0%, rgba(215,215,215,1) 65%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%);
	background-image: linear-gradient(to right, rgba(215,215,215,1) 0%, rgba(215,215,215,1) 65%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%);
	
	padding-top: 10px;
	padding-bottom: 20px;
}

.footer-02-wrapper .content div{
	display: inline-block;
	margin-right: 5%;
}

.footer-02-wrapper,
.footer-02-wrapper a{
	font-size: 12px;
	color: rgba(167,167,167,1.00);
}

.bg-image{
	position: absolute;
	top: 0;
	left: 64%;
	width: 100px;
	height: 100%;
	z-index: 1;
	
	background-image: url(../layout-images/footer-bg.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.daten {
	padding-top: 16px;
	z-index: 5;
}

.partner {
	text-align: center;
	z-index: 10;
}

.partner a{
	width: 100%;
	height: 100%;
}

.partner a:first-child img{
	width:auto;
	height: 45px;
	padding-bottom: 5px;
}

.partner img{
	display: inline-block;
	width:auto;
	height: 45px;
	margin-left: 5%;
	margin-right: 5%;
	filter: saturate(0);
	opacity: 0.8;
	
	-ms-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
}

.partner a:hover img{
	filter: saturate(1);
	opacity: 0.8;
}


/*Unterseiten - Elemente*/

.content1-wrapper{
	padding-bottom: 100px;
}

.content1-wrapper .text{
	font-size: 16px;
	width: 90%;
}

.content1-wrapper .image-100 {
	text-align: center;
}

.content1-wrapper .image-100 img{
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.content2-wrapper{
	padding-bottom: 100px;
}

.titel-wrapper,
.titel-wrapper.c4{
	padding-top: 40px;
	z-index: 100;
	position: relative;
	display: flow-root;
}

.titel-wrapper.c4,
.content2-wrapper.c4,
.carousel-wrapper.c4{
	background-color: rgba(219,238,255,1)
}

.content2-wrapper h3{
	margin-top: 10px;
	margin-right: 0px;
	margin-left: auto;
	text-align: right;
	font-size: 18px;
	line-height: 24px;
	width: 70%;
}

.content2-wrapper .text{
	margin-left: 0px;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
}

.content3-wrapper{
	padding-bottom: 100px;
}

.content3-wrapper h3 {
	width:90%;
	position: relative;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	
}

.content3-wrapper .text {
	width:80%;
	padding-top: 0px!important;
}

.content3-wrapper .text.linksbuendig {
	text-align: left!important;
}

.content3-wrapper .text.c4 a{
	color: rgba(167,167,167,1.00);
	text-decoration: underline;
}

.symbole3er-wrapper{
	padding-bottom: 100px;
}

.kreis{
	margin: auto;
	width:200px;
	height:200px;
	border-radius: 200px;
}

.kreis img{
	display: block;
	margin-left:50px;
	margin-top: 50px;
	width:80px;
	height:80px;
}

.kreis.c1{
	border:rgba(253,215,22,1.00) solid 10px;
}

.kreis.c2{
	border:rgba(0,104,172,1.00) solid 10px;
}

.kreistitel h5{
	text-align: center;
	font-size: 18px;
	margin-bottom: 0px;
}


.kreistext{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	list-style: none;
	margin-top: 10px;
}

.kreisliste ul{
	text-align: center;
	margin-left: -30px;
	font-size: 14px;
	font-weight: 600;
	list-style: none;
	margin-top: 10px;
}

.kreisliste ul li{
	margin-top: 5px;
}

.fotos4er-wrapper{
	margin-top: 50px;
	margin-bottom: 50px;
}

.quadrat{
	margin: auto;
	width:80%;
	max-width: 250px;
	height:auto;
	
}

.quadtrat img{
	display: block;
	width:100%;
	height:100%;
	background-color: aqua;
}

.quadrattitel h5{
	text-align: center;
	font-size: 15px;
	margin-bottom: 0px;
	margin-top: 10px;
}

.quadratliste ul{
	text-align: center;
	margin-left: -30px;
	font-size: 12px;
	font-weight: 600;
	list-style: none;
	margin-top: 5px;
}

.quadratliste ul li{
	margin-top: 5px;
}

/*Wichtig am Ende!!!---Margin Regeln für Override der Element-Margins*/

.margin-10-0{
	margin-top: 10px;
	margin-bottom: 0px;
}

.margin-20-0{
	margin-top: 20px;
	margin-bottom: 0px;
}

.margin-40-0{
	margin-top: 40px;
	margin-bottom: 0px;
}