@media all  and (min-width:1280px) and (max-width:1599px){

body {
	display: grid;
	grid-template-columns: repeat(16, 1fr);
	grid-template-rows: 70px 2fr 30px;
 	min-height: 100vh;
	background-color: #fff;	
	font-family: Arial, Helvetica, serif;
	font-size: 10px;
	height: auto;
	margin: 0 auto;
	border:0px solid red;
	}

 /* -------------------- Body für die Bilder im Detail -------------------- */ 

#body_gallery_detail {
	background-color: #252525;
	font-family: Arial, Helvetica, serif;
	height: auto;
	width: 100%;
	margin: 0 auto;
	}	
 
 /* -------------------- Header -------------------- */ 
 
#header {
		grid-column: 1 / 17;
  		grid-row:    1 ; 
  		position: fixed;
  		background-color: #fff;
  		margin-top: 0px;
		margin-left: 0%;
		margin-bottom: 0px;
		height: 70px;
		width: 100%;
		z-index: 3;
		border: 0px solid #5e502d;
		}	
		
#header a {
		font-size: 0.8em;
		margin: 3px 0 0 0;
}		
#line { position: fixed;
		background-image: linear-gradient(to right, #8b8878, #fbfbfb, #8b8378);
		top: 70px;
		left: 0px;
		margin-top: 0;
		margin-bottom: 0px;
		height: 2px;
		width: 100%;
		z-index: 3;
		}	 
h1 {position: relative;	
	font-family:  Helvetica, Times;
	font-size: 1.9em;
	font-weight: 100;
	color: #000;
	letter-spacing: 0.25em;
	width: 48%;
   margin-top: 40px;
   margin-left: 3%;  
   border: 0px solid red;
  } 
h2{
	font-family: Arial, Helvetica, serif;
	font-size: 1.1em;
	letter-spacing: 0.18em;
	text-align: left;
	padding-top: 5px;
	margin-left: 0px;
	color: #000;
	}
	
h3{
	font-family: Arial, Helvetica, serif;
	font-size: 1.2em;
	font-weight: 300;
	letter-spacing: 0.18em;
	text-align: center;
	height: 25px;
	margin-top: 3%;
	margin-left: 0px;
	color:#000;
	}

h4{
	font-family: Arial, Helvetica, serif;
	font-size: 1.0em;
	font-weight: 300;
	letter-spacing: 0.16em;
	text-align: left;
	padding-top: 0px;
	margin-left: 0px;
	color: #000;
	}

h5{
	font-family: Arial, Helvetica, serif;
	font-size: 1.0em;
	letter-spacing: 0.18em;
	font-weight: 300;
	text-align: left;
	margin: -1% 0 -5% 15%;
	color: #000;
	}
	
dl {
	margin: 20px 0 7px 10%;
	width: 10em;
	color: #4f4f4f;
}

dt {
	font-size: 1.9em;
	letter-spacing: 0.17em;
	float: left;
	margin: 0px 0 1px 14%;
}

dd {
	font-size: 1.5em;
	letter-spacing: 0.16em;
	text-align: center;
	margin: 0.1em 0 0 58%;
}

.w100 {
	font-weight: 100;
}

.w200 {
	font-weight: 200;
}

.w300 {
	font-weight: 300;
}

.w400 {
	font-weight: 400;
}

.w500 {
	font-weight: 500;
}
  
 /* -------------------- Start Navigationsleiste -------------------- */ 
			
			
#nav{
	position: fixed;
	top: 45px;
	right: 9em;
	grid-column: 1 / 17;
  	grid-row:    2;
	background: transparent; 
	height: 18px;
	margin-top: 0px;
	max-width: 70%;
	z-index: 3;
	font-size: 1.2em;
	}

nav ul {display: flex;	
	flex-direction: row;
	background-color: transparent;
	margin: 0px 0 0 0;
   height: 20px;  
    }   
nav li { 
	display: flex;
	align-items: center;
	background-color: transparent;
   font-weight: 400;
   letter-spacing: 0.1em;
   color: #000;
   text-align: center;
   width: 7.6em;
   height: 18px;
   padding-top:0px;
   margin:auto;
   margin-right: 0%;   
   border: 0px solid red;
    } 
        
nav a{
	display: block;
	width: 7.6em;
	margin: 0.6em 0 0 0;
	padding: 0.1em 0.2em;
	text-decoration: none;
	border-radius: 5px;
}
   
nav li a:link {
        text-decoration: none;
        font-family: Arial, Helvetica, serif;
        color: #000;                               /* font-color */
		  margin-top: 1px;        
        margin-left: 0;
        height: 20px;
            }
