




body {
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1.5;
	background-color: black;
	width: 100%;
	margin: 0px;}
	
	
header {
	position: relative;		
	height: 210px;
	margin: 10px 10px 10px 10px;
	/*background: rgb(0 0 0) right;*/
	background:  rgb(240, 255, 255) right; 
	background-image: url("../img/start/rgsb.JPG");
	background-size: contain; 	
	background-repeat: no-repeat;
	opacity: 1;		 
	padding: 0 0 0 20px;
	font: normal 1.2em Arial, sans-serif;  
	z-index: 10;	
}
/* Schriftarten */
h1,
h2,
h4{
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
	font-size: 40px;
	padding-left: 0px; 
	color: #666; 
	text-transform: uppercase;
	line-height: 1.3em;

}


h4 {
	font-size: 0.8em;
	padding-left: 0.4em;
	margin: 0px 10px;
	color: rgb(255,120, 70); 
	text-transform: none;
	line-height: 1.0em;
}
	


h3	{ 
	font-size: 1.25em; 
	font-weight: normal; 
	padding: 0px; 
	margin: 0px; 
	color: #4E68AD; 
}		

p {
	text-align: left; 
	font-size: 1em;
	line-height: 1.6em; 
	padding: 0px 5px
}



h2 {
	font-weight: normal;
	font-size: 2.2em;
	margin: 0 0 10px
}
	
	
h2 span {
	font-size: 0.70em; 
	color: #818181; 
	text-transform: none;
}
	

a	{ 
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
	font-size: 30px;
	color: rgb(255, 120, 0);
	outline: none; 
	text-decoration: none; }
	
a.navigation{
	color: grey;
	line-height: 1.2 em;
}
	
header a:hover
{
	border-bottom-style: solid;
	border-color: rgb(255, 120, 70);
	background: yellow;
	color: rgb(255, 120, 70);}

a:hover,
ul a:hover	{
	border-bottom-style: solid;
	border-color: rgb(255, 120, 70);
	color: rgb(255, 120, 70);}


header a h1,
header a p {			
	color: white; 
	border-left: 0;
	padding: 0;
    display: table;		

}
div.ribbon:hover .nachher
{
  display: block;
}

div.ribbon:hover .vorher
{
  display: none;
}

.ribbon .vorher, 
.ribbon .nachher
 {

	position: absolute;
	left:-10px;
	top: 20px;	
	padding:22px 30px;
	background:  rgb(0,120,180);
	opacity: 0.8;
	box-shadow: 60px 20px 20px rgba(0,0,0,.8);
	z-index: 15;
}

.ribbon .nachher

{
  display: none;
  z-index: 30;

}
.ribbon .vorher
{
  display: block;
  z-index: 20;
}

header .ribbon .vorher h1,
header .ribbon .nachher h1 {
	color: #F0FFFF;
	font-size: 2.0em;}
	

.ribbon .nachher p{
	color: #F0FFFF;
	font-size: 1.2em;}

.ribbon .vorher p{
	color: rgb(255, 120, 0);
	font-size: 1.2em;}
	

.ribbon .vorher a,
.ribbon .nachher a {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1em;
    color: rgb(245, 222, 179);}



/*
.kopfzeile h2 {
	margin: 0px;
	
}*/

	

#top,
#top_marken {
  position: fixed;
  bottom: .4em;
  right: 1em;
  z-index: 99;
  font-size: 1em;
  border: solid;
  border-color:  rgb(255,120,0);
  outline: none;
  background-color: transparent;
  color: grey;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;}

#top_marken {
  
  border-color: rgb(155, 205, 50);
  }	
  


 

/*Format für die Text-Boxen*/
.infoblock-format {
		background: rgb(255, 250, 240);
		background-size: cover;
		margin: 10px;
		padding: 10px;}
.infoblock-format a,
.infoblock-format p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	padding: .2em;
	margin: 0px;
}

.infoblock-format a {
	padding: 0px;
	font-size: 1.0em;
}

a:hover {
    border-color: rgb(255, 120, 0);
    color: grey;}

/*Textausrichtung h1*/
.infoblock-rezepte h1,
.infoblock-sonstiges h1, 
.header-info h1   {
		text-transform: uppercase;
		font-size: 2em;
		font-weight: bold;
		text-align: center;
		margin:0px;
		padding: 10px 10px 0px 10px;
		color: 	#000080; 
		line-height: 1em;}
		
.infoblock-sonstiges h1 {
		color: green;
}
		
/*Textausrichtung h2*/
.infoblock-rezepte h2{
		text-transform: uppercase;
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
		margin:0px;
		padding: 0px 0px 10px 0px;
		color: 	#000080; 
		line-height: 1em;}
	
		

