/*---All - Fonts---*/
@font-face {font-family: "EuclidFA-Display"; src: url("./fonts/DISPLAYFA-BOLD.eot"); src: url("./fonts/DISPLAYFA-BOLD.eot?#iefix") format("embedded-opentype"), url("./fonts/DISPLAYFA-BOLD.otf") format("opentype"), url("./fonts/DISPLAYFA-BOLD.ttf") format("truetype"), url("./fonts/DISPLAYFA-BOLD.woff") format("woff"), url("./fonts/DISPLAYFA-BOLD.woff2") format("woff2"); font-weight: normal; font-style: normal;}

/*--- 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}
#top .display {font-family: 'EuclidFA-Display' !important;}

/*--- All - Ueber Menu ---*/
#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:#7EC1E7 !important}
/*#top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-current_page_item::before {content:''; height:3px; width:100%; position:absolute; top:initial; right:0; bottom:0; left:0; background:#e6001e}*/
#top #header .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-current_page_item a::after {color:#7EC1E7}
#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:#7EC1E7 !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 {background:#fff; color:#7EC1E7}
#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: #7EC1E7 !important;}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {display:none !important}
#top #header .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target.ubermenu-target-with-icon {padding: 15px 25px 15px 0px !important}

#top #header .ubermenu-main .button-menu {float: right;}
#top #header .ubermenu-main .button-menu .ubermenu-target { padding: 9px 23px !important; 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); margin: 5px 0 !important;}
#top #header .ubermenu-main .button-menu .ubermenu-target {border: 1px solid #7EC1E7; color: #fff !important; background: #7EC1E7;}
#top #header .ubermenu-main .button-menu .ubermenu-target:hover, 
#top #header .ubermenu-main .button-menu .ubermenu-target:focus {border: 1px solid #70AFD2; color: #fff !important; background: #70AFD2;}
#top #header .ubermenu-main .button-menu .ubermenu-target span,
#top #header .ubermenu-main .ubermenu-nav .button-menu.ubermenu-item:hover > a,
#top #header .ubermenu-main .ubermenu-nav .button-menu.ubermenu-item:hover > a span {color:#fff !important;}
#top #header .ubermenu-main .button-menu .ubermenu-target span::before { content: '\f27a'; font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-right: 10px;}

/*--- GTranslate Overrides ---*/
#top #header .menu-item-gtranslate {position: absolute !important; padding: 0px !important; font-size: 16px; font-weight: 500; right: 0px; top: 18px;}
#top #header.header-scrolled .menu-item-gtranslate {top:12px;}
#top .menu-item:nth-child(6) {right: 30px !important;}
#top #gtranslate_wrapper {position: relative !important;}
#top #gtranslate_wrapper .switcher .selected a {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;  background-color:#fff; padding:8px 12px; color:#000000;}
#top #gtranslate_wrapper .switcher .selected a {border:none; border-bottom:none; color: #04141D; padding:none; width: initial;}
#top #gtranslate_wrapper .switcher .selected a:hover {text-decoration: none;}

/*--- Service Bar ---*/
#top #service-bar {display:none; position:relative; padding:10px 30px; width:100%; text-align:left; z-index:1; background:#0C3045; top:160px;}
#top #service-bar p {font-size:14px; line-height:20px; margin:0}
#top #service-bar .close {color:#fff; position:absolute; right:15px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%)}
#top.avia-blank #service-bar {display:none !important}
#top #service-bar .fa-cta {margin:5px}

/*--- CTAs ---*/
#top .fa-cta {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:2px; font-family:'EuclidFA',Arial,Helvetica,sans-serif}
#top .fa-cta > i {margin-left:5px}
#top .fa-cta.cta1 {border:1px solid #0C3045; color:#fff; background:#0C3045}
#top .fa-cta.cta1:hover,
#top .fa-cta.cta1:focus {border-color:#04141D; background:#04141D}
#top .fa-cta.cta2 {border:1px solid #7EC1E7; color:#fff; background:#7EC1E7}
#top .fa-cta.cta2:hover,
#top .fa-cta.cta2:focus {border-color:#70AFD2; background:#70AFD2}
#top .fa-cta.cta3 {border:1px solid #4d4d4c; color:#fff; background:#4d4d4c}
#top .fa-cta.cta3:hover,
#top .fa-cta.cta3:focus {border-color:#4d4d4c; background:#4d4d4c}
#top .fa-cta.cta-selected,
#top .fa-cta.cta-selected:hover,
#top .fa-cta.cta-selected:focus {border:1px solid #a8d17e; color:#fff; background:#a8d17e}
#top .fa-cta.shadow {-webkit-box-shadow:0 .0625rem .1875rem 0 rgba(0,0,0,.2);box-shadow:0 .0625rem .1875rem 0 rgba(0,0,0,.2)}
#top .fa-cta.fullw {width:100% !important; display:block !important}
#top .fa-cta.small {padding:6px 14px; font-size:16px; line-height:20px; font-weight:400}