nav li a:visited {
        text-decoration: none;
        font-family: Arial, Helvetica, serif;
        color: #000;                                 /* font-color */
            }
nav li a:hover {
	background-color:#e0e0e0;
	margin-top: -4px;
	width: 7.6em;
	font-weight: bold;
	height: 16px;
	}
  
  
   /* ---------------  Index Seite  ----------------------------------- */	

#main_index{
	display: grid;
	grid-column: 1 / 17;
  	grid-row:    2;
	background-color:transparent;
	color: black;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	}	

.init {
	position: relative;
	background-color: #fff;
	width: 100%;
	margin: 0% 0% 0% 0%;
	border: 0px solid green;
	}

.init figure {
	border: 0px solid #fff;
	width: 100%;
	margin: 0% 0 0 0;
		}
.init figure img {
	margin: 0px 0 0px 0%;
	width: 100%;
}
#welcome{
	position: relative;
  	background-color:transparent;
  	text-align: center;
  	font-size: 1.7em;
  	letter-spacing: 0.15em;
	color: #000;
	width: 75%;
	height: 2em;
	margin: 0% 10% 0% 12.5%;
	border:0px solid red;
	}
 

  /* ----------------------  Seite  "Galerien" und "Vögel"----------------------------------- */		
 
.aside_gal {
	grid-column: 1 / 4;
  	grid-row:    2;
  	height: 10%;
	margin-top: 5%;
	margin-left: 0%;
	background:transparent;
	border: 0px solid darkkhaki;
	text-align: left;
	color:#5e502d;
	} 
 
 
.main_galerien{
	grid-column: 4 / 14;
  	grid-row:    2;
  	align-content: center;
  	justify-content: center; 
	background-color:transparent;
	color: #1a1a1a;
	margin: 3% 0% 4% 0%;
	border:0px solid green;	
	}	

.galerien_4 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: #fff;
	align-content: center;
	justify-content: center; 
	height: auto;
	margin: 2em 0% 0% 0%;
	border: 0px solid green;
	}
.galerien_4 figure {
	position: relative;
	width: 21%;
	margin: 0px 1em 4em 1em;
	}

.galerien_4 figure img {
	display: block;
	object-fit: cover;
	max-width: 97%;
	height: 100%;
	}
	
.galerien_4 figcaption {
	position: absolute;
	color: #000; 
	width: 99%;
	height: 4.0em;
	margin-top: 10px;
   text-align: center;
   border:0px solid blue;
    } 

.galerien_4 figure:hover figcaption {
	background-color: #fff;
	max-width: 99%;
	font-size: 1.2em;
	font-weight: bold;
	opacity: 0.6; 
	}

		
.galerien_3 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: #fff;
	align-content: center;
	justify-content: center; 
	height: auto;
	margin: -1em 0% 0% 0%;
	border: 0px solid green;
	}
.galerien_3 figure {
	position: relative;
	margin: 1px 20px 3.5em 20px;
	width: 25%;
	border: 0px solid green;
	}

.galerien_3 figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 90%;
}
.galerien_3 figcaption {
	position: absolute;
	color: #000; 
	width: 99%;
	height: 4.0em;
	margin-top: 10px;
   text-align: center;
   border:0px solid blue;
    } 

.galerien_3 figure:hover figcaption {
	background-color: #fff;
	max-width: 99%;
	font-size: 1.2em;
	font-weight: bold;
	opacity: 0.6;
		}

.line_gal_1px { position: relative;
		background-image: linear-gradient(to right, #8b8878, #fbfbfb, #8b8378);
		margin: 1% 0% 3% 0%;
		height: 1px;
		width: 100%;
		z-index: 2;
		}	

.line_galerien_1small { position: relative;
		background-image: linear-gradient(to right, #8b8878, #fbfbfb, #8b8378);
		margin: 1% 10% 4% 10%;
		height: 1px;
		width: 80%;
		z-index: 2;
		}

   /* ----------------------  ENDE   Seite  "Galerien" und "Vögel"----------------------------------- */		

	
.galerien_1 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	column-gap: 10px;
	row-gap:25px;
	grid-auto-flow: dense;
	margin-top: 4%;
	}
.galerien_1 figure {
	position: relative;
	border: 0px solid #ccc;
	grid-column-end: span 1;
	grid-auto-flow: dense;
	margin: 5px 10px 10px 10px;
}
.galerien_1 figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 94%;
}
.galerien_1 figcaption {
	position: absolute;
	font-size: 1.2em;
	font-weight: 500;
	padding: 0.2em 0.0em;
	color: #000;
	width: 99%;
	height: 2em;
	margin-top: 2px;
   text-align: center;
  } 

