/*
 Theme Name:   vöroka
 Theme URI:    https://www.neckarmedia.com
 Description:  WordPress Child Theme
 Author:       Neckarmedia
 Author URI:   https://www.neckarmedia.com
 Template:     voeroka
 Version:      1.0
*/

/* @link https://utopia.fyi/type/calculator?c=375,16,1.2,1240,18,1.25,8,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */


/* =======================================================================================================================================
Variables
======================================================================================================================================= */
:root {
  --step--2: clamp(0.69rem, calc(0.68rem + 0.05vw), 0.72rem);
  --step--1: clamp(0.83rem, calc(0.80rem + 0.12vw), 0.90rem);
  --step-0: clamp(1.00rem, calc(0.95rem + 0.23vw), 1.13rem);
  --step-1: clamp(1.20rem, calc(1.11rem + 0.38vw), 1.41rem);
  --step-2: clamp(1.44rem, calc(1.30rem + 0.59vw), 1.76rem);
  --step-3: clamp(1.73rem, calc(1.52rem + 0.87vw), 2.20rem);
  --step-4: clamp(2.07rem, calc(1.78rem + 1.25vw), 2.75rem);
  --step-5: clamp(2.49rem, calc(2.08rem + 1.75vw), 3.43rem);
  --step-6: clamp(2.99rem, calc(2.42rem + 2.41vw), 4.29rem);
  --step-7: clamp(3.58rem, calc(2.81rem + 3.29vw), 5.36rem);
  --step-8: clamp(4.30rem, calc(3.26rem + 4.45vw), 6.71rem);
}

:root {
    --primary-font: 'Montserrat', sans-serif;
    --heading-font: 'Montserrat', sans-serif;
}

:root {
    --blue: #29366A;
	--light-blue: #DFE1E9;
    --orange: #FAAD2B;
	--second-orange: #FBBD55; /* 80% */
	--light-orange: #FCD694; /* 50% */
	--second-light-orange: #FFF3E0; /* 15% */
}



/* =======================================================================================================================================
Fonts
======================================================================================================================================= */
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v26-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* =======================================================================================================================================
Typo
======================================================================================================================================= */
html{-webkit-tap-highlight-color: transparent;}
body{-webkit-font-smoothing: antialiased;}
body,p{font-family: var(--primary-font); font-size: var(--step-0); font-weight: 500; line-height: 1.8; color: var(--blue)}
.__bigger-p p{font-size: var(--step-1)}
p{margin: 0 0 1em;}
h1,h2,h3,h4,h5,h6{font-family: var(--heading-font); font-weight: 500; line-height: 1.4; letter-spacing: 0 !important; text-transform: inherit !important; margin: 0 0 .4em 0 !important;}

#top h1{font-size: var(--step-2); color: var(--blue)}
#top h2{font-size: var(--step-2); color: var(--blue)}
#top h3{font-size: var(--step-1); color: var(--blue)}
#top h4{font-size: var(--step-0); color: var(--blue)}

#top h1 span, #top h2 span, #top h3 span, #top h4 span,
#top h1 mark, #top h2 mark, #top h3 mark, #top h4 mark{color: var(--orange); display: block;}

#top .special_amp{color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
#top .av-special-heading{padding: 0 !important}
#top .av-special-heading .special-heading-border{display: none;}
#top .av-special-heading.avia-builder-el-no-sibling .av-special-heading-tag{margin: 0 !important}

#top b,
#top strong,
#top .avia-section b,
#top .avia-section strong,
#top .footer_color b,
#top .footer_color strong,
#top .socket_color b,
#top .socket_color strong{color: inherit}

/* Button */
#top div .avia-button{
    font-size: var(--step-0);
    font-weight: 600;
    padding: 0.7em 1.4em;
    border-radius: 0 10px 0 10px;
    background: var(--orange);
    border: 2px solid var(--orange) !important;
    color: var(--blue) !important;
    text-decoration: none !important;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
	font-weight: 600;
}
#top div .avia-button.avia-color-dark{border: 2px solid var(--blue) !important; color: var(--blue) !important}
#top div .avia-button.avia-color-light{border: 2px solid #fff !important; color: #fff !important}
#top div .avia-button:hover{opacity: 1}
html.no-touch-device #top div .avia-button:hover{translate: 0 -2px}

#top .av_textblock_section + .avia-buttonrow-wrap{margin-top: 40px;}

#top .avia-button-fullwidth.avia-color-theme-color-highlight{background: transparent;}

/* Blockquote */
#top blockquote{border: 0; font-size: var(--step-1); margin: 2em 0 2em; padding: 0 0 0 2em; position: relative; max-width: 420px; font-style: italic; line-height: 1.6}
#top blockquote:before{content: '\e833'; font-family: 'entypo-fontello'; position: absolute; top: -.3em; left: 0; opacity: .1; font-size: 4em; font-style: normal; line-height: 1}
#top blockquote p{font-size: 1em; margin: 0}

/* List */
#top .avia_textblock ul{
    list-style: none;
    margin: 0 0 1em 0;
}
#top .avia_textblock ul > li{
    margin: 0 0 0.5em 0;
    padding: 0 0 0 1em;
    position: relative;
}
#top .avia_textblock ul > li:before{
    content: '\e875';
    font-family: 'entypo-fontello';
    position: absolute;
    left: 0;
    display: inline-block;
}




/* =======================================================================================================================================
Header
======================================================================================================================================= */
#header:not(.av_header_transparency){
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.02), 0 2px 2px rgba(0,0,0,0.02), 0 4px 4px rgba(0,0,0,0.02), 0 6px 8px rgba(0,0,0,0.02), 0 8px 16px rgba(0,0,0,0.02);
    box-shadow: 0 1px 1px rgba(0,0,0,0.02), 0 2px 2px rgba(0,0,0,0.02), 0 4px 4px rgba(0,0,0,0.02), 0 6px 8px rgba(0,0,0,0.02), 0 8px 16px rgba(0,0,0,0.02);
}

#top .av_header_transparency .header_bg{
    background: rgba(255,255,255,0.9);
    opacity: 1;
}

@media only screen and (max-width: 989px){ 
    .responsive #top #header{position: fixed !important; top: 0; left: 0; right: 0; width: 100%}
    .responsive #top #main,
    .responsive.html_mobile_menu_tablet.html_header_top #top #main{padding-top: 80px !important}
    .responsive #top #wrap_all .av-logo-container,
    .responsive #top #header_main > .container .main_menu .av-main-nav > li > a,
    .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container,
    .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a{
        height: 80px;
        line-height: 80px;
    }
}

