html {background-color: #eeeedd; max-width: device-width; border: 4px solid #bb2575; margin: 0px auto; padding: 0px;}

body   { background-color: #ffffff; border: 4px solid #cc3595; border-spacing: 4px; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold;}
header { background-color: #dddd95; border: 4px solid #ee55aa; border-spacing: 4px; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold;}

header h1 { color: #751595; font-size: 175%; line-height:150%; font-weight: bold; text-align: center; font-style: italic; background-color:transparent; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold;}
header h2 { color: #752595; font-size: 150%; line-height:150%; font-weight: bold; text-align: center; font-style: italic; background-color:transparent; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold;}

header h4 { color: #751595; font-size: 175%; line-height:150%; font-weight: bold; text-align: center; font-style: italic; background-color:transparent; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold;}
header h5 { color: #752595; font-size: 150%; line-height:150%; font-weight: bold; text-align: center; font-style: italic; background-color:transparent; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold;}

#Kopf1 { background-color: #dddd95; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold;}
#Kopf2 { background-color: #ffff95; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold;}

main   { background-color: #ffffff; border: 4px solid #ee55aa; border-spacing: 4px; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold;}
footer { background-color: #ffffff; border: 4px solid #ee55aa; border-spacing: 4px; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold;}

footer h1 { color: #751595; font-size: 175%; line-height:150%; background-color: #eeeeaa; font-weight: bold; text-align: center; font-style: italic; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; }
footer h2 { color: #752595; font-size: 150%; line-height:150%; background-color: #eeeeaa; font-weight: bold; text-align: center; font-style: italic; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; }

footer h4 { color: #751595; font-size: 175%; line-height:150%; background-color: #eeeeaa; font-weight: bold; text-align: center; font-style: italic; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; }
footer h5 { color: #752595; font-size: 150%; line-height:150%; background-color: #eeeeaa; font-weight: bold; text-align: center; font-style: italic; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; }

section { background-color: #ffffff; border: 4px solid #ee9575; border-spacing: 4px; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold;}
article { background-color: #ffffff; border: 4px solid #eedd32; border-spacing: 4px; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; padding: 5px; text-align: center;}

h3 { color: #959532; font-size: 125%; line-height:150%; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; background-color: #ffffff; text-align: center; font-style: italic; font-weight: bold;}
p  { color: #000000; font-size: 100%; line-height:150%; font-family: Arial, Montserrat, Eau, Manrope, Cantarell, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold;}

/* img { position: center;} */

.header-oben      {display:block;}
.header-oben-nano {display:none;}

  .header       {display: block;}
  .header-tiny  {display: none;}
  .header-nano  {display: none;}
  
.Bild 				{border: 1px solid #000000; margin: 5px auto; }
.Bild-800x800 		{border: 1px solid #000000; margin: 5px auto; }
.Bild-1024x1024	{border: 1px solid #000000; margin: 5px auto; }	
.Bild-1080x1080	{border: 1px solid #000000; margin: 5px auto; }	
.Bild-1200x1200   {border: 1px solid #000000; margin: 5px auto; }	


@media screen and (min-width: 641px) and (max-width: 870px) 
{.Bild-800x800 {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}}

@media screen and (min-width: 641px) and (max-width: 1100px) 
{.Bild-1024x1024 {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}}

@media screen and (min-width: 641px) and (max-width: 1140px) 
{.Bild-1080x1080 {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}}


@media screen and (min-width:641px) and (max-width: 1250px) 
{.Bild-1200x1200 {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}}

  

body h1 { color: #751595; font-size: 175%; line-height:150%; font-weight: bold; text-align: center; font-style: italic; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; }
body h2 { color: #752595; font-size: 150%; line-height:150%; font-weight: bold; text-align: center; font-style: italic; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; }

#introduction {text-align: center; border: 1px solid #111111; padding: 0px; margin: 5px auto;}
.Produkt {text-align: center; border: 1px solid #ffffff; padding: 5px; margin: 5px auto;}
.Bild {text-align: center; border: 1px solid #ffffff; padding: 5px; margin: 5px auto;}

.Produkt-Menu {margin: 5px auto; padding: 5px auto;}

ul {list-style-image: url("../Stern-gelb-25.png")}

tr
 {
  font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
  font-size: 12pt;
  text-align: center;
 }

td 
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 line-height:150%;
 text-align: center;
}

ul 
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: left;
}

ol 
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: left;
}

li 
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma;
 font-size: 12pt;
 line-height:150%;
 text-align: left;
}

table.Bestell-Formular { border-width: 5px; border-color: #ff2595; border-style: dashed; background-color: #FFFFFE; padding: 0px;  margin: 5px auto;}

.Bestell-Formular {margin: 5px auto;}


tr.Bestell-Formular
 {
  font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
  font-size: 12pt;
  text-align: center;
 }

td.Bestell-Formular
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 line-height:150%;
 text-align: center;
 background-color: #ffffff; padding: 15px; 
}

ul.Bestell-Formular
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: left;
}

ol.Bestell-Formular
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: left;
}

li.Bestell-Formular
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma;
 font-size: 12pt;
 line-height:150%;
 text-align: left;
}


.radio { text-align: center; line-height:150%;}
label {line-height:150%;}

.Dateneingabe { background-color: #ffffee; color: #000000; margin: 5px auto; text-align: center;  line-height:200%;}
.Zeile { display: block; margin: 5px; padding: 5px; line-height:200%;}
.Beschriftung {display: block; line-height:150%;}


input 
{ font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma;
  font-size: 12pt;
  line-height:150%;
  text-align: left;
}

.Lesrein {size:35;}

label {font-size: 11pt;}

.Dateneingabe { background-color: #ffffee; color: #000000; margin: 5px auto; text-align: center;  line-height:200%;}
.Zeile { display: block; margin: 5px; padding: 5px; line-height:200%;}
.BeschriftungIban {display: block; line-height:150%;}

input.Lesrein {size:35em; width: 325px;}
.form_radio {width:auto; margin-bottom: 50px;}
input[type="checkbox"], input[type="radio"]{width:auto;}

#los {text-align:center; color: #ffff55;  font-size: 25pt; font-weight: bold; background-color: #ff15ff; padding: 25px; border-width: 5px; border-color: #aa25aa;  border-style: solid; border-radius: 15px; margin:5px auto;}

#Bestell_Samenoel {margin: 5px auto;}

fieldset {padding: 5px; background: #ffeeff; border: 1px solid #221122; border-radius: 5px; margin: 5px;}

legend {background: #ffff55; padding: 8px; border: 1px solid #221122; border-radius: 5px; margin: 5px;}

fieldset p {font-size: 11pt;}

#AGB {display: inline;}

.Checkbox {display: inline;}

#SEPA-Erlaubnis {font-size: 10pt;}

.giant  {display: none;}
.grande {display: block;}
.mini   {display: none;}
.tiny   {display: none;}
.nano   {display: none;}

#Credit-Lizenz {font-size: 10pt;}

.giant  {display: none;}
.grande {display: block;}
.mini   {display: none;}
.tiny   {display: none;}
.nano   {display: none;}

.Frucht-Zusammensetzung { border: 5px; border-width: 5px; border-color: #959532; border-spacing: 0px; padding:25px; margin: 0px auto; background-color: #dddd95; }

tr.Frucht-Zusammensetzung
 {
  font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
  font-size: 11pt;
  text-align: center;
  border: 5px; border-color: #959532;   
  background-color: #dddd95;
 }

td.Frucht-Zusammensetzung 
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 11pt;
 text-align: center;
 border: 5px; border-color: #959532;
 background-color: #dddd95; padding: 25px; 
}

ul.Frucht-Zusammensetzung 
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 11pt;
 text-align: left;
}

ol.Frucht-Zusammensetzung
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 11pt;
 text-align: left;
}

li.Frucht-Zusammensetzung 
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma;
 font-size: 11pt;
 text-align: left;
}


table.Iridoide {border: 5px; border-width: 5px; border-color: #953295; background-color: #eeaaee;  padding:25px; margin: 0px auto; background-color: #eeaaee;}
.Iridoide {border: 5px; border-width: 5px; border-color: #953295; background-color: #eeaaee;  padding:25px; margin: 0px auto; background-color: #eeaaee;}

tr.Iridoide
 {
  font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
  font-size: 12pt;
  text-align: center;
  border: 5px; border-color: #953295; background-color: #eeaaee; padding: 5px; 
 }

td.Iridoide 
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: center;
 border: 5px; border-color: #953295;
 background-color: #eeaaee; padding: 25px; 
}

ul.Iridoide 
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: left;
}

ol.Iridoide
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: left;
}

li.Iridoide 
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma;
 font-size: 12pt;
 text-align: left;
}


table.Frucht-Herkunft {border: 5px; border-width: 5px; border-color: #959595; background-color: #aaaaaa; padding: 25px; margin: 5px auto;}
.Frucht-Herkunft {border: 5px; border-width: 5px; border-color: #959595; background-color: #aaaaaa; padding: 25px; margin: 5px auto;}

tr.Frucht-Herkunft
 {
  font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
  font-size: 12pt;
  text-align: center;
 }

td.Frucht-Herkunft 
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: center;
 border-width: 25px; 
 padding: 25px; 
 margin: 25px;
}

ul.Frucht-Herkunft
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 11pt;
 text-align: left;
}

ol.Frucht-Herkunft
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: left;
}

li.Frucht-Herkunft 
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma;
 font-size: 12pt;
 text-align: left;
}

.Herkunft {display: none;}


table.Iridoid-Video {border: 5px; border-width: 5px; border-color: #959595; background-color: #aaaaaa; padding: 25px; margin: 5px auto;}
.Iridoid-Video {border: 5px; border-width: 5px; border-color: #959595; background-color: #aaaaaa; padding: 25px; margin: 5px auto;}

tr.Iridoid-Video
 {
  font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
  font-size: 12pt;
  text-align: center;
 }

td.Iridoid-Video 
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: center;
 border-width: 5px; 
 padding: 25px; 
 margin: 5px;
}

ul.Iridoid-Video
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: left;
}

ol.Iridoid-Video
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: left;
}

li.Iridoid-Video
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma;
 font-size: 12pt;
 text-align: left;
}

#Alle-Iridoide { width: 377px; height:250px; text-align:center; border: 1px; }


table.Kunden-Zufriedenheits-Garantie { border: 5px; border-width: 5px; border-color: #959532; border-spacing: 5px;  background-color: #dddd95; padding: 5px 5px; margin: 5px auto; }
.Kunden-Zufriedenheits-Garantie { border: 5px; border-width: 5px; border-color: #959532; border-spacing: 5px;   background-color: #dddd95; padding: 5px 5px; margin: 5px auto;   }

tr.Kunden-Zufriedenheits-Garantie
 {
  font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
  font-size: 12pt;
  text-align: center;
  border: 5px; border-color: #959532;
  background-color: #dddd95;
  padding: 25px; 
 }

td.Kunden-Zufriedenheits-Garantie
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: center;
 border: 5px; border-color: #959532;
 background-color: #dddd95; 
 padding: 25px; 
}

ul.Kunden-Zufriedenheits-Garantie
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: left;
}

ol.Kunden-Zufriedenheits-Garantie
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 12pt;
 text-align: left;
}

li.Kunden-Zufriedenheits-Garantie
{
 font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma;
 font-size: 12pt;
 text-align: left;
}

 .Friede-g {display: block;}
 .Friede-p {display: none;}
 .Friede-n {display: none;}

 .Liste-breit  {display:block;}
 .Liste-schmal {display:none;}

A:link    { font-family: Arial, Verdana, Helvetica, Tahoma; font-size: 12pt; text-decoration: none; }
A:visited { font-family: Arial, Verdana, Helvetica, Tahoma; font-size: 12pt; text-decoration: none; }
A:hover   { font-family: Arial, Verdana, Helvetica, Tahoma; font-size: 12pt; text-decoration: underline; }
A:active  { font-family: Arial, Verdana, Helvetica, Tahoma; font-size: 12pt; text-decoration: underline; }

a.Shape-Bestellung 
{font-family: Montserrat, Eau, Manrope, Cantarell, Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 15pt;
 font-weight: bold;
 text-align:center;
 color: #ffff55;
 border: 5px solid #ff15ff; padding: 5px; margin: 10px;
 background-color: #ff55aa;
}

#Bestell_TeMana_Shape {text-align: center; margin: 5px auto;}

.Shape-Bestellung 
{font-family: Montserrat, Eau, Manrope, Cantarell, Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 25pt;
 font-weight: bold;
 text-align:center;
 color: #ffff55;
 border: 5px solid #ff25ff; padding: 10px; margin: 10px;
 background-color: #ff55aa;
 border-radius: 15px;
}

 /*  table-layout { position: center; } */

.iridoide 
{font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; 
 font-size: 20pt;
 line-height:150%;
 font-weight: bold;
 text-align:center;
 color: #753575;
 background-color: #fffffe;
 border:5px; padding:25px;  border-color: #552555} 

.Iridoide 
{
 text-align:center;
 border:5px; border-color: #753275; padding:25px; margin: 25px;
 background-color: #eebbee;
}


#morinda-upr-logo { width: 443px; height: 296px; }
.morinda-upr-logo { width: 443px; height: 296px; }

  #Noni-Korb-1 {text-align: left;  margin-top: 0px; margin-left: 0px; margin-right: auto; margin-bottom: auto; float:left;}
  #Noni-Korb-2 {text-align: right; margin-top: 0px; margin-right: 0px; margin-left: auto; margin-bottom: auto; float:right;}

input[type="submit"]:hover  {color:#ffffff;}
input[type="submit"]:active {color:#ffffff;}

input:valid { border: 4px solid #aaff55;}

vvideo.schau { width: 98.5%; height: auto; padding: auto; margin: auto;}

Audio.horch { width: 90%; text-align: center; margin: 25px auto;}


.Herz { padding: 20px auto; margin: 20px auto;}

#Herzlichen-Dank {padding: 20px auto; margin: 20px auto;}

.gelb {background: #ffff32;}

Quadrat {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}

#Morinda-Noni-Samenoel {border: 1px solid #111111; border-color: #111111;}

.Stern-neu {width: 95 %; height: auto; padding: 5px auto; margin: 5px auto;}

.Quadrat {padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}

@media screen and (min-width: 641px) and (max-width: 750px) 
{.Quadrat {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}}

.Oils {border: 1px solid #111111; margin: 25px auto;}

 
.Shape {width: 95%; height: auto; border: 1px solid #111111;}

.shape-beutel {border: 1px solid #111111;}

.Quadrat-F {padding: 0px auto; margin: 5px auto; border: 1px solid #111111; }

@media screen and (min-width: 641px) and (max-width: 760px)
{.Quadrat-F {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid #111111; }}

.Quadrat-K {padding: 0px auto; margin: 5px auto; border: 1px solid #111111; }

@media screen and (min-width: 641px) and (max-width: 700px)
{.Quadrat-K {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid #111111; }}

.Quadrat-S {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid #111111; }


.Pink-Frau {padding: 0px auto; margin: 5px auto; border: 1px solid #111111; }

@media screen and (min-width: 641px) and (max-width: 950px)
{.Pink-Frau {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid #111111; }}

.Obst-cool {padding: 0px auto; margin: 5px auto; border: 1px solid #111111; }

@media screen and (min-width: 641px) and (max-width: 830px)
{.Obst-cool {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid #111111; }}

.Hanteln {padding: 0px auto; margin: 5px auto; border: 1px solid #111111; }

@media screen and (min-width: 641px) and (max-width: 810px)
{.Hanteln {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid #111111; }}

@media screen and orientation landscape 
{.Foto, .Quadrat, .Quadrat-F, .Quadrat-K, .Quadrat-S, .P.Quadrat-F, .Pink-Frau, .Obst-cool, .Hanteln {height: 95%; width: auto;} }


.Quadrat-1080x1080 {padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}

.Quadrat-1200x1200 {padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}

.Quadrat-1024x1024 {padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}

.Quadrat-800x800 {padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}

.Quadrat-2560x1829 {padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}

.Quadrat-2048x2050 {padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}


.Bild-1080x1080 {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}

.Bild-1200x1200 {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}

.Bild-1024x1024 {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}

.Bild-800x800 {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}

.Bild-2560x1829 {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}

.Bild-2048x2050 {width: 95%; height: auto; padding: 0px auto; margin: 5px auto; border: 1px solid; border-color: #111111;}