/*
 Theme Name:     Spieleratgeber NRW
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         UX Love - Jeremias Endres
 Author URI:     https://uxlove.de/
 Template:       Divi
 Version:        1.0.0
*/
 
@import 'vendor/serialtabs/jquery.serialtabs.css';
 
/* =Theme customization starts here
------------------------------------------------------- */

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.woff2') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Italic.ttf') format('ttf');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* @font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Thin.ttf') format('ttf');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ThinItalic.ttf') format('ttf');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLight.ttf') format('ttf');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLightItalic.ttf') format('ttf');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
} */

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Light.ttf') format('ttf');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-LightItalic.ttf') format('ttf');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Medium.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-MediumItalic.ttf') format('ttf');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBold.ttf') format('ttf');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBoldItalic.ttf') format('ttf');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Bold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-BoldItalic.ttf') format('ttf');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraBold.ttf') format('ttf');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraBoldItalic.ttf') format('ttf');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Black.ttf') format('ttf');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-BlackItalic.ttf') format('ttf');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

:root{

    font-size: 18px;
    /* --primary: #002DA0; */
    --primary-o: 8, 29, 134;
    --primary: rgb(var(--primary-o));
    --primary-lighter: #e6ebf8;
    
    /* --secondary: #833BBB; */
    --secondary-o: 107, 32, 150;
    --secondary: rgb(var(--secondary-o));
    --secondary-lighter: #EEE9F4;
    
    /* --tertiary: #F2667F; */
    --tertiary-o: 242, 102, 118;
    --tertiary: rgb(var(--tertiary-o));
    --tertiary-lighter: #f2cdd1;

    --black-o: 28, 28, 28;
    --black: rgb(var(--black-o));
    --white-o: 255, 255, 255;
    --white: rgb(var(--white-o));
    --trueblack-o: 0, 0, 0;
    --trueblack: rgb(var(--trueblack-o));
    --bgwhite-o: 245, 245, 245;
    --bgwhite: rgb(var(--bgwhite));

    --usk-red: #dc281e;
    --usk-blue: #0091c8;
    --usk-green: #079f3d;
    --usk-yellow: #fff002;

    --error: #a83434;

    --radius: 8px;
    --radius-s: 6px;
    --radius-l: 16px;

    --shadow-hover: 0px 12px 18px -6px rgb(0, 0, 0, .3);
    --shadow-lighten: inset 0 0 0 1000px rgba(255, 255, 255, 0.3);
    --shadow-darken: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);

    --font-family: Poppins, Heebo, Helvetica, Arial, sans-serif;
    
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}

/* Not supports in Firefox and IE */
.scrollbar {
  overflow: overlay;
}

/* total width */
.scrollbar::-webkit-scrollbar {
  background-color: rgba(0,0,0,0);
  width: 6px;
  height: 6px;
  z-index: 999999;
}

/* background of the scrollbar except button or resizer */
.scrollbar::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0);
}

/* scrollbar itself */
.scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0);
  border-radius:3px;
  border:0px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
.scrollbar::-webkit-scrollbar-button {
  display:none;
}


/* scrollbar when element is hovered */
.scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: #a0a0a5;
  border:0px solid #fff;
}

/* scrollbar when scrollbar is hovered */
.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:0px solid #f4f4f4
}


html {
    font-size: 100%;
}

/* Hide Search in visual editor due to display problems */
html[class^='et-fb-preview-'] #menu-search .probox>*:not(.proinput), html[class*=' et-fb-preview-'] #menu-search .probox>*:not(.proinput), html[class^='et-fb-preview-'] #home-search .probox>*:not(.proinput), html[class*=' et-fb-preview-'] #home-search .probox>*:not(.proinput), html[class^='et-fb-preview-'] #menu-search .searchsettings, html[class*=' et-fb-preview-'] #menu-search .searchsettings, html[class^='et-fb-preview-'] #home-search .searchsettings, html[class*=' et-fb-preview-'] #home-search .searchsettings{
    display: none;
}

body{
	font-size: 18px;
    font-weight: 400;
}

@media(max-width: 767px){
    body{
        font-size: 16px;
    }
}

body, h1, h2, h3, h4, h5, h6 {
    color: var(--black);
    font-family: var(--font-family);
    padding: 0;
}

a{
    color: var(--secondary);
    text-decoration: underline;
}

a:hover, a:focus{
    /* background: var(--secondary); */
    border-radius: 4px;
    /* color: #FFF; */
    /* outline: 3px solid var(--secondary); */
}

a.et_pb_button, a.pt-box, a.btn, a.page-numbers, a.slider-nav-btn{
    text-decoration: none;
}

 :is(h1, h2, h3, h4, h5, h6).primary{
    color:var(--primary);
}

:is(h1, h2, h3, h4, h5, h6).secondary{
    color:var(--secondary);
}

:is(h1, h2, h3, h4, h5, h6).tertiary {
    color:var(--tertiary);
}

h3.smaller{
    font-size: 1.1rem;
}

.color-primary{
    color:var(--primary);
}

.color-secondary{
    color:var(--secondary);
}

.color-tertiary{
    color:var(--tertiary);
}

.color-black{
    color:var(--black);
}

.color-white{
    color:var(--white);
}

.dark-layout, .dark-layout a, .dark-layout h1, .dark-layout h2, .dark-layout h3, .dark-layout h4, .dark-layout h5, .dark-layout h6{
    color: #FFF;
}

.dark-layout a{
    text-decoration: underline;
}

.dark-layout a:hover, .dark-layout a:focus{
    background: #FFF;
    border-radius: 3px;
    color: var(--primary);
    padding: 0 4px;
}

.transparent, .transparent .et_pb_text_inner, .transparent p{
    background-color: transparent !important;
}

.et_pb_section{
    background: transparent;
}

/* LAYOUT UTILITIY CLASSES */

.relative{
    position: relative !important;
}

.inline-block{
    display: inline-block;
}

.hidden{
    display: none;
}

.w-100{
    width: 100% !important;
}

@media (max-width: 767px){
    .t-hidden{
        display: none;
    }
}

@media (min-width: 769px){
    .d-hidden{
        display: none !important;
    }
}

@media (min-width: 481px){
    .t-hidden{
        display: none !important;
    }
}

@media (max-width: 480px){
    .m-hidden{
        display: none !important;
    }
    .m-inline-block{
        display: inline-block;
    }
}

/* GRID CLASSES */
.grid-1{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-2{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-3{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-4{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-1-2{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) ;
}

.grid-1-3{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) ;
}

.grid-1-4{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 4fr) ;
}

.grid-2-1{
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) ;
}

.grid-3-1{
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) ;
}

.grid-4-1{
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(0, 1fr) ;
}

