* {
    font-family: Helvetica, sans-serif; 
}

body {
    margin: 0px;
    font-family: Helvetica, sans-serif; 
    letter-spacing: 0.1em;
    line-height: 1.3;
    max-width: 100%; 
}

/* Menueleiste*/

header.rechner {
    display: none;
}

header.mobil {
    display: block;
}

div.quermobil {
    position: fixed;
    top: 0px;
    left: 0px; 
    background-color: rgb(0,0,30);
    z-index: 18;
    height: 65px;
    width: 100%;
    border-bottom: solid black 2px;
}


/*smartphonemenu*/

header.mobil {
    display: block;
}

    .bar1, .bar2, .bar3 {
  width: 50px;
  height: 8px;
  background-color: white;
  margin: 7px 2px;
  transition: 0.4s;
}
    
.menue-button {
	display: inline-block;
    position: fixed;
    top: 5px;
    right: 5px;
    background-color: black;
    color: white;
    cursor: pointer;
}

.menue-button:hover {
    color: red;
    background: rgb(255,69,0);
}

a.bereichlogo {
    width: 100%;
}

nav.navi a {
    color: white;
    font-size: 18px;
    text-decoration: none;
}

nav.navi a:link {
    color: white;
}

nav.navi a:visited {
    color: white;
    text-decoration: none;
}

nav.navi a:hover {
    text-decoration: none;
    color: lawngreen;
}

nav.navi li {
    list-style: none;
    float: left;
    margin-left: 20px;
    padding: 10px 20px 3px 20px;
    width: 100%;
    background-color: black;
}

nav.navi ul {
    float: left;
    margin-top: 70px;
    width: 100%;
}

nav.navi {
    display: none;
}

#nav-menue:target #steuerung {
    display: block;
}

#nav-menue:target .menue-button-beschr-open {
	display: none; 
}


div.startseite{ 
    background-image: none; 
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: auto;
    border-top: solid black 2px;
}

img.startbildmobil {
    width: 100%;
    margin-top: 65px;
}

div.mobfuhrung {
    display: block;
    margin-top: 60px;
}

.mobfuhrung a {
    color: black;
}

.mobfuhrung a:link {
    color: black;
    text-decoration: none;
}

.mobfuhrung a:visited {
    color: black;
}

.mobfuhrung a:hover {
    color: red;
}


/* shortcut ICON*/
div.iconstart {
    line-height: 110%;
    text-align: center;
    padding: 1px;
   
}

span.shortstart {
    font-size: 55px;
    font-weight: bold;
    color: black;
    padding: 0px;
    margin: 0px;

}

span.shortstart a:link {
    color: black;
    text-decoration: none;
}

span.shortstart a:visited {
    color: black;
}

span.shortstart a:hover {
    color: red;
}


span.schnittstart {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.52em;
    color: black;
    padding: 0px;
    margin-left: 5px;
}



.szenendreh {
    background-image: none;
    color: white;
    max-width: 100%;
    border: 1px solid black;
}

a.green {
    color: red;
}



div.iconkleindreh {
    position: absolute;
    left: 5px;
    margin: 0px;
    line-height: 100%;
    text-align: center;
    padding: 0px;
}


span.shortdreh {
    font-size: 40px;
    font-weight: bold;
    color: white;
    padding: 0px;
    margin: 0px;

}

span.shortdreh a:link {
    color: white;
    text-decoration: none;
}

span.shortdreh a:visited {
    color: white;
}


span.shortdreh a:hover {
    color: red;
}

span.schnittdreh {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.52em;
    color: white;
    padding: 0px;
    margin-left: 5px;
}

div.iconkleinszenen {
    display: none;
}

.szenendrehzwei {
    font-size: 14px;
    line-height: 1.1;
    margin: 5px;
    padding: 5px;
    color: black;
    background-color: rgb(255,250,250);
    border-bottom: 1px solid black;
}


img.szenenbildmobil {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 63px;
}

.szenendrehzwei h2 {
    margin: 0px;
    padding: 0px;
    font-size: 20px;
}

p.abgesetzt {
    margin-top: 20px;    
}

p.preiseszenendreh {
    margin: 80px 0px 0px 0px;
    width: 600px;
}

div.beispieleszenendreh {
  display: none;
}


div.beispieleszenendrehmobil {
    display: block;
}

.beispieleszenendrehmobil h3 {
    margin: 0px 0px 80px 0px;
    font-size: 18px;
}

span.left {
    display: block;
        margin: 10px;

}


span.right {
    display: block;
    margin: 10px;
}



div.ensembledreh {
    background-image: none; 

    height: auto;
    border: solid 1px black;
}


div.ensemble {
    font-size: 14px;
    line-height: 1.5;
    margin: 0px;
    padding: 10px;
    color: 	black;
    background-color: rgb(245,255,250);
}

div.iconkleinensemble {
 display: none;
}

