/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	CSS COPYRIGHT WEBMULTIMEDIA GMBH, BERN - JAN CIBULA 
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */




/*	-------------------------------------------------------------- */
/*	SCHRIFTART													   */									   
/*	-------------------------------------------------------------- */
 @import url("https://use.typekit.net/qjb6bcc.css");  
	


/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	CSS VARIABLEN												           */										  		
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */


:root {
  --color_1: rgba(0,79,159,1); /* Blau  rgba (100,113,99,1) */
  --color_2: rgba(218,180,116,1); /* ocker  rgba (216,110,87,1) */
  --color_3: rgba(115,163,225,1); /* hellblau rgba (193,198,192,1) */
}



/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	LAYOUT												           */					  		
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */



        
        *{
            box-sizing:border-box;
            margin:0;
            padding:0;
        }
        
		html,body {	
			height: 100%;
			width: 100%;
			font-size:18px;
		}

        
        body {
			/*
			*/
			font-family: acumin-pro, sans-serif;
			font-weight: 400;
			font-style: normal;
			color:black;
        }
        
        img  {
            width:100%;
        }
        
        
     
        
        main {
            margin:0 auto;
			padding:0;
        }
        
        header {
			background-color:var( --color_1);
			background-image:url(../img/holligerhof_01.jpg);
			background-size:cover;
			background-position:bottom ;
			background-attachment:fixed;
            height:90vh; /* 93vh */
			position: relative;
			z-index:-1;
            text-align:center;
			width:100%; 
        }
        

        header .headerlogo {
			margin:0 auto;
			height:12rem;
			width:auto;
			z-index:2;
			position: absolute;
			left:0%;
			right:0%;
			top:32%;
        }
        header .headerback {
			object-fit:cover;
			width:100%;
			height:100%;
			z-index:1;
			opacity:0.3;
			position: absolute;
			left:0;
			top:0;
        }





        
        /* für alle links */
        a:link {
            text-decoration:none;
			color:black;
        }
        a:visited {
            text-decoration:none;
			color:black;
        }
        a:hover {
            text-decoration:none;
			color:black;
        }
        a:active {
            text-decoration:none;
			color:black;
        }

                 
 		/* farben */
		.back_olive {
			background-color:var( --color_1);
		}
		.back_rotbraun {
			background-color:var(--color_2);
		}
		.back_hell_olive {
			background-color:var(--color_3);
		}

		.text_olive {
			color:var( --color_1);
		}
		.text_weiss {
			color:rgba(255,255,255,1);
		}
		.text_rot {
			color:var(--color_2);
		}

		h1,h2,h3,h4 {
			color:var( --color_1);
		}
		h1 {
		}
		h2 {
			font-family: acumin-pro, sans-serif;
			font-weight: 700;
			font-style: normal;
			font-size:3rem;
			margin-top:2rem;
		}
		h3 {
			
		}
		h4 {
			
		}




        /* NAVIGATION */
        #navigationsbalken {
            background-color:var( --color_1);
			position:fixed; /* sticky*/
			/*position:absolute;*/
			top:0rem;
			left:0;
			right:0;
            font-size:0.8rem;
			font-family: acumin-pro, sans-serif;
			font-weight: 400;
			font-style: normal;
			z-index:777;
			padding:0.2rem 0rem;
        }
        
        #navigationsbalken nav {
            text-align:right;
			padding:1rem 0rem 1rem 0rem;
        }
        #navigationsbalken nav a:link {
            color:white;
            padding:0.5rem 1rem;
            text-transform:uppercase;
        }
        #navigationsbalken nav a:visited {
            color:white;
        }
        #navigationsbalken nav a:hover {
            color:var(--color_2);
        }
        #navigationsbalken nav a:active {
            color:white;
        }
        
   		#navigationsbalken .standpunkt {
            color:var(--color_2);
		}
   		.menuaktiv {
            color:var(--color_2) !important;
			
		}


		.logoklein{
            padding:.5rem;
			height:3rem !important;
		}
		.logoklein img{
			width:auto;
			height:3rem !important;
		}
		.sehrklein {
			font-size:0.8rem;
		}

		.content {
            /*margin-top:6rem;*/
		}
		.maxcontent {
			/*
			border-bottom:1px solid gray;
			border-top:1px solid gray;
			border-left:1px solid red;
			border-right:1px solid red;
			*/
			width:100%;
			max-width:1380px; /* todo */
			margin:0 auto;
		}
		.maxwidth {
			margin:0 auto;
			width:80%;
			max-width:1900px; /* todo */
		}


		/* Typografie */
		.fliesstext_titel {
			font-family: acumin-pro, sans-serif;
			font-weight: 700;
			font-style: normal;
		}


		.linkebreite {
			width:10% !important;
		}
		.linkereinzug{
			margin-left:10%;
		}
		.rechtereinzug{
			margin-right:10%;
		}
		.rechtereinzug_gross{
			margin-right:20%;
		}
		.flexlayout {
            display:flex;
            justify-content: space-between;
			flex-wrap:wrap;
		}

		.nowrap {
			flex-wrap:no-wrap;
		}



		.fehlermeldung {
			background:var(--color_2);
			color:white;
			font-weight:bold;
			font-size:0.9rem;
			padding:0.3rem;
			margin-left:.5rem;
		}



		.fadeout {
			animation: fadeout 2s linear;
			animation-fill-mode: forwards;
			animation-delay:1s;
			
		}
		@keyframes fadeout {
			0%		{opacity:1;display:block;}
			100% 	{opacity:0;display:none;}

		}
        
		#absendenbutton {
			opacity:0;
			height:0;
		}


		#formbox_top_thankyou {
			/*animation: fadeout 1s 4s linear;*/
			display:none;
			position:absolute;
			top:6rem;
			margin:0 auto;
			border:3px solid var(--color_2);
			left:0rem;
			right:0rem;
			width:20rem;
			z-index:20;
			color:white;
			background:var(--color_1);
			padding:2rem;
			box-shadow:0px 0px 2px 4px rgba(222,222,222,0.4);
		}

		.formokay {
			/*
			border:2px solid rgba(106,152,77,1) !important;
			background:rgba(106,152,77,.5) !important;
			*/
		}
		.formerror {
			border-bottom:3px solid rgba(247,104,115,1) !important;
			/*background:rgba(247,104,115,0.5) !important;*/
		}



		.button_wg_angebot {
		padding:1rem;
		background-color:var( --color_2);/**/
		border-radius:1px;
			border:2px solid var( --color_1) !important;
		}
		.button_wg_angebot:hover {
			background-color:var( --color_1);
			color:var( --color_2) !important;
			border:2px solid var( --color_2) !important;
		}

		.mehrwert_container {
			padding-top:3.5rem;
		}

		.download_container {
			display:flex;
		}

		.downloadicon{
			height:1.5rem;
			width:1.7rem;
			margin-right:0.4rem;
			margin-top:0.1rem;
		}
		.download_text{
			text-transform:uppercase;
			font-weight:700;
		}

        
        .schatten {
            box-shadow:1px 1px 6px 2px rgba(0,0,0,0.4);
        }



		.sicherheitsfrage  {
			display:flex;
			margin-bottom:1rem;
		}
		.sicherheitstext {
			font-size:1rem;
			margin-right:0.5rem;
		}
		.sicherheitseingabe {
		}
		.sicherheitsfeld {
			font-size:1rem;
			padding:0.5rem !important;
			border-top: 1px solid lightgray;
			border-left: 1px solid lightgray;
			border-right: 1px solid lightgray;
			border-bottom: 1px solid grey;
		}

		.absendenbereich {
			display:flex;
			margin-bottom:1rem;
			justify-content: space-between;
		}
		.absendenbereich input {
			margin-right:1rem;
		}

		.formbox_top_thankyou {
			padding:1rem;
			font-size:1.0rem;
			background-color:var( --color_1);
			color:white;
			position:fixed; 
			top:20rem; 
			left:20%; 
			right:20%;
			animation-name:fadeout;
			animation-duration:3s;
			animation-delay:3s;
			animation-fill-mode: forwards;
		}


		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		/*	BLOCKBEREICHE											       */										 
		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */





		/* Ganzer Block */
		.block_container {
			display:flex;
			flex-wrap:wrap;
			padding-top:180px;
			padding-bottom:120px;
			/*
			margin-top:4rem;
			padding-top:10rem;
			*/
		}
		/* Ganzer Block */
		.block_container:nth-child(3), .block_container:nth-child(4), .block_container:nth-child(6) {
			/*border:2px solid red;*/
			padding-bottom:0px;
		}
	



		/* links */
		.block_container .trennbalken_links {
			background:var(--color_2);
			margin-top:0.4rem;
			margin-right:0.5rem;
			height:0.8rem;
			flex-grow:1;
		}


		
		.block_container .trenntitel{
			text-transform: uppercase;
            font-size:1rem;
			color:var(--color_1);
		} 


		.block_container .block {
            padding:0rem;
		}    
		/* links */
		.block_container .trennbalken_rechts {
			flex-grow:1;
			height:0.7rem;
		}

