/*
 Theme Name:   PDV
 Description:  PDV Group - WordPress Child Theme
 Author:       Antonello Vertucci
 Author URI:   https://vertucci.de
 Template:     enfold
 Version:      1.0
*/

/* roboto-300 - 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: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - 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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - 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: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - 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: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* @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 */

: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 {
    --pdv-red-25: #eccbcc;
    --pdv-red-50: #d89698;
    --pdv-red-75: #c26164;
    --pdv-red: #aa272f;
    --pdv-red-150: #8d161c;
    --pdv-red-200: #511218;
    --pdv-red-300: #2e0a0e;
    --pdv-group-25: #dedde0;
    --pdv-group-50: #bcbac0;
    --pdv-group-75: #9b98a1;
    --pdv-group: #7a7682;
    --pdv-group-150: #5a5662;
    --pdv-group-200: #3a3742;
    --pdv-group-300: #27252c;
    --pdv-blue-25: #c7ebf9;
    --pdv-blue-50: #90d7f2;
    --pdv-blue-75: #59c4ec;
    --pdv-blue: #21b0e6;
    --pdv-blue-150: #1294da;
    --pdv-blue-200: #0479cf;
    --pdv-blue-300: #0154bb;
}

:root {
    --primary-font: 'Roboto', sans-serif;
    --heading-font: 'Roboto', sans-serif;
	--primary-color-25: var(--pdv-group-25);
	--primary-color-50: var(--pdv-group-50);
	--primary-color-75: var(--pdv-group-75);
	--primary-color: var(--pdv-group);
	--primary-color-150: var(--pdv-group-150);
    --primary-color-200: var(--pdv-group-200);
    --primary-color-300: var(--pdv-group-300);
    --navigation-hover-color: var(--primary-color-200);
    --focus-color: red;
}


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

#top h1, #top .h1, #top .h1 .av-special-heading-tag{font-size: var(--step-5);}
#top h2, #top .h2, #top .h2 .av-special-heading-tag{font-size: var(--step-3);}
#top h3, #top .h3, #top .h3 .av-special-heading-tag{font-size: var(--step-2);}
#top h4, #top .h4, #top .h4 .av-special-heading-tag{font-size: var(--step-1);}
#top h5, #top .h5, #top .h5 .av-special-heading-tag{font-size: var(--step-1);}
#top h6, #top .h6, #top .h6 .av-special-heading-tag{font-size: var(--step-1);}

@media (max-width: 480px){
    h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{-webkit-hyphens: auto;hyphens: auto;}
}

#top mark{color: var(--primary-color-75) !important;}
#top label span, 
#top legend span{font-weight: 400; font-size: var(--step--1); color: var(--pdv-group-200);}

#top p a,
#top h1 a, 
#top h2 a, 
#top h3 a, 
#top h4 a, 
#top h5 a, 
#top h6 a{
    text-underline-offset: 0.25em;
    text-decoration-thickness: .025rem;
    text-decoration: underline;
}

#top .special_amp{color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
#top .av-special-heading{padding: 0 !important; overflow: auto;}
#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 .av_one_third .av-special-heading-tag{hyphens: auto;}

#top .header_color b,
#top .header_color strong,
#top .main_color b,
#top .main_color strong,
#top .alternate_color b,
#top .alternate_color strong{color: inherit;}

/* Button */
#top div .avia-button{
    font-size: var(--step--1);
    font-weight: 700;
    padding: 1em 2em;
    border-radius: 2em;
    background: var(--primary-color-200) !important;
    border: 2px solid var(--primary-color-200)!important;
    color: #fff !important;
    text-decoration: none !important;
    transition: .2s ease;
    text-transform: uppercase;
}
#top div .avia-button.avia-color-white{background-color: #fff !important; border-color: #fff !important; color: var(--primary-color-200) !important;}
#top div .avia-button.avia-color-dark{color: var(--primary-color-200) !important; background-color: transparent !important}
#top div .avia-button.avia-color-light{border-color: #fff !important; background-color: transparent !important; border-color: #fff !important;}
#top div .avia-button:hover{opacity: 1}
html.no-touch-device #top div .avia-button:hover{translate: 0 -2px}

/* 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 .entry-content-wrapper .avia_textblock ul,
#top .news-text-wrap ul{
    list-style: none;
    margin: 0 0 1em .75em
}

#top .entry-content-wrapper .avia_textblock ul > li,
#top .news-text-wrap ul > li{
    margin: 0 0 .5em 0;
    padding-left: .75em;
    position: relative
}

#top .entry-content-wrapper .avia_textblock ul > li:before,
#top .news-text-wrap ul > li:before{
    content: '\e8bd';
    color: var(--primary-color);
    font-family: 'entypo-fontello';
    position: absolute;
    left: 0;
    display: inline-block;
    scale: 1.5;
}

/* Table */
#top table,
#top table tr,
#top table tr th,
#top table tr td{border: 0; background: transparent; padding: 0; margin: 0; font-size: var(--step-0)}
#top table tr{border-bottom: 1px solid #dedde0;}
#top table tr td{padding: .5em 0}


/* ==========================================================================
   Header
========================================================================== */
#header:not(.av_header_transparency){
    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);
}
#header .container{max-width: 1440px}

