a:link {text-decoration: none; color: #ffffff}
a:visited {text-decoration: none; color: #ffffff}
a:hover {text-decoration: none; color: rgb(51, 51, 51); background-color: rgb(225, 225, 225)}
a:active {text-decoration: none; color: rgb(223, 177, 6); background-color: rgb(51, 51, 51)}

body {background-position: center; background-position: top; background-color: rgb(223, 177, 6)}

td.H1 {vertical-align: top;}

td.H2 {vertical-align: top;}

td.H3 {vertical-align: top;}

td.S1 {font-family: Script MT, Century Gothic, Apple Gothic,AppleGothic,URW Gothic L,Avant Garde,Futura,sans-serif; font-size: 300%}

td.S2 {font-family: Script MT, Century Gothic, Apple Gothic,AppleGothic,URW Gothic L,Avant Garde,Futura,sans-serif; font-size: 300%; text-align: right}

td.S2T {text-align: right}


#Titel {text-align: left; font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; padding: 5px}

#Haupttitel {font-size: 2.5vw;}

#Untertitel {font-size: 1vw; margin-top: -2.5vw}

#Nachwuchs {background-color: rgb(51, 51, 51); font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffffff; font-size: 100%; position: absolute; top: 6.8vw; right: 9.4vw; display: none}

#Newcomers {background-color: rgb(51, 51, 51); font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; color: #ffffff; font-size: 100%; position: absolute; top: 6.7vw; right: 14vw; display: none}


.Sprachen_und_Netzwerke {  
text-align: right;
margin-left: auto;
margin-right: auto;
float: right;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
color: #ffffff; 
width: 550px; 
overflow: hidden;
font-size: 1vw;
padding: 1vw;
word-spacing: 10px
 } 

.Box_Navigation { 
background-color: rgb(51, 51, 51); 
text-align: left;
margin-right: -8px;
margin-left: 10%;
float: center;
font-family: "Script MT", "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
color: #ffffff; 
width: auto; 
font-size: 150%;
word-spacing: 15px;
padding-left: 0.2%;
padding-right: 5vw;
} 

#Titel_Ende {
width: auto;
margin-left: 8px;
margin-bottom: -10px;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
}

!----->Slider<------

* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
}

.slide1 img {
display: block;
}

.slide1 span {
color: white;
position: absolute;
text-align: left;
top: 60vh;
left: 15vh;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
font-size: 4vh;
}

.slide2 img {
display: block;
}

.slide2 span {
color: white;
position: absolute;
text-align: right;
top: 60vh;
left: 320vh;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
font-size: 4vh;
}

.slide3 img {
display: block;
}

.slide3 span {
color: white;
position: absolute;
text-align: left;
top: 60vh;
right: 15vh;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
font-size: 4vh;
}

.Startbild-Slider {
overflow: hidden;
text-align: center;
position: center;
height: 100%;
margin-left: -8px;
margin-right: -8px;
margin-top: -15px;
}

.Startbild-Slider figure div {
width: 33.33%;
float: left;
}

.Startbild-Slider figure img {
width: 100%;
}

.Startbild-Slider figure {
position: relative;
margin: 0;
left: 0;
animation: 25s Bewegung infinite;
width: 300%;
}

@keyframes Bewegung {
    0%{
        left: 0%;
    }
    20%{
        left: 0%;
    }
    24%{
        left: -100%;
    }
    44%{
        left: -100%;
    }
    48%{
        left: -200%;
    }
    68%{
        left: -200%;
    }
    72%{
        left: -100%;
    }
    92%{
        left: -100%;
    }
    96%{
        left: 0%;
    }
    
}

------>Slider<--------!

/* News */ 

.News {
background-color: #ffffff;
text-align: left;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
margin-top: 4px;
border-top-style: double;
border-bottom-style: double;
border-color: rgb(223, 177, 6);
}

.Hauptnews {  
background-color: #ffffff;
float: left;
margin-left: -8px;
margin-top: -1px;
width: 64%;
border-right: rgb(51, 51, 51);
border-right-style: solid;
border-width: 2px;
height: 80%;
border-top-width: 3px;
border-top-style: double;
border-top-color: rgb(223, 177, 6);
border-bottom-width: 3px;
border-bottom-style: double;
border-bottom-color: rgb(223, 177, 6);
padding-left: 8px;
padding-right: 8px;
}

.H1 {
width: 32.8%;
height: 100%;
display: inline-block;
border-right: solid rgb(223, 177, 6) 1px;
}

.H2 {
width: 32.8%;
height: 100%;
display: inline-block;
border-left: solid rgb(223, 177, 6) 1px;
border-right: solid rgb(223, 177, 6) 1px;
}

.H3 {
width: 32.8%;
height: 100%;
display: inline-block;
border-left: solid rgb(223, 177, 6) 1px;
}

