:root {
--schwarz: #000000;
--weiß: #ffffff;
--orange: #ec5f13;
--dunkel--grau: #969696;
--hell--grau: #C9C9C9;
--typo--hell: #F8F4F0;
--typo--grau: #757575;
--focus-background: #ffffff;
--global--color-orange: #ec5f13;
--typo--reg--390: 'brandon_grotesqueregular';
--typo--reg--it--390: 'brandon_grotesqueregualar_italic';
--typo--med--420: 'brandon_grotesquemedium';
--typo--bld--450: 'brandon_grotesquebold';
--typo--bld--it--450: 'brandon_grotesquebold_italic';
--typo--bla--500: 'brandon_grotesqueblack';
--typo--bla--it--500: 'brandon_grotesqueblack_italic';
}
@font-face {
font-family: 'brandon_grotesqueblack';
src: url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/fonts/brandon_blk-webfont.woff2) format('woff2'),
url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/fonts/brandon_blk-webfont.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'brandon_grotesqueblack_italic';
src: url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/fonts/brandon_blk_it-webfont.woff2) format('woff2'),
url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/fonts/brandon_blk_it-webfont.woff) format('woff');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'brandon_grotesqueregular';
src: url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/fonts/brandon_reg-webfont.woff2) format('woff2'),
url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/fonts/brandon_reg-webfont.woff) format('woff');
font-weight: 390;
font-style: normal;
}
@font-face {
font-family: 'brandon_grotesqueregualar_italic';
src: url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/fonts/brandon_reg_it-webfont.woff2) format('woff2'),
url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/fonts/brandon_reg_it-webfont.woff) format('woff');
font-weight: 390;
font-style: italic;
}
@font-face {
font-family: 'brandon_grotesquebold';
src: url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/fonts/brandon_bld-webfont.woff2) format('woff2'),
url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/fonts/brandon_bld-webfont.woff) format('woff');
font-weight: 450;
font-style: normal;
}
@font-face {
font-family: 'brandon_grotesquebold_italic';
src: url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/fonts/brandon_bld_it-webfont.woff2) format('woff2'),
url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/fonts/brandon_bld_it-webfont.woff) format('woff');
font-weight: 450;
font-style: italic;
}
@font-face {
font-family: 'brandon_grotesquemedium';
src: url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/fonts/brandon_med-webfont.woff2) format('woff2'),
url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/fonts/brandon_med-webfont.woff) format('woff');
font-weight: 420;
font-style: normal;
}
html, body {
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-smooth: always; }
body {
font-family: var(--typo--reg--390); 
}
p {
font-family: var(--typo--reg--390); 
font-size: 16px;
line-height: 24px !important;
color: var(--typo--grau);
}
h2 p {
font-family: var(--typo--reg--390); 
font-size: 27.8px;
line-height: 28.8px !important;
color: var(--weiß);
}
h2.wp-block-heading  {
font-family: var(--typo--bld--450)!important;; 
font-size: 33.18px;
line-height: 46px !important;
color: var(--dunkel--grau);
font-weight: 450; 
} 
h3.wp-block-heading   {
font-family: var(--typo--bld--450)!important;;
font-weight: 450; 
font-size: 27.8px;
line-height: 28.8px !important;
color: var(--dunkel--grau);
}
h4.wp-block-heading   {
font-family: var(--typo--bld--450)!important;;
font-weight: 450; 
font-size: 18px;
line-height: 28px !important;
color: var(--dunkel--grau);
}
b, strong {
font-family: var(--typo--bld--450);
font-weight: 450!important;
}
ul li {
font-family: var(--typo--reg--390); 
font-size: 16px;
line-height: 24px !important;
color: var(--typo--grau); }
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background: transparent!important;
color: var(--wp--style--color--link, var(--global--color-white));
}
.music-awards h6 {
color: var(--typo--grau);
font-family: var(--typo--med--420); 
line-height: 24px !important;
font-weight: 420;
font-style: normal;
padding-top: 20px;
letter-spacing:  0em;
}
em {
font-family: var(--typo--reg--it--390);
}
button.offcanvas-toggle, button.back {
position: absolute;
right: -10px;
z-index: 105 !important;
top: -5px;
background-color: transparent !important;
color: var(--weiß) !important;
}
button.offcanvas-toggle.burger-menu:hover, button.back:hover, button:active {
border-color: transparent !important;
}
a:focus img {
outline: none !important;
}
a {
color: var(--orange)!important;
text-decoration: none !important;
pointer-events: auto;
cursor: default; 
}
a:visited {
color: var(--orange)!important;
}
ul {
padding: 0 0!important;
}
ul#menu-footer.menu li  a {
font-size: 16px;
font-family: var(--typo--med--420);
letter-spacing:  0.08em;
}
ul#menu-footer.menu li:nth-child(2) a:before,  ul#menu-footer.menu li:nth-child(3) a:before  {
content: "I";
padding-right: 10px;
font-family: var(--typo--bld--450);
}
ul#menu-footer.menu li:nth-child(3) a {
pointer-events: none;
cursor: default; 
}
@media (min-width: 320px) and (max-width: 1024px) { 
.logo img {
width: 200px!important;
}
}
@media (min-width: 1024px) and (max-width: 1330px) { 
.logo img {
width: 350px!important;
}
}
.logo img {
width: 530px;
}
div.filmography-text.highlight h3 a{
color: var(--typo--grau)!important; 
text-decoration-style:dotted!important; 
text-decoration: underline!important; 
}
.music-awards p {
font-family: var(--typo--med--420);
} @media (max-width: 600px) {
.flex-item h1 {
font-size: 18px!important;
}
h2 p {
font-size: 13.3px;
}
}
.gallery-item h1 {
font-family: var(--typo--bla--500); 
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
text-align: center;
font-size: 50px;
letter-spacing: 0.05em;
line-height: 72px;
z-index: 3;
width: 72%;
padding: 0 20px;
box-sizing: border-box;
}
@media (min-width: 782px) and (max-width: 1024px) { 
.title h1 {
font-size: 33px;
line-height: 47px;
letter-spacing: 0.05em;
}
.gallery-item h1 {
font-size: 33px;
line-height: 47px;
letter-spacing: 0.05em;
width: 100%;
text-align: center;
}
}
@media (min-width: 320px) and (max-width: 781px) { 
.title h1 {
font-size: 20px!important;
line-height: 27px!important;
letter-spacing: 0.05em;
}
.gallery-item h1 {
font-size: 20px!important;
line-height: 27px!important;
letter-spacing: 0.05em;
width: 100%;
text-align: center;
}
.synopsis h2, .music-awards h2{
font-size: 16px!important;
}
.wp-block-columns .wp-block-heading, .wp-block-column p  {
text-align: center!important; 
}
.div.wp-block-column, div.wp-block-columns:nth-child(3) > div:nth-child(1) {
margin-bottom: 0px;
flex-basis: 100%;
}
.wp-block-columns .wp-block-column:not(:last-child),  .wp-block-columns .wp-block-column:not(:first-child)  {
margin-bottom: 0px;
flex-basis: 100%;
}
.wp-block-columns .wp-block-column:not(:last-child)  {
margin-bottom: 0px!important;
}
.div.wp-block-column, .div.wp-block-column h3  {
margin-bottom: 0px;
}
.wp-block-columns {
margin-bottom: 1.5em!important;
}
div.wp-block-columns:nth-child(*) {
margin-bottom: 0px!important;
}
.wp-block-columns {
display: inherit!important;
flex-wrap: wrap !important;
}
}
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: 0px!important;
} @media (min-width: 600px) and (max-width: 1024px) { h2 p {
font-size: 13.3px;
}
}
.poster img {
max-width: 475px;
height: auto;
}
@media (min-width: 320px) and (max-width: 599px) { 
.poster img {
max-width: 100%;
height: auto;
}
} @media (min-width: 1025px) {
h1 {
font-size: 2.25rem;
}
h2 {
font-size: 1.8rem;
}
}
.site .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus {
outline-offset: -6px;
outline: none !important;
}
.site-header {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 20 !important;
max-width: 100% !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.site-main {
padding-top: 0px !important;
}
.burger-menu {
display: inline-block;
cursor: pointer;
} .bar {
width: 55px;
height: 3px;
background-color: var(--orange);
margin: 8px 0;
} .bar.mobile-dot {
width: 5px; height: 5px; background-color: var(--orange);
border-radius: 50%;
display: inline-block;  } .desktop-bar {
display: block;
} .mobile-dot {
width: 8px; height: 8px; background-color: var(--orange);
border-radius: 50%;
display: inline-block;  } .offcanvas-toggle {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; } @media (max-width: 1024px) {
.offcanvas-toggle {
flex-direction: row; }
}
.offcanvas-toggle {
position: fixed;
top: 10px;
right: 10px; 
z-index: 1001;
}
.offcanvas-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;  display: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.offcanvas-overlay.active {
display: inline-block;
opacity: 1;
}
.offcanvas-menu {
position: absolute;
top: 0;
right: 0;
z-index: 15;
padding: 20px;
display: flex;
flex-direction: column;
align-items: flex-end; 
}
.offcanvas-menu.active {
right: 0;
}
button.offcanvas-toggle.burger-menu {
display: block;
opacity: 1; visibility: visible;
transition: opacity 0.5s ease, visibility 0.5s ease; }
button.offcanvas-toggle.burger-menu.active {
opacity: 0; visibility: hidden; pointer-events: none; }
.offcanvas-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.offcanvas-menu li {
opacity: 0;
transform: translateY(30px);
transition: transform 0.3s ease, opacity 0.3s ease;
width: auto; display: block;
text-align: right; 
}
.offcanvas-menu li a {
font-size: 16px;
padding: 2px 5px;
text-decoration: none;
color: var(--orange);
text-transform: uppercase;
font-family: var(--typo--bld--450);
background-color: var(--weiß);
line-height: 35px;
letter-spacing: 0.08em;
}
.offcanvas-menu li.highlight a {
color: var(--typo--grau) !important;
}
.offcanvas-menu a:focus {
background-color: var(--focus-background) !important;
}
.offcanvas-menu {
pointer-events: none; }
.offcanvas-menu.active {
pointer-events: auto; }
main.overlay-active {
overflow: hidden;
}
.site-main > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.site-main {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.flex-row {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
height: 56.25vw;
box-sizing: border-box;
background-color: var(--orange); 
}
.flex-item h1 {
font-family: var(--typo--bla--500);
letter-spacing: 0.05em;
text-transform: uppercase;
color: white;
text-align: center;
font-size: 50px;
z-index: 3; 
padding: 0 20px;
box-sizing: border-box;
line-height: 72px;
}
.flex-item h2 {
font-family: var(--typo--reg--390);
letter-spacing: 0.02em;
color: white;
text-align: center;
font-size: 1.395em;
z-index: 3;
padding: 0 20px;
box-sizing: border-box;
}
.flex-item-container {
position: absolute;
top: 47%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.gallery {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.gallery-item {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden; height: 56.25vw;
}
.gallery-item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
z-index: 2;
}
.gallery-item img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.site-footer > .site-info {
border-top: none !important;
}
.site-footer {
padding: none !important;
}
footer#colophon.site-footer {
display: none;
}
nav.menu-menu-container {
display: flex;
justify-content: center;
padding: 0;
}
.widget-area > * {
margin: 0 auto;
}
.widget-area {
margin-top: 1px !important;
display: flex !important;
justify-content: center;
column-gap: unset !important;
}
.widget ul {
list-style-type: none;
padding: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.widget ul li {
margin-right: 15px;
}
.widget ul li a {
text-decoration: none;
color: #000;
padding: 0px 5px;
display: block;
}
.widget ul li a:hover {
color: #000;
}
.container {
display: flex;
max-width: 1440px;
margin: auto;
padding: 20px 143px ;
flex-wrap: wrap;
gap: 140px;
}
.left-column {
flex: 2;
padding: 20px 0px;
max-width: 540px;
}
.right-column {
flex: 1;
padding: 20px 0px;
max-width: 475px;
}
.button-group.n1 {
display: none;
}
@media (max-width: 1279px) {
.container {
flex-direction: column;
padding: 20px 100px ;
gap: 0px;
}
.music-awards {
margin-top: 16px!important;
}
.left-column, .right-column {
flex: none;
width: 100%; max-width: 825px;
}
.button-group.n2 {
display: none;
}
.button-group.n1 {
display: flex;
}
main * img {
max-width: 100%;
}
}
@media (min-width:320px) and (max-width:600px) {
.container {
flex-direction: column;
padding: 0px 25px ;
gap: 0px;
}
}
@media (min-width:600px) and (max-width:820px) {
.container {
flex-direction: column;
padding: 20px 25px ;
gap: 0px;
}
}
@media (min-width:320px) and (max-width:1024px) {
.button-group {
margin: 15px 0px 0px 0px!important;
}
.title h1 {
margin: 25px 0!important;
}
}
@media (max-width: 450px) {
.button-group.n1 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: left;
}
.button-group.n1 h2 { width: auto;
text-align: left; }
.slider-controls {
position: absolute;
bottom: 20px;
}
}
.audio-title {
font-family: var(--typo--reg--390);
color: var(--typo--hell);
font-size: 19.8px;
letter-spacing: 2.2px;
} .poster {
text-align: left;
margin-top: 40px;
}
.title h1 {
font-family: var(--typo--bla--500);
color: var(--orange);
font-size: 33px;
margin: 20px 0;
letter-spacing: 0.05em;
font-style: normal;
font-weight: 500;
line-height: 47px;
}
.details {
margin-top: 24px;
margin-bottom: 56px;
}
.music-awards {
margin-top: 40px;
}
.details h2 {
font-family: var(--typo--bld--450); 
text-transform: uppercase;
color: var(--typo--grau);
font-size: 16px;
margin: 20px 0 24px 0;
letter-spacing: 0.035em;
}
.synopsis h2 {
font-family: var(--typo--bla--500);
text-transform: uppercase;
color: var(--orange);
font-size: 18px;
margin: 11px 0;
letter-spacing: 0.035em;
}
.music-awards h2 {
font-family: var(--typo--bla--500);
text-transform: uppercase;
color: var(--typo--grau);
font-size: 18px;
margin: 20px 0;
letter-spacing: 0.035em;
}
.music-awards p {
color: var(--orange);
}
.video {
margin-top: 40px;
}
.button-group {
display: flex;
justify-content: left;
margin: 24px 0;
}
.button-group button:hover {
background-color: var(--hell--grau) !important;
color: var(--dunkel--grau) !important;
}
.play-stop-button.active {
background-color: var(--hell--grau) !important;
color: var(--typo--grau); 
}
.button-group.n1 h2, .button-group.n2 h2 {
font-family: var(--typo--reg--390);
text-transform: uppercase;
line-height: 22.88px;
font-size: 16px;
padding: 8px 0px;
margin-right: 12px;
color: var(--typo--grau);
letter-spacing: 0.035em;
}
.n2-ss-slider.active {
display: block;
}
.slider-wrapper {
position: relative;
}
.slider-controls {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
color: white;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.slider-play-pause {
color: var(--weiß);
border: none;
padding: 15px;
cursor: pointer;
display: none;
border-radius: 50%;
width: 28px; 
height: 28px;
position: relative;
}
button.slider-play-pause {
background-color: var(--dunkel--grau) !important;
}
.slider-wrapper.active .slider-play-pause {
display: inline-block;
} .play-stop-button.play-button {
background-color: var(--dunkel--grau) !important; color: var(--typo--hell);
position: relative;
} .play-stop-button {
position: relative;
width: 28px; 
height: 28px;
background-color: var(--dunkel--grau);
color: white;
font-size: 16px; 
text-align: center;
line-height: 28px; 
border-radius: 50%;
cursor: pointer;
} .play-stop-button.playing {
color: transparent; } .play-stop-button::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 28px;
height: 28px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
transform: translate(-50%, -50%);
display: none;
z-index: 10; } .play-stop-button:not(.playing)::before {
display: block;
} .play-stop-button.playing::before {
background-image: url(//www.kaiser-maas.com/newkaisermaas/wp-content/themes/twentytwentyone-child/icons/play.svg); 
background-size: 100%;
background-color: var(--dunkel--grau);
display: block;
} .button-group button {
font-family: var(--typo--bla--500);
background-color: var(--dunkel--grau) !important; 
border: none;
color: var(--typo--hell);
padding: 9px 10px;
margin: 4px 4px;
cursor: pointer;
border-radius: 50%;
width: 28px; 
height: 28px;
text-align: center;
line-height: 28px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
position: relative; }
.button-group button:hover {
background-color: var(--hell--grau) !important;
color: var(--dunkel--grau) !important;
}
.play-stop-button.playing {
background-color: var(--hell--grau) !important;
color: var(--dunkel--grau); 
} .slider-controls .slider-play-pause {
display: none;
}
.about-container, .contact-container, .filmography-container {
display: flex;
flex-direction: column;
align-items: center;
}
.about-image {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
height: 50vw; }
.about-image img  {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.about-content {
width: 100%;
max-width: 1440px;
margin-top: 24px;
}
.about-text {
column-count: 2;
column-gap: 40px;
padding: 20px;
margin-bottom: 60px;
}
@media (max-width: 1024px) {
.about-text {
column-count: 1;
}
}
.award-container {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.award-image {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
.award-image img  {
height: 100% !important;
max-width: 100% !important;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.award-title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 3; 
}
.award-title h1 {
font-family: var(--typo--bla--500);
color: var(--orange);
font-size: 50px;
letter-spacing: 0.05em;
text-transform: uppercase;
margin: 0; 
}
.award-content {
width: 100%;
max-width: 1440px;
margin-top: 20px; }
.award-text {
column-count: 1;
column-gap: 40px;
padding: 20px;
}
.contact-text {
column-count: 1;
column-gap: 40px; }
.award-text li  {
font-family: var(--typo--med--420);
font-size: 16px;
text-align: center;
line-height: 40px!important;
color: var(--typo--grau)!important;
list-style-type: none; 
}
.contact-text p {
font-family: var(--typo--bld--450);
font-size: 18px;
text-align: center;
line-height: 30px;
color: var(--orange) !important;
}
@media (min-width:320px) and (max-width: 840px) {
.award-text li  {
line-height: 28px!important;
margin-bottom: 25px;
}
}
.award-text  span.year  {
font-family: var(--typo--bld--450);
color: var(--typo--grau)!important;
padding: 0 4px;
letter-spacing: 0.035em;
}
.award-text  span.title  {
font-family: var(--typo--bld--450);
color: var(--orange)!important;
padding: 0 4px;
letter-spacing: 0.035em;
}
.award-text  span.for  {
font-family: var(--typo--bld--it--450);
color: var(--typo--grau)!important;
padding: 0 6px;
font-style: italic;
letter-spacing: 0.035em;
}
.award-text p  em{
font-family: var(--typo--bld--it--450);
color: var(--typo--grau)!important;
font-style: italic;
}
.singular .entry-header {
border-bottom: none!important;
padding-bottom: 20px!important;
margin-bottom: 20px!important;
}
.entry-header {
margin-top: 0px!important;
}
.contact-container {
position: relative;
width: 100%;
min-height: 1056px;
overflow: hidden;
}
.contact-container {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
} .contact-content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center; height: 100%;
}
.contact-title {
margin: 0 0 20px;
}
.about-image-container {
position: relative;
width: 100%;
display: flex;
justify-content: center; 
align-items: center;    
overflow: hidden;   
}
.about-image-container img {
width: 100%;          
height: auto;         
object-fit: cover;  
}
.filmography-title h1, .contact-title h1 {
font-family: var(--typo--bla--500);
color: var(--orange);
font-size: 50px;
letter-spacing: 0.05em;
text-transform: uppercase;
} .post-131018 .entry-header h1, .post-131020 .entry-header h1   {
font-family: var(--typo--bla--500);
color: var(--orange);
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.post-131018 h2.wp-block-heading, .post-131020 h2.wp-block-heading {
font-family: var(--typo--bla--500);
font-size: 16px;
line-height: 24px !important;
color: var(--typo--grau);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.post-131018  h3.wp-block-heading, .post-131020  h3.wp-block-heading  {
font-family: var(--typo--bld--450);
font-weight: 450; 
font-size: 16px;
line-height: 24px !important;
color: var(--typo--grau);
text-transform: uppercase;
letter-spacing: 0.1em;
} 
.post-131018 h3.wp-block-heading strong, .post-131020 h3.wp-block-heading strong   {
font-family: var(--typo--bld--500);
font-weight: 500; 
font-size: 16px;
line-height: 24px !important;
color: var(--typo--grau);
text-transform: uppercase;
letter-spacing: 0.1em;
}
.post-131018  h4.wp-block-heading, .post-131020  h4.wp-block-heading    {
font-family: var(--typo--bld--450);
font-weight: 450; 
font-size: 16px;
line-height: 24px !important;
color: var(--typo--grau);
text-transform: uppercase;
letter-spacing: 0.05em;
} 
.post-131018 p a, .post-131020 p a {
font-family: var(--typo--reg--390);
font-weight: 390; 
color: var(--typo--grau)!important;
text-decoration: underline!important;;
}
.post-131018 h2, .post-131020 h2   {
padding: 20px 0 10px 0;
margin: 0;
}
.post-131018 h3, .post-131020 h3  {
padding: 20px 0 10px 0;
margin: 0;
}
.post-131018  h4, .post-131020  h4 {
padding: 20px 0 10px 0;
margin: 0;
} 
.post-131018 p, .post-131020 p {
padding: 10px 0 10px 0;
margin: 0;
} 
.post-131018 p strong, .post-131020 p strong {
text-transform: uppercase;
letter-spacing: 0.05em;
} 
.post-131018 ul.wp-block-list li, .post-131020 ul.wp-block-list li{
margin-left: 30px; 
}
.post-131018 .wp-block-list, .post-131020 .wp-block-list {
padding: 20px 0 20px 0!important;
margin-bottom: 0px!important;
margin-top: 0px!important;
}
.post-131018 .wp-block-list li, .post-131020 .wp-block-list li {
display: flex;
align-items: center;
position: relative;
} 
.post-131018 li::before, .post-131020 li::before {
content: "•"; 
position: absolute;
left: -16px;
bottom: 5px;
font-size: 1em;
line-height: 1;
} 
.singular .entry-header {
display: flex;
flex-direction: column;
max-width: 950px;
}
.singular .entry-content .wp-audio-shortcode, .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), [class*="inner-container"] > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width {
max-width: 950px!important;
margin-left: auto;
margin-right: auto;
}
.singular .entry-content {
margin-top: -20px;
} .filmography-title , .singular .entry-header  {
padding: 264px 0 10px 0; 
}
.contact-title   {
padding: 264px 0 0 0; 
}
@media (min-width:782px) and (max-width: 1024px) {
.filmography-title h1,  .contact-title h1 {
font-size: 33px;
line-height: 47px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.singular .entry-content {
padding: 0 30px 0 30px;
}
.filmography-title  {
padding: 94px 0 10px 0; 
}
.contact-title {
padding: 94px 0 0 0; 
}
.award-title h1, .about-title h1 {
font-size: 33px;
line-height: 47px;
letter-spacing: 0.05em;
text-transform: uppercase;  
}
}
@media (min-width:320px) and (max-width: 781px) {
.filmography-title h1, .contact-title h1 {
font-size: 23px;
line-height: 32px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.singular .entry-header  {
padding: 95px 30px 10px 30px; 
}
.singular .entry-content {
padding: 0 30px 0 30px;
}
.filmography-title  {
padding: 94px 0 10px 0; 
}
.contact-title  {
padding: 94px 0 0 0; 
}
.award-title h1, .about-title h1 {
font-size: 23px;
line-height: 32px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.contact-content, .contact-text {
margin: 0;
padding: 0;
}
}
.filmography-text  h2 {
font-family: var(--typo--med--420);
color: var(--typo--grau);
font-size: 19px;
letter-spacing: 0.035em;
text-transform: uppercase;
margin: 56px 0 32px 0;
}
.filmography-text  h3 {
font-family:var(--typo--bla--500);
color: var(--typo--grau);
font-size: 22px;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.filmography-content {
width: 100%;
max-width: 1440px;
text-align: center;
}
:where(.wp-block-columns) {
margin-bottom: 0.2em;
}
:where(.is-layout-flex) {
gap: 0.5em;
}
.slideshows-container {
position: relative;
overflow: hidden; } @media (min-width:1440px)  {
.award-image, .about-image {
height: 1080px;
}
}
@media (min-width:1729px) and (max-width:3000px) {
.carousel .slick-slide {
min-height: 1080px;
}
}
@media (min-width:1440px) and (max-width:1728px)  {
.award-image, .about-image {
height: 800px;
}
}
@media (min-width:1729px) and (max-width:3000px) {
.carousel .slick-slide {
min-height: 800px;
width: auto; 
}
}
@media (min-width:1497px) and (max-width:1728px)  {
.carousel .slick-slide {
min-height: 720px;
width: auto; 
}
}
@media (min-width:1024px) and (max-width:1496px) {
.carousel .slick-slide, .award-image, .about-image {
height: 600px!important; }
}
@media (min-width:769px) and (max-width:1024px) {
.carousel .slick-slide {
height: 500px!important; }
}
@media (min-width:500px) and (max-width:768px) {
.carousel .slick-slide {
height: 375px!important; }
}
@media (min-width:320px) and (max-width:500px) {
.carousel .slick-slide {
height: 211px; }
}
@media (min-width:320px) and (max-width:1024px) {
.award-image, .about-image {
height: 50vw!important;
}
}
@media (min-width: 320px) and (max-width: 1000px) {
.slick-slider,
.slick-list,
.slick-track,
.slick-slide  {
position: relative;
overflow: hidden;  }
}
.slick-slide img, .award-image img,  .about-image img  {
width: 100% !important;
height: 100% !important; object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.widget ul li {
margin-right: 0px;
}
.detail {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
z-index: 9999;
overflow: hidden;
background-color: #fff;
padding: 20px;
}
.detail .content {
width: 100%;
height: 100%;
overflow-y: auto; 
box-sizing: border-box;
}
.overlay-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
}
.placeholder-image {
position: absolute;
z-index: 9999;  
object-fit: cover;  
width: 100%;  
height: auto;  
}
.overlay-reveal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 10000;
transform: scaleX(0);
transform-origin: left center;
visibility: hidden;
}
.carosel img {
mix-blend-mode: multiply; 
}
.slideshow {
position: relative;
width: 100%;
height: 500px; 
overflow: hidden;
}
.slide {
position: absolute;
top: 0;
left: 100%; 
width: 100%;
height: 100%;
transition: all 1s ease;
opacity: 0;
}
.carousel-item img {
width: 100%;
height: 100%;
}
.carousel {
visibility: hidden;
}
.carousel.slick-initialized {
visibility: visible;
} .overlay-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8); 
display: none; 
} .overview-content {
opacity: 1;
transition: opacity 0.5s ease;
}
body {
--swup-overlay-theme-color: #ec5f13;
--swup-overlay-theme-duration: 0.8s;
--swup-overlay-theme-delay: 0.5s;
--swup-overlay-theme-scale: 1.2;
--swup-overlay-theme-skew: 0deg;
}
.slide-cover {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--typo--hell);
transform: translateY(100%);
z-index: 9999;
}
html.is-changing  [class*="transition-"]
{
transition: opacity 400ms ease-in-out;
}
html.is-changing .back, 
html.is-changing button.offcanvas-toggle.burger-menu  {
transition: opacity 400ms ease-in-out;
}
html.is-animating  [class*="transition-"]
{
opacity: 0;
}
html.is-animating .back,
html.is-animating button.offcanvas-toggle.burger-menu
{
opacity: 0;
}
.table {
max-width: 1200px;
list-style: none;
margin: 0;
padding: 0;
} .table:after {
content: '';
display: block;
clear: both;
}
.table-title {
text-align: right;
font-family: var(--typo--bla--500);
color: var(--typo--grau);
font-size: 16px;
letter-spacing: 0.035em;
text-transform: uppercase;
}
.table-title a {
color: var(--typo--grau)!important;
}
.table-title a:before {
content: '>';
position: relative; 
display: inline-block; 
vertical-align: middle;
top: -3.8px;
}
.table-description {
font-family: var(--typo--reg--390);
font-size: 16px;
line-height: 26px;
color: var(--typo--grau);
}
.table-description strong {
font-family: var(--typo--bld--450);
font-weight: 450;
}
.table-item {
display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; text-align: left; }
.table-title,
.table-description {
flex: 1; margin: 0; line-height: 26px; 
}
@media (max-width: 768px) {
.table-item {
flex-direction: column; justify-content: center; text-align: center; gap: 0px; margin-bottom: 20px;
}
.table-title,
.table-description {
flex: none; line-height: 26px; text-align: center; }
.table-description {
padding: 0 20px;
}
}
h2.film-title  {
font-family: var(--typo--bld--450);
color: var(--typo--grau);
font-size: 16px;
letter-spacing: 0.035em;
text-transform: uppercase;
margin: 56px 0 16px 0;
}
.filter {
font-family: var(--typo--med--420);
text-transform: uppercase;
font-size: 16px;
color: var(--typo--grau);
padding: 5px; 
}
.filter.is-active {
color: var(--orange);
}
ul {
width: 100%;
}
.film-title.hidden {
display: none !important;
}
.table-item.is-hidden {
display: none !important;
}
.devider {
margin-top: 10px;
}
.audio-title-container {
position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); text-align: center; width: 100%;
z-index: 10; pointer-events: none; }
.audio-title-container p {
font-size: 16px; color: var(--weiß); }
@media (max-width:490px) {
.audio-title-container p {
display: none;
}
}
.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr); grid-auto-rows: 315px; max-width: 1440px; margin: 0 auto; }
.grid-item {
overflow: hidden; }
.grid-item img {
width: 100%; 
height: 100%; 
object-fit: cover; 
display: block;
}
@media (max-width: 1024px) {
.grid-container {
grid-template-columns: repeat(2, 1fr); grid-auto-rows: 260px; }
}
@media (max-width: 600px) {
.grid-container {
grid-template-columns: 1fr; grid-auto-rows: auto; }
.grid-item img {
width: 100%;
height: auto; }
}