@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: 109px !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: space-between;
        align-items: center;
        gap: 1rem;
    }
}

/* Logo */
#header_main .inner-container > .logo{position: relative; margin-right: auto;}
#header_main .inner-container > .logo,
#header_main .inner-container > .logo a{display: flex; align-items: center; overflow: visible}
#header_main .inner-container > .logo a{height: auto}
#header_main .inner-container > .logo a svg,
#header_main .inner-container > .logo a img{
	width: 160px;
    aspect-ratio: 16 / 4;
    object-fit: contain;
    object-position: left;
}

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

/* Navigation */
@media only screen and (min-width: 990px){
    #top #header_main .inner-container > nav{display: flex; align-items: center; position: relative;}
	#top #header_main .inner-container > nav > div,
	#top #header_main .inner-container > nav > div > ul,
	#top #header_main .inner-container > nav > div > ul > li{height: 100%}
	#top #header_main .inner-container > nav > div > ul > li.menu-item{display: flex; align-items: center}
	
    #top #header_main .inner-container > nav ul#avia-menu > li > a{line-height: 1.6 !important; height: auto !important; font-size: var(--step--1); font-weight: 400; text-transform: uppercase;}
	#top #header_main .inner-container > nav ul#avia-menu > li > ul{background-color: #fff; padding: 1rem .5rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;}
    #top #header_main .inner-container > nav ul#avia-menu > li li > a{font-size: var(--step--1); font-weight: 400; background: transparent; border: 0;}
	
	#top #header_main .avia_mega_div{background-color: #fff; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;}
    #top #header_main .avia_mega_div ul,
    #top #header_main .avia_mega_div ul li{background-color: #fff;}
    #top #header_main .avia_mega_div ul li a{background-color: #fff; font-size: var(--step--1); margin: 4px;}

    #top #header_main .inner-container > nav a{text-decoration: none !important; transition: none;}
    #top #header_main .inner-container > nav a:hover,
    #top #header_main .inner-container > nav a:hover span,
    #top #header_main .inner-container > nav li.current-menu-item > a,
    #top #header_main .inner-container > nav li.current-menu-ancestor > a,
    #top #header_main .inner-container > nav li > span.mega_menu_title a:hover,
    #top #header_main .inner-container > nav li.current-menu-item > span.mega_menu_title a,
    #top #header_main .inner-container > nav li.current-menu-ancestor > span.mega_menu_title a{color: var(--navigation-hover-color);}
}

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

/* Hamburger Menu */
.av-hamburger-box{width: 32px}
.av-hamburger-inner, 
.av-hamburger-inner::before, 
.av-hamburger-inner::after{border-radius: 0; height: 1.5px;}
#top ul#av-burger-menu-ul{vertical-align: top}
#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); border-color: var(--pdv-group-25) !important; text-transform: uppercase;}
#top ul#av-burger-menu-ul > li li > a{font-size: var(--step-0); border-color: var(--pdv-group-25) !important}
#top ul#av-burger-menu-ul li.current-menu-item > a span{color: var(--primary-color-200);}


/* ==========================================================================
   Breadcrumbs
========================================================================== */
#top .avia-section.__breadcrumbs .container{max-width: 1440px}
#top .avia-section.__breadcrumbs .breadcrumb-trail{display: flex; gap: .5em; font-size: var(--step--1); color: var(--pdv-group-150); overflow: auto; scrollbar-width: none; padding: .25rem;}
#top .avia-section.__breadcrumbs .breadcrumb-trail::-webkit-scrollbar{display: none;}
#top .avia-section.__breadcrumbs .breadcrumb-trail .sep{width: auto; padding: 0; min-width: 4px;}
#top .avia-section.__breadcrumbs .breadcrumb-trail span{white-space: nowrap;}
#top .avia-section.__breadcrumbs .breadcrumb-trail a{color: var(--pdv-group-150);}


/* ==========================================================================
   Accessibility    
========================================================================== */
#top :focus-visible{
    overflow: visible; 
    outline: 2px dashed var(--focus-color) !important;
    border-color: transparent !important;
    opacity: 1 !important;
	box-shadow: none;
}


/* ==========================================================================
   Misc
========================================================================== */
/* Layout */
html,
html.html_boxed{background-color: #fff;}
.responsive .avia-section .container{
    max-width: 1440px;
}
.responsive .boxed#top, 
.responsive.html_boxed.html_header_sticky #header, 
.responsive.html_boxed.html_header_transparency #header{
    max-width: 100%;
}

#main{background: #fff; overflow: hidden;}

#top .avia_codeblock > *{clear: both;}

#top .__section--small .container{max-width: 990px}
#top .__section--large .container{max-width: 1440px}
#top .__section--full .container{max-width: 100% !important; width: 100% !important; padding: 0 !important}

.avia_codeblock{clear: both;}
.container{padding: 0 1rem;}
.container_wrap{border: 0}

@media only screen and (max-width: 767px){
    .responsive #top #wrap_all .container{width: 100%; max-width: 100%; padding-left: 1rem; padding-right: 1rem;}
}

/* Sticky Column */
@media only screen and (min-width: 990px){
    html.responsive, .responsive body, #wrap_all{overflow: inherit;}
    #top .flex_column.__sticky{position: sticky; top: 160px;}
}

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

