/* ==========================================================================
   grey:    #6f6f6f
   bar:     #2f2f2f
   yellow:  #ffbe00
   blau:    #007EC3
   ========================================================================== */

.jumpLink {height: 0;overflow: hidden;opacity: 0;visibility: hidden;}
.jumpLink.act {height: auto;overflow: inherit;opacity: 1;visibility: visible;}


/* ==========================================================================
   Basic Information
   ========================================================================== */
body {font-family: 'Lato',Arial,sans-serif;line-height: 1.2em;padding-top: 220px;}
.container {max-width: 982px;}
b,strong {font-family: 'Lato Bold',Arial,sans-serif;}
label, p {font-family: 'Lato',Arial,sans-serif;}
h1, h2, h3, h4, h5, h6 {color:#2f2f2f}
ul, ol {padding:0;margin:0}
p {line-height: 1.2}
a,a:focus,a:hover{outline:none;outline:0;color:#2f2f2f}

.btn-choose {text-decoration:none;border:1px solid #dbdbdb; position: relative; background: #dbdbdb none repeat scroll 0 0;font-family: 'Lato Black',Arial,sans-serif;font-size:15px;text-transform: uppercase; padding: 12px 20px;  text-align: center; min-width: 150px;color:#2f2f2f;text-decoration: none;display: inline-block;margin: 0 auto;}
.btn-choose span:before {content:"";font-family: "FontAwesome";font-size: 10px;font-weight: normal;position: relative;left:-5px;top: 0;}
.btn-choose.act,
.btn-choose:hover,
.btn-choose:focus {text-decoration:none;border:1px solid #ffbe00;background-color: #ffbe00}
.btn-choose span:before {font-size: 15px;}

.btn-max {width:100%;max-width:300px;}

/* ==========================================================================
   icons
   ========================================================================== */
.icon {display: inline-block}
.icon-phone {background: url("../img/icon_phone_white.png") no-repeat center center transparent;width: 23px;height: 22px;}
.in .icon-phone {background-image: url("../img/icon_phone_white_close.png");}



/* ==========================================================================
   polyfill placeholder
   ========================================================================== */
span.placeholder{position:absolute;font-size:75%;color:#999;font-family:sans-serif;padding:4px 3px;z-index:1;cursor:text;}
span.placeholder-hide-except-screenreader {clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height: 1px !important;width: 1px !important;overflow: hidden;}
span.placeholder-hide{display:none;}
label.visuallyhidden-with-placeholder{
    height:auto !important;overflow: visible !important;position:absolute !important;left:-999em;}


/* ==========================================================================
   slyslider
   ========================================================================== */
.sly {position: relative;width: 100%}
.sly .sly_inner {}
.sly .sly_center{ margin:auto; }
.sly .sly_inner .item {max-width: 982px;width:100%;float: left;}
.sly .carousel-control {display: inline-block;position: absolute;top: 30%;width: auto}
.sly .carousel-control,
.sly .carousel-control .fa {color:#333;font-size: 25px}
.sly .btn_next {right:20px;left: inherit}
.sly .btn_prev {left:20px;right:inherit;}

.sly .pages {list-style: none;margin: 0;padding: 25px 0 0 0;text-align: center;}
.sly .pages li {cursor:pointer;text-indent:-100000px;background-color:#dddddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) inset;width:14px;height:14px;border:0;margin:2px;border-radius: 50%;display: inline-block}
.sly .pages li:hover,
.sly .pages li.active {background-color:#ffbe00;width:14px;height:14px; margin: 2px;}

@media(min-width:1200px){
    .sly .btn_next {right:-40px}
    .sly .btn_prev {left:-40px}
}

/* ==========================================================================
   Header
   ========================================================================== */
#header {position: fixed;left:0;top:0;width: 100%;z-index: 1000 }
#header .bar {background: url("") #2f2f2f;display: block;padding: 10px 0 14px 0;border-bottom: 1px solid #ffbe00;}
#header.small .bar {padding: 5px 0}
#header .login {color: #fff;}
#header .login a {color: #fff;text-decoration: none;}
#header.small .login a {font-size: 14px;}


#header .brand {padding: 21px 0;background-color: #fff;}
#header .brand img {margin: 0 15px 0 0}
#header .brand .tel {display: block;}
#header .brand .tel,
#header .brand .tel a {color: #6f6f6f;font-size: 16px;text-decoration: none;}
#header .brand .infos {display: block;}
#header .brand .infos,
#header .brand .infos p {color: #6f6f6f;font-size: 12px;line-height: inherit}
#header .brand .contact-mail {}
#header .brand .contact-mail p {margin: 5px 0 0 0}

#header .progressbar {border-bottom: 1px solid #ffbe00;border-top: 1px solid #ffbe00;}
#header .progressbar {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(240,240,240,1) 68%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(40%,rgba(255,255,255,1)), color-stop(68%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(240,240,240,1) 68%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(240,240,240,1) 68%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(240,240,240,1) 68%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(240,240,240,1) 68%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-9 */
}

#header .header-menu {background-color: #ffbe00}
#header .header-menu  ul {list-style: none; display: flex;justify-content: space-between;}
#header .header-menu  ul li {display:inline;}
#header .header-menu  ul li a {font-family: 'Lato Bold',Arial,sans-serif;font-size:15px;text-transform: uppercase;color:#2f2f2f;padding: 15px 15px;text-decoration: none} /* padding: 20 15px */
#header .header-menu  ul li a:hover,
#header .header-menu  ul li a:focus,
#header .header-menu  ul li a.active {background-color: #fff}
#header .header-menu  ul li a.exclusive {background-color: #ff0000}
#header .header-menu  ul li a.exclusive:hover {color:#fff}
#header .navbar-toggle .icon-bar {background-color: #ffbe00}
#header .navbar-toggle {position: absolute;right: 0;top: -10px;}
#header .navbar-toggle.collapsed .icon-bar{display:block;left:0;right:0;top:0;bottom:0;-moz-transform: none!important; -ms-transform:none!important; -o-transform: none!important; -webkit-transform: none!important;transform: none!important;}
#header .navbar-toggle.collapsed .icon-bar-1,
#header .navbar-toggle.collapsed .icon-bar-2{left:0;position: inherit;top:0;-moz-transform: none!important; -ms-transform:none!important; -o-transform: none!important; -webkit-transform: none!important;transform: none!important;}
#header .navbar-toggle .iconbar-1 { position: relative; top: 6px;-moz-transform: rotate(40deg); -ms-transform: rotate(40deg);-o-transform: rotate(40deg); -webkit-transform: rotate(40deg);  transform: rotate(40deg);}
#header .navbar-toggle .iconbar-2 {  position: relative; -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); -o-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); transform: rotate(-40deg);}
#header .navbar-toggle .iconbar-3 {display:none;}

#header .mobile-contact{ background-color: #6f6f6f;display:none;border-bottom: 2px solid #ffbe00; border-top: 1px solid #ffbe00;position: absolute;width: 100%;z-index: 1000;height:180px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);padding:15px}
#header .mobile-contact .row {margin: 15px -15px;}
#header .mobile-contact h4 {color:#fff;text-transform: uppercase;font-size:16px}
#header .mobile-contact h4{border-bottom:1px solid;padding-bottom:10px}
#header .mobile-contact .fa,
#header .mobile-contact i,
#header .mobile-contact p,
#header .mobile-contact a{color:#fff}
#header .mobile-contact p strong {font-family:"Lato Black",Arial,sans-serif;font-weight: normal;font-size:16px}

#header .contact-mail a {color: #6f6f6f}
#header .mobile-contact .contact-mail a {color: #fff}

/* flexbox */
#header .header-menu ul {  display: -ms-flexbox;-ms-flex-direction: row;}
#header .header-menu ul {margin: 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;list-style: none;float:none;}
#header .header-menu ul li {float: none;flex-grow: 1;text-align: center}
#header .header-menu ul li a {display: inline-block}

.noflex #header .header-menu ul,
.ie9 #header .header-menu ul {display:table;width: 100%}
.noflex #header .header-menu ul li,
.ie9 #header .header-menu ul li {display:table-cell;}
#header .header-menu ul li a {}



@media(max-width:1200px){
    #header .header-menu ul li a {white-space:nowrap;padding: 20px 10px}
}
@media(max-width:990px){
    #header .header-menu ul li a {text-transform: none;}
}
@media(max-width:767px){
    #header .header-menu {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);}
    #header .header-menu ul {list-style: none; display: block;margin: 0}
    #header .header-menu ul li {display: block;line-height: inherit;text-align: center}
    #header .header-menu ul li a {color:#2f2f2f;padding: 10px 0;display: block; text-transform: uppercase;}
    #header .header-menu ul li a:hover,
    #header .header-menu ul li a:focus,
    #header .header-menu ul li a.active {text-decoration: none}
    #header .header-menu ul li a.exclusive{}

    #header .header-menu {padding: 0}
    #header .header-menu .container {padding: 0}
    #header .header-menu .row {margin: 0}
    #header .header-menu .row > div {padding: 0}
    .nav-pills.nav-wizard > li.current span {display: inline!important; text-transform: none; font-size: 13px;}
}



.nav-pills.nav-wizard {background: #f0f0f0;}
.nav-pills.nav-wizard > li {position:relative;overflow:visible;border-left:20px solid #f0f0f0;}
.nav-pills.nav-wizard > li:first-child {border-left:0;}
.nav-pills.nav-wizard > li:first-child a {border-radius:0;padding-left:0;}
.nav-pills.nav-wizard > li:last-child {border-right:0;}
.nav-pills.nav-wizard > li:last-child a {border-radius:0;}
.nav-pills.nav-wizard > li a {border-radius:0;background-color:#f0f0f0;}
.nav-pills.nav-wizard > li a {color:#2f2f2f;padding: 25px 20px;text-transform: uppercase;font-family: 'Lato Bold',Arial,sans-serif;}
.nav-pills.nav-wizard > li .nav-arrow {position:absolute;top:0;right:-9px;width:0;height:0;border-style:solid;border-width:33px 0 33px 10px;border-color:transparent transparent transparent #f0f0f0;z-index:150;}
.nav-pills.nav-wizard > li .nav-wedge {position:absolute;top:0;left:-9px;width:0;height:0;border-style:solid;border-width:33px 0 33px 10px;border-color:#f0f0f0 #f0f0f0 #f0f0f0 transparent;z-index:150;}
.nav-pills.nav-wizard > li:hover .nav-arrow {border-color:transparent transparent transparent #ffffff;}
.nav-pills.nav-wizard > li:hover .nav-wedge {border-color:#ffffff #ffffff #ffffff transparent;}
.nav-pills.nav-wizard > li:hover a {background-color:#ffffff;color:#2f2f2f;}
.nav-pills.nav-wizard > li.active .nav-arrow {border-color:transparent transparent transparent #ffffff;}
.nav-pills.nav-wizard > li.active .nav-wedge {border-color:#ffffff #ffffff #ffffff transparent;}
.nav-pills.nav-wizard > li.active a {background-color:#ffffff;}
.nav-pills.nav-wizard > li.active a {color:#2f2f2f;}

.nav-pills.nav-wizard.inline {white-space: nowrap}
.nav-pills.nav-wizard.inline > li {float: none;display: inline-block}


/* SMALL HEADER */
#header.small .brand {padding: 10px 0}
#header.small .header-menu ul li a {padding: 9px 12px;}
#header.small .nav-pills.nav-wizard > li a {padding: 15px 20px}
#header.small .nav-pills.nav-wizard > li .nav-wedge,
#header.small .nav-pills.nav-wizard > li .nav-arrow {border-width:23px 0 23px 10px;}
@media(max-width: 991px){
    #header.small .nav-pills.nav-wizard > li a {padding: 15px 8px;}
}



/* standard */
/*section {padding: 25px 0}*/
section .sec-desc {margin-bottom: 36px;}
section .sec-title {font-family: 'Lato Bold',Arial,sans-serif;}
section .sec-intro {font-family: 'Lato',Arial,sans-serif;font-size:18px; color:#a0a0a0; line-height: 1.2;}

.choosepacket {text-align: center}

/* teaser */
#teaser {padding:0}
#teaser p {font-size:16px;  margin-bottom: 20px;}
#teaser .offerlist {list-style: none;padding: 0;}
#teaser .offerlist li {position:relative;margin-bottom: 5px;padding-left: 25px;}
#teaser .offerlist li::before {color:#ffbe00;position:absolute;left:0;top:1px;content: "";font-family: 'FontAwesome';}
#teaser a.btn-choose {min-width:150px; padding: 12px 15px;background-color:#ffbe00;display: inline-block}
#teaser a.btn-choose:hover,
#teaser a.btn-choose:focus {background-color:#fff; }



/* * choice */
#choice .package { border: 1px solid #dbdbdb;padding: 10px;min-height:350px;position:relative}
#choice .package h3 {font-size: 26px;font-family: 'Lato Black',Arial,sans-serif; min-height: 65px;}
#choice .pak-img {max-height:125px;margin: 0 10px 10px 10px;}
#choice .package img {}
#choice .package ul {list-style: none;padding:0; margin-left: 15px;}
#choice .package ul li {position:relative;margin-bottom: 5px;padding-left: 25px;}
#choice .package ul li::before {color:#ffbe00;position:absolute;left:0;top:1px;content: "";font-family: 'FontAwesome';}
#choice .package .pricepermonth { border-bottom: 1px solid #b0b0b0;border-top: 1px solid #b0b0b0;height: 34px;padding: 7px 0;width:90%;margin: 10px auto;}
#choice .package .choosepacket {text-align: center}
#choice .package-mobile{display:none}
#choice .shortmtl {display:none}
@media(max-width:768px){
    #choice .package {margin: 0 0 15px 0}
}


.teaser-package .package { border: 1px solid #dbdbdb;padding: 10px;position:relative;margin-bottom: 1px;}
.teaser-package .package .package-title {height: 80px;}
.teaser-package .package .package-title p {font-size:16px;color:#6f6f6f}
.teaser-package .package h3 {font-size: 24px;font-family: 'Lato Black',Arial,sans-serif;margin: 20px 0 0 0;}
.teaser-package .pak-img {height:125px}
.teaser-package .package img {}
.teaser-package .package ul {list-style: none;padding:0; margin-left: 15px;}
.teaser-package .package ul li {position:relative;margin-bottom: 5px;padding-left: 20px;line-height: 1.3em;}
.teaser-package .package ul li::before {color:#ffbe00;position:absolute;left:0;top:1px;content: "";font-family: 'FontAwesome';}
.teaser-package .package .pricepermonth { border-bottom: 1px solid #b0b0b0;border-top: 1px solid #b0b0b0;padding: 7px 0;width:90%;margin: 10px 5% 10px 5%;display: inline-block}
.teaser-package .package .pricepermonth.after { border: 0px none; margin: -10px 5% 10px;font-size: 10px;}
.teaser-package .package .pricepermonth p {margin: 0}
.teaser-package .package .pricepermonth > div {padding:0 2px}
.teaser-package .package .pricepermonth .col-xs-8,
.teaser-package .package .pricepermonth .col-xs-4
 {padding-right: 3px;
  padding-left: 3px;}

.teaser-package .package-link {margin-top:20px;text-align: center}
.teaser-package .package-link a.btn-choose span {min-width: 220px; display: inline-block; position: relative; margin: 0 auto;white-space: nowrap}
.teaser-package a.btn-choose {min-width:150px; padding: 12px 15px;background-color:#ffbe00;display: inline-block;}
.teaser-package a.btn-choose:hover,
.teaser-package a.btn-choose:focus {background-color:#fff; }

/* TO - CHANGE */
/* NEW */
.teaser-package .package.tipp::before {content: url("../img/pic_tipp.png");left: -1px;position: absolute;top: -2px;}

/* OLD
.teaser-package .package.package-3::before {content: url("../img/pic_tipp.png");left: -1px;position: absolute;top: -2px;}
.teaser-package.teaser-package-2 .package {height:auto}
.teaser-package.teaser-package-2 .package .pricepermonth{position: relative;top: 10px;bottom:auto;margin-bottom: 20px;}
*/

img.timg:hover{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
img.timg{
  transition: all .5s;
}



/* Boxmodul */
.boxModule {padding: 10px;}
.boxModule h3 {margin-top:0}
.boxModule ul {margin: 0 0 0 15px;}

/* special */
#special {background-color: #f0f0f0}
#special h2.sec-title {color:#ffbe00;font-size: 42px;font-family: 'Lato',Arial,sans-serif;}
#special a {color: #000;text-decoration: none;}
#special p.sec-desc{color:#a0a0a0;font-size: 18px}
#special .special-box {background-color: #fff;}
#special .special-box .special-desc{padding:20px 15px}
#special .special-box .special-desc h3{margin-top:0;font-size: 22px}
#special .special-box .special-desc p{font-size:12px}
#special .special-box { margin-bottom: 30px;}
#special .loadmore {display:none}
#special .loadmore a.btn-choose {background-color: #ffbe00;position: relative;width: 100%;text-align: left;padding-left: 57px}
#special .loadmore a.btn-choose:before{content:url('../img/icon_plus.png');position: absolute;left:12px;top:14px}
#special a:hover img {opacity: 0.8}

#special .special-box:hover .btn-choose {text-decoration:none;border:1px solid #ffbe00;background-color: #ffbe00}
.special-img {position: relative}
.special-img img {width: 100%}
.special-img .btn-choose {left: 10px;position: absolute;bottom: 10px;padding: 5px 10px;}

@media(max-width:787px){
    .special-img img {width: 100%;}
}


/* present */
#present {padding-top: 0}
#present .present {border: 1px solid #dbdbdb;padding: 50px 10px 40px 10px;min-height:340px;position:relative;cursor: pointer}
#present .present:hover,
#present .present:focus,
#present .present.act {background-color:#f0f0f0;border: 1px solid #ffbe00;}
#present .present img {padding-bottom: 35px;}
#present .present h3 {font-size: 22px;font-family: 'Lato Black',Arial,sans-serif;color:#2f2f2f}
#present .present p {font-size: 12px;font-family: 'Lato',Arial,sans-serif;color:#2f2f2f}
#present .present span.check{display:none;position: absolute;bottom:20px;left:50%;margin-left:-9px}
#present .present span.check img {padding:0}
#present .present.act span.check {display:block;}
#present .present .choosepacket {padding-top: 10px;}
#present a.addplus {position: absolute;width: 30px;height:30px;border:1px solid #ffbe00;background-color:#ffbe00;right:40px;border-radius: 50%;text-decoration:none;z-index:200;top:20px}
#present a.addplus:after {content:"";font-family: "FontAwesome";font-size: 15px;font-weight: normal; left: 7px;position: relative;top: 6px;color:#2f2f2f}
#present a.addplus:hover{background-color:#fff;border:1px solid #ffbe00}
#present a.addplus:hover:after{color:#ffbe00;}

/* Order Wrapper Form*/
#order-wrapper input:focus,
#order-wrapper select:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 190, 0, 0.6);border:1px solid #ffbe00}
form label.delabel {position: relative; width: 100%;font-weight: normal;margin-bottom: 0}
label.delabel:after {content:url('../img/icon_cal.png');position: absolute; right: 6px;top: 7px;}
form select {position: relative; -webkit-appearance: none;-moz-appearance: none;appearance: none;border:none;border-radius: 0;font-size: 1em;width: 100%}
form select.form-control {width:100%; border: 1px solid #bbb; position: relative;background: #f0f0f0 url("../img/icon_caret_down_lightgrey.png") no-repeat scroll 95% 50%;}

form .col-sm-12 select.form-control,
form .col-md-12 select.form-control {background-position: 98% 50%}
@media(max-width: 767px){
    form select.form-control {background-position: 98% 50%}
}
form label.select {position: relative; width: 100%;font-weight: normal;margin-bottom: 0}
/*form label.select select {background: #f0f0f0 url("../img/icon_caret_down_lightgrey.png") no-repeat scroll 95% 50%;}*/
/*form label.select:hover select {background: #f0f0f0 url("../img/icon_caret_down_lightgrey.png") no-repeat scroll 95% 50%;}*/
/*form label.select:after{position: absolute;content:url("../img/icon_caret_down_lightgrey.png") ; right: 9px;top: 8px;}*/
/*form label.select:hover:after {content:url("../img/icon_caret_down_grey.png") ;}*/

/* form */
#form {background-color:#f0f0f0 }
#form .col-form {padding:0}
#form .form-wrapper { background-color: #fff;min-height: 200px; padding: 0 20px 50px;width: 100%;float:left}
#form .form-wrapper .account{margin-top: 30px}
#form .form-wrapper .account a {color:#2f2f2f;text-decoration: underline}
#form .form-wrapper .account .user-icon {position: relative; top: -2px; right: 7px;}
#form .form-part-1 {width: 100%; float: left; display: block; margin-top: 10px;}
.form-control {border-radius: 0; background-color: #f0f0f0;border:1px solid #b0b0b0;color:#000;text-transform: none}
.form-group { display: block;float: left;width: 100%;margin-bottom:10px}
.form-group > div {padding: 0 5px;}

@media(min-width:768px){
    #form .col-form:first-child {padding-right:10px}
    #form .col-form:last-child {padding-left:10px}
}

#form .form-wrapper  #submit.form-control {background-color:#ffbe00;font-family: 'Lato Black',Arial,sans-serif;font-size:15px;text-transform: uppercase;  text-align: center; color:#2f2f2f;text-decoration: none;display: block;border:0}
#form .form-wrapper  #submit.form-control:after {content:"";font-family: "FontAwesome";font-size: 10px;font-weight: normal;position: absolute;left:10px;top: 13px;}
#form a.btn-choose {width:auto}
#form a.btn-choose:focus,
#form a.btn-choose:hover{border:1px solid #ffbe00;background-color: #fff}

@media(max-width: 991px){
    .form-group > div {margin: 0 0 10px 0;}
    .form-group > div:last-child {margin: 0}
}


/* =
   section checkout
   = */
#checkout {
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #f6f6f6 0%, #ffffff 60%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(60%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#ffffff 60%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6f6f6 0%,#ffffff 60%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6f6f6 0%,#ffffff 60%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6f6f6 0%,#ffffff 60%,#ffffff 100%); /* W3C */
}
#checkout .sec-title {font-size:26px;font-family: 'Lato Black',Arial,sans-serif;text-transform: uppercase;}
#checkout .comchoice-package h2{font-size:26px;font-family: 'Lato Black',Arial,sans-serif;margin-bottom:60px;padding-left:30px}
#checkout .comchoice-package .abo {display:none;width: 100%}
#checkout .comchoice-package,
#checkout .comchoice-present{background-color: #fff; margin-bottom: 30px;min-height:210px;padding: 10px 0;}
#checkout .comchoice-present h3 {margin-bottom:35px;font-size:26px;font-family: 'Lato Black',Arial,sans-serif}
#checkout .comchoice-present img {margin-bottom:20px}
#checkout .comchoice-present .check {color:#ffbe00;content: "";font-family: 'FontAwesome';padding-left: 30px;}
#checkout .comprice-wrap {background-color: #ffbe00;}
#checkout .comprice-title {background-color: #f0f0f0;padding:25px 20px;font-size:24px;font-family: 'Lato Black',Arial,sans-serif;  margin: 0;line-height: 1.4;;text-transform: uppercase}
#checkout .comprice-eur {background-color: #ffbe00;padding:15px 20px;}
#checkout .comprice-eur h4 {color:#2f2f2f;font-size:24px;font-family: 'Lato Black',Arial,sans-serif;  margin: 5px 0;}
#checkout .comprice-eur h4 small {color:#2f2f2f;font-size: 11px;font-family: 'Lato',Arial,sans-serif;display:none}
#checkout .comprice-eur h4 span {color:#2f2f2f;font-size: 16px;font-family: 'Lato',Arial,sans-serif;}
#checkout .comprice-eur p small {color:#2f2f2f;font-size: 11px;font-family: 'Lato',Arial,sans-serif;}
#checkout .comprice-eur p {margin:0}

#checkout .summary {padding-top:0}
#checkout .summary .sumdata {border:1px solid #ffbe00; min-height: 170px;padding: 15px 30px;position:relative}
#checkout .summary .sumdata h4 {font-size: 22px;font-family: 'Lato Black',Arial,sans-serif;color:#2f2f2f}
#checkout .summary .sumdata a {font-size: 14px;font-family: 'Lato Black',Arial,sans-serif;color:#ffbe00;position: relative; padding-left: 20px;text-transform: uppercase;top: 10px;}
#checkout .summary .sumdata a:after {content:"";font-family: "FontAwesome";font-size: 15px;font-weight: normal;position: absolute;left:0;top: 0;}
@media(max-width:991px){
    #checkout .summary > div {margin-bottom:15px;}
    #checkout .summary > div:last-child {margin-bottom:0}
}


#checkout .terms-submission {padding-top:30px;}
#checkout .terms-submission .terms-box {background-color: #fbfbfb;padding: 20px; height: 190px;display: inline-block}
#checkout .terms-submission .terms-box .ivstyle-copy {float: left; position: relative; top: 0px; left: 5px; width: 85%;font-weight: normal;font-size: 12px}
#checkout .terms-submission .terms-box .ivstyle-copy a {color:#2f2f2f;text-decoration: underline}
#checkout .submission {padding-top:30px}
#checkout .submission a{border:1px solid #ffbe00;text-transform: uppercase;background-color:#ffbe00;font-size: 26px;font-family: 'Lato Black',Arial,sans-serif;color:#2f2f2f;width:100%;display: block;text-align: center;padding:25px 0}
#checkout .submission a:hover {text-decoration: none;background-color: #fff}


#checkout .td-title {font-family: 'Lato Bold',Arial,sans-serif;}
#checkout .table .fa {font-size: 15px;color:#ffbe00;}
#checkout .table > thead > tr > th,
#checkout .table > tbody > tr > th,
#checkout .table > tfoot > tr > th,
#checkout .table > thead > tr > td,
#checkout .table > tbody > tr > td,
#checkout .table > tfoot > tr > td {border:0}
/*#checkout .table tbody tr td:first-child {width: 10%}*/

#checkout .sec-desc {margin: 0;}
#checkout .sec-desc h2,
#checkout .sec-desc .sec-title {margin: 0 0 25px 0}

.morelabel {display:none}


/* payment */
#edition {background-color: #fff}
#edition .form-wrapper {padding: 20px 20px 10px 20px; background-color: #fff; width: 100%;min-height: 130px;border:1px solid #dbdbdb}
#edition select.form-control {color:#2f2f2f}
#edition .chosenpack { background-color: #fff;border: 1px solid #ffbe00;display: block;min-height: 130px;padding: 15px 20px;width: 100%;}
#edition .chosenpack h3 {font-size: 26px;font-family: 'Lato Black',Arial,sans-serif;position: relative}
#edition .chosenpack p {color:#6f6f6f;font-size: 16px}
#edition .chosenpack .endprice {border-left:1px solid;margin-top:10px;}
#edition .chosenpack .endprice h3 {margin-top:10px;margin-bottom: 0;}
#edition .chosenpack .endprice p {color:#2f2f2f;font-size:14px;font-family: 'Lato Black',Arial,sans-serif}

#edition #editionEndprice{font-family: "Lato Black",Arial,sans-serif;font-size: 26px;position: relative;}
@media(max-width: 767px){
    #edition #editionEndprice {text-align: center}
}
#edition .outcome a.btn-choose {background-color:#ffbe00;float: right;margin-top: 20px;}
#edition .outcome a.btn-choose:before { content: ""; font-family: "FontAwesome"; font-size: 15px; font-weight: normal; left: -2px; position: relative; top: 2px;}
#edition .outcome a.btn-choose:after {content:'';}
#edition .outcome a.btn-choose:hover,
#edition .outcome a.btn-choose:focus {border:1px solid #ffbe00;background-color: #fff}


#payment_type .interval {background-color:#fff;min-height: 56px;padding: 20px;border:1px solid #dbdbdb}
#payment_type .paymentchoice {background-color: #fff;min-height: 100px;padding: 20px;border:1px solid #dbdbdb;width:100%;float:left;}
#payment_type .paymentchoice .ibanwarning {padding-top: 10px;}
#payment_type .paymentchoice .ibanwarning p{font-size:12px}
#payment_type  h2 span.ssl {font-size: 12px;padding-left: 10px;}
#payment_type  h2 span.ssl img {vertical-align: bottom;margin: 0 5px 0 0}

@media(max-width:991px){
    .outcome .sameHeight {margin-bottom:15px;}
    .outcome .sameHeight:last-child {margin-bottom: 0}
}
@media(min-width:991px){
    #payment_type .paymentchoice-2 .form-group:nth-child(2){margin-bottom:50px}
}


/* payment_type */
#payment_type {padding-top: 0}


/* modalbox */
#alternative-product-modal-content {}
#alternative-product-modal-content .wrap {display: inline-block; width: 100%; margin-bottom: 10px;}

/* styled checkbox & radio*/
label.stylebutton input[type="radio"],label.stylebutton input[type="checkbox"] {display:none}
label.stylebutton {width:20px;height:20px;background-color:#f0f0f0;border:1px solid #6f6f6f;position: relative;display:block;margin-right:10px;float:left;}
input:checked + label:after{color:#ffbe00;content: "";font-family: 'FontAwesome';position: absolute;top:1px;left:2px; }
label.stylebutton:hover > label:after{color:#ffbe00;content: "";font-family: 'FontAwesome';position: absolute;top:1px;left:2px;opacity: 0.5 }

label.stylebutton span {font-family: "Lato Bold",Arial,sans-serif;font-size: 14px;font-weight: normal;left: 26px;position: absolute;top: 0px;width: 170px;}
@media(max-width:991px){
    label.stylebutton {clear: both;}
    label.stylebutton > span {display: block;margin: -17px 0 0 30px;position: static;white-space: nowrap;width: 100%;min-width: 75px;}
    label.stylebutton > span > span.sr-only {display: none;position: static;margin: 0;padding: 0;height: auto}
    #edition .interval .form-group {margin-bottom: 0;}
}

/* footer  */
footer section {padding: 20px 0;}
footer .container-fluid{background-color:#2f2f2f;border-top: 1px solid #ffbe00; color: #fff; font-size: 12px; line-height: 1.4; margin: 0; padding: 12px 15px;}
footer  p {color:#fff;font-size: 12px;line-height: 1.4}
#footer-menu {background-color: #6f6f6f;min-height:50px}
#info-box-wrapper {background-color:#fafafa;}
#info-box-wrapper p {color:#6f6f6f;font-size: 10px}
#info-box-wrapper p a {text-decoration: underline;color:#6f6f6f}
@media(min-width: 767px){
    #info-box-wrapper .container .row > div {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;min-height: inherit;}
}

#companies {}
#companies ul {list-style: none;margin:0;padding:0;width: 100%;text-align: center;display: block;}
#companies ul li {display: inline-block;padding: 0 10px;}
#companies ul li:first-child {padding-left: 0;}
#companies ul li:last-child {padding-right: 0;}
@media(max-width:991px){
    #companies ul li {padding-bottom:10px;}
}

#footer-menu a {color:#fff}
#footer-menu .payment {list-style: none;float: left;}
#footer-menu .payment li {color:#fff;display:inline;margin-right:20px;text-transform: uppercase}
#footer-menu .payment li:first-child {margin-right:40px}
#footer-menu .ssl {color:#fff;font-size:10px}
#footer-menu .ssl img{right: 10px; position: relative; top: -3px;}

#footer-menu .footer-nav-wrapper {border-top: 1px solid #fff;color: #fff;float: left;margin-top: 10px;padding-top: 15px;width: 100%;}
#footer-menu .footer-nav-menu {list-style: none;}
#footer-menu .footer-nav-menu li:first-child {text-transform: uppercase;margin-bottom:10px;}
#footer-menu .footer-nav-menu li {color:#fff;font-size:12px;display:block}
#footer-menu .footer-contact p {color:#fff;font-size:12px;text-transform: uppercase;}
#footer-menu .footer-contact .box-contact { float: left;margin-top: 20px;width: 100%;}
#footer-menu .footer-contact .box-contact > div{padding: 0 5px}
#footer-menu .footer-contact .box-contact p {text-transform: none}
#footer-menu .footer-contact .box-contact p a {text-decoration: none;color:#fff}
#footer-menu .footer-contact .box-contact p a:hover {text-decoration: underline;}
#footer-menu .footer-contact .box-contact p strong{font-family: "Lato Bold",Arial,sans-serif;font-size:14px}


@media(min-width:768px){

}


@media(max-width: 991px){
    .nav-pills.nav-wizard > li a {padding: 25px 8px;}
    .teaser-package a.btn-choose{width:auto}
}

@media(max-width: 767px){
    body {padding-top: 220px;}
    section .sec-intro{font-size: 16px}
    #edition .sameHeightByRow,
    #edition .sameHeight {height: auto!important;}
    #edition .comprice-wrap {margin-bottom: 20px;}
    #edition .paymentchoice { min-height: 200px; height: auto;}


    #header .progressbar {background: url("") #f0f0f0;}
    #teaser img { display: block;margin-left: auto;margin-right: auto;}
    .nav-pills.nav-wizard.inline {text-align: center;float: none!important;}
    .nav-pills.nav-wizard > li:first-child a {padding-left: 8px;}
    #header .progressbar ul li span {display: none}


    label.stylebutton{ margin-bottom: 25px;}
    .paymentchoice.paymentchoice-1{margin-bottom: 20px}
    .paymentchoice label.stylebutton span {width:60px}
    #checkout .terms-submission .terms-box {height:auto}
    #companies ul{text-align: left}
    #companies ul li {padding-left:0}
    #checkout .comchoice-package, #checkout .comchoice-present {height:auto}
    #checkout .summary .sumdata {height: auto;padding: 15px 30px 40px;}
    .present-wrapper > div {margin-bottom: 25px}
    .footer-contact{margin-top: 20px}
    #header .progressbar {background: url("") #f0f0f0;}
    #header .brand { border-bottom: 1px solid #ffbe00;}

    #carousel .carousel-inner p {display:none}
    .nav-pills.nav-wizard.inline {text-align: center;float: none!important;}
    .nav-pills.nav-wizard > li:first-child a {padding-left: 8px;}
    #header .progressbar ul li span {display: none}

    #companies { padding: 30px 0;background-color: #fff;}
    #companies ul {list-style: none;margin:0;padding:0;width: 100%;text-align: left;display:block}
    #companies ul li {float: left; padding: 0 5px;height: 30px;width: 50%;}

    #info-box-wrapper{display:none}
    #footer-menu .footer-nav-wrapper {;color: #fff;float: left;margin-top: 10px;padding-top: 15px;width: 100%;border:none}
    #footer-menu .footer-nav-menu {list-style: none;margin-bottom: 10px;}
    #footer-menu .footer-nav-menu.act {margin-bottom:20px;}
    #footer-menu .footer-nav-menu-2 {margin-top: -11px;}
    #footer-menu .footer-nav-menu a {display:block;padding:10px 0}
    #footer-menu .footer-nav-menu li:first-child { border-top: 1px solid #fff; border-bottom: 1px solid;margin-bottom: 10px;margin-left: -15px;margin-right: -15px;padding: 0 0 0 15px;text-transform: uppercase;display:block;position: relative}
    #footer-menu .footer-nav-menu.act li:first-child a:after {content:url('../img/icon_caret_down_act.png');}
    #footer-menu .footer-nav-menu li:first-child a:after {content:url('../img/icon_caret_down.png');position: absolute;right:15px;top:2px}
    #footer-menu .footer-nav-menu li {color:#fff;font-size:12px;display:none}

    #present {padding-bottom: 50px;}
    #present .present {min-height: 140px;padding: 20px 10px;}
    #present .present span.check {top:30px;bottom:auto;left:inherit;right:30px;margin: 0}


    #teaser {}
    #teaser p,
    #teaser li {font-size: 13px;}

    .teaser-package a.btn-choose{min-width:200px}

    #checkout .comprice-eur h4 {font-size: 18px}
}



@media (max-width:480px){
    body {padding-top: 230px;}
    h2, .h2 {font-size: 26px;}
    #header .mobile-contact p{font-size:14px;margin: 4px 0 0 0}
    #companies ul li {float: left;height: 30px;margin: 5px 0;padding: 0 10px 0 0;width: 50%;}
    #footer-menu .ssl {color: #fff;font-size: 10px;position: absolute;right: 10px;top: 0;width: 100%;opacity: 0.7;}

    #footer-menu .payment {text-align: center;}
    #footer-menu .payment li {display: inline-block;margin: 10px 5px 0;}
    #footer-menu .payment li:first-child {display: block;margin:0 40px 12px 0;width: 100%;text-align: left;}

    #footer-menu .footer-nav-menu {}
    #footer-menu .footer-nav-menu a {padding: 2px 0;}
    #footer-menu .footer-nav-menu a.firstli {padding: 10px 0}

    #checkout .submission a {font-size: 20px;line-height: 22px;}
    #edition .chosenpack h3 {font-family: "Lato bold",Arial,sans-serif;font-size: 18px;margin-bottom: 5px;}
    #edition .chosenpack p {font-size: 14px;}
    #form .form-wrapper .account a {display:block}
    #checkout .terms-submission .terms-box .ivstyle-copy { height: 95px;overflow: hidden}
    #checkout .terms-submission .terms-box .ivstyle-copy.act{padding-bottom: 260px;}
    #present {padding: 0 0 50px 0}
    .morelabel,
    .morelabel:focus,
    .morelabel:active {display:block;background-color: #fbfbfb;padding: 10px;color:#ffbe00; font-family: "Lato Black",Arial,sans-serif;font-size: 14px;text-transform: uppercase;position: relative;text-decoration: none}
    .morelabel:before {content:"";font-family: "FontAwesome";font-size: 14px;font-weight: normal;left: -9px;position: relative;top: 2px}

    @media(min-width: 1024px){
        .morelabel:hover {text-decoration: none;color:#fbfbfb;background-color:#ffbe00 }
    }
    @media(max-width: 1024px){
        .morelabel:focus {text-decoration: none;color:#fbfbfb;background-color:#ffbe00 }
    }


    .morelabel.act:before {content:"";}
    #form .form-wrapper .account {font-size: 12px; margin-top: 0;padding: 10px 12px;width: 100%;border-top:1px solid;border-bottom:1px solid;text-align: left}
    #form .form-wrapper .account a {display: inline-block;}

    #choice .package {display:none}
    .package-mobile .pak-img{float: left;padding-top: 10px;width: 40%;}
    #choice .package-mobile .pricepermonth { width: 60%;float:left;border:none;margin:0}
    .package-mobile .choosepacket {width: 100%; float: left;}
    #choice .package-mobile {min-height: 200px;cursor:pointer;border: 1px solid #dbdbdb;display:block;   margin: 0 0 15px;padding: 10px;}
    #choice .package-mobile:hover {border: 1px solid #ffbe00;background-color: #f0f0f0}
    #choice .package-mobile-1 h3 {    border-bottom: 1px solid;min-height: 0;padding-bottom: 10px;}
    #choice .package-mobile .priceeur, #choice .package-mobile .shortmtl {display:block;  width: 100%;}
    #choice .package-mobile .priceeur p, #choice .package-mobile .shortmtl {text-align: center;margin:0}
    #choice .package-mobile .priceeur p strong {font-size:20px; font-family: "Lato Black",Arial,sans-serif;font-weight: normal;}
    #choice .package-mobile .shortmtl {font-size:20px}
    #choice .package-mobile-2,
    #choice .package-mobile-3 {min-height: 150px;}
    #choice .package-mobile-2 h3,
    #choice .package-mobile-3 h3{float: right;min-height: 0;text-align: left;width: 60%; margin-bottom: 0;padding-left: 15px;}
    #choice .package-mobile-2 .priceeur p:first-child,
    #choice .package-mobile-3 .priceeur p:first-child{float:right;width: 80%;text-align: left;}
    #choice .package-mobile-2 .shortmtl,
    #choice .package-mobile-3 .shortmtl{float: left;margin: 0;text-align: left;width: 20%;}
    .package-mobile-2 .pak-img,
    .package-mobile-3 .pak-img{padding-top: 20px;}
    .interval .form-group > div { border-bottom: 1px solid;height: 40px;padding-left: 0;padding-top: 4px;}
    #present .present img {padding-bottom: 5px;}
}
@media(max-width:335px){
    h2, .h2 {font-family: "Lato Bold",Arial,sans-serif;font-size: 22px;}
    section {padding: 15px 0;}
    #header .mobile-contact p{font-size:12px}
    #present .present p {}
    #present .present h3 {font-size:18px}
    #checkout .comchoice-package .abo {font-size: 12px;}
    #checkout .comchoice-package img {margin-left:auto; margin-right: auto;}
    #checkout .comchoice-package h2 {margin-bottom: 25px;padding-left: 15px;}
    .chosennp, .endprice {width:100%}
    #edition .payment {padding-top: 20px}
    .endprice h3,.chosennp h3, .chosennp p {text-align: center}
    #edition .chosenpack .endprice {border-left:none;border-top:1px solid}
    .endprice h3, #edition .chosenpack h3 {font-size:22px}
    #choice .package-mobile-2 h3, #choice .package-mobile-3 h3 {float: right;font-size: 18px;margin-bottom: 0; margin-top: 10px;min-height: 0;padding-left: 10px;text-align: left;width: 60%;}
    #choice .package-mobile-2 .pricepermonth, #choice .package-mobile-3 .pricepermonth {margin:0}
    #choice .package-mobile-2 .priceeur p:first-child, #choice .package-mobile-3 .priceeur p:first-child {width:71%}
    #choice .package-mobile-2 .shortmtl, #choice .package-mobile-3 .shortmtl {width:22%}
    #choice .package-mobile-2, #choice .package-mobile-3 {min-height: 120px;}
}


/* ==========================================================================
   CSS3
   ========================================================================== */
#header.small .brand,
.addTrans {
    -webkit-transition: background 500ms ease-in-out,color 500ms ease-in-out, outline 500ms ease-in-out;
    -moz-transition: background 500ms ease-in-out,color 500ms ease-in-out, outline 500ms ease-in-out;
    -ms-transition: background 500ms ease-in-out,color 500ms ease-in-out, outline 500ms ease-in-out;
    -o-transition: background 500ms ease-in-out,color 500ms ease-in-out, outline 500ms ease-in-out;
    transition: background 500ms ease-in-out,color 500ms ease-in-out, outline 500ms ease-in-out;
}


/* fix: 2016/05/04 - RPWZOSCVER-819 */
#footer-menu .footer-contact .box-contact.contact-fon {position: relative; padding-left: 25px;}
#footer-menu .footer-contact .box-contact.contact-fon .fa {position: absolute; left: -25px;}

/* fix: 2016/05/04 - RPWZOSCVER-820 */
#header .header-menu ul li a:hover,
#header .header-menu ul li a:focus {background-color: #fff;color: #000;}
@media(min-width:767px) AND (max-width: 1024px){
    #header .header-menu ul li ul li > a {white-space: normal;}
}
@media(max-width: 767px){
    #header .header-menu ul > li > ul {display:none!important;}
}

/* fix: 2016/06/17 - RPWZOSCVER-923 */
.sly.first .carousel-control.btn_prev {display:none}
.sly.last .carousel-control.btn_next {display:none}
.sly.nonavi .carousel-control.btn_prev,
.sly.nonavi .carousel-control.btn_next {display:none}


/* RPWZOSCVER-923 | 2016/06/13 | Formular */
#form {}
#form > .container > .row > div {padding:0;}
#form .form-group > div {padding:0}
#form .form-wrapper .account {font-size:14px;}
.form-control {font-size: 16px;}





/* cookie hint */
/*
#cookie-hint {
	display:none;
}
body.with-cookie-hint {
	margin-top:70px;
	xposition:relative;
	top: 0px;
}
body.with-cookie-hint #header{
	margin-top:70px;
}
.with-cookie-hint #cookie-hint {
	display:none;
}
.with-cookie-hint #cookie-hint {
	display:block;
	xposition:absolute;
	position: fixed;
	top:0px;
	margin: 0;
	width: 100%;
	height: 70px;
	padding:0;
	background-color:#646464;
	color:white;
	min-width: 960px;
	font: 400 11.5px / 18px;
	z-index:200000;
}

.with-cookie-hint #cookie-hint p {
	padding: 4px;
}

.with-cookie-hint #cookie-hint p input {
	padding:3px 14px;
	margin: 0 10px;
	cursor: pointer;
	font: 400 14px/14px #fff;
	bottom:5px;
	right: 5px;
}

.with-cookie-hint #cookie-hint a {
	color: #ffffff;
	line-height:25px;
}

.with-cookie-hint #cookie-hint a .icon-chevron-right {
	color:#ffbe00;
	font-size:10px;
	padding-left: 4px;
}
*/
/* END Cookie-Hint */

.controlsWrapperEmpty {
  margin-bottom: 20px;
}
.controllsWrapper {
  margin-bottom: 20px !important;
}


div.box--wrapper .shadowbox{
  margin-bottom: 0px;
}

/*
PAYWALL-Spezialitäten
*/

.paywall .pwcontainer{
    margin-left: auto;
    margin-right: auto;
    width: 1520px;
    max-width: 1520px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.paywall .pwcontainer div{
    display:block;
}

.paywall .pwcontainer div.boxes{
    position: absolute;
    top: 20px;
    left:0;
    right:0;
    display:flex;
    align-items: flex-start;
    justify-content: center;
    margin:auto;
}

.paywall div.boxes div {
    /*margin: 0 22px;*/
    width: 305px;
}

.paywall div.box {
    width: 305px;
    /*min-height: 260px;*/
    float:left;
    background-color:white;
    margin-left: 11px;
    margin-right: 11px;
  -webkit-box-shadow: -1px 1px 3px 1px rgba(136,136,136,0.75);
  -moz-box-shadow: -1px 1px 3px 1px rgba(136,136,136,0.75);
  box-shadow: -1px 1px 3px 1px rgba(136,136,136,0.75);
}

.paywall div.box:hover{
  outline: 2px solid #b20000;
}

.paywall div.box .pointer{
  cursor: pointer;
}

.paywall div.box:hover a.paywall-button{
  background-color: #b20000;
  color: #ffffff;
}


.paywall .tipp::before {
  content: url("../img/pic_tipp2.png");
  position: absolute;
  top: -2px;
  }

/*
.paywall, .paywall h1, .paywall label, .paywall p, .paywall a, .paywall h2, .paywall h3, .paywall h4, .paywall h5{
    font-family: Lato, Arial, Sans-Serif;
}
*/
.paywall .paywall-body{
    font-size: 15px;
    color: #333333;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align:center;
}

.paywall .paywall-body h2{
    font-size: 30px;
    font-weight: normal;
    line-height: 36px;
    margin-bottom: 0;
    margin-top:0px;
}

.paywall .paywall-body h3{
    margin-top: 0;
    font-size: 16px;
    color: #787878;
}

.paywall .paywall-body img{
    margin-top: 0;
    font-size: 16px;
    color: #787878;
}

.paywall .paywall-body a.paywall-button{
    text-decoration: none;
    background: #FFBE00;
    font: 700 16px/24px 'Merriweather', serif !important;
    /* color: white; */
    color: #454545;
    display: inline-block;
    padding: 12px 24px;
    text-decoration: none;
    text-align: center;
    border-radius: 2px;
    margin-bottom: 4px;
    width:210px;
}

.paywall .paywall-body div.price{
    margin-top: 15px;
    font-weight: bold;
    /*font-family: "Lato Bold",Arial,sans-serif;*/
    line-height: 10px;
    text-align: center;
    }

.paywall .paywall-body span.price{
    font-size: 24px;
}

.paywall .paywall-body span.priceinfo{
    font-size: 12px;
}

.paywall .paywall-body span.priceextension{
    font-size: 10px;
    color: #787878;
}

.paywall .paywall-body ul.featurelist{
    text-align: left;
    list-style: initial;
    margin-left: 3.5em;
    /*font-weight: 700;*/
    /*min-height: 185px;*/
    margin-top: 15px;
    /*margin-bottom: 15px;*/
}

.paywall .paywall-body ul.featurelist li{
    padding: 4px 0;
}

.paywall .paywall-body ul.featurelist li img.profitinfo{
    margin-left: 3px;
    vertical-align: baseline;
}


.paywall div.advContainerLeserservice{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    min-height: 400px;
    background-color: #f5f5f5;
    display: block;
}

.paywall div.advContainer{
    margin-left: auto;
    margin-right: auto;
    width: 1520px;
    max-width: 1520px;
    padding-left: 320px;
    padding-right: 320px;
    position: relative;
    min-height: 400px;
    background-color: #f5f5f5;
    display: table;
    padding-top: 20px;
}

.paywall div.advContainer h2, .paywall div.advContainerLeserservice h2{
    text-align: center;
    font-size:46px;
    font-weight:400;
}

.paywall div.advContainer h3 strong{
    /*font-family: Lato, Arial,sans serif;*/
    font-weight:700;
}


.paywall div.paywall-adv, .paywall div.paywall-advLeserservice{
    float: left;
    text-align:center;
    padding: 45px;
}


.paywall div.paywall-adv{
    width: 33.3333%;
}

.paywall div.paywall-adv img, .paywall div.paywall-advLeserservice img{
    margin-bottom: 20px;
}

.paywall div.paywall-adv h3, .paywall div.paywall-advLeserservice h3{
    margin-bottom: 18px;
    font-size: 15px;
    font-weight: bold;
    color:#222;
}

.paywall div.paywall-adv p, .paywall div.paywall-advLeserservice p{
    line-height:24px;
    font-size: 15px;
    color:#595959;
}

.paywall h1{
  text-align:center;
  margin-top: 0px;
}

.textintro{
  margin: 15px 0;
}


div.oscdoclist{
}

div.oscdoclist h1{
  margin-top:0px;
  width: 100%;
  text-align: center;
  background-color:#eeeff3;
  padding-top: 20px;
  padding-bottom: 30px;
  font-size: 24px;
}

div.oscdoclist div.inner{
  padding-left: 30px;
  padding-top:20px;
  padding-bottom:20px;
}
div.oscdoclist div.inner div.text{
  font-size: 20px;
  color:#000000;

}

div.oscdoclist div.inner ul {
  margin-top:20px;
  margin-bottom:20px;
  padding-left: 20px;
}

div.oscdoclist div.inner div.row, div.oscdoclist div.inner ul li {
  margin-top:5px;
  margin-bottom:5px;
}

div.oscdoclist div.inner div.row a, div.oscdoclist div.inner ul li a{
  font-size: 20px;
  text-decoration: underline;
  text-decoration-color: #ffbe00;
  color:#333;
}


section#article, section#voucherbook, section#docs {
  margin-top:20px;
}

div.oscarticle{
  /*font-family:"Lato",Arial, sans-serif;*/
  font-size: 15px;
  padding-bottom: 50px;
}
div.oscarticle h3, div.oscarticle h4 {
  font-weight:bold;
}

div.oscarticle ol {
  padding-left: 46px;
}

div.oscarticle ol li{
  margin-bottom: 20px;
}

div.oscarticle ol p{
  padding-left:0px;
}

div.oscarticle ol li ol{
  padding-left: 60px;
}

div.oscarticle ol li ol li{
  margin-bottom: 20px;
}
div.oscarticle p{
  line-height: 1.5;
  padding-left:30px;
}

div.oscarticle ul{
  padding-left:60px;
}