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


@media (min-width: 1200px){
	.cwbd-1_3{ width: 33.33%; }
	.cwbd-2_3{ width: 66.66%; }
	.cwbd-20{  width: 20%; }
	.cwbd-25{  width: 25%; }
	.cwbd-40{  width: 40%; }
	.cwbd-50{  width: 50%; }
	.cwbd-60{  width: 60%; }
	.cwbd-75{  width: 75%; }
	.cwbd-80{  width: 80%; }
	.cwbd-100{ width: 100%; }
}

@media(max-width: 1200px) and (min-width: 1024px){
    .hide-desktop{ display: none !important; }  
	.cwd-1_3{ width: 33.33%; }
	.cwd-2_3{ width: 66.66%; }
	.cwd-20{  width: 20%; }
	.cwd-25{  width: 25%; }
	.cwd-40{  width: 40%; }
	.cwd-50{  width: 50%; }
	.cwd-60{  width: 60%; }
	.cwd-75{  width: 75%; }
	.cwd-80{  width: 80%; }
	.cwd-100{ width: 100%; }

	.coldesk-1{ width: 100%; }
	.coldesk-2{ width: 50%; }
	.coldesk-3{ width: 33.33%; }
	.coldesk-4{ width: 25%; }
	.coldesk-5{ width: 20%; }
	.coldesk-6{ width: 16.66%; }
	

	
}

@media(max-width: 1024px) and (min-width: 768px){
	.cwl-1_3{ width: 33.33%; }
	.cwl-2_3{ width: 66.66%; }	
	.cwl-20{  width: 20%; }
	.cwl-25{  width: 25%; }
	.cwl-40{  width: 40%; }
	.cwl-50{  width: 50%; }
	.cwl-60{  width: 60%; }
	.cwl-75{  width: 75%; }
	.cwl-80{  width: 80%; }
	.cwl-100{ width: 100%; }
	
	.coldesk-1{ width: 100%; }
	.coldesk-2{ width: 50%; }
	.coldesk-3{ width: 33.33%; }
	.coldesk-4{ width: 25%; }
	.coldesk-5{ width: 20%; }
	.coldesk-6{ width: 16.66%; }
	
	.cl300  { max-width: 300px; }
	.cl350  { max-width: 350px; }
	.cl400  { max-width: 400px; }
	.cl500  { max-width: 500px; }
	.cl600  { max-width: 600px; }
	.cl700  { max-width: 700px; }
	.cl800  { max-width: 800px; }
	.cl900  { max-width: 900px; }
	.cl1000 { max-width: 1000px; }
	.cl1100 { max-width: 1100px; }
	.cl1200 { max-width: 1200px; }
	.cl1300 { max-width: 1300px; }
	.cl1400 { max-width: 1400px; }
	.cl1500 { max-width: 1500px; }
	
}

@media(max-width: 768px) and (min-width: 480px){
    .hide-tablet{ display: none !important; }  
	.cwt-1_3{ width: 33.33%; }
	.cwt-2_3{ width: 66.66%; }
	.cwt-1_3{ width: 33.33%; }
	.cwt-20{  width: 20%; }
	.cwt-25{  width: 25%; }
	.cwt-40{  width: 40%; }
	.cwt-50{  width: 50%; }
	.cwt-60{  width: 60%; }
	.cwt-75{  width: 75%; }
	.cwt-80{  width: 80%; }
	.cwt-100{ width: 100%; }
	
	.coltab-1{ width: 100%; }
	.coltab-2{ width: 50%; }
	.coltab-3{ width: 33.33%; }
	.coltab-4{ width: 25%; }
	.coltab-5{ width: 20%; }
	.coltab-6{ width: 16.66%; }
	
	
	.ct300  { max-width: 300px; }
	.ct350  { max-width: 350px; }
	.ct400  { max-width: 400px; }
	.ct500  { max-width: 500px; }
	.ct600  { max-width: 600px; }
	.ct700  { max-width: 700px; }
	.ct800  { max-width: 800px; }
	.ct900  { max-width: 900px; }
	.ct1000 { max-width: 1000px; }
	.ct1100 { max-width: 1100px; }
	.ct1200 { max-width: 1200px; }
	.ct1300 { max-width: 1300px; }
	.ct1400 { max-width: 1400px; }
	.ct1500 { max-width: 1500px; }
}