#top .avia-image-container.quadratisch img{aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; border-radius: 1rem;}
#top .avia-image-container.av-styling-circle img{aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; border-radius: 50%;}

/* Avia Video */
#top .avia-video-16-9:not(.avia-video-html5){padding: 0; height: auto;}
#top .avia-video-16-9 .avia-iframe-wrap, 
#top .avia-video-16-9 .avia-iframe-wrap iframe{
    position: static;
    width: 100%;
    height: auto;
    left: unset;
    top: unset;
    padding: 0;
}
#top .avia-video-16-9 iframe{aspect-ratio: 16 / 9; display: block;}

/* Toggle */
#top section.av_toggle_section .toggler{padding: .8em 3.2em .8em 1.2em; margin: .25rem .25rem .8em; font-size: var(--step-0); background: var(--primary-color-200); border: 0; border-radius: 1rem; font-weight: 700; color: #fff; transition: .2s;}
#top section.av_toggle_section .toggler:hover,
#top section.av_toggle_section .toggler.activeTitle{background: var(--primary-color-200);}
#top section.av_toggle_section .toggler .toggle_icon{display: none;}
#top section.av_toggle_section .toggler:after{content: '\e80c'; font-family: 'cc_egov-fontello'; position: absolute; right: 1.2em; top: .8em; scale: 1.2; transition: .2s ease; rotate: 90deg}
#top section.av_toggle_section .toggler.activeTitle:after{rotate: 270deg}
#top section.av_toggle_section .toggle_content{border: 0; background: transparent; padding: .5em calc(1.2 * var(--step-0)) 1.5em;}
#top section.av_toggle_section .toggle_content *{font-size: var(--step-0);}

#top  .__toggle > .__toggle--title{background: #f6f6f6; padding: 1em 2rem; border-radius: .5em; cursor: pointer; display: block;}
#top  .__toggle > .__toggle--content{padding: 1em 2rem; display: none;}
#top  .__toggle.active > .__toggle--title{background-color: var(--primary-color-200); color: #fff;}
#top  .__toggle.active > .__toggle--content{display: block;}

/* Tabs */
#top .tabcontainer{border: 0 !important; padding: 2px;}
#top .tabcontainer .tab_titles{padding: 2px; max-width: 320px;}
#top .tabcontainer .tab{padding: .8em 3.2em .8em 1.2em; margin: 0 0 .8em; font-size: var(--step-0); background: #fff; color: var(--primary-color-200); box-shadow: 0 0 0 2px var(--primary-color-200); border: 0; border-radius: 1rem; font-weight: 700; transition: .2s;}
#top .tabcontainer .tab:hover,
#top .tabcontainer .tab.active_tab{background: var(--primary-color-200) !important; color: #fff !important;}
#top .tabcontainer .av_tab_section .tab_content{background-color: transparent; border: 0; padding: 1rem 4% 2rem;}
#top .tabcontainer .av_tab_section .tab_content .tab_inner_content{margin: 0;}

/* Content slider */
#top .avia-content-slider{padding: 0;}
#top .avia-content-slider h2{margin-bottom: 1em !important;}
#top .avia-content-slider .avia-content-slider-inner .slide-entry.av_one_half{width: 49%; margin-left: 2%;}
#top .avia-content-slider .avia-content-slider-inner .slide-entry.av_one_half.first{margin-left: 0;}

@media only screen and (max-width: 480px){
    #top .avia-content-slider .avia-content-slider-inner .slide-entry.av_one_half{margin: .5rem 0 !important; width: 100% !important;}
}

#top .avia-content-slider:not(.avia-logo-element-container) .avia-content-slider-inner .slide-entry,
#top .avia-content-slider:not(.avia-logo-element-container).wbox .avia-content-slider-inner .slide-entry.wbox,
#top .avia-content-slider:not(.avia-logo-element-container) .avia-content-slider-inner .slide-entry.gbox{
    padding: 1rem;
    border-radius: 1rem;
    font-size: var(--step--1);
    background-color: var(--primary-color);
    border: 0;
    scale: .99;
}

#top .avia-content-slider:not(.avia-logo-element-container) .avia-content-slider-inner .slide-entry img{border-radius: 1rem; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover;}

#top .avia-content-slider:not(.avia-logo-element-container) .avia-content-slider-inner .slide-entry a:not(.avia-button){color: inherit; text-decoration: underline;}
#top .avia-content-slider:not(.avia-logo-element-container) .avia-content-slider-inner .slide-entry p{color: #fff; font-size: var(--step--1);}
#top .avia-content-slider:not(.avia-logo-element-container) .avia-content-slider-inner .slide-entry ul{color: #fff;}
#top .avia-content-slider:not(.avia-logo-element-container) .avia-content-slider-inner .slide-entry .av-icon-char{margin: 0 0 .2em 0; display: block; color: #fff;}
#top .avia-content-slider:not(.avia-logo-element-container) .avia-content-slider-inner .slide-entry h1, 
#top .avia-content-slider:not(.avia-logo-element-container) .avia-content-slider-inner .slide-entry h2, 
#top .avia-content-slider:not(.avia-logo-element-container) .avia-content-slider-inner .slide-entry h3, 
#top .avia-content-slider:not(.avia-logo-element-container) .avia-content-slider-inner .slide-entry h4, 
#top .avia-content-slider:not(.avia-logo-element-container) .avia-content-slider-inner .slide-entry h5, 
#top .avia-content-slider:not(.avia-logo-element-container) .avia-content-slider-inner .slide-entry h6{color: #fff;}