sup {
	font-size:0.9rem;
}

		/* Farben wechseln */
		.block_container:nth-child(odd){
            background:rgba(245,245,245,1);
			margin-top:0rem;
		}


		 .section_bild{
			 /*
			 */
			 background-color:transparent;
			background-size:cover;
			background-attachment:fixed;
			background-position: center center;
			overflow:hidden;
			min-height:90vh;
			border:0;
			border-bottom:3rem var(--color_2) solid;
			width:100%;
  			flex-basis: 100%;
			margin-top:6rem;
		}  

		/*
		.section_bild_mobile{
			display:none !important;
		}
*/





		 .bauunternehmersectionbild{
			background-size:cover;
			background-attachment:scroll;
			background-position: center center;
			min-height:40vh;
			border:0;
			border-bottom:3rem var(--color_2) solid;
			width:100%;
  			flex-basis: 100%;
			margin-top:6rem;
		}  

		.unternehmer_container h3{
			margin-top:3rem !important;
			margin-bottom:2rem !important;
		}



		.block h2{
		}    
		.block h3{
			color:var( --color_1);
			font-size:1.15rem;
			margin-bottom:.5rem;
		}  
   
		.block h4{
			color:var( --color_1);
		}  

		.block .textblock{
			font-size:1.4rem;
			line-height:1.6;
            padding:2rem 0rem 3rem 0rem;
			display:flex;
			justify-content: space-between;
		}    
		.block .textblock .textblock_spalte1, .block .textblock .textblock_spalte1_ohne{
            width:50%;
		}     

		.block .textblock .textblock_spalte1 h2{
           line-height:normal;
           margin-bottom:1rem;
		}    


		/* blaue Linie */
		.block .textblock .textblock_spalte1{
            padding-bottom:3rem;
			border-bottom:3px solid var(--color_3);
		}  
		.block .textblock .textblock_spalte1_ohne p:last-child{
            padding-bottom:3rem;
			border-bottom:0px solid rgba(255,255,255,0);
		}   






		/* Spezialtabelle */
		.table {
			display:flex;
			flex-wrap: wrap;
		}
		.tabletitel {
			font-weight:bold;
			padding-bottom:0.5rem;
		}
		.table_links {
			width:71%;
			display:flex;
			flex-wrap: wrap;
			border-bottom:2px solid black;
		}
		.table_links_1 {
			width:10%;
		}
		.table_links_2 {

		}
		.table_rechts {
			width:29%;
			border-bottom:2px solid black;
		}
		.table_links_1 {

		}



		.block .textblock .textblock_spalte2{
            width:50%;
            padding-left:2rem;
			position:relative;
            padding-bottom:3rem;
		}      
		.block .textblock .textblock_spalte2 h4{
            font-size:1.1rem;
			margin-top:-1.5rem;
			margin-bottom:-1.5rem;
		}  



        .calltoaction {
			position:absolute;
            bottom:-1.8rem;
            left:0%;
            margin-left:2rem;
			font-size:1rem;
			transition:all ease-in-out 0.3s;
        }
		/* Rollover call to action (fill) */
        .calltoaction:hover .calltoactionhover {
			fill:#d3b57d; /* d3b57d */
			transition:all ease-in-out 0.3s;
        }
		/* Rollover call to action (linie) */
        .calltoaction:hover .calltoactionhoverstroke {
			stroke:#d3b57d;
			transition:all ease-in-out 0.3s;
        }

		.calltoaction_formular{
			position:absolute !important;
            margin-top:0rem !important;
			margin-left:0rem !important;
			bottom:-5rem;
			left:0rem;
		}

		.bildganzeseite{
            padding-bottom:3rem;
			max-width:70%;
		}  
		.bildganzeseite img{
		}  




		.block .bild_full{
            padding-top:8rem;
		}    

		.block .image_container {
			width:100%;
			height:20rem;
			overflow:hidden;
			
		}
		.block .image_container img {
			object-fit: cover;
			height:100%;
			width:100%;
			transition:all ease-in-out 0.5s;
		}
		.block .image_container img:hover {
			transform:scale(1.1);
			transition:all ease-in-out 0.3s;
			opacity:0.9;
		}


		/* FAMBAU FLAG */

	.fambau_flag {
			background-color:#647869;
			padding:0.8rem .5rem 0.8rem 0.5rem;
			position:fixed;
			z-index:99999;
			top:20rem;
			height:160px;
			right:0rem;
			text-transform: uppercase;
			text-align: center;
			transition:all ease-in-out 0.5s;
		}	
		.fambau_flag:hover  {
			padding:0.8rem 1rem 0.8rem 0.5rem;
			right:0rem;
			transition:all ease-in-out 0.3s;
		}	
		.fambau_flag a {
			color:white;
		}	
		.fambau_flag img {
			height:100%;
			width:auto;
		}

		/* HOLLIGER BUTTON */
		.relativ {
			position: relative;
		}	
		.no-overflow {
			overflow:hidden;
		}
		.holligerbutton {
			position:absolute;
			left:4rem;
			bottom:-3rem;
			width:200px;
			transform:rotate(-15deg);
			transition:all ease-in-out 0.5s;
		}
		.holligerbutton:hover {
			transform:rotate(-0deg);
			transition:all ease-in-out 0.3s;
		}




	
		/* hardcode formular */
		#block_36 {
					/*margin-bottom:10rem;*/
		}

		#block_36 .textblock_spalte2
		{
			padding-top:2rem;
			padding-bottom:0rem;
		}
		.calltoaction_formular{
			position:absolute !important;
            margin-top:0rem !important;
			margin-left:0rem !important;
			bottom:-6.8rem;
			left:0rem;
		}







		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		/*	MEHRWERT										           */										 
		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		
		.mehrwert_container{
				width:100%;
			margin-bottom:1rem;
		}
		.mehrwert_eintrag{
			width:100%;
			display:flex;
			justify-content: space-between;
			flex-wrap:wrap;
			margin-bottom:1rem;
		}

		.mehrwert_bild{
			height:6rem;
			width:6rem;
			border:3px solid rgba(34,78,154,1);
			border-radius:1px;
			padding:.8rem;
			display:flex;
			justify-content: center;
			align-items: center;
		}
		.mehrwert_bild img{
			height:auto;
			width:100%;
		}

		.mehrwert_text{
			width:82%;
			font-weight:normal;
			font-size:1.3rem;
			border-bottom:2px solid black;
			display:flex;
			justify-content: flex-end;
			align-items: flex-start;
			flex-direction: column;
		}
		.mehrwerttitel {
			font-size:1.4rem;
			text-transform:uppercase;
			color:rgba(34,78,154,1);
			font-weight:700;
		}





		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		/*	SPEZIALBLOECKE										           */										 
		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		

		.block_spezial{
			display:none;
			background:white;
		}


		
		#bauunternehmer {
			margin-top:0rem !important;
		}

		.unternehmer_container{
			width:100%;
		}
		.unternehmer_eintrag{
			width:100%;
			display:flex;
			justify-content: space-between;
			flex-wrap:wrap;
			padding-bottom:1rem;
			margin-bottom:1rem;
			border-bottom:2px solid black;
		}
		.unternehmer_titel {
			width:33%;
			font-size:1.1rem;
			text-transform:uppercase;
			color:rgba(34,78,154,1);
			font-weight:400;
		}
		.unternehmer_text{
			width:66%;
			font-weight:normal;
			font-size:1rem;
		}

		#link_fambau {
			margin-left:300px;
		}

		.relative {
			position:relative;
		}

		.spalte_mit_button {
			padding-bottom:4rem;
		}
		#link_wohnungsangebot_links {
			position: absolute;
			bottom:0;
			left:0;
			margin-left:0;
		}
		#link_wohnungsangebot_rechts {
			position: absolute;
			bottom:0;
			left:0;
		}





		#impressum {
			
		}
		.impressum_container{
			width:100%;
			margin-top:3rem;
			margin-bottom:3rem;
		}
		.impressum_text{
			font-weight:normal;
			font-size:1rem;
		}


		#datenschutz {
		}
		.datenschutz_container{
			width:100%;
			margin-top:3rem;
			margin-bottom:3rem;
		}
		.datenschutz_text{
			font-weight:normal;
			font-size:1rem;
		}





















		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		/*	BILDLSIDER											           */										 
		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		.bildslider{
			overflow:hidden;
			height:40rem; /* 50rem */
			line-height:0rem;
		}

		@media(max-width: 1050px) { 
			.bildslider{
				height:25rem;
			}
		}


		
		.bildslider_bild {
			width:100%;
			height:100%;
			object-fit: cover;
			transition:all ease-in-out 0.5s;
		}
		.bildslider_bild:hover {
			/*transform:scale(1.1);*/
			transition:all ease-in-out 0.3s;
			opacity:0.9;
		}

		.bildslider_link {
		}

		.swiper-button-prev, .swiper-button-next  {
			color:white !important;
		}





		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		/*	BILDERGALERIE GRID   								           */										 
		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		.bildergalerie{
			margin-top:4rem;
			display:flex;
			flex-wrap:wrap;
			gap:2rem;
  			justify-content: space-between;
		}
		.bildergalerie_bild_container {
			width:31%;
			overflow:hidden;
		}
		.bildergalerie_bild_container:nth-child(1) {
			width:66%;
		}
		.bildergalerie_bild_container:nth-child(3) {
			width:100%;
		}
		.bildergalerie_bild_container:nth-child(7) {
			width:100%;
		}
		.bildergalerie_bild {
			height:100%;
			width:100%;
			object-fit: cover;
			transition:all ease-in-out 0.5s;
		}
		.bildergalerie_bild:hover {
			transform:scale(1.1);
			transition:all ease-in-out 0.3s;
			opacity:0.9;
		}

		.bildslider_link {
		}




		