@media only screen and (min-width: 990px) {
    #header .inner-container {
        display: flex;
        justify-content: flex-end;
        gap: 1rem;
    }
}

.header_color .av-subnav-menu a:hover, .header_color .av-subnav-menu a:focus, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li a:focus, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
    color: var(--orange);
}

/* Logo */
#header_main .inner-container > .logo,
#header_main .inner-container > .logo a{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#header_main .inner-container > .logo a svg,
#header_main .inner-container > .logo a img{width: 120px}

@media only screen and (min-width: 990px){
	#header_main .inner-container > .logo{padding-top: 8px}
    #header_main .inner-container > .logo a svg,
    #header_main .inner-container > .logo a img{width: 160px}
}

/* Navigation */
#top .header_color .main_menu .menu ul li > a:hover, 
#top .header_color .main_menu .menu ul li > a:focus{color: var(--orange);}

@media only screen and (min-width: 990px){
	#header_main .inner-container > nav{        
		line-height: calc(100% - 40px);
        height: calc(100% - 40px);
        align-self: flex-end;
        display: flex;
        align-items: center;
	}
	#header_main .inner-container > nav > div{height: 100%;}
	#header_main .inner-container > nav ul#avia-menu{margin: 0; height: 100%; display: flex; align-items: center}
	#header_main .inner-container > nav ul#avia-menu > li:not(.av-burger-menu-main){height: 100%; display: flex; align-items: center}
	#header_main .inner-container > nav ul#avia-menu > li > a{font-size: var(--step--1); font-weight: 400; text-transform: uppercase; padding: 0 .75em; height: auto !important; line-height: 1.6 !important}
    #header_main .inner-container > nav ul#avia-menu > li li > a{font-size: var(--step--1); font-weight: 400}
    #header_main .inner-container > nav ul#avia-menu li:hover > a > .avia-menu-text,
    #header_main .inner-container > nav ul#avia-menu li.current-menu-item > a > .avia-menu-text{opacity: 1}
}

@media only screen and (min-width: 1440px){
    #header_main .inner-container > nav ul#avia-menu > li > a{font-size: var(--step-0); padding: 0 1.5em;}
}

/* Hamburger Menu */
.av-hamburger-box{width: 32px}
.av-hamburger-inner, 
.av-hamburger-inner::before, 
.av-hamburger-inner::after{border-radius: 0}

#top ul#av-burger-menu-ul{vertical-align: top}
#top ul#av-burger-menu-ul li a .avia-menu-text{color: var(--blue); text-transform: uppercase}
#top ul#av-burger-menu-ul li a:hover{background: inherit !important;}
#top ul#av-burger-menu-ul > li > a{font-size: var(--step-0);}
#top ul#av-burger-menu-ul > li li > a{font-size: var(--step--1);}

/* Header meta */
@media (min-width: 990px){
    #header_main .inner-container > #header-meta{
        line-height: 40px;
        display: flex;
        justify-content: flex-end;
        z-index: 100;
        position: absolute;
        top: 0;
        right: 0;
    }
    #header_main .inner-container > #header-meta > div{
        height: 40px;
        display: flex;
		gap: 2em;
        align-items: center;
        white-space: nowrap;
        font-size: var(--step--1);
        padding: 0 1.5em 0 0;
        position: relative;
    }
	#header_main .inner-container > #header-meta > div > ul{
		display: flex;
		gap: 1em;
		list-style: none;
        margin: 0;
    }
	#header_main .inner-container > #header-meta > div > ul > li > a{
		color: var(--blue); 
		background-color: var(--light-blue); 
		padding: 0 2em; 
		border-bottom-left-radius: 1em; 
		line-height: 40px; 
		display: inline-block;
		font-weight: 600
	}
}

@media (max-width: 989px){
    #header_main .inner-container > #header-meta > div > ul{display: none}
}

/* WPML Language Switcher */
#header_main .inner-container > #header-meta #wpml_switcher{
    line-height: 1; 
    display: flex; 
    align-items: center;
    margin: 0 0 0 1em;
    position: relative;
    max-width: 80px;
    min-width: 80px;
    color: var(--blue);
}
#header_main .inner-container > #header-meta #wpml_switcher i{
    font-size: 24px;
    position: absolute;
    left: 12px;
    pointer-events: none;
}
#header_main .inner-container > #header-meta #wpml_switcher select{
    margin: 0;
    font-size: var(--step--1);
	font-weight: 600;
    border: 0;
	line-height: 40px;
    padding: 0 1em 0 3em;
    border-bottom-left-radius: 1em; 
    background: #dfe1e97a !important;
	box-shadow: none;
    cursor: pointer;
    color: var(--primary);
}

@media only screen and (max-width: 989px){
    #header_main .inner-container > #header-meta #wpml_switcher{
        position: absolute;
        top: 50%;
        right: 64px;
        translate: 0 -50%;
    }
}

/* Yoast Breadcrumbs */
#breadcrumb{
    margin: 0;
    font-size: var(--step--1);
    padding: 1em 0;
	font-weight: 700;
	overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#breadcrumb::-webkit-scrollbar{display: none;}
#breadcrumb > span{
    display: flex;
    gap: 1em;
    align-items: center;
    line-height: 1.6;
}
#breadcrumb > span .breadcrumb_last{font-weight: 400;}


/* =======================================================================================================================================
Misc
======================================================================================================================================= */
/* Layout */
@media only screen and (max-width: 767px){
    .responsive #top #wrap_all .container{width: 90%; max-width: 90%;}
}

@media only screen and (min-width: 1920px){
	#top .__section--banner{
		max-width: 1700px;
        border-radius: 1rem;
        overflow: hidden;
        margin-left: calc((100vw - 1700px) / 2) !important;
        margin-bottom: 4rem;
        margin-top: 4rem;
	}
}

@media screen and (max-width: 500px){.avia-section-huge .content {padding-top: 70px; padding-bottom: 70px;}}

/* Images */
#top .image-overlay{display: none !important;}
#top .avia_image,
#top .av-image-caption-overlay,
#top .avia-image-container-inner{border-radius: 0}

/* Toggle */
#top section.av_toggle_section .toggler{padding: 1em 3em 1em 1rem; margin: 0 0 .8em; font-size: var(--step-0); background: transparent; border: 1px solid #ebebeb; border-radius: .5em}
#top .alternate_color section.av_toggle_section .toggler{border-top: 1px solid #fff; border-bottom: border-top: 1px solid #fff;}
#top section.av_toggle_section .toggler:hover{background: transparent;}
#top section.av_toggle_section .toggler .toggle_icon{display: none;}
#top section.av_toggle_section .toggler:after{
	content: '\e87d';
    font-family: 'entypo-fontello';
    position: absolute;
    right: 1em;
    transition: .2s ease;
	transform: rotate(90deg);
}
#top section.av_toggle_section .toggler.activeTitle:after{rotate: 180deg}
#top section.av_toggle_section .toggle_content{border: 0; background: transparent; padding: .5em 1rem 1.5em;}
#top section.av_toggle_section .toggle_content *{font-size: var(--step--1);}

