/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	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%;
		}

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

        header .headerlogo {
			margin:0 auto;
			height:20rem;
			width:auto;
			z-index:2;
			position: absolute;
			left:0%;
			right:0%;
			top:35%;
        }
        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);
		}

        /* NAVIGATION */
        #navigationsbalken {
            background-color:var( --color_1);
			position:sticky;
			top:0rem;
            font-size:0.8rem;
			font-weight:700;
			z-index:77777;
			padding:0rem 1.5rem 0rem 0.8rem;
        }
        
		#navigationsbalken{
			padding:0rem 3rem !important;
		}
        #navigationsbalken nav {
            text-align:right;
			padding:1.2rem 1rem 1.2rem 0rem;
        }
        #navigationsbalken nav a:link {
            color:white;
            padding:0.5rem;
            text-transform:uppercase;
        }
        #navigationsbalken nav a:visited {
            color:white;
        }
        #navigationsbalken nav a:hover {
            color:black;
        }
        #navigationsbalken nav a:active {
            color:white;
        }
        
   		#navigationsbalken .standpunkt {
			height:0rem;
			width:45%;
			position:absolute;
			left:0.5rem;
			bottom:0.15rem;
			border-bottom:2px solid white;
		}

		.logoklein{
            padding:0.3rem;
			height:4rem !important;
		}
		.logoklein img{
            padding:0.5rem;
			width:auto;
			height:4rem !important;
		}
		.sehrklein {
			font-size:0.8rem;
		}

		.content {
            padding-top:6rem;
		}


		.flexlayout {
            display:flex;
            justify-content: space-between;
			flex-wrap:wrap;
		}

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

    
		.lh_fliesstext_2x {
		}
		.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;}

		}
        .zweispalten {
            column-count:2;
            column-gap:2rem;
        }
        .calltoaction_container {
			margin-top:1.3rem;
		}
        .calltoaction {
            background:white;
			border:2px solid var(--color_1);
            color:var(--color_1) !important;
            font-size:0.8rem;
            padding:0.4rem 1.5rem 0.4rem 1.5rem;
            text-transform:uppercase;
            margin-top:3rem;
			transition:all ease-in-out 0.3s;
			min-width:5rem;
			font-weight:bold;
        }


        .calltoaction:hover {
            background:white;
            color:var(--color_2) !important;
			transition:all ease-in-out 0.5s;
        }


	

		.calltoactionmenu{
            margin-top:0rem !important;
			padding:0.2rem 2rem !important ;
		}
		.download_container {
			display:flex;
		}

		.download_container:hover .download_text {
			margin-left:.5rem;
            color:var(--color_2) !important;
			transition:all ease-in-out 0.3s;
		}
		.downloadicon{
			height:1.5rem;
			width:1.7rem;
			margin-right:0.4rem;
			margin-top:0.1rem;
		}
		.download_text{
			text-transform:uppercase;
			font-weight:700;
			transition:all ease-in-out 0.4s;
		}

        
        .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.5rem;
			background-color:rgba(0,79,159,1);
			color:white;
			position:fixed; 
			top:20rem; 
			left:20%; 
			right:20%;
			animation-name:fadeout;
			animation-duration:3s;
			animation-delay:3s;
			animation-fill-mode: forwards;
		}


		/* FAMBAU FLAG */
		.fambau_flag {
			background-color:rgba(0,79,159,1);
			padding:0.5rem 0.5rem 0.5rem 0.5rem;
			position:fixed;
			z-index:99999;
			top:20rem;
			height:160px;
			right:-2rem;
			text-transform: uppercase;
			text-align: center;
			transition:all ease-in-out 0.5s;
		}	
		.fambau_flag:hover  {
			padding:0.5rem 2rem 0.5rem 0.5rem;
			transition:all ease-in-out 0.3s;
		}	
		.fambau_flag a {
			color:white;
		}	
		.fambau_flag img {
			height:100%;
			width:auto;
		}



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



		.maxwidth {
			margin:0 auto;
            max-width:1600px;
		}
		.block_container {
			margin-bottom:2rem;
		}
		.block_container:last-child {
			margin-bottom:0rem;
		}
		.block {
            padding:0rem;
		}    


		.width60 {
			width:60%;/**/
		}


		.h2container{
			padding: 0rem 4rem !important;
		}
		.block h2 {
			font-size:1.9rem;	
			max-width: 1600px !important;
			margin: 0 auto;
			padding-left:1rem;
			padding-right:35%;
		}

		.block h3{
			font-size:1.3rem;
			color:var( --color_1);
			margin-bottom:1.5rem;
		}  
		.block .textblock{
			font-size:1.2rem;
			line-height:1.6;
            padding-top:8rem;
			display:flex;
			justify-content: space-between;
            padding-bottom:8rem;
			/*
			border:1px solid red;
			max-width:1600px;
			margin-right:6rem;
			*/
		}    
		.block .textblock .textblock_spalte1{
            width:50%;
            padding-right:1rem;
		}     
		.block .textblock .textblock_spalte2{
            width:50%;
            padding-left:1rem;
		}  





		.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;
		}




		.titelformular{
			/*background:var( --color_1);*/
			color:var( --color_1);
			padding:0.3rem 0rem;
			margin:0rem auto 0.5rem auto;
		}








		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		/*	NACHHALTIGKEIT										           */										 
		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		.nachhaltigkeit_container{
			margin-bottom:5rem;
			background-color:#ecefec;
			text-align:center;
			
		}

		.nachhaltigkeit_container_halter{
			margin:0 auto;
			display:flex;
			justify-content: space-between;
			flex-wrap:wrap;
			background-color:#ecefec;
			padding:0rem 1rem;
			max-width:1600px;
		}


		.nachhaltigkeit_eintrag{
			margin:6rem 0rem;
			width:25%;
			font-weight:700;
			font-size:1.2rem;
			border-right:1px solid black;
		}
		.nachhaltigkeit_eintrag:last-child{
			border:none;
		}

		.nachhaltigkeit_eintrag h4{
			font-weight:700;
			font-size:1.2rem;
			margin:0 auto;
			text-align:center;
		}

		.nachhaltigkeit_eintrag p{
			font-weight:400;
			font-size:1rem;
			text-align:center;
			padding:3rem 5rem;
		}


		.nachhaltigkeit_eintrag img{
			width:12rem;
		}




		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		/*	BILDLSIDER											           */										 
		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		.bildslider{
			overflow:hidden;
			height:50rem;
			line-height:0rem;
		}
		.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{
			display:flex;
			flex-wrap:wrap;
  			justify-content: space-between;
			width:100%;
			max-width: 1600px;
			margin:2rem auto;
			gap:1rem;
			padding:0rem;
		}
		.bildergalerie_bild_container {
			width:33%;
			overflow:hidden;
			flex-grow:1;
		}
		.bildergalerie_bild_container:nth-child(1) {
			width:66%;
		}
		.bildergalerie_bild_container:nth-child(3) {
			width:100%;
		}
		.bildergalerie_bild_container:nth-child(6) {
			width:100%;
		}
		.bildergalerie_bild {
			height:100%;
			width:100%;
			object-fit: cover;
			transition:all ease-in-out 0.5s;
		}
		.bildergalerie_bild:hover {
			/*transform:scale(1.01);*/
			transition:all ease-in-out 0.3s;
			opacity:0.9;
		}
		.bildergalerie_bild_container img {
			border:6px solid white !important;
		}


		

		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		/*	TRYPTICH UNTEN											       */										 
		/*	-------------------------------------------------------------- */
		/*	-------------------------------------------------------------- */
		.tryptich {
            background:var( --color_1);
			padding:4rem 4rem;
		
			width:100%;
		}

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

		.tryptich_eintrag p {
			color:white;
			padding:1rem 0rem;
			font-weight:700;
			font-size:1.2rem;
			min-height:6rem;
			margin-bottom:0.8rem;
		}
		.tryptich_eintrag .calltoaction {
            padding:0.3rem 2.8rem;
		}
		


