@charset "utf-8";

:root {
		
	--ci-color-orange: #f39314;
	--ci-color-orange-rgb: 243,147,20;
	
	--ci-color-dark: #2b2a29;
	--ci-color-dark-rgb :43,42,41;
	
	--ci-color-blue: #007db0;
	--ci-color-blue-rgb: 0,125,176 ;
	
	/*	
	--color-font-headlines-dark-rgb: 2,2,2;
	--color-font-headlines-dark: #020202;
	
	--color-font-dark-rgb: 60,60,60;
	--color-font-dark: #3c3c3c;
	
	--color-red-rgb: 197,20,28;
	--color-red: #c5141c;
	
	--color-ci-green-rgb: 18,96,106;
	--color-ci-green: #12606a;
	
	--color-ci-rgb: 18,96,106;
	--color-ci: #12606a;
	
	--color-darkestgrey-rgb: 64,64,64;
	--color-darkestgrey: #404040;
	
	--color-darkgrey-rgb: 101,101,101;
	--color-darkgrey: #656565;
		
	--color-grey-rgb: 181,181,181;
	--color-grey: #b5b5b5;
		
	--color-lightgrey-rgb: 229,229,229;
	--color-lightgrey: #e5e5e5;
		
	--color-link-grey-rgb: 102,102,102;
	--color-link-grey: #666666;
		
	--color-green-rgb: 108,177,46;
	--color-green: #6cb12e;
		
	--color-darkgreen-rgb: 22,130,45;
	--color-darkgreen: #16822d;
	
	--color-blue-1-rgb: 29,79,108;
	--color-blue-1-rgb: 25,38,48;
	
	--color-grey-headline-rgb: 134,129,125;
	--color-grey-headline: #86817D;
		
	--color-dark-text-rgb:46,45,48;
	--color-dark-text:#2e2d30;
	
	--slider-height: 1080px;	
		
	--picbox-width: 236px;
	--picbox-pano-width: 312px;
	
	--container-width: 1280px;
	
	--color-blue-body1-rgb: 29,79,108;
	--color-blue-body2-rgb: 25,38,48;
	*/
	
}
@media only screen and (min-width: 120px) and (max-width:480px) {
		
	header,
	#container #box,
	nav#nav,
	footer div#block,
	#content{
		display:block;
		float:none;
		margin:0;
		padding:0;
		width:auto;
	}
	
	#container {
		margin-top:24px;
	}
	
	#bildstreifen {
		margin-bottom:12px !important;
	}	
	
	#content {
		width:auto;
		float:none;
		margin:0;
		width: calc(100% - 40px);
		padding: 0 20px 24px 20px;
	}
	

	section,
	article,
	#container #box nav#subnav  {
		width:auto;
		max-width:460px;
	}

	
	
	
	#content section h1, 
	#content section h2.h1 {
		font-size:340%;
	}
	
	
	
}



@media only screen and (min-width: 481px) and (max-width: 768px) {
	
	header,
	#container #box,
	nav#nav,
	footer div#block,
	#content,
	#bildsltreifen,	
	#container #box nav#subnav,
	#container #box nav#subnav .block  {
		display:block;
		float:none;
		margin:0;
		padding:0;
		width:auto;
	}

	

	#container #box,
	footer div#block {
		margin:0;
		padding:0;
	}

	
	#content {
		width:auto;
		float:none;
		margin:0;
		width: calc(100% - 80px);
		padding: 0 40px 24px 40px;
	}

	

	nav#subnav p {
		display:block;
		width:auto;
		float:none;
		margin:0;
	}


}



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

	/* GALERIE START */

	#content ul.galerie {
		list-style:none;
		margin:16px auto 24px auto;
		text-align:center;
	}

	#content ul.galerie li {
		float:none;	
		margin:0 auto 30px auto;
		width:100%;
		max-width:480px;
	}	

	#content ul.galerie li:nth-child(2n) {
		margin-right:auto;
	}

	#content ul.galerie li a img {
		border:1px solid #f5a034;
		max-width:calc(100% - 2px);
		
	}

	/* GALERIE ENDE */
	
}


@media only screen and (min-width: 481px) and (max-width: 1024px) {
	
	#container {
		margin-top:24px;
	}
	
	#bildstreifen {
		margin-bottom:12px !important;
	}	
	
}



@media only screen and (min-width: 769px) and (max-width: 1024px) {

	header,
	#container #box,
	nav#nav,
	footer div#block,
	#content,
	#bildstreifen,	
	#container #box nav#subnav,
	#container #box nav#subnav .block {
		display:block;
		float:none;
		margin:0;
		padding:0;
		width:auto;
		height:auto;
	}
	
	
	
	#content {
		width:auto;
		float:none;
		margin:0;
		width: calc(100% - 80px);
		padding: 0 40px 24px 40px;
	}
	

	

	#container #box,
	footer div#block {
		margin:0;
		padding:0;
	}

	
	nav#subnav p {
		display:block;
		width:auto;
		float:none;
		margin:0;
	}

	nav#nav {
		width:auto;
		text-align:center;
		display:block;
	}

	nav#nav ul#mainnav {
		float:none;
		margin:10px auto;
		padding:0;
		width:auto;
		display:inline-block;
	}

	nav#nav p.logo {
		display:block;
		float:none;
		margin:0 auto;
		width:auto;
		text-align:center;
	}

	#breadcrumb {
		width:auto;
	}


	#content section,
	#content section article {
		width:auto;
		display:block;
	}

	

}


footer .nowrap {
	white-space: normal !important;
}