/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body {
	background-image: url(../images/layout/hg-schwarzgrau.png);
	background-repeat: repeat-x;
	background-color: #000;
}

.header {
	
}

.main-navi {
	padding-left: 10px;
	display:block;
	}

.main-navi ul{
	margin: 0px;
	padding-top: 44px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.main-navi li {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	font-family: DINWeb-Bold, sans-serif;
}
.main-navi li a {
	color: #CCC;
	font-size: 14px;
	margin-right: 30px;
	display: block;
	text-decoration: none;
	height: 20px;
	padding-bottom: 17px;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.main-navi li a:hover, .main-navi li a.active {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCF00;
	color: #FFF;
}
.main-navi li ul{display:none}

.subnavi {
	padding-left: 10px;
	display: block;
	height: 68px;
	clear: left;
	width: 600px;
	}

.subnavi ul{
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.subnavi li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-family: DINWeb, sans-serif;
	font-size: 14px;
	float: left;
}
.subnavi li a {
	color: #CCC;
	font-size: 14px;
	margin-right: 20px;
	display: block;
	text-decoration: none;
	padding-top: 8px;
	line-height: 20px;
}
.subnavi li a:hover, .subnavi li a.active {
	color: #FFF;
}
.subnavi b {
	font-family: DINWeb-Bold, sans-serif;
	color: #FFF;
	font-size: 14px;
	margin-right: 20px;
	display: block;
	padding-top: 8px;
	line-height: 20px;
}
.einzeilig{
	padding-top: 10px;
	height: 58px;
}

.logo {
	background-color: #ffcf00;
	display: block;
	height: 60px;
	width: 220px;
	padding-top: 90px;
	text-align: center;
	float: right;
	margin-right: 10px;
	margin-left: 60px;
	position: absolute;
	right: 0px;
	z-index: 1000;
}

.toggleMenu {
	display: none;
	}
.logo-pe {
	background-color: #CFC7B5;
	display: block;
	height: 60px;
	width: 220px;
	padding-top: 90px;
	text-align: center;
	float: right;
	margin-right: 10px;
	margin-left: 60px;
	position: absolute;
	right: 0px;
	z-index: 1000;
}
.logo-partner {
	text-align: center;
	padding-top:20px !important;
	padding-bottom:20px !important;
	margin-bottom:20px !important;
}

.bild {
	background-image: url(../images/layout/zeppelin-image.jpg);
	background-size: cover;
	background-color: #000;
	background-repeat: no-repeat;
	display: block;
	background-position: center 82px;
	height: 100%;
	width: 100%;
}
#inhalt {
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center center;
	-ms-behavior: url(backgroundsize.min.htc);
}
.content {
	padding-top: 40px;
	padding-bottom: 40px;
}
.gelb {
	background-color: #ffcf00;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.gelb-text {
	color: #ffcf00;
}
.weiss {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.beige {
	background-color: #CFC7B5;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.blau {
	background-color: #84CEE4;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.m-grau {
	background-color: #999;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.d-grau {
	background-color: #333;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.grau {
	background-color: #f0f0f0;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.schwarz {
	background-color: #000;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.left {
	display: block;
	margin-right: 20px;
	float: left;
}
.abstand-preis-xl {padding-bottom: 60px}
.abstand-preis {padding-bottom: 20px}
.scroll {
	position: absolute;
	bottom: 0px;
	left: 0%;
	right: 0%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-family: DinWeb-Bold, sans-serif;
	font-size: 14px;
	font-weight: normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	text-transform: uppercase;
	height: 30px;
	background: rgba(0, 0, 0, 0.1);
	padding-top: 10px;
}
.scroll a {
	color: #FFF;
	display: inline;
	height: 30px;
	padding-top: 10px;
	transition: background 1.5s;
	padding-right: 10px;
	padding-left: 10px;
}
	
.scroll:hover {
	background: rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
.pfeil-unten {
	background-color: #f0f0f0;
	display: block;
	height: 40px;
	position: absolute;
	bottom: 0px;
	left: 0%;
	right: 0%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 126px;
}
.pfeil-unten img {
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.logo-r {
	margin-right: 20px;
	float: left;
	display: block;
}
.footer {
	margin-top: 40px;
	text-align: center;
	margin-bottom: 40px;
	height: 150px;
}
.footer ul {
	display: block;
	padding-top: 5px;
}
.footer li   {
	color: #ADADAD;
	text-decoration: none;
	margin-right: 20px;
	list-style-type: none;
	display: inline;
}
.footer a {
	color: #ADADAD;
	text-decoration: none;
}
.footer a:hover {
	color: #CCC;
	text-decoration: underline;
}

.tab {
	display:none
}
.mob {
	display:none
}
.desk {
	display:inherit
}

.box {
	height: 100%;
	width: 100%;
	display: block;
	background-size:cover;
	position: absolute;
	z-index: -100;
	background-position: 0px 150px;
	background-repeat: no-repeat;
}
.slider-wrap {
	position: relative;
	
}

#slider {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	height: auto;
	text-align: center;
}
#slider .slide {
	position: absolute;
	left: 100%;
	width: 100%;
	height: 100%;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	-webkit-transition: left 500ms ease;
	-moz-transition: left 500ms ease;
	-ms-transition: left 500ms ease;
	-o-transition: left 500ms ease;
	transition: left 500ms ease;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	-ms-behavior: url(backgroundsize.min.htc);
}
#slider .slide.r { background-color: #4f3434; }
#slider .slide.g { background-color: #344f38; }
#slider .slide.b { background-color: #3a344f; }

    /* Hold Transitions - REQUIRED for looping */
    #slider.no-transition .slide {
        -webkit-transition: none;
           -moz-transition: none;
            -ms-transition: none;
             -o-transition: none;
                transition: none;
    }

    /* Animations */
    #slider .slide.old { left: -100%; }
    #slider .slide.visible {
	left: 0;
}
    #slider .slide.next { left: 100%; }
	
	.overlay {
	height: 100%;
	width: 100%;
	opacity: 0.15;
	background-image: url(../images/layout/hg-buttonaktiv.png);
	background-repeat: repeat;
}