/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	RASTER BLOCK SYSTEM											           */										  		
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */

/* 
Breite totel 1920px
Raster 1:    50-233 (183px) (Gap: 51px)
Raster 2:   284-467 (183px) (Gap: 51px)
Raster 3:   518-701 (183px) (Gap: 51px)
Raster 4:   752-935 (183px) (Gap: 51px)
Raster 5:  985-1168 (183px) (Gap: 51px)
Raster 6: 1219-1402 (183px) (Gap: 51px)
Raster 7: 1453-1636 (183px) (Gap: 51px)
Raster 8: 1687-1870 (183px) (Gap: 51px)


Logoklein:  links bei 284
Nav:  		rechts bei 1870
Titel: 		links bei 284 bis 1402
Text2Spalte:links bei 752 rechts bei 1870 
Titel: 		links bei 284

Bild links/Text rechts: Bild bis 935/Text ab 985-1402
Text links/Bild rechts: Text ab 752-1168/Bild ab 1219 

Footer
FAMBAU: 	links 284-701
Social: 	Mitte 752
Impressum: 	rechts 1219 (oder rechtsbuendig bis 1636)

*/
/* gesamter Inhalt Maximalbreite */
.raster_2s_7e {
	/*
	margin-left:6.76%;
	margin-right:6.76%;
	*/ 
	max-width:1600px;
	margin:0 auto;
	padding-left:3rem;
	padding-right:3rem;
}