@media (max-width: 980px){
    .t-grid-1{
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .t-grid-2{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .t-grid-3{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    
    .t-grid-4{
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 480px){
    .m-grid-1{
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .m-grid-2{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .m-grid-3{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    
    .m-grid-4{
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .m-grid-3-1{
        display: grid;
        grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) ;
    }

    .m-order-0{
        order: 0;
    }

    .m-order-1{
        order: 1;
    }
}

/* FLEXBOX CLASSES */
.flex{
    display: flex !important;
    flex-direction: row !important;
}

.dir-r{
    flex-direction: row-reverse !important;
}

.dir-col{
    flex-direction: column !important;
}

.dir-col-r{
    flex-direction: column-reverse !important;
}

@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
} 

@media(max-width: 767px){
    .flex.mm-dir-row-r{
        flex-direction: row-reverse !important;
    }

    .flex.mm-dir-col-r{
        flex-direction: column-reverse !important;
    }
}

@media(max-width: 980px){
    .m-w-100{
        width: 100% !important;
    }
    .flex.m-gap-4{
        gap: 4px;
    }
    .flex.m-dir-col{
        flex-direction: column !important;
    }

    .flex.m-dir-row{
        flex-direction: row !important;
    }

    .flex.m-dir-col-r{
        flex-direction: column-reverse !important;
    }

    .flex.m-dir-row-r{
        flex-direction: row-reverse !important;
    }

    .flex.m-a-self-start{
        align-self: flex-start !important;
    }

    .flex.m-a-self-center{
        align-self: center !important;
    }

    .flex.m-a-self-end{
        align-self: flex-end !important;
    }

    .flex.m-a-self-stretch{
        align-self: stretch !important;
    }

    .flex.m-j-self-start{
        justify-self: flex-start !important;
    }
    
    .flex.m-j-self-center{
        justify-self: center !important;
    }
    
    .flex.m-j-self-end{
        justify-self: flex-end !important;
    }
    .flex .m-basis-0{
        flex-basis: 0 !important;
    }
    .flex .m-basis-25{
        flex-basis: 25% !important;
    }
    .flex .m-basis-50{
        flex-basis: 50% !important;
    }
    .flex .m-basis-100{
        flex-basis: 100% !important;
    }
}

.wrap{
    flex-wrap: wrap !important;
}

.nowrap{
    flex-wrap: nowrap !important;
}

.a-start{
    align-items: flex-start !important;
}

.a-center{
    align-items: center !important;
}
.j-start{
    justify-content: flex-start !important;
}
.j-center{
    justify-content: center !important;
}
.j-end{
    justify-content: flex-end !important;
}
.j-around{
    justify-content: space-around !important;
}
.j-between{
    justify-content: space-between !important;
}

.gap-0{
    gap: 0px !important;
}

.gap-2{
    gap: 2px !important;
}

.gap-4{
    gap: 4px !important;
}

.gap-8{
    gap: 8px !important;
}

.gap-16{
    gap: 16px !important;
}

.gap-24{
    gap: 24px !important;
}

.gap-32{
    gap: 32px !important;
}

.gap-48{
    gap: 48px !important;
}

.grow-0{
    flex-grow: 0 !important;
}

.grow-1{
    flex-grow: 1 !important;
}

.grow-2{
    flex-grow: 2 !important;
}

.grow-3{
    flex-grow: 3 !important;
}

.shrink-0{
    flex-shrink: 0 !important;
}

.shrink-1{
    flex-shrink: 1 !important;
}

.basis-0{
    flex-basis: 0 !important;
}
.basis-25{
    flex-basis: 25% !important;
}
.basis-50{
    flex-basis: 50% !important;
}
.basis-100{
    flex-basis: 100% !important;
}

.a-self-start{
    align-self: flex-start !important;
}

.a-self-center{
    align-self: center !important;
}

.a-self-end{
    align-self: flex-end !important;
}

.j-self-start{
    justify-self: flex-start !important;
}

.j-self-center{
    justify-self: center !important;
}

.j-self-end{
    justify-self: flex-end !important;
}

/* TYPOGRAPHY UTILITIY CLASSES */
.font-size-xlarge{
    font-size: 1.6rem !important;
}

.font-size-large{
    font-size: 1.3rem !important;
}

.font-size-default{
    font-size: 1rem !important;
}

.font-size-small{
    font-size: .8rem !important;
}

.font-light{
    font-weight: 300 !important;
}

.font-normal{
    font-weight: 400 !important;
}

.font-bold{
    font-weight: 700 !important;
}

.font-xbold{
    font-weight: 800 !important;
}

.font-black{
    font-weight: 900 !important;
}

@media (max-width: 767px){
    .t-font-size-xlarge{
        font-size: 1.6rem !important;
    }

    .t-font-size-large{
        font-size: 1.3rem !important;
    }
    
    .t-font-size-default{
        font-size: 1rem !important;
    }
    
    .t-font-size-small{
        font-size: .8rem !important;
    }
    
    .t-font-light{
        font-weight: 300 !important;
    }
    
    .t-font-normal{
        font-weight: 400 !important;
    }
    
    .t-font-bold{
        font-weight: 700 !important;
    }
    
    .t-font-xbold{
        font-weight: 800 !important;
    }
    
    .t-font-black{
        font-weight: 900 !important;
    }
}


@media (max-width: 480px){
    .m-font-size-xlarge{
        font-size: 1.6rem !important;
    }

    .m-font-size-large{
        font-size: 1.3rem !important;
    }
    
    .m-font-size-default{
        font-size: 1rem !important;
    }
    
    .m-font-size-small{
        font-size: .8rem !important;
    }
    
    .m-font-light{
        font-weight: 300 !important;
    }
    
    .m-font-normal{
        font-weight: 400 !important;
    }
    
    .m-font-bold{
        font-weight: 700 !important;
    }
    
    .m-font-xbold{
        font-weight: 800 !important;
    }
    
    .m-font-black{
        font-weight: 900 !important;
    }
}

.font-col-black{
    color: var(--black);
}

.lh-0{
    line-height: 0 !important;
}

.lh-1{
    line-height: 120% !important;
}

.text-center{
    text-align: center !important;
}

.text-left{
    text-align: left !important;
}

.text-right{
    text-align: right !important;
}

.text-justify{
    text-align: justify !important;
}

/* OTHER UTILITIY CLASSES */

.rounded, figure.rounded, figure.rounded img{
    border-radius: var(--radius) !important;
    overflow: hidden !important;
}

.rounded-l, figure.rounded-l, figure.rounded-l img{
    border-radius: var(--radius-l) !important;
    overflow: hidden !important;
}

.round{
    border-radius: 50%;
}

.shadow{
    box-shadow: 0px 12px 18px -6px rgba(var(--black-o), .3);
}

.b-0{
    border: 0 !important;
}

.no-bg{
    background: transparent !important;
}


/* SPACING UTILITIES*/

.m-0{
    margin: 0 !important;
}

.m-4{
    margin: 4px !important;
}

.m-8{
    margin: 8px !important;
}

.m-16{
    margin: 16px !important;
}

.m-24{
    margin: 24 !important;
}

.mb-0{
    margin-bottom: 0 !important;
}

.mb-4{
    margin-bottom: 4px !important;
}

.mb-8{
    margin-bottom: 8px !important;
}

.mb-16{
    margin-bottom: 16px !important;
}

.mb-24{
    margin-bottom: 24px !important;
}

.mb-32{
    margin-bottom: 32px !important;
}

.mb-48{
    margin-bottom: 48px !important;
}

.mb-64{
    margin-bottom: 64px !important;
}

.mb--64{
    margin-bottom: -64px;
}

.mt-0{
    margin-top: 0 !important;
}

.mt-4{
    margin-top: 4px !important;
}

.mt-8{
    margin-top: 8px !important;
}

.mt-16{
    margin-top: 16px !important;
}

.mt-24{
    margin-top: 24px !important;
}

.mt-32{
    margin-top: 32px !important;
}

.mt-48{
    margin-top: 48px !important;
}

.mt-64{
    margin-top: 64px !important;
}

.mr-0{
    margin-right: 0 !important;
}

.mr-4{
    margin-right: 4px !important;
}

.mr-8{
    margin-right: 8px !important;
}

.mr-16{
    margin-right: 16px !important;
}

.mr-24{
    margin-right: 24px !important;
}

.ml-0{
    margin-left: 0 !important;
}

.ml-4{
    margin-left: 4px !important;
}

.ml-8{
    margin-left: 8px !important;
}

.ml-16{
    margin-left: 16px !important;
}

.ml-24{
    margin-left: 24px !important;
}

.p-0{
    padding: 0 !important;
}

.p-4{
    padding: 4px !important;
}

.p-8{
    padding: 8px !important;
}

.p-16{
    padding: 16px !important;
}

.p-24{
    padding: 24px !important;
}

.p-32{
    padding: 32px !important;
}

.pb-0{
    padding-bottom: 0 !important;
}

.pb-4{
    padding-bottom: 4px !important;
}

.pb-8{
    padding-bottom: 8px !important;
}

.pb-16{
    padding-bottom: 16px !important;
}

.pb-24{
    padding-bottom: 24px !important;
}

.pt-0{
    padding-top: 0 !important;
}

.pt-4{
    padding-top: 4px !important;
}

.pt-8{
    padding-top: 8px !important;
}

.pt-16{
    padding-top: 16px !important;
}

.pt-24{
    padding-top: 24px !important;
}

.ptb-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ptb-4{
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.ptb-8{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.ptb-16{
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.ptb-24{
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.pr-0{
    padding-right: 0 !important;
}

.pr-4{
    padding-right: 4px !important;
}

.pr-8{
    padding-right: 8px !important;
}

.pr-16{
    padding-right: 16px !important;
}

.pr-24{
    padding-right: 24px !important;
}

.pl-0{
    padding-left: 0 !important;
}

.pl-4{
    padding-left: 4px !important;
}

.pl-8{
    padding-left: 8px !important;
}

.pl-16{
    padding-left: 16px !important;
}

.pl-24{
    padding-left: 24px !important;
}

.plr-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.plr-4{
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.plr-8{
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.plr-16{
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.plr-24{
    padding-left: 24px !important;
    padding-right: 24px !important;
}

@media (max-width: 980px){
    .m-m-0{
        margin: 0 !important;
    }
    
    .m-m-4{
        margin: 4px !important;
    }
    
    .m-m-8{
        margin: 8px !important;
    }
    
    .m-m-16{
        margin: 16px !important;
    }
    
    .m-m-24{
        margin: 24 !important;
    }
    
    .m-mb-0{
        margin-bottom: 0 !important;
    }
    
    .m-mb-4{
        margin-bottom: 4px !important;
    }
    
    .m-mb-8{
        margin-bottom: 8px !important;
    }
    
    .m-mb-16{
        margin-bottom: 16px !important;
    }
    
    .m-mb-24{
        margin-bottom: 24px !important;
    }

    .m-mb-32{
        margin-bottom: 32px !important;
    }
    
    .m-mb-48{
        margin-bottom: 48px !important;
    }

    .m-mb-64{
        margin-bottom: 64px !important;
    }

    .m-mb--64{
        margin-bottom: -64px;
    }
    
    .m-mt-0{
        margin-top: 0 !important;
    }
    
    .m-mt-4{
        margin-top: 4px !important;
    }
    
    .m-mt-8{
        margin-top: 8px !important;
    }
    
    .m-mt-16{
        margin-top: 16px !important;
    }
    
    .m-mt-24{
        margin-top: 24px !important;
    }

    .m-mt-32{
        margin-top: 32px !important;
    }
    
    .m-mt-48{
        margin-top: 48px !important;
    }

    .m-mt-64{
        margin-top: 64px !important;
    }
    
    .m-mr-0{
        margin-right: 0 !important;
    }
    
    .m-mr-4{
        margin-right: 4px !important;
    }
    
    .m-mr-8{
        margin-right: 8px !important;
    }
    
    .m-mr-16{
        margin-right: 16px !important;
    }
    
    .m-mr-24{
        margin-right: 24px !important;
    }
    
    .m-ml-0{
        margin-left: 0 !important;
    }
    
    .m-ml-4{
        margin-left: 4px !important;
    }
    
    .m-ml-8{
        margin-left: 8px !important;
    }
    
    .m-ml-16{
        margin-left: 16px !important;
    }
    
    .m-ml-24{
        margin-left: 24px !important;
    }
    
    .m-p-0{
        padding: 0 !important;
    }
    
    .m-p-4{
        padding: 4px !important;
    }
    
    .m-p-8{
        padding: 8px !important;
    }
    
    .m-p-16{
        padding: 16px !important;
    }
    
    .m-p-24{
        padding: 24 !important;
    }
    
    .m-pb-0{
        padding-bottom: 0 !important;
    }
    
    .m-pb-4{
        padding-bottom: 4px !important;
    }
    
    .m-pb-8{
        padding-bottom: 8px !important;
    }
    
    .m-pb-16{
        padding-bottom: 16px !important;
    }
    
    .m-pb-24{
        padding-bottom: 24px !important;
    }
    
    .m-pt-0{
        padding-top: 0 !important;
    }
    
    .m-pt-4{
        padding-top: 4px !important;
    }
    
    .m-pt-8{
        padding-top: 8px !important;
    }
    
    .m-pt-16{
        padding-top: 16px !important;
    }
    
    .m-pt-24{
        padding-top: 24px !important;
    }
    
    .m-ptb-0{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .m-ptb-4{
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    
    .m-ptb-8{
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    
    .m-ptb-16{
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    
    .m-ptb-24{
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    
    .m-pr-0{
        padding-right: 0 !important;
    }
    
    .m-pr-4{
        padding-right: 4px !important;
    }
    
    .m-pr-8{
        padding-right: 8px !important;
    }
    
    .m-pr-16{
        padding-right: 16px !important;
    }
    
    .m-pr-24{
        padding-right: 24px !important;
    }
    
    .m-pl-0{
        padding-left: 0 !important;
    }
    
    .m-pl-4{
        padding-left: 4px !important;
    }
    
    .m-pl-8{
        padding-left: 8px !important;
    }
    
    .m-pl-16{
        padding-left: 16px !important;
    }
    
    .m-pl-24{
        padding-left: 24px !important;
    }
    
    .m-plr-0{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .m-plr-4{
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    
    .m-plr-8{
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    .m-plr-16{
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    .m-plr-24{
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}


/* HEADER */
#mainheader{
    /* transition: padding .3s; */
}
#mainheader.shrinked{
    padding-bottom: 16px !important;
    padding-top: 16px !important;
}

#mainlogo{
    max-width: 300px;
    transition: max-width .3s;
}

#mainheader.shrinked #mainlogo{
    max-width: 170px;
}


/* NAVIGATION */
#mainmenu, #mainmenu *{
    animation: none;
    transition: none !important;
}

#mainmenu .nav{
    display: flex;
}

#mainmenu .nav>li>a{
    border-radius: 8px;
}

    /* #mainmenu .nav>li>a:hover, #mainmenu .nav>li>a:focus{
        background: rgba(var(--white-o),.2);
    } */

#mainmenu .nav li, #dm-menu li{
    margin: 0;
    max-width: none !important;
    padding: 0;
}

#dm_nav .menu-wrap__inner .menu-item-has-children > a{
    max-width: none !important;
}

#mainmenu .nav a, #dm-menu a{
    align-items: center;
    color: var(--white);
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    gap: 4px;
    line-height: 24px;
    padding: 8px 16px;
    text-decoration: none;
}

#mainmenu .nav a:after{
    position: relative;
}

#mainmenu .nav a:hover, .nav a:focus, .et_mobile_menu li a:hover, .et_mobile_menu li a:focus, .nav ul li a:hover, .nav ul li a:focus{
    opacity: 1 !important;
}

#mainmenu .nav li li{
    display: block;
}

#mainmenu .nav li li a{
    transition: all .05s;
}

#dm_nav .menu-wrap__inner{
    height: 100vh !important;
    padding: 0;
}

#dm-menu{
    margin: 0;
    padding: 0;
}

#open-button.dm_menu_button{
    align-items: center;
    display: flex;
    justify-content: center;
}

#open-button.dm_menu_button .hamburger-box{
    align-items: center;
    display: flex;
    justify-content: center;
    flex-grow: 1;
    position: initial;
}

#open-button.dm_menu_button .hamburger-inner{
    left: auto;
}

#dm-menu li.menu-item{
    border-top: 1px solid rgba(var(--white-o),.2);
    margin: 0 !important;
    padding: 0 !important;
}

#dm-menu li.menu-item:last-child{
    border-bottom: 1px solid rgba(var(--white-o),.2);
}

#dm-menu li.menu-item>a, #dm-menu li.menu-item ul.sub-menu li.menu-item>a{
    align-items: center;
    display: flex;
    padding: 16px 24px !important;
}

#dm-menu li.menu-item.menu-item-has-children>a .clickthrough{
    border-left: 1px solid rgba(var(--white-o),.2);
    bottom: 0;
    height: auto;
    right: 0;
    top: 0;
    width: 60px;
}

