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

@media screen and (min-width:727px) and (max-width: 1100px) {
	
	.footer-01-wrapper .col-3-12 {
		width: 50%;
	}

	
	.symbole3er-wrapper .width-90{
		width: 100%;
	}
}

@media screen and (max-width: 1100px) {
	
	.angebot-wrapper .width-70{
		width:100%;
	}
	
	.angebot-titel h3{
		font-size: 16px;
	}
	
	.bg-image{
		display: none;
		visibility: hidden;
		width: 0px;
		height: 0px;
	}
	
	.footer-02-wrapper .content div{
		width: 100%;
		margin-right: 0%;
		margin-bottom: 10px;
	}
	
	.footer-left{
		text-align: center;
	}
	
	.logo-footer{
		margin-left: auto;
		margin-right: auto;
	}
	
	.broschure1,
	.broschure2{
		margin-left: auto;
		margin-right: auto;
	}

}

@media screen and (max-width: 1200px) {
	
	.bild{
		padding:20px 20px;
	}
	
	.footer-02-wrapper .content div{
		margin-right: 2%;
		margin-bottom: 10px;
	}

}

@media screen and (max-width: 1400px) {

	.referenzen-wrapper .width-70,
	.quicklinks-wrapper .width-70{
		width:90%;
	}
	
	.slider-wrapper h2{
		width:80%;
		margin-left: -40%;
	}
	
	.slider-wrapper h2,
	.slider-wrapper .bold,
	.slider-wrapper.small h2,
	.slider-wrapper.small .bold{
		font-size: 28px;
	}

	.kategorien-wrapper .width-90{
		width:100%;
	}
	
	.kategorie-box {
		transform: scale(1);
	}
	
	.kategorie-text {
		font-size: 20px;
	}
	
}

@media screen and (min-width:1100px) and (max-width: 1500px) {


	.angebot-wrapper .width-70{
		width:90%;
	}


}