#top .avia-content-slider:not(.avia-logo-element-container).bbox .avia-content-slider-inner .slide-entry{background: var(--primary-color-200);}

#top .avia-content-slider:not(.avia-logo-element-container).wbox .avia-content-slider-inner .slide-entry{background: #fff;}
#top .avia-content-slider:not(.avia-logo-element-container).wbox .avia-content-slider-inner .slide-entry a:not(.avia-button),
#top .avia-content-slider:not(.avia-logo-element-container).wbox .avia-content-slider-inner .slide-entry p,
#top .avia-content-slider:not(.avia-logo-element-container).wbox .avia-content-slider-inner .slide-entry ul{color: var(--pdv-group-200);}
#top .avia-content-slider:not(.avia-logo-element-container).wbox .avia-content-slider-inner .slide-entry .av-icon-char{color: var(--primary-color-200);}
#top .avia-content-slider:not(.avia-logo-element-container).wbox .avia-content-slider-inner .slide-entry h1, 
#top .avia-content-slider:not(.avia-logo-element-container).wbox .avia-content-slider-inner .slide-entry h2, 
#top .avia-content-slider:not(.avia-logo-element-container).wbox .avia-content-slider-inner .slide-entry h3, 
#top .avia-content-slider:not(.avia-logo-element-container).wbox .avia-content-slider-inner .slide-entry h4, 
#top .avia-content-slider:not(.avia-logo-element-container).wbox .avia-content-slider-inner .slide-entry h5, 
#top .avia-content-slider:not(.avia-logo-element-container).wbox .avia-content-slider-inner .slide-entry h6{color: var(--primary-color-200);}

#top .avia-content-slider:not(.avia-logo-element-container).gbox .avia-content-slider-inner .slide-entry{background: var(--pdv-group);}

/* Content slider arrows */
#top .avia-smallarrow-slider-heading{
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 1em 0;
}
#top .avia-smallarrow-slider-heading h3{
    margin: 0 !important;
    top: unset;
}
#top .avia-smallarrow-slider .avia-slideshow-arrows{
    position: relative;
    width: unset;
    top: unset;
    left: unset;
    height: unset;
    display: flex;
    gap: 0.5em;
    font-size: 32px;
}
#top .avia-smallarrow-slider .avia-slideshow-arrows a{
    opacity: 1 !important;
    margin: 0 !important;
    width: 1em !important;
    height: auto;
    line-height: 1;
    font-size: 1em;
    top: unset;
    position: inherit;
    background: transparent;
}
#top .avia-smallarrow-slider .avia-slideshow-arrows a > svg{display: none;}
#top .avia-smallarrow-slider:not(.av-slideshow-ui) .avia-slideshow-arrows a, 
#top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev a.prev-slide, 
#top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-next a.next-slide{width: 1em !important;}
#top .avia-slideshow-arrows > a:before{
    color: var(--primary-color-200);
    background-color: transparent;
    position: static;
    line-height: 1 !important;
}
/*
#top .avia-slideshow-arrows > a.prev-slide:before{content: '\e80d'; font-family: 'cc_egov-fontello';}
#top .avia-slideshow-arrows > a.next-slide:before{content: '\e80c'; font-family: 'cc_egov-fontello';}
*/
#top .socket_color .avia-content-slider .avia-slideshow-arrows > a:before{color: #fff;}

/* Partner/Logo Slider */
#top .avia-logo-element-container img, 
#top .av-partner-fake-img{box-shadow: none;}
#top .av-partner-fake-img{
    background-position: center;
    background-size: 80%;
}

/* Boxen */
#top .flex_column.box,
#top .flex_column.bbox,
#top .flex_column.wbox,
#top .flex_column.gbox{
    padding: 1rem;
    border-radius: 1rem;
    font-size: var(--step--1);
    box-shadow: 0 8px 24px rgb(0 0 0 / 20%);
    transition: .2s;
}

#top .flex_column.box ul li:before,
#top .flex_column.bbox ul li:before,
#top .flex_column.gbox ul li:before{
    color: currentColor;
}

html.no-touch-device #top .flex_column.box.av-column-link:hover,
html.no-touch-device #top .flex_column.bbox.av-column-link:hover,
html.no-touch-device #top .flex_column.wbox.av-column-link:hover,
html.no-touch-device #top .flex_column.gbox.av-column-link:hover{translate: 0 -4px}

#top .flex_column.box a:not(.avia-button),
#top .flex_column.bbox a:not(.avia-button),
#top .flex_column.wbox a:not(.avia-button),
#top .flex_column.gbox a:not(.avia-button){color: inherit; text-decoration: underline;}

#top .flex_column.box:not(.av_one_full):not(.av_one_half):not(.av_two_third) p,
#top .flex_column.bbox:not(.av_one_full):not(.av_one_half):not(.av_two_third) p,
#top .flex_column.wbox:not(.av_one_full):not(.av_one_half):not(.av_two_third) p,
#top .flex_column.gbox:not(.av_one_full):not(.av_one_half):not(.av_two_third) p{font-size: var(--step--1);}