/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	SOCIAL MEDIA												   */										  		
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
	.sm_titel {
		margin-bottom:0.5rem;
		font-weight:bold;
	}	

	.sm_icon {
		border-radius:0;
		height:2rem;
		width:2rem;
		margin-right:.5rem;
	}


















/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		/*	NAVIGATION												       */										 
		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */


		#hamburger {
			display:none;
		}


		.hauptmenu  {
		}

		.hauptmenu a {
			margin:0rem 0rem 0rem 1.2rem;
			display:inline-block;
			text-transform:uppercase;
			position:relative;
		}
		.hauptmenu .standpunkt {
			color:var(--color_2) !important;
		}
		.untermenu {
			font-size:1.2rem;
		}
		.untermenu .standpunkt {
			border-bottom:2px solid rgb(33,33,33);
		}
		.untermenu a {
			padding:0rem;
			display:inline-block;
		}
		.untermenu2 {
			font-size:1rem;
		}
		.untermenu2 .standpunkt {
			border-bottom:none;
		}
		.untermenu2 a {
			padding:0.5rem 0rem;
			display:inline-block;
		}
		/*
		.hauptmenu_responsive {
			display:none;
			width:100vw;
			height:100vh;
			background:rgba(255,255,255,0.99);
			position:fixed;
			top:0;
			left:0;
			right:0;
			z-index:122;
			overflow: auto;

		}
		.hauptmenu_responsive a {
			display:block;
			font-size:1.3rem;
			text-align:center;
			padding:0.4rem;
			border-bottom:1px solid gray;
		}
		.hauptmenu_responsive_close {
			border-bottom:1px solid gray;
			font-size:1.6rem;
			text-align:center;
			padding:0.5rem;
			cursor:pointer;
		}
		.untermenu_responsive a {
			display:block;
			font-size:1.2rem;
			border-bottom:1px solid gray;
			padding:0.5rem;
		}

		.untermenu2_responsive a {
			display:block;
			font-size:1rem;
			border-bottom:1px solid gray;
			padding:.4rem;
		}


		.hauptmenu_responsive a:hover {
			background:gray;
		}
		*/


