@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/webfonts/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/webfonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/webfonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/webfonts/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/webfonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/webfonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/webfonts/source-sans-pro-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/webfonts/source-sans-pro-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/webfonts/source-sans-pro-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/webfonts/source-sans-pro-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/webfonts/source-sans-pro-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/webfonts/source-sans-pro-v14-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/webfonts/bodoni-moda-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/webfonts/bodoni-moda-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/webfonts/bodoni-moda-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/webfonts/bodoni-moda-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/webfonts/bodoni-moda-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/webfonts/bodoni-moda-v7-latin-700.svg#BodoniModa') format('svg'); /* Legacy iOS */
}
html {
 margin: 0;
 padding:0;
}

body {
 background-color: #000;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
 text-align: center;
 font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;

}

#rahmen {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
  position: absolute;
  left: 50%;
  margin: 0; padding: 0;
  width: 90%;  /* // Inhalts Breite */
  margin-left: -45%;   /* //Breite /2  */
  height: 80%;   /* // Inhalts Höhe  */
  margin-top: 4%;  /* //Höhe /2 */
  top: 0%;
  background-color: #FFF;
}

#content {
 position: relative;
 margin: 0px 0px 0px 0; padding: 0;
 top: 0px;
 left: 0px;
 min-height: 100%;
 width: 100%;
 text-align: left;
 border: 10px solid #fff;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 overflow: visible;
 float:left; 
 -webkit-box-shadow:  0px 5px 20px 5px rgba(0, 0, 0, 1);
 box-shadow:  0px 5px 20px 5px rgba(0, 0, 0, 1);}

#rahmen h1 {
 position: relative;
 float: left;
 font-size: 3em;
 line-height: 100%;
 font-family: 'Bodoni Moda', 'Source Sans Pro', Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 color: #187386; color: #F5C700;
 padding: 20px 0px 0px 10px;
 margin: 35px 10px 10px 20px;
 display: outline;
 -webkit-text-shadow:  2px 2px 2px rgba(0.4, 0.4, 0.4, .5);
 text-shadow:  2px 2px 2px rgba(0.4, 0.4, 0.4, .5);
}


.farbe {
 border: 2px dotted #C1C2BB;
 color: #080940;
 xbackground-image: url(/grafik/bg_tuer.png);
 background-color: rgba(255, 255, 255, .8);
}

.kaufen {
 border: 2px dotted #d00000;
 color: #d00000;
 background-color: rgba(255, 255, 255, .85);
}


* html .farbe { /* IE 6 */
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafik/bg_tuer.png', sizingMethod='scale');
}

.nummer {
 position: relative;
 float:right;
 bottom: 10px;
 right: 10px;
 border: 1px solid #0B2B5B;
 border: 10px solid #fff;
 font-size: 0.9em;
 line-height: 1em;
 font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
 color: #0B2B5B;
 background-color: #F5C700;
 background-color: #cbdce4;
 padding: 10px;
 margin: 10px;
 text-decoration: none;
}

#tuerchen, #infoblock {position:relative; float:left; clear:left; position:relative; margin-top:20px;}
#tuerchen a { padding: 25px 35px 25px 35px; margin: 25px 25px 40px 45px; text-align:center;
 position: relative;
 float: left;
 font-size: 2.8em;
 line-height: 1.4em;
 font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
 text-decoration: none;
}
#vierundzwanzig { padding: 35px 55px 35px 55px !important; margin: 15px 5px 30px 25px !important;}
#tuerchen a:hover {
 background-color: #fff;
 xxbackground-color: #F5E9CF;
 color: #9B0000;
}

#infoblock {background-color:#fff; background-color:rgba(255, 255, 255, .9); width:100%; margin-top:50px; max-width:980px; margin: 50px auto 0 auto; padding: 10px 0 40px 0; z-index:9999991;}


.nummer input {
 background: none;
 border: 0px solid;
 width:140px;
 color: none;
 font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
 font-size: 1em;
}
.nummer input.nummer2, .nummer input.suchen {
 background-color: #FFE981;
 background-color: #fff;
}
.nummer input.suchen {
 background-color: #F5C700;
 cursor: pointer;
}

.nummer input:hover {
 background: #FFFFFF;
 border: 0px solid;
 width:140px;
 color: #023A6D;
}
.nummer:hover {
 color: #023A6D;
}
.suchen {
 color: #0B2B5B;
}


a.gewinner {
 position: absolute;
 top: 255px;
 left: 510px;
 border: 1px solid #FAF1D9;
 align: left;
 font-size: 0.9em;
 line-height: 1em;
 font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
 color: #F5C700;
 padding: 5px 5px 5px 5px;
 margin: 0px 0px 0px 0px;
 text-decoration: none;
 display: none;
}
a.gewinner:hover {
 background-color: #F5C700;
 color: #023A6D;
}