/*--- P-FA Pro - Header Image ---*/
#top .hero {position: relative; overflow: hidden; background-size: 100% auto !important; padding: 0; z-index: 10; overflow: visible;}
#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: 40px; padding-bottom: 40px;}
#top .hero .flex_column:last-child {z-index: 10 !important;}
#top .hero .mockup {position: absolute; top: 50px; width: 400px; right: 0;}
#top .hero .flex_column:last-child .img-align-bottom .avia_image {margin-bottom: -80px;}
#top .button-flyer i {margin-left: 5px;}


/*--- All Kontaktformular ---*/


#top .kontakt-form input[type=checkbox]:checked + span::after {background:#7EC1E7 !important; border-color:#7EC1E7 !important; box-shadow:none; content:'\f00c'; font-family:'Font Awesome 5 Free'; font-weight:600; font-size:18px; position:absolute; top:50%; transform:translateY(-50%); left:0; color:#fff; line-height: 28px; text-indent: 4px;padding:0}


/*--- KONTAKTFORM LEADFORMULAR ---*/
#top .kontakt-form.leadformular-plus {padding: 10px 25px; border-radius: 5px; background: #f8f8f8;}
#top .kontakt-form.leadformular-plus .one_half {width: 49.5% !important; display: inline-block !important; margin-left:0.5%; margin-right: 0.5%}
#top .kontakt-form.leadformular-plus .one_third {width: 32.6666666% !important; display: inline-block !important; margin-left:0.5%; margin-right: 0.5%}
#top .kontakt-form.leadformular-plus .one_fifth {width: 19.5% !important; display: inline-block !important; margin-left:0.5%; margin-right: 0.5%}
#top .kontakt-form.leadformular-plus .two_fifth {width: 39.25% !important; display: inline-block !important; margin-left:0.5%; margin-right: 0.5%}

#top .kontakt-form.leadformular-plus .one_half.first,
#top .kontakt-form.leadformular-plus .one_third.first,
#top .kontakt-form.leadformular-plus .two_fifth.first {margin-left:0%}
#top .kontakt-form.leadformular-plus .one_half.last,
#top .kontakt-form.leadformular-plus .one_third.last,
#top .kontakt-form.leadformular-plus .two_fifth.last {margin-right:0%}

#top .kontakt-form.leadformular-plus .wpcf7-checkbox .wpcf7-list-item-label, 
#top .kontakt-form.leadformular-plus .wpcf7-radio .wpcf7-list-item-label {padding: 5px 10px 5px 20px;}
#top .kontakt-form.leadformular-plus input[type="checkbox"] + span::after {left:-20px}

#top .kontakt-form.leadformular-plus textarea {height:220px}

#top .kontakt-form.leadformular-plus input[type="radio"] + span::after {top: 9px; position: relative; transform: translateY(0%); margin-right: 10px;}
#top .kontakt-form.leadformular-plus input[type="radio"]:checked + span::after {top: 0px;}

#top .kontakt-form.leadformular-plus label {width: max-content !important; max-width:90% !important; margin:0 0 0 10px !important}
#top .kontakt-form.leadformular-plus #description {height:220px !important;}