#dm_nav .menu-wrap__inner .menu-item-has-children > a:after{
    right: 12px !important;
}

#dm-menu ul.sub-menu{
    padding: 3em 0 0 !important;
}

@media (max-width: 767px){
    .divi-mobile-menu #open-button .menu-text{
        display: none;
    }
}

/* SUBMENUS */
#mainmenu .nav li ul{
    border: 1px solid rgba(var(--white-o),.2) !important;
    border-radius: var(--radius);
    padding: 4px 0 !important;
}

.et-db #et-boc #mainmenu .nav li ul, #mainmenu .nav li ul, #dm_nav li ul.sub-menu, .et-db #et-boc .et-l #dm_nav .nav li ul{
    background-color: var(--primary) !important;
}

.et-db #et-boc #mainmenu .nav li.secondary ul, #mainmenu .nav li.secondary ul, #dm_nav li.secondary ul.sub-menu, .et-db #et-boc .et-l #dm_nav .nav li.secondary ul{
    background-color: var(--secondary) !important;
}

#mainmenu .nav li ul li a{
    border-bottom: 1px solid rgba(var(--white-o),.1);
    padding: 12px 16px;
    width: 100%;
}

#mainmenu .nav li ul li:last-child a{
    border-bottom: none;
}

#mainmenu .nav li ul li a:hover, #mainmenu .nav li ul li a:focus{
    background-color: var(--white) !important;
    border-radius: 0;
    color: var(--primary) !important;
}

#mainmenu .nav li.secondary ul li a:hover, #mainmenu .nav li.secondary ul li a:focus{
    color: var(--secondary) !important;
}

#mainmenu .sub-menu li.menu-item-has-children>a{
    justify-content: space-between;
}

#mainmenu .sub-menu li.menu-item-has-children>a:after{
    content: '5';
}

#mainmenu  .sub-menu li.menu-item-has-children>a:first-child:after{
    position: relative;
    right: auto;
    top: auto;
}

#mainmenu .nav .sub-menu .current-menu-item>a{
    background: rgba(var(--white-o),.2);
}

#mainmenu .nav .current-menu-ancestor>a{
    background: rgba(var(--white-o),.2);
}

#mainmenu ul.sub-menu.focussed-sub-menu{
    display: block;
    opacity: 1;
    visibility: visible;
}

@media(max-height: 630px){
    #mainmenu .nav li ul.sub-menu li a{
        padding: 8px 16px;
    }
}

/* FOOTER MENU */
.footer-menu.et_pb_menu .et_pb_menu__menu,.footer-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
 
.footer-menu .et_mobile_nav_menu {
    display: none;
}

.footer-menu ul{
    display: flex;
    flex-direction: column;
}

.footer-menu ul li {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 980px) {
	.open-footer-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.open-footer-menu .et_mobile_nav_menu {
		display: none!important;
	}
    .open-footer-menu .menu-item{
        width: 100%;
    }

    .open-footer-menu .menu-item a{
        text-align: center;
        width: 100%;
    }
}


/* BREADCRUMB */
.breadcrumb-container.theme1 ol{
    margin-bottom: 4px !important;
    padding: 0 !important;
}

.breadcrumb-container.theme1 ol li:first-child a{
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.breadcrumb-container.theme1 ol li .separator{
    color: rgba(var(--white-o),.6);
}

.breadcrumb-container.theme1 a{
    color: rgba(var(--white-o),.6);
    font-style: italic !important;
    padding: 4px !important;
}

.breadcrumb-container.theme1 a:hover, .breadcrumb-container.theme1 a:focus{
    color: #3257a6;
}


/* SEARCH / SUCHE */
#menu-search{
    margin-top: -10px;
}
.home-search .et_pb_code_inner{
    display: flex;
    justify-content: center;
    width: 100%;
}

div.asp_m.ajaxsearchpro .probox .proinput{
    padding: 0 8px !important;
}

div.asp_w.asp_s.searchsettings{
    border-radius: var(--radius) !important;
}

#ajaxsearchpro2_1[data-asp-compact="closed"] .probox{
    background: transparent !important;
    border-color: transparent;
    transition: border-color .2s;
}

#ajaxsearchpro2_1[data-asp-compact="closed"] .probox .promagnifier{
    background: transparent !important;
}

#ajaxsearchpro2_1 .probox button.promagnifier:focus{
    outline-offset: -8px !important;
}

#ajaxsearchpro2_1[data-asp-compact="open"] .probox{
    border: 1px solid var(--white);
    transition: border-color .2s;
}

#ajaxsearchpro2_1[data-asp-compact="open"] .probox .proinput input.orig{
    padding-top: 0 !important;
}

#ajaxsearchprores2_1.vertical, #ajaxsearchprores2_2.vertical, div.asp_r.asp_r_2.vertical{
    z-index: 2147483646 !important;
}

.asp_content{
    align-items: center;
    display: flex;
}

.asp_content a.asp_res_url:hover, .asp_content a.asp_res_url:focus{
    background: transparent;
}

/* SUCHE STARTSEITE */
div#ajaxsearchpro1_1 .probox .proinput input.orig{
    padding-top: 0 !important;
}

/* MOBILE SETTINGS */
@media only screen and (max-width: 980px) {
	.et_pb_row{
 		width: 92%;
   }
}

/* TEXT FORMATS */
.icn-headline{
    align-items: center;
    display: flex;
    flex-direction: row;
    margin: 0 0 8px -8px;
}

.icn-headline i{
    flex-shrink: 0;
}

.icn-headline.col{
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.icn-headline .title{
    flex-grow: 1;
}

.paragraph-wrapper h3, .paragraph-wrapper h4{
    font-weight: 400;
    margin-bottom: 8px;
}

.paragraph-wrapper p{
    margin-bottom: 8px;
    /* text-align: justify; */
}



/* ICONS */
i.icn{
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
	display: inline-block;
    position: relative;
    flex-shrink: 0;
}

i.icn:before, i.icn:after{
    background-size: cover;
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
}

i.icn:after{
    z-index: 1;
}

/* ICON SIZES */
i.icn-small{
    height: 32px;
    width: 32px;
}

i.icn-small:before, i.icn-small:after{
	height: 28px;
    left: 2px;
    top: 2px;
	width: 28px;
}

/* i.icn-small:after{
    height: 10px;
    left: 7px;
    top: 7px;
    width: 10px;
} */

i.icn-medium{
	height: 48px;
	width: 48px;
}

i.icn-medium:before, i.icn-medium:after{
	height: 40px;
    left: 4px;
    top: 4px;
	width: 40px;
}

/* i.icn-medium:after{
	height: 20px;
    left: 14px;
    top: 14px;
	width: 20px;
} */

i.icn-large{
	height: 64px;
	width: 64px;
}

i.icn-large:before, i.icn-large:after{
	height: 52px;
    left: 6px;
    top: 6px;
	width: 52px;
}

i.icn-large:after{
	height: 48px;
    left: 8px;
    top: 8px;
	width: 48px;
}

i.icn-thumb{
	height: 150px;
	width: 150px;
}

i.icn-thumb:before, i.icn-thumb:after{
	height: 150px;
    left: 0;
    top: 0;
	width: 150px;
}

i.icn-thumb:after{
	height: 100px;
    left: 25px;
    top: 25px;
	width: 100px;
}

@media (max-width: 480px){
    i.m-icn-medium{
        height: 48px;
        width: 48px;
    }

    i.m-icn-medium.icn-number{
        font-size: 1.3em;
    }
}

/* PRIMARY ICONS */

i.icn-ul:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-blank-ul.svg);
}