/* Download Toggle */
#top .__download_toggle h3{margin-bottom: 2rem !important;}
#top .__download_toggle section.av_toggle_section .toggle_content ul{margin-left: 0;}
#top .__download_toggle section.av_toggle_section .toggle_content li a:before {
	content: '';
	font-family: 'entypo-fontello';
	margin-right: .5rem;
}
#top .__download_toggle section.av_toggle_section .toggle_content li {display: inline-block; margin: 0 1rem 1rem 0; border: 2px solid var(--orange); padding: 0.5em 1em;}
#top .__download_toggle section.av_toggle_section p.activeTitle{color: var(--orange)}
#top .__download_toggle section.av_toggle_section .toggle_content p{margin-bottom: .3rem;}

/* Scroll Down Link */
#top .scroll-down-link{font-size: 60px; color: var(--orange) !important}

/* Alternate Color */
#top .alternate_color{background-color: var(--blue)}
#top .alternate_color p, #top .alternate_color h1, #top .alternate_color h2, #top .alternate_color h3, #top .alternate_color h4{color: #fff;}

/* Testimonials */
.avia-slider-testimonials .avia-testimonial-content p{text-align: left;}
.avia-slider-testimonials .avia-testimonial-content{margin-top: 50px;}
.avia-slider-testimonials .avia-testimonial-content::before {
    content: "";
    display: block;
    position: absolute;
    top: 0; 
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
	height: 50px;
    background-image: url('/wp-content/uploads/2024/09/stars.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
#top .av-large-testimonial-slider .avia-testimonial-meta{display: block; margin-left: 0;}
#top .av-large-testimonial-slider .avia-testimonial-name{color: var(--blue); margin-bottom: 5px;}
#top .av-large-testimonial-slider .avia-testimonial-subtitle a{color: var(--blue); font-size: var(--step-0)}
#top .av-large-testimonial-slider .avia-testimonial-subtitle a:hover{color: var(--orange);}
#top .av-large-testimonial-slider .avia-testimonial-subtitle a::after{
	content: "";
	color: var(--orange);
	font-family: 'entypo-fontello';
	font-weight: 600;
	margin-left: 8px;
}
#top .av-large-testimonial-slider .avia-slideshow-arrows a{top: 50px;}
#top .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a:before{color: var(--blue)}

/* Horizontal Gallery */
#top .av-horizontal-gallery{padding: 3.75% 0px 150px !important; overflow: visible;}
#top .av-horizontal-gallery-large-gap .av-horizontal-gallery-wrap {margin-top: 100px;}
#top .av-horizontal-gallery .text-above-image{display: none;}
#top .av-horizontal-gallery .av-active-gal-item .text-above-image{
	display: inline-block;
	color: var(--orange);
    position: absolute;
    top: -1.5em;
    margin: 0;
    line-height: 1;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 500px){#top .av-horizontal-gallery .av-active-gal-item .text-above-image{top: 1.5em}}

.avia-slideshow-arrows a:before {background: rgb(255 255 255 / 70%);}
#top .avia-slideshow-arrows a {color: var(--blue);}
.av-horizontal-gallery-next, .av-horizontal-gallery-prev {border-radius: 50%;}

@media screen and (max-width: 767px){
	.responsive .av-horizontal-gallery-wrap{overflow: unset;}
	#top .av-horizontal-gallery{padding: 15% 0px 150px !important}
	#top .av-horizontal-gallery-large-gap .av-horizontal-gallery-wrap {margin-top: 4rem;}
	.responsive .av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item {transform: scale(1.3);}
}

/* Global Header Content Box */
#top .__global-header-container .av-section-cont-open{padding: 0; margin: 0;}
#top .__global-header-container {position: relative;}
#top .__global-header-container video {object-fit: cover; width: 100%; height: 100%;}
#top .__global-header-container > .container {margin: 0;padding: 0;width: 100% !important;max-width: 100% !important;}

#top .__global-header .__global-header-text,
#top .__global-header .__global-header-text p{color: #fff;}
#top .__global-header .__global-header-text p.__headline {font-size: var(--step-3);color: #fff; margin-bottom: 10px; }
#top .__global-header-text h4{font-size: var(--step-2);color: #fff;margin: 0; }
.flex_column.__global-header-content {
    position: absolute;
    bottom: 0;
    margin-bottom: 0 !important;
    left: 0; 
    width: auto;
}

#top .__global-header-content .__global-header .__global-header-text {
    padding: 40px 40px 40px 60px;
    border-top-right-radius: 50px;
    background: rgba(41, 54, 106, 0.9);
    color: #fff;
    box-sizing: border-box;
    margin-right: auto;
    width: 96vw; 
    max-width: 1200px; 
    min-width: 300px;
}

@media screen and (max-width: 767px){
	#top .__global-header-container .container{
        width: 100% !important;
        max-width: 100% !important;
    }
	#top .__global-header-container .__global-header > div{padding-left: 5% !important}
	#top a.scroll-down-link{display: none;}
	#top .__global-header-content .__global-header .__global-header-text {padding: 20px 40px 20px 60px;}
	#top.home .__global-header .__global-header-text p.__headline {font-size: var(--step-1); font-weight: 700; }
}

/* Made in Germany-Box */
#top .__made-in-germany {
    background: var(--orange);
    padding: 7px 25px 7px 60px;
    border-top-right-radius: 15px;
    display: inline-flex; 
    align-items: center; 
}

#top .__made-in-germany p {color: var(--blue);margin: 0;}
#top .__made-in-germany img {margin-left: 10px;width: 20px;height: auto;}