@media (max-width: 480px){
	
	
	.text-mit-bild-box .break_on_handy .under-text-handy .text,
    .text-mit-bild-box .break_on_handy .above-text-handy .text{
        width: 100% !important;
    }
    .text-mit-bild-box .break_on_handy .under-text-handy .image,
    .text-mit-bild-box .break_on_tablet .above-text-handy .image{
        width: 100% !important;
        position: relative;
    }
    .text-mit-bild-box .break_on_handy .under-text-handy .image img,
    .text-mit-bild-box .break_on_handy .above-text-handy .image img{
        position: relative;
    }
    
	.text-mit-bild-box .break_on_handy .image {
		width: 100% !important;
	}
	.text-mit-bild-box .break_on_handy .text {
		width: 100% !important;
	}
	.break_on_handy .imagecover .image img{
		position: relative;
	}
	
	
    .hide-handy{ display: none !important; }  
	.cwh-1_3{ width: 33.33%; }
	.cwh-2_3{ width: 66.66%; }	
	.cwh-20{  width: 20%; }
	.cwh-25{  width: 25%; }
	.cwh-40{  width: 40%; }
	.cwh-50{  width: 50%; }
	.cwh-60{  width: 60%; }
	.cwh-75{  width: 75%; }
	.cwh-80{  width: 80%; }
	.cwh-100{ width: 100%; }
	
	.colhan-1{ width: 100%; }
	.colhan-2{ width: 50%; }
	.colhan-3{ width: 33.33%; }
	.colhan-4{ width: 25%; }
	.colhan-5{ width: 20%; }
	.colhan-6{ width: 16.66%; }
	
	.ch300  { max-width: 300px; }
	.ch350  { max-width: 350px; }
	.ch400  { max-width: 400px; }
	.ch500  { max-width: 500px; }
	.ch600  { max-width: 600px; }
	.ch700  { max-width: 700px; }
	.ch800  { max-width: 800px; }
	.ch900  { max-width: 900px; }
	.ch1000 { max-width: 1000px; }
	.ch1100 { max-width: 1100px; }
	.ch1200 { max-width: 1200px; }
	.ch1300 { max-width: 1300px; }
	.ch1400 { max-width: 1400px; }
	.ch1500 { max-width: 1500px; }
	
	

}





@media (min-width: 1200px){    

	.c300  { max-width: 300px; }
	.c350  { max-width: 350px; }
	.c400  { max-width: 400px; }
	.c500  { max-width: 500px; }
	.c600  { max-width: 600px; }
	.c700  { max-width: 700px; }
	.c800  { max-width: 800px; }
	.c900  { max-width: 900px; }
	.c1000 { max-width: 1000px; }
	.c1100 { max-width: 1100px; }
	.c1200 { max-width: 1200px; }
	.c1300 { max-width: 1300px; }
	.c1400 { max-width: 1400px; }
	.c1500 { max-width: 1500px; }
}