i.icn-ul-b:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-blank-ul-b.svg);
}

i.icn-ur:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-blank-ur.svg);
}

i.icn-ur-b:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-blank-ur-b.svg);
}

i.icn-ol:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn-blank-ol.svg);
}

i.icn-ol-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn-blank-ol-b.svg);
}

i.icn-or:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn-blank-or.svg);
}

i.icn-or-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn-blank-or-b.svg);
}

i.icn-l:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn-blank-l.svg);
}

i.icn-l-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn-blank-l-b.svg);
}

i.icn-r:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn-blank-r.ursvg);
}

i.icn-r-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn-blank-r-b.svg);
}

/* SECONDARY ICONS */
i.icn-2.icn-ul:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-ul.svg);
}

i.icn-2.icn-ul-b:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-ul-b.svg);
}

i.icn-2.icn-ur:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-ur.svg);
}

i.icn-2.icn-ur-b:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-ur-b.svg);
}

i.icn-2.icn-ol:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-ol.svg);
}

i.icn-2.icn-ol-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-ol-b.svg);
}

i.icn-2.icn-or:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-or.svg);
}

i.icn-2.icn-or-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-or-b.svg);
}

i.icn-2.icn-l:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-l.svg);
}

i.icn-2.icn-l-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-l-b.svg);
}

i.icn-2.icn-r:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-r.ursvg);
}

i.icn-2.icn-r-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-r-b.svg);
}

/* SECONDARY ICONS */
i.icn-2.icn-ul:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-ul.svg);
}

i.icn-2.icn-ul-b:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-ul-b.svg);
}

i.icn-2.icn-ur:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-ur.svg);
}

i.icn-2.icn-ur-b:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-ur-b.svg);
}

i.icn-2.icn-ol:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-ol.svg);
}

i.icn-2.icn-ol-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-ol-b.svg);
}

i.icn-2.icn-or:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-or.svg);
}

i.icn-2.icn-or-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-or-b.svg);
}

i.icn-2.icn-l:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-l.svg);
}

i.icn-2.icn-l-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-l-b.svg);
}

i.icn-2.icn-r:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-r.ursvg);
}

i.icn-2.icn-r-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn2-blank-r-b.svg);
}


/* TERTIARY ICONS */
i.icn-3.icn-ul:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn3-blank-ul.svg);
}

i.icn-3.icn-ul-b:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn3-blank-ul-b.svg);
}

i.icn-3.icn-ur:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn3-blank-ur.svg);
}

i.icn-3.icn-ur-b:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn3-blank-ur-b.svg);
}

i.icn-3.icn-ol:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn3-blank-ol.svg);
}

i.icn-3.icn-ol-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn3-blank-ol-b.svg);
}

i.icn-3.icn-or:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn3-blank-or.svg);
}

i.icn-3.icn-or-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn3-blank-or-b.svg);
}

i.icn-3.icn-l:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn3-blank-l.svg);
}

i.icn-3.icn-l-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn3-blank-l-b.svg);
}

i.icn-3.icn-r:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn3-blank-r.ursvg);
}

i.icn-3.icn-r-b:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn3-blank-r-b.svg);
}

i.icn-3.icn-ul-b-xl:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icn3-blank-ur-b-xl.svg);
    height: 130px;
    width: 130px;
    top: 13px;
    left: 9px;
}

/* WHITE ICONS */
i.icn-w.icn-ul:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icnw-blank-ul.svg);
}

i.icn-w.icn-ur:before{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icnw-blank-ur.svg);
}

i.icn-w.icn-ol:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icnw-blank-ol.svg);
}

i.icn-w.icn-or:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icnw-blank-or.svg);
}

i.icn-w.icn-l:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icnw-blank-l.svg);
}

i.icn-w.icn-r:before{
	background-image: url(/wp-content/themes/Spieleratgeber/img/icnw-blank-r.ursvg);
}


/* ICON SYMBOLS */
i.icn-number div{
    color: var(--white);
	font-size: 1em;
    font-style: normal;
	font-weight: 700;
    z-index: 100 !important;
}

i.icn-number.icn-w{
    color: var(--primary);
}

i.icn-large.icn-number{
    font-size: 1.3em;
}

i.icn-thumb.icn-number{
    font-size: 3.2em;
}

i.icn-number>div{
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin-top: 1px;
    position: relative;
    width: 100%;
    z-index: 1;
}

i.icn-thumb.icn-number>div{
    margin-top:2px;
}

i.icn-autorin:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-autorin.svg);
}

i.icn-beurteilung:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-beurteilung.svg);
}

i.icn-brain:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-brain.svg);    
}

i.icn-cogs:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-cogs.svg);    
}

i.icn-details:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-details.svg);    
}

i.icn-directions:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-directions.svg);    
}

i.icn-eye:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-eye.svg);    
}

i.icn-fazit:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-fazit.svg);    
}

i.icn-game:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-game.svg);    
}

i.icn-genres:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-genres.svg);    
}

i.icn-goal:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-goal.svg);    
}

i.icn-graduation:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-graduation.svg);    
}

i.icn-group:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-group.svg);    
}

i.icn-info:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-info.svg);    
}

i.icn-info-alt:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-info-alt.svg);    
}

i.icn-jugendschutz:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-jugendschutz.svg);    
}

i.icn-list:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-list.svg);    
}

i.icn-money:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-money.svg);    
}

i.icn-plattforms:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-plattforms.svg);    
}

i.icn-star:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-star.svg);    
}

i.icn-star-o:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-star-o.svg);    
}

i.icn-thumbsup:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-thumbsup.svg);    
}

i.icn-time:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-time.svg);    
}

i.icn-usk:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-usk.svg);    
}

i.icn-video:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-video.svg);    
}

i.icn-volume:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-volume.svg);    
}

i.icn-wheelchair:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-wheelchair.svg);    
}

i.icn-wrench:after{
    background-image: url(/wp-content/themes/Spieleratgeber/img/icn-wrench.svg);    
}

	

/* HOMEPAGE SLIDER */
.multislider-wrapper{
    height: 100%;
    position: relative;
    width: 100%;
}
/* 
.slider.slick-slider{
    z-index: 0;
}

.slider.slick-slider.active{
    z-index: 1;
} */

.slider .slick-dots{
	bottom: 0;
    display: flex;
    justify-content: center;
	padding: 8px;
}

.slider .slick-dots li{
    margin: 0;
}

.slider .slick-dots li button:before{
    color: var(--white) !important;
	font-size: 10px;
} 

.slider .slick-prev, .slider .slick-next{
    background:var(--white);
    border-radius: var(--radius);
	height: 40px;
    line-height: 40px;
    opacity: .8;
    padding: 0;
    width: 40px;
    z-index: 1000;
}
.slider .slick-prev{
	left: 8px;
}
.slider .slick-next{
	right: 8px;
}
.slider .slick-prev:hover, .slider .slick-next:hover,.slider .slick-prev:focus, .slider .slick-next:focus{
    background:var(--white);
    border-radius: var(--radius);
    box-shadow: inset 0 0 0 2px var(--primary);
    opacity: 1;
}

.slider .slick-prev:before, .slider .slick-next:before{
    color: var(--primary);
    font-family: ETmodules;
    font-size: 40px;
    left: -1px;
    position: absolute;
}

.slider .slick-prev:before{
    content: '4';
}

.slider .slick-next:before{
    content: '5';
}