@media screen and (min-width: 600px) {#top .__global-header-content .__global-header .__global-header-text { width: calc(100vw - 30%);}}
@media screen and (min-width: 900px) {#top .__global-header-content .__global-header .__global-header-text {width: calc(100vw - 40%);}}
@media screen and (min-width: 1200px) {#top .__global-header-content .__global-header .__global-header-text {width: 40vw;}}
@media screen and (min-width: 1600px) { #top .__global-header-text h4 {font-size: var(--step-4);}
    #top .__global-header-content .__global-header .__global-header-text {padding: 50px 50px 50px 100px;}
    #top .__made-in-germany {padding: 7px 25px 7px 100px !important;}}

/* Subpage */
#top .__global-header-content .__global-header.__gh-subpage .__global-header-text,
#top .__global-header-content .__global-header.__gh-subpage .__global-header-text p{font-size: var(--step-2); margin: 0;}

@media screen and (min-width: 1600px){
	#top .__global-header-content .__global-header.__gh-subpage .__global-header-text,
	#top .__global-header-content .__global-header.__gh-subpage .__global-header-text p{font-size: var(--step-4); margin: 0; padding-right: 0.5rem; }
}
@media screen and (min-width: 1200px){
	#top .__global-header-content .__global-header.__gh-subpage .__global-header-text{width: fit-content; max-width: unset;}
}


/* Akkordeon / Accordion */
#top section.av_toggle_section .toggler{border-top: 2px solid var(--blue); border-radius: 0; border-bottom: 0; border-left: 0; border-right: 0; font-weight: 600; margin: 0}
#top section.av_toggle_section .toggle_content * {font-size: var(--step-0)}


/* Image Overlap */
#top .__img-overlap{background: linear-gradient(to bottom, #29366A 50%, #FFFFFF 50%);}

/* Icon List */
#top .avia-icon-list article{margin-bottom: 15px;}
#top .av-iconlist-small .iconlist_icon{margin-right: .75em;}
#top .avia-icon-list-container .iconlist_icon {color: var(--orange); border: 2px solid var(--orange); box-sizing: initial;}
#top .__bold-heading .av_iconlist_title{font-weight: 600;}
#top .av-icon-char::before {color: var(--blue);}
#top .alternate_color .av-icon-char::before {color: var(--orange);}

/*Social Media Icons*/
#top .__social{display: flex; gap: .5rem; flex-wrap: wrap; }
#top .__social a{background: var(--blue); margin-right: 0.1rem; width: 3rem; height: 3rem; display: inline-block; border-radius: 0 .5rem 0 0.5rem; display: flex;
    justify-content: center; align-items: center;}
#top .__social .av-icon-char { transition: .2s;}
#top .__social .av-icon-char::before{color: #fff; font-size: var(--step-1); line-height: 2rem; margin: auto;}
#top .__social a:hover .av-icon-char::before{color: var(--orange);transition: .2s;}

/* Masonry Gallery */
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(41, 54, 106, 0.9)
}

@media only screen and (max-width: 768px){
#top .av-caption-style-overlay .av-masonry-item-with-image:hover .av-inner-masonry-content{opacity: 1;}
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content{opacity: 0;}
}

@media screen and (max-width: 800px){#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {font-size: .8em;}}


/* Tool tip */
.avia-tooltip { 
    display: none !important; 
}

/* Tab Section */
#top .av-tab-section-tab-title-container {background-color: var(--blue);}
#top .av-tab-arrow-container {top: 12px;}

.av-inner-tab-title {
    text-transform: none;
    line-height: 1.6em;
    font-size: 16px;
}


#top .av-section-tab-title {padding: 10px 30px 0 30px;}


#top a.av-section-tab-title{color: #fff;}
#top a.av-active-tab-title.av-section-tab-title{color: var(--orange)}

/* Rounded Box */
#top .__rounded-box{border: solid 1px var(--light-blue); border-radius: 1rem; padding: 2rem;}

/* Notice Box */
.flex_column.__notice-box {
    background: var(--blue);
    padding: 50px;
    border-radius: 0 25px;
    box-shadow: 6px 4px 5px 3px rgb(0 0 0 / 20%);
}

#top .flex_column.__notice-box p, #top .flex_column.__notice-box h3 {
    color: #fff;
}


/*Formidable*/
#top .with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top {color: inherit; font-weight: 600; font-size: .92em;}
#top .with_frm_style .frm_radio label, .with_frm_style .frm_checkbox label {color: inherit;}
#top label span, #top legend span {color: var(--orange); font-size: var(--step-0);}
#top .input-text, #top input[type='text'], #top input[type='input'], #top input[type='password'], #top input[type='email'], #top input[type='number'], #top input[type='url'], #top  input[type='tel'], #top input[type='search'], #top textarea, #top select {background-color: var(--second-light-orange) !important;box-shadow: 1px 2px 4px 1px rgb(0 0 0 / 20%);}
.with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_scale input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox] {
	background-color: var(--second-light-orange) !important;}
#top .frm_style_formidable-style.with_frm_style input, #top .frm_style_formidable-style.with_frm_style select,
#top .frm_style_formidable-style.with_frm_style textarea {border-radius: 12px !important;}
#top .frm_style_formidable-style.with_frm_style input[type='checkbox']{border-radius: 2px !important;}
#top .input-text, #top input[type=email], #top input[type=input], #top input[type=number], #top input[type=password], #top input[type=search], #top input[type=tel], #top input[type=text], #top input[type=url], #top select, #top textarea {padding: 0.6em 0.6em;}

.with_frm_style .frm_message p {
    margin-bottom: 5px;
    color: var(--success-text-color) !important;
}

.frm_form_submit_style,.frm_style_formidable-style.with_frm_style .frm-edit-page-btn,.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message,.frm_style_formidable-style.with_frm_style .frm_submit button,.frm_style_formidable-style.with_frm_style .frm_submit input[type=button],.frm_style_formidable-style.with_frm_style input[type=submit]{color:var(--blue)!important;font-size:var(--step-0);padding:.7em 1.4em;border-radius:0 10px;background:var(--orange);border:2px solid var(--orange)!important;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;margin:.5em 0 1em;text-align:center;font-weight:400;box-shadow:none; font-weight: 600; font-family: var(--primary-font)}

.frm_style_formidable-style.with_frm_style .frm-edit-page-btn:focus,.frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover,.frm_style_formidable-style.with_frm_style .frm_submit button:active,.frm_style_formidable-style.with_frm_style .frm_submit button:focus,.frm_style_formidable-style.with_frm_style .frm_submit button:hover,.frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:active,.frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:focus,.frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover,.frm_style_formidable-style.with_frm_style input[type=submit]:active,.frm_style_formidable-style.with_frm_style input[type=submit]:focus,.frm_style_formidable-style.with_frm_style input[type=submit]:hover{color:var(--blue)!important;background:0 0;background:var(--orange)!important;translate:0 -2px}

#top .alternate_color .input-text, #top .alternate_color input[type='text'], #top .alternate_color input[type='input'], #top .alternate_color input[type='password'], #top .alternate_color input[type='email'], #top .alternate_color input[type='number'], #top .alternate_color input[type='url'], #top .alternate_color input[type='tel'], #top .alternate_color input[type='search'], #top .alternate_color textarea, #top .alternate_color select {color: var(--blue);}

#top .main_color .input-text,#top .main_color input[type=email],#top .main_color input[type=input],#top .main_color input[type=number],#top .main_color input[type=password],#top .main_color input[type=search],#top .main_color input[type=tel],#top .main_color input[type=text],#top .main_color input[type=url],#top .main_color select,#top .main_color textarea,input::placeholder,textarea::placeholder{color:var(--blue)!important;font-size:var(--step-0)!important;font-family:var(--primary-font)}

.frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked, .frm_forms.with_frm_style .frm_fields_container .frm_scale input[type=radio]:not([disabled]):checked, .frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
    border-color: var(--orange) !important;
}
.with_frm_style .frm_scale input[type=radio]:before, .with_frm_style .frm_radio input[type=radio]:before {background-color: var(--orange);}
.with_frm_style input[type=radio]:focus, .with_frm_style input[type=checkbox]:focus {box-shadow: 0px 0px 0px 3px #faae2b47 !important;}

.frm_dropzone .dz-message {background: var(--second-light-orange);}
#top .frm_small_text p {color: var(--blue);}
.frm_form_field:not(.frm_compact) .frm_dropzone {max-width: unset;}

.frm_page_bar{max-width: 100%; overflow: hidden}


/* =======================================================================================================================================
Themenwelten Grid
======================================================================================================================================= */
/* Grid Sizing */
@media only screen and (min-width: 990px){ 
	 .responsive.html_av-framed-box .__themenwelten.av-masonry-col-flexible .av-masonry-entry.av-landscape-img, .responsive.html_stretched .__themenwelten.av-masonry-col-flexible .av-masonry-entry.av-landscape-img {width: 100%;}
	
	.responsive.html_av-framed-box .__themenwelten.av-masonry-col-flexible .av-masonry-entry:nth-of-type(2), .responsive.html_stretched .__themenwelten.av-masonry-col-flexible .av-masonry-entry:nth-of-type(2),
	.responsive.html_av-framed-box .__themenwelten.av-masonry-col-flexible .av-masonry-entry:nth-of-type(3), .responsive.html_stretched .__themenwelten.av-masonry-col-flexible .av-masonry-entry:nth-of-type(3),
	.responsive.html_av-framed-box .__themenwelten.av-masonry-col-flexible .av-masonry-entry:nth-of-type(4), .responsive.html_stretched .__themenwelten.av-masonry-col-flexible .av-masonry-entry:nth-of-type(4){width: 33.2%}

	.responsive.html_av-framed-box .__themenwelten.av-masonry-col-flexible .av-masonry-entry:nth-of-type(5), .responsive.html_stretched .__themenwelten.av-masonry-col-flexible .av-masonry-entry:nth-of-type(5),
	.responsive.html_av-framed-box .__themenwelten.av-masonry-col-flexible .av-masonry-entry:nth-of-type(6), .responsive.html_stretched .__themenwelten.av-masonry-col-flexible .av-masonry-entry:nth-of-type(6){width: 39.84%}
	.responsive.html_av-framed-box .__themenwelten.av-masonry-col-flexible .av-masonry-entry:nth-of-type(7), .responsive.html_stretched .__themenwelten.av-masonry-col-flexible .av-masonry-entry:nth-of-type(7){width: 19.92%}

	.__themenwelten.av-fixed-size .av-masonry-entry.av-landscape-img .av-inner-masonry-sizer{padding: 15%;}
	.__themenwelten.av-fixed-size .av-masonry-entry:nth-of-type(5) .av-inner-masonry-sizer, .__themenwelten.av-fixed-size .av-masonry-entry:nth-of-type(6) .av-inner-masonry-sizer{padding-bottom: 65%}
	.__themenwelten.av-fixed-size .av-masonry-entry:nth-of-type(7) .av-inner-masonry-sizer{padding-bottom: 130%}
}
@media only screen and (max-width: 480px){ 
	.av-fixed-size .av-masonry-entry.av-landscape-img .av-inner-masonry-sizer{padding-bottom: 80%;}
}

/* Description */
#top .__themenwelten h3.av-masonry-entry-title{font-weight: 600; color: #fff; font-size: var(--step-0)}
#top .__themenwelten .av-masonry-entry .av-inner-masonry-content {padding: 15px 15px 8px 15px;}
.main_color .container .__themenwelten .av-inner-masonry-content{background-color: var(--blue)}
.main_color .container .__themenwelten a:hover .av-inner-masonry-content{background-color: var(--orange)}
.main_color .container .__themenwelten .av-masonry-entry .avia-arrow{display: none;}
.avia_desktop .av-hover-overlay-active .av-masonry-image-container{opacity: 1;}

/*Produkte - Portfolio*/
.__portfolio-grid .grid-content .avia-arrow {display:none;}
.__portfolio-grid article.inner-entry {margin: 5px;}
.__portfolio-grid .grid-entry .inner-entry {box-shadow: none;}
.__portfolio-grid .grid-content {border-radius: 0 25px 0 25px;background: var(--blue) !important;margin-top: -25px;	min-height:130px !important;}
.__portfolio-grid .grid-entry-title {background-color:transparent;}
.__portfolio-grid .grid-entry-excerpt.entry-content {color: #fff;text-align: left;font-style: normal;font-size: var(--step--1);	display:-webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}
.__portfolio-grid article.main_color.inner-entry:hover a img {scale: 1.05;transition: all 0.4s ease-in-out;}
.__portfolio-grid article.main_color.inner-entry a img {transition: all 0.4s ease-in-out;}
#top .__portfolio-grid .grid-entry-title.entry-title {color: #fff; font-weight: 700;text-align: left;}
#top .av-masonry-read-more{color: var(--orange); margin-top: .5rem;}
#top .av-masonry-read-more:after {
  content: '›'; 
	font-size: var(--step-1);
  display: inline-block;
  margin-left: 16px;
  transition: transform 0.3s ease;
  position: relative;
	top: 1px;
}

.av-masonry-entry:hover .av-masonry-read-more:after {
  transform: translateX(4px);
}

@media screen and (max-width:500px){.__portfolio-grid .grid-content {min-height:150px !important;}}
@media screen and (min-width:989px){.__portfolio-grid .grid-content {min-height:150px !important;}}
@media screen and (max-width:1308px){.__portfolio-grid .grid-content {min-height:160px !important;}}

/* Produkte - Masonry */
#top div.container .av-masonry .av-masonry-sort {margin-bottom: 45px; font-size: var(--step-1)}
.__masonry-products .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer{height:500px}
#top .__masonry-products .av-masonry-outerimage-container{margin-bottom:110px}
.__masonry-products .avia-arrow{display:none}
#top .__masonry-products a.av-masonry-entry{border-radius:25px!important}
.__masonry-products .av-masonry-entry .av-inner-masonry-content{border-radius:0 25px;background:var(--blue)!important;min-height:130px!important;color:#fff}
#top .__masonry-products .av-masonry-entry .av-masonry-entry-title{background-color:transparent;color:#fff;font-weight:700;text-align:left}
.__masonry-products .av-masonry-entry .av-masonry-entry-content{color:#fff;text-align:left;font-style:normal;font-size:var(--step--1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.__masonry-products .av-masonry-entry:hover .av-masonry-image-container{transform:scale(1.05);transition:.4s ease-in-out}
.__masonry-products .av-masonry-image-container{transition:.4s ease-in-out}
#top .__masonry-products .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content{display:block}

@media screen and (max-width:500px){.__masonry-products .av-masonry-entry .av-inner-masonry-content{min-height:150px!important}}
@media screen and (min-width:989px){.__masonry-products .av-masonry-entry .av-inner-masonry-content{min-height:150px!important}}
@media screen and (max-width:1308px){.__masonry-products .av-masonry-entry .av-inner-masonry-content{min-height:160px!important}}

/* Produkte - Masonry Icons */
#top .av-masonry-sort a > span:before{
    font-family: 'voeroka-icons';
    margin: 0 .5em 0 0;
	font-weight: 400;
	font-size: var(--step-3)
}
#top span.inner_sort_button{line-height: var(--step-3)}
html #top.page-id-198 .av-masonry-sort .av-sort-by-term a.all_sort_button {
    vertical-align: top;
    padding: 0.55em 1.4em;
}


#top .av-masonry-sort a[data-filter="flach_sort"] > span:before,
#top .av-masonry-sort a[data-filter="flat_sort"] > span:before{content: '\e805'}
#top .av-masonry-sort a[data-filter="halbhoch_sort"] > span:before,
#top .av-masonry-sort a[data-filter="half-high_sort"] > span:before{content: '\e806'}
#top .av-masonry-sort a[data-filter="hoch_sort"] > span:before,
#top .av-masonry-sort a[data-filter="high_sort"] > span:before{content: '\e807'}

#top .av-masonry-container .av-masonry-entry.flach_sort figure:after,
#top .av-masonry-container .av-masonry-entry.halbhoch_sort figure:after,
#top .av-masonry-container .av-masonry-entry.hoch_sort figure:after,
#top .av-masonry-container .av-masonry-entry.flat_sort figure:after,
#top .av-masonry-container .av-masonry-entry.half-high_sort figure:after,
#top .av-masonry-container .av-masonry-entry.high_sort figure:after{
    font-family: 'voeroka-icons';
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1;
    line-height: 1;
    color: #fff;
    background: var(--blue);
    font-size: var(--step-4);
    padding: .2em;
    border-radius: 1rem;
}
#top .av-masonry-container .av-masonry-entry.flach_sort figure:after,
#top .av-masonry-container .av-masonry-entry.flat_sort figure:after{content: '\e805'}
#top .av-masonry-container .av-masonry-entry.halbhoch_sort figure:after,
#top .av-masonry-container .av-masonry-entry.half-high_sort figure:after{content: '\e806'}
#top .av-masonry-container .av-masonry-entry.hoch_sort figure:after,
#top .av-masonry-container .av-masonry-entry.high_sort figure:after{content: '\e807'}

