/* ——————————— 

Primary style

——————————— */
html * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body {
font-size: 100%;
font-family: "Ubuntu", sans-serif;
background-color: black;
}

body, html {
height: 100%;
}

a {
text-decoration: none;
}

img {
max-width: 100%;
}


/* Modules - reusable parts of our design */

.cd-img-replace {
display: inline-block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

/* Main components */


.cd-section {
width: 100%;
position: relative;
}



.cd-section:nth-of-type(1) {

background: url("../bilder/section/1.jpg") no-repeat center center;





}

.cd-section:nth-of-type(2) {
/*
background-color: rgba(255, 255, 255, 0.0);
*/

background: url("../bilder/section/2.jpg") no-repeat center center;


}

.cd-section:nth-of-type(3) {

background: url("../bilder/51-12.jpg") no-repeat center center;

/*

background-color: rgba(255, 000, 000, 0.2);

*/

}

.cd-section:nth-of-type(4) {
background: url("../bilder/38-06.jpg") no-repeat center center;
}

.cd-section:nth-of-type(5) {
background: url("../bilder/section/5.jpg") no-repeat center center;
}

.cd-section:nth-of-type(6) {

background: url("../bilder/section/1.jpg") no-repeat center center;
/*
background-color: rgba(000, 000, 255, 0.3);
*/
}

.cd-section:nth-of-type(7) {

background: url("../bilder/section/1.jpg") no-repeat center center;


}

.cd-section:nth-of-type(1),
.cd-section:nth-of-type(2),
.cd-section:nth-of-type(3),
.cd-section:nth-of-type(4),
.cd-section:nth-of-type(5),
.cd-section:nth-of-type(6),
.cd-section:nth-of-type(7) {
background-size:cover;
}

/* ————————————— */

.name {
display: block;
z-index: 4;
position: fixed;
overflow:hidden;
border-radius: 0.25em;
color: rgba(255, 255, 255, 0.9);
text-align: left;
}

.cd-section p {
border-radius: 0.25em;
display: block;
position: absolute;
}

.cd-section h1 {
position: absolute;
display: block;
color: rgba(255, 255, 255, 0.7);
text-transform: uppercase;
z-index:3;
}


/* ————————————— */

#trigger1,
#trigger2,
#trigger3,
#trigger4,
#trigger5,
#trigger6,
#trigger7,
#trigger8,
#trigger9,
#trigger10,
#trigger11,
#trigger12,
#trigger13,
#trigger14,
.triggerleer,
.cd-scroll-down,
.home-trigger,
.vita-trigger,
.film-trigger,
.film-f-trigger,
.theater-trigger,
.theater-f-trigger,
.ton-trigger,
.kontakt-trigger,
.regie-trigger,
.regie-f-trigger,
.print-trigger,
.foto-trigger,
.touch .cd-nav-trigger,
.cd-nav-trigger,
.cd-nav-trigger .cd-img-replace,
#cd-scroll-up .cd-img-replace,
#cd-scroll-up,
#cd-scroll-back {
display:block;
border-radius: 0.25em;
position: absolute;
z-index:2;
right:2.5vh;
}

.cd-scroll-down,
#cd-scroll-up  {
background: url("../bilder/ich/arr-3.png") no-repeat center center;
background-size:80%;
background-color: rgba(255, 255, 255, 0.3);
}

#cd-scroll-up {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

#cd-scroll-back {
background: url("../bilder/ich/arr-1.png") no-repeat center center;
background-size:80%;
background-color: rgba(255, 255, 255, 0.3);
}

.cd-nav-trigger{
background: url("../bilder/ich/hamburger-1.png") no-repeat center center;
background-size:80%;
background-color: rgba(255, 255, 255, 0.3);
}



/* No Touch devices ————————————— */

.no-touch .name {
display: block;
z-index: 4;
position: fixed;
overflow:hidden;
border-radius: 0.25em;
color: rgba(255, 255, 255, 0.9);
text-align: left;
}

.no-touch #trigger1,
.no-touch #trigger2,
.no-touch #trigger3,
.no-touch #trigger4,
.no-touch #trigger5,
.no-touch #trigger6,
.no-touch #trigger7,
.no-touch #trigger8,
.no-touch #trigger9,
.no-touch #trigger10,
.no-touch #trigger11,
.no-touch #trigger12,
.no-touch #trigger13,
.no-touch #trigger14,
.no-touch .cd-scroll-down,
.no-touch #cd-scroll-up,
.no-touch #cd-scroll-back {
position:absolute;
display: block;
border-radius: 0.25em;
right:2.5vh;
z-index: 2;
}

