/* ---------- ALLGEMEINE TAG-DEFINITIONEN ---------- */ @font-face { font-display: swap; font-family: 'Saira'; font-style: normal; font-weight: 300; src: url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-300.eot'); src: local(''), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-300.eot?#iefix') format('embedded-opentype'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-300.woff2') format('woff2'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-300.woff') format('woff'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-300.ttf') format('truetype'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-300.svg#Saira') format('svg'); } @font-face { font-display: swap; font-family: 'Saira'; font-style: normal; font-weight: 400; src: url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-regular.eot'); src: local(''), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-regular.eot?#iefix') format('embedded-opentype'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-regular.woff2') format('woff2'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-regular.woff') format('woff'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-regular.ttf') format('truetype'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-regular.svg#Saira') format('svg'); } @font-face { font-display: swap; font-family: 'Saira'; font-style: normal; font-weight: 700; src: url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-700.eot'); src: local(''), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-700.eot?#iefix') format('embedded-opentype'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-700.woff2') format('woff2'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-700.woff') format('woff'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-700.ttf') format('truetype'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-700.svg#Saira') format('svg'); } @font-face { font-display: swap; font-family: 'Saira'; font-style: italic; font-weight: 300; src: url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-300italic.eot'); src: local(''), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-300italic.woff2') format('woff2'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-300italic.woff') format('woff'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-300italic.ttf') format('truetype'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-300italic.svg#Saira') format('svg'); } @font-face { font-display: swap; font-family: 'Saira'; font-style: italic; font-weight: 400; src: url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-italic.eot'); src: local(''), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-italic.eot?#iefix') format('embedded-opentype'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-italic.woff2') format('woff2'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-italic.woff') format('woff'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-italic.ttf') format('truetype'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-italic.svg#Saira') format('svg'); } @font-face { font-display: swap; font-family: 'Saira'; font-style: italic; font-weight: 700; src: url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-700italic.eot'); src: local(''), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-700italic.woff2') format('woff2'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-700italic.woff') format('woff'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-700italic.ttf') format('truetype'), url('/shop/images/appserv/addon/googlefont/saira/saira-v13-latin-700italic.svg#Saira') format('svg'); } html { font-size:100% ; -webkit-text-size-adjust:none } body { line-height:1.2 ; background:#fff ; color:#000 ; font-size:100% ; font-family:"Saira","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif ; text-rendering:optimizelegibility ; overflow-x:hidden;} a:hover , a:focus { color:#B20000 ; text-decoration:none ; outline:0 } a { color:#000 ; outline:0 } *:focus { outline:0 } /* Formularemelente */ input { vertical-align:middle } select , input[type='select'] , input[type='text'] , input[type='password'] , textarea { border: 1px solid #c1c1c1 ; padding:2px } input[type='image'] { border:0 } .orderform { border: 1px solid #c1c1c1 ; padding:3px } .ordermand { color:#ff0000 ; font-weight:bold ; text-align:center } .ordererror { border:1px solid #ff0000 !important ; background:#FFDFDF !important } .form-group.captcha img { min-width:200px ; max-width:310px ; width:100% } .formph::-webkit-input-placeholder { text-align:right } .formph:-moz-placeholder { text-align:right } .formph::-moz-placeholder { text-align:right } .formph:-ms-input-placeholder { text-align:right } /* Tabellen & Text */ table , th , td , caption { text-align:left ; font-weight:normal ; float:none !important ; border:0 ; outline:0 ; font-size:100% ; font:inherit } table , th , td { vertical-align:middle } .texthyphens { -moz-hyphens:auto ; -o-hyphens: auto ; -webkit-hyphens:auto ; -ms-hyphens:auto ; hyphens:auto } /* Titel */ h1,h2,h3,h4,h5,h6 { font-weight:normal } h1 { font-size:2em ; line-height:1 ; margin-bottom:0.5em } h2 { font-size:1.750em ; line-height:1 ; margin-bottom:0.75em } h3 { font-size:1.5em ; line-height:1 ; margin-bottom:1em } h4 { font-size:1.250em ; line-height:1.25 ; margin-bottom:1.25em } h5 { font-size:1em ; font-weight:bold ; margin-bottom:1.5em } h6 { font-size:1em ; font-weight:bold } /* Fehlermeldung: jquery validation */ div.os_form_error { color:#ff0000 ; font-style:italic } div.os_form_valid { } select.os_form_error , input[type='select'].os_form_error , input[type='text'].os_form_error , input[type='password'].os_form_error , textarea.os_form_error { background:#ffdfdf } /* svg fa6 */ .os_svgfa_08 { width:auto ; height:8px } .os_svgfa_09 { width:auto ; height:9px } .os_svgfa_10 { width:auto ; height:10px } .os_svgfa_12 { width:auto ; height:12px } .os_svgfa_14 { width:auto ; height:14px } .os_svgfa_16 { width:auto ; height:16px } /* ---------- BUTTONS ---------- */ .os_button_grey_submit { color:#000 ; background:#f2f2f2 url(./../button_backgrey.png) repeat-x bottom ; border:1px solid #c1c1c1 ; text-shadow:0 1px 0 #f2f2f2 ; font-weight:bold ; text-align:center ; padding: 8px 16px ; margin:0 ; cursor:pointer } .os_button_grey_submit:hover { color:#000 ; background:#E6E6E6 } .os_button_col1_submit { color:#fff ; background:#46A74E ; border:0 ; font-weight:bold ; text-align:center ; padding: 8px 16px ; margin:0 ; cursor:pointer } .os_button_col1_submit:hover { color:#fff ; -webkit-filter: brightness(1.2) ; filter: brightness(1.2) } .os_button_col2_submit { color:#fff ; background:#46A74E ; border:0 ; font-weight:bold ; text-align:center ; padding: 8px 16px ; margin:0 ; cursor:pointer } .os_button_col2_submit:hover { color:#fff ; -webkit-filter: brightness(1.2) ; filter: brightness(1.2) } .os_button_grey span , .os_button_col1 span , .os_button_col2 span { position:relative ; display:inline-block ; font-weight:bold ; text-align:center ; padding: 8px 16px ; cursor:pointer } a.os_button_grey:hover , a.os_button_col1:hover , a.os_button_col2:hover { text-decoration:none } .os_button_grey span { color:#000 ; background:#f2f2f2 url(./../button_backgrey.png) repeat-x bottom ; border:1px solid #c1c1c1 ; text-shadow:0 1px 0 #f2f2f2 } .os_button_grey:hover span { color:#000 ; background:#E6E6E6 ; text-decoration:none ; cursor:pointer } .os_button_col1 span { color:#fff ; background:#46A74E } .os_button_col1:hover span { color:#fff ; -webkit-filter: brightness(1.2) ; filter: brightness(1.2) ; text-decoration:none ; cursor:pointer } .os_button_col2 span { color:#fff ; background:#46A74E } .os_button_col2:hover span { color:#fff ; -webkit-filter: brightness(1.2) ; filter: brightness(1.2) ; text-decoration:none ; cursor:pointer } .btn-order { background-color:#46A74E ; border:0 ; border-radius:0 ; font-weight:bold ; color:#fff ; padding: 8px 16px ; cursor:pointer } .btn-order:hover { color:#fff ; -webkit-filter: brightness(1.2) ; filter: brightness(1.2) } /* ---------- KOPFBEREICH ---------- */ .os_head_teasertop { z-index:1 ; position:relative ; color:#3f4344 ; background:#FFDCE2 ; font-size:1em ; text-align:center ; padding: 7px 5px } .os_head_teasertop .os_head_teasertlnk { display:inline-block ; color:#fff ; float:right ; margin: -7px 5px 10px 20px ; font-size:25px } @media screen and ( min-width:992px ) { .os_head_backcheckout { display:none } .os_head_big { margin-bottom:15px ; -webkit-box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.15) ; -moz-box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.15) ; box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.15) } .os_head_main { z-index:640 ; position:relative ; height:130px } .os_head_teaser { background:#000 } /* Navigation */ .os_head_phone { z-index:650 ; float:left ; margin-left:0px ; color:#fff ; font-size:0.857em } .os_head_phone a { color:#fff ; text-decoration:none ; display:inline-block ; padding: 10px 5px } .os_head_phone a:hover { color:#fff ; text-decoration:none } .os_head_navibox { z-index:650 ; float:right ; color:#fff ; font-size:0.857em } .os_head_navibox a { color:#fff ; text-decoration:none ; display:inline-block ; padding: 10px 5px } .os_head_navibox a:hover { color:#fff ; text-decoration:none } .os_head_navibox a.prod_request { background:#B20000 ; color:#fff; font-weight:600; padding:10px 20px; } .os_head_navibox a.prod_request i { margin-left:8px; } .os_head_navibox a.prod_request:hover { background: #1B951B; color:#fff; font-weight:600; padding:10px 20px; } /* Logo */ .os_head_logobox { z-index:700 ; position:absolute ; top:32px ; left:-15px ; width:250px; text-align:left ; width:auto } .os_head_logobox img {width:245px; height:auto;} /* Suche */ .os_head_searchbox { z-index:699 ; position:absolute ; top:45px ; left:300px; text-align:left; } .os_head_searchbox form { display:inline-block ; border: 1px solid #6F6F6F ; background:#fff ; margin: 0 auto } #sbbo { border:0 ; width:150px ; padding:0 8px ; margin:0 ; vertical-align:middle } #sbbo::placeholder { color:#808080 ; opacity:1 ; font-style:italic } #sbbo:-ms-input-placeholder { color:#808080 ; font-style:italic } #sbbo::-ms-input-placeholder { color:#808080 ; font-style:italic } #os_search_submit { border:0 ; cursor:pointer ; background:url('/shop/images/main/bg_head_icon_search.png') } #os_search_submit:hover { border:0 ; cursor:pointer ; background:url('/shop/images/main/bg_head_icon_search_hover.png') } /* Merkliste */ .os_head_wishbox { z-index:700 ; position:absolute ; right:350px ; top:39px ; font-size:0.857em } .os_head_wishbox a { color:#000 ; text-decoration:none ; display:inline-block ; padding-top:54px ; background: url(./../main/head_icon_wish_gray.svg) no-repeat ; background-size: 40px 41px ; background-position: top center } .os_head_wishbox a:hover { color:#000 ; text-decoration:none } .os_head_wishbox a.fill:before { position:absolute ; top:4px ; left:28px ; content:"\f00c" ; font-family:'FontAwesome' ; font-size:24px ; color:#000 } /* Login */ .os_head_loginbox { z-index:700 ; position:absolute ; right:230px ; top:43px ; font-size:0.857em } .os_head_loginbox a { color:#000 ; text-decoration:none ; display:inline-block ; padding-top:50px ; background: url(./../main/head_icon_account_gray.svg) no-repeat ; background-size: 36px 36px ; background-position: top center } .os_head_loginbox a:hover { color:#000 ; text-decoration:none } /* Warenkorb */ .os_head_scartbox { z-index:700 ; position:absolute ; top:43px ; right:130px } .os_scshort_popup { display:none ; position:absolute ; width:130px ; margin-top:6px ; border: 1px solid #6C6C6C ; background:#547EB3 } .os_head_scartbox .os_head_scarttitle { color:#000 ; padding: 8px 0 10px 15px ; font-weight:bold ; cursor:pointer } .os_head_scartbox .os_head_scartcontent { color:#000 ; cursor:pointer ; padding-left:15px } .os_head_scartbox .os_head_scartcontent:hover { color:#000 } .os_head_scartbox .os_head_scartcontent a { color:#000 ; font-size:0.857em ; text-decoration:none ; display:inline-block ; padding-top:50px ; background: url(./../main/head_icon_scart_gray.svg) no-repeat ; background-size: 54px 38px ; background-position: top center } .os_head_scartbox .os_head_scartcontent a:hover { color:#000 ; text-decoration:none } .os_head_scartbox .os_head_scartcontent a span { display:flex ; align-items:center ; justify-content:center ; position:absolute ; top:-10px ; right:0 ; color:#fff ; background:#BA2222 ; width:25px ; height:25px ; border-radius:50% } #os_head_scartlink { display:block } #os_head_scartpop { z-index:11000 ; display:none ; position:absolute ; margin: 0 0 0 -290px ; width:380px ; font-size:0.929em } #os_head_scartpop .os_head_scartajaxdiv { border:2px solid #000 ; background:#fff } #os_head_scartpop .os_head_scartt1titel { display:none ; color:#fff ; background:#000 ; padding:5px } #os_head_scartpop .os_head_scartt1div { max-height:270px ; overflow:auto ; border-bottom:1px solid #e1e1e1 ; padding:10px } #os_head_scartpop .os_head_scartt1ajax { width:100% } #os_head_scartpop .os_head_scartt1ajax tr { cursor:pointer } #os_head_scartpop .os_head_scartt1ajax td { padding:2px ; border-bottom:1px dotted #e1e1e1 } #os_head_scartpop .os_head_scartt1ajax tr:last-child td { border:0 } #os_head_scartpop .os_head_scartt1ajax img { width:50px } #os_head_scartpop .os_head_scartt1ajax a { text-decoration:none ; color:#333 ; font-weight:normal } #os_head_scartpop .os_head_scartt2div { padding:10px ; text-align:right } #os_head_scartpop .os_head_scartt2div .os_button_col1 span { height:30px } /* Trustelement */ .os_head_trustbox {position:absolute; top:18px; right:0px; } /* Horizontale Produktnavi */ .os_head_navi { z-index:610 ; position:relative ; margin: 5px 0 15px 0 ; padding:0 ; color:#fff ; background:#1B951B } #os_head_prodbox > ul { z-index:19998 ; display:flex ; justify-content:space-between ; list-style:none ; margin:0 ; padding:0 ; text-align:center; background:#000; } #os_head_prodbox > ul > li:after { content: "" } #os_head_prodbox > ul > li:last-child:after { content: "" } #os_head_prodbox > ul > li { flex-grow:1 ; display:inline-block ; text-align:center } #os_head_prodbox > ul > li > a { padding: 10px 2px ; margin: 0 7px ; display:block ; color:#fff ; font-size:0.929em ; font-weight:600 ; text-decoration:none } #os_head_prodbox > ul > li:hover > a { color:#f1f1f1 ; background:#BA2222 } #os_head_prodbox > ul > li > ul { display:none ; z-index:19999 ; position:absolute ; list-style:none ; padding:0 ; width:280px ; background:#000 } #os_head_prodbox > ul > li > ul > li { float:none ; text-align:left ; background:#000 ; width:100% ; border-top: 1px solid #fff } #os_head_prodbox > ul > li > ul > li > a { font-size:.975rem ; font-weight:normal ; padding: 6px 0 6px 15px ; display:block ; color:#fff ; border:0 ; margin:0 } #os_head_prodbox > ul > li > ul > li > a:hover { color:#f1f1f1 ; background:#666 } #os_head_prodbox > ul > li > ul > li i { margin-right:10px } #os_head_prodbox .actA > a , #os_head_prodbox .act > a { color:#f1f1f1 ; background:#1B951B } #os_head_prodbox .os_head_prod_Toys > ul { width:550px } #os_head_prodbox .os_head_prod_Toys > ul > li { float:left ; width:50% } #os_head_prodbox .os_head_prod_Marken > ul { width:750px ; -moz-column-count:4 ; -webkit-column-count:4 ; column-count:4 } #os_head_prodbox .os_head_prod_Marken > ul > li { float:none ; -webkit-column-break-inside:avoid ; page-break-inside:avoid ; break-inside:avoid } } @media screen and ( min-width:1330px ) { .os_head_logotrust { z-index:699 ; position:absolute ; top:25px ; left:280px } #sbbo { width:450px } #os_head_prodbox ul > li > a { padding: 10px 18px ; margin:0 ; font-size:.925rem ; font-weight:normal } #os_head_prodbox ul > li:first-child > a { margin-left:0 } #os_head_prodbox ul > li:last-child > a { margin-right:0 } } /* Bootstrap XS SM */ @media screen and ( max-width:991px ) { .os_head_small { position:relative ; padding-top:15px } .os_head_small .os_head_main { display:flex ; flex-wrap:nowrap ; align-items:center } .os_head_small .os_head_main ul { margin:0 } .os_head_small .os_head_main ul li { padding: 0 10px } .os_head_small .os_head_main .logo { flex:auto } .os_head_small .os_head_main .logo img { width:100% ; max-width:140px } .os_head_small .os_head_main .icon { flex:auto ; position:relative } .os_head_small .os_head_main .icon .icon_wish { width:22px ; height:22px } .os_head_small .os_head_main .icon .icon_login { width:22px ; height:22px } .os_head_small .os_head_main .icon .icon_scart { width:22px ; height:22px } .os_head_small .os_head_main .icon .black_disk { display:flex ; align-items:center ; justify-content:center ; position:absolute ; top:-5px ; right:0 ; width:18px ; height:18px ; color:#fff ; background-color:#B20000 ; font-size:12px ; border: 1px solid #B20000 ; border-radius:10px } .os_head_small .os_head_search { padding: 7px 5px ; margin: 15px 0 0 0 ; background:#f5f5f5 } .os_head_small .os_head_search .searchform { width:100% ; border:0 } .os_head_small .os_head_search .searchform .searchcat { float:left ; margin: 7px 15px 0 5px ; width:22px ; height:22px } .os_head_small .os_head_search .searchform .searchblock { display:table ; background:#fff } .os_head_small .os_head_search .searchform .searchblock .searchtxt { display:table-cell ; width:100% } .os_head_small .os_head_search .searchform .searchblock .searchtxt input { background:none ; width:100% ; border:0 ; padding: 8px 6px ; border-radius:0 ; box-shadow:none ; -webkit-appearance:none } .os_head_small .os_head_search .searchform .searchblock .searchbut { display:table-cell ; width:100% ; background:none ; border:0 } .os_head_small .os_head_search .searchform .searchblock .searchbut > img { width:22px ; height:22px ; margin:3px } #Xos_headxs_prod { position:absolute ; top:0 ; left:-13.755em ; width:13.755em ; height:100% ; overflow:auto ; color:#fff ; background:#000 ; -webkit-overflow-scrolling: touch ; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -o-transition: 0.15s ease; transition: 0.15s ease } #Xos_headxs_prod.active { -webkit-transform: translate(13.755em, 0px) ; -moz-transform: translate(13.755em, 0px); -o-transform: translate(13.755em, 0px); -ms-transform: translate(13.755em, 0px); transform: translate(13.755em, 0px) } #os_headxs_prod { z-index:100000 ; padding:10px ; position:fixed ; top:0 ; bottom:0 ; left:-13.755em ; width:13.755em ; height:100% ; overflow:auto ; color:#fff ; background:#000 ; -webkit-overflow-scrolling: touch ; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -o-transition: 0.15s ease; transition: 0.15s ease } #os_headxs_prod.active { opacity:0.92 ; -webkit-transform: translate(13.755em, 0px) ; -moz-transform: translate(13.755em, 0px); -o-transform: translate(13.755em, 0px); -ms-transform: translate(13.755em, 0px); transform: translate(13.755em, 0px) } #os_headxs_prod > .list-unstyled > li > a { font-weight:bold } #os_headxs_prod ul { margin: 20px 0 ; border-top: 1px solid #fff } #os_headxs_prod ul b { display:block } #os_headxs_prod ul a { display:block ; color:#fff ; padding-top:8px ; padding-bottom:8px ; border-bottom: 1px solid #fff } #os_headxs_prod ul a:hover { background:#808080 } #os_headxs_prod .naviclose { text-align:right } #os_headxs_prod .naviclose a i { color:#fff ; font-size:1.75em } .Xos_page_mainwrapper { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -o-transition: 0.15s ease; transition: 0.15s ease } .Xos_page_mainwrapper.active { -webkit-transform: translate(13.725em, 0px); -moz-transform: translate(13.725em, 0px); -o-transform: translate(13.725em, 0px); -ms-transform: translate(13.725em, 0px); transform: translate(13.725em, 0px) } } @media screen and ( max-width:1px ) { #os_headxs_prodMM i { display:none } .mm-ocd { background:#f9f9f9 ; color:#330 ; --mm-spn-item-height:32px ; --mm-ocd-max-width:500px } .mm-ocd ul ul a { padding-top:8px ; padding-bottom:8px } .mm-ocd a::after { border:0 !important } .mm-ocd span { padding-left:0 } .mm-ocd li.actA > a { background:#101010 } .mm-listitem__btn:not(.mm-listitem__text) { border-left:0 } .mm-listitem--selected > .mm-listitem__text { background:none } .mm-listitem--selected { background: var(--mm-color-background-emphasis) } } /* ---------- FUSSBEREICH ---------- */ .os_foot_main { margin-top:50px } .os_foot_main .os_foot_all { color:#fff ; /* background:#404040 ; */ padding:50px 0 30px 0; background-image:url(/shop/images/main/bg-footer.jpg) ; background-size:cover; /* max-width:1920px; margin:auto; */ } .os_foot_main .os_foot_all .wrapper { padding-top:20px ; padding-bottom:25px } .os_foot_main .os_foot_all .content a { color:#fff ; text-decoration:none } .os_foot_main .os_foot_all .content a:hover { color:#bbb ; text-decoration:none } .os_foot_main .os_foot_all .content ul li { padding: 4px 0 } .os_foot_main .os_foot_all .content p { display:block ; margin-top:15px ; margin-bottom:15px ; font-weight:bold ; text-transform:uppercase } .os_foot_main .os_foot_all .content .dott ul li::before { color:#fff ; content:"\f105" ; font-family:"FontAwesome" ; margin-right:7px } .os_foot_main .os_foot_all .logo-footer a { display:block; margin-bottom:2rem; } .os_foot_main .os_foot_all .logo-footer a img { max-width:250px; } .os_foot_main .os_foot_all .col1 ul {margin-left:85px;} .os_foot_main .os_foot_all .button-footer-nl { display:inline-block; text-decoration:none; background:#B20000; padding:5px 8px; border-radius:5px; margin-top:25px; font-weight:800; } @media screen and ( max-width:991px ) { .os_foot_main { text-align:center; } .logo-footer, .logo-footer a { width:100%; text-align:center; } } @media ( max-width:767px ) { .os_foot_main .os_foot_all .content p.os_foot_navi_tit { cursor:pointer } .os_foot_main .os_foot_all .content p.os_foot_navi_tit:after { font-family:FontAwesome ; content: "\f107" ; margin-left:10px } .os_foot_main .os_foot_all .content p.os_foot_navi_act:after { font-family:FontAwesome ; content: "\f106 " ; margin-left:10px } } /* brandlineline */ .os_foot_main .os_foot_brandline { font-size:1rem ; color:#000 ; background:#F2F2F2; } .os_foot_main .os_foot_brandline .content { margin: 0px calc(50% - 50vw); text-align:center; } .os_foot_main .os_foot_brandline .content .partner { margin:0 auto; text-align:center; width:95%; max-width:1800px; } .os_foot_main .os_foot_brandline .content .partner img { margin-top:1rem; margin-bottom:1rem; background:#fff; } .os_foot_main .os_foot_brandline .content { line-height:1.6 ; padding: 15px 0 } .os_foot_main .os_foot_brandline .content a { color:#000 ; text-decoration:none } .os_foot_main .os_foot_brandline .content a:hover { color:#B20000 ; text-decoration:none } .os_foot_main .os_foot_brandline .content figure { background:#fff; margin-bottom:1rem; padding:0px 10px; } .os_foot_main .os_foot_brandline img {width:100%; height:auto; } /* Subline */ .os_foot_subline { display:block; font-size:1rem ; color:#000 ; background:#fff; } .os_foot_subline .container { line-height:1.6 ; padding: 15px 0 } .os_foot_subline .container a { color:#000 ; text-decoration:none } .os_foot_baseline .container a:hover { color:#B20000 ; text-decoration:none } /* Baseline */ .os_foot_baseline { font-size:1rem ; color:#fff ; background:#000 } .os_foot_baseline .content { line-height:1.6 ; padding: 15px 0 } .os_foot_baseline .content a { color:#fff ; text-decoration:none } .os_foot_baseline .content a:hover { color:#B20000 ; text-decoration:none } /* Tracking */ .os_foot_track { display:none } /* ---------- CONTENBEREICH ---------- */ .os_content_all .content > .row { background:#fff ; margin:0 ; padding: 25px 0 40px 0 } @media screen and ( max-width:991px ) { .os_content_all .content > .row { background:#fff ; margin:0 ; padding: 20px 0 60px 0 } .os_main_shop { padding:0 } } /* LINKE SPALTE */ .os_main_left_td { min-height:50px ; padding: 0 15px 0 0 } .os_main_left_td .os_main_left_contentbox { text-align:left } /* BOX "Rubrikenauswahl" */ /* => befindet sich im jeweiligen Navigations-Plugin-CSS */ /* BOX "Kundenservice" */ .os_main_left_td .os_service_title { background:#2B558A ; color:#fff ; padding: 11px 0 11px 12px ; margin-top:15px ; font-weight:bold } .os_main_left_td .os_service_content { padding:0 ; border-top: 1px solid #fff ; background:#F5F5F5 } .os_main_left_td .os_service_content ul { list-style:none ; padding:0 ; margin:0 } .os_main_left_td .os_service_content ul li { padding: 10px 0 10px 12px ; border-bottom: 1px solid #fff } .os_main_left_td .os_service_content a { color:#000 ; text-decoration:none ; display:block } .os_main_left_td .os_service_content a:hover { color:#2B558A ; text-decoration:none } /* ---------- SHOPINNENBEREICH ---------- */ .os_main_shop { padding-right:0 } /* ---------- ALLGEMEIN : Umrandung der Überschriftenboxen */ .os_toptable { border: 1px solid #d7d7d7 } .os_toptabletd { padding: 4px 10px 4px 10px ; font-weight:bold ; text-align:left } .os_title_div { border: 1px solid #d7d7d7 ; padding: 6px 10px 6px 15px ; font-weight:bold ; text-align:left ; margin-bottom:12px } .os_title_txt { padding: 6px 10px 12px 0px ; font-weight:bold ; text-align:left ; font-size:1.286em ; color:#9E233E } .os_content_div { border: 1px solid #d7d7d7 ; padding:15px ; margin-bottom:12px ; min-height:0 } .os_content_div2 { padding:0 ; border:0 } .os_content_div3 { padding:0 } .os_content_tab { width:100% ; border-spacing:0 ; border-collapse:collapse } .os_content_tab td { padding:0 } .os_content_dott { border-top: 1px dotted #d7d7d7 } .os_content_dott_td { border-bottom: 1px dotted #d7d7d7 } .os_content_corner { background:#fff ; border: 1px solid #d7d7d7 } /* ---------- ALLGEMEIN : Allgemein Meldungen -> Schriften */ .os_error { color:#ff0000 } .os_small { font-size:0.929em } .os_fright { float:right } .os_fleft { float:left } .os_div_error { color:#ff0000 ; border: 1px solid #ff0000 ; background:#FFDFDF ; font-weight:bold ; text-align:center ; padding:15px ; margin-bottom:12px } /* ---------- ALLGEMEIN : Artikellisten */ .os_list_wrap_all { background:#fff ; padding:15px ; margin-top:30px ; border:0 ; height:auto ; border: 1px solid #e1e1e1 } .os_list_wrap_all:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(217,217,217,0.80) ; -moz-box-shadow: 0px 0px 10px 0px rgba(217,217,217,0.80) ; box-shadow: 0px 0px 10px 0px rgba(217,217,217,0.80) } .os_list_wrap_all .os_list_box1_all { padding: 0 0 10px 0 ; text-align:center ; position:relative } .os_list_wrap_all .os_list_box1_all .thumb { width:80% ; max-width:300px ; height:auto } .os_list_wrap_all .os_list_box2_all { text-align:center } .os_list_wrap_all .os_list_mark { position:absolute ; top:0 ; left:0 ; z-index:100 } .os_list_wrap_all .os_list_title { height:80px ; overflow:hidden } .os_list_wrap_all .os_list_text { height:80px ; overflow:hidden ; font-size:0.929em ; padding-bottom:20px ; -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent) } .os_list_wrap_all .os_list_price1 { color:#990000 ; font-weight:normal ; display:inline-block ; padding-left:15px } .os_list_wrap_all .os_list_oldprice { text-decoration: line-through } .os_list_wrap_all .os_list_price2 { margin-top:12px; color:#000 ; padding-bottom:8px ; font-weight:600 } .os_list_wrap_all .os_list_price2 .pricepre { font-weight:normal } .os_list_wrap_all .os_list_tax { font-size:0.857em ; height:18px } .os_list_wrap_all .os_list_buttons { height:30px ; margin-top:15px } .os_list_wrap_all .os_list_ddoption { width:110px } .os_list_ship { padding: 6px 0 ; font-size:0.857em ; color:#808080 ; overflow:hidden } .os_list_shipt1 { color:#008000 } .os_list_shipt2 { color:#008000 } .os_list_shipt3 { color:#F97C00 } .os_list_shipt4 { color:#F97C00 } .os_list_shipt5 { color:#F97C00 } .os_list_shipt6 { color:#F97C00 } .os_list_shipt7 { color:#F97C00 } .os_list_shipt8 { color:#FF0000 } .os_list_shipt9 { color:#FF0000 } .os_list_link1 { font-size:1.071em ; text-decoration:none ; font-weight:normal } .os_list_link1:hover { color:#000 ; text-decoration:none } .os_list_link2 { color:#808080 ; text-decoration:none } .os_list_link2:hover { color:#000 ; text-decoration:none } .os_list_content1_div { padding:6px } .os_list_content1_div ul { list-style:none ; padding:0 ; margin:0 ; overflow:auto } .os_list_content1_div ul li { float:left ; padding-right:15px } .os_list_formtab td { padding: 3px 40px 3px 0 } .os_list_formdiv hr { color:#e0e0e0 ; border:0 ; height:1px ; margin: 20px 0 20px 0 } .os_list_formdiv text { width:220px } @media ( max-width:767px ) { .os_list_wrap_all .os_list_box1_all .thumb { width:65% } .os_list_wrap_all .os_list_title { height:auto ; margin-bottom:15px } .os_list_link1 { font-size:1.3em } .os_list_wrap_all .os_list_price1:empty { display:none } .os_list_wrap_all .os_list_tax:empty { display:none } } /* ---------- ALLGEMEIN : Blätterseiten -> Listen und Suchergebnisse */ .os_pages_headwrap { } .os_pages_footwrap { margin-top:10px ; margin-bottom:10px } .os_pages_headwrap.list { background:#d7d7d7 } .os_pages_headwrap.list a:hover { text-decoration:none } .os_pages_headwrap.list .pline1 { padding: 5px 0 } .os_pages_headwrap.list .pline1 .pleft { font-weight:bold } .os_pages_headwrap.list .pline1 .pleft a { text-decoration:none } .os_pages_headwrap.list .pline2 { background:#f5f5f5 ; padding: 8px 0 } .os_pages_headwrap.list .pleft { line-height:30px } .os_pages_headwrap.list .pright { text-align:right } .os_pages_headwrap.list .pline1 .pright { line-height:27px } .os_pages_headwrap.list .pline1 .pright .btn { border:0 ; background:none } .os_list_navi , .os_pages_act , .os_pages_na { display:inline-block ; padding:0 ; margin:0 ; color:#d7d7d7 ; text-decoration:none } a.os_list_navi { display:inline-block ; padding:0 ; margin:0 ; color:#000 ; text-decoration:none } a.os_list_navi:hover { color:#B20000 ; text-decoration:none } .os_pages_act { background:#000 ; color:#fff ; padding:5px } .os_pages_na { color:#d7d7d7 } a.os_pages { background:#fff ; display:inline-block ; padding:5px ; margin: 0 3px ; color:#000 ; text-decoration:none ; border: 1px solid #d7d7d7 } a.os_pages:hover { background:#000 ; color:#fff ; text-decoration:none } /* ---------- SPEZIAL : Message-Box */ .messagedivbody { overflow:hidden } .messagedivtarget { overflow:hidden ; border: 8px solid #838383 ; border-radius:5px ; -moz-border-radius:5px ; font-size:0.857em ; background:#fff ; background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) ; width:500px ; height:250px ; display:none ; padding: 20px 10px 10px 20px } .messagedivtarget div.close { position:absolute ; right:0 ; top:0 ; cursor:pointer ; opacity:1 } .messagedivtarget .messagedivtitle { margin:0 ; padding: 0 0 30px 0 } .messagedivtarget .messagedivsubtitle { font-size:1.214em ; font-weight:bold ; padding: 0 0 20px 0 } .messagedivtarget .messagediverror { color:#ff0000 ; font-weight:bold } .messagedivtarget .messagedivcontentwrap { } .messagedivtarget .messagedivcontentleft { float:left ; width:100px } .messagedivtarget .messagedivcontentright { float:right ; width:340px } .messagedivtarget .messagedivbuttonmwrap { padding-top:20px } .messagedivtarget .messagedivbuttonmwrap a { font-size:0.929em ; margin-right:20px } .messagedivtarget .messagedivbuttonmwrap a span { width:140px ; line-height:15px } .messagedivtarget .messagedivcontentright th { font-weight:normal ; text-align:left ; padding: 3px 20px 3px 0 } .messagedivtarget .messagedivcontentright td { text-align:left ; padding: 3px 0 } @media ( max-width:767px ) { .messagedivtarget { width:90% !important ; min-width:280px !important ; height:auto !important } .messagedivtarget .messagedivcontentleft { float:none ; width:auto } .messagedivtarget .messagedivcontentright { float:none ; width:auto } .messagedivtarget .messagedivbuttonmwrap a span { width:100% ; margin: 3px 0 } } /* ---------- SPEZIAL : Content-Box */ .popupdivbody { overflow:hidden } .popupdivtarget { display:none ; overflow:hidden ; min-width:300px ; width:95% !important ; height:95% !important ; padding: 10px 20px 0 10px ; background:#fff ; background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) } .popupdivtarget div.close { position:absolute ; right:0 ; top:0 ; cursor:pointer ; opacity:1 !important } .popupdivtarget div.close img { opacity:1 } .popupdiviframe { width:100% ; height:97% !important ; margin:0 ; padding:0 ; overflow:auto } .popupdivcontentbody { background:#fff ; margin:20px } .popupdivcontentitle { font-weight:bold ; border-bottom: 1px solid #d7d7d7 ; margin-bottom:20px ; padding-bottom:15px } .popupdivcontentext { text-align:left ; padding-right:20px } #exposeMask { background-color:#000 !important ; opacity:0.80 !important } @media screen and ( min-width:992px ) { .popupdivtarget { max-width:850px } .popupdivtarget.smallpopup { width:500px !important ; height:300px !important } } /* ---------- SPEZIAL : Auto-Complete */ .ac_results { z-index:99999 ; left:50% !important ; margin-left: -350px !important ; background:#fff ; padding:4px ; margin-top:15px ; overflow:hidden ; border: 1px solid #e1e1e1 ; border-radius:3px ; box-shadow: 0 0 2px 0 #aaa } .ac_results a { text-decoration:none } .ac_results ul { width:100% ; list-style-position:outside ; list-style:none ; padding:0 ; margin:0 } .ac_results li { font-size:0.929em ; margin:0 ; padding: 2px 5px ; cursor:default ; display:block ; overflow:hidden } .ac_results img { width:50px ; margin: 2px 10px 2px 0 ; vertical-align:middle ; float:left } .ac_results b.ctit { font-size:1.143em } .ac_results .ac_rleft { width:42% ; margin-bottom:12px } .ac_results .ac_rleft a { display:block ; padding: 2px 0 2px 15px ; overflow:hidden ; border-top: 1px solid #e1e1e1 } .ac_results .ac_rleft div.tit { display:block ; margin: 6px 0 4px 0 } .ac_results .ac_rright { width:52% } .ac_loading { background: white url(./../icon_ajax.gif) right center no-repeat } .ac_odd { } .ac_over { } /* ---------- SPEZIAL : Warenkorb leer */ .os_scart_error_empty { display:none ; color:#ff0000 ; border:1px solid #ff0000 ; background:#ffdfdf ; font-weight:bold ; text-align:center ; padding:15px ; margin-bottom:12px } /* ---------- Bootstrap ---------- */ .mm-slideout { z-index:auto !important } .alert { border-radius:0 } .affix-bottom { position:relative } .os_newsletter_formgroup .control-label { text-align:left ; font-weight:normal } .os_newsletter_formgroup .mand .control-label { text-align:left ; font-weight:600 } @media print { a[href]:after { content:none } } /* ---------- SPEZIAL : Pfeil nach unten */ .os_icon_down { border-left: 4px solid rgba(0,0,0,0) ; border-right: 4px solid rgba(0,0,0,0) ; border-top: 4px dashed ; display:inline-block ; height:0 ; margin-left:2px ; vertical-align:middle ; width:0 } /* ---------- SPEZIAL : Top Auto Hide */ #autohidebacktotop { display:none ; position:fixed ; bottom:20px ; right:20px } #autohidebacktotop img { display:block ; width:40px ; height:40px } #autohidebacktotop a { display:block } #autohidebacktotop .atscart { position:relative ; margin-bottom:15px } #autohidebacktotop .atscart span { display:flex ; align-items:center ; justify-content:center ; position:absolute ; top:-6px ; right:-6px ; color:#fff ; background:#000 ; font-size:0.929em ; width:22px ; height:22px ; border-radius:50% } /* ---------- SPEZIAL : Zuletzt angeschaut */ .prodlastdivbody { overflow:hidden } #prodlastbutton { position:fixed ; top:300px ; right:0 ; display:none ; cursor:pointer } #prodlastdivtarget { z-index:9999998 ; position:fixed ; top:0 ; right:0 ; width:100vw ; padding-left: calc(100vw - 280px) ; height:100vh ; background: rgba(255,255,255,.95) ; overflow-x:hidden ; overflow-y:scroll } #prodlastdivtarget.default { display:block ; visibility:hidden } #prodlastdivtarget.active { display:block ; visibility:visible } #prodlastdivtarget .prodlastdivinside { z-index:9999999 ; position:relative ; margin-left:280px ; min-height:100% ; width:100% ; background: rgb(255,255,255) ; border-left: 1px #e1e1e1 solid ; transition-property:margin-left ; transition-duration:0.7s } #prodlastdivtarget.active .prodlastdivinside { margin-left:0 ; transition-property:margin-left ; transition-duration:0.7s } #prodlastdivtarget .prodlastdivinside .plheader { position:sticky ; top:0 ; left:0 ; height:40px ; width:100% ; background:#f1f1f1 } #prodlastdivtarget .prodlastdivinside .plheader .pltitle { margin:10px ; font-weight:600 } #prodlastdivtarget .prodlastdivinside .plheader .plclose { margin:6px ; padding-right:10px ; font-size:20px ; cursor:pointer } #prodlastdivtarget .prodlastdivinside .plcontent { margin: 0 10px 10px 10px ; text-align:center } #prodlastdivtarget .prodlastdivinside .plcontent img { margin: 25px 0 5px 0 } /* ---------- SPEZIAL : Cookie-Abfrage */ #os_app_cookiewarn { z-index:5000 ; osition:fixed ; eft:0 ; ottom:0 ; width:100% ; background-color:#222222 ; color:#fff ; font-size:1em ; font-weight:normal } #os_app_cookiewarn .cminner { padding:25px } #os_app_cookiewarn .cmtext { float:left ; color:#fff ; padding-top:10px } #os_app_cookiewarn .cmtext a { color:#fff ; text-decoration:underline } #os_app_cookiewarn .cmbut { float:right ; text-align:right } #os_app_cookiewarn .cmbut a { display:inline-block ; background:#8F8F8F ; color:#000 ; padding: 10px 12px ; text-decoration:none !important ; -webkit-border-radius:5px ; -moz-border-radius:5px ; border-radius:5px } #os_app_cookiewarn .cmbut a:hover { color:#fff !important } @media screen and ( max-width:767px ) { #os_app_cookiewarn .cmtext { float:none } #os_app_cookiewarn .cmbut { float:none ; text-align:left } } /* Bewertungswidget */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url('./addon/googlefont/open-sans-v15-latin-300.woff2') format('woff2'), url('./addon/googlefont/open-sans-v15-latin-300.woff') format('woff') } @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url('./addon/googlefont/open-sans-v15-latin-regular.woff2') format('woff2'), url('./addon/googlefont/open-sans-v15-latin-regular.woff') format('woff') } @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('./addon/googlefont/open-sans-v15-latin-600.woff2') format('woff2'), url('./addon/googlefont/open-sans-v15-latin-600.woff') format('woff') } @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url('./addon/googlefont/open-sans-v15-latin-700.woff2') format('woff2'), url('./addon/googlefont/open-sans-v15-latin-700.woff') format('woff') } @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('./addon/googlefont/open-sans-v15-latin-800.woff2') format('woff2'), url('./addon/googlefont/open-sans-v15-latin-800.woff') format('woff') } .os_widget_rating { position:fixed; bottom:0px; left:0px; width:100%; height:51px; border-top: 1px solid lightgrey !important; background: #ECECEC; background: linear-gradient(0deg, rgb(218, 218, 218) 0%, rgb(249, 248, 248) 100%); padding: 0 } .os_widget_rating .only-large-screen.container { display:none; } .os_widget_rating * { font-family:'Open Sans', sans-serif } .os_widget_rating .container { display:flex; justify-content: space-between; } .os_widget_rating .container:before, .os_widget_rating .container:after { display:none!important; } .os_widget_rating .container .col { text-align:center; } .os_widget_rating img {width:100%; height:auto;} .os_widget_rating .col1 { width: 165px; } .os_widget_rating .col1 img { padding-top:9px;} .os_widget_rating .col2 { width:255px; display:none; } .os_widget_rating .col2 img { padding-top:12px; float:left;} .os_widget_rating .col3 { width: 79px; padding-top:7px;} .os_widget_rating .col3 b {font-size:20px;} .os_widget_rating .col4 { width: 100px; padding-top:8px; font-size:22px;} .os_widget_rating .col4 b {font-size:24px;} .os_widget_rating .col5 { padding: 9px 16px; border:solid #D3D3D3; border-width: 0px 1px; text-align:center; } .os_widget_rating .col5 img { height:32px; width:auto; } .os_widget_rating .col6 { width: 96px; } .os_widget_rating .col6 img { padding-top:12px;} .os_widget_rating .col7 { width: 124px; display:none;} .os_widget_rating .col7 img { padding-top:12px;} .os_widget_rating .col8 { width: 80px; padding-top:7px;} .os_widget_rating .col8 b {font-size:20px;} .os_widget_rating .col9 { width: 102px; padding-top:8px; font-size:22px;} .os_widget_rating .col9 b {font-size:24px;} @media screen and ( min-width:1500px ) { .os_widget_rating .hide-large-screen.container { display:none; } .os_widget_rating .only-large-screen.container { position:absolute; left:0px; width:100vw; display:block; } .os_widget_rating .only-large-screen.container .inside { display:block; position:relative; width:100%; max-width:1920px; margin:auto; } .os_widget_rating .container-left { position:absolute; left:15px; width:calc(50% - 150px); display: flex; justify-content: space-between; } .os_widget_rating .container-center { position:absolute; width:180px; left: calc(50% - 90px); text-align:center;} .os_widget_rating .container-right { position:absolute; right:15px ; width:calc(50% - 150px); display: flex; justify-content: space-between; padding-right:15px; } .os_widget_rating .col1 { /* width: 200px; */ } .os_widget_rating .col1 img { padding-top:12px; width:auto; height:35px;} .os_widget_rating .col2 { display:block; width:auto!important; } .os_widget_rating .col2 img { padding-top:14px; width:auto; height:35px;} .os_widget_rating .col2 span { float:left; display:inline-block; margin-left:8px; margin-top:15px; font-size:16px; text-transform:uppercase;} .os_widget_rating .col4 {display:block; } .os_widget_rating .col5 img { width:auto; height:35px; } .os_widget_rating .col6 { } .os_widget_rating .col6 img { width:auto; height:35px; padding-top:11px;} .os_widget_rating .col7 {display: block; } .os_widget_rating .col7 img { width:auto; height:35px; padding-top:7px; } .os_widget_rating .col-xs-3 { display:none; } } @media screen and ( max-width:995px ) { .os_widget_rating { text-align:center; } .os_widget_rating .col3 { display:none } .os_widget_rating .col8 { display:none } } @media screen and ( max-width:767px ) { .os_widget_rating .col {padding-top:10px;} .os_widget_rating .col img { height:34px ; width:auto; } } /* ---------- END ---------- */