/* ____________________________________ Allgemein ____________________________________ */
html {
-webkit-hyphenate-character: '-';
}

html, body{
width:100%;
height:100%;
-webkit-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-font-variant-ligatures: no-common-ligatures;
}

/* ____________________________________ Header ____________________________________ */
header .nav_button{
width: 30px;
padding: 12px 0px;
}

header .nav_button_stroke{
height: 2px;
}

header .nav_button_stroke:nth-child(2){
margin-top: 6px;
}

/* ____________________________________ Navigation ____________________________________ */
nav{
width: calc(25% + 26px);
right: calc(-25% - 26px);
}

nav .nav_wrap{
padding:0px 70px;
}

nav .nav_wrap a:hover{
opacity: 0.7;
}

nav .main_nav li{
margin-bottom: 15px;
}

nav .main_nav li a.active:after{
content:'';
width: 100%;
height: 1.5px;
display: block;
}

nav .main_nav li a.white.active:after{
background-color: var(--color_white);
}

nav .main_nav li a.blue.active:after{
background-color: var(--color_blue);
}

nav .meta_nav li{
margin-bottom: 5px;
}

nav .main_nav li:last-child, nav .meta_nav li:last-child{
margin-bottom: 0px;
}

nav .social_nav li{
margin-right: 10px;
}

/* ____________________________________ Navigation open ____________________________________ */
nav.open{
right: 0%;
}

.nav_button.open .stroke_rd{
transform: rotate(45deg) translateY(-9px); 
-webkit-transform-origin: top left;
}

.nav_button.open .stroke_ru{
transform: rotate(-45deg) translateY(9px); 
-webkit-transform-origin: bottom left;
}

/* ____________________________________ Grid ____________________________________ */
.grid_sizer, .grid_item{
width: calc(25% - 15px);
}

.grid_item{
float: left;
margin-bottom: 20px;
}

.gutter_sizer{
width: 20px;
}

.gi_hidden{
visibility:hidden;
width:0px!important;
height:0px!important;
margin:0px!important;
padding:0px!important;
}

.gi_overlay{
padding: 20px;
background-color: var(--color_trans_white08);
opacity: 0;
}

.grid_item:hover .gi_overlay, .grid_item:active .gi_overlay{
opacity: 1;	
}

.grid_item:hover img, .grid_item:active img{
filter: blur(2px);
}

#load_more{
background-color: var(--color_blue);
color: var(--color_white);
border:0px;
padding:10px;
}

#load_more.news{
margin-top:20px;
}

#load_more:hover{
opacity: 0.7;
}

#load_more img{
margin-bottom:0px;
}

/* ____________________________________ Filter ____________________________________ */
#toggle_filter{
cursor: pointer;
display: none;
}

#toggle_filter:after{
content:'';
display: block;
width: 30px;
height: 18px;
position: absolute;
top:0px;
right: 0px;
background-image: url(../images/allgemein/arrow_down.svg);
background-repeat: no-repeat;
transition: all 0.5s ease-out;
}

#toggle_filter.open:after{
transform: rotate(180deg);
}

#filter_wrap .grid_filter li{
margin-right: 15px;
}

#filter_wrap .grid_filter li:last-child{
margin-right: 0px;
}

#filter_wrap .grid_filter li.active{
text-decoration: underline;
}

/* ____________________________________ Col 66/33 ____________________________________ */
.w66 img{
margin-bottom: 20px;
}

.facts{
border-collapse: collapse;
border-spacing: 0;
}

.facts tr{
padding: 10px 0px;
border-bottom:1px solid var(--color_trans_blue);
}

.facts tr:first-child{
padding: 0px 0px 10px;
}

.facts tr:last-child{
padding: 10px 0px 0px;
border-bottom: none;
}

.facts tr td{
vertical-align: top;
hyphens: auto;
}

.facts tr td:first-child{
font-family: var(--font_akk_reg);
letter-spacing: var(--ls_01_vw);
text-transform: uppercase;
}

/* ____________________________________ Slider ____________________________________ */
.swiper-container .swiper-slide{
padding-bottom: 80px;    
}

.swiper-pagination-bullet{
width: 11px;
height: 11px;
opacity: 0.35;
background: var(--color_blue);
border-radius: 0%;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin: 0 7px;
}

.swiper-pagination-bullet-active {
opacity: 1;
}

/* ____________________________________ News Grid ____________________________________ */
#news_grid{
gap: 4vh 3.9vw;
}

.news_link{
width: 46%;
}

.news_link img{
aspect-ratio: 1/1;
margin-bottom: 0px;
}

.bg_white .news_link{
border-bottom: 1px solid var(--color_trans_blue);
}

.bg_blue .news_link{
border-bottom: 1px solid var(--color_trans_white02);
}

.news_link:hover{
opacity: 0.5;
}

/* ____________________________________ Footer ____________________________________ */
footer li{
margin-left: 20px;
}

footer li:first-child{
margin-left: 0px;
}

footer li a:hover{
opacity: 0.7;
}

footer .w50 br{
display: none;
}

footer p, .marginp p {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}