@media all  and (min-width:1920px) and (max-width:2559px){
body {
	display: grid;
	grid-template-columns: repeat(16, 1fr);
	grid-template-rows: 78px 3fr 40px;
 	min-height: 99vh;
	background-color: #fff;	
	font-family: Arial, Helvetica, serif;
	font-size: 14px;
	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%;
	font-size: 14px;
	}	
  		

/* --------------- Header ----------------------------------- */		

#header {
		grid-column: 1 / 17;
  		grid-row:    1 ; 
  		position: fixed;
  		background-color: #fff;
  		margin-top: 0px;
		margin-left: 0%;
		margin-bottom: 0px;
		height: 90px;
		width: 100%;
		z-index: 3;
		border: 0px solid #5e502d;
		}	
		
	
#line { position: fixed;
		background-image: linear-gradient(to right, #8b8878, #fbfbfb, #8b8378);
		top: 88px;
		left: 0px;
		margin-top: 0;
		margin-bottom: 0px;
		height: 2px;
		width: 100%;
		z-index: 3;
		}
 	 
h1 {position: relative;										/* --------------------------nur im Profil ------------------------- */  
	font-family:  Helvetica, Times;
	font-size: 1.5em;
	font-weight: 100;
	color: #000;
	letter-spacing: 0.25em;
	width: 34%;
   margin-top: 45px;
   margin-left: 10.5%;  
   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.1em;
	font-weight: 300;
	letter-spacing: 0.18em;
	text-align: center;
	height: 25px;
	margin-top: 20%;
	margin-left: 0px;
	color: #000;
	}

h4{
	font-family: Arial, Helvetica, serif;
	font-size: 1.1em;
	font-weight: 300;
	letter-spacing: 0.15em;
	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;
	padding-top: 0px;
	margin-top: -1%;
	margin-left: 16%;
	color: #000;
	}

dl {
	margin: 25px 0 5px 13%;
	width: 10em;
	color: #4f4f4f;
}

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

dd {
	font-size: 1.4em;
	letter-spacing: 0.18em;
	text-align: center;
	margin: 0.1em 0 0 48%;
}

.w100 {
	font-weight: 100;
}

.w200 {
	font-weight: 200;
}

.w300 {
	font-weight: 200;
}

.w400 {
	font-weight: 400;
}

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

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: 500;
   letter-spacing: 0.1em;
   color: #000;
   text-align: center;
   width: 9.4em;
   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;
        color: #000;                               /* font-color */
		  margin-top: 1px;        
        margin-left: 0;
        height: 20px;
            }
nav li a:visited {
        text-decoration: none;
        color: #000; 
                         
            }
nav li a:hover {
	background-color:#e0e0e0;
	margin-top: -4px;
	width: 7.6em;
	font-weight: bold;
	height: 16px;
	}

 /* --...................  Ende der Navigationsleiste ..................-- */  

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

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

	}

.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: 2 / 4;
  	grid-row:    2;
  	height: 15%;
	margin: 2em 0% 4% 0%;
	background:transparent;
	border: 0px solid darkkhaki;
	font-size: 1.0em;
	text-align: left;
	color:#000;
	} 
 
.main_galerien{
	grid-column: 4 / 14;
  	grid-row:    2;
  	align-content: center;
  	justify-content: center; 
	background-color:transparent;
	color: #1a1a1a;
	margin: 3.0em 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;
	color: #000;
	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 4em 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;
	color: #000;
	max-width: 99%;
	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: 1% 10% 3% 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(325px, 1fr));
	column-gap: 1px;
	row-gap:5px;
	grid-auto-flow: dense;
	margin:3% 0 -2% 0;
	}
.galerien_1 figure {
	position: relative;
	border: 0px solid #ccc;
	grid-column-end: span 1;
	grid-auto-flow: dense;

}

.galerien_1 figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 94%;
}
.galerien_1 figcaption {
	position: absolute;
	color: #000;
	width: 99%;
	height: 2em;
	margin-top: 10px;
   text-align: center;
  } 
.galerien_1 a {
		font-size: 1.1em;
		font-weight: 500;
		letter-spacing: 0.1em;
		padding: 0.2em 0.0em;
		text-decoration: none;
		color: #fff;
		}
.galerien_1 figure:hover figcaption {
	background-color: transparent;
	max-width: 99%;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
		}

 .section_1{
  	background-color:transparent;
	color: #e3e3e3;
	height: 15px;
	margin: -2% 0 2% 1%;
	}	
 
.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:#404040;
	margin-top: 0%;
	margin-left: 0px;
	border:0px solid green;	
	}	
	

.main_alaska{
	display: grid;
	grid-column: 1 / 17;
  	grid-row:    2;
	background-color: transparent;
	height: 80%;
	margin: 0% 0% 10% 0%;	
	color: #fff;
	font-size: 1.0em;
	letter-spacing: 0.03em;	
	line-height: 1.3em;
	text-align: justify;
	border: 1px solid yellow;
	border-left: 0px solid #afafaf;
	}
	
