/* specials */ a, a:focus {outline:0;} .werma_red {color:#E30018 !important;} .werma_green {color:#64860F !important;} .werma_red_bg {background-color:#E30018 !important;border-color:#E30018 !important;} /* rgb(227,0,24) */ .werma_white_bg {background-color:#FFFFFF !important;border-color:#FFFFFF !important;} /* rgb(227,0,24) */ a.werma_red_bg, .werma_red_bg a {color:#FFFFFF !important;} a.werma_white_bg, .werma_white_bg a {color:#E30018 !important;} .werma_tower {color:#DB0008 !important;} .werma_system {color:#98C000 !important;} .werma_optical {color:#FDE900 !important;} .werma_buzzer {color:#00A02F !important;} .werma_opt_aud {color:#00A6EB !important;} .werma_config {color:#D8DADC !important;} /* AEAFB2 */ .cat-icons > div {text-align:center;margin-bottom:20px;} .cat-icons a {width:100px;height:100px;border-radius:50%;border:solid 1px transparent;} .cat-icons a:hover img.config {box-shadow:0 0 15px 5px #585858;-moz-box-shadow:0 0 15px 0px #585858;transition: all 0.2s ease-in-out;} .cat-icons a:hover img.tower {box-shadow:0 0 15px 5px #DB0008;-moz-box-shadow:0 0 15px 0px #DB0008;transition: all 0.2s ease-in-out;} .cat-icons a:hover img.system {box-shadow:0 0 15px 5px #98C000;-moz-box-shadow:0 0 15px 0px #98C000;transition: all 0.2s ease-in-out;} .cat-icons a:hover img.optical {box-shadow:0 0 15px 5px #FDE900;-moz-box-shadow:0 0 15px 0px #FDE900;transition: all 0.2s ease-in-out;} .cat-icons a:hover img.buzzer {box-shadow:0 0 15px 5px #00A02F;-moz-box-shadow:0 0 15px 0px #00A02F;transition: all 0.2s ease-in-out;} .cat-icons a:hover img.opt_aud {box-shadow:0 0 15px 5px #00A6EB;-moz-box-shadow:0 0 15px 0px #00A6EB;transition: all 0.2s ease-in-out;} .cat-icons img.config {background-color:#585858;} .cat-icons img {border-radius:50%;position:relative;margin-left:-1px;border:solid 1px #555;width:90% !important; max-width:100px !important; height:auto;} .font-black {color:#000;} .white_bg {background-color:#FFF !important;} .grey_bg {background-color:#F0F0F0;} .greylight_bg {background-color:#F8F8F8;} .concrete_bg {background:url(/gfx/common/background/bg_concrete_dark.jpg) #585858;} .rounded-bottom {border-radius:0 0 15px 15px} .uppercase {text-transform:uppercase} /* test */ .border {border:solid 1px green} .test .row > div {border:solid 1px green} .test .teaser-box > div {border:solid 1px red} .test .box {border:solid 1px red} /** new **/ h4 {font-size:16px} hr {border-color:#DDD;} b, strong {font-family:'Poppins'; font-weight: normal; color:#333;} .startpage section:first-of-type {padding-top:40px;} .tp-banner {display:none;} .tp-banner-container {margin-top:100px;} .tp-banner .tp-caption h2 {font-size:2.4em;margin-bottom:20px;color:#FFF !important;} /* stage */ #start {display:none;} #start_wrapper {margin-top:100px;} .rev_slider .tp-caption h2 {font-size:1.4em;margin-bottom:20px;} .rev_slider .tp-caption h3 {line-height:1.5em} .rev_slider .tp-caption h2 > *, .rev_slider .tp-caption p {line-height:30px !important;font-weight:100 !important; margin-bottom:12px !important;} .erinyen.tp-leftarrow .tp-title-wrap, .erinyen.tp-rightarrow .tp-title-wrap {display:none} .zeus .tp-bullet {border:1px solid #E30018 !important;} .zeus .tp-bullet:after {background-color:rgba(227,0,24,0.7) !important;} a.tp-caption.FullSiteBlock-Link {color:#FFF;} a.tp-caption.FullSiteBlock-Link { background-color:rgba(200,5,0,.75) !important; background-blend-mode: multiply; padding: 10px !important; } /* stage old */ .tp-banner {display:none;} .tp-banner-container {margin-top:100px;} .tp-banner .tp-caption h2 {font-size:1.4em;margin-bottom:20px;} .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left:8px; padding-right:8px; } xbody > div:first-of-type {margin-top:100px;} .navbar-nav > li > a {padding-bottom:10px;} .navbar {min-height:100px;border-bottom:solid 1px #999999;padding-top:11px;background-color:#FFFFFF;} .navbar .navbar-header {margin-left:15px;} .navbar .collapse.navbar-collapse {margin-top:8px;} .navbar .collapse.navbar-collapse > ul > li > a > .caret {display:none} .main .nav .dropdown-menu.row .menu {white-space:normal;height:2.5em;line-height:1.2em;position:relative;} .nav.sub > li {padding-left:20px;} .nav.sub > li:last-child {float:right} .nav.sub > li > a {padding:15px 0;} .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left:-5px; } .navbar .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar .navbar-nav > li.dropdown-full > .dropdown-menu { padding:0; } .navbar.invert, .navbar.invert .navbar-right {background-color:#E30018;} .navbar.invert .nav > li > a, .navbar.invert .nav > li > a:hover, .navbar.invert .nav > li > a:focus, .navbar.invert .nav > li > a:active, .navbar.invert .navbar-nav.sub a .fa, .navbar.invert .nav.sub > li > a .fa {color:#FFFFFF} .navbar.invert .nav > li > a:hover span {border-bottom:solid 1px #FFFFFF;padding-bottom:3px;} .navbar.invert li > .dropdown-menu {box-shadow:0px 5px 5px #AAA !important;} .navbar.invert .eshop {background-color:#FFFFFF;} .navbar.invert .eshop a {color:#E30018;} .navbar.invert .nav #cart span {background-color:rgba(255,255,255,0.8);color:#E30018;} .navbar-right {position:relative;right:0;height:45px;background-color:#FFF;} .navbar .main .navbar-nav > li:first-child {margin-left:15px;} .navbar .main > ul {margin-top:23px;margin-bottom:5px;} .navbar .eshop { background-color:#E30018; padding:63px 10px 7px 10px; border-radius:0 0 10px 10px; position:relative; top:-23px; margin-right:40px;margin-left:10px; } .navbar .shop .eshop { margin-right:30px;padding:63px 15px 7px 15px; } .navbar .eshop a { color:#FFFFFF; text-transform:uppercase; } .navbar .eshop i { padding-left:10px;top:2px;position:relative} .navbar-form { margin-top:5px; margin-bottom:0; padding-right:0; } .navbar .nav > li > a { white-space:nowrap; padding-top:0; padding-bottom:0; z-index:2; } .navbar .nav.sub > li:first-child { padding-left:0; } .navbar .navbar-nav.sub form { margin-top:10px; padding-left:0px; } .navbar .navbar-nav.sub form .fa { margin-top:5px; } .navbar .navbar-nav.sub a .fa { font-size:18px; line-height:20px; color:#888888; } /* start search top .navbar form.search {position:absolute;right:0px;bottom:25px;margin:10px 0;} .navbar form.search .fa {width:17px;} .navbar .navbar-form-expanded input:focus, .navbar .navbar-form-expanded:hover input, .navbar input[data-width="180px"], .navbar .navbar-form-expanded input[data-width-expanded="180px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="180px"] {width:250px !important;} .navbar .search input { width:0px !important; visibility:hidden; padding:0; position:absolute;right:65px; } */ .navbar #top-search { margin-left:15px; position:relative; } .navbar-form .input-group { display:block; } .navbar .navbar-form-expanded { width:100% !important; } .navbar .navbar-form-expanded input { width:70% !important; width:calc(100% - 155px) !important; } .navbar .shop .navbar-form-expanded input { width:50% !important; width:calc(100% - 300px) !important; } .navbar .search input { padding:0 35px; } .navbar .search .fa { position:absolute; top:7px; left:10px; z-index:2; font-size:1.3em; width: 20px; height: 20px; content: '\f002'; color: #E30018; } .navbar .navbar-form-expanded input:focus, .navbar .navbar-form-expanded:hover input { padding:6px 35px; } .navbar .navbar-form-expanded input:focus, .navbar .navbar-form-expanded:hover input, .navbar input[data-width="180px"], .navbar .navbar-form-expanded input[data-width-expanded="180px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="180px"] { width:70%; width:calc(100% - 155px) !important;} .navbar .shop .navbar-form-expanded input:focus, .navbar .navbar-form-expanded:hover input, .navbar .shop input[data-width="180px"], .navbar .shop .navbar-form-expanded input[data-width-expanded="180px"]:focus, .navbar .shop .navbar-form-expanded:hover input[data-width-expanded="180px"] { width:50%; width:calc(100% - 300px) !important; } .navbar .search a.btn { padding-left:20px; float:left; width:100px; overflow:hidden;border-radius:0 5px 5px 0;} .navbar .shop .search a.btn { background-color:#FFF !important; color:#E30018 !important; border-color:#CCC !important; border-left-color:#E30018 !important;} .navbar .search .spinner { right:85px; top:3px; position:absolute; transition:none; } .navbar .navbar-nav .dropdown-menu > ul > li > a { border:solid 1px #DDDDDD;padding:10px 15px; } .navbar .navbar-nav .dropdown-menu > ul > li { margin-bottom:15px; } /* start language top */ .navbar li.language {position:absolute;right:0;bottom:45px;} .navbar li.language > a {font-size:0.9em} .navbar li > .language {margin:-5px -5px 0 0 !important;} .navbar li.myLogin i.fa {width:13px;} .navbar li.myLogin .small {font-size:12px;text-transform:none;padding-left:3px;} /* end language top */ .navbar .language img {padding-right:10px;} .navbar .language a {line-height:15px !important;} .dropdown-menu > ul.row {margin:15px;margin-bottom:0;} .dropdown-menu.row {border-color:#DDDDDD;/*box-shadow:0 10px 10px #DDD !important;*/} .dropdown-menu.row img[src*="1pix"] { height:31%; } #MegaNavbarID .main { margin-top:-20px; max-width:100%; } #MegaNavbarID .submenu li { padding:4px 0px; font-size:14px; } #MegaNavbarID .submenu li:before { font-family:"FontAwesome"; content:"\f0da"; color:#585858; font-size:0.9em; position:absolute; padding-left:15px; } #MegaNavbarID .submenu li a { padding:0 0px 0 25px; white-space:normal; } .navbar-left.main { width:60% !important; } .navbar .navbar-nav > li:not(.dropdown) ul li.dropup-right-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-right-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropup-right-onhover > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-right-onhover > .dropdown-menu { padding:0px; } .navbar .navbar-nav > li:not(.dropdown) ul li.dropup-right-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-right-onclick > .dropdown-menu a, .navbar .navbar-nav > li:not(.dropdown) ul li.dropup-right-onhover > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-right-onhover > .dropdown-menu a { padding:0 10px; } .navbar .navbar-nav .dropdown-menu li.dropup-right-onhover:hover>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropdown-right-onhover:hover>a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropup-right-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-right-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before{margin-right:-20px;} /*ltr*/ .navbar .navbar-nav > li ul li.dropdown-center-onhover > .dropdown-menu {padding:0px;} .navbar .navbar-nav > li ul li.dropdown-center-onhover > .dropdown-menu a {padding:0 10px;} .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background-color:transparent;} /* .nav .embed-responsive {height:100%;} .nav .embed-responsive .embed-responsive-item {position:unset;} */ .nav > li > a {text-transform:uppercase;} .nav > li > a:focus, .nav > li > a:hover {background-color:transparent;text-decoration:none;} .nav > li > a:hover span {border-bottom:solid 1px red;padding-bottom:3px;} .nav > li.disabled > a {color:#AAA;} .nav .myLogin .alert {font-size:12px;} .nav .myLogin .carousel ul.list li a { padding:0 15px 0 0; } .nav .myLogin .carousel ul.list li a:before { font-family:"FontAwesome"; content:"\f0da"; color:#585858; padding:0 10px; font-size:0.9em; color:#E30018; } .navbar #topbar {padding:0;} .navbar .topbar-list {margin-bottom:0;} .navbar #topbar-lang {top:-1px;} .navbar #topbar li {padding:35px 0;} .navbar #topbar li.rounded-bottom {padding:35px 15px 10px 15px !important;} #nav-attach {position:absolute;top:78px;right:0;display:block;} section.breadcrumb { margin-top:90px; } section.breadcrumb .row { margin-top:30px; margin-bottom:0; padding:0 25px; } .breadcrumb { background-color: transparent; padding: 8px 0; margin-bottom:0; } .breadcrumb > li { font-size:0.9em; } .breadcrumb > li.active a, .breadcrumb > li.active { color:#E30018; } .breadcrumb > li + li::before { font-family:"FontAwesome"; content:"\f0da"; color:#585858; padding:0 10px; font-size:0.9em; } /* standard teaser */ .row-clean .col-md-2, .row-clean .col-sm-2, .row-clean .col-md-3, .row-clean .col-sm-3, .row-clean .col-md-4, .row-clean .col-sm-4, .row-clean .col-md-5, .row-clean .col-sm-5, .row-clean .col-md-6, .row-clean .col-sm-6, .row-clean .col-md-7, .row-clean .col-sm-7, .row-clean .col-md-8, .row-clean .col-sm-8, .row-clean .col-md-9, .row-clean .col-sm-9, .row-clean .col-md-10, .row-clean .col-sm-10, .row-clean .col-md-11, .row-clean .col-sm-11 {width:100%;} .no-margin .row {margin:0 !important;} .simple .row {margin-top:0;margin-bottom:0;} .simple .row:first-of-type {margin-top:20px;} .simple .row:not(:first-of-type) {margin-top:30px;transition:0.5s;} .simple .headline > h1, .simple .headline > h2 {padding:0;margin:0;line-height:1.3em} .img > img, .img > a > img {width:100%;height:auto !important;} .simple .img img {width:100% !important;height:auto !important;} .teaser-simple {margin-bottom:30px;} .teaser-box {background-color:#FFF;overflow:hidden;width:100%;margin-bottom:20px;} .teaser-box h2 {line-height:28px;padding-bottom:20px;margin:0 0 20px 0;border-bottom:solid 1px #585858;} .teaser-box h2 span {display:block;font-weight:600} .teaser-box .more {position:absolute;bottom:40px;right:30px;} .teaser-box h2:empty, .teaser-box h3:empty, .teaser-box h2 span:empty, .teaser-box h3 span:empty {display:none} .teaser-box.h1-3x1vf {background-color:transparent;max-height:200px;overflow-y:hidden} .row .teaser-box.h1-3x1vf:first-child {margin-bottom:20px;} .teaser-box.h1-3x1vf h2, .teaser-box.h1-3x2vf h2 {position:absolute;z-index:2;margin:20px;padding:15px;background-color:#FFFFFF;opacity:0.9;border-bottom:none;max-width:70%} .teaser-box.h1-3x1vf h2 span, .teaser-box.h1-3x2vf h2 span {display:inline} .teaser-box.h1-3x1vf img {height:100%;/*width:100%*/} .teaser-box.h1-3x2vf {background-color:transparent;max-height:420px;overflow-y:hidden} .teaser-box.h1-3x2vf .img {max-width:380px;overflow:hidden;} .teaser-box.h1-3x2vf .img img {width:unset;} .teaser-box.h1-3x2v .img {max-width:350px;height:242px;overflow:hidden;padding-left:0;} .teaser-box.h1-3x2v .img img {width:100%} .teaser-box.h3-3, .teaser-box.h1-3x2v, .teaser-box.h2-3x2v {padding:30px;height:420px;} .teaser-box.h2-3x2v .img {max-width:380px;max-height:304px;overflow:hidden;padding-left:0} .teaser-box.h2-3x2v .img img, .teaser-box.h1-3x2v .img img {width:100%} .teaser-box.h2-3x2v .text {max-height:250px;overflow-y:hidden;margin-bottom:30px} .teaser-box.h3-3 .col-md-4 {padding-left:0} .teaser-box.h3-3 .img {overflow:hidden;} .teaser-box.h3-3 .img img {width:100%} .teaser-box.represent, .teaser-box.product, .teaser-box.category {padding:3px;margin-top:20px;height:calc(100% - 40px);} .teaser-box.represent {padding:20px;} .teaser-box.represent .body > img {width:50px; float:left; margin-right:20px;} .teaser-box.represent h3 {font-size:14px;font-weight:300;} .teaser-box.represent h3 span {display:block;font-size:14px;font-weight:300;line-height:16px;padding-top:3px;} .teaser-box.product .img, .teaser-box.category .img {max-height:225px;overflow:hidden;} .teaser-box.product .img img, .teaser-box.category .img img {width:100% !important;} .teaser-box.product h3, .teaser-box.category h3 {padding:10px 0;text-overflow:ellipsis;white-space:normal;} .teaser-box.product ul, .teaser-box.category ul {margin:0;padding-left:15px} .teaser-box.product ul > *, .teaser-box.category ul > * {color:#E30018} .teaser-box.product .body, .teaser-box.category .body {padding:17px; max-height:320px; overflow:hidden; margin-bottom:50px; } .teaser-box.category .body {margin-bottom:30px;} .teaser-box.product .more {position:absolute;bottom:40px;left:30px;overflow:initial;} .teaser-box.category .more {position:absolute;bottom:initial;left:20px;overflow:initial;margin-top:10px;} .teaser.autoheight .teaser-box {height:initial !important;} .teaser-box.app .images .img img {border:solid 1px #DDD;} .teaser-box.app .img img {width:100%} .teaser-box.app .popup-zoom::after {right:15px;bottom:5px;top:unset;width:1.5em;height:1.5em;border-radius:1.5em;padding:0 0 0 6px;pointer-events:auto;} .app >div[class^="col-md-6"]:first-child {padding:0 8px 0 0} .app >div[class^="col-md-6"]:last-child {padding:0 0 0 15px} .app ul {padding-left:15px} .app >div h3:not(:first-child){margin-top:20px;padding-top:20px;border-top:solid 1px #DDDDDD} .newsfeed {font-size:14px;} .newsfeed .panel {border:none;border-radius:0;} .newsfeed .panel h3 {color:#000000;} .newsfeed .panel-body {border:none;border-radius:0;} .newsfeed p {margin:6px 0;} .newsfeed p.date {margin:6px 0;} .newsfeed h2 {margin:0;font-size:17px;line-height:22px;} .newsfeed h3 {margin:0 15px 10px;} .newsfeed ul {list-style-type:none;} .newsfeed li {margin-bottom:10px;border-bottom:dotted 1px #CCC;} .newsfeed li:nth-child(2n) {border-bottom:none;} /* general */ .info { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #eee; border-image: none; border-radius: 3px; border-style: solid; border-width: 1px 1px 1px 5px; margin: 20px 0; padding: 20px; } .info_werma_red { border-left-color: #E30018; } div.standard a {text-decoration:underline;color:#E30018;} div.standard a[role=button], div.standard .nav a {text-decoration:none !important;color:unset;} a.more:after, .more a:after {font-family:"Glyphicons Halflings"; content:"\e250";font-size:0.7em;padding-left:15px;} a.more.back:after, .more.back a:after {content:'';padding-left:0;} a.more.back:before, .more.back a:before {font-family:"Glyphicons Halflings"; content:"\e251";font-size:0.7em;padding-right:15px;} a.more, .more a {margin-top:20px; padding:3px 10px 3px 15px;border:solid 1px #E30018;color:#E30018;font-weight:100;background-color:#FFF;box-shadow:0px 0px 10px 10px #FFF;white-space:nowrap;text-decoration:none !important;border-radius:2px;} a.more {line-height:15px;} a.more.bottom {position:absolute;bottom:0} .more.simple {position:relative;left:unset;right:unset;bottom:0;margin-left:8px;margin-right:15px;line-height:30px;} .more.easy {position:relative;left:unset;right:unset;bottom:0;margin-left:8px;margin-right:15px;box-shadow:none;} .more.easy.simple {display:block;margin:0 0 10px;padding:0 10px;border-radius:4px;/*height:30px;*/;height:auto;white-space:normal;line-height:24px;} .more.easy.simple.ellipsis { white-space:nowrap; } a.more.stop:after {content:"\e074";} .more.easy.simple:after {display:block;right:10px;top:0;position:absolute;} ul:not(.nav):not(.breadcrumb) li {padding-bottom:6px;} .tabs {background:transparent} .tabs li.active a, .tabs li.active a:hover, .tabs li.active a:focus {color:#E30018;outline:0} .tabs li a {/*border:solid 1px #DDDDDD;*/ border-radius:0; border-color:#DDDDDD #DDDDDD; background-color:#FFFFFF;margin-right:-1px} .tab-content {padding:20px;background-color:#FFFFFF;border:solid 1px #DDDDDD; border-top:none; } .tab-content .img img {width:100%} .clean-after-before:after, .clean-after-before:before {display:none !important;} .popup-zoom:after {font-family:'FontAwesome';content:'\f00e';z-index:2;position:absolute;top:40%;right:45%;color:#E30018;font-size:1.7em;background-color:#FFFFFF;border-radius:2em;height:2em;width:2em;padding:3px 0 0 0px;pointer-events:auto;} .pop-video.static:after, .popup-youtube:after, .popup-video:after {font-family:'FontAwesome';content:'\f01d';z-index:2;position:absolute;top:50%;right:calc(50% - 20px);color:#E30018;font-size:40px;background-color:#FFFFFF;border-radius:20px;line-height:10px;pointer-events:auto;} .popup-youtube .popup-zoom:after {display:none;} .teaser-box.video .popup-video:after, .teaser-box.video .popup-youtube:after {content:'';} .img.popup-zoom:after {right:20px;bottom:30px;top:unset;font-size:1.3em;pointer-events:auto;} .img.popup-zoom img:hover {cursor:pointer} .product.green ul:not(.nav) > * {color:#64860F;} a.green.more, .green.more a, .green a.more, .green .more a {color:#64860F; border-color:#64860F;} .techtalk .more, .techtalk .more a, .techtalk_detail .more {color:#64860F;border-color:#64860F;} .techtalk .teaser-box.category .more, .techtalk .teaser-box.category .more a {bottom:40px;left:25px;} .techtalk_detail .teaser-box.category .more {bottom:40px;} .table > thead > tr > th {border-bottom:none;} .table > tbody > tr:last-child > td {border-bottom:solid 1px #DDDDDD;} .table th:first-child, .table td:first-child { white-space:nowrap; width:1px; padding-right:20px !important; font-weight:200; color:#555;} .panel-group .panel {border:none;} .panel-default > .panel-heading {background-color:transparent;border-top:solid 1px #DDDDDD;} .panel-default > .panel-heading + .panel-collapse > .panel-body {border:none} .panel-group .panel + .panel {margin-top:0;} .panel-title a {display:block;} .panel .caret-right {margin-top:5px;border-left: 4px solid;border-top: 4px solid transparent;border-right:0;border-bottom: 4px solid transparent;} .panel a:not(.collapsed) .caret-right {border-left: 4px solid transparent;border-top:none;border-right: 4px solid transparent;border-bottom: 4px dashed;} .nav-tabs.image li a .text-center {position:absolute;bottom:3px;line-height:16px;display:block;width:100%;left:0} .nav-tabs.image li a:focus, .nav-tabs.image li a:hover {background-color:rgba(255,255,255,0.6);} .col-text-2 { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } /* forms and others */ label { font-weight:100; } .form-horizontal .form-group { padding:0 20px 0 0px;margin:0 0 10px 0; } .form-horizontal .condensed .form-group { margin-bottom:2px; } .form-horizontal .control-label { text-align:left; } .form-inline .caret { color:#E30018; } .form-inline .form-group { margin-right:20px;margin-bottom:10px; } .standard .form-control, .form-inline input,.form-inline select, .form-inline .btn-default, .form-inline .form-control {border-radius:2px;padding:3px 6px;height:29px;} .form-vertical label {height:20px;padding-top:6px;} .form-vertical .checkbox, .form-vertical .radio {margin-top:0;} .form-vertical .checkbox label.has-error {padding-bottom:19px;} .standard div:not(.has-error) > .form-control, div:not(.has-error) .form-inline input, div:not(.has-error) .form-inline select, div:not(.has-error) .form-inline .btn-default, div:not(.has-error) .form-inline .form-control { background-color:#FFFFFF !important; } .bootstrap-select span.text {color:initial;} .bootstrap-select.btn-group .dropdown-menu {max-height:200px !important;} .standard textarea.form-control, .form-inline textarea {height:auto;} .form-inline label {padding-right:5px} .form-inline label:not(:first-child) {margin-left:20px} .form-inline button.more {padding:3px 10px 3px 15px;border:solid 1px #E30018;color:#E30018;font-weight:100;background-color:#FFF;box-shadow:0px 0px 10px #FFF} .form-inline button.more:after {font-family:"Glyphicons Halflings"; content:"\e250";font-size:0.7em;padding-left:15px;} .new .headline {padding:20px;border:solid 1px #E1E1E1; border-top:none;} .new .headline h3 {margin-bottom:0;} /* news */ .news h2 {padding-bottom:10px;border-bottom:solid 1px #E1E1E1; font-size:1.8em} .news.list h2 {margin:0 8px 20px;} .news .headline h3 {margin:15px 0 10px;text-overflow: ellipsis;white-space:nowrap;width:100%;overflow:hidden;} .row.news {margin-bottom:20px;} .row.news h3 {line-height:25px;margin:20px 0;} .row.news div:first-child {padding-right:15px;} .row.news div:last-child {padding-left:15px;} .news .img {height:300px;overflow:hidden;border:solid 1px #E1E1E1;} .news .img img {width:100%} .news .more {/*position:absolute;bottom:9px;*/right:35px;margin:-5px 0 10px;} .news .date {text-align:center;color:#FFF;padding:8px 15px;width:70px;height:70px;font-size:16px;line-height:18px;text-transform:uppercase;font-weight:100;} .news.list .date {position:absolute;font-size:18px;line-height:22px;padding:15px;} .tab-pane .news:not(:first-child) {margin-top:0;} #carousel-news > div {background:#FFF; height:200px; } #carousel-news .carousel-control {background:transparent;} #carousel-news .carousel-indicators {bottom:40px;left:0;right:60%;width:40%;margin-left:0;display:block;position:relative;padding-top:5px;margin-bottom:-25px} #carousel-news .carousel-indicators li {background-color:rgba(0,0,0,0.3);} #carousel-news .carousel-indicators li.active {background-color:rgba(255,0,0,0.8);} /* events */ .events.list tr > td:first-child, .events.list tr > td:last-child {white-space:nowrap;} .events.list tr > td:nth-child(4) {white-space:normal;} /* career */ .startpage .career {padding:10px;background-color:#FFF;margin-top:35%;max-height:300px;overflow-y:hidden;} .startpage .career .body {max-height:180px;} .startpage .career li {list-style-type:none;border:none;font-size:1.3em;line-height:1.2em;} .startpage .career ul li:nth-of-type(1n+5) {display: none;} .startpage .career li div {margin-bottom:12px} .career ul {padding-left:0;width:100%;overflow-x:hidden;} .career li {color:#E30018;list-style-type:none;border-bottom:solid 1px #D1D1D1;margin:5px 0;padding:5px 0 10px !important;} .career li a {text-decoration:none;display:block;} .career li a span.more {line-height:unset;border:solid 1px #E30018;padding:0 10px;right:0px;margin-right:5px;} .career li a span.more:after {font-family:"Glyphicons Halflings"; content:"\e250";font-size:0.7em;padding-left:15px;} x.career li a:after {font-family:"Glyphicons Halflings"; content:"\e250";font-size:0.7em;padding-left:15px;} /* download */ .download .nav-tabs >li>a {text-transform:unset;} .download .panel .more {bottom:10px;right:0;position:relative;margin-right:20px;box-shadow:none;margin-top:5px;} .download .panel table .more {bottom:0;} /* techtalk */ .techtalk_detail .wysiwyg > .row {border-top:solid 1px #DDD; padding-top:20px;} .techtalk_detail .teaser-box:not(.tabs) ul li {color:#64860F;} /* special */ .standard .special img {max-width:50px;height:auto;} .standard .special h2 {margin-top:50px; margin-bottom:15px;padding:15px 0;border-top:solid 1px #D1D1D1;border-bottom:solid 1px #D1D1D1;} .standard .special h2 span:after {font-family:"Glyphicons Halflings"; content:"\e252";font-size:0.7em;padding-left:15px;color:#E30018;} .standard .special h2 a.collapsed span:after {content:"\e250";} .standard .special h2 a {color:unset;text-decoration:none;display:block;} .standard .special h2:first-child {margin-top:unset;} .standard .special h3 {margin-top:20px; background-color:#F0F0F0;padding:3px 6px;} /* search */ .search .result .summary {padding:5px;background-color:#F0F0F0;} .search .pagination, .search .pager {margin:0;} .search .result .detail {line-height:30px;} .standard.search .result .row {margin-top:10px;} .standard.search .item {padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #D1D1D1;} .standard.search .item img {max-height:50px;} .standard.search .item span {display:block;color:#585858;line-height:20px;} /* configurator */ #configurator .visual img {display:block;} #configurator ul.nav-pills {height:calc(100% - 1px);overflow:hidden;} #configurator a.more {display:inline-block;margin:10px 0 10px 10px !important;text-align:center;box-shadow:none;} #configurator .more.back {width:150px;background-color:#AAAAAA;border-color:#AAAAAA;color:#FFFFFF;} #configurator .more.next {width:150px;background-color:#E30018;border-color:#E30018;color:#FFFFFF;} #configurator .more.back:before {margin-left:-15px;} #configurator .content {border-right:solid 1px #E1E1E1} #configurator .summarize h2 {margin-top:0;margin-bottom:27px;} #configurator .answers h2 {margin-top:0;margin-bottom:17px;} #configurator .answers ul {font-size:13px} #configurator .overview .item {margin-top:0;padding-top:0;} #configurator .overview .item > * {padding-left:3px;padding-right:3px;} #configurator .overview .item h4 {margin:3px 0 3px 0;padding-top:3px;padding-bottom:3px;background-color:#EEEEEE;border-top:solid 1px #E1E1E1;} #configurator .overview .price {text-align:right;} #configurator .cart .form-inline .form-group {margin:0} #configurator .prices {margin-top:20px;padding-top:20px;border-top:solid 2px #DDD;line-height:30px;} #configurator .prices .sum {font-weight:bold;text-align:right;line-height:30px;} #configurator .prices .price {font-weight:bold;padding-right:0;font-size:1.5em} #configurator .prices .price:after {content:'*'} #configurator .prices .small {text-align:right;} #configurator td.price {white-space:nowrap;} #configurator .answers .row.item {margin:10px 0;padding:10px 0;} #configurator .answers .row.item:nth-child(2n+1) {background-color:#fafafa;} #configurator .answers a {display:block;text-decoration:none;} #configurator .answers .item > a > div {min-height:40px;} #configurator .answers .group {display:block;width:100%;clear:both;padding-bottom:10px;margin-bottom:10px;overflow:hidden;border-bottom:solid 1px #DDD} #configurator .answers .group ul li {float:left; width:20%; list-style-type:none; text-align:center;} #configurator .answers .group img {z-index:9;height:40px !important;width:auto;} #configurator .answers .img {text-align:center !important;} #configurator .answers .img img {max-height:40px !important;width:auto;} #configurator .dnd.answers .group li a {box-sizing:border-box; border:solid 1px #DDD; padding:5px; margin:2px;} #configurator #config img {z-index:9} .white-popup {position:relative;background:#FFF;padding:20px 30px 20px 20px;width:auto;max-width:530px;margin:20px auto;} .white-popup h3 {font-size:14px;font-weight:bold;} .white-popup .mfp-close {right:0;} #configurator.evo .content {border-right:none;} #configurator.evo .answers {margin-bottom:20px;} #configurator.evo .answers .group {display:unset;width:23%;width:calc(25% - 10px);clear:none;padding:10px;margin-bottom:10px;margin-right:10px;overflow:hidden;background-color:#EEEEEE;box-shadow:3px 3px 3px #DDD} #configurator.evo .answers .group h3 a {color:#777777;} #configurator.evo .answers .group ul {padding-left:0;} #configurator.evo .answers .group ul li {float:left; width:20%; list-style-type:none; text-align:center;} #configurator.evo .answers .group img {z-index:9;height:25px !important;width:auto;border:solid 2px #AAAAAA;} #configurator.evo .answers .img {border:solid 2px transparent;margin-bottom:10px;margin-top:-10px;} #configurator.evo .answers h3 {text-align:center;} #configurator.evo .answers h3.no-img {margin-left:-9px;padding:4px 9px;border:solid 2px transparent;width:calc(100% + 18px);} #configurator.evo .answers .item {cursor:pointer;} #configurator.evo .answers img.img:hover, #configurator.evo .answers .item.small:hover, #configurator.evo .answers .active.small, #configurator.evo .answers .item:not(.small):hover .img:not(:empty), #configurator.evo .answers .item:not(.small):hover h3.no-img, #configurator.evo .answers .active:not(.small) img, #configurator.evo .answers .active:not(.small) .img:not(:empty) {border-color:#E30018;} #configurator.evo .answers h3.no-img {background-color:#AAAAAA;border-radius:3px;color:#FFFFFF;} #configurator.evo .answers .active h3.no-img {border-color:#E30018;} #configurator.evo .answers .item.small {display:unset;width:32%;width:calc(33% - 10px);clear:unset;padding:0 10px;margin-bottom:10px;margin-right:10px;overflow:hidden;background-color:#EEEEEE;box-shadow:3px 3px 3px #DDD;height:65px;border:solid 2px transparent;} #configurator.evo .answers .item ul {min-height:160px;} #configurator.evo .answers .item:not(.small) .img img {max-height:150px !important;max-width:100% !important;width:auto !important;height:auto !important;} #configurator.evo .item a {border:solid 1px #E30018;border-radius:3px;padding:3px 10px;text-align:right;} #configurator.evo .answers .group h3 a:after, #configurator.evo .item a:before {color:#E30018;width:20px;height:20px;display:inline-block;position:absolute;left:15px;text-align:center;content:"\f129";font-family:"FontAwesome";font-size:14px;border:solid 1px #E30018;border-radius:50%;} #configurator.evo .answers .group h3 a:after {left:auto;right:15px;padding-top:1px;} #configurator.evo .open-popup-link {margin-bottom:20px;} #configurator.evo .visual {overflow:hidden;} #configurator.evo .visual.img:empty {display:none;} #configurator.evo .visual.img:not(:empty){margin-top:30px;} #configurator.evo .visual img {max-width:unset !important; width:unset !important; height:auto !important; margin:0 auto;display:block;z-index:1;} #video {width:100% !important; height:100%; max-height:720px; max-width:1280px; margin:auto; border:solid 1px #FFF; box-shadow:0px 0px 20px #555; } #video video {width:100% !important;height:auto;min-height:400px;} #configurator.evo .visual .video {position:absolute;right:15%;top:25%;width:100px;} #configurator.evo .visual a {text-decoration:none;} #configurator.evo .visual a.video:before { font-family: 'FontAwesome'; font-size: 25px; position: absolute; left:-30px; top: 40%; content: '\f01d'; z-index: 2; color: #E30018; background-color: #FFFFFF; border-radius: 50%; line-height: 10px; pointer-events: auto; } /* footer */ footer {padding:20px 0;} footer .logo {padding-top:6px;} footer .uppercase a {padding-left:10px;} footer .company {padding-left:20px;} footer p {margin-bottom:3px;} /*==== shop ============*/ .nav #cart {padding-left:10px;} .nav #cart span {background-color:rgba(255,0,0,.7);border-radius:20px;position:absolute;width:20px;height:20px;line-height:22px;text-align:center;font-size:0.7em;color:#FFF;right:-15px;top:5px} .nav #cart:before {font-family:"Glyphicons Halflings"; content:"\e116"; font-size:1.2em; position:absolute;} .shop.start .teaser-box .more { position:relative; bottom:0; right:0; } .shop .teaser-box.h3-3, .shop .teaser-box.h1-3x2v, .shop .teaser-box.h2-3x2v { max-height:unset; } .shop .teaser-box h2 { border-bottom:none; margin:0; line-height:1.1; padding-bottom:0; } .shop .teaser-box .headline { border-bottom:solid 1px #585858; height:70px; overflow:hidden; margin-bottom:10px; } .shop .teaser-box.h1-3x2v .img { height:unset; } .shop .teaser-box .more { bottom:40px; right:20px; padding-top:25px; position:absolute; } .shop .teaser-box.product { border:solid 1px #DDD; } .shop .teaser-box.product .price{ font-size:18px; } .shop .teaser-box.product .more { left:unset; padding-top:0; } .shop.list h1 { color:#E30018; margin:20px 0 10px 0; padding-bottom:10px; font-size: 32px; font-weight: 100;} .shop.list h1 a { color:#E30018; } .shop.list h1 img { margin-right:10px; } .shop.list h1 span a { font-size:12px; font-weight:400; margin-top:0; } .shop.list .item { border:solid 1px #E1E1E1;padding-top:10px;overflow:auto;} .shop.list .item h3 { padding:0 15px; } .shop.list .item .img-bg { max-height:100px; } .shop.list .variants { border-bottom:solid 1px #E1E1E1; padding-bottom:20px; margin-bottom:0px; min-height:70px; } .shop.list .price > * { font-size:1.2em; padding-right:10px; margin-top:15px; font-weight:700; margin-bottom:0; } .shop.list .price .value:after { content:'*'; } .shop.list .priceBest > * { padding-right:10px; } .shop.list .priceBest .value:after { content:'*'; } .shop.list small { font-size:11px !important; font-weight:100 !important; } .shop .item .more.easy { margin-right:10px; } .shop .table th, .shop .table td { font-size:13.4px; } .shop.list .pager.top .pagination {margin:0} .shop .jstree > * { font-size:12px; } .shop .jstree a ins.jstree-icon { display:none; } .shop #tab_technical .table-condensed.table-header a[data-toggle="collapse"]:before { font: normal normal normal 12px/1 'Glyphicons Halflings'; content:"\e259"; position:relative;top:1px; width:20px;height:20px;display:inline-block; } .shop #tab_technical .table-condensed.table-header a[data-toggle="collapse"][aria-expanded="true"]:before { content:"\e260"; } .shop #tab_technical .table-condensed.table-header {margin-bottom:2px;} .shop #tab_technical .table-condensed.collapse.in { display:table; } .shop #tab_technical .table-condensed > tbody > tr > td:first-child {min-width:25%;} .shop .table-condensed > tbody > tr > td, .shop .table-condensed > tbody > tr > th {padding:2px 6px 2px 2px;} .shop.detail .imgMain > img, .shop.detail .imgMain > a > img { margin:auto; max-height:250px; width:auto !important; } .shop.detail h1 { margin:0 0 20px 0; } .shop.detail ul.icons { padding:0; } .shop.detail ul.icons li { float:left; list-style-type:none; margin:0; padding:0; width:50px; height:30px; margin:0 2px 4px 2px; box-sizing:unset; border:solid 1px #D1D1D1; color:#000; } .shop.detail ul.icons li span { position:absolute; z-index:2; font-size:9px; width:48px; text-align:right; } .icons .protect span { margin-top:18px; } .icons .weight span { margin-top:18px; } .icons .sound span { margin-top:18px; } .icons .volume span { margin-top:11px; margin-left:23px; padding: 0 2px; width:auto !important; background-color:#FFF; } .shop.detail .variant .btn { padding:2px 6px; } .shop.detail .item:not(.prev) { visibility: visible; } .shop.detail .item.right:not(.prev) { visibility: hidden; } .shop.detail .rightest { visibility: visible; } .shop.detail .img.popup-zoom::after { bottom:5px; right:5px; pointer-events:auto; } .shop.detail input[name="amount"] { min-width:45px; } .shop.detail form .amount .btn { min-width:1px; } .shop.detail .carousel-inner .active.left { left: -33%; } .shop.detail .carousel-inner .next { left: 33%; } .shop.detail .carousel-inner .prev { left: -33%; } .shop.detail .carousel-control { top:calc(50% - 30px); } .carousel-control { color:#D1D1D1; text-shadow:0 1px 2px rgba(255, 0, 0, 1); } .shop.detail .carousel-control.left,.carousel-control.right {background-image:none;} .tab-content .tab-pane { overflow:hidden; } .shop.detail .tab-content .item { overflow:hidden; padding-right:10px; padding-left:10px; margin-bottom:20px; border-right:solid 1px #D1D1D1; } .shop.detail .tab-content .item .more { padding-top:0; margin:0; } .shop.detail .tab-content .item div { overflow:hidden; } .shop.detail .tab-content .item:nth-child(3n+1) { padding-left:0; } .shop.detail .tab-content .item:nth-child(3n) { border-right:none; padding-right:0; } .shop.detail .cart > div { padding:10px; } .shop.detail .amount { padding: 10px 0; } .shop.detail .amount > div { line-height:34px; } .shop.detail .cart h2 { margin-top:0px; font-weight:500; } .shop.detail .sum, .shop.detail .price { text-align:right; } .shop.detail .sum label, .shop.detail .price label { display:block; } .shop.detail .features a { font-size:0.9em; } .shop.detail .features a i { font-size:1.1em; } .row.recommend { font-size:0.9em; padding:10px 50px 0; } #tab_technical table th { background-color:#E1E1E1; padding:4px 10px; margin-top:10px; } #tab_technical table td { padding:2px 10px;} .shop.cart .label { color:#585858; } .shop.cart .row.new { margin-bottom:6px; } .shop.cart .header { padding:4px 0; margin-bottom:10px; border-bottom:solid 2px #D1D1D1; } .shop.checkout .item, .shop.cart .item { padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #D1D1D1; } .shop.cart .item .label { line-height:25px; } .shop.cart .item .clear { font-size:110%; line-height:35px; font-weight:normal; } .shop.cart .form-group { margin-bottom:6px; } .shop.cart .form-control { height:30px; padding:3px 9px; } .shop.cart textarea.form-control { height:auto; margin-left:-3px; } .shop.cart .input-group-addon, .shop.cart .input-group-btn { vertical-align:top;line-height:13px; } .shop.checkout .item .img, .shop.cart .item .img { height:40px; width:40px; margin:auto; background-size: contain; background-position:center center; background-repeat:no-repeat; } .shop.cart .easy-autocomplete { width:100% !important; min-width:1px; position:relative; top:0 !important; left:0} .shop.cart .easy-autocomplete-container { width:100%; min-width:420px; } .shop.cart .easy-autocomplete-container > * { color:#585858; } .shop.cart .spinner { position:absolute;z-index:2;left:10px;} .shop.cart .input-number,.shop.cart .btn-number { z-index:1; min-width:35px; } .shop.checkout .price, .shop.cart .price { line-height:30px; } .shop.checkout .price2, .shop.cart .price2 { font-size:120%; } .shop.cart #cart-summary .special, .shop.checkout #cart-summary .special { margin-top:30px; } .shop.cart #cart-summary .special ~ .special, .shop.checkout #cart-summary .special ~ .special {margin-top:3px; } .shop.checkout #cart-summary, .shop.cart #cart-summary, .shop.cart #cart-comment { border-top:solid 1px #E30018; padding:20px 0; margin:20px 0; } .shop.cart #cart-summary { padding-bottom:0; } .shop.checkout #cart-summary { border-bottom:solid 1px #E30018; padding:20px 0; margin:20px 0; } .shop.cart #cart-comment .col-md-12 .col-sm-8 { padding-left:4px; } .shop.cart #cart-comment .date.col-sm-3 { padding-left:8px; } .shop.checkout #cart-summary > *, .shop.cart #cart-summary > * { text-align:right; } .shop.cart #cart-summary .proposal { text-align:left; } .shop.checkout .availability > *, .shop.cart .availability > * { text-align:left; padding-left:0; padding-right:0; } .shop.checkout .availability .label, .shop.cart .availability .label { text-align:left; padding-left:0; padding-right:0; } .shop.cart .btn, .shop.checkout .btn { padding:4px 12px; } .shop.cart .btn-default, .shop.checkout .btn-default { text-decoration:none; } .shop.cart .btn-success, .shop.checkout .btn-success { color:#FFF; text-decoration:none; } .shop.checkout input[type="file"] { opacity:0; position:absolute; z-index:3; } .shop.checkout .more { margin-left:0; } .shop.checkout .tab-content .tab-pane { overflow:initial; } #cartModal .modal-body .img { height:150px; width:auto; background-size: contain; background-position:center center; background-repeat:no-repeat; } /* myLogin */ .myLogin.dropdown-menu { min-width:500px; } .myLogin .registered { position:absolute; right:0; text-transform:initial; font-size:0.9em; width:auto; white-space:nowrap; padding-top:6px; } .myLogin .contact p { margin-bottom:6px; } .myLogin .list .item .img { background-size:contain;background-repeat:no-repeat; height:30px;background-position:center center; } .myLogin .list .item .img a { display:block; text-decoration:none; line-height:30px; } .myLogin.orders .list >div:first-of-type { padding:3px 0; font-weight:bold; margin-bottom:0; } .myLogin .list .row { margin:0; } .myLogin.orders .list >.row { margin-bottom:10px; padding:3px 0; background-color:#F0F0F0; } .myLogin.orders .list .row.overview > div:first-of-type { padding-left:10px; } .myLogin.remember .list >div:first-of-type, .myLogin.orders .list >div >div:first-of-type { padding:3px 0; font-weight:bold; margin-bottom:0; } .myLogin.orders .list >div > .row:nth-child(2n), .myLogin.remember .list .row:nth-child(2n) { background-color:#F0F0F0; } .myLogin .list .collapse-toggle:after { right:20px; } .myLogin i.fa.cart-add { font-size:1.3em; } .myLogin.remember .list .item { padding:5px 0; } .myLogin.remember i.fa.cart-add { line-height:30px; } .myLogin.returns .item .easy-autocomplete { width:calc(100% - 20px) !important; min-width:1px; position:relative; top:0 !important; left:0} .myLogin.returns .return .row { margin-top:0 !important; } .myLogin.returns .return h3 { margin:30px 0 10px 0; } .myLogin.returns i.fa { height:unset; } .myLogin .btn-success { color:#FFF; text-decoration:none; } .contact .btn-success { color:#FFF; text-decoration:none; } button.add { background-color: #E30018 !important; border-color: #E30018; color:#FFF !important; width:100%; white-space:normal; } button.add::after { font-family:"FontAwesome"; content:"\f217"; padding:0 10px; white-space:nowrap; } button.add:hover, button.add:focus, button.add:active, button.add.active { background-color: #ca0015; border-color: #b00013; } button.add.disabled:hover, button.add.disabled:focus, button.add.disabled:active, button.add.disabled.active, button.add[disabled]:hover, button.add[disabled]:focus, button.add[disabled]:active, button.add[disabled].active, fieldset[disabled] button.add:hover, fieldset[disabled] button.add:focus, fieldset[disabled] button.add:active, fieldset[disabled] button.add.active { background-color: #E30018; border-color: #E30018; } .criteria { margin-top:10px !important; border-bottom:solid 1px #D1D1D1; } .criteria h3 a { display:block; } .criteria h3 a:after { font-family:'FontAwesome'; content:'\f0d7'; position:absolute; right:10px; margin-top:0px; } .criteria h3 a.collapsed:after { content:'\f0da'; } .criteria .result { line-height:30px; } .criteria .tooltip-inner { min-width:unset; } /* individual checkbox */ .custom-checkbox > [type=checkbox], .custom-checkbox > label{ margin-bottom:0px !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .custom-checkbox > [type="checkbox"]:not(:checked), .custom-checkbox > [type="checkbox"]:checked { position: absolute; left: -9999px; } .custom-checkbox > [type="checkbox"]:not(:checked) + label, .custom-checkbox > [type="checkbox"]:checked + label { position: relative; padding-left: 22px; cursor: pointer; } .custom-checkbox > [type="checkbox"]:not(:checked) + label:before, .custom-checkbox > [type="checkbox"]:checked + label:before { content: ''; position: absolute; left:-1px; top: 50%; margin-top:-18px; width: 20px; height: 20px; border: none; background: transparent; border-radius: 2px; } .custom-checkbox > [type="checkbox"]:not(:checked) + label:after, .custom-checkbox > [type="checkbox"]:checked + label:after { font: normal normal normal 12px/1 'Glyphicons Halflings'; content: '\e013'; position: absolute; top: 50%; margin-top:-14px; left: 2px; color: #000; xtransition: all .2s; } .custom-checkbox > [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .custom-checkbox > [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } .custom-checkbox > [type="checkbox"][data-indeterminate] + label:after, .custom-checkbox > [type="checkbox"][data-indeterminate] + label:after { content: '\2212'; left: 2px; opacity: 1; transform: scale(1); } .custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:before, .custom-checkbox > [type="checkbox"]:disabled:checked + label:before { box-shadow: none; background-color: #eeeeee; border-color: #eeeeee; cursor: not-allowed; opacity: 1; color: #dadada; } .custom-checkbox > [type="checkbox"]:disabled:checked + label:after { color: #dadada; cursor: not-allowed; } .custom-checkbox > [type="checkbox"]:disabled + label { color: #aaa; cursor: not-allowed; } .custom-checkbox > [type="checkbox"]:checked:focus + label:before, .custom-checkbox > [type="checkbox"]:not(:checked):focus + label:before { border: 1px solid #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .custom-checkbox > label:hover:before { border: 1px solid #88D2FF !important; } .custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:hover:before, .custom-checkbox > [type="checkbox"]:disabled:checked + label:hover:before{ border: 1px solid #E4E4E4 !important; } .variant .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:100%; } .status-select, .color-select { padding:2px; display:table; width:100%; background-color:#E1E1E1; border-radius:2px; } .status-select li, .color-select li { float:left; background-color:#E1E1E1; padding:2px; margin:1.7px; box-style:border-box; border:solid 1px #AAA;} .status-select li { border:none;} .color-select a { display:block; height:15px; } .colors { background: rgba(0, 0, 0, 0) url("/gfx/shop/sprite_colors_new.png") repeat scroll 0 0; display: block; height: 20px; margin: 2px; width: 20px; } .colors.mc {background-position: -20px 0px;} .colors.rd {background-position: -20px -20px;} .colors.gn {background-position: -20px -40px;} .colors.ye {background-position: -20px -60px;} .colors.cl {background-position: -20px -80px;} .colors.bu {background-position: -20px -100px;} .colors.yl {background-position: -20px -120px;} .colors.on {border:none;} .colors.mc.on {background-position: 0 0px;} .colors.rd.on {background-position: 0 -20px;} .colors.gn.on {background-position: 0 -40px;} .colors.ye.on {background-position: 0 -60px;} .colors.cl.on {background-position: 0 -80px;} .colors.bu.on {background-position: 0 -100px;} .colors.yl.on {background-position: 0 -120px;} .switch { background: rgba(0, 0, 0, 0) url("/gfx/common/switch.png") no-repeat 0 0; display: block; height: 70px; width: 154px; } .switch.gn {background-position: 0px -70px;} .switch.bu {background-position: 0px -140px;} .switch.rd {background-position: 0px -210px;} .switch.on {background-position: -154px 0;} .switch.gn.on {background-position: -154px -70px;} .switch.bu.on {background-position: -154px -140px;} .switch.rd.on {background-position: -154px -210px;} .status { background: rgba(0, 0, 0, 0) url("/gfx/shop/sprite_status.png") repeat scroll 0 0; display: block; height: 20px; width: 20px; margin: 2px; } .status.gn {background-position: -20px 0;} .status.gn.on {background-position: 0 0;} .status.ye {background-position: -20px -20px;} .status.ye.on {background-position: 0 -20px;} .status.rd {background-position: -20px -40px;} .status.rd.on {background-position: 0 -40px;} /*********/ .img-overflow > div {padding-top:0} /*== spinner ==========================*/ .spinner { display: inline-block; position:absolute; right:30px; opacity: 0; margin-top:4px; width: 0px; -webkit-transition: opacity 0.25s, width 0.25s; -moz-transition: opacity 0.25s, width 0.25s; -o-transition: opacity 0.25s, width 0.25s; transition: opacity 0.25s, width 0.25s; background-image:url(/gfx/common/spinner_01.gif); background-size:cover; } .ani-spin {height: 0.5em;z-index:2} .ani-spin {animation: 2s linear 0s normal none infinite running spin;display: inline-block;} @keyframes spin { 0% {transform:rotate(0deg);} 100% {transform:rotate(359deg);}} @keyframes spin { 0% {transform: rotate(0deg);} 100% {transform:rotate(359deg);}} .has-spinner.active {cursor:progress;} .has-spinner.active .spinner {opacity: 1;width:20px;height:20px;z-index:999;} .has-spinner.btn-mini.active .spinner {width: 10px;} .has-spinner.btn-small.active .spinner {width: 13px;} .has-spinner.btn.active .spinner {width: 16px;} .has-spinner.btn-large.active .spinner {width: 19px;} .search .has-spinner.active .spinner {opacity: 1;width:20px;height:30px;z-index:999;} .search .spinner { background-image:url(/gfx/common/spinner_02.gif); background-size:contain; background-repeat:no-repeat; } .shop .search .spinner { background-image:url(/gfx/common/spinner_03.gif); } /*== autocomplete =====================*/ .easy-autocomplete .img { text-align:center; } .easy-autocomplete .img > img { height:40px !important; width:auto; } .search .easy-autocomplete .pull-right {white-space:nowrap;padding-right:10px;} /* blend */ #form-pblend .form-group {margin-bottom:3px} #form-pblend .form-group input {margin-bottom:2px} label.regular {font-weight:normal} /* standards */ .navbar {z-index:1000} .popover-content {z-index:2000;font-size:13px;} .checkbox label.has-error { color:#AA0000;border:solid 1px #AA0000;border-radius:2px;padding: 4px 4px 4px 24px;/*position:absolute;*/ } .checkbox-inline.has-error { color:#AA0000;border:solid 1px #AA0000;border-radius:2px;padding: 0 0 0 28px;margin:2px; } .radio input[type="radio"], .radio-inline input[type="radio"] { top:6px; } .radio label.has-error, label.radio-inline.has-error { color:#AA0000; border:solid 1px #AA0000; border-radius:2px; background-color:#F6CECE; padding:4px; } .radio label.has-error { margin-left:15px; } .radio label.has-error input { top:4px; } label.radio-inline.has-error input[type="radio"] { top:3px; } /* bootstrap pagination */ .pager .detail {margin-left:20px; line-height:30px} .pager.bottom .detail {margin-left:20px; line-height:30px; margin-top:20px;} .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius:15px; border-bottom-left-radius:15px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius:15px; border-bottom-right-radius:15px; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { color:#FFF; border-color:#E30018; background-color:#E30018; } .pagination > li > a, .pagination > li > span { border-radius:0; color:#E30018; } /* bootstrap tooltip */ .tooltip {} .tooltip-inner {text-align:left;padding:10px !important;white-space:normal!important;max-width:350px;min-width:300px;z-index:1080;} .tooltip-inner p:first-child {margin-bottom:0;} /* Base class */ .tooltip.top-left, .tooltip.top-center, .tooltip.top-right { margin-top: -3px; padding: 5px 0; } .tooltip.bottom-left, .tooltip.bottom-center, .tooltip.bottom-right { margin-top: 3px; padding: 5px 0; } /* Arrows */ .tooltip.top-center .tooltip-arrow{ bottom:0; right:5px; border-width: 5px 5px 0; border-top-color: black; } .tooltip.top-left .tooltip-arrow { bottom: 5px; right: unset; left:17% !important; border-width: 5px 5px 0; border-top-color: black; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: black; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: black; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: black; } #loading-message {font-size:2em;color:#FFF;} img.sepia {filter:sepia(100%); -webkit-filter:sepia(100%);} .shadow {box-shadow:5px 5px 5px #AAA;} .shadow-black {box-shadow:5px 5px 5px #000;} .no-shadow {box-shadow:none !important;-moz-box-shadow:none !important;} .nowrap {white-space:nowrap !important;} .vAlignText {display:flex;justify-content:center;flex-direction:column;} .static:not(.popup-video), a.static:not(.popup-video):after {position:static !important;} form.form-simple > * { line-height:30px; } form .has-error input, form .has-error textarea, form .has-error select {background-color:#F6CECE} form .readonly {background-color:#F1F1F1;display:block;padding:4px 8px;min-height:28px} form .btn {min-width:100px} form .btn.btn-number {min-width:unset;} form .btn.white {color:#FFF;text-decoration:none} form .row .col-md-4 input, form .row .col-md-4 select, form .row {margin-bottom:5px} form.confirmation .row {margin-bottom:0} .mandatory, .red {color:#AA0000;} .new {color:#AA0000;} .header {color:#555;background-color:#eee;border-radius:4px 4px 0 0;padding:2px 10px;font-size:16px} .larger {font-size:2em !important;} .centered { position:absolute; min-width:300px; max-width:500px; width:50%; left:50%; margin-left: -10%; /* Breite des Elemtens + Padding */ } .ellipsis { overflow: hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; } a span.collapse-toggle:after { font-family:'FontAwesome'; content:'\f0d7'; position:absolute; padding-left:20px; margin-top:0px; width:20px; height:20px; } a.collapsed span.collapse-toggle:after { content:'\f0da'; } a.clean { text-decoration:none !important; color:unset !important; } i.fa { font-family:'FontAwesome';width:20px;height:20px; } i.fa.request:after { content:'\f27b'; } i.fa.remember:after { content:'\f0c6'; } i.fa.recommend:after { content:'\f086'; } i.fa.cart-add:after { content: '\f217'; } i.fa.cart-del:after { content: '\f00d'; } i.fa.print:after { content: '\f02f'; } i.fa.doc:after { content: '\f1c2'; } i.fa.xls:after { content: '\f1c3'; } i.fa.pdf:after { content: '\f1c1'; } i.fa.bin:after { content: '\f019'; } i.fa.img:after { content: '\f1c5'; } i.fa.facebook:after { content:'\f082'; } i.fa.youtube:after { content:'\f167'; } i.fa.xing:after { content:'\f169'; } .img-bg { height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; min-height:100px;} .cover { background-size: cover; } .contain { background-size: contain; } .help { cursor:help; } .not-allowed { cursor:not-allowed; } .menu_shop_space {} .menu_shop {} .no-underline {text-decoration:none !important;} .noborder, table.noborder td, table tr.noborder td {border:none !important;} .double_menu {display:block;margin:5px -15px 10px;padding:3px 0 0;text-align:center;font-size:0.9em;width:calc(100% + 30px);background-color:#EEE;border:solid 1px #DDD;border-left:none;border-right:none;} .bold {font-weight:200;color:#555;} .b-t-1 {border-top:solid 1px #ddd;} .b-t-2 {border-top:solid 2px #ddd;} .b-l-1 {border-left:solid 1px #ddd;} .b-l-2 {border-left:solid 2px #ddd;} .b-b-1 {border-bottom:solid 1px #ddd;} .b-r-10w {border-right:solid 10px #FFF;} .b-b-2w {border-bottom:solid 2px #FFF;} .b-r-2w {border-right:solid 2px #FFF;} .bd-t-2 {border-top:double 4px #ddd;} .bd-b-2 {border-bottom:double 4px #ddd;} .border_werma {border-color:#E30018;} .p-std {padding:20px 28px 20px 28px !important;} .p-0 {padding:0 !important;} .p-20 {padding:20px !important;} .p-l-0 {padding-left:0 !important;} .p-l-5 {padding-left:5px !important;} .p-l-10 {padding-left:10px !important;} .p-l-15 {padding-left:15px !important;} .p-l-20 {padding-left:20px !important;} .p-l-25 {padding-left:25px !important;} .p-l-30 {padding-left:30px !important;} .p-r-10 {padding-right:10px !important;} .p-r-15 {padding-right:15px !important;} .p-r-20 {padding-right:20px !important;} .p-r-30 {padding-right:30px !important;} .p-r-0 {padding-right:0 !important;} .p-r-10 {padding-right:10px !important;} .p-r-20 {padding-right:20px !important;} .p-r-30 {padding-right:30px !important;} .p-t-0 {padding-top:0 !important;} .p-t-5 {padding-top:5px !important;} .p-t-10 {padding-top:10px !important;} .p-t-20 {padding-top:20px !important;} .p-t-30 {padding-top:30px !important;} .p-b-0 {padding-bottom:0 !important;} .p-b-5 {padding-bottom:5px !important;} .p-b-10 {padding-bottom:10px !important;} .p-b-20 {padding-bottom:20px !important;} .p-b-30 {padding-bottom:30px !important;} .m-0 {margin:0 !important;} .m-t-0 {margin-top:0 !important;} .m-t-5 {margin-top:5px !important;} .m-t-10 {margin-top:10px !important;} .m-t-15 {margin-top:15px !important;} .m-t-20 {margin-top:20px !important;} .m-t-30 {margin-top:30px !important;} .m-b-0 {margin-bottom:0 !important;} .m-b-5 {margin-bottom:5px !important;} .m-b-10 {margin-bottom:10px !important;} .m-b-15 {margin-bottom:15px !important;} .m-b-20 {margin-bottom:20px !important;} .m-b-30 {margin-bottom:30px !important;} .m-b-50 {margin-bottom:50px !important;} .m-l-0 {margin-left:0 !important;} .m-l-5 {margin-left:5px !important;} .m-l-10 {margin-left:10px !important;} .m-l-15 {margin-left:15px !important;} .m-l-20 {margin-left:20px !important;} .m-l-30 {margin-left:30px !important;} .m-r-0 {margin-right:0 !important;} .m-r-5 {margin-right:5px !important;} .m-r-10 {margin-right:10px !important;} .m-r-15 {margin-right:15px !important;} .m-r-20 {margin-right:20px !important;} .m-r-30 {margin-right:30px !important;}