/* html { background-image: url("../Produkt-Bilder/TahitianSky.jpg"); width:1920px; height:1300px; border:0px; text-align: center; margin: 0px auto; background-repeat:no-repeat; background-attachment:fixed; background-size: 100% 100%;} */

html {background-color: #eeffdd;}

body   { background-color: #ffffff; border: 5px solid #bb9532; border-spacing: 5px; font-family: Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; max-width: 3840px; margin: 0 auto; }
header { background-color: #dddd95; border: 5px solid #ccaa35; border-spacing: 5px; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; padding: 5px auto;}

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: 5px solid #ccaa35; border-spacing: 5px; font-family: Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; }
footer { background-color: #eeeeaa; border: 5px solid #ccaa35; border-spacing: 5px; font-family: 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: 5px solid #ddbb55; border-spacing: 5px; font-family: Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; }
article { background-color: #ffffff; border: 5px solid #eecc55; border-spacing: 5px; font-family: Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; padding: 5px; text-align: center; }

h3 { color: #959532; font-size: 125%; line-height:150%; font-family: 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, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; }


.Logo       { width:251px; max-width:95%; height:auto; margin:5px auto; padding:0px; text-align:center; }
.KopfHeader { width:592px; max-width:95%; height:auto; margin:5px auto; padding:0px; text-align:center; }

img         { margin:0px auto; padding:0px; }

button { background-color:#ddcc75; color: #111111; font-size: 25pt; font-weight: bold; padding: 25px; margin: 25px; border-spacing: 5px; border-radius: 15px; border: 5px solid #bbbbbb;}

.class pretty { text-align: center;} 

h1 { color: #ffdd55; background-color: #953275; font-weight: bold; font-size: 55pt; text-align: center; line-height:150%; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Andika, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; letter-spacing: 0.25em; word-spacing: 0.5em;}

h2 { color: #111111; background-color: #ffffff; font-weight: bold; font-size: 35pt; text-align: center; line-height:150%; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Andika, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold;}

h3 { color: #aa9532; background-color: #ffffff; font-weight: bold; font-size: 20pt; text-align: center; line-height:150%; font-family: Montserrat, Eau, Manrope, Cantarell, Arial, Eau, Manrope, Cantarell, Nunito, Andika, Arial, Helvetica, Verdana, Tahoma, Arial Rounded MT Bold; }

/* ============================================================
   Bild-Klassen
============================================================ */

.Bild               { width: 290px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-440x440       { width: 440px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-500x500       { width: 500px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-600x600       { width: 600px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-700x700       { width: 700px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-800x800       { width: 800px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-900x900       { width: 900px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-1000x1000     { width:1000px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-1024x1024     { width:1024px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-1065x1065     { width:1065px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-1080x1080     { width:1080px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-1140x1140     { width:1140px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-1200x1200     { width:1200px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-1300x1300     { width:1300px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-1400x1400     { width:1400px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-1500x1500     { width:1500px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-1600x1600     { width:1600px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-1700x1700     { width:1700px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-1800x1800     { width:1800px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-1900x1900     { width:1900px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }
.Bild-2000x2000     { width:2000px; max-width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; }

/* ============================================================
   Bild-Media-Queries
============================================================ */

@media (max-width:1350px)   { .Bild-1300x1300     { width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; } }
@media (max-width:1450px)   { .Bild-1400x1400     { width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; } }
@media (max-width:1550px)   { .Bild-1500x1500     { width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; } }
@media (max-width:1650px)   { .Bild-1600x1600     { width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; } }
@media (max-width:1750px)   { .Bild-1700x1700     { width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; } }
@media (max-width:1850px)   { .Bild-1800x1800     { width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; } }
@media (max-width:1950px)   { .Bild-1900x1900     { width:95%; height:auto; padding:0px; margin:5px auto; border:1px solid #111111; } }

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

.Bild-2000x2000 {display:block;}

a button :hover  {color:#efffff; text-decoration: underline;}
a button :active {color:#ffffff; text-decoration: underline;}

A.hupf {border-radius:15px;}
A      {border-radius:15px;}

A.hupf :hover  {color:#ffffff; text-decoration: underline;}
A.hupf :active {color:#ffffff; text-decoration: underline;}

ul {list-style-image: url("../Bullets/Herz-Gold-mini.png")}

li { color: #000000; background-color: #aa9532; font-weight: bold; font-size: 15pt; text-align: left; line-height:150%; font-family: Arial, Helvetica, Verdana, Tahoma; }

.Mitte { text-align: center; margin: 5px auto;}

table { margin: 5px auto;}

p {text-align: center;}

#Bestell-Tisch {margin:25px auto;}


.Zeile {display: block; margin: 5px; padding: 5px; line-height:200%; font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; }
label.lesrein {display: block; text-align:left;}
.input {display: block; text-align:left; font-size: 15pt; font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma;  size:55; width: 550px;}


.los {text-align:center; color: #FFFF55;  font-size: 25pt; font-weight: bold; background-color: #FF3575; border-spacing: 5px; padding: 10px; border-width: 5px; border-color: #cccc32; border-radius: 5px; margin: auto; font-family: Arial Rounded MT Bold, Arial, Helvetica, Verdana, Tahoma; }

.einfach { display:block; }
.seriell { display:none;  }