.Hauptnews_Bild {
height: auto; 
width: 100%;
margin-top: 16px;
margin-bottom: 16px
}

#Hauptnews_Titel {
font-size: 200%
}

.Hauptnews_Text {
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
padding-right: 8px;
padding-left: 8px;
font-size: 125%
}

.Nebennews {
float: right;
margin-right: -8px;
margin-top: -1px;
border-left: rgb(51, 51, 51);
border-left-style: solid;
width: 35%;
border-width: 2px;
padding-left: 8px;
padding-right: 8px;
background-color: #ffffff;
height: 80%;
border-top-width: 3px;
border-top-style: double;
border-top-color: rgb(223, 177, 6);
border-bottom-width: 3px;
border-bottom-style: double;
border-bottom-color: rgb(223, 177, 6);
}

.Nebennews_Bild {
float: left;
width: auto;
height: 16vh;
margin-top: 2.5%;
padding-right: 8px;
padding-bottom: 8px;
}

.Nebenbox {
height: 200px;
border-bottom: solid rgb(223, 177, 6) 1px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
}

.Nebenbox_Ende {
height: 25%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
}

.Nebennews_Titel {
font-size: 175%;
padding-left: 8px;
padding-top: 8px;
}

.Nebennews_Text {
font-size: 100%
}

.News_alt {
border-width: 2px;
border-style: double;
border-color: grey;
border-radius: 10px;
padding-left: 5px;
padding-right: 5px;
cursor: pointer;
position: relative;
display: inline-block;
}

.News_alt:after {
position: absolute;
border-style: double;
border-color: red;
border-radius: 10px;
transition: .5s;
}

.News_alt:hover {
border-color: red;
transition: 1s;
}


.Archivbox {
background-color: #ffffff;
border-style: solid;
border-width: 2px;
border-color: red;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
font-size: 16pt;
text-align: center;
width: 100%;
display:block;
}

.Archivnewsbox {
height: 250px;
border-bottom: solid rgb(223, 177, 6) 1px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
}

.Archivnewsbox_Ende {
height: 250px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
}

.Archivrausbox {
background-color: #ffffff;
border-style: solid;
border-width: 2px;
border-color: red;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
font-size: 16pt;
text-align: center;
width: 50%;
display:block;
}


.Archivnews {  
background-color: #ffffff;
margin-top:20px;
margin-right:-8px;
margin-left:-8px;
padding-left:8px;
padding-right:8px;
width: 100%;
border-width: 2px;
height: auto;
border-top-width: 3px;
border-top-style: double;
border-top-color: rgb(223, 177, 6);
border-bottom-width: 3px;
border-bottom-style: double;
border-bottom-color: rgb(223, 177, 6);
}


#Wartungstext {
color: lightgrey;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
font-size: 1vw;
text-align: center;
}

/* News */ 

/* Schauspieler etc. */ 

.Schauspieler {
background-color: #ffffff;
height: 75%;
margin-left: -8px;
margin-right: -8px;
margin-top: 20px;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
border-top-width: 3px;
border-top-style: double;
border-top-color: rgb(223, 177, 6);
border-bottom-width: 3px;
border-bottom-style: double;
border-bottom-color: rgb(223, 177, 6);
justify-content: center;
align-items: center;
}

.Personenbild {
background-color: rgb(51, 51, 51);
height: 30%;
width: 11%;
transition: all ease 0.8s;
display: inline-block;
margin-left: 0.1%;
margin-right: 0.1%;
overflow: hidden;
}

.Personenbild:after {
background-color: #b10202;
-webkit-box-shadow: inset 0 500px 0 0 #b10202;
-moz-box-shadow: inset 0 500px 0 0 #b10202;
box-shadow: inset 0 500px 0 0 #b10202;
transition: 5s;
}

.Personenbild:hover {
background-color: #b10202;
-webkit-box-shadow: inset 0 500px 0 0 #b10202;
-webkit-box-shadow: inset 0 500px 0 0 #b10202;
box-shadow: inset 0 500px 0 0 #b10202;
transition: 1s;
}

.Personen_Pic {
height: auto;
Width: 80%;
margin-left: 10%;
margin-right: 10%;
margin-top: 10%;
}

#Personenname {
text-align: center;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
font-size: 1vw;
}

.Personenbeschreibung_Bild {
max-height: 27vw;
max-width: 27vw;
float: right;
margin-left: 10%;
margin-bottom: 1%;
}

.Personenbeschreibung_rechts {
float: right;
padding-left: 10%;
padding-bottom: 10%;
}

.Showreel-Knopf {
background-color: red;
width: 100%;
height: 1.3vw;
font-size: 1vw;
text-align: center;
border-radius: 100px;
margin-top: 0.2vw;
display: flex;
justify-content: center;
align-items: center;
transition: all ease 0.3s;
}