#top .flex_column.box img,
#top .flex_column.bbox img,
#top .flex_column.wbox img,
#top .flex_column.gbox img{border-radius: 1rem; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover;}

#top .flex_column.box .av-icon-char,
#top .flex_column.bbox .av-icon-char,
#top .flex_column.wbox .av-icon-char,
#top .flex_column.gbox .av-icon-char{margin: 0 0 .2em 0; display: block;}

#top .flex_column.box{background-color: var(--primary-color-300);}
#top .flex_column.box p,
#top .flex_column.box ul{color: #fff;}
#top .flex_column.box .av-icon-char{color: #fff;}
#top .flex_column.box h1, #top .flex_column.box h2, #top .flex_column.box h3, #top .flex_column.box h4, #top .flex_column.box h5, #top .flex_column.box h6{color: #fff;}

#top .flex_column.bbox{background-color: var(--primary-color-200);}
#top .flex_column.bbox p,
#top .flex_column.bbox ul{color: #fff;}
#top .flex_column.bbox .av-icon-char{color: #fff;}
#top .flex_column.bbox h1, #top .flex_column.bbox h2, #top .flex_column.bbox h3, #top .flex_column.bbox h4, #top .flex_column.bbox h5, #top .flex_column.bbox h6{color: #fff;}

#top .flex_column.wbox{background: #fff;}
#top .flex_column.wbox p,
#top .flex_column.wbox ul{color: var(--pdv-group-200);}
#top .flex_column.wbox .av-icon-char{color: var(--primary-color-200);}
#top .flex_column.wbox h1, #top .flex_column.wbox h2, #top .flex_column.wbox h3, #top .flex_column.wbox h4, #top .flex_column.wbox h5, #top .flex_column.wbox h6{color: var(--primary-color-200);}

#top .flex_column.gbox{background: var(--pdv-group-150);}
#top .flex_column.gbox p,
#top .flex_column.gbox ul{color: #fff;}
#top .flex_column.gbox .av-icon-char{color: #fff;}
#top .flex_column.gbox h1, #top .flex_column.gbox h2, #top .flex_column.gbox h3, #top .flex_column.gbox h4, #top .flex_column.gbox h5, #top .flex_column.gbox h6{color: #fff;}

/* Bobbel */
#top .bobbel{position: relative; max-width: 220px; display: inline-block; padding: 4em 1em; line-height: 1.2}
#top .bobbel:before{
    content: '';
    background: var(--primary-color);
    color: #fff;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: -1;
}
#top .bobbel p{margin: 0;}
#top .bobbel *{color: #fff; line-height: 1.2}

/* Members */
#top .members-access-error{
    width: 100%;
    clear: both;
    max-width: 1440px;
    padding: 50px 1rem;
    margin: auto;
    color: var(--pdv-red);
}

/* Icon List */
#top .iconlist-timeline{display: none}
#top .avia-icon-list-container > ul.av-iconlist-big {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 2rem 5rem;
    margin: 0;
}
#top .avia-icon-list-container.center > ul.av-iconlist-big{justify-content: center;}

#top .avia-icon-list-container > ul.av-iconlist-big li {
    position: relative;
    background: transparent;
    margin: 0 0 .5rem 0;
    padding: 0;
    min-height: unset;
}
#top .avia-icon-list-container > ul.av-iconlist-big li::before{display: none}

#top .avia-icon-list-container > ul.av-iconlist-big li .iconlist_icon {
    background-color: transparent;
    line-height: 80px;
    height: 80px;
    width: 80px;
    font-size: 80px;
    margin: 0;
    border-radius: 0;
    color: var(--primary-color-25);
    position: absolute;
    top: 50%;
    right: -44px;
    translate: 0 -50%;
    z-index: -1;
}

#top .avia-icon-list-container > ul.av-iconlist-big li article {
    margin: 0;
    min-height: unset
}

#top .avia-icon-list-container > ul.av-iconlist-big li article .av_iconlist_title {
    color: var(--pdv-group-200);
    font-size: var(--step-0);
    margin: 4px 4px !important;
}

#top .avia-icon-list-container > ul.av-iconlist-big li article p {
    font-size: var(--step--1);
    margin: .5em 0 0 0
}

/* Icon Circle */
#top .avia-icon-circles-inner{
    transform: scale(1);
    opacity: 1;
    border: 1px solid var(--primary-color-200);
}
#top .avia-icon-circles-inner .avia-icon-circles-icon{border: 1px solid var(--primary-color-200); background: #fff; color: var(--primary-color-200);}
#top .avia-icon-circles-inner .avia-icon-circles-icon.active{background: var(--primary-color-200); color: #fff;}
#top .avia-icon-circles-inner .icon-title{font-weight: 700; letter-spacing: 0; font-size: var(--step-1);}
#top .avia-icon-circles-inner .icon-description p{font-size: var(--step--1);}

/* Submenu */
#top .av-submenu-container{font-size: var(--step-0); border-color: var(--pdv-group-25);}
#top .av-subnav-menu > li > a{font-size: var(--step-0); border-color: var(--primary-color); margin: 2px;}
#top .av-subnav-menu > li > a:hover{color: var(--primary-color);}

