@charset "UTF-8";
/* CSS Document */
/*	
.screensize span {display: none; visibility:hidden;}
@media screen and (min-width: 2024px) {}
*/


@media screen and (min-width: 1024px)  {	
	
	.container_3 {
	max-width: 1800px;	
	} 
	body {
	font-size: 1.8em;
	line-height: 125%;	
		}
	
	
}	


@media screen and (min-width: 700px) and (max-width: 1024px) {	
	body {
	font-size: 1.35em;
	line-height: 125%;
	}

}


@media screen and (min-device-width: 700px) and (max-device-width: 1024px) and (orientation: portrait) {
	
	body {
	font-size: 1.5em;
	line-height: 120%;
	}
	.grid_1,
	.grid_2 {
	min-width:300px;
	} 

	.container_3 .grid_1,
	.container_3 .grid_2 {
	min-width:96%;
	}
	.grid_1,
	.grid_2,
	.grid_3 {
	margin-left:0;
	}
	.container_3 .prefix_1,
	.container_3 .prefix_2 {
	padding-left:0;
	}
	.container_3 .suffix_1,
	.container_3 .suffix_1 {
	padding-right:0;
	}

	.container_3 .push_1,
	.container_3 .push_2 {
	left:0;
	}
	
	.container_3 .pull_1,
	.container_3 .pull_2 {
	left:0;
	}

}


@media screen and (max-device-width: 699px) and (orientation: portrait) {
	.logged {
	visibility:hidden;
	}
}


/*iphone*/
@media screen and (max-width: 699px){
	body {
	font-size: 1.2em;
	line-height: 120%;
	}
	.rubri, .einz{
	text-align:left;
	font-size: 90%;
	}
	#gallery1 figure {
	margin:8em 0 0;
	}
	#gallery2 figure {
	margin:1em 0 0;
	}
	#gallery figure figcaption {
	visibility:hidden;
	}
	#gallery1 figure figcaption,
	#gallery2 figure figcaption{
	left: 1.1em;
	max-height:2em;
	bottom: -3em;
	}
	
	#gallery1 figure figcaption {
	background-color:#fff;
	display:block;
	}
	.land,
	.land1 {
	left: 1.1em;
	}
	.land {
	top: -5em;
	}
	.container_3 {
	width: 80%;
	margin-left:10%;
	margin-right:10%;
	}

	.grid_1,
	.grid_2,
	.grid_3 {
	float: none;
	}

	.grid_1,
	.grid_2 {
	min-width:300px;
	} 

	.container_3 .grid_1,
	.container_3 .grid_2 {
	min-width:96%;
	}
	.grid_1,
	.grid_2,
	.grid_3 {
	margin-left:0;
	}
	.container_3 .prefix_1,
	.container_3 .prefix_2 {
	padding-left:0;
	}
	.container_3 .suffix_1,
	.container_3 .suffix_1 {
	padding-right:0;
	}
	.container_3 .push_1,
	.container_3 .push_2 {
	left:0;
	}
	.container_3 .pull_1,
	.container_3 .pull_2 {
	left:0;
	}

.einz {
	padding-left:1.1em;
}

.logodesign {
	width:25px;
	height:25px;
	}
.logokommunikation {
	width:29px;
	height:25px;
	}
.logokommunikationland {
	width:auto;
	height:20px;
	}
	
.nomax700 {
	display:none;
	visibility:hidden;
	}	
#footer {
	position:fixed;
	height:20em;
	bottom:-17.5em;
	padding:1.1em 0 0 0;
	}
#footer:hover {
	bottom:0em;
	padding-top:3em;
	height:60%;
	}

}