.overlay-dunkel {
	height: 100%;
	width: 100%;
	opacity: 0.15;
	background-color: #000;
}
.copy {
	position: absolute;
	width: 600px;
	top: 50%;
	right: 50%;
	margin-right: -300px;
	margin-top: -100px;
	}
.copy h3, h4{
	color:#fff;
	}	
	
 



.info-button {
	font-family: DinWeb-Bold, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #FFF;
	border: 1px solid #FFF;
	padding-top: 12px;
	padding-right: 40px;
	padding-bottom: 12px;
	padding-left: 40px;
}

a.info-button:hover{
	border: 1px solid #fff;
	color: #FFF;
	background-image: url(../images/layout/hg-buttonaktiv.png);
}

.info-button-grau {
	font-family: DINWeb, sans-serif;
	font-size: 14px;
	text-transform: none;
	border: 1px solid #CCC;
	padding-top: 8px;
	padding-right: 40px;
	padding-bottom: 8px;
	padding-left: 40px;
	margin-top: 6px;
	margin-bottom: 6px;
	display: inline-block;
}
.info-button-weiss {
	font-family: DINWeb, sans-serif;
	font-size: 14px;
	text-transform: none;
	border: 1px solid #FFF;
	padding-top: 8px;
	padding-right: 40px;
	padding-bottom: 8px;
	padding-left: 40px;
	margin-top: 12px;
	margin-bottom: 12px;
	display: inline-block;
}


a.info-button-grau:hover {
	border: 1px solid #999;
	color: #000;	
}
a.info-button-weiss:hover {
	border: 1px solid #000;
	color: #000;
}
body , html{
	height: 100%;
}
ul.actions {
	margin: 0px;
	padding: 0px;
	}


li.next  {
	right: 0px;
	width: 50px;
	position: absolute;
	z-index: 1;
	height: 100%;
	overflow:hidden;
}	
li.prev {
	position: absolute;
	left: 0px;
	width: 50px;
	z-index: 1;
	height: 100%;
	overflow:hidden;
}	

li.next a {
	cursor:pointer;
	color:#FFF;
	right: 0px;
	position: absolute;
	top: 50%;
	height: 140px;
	width: 60px;
	text-indent: -2000px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	margin-top: -70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/layout/Pfeile-gross.png);
	background-repeat: no-repeat;
	background-position: -102px center;
		}	
		
		li.prev a {
	cursor:pointer;
	color:#FFF;
	left: 0px;
	position: absolute;
	top: 50%;
	height: 140px;
	width: 60px;
	text-indent: -2000px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	margin-top: -70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/layout/Pfeile-gross.png);
	background-repeat: no-repeat;
	background-position: 0px center;
		}	

		
	li.next:hover a{
	right: 0px;
	
}
li.prev:hover a{
	left: 0px;
	
}