.raster_4s_8e {
	margin-left:20%; /*284px */
}

/* über 2 rasterbreiten */
.raster_width_2x {
	width:32.6%;
}

.raster_zwischenraum_1x {
}


/* über 2 rasterbreiten */
.raster_width_5x {
	width:81.5%;
}

.h2_padding {
	margin-top:4rem;
}


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

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


/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	WOHNUNGEN LISTE												   */										  		
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */












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


		#hamburger {
			display:none;
		}

		.hauptmenu  {
		}

		.hauptmenu a {
			margin:0rem 0rem 0rem 1.2rem;
			display:inline-block;
			text-transform:uppercase;
			position:relative;
		}
		.hauptmenu a:hover{
            color:var( --color_2);
		}
		.hauptmenu .standpunkt {
            color:var( --color_2);
		}
		.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:2rem 4rem !important;
}


.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;
}
#formbox div {
	padding:0.2rem 0;
}
#formbox  {
	margin-bottom:4rem;
}



#formbox select{
	width:170px;
}


.formular_h2 {
	margin-bottom:1rem !important;
}

input,
select,
textarea {
	font-size:1em;
	background-color:white;
	color:black;
	border:none;
	border-bottom:1px solid black;
	width:98%;
	padding:1rem;
	margin-bottom:1rem;
	transition:all ease-in-out 0.5s;
	font-family: semplicitapro, sans-serif;
	font-style: normal;
}
input:focus, textarea:focus {
	color:#111;
	transition:all ease-in-out 0.3s;
	font-family: semplicitapro, sans-serif;
	font-style: normal;
}

input[placeholder], [placeholder], *[placeholder] {
	color:#343434 !important;
	font-family: semplicitapro, sans-serif;
	font-style: normal;
}
/* Webkit */
::-webkit-input-placeholder { color: #343434; 
	padding:8px;
	}
/* Firefox 4-18 */
:-moz-placeholder { color: #343434;
	padding:8px;
	}
/* Firefox 19+ */
::-moz-placeholder { color: #343434;
	padding:8px;
	}
/* IE10+ */
:-ms-input-placeholder { color: #343434;
	padding:8px;
	 }


textarea {
	height:120px;
	font-family: semplicitapro, sans-serif;
	font-style: normal;
}
input[type=submit],
input[type=button] {
            background:var(--color_2);
            border:none;
            border-radius:1rem;
            color:white !important;
            font-size:0.8rem;
            padding:0.4rem 2.5rem 0.4rem 2.5rem;
            text-transform:uppercase;
			transition:all ease-in-out 0.3s;
			font-weight:bold;
			cursor:pointer;
			box-shadow: none !important;
	font-family: semplicitapro, sans-serif;
	font-style: normal;
	width:auto;
        }