.no-touch .cd-nav-trigger .cd-img-replace {
position:absolute;
z-index: 3;
border-radius: 0.25em;
background: url("../bilder/ich/hamburger-1.png") no-repeat center center;
background-size:80%;
background: rgba(255, 255, 255, 0.3);
}


.no-touch .cd-scroll-down,
.no-touch #cd-scroll-up  {
position:absolute;
display: block;
z-index: 2;
background: url("../bilder/ich/arr-3.png") no-repeat center center;
background-size:80%;
background-color: rgba(255, 255, 255, 0.3);
}

.no-touch #cd-scroll-up {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

.no-touch #cd-scroll-back {
position:absolute;
display: block;
z-index: 2;
background: url("../bilder/ich/arr-1.png") no-repeat center center;
background-size:80%;
background-color: rgba(255, 255, 255, 0.3);
}

.no-touch #cd-vertical-nav {
width:auto;
height:auto;
top:12.5%;
bottom:12.5%;
right:10vh;
position:fixed;
  z-index: 3;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border-radius: 0.25em;
  background-color: rgba(255, 255, 255, 0.0);
}

.no-touch #cd-vertical-nav a {
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
color: rgba(0, 0, 0, 0.7);
text-align:center;
margin-bottom:2.5vh;
margin-top:2.5vh;
margin-left:2.5vh;
margin-right:2.5vh;
height:4.4vh;
}

.no-touch #cd-vertical-nav a span:first-child {
display: none;
}

.no-touch #cd-vertical-nav a.is-selected span:last-child {
color: rgba(255, 255, 0, 1.0);
font-weight:bold;
}

.no-touch #cd-vertical-nav.open + .cd-nav-trigger {
  background-color: transparent;
}

.no-touch #cd-vertical-nav.open {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.no-touch #cd-vertical-nav li:last-child a {
  border-bottom: none;
}


@media only screen and (min-width: 768px) {
.no-touch .cd-nav-trigger, .no-touch #cd-vertical-nav {
bottom: 40px;
}
}


/* Touch devices */

.touch .name {
display: block;
z-index: 4;
position: fixed;
overflow:hidden;
border-radius: 0.25em;
color: rgba(255, 255, 255, 0.9);
text-align: left;
}

.triggerleer {
display: block;
z-index: 2;
background: rgba(255, 255, 255, 0.3);
}

.touch #trigger1,
.touch #trigger2,
.touch #trigger3,
.touch #trigger4,
.touch #trigger5,
.touch #trigger6,
.touch #trigger7,
.touch #trigger8,
.touch #trigger9,
.touch #trigger10,
.touch #trigger11,
.touch #trigger12,
.touch #trigger13,
.touch #trigger14,
.touch .cd-scroll-down,
.touch #cd-scroll-up,
.touch #cd-scroll-back
{
position:absolute;
display: block;
border-radius: 0.25em;
right:2.5vh;
z-index: 2;
}

.touch .cd-nav-trigger .cd-img-replace {
position:absolute;
z-index: 3;
border-radius: 0.25em;
background: url("../bilder/ich/hamburger-1.png") no-repeat center center;
background-size:80%;
background: rgba(255, 255, 255, 0.3);
}


.touch .cd-scroll-down,
.touch #cd-scroll-up  {
position:absolute;
display: block;
z-index: 2;
background: url("../bilder/ich/arr-3.png") no-repeat center center;
background-size:80%;
background-color: rgba(255, 255, 255, 0.3);
}

.touch #cd-scroll-up {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);

}

.touch #cd-scroll-back {
position:absolute;
display: block;
z-index: 2;
background: url("../bilder/ich/arr-1.png") no-repeat center center;
background-size:80%;
background-color: rgba(255, 255, 255, 0.3);
}

.no-touch #cd-vertical-nav,
.touch #cd-vertical-nav {
width:auto;
height:75vh;
top:12.5vh;
right:10vh;
left:2.5vh;
position:fixed;
z-index: 3;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}

.touch #cd-vertical-nav a {
display: block;
color: rgba(255, 255, 0, 0.5);
text-align:right;

}

.touch #cd-vertical-nav a span:first-child {
display: none;
}

.touch #cd-vertical-nav a.is-selected span:last-child {
color: rgba(255, 255, 255, 1.0);
font-weight:bold;
text-align:center;
}

.touch #cd-vertical-nav.open + .cd-nav-trigger {
  background-color: transparent;
}

.touch #cd-vertical-nav.open {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.touch #cd-vertical-nav li:last-child a {
  border-bottom: none;
}


@media only screen and (min-width: 768px) {
.touch .cd-nav-trigger, .touch #cd-vertical-nav {
bottom: 40px;
}
}