/*.sonstiges-tabelle,*/

	
.erlebnis-tabelle,
.rezepte-tabelle,
.info-tabelle {
	padding: 10px;
	margin: 0px 10px 0px 10px;
	/*border: 10px solid #000080;*/
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(4, auto);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	background: #36648B;
	justify-content: space-around;
	align-content: space-around;}	
	
.erlebnis-tabelle{
	background: #000000;
}			
.erlebnis-box,
.rezepte-box,
.sonstiges-box,
.info-box {
	/*background-color: #fffbf0;*/
	background-color: #ffe4b5;
	padding: 10px;
	width: auto;
	box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 24px 27px rgba(0,0,0,0);}

.erlebnis-box p,
.rezepte-box p{
	margin: 2%;
	padding: 3% 5%;
	font-size: 1.2em;
	text-align: left;
	line-height: 1.4;}

.erlebnis-box p {

	font-size: 1.2em;}

.erlebnis-box-foto,
.rezepte-box-foto,
.sonstiges-box-foto {
	padding: 0%;
	width: 100%;
	height: auto;}
	
.erlebnis-box {
	/*background-color: #fffbf0;*/
	background-color: #cdcdcd;
	}

	

.spalte-ueberschrift
 {

	padding-left: 1.4em; 
	color: #666; 
	text-transform: uppercase;
	text-align: center;
	font-size: 1.6em;
	border-left:5px solid rgb(255, 120, 70);
	}

/* Auswahlfelder Fotos, Rezept, sonstiges */
nav {
	margin: 10px;
	padding: 5px;

	background:#fffbf0;
	display: grid;
    grid-template-columns: repeat(4, 1fr);

 }
 
 nav h1   {
		text-transform: uppercase;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		margin:0px;
		padding: 0px;
		color: 	grey;
		}
nav a{
	color:rgb(255, 120, 0);
	font-size: 1.4em;
	text-transform: uppercase;}

nav a :hover {
	color:grey;
}

.zelle-1,
.zelle-2,
.zelle-3,
.zelle-4,
.zelle-5,
.zelle-6,
.zelle-7,
.zelle-8 {

	border-color: #e7c157;
	margin:10px 0px;
	padding: 5px 0px 5px 30px;
	text-align: center;
	grid-column: 1;
	grid-row: 1;
	align-self: center;

}

.zelle-2 {
	grid-column: 2;

}

.zelle-3 {
	grid-column: 3;

}

.zelle-4 {
	grid-column: 4;		
}


.zelle-5 {
	grid-row: 2;
	grid-column: 1;		
}

.zelle-6 {
	grid-row: 2;
	grid-column: 2;		
}

.zelle-7 {
	grid-row: 2;
	grid-column: 3;		
}

.zelle-8 {
	grid-row: 2;
	grid-column: 4;		
}




/*
header a:hover
{
	border-bottom-style: solid;
	border-color: rgb(255, 120, 70);
	background: yellow;
	color: rgb(255, 120, 70);}


	
a:hover,
ul a:hover	{
	border-bottom-style: solid;
	border-color: rgb(255, 120, 70);
	color: rgb(255, 120, 70);}*/
	




/*Textausrichtung h1*/
.infoblock-rezepte h1,
.infoblock-sonstiges h1, 
.header-info h1   {
		text-transform: uppercase;
		font-size: 2em;
		font-weight: bold;
		text-align: center;
		margin:0px;
		padding: 10px 10px 0px 10px;
		color: 	#000080; 
		line-height: 1em;}
		
.infoblock-sonstiges h1 {
		color: green;
}
		
/*Textausrichtung h2*/
.infoblock-rezepte h2{
		text-transform: uppercase;
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
		margin:0px;
		padding: 0px 0px 10px 0px;
		color: 	#000080; 
		line-height: 1em;}

  
  
.gallery-foto,
.gallery-urkunden,
.gallery-ahnen,
.gallery-marken
 {
  display: grid;
  background-color: black;
  grid-template-columns: repeat(4, auto); /* 4 IMAGES PER ROW */
 
  row-gap: 30px;
  column-gap: 20px;
  padding: 30px;
  max-width: 100%;
  margin: 10px 10px 0px 10px; /* HORIZONTAL CENTER */

}

.gallery-marken {
	background-color: rgb(137,145,149);
	grid-template-columns: 1fr,2fr,2fr,1fr;

}
.gallery-marken-text {
	background-color: rgb(48,60,55,0.2);
	/*border: dotted;
	border-color: green;	*/
	color: rgb(163, 235, 13);
	text-align: left;
	padding: 10px;
	box-shadow: 20px 10px 10px rgba(0,0,0,.2);
}
.gallery-marken-bild {
	box-shadow: 20px 10px 10px rgba(0,0,0,.5);	
	background-color: rgb(22,22,22);
	padding: 5px;
}