/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	FOOTER												           */										  		
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
footer{
	font-size:1em;
    padding:1.8rem 0rem 3rem 0rem;
	margin-bottom:8rem;
}


.footer_firma {
	text-align:left;
	width:33%;
}
.footer_social_media {
	width:30%;
	
}
.footer_infos {
	text-align:left;
	width:30%;
}

footer a:link, footer a:visited, footer a:active {
	transition: all ease-in-out 0.4s;
	border-bottom:none;
    color:rgba(35,31,32,1);
	font-weight: bold;
}
footer a:hover {
	color:lightslategray;
	transition: all ease-in-out 0.3s;
}


.easytotop {
	background-color:rgba(255,255,255,0.6);
	padding:1rem; 
	font-weight: bold;
	font-size: 2rem;
	line-height:0;
	position:fixed;
	bottom:0.5rem;
	right:0.5em;
	display:none;
	z-index:100;
	color:black;
}
.easytotop:hover {
	color:var(--color_2);
}



/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	SUCHE												           */										  		
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */


#checkDSV {
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 1.1rem; 
   height: 1.1rem; 
   background: silver; 
   border-radius: 2px;
   margin-top:0.2rem;
}
#checkDSV:checked {
   background: gray;
   background-image: url(../img/check_box.png) !important;
	background-size:cover;
}