.multislider-tab-code .et_pb_code_inner{
    padding: 16px 0;
    width: 100%;
  }
  
  .multislider-tabs{
    color: var(--white);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    width: 100%;
  }
  
  .multislider-tab-headline{
    align-items: center;
    color: var(--white);
    display: flex;
    font-size: 1.5em;
    font-weight: 600;
    padding: 16px;
  }
  
  .multislider-tab-bar{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
  }

  @media(max-width: 600px){
    .multislider-tab-bar{
        overflow-x: scroll;
    }
  }
  
  a.multislider-tab{
    align-items: center;
    background-color: rgba(var(--white-o),0);
    border-radius: 0 !important;
    color: var(--white);
    display: flex;
    padding: 16px;
    text-decoration: none;
    transition: background-color .1s;
    white-space: nowrap;
    width: 100%;
  }
  
  a.multislider-tab:hover, a.multislider-tab:focus, a.multislider-tab.active{
    background-color: rgba(var(--white-o),.2);
  }
  
  a.multislider-tab.active:after{
    display: inline-block;
  	width: 0;
 	 	height: 0;
  	border-left: 8px solid var(--white);
  	border-top: 6px solid transparent;
  	border-bottom: 6px solid transparent;
  	content:'';
    position: absolute;
    right: 16px;
  }

  .multislider-wrapper{
    aspect-ratio: 16/9;
    overflow: hidden;
  }

  .slider .slider-item{
    aspect-ratio: 16/9;
    background-size: cover;
    color: var(--white);
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
  }
  .slider .slider-item:focus{
    box-shadow: inset 0 0 0 5px var(--white);
  }
  .slider .item-meta{
    align-items: center;
    background: rgba(var(--black-o),.8);
    background: linear-gradient(180deg, rgba(var(--black-o),0) 0%, rgba(var(--black-o),.9) 65%);
    bottom: 0;
    display: flex;
    padding: 20% 16px 16px;
    position: absolute;
    width: 100%;
  }
  
  .slider .item-meta .left{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  @media(max-width: 480px){
    .slider .item-meta{
        padding: 20% 8px 8px 16px;
    }

    .slider .item-meta .left{
        gap: 0;
    }
  }
  
  .slider .item-meta .right{
    flex-grow: 1;
    display: flex;
  }
  
  .slider .item-meta .left .spiel-titel{
    color: var(--white);
    font-weight: 600;
    padding: 0;
  }

  .slider .item-meta ul.genres{
    list-style: none;
    padding: 0;
  }

  .slider .item-meta ul.genres li{
    display: inline;
  }

  .slider .item-meta ul.genres li:after{
    content:" / ";
    display: inline;
  }

  .slider .item-meta ul.genres li:last-child:after{
    content:"";
  }
  
  .slider .item-meta .left ul.taglist li:not(:first-child){
    display: none;
  }
  
  .slider .item-meta .right{
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: flex-end;
  }
  
  .altersempfehlung .label{
    	text-align: right;
  }
  
  @media(max-width: 480px){
    .slider .item-meta .left .taglist{
      display: none;
    }
    .slider .item-meta .right.altersempfehlung .label{
        display: none;
    }
  }

  @media(max-width: 980px){
    .multislider-tab-code .et_pb_code_inner{
    	padding: 0;
  	}
    .multislider-tab-bar{
      display: flex;
      flex-direction: row;
    }
    h3.multislider-tab-headline{
      justify-content: center;
    }
    
    a.multislider-tab{
      font-size: .8em;
      justify-content: center;
      padding: 8px;
     	text-align: center; 
    }
    
    a.multislider-tab.active:after{
      display: none;
    }
  }


/* TABS */
.tab-module ul.et_pb_tabs_controls:after{
    border: none !important;
}


.tab-container{
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: auto;
}

.tab-container .tab-bar{
    display: flex;
    justify-content: center;
    gap: 24px;
    margin: 0 auto;
    width: 100%;
}

.tab-container .tab-link{
    border-bottom: 3px solid;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 230px;
    opacity: .5;
    padding: 8px 16px;
    text-align: center;
    transition: opacity .3s;
    white-space: nowrap;
}

.tab-container.primary .tab-link{
    border-bottom-color: var(--primary);
    color: var(--primary);
}

.tab-container.secondary .tab-link{
    border-bottom-color: var(--secondary);
    color: var(--secondary);
}

.tab-container.tertiary .tab-link{
    border-bottom-color: var(--tertiary);
    color: var(--tertiary);
}

.tab-container .tab-link.active, .tab-container .tab-link:hover, .tab-container .tab-link:focus{
    border-radius: 0;
    opacity: 1;
}

.tab-container .tab{
    display: none;
    position: relative;
    transition: opacity .3s;
    width: 100%;
}
  
.tab-container .tab.active, .tab-container .tab.slider{
    display: block;
}

/* FEATURED TEASER */
.featured-post{
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    gap: 24px;
}

.featured-post img{
    border-radius: calc(var(--radius) * 2); 
    flex-basis: 0;
    flex-grow: 1;
    max-width: 50%;
    width: 100%;
}

.featured-post .post-content-wrapper{
    display: flex;
    flex-basis: 0;
    flex-direction: column;
    flex-grow: 1;
    gap: 24px;
    width: 100%;
}

.featured-post .post-title{
    /* font-weight: 400; */
}

@media(max-width: 980px){
    .featured-post{
        flex-direction: column;
    }
    .featured-post img{
        max-width: 100%;
    }
}


/* POST TEASERS */
.et_pb_equal_columns .et_pb_code, .et_pb_equal_columns .et_pb_code_inner{
    height: 100%;
}

.pt-box{
    /* background-color: #FFF; */
    border-radius: var(--radius-l);
    /* height: 100%; */
    overflow: hidden;
    transition: background-color .2s, box-shadow .2s;
}

.pt-box.has-bg{
    background-color: #FFF;
}

.pt-box:hover, .pt-box:focus{
    background-color: #FFF;
    border-radius: var(--radius-l);
    box-shadow: 0px 12px 18px -6px rgb(0,0,0,.3);
}

.pt-box .thumbnail{
    align-items: center;
    /* aspect-ratio: 16/10; */
    background-color: var(--white);
    background-position: center;
    background-size: contain;
    border-radius: var(--radius-l);
    display: flex;
    justify-content: center;
    line-height: 0;
    overflow: hidden;
    position: relative;
    transition: border-radius .2s;
    width: 100%;
}

.pt-box .thumbnail picture{
    height: 100%;
    min-height: 100%;
    min-width: 100%;
}

.pt-box.has-bg .thumbnail{
    border-radius: var(--radius-l) var(--radius-l) 0 0;
}

.pt-box:hover .thumbnail, .pt-box:focus .thumbnail{
    border-radius: 16px 16px 0 0;
}

.pt-box.dir-row:hover .thumbnail, .pt-box.dir-row:focus .thumbnail{
    border-radius: 16px 0 0 0;
    box-shadow: inset 0 0 0 4px #FFF;
}

@media (max-width: 480px){
    .pt-box.dir-row:hover .thumbnail, .pt-box.dir-row:focus .thumbnail{
        border-radius: 16px 16px 0 0;
    }
}

.pt-box .thumbnail.square img{
    aspect-ratio: 1/1;
}

.pt-box .thumbnail .meta{
    background: transparent !important;
    background: linear-gradient(180deg, rgba(var(--black-o),0) 0%, rgba(var(--black-o),.8) 60%) !important;
    bottom: 0;
    padding: 4px;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.pt-box .thumbnail .meta i{

}

.pt-box .thumbnail{
    box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
}

.pt-box .thumbnail img{
    aspect-ratio: 16/10;
    background-color: #FFF;
    height: 100%;
    object-fit: cover;
    width: 100%;
    z-index: 1;
}

.pt-box .thumbnail.transparent, .pt-box .thumbnail.transparent img{
    background-color: transparent;
}

.pt-box .thumbnail.contain img{
    object-fit: contain;
}

.pt-box .thumbnail .blur-bg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(16px);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.pt-box .title{
    font-size: 1.2rem !important;
    line-height: 1.2;
    margin-bottom: 8px;
}

.pt-box .title.smaller {
    font-size: 1rem !important;
}

.pt-box .content-wrapper{
    padding: 12px 16px;
}

.pt-box .content-wrapper p, .pt-box .content-wrapper p{
    color: var(--black);
    text-overflow: ellipsis;
}

.pt-box .content-wrapper .meta{
    color: #666;
}




/* POST DETAILS PAGE */
.pd-box{

}

.pd-box .thumbnail{
    align-items: center;
    aspect-ratio: 16/10;
    background-color: var(--white);
    background-position: center;
    background-size: contain;
    border-radius: var(--radius-l);
    display: flex;
    justify-content: center;
    line-height: 0;
    overflow: hidden;
    position: relative;
    transition: border-radius .2s;
    width: 100%;
}

.pd-box.has-bg .thumbnail{
    border-radius: var(--radius-l) var(--radius-l) 0 0;
}

.pd-box .thumbnail.square{
    aspect-ratio: 1/1;
}

.pd-box .thumbnail{
    box-shadow: inset 0 0 50px rgba(0,0,0,0.1);
}

.pd-box .thumbnail.transparent{
    background-color: transparent;
    box-shadow: none;
}

.pd-box .thumbnail.contain img{
    mix-blend-mode: multiply;
    object-fit: contain;
}

.pd-box .thumbnail img{
    background-color: #FFF;
    height: 100%;
    object-fit: cover;
    width: 100%;
    z-index: 1;
}

.pd-box .thumbnail.transparent img{
    background-color: transparent;
}

.pd-box .thumbnail .blur-bg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(16px);
    height: 100%;
    opacity: .3;
    position: absolute;
    width: 100%;
    z-index: 0;
}

/********/
.et_pb_post .et_pb_image_container{
    margin: -20px -20px -10px;
}
.post-teaser .et_pb_module_inner{
    width: 100%;
}

.post-teaser .post-thumbnail{
    align-items: center;
    aspect-ratio: 16/10;
    background-color: var(--white);
    background-position: center;
    background-size: contain;
    border-radius: var(--radius-l);
    display: flex;
    justify-content: center;
    line-height: 0;
    /* margin: -20px -20px -10px; */
    overflow: hidden;
    transition: border-radius .2s;
    width: 100%;
}

.post-teaser:hover .post-thumbnail, .feedzy-rss .rss_item:hover .rss_image, .post-teaser:focus .post-thumbnail, .feedzy-rss .rss_item:focus .rss_image{
    border-radius: var(--radius-l) var(--radius-l) 0 0;
}

.post-teaser .post-thumbnail img{
    height: auto;
    min-height: 100%;
    min-width: 100%;
    width: auto;
}

.post-teaser .post-title, .feedzy-rss .title{
    font-size: 1.2rem !important;
    margin-bottom: 16px;
}

.post-teaser .post-content, .feedzy-rss .title a, .feedzy-rss .rss_content{
    color: var(--black);
    text-decoration: none;
}

.post-teaser .post-content-wrapper, #ff-stream-1 .ff-item-cont{
    padding: 24px 16px;
}

/* JUGENDREDAKTION TEASERS */
.feedzy-rss ul{
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin: 0 !important;
    width: 100%;
}

.feedzy-rss ul:before, .feedzy-rss ul:after{
    display: none !important;
}

.feedzy-rss .rss_item{
    border-radius: var(--radius-l);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    transition: background-color .2s, box-shadow .2s;
}

.feedzy-rss .rss_item:hover, .feedzy-rss .rss_item:focus{
    background-color: var(--white);
    box-shadow: var(--shadow-hover);
}

.feedzy-rss .rss_image{
    aspect-ratio: 16/10;
    border-radius: var(--radius-l);
    height: auto !important;
    margin: 0 0 24px 0 !important;
    overflow: hidden;
    width: 100% !important;
}

.feedzy-rss .title{
    padding: 0 16px;
}

.feedzy-rss .rss_content{
    padding: 0 16px 24px;
}

@media (max-width: 980px){
    .feedzy-rss ul{
        flex-direction: column;
        gap: 24px;
    }
}



/* TAGS */
.taglist-wrapper, .info-wrapper{
	display: flex;
	flex-direction: row;
	gap: 16px;
}

@media(max-width: 480px){
	.taglist-wrapper, .info-wrapper{
		flex-direction: column;	
		gap: 0;
	}
}
.taglist-label{
	font-size: .8em;
	font-weight: 700;
}

.taglist-label.large{
    font-size: 1em;
}

ul.taglist{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 0;
	/* width:80%; */
}	
	
ul.taglist li.tag a, ul.taglist li.tag.nolink{
	background: #1d00a010;
	border: 1px solid rgba(50, 86, 166, .2);
	border-radius: 3px;
	color: var(--primary);
	display: inline-block;
	font-size: .8em;
	padding: 0 8px;
    text-decoration: none;
    transition: background .3s, border .3s;
    white-space: nowrap;
}

ul.taglist li.tag a:hover, ul.taglist li.tag a:focus{
    background: var(--primary);
	border: 1px solid var(--primary);
    color: #FFF;
}

ul.taglist.light li.tag a, .slider-item .item-meta ul.taglist li.tag a{
	background: rgba(255, 255, 255, .2);
	border: 0px solid rgb(255, 255, 255);
	color: #fff;
}