.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: 50%;
		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: 14%;
  	width: 90%;
	margin-top: 2%;
	margin-left: 9.5%;
	margin-right: 25%;
	background:transparent;
	border: 0px solid black;
	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: 1%;
	margin-left: 5.4%;
	margin-right: 10%;
	background:transparent;
	border: 0px solid darkkhaki;
	border-right: 0px solid #ccc;
	font-size: 1.0em;
	text-align: left;
	color: #030303;
	}

.gal_text p{
  	margin-left: 8.5%;
	border: 0px solid darkkhaki;
	text-align: left;
	color: #030303;
	}
 
.top_gal {
	position: relative;
	background-color: transparent;
	width: 100%;
	margin: 0px 0% 2% 0%;
	border-top: 0px solid white;
	}
.top_gal figure {
	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.8% 0% 0 0%;
	border:0px solid black;	
	}	

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

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

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


 /* ---------------------------------- 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;
	place-content: space-between;
	width: 100%;
	margin-top: 0%;
	margin-left: 0px;
	font-size: 1.0em;
	border: 0px solid red;
	}


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

.galerie_3 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: #fff;
	justify-content: space-between; 
	margin: -1% 24% 0% 24%;
	border: 0px solid green;
	}
.galerie_3 figure {
	position: relative;
	margin: 0px 10px 20px 10px;
	}

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

.galerie_3 figure.hochformat {
		max-width: 31%;
		max-height: 37%;
		margin: 0px 1.5% 4.0% 1.5%;	
		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 10px 20px 10px;
	}

.galerie_4 figure.landscape {
	max-width: 23%;
	margin: 0px 1% 2% 1%;
}
	
.galerie_4 figure.hochformat {
		max-width: 31%;
		max-height: 17%;
		margin: 0px 1% 2% 1%;
		border: 0px solid red;	
}
.galerie_4 figure.panorama {
		max-width: 45%;
		max-height: 10%;
		margin: 0px 1% 2% 1%;
		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: 1em 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: 16em;
	height: 22px;
	}

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


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


.main_gal_detail{
	grid-column: 1 / 17;
  	grid-row:    1;
	background-color:transparent;
	color: #fff;
	width: 99%;
	margin:2% 0 0 0%;
	border:0px solid white;	
	font-size: 1.1em;
	}
.details {
		position: relative;
		background-color: #252525;
		max-width: 100%;
		height: auto;
		margin: 0.4% 0% 0 1%;
		display: none;
	}

.details img {
		margin: 0.0% 0% 0 20%;
		max-width: 60%;
		}
		
.details figcaption {	
	width: 65%;
	margin-top: 0px;
   margin-left: 20%;
 }
.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: 0.4% 0% 0 14%;
		width: 72%;		
		}
.details_panorama figcaption {	
	width: 85%;
	margin-top: 0px;
   margin-left: 14%;
 }

.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: 1.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: 0px solid #3983ab;
		width: 98%;
		height: auto;
		display: none;
		color: white;
	}
.details_hochformat img {
		margin-top: 0px;
		margin-left: 35%;
		width: 26%;
		}
.details_hochformat figcaption {	
	width: 50%;
	margin-left: 20%;
	margin-top: -2px;
   text-align: center;
 }
.details_hochformat:target {
		display: block;
	}
	
.details_portraet {
		position: relative;
		background-color: #252525;
		border: 0px solid #3983ab;
		width: 98%;
		height: auto;
		display: none;
		color: white;
	}
.details_portraet img {
		margin-top: 0px;
		margin-left: 35%;
		width: 26%;
		}
.details_portraet figcaption {	
	width: 50%;
	margin-left: 20%;
	margin-top: -2px;
   text-align: center;
 }
.details_portraet:target {
		display: block;
	}
.left_p {
		position: absolute;
		width: 20px;
		height:20px;
		border: 0px solid white;
		color: #ccc;
		left:0.5%;
		top: 42%;
		font-size: 2.3em;
		font-style: normal;
		text-decoration: none;
		}

.right_p{
		position: absolute;
		background-color: transparent;
		width: 20px;
		height:20px;
		border: 0px solid white;
		color: #ccc;
		right: 2.0%;
		top: 42%;
		font-size: 2.3em;
		font-style: normal;
		text-decoration: none;
		}	
a.left_p:after{
		display: block;
		font-size:2.0em;
		content:"‹";
		}

a.right_p:after {
		display:block;
		font-size:2.0em;
		content: "›";
		margin-top: 0px;
		}

	
.details_hoch {
		position: relative;
		background-color: #252525;
		border: 0.0em solid #3983ab;
		width: 99%;
		height: auto;
		display: none;
	}
.details_hoch img {
		margin-top: 0px;
		margin-left: 27%;
		width: 45%;
		}
.details_hoch:target {
		display: block;
	}			

.close {
		width: 28px;
		height: 18px;
		font-size: 1.6em;
		color: transparent;
	}
.close:after {
		position: absolute;
		top: 0.0em;
		right: 1%;
		content: "X";
		color: #ccc;
		background: #333333;
		font: 0.7em 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;
	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: #ccc;
		left: 0.0%;
		top: 44%;
		font-size: 1.7em;
		font-style: normal;
		text-decoration: none;
		}

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

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

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


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

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


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

		
.zurueck {
	width: 22em;
	height: 16px;
	margin-bottom: 1px;
	margin-left: 3%;
	padding: 3px;	
	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: 22px;
	margin-top: 0px;
	margin-bottom: 9px;
	margin-left: 65%;
	border-radius: 4px;
	text-decoration: none;

	}
.zurueck_b a {
		font-size: 1.1em;
		letter-spacing: 0.1em;
		color: #030303;		
		margin-left: 5%;
		margin-bottom: 7px;
		}
.zurueck_b:hover {
	background-color: #e0e0e0;
	border-radius: 4px;
	text-decoration: none;
	width: 18em;
	height: 22px;
	}
		
	
/* ----------------------------------------------------------------------------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;
}

/* ------------------------------------------------  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: #fff;
	text-align: justify;
	width: 35%;
	margin: 2% 0 2% 6%;
	border: 0px solid yellow;
	}	
 
.section_alaska h4 {
		font-size: 1.0em;
		font-weight: 600;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: #030303; 
		width: 100%;
		margin-top: 0px;
		}  

.section_alaska a {
		font-size: 1.0em;
		font-weight: 500;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: #030303; 
		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(130px, 1fr));
	grid-gap: 13px;
	grid-auto-flow: dense;
	grid-column-start: 6;
  	grid-column-end: 17;
	background-color: white;
	align-content: start;
	height: auto;
	margin: -8% 0% 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.0%;
	margin-bottom: 2em;
	margin-left: 12%;
	margin-right: 20%;
	background:transparent;
	border: 0px solid darkkhaki;
	font-size: 1.0em;
	text-align: left;
	color: #030303;
	}
 /* ---------------------------------------------------------------------------- 2. Tabelle  ---------------------------------------------------- */ 
 