/* Fancybox Anpassungen */

.fancybox-caption {
	text-align:center;
	border-top:0px;
	font-size:1.2rem;
	padding:1rem 0;
}

/*	---------------------------------------------------------------------------------------------------------------------- */
/*	---------------------------------------------------------------------------------------------------------------------- */
/*	FORMULARE 							  																			       */
/*	---------------------------------------------------------------------------------------------------------------------- */
/*	---------------------------------------------------------------------------------------------------------------------- */

#formular {
	margin-top:0rem;
	position:relative;
	margin-bottom:5rem;
}
#formbox div {
	padding:0.2rem 0;
}


#formbox select{
	width:170px;
}


.formular_h2 {
}

input,
select,
textarea {
	font-family: acumin-pro, sans-serif;
	font-size:1.1rem !important; 
	background: rgba(0,0,0,0);
	color:black;
	border:none;
	border-bottom:1px solid black;
	width:98%;
	padding:1rem;
	transition:all ease-in-out 0.5s;
}
textarea {
	font-size:1.1rem !important; 
	color:red;
	height:4rem;
}
input:focus, textarea:focus {
	color:#111;
	/*background:var(--color_2);
	transition:all ease-in-out 0.3s;
	*/
}

input[placeholder], [placeholder], *[placeholder] {
	color:#343434 !important;
}
/* Webkit */
::-webkit-input-placeholder { color: #343434; 
	}