ul.taglist.light li.tag a:hover, ul.taglist.light li.tag a:focus, .slider-item .item-meta ul.taglist li.tag a:hover, .slider-item .item-meta ul.taglist li.tag a:focus{
	background: rgba(255, 255, 255, 1);
	color: var(--primary);
}

/***** SPIEL DETAIL SEITE *****/
.spiel-packshot img{
    max-height: 300px;
    max-width: 300px;
    height: auto;
    width: auto;
}

.spiel-kurz{
    font-size: 1.3rem;
}

.spiel-hinweis{
    background: rgba(220,220,220,.8);
    border-radius: var(--radius);
    padding: 8px 16px;
    color: #333;
    border: 1px solid #DDD;
    line-height: 1.3;
}

.btn, .pagination .page-numbers, #reset-filter .wpc-chip-reset-all a{
    background-color: var(--primary);
    border-radius: var(--radius);
    border: none;
    color: var(--white);
    font-size: .8rem;
    font-weight: 500;
    padding: 8px 16px;
    transition: box-shadow .1s;
}

.pagination .page-numbers.current{
        background-color: transparent;
        border: 1px solid var(--primary);
        color: var(--primary);
}

.pagination .page-numbers.dots{
    opacity: .5;
}

.btn:hover,.btn:focus{
    border-radius: var(--radius);
    box-shadow: var(--shadow-lighten), var(--shadow-hover);
}

.btn.secondary{
    background-color: var(--secondary);
}

.btn.tertiary{
    background-color: var(--tertiary);
}

.btn.tertiary:hover,.btn.tertiary:focus{
    border-radius: var(--radius);
    box-shadow: var(--shadow-lighten), var(--shadow-hover);
}

.empfehlung .btn.label{
    margin-right: -28px;
    padding-right: 24px;
}

.empfehlung i.icn{
    position: relative;
    top: -16px;
}

@media(max-width: 480px){
    .spiel-header .buttonbar .buttons{
        width: 100%;
    }
    .spiel-header .btn{
        text-align: center;
        width: 100%;
    }
}

/* SCREENSHOT SLIDER */

.screenshot-slider-wrapper{
    line-height: 0;
    min-width: 0;
    position: relative;
}

#screenshots-slider{
    margin-bottom: 0;   
}

#screenshots-slider .slider-item{
    aspect-ratio: 16/9;
    background-color: var(--primary);
}

#screenshots-slider .slider-item .screenshot{
    align-items: center;^
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    z-index: 10;
}

#screenshots-slider .slider-item .screenshot img{
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

.fluid-width-video-wrapper{
    height: 100%;
    z-index: 1;
}


#screenshots-slider .slider-item .blur-bg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(25px);
    -webkit-filter: blur(25px);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.slider-nav-btn{
    background-color: var(--primary);
    border: 2px solid transparent;
    color: #FFF;
    border-radius: var(--radius);
    font-family: ETmodules;
    font-size: 40px;
    line-height: 40px;
    padding: 0;
    text-indent: -2px;
}

.slider-nav-btn:hover, .slider-nav-btn:focus{
    border-radius: var(--radius);
    background-color: #FFF;
    border-color: var(--primary);
    color: var(--primary);
}

.slider-dots .slick-dots{
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: initial;
    width: auto;
}

.slider-dots .slick-dots li{
    margin: 0;
}

.slider-dots .slick-dots li button:before{
    color: rgba(var(--primary-o), .3);
    content: '⬤';
    font-size: 9px;
    opacity: 1;
}

.slider-dots .slick-dots li.slick-active button:before{
    color: var(--primary);
    opacity: 1;
}

.slick-lightbox{
    z-index: 9999999 !important;
}



.info-label{
    font-weight: 700;
    margin-right: 16px;
}

.link-btn, .single-spiel ul.taglist li.tag{
    background: var(--primary);
    border: 1px solid transparent;
    border-radius: var(--radius-s);
    color: var(--white);
    display: inline-block;
    font-size: .8rem;
    font-weight: 500;
    line-height: 26px;
    padding: 0 8px;
    text-decoration: none;
    transition: background .3s, border .3s;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.link-btn:hover, a.link-btn:focus{
    background: var(--white);
    border: 1px solid var(--primary);
    color: var(--primary);
}

.link-btn.secondary{
    background: var(--secondary);
}

a.link-btn.secondary:hover, a.link-btn.secondary:focus{
    background: var(--white);
    border: 1px solid var(--secondary);
    color: var(--secondary);
}

.link-btn.tertiary{
    background: var(--white);
    color: var(--black);
    /* box-shadow: inset 0 0 0 1px var(--tertiary); */
    border: 1px solid var(--tertiary);
}

a.link-btn.tertiary:hover, a.link-btn.tertiary:focus{
    box-shadow: inset 0 0 0 2px var(--tertiary);
    border: 1px solid var(--tertiary);
    color: var(--black);
}

.link-btn.outline{
    background: transparent;
    border-color: var(--primary);
    color: var(--primary);
}

.link-btn.outline.secondary{
    border-color: var(--secondary);
    color: var(--secondary);
}

.link-btn.outline.tertiary{
    border-color: var(--tertiary);
    color: var(--tertiary);
}

.usk-white .link-btn{
    background-color: var(--white);
    border: 1px solid var(--black);
    color: var(--black);
}

.usk-white a.link-btn:hover, .usk-white a.link-btn:focus{
    border-color: var(--black);
    color: var(--black);
    filter: brightness(0.8);
}

.usk-yellow .link-btn{
    background-color: var(--usk-yellow);
    color: var(--black);
}

.usk-yellow a.link-btn:hover, .usk-yellow a.link-btn:focus{
    background-color: var(--white);
    border-color: var(--usk-yellow);
    color: var(--black);
}

.usk-green .link-btn{
    background-color: var(--usk-green);
    color: var(--trueblack);
}

.usk-green a.link-btn:hover, .usk-green a.link-btn:focus{
    background-color: var(--white);
    border-color: var(--usk-green);
    color: var(--black);
}

.usk-blue .link-btn{
    background-color: var(--usk-blue);
    color: var(--trueblack);
}

.usk-blue a.link-btn:hover, .usk-blue a.link-btn:focus{
    background-color: var(--white);
    border-color: var(--usk-blue);
    color: var(--black);
}

.usk-red .link-btn{
    background-color: var(--usk-red);
    color: var(--white);
}

.usk-red a.link-btn:hover, .usk-red a.link-btn:focus{
    background-color: var(--white);
    border-color: var(--usk-red);
    color: var(--usk-red);
}

.bx{
    background-color: var(--primary-lighter); 
    border-radius: var(--radius-l); 
    margin: 0 -32px;
    padding: 32px;
}

@media (max-width: 980px){
    .bx{
        border-radius: 0;
        margin: 0;
        padding: 5%;
    }
}

.bx-secondary{
    background-color: var(--secondary-lighter); 
}

ul.zusatzinfo-list{
    margin: 0;
    padding: 0 24px;
}

ul.zusatzinfo-list li{
    margin-left: 0;
}

ul.zusatzinfo-list li a{
    color: var(--black);
    text-decoration: underline;
}

.beurteilung h4{
    margin-bottom: 4px;
}

.beurteilung p{
    margin-bottom: 24px;
}

.beurteilung p{
    margin-bottom: 8px;
    text-align: justify;
}

@media (max-width: 767px){
    .beurteilung p{
        text-align: left;
    }
}

#autorbox{
    background-color: var(--primary-lighter); 
    border-radius: var(--radius-l); 
    padding: 32px;
}

figure.autor-foto{
    aspect-ratio: 1;
    background-position: center;
    background-size: cover;
    box-shadow: inset 0 0 20px rgb(0,0,0,.15);
    width: 100%;
}

figure.autor-foto img{
    aspect-ratio: 1;
    object-fit: cover;
}

.autor-rolle, ul.autor-gruppen li{
    font-size: .8rem;
    line-height: 1;
}

ul.autor-gruppen{
    list-style: none;
    margin: 0;
    padding: 0;
}

#barrierencheck a{
    color: var(--black);
    text-decoration: underline;
}

.barriere-icon{
    height: 72px;
    width: 72px;
}

.barriere-icon img{
    height: auto;
    width: 100%;
}

ul.barriere-list{
    list-style: none;
    padding: 0 0 0 32px;
    position: relative;
}

ul.barriere-list li:before{
    color: var(--secondary);
    display: block;
    font-size: 38px;
    font-weight: 500;
    left: 0;
    position: absolute;
}

ul.barriere-list.plus li:before{
    content:'+';
    font-size: 34px;
}

ul.barriere-list.minus li:before{
    content:'-';
}

#aehnliche-spiele figure.spiel-thumb, #autor-spiele figure.spiel-thumb{
    aspect-ratio: 16/10;
    position: relative;
}

#aehnliche-spiele figure.spiel-thumb img, #autor-spiele figure.spiel-thumb img{
    border-radius: var(--radius-l);
    min-height: 100%;
    min-width: 100%;
}

#aehnliche-spiele h4, #autor-spiele h4{
    font-size: 1rem !important;
}


/* SPIELE SEITE */

/*// LISTE //*/
.wpc-open-close-filters-button{
    margin-bottom: 0 !important;
    width: 100%;
}

@media(max-width: 768px){
    .wpc-filters-widget-containers-wrapper{
        margin-top: 16px;
    }
}

#reset-filter .wpc-filter-chips-list:not(.wpc-empty-chips-container){
    margin-top: 16px;
}

.wpc-open-close-filters-button .wpc-button-inner{
    justify-content: center;
}

.wpc-filters-range-wrapper input[type=number], .wpc-search-field{
    border: 2px solid var(--primary) !important;
    border-radius: 8px !important;
    font-size: 1rem !important;
    padding: 4px 16px;
}

.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single, .wpc-sorting-form .select2-container--default .select2-selection--single{
    border: 2px solid var(--primary) !important;
    border-radius: 8px  !important;
}

.select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown{
    border-radius: 8px !important;
    overflow: hidden;
}

.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b, .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-left: 1px solid var(--primary) !important;
    border-top: 1px solid var(--primary) !important;
}

#wpc_sorting_widget-3{
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: flex-end;
    margin-bottom: 0 !important;
    width: 100%;
}

#wpc_chips_widget-4{
    width: 100%;
}