@media only screen and (max-width: 767px){
    #top .av-submenu-container{display: none;}    
}

/* Timeline */
#top ul.avia-timeline h2{color: var(--primary-color-200);}
#top ul.avia-timeline .milestone_inner{background-color: var(--primary-color-200); color: #fff;}
#top ul.avia-timeline.avia-timeline-horizontal{margin: 0;}
#top ul.avia-timeline.avia-timeline-horizontal > li{padding: 1rem;}
#top ul.avia-timeline.avia-timeline-horizontal > li:before{display: none;}

/* Text Rotator */
#top .av-rotator-container .av-rotator-container-inner{margin: 0 0 .5em 0 !important; line-height: 1.2; font-weight: 900;}
#top .av-rotation-container-center .av-rotator-container-inner{text-align: center;}

#top .av-rotator-container p.av-rotator-container-inner,
#top .av-rotator-container h1.av-rotator-container-inner{font-size: var(--step-5);}
#top .av-rotator-container h2.av-rotator-container-inner{font-size: var(--step-3);}
#top .av-rotator-container h3.av-rotator-container-inner{font-size: var(--step-2);}
#top .av-rotator-container h4.av-rotator-container-inner,
#top .av-rotator-container h5.av-rotator-container-inner,
#top .av-rotator-container h6.av-rotator-container-inner{font-size: var(--step-1);}

@media (max-width: 480px){
    #top .av-rotator-container .av-rotator-container-inner{-webkit-hyphens: auto;hyphens: auto;}
}

@media only screen and (min-width: 990px){
    #top .av-rotator-container p.av-rotator-container-inner{font-size: var(--step-7);}
}

/* Flip Numbers */
#top .av-countdown-timer .flip-numbers__card{background-color: var(--primary-color-200); border-radius: .15em;}
#top .av-countdown-timer .av-countdown-cell-inner .av-countdown-time, 
#top .av-countdown-timer.av-countdown-timer.av-flip-numbers .card__top.card-time-color, 
#top .av-countdown-timer.av-countdown-timer.av-flip-numbers .card__bottom.card-time-color, 
#top .av-countdown-timer.av-countdown-timer.av-flip-numbers .card__back.card-time-color::before, 
#top .av-countdown-timer.av-countdown-timer.av-flip-clock .flip-clock__card .flip-clock-counter{border: 0; background-color: var(--primary-color-200); color: #fff;}
#top .av-countdown-timer .flip-numbers_label{font-size: var(--step--2) !important; padding: .25em 0 0 0;}

/* Icon Grid Flipback */
#top .avia-icongrid .av-icon-cell-item{text-align: inherit;}
#top .avia-icongrid .av-icon-cell-item .avia-icongrid-front{text-align: center;}
#top .avia-icongrid-flipback .avia-icongrid-inner{padding: 0;}
#top .avia-icongrid-flipback .avia-icongrid-text,
#top .avia-icongrid-flipback .avia-icongrid-text p{font-size: var(--step--1);}

/* Tab Section */
#top .av-tab-section-container .av-inner-tab-title{font-size: var(--step-0); text-transform: inherit;}
#top .av-inner-tab-title, 
#top .av-tab-section-icon, 
#top .av-tab-arrow-container, .av-tab-section-image{
    width: auto;
    max-width: 120px;
}

@media only screen and (min-width: 1440px) and (max-width: 1919px){
    #top .av-tab-section-container .container{padding: 0 15%;}
}

@media only screen and (min-width: 1920px){
    #top .av-tab-section-container .container{padding: 0 256px;}
}

/* Fold/Unfold Section */
#top .avia-fold-unfold-section .av-fold-button-wrapper{
    max-width: 1440px;
    margin: auto;
    clear: both;
    float: none;
    overflow: auto;
    padding: 0 1rem;
}

/* Social Icons */
#top ul.__social--media--icons {
    display: flex;
    gap: 1rem;
    margin: 0 0 1.5rem 0;
    padding: .25rem;
}
#top ul.__social--media--icons > li a {
    font-size: var(--step-2);
    width: 1em;
    display: inline-block;
    text-align: center;
    line-height: 1
}
#top ul.__social--media--icons > li:hover a,
#top ul.__social--media--icons > li a:focus {
    color: inherit !important;
    background: inherit !important
}


/* ==========================================================================
   Hero
========================================================================== */
#top .__hero{background: var(--primary-color); margin: 0 auto; max-width: 1920px}
#top .__hero figure{
    aspect-ratio: 4/3; 
    position: relative;
}
#top .__hero figure img,
#top .__hero figure video{height: 100%; width: 100%; object-fit: cover; display: block; position: relative;}
#top .__hero figure img:has(+ video){position: absolute; top: 0; left: 0;}
#top .__hero figure .heroSwiper{height: 100%}
#top .__hero figure svg{
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    z-index: 10;
}
#top .__hero .content{padding-top: 32px}
#top .__hero .content p{font-size: var(--step-6); font-weight: 900; line-height: 1; color: var(--primary-color-200); margin: 0}

@media only screen and (min-width: 989px){
    #top .__hero figure{aspect-ratio: 16/6;}
}

