@media all  and (min-width:1600px) and (max-width:1919px){

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

 /* -------------------- 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: 76px;
		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: 78px;
		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.6em;
	font-weight: 100;
	color: #000;
	letter-spacing: 0.25em;
	width: 36%;
   margin-top: 45px;
   margin-left: 10%;  
   border: 0px solid red;
  }

h2{
	font-family: Arial, Helvetica, serif;
	font-size: 1.2em;
	letter-spacing: 0.18em;
	text-align: left;
	padding-top: 5px;
	margin-left: 0px;
	color: #000;
	}
	
h3{
	font-family: Arial, Helvetica, serif;
	font-size: 1.13em;
	font-weight: 300;
	letter-spacing: 0.18em;
	text-align: center;
	height: 25px;
	margin-top: 15%;
	margin-left: 1%;
	color: #000;
	}

h4{
	font-family: Arial, Helvetica, serif;
	font-size: 1.0em;
	font-weight: 300;
	letter-spacing: 0.18em;
	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: -2% 0 -2% 16%;
	color: #000;
	}
	
dl {
	margin: 23px 0 5px 11%;
	width: 10em;
	color: #4f4f4f;
}

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

dd {
	font-size: 1.45em;
	letter-spacing: 0.16em;
	text-align: center;
	margin: 0.2em 0 0 54%;
}

.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: 46px;
	right: 11%;
	grid-column: 1 / 17;
  	grid-row:    2;
	background: transparent; 
	height: 18px;
	padding: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 66%;
	max-width: 70%;
	z-index: 3;
	font-size: 1.1em;
	}

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.8em;
   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: 3% 0% 4% 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%;
	color: #000;
	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%;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	opacity: 0.6;
		}

.line_galerien_1px { position: relative;
		background-image: linear-gradient(to right, #8b8878, #fbfbfb, #8b8378);
		margin: 0% 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: 0.5% 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(280px, 1fr));
	column-gap: 4px;
	row-gap: 35px;
	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 30px 0 30px;
}


.galerien_1 figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 94%;
}	
.galerien_1 figcaption {
	position: absolute;
	font-size: 1.13em;
	color: #000;
	width: 100%;
	height: 22px;
	margin-top: 3px;
   margin-left: 1px;
   margin-right: 0px;
   text-align: center;
  } 
.galerien_1 a {
		width: 99%;
		font-size: 1.2em;
		font-weight: 500;
		letter-spacing: 0.05em;
		padding: 0.4em 0.0em;
		text-decoration: none;
		color: #fff;;
		}
.galerien_1 figure:hover figcaption {
	background-color: transparent;
	max-width: 99%;
	font-size: 1.15em;
	font-weight: bold;
	color: #000;
		}

.section_1{
  	background-color:transparent;
	color: #e3e3e3;
	height: 15px;
	margin-top: 3%;
	margin-left: 4%;
	}	
 .section_1 h4 {
		font-size: 1.2em;
		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 --------------------------------------------- */
 
.main_gal{
	grid-column: 1 / 17;
  	grid-row:    2;
	background-color:transparent;
	color: black;
	margin-top: 0%;
	margin-left: 0%;
	margin-right: 0%;
	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: 5% 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: 2%;
	margin-left: 9.5%;
	margin-right: 25%;
	margin-bottom: 2%;
	background:transparent;
	border: 0px solid darkkhaki;
	font-size: 1.0em;
	text-align: left;
	color: #030303;
	} 							
.gal_h4 p{
  	margin-left: 9.5%;
  	margin-right: 16%;
	border: 0px solid darkkhaki;
	text-align: left;
	color: #030303;
	} 														
													
.gal_text {
	margin-top: 2%;
	margin-bottom: 60px;
	margin-left: 5%;
	margin-right: 15%;
	background:transparent;
	border: 0px solid darkkhaki;
	border-right: 0px solid #ccc;
	font-size: 1.1em;
	text-align: left;
	color:#030303;
	}
 	 

		
.top_gal {
	position: relative;
	background-color: transparent;
	width: 100%;
	margin: 0px 0% 0% 0%;
	border-top: 0px solid black;
	}
.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: 1.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% 5% 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;
	align-content: center;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 1.0em;
	border: 0px solid red;
	}

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

#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.5% 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% 20% 0% 20%;
	border: 0px solid green;
	}
.galerie_3 figure {
	border: 0px solid #ccc;
	position: relative;
	margin: 0px 10px 20px 10px;
		}

.galerie_3 figure.landscape {
		max-width: 29%;
		margin: 0px 2% 4% 2%;
}
	
.galerie_3 figure.hochformat {
		max-width: 35%;
		max-height: 37%;
		margin: 0px 0% 4% 0%;	
		border: 0px solid blue;
}

.galerie_3 figure.panorama {
		max-width: 35%;
		max-height: 10%;
		margin: 0px 2% 4% 2%;
		border: 0px solid green;
	}
	
.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: 0% 17% 0% 17%;
	border: 0px solid red;	
	}
.galerie_4 figure {
	position: relative;
	margin: 0px 8px 16px 8px;
	}
	
.galerie_4 figure.landscape {
	max-width: 21%;
	margin: 0px 1.0% 4% 1.0%;
}
	
.galerie_4 figure.hochformat {
		max-width: 36%;
		max-height: 17%;
		margin: 0px 1.5% 3% 1.5%;
		border: 0px solid red;	
}