/*--- All - Box-Design ---*/ 
.box-design {border:1px solid #000; padding:20px 0 !important;}

#footer {background: linear-gradient(to bottom, #7EC1E7 0%,#007B96 100%); border: 0; margin: 0 !important; padding: 0 !important;}

#footer {display: none !important;}

#footer a, 
#footer h3 {color:#fff !important;}

.text-title-slider .hl-l,
.text-title-slider .hl-xl,
.text-title .hl-xl {font-family: 'EuclidFA-Display' !important;}
.text-title-slider .hl-m {letter-spacing: 10px !important; font-size: 32px !important; line-height: 38px !important;}
.text-title-slider .hl-l {font-size: 84px !important; line-height: 98px !important;}
.text-title-slider .hl-xl {font-size: 100px !important; line-height: 80px !important;}
.text-title .hl-xl {font-size: 100px !important; line-height: 100px !important;}
.text-title .hl-xl {margin-bottom: 30px;}
.text-title .hl-m {margin-bottom: 30px;}
.text-title .hl-m {font-size: 32px !important; line-height: 38px !important;}

/*--- BOX DESIGN OVERRIDES ---*/
.box-design2 .hl-m {margin: 0 0 10px;}
.box-design2 .hl-xs {margin: 0 0 30px;}
.box-design3 .hl-m {margin: 30px 0 10px; font-size: 24px !important; line-height: 30px !important;}

.box-design.grafic > .avia-image-container {padding: 10px;}

#leistungen .av-flex-placeholder {display: table-cell; width: 1% !important;}

/*-- All - Icon Styles ---*/
.icon-butterfly {background: #fff; width: max-content; max-width:100px !important; margin: auto; padding: 15px 30px; border-radius: 100%; box-shadow:0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.15); }
.icon-butterfly img {height:50px; width:50px;}

/*--- All Vorteilsleiste ---*/
#vorteilsleiste .content {padding: 30px 0;}
#vorteilsleiste .content img {width: 50px; height: 50px;}
#vorteilsleiste .content p {font-weight: 500; line-height: 18px;}


/*--- All - Social Media Bereich ---*/
.fab {font-family: "Font Awesome 5 Brands"; color: #fff !important; margin:0 1px; padding:8px; }
.social-media-leiste .fa-facebook {background:#254e89 !important;}
.social-media-leiste .fa-twitter {background:#018fb8 !important;}
.social-media-leiste .fa-xing {background:#006464 !important;}
.social-media-leiste .fa-linkedin {background:#005983 !important;}
.social-media-leiste .fa-pinterest {background:#d52129 !important;}
.social-media-leiste .fa-instagram {background:#523d36 !important;}
.social-media-leiste .fa-youtube {background:#e52327 !important;}

.social-media-leiste a:hover, a:focus {text-decoration: none !important;}
.social-media-leiste .hl-xs {margin: 0 20px !important;}

.slideshow_caption {padding:50px 0 !important;}

/*--- Slider Styles ---*/ 
.produkt-slider .avia-slideshow li img {transform: translateY(-15%);}
.produkt-slider2 .avia-slideshow li img {transform: translateY(-20%);}
.product-slider3 .avia-slideshow li img {transform: translateY(-20%);}

/*---P-FA Pro - Auswahl ---*/
#auswahl img {border:2px solid #ebebeb; border-radius: 5px;}
#auswahl a:hover img {border:2px solid #70AFD2; border-radius: 5px; transition: 0.25s ease-in-out;}
#auswahl .image-stoerer {position: absolute; bottom: 50px; right: 2px; padding: 10px 20px; background: #7EC1E7; color: #fff; text-transform: uppercase; font-weight: 500; border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;}
#auswahl a:hover .image-stoerer {background: #70AFD2; transition: 0.25s ease-in-out;}


/*---P-FA Pro - 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 !important; border-top-left-radius: 0 !important;}

/*---P-FA Pro - Lists ---*/
#top .margin-10-0 {margin: 10px 0;}
#top ul.bullet li::before { padding: 0; color: #7EC1E7; content: '\f111'; font-family: 'Font Awesome 5 Free',sans-serif; font-size: 8px; font-weight: 600;display: inline-block; position: absolute; left: 15px;}

/*---P-FA Pro - Links Styles ---*/
#top a.link-ext {font-weight: 500; margin: 0; position: relative; display: inline-block; text-decoration: underline; text-underline-position: under; color:#0C3045}
#top a.link-ext:hover {color:#7EC1E7}
#top a.link-more {font-weight: 500; margin: 0; position: relative; display: inline-block; text-decoration: underline; text-underline-position: under; color:#0C3045}
#top a.link-more:hover {color:#7EC1E7}
#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:#7EC1E7}

/*---P-FA Pro - Border-Box ---*/
#grow .flex_column_table .flex_column + .av-flex-placeholder {width: 0;}
#grow .flex_column_table {padding: 0 7vw;}
#grow .flex_column_table .border-box-layout {padding: 5px !important;}
#grow .flex_column_table:nth-child(2) {margin-bottom: 0 !important;}
#grow .flex_column_table:nth-child(2) .border-box-layout { border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
#grow .flex_column_table:nth-child(3) .border-box-layout { border-right: 1px solid #fff;}
#grow .flex_column_table:nth-child(2) .border-box-layout:last-child,
#grow .flex_column_table:nth-child(3) .border-box-layout:last-child {border-right: 0;}

/*--- FAQ ---*/
#top .single_toggle {-webkit-box-shadow:none; box-shadow:none; border-radius:5px; border:1px solid #ebebeb !important; -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); margin:0 0 10px}
#top .single_toggle .toggler {position:relative; border:0; border-radius:5px; font-size:16px; color:#000000 !important; margin:0; padding:10px 50px 10px 10px; background:#fff; top:0}
#top .single_toggle .toggle_content {border:0 !important; margin:0 !important; padding:10px !important; background:#fff}
#top .single_toggle .toggle_content hr {border-color:rgba(0,0,0,.1); margin:25px 0}
#top .single_toggle .toggler .toggle_icon {right:12px; top:20px; left:initial; border:0; height:12px; width:12px; -webkit-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease}
#top .single_toggle .toggler .toggle_icon .vert_icon {height:12px; left:6px; width:2px; background:#0C3045; border:0}
#top .single_toggle .toggler .toggle_icon .hor_icon {width:12px; top:6px; height:2px; background:#0C3045; border:0}
#top .single_toggle .toggler.activeTitle {background:#7EC1E7 !important; color:#fff !important; font-weight:500; border-bottom-left-radius:0; border-bottom-right-radius:0}
#top .single_toggle .toggler.activeTitle .toggle_icon {-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
#top .single_toggle .toggler.activeTitle .toggle_icon .vert_icon,
#top .single_toggle .toggler.activeTitle .toggle_icon .hor_icon {background:#fff !important}

/*--- Vorteile Sections ---*/
#vorteile .left {width:33%; float:left; padding:15px}
#vorteile .left img {width:75px}
#vorteile .right {margin-left:33%; padding:15px; min-height:200px}
#vorteile.bg-default .flex_column.av_one_half {background:#fff}
#vorteile.bg-white .right,
#vorteile.bg-default .right {border-left:2px solid rgba(0,0,0,.15)}
#vorteile.bg-white .av_one_half,
#vorteile.bg-default .av_one_half {border:2px solid rgba(0,0,0,.15); border-radius:15px !important}
#vorteile.bg-darkgrey .right {border-left:2px solid rgba(255,255,255,.25)}
#vorteile.bg-darkgrey .av_one_half {border:2px solid rgba(255,255,255,.25); border-radius:15px !important}

/*--- Margin overrides ---*/
#top .list-no-margin .column-top-margin {margin-top:0;}

/*--- Borders ---*/
#top .border-left {border-left: 1px solid rgba(0,0,0,.1); padding-left: 35px;}
#top .border-right {border-right: 1px solid rgba(0,0,0,.1); padding-right: 35px;}

/*--- Fastlane ---*/
#fastlane .hl-xl {position: absolute; top: 40px;left: 40px; z-index:10;}
#fastlane .infotext {position: absolute; bottom: 20px; right: 20px; text-align: right; width: 70%;}

/*--- Speed Portait ---*/
.img-bottom-align {position: relative; bottom: -20px;}
.img-bottom-align.product2 {bottom: -28px !important;}

/*--- Promotion-Badge ---*/
#top .promotion-badge {background-color:#E6001E; font-weight:500; border-radius:16px; border:1px solid #E6001E; color:#fff; display:inline-block; font-size:12px; line-height:1em; padding:5px 15px; position:relative; text-decoration:none}

/*--- FA Boxes ---*/
#top .fa-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)}
#top .fa-box.hide,
#top .fa-box::before {display:none}
#top .fa-box + .av-flex-placeholder {width:1.5%; position:relative}
#top .fa-box .fa-cta {position:absolute; bottom:0; width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; display:block; border-top-right-radius:0; border-top-left-radius:0}
#top .fa-box .fa-cta.float {position:relative; bottom:initial; width:auto; margin-left:auto; margin-right:auto; display:inline-block; border-radius:5px}
#top .fa-box p:not('.hl-xs'):not('.hl-s'):not('.hl-m'):not('.hl-l'):not('.hl-xl'):not('.small') {font-size:14px; line-height:18px}
#top .fa-box .box-description {min-height:94px}
#top .fa-box .box-dates {min-height:110px}
#top .fa-box .fa-box-bullets {min-height: 150px;}
#top .fa-box .avia-image-container {position:relative; width:calc(100% + 30px); max-width:unset; margin:-15px -15px 0}
#top .fa-box .avia-image-container .avia_image {width:calc(100% + 30px); word-break:break-word; image-rendering:auto}
#top .fa-box ul li {padding:2px 0 2px 20px; font-weight:300; font-size:14px; line-height:18px; text-align:left}
#top .fa-box.nobutton {padding:15px}
#top .fa-box .box-meta {font-size:10px; line-height:16px; min-height:20px}
#top .fa-box .box-meta span {padding:0 5px 0 0; display:inline; color:#b3b2b2}
#top .fa-box .box-meta span:not(:last-child):after {content:'|'; margin-left:5px}
#top .fa-box .box-meta + .hl-xs {min-height:32px}
/*--- Steps Boxes ---*/
#top .fa-box.steps p.align-center {background:#7EC1E7; color:#fff; padding:15px; margin:-15px -15px 0; width:calc(100% + 30px); font-size:24px; line-height:30px}
#top .fa-box.steps p.align-center img {display:block; margin:0 auto}
#top .fa-box.steps p.align-left {padding:15px 30px; background:transparent; color:#4d4d4c; margin:0; font-size:16px; line-height:24px}
#top .fa-box.steps + .av-flex-placeholder {width:4.5%; position:relative}
#top .fa-box.steps + .av-flex-placeholder::after {position:absolute; content:''; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:url('../../../wp-content/uploads/icons/arrow_right_next4.svg') no-repeat 50% 50% / 50% auto; display:block; min-width:100px; width:auto; height:100%}
#top .fa-box.steps.noarrow + .av-flex-placeholder::after {display:none}
#top .fa-box.steps ul.square {padding:0 30px 15px}
#top .fa-box.steps ul.square li {color:#fff}

/*--- Margin classes ---*/
#top .margin-0 {margin:0}
#top .margin-5 {margin:5px}
#top .margin-10 {margin:10px}
#top .margin-25 {margin:25px}
#top .margin-5-0 {margin:5px 0}
#top .margin-10-0 {margin:10px 0}
#top .margin-25-0 {margin:25px 0}
#top .margin-0-5 {margin:0 5px}
#top .margin-0-10 {margin:0 10px}
#top .margin-0-25 {margin:0 25px}

/*--- Checkbox Half ---*/
.checkbox-two-half .one_half {width: 49%; display: inline-block; vertical-align: top; margin-right: 0.5%;} 

/*--- Breadcrumb------------------------------------------------*/
#top #breadcrumb {margin:0}
#top #breadcrumbs a::after {margin:0 5px 0 10px; content:"\f105"; display:inline-block; font-family:'Font Awesome 5 Free', sans-serif; font-style:normal; font-weight:900; color:#000000; font-size:12px; line-height:12px; text-align:center}
#top #breadcrumbs {font-size:12px; font-weight:400; margin:0}


/*--- Productdetails ---*/
/* Gallery */
#top .select_product_images {position:relative; height:430px; padding:0; margin:0; width:100%}
#top .product_video {position:relative; height:auto; padding:0; margin:0; width:100%}
#top .select_product_images::before {content:''; z-index:10; width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0}
#top .select_product_images .arrow-nav {position:absolute; top:0; bottom:0; width:50px; height:100%; padding:0; text-align:center; background:transparent; margin:auto; z-index:100}
#top .select_product_images .arrow-nav.prev {left:0}
#top .select_product_images .arrow-nav.next {right:0}
#top .select_product_images .arrow-nav i {color:rgba(140,140,140,.5); font-size:50px; line-height:50px; height:50px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
#top .select_product_images .arrow-nav:hover i,
#top .select_product_images .arrow-nav:focus i {color:rgba(70,70,70,.75)}
#top .select_product_images > img {position:relative; background:#fff; border:5px solid #fff; outline:1px solid #ebebeb; image-rendering:auto}
#top .select_product_images.no-border > img {border:none; outline:none;}
#top .select_product_images .preis {padding:10px; margin:0; display:none; font-size:20px; position:absolute; font-weight:500; top:15px; right:0; color:#fff; background:#7EC1E7; z-index:99}
#top .product_video .preis {display:inline-block; padding:10px; margin:0; font-size:20px; position:absolute; font-weight:500; top:15px; right:0; color:#fff; background:#7EC1E7; z-index:99}
#top .select_product_images .active + .preis,
#top .select_product_images .active + noscript + .preis {display:inline-block}
#top .select_product_images > img {display:none !important}
#top .select_product_images .active,
#top .select_product_images .active + span + .info-badge {display:block !important}
#top .select_product_images .info-badge {position:absolute !important; top:0; left:0; z-index:100; width:100px; height:50px}
#top .select_product_images .info-badge::after {left:0; right:initial}
#top .select_product_images + .thumbs {position:relative; text-align:left; display:block !important; margin:10px -5px 0 !important; width:calc(100% + 10px); padding:0; z-index:100}
#top .select_product_images + .thumbs img {width:calc(16.9% - 5px); height:auto; border:4px solid #fff; margin:5px auto 0; display:inline-block; opacity:.5; -webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.09); box-shadow:0 2px 6px 0 rgba(0,0,0,0.09); cursor:pointer}
#top .select_product_images + .thumbs img:hover,
#top .select_product_images + .thumbs img:focus,
#top .select_product_images + .thumbs img.active {opacity:1}

/* Smartphone Slider */
#top .avia-smallarrow-slider.smartphone-slider {position:relative; margin-bottom:50px}
#top .avia-smallarrow-slider.smartphone-slider::before {content:''; width:15%; height:6px; border-radius:100px; background:#ddd; position:absolute; top:5px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:10}
#top .avia-smallarrow-slider.smartphone-slider::after {content:''; width:5px; height:5px; border-radius:100px; background:#ddd; position:absolute; bottom:5px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:10}
#top .avia-smallarrow-slider.smartphone-slider .avia-smallarrow-slider-heading {display:block; height:0}
#top .avia-smallarrow-slider.smartphone-slider .slide-entry-title,
#top .avia-smallarrow-slider.smartphone-slider .avia-slideshow-arrows a {display:none}
#top .avia-smallarrow-slider.smartphone-slider .avia-slideshow-dots {position:absolute; bottom:-25px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%)}
#top .avia-smallarrow-slider.smartphone-slider .avia-slideshow-dots a {border:0; background:rgba(0,0,0,.4); width:10px !important; height:10px !important; padding:0; margin:0 7px}
#top .avia-smallarrow-slider.smartphone-slider .avia-slideshow-dots a.active {background:#7EC1E7;width:25px !important; -webkit-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out}
#top .avia-smallarrow-slider.smartphone-slider .avia-content-slider-inner {margin:0 auto; background:#f0f0f0; border-radius:25px; position:relative; text-align:center; width:380px !important; height:570px !important; border:solid #fff; border-width:15px 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 .avia-smallarrow-slider.smartphone-slider.small .avia-content-slider-inner {height:575px !important}
#top .avia-smallarrow-slider.smartphone-slider .avia-content-slider-inner .slide-entry {margin:0 !important}
#top .avia-smallarrow-slider.smartphone-slider .avia-content-slider-inner .slide-entry {display:inline-block; margin:0 auto}
#top .avia-smallarrow-slider.smartphone-slider .avia-content-slider-inner .slide-entry p {margin:0 !important; line-height:0 !important}
#top .avia-smallarrow-slider.smartphone-slider .avia-content-slider-inner .slide-entry p img {width:auto; height:auto !important; min-height:494px !important; object-fit:contain; object-position:top; -o-object-fit:contain; -o-object-position:top; image-rendering:auto; position:relative; border-radius:15px; border:1px solid #f0f0f0}

/*--- Timeline ---*/
#top .timeline .line-left {border-left: 3px solid #7ec1e7; position: absolute; left: 0; height: 470px;}
#top .timeline .circle { padding: 0 0 50px 60px;}
#top .timeline .left {display: inline-block; width: 20px; vertical-align: top; margin-top: 5px;}
#top .timeline .right { display: inline-block; width: calc(100% - 25px);}
#top .timeline .circle::before { content: ''; background: #082435; width: 40px; height: 40px; position: absolute; left: -18px; border-radius: 100%; color: #fff; text-align: center; font-size: 20px; font-weight: 900; line-height: 38px; font-family: 'EuclidFA-Display' !important;}
#top .timeline .circle.one::before {content: '1';}
#top .timeline .circle.two::before {content: '2';}
#top .timeline .circle.three::before {content: '3';}
#top .timeline .circle.check::before { content: '\f00c'; font-family: 'Font Awesome 5 Free' !important; font-weight: 900;  font-size: 17px; line-height: 40px;}

/*--- Three-USP ---*/
#top .three-usp .one_half {width: 47%; display: inline-block; vertical-align: top;}
#top .three-usp .one_half:first-child {margin-right: 3%;}
#top .three-usp .left {display: inline-block; width: 30px; vertical-align: top; margin-top: 0px;}
#top .three-usp .right { display: inline-block; width: calc(100% - 35px); min-height: 100px;}

/*---P-FF - Responsive Design---*/
/* Min-Width 5000px */
@media only screen and (max-width:5000px) {  
    .startseite-slider,
    .startseite-slider .avia-slideshow {height: 420px !important;}
}


/* Min-Width 1921px */
@media only screen and (max-width:1921px) {
  /*--- Slider Styles ---*/ 
    .startseite-slider,
    .startseite-slider .avia-slideshow {height: 350px !important;}
}

/* Max-Width 1440px */
@media only screen and (max-width:1440px) { 
  /*--- Slider Styles ---*/ 
    .startseite-slider,
    .startseite-slider .avia-slideshow {height: 310px !important;}
    .produkt-slider .avia-slideshow li img {transform: translateY(-12%);}
    .produkt-slider2 .avia-slideshow li img {transform: translateY(-20%);}
    .product-slider3 .avia-slideshow li img {transform: translateY(-10%);}
}

/* Max-Width 1280px */
@media only screen and (max-width:1280px) {
  .startseite-slider,
  .startseite-slider .avia-slideshow {height: 300px !important;}
}

/* Max-Width 1024px */
@media only screen and (max-width:1024px) {

  .startseite-slider,
  .startseite-slider .avia-slideshow {height: 260px !important;}
  .produkt-slider .avia-slideshow li img {transform: translateY(0%);}
  .produkt-slider2 .avia-slideshow li img {transform: translateY(-5%);}
  .product-slider3 .avia-slideshow li img {transform: translateY(-5%);}

  /*--- All Headlines ---*/
  .text-title-slider .hl-l {font-size: 74px !important; line-height: 88px !important;}
  .text-title-slider .hl-xl {font-size: 100px !important; line-height: 80px !important;}
  .text-title .hl-xl {font-size: 100px !important; line-height: 110px !important;}

}

/* Max-Width 989px */
@media only screen and (max-width:989px) {

  .hl-xxl {font-size:2.5rem !important; line-height:1 !important}

  /*--- HERO ---*/
  .responsive #top #wrap_all .hero .flex_column { margin-top: 20px !important;} 
  .responsive #top .hero .flex_column_table { display: flex !important; flex-direction: column;}
  .responsive #top .hero .flex_column_table .av_one_half:last-child { order: 2; margin-bottom: 0 !important;}
  .responsive #top .hero .flex_column_table .av_one_half:first-child {order: 1; margin-top: 0 !important;}
  .responsive #top .hero .mockup {position: relative; top: initial; width: initial; margin-bottom: 20px;}
  #top .hero .flex_column:last-child .img-align-bottom .avia_image {margin-bottom: -70px; margin-left: -20px;}

  /*--- Service Bar ---*/
  #top #service-bar {top:118px;}

   /*--- All - Icons ---*/
  .social-media-text {display:block !important}
  .social-media-text {margin-top: 20px;}
  .social-media-leiste .hl-xs {display: block;}
  .social-media-leiste .hl-xs {margin: 0 20px 0 0 !important;}

  /*--- Features Box Layout ---*/
  .responsive #top #grow .flex_column_table .border-box-layout {border-bottom: 1px solid #fff; border-right: none !important;}
  .responsive #top #grow .flex_column_table:last-child .border-box-layout:last-child {border-bottom: none !important;}

  .responsive #top .fa-box .fa-box-bullets {min-height: 210px;}

  /*--- List styling ---*/
  .responsive #top .list-no-margin .flex_column {margin-bottom: 0 !important;}

  /*--- FOOTER ---*/
  #footer {display: none !important;}

  /*--- Borders ---*/
  #top .border-left {border-left: none; padding-left: 0;}
  #top .border-right {border-right: none; padding-right: 0;}

  /*--- Fastlane ---*/
  #fastlane .hl-xl {position: relative; top: 0; left: 0;}  
  #fastlane .infotext {position: initial; bottom: initial; right: initial; text-align: left; width: 100%; padding: 10px; border-top: 0 !important;}
  #fastlane .avia-image-container.avia-align-center { margin: 0; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; border: none; border-bottom: 0;}

  /*--- Speed Portait ---*/
  .img-bottom-align, 
  .img-bottom-align.product2 {position: initial; bottom: initial; display: block}

  /*---Vorteile Sections-------------------------------------*/
  .responsive #top #vorteile .left {width:100%; float:none; padding:15px 15px 5px}
  .responsive #top #vorteile .left img {width:45px}
  .responsive #top #vorteile .right {margin-left:0; padding:0 15px 15px; min-height:unset}
  .responsive #top #vorteile.bg-white .right {border-left:0}
  .responsive #top #vorteile.bg-darkgrey .right {border-left:0}
  .responsive #top #vorteile .flex_column_table {margin-bottom:0 !important}
  .responsive #top #vorteile .align-center {text-align: left !important;}

  /*--- KONTAKTFORM LEADFORMULAR ---*/
  .responsive #top #kontakt .align-center {text-align: left !important;}

  #top .kontakt-form.leadformular-plus {padding: 25px 10px;}
  #top .kontakt-form.leadformular-plus .one_half,
  #top .kontakt-form.leadformular-plus .one_third,
  #top .kontakt-form.leadformular-plus .one_fifth,
  #top .kontakt-form.leadformular-plus .two_fifth {width: 100% !important; display: block !important; margin-left:0%; margin-right: 0%}

  #top .select_product_images {height:initial;}

  /*--- Broschüre ---*/
  #broschuere .flex_column_table {display: flex !important; flex-direction: column;}
  #broschuere .flex_column:last-child {order: 1 !important;}
  #broschuere .flex_column:first-child {order: 2;}
  #broschuere .flex_column:last-child img {width: 100%;}

  /*--- Gtranslate ---*/
  .responsive #top #header .menu-item-gtranslate {top:10px !important;}
  .responsive #top .menu-item-gtranslate {right:10px !important}
  .responsive #top .menu-item-gtranslate.menu-item:nth-child(6) {right:40px !important}

  /*--- Three-USP ---*/
  #top .three-usp .one_half {width: 100%; display: inline-block; vertical-align: top;}
  #top .three-usp .one_half:first-child {margin-right: 0;}
}

/* Max-Width 767px */
@media only screen and (max-width:767px) {
  
  .startseite-slider,
  .startseite-slider .avia-slideshow {height: 250px !important;}

  /*--- All Headlines ---*/
  .text-title-slider .hl-l {font-size: 44px !important; line-height: 50px !important;}
  .text-title-slider .hl-xl {font-size: 70px !important; line-height: 60px !important;}
  .text-title .hl-xl {font-size: 70px !important; line-height: 80px !important;}

  .slideshow_caption {position: relative !important; padding:50px 0 !important;}

  /*--- LEADFORMULAR ---*/
  #top .kontakt-form.leadformular-plus input[type="checkbox"]#\30 0N09000000vwkW + span::after {top: 8% !important;}
  #top .kontakt-form.leadformular-plus input[type="checkbox"]#\30 0N09000000vwkb + span::after {top: 13% !important;}
  #top .kontakt-form.leadformular-plus input[type="checkbox"]#\30 0N09000000vwkg + span::after {top: 18.5% !important;}
  #top .kontakt-form.leadformular-plus input[type="checkbox"]#\30 0N09000000vwkq + span::after {top: 87% !important;}
  #top .kontakt-form.leadformular-plus #description {height:170px !important;}

  #top .avia-smallarrow-slider.smartphone-slider.small .avia-content-slider-inner {height: 520px !important;}
  #top .avia-smallarrow-slider.smartphone-slider .avia-content-slider-inner {width: 340px !important;}

}
/* Max-Width 414px */
@media only screen and (max-width:414px) {   
  .responsive #top #wrap_all .container {width: 90%; max-width: 90%;}
  
  .startseite-slider,
  .startseite-slider .avia-slideshow {height: 240px !important;}
  .produkt-slider2 .avia-slideshow li img {transform: translateX(-7%);}
  .product-slider3 .avia-slideshow li img {transform: translateX(-12%);}

  /*--- All Headlines ---*/
  .text-title-slider .hl-l {font-size: 34px !important; line-height: 40px !important;}
  .text-title-slider .hl-xl {font-size: 50px !important; line-height: 40px !important;}
  .text-title .hl-xl {font-size: 50px !important; line-height: 60px !important;}

  .slideshow_caption {position: relative !important; padding:70px 0 0 0 !important;}

  /*--- LEADFORMULAR ---*/
  #top .kontakt-form.leadformular-plus input[type="checkbox"]#\30 0N09000000vwkW + span,
  #top .kontakt-form.leadformular-plus input[type="checkbox"]#\30 0N09000000vwkb + span,
  #top .kontakt-form.leadformular-plus input[type="checkbox"]#\30 0N09000000vwkg + span {display:inline-block}
  #top .kontakt-form.leadformular-plus input[type="checkbox"]#\30 0N09000000vwkW + span::after {top: 8% !important;}
  #top .kontakt-form.leadformular-plus input[type="checkbox"]#\30 0N09000000vwkb + span::after {top: 15.5% !important;}
  #top .kontakt-form.leadformular-plus input[type="checkbox"]#\30 0N09000000vwkg + span::after {top: 21.5% !important;}
  #top .kontakt-form.leadformular-plus input[type="checkbox"]#\30 0N09000000vwkq + span::after {top: 85% !important;}
  #top .kontakt-form.leadformular-plus #description {height:170px !important;}
}
/* Max-Width 320px */
@media only screen and (max-width:320px) {   

}