/* Produkte - Filter */
#top .av-masonry-sort{text-align: left;}
#top .av-masonry-sort .av-sort-by-term a{
	font-size: var(--step-0);
    font-weight: 600;
	line-height: var(--step-3);
    padding: 0.4em 1.4em;
    border-radius: 0 10px 0 10px;
    background: var(--orange);
    border: 2px solid var(--orange) !important;
    color: var(--blue) !important;
    text-decoration: none !important;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
	margin: 0 1rem .5rem 0;
}
#top .av-masonry-sort .av-sort-by-term a:hover, #top .av-masonry-sort .av-sort-by-term a:focus{background: var(--blue); color: #fff !important; border: 2px solid var(--blue) !important;}
#top .av-masonry-sort .av-sort-by-term a.active_sort{background: var(--blue); color: #fff !important; border: 2px solid var(--blue) !important;}
#top .av-masonry-sort .text-sep{display: none;}

/* Image Preview */
.__img-preview .av-image-caption-overlay-position {position:relative;}
.__img-preview .av-image-caption-overlay-center{position: absolute;width: 100%;background: rgba(41, 54, 106, 0.9); bottom:0; text-align: left;padding: 10px 35px;}
#top .__img-preview .av-image-caption-overlay-center p {color:#fff;}
#top .__img-preview .av-caption-image-overlay-bg {display: none;}
.__img-preview .avia-image-container {overflow:hidden;}
.__img-preview .avia-image-container-inner:hover .avia-image-overlay-wrap img {scale:1.05; transition: all 0.4s ease-in-out;}
.__img-preview .avia-image-container-inner .avia-image-overlay-wrap img {transition: all 0.4s ease-in-out;}