@media (max-width: 1200px){

	.headertext-and-social-media-buttons{
		right: 60px;
		padding-top: 0px !important;
		height: 60px;
		top: 0px;
	}
	.header-logo-right .headertext-and-social-media-buttons{
		flex-direction: row;
	}
	.header-logo-right #socialmedia-box{
		margin-right: 0px;
		margin-left: 10px;
	}
	
	#primary-navigation{
		position: relative;
	}

    #logo{
        display: none;
    }
	#socialmedia-box{
        right: 50px;
    }
    #headertext{
		top: 13px;
	}
    #logomobil{
        display: block;
        position: absolute;
        height: 60px;
        width: 200px;
    }
    #logomobil img{
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: left center;
        padding: 10px;
    }
    #primary-navigation li a{
        padding-top: 25px;
    }
    #primary-navigation{
        clear: both;
        display: none;
    }
    #logo{
		height: 60px;
        top: 0px;
        left: 5px;
	}
    #masthead{
        top: 0;
        min-height: 60px;
        height: auto;
    }
    #masthead .header-content{
        min-height: 60px;
        height: auto;
    }
 
    
    #primary-navigation .menu-mainmenu-container{
        width: 100%;
    }

	
    #primary-navigation  div  ul  li {
		border-right: none !important;
	}
	

    .toggle-menu{
        display: block;
		width: 60px;
		height: 60px;
        right: 0px;
        float: right;
        clear: both;
        position: relative;
		cursor: pointer;
    }

	.toggle-menu .toggle-icon{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: inline-block;
        width:  28px;
        height: 28px;
        -webkit-mask: url("../fa-images/nav-toggle.svg") no-repeat 100% 100%;
        mask: url("../fa-images/nav-toggle.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
	}
    .toggle-subemenu:after{
		content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: inline-block;
        width:  20px;
        height: 20px;
        -webkit-mask: url("../fa-images/plus.svg") no-repeat 100% 100%;
        mask: url("../fa-images/plus.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
	}
    .toggle-subemenu.active:after{
		content: "";
        display: inline-block;
        width:  28px;
        height: 23px;
        -webkit-mask: url("../fa-images/minus.svg") no-repeat 100% 100%;
        mask: url("../fa-images/minus.svg") no-repeat 100% 100%;
        -webkit-mask-size: contain;
        mask-size: contain;
	}

    
    #primary-navigation li.menu-item-has-children {
        display: grid;
        grid-template-columns: 1fr 50px;
    }
    #primary-navigation li.menu-item-has-children a:first-child{
        grid-column: 1 / 2;
    }
    #primary-navigation li.menu-item-has-children div.toggle-subemenu{
        grid-column: 2 / 3;
        position: relative;
    }
    #primary-navigation li.menu-item-has-children ul.sub-menu{
        grid-column: 1 / 3;
    }
    
	
	
}