.Showreel-Knopf:hover {
transition: 0.3s;
-webkit-box-shadow: inset 0 0 100px 0 orange;
-moz-box-shadow: inset 0 0 100px 0 orange;
box-shadow: inset 0 0 100px 0 orange;
}

.Showreel-Knopf:after {
transition: 1.5s;
-webkit-box-shadow: inset 0 0 100px 0 orange;
-moz-box-shadow: inset 0 0 100px 0 orange;
box-shadow: inset 0 0 100px 0 orange;
}

.Galerie-Knopf {
background-color: red;
width: 100%;
height: 1.3vw;
font-size: 1vw;
text-align: center;
border-radius: 100px;
margin-top: 0.2vw;
display: flex;
justify-content: center;
align-items: center;
transition: all ease 0.3s;
}

.Galerie-Knopf:hover {
transition: 0.3s;
-webkit-box-shadow: inset 0 0 100px 0 orange;
-moz-box-shadow: inset 0 0 100px 0 orange;
box-shadow: inset 0 0 100px 0 orange;
}

.Galerie-Knopf:after {
transition: 1.5s;
-webkit-box-shadow: inset 0 0 100px 0 orange;
-moz-box-shadow: inset 0 0 100px 0 orange;
box-shadow: inset 0 0 100px 0 orange;
}

.PDF-Knopf {
width: 5vw;
height: 1.5vw;
background-color: red;
float: left;
margin-left: 2.5%;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
border: 2px solid black;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
transition: all ease 0.3s;
position: relative;
}

.PDF-Knopf:hover {
transition: 0.3s;
-webkit-box-shadow: inset 0 0 100px 0 orange;
-moz-box-shadow: inset 0 0 100px 0 orange;
box-shadow: inset 0 0 100px 0 orange;
}

.PDF-Knopf:after {
transition: 1.5s;
-webkit-box-shadow: inset 0 0 100px 0 orange;
-moz-box-shadow: inset 0 0 100px 0 orange;
box-shadow: inset 0 0 100px 0 orange;
}

.Galerie-Bilder {
padding-left: 10%;
padding-right: 10%;
padding-bottom: 5%;
text-align: center;
}

.Galerie-Bild {
max-height: 18vw;
margin-right: 1vw;
margin-right: 1vw;
margin-bottom: 1vw;
border: 1px solid black;
transition: all ease 0.5s;
}

.Galerie-Bild:hover {
transform:scale(2);
transition: 0.5s;
}


.Galerie-Container {
background-color: #ffffff;
margin-left: -8px;
margin-right: -8px;
margin-top: 20px;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
border-top-width: 3px;
border-top-style: double;
border-top-color: rgb(223, 177, 6);
border-bottom-width: 3px;
border-bottom-style: double;
border-bottom-color: rgb(223, 177, 6);
justify-content: center;
align-items: center;
}

#Galerie_Titel {
font-size: 1.5vw;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 1%;
padding-top: 2vw;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
}

/* Schauspieler etc. */ 

.Kontakt_Box {
width:100%;
height:591px
} 

.Anfragen {
background-color: #ffffff;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
text-align: left;
position: relative;
margin-left: -8px;
padding-right: 10%;
border-top-style: solid;
border-bottom-style: solid;
border-color: rgb(223, 177, 6);
width: 55%;
height: 100px;
}


.Bewerbungshinweise {
background-color: #ffffff;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
text-align: left;
position: relative;
margin-left: -8px;
padding-right: 10%;
border-top-style: solid;
border-bottom-style: solid;
border-color: rgb(223, 177, 6);
width: 55%;
height: 500px;
float:left
}

.Bewerbung_Titel {
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
font-size: 1.5vw;
float: left;
height: 100%;
width: 20%;
display: flex;
align-items: center;
justify-content: center;
border-right: solid rgb(223, 177, 6)
}

.Bewerbungstext {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding-left: 10%
}

.Facebook-Kasten:link {
Background-color: blue;
color: white;
float: right;
width: 35%;
height: 100px;
text-align: center;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
border-radius: 20px;
transition: all ease 0.8s;
overflow: hidden;
position: relative;
}

#Facebook-Einleitung {
font-size: 1vw;
}

#Facebook-Name {
font-size: 2.3vw;
}

.Facebook-Kasten:after {
background-color: white;
color: blue;
transition: 5s;
}

.Facebook-Kasten:hover {
background-color: white;
color: blue;
transition: 1s;
}

.YouTube-Kasten:link {
Background-color: red;
color: white;
float: right;
width: 35%;
height: 100px;
text-align: center;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
border-radius: 20px;
transition: all ease 0.8s;
overflow: hidden;
position: relative;
}