.galerien_1 figure:hover figcaption {
	background-color: transparent;
	max-width: 99%;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #000;
	}	
.section_1{
  	background-color:transparent;
	color: #e3e3e3;
	height: 15px;
	margin-top: 3%;
	margin-left: 3%;
	border-right: 0px solid #a0a0a0;
	}	
 .section_1 h4 {
		font-size: 1.4em;
		font-weight: 600;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: #fff; 
		}	

.line_gal_1px_voegel { position: relative;
		background-image: linear-gradient(to right, #8b8878, #fbfbfb, #8b8378);
		margin: 4% 10% 1% 10%;
		height: 1px;
		width: 80%;
		z-index: 2;
		}
 
 /* ---------------------------------- Beginn der einzelnen Galerien --------------------------------------------- */
 

.aside_gal {
	grid-column: 1 / 4;
  	grid-row:    2;
  	height: 20%;
	margin-top: 10%;
	margin-bottom: 60px;
	margin-left: 10%;
	margin-right: 5%;
	background:transparent;
	border: 0px solid darkkhaki;
	border-right: 0px solid #e3e3e3;
	text-align: left;
	color:#5e502d;
	}	
 		
.main_gal{
	grid-column: 1 / 17;
  	grid-row:    2;
	background-color:transparent;
	color: black;
	margin-top: 0%;
	margin-left: -3%;
	margin-right: 1%;
	border:0px solid green;	
	}

.line_gal_1px_e { position: relative;
		background-image: linear-gradient(to right, #8b8878, #fbfbfb, #8b8378);
		margin: 0% 0% 0% 19%;
		height: 1px;
		width: 62%;
		z-index: 2;
		}	


.line_gal_1small_e { position: relative;
		background-image: linear-gradient(to right, #8b8878, #fbfbfb, #8b8378);
		margin: 0% 0% 0% 25%;
		height: 1px;
		width: 45%;
		z-index: 2;
		}	
	
.line_gal_1px { position: relative;
		background-image: linear-gradient(to right, #8b8878, #fbfbfb, #8b8378);
		margin: 4% 0% 3% 0%;
		height: 1px;
		width: 100%;
		z-index: 2;
		}	

.line_gal_1small { position: relative;
		background-image: linear-gradient(to right, #8b8878, #fbfbfb, #8b8378);
		margin: 0% 10% 3% 10%;
		height: 1px;
		width: 80%;
		z-index: 2;
		}

.line_gal_1verysmall { position: relative;
		background-image: linear-gradient(to right, #8b8878, #fbfbfb, #8b8378);
		margin: 0% 20% 3% 20%;
		height: 1px;
		width: 60%;
		z-index: 2;
		}

									/* ------------------- Überschrift und Text der Galerien ----------------------------- */
									
.gal_h4 {
  	max-height: 16%;
  	width: 90%;
	margin-top: 3%;
	margin-left: 9%;
	margin-right: 25%;
	background:transparent;
	border: 0px solid darkkhaki;
	font-size: 1.1em;
	text-align: left;
	color: #030303;
	} 							
.gal_h4 p{
  	margin-left: 9.0%;
  	margin-right: 16%;
	border: 0px solid darkkhaki;
	text-align: left;
	color: #030303;
	} 	
									
.gal_text {
	margin-top: 3%;
	margin-bottom: 40px;
	margin-left: 4%;
	margin-right: 13%;
	background:transparent;
	border: 0px solid darkkhaki;
	border-right: 0px solid #ccc;
	font-size: 1.0em;
	text-align: left;
	color:#030303;
	}

.top_gal {
	position: relative;
	background-color: transparent;
	width: 100%;
	margin: 0px 0% 0% 0%;

	}
.top_gal figure {
	border: 0px solid #fff;
	width: 100%;
	margin: 0% 0 0 0;
		}
.top_gal figure img {
	margin: 0px 0 0px 0%;
	width: 100%;
	border-bottom: 0px solid grey;
}

 /* ---------------------------------- Neue Bilder --------------------------------------------- */
.main_galerie_neue{
	grid-column: 1 / 17;
  	grid-row:    2;
  	align-content: center;
	background-color:transparent;
	color: #1a1a1a;
	margin: 0.4% 0% 0 0%;
	border:0px solid white;	
	}	

.line_gal_1neue { position: relative;
		background-image: linear-gradient(to right, #8b8878, #fbfbfb, #8b8378);
		margin: 2% 10% 3% 10%;
		height: 1px;
		width: 80%;
		z-index: 2;
		}

 /* ---------------------------------- Galerie für 3 Bildern und 4 Bilder pro Zeile --------------------------------------------- */

.main_galerie_3{
	grid-column: 1 / 17;
  	grid-row:    2;
	background-color:#fff;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 1.1em;
	border: 0px solid red;
	}

 /* ---------------------------------- Flex mit 3 Bildern pro Zeile --------------------------------------------- */

#drei_bilder {
	display: flex;
	max-width: 100%;
	max-height: 30%;
	margin: 0.5% 1% 1% 0%;
	align-content: center;
}
.drei_bilder_16-9 {
	max-width: 34%;
	height: auto;
	margin: 0.7% 0% 1% 1%;
}


/* -----------------------Class Galerie_3 -------------------------- */

.galerie_3 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: #fff;
	justify-content: space-between; 
	height: auto;
	margin: -1% 22% 0% 22%;
	border: 0px solid green;
	}
.galerie_3 figure {
	border: 0px solid #ccc;
	position: relative;
	margin: 0px 8px 16px 8px;
	}

 /* ---------------------------------- Flex mit 3 Bildern pro Zeile für Utah  --------------------------------------------- */

.galerie_3 figure.landscape {
		max-width: 29%;
		margin: 0px 2% 4% 2%;
	}

.galerie_3 figure.hochformat {
		max-width: 48%;
		max-height: 17%;
		padding: 0px 25px 15px 15px;
}

.galerie_3 figure.panorama {
		max-width: 90%;
		max-height: 20%;
	}
	

.galerie_3 figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.galerie_3 figure:hover figcaption {
	background-color: #e0e0e0;
	max-width: 99%;
	opacity: 0.6;
		}
 /* ----------------------------------Galerie mit 4 Bildern pro Zeile --------------------------------------------- */

.galerie_4 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between; 
	margin: -1% 15% 0% 16%;
	border: 0px solid red;	
	}
	
.galerie_4 figure {
	position: relative;
	margin: 0px 5px 10px 5px;
	}
	
.galerie_4 figure.landscape {
	max-width: 22%;
	margin: 0px 1.5% 3% 1.5%;
}
	
.galerie_4 figure.hochformat {
		max-width: 20%;
		max-height: 18%;
		margin: 0px 1.5% 3% 1.5%;
}

.galerie_4 figure.panorama {
		max-width: 30%;
		max-height: 10%;
		margin: 0px 1.5% 3% 1.5%;
		border: 0px solid green;
	}

.galerie_4 figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	}
		
.galerie_4 figcaption {
	position: absolute;
	color: #fff; 
	width: 99%;
	height: 4.0em;
	margin-top: 5px;
   text-align: center;
   border:0px solid blue;
    } 

.galerie_4 figure:hover figcaption {
	background-color: #e0e0e0;
	max-width: 99%;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff; 
	}

.zurueck_4 {
	width: 15em;
	height: 22px;
	margin: 2em 0 0.5em 84%;
	border-radius: 4px;
	text-decoration: none;
	}
.zurueck_4 a {
		font-size: 1.0em;
		letter-spacing: 0.1em;
		color: #030303;		
		margin-left: 5%;
		margin-bottom: 0px;
		}
.zurueck_4:hover {
	background-color: #e0e0e0;
	border-radius: 4px;
	text-decoration: none;
	width: 15em;
	height: 22px;
	}

.section_darss{
  	background-color:transparent;
	color: #030303;
	height: 1.0em;
	margin: 2% 0 2% 21%;
	}	
 
.section_darss h4 {
		font-size: 0.9em;
		font-weight: 400;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: #030303; 
		margin-top: 0px;
		} 


/* ---------------------------------- Beginn der Detailbilder--------------------------------------------- */

	
.main_gal_detail{
	grid-column: 1 / 17;
  	grid-row:    1;
	background-color: #252525;
	color: #fff;
	width: 99%;
	height: auto;
	margin-top: 0%;
	margin-left: 0px;
	border:0px solid green;	
	font-size: 1.1em;
	}

.details {
		position: relative;
		background-color: #252525;
		border: 0.0em solid red;
		width: 100%;
		height: auto;
		margin: 0.4% 0 0 1%;	
		display: none;
		}		
		
.details img {
		margin-top: 3%;
		margin-left: 22%;
		width: 56%;
		}
		
.details figcaption {	
	width: 70%;
	margin-top: 1px;
   margin-left: 22%;
 }
.details:target {
		display: block;
	}
	
.details_panorama {
		position: relative;
		background-color: #252525;
		border: 0.0em solid red;
		max-width: 100%;
		margin: 0.4% 0% 0 1%;	
		display: none;
		}		
.details_panorama img {
		margin-top: 2%;
		margin-left: 15%;
		width: 70%;		
		}
.details_panorama figcaption {	
	width: 76%;
	margin-top: 0px;
   margin-left: 15%;
 }		

.details_panorama:target {
		display: block;
	}	


.details_panorama2 {
		position: relative;
		background-color: #252525;
		border: 0px solid red;
		width: 100%;
		height: auto;
		margin: 0% 1% 0% 1%;
		display: none;
		}
		
.details_panorama2 img {
		margin-top: 0.3%;
		margin: 2.0% 4% 0% 5%;
		width: 89%;		
		}
		
.details_panorama2 figcaption {	
	width: 33%;
	height: 1em;
	margin-top: -1em;
   margin-left: 5%;
   text-align: left;
    }
.details_panorama2:target {
		display: block;
	} 

.details_hochformat {
		position: relative;
		background-color: #252525;
		border: 0px solid #3983ab;
		margin: 0 6% 0 4%;
		width: 95%;
		height: auto;
		display: none;
	}
.details_hochformat img {
		margin-top: 55px;
		margin-left: 30%;
		width: 38%;
		}
.details_hochformat figcaption {	
	width: 90%;
	margin-top: 1px;
   text-align: center;
 }
.details_hochformat:target {
		display: block;
	}
	
.details_portraet {
		position: relative;
		background-color: #252525;
		border: 0px solid #3983ab;
		margin: 0 6% 0 4%;
		width: 95%;
		height: auto;
		display: none;
	}
.details_portraet img {
		margin-top: 55px;
		margin-left: 30%;
		width: 38%;
		}
.details_portraet figcaption {	
	width: 90%;
	margin-top: 1px;
   text-align: center;
 }
.details_portraet:target {
		display: block;
	}
.details_hoch {
		position: relative;
		background-color: #252525;
		border: 0.0em solid #3983ab;
		width: 99%;
		height: auto;
		display: none;
	}
.details_hoch img {
		margin-top: 25px;
		margin-left: 10%;
		width: 43%;
		}
.details_hoch:target {
		display: block;
	}			

.close {
		width: 28px;
		height: 18px;
		font-size: 1.4em;
		color: transparent;
	}
.close:after {
		position: absolute;
		top: 2.0em;
		right: 3%;
		content: "X";
		color: white;
		background: #333333;
		font: 0.8em Arial, Times, serif;
		border: 0.1em solid white;
		display: block;
		text-align: center;
		width: 1.1em;
		height: 1.1em;
		}
			 
details a{
	display:block;
	text-decoration:none;
	color:white;
	font-size:100px;
	line-height:390px;
	outline:none;
	width:40%;
	height:400px;
	position:absolute;
	opacity:0.0;
	top:0px;
	transition:.5s;
	}
details a:hover{opacity:1}

.left {
		position: absolute;
		width: 20px;
		height:20px;
		border: 0px solid white;
		color: white;
		left: 1%;
		top: 45%;
		font-size: 1.7em;
		font-style: normal;
		text-decoration: none;
		}

.right{
		position: absolute;
		width: 20px;
		height:20px;
		border: 0px solid white;
		color: white;
		right: 2%;
		top: 45%;
		font-size: 1.7em;
		font-style: normal;
		text-decoration: none;
		}

a.left:after{
		left:200px;
		display: block;
		font-size:1.7em;
		content:"‹";
		}

a.right:after {
		display:block;
		font-size:1.7em;
		content: "›";
		}	

.details p{
	font-size: 1.0em;
	color: #f5fafa;
	width: 50%;
	margin-top: -15px;
	margin-left: 35%;
	text-align: center;
   border: 0px solid red;
}

/* ---------------------------------- Beginn der Vogel Galerien Startseite--------------------------------------------- */

.main_voegel{
	grid-column: 4 / 14;
  	grid-row:    2;
  	background-color:transparent;
	color: #e3e3e3;
	margin-top: 9%;
	margin-left: 5%;
	border: 0px solid green;
	align-content: start;	
	}	


/* ---------------------------------- Beginn der Vogel Galerien --------------------------------------------- */


.gallery_voegel {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
	grid-gap: 10px;
	grid-auto-flow: dense;
	margin: 3% 0 2% 5%;
	}

.gallery_voegel figure {
	position: relative;
	border: 0px solid #ccc;
	grid-column-end: span 2;
	grid-auto-flow: dense;
	margin: 1px;
	margin-bottom: 20px;
}

.gallery_voegel figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: auto;
	margin-top: -20px;
	margin-left: 0%;
}
.gallery_voegel figcaption {
	position: absolute;
	color: darkkhaki;
	width: 99%;
	height: 22px;
	bottom: 10px;
   margin-left: 1px;
   margin-right: 1px;
   text-align: center;
   opacity: 0;
  } 
.gallery_voegel a {
		font-size: 1.5em;
		font-weight: 500;
		padding: 0.2em 0.0em;
		text-decoration: none;
		color: black;
		}
.gallery_voegel figure:hover figcaption {
	background-color: #f0f0f0;
	max-width: 99%;
	opacity: 0.6;
		}
		
.zurueck {
	width: 21em;
	height: 16px;
	margin-bottom: 1px;
	margin-left: 1%;
	padding: 1px;	
	border: 0px solid black;	
	border-radius: 5px;
	}
.zurueck a {
		font-size: 1.0em;
		letter-spacing: 0.1em;
		color: black;		
		line-height: 0.1em;
		margin-left: 0%;
		padding: 1px;	
		text-decoration: none;	
		}
.zurueck:hover {
	background-color: #f0f0f0;
	height: 18px;
	border-radius: 5px;
	text-decoration: none;
			}

.zurueck_b {
	width: 20em;
	height: 18px;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 20%;
	border-radius: 4px;
	text-decoration: none;

	}
.zurueck_b a {
		font-size: 1.3em;
		letter-spacing: 0.1em;
		color: #030303;		
		margin-left: 4%;
		}
.zurueck_b:hover {
	background-color: #e0e0e0;
	border-radius: 4px;
	text-decoration: none;
	width: 20em;
	height: 18px;
			}

	
/* ----------------------------------------------------------------------------Ende Galerie ---------------------------------------------------- */ 

/* ---------------------------------- Beginn der schwarz-weiss Detailbilder  --------------------------------------------- */

#body_gallery_detail_sw {
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	width: 100%;
	font-size: 14px;
	}	

.main_gal_sw{
	grid-column: 1 / 17;
  	grid-row:    1;
	background-color: white;
	color: #fff;
	width: 100%;
	margin:2% 0 0 0%;
	font-size: 1.1em;
	border: 0px solid red;
	}
	
.details_sw {
		position: relative;
		background-color: white;
		border: 0.0em solid red;
		width: 100%;
		height: auto;
		margin: 0.0% 0 0 0.0%;
		display: none;
		}
		
.details_sw img {
		margin-top: 0.0%;
		margin-left: 19%;
		width: 62%;	
		}
.details_sw figcaption {	
	width: 55%;
	margin-top: 0px;
   margin-left: 22%;
 }
.details_sw:target {
		display: block;
	}
	
.details_panorama_sw {
		position: relative;
		background-color: white;
		border: 0px solid red;
		width: 100%;
		height: auto;
		margin: 2% 0 0 3%;
		display: none;
		}
		
.details_panorama_sw img {
		margin-top: 0.3%;
		margin-left: 14%;
		width: 72%;		
		}
		
.details_panorama_sw figcaption {	
	width: 40%;
	margin-top: 0px;
   margin-left: 17%;
   text-align: left;
 }
.details_panorama_sw:target {
		display: block;
	} 

.close_sw {
		width: 28px;
		height: 18px;
		font-size: 1.7em;
		color: transparent;
	}
.close_sw:after {
		position: absolute;
		top: 0.0em;
		right: 2%;
		content: "X";
		color: #444;
		background: #fff;
		font: 0.9em Arial, Times, serif;
		border: 0.1em solid #555;
		display: block;
		text-align: center;
		width: 1.1em;
		height: 1.1em;
		}
			 
.left_sw {
		position: absolute;
		width: 20px;
		height:20px;
		border: 0px solid black;
		color: black;
		left:1%;
		top: 40%;
		font-size: 1.8em;
		font-style: normal;
		font-weight: 100;
		text-decoration: none;
		}

.right_sw{
		position: absolute;
		background-color: transparent;
		width: 20px;
		height:20px;
		border: 0px solid black;
		color: black;
		right: 1%;
		top: 40%;
		font-size: 1.8em;
		font-style: normal;
		text-decoration: none;
		}

a.left_sw:after{
		display: block;
		font-size:1.8em;
		content:"‹";
		}

a.right_sw:after {
		display:block;
		font-size:1.8em;
		content: "›";
		margin-top: 0px;
		}	
		
.details_sw p{
	font-size: 1.0em;
	color: black;
	width: 50%;
	margin-top: 0px;
	margin-left: 25.5%;
	text-align: left;
   border: 0px solid red;
}
/* ------------------------------------------------ TEST ALASKA  ---------------------------------------------------- */
  
 .section_alaska{
	position:relative; 
	display: grid;
	grid-column: 1 / 7;
  	grid-row:    2;
  	grid-column-start: 1;
  	grid-column-end: 7;
  	background-color:transparent;
	color: black;
	text-align: justify;
	width: 38%;
	margin: 2% 0 2% 5%;
	border: 0px solid yellow;
	}	
 
.section_alaska h4 {
		font-size: 1.1em;
		font-weight: 600;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: #000; 
		width: 100%;
		margin-top: 0px;
		}  

.section_alaska a {
		font-size: 1.1em;
		font-weight: 500;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: #000; 
		width: 100%;
		margin-top: 0px;
		} 

.gallery_alaska {
	position: relative;
	display: grid;
	grid-column: 7 / 17;
  	grid-row:    2;
	grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
	grid-gap: 5px;
	grid-auto-flow: dense;
	grid-column-start: 6;
  	grid-column-end: 17;
	background-color: #fff;
	align-content: start;
	height: auto;
	margin: -14% 2% 1% 45%;
	border: 0px solid green;
	}
	
.gallery_alaska figure {
	border: 0px solid #ccc;
	position: relative;
	margin: 0px 4px 0px 4px;
	}


.gallery_alaska figure.landscape {
	grid-column-end: span 2;
}

.gallery_alaska figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 97%;
}

