/* color: #ff8300; KRÖLL ORANGE*/ /* color: #ffc188; KRÖLL ORANGE INAKTIVE*/ /* color: #eeeeee; PRE-HEADER BG */ /* color: #ececec; FOOTER BACKGROUND, WARENKORB-AKTIV-BUTTONS BG*/ /* color: #cccccc; FOOTER BALKEN, WARENKORB-NICHT-AKTIV BUTTONS */ /* color: #d9d9d9; CAROUSEL- PFEILE & RAHMEN, TRENNLINIE */ /* color: #f7f7f7; CAROUSEL-BG, FORMULARE-BG */ /* color: #f9f9f9; WARENKORB-NICHT-AKTIV-BUTTONS BG, */ /* -------------------------------------------------- */ /* lato-regular - latin */ /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ font-display: swap; } /* roboto-300italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('../fonts/roboto-v20-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v20-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */ font-display: swap; } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ font-display: swap; } /* roboto-italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('../fonts/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */ font-display: swap; } /* roboto-700 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ font-display: swap; } /* roboto-700italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('../fonts/roboto-v20-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v20-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */ font-display: swap; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('/fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Lato Regular'), local('Lato-Regular'), url('/fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ font-display: swap; } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('/fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local('Lato Bold'), local('Lato-Bold'), url('/fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('/fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ font-display: swap; } :root { --kv_orange: #ff8300; --kv_fontgrau: #222222; } /* *{padding:0px;margin:0px;font-family:"Lato",sans-serif;} */ *{padding:0px;margin:0px;font-family:'Roboto';line-height: 1.42857143;} html{position:relative;min-height:100%;} body{font-size:16px;color:#222;} .wrapper{margin-bottom:290px;} .attention_bar {background-color:var(--kv_orange);margin: 20px 5% 0px 5%;} .body_padding_0{padding-top:94px;} .body_padding_wd{padding-top:94px;} .container-block{margin-left:5%;margin-right:5%;} .tahoma{font-family:'Tahoma', 'Verdana', 'Arial', sans-serif;font-weight:700;line-height:1.42857;} h1, h2, h3, h4, h5, h6{margin:0px;padding:0px;color:var(--kv_fontgrau);} h1{font-size:24px;font-weight:700;padding-bottom:10px;margin-bottom:20px;position:relative;} h1:before, .h1:before{content:"";position:absolute;width:45px;height:5px;bottom:0;left:auto;border-bottom:3px solid var(--kv_orange);} h2{font-size:20px;font-weight:700;margin-bottom:10px;color:var(--kv_fontgrau);} h3, .h3{font-size:17px;margin-bottom:10px;color:var(--kv_fontgrau);font-weight:700;} h4{line-height:25px;color:var(--kv_fontgrau);} h5{line-height:20px;color:var(--kv_fontgrau);} h6{line-height:18px;color:var(--kv_fontgrau);} .smallh2 {font-size:16px;} @media screen and (max-width:992px){h1{font-size:20px;padding-bottom:8px;margin-bottom:18px;} h1:before{content:"";position:absolute;width:35px;height:2px;bottom:0;left:auto;border-bottom:2px solid var(--kv_orange);} h2{font-size:16px;} } p, li, a{color:var(--kv_fontgrau);/* font-family:'Lato', sans-serif; font-weight:400;*/} p{font-size:16px;padding:0px;margin:0px;line-height:25px;} .t_cut{overflow:hidden; text-overflow: ellipsis;} .h1 {margin:0px;padding:0px;font-size:24px;font-weight:700;padding-bottom:10px;margin-bottom:20px;position:relative; } .h1_mobile {font-size: 24px !important;font-weight: 400;padding-bottom: 10px;margin-bottom: 20px;position: relative;} .h1_mobile:before{content: "";position: absolute;width: 45px;height: 5px;bottom: 0;left: auto;border-bottom: 3px solid var(--kv_orange);} @media screen and (max-width: 992px) {h1_mobile {font-size: 18px;padding-bottom: 8px;margin-bottom: 18px;} h1_mobile:before{content: "";position: absolute;width: 35px;height: 2px;bottom: 0;left: auto;border-bottom: 2px solid var(--kv_orange);} } .kv_underline{margin-bottom: 18px;position:relative;} .kv_underline:before{content: "";position: absolute;width: 35px;height: 2px;bottom: 0;left: auto;border-bottom: 2px solid var(--kv_orange);} .bold_sw{font-weight:700;color:#000;} .bold{font-weight:700;color:var(--kv_orange);} ul, ol{margin-bottom:0;margin-top:0;list-style:none} a:hover, a:active, a:focus{outline:0;color:var(--kv_orange);} a{color:var(--kv_fontgrau);outline:none;text-decoration:none;} a:hover{color:var(--kv_orange);outline:none;cursor:pointer;} .a_link{font-size:16px;color:#000;text-decoration:underline;transition:all 0.2s ease-in-out;} .a_link:hover, .a_link:active, .a_link:focus{color:var(--kv_orange);} .lead{font-size:28px;font-weight:400;padding-bottom:10px;margin-bottom:20px;position:relative;} .lead_subs{font-size:20px;font-weight:400;padding-bottom:5px;margin-bottom:5px;position:relative;} .text_rechts{text-align:right;} .text_links{text-align:left;} .text_center{text-align:center;} section{padding:0;margin:0 0 30px 0;} hr{border-color:#d9d9d9;border-image:none;border-style:solid none none;border-width:1px 0 0;margin:0px 0px 30px 0px;} .border_allg{border: 1px solid #ccc; padding:5px;} .orange{color:var(--kv_orange) !important;} .font-leicht{font-weight:300;} .font-schwer{font-weight:700;} .klein{font-size:14px;} .xxformfield {display: none !important;} .panel-group{margin-bottom:0px;} .panel-group .panel + .panel{margin-top:-2px;} .panel, .panel-group .panel{border-radius:0;margin-bottom:0;} .devider.devider-dotted{border-top:2px dotted #d9d9d9;} .devider.devider-dotted-dark{border-top:3px dotted #ccc;} .printable{display:none;} @media print{.non-printable{display:none;}} .responsive {width: 100%;height: auto;} ul.haken li:before{content:"\2714" " ";} .nwrap {white-space: nowrap;} .visually-hidden {position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0); border: 0;} .loginmodal-container{padding:30px;max-width:350px;width:100% !important;background-color:#F7F7F7;margin:0 auto;border-radius:2px;box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3);overflow:hidden;} .loginmodal-container h4{text-align:center;font-size:20px;} .loginmodal-container input[type=submit]{width:100%;display:block;margin-bottom:30px;position:relative;} .loginmodal-container input[type=text], input[type=password]{height:34px;font-size:16px;width:100%;-webkit-appearance:none;background:#fff;border:1px solid #ccc;border-radius:2px;padding:0 8px;box-sizing:border-box;-moz-box-sizing:border-box;} .neukunde_passwort input[type=password]{height:34px;font-size:16px;width:100%;margin-bottom:0px;-webkit-appearance:none;background:#fff;border:1px solid #ccc;border-radius:2px;padding:0 8px;box-sizing:border-box;-moz-box-sizing:border-box;} .loginmodal-container input[type=text]:hover, input[type=password]:hover{border:1px solid var(--kv_orange);box-shadow:0 0 1px var(--kv_orange);outline:none 0;transition:all 0.3s ease-in-out;} .loginmodal{text-align:center;font-size:16px;font-weight:700;height:36px;padding:0 8px;} .loginmodal-submit{border:1px solid #ccc;background-color:#fff;padding:5px 0px;font-size:16px;} .loginmodal-submit:hover{border:1px solid var(--kv_orange);color:var(--kv_orange);font-weight:700; background-color:#fff;transition:all 0.1s ease-in-out;} .loginmodalPW-submit{background-color:#fff;padding:5px 0px;font-size:16px;} .loginmodalPW-submit:hover{color:var(--kv_orange);background-color:#fff;transition:all 0.3s ease-in-out;} .login-submit{border:none;background-color:#fff;} .login-submit:hover{border:none;color:var(--kv_orange);background-color:#fff;transition:all 0.3s ease-in-out;} .loginmodal-container a{text-decoration:underline;color:#000;font-weight:400;text-align:center;display:inline-block;opacity:0.6;transition:opacity ease 0.5s;} .login-help{font-size:12px;} .btn{box-shadow:none;border-radius:0;-moz-user-select:none;margin-bottom:0;text-align:left;vertical-align:middle;white-space:nowrap;} .btn-default{background-color:#fff;border-color:var(--kv_orange);color:var(--kv_orange);} .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{background-color:var(--kv_orange);border-color:var(--kv_orange);color:#fff; outline:none;} .btn-default:hover{transition:all 0.3s ease-in-out;} .btn-bw{background-color:#ececec;border-color:#ccc;color:#000;} .btn-orange{background-color:var(--kv_orange);border-color:var(--kv_orange);color:#fff;padding:5px 20px;} .btn-orange:hover, .btn-orange:focus, .btn-orange.focus, .btn-orange:active, .btn-orange.active, .open > .dropdown-toggle.btn-orange{background-color:#fff;border-color:var(--kv_orange);color:var(--kv_orange);} .btn-orange:hover{transition:all 0.3s ease-in-out;} .btn.disabled, .btn[disabled], fieldset[disabled] .btn{box-shadow:none;cursor:not-allowed;opacity:1;pointer-events:none;color:#ccc;} .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default.focus[disabled], fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#eee;} .btn-u{border:1px solid var(--kv_orange);color:var(--kv_orange);font-size:14px;cursor:pointer;font-weight:700;padding:6px 13px;position:relative;background:#fff;white-space:nowrap;display:inline-block;text-decoration:none;} .btn-u:hover{color:#fff;background:var(--kv_orange);text-decoration:none;transition:all 0.3s ease-in-out;} .btn-u.btn-block{text-align:center;} .btn-u-lg, a.btn-u-lg{font-size:12px;padding:4px 8px 4px 15px;margin-top:10px;} .btn-produktinfo{color:#000;font-size:14px;cursor:pointer;font-weight:400;position:relative;background:#fff;white-space:nowrap;display:inline-block;text-decoration:none;} a.btn-produktinfo:hover{color:var(--kv_orange);background:#fff;text-decoration:none;} a.btn-produktinfo:focus{color:#000;background:#fff;text-decoration:none;} .btn-produktinfo-lg, a.btn-produktinfo-lg{font-size:16px;padding:2px 2px 2px 2px;margin-top:0px;} .produkte_bild_top{background-position:center center;background-repeat:no-repeat;background-size:cover;padding:22px 0;position:relative;width:100%;margin-bottom:20px;} .produkte_bild_top::before{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;content:" ";height:100%;left:0;position:absolute;top:0;width:100%;} .produkte_bild_top .container{position:relative;} .bild_werbedruck{background-image:url("../img/web_neu/header/Header_Werbedruck_Neu.jpg");} .produkte_bild_top .bild_werbedruck{background-position:center center;background-repeat:no-repeat;background-size:cover;padding:5px 0;position:relative;width:100%;margin-bottom:20px;} /* .cover-background { position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important; background-image:url("../img/web_neu/header/Header_Werbedruck_Neu2.jpg"); } .bg-img {background-image:url("../img/web_neu/header/Header_Werbedruck_Neu2.jpg");height: 300px;}*/ .bild_unternehmen, .bild_information, .bild_news, .bild_warenkorb, .bild_zubehoer_und_mehr{background-image:url("../img/Header_bilder/Header_Unternehmen.jpg");} .bild_tragetaschen{background-image:url("../img/web_neu/header/Header_Werbedruck_Papiertaschen.jpg");} .bild_beutelsaeckchen{background-image:url("../img/Header_bilder/Header_Beutel.jpg");} .bild_geschenkverpackung{background-image:url("../img/Header_bilder/Header_Geschenkverpackung.jpg");} .bild_papiereseidenfolien{background-image:url("../img/Header_bilder/Header_Geschenkpapier.jpg");} .bild_baender{background-image:url("../img/Header_bilder/Header_Baender.jpg");} .bild_verpackungsmaterial{background-image:url("../img/Header_bilder/Header_Verpackungsmaterial.jpg");} .bild_dekorationundzubehoer{background-image:url("../img/Header_bilder/Header_Unternehmen.jpg");} .bild_u_klimaneutral{background-image:url("../img/Header_bilder/umwelt/Header_klimaneutral.jpg");} .bild_u_fsc{background-image:url("../img/Header_bilder/umwelt/Header_fsc200h.jpg");} .bild_u_graspapier{background-image:url("../img/Header_bilder/umwelt/Header_gras200h.jpg");} .bild_u_plastikflaschen{background-image:url("../img/Header_bilder/umwelt/Header_plastik_flaschen2.jpg");} .bild_u_baumwolle{background-image:url("../img/Header_bilder/umwelt/Header_baumwolle.jpg");} .bild_u_pefc {background-image:url("../img/Header_bilder/umwelt/Header_pefc.jpg");} .bild_u_umweltfreund_plastik {background-image:url("../img/Header_bilder/umwelt/Header_bio_plastik.jpg");} .bild_u_polyester {background-image:url("../img/Header_bilder/umwelt/Header_Polyester.jpg");} .bild_u_agrarpapier {background-image:url("../img/Header_bilder/umwelt/Header_agrar_papier.jpg");} .bild_u_gogreen {background-image:url("../img/Header_bilder/umwelt/Header_GoGreen.jpg");} .Titel-Produkte p{background-color:rgba(255, 255, 255, 0.8);border-bottom:1px solid var(--kv_orange);color:#000;line-height:20px;padding:21px 15px 21px 15px;text-align:left;text-shadow:none;text-transform:uppercase;z-index:10;margin:0;} .Titel-Produkte .TP_text1{font-size:18px;font-weight:bold;line-height:20px;} .content_schmal{display:block;padding:0px 15%} @media only screen and (max-width:992px){.produkte_bild_top{margin-top:60px;} #Pagecontent, #Sidebar_Menu{padding-top:0px;} .Titel-Produkte .TP_text1{font-size:27px;font-weight:bold;line-height:32px;} .Titel-Produkte .TP_text2{font-size:23px;font-weight:normal;line-height:32px;} } @media (max-width:440px){#Pagecontent, #Sidebar_Menu{padding-top:0px;} .Titel-Produkte .TP_text1{font-size:20px;font-weight:bold;line-height:30px;} .Titel-Produkte .TP_text2{font-size:18px;font-weight:normal;line-height:30px;} } .breadcrumb, .back, .back_p{background-color:transparent;border-radius:0;color:#000000;list-style:outside none none;margin-bottom:0px;padding:0px; padding-left: 15px;} .back{text-align:left;} .back_p{text-align:right;} .back > li, .back_p > li{display:inline-block;padding-left:40px;} .back > li:first-child, .back_p > li:first-child{padding-left:0px;} .breadcrumb a, .back a, .back_p a{color:#000000;font-size:13px;} .breadcrumb a:hover, .back a:hover, .back_p a:hover{color:var(--kv_orange);text-decoration:none;font-size:13px;} .breadcrumb > .active{color:var(--kv_orange);font-size:13px;} .back i, .back_p i{padding-right:0px;} @media (max-width:768px){.breadcrumb{text-align:left;} .back{text-align:left;} .back_p{text-align:right;} .breadcrumb h2{font-size:30px;margin-bottom:10px;} } .breadcrumbback{background-color:#ffffff;border-radius:0;color:#000000;list-style:outside none none;margin-bottom:0px;padding:0px;} .breadcrumbback a{color:#000000;font-size:16px;} .breadcrumbback a:hover, .breadcrumbback a:focus{color:var(--kv_orange);text-decoration:none;} .breadcrumbback > .active{color:var(--kv_orange);} #breadcrumbback{color:#fff;z-index:99;width:20px;height:20px;font-size:18px;text-align:right;background:var(--kv_orange);position:relative;border:1px solid var(--kv_orange);border-radius:20px;margin-right:10px;} #breadcrumbback:after{top:-4px;left:4.5px;content:"\f104";position:absolute;text-align:center;font-family:FontAwesome;} #breadcrumbback:hover{color:#fff;background-color:var(--kv_orange);transition:all 0.3s ease-in-out;} #zurueck{color: var(--kv_orange);z-index: 99;width: 20px;height: 20px;font-size: 18px;text-align: right;background: #fff;position: absolute;border: 1px solid var(--kv_orange);border-radius: 20px;margin-top: 0px;top: 15px;right: 15px;} #zurueck:after{top:-4px;left:4.5px;content:"\f104";position:absolute;text-align:center;font-family:FontAwesome;} #zurueck:hover{color:#fff;background-color:var(--kv_orange);transition:all 0.3s ease-in-out;} .shop-bg-orange{background:var(--kv_orange);} .shop-orange{color:var(--kv_orange);} .checkbox-list .checkbox{padding-left:27px;} .checkbox-list .checkbox{color:#000;cursor:pointer;font-size:14px;line-height:25px;margin:4px 0;} /* #AlleWdLw{border-bottom:1px solid #eee;padding-left:5px;} */ .radio, .checkbox{margin-bottom:0px;margin-top:0px;} .checkbox-inline{margin:0;padding-left:0px;} .checkbox-inline li{background:#f7f7f7;margin:0;} .checkbox-inline li:first-child{margin-top:0;padding-left:0px;} .checkbox-inline label{font-size:14px;font-weight:400;} .checkbox-inline .checkbox{overflow:hidden;position:relative;} .checkbox-inline .checkbox{color:#000;margin:4px 0;cursor:pointer;font-size:13px;line-height:25px;padding-left:20px;} .checkbox-inline .checkbox input{left:-9999px;position:absolute;} .checkbox-inline .checkbox i{left:0;top:5px;width:15px;height:15px;outline:none;display:block;background:#fff;border-width:1px;position:absolute;border-style:solid;} .checkbox-inline .checkbox input + i:after{opacity:0;position:absolute;} .checkbox-inline .checkbox input + i:after{top:-2px;left:-1px;width:15px;height:15px;content:'\f00c';text-align:center;font:normal 9px/17px FontAwesome;} .checkbox-inline .checkbox input:checked + i:after{opacity:1;} .checkbox-inline .checkbox i{border-color:#000;transition:border-color 0.3s;} .checkbox-inline .checkbox:hover i{border-color:var(--kv_orange);} .checkbox-list .checkbox input{left:-9999px;position:absolute;} .checkbox-entsorgung .checkbox input + i:after, .checkbox-list .checkbox input + i:after{opacity:0;position:absolute;} .checkbox-entsorgung .checkbox input + i:after, .checkbox-list .checkbox input + i:after{top:-2px;left:-1px;width:15px;height:15px;content:'\f00c';text-align:center;font:normal 9px/17px FontAwesome;} .checkbox-entsorgung .checkbox input:focus + i, .checkbox-list .checkbox input:focus + i{border-color:var(--kv_orange);} .checkbox-inline .checkbox input + i:after{color:var(--kv_orange);} .checkbox-inline .checkbox input:checked + i{border-color:var(--kv_orange);} .checkbox-inline .checkbox small{float:right;} .checkbox-inline .checkbox small a{color:var(--kv_orange);font-size:12px;} .radio label, .checkbox label{padding-left:30px;} .checkbox-list{margin-bottom:0;} .checkbox-list li{margin-top:10px;} .checkbox-list li:first-child{margin-top:0;} .checkbox-list label{font-size:14px;font-weight:400;} .checkbox-entsorgung .checkbox, .checkbox-list .checkbox{display:block;overflow:hidden;position:relative;} .checkbox-entsorgung .checkbox, .checkbox-list .checkbox{color:#000;margin:4px 0;cursor:pointer;font-size:16px;line-height:25px;padding-left:27px;} .checkbox-list .checkbox i{left:5px;top:5px;width:15px;height:15px;outline:none;display:block;background:#fff;border-width:1px;position:absolute;border-style:solid;} .checkbox-entsorgung{margin-bottom:0px;} .checkbox-entsorgung .checkbox input{left:-9999px;position:absolute;} .checkbox-entsorgung .checkbox i{width:15px;height:15px;outline:none;display:block;background:#fff;border-width:1px;position:absolute;border-style:solid;top:5px;} div#kontakt .checkbox-list .checkbox{padding-left:0px;} .checkbox-entsorgung .checkbox input:checked + i:after, .checkbox-list .checkbox input:checked + i:after{opacity:1;} .checkbox-entsorgung .checkbox i, .checkbox-list .checkbox i{border-color:#000;transition:border-color 0.3s;} .checkbox-entsorgung .checkbox:hover i, .checkbox-list .checkbox:hover i{border-color:var(--kv_orange);} .checkbox-entsorgung .checkbox input + i:after, .checkbox-list .checkbox input + i:after{color:var(--kv_orange);} .checkbox-entsorgung .checkbox input:checked + i, .checkbox-list .checkbox input:checked + i{border-color:var(--kv_orange);} .checkbox-entsorgung .checkbox small, .checkbox-list .checkbox small{float:right;} .checkbox-entsorgung .checkbox small a, .checkbox-list .checkbox small a{color:var(--kv_orange);font-size:12px;} .checkbox-filter{display: inline-block !important; width: 10em;} .angeklickt .checkbox i{border-color:var(--kv_orange);transition:border-color 0.3s;width:15px;height:15px;left:5px;top:5px;text-align:center;font:normal 9px/14px FontAwesome;color:var(--kv_orange);} .item .icon_sale{position:absolute;top:5px;left:0px;z-index:1000;padding:3px 5px;font-size:11px;font-weight:bold;color:#fff;text-align:center;background:#CC0000;} .item .icon_aktion{position:absolute;top:5px;left:0px;z-index:1000;padding:3px 5px;font-size:11px;font-weight:bolder;color:#000;text-align:center;background:#eee;} .item .icon_neu{position:absolute;top:5px;left:0px;z-index:1000;padding:3px 5px;font-size:11px;font-weight:bolder;color:#000;text-align:center;background:#eee;} .item .icon_sold{position:absolute;top:5px;left:0px;z-index:1000;padding:3px 5px;font-size:11px;font-weight:bold;color:#fff;text-align:center;background:#CC0000;} .filter-height{min-height:660px;} .main_footer{bottom:0;height:240px;position:absolute;width:100%;} .main_footer .footer p{color:#000000;} .main_footer .footer{padding-top:30px;/* margin-top:30px; */background:#ececec;border-top:5px solid #ccc;} .main_footer .footer p{color:#000000;} .main_footer .heading-footer{text-align:left;position:relative;margin-bottom:5px;padding-bottom:1px;font-weight:700;} .main_footer .heading-footer p{color:#000000;font-size:16px;text-transform:uppercase;font-weight:700;margin:0;} .main_footer .heading-footer a {color: #000000;font-size: 16px;text-transform: uppercase;font-weight: 700;text-decoration: none; pointer-events: none;} .main_footer .heading-footer p.text_link{color:#000000;font-size:16px;text-transform:none;font-weight:300;margin:0;} .main_footer .footer-link-list li {line-height: 18px;margin-bottom:5px;padding-top: 0px;padding-bottom:0px} @media (max-width: 767px) { .main_footer .heading-footer a { pointer-events: auto;} .main_footer .footer-link-list li {line-height: 18px;margin-bottom:5px;padding: 10px 0 !important;} } .main_footer .footer-link-list li:first-child {padding-top: 0;border-top: none;} .main_footer .footer-link-list li a {color: #000000;font-size: 16px;display: inline-block;text-decoration: none;outline: none;} .main_footer .footer-link-list a:active, .main_footer .footer-link-list a:hover {color: var(--kv_orange);text-decoration: none;outline: none;} .main_footer .footer .contacts {margin-bottom: 0;} .main_footer .footer .contacts li:before, .main_footer .footer .contacts li:after {content: " ";display: table;} .main_footer .footer .contacts li:after {clear: both;} .main_footer .footer .contacts li {font-size:16px;} .main_footer .footer .contacts li i {float: left;width: 30px;height: 30px;color: var(--kv_orange);padding: 8px 5px;text-align: center;margin: 4px 10px 0 0;display: inline-block;font-size: 25px;line-height: 14px;} .main_footer .footer .contacts li p {margin-bottom: 0;} .main_footer .footer .contacts li a {color: #000000;text-decoration: none;outline: none;font-size: 16px;} .main_footer .footer .contacts li a:hover {color: var(--kv_orange);text-decoration: none;outline: none;} .main_footer .copyright {padding-top: 10px;background: #ccc;} @media (max-width: 479px) {.footer .container-fluid {padding: 0px;}} .main_footer .copyright{padding-top:10px;padding-bottom:10px;background:#ccc;} .list-unstyled li a{background:none;border:0px;color:#000;font-size:16px;margin:0px;padding:0px;} .list-unstyled li.active a{color:var(--kv_orange);text-decoration:none;} .list-unstyled li a:hover, .list-unstyled li a:active, .list-unstyled li a:focus{background:none;border:0px;color:var(--kv_orange);} .list-unstyled li i{display:inline-block;padding-right:7px;text-align:center;width:1.25em;} .pagination{border-radius:0;display:inline-block;margin:0;padding-left:0;} .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span{border-radius:0;margin-left:0;} .pagination > li > a, .pagination > li > span{font-size:14px;background-color:#fff;border:0px;color:#000;float:left;line-height:1.42857;margin-left:-1px;padding:0px 5px;position:relative;text-decoration:none;margin-left:2px;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{background-color:var(--kv_orange);border-color:#d9d9d9;color:#fff;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:var(--kv_orange);color:#fff;cursor:default;z-index:2;} .paginationNr{border-radius:0;display:inline-block;margin:0;padding-left:0;} .paginationNr > li:first-child > a, .paginationNr > li:first-child > span, .paginationNr > li:last-child > a, .paginationNr > li:last-child > span{border-radius:0;margin-left:0;} .paginationNr > li > a, .paginationNr > li > span{font-size:16px;background-color:#fff;border:0px;color:#000;float:left;line-height:1.42857;margin-left:-1px;padding:0px 5px;position:relative;text-decoration:none;margin-left:10px;} .paginationNr > li > a:hover, .paginationNr > li > span:hover, .paginationNr > li > a:focus, .paginationNr > li > span:focus{background-color:var(--kv_orange);border-color:#d9d9d9;color:#fff;} .paginationNr > .active > a, .paginationNr > .active > span, .paginationNr > .active > a:hover, .paginationNr > .active > span:hover, .paginationNr > .active > a:focus, .paginationNr > .active > span:focus{background-color:var(--kv_orange);color:#fff;cursor:default;z-index:2;} #topcontrol{color:var(--kv_orange);z-index:99;width:20px;height:20px;font-size:18px;background:#fff;position:relative;right:14px !important;bottom:37px !important;border:1px solid var(--kv_orange);border-radius:20px;} #topcontrol:after{top:-6px;left:3.5px;content:"\f106";position:absolute;text-align:center;font-family:FontAwesome;} #topcontrol:hover{color:#fff;background-color:var(--kv_orange);transition:all 0.3s ease-in-out;} input[type="file"]{display:block;} select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;font-weight:400;width:100%} select{width:140px;border:1px solid #ccc;padding:2px 5px 3px 5px;background-color:white;background-image:url(../pic/icons/arrowdown.png);background-position:right;background-repeat:no-repeat; cursor:pointer;} .form-control{color:#000000;box-shadow:none;border-radius:0;border:1px solid #ccc;} .form-control-req{color:#000000;box-shadow:none;border-radius:0;border:1px solid var(--kv_orange); height:34px} .form-control_vpe{color:#000000;box-shadow:none;border-radius:0;border:1px solid #ccc;display:inline;height:auto;padding:2px;width:auto;} .form-control::-moz-placeholder, .form-control-req::-moz-placeholder, .form-control_vpe::-moz-placeholder{color:#999;opacity:1;} label{font-size:16px;font-weight:400;margin-top:10px;margin-bottom:0px;max-width:100%;} label p{margin-bottom:0px;} .input-group-addon{border-radius:0;} .form-control-req:focus,.form-control:focus, .form-control_vpe:focus{border:1px solid var(--kv_orange);box-shadow:0 0 1px var(--kv_orange);outline:none 0;} .form-spacing .form-control, .form-spacing .form-control-req, .form-spacing .form-control_vpe{margin-bottom:15px;} .input-group-addon{color:#b3b3b3;font-size:14px;background:#fff;} @media (max-width:768px){.input-group .form-control{margin-bottom:0;position:relative;width:100%;z-index:2;}} .form-horizontal .control-label{margin-bottom:0;padding-top:0px;text-align:left;} @media (max-width:768px){@-moz-document url-prefix(){.btn-u{margin-top:-3px;padding-bottom:6px;}} } .modal{} .modal-open .modal{overflow-x:hidden;overflow-y:auto;} .modal-dialog{margin:140px auto;position:relative;width:auto;} .modal-content{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.2);border-radius:6px;box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);outline:0 none;position:relative;} .modal-header{background-color:var(--kv_orange);border-bottom:1px solid #fff;min-height:16.4286px;padding:15px;} .modal-header .close{margin-top:-2px;} .modal-title{line-height:1.42857;margin:0;color:#fff;text-transform:uppercase;} .modal-body{padding:15px;position:relative;border-bottom:5px solid var(--kv_orange);overflow:hidden;} .modal-body h5{font-size:17px;} .modal-body p{font-size:16px;} .modal-footer{border-top:0px solid #fff;padding:15px;text-align:right;} .close{color:#fff;float:right;font-size:21px;font-weight:bold;line-height:1;opacity:1;text-shadow:0 1px 0 #fff;} @media (min-width:768px){.modal-dialog{margin:150px auto;width:50%;} .modal-content{box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);} .modal-sm{width:300px;} } @media (max-width:767px){.modal-dialog{margin:150px auto;width:500px;} .modal-content{box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);} } @media (max-width:510px){.modal-dialog{margin:150px auto;width:360px;} .modal-content{box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);} } @media (max-width:350px){.modal-dialog{margin:150px auto;width:300px;} .modal-content{box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);} } @media (max-width:330px){ .logo{width:138px;height:auto;} } /* ----------------- HEADER -------------- */ .pre-header-main {background-color: #fff;padding-bottom: 10px;} .pre-header-main .input-group {margin-top: 38px;} .pre-header-main .btn-default {background-color: #fff;border-color: #ccc;color: #000;} /*Logo Header Mobil ------------------------------------*/ object{pointer-events: none;padding: 0;margin: 0;} #logo-header-mobil {margin-top: 14px;} /*Header main ------------------------------------*/ .header-main { z-index: 99; position: absolute; top: 0; } @media (max-width: 991px) { .pre-header-main .input-group { margin-top: 28px; } } @media (min-width: 768px) { .input-group .form-control { float: left; margin-bottom: 0; position: relative; min-width: 300px !important; z-index: 2; } } @media (max-width: 767px) { .input-group .form-control { float: left; margin-bottom: 0; position: relative; width: 100%; z-index: 2; } } /*Navbar Header*/ .header-main .navbar-brand { z-index: 1; padding: 20px 10px 58px 15px; } @media (max-width: 998px) { .header-main .navbar-brand { margin-top: -15px; } } @media (max-width: 991px) { .header-main .navbar-brand { z-index: 1; padding-left:0px; } } /*Header Fixed ------------------------------------*/ .header-fixed .header-main.header-fixed-shrink { top: 0; left: 0; width: 100%; z-index: 9999; position: fixed; height: 95px; /* margin-top: -23.5px; */ border-bottom: none; /* box-shadow: 0 0 3px #bbb; */ background: rgba(255,255,255, 0.96); transition: background 0.4s; } @media (max-width: 991px) { /*Header*/ .header-fixed .header-main, .header-fixed .header-main.header-fixed-shrink, .header-fixed .header-main.no-topbar, .header-fixed .header-main.no-topbar.header-fixed-shrink { height: inherit; position: relative; } .header-fixed .header-main.header-fixed-shrink { top: 0; left: 0; width: 100%; z-index: 9999; position: fixed; height: 95px; /* margin-top: -23.5px; */ border-bottom: none; /* box-shadow: 0 0 3px #bbb; */ background: rgba(255,255,255, 0.96); transition: background 0.4s; } } @media (max-width: 767px) { .pre-header-main .input-group { margin:15px 0 0 0; } } @media (max-width: 479px) { .pre-header-main .input-group { margin-top: 5px; } } @media (max-width: 280px) { .pre-header-main .input-group { margin:10px 0 0 0; } } .suchen .btn { padding: 7px 10px 5px 10px; border: 1px solid #ced4da; border-style: solid solid solid none; } .suchen .btn { color: #aaa; } .suchen .btn:hover { color: white; border: 1px solid var(--kv_orange); border-style: solid solid solid none; } #header .form-control, #header .btn { border-radius: 0; } #header a:hover { text-decoration: none; } @media (min-width: 768px) { #top-menu { padding-top: 26px; margin: 0 auto; display: table; table-layout: fixed; } .icon-bar { width: 100%; background-color: #fff; overflow: auto; } .icon-bar a { float: right; font-size: 14px; margin-top: 0px; padding: 5px 15px 5px 0px; text-align: center; border: 0; /* font-weight: 400; */ } .icon-bar a:hover { color: var(--kv_orange); transition:all 0.3s ease-in-out; text-decoration: none; } /* .active { color: var(--kv_orange); } */ } @media (max-width: 767px) { .icon-bar a { float: right; font-size: 20px; margin-top: 0px; padding: 5px 20px 5px 15px; text-align: center; border: 0; font-weight: 400; } #top-menu { padding-top: 10px; } } @media (max-width: 480px) { .icon-bar a { float: right; font-size: 20px; margin-top: 0px; padding: 5px 15px 5px 15px; text-align: center; border: 0; font-weight: 400; } #top-menu { padding-top: 10px; } } /************************************************** Navigation ***************************************************/ /*Bootstrap Reset .navbar-nav > li > a { padding-top: 0; padding-bottom: 0; }*/ /******************************************************** SCHNIPP ******************************************************************* /* ----------------- HEADER ENDE -------------- */ /* ----------------- MAIN CONTENT -------------- */ /* ----------------- H1 und Einleitung -------------- */ .intro_text {padding: 1em 5%;} .intro_text_os {padding: 1em 5%;} /* ------------ Flexboxen ------------ */ .flexbox { max-width: 180px; margin-left: auto; margin-right: auto; justify-content: space-between;} .flexbox img {display: block; margin-left: auto; margin-left: auto;} .flexbox_themen { max-width: 90%; margin-left: auto; margin-right: auto; padding:0; justify-content: space-between;} .flexbox_themen img {display: block; margin-left: auto; margin-right: auto;} .flexbox_wdstart { max-width: 90%; margin-left: auto; margin-right: auto; justify-content: space-between; } .flexbox_wdstart img {display: block; margin-left: auto; margin-right: auto;} .flexbox_wdmodelle { max-width: 90%; margin-left: auto; margin-right: auto; justify-content: left; } .flexbox_wdmodelle img {display: block; margin-left: auto; margin-right: auto;} .flexbox_wdsimilar { max-width: 180px; margin-left: auto; margin-right: auto; justify-content: left; } .flexbox_wdsimilar img {display: block; margin-left: auto; margin-right: auto;} .flexbox_osstart { max-width: 90%; margin-left: auto; margin-right: auto; justify-content: space-between;} .flexbox_osstart img {display: block; margin-left: auto; margin-right: auto;} .fb_osstart { width: 90%; margin: 1em 1em; position:relative;} .flexbox_faustart { max-width: 90%; margin-left: auto; margin-right: auto; justify-content: space-between;} .flexbox_faustart img {display: block; margin-left: auto; margin-right: auto;} .fb_faustart { width: 90%; margin: 1em 1em; position:relative;} .flexbox_osmodelle { max-width: 90%; margin-left: auto; margin-right: auto; justify-content: left; } .flexbox_osmodelle img {display: block; margin-left: auto; margin-right: auto;} .flexbox_osfamily { max-width: 90%; margin-left: auto; margin-right: auto; justify-content: left; } .flexbox_osfamily img {display: block; margin-left: auto; margin-right: auto;} .flexbox_userarea { max-width: 265px; margin-left: auto; margin-right: auto; justify-content: left; } /* .fb_osstart { position:relative;} */ .fb_blank_grau { border:none; background-color:#ebebea;} .fb_blank_weiss { border:none; background-color:#fff;} .fb_wdmodelle { width: 100%; margin: 1em 2em 1em 0em;} .fb_osmodelle { width: 100%; margin: 1em 2em 1em 0em;} .fb_osfamily { width: 100%; margin: 1em 2em 1em 0em;} .fb_userarea { width: 100%; margin: 1em 2em 1em 0em;} @media (min-width: 375px) { .intro_text {padding: 1em 5%;} .intro_text_os {padding: 1em 9%;} .flexbox { max-width: 630px; display: flex; flex-wrap: wrap; } .fb { width: 100%; margin: 1em; } .flexbox_themen { max-width: 90%; display: flex; flex-wrap: wrap; } .fb_themen { width: 100%; margin: 1em 0em;} .flexbox_wdstart { max-width: 90%; display: flex; flex-wrap: wrap;} .fb_wdstart { width: 100%; margin: 1em 0em;} .flexbox_wdmodelle { max-width: 630px; display: flex; flex-wrap: wrap;} .fb_wdmodelle { width: 45%; margin: 1em 0.5em;} .flexbox_wdsimilar { max-width: 630px; display: flex; flex-wrap: wrap;} .fb_wdsimilar { width: 100%; margin: 1em 1em;} .flexbox_osstart { max-width: 90%; display: flex; flex-wrap: wrap; } .fb_osstart { width: 100%; margin: 1em 0em;} .flexbox_osmodelle { max-width: 630px; display: flex; flex-wrap: wrap;} .fb_osmodelle { width: 45%; margin: 1em 0.5em;} .flexbox_osfamily { max-width: 630px; display: flex; flex-wrap: wrap;} .fb_osfamily { width: 45%; margin: 1em 0.5em;} .flexbox_faustart { max-width: 90%; display: flex; flex-wrap: wrap; } .fb_faustart { width: 100%; margin: 1em 0em;} .flexbox_userarea { max-width: 630px; display: flex; flex-wrap: wrap;} .fb_userarea { width: 100%; margin: 1em 0.5em;} } @media (min-width: 480px) AND (max-width:639px) { .intro_text {padding: 1em 8%;} .intro_text_os {padding: 1em 11%;} .flexbox { max-width: 630px; display: flex; flex-wrap: wrap; } .fb { width: 100%; margin: 1em 6em;} .flexbox_themen { max-width: 90%; display: flex; flex-wrap: wrap; } .fb_themen { width: 100%; margin: 1em 1em;} .flexbox_wdstart { max-width: 639px; display: flex; flex-wrap: wrap; } .fb_wdstart { width: 48%; } .flexbox_wdmodelle { max-width: 639px; display: flex; flex-wrap: wrap; } .fb_wdmodelle { width: 45%; margin: 1em 0.5em;} .flexbox_wdsimilar { max-width: 639px; display: flex; flex-wrap: wrap; } .fb_wdsimilar { width: 100%; margin: 1em 1em;} .flexbox_osstart { max-width: 639px; display: flex; flex-wrap: wrap;} .fb_osstart { width: 48%; } .flexbox_osmodelle { max-width: 639px; display: flex; flex-wrap: wrap; } .fb_osmodelle { width: 45.8%; margin: 1em 0.5em;} .flexbox_osfamily { max-width: 639px; display: flex; flex-wrap: wrap; } .fb_osfamily { width: 45.8%; margin: 1em 0.5em;} .flexbox_faustart { max-width: 639px; display: flex; flex-wrap: wrap;} .fb_faustart { width: 48%; } .flexbox_userarea { max-width: 639px; } .fb_userarea { width: 100%; margin: 1em 2em 1em 0em;} } @media (min-width: 640px) AND (max-width:767px) { .intro_text {padding: 1em 12%;} .intro_text_os {padding: 1em 10%;} .flexbox { max-width: 680px; } .fb { width: 40%; } .flexbox_themen { max-width: 767px; } .fb_themen { width: 48%; } .flexbox_wdstart { max-width: 767px; } .fb_wdstart { width: 48%; } .flexbox_wdmodelle { max-width: 767px; } .fb_wdmodelle { width: 40%; } .flexbox_wdsimilar { max-width: 767px; } .fb_wdsimilar { width: 44%; } .flexbox_osstart { max-width: 767px; } .fb_osstart { width: 48%; } .flexbox_osmodelle { max-width: 767px; } .fb_osmodelle { width: 46.9%; } .flexbox_osfamily { max-width: 767px; } .fb_osfamily{ width: 46.9%; } .flexbox_faustart { max-width: 767px; } .fb_faustart { width: 48%; } .flexbox_userarea { max-width: 767px; } .fb_userarea { width: 40%; } } @media (min-width: 768px) AND (max-width:991px){ .intro_text {padding: 1em 12%;} .intro_text_os {padding: 1em 9%;} .flexbox { max-width: 900px; } .fb { width: 40%; } .flexbox_themen { max-width: 991px; } .fb_themen { width: 48%; } .flexbox_wdstart { max-width: 991px; } .fb_wdstart { width: 48%; } .flexbox_wdmodelle { max-width: 991px; } .fb_wdmodelle { width: 45%; } .flexbox_wdsimilar { max-width: 991px; } .fb_wdsimilar { width: 45%; } .flexbox_osstart { max-width: 991px; } .fb_osstart { width: 48%; } .flexbox_osmodelle { max-width: 991px; } .fb_osmodelle { width: 30.8%; } .flexbox_osfamily { max-width: 991px; } .fb_osfamily { width: 30.9%; } .flexbox_faustart { max-width: 991px; } .fb_faustart { width: 48%; } .flexbox_userarea { max-width: 991px; } .fb_userarea { width: 45%; } } @media (min-width: 992px) AND (max-width:1199px) { .intro_text {padding: 1em 12%;} .intro_text_os {padding: 1em 8%;} .flexbox { max-width: 1000px;} .fb { width: 27%; } .flexbox_themen { max-width: 1199px; } .fb_themen { width: 48%; } .flexbox_wdstart { max-width: 1199px;} .fb_wdstart { width: 48%; } .flexbox_wdmodelle { max-width: 1199px;} .fb_wdmodelle { width: 44%; } .flexbox_wdsimilar { max-width: 1199px;} .fb_wdsimilar { width: 30%; } .flexbox_osstart { max-width: 1199px; } .fb_osstart { width: 30%; } .flexbox_osmodelle { max-width: 1199px;} .fb_osmodelle { width: 30.4%; } .flexbox_osfamily { max-width: 1199px;} .fb_osfamily { width: 31.2%; } .flexbox_faustart { max-width: 1199px; } .fb_faustart { width: 30%; } .flexbox_userarea { max-width: 1199px;} .fb_userarea { width: 44%; } } @media (min-width: 1200px) AND (max-width:1474px) { .intro_text {padding: 1em 7%;} .intro_text_os {padding: 1em 8%;} .flexbox { max-width: 1600px;} .fb { width: 22%; } .flexbox_themen { max-width: 2000px;} .fb_themen { width: 48%; } .flexbox_wdstart { max-width: 2000px;} .fb_wdstart { width: 22%; } .flexbox_wdmodelle { max-width: 2000px;} .fb_wdmodelle { width: 29%; } .flexbox_wdsimilar { max-width: 2000px;} .fb_wdsimilar { width: 22%; } .flexbox_osstart { max-width: 2000px;} .fb_osstart { width: 22%; } .flexbox_osmodelle { max-width: 2000px;} .fb_osmodelle { width: 23.1%; } .flexbox_osfamily { max-width: 2000px;} .fb_osfamily { width: 31.2%; } .flexbox_faustart { max-width: 2000px;} .fb_faustart { width: 22%; } .flexbox_userarea { max-width: 2000px;} .fb_userarea { width: 21%; } } @media (min-width: 1475px) { .intro_text {padding: 1em 7%;} .intro_text_os {padding: 1em 8%;} .flexbox { max-width: 1600px;} .fb { width: 22%; } .flexbox_themen { max-width: 2000px;} .fb_themen { width: 47%; } .flexbox_wdstart { max-width: 2000px;} .fb_wdstart { width: 22%; } .flexbox_wdmodelle { max-width: 2000px;} .fb_wdmodelle { width: 21%; } .flexbox_wdsimilar { max-width: 2000px;} .fb_wdsimilar { width: 22%; } .flexbox_osstart { max-width: 2000px;} .fb_osstart { width: 22%; } .flexbox_osmodelle { max-width: 2000px;} .fb_osmodelle { width: 23.4%; } .flexbox_osfamily { max-width: 2000px;} .fb_osfamily { width: 31.2%; } .flexbox_faustart { max-width: 2000px;} .fb_faustart { width: 22%; } .flexbox_userarea { max-width: 2000px;} .fb_userarea { width: 17%; } } .btn-u-re{position: absolute;bottom: 0;right: 0;} /* THEMENBLOCKS */ .bild_oben_klein{ margin-bottom:0; padding:0px 10%; } .themenblock {margin-bottom:0;padding:30px 5% 20px;} .themenblock-grau{background-color:#ebebea;} .themenblock-orange{/* background-color:var(--kv_orange)30; */ background-color:#ececec; } .themenblock-weiss{ background-color:#fff;} /* .themenblock section{ margin:0; } */ .shop_themenblock{ margin-bottom:0; padding:50px 5%; } .wd_os_themenblock { margin-bottom: 0; padding: 50px 5% 30px 5%; } .wd_os_themen .thumbnail { margin-bottom: 0; } .wd_os_themenblock h3 { color: #000; font-size: 20px; } .wd_os_kat_text { padding: 0 15px 15px 15px; } .wd_os_kat_text a { color: #000; text-decoration: underline; font-size: 16px; } .wd_os_kat_text a:hover { color: var(--kv_orange); } .theme_bild { padding-left:0; padding-right:0; } .theme_text { padding: 15px; } .themenblock .row{ margin:0; padding:0; } .row_m_0 { margin-right: 0px; margin-left: 0px; } .bg_grau_verlauf { /* margin: 2px; */ background: linear-gradient(to bottom, #c6c6c6 0%,#f5f2f0 60%,#f5f2f0 30%,#bababa 100%); } @media (max-width: 1199px) { .themenblock { margin-bottom: 0; /* padding: 30px 2%; */ } } @media (min-width: 768px) { .body_padding_0 {padding-top: 124px} .body_padding_wd {padding-top: 125px} } @media (max-width: 767px) { .body_padding_0 {padding-top: 99px} .body_padding_wd {padding-top: 99px} .themenblock {margin-bottom: 0;padding: 15px 5%} } @media (max-width: 479px) { .body_padding_0 {padding-top: 99px;} .body_padding_wd {padding-top: 99px;} .pre-header-main { padding-bottom: 5px; } .titel_text_buttons { margin-top: 60px; } .themenblock, .wd_os_themenblock { margin-bottom: 0; padding: 15px 0 15px 0; } .introtext { margin-bottom: 0; } .mobile-margin { margin-top: 0px; } .theme_text { padding: 15px; } } @media (max-width: 349px) { .body_padding_0 { padding-top: 99px; } .body_padding_wd {padding-top: 99px;} .pre-header-main { padding-bottom: 0; } .titel_text_buttons { margin-top: 74px; } .mobile-margin { margin-top: 11px; } .theme_text { padding: 15px; } } .titelbackground { position: relative; text-align: center; /* border-bottom: 1px solid #aaa; */ box-shadow:0px 5px 10px #ccc; } .titel_text_buttons { text-align: center; position: absolute; top: 37%; left: 50%; transform: translate(-50%, -50%); } .titel_text_buttons p { /* text-transform: uppercase; */ font-size: 40px; color: #fff; margin-bottom: 70px; text-shadow: 2px 2px 2px #000000; letter-spacing:6px; } .btn-titel { background-color: #fff; /* border-color: #fff; */ color: #000; padding: 2px 30px; border-radius:10px; font-size: 33px; /* margin: 0 150px; */ letter-spacing:3px; } .btn-titel:hover, .btn-wd_m:hover {background-color:#000;color:#fff;} .btn-titel:hover{transition:all 0.3s ease-in-out;} .btn-wd { float: left; margin-right: 120px; } .btn-os { float: right; margin-left: 120px; } .titel_text_buttons_wd { width: 100%; position: absolute; top: 10%; /* left: 6%; */ /* transform: translate(-50%, -50%); */ } .titel_text_buttons_wd p { float: left; margin-left: 6%; font-size: 40px; color: #fff; text-shadow: 2px 2px 2px #000000; letter-spacing:6px; } .titel_text_buttons_wd .btn-os { float: right; margin-top: 10px; margin-right: 6%; font-size: 25px; } @media (max-width: 1800px) { .btn-wd { float: left; margin-right: 80px; } .btn-os { float: right; margin-left: 80px; } } @media (max-width: 1700px) { .titel_text_buttons { top: 45%; } .titel_text_buttons p { font-size: 35px; margin-bottom: 70px; text-shadow: 2px 2px 2px #000000; letter-spacing:5px; } .btn-titel { padding: 2px 30px; border-radius:10px; font-size: 28px; letter-spacing:3px; } .btn-wd { float: left; margin-right: 70px; } .btn-os { float: right; margin-left: 70px; } .titel_text_buttons_wd p { float: left; margin-left: 6%; font-size: 35px; color: #fff; text-shadow: 2px 2px 2px #000000; letter-spacing:6px; } .titel_text_buttons_wd .btn-os { float: right; margin-top: 10px; margin-right: 6%; font-size: 20px; } .titel_text_buttons_wd .btn-titel { padding: 2px 20px; border-radius:6px; } } @media (max-width: 1500px) { .titel_text_buttons { top: 40%; } .titel_text_buttons p { font-size: 32px; margin-bottom: 55px; text-shadow: 2px 2px 2px #000000; letter-spacing:3px; } .btn-titel { padding: 2px 20px; border-radius:8px; font-size: 24px; letter-spacing:3px; } .btn-wd { float: left; margin-right: 60px; } .btn-os { float: right; margin-left: 60px; } .titel_text_buttons_wd p { font-size: 30px; } .titel_text_buttons_wd .btn-os { margin-top: 7px; } } @media (max-width: 1300px) { .titel_text_buttons { top: 42%; } .titel_text_buttons p { font-size: 26px; margin-bottom: 45px; text-shadow: 2px 2px 2px #000000; letter-spacing:2px; } .btn-titel { padding: 2px 20px; border-radius:6px; font-size: 20px; letter-spacing:2px; } .btn-wd { float: left; margin-right: 40px; } .btn-os { float: right; margin-left: 40px; } .titel_text_buttons_wd p { font-size: 22px; } .titel_text_buttons_wd .btn-os { margin-top: 5px; font-size: 18px; } .wd_os_themenblock h3 { font-size: 18px; } } @media (max-width: 1200px) { .titel_text_buttons { top: 45%; } .titel_text_buttons p { font-size: 24px; margin-bottom: 45px; text-shadow: 2px 2px 2px #000000; letter-spacing:2px; } .btn-titel { padding: 2px 20px; border-radius:6px; font-size: 18px; letter-spacing:2px; } .btn-wd { float: left; margin-right: 35px; } .btn-os { float: right; margin-left: 35px; } .titel_text_buttons_wd .btn-os { margin-top: 5px; font-size: 16px; } .titel_text_buttons_wd .btn-titel { padding: 2px 15px; border-radius: 4px; } .wd_os_themenblock h3 { font-size: 16px; } } @media (max-width: 1000px) { .titel_text_buttons { top: 45%; } .titel_text_buttons p { font-size: 20px; margin-bottom: 45px; text-shadow: 1px 1px 1px #000000; letter-spacing:2px; } .btn-titel { padding: 2px 10px; border-radius:4px; font-size: 16px; letter-spacing:1px; } .btn-wd { float: left; margin-right: 40px; } .btn-os { float: right; margin-left: 40px; } .titel_text_buttons_wd .btn-os { margin-top: 4px; font-size: 14px; } .titel_text_buttons_wd .btn-titel { padding: 1px 10px; border-radius: 4px; } .wd_os_themenblock h3 { font-size: 16px; } } @media (max-width: 991px) { .btn-wd_m { display: block; float: none; margin-left: 15px; margin-right:15px; } } @media (max-width: 850px) { .titel_text_buttons { top: 45%; } .titel_text_buttons p { font-size: 18px; margin-bottom: 35px; text-shadow: 1px 1px 1px #000000; letter-spacing:1px; } .btn-titel { padding: 2px 8px; border-radius:4px; font-size: 15px; letter-spacing:1px; } .btn-wd { float: left; margin-right: 30px; } .btn-os { float: right; margin-left: 30px; } .btn-wd_m { display: block; float: none; margin-left: 15px; margin-right:15px; } } @media (max-width: 700px) { .titel_text_buttons { top: 45%; } .titel_text_buttons p { font-size: 16px; margin-bottom: 25px; text-shadow: 1px 1px 1px #000000; letter-spacing:1px; } .btn-titel { padding: 2px 6px; border-radius:3px; font-size: 14px; letter-spacing:1px; } .btn-wd { float: left; margin-right: 15px; } .btn-os { float: right; margin-left: 15px; } .btn-wd_m { display: block; float: none; margin-left: 15px; } } @media (max-width: 600px) { .titel_text_buttons { top: 45%; } .titel_text_buttons p { font-size: 18px; margin-bottom: 20px; text-shadow: 1px 1px 1px #000000; letter-spacing:0px; } .btn-titel { padding: 1px 4px; border-radius:3px; font-size: 14px; letter-spacing:0px; } .btn-wd { float: left; margin-right: 10px; } .btn-os { float: right; margin-left: 10px; } .btn-wd_m { display: block; float: none; margin-left: 15px; } } @media (max-width: 479px) { #titel-intro { margin-top: -50px; } .titel_text_buttons { text-align: center; position: relative; padding: 40px 0px; /* background-color:#ebebea; */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb7224+0,eb7224+21,a9438d+80,a9438d+100 */ background: #eb7224; /* Old browsers */ background: -moz-linear-gradient(-45deg, #eb7224 0%, #eb7224 21%, #a9438d 80%, #a9438d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #eb7224 0%,#eb7224 21%,#a9438d 80%,#a9438d 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #eb7224 0%,#eb7224 21%,#a9438d 80%,#a9438d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7224', endColorstr='#a9438d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .btn-titel { padding: 2px 20px; border-radius:4px; font-size: 16px; letter-spacing:1px; border: 1px solid #000; } .btn-wd { float: left; margin-left: 15px; } .btn-os { float: right; margin-right: 15px; } .btn-wd_m { display: block; float: none; margin-left: 15px; } .wd_os_themenblock h3 { font-size: 18px; } } @media (max-width: 395px) { #titel-intro { margin-top: -50px; } .titelbackground_small { height: auto} .btn-titel { padding: 2px 15px; border-radius:4px; font-size: 16px; letter-spacing:1px; border: 1px solid #000; } .btn-wd { float: left; margin-left: 15px; } .btn-os { float: right; margin-right: 15px; } .btn-wd_m { display: block; float: none; margin-left: 15px; } .themenblock p { font-size: 16px; } .themenblock h2 { font-size: 16px; overflow:hidden; text-overflow: ellipsis; } } @media (max-width: 349px) { #titel-intro { margin-top: -50px; } .themenblock { margin-bottom: 0; /* padding: 15px 15px 15px 15px; */ padding: 0px; } .titel_text_buttons { padding: 15px 0px; } .btn-titel { padding: 2px 15px; border-radius:4px; font-size: 16px; letter-spacing:1px; /* text-align: center; */ border: 1px solid #000; } .btn-wd { display: block; float: none; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; } .btn-os { display: block; float: none; margin-left: 15px; margin-right: 15px; } .btn-wd_m { display: block; float: none; margin-left: 15px; } .themenblock p { font-size: 16px; } .themenblock h2 { font-size: 16px; } .intro-mobile { padding-top: 15px; } .themenblock-weiss { padding: 15px 0 15px 0; } } /* -------------------------------------------------- */ /* OWL Carousel */ /* -------------------------------------------------- */ /* img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } */ /* OWL CAROUSEL CSS FILE KRÖLL ::::::::::::::::::::::::::::::*/ /* 4 PRODUKTE OWL CAROUSEL FÜR TITELSEITE WD UND LW*/ #wd, #lw { padding-bottom: 15px; padding-top: 30px; } #owl_wd, #owl_lw { margin-top: 30px; /* margin-left: -15px; margin-right: -15px; */ } #owl_wd .prod, #owl_lw .prod { margin: 0px 15px; } #owl_wd .prod a:hover, #owl_lw .prod a:hover { text-decoration: none; } #owl_wd .item, #owl_lw .item{ padding: 10px 0px; border: 1px solid #d9d9d9; margin-bottom: 10px; background-color: #fff !important; } #owl_wd .item img, #owl_lw .item img{ /* width: auto; margin: 0 auto; display: block; */ border: 0 none; display: block; height: auto; margin: 0 auto; max-width: 100%; vertical-align: middle; width: auto; } #owl_wd .item_text, #owl_lw .item_text { margin: 30px 0px 0px 20px; } #owl_wd .item_text > p, #owl_lw .item_text > p { font-weight: 400; } #owl_wd .item_text > p.Item_Titel, #owl_lw .item_text > p.Item_Titel { text-transform: uppercase; font-weight: 700; color: #000000; } .owl-carousel .owl-nav div { background: #d9d9d9 none repeat scroll 0 0; border-radius: 30px; color: #fff; display: inline-block; font-size: 12px; margin: 5px; opacity: 1; position: absolute; } .owl-carousel .owl-nav div:hover { background: var(--kv_orange) none repeat scroll 0 0; border-radius: 30px; color: #fff; display: inline-block; font-size: 12px; margin: 5px; } .owl-theme .owl-controls .owl-nav div { padding: 0px; } .owl-carousel .owl-nav .owl-prev i{ margin-top: 11px; margin-left: 10px; color: #fff; } .owl-carousel .owl-nav .owl-next i{ margin-top: 11px; margin-left: 12px; color: #fff; } .owl-carousel .owl-nav .owl-prev { width: 34px; height: 34px; left: -7px; top: 35%; background: #d9d9d9 none repeat scroll 0 0; border-radius: 30px; } .owl-carousel .owl-nav .owl-next{ width: 34px; height: 34px; right: -7px; top: 35%; background: #d9d9d9 none repeat scroll 0 0; border-radius: 30px; } /* -------------------------------------------------- */ /* 3. REFERENZEN SLIDE */ /* -------------------------------------------------- */ /* REFERENZEN OWL CAROUSEL FÜR TITELSEITE WD*/ #Referenzen { margin: 0 0 30px 0; } #wd_ref {/* margin: 0px; */} #sync1 .item { padding: 0px 0px 0px 0px; text-align: center; width: 100%; height: auto; } #wd_ref #sync1 .item img { width: 100%; } #sync2 .item { border: 1px solid #d9d9d9; padding: 5px 0px; margin: 0px 15px; color: #FFF; text-align: center; cursor: pointer; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } #sync2 .item img { border: 0 none; display: block; height: auto; margin: 0 auto; max-width: 100%; vertical-align: middle; width: auto; } #sync2 .item:hover { -webkit-filter: none; filter: none; } #sync2.owl-carousel .owl-nav div { background: #d9d9d9 none repeat scroll 0 0; border-radius: 30px; color: #fff; display: inline-block; font-size: 12px; margin: 5px; opacity: 1; position: absolute; } #sync2.owl-carousel .owl-nav div:hover { background: var(--kv_orange) none repeat scroll 0 0; border-radius: 30px; color: #fff; display: inline-block; font-size: 12px; margin: 5px; } #sync2.owl-theme .owl-controls .owl-nav div { padding: 0px; } #sync2.owl-carousel .owl-nav .owl-prev i{ margin-top: 7px; margin-left: 8px; color: #fff; } #sync2.owl-carousel .owl-nav .owl-next i{ margin-top: 7px; margin-left: 10px; color: #fff; } #sync2.owl-carousel .owl-nav .owl-prev { width: 25px; height: 25px; left: -3px; top: 27%; background: #d9d9d9 none repeat scroll 0 0; border-radius: 30px; } #sync2.owl-carousel .owl-nav .owl-next{ width: 25px; height: 25px; right: -3px; /* top: 22px; */ top: 27%; background: #d9d9d9 none repeat scroll 0 0; border-radius: 30px; } /* ----------------- MAIN CONTENT ENDE -------------- */ .m0{margin:0 !important;} .m15{margin:15px !important;} .mb80{margin-bottom:80px !important;} .mb30{margin-bottom:30px !important;} .mb20{margin-bottom:20px !important;} .mb15{margin-bottom:15px !important;} .mb10{margin-bottom:10px !important;} .mb5{margin-bottom:5px !important;} .mb0{margin-bottom:0px !important;} .mt0{margin-top:0px !important;} .mt110{margin-top:110px !important;} .mt50{margin-top:50px !important;} .mt30{margin-top:30px !important;} .mt20{margin-top:20px !important;} .mt15{margin-top:15px !important;} .mt10{margin-top:10px !important;} .mt5{margin-top:5px !important;} .ml0{margin-left:0px !important;} .mr0{margin-right:0px !important;} .ml15{margin-left:15px !important;} .ml10{margin-left:10px !important;} .mr30{margin-right:30px !important;} .mr20{margin-right:20px !important;} .mr15{margin-right:15px !important;} .mr10{margin-right:10px !important;} .mr5{margin-right:5px !important;} .pl40{padding-left:40px !important;} .pl30{padding-left:30px !important;} .pl20{padding-left:20px !important;} .pl15{padding-left:15px !important;} .pl10{padding-left:10px !important;} .pl0{padding-left:0px !important;} .pr30{padding-right:30px !important;} .pr20{padding-right:20px !important;} .pr15{padding-right:15px !important;} .pr10{padding-right:10px !important;} .pr0{padding-right:0px !important;} .p0{padding:0 !important;} .pt0{padding-top:0px !important;} .pt5{padding-top:5px !important;} .pt10{padding-top:10px !important;} .pt15{padding-top:15px !important;} .pt20{padding-top:20px !important;} .pt30{padding-top:30px !important;} .pb0{padding-bottom:0px !important;} .pb10{padding-bottom:10px !important;} .pb15{padding-bottom:15px !important;} .pb20{padding-bottom:20px !important;} .pb30{padding-bottom:30px !important;} .p10{padding:10px !important;} .p15{padding:15px !important;} .p20{padding:20px !important;} .p30{padding:30px !important;} /* ----------------- href=\"//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css -------------- */ .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} /* neu */ .index_title p {background-color:rgba(255, 255, 255, 0.9);border-bottom:1px solid var(--kv_orange);line-height:20px;padding: 15px 20% 15px 21px;text-align:left;text-shadow:none;text-transform:uppercase;z-index:10;margin:0; position: absolute; top: 128px;} .Titel-Produkte a {background-color:rgba(255, 255, 255, 0.8);border-bottom:1px solid var(--kv_orange);line-height:20px;padding:10px 25px 10px 25px;text-align:center;text-shadow:none;text-transform:uppercase;z-index:10;margin:0; position: absolute; top: 160px;} .Titel-Produkte a:hover {background-color:rgba(255, 255, 255, 0.8);border-bottom:1px solid var(--kv_orange);color:var(--kv_orange);text-decoration:none;transition:all 0.3s ease-in-out;} .Titel-Werbedruck p {background-color:rgba(255, 255, 255, 0.8);border-bottom:1px solid var(--kv_orange);line-height:20px;padding: 15px 30% 15px 21px;text-align:left;text-shadow:none;text-transform:uppercase;z-index:10;margin:0; position: absolute; top: 135px;} .Titel-Werbedruck_small p {background-color:rgba(255, 255, 255, 0.8);border-bottom:1px solid var(--kv_orange);line-height:20px;margin-left:5%;padding: 5px 25px 8px 21px;text-align:left;text-shadow:none;text-transform:uppercase;z-index:10;position: absolute; top: 8px;} .Subtitel-Werbedruck p {background-color:rgba(255, 255, 255, 0.8);border-bottom:1px solid var(--kv_orange);line-height:20px;padding: 15px 30% 15px 21px;text-align:left;text-shadow:none;text-transform:uppercase;z-index:10;margin:0; position: absolute; top: 24px;font-size:28px;} .werbedruckblock {padding: 0px 10%;} .index_block {padding: 0px 10%;} .werbelink a {margin-left: 250px;} .a_link{font-size:16px;color:#000;text-decoration:underline;transition:all 0.2s ease-in-out;} .theme_text {padding: 10px 30px 0px 30px;} .werbeshop .theme_text {padding: 20px 20px 0px 20px;} .themenblock .thumbnail .caption h3 {font-size: 16px;margin-bottom: 20px;} .themenblock .thumbnail .caption li {padding-bottom: 8px;} .themenblock .thumbnail .caption .list-unstyled li a{background:none;border:0px;color:#000;font-size:16px;margin:0px;padding:0px;} .themenblock .thumbnail .caption .list-unstyled li a:hover {color:var(--kv_orange);text-decoration:none;} /* .btn-bw {background-color:#ececec;border-color:#ccc;color:#000;} .btn-bw:hover {background-color:#ececec;border-color:#ccc;color:var(--kv_orange);} */ .div-btn-bw{position:absolute;right:0;bottom:0;} .btn-bw {background-color:#f2f2f2;border:0px; border-bottom:1px solid var(--kv_orange);color:#000;line-height:20px;padding:5px 10px;text-align:center;text-shadow:none;z-index:10;margin:0px 15px 15px 0px;font-size: 14px;} /* text-transform:uppercase; */ .btn-bw:hover {color:var(--kv_orange);} .icons img {margin-bottom: 30px;} .icons h3{font-size: 16px;} /* neu */ @media (min-width: 320px) AND (max-width:375px) { .index_title_pic{ background-image: image-set( url("/pic/header/header_titelseite_extra_small.webp") type("image/webp"), url("/pic/header/header_titelseite_extra_small.png") type("image/png")); background-position:center center; background-repeat:no-repeat; background-size:cover; padding:199px 0; position:relative; width:100%; margin-bottom:20px; } } @media (min-width: 376px) AND (max-width:767px) { .index_title_pic{background-image: image-set( url("/pic/header/header_titelseite_medium_small.webp") type("image/webp"), url("/pic/header/header_titelseite_medium_small.png") type("image/png")); background-position:center center;background-repeat:no-repeat;background-size:cover;padding:199px 0;position:relative;width:100%;margin-bottom:20px;} } @media (min-width: 768px) AND (max-width:991px) { .index_title_pic{background-image: image-set( url("/pic/header/header_titelseite_medium.webp") type("image/webp"), url("/pic/header/header_titelseite_medium.png") type("image/png")); background-position:center center;background-repeat:no-repeat;background-size:cover;padding:199px 0;position:relative;width:100%;margin-bottom:20px;} } @media (min-width: 992px) { .index_title_pic{background-image: image-set( url("/pic/header/header_titelseite.webp") type("image/webp"), url("/pic/header/header_titelseite.png") type("image/png")); background-position:center center;background-repeat:no-repeat;background-size:cover;padding:199px 0;position:relative;width:100%;margin-bottom:20px;} } .wd_title_pic{background-image:url("../pic/header/header_werbedruck.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;padding:150px 0;position:relative;width:100%;margin-bottom:20px;} .wd_title_pic_small{background-image:url("../pic/header/header_werbedruck_neutral.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;padding:25px 0;position:relative;width:100%;/* margin-bottom:20px; */} .os_title_pic{background-image:url("../pic/header/header_onlineshop.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;padding:150px 0;position:relative;width:100%;margin-bottom:20px;} .os_title_pic_small{background-image:url("../pic/header/header_onlineshop_neutral.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;padding:25px 0;position:relative;width:100%;/* margin-bottom:20px; */} .info_title_pic{background-image:url("../pic/header/header_unternehmen.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;padding:150px 0;position:relative;width:100%;margin-bottom:20px;} .info_title_pic_small{background-image:url("../pic/header/header_unternehmen.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;padding:25px 0;position:relative;width:100%;/* margin-bottom:20px; */} @media (min-width: 320px) AND (max-width:479px) { .index_block {padding: 0px 2%;} .index_title{padding-left:25%;} .index_title p{top:24px;font-size: 16px;padding: 5px 10px 5px 10px;} .index_title_pic{padding:50px 0;} .wd_title_pic{padding:35px 0;} .os_title_pic{padding:35px 0;} .wd_title_pic_small{padding:20px 15px;} .os_title_pic_small{padding:20px 0;} .info_title_pic_small{padding:20px 0;} .Titel-Werbedruck p{top:22px;font-size: 16px;padding: 10px 20% 10px 21px;} .Titel-Werbedruck_small p {top:7px;font-size: 18px;padding: 3px 5% 3px 4px;} .Subtitel-Werbedruck p{top:24px;font-size: 16px;} .lead{font-size:22px;} } @media (min-width: 480px) AND (max-width:639px) { .index_title p{top:30px;font-size: 16px;padding: 5px 30% 5px 21px;} .index_title_pic{padding:60px 0;} .Titel-Werbedruck p{top:30px;font-size: 18px;} .wd_title_pic{padding:50px 0;} .wd_title_pic_small{padding:20px 15px;} .os_title_pic_small{padding:20px 0;} .info_title_pic_small{padding:20px 0;} .Titel-Werbedruck_small p {top:7px;font-size: 20px;padding: 3px 5% 3px 4px;} .Subtitel-Werbedruck p{top:24px;font-size: 18px;} .os_title_pic{padding:50px 0;} } @media (min-width: 640px) AND (max-width:767px) { .index_title p{top:35px;font-size: 20px;padding: 10px 30% 10px 21px;} .index_title_pic{padding:75px 0;} .Titel-Werbedruck p{top:65px;font-size: 24px;} .wd_title_pic{padding:75px 0;} .wd_title_pic_small{padding:20px 15px;} .os_title_pic_small{padding:20px 0;} .info_title_pic_small{padding:20px 0;} .Titel-Werbedruck_small p {top:7px;font-size: 20px;padding: 3px 5% 3px 4px;} .Subtitel-Werbedruck p{top:24px;font-size: 24px;} .os_title_pic{padding:75px 0;} } @media (min-width: 768px) AND (max-width:991px){ .index_title p{top:50px;font-size: 22px;} .index_title_pic{padding:100px 0;} .Titel-Werbedruck p{top:90px;} .wd_title_pic{padding:100px 0;} .wd_title_pic_small{padding:20px 15px;} .os_title_pic_small{padding:20px 0;} .info_title_pic_small{padding:20px 0;} .Titel-Werbedruck_small p {top:7px;font-size: 20px;padding: 3px 5% 3px 4px;} .Subtitel-Werbedruck p{font-size: 24px;} .os_title_pic{padding:100px 0;} } @media (min-width: 992px) AND (max-width:1199px) { .index_title p{top:128px;font-size: 24px;} .index_title_pic{} .Titel-Werbedruck p{top:135px} .wd_title_pic{padding:150px 0;} .Subtitel-Werbedruck p{font-size: 24px;} .os_title_pic{padding:150px 0;} } @media (min-width: 1200px) { .wd_title_pic{padding:150px 0;} .os_title_pic{padding:150px 0;} } /*Formatierung Einleitungstext*/ .rahmen_top a { color: var(--kv_fontgrau); text-decoration: underline; font-size: 16px; cursor: pointer; text-align: center; margin-left: 48%; } .rahmen_top a:hover { color: var(--kv_orange); } .rahmen_top a img { margin: 0 auto; width: 100%; display: block; } .show.collapsed+a.mehr.zeigen:before { content:'> weniger'; } .collapse+a.mehr.zeigen:before { content:'mehr >'; } .in.collapse+a.mehr.zeigen:before{content:'> weniger';} .collapse+a.mehr.zeigen:before{content:'> mehr';} /* -------------------------------------------------- */ /* 2. HEADER*/ /* -------------------------------------------------- */ .border_img { border: 1px solid #ccc; } .border_devider_left { border-left: 1px solid #ccc; } .border_devider_right { border-right: 1px solid #ccc; } .pre-header-main { background-color: #fff; padding-bottom: 7px; } @media (max-width : 991px) { .pre-header-main{padding-bottom: 10px;}} .pre-header-main .navbar-nav li { list-style: none; } .pre-header-main .navbar-nav .nav-item a { padding: 5px; } .pre-header-main .btn-default { background-color: #fff; border-color: #ccc; color: #000; } .nav-item .fa { font-size: 16px; } /* .btn { box-shadow: none; border-radius: 0; -moz-user-select: none; margin-bottom: 5px; text-align: middle !important; vertical-align: middle; white-space: nowrap; outline: none; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: var(--kv_orange); background-color: #fff; outline: none; } */ .pre-header-main .navbar-nav > li > a:hover { color: var(--kv_orange); } @media (min-width: 768px) { .my-custom-container{ width:auto !important; padding-right: 0px; padding-left: 0px; }} @media (min-width: 992px) { .my-custom-container{ width:960px; padding-right: 0px; padding-left: 0px; }} @media (max-width: 1399px) { .my-custom-container{ width:auto; padding-right: 0px; padding-left: 0px; }} @media (min-width: 1400px) { .my-custom-container{ width: auto !important; padding-right: 0px; padding-left: 0px; }} /*Logo Header Mobil ------------------------------------*/ object{ pointer-events: none; padding: 0; margin: 0; } #logo-header-mobil { margin-top: 10px; } /*Scrollbar für mobile menu*/ @media (max-width: 991px) { .header-main .mCustomScrollbar { height: 300px; } #logo-header-mobil { margin-top: 20px; } #logo-header-mobil-sm { margin-top: 15px; } } /*Header main ------------------------------------*/ .header-main { z-index: 99; position: absolute; top: 0; } .header-main nav { height: 40px; min-height:30px; } .header-main .navbar { margin: 0; border-radius: 0px; border-bottom: 1px solid #ececec; /* box-shadow: 0 0 5px #ececec; */ /* box-shadow: none; */ } @media (max-width: 991px) { .header-main .navbar { margin-top: 0px; } .header-main nav { height: 91px; } .pre-header-main .input-group { margin-top: 34px; } } @media (min-width:992px) { .dropdown:after{ content: ''; top: 125px; right: 0; bottom: 0; left: 0; transition: opacity .15s ease-in-out; opacity: 0; visibility:hidden; background-color: rgba(0,0,0,.3); pointer-events: none; } .dropdown:hover .nav-link{ position:relative; z-index:12; } .dropdown:hover:after{ z-index:10; opacity:1; visibility:visible; position: fixed; } } @media (max-width: 768px) { .input-group .form-control { float: left; margin-bottom: 0; position: relative; width: 100%; z-index: 2; } } .header-main .navbar-default { border: none; background: none; background-color: #fff; border-bottom: 1px solid #d9d9d9; } /*Navbar Header*/ /* .header-main .navbar-default .navbar-toggle { color: #000000; border: 1px solid #000; border-radius:none; font-size: 19px; margin-top: 18px; margin-bottom: 8px; margin-right: 15px; padding: 9px 10px; } */ .navbar-form { padding: 0px 0px; margin-top: 0px; margin-right: -15px; margin-bottom: 0px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width: 993px) and (max-width: 999px) { .header-main .navbar-header { margin-top: 15px; } } .header-main .navbar-brand { z-index: 1; padding: 20px 10px 58px 15px; } @media (max-width: 998px) { .header-main .navbar-brand { margin-top: -15px; } } @media (max-width: 991px) { .navbar { min-height: 10px; margin-bottom: 20px; } .header-main nav { height: 40px; } .header-main .navbar-header { } .header-main .navbar-brand { z-index: 1; padding-left:0px; } .header-main .navbar-default .navbar-toggle.produkte_btn { float: left; color: #000000; border: 1px solid #000; /* border-radius: none; */ font-size: 19px; margin-top: 0px; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; padding: 4px 10px 8px 10px; } .header-main .navbar-default .navbar-toggle.filter_btn { float: right; color: #000000; border: none; /* border-radius: none; */ font-size: 19px; margin-top: 9px; margin-bottom: 0px; margin-left: 15px; padding: 0; } } @media (max-width:340px) and (max-width: 767px){ .header-main .navbar-default .navbar-toggle.produkte_btn { margin-top: 0px; } } .header-main .navbar-default .navbar-toggle .icon-bar { background: black; } .navbar-toggle .icon-bar { border-radius: 1px; display: block; height: 1px; width: 30px; margin-top:5px !important; } .burgertext { color: #000000; font-size: 16px; font-weight: 400; margin: 0; margin-left: 0px; padding-left: 15px; padding-right: 15px; border: solid 1px #aaa; border-radius: 4px; /* background-color: #ddd; */ } .burgertext_main { color: #000000; font-size: 16px; font-weight: 400; margin: 0; margin-left: 15px; /*padding-right: 15px; padding-left: 15px; border: solid 1px #aaa; border-radius: 4px; background-color: #ddd; */ } @media (max-width: 991px) { .burgertext { padding-left: 15px; } } @media (max-width: 767px) { .header-main .navbar-default { padding-right: 15px; padding-left: 15px; } .burgertext { padding-left: 15px; } } @media screen and (min-width:341px){ } .burgertext { color: #000000; font-size: 14px; font-weight: 400; margin: 0; margin-left: 0px; padding-left: 5px; padding-right: 5px; border: solid 1px #aaa; border-radius: 4px; /* background-color: #ddd; */ } .header-main .navbar-default .navbar-toggle .burgertext:hover { color: var(--kv_orange); } .header-main .navbar-default .navbar-toggle .icon-bar:hover, .header-main .navbar-default .navbar-toggle .icon-bar:focus { background: var(--kv_orange); } .header-main .navbar-default .navbar-toggle:hover, .header-main .navbar-default .navbar-toggle:focus { background: none; } .dropdown-menu { font-size: 16px; left: auto; /* right: -45px; */ padding: 0; border: 1px solid #ddd; border-top: 0; border-radius: 0; } ul.dropdown-menu{ /* background-color:#f7f7f7; */ } .dropdown-item { display: block; width: 100%; padding: 4px 24px; clear: both; font-weight: 400; color: #000; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: var(--kv_orange); } .dropdown-item { color: #000; border-top: 1px solid #ddd; } .dropdown-item:hover, .dropdown-item:focus { color: var(--kv_orange); text-decoration: none; background-color: #fff; } .dropdown-item a:hover { color: var(--kv_orange); text-decoration: none; } .dropdown:hover > .dropdown-menu { display: block; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: 0; margin-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #000; margin-top: 7px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: var(--kv_orange); } .dropdown-submenu.float-left { float: none; } .dropdown-submenu.float-left > .dropdown-menu { right: -100%; margin-left: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /*Navbar Collapse*/ .header-main .navbar-collapse { position: relative; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; } /*Navbar Nav set to right*/ @media (min-width: 992px) { .header-main .navbar-nav { padding-top: 28px; /* margin: 0 auto; */ display: table; table-layout: fixed; float:right; } .produkte-nav .navbar-nav { padding-top: 0px; display: inline-block; float: none; } .produkte-nav .navbar .navbar-nav { display: inline-block; float: none; vertical-align: top; } .navbar .navbar-collapse { text-align: center; } } /*Navbar Menu*/ .header-main .navbar-default .navbar-nav > li > a { color: #000000; font-size: 16px; font-weight: 400; text-transform: uppercase; } .header-main .navbar-default .navbar-nav > li > a.kroell_rot { color:#de2121; } .header-main .navbar-default .navbar-nav > .active > a { color: var(--kv_orange); } /*Responsive Navbar*/ @media (max-width: 991px) { /*Responsive code für max-width: 991px*/ .header-main .navbar-header { float: none; } .header-main .navbar-toggle { display: block; } .header-main .navbar-collapse { border-top: 0; } .header-main .navbar-collapse.collapse { display: none !important; } .header-main .navbar-collapse.collapse.in { display: block !important; overflow-y: auto !important; } .header-main .pre-header-main .navbar-nav { display:inline-flex; margin: 0; float: right !important; background-color: #fff; padding-top: 0px; margin-top: 25px; } .header-main .navbar-nav { margin: 0; float: none !important; background-color: #fff; padding-top: 0px; margin-top: 0px; } .header-main .navbar-nav > li { float: none; } .header-main .navbar-nav > li > a { padding-top: 30px; padding-bottom: 40px; } /*Dropdown Menu Slide Down Effect*/ .header-main .navbar-nav .open .dropdown-menu { border: 0; float: none; width: auto; margin-top: 0; position: static; box-shadow: none; background-color: #ececec; } .header-main .navbar-nav .open .dropdown-menu > li > a, .header-main .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .header-main .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; background: #fff; font-weight: 400; /* text-transform: uppercase; */ } .header-main .navbar-nav .open .dropdown-menu > li > a:hover, .header-main .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } .header-main .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #000000; font-weight: 400; /* text-transform: uppercase; */ } .header-main .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .header-main .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: var(--kv_orange); background: #fff; } .header-main .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .header-main .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .header-main .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: var(--kv_orange); background-color: #fff; font-weight: 400; /* text-transform: uppercase; */ } .header-main .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .header-main .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .header-main .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background: #fff; } .header-main .navbar-default .dropdown-menu.no-bottom-space { padding-bottom: 0; } /*Design for max-width: 991px*/ .header-main .navbar-collapse, .header-main .navbar-collapse .container { padding-left: 0 !important; padding-right: 0 !important; } .header-main .navbar-default .navbar-nav > li > a { font-size: 16px; padding: 9px 15px 9px 25px; background: #fff; font-weight: 400; /* text-transform: uppercase; */ } .header-main .navbar-default .navbar-nav ul.style-list > li > a { font-size: 16px; padding: 9px 15px 9px 25px; background: none; font-weight: 400; /* text-transform: uppercase; */ } #menu-sale{ border-bottom: solid 1px #ccc; box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.4); margin-bottom:10px; } .header-main .navbar-default .navbar-nav > li a { /*border-bottom: solid 1px #ccc; background: #f7f7f7; */ } .header-main .navbar-default .navbar-nav > ul > li > ul > li a { border-bottom: none; background: #fff; } .header-main .navbar-default .navbar-nav > li > a:focus { background: #f7f7f7; } .header-main .navbar-default .navbar-nav > li > a:hover { color: var(--kv_orange); } .header-main .navbar-default .navbar-nav > .active > a, .header-main .navbar-default .navbar-nav > .active > a:hover, .header-main .navbar-default .navbar-nav > .active > a:focus { color: var(--kv_orange) !important; background:#fff ; } } @media (min-width: 992px) { /*Navbar Collapse*/ .header-main .navbar-collapse { padding: 0; } .header-main .navbar-default .navbar-nav > li > a { line-height: 29px; padding: 25px 18px 22px; } .header-main .navbar-default .navbar-nav > li > a:last-child { padding-right: 15px; } .header-main .navbar-default .navbar-nav > li > a, .header-main .navbar-default .navbar-nav > li > a:hover, .header-main .navbar-default .navbar-nav > li > a:focus, .header-main .navbar-default .navbar-nav > .active > a, .header-main .navbar-default .navbar-nav > .active > a:focus { background: none; } .header-main .navbar-default .navbar-nav > .open > a, .header-main .navbar-default .navbar-nav > .open > a:hover, .header-main .navbar-default .navbar-nav > .open > a:focus { color: var(--kv_orange); /* background-color: #fff !important; */ /* border-bottom: 1px solid #eee !important; */ } .header-main .navbar-default .navbar-nav > li:hover > a { color: var(--kv_orange); /* background-color:#f7f7f7; */ border-left:1px solid #d7d7d7 !important; border-top:1px solid #d7d7d7 !important; border-right:1px solid #d7d7d7 !important; box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.4); border-top-left-radius: 3px; border-top-right-radius: 3px; } /*Dropdown Menu*/ .dropdown-item { color: #000; border-top: 1px solid #ddd; } .header-main .dropdown-menu { /* padding: 0; */ padding: 20px 0 0 0; border: none; min-width: 150px; border-radius: 0; z-index: 9999 !important; /* border-top: solid 2px var(--kv_orange); */ /* box-shadow: 0 5px 5px 0px rgba(90,90,90,0.075); */ box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.4); } .header-main .dropdown-menu li a { color: #000000; font-size: 16px; font-weight: 400; /* text-transform: uppercase; */ padding: 8px 0px; /* border-bottom: 1px solid #eee; */ } .header-main .dropdown-menu > li > a { /*Transition for fixed header*/ transition: all 0.2s ease; } .header-main .dropdown-menu .active > a, .header-main .dropdown-menu li > a:hover { /* color: #fff; */ /* background: var(--kv_orange); */ color: var(--kv_orange); background: #fff; /* border-bottom: 1px solid var(--kv_orange); */ filter: none !important; } .header-main .dropdown-menu li > a:focus { color: inherit; background: none; filter: none !important; } .header-main .navbar-nav > li.dropdown:hover > .dropdown-menu { display: block; } .header-main .open > .dropdown-menu { display: none; } .header-main .dropdown-menu li.dropdown-submenu { padding: 0 10px; border-top: 1px solid #ddd; } .header-main .dropdown-menu li.dropdown-submenu .dropdown-item { border-top: 0; } .header-main .dropdown-menu li.dropdown-submenu li.dropdown-item { border-top: 1px solid #ddd; } .header-main .dropdown-menu li.dropdown-submenu:hover > a { color: var(--kv_orange); background:#fff; } } /*Dropdown Submenu ------------------------------------*/ .dropdown-submenu > .dropdown-menu { padding: 0; top:0; left:-100%; max-width:200px; margin-top:-6px; margin-right:-1px;} .header-main .dropdown-submenu { position: relative; } .header-main .dropdown > a:after, .header-main .dropdown-submenu > a:after { top: 3px; right: 19px; font-size: 14px; position: absolute; font-weight: normal; display: inline-block; } .header-main .dropdown-submenu > a:visited:after, .header-main .dropdown-submenu > a:hover:after, .header-main .dropdown-submenu > a:active:after, .header-main .dropdown-submenu > a:focus:after { top: 3px; right: 19px; font-size: 14px; position: absolute; font-weight: normal; display: inline-block; background: #fff; color: var(--kv_orange); } .dropdown-item, .dropdown-submenu .dropdown-item { display: block; width: 100%; padding: 0px 10px; clear: both; font-weight: 400; border-top: 1px solid #ddd; } .dropdown-item-inactive { display: block; width: 100%; padding: 5px 10px 5px 15px; clear: both; color: #d7d7d7; border-top: 1px solid #ddd; } .dropdown-item-active { display: block; width: 100%; padding: 5px 10px 5px 15px; clear: both; border-top: 1px solid #ddd; } .dropdown-item-active:hover { display: block; width: 100%; padding: 5px 10px 5px 15px; clear: both; color: var(--kv_orange); } @media (max-width: 991px) { /* .produkte-nav ul {box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.4);} */ .header-main .dropdown-menu { /* padding: 0; */ padding:0; border: none; min-width: 150px; border-radius: 0; z-index: 9999 !important; /* border-top: solid 2px var(--kv_orange); */ /* box-shadow: 0 5px 5px 0px rgba(90,90,90,0.075); */ box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.4); } .header-main .dropdown > a:after { top: 9px; right: 15px; } .header-main .dropdown-submenu > .dropdown-menu { /* display: block; */ margin-left: 15px; } .header-main .dropdown .dropdown-submenu > a { font-size: 16px; color: #000000 !important; padding: 5px 0 5px 15px; } .dropdown-menu { font-size: 16px; } .dropdown-item, .dropdown-submenu .dropdown-item { display: block; width: 100%; padding: 0px 10px; clear: both; font-weight: 400; } .dropdown-menu > li > a { font-size: 16px; display: block; padding: 0; clear: both; font-weight: 400; color: #000; white-space: nowrap; } .header-main .dropdown-submenu > .dropdown-menu { padding: 0; top: 3px; left: -100%; margin-top: -5px; margin-left: 0px; } .header-main .dropdown-submenu > .dropdown-menu > .dropdown-submenu .dropdown-menu { padding: 0; top: 3px; left: 100%; margin-top: -5px; margin-left: 0px; } } /*Submenu kommt von der LINKE Seite*/ .header-main .dropdown-submenu > .dropdown-menu.submenu-left { left: -100%; } .header-main .dropdown-submenu:hover > .dropdown-menu { display: block; background: var(--kv_orange); } .header-main .dropdown-submenu.pull-left { float: none; } .header-main .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .header-main .dropdown-menu li [class^="fa-"], .header-main .dropdown-menu li [class*=" fa-"] { left: -3px; width: 1.25em; margin-right: 1px; position: relative; text-align: center; display: inline-block; } .header-main .dropdown-menu li [class^="fa-"].fa-lg, .header-main .dropdown-menu li [class*=" fa-"].fa-lg { /* increased font size for fa-lg */ width: 1.5625em; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #fff; color: var(--kv_orange); } /*Header Fixed ------------------------------------*/ /*Header*/ .header-fixed .header-main.header-fixed-shrink { top: 0; left: 0; width: 100%; z-index: 9999; position: fixed; height: 95px; /* margin-top: -23.5px; */ border-bottom: none; /* box-shadow: 0 0 3px #bbb; */ background: rgba(255,255,255, 0.96); transition: background 0.4s; } @media (max-width: 991px) { /*Header*/ .header-fixed .header-main, .header-fixed .header-main.header-fixed-shrink, .header-fixed .header-main.no-topbar, .header-fixed .header-main.no-topbar.header-fixed-shrink { height: inherit; position: relative; } .header-fixed .header-main.header-fixed-shrink { top: 0; left: 0; width: 100%; z-index: 9999; position: fixed; height: 95px; /* margin-top: -23.5px; */ border-bottom: none; /* box-shadow: 0 0 3px #bbb; */ background: rgba(255,255,255, 0.96); transition: background 0.4s; } } @media (min-width: 992px) { .header-fixed .header-main.header-fixed-shrink .navbar-nav > li.nav-item > a { font-size: 16px; margin-top: 0px; padding: 5px 15px 5px 0px; text-align: center; border: 0; font-weight: 400; } .header-fixed .header-main.header-fixed-shrink .navbar-nav > li > a { font-size: 15px; margin-top: 0px; padding: 10px 30px 10px 30px; text-align: center; border: 0; font-weight: 400; /* border-right: 1px solid #ddd; */ } .header-fixed .header-main.header-fixed-shrink .navbar-nav > li.nav-item.dropdown:first-child > a { border-left: 0; } /*No Topbar*/ .header-fixed .header-main.no-topbar.header-fixed-shrink .navbar-nav > li > a { margin-top: 35px; padding: 14px 17px 16px; } } @media (min-width: 991px) and (max-width: 1080px) { .header-fixed .header-main.header-fixed-shrink .navbar-nav > li.nav-item > a { font-size: 16px; margin-top: 0px; padding: 5px 10px; text-align: center; border: 0; font-weight: 400; } } @media (min-width: 768px) and (max-width: 991px) { .header-main .navbar-toggle { margin-right: 0; } .header-fixed .header-main.header-fixed-shrink .navbar-nav > li.nav-item > a { font-size: 16px; margin-top: 0px; padding: 5px 0px 5px 15px; text-align: center; border: 0; font-weight: 400; } .header-fixed .header-main.header-fixed-shrink .navbar-nav > li.nav-item a:last-child { padding-right:0px; } } @media (min-width: 1400px) { .header-fixed .header-main.header-fixed-shrink .navbar-nav > li > a { font-size: 16px; margin-top: 0px; padding: 5px 50px 5px 50px; text-align: center; border: 0; font-weight: 400; /* border-right: 1px solid #ddd; */ } } @media (min-width: 992px) and (max-width: 1399px) { .header-fixed .header-main.header-fixed-shrink .navbar-nav > li > a { font-size: 16px; margin-top: 0px; padding: 5px 25px 5px 25px; text-align: center; border: 0; font-weight: 400; /* border-right: 1px solid #ddd; */ } } @media (min-width: 992px) and (max-width: 998px) { #logo-header-mobil { margin-top: 24px; } } @media (min-width: 768px) and (max-width: 991px) { .header-main .navbar-collapse, .header-main .navbar-collapse .container { padding-left: 0px !important; padding-right: 0px !important; } } @media (max-width: 767px) { /* .navbar-collapse{height: 90vh;max-height: 100vh!important;} */ .header-main .navbar-collapse, .header-main .navbar-collapse .container { padding-left: 0px !important; padding-right: 0px !important; } .header-fixed .header-main.header-fixed-shrink .navbar-nav > li.nav-item > a { font-size: 16px; margin-top: 0px; padding: 5px 0px 5px 20px; text-align: center; border: 0; font-weight: 400; } .pre-header-main .input-group { margin:15px 0 0 0; } .header-main .navbar-brand { padding: 20px 0px 55px 0px; } .pre-header-main { padding-bottom: 0px; } } @media (max-width: 479px) { .header-fixed .header-main.header-fixed-shrink .navbar-nav > li.nav-item > a { font-size: 16px; margin-top: 0px; padding: 5px 0px 5px 20px; text-align: center; border: 0; font-weight: 400; } .pre-header-main .input-group { margin-top: 15px; } .header-main .pre-header-main .navbar-nav { float: right !important; background-color: #fff; padding-top: 0px; margin-top: 25px; } } @media (max-width: 320px) { .header-fixed .header-main.header-fixed-shrink .navbar-nav > li.nav-item > a { font-size: 16px; margin-top: 0px; padding: 5px 0px 5px 15px; text-align: center; border: 0; font-weight: 400; } .nav-item .fa { font-size: 16px; } } @media (max-width: 280px) { .header-fixed .header-main.header-fixed-shrink .navbar-nav > li.nav-item > a { font-size: 15px; margin-top: 0px; padding: 5px 0px 5px 15px; text-align: center; border: 0; font-weight: 400; } .pre-header-main .input-group { margin:10px 0 0 0; } .nav-item .fa { font-size: 16px; } } .mega-menu-content .mega_menu_trenlinie { content: ""; width: 1px; background: #ddd; position: absolute; display: block; top: 0; bottom: 0; } /*Mega Menu ------------------------------------*/ .mega-menu-content a {text-decoration: none;} .col-spacing{padding-left:25px;padding-right:25px;} .header-main .mega-menu .nav, .header-main .mega-menu .dropup, .header-main .mega-menu .dropdown, .header-main .mega-menu .collapse { position: static; } .header-main .mega-menu .navbar-inner, .header-main .mega-menu .container { position: relative; } .header-main .mega-menu .dropdown-menu { left: auto; } .header-main .mega-menu .dropdown-menu > li { display: block; } .header-main .mega-menu .dropdown-submenu .dropdown-menu { left: 100%; } .header-main .mega-menu .nav.pull-right .dropdown-menu { right: 0; } .header-main .mega-menu .mega-menu-content { *zoom: 1; padding: 0px 30px 20px 30px; background: none; } .header-main .mega-menu .mega-menu-content:before, .header-main .mega-menu .mega-menu-content:after { content: ""; display: table; line-height: 0; } .header-main .mega-menu .mega-menu-content:after { clear: both; } .header-main .mega-menu.navbar .nav > li > .dropdown-menu:after, .header-main .mega-menu.navbar .nav > li > .dropdown-menu:before { display: none; } .header-main .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { left: 0; right: 0; overflow: hidden; } @media (min-width: 1600px) { .header-main .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { margin-left: 17%; margin-right: 17%; margin-top: -7px; } } @media (min-width: 1401px) and (max-width: 1599px){ .header-main .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { margin-left: 10%; margin-right: 10%; margin-top: -7px; } } @media (min-width: 992px) and (max-width: 1399px){ .header-main .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { margin-left: 10px; margin-right: 10px; margin-top: -7px; } } @media (max-width: 991px) { .header-main .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { width: auto; } .header-main .mega-menu .mega-menu-content { /* background: #ececec; */ padding: 15px 30px 20px 30px; } .header-main .mega-menu .mega-menu-content [class^="col-"] { padding-right: 25px; } .header-main .mega-menu .dropdown-menu > li > ul { display: block; } } @media (max-width: 767px) { .header-main .mega-menu .mega-menu-content { padding: 5px 30px 10px 0px; } } /*Bootstrap Container*/ @media (min-width: 768px) { .header-main .mega-menu .mega-menu-content .container { width: auto; } } @media (min-width: 992px) { .header-main .mega-menu .mega-menu-content .container { width: auto; } } @media (max-width: 991px) { .header-main .mega-menu .mega-menu-content .container { width: auto } } @media (min-width: 1200px) { .header-main .mega-menu .mega-menu-content .container { width: auto; } } /*Dropdown Menu*/ .header-main .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu li { /* padding-bottom: 8px; */ margin-left:15px; } /*Dropdown Menu Einfach*/ @media (max-width: 991px) { .header-main .mega-menu .dropdown .dropdown-menu li { /* padding-bottom: 8px; */ margin-left:50px; } } /*Dropdown Akkordion*/ .nav_acc_head {color: #000; background: none; /* border-bottom: 1px solid var(--kv_orange) */;list-style:none;position: relative; display: block !important; padding: 5px 0px;} .nav_acc_head:before { content: ""; position: absolute; width: 240px; height: 5px; bottom: 0; left: 0; border-bottom: 2px solid var(--kv_orange); } .nav-level3{margin-left:5px;} ul.nav-level3{list-style:none outside url(/pic/icons/bullet.png);} ul.nav-level3 > li.active a{ border-radius: 0; color: var(--kv_orange); text-decoration: none; } .nav-level4{margin-left:15px;} ul.nav-level4{list-style:none outside url(/pic/icons/line.png);} ul.nav-level4 > li.active a{ border-radius: 0; color: var(--kv_orange); text-decoration: none; } .header-main .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu li a { padding: 2px; /* display:inline-block; */ } .header-main .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu li a:hover { color: var(--kv_orange); /* display:inline-block; */ } @media (max-width: 991px) { .header-main .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu li a { padding: 10px 2px; /* display:inline-block; */ } /*Product Offers*/ img.product-offers{width:300px} .header-main img.product-offers:hover { opacity: 0.9; } /*Style List*/ .header-main h3.mega-menu-heading { color: #000000; font-size: 15px; margin-bottom: 0px; padding-bottom: 5px; font-weight: 400; text-transform: uppercase; border-bottom: 1px solid #eee; } .mega-menu-heading2 { color: #000000; font-size: 16px; text-decoration:underline; font-weight: 400; text-transform: uppercase; margin-bottom: 10px !important; } .header-main p.mega-menu-heading.margin-bottom-10 { margin-bottom: 10px !important; } .header-main .style-list { margin-bottom: 20px; } .header-main .style-list li { /* border-bottom: 1px solid #eee; */ padding: 3px 0px 3px 0px; } .header-main .style-list li a { color: #000000; font-size: 16px; margin-right: 5px; font-weight: 400; text-decoration: none; /* text-transform: uppercase; */ } .header-main .style-list li a:hover { color: var(--kv_orange); border-bottom: 1px solid var(--kv_orange); background: none; text-decoration: none; } .header-main .style-list li .label { color: red; top: -1px; position: relative; } /*Dropdown Buttons ------------------------------------*/ .dropdown-show { box-shadow: 0 0 4px #eee; display: inline-block; position: relative; } /*Responsive Navbar*/ @media (max-width: 991px) { /*Responsive code for max-width: 991px*/ .header-main .navbar-default .navbar-nav > .active > a, .header-main .navbar-default .navbar-nav > .active > a:hover, .header-main .navbar-default .navbar-nav > .active > a:focus { background: #ececec !important; } .header-main .dropdown-menu li.dropdown-submenu:hover > a { background: none; } } .suchen .btn { padding: 7px 10px 5px 10px; border: 1px solid #ced4da; border-style: solid solid solid none; } .suchen .btn { color: #aaa; } #header .form-control, #header .btn { border-radius: 0; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: var(--kv_orange) !important; text-decoration: none; background-color: #fff !important; } /* .header-fixed .header-main.header-fixed-shrink .navbar-nav > li.nav-item > .dropdown-togle .caret { display: none !important; } */ /* .dropdown-submenu .caret { display: none !important; } */ } .deko-margin {margin-left:20px;margin-right:20px;} @media(min-width:992px){ .deko-margin {margin-left:10%;margin-right:10%;} } /**************************** Anfang Sidebar / Filter ****************************/ .border_bottom_1px { border-bottom: 1px solid #eee; } /* Sidebar Menu v2 ------------------------------------*/ #Pagecontent { } .list-group { margin-bottom: 0px; } div#Sidebar_Menu { margin-bottom: 30px; } .list-group-item { background-color: #fff; border: 0 none; border-radius: 0; display: block; margin-bottom: 0; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background-color: #fff; border: 0 none; color: var(--kv_orange); } .sidebar-nav-v2 li { padding: 0; border-color: #fff; line-height:1.42857143; } .sidebar-nav-v2 li a { display: block; padding: 6px 0px 6px 0px; background: #fff none repeat scroll 0 0; text-decoration: none; outline: none; font-size: 16px; transition: all 0.2s ease 0s; margin-bottom: 2px; } .sidebar-nav-v2-info{ padding: 6px 15px 6px 10px !important; } .sidebar-nav-v2 li a:hover { text-decoration: none; color: var(--kv_orange); outline: none; font-weight: 400; } .sidebar-nav-v2 li.menueblind { display: block; padding: 6px 15px; text-decoration: none; outline: none; font-size: 16px; margin-bottom: 2px; } .sidebar-nav-v2 > li.active > a { border-radius: 0; color: var(--kv_orange); text-decoration: none; } .sidebar-nav-v2 li ul { padding: 0; list-style: none; } .sidebar-nav-v2 li ul, .sidebar-nav-v2 li.active ul a { background-color: #fff; } .sidebar-nav-v2 li > a:before { content: "\f105" " "; font-family: FontAwesome; } /* .sidebar-nav-v2 li.active > a:before { content: "\f107" " "; font-family: FontAwesome; }*/ .sidebar-nav-v2 li > ul > li > a:before { content:""; } #noicon ::before{ content:""; } .sidebar-nav-v2 li > ul > li > a { border: 0 none; border-radius: 0; background-color: #fff; font-size: 16px; padding: 3px 3px 3px 25px; text-transform: none; } .sidebar-nav-v2 ul > li > ul > li > a { border: 0 none; border-radius: 0; background-color: #fff; font-size: 16px; padding: 3px 3px 3px 40px; text-transform: none; } .sidebar-nav-v2 li > ul > li > a:hover { text-decoration: none; color: var(--kv_orange); outline: none; } .sidebar-nav-v2 ul > li > ul > li.active > a { border-radius: 0; color: var(--kv_orange); text-decoration: none; } .sidebar-nav-v2 > li > ul > li.active > a { border-radius: 0; color: var(--kv_orange); text-decoration: none; } .sale{ color: #cc0000; font-weight: 700; } /* Sidebar List Toggle ------------------------------------*/ .list-group-item:first-child, .list-group-item:last-child { border-radius: 0; } .list-toggle-pfeil:after { top: 7px; right: 10px; color: #000; font-size: 14px; content: "\f105"; position: absolute; font-weight: normal; display: inline-block; font-family: FontAwesome; } .list-toggle-pfeil.active:after { color: var(--kv_orange); content: "\f107"; } /*Sidebar_Menu Filter ------------------------------------*/ /*Panel Gruppe*/ .panel-default { background-color: #fff; border: none; color: #000; padding-bottom:15px; } .panel-default > .panel-heading { background-color: #fff; /* text-decoration:underline; */ border: none; color: #000; padding:0px; } .panel-body { background-color: #fff; border: none; color: #000; padding:0px; } .panel, .panel-group .panel { border-radius: 0; margin-bottom: 0; } .panel-heading a:hover, .panel-heading a:focus { /* color: #23527c; */ text-decoration: none; outline: none; } .filter-by-block { /* margin-bottom: 30px; margin-right: 15px; margin-left: 15px; */ } .filter-by-block .panel-group { margin-bottom: 0px; } .filter-by-block p, div#Sidebar_Menu p { color: #000; width: 100%; font-size: 14px; padding: 5px 4px 5px 10px; margin-bottom: 0px; background: #fff; text-transform: none; } #FilterOpen p { color: #000; width: 100%; font-size: 14px; padding: 0px; margin-bottom: 0px; background: #fff; text-transform: none; } .list-fa p a { text-decoration: none; outline: none; } .list-fa p a:hover, .list-fa p a:active { text-decoration: none; color: #000; outline: none; } .list-fa p a:focus {color: var(--kv_orange);} .filter-by-block .panel-group p a { background: #fff; text-decoration: none; outline: none; } .filter-by-block .panel-group p a:focus {color: var(--kv_orange); } .filter-by-block .panel-group p a:hover, .filter-by-block .panel-group p a:active { text-decoration: none; color: var(--kv_orange); outline: none; } #FilterCloseAllTop p { padding: 5px 15px 5px 0px; } #FilterCloseAllTop .list-inline > li .btn-u { background:#FFFFFF; border:1px solid #000; color:#000; cursor:pointer; display:inline-block; font-size:14px; font-weight:400; padding:1px 8px; position:relative; text-decoration:none; white-space:nowrap; top: -10px; } #FilterCloseAllTop .list-inline > li .btn-u:hover { color: #fff; background: var(--kv_orange); border:1px solid var(--kv_orange); text-decoration: none; transition: all 0.3s ease-in-out; } #FilterCloseAllTop input { line-height:normal; margin-top: 0px; } #Filter_container { background-color: #fff; } #AlleWdLw { /*border-bottom: 1px solid #ccc; */ padding-left: 10px; margin-bottom:10px; margin-top: 10px; text-align: center; padding-bottom: 7px; } #AlleWdLw .list-inline > li { padding-right: 30px; padding-left: 0px; } .FilterLink a:hover { text-decoration: none; } .checkbox-entsorgung .checkbox, .checkbox-list .checkbox{color:#000;margin:0;cursor:pointer;font-size:16px;line-height:20px;padding-left:27px;} .checkbox-list li{margin-top:0px;} .checkbox-list .checkbox i{left:4px;top:2px;width:15px;height:15px;outline:none;display:block;background:#fff;border-width:1px;position:absolute;border-style:solid;} .checkbox-filter {margin-top: 10px !important; padding: 3px 4px 4px 27px; border: 1px solid #ccc;} .checkbox-box-filter{left: 7px !important; top:6px !important;} @media screen and (min-width: 991px) { #AlleWdLw { margin-top: 0px; /* height: 37px; */ } } @media screen and (max-width: 1199px) { #AlleWdLw .list-inline > li { padding-right: 20px; padding-top:5px; } } @media screen and (max-width: 991px) { #AlleWdLw { /*border-bottom: 1px solid #ddd;*/ padding-left: 15px; /*margin-top: 100px;*/ text-align: center; } .list-inline > li { padding-right: 40px; } .kategorie .kategorie-inline li { display: inline-block; /* margin-right: 20px; */ } .checkbox-list li { margin-top: 0px; } .filter-by-block p { color: #000; /* width: 130px; */ font-size: 14px; padding: 5px 5px 6px 5px; margin-bottom: 0px; /* background: none; */ background: #f7f7f7; text-transform: none; } .filter-by-block .FilterLink p .fa-angle-right:before { line-height: 18px; } .filter-by-block { margin-bottom: 0px;} h1 { margin-bottom: 8px; } } @media screen and (max-width: 767px) { .filter-by-block { /* margin-bottom: 30px; */ margin-right: 0px; margin-left: 0px; } #AlleWdLw { padding-left: 15px; /*border-bottom: 1px solid #ddd;*/ text-align: left; margin-top:10px; } #AlleWdLw .list-inline li { padding-left: 0px; padding-right: 20px; } } @media screen and (max-width: 380px) { #AlleWdLw { /*border-bottom: 1px solid #ddd; */ padding-left: 15px; margin-bottom: 10px; text-align: left; } #AlleWdLw .list-inline li { padding-left: 0px; padding-right: 10px; } } .kategorie-inline li.m-mehr { margin-right: 66px; } .filter-by-block { margin-bottom: 0px;} #Filter { margin-bottom: 10px; } #FilterOpen { margin-bottom: 10px; border-bottom: 1px solid #eee; } div#Filter p.panel-title a i, div#Sidebar_Menu p.panel-title a i { margin-top: 2px; margin-right: -7px; font-size: 14px; font-weight: 700; } div#FilterOpen p.panel-title a:after { font-size: 14px; color: #000; content: "\f105"; font-weight: normal; display: inline-block; font-family: FontAwesome; float: right; } div#FilterOpen p.panel-title a:hover:after { color: var(--kv_orange); content: "\f105"; } div#FilterOpen p.panel-title a:focus:after, div#FilterOpen p.panel-title a:active:after { color: var(--kv_orange); content: "\f107"; } .panel { box-shadow:none; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #fff; } .filter-by-block .panel-default { border-color: #fff; } .filter-by-block .panel-heading { padding: 0; background: #fff; } .filter-by-block .panel-title { overflow: hidden; } .filter-by-block .panel-group p, div#Sidebar_Menu .panel-group p { line-height: 10px; } .filter-by-block .panel-group p a { color: #000; display: block; font-size: 14px; font-weight: 400; padding: 10px 9px 10px 10px; border-bottom: 1px solid #eee; } .filter-by-block .panel-body { padding: 8px 15px 8px 15px; border-bottom: 1px solid #eee; border-top-color: #fff; } .filter-by-block .panel-body .list-inline > li { display: inline-block; padding-left: 4px; padding-right: 4px; } .fil-btn{ border:1px solid var(--kv_orange); color:var(--kv_orange); font-size:11px; font-weight:400; cursor:pointer; font-weight:700; padding:6px 13px 4px 13px; margin-top:2px; margin-left:0px; position:relative; background:#fff; white-space:nowrap; /* display:inline-block; */ text-decoration:none; /* float:right; */ } .fil-btn:hover{ border:1px solid var(--kv_orange); color:#fff; background:var(--kv_orange); text-decoration:none; transition:all 0.3s ease-in-out; } .mt1 {margin-top: 1px;} .mt2 {margin-top: 2px;} .mt3 {margin-top: 3px;} .mt4 {margin-top: 4px;} .fil-toggle-txt{ float:left; font-size:16px; position:relative; margin-top:3px; } .fil-toggle-txt:hover{ color:#fff; background-color:var(--kv_orange); transition:all 0.3s ease-in-out;} .fil-toggle{ float:left; color:var(--kv_orange); background-color:#fff; z-index:99; width:120px;height:30px; font-size:18px; border:1px solid var(--kv_orange); padding-left:10px; border-radius:2px; } .fil-toggle:after{ top:-4px; left:10px; position:absolute; text-align:center; font-family:FontAwesome; } .fil-toggle:hover{ color:#fff; background-color:var(--kv_orange); transition:all 0.3s ease-in-out;} /**************************** Ende Sidebar / Filter ****************************/ /**************************** Anfang Update Hinweis ****************************/ body .buorg { position: absolute; position: fixed; z-index: 111111; width: 100%; top: 0px; left: 0px; border-bottom: 1px solid #A29330; text-align: center; color: #000; background-color: var(--kv_orange); font: 18px Roboto, Helvetica, sans-serif; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); animation: 1s ease-out 0s buorgfly } body .buorg-pad { padding: 9px; line-height: 1.7em; } body .buorg-buttons { display: block; text-align: center; } #buorgig, #buorgul, #buorgpermanent { color: #fff; text-decoration: none; cursor: pointer; box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); padding: 1px 10px; border-radius: 4px; font-weight: normal; background: #5ab400; white-space: nowrap; margin: 0 2px; display: inline-block; } #buorgig { background-color: #edbc68; } @media only screen and (max-width: 700px) { body .buorg div { padding: 5px 12px 5px 9px; line-height: 1.3em; } } @keyframes buorgfly { from { opacity: 0; transform: translateY(-50px) } to { opacity: 1; transform: translateY(0px) } } body .buorg-fadeout { transition: visibility 0s 8.5s, opacity 8s ease-out .5s; } body .buorg-icon { width: 22px; height: 16px; vertical-align: middle; position: relative; top: -0.05em; display: inline-block; background: no-repeat 0px center; } /**************************** Anfang Update Hinweis ****************************/