#wpc_chips_widget-4 .wpc-custom-selected-terms{
    background-color: var(--primary-lighter);
    border-radius: var(--radius-l);
}

#wpc_chips_widget-4 .wpc-filter-chips-list{
    flex-wrap: wrap;
    margin-bottom: 16px;
}

#wpc_chips_widget-4 .wpc-filter-chips-list .wpc-filter-chip{
    margin: 8px 4px;
}

#wpc_chips_widget-4 .wpc-filter-chips-list .wpc-filter-chip:first-child{
    margin-left: 8px;
}

#wpc_chips_widget-4 .wpc-filter-chips-list .wpc-filter-chip:last-child{
    margin-right: 8px;
}

.wpc-filter-chips-list a, body .list-functions .wpc-filter-chips-list li.wpc-filter-chip a{
    color: var(--primary);
    text-transform: capitalize;
}

.wpc-filter-chips-list a, body .list-functions .wpc-filter-chips-list li.wpc-filter-chip.wpc-chip-reset-all a{
    border-color: var(--error);
    color: var(--error);
}

.widget.widget_wpc_filters_widget{
    padding:24px;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)
.wpc-open-close-filters-button {
    margin-bottom: 0;
}

#reset-filter .wpc-filter-chips-list{
    padding: 0;
}

.widget_wpc_chips_widget{
    margin: 0 !important;
}

.wpc-filters-section{

}

.wpc-filter-title{
    color: var(--primary);
    font-weight: 700;
    margin-bottom: 8px !important;
}

#reset-filter .wpc-filter-chips-list{
    width: 100%;
}

#reset-filter .wpc-filter-chip{
    display: none;
    width: 100%;
} 

#reset-filter .wpc-filter-chip a{
    width: 100%;
}

#reset-filter .wpc-filter-chip.wpc-chip-reset-all{
    display: block;
} 

#reset-filter .wpc-chip-content{
    justify-content: center;
}

.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow, .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow{
    background-color: transparent !important;
}

.spiele .grid-posts{
    grid-gap: 16px !important;
    padding: 0;
}

.spiele .grid-col{
    line-height: 0;
    max-width: 100%;
}

.spiele .spiel, .spiele-container .spiel-item{
    aspect-ratio: 16/10;
    background-color: transparent;
}

.spiele-container a .thumbnail picture{
    height: 100%;
    min-height: 100%;
    min-width: 100%;
}

.spiele .spiel .et_pb_code_inner{
    height: 100%;
}

.spiele .spiel .spiel-item, .spiele-container .spiel-item{
    background: rgba(50,86,166,0.6);
    background-position: center;
    background-size: cover;
    border-radius: var(--radius-l);
    box-shadow: 0px 12px 18px -6px rgb(0,0,0,.3);
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
}

@media (max-width: 767px){
    .spiele .spiel, .spiele-container .spiel-item{
        aspect-ratio: 16/10;
        height: auto;
    }

    .spiele .spiel .spiel-item, .spiele-container .spiel-item{
        height: 100%;
    }
}

.spiele .spiel .spiel-content, .spiele-container .spiel-item .spiel-content{
    align-items: center;   
    background: rgba(0,0,0,.6);
    bottom: 0;
    color: #FFF;
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 16px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.spiele .spiel .spiel-content .titel, .spiele-container .spiel-item .spiel-content .titel{
    color: #FFF;
    font-size: .9em;
}

.spiele .spiel .spiel-overlay, .spiele-container .spiel-item .spiel-overlay{
    align-items: center;
    background: rgba(50,86,166,0.6);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s;
    z-index: 0;
}

.spiele .spiel .spiel-overlay:before, .spiele-container .spiel-item .spiel-overlay:before{
    color: #FFFFFF!important;
    content: '';
    font-family: FontAwesome!important;
    font-size: 32px;
    font-weight: 900!important;
}

.spiele .spiel .spiel-item:hover .spiel-overlay, .spiele .spiel .spiel-item:focus .spiel-overlay, .spiele-container .spiel-item:hover .spiel-overlay, .spiele-container .spiel-item:focus .spiel-overlay{
    opacity: 1;
}

/* PAGINATION */
.filter-wrapper .pagination{
    display: flex;
}

.filter-wrapper .pagination.mobile{
    display: none;
}

@media (max-width: 767px) {
    .filter-wrapper .pagination{
        display: none;
    }

    .filter-wrapper .pagination.mobile{
        display: flex;
    }
}


/* TEAM SEITE / GRUPPEN SEITE */
ul.team-list, ul.gruppen-list{
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    list-style: none;
    padding: 0;
}

ul.team-list li.team-member, ul.gruppen-list li.gruppe{
    background-color: var(--white);
    border-radius: var(--radius-l);
    overflow: hidden;
    transition: box-shadow .2s;
}

ul.team-list li.team-member:hover, ul.gruppen-list li.gruppe:hover, ul.team-list li.team-member:focus, ul.gruppen-list li.gruppe:focus{
    box-shadow: 0px 12px 18px -6px rgb(0,0,0,.3);
}

ul.team-list li.team-member>a, , ul.gruppen-list li.gruppe>a{
    display: block;
}

ul.team-list li.team-member a>br, ul.gruppen-list li.gruppe a>br{
    display: none;
}

ul.team-list .member-photo, ul.gruppen-list .gruppe-logo{
    aspect-ratio: 1/1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 8px;
    position: relative;
    width: 100%;
}

ul.team-list .member-photo, ul.gruppen-list .gruppe-logo img{
    background-color: #FFF;
    z-index: 1;
}

ul.gruppen-list li .gruppe-logo .blur-bg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(1.5rem);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}

ul.team-list .member-content, ul.gruppen-list .gruppe-content{
    padding: 16px 16px 24px;
}

ul.team-list .member-title, ul.gruppen-list .gruppe-title{
    font-size: 1rem;
    line-height: 1.1rem;
}

ul.team-list .member-role{
    color: var(--black);
    font-size: .8rem;
    line-height: 1.1rem;
}

ul.team-list p,  ul.gruppen-list p{
    color: var(--black);
    /* font-size: .8rem; */
    /* line-height: 1.1rem; */
}

