.serialtabs-nav{display:flex;justify-content:center;margin-bottom:60px;}
.serialtabs-nav .sub-link-1{display:block;padding:15px 25px;border:2px solid #2c2f2f;color:rgba(255, 255, 255, .8);cursor:pointer;font-size:13px;text-transform:uppercase;font-weight:400;transition:400ms;}
.serialtabs-nav .sub-link-1:hover{background-color:#2c2f2f;text-decoration:none;}
.serialtabs-nav .sub-link-1.is-current{background-color:#fff;cursor:default;color:#000;opacity:1;}
.serialtabs-nav[data-serialtabs-mode="tabs"] > li + li{margin-left:-2px;}
.serialtabs-nav[data-serialtabs-mode="accordion"]{display:block;}
.serialtabs-nav[data-serialtabs-mode="accordion"] > li + li{margin-top:-2px;}
.serialtabs-nav[data-serialtabs-mode="accordion"] .serialtabs-nav-content{padding:20px;border:2px solid #2c2f2f;border-top:0;} @font-face {
font-family: 'Poppins';
src: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/fonts/Poppins-Regular.woff2) format('ttf');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/fonts/Poppins-Italic.ttf) format('ttf');
font-weight: normal;
font-style: italic;
font-display: swap;
} @font-face {
font-family: 'Poppins';
src: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/fonts/Poppins-Light.ttf) format('ttf');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/fonts/Poppins-LightItalic.ttf) format('ttf');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/fonts/Poppins-Medium.ttf) format('ttf');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/fonts/Poppins-MediumItalic.ttf) format('ttf');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/fonts/Poppins-SemiBold.ttf) format('ttf');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/fonts/Poppins-SemiBoldItalic.ttf) format('ttf');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/fonts/Poppins-Bold.ttf) format('ttf');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/fonts/Poppins-BoldItalic.ttf) format('ttf');
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/fonts/Poppins-ExtraBold.ttf) format('ttf');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/fonts/Poppins-ExtraBoldItalic.ttf) format('ttf');
font-weight: 800;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/fonts/Poppins-Black.ttf) format('ttf');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/fonts/Poppins-BlackItalic.ttf) format('ttf');
font-weight: 900;
font-style: italic;
font-display: swap;
}
:root{
font-size: 18px; --primary-o: 8, 29, 134;
--primary: rgb(var(--primary-o));
--primary-lighter: #e6ebf8; --secondary-o: 107, 32, 150;
--secondary: rgb(var(--secondary-o));
--secondary-lighter: #EEE9F4; --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;
} .scrollbar {
overflow: overlay;
} .scrollbar::-webkit-scrollbar {
background-color: rgba(0,0,0,0);
width: 6px;
height: 6px;
z-index: 999999;
} .scrollbar::-webkit-scrollbar-track {
background-color: rgba(0,0,0,0);
} .scrollbar::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0);
border-radius:3px;
border:0px solid #fff;
} .scrollbar::-webkit-scrollbar-button {
display:none;
} .scrollbar:hover::-webkit-scrollbar-thumb {
background-color: #a0a0a5;
border:0px solid #fff;
} .scrollbar::-webkit-scrollbar-thumb:hover {
background-color:#a0a0a5;
border:0px solid #f4f4f4
}
html {
font-size: 100%;
} 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{ border-radius: 4px;  }
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;
} .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-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;
}
} .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;
} .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;
} .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;
} .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;
}
} #mainheader{ }
#mainheader.shrinked{
padding-bottom: 16px !important;
padding-top: 16px !important;
}
#mainlogo{
max-width: 300px;
transition: max-width .3s;
}
#mainheader.shrinked #mainlogo{
max-width: 170px;
} #mainmenu, #mainmenu *{
animation: none;
transition: none !important;
}
#mainmenu .nav{
display: flex;
}
#mainmenu .nav>li>a{
border-radius: 8px;
} #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;
}
} #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.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-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;
} #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;
} div#ajaxsearchpro1_1 .probox .proinput input.orig{
padding-top: 0 !important;
} @media only screen and (max-width: 980px) {
.et_pb_row{
width: 92%;
}
} .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; } 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;
} 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-medium{
height: 48px;
width: 48px;
}
i.icn-medium:before, i.icn-medium:after{
height: 40px;
left: 4px;
top: 4px;
width: 40px;
} 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;
}
} i.icn-ul:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-blank-ul.svg);
}
i.icn-ul-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-blank-ul-b.svg);
}
i.icn-ur:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-blank-ur.svg);
}
i.icn-ur-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-blank-ur-b.svg);
}
i.icn-ol:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-blank-ol.svg);
}
i.icn-ol-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-blank-ol-b.svg);
}
i.icn-or:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-blank-or.svg);
}
i.icn-or-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-blank-or-b.svg);
}
i.icn-l:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-blank-l.svg);
}
i.icn-l-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-blank-l-b.svg);
}
i.icn-r:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-blank-r.ursvg);
}
i.icn-r-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-blank-r-b.svg);
} i.icn-2.icn-ul:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-ul.svg);
}
i.icn-2.icn-ul-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-ul-b.svg);
}
i.icn-2.icn-ur:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-ur.svg);
}
i.icn-2.icn-ur-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-ur-b.svg);
}
i.icn-2.icn-ol:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-ol.svg);
}
i.icn-2.icn-ol-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-ol-b.svg);
}
i.icn-2.icn-or:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-or.svg);
}
i.icn-2.icn-or-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-or-b.svg);
}
i.icn-2.icn-l:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-l.svg);
}
i.icn-2.icn-l-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-l-b.svg);
}
i.icn-2.icn-r:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-r.ursvg);
}
i.icn-2.icn-r-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-r-b.svg);
} i.icn-2.icn-ul:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-ul.svg);
}
i.icn-2.icn-ul-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-ul-b.svg);
}
i.icn-2.icn-ur:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-ur.svg);
}
i.icn-2.icn-ur-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-ur-b.svg);
}
i.icn-2.icn-ol:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-ol.svg);
}
i.icn-2.icn-ol-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-ol-b.svg);
}
i.icn-2.icn-or:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-or.svg);
}
i.icn-2.icn-or-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-or-b.svg);
}
i.icn-2.icn-l:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-l.svg);
}
i.icn-2.icn-l-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-l-b.svg);
}
i.icn-2.icn-r:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-r.ursvg);
}
i.icn-2.icn-r-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn2-blank-r-b.svg);
} i.icn-3.icn-ul:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn3-blank-ul.svg);
}
i.icn-3.icn-ul-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn3-blank-ul-b.svg);
}
i.icn-3.icn-ur:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn3-blank-ur.svg);
}
i.icn-3.icn-ur-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn3-blank-ur-b.svg);
}
i.icn-3.icn-ol:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn3-blank-ol.svg);
}
i.icn-3.icn-ol-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn3-blank-ol-b.svg);
}
i.icn-3.icn-or:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn3-blank-or.svg);
}
i.icn-3.icn-or-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn3-blank-or-b.svg);
}
i.icn-3.icn-l:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn3-blank-l.svg);
}
i.icn-3.icn-l-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn3-blank-l-b.svg);
}
i.icn-3.icn-r:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn3-blank-r.ursvg);
}
i.icn-3.icn-r-b:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn3-blank-r-b.svg);
}
i.icn-3.icn-ul-b-xl:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn3-blank-ur-b-xl.svg);
height: 130px;
width: 130px;
top: 13px;
left: 9px;
} i.icn-w.icn-ul:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icnw-blank-ul.svg);
}
i.icn-w.icn-ur:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icnw-blank-ur.svg);
}
i.icn-w.icn-ol:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icnw-blank-ol.svg);
}
i.icn-w.icn-or:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icnw-blank-or.svg);
}
i.icn-w.icn-l:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icnw-blank-l.svg);
}
i.icn-w.icn-r:before{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icnw-blank-r.ursvg);
} 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(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-autorin.svg);
}
i.icn-beurteilung:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-beurteilung.svg);
}
i.icn-brain:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-brain.svg);    
}
i.icn-cogs:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-cogs.svg);    
}
i.icn-details:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-details.svg);    
}
i.icn-directions:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-directions.svg);    
}
i.icn-eye:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-eye.svg);    
}
i.icn-fazit:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-fazit.svg);    
}
i.icn-game:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-game.svg);    
}
i.icn-genres:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-genres.svg);    
}
i.icn-goal:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-goal.svg);    
}
i.icn-graduation:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-graduation.svg);    
}
i.icn-group:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-group.svg);    
}
i.icn-info:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-info.svg);    
}
i.icn-info-alt:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-info-alt.svg);    
}
i.icn-jugendschutz:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-jugendschutz.svg);    
}
i.icn-list:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-list.svg);    
}
i.icn-money:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-money.svg);    
}
i.icn-plattforms:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-plattforms.svg);    
}
i.icn-star:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-star.svg);    
}
i.icn-star-o:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-star-o.svg);    
}
i.icn-thumbsup:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-thumbsup.svg);    
}
i.icn-time:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-time.svg);    
}
i.icn-usk:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-usk.svg);    
}
i.icn-video:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-video.svg);    
}
i.icn-volume:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-volume.svg);    
}
i.icn-wheelchair:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-wheelchair.svg);    
}
i.icn-wrench:after{
background-image: url(//spieleratgeber-nrw.de/wp-content/themes/Spieleratgeber/img/icn-wrench.svg);    
} .multislider-wrapper{
height: 100%;
position: relative;
width: 100%;
} .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;
}
} .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-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{ }
@media(max-width: 980px){
.featured-post{
flex-direction: column;
}
.featured-post img{
max-width: 100%;
}
} .et_pb_equal_columns .et_pb_code, .et_pb_equal_columns .et_pb_code_inner{
height: 100%;
}
.pt-box{ border-radius: var(--radius-l); 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; 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;
} .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; 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;
} .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;
}
} .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; }	
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-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-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); 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;
} /*/*/.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;
}/**/.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;
}
} 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);  }
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-photo{
aspect-ratio: 1/1;
border-radius: var(--radius-l);
overflow: hidden;
} .projekt-photo{ border-radius: var(--radius-l);
overflow: hidden;
} .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;
}
} 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;
} .widget{
background-color: var(--primary-lighter);
border-radius: var(--radius-l); 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; 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 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%;
} .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;
} 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';
} [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;
} .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;
}
}  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; }
.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; }
.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 { 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);
} .wp-caption, .wp-caption img {
border-radius: var(--radius-l);
}
.wp-caption p.wp-caption-text{
font-size: .8rem;
line-height: 1.5;
} .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{
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;
} .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{ 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;
}