/* Firefox 4-18 */
:-moz-placeholder { color: #343434;
	}
/* Firefox 19+ */
::-moz-placeholder { color: #343434;
	}
/* IE10+ */
:-ms-input-placeholder { color: #343434;
	 }


	input[type=submit],
	input[type=button] {
		font-size:0.8rem;
		border:2px solid var(--color_3);
		padding:0.4rem 2.5rem 0.4rem 2.5rem;
		text-transform:uppercase;
		background: rgba(0,0,0,0);
		transition:all ease-in-out 0.3s;
		font-weight:bold;
		cursor:pointer;
		box-shadow: none !important;
		width:auto;
	}
input[type=submit]:hover,
input[type=button]:hover {
		background:var(--color_3);
		color:white;
}
input[type=radio],
input[type=checkbox] {
	width:auto;
}

.pflichtfelder {
	position:absolute;
	bottom:-12rem;
	left:0rem;
}



#sendprogress {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	background-color:rgba(255,255,255,0.5);
	line-height:100%;
	display:none;
}
#sendprogress .fa {
	position:absolute;
	top:50%;
}







/*	===================================================== MEDIA QUERIES =============================================== */
/*	===================================================== MEDIA QUERIES =============================================== */
/*	===================================================== MEDIA QUERIES =============================================== */

 /* ---------------------------- 1050px ---------------------------- */