.abstand-oben {
	padding-top: 100px;
}
.abstand-pe {
	padding-top: 60px;
}


.margin-desk {
	margin-top:47px;
	}
	


/* #Page Styles
================================================== */

.bwWrapper {
	position:relative;
	display:block;
	cursor:pointer;
	margin-bottom: 50px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
		}
		
		.bwWrapper img{
	padding-bottom: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
		}
		
.regal {
	background-image: url(../images/layout/regal-1.jpg);
	background-repeat: no-repeat;
	height: 260px;
	background-position: 240px -40px;
	}	
	
.regal p {
	width: 220px;
	float: left;
	}	
	
	.regal h1 {
	width: 220px;
	float: left;
	}
	
.buch {
	display: block;
	float: right;	
}
.buch a{
	display: block;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 0px;
	text-decoration: none;
	height: 205px;
	width: 150px;
	margin-top: 15px;
	margin-right: 54px;
}	
.abstand-buch {
	margin-right: 30px;
}	

.abstand-unten {padding-bottom: 20px;}

.view {
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px !important;
	margin-left: 0px;
}
.view .mask,.view .content {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}


.view a.info {
	display: table-cell;
	text-decoration: none;
	color: #fff;
	font-size: 17px;
	text-align: center;
	vertical-align: middle;
	padding-right: 10px;
	padding-left: 10px;
	height: 147px;
	background-image: url(../images/layout/plus.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 28px;
	width: 200px;
}


.view .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(51,51,51, 0.6);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}


.view:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}


.referenz {
	height: 100%;
	width: 100%;
	display: block;
	background-size:cover;
	background-position: center 150px;
	background-repeat: no-repeat;
	max-width:1600px;
	margin-right: auto;
	margin-left: auto;
	}


.bildergalerie img {
	margin-bottom: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	vertical-align: bottom;
}

.galerie-pint {
	margin:0px auto;
	/*-webkit-column-count: 1;*/
	-webkit-column-gap: 0;
	/*-moz-column-count: 1;*/
	-moz-column-gap: 0;
	/*column-count: 1;*/
	column-gap: 0;
	max-width:300px;
}

.no-csscolumns .galerie-pint {
	max-width:440px;
}

.post {
	background:white;
	display: inline-block;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
img.post {
	max-width: 100%;
	height: auto;
	width: 300px;
	vertical-align: bottom;

}
@media screen and (min-width:480px) {
.galerie-pint {
	max-width:420px;
}
}

@media screen and (min-width:768px) {
	.galerie-pint {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		max-width:768px;
	}
	img.post {
	width: 364px;
}

.post {
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
}

@media screen and (min-width:960px) {
	.galerie-pint {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		max-width:960px;
	}
	img.post {
	width: 460px;
}
}

@media screen and (min-width:1200px) {
	.galerie-pint {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		max-width:1200px;
	}
	
	img.post {
	width: 380px;
		
}
}

.uebersicht {
	background-image: url(../images/layout/uebersicht.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0px 0px;
	line-height: 24px;
	padding-bottom: 10px;
	padding-top: 5px;
}

.spalte {
	width:33.3333%;
	display:block;
	margin:0;
	padding:0;
	float:left
}

.spalte img{
	vertical-align: bottom;
	height: auto;
	width: 100%;
	
}
.halbespalte {
	width:50%;
	display:block;
	margin:0;
	padding:0;
	float:left
}

.halbespalte img{
	vertical-align: bottom;
	height: auto;
	width: 100%;
	
}

.bereich {
	display:block;
	margin-top: 50px;
	margin-bottom: 50px;
	}

#map-canvas {
	height: 750px;
	margin-bottom: 40px;
}

#map_content {

	
	color: #666;
}

#map_content a {
	font-size: 14px;
	color: #666;
	
}

#map_content a:hover {
	color: #000;
	
}

.karriere {display:inherit;}


.ganzespalte {
	width:100%;
	display:block;
	margin:0;
	padding:0;
	position: relative;
}

.ganzespalte img{
	vertical-align: bottom;
	height: auto;
	width: 100%;
	
}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
	.main-navi li a {
	
	margin-right: 20px;
	
}	

