@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
* { margin:0;padding:0;border:0;box-sizing:border-box; }

article { padding:35px 0 50px 0; }
article h1 { margin-bottom:35px;font-family:'Roboto Condensed',sans-serif;color:#000;font-weight:500;font-size:40px; }
article h2 { margin-bottom:35px;font-family:'Roboto Condensed',sans-serif;color:#000;font-weight:500;font-size:35px; }
article h3 { margin-bottom:10px;font-family:'Roboto Condensed',sans-serif;color:#000;font-weight:500;font-size:28px; }
article h4 { margin-bottom:10px;font-family:'Roboto Condensed',sans-serif;color:#000;font-weight:500;font-size:22px; }
article h4.silver { color:#445560; }
article a { color:#37BF91; }
article a:hover { text-decoration:none; }
article .aff { display:inline-block;position:relative;padding-left:27px;font-weight:bold; }
article .aff::after { display:inline-block;position:absolute;left:0;top:6px;height:22px;width:23px;content:"";background:url(/assets/gfx/misc/cart_grey.png); }
article p, article li { font-family:'Open Sans',sans-serif;color:#656565;line-height:225%;font-weight:400;font-size:16px;letter-spacing:0.5px; }
article p, article ul { margin-bottom:25px; }
article li { margin-left:25px;padding-left:5px;list-style:disc; }

.row { display:flex;flex-wrap:wrap;justify-content:space-between; }
[class*="col"] { margin-bottom:50px;width:100%; }
[class*="col"]:last-child { margin-bottom:0; }
[class*="col"] > p:last-child { margin-bottom:0; }

.textbox { margin-bottom:75px; }
.textbox > .textbox { margin-bottom:50px; }
.textbox.blue { background:#e7f1f7; }
.textbox.padding { padding:35px }

.addbox { display:block;margin:0 auto;background-color:#fff;border:1px solid #ccc;border-top:2px solid orange;text-align:center;text-decoration:none; }
.addbox::after { display:block;padding:15px 0;content:"ZUM ANGEBOT";font-family:'Roboto Condensed',sans-serif;font-size:14px;background-color:#333;color:#fff; }
.addbox::before { display:block;margin-top:5px;content:"ANZEIGE";font-family:'Roboto Condensed',sans-serif;font-size:12px;color:#999; }
.addbox img { display:block;margin:15px auto; }
.addbox span { display:block;padding:0 10px 15px 10px;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:300;color:blue; }

picture img { max-width:100% }

.youtube { width:560px;height:315px;max-width:100%; }

@media only screen and (max-width: 320px) {
    #inner_header, #topnavi_inner, #breadcrumb, article, #inner_footer { width:95%;margin:auto; }
}

@media only screen and (min-width: 321px) and (max-width: 576px) {
    #inner_header, #topnavi_inner, #breadcrumb, article, #inner_footer { width:90%;margin:auto; }
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
    #inner_header, #topnavi_inner, #breadcrumb, article, #inner_footer { width:80%;margin:auto; }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
    #inner_header, #topnavi_inner, #breadcrumb, article, #inner_footer { width:70%;margin:auto; }
}

@media only screen and (min-width: 993px) {
    #inner_header, #topnavi_inner, #breadcrumb, article, #inner_footer { width:960px;margin:auto; }
    [class*="col"] { margin-bottom:0; }
    [class*="col"].center { text-align:center; }
    [class*="col"].right { text-align:right; }
    .col2 { width:49%; }
    .col3 { width:32%; }
    .col4 { width:24%; }
    .col1_3 { width:32%; }
    .col2_3 { width:65%; }
}

@media only screen and (min-width: 1200px) {
    #inner_header, #topnavi_inner, #breadcrumb, article, #inner_footer { width:1110px;margin:auto; }
}
#inner_header { padding:25px;text-align:center; }
#breadcrumb { display:block;margin-top:25px;min-height:18.4px;}
#breadcrumb li { display:inline-block;list-style:none; }
#breadcrumb li, #breadcrumb a { font-family:'Open Sans',sans-serif;font-weight:300;font-size:12px;color:#666;text-decoration:none; }
#breadcrumb li.current { font-weight:bold; }
#breadcrumb a:hover { color:#37BF91; }
#topnavi { position:relative;padding-top:31px;min-height:62px;background:#445560; }
#topnavi li { list-style:none; }
#topnavi a { display:block;padding:25px 15px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:2px;font-family:'Roboto Condensed',sans-serif;font-weight:300;font-size:15px; }

#topnavi_toggle { display:none; }
#topnavi_toggle:not(checked) ~ #topnavi_inner { display:none; }
#topnavi_toggle:checked ~ #topnavi_inner { display:block; }
.topnavi_toggle_label:after { position:absolute;right:25px;top:15px;content:url(../gfx/misc/burger.png);cursor:pointer; }

@media only screen and (min-width: 993px) {
    #topnavi { padding-top:0; }
    #topnavi_inner { display:block!important; }
    #topnavi li { display:inline-block; }
    .topnavi_toggle_label { display:none; }
    #topnavi a { border:5px solid #445560; }
    #topnavi a:hover, #topnavi li.current a { border-top-color:#ba00d3;color:#ddd; }
}
#item_photo { max-width:100%; }
#item_detail { padding:30px;background:#f5f5f5; }
#item_detail h1 { margin-bottom:25px;font-family:'Roboto Condensed',sans-serif;font-weight:500;font-size:34px;line-height:125%;color:#484848; }
#item_price span { display:block;line-height:100%; }
#sale_infos span { display:inline-block; }
#orig_price { font-family:'Roboto Condensed',sans-serif;font-size:18px;color:#838383;text-decoration:line-through; }
#percentage { margin-left:5px;font-family:'Roboto Condensed',sans-serif;font-size:20px;font-weight:500;color:#9e0121;text-decoration:none; }
#percentage .price_reduction { padding:5px;background-color:#9e0121;color:#fff; }
#sell_price { margin:10px 0;font-family:'Roboto Condensed',sans-serif;font-size:36px;color:#37BF91; }
#price_suffix { font-family:'Open Sans',sans-serif;font-size:10px;color:#838383; }
#cta_button { display:block;padding:15px 0;width:100%;font-family:'Roboto Condensed',sans-serif;font-size:20px;text-align:center;text-decoration:none;text-transform:uppercase;background-color:#37BF91;color:#fff; }
#cta_button .aff::after { display:inline-block;position:absolute;left:-5px;top:0;height:22px;width:23px;content:"";background:url(/assets/gfx/misc/cart_white.png); }
#cta_button:hover { background-color:#05d38f }
#item_long_desc { margin-top:50px; }
#item_long_desc h3 { margin-bottom:25px; }

@media only screen and (min-width: 577px) {
    #item_detail { padding:50px; }
}
.item_list .item_tile { text-align:center; }
.item_list .col3 { margin-bottom:75px; }
.item_list a { text-decoration:none; }
.item_list .item_name { margin:0 auto;width:250px;min-height:125px;font-family:'Open sans',sans-serif;font-size:18px;line-height:200%;color:#000; }
.item_list .sell_price { font-family:'Roboto Condensed',sans-serif;font-size:24px;color:#37BF91; }
.item_list .orig_price { margin-right:5px;font-family:'Roboto Condensed',sans-serif;font-size:16px;color:#838383;text-decoration:line-through; }
.item_list .price_reduction { margin-right:5px;padding:5px;background-color:#9e0121;font-family:'Roboto Condensed',sans-serif;font-size:16px;color:#fff; }footer { padding:75px 0;background-color:#243540; }
footer h6 { margin-bottom:10px;font-family:'Roboto Condensed',sans-serif;color:#fff;font-weight:500;font-size:22px; }
footer p, footer li, footer a { font-family:'Open Sans',sans-serif;color:#fff;line-height:225%;font-weight:400;font-size:15px; }
footer p { margin-bottom:25px; }
footer p.copyright, footer p.copyright a, #legal-nav a { color:#999;font-size:13px; }

footer a:hover { text-decoration:none; }
footer li { list-style:none; }
#legal-nav li { display:inline-block;margin-right:10px; }