.galerie_4 figure.panorama {
		max-width: 62%;
		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: 16em;
	height: 22px;
	margin: 2em 0 0.5em 84%;
	border-radius: 4px;
	text-decoration: none;
	}
.zurueck_4 a {
		font-size: 1.1em;
		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: 16em;
	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%;
	margin-top: 1.0%;
	margin-left: 0%;
	border:0px solid green;	
	font-size: 1.0em;
	}

.details {		
		position: relative;
		background-color: #252525;
		border: 0.0em solid red;
		width: 100%;
		height: auto;
		margin: 0% 0 0 1%;	
		display: none;
		}
		
.details img {
		margin-top: 3%;
		margin-left: 20%;
		width: 60%;
		}
.details figcaption {	
	width: 53%;
	margin-top: 0px;
   margin-left: 22%;
   text-align: left;
	 }
.details:target {
		display: block;
	}
	
.details_panorama {
		position: relative;
		background-color: #252525;
		border: 0.0em solid red;
		max-width: 100%;
		max-height: auto;
		margin: 0% 0% 0 1%;	
		display: none;
		}		
.details_panorama img {
		margin-top: 3.0%;
		margin-left: 15%;
		width: 70%;		
		}
.details_panorama figcaption {	
	width: 60%;
	margin-top: 0px;
   margin-left: 15%;
   text-align: left;
 } 
.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.5% 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: 0.0em solid #3983ab;
		width: 96%;
		height: auto;
		margin-top: 0.5%;
		display: none;
		}
		
.details_hochformat img {
		margin-top: 2%;
		margin-left: 35%;
		width: 25%;
		}
.details_hochformat figcaption {	
	width: 75%;
	margin-left: 1%;
	margin-top: -2px;
   text-align: center;
 }
.details_hochformat:target {
		display: block;
	}	
	
.details_portraet {
		position: relative;
		background-color: #252525;
		border: 0.0em solid #3983ab;
		width: 98%;
		height: auto;
		margin-top: 0.5%;
		display: none;
		}
.details_portraet img {
		margin-top: 2%;
		margin-left: 35%;
		width: 25%;
		}
.details_portraet figcaption {	
	width: 75%;
	margin-left: 1%;
	margin-top: -2px;
   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: 35%;
		}
.details_hoch:target {
		display: block;
	}			

.close {
		width: 28px;
		height: 18px;
		font-size: 1.4em;
		color: transparent;
	}
.close:after {
		position: absolute;
		top: 2.0em;
		right: 2%;
		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;
		top:1px;
		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: -1px;
	margin-left: 25%;
	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(90px, 1fr));
	grid-gap: 5px;
	grid-auto-flow: dense;
	margin: 0% 5% 5% 0%;
	align-content: start;
	}

.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.4em;
		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: 30em;
	height: 16px;
	margin-bottom: 2px;
	margin-left: 8%;
	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;
	border-radius: 5px;
	text-decoration: none;
			}

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

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

	
/* ----------------------------------------------------------------------------Ende Galerie ---------------------------------------------------- */ 
/* ------------------------------------------------  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: 40%;
	margin: 2% 0 2% 3%;
	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: 0em;
		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(105px, 1fr));
	grid-gap: 8px;
	grid-auto-flow: dense;
	grid-column-start: 6;
  	grid-column-end: 17;
	background-color: #fff;
	align-content: start;
	height: auto;
	margin: -14% 3% 1% 46%;
	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.5%;
	margin-bottom: 2em;
	margin-left: 8%;
	margin-right: 10%;
	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(106px, 1fr));
	grid-gap: 15px;
	grid-auto-flow: dense;
	grid-column-start: 6;
  	grid-column-end: 17;
	background-color: #fff0;
	align-content: start;
	height: auto;
	margin: 1% 8% 3% 8%;
	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: 32%;
		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;
	height: auto;
	margin: 0 0 0 0; 
	font-size: 1.2em;
	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: 70%;
		border-top: 1px solid black;
		margin: 0% 0 0 0;
		border-top: 1px solid black;
				}
.main_kontakt img{
		max-width: 100%;
		margin: 0 0 0 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.2em;
	letter-spacing: 0.13em;
	text-align: center;
	padding-top: 3%;
	margin-left: 0%;
	color: black;
}
.kontakt a{	
	font-size: 1.2em;
	letter-spacing: 0.15em;
	text-align: center;
	padding-top: 1%;
	color: black;
}
				
 /* --...................  Ende Definition Kontakt ..................-- */  


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

.main_impres{
	grid-column: 5 / 13;
  	grid-row:    2;
	background-color: transparent;
	margin: 4% 5% 0% 9%;	
	color: black;
	font-size: 1.1em;
	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: 3 / 5;
  		grid-row:    2;
  		margin-top: 10%;
		margin-left: 5%;	
		height: 15%;
		border-right: 0px solid #7f7f7f;
	}	


 /* ---------------------------------- Beginn Datenschutz --------------------------------------------- */
 
.main_datenschutz{
	display: grid;
	grid-column: 4 / 14;
  	grid-row:    2;
	background-color: transparent;
	margin: 2% 3% 0% 3%;	
	color: black;
	font-size: 1.1em;
	line-height: 1.3em;
	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.0em;
	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: 60%;
	height: 30px;
	margin-bottom: 0px;
	margin-left: 20%;
	padding-top: 2px;
	}	
	
#footer_index {
	position: absolute;
	bottom: -10%;
	background-color: white;
	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: 12%;
		}
.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: 27%;
		}
}