.logo img {
	width: 148px;
	padding-top: 10px;
}

.logo {
	width: 172px;
	margin-left: 0px;
}

.left {
	display: inline;
	margin-right: 10px;
}

.desk {
	display:none
}
.mob {
	display:none
}
.tab {
	display:inherit}
	
	
		
		
	
	.view
	
	 {height:170px;	
}
.view .mask,.view .content {
	opacity: 1.0;
	height:240px;
   top: 0;
   left: 0;
   overflow:visible;
}
.view img {
   display: block;
   position: relative;
}
	
	.view a.info {
	background-image:none;
	color:#333;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
	font-size: 14px;
	text-align: left;
	margin: 0px;
	height: auto;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 120px;
	width: 200px;
	line-height: 20px;
	}
	
	.view .mask, .view:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
	background-color: transparent;	
}

.regal {
	background-position: 0px -40px;
	height:400px;
	}	
	
.regal p {
	width: auto;
	}	
	
	.regal h1 {
	margin-top:50px;

	}	
	
	.abstand-buch {
	margin-right: 74px;
}

	
	
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		body {
	background-image: url(../images/layout/hg-gelb.png);
	background-repeat: repeat-x;
}

.header {
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
}
	
.logo img {float:right;}
		
	
		.logo {
	display: block;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float:none;
	clear: both;
	width: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position:static;
}
		li.prev a {
	background-image: url(../images/layout/Pfeile-mittel.png);
	background-position: 0px;
}
	li.next a {
	background-image: url(../images/layout/Pfeile-mittel.png);
	background-position: -102px;
}
		
		.toggleMenu {
	color: #000;
	text-decoration: none;
	background-image: url(../images/layout/toggle.png);
	background-position: 0px 0px;
	display: block;
	font-family: DINWeb-bold, sans-serif;
	font-size: 14px;
	background-repeat: no-repeat;
	padding-left: 40px;
	float: left;
	margin-top: 10px;
}
.toggleMenu:hover, .toggleMenu:active {
	background-position: 0px -40px;
}


	
		.main-navi{
	clear: both;
	background-color: #000;
	width: 100%;
	padding-left: 0px;
	}
	

.main-navi ul{
	padding-top: 0px;
	background-color: #000;
	width: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
	}

.main-navi li {
	float: none;
	list-style-type: none;
	color: #CCC;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	text-align: center;
	padding-top: 5px;
}

.main-navi ul li a {
	margin-right: 0px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	display: inline;
	padding-bottom: 13px;
	line-height: 41px;
}


.main-navi ul li.active a.active {
	color: #FFF;
	border-bottom-color: #FFCF00;
}


.main-navi ul li a:hover, .main-navi ul li a.active {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}


.main-navi li ul{
	display:none;
	background-color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
}


.main-navi li ul li {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-bottom: 8px;
	}
	

.main-navi li ul li a{
	font-family: DINWeb, sans-serif;
	color: #CCC;
	text-transform: none;
	line-height: 14px;

}

.main-navi li ul li a:hover, .main-navi li ul li a.active{
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
.main-navi li.hover ul, .main-navi li.active ul {
    display: block;
}

.main-navi li.hover, .main-navi li.active  {
	padding-bottom: 0px;	
	}
	
.subnavi {display:none;}

.scroll {display:none;}

.footer li   {
	margin-right: 0px;
	display: block;
}

.abstand-mob {
	margin-top: 20px;	
	}


.view .mask,.view .content {
	opacity: 1.0;
	height:147px;
   top: 0;
   left: 0;
   overflow:visible;
}
.view img {
	display: block;
	position: relative;
	height: auto;
	width: 220px;
}
	
	.view a.info {
	background-image:none;
	color:#333;
	font-size: 14px;
	text-align: left;
	margin: 0px;
	height: auto;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 249px;
	padding-top: 0px;
	height: 147px;
	vertical-align: top;
	line-height: 20px;
	word-wrap: break-word;

	}
	
	.view .mask, .view:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
	background-color: transparent;	
}

#inhalt{display:block;
width:100%;}


.image-wrap {
	width:100%;
	display:block;
	position:relative;
}

.pfeil-unten{
	height: 30px;
	width: 80px;
	position:absolute;
	bottom: 0px;
	
}
.pfeil-unten img{
	width: 30px;
	padding-right: 25px;
	padding-left: 25px;	
}
.copy {
	width: 420px;
	top: 50%;
	right: 50%;
	margin-right: -210px;
	margin-top: -100px;
	}
	
	.regal {
	display:none;
}

