@font-face {  font-family: 'Work Sans';  src:  url('fileadmin/inhalte/fonts/WorkSans-VariableFont_wght.woff') format('woff'); font-style:normal; }
@font-face {  font-family: 'Work Sans';  src:  url('fileadmin/inhalte/fonts/WorkSans-Italic-VariableFont_wght.woff') format('woff'); font-style:italic; }

/* *globale Elemente */

* { font-family: "Work Sans",Arial,Helvetica,sans-serif; }
body { backgound: black; background: radial-gradient(ellipse at center, #575f8c, #000000); font-size:16px; color:black; }
h1, h2, h3, h4, h5, h6 { line-height:1.2; text-transform:none; }
h1, h2, h3, h5, h6 { font-family:Georgia, serif; font-weight:normal; }


h1 {
font-size:3.5rem;
/*text-transform: uppercase;*/
background: -webkit-linear-gradient(45deg, #f4eed3, #bc9427);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
position: relative;
text-align: center;
}

.language-navigation {
display:none;
}

#header .toggle-nav.menu{
display:none;
}


.logo { width:140px; margin:0 auto; }
.large.num { font-size:15rem; font-family:'Georgia',serif; color: #ff001b;line-height:120%; margin-top:100px; display:block;}

.flex_box{ 
display: flex;
  height: 500px;
  align-items: flex-end;
  /*background-color: DodgerBlue;*/
}

.bildunterschrift .row {
  align-items: flex-end;
}

.bildunterschrift .ce-gallery {
  margin-bottom: 0 !important;
  margin-right: -10px !important;;  
}

/* AUFKLAPPELEMENT */


.collapse-header svg.icon {  
    fill: #ff001b;
    border: 1px solid #ff001b;
    border-radius: 10rem;
    padding: 10px;
    background: transparent;
    box-sizing: content-box;
    position: absolute;
    left: -70px;
    top: -6px;
}

.collapse-header svg.icon:hover {transform: scale(1.5); }
 
h5.collapse-header a {
    text-decoration: none;
    color: #2c3042;
    font-size: 1.8rem;
    font-weight: 300;
    position: relative;
    line-height:1.5em;
}
 
h5.collapse-header a:hover { color: #ff001b; }

.collapse-header-white h5.collapse-header a {
    text-decoration: none;
    color: white;
    font-size: 1.8rem;
    font-weight: 300;
    position: relative;
    line-height:1.5em;
}

.collapse-header-white h5.collapse-header a:hover{ color: #ff001b; }
  
#nav{
text-align: left;
color:#2c3042;
}

/*.picture_blue_white{
  filter: sepia(100%) hue-rotate(180deg) saturate(90%)brightness(90%)opacity(90%)contrast(95%);
  cursor: pointer;
}*/

/*.animation-parallax{
height: 75vh;}

.header_parallax .animation-parallax{
height: 150vh;}

.kapitel3 .animation-parallax{
height: 90vh;}

.kapitel5 .animation-parallax{
height: 80vh;}*/

a { color:#e52b53; }
p, li { line-height:1.5em; }
.small, .medium .large { line-height:1.5em; }
.large-serif { line-height:1.5em; margin-bottom: 0.5em; }
.large { font-size:1.8em; font-weight:300; }
.large-serif { font-size:2em; font-weight:300; font-family:'Georgia',serif; font-style:italic; color:#2c3042;}
.medium { font-size:1.5em; font-weight:300; }
.medium2 { font-size:1.4em; font-weight:300; margin-bottom:10px;}
.sternschrift { font-size:1.3em; font-weight:300; }
.small a, .large a { font-size:inherit; }
.text-white, .figure-caption { color:white; }
.frame-ruler-after { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom:2rem; padding-bottom:2rem; }
.frame-ruler-before { border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top:2rem; padding-top:2rem; }
strong, b, i, em { color:inherit; font-size:inherit; }

.caption {
    color: white; font-size: 13px;
}
.medium2 a{ color: inherit; text-decoration: underline; font-size: inherit;}
.no-gap {margin-bottom: 0 !important;}


/* BUTTONS */
a.btn-ticket { cursor:pointer; position:relative; border-radius:20px; font-size: 1rem; font-weight: normal; margin:0; padding: .375rem 1.25rem; text-align: center; text-decoration: none; background: -webkit-linear-gradient(#473c09, #fdec9e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; color: white!important; border: transparent solid 2px; box-sizing: border-box; transition: all 0.5s; }
a.btn-ticket:hover { color: #ff001b!important; background: white; /*border: 2px solid #ff001b;*/ }
a.btn-ticket:active { outline:none; transform:scale(.94,.94); }
a.btn.btn-ticket.links{position:fixed;top:52px;left:20px;z-index:9999;}
#content>.container:first-of-type { position: unset; max-width: unset!important; height: 0; }
#content>.container:first-of-type *:not(.btn-ticket.links) {display:inline;margin:0;padding:0}

/* BUTTONS */
a.btn-ticket2 { cursor:pointer; position:relative; border-radius:20px; font-size: 1rem; font-weight: normal; margin:0; padding: .375rem 1.25rem; text-align: center; text-decoration: none; background:#a58838; color: white!important; border: transparent solid 2px; box-sizing: border-box; transition: all 0.5s; }
a.btn-ticket2:hover { color: #a58838!important; background: white; /*border: 2px solid #a58838;*/ }
a.btn-ticket2:active { outline:none; transform:scale(.94,.94); }
a.btn.btn-ticket2.links{position:fixed;top:52px;left:20px;z-index:9999;}
#content>.container:first-of-type { position: unset; max-width: unset!important; height: 0; }
#content>.container:first-of-type *:not(.btn-ticket2.links) {display:inline;margin:0;padding:0}

/* BTN weiß */
.btn-primary { color: #000!important; background-color: #fff; border:none; border-radius:20px; text-decoration:none; font-size: 1rem; padding: .375rem 1.25rem;  border: transparent solid 2px; transition: all 0.5s;}
.btn-primary:hover { color: #fff!important; background-color: #2C3042; border-color:white; border-radius:20px; }



.links {color:#575f8c; }
.links a {color:#575f8c; }

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



.frame-space-before-medium{margin:none;}


.cc-btn{
background:#ff001b;
}

#footer{
background: transparent;
border: none;
}


/* MENU */
.close-footer svg.icon { fill: #2c3042; }


/* LIGHTBOx */
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right:1rem; width:auto; }

/* Tablet-size */
@media only screen and (max-width:991px) {
.figure.image { max-width:70%; margin-left:auto !important; margin-right:auto !important; }
.icon {
  margin: 34px;
  margin-top: -46px;} 
#c21121 {
    margin: 15px;}
.handschrift {
  margin-top: -600px;}
}
h2 { 
font-size:1.8rem; 
text-transform: uppercase;
background-color: #ff001b;
color: white;
letter-spacing:0.2rem;
display: inline;
box-shadow: 10px 0 0 #ff001b, -10px 0 0 #ff001b;
box-decoration-break: clone;
margin-top: -10px;
}

h5.collapse-header a {
    text-decoration: none;
    color: #2c3042;
    font-size: 1.8rem;
    font-weight: 300;
    position: relative;
    line-height:1.5em;}



/* Mobile-size */
@media only screen and (max-width:767px) {
.figure.image { max-width:80%; }
.logo {margin-top: 80px;}
#c21121 {
    margin: 15px;}
#c21519 {
  margin-top: -750px;}

h2 { 
font-size:1.3rem; 
text-transform: uppercase;
background-color: #ff001b;
color: white;
letter-spacing:0.2rem;
display: inline;
box-shadow: 10px 0 0 #ff001b, -10px 0 0 #ff001b;
box-decoration-break: clone;
margin-top: -10px;
}

h3 { 
font-size:1.7rem;
/*text-transform: uppercase;*/
color: #ff001b;
position: relative;
}


.large { font-size:1.5em; font-weight:300; } 
.collapse-header-white h5.collapse-header a {
    text-decoration: none;
    color: white;
    font-size: 1.5rem;
    font-weight: 300;
    position: relative;
    line-height: 1.5em;
}

h1 {
font-size:2.5rem;
/*text-transform: uppercase;*/
background: -webkit-linear-gradient(45deg, #f4eed3, #bc9427);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
position: relative;
text-align: center;
}

h5.collapse-header a {
    text-decoration: none;
    color: #2c3042;
    font-size: 1.5rem;
    font-weight: 300;
    position: relative;
    line-height:1.5em;
}