@charset "UTF-8"; /** * Additional CSS for Allied Companies, which use a design color in project settings * **/ @media all { .webkit #header #headerNavigation .navigation li a:hover, .webkit #header #headerNavigation .navigation li a.active, .webkit .frontpage .frontpage4col .col h4, .webkit a, .webkit a:link, .webkit a:hover, .webkit a:focus, .webkit a:visited, .webkit a:active, .webkit #breadcrumb, .webkit #breadcrumb a { color: #cc0000; } .webkit .stageSlider .jcarousel-pagination.dots a.active { background-color: #cc0000 !important; } .webkit #subnav a .icon, .webkit #subnav a.current .icon, .webkit #subnav a.down .icon { background-image: url(../../../layout_wl2/images_wl2/icon-sprites.png); } .webkit .redbox{ background-color: #cc0000 !important; color: #fff !important; } .webkit .greybox{ background-color: #dedede !important; color: #000 !important; } .webkit .yform .type-button input[type="submit"] { background-color: #cc0000 !important; } .socialIconbar a { height: 4rem; width: 4rem; text-decoration: none; position: relative; display: inline-block; } .socialIconbar.text-right a{ margin-left: 0.5rem; } .socialIconbar.text-left a{ margin-right: 0.5rem; } .socialIconbar.text-center a{ margin: 0 0.5rem; } .socialIconbar a img{ width: 4rem; } .socialIconbar a .icon { font-size: 4rem; color: #000; position: absolute; top: 1.6rem; left: 0; } .socialIconbar a:hover .icon { color: #959595; } .fullwidthbanner .text-big { font-size: 6rem; } .fullwidthbanner .overlay { position:absolute; top:-3.4rem; height: 17rem; overflow: hidden; } .fullwidthbanner .overlay-image { position:absolute; top:-7.3rem; height: 25rem; overflow: hidden; } .fullwidthbanner .framed{ box-shadow: 0 0 2rem 0 rgba(0,0,0,0.26); color: inherit; } /*column-section Start*/ .mouse-over-caption .card { height: 300px; } .mouse-over-caption .overlay { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 7.2rem; transition: .5s ease; } .mouse-over-caption .overlay.effect-red { background-color: rgba(204, 0, 0, 0.9); } .mouse-over-caption .overlay.effect-blue { background-color: rgba(0,122,183,0.9); } .mouse-over-caption .overlay.effect-black { background-color: rgba(0,0,0,0.9); } .mouse-over-caption .overlay.effect-success { background-color: rgba(186,196,5,0.9); } .mouse-over-caption .overlay.effect-warning { background-color: rgba(247,167,7,0.9); } .mouse-over-caption .card:hover .overlay { height: 100%; } .mouse-over-caption .card .overlay .h2-style { transition: margin-top .5s; } .mouse-over-caption .card:hover .overlay .h2-style { margin-bottom: 1.6rem !important; margin-top: 3rem; } .mouse-over-caption .overlay-text { color: white; position: relative; width:100%; text-align: center; } /*column-section Start end*/ /** Coupon Copy */ .coupon-item:hover, .coupon-item.active { background-color: #cc0000; color: #fff; cursor: pointer; } /* End */ .text-xl { font-size: 2.1rem; } .text-wuerthbook { font-family: wuerthbook,futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; } /* Video Consent */ .video-startimage.gdpr { font-size: 1.3rem;; } } @media all and (max-width: 768px) { .fullwidthbanner .overlay, .fullwidthbanner .overlay-image { position: relative; top: 0; } .mouse-over-caption .card .overlay { height: 100%; background-color: transparent; } .mouse-over-caption .overlay.effect-red, .mouse-over-caption .overlay.effect-blue, .mouse-over-caption .overlay.effect-black, .mouse-over-caption .overlay.effect-success, .mouse-over-caption .overlay.effect-warning { background-color: rgba(0, 0, 0, 0.3); } .mouse-over-caption .card:hover .overlay.effect-red { background-color: rgba(204, 0, 0, 0.9); } .mouse-over-caption .card:hover .overlay.effect-blue { background-color: rgba(0, 122, 183, 0.9); } .mouse-over-caption .card:hover .overlay.effect-black { background-color: rgba(0,0,0,0.9); } .mouse-over-caption .card:hover .overlay.effect-success { background-color: rgba(186,196,5,0.9); } .mouse-over-caption .card:hover .overlay.effect-warning { background-color: rgba(247,167,7,0.9); } .mouse-over-caption .overlay-text { text-align: left; position: absolute; bottom: 0; } } @media all and (max-width: 576px) { .socialIconbar a img{ width: 3.5rem; } .socialIconbar a .icon { font-size: 3.5rem; } .fullwidthbanner .text-big { font-size: 4rem; } }