/*---P-SIGNS - Header Overrides ---*/ #header .logo {margin: 30px 0 -30px 0px !important} p {font-weight: 200;} /*---P-SIGNS - Ubermenu Overrides--- #header .ubermenu-main .ubermenu-current-menu-parent > a::after {color:#e6001e !important} #header .ubermenu-main .ubermenu-submenu .ubermenu-column-auto {min-width:300px !important} */ /*---P-GA - Navigation Fixes---*/ .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {font-weight: 500 !important;} #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu {min-width:0 !important} #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu.ubermenu-submenu-id-8851 {min-width:300px !important} #top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-has-submenu-mega {position:static} #top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-current_page_item.ubermenu-has-submenu-mega::before {display:none !important} #top #header .ubermenu-main .ubermenu-has-submenu-drop > .ubermenu-submenu {max-height:unset !important; min-width:0 !important; padding:0; border:0; /* nachfolgendes l�schen -> visibility:visible !important; height:auto !important; overflow:visible; opacity:1 !important*/} #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu .ubermenu-item {position:static !important} /*---P-SIGNS - Menu ---*/ /*---P-SIGNS - Megamenu---*/ #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-submenu {background:#fff !important} #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu.ubermenu-submenu-type-mega {border-top:1px solid #ebe8e8 !important} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-submenu > li > a {background:#fff !important; font-size:16px; font-weight:500; padding:10px 15px 5px} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-submenu > li > a:hover, #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-submenu > li > a:focus {background:none} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-submenu > li > ul li {margin:0 5px 3px !important} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-submenu > li > ul > li::before {content:"\f105"; font-family:'Font Awesome 5 Free'; font-weight:600; font-size:12px; float:left; padding-top: 2px;} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-submenu > li > ul > li > a {background:none; font-size:16px; font-weight:400; text-indent:5px; padding:0} #top #header .ubermenu-main .ubermenu-tab-content-panel > .ubermenu-column {width:100%; padding-left:20px} #top #header .ubermenu-main .ubermenu-tab-content-panel > .ubermenu-column:nth-child(3) {border-right:0} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-content-block.ubermenu-custom-content {padding:0px 0 1px !important} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-content-block p {margin: 15px 0 5px !important; text-indent: 0;} #top #header .ubermenu-main .ubermenu-tab-content-panel > .ubermenu-column .ubermenu-submenu-type-stack {padding-bottom:5px !important} #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu { background-color: #fff !important; transition: .1s !important;} #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, #top #header .ubermenu-main .ubermenu-has-submenu-drop.ubermenu-active .ubermenu-submenu > li > a:hover, #top #header .ubermenu-main .ubermenu-has-submenu-drop.ubermenu-active .ubermenu-submenu > li > a:focus {background: #ebebeb !important;} #top #header #menu-item-9536 .ubermenu-target .fas.fa-angle-down {display: none !important;} #top #header #menu-item-9536 .ubermenu-submenu .fas.fa-angle-down {display: initial !important;} #top #header .ubermenu-main .ubermenu-content-block .fas-column.one_half {width:49.5%; padding:0; margin:0; display:inline-block; vertical-align:top} #top #header .ubermenu-main .ubermenu-content-block .fas-column.one_third {width:33%; padding:0; margin:0; display:inline-block; vertical-align:top} #top #header .ubermenu-main .ubermenu-content-block .fas-column .column-heading {font-size: 16px; font-weight: 500; color: #e6001e; text-decoration: none;} #top #header .ubermenu-main .ubermenu-tab-content-panel .fas-navigation-list li a {position: relative; padding: 0 0 0 13px; color: #291D1E; display: inline-block; font-size: 14px; line-height: 18px;} #top #header .ubermenu-main .ubermenu-tab-content-panel .fas-navigation-list li a:hover, #top #header .ubermenu-main .ubermenu-tab-content-panel .fas-navigation-list li a:focus {text-decoration: underline;} #top #header .ubermenu-main .ubermenu-tab-content-panel .fas-navigation-list li a::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; text-decoration: none !important;} #top #header .ubermenu-main .ubermenu-submenu .ubermenu-tabs-group > li > a {font-size:16px; color:#291D1E !important} #top #header .ubermenu-main .ubermenu-submenu .ubermenu-tabs-group > li.ubermenu-active {background:#fff;} #top #header .ubermenu-main .ubermenu-content-block .float-right {bottom: 15px; position: absolute; right: 15px;} #top #header .nav-stoerer {background-color:#00a0c3; border-radius:8px; border:1px solid #00a0c3; color:#fff; display:inline-block; font-size:.6875rem; line-height:1; margin-left:8px; padding:1px 8px; position:relative} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-content-block {padding: 1px 0 25px 25px !important;background: transparent;} /*--- P-SIGNS - Header Image ---*/ #top .hero {position: relative; overflow: hidden; background-size: auto 100% !important; padding: 0;} #top .hero::before {background: transparent url('../../../wp-content/uploads/icons/header_grey_left.svg') no-repeat 0 0 / 100% !important; content: ''; position: absolute; top: 0; left: 0; right: 0; width: 9vw; height: 100%;} #top .hero .container .content, #top .hero .container .sidebar { padding-top: 20px; padding-bottom: 20px;} #top .av-section-with-video-bg.hero-video {max-height: initial !important;} #top .button-flyer i {margin-left: 5px;} .hd-video {border-radius: 5px;} .hd-video .avia-video iframe, .hd-video .js_active .avia-iframe-wrap iframe, .hd-video div .avia-video .avia-iframe-wrap {border-radius: 5px !important;} .hd-video::before {background: transparent url('../../../wp-content/uploads/icons/header_grey_left.svg') no-repeat 0 0 / 100% !important; content: '';position: absolute; top: -10px; left: -10px; right: 0; width: 4vw; height: 100%;} .hd-video::after { background: transparent url('../../../wp-content/uploads/icons/header_grey_left.svg') no-repeat 0 0 / 100% !important; content: ''; position: absolute; right: -10px; width: 4vw; height: 100%; transform: rotate(180deg); bottom: -10px; z-index: -1;} #top #hero-video.av-section-with-video-bg {max-height: initial !important;} /*---P-SIGNS - Header Overrides---*/ #top #header .ubermenu-main .ubermenu-nav .callback-btn {right:85px} /*---P-SIGNS - Modal Box-Popup---*/ #top #popup-callback-success {display:none; text-align:center; padding:17%} /*---P-SIGNS - Product Box---*/ #top #produktportfolio .flex_column_table {margin-bottom: 20px;} #top #produktportfolio .av-flex-placeholder { display: table-cell; width: 2% !important;} #top .fas-box {border: 1px solid #ebebeb !important; border-radius: 5px !important; position: relative; overflow: hidden; padding: 15px; -webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1); -o-transition: all 0.3s cubic-bezier(.25,.8,.25,1); transition: all 0.3s cubic-bezier(.25,.8,.25,1); background:#fff !important; margin-bottom:20px !important; } #top .fas-box .avia-image-container { position: relative; width: calc(100% + 30px); max-width: unset; margin: -15px -15px 0; height: 140px !important; overflow: hidden;} #top .fas-box .avia-image-container .avia_image { width: calc(100% + 30px); word-break: break-word; image-rendering: auto;} #top .fas-box .hl-xs {padding: 10px 0 15px;} #top .fas-box .hl-s + p {margin: 10px 0 30px;} #top .fas-box ul {list-style: none !important;} #top .fas-box ul li {font-weight: 300; font-size: 14px !important; line-height: 18px; text-align: left;} #top .fas-box ul li {padding: 2px 0 2px 20px;font-weight: 300; font-size: 14px !important; line-height: 18px; text-align: left;} #top #bestseller .fas-box.featured-product .avia-image-container {height:200px !important} #top #bestseller .fas-box.featured-product .avia-image-container .avia-image-container-inner, #top #bestseller .fas-box.featured-product .avia-image-container .avia-image-container-inner .avia-image-overlay-wrap, #top #bestseller .fas-box.featured-product .avia-image-container .avia_image {height: 100%;} #top #bestseller .fas-box.featured-product .min-height {min-height: 90px;} #top #bestseller .fas-box.featured-product .button-flyer {position: absolute; bottom: 20px; text-align: left; right: 20px;} /*---P-SIGNS - Badges---*/ #top .promotion-badge {background-color: #00a0c3; font-weight: 500; border-radius: 16px; border: 1px solid #00a0c3; color: #fff; display: inline-block; font-size: 12px; line-height: 1em; padding: 5px 15px; position: relative; text-decoration: none;} #top .badge::after {width: auto; height: 24px; line-height: 24px; position: absolute; left: 0; top: 15px; z-index: 1; text-transform: uppercase; font-size: 14px; padding: 0 5px; font-weight: 500; text-align: center; visibility: visible; overflow: visible;} #top .fas-box.badge::after { left: initial; right: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px;} #top .badge.beliebt::after { cursor: pointer; content: 'Beliebt'; background: #00a0c3 !important; color: #fff !important;} /*--- P-SIGNS - Topseller ---*/ #top #bestseller .av_one_fourth + .av-flex-placeholder {width: 1%;} /*--- P-SIGNS - Links Styles ---*/ #top a.link-ext {font-weight: 500; margin: 0; position: relative; display: inline-block; text-decoration: underline; text-underline-position: under; color:#291D1E} #top a.link-ext:hover {color:#e6001e} #top a.link-more {font-weight: 500; margin: 0; position: relative; display: inline-block; text-decoration: underline; text-underline-position: under; color:#291D1E} #top a.link-more:hover {color:#e6001e} #top a.link-more::after {padding-left: 5px; content: '\f35a'; font-weight: 400; font-family: 'Font Awesome 5 Free',sans-serif; color: inherit; font-size: 14px; text-decoration: none; display: inline-block;} #top a.link-ext.download::after {padding-left: 5px; content: '\f019'; font-weight: 700; font-family: 'Font Awesome 5 Free',sans-serif; color: inherit; font-size: 14px; text-decoration: none; display: inline-block;} #top a.link-ext:hover::after {color:#e6001e} /*---P-SIGNS - Leistungen ---*/ #top #leistungen .av-flex-placeholder {display: table-cell;width: 2%;} #leistungen .flex_column_table:last-child {position:relative; width:100%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); margin-top:-80px; bottom:-110px} #leistungen .fas-box {padding:15px} #leistungen .fas-box p {display:inline-block !important; width:auto; vertical-align:middle} #leistungen .fas-box p:first-child {width:30% !important; text-align:center} #leistungen .fas-box p:first-child img {display:inline-block; width:auto; height:60px} #leistungen .fas-box p:last-child {margin:5px 0 0} /*---P-SIGNS - Usps ---*/ #top #usps .av-flex-placeholder {display: table-cell; width: 2%;} #top #usps .featured-product .button-flyer a {position: absolute; bottom: 0; width: calc(100%); margin-left: -15px; margin-right: -15px; display: block; border-top-right-radius: 0; border-top-left-radius: 0;} /*---P-SIGNS - Produktuebersicht ---*/ #top #produktuebersicht .av-flex-placeholder {display: table-cell; width: 2% !important;} #top #produktuebersicht .featured-product .button-flyer a {position: absolute; bottom: 0; width: calc(100%); margin-left: -15px; margin-right: -15px; display: block; border-top-right-radius: 0; border-top-left-radius: 0;} #top #produktuebersicht .fas-box .avia-image-container {height: 250px !important;} #top #produktuebersicht.pylone .fas-box .avia-image-container {height: 530px !important;} #top #produktuebersicht.kategorie .fas-box .avia-image-container {height: 140px !important;} /*---P-SIGNS - Lists ---*/ #top .margin-10-0 {margin: 10px 0;} #top ul.bullet li::before { padding: 0; color: #e6001e; content: '\f111'; font-family: 'Font Awesome 5 Free',sans-serif; font-size: 8px; font-weight: 600;display: inline-block; position: absolute; left: 15px;} /*---P-SIGNS - Borders ---*/ #top .border-left {border-left: 1px solid rgba(0,0,0,.1); padding-left: 35px;} /*---P-SIGNS - Boxes ---*/ #top .feature-box {padding: 25px; border: 1px solid #f0f0f0; background: #fff;border-radius: 5px;} #top .feature-box + div {margin-top: 20px;} #top .feature-box ul {margin-left: 20px;} /*---P-SIGNS - Produktdetailsseite ---*/ #top #produktdetailsseite .product-preis {padding: 10px; margin: 0; display: inline-block; font-size: 20px; position: absolute; font-weight: 500; top: 15px; right: 0; color: #fff; background: #00a0c3;z-index: 99;} #top #produktdetailsseite .product_image {border: 1px solid #ebebeb; padding: 5px; background: #fff !important;} #top #produktdetailsseite .product_image > img {position: relative; height: 100%; max-height:430px; padding: 0; margin: 0; width: 100%;} #top #produktdetailsseite .product-galerie {display: flex; flex-direction: row;} #top #produktdetailsseite .product-galerie .avia-gallery-big {order:2; flex-basis: 80%; background: #fff !important;border: 1px solid #ebebeb !important; padding: 5px !important; height: 400px !important; max-height: 100% !important;} #top #produktdetailsseite .product-galerie img {position: relative; height: 100%; max-height:430px; padding: 0; margin: 0; width: 100%;} #top #produktdetailsseite .product-galerie .avia-gallery-thumb {order:1; display: flex; flex-wrap: wrap; flex-basis: 20%; align-self: flex-start;} #top #produktdetailsseite .product-galerie .avia-gallery-thumb a {flex-basis: 100%; width: 100%;} #top #produktdetailsseite .product-galerie .avia-gallery-thumb img {padding: 5px;} #top a.anker-link {color: #291d1e; text-decoration: underline; text-decoration-color: currentcolor; -webkit-text-decoration-color: rgba(0,0,0,.5); text-decoration-color: rgba(0,0,0,.5); text-underline-position: under; font-weight: 500; word-break: break-word;} #top a.anker-link:hover, #top a.anker-link:focus {-webkit-text-decoration-color: #e6001e; text-decoration-color: #e6001e;color: #e6001e;} #top .promotion-badge {background-color: #00a0c3; font-weight: 500; border-radius: 16px; border: 1px solid #00a0c3; color: #fff; display: inline-block; font-size: 12px; line-height: 1em; padding: 5px 15px; position: relative; text-decoration: none;} #top .promotion-badge + .anker-link {text-align: left; display: inline-block; vertical-align: middle; margin-left: 5px;} /*---P-SIGNS - Produktdetailsseite USPs ---*/ #top .fas.fa-beratung::before { content: '\f086'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 40px !important; line-height: 70px;} #top .fas.fa-angebot::before { content: '\f4c4'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 40px !important; line-height: 70px;} #top .fas.fa-truck-fast::before { content: '\f48b'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 40px !important; line-height: 70px;} /*---P-SIGNS - Produktdetailsseite Referenzen ---*/ #top #referenzen .av-inner-masonry-content.site-background {background: #ebebeb !important;} #top #referenzen .avia-arrow { display: none !important;} /*---P-SIGNS - Produktdetailsseite Konfigurator ---*/ #top #konfigurieren .hl-xl {margin-bottom: 30px;} #top #konfigurieren .feature-box.datenupload {margin-top: 30px;} #top #konfigurieren .berater-box { display: block; position: static; background: #fff; text-align: center; padding: 10px 15px; border-radius: 2px;border: 1px solid #ebebeb;} #top #konfigurieren .berater-box.konfigurator_sidebar { display: inline-block; width: 100%; border-radius: 5px; border: 1px solid #ebebeb;} #top #konfigurieren .berater-box.konfigurator_sidebar div:nth-child(1) { background: #e6001e; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: -10px -15px 16px -15px; color: #fff; text-align: center; line-height: 45px; font-weight: 600;} #top #konfigurieren .berater-box div img {width: 150px; height: 150px;border-radius: 100%; margin: 0 5px; display: inline-block; vertical-align: middle; text-align: center; border: 1px solid #fff; -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.2);box-shadow: 2px 2px 5px 0 rgba(0,0,0,.2);} #top #konfigurieren .berater-box.konfigurator_sidebar span.medium {display: block; font-weight: 300 !important; font-size: 16px; margin-bottom: 20px;} #top #konfigurieren .berater-box a {color: #fff;text-decoration: none;margin: 0 0 0 10px; line-height: 30px; font-weight: 500; display: inline-block; padding: 0 12px; border-radius: 5px; border: 1px solid #00a0c3; background: #00a0c3;} #top #konfigurieren .berater-box a:hover {background: #007B96; text-decoration: none;} #top #konfigurieren .berater-box.konfigurator_sidebar a {margin: 0 0 8px 0; display: block;} /*---P-SIGNS - Breadcrumbs ---*/ #breadcrumbs {font-size: 14px !important;} /*---P-SIGNS - Box-Design ---*/ .box-design {border-radius: 5px !important;} /*---P-Signs - Start Boxes Overrides---*/ .box-design p.image-container {margin:-10px -25px 10px} .box-design p.start-price_info {background:#00a0c3; color:#fff; font-weight:500; font-size:18px; padding:10px; position:absolute; top:-10px; right:0} .box-design.valignbottom .avia-image-container {position:initial} .box-design.valignbottom .avia-image-container-inner {width:100%; overflow:hidden; position:initial} .box-design.valignbottom .avia-image-container-inner img.avia_image {width:100%; transition:all .25s ease-in-out} .box-design.valignbottom:hover .avia-image-container-inner img.avia_image, .box-design.valignbottom:focus .avia-image-container-inner img.avia_image {transform:scale(1.05)} .box-design.valignbottom a.avia_image {position:initial} .box-design.valignbottom a.avia_image::before {content:''; background:transparent; width:100%; height:100%; left:0; right:0; top:0; bottom:0; z-index:1; position:absolute} .box-design.valignbottom:hover .button-flyer a, .box-design.valignbottom:focus .button-flyer a {background:#e6001e !important; color:#fff !important} /*---P-Signs - Product Slider Overrides---*/ #top .product-slider .slide-entry.first {margin-left:1% !important} #top .product-slider .slide-entry-title {display:none} #top .product-slider .avia-content-slider-inner {min-height:570px} #top .product-slider .slide-entry-excerpt {overflow:visible !important} #top .product-slider .box-design {padding:10px 25px 50px !important; min-height:530px} #top .product-slider .avia-slideshow-arrows a::before {line-height:300px !important; font-size:70px !important} #top .product-slider .av_one_third {margin-left:2%; width:31.333333%} #top .product-slider .hl-xs span {font-size:16px !important} #top .product-slider .avia-smallarrow-slider .avia-slideshow-arrows {height:0; width:0; top:0} /*---P-Signs - Service Boxes---*/ .services-row + .av-flex-placeholder {width:1% !important} .box-design.services {background:#fff; margin:0 0 10px; position:relative; height:210px} .box-design.services .button-flyer {margin:15px 0 !important} .box-design.services.rowspan {height:430px} .box-design.services ul {margin:10px 0 10px 15px !important} .box-design.services p {padding:0 !important; margin:0 !important} .box-design.services .left {width:210px; height:100% !important; padding:0; margin:0; float:left; overflow:hidden; position:relative} .box-design.services .left img {display:block; width:auto; height:105%; transition:all .25s ease-in-out; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1)} .box-design.services .right {width:auto; margin:0 0 0 230px; padding:20px 5px} .box-design.services:hover .left img, .box-design.services:focus .left img {transform:translate(-50%,-50%) scale(1.05)} /*---P-CW - Angebot 24h Badge---*/ .angebot24h-badge {background:#00a0c3 !important; text-align:center !important; color:#fff !important; top:50%; right:0; z-index:10; transform:rotate(25deg) translateY(-50%); border-radius:100%; height:180px; width:180px; padding:10px; box-sizing:border-box; position:absolute; box-shadow:0 2px 20px 0 rgba(0,0,0,0.25)} .angebot24h-badge > span {padding-top:0 !important; display:block !important; font-weight:500 !important; font-size:16px !important} .angebot24h-badge small {line-height:14px !important; font-size:10px !important; display:inline-block !important; font-weight:400 !important; padding-top:0 !important} .angebot24h-badge > span.hl-xl {padding-top:0 !important; font-size:40px !important; font-size:35px !important} /*---P-CW - Imagewall Slider---*/ .image_row, .image_row > div {height:auto !important; min-height:initial !important} .image_row .product-slider.imagewall .slide-entry {position:relative; background:#000} .image_row .product-slider.imagewall .slide-entry .slide-entry-title.entry-title {margin:0; padding:0} .image_row .product-slider.imagewall .slide-entry .slide-entry-title.entry-title {display:none !important; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:10px 15px; font-size:16px !important; font-weight:500 !important; line-height:22px !important; color:#291D1E !important; margin:auto; text-align:center; z-index:10; background:#FFF} .image_row .product-slider.imagewall .slide-entry > a {width:100%; height:100%; background:transparent; position:absolute; top:0; right:0; bottom:0; left:0; padding:0; z-index:10; cursor:default} .image_row .product-slider.imagewall .slide-entry:hover .slide-entry-title.entry-title, .image_row .product-slider.imagewall .slide-entry:focus .slide-entry-title.entry-title {display:table-cell !important; text-decoration:none !important} .image_row .product-slider.imagewall .slide-entry img {transition:all 0.3s cubic-bezier(.25,.8,.25,1); width:100%; filter:grayscale(1); opacity:.75} .image_row .product-slider.imagewall .slide-entry:hover img, .image_row .product-slider.imagewall .slide-entry:focus img {transform:scale(1.05); filter:grayscale(0); opacity:1} .image_row .product-slider.imagewall .slide-entry {margin:0 !important; min-width:20% !important} .image_row .product-slider.imagewall .slide-entry p {margin:0 !important; padding:0 !important; line-height:0 !important} .image_row .product-slider.imagewall .avia-smallarrow-slider-heading {display:none !important} /*---P-CW - Grid Padding Fix---*/ #top .no_margin.av_one_half .flex_cell_inner .av_textblock_section, #top .no_margin.av_one_half .flex_cell_inner .avia_codeblock_section {padding:0 60px !important} /*---P-TF - Slideshow---*/ #top .header_slideshow .avia-content-slider .slide-entry {height:350px !important} #top .header_slideshow .avia-content-slider .slide-entry .box-transparent-header {left:100px !important; width:400px !important} #top .header_slideshow .avia-content-slider .slide-entry .box-transparent-header .hl-35 {font-size:25px !important} #top .header_slideshow .avia-content-slider .slide-entry .box-transparent-header p.normal, #top .header_slideshow .avia-content-slider .slide-entry .box-transparent-header ul li {font-size:14px !important} #top .header_slideshow .avia-content-slider .slide-entry .box-transparent-header p small {font-size:11px !important} #top .header_slideshow .avia-content-slider .avia-slideshow-arrows a::before {line-height:180px !important} /*---P-TF - Slideshow---*/ #top .header_slideshow .avia-content-slider .slide-entry .slide_bg_1 {background-size:cover !important; background-position:0 0 !important; position:absolute; background-image:url('../../../wp-content/uploads/media/fl_textilfinishing_shop_header_01.jpg')} #top .header_slideshow .avia-content-slider .slide-entry .slide_bg_2 {background-size:cover !important; background-position:0 0 !important; position:absolute; background-image:url('../../../wp-content/uploads/media/fl_textilfinishing_shop_header_02.jpg')} #top .header_slideshow .avia-content-slider .slide-entry .slide_bg_3 {background-size:cover !important; background-position:0 0 !important; position:absolute; background-image:url('../../../wp-content/uploads/media/fl_textilfinishing_shop_header_03.jpg')} #top .header_slideshow .avia-content-slider .slide-entry .slide_bg_4 {background-size:cover !important; background-position:0 0 !important; position:absolute; background-image:url('../../../wp-content/uploads/media/fl_textilfinishing_shop_header_04.jpg')} /*---P-CW - Partner Logos---*/ .partner-logo {float:right; margin:25px 0 0} .partner-logo img {display:inline-block; width:auto; height:50px; padding:10px} .partner-logo::after {content:''; clear:both; display:table} /*---P-CW - Referenzen Logos---*/ #referenzen p.align-center img {display:inline-block; width:auto !important; height:150px !important} /*---P-CW - CTA Form ---*/ #top .kontakt-form label, #top .kontakt-form .wpcf7-list-item-label {padding: 5px;} #top #kontakt .arrow_box {position: relative;background: #fff;border: 4px solid #ececec;padding:10%} #top #kontakt .arrow_box::after, #top #kontakt .arrow_box::before {right:100%; top:20%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none} #top #kontakt .arrow_box::after {border-color:rgba(136,183,213,0); border-right-color:#fff; border-width:30px; margin-top:-30px} #top #kontakt .arrow_box::before {border-color:rgba(245,245,245,0); border-right-color:#ececec; border-width:36px; margin-top:-36px} #top #kontakt .kontakt-form {margin-top:25px;border-top:1px solid #ececec;padding-top:30px} #top #kontakt .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:5px; -webkit-box-shadow: 0 .0625rem .1875rem 0 rgba(0,0,0,.2); box-shadow: 0 .0625rem .1875rem 0 rgba(0,0,0,.2);} #top #kontakt .kontakt-form textarea {height:127px !important} #top #kontakt .kontakt-form > p:first-child {display:block;margin:50px 0} #top #kontakt .kontakt-form label {display:inline-block;padding:10px 5px;font-weight:normal !important;font-size:18px !important} #top #servicontactces .wpcf7-response-output.wpcf7-display-none {width:100%;text-align: center;border:1px dashed;padding:30px 10px 30px 10px} #top #kontakt .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {color:#000} #top #kontakt .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {color:#e6001e} #top #kontakt .wpcf7-not-valid-tip {display:none} #top #kontakt #cta-callback-success {display:none;text-align:center;padding:16%;color:white;height:500px} #top #kontakt .arrow {padding:4% 8%;background:#ffffff;position:relative;display:block;width:434px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.08)} #top #kontakt .arrow::after {content:'';position: absolute;bottom: -50px;left: 0;width: 0;height: 0;border-width: 50px 217px 0 217px;border-color: #fff transparent transparent transparent;border-style: solid;clear: both;filter: drop-shadow(0px 17px 7px rgba(0,0,0,0.15)); z-index:0} /*--- Anfrage Form Box ---*/ #top .anfrage-form1 {background:#fafafa; border:1px solid #dadada; margin:0; padding:25px 50px} #top .anfrage-form1 .av-flex-placeholder {position:relative} #top .anfrage-form1 .av-flex-placeholder::after {content:''; background:#dadada; height:100%; width:1px; position:absolute; left:50%; transform:translateX(-50%)} #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.anrede {width:24.5% !important; display: inline-block; vertical-align: top} #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.vorname, #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.nachname {width:36.5% !important; margin:0 0 0 .5% !important; display: inline-block; vertical-align: top} #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.your-tel, #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.plz {width:49% !important; margin:0 .5% 0 0 !important; display: inline-block; vertical-align: top} #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.your-email, #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.ort {width:49% !important; margin:0 0 0 .5% !important; display: inline-block; vertical-align: top} #top .kontakt-form textarea {height: 150px !important;} #top #popup-kontakt-success {display:none;text-align:center;padding:17%} .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {color: #e6001e !important;} #top .kontakt-form .hl-s { margin-top: 30px; margin-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 10px;} /*Multi-Step Form*/ #top .form-no-steps-dots .cf7mls_steps-dots {display:none} #top .cf7mls_steps-dots .step-title {display:none} #top .cf7mls_steps-dots .dot {border-color:#f8f8f8; font-weight:500 !important} #top .cf7mls_steps-dots .dot .step-index {background:#f8f8f8} #top .cf7mls_steps-dots .dot.active {border-color:#0C3045} #top .cf7mls_steps-dots .dot.active .step-index {background:#0C3045} #top .cf7mls_steps-dots .dot.completed {border-color:#e6001e} #top .cf7mls_steps-dots .dot.completed .step-index {background:#e6001e} #top .cf7mls_back, #top .cf7mls_next {padding:8px 22px; text-decoration:none !important; font-size:18px; font-weight:500; line-height:26px; cursor:pointer; display:inline-block; text-align:center; border-radius:5px; font-family:'EuclidFA',Arial,Helvetica,sans-serif; border:1px solid #0C3045; color:#fff; background:#0C3045} #top .cf7mls_next::after {content:'\f054'; font-family:'Font Awesome 5 Free', sans-serif; font-weight:600; margin-left:10px} #top .cf7mls_back {background:#ebebeb; border-color:#ebebeb; color:#291D1E} #top .cf7mls_back::before {content:'\f053'; font-family:'Font Awesome 5 Free', sans-serif; font-weight:600; margin-right:10px} #top .cf7mls_back.disabled {display:none} #top .cf7mls_back:hover, #top .cf7mls_back:focus {border-color:#7EC1E7; background:#7EC1E7; color:#fff} #top .kontakt-form input.wpcf7-form-control.wpcf7-submit {margin: 16px 0 26px;} #top .wpcf7-response-output {position: relative; padding-top: 120px !important; background: #a8d17e !important; padding: 20px; color: #fff; font-size: 20px; width: 100%; text-align: center; border-radius: 10px;} #top .wpcf7-response-output::before {content:'\f058'; font-size:60px; position:absolute; font-family:'Font Awesome 5 Free'; font-weight:600; top:30px; bottom:initial; left:50%; transform:translateX(-50%); width:auto; height:auto; line-height:1em; color:#fff; text-align:center} #top .wpcf7 form.invalid .wpcf7-response-output {background: #e6001e !important; } #top .wpcf7 form.invalid .wpcf7-response-output::before {content:'\f06a' !important; } #top .wpcf7-response-output.wpcf7-validation-errors {position: relative; padding-top: 20px !important; background: #e6001e !important; padding: 20px; color: #fff; font-size:16px; width: 100%; text-align: left; border-radius: 10px; font-weight: normal;} #top .wpcf7-response-output.wpcf7-validation-errors::before {content:none !important; } #top .wpcf7-response-output.wpcf7-validation-errors .wpcf7-icon-wraning {fill: #fff !important;} #top .kontakt-form .wpcf7-validation-errors .wpcf7-not-valid::placeholder {color:#e6001e} #top .kontakt-form .wpcf7-validation-errors .wpcf7-not-valid::-moz-placeholder {color:#e6001e} #top .kontakt-form .wpcf7-validation-errors .wpcf7-not-valid::-webkit-input-placeholder {color:#e6001e} #top .kontakt-form .wpcf7-validation-errors .wpcf7-not-valid:-ms-input-placeholder {color:#e6001e} #top .kontakt-form .wpcf7-validation-errors .wpcf7-not-valid-tip {background:transparent; color:#e6001e; padding:5px; font-weight:500; font-size:14px; margin:-10px 0 15px !important} /*--- Konfigurator - RAL-Farben ---*/ #top .kontakt-form .form-row { background: #fff; border-radius: 5px; padding: 15px; margin: 0 0 15px; position: relative;} #top .kontakt-form .form-row select {background: #fafafa;} #top .kontakt-form #ral-farben.wpcf7-radio .wpcf7-list-item-label {padding:5px 20px 5px 40px; display:inline-block; cursor:pointer; position:relative; color:#000000 !important; font-size:14px !important; line-height:24px !important} #top .kontakt-form #ral-farben input[type=radio], #top .kontakt-form #ral-farben input[type=radio]:active, #top .kontakt-form #ral-farben input[type=radio]:checked {display:none !important} #top .kontakt-form #ral-farben 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:5px; 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 #ral-farben input[type=radio]:active + span::after, #top .kontakt-form #ral-farben input[type=radio]:checked:active + span::after {border-color:#DBD9D9} #top .kontakt-form #ral-farben input[type=radio]:checked + span::after {background:#7EC1E7 !important; border-color:#7EC1E7 !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 .ral-farben {margin-bottom: 10px !important;} #top .kontakt-form #ral-farben .wpcf7-list-item {width: 33%;} #top .kontakt-form #ral-farben input + .wpcf7-list-item-label {border-radius: 4px; padding: 10px 20px 10px 40px !important; border: 1px solid #ebebeb !important; width: 100%;} #top .kontakt-form #ral-farben label {padding: 1px 1px !important; } /*--- Farben der einzelnen RAL-Werte ---*/ :root { --ral1016: #f2e61a; --ral1018: #fff042; --ral2002: #e63312; --ral2004: #ec6608; --ral3000: #c00d0d; --ral3001: #b71923; --ral3002: #b5131d; --ral3020: #d20a11; --ral5002: #003770; --ral5003: #003770; --ral5005: #005286; --ral5015: #0077ba; --ral6005: #004f38; --ral6018: #004f38; --ral6024: #008b55; --ral7016: #253539; --ral7021: #253539; --ral7035: #d2d6d3; --ral7040: #95a0a2; --ral7046: #85959d; --ral7047: #dad9d3; --ral8004: #9b4738; --ral8028: #483119; --ral9002: #e4e7dc; --ral9003: #ffffff; --ral9005: #000000; --ral9006: #b2b2b2; --ral9016: #f9fdff; --ral9017: #000000; } #top .kontakt-form #ral-farben input[value='1016 Schwefelgelb'] + .wpcf7-list-item-label {background: var(--ral1016) !important; color: #291D1E !important} #top .kontakt-form #ral-farben input[value='1018 Zinkgelb'] + .wpcf7-list-item-label {background: var(--ral1018) !important; color: #291D1E !important} #top .kontakt-form #ral-farben input[value='2002 Blutorange'] + .wpcf7-list-item-label {background: var(--ral2002) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='2004 Reinorange'] + .wpcf7-list-item-label {background: var(--ral2004) !important; color: #291D1E !important} #top .kontakt-form #ral-farben input[value='3000 Feuerrot'] + .wpcf7-list-item-label {background: var(--ral3000) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='3001 Signalrot'] + .wpcf7-list-item-label {background: var(--ral3001) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='3002 Kaminrot'] + .wpcf7-list-item-label {background: var(--ral3002) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='3020 Verkehrsrot'] + .wpcf7-list-item-label {background: var(--ral3020) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='5002 Ultramarinblau'] + .wpcf7-list-item-label {background: var(--ral5002) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='5003 Saphierblau'] + .wpcf7-list-item-label {background: var(--ral5003) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='5005 Signalblau'] + .wpcf7-list-item-label {background: var(--ral5005) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='5015 Himmelblau'] + .wpcf7-list-item-label {background: var(--ral5015) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='6005 Moosgrün'] + .wpcf7-list-item-label {background: var(--ral6005) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='6018 Gelbgrün'] + .wpcf7-list-item-label {background: var(--ral6018) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='6024 Verkehrsgrün'] + .wpcf7-list-item-label {background: var(--ral6024) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='7016 Anthrazitgrau'] + .wpcf7-list-item-label {background: var(--ral7016) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='7021 Schwarzgrau'] + .wpcf7-list-item-label {background: var(--ral7021) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='7035 Lichtgrau'] + .wpcf7-list-item-label {background: var(--ral7035) !important; color: #291D1E !important} #top .kontakt-form #ral-farben input[value='7040 Fenstergrau'] + .wpcf7-list-item-label {background: var(--ral7040) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='7046 Telegrau 2'] + .wpcf7-list-item-label {background: var(--ral7046) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='7047 Telegrau 4'] + .wpcf7-list-item-label {background: var(--ral7047) !important; color: #291D1E !important} #top .kontakt-form #ral-farben input[value='8004 Kupferbraun'] + .wpcf7-list-item-label {background: var(--ral8004) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='8028 Terrabraun'] + .wpcf7-list-item-label {background: var(--ral8028) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='9002 Grauweiss'] + .wpcf7-list-item-label {background: var(--ral9002) !important; color: #291D1E !important} #top .kontakt-form #ral-farben input[value='9003 Signalweiss'] + .wpcf7-list-item-label {background: var(--ral9003) !important; color: #291D1E !important} #top .kontakt-form #ral-farben input[value='9005 Tiefschwarz'] + .wpcf7-list-item-label {background: var(--ral9005) !important; color: #fff !important} #top .kontakt-form #ral-farben input[value='9006 Weissaluminium'] + .wpcf7-list-item-label {background: var(--ral9006) !important; color: #291D1E !important} #top .kontakt-form #ral-farben input[value='9016 Verkehrsweiss'] + .wpcf7-list-item-label {background: var(--ral9016) !important; color: #291D1E !important} #top .kontakt-form #ral-farben input[value='9017 Verkehrsschwarz'] + .wpcf7-list-item-label {background: var(--ral9017) !important; color: #fff !important} /*---P-CW - Links/Rechts Overrides ---*/ #usps .links {width:15% !important} #usps .rechts {margin-left:20% !important; width:80% !important} /*--- Masonry Gallery Overrides ---*/ .av-masonry-entry-title {font-size: 12px !important; line-height: 16px !important; min-height: 30px !important; } .masonry-entry-price {font-size: 14px; font-weight: bold !important; color: #00a0c3 !important;} .mfp-bottom-bar {background: #fff !important; padding: 5px;} .mfp-title {color: #291d1e !important;} .mfp-counter {padding:5px;} /*---P-AUDIO - Responsive Design---*/ /* Min-Width 1921px */ @media only screen and (min-width:1921px) { /*---P-AUDIO - Slideshow---*/ #top .header_slideshow .avia-content-slider {margin:0 auto !important; width:1920px} #top .header_slideshow .slide-entry {width:1920px !important; margin:0 auto !important} } /* Max-Width 1280px */ @media only screen and (max-width:1440px) { /*---P-AUDIO - Slideshow---*/ #top .header_slideshow .avia-content-slider .slide-entry {height:350px !important} #top .header_slideshow .avia-content-slider .slide-entry .bg-transparent {left:100px !important; width:600px !important} #top .header_slideshow .avia-content-slider .avia-slideshow-arrows a::before {line-height:180px !important} #top .header_slideshow .avia-content-slider .slide-entry #canvas {position:absolute; top:-150px; transform:scaleY(.5)} #top .header_slideshow .avia-content-slider .slide-entry .bg-transparent .hl-xl {font-size:28px !important; line-height:34px !important} #top .header_slideshow .avia-content-slider .slide-entry .bg-transparent .hl-m {font-size:20px !important; line-height:26px !important} #top .header_slideshow .avia-content-slider .slide-entry .slide_bg_1, #top .header_slideshow .avia-content-slider .slide-entry .slide_bg_2 {background-position:50% 50%; background-size:cover} /*---P-AUDIO - Grid Padding Fix---*/ #top .no_margin.av_one_half .flex_cell_inner .av_textblock_section, #top .no_margin.av_one_half .flex_cell_inner .avia_codeblock_section {padding:0} } /* Max-Width 1024px */ @media only screen and (max-width:1024px) { /*---P-AUDIO - Slideshow---*/ #top .header_slideshow .avia-content-slider .slide-entry {height:350px !important} #top .header_slideshow .avia-content-slider .slide-entry .bg-transparent {left:100px !important; width:400px !important} #top .header_slideshow .avia-content-slider .avia-slideshow-arrows a::before {line-height:180px !important} /*---P-AUDIO - Slideshow---*/ #top .header_slideshow .avia-content-slider .slide-entry .slide_bg_1 {background-size:cover !important; background-position:10% 0 !important; position:absolute; background-image:url('../../../wp-content/uploads/media/fa_audio_header_1.jpg')} } /* Max-Width 989px */ @media only screen and (max-width:989px) { /*---Header---*/ #header .logo {margin: 0 auto !important;} #header .logo a {position: static !important;height: initial;} /*---P-GA - Megamenu---*/ #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-content-block.ubermenu-custom-content {background:none; min-height:unset; max-height:unset; box-shadow:none; border:0; padding:5px !important} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-content-block.ubermenu-custom-content p {margin:5px 0 !important} #top #header .ubermenu-main .ubermenu-submenu .ubermenu-tabs-group > li > a {padding:10px 25px} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-submenu {background:none !important} #top #header .ubermenu-main .ubermenu-has-submenu-drop > .ubermenu-submenu.ubermenu-tab-content-panel {height:100%; position:fixed; width:90%; overflow:auto; top:0} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-content-block p {margin:5px 0 0 0 !important; text-indent: 10px;} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-content-block.ubermenu-custom-content {padding: 0px !important;} #top #header .ubermenu-main .ubermenu-has-submenu-drop .ubermenu-submenu.ubermenu-submenu-type-mega {border-top:1px solid #ebe8e8 !important} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-submenu > li > a {background:none; font-size:16px; font-weight:500; padding:10px 15px 5px} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-submenu > li > a:hover, #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-submenu > li > a:focus {background:none} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-submenu > li > ul li {margin:0 10px 5px !important; width:calc(100% - 30px) !important; min-width:unset !important; max-width:unset !important} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-submenu > li > ul > li::before {padding-top: 3px;} #top #header .ubermenu-main .ubermenu-tab-content-panel .ubermenu-submenu > li > ul > li > a {background:none; font-size:14px; font-weight:400; text-indent:5px; padding:0} #top #header .ubermenu-main .ubermenu-tab-content-panel > .ubermenu-column {width:100%; padding:0; border:0} #top #header .ubermenu-main .ubermenu-tab-content-panel > .ubermenu-column:nth-child(3) {border-right:0} .responsive #top #header .ubermenu-main .ubermenu-content-block .fas-column.one_half, .responsive #top #header .ubermenu-main .ubermenu-content-block .fas-column.one_third, .responsive #top #header .ubermenu-main .ubermenu-content-block .fas-column.one_fourth {padding: 10px 15px; width: 100%;} /*---P-AUDIO - Slideshow---*/ #top .header_slideshow .avia-content-slider .slide-entry .slide_bg_1 {background-size:cover !important; background-position:0 0 !important; position:absolute; background-image:url('../../../wp-content/uploads/media/fa_audio_header_1.jpg')} /*---P-AUDIO - Sektionen-Fix---*/ #produktfotografie .bg-white {background:#fafafa !important} #eventfotografie .flex_cell, #produktfotografie .flex_cell, #bildbearbeitung .flex_cell {min-height:200px !important} #corporatefotografie, #bildbearbeitung {display:flex; flex-flow:column} #corporatefotografie .el_before_av_cell_one_half, #bildbearbeitung .el_before_av_cell_one_half {order:2} #corporatefotografie .el_after_av_cell_one_half, #bildbearbeitung .el_after_av_cell_one_half {order:1} /*---P-AUDIO - Modal Box-Popup---*/ .white-popup ul.none li {min-height:120px} .white-popup .hl-25 small {display:block; font-size:12px} /*---P-AUDIO - Links/Rechts Overrides---*/ .links {padding:5px 0 0; width:15% !important} /*---P-AUDIO - Image Slider---*/ #top .av-control-minimal .avia-slideshow-arrows.avia-slideshow-controls a {display:block} /*---P-AUDIO - Service Boxes---*/ .box-design.services {height:auto; margin:0 0 25px} .box-design.services .button-flyer {margin:15px 0 !important} .box-design.services.rowspan {height:auto} .box-design.services ul {margin:10px 0 10px 15px !important} .box-design.services p {padding:0 !important; margin:0 !important} .box-design.services .left {width:100%; height:180px !important; margin:0 0 10px} .box-design.services .left img {display:block; width:105%; height:auto} .box-design.services .right {margin:0 auto; padding:15px 10px} .box-design.services:hover .left img, .box-design.services:focus .left img {transform:translate(-50%,-50%) scale(1.05)} /*---P-AUDIO - Toggle Products---*/ #top .av-submenu-container.product-navigation {position:relative !important; top:initial !important} #top .av-submenu-container + .sticky_placeholder {display:none !important} /*---P-SIGNS - Produktgalerie ---*/ #top #produktdetailsseite .product-galerie {display: flex; flex-direction: column;} #top #produktdetailsseite .product-galerie .avia-gallery-big {order:1; flex-basis: 100%; } #top #produktdetailsseite .product-galerie .avia-gallery-thumb {order:2;} #top #produktdetailsseite .product-galerie .avia-gallery-thumb a {flex-basis: 20%; width: 20%;} #top #bestseller .fas-box.featured-product .avia-image-container .avia-image-container-inner, #top #bestseller .fas-box.featured-product .avia-image-container .avia-image-container-inner .avia-image-overlay-wrap, #top #bestseller .fas-box.featured-product .avia-image-container .avia_image {height: auto; width: 100%;} #top .fas-box .avia-image-container {height:auto !important;} /*--- Kontaktform 7 ---*/ #top #konfigurieren .feature-box.datenupload {padding:5px;} /*---P-SIGNS - Header ---*/ .responsive #top .av-section-with-video-bg.hero-video {min-height: 45vh !important;} .responsive #top .av-section-with-video-bg.hero-video .av-section-color-overlay-wrap {min-height: 45vh;} .responsive #top .av-section-with-video-bg.hero-video .container {padding: 20% 0 !important;} } /* Max-Width 767px */ @media only screen and (max-width:767px) { /*---P-SIGNS - Header ---*/ .responsive #top .hero .flex_column { margin-top: 20px !important;} .responsive #top .hero::before {width:40vw !important;} #top .hero .flex_column_table { display: flex !important; flex-direction: column;} #top .hero .flex_column_table .av_one_half:last-child { order: 1; margin-bottom: 0 !important;} #top .hero .flex_column_table .av_one_half:first-child {order: 2; margin-top: 0 !important;} .hd-video::before {background:none !important} .hd-video::after {width:15vw !important;} /*---P-SIGNS - Leistungen ---*/ #leistungen .flex_column_table:last-child {bottom:0 !important} /*---P-AUDIO - Slideshow---*/ #top .header_slideshow .avia-content-slider .slide-entry {background-size:100% auto !important; background-position:50% 0 !important; height:385px !important; width:100% !important; border-bottom:3px solid #e6001e !important} #top .header_slideshow .avia-content-slider .slide-entry .bg-transparent {left:0 !important; top:120px !important; bottom:initial !important; transform:none !important; width:100% !important; background:#fff !important; padding:10px 75px 0; min-height:300px} #top .header_slideshow .avia-content-slider .avia-slideshow-arrows a {opacity:1 !important} #top .header_slideshow .avia-content-slider .avia-slideshow-arrows a.next-slide, #top .header_slideshow .avia-content-slider .avia-slideshow-arrows a.prev-slide {display:block !important} #top .header_slideshow .avia-content-slider .avia-slideshow-arrows a.next-slide::before, #top .header_slideshow .avia-content-slider .avia-slideshow-arrows a.prev-slide::before {background:transparent url('../../../wp-content/uploads/icons/icon-arrow-topslider.svg') no-repeat 80% 65% / 15px auto !important} #top .header_slideshow .avia-content-slider .avia-slideshow-arrows a.next-slide:hover::before, #top .header_slideshow .avia-content-slider .avia-slideshow-arrows a.prev-slide:hover::before {background:transparent url('../../../wp-content/uploads/icons/icon-arrow-topslider-hover.svg') no-repeat 80% 65% / 15px auto !important} #top .header_slideshow .avia-content-slider .slide-entry .slide_bg_1 {background-size:100% auto !important; background-position:50% 0 !important; background-repeat:no-repeat; position:absolute; background-image:url('../../../wp-content/uploads/media/fa_audio_header_1_mobile.jpg')} #top .header_slideshow .avia-content-slider .slide-entry .bg-transparent .hl-xl {font-size:24px !important; line-height:30px !important} #top .header_slideshow .avia-content-slider .slide-entry .bg-transparent .hl-m {font-size:16px !important; line-height:20px !important} #top .header_slideshow .avia-content-slider .slide-entry .bg-transparent * {color:#291d1e !important} #top .header_slideshow .avia-content-slider .slide-entry .bg-transparent .button-flyer a {border:1px solid #291d1e !important} #top .header_slideshow .avia-content-slider .slide-entry #canvas {top:-180px !important} #top .product-slider .avia-slideshow-arrows a::before {font-size:40px !important} #top .product-slider .avia-slideshow-arrows a.prev-slide::before {left:-40px !important} #top .product-slider .avia-slideshow-arrows a.next-slide::before {right:-40px !important} #top .product-slider .box-design {min-height:490px !important} #top .product-slider .box-design ul.checked.secondary li {text-align:left !important} #top .product-slider .slide-entry img {max-width:100% !important} /*---P-AUDIO - Preis-Störer---*/ .price-info::before {top:30px; font-size:20px; line-height:20px; } .price-info.pos-left::before {left:30px; right:initial} .price-info.pos-right::before {left:initial; right:30px} /*---P-AUDIO - Flex Cells & Container Overrides Overrides---*/ .responsive #top #wrap_all .av-flex-cells .no_margin {min-height:300px !important; padding:25px !important} /*---P-AUDIO - Audio Player Overrides---*/ #top .audioauswahl .av-player-container + .selection::after {right:25px !important} #top .av-player-container .wp-playlist .wp-playlist-current-item .wp-playlist-caption .wp-playlist-item-meta.wp-playlist-item-title {font-size:14px !important} #top .audioauswahl .av-player-container {height:62px !important} #top .audioauswahl .av-player-container + .selection {height:62px !important} #konfigurieren .flex_column.first {margin-bottom:100px !important} #top .avia-section-large .content {padding-top:25px !important; padding-bottom:25px !important} #top .step1 .button-flyer.fa4.align-center a, #top .step2 .button-flyer.fa4.align-center a, #top .step3 .button-flyer.fa4.align-center a {padding:8px 12px !important; font-size:15px !important} #top table.zusammenfassung-uebersicht tr {display:block} #top table.zusammenfassung-uebersicht tr td {float:left; display:block; width:100%} #top table.zusammenfassung-uebersicht tr td.preis {border:1px solid #DBD9D9 !important; border-top:0 !important} #top table.zusammenfassung-uebersicht tr td.leistungen {border:1px solid #DBD9D9 !important; border-bottom:0 !important} #top table.zusammenfassung-uebersicht thead {display:none} #top .anfrage-form {padding:15px !important} #top .anfrage-form .flex_column.first {display:none !important} #top .kontakt-form.anfrage-ansage {padding:0 !important} #top .kontakt-form input[type=submit] {width:100% !important} #top .kontakt-form .wpcf7-acceptance .wpcf7-list-item-label, #top .kontakt-form .wpcf7-checkbox.paypal-zahlung .wpcf7-list-item-label {font-size:12px !important; padding:10px 10px 10px 40px !important} #top .kontakt-form.anfrage-ansage .wpcf7-form-control-wrap, #top .kontakt-form.anfrage-ansage .wpcf7-form-control-wrap.anrede, #top .kontakt-form.anfrage-ansage .wpcf7-form-control-wrap.vorname, #top .kontakt-form.anfrage-ansage .wpcf7-form-control-wrap.nachname, #top .kontakt-form.anfrage-ansage .wpcf7-form-control-wrap.plz, #top .kontakt-form.anfrage-ansage .wpcf7-form-control-wrap.ort, #top .kontakt-form.anfrage-ansage .wpcf7-form-control-wrap.your-tel, #top .kontakt-form.anfrage-ansage .wpcf7-form-control-wrap.your-email {margin:0 !important; width:100% !important} #top #vielendank {padding-top:100px} /*--- Anfrage Form ---*/ #top .kontakt-form .flex_column:first-child {display:none} #top .kontakt-form .button-submit {text-align:center} #top .kontakt-form .button-submit input[type=submit] {white-space:normal; max-width:80%; float:none; margin:15px auto 0} #top .kontakt-form .button-submit input[type=submit] + .ajax-loader {display:block} #zusammenfassung .padding-25 {padding:5px !important} #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.anrede {width:100% !important} #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.vorname, #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.nachname {width:100% !important; margin:0 !important} #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.your-tel, #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.plz {width:100% !important; margin:0 !important} #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.your-email, #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.hausnummer, #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.strasse, #top .kontakt-form.anfrage-form .wpcf7-form-control-wrap.ort {width:100% !important; margin:0 !important} #top .anfrage-form {padding: 0px !important;} /*---P-SIGNS - Konfigurator ---*/ #top .border-left {border-left: none; padding-left: 0;} /*--- Konfigurator - RAL-Farben ---*/ #top .kontakt-form #ral-farben .wpcf7-list-item {width: 100%;} /*--- Produktuebersicht ---*/ #top #produktuebersicht.pylone .fas-box .avia-image-container {height: 430px !important;} } /* Max-Width 430px */ @media only screen and (max-width:430px) { #top .kontakt-form .dnd-upload-details {max-width: 240px;} } /* Max-Width 320px */ @media only screen and (max-width:320px) { /*---P-AUDIO - Slideshow---*/ #top .header_slideshow .avia-content-slider .slide-entry {background-size:100% auto !important; background-position:top right !important; height:390px !important; width:100% !important; border-bottom:3px solid #e6001e !important} #top .header_slideshow .avia-content-slider .slide-entry .bg-transparent {top:100px !important; padding:10px 50px 0; min-height:290px} }