@media screen and (max-width: 727px) {
	
	.width-60 {
		width:100%;
	}
	
	.width-70 {
		width:100%;
	}

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

	.menu:hover > ol {
		justify-content: start;
	}

	.menu > ol > .menu-item:nth-child(1) {
    	margin-top: 10px;
	}
	
	.slider-wrapper.col-1-1,
	.slider-wrapper.small .col-1-1 {
		margin:0px!important;
	}
	
	.slider-wrapper h2,
	.slider-wrapper .bold,
	.slider-wrapper.small h2,
	.slider-wrapper.small .bold{
		font-size: 20px;
	}
	
	.slider-wrapper.small h2 {
    	margin-top: 20%;
	}
	
	.breadcrumb-wrapper .grid {
		padding-top: 0px !important;
	}
	
	.kategorien-wrapper {
		margin-top: -20px;
	}
	
	.kategorien-wrapper .grid{
		width:70%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.kategorie-text {
    	font-size: 20px;
	}
	
	.einleitung-wrapper {
    	margin-top: -135px;
	}
	
	.einleitung-wrapper .margin-40-0 {
    	margin-top: 0px !important;
	}
	
	.quicklinks-wrapper .grid {
		margin-left: auto;	
		margin-right: auto;
	} 
	
	
	.parallax-window, .parallax-col {
    	min-height: 115px !important;
	}
	
	.parallax-text{
		margin-right: auto;
		margin-left: auto;
    	margin-top: 55px !important;
    	text-align: center;
	}
	
	.parallax-text p {
    	font-size: 25px;
	}
	
	.referenzen-wrapper{
		position: relative;
	}
	
	.referenzen-liste{
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 10%;
	}
	
	.referenzen-liste-box {
    	padding: 0% 0% 2% 0%;
	}
	
	.referenzen-liste-titel h6{
		text-align: center;
	}

	.referenzen-liste-titel i,
	.referenzen-liste-titel em{
		font-size: 20px;
		text-align: center;
	}

	.referenzen-liste-titel span{
		font-size: 12px;
		text-align: center;
	}
	
	.referenzen-liste-info{
		font-size: 14px;
		text-align: center;
	}
	
	.referenzen-liste-text {
		font-size: 14px;
		text-align: center;
	}
	
	.referenzen-liste-footer{
		margin-top:0px;
		position: absolute;
		bottom: 10%;
		width: 100%;
		left: 0px;
	}
	
	.referenzen-liste-footer .button {
		margin-left: auto;
		margin-right: auto;
	}
	
	.referenzen-liste-bild {
    	padding-bottom: 5%;
	}
	
	.referenzen-liste-icon {
		height:120px;
		position: relative;
		text-align: center;
	}

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

	.var1 .col-1-1{
		margin-bottom: 0px;
	}
	
	.angebot-titel h3{
		font-size: 20px;
	}
	
	.angebot-text{
		width:85%;
		min-height:0px;
	}
	
	.angebot-text p {
    	font-size: 14px;
    	line-height: 20px;
	}
	
	
	
	
	.content1-wrapper {
    	padding-bottom: 60px;
	}
	
	.content1-wrapper .grid {
		margin-top:0px;
	}
	
	.content1-wrapper .image-100 img,
	.content2-wrapper .image-100 img{
		width: 80%;
	}
	
	.content2-wrapper .grid {
		
	}
	
	.content2-wrapper h3 {
		margin-top: 20px;
		margin-right: auto;
		text-align: center;
		font-size: 18px;
		width: 70%;
	}
	
	.content2-wrapper .text {
		margin-left: auto;
		text-align: center;
		font-size: 14px;
		width: 80%;
		margin-top: -25px !important;
	}
	
	.content2-wrapper .button {
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
	
	.bilder4er-wrapper .grid,
	.bilder3er-wrapper .grid,
	.bilder2er-wrapper .grid,
	.bilder1er-wrapper .grid{
		margin-top: -20px;
		text-align: center;
	}
	
	.bilder4er-wrapper img,
	.bilder3er-wrapper img,
	.bilder2er-wrapper img,
	.bilder1er-wrapper img{
		width: 80%;
	}
	
	.content3-wrapper {
   		margin-top: -40px;
		padding-bottom: 60px;
	}
	
	.symbole3er-wrapper {
		margin-top: -20px;
	}
	
	.symbole3er-wrapper .grid .col-4-12:nth-child(2),
	.symbole3er-wrapper .grid .col-4-12:nth-child(3) {
		margin-top: 50px;
	}
	
	.fotos4er-wrapper .grid .col-3-12:nth-child(2),
	.fotos4er-wrapper .grid .col-3-12:nth-child(3),
	.fotos4er-wrapper .grid .col-3-12:nth-child(4){
		margin-top: 50px;
	}
	
	.footer-01-wrapper .col-3-12 {
		width: 100%;
	}

	
	.footer-02-wrapper {
		background-image: none;
	}
	
	.footer-02-wrapper .content div{
		margin-right: 0%;
		margin-bottom: 10px;
		text-align: center;
	}
	.partner {
		margin-top: 20px;
	}
}

@media screen and (min-width: 727px) {
	
	.menu-wrapper .col-1-1{
		padding-right: 0px;
	}
	
	.menu{
		text-align: right;
	}
	
	.menu > ol {
		display: inline-flex;
	}
	
	.menu > ol >.menu-item {
		padding: 15px 30px !important;
	}
}

@media screen and (max-width: 550px) {
	
	.kategorie-text {
		font-size: 20px;
	}
	
}


@media screen and (min-width: 727px) and (max-width: 850px) {
	
	.kategorien-wrapper .grid .col-3-12 {
		width: 50%;
	}
	
	.kategorien-wrapper .grid .col-3-12:nth-child(3),
	.kategorien-wrapper .grid .col-3-12:nth-child(4){
		margin-top: 30px;
	}
	
	.kategorie-text {
		font-size: 25px;
	}
	
	.einleitung-wrapper {
    	margin-top: -150px;
    	padding-top: 150px;
	}
	
	.angebot-wrapper .col-4-12{
		width:100%;
	}
	
	.angebot-titel h3{
		font-size: 20px;
	}
	
	.angebot-bild img {
    	width: 70%;
	}
	
	.angebot-text{
		width:65%;
	}
	
	.angebot-text p {
    	font-size: 14px;
    	line-height: 20px;
}
	
}





@media screen and (min-width: 727px) and (max-width: 1200px) {
	
	.menu-item{
		font-size: 12px !important;
	}
	
	.sub-menu{
		margin-top: 9px;
	}
	
	.kategorie-text {
		font-size: 15px;
	}
	
	.einleitung-wrapper {
		margin-top: -100px;
		padding-top: 100px;
	}
	
	.referenzen-liste-titel h6{
		font-size: 16px;
		line-height: 16px;
	}

	.referenzen-liste-titel i,
	.referenzen-liste-titel em{
		font-size: 12px;
	}

	.referenzen-liste-titel span{
		font-size: 12px;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {

	.kategorie-text {
		font-size: 17px;
	}

}

@media screen and (min-width: 727px) and (max-width: 850px) {
	
	.kategorie-text {
		font-size: 25px;
	}
	
}


@media screen and (min-width: 727px) and (max-width: 1350px) {
	
	.logo {
		margin-top:100px;
		margin-left: 30px;
		transform: scale(0.8);
	}
	
	
	.fotos4er-wrapper .col-3-12{
	 	width:50%;
		height: 380px;
	}
	
	.fotos4er-wrapper .grid .col-3-12:nth-child(3),
	.fotos4er-wrapper .grid .col-3-12:nth-child(4){
		margin-top: 50px;
	}
	
}

@media screen and (max-width: 650px) {
	
	.mail span,
	.telefon span,
	.kundenlogin span{
		display:inline-block;
		visibility: hidden;
		height:25px;
		width:0px;
	}
	
	.mail,
	.telefon,
	.kundenlogin {
		float: left;
	}
	
	.kundenlogin {
		margin-left: 25px;
	}
	
}

@media screen and (max-width: 850px) {

	.logo {
		margin-left:-96px;
		left:50%;
		top:10px;
		margin-top: 0px;
		transform: scale(0.8);
	}
	
	.header-wrapper{
		position: relative;
		margin-top: 120px;
		border-top: 3px solid black;
	}
	
	.menu-wrapper {
		position: relative;
		margin-top: 0px;
		top:0px;
		background-color: black;
	}
	
	.menu-wrapper .col-1-1{
		margin-bottom: 0px;
	}
	
	
	.slider-wrapper {
		position: relative;
		height:50vh;
	}
	
	.slider-wrapper .grid-pad{
		padding-top: 0px!important;
	}
	
	.slider-container-overlay{
		background-image:linear-gradient(to bottom,
			rgba(0, 0, 0, 0.35) 0%,
			rgba(0, 0, 0, 0) 35%,
			rgba(0, 0, 0, 0) 100%);
	}
	
	.scrolldown-button{
		margin-top: calc(50vh - 4rem);
		transform: scale(0.7);
	}
	
	.scrolldown-button:hover{
		transform: scale(0.7);
	}
	
	.slider-wrapper h2{
		top:calc(50vh - 15rem);
	}
	
	.slider-wrapper h2,
	.slider-wrapper .bold,
	.slider-wrapper.small h2,
	.slider-wrapper.small .bold{
		font-size: 22px;
	}
	
	.angebot-text{
		width:65%;
		min-height:0px;
	}
	
	#videobanner{
	position: relative;
  	right: 0;
  	bottom: 0;
  	height: 50vh;
	}
	
	.referenzen-liste-bild.left.var1{
	max-width:none;
	}
}

@media screen and (min-width: 1400px) {
	
	.kreistext{
	width:70%;
	}
	
}

@media screen and (min-width: 1700px) {
	
	.angebot-text{
	width:85%;
	min-height:80px;

}
	
}