.gallery-urkunden {
  grid-gap: 40px;	
}


.gallery-urkunden p,
.gallery-urkunden a
{
	font-size: 1em;
	color: white;
	margin: 10px 0px;
	padding: 0px;
	text-align: center;
	align-self: center;
}



/*.gallery-marken P {
	color: rgb(155, 205, 50);
	text-align: left;

}*/

.gallery-urkunden a {

	border-bottom-style: solid;
	border-color: black;

	}
	
.gallery-urkunden a:hover
	{
	border-bottom-style: solid;
	border-color: rgb(255, 120, 70);
	color: rgb(255, 120, 70);
}
	

	

.gallery-urkunden ul{
	margin: 0px;
	padding-inline-start: 0px;
	
	padding: 0px 20px;
	color: white;
}

.gallery-urkunden h2{
	color: white;
	font-size: 1.5em;
}

.gallery-ahnen {
	justify-self: center;
  grid-template-columns: repeat(1,auto);

}


/* THUMBNAILS */
.gallery-foto img,
.gallery-urkunden img,
.gallery-ahnen img,
.sonstiges-tabelle img,
.gallery-marken img { 
  width: 100%; 
  height: 200px;
  cursor: pointer;
  /* FILL, CONTAIN, COVER, SCALE-DOWN : USE WHICHEVER YOU LIKE */
  object-fit: contain;
}
.gallery-urkunden img,
.sonstiges-tabelle img {
	height: 300px;
}

.gallery-ahnen img {
	height: 600px;
	justify-self: center;
	grid-column: 1/span 4;
}

.gallery-foto img:fullscreen
 { object-fit: contain; }

/* Dateiname */
.gallery-foto figure { margin: 0; }
.gallery-foto figcaption { 
  padding: 5px;
  font-size: 1em;
  background: black;
  color: #fff;
  text-align: center;
}


/*reCaptcha*/

.g-recaptcha {
	margin:  10px 0px;
}

.status-captcha {
	font-size: 20px;
	color: green;
	padding: 10px;
}

/* Anfang moderne Gallerie */


.sonstiges-kopf {
  display: block;
  z-index: 5;	
  background: rgb(255, 120, 70);
  height: 320px;
  padding: 0;
margin: 0;}


.sonstiges-tabelle,
.sonstiges-lederkuvert,
.sonstiges-aktie,
.sonstiges-abschrift,
.sonstiges-brief,
.sonstiges-rechnung
 {
	background-color:  rgb(100, 100, 100);
	box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 24px 27px rgba(0,0,0,0);
	
	padding: 10px;
	margin: 10px 10px 10px 10px;

	display: grid;
	grid-template-columns: [links] 6em [start] 1fr [mitte] 1fr [ende] 1fr [rechts]6em;

	grid-column-gap: 10px;
	grid-row-gap: 10px;
	
	align-items: center;
	height: 1000px;
}	
	
	
.sonstiges-lederkuvert img,
.sonstiges-aktie img {
box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 24px 27px rgba(0,0,0,0);
background:  rgb(100, 100, 90);
width: auto;
margin: 0px 0px 0px 200px;
height: 300px;}