.spalte {
	width:50%;}
	
	.mobil {width:100%;!important}
	
	.spalte-mob {
		width:50%;
		float: left;
		
		}
	
	.margin-desk {
	margin-top:0px;
	}
.abstand-oben {
	padding-top: 40px;
}
.abstand-unten {
	padding-bottom: 20px;
}

.footer {
	height: 250px;
}

.abstand-pe {
	padding-top: 0px;
}

.halbespalte {
	width:100%;
	display:block;
	margin:0;
	padding:0;
}

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.logo {
	width: 420px;
}

.main-navi ul{
	padding-top: 0px;
	background-color: #000;
	width: 420px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
	}
	.tab {
	display:none
}
.desk {
	display:none
}
.mob {
	display:initial
}

}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
.tab {
	display:none
}
.desk {
	display:none
}
.mob {
	display:initial
}
.bild {
	background-image: url(../images/layout/zeppelin-image.jpg);
	background-size: cover;
	background-color: #FFCF00;
	background-repeat: no-repeat;
	display: block;
	background-position: center 150px;
	height: 100%;
	width: 100%;
}
.text-mob {
	background-image: url(../images/layout/zeppelin-image.jpg);
	background-size: cover;
	background-color: #FFCF00;
	background-repeat: no-repeat;
	display: block;
	background-position: center center;
	height: 100%;
	width: 100%;
}
.pfeil {
	display: none;
}

.view a.info {
	padding-left: 170px;
	padding-top: 0px;
	height: 115px;
	vertical-align: top;
	}
	.view img {
	display: block;
	position: relative;
	height: auto;
	width: 150px;
}

.copy {
	width: 300px;
	top: 50%;
	right: 50%;
	margin-right: -150px;
	margin-top: -100px;
	}
}
	ul {list-style: none outside;
		list-style-type: disc;}
ul li {margin-left: 20px;}

.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}

.preis_angebote {max-width: 150px; height: auto}

@media only screen and (min-width: 1200px){
.preis h1, .preis h2, .preis p{padding-left: 140px}}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.preis h1, .preis h2, .preis p{padding-left: 120px}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.preis h1, .preis h2, .preis p{padding-left: 96px}
}
.preise {display: flex; justify-content: flex-start; width: 100%;}

@media only screen and (min-width: 480px){
	.preise {justify-content: center;

}
}

.gruen {
	background-color: #bcd9a4;
	margin: 0px;
	padding: 100px 0px 0px;
	width: 100%;
}
.gruen p, .gruen h1, .gruen h2, .gruen h3, .gruen label{color: #000}
	
	.kulturblau {
	background-color: #8EBDE7;
	margin: 0px;
	padding: 50px 0px 0px;
	width: 100%;
}
.kulturblau p, .kulturblau h1, .kulturblau h2, .kulturblau h3, .kulturblau label{color: #000}
.kulturblau a {text-decoration: underline; color: #ea5b0c}
.kulturblau a:hover {text-decoration: underline; color: #000}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1001; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  width: 250px; position: relative;
}

.modal-content img {width: 100%; height: 100%; object-fit: cover}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
	position: absolute; right: 2px; top: 2px; cursor: pointer;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
	.modal-content {
  width: 500px; padding: 0px;
}
	.close {right: 3px; top: 3px;
}
}

.gruen {background-color: #bcd9a4}
.gruen img {display: block; width: 100%}
.lumpi {margin-bottom: 80px}
.logos-lumpi {display: flex; align-items: center; justify-content: center; width: 100%; margin: 50px 0; gap: 40px; flex-wrap: wrap}
.logos-lumpi img {width: 140px; height: 100%;}
@media only screen and (min-width: 768px) {
.logos-lumpi {justify-content: flex-start; }
}
.stelle {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -590px;
    width: 1180px;
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.stelle {
    margin-left: -470px;
    width: 940px;
}
}
   @media only screen and (min-width: 768px) and (max-width: 959px) {
	.stelle {
    margin-left: -384px;
    width: 758px;
}
}
  @media only screen and (max-width: 767px) {
	  .stelle {
    display: none;
}

}

.head-stelle {
    color: #fff;
    font-size: 90px;
    line-height: 70px;
    margin-bottom: -12px;
    text-transform: uppercase;
}