img.ensemblebildmobil { 
     display: block;
    width: 100%;
    height: auto;
    margin-top: 63px;

}



.ensemble h2 {
    margin: 0px;
    font-size: 20px;
}

.ensemble a {
    color: black;
    text-decoration: underline;
}


.ensemble a:hover {
    color: rgb(50,205,50);
}

.ensemble h3 {
    margin-top: 50px;
    font-size: 18px;
}

dt.drehtage {
    margin-top: 15px;
}

.ensemble p, dd, dt {
    padding-right: 30px;
    padding-left: 0px;
}


p.preiseensembledreh {
    margin: 80px 0px 0px 0px;
    width: 600px;
}

div.showreel {
    background-image: none; 
  
    height: auto;
    border: solid 1px black;
}

img.reelschnittbildmobil {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 63px;
}



div.showreelschnitt { 
    padding: 10px;
    margin-top: 0px;
    padding-bottom: 50px;
    height: auto;
    background-color: aliceblue;
}

div.iconkleinschneiden {
    display: none;
}





.showreelschnitt h2 {
    margin: 0px;
    font-size: 20px;
}

.showreelschnitt p {
    font-size: 14px;
}

.showreelschnitt img {
    padding: 0px;
    margin: 0px;
    width: 250px;
}


figure {
    display: block;
    float: none;
    width: 250px;
    padding: 0px;
    margin: 50px auto 0px auto;
}

figure.money {
    display: block;
    float: none;
    width: auto;
    padding: 0px;
    margin: 50px 20px 0px 0px;
    
}

figure figcaption {
    margin: 0px;
    font-size: 80%;
}

/*photographie*/



div.iconkleinfoto {
display: none;
}




div.photographie {
    background-color: rgb(248,248,255);
    padding: 10px;
    height: auto;
    margin-top: 65px;
    border: solid 1px black;
}


.photographie h2 {
    font-size: 20px;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

p.menno {
    font-size: 14px;
    margin: 40px 0px 20px 0px;
    padding: 0px;
    width: auto;
}


div.preisebilder {
    margin: 80px 0px 0px 0px;
    padding-bottom: 80px;
    font-size: 14px;
}


.photographie img {
    height: 85px;
    width: inherit;
}

/*Übermich*/

div.ubermich {
    height: auto;
    padding-top: 10px;
    border-bottom: solid 2px white;
    background-color: rgb(255,245,238);
}

.ubermich img {
    display: inline-block;
    float: none;
    width: 100%
}



div.ich {
    width: 100%;
    margin: 0px;
    padding: 10px;
    color: black; 
    font-size: 14px;
    
}

div.iconkleinich {
display: none;
}




.ich h2 {
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    width: auto;
    font-size: 20px;
}

.ich h3 {
    margin: 50px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: auto;
    font-size: 18px;
}




div.aktufaq {
    background-image: none; 
    height: auto;
    width: 100%;
    border: solid 1px black;
}

img.aktubildmobil { 
    display: block;
    width: 100%;
    height: auto;
    margin-top: 63px;
}

                                                     
div.iconkleinaktuell {
    display: none;
}

div.aktuelles {display: none;}


div.jetzt {
    display: block;
    background-color: rgb(240,255,255);
    padding: 10px 10px 60px 10px;
    font-size: 14px;
}

.jetzt h3 {
    margin-top: 10px;
    font-size: 18px;
}

.jetzt a {
    color: black;
    
}

.jetzt a:link {
    color: black;
    text-decoration: none;
}

.jetzt a:visited {
    color: black;
}


.jetzt a:hover {
    color: lawngreen;
}



div.kontakt {
    background-image: none; 
    margin: 0px 0px 100px 0px;
    padding: 0px;

}

h4 {
    margin-top: 60px;
    font-size: 16px;
}

                                                     
div.iconkleinkontakt {
    display: none;
}

img.kontaktbildmobil {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 63px;
}



.kontakt h2 {
    font-size: 20px;
    margin: 60px 0px 0px 0px;
    padding: 10px;
}

.kontakt a {
    color: black;
}

div.kontakt p {
    padding: 10px;
}



.kontakt a:hover {
    color: red;
}



div.impresslink {
    margin: 40px auto;   
    color: white;
    text-align: center;
    font-size: 80%;
   
}

.impresslink a:link {
    color: rgb(112,128,144);
    text-decoration: none;
}

.impresslink a {
    color: black;
    font-weight: bold;
}

.impresslink a:link{
    color: black;
    font-weight: normal;
}

.impresslink a:hover {
    text-decoration: underline;
}

.impresslink a:visited {
     color: black;
     font-weight: normal;  
}



div.impressum {
    margin: 30px;
    background-color: white;
}

.impressum a {
    color: black;
}

.impressum a:link {
    color: black;
}

.impressum a:hover {
    text-decoration: underline;
}