@media only screen and (min-width: 1440px){
    #top .__hero .content p{font-size: var(--step-8);}
}


/* ==========================================================================
   Seitentitel - Banner
========================================================================== */
#top .__seitentitel--banner > figure{
    aspect-ratio: 16 / 5;
    min-height: 375px;
    position: relative;
    overflow: hidden;
    max-width: 100%;
}
#top .__seitentitel--banner > figure > img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}
#top .__seitentitel--banner > figure.position-top > img{-o-object-position: top center;object-position: top center;}
#top .__seitentitel--banner > figure.position-center > img{-o-object-position: center center;object-position: center center;}
#top .__seitentitel--banner > figure.position-bottom > img{-o-object-position: bottom center;object-position: bottom center;}
#top .__seitentitel--banner > figure > svg{
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
}
#top .__seitentitel--banner .content{
    padding-top: 1rem;
    padding-bottom: 0;
}


/* ==========================================================================
   Blog
========================================================================== */
/* Blog Grid */
#top.blog #main .container,
#top.archive #main .container{max-width: 1440px;}

#top .avia-content-grid-active .avia-content-slider-inner article{
    padding: 0 !important;
    border-radius: 0 !important;
    font-size: var(--step-0) !important;
    background-color: inherit !important;
    border: 0 !important;
    scale: inherit !important;
}
#top .avia-content-grid-active .avia-content-slider-inner article .slide-image{background: transparent}
#top .avia-content-grid-active .avia-content-slider-inner article .slide-image img{
	border-radius: 1rem;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
#top .avia-content-grid-active .avia-content-slider-inner article .slide-content{padding: 0 5%}
#top .avia-content-grid-active .avia-content-slider-inner article .slide-entry-title{
	color: inherit !important;
    font-size: var(--step-0);
    margin: 1em 0 0 !important;
}
#top .avia-content-grid-active .avia-content-slider-inner article .slide-entry-title a{text-decoration: none !important}
#top .avia-content-grid-active .avia-content-slider-inner article .slide-meta{
	color: var(--primary-color);
    border-top: 1px solid #7f7f7f4d;
    margin: 1em 0 0;
}

/* Blog Single */
#top .template-single-blog article.post-entry .big-preview{max-width: 720px; margin: auto;}
#top .template-single-blog article.post-entry .big-preview img{border-radius: .75rem;}
#top .fullsize .template-blog .post .entry-content-wrapper{max-width: 720px; text-align: left; line-height: 1.6; font-size: var(--step-0);}
#top .template-single-blog article.post-entry .entry-content-wrapper header h1{text-align: left; font-size: var(--step-3); padding: 1rem 0}
#top .template-single-blog article.post-entry .entry-content-wrapper header .post-meta-infos{text-align: left; font-size: var(--step--1);}


/* ==========================================================================
   Swiper
========================================================================== */
#top .swiper-style-1 h2{margin: 0 !important;}
#top .swiper-style-1 > nav{
    padding: .5rem .25rem;
    font-size: 2rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.5em;
    color: var(--primary-color-200);
}
#top .swiper-style-1 > nav button{all: unset; cursor: pointer;}
#top .swiper-style-1 > nav button.swiper-button-lock{display: none;} 
#top .swiper-style-1 .swiper-slide{
    height: auto;
    border: 0;
    background-color: #fff;
    border-radius: 1rem;
    padding: 1rem;
}
#top .swiper-style-1 .swiper-slide .__wrap{
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}
@media screen AND (min-width: 990px) {
    #top .swiper-style-1 .swiper-slide .__wrap{
        align-items: center;
        gap: 2rem;
    }
}
#top .swiper-style-1 .swiper-slide .__wrap > figure{
    aspect-ratio: 1/1;
    width: clamp(80px, 50vw, 160px);
    min-width: clamp(80px, 20vw, 160px);
    max-width: clamp(80px, 20vw, 160px);
    border-radius: 50%;
    background-color: var(--primary-color);
    position: relative;
    overflow: hidden;
}
#top .swiper-style-1 .swiper-slide .__wrap > figure > img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
#top .swiper-style-1 .swiper-slide .__wrap > div{max-width: 560px;}
#top .swiper-style-1 .swiper-slide .__wrap > div p,
#top .swiper-style-1 .swiper-slide .__wrap > div p *{color: var(--pdv-group-200) !important;}


/* ==========================================================================
   Formulare
========================================================================== */
#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{
    font-family: var(--primary-font);
    font-size: var(--step-0, 1.1rem);
    line-height: 1.2;
    margin: 0;
    background-color: transparent !important;
    border: 1px solid var(--pdv-group-200) !important;
    box-shadow: none;
    padding: .75em;
    border-radius: 4px !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: auto;
}

html #top form select{
    color: var(--primary-color-200) !important; 
    padding-right: 2em;
}

#top input[type=radio],
#top input[type=checkbox]{
	accent-color: var(--primary-color);
	display: inline-block;
    height: var(--step-0);
    width: var(--step-0);
    margin: 0 .5em 0 0;	
}

