/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/ubuntu-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('/css/fonts/ubuntu-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/ubuntu-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/ubuntu-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/ubuntu-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/ubuntu-v11-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('/css/fonts/ubuntu-v11-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
       url('/css/fonts/ubuntu-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/ubuntu-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/ubuntu-v11-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/ubuntu-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/ubuntu-v11-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}


body { font-family:Arial;font-size:1em;margin:0;padding:0 }

/* fonts, colors, global */
.clr { clear:both }
.contwidth {width:920px;margin:0 auto;padding:20px}
#pagewrap { position:relative; }
section#lcontent { width:600px;margin-right:20px;float:left }
.cbox { border-radius:15px;padding: 11px 20px 20px; } 

.bgc0 {background-color:#000 }
.bgc1 { background-color:#ffe400 }
.bgc2 { background-color:#aa4075 !important }
.bgc3 { background-color:#fff !important }
.col0 { color:#000 !important }
.col2 { color: #aa4075 !important; }
.col3 { color: #fff !important;}
a { color: #aa4075;text-decoration: none;}
.txt3 {font-size:1.2em }
.txts {font-size:0.92em }
.txtxs { font-size:0.8em;text-align:left;margin-left:5%; }
#frm_agb2, #frm_agb1 {float:left;}
#login { height:20px;width:auto;padding:4px 0}
#login .contwidth {padding:0 }
#login span { float:right }

h1, h2, h3, h4, h5, h6, .tease {font-family: "Ubuntu",sans-serif; font-weight: 500 !important; margin: 0; padding: 0; }
.tease2, h2 { font-size: 1.88em;margin: 0.3em 0;}
.nextdraw span.tease2 { display:block }
#tiparea h2 { margin:0 }
#tiparea strong.tease3 { display:block;margin-bottom:0.3em }
.tease3 {font-size:1.88em}
.tease4 { font-size:3em }
hr { border: 0 none;height: 2px; margin: 5px 0; padding: 0;}
/*Dont Break On Small (view)*/
span.dbos { display:block}
.nbr {white-space:nowrap}

/* header */
header {border-radius:15px 15px 0 0;position:relative; }
.clearfix::after {content:' ';display:table;clear:left;width:0;height:0 }
h1 {font-size: 1.25em; position:absolute;right:0;top:20px}
.gratis_img { position:absolute;top:-20px;left:-20px }
.headleft { width:360px;box-sizing:border-box;float:left;text-align:right;padding:10px 0 0 30px;position:relative }
.headright { box-sizing:border-box;width:440px;float:left;padding:20px 0 0 60px }
.headright::after { content:' ';display:table;clear:left;width:0;height:0 }
.ekleye_img { position:absolute;right:25px;top:-10px;transform: rotate(-5deg);height:132%;width:auto;} 
nav {border-radius:0 0 15px 15px;padding:10px 0;margin:0 0 20px 0}
ul#mainmenu { margin:0;padding:0}
ul#mainmenu li { border-right: 2px solid gray;display: inline-block;font-weight: bold;height: 26px;line-height: 26px;padding: 0 20px;vertical-align: middle; }
#facebookbut { background-position: -27px 0;}
#twitbut { background-position: -27px -26px;}
.soc_rec { background-image: url("/images/de/social-media-icons-v2.png"); background-repeat: no-repeat; display: inline-block; height: 25px; margin-right: 20px; width: 25px;}
.howto_ul {list-style-image: url("/images/de/pfeil.png"); padding: 0 0 0 25px;}
.howto_ul li {font-size: 1em;margin: 25px 0 0;}
.howto_ul li span {position: relative;top: -4px;}
#loginbox {margin-top:1em;}
.headnrs {margin-top:0.8em;}


/*right side */
aside#lright {width:300px;float:left}
aside#lright::after { content:' ';clear:left;display:table}
article{ position:relative;margin-bottom:20px}
article.startheight{}
#countdown { border-radius: 10px;font-size: 47px;height: 67px;margin: 10px auto 5px;padding: 9px 0 0 10px;width: 245px;}
.countdown_amount {font-size: 100%;}
.countdown_row {clear: both;padding: 0 2px;text-align: center;width: 100%;}
.ziffer {background-image: url("/images/de/flipclock_bg.png"); color: white; float: left; height: 58px; letter-spacing: 10px; margin: 0 7px 0 0; width: 72px;}
.ziffer label { height: 20px; left: 5px; position: relative;}
.lastdraws {border-radius: 10px;padding: 10px;text-align: center;}
div.ldraws {float:left;border-radius: 25px;font-weight: bold;height: 30px;line-height: 30px;margin: 8px 2px;text-align: center;vertical-align: middle;width: 30px;}


/* overlays */
.overlay {position:fixed;z-index:199;top:0;left:0;width:100%;height:100%}
.overlightbox{position:relative;top:18%;margin:auto;z-index:200;width:830px;height:440px;padding:10px;background-color:white;border-radius:10px}
.overlayBG {background-color:rgba(0,0,0,0.5);}
.lightbox {width:840px; height:425px; background-color:white;margin:0 auto;text-align:left}
#ol_close,.ol_close{position:absolute;top:-20px;right:-20px;cursor:pointer;color:white;font:bold 19px/24px Arial;background-color:lightgray;
	border:3px solid white;width:24px;height:24px;text-align:center;
	vertical-align:middle;
	border-radius:25px;
	-webkit-box-shadow: 0 3px 3px #e2e2e2, 0px 0px #e2e2e2;
	-moz-box-shadow: 0 3px 3px #808080, 0px 0px #808080;
	box-shadow: 0 3px 3px #808080, 0px 0px #e3e3e3;
	}

#msgcont{
	padding:10px;
	background-color:#ffffff;
	margin-bottom:20px;
	}

/* Winnerslider Startpage */
.winnerslider {padding:0;}
.new_winnerslider {width:100%;border-radius:10px;background-color:#FFE400;}
/*#light-slider, #light-slider li{border-radius:0 0 10px 10px;}
#light-slider {display:block;width:100%!important;padding:0;}
#light-slider li {display:block;margin:0!important;width:100%!important;} */

.corner {position:absolute;bottom:0;width:10%;height:10%;z-index:2;}
.left {left:-10%;width: 0; height: 0; border-top: 10px solid #FFE400; border-left: 10px solid transparent;}
.right {right:-10%;width: 0; height: 0; border-top: 10px solid #FFE400; border-right: 10px solid transparent;}
.singlewrap {width:33.33%;float:left;}
.singlewrap img {float:left;width:50%;}
.singletext {background-color:#FFE400;font-weight:bold;font-size:0.8em;float:left;width:46%;text-align:center;vertical-align:middle;padding:17% 2% 0 2%;position:relative;}
.singletext span {}
.singletext label {font-size:0.8em;font-style:italic;}
.winnerslider_controls {clear:both;text-align:center;}
.lSPrev, .lSNext{display:inline-block!important;background-color:#FFE400;padding:1.3% 1.5%;margin:2% 2% 0 0!important;border-radius:10px;}
.lSPrev, .lSNext {font-weight:bold;font-size:2em;color:#000;position:static!important;background-image:none!important;opacity:1!important;}

.lSAction {text-align:center;background-color:white;}
.lSPager {display:none;}
/*
#mycarousel { position: relative;overflow: hidden;width:420px;height:155px;margin:1em auto}
#mycarousel ul {width:2000em;position: relative;list-style: none; margin: 0; padding: 0;height:155px}
#mycarousel li {float: left;width:110px;margin:0 15px} 

.jcarousel-control-next {position:absolute;top:110px;right:22px;width:32px;height:32px;cursor:pointer;background:transparent url(/images/de/pfeil.png) no-repeat 0 0}
.jcarousel-control-prev{position:absolute;top:110px;left:22px;width:32px;height:32px;cursor:pointer;
	background: transparent url(/images/de/pfeil_l.png) no-repeat 0 0}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal{left:auto;right:5px;background-image:url(/images/de/pfeil.png)} */
/* jQuery Countdown styles 1.5.9. */
.countdown_rtl{direction:rtl}
.countdown_row{clear:both;width:100%;padding:0 2px;text-align:center}
.countdown_show1 .countdown_section{width:98%}
.countdown_show2 .countdown_section{width:48%}
.countdown_show3 .countdown_section{width:32.5%}
.countdown_show4 .countdown_section{width:24.5%}
.countdown_show5 .countdown_section{width:19.5%}
.countdown_show6 .countdown_section{width:16.25%}
.countdown_show7 .countdown_section{width:14%}
.countdown_section{display:block;float:left;font-size:75%;text-align:center}
.countdown_amount{font-size:100%}
.countdown_descr{display:block;width:100%}
#sponslogoscroll{height:60px;margin:0;padding:0;position:relative;list-style-type:none;background:#fff;overflow:hidden;}
#sponslogoscroll li{float:left;height:40px;padding:0 0 0 20px;margin:10px 0;list-style-position:inside;}
#sponslogowrap{width:960px;margin:0 auto;overflow:hidden}
.sponslogotitle{padding:10px 0 5px 0;text-align:center;font-size:14px}
.statstable {width:540px;}

/* tipp stuff */
.tiprow,.tipnr,#tipfield,.choosenrow,.choosennr,.tipnrchoosen,article{box-sizing:border-box;}
#tiparea{position:relative;}
#tipfield {width:301px;height:301px;z-index:1;float:left}
.tiprow{clear:left;height:42px;padding:4px 0}
.tipnr,.choosennr{	
	width:34px;
	height:34px;
	text-align:center;
	line-height:34px;
	vertical-align:center;
	font-size:1em;
	font-weight:bold;
	border-radius:17px;
	position:relative;
	z-index:2;
	}
.tipnr {background-color:#fff;color:#000;float:left;cursor:pointer;-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.6) inset;	-moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.6) inset;	box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.6) inset;}
.tipnr:last-child{margin-right:0}
.tipnrchoosen {border:0 none !important;-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.6) inset !important;-moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.6) inset !important;box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.6) inset !important;}
.tipnrchoosen:not(#tipnr7) {color:#000 !important; background-color:#fff !important;}
.tipnr {margin-right:0.4em; }
.choosenrow { float:left;width:34px;margin-left:16px;padding-top:4px}
.choosennr{	margin-bottom:8px;	}
.choosennr,.almostchoosen {border: 2px solid white;background-color:#ffe400;color:#ffe400;-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6) inset;-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6) inset;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6) inset;}
.choosennr,{border: 2px solid white;background-color:#ffe400;color:#ffe400 }
.almostchoosen { cursor:not-allowed;border: 2px solid white;background-color:#ffe400 !important;color:#ffe400 !important }
.tipfunctions { width:207px;float:left }
div.tipfunctions .btn {margin:3% 2%  3% 0; } 
.bignrlist {margin: 4px 0;padding: 0 0 0 30px; }
.bignrlist li { line-height: 110%;margin-bottom: 4px; }
/* forms */
.btn {  border: 0 none;border-radius: 20px;cursor: pointer;display: inline-block;font-weight: bold;text-align: center;text-decoration: none !important; }
.bigbtn { font-size:1.2em;padding: 8px 25px;line-height:100% }
.mbtn { font-size:1em;padding: 5px 20px;line-height:100% }
.sbtn { font-size:0.9em;padding: 5px 10px;line-height:100% }
.btn_login {padding:3% 20.5%;}
#resetBtn { cursor:pointer;display:none}
/* icons */
.infoicon { background-position: 0 -30px;}
.staricon { background-position: 0 0;}
.brief_icon { position:absolute;left: -23px; top: 26px;}
.stempel_icon {position:absolute;opacity: 0.2;right: -20px; top: 2px;}
.iconbg { background-image: url("/images/de/icons_small.png"); background-repeat: no-repeat; height: 30px; left: -15px; position: absolute; top: 15px; width: 30px;}
.fticon {position:absolute;background-image: url("/images/de/footer-icons.png");background-repeat: no-repeat;display: inline-block;height: 22px;left: -10px;top: 0;width: 22px;z-index: 2;}
.ftinfo {background-position: 0 -24px;}
.ftrec {background-position: 0 -44px;}
.formxs { width: 15%; }
.forms { width: 25%; }
.formm { width: 47%; margin-right:2%;}
.forml { width:98%; }
.forms input, .formxs input {width:54%;}
.formm input {width:72%;}
.contact {width:100%;font-size:1.2em;}

.bignrlist li {font-weight:bold;}

.nomob {display:none;}

.err {background: url("/images/de/eingabe-falsch.png") no-repeat scroll right 10px #FFFFFF;}
.ok {background:url("/images/de/eingabe-richtig.png") no-repeat scroll right 10px #FFFFFF;}


.linp_wrap {width:49%;float:left;margin:0 0 2% 0;}
.linp {font-size:1.2em;text-indent:10px;border:0 none;padding:5px 0;width:100%;}
.lbl_info {background-color:#000;color:#fff;font-size:1em;float:right;position:relative;left:-100px;opacity:0;transition:500ms all;padding:1px 7px;}

.ivis{left:0;opacity:1;}

.lform { background-color: #fff; border: 1px solid #fff; float: left; height: 1.2em; line-height: 1.2em;  margin-bottom: 10px;  padding: 4px; text-align:left;}
.lform input {background: transparent none repeat scroll 0 0;border: 0 none;font: 1em/1.2em Arial;height: 1.2em;margin: 0;outline: 0 none;padding: 0;}

/* table emulation stats and user tipp */
div.stat_drawdate { display:inline-block; width:33%;box-sizing:border-box;margin-right:2%;line-height:34px;vertical-align:middle}
div.stat_drawcont { display:inline-block; width:62%; box-sizing:border-box;vertical-align:middle;line-height:34px;}

.winnerbox { display:inline-block;width:107px;padding:10px}
.winnerbox p { margin:0.5em 0}
/* Footer */
footer {border-top: 1px solid lightgray;height: 300px;margin-top: 15px;width: 100%;}
.footercont{background: rgba(0, 0, 0, 0) url("/images/de/Mouse.png") no-repeat scroll right top;position:relative;width:960px;margin:0 auto}
footer ul{float: left;list-style-type: none;margin: 40px 30px 0 10px;padding-left: 20px;list-style-type:none;position:relative}
footer ul li {margin-bottom: 10px;}
footer .ftlot {background-position: 0 0;}
.footercont a {color:#000;text-decoration: none;}
.partnerlink { background-image: url("/images/de/partner.png");background-repeat: no-repeat;display: block;height: 28px;overflow: hidden;text-decoration: none;text-indent: -150px; width: 31px;float:left}
#partner2 { background-position: -42px center; }
#partner3 { background-position: -81px center; }

img.mainteaser {width:100%;height:auto}
img.smallteaser {float:left;width:142px;height:84px;margin-right:10px}
.gwsteaser { clear:left;margin-bottom:20px }


/* cookie disclaimer */
#cookie-notice {
 display:none;
 position:fixed;
 min-width:100%;
 height:auto;
 z-index:100;
 font-size:13px;
 line-height:20px;
 left:0;
 text-align:center;
 bottom:0;
}
#cookie-notice .button.wp-default {
 font-family:sans-serif;
 display:inline-block;
 font-style:normal;
 cursor:pointer;
 border-style:solid;
 border-width:1px;
 font-size:12px;
 text-decoration:none;
 outline:0;
}
.cookie-notice-container {
 padding:0.5%;
 text-align:center;
}

#cookie-notice .button {
 margin-left:3%;
}

#cookie-notice .noticebutton.wp-default {
 line-height:18px;
 padding:4px 12px;
 background:linear-gradient(to bottom,#FEFEFE,#F4F4F4) #F3F3F3;
 border-color:#BBB;
 color:#333;
 text-shadow:0 1px 0 #FFF;
 -moz-box-sizing:border-box;
 border-radius:3px;
 white-space:nowrap;
 font-weight:bold;
}

#cookie-notice .button.wp-default:focus,#cookie-notice .button.wp-default:hover {
 background:linear-gradient(to bottom,#FFF,#F3F3F3) #F3F3F3;
 border-color:#999;
 color:#222;
}

/* END cookie disclaimer */

/* responsive */
@media (min-width:980px) {
	#pagewrap {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);border-radius:20px 0 0}
	}

@media (max-width:850px) {
	.nextdraw span.tease2 { display:inline-block }
	footer { height:auto}
	footer ul{width:45%;margin:20px 0 0 0}
	footer ul:nth-child(2),footer ul:nth-child(4) { margin-left:2% }
	.footercont,.contwidth{width:620px}
	.footercont { padding:20px }
	#pagewrap {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);border-radius:20px 0 0}
	.hos {display:none }
	aside#lright,section#lcontent {float:none;width:100%;margin-right:0;margin-bottom:20px}
	aside article {display:block;width:300px;float:left;}
	/*aside article {width:100%;text-align:center;float:none;margin-left: 0 !important }*/
	aside article:first-child { margin-right:20px }
	article.startheight { height:auto }
	#sponslogowrap {display:none;}
		.overlightbox {width:93%;height:auto;margin:0 auto;}
	#lightbox {height:auto;width:auto;overflow:hidden!important;}
	#lottylayer {background:none;position:absolute;}
	#ol_close {top:-10px;right:-5px;width:35px;height:35px;font:bold 25px/34px Arial;}
  #telsponslink {float:none!important;margin-left:5%!important;}
	#MailSpons, #TelSpons {width:75%!important;}
	}
@media (max-width:660px) {
	#pagewrap {box-shadow: 0 0 0;border-radius:0}
	.statstable {width:auto;}
	}
	
@media (max-width:520px) {
	.mob-block {clear:both;float:none;display:block}
	.mob-block::before{content:'';height:0;display:table;clear:both} 
	div.stat_drawdate, div.stat_drawcont {display:block;width:100%;margin:0}
	.mbtn { display:block;margin-top: 1em !important;margin-bottom:1em 0 !important;clear:left;float:none} 
	footer ul{float:none;width:100% !important; margin-left:0 !important}
	.choosenrow {margin-left:8px!important;}
	.contwidth {min-width:320px;width:100%;padding:0 }
	article.cbox,header { border-radius:0;padding:10px }
	.hom { display:none }
	header{margin-bottom:20px;padding-bottom:0}
	aside article {width:100%;text-align:center;float:none;margin-left: 0 !important }
	.headline_img{max-width:325px;width:90%;height:auto;position:relative;left:-25px;top:-10px}
	.headleft {width:100%;float:none;text-align:left;padding:0}
	h1 {position:relative;top:0;left:0;margin:0;font-size:6vw;}
	.tease4 { font-size: 1.8em }
	.tease3 { font-size: 1.1em }
	.tease2 { font-size:1.6em }
	article.tipmodul { text-align:center }
	.tipfunctions{width:100%;margin:0;float:none}
	#tiparea{clear:left;margin:16px auto;width:345px;float:none}
	#tiparea::after{content:' ';clear:left;display:table;height:0}
	ol.bignrlist{padding:0 0 0 20px}
	span.dbos { display:inline}
	.formm, .forms, .formxs, .forml {float:none;width:98%!important;text-align:left;margin: 1em 0 !importnat;}
	#loginbox .formm,#sendpwdbox .formm { margin:0.5em 0 !important}
	.lform label { display:block;margin-bottom:0.25em;}
	.lform {float:none !important;background:0 none;border:0 none;height:auto}

	.linp_wrap {width:100%!important;float:none;}
	#country {}
	.nm {display:none;}
	
	.formxs input, .forms input, .formm input, .forml input {width:100% !important;box-sizing:border-box;padding:2px;height:auto !important;background-color:#ffffff;border:1px solid black}
	input[type='radio'], input[type='checkbox'] {transform: scale(1.4);}
	.txtxs {margin-left:7%;}
	#sponslogowrap {display:none;}
	.winnerslider {display:none;}
	.footercont {background:none;padding:0;}
	.footercont {width:90%;}
	.btn_login {padding:5px 20px;}
	
	.overlightbox {width:95%;height:auto;margin:0 auto;position:static;}
	#lightbox {height:auto;width:auto;overflow:hidden!important;}
	#lottylayer {background:none;position:absolute;}
	#ol_close {top:3%;right:5%;width:35px;height:35px;font:bold 25px/34px Arial;}
  #telsponslink {float:none!important;margin-left:5%!important;}
	#MailSpons, #TelSpons {width:75%!important;}
	.ldraws_wrap {margin:0 auto;width:57%;}
	
	}
@media (max-width:410px) {
	.headnrs{text-align:center}
	#tipfield { float:none}
	h1{font-size:7vw}
	.tease4 { font-size: 1.6em }
	.tease3 { font-size: 1em }
	#tiparea,#tipfield { width:293px}
	.choosenrow {clear:left; width:293px;overflow:visible;float:none;margin:16px 0!important;}
	.choosennr,.tipnrchoosen { margin:0 8px 0 0;float:left}
	.choosennr:last-child{margin-right:0 !important}
	.choosenrow::after{content:' ';clear:left;display:table;height:0}
	#login{ height:auto }
	#login span { display:block;float:none;width:auto; }
	#login .contwidth { padding:10px }
	
	}