/* Produkte Navigation */

#top .avia-post-nav {background: rgba(41, 54, 106, 0.9); color: #fff;}
#top .avia-post-nav:hover{background: rgba(41, 54, 106, 0.9)}
.avia-post-nav .entry-info span{font-size: var(--step--1)}

/*Video*/

.avia-video, .avia-video iframe, .avia-video video {
    background-color: #fff !important;
}

/* =======================================================================================================================================
Shortcode -> [product-cat-icons]
======================================================================================================================================= */
#top ul.__product--cat--icons{list-style: none; margin: 0; display: flex; gap: 0.4rem}
#top ul.__product--cat--icons > li{margin: 0; padding: 0}
#top ul.__product--cat--icons > li a{
    color: #fff; 
    font-size: var(--step-4);
    line-height: 1;
    display: inline-block;
    background: var(--blue);
    border-radius: 1rem;
    padding: .2em;
    opacity: .5;
}
#top ul.__product--cat--icons > li a:before{font-family: 'voeroka-icons';}
#top ul.__product--cat--icons > li.flach a:before,
#top ul.__product--cat--icons > li.flat a:before{content: '\e805'}
#top ul.__product--cat--icons > li.halbhoch a:before,
#top ul.__product--cat--icons > li.half-high a:before{content: '\e806'}
#top ul.__product--cat--icons > li.hoch a:before,
#top ul.__product--cat--icons > li.high a:before{content: '\e807'}

