@charset "UTF-8";


@font-face {
    font-family: 'Nuckle';
    src: url('font/Nuckle-Bold.eot');
    src: local('NuckleBold'), local('Nuckle-Bold'),
        url('font/Nuckle-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/Nuckle-Bold.woff2') format('woff2'),
        url('font/Nuckle-Bold.woff') format('woff'),
        url('font/Nuckle-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nuckle';
    src: url('font/Nuckle-Regular.eot');
    src: local('NuckleRegular'), local('Nuckle-Regular'),
        url('font/Nuckle-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/Nuckle-Regular.woff2') format('woff2'),
        url('font/Nuckle-Regular.woff') format('woff'),
        url('font/Nuckle-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

#info-1, #info-2, #info-3, #info-4, #info-5, #info-6 {
    scroll-margin-top: 59px;
}



/* Das alles gehört zum Lichtkasten */

.lichtkasten section{
	overflow:hidden;
	position: absolute;
 	left: 0px;  
 	top: 0px; 
	width:100%;
	height:100%;
	z-index:900;
	display:none;
	
}


.lichtkasten section:target{
	display:flex;
	flex-direction:column;
	flex-flow: column;
	align-items:center;
	justify-content:center;
	background: rgba(0, 0, 0, 0.9); 
  	z-index:990;
}


/* Hier endet Lichtkasten */
html {scroll-behavior: smooth;}
body {background-color:#222;font-family:'Nuckle',Verdana,sans-serif;margin:0px;border:none;text-align:center;}
video {border:none;background:black;max-width: 100%;height: auto;}
img {max-width:100%;}

#kopfzeile{width:100%;max-width:1200px;height:50px;background-color:#79d;position:fixed;display:flex;top:0px;z-index:99} /* alte Farbe: #79d  */
#fusszeile {font-size:0.7em;background-color:#79d; position:fixed;bottom:0px;width:100%;max-width:1200px;z-index:99}
#kasten {display:block;	max-width:1200px;margin-left: auto;margin-right: auto;background-color:#fff;top:0px}
#macher{position:relative;display:flex;margin-top:70px;}

.besonders{font-size:1.5em;line-height:1.6}
.besonders:link {font-weight:normal;text-decoration:none;color:#bbb;}
.besonders:visited{font-weight:normal;text-decoration:none;color:#bbb;}
.besonders:hover{font-weight:normal;text-decoration:none;color:#0E66B3;}

.imtext:link {font-weight:normal;text-decoration:none;color:#0E66B3;}
.imtext:visited{font-weight:normal;text-decoration:none;color:#0E66B3;}
.imtext:hover{font-weight:normal;text-decoration:none;color:#DB6500;}

a:link {text-decoration-line: none; color:#000000;}
a:visited {text-decoration-line: none; color:#000000;}
a:hover {text-decoration-line: none; color: #ff0000;}


.normal{display:block}
.smart{display:none}


.vorschaubilder {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	flex-direction:row;
	justify-content: center;
	}

.vorschaubilder500 {
	width:90%;
	display:flex;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	flex-direction:column;
	justify-content: center;
	}


.vorschaubilder a{
	text-decoration:none;
	color:#000;
}

.vorschaubilder500 a{
	text-decoration:none;
	color:#000;
}


.vorschaubilder img{
	width:100%;
	height:100%;
	}


.vorschaubilder500 img{
	width:100%;
	height:100%;
	}
.vorschaureihe{
	width:100%;
	left:0px;
	height:auto;
}

.BildTextKasten {
		border:1px solid #444;
		display:block;
		height:100%;
		margin-bottom:0.5em;
		background-color:#eee;
	}

.BildTextKasten img{	
		height:auto;
	}

.BildTextKasten500 {
		border:1px solid #444;
		display:block;	
		margin-bottom:1vw;
		background-color:#eee;
	}

.BildTextKasten500 img{
		margin-bottom:-3px;
}



#filme{
	position:relative;
	margin-top:30px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	}

#filme500{
	
	display:none;
	}


.unten
{
z-index:1;
}

.oben
{
position:absolute;
top:0px;
left:0px;
z-index:50;
}



.film-luft-rechts{margin-right:5px}
.auswahlitems{display:flex;width:95.5%;margin-left:1.9em;margin-right:auto;margin-top:0px;}
.auswahlbilder{width:25%;border:1px solid #888;margin-right:0.5em;background-color:#ddd} 

.item-kasten{width:95%;margin-left:auto;margin-right:auto}
.item-text{width:70%;min-height:15em;float:left;text-align:left;font-size:1em;padding-left:0.5em;padding-right:0.5em;}
.item-bild{height:auto;width:35.5%;float:right;}

.table{display:table;width:95%; /* Hier wird die Breite der Bilder-Gruppe eingestellt */margin-left:auto;margin-right:auto;margin-top:20px;border-spacing: 6px 0;background-color:red}
.tab-reihe {display:table-row}

.table-start {display:table;margin-top:50px}
.table-row-start {display:table-row}
.table-cell-start-left {display:table-cell;width:25%;vertical-align:top}
.table-cell-start-middle {display:table-cell;width:40%;vertical-align:middle;text-align:left}
.table-cell-start-right {display:table-cell;;width:30%;vertical-align:top}

.tab-zelle-q {display:table-cell;width:25%;vertical-align:top;background-color:#ddd;border: 1px solid #999;}
.tab-zelle-q-5 {display:table-cell;width:20%;vertical-align:top;background-color:#ddd;border: 1px solid #999;}
.tab-zelle-h {display:table-cell;width:12.5%;vertical-align:top;background-color:#ddd;border: 1px solid #999;}
.bild{width:100%;}
.bild-h{width:100%;}
.startTop{display:flex;flex-direction:row;width:95%;font-size:1em;margin-left:auto;margin-right:auto;margin-top:50px}
.startText{width:80%;margin-left:1em;margin-top:12px;text-align:left;}
.startBild{width:16.3%;margin-bottom:4px;margin-top:15px;border:1px solid #fff}

.bildtext{text-align:left;font-size:0.8em;color:#222;padding:5px;}
.bildunterschrift{width:98%;font-size:0.8em;padding:0.5em;text-align:left;}
.bildunterschrift500{font-size:2em;}
.info-text {position:relative;max-width:1200px;font-size:1em;text-align:justify;padding-left:2em;padding-right:2em;line-height:1.5;background-color:#fff;color:#444;}

.ueberschrift {width:95%;margin-left:auto;margin-right:auto;position:relative;text-align:left;font-size:1.4em;color:#444;}
.ueberschrift-1 {font-size:1.3em;color:#222;width:94.5%;margin-left:auto;margin-right:auto;padding-top:8px;position:relative;display:flex;top:8%;z-index:1;}
.videounterschrift{font-size:1em;}

/*.bildlink {} */


@media (max-width: 1200px){
	#fusszeile {font-size:0.7em;}
	.auswahlitems{width:95.5%;display:flex;margin-left:2.55vw;margin-right:auto;margin-top:0px}
	.auswahlbilder{width:25%;border:1px solid #888;margin-right:0.5vw;background-color:#ddd} 
	.bildtext{text-align:left;font-size:1vw;color:#222;padding-top:2px;padding-left:5px;padding-bottom:10px}
	.info-text {font-size:1em;}
	.besonders{font-size:2vw;line-height:1.5;}
	.item-text{width:70%;min-height:20vw;float:left;text-align:left;font-size:0.9em;padding-left:0.5em;padding-right:0.5em;}
}


@media (max-width: 900px) and (orientation:landscape){
	#fusszeile {display:none}
	
	.item-text{width:70%;min-height:20vw;float:left;text-align:left;font-size:0.6em;padding-left:0.5em;padding-right:0.5em;}
	.auswahlitems{display:flex;width:95%;margin-left:auto;margin-right:auto;margin-top:0px}
	.auswahlbilder{width:25%;background-color:#ddd;border:1px solid #888} 
	.info-text {font-size:0.6em;background-color:#fff;padding-left:3.3em;color:#444;}
	.ueberschrift {width:94%;margin-left:auto;margin-right:auto;position:relative;text-align:left;font-size:1em;top:0px;color:#444;}
	.besonders{font-size:2vw;line-height:1.6}
	.bildtext{text-align:left;font-size:3vw;color:#222;padding-left:3px}
	.bildunterschrift{font-size:1.1vw; padding:0.6em;text-align:left;}
	.BildTextKasten {width:100%;}
	.startTop{display:flex;flex-direction:row;width:95%;font-size:1.6vw;margin-left:auto;margin-right:auto;margin-top:50px}
	.film-luft-rechts{width:20vw;margin-right:5px}
}

@media (max-width: 900px){
	#fusszeile {display:none}
	
	.item-text{width:70%;min-height:20vw;float:left;text-align:left;font-size:0.6em;padding-left:0.5em;padding-right:0.5em;}
	.auswahlitems{display:flex;width:95%;margin-left:2.5vw;margin-right:auto;margin-top:0px}
	.auswahlbilder{width:25%;background-color:#ddd;border:1px solid #888} 
	.info-text {font-size:0.6em;background-color:#fff;padding-left:3.3em;color:#444;}
	.ueberschrift {width:94%;margin-left:auto;margin-right:auto;position:relative;text-align:left;font-size:1em;color:#444;}
	.besonders{font-size:2vw;line-height:1.6}
	.bildtext{text-align:left;font-size:1.3vw;color:#222;padding-left:0.6vw}
	.bildunterschrift{font-size:1.3vw;padding-left:0.5vw;padding-right:0.5vw;text-align:left;}
	.BildTextKasten {width:100%;}
	.startTop{display:flex;flex-direction:row;width:95%;font-size:1.6vw;margin-left:auto;margin-right:auto;margin-top:50px}
	.film-luft-rechts{width:20vw;margin-right:5px}
}

	
@media (max-width: 550px){	
	
	#dasbild{width:60%;margin-top:0px;margin-left:auto;margin-right:auto}
	#macher{display:block;margin-left:auto;margin-right:auto;}
	#fusszeile {display:none}
	#filme{display:none;}
	#filme500{
		/*position:relative; */
		
		display:flex;
		justify-content:center;
	}
	
	.normal{display:none}
	.smart{display:block}
	
	
	.table{max-width:100vw}
	.tab-zelle-q {display:block;width:100%;margin-top:5px;margin-left:auto;margin-right:auto;vertical-align:top;background-color:#ccc;border: 1px solid #999; }
	.tab-zelle-q-5 {display:block;width:100%;margin-top:5px;vertical-align:top;background-color:#ddd;border: 1px solid #999;}
	.tab-zelle-h {display:block;width:100%;margin-top:5px;margin-left:auto;margin-right:auto;vertical-align:top;background-color:#ccc;border: 1px solid #999;}

	.table-start {display:block;margin-left:auto;margin-right:auto;}
	.table-row-start {display:block}
	.table-cell-start-left {display:none;margin-left:auto;margin-right:auto;}
	.table-cell-start-middle {display:block;position:relative;top:20px;margin-left:auto;margin-right:auto;width:80%;vertical-align:top;text-align:center;font-size:1.4em}
	.table-cell-start-right {display:block;position:relative;top:40px;margin-left:auto;margin-right:auto;width:60%;vertical-align:top}
	
	.item-kasten{width:90%;margin-left:auto;margin-right:auto}
	.item-text{width:65%;float:left;text-align:left;font-size:0.8em;padding-left:0.5em;padding-right:0.5em;}
	.item-bild{;width:35.5%;float:right;}
	
	.film-rechts{width:100%;margin-left:0px;margin-bottom:10px}
	.film-links{width:100%;margin-right:0px;margin-bottom:10px}
	.auswahlitems{display:block;width:90%;margin-left:auto;margin-right:auto;margin-top:10px;background-color:#fff}
	.auswahlbilder{width:100%;margin-top:10px;margin-right:0px;background-color:#ccc;border:1px solid #888} 
	.auswahlbilder img{width:100%}
	.info-text {font-size:3.5vw;padding-left:1.7em;padding-right:1.5em;padding-top:0em;text-align:left}
	/*.ueberschrift {text-align:center;top:60px;font-size:1.3em;padding-left:1.5em;padding-right:1.5em;} */

	.bildtext{text-align:left;font-size:0.8em;color:#444;padding:4px}
	.besonders{font-size:1em;line-height:1.6}
	/*.bildlink {position:relative;max-height:90vh;max-width:90vw}*/
	.bild-h{width:50%;border: 1px solid #999;}
	.ueberschrift {width:90%;margin-left:auto;margin-right:auto;position:relative;text-align:left;font-size:1.4em;color:#444;}
	.ueberschrift-1 {font-size:1.3em;color:#fff;width:90%;margin-left:auto;margin-right:auto;padding-top:8px;position:relative;display:flex;top:8%;z-index:1;}
	.bildunterschrift{width:97%;font-size:0.8em;padding:0.6em;text-align:left;}
	.startTop{display:flex;flex-direction:row;width:90%;font-size:0.8em;margin-left:auto;margin-right:auto;margin-top:50px}
	.startText{width:94%;margin-left:0.8em;text-align:left}
	.startBild{width:40%;height:40%;margin-left:auto;margin-right:auto}
	.videounterschrift{font-size:3vw;}

}