ul.team-list .member-projekte a{
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media(max-width: 980px){
    ul.team-list, ul.gruppen-list{
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width: 480px){
    ul.team-list, ul.gruppen-list{
        grid-template-columns: 1fr;
    }
}


/* AUTOR SEITE */
.autor-photo{
    aspect-ratio: 1/1;
    border-radius: var(--radius-l);
    overflow: hidden;
}

/* PROJEKT SEITE */
.projekt-photo{
    /* aspect-ratio: 1/1; */
    border-radius: var(--radius-l);
    overflow: hidden;
}


/* DIVERSES */
.pagetype{
    background-color: var(--primary);
    border-radius: 16px;
    color: #FFF;
    display: inline-block;
    flex-shrink: 0;
    font-size: .7rem;
    font-weight: 500;
    line-height: 1.7;
    padding: 2px 12px;
    align-self: flex-start;
}

.archiv{
    background-color: var(--primary) !important;
    border-radius: 16px;
    color: var(--white) !important;
    display: inline-block;
    flex-shrink: 0;
    font-size: .7rem;
    font-weight: 500;
    line-height: 1.7;
    padding: 2px 12px;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index:1;
}

.box{
    background-color: #FFF;
    border-radius: var(--radius-l);
    overflow: hidden;
    box-shadow: 10px 10px 0px 0px rgb(0, 0, 0, .3);
    padding-top: 8px !important;
    padding-right: 16px !important;
    padding-bottom: 16px;
    padding-left: 16px !important;
}

.dark-layout .box{
    background-color: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.2);
}

.beurteilung-abschnitt{
    border-top: 2px solid var(--primary);
    padding: 16px 0;
}



.gruppentest-inner{
    display: flex;
    gap: 16px;
}

.gruppentest-logo{
    aspect-ratio: 1/1;
    border-radius: var(--radius-l);
    box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
    overflow: hidden;
}

.gruppentest-logo img{
    background-color: #FFF;
    height: 100%;
    mix-blend-mode: multiply;
    object-fit: contain;
    width: 100%;
    z-index: 1;
}

.gruppentest-content{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gruppentest-titlebar{
    align-items: center;
    display: flex;
    gap: 16px;
}

.gruppentest-title{
    flex-grow: 1;
}

.gruppentest-bewertung{
    flex-shrink: 0;
}

.gruppentest-bewertung .info-content{
    color: var(--primary);
    font-size: 1.6em;
    letter-spacing: 4px;
}

.dark-layout .gruppentest-bewertung .info-content{
    color: #FFF;
}

@media only screen and (max-width: 980px) {
    .gruppentest-inner{
        flex-direction: column;
        gap: 16px;
    }
    
    figure.gruppentest-logo img{
        max-width: 100%;
    }
    
    .gruppentest-content{

    }

    .gruppentest-titlebar{
        align-items: flex-start;
        flex-direction: column;
    }
}

/* ÜBERSICHTEN */
ul.overview{
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    padding: 0;
}

ul.overview li.item{
}

ul.overview li.item a{
    align-items: center;
    background-color: var(--white);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: var(--radius-l);
    display: flex;
    gap: 16px;
    padding: 16px;
    text-decoration: none;
}
ul.overview li.item a:hover, ul.overview li.item a:focus{
    background: var(--primary);
    box-shadow: 0px 12px 18px -6px rgb(0,0,0,.3);
    color: #FFF;
}

ul.overview li.item img, ul.overview li.item picture{
    flex-shrink: 0;
    height: 96px;
    line-height: 0;
    width: 96px;
}

ul.overview li.item img{
    background: #FFF;
    border-radius: var(--radius-l);
    box-shadow: inset 0 0 30px rgba(0,0,0,.1);
}
ul.overview li.item .item-content{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
ul.overview li.item .item-title{
    color: var(--primary);
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.3;
    padding-bottom: 0;  
}

ul.overview li.item .item-description{
    color: #888;
    margin-top: 8px;
}
ul.overview li.item a:hover .item-title, ul.overview li.item a:focus .item-title, ul.overview li.item a:hover .item-description, ul.overview li.item a:focus .item-description{
    color: #FFF;
}

/* WIDGETS */
.widget{
    background-color: var(--primary-lighter);
    border-radius: var(--radius-l);
    /* box-shadow: 10px 10px 0px 0px rgb(0, 0, 0, .3); */
    margin-bottom: 24px;
    padding: 24px 32px;
}

.widget a{
    color: var(--primary);
    text-decoration: underline;
}

.widget a:hover{
    background-color: var(--primary);
    color: var(--white);
}

.widget.secondary{
    background-color: var(--secondary-lighter);
}

.widget.secondary a{
    color: var(--secondary);
}

.widget.secondary a:hover{
    background-color: var(--secondary);
    color: var(--white);
}

.widget.secondary li.active a{
    background-color:  rgba(var(--secondary-o),.3);
    color: var(--secondary);
}

.widget .widget-headline{
    color: var(--primary);
    font-size: 1.1rem;
    margin-bottom: 24px;
}

.widget.secondary .widget-headline{
    color: var(--secondary);
}

ul.widget-list{
    list-style: none;
    margin-bottom: 8px;
    padding: 0;
}

.widget ul.widget-list li.list-item{
    border-top: 1px solid var(--primary);
}

.widget ul.widget-list li.list-item:hover+li.list-item, .widget ul.widget-list li.list-item.active+li.list-item, .widget ul.widget-list li.list-item:hover, .widget ul.widget-list li.list-item.active{
    border-color: transparent !important;
}

.widget ul.widget-list li.list-item:first-child{
    border-top: none;
}

.widget.secondary ul.widget-list li.list-item{
    border-top-color: var(--secondary);
}

.widget ul.widget-list li.list-item a{
    align-items: center;
    border-radius: var(--radius);
    display: flex;
    gap: 8px;
    padding: 4px 8px;
    text-decoration: none;
}

ul.widget-list li.list-item a .item-title{
    color: var(--black);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0; 
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.widget-list li.list-item a .item-title.wrap{
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
   white-space: normal;
}

.widget ul.widget-list li.list-item a:hover, .widget ul.widget-list li.list-item a:focus{
    background: var(--primary);
    color: #FFF;
}

.widget.secondary ul.widget-list li.list-item a:hover, .widget.secondary ul.widget-list li.list-item a:focus{
    background: var(--secondary);
}

ul.widget-list li.list-item a img, .widget ul.widget-list li.list-item a picture{
    max-height: 50px;
    max-width: 50px;
}

.widget ul.widget-list li.list-item a img{
    background: #FFF;
    border-radius: 4px;
    box-shadow: inset 0 0 8px rgba(0,0,0,.05);
}

.widget ul.widget-list li.list-item a .item-content{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
}

.widget ul.widget-list li.list-item .item-meta{
    color: #888;
    font-size: .8em;
    font-style: italic;
}

/* .widget ul.widget-list li.list-item.active a .item-title{
    color: var(--secondary);
} */

.widget ul.widget-list li.list-item a:hover .item-title, .widget ul.widget-list li.list-item a:focus .item-title, .widget ul.widget-list li.list-item a:hover .item-meta, .widget ul.widget-list li.list-item a:focus .item-meta{
    color: #FFF;
}

.widget .more-link{
    align-items: center;
    border-radius: var(--radius);
    display: flex;
    font-weight: 600;
    justify-content: center;
    text-decoration: none;
    width: 100%;
}


/* CONTENT SEITEN */

.infobox .et_pb_blurb_content{
    align-items: flex-start;
    display: flex;
    gap: 32px;
    margin: 0;
    max-width: initial;
}

@media (max-width: 767px){
    .infobox .et_pb_blurb_content{
        align-items: center;
        flex-direction: column;
    }
}

.infobox .et_pb_blurb_content .et_pb_main_blurb_image{
    display: initial;
    margin: 0;
    width: auto;
}

.infobox .et_pb_blurb_content .et_pb_blurb_container{
    flex-grow: 1;
    padding: 0;
}


/* FORMS */
input[type=checkbox] {
    visibility: hidden;
}

input[type=checkbox]+label{
    cursor: pointer;
    line-height: 20px;
    margin-left: 8px;
}

input[type=checkbox]+label:before {
    align-items: center;
    background: #FFF;
    border: 1px solid var(--primary);
    border-radius: 4px; 
    color: #FFF;
    content: '';
    display: flex;
    font-family: 'asppsicons2';
    font-size: 15px;
    height: 20px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 3px;
    transition: background-color .2;
    width: 20px;
}

input[type=checkbox]:checked+label:before {
    background: var(--primary);
    content: '\2714';
}


/* TOOLTIPPS */
[data-tippy-root]{
    z-index: 99999999999 !important;
}
.tippy-box[data-theme~='light'] {
    background-color: #FFF;
    box-shadow: 0px 12px 18px -6px rgb(0,0,0,.3);
    color: var(--black);
    font-size: .8rem;
    padding: 8px;
}

.tippy-box[data-theme~='light'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #FFF;
}
.tippy-box[data-theme~='light'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #FFF;
}
.tippy-box[data-theme~='light'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #FFF;
}
.tippy-box[data-theme~='light'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #FFF;
}


/* ACCORDION */
.et_pb_accordion .et_pb_toggle {
	padding: 0;
}

.et_pb_accordion .et_pb_toggle .et_pb_toggle_title {
    border-radius: var(--radius-l);
	outline-offset: -2px;
    padding: 20px;
}

.et_pb_accordion .et_pb_toggle .et_pb_toggle_title:focus {
    outline-offset: -2px !important;
}

.et_pb_accordion .et_pb_toggle_title:before {
	padding-right: 20px;
}

.et_pb_accordion .et_pb_toggle .et_pb_toggle_content {
	padding: 0 20px 20px 20px;
}

.et_pb_accordion .et_pb_toggle_title:before, .et_pb_toggle .et_pb_toggle_title:before{
    color: inherit;
    display: block;
    font-family: var(--font-family) !important;
    font-size: 38px;
    font-weight: 500;
    right: 0;
    position: absolute;
    content:'+' !important;
    font-size: 34px;
}

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before, .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before{
    content:'-' !important;
    display: block!important;
    font-family: var(--font-family) !important;
    right: 2px;
}

@media (max-width: 980px){
    .et_pb_accordion .et_pb_toggle_title{
      pointer-events: none;
    }
    .et_pb_accordion .et_pb_toggle_title::before{
      pointer-events: all;
    }
}
    



/* SERIAL TABS SERIALTABS PLUGIN */
/*  https://www.jqueryscript.net/accordion/responsive-tabs-serial.html */
ul.serialtabs-nav {
    list-style-type: none !important;
    margin-bottom: 32px;
    max-width: 100%;
    padding: 0 !important;
  }
  
 ul.serialtabs-nav .sub-link-1 {
    background-color: transparent;
    display: block;
    padding: 15px 25px;
    border: none;
    border: 2px solid transparent;
    border-bottom: 2px solid var(--primary);
    color: var(--primary);
    cursor: pointer;
    text-align: center;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 8px; 
    margin-top: 96px;
    /* transition: 400ms; */
  }

  .secondary>ul.serialtabs-nav .sub-link-1{
    border-bottom: 2px solid var(--secondary);
    color: var(--secondary);
  }
  
  ul.serialtabs-nav .sub-link-1:hover, ul.serialtabs-nav .sub-link-1:focus, ul.serialtabs-nav .sub-link-1.is-current {
    background-color: transparent;
    border-radius: var(--radius-l);
    border: 2px solid var(--primary) !important;
    /* color: var(--white); */
  }

  .secondary>ul.serialtabs-nav .sub-link-1:hover, .secondary>ul.serialtabs-nav .sub-link-1:focus, .secondary>ul.serialtabs-nav .sub-link-1.is-current {
    /* background-color: var(--secondary); */
    border: 2px solid var(--secondary) !important;
  }
  
  ul.serialtabs-nav[data-serialtabs-mode="tabs"]>li+li {
    margin-left: -2px;
  }
  
  ul.serialtabs-nav[data-serialtabs-mode="accordion"] {
    display: block;
    margin-bottom: 24px
  }
  
  ul.serialtabs-nav[data-serialtabs-mode="accordion"] .sub-link-1 {
    margin-top: 0;
  }

  ul.serialtabs-nav[data-serialtabs-mode="accordion"] .sub-link-1.is-current{
    border-bottom: none;
  }
  
  ul.serialtabs-nav[data-serialtabs-mode="accordion"] .serialtabs-nav-content {
    padding: 20px;
    border: 2px solid var(--primary);
    border-radius: var(--radius-l);
  }

  .secondary>.serialtabs-nav[data-serialtabs-mode="accordion"] .serialtabs-nav-content {
    border: 2px solid var(--secondary);
  }


/* ARTIKELSEITE */


.wp-caption, .wp-caption img {
    border-radius: var(--radius-l);
}

.wp-caption p.wp-caption-text{
    font-size: .8rem;
    line-height: 1.5;
}
 

/* KONTAKTFORMULAR */
.et_contact_bottom_container .et_pb_contact_right p input{
    max-width: 60px;
}

.et-pb-contact-message p{
    position: relative;
    padding: 16px!important;
    margin-bottom: 96px;
    border: 2px solid #29c4a9;
    border-radius: var(--radius-l);
    color: #29c4a9;
}

/* A11Y TOOLBAR / WP ACCESSIBILITY */
.a11y-toolbar{
    right: 3px !important;
    top: 140px;
}

.a11y-toolbar .a11y-toolbar-list{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.a11y-toolbar ul li button{
    background-color: var(--tertiary);
    border-radius: 12px !important; 
    color: var(--white);
    padding: 12px;
}

/* INHALTE IN EINFACHER SPRACHE */
.einfache-sprache .content h1, .einfache-sprache .content h2, .einfache-sprache .content h3, .einfache-sprache .content h4{
    margin-bottom: 1rem;
    margin-top: 1.3rem;
}

.einfache-sprache .content p, .einfache-sprache .content .beurteilung p{
    line-height: 2rem;
    margin-bottom: 0;
}



.einfache-sprache .content ul{
    padding-bottom: 0;
}

.einfache-sprache .content ul li{
    line-height: 2rem;
}

.einfache-sprache .content p + p, .einfache-sprache .content ul + p{
    padding-top: 1rem;
}

#einfache-sprache-btn:hover, #einfache-sprache-btn:focus{
    /* text-shadow: 0px 1px 1px rgba(0,0,0,.5); */
    background-color: var(--tertiary) !important;
    box-shadow: var(--shadow-lighten);
}

#footer-meta-menu a{
    color: #FFF;
    text-decoration: none;
}

#footer-meta-menu a:hover{
    text-decoration: underline;
}