#top ul.__product--cat--icons > li.active a{opacity: 1}


/* =======================================================================================================================================
Blog
======================================================================================================================================= */
/* News Grid */
#top .avia-content-slider .slide-entry-wrap{
    grid-template-columns: repeat(auto-fill, minmax(375px, 1fr));
    display: grid;
    gap: 2rem;
}
#top .avia-content-slider .slide-entry-wrap > article{width: 100% !important; margin: 0 !important; float: none; background: var(--blue); border-radius: 0 0 0 25px}
#top .avia-content-slider .slide-entry-wrap > article .slide-image, 
#top .avia-content-slider .slide-entry-wrap > article .slide-image img{border-radius: 0}
#top .avia-content-slider .slide-entry-wrap > article .slide-image img{transition: transform 0.3s ease; transform-origin: center center; }
#top .avia-content-slider .slide-entry-wrap > article:hover .slide-image img{transform: scale(1.05);}
#top .avia-content-slider .slide-entry-wrap > article .slide-content{padding: 1rem 5%}
#top .avia-content-slider .slide-entry-wrap > article .slide-content h3, 
#top .avia-content-slider .slide-entry-wrap > article .slide-content .slide-entry-excerpt{color: #fff;}
#top .avia-content-slider .slide-entry-wrap > article .slide-content .read-more-link{margin-top: 20px;}
#top .avia-content-slider .slide-entry-wrap > article .slide-content .read-more-link a:hover{color: var(--orange); text-decoration: underline}
#top .avia-content-slider .slide-entry-wrap > article .slide-meta{padding: 0;}
#top .avia-content-slider .slide-entry-wrap > article .slide-meta time{font-size: var(--step--1)}

/* Messe Grid */
#top .avia-content-slider.__messe-grid .slide-meta{display: none;}
#top .avia-content-slider.__messe-grid  .slide-entry-excerpt{color: var(--orange);}

/* Single Post - News */
#top .template-single-blog article.post-entry .big-preview{max-width: 720px; margin: auto; }
#top .fullsize .template-blog .big-preview img{border-radius: 0 25px 0 25px}
#top .fullsize .template-blog .post .entry-content-wrapper{max-width: 720px; text-align: left; line-height: 1.6; font-size: var(--step-0);}

#top .entry-content-header {display: flex; flex-direction: column-reverse;}

#top .template-single-blog article.post-entry .entry-content-wrapper header h1{text-align: left; font-size: var(--step-3); padding: 0;}
#top .template-single-blog article.post-entry .entry-content-wrapper header .post-meta-infos{text-align: left; font-size: var(--step-0); padding: 1.5rem 0 0 0}

#top .template-single-blog article.post-entry .entry-content-wrapper a{text-decoration: underline}

/* Single Post - Messe */
#top .template-single-blog article.category-messe .entry-content-wrapper header h1{padding: 1.5rem 0 0 0}
#top .template-single-blog article.category-messe .entry-content-wrapper header .post-meta-infos{display: none;}
#top .template-single-blog article.category-messe .entry-content-wrapper h2{font-size: var(--step-1); padding: 0 0 1rem 0; font-weight: 700; color: var(--orange)}



/* Hotspot Media */

.__map-size img {width:1000px}
.flex_column.__map-text{ padding: 50px 0;}

@media only screen and (max-width: 989px){
	.__map-size img {width:450px}
	.__map-container {margin-bottom: 0 !important;}
}
@media only screen and (max-width: 600px){
	.__map-size img {width:100%}
}

@media only screen and (min-width: 990px){
	.responsive .av-image-hotspot-pulse {
    height: 600px;
    width: 600px;
    top: -290px;
    left: -285px;
	}
}
#top .av-hotspot-container .av-image-hotspot-pulse{
    height: 600px;
    width: 600px;
    top: -290px;
    left: -285px;
}
@media only screen and (max-width: 767px){
.responsive .av-hotspot-image-container.av-hotspot-blank.av-mobile-fallback-active .av-image-hotspot_inner {
    color: #fff;
}
	#top .av-hotspot-image-container .av-hotspot-fallback-tooltip{display: none;}
}
#top .av-hotspot-container .av-image-hotspot-pulse{
	border-radius: 1000px;
	animation: av_pulsate 2.5s linear infinite;
}

#top .av-hotspot-container .av-image-hotspot_inner{cursor: default;}


/* Passwort Seite - Händlerportal */
#top label[for="field_fhypc-0"] {font-weight: 400}

#top .custom-password-form{margin: 130px 0}
#top .custom-password-form input[type="submit"]{color:var(--blue)!important;font-size:var(--step-0);padding:.7em 1.4em;border-radius:0 10px;background:var(--orange);border:2px solid var(--orange)!important;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;margin:.5em 0 1em;text-align:center;font-weight:400;box-shadow:none; font-weight: 600; font-family: var(--primary-font); margin-top: 30px}
#top .custom-password-form input[type="submit"]:hover,
#top .custom-password-form input[type="submit"]:focus,
#top .custom-password-form input[type="submit"]:active{color:var(--blue)!important;background:0 0;background:var(--orange)!important;translate:0 -2px}
#top .custom-password-form .passwort-info{margin-top: 50px;}


/* =======================================================================================================================================
Anfrage-Dialog
======================================================================================================================================= */
html.dialog-active{
    height: 100vh;
    overflow: hidden;
}

.dialog{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 50%);
    z-index: 5000;
    animation: showDialog .2s;
}

@keyframes showDialog{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

.dialog > section{
    width: 100%;
    height: 100%;
    max-width: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% 0;
    padding: 4rem 4%;
    overflow: hidden;
}

.dialog > section > .close{
    position: absolute;
    right: 1rem;
    top: 1rem;
    line-height: 1;
    font-size: 2rem;
    cursor: pointer;
    padding: 0 .25em;
}

.dialog > section > div{
    height: 100%;
    overflow: auto;
    scrollbar-width: none;
    padding: .5rem;
}

.dialog > section > div::-webkit-scrollbar{
    display: none;
}

@media (min-width: 1640px){
    .dialog > section{
        height: calc(100% - 4rem);
        max-width: 1540px;
        top: 2rem;
        border-radius: 2rem;
    }
}



/* =======================================================================================================================================
Anfrage-Formular
======================================================================================================================================= */
#form_online-anfrage #frm_field_244_container{display: none}
#form_online-anfrage .frm_fields_container{padding: 0 .5rem}
#form_online-anfrage .frm_image_options .frm_image_option_container{border: 1px solid transparent; box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 5%)}
#form_online-anfrage .frm_image_options input[type="radio"]:not([disabled]) + .frm_image_option_container:hover, .frm_image_options input[type="checkbox"]:not([disabled]) + .frm_image_option_container:hover, input[type="radio"]:checked + .frm_image_option_container, input[type="checkbox"]:checked + .frm_image_option_container {border: 1px solid var(--orange) !important; box-shadow: 0px 0px 5px 5px rgb(250 173 43 / 20%) !important}
#form_online-anfrage .frm_image_options .frm_image_option_container .frm_empty_url, .frm_image_options .frm_image_option_container img {
    max-width: 90px;
    max-height: 90px;
	margin: 2rem;
    object-fit: unset;
	border-radius: 0;
}

