html {font-family: 'Titillium Web', arial; font-size: 12px; line-height: 15px;}
body {margin: 0px; background: url(img/bg.jpg) no-repeat center top  #38261e;}
@media screen and (max-width : 1000px){ body {background: #38261e;} }
* {margin: 0; padding: 0;}
.clear {clear: both;}
img {border: 0px;}


@media screen and (max-width : 680px){ .novis680 {display: none;} }






main {width: 100%; max-width: 1000px; margin: auto; background: #3a2c27; box-shadow: 0 0 15px rgba(0,0,0, 0.75); padding-bottom: 1px;}


.top {width: 100%; height: 0; padding-bottom: 91%; background: url(img/top.jpg); background-size: 100%; position: relative;}

.top > div:nth-of-type(1) {width: 51%; padding-top: 48%; padding-left: 4%; left: 0;}

.top > div:nth-of-type(1) h1 {font-size: 24px; line-height: 26px; margin: 0 0 6% 3%; color: #fdb60a; text-shadow: 1px 1px 0 #834700, 2px 2px 0 #4d2a00; text-align: center; font-weight: lighter;}
.top > div:nth-of-type(1) p {font-size: 14px; line-height: 20px; margin: 0 0 1% 3%; color: #cebb8f; text-shadow: 1px 1px 0 rgba(0,0,0, 0.9), -1px -1px 0 rgba(0,0,0, 0.9), 2px 2px 1px rgba(0,0,0, 0.7); text-align: center;}

.top a {display: none;}


@media screen and (max-width : 930px){.top > div:nth-of-type(1) p {font-size: 13px; line-height: 17px;} }
@media screen and (max-width : 830px){.top > div:nth-of-type(1) p {font-size: 12px; line-height: 14px;} .top > div:nth-of-type(1) h1 {font-size: 20px; line-height: 22px;} }
@media screen and (max-width : 740px){.top > div:nth-of-type(1) p {font-size: 12px; line-height: 12px;} .top > div:nth-of-type(1) h1 {font-size: 18px; line-height: 20px;} }


@media screen and (max-width : 680px){
	.top {width: 100%; height: 0; padding-bottom: 70.588%; background: url(img/top-res.jpg); background-size: 100%; position: relative;}
	.top > div:nth-of-type(1) {display: none;}
	.top a {display: block; width: 100%; height: 0; padding-bottom: 70.588% !important;}
}




.profilbox {}


.profil {display: table; width: 98%; margin: 1%;}
.profil .profilspace {display: table-cell; width: 1%; vertical-align: middle; text-align: center;}
.profil .profilpic {display: table-cell; width: 41.5%; vertical-align: middle; text-align: center;}
.profil .profilpic img {width: 100%; max-width: 400px;}
.profil .profiltxt {display: table-cell; width: 57.5%; vertical-align: top; font-size: 15px; line-height: 24px; color: #DDD; text-shadow: 1px 1px 0 rgba(0,0,0, 0.7);}

.profil .profiltxt h2 {padding: 1%; font-size: 18px;}
.profil .profiltxt p {padding: 1%; text-align: justify; line-height: 18px;}
.profil .profiltxt span {display: block; background: rgba(25,0,0, 0.25); border-radius: 5px; margin-top: 3%; padding: 2%; text-shadow: 1px 1px 0 rgba(255,255,255, 0.4); border: 1px solid #ff9e21; font-size: 18px; line-height: 22px; box-shadow: 1px 1px 4px rgba(0,0,0, 0.8); color: #fdb60a; text-shadow: 1px 1px 0 #834700;}


@media screen and (max-width : 900px){
	.profil .profiltxt {font-size: 14px; line-height: 20px;}
}


@media screen and (max-width : 680px){
	.profil .profilspace, .profil .profiltxt {display: none;}
}





.nummer1 {width: 100%; height: 0; padding-bottom: 46.099%; background: url(img/nummer1.png) center no-repeat, url(img/nummerbg.png) center no-repeat; background-size: 100%;}
.nummer2 {width: 100%; height: 0; padding-bottom: 46.099%; background: url(img/nummer2.png) center no-repeat, url(img/nummerbg.png) center no-repeat; background-size: 100%;}
.nummer3 {width: 100%; height: 0; padding-bottom: 46.099%; background: url(img/nummer3.png) center no-repeat, url(img/nummerbg.png) center no-repeat; background-size: 100%;}
.nummer4 {width: 100%; height: 0; padding-bottom: 46.099%; background: url(img/nummer4.png) center no-repeat, url(img/nummerbg.png) center no-repeat; background-size: 100%;}
.nummer5 {width: 100%; height: 0; padding-bottom: 46.099%; background: url(img/nummer5.png) center no-repeat, url(img/nummerbg.png) center no-repeat; background-size: 100%;}
.nummer6 {width: 100%; height: 0; padding-bottom: 46.099%; background: url(img/nummer6.png) center no-repeat, url(img/nummerbg.png) center no-repeat; background-size: 100%;}
@media screen and (max-width : 680px){
.nummer1, .nummer2, .nummer3, .nummer4, .nummer5, .nummer6 {display: none;}

.res-nummer1 {width: 100%; height: 0; padding-bottom: 38.235%; background: url(img/nummer1-res.png) center no-repeat, url(img/nummerbg-res.jpg) center no-repeat; background-size: 100%; margin-bottom: 10%;}
.res-nummer2 {width: 100%; height: 0; padding-bottom: 38.235%; background: url(img/nummer2-res.png) center no-repeat, url(img/nummerbg-res.jpg) center no-repeat; background-size: 100%; margin-bottom: 10%;}
.res-nummer3 {width: 100%; height: 0; padding-bottom: 38.235%; background: url(img/nummer3-res.png) center no-repeat, url(img/nummerbg-res.jpg) center no-repeat; background-size: 100%; margin-bottom: 10%;}
.res-nummer4 {width: 100%; height: 0; padding-bottom: 38.235%; background: url(img/nummer4-res.png) center no-repeat, url(img/nummerbg-res.jpg) center no-repeat; background-size: 100%; margin-bottom: 10%;}
.res-nummer5 {width: 100%; height: 0; padding-bottom: 38.235%; background: url(img/nummer5-res.png) center no-repeat, url(img/nummerbg-res.jpg) center no-repeat; background-size: 100%; margin-bottom: 10%;}
.res-nummer6 {width: 100%; height: 0; padding-bottom: 38.235%; background: url(img/nummer6-res.png) center no-repeat, url(img/nummerbg-res.jpg) center no-repeat; background-size: 100%; margin-bottom: 10%;}
a[href*="tel:228016"] {display: block; width: 100%; height: 0; padding-bottom: 38.235%;}
}




.txtbox {width: 96%; margin: 1%; padding: 1%; text-align: justify; background: rgba(25,0,0, 0.25); border-radius: 5px; color: #DDD; text-shadow: 1px 1px 0 #000; font-size: 14px; line-height: 22px;}
.txtbox h2, .txtbox h3, .txtbox h4 {color: #fdb60a; text-shadow: 1px 1px 0 #834700; font-size: 22px; line-height: 26px; font-weight: lighter;}

@media screen and (max-width : 680px){ .txtbox{display: none;} }






.premnum {width: 100%;}
.premnum > div {width: 31.33%; margin: 1%; float: left; border-radius: 5px;}


.premnum > div strong {font-size: 22px; line-height: 40px; padding-top: 5%; display: block; text-align: center;}
.premnum > div > span:nth-of-type(1) {font-size: 16px; line-height: 40px; display: block; text-align: center;}
.premnum > div > span:nth-of-type(2) {font-size: 20px; line-height: 60px; display: block; text-align: center; margin-bottom: 1%; font-weight: bold; background: rgba(0,0,0, 0.1);}
.premnum > div > span:nth-of-type(3), .premnum > div span:nth-of-type(4), .premnum > div span:nth-of-type(5) {width: 80%; display: block; text-align: center; margin: auto; font-size: 15px; line-height: 40px; border-bottom: 1px dotted #000;}
.premnum > div > span:nth-of-type(5) {border: none;}
.premnum > div:nth-of-type(1) > span:nth-of-type(6), .premnum > div:nth-of-type(3) > span:nth-of-type(6) {display: block; width: 90%; margin: 0 auto 4% auto; text-align: center; border: 1px solid rgba(0,0,0, 0.2); background: rgba(0,0,0, 0.05); color: #FFF; font-size: 14px; line-height: 30px; padding: 4% 0; font-weight: bold;}
.premnum > div:nth-of-type(2) > span:nth-of-type(6) {display: block; width: 90%; margin: 0 auto 4% auto; text-align: center; border: 1px solid rgba(0,0,0, 0.2); background: rgba(0,0,0, 0.05); font-size: 17px; line-height: 30px; padding: 4% 0 4% 0; font-weight: bold;}
.premnum > div:nth-of-type(2) > span:nth-of-type(6) a {text-decoration: none; color: rgba(0,0,0, 0.9); text-shadow: 1px 1px 0 rgba(255,255,255, 0.2);}
.premnum > div > span:nth-of-type(6) span {font-weight: lighter; color: rgba(255,255,255,0.7); text-shadow: 1px 1px 0 rgba(0,0,0, 0.4);}
.premnum > div:nth-of-type(2) > span:nth-of-type(6):after {content: ""; display: block; font-size: 10px; height: 0; position: relative; bottom: 8px; color: rgba(255,255,255,0.6);}

.premnum > div:nth-of-type(1), .premnum > div:nth-of-type(3) {box-shadow: 0 0 0 1px #ffca47 inset; text-shadow: 1px 1px 0 rgba(0,0,0, 0.8); color: #FFF;
background: #3f312a;
background: -moz-radial-gradient(center, ellipse cover,  #3f312a 0%, #210f08 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#3f312a), color-stop(100%,#210f08));
background: -webkit-radial-gradient(center, ellipse cover,  #3f312a 0%,#210f08 100%);
background: -o-radial-gradient(center, ellipse cover,  #3f312a 0%,#210f08 100%);
background: -ms-radial-gradient(center, ellipse cover,  #3f312a 0%,#210f08 100%);
background: radial-gradient(ellipse at center,  #3f312a 0%,#210f08 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f312a', endColorstr='#210f08',GradientType=1 );

}


.premnum > div:nth-of-type(2) {box-shadow: 0 0 0 1px #ffca47; color: #000; text-shadow: 1px 1px 0 rgba(255,255,255, 0.2);
background: #ffce4b;
background: -moz-radial-gradient(center, ellipse cover,  #ffce4b 0%, #cf6d09 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffce4b), color-stop(100%,#cf6d09));
background: -webkit-radial-gradient(center, ellipse cover,  #ffce4b 0%,#cf6d09 100%);
background: -o-radial-gradient(center, ellipse cover,  #ffce4b 0%,#cf6d09 100%);
background: -ms-radial-gradient(center, ellipse cover,  #ffce4b 0%,#cf6d09 100%);
background: radial-gradient(ellipse at center,  #ffce4b 0%,#cf6d09 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce4b', endColorstr='#cf6d09',GradientType=1 );


}


@media only screen and (min-width:720px) and (max-width:800px) {
	.premnum > div strong {font-size: 18px; line-height: 30px;}
}



@media only screen and (max-width:995px) {
	.premnum > div span:nth-of-type(3), .premnum > div span:nth-of-type(4), .premnum > div span:nth-of-type(5) {font-size: 15px; line-height: 40px;}
	.premnum > div:nth-of-type(1) > span:nth-of-type(6), .premnum > div:nth-of-type(3) > span:nth-of-type(6) {font-size: 14px;}
}



@media only screen and (max-width:720px) {
	.premnum > div {width: 94%; margin: 3%; float: left; border-radius: 5px;}

}

.tarif1:after {content: "*1,99€/Min aus dem deutschen Festnetz - Mobilfunk abweichend"; clear: both; display: block; text-align: center; padding-bottom: 1%;}
.tarif2:after {content: "**€9,90/10 Tage im Abo zzgl. €0,14/Min dt. Festnetz - Mobilfunk max 42Cent/Min"; clear: both; display: block; text-align: center; padding-bottom: 1%;}
.tarif3:after {content: "***1€/Anruf - Mobilfunktarif abweichend"; clear: both; display: block; text-align: center;}



.atch {width: 640px; height: 165px; margin: 1% auto; background: url(img/atch.png);}
	@media screen and (max-width : 890px){ .atch {width: 100%; height: 0; padding-bottom: 25.781%; margin: 1% auto; background: url(img/atch.png); background-size: 100%;} }



footer {text-align: center; padding: 1% 0;}
footer a {color: #fdb60a; text-decoration: none;}
footer a:hover {color: #ffe5a5; text-decoration: none;}



.tlbc, .tlbc p {text-align: center !important; padding: 1% 0 !important;}