#footer_2 {
 position: relative;
 float: left;
 font-size: 0.8em;
 line-height: 300%;
 font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 0; 
 margin: 3em 0 0 0;
 text-align: left;
}


#footer {
 position: relative;
 top: 70px;
 font-size: 0.8em;
 line-height: 1.4em;
 font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
 color: #F5C700;
 padding: 0px 0px 0px 19px; margin: 0;
 text-align: left;
 float: left;
}

a {
 color: #fff;
}


#zurueck {
 position: absolute;
 top: 200px;
 left: 100px;
 border: 0px;
 align: left;
 font-size: 0.9em;
 line-height: 1.2em;
 font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
 color: #000000;
}


.inhalt, #infoblock p, #infoblock ul, #infoblock form {
 position: relative;
 float:left;
 clear:left;
 padding: 10px 10px 0 120px;
 font-size: 1.1em;
 line-height: 1.75em;
 font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
 color: #404040;
 z-index:4;
 text-align: left;
 width:90%;
 max-width:700px;
 text-align: justify;
 margin:10px 0 0 0;
}
#infoblock ul {padding-left:150px;max-width:670px;}

.inhalt a, #infoblock p a, #infoblock form a{
  color: #9B0000;
}

#infoblock h2 {
 position: relative;
 float: left;
 font-size: 1.35em;
 line-height: 1em;
 font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
 padding: 30px 10px 0 100px;
 margin:10px 0 0 0;
 float:left;
 clear:left; 
}

#infoblock h3 {
 position: relative;
 float: left;
 font-size: 1.15em;
 line-height: 1em;
 font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
 padding: 30px 10px 0 120px;
 margin:10px 0 0 0;
 float:left;
 clear:left; 
}


ul {
 list-style-position: outside;
}

#oben {
	position:relative;
	float:left;
	min-width:160px;
	min-height:120px;
}
#logo {
 position: absolute;
 float: left;
 top:  20px;
 left: 30px;
 border: 0px;
 z-index:9999992;
}

hr {clear: left; float: left; width:100%; max-width:700px; margin: 30px 0px 10px 120px; height:2px; border:0; border-bottom: 1px solid #9B0000;}

form.newsletter {padding: 30px 10px 0 120px; text-align:left; margin:0;}
form.newsletter p {padding: 0;}
label { position:relative; margin:0; font-weight: 500; line-height:1.5em; width:100%; }
label[for=email], input[id=email], label[for=lose], input[id=lose] {float:left;}
label[for=lose], label[for=email] {clear:left;}
input[id=email], input[id=lose] {width:400px; max-width:100%;}
input[name=anmelden] { float:left; clear:left; margin-top:20px; }
select { margin:8px 0 8px 0; font-size:1em; line-height:1.5em; background-color:#2a2c2d; color: #fff; padding: 6px 4px 6px 4px; -webkit-border-radius: 6px; border-radius: 6px; }
#paypal-container-DUFZWWCGEQBQ4{float:left;clear:left;width:100%;margin-left:120px;}
#paypal-container-DUFZWWCGEQBQ4 h3, #paypal-container-DUFZWWCGEQBQ4 form {padding-left:0px;}

@media only screen and (max-width: 1185px) {
	#tuerchen a { padding: 15px 25px 15px 25px; margin: 15px 15px 20px 25px; font-size: 2em;}
	#vierundzwanzig { padding: 35px 55px 35px 55px !important;}
	#infoblock {margin: 50px 0px 0 0px; width:100%;}
	.inhalt, #infoblock p, #infoblock h2, #infoblock h3, #infoblock form, #infoblock ul, hr {
		padding-left: 20px;
		padding-right: 20px;
		max-width:85%;
	}
	ul {
		list-style-position: inside;
	}
	li {
		text-align: left;
	}
	#rahmen{max-width:87%;}
	#rahmen h1 {
		font-size:2em;
	}
}
@media only screen and (max-width: 480px) {
	#tuerchen a { padding: 15px 25px 15px 25px; margin: 10px 10px 20px 10px; font-size: 2em;}
	#vierundzwanzig { padding: 35px 55px 35px 55px !important;}
	#rahmen{max-width:85%;}
	.inhalt, #infoblock p {
		text-align: left;
		max-width:100%;
	}
	#paypal-button { width: 100%; }
	#bestellung select {max-with:100%; overflow:hidden; font-size:0.8em;}
	#paypal-container-DUFZWWCGEQBQ4{float:left;clear:left;width:100%;margin-left:0px;}
}