.gallery_alaska figcaption {
	position: absolute;
	color: darkkhaki;
	width: 99%;
	height: 26px;
	bottom: 20px;
   margin-left: 1px;
   margin-right: 1px;
   text-align: center;
   opacity: 0;
  } 
.gallery_alaska a {
		font-size: 1.6em;
		font-weight: 500;
		padding: 0.2em 0.0em;
		text-decoration: none;
		color: black;
		}
.gallery_alaska figure:hover figcaption {
	background-color: #f0f0f0;
	max-width: 99%;
	opacity: 0.6;
		} 


.alaska_text {

	margin-top: 2%;
	margin-bottom: 2em;
	margin-left: 16%;
	margin-right: 18%;
	background:transparent;
	border: 0px solid darkkhaki;
	font-size: 1.1em;
	text-align: left;
	color:#000;
	}
 /* ---------------------------------------------------------------------------- 2. Tabelle  ---------------------------------------------------- */ 
 
.gallery_alaska1 {
	position: relative;
	display: grid;
	grid-column: 1 / 17;
  	grid-row:    2;
	grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
	grid-gap: 15px;
	grid-auto-flow: dense;
	grid-column-start: 6;
  	grid-column-end: 17;
	background-color: #fff;
	align-content: start;
	height: auto;
	margin: 1% 5% 3% 9%;
	border: 0px solid green;
	}
	