#top input[type=radio]:focus, 
#top input[type=checkbox]:focus, 
#top input[type=email]:focus, 
#top input[type=number]:focus, 
#top input[type=password]:focus, 
#top input[type=search]:focus, 
#top input[type=tel]:focus, 
#top input[type=text]:focus, 
#top input[type=url]:focus, 
#top select:focus,
#top textarea:focus{
    border-color: var(--primary-color) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 .25rem var(--primary-color-25);
}

html #top form input::placeholder,
html #top form textarea::placeholder,
html #top form input::-webkit-input-placeholder,
html #top form textarea::-webkit-input-placeholder {
    color: var(--primary-color-200);
    opacity: 1;
}

html #top form label{
    font-size: var(--step-0);
    color: #000;
    padding: 0;
	margin: 0;
    line-height: 1.6;
	touch-action: manipulation;
    cursor: pointer;
	font-weight: 400;
}
html #top form label + input, 
html #top form label + select,
html #top form label + textarea{margin-top: .25rem !important}

html #top form p{font-size: var(--step--1); margin: 0;}

/* WP Forms */
:root form{
    --wpforms-field-border-color: var(--primary-color-200);
    --wpforms-button-background-color: var(--primary-color-200);
}

html #top form .wpforms-field{padding: 0 0 1rem 0;}
html #top form .wpforms-submit{
    font-family: 'Roboto', sans-serif;
    font-size: var(--step--1);
    font-weight: 700;
    padding: 1em 2em;
    border-radius: 2em;
    background: var(--primary-color-200);
    border: 2px solid var(--primary-color-200)!important;
    color: #fff;
    text-decoration: none !important;
    transition: .2s ease;
    text-transform: uppercase;
    height: auto;
    box-shadow: none;
}
html.no-touch-device #top form .wpforms-submit:hover{translate: 0 -2px}

html #top form ul.wpforms-icon-choices li{padding: 0 !important}
html #top form ul.wpforms-icon-choices li:before{display: none !important}
html #top form .wpforms-field fieldset{margin: 0}
html #top form .wpforms-field fieldset legend{font-size: var(--step-0); margin: 0; line-height: 1.6;}
html #top form .wpforms-field fieldset legend + *{margin-top: .25rem}

html #top form .wpforms-field ul li:before{display: none !important}

html #top form .wpforms-field label + *{
    margin: .25rem 0 0 0 !important;
}

html #top form .wpforms-field.wpforms-field-checkbox ul, 
html #top form .wpforms-field.wpforms-field-radio ul{margin: .75rem 0 0 0 !important;}
html #top form .wpforms-field.wpforms-field-checkbox ul li, 
html #top form .wpforms-field.wpforms-field-radio ul li{
	gap: .75em;
	line-height: 1.3;
	margin: 0;
	padding: 0;
}
html #top form .wpforms-field.wpforms-field-checkbox ul li input, 
html #top form .wpforms-field.wpforms-field-radio ul li input{
	line-height: 1.3;
	margin: 3px 0px 0 3px !important;
    box-shadow: none;
}
html #top form .wpforms-field.wpforms-field-checkbox ul li input + label, 
html #top form .wpforms-field.wpforms-field-radio ul li input + label{
	line-height: 1.3;
}

html #top form .wpforms-field.wpforms-field-checkbox ul li::before, 
html #top form .wpforms-field.wpforms-field-radio ul li::before{display: none !important}

html #top form .wpforms-field em.wpforms-error{
	color: var(--pdv-red);
	font-size: var(--step--1);
	line-height: 1.2;
	margin: .5rem 0 0 0;
}

/* Friendly Captcha */
#top .frc-captcha{border: none;}


/* ==========================================================================
   Footer
========================================================================== */
#footer{padding: 4rem 0}
#footer .widget{margin: 0; overflow: visible;}
#footer .container{max-width: 1440px; display: flex; flex-direction: column;}
#footer .container .flex_column{width: auto !important;}
#footer .widget_nav_menu ul.menu{margin: 0 0 1em 0;}
#footer .widget_nav_menu ul.menu > li > a{
    font-size: var(--step--1);
    border-top: 1px solid var(--pdv-group-25);
    padding: 0.5em 0;
}

#footer ul.__social--media--icons{
    justify-content: flex-end;
}

@media only screen and (min-width: 768px){
    #footer .container{flex-direction: row; align-items: flex-end;}    
    #footer .container .flex_column:nth-child(2){margin-left: auto;}
    #footer .widget_nav_menu ul.menu{display: flex; gap: 2em}
    #footer .widget_nav_menu ul.menu > li > a{border: 0; padding: 0;}
} 

#socket{font-size: var(--step--1);}
#socket .container{padding-top: 1.5rem; padding-bottom: 3rem; max-width: 1440px}

#scroll-top-link{display: none; 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'}


/* ==========================================================================
   Popup
========================================================================== */
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){
    padding-right: 0px !important;
}
#top .pum-container.pum-responsive{
    border: 0;
    border-radius: 1rem;
    width: 90%;
    max-width: 720px !important;
    box-shadow: 0 4px 16px rgb(0 0 0 / 16%);
    padding: 2rem;
}
#top .pum-container.pum-responsive .pum-content:focus-visible{outline: none !important;}
#top .pum-container.pum-responsive a{color: var(--primary-color-200);}

@media only screen and (min-width: 768px){
    #top .pum-container.pum-responsive{padding: 3rem;}
}