/* Bootstrap inspired */
.l351111113 .hidden {
	display: none;
	visibility: hidden;
}

.l351111113 .hidden-desktop {
	display: none !important;
}

.l351111113 .visible-phone {
	display: none !important;
}

.l351111113 .visible-tablet {
	display: none !important;
}

.l351111113 .visible-desktop {
	display: inherit !important;
}


/*
 --------------- Media Queries - Responsive -------------
*/

@media (min-width: 1200px) {
	/*Large display*/
}

@media (max-width: 979px) {
	/*default*/
	/* senseless cause Layoutwidth per default: 900px */
}

@media (max-width: 900px) {
	/*lower than default resolution: get fluid*/

	.l351111113 .hidden-desktop {
		display: inherit !important;
	}
	.l351111113 .visible-desktop {
		display: none !important;
	}
	.l351111113 .visible-phone {
		display: inherit !important;
	}
	.l351111113 .hidden-phone {
		display: none !important;
	}

    .l351111113 #shanty {
		width: 95%;
		padding: 0 2%;
	}
    .l351111113 #header {
		width: 100%;
		padding: 0;
		margin: 0 0 20px 0;
	}
	.l351111113  #header .search {
		bottom: auto;
		left: auto;
		margin: 0 auto 10px 0;
		position: relative;
	}
	.l351111113 #header .search .submit {
		left: 150px;
		top: 2px;
	}
	.l351111113 #language {
		bottom: auto;
		float: none;
		left: auto;
		right: 0;
		top: 0;
		width: 50px;
	}
	
	.l351111113 #header .slogan {
		bottom: auto;
		left: 0;
		text-align: center;
		top: 30px;
		width: 100%;
	}
	.l351111113  #header .rechts {
		float: none;
		margin-top: 40px;
	}
	
	.l351111113  #header .rechts a {
		display: block;
	}
	
	.l351111113  #header .rechts img {
		margin: 0 auto;
	}
	.l351111113  #main {
		background: none;
		position: relative;
		float: none !important;
	}
	
	.l351111113 #leftFrame {
		float: none;
		margin: 0;
		width: 100%;
	}
	
	.l351111113 #anschrift h3 {
		margin: 0 0 10px 0;
	}
	
	.l351111113 #adresse,
	.l351111113 #telefon,
	.l351111113 #hotline {
		width: 31.5%;
		margin: 0 1% 0 0;
		float: left;
	}
	.l351111113 #hotline {
		margin: 0;
	}
	
	.l351111113  #home ul, 
	.l351111113  #menu ul,
	.l351111113  #home ul li, 
	.l351111113  #menu ul li {
		width: 100%;
	}
	.l351111113  #rightFrame {
		position: relative;
		float: none;
	}
	.l351111113  #rightFrame .template_left {
		float: none;
	}
    .l351111113  #headerbild {
      display: none;
    }
	.l351111113  #headerbild,
	.l351111113  #globalMenu {
		width: 100%;
	}
	.l351111113  #headerbild img {
		width: 100%;
		height: auto;
	}
	.l351111113  #globalMenu {
		position: relative;
	}
	.l351111113  #rightFrame .template_left.mitte {
		margin-bottom: 20px;
	}
	.l351111113  #claim {
		width: 100%;
		height: auto;
	}
	.l351111113 #claim h4,
	.l351111113 #iso14001 {
		width: 50%;
		float: left;
	}
	.l351111113 #contentHeader,
	.l351111113 #content.mitte,
	.l351111113 #content .Document,
	.l351111113 #content .Document .Template {
		width: 100%;
	}
	.l351111113 .nav-toggle {
		background: url(/gfx/hamburger.png) no-repeat 20px center #999999;
		border-top: 5px solid #fff;
		color: #FFFFFF;
		display: block;
		font-size: 1.2em;
		padding: 7px 0 7px 51px;
		text-decoration: none;
	}
	.l351111113 #footer {
		width: 100%;
	}
	.l351111113 #footer .links,
	.l351111113 #footer .mitte,
	.l351111113 #footer .rechts {
		width: 100%;
		padding: 15px 0;
		margin: 0;
	}
	
	
	/* Templates */
	
}

@media (max-width: 767px) {
	/*Phones to tablets*/
	
	/* Templates */
	.l351111113 .Template.s2.s96 .spalte, 
	.l351111113 .Template.s2.s82 .spalte {
		height: auto;
	}
	
	.l351111113 .Template.s2.s96 .spalte,
	.l351111113 .Template.s2.s82 .spalte {
		width: 98% !important;
	}
	.l351111113 .s96 .Nachricht.spalte .bild {
		margin: 0 0 15px 0;
		width: 100%;
	}
	.l351111113 .s96 .Nachricht.spalte .info {
		width: 65%;
	}
	.l351111113 .s96 .Nachricht.spalte .info h1 {
		height: auto;
		left: auto;
		position: relative;
	}
	
	.l351111113 .s96 .Nachricht.spalte .info .text {
		margin-top: 0;
	}
    
	/* Bilder miittig ueber Text anordnen */

	.l351111113 #content .Template .spalte,
	.l351111113 #content .Template .spalte,
	.l351111113 #content .Template.s5.s97 .spalte {
		float: none;
		margin: 0 0 15px 0;
		width: 100%;
	}

	.l351111113 #content .Template .spalte .bild,
	.l351111113 #content .Template.s5 .spalte .bild,
	.l351111113 #content .s96 .Nachricht.spalte .bild {
		background: #E6E6E6;
		width: 100%;
		height: auto;
		border-top: 2px solid #F7E100;
		border-bottom: none;
		height: auto;
		text-align: center;
	}

	.l351111113 #content .Template .spalte .bild img,
	.l351111113 #content .Template.s5 .spalte img,
	.l351111113 #content .s96 .Nachricht.spalte .bild img {
		border: none;
		display: block;
		height: auto;
		width: 250px;
		margin: 0 auto;
	}
	
	/* Ansprechpartner und Mehrspalter nebeneinander */
	
	.l351111113 #content .Template.s234 .spalteEins,
	.l351111113 #content .s71 .spalteEins, .s71 .spalteZwei {
		margin-right: 0;
	}
	
	.l351111113 #content .Template.s234 .spalteEins, 
	.l351111113 #content .Template.s234 .spalteZwei,
	.l351111113 #content .s71 .spalteEins,
	.l351111113 #content .s71 .spalteZwei,
	.l351111113 #content .s71 .spalteDrei {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
}


@media (max-width: 480px) {
	/*Phones*/
	.l351111113 #shanty {
		/* min-width: 320px; */
	}
	.l351111113 #iso14001 img {
		max-width: 100%;
		height: auto;
	}
	.l351111113 #globalMenu {
		min-height: 26px;
		white-space: normal;
		height: auto;
	}
	.l351111113 #globalMenu a {
		display: inline-block;
		padding: 10px;
	}
	.l351111113 #anschrift h3 {
		margin-bottom: 5px;
	}
	.l351111113 #adresse,
	.l351111113 #telefon,
	.l351111113 #hotline {
		float: none;
		width: 100%;
		line-height: 1.2em;
		padding: 0 0 5px 0;
	}
}