.YouTube-Kasten:after {
background-color: white;
color: red;
transition: 5s;
}

.YouTube-Kasten:hover {
background-color: white;
color: red;
transition: 1s;
}

.Kontaktformular {
margin-top: 1%;
background-color: #ffffff;
float: left;
width: 64%;
height: 500px;
transition: all ease 0.8s;
position: relative;
}

.Kontaktdaten {
margin-top: 6px;
background-color: #ffffff;
float: right;
width: 35%;
height: 397px;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
transition: all ease 0.8s;
position: relative;
}

.Post {
float: left;
font-size: 1.5vw;
width: 50%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-right: double rgb(223, 177, 6)
}

.Autogramme {
float: right;
font-size: 1vw;
width: 40%;
height: 100%;
display: flex;
text-align: left;

hyphens: auto;
align-items: center;
justify-content: center;
padding-right: 4.5%;
}


/* Kontaktformular */ 

form {
border: solid;
height: 300px;
}

.Formular {
background-color: #eee;
border-radius: 2%;
width: auto;
height: 450px;
padding: 2%;
border: 1px solid #8c8c8c;
margin: 1%;
padding: 1%;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
}

#Formular-Einleitung {
font-size: 275%;
text-align: center;
border: solid;
}

#nachricht {
cursor: pointer;
}

#absender {
width: 200px;
cursor: pointer;
}

.Kontakthinweis {
float: right;
width: 45%;
font-size: 125%;
padding-right: 2.5%;
display: flex;
align-items: center;
justify-content: center;
height: 230px;
}

/* Footer und Footer-Links */ 

#Footer {
display: table-row;
width: 100%;
position: absolute;
margin-left: -8px;
}

.Hinweise {
text-align: center;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
background-color: rgb(51, 51, 51); 
color: #ffffff;
margin-bottom: -8px;
word-spacing: 15px;
width: 100%;
}

.indication {
text-align: center;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
background-color: rgb(51, 51, 51); 
color: #ffffff;
margin-bottom: -8px;
width: 100%;
}

.Angaben_Box {
background-color: #ffffff;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
text-align: center;
margin-top: 20px;
margin-left: -8px;
margin-right: -8px;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 1%;
border-top-style: double;
border-bottom-style: double;
border-color: rgb(223, 177, 6);
width: auto;
}

#Angaben_Titel {
font-size: 1.5vw;
}

#Angaben_Text {
font-size: 1vw;
}

.Personenbeschreibung_Box {
background-color: #ffffff;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
text-align: justify;
margin-left: -8px;
margin-right: -8px;
border-top-style: double;
border-bottom-style: double;
border-color: rgb(223, 177, 6);
margin-top: 20px;
}

#Personenbeschreibung_Titel {
font-size: 1.5vw;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 1%;
margin-top: 2%;
}

#Personenbeschreibung_Text {
font-size: 1vw;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 1%;
}

.Beschreibung_Box {
background-color: #ffffff;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
text-align: justify;
width: auto;
margin-left: -8px;
margin-right: -8px;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 1%;
border-top-style: double;
border-bottom-style: double;
border-color: rgb(223, 177, 6);
margin-top: 20px;
}

#Beschreibung_Titel {
font-size: 1.5vw;
}

#Beschreibung_Text {
font-size: 1vw;
}

.Starttext_Box {
background-color: #ffffff;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
text-align: justify;
position: relative;
margin-left: -8px;
margin-right: -8px;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 1%;
border-top-style: double;
border-bottom-style: double;
border-color: rgb(223, 177, 6);
}

.Starttext_Box_mod {
background-color: #ffffff;
font-family: "Century Gothic", "Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
text-align: justify;
position: relative;
margin-left: -8px;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 1%;
border-top-style: solid;
border-bottom-style: solid;
border-color: rgb(223, 177, 6);
width: 45%
}

#Starttext_Titel {
font-size: 1.5vw;
}

#Starttext_Text {
font-size: 1vw;
}

#German_FAQ {
color: black
}

.Definitive_Content {
display: inline-block;
}

.Push-Box_Datenschutz {
display: block;
height: 7.5%;
}

.Push-Box_FAQ {
display: block;
height: 3.1%;
}

.Push-Box_enFAQ {
display: block;
height: 51%
}

.Push-Box_Kontakt {
display: block;
height: 11.4%;
}

.Push-Box_Schauspieler {
display: block;
height: 42.6%;
}

.Push-Box_Schauspielerinnen {
display: block;
height: 42.6%;
}

.Push-Box_Autoren {
display: block;
height: 42.6%;
}

.Push-Box_JVKorff {
display: block;
height: 15.6%;
}

.Push-Box_Coaching {
display: block;
height: 15.6%;
}