@media (max-width: 1024px){
	
	
    .text-mit-bild-box .above-text-tablet .image{
        order: 1;
    }
    .text-mit-bild-box .above-text-tablet .text{
        order: 2;
    }
    .text-mit-bild-box .under-text-tablet .image{
        order: 2;
    }
    .text-mit-bild-box .under-text-tablet .text{
        order: 1;
    }


	.imagecover.break_on_laptop  img{
		top: 0px;
	}

	.text-mit-bild-box .break_on_laptop .under-text-handy .text,
    .text-mit-bild-box .break_on_laptop .above-text-handy .text{
        width: 100% !important;
    }
    .text-mit-bild-box .break_on_laptop .under-text-handy .image,
    .text-mit-bild-box .break_on_laptop .above-text-handy .image{
        width: 100% !important;
        position: relative;
    }
    .text-mit-bild-box .break_on_laptop .under-text-handy .image img,
    .text-mit-bild-box .break_on_laptop .above-text-handy .image img{
        position: relative;
    }
    
	.text-mit-bild-box .break_on_laptop .image {
		width: 100% !important;
	}
	.text-mit-bild-box .break_on_laptop .text {
		width: 100% !important;
	}
	.break_on_laptop .imagecover .image img{
		position: relative;
	}

 
    .text-mit-bild-box .under-text-tablet .text,
    .text-mit-bild-box .above-text-tablet .text{
        width: 100% !important;
    }
    .text-mit-bild-box .under-text-tablet .image,
    .text-mit-bild-box .above-text-tablet .image{
        width: 100% !important;
        position: relative;
    }
    .text-mit-bild-box .under-text-tablet .image img,
    .text-mit-bild-box .above-text-tablet .image img{
        position: relative;
    }
    
    section{
        position: relative;
    }
    .gridgalerie-box ul{
        grid-auto-rows: minmax(25vh, auto)
    }
    .spacer5  { height: calc(5px * 1); }
    .spacer10 { height: calc(10px * 0.75); }
    .spacer15 { height: calc(15px * 0.75); }
    .spacer20 { height: calc(20px * 0.75); }
    .spacer25 { height: calc(25px * 0.75); }
    .spacer30 { height: calc(30px * 0.75); }
    .spacer35 { height: calc(35px * 0.75); }
    .spacer40 { height: calc(40px * 0.75); }
    .spacer45 { height: calc(45px * 0.75); }
    .spacer50 { height: calc(50px * 0.75); }
    .spacer55 { height: calc(55px * 0.75); }
    .spacer60 { height: calc(60px * 0.75); }
    .spacer65 { height: calc(65px * 0.75); }
    .spacer70 { height: calc(70px * 0.75); }
    .spacer75 { height: calc(75px * 0.75); }
    .spacer80 { height: calc(80px * 0.75); }
    .spacer85 { height: calc(85px * 0.75); }
    .spacer90 { height: calc(90px * 0.75); }
    .spacer100 { height: calc(100px * 0.75); }
    .spacer110 { height: calc(110px * 0.75); }
    .spacer120 { height: calc(120px * 0.75); }
    .spacer130 { height: calc(130px * 0.75); }
    .spacer140 { height: calc(140px * 0.75); }
    .spacer150 { height: calc(150px * 0.75); }
    .spacer160 { height: calc(160px * 0.75); }
    .spacer170 { height: calc(170px * 0.75); }
    .spacer180 { height: calc(180px * 0.75); }
    .spacer190 { height: calc(190px * 0.75); }
    .spacer200 { height: calc(200px * 0.75); }
    .spacer210 { height: calc(210px * 0.75); }
    .spacer220 { height: calc(220px * 0.75); }
    .spacer230 { height: calc(230px * 0.75); }
    .spacer240 { height: calc(240px * 0.75); }
    .spacer250 { height: calc(250px * 0.75); }
    .spacer300 { height: calc(300px * 0.75); }
    .spacer350 { height: calc(350px * 0.75); }
    .spacer400 { height: calc(400px * 0.75); }
    .spacer450 { height: calc(450px * 0.75); }
    .spacer500 { height: calc(500px * 0.75); }
    .spacer550 { height: calc(550px * 0.75); }
    .spacer600 { height: calc(600px * 0.75); }
    .spacer650 { height: calc(650px * 0.75); }
    .spacer700 { height: calc(700px * 0.75); }
	.spacer750 { height: calc(750px * 0.75); }
    .spacer800 { height: calc(800px * 0.75); }
	
    .height5{ height: calc(5px * 0.75); }
    .height10{ height: calc(10px * 0.75); }
    .height20{ height: calc(20px * 0.75); }
    .height30{ height: calc(30px * 0.75); }
    .height40{ height: calc(40px * 0.75); }
    .height50{ height: calc(50px * 0.75); }
    .height60{ height: calc(60px * 0.75); }
    .height70{ height: calc(70px * 0.75); }
    .height80{ height: calc(80px * 0.75); }
    .height90{ height: calc(90px * 0.75); }
    .height100{ height: calc(100px * 0.75); }
    .height110{ height: calc(110px * 0.75); }
    .height120{ height: calc(120px * 0.75); }
    .height130{ height: calc(130px * 0.75); }
    .height140{ height: calc(140px * 0.75); }
    .height150{ height: calc(150px * 0.75); }
    .height160{ height: calc(160px * 0.75); }
    .height170{ height: calc(170px * 0.75); }
    .height180{ height: calc(180px * 0.75); }
    .height190{ height: calc(190px * 0.75); }
    .height200{ height: calc(200px * 0.75); }
    .height210{ height: calc(210px * 0.75); }
    .height220{ height: calc(220px * 0.75); }
    .height230{ height: calc(230px * 0.75); }
    .height240{ height: calc(240px * 0.75); }
    .height250{ height: calc(250px * 0.75); }


}

