* { margin: 0; padding: 0; }

body
{
    font: normal 12px/16px arial,helvetica,sans-serif;
    color: #57524d;
    background: url(../pics/bg/body.png) 0 0 repeat #e8e3dd;
    -webkit-text-size-adjust:none;
}

.left_block {display: block;float: left;}
.right_block {display: block;float: right;}
.center_block {display: block;width: auto;}

hr { border: 0 none; border-top: 1px solid #b6b1ab; border-bottom: 1px solid #fff; height: 2px; clear: both; }
fieldset { border: none; }
input, select { width: 95%; }
.checkbox, .radio { width: auto; }
label { cursor: pointer; }
img { border: 0px none; }
strong { font-weight: bold; }
a:hover, .more a:hover, a.more:hover { text-decoration: underline; }
.links a:hover, .info.recommend a:hover { text-decoration: underline; }
ul, ol { list-style: none; }
li a { display: block; text-decoration: none; }
li span a { display: inline; }
p { margin: 0 0 1.5em 0; }
abbr { cursor: help; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { width: 100%; border-collapse: collapse; margin-bottom: 10px; }
th { text-align: left; }
th.sum { text-align: right; }
td { border-bottom: 1px solid #DCD7D3; padding: 2px 0; }
.section td { border-bottom: 0 none; border-top: 1px solid #DCD7D3; }

.nd { position: absolute; left: -2000px; top: -2000px; width: 0px; height: 0px; overflow: hidden; display: inline; }
.spacer { display: block; clear: both; height: 1px; overflow: hidden; padding: 0; margin: -1px 0 0 0; }
.expandable { margin-bottom: 40px; }

@font-face {
    font-family: 'FontAwesome';
    src: url('../webfont/fontawesome-webfont.eot?v=4.7.0');
    src: url('../webfont/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
    url('../webfont/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
    url('../webfont/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('../webfont/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('../webfont/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TeXGyreTermesRegular';
    src: url('../webfont/texgyretermes-regular-webfont.eot');
    src: url('../webfont/texgyretermes-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../webfont/texgyretermes-regular-webfont.woff') format('woff'),
    url('../webfont/texgyretermes-regular-webfont.ttf') format('truetype'),
    url('../webfont/texgyretermes-regular-webfont.svg#TeXGyreTermesRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TeXGyreTermesBold';
    src: url('../webfont/texgyretermes-bold-webfont.eot');
    src: url('../webfont/texgyretermes-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../webfont/texgyretermes-bold-webfont.woff') format('woff'),
    url('../webfont/texgyretermes-bold-webfont.ttf') format('truetype'),
    url('../webfont/texgyretermes-bold-webfont.svg#TeXGyreTermesBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* page blocks */
.wrapper { max-width: 1060px; padding: 18px 20px 10px 20px; margin: 0 auto; }
.zd-container { max-width: 1100px; padding: 0 160px 0 0; position: relative; margin: 0 auto; display: block; }

#page { max-width: 1100px; padding: 30px 160px 0 0; position: relative; margin: 0 auto; }
.noads #page { padding-top: 0; }
#pageinner { padding: 20px; margin-right: 20px; background: url(../pics/bg/body.png) 0 0 repeat #e8e3dd; }

#header ul, #header li, #header li a, #nav ul, #nav li, #nav li a {float: left;}
#header #tools ul {float: right;}
#meta { border-top: 1px dotted #b5afa4; border-bottom: 1px dotted #b5afa4; padding: 8px 0 7px 0; }
#meta a { color: #57524d; }
#meta ul { width: 36%; }
#date { display: block; text-align: center; width: 28%; float: left; }
#tools { width: 100%;height: 20px; margin-bottom: 20px; }
#tools li { float: right; }
#tools li a { padding-left: 19px;color: #000; }
#tools li:last-child a { padding-left: 0px; }
#tools-lower { height: auto;width: 100%;padding-bottom: 0px; }
#media li a { padding-right: 20px; }

#header { padding: 20px 0 0 0; margin: 0 auto; background-color: #fff; position: relative; z-index: 3000; }
#logo { padding: 18px 0 15px 0; position: relative;float: left;height:auto; }
#meta-section { height: auto; width: 265px; float: right; padding-right: 20px; position: relative; }
#searchbox .search-icon-visible { width: 30px;display: inline-block; }
#searchbox .search-icon-hidden { display: none; }
#searchbox .search-icon-visible.icon { background-position: 0 -1100px;height: 22px; cursor: pointer; }
#searchbox .search-bar { width: 150px; }
#searchbox .search-bar-open { display: inline-block;width: 180px; }
#searchbox input { width: 80%; }
#logo .logo {display: block;float: left;overflow: hidden;}
#logo .logo img { max-width:100%; max-height:100%; }
#logo #group { width: 30%; height: 20px; display: block; position: absolute; bottom: 10px; left: 35%; }
.hedder__backlink { padding-botom: 0.5rem; }
.header__backLink a { color: #555555; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size:larger; }
.link--back::before { display: inline-block; font-family: 'FontAwesome'; margin-left: 5px; margin-right: 10px; content: '\F0D9'; }

#nav {border-top: 1px solid #000;border-bottom: 1px solid black; position: relative;height: 35px; padding: 0 0 0 20px; clear: both;display: block;z-index: 5;-webkit-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.75);box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.75); }
#nav a { text-transform: uppercase; }
#nav a.hassubitems { background: url(../pics/bg/icon_sprite.png) 100% -1342px no-repeat; }#nav a:hover { text-decoration: none; }
#nav > ul, #nav > li, #nav > li > a, #nav li.topics > div, #nav li.topics > div > ul, #nav li.topics > div > ul > li, #nav li.topics > div > ul > li > a { float: left; }
#nav > ul > li > a, #nav li.topics > div > ul > li > a { padding: 9px 8px 7px 8px; color: #333; font-weight: normal; text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); border: 1px solid transparent; border-bottom: 0 none; }
#deskwide #nav li.topics > div > ul > li > a { padding-left: 10px; padding-right: 10px; }
#nav > ul > li.home > a { padding-left: 0; padding-right: 0; width: 100%; }
#nav li.topics > div > ul > li > a.hassubitems, #nav li.abo > a.hassubitems { background-image: none; }
#nav > ul > li.selected > a, #nav li.topics > div > ul > li.selected > a { position: relative; z-index: 1501; padding-bottom: 9px; font-weight: bold; }
#nav > ul > li.active > a, #nav li.topics > div > ul > li.active > a { position: relative; z-index: 1501; border-bottom: 2px solid #000000; font-weight: bold; }
#nav li.home { height: 35px; width: 38px; }
#nav li.home a { height: 35px; width: 38px; }
#nav li.home a:hover { background-color: transparent; }
#nav li.topics > a { padding: 0; }
#nav li.topics > a span { display: none; }

#nav .sub { position: absolute; z-index: 1500; left: 0px; width: 85%; top: 37px; background-color: #f5f2ef; border: 1px solid #fff; color: #333; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7); display: none; }
#nav .sub * { float: none; }
#nav .sub ul { width: 25%; float: left; padding: 10px 0; background: url(../pics/bg/sub.png) 100% 50% no-repeat; }
#nav .sub ul ul { position: absolute; top: 0; left: 25%; display: none; }
#nav .sub ul a { color: #333; padding: 5px 20px; margin-right: 4px; }
#nav .sub ul a:hover, #nav .sub ul li.active > a { background-color: #e2ded8; font-weight: bold; }

#nav .block-wrapper { width: 50%; position: absolute; top: 0; left: 50%; margin: 27px 0; }
#nav .block { border-bottom: 1px dotted #b5afa4; border-top: 1px dotted #b5afa4; padding: 20px 0; margin: -1px 30px 0 30px; }
#nav .block .image { float: left; }
#nav .block .text { margin-left: 118px; }
#nav .block p { margin: 0; }
#nav .powered { margin-left: 30px; }

#nav .sub hr { width: 100%; position: absolute; bottom: 48px; z-index: 100; }
#nav .sub .quick { background-color: #f1eeeb; width: 100%; position: absolute; bottom: 0; background-image: none; padding: 0; }
#nav .sub .quick, #nav .quick li, #nav .quick li a { float: left; }
#nav .sub .quick li a { color: #333; padding: 16px 18px; font-weight: normal; background-color: transparent !important; }
#nav .sub .quick li a:hover { text-decoration: underline; }

#nav .sub ul a.navoverview { font-weight: bold; }
#nav .sub ul a.navback { padding: 5px 0 5px 40px; background: url(../pics/bg/icon_sprite.png) 20px -1193px no-repeat transparent !important; text-transform: none; float: right; font-weight: normal !important; margin-right: 0; }
#nav .sub ul a.navback:hover { text-decoration: underline; }
#nav .show-on-phone { border-top: 1px dotted #b5afa4; margin: 0 15px; }
#nav li.meta.show-on-mobile a { margin: 0 4px 0 0; border: none; background-color: #f1eeeb; }
#nav li.meta.show-on-mobile.first-of-type { margin-top: 10px; border-top: 1px solid #b6b1ab; }
#nav .up-front { position: relative; z-index: 10; }
#nav .main-wrapper #meta-section { display: none; }

#tagline { display: block; width: 70px; height: 15px; position: absolute; right: 200px; bottom: -25px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20110%2024%22%20width%3D%2269%22%20height%3D%2215%22%3E%3Cpath%20d%3D%22M62.2%2C1c-0.3%2C0-0.5%2C0.2-0.6%2C0.5l-3.7%2C17c-0.1%2C0.3-0.2%2C0.4-0.4%2C0.4s-0.4-0.1-0.4-0.4l-3.7-17C53.4%2C1.3%2C53.2%2C1%2C52.9%2C1h-4.1c-0.3%2C0-0.5%2C0.2-0.5%2C0.5c0%2C0.1%2C0%2C0.1%2C0%2C0.2L52.7%2C20c0.7%2C2.8%2C2.8%2C3.3%2C4.9%2C3.3c2%2C0%2C4.2-0.4%2C4.8-3.3l4.4-18.3c0-0.1%2C0-0.1%2C0-0.2c0-0.3-0.2-0.5-0.4-0.5c0%2C0-0.1%2C0-0.1%2C0L62.2%2C1z%20M105.8%2C1c-0.6%2C0-1.1%2C0.3-1.3%2C0.8l-4.5%2C8.4c-0.1%2C0.2-0.2%2C0.4-0.3%2C0.4c-0.1%2C0-0.2-0.2-0.3-0.4l-4.5-8.4C94.6%2C1.3%2C94.1%2C1%2C93.6%2C1h-2.8c-0.5-0.1-1%2C0.4-1%2C0.9c0%2C0.1%2C0%2C0.1%2C0%2C0.1v20.5c0%2C0.3%2C0.3%2C0.4%2C0.5%2C0.4h3.9c0.3%2C0%2C0.5-0.3%2C0.5-0.6V10c0-0.2%2C0.1-0.2%2C0.2-0.2S94.9%2C9.9%2C95%2C10l2.6%2C4.8c0.2%2C0.3%2C0.5%2C0.5%2C0.9%2C0.5h2.4c0.4%2C0%2C0.7-0.2%2C0.9-0.5l2.6-4.8c0.1-0.2%2C0.2-0.2%2C0.2-0.2c0.1%2C0%2C0.2%2C0%2C0.2%2C0.2v12.3c0%2C0.3%2C0.2%2C0.6%2C0.5%2C0.6h3.9c0.2%2C0%2C0.5-0.1%2C0.5-0.4V2.1c0-0.6-0.4-1-0.9-1c-0.1%2C0-0.1%2C0-0.1%2C0H105.8z%20M74.7%2C10.8V5.1C75.1%2C5.1%2C76.6%2C5%2C77%2C5c2.5%2C0%2C3.9%2C0.8%2C3.9%2C2.6V8c0%2C2-1%2C2.8-4.1%2C2.8C76.5%2C10.9%2C75%2C10.8%2C74.7%2C10.8%20M77%2C0.8c-2%2C0-4%2C0.1-6%2C0.4c-0.9%2C0.2-1.3%2C0.4-1.3%2C1.4v19.8c0%2C0.3%2C0.3%2C0.6%2C0.6%2C0.6h3.8c0.3%2C0%2C0.6-0.3%2C0.6-0.6v-7.5c0.6%2C0%2C1.5%2C0.1%2C2.1%2C0.1l0.3%2C0l3.9%2C7.5c0.2%2C0.3%2C0.3%2C0.6%2C0.6%2C0.6h4.5c0.3%2C0%2C0.4-0.2%2C0.4-0.4c0-0.1%2C0-0.2-0.1-0.3L82.1%2C14c2.2-0.9%2C3.8-2.8%2C3.8-5.9V7.7C85.9%2C2.5%2C82%2C0.8%2C77%2C0.8L77%2C0.8z%20M10.1%2C1.5l-1.4%2C8.7c-0.1%2C0.5-0.4%2C0.7-0.8%2C0.7H7.3c-0.4%2C0-0.6-0.3-0.7-0.6L5.3%2C5.4c0-0.1-0.1-0.1-0.1-0.1s0%2C0%2C0%2C0s0%2C0%2C0%2C0c-0.1%2C0-0.1%2C0-0.1%2C0.1l-1.3%2C4.8c-0.1%2C0.4-0.4%2C0.6-0.7%2C0.6H2.6c-0.4%2C0-0.7-0.1-0.8-0.7L0.3%2C1.5c0%2C0%2C0%2C0%2C0-0.1c0-0.1%2C0.1-0.2%2C0.2-0.2h0.8c0.1%2C0%2C0.2%2C0.1%2C0.2%2C0.3l1.2%2C8.2c0%2C0.1%2C0%2C0.2%2C0.1%2C0.2S2.9%2C9.8%2C3%2C9.7l1.3-4.8c0.1-0.4%2C0.3-0.5%2C0.6-0.5h0.8c0.3%2C0%2C0.5%2C0.2%2C0.6%2C0.5l1.3%2C4.8c0%2C0.1%2C0.1%2C0.2%2C0.1%2C0.2c0.1%2C0%2C0.1-0.1%2C0.1-0.2L9%2C1.4c0-0.2%2C0.1-0.2%2C0.2-0.2H10C10.1%2C1.2%2C10.2%2C1.3%2C10.1%2C1.5C10.1%2C1.4%2C10.1%2C1.5%2C10.1%2C1.5z%20M12.5%2C2.6h-0.7c-0.2%2C0-0.3-0.1-0.3-0.3v-1c0-0.2%2C0.1-0.3%2C0.3-0.3h0.7c0.2%2C0%2C0.3%2C0.1%2C0.3%2C0.3v1C12.7%2C2.5%2C12.6%2C2.6%2C12.5%2C2.6z%20M12.5%2C10.8h-0.6c-0.2%2C0-0.3-0.1-0.3-0.3V4c0-0.2%2C0.1-0.3%2C0.3-0.3h0.6c0.2%2C0%2C0.3%2C0.1%2C0.3%2C0.3v6.6C12.7%2C10.7%2C12.6%2C10.8%2C12.5%2C10.8z%20M17.6%2C4.6c-0.6%2C0-1.1%2C0.2-1.8%2C0.5v5.4c0%2C0.1-0.1%2C0.3-0.3%2C0.3h-0.6c-0.1%2C0-0.3-0.1-0.3-0.3V3.9c0-0.2%2C0.1-0.3%2C0.3-0.3h0.6c0.2%2C0%2C0.3%2C0.1%2C0.3%2C0.3v0.3c0.6-0.5%2C1.2-0.6%2C1.8-0.6c0.2%2C0%2C0.3%2C0.1%2C0.3%2C0.2v0.5C17.8%2C4.5%2C17.7%2C4.6%2C17.6%2C4.6z%20M24.3%2C10.9c-0.5%2C0-1.4-0.1-2.1-0.2c-0.2-0.1-0.3-0.1-0.3-0.3V10c0-0.1%2C0.1-0.2%2C0.2-0.2c0%2C0%2C0.1%2C0%2C0.1%2C0c0.6%2C0.1%2C1.6%2C0.2%2C2%2C0.2c0.8%2C0%2C1.3-0.2%2C1.3-0.9c0-0.4-0.2-0.6-1-1.1l-1.3-0.8c-0.8-0.5-1.3-1-1.3-1.9c0-1.3%2C1-1.7%2C2.3-1.7c0.7%2C0%2C1.4%2C0.1%2C2%2C0.2c0.2%2C0%2C0.3%2C0.1%2C0.3%2C0.3v0.4c0%2C0.2-0.1%2C0.2-0.2%2C0.2c0%2C0%2C0%2C0-0.1%2C0c-0.5-0.1-1.3-0.1-2-0.1c-0.7%2C0-1.2%2C0.1-1.2%2C0.8c0%2C0.4%2C0.3%2C0.6%2C0.9%2C1l1.3%2C0.8c1.1%2C0.6%2C1.4%2C1.2%2C1.4%2C2C26.8%2C10.4%2C25.8%2C10.9%2C24.3%2C10.9z%20M29.3%2C2.6h-0.7c-0.2%2C0-0.3-0.1-0.3-0.3v-1c0-0.2%2C0.1-0.3%2C0.3-0.3h0.7c0.2%2C0%2C0.3%2C0.1%2C0.3%2C0.3v1C29.6%2C2.5%2C29.5%2C2.6%2C29.3%2C2.6z%20M29.3%2C10.8h-0.6c-0.2%2C0-0.3-0.1-0.3-0.3V4c0-0.2%2C0.1-0.3%2C0.3-0.3h0.6c0.2%2C0%2C0.3%2C0.1%2C0.3%2C0.3v6.6C29.6%2C10.7%2C29.4%2C10.8%2C29.3%2C10.8z%20M36.7%2C10.8H36c-0.2%2C0-0.3-0.1-0.3-0.3V6.3c0-1.3-0.4-1.7-1.4-1.7c-0.5%2C0-1.1%2C0.2-1.8%2C0.5v5.5c0%2C0.1-0.1%2C0.3-0.3%2C0.3h-0.6c-0.1%2C0-0.3-0.1-0.3-0.3V4c0-0.2%2C0.1-0.3%2C0.3-0.3h0.6c0.2%2C0%2C0.3%2C0.1%2C0.3%2C0.3v0.3c0.7-0.4%2C1.3-0.6%2C2.1-0.6c1.5%2C0%2C2.3%2C1%2C2.3%2C2.7v4.3C36.9%2C10.7%2C36.8%2C10.8%2C36.7%2C10.8z%20M43.7%2C10.7c-0.8%2C0.2-1.6%2C0.2-2.4%2C0.2c-1.9%2C0-2.8-1.2-2.8-3.2V6.8c0-2%2C0.9-3.2%2C2.8-3.2c0.4%2C0%2C1%2C0.1%2C1.5%2C0.1V1.3c0-0.1%2C0.1-0.3%2C0.3-0.3h0.7c0.1%2C0%2C0.2%2C0.1%2C0.2%2C0.3v9.1C43.9%2C10.6%2C43.9%2C10.7%2C43.7%2C10.7z%20M42.8%2C4.7c-0.4-0.1-1.1-0.1-1.5-0.1c-1.3%2C0-1.7%2C0.8-1.7%2C2.2v0.9c0%2C1.4%2C0.4%2C2.2%2C1.7%2C2.2c0.4%2C0%2C1.1-0.1%2C1.5-0.1V4.7z%22%2F%3E%3C%2Fsvg%3E") 0 50% no-repeat; }

#breadcrumb { text-align: center; text-transform: uppercase; font-size: 11px; padding: 0 0 13px 0; }
#breadcrumb a { text-decoration: none; color: #57524d; }
#breadcrumb a:hover { text-decoration: underline; }
#breadcrumb a strong { color: #57524d; }

#deskf { width: 100%; margin-right: -320px; float: left; }
#desk { margin-right: 320px; position: relative; }
#deskwide { position: relative; /* overflow: hidden; */ }
#deskabove { margin-bottom: 30px; }
#deskcollapse, .deskcollapse { display: none; position: absolute; bottom: 0; width: 100%; height: 100px; left: 0; color: #57524d; background: url(../pics/bg/paginate.png) 50% 100% no-repeat; }
.deskcollapse-trigger { position: absolute; bottom: 0; width: 100%; height: 50px; left: 0; background: url(../pics/bg/icon_sprite.png) 50% -850px no-repeat; }
#deskcollapse .dcl, #deskcollapse .dcr, .deskcollapse .dcl, .deskcollapse .dcr { float: left; width: 50%; height: 100px; background: url(../pics/bg/deskcollapse.png) 0 100% no-repeat; }
#deskcollapse .dcr, .deskcollapse .dcr { float: right; background-position: 100% 100%; }
#deskcollapse .lbl, .deskcollapse .lbl { font-weight: bold; width: 100%; position: absolute; left: 0; top: 105px; text-align: center; }
#rightbar { width: 300px; float: right; }
.box.hide-on-phone { -webkit-overflow-scrolling: touch;overflow-x:scroll; }

#service { background-color: #e4dfd9; border-top: 1px solid #cbc6c0; }
#service .wrapper, #footer .wrapper { padding-right: 170px; }
#service .col { width: 247px; margin-right: 20px; padding-top: 9px; }
#service #aboservice { float: none; margin-left: 534px; width: auto; margin-right: 0; }
#service #aboservice h5 { margin-right: 47px; }
#service .block { margin-bottom: 20px; border-bottom: 1px solid #c5bfb7; float: left; width: 100%; }
#service .image { width: 70px; height: 124px; }
#service .last .image { height: auto; }
#service .text { margin-left: 70px; }
#service #aboservice .image { width: 180px; }
#service #aboservice .text { margin-left: 180px; }
#service ul.more li { float: left; width: 50%; }
#service ul.more li a { margin-bottom: 15px; }

#service hr { margin: 0 0 10px 0; }

#sm { float: left; width: 714px; }
#sm ul, #sm li, #sm li a { float: left; }
#sm li a { padding: 10px 30px; color: #57524d; }
#sm li a.newsletter { padding-right: 0; }
#service .search { margin-left: 714px; margin-top: 15px; }
#service .search input { width: 95%; }

#footer { background-color: #57524d; color: #a09990; }
#footer a { color: #fff; }
#footer ul { width: 100%; }
#footer ul, #footer li, #footer li a { float: left; }
#footer .logo { width: 265px; float: left; }
#edition { margin-left: 265px; padding: 3px 0; font-family: 'TeXGyreTermesRegular', Georgia, Times New Roman, serif; }
#edition li { margin-right: 10px; text-transform: uppercase; font-size: 13px; line-height: 22px; }
#edition li a { padding: 0 10px 0 0; border-right: 1px solid #fff; line-height: 10px; margin-bottom: 10px; }
#copyright { border-top: 1px solid #8c8b8a; margin-top: 18px; padding: 4px 0 10px 265px; font-size: 10px; }
#copyright.noborder { border: 0 none; margin: 0; }
#copyright li.tx { float: right; }
#copyright li a { padding-right: 5px; margin-right: 5px; border-right: 1px solid #fff; line-height: 10px; }

#toplink { position: fixed; width: 100px; bottom: 0; z-index: 6000; display: none; height: 40px; right: 0; }
#toplink a { display: block; position: absolute; right: 20px; bottom: 0; height: 40px; width: 75px; background: url(../pics/bg/icon_sprite.png) 0 -910px no-repeat; }

#toast { position: fixed; width: 400px; padding: 20px; border-radius: 6px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); background-color: #fff; left: -450px; bottom: 20px; z-index: 100; }
#toast-sign { width: 60px; float: left; }
#toast-msg { margin-left: 60px; }
#toast-msg > ul, #toast-hard-msg > ul { margin-top: 5px; }
#toast-msg > ul > table, #toast-hard-msg > ul > table { margin-bottom: 0; }
#toast-msg tr, #toast-hard-msg tr { height: 30px; }
#toast-msg td, #toast-hard-msg td { border-bottom: none; }
#toast-close { position: absolute; right: 10px; top: 10px; width: 17px; height: 17px; display: block; background-position: 1px -1500px; }

#facebooklogin { border-top: 1px solid #dcd7d3; border-bottom: 1px solid #dcd7d3; padding: 10px 0; }
#facebooklogin p { margin-bottom: 0.75em; }

#toast-hard { padding: 20px; }
#toast-hard-sign { width: 60px; float: left; }
#toast-hard-msg { margin-left: 60px; }
#toast-hard-msg > ul { padding-bottom: 10px; }

#tools .panelink > form, #tools .panelink > div { display: none; position: absolute; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); background-color: #fff; width: 235px; z-index: 2000; margin: -9px 0 0 0; padding: 10px; right: 20px; }
#tools .panelink .close { position: absolute; right: 10px; top: 10px; width: 17px; height: 17px; display: block; background-position: 1px -1500px; padding: 0; }
#tools .panelink li { float: none; }
#tools .panelink fieldset { margin-top: 10px; }
#tools .panelink ul.more { width: 100%; margin-top: 10px; }
#tools .panelink ul.more li a { float: none; padding: 5px 0; border-top: 1px solid #dcd7d3; background-image: none; margin: 0; font-weight: normal; }
#tools .panelink ul.more li.button { margin: 9px 0; text-align: center; }
#tools .panelink ul.more li a.primary { color: #fff; display: inline-block; margin: 0 auto; padding: 5px 20px; }
#tools .panelink ul.more li:first-child a { border-top: 0 none; }

#tools #passport .success { margin-top: 10px; padding: 0; border: 0 none; }
#tools #passport-code { float: left; width: 115px; padding: 5px; border-radius: 3px; border: 1px solid #cdc7c0; box-shadow: inset 0 1px 0 0 #eeeeee; }
#tools #passport fieldset .button { float: right; margin-top: 0; }
#tools #passport fieldset .button input { padding: 4px 5px; }
#tools #passport-hint { border-top: 1px solid #dcd7d3; padding-top: 10px; margin-top: 10px; }
#tools #passport-hint a { padding: 0; font-weight: bold; text-decoration: underline; }

/* content */
#buffer { position: absolute; top: -1000px; left: -1000px; visibility: hidden; }
#ifr { border: 0 none; width: 100%; }

.show-on-all   { display: block !important; }
.show-on-large { display: block; }
.show-on-small { display: none; }
.show-on-phone { display: none; }
.show-on-mobile { display: none; }
.hide-on-mobile { display: block; }

.topteaser p, .box.teaser p, ul.list, .caption, .paging, .section, .result dl, .intro, .txt, .page .scrollable, .topicintro .text p, .box.product p, .productinfo { font-size: 14px; line-height: 18px; }
p a.more, .tools, .blog a.more, a.back, .txt a.more, form .section { font-size: 12px; }
.inset { padding: 18px 19px; }
.box.inset h2 { font-size: 24px; padding: 10px 0; line-height: 26px  }
.melt .inset { border-bottom: 1px solid #B5AFA4; margin: 0 19px; padding: 18px 0; }
.col { float: left; }
.bright { color: #fff; }
.noline { border: 0 none !important; }

h1, h2.blog, h2.area { font-family: 'TeXGyreTermesBold', Georgia, Times New Roman, serif; font-size: 30px; line-height: 35px; font-weight: normal; margin: 10px 0; }
h2 { position: relative; }
h2.area { margin: 0; position: static; }
h2, h4, .topteaser li a, .topic { font-family: 'TeXGyreTermesBold', Georgia, Times New Roman, serif; font-size: 20px; line-height: 25px; font-weight: normal; clear: right; padding: 10px 20px; border-bottom: 2px solid #b5afa4; }
h3 { margin: 7px 0; }
h5 { border-bottom: 2px solid #c2bcb4; text-transform: uppercase; padding-bottom: 6px; margin-bottom: 16px; }
h6 { margin-bottom: 5px; }
h1 a, h2 a, h3 a, h4 a, h6 a { text-decoration: none; }
h1.topic { margin: 0; }
h1.breaking { color: #B34044; }
.section h2, .blogentry h2.blog { border: 0 none; padding: 0; margin: 5px 0 18px 0; line-height: 20px; }
.voting h2 { border: 0 none; padding: 0; font: bold 14px/16px arial,helvetica,sans-serif; text-transform: uppercase; margin: 0 0 20px 0; }
.inset .sliderwrap h2 { border-top: 1px solid #dcd7d3; }
.inset .slider.section h2 { border-top: 0 none; }
h2.blog { margin-bottom: 30px; }
h3.blog { text-transform: uppercase; margin: 25px 0 2px 0; }
.blogentry h2.blog { margin: 10px 0 2px 0; font: bold 14px/18px arial,helvetica,sans-serif; text-transform: uppercase; }
#nav h6 { font-family: 'TeXGyreTermesBold', Georgia, Times New Roman, serif; font-size: 18px; line-height: 20px; font-weight: normal; }
#nav h6 a { color: #333; text-transform: none; }

.halfleft, .halfright { float: left; width: 49%; }
.halfright { float: right; }

.area { border-bottom: 1px solid #ddd8d4; padding: 35px 250px 45px 20px; background-position: 100% 50%; background-repeat: no-repeat; margin: 0; }
.area.bright { background-color: #000; }
.areahead { position: absolute; top: 20px; left: 20px; }
.areahead * { margin: 0 !important; }

.icon, a.vidimg:before, .more a.icon, .result .bar span { background: url(../pics/bg/icon_sprite.png) 0 0 no-repeat; }
.icon.comment { background-position: 0 5px; }
.icon.link { background-position: 0 -195px; }
.icon.print { background-position: 0 -95px; }
.icon.share { background-position: 0 -545px; }
.icon.recommend { background-position: 0 -45px; }
.icon.facebook { background-position: 0 -295px; }
.icon.speaker { background-position: -40px -1450px; }
.icon.whatsapp { background-position: 0 -1450px; display: none; }
.icon.google { background-position: 0 -345px; }
.icon.twitter { background-position: 0 -395px; }
.icon.rss { background-position: 0 -445px; }
.icon.watchlist { background-position: 0 -495px; }
.icon.newsletter { background-position: 0 -545px; }
.icon.prev, .icon.prevjump { background-position: 0 -600px; }
.icon.next, .icon.nextjump { background-position: 100% -650px; }
.paging .icon.prev { background-position: 0 -952px; }
.paging .icon.next { background-position: -40px -952px; }
.paging .icon.prev.disabled, .paging .icon.prev.slick-disabled { background-position: 0 -977px; }
.paging .icon.next.disabled, .paging .icon.next.slick-disabled { background-position: -40px -977px; }
.icon.home { background-position: 0 -800px; }
.icon.topics { background-position: -40px -1090px; padding-left: 15px; }
.icon.topics.active { background-position: 0 1000px; }
.icon.expanded { background-position: 50% -910px; }
.icon.zoom { background-position: 0 -250px; }
.icon.info { width: 22px; height: 21px; position: absolute; z-index: 5; position: absolute; right: 10px; bottom: 10px; background-position: -45px -800px; }
.blog .icon.info { right: auto; left: 10px; }
.icon.thumbup { background-position: -40px -200px; }
.icon.thumbdn { background-position: -40px -225px; }
.icon.rssabo { width: 16px; height: 16px; display: inline-block; margin-left: 10px; position: relative; top: 3px; background-position: 0 -1400px; }
.result .bar span { background-position: 0 -777px; background-repeat: repeat-x; }

a.icon.video { background-position: -40px -24px; }
a.icon.photo { background-position: -40px 0; }
a.icon.hascomment { background-position: -40px -74px; }
a.icon.hasrecommend { background-position: -40px -50px; }
.links .icon.video, .grid .icon.video, .coverflow .icon.video { background-position: -40px -123px; }
.links .icon.photo, .grid .icon.photo, .coverflow .icon.photo { background-position: -40px -100px; }
.links .icon.panorama, .grid .icon.panorama, .coverflow .icon.panorama { background-position: -40px -275px; }
.links .icon.hascomment { background-position: -40px -172px; }
.links .icon.hasrecommend { background-position: -40px -148px; }
.icon.enlarge { background-position: -40px -1600px; width: 19px; height: 19px; position: absolute; top: -30px; right: 15px; opacity: 0.3; }
.icon.enlarge:hover { cursor: pointer; }

.edicon.arrow { background-position: 0 8px; }
.edicon.location { background-position: 0 -395px; }
.edicon.map { background-position: 0 -295px; }
.edicon.warning { background-position: 0 -345px; }
.skip .edicon.warning { background-position: 0 -350px; }
.edicon.edit { background-position: 0 -493px; }
.skip .edicon.edit { background-position: 0 -498px; }

.box, #rightbar .quick li a { border: 1px solid #dcd7d3; background-color: #fff; margin-bottom: 20px; position: relative; }
.box.melt { margin-bottom: -1px; border-bottom: 1px solid #fff; z-index: 1; }
.box.nospace { margin-bottom: -1px; }
.box.follow-up { margin-top: -21px; }

ul.list { border-top: 1px solid #dcd7d3; margin: 0 19px; }
ul.list.open { border-top: 0 none; }
ul.list li { border-bottom: 1px solid #dcd7d3; padding: 4px 0; font-weight: normal; }
ul.list li > a { height: 28px; vertical-align: middle; line-height: 28px; overflow: hidden; }
ul.list li em { display: block; color: #747474; font-style: normal; }
ul.list ul { border-top: 2px solid #dcd7d3; margin-bottom: 34px; }
ul.list ul li { padding-left: 20px; }
ul.list ul li a { line-height: 14px; height: auto; }
ul.list li a.wico { background-position: 0 50%; background-repeat: no-repeat; padding-left: 25px; }
.text ul.list, .inset ul.list { margin: 0 0 20px 0; }
.text ul.list li > a { height: auto; display: inline-block; line-height: 18px; margin-left: 20px; vertical-align: top; overflow: auto; }

ul.list.level ul { border-top: 0 none; margin: 0; list-style: none; }
ul.list.level ul li { border-top: 1px solid #dcd7d3; border-bottom: 0 none; padding: 0; }
ul.list.level ul li a { padding: 4px 0 4px 20px; }
ul.list.level ul li li a { padding: 4px 0 4px 40px; }

a.more, .more a, .overview a, a.back, span.more { padding-left: 17px; font-weight: bold; text-decoration: none; background-position: 0 3px; }
a.back { background-position: 0 -447px; }
a.more, .more a, a.back, span.more { display: block; margin: 0 0 10px 0; }
ul.more.options, ul.more.options li, ul.more.options li a { float: left; }
ul.more.options li a { margin-right: 40px; margin-bottom: 0; }

.overview { border-top: 1px solid #b5afa4; padding-top: 6px; margin: 0 19px 6px 19px; text-align: right; }
.overview.nb { border: 0 none; }
.overview a { display: inline-block; }
.overview a:hover { text-decoration: underline; }

.image { float: left; overflow: hidden; }

.search fieldset, fieldset .search { background-color: #fff; background: url(../pics/bg/input_left_search.png) right center no-repeat;  border-radius: 4px; border: 1px solid #cdc7c0; box-shadow: 0 0 1px #bbb inset, 0 1px 0 #fff; }
.search input { border: 0 none; padding: 5px; border-radius: 0 !important; background-color: transparent; }
.search .sendsearch { background-image: none; background-color: transparent; width: 27px !important; height: 24px; position: absolute; cursor: pointer; }

.dropdown li, .dropdown li a, .dropdown ul { float: none !important; }
.dropdown { background: #e8e6e2; background: linear-gradient(#fbfaf9, #e8e6e2); border-radius: 3px; border: 1px solid #cdc7c0; max-width: 550px; cursor: pointer; position: relative; }
.dropdown:before, .dropdown:after, .select:after, .select:before { content: " "; position: absolute; top: 0; height: 100%; }
.dropdown:before, .select:before { right: 25px; width: 0; border-right: 1px solid #cdc7c0; }
.dropdown:after, .select:after { right: 0; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 5' width='9' height='5'%3E%3Cpolygon fill='%236d6c6c' points='0,0 4.5,5 9,0 '/%3E%3C/svg%3E") 50% 50% no-repeat; width: 24px; border-left: 1px solid #fff; pointer-events: none; }
.dropdown li a { padding: 4px 0 4px 10px; color: #333; }
.dropdown > li > a { white-space: nowrap; overflow: hidden; box-sizing: border-box; width: calc(100% - 30px); }
.big .dropdown > li > a { padding: 9px 0 9px 10px; font-size: 14px; }
.dropdown li a:hover { text-decoration: none; }
.dropdown ul, .dropdown ul li, .dropdown ul li a { float: none !important; }
.dropdown ul, .autocomplete-result { display: none; position: absolute; background-color: #fff; background-image: none; padding: 0 10px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7); z-index: 200; max-height: 160px; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; min-width: 100%; box-sizing: border-box; }
.dropdown ul li a, .autocomplete-result li a { padding: 5px 10px; border-bottom: 1px solid #dcd7d3; background-image: none !important; white-space: nowrap; }

.info { font: normal 12px/16px arial,helvetica,sans-serif; font-weight: bold; display: block; }
.info em { font-weight: normal; font-style: normal; }
em.info { float: left; font-style: normal; font-weight: normal; }
.info.profile { margin-bottom: 5px; }
.info.profile strong { text-transform: uppercase; }
.info.date { float: right; }
.info.city { font-weight: bold; }
.info.author { font-style: italic; margin-bottom: 10px; float: none; }
.blog .info.author { font-weight: bold; text-transform: uppercase; float: none; font-style: normal; }
.blog .image .info.author { float: right; font-weight: normal; font-style: italic; text-transform: none; margin: 5px; }
.blog .info.date { float: none; margin: 0 0 5px 0; }
.caption .info.author { display: inline; margin: 0; font-style: normal; }
.comments .info, .comments .info a { color: #333; }
.info.recommend { float: none; }
.info.recommend a, .info.recommend span { float: left; display: block; }
.info.recommend a { padding: 1px 0 2px 25px; text-decoration: none; margin: 0 10px; }
.info.recommend br { clear: left; }

a.vidimg { position:relative; display: block; }
a.vidimg:before { content:""; display: block; position: absolute; width: 56px; height: 56px; background-position: 0 -700px; top: 50%; left: 50%; margin-left: -28px; margin-top: -28px; z-index: 2; }
.sponsor { text-align: center; }
.powered { font-size: 10px; display: block; margin-bottom: 4px; }
.tip { color: #969696; margin: 0; }
.num { display: block; position: absolute; right: 0; top: 0; }
.standard.num { position: static; list-style: decimal outside; margin-left: 20px; }

.section { border-bottom: 1px dotted #b5afa4; margin-top: 15px; padding-bottom: 10px; }
.section .text { margin-left: 118px; }
.section .image img { width: 98px; }
.section.hastools { border-bottom-style: solid; padding: 0; }
.section.hastools h2 { padding-right: 20px; }
.section .addrdesc {  width: 100%; }
.section .addressblock { float: right; width: 165px; }
.section.halfleft, .section.halfright { border-bottom: 0 none; width: 48%; margin-left: -1px; }
.section.halfleft { padding-right: 2%; border-right: 1px dotted #b5afa4; }
.section.halfright { padding-left: 2%; border-left: 1px dotted #b5afa4; width: 47%; float: left; }

.article .item { border-bottom: 1px dotted #b5afa4; margin: 10px 0; padding-bottom: 10px; }
.article .item .button { margin-top: -20px; }

.captionimage { position: relative; }
@media screen and (max-width: 800px) {
    .captionimage .caption {
        display: block;
        transition: all 0.3s linear;
        opacity: 0;
        bottom: 0;
        z-index: 3;
    }
    .captionimage.showCaption .caption {
        opacity: 1;
    }
    .captionimage .icon.enlarge {
        display: none;
    }
}
@media screen and (max-width: 800px) and (min-width: 768px) {
    .captionimage .caption {
        opacity: 1;
    }
    .lightbox-inner .youtube-watch-queue .slick-list { margin: 0 auto; width: 520px !important; }
}
.captionimage.videoimage { height: 394px; background: url(../pics/loading/loading.gif) 50% 50% no-repeat #fff; }
.captionimage img { display: block; margin: 0 auto; max-width: 100%; }

.game .captionimage img { width: 100%; }

.captionimage:hover .icon.enlarge { opacity: 1.0; }
.caption { background: #000000; background: rgba(0, 0, 0, 0.6); box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.8); color: #fff; font-weight: bold; position: absolute; bottom: 0; left: 0; width: 100%; max-height: 100px; }
.caption p, .caption a { margin: 0; padding: 11px 49px 7px 19px; min-height: 36px; overflow: hidden; }
.caption a, .caption a:hover { display: block; color: #fff !important; }

.teaser p a.more, .section p .more { float: right; }
.teaser p, .section p { clear: right; margin: 0; }
.box.teaser p, .box.product p, .scrollable .teaser p { margin-bottom: 10px; }

.links { padding: 0 0 7px 0; text-align: left; height: 15px; }
.links--multiple { height: auto; float: right; }
.links--multiple li .more { float: none; }
.links a { float: left; display: block; text-decoration: none; color: #333; margin-right: 25px; padding-left: 25px; height: 16px; }
a.more, span.more { float: right; margin-bottom: 0; background-position: 0 2px; margin-right: 0; padding-left: 15px; }
span.more { margin: 3px 0; }

.topicintro { background-color: #dcd7d3; }
.topicintro .jumplist { position: relative; margin-top: -10px; }
.topicintro .jumplist .prevjump, .topicintro .jumplist .nextjump { position: absolute; height: 31px; top: 5px; padding: 7px 35px; text-decoration: none; font-weight: bold; color: #57524d; width: 70px; z-index: 5; }
.topicintro .jumplist .prevjump { left: 0; }
.topicintro .jumplist .nextjump { right: 0; text-align: right; }
.topicintro .jumplistheader { margin: 0 20px; text-align: center; }
.topicintro .jumplistheader.withintro { border-bottom: 1px solid #b3afa4; margin-bottom: 5px; }
.topicintro .jumplistheader h1 { padding: 0 85px; }
.topicintro .jumplistheader strong { display: block; margin-top: -10px; margin-bottom: 5px; }
.topicintro .text { padding: 10px 20px 0 20px; }
.topicintro .image { float: right; width: 50%; margin: 0 0 10px 10px; }
.topicintro .image img { width: 100%; }
.topicintro .text.clipping { padding-right: 350px; }
.topicintro .clipimg { width: 270px; height: 420px; position: absolute; bottom: 0px; right: -1px; }
.topicintro .clipimg img { display: block; bottom: 0; right: 0; position: absolute; }

.box.teaser { clear: both; }
.box.teaser.halfleft, .box.teaser.halfright { clear: none; }
.box.teaser h2 { border-bottom: 0 none; margin-top: 5px; padding: 12px 20px; font-size: 24px; }
.box.teaser .image { margin: 8px 20px 20px 20px; }
.box.teaser .text { margin: 8px 20px 0 303px; border-top: 2px solid #b5afa4; padding: 18px 0 0 0; }
.box.teaser h3 { margin: 0 20px 5px 303px; border-top: 1px dotted #dcd7d3; padding-top: 5px; }
.box.teaser ul.more { border-top: 1px solid #dcd7d3; margin: 0 19px 20px 303px; clear: right; }
.box.teaser ul.more li { border-bottom: 1px solid #dcd7d3; padding: 6px 0; clear: right; }
.box.teaser ul.more a { margin: 0; font-weight: normal; margin-right: 95px; }
.box.teaser ul.more a.icon { float: right; width: 16px; height: 16px; margin: 3px 0 0 8px; padding-left: 0; }
.box.teaser .noimg { margin-left: 20px !important; }
.box.teaser .hl.noimg { margin-left: 0 !important; }

.box.image { float: none; }
.box.image img { display: block; }
.box.facebook { overflow: hidden; height: 300px; padding-bottom: 0; }

.video { text-align: center; }
.icon.video, html.video { text-align: left; }
.video .inner { text-align: left; margin: 0 auto; width: 298px; }
.video .inner .image { float: none; position: relative; }
.video .inner .image img { width: 298px; display: block; }

.mappane p { text-align: center; padding: 100px 20px 0 20px; }
.mappane { height: 280px; }
#t-map.mappane { height: 394px; }
.mapvisible { display: none; }
.mappane .mapvisible { display: block; }

.c-trafficmap { background: url(../pics/map/trafficmap.png) 0 0 no-repeat; max-width: 300px; margin: 0 auto; }
.c-trafficmap__icon { height: 165px; display: block; text-align: center; color: #fff !important; font-size: 16px; text-decoration: none; padding-top: 120px; box-sizing: border-box; font-weight: bold;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2073%2064%22%20width%3D%2273%22%20height%3D%2264%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M40.36%2C42.4c-0.26%2C0.62-1.85%2C4.11-2.03%2C4.42c-0.18%2C0.31-0.47%2C0.82-0.51%2C1.8c-0.04%2C0.99%2C0%2C2.89%2C0%2C2.89s-0.13%2C0.73%2C0.55%2C0.73h17.12c0.68%2C0%2C0.55-0.73%2C0.55-0.73s0.04-1.91%2C0-2.89c-0.04-0.99-0.33-1.49-0.51-1.8c-0.18-0.31-1.76-3.8-2.03-4.42c-0.26-0.62-0.9-0.6-0.9-0.6H41.26C41.26%2C41.8%2C40.62%2C41.77%2C40.36%2C42.4z%20M52.51%2C42.9l1.68%2C3.81H39.67l1.68-3.81H52.51z%20M54.75%2C53.55h-2.6v1.99c0%2C0-0.07%2C0.62%2C0.45%2C0.62h1.7c0.52%2C0%2C0.45-0.62%2C0.45-0.62V53.55z%20M41.71%2C53.55h-2.6v1.99c0%2C0-0.07%2C0.62%2C0.45%2C0.62h1.7c0.52%2C0%2C0.45-0.62%2C0.45-0.62V53.55z%20M33.89%2C47.02h-2.6v1.99c0%2C0-0.07%2C0.62%2C0.45%2C0.62h1.7c0.52%2C0%2C0.45-0.62%2C0.45-0.62V47.02z%20M36.25%2C36.42c-0.13-0.23-1.27-2.85-1.46-3.32c-0.19-0.47-0.65-0.45-0.65-0.45h-8.19c0%2C0-0.46-0.02-0.65%2C0.45c-0.19%2C0.47-1.33%2C3.08-1.46%2C3.32c-0.13%2C0.23-0.34%2C0.61-0.37%2C1.35c-0.03%2C0.74%2C0%2C2.17%2C0%2C2.17s-0.09%2C0.55%2C0.39%2C0.55h-0.41v1.99c0%2C0-0.07%2C0.62%2C0.45%2C0.62h1.7c0.52%2C0%2C0.45-0.62%2C0.45-0.62v-1.99h4.61c-0.11%2C0.24-0.2%2C0.42-0.23%2C0.48c-0.15%2C0.27-0.41%2C0.71-0.45%2C1.58c-0.04%2C0.86%2C0%2C2.53%2C0%2C2.53s-0.11%2C0.64%2C0.48%2C0.64h8.33c0.54-1.16%2C1.52-3.33%2C1.73-3.82c0.27-0.64%2C0.92-0.62%2C0.92-0.62h4.18c-0.06-0.13-0.12-0.23-0.17-0.32c-0.16-0.27-1.54-3.32-1.77-3.87c-0.23-0.54-0.78-0.53-0.78-0.53h-6.57C36.3%2C36.52%2C36.28%2C36.46%2C36.25%2C36.42z%20M24.81%2C36.34l1.21-2.85h8.06l1.21%2C2.85H24.81zM44.3%2C40.87H31.61l1.47-3.33h9.75L44.3%2C40.87z%20M72.6%2C59.53L39.08%2C1.49C38.55%2C0.57%2C37.57%2C0%2C36.5%2C0c-1.07%2C0-2.05%2C0.57-2.58%2C1.49L0.4%2C59.53c-0.53%2C0.92-0.53%2C2.06%2C0%2C2.98C0.93%2C63.43%2C1.92%2C64%2C2.98%2C64h67.04c1.07%2C0%2C2.05-0.57%2C2.58-1.49C73.13%2C61.59%2C73.13%2C60.45%2C72.6%2C59.53z%20M8.15%2C58.04L36.5%2C8.94l28.35%2C49.1H8.15z%22%2F%3E%3C%2Fsvg%3E") 50% 40% no-repeat;
}
.c-trafficmap.is-loaded { height: 260px; background-image: none; }

.infowd { padding: 10px; overflow: hidden; }
.infowd h2 { padding: 0; border: 0 none; line-height: 1em; }
.infowd h2 img, .infowd .addrdesc, .infowd .tools, .infowd .properties, .infowd .rating { display: none; }

.outro-expandable { display: none; }

.article { overflow: hidden; }
.article.expandable { overflow: visible; }
.article-narrow { max-width: 700px; margin: 0 auto; }

.article .text { font-family: 'TeXGyreTermesRegular', Georgia, Times New Roman, serif; font-size: 16px; margin-top: 15px; line-height: 20px; }
.article .text h3, .article .text strong, .article .text b, .blog b, .blog strong { font-family: 'TeXGyreTermesBold', Georgia, Times New Roman, serif; font-weight: normal; margin: 0; }
.article .box.ad { border: 0 none; }
.article iframe { width: 100%; border: 0; }
.article #mediatab iframe { height: 400px; }
.article.videoplayer iframe { height: auto; }
.article .image { margin-right: 20px; }
.article .image .caption { background-color: transparent; position: static; background-image: none; color: #57524d; }
.article .image .caption p { padding: 0; }

#banderole { display: block; text-decoration: none; position: relative; }
#banderole .zd-container { padding-left: 20px; display: flex; }
#banderole.is-centered .zd-container { justify-content: center; }
#banderole img { display: block; margin-left: 10px; }
#banderole span.txt { display: block; padding: 10px; }
#banderole:after { clear: both; }
#banderole span.ad { padding: 0; position: absolute; top: 0; left: 0; width: 12px; height: 100%; background: url(../pics/bg/adbanderole.gif) 0 0 no-repeat #fff; }

.authorinfo { border-top: 1px solid #dcd7d3; border-bottom: 1px solid #dcd7d3; margin-bottom: 20px; padding: 10px 0; }
.authorinfo .text { font: normal 12px/16px arial,helvetica,sans-serif; margin-top: 0; margin-left: 90px; }
.authorinfo em { font-weight: bold; font-style: normal; }
.authorintro { margin-bottom: 0; }
.authorintro .portrait { float: left; }
.authorintro .text { margin-left: 280px; margin-top: 0; }
.smbar { margin-bottom: 40px; background-color: #e4dfd9; padding: 10px 20px; }
.smbar ul, .smbar li, .smbar li a { float: left; }
.smbar li a { padding: 10px 30px; color: #57524d; }

.paging { border-bottom: 1px solid #dcd7d3; padding: 10px 0 7px 0; font-weight: bold; position: relative; z-index: 2; }
.paging ul { float: right; }
.paging li, .paging li a, .paging li span { float: left; display: block; }
.paging li span { padding: 2px 16px; }
.paging li a { width: 22px; height: 20px; }

.skip { padding: 20px 0 0 0; border-top: 1px solid #dcd7d3; }
.skip a.back { float: left; width: 40%; margin: 0; }
.skip a.more { float: right; margin: 0; }
.skip a.edicon { float: right; margin: 0 0 0 20px; font-weight: bold; padding-left: 20px; text-decoration: none; }

.voting { border: 1px solid #dcd7d3; padding: 20px; background: url(../pics/bg/voting.png) 0 0 repeat-x; margin-bottom: 10px; }
.question { border-bottom: 1px solid #b5afa4; padding-bottom: 20px; margin-bottom: 20px; }
.question form {margin-left: 145px; }
.answer { margin-bottom: 10px; }
.question .answer { margin-bottom: 20px; }
.question .button { margin-top: 0; }
.result dl { color: #333; position: relative; }
.result dt { width: 23%; float: left; padding-top: 3px; padding-right: 2%; }
.result dd { margin: 0 12% 25px 25%; }
.result dd span, .result dd strong { display: block; }
.result dd .bar { height: 22px; border-radius: 3px; border: 1px solid #cdc7c0; background: #fff; background: linear-gradient(#f5f4f2, #fff); }
.result dd .bar span { height: 22px; border-right: 1px solid #cfcac3; }
.result dd .bar strong { position: absolute; right: 0; margin-top: 3px; }

div.success { border: 1px solid #dcd7d3; padding: 20px; color: #1e7f1b; }
div.error { border: 1px solid #dcd7d3; padding: 20px; color: #bc5032; }
input.error { border: 1px solid #bc5032; }
div.selection { border: 1px solid #dcd7d3; padding: 20px; margin-bottom: 10px; }
div.ssl { margin: 10px 0; text-align: right; padding: 3px 30px 3px 0; background: url(../pics/bg/icon_sprite.png) 100% -1550px no-repeat; }
.success p, .error p, .ssl p, .selection p { margin: 0; font-weight: bold; }
.form .success, .form .error { margin-bottom: 20px; }
form li.error label, div.error label.error { color: #bc5032; font-weight: bold; }
form li.error input { border-color: #bc5032; }
.tools, .tools li, .tools li a { float: left; }
.tools { width: 100%; border-top: 1px dotted #b5afa4; margin-top: 10px; }
.tools li a { padding: 5px 0 5px 20px; font-weight: bold; }
.tools li { margin-right: 20px; }
.tools li.primary { float: right; margin: 0 0 0 20px; }

.linkbox { float: left; width: 300px; border: 1px solid #dcd7d3; margin: 0 20px 10px 0; padding: 10px 0; background-color: #faf8f8; position: relative; z-index: 1; }
.linkbox .collapsable { margin-bottom: 4px; font-size: 16px; height: auto; padding-right: 10px; }
.linkbox ul.list { margin-bottom: 0; }
.linkbox ul.list > li > a, .linkbox ul.list > li > strong { height: auto; font-weight: bold; text-transform: uppercase; font-family: arial,helvetica,sans-serif; line-height: 18px; display: block; }
.linkbox ul.list.simple li > a { margin-left: 0; }
.linkbox ul.list li > span { display: block; width: 20px; height: 20px; background-position: 0 -204px; position: absolute; left: 20px; }
.linkbox ul.list li.active > span { background-position: 0 -254px; }
.linkbox ul.list li { padding-left: 25px; background-image: none !important; cursor: pointer; }
.linkbox ul.list > li > strong { cursor: default; }
.linkbox ul.list ol li a { font-weight: normal; margin: 0; display: block; background-position: 0 6px; overflow: visible; }
.linkbox ul.list ol li { padding-left: 0; border: 0 none; }
.linkbox ul.list .collapsable a { display: inline; }
.linkbox ul.list .collapsable li a { display: block; }

.linkbox ul.list ol li a.external { background-position: 0 -548px; }

.funcs, .funcs li, .funcs li a { float: left; }
.funcs { margin: 20px 0; border-top: 1px solid #dcd7d3; border-bottom: 1px dotted #b5afa4; width: 100%; }
.funcs li a { width: 40px; height: 38px; margin-left: 10px; }

.filter { border-bottom: 1px dotted #b5afa4; border-top: 1px dotted #b5afa4; margin: 30px 0 5px 0; padding: 4px 0; }
.filter strong { display: block; float: left; margin-right: 20px; padding-top: 2px; }
.filter .dropdown { float: left; width: 115px; margin-right: 15px; background-image: none; background-color: #e8e6e2; border: 1px solid #cdc7c0; padding: 0; }
.filter .dropdown li a { background: url(../pics/bg/icon_sprite.png) 100% -1000px no-repeat; padding: 1px 10px; }

.cross .inset  { padding: 5px 19px; }
.cross h3 { margin: 3px 0; }
.cross .teaser { float: left; width: 48.5%; margin-top: 14px; border-bottom: 1px solid #dcd7d3; padding-bottom: 9px; }
.cross .teaser.lastrow { border-bottom: 0 none; }
.cross .teaser.odd { float: right; }
.cross .teaser .text { margin: 0 0 0 134px; }

#rightbar .quick { margin-bottom: 20px; }
#rightbar .quick li a { margin-bottom: 8px; padding: 6px 19px; font-family: 'TeXGyreTermesRegular', Georgia, Times New Roman, serif; text-transform: uppercase; font-size: 14px; background-position: 100% 50%; background-repeat: no-repeat; }

.tab, .tab li, .tab li a { float: left; }
.tab { width: 100%; background: #beb8ac; background: linear-gradient(#beb8ac,#a59f93); position: relative; height: 28px; }
.tab li a { padding: 6px 20px; text-transform: uppercase; font-weight: bold; color: #57524d; }
.tab li.active a { background-color: #fff; }
.comments .tab, .tab.modules { padding: 2px 2px 0 2px; }
.comments form { margin-bottom: 20px; }

.tab .menu { display: none; position: absolute; right: 0; border: 1px solid #b5afa4; width: 200px; top: 28px; background-color: #fff; z-index: 100; }
.tab .menuopen { position: absolute;  background: url(../pics/bg/icon_sprite.png) 100% -1390px; right: 0; top: 0; }
.tab .menuopen a { width: 50px; height: 28px; padding: 0; }

.status, .status li, .status li a, .status li span { float: left; display: block; }
.status { width: 100%; background: #beb8ac; background: linear-gradient(#beb8ac,#a59f93); position: relative; margin-bottom: -2px; border-top: 2px solid #B5AFA4; position: relative; z-index: 1; }
.status li a, .status li span { padding: 6px 20px; text-transform: uppercase; font-weight: bold; color: #57524d; }
.status li em { font-weight: normal; font-style: normal; }
.status li.active a, .status li.active span { background-color: #fff; }
.status li.active:first-child { border-left:2px solid #B5AFA4; }

/* slick */
.slick-slider { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; overflow: hidden; }
.slider .teaser { display: none; margin-right: 10px; }
.topteaser .teaser { display: none; }
.topteaser .teaser.main { display: block; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0;  margin: 20px 28px 20px 38px; }
.topteaser .slick-list { margin: 20px 20px 0 20px; }
.gallery .slick-list { margin: 0; }
.gallery .captionimage, .productslider a, .box.product .image { display: none; }
.box.product .slick-initialized .image { display: block; }
.adslide .teaser { display: none; margin-right: 10px; }
.slick-slider .teaser.company h3 { text-align: center; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; outline: none; }
.slick-slide img { max-width: 100%; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow { position: absolute; display: block; height: 46px; width: 46px; cursor: pointer; background-color: #b5afa4; top: 50%; border-radius: 23px; margin-top: -23px; }
.slick-prev { left: -23px; }
.slick-next { right: -23px; }
.slick-arrow.icon.next { right: 0; background-color: transparent; border-radius: 0; }
.slick-arrow.icon.prev {  background-color: transparent; border-radius: 0; }
.slick-disabled, .slick-hidden { display: none !important; }
.slick-arrow .icn { fill: #fff; width: 18px; height: 18px; margin-top: 14px; }
.slick-next .icn { margin-left: 3px; }
.slick-prev .icn { margin-left: 24px; }
.paging .slick-arrow { position: static; border-radius: 0; margin-top: 0; background-color: transparent; }
.paging .slick-disabled { display: block !important; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; bottom: auto; }
.slick-dots li { position: relative; display: inline-block; height: 16px; width: 16px; padding: 0; cursor: pointer;  margin-right: 5px; }
.slick-dots li a { display: block; cursor: pointer; width: 8px; height: 8px; border-radius: 20px; box-shadow: 0 0 2px #57524d; border: 2px solid #fff; }
.slick-dots .slick-active a { background-color: #57524d; }
.productslider .slick-dots { text-align: center; position: absolute; width: 100%; top: 3px; min-height: 12px; }

.svslide .teaser { font-size: 14px; line-height: 18px; text-align: center; }
.svslide .teaser a { text-decoration: none; }
.svslide .teaser a img { margin-top: 10px; }
.ipadslide .teaser { float: none; width: auto; margin: 0 19px; }

.panorama img, .grid img { width: 100%; }

.coverflow { position: relative; min-height: 200px; margin: 40px 0; overflow: hidden; }
.coverflow .teaser { width: 300px; position: absolute; margin-bottom: 20px; top: -1000px; }
.coverflow .teaser img { width: 97.5%; display: block; border: 1px solid #ddd8d4; padding: 3px; background-color: #fff; }
.coverflow .teaser.active { cursor: pointer; }
.coverflow .teaser .wet { border: 1px solid #fff; -moz-transform: matrix(1, 0, 0, -1, 0, 0); -webkit-transform: matrix(1, 0, 0, -1, 0, 0); -o-transform: matrix(1, 0, 0, -1, 0, 0); }
.coverflow .teaser .fade { position: absolute; left: 0; width: 100%; height: 100%; top: 0;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.7) 51%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0)), color-stop(51%,rgba(255,255,255,0.7)), color-stop(70%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.7) 51%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.7) 51%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.7) 51%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.7) 51%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
}
.coverflow .covercaption { width: 60%; padding: 0 20%; position: absolute; bottom: 0; z-index: 20; display: none; }
.coverflow .covercaption span.icon { display: block; width: 20px; height: 16px; }
.coverflow .covercaption p { padding-left: 20px; margin-top: -16px; }
.coverflow .covercaption.active { display: block; }

.topteaser ul { position: absolute; width: 235px; top: 20px; right: 0; background-color: #fff; padding: 0 20px; cursor: pointer; z-index: 9; border-bottom: 1px solid #fff; }
.topteaser li a { border-top: 1px solid #dcd7d3; height: 67px; overflow: hidden; vertical-align: middle; padding: 0; border-bottom: 0 none; color: #333; padding-top: 15px; }
.topteaser li a span { display: block; height: 52px; overflow: hidden; }
.topteaser li:last-child a { border-bottom: 1px solid #dcd7d3; }
.topteaser li.active { position: relative; left: -41px; overflow: hidden; width: 295px; background: url(../pics/bg/topteaser.png) 0 50% no-repeat; }

.topteaser li.active a {
    margin-left: 41px;
    margin-right: 19px;
}
.topteaser .teasers { margin: 20px 20px 0 20px; }
.topteaser .slick-initialized.teasers { margin: 0; }
.topteaser p { padding-bottom: 27px; }
.topteaser .links { position: absolute; bottom: 0; width: 100%; }
.topteaser .vidimg { margin-right: 235px; }

.collapsable { margin-top: 4px; height: 71px; overflow: hidden; }
.collapsable .image { float: left; width: 93px; margin-right: 10px; }
.collapsable .image img { width: 93px; }
.collapsable .text { margin-left: 103px; font-size: 12px; }

.listteaser { border-bottom: 1px solid #DCD7D3; padding-bottom: 10px; margin-bottom: 5px; }
.listteaser h5 { border: 0 none; margin: 0; padding: 5px 0; }
.listteaser h5 a { font-weight: normal; font-size: 14px; line-height: 18px; text-transform: none; }
.listteaser .image { float: left; width: 93px; margin-right: 10px; }
.listteaser .image img { width: 93px; }
.listteaser .text { margin-left: 103px; font-size: 12px; }

.bbcollapse .collapsable { height: auto; }
.bbcollapse .collapsable .image { float: none; width: 100%; text-align: center; margin-right: 0; border-bottom: 1px dotted #b5afa4; padding-bottom: 8px; margin-bottom: 8px; }
.bbcollapse .collapsable .image img { max-width: 100%; width: auto; }
.bbcollapse .collapsable .text { margin-left: 0; font-size: 12px; }
.bbcollapse .collapsable .more { font-size: 12px; }

.grid form { border-bottom: 1px solid #b5afa3; padding: 15px 20px; }
.grid form input.checkbox { float: left; margin-right: 5px; }
.grid form label.checkbox { display: block; float: left; margin-right: 20px; }
.grid .dateslot { clear: both; border-bottom: 1px solid #dcd7d3; margin: 0 20px; font-weight: bold; padding-top: 20px; }
.grid .teaser { width: 224px; float: left; margin: 10px 20px; height: 220px; position: relative; }
.grid .teaser p { padding-left: 20px; }
#mediathek .search { position: absolute; right: 20px; width: 200px; top: 12px; }

.blog .teaser { margin-right: 250px; }
.blog .slider .teaser { margin-right: 10px; }
.blog p { font-family: 'TeXGyreTermesRegular', Georgia, Times New Roman, serif; font-size: 16px; line-height: 20px; clear: none; }
.blog .links { text-align: right;  border-top: 0 none; padding: 0 0 7px 0; }
.blog .links a.more { margin-top: 5px; display: inline-block; }
.blog .image { width: 230px; float: right; margin-top: 10px; text-align: right; font-size: 12px; }
.blog .image img { width: 100%; }
.blog .image .more { float: right; margin-right: 5px; }
.blog .captionimage { margin-bottom: 20px; text-align: left; }
.blog .captionimage img { margin: 0; }
.blog .caption { left: auto; right: 0; width: 230px; color: #57524d; font-weight: normal; background: none; max-height: 100%; box-shadow: none; }
.blog .caption p { font-family: arial,helvetica,sans-serif; font-size: 12px; line-height: 16px; padding: 0; }
.blogentry { max-width: 580px; }
.blogentry .image { float: none; width: 100%; margin-bottom: 10px; }
.blogentry .image img { width: 100%; }
.blogentry .intro { font-family: 'TeXGyreTermesRegular', Georgia, Times New Roman, serif; font-size: 24px; line-height: 30px; font-weight: normal; color: #333; }

.box .price, .box.teaser .price { font-size: 20px; margin-bottom: 10px; }
.box .priceinfo, .box.teaser .priceinfo { font-size: 12px; font-style: italic; }

.openbox { position: relative; }
.openbox, .openbox .list { font-family: 'TeXGyreTermesRegular', Georgia, Times New Roman, serif; font-size: 16px; line-height: 20px; margin-bottom: 40px; }
.openbox h4 { padding: 0; border-bottom: 1px dotted #333; font-family: arial,helvetica,sans-serif; font-size: 12px; line-height: 20px; text-transform: uppercase; color: #57524d; margin-bottom: 15px; }
.openbox ul.list { margin: 0; }
.openbox ul.list li { border-bottom: 0 none; }
.openbox ul.list li > a { height: auto; display: block; line-height: normal; }
.openbox ul.list li em { display: block; color: #747474; font-style: normal; font-family: arial,helvetica,sans-serif; font-size: 12px; }

.calhead { position: absolute; top: 0; right: 0; font-family: arial,helvetica,sans-serif; font-size: 12px; line-height: 20px; }
.calhead li { float: left; }
.calhead li.active { font-weight: bold; }
.calhead li a { float: left; margin-left: 10px; }

.calmonth li { width: 33%; }
.calmonth li.colreset { margin-top: -80px; }
.calmonth li.col2 { margin-left: 33%; }
.calmonth li.col3 { margin-left: 66%; }

.list ul, ul.std { margin-bottom: 18px; list-style: square outside; margin-left: 1em; }

.teaser .address { padding: 10px 0; margin: 0 20px; border-top: 1px dotted #b5afa4; display: none; }

.microsite img { width: 100%; }
.microsite .list { margin: 20px 0; }

.tag { line-height: normal; text-decoration: none; }
.t1 { font-size: 10px; }
.t2 { font-size: 16px; }
.t3 { font-size: 22px; }
.t4 { font-size: 28px; }

.idx, .idx li, .idx li a { float: left; }
.idx { width: 100%; }
.idx li a { margin: 0 2px; border: 1px solid #DCD7D3; text-align: center; margin-bottom: 2px; padding: 2px 0; width: 20px; }
.idx li a.active { font-weight: bold; border-color: #fff; }

.copypaste { width: 95%; }

/* Heidelpay Single Buy */

.sectionheader {
    background-color: #bdb7ab;
    background-image: -moz-linear-gradient(#beb8ac 0%, #b2aa9f 100%);
    background-image: -o-linear-gradient(#beb8ac 0%, #b2aa9f 100%);
    background-image: -webkit-linear-gradient(#beb8ac 0%, #b2aa9f 100%);
    background-image: linear-gradient(#beb8ac 0%, #b2aa9f 100%);
    border: 1px solid #aca49a;
    display: block;
    margin: 1px 0;
    padding: 4px 20px;
}

a.sectionheader {
    color: #57524d !important;
    text-decoration: none !important;
}

.sectionheader .step {
    background: url(../pics/bg/icon_sprite.png) 0 -1599px no-repeat;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 0;
    text-align: center;
    width: 28px;
}

.sectionheader .title {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    text-shadow: 0 1px #fff;
    text-transform: uppercase;
}

.single-buy .checkout {
    float: left;
    width: calc(100% - 400px);
}

.single-buy .content {
    background-color: #f9f9f9;
    overflow: hidden;
    width: 100%;
}

.single-buy .info {
    float: left;
    font-size: 16px;
    margin-left: 100px;
    margin-top: 40px;
    width: 300px;
}

.single-buy .info img {
    display: block;
    margin: 15px 0;
    width: 90%;
    box-shadow: 0 0 30px #ccc;
}

.single-buy .info h6 {
    margin-top: 45px;
    text-align: center;
}

.single-buy .optin {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .single-buy .info {
        float: none;
        font-size: 14px;
        margin: 100px 0;
    }

    .single-buy .checkout {
        float: none;
        width: 100%;
    }
}

.buyarea-wrap {
    float: left;
    margin-right: -300px;
    width: 100%;
}

.single-buy .buyarea-wrap {
    margin-right: 0;
}

.buyarea {
    margin-right: 300px;
}

.single-buy .buyarea {
    margin-right: 0;
}

.single-buy #s2 .buyarea h2 {
    border-bottom: 0;
}

.single-buy .login span{
    float: left;
    margin-right: 5%;
    width: 30%;
}

.single-buy #s2 .buyarea .button {
    float: left;
    margin-top: 0;

}

.single-buy #s2 .buyarea .button input {
    height: auto;
}

.single-buy #s2 .buyarea .secondary {
    clear: both;
    float: right;
}

.single-buy #s4 .buyarea h2 {
    margin: 20px 0 15px;
    padding: 5px 0;
}

.single-buy #addressform abbr {
    color: #333;
}

.single-buy #addressform label {
    display: block;
    font-size: 16px;
    margin: 20px 0 3px;
    width: 120px;
}

.single-buy fieldset input {
    border: 1px solid #cdc7c0;
    display: block;
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 16px;
    height: 20px;
    padding: 7px 0 7px 7px;
    width: 90%;
}

.single-buy fieldset .birthday_fields input {
    float: left;
}

.single-buy fieldset input.error {
    border: 1px solid #bc5032;
    margin-bottom: initial;
}

.single-buy fieldset input.primary {
    padding: 4px 20px;
}

.single-buy #addressform {
    margin-top: 40px;
}

.single-buy #addressform .birthday_fields {
    width: 100%;
}

@media (max-width: 1024px) {
    .single-buy #addressform .birthday_fields label {
        width: 100%;
    }
}

.single-buy #addressform fieldset input#birthdate_day,
.single-buy #addressform fieldset input#birthdate_month {
    margin-right: 10px;
    width: calc((90% / 3) - 19px);
}

.single-buy #addressform fieldset .dropdown-wrapper {
    float: left;
    min-width: 62px;
    position: relative;
    width: calc((90% / 3) - 9px);
}

.single-buy #addressform fieldset .dropdown {
    -moz-appearance: textfield;
    background: #fff none;
    font-size: 16px;
    height: unset;
    padding: 7px 0 7px 7px;
    width: 100%;
}

.single-buy #addressform fieldset .dropdown li a {
    padding-left: 0;
}

.single-buy #addressform fieldset .dropdown:before {
    border: none;
}

.single-buy #addressform fieldset .dropdown-wrapper:after {
    color: #2871eb;
    content: '\f0dc';
    font-family: FontAwesome;
    font-size: 24px;
    position: absolute;
    right: 5px;
    top: 9px;
}

.single-buy .single-buy-optin input {
    float: left;
}

.single-buy .single-buy-optin label {
    display: block;
    margin-left: 20px;
}

.single-buy input[type="number"]::-webkit-inner-spin-button,
.single-buy input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.single-buy #zip {
    -moz-appearance: textfield;
}

@media (max-width: 1024px) {
    .single-buy #addressform label {
        height: 17px;
        margin: 15px 0 0;
    }
}

.single-buy #paymentFrameForm li.radio {
    clear: both;
    margin-left: 0;
}

.single-buy #paymentFrameForm li.radio .radio {
    width: 12px;
}

.single-buy #paymentFrameForm li.radio .checkbox {
    clear: right;
    margin-left: 8px;
    width: calc(100% - 30px);
}

.single-buy #form_creditcard,
.single-buy #form_directdebit,
.single-buy #form_paypal {
    clear: both;
}

.single-buy #form_creditcard iframe {
    border: none;
    width: 100%;
}

.single-buy #form_directdebit label {
    width: 120px;
}

.single-buy #form_directdebit input {
    margin-bottom: 20px;
    width: calc(100% - 130px);
}

.single-buy #form_paypal {
    margin-left: 20px;
}

@media (max-width: 767px) {
    .single-buy #addressform fieldset .dropdown,
    .single-buy fieldset input,
    .single-buy #addressform label {
        font-size: 14px;
    }
}
/* End Heidelpay Single Buy */

.paywall { font: normal 12px/16px arial,helvetica,sans-serif; }
.paywall ul.more.options { margin: 15px 0; }

.productinfo { float: right; width: 250px; margin-top: 40px; }
.productinfo .image { float: none; text-align: center; }
.productinfo .priceline { padding-bottom: 20px; overflow: hidden; border-top: 1px solid #b5afa4; margin-top: 20px; padding-top: 30px; }
.productinfo .priceinfo, .productinfo .price { float: left; display: block; }
.productinfo .priceinfo { padding-top: 25px; width: 40%; font-style: normal; }
.box .productinfo .price { font-family: 'TeXGyreTermesBold', Georgia, Times New Roman, serif; font-size: 60px; text-align: right; line-height: 60px; white-space: nowrap; width: 60%; }
.productinfo .price sup { font-size: 30px; }

.box.product { padding: 10px 20px; width: 100%; box-sizing: border-box; }
.box.product.even { float: left; width: 48%; margin-right: 2%; }
.box.product.odd { float: right; width: 48%; margin-left: 2%; }
.box.product h2 { padding: 0 0 10px 0; margin-bottom: 10px; }
.box.product .image { text-align: center; width: 220px; text-decoration: none !important; }
.box.product.highlight .buy { margin-left: 75%; }
.box.product.highlight .next { right: 28%; }
.box.product .buy { margin-top: 30px; }
.box.product .priceline { overflow: hidden; float: left; width: 50%; color: #57524d !important; display: block; }
.box.product .priceinfo, .box.product .price { display: block; }
.box.product .priceinfo { font-style: normal; }
.box.product .price { font-family: 'TeXGyreTermesBold', Georgia, Times New Roman, serif; font-size: 60px; line-height: 60px; white-space: nowrap; }
.box.product--table .price { font-family: arial,helvetica,sans-serif; font-size: 20px; line-height: 16px; display: table-cell; }
.box.product .price sup { font-size: 30px; vertical-align: top; position: relative; top: 3px; line-height: 30px; }

.box.product .bullets, .productinfo .bullets { padding-top: 10px; }
.box.product .bullets h3, .productinfo .bullets h3 { margin: 0; }
.box.product .bullets li, .productinfo .bullets li { background-image: none; position:relative; padding: 5px 0 5px 25px; background-position: -40px -1490px; }
.box.product .bullets li:before, .productinfo .bullets li:before {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../pics/bg/icon_sprite.png) 0 0 no-repeat;
    background-position: -40px -1490px;
}

.box.product .button { text-align: center; margin: 24px 0 0 50%; display: block; }
.box.product .cta { display: inline-block; padding: 12px 20px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; text-decoration: none; border-radius: 5px; min-width: 180px; box-sizing: border-box; }
.box.product a.more { float: none; margin-top: 20px; padding-left: 25px; }
.box.product ul.more a { padding-left: 25px; }
.box.product ul.more { margin-top: 10px; }
.box.product .productslider { margin: 20px 0 0 -20px; overflow: hidden; position: relative; padding-top: 30px; padding-right: 40px; width: 100%; }
.box.product.highlight .productslider { width: 70%; float: left; }

.box.teaser.panel { float: left; width: 32%; clear: none; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
.box.teaser.panel.tbox0 { clear: left; }
.box.teaser.panel.tbox0, .box.teaser.panel.tbox1 { margin-right: 1%; }
.box.teaser.panel.tbox2, .box.teaser.panel.tbox1 { margin-left: 1%; }
.box.teaser.panel strong.info { float: none; margin-left: 0; margin-top: 0; }
.box.teaser.panel .image { float: none; margin-bottom: 0; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; }
.box.teaser.panel .image img { width: 100%; }
.box.teaser.panel .text { margin-left: 20px; margin-top: 0; border: 0 none; }
.box.teaser.panel .more { margin-left: 19px; }
.box.teaser.panel.disabled:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255,255,255,0.8); z-index: 10; }

.jumpsection { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.jumpsection__box { width: calc(33.3% - 13px); float: left; box-sizing: border-box; margin-top: 16px; margin-bottom: 36px; }
.jumpsection__box.u-t0 { margin-right: 13px; }
.jumpsection__box.u-t1 { margin-right: 7px; margin-left: 6px; }
.jumpsection__box.u-t2 { margin-left: 13px; }
.jumpsection__box .image { display: block; text-align: center; float: none; }

.container { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding-bottom: 30px; }
.container--even .container__bg { display: none; position: absolute; width: 100vw; height: 100%; top: 0; left: 0; background-color: #dcd7d3; z-index: 0; }
.container__title { width: 100%; position: relative; z-index: 1; margin-top: 25px; }
.container__switchable { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.container__toggle { width: 100%; text-align: center; position: relative; z-index: 1; }
.container__toggle__btn { padding: 12px 30px 12px 20px; font-weight: bold; color: #57524d; display: inline-block; text-decoration: none; border-radius: 5px; color: #fff !important; 
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2024%22%20width%3D%2224%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M1.61%2C5.7c0.31%2C0%2C0.62%2C0.12%2C0.87%2C0.35l9.53%2C9.28l9.53-9.28c0.49-0.48%2C1.28-0.47%2C1.76%2C0.02c0.48%2C0.49%2C0.47%2C1.28-0.02%2C1.76l-10.4%2C10.12c-0.48%2C0.47-1.25%2C0.47-1.73%2C0L0.74%2C7.83c-0.49-0.48-0.5-1.26-0.02-1.76C0.96%2C5.83%2C1.28%2C5.7%2C1.61%2C5.7z%22%2F%3E%3C%2Fsvg%3E") 100% 50% no-repeat, linear-gradient(#b5afa4, #9d9791); }
.container__toggle__btn.is-open { 
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2024%22%20width%3D%2224%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M22.41%2C18.3c-0.31%2C0-0.62-0.12-0.87-0.35l-9.53-9.28l-9.53%2C9.28c-0.49%2C0.48-1.28%2C0.47-1.76-0.02c-0.48-0.49-0.47-1.28%2C0.02-1.76l10.4-10.12c0.48-0.47%2C1.25-0.47%2C1.73%2C0l10.4%2C10.12c0.49%2C0.48%2C0.5%2C1.26%2C0.02%2C1.76C23.05%2C18.17%2C22.73%2C18.3%2C22.41%2C18.3z%22%2F%3E%3C%2Fsvg%3E") 100% 50% no-repeat, linear-gradient(#b5afa4, #9d9791); }
.container__toggle__btn:hover { color: #57524d; border-color: #cdc8c4; }

.upselling { margin: 10px 0; float: left; width: 50%; text-align: center; }
.upselling .image, .upselling h3, .upselling p, .upselling .button { margin: 0 35px; }
.upselling .image { float: none; padding-bottom: 20px; }
.lightbox-content .upselling .button { margin-bottom: 0; }
.upselling .button { display: inline-block; margin-top: 10px; }
.upselling .button a { font-weight: bold; color: #fff; padding: 7px 15px; display: block; background-color: #b5afa4; text-decoration: none; }

.code { text-align: center; margin-bottom: 20px; }
.code pre { font-family: "Courier New", Courier, monospace; font-size: 24px; font-weight: bold; border: 1px solid #ccc; padding: 20px; margin: 0 auto 5px auto; display: inline-block; }

#sendcodes-form { margin-top: 20px;  }
#sendcodes-form .button { text-align: left; margin-left: 55%; }

#aboprice { position: absolute; right: 20px; text-align: right; }
#aboprice .price { font-size: 24px; margin: 5px 0 0 0; }

.ad { text-align: center; background-image: url(../pics/bg/ad.png); background-repeat: no-repeat; }
#super_sky { max-width: 1100px; padding: 0 160px 0 0; margin: 0 auto; }
#supersize, #skyscraper { background-image: none; }
/*fix for non-fitting wallpaper*/
/*#omsv_sky_DhtmlLayer {top: 13px !important;}*/

#supersize { text-align: center; margin: 20px 0 0 0; }
#skyscraper { width: 160px; height: 600px; position: absolute; right: 0px; top: 20px; z-index: 10; }
#supersize > div { margin: 0 auto; }
#advertorial { background-color: #fff; border: 1px solid #DCD7D3; }
#adl_sb_table, #omsv_sky_DhtmlTable { margin-bottom: 0; }
#adl_sb_table td, #omsv_sky_DhtmlTable td { border: 0 none; padding: 0; }
#div-gpt-ad-rectangle_marketing_ad_container, #div-gpt-ad-rectangle_dfpsb_ad_container { width: 300px; margin: 0 auto; }
div[id^="div-gpt-ad"][id$="1"], div[id^="div-gpt-ad"][id$="0"], #div-gpt-ad-1363251388018-2 {
    margin-bottom: 20px;
}

.ad.fullsize, .ad.special { background-position: 0 0; padding-top: 15px; clear: both; }
.ad.fullsize .box, .ad.special .box { padding: 5px 0; }
.ad.special { margin-top: -20px; position: relative; z-index: 10; }
.ad.rectangle { border: 0 none; background-color: transparent; padding-top: 1px; }
.ad.rectangle > * { margin: 15px auto 0 auto; }
.ad.bottom { margin: 20px 320px 20px -228px; padding-top: 15px; background-position: 50% 0; }
.ad.bottom.bottomwide { margin-right: 20px; }
.ad.bottom iframe, .ad.bottom .oms { margin-left: 228px; }
.ad.bottom .oms { display: inline-block; }
.ad.bottom .oms iframe { margin-left: 0; }
.ad.adsense { float: right; margin-left: 20px; }
.ad.adsensebtn { float: left; margin-right: 20px; margin-bottom: 10px; }
.ad.adsense, .ad.adsensebtn { padding-top: 15px; }
.ad.adsensemob, .ad.adsensebtnmob { display: none; }
.ad.mobile { background-image: none; text-align: center; }
#page .ad.mobile > div { margin: 0 auto 10px !important; }
.list.ad { text-align: left; padding-top: 20px; background-position: 0 8px; }

/* e-paper-faq rmp */
.faqtxt ol { counter-reset: listenpunkt_ebene1; list-style-type: none; font-family: arial,helvetica,sans-serif; }
.faqtxt ol>li:before { content: counter(listenpunkt_ebene1) ". "; counter-increment: listenpunkt_ebene1; }
.faqtxt ol>li.nostyle { margin-left:18px; }
.faqtxt ol>ol { counter-reset: listenpunkt_ebene2; margin-left: 18px; }
.faqtxt ol>ol>li:before { content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2,decimal) ". "; counter-increment:listenpunkt_ebene2; }
.faqtxt ol>ol>li.nostyle { margin-left:32px; }
.faqtxt ol>ol>ol { counter-reset: listenpunkt_ebene3; margin-left: 0px; }
.faqtxt ol>ol>ol>li:before { content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2,decimal) "." counter(listenpunkt_ebene3,decimal) ". "; counter-increment:listenpunkt_ebene3; }
.faqtxt ol>ol>ol>li.nostyle { margin-left:45px; }
.faqtxt ol>ol>ol>ol { counter-reset: listenpunkt_ebene4; }
.faqtxt ol>ol>ol>ol>li:before { content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2,decimal) "." counter(listenpunkt_ebene3,decimal) "." counter(listenpunkt_ebene4,decimal) ". "; counter-increment:listenpunkt_ebene4; }
.faqtxt ol>ol>ol>ol>li.nostyle { margin-left:58px; }
.faqtxt li.nostyle { display: none; margin: 0.25em 0em 0.5em 0em; }
.faqtxt li.nostyle:before { counter-increment: none; content: ""; }
.faqtxt li>a { display: inline; }
.faqtxt ul { list-style-type: square; margin-left: 18px; }
.faqtxt ul>li:before { content: ""; }
.faqtxt ul>ul { list-style-type: circle;}
.faqtxt ul>ul>li:before { content: ""; }
@media only screen and (min-width: 1090px) {
    .faqtxt ol { counter-reset: listenpunkt_ebene1; list-style-type: none; font-family: arial,helvetica,sans-serif; }
    .faqtxt ol>li:before { content: counter(listenpunkt_ebene1) ". "; counter-increment: listenpunkt_ebene1; }
    .faqtxt ol>li.nostyle { margin-left:18px; }
    .faqtxt ol>ol { counter-reset: listenpunkt_ebene2; margin-left: 18px; }
    .faqtxt ol>ol>li:before { content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2,decimal) ". "; counter-increment:listenpunkt_ebene2; }
    .faqtxt ol>ol>li.nostyle { margin-left:32px; }
    .faqtxt ol>ol>ol { counter-reset: listenpunkt_ebene3; margin-left: 32px; }
    .faqtxt ol>ol>ol>li:before { content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2,decimal) "." counter(listenpunkt_ebene3,decimal) ". "; counter-increment:listenpunkt_ebene3; }
    .faqtxt ol>ol>ol>li.nostyle { margin-left:45px; }
    .faqtxt ol>ol>ol>ol { counter-reset: listenpunkt_ebene4; margin-left: 46px; }
    .faqtxt ol>ol>ol>ol>li:before { content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2,decimal) "." counter(listenpunkt_ebene3,decimal) "." counter(listenpunkt_ebene4,decimal) ". "; counter-increment:listenpunkt_ebene4; }
    .faqtxt ol>ol>ol>ol>li.nostyle { margin-left:58px; }
    .faqtxt li.nostyle { display: none; margin: 0.25em 0em 0.5em 0em; }
    .faqtxt li.nostyle:before { counter-increment: none; content: ""; }
    .faqtxt li>a { display: inline; }
    .faqtxt ul { list-style-type: square; margin-left:16px; }
    .faqtxt ul>li:before { content: ""; }
    .faqtxt ul>ul { list-style-type: circle;}
    .faqtxt ul>ul>li:before { content: ""; }
}

/* lightbox */
.lightbox-skin { position: absolute; top: 0; left: 0; z-index: 8020; display: none; background-color: #fff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); text-align: left; }
.lightbox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background-color: #000; opacity: 0.5; }
.lightbox-close { position: absolute; top: 10px; right: 10px; width: 25px; height: 25px; cursor: pointer; z-index: 8040; background: url(../pics/bg/icon_sprite.png) -40px -250px no-repeat; }
.lightbox-content { width: 700px; height: 630px; padding: 30px; margin-bottom: 0; border: 0 none; overflow: auto; -webkit-overflow-scrolling: touch; }
.lightbox-content .button { margin-bottom: 20px; }
.lightbox-content.link { height: 200px; }
.lightbox-map { width: 900px; height: 600px; margin-bottom: 0; border: 0 none; overflow: hidden; padding: 0; }
.lightbox-map #t-map { height: 100%; width: 100%; }
#lightboxopen { position: absolute; left: 50%; top: 50%; display: block; }

/* form */
.intro { margin: 30px 0; }
.lightbox-content .intro { margin: 10px 0; }
.intro h3 { color: #333; }
label { color: #333; font-size: 12px; }
label.radio { margin-right: 20px; }
legend, .toggle { color: #333 !important; font-weight: bold; border-bottom: 1px dotted #b5afa4; display: block; width: 100%; padding: 30px 0 10px 0; }
.toggle { display: inline-block; text-decoration: none; padding: 5px 20px; margin-top: 10px; width: auto; background: url(../pics/bg/icon_sprite.png) 5px -1292px no-repeat #e8e6e2; border: 1px solid #cdc7c0; }
.toggle.closed { background-position: 5px -1242px; }

form ol > li { margin-bottom: 18px; }
form li label, form li .label { float: left; width: 24%; padding-top: 3px; padding-right: 1%; }
form li input, form li textarea { float: left; width: 52%; border: 1px solid #cdc7c0; border-radius: 3px; padding: 4px; box-shadow: inset 0 0 1px #bbb; font: normal 12px/16px arial,helvetica,sans-serif; color: #333; box-sizing: border-box; }
form li .dropdown, form li select { float: left; width: 52%; font: normal 12px/16px arial,helvetica,sans-serif; color: #333; box-sizing: border-box; }
form li .dropdown.shortprem { margin-left: 5px; width: 80px; }
.finder form li .dropdown { width: auto; float: none; }
form li input.longpre { width: 35%; }
form li input.shortsuf { width: 10%; margin-left: 7%; }
form li input.shortpre { width: 10%; }
form li input.longsuf { width: 35%; margin-left: 7%; }
form li br { clear: both; height: 1px; display: block; }
form li input.checkbox { width: auto; border: 0 none; padding: 0; margin-left: 25%; }
form li label.checkbox { display: block; margin-left: 10px; width: 50%; padding-top: 0; }
form li label.checkbox a { display: inline !important; }
form li label .required, form li .label .required, form li label abbr, form li .label abbr { font-weight: bold; color: #bc5032; }
form .fhint { clear: both; margin-left: 25%; display: block; padding-top: 5px; }
form li.radio, form li.checkbox { margin-left: 25%; }
form .amount { width: 50px; }
form li .rating { float: left; width: 150px; }
form li .rating a { float: left; width: 13px; height: 14px; margin-right: 1px; }
form li.full input.checkbox { margin-left: 0; }
form li.full label.checkbox { width: auto; }

.panelink form ol > li { margin-bottom: 9px; }
.panelink li label { float: none; width: auto; padding: 0; margin-bottom: 3px; }
.panelink li input { float: none; width: 100%; }
.panelink li input.checkbox { margin-left: 0; float: left; }
.panelink li label.checkbox { margin-left: 20px; width: auto; }
.panelink .button { margin-top: 0; }

a.tooltip { background: url(../pics/bg/icon_sprite.png) repeat-x scroll -40px -1150px; width: 25px; height: 25px; display: block; float: left; margin-left: 10px; }
a.tooltip span, a.rate span, a.publish span { display: none; position: absolute; z-index: 5; background-color: #fff; padding: 10px; text-decoration: none; right: 50px; width: 60%; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); font-style: normal; color: #57524d; }

.searchform { margin: 20px 20px 0 20px; padding-bottom: 20px; }
.searchform li input, .searchform li textarea { width: 86%; }
.searchform .dropdown, .formgroup .dropdown { margin-right: 20px; }
.searchform.big .dropdown { margin-right: 10px; }
.searchresult { border-top: 1px solid #b5afa3; }

.searchform.big { margin-top: 40px; }
.searchform.big ol > li { float: left; width: 28%; }
.searchform.big li.button { width: 15%;  }
form.searchform.big li input, form.searchform.big li textarea { font-size: 14px; padding: 8px; }
form.searchform.big li.button input { padding: 7px 15px; margin-right: 10px; }
span.SearchTermHighlight:empty { display: none; }

.formgroup { width: 33%; float: left; }
.button.formgroup { width: auto; float: right; margin-top: 37px; }
.formgroup label, .formgroup .label { font-weight: bold; margin-bottom: 5px; display: block; margin-top: 20px; }
.formgroup input.text { border: 1px solid #cdc7c0; border-radius: 3px; padding: 4px 4px 3px 4px; box-shadow: inset 0 0 1px #bbb; font: normal 12px/16px arial,helvetica,sans-serif; color: #333; width: 87%; }
.formgroup input.text.shortpre { width: 20%; }
.formgroup input.text.longsuf { width: 55%; float: right; margin-right: 13%; }
.inset .formgroup .label { margin-top: 0; }

.formgroup .checkbox { margin: 0 0 5px 0; }
.formgroup label.checkbox { margin-left: 10px; }
.formgroup li li label.checkbox { font-weight: normal; }
.formgroup li li { margin: 0 0 0 20px; }
.formgroup .dropdown li li { margin: 0; }
.formgroup select { margin-bottom: 3px; }

.button.halfright { margin-top: 0; }
ol.halfleft label, ol.halfleft input { float: none; width: auto; }

select { border: 1px solid #ccc; height: 24px; }
.big select { height: 34px; }

.geosearch { position: relative; }
.geosearch .dropdown { position: absolute; right: 0; bottom: 0; }

.button { text-align: right; margin-top: 20px; }
li.button { margin: 0; }
.voting .button { text-align: left; }
.halfleft .button, .halfright .button { text-align: center; }
.button input, .button a.reset, .button a.primary { background-color: #e8e6e2; color: #333; border: 1px solid #cdc7c0; font: normal 12px/16px arial,helvetica,sans-serif; padding: 4px 20px; width: auto; margin-right: 10px; border-radius: 0; box-shadow: none; -webkit-appearance: none; border-radius: 0; }
.button input.action { margin-right: 0; }
.button a.reset { display: inline-block; text-decoration: none; }
.button input.primary, .button a.primary { color: #fff; margin-right: 0; text-decoration: none; }
.button .secondary { float: left; margin-top: 5px; margin-right: 10px; }
.button a.primary.btn-uniform-180 { display: inline-block; width: 180px; text-align: center; }

.inlineform .button, .inlineform .search { float: left; }
.inlineform .button { margin-top: 0; }
.inlineform .search { margin-right: 20px; }

.daterange { border: 1px solid #cdc7c0; border-radius: 3px; box-shadow: inset 0 0 1px #bbb; margin-right: 20px; position: relative; overflow: hidden; }
.daterange input, .daterange span { float: left; display: block; }
.daterange input { width: 33%; border: 0 none; padding: 4px 4px 3px 4px; }
.daterange span { width: 100%; text-align: center; padding-top: 4px; padding-bottom: 1px; background: #fbfaf8; background: linear-gradient(#fbfaf8, #e8e7e3); }
.daterange input.from { border-right: 1px dotted #b5afa4; position: absolute; }
.daterange input.till { border-left: 1px dotted #b5afa4; position: absolute; right: 0; }

.finder form ol { position: relative; }
.finder form ol > li { margin-bottom: 8px; }
.finder form li input { width: 90%; }
.finder form li.button { float: right; margin-bottom: 0; }
.finder form li.button input { width: auto; margin-left: 10px; }

.printform { font: normal 12px/16px arial,helvetica,sans-serif; }
.printform h3, .article .text .links { font: bold 12px/16px arial,helvetica,sans-serif !important; }
.printform table { margin-bottom: 20px; }

.section.marketad .image { width: 350px; margin-top: 10px; }
.section.marketad .image img { width: 100%; }
.section.marketad .text { margin-top: 10px; margin-left: 370px; }
.article.marketad .scrollable { text-align: center; }
.article.marketad .scrollable img { max-width: 400px; margin: 0 auto; }

dl.list { border-top: 1px solid #DCD7D3; margin-bottom: 20px; }
dl.list dt { font-weight: bold; width: 50%; }
.article dl.list dt { font-weight: normal; }
dl.list dd { border-bottom: 1px solid #DCD7D3; padding-left: 50%; margin-top: -18px; }
#rightbar dl.list dd { margin-top: -16px; text-align: right; }

#zdproduct th { width: auto; text-align: center; padding: 10px 0; }
#zdproduct td { text-align: center; width: 100px; }
#zdproduct td.product { font-size: 16px; font-weight: bold; padding: 10px 0; text-align: left; width: 200px; }
#zdproduct td.product a { text-decoration: none; }
#zdproduct td.options { width: 200px; }
#zdproduct td.options > a { display: block; font-weight: bold; }
#zdproduct td.options span { display: none; }
td.prop-yes, td.prop-no, td.price { text-align: center; }
.prop-yes, .prop-no { display: block; height: 14px; background: url(../pics/bg/yesno.png) 50% 2px no-repeat; }
.prop-no { background-position: 50% -22px; }
dd .prop-yes, dd .prop-no { height: 20px; background-position: -92px -345px; }
dd .prop-no { background-position: -92px -367px; }

.linkbox .logo { background-color: #fff; margin-bottom: 10px; text-align: center; padding: 5px; border: 1px solid #dcd7d3; }
.linkbox .logo img { margin: auto; }
.linkbox ul.bookmark { list-style: none; }
.linkbox ul.bookmark, .linkbox ul.bookmark li, .linkbox ul.bookmark li a { float: left; border: 0 none; margin: 0; padding: 0; }
.linkbox ul.bookmark li a { margin: 0 10px 0 0; padding: 3px 0; }

.lightbox-inner .loading { width: 50px; height: 50px; z-index: 500; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; border-radius: 5px; background: url(../pics/loading/loading.gif) 50% 50% no-repeat #fff; border: 1px solid #b4aea3; display: none; }

.youtube-video { background-position: center; background-repeat: no-repeat; background-size: 298px; position: relative; display: inline-block; overflow: hidden; transition: all 200ms ease-out; cursor: pointer; width: 298px; height: 167px; }
.youtube-video .play { position: absolute; height: 56px; width: 56px; transition: all 0.2s ease-out; background: url(../pics/bg/icon_sprite.png) 0 0 no-repeat; background-position: 0 -700px; top: 50%; left: 50%; margin-left: -28px; margin-top: -28px; z-index: 2; }
.youtube-video .play:hover { opacity: 1; filter: alpha(opacity=100); }
.youtube-video-description { padding: 5px; font-size: 14px; line-height: 18px; display: block; }
.youtube-video-description p { margin: 0.5em 0 0.5em 0; }
.youtube-video-description .published-info { font-style: italic; font-size: small; }

iframe#player { float: left; }
.lightbox-inner .youtube-watch-queue { padding-left: 5px; height: 360px; overflow: auto; }
.lightbox-inner .youtube-watch-queue li { cursor: pointer; }
.lightbox-inner .youtube-video-frame { background-color: rgba(0, 0, 0, 0.75); color: #fff; }
.lightbox-inner .youtube-video-frame .youtube-video-title h2 { color: #fff; }

.textcol { margin-left: 322px; }
.section .textcol { margin-left: 140px; }

/* datepicker */
#calroot { z-index: 1000; margin-top: -1px; width: 204px; padding: 2px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7); }
.calroot { width: 30%; float: left; border: 1px solid #DCD7D3; margin: 0 1.5%; }
#rightbar .calroot { width: auto; float: none; border: 0 none; margin: 0; }
#calhead, .calheader, #caldays, .caldays, .calweek a { padding: 3px 0 5px 0; color: #57524d; }
#caldays, .caldays { clear: both; }
#caltitle, .caltitle { font-weight: bold; text-align: center; float: left; width: 156px; }
.caltitle { width: 100%; }
#calnext, #calprev { display: block; width: 20px; height:20px; background-position: 6px -447px; float:left; cursor:pointer; }
#calnext { background-position: 2px 3px; float: right; }
#calprev.caldisabled, #calnext.caldisabled { visibility: hidden; }
#caldays span, .caldays span { display: block; float: left; width: 14.2%; text-align: center; }
#calweeks, .calweeks { margin-top: 4px; }
.calweek { clear: left; height: 1.5em; }
.calweek a, .calweek span { display: block; float: left; width: 12.7%; text-decoration: none; margin-left: 1px; text-align: center; border: 1px solid #fff; }
.calweeks .calweek a, .calweeks .calweek span { padding: 10px 0; }
#rightbar .calweeks .calweek a, #rightbar .calweeks .calweek span { padding: 5px 0; }
a.caloff, .calweek span { color: #ccc; }
a.caldisabled { color:#ccc !important; cursor: default; }
#calcurrent { color: #fff; }

/* ext */
.teaserbox_a { padding: 10px 20px 0 20px; }
.teaserbox_a .chart, .teaserbox_a .ce { text-align: center; margin-bottom: 5px; }
.biallotop5element .disclaimer { margin-top: 2px; font-size: 10px; }

.biallotop5element { padding: 10px 20px; }
.biallotop5element .toplisthead { font-weight: bold; }
.biallotop5element .toplistfooter { margin-top: 2px; font-size: 10px; }

#mashbox { margin: 4px; }

.moduleGeniosBox legend { display: none; }
.moduleGeniosBox .formText { border: 1px solid #cdc7c0; border-radius: 3px; padding: 4px 4px 3px 4px; box-shadow: inset 0 0 1px #bbb; font: normal 12px/16px arial,helvetica,sans-serif; color: #333; width: 50%; float: left; margin: 20px 0; }
.moduleGeniosBox .formButton { margin: 20px 0 20px 20px; }
.moduleGeniosBox .clearfix, #genios_error_msg { clear: both; }
.moduleGeniosBox label { font-size: 16px; color: #57524D; }

/* override */
.first { border-top: 0 none !important; }
.last { border: 0 none !important; background-image: none !important; }
ul.list li.last { border-bottom: 1px solid #fff !important; }

/* brightcove */

#vvt { position: absolute;top: 10px; right: 20px; z-index: 1; }

div.tsComponents { position: relative; z-index: inherit; }
div.tsPlayer { z-index: inherit; overflow: hidden; position:relative; }

div.tsCompanionAds {
    color: white;
    border: 0px;
    display: none;
    visibility: visible;
    padding: 0px;
    z-index: 2147483646 !important;
    opacity: 1;
    -moz-opacity: 1; /* older Gecko-based browsers */
    filter: alpha(opacity=100); /* For IE6&7 */
    overflow: hidden;
    width: 300px;
    height: 270px;
    overflow: hidden;
    margin-bottom: 20px;
}
div.tsText	{
    background-color: black;
    overflow: hidden;
    font-weight: bold;
    font-size: 12px;
    height: 20px;
    text-align: center;
    margin: 0px;
    z-index: inherit;
    position: relative;
}
div.tsBanner {
    display: none;
    visibility: visible;
    margin-top: 5px;
    width: 728px;
    height: 90px;
    z-index: 2147483647 !important;
    overflow: hidden;
    margin-left: -14px;
}

.cookie-notification {
    display: none;
    min-height: 25px;
    padding: 10px 15px;
    background-color: white;
    background-color: rgba(255,255,255,0.9);
    z-index: 2147483640;
    border-top: 1px solid #dcd7d3;
    left: 0;
    right: 0px;
    bottom: 0;
    position: fixed;
}
.cookie-notification.enabled {
    display: block;
}
.cookie-notification p {
    padding-right: 140px;
    margin: 0;
}
.cookie-notification .button {
    position: absolute;
    right: 0;
    top: 8px;
    margin-top: 0;
    padding: 8px 12px;
}
@media screen and (max-width: 480px) {
    .cookie-notification p {
        padding-right: 10px;
    }
    .cookie-notification .button {
        padding: 10px 0;
        position: relative;
    }
    .cookie-notification .button a {
        display: block;
        text-align: center;
    }
}

#recaptcha_widget_div .recaptchatable { border: 0 none !important; }
#recaptcha_widget_div { width: 400px; }
#recaptcha_switch_audio { display: none; }
#nuggHeadline { font-weight: bold; padding: 0 20px; display: none; }
#nuggQuestion { padding: 0 20px 40px 20px; display: none; }
#ERGEBNISSE { margin-bottom: 40px; }
div.match-preview { font-size: larger; margin: 20px 20px; border-bottom: 1px solid #a59f93; }
div.no-match { padding-left: 20px; }

/* Add animation (Chrome, Safari, Opera) */
@-webkit-keyframes example { from {top:-100px;opacity: 0;} to {top:0px;opacity:1;} }

/* Add animation (Standard syntax) */
@keyframes example { from {top:-100px;opacity: 0;} to {top:0px;opacity:1;} }
/* The modal's background */
.modal { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.6); z-index: 3005; }

/* Display the modal when targeted */
.modal:target { display: table; position: absolute ; }

/* The modal box */
.modal-dialog { display: table-cell; vertical-align: middle ; }

/* The modal's content */
.modal-dialog .modal-content { margin: auto; background-color: #f3f3f3; position: relative; padding: 0; outline: 0; border: 1px #777 solid; text-align: justify; width: 80%; z-index: 3005; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /* Add animation */ -webkit-animation-name: example; /* Chrome, Safari, Opera */ -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */ animation-name: example; animation-duration: 0.5s ; }
.modal ul.more li a.primary { color: #fff; display: inline-block; margin: 0 auto; padding: 5px 20px ; }
.modal ul.more li a { float: none; padding: 5px 0; border-top: 1px solid #dcd7d3; background-image: none; margin: 0; font-weight: normal; color: #57524d ; }
.modal ul.more li.button { margin: 9px 0; text-align: center ; }
.modal fieldset { margin-top: 10px ; }
.modal #passport fieldset .button { float: right; margin-top: 0 ; }
.modal #passport-code { float: left; width: 115px; padding: 5px; border-radius: 3px; border: 1px solid #cdc7c0; box-shadow: inset 0 1px 0 0 #eeeeee ; }
.modal #passport-hint { border-top: 1px solid #dcd7d3; padding-top: 10px; margin-top: 10px ; }
.modal #passport-hint a { padding: 0; font-weight: bold; text-decoration: underline ; }

/* The button used to close the modal */
.modal .close { position: absolute; right: 10px; top: 10px; width: 17px; height: 17px; display: block; background-position: 1px -1500px; padding: 0 ; }

.modal .container { padding: 10px; background-color: #fff; display: block ; }

/* cxense widgets */
.cxense.box .item { float:none;margin: 0 10px;background: #fff;padding:10px 0;overflow:hidden;transition: all .2s linear;width: 93%;height: 85px; }
.cxense.box .thumbnail { float:left; }
.cxense.box .text-wrapper { padding: 3px 0 0 6px;overflow: hidden;font-family: 'Roboto', sans-serif;transition: all .2s linear; position: relative; }
.cxense.box .tag { padding: 0 0 3px 0;font-weight:bold;line-height:1;text-transform:uppercase;font-style: normal; }
.cxense.box .title { color:#666;margin:0;line-height: 1.2;font-size:14px;font-weight:normal; }
.cxense.box a { text-decoration:none;color: #1683d2; cursor:pointer }
#desk .cxense.box .item { float:left; width:46%; height:93px; }

/* cxense readmore */
.article .readmore { margin: -50px 0 10px 0; text-align: center; padding: 20px 0; font-weight: bold; position: relative; height: 30px; z-index: 300;background-color: #fff;}
.article .readmore:before { content: ''; position: absolute; bottom: 70px; left: 0px; height: 30px; width: 100%; background: linear-gradient(to bottom, rgba(240,249,255,0) 0%, rgba(255,255,255,1) 100%); }
.article .readmore a {
    text-decoration: none;
    font-size: 16px;
    color: white;
    font-weight: 100;
    padding: 5px 10px 5px 6px;
    border-radius: 16px;
    background-color: #1d3f6f;
}
.article .readmore a:before { content: '+'; margin-right: 5px;     border-radius: 50%;
    border: 1px solid #fff;
    width: 16px;
    height: 15px;
    display: inline-block;
    padding-top: 1px;}

.cxense.box {
    border: none;
}

@media screen and (max-width: 799px) {
    div.cxense.box > div > h4 {
        padding: 0;
        font: normal 12px/16px arial, helvetica, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        color: #57524d;
        padding-bottom: 6px;
    }

    div.cxense.box:not(#te6) > div > h4 {
        clear: right;
        color: #1d3f6f;
        font-family: 'TeXGyreTermesBold', Georgia, Times New Roman, serif;
        font-size: 20px;
        font-weight: normal;
        line-height: 25px;
        padding: 10px;
        text-transform: none;
    }

    #desk .cxense.box .item:last-child {
        border-bottom: none;
    }
}

@media screen and (max-width: 599px) {
  .article .readmore:before { height: 100px;}
}


/* responsive */

@media only screen and (max-width:479px){
    #page .ad.mobile { position: relative; left: -10px; min-width: 320px; }

    #page .box.teaser h2, #page .box.inset h2, #page .box.topteaser .teaser h1 { font-size: 18px; line-height: 20px; }
    #page .box.topteaser .teaser.main h1 { font-size: 24px; line-height: 30px; }
    .box.teaser h2 .hl, .box.topteaser .teaser h1 { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

    #tools li, .modal .container { font-size: 90%; }
    #tools .panelink li { font-size: 12px; }

    .upselling .image, .upselling h3, .upselling p, .upselling .button { margin-left: 0; margin-right: 0; }
}

@media only screen and (max-width:480px){
    .rectangle, .tsCompanionAds { display: none; }
    .ad.mobile > div { border: 0 none; background-color: transparent; }

    .nophone { display: none; }

    #pageinner { padding-left: 10px; padding-right: 10px !important; }

    #meta ul { width: 100% !important; }
    #date { display: none; }
    #tools li { background-image: none !important; }
    #tools li.photo a { padding-left: 0 !important; }
    #tools li a { padding: 16px 8px !important; }

    h1, h2.blog, h2.area { font-size: 24px; line-height: 30px; }

    .box.teaser p { display: none; }
    .box.teaser h2 { font-size: 21px; padding: 8px 10px; }
    .box.teaser h2 .hl { display: block; float: right; overflow: hidden; margin: 12px 0 5px 0; margin-left: -125px; width: 100%; }
    .box.teaser h2 .hl.noimg { margin-left: 0; }
    .box.teaser h2 .hl a { display: block; margin-left: 125px; border-top: 2px solid #B5AFA4; padding: 8px 0 4px 0; }
    .box.teaser h2 .hl.noimg a { margin-left: 0; }
    .box.teaser .image { margin: 5px 10px; position: relative; z-index: 2; }
    .box.teaser .image img { width: 110px !important; }
    .box.teaser .text { margin: 0 10px !important; padding: 0; border: 0 none; clear: both; }
    .box.teaser ul.more { margin: 0 10px 10px 10px !important; }
    .box.teaser h3, .box.teaser h3.noimg { margin: 0 10px 5px 10px !important; }

    .box.teaser.static p { display: block; }
    .box.teaser.static .text { margin-left: 135px !important; clear: none; }
    .box.teaser.static .text.noimg { margin-left: 10px !important; clear: none; }

    .box.teaser.panel .text { margin-left: 10px !important; }
    .box.teaser.panel .image img { width: 100% !important; }

    .box.inset h2 { font-size: 21px; }

    .box.authorintro .portrait { float: none; }
    .box.authorintro .portrait img { width: 100%; }
    .box.authorintro .text { margin-left: 0; clear: both; }

    .box.topteaser { background-color: transparent; float: none; border: 0 none; margin: 0; min-height: 0; }
    .box.topteaser ul { display: none; }
    .box.topteaser .links { position: static; }
    .box.topteaser .teasers { margin: 20px 0 0 0; }
    .box.topteaser .teaser { border: 1px solid #DCD7D3; margin: 0 0 20px 0; background-color: #fff; float: none; width: auto; padding: 10px; display: block; }
    .box.topteaser .teaser p { margin-bottom: 0; padding-bottom: 0; display: none; }
    .box.topteaser .teaser a { float: left; }
    .box.topteaser .teaser img { width: 110px; float: left; }
    .box.topteaser .teaser h1 { border-top: 2px solid #B5AFA4; margin: 0 0 0 125px; font-size: 21px; line-height: 25px; padding: 8px 0 4px 0; }
    .box.topteaser .teaser h1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    .box.topteaser .teaser.main h1 { border-top: 0 none; margin: 0; padding: 0; font-size: 24px; line-height: 30px; margin-bottom: 10px; }
    .box.topteaser .teaser.main img { width: 100%; float: none; }
    .box.topteaser .teaser.main p { display: block; }
    .box.topteaser .teaser .info { float: none; text-align: left; margin: 0 0 10px 0; }
    .box.topteaser .teaser .info a { text-decoration: none; }

    .linkbox, .adsense.ad, .voting .image, .ad.adsensebtn { float: none; width: auto; margin: 10px 0; }
    .textcol { margin-left: 0; }
    .editarea.fl { margin-left: 0; }
    .voting form { margin-left: 0; }
    .voting form .button { margin-top: 10px; }
    .result dd { margin-right: 20%; }

    .tab li a { padding: 6px 8px; }

    .section .addrdesc { margin-right: 0; float: none; }
    .section .addrdesc p { margin-right: 0; margin-left: 0; }
    .section .addressblock { float: none; width: auto; margin-top: 10px; }
    .section .image { float: none; margin-bottom: 5px; text-align: center; width: 100%; }
    .section .image img { width: 130px; }
    .section .text { margin-left: 0; }

    .blogentry .image img { width: 100%; }

    .filter strong { float: none; }
    .filter .dropdown { width: 105px; }
    .tools li.primary { float: left; margin: 0 20px 0 0; }

    form.searchform.big ol > li { width: 100% !important; float: none; }
    form.searchform.big li input { width: 92%; }
    form.searchform.big li.button { width: 100px !important; }
    .searchform .dropdown, .searchform .daterange { margin-right: 0; }
    .formgroup { float: none; width: 100% !important; }
    .button input, .button a.reset { margin-right: 0; margin-bottom: 10px; }
    .inset .formgroup .label { margin-top: 10px; }

    form ol > li { margin-bottom: 9px; }
    form li label { display: block; width: 100%; float: none; }
    form li label.checkbox { float: left; width: auto; width: calc(100% - 35px);}
    form li input, form li textarea, form li select, form li .dropdown { width: 80%; }
    form li input.longpre { width: 55%; }
    form li input.shortsuf { width: 18%; }
    form li input.shortpre { width: 18%; }
    form li input.longsuf { width: 55%; }
    form li input.checkbox { margin-left: 0; }
    form.searchform.big li.button input { margin-right: 10px; margin-top: 10px; }

    #edition, #edition li, #edition li a { float: none; }
    #edition li { margin: 0; }
    #edition li a { background-image: none; padding: 0; }

    #service #aboservice .image { display: none; }
    #service #aboservice .text { margin-left: 0; }

    .calroot { width: 99%; margin: 0; }
    .calroot .calweeks .calweek a, .calroot .calweeks .calweek span { padding: 5px 0 !important; }

    #recaptcha_widget_div { width: 260px; }
    #recaptcha_logo { display: none; }
    .recaptcha_image_cell, #recaptcha_response_field, #recaptcha_image, #recaptcha_image img { width: 200px !important; }

    .funcs li a { margin-left: 2px; }
    a.rate span { bottom: 10px; }

    .lightbox-skin { box-shadow: none; }
    .lightbox-content { padding: 20px; }
    .lightbox-content .intro { margin: 10px 0; }
    .lightbox-content h1 { display: none; }
    .lightbox-overlay { opacity: 1; }

    #t-map.mappane { height: 250px; }

    .cell.c1 { width: 48% !important; }
    .cell.c2 { width: 98% !important; }

    .blog .captionimage img { width: 100%; }

    #vvt { margin: 10px 20px; position: static; }

    #toast { width: 280px; }
    #toast-sign, #toast-hard-sign { display: none; }
    #toast-msg, #toast-hard-msg { margin-left: 0; }
    #toast-hard-msg > ul > table td, #toast-msg > ul > table td { display: table-row; height: 20px; }

    body #rightbar .box.facebook { height: 300px !important; }

    .grid .teaser { height: 170px; }

    dl.list dt { width: 100%; }
    .article dl.list dt { font-weight: bold; }
    dl.list dd { padding-left: 0; margin-top: 0; }
    #rightbar dl.list dd { margin-top: 0; text-align: right; }

    td.infocell strong { padding-left: 0; }
    #zdproduct, #zdproduct th { font-size: 10px; text-align: left; }
    #meta-section { bottom: 125px !important; }

    #desk .cxense.box .item { width: 96% !important; }
    
    .container { padding-bottom: 24px; }
    .container__title { margin-top: 20px; }

    #tagline { right: 10px !important; }
    #nav li.topics > a { bottom: -20px !important; }
}

@media only screen and (max-width:680px){
    .ad.fullsize, .wd4, .wd5, .ad.bottom, .adsensebtn, .adsense, .ad.rectangle, .ad.special { display: none !important; }
    .ad.adsensebtnmob, .ad.adsensemob { margin-right: 20px; margin-bottom: 10px; padding-top: 15px; display: block; }

    .show-on-phone, #nuggHeadline, #nuggQuestion { display: block !important; }
    .hide-on-phone, #breadcrumb { display: none; }
    .sticky #nav { margin-bottom: 0; }

	#banderole .zd-container { padding-left: 0; padding-right: 60px; }

    #date { width: 40%; text-align: left; }
    #meta ul { width: 60%; }
    #media { display: none; }

    #header .search { margin-top: 0; width: 10%; }
    #header .search div { display: none; }
    #header .search fieldset { border-radius: 0; border: 0 none; }
    #header .search .sendsearch { top: 10px; left: 10px; }

    #header #nav .main-wrapper, #header #nav .abo .sub { display: none; background-image: none; overflow: hidden; }
    #header #nav .main, #header #nav .abo .sub ul { position: absolute; }
    #header #nav .main, #header #nav .main > li, #header #nav .main .sub, #header #nav .main .sub ul, #header #nav .abo .sub ul { width: 100%; }
    #header #nav .main .sub, #header #nav .main .sub ul, #header #nav .abo .sub ul { background-image: none; left: 100%; }
    #header #nav .quick, #header #nav hr { display: none !important; }
    #header #nav .main .sub a, #header #nav .abo .sub a { margin-right: 0; }

    .box.teaser .image img { width: 131px; }
    .box.teaser .text { margin-left: 171px; }
    .box.teaser h3 { clear: left; margin: 0 19px 5px 19px; }
    .box.teaser ul.more { clear: left; margin: 0 19px 20px 19px; }
    h2 .info { float: none; margin-top: 0; }

    .authorintro .portrait img { width: 131px; }
    .authorintro .text { margin-left: 171px; }

    .cross .teaser.even, .cross .teaser.odd { float: none !important; width: auto !important; padding-bottom: 10px !important; }
    .cross .teaser.even.lastrow { border-bottom: 1px solid #dcd7d3 !important; }

    form.searchform.big ol > li { width: 50%; }
    form.searchform.big li.button { width: auto; }

    .formgroup { width: 50%; }

    #rightbar .box, #rightbar .quick, #te1, #te2, #te3, #te4, #te5 { float: none !important; width: auto !important; height: auto !important; }
    #rightbar .box.facebook { width: 100% !important; height: 240px !important; }
    #rightbar .ipadslide .teaser { float: none; width: auto; margin: 0 19px; }

    .scrolling { height: auto !important; }

    #footer .logo { width: auto; float: none; margin-bottom: 20px; }
    #footer #edition { margin-left: 0; padding: 0; }
    #footer #copyright { padding-left: 0; }

    .box.topteaser ul { position: absolute; top: 5px; text-align: center; width: 100%; right: auto; padding: 0; z-index: 9; }
    .box.topteaser ul li { width: 12px; height: 12px; background: url(../pics/bg/icon_sprite.png) 0 -1050px; position: static; display: inline-table; }
    .box.topteaser ul li.active, .box.topteaser ul li.slick-active { background-position: -40px -1050px; }
    .box.topteaser ul li a { display: none; }
    .box.topteaser .teaser { text-align: center; text-align: -webkit-center; }
    .box.topteaser .teaser h1, .box.topteaser .teaser p { text-align: left; }
    .box.topteaser .vidimg { margin-right: 0; }

    .blog .image { float: none; }
    .blog .teaser { margin-right: 0; }

    .calroot { margin: 0 1.3%; }
    .calweek a, .calweek span { width: 12% !important; }
    .calweeks .calweek a, .calweeks .calweek span { padding: 2px 0 !important; }

    .finder form ol { margin-top: 0 !important; }

    .section.hastools.marketad .image { width: 100%; float: none; }
    .section.hastools.marketad .text { margin-left: 0; }

    .section.halfleft, .section.halfright { width: auto; margin-left: 0; float: none !important; border: 0 none; padding: 0 0 10px 0; }
    .section.halfleft { border-bottom: 1px dotted #b5afa4; }

    ul.list li.halfleft, ul.list li.halfright { float: none; width: auto; }

    .panorama.image { overflow: visible; }
    .caption { background: #fff; color: #57524D; font-weight: bold; position: absolute; bottom: auto; left: 0; width: 99.7%; border: 1px solid #DCD7D3; display: none; z-index: 10; max-height: none; }
    .panorama .caption { left: -1px; width: 99.7%; }
    .caption a, .caption a:hover { color: #57524d !important; }

    .article .image { float: none; }
    .article .image .caption { border: 0 none; display: block; }

    .blog .caption { margin: 0 !important; position: absolute !important; left: 0; }
    .blog .caption p { padding: 10px; }

    .article .authorinfo .image { float: left; margin-right: 0; }

    .result dt { width: auto; float: none; }
    .result dd { margin: 0 25% 25px 0; }

    #desk .box.topicintro .prevjump, #desk .box.topicintro .nextjump { width: 30px; padding: 0; height: 45px; }
    #desk .box.topicintro .jumplistheader h1, #deskwide .box.topicintro .jumplistheader h1 { padding: 0 15px; }
    #desk .box.topicintro .image { float: none; width: auto; margin-left: 0; }
    #deskwide .box.topicintro .clipimg { display: none; }
    #deskwide .box.topicintro .clipping { padding-right: 20px; }

    .article .item .button { margin-top: 10px; text-align: left; }

    #mediathek .search { display: none; }
    .coverflow h1 { font-size: 20px; line-height: 25px; }

    .productinfo { display: none; }
    .buyarea-wrap, .buyarea { float: none; margin: 0; }

    .upselling { width: auto; float: none; }
    .box.paywall.inset { padding: 0 10px; }

    .box.product .priceline { float: none; width: 100%; }
    .box.product .button { margin: 26px 0 0 0; }

    #page .box.teaser.panel { width: auto; float: none; margin-right: 0; margin-left: 0; }

    #tools-lower #searchbox form { width: 90% !important; }

    #div-gpt-ad-mobile_head { margin-bottom: 10px; }
    
    #tagline { bottom: -58px !important; }
}

@media only screen and (max-width:767px){
    #pageinner { padding-top: 10px; }
    #supersize, #skyscraper, #omsv_sky_DhtmlLayer { display: none; }

    #service .col, #service #aboservice { float: none; width: auto; margin: 0 0 20px 0; }

    .areahead { top: 15px; }
    .area {
        padding: 25px 0 20px 20px;
        -moz-background-size: 514px 80px;
        -ie-background-size: 514px 80px;
        -o-background-size: 514px 80px;
        -webkit-background-size: 514px 80px;
        background-size: 514px 80px;
    }
    
    .jumpsection { padding: 8px 0 28px 0; display: block; }
    .jumpsection__box { width: auto; float: none; margin: 4px 0 !important; }
    .jumpsection__box .image { display: none; }
}

@media only screen and (max-width:800px){
    div.tsCompanionAds { display: none; }
    .adsensebtn { display: none !important; }

    .show-on-large { display: none; }
    .show-on-small { display: block; }
    .show-on-phone { display: none; }

    #deskf { float: none; margin-right: 0; }
    #desk { margin-right: 0; margin-bottom: 40px; }
    #rightbar { float: none; width: auto; }
    #rightbar > .box, #rightbar .quick, #te1, #te2, #te3, #te4, #te5 { float: left; width: 48%; height: 298px; overflow: hidden; }
    #rightbar > .box.odd, #te2, #rightbar .box.odd, #te4 { float: right; }
    #rightbar > .box.adslide { clear: both; float: none; width: auto; height: auto; }
    #rightbar > .box.even { clear: left; }
    #TRM_teaser_widget_list > .box.even { float: left; clear: left; height: 300px; }
    #rightbar .quick.odd { float: right; }
    #te1.box.rectangle.ad.blog { max-width: 580px; float: none; width: auto; margin-top: 20px; }
    #te1.box.map { width: auto; height: auto; float: none; }
    #te1.box.map h4 { display: none; }

    .shift-box.box { height: 298px; overflow-y: scroll; }
    .ipadslide .teaser { float: left; width: 260px; margin: 0 10px 0 0; }
    .scrolling { height: 251px; overflow: auto; -webkit-overflow-scrolling: touch; }

    .box.video .inner { border: 1px solid #ded9d6; }
    .info { float: right; margin-top: 10px; }

    .cross .teaser.even, .cross .teaser.odd { float: left; width: 48.5%; }
    .cross .teaser.odd { float: right; }

    #edition li { margin-right: 5px; }
    #edition li a { padding-right: 5px; }

    .box.ad.rectangle { border: 1px solid #dcd7d3; background-color: #fff; background-position: 23px 10px; }
    .box.ad.rectangle > *, .box.video .inner { margin: 27px auto 20px auto; }
    #desk .article .box.ad.rectangle { border: 0 none; background-position: 0 0; }
    #desk .article .box.ad.rectangle > * { margin: 10px auto 0 auto; }

    .calweek a, .calweek span { width: 12.5%; }
    .calweeks .calweek a, .calweeks .calweek span { padding: 5px 0; }

    #rightbar .calweeks .calweek a, #rightbar .calweeks .calweek span { padding: 9px 0; }
    ul.list li > a { line-height: 21px; height: 21px; }

    .finder .halfleft, .finder .halfright { float: none; width: 100%; height: 35px; }
    .finder form li input { width: 95%; }
    .finder form ol { margin-top: 30px; }
    #rightbar .box.finder { overflow: visible; }

    .ad.bottom { margin-right: 0; }

    .cell.c1 { width: 31%; }

    .box.topicintro .image { float: right; margin-left: 10px; width: 50%; }

    #deskwide .box.product.highlight .next { right: 0; }
    #deskwide .box.product .buy { margin-left: 0; float: none; }
    #deskwide .box.product .productslider { width: 100%; float: none; }
    #deskwide .box.product { width: 100%; float: none; margin-right: 0; margin-left: 0; }

    .box.product ul.more { position: static; width: auto; margin-top: 10px; }

    .lightbox-content { width: 650px; height: 600px; }

    #meta ul { width: 38%; }
    #date { width: 24%; }

    .box .youtube-video { width: 100%; }
    #te5 .content-box-wrapper { margin-top: 43px; }
    .lightbox-inner .youtube-watch-queue { height: 190px; width: auto; }
    .lightbox-inner .youtube-watch-queue li { padding-left: 10px; float: left; }
    .lightbox-inner .youtube-watch-queue li img { width: 150px; height: auto; }
    .lightbox-inner .youtube-watch-queue .slick-list { margin: 0 auto; width: 255px; }
    .lightbox-inner .youtube-watch-queue .slick-slide {padding-right: 10px; }
    .lightbox-inner .youtube-watch-queue .clickable { box-sizing: border-box; padding-right: 10px; }
    .lightbox-inner .youtube-video-description { display: none; }
    .lightbox-inner .youtube-video-frame .mobile { display: block; overflow: hidden; }

    #rightbar > .cxense.box { display: none; }
}

@media only screen and (max-width:945px){
    .fullsize { display: block !important; }

    #page { padding-right: 0; }
    #pageinner { padding-right: 20px; margin: 0; }
    #skyscraper { right: -160px; }
    #service .wrapper, #footer .wrapper { padding-right: 20px; }

    #service #aboservice h5 { margin-right: 0; }
    #service #sm { width: 100%; }
    #service .search { display: none; }
    #service #aboservice .image { display: none; }
    #service #aboservice .text { margin-left: 0; }

    #edition li { line-height: 18px; }

    #copyright li.tx { float: none; clear: left; }

    .box.teaser.panel.tbox0, .box.teaser.panel.tbox1, .box.teaser.panel.tbox2 { width: 48%; clear: none; margin-right: 0; margin-left: 0; }
    .box.teaser.panel.even { margin-right: 2%; }
    .box.teaser.panel.odd { margin-left: 2%; }
    
    #tagline { right: 20px; }
}

@media only screen and (min-width:801px) and (max-width:1024px){
    .fullsize { display: none; }

    #nav .block .image { display: none; }
    #nav .block .text { margin-left: 0; }
    #service .wrapper { padding-right: 20px; }

    .box.teaser .image img { width: 131px; }
    .box.teaser .text { margin-left: 171px; }
    .box.teaser h3 { clear: left; margin: 0 19px 5px 19px; }
    .box.teaser ul.more { clear: left; margin: 0 19px 20px 19px; }
    .cross .teaser.even, .cross .teaser.odd { float: none; width: auto; }
    .cross .teaser.even.lastrow { border-bottom: 1px solid #dcd7d3; }

    form.searchform.big ol > li { width: 50%; }
    form.searchform.big li.button { width: auto; }

    .formgroup { width: 50%; }

    .linkbox, .adsense.ad { float: none; width: auto; margin: 10px 0; }
    .textcol { margin-left: 0; }
    .editarea.fl { margin-left: 0; }

    .box.topteaser ul { position: absolute; top: 5px; text-align: center; width: 100%; right: auto; padding: 0; z-index: 9; }
    .box.topteaser ul li { width: 12px; height: 12px; background: url(../pics/bg/icon_sprite.png) 0 -1050px; position: static; display: inline-table; }
    .box.topteaser ul li.active { background-position: -40px -1050px; }
    .box.topteaser ul li a { display: none; }
    .box.topteaser .teaser { text-align: center; }
    .box.topteaser .teaser h1, .box.topteaser .teaser p { text-align: left; }

    .areahead { top: 15px; }
    .area {
        padding: 25px 0 20px 20px;
        -moz-background-size: 514px 80px;
        -ie-background-size: 514px 80px;
        -o-background-size: 514px 80px;
        -webkit-background-size: 514px 80px;
        background-size: 514px 80px;
    }

    .upselling p { margin: 0 10px; }
    .upselling .image { margin: 0 5px; }
    .upselling .image img { max-width: 100%; }
    .paywall ul.more.options { display: flex; }

    .lightbox-inner .youtube-watch-queue .slick-list { margin: 0 auto; width: 520px; }
}

/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #desk .cxense.box .item { float: none; width: 96%; height: auto; }
}

@media only screen and (max-width:1090px){
    .show-on-mobile { display: block; }
    .hide-on-mobile { display: none !important; }
    #page { padding-top: 0; }
    #nav { margin-left: 0;padding: 0;clear: none;width: 100%;position: absolute;bottom:0;border: none;box-shadow: none; }
    #nav > ul { width: 100%; }
    #nav li.topics > a { position: absolute; right: 0; bottom: 8px; padding: 9px 10px 10px 35px; background: url(../pics/bg/icon_sprite.png) -40px -1092px no-repeat; zoom: 2.0 }
    #nav li.topics a span { display: inline; }
    #nav li.abo { float: right; }
    #nav li.topics { float: right; }
    #nav .block-wrapper { display: none; }

    #nav > ul, #nav > li, #nav > li > a, #nav li.topics > div, #nav li.topics > div > ul, #nav li.topics > div > ul > li, #nav li.topics > div > ul > li > a { float: none; }
    #nav > ul > li.active > a { border-bottom: none; }
    #nav li.home { display: none; }
    #nav li.topics > div > ul > li > a { font-weight: normal; }
    #nav li.topics > div > ul > li > a.hassubitems { background-image: url(../pics/bg/icon_sprite.png); }
    #nav li.topics > div > ul { padding: 10px 0; }
    #nav li.topics > div > ul > li > a { color: #333; padding: 5px 20px; margin-right: 4px; border: 0 none; }
    #nav li.topics > div > ul > li.active > a { background-color: #e2ded8; position: static; color: #333 !important; box-shadow: none; border: 0 none; text-shadow: none; }
    #nav > ul > li.abo.selected > a, #nav li.topics > div > ul > li.selected > a { background-color: transparent; box-shadow: none; border: 0 none; }
    #nav > ul > li.abo.active.selected > a { background-color: #f5f2ef; border-color: #fff; box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.7), -5px 0 5px -5px rgba(0, 0, 0, 0.7); }
    #nav .main-wrapper { position: absolute; z-index: 100; left: -1px; width: 100%; top: 30px; background: url(../pics/bg/sub.png) 33.7% 50% no-repeat #f5f2ef; border: 1px solid #fff; color: #333; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7); display: none; margin-top: 5px; }
    #nav .main > li { width: 34%; }
    #nav .main .sub { left: 34%; top: 0; background-color: transparent; border: 0 none; width: 67%; box-shadow: none; }
    #nav .main .sub ul { width: 50%; }
    #nav .main .sub ul ul { left: 50%; background-image: none; }
    #nav .main .sub ul ul a { margin-right: 8px; }
    #nav .main-wrapper #meta-section { display: block; width: 100%; float: none; position: absolute; bottom: 85px; height: auto; }
    #nav .main-wrapper #meta-section > hr { display: block; }
    #nav .panelink form a, #nav .panelink div a { text-transform: none; }


    #nav .abo .sub ul { width: 50%; }
    #nav .abo .sub ul ul { left: 50%; background-image: none; }

    #deskwide #nav .main > li { width: 100%; }
    #deskwide #nav li.topics > div > ul > li > a { margin-right: 0; }
    #deskwide #nav .main-wrapper { background-image: none; }

    #shopprice .halfleft, #shopprice .halfright { float: none; width: auto; }

    #tools { height: 48px; background-color: #f1eeeb; width: 100%; }
    #tools li a, #tools li:last-child a { padding: 16px 18px; color: #333; }
    #tools li.photo a { padding-left: 20px; }
    #tools .panelink { position: relative; }
    #tools .panelink form, #tools .panelink div { left: 0; margin: 0; background-color: #f1eeeb; }
    #tools .panelink > div { width: 130px; }
    #header { padding: 0; }
    #header #tools ul { float: left; }
    #tools-lower { padding-top: 10px; }
    #tools-lower .search .icon { display: none; }
    #tools-lower #searchbox { padding-left: 10px; float: none;}
    #tools-lower #searchbox form { width: 40%; }
    #tools-lower #searchbox .search-bar { display: block; width: 100%; background-color: #fff; }
    #logo { display: inline-block; float: none; z-index: 7; }

    #meta-section { display: none; }
}

@media only screen and (max-width:1200px){
    #supersize { width: auto; }
    div.tsBanner { display: none; }
    .section.marketad .image { width: 48%; }
    .section.marketad .text { margin-left: 50%; }

    .blog .caption { width: auto; position: static; margin-top: 10px; }

    .topicintro .image, #deskwide .topicintro .image { float: none; width: auto; margin-left: 0; }

    .status { background-image: none; }

    #bemap { display: none; }
    .beslot { display: none; }

    .box.product .priceinfo, .box.product .price { width: auto; float: none; padding: 0; }
    .box.product.even .cta, .box.product.odd .cta { min-width: 0; }
    
    #tagline { bottom: -65px; opacity: .5; }
}

@media only screen and (min-width:1280px){
	#tagline { right: 210px; }
    #nav > ul > li > a, #nav li.topics > ul > li > a { padding: 9px 19px 7px 10px; }

    .info { float: right; margin-top: 10px; }
    h2 .info { margin-left: 10px; }

    #edition li { margin-right: 20px; }
    #edition li a { padding-right: 20px; }

    #deskwide .formgroup { width: 25%; }
}

@media only screen and (max-width:861px) {
    #desk .cxense.box .item { width: 93%; }
}

.daterange { border: 0 none; box-shadow: none; }
.daterange .daterange { border: 1px solid #cdc7c0; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .daterange { border: 0 none; box-shadow: none; }
    .icon, a.vidimg:before, .more a.icon, .result .bar span, .filter .dropdown li a, .lightbox-close, #nav .navback, .tab .menuopen, #toplink a, .box.product .bullets li:before, .productinfo .bullets li:before {
        background-image: url(../pics/bg/icon_sprite2x.png?v=3);
        -moz-background-size: 75px 1650px;
        -ie-background-size: 75px 1650px;
        -o-background-size: 75px 1650px;
        -webkit-background-size: 75px 1650px;
        background-size: 75px 1650px;
    }
}

/* Frei konfigurierbare Boxen */
.content-box .teaser {
    margin: 19px;
    width: auto;
}
.content-box.text {
    margin: 0;
}
.content-box.linked_headline {
    text-decoration: none;
}
@media only screen and (max-width:680px) {
    .content-box div div .image.image-fullwidth {
        width: 100%;
        margin-bottom: 10px;
    }
    .content-box div div .image.image-fullwidth a img, .content-box div div .image.image-fullwidth img{
        width: 100%;
    }
    .content-box div div .text.has-big-image {
        margin-left: 0;
    }
    #nav li.topics > a { zoom: 1.0; bottom: -10px; }
}
@media only screen and (min-width:801px) {
    .content-box div div .image.image-fullwidth {
        width: 100%;
        margin-bottom: 10px;
    }
    .content-box div div .image.image-fullwidth a img, .content-box div div .image.image-fullwidth img{
        width: 100%;
    }
    .content-box div div .text.has-big-image {
        margin-left: 0;
    }
}

.content-box div div .text.no-image div {
    margin-left: 0;
}

/* Notdienste */
.box.notdienste form fieldset .daterange {
    display: block;
}

.box.notdienste form fieldset .rubriken {
    display: none;
}

.box.rat-und-hilfe form fieldset .daterange {
    display: block;
}

.box.rat-und-hilfe form fieldset .rubriken, .box.rat-und-hilfe form .inlineform, .box.rat-und-hilfe form .toggle {
    display: none !important;
}

.box.rat-und-hilfe form fieldset {
    display: block !important;
}

.box.gottesdienste form fieldset .rubriken, .box.gottesdienste form .inlineform {
    display: none;
}

.lokaler_ticker ul li > a {
    height: auto;
}

.box.twitterbox .teaser {
    margin: 19px;
}

.ressort-highlightbox {
    background-color: #dcd7d3;
    float: none;
    clear: both;
    display: block;
    overflow: auto;
    margin-bottom: 20px;
    border: 1px solid #d8d3ca;
}

.ressort-highlightbox ul {
    height: auto;
    position: relative;
    padding: 15px;
}

.ressort-highlightbox ul li {
    padding: 0 15px 15px 15px;
    position: relative;
    box-sizing: border-box;
}

.ressort-highlightbox .roofline-box h2 {
    font-weight: normal;
    text-shadow: 0 1px #fff;
    text-align: center;
}

.ressort-highlightbox ul li .img {
    overflow: hidden;
}

.ressort-highlightbox ul li .img a img {
    margin-top: -4.6%;
    margin-bottom: -4.6%;
    width: 100%;
}

.ressort-highlightbox.cnt-2 ul {
    display: flex;
}

.ressort-highlightbox ul li .headline h1 {
    text-shadow: 0 1px #fff;
}

.ressort-highlightbox ul .row li .headline h2 {
    border-bottom: 0;
    text-shadow: 0 1px #fff;
    padding-left: 0;
    padding-right: 0;
}

.ressort-highlightbox.cnt-2 ul li {
    width: 50%;
    float: left;
    flex: auto;
}

.ressort-highlightbox.cnt-2 ul li:nth-child(2) {
    clear: right;
    border-left: 1px solid #b5afa4;
}

.ressort-highlightbox.cnt-4 ul .row {
    display: flex;
}

.ressort-highlightbox.cnt-4 ul .row li {
    width: 33.33%;
    float: left;
}

.ressort-highlightbox.cnt-3 ul .row li {
    width: 50%;
    float: left;
}

.ressort-highlightbox.cnt-4 ul li {
    display: block;
    width: 100%;
    float: none;
    clear: both;
    flex: none;
}

.ressort-highlightbox.cnt-4 ul .row li, .ressort-highlightbox.cnt-3 ul .row li {
    border-top: 1px solid #b5afa4;
    padding-top: 15px;
    flex: auto;
    display: inline-block;
}

.ressort-highlightbox.cnt-4 ul li:nth-child(n+2), .ressort-highlightbox.cnt-3 ul li:nth-child(n+2) {
    border-left: 1px solid #b5afa4;
}


@media screen and (max-width:680px) {
    .ressort-highlightbox ul div li, .ressort-highlightbox.cnt-2 ul li {
        display: block;
        width: 100% !important;
        float: none;
        clear: both;
        border: 0 !important;
    }
    .ressort-highlightbox ul .row, .ressort-highlightbox.cnt-2 ul {
        display: block !important;
    }
}
/* Slider version of the highlightboxes */
.ressort-highlightbox.hslider {
    background: none;
    border: 0;
    overflow: hidden;
    position: relative;
}

.ressort-highlightbox.hslider .roofline-box {
    display: none;
}

.ressort-highlightbox.hslider ul {
    background: none;
    border: 0;
    transition: 1.5s all;
}

.ressort-highlightbox.hslider.no-trans ul {
    transition: no-trans;
}

.ressort-highlightbox.hslider ul li {
    width: 100% !important;
    position: absolute;
    display: inline-block;
    border: 0 !important;
    left: 0;
    right: 0;
}

.ressort-highlightbox.hslider ul li .teaser_and_headline, .ressort-highlightbox.hslider ul li .img {
    position: absolute;
}

.ressort-highlightbox.hslider ul li .teaser_and_headline {
    padding-left: 25px;
    padding-bottom: 25px;
    padding-top: 5px;
    color: #fff;
    background-color: rgba(50, 50, 50, 0.7);
    box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.75);
    left: 4px;
    right: 4px;
    z-index: 5;

}

.ressort-highlightbox.hslider ul li .teaser_and_headline .headline h2 a {
    color: #fff;
    text-shadow: none;
    font-weight: normal;
}

.ressort-highlightbox.hslider ul li .teaser_and_headline .headline h2 {
    padding: 0;
    border: 0;
    text-decoration: none;
}

.ressort-highlightbox.hslider ul li .img {
    left: 0;
    right: 0;
    top: 0;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: 4;
    box-sizing: border-box;
    border: 3px solid #fff;
}

.ressort-highlightbox.hslider ul li .img a img {

}

.ressort-highlightbox.hslider ul li .first-shadow {
    position: absolute;
    width: 50%;
    height: 30%;
    bottom: attr(frombottom px);
    left: 0px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, .7);
    transform: skewY(-2deg);
    z-index: 1;
    border-bottom-right-radius: 10px;
}

.ressort-highlightbox.hslider ul li .sec-shadow {
    position: absolute;
    width: 50%;
    height: 30%;
    bottom: attr(frombottom px);
    right: 8px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, .7);
    transform: skewY(2deg);
    z-index: 1;
    border-bottom-left-radius: 10px;
}

.ressort-highlightbox .dots {
    bottom: 70px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.ressort-highlightbox .dots .hslider-dot {
    margin-left: 1px;
    margin-right: 1px;
    width: 10px;
    height: 10px;
    border: 1px solid #404040;
    box-shadow: 0px 0px 2px 0px #404040 inset;
    border-radius: 50%;
    display: inline-block;
}

.ressort-highlightbox .dots .hslider-dot.active {
    background-color: #404040;
}

.ressort-highlightbox.hslider .icon {
    top: 45%;
}

.ressort-highlightbox.hslider .icon.next {
    right: 3px;
}

.ressort-highlightbox.hslider .icon.prev {
    left: 3px;
}

/* sticky social header */
#sticky-social-header { display: none; }
@media screen and (max-width: 480px){
    #sticky-social-header {
        background-color: rgba(255,255,255,0.95);
        clear:left;
        position: fixed;
        top: -100px;
        left: 0px;
        right: 0px;
        border-bottom: 1px solid #dcd7d3;
        display: block;
        transition-delay: 0;
        transition-duration: 0.5s;
        transition-property: all;
        z-index: 100;
    }

    #sticky-social-header.sticky-social-header-active {
        top:0px;
    }

    .social-funcs {
        margin: 0;
        padding: 0;
    }

    .social-funcs li {
        width: 25%;
        margin: 0;
        padding: 10px 0 0 0;
        float: left;
    }

    .social-funcs a {
        width: 40px;
        height: 38px;
        display: block;
        margin: auto;
        overflow: hidden;
    }

    .social-icon-comment {
        background: url(../pics/bg/icon_sprite.png) 0px 0px no-repeat;
    }

    .social-icon-facebook {
        background: url(../pics/bg/icon_sprite.png) 0px -300px no-repeat;
    }

    .social-icon-share-mail {
        background: url(../pics/bg/icon_sprite.png) 0px -550px no-repeat;
    }

    .social-icon-whatsapp {
        background: url(../pics/bg/icon_sprite.png) 0px -1455px no-repeat;
    }

    ul.social-funcs {
        list-style: none;
        display: block;
    }

    .social-nd {
        visibility: hidden;
        width:0px;
        height:0px;
    }
}

.kaufnahSticky {
    z-index: 10 !important;
}

.box.lotto h2 {
    padding: 0;
}

.box.lotto h2 img {
    max-height: 47px;
}

.box.lotto .daychooser .dropdown {
    width: 70px;
    margin-top: 5px;
    margin-right: 19px;
    float: right;
}

.box.lotto .daychooser span {
    float: left;
}

.box.lotto .lotto.results {
    clear: both;
    padding: 5px 20px 20px;
    display: none;
}

.box.lotto .lotto.results .row .lotto.gewinnzahl, .box.lotto .lotto.results .row .lotto.s77, .box.lotto .lotto.results .row .lotto.s6 {
    border: 1px solid #BFBFBF;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    box-shadow: 2px -3px 6px #ccc inset;
    display: inline-block;
    position: relative;
}

.box.lotto .lotto.results .row .lotto.superzahl {
    color: red;
    font-weight: bold;
    border: 1px solid #BFBFBF;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    max-width: 30px;
    max-height: 30px;
    box-shadow: 2px -3px 6px #ccc inset;
    display: inline-block;
}

.box.lotto .lotto.results .row .lotto.superzahl span {
    position: absolute;
    left: 0;
    top: 2px;
    width: 100%;
    height: 100%;
    text-align: center;
}

.box.lotto .lotto.results .row .lotto.gewinnzahl span, .box.lotto .lotto.results .row .lotto.s77 span, .box.lotto .lotto.results .row .lotto.s6 span {
    position: absolute;
    left: 0;
    top: 2px;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: bold;
    color: #000;
}

.box.lotto .lotto.results .row .label {
    display: block;
    clear: left;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.box.lotto .lotto.results .row .date {
    margin-bottom: 10px;
    font-weight: bold;
}

.box.lotto .lotto.results .row {
    height: 30px;
    padding-top: 5px;
    padding-bottom: 0;
}

.box.lotto .lotto.results .row:nth-child(2), .box.lotto .lotto.results .row:nth-child(4), .box.lotto .lotto.results .row:nth-child(5) {
    border-top: 1px solid #DCD7D3;
    margin-top: 0px;
    padding-top: 8px;
}

.box.lotto .lotto.results .row .zahlen {
    position: absolute;
    left: 85px;
}

.box.lotto .lotto.results .row.date {
    position: absolute;
    left: 20px;
    top: 55px;
}

.box.lotto h2 {
    overflow: hidden;
}

.box.lotto .disclaimer {
    margin-bottom: 10px;
    margin-left: 20px;
    display: block;
    font-size: 5.5px;
}

.call_lotto {
    display: block;
    text-align: right;
    padding-right: 20px;
}

.call_lotto .button {
    display: inline-block;
    margin: 0;
    background-color: #E5022B;
    padding: 5px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
}

.jackpot {
    margin-left: 20px;
    float: left;
}

.jackpot span {
    color: #f00;
    font-weight: bold;
}

.lotto-header {
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: #FEDB31;
    padding-left: 13px;
}

@media print {
    @page { margin: 1cm; }

    * { background-color: transparent !important; background-image: none !important; }

    body
    {
        font: normal 9pt/13pt arial,helvetica,sans-serif;
        color: #57524d;
        background-color: #fff;
    }

    .nd, .ad, #meta, .article .skip, #logo #group, #kommentar, #header .search, #nav, #copyright li, #service, #rightbar, #deskcollapse, #edition, #footer .logo, #copyright li a, .lightbox-overlay, .lightbox-skin, .slider .prev, .slider .next, .info.recommend, #plista_widget_underArticle_mobile, #plista_inimg_box0, #plista_widget_underArticle_rwd, #plista_widget_slide, #supersize, #skyscraper, #omsv_sky_DhtmlTable, #toplink, .paging, .tab, .tabc > div#t-video, ul.funcs, #bbsearch.box, #bewertungen .result, .sectionheader, .productinfo, .options, #nativeads_teaser, #toast { display: none !important; }

    #page { max-width: 19cm; padding: 10pt; margin-right: 0; }
    #logo .logo { float: none; width: 100%; }
    #deskf, #desk { float: none; margin: 0; }
    #footer { background-color: #fff; }
    #footer .wrapper { max-width: 19cm; padding: 0 10pt; }
    #copyright li.tx {display: block !important}
    .comments {margin-top: 40px;}

    a.more, .more a, .overview a, a.back, span.more { padding-left: 0; }
    .text ul.list li > a { margin-left: 0; }
    .linkbox ul.list li { padding: 0 10pt; }
    .result dt { width: 70%; }
    .result dd .bar span { border-right: 0; }
    .primary { color: #333 !important; }
    div.search { padding-left: 0; }
    div.search input { border: 1px solid #CDC7C0; border-radius: 3px !important; box-shadow: 0 0 1px #BBBBBB inset; }
    .searchform fieldset { display: block !important; }
    .bright { color: inherit !important; }

    .buyarea-wrap, .buyarea { float: none; margin: 0; }

    #logo .logo {text-align: center; display: block;}
    #breadcrumb { margin: 20px 0;}
    .text {font-size: 14px;}
    h1{ line-height: 1.2;}

    .cookie-notification { display: none !important; }
    .plista_widget_slide { display: none !important; }
    #oms_ticker { display: none !important; }
}