#form_online-anfrage label span.frm_text_label_for_image_inner{color: var(--blue); font-size: var(--step--1); font-weight: 700;}
#form_online-anfrage .frm_image_size_small input{display: none !important;}

#form_online-anfrage input[value="Gewerbe & Industrie"] + .frm_image_option_container span.frm_text_label_for_image {margin-top: -24px;}
#form_online-anfrage input[value="Terrasse & Wintergarten"] + .frm_image_option_container span.frm_text_label_for_image {margin-top: -24px;}

#form_online-anfrage h3{margin-bottom: 2rem !important; font-size: var(--step-2)}
#form_online-anfrage h4{font-weight: 700;}

#form_online-anfrage .frm_form_field ul{list-style-type: disc; list-style: auto; color: var(--blue); margin-left: 0.7rem;}
#form_online-anfrage .frm_form_field ul li {padding-left: 0.2rem;}
#form_online-anfrage .frm_form_field ul li::marker {
    content: "▪ "; 
	color: var(--orange);
    font-size: 1.2em;
	font-weight: 700;
	margin-right: 1em;
}

.frm_style_formidable-style.with_frm_style .frm_rootline .frm_current_page input[type="button"], .frm_style_formidable-style.with_frm_style .frm_page_bar input.frm_rootline_show_more_btn.active {
    border-color: var(--orange) !important;
    background-color: var(--orange) !important;
    color: var(--blue) !important;
}

.frm_style_formidable-style.with_frm_style .frm_rootline input[type="button"]{background-color: var(--second-light-orange)}

.frm_rtl .frm_rootline.frm_show_lines > .frm_rootline_single:first-child::after, .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after, .frm_rootline.frm_show_lines > .frm_rootline_single:after{background: var(--second-orange)}
#top .frm_style_formidable-style.with_frm_style .frm_page_bar input{border-radius: 50% !important; font-weight: 700; font-family: var(--heading-font)}


#form_online-anfrage .frm_error_style{display: none;}
.frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_limit_error {
	margin-top: 1rem;
	padding: 0.5rem;
	background: lightpink;
	border: 1px solid darkred;
	font-weight: 700;
    color: darkred;
	border-radius: 5px;
}
#top .frm_error_style p {
    color: inherit;
    margin: 0;
    font-size: var(--step--1);
}

/* =======================================================================================================================================
Footer
======================================================================================================================================= */
#footer{padding: 2rem 0}
#footer {box-shadow: 10px 10px 10px 10px rgb(0 0 0 / 20%); -webkit-box-shadow:10px 10px 10px 10px rgb(0 0 0 / 20%);}
#top .av-icon-char.__contact-icons {color: var(--orange);font-size: 26px;margin-right: 10px;}
#top .av-icon-char.__contact-icons.mail {font-size: 20px;}

@media screen and (max-width: 767px) {#footer .widget {margin: 10px 0;}}
@media screen and (max-width: 850px) and (min-width: 750px){#top .textwidget p {font-size: .9em;} #socket .sub_menu_socket {float: left;}}

#socket{font-size: var(--step--1);}
#socket .container{padding-top: 1rem; padding-bottom: 6rem;}
#socket {border: 0;}
.socket_color li{border-color: var(--blue);}

#scroll-top-link{height: 56px; width: 48px; line-height: 56px; border-radius: 0; border: 0 !important; background: #f2f2f2}
#scroll-top-link.avia_pop_class{opacity: 1}
#scroll-top-link:hover{background: #f2f2f2}
#scroll-top-link:before{content: '\e87e'}
#scroll-top-link {display:none;}

/* Google Badge Trustindex */
@media screen and (min-width: 768px){
	.__google-badge{
		width: 60px;
		position: fixed;
		top: 130px;
		left: 12px;
		cursor: pointer;
		z-index: 500;
		transition: .2s;
	}
}

.ti-widget.ti-goog .ti-top-rated-title{font-size: 12px !important}
.ti-widget.ti-goog .ti-verified-by{font-size: 10px !important}

@media screen and (max-width: 767px){
.ti-widget.ti-goog .ti-widget-container {text-align: left !important;}
}


/*Footer Background Image*/
#footer {
    background-image: url(/wp-content/uploads/2024/10/voeroka_bogen-element.svg);
    background-repeat: no-repeat;
    background-size: 13% auto;
    background-position-y: bottom;
}

@media screen and (min-width: 900px){#footer {background-size: 10% auto;}}
@media screen and (min-width: 1400px){#footer {background-size: 6% auto;}}

/*Footer Buttons*/
#top #footer .widget_nav_menu ul.menu > li > a{
    color: var(--blue) !important;
    font-size: var(--step-0);
    font-weight: 600 !important;
    padding: 0.5em 1.4em;
    border-radius: 0 10px 0 10px;
    background: var(--orange);
    border: 2px solid var(--orange) !important;
    transition: .2s ease;
    width: fit-content; 
    margin: 0.5em 0 1em 0;
    text-align: center;
    font-weight: 400;
}
#top #footer .widget_nav_menu ul.menu > li > a:hover{translate: 0 -2px}

@media screen and (min-width: 500px) and (max-width: 767px) {#top #footer.footer_color .widget_nav_menu > .menu-footer-container > #menu-footer > li > a {width: 30%;}}
@media screen and (min-width: 767px) and (max-width: 1300px) {#top #footer.footer_color .widget_nav_menu > .menu-footer-container > #menu-footer > li > a {width: 100%;}}
@media screen and (min-width: 1300px) {#top #footer.footer_color .widget_nav_menu > .menu-footer-container > #menu-footer > li > a {width: 50%;}}

/*Footer Logo*/
.textwidget.custom-html-widget img {max-width: 60%;}
@media screen and (max-width: 767px) {.textwidget.custom-html-widget img {max-width: 40%;}}