@media (min-width: 1024px) {   
    .hide-desktop{
        display: none;
    }
}
@media (min-width: 1200px) {   
   	.bd300  { max-width: 300px; }
	.bd350  { max-width: 350px; }
	.bd400  { max-width: 400px; }
	.bd500  { max-width: 500px; }
	.bd600  { max-width: 600px; }
	.bd700  { max-width: 700px; }
	.bd800  { max-width: 800px; }
	.bd900  { max-width: 900px; }
	.bd1000 { max-width: 1000px; }
	.bd1100 { max-width: 1100px; }
	.bd1200 { max-width: 1200px; }
	.bd1300 { max-width: 1300px; }
	.bd1400 { max-width: 1400px; }
	.bd1500 { max-width: 1500px; }
	.bd1600 { max-width: 1600px; }
	.bd1700 { max-width: 1700px; }
	.bd1800 { max-width: 1800px; }
	.bd1900 { max-width: 1900px; }
	.bd2000 { max-width: 2000px; }
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {
	.c300  { max-width: 300px; }
	.c350  { max-width: 350px; }
	.c400  { max-width: 400px; }
	.c500  { max-width: 500px; }
	.c600  { max-width: 600px; }
	.c700  { max-width: 700px; }
	.c800  { max-width: 800px; }
	.c900  { max-width: 900px; }
	.c1000 { max-width: 1000px; }
	.c1100 { max-width: 1100px; }
	.c1200 { max-width: 1200px; }
	.c1300 { max-width: 1300px; }
	.c1400 { max-width: 1400px; }
	.c1500 { max-width: 1500px; }
	.c1600 { max-width: 1600px; }
	.c1700 { max-width: 1700px; }
	.c1800 { max-width: 1800px; }
	.c1900 { max-width: 1900px; }
	.c2000 { max-width: 2000px; }
}



@media screen and (max-width: 1024px) and (min-width: 768px) {
        
    .hide-tablet{
        display: none;
    }
	 .spacer5  { height: calc(5px * 1); }
    .spacer10 { height: calc(10px * 0.6); }
    .spacer15 { height: calc(15px * 0.6); }
    .spacer20 { height: calc(20px * 0.6); }
    .spacer25 { height: calc(25px * 0.6); }
    .spacer30 { height: calc(30px * 0.6); }
    .spacer35 { height: calc(35px * 0.6); }
    .spacer40 { height: calc(40px * 0.6); }
    .spacer45 { height: calc(45px * 0.6); }
    .spacer50 { height: calc(50px * 0.6); }
    .spacer55 { height: calc(55px * 0.6); }
    .spacer60 { height: calc(60px * 0.6); }
    .spacer65 { height: calc(65px * 0.6); }
    .spacer70 { height: calc(70px * 0.6); }
    .spacer75 { height: calc(75px * 0.6); }
    .spacer80 { height: calc(80px * 0.6); }
    .spacer85 { height: calc(85px * 0.6); }
    .spacer90 { height: calc(90px * 0.6); }
    .spacer100 { height: calc(100px * 0.6); }
    .spacer110 { height: calc(110px * 0.6); }
    .spacer120 { height: calc(120px * 0.6); }
    .spacer130 { height: calc(130px * 0.6); }
    .spacer140 { height: calc(140px * 0.6); }
    .spacer150 { height: calc(150px * 0.6); }
    .spacer160 { height: calc(160px * 0.6); }
    .spacer170 { height: calc(170px * 0.6); }
    .spacer180 { height: calc(180px * 0.6); }
    .spacer190 { height: calc(190px * 0.6); }
    .spacer200 { height: calc(200px * 0.6); }
    .spacer210 { height: calc(210px * 0.6); }
    .spacer220 { height: calc(220px * 0.6); }
    .spacer230 { height: calc(230px * 0.6); }
    .spacer240 { height: calc(240px * 0.6); }
    .spacer250 { height: calc(250px * 0.6); }
    .spacer300 { height: calc(300px * 0.6); }
    .spacer350 { height: calc(350px * 0.6); }
    .spacer400 { height: calc(400px * 0.6); }
    .spacer450 { height: calc(450px * 0.6); }
    .spacer500 { height: calc(500px * 0.6); }
    .spacer550 { height: calc(550px * 0.6); }
    .spacer600 { height: calc(600px * 0.6); }
    .spacer650 { height: calc(650px * 0.6); }
    .spacer700 { height: calc(700px * 0.6); }
	.spacer750 { height: calc(750px * 0.6); }
    .spacer800 { height: calc(800px * 0.6); }
	
	.height5{ height: calc(5px * 0.6); }
    .height10{ height: calc(10px * 0.6); }
    .height20{ height: calc(20px * 0.6); }
    .height30{ height: calc(30px * 0.6); }
    .height40{ height: calc(40px * 0.6); }
    .height50{ height: calc(50px * 0.6); }
    .height60{ height: calc(60px * 0.6); }
    .height70{ height: calc(70px * 0.6); }
    .height80{ height: calc(80px * 0.6); }
    .height90{ height: calc(90px * 0.6); }
    .height100{ height: calc(100px * 0.6); }
    .height110{ height: calc(110px * 0.6); }
    .height120{ height: calc(120px * 0.6); }
    .height130{ height: calc(130px * 0.6); }
    .height140{ height: calc(140px * 0.6); }
    .height150{ height: calc(150px * 0.6); }
    .height160{ height: calc(160px * 0.6); }
    .height170{ height: calc(170px * 0.6); }
    .height180{ height: calc(180px * 0.6); }
    .height190{ height: calc(190px * 0.6); }
    .height200{ height: calc(200px * 0.6); }
    .height210{ height: calc(210px * 0.6); }
    .height220{ height: calc(220px * 0.6); }
    .height230{ height: calc(230px * 0.6); }
    .height240{ height: calc(240px * 0.6); }
    .height250{ height: calc(250px * 0.6); }
	
}
@media screen and (max-width: 768px) {
	
	.imagecover.break_on_tablet img{
		top: 0px;
	}
	.text-mit-bild-box .break_on_tablet .under-text-handy .text,
    .text-mit-bild-box .break_on_tablet .above-text-handy .text{
        width: 100% !important;
    }
    .text-mit-bild-box .break_on_tablet .under-text-handy .image,
    .text-mit-bild-box .break_on_tablet .above-text-handy .image{
        width: 100% !important;
        position: relative;
    }
    .text-mit-bild-box .break_on_tablet .under-text-handy .image img,
    .text-mit-bild-box .break_on_tablet .above-text-handy .image img{
        position: relative;
		top: 0px;
    }
    
	.text-mit-bild-box .break_on_tablet .image {
		width: 100% !important;
	}
	.text-mit-bild-box .break_on_tablet .text {
		width: 100% !important;
	}

	
    .hide-handy{
        display: none;
    }
	.section-content{
		padding-left: 30px;
		padding-right: 30px;
	}
	

}

@media (max-width: 480px){
	.spacer5  { height: calc(5px * 1); }
    .spacer10 { height: calc(10px * 0.5); }
    .spacer15 { height: calc(15px * 0.5); }
    .spacer20 { height: calc(20px * 0.5); }
    .spacer25 { height: calc(25px * 0.5); }
    .spacer30 { height: calc(30px * 0.5); }
    .spacer35 { height: calc(35px * 0.5); }
    .spacer40 { height: calc(40px * 0.5); }
    .spacer45 { height: calc(45px * 0.5); }
    .spacer50 { height: calc(50px * 0.5); }
    .spacer55 { height: calc(55px * 0.5); }
    .spacer60 { height: calc(60px * 0.5); }
    .spacer65 { height: calc(65px * 0.5); }
    .spacer70 { height: calc(70px * 0.5); }
    .spacer75 { height: calc(75px * 0.5); }
    .spacer80 { height: calc(80px * 0.5); }
    .spacer85 { height: calc(85px * 0.5); }
    .spacer90 { height: calc(90px * 0.5); }
    .spacer100 { height: calc(100px * 0.5); }
    .spacer110 { height: calc(110px * 0.5); }
    .spacer120 { height: calc(120px * 0.5); }
    .spacer130 { height: calc(130px * 0.5); }
    .spacer140 { height: calc(140px * 0.5); }
    .spacer150 { height: calc(150px * 0.5); }
    .spacer160 { height: calc(160px * 0.5); }
    .spacer170 { height: calc(170px * 0.5); }
    .spacer180 { height: calc(180px * 0.5); }
    .spacer190 { height: calc(190px * 0.5); }
    .spacer200 { height: calc(200px * 0.5); }
    .spacer210 { height: calc(210px * 0.5); }
    .spacer220 { height: calc(220px * 0.5); }
    .spacer230 { height: calc(230px * 0.5); }
    .spacer240 { height: calc(240px * 0.5); }
    .spacer250 { height: calc(250px * 0.5); }
    .spacer300 { height: calc(300px * 0.5); }
    .spacer350 { height: calc(350px * 0.5); }
    .spacer400 { height: calc(400px * 0.5); }
    .spacer450 { height: calc(450px * 0.5); }
    .spacer500 { height: calc(500px * 0.5); }
    .spacer550 { height: calc(550px * 0.5); }
    .spacer600 { height: calc(600px * 0.5); }
    .spacer650 { height: calc(650px * 0.5); }
    .spacer700 { height: calc(700px * 0.5); }
	.spacer750 { height: calc(750px * 0.5); }
	.spacer800 { height: calc(800px * 0.5); }
	
	
	.height5{ height: calc(5px * 0.5); }
    .height10{ height: calc(10px * 0.5); }
    .height20{ height: calc(20px * 0.5); }
    .height30{ height: calc(30px * 0.5); }
    .height40{ height: calc(40px * 0.5); }
    .height50{ height: calc(50px * 0.5); }
    .height60{ height: calc(60px * 0.5); }
    .height70{ height: calc(70px * 0.5); }
    .height80{ height: calc(80px * 0.5); }
    .height90{ height: calc(90px * 0.5); }
    .height100{ height: calc(100px * 0.5); }
    .height110{ height: calc(110px * 0.5); }
    .height120{ height: calc(120px * 0.5); }
    .height130{ height: calc(130px * 0.5); }
    .height140{ height: calc(140px * 0.5); }
    .height150{ height: calc(150px * 0.5); }
    .height160{ height: calc(160px * 0.5); }
    .height170{ height: calc(170px * 0.5); }
    .height180{ height: calc(180px * 0.5); }
    .height190{ height: calc(190px * 0.5); }
    .height200{ height: calc(200px * 0.5); }
    .height210{ height: calc(210px * 0.5); }
    .height220{ height: calc(220px * 0.5); }
    .height230{ height: calc(230px * 0.5); }
    .height240{ height: calc(240px * 0.5); }
    .height250{ height: calc(250px * 0.5); }

	
    .text-mit-bild-box .above-text-handy .image{
        order: 1;
    }
    .text-mit-bild-box .above-text-handy .text{
        order: 2;
    }
    .text-mit-bild-box .under-text-handy .image{
        order: 2;
    }
    .text-mit-bild-box .under-text-handy .text{
        order: 1;
    }
    
    .text-mit-bild-box .under-text-handy .text,
    .text-mit-bild-box .above-text-handy .text{
        width: 100% !important;
    }
    .text-mit-bild-box .under-text-handy .image,
    .text-mit-bild-box .above-text-handy .image{
        width: 100% !important;
        position: relative;
    }
    .text-mit-bild-box .under-text-handy .image img,
    .text-mit-bild-box .above-text-handy .image img{
        position: relative;
    }
    
	.text-mit-bild-box .image {
		width: 100% !important;
	}
	.text-mit-bild-box .text {
		width: 100% !important;
	}

    #logo{
        width: 80px;
    }
    .section-content{
        padding-left:   20px;
        padding-right: 20px;
    }
    .cfullwidth{
        margin-left: -20px;
        margin-right: -20px;
    }
}