@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: middle; }
body{background:#fff;font:13px/18px Arial, Helvetica, sans-serif;}
strong { font-weight:bold; }
em { font-style:italic; }
/* BORDER RADIUS 5PX */
.appButton, .buttonz.white {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
/* TEXT-SHADOW */
.preis, .preis_gross, .preis-subhead {text-shadow:-2px -2px 0 #fff,2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px 0 0 #fff,0px 2px 0 #fff,2px 0 0 #fff,0px -2px 0 #fff,0 0 7px}
ul {float:left;margin:0 40px 16px 0;padding:0;list-style:none;}
ul li {margin-bottom:2px;padding-left:22px;background:url(../images/list-bullets/green-tick.png) no-repeat 0 1px;}
h1,h2 {font-family: 'Source Sans Pro', sans-serif; margin-bottom:30px;}
h1{font-size: 43px;line-height: 43px;margin: 10px 0;text-align: center;text-shadow: 2px 2px 0px rgba(0,0,0,0.3);}
a{color:#97bd00;text-decoration:none;}
a.windows {color:#fff;line-height:normal}
a.windows:hover {color:#fff;text-decoration:underline;}
a:hover{color:#97bd00;}
p{margin-bottom:30px;}
p.info-focus{font:18px/22px Arial, Helvetica, sans-serif;margin-bottom:10px;text-transform: uppercase;text-align:center}
p.leftel, .column_one_half h2.leftel {text-align:left;}
p.bigger {font-size: 36px; line-height: 40px;}
h2{font-size:38px;line-height:38px;}
h3{font-size:16px;line-height:30px; margin-bottom: 10px;}
header {position: absolute;top: 0px;height: 30px;max-width: 870px;width: 100%;margin: 10px auto;display: block;}
.homepage {color:#fff; font:15px/18px Arial, Helvetica, sans-serif;padding-top:0 !important; display:table; margin:auto;overflow:hidden;}
.homepage .content{max-width:870px;margin:auto;padding:50px 0 0 0; display:table-cell; vertical-align:middle;/* opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/}
blockquote {font:26px/26px 'Source Sans Pro', sans-serif; color:#fff;background:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);margin:0 auto;}
blockquote p {line-height: 36px;max-width:870px;float:none;margin:0 auto;}
blockquote p.cite {font-size:18px;font-style:italic;margin-top:20px;line-height: normal}
iframe {border:none; overflow:hidden; height:21px; width: 170px;}
.twitter-share-button {margin-left:5px;}
#features-1, #features-4, #features-5 {background:#fff;}
#features-2 {background-color:#f6f6f6;}
#features-0 {background-color:#f2f2f2;padding-bottom:15px;}
#features-0 .install {display:block; padding-left: 45px;}
#highlight {background: url(../images/gallery/_mobileApp_yellow-bg.jpg) no-repeat;}
#highlight-2 {background: url(../images/gallery/mosaic.jpg) repeat}
#highlight-3 {background: url(../images/gallery/com-dt_bg_tante.jpg) no-repeat;}
#highlight.highlight {background: url(../images/gallery/_mobileApp_yellow-bg.jpg) no-repeat;}
img#firstimg {padding-top:119px;}
.page{overflow:hidden; width:100%; position:relative;}
.page .content{max-width:870px;margin:auto;padding:0;}
.page .content.centeralign{text-align:center;}
.page.odd{background:#fff;color:#888;}
.page.even{background:#fff;color:#888;}
.column_homepage-1,.column_homepage-2 {width:48%;margin-right:4%; float:left;}
.column_homepage-2 {padding-top:100px;}
.column_homepage-2 h2 {font-size: 26px;line-height: 26px;color : white;margin-bottom: 20px;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
.column_homepage-2 p {text-shadow: 1px 1px 0px rgba(0,0,0,0.3)}
.column_one_half h2, #features-3 h2 {color:#97bd00;}
.column_one_half h2 {text-align:center}
.thumb, .column_homepage-1 img {overflow:hidden;position:relative; z-index:1;}
.thumb img, .column_homepage-1 img{position:relative;z-index:-1;width: 100%;margin: 0 auto;-ms-interpolation-mode: bicubic;overflow:hidden;vertical-align: middle;}
#app-button-container{width:100%;overflow:hidden;margin-bottom:30px;}
#app-button-container p {text-decoration:none;font-family:Arial, Helvetica, sans-serif;color:#fff;font-size:12px;line-height:18px;text-shadow: 1px 1px 0px rgba(0,0,0,0.3);padding-top: 10px;        clear:both;}
.app-price{font:30px/30px 'Source Sans Pro', sans-serif; font-weight:bold; margin-bottom:30px; width:100%;}
.app-price span.variation{font:30px/30px 'Source Sans Pro', sans-serif;font-weight:normal;}
.note{font-size:12px; font-weight:bold; opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";width:100%;}
.note span{font:30px/30px 'Source Sans Pro', sans-serif; float:left;padding-right:10px;}
.page-down{width:78px;height:78px;background:url(../images/page-down.png) no-repeat;left:50%;margin-left:-32px;position:absolute;bottom:15px;}	
.appButton, .buttonz.white {height: 48px;width:144px;position: relative;border: none;text-align: center;font-family: Arial,sans-serif;}
.appButton {padding: 0;float: left;cursor: pointer;margin: 10px 10px 0 0;}
.buttonz.white {padding: 8px 0 0 0;margin: 0 auto;background: #ffffff;color:#535353;text-shadow: none;display: block;}
.buttonz.grey {background-color: black;color: #535353;text-shadow: none;}
.aktionscode {color: #9F116C !important;font-weight: bold;font-size: 18px;}
.preis_gross {-webkit-transform: rotate(-12deg);-moz-transform: rotate(-12deg);-ms-transform: rotate(-12deg);-o-transform: rotate(-12deg);font-weight: bold;padding-bottom: 100px;}
.preis_gross p {font-size: 36px; line-height: 40px;}
.preis_gross_fuenf {color:#9F116C !important;font-size:180px;}
.preis_gross_euro {color:#9F116C !important;font-size:120px;}
.preis {color:#9F116C !important;font-weight: bold;vertical-align: baseline;}
.preis-subhead {color:#9F116C !important;font-weight: bold;font-size: 34px;line-height: 48px;}
.smallprint {padding-top: 40px;}
.apple:before {content: '';position: absolute;left: 12px;top: 12px;background: url("../images/store.png") no-repeat;background-position: -5px -24px;height: 21px;width: 20px;}
.google:before {content: '';position: absolute;left: 12px;top: 12px;background: url("../images/store.png") no-repeat;background-position: -6px 0px;height: 21px;width: 20px;}
.appButtonHint {float: left;line-height: 18px;margin-top: 6px;margin-left: 42px;font-weight: normal;font-size: 12px;color: white;}
.appButtonName {float: left;line-height: 16px;margin-left: 42px;font-weight: bold;font-size: 16px;color: white;}
.highlight{width:100%; padding:0;margin:0;background-attachment:fixed;background-repeat:no-repeat; color:#fff; text-align:center; position:relative;}
.highlight .info-container{display:table;width:100%;height:100%; padding:0 !important;margin:0 !important;background:transparent url(../images/pattern-epic.png) repeat top left;}
.highlight.fixed{background-attachment:fixed;}
.highlight.fixed-desktop{background-attachment:fixed !important;}
.highlight.scroll{background-attachment:scroll;}
.highlight .info-container .info{display: table-cell; vertical-align:middle;}
#highlight.highlight {background: url(../images/gallery/_mobileApp_yellow-bg.jpg) no-repeat;} 
.bekannt {padding:120px 0;}
.bekannt a {cursor:default;}
.bekannt img {margin:0 20px;opacity: 0.7;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.bekannt img:hover, .bekannt img:focus {opacity: 1;}
footer {overflow:hidden; padding:30px 0; z-index:1;background-color:#535353;}
footer .content{max-width:870px;margin:auto;text-align:center;display:table;white-space:nowrap;color:white;}
footer p {font-size:16px;}
footer a {float:left;width:110px;color:white;opacity: 0.7;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
footer a.active, footer a:hover {opacity: 1;}
footer img {padding:5px;}
.section-button{float:left;width:100%;height:20px;position:absolute;bottom:-5px;border-bottom:5px solid #ddd; text-align:center;}
.section-button a{line-height:21px;position:relative;padding:3px 24px;}
.section-button.last-page{bottom:0;border-bottom:none;}
.fancybox-html{display:none;}
#fancybox-outer,#fancybox-content iframe {background: #000 url(../images/logo-common.png) center center no-repeat;}
#fancybox-content {border: 0px solid #000;}
#fancybox-left,#fancybox-right,#fancybox-close{opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
#fancybox-left-ico {background: rgba(0,0,0,0.5)  url(../images/fancybox/fancybox.png) -39px -22px no-repeat ;-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;}
#fancybox-left-ico:hover {background: rgba(0,0,0,1)  url(../images/fancybox/fancybox.png) -39px -22px no-repeat;}
#fancybox-right-ico {background: rgba(0,0,0,0.5)  url(../images/fancybox/fancybox.png) -39px -62px no-repeat ;-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;}
#fancybox-right-ico:hover {background: rgba(0,0,0,1)  url(../images/fancybox/fancybox.png) -39px -62px no-repeat;}
#fancybox-close {background: transparent url(../images/fancybox/fancybox.png) -40px 0px;}
.divider{border-top:1px solid #e2e2e2;}
.focus-title{color:#97bd00 !important;text-align:center}
.top {padding-top:80px;}
.second {padding:120px 60px 20px 60px; max-width: 740px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.left{float:left !important;}
.right{float:right !important;}
.last{margin:0 !important;}
.social-media {float: left;margin: 0 10px 0 18px;}
.social-media div {float: left;}
.social-media .twitter {width: 100px;}
.social-media .gplus {width: 80px;display:flex;}
.lang-switch {float: right;margin: 0 20px 10px 0;}
.lang-switch a {color: white;font-size: 12px;}
.lang-switch .active {color: #535353;font-size: 12px;}
.lang-switch a:hover {text-decoration: underline;font-weight: bold;}
.epicFullscreen{width:100%;height:100%;position:absolute;/*switch to fixed for scrolling content*/overflow:hidden;top:0px;left:0px;z-index:-1;}
.epicFullscreen #epic-overlay{position:absolute;width:100%;height:100%;background:transparent url(../images/pattern-epic.png) repeat top left;z-index:2;}
.epicFullscreen img{position:absolute;top:0px;height:100%}
#highlight-2 h2 {font-size: 43px;line-height: 43px;text-shadow: 2px 2px 0px rgba(0,0,0,0.3);color:#fff;}
.appdlbutton {display: none;
text-align: center; width: 182px; height: 34px; padding-top: 12px; background-color: #b7d900; -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); background-image: -moz-linear-gradient(bottom, #9ec600 0%, #b7d900 100%); background-image: -o-linear-gradient(bottom, #9ec600 0%, #b7d900 100%); background-image: -webkit-linear-gradient(bottom, #9ec600 0%, #b7d900 100%); background-image: linear-gradient(bottom, #9ec600 0%, #b7d900 100%);
border: none;}
.appdlbutton a {color: #fff; font-size: 16px; text-shadow: 1px 1px 0 rgba(51,51,51,.4);font-weight:bold;}
.qrcode {font-size:12px; position: absolute; top: 115px;left: 190px;z-index:4;}