@media(max-width: 1050px) { 
	
	
	
	
	h2 {
		font-size:1.7rem;
	}
	
	main {
		padding:0rem;
		margin-top:3rem;
	}
	
	.logoklein{
		position:fixed;
		left:-0.5rem;
		top:1rem;
		padding:0;
		z-index:99999999;
	}
	.logoklein svg{
		padding:0;
		height:2rem !important;
	}
	
	
	header {
		width:100% !important;
		background-position:top;
		background-repeat: no-repeat;
		height:30vh !important;
		background-size:130% !important;
	}
	header img {
		width:50%;
		max-width:300px;
		height:auto !important;
	}
	.block_container .trennbalken_links {
margin-top: 0rem;
}
	
	
	.section_bild{
			min-height:30vh;
	}
			 
	
	
	#navigationsbalken {
		z-index:4222;
	}
	
	
	nav,#navigationsbalken{
		width:100%;
		position:fixed; /* relative */
		top:0;
		padding:0rem 0rem;
		margin:0rem 0rem;
		background:var( --color_1) !important;
	}
	#navigationsbalken nav {
		text-align:right;
		padding:4rem 0rem 0rem 0rem;
	}
	
	.hauptmenu{
		display:none;
       	flex-direction: column;
		line-height:0;
	}
	.hauptmenu a{
		width:100%;
		display:block;
		text-align:center;
		padding:2rem !important;
		margin:0rem 0rem;
		border-top:1px solid white;
		border-radius:0;
		font-size:1.4rem;
	}
	
	
	.hauptmenu a:hover{
		background-color:white;
		color:var( --color_1) !important;
	}
	.hauptmenu .standpunkt{
		/*display:none;*/
	}
	
	


	#hamburger {
		display:block;
		position:absolute;
		top:0.5rem;
		right:1rem;
		color:white !important;
		font-size:2rem;
	}
	#hamburger a {
		color:white !important;
	}
	
	
	/* links */
		.block_container .trennbalken_links {
			margin-right:0rem;
		}
	
	
	.content {
		margin:0;
	}
	.block_container {
		padding:0rem !important;
	}
	.block_container .block  {
		padding:1rem !important;
	}
	
	.textblock{
       flex-direction: column;
		font-size:1.2rem !important;
	}
	.textblock_spalte1, .textblock_spalte2, .textblock_spalte1_ohne {
		width:100% !important;
		padding-left:0 !important;
		border-bottom: none !important;
	}
	
	.section_bild, 
	.bauunternehmersectionbild {
		margin-top:0rem !important;
		border-bottom:none !important;
	}

	
	.fambau_flag {
		display:none !important;/**/
		padding: 0.5rem 0.5rem 0.5rem 0.5rem;
		position: fixed;
		z-index: 3000;
		bottom: 20rem;
		height: 120px;
		right: -1.5rem;
		text-transform: uppercase;
		text-align: center;
		transition: all ease-in-out 0.5s;
	}	


	.calltoaction {
		margin-left:0rem !important; /* 0.4rem */
	}
	
	
	
	#link_bauunternehmer{
		position: relative;
		margin-left:0rem !important;
	}
	
	#link_fambau {
		position: relative;
		margin-left:0px !important;
	}
	
	
	.mehrwert_eintrag {
		flex-direction: column;
		width: 100%;
		justify-content: center;
		align-items: center;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.mehrwert_bild {
		justify-content:center;
		margin-bottom:1rem;
	}
	.mehrwerttitel {
		width: 100%;
		text-align: center !important;
	}
	.mehrwert_text {
		width:100% !important;
		border-bottom: none;
		text-align: center;
	}
	
	
	.flexlayout {
       flex-direction: column;
	}
	section, .block_container, .textblock{
		padding:0;
		margin:0;
	}
	
	.table {
		font-size:0.9rem !important;
	}
	

	.pflichtfelder {
		position:static;
		bottom:-1rem;
		left:0rem;
	}
	
	
	.raster_width_5x{
		width:100%;
		margin:0rem 0em;
	}
	.raster_2s_7e, .raster_4s_8e   {
		width:100%;
		margin:0rem 0em;
	}
	.footer_firma, .footer_socialmedia , .footer_infos   {
		width:100%;
		margin-bottom:1rem;
		text-align:center;
	}
	
		.unternehmer_eintrag{
			flex-direction:column;
		}
		.unternehmer_eintrag h3{
			font-size:1.3rem !important;
		}
		.unternehmer_titel {
			width:100%;
			font-size:1.1rem;
			text-transform:uppercase;
			color:rgba(34,78,154,1);
			font-weight:400;
		}
		.unternehmer_text{
			width:100%;
			font-weight:normal;
			font-size:1rem;
		}
	.nachhaltigkeit_container_halter{
			flex-direction:column;
			margin-left:6.76%; /*284px */
			margin-right:6.76%;
			padding:0rem 1rem;
		}
		.nachhaltigkeit_eintrag{
			margin:0 auto; 
			padding:4rem 0rem;
			width:80%;
			border:none;
			border-bottom:1px solid black;
		}
	
	
		.bildergalerie_bild_container {
			width:100% !important;
		}
	
	.flex {
		flex-direction:column;
	}
	.width50 {
		width:100%;
		border:3px solid white;
	}
	
	.galleryitem_3, .galleryitem_4 {
		
		width:100%;
	}
	
	.galleryitem  {
		min-height:300px;
	}
	
	
	.easytotop {
		font-size:1.2rem;
		padding:0.2rem;
	}
	
	
	.footer_span {
	border-right:none;
	margin-right:0;
	padding-right:0;
		display:block;
		width:100%;
}
.footer_span:first-child {
	border-left:none;
	margin-right:0;
	padding-right:0;
}
	
	
	
	
} /* Ende 1050px */