.gallery_alaska1 {
	position: relative;
	display: grid;
	grid-column: 1 / 17;
  	grid-row:    2;
	grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
	grid-gap: 15px;
	grid-auto-flow: dense;
	grid-column-start: 6;
  	grid-column-end: 17;
	background-color: white;
	align-content: start;
	height: auto;
	margin: 1% 14% 3% 12%;
	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: 30%;
		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: 11px 0 0 0; 
	font-size: 1.1em;
	letter-spacing: 0.03em;	
	line-height: 1.3em;
	text-align: justify;
	border-top: 0px solid black;
	color: #000;
	}
.main_kontakt figure{
		width: 100%;
		margin-top: 0%;
		margin-left: 0%;
		border-top: 1px solid black;
		}
.main_kontakt img{
		width: 100%;
		margin: 0 0 20px 0%;
		border-bottom: 1px solid white;
     }
#kontakt {	
	letter-spacing: 0.15em;
	text-align: center;
	margin-top: 2%;	
	margin-left: 3%;
  }
		
.kontakt p{	
	font-size: 1.1em;
	letter-spacing: 0.1em;
	text-align: center;
	margin-top: 3%;
	margin-left: 0%;
	color: black;
   }
.kontakt a{	
	font-size: 1.1em;
	letter-spacing: 0.15em;
	text-align: center;
	padding-top: 2%;
	color:black;
   }

	
 /* --...................  Ende Definition Kontakt ..................-- */  
					
 /* ---------------------------------- Beginn Impressum --------------------------------------------- */

.main_impres{
	grid-column: 5 / 14;
  	grid-row:    2;
	background-color: transparent;
	margin: 6% 8% 0% 2%;	
	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: 2 / 5;
  		grid-row:    2;
  		margin-top: 10%;
		margin-left: 0%;	
		height: 15%;
		border-right: 0px solid #7f7f7f;
	}	

 /* ---------------------------------- Beginn Datenschutz --------------------------------------------- */
 
.main_datenschutz{
	display: grid;
	grid-column: 4 / 14;
  	grid-row:    2;
	background-color: transparent;
	margin: 3% 3% 0% 3%;	
	color: black;
	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: 14px;	
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 1px;
	font-family: Arial, Helvetica, serif;
	font-size: 0.9em;
	font-weight: 100;
	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 #d0d0d0;
	text-align: center;
	width: 70%;
	height: 30px;
	margin-bottom: 0px;
	margin-left: 15%;
	padding-top: 2px;
	}

#impressum {
		position: relative;
		font-size: 1.1em;
		letter-spacing: 0.1em;
		color: #030303;
		text-decoration: none;
		line-height: 0.1em;
		margin-left: 0%;
		}
.datenschutz {
		font-size: 1.1em;
		letter-spacing: 0.1em;
		color: #030303;
		text-decoration: none;
		margin-left: 0%;
		}

.peter {
		font-size: 1.1em;
		letter-spacing: 0.1em;
		color: #030303;
		text-decoration: none;
		margin-left: 25%;
		}