.gallery_alaska1 figure {
	border: 0px solid #ccc;
	position: relative;
	margin: 0px 4px 0px 4px;
	}


.gallery_alaska1 figure.landscape {
	grid-column-end: span 2;
}

.gallery_alaska1 figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 97%;
}

.gallery_alaska1 figcaption {
	position: absolute;
	color: darkkhaki;
	width: 99%;
	height: 26px;
	bottom: 20px;
   margin-left: 1px;
   margin-right: 1px;
   text-align: center;
   opacity: 0;
  } 
.gallery_alaska1 a {
		font-size: 1.6em;
		font-weight: 500;
		padding: 0.2em 0.0em;
		text-decoration: none;
		color: black;
		}
.gallery_alaska1 figure:hover figcaption {
	background-color: #f0f0f0;
	max-width: 99%;
	opacity: 0.6;
		}   
  
 /* ---------------------------------------------------------------------------- Profil ---------------------------------------------------- */  

.main_profil{
	grid-column: 6 / 14;
  	grid-row:    2;
	background-color: transparent;
	height: 60%;
	margin: 9% 0% 0% 0%;	
	color: #000;
	font-size: 1.0em;
	letter-spacing: 0.03em;	
	line-height: 1.1em;
	text-align: justify;
	border: 0px solid #7f7f7f;
	border-left: 0px solid #afafaf;
	}