@supports (-webkit-touch-callout: none) {
	.section_bild{
	background-position:top;
	background-repeat:no-repeat ;
	background-attachment: scroll;
	background-size: auto 30vh;
	}
}
	










 /* ---------------------------- SCROLLMAGIC KLASSEN ---------------------------- */
 /* ---------------------------- SCROLLMAGIC KLASSEN ---------------------------- */
 /* ---------------------------- SCROLLMAGIC KLASSEN ---------------------------- */

			/* Elemente einblenden/skalieren */
			.reveal1 {
				opacity: 0.3;
				-webkit-transform: scale(0.9);
					 -moz-transform: scale(0.9);
						-ms-transform: scale(0.9);
						 -o-transform: scale(0.9);
								transform: scale(0.9);
				-webkit-transition: all 1s ease-in-out;
					 -moz-transition: all 1s ease-in-out;
						-ms-transition: all 1s ease-in-out;
						 -o-transition: all 1s ease-in-out;
								transition: all 1s ease-in-out;
			}
			.reveal1.visible {
				opacity: 1;
				-webkit-transform: none;
					 -moz-transform: none;
						-ms-transform: none;
						 -o-transform: none;
								transform: none;
			}
			


			.slideIn {
				opacity: 0.0;
				margin-right:100vw;
				-webkit-transform: scale(0.9);
					 -moz-transform: scale(0.9);
						-ms-transform: scale(0.9);
						 -o-transform: scale(0.9);
								transform: scale(0.9);
				-webkit-transition: all 2s ease-in-out;
					 -moz-transition: all 2s ease-in-out;
						-ms-transition: all 2s ease-in-out;
						 -o-transition: all 2s ease-in-out;
								transition: all 2s ease-in-out;
			}
			.slideIn.visible {
				margin-right:0;
				opacity: 1;
				-webkit-transform: none;
					 -moz-transform: none;
						-ms-transform: none;
						 -o-transform: none;
								transform: none;
			}






			
 /* ---------------------------- SCROLLMAGIC KLASSEN ---------------------------- */
 /* ---------------------------- SCROLLMAGIC KLASSEN ---------------------------- */
 /* ---------------------------- SCROLLMAGIC KLASSEN ---------------------------- */