.position-1,
.position-2,
.position-3,
.position-4,
.position-5 {

	/*border-color: #e7c157;*/
	margin: 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;

		align-self: center;
		/*width: 100%;
*/
}
/*Lederkuver*/
.sonstiges-lederkuvert {

background-image: radial-gradient(circle closest-corner at 70% 50%, rgba(249,248,242,0.3) 70%, #fffbf0 100%), url("../img/sonstiges/karte.jpg");
background-repeat: no-repeat;
background-color: grey;
background-size: cover;

}


.sonstiges-lederkuvert h2 {
	font-family: 'Beth Ellen', cursive;	
	font-size:  4em;
	color: black;
	text-transform: initial;
	margin: 10px 0px;
}

.sonstiges-lederkuvert p {
	/*font: bold 1.2em Arial, sans-serif;  
	font-family: 'Beth Ellen', cursive;*/
	font-family: 'Cinzel', serif;

	font-size: 2em;
	text-align: center;
	color: black;}

.sonstiges-lederkuvert img {
height: 300px;
opacity: .8;}


.sonstiges-lederkuvert-ueberschrift {
	
grid-column: start /span 3;
	grid-row: 1;	
	
}



.position-lederkuvert-vorne{
	grid-column: mitte / rechts;
	grid-row: 2;

}

.position-lederkuvert-hinten {
	grid-column: start;
	grid-row: 3;
}
.position-lederkuvert-text {
	grid-column: start;

	grid-row: 2;}


/*Abschrift*/

.sonstiges-abschrift {



background-image: radial-gradient(circle closest-corner at 50% 20%, rgba(249,248,242,0.3) 70%, #fffbf0 100%), url("../img/sonstiges/waffenstillstand.jpg");
background-repeat: no-repeat;
background-color: grey;
background-size: cover;

}	



.sonstiges-abschrift img {
	height:500px;
	opacity: .8;

}

.position-abschrift-ueberschrift {
	
grid-column: start /span 3;
	grid-row: 1;	
	
}

.sonstiges-abschrift h2 {
	font: bold 3em Arial sans-serif;
	color: white;
	margin: 10px 10px;
}

.sonstiges-abschrift p {

	font-family: 'Permanent Marker', cursive;
		/*font-family: 'Dancing Script', cursive;
font-family: 'Bokor', cursive;*/
	font-size: 2em;
	color: black;
	}

.position-abschrift-seite-eins {
	grid-column: ende;
	grid-row: 4 / span 3 ;	

}
.position-abschrift-text {
	grid-column: start / span 2;
	grid-row: 6;		
}


/*Aktie*/

.sonstiges-aktie {
background-image: radial-gradient(circle closest-corner at 50% 50%, rgba(249,248,242,0.3) 70%, #fffbf0 100%), url("../img/sonstiges/aktie-hintergrund-1000px.jpg");
background-repeat: no-repeat;
background-color: grey;
background-size: cover;
height: 1200px;
}	
.sonstiges-aktie img {
	height:700px;
	opacity: .8;

}

.sonstiges-aktie-ueberschrift {
	
grid-column: start /span 3;
	grid-row: 1;	
	
}

.sonstiges-aktie h2 {
	/*font-family: 'Eagle Lake', cursive;*/
	font-family: 'Faster One', cursive;
	/*font-family: 'Homemade Apple', cursive;*/
	font-size: 4em;
	color: darkred;
}

.sonstiges-aktie p {
	/*font: normal 1.2em Arial, sans-serif;  */
font-family: 'Faster One', cursive;
	font-size: 2.6em;
	color: white;
	}

.position-aktie {
	grid-column: start;
	grid-row: 2;	

}
.position-aktie-text {
	grid-column: links/span 5;
	grid-row: 3;	
	padding: 30px;	
}


/*Brief*/

.sonstiges-brief {
background-image: radial-gradient(circle closest-corner at 40% 20%, rgba(249,248,242,0.3) 70%, #f8f8ff 100%), url("../img/sonstiges/pruefening.jpg");
background-repeat: no-repeat;
background-color: grey;
background-size: cover;
height: 1200px;
}
	
.sonstiges-brief img {
	height:400px;
	opacity: .8;

}

.sonstiges-brief-ueberschrift {
	
grid-column: start/span 3;
	grid-row: 1;	
	
}

.sonstiges-brief h2 {
	font-family: 'Bad Script', cursive;
	color: rgb(5, 31, 133);
	font-size: 4em;
	padding: 20px 0 0 0;
}

.sonstiges-brief p {
	/*font: normal 1.2em Arial, sans-serif;  */
	font-family: 'Bad Script', cursive;
	font-size: 1.4em;
	color: darkblue;
	}

.position-brief {
	grid-column: start;
	grid-row: 2;	
	align-self: end;

}
.position-brief-text {
	grid-column: ende/span 2;
	grid-row: 2;	
	padding: 30px;	
}


/*Rechnung*/

.sonstiges-rechnung {
background-image: radial-gradient(circle closest-corner at 50% 20%, rgba(249,248,242,0.3) 70%, #404040 100%), url("../img/sonstiges/wappen.jpg");
background-repeat: no-repeat;
background-color: grey;
background-size: cover;
height: 1000px;
}
	
.sonstiges-rechnung img {
	height:400px;
	opacity: .8;

}

.sonstiges-rechnung-ueberschrift {
	
grid-column: start/span 5;
	grid-row: 1;
	align-self: start;	
	
}

.sonstiges-rechnung h2 {
	font-family: 'Eagle Lake', cursive;
	color: #ff00eb;
	font-size: 4em;
	padding: 20px 0 0 0;
}

.sonstiges-rechnung p {
	font-family: 'Eagle Lake', cursive;
	font-size: 1.4em;
	color: #ff00eb;
	}

.position-rechnung {
	grid-column: start;
	grid-row: 2;	
	align-self: end;

}
.position-rechnung-text {
	grid-column: rechts/span 2;
	grid-row: 2;	
	padding: 30px;	
	align-self: end
}


.form-area {
	display: flex;
	background: rgba (0,0,0,0.8);
	border-radius: 25px;
	padding: 2em;
}
/*
.land-area,
.jahr_von-area,
.jahr_bis-area,
.art-area  {
	display: flex; flex-direction: row;
	order: 1;
}

.jahr_von-area {
	order: 2;
}

.jahr_bis-area {
	order: 3;
}
.art-area {
	order: 4;
}
.button-area  {

	order: 5;

}

.land-area select,
.jahr_von-area input,
.jahr_bis-area input,
.art-area input {
	width: 100%;
	height: 40px;
	background: transparent;
	color: green;
	border-radius: 40px;
	padding: 1em;
	margin: 1em;
	font-size: 1em;
}

.button-area {
	background: tomato;
	color: #fff;
	border: 0;
	padding: 15px 50px;
	border-radius: 40px;
	font-size: 16px;
	text-transform: uppercase;
}
*/
label {
	/*color: rgb(47,70,79);*/
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.2em;
	text-transform: uppercase;
	text-align: left;
	margin:0px 0px 0px 30px;
	z-index:1000;

	
}

form {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%; /*repeat(4, auto);*/
  grid-gap: 0px;
 /* justify-content: center;
  align-self: center;
  text-align: center;*/
	margin: auto;

}
form label {
  display: block;
}


form input,
form select,
form button{
	font-size: 20px;
	color: rgb(155, 205, 50);
	text-align: center;
	align-self: center;

	width: 80%;
	height: 40px;
	background: rgb(47,70,79);
	border-radius: 40px;
	margin: 0.6em;
	padding: 0;
	  	 

}
select option {
	color: black;
	font-size: .8em;
	background:  rgb(155, 205, 50);	
	position: relative;
	z-index: 1000;


}


.full-width {
  grid-column: 1/5;
  grid-row: auto;
  margin:0px 0px 10px 0px;
  width: 97%;
 
}

form button {
	background: rgb(155, 205, 50);
	color: rgb(47, 79, 79);
	border: 0;
	border-radius: 40px;
	font-size: 1em;
	text-transform: uppercase; 
	width: 100%;
}

form p{
		font-size: 1.4em;
		color: black;
		margin: 0px 0px 0px 0px ;
		padding: 10px 10px 10px 10px ;
		line-height: 1.2em;		
		justify-content: center;
		  align-content: stretch;
		  	align-items: center;}	

.headline_selection,
.headline_selection_breit	{
	font-size: 2em;
	text-align: center;		
	margin: 20px 0px 0px 0px ;
}  	

.headline_selection_breit		{
grid-column: 2/4;
}  	

::placeholder{
	color: yellow;
}



/* Ende moderne Gallerie */



  
 	/*Start iPad quer*/
	@media screen and (max-width: 1370px) {
/*	
	.ribbon .vorher, 
	.ribbon .nachher{
		box-shadow: 60px 20px 20px rgba(0,0,0,.8);
		-webkit-box-shadow: none;
		-moz-box-shadow: none;

	}*/
	
	
	
	nav a{

		font-size: 1.2em;

		}

	.gallery-foto {
    	grid-template-columns: repeat(2, auto); /* 2 IMAGES PER ROW */
 		}

	.gallery-urkunden {
		grid-template-columns: repeat(2, auto); 
		}
		
	.spalte-ueberschrift {
		padding-left: .4em; 
		font-size: 1em;
		}
		
	.sonstiges-lederkuvert,
	.sonstiges-abschrift,
	.sonstiges-aktie {	
			height: 768px;
		}
	.sonstiges-lederkuvert h2 {
	font-size: 3em;
	}
	
	.sonstiges-lederkuvert img,
	.sonstiges-aktie img {
			margin: 0px 0px 0px 50px;}

		
	.sonstiges-abschrift img {
		height: 400px;
		}
		
	.sonstiges-aktie img {
		height:450px;
		}
	.sonstiges-lederkuvert p,
	.sonstiges-abschrift p {
	font-size: 1.4em;
	}
		
	
	/*Brief I-Pad quer*/

	.sonstiges-brief {
	background-image: radial-gradient(circle closest-corner at 50% 15%, rgba(249,248,242,0.3) 70%, #fffbf0 100%), url("../img/sonstiges/pruefening.jpg");
	}
	
	.sonstiges-brief img {
	height:300px;
	}

	.sonstiges-brief-ueberschrift {
	grid-column: start/span 3;
	grid-row: 1;	
	}

	.sonstiges-brief h2,
	.sonstiges-aktie h2,
	.sonstiges-rechnung h2 {
	font-size: 3em;
	}

	.sonstiges-brief p {
	font-size: 1em;
	}

	.position-brief {
	grid-column: ende /span 2 ;
	grid-row: 2;	
	align-self: start;
	padding: 0 0 0 100px;
	}
		
	.position-brief-text {
	grid-column: start/span 3;
	grid-row: 3;	
	padding: 0px;	
	}
	label {
		font-size: 1.2em;}
	
	}

 		/*Start iPad hochkant*/
		@media screen and (max-width: 1000px) {
		
		/* fuer Sonstiges*/

		.sonstiges-lederkuvert,
		.sonstiges-abschrift,
		.sonstiges-aktie,
		.sonstiges-rechnung{
			grid-template-columns: [links] 2em [start] 1fr [mitte] 1fr [ende] 1fr [rechts] 2em;
			height: 600px;
			}

		.sonstiges-lederkuvert h2,
		.sonstiges-aktie h2,
		.sonstiges-rechnung h2 {
			font-size:  2em;
			}

		.sonstiges-lederkuvert p {

			font-size: 1.6em;  
			margin: 0px 35px;
			}

		.sonstiges-lederkuvert img {
			height: 200px;
			margin: 0px;
			}

		.sonstiges-lederkuvert-ueberschrift,
		.sonstiges-aktie-ueberschrift {
			grid-column: start/ende;
			grid-row: 1;	
			}

		.position-lederkuvert-vorne{
			grid-column: start/mitte;
			grid-row: 2;
			}

		.position-lederkuvert-hinten {
			grid-column: mitte;
			grid-row: 3;
			}
			
		.position-lederkuvert-text {
			grid-column: links / mitte;
			grid-row: 3;
			}
	
	
		.sonstiges-abschrift h2 {
			font-size: 2.4em;
			}
	
		.sonstiges-abschrift p {
			font-size: 1.2em;
			color: black;
			}
	
		.sonstiges-abschrift img {
			height:400px;
			opacity: .8;
			}

		.position-abschrift-seite-eins {
			grid-column: ende;
			grid-row: 6;	
			}
			
		.position-abschrift-text {
			grid-column: links /span 3;
			grid-row: 6;
			margin: 20px;		
		}
		
		.position-aktie {
			grid-column: links;
			grid-row: 2;	
				}		
		
		.sonstiges-aktie img {
			height: 300px;
			margin: 0px 0px 0px 50px;
			}
			
		.sonstiges-aktie p {
			font-size: 1.6em;}
			
		/*Brief*/

		.sonstiges-brief {
		background-image: radial-gradient(circle closest-corner at 50% 15%, rgba(249,248,242,0.3) 70%, #fffbf0 100%), url("../img/sonstiges/pruefening.jpg");
		height: 1300px;
		}
	
		.sonstiges-brief img {
		height:200px;
		}

		.sonstiges-brief-ueberschrift {
		grid-column: start/span 3;
		grid-row: 1;	
		}

		.sonstiges-brief h2 {
		font-size: 2em;
		}

		.sonstiges-brief p {
		font-size: 1em;
		}

		.position-brief {
		grid-column: start;
		grid-row: 2;	
		align-self: end;
		}
		
		.position-brief-text {
		grid-column: start/span 3;
		grid-row: 3;	
		padding: 0px;	
		}
			
		/*Rechnung*/
		.sonstiges-rechnung img {
		height:200px;
		}
		
		.position-rechnung-text {	
		padding: 0px;	
		margin: 0px 0px 10px 0px;
		}
	}


/*Start Mobil*/
/*IPhone 8 quer*/

/*
			@media screen and (max-width: 700px) {

			header a h1{
				color: grey;
				margin: 0 0 50px 0;
			}
	
			header a p {
				color: rgb(255, 120, 70);
				font-weight: bold;
				font-size: 1.2em;
			}

			h1 {
				font-size: 1em;
			}

			p {
				font-size: 1.0em;
				padding: 1em;
			}

			ul.alben  {
				padding: 0em 0em 0em 0em;
				margin: 0em 0em 1em 0em;
			}

			ul.alben h4 {
				padding: 0em 0em 0em 0em;
				margin: 0em 0em 0em 0em;
				font-size: 0.6em;
			}

			.spalte-kontakt a {
				margin: 0em;
			}


			.ribbon .vorher, 
			.ribbon .nachher,
			.ribbon .vorherstamps,
			.ribbon .nachherstamps {
				top: 0.4em;	
				left: 0.8em;
				background: white;
				opacity: 0.8;
				padding: 0.2em;
			}
			
			.ribbon .vorherstamps,
			.ribbon .nachherstamps {
			box-shadow: no;}

			.ribbon .vorher p,
			.ribbon .nachher p 
			.ribbon .vorherstamps p,
			.ribbon .nachherstamps p {
				font-size: .6em;
			} 

			header {
				height: 170px;
				margin: 0px;
			}

			nav {
				margin: 10px;
				padding: 5px;
				background:#fffbf0;
				display: grid;
   				grid-template-columns: repeat(2, 1fr);
 			}
 
 			nav h1 {
				text-transform: uppercase;
				font-size: 20px;
				font-weight: bold;
				text-align: center;
				margin:0px;
				padding: 0px;
				color: 	grey;
			}
			
			nav a {
				color: grey;
				font-size: 1.2em;
				text-transform: uppercase;
				border: none;
				border-left: 2px solid orange;
				padding: 0.8em;
				line-height: 1.2em;
			}

			.zelle-1,
			.zelle-2,
			.zelle-3,
			.zelle-4 {
				border-color: #e7c157;
				margin:0em;
				padding: .6em;
				text-align: left;
				grid-column: 1;
				grid-row: 1;
			}


			.zelle-2 {
				grid-column: 2;
				grid-row: 1;
			}

			.zelle-3 {
				grid-column: 1;
				grid-row: 2;
			}

			.zelle-4 {
				grid-column: 2;		
				grid-row: 2;
			}

			.spalte-bilder-auswahl p {
				padding: 0em;
			}
			
			.gallery-foto {
   				 grid-template-columns: repeat(1, auto); /* 1 Foto pro Reihe
			}

			.gallery-urkunden {
				display: grid;
				grid-template-columns: repeat(1, auto); 
			}

			.rezepte-tabelle,
			.sonstiges-tabelle,
			.info-tabelle {
				grid-template-columns: repeat(1, 1fr);
			}
			
			main {
				margin: 0.2em;
				padding: 10px;
				font-size: 20px;
				background:#fffbf0;
				display: grid;
				grid-template-columns: repeat(1, 1fr);
			}

			.kopfzeile {
				margin: 1em;
				grid-column: 1 / span 3;
				text-align: center;
				grid-row: 1;
				grid-template-columns: min-content 1fr;
			}

			.kopfzeile h2 {
				font-size: 2em;
			}

			.spalte-bilder {
				grid-column: 1;
				grid-row: 3;
			}

			.spalte-sonstiges {
				grid-column: 1;
				grid-row: 5;
			}

			.spalte-bilder-auswahl {
				grid-column: 1;
				grid-row: 4;
				padding: 0em;
			}
	
			.spalte-kontakt {
				grid-column: 1;
				grid-row: 6;
				text-align: center;
				margin: 1.2em;
			}
			
			.spalte-geschlossen {
				grid-column: 1;
				grid-row: 7;
				text-align: center;
				margin: 1.2em;
			}

			.spalte-rezepte img,
			.spalte-bilder img,
			.spalte-sonstiges img  {
   				width: 30%;
				float: left;
	 			margin-right: 10px;
			}
	 
			.spalte-sonstiges img {
				 float: right;
	 			margin-left: 20px;
			}

			.sonstiges-lederkuvert h2,
			.sonstiges-abschrift h2,
			.sonstiges-aktie h2  {
				font-size: 1.8em;
			}

			.sonstiges-lederkuvert p {
				font-size: 1.2em;
			}

			.sonstiges-abschrift p {
				font-size: 1.0em;
			}
			
			.sonstiges-aktie img {
			margin: 0px 0px 0px 20px;}
			
			
			.position-aktie img {
			grid-column: links;
			grid-row: 2;}
			
			.position-aktie-text {
				grid-column: mitte / span 3;
				grid-row: 2;
				margin: 5px;		
				}

		}*/

			/* Mobil- hochkant 

				@media screen and (max-width: 420px) {
					.ribbon .vorher, 
					.ribbon .nachher,
					.ribbon .vorherstamps,
					.ribbon .nachherstamps {
						top: 6.4em;	
						left: 0.8em;
						padding: 0.2em;
						background: hsla(0, 0%, 100%, 0.8);
				}
				h1 {
					font-size: 0.6em;
				}
				
				.ribbon .vorher p,
				.ribbon .nachher p
				.ribbon .vorherstamps p,
				.ribbon .nachherstamps p {
					font-size: .6em;
					margin: 0px;
				} 

				header a h1{
					color: #2f4f4f;
					margin: 0;
				}

				nav a{
					font-size: 1em;
					display: flex;
					align-items:center;
				}

				main {
					margin: 0.2em;
					padding: 10px;
					font-size: 20px;
					background:#fffbf0;
					display: grid;
					grid-template-columns: repeat(1, 1fr);
				}
 
 				.kopfzeile {
					margin: 0.4em;
					grid-column: 1 / span 3;
					text-align: center;
					grid-row: 1;
					grid-template-columns: min-content 1fr;
				}

				.kopfzeile h2{
					font-size: 2em;
					margin: 20px 0 0 0;
				}
	
				p {
					padding: 0em;
				}

				.infoblock-fotos p {
					font-size: 1.2em;
				}

				.spalte-ueberschrift{
					font-size: 1.6em;
				}

				.spalte-bilder {
					grid-column: 1;
					grid-row: 3;
				}

				.spalte-sonstiges {
					grid-column: 1;
					grid-row: 5;
				}

				.spalte-bilder-auswahl {
					grid-column: 1;
					grid-row: 4;
					padding: 0em;
				}
	
				.spalte-kontakt {
					grid-column: 1;
					grid-row: 6;
					text-align: center;
					margin: 1.2em;
				}

				.spalte-rezepte img,
				.spalte-bilder img,
				.spalte-sonstiges img  {
     				width: 30%;
	 				float: left;
	 				margin-right: 10px;
				}
	 
				.spalte-sonstiges img {
					 float: right;
	 				margin-left: 20px;
				 }

				.sonstiges-lederkuvert,
				.sonstiges-abschrift {
					grid-template-columns: [links] 1em [start] 1fr [mitte] 1fr [ende] 1fr [rechts] 1em;
					height: 760px;
				}
				
				.sonstiges-abschrift {
				height: 400px;}
				
				.sonstiges-aktie {
					height: 500px;
				}

				.sonstiges-lederkuvert h2 {
					font-size: 1.6em;
				}

				.position-lederkuvert-hinten {
					grid-column: start;
					grid-row: 3;
				}
				
				.position-lederkuvert-text {
					grid-column: start / mitte;
					grid-row: 4;
				}

				.sonstiges-abschrift {
					grid-row-gap: 10px;
				}

				.sonstiges-abschrift h2,
				.sonstiges-aktie h2 {
					font-size: 1.4em;
				}
	
				.sonstiges-abschrift p {
					font-size: 0.6em;
				}
	
				.position-abschrift-ueberschrift,
				.sonstiges-aktie-ueberschrift {
					grid-column: links /span 5;
					grid-row: 1;	
				}

				.position-abschrift-seite-eins,
				.position-aktie {
					grid-column: links;
					grid-row: 2;	
					padding: 0px 0px 0px 10px;
				}
				
				.position-abschrift-text {
					grid-column: mitte/rechts;
					grid-row: 2;
					margin: 0px;	
					padding: 0px 0px 0px 20px;	
				}
				
				.sonstiges-abschrift img{
					height:150px;
					opacity: .8;
				}
				

				.sonstiges-aktie p {
					font-size: 1em;
				}				
				
	
				.sonstiges-aktie img{
					height:250px;
					opacity: .8;
				}
				
				.position-aktie-text {
					grid-column: links/ span 4;
					grid-row: 3;
					margin: 0px;	
					padding: 0px 0px 0px 20px;	
				}
				*/
					/*Brief I-Phone 8 hochkant
					
					

					.sonstiges-brief {
					background-image: radial-gradient(circle closest-corner at 10% 15%, rgba(249,248,242,0.3) 70%, #fffbf0 100%), url("../img/sonstiges/pruefening.jpg");
					height: 1000px;}
	
					.sonstiges-brief img {
					height:200px;
					}

					.sonstiges-brief-ueberschrift {
						grid-column: links/span 5;
						grid-row: 1;	
					}

					.sonstiges-brief h2,
					.sonstiges-rechnung h2 {
						font-size: 1.2em;
					}

					.sonstiges-brief p,
					.sonstiges-rechnung p {
						font-size: 1em;
					}

					.position-brief,
					.position-rechnung {
						grid-column:  start/span 2 ;
						grid-row: 2;	
					
						padding: 0 0 0 0px;
					}
		
					.position-brief-text,
					.position-rechnung-text {
						grid-column: links /span 5;
						grid-row: 3;	
						padding: 5px;	
					}	
					.gallery-marken {
					grid-template-columns: repeat (2, auto);
					}
				
				
				
			}
			*/
		

/* Ende Mobil */		
	

  
  
  

  
  
  
  
  
  
  
  
  
  
  