.main_profil p {
			margin-top: 25px;	
			margin-left: 0%;
			padding-left: 15%;	
			font-size: 1.1em;
			letter-spacing: 0.02em;	
			line-height: 1.4em;
			border:0px;
			border-left: 0px solid #afafaf;
	}

.main_profil h1 {
			min-width: 70%;
			margin-top: 10px;	
			margin-left: 0%;
			padding-left: 15%;
			font-size: 1.2em;
			letter-spacing: 0.03em;	
			line-height: 1.4em;
	}

.aside_profil {display: grid;
		grid-column: 2 / 6;
  		grid-row:    2;
		margin-top: 33%;
		height: 48%;
			}

.aside_profil img{
		max-width: 75%;
		margin-left: 25%;
		}
   
 
 /* --...................  Definition Kontakt ..................-- */    	
	
.main_kontakt{
	grid-column: 1 / 17;
  	grid-row:    2;
	background-color: transparent;
	margin: 0% 0 0; 
	font-size: 1.3em;
	letter-spacing: 0.03em;	
	line-height: 1.1em;
	text-align: justify;
	border-top: 0px solid black;
	color: #000;
	}
.main_kontakt figure{
		position: relative;
		max-height: 78%;
		border-bottom: 0px solid black;
		border-top: 1px solid black;
		margin: 0 0 0 0;
				}