input[type=submit]:hover,
input[type=button]:hover {
	background-color:#cdcdcd;
	color:#121212 !important;
}
input[type=radio],
input[type=checkbox] {
	width:auto;
}


#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%;
}



	#form_schritte {
		display:flex;
		padding:1rem 0rem;
	}
	.form_schritt_anzeige{
		margin-right:1rem;
		background:var(--color_1)  !important;
		color:white;
		padding:0.5rem 1rem !important;
		cursor:pointer;
	}
	.form_schritt_anzeige_aktiv{
		background:white !important;
		color:var(--color_1)  !important;
		border:1px solid black !important;
		margin-right:1rem;
	}
	
	.form_schritt_anzeige_leeren{
		margin-right:1rem;
		background:var(--color_1)  !important;
		color:white  !important;
		padding:0.5rem 1rem !important;
		cursor:pointer;
	}
	
	
	.form_zwei_spalten {
		width:100%;
		display:flex;
		flex-wrap:wrap;
	}
	.form_spalte {
		width:40%;
	}
	@media screen and(min-width:800px){

		.form_spalte {
			width:100%;
		}
	}
	
	
	
	.formular_warnung {
		border:2px dashed var(--color_2) !important;
	}
	.formular_warnung_titel{
		color:var(--color_2);
	}
	.formular_warnung_titel::after {
		font-size:0.6rem;
		content:" Bitte ausfuellen...";
		color:var(--color_2);
	}
	.formular_ok_titel::after {
		content:" ✔";
		color:var(--color_1);
	}
	.form_bereiche {
		display:none;
	}
	.form_hidden {
		display:none;
	}
	
	.buttonstyle {
			background: var(--color_2);
			border: none;
			border-radius: 1rem;
			color: white !important;
			font-size: 0.8rem;
			padding: 0.4rem 2.5rem 0.4rem 2.5rem !important;
			text-transform: uppercase;
			transition: all ease-in-out 0.3s;
			font-weight: bold;
			text-align: center;
			cursor: pointer;
			box-shadow: none !important;
			font-family: semplicitapro, sans-serif;
			font-style: normal;
			width: auto;
	}
	
	
/*	===================================================== MEDIA QUERIES =============================================== */
/*	===================================================== MEDIA QUERIES =============================================== */
/*	===================================================== MEDIA QUERIES =============================================== */


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


@media(max-width: 1050px) { 
	
	
	
	main {
		padding:0rem;
	}
	
	.logoklein {
		position:fixed;
		top:.2rem;
		left:.2rem;
		margin:0rem 0rem !important;
		text-align:left;
		z-index:9999999;
	}

	.logoklein img{
		padding:0.5rem;
		width:auto;
		height:3rem !important;
	}
header {
    background-size:150%;
    background-position: center center;
    background-attachment: fixed;
    height: 30rem;
}
	.headerlogo {
		width:70% !important;
		height:auto !important;
	}
	nav,#navigationsbalken{
		width:100%;
		position:relative !important;
		padding:0rem 0rem;
		margin:0rem 0rem;
	}
	
	.hauptmenu{
       flex-direction: column;
		line-height:0;
	}
	.hauptmenu a, .calltoactionmenu{
		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;
	}
	
	.calltoactionmenu{
		border-bottom:1px solid white;
		background:none !important;
		box-shadow:none;
	}
	.hauptmenu a:hover{
		background-color:white;
		color:var( --color_1) !important;
	}
	.hauptmenu .standpunkt{
		display:none;
	}
	
	#navigationsbalken {
		z-index:99999;
	}
	
	nav,#navigationsbalken{
		width:100%;
		position:fixed !important;
		top:0;
		left: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;
	}
	
	
	.content {
		margin:0;
		padding-top:2rem;
	}
	
	.flexlayout {
       flex-direction: column;
	}
	.tryptich_eintrag  {
		width:100%;
		margin-bottom:3rem;
		text-align:center;
		padding:1rem;
	}
	
	.tryptich_eintrag .calltoaction {
		margin:0 auto;
		font-size:1.1rem;
	}
	
	.zweispalten  {
		column-count: 1;
	}
	.textblock {
		padding:1rem !important;
    	font-size: 1.2rem;
	}
	.fambau_flag {
		height:120px;
		top:auto;
		bottom:5rem !important;
	}	
	
	
