/* Theme Name:flyer Description: Version:4.5.4 Author:Stefan Fleindl Author URI:http://www.flyeralarm.com Template:Enfold CSS Version: 2.3 */ /*---All - Enfold 4.1 Burger Menu Fix---*/ .av-burger-menu-main {display:none !important; visibility:hidden !important; opacity:0 !important} /*---All - Fonts---*/ @font-face {font-family:'EuclidFA'; src:url('fonts/EuclidFA-Ultralight-WebS.eot'); src: url('fonts/EuclidFA-Ultralight-WebS.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidFA-Ultralight-WebS.woff2') format('woff2'), url('fonts/EuclidFA-Ultralight-WebS.woff') format('woff'); font-weight:100; font-style:normal} @font-face {font-family:'EuclidFA'; src:url('fonts/EuclidFA-UltralightItalic-WebS.eot'); src: url('fonts/EuclidFA-UltralightItalic-WebS.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidFA-UltralightItalic-WebS.woff2') format('woff2'), url('fonts/EuclidFA-Ultralight-WebS.woff') format('woff'); font-weight:100; font-style:italic} @font-face {font-family:'EuclidFA'; src:url('fonts/EuclidFA-Light-WebS.eot'); src: url('fonts/EuclidFA-Light-WebS.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidFA-Light-WebS.woff2') format('woff2'), url('fonts/EuclidFA-Light-WebS.woff') format('woff'); font-weight:200; font-style:normal} @font-face {font-family:'EuclidFA'; src:url('fonts/EuclidFA-Regular-WebS.eot'); src: url('fonts/EuclidFA-Regular-WebS.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidFA-Regular-WebS.woff2') format('woff2'), url('fonts/EuclidFA-Regular-WebS.woff') format('woff'); font-weight:400; font-style:normal} @font-face {font-family:'EuclidFA'; src:url('fonts/EuclidFA-RegularItalic-WebS.eot'); src: url('fonts/EuclidFA-RegularItalic-WebS.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidFA-RegularItalic-WebS.woff2') format('woff2'), url('fonts/EuclidFA-Regular-WebS.woff') format('woff'); font-weight:400; font-style:italic} @font-face {font-family:'EuclidFA'; src:url('fonts/EuclidFA-Medium-WebS.eot'); src: url('fonts/EuclidFA-Medium-WebS.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidFA-Medium-WebS.woff2') format('woff2'), url('fonts/EuclidFA-Medium-WebS.woff') format('woff'); font-weight:500; font-style:normal} @font-face {font-family:'EuclidFA'; src:url('fonts/EuclidFA-MediumItalic-WebS.eot'); src: url('fonts/EuclidFA-MediumItalic-WebS.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidFA-MediumItalic-WebS.woff2') format('woff2'), url('fonts/EuclidFA-Medium-WebS.woff') format('woff'); font-weight:500; font-style:italic} @font-face {font-family:'EuclidFA'; src:url('fonts/EuclidFA-Bold-WebS.eot'); src: url('fonts/EuclidFA-Bold-WebS.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidFA-Bold-WebS.woff2') format('woff2'), url('fonts/EuclidFA-Bold-WebS.woff') format('woff'); font-weight:700; font-style:normal} @font-face {font-family:'EuclidFA'; src:url('fonts/EuclidFA-BoldItalic-WebS.eot'); src: url('fonts/EuclidFA-BoldItalic-WebS.eot?#iefix') format('embedded-opentype'), url('fonts/EuclidFA-BoldItalic-WebS.woff2') format('woff2'), url('fonts/EuclidFA-Bold-WebS.woff') format('woff'); font-weight:700; font-style:italic} /*---All - General---*/ html {background:#fafafa !important} body {font-family:'EuclidFA',Arial,Helvetica,sans-serif !important; box-sizing:border-box; color:#291D1E; font-weight:400; font-style:normal; font-size:16px; line-height:24px} a {cursor:pointer; font-weight:400; text-decoration:none} a:hover, a:focus {text-decoration:underline !important} p {font-size:16px; line-height:24px; margin:10px 0} small, .small {font-size:12px !important; line-height:16px !important} * {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} /*AK Grafix*/ .teaser .av_textblock_section { padding-left: 20px; } .teaser .mb-2 { font-size: 10px; } .teaser .prose strong { font-size: 20px; font-weight: 500 !important; } .teaser .prose p { line-height: 18px; font-size: 14px; } .teaser .flex_column { min-height: 276px; } .haList li { list-style: "✓ "; } .haList li::marker { color: #70c700 !important; } .border-0 { border-top-width: 0px; } .w-full { width: 100%; } .h-full { height: 100%; } .hPodcast { min-height: 267px; } .hPDF { min-height: 376px; } .link a { color: #000000 !important; text-decoration: underline !important; margin: 0 5px; } /*---All - Headlines---*/ h1, .hl-xl, h2, .hl-l, h3, .hl-m, h4, .hl-s, h5, .hl-xs, h6, .hl-xxs {font-family:'EuclidFA',Arial,Helvetica,sans-serif !important; font-weight:500 !important; font-style:normal !important; text-transform:none !important; letter-spacing:0 !important; margin: 5px 0;} h1, .hl-xl {font-size:40px !important; line-height:52px !important} h2, .hl-l {font-size:24px !important; line-height:38px !important} h3, .hl-m {font-size:28px !important; line-height:34px !important} h4, .hl-s {font-size:24px !important; line-height:30px !important} h5, .hl-xs {font-size:20px !important; line-height:26px !important} h6, .hl-xxs {font-size:18px !important; line-height:26px !important} /*---All - Font Styles---*/ b, strong, .bold {font-weight:700 !important; color:unset !important} .normal {font-weight:400 !important; font-style:normal !important; text-transform:none !important} .light {font-weight:200 !important} .ultralight {font-weight:100 !important} .regular {font-weight:400 !important} .medium {font-weight:500 !important} .italic {font-style:italic} .upper {text-transform:uppercase !important} /*---All - Font Colors---*/ .primary {color:#e6001e !important} .primary2 {color:#b90f2d !important} .secondary {color:#00a0c3 !important} .secondary2 {color:#007B96 !important} .lightgrey {color:#ebebeb !important} .mediumgrey {color:#CCCACA !important} .darkgrey {color:#A3A0A0 !important} .black {color:#291D1E !important} .white {color:#fff !important} /*---All - Background-Colors/-Patterns---*/ .bg-primary {background-color:#e6001e !important} .bg-primary2 {background-color:#b90f2d !important} .bg-primarygradient {background: linear-gradient(to bottom, #e6001e 0%,#b90f2d 100%) !important} .bg-secondary {background-color:#00a0c3 !important} .bg-secondary2 {background-color:#007B96 !important} .bg-secondarygradient {background: linear-gradient(to bottom, #00a0c3 0%,#007B96 100%) !important} .bg-lightgrey {background-color:#ebebeb !important} .bg-mediumgrey {background-color:#CCCACA !important} .bg-darkgrey {background-color:#A3A0A0 !important} .bg-black {background-color:#291D1E !important} .bg-white {background-color:#fff !important} .bg-default {background-color:#fafafa !important} .bg-pattern-center {background:url("../../../wp-content/uploads/icons/header_grey_left_right_1920x300.svg") no-repeat 50% 50% !important; background-size:cover !important} .bg-pattern-left {background:url("../../../wp-content/uploads/icons/header_grey_left_1920x300.svg") no-repeat 50% 50% !important; background-size:cover !important} .bg-pattern-right {background:url("../../../wp-content/uploads/icons/header_grey_right_1920x300.svg") no-repeat 50% 50% !important; background-size:cover !important} .bg-transparent {background:transparent !important} /*---All - Text Alignment---*/ .align-left {text-align:left !important} .align-right {text-align:right !important} .align-center {text-align:center !important} .align-justify {text-align:justify !important; text-justify:inter-word !important} /*---All - Floats---*/ .float-left {float:left !important} .float-right {float:right !important} .float-none {float:none !important} /*---All - Padding---*/ .padding-5 {padding:5px !important} .padding-10 {padding:10px !important} .padding-25 {padding:25px !important} /*---All - Hide content---*/ .desktop-hidden {display:none !important} .mobile-hidden {display:block !important} /*---All - main-wrap---*/ #main {padding-top:160px !important} #main a {color:#e6001e} #main .container_wrap_first {min-height:470px} #main .container {width:100% !important; padding:0 !important} /*---All - Logo---*/ #header .logo {margin:30px 0 -30px 20px; position:static !important; height:54px} #header .logo a {position:static !important; height:54px} #header .logo a::after {content:''; display:block; position:absolute; background:transparent url('../../../wp-content/uploads/logo/FLYERALARM-F-Logo.svg') no-repeat 50% 50% / auto 100%; width:32px; height:54px; top:30px; left:50%; transform:translateX(-50%)} .header-scrolled .container {padding:0 !important} .logo img {width:auto !important; height:100% !important} /*---All - Animations---*/ @keyframes fadeIn {0% {opacity:0; left:10%} 100% {opacity:1; left:0}} @-webkit-keyframes fadeIn {0% {opacity:0; left:10%} 100% {opacity:1; left:0}} /*---All - Lists---*/ #top ul {margin:0} #top ul.borderlist-not {list-style:square inside !important} #top ul li {padding:0; margin:0 !important; font-size:16px !important; color:#291D1E; font-weight: 200;} #top ul.square {list-style-type:square; margin-left:15px; line-height:24px !important} #top ul.none {list-style-type:none} #top ul.checked {list-style-type:none; line-height:24px !important} #top ul.checked li {padding: 5px 0 5px 30px; position: relative;} #top ul.checked li::before {padding: 0;content: '\f058'; font-family: 'Font Awesome 5 Free',sans-serif; font-size: 120%; font-weight: 400; display: inline-block; position: absolute; left: 0;} #top ul.checked.primary li, #top ul.checked.secondary li, #top ul.checked.black li {color:#291D1E} #top ul.checked.primary li::before {background:url('../../../wp-content/uploads/icons/checked_primary.svg') no-repeat 50% 50%} #top ul.checked.secondary li::before {color: #00a0c3} #top ul.checked.white li {color:#fff !important} #top ul.checked.white li::before {background:url('../../../wp-content/uploads/icons/checked_white.svg') no-repeat 50% 50%} #top ul.checked.black li::before {background:url('../../../wp-content/uploads/icons/checked_black.svg') no-repeat 50% 50%} /*---All - Button Flyer---*/ #top .button-flyer {text-align:center; min-height:30px; height:auto; margin-top:20px} #top .button-flyer a, #top .button-flyer button {padding:8px 22px; text-decoration:none !important; font-size:16px; font-weight:500; line-height:20px; cursor:pointer; display:inline-block; text-align:center; border-radius:5px; font-family:'EuclidFA',Arial,Helvetica,sans-serif; -webkit-box-shadow: 0 .0625rem .1875rem 0 rgba(0,0,0,.2); box-shadow: 0 .0625rem .1875rem 0 rgba(0,0,0,.2);} #top .button-flyer a:hover, #top .button-flyer a:focus, #top .button-flyer button:hover, #tpü .button-flyer button:focus {text-decoration:none; border-radius:5px} #top .button-flyer.fa1 a, #top .button-flyer.fa1 button {border:1px solid #e6001e; color:#e6001e; background:transparent} #top .button-flyer.fa1 a:hover, #top .button-flyer.fa1 a:focus, #top .button-flyer.fa1 button:hover, #top .button-flyer.fa1 button:focus {border:1px solid #e6001e; color:#fff; background:#e6001e} #top .button-flyer.fa2 a, #top .button-flyer.fa2 button {border:1px solid #00a0c3; color:#00a0c3; background:transparent} #top .button-flyer.fa2 a:hover, #top .button-flyer.fa2 a:focus, #top .button-flyer.fa2 button:hover, #top .button-flyer.fa2 button:focus {border:1px solid #00a0c3; color:#fff; background:#00a0c3} #top .button-flyer.fa3 a, #top .button-flyer.fa3 button {border:1px solid #fff; color:#fff; background:transparent} #top .button-flyer.fa3 a:hover, #top .button-flyer.fa3 a:focus, #top .button-flyer.fa3 button:hover, #top .button-flyer.fa3 button:focus {border:1px solid #fff; color:#fff; background:rgba(255, 255, 255, 0.35)} #top .button-flyer.fa4 a, #top .button-flyer.fa4 button {border:1px solid #e6001e; color:#fff; background:#e6001e} #top .button-flyer.fa4 a:hover, #top .button-flyer.fa4 a:focus, #top .button-flyer.fa4 button:hover, #top .button-flyer.fa4 button:focus {border:1px solid #b90f2d; color:#fff; background:#b90f2d} #top .button-flyer.fa5 a, #top .button-flyer.fa5 button {border:1px solid #00a0c3; color:#fff; background:#00a0c3} #top .button-flyer.fa5 a:hover, #top .button-flyer.fa5 a:focus, #top .button-flyer.fa5 button:hover, #top .button-flyer.fa5 button:focus {border:1px solid #00687F; color:#fff; background:#00687F} /*---All - Button Flyer - Additional Classes---*/ #top .valignbottom {position:relative; padding-bottom:80px !important} #top .valignbottom .button-flyer {position:absolute; margin:20px auto auto; left:50%; transform:translateX(-50%); width:100%; bottom:20px} #top .slim-btn a {padding:6px 16px; font-size:14px; line-height:18px} #top .large-btn a {padding:12px 24px} #top .round-btn a, #top .round-btn a:hover, #top .round-btn a:focus {border-radius:5px} #top .fullw a {width:100%; display:block;} #top .button-flyer i {margin-left: 5px;} /*---Box Design Flyer---*/ .box-design.flex_column.av_one_fourth + .av-flex-placeholder {display:table-cell; width:2% !important} .box-design {box-shadow:0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.15); border-radius:2px !important; background:#fff; position:relative; overflow:hidden; padding:0 !important; transition: all 0.3s cubic-bezier(.25,.8,.25,1)} .box-design > .avia-image-container {margin-top:-1px !important} .box-design:hover, .box-design:focus {box-shadow:0 4px 18px rgba(0,0,0,0.07), 0 10px 10px rgba(0,0,0,0.09)} .box-design .av_textblock_section {padding:5px 15px} .box-design h2 {font-size:18px; line-height:26px; margin:5px 0 0} .box-design h2 + p {margin:10px 0 20px} .box-design.valignbottom {position:relative; padding-bottom:80px !important} .box-design.valignbottom .hl-s a {text-decoration:none !important} .box-design.valignbottom .hl-s a::before {content:''; position:absolute; background:transparent; top:0; right:0; bottom:0; left:0; z-index:0; width:100%; height:calc(100%-80px); display:block; visibility:visible; transform:translateZ(1)} .box-design-produkt {box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2) !important; background:#fff; border:2px solid transparent !important} .box-weiss-transparent {background:rgba(255,255,255,.8); padding:15px 25px 25px; box-sizing:border-box} .box-weiss-transparent.align-center {display:table; margin:0 auto} .box-weiss-transparent-header {position:absolute; top:-150px; bottom:initial; left:10%; opacity:0; background:rgba(255,255,255,.8); padding:20px; box-sizing:border-box; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; animation-fill-mode:forwards; animation-duration:.25s; animation-delay:1s; min-width:100%; width:auto} .box-weiss-transparent-header p {padding:5px; margin:0} .box-weiss-transparent-header h2 {padding:5px; margin:0; color:#e6001e; text-transform:none !important; line-height:1.2em; font-weight:600} .box-weiss-transparent-header h2 small {font-size:18px} /*---All - Badges---*/ .info-badge {position:relative !important; overflow:hidden; border:0 !important} .info-badge::after {width:300px; height:40px; line-height:40px; position:absolute !important; transform:rotate(45deg); right:-100px; top:25px; z-index:1; text-transform:uppercase; font-weight:500; text-align:center; visibility:visible; overflow:visible} .info-badge.topseller::after {content:'Topseller'; background:#00a0c3 !important; color:#fff !important} .info-badge.neu::after {content:'Neu!'; background:#e6001e !important; color:#fff !important} /*---All - Info-Squares---*/ .info-square {overflow:visible; border:0 !important} .info-square::after {width:100px; height:100px; line-height:1.3em; padding:20px 10px 0 10px; font-size:30px; font-weight:500; position:absolute; color:#fff; border:0; background:#00a0c3; right:-20px; top:40px; z-index:1; text-align:center; visibility:visible; text-transform:uppercase; display:table-cell; vertical-align:middle} .info-square.bottom::after {bottom:50px; top:initial} .info-square.bestdeal::after {content:'Best Deal'} .info-square.versandfrei::after {content:'Versand frei'; font-size:20px; padding:35px 10px 0 10px; height:85px} .info-square.neu::after{content:'Neu'; right:initial !important; left:-30px !important; padding:10px; line-height:80px; width:80px; height:80px; top:-10px} /*---All - Info-Label---*/ .info-label {margin:10px 0; background:none; border:2px solid #00a0c3 !important; color:#00a0c3 !important; padding:4px 11px 5px 65px; font-size:16px; line-height:18px; display:inline-block; position:relative; height:auto; width:auto} .info-label strong {color:#00a0c3 !important} .info-label::before {content:''; position:absolute; box-sizing:border-box; left:0; top:0; width:50px; height:100%; padding:4px 0 4px 11px; color:#fff; background-color:#00a0c3; z-index:1; text-align:center; visibility:visible; text-transform:uppercase; display:table-cell; vertical-align:middle} .info-label.versandfrei::before {background:transparent url('../../../wp-content/uploads/icons/kostenloser_versand.svg') 100% 50% / auto 39px no-repeat} /*---All - Info-Square---*/ .features-box {float:left; display:block; width:auto; background:none; color:#fff; text-transform:uppercase; font-weight:500; font-size:18px; position:relative; margin:0 10px 0 0} .features-box.free {background:#D3D3D3} .features-box.professional {background:#e6001e} .features-box::before {padding:0; border:2px solid #fff; content:''; display:block; height:10px; width:10px; background-color:#fff; background-size:100% auto; background-repeat:no-repeat; position:absolute; padding:10px; border-radius:150px; transform:translateY(-50%); top:50%} .features-box.free {padding:10px 15px 10px 60px} .features-box.professional {padding:10px 60px 10px 15px} .features-box.free::before {left:10px} .features-box.professional::before {right:10px} .features-box.checked::before {background-image:url('../../../wp-content/uploads/icons/feature_checked.svg')} .features-box.unchecked::before {background-image:url('../../../wp-content/uploads/icons/feature_unchecked.svg')} /*---All - Layout---*/ div .av_two_third {margin-left:6%; width:60.667%} div .av_one_half {margin-left:6%;} div .av_three_fourth {margin-left:6%; width:65.5%} div .av_four_fifth {margin-left:6%; width:66.8%} /*---All - Counter---*/ .counter-hl h2 {text-transform:none !important} .counter-hl {text-transform:none !important} .counter {padding:70px 0 50px 0} /*---All - Header---*/ #top #header.header-scrolled {transition:none !important} #top #header.header-scrolled .av-logo-container, #top #header.header-scrolled .cart_dropdown {display:none !important; height:100px !important; line-height:100px !important} #header #header_main_alternate {border:0} #header_main {border:0; box-shadow:0 2px 20px 0 rgba(0,0,0,0.07); z-index:1} .header_color .header_bg {background-color:rgba(255,255,255,1)} .av_header_transparency {background-color:rgba(255,255,255,1) !important} .av_header_border_disabled {background-color:rgba(255,255,255,1) !important} .av_header_transparency .header_bg {opacity:1 !important} #header .header-scrolled-full {min-height:60px !important} #header .container {padding:0} .header-scrolled-full .container .av-logo-container div {height:60px !important} #header_meta {background:#FAF7F7; color:#291D1E; height:40px; border:0; margin:0; display:none} #main, .avia-msie-8 #header.av_header_sticky_disabled {background-color:#fff !important} #top .av-section-with-video-bg {max-height:495px !important} #top .av-section-with-video-bg.video-full-height {max-height: initial !important;} .sub-menu {opacity:1 !important} .av-main-nav > li > ul {border:0 !important} .avia-menu-fx {border-color:#e6001e !important; bottom:10px !important; height:3px !important; left:0 !important; position:absolute !important; width:100% !important; z-index:10 !important} #top .av-main-nav ul a {border:0 !important} .av_header_border_disabled .avia-menu-fx {border-color:#e6001e !important; bottom:35% !important; height:3px !important; left:0 !important; position:absolute !important; width:100% !important} .av-main-nav ul {box-shadow:none !important} /*---All - Parallax Background---*/ .avia-section {background-position:50% 50% !important; background-size:cover !important} /*---All - Numbers---*/ .avia-animated-number-title {font-weight:500 !important} /*---All - Arrow Section---*/ .arrow-text {padding-top:1%} .arrow-text h2, .arrow-text-last h2 {font-size:20px !important; color:#e6001e !important} .row-arrows-right + .av-flex-placeholder {position:relative} .row-arrows-right + .av-flex-placeholder::after {position:absolute; content:''; top:0; left:50%; transform:translate(-50%,-25%); background:url("../../../wp-content/uploads/icons/arrow_right_next.svg") no-repeat 50% 50%; display:block; min-width:100px; width:auto; height:100%} .row-plus + .av-flex-placeholder {position:relative} .row-plus + .av-flex-placeholder::after {position:absolute; content:''; top:0; left:50%; transform:translate(-50%,-25%); background:url("../../../wp-content/uploads/icons/plus_darkgrey.svg") no-repeat 50% 50%; display:block; min-width:100px; width:auto; height:100%} .row-arrows-down img {height:30px; width:auto; margin:auto; display:block} /*---All - Icon Row Section---*/ .icons-row img {margin:10px 10px 25px; height:auto} /*---All - Box-Layout---*/ .main {margin:0 auto !important} .links {float:left !important; width:10% !important} .rechts {margin-left:12% !important; width:88% !important; padding:0 5px} /*---All - Footer---*/ #footer {background:linear-gradient(to bottom, #e6001e 0%,#b90f2d 100%); border:0; margin:0 !important; padding:0 !important} #footer a {color:#fff} #footer .flex_column {padding-right:10px; min-height:300px !important} #footer .flex_column:last-child {border-right:0 !important} #footer .flex_column .widget {margin:30px 0 0} #footer .flex_column .widget .widgettitle {margin-top:0 !important; font-size:20px !important; font-weight:500 !important; letter-spacing:0 !important} #footer .widget_nav_menu .current-menu-item > a, #footer .widget_nav_menu .current_page_item > a {font-weight:400; text-decoration:underline} #footer .social_bookmarks li {clear:none !important; border:0 !important} /*---All - Socket---*/ #socket {font-size:14px} #socket .container {min-height:40px; line-height:40px; padding:0} #socket .container a {font-size:14px} #socket .container .sub_menu_socket .menu {margin:0} #socket .container .sub_menu_socket ul li {line-height:40px} #socket .copyright a {color:#291D1E} /*---All - ScrollTopLink---*/ #scroll-top-link {opacity:1 !important; border-radius:100%; color:#291D1E; box-shadow:0 2px 20px 0 rgba(0,0,0,0.14); border:1px solid #EBE8E8; background:#fff} #scroll-top-link::before {font-size:24px} #scroll-top-link:hover, #scroll-top-link:focus {opacity:1 !important; text-decoration:none !important; color:#e6001e; background:#FAF7F7; box-shadow:0 2px 20px 0 rgba(0,0,0,0.07); border-color:#EBE8E8} /*---All - Uber Menu---*/ #top #header .ubermenu-main {width:100% !important; background:transparent} #top #header .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {padding:15px 25px !important} #top #header .ubermenu-main .ubermenu-nav {margin:10px 0 0; list-style:none} #top #header.header-scrolled .ubermenu-main .ubermenu-nav {margin:0 0 0 50px} #top #header.header-scrolled .ubermenu-main .ubermenu-nav .small-logo a {display:block; position:absolute; background:transparent url('../../../wp-content/uploads/logo/FLYERALARM-F-Logo.svg') no-repeat 50% 50% / auto 19px; width:50px; height:48px; top:50%; left:0; transform:translateY(-50%); border-right:1px solid #ebebeb} #top #header .ubermenu-main .ubermenu-nav .ubermenu-item {position:relative; list-style:none} #top #header .ubermenu-main .ubermenu-nav .ubermenu-item > a, #top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-current_page_item.ubermenu-item-type-custom > a, #top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-current_page_item.ubermenu-item-type-custom > a span {color:#291D1E !important} #top #header .ubermenu-main .ubermenu-nav .ubermenu-item:hover > a, #top #header .ubermenu-main .ubermenu-nav .ubermenu-item:focus > a, #top #header .ubermenu-main .ubermenu-nav .ubermenu-item:hover > a span, #top #header .ubermenu-main .ubermenu-nav .ubermenu-item:focus > a span {color:#e6001e !important} /*#top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-current_page_item::before {content:''; height:3px; width:100%; position:absolute; top:initial; right:0; bottom:0; left:0; background:#e6001e}*/ #top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-current_page_item a::after {color:#e6001e} #top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-current_page_item.ubermenu-item-type-custom::before {display:none} #top #header .ubermenu-main .ubermenu-has-submenu-drop.ubermenu-active > a, #top #header .ubermenu-main .ubermenu-has-submenu-drop.ubermenu-active > a::before, #top #header .ubermenu-main .ubermenu-has-submenu-drop.ubermenu-active > span, #top #header .ubermenu-main .ubermenu-has-submenu-drop.ubermenu-active > span::before, #top #header .ubermenu-main .ubermenu-has-submenu-drop.ubermenu-active > a::after, #top #header .ubermenu-main .ubermenu-current-menu-item > a span, #top #header .ubermenu-main .ubermenu-current-menu-parent > a span, #top #header .ubermenu-main .ubermenu-current-menu-parent > span span {color:#e6001e !important} #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu {min-width:100%; background-color:#fff !important; transition:.1s !important} #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu > li > a {color:#291D1E; font-size:14px; font-weight:400; background:#fff} #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu > li > a:hover, #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu > li > a:focus {background:#fff; color:#e6001e} #top #header .ubermenu .ubermenu-item .ubermenu-submenu-drop {box-shadow: 0 2px 20px 0 rgba(0,0,0,0.07)} #top #header .ubermenu .ubermenu-retractor {font-size:0 !important} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-content-block {padding:1px 0 25px 25px !important; background:#fff} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-content-block p {margin:15px 0 5px !important} #top #header .ubermenu-main .ubermenu-submenu .ubermenu-tabs-group > li > a {padding:10px 25px} /*---All - Uber Menu - Produkte/Shop---*/ #top #header .ubermenu-main .produkte-menu > a .ubermenu-sub-indicator {display:none} #top #header .ubermenu-main .produkte-menu > .ubermenu-target {font-weight:500 !important; padding:15px 25px 15px 15px !important} #top #header .ubermenu-main .produkte-menu.ubermenu-active .bg-overlay {display:block; position:fixed; width:100%; height:100%; background:rgba(0,0,0,.25); top:159px; left:0; right:0; bottom:0; z-index:10} #top #header.header-scrolled .ubermenu-main .produkte-menu.ubermenu-active .bg-overlay {top:49px} /*---All - Megamenu - Mein Konto---*/ #top #header .ubermenu-main .ubermenu-nav .mein-konto-btn {margin-left:20px !important; right:85px; top:-100px; width:100px; height:100px; line-height:100px; position:absolute} #top #header .ubermenu-main .ubermenu-nav .mein-konto-btn a {position:relative; height:100px; display:block; padding:15px !important} #top #header .ubermenu-main .ubermenu-nav .mein-konto-btn a::after {position:absolute; content:''; background:transparent url('../../../wp-content/uploads/icons/icon-customer.svg') no-repeat 50% 50% / auto 20px; width:22px; height:20px; top:50%; left:50%; transform:translate(-50%,-50%)} #top #header .ubermenu-main .ubermenu-nav .mein-konto-btn:hover a::after, #top #header .ubermenu-main .ubermenu-nav .mein-konto-btn:focus a::after {background:transparent url('../../../wp-content/uploads/icons/icon-customer-hover.svg') no-repeat 50% 50% / auto 20px} #top #header .ubermenu-main .ubermenu-nav .mein-konto-btn a span {font-size:12px; margin:0; left:50%; top:50%; position:relative; transform:translate(-50%,-50%); padding:40px 0 0 0} /*---All - Product Slider---*/ .product-slider .avia-slideshow-arrows.avia-slideshow-controls {position:initial !important} .product-slider .avia-slideshow-arrows a {width:60px !important; height:100% !important; background:none !important; opacity:.25 !important; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; -webkit-tap-highlight-color:transparent !important; display:block !important} .product-slider .avia-slideshow-arrows a:hover, .product-slider .avia-slideshow-arrows a:focus {opacity:1 !important} .product-slider .avia-slideshow-arrows a.next-slide {right:-60px !important; top:50% !important; transform:translateY(-50%) !important} .product-slider .avia-slideshow-arrows a.prev-slide {left:-60px !important; top:50% !important; transform:translateY(-50%) !important} .product-slider .avia-slideshow-arrows a::before {font-size:40px !important; line-height:150px !important; top:50% !important; margin:auto !important; transform:translateY(-50%) !important; background:none !important; color:#6F6F6F !important} .product-slider .avia-slideshow-arrows a:hover::before, .product-slider .avia-slideshow-arrows a:focus::before {color:#e6001e !important} /*---All - IMG-Overlay---*/ .image-overlay-inside, .image-overlay.overlay-type-extern, .image-overlay {visibility:hidden; display:none} /*---All - Counter---*/ #counter-box .container {margin-top:20px !important; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2) !important} #counter-box .template-page {padding-top:0 !important; padding-bottom:0 !important; padding:1.07143% !important} #counter-box .av_one_fourth {margin-top:10px !important} /*---All - Kontaktformular---*/ #top .kontakt-form input, #top .kontakt-form textarea, #top .kontakt-form select {font-family: 'EuclidFA',Arial,Helvetica,sans-serif;font-size: 16px; line-height: 20px; font-weight: 400; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0; border-bottom: 2px solid #ebebeb !important;background-color: #fff; height: 42px; padding: 8px 12px; color: #000; margin: 0 0 10px;} #top .kontakt-form textarea {resize:vertical; overflow:auto} #top .kontakt-form input[disabled=disabled], #top .kontakt-form textarea[disabled=disabled], #top .kontakt-form select[disabled=disabled] {background-color:#EBE8E8; border-color:#DBD9D9 !important; color:#A3A0A0} #top .kontakt-form input:hover, #top .kontakt-form textarea:hover, #top .kontakt-form select:hover {box-shadow:none} #top .kontakt-form input:focus, #top .kontakt-form textarea:focus, #top .kontakt-form select:focus {border-color:#e6001e !important; box-shadow:none} #top .kontakt-form input[type=submit] {float: right;cursor: pointer; font-family: 'EuclidFA',Arial,Helvetica,sans-serif; height: auto; color: #fff; border: 0 !important; font-weight: 500;background: #e6001e;width: auto; border-radius: 5px; font-size: 18px; line-height: 26px; padding: 8px 22px; text-align: center;} #top .kontakt-form input[type=submit]:hover, #top .kontakt-form input[type=submit]:focus {background:#b90f2d; border-color:#b90f2d !important} #top .kontakt-form input::placeholder {color:#A3A0A0} #top .kontakt-form input::-moz-placeholder {color:#A3A0A0} #top .kontakt-form input::-webkit-input-placeholder {color:#A3A0A0} #top .kontakt-form input:-ms-input-placeholder {color:#A3A0A0} #top .kontakt-form textarea::placeholder {color:#A3A0A0} #top .kontakt-form textarea::-moz-placeholder {color:#A3A0A0} #top .kontakt-form textarea::-webkit-input-placeholder {color:#A3A0A0} #top .kontakt-form textarea:-ms-input-placeholder {color:#A3A0A0} #top .kontakt-form input::placeholder {color:#A3A0A0} #top .kontakt-form input::-moz-placeholder {color:#A3A0A0} #top .kontakt-form input::-webkit-input-placeholder {color:#A3A0A0} #top .kontakt-form input:-ms-input-placeholder {color:#A3A0A0} #top .kontakt-form .kontakt-full {clear:both; padding:15px 0} #top .kontakt-form .fileupload label {width:auto !important} #top .kontakt-form .kontakt-links {float:left; width:39%} #top .kontakt-form .kontakt-rechts {width:59%; margin-left:39%} #top .kontakt-form .kontakt-links-2 {float:left; width:49%} #top .kontakt-form .kontakt-rechts-2 {width:49%; margin-left:51%} #top .kontakt-form .wpcf7-validation-errors {width:400px; border:0 !important} #top .kontakt-form .wpcf7-not-valid, #top .kontakt-form .wpcf7-acceptance.wpcf7-not-valid input[type=checkbox] + span::after, #top .kontakt-form .wpcf7-checkbox.wpcf7-not-valid input[type=checkbox] + span::after {border-color:#e6001e !important; background-color:#fae6e9 !important} #top .kontakt-form .wpcf7-acceptance.wpcf7-not-valid, #top .kontakt-form .wpcf7-checkbox.wpcf7-not-valid {border:0 !important; background:none !important} #top .kontakt-form .wpcf7-not-valid::placeholder {color:#e6001e} #top .kontakt-form .wpcf7-not-valid::-moz-placeholder {color:#e6001e} #top .kontakt-form .wpcf7-not-valid::-webkit-input-placeholder {color:#e6001e} #top .kontakt-form .wpcf7-not-valid:-ms-input-placeholder {color:#e6001e} #top .kontakt-form .wpcf7-not-valid-tip {background:transparent; color:#e6001e; padding:5px; font-weight:500; font-size:14px; margin:-10px 0 15px !important} #top .wpcf7-response-output {padding:10px 5px; margin:0; background:transparent; font-weight:500; font-size:14px; color:#e6001e; float:left; border:0; clear:both} #top .kontakt-form label {width:100% !important} #top .kontakt-form label, #top .kontakt-form .wpcf7-list-item-label {padding:5px 0; font-size:16px; line-height:24px; font-weight:500 !important; display:inline-block} #top .kontakt-form .agb .wpcf7-list-item-label {margin:0 0 0 40px} #top .kontakt-form .wpcf7-list-item {margin:0 !important} #top .kontakt-form .wpcf7-checkbox .wpcf7-list-item-label, #top .kontakt-form .wpcf7-radio .wpcf7-list-item-label {padding:5px 20px 5px 45px; display:inline-block; cursor:pointer; position:relative; color:#291D1E !important; font-size:16px !important; line-height:24px !important} #top .kontakt-form input[type=checkbox], #top .kontakt-form input[type=checkbox]:active, #top .kontakt-form input[type=checkbox]:checked {display:none !important} #top .kontakt-form input[type=checkbox] + span::after {content:''; font-size:14px; position:absolute; top:50%; transform:translateY(-50%); left:0; color:#291D1E; background:#fff; border:1px solid rgba(0,0,0,.25); box-shadow:none !important; outline:none; padding:9px; box-sizing:border-box; height:30px; width:30px; display:inline-block !important; cursor:pointer} #top .kontakt-form input[type=checkbox]:active + span::after, #top .kontakt-form input[type=checkbox]:checked:active + span::after {border-color:#DBD9D9} #top .kontakt-form input[type=checkbox]:checked + span::after {background:#A8D17E !important; border-color:#A8D17E !important; box-shadow:none; content:'\f00c'; font-family:'Font Awesome 5 Free'; font-weight:600; font-size:20px; position:absolute; top:50%; transform:translateY(-50%); left:0; color:#fff; line-height:30px; text-indent:5px; padding:0} #top .kontakt-form input[type=radio], #top .kontakt-form input[type=radio]:active, #top .kontakt-form input[type=radio]:checked {display:none !important} #top .kontakt-form input[type=radio] + span::after {content:''; font-size:14px; position:absolute; top:50%; transform:translateY(-50%); left:0; color:#291D1E; background:#fff; border:1px solid rgba(0,0,0,.25); box-shadow:none !important; outline:none; padding:9px; box-sizing:border-box; height:36px; width:36px; display:inline-block !important; cursor:pointer} #top .kontakt-form input[type=radio]:active + span::after, #top .kontakt-form input[type=radio]:checked:active + span::after {border-color:#DBD9D9} #top .kontakt-form input[type=radio]:checked + span::after {background:#A8D17E !important; border-color:#A8D17E !important; box-shadow:none; content:'\f00c'; font-family:'Font Awesome 5 Free'; font-weight:600; font-size:20px; position:absolute; top:50%; transform:translateY(-50%); color:#fff; line-height:36px; text-align:center; padding:0} #top .kontakt-form .wpcf7-form-control-wrap {position:initial; display:block} #top .kontakt-form .wpcf7-form-control-wrap input[type="file"] {display:none; position:absolute; top:initial; bottom:35px; right:0; margin:0; padding:0; font-size:20px; cursor:pointer; opacity:0; width:auto; height:55px} #top .kontakt-form .wpcf7-form-control-wrap input[type="file"] + .wpcf7-not-valid-tip {margin:0 !important} #top .kontakt-form .wpcf7-form-control-wrap + label {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 0 -15px; direction:rtl; text-align:center; background:#00a0c3;border:1px solid #00a0c3; padding:8px 22px; cursor:pointer; color:#fff !important; font-family:'EuclidFA',Arial,Helvetica,sans-serif; font-size:16px; line-height:20px; font-weight:normal} #top .kontakt-form .wpcf7-form-control-wrap + label:active, #top .kontakt-form .wpcf7-form-control-wrap + label:hover, #top .kontakt-form .wpcf7-form-control-wrap + label:focus, #top .kontakt-form .wpcf7-form-control-wrap + label:active span, #top .kontakt-form .wpcf7-form-control-wrap + label:hover span, #top .kontakt-form .wpcf7-form-control-wrap + label:focus span {background:#007B96; border-color:#007B96} #top .kontakt-form .wpcf7-form-control-wrap + label span {color:#fff; font-size:16px; line-height:20px; font-weight:400} #top .kontakt-form .wpcf7-form-control-wrap ~ small {text-align:center; display:block} #top .kontakt-form .btn-text-hidden {display:none !important} #top .kontakt-form .btn-text-visible {display:inline !important} /*---All - Modal Box-Popup---*/ #top .modal-background {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background:rgba(0,0,0,.2)} #top .modal-content {font-family:'EuclidFA',Arial,Helvetica,sans-serif; background:#fff; color:#291D1E; box-shadow:0 0 5px 0 rgba(0,0,0,.2); margin:auto; padding:15px; position:fixed; top:30%; left:50%; transform:translate(-50%,0); width:auto; max-width:500px; height:auto; max-height:500px; overflow-y:auto; overflow-x:auto; z-index:1000; box-sizing:border-box} #top .modal-content h2 {font-size:24px; padding:5px 0} #top .modal-close {float:right; font-size:200%; color:#291D1E; cursor:pointer} #top .modal-close:hover, #top .modal-close:focus {color:#291D1E} #top .modal-background.active, #top .modal-content.active {display:block} #top .white-popup {position:relative; background:#fff; padding:20px; width:auto; max-width:800px; margin:50px auto} #top .white-popup .inner {padding:5%} #top .white-popup .inner .head {margin-top:15px} #top .white-popup .inner .kontakt-form {margin-top:50px} #top .white-popup .inner .kontakt-form .wpcf7-form-control.wpcf7-submit {width:100%;border:1px solid #e6001e; color:#fff; background:#e6001e; height:auto; margin-top:10px; padding:8px 22px; text-decoration:none !important;font-size:16px; font-weight:500; line-height:20px; cursor:pointer; display:inline-block; text-align:center; border-radius:0} #top .white-popup .inner .kontakt-form .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {display:none !important} #top .white-popup .inner .kontakt-form .wpcf7-not-valid-tip {display:none !important} #top .mfp-bg {opacity:.3} #top .mfp-content {max-width:80% !important; max-height:80% !important} /*---All - Layerslider---*/ #top .avia-layerslider {z-index:1 !important} #top .avia-layerslider .ls-nav-prev, #top .avia-layerslider .ls-nav-next {width:32px !important} #top .avia-layerslider .ls-nav-next::before, #top .avia-layerslider .ls-nav-prev::before {content:'' !important; font-family:"entypo-fontello" !important; background:url('../../../wp-content/uploads/icons/icon-arrow-topslider.svg') no-repeat !important; background-size:cover !important; height:106px !important; width:32px !important} #top .avia-layerslider .ls-nav-prev::before {transform:scaleX(-1)} #top .avia-layerslider .ls-nav-next:hover::before {background:url('../../../wp-content/uploads/icons/icon-arrow-topslider-hover.svg') no-repeat !important} #top .avia-layerslider .ls-nav-prev:hover::before {background:url('../../../wp-content/uploads/icons/icon-arrow-topslider-hover.svg') no-repeat !important} .text-slider-html {font-size:12px !important; background:rgba(255,255,255,0) none !important; line-height:20px} .text-slider-html h1 {font-size:32px !important; line-height:38px} .text-slider-html p {font-size:16px !important; line-height:24px} .text-slider-html-full {font-size:12px !important; line-height:20px} .text-slider-html-full h1 {font-size:34px !important; line-height:34px} .text-slider-html-full h2 {font-size:32px !important; line-height:32px} .text-slider-html-full h3 {font-size:30px !important; line-height:30px} .text-slider-html-full p {font-size:16px !important; line-height:24px} .text-slider-html-full span {font-size:16px !important; line-height:24px} .text-slider-html-hl1 p {color:#e6001e; font-weight:500; font-size:30px !important; line-height:30px; margin:0 !important; padding:0} .text-slider-html-hl1 span {color:#e6001e; font-size:30px !important; font-weight:400 !important} .text-slider-html-hl1 h1 {color:#e6001e; font-size:25px !important; font-weight:500; margin:0 !important} /*---All - Produktdetailansicht Galerie---*/ .galerie-produktdetail .avia-gallery-big {border:0 !important; background:none} .galerie-produktdetail .avia-gallery-thumb a {width:23% !important; margin:10px 1% !important; position:relative} .galerie-produktdetail .avia-gallery-thumb a:hover, .galerie-produktdetail .avia-gallery-thumb a:focus {opacity:1 !important} .galerie-produktdetail .avia-gallery-thumb a img {border:1px solid #e1e1e1; padding:0 !important} .galerie-produktdetail .avia-gallery-thumb a:hover::after {content:''; width:100%; height:4px; position:absolute; bottom:0; background:#e6001e; left:0; right:0} /*---All - Blog---*/ #top .avia-content-slider .slide-image {background:transparent} #top .avia-content-slider .slide-image, #top .avia-content-slider .slide-image img {border-radius:0; margin:0; width:100%} .av-vertical-delimiter, #top .avia-content-slider .blog-categories, #top .avia-content-slider .slide-content {position:relative} #top .post-entry .post-meta-infos {margin:0 auto !important; text-align:left; padding:0 0 20px !important} #top .post-entry .post-meta-infos .date-container {text-align:left; font-size:12px; font-weight:500; width:auto; background:#ebebeb; color:#999; padding:2px 10px; border-radius:15px; text-transform:none; font-family:'EuclidFA',Arial,Helvetica,sans-serif; display:inline-block} #top .post-entry .post-meta-infos span {display:none} #top .post-entry .post-title, #top .avia-content-slider .slide-entry-title {} #top .avia-content-slider .slide-entry-title a {color:#e6001e} #top .avia-content-slider .slide-entry-title:hover, #top .avia-content-slider .slide-entry-title:focus {opacity:1 !important} #top .avia-content-slider .read-more-link {text-align:center; min-height:30px; height:auto; margin:0 auto; bottom:0; top:initial !important; position:absolute; left:50%; transform:translateX(-50%)} #top .more-link {padding:8px 22px; text-decoration:none; width:auto; font-size:16px; line-height:20px; cursor:pointer; display:inline-block; text-align:center; border-radius:0; border:1px solid #e6001e; color:#e6001e; background:transparent} #top .more-link:hover, #top .more-link:focus {text-decoration:none !important; border:1px solid #e6001e; color:#fff; background:#e6001e} #top .more-link .more-link-arrow {display:none} #top .post-entry .post-title {letter-spacing:0; text-align:left !important; margin:0 !important; max-width:none !important} #top .post-entry .post-title a {color:#e6001e; font-size:28px; line-height:34px; font-weight:500} #top .avia-post-nav:hover {background:#e6001e} #top .small-preview, #top .big-preview, #top .small-preview img, #top .big-preview img {background:none; border-radius:0; margin:0; border:0} #top .fullsize .template-blog .post .entry-content-wrapper {max-width:1200px !important} #top .fullsize .template-blog .post .entry-content-wrapper > * {max-width:100% !important} .avia-image-container-inner, .avia_image, .av-image-caption-overlay {border-radius:0} #top .blog-overview .template-blog .post-entry {border-bottom:1px solid #ddd; padding:15px 0} #top .blog-overview .template-blog .post-entry .post_delimiter {display:none} #top .blog-overview .post-entry .post-title {margin:0 0 0 25%; text-align:left; max-width:none; letter-spacing:0; padding:0} #top .blog-overview .post-entry .post-title a {color:#e6001e; font-size:18px; font-weight:500; line-height:23px !important} #top .blog-overview .template-blog .big-preview {float:left; max-width:20%; margin:15px 5% 0 0; padding:0} #top .blog-overview .template-blog .entry-content {margin:0 0 0 25% !important} #top .blog-overview .post-entry .post-meta-infos {margin:0 0 0 25%; text-align:left} #top .blog-overview .post-entry .post-meta-infos .date-container {text-align:left} .read-more-link {text-align:right !important} .recentcomments, .widget_recent_entries li {border-top:1px solid #ddd} .recentcomments a, .widget_recent_entries li a {font-family:'EuclidFA',Arial,Helvetica,sans-serif; padding:10px 0; display:inline-block} #top .av-social-sharing-box .av-share-box {margin:25px 0 0} #top .av-share-box ul li a {color:#291D1E; background:#fff} #top .av-share-box ul li a:hover, #top .av-share-box ul li a:focus {text-decoration:none !important} /*---All - Breadcrumb---*/ .breadcrumb {min-height:0 !important; padding:10px 0 0} #breadcrumbs a::after {margin:0 5px 0 10px; content:"\f105"; display:inline-block; font-family:'Font Awesome 5 Free'; font-style:normal; font-weight:900; color:#291D1E; font-size:12px; line-height:12px; text-align:center} /*---All - Search---*/ #header #menu-item-search {display:inline-block; height:100px; line-height:100px; padding:0; width:100px; text-align:center; margin:0; right:-15px; top:-100px; position:absolute} #header #menu-item-search a {font-size:22px} #header #menu-item-search a:hover, #header #menu-item-search a:focus {text-decoration:none !important; color:#e6001e !important} #header #menu-item-search > a {height:100px; line-height:100px; width:100px; display:block} #header #menu-item-search > a::after {position:absolute; content:'Suche'; font-size:12px; text-align:center; left:50%; transform:translateX(-50%); top:22px; height:78px; z-index:-1} #header #menu-item-search a:hover::before, #header #menu-item-search a:focus::before, #header #menu-item-search a:hover::after, #header #menu-item-search a:focus::after {color:#e6001e !important} #header #searchsubmit {font-family:'entypo-fontello'; color:#291D1E !important; border:0; border-left:1px solid #EBE8E8; background:#fff !important; line-height:34px; width:34px; min-width:34px; height:34px !important; top:1px; right:1px} #header #searchsubmit:hover, #header #searchsubmit:focus {background:#e6001e !important; border-color:#e6001e; color:#fff !important} #header #s {background:#fff !important; height:36px !important; border:1px solid #EBE8E8 !important; font-family:'EuclidFA',Arial,Helvetica,sans-serif; padding:8px 12px} #top #searchsubmit {font-family:'entypo-fontello' !important} #top #s {height:42px} #top #s::placeholder {color:#A3A0A0} #top #s::-moz-placeholder {color:#A3A0A0} #top #s::-webkit-input-placeholder {color:#A3A0A0} #top div .av_ajax_search_entry {border-bottom:1px solid #EBE8E8} #top .avia-search-tooltip .avia-arrow {border:1px solid #EBE8E8 !important; background:#fff} #header .av_ajax_search_image {display:none} #header .ajax_search_response h4 {text-align:left} #header .av_ajax_search_title {font-size:16px; line-height:24px; font-weight:400; text-transform:none; text-align:left} #header .ajax_search_excerpt {display:none !important} #top div .av_ajax_search_entry_view_all {background:#e6001e; color:#fff; font-size:16px !important; font-weight:500; width:80% !important; margin:15px auto !important; border:1px solid #e6001e} #top div .av_ajax_search_entry_view_all:hover, #top div .av_ajax_search_entry_view_all:focus {background:#fff; color:#e6001e} #top .template-search .post-entry .post-meta-infos {display:none !important} .fullsize .author-extra-border {display:none !important} #top.search.search-results .post-entry .entry-content {display:none} /*---All - Hide reCaptcha v3 Badge---*/ .grecaptcha-badge {display:none !important} /*---All - Callback Button---*/ #top #header .ubermenu-main .ubermenu-nav .callback-btn {margin-left:20px !important; right:185px; width:100px; top:-100px; height:100px; line-height:100px; position:absolute} #top #header .ubermenu-main .ubermenu-nav .callback-btn a {position:relative; height:100px; display:block} #top #header .ubermenu-main .ubermenu-nav .callback-btn a::after {position:absolute; content:''; background:transparent url('../../../wp-content/uploads/icons/icon-contact.svg') no-repeat 50% 50% / auto 20px; width:22px; height:20px; top:50%; left:50%; transform:translate(-50%,-50%)} #top #header .ubermenu-main .ubermenu-nav .callback-btn:hover a::after, #top #header .ubermenu-main .ubermenu-nav .callback-btn:focus a::after {background:transparent url('../../../wp-content/uploads/icons/icon-contact-hover.svg') no-repeat 50% 50% / auto 20px} #top #header .ubermenu-main .ubermenu-nav .callback-btn a span {font-size:12px; margin:0; left:50%; top:50%; position:relative; transform:translate(-50%,-50%); padding:40px 0 0 0} #top #header .ubermenu-main .ubermenu-nav .callback-btn .ubermenu-content-block {display:none} /*---All - Newsletter---*/ #top .flit-newsletter-sign-up-container .flit-form-row {margin:0 auto} #top .flit-newsletter-sign-up-container .flit-form-row:first-child {width:50%} #top .flit-newsletter-sign-up-container .flit-newsletter-sign-up-input {margin:0; width:70%; float:left} #top .flit-newsletter-sign-up-container .flit-newsletter-sign-up-submit {width:25%; margin:0 0 0 75%} #top .flit-newsletter-sign-up-container .flit-newsletter-sign-up-submit input[type=submit] {text-transform:none; font-weight:400} #top .flit-newsletter-sign-up-container .flit-newsletter-sign-up-cancel {margin:25px 0 0 5px; text-align:left} #top .flit-newsletter-sign-up-container .flit-newsletter-sign-up-cancel input[type=reset] {border:0 !important; font-size:14px; height:auto !important; float:none !important; line-height:18px !important; cursor:pointer !important; background:none !important; font-weight:400; color:#e6001e !important; display:inline; margin:0 auto !important; padding:0 !important} #top .flit-newsletter-sign-up-container .flit-newsletter-sign-up-cancel input[type=reset]:hover, #top .flit-newsletter-sign-up-container .flit-newsletter-sign-up-cancel input[type=reset]:focus {background:none !important; color:#e6001e !important; text-decoration:underline} #top .flit-newsletter-sign-up-container .flit-newsletter-sign-msg {clear:both; margin:50px auto} /*---All - WOF-Card Layouts---*/ #top .world_of_card.fa-card {width:31%; display:inline-block; margin:0 1% 25px; text-align:center; min-height:630px; vertical-align:top; position:relative; padding:0 !important; border:1px solid #EBE8E8; box-shadow:0 2px 6px 0 rgba(0,0,0,.07); transition:all .25s ease-in-out} #top .world_of_card.fa-card:hover, #top .world_of_card.fa-card:focus {box-shadow:0 2px 12px 0 rgba(0,0,0,.14); z-index:1} #top .world_of_card.fa-card:hover a, #top .world_of_card.fa-card:focus a {text-decoration:none !important} #top .world_of_card.fa-card .world-img-container {overflow:hidden} #top .world_of_card.fa-card .world-img {margin:0 auto; display:block; padding:0; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; transition:all .25s ease-in-out} #top .world_of_card.fa-card:hover .world-img, #top .world_of_card.fa-card:focus .world-img {transform:scale(1.05)} #top .world_of_card.fa-card .world-headline {font-size:16px !important; line-height:24px !important; height:70px; margin:0; padding:10px 15px; color:#291D1E; font-weight:500; text-align:center; background:#fff; display:table; width:100%} #top .world_of_card.fa-card .world-headline a {display:table-cell; vertical-align:middle} #top .world_of_card.fa-card .world-text {padding:10px 15px 0; margin:0} #top .world_of_card.fa-card .world-text p {font-size:16px; padding:0; margin:0} #top .world_of_card.fa-card .world-text p.subline {font-weight:500; margin:0 0 5px; min-height:50px} #top .world_of_card.fa-card .button-flyer a {border:1px solid #e6001e; font-weight:500; font-size:16px; color:#e6001e; max-width:90%; padding:8px 22px !important} #top .world_of_card.fa-card:hover .button-flyer a, #top .world_of_card.fa-card:focus .button-flyer a {background:#e6001e; color:#fff} #top .world_of_card.fa-card a::before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:transparent; z-index:10; width:100%; height:100%} /*---All - Tabs---*/ #top .av-tab-section-tab-title-container {background:transparent !important; max-width:1200px !important; min-width:0 !important; margin:0 auto} #top .av-tab-section-tab-title-container .av-tab-arrow-container {display:none !important} #top .av-tab-section-tab-title-container .av-section-tab-title {position:relative; background:#fff !important; color:#e6001e !important; min-width:25%; padding:20px 30px !important; width:auto; text-decoration:none !important} #top .av-tab-section-tab-title-container .av-section-tab-title::before {content:''; height:3px; width:100%; position:absolute; bottom:0; left:0; right:0; top:initial; background:#DBD9D9} #top .av-tab-section-tab-title-container .av-section-tab-title.av-active-tab-title {font-weight:500 !important} #top .av-tab-section-tab-title-container .av-section-tab-title.av-active-tab-title::before {background:#e6001e} #top .av-tab-section-tab-title-container .av-section-tab-title .av-inner-tab-title {font-size:16px !important; font-weight:400; text-align:center !important; margin:10px auto !important; width:100% !important; text-transform:none} #top .av-tab-section-tab-title-container .av-section-tab-title.av-active-tab-title .av-inner-tab-title {font-weight:500 !important} #top .av-tab-section-inner-container {background:#fff !important} #top .av-tab-section-inner-container .av-layout-tab {padding:50px 0 0 !important} /*---All - WOF-Navigation---*/ #header .ubermenu-main .world-of-btn {float:right} #header .ubermenu-main .worldof span {display:inline-block} #header .ubermenu-main .worldof span::after {content:''; background:transparent url('../../../wp-content/uploads/icons/icon-world-of-black.svg') no-repeat 100% 100% / 100% auto; width:9px; height:13px; display:inline-block; margin-left:10px} #header .ubermenu-main .worldof:hover span::after, #header .ubermenu-main .worldof:focus span::after, #header .ubermenu-main .ubermenu-current-menu-item > .worldof span::after {background:transparent url('../../../wp-content/uploads/icons/icon-world-of-red.svg') no-repeat 100% 100% / 100% auto} /*---Responsive Design---*/ /* Max-Width 1280px */ @media only screen and (max-width:1280px) { /*---All - Logo---*/ .logo {width:225px; padding:0} .logo img {height:100% !important} /*---All - Header---*/ .header_bg {display:none !important} #header {background-color:rgba(255,255,255,1) !important} .phone-info {float:left; font-size:14px !important; font-weight:400 !important; line-height:30px !important; padding:0 !important} /*---All - Product Slider---*/ .product-slider .avia-slideshow-arrows a.next-slide {right:-30px !important; top:50% !important; transform:translateY(-50%) !important} .product-slider .avia-slideshow-arrows a.prev-slide {left:-30px !important; top:50% !important; transform:translateY(-50%) !important} } /* Max-Width 1024px */ @media only screen and (max-width:1024px) { /*---All - Container---*/ .responsive .container {max-width:980px} /*---All - Logo---*/ .logo {width:225px; padding:0 0 0 15px} .logo img {height:100% !important} /*---All - Product Slider---*/ .product-slider .avia-slideshow-arrows a.next-slide {right:-30px !important; top:50% !important; transform:translateY(-36%) !important} .product-slider .avia-slideshow-arrows a.prev-slide {left:-30px !important; top:50% !important; transform:translateY(-36%) !important} } /* Max-Width 989px */ @media only screen and (max-width:989px) { /*---All - General---*/ p {font-size:14px; line-height:18px} /*---All - Lists---*/ #top ul li {font-size:14px !important} /*---All - Header Image Fix---*/ #av_section_1.bg-pattern-center, #av_section_1.bg-pattern-left, #av_section_1.bg-pattern-right {min-height:0 !important; padding:25px 0 0 !important} #av_section_1.bg-pattern-center {background-position:80% 100% !important} #av_section_1.bg-pattern-left {background-position:0% 100% !important} #av_section_1.bg-pattern-right {background-position:100% 0% !important} #av_section_1 .template-page.content {padding:0 !important} #layer_slider_1 + #av_section_1 {height:auto !important} /*---All - Headlines---*/ h1, .hl-xl {font-size:28px !important; line-height:34px !important} h2, .hl-l {font-size:24px !important; line-height:30px !important} h3, .hl-m {font-size:20px !important; line-height:26px !important} h4, .hl-s {font-size:18px !important; line-height:26px !important} h5, .hl-xs {font-size:16px !important; line-height:24px !important} h6, .hl-xxs {font-size:16px !important; line-height:24px !important} /*---All - Kontaktformular---*/ #top .kontakt-form label, #top .kontakt-form .wpcf7-list-item-label {font-size:14px; line-height:18px} #top .kontakt-form .kontakt-links, #top .kontakt-form .kontakt-rechts, #top .kontakt-form .kontakt-links-2, #top .kontakt-form .kontakt-rechts-2 {float:none; display:block; width:100%; margin:0 auto} #top .kontakt-form input[type="file"] {width:100%} /*---All - Info Square---*/ .info-square::after {width:60px; height:60px; font-size:20px; padding:10px 5px 0 5px} .info-square.neu::after{line-height:60px; width:60px; height:60px} .info-square.neu.pos-right {padding-top:50px} .info-square.neu.pos-right::after {top:40px} /*---All - Responsive Classes---*/ .responsive .phone-info {float:right; width:auto; clear:none; line-height:40px !important} .responsive .phone-info .phone-icon {margin:5px 5px -3px 0} /*---All - Arrows---*/ .row-arrows-right + .av-flex-placeholder::after {visibility:hidden} /*---All - Box-Layout---*/ .main {margin:0 auto !important} .links {width:15% !important} .rechts {margin-left:20% !important; width:80% !important} /*---All - Footer---*/ #footer {padding:15px 0 30px 0 !important} #footer .flex_column {min-height:0 !important; margin:0 auto !important; padding:0 !important} #footer .flex_column .widget {margin:0 !important} #footer .flex_column:first-child .widget {margin:15px 0 !important} /*---All - Socket---*/ #socket * {text-align:left !important; margin:0 auto !important; float:none !important} #socket .container .copyright {text-align:left; display:block} #socket .container .sub_menu_socket {display:block !important} #socket .container .sub_menu_socket ul {text-align:center !important; margin:0 !important} #socket .container .sub_menu_socket ul li {display:inline-block !important; padding:0 !important; text-align:left !important; width:100% !important; line-height:25px !important; border:0 !important; margin:0 !important} /*---All - Header - Navigation---*/ #top #header .ubermenu-main {margin-top:0; border:0} #top #header .ubermenu-main .ubermenu-nav .ubermenu-item {position:unset} #top #header .ubermenu .ubermenu-item-level-0 > .ubermenu-target {padding-top:15px !important; padding-bottom:15px !important} #top #header .ubermenu-main .ubermenu-nav .ubermenu-item:hover::before, #top #header .ubermenu-main .ubermenu-nav .ubermenu-item:focus::before, #top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-current_page_item::before {display:none} #top #header .ubermenu-main .ubermenu-nav .callback-btn {display:none} #top #header #header_main_alternate {display:block} #top #header .ubermenu-skin-vanilla.ubermenu-responsive-toggle {text-align:left; font-size:16px; color:#291d1e} #top #header.header-scrolled .ubermenu-main .ubermenu-nav .small-logo a {display:none} #top #header.header-scrolled .ubermenu-main .ubermenu-nav {margin:0} #top #header .ubermenu-skin-vanilla.ubermenu-responsive-toggle .fa-bars {color:#291d1e; font-size:18px} #top #header .ubermenu-main .produkte-menu {padding:0 !important} #top #header .ubermenu-main .produkte-menu > a .ubermenu-target-title {margin-left:0} #top #header .ubermenu-main .produkte-menu > a .ubermenu-icon.fa-bars {display:none !important} #top #header .ubermenu-main .produkte-menu > a .ubermenu-sub-indicator {display:block} #top #header .ubermenu-main .produkte-menu .bg-overlay {display:none !important} #top #header .ubermenu-main .produkte-menu.ubermenu-active > a .ubermenu-sub-indicator {display:none} #top #header .ubermenu-main .world-of {margin:initial !important} #top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 {border:1px solid #f9f9f9 !important; border-top:0 !important; float:none} #top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > a {padding:15px !important} #top #header .ubermenu-main .ubermenu-nav .mein-konto-btn {margin-left:0 !important; right:initial !important; height:initial !important; width:initial !important; position:relative; top:initial !important} #top #header .ubermenu-main .ubermenu-nav .mein-konto-btn a {height:initial !important} #top #header .ubermenu-main .ubermenu-nav .mein-konto-btn a span {font-size:initial !important; margin:initial !important; top:initial; left:initial; transform:none; padding:0} #top #header .ubermenu-main .ubermenu-nav .mein-konto-btn a::after {position:relative !important; display:inline-block !important; background-position:100% 100%; background-size:auto 100%; left:initial !important; margin:0 0 -10px 15px; height:16px; width:16px} #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu.ubermenu-submenu-type-mega {min-height:unset} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-content-block {min-height:unset; max-height:270px; overflow:auto; box-shadow:0 2px 20px 0 rgba(0,0,0,0.07); border:1px solid #dadada; border-top:0; padding:1px 10px 75px !important} #top #header .ubermenu-main .ubermenu-has-submenu-drop > .ubermenu-submenu {box-shadow:0 2px 20px 0 rgba(0,0,0,0.07)} #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu .ubermenu-item {width:100%} #top #header .ubermenu-main .ubermenu-submenu .ubermenu-tabs-group > li > a {padding:15px} /*---All - Header - Logo---*/ #top #header .logo {height:auto; width:70% !important; padding:15px 0} #top #header .logo::after {display:none} /*---All - Modal Box-Popup---*/ .modal-content {min-width:90%; max-width:90%; top:5%} /*---All - Product Slider---*/ .product-slider .slide-entry {width:100% !important; margin-left:0 !important; margin-bottom:10px !important; text-align:center !important; box-shadow:none !important; height:auto !important} .product-slider .slide-entry img {width:auto !important; max-width:90% !important} .product-slider .avia-slideshow-arrows a.next-slide {right:-25px !important; transform:translateY(-45%) !important} .product-slider .avia-slideshow-arrows a.prev-slide {left:-25px !important; transform:translateY(-45%) !important} /*---All - Header Mobile Fallback---*/ .header_mobile .av-video-slide {display:none} .header_mobile {background-size:cover !important} .header_mobile .container, .header_mobile .container .av-content-full {height:auto !important; padding:0 !important} .header_mobile .box-weiss-transparent-header {display:none !important} .header_mobile .avia-slideshow-inner {background-position:0 50%; background-size:cover; height:inherit !important} /*---All - Hide content---*/ .desktop-hidden {display:block !important} .mobile-hidden {display:none !important} /*--All - Enfold responsive override---*/ .responsive .container {height:auto !important} .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {opacity:1} .responsive #top .av_header_transparency .logo img.alternate {display:none} .responsive #top #wrap_all #header {position:fixed; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0} .responsive #top #main {padding-top:130px !important; margin:0} .responsive #top #main .container_wrap:first-child {border-top:none} .responsive.html_header_top.html_logo_center .logo {left:0; transform:translate(0,0); margin:0} .responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header #top .social_bookmarks {right:50px; width:auto; margin-top:-16px} .responsive #header_main .inner-container, .responsive .main_menu {position: static} .responsive #top .logo {position:static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; margin:0 auto} .responsive #top .logo a::after {display:none} .responsive .logo a {display:table-cell; vertical-align:middle; margin:0 auto} .responsive .logo img {height:auto !important; width:auto; max-width:100%; margin:0 auto !important; display:block; max-height:80px} .responsive #header_main .container {height:auto !important; width:100% !important} .responsive #top .header_bg {opacity:1; filter: alpha(opacity=1)} .responsive.social_header .phone-info {text-align:center; float:none; clear:both; margin:0; padding:0} .responsive.social_header .phone-info span {border:none; width:100%; text-align:center; float:none; clear:both; margin:0; padding:0} .responsive #header_meta .social_bookmarks li {border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px} .responsive #top #header_meta .social_bookmarks li:last-child {border-right-style: solid; border-right-width:1px} .responsive #header .sub_menu, .responsive #header_meta .sub_menu > ul {float:none; width:100%; text-align:center; margin:0 auto; position:static} .responsive #header .social_bookmarks {padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0} .responsive #header_meta .sub_menu >ul >li {float:none; display:inline-block; padding: 0 10px} .responsive #header .social_bookmarks li {float:none; display:inline-block} .responsive.bottom_nav_header #header_main .social_bookmarks {position:relative; top:0; right:0; margin:10px auto; clear:both} .responsive.bottom_nav_header.social_header .main_menu > div {height:auto} .responsive .logo img {margin:0} .responsive.html_header_sidebar #top #header .social_bookmarks {display:none} .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header {max-width:100%} .responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption {padding-top:0} .responsive #top .av_phone_active_right .phone-info.with_nav span {border:none} .responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, .responsive #top .av_header_transparency #header_main_alternate, .responsive .av_header_transparency #header_main .social_bookmarks li a, .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span, .responsive #top .av_header_transparency #header_meta, .responsive #top .av_header_transparency #header_meta li, .responsive #top #header_meta .social_bookmarks li a {color:inherit; border-color:inherit; background:inherit} .responsive.html_top_nav_header .av-logo-container {height:auto} .responsive.html_top_nav_header .av-section-bottom-logo {border-bottom-style:solid; border-bottom-width:1px} .responsive .boxed #wrap_all {overflow:hidden} .responsive #top {overflow-x:hidden} .responsive .boxed#top, .responsive #top.boxed .stretch_full, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency div #header {width:100%; max-width:100%} .responsive #top .flex_column_table_cell, .responsive #top .flex_column_table {display:block} .responsive #top #wrap_all .container {width:80%; max-width:80%; margin:0 auto; padding-left:0; padding-right:0; float:none} .responsive .units, .responsive .unit {margin:0} .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {margin:0; margin-bottom:20px; width:100%} .responsive #top #wrap_all .av-flex-cells .no_margin {display:block; margin:0; height:auto !important; overflow:hidden; padding-left:8% !important; padding-right:8% !important} .responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner {width:100%; max-width:100%; margin:0 auto} .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding {padding-left:0 !important; padding-right:0 !important} .responsive #top #wrap_all .flex_column:empty {margin:0} /*---All - Search---*/ #top #menu-item-search {height:50px; line-height:50px; width:50px; text-align:center; margin:0; right:5px !important; top:0 !important; position:absolute; border:0; visibility:visible} #top #menu-item-search > a {height:50px; line-height:50px; width:50px; display:block; font-size:20px !important} #top #menu-item-search a::after {display:none !important} .responsive #top #wrap_all .menu-item-search-dropdown > a {font-size:20px} /*---All - Blog---*/ #top .post-entry .post-title {display:block; margin:0} #top .post-entry .post-title a {font-size:20px; line-height:25px !important; display:block; text-align:left} #top .blog-overview .post-entry .post-title {margin:20px 0 !important} #top .blog-overview .template-blog .big-preview {float:none; max-width:none; margin:0 auto} #top .blog-overview .template-blog .entry-content {margin:0 auto !important} #top .blog-overview .template-blog .entry-content p {text-align:left; font-size:14px} #top .blog-overview .post-entry .post-meta-infos {margin:0 !important} .read-more-link {text-align:center; width:100%} /*---All - Newsletter---*/ #top .flit-newsletter-sign-up-container .flit-form-row:first-child {width:100%} #top .flit-newsletter-sign-up-container .flit-newsletter-sign-up-input {width:100%; float:left} #top .flit-newsletter-sign-up-container .flit-newsletter-sign-up-submit {width:100%; margin:15px auto; clear:both; float:left} #top .flit-newsletter-sign-up-container .flit-newsletter-sign-up-submit input[type=submit] {width:100%} #top .flit-newsletter-sign-up-container .flit-newsletter-sign-up-cancel {text-align:center} /*---All - WOF-Card Layouts---*/ #top .world_of_card.fa-card {width:47.5%; margin:0 1% 25px} /*---All - Tabs---*/ #top .av-tab-section-tab-title-container .av-section-tab-title {min-width:90%; margin:0 auto} #top .av-tab-section-tab-title-container .av-section-tab-title .av-outer-tab-title {padding:0 !important} #top .av-tab-section-tab-title-container .av-section-tab-title .av-inner-tab-title {text-align:left !important} #top .av-tab-section-tab-title-container .av-section-tab-title::before {height:100%; width:3px; left:0; right:initial; top:0} } /* Min-Width 768px and max-width 989px */ @media only screen and (min-width:768px) and (max-width:989px) { /*---All - Box Layout 4 Columns---*/ .flex_column_table, .entry-content-wrapper.clearfix {display:flex !important; justify-content:center; align-items:stretch; flex-wrap:wrap} .flex_column_table .av-flex-placeholder {display:none !important} .flex_column {clear:none} .flex_column.av_one_fourth {width:48.5% !important; display:block !important; margin:10px .75% !important; clear:none !important} #footer .flex_column {margin:25px auto !important} #footer .flex_column .widget .widgettitle {font-size:18px; text-transform:uppercase !important} /*---All - Product Slider---*/ .product-slider .avia-content-slider-inner {width:70% !important; margin:0 auto !important} .product-slider .avia-slideshow-arrows a.prev-slide {left:5% !important} .product-slider .avia-slideshow-arrows a.next-slide {right:5% !important} } /* Max-Width 767px */ @media only screen and (max-width:767px) { /*---All - WOF-Card Layouts---*/ #top .world_of_card.fa-card {width:100%; margin:0 0 25px; min-height:0; padding-bottom:100px !important} #top .world_of_card.fa-card .world-img {border:0; margin:0 auto} #top .world_of_card.fa-card .button-flyer a {max-width:90%} }