.main_kontakt img{
		max-width: 100%;
		margin: 0 0 0px 0%;
		border-bottom: 1px solid white;
		}
#kontakt {	
	letter-spacing: 0.15em;
	text-align: center;
	padding-top: 30px;
	margin-top: 1%;	
	margin-left: 3%;
  }
.kontakt p{	
	font-size: 1.0em;
	letter-spacing: 0.13em;
	text-align: center;
	padding-top: 0%;
	margin-top: 18%;
	margin-left: 0%;
	color: black;;
}
.kontakt a{	
	font-size: 1.2em;
	letter-spacing: 0.15em;
	text-align: center;
	padding-top: 0px;
	color: black;
}
	
				
 /* --...................  Ende Definition Kontakt ..................-- */  


/* ---------------------------------- Beginn Impressum --------------------------------------------- */

.main_impres{
	grid-column: 5 / 15;
  	grid-row:    2;
	background-color: transparent;
	margin:  5% 7% 0% 2%;	
	color: black;
	font-size: 1.3em;
	letter-spacing: 0.03em;	
	line-height: 1.3em;
	text-align: justify;
	border: 0px solid #7f7f7f;
	border-left: 0px solid #e3e3e3;
	}
	
.main_impres h1{
					font-size: 1.4em;
					letter-spacing: 0.16em;
					font-weight: bold;
					}	