.bildergalerie {
    margin-top: 2rem;
}
	
	.h2_padding {
		padding:0;
		margin:0;
	}
	
	.block h2 {
		font-size: 1.8rem;
		margin-left: 0rem;
		width:100%;
		padding-left: 0rem;
		padding-right: 1rem;
	}
	.h2container{
		padding:1rem !important;
		margin-top:2rem !important;
	}

	
	
	section, .block_container, .textblock{
		padding:0;
		margin:0;
	}
	
	
	.block .textblock {
		padding-top: 5rem;
		padding-bottom: 6rem;
		flex-direction: column;
		width:100%;
	}
	
	.block .textblock h3{
		padding-top: 1rem;
		margin-bottom: 0.5rem;
	}
	.block .textblock .textblock_spalte1, .block .textblock .textblock_spalte2 {
		width:100%;
		padding:0;
	}
	
	.block .textblock .textblock_spalte2 {
		
		margin-top: 2rem;
	}
	
	.form_zwei_spalten{
		flex-direction: column;
		width:100%;
	}
	.form_spalte{
		width:100%;
	}
	
	.raster_width_5x{
		width:100%;
		margin:0rem 0em;
	}
	.raster_2s_7e, .raster_4s_8e   {
		width:100%;
		margin:0rem 0em;
		
		padding-left:0rem;
		padding-right:0rem;
	}
	.footer_firma, .footer_socialmedia , .footer_infos   {
		width:100%;
		margin-bottom:1rem;
		text-align:center;
	}
	
	
	.nachhaltigkeit_container_halter{
			flex-direction:column;
			margin-left:0%; /*6.76% */
			margin-right:0%;
			padding:0rem;
		}
		.nachhaltigkeit_eintrag{
			margin:0 auto; 
			padding:1rem 0rem;
			width:100%;
			border:none;
			border-bottom:1px solid black;
		}
	.nachhaltigkeit_eintrag p {
    font-weight: 400;
    font-size: 1.1rem;
    padding: 1rem;
}
	
.nachhaltigkeit_eintrag h4 {
    font-size: 1.4rem;
}
	
		.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;
	}
	
	#wohnungsplan {
		display:block;
		width:100%;
		height: auto !important;
    	border-right: 0px solid rgba(222,222,222,0.8) !important;
	}
	.plan_uebersicht, .plan_bild {
		position:absolute;
		width:100%;
		height: auto !important;
	}
	
	
	
	.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;
}
	
.easytotop {
    padding: .8rem;
    font-size: 1.8rem;
    line-height: 0;
    position: fixed;
    bottom: 0.2rem;
    right: 0em;
}
	
	
} /* Ende 1050px */


 /* ---------------------------- 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;
			}
			
			/* parallax effekt scrollen -> Bildbalken oder Hintergrund Vollbild */
			.parallaxBalken {
				position:relative;
				overflow: hidden;
				border-bottom:1px solid darkgray;
				border-top:1px solid darkgray;
			}
			.parallaxBalkenBackground {
				position:absolute;
				background-repeat:no-repeat;
				background-size:cover;
				background-position:center;
				width:100%;
				height:150%;
				top:0%;
				left:0;
				z-index:1;
			}
			/*
			.parallaxBalkenContent {
				width:100%;
				position:relative;
				margin:0 auto;
				z-index:2;
				text-align:center;
			}
			*/
			

			.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 ---------------------------- */