/* Theme Name: F-Notebook Description: Child Theme Version: 1.0 Author: Joar Staab Author URI: http://www.kriesi.at Template: enfold */ /*---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---*/ * {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale} html {background:#F8F8F8} #top {font-family:'EuclidFA',Arial,Helvetica,sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box; background:#F8F8F8; color:#000000; font-weight:300; font-style:normal; font-size:16px; line-height:24px} #top a {cursor:pointer; font-weight:400; text-decoration:none} #top a:hover, #top a:focus {text-decoration:underline} #top p {font-size:16px; line-height:24px; margin:10px 0} #top small, #top .small {font-size:12px; line-height:16px} /*--- Layout ---*/ div .av_two_third {margin-left:6%; width:60.667%} div .av_one_half {margin-left:3%; width:47%} div .av_three_fourth {margin-left:6%; width:65.5%} div .av_four_fifth {margin-left:6%; width:66.8%} /*---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} .hl-xxl {font-size:62px !important; line-height:74px !important} h1, .hl-xl {font-size:40px !important; line-height:52px !important} h2, .hl-l {font-size:32px !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:#80c2e7 !important} .primary2 {color:#0C3045 !important} .secondary {color:#80c2e7 !important} .secondary2 {color:#0C3045 !important} .lightgrey {color:rgb(235, 235, 235) !important} .lightgrey2 {color:rgb(203, 203, 203) !important} .mediumgrey {color:#CCCACA !important} .darkgrey {color:rgb(137, 140, 141) !important} .black {color:#291D1E !important} .white {color:#fff !important} /*---All - Background-Colors/-Patterns---*/ .bg-primary {background-color:#80c2e7 !important} .bg-primary2 {background-color:#0C3045 !important} .bg-primarygradient {background: linear-gradient(to bottom, #80c2e7 0%,#0C3045 100%) !important} .bg-secondary {background-color:#80c2e7 !important} .bg-secondary2 {background-color:#0C3045 !important} .bg-secondarygradient {background: linear-gradient(to bottom, #80c2e7 0%,#0C3045 100%) !important} .bg-lightgrey {background-color:#ebebeb !important} .bg-mediumgrey {background-color:#CCCACA !important} .bg-darkgrey {background-color:#898c8d !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 .container_wrap_first {min-height:470px} #main .container {width:100% !important; padding:0 !important} /* Header - Logo */ #top #header .logo {margin:20px 0 -30px 0; position:relative; display:block; z-index:10; height:80px } #top #header .logo a {position:static !important; height:80px; text-align:center} #top #header .logo a > * {width:auto; height:100%; display:inline-block; padding:1px /*padding:1px prevents the logo from being cropped */} .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; font-weight:300; color:#000000; font-size:16px; line-height:24px} #top ul li small {display:block} #top ul.square {list-style-type:square; margin-left:15px; line-height:18px} #top ul.disc {list-style-type:none; line-height:18px} #top ul.disc li {padding:5px 0 5px 18px; position:relative; font-weight:400} #top ul.disc li::before {padding:0; color:#80c2e7; content:'\f111'; font-family:'Font Awesome 5 Free', sans-serif; font-size:8px; font-weight:600; display:inline-block; position:absolute; left:0} #top ul.disc li a {text-decoration:underline} #top ul.none {list-style-type:none} #top ul.checked {list-style-type:none; line-height:18px} #top ul.checked li {padding:5px 0 5px 30px; position:relative} #top ul.checked li::before {padding:0; content:'\f00c'; font-family:'Font Awesome 5 Free', sans-serif; font-size:90%; font-weight:600; display:inline-block; position:absolute; left:0} #top ul.checked.primary li, #top ul.checked.secondary li, #top ul.checked.black li {color:#000000} #top ul.checked.white li {color:#fff} #top ul.checked.primary li::before {color:#80c2e7} #top ul.checked.secondary li::before {color:#0C3045} #top ul.checked.white li::before {color:#fff} #top ul.checked.black li::before {color:#000000} #top ul.chevron-right {list-style-type:none; line-height:18px} #top ul.chevron-right.primary li, #top ul.chevron-right.secondary li, #top ul.chevron-right.black li {color:#000000} #top ul.chevron-right.white li {color:#fff} #top ul.chevron-right li {padding:5px 0 5px 20px; position:relative} #top ul.chevron-right li::before {padding:0; content:'\f054'; font-size:80%; font-family:'Font Awesome 5 Free', sans-serif; font-weight:600; display:inline-block; position:absolute; left:0} #top ul.chevron-right.black li::before {color:#000000} #top ul.chevron-right.white li::before {color:#fff} #top ul.chevron-right.primary li::before {color:#80c2e7} #top ul.chevron-right.secondary li::before {color:#0C3045} #top ul.plus, #top ul.minus {list-style-type:none; line-height:18px !important} #top ul.plus li, #top ul.minus li {padding:5px 0 5px 20px; position:relative; color:#000000} #top ul.plus li::before {padding:0; content:'\f067'; font-family:'Font Awesome 5 Free', sans-serif; font-weight:600; display:inline-block; position:absolute; left:0} #top ul.minus li::before {padding:0; content:'\f068'; font-family:'Font Awesome 5 Free', sans-serif; font-weight:600; display:inline-block; position:absolute; left:0} /*---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: 2px !important; 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;} #top .button-flyer.fa1 a, #top .button-flyer.fa1 button {border: 1px solid #0C3045;color: #fff; background: #0C3045;} #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 #04141D;color: #fff; background: #04141D;} #top .button-flyer.fa2 a, #top .button-flyer.fa2 button {border:1px solid #80c2e7; color:#fff; background:#80c2e7} #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 #70AFD2; color:#fff; background:#70AFD2} #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 #80c2e7; color:#fff; background:#80c2e7} #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 #0C3045; color:#fff; background:#0C3045} #top .button-flyer.fa5 a, #top .button-flyer.fa5 button {border:1px solid #80c2e7; color:#fff; background:#80c2e7} #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 #0C3045; color:#fff; background:#0C3045} /*---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} /*---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:#80c2e7; 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:#80c2e7 !important; color:#fff !important} .info-badge.neu::after {content:'Neu!'; background:#80c2e7 !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:#80c2e7; 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 #80c2e7 !important; color:#80c2e7 !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:#80c2e7 !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:#80c2e7; 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:#80c2e7} .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 - 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} .sub-menu {opacity:1 !important} .av-main-nav > li > ul {border:0 !important} .avia-menu-fx {border-color:#80c2e7 !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:#80c2e7 !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:#80c2e7 !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, #80c2e7 0%,#0C3045 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:#80c2e7; 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; font-size: 16px; font-weight: 500;} #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:#80c2e7 !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:#80c2e7}*/ #top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-current_page_item a::after {color:#80c2e7} #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:#80c2e7 !important} #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu {min-width:200px; background-color:#F6F6F5 !important; transition:.1s !important} #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu .ubermenu-column-auto {min-width: max-content;width: 200px;} #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu > li > a {color:#291D1E; font-size:14px; font-weight:400; background:#fafafa} #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:#80c2e7} #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:20px 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:#80c2e7 !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---*/ /*---FA-DIGITAL - Forms-----------------------------------------------------*/ #top .kontakt-form > div::after {content:''; clear:both; display:table} #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:#000000; margin:0 0 10px} #top .kontakt-form textarea {resize:vertical; overflow:auto; height:120px} #top .kontakt-form input[disabled=disabled], #top .kontakt-form textarea[disabled=disabled], #top .kontakt-form select[disabled=disabled] {background-color:#ebebeb; border-color:#ebebeb !important; color:#727271} #top .kontakt-form input:hover, #top .kontakt-form textarea:hover, #top .kontakt-form select:hover {-webkit-box-shadow:none; box-shadow:none} #top .kontakt-form input:focus, #top .kontakt-form textarea:focus, #top .kontakt-form select:focus {border-color:#0C3045 !important; -webkit-box-shadow:0 10px 20px rgba(0,0,0,.05), 0 5px 10px rgba(0,0,0,.05); box-shadow:0 10px 20px rgba(0,0,0,.05), 0 5px 10px rgba(0,0,0,.05)} #top .kontakt-form .fa-cta.book-directly {margin-top:0; float:right} #top .kontakt-form .wpcf7-acceptance .wpcf7-list-item-label {padding:5px 20px 5px 40px; display:inline-block; cursor:pointer; position:relative; color:#000000 !important; font-size:16px !important; line-height:24px !important} #top .kontakt-form .wpcf7-form-control-wrap.paket-hidden, #top .kontakt-form .wpcf7-form-control-wrap.zusammenfassung-hidden {display:none !important} #top .kontakt-form button[type=submit], #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:#0C3045; width:auto; border-radius:2px; font-size:18px; line-height:26px; padding:8px 22px; text-align:center} #top .kontakt-form button[type=submit] {float:none} #top .kontakt-form input[type=submit]:hover, #top .kontakt-form input[type=submit]:focus, #top .kontakt-form button[type=submit]:hover, #top .kontakt-form button[type=submit]:focus {background:#04141D} #top .kontakt-form input::-webkit-input-placeholder {color:#727271} #top .kontakt-form input::-moz-placeholder {color:#727271} #top .kontakt-form input:-ms-input-placeholder {color:#727271} #top .kontakt-form input::-ms-input-placeholder {color:#727271} #top .kontakt-form input::placeholder {color:#727271} #top .kontakt-form input::-moz-placeholder {color:#727271} #top .kontakt-form input::-webkit-input-placeholder {color:#727271} #top .kontakt-form input:-ms-input-placeholder {color:#727271} #top .kontakt-form textarea::-webkit-input-placeholder {color:#727271} #top .kontakt-form textarea::-moz-placeholder {color:#727271} #top .kontakt-form textarea:-ms-input-placeholder {color:#727271} #top .kontakt-form textarea::-ms-input-placeholder {color:#727271} #top .kontakt-form textarea::placeholder {color:#727271} #top .kontakt-form textarea::-moz-placeholder {color:#727271} #top .kontakt-form textarea::-webkit-input-placeholder {color:#727271} #top .kontakt-form textarea:-ms-input-placeholder {color:#727271} #top .kontakt-form input::-webkit-input-placeholder {color:#727271} #top .kontakt-form input::-moz-placeholder {color:#727271} #top .kontakt-form input:-ms-input-placeholder {color:#727271} #top .kontakt-form input::-ms-input-placeholder {color:#727271} #top .kontakt-form input::placeholder {color:#727271} #top .kontakt-form input::-moz-placeholder {color:#727271} #top .kontakt-form input::-webkit-input-placeholder {color:#727271} #top .kontakt-form input:-ms-input-placeholder {color:#727271} #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, #top .kontakt-form .wpcf7-radio.wpcf7-not-valid input[type=radio] + span::after {border-color:#E6001E !important} #top .kontakt-form .wpcf7-acceptance.wpcf7-not-valid input[type=checkbox]:checked + span::after, #top .kontakt-form .wpcf7-checkbox.wpcf7-not-valid input[type=checkbox]:checked + span::after, #top .kontakt-form .wpcf7-radio.wpcf7-not-valid input[type=radio]:checked + span::after {border-color:#A8D17E !important} #top .kontakt-form .wpcf7-not-valid-tip {background:transparent; color:#E6001E; padding:5px; font-weight:500; font-size:10px; margin:-10px 0 15px -5px !important} #top .kontakt-form .btn-text-hidden {display:none !important} #top .kontakt-form .btn-text-visible {display:inline !important} #top .wpcf7-response-output {padding:10px 0; margin:0; background:transparent; font-weight:500; font-size:12px; line-height:16px; color:#E6001E; float:left; border:0; clear:both} #top .kontakt-form label, #top .kontakt-form .wpcf7-list-item-label {padding:5px 0; font-size:16px; line-height:24px; font-weight:400 !important; display:inline-block} #top .kontakt-form label {width:100% !important; font-weight:500 !important} #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 40px; display:inline-block; cursor:pointer; position:relative; color:#000000 !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%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; color:#000000; background:#fff; border-radius:5px; border:2px solid #ebebeb; -webkit-box-shadow:none !important; box-shadow:none !important; outline:none; padding:9px; -webkit-box-sizing:border-box; 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:#80c2e7 !important; border-color:#80c2e7 !important; -webkit-box-shadow:none; box-shadow:none; content:'\f00c'; font-family:'Font Awesome 5 Free', sans-serif; font-weight:600; font-size:16px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; color:#fff; line-height:28px; 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%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; color:#000000; background:#fff; border-radius:100%; border:2px solid #ebebeb; -webkit-box-shadow:none !important; box-shadow:none !important; outline:none; padding:9px; -webkit-box-sizing:border-box; box-sizing:border-box; height:30px; width:30px; 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:#80c2e7 !important; border-color:#80c2e7 !important; -webkit-box-shadow:none; box-shadow:none; content:'\f111'; font-family:'Font Awesome 5 Free', sans-serif; font-weight:600; font-size:14px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); color:#fff; line-height:25px; 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; -o-text-overflow:ellipsis; text-overflow:ellipsis; margin:0 0 -15px; direction:rtl; text-align:center; background:#0C3045; border:1px solid #0C3045; 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:#04141D; border-color:#04141D} #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 #anfrage .kontakt-form .hl-xs {display:block; padding:15px 0 5px; margin:0 0 5px; border-bottom:1px solid #ebebeb} #top .ihre-auswahl {margin:0 0 10px} #top .ihre-auswahl .wpcf7-list-item {display:inline-block; padding:0} #top .text_area.product-view {min-height:100px} #top .two-columns .ihre-auswahl .wpcf7-list-item {width:50% !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:#000000; -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.2); box-shadow:0 0 5px 0 rgba(0,0,0,.2); margin:auto; padding:15px; position:fixed; top:30%; left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); width:auto; max-width:500px; height:auto; max-height:500px; overflow-y:auto; overflow-x:auto; z-index:1000; -webkit-box-sizing:border-box; box-sizing:border-box} #top .modal-content h2 {font-size:24px; padding:5px 0} #top .modal-close {float:right; font-size:200%; color:#000000; cursor:pointer} #top .modal-close:hover, #top .modal-close:focus {color:#000000} #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; border-radius:5px; -webkit-box-shadow:3px 4px 12px rgba(0, 0, 0, 0.17); box-shadow:3px 4px 12px rgba(0, 0, 0, 0.17)} #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 #80c2e7; color:#fff; background:#80c2e7; 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} #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 .white-popup a {color:#000000} #top .mfp-bg {opacity:.3; background:#ddd} /*---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:#80c2e7; font-weight:500; font-size:30px !important; line-height:30px; margin:0 !important; padding:0} .text-slider-html-hl1 span {color:#80c2e7; font-size:30px !important; font-weight:400 !important} .text-slider-html-hl1 h1 {color:#80c2e7; 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:#80c2e7; 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:#80c2e7} #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 #80c2e7; color:#80c2e7; background:transparent} #top .more-link:hover, #top .more-link:focus {text-decoration:none !important; border:1px solid #80c2e7; color:#fff; background:#80c2e7} #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:#80c2e7; font-size:28px; line-height:34px; font-weight:500} #top .avia-post-nav:hover {background:#80c2e7} #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:#80c2e7; 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:#80c2e7 !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:#80c2e7 !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:#80c2e7 !important; border-color:#80c2e7; 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:#898c8d} #top #s::-moz-placeholder {color:#898c8d} #top #s::-webkit-input-placeholder {color:#898c8d} #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:#80c2e7; color:#fff; font-size:16px !important; font-weight:500; width:80% !important; margin:15px auto !important; border:1px solid #80c2e7} #top div .av_ajax_search_entry_view_all:hover, #top div .av_ajax_search_entry_view_all:focus {background:#fff; color:#80c2e7} #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} /* Searchbar in header */ #top #header .searchbar {position: absolute !important; top: -70px !important; right: 0 !important;} #top #header.header-scrolled .searchbar {position: relative !important; top: 5px !important; right: 0px !important;} #top #header .searchbar .ubermenu-target, #top #header.header-scrolled .searchbar .ubermenu-target { padding: 0 !important;} #top #header .searchbar .proinput {max-width:200px} #top #header.header-scrolled .searchbar .proinput {max-width: 150px;} #top #header .searchbar .proinput .ajax_search_response {background:#fff; max-height:200px; overflow:auto; scrollbar-width:thin; padding:0 0 1px; -webkit-box-shadow:0 .0625rem .1875rem 0 rgba(0,0,0,.2); box-shadow:0 .0625rem .1875rem 0 rgba(0,0,0,.2); border-radius:5px; margin:5px 0 0} #top #header .searchbar .proinput .ajax_search_response h4 {text-align:left; padding:10px 15px 0} #top #header .searchbar .proinput .av_ajax_search_title {font-size:16px; line-height:24px; font-weight:400; text-transform:none; text-align:left} #top #header .searchbar .proinput .av_ajax_search_image {background:#f8f8f8} #top #header .searchbar .proinput .ajax_search_excerpt {display:none} #top #header .searchbar .proinput .av_ajax_search_entry_view_all {background:#0C3045; color:#fff; font-size:16px; border-radius:5px; font-weight:500; width:90%; margin:10px auto; border:1px solid #0C3045} #top #header .searchbar .proinput .av_ajax_search_entry_view_all:hover, #top #header .searchbar .proinput .av_ajax_search_entry_view_all:focus {background:#fff; color:#0C3045; text-decoration:none} /* Searchbar on search results page */ #top #header .searchbar .asl_w .probox .promagnifier {font-family: 'entypo-fontello', sans-serif !important; color: #000000 !important; border: 0 !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-left: 1px solid #ebebeb; background: #fff !important; line-height: 30px; width: 30px !important; min-width: 30px; height: 30px !important; top: 1px !important; right: 1px !important;} #top #header .searchbar .asl_w .probox .promagnifier:hover, #top #header .searchbar .asl_w .probox .promagnifier:focus {color:#0C3045 !important} #top #header .searchbar .asl_w {background:#fff !important; border:1px solid #ebebeb !important; font-family:'EuclidFA',Arial,Helvetica,sans-serif; padding:4px 12px; border-radius:5px; min-width:200px; box-shadow: none !important;} #top #header.header-scrolled .searchbar input {font-size:14px; min-width:140px} #top #header .searchbar input::-webkit-input-placeholder {color:#727271} #top #header .searchbar input::-moz-placeholder {color:#727271} #top #header .searchbar input:-ms-input-placeholder {color:#727271} #top #header .searchbar input::-ms-input-placeholder {color:#727271} #top #header .searchbar input::placeholder {color:#727271} #top #header .searchbar input::-moz-placeholder {color:#727271} #top #header .searchbar input::-webkit-input-placeholder {color:#727271} /* Search results page styling */ .fullsize .author-extra-border, #top.search.search-results .post-entry .entry-content, #top.search.search-results .progress-container-top, #top .template-search .post-entry .post-meta-infos {display:none} #top .template-search.content #s {background:#fff; border-color:#ebebeb} #top .template-search.content .post-entry {background:#fff; border:1px solid #ebebeb; min-height:210px; overflow:hidden; border-radius:5px; position:relative; width:24%; margin:0 .5% 25px; display:block; float:left; clear:none; vertical-align:top} #top .template-search.content {-webkit-transition:all .15s ease-in-out; -o-transition:all .15s ease-in-out; transition:all .15s ease-in-out} #top .template-search.content .post-entry, #top .template-search.content .pagination, #top .template-search.content .page-heading-container {-webkit-transition:all .15s ease-in-out; -o-transition:all .15s ease-in-out; transition:all .15s ease-in-out} #top .template-search.content .post-entry .entry-content-wrapper {padding:0} #top .template-search.content .post-entry .post-title {min-height:110px} #top .template-search.content .post-entry .post-title a {font-size:16px; font-weight:500 !important; letter-spacing:0 !important; line-height:20px; text-decoration:none; text-transform:none; margin:0; color:#000000; display:block; position:initial; z-index:1} #top .template-search.content .post-entry .post-title a::before {content:''; width:100%; height:100%; position:absolute; right:0; bottom:0; left:0; top:0; z-index:10} #top .template-search.content .post-entry:hover .post-title a, #top .template-search.content .post-entry:focus .post-title a {color:#80c2e7; opacity:1} #top .template-search.content .post-entry .entry-content {display:none} #top .template-search.content .post-entry .entry-content-wrapper {padding-left:0} #top .template-search.content .post-entry .search-thumb {position:relative; background:#f8f8f8; height:100px; padding:0; overflow:hidden} #top .template-search.content .post-entry.type-page .search-thumb::before {content:'Produkt'; position:absolute; right:10px; top:10px; background:#0C3045; color:#fff; font-size:10px; line-height:16px; padding:2px 12px; border-radius:150px; font-weight:600} #top .template-search.content .post-entry .search-thumb img {position:absolute; width:100%; height:100%; image-rendering:auto; -o-object-fit:cover; object-fit:cover; -o-object-position:left; object-position:left; -webkit-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; margin:0} #top .template-search.content .post-entry.type-page .search-thumb img {width:auto; height:100%} #top .template-search.content .post-entry.type-page.thumb_fullw .search-thumb img {width:100%} #top .template-search.content .post-entry .search-thumb a {width:100%; height:100%; position:relative} #top .template-search.content .post-entry .post-title {padding:10px 15px} #top .template-search.content .post-entry .entry-content, #top .template-search.content .post-entry .entry-footer {display:none} #top .template-search.content .search-result-counter {display:none} #top .template-search.content .post-entry .price {position:absolute; bottom:35px; right:15px; font-weight:500 !important} /*---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: 40px; width: 100px; top: -98px;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} /*---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:#80c2e7 !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:#80c2e7 !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 #80c2e7; font-weight:500; font-size:16px; color:#80c2e7; 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:#80c2e7; 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:#80c2e7 !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:#80c2e7} #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} /*--- Header------------------------------------------------*/ .responsive #top #wrap_all #header {position:fixed !important; width:100%; float:none; margin:0; opacity:1; height:118px !important} .responsive #top #wrap_all #header #header_main_alternate {margin:0; border:0; z-index:1000; display:block} .responsive #top #wrap_all #header #header_main_alternate .container {width:100%; max-width:100%} .responsive #top #wrap_all #header #header_main {max-width:100%; top:-10px; padding-top:6px; padding-bottom: 6px;} .responsive #top #wrap_all #header #header_main .av-logo-container {height:65px !important} /* Header - Hide Enfold default burger navigation */ .responsive #top .av-burger-menu-main {display:none !important} /* Header - Navigation (Uber Menu) */ .responsive #top #header.header-scrolled .ubermenu-main .ubermenu-nav {margin:0} .responsive #top #header .ubermenu-main {margin-top:0; border:0; float:none !important; background:#fff !important} .responsive #top #header .ubermenu-main .ubermenu-nav {margin:5px 0 0} .responsive #top #header .ubermenu-main .ubermenu-nav::after {display:block; content:''; background:rgba(0,0,0,.25); position:fixed; top:auto; left:0; width:100vw; height:100vh; z-index:-1} .responsive #top #header .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {padding:15px !important} /* Header - Navigation (Uber Menu) - Megamenu */ .responsive #top #header .ubermenu-main .ubermenu-nav .ubermenu-item {position:unset} .responsive #top #header .ubermenu-main .ubermenu-nav .ubermenu-item:hover::before, .responsive #top #header .ubermenu-main .ubermenu-nav .ubermenu-item:focus::before, .responsive #top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-current_page_item::before {display:none} .responsive #top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 {border:1px solid #f9f9f9 !important; border-top:0 !important; float:none} .responsive #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu.ubermenu-submenu-type-mega {min-height:unset} .responsive #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-content-block {min-height:unset; max-height:70vw; overflow:auto; -webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,0.07); box-shadow:0 2px 20px 0 rgba(0,0,0,0.07); border:1px solid #DBD9D9; border-top:0; padding:1px 0 75px !important} .responsive #top #header .ubermenu-main .ubermenu-has-submenu-drop > .ubermenu-submenu, .responsive #top #header .ubermenu-main .ubermenu-has-submenu-flyout > .ubermenu-submenu {padding:0; -webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,0.07); box-shadow:0 2px 20px 0 rgba(0,0,0,0.07)} .responsive #top #header .ubermenu-main .ubermenu-has-submenu-flyout > .ubermenu-submenu li a {padding:10px 10px 10px 28px} .responsive #top #header .ubermenu-main .ubermenu-has-submenu-flyout > .ubermenu-submenu li a::before {left:15px} .responsive #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu .ubermenu-item {width:100%} .responsive #top #header .ubermenu-main .ubermenu-target > .ubermenu-sub-indicator {right:15px} .responsive #top #header .ubermenu-main .ubermenu-active > .ubermenu-target > .ubermenu-sub-indicator-close {right:5px} .responsive #top #header .ubermenu-main .ubermenu-content-block .mm-column.one_fourth {padding:10px 15px; width:100%} .responsive #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-content-block .column-heading {margin:0 0 5px !important} .responsive #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-content-block .column-heading a {font-size:16px} .responsive #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-content-block .mm-navigation-list {margin:0 auto 10px} .responsive #top #header .ubermenu-main .ubermenu-content-block .float-right {bottom:initial; position:relative; right:initial; float:none !important; text-align:center !important; margin:auto 15px 10px} .responsive #top #header .ubermenu-main .ubermenu-content-block .float-right a {width:100%; margin:0 auto 10px} .responsive #top #header .ubermenu-main .ubermenu-tab-content-panel .mm-navigation-list li a {padding:8px 2px 8px 20px; font-size:14px !important} .responsive #top #header .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target.ubermenu-target-with-icon {padding: 15px !important} .responsive #top #header .ubermenu-main .ubermenu-target.ubermenu-target-with-icon i {display:none !important} .responsive #top #header .ubermenu-main .ubermenu-item-layout-icon_left > .ubermenu-target-title {margin-left: 0 !important;} /* Header - Navigation (Uber Menu) - Mobile Toggle */ .responsive #top #header #header_main_alternate .ubermenu-responsive-toggle {position:relative; border-radius:5px; left:7px; height:40px; line-height:40px; background:#0C3045; width:40px; text-align:center; padding:0; z-index:1000} .responsive #top #header #header_main_alternate .ubermenu-responsive-toggle i {color:#fff; font-size:20px; line-height:40px} .responsive #top #header #header_main_alternate .ubermenu-responsive-toggle.ubermenu-responsive-toggle-open i {color:#fff} .responsive #top #header #header_main_alternate .ubermenu-responsive-toggle::after {display:none} /* Header - Navigation (Uber Menu) - Hilfe */ .responsive #top #header.header-scrolled .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {font-size:16px} .responsive #top #header.header-scrolled .ubermenu-main .ubermenu-nav .ubermenu-item.nav-right {display:block} /* Header - Navigation (Uber Menu) - Produktübersicht */ .responsive #top #header .ubermenu-main .produktuebersicht {padding:0 !important} .responsive #top #header .ubermenu-main .produktuebersicht > a .ubermenu-target-title {margin-left:0} .responsive #top #header .ubermenu-main .produktuebersicht > a .ubermenu-icon.fa-bars {display:none !important} .responsive #top #header .ubermenu-main .produktuebersicht > a .ubermenu-sub-indicator {display:block} .responsive #top #header .ubermenu-main .produktuebersicht .bg-overlay {display:none !important} .responsive #top #header .ubermenu-main .produktuebersicht.ubermenu-active > a .ubermenu-sub-indicator {display:none} .responsive #top #header .ubermenu-main .produktuebersicht .ubermenu-target .ubermenu-icon {display:none} .responsive #top #header .ubermenu-main .ubermenu-submenu .ubermenu-tabs-group > li > a {padding:10px 15px} .responsive #top #header .ubermenu-main .ubermenu-submenu .ubermenu-tabs-group > li > a span.ubermenu-target-title {font-size:16px} /* Header - Small Logo */ .responsive #top #header.header-scrolled .ubermenu-main .ubermenu-nav .small-logo a {display:none} /* Header - Logo */ .responsive #top #header.header-scrolled .av-logo-container {display:block !important} .responsive #top #header .logo {margin:10px auto; height:78px !important; float:none} .responsive #top #header .logo a {height:70px; float:none; display:block} .responsive #top #header .logo a > * {height:auto; width:auto; max-width:100%; margin:0 auto; display:block; max-height:50px} /* Header - Topbar */ .responsive #top #header .topbar, .responsive #top #header.header-scrolled .topbar {display:block !important; left:55px; right:0; margin:65px 0 0 0 !important; max-width:unset; position:absolute; z-index:1001; min-width:unset; width:calc(100% - 55px); text-align:left; padding:0} .responsive #top #header .topbar-nav {margin:0 45px 0 0; height:40px; float:right} .responsive #top #header .topbar-nav .topbar-nav-btn, .responsive #top #header.header-scrolled .topbar-nav .topbar-nav-btn {font-size:0; padding:0; width:40px; height:40px; text-align:center; display:block; float:left; margin:0} .responsive #top #header .topbar-nav .topbar-nav-btn i {font-size:20px; line-height:40px} /*--- Searchbar ------------------------------------------------*/ /* Searchbar in header */ .responsive #top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0.searchbar {width:200px; min-width: 200px !important; margin:0; top: 0px !important; right: initial !important; left:55px !important; border: 0 !important; visibility: visible !important;} .responsive #top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0.searchbar .ubermenu-target {padding:0px !important} .responsive #top #header.header-scrolled .searchbar {position: absolute !important;} .responsive #top #header .searchbar .proinput {max-width: 110px;} .responsive #top #header .searchbar .asl_w, .responsive #top #header.header-scrolled .searchbar .asl_w {font-size:10px; padding:5px 5px 5px 8px; min-width:unset} .responsive #top #header .searchbar input.orig {font-size:12px !important; line-height:16px} .responsive #top #header .searchbar #searchform .av_ajax_search_entry_view_all {font-size:12px; line-height:16px} /* Searchbar on search results page */ .responsive #top .template-search.content .post-entry { width:100%; margin:0 0 15px} .responsive #top .template-search.content .post-entry .post-title {left:100px; top:0; position:absolute !important; padding:0 5px 0 15px !important; width:calc(100% - 130px); height:100%} .responsive #top .template-search.content .post-entry .entry-content-wrapper {padding-left:0; padding-bottom:0} .responsive #top .template-search.content .post-entry .search-thumb {min-height:130px; height:100px; width:100px; border:0; border-right:1px solid #ebebeb} .responsive #top .template-search.content .post-entry.page .search-thumb::before {display:none} .responsive #top .template-search.content .post-entry .search-thumb img {height:100%; width:auto} /*--- Translate ---*/ .responsive #top .menu-item-gtranslate {padding:0 !important; top:0px !important; right:0 !important; max-width: 110px; visibility: visible !important;} .responsive #top .menu-item-gtranslate .switcher {width:110px} .responsive #top #gtranslate_wrapper .switcher .selected a {font-size: 12px; padding: 8px 5px 8px 2px;} /*---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, .responsive.html_mobile_menu_tablet.html_header_top #top #main {padding-top:118px !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; min-height:60px; 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} /*--- Gtranslate ---*/ .responsive #top .menu-item-gtranslate {padding:0 !important; top:8px !important; right:40px !important; max-width: 110px; visibility: visible !important;} .responsive #top .menu-item-gtranslate.menu-item:nth-child(7) {right: 10px !important;} .responsive #top .menu-item-gtranslate .switcher {width:110px} } /* 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%} }