.main_impres h2{
					font-size: 1.1em;
					}		
.main_impres p{
					font-size: 1.1em;
					color: black;
					}	
.aside_impres {
		display: grid;
		grid-column: 2 / 5;
  		grid-row:    2;
  		margin-top: 22%;
		margin-left: 0%;	
		height: 15%;
		border-right: 0px solid white;
	}	


  /* ---------------------------------- Beginn Datenschutz --------------------------------------------- */
 
.main_datenschutz{
	display: grid;
	grid-column: 4 / 14;
  	grid-row:    2;
	background-color: transparent;
	margin: 3% 3% 0% 3%;	
	color: black;
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: justify;
	border: 0px solid #7f7f7f;
	}

.main_datenschutz p {
			font-size: 1.1em;
			border:0px;
	}

.main_datenschutz a{
		font-size: 1.1em;
			text-decoration: none;
				color: black;
			}

/* --...................  Footer ..................-- */ 	

footer{
	grid-column: 1 / 17;
  	grid-row:    3 ;
  	background-color: transparent;
  	margin-top: 1px;	
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 1px;
	font-family: arial;
	font-size: 1.1em;
	font-weight: 500;
	text-align: left;
	color: #030303;
	z-index: 3;
	opacity: 1;
	border:0px solid green;	
     	}	

footer a {
	width: 9em;
	margin: 0.1em 0 0 0;
	padding: 0.1em 0.5em;
	text-decoration: none;
	border-radius: 5px;
}
       	
footer a:hover {
	background-color:#e0e0e0;
	margin-top: -4px;
	height: 20px;
	}
     	
#footer_image {
	position: relative;
	border-top: 1px solid grey;
	width: 70%;
	height: 25px;
	margin-bottom: 0px;
	margin-left: 15%;
	padding-top: 2px;
	}	
	
#footer_index {
	position: absolute;
	background-color: white;
	bottom: 0%;
	left: 0%;
	width: 100%;
	height: 20px;
	margin-top: 0%;
	padding-top: 1px;
	border:0px solid green;	
	opacity: 1;
	}  

.impressum {
		font-family: arial;
		letter-spacing: 0.1em;
		color: #030303;
		text-decoration: none;
		margin-left: 7%;
		}
.datenschutz {
		font-family: arial;
		letter-spacing: 0.1em;
		color: #030303;
		text-decoration: none;
		margin-left: 0%;
		}
.peter {
		font-family: arial;
		letter-spacing: 0.1em;
		color: #030303;
		text-decoration: none;
		margin-left: 30%;
		}
}