@charset "UTF-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}
* {
    caret-color: transparent; /* Versteckt den blinkenden Cursor */
}
/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v49-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
/** --------------------Global Styles -------------------- 


.rot: #C23E3E;

iframe {
    width: 930px;
    height: 523px;
    margin-left: -105px;
    margin-top: 40px;
    margin-bottom: 30px;
}
*/

.teamnew {display: none !important;}
.ID-178 .grand-2 {
    display: none;
}

.text_box1-block-stream:before{
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;

    display: block;
    height: 30px;
    width: 30px;
    top: 5px;
    left: 7px;
    right: unset;
    transition: 0s;
 animation-duration: 0s;
  animation-name: slidein;
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path fill="rgb(0 0 0)" d="M19.15 32.5 32.5 24l-13.35-8.5ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Zm0-3q7.1 0 12.05-4.975Q41 31.05 41 24q0-7.1-4.95-12.05Q31.1 7 24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24 41Zm0-17Z"/></svg>');
}
.text_box1-block-stream {
    background: white;
    display: inline-block;
    color: black;
    height: 40px;

    padding-left: 91px;
    top: 2px;
    left: 115px;
    margin-bottom: 0px;
    font-size: 19px;

    position: relative;
    line-height: 40px;
    padding: 0px 20px;
    padding-left: 43px;
}
.text_box1-block-stream:hover {
    background:#c23e3e;   color:white;
}

.text_box1-block-stream:hover:before {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path fill="rgb(255 255 255)" d="M19.15 32.5 32.5 24l-13.35-8.5ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Zm0-3q7.1 0 12.05-4.975Q41 31.05 41 24q0-7.1-4.95-12.05Q31.1 7 24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24 41Zm0-17Z"/></svg>');
}

@media screen and (min-width: 1301px)  {


#projprev a {
    display: block;
    position: absolute;
}
#newsuebersicht .projektegrid h2 {font-size: 72px;line-height: 72px;}
#newsuebersicht .projektegrid .subtitel {
    font-size: 48px;line-height: 48px;}
 #content #newsuebersicht .projektegrid   .projektebox,#content #newsuebersicht .projektegrid   .projektebox p {
    font-size: 18px !important;line-height: 18px !important;}
#content #newsuebersicht .projektegrid   .projektebox p {padding:2px;padding-left: 10px;}
html {background: unset !important;}

.ID-98 #newsuebersicht {
    margin-top: 130px;
}

.absatz_content-editor {
    margin-right: -142px;
    margin-left: -142px;
        margin-top: 40px;
    margin-bottom: 40px;
   position: relative;
padding-bottom: 79.4%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}
.absatz_content-editor iframe{
  width: 100% !important;
    height: 100% !important;
position: absolute;
    top: 0;
    left: 0;
}
}




div#projprev {
    clear: both;
}
#singleprojectoverview img{width:100%;height:100%;margin-bottom: -2px;}
#singleprojectoverview .sop-subline  a{
color: rgba(0, 0, 0, 0) !important;}

#singleprojectoverview .sop-subline {display: none;}
#singleprojectoverview .mosaic-block {
     float: left;
    position: relative;
    width: 5%;
    height: auto !important;
    margin: 0px;
      transition: transform .2s; /* Animation */
    padding-left: 0;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
}
#singleprojectoverview .mosaic-block:hover {

   z-index: 80;
}
.sop-hoverimage {
    width: 200px !important;
    margin-top: -62px;
  
    display: block;
}
#singleprojectoverview .mosaic-block:hover .sop-subline {
 display: block;
 position: absolute;
      width: 200px;
        margin-left: -51px;

}
#singleprojectoverview .sop-subline  div:nth-child(2){
 display: block;
 background-color:black;
 color:white;
 position: absolute;
 font-size: 12px;
 padding:0px 6px; 
 height: 20px;
  line-height: 20px;
 margin-top:-20px;

}
#singleprojectoverview .sop-subline div:nth-child(3){
display: block;
    color: white;
    position: relative;
   
    background-color: #1A1A1A;

    float: left;
    padding: 0px 6px;
   font-size: 12px;
   
    height: 20px;
    line-height: 20px;
}
#singleprojectoverview .sop-subline div:nth-child(4){
 display: block;
  background-color:#333333;

 color:white;
 position: relative;
 float: left;
    padding: 0px 6px;
   font-size: 12px;
    
    height: 20px;
    line-height: 20px;
 
}
#singleprojectoverview .sop-subline div:nth-child(5){
 display: block;

  background-color:#4D4D4D;
 color:white;
 position: relative;
 float: left;
    padding: 0px 6px;
   font-size: 12px;
  
    height: 20px;
    line-height: 20px;
 
}


#singleprojectoverview {display:none;	position: relative;width: 100%;margin-top: 60px;clear: both;}
.spo-container {    margin-left: 0%;
    width: 100%;}
#singleprojectoverview  .mosaic-overlay,#singleprojectoverview .up-margin2,#singleprojectoverview .mosaic-block:before{display: none !important;}

.videogrid p {
    background-color: #1a1a1a;
    padding: 2px 6px;
    width: auto !important;
    font-size: 11px !important;
    display: inline-block;
        color: #999999 !important;
    /* */
}
.videogrid {width: 1000px;    margin-left: -149px;    margin-top: 40px;}
.grid33 {float:left;width:31.3%;padding-right: 2%;margin-bottom: 20px;height:  210px;    position: relative;}
.plakat-text .screenings {
   margin-left: 0px;
    margin-top: 0px !important;
    padding-left: 0px !important;
    width: 100% !important;
}
.sliderlink {
	right: 30px;
    position: absolute;
    top: -20px;
    /* left: 780px; */
    z-index: 10;
    display: inline-block;
    color: white;
    background-color: #1a1a1a;
    padding: 0px 6px;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
}
.sliderlink:hover {background-color:#C23E3E;color:white;}
.sliderplakat  {
	    position: absolute;
    left: 855px;
    top: -136px;
    display: none;
    z-index: -3;
    width: 125px;
    height: 176px;
    background-size: 100% auto;}
#body_homeng video {width: 	100%;}
p.cc_message {
      text-align: left;
    font-size: 12px !important;
    height: 20px !important;
    line-height: 20px!important;
    margin-top: 0px !important;
    line-height: 20px !important;
    padding: 0px 6px !important;
    display: inline-block !important;
        float: left !important;
 
}
.cc_container .cc_btn {
    font-size: 12px !important;
    padding: 0px 6px !important;
    line-height:    20px !important;
}
.cc_container {
    padding: 0px 0px 0px !important;
    font-size: 12px !important;
    width: 390px;
    background: #333333 !important;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #fff !important;
    background-color: #c23e3e !important;
    border-radius: 0px !important;

    -webkit-border-radius: 0 !important;
}
.cc_container a, .cc_container a:visited {
color: #c23e3e !important;

}
.at-share-tbx-element .at-share-btn:focus, .at-share-tbx-element .at-share-btn:hover {
    transform: translateY(0px) !important;
    background-color: #C23E3E !important;
    transition: all 0s ease-in-out 0s !important;
    outline-offset: 0px !important;
    }
.umbg-scroll-to-top-button {
    display: none !important;
}
.footercontainer {
    position: absolute;
  right: 0px;
}

#footer .impressumlink {
    color: #333333;
    padding: 0px 6px;
    display: inline-block;
    line-height: 20px;
    background-color: #999999;
}
#footer .impressumlink:hover {
    color: white;
    background-color: #C23E3E;;
}
#footer .footercopy {
 
    padding: 0px 6px;
    display: inline-block;
    line-height: 20px;
    margin-left: -3px;
      background-color: #1A1A1A;
    color: #999999;
}

.noshowonmobile {display: block;}
    .showonmobile {display: none;}
.fp-entry h3{
    color: #151517;
   padding:0px;    
     position: absolute;
    line-height: 20px;
    margin-top: -287px;

font-weight: 300;display: none;}
.fp-entry a:hover h3{
}
.fp-entry h3 span{display:  inline-block;   
 padding: 1px 6px; line-height: 20px;font-size:     12px;
}

.fp-entry h3 span:nth-child(1) {background-color: #999999;}
.fp-entry h3 span:nth-child(2) {  background-color: #333333; color: #999999;}
.fp-entry h3 span:nth-child(3) {  background-color: #4D4D4D; color: #999999;}
.fp-entry a:hover h3 span:nth-child(1){background-color: #C23E3E;
    color: white;}

.fp-entry h4{ display: none;   padding: 1px 6px;
    line-height: 20px;
    margin-right: -3px;
    background-color: #333333;
    color: #999999;}
.credits {margin-top: 80px !important;
}
.relation_voc_5 div:nth-child(odd) {    
    width: 4ch;
    overflow: hidden;
    float: left;
    white-space: nowrap;
    padding-left: 6px;
    padding-top: 0px;
    line-height: 20px;
    border-right: 6px solid #333333;
  }
.relation a:hover div:nth-child(odd) {    

    border-right: 6px solid transparent;
  }
  .relation_voc_5 div:nth-child(even) {    

  float: left;
    background-color: #999999;
    color: #151517;
        padding: 0px 6px;
    line-height: 20px;

  }
.grand-team {width:120%;

margin-left: -10%;
font-family: oswald;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
font-size: 120%;
}

.grand-team span{ margin-right:2px;font-size: 180%; letter-spacing: 0px; }
.production {text-align: center;line-height: 20px !important;margin-top:30px;width: 90%;margin-left:5%;margin-bottom: 0px;font-size: 100%;}
.grand-team div:nth-child(2):after{
  content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }

.grand-team div:nth-child(odd){ }


.newfacts {
    float: right;
  width: 330px;
margin-top: -5px;
}
.factsleft {
    float: left;
}

.screenings ul {margin:0px;padding:0px;margin-top: -2px;  }
.screenings li {list-style-type: none;}
.screenings li a {
    display: inline-block;
    background-color: #333;
    padding: 0px 6px;
    margin-left: 0px;
    margin-top: 2px !important;
}
.grand-3 .screenings li a {
 background-color: #999;
color: #151517;
}
.grand-3 .screenings li a:hover {
 background-color: #C23E3E;
color: white;
}
.screenings {  margin-left: 25px;
    margin-top: 33px !important;
    padding-left: 0px !important;
    width: 100% !important;}


.TYP-oct_projekt .screenings {
  
    margin-top: -4px !important;}
.TYP-oct_projekt .screenings-facts {
    margin-top: 31px !important;
}
    .screenings div {margin-bottom: 1px;}
    .screenings div div {display:inline-block;padding: 0px 6px;   line-height: 20px;margin-right: -3px;}


.grand-3 .screenings li a {white-space: nowrap;}

.screenings div div:nth-child(1) {background-color: #1A1A1A;}
.festivals div div:nth-child(1) {background-color: #1A1A1A;display: none;}
.grand-2 .screenings div div:nth-child(2),.newfacts .screenings div div:nth-child(2) {background-color: #999999; color: #151517;}
.screenings div div:nth-child(2) {background-color: #4d4d4d; color: #151517;}
.screenings div div:nth-child(3) {background-color: #333333; color: #999999;}
.screenings div div:nth-child(4) {background-color: #cec846;  color: #333;}
.screenings div div:nth-child(4):before{ 
content: "";
    display: block;
    background: url("/style/images/littleloorber.png") no-repeat;
    background-size: contain;
    width: 18px;
    height: 20px;
    float: left;
    margin: 0 0px 0 0;
}
.grand-2 .screenings a {
    background-color: transparent;
     margin-top: 0px;
  
}
.grand-2 .screenings a:hover  {
    background-color: transparent;
 
}
.screenings a:hover div:nth-child(2) {
    background-color: #C23E3E;
    color: white;
}

.screenings a{
    display: inline-block;
    background-color: #333;
    padding: 0px 0px;
    line-height: 20px;
padding-right:6px;
    margin-top: 2px;
}
.screenings a:hover{

    background-color: #C23E3E;
    color: white;
   
}
.screenings a span{
    display: inline-block;
    background-color: #999999;
    padding: 3px 6px;
  line-height: 20px;

}

.screenings-facts div div:nth-child(1) {    background-color: #151517 !important;
       color: #999999 !important;margin-right: 0px;}

.fp {clear:both;margin-top:100px;width: 1060px;      display: none;  margin-left: -160px;}
.fp-entry {width:200px;float:left;margin-right: 10px;}
.fp h4 {font-weight: 300;font-size: 9px;margin-top: 3px;}
.fp-entry img{width:100%;}
.newbgimg.contentmaker{animation:none !important; opacity: 0 !important;}
.oct_projekt {animation:none !important;opacity: 1 !important;}
.grand-total {width: 1060px;margin-left: -184px;    margin-top: 0px;z-index: 5;     position: relative;}
.synposis {  margin-top: 80px !important;}
.grand-1 {float: left;width:300px;padding-right: 10px;    }
.grand-2 {float: left;width:500px;padding-right: 10px;   }
.grand-3 {float: left;width:230px;padding-right: 10px;   }
.grand-4 {float: left;width:740px;padding-right: 10px;   }
.grand-left {float: left;width:660px;padding-right: 10px; margin-top: -56px;   }
.grand-left .text_fakten {width: 460px;} 
.grand-left .team_projekte,.grand-right .team_projekte  {   padding-left: 0px;}
.grand-right .team_projekte  {   padding-top: 20px;}
.grand-right {float: left;width:360px;padding-left: 30px;}
.grand-right:after {clear:both;}
.grand-right  .text_fakten {
    padding-left: 166px;
    margin-top: -44px;
    width: 224px;
    line-height: 16px;
}
.grand-right img {width: 90%;}
.grandtrailer{
    width: 1017px;}
.grandtrailer iframe{
    width: 1017px;
    height: 572px;
     margin-left: -140px;
    margin-top: 40px;
    margin-bottom: 30px;
        border: 0px;
}
 .grandtrailer img {
    width: 1017px;
   
     margin-left: -140px;
    margin-top: 40px;
    margin-bottom: 30px;
        border: 0px;
}
body {width: 100%;
    overflow-x: hidden;}
    .justapic {
    padding-left: 0px;
    width: 689px;
    display: block;
}
    .justapic img {
  width: 100%;
}

.specs {    position: absolute;
    display: block;
      top: -3px;
    color: black;
    left: 970px;
width: 400px;}
.specs div {       display: block;
    background-color: white;
    color: black;
    font-size: 11px;
    float: left;
    height: 16px;
    line-height: 16px;
    padding: 2px 6px;
}
.specs div.specs-laenge {background-color: #333333;color:#999999;}
.specs div.specs-format {background-color: #999999;color:#1A1A1A;}
.specs div.specs-genre {background-color: #1A1A1A;color:#FFFFFF;}
.tri {
    top: 0;
    left: 771px;
    position: absolute;
  width: 0;
height: 0;
border-style: solid;
border-width: 10px 6.5px 0 6.5px;
border-color: #c23e3e transparent transparent transparent;
line-height: 0px;
_border-color: #c23e3e #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#datenschutz {font-size: 11px;    padding-left: 30px;}
#datenschutz p{margin-top:10px !important;margin-bottom:20px !important;}
#datenschutz h3 {font-size: 18px;line-height:21px;margin-top:20px;margin-bottom:10px;}
#datenschutz h4 {font-size: 15px;line-height:18px;margin-top:35px;margin-bottom:10px;}
#datenschutz h5 {font-size: 13px;line-height:15px;margin-top:15px;margin-bottom:5px;}
#teamtable {width:70%;    border-spacing: 0px;margin-top: 40px;}
#teamtable img {
    width: 220px;
    position: absolute;
    z-index: -1;
    margin-left: -160px;
    margin-top: 31px;
}
#teamtable img:hover {
  position: absolute;
    z-index: -1;

}
#teamtable td a {background-color: transparent;padding:0px;margin:0px;color:white;text-transform: none;}
#teamtable td a:hover {color:#C13F3E;filter: grayscale(0%);}
#teamtable td a:hover img {   position: absolute; z-index: -1;}
#teamtable td h3 {       display: inline-block;
    background-color: #343434;
    width: auto !important;
    line-height: 26px;
    font-size: 13px;
    margin-top: 1px;
    padding: 2px 5px;}
#teamtable td{vertical-align: top;font-size:11px;padding-bottom: 80px;}
#teamtable td h4{           font-weight: 300;
    font-size: 13px;
    background-color: #1A1A1A;
    display: inline-block;
    line-height: 26px;
    padding: 2px 9px;
    margin-bottom: 0px;
    margin-top: 1px;
    margin-left: -3px;}
#teamtable td h5 {    font-weight: bold;
    font-size: 11px;
    background-color: #666666;
    display: inline-block;
    padding: 2px 5px;
        margin-left: -12px;
    margin-bottom: 5px;
    line-height: 14px;}
#teamtable h5 i{font-weight: lighter;}
#teamtable td p {   
      font-size: 11px;
    padding: 2px 5px;
    margin-left: 75px;
    line-height: 14px;}
.newscontainer-text {
    margin-top: 100px;
}
.fa-file:before {
    content: "\f06e" !important;

   
}
.umbg-br {
       bottom: 12px !important;
    right: 14px !important;
}
.umbg-player-controls {
    border-radius: 0px !important;
        text-shadow: 0 0px 0 rgba(0,0,0,0) !important; 
        background-color: transparent !important;
            line-height: 40px !important;
    }

.umbg-player-controls .umbg-fio-button, .umbg-player-controls .umbg-play-button, .umbg-player-controls .umbg-pud-button, .umbg-player-controls .umbg-scroll-to-top-button, .umbg-player-controls .umbg-volume-button {
      width: 22px !important;
    text-align: center !important;
    background: #C23E3E none repeat scroll 0% 0% !important;
    transition: all 0.2s ease-in-out 0s;
    height: 22px !important;
    line-height: 22px !important;
    font-size: 15px !important;
    margin-left: 0px !important;
}
}
.umbg-player-controls .umbg-fio-button:hover, .umbg-player-controls .umbg-play-button:hover, .umbg-player-controls .umbg-pud-button:hover, .umbg-player-controls .umbg-scroll-to-top-button:hover, .umbg-player-controls .umbg-volume-button:hover {
 
    background: black!important;
        -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    outline-offset: -1px;
    color: #C23F3E  !important;
    color: inherit;
}



.relation a {
display: inline-block;
background-color: #333;
padding: 0px;

margin-top: 2px !important;
}
.relation a:hover {
     background-color: #C23F3E;
     color: white;

}
ul.relation {
    margin-left: -15px;
    margin-top: -5px;position: relative;  }
.relation li{
    list-style-type: none;
    padding: 0;
    line-height: 0px;
    margin: 0;

    -webkit-margin-before: 0 !important;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0 !important;
}

.Hintergrundbild {    
    animation-iteration-count: 0;
    animation: none !important;
 opacity: 1 !important;}

.bannerflag {
    position: absolute;
    left: 201px;
    top: 85px;
    /* font-family: arial; */
    width: auto !important;
    display: block !important;
    line-height: 20px;
    font-size: 12px !important;
    margin: 100px -200px;
    padding-left: 20px !important;
    padding-right: 20px;
    font-weight: 300 !important;
    letter-spacing: 1px;
    color: white !important;
    height: 20px;
    background-color: #C23F3E !important;
    /* border: 1px solid #8a1; */
    /* font: bolder 11px/40px 'Arial'; */
    background: #C23F3E;
    border-radius: 0;
    text-transform: uppercase;
    box-shadow: 0 0 30px rgba(0,0,0,.15) inset, 0 6px 10px rgba(0,0,0,.15);

}

 /*
.bannerflag::after {
      content: '';
    position: absolute;
    z-index: -1;
    left: -70px !important;
    top: 24px;
    display: block;
    width: 30px;
    height: 0px;
    border: 15px solid #333333;
    border-right: 20px solid #791 !important;
    border-bottom-color: #333333;
    border-left-color: transparent !important;
    transform: rotate(deg);
}

.bannerflag::after {
    left: auto !important;
    right: -60px;
    border-left: 20px solid blue;
    border-right: 30px solid transparent !important;
    transform: rotate(0deg);
}

*/
#projprev .plakat-text .screenings {width:300px !important;}
#projprev a:hover {color:white;}
#projprev a:hover h2{background-color:#C23F3E !important;}
.addthis_inline_share_toolbox {    z-index: 2;
    position: absolute !important;
    top: 9px !important;
   margin-left: 1018px;
}
.addthis_inline_share_toolbox.addthis2{
    position: relative !important;
    top: 0px !important;
   margin-left: 0px;
   margin-top: 2px;
}
.addthis_inline_share_toolbox.addthis2 svg.at-icon {
    width: 42px !important;
    height: 30px !important;
    padding-top: 5px;
}

.addthis_inline_share_toolbox.addthis2 span.at-icon-wrapper {
    height: 42px !important;
    width: 42px !important;
}

.addthis_inline_share_toolbox.addthis2 .at-share-tbx-element .at-share-btn {
    float: left !important;
    display: inline-block !important;
    background-color: #333333 ;
    margin: 0 2px 0px 0 !important;
}
.at-share-tbx-element .at-share-btn {
        float: none !important;
    display: block !important;
        background-color: #333333 !important;
            margin: 0 5px 2px 0 !important;
}
.at_flat_counter {    display: none !important;}
span.at-icon-wrapper {
    height: 19px !important;
    width: 19px !important;
}

svg.at-icon {
    width: 19px !important;
    height: 19px !important;
}

.headerstuff {
    position: absolute;
    top: 0;
}
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#id-97 #main_menu , #id-1 #main_menu{
    margin-top: 0;
    position: absolute;
    margin-left: -38px;
    top: 510px;
    z-index: 500;
}


#id-97 .newbgimg , #id-1 .newbgimg {
    position: fixed;
    width: 100%;
        top: 0;
    height: 100%;
    opacity: 0;
    background-size: cover;
    z-index: -9;
animation-iteration-count: 1;
 animation: orbit973 5s linear;
}


.newbgimg {
    position: fixed;
    width: 100%;
        top: 0;
    height: 100%;
        display: block;
    opacity: 1;
    background-size: cover;
    z-index: -9;

}

.orbitraus {
  opacity: 0;
    animation-iteration-count: 1;
 animation: orbit 5s linear;}

@keyframes orbit { 
 from  { 

    opacity: 1;

  }
  80% { 
     opacity: 1;
  } 
   to { 
     opacity: 0;
  } 
}

.newsbild {opacity:0;width:100%;height:100%;object-fit:cover;position: fixed;z-index: -5;top: 0;left: 0;
       transition: opacity .8s ease-out;
    -moz-transition: opacity .8s ease-out;
    -webkit-transition: opacity .8s ease-out;
    -o-transition: opacity .8s ease-out;
}

.newbildunterschrift {    text-align: right;
    margin-top: -21px;
    width: 100%;
    font-style: italic;
    z-index: 50;margin-bottom:19px;}
.newbildunterschrift span{    background-color: black;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 16px;
}

.newscontainer:hover .newsbild {opacity:1;

   transition: opacity .8s ease-out;
    -moz-transition: opacity .8s ease-out;
    -webkit-transition: opacity 0.8s ease-out;
    -o-transition: opacity 0.8s ease-out;

}

.newscontainer:hover .newscontainer-text {opacity:1 !important;}
.newshoverjs h3 span {padding-bottom:3px;}
.newshoverjs h2 span, .newshoverjs h3 span{color: white;transition: background-color 0s ease-out,color 0s ease-out ;}
.newshoverjs .newsbox p {color:white !important;}
.newshoverjs h2 span, .newshoverjs h3 span {padding-left:10px !important;margin-left:-10px !important;padding-right:10px !important;margin-right:-10px !important;}

.newsbildentry {margin-top:20px;width:100%;}

#first {
margin:0px;
padding:0px;
}
#first li { 
  list-style-type:none; 
  } 
#contentgallery{width:528px;margin-top: 1px;}
#bodycontent {
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#bodyhome{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
} 
                                                                                            
#body_4te{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-4.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_lf {
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg_habitat.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_spin2 {
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg_spin2.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_spin {
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:#606568;
background-image:url(images/bg_spin.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_bs {
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:#0A0A0C;
background-image:url(images/bg_bs.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_fz {
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:#000000;
background-image:url(images/bg_fz.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_homeng{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;

 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}

video#rpwebbg { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(images/rpwebbg.jpg) no-repeat;
    background-size: cover; 

}
.bgvidclass {
    display: initial;
    position: fixed;
    z-index: -900;
    opacity: 0;
    left: 0;
    top: 0;
        transition: opacity 0.8s linear;

}

#body_exa{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg_exa.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_silver{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-silver.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}


#body_kt{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg_kaltestal.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
 #body_die-buehne {
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg_die-buehne.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}


#body_dbik{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/000_bg_dbik.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}

#body_buen{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg_buen.jpg ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_bacha{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-bacha-posh.jpg ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}


#body_sons{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg_sons.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}

#body_silver{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-silver.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}

#body_happy{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-happy.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}

#body_parpl{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg_parpl.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_paradigma{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-paradigma.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_inverse{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-inverse-geometrie.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}

#body_bella{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-bella.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}

#body_bk{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-bk.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_versus1{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-versus1.jpg ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}

#body_winterstadt{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-stadt-winter.jpg  ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}


#body_dph{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg_designpreishalle.jpg ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}

#body_eco{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-eco.jpg ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_zeitlos{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-zeitlos.jpg ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_bau{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg_bau.jpg ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}

#body_sommer{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-stadt-sommer.jpg  ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}




#body_voolk{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-voolk.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_hww{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg_hww.jpg ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_elr{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/big_elr.jpg ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_hayet{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg_hayet.jpg ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_mutterglueck{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-mutterglueck.jpg ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_marcus{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-marcus.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_hor{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg_hor.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_fib{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg_farbeinderbildung.jpg ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_maschinen{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-maschinen.jpg ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_buehnenbeet{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-buehnenbeet.jpg ) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_raumfaenger{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-raumfaenger.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_storywalker{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-storwalker.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}
#body_margot{
    text-align:center;
    margin: 0px;
        color:white;
        font-size:11px;
        background:black;
background-image:url(images/bg-margot.jpg) !important;
 background-position:top center;
background-repeat:no-repeat;
        font-family:"Helvetica",Arial,sans;
}


.main {
    width:980px;
    margin:0 auto; 
    text-align:left;

}

div.panel a, a {
    color:white;
    text-decoration:none;
}

.panel a:hover, a:hover {
color:#C23E3E;
}


form,p, h1, h2, h3, h4, h5, h6 {
    margin:0;
        padding:0;
}

h1 {
    font-size:1.3em;
}

form .error {
    border:2px Red solid;
}


ul#error {
    border:1px red solid;
    color:red;
    margin-bottom:10px;
}

div#success_message {
    color:green;
background-color:white;

padding-left:20px;
height:40px;
line-height:40px;
    margin-top:100px;
    font-weight:bold;
margin-bottom:-80px;
}
img {
border:0px;
padding:0px;
margin:0px;
 
}

.mosaic-backdrop img{width:100%;}
/** --------------------Header -------------------- */
#slogan_home {
height:388px;
width:980px;
}

#slogan_home h1 {
    display:none;
}

#slogan {
height:26px;
width:980px;
    display:none;
}

#slogan h1 {
    display:none;
}

/** --------------------Navigation --------------------*/

#navigation {
    clear: both;
margin-left:90px;
   background-color:black;
  width:500px;
height:20px;
vertical-align:middle;
line-height:20px;
margin-top:106px;
}

#id-97 #navigation , #id-1 #navigation{margin-top:131px;}

.margintop-home {margin-top:0px !important;}

#navigation ul {
    list-style-type:none;
    margin:0;
    padding:0;
    display:block; 
    clear:both;
        position: absolute;
        z-index: 80;
}

#main_menu li {
    list-style-type:none;
    display:block;
    float:left;
}
  
#main_menu li a {
    display:block;
    padding-right:14px;
padding-left:14px;

    float:left;   
    font-size:12px; 
    text-transform:uppercase;
color:black;
font-weight:bold;
    text-decoration:none;
background-color:#666666;
}


#main_menu li a:hover {
    color:#C23E3E;
background-color:black;
}
#main_menu li a.active {
    color:white;
background-color:black;
}



#sub_menu {
}

#sub_menu li a {
    float:left;}

#sub_menu a {
    text-decoration:none;
    font-size:10px;
}

#sub_menu a:hover, #sub_menu a.active {
    color:Black;
}



/** --------------------Content Styles --------------------*/

#content {
    margin-left:140px;
width:690px;
    clear: both;
font-size:12px;
}
#content h1 {
    display:none;
}

#content h2 {
font-size:48px;
text-transform:uppercase;
line-height:62px;
margin-top:65px;
font-weight:lighter;
width:690px;
}


#content p {
  
margin:0px;
color:white;
  
font-size:116%;
  
line-height:140%;


}


#news {


}
.einleitung{
background-image:url(images/bg_absatz.jpg);
background-repeat:no-repeat;
padding-top:20px;
padding-left:20px;

}


/** --------------------Absatz Styles --------------------*/

.absatz-text {
padding-left:30px;
padding-top:22px;

width:350px;
}

.text_box1{

padding-left:30px;
padding-top:22px;
width:300px;
line-height:16px;
}
.text_ueberschrift {
font-size:32px;
text-transform:uppercase;
line-height:38px;
margin-top:65px;
font-weight:lighter;
}
.text_fakten{
    padding-left: 160px;
    margin-top: -51px;
    width: 500px;
    line-height: 16px;
}
.grand-1 .text_fakten{
 
    width: 140px;

}
.text_fakten p{padding-bottom:10px;
}
.text_festivals{
padding-left:30px;
margin-top:-24px;
width:600px;
line-height:20px;
}
#absatz-galerie4pics {
padding-left:164px;
margin-top:-80px;
width:529px;
line-height:20px;
margin-bottom:20px;
}

#absatz-galerie4pics img{
height:72px;
float:left;
margin:0px;
padding-right:2px;
padding-bottom:2px;
overflow:hidden;

}
#absatz-galerie8pics {
padding-left:164px;
margin-top:-81px;
width:529px;
line-height:20px;
margin-bottom:40px;
}

#absatz-galerie8pics img{
height:36px;
float:left;
margin:0px;
padding-right:2px;
padding-bottom:2px;
overflow:hidden;
}

#absatz_bild-mittel-mu{
padding-top:40px;

}
#absatz_bild-mittel-mu p{
font-size:10px;
padding:2px;
padding-let:20px;
background-color:black;
position:relative;
left:400px;
top:-20px;

}
#absatz_bild-mu p {    font-size: 10px;
    padding: 1px 6px;
    background-color: #000000;
    position: absolute;
    display: inline-block;
    right: 0;
    top: unset;
    left: unset;
    z-index: 5;
    bottom: 3px;}
#absatz_bild-mu {
    display: block;
    position: relative;
    
        padding-top: 40px;
    margin-bottom: 30px;
}

#absatz-zitat {


}
#absatz-zitat blockquote{
font-size:38px;
font-family: 'Yellowtail', cursive;
}
#absatz-zitat span{
font-size:10px;
position:relative;
left:200px;
top:-30px;
}


.text_fotogalerie-header{
padding-top:55px;
padding-left:82px;
font-size:12px;
background-repeat:no-repeat;
text-transform:uppercase;
background-position:0px 54px;
padding-bottom:90px;
}

.text_festivals2{
padding-top:55px;
padding-left:82px;
font-size:12px;
background-repeat:no-repeat;
text-transform:uppercase;
background-position:0px 54px;
padding-bottom:90px;
}
.f2-titel{font-weight:bold; margin-left: 142px;}
.f2-text{ margin-left: 142px;font-size: 12px;line-height:14px;}
.f2-text p{color:#C2C7CB !important;}
.f2-link{ margin-left: 142px;color:black;font-size:5px;}
 h3.text_festivals2 .block-004{
margin-bottom: -81px;height: 17px;   }

.f3 {clear:both;}
#f3-pics {
padding-left:161px;
margin-top:0px;
width:529px;
line-height:20px;
margin-bottom:0px;
}

#f3-pics img{
height:72px;
float:left;
margin:0px;
padding-right:2px;
padding-bottom:2px;
overflow:hidden;
                      margin-bottom: 10px;
}
div.f3 .f2-titel                         {margin-top:-70px;}
#f2-galerie .f2-titel{margin-top:-60px;}
#f2-galerie{   padding-left: 161px;
    margin-top: -81px;
    width: 529px;
    line-height: 20px;
    margin-bottom:14px;    }

#f2-galerie img{
height:72px;
float:left;
margin:0px;
padding-right:2px;
padding-bottom:2px;
overflow:hidden;

}


.text_video {
padding-top:50px;
}
.text_video_bildunterschrift {
background-image:url(images/text-video_bildunter.png);
background-repeat:no-repeat;
width:690px;
height:48px;
line-height:48px;
padding-left:380px;
font-weight:bold;
margin-top:-5px;
}

.text_netzwerk-einleitung {
  
background-repeat:no-repeat;
font-size:16px;
padding-left:30px;
    padding-top: 10px;
    padding-bottom: 4px;
height:31px;
width:600px;
line-height:15px;
}
.text_netzwerk-text{
padding-left:30px;
    margin-top: 23px;
width:345px;
line-height:17px;
}

/**-------------------Footer-------------------*/

#footer {
    clear: both;    
padding-top:120px;
padding-bottom:20px;
        padding-right:10px;
    text-align:right;
color:#6B6B6B;
}
#footer a{
color:white;
}

/**-------------------Formular Styles-------------------*/
#contact {
margin-top:-75px;
}
.contact_bg{
margin-top:180px;
height:262px;
width:611px;
background-image:url(images/bg-kontakt.jpg); 
}
.contact_content  {
position:relative;
top:-61px; 
left:0px; 
z-index:2;
width:315px;

padding-left:6px;
}
.ID-100 .contact_adress {    top: -711px;}
.contact_adress {
position:relative;
    top: -596px;
background-color:black;
left:390px; 
z-index:2;
height:20px;
line-height:20px;
padding-left:6px;
}
#id_address_14_town {    width: 48%;}
input, textarea{
background-color:#4D4D4D;
color:white;
border:0px;
}

.form_item {
width:468px;
line-height:30px;
text-transform:uppercase;
padding-top:0px;
padding-left:6px;
font-size:12px;
background-image:url(images/team-projekte.png);
background-repeat:no-repeat;
text-transform:uppercase;
background-position:0px 0px;
padding-bottom:10px;
}
label {
width:268px;
line-height:30px;
text-transform:uppercase;
padding-right:3px;
font-size:12px;

text-transform:uppercase;
background-color:black;

}
input {
color:white;
padding:6px;
padding-top:4px;
padding-bottom:4px;
margin-bottom:22px;

}
input:focus{
background-color: white;
color:black;
border:0px;

}
.sendenbutton {
background-color:#666666;
color:black;
height:20px;
font-weight:bold;
font-size:11px;
padding:0px;
padding-left:5px;
padding-right:5px;
line-height:11px;
text-transform:uppercase;
margin-left:6px;
cursor:hand;
}
.sendenbutton:hover {
color:#C23E3E;
background-color:black;

}


/**-------------------More Styles-------------------*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
#newsuebersicht {

margin-top:25px;
}

#id-97 #newsuebersicht , #id-1 #newsuebersicht{
    margin-top: 100px;
}

#newsuebersicht h1 {
font-size:28px;
color:black;
display:block;
margin-top:80px;
background-color:white;
margin-left:-120px;
font-weight:lighter;
margin-bottom:0px;
padding-left:10px;
width:495px;
}

#newsuebersicht h2 {
font-size:48px;
line-height:48px;
text-transform:uppercase;
width:840px;
padding-bottom: 5px;
}
.proimage{
margin-top:-100px;
left:-33px;
top:40px;
position:relative;
height:47px;
width:34px;
}

.main_content  {
margin-top:125px;
}
#newsentry {
margin-top:125px;
}
#newsentry .newsbox .block{    margin-bottom: -37px;}

#newsentry  h2 {
font-size:48px;
line-height: 48px;
    margin-bottom: 5px;
text-transform:uppercase;
width:690px;
}
.newsbox {

background-repeat:no-repeat;
padding-left:30px;
line-height:20px;
font-size:16px;
height: 50px;
    vertical-align: middle;
    display: table-cell;
}

#newsuebersicht .block {
     width: 233px;
    /* padding-top: 1px; */
    margin-top: 0px;
    height: 52px;
    margin-left: -30px;
    background-color: #212121;
    margin-bottom: -52px;
}
#newsentry .block {
     width: 233px;
    /* padding-top: 1px; */
    margin-top: 0px;
    height: 52px;
    margin-left: -30px;
    background-color: #212121;
    margin-bottom: -52px;
}
.projektebox {
background-image:url(images/newsbox_bg.png);
background-repeat:no-repeat;
padding-bottom:13px;
padding-top:7px;
margin-top:-10px;
padding-left:30px;
line-height:20px;
font-size:14px;
}

.unsichtbar{
display:none;
}
#team a {
display:block;
background-color:#666666;
text-transform:uppercase;
color:black;
flaot:left;
font-weight:bold;
margin-right:3px;
padding:5px;
}

#team ul {
    list-style-type:none;
    margin:0;
    padding:0;
    display:none; 
    clear:both;
}
#team li {
    list-style-type:none;
    display:block;
    float:left;
}
.ID-5 #content h2 {
  
    margin-top: 0px;}
 
#team li a:hover {
    color:#C23E3E;
background-color:black;
}
#team li a.active{
    color:white;
background-color:black;
}



.team_header {
height:51px;
margin-top:-160px;
background-image:url(images/team-header.png );
background-repeat:no-repeat;
}
#team h2 {
font-size:32px;
}
.team_slogan {
padding-top:35px;
background-image:url(images/team-abstand.png);
background-repeat:no-repeat;
background-position:0px 126px;
padding-bottom:0px;
width:900px;
}
.team_vita {
    padding-top: 50px;
    background-image: url(images/team-abstand3.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    line-height: 15px;
    margin-top: -2px;
    width: 360px;
    padding-left: 13px;
}
.team_bildunterschrift  {
position:relative;
top:300px; 
background-color:black;
left:420px; 
z-index:2;
height:20px;
line-height:20px;
padding-left:9px;
}

.team_projekte{
padding-top:56px;
padding-left:6px;
font-size:12px;
background-repeat:no-repeat;
text-transform:uppercase;
background-position:0px 54px;
padding-bottom:30px;
}
.schwarz {
background-color:black;
margin-left:0px;
padding: 2px 10px;
letter-spacing:0px;
 display: inline-block;
    height: 15px;
}
.schwarz2 {
background-color:black;
margin-left:0px;
float:left;
padding: 2px 6px;
letter-spacing:0px;
 display: inline-block;
    
}
.projektebox p{line-height: 24px;
    padding-left: 5px;}
h3.text_fotogalerie-header  .schwarz{
padding: 2px 8px 2px 8px;
margin-left:-11px;
margin-top:8px;
}
.home_link {
display:block;
}

.block-001 {
    background-color: #4D4D4D;
    height: 42px;
    margin-bottom: -30px;
    margin-left: 24px;
    margin-top: -49px;
        width: 130px;
            position: absolute;
    z-index: -1;
}
.block-002 {
    background-color: #333333;
    height: 56px;
    margin-bottom: -30px;
    margin-left: -81px;
    margin-top: 0px;
    width: 159px;
}.block-003 {
    background-color: #4D4D4D;
    height: 44px;
    margin-bottom: -30px;
    margin-left: -81px;
    margin-top: -75px;
    width: 70px;
}
.block-004 {
    background-color: #333333;
    height: 16px;
    margin-bottom: -82px;
    margin-left: 45px;
    margin-top: 61px;
    width: 33px;

}
.link_home {
    display: block;
    width: 228px;
    position: relative;
    height: 58px;
    z-index: 55;
    margin-bottom: -83px;
    left: 661px;
    top: 33px;
    /* background-image: url(images/rosenpictures_filmproduktion.jpg);  */
    background-image: url(images/rp-logo.svg);
    background-position: 0px 0px;
    background-size: contain;
    /* background-position: 0px -2px; */}

.link_home-start  {
    display: block;
    width: 228px;
    position: relative;
    height: 58px;
    z-index: 2;
      margin-bottom: -58px;
    left: 661px;
    top: 33px;
    /* background-image: url(images/rosenpictures_filmproduktion.jpg);  */
    background-image: url(images/rp-logo.svg);
    background-position: 0px 0px;
    background-size: contain;
    /* background-position: 0px -2px; */}
     .b4-home {
    display: block;
    width: 144px;
margin-left: 889px;
    border-left: 4px solid black;
    margin-top: 9px;
    height: 82px;
        z-index: 5;
    background-color: #333333;
        position: absolute;
}
.b-all-home {
    position: absolute;
    
}

.festivalbild {
    position: absolute;
    left: 1200px;
    top: 0px;
    z-index: 2;
}
.festivalbild .proimage {
    margin-top: INITIAL;
    /* position: absolute; */
    left: initial;
    z-index: 78;
    top: initial;
    /* position: relative; */
    height: initial;
    width: initial;
  /*  display: none; */
}


.t_marcus{
display:block;
position:relative;
width:100px;
height:60px;
top:0px; 
background-color:#4D4D4D;
left:268px; 
z-index:2;
}
.t_marcus:hover{
background-image:url(images/marcus_s.jpg);
}
.t_peter{
display:block;
position:relative;
width:160px;
height:20px;
top:0px; 
background-color:#333333;
left:108px; 
z-index:2;
}
.t_peter:hover{
background-image:url(images/peter_s.jpg);
}
.t_katha{
display:block;
position:relative;
width:100px;
height:20px;
top:-40px; 
background-color:#333333;
left:168px; 
z-index:2;
}
.t_katha:hover{
background-image:url(images/katha_s.jpg);
}
.t_jb{
display:block;
position:relative;
width:160px;
height:40px;
top:-100px; 
background-color:#333333;
left:108px; 
z-index:2;
}
.t_jb:hover{
background-image:url(images/jb_s.jpg);
}
.t_almuth{
display:block;
position:relative;
width:170px;
height:20px;
top:-80px; 
background-color:#1A1A1A;
left:322px; 
z-index:2;
}
.t_almuth:hover{
background-image:url(images/almuth_s.jpg);
}
.t_helmut{
}
.t_helmut:hover{
background-image:url(images/helmut_s.jpg);
}
.t_martin{
display:block;
position:relative;
width:80px;
height:20px;
top:-80px; 
background-color:#1A1A1A;
left:361px; 
z-index:2;
}
.t_martin:hover{
background-image:url(images/martin_s.jpg);
}
.t_hans{
display:block;
position:relative;
width:170px;
height:20px;
top:-140px; 
background-color:#1A1A1A;
left:-182px; 
z-index:2;
}
.t_hans:hover{
background-image:url(images/hans_s.jpg);
}
.t_klaudine{
display:block;
position:relative;
width:290px;
height:40px;
top:-200px; 
background-color:#1A1A1A;
left:-182px; 
z-index:2;
}
.t_klaudine:hover{
background-image:url(images/clyde_s.jpg);
}

.up {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(images/up.png);
    float: right;
    border:0px solid #333333;
    margin-top: 0px;
    margin-left: 0px;
}
.up:hover {
background-position:0px 20px;
}

.n-left {
display:block;
width:20px;
height:20px;
background-image:url(images/right.png);
float:right;
margin-top:-3px;
margin-left:0px;
}
.n-left2 {
display:block;
position: fixed;  
    z-index: 1;
width:80px;top:45%;right:0;
height:80px;
background-image:url(images/rp-right-arrow.svg);
float:right;
margin-top:-3px;
margin-left:0px;
}
.n-left2:hover {

background-image:url(images/rp-right-arrow_hover.svg);

}
.n-left:hover {
background-position:0px 20px;
}
.n-right {
display:block;
width:20px;
height:20px;
background-image:url(images/left.png);
float:right;
margin-top:-3px;
margin-left:10px;
}
.n-right2 {
display:block;
    z-index: 1;
position: fixed;  
width:80px;top:45%;left:0;
height:80px;
background-image:url(images/rp-left-arrow.svg);
float:right;
margin-top:-3px;
margin-left:0px;
}.n-right2:hover {

background-image:url(images/rp-left-arrow_hover.svg);

}
.n-right:hover {
background-position:0px 20px;
}

.n-position{
position:relative;
left:-540px;
top:-62px;
}
.at {
padding-top:10px;
}
.subtitel {
    font-size: 32px;
    text-transform: uppercase;
    margin-top: -2px;
    margin-bottom: 5px;
    line-height: 31px;
    font-weight: lighter;
}

.icon-foto {
display:block;
width:145px;
height:20px;
background-image:url(images/icon_foto.png);
margin-top:0px;
margin-left:140px;
}
.icon-video {
display:block;
width:145px;
height:20px;
background-image:url(images/icon_video.png);
margin-top:0px;
margin-left:140px;
}
.icon-fotovideo {
display:block;
width:166px;
height:20px;
background-image:url(images/icon_foto-video.png);
margin-top:0px;
margin-left:140px;
}
.newsblock {
  display: inline-block;
    width: 60px;
    float: left;
    margin-left: 0;
    height: 20px;
    background-color: #343434;

}
.newsyear {
display:inline-block;
padding:0px 6px;
color:#666666;
background-color: #1A1A1A;
line-height:20px;
height:20px;
margin-top:0px;
margin-left:0px;
float:left;
}
.newslength {
 display:inline-block;
 float:left;

    padding: 0px 6px;

    color: black;
    line-height: 20px;
    height: 20px;
    background: #666666;

    margin-top: 0px;
    margin-left: 0px;
 
}
.news-date {
    display: block;
    width: 35px;
    padding-top: 10px;
    height: 42px;
    background-color: #343434;
    margin-top: -12px;
    margin-left: -46px;
    padding-left: 5px;
    font-weight: bold;
    color: #212121;
    margin-bottom: -51px;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    padding-right: 5px;
}
.news-date-big {
font-size:19px;
color:#4E4E4E;
}


#news-navigation {
margin-top:0px;
}

#news-navigation a{
display:block;
width:20px;
margin-right:3px;
line-height:21px;
height:21px;
background-color:#4E4E4E;
float:left;
padding-left:10px;
font-weight:bold;
color:black;
}
#news-navigation a:hover{

background-color:#BF3D3D;

color:white;
}
#news-navigation strong{
display:block;
width:20px;
line-height:21px;
height:21px;
padding-left:10px;
background-color:#BF3D3D;
float:left;
margin-right:3px;
font-weight:bold;
color:white;
}
#imgPreviewWithStyles {
    background: #222;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 15px;
    z-index: 999;
    border: none;
}

.projektegrid {
   column-gap: 5px;
  row-gap: 20px;
  justify-items: center;
    width: 100vw;
      display: grid;
    margin-left: -250px;
    grid-template-columns: 1200px;

}
.projektegrid img {
 
    filter: brightness(0.5);}
    .projektegrid .aspect:hover img{
 
    filter: brightness(1);}
.aspect {
    padding-bottom: 43%;
    position: relative;
    height: 0;
    width: 100%;
  overflow: hidden;
}
/*General Mosaic Styles*/
.mosaic-block {

    position:relative;

    width:100%;
x;
    margin:0px;

        padding-left:0px;
      
        -webkit-box-shadow:0 0px 0px rgba(0,0,0,0.5);
}

.mosaic-block-en {

    position:relative;
    overflow:hidden;
    width:100%;
    height:300px;
    margin:0px;

        padding-left:0px;
        background-color:#212121;
        -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
    .mosaic-backdrop {
        
        position:absolute;
        top:0;
      
        width:100%;
        }
    .mosaic-backdrop-en {
        display:block;
        position:absolute;
        top:0;
 
        width:100%;
        background:#212121;
    }
    
    .mosaic-overlay {
    
        z-index:5;
        position:absolute;
        height:300px;
        width:100%;
        
    }
        .mosaic-overlay-en {
        display:none;
        z-index:5;
        position:absolute;
        height:300px;
        width:100%;
        
    }

        
        .fade .mosaic-overlay {
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.6)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
height: 102%;
            opacity:0;

            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
            filter:alpha(opacity=00);
            
              transition: opacity 0.1s ease-in-out;
        }
            .fade .mosaic-overlay:hover {
            opacity:1;
      transition: opacity 0.3s ease-in-out;
        }
        
            
        .fade .mosaic-overlay-en {
            opacity:1 !important;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
            filter:alpha(opacity=00);
            background:url(../img/bg-black.png);
        }
.white {
color:white;
}
.up-margin{
height: 185px;
clear:both;
}
.up-margin2{
height:60px;
clear:both;
}

#terms a {
display:block;
background-color:#151517;
text-transform:uppercase;
color:#999999;
float:left;
font-weight:bold;
margin-right:0px;
padding:1px 6px;
line-height: 20px;
}
#terms li:nth-child(even) a{

background-color:#333333 ;

}
#terms li:nth-child(10) {
    clear: both;
        margin-left: 43px;

}
#terms li:nth-child(10) a{
 background-color:#1A1A1A; 
}
#terms li:nth-child(7) a{
   background-color:#4D4D4D; 
}
#terms li:nth-child(10) a{
   background-color:#666666; 
}

#terms ul{
    list-style-type:none;
    margin:0;
    padding:0;
    display:block; 
    clear:both;
}
#terms li {
    list-style-type:none;
    display:block;
    float:left;
}

 
#terms li a:hover {
    color:#C23E3E;
background-color:black;
}
#terms li a.active{
    color:#C23E3E;
background-color:black;
}



#terms {
margin-top:77px;

background-position: 0px 0px;
background-repeat: no-repeat;
width: 100%;
position: absolute;
height: 77px;
margin-left: -95px;
}
.text_box1-block {
width: 102px;
    display: block;
    height: 20px;
    margin-top: 2px;
    margin-left: 81px;
  margin-bottom: -20px;
    background-color: #333333;
}

.projektebox p{float:left;}
 #content .block-netzwerk {
    width: 360px;
    height: 50px;
    margin-left: -30px;
    background-color: #212121;
    margin-bottom: -47px;
}

.umbg-br {  animation: playerc 5s linear ;
   opacity:1;
}

@keyframes playerc {
  0% {
     opacity:0;
  }
80%{ opacity:0;
  }
  to {
      opacity:1;
  }
}

 .b-all {
    position: absolute;

}
.b1 {
    display: block;
    width: 100%;
    background-color:#999999;
    height: 8px;
    margin-bottom: -8px;
}

.b2 {
    display: block;
    width: 250px;
    margin-left: 575px;
    margin-top: 8px;
    height: 20px;
    background-color:#4D4D4D;
}
.b3 {
    display: block;
    width: 1px;
    margin-left: 777px;
    margin-top: -20px;
    height: 25px;
    background-color: white;
}
#id-97 .b3 , #id-1 .b3{
    display: block;
    width: 0px;
    margin-left: 777px;
    margin-top: -20px;
    height: 25px;
    background-color: white;
}
 .b4 {
    display: block;
    width: 123px;
    margin-left: 893px;
    margin-top: -24px;
    height: 82px;
    background-color: #333333;
}

.b5 {
    display: block;
    width: 100px;
    margin-left: 61px;
    margin-top: -30px;
    height: 20px;
    background-color:#333333;
}
.b6 {
    display: block;
    width: 290px;
    margin-left: -43px;
    margin-top: 20px;
    height: 40px;
    background-color:#1A1A1A;
}
.b7 {
    display: block;
    width: 170px;
    margin-left: -43px;
    margin-top: 0px;
    height: 20px;
    background-color: #1A1A1A;
}
.b8 {
    display: block;
    width: 160px;
    margin-left: 247px;
    margin-top: -60px;
    height: 40px;
    background-color: #333333;
}
.b9 {
    display: block;
    width: 100px;
    margin-left: 307px;
    margin-top: 0px;
    height: 20px;
    background-color: #333333;
}
.b10 {
    display: block;
    width: 160px;
    margin-left: 247px;
    margin-top: 0px;
    height: 20px;
    background-color: #333333;
}

.b11 {
    display: block;
    width: 100px;
    margin-left: 407px;
    margin-top: -80px;
    height: 60px;
    background-color: #4D4D4D;
}
.b12 {
    display: block;
    width: 170px;
    margin-left: 462px;
    margin-top: 0px;
    height: 20px;
    background-color: #151517;
}

.b13 {
    display: block;
    width: 80px;
    margin-left: 501px;
    margin-top: 0px;
    height: 20px;
    background-color: #151517;
}
.b14 {
    display: block;
    width: 90px;
    margin-left: 500px;
    margin-top: -120px;
    height: 20px;
    background-color: #333333;
        position: absolute;
    z-index: -6;
}
.b14home {
    display: block;
    width: 174px;
    margin-left: -37px;
    margin-top: 0px;
    height: 20px;
    background-color: #333333;
        position: absolute;
    z-index: 60;
}




    #sprache{     position: relative;
    top: 78px;z-index: 80;
    margin-left: -41px;}
    ul#languages  {list-style: none;}
    #languages li   {float:left;}
#languages .lang {
   background-color: #333333;
    color: black;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 14px;
    margin-top: -3px;
    padding: 3px 8px;
   margin-right: 0px;
}
#languages .lang:hover {
   background-color: black;
    color: #C23E3E;
}
#languages .lang_active {
    color: white;
    background-color: black !important;

}


   body.ID-157  .main_content {

      margin-left: -140px;
    margin-top: 125px;
     width: 1079px;
}


.plakatcontainer {
    float: left;
    width: 49%;
    height:auto;
    margin-bottom:60px;

     display:block;
}
 .plakatcontainer a{ }
    .plakatcontainer:nth-child(3) {
   clear:both;
}
.show-plakat-id {display:none;}  
.plakat-bild {
    float: left;
    width: 33%;
}
.plakat
    {width:100%; margin-top: 0px;}

.plakat-text {
    float: left;
    margin-left: 1%;
    width: 66%;
}



#projprev .plakat-text {
       float: left;
    margin-left: 6px;
    width: 260px;
    margin-top: -20px;
}


#content #projprev .plakat-text h3 {
    margin: 0;
    clear: both;
    font-size: 12px;
    line-height: 20px;
    font-weight: lighter;

    margin-bottom: 2px;
    margin-top: 0px;
background-color: #333333;
    color: #ffffff;
    display: inline-block;

    padding-right: 6px;
    white-space: nowrap;
    margin-left: 0px !important;
    padding-left: 6px;
}
#content #projprev  .plakat-text h2 {
font-size: 21px;
    line-height: 26px;
    font-weight: lighter;
    
        padding-top: 8px;
    padding-bottom: 8px;
    display: inline-block;
    padding-right: 6px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: auto;
background-color: #333333;
    color: #ffffff;
    padding-left: 6px;
    margin-bottom: 0px;
    /* background-color: #15151700; */
  margin-top: 20px;
    margin-bottom: 2px;
    clear: both;
}

 #content .plakat-text h2 {
       font-size: 48px;
    line-height: 62px;
    font-weight: lighter;
    padding-bottom: 0;
    display: inline-block;
    padding-right: 27px;
    margin-left: -20px;
    margin-bottom: 0px;
    padding-left: 20px;
    margin-bottom: 0px;
    background-color: #15151700;
    margin-top: 0px;
    clear: both;
}

.ID-157 #content .plakat-text h2{
     font-size: 26px;
    line-height: 40px;
    font-weight: lighter;
    padding-bottom: 0;
    display: inline-block;
    width: 100%;
    padding-right: 27px;
    margin-left: 8px;
    margin-bottom: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    margin-top: -9px;
    clear: both;
}
 #content .plakat-text h2:after {clear:both;}
     .plakat-text p {
    margin-bottom: 10px !important;
  
} 
  #content .plakat-text h3 {
margin: 0;
    clear: both;
    font-size: 16px;
    line-height: 40px;
    font-weight: lighter;
    margin-bottom: 5px;
    margin-top: 0px;
    background-color: #212121;
    display: inline-block;
    padding-right: 27px;
    white-space: nowrap;
    margin-left: -21px !important;
    padding-left: 60px;

} 
.ID-157   #content .plakat-text h3 {
    margin: 0;
    clear: both;
    font-size: 13px;
    line-height: 40px;
    font-weight: lighter;
    margin-bottom: 5px;
    margin-top: 0px;
    background-color: #212121;
    display: inline-block;
    padding-right: 17px;
    white-space: nowrap;
    margin-left: -6px !important;
    padding-left: 17px;

} 

#projprev .plakatcontainer {
 float: none;
    width: 600px;
    height: auto;
      margin-top: -49px;
    margin-left: 27px;
    display: block;
}  
#projprev h2 {width:auto;}

#projprev .plakat-bild {
 
    margin-left: 134px;
}

.team-projekte-style {
    display: block;
    padding: 0px 5px;
    text-transform: uppercase;
    background-color: #1A1A1A;
    float: left;
    margin-right: 3px;
    font-weight: bold;
    font-size: 9px;
    height: 20px;
    margin-bottom: 0px;
line-height: 20px;
}

.teamnew {margin-top: 70px;}

.team-eintrag {width: 45%;
    float: left;
    min-height: 50px;
    padding-right: 5%;
    margin-bottom: 35px; }
.team-eintrag:nth-child(2n+1) {clear: both;}

#content .team-eintrag h2 {margin-top: 0;font-size:18px;line-height:  21px;padding-left:0px;letter-spacing:    1px;font-weight:    500;margin-bottom:  3px;}
#content .team-eintrag h3 {font-weight:    300;background-color:black;padding:2px 5px;margin-top:  10px;margin-left:    10px;}
.team-eintrag img {width:100%;  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);  color: rgba(0, 0, 0, 0) !important;}
.team-eintrag img:hover {  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    transition: filter 2s;}

.team-eintrag .team-bild {float:left;    width: 20%;}       

.team-eintrag .team-skills {float: left;     width: 80%; }

.team-eintrag  .team-links {clear:  both;width:100%;}
.team-eintrag .team-links a{display:block; padding:0px 5px;text-transform:uppercase;background-color:#333333;float:left;margin-right:3px; margin-bottom: 3px; 
  font-weight: bold;     font-size: 9px;}    
.team-eintrag .team-links a:hover{background-color:#C23F3E;color:white;}   
.team-eintrag .team-links a span{color:#999999;}
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
} 

.clearfix::after {
  clear: both;
}

.clearfix {
  *zoom: 1; /* Für den IE6 und IE7 */
}

.team-eintrag .team-bg-block {position:absolute;height:40px;width: 80px;background-color:  #4D4D4D;z-index:  -1;}

img.heighttheimage {
 display: none;
}


.details {
    margin-top: 160px;
}


    /*  MEDIA QUERRY ##################################################################################################################### */

@media screen and (min-width: 0px) and (max-width:420px) {
#body_homeng video {width: 	auto; height: 	100%;}
}

@media screen and (max-width: 1300px)  {
    .projektegrid {
   column-gap: 5px;
  row-gap: 60px;
    width: 100%;
    margin-left: 0px;
    margin-right:  0px;
    display: grid;
    margin-bottom: 60px;
    grid-template-columns: 1fr;

}
.details {
    margin-top: 0px;
}
    #absatz_bild-mu {
    
        padding-top: 20px;

}

	#singleprojectoverview {display: 	none;}
.ID-98 #terms {


    height: 30px;

}
	.absatz_content-editor {
    margin-right: 0px;
    margin-left: 0px;
        margin-top: 40px;
    margin-bottom: 30px;
   position: relative;
padding-bottom: 56.3%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}
.absatz_content-editor iframe{
  width: 100% !important;
    height: 100% !important;
position: absolute;
    top: 0;
    left: 0;
}
	#terms li:nth-child(7) {
    clear: both;
    margin-left: 0px;
}
	 img.arrow {
    margin-top: -7px;
}
	.bannerflag {display: none !important;}
	.subtitel {
    font-size: 160%;
    line-height: 120%;
    text-transform: uppercase;
    margin-top: -10px;
    font-weight: lighter;
    margin-bottom: 6px;
  
}  
	.projektebox p{display:none;}
.newsblock {display: none;}
 .projektebox .schwarz2 {   line-height: 20px;margin-top:0px;margin-bottom:0px; float: none;padding:0px 6px; }

.projektebox {        line-height: 20px;
    font-size: 12px;
    padding: 0px 0px;
    background-image: none;
        margin-top: 0px;
    display: inline-block;
}
#newsuebersicht div.details  h2 {
       font-size: 300%;
    line-height: 100%;
    text-transform: uppercase;
    margin-top: 34%;
    margin-bottom: 0;
       width: 100%;
}
.mosaic-block { 
    position: relative;
    overflow: hidden;
     width: 100%;
    height: auto;
    margin: 0px;

    padding-left: 0px;
 
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
    display: inline-block;
}
.mosaic-overlay {
    height: auto;
    width: 100%; 
}
.mosaic-block:before {
    content: "";
    display: block;
 
}
.details{z-index:8;position:absolute;width: 100%;}
.mosaic-backdrop , .mosaic-overlay {
    display: block;
    position: absolute;
      top: 0;
    left: 0;
    bottom: 0;
    right: 0;    
   }
.fade .mosaic-overlay { opacity: 1 !important;    height: 100%;} 
.mosaic-block:before {
    content: "";
    display: block;
    padding-top: 0%;
}

img.heighttheimage {
    width: 100%;
    display: block;
}	
.details {
    z-index: 8;
    position: absolute;
    width: 100%;
    bottom: 0px;
}
.mosaic-backdrop {

    display: none !important;
  
}

html {  
z-index: -10;

background-size: cover;

background-color: 	black;
 background-attachment: fixed;
background-repeat:no-repeat;
background-position: center center ;
height: 100vH !important;}
  #bodycontent {background: unset !important;    width: 100%;}
  .newbgimg {display: none !important;}
}
@media screen and (min-width: 905px) and (max-width:1300px) {
	.contact_content {
 
    top: -67px;
   
    width: 310px;
    
}
.ID-157 #content .plakat-text h3 {
     margin-left: -1.8% !important;}

.absatz-text {    width: 344px;}

    .justapic{ width: 100%;margin-bottom: 40px;
}
    #absatz_bild-mu img {
    width: 100%;
      
}   #absatz_bild-mu {
  
        margin-bottom: 40px;
}
	#projprev .plakat-bild {
    margin-left: 113px;
}
#terms {
    margin-top: 80px;

    width: 94%;
    position: relative;

    margin-left: 3%;
}
.up-margin {
    height: 40px;
 
}
.videogrid {
    width: 100%;    margin-left: 0px;}

.newfacts {

    margin-right: 5%;
}
.TYP-oct_projekt #newsentry {
    padding-left: 0px;
    padding-right: 0px;
}
.TYP-oct_projekt .newsentry-header{
         padding-left: 10%;
    width: 80%;
  
}
.text_box1, .absatz-text {
    margin-bottom: 16px;
}
.TYP-oct_projekt .grand-total {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
 
}

.TYP-oct_projekt .grand-team {
    width: 100%;
    margin-left: 0%;}
.TYP-oct_projekt .fp {

    width: 84%;
    margin-left: 8%;
    margin-right: 	8%;
}
.TYP-oct_projekt .fp-entry {width: 	18.4%;    margin-right: 2%;}
.TYP-oct_projekt .fp-entry:last-child {width: 	18.4%;    margin-right: 0%;}
	#umbg, .umbg-overlay, .umbg-player-controls {
    display: none !important;
}

.TYP-oct_projekt .grand-left {
    
    width: 63%;
       padding-left: 	5%;
    padding-right: 2%;
  
}
.TYP-oct_projekt  .grand-right {
    
    width: 25%;
    padding-left: 0px;
    padding-right: 	0%;
}
.TYP-oct_projekt .grand-1 {
 
    width: 20%;
    padding-left: 	5%;
    padding-right: 2%;
}
.TYP-oct_projekt .grand-2 {
 
    width: 40%;
    padding-right: 2%;
}
.TYP-oct_projekt .grand-3 {

    width: 26%;
    padding-right: 5%;
}

.TYP-oct_projekt .grand-left .text_fakten {
    width: auto;
}
.grandtrailer {
       width: 94%;

    padding-left: 3%;

}
.credits {padding-left: 	8%;
padding-right: 	8%;
width: 	84% !important;
    margin-top: 40px !important;
}
.newbgimg {
    opacity: 0;
    animation: unset;
        z-index: -1;
            transform: translate3d(0, 0, 0);
            display: 	none;

}
.grandtrailer iframe,  .grandtrailer  img{
    width: 100%;
    margin-left: 0;
    margin-top: 40px;
    margin-bottom: 30px;
    padding-left: 0;
    margin-right: 0;
}
    .festivalbild .proimage {
    display: none !important;}
.specs {display: none;}
.tri {
    top: 0;
    left: 742px;

}
.mosaic-backdrop {
    width: 100%;
}
.mosaic-backdrop img {width:100%;}
.b3 {
   
    margin-left: 748px;}
    .contact_bg {
    width: 100%;
    background-image: url(images/bg-kontakt.jpg);
    background-repeat:  no-repeat;
    padding-left:   10%;
    padding-right:  10%;
}
#content {
 margin-left: 0px;
    width: 100%;
 
}
.contact_adress {

    left: 51%;}
.main_content, #contact {
    padding-left: 10%;
    padding-right: 10%;
}
.festivalbild {
   
    display: none;}


#newsuebersicht {
      margin-left: 10%;
    margin-right: 10%;

}

#newsentry {
    padding-left: 140px;
    padding-right: 140px;
}
body.ID-157 .main_content {
    margin-left: 0px;
    margin-top: 125px;
    width: 100%;
    padding-left:   0px;
}
.plakatcontainer {
    
    width: 44%;
    padding-left: 20px;}
.main {
    width: 100%;}

.link_home {
    left: 632px;
}
.b4 {
      background-color: transparent;margin-left: 767px;}

#content h2 {

      width: 100%;
}
.TYP-oct_projekt #content h2 {

      width: auto;
    padding-left: 30px;
}


.TYP-oct_projekt #newsentry .block {
   
    margin-left: 0px;}
 .TYP-oct_projekt   .newsbox {
   
    padding-left: 60px;}
.addthis_inline_share_toolbox {
    position: absolute !important;
    top: 9px !important;
       margin-left: 0;
    right: 0;
}
.cc_container {
   
    width: 306px;}
}
@media screen and (max-width: 905px) {



	.contact_bg  {font-size: 	12px;} 
    #datenschutz {
    padding-left: 0;
}
.cc_container {
    width: 320px;
    left: unset !important;
    right: 0 !important;
    bottom: 20px !important;}


.videogrid p {
    background-color: #1a1a1a;
    padding: 2px 6px;
    width: auto !important;
    font-size: 11px !important;
    display: inline-block;
    /* */
}
.videogrid {width: 100%;    margin-left: 0px;}
.videogrid iframe {height:  100% !important;width: 100% !important;    position: absolute;
    top: 0;
    left: 0;}

   .grid33 p{position: absolute;bottom: 0px;} 
.grid33 {float:none;width:100%;padding-right: 0%;padding-left:0%;margin-bottom: 20px;height:  auto;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
    position: relative;
  
    padding-top: 0px;
   
    overflow: hidden;
}
.youtubegrid .grid33{  padding-bottom: 56.4%;}

    #projprev .plakatcontainer {
 
    margin-top: 30px;
    margin-left: 0px;
 
}
	.sliderlink {
right: 0px;
}
.sliderplakat {
      right: 0;
    top: -66px;
    left: unset;
    width: 75px;
    height: 106px;
    
}
.credits {
    margin-top: 20px !important;
}
.screenings li a {font-size: 12px;line-height: 20px;padding: 1px 6px;}
	.relation a {color:#999999 ;font-size: 12px;}
    .n-left2,.n-right2 {display:  none;}
    .production {line-height: 120% !important}
      .grand-team {width:130%;
   

margin-left: -15%;
font-family: oswald;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
font-size: 90%;
}

.grand-team span{ margin-right:2px;font-size: 12px; letter-spacing: 0px; }
    .noshowonmobile {display: none;}
    .showonmobile {display: block;}
    .grand-team {
    width: 100%;
    margin-left: 0%;}
    .screenings div div:nth-child(3) {display:none;}
    .grand-2 .text_fakten{    font-size: 12px;
  }
.newfacts {
    float: none;
    width: 100%;
position: relative;
z-index:5;}
    .relation a {
 
    margin-left: -40px;}
.screenings {  margin-left: 0px;
    margin-top: 31px !important;
  
    width: 100% !important;}
    .screenings div {margin-bottom: 1px;}
    .screenings div div {display:inline-block;padding: 1px 6px;      font-size: 12px; line-height: 20px;}

.grand-4 {margin-top: -30px;}
.fp {margin-top:100px;width: 100%;    margin-left: 0px;display:none;}
.fp-entry {width:20%;float:left;margin-right: 10px;}
.fp h4 {font-weight: 300;font-size: 9px;margin-top: 3px;}

.grand-total {width: 100%;margin-left: 0px;    margin-top: 20px;}
.grand-1,.grand-2 ,.grand-3, .grand-4  {float: none;width:100%;padding-right: 0px;      margin-top: 20px;  }
.synposis {
    margin-top: 50px !important;
}
.grand-left {float: none;width:100%;padding-right: 0px; margin-top: -56px;   }
.grand-left .text_fakten {width: 100%;} 
.grand-right .team_projekte  {   padding-top: 20px;}
.grand-right {float: none;width:100%;padding-left: 0px;}
.grand-right  .text_fakten,.grand-1 .text_fakten, .grand-3 .text_fakten{
    padding-left: 0px;
    margin-top: -17px;
    width: 100%;
    line-height: 16px;
    font-size: 116%;
}
.TYP-oct_projekt .screenings {
    margin-top: 22px !important;
}
.TYP-oct_projekt .screenings div div:nth-child(3) {display:inline-block;}
.TYP-oct_projekt .grand-1 .newsentries {margin-top: 25px;    margin-left: 15px;}
.grand-2 .text_fakten,  { font-size: 116%;}
.grand-right img {    width: 60%;
    margin-left: 20%;
    margin-top: 50px;}

 .grandtrailer {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 40px;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 56.3%;
    padding-top: 0px;
    height: 0;
        width: 100%;
    overflow: hidden;
}
    .grandtrailer iframe ,.grandtrailer  img {
    	    margin-left:0px;
  width: 100% !important;
    height: 100% !important;
    position: absolute;
        margin-top: 0px; 
     margin-bottom: 0px; 
    top: 0;
    left: 0;
}
    .festivalbild .proimage, .bannerflag {
    display: none !important;}
.specs {display: none;}
 body.ID-157  .main_content {
  
    margin-left: 0px;
    margin-top: 50px;
     width: 100%;
}   
#languages .lang {

   margin-right: 2px;
}

 .plakatcontainer {
    float: none;
    width: 100%;
    height:auto;
    margin-bottom:60px;
     clear:both;
  
}  
#projprev #plakatview .plakat-text ,#projprev #plakatview .plakat-bild {
float:none !important;width:98% !important;margin-left: 1%;margin-top: 40px !important;

}
#projprev #plakatview .plakat-bild {margin-top:-6px !important;
}
#projprev #plakatview .plakat-text {margin-top: -19px !important;}
#projprev {
 
    margin-top: 20px;
}
#projprev .plakat-text .screenings {
    width: 100% !important;
}

    .plakat-text , .plakat-bild{
    margin-bottom:60px;
} 

#projprev .plakat-text, #projprev  .plakat-bild {
    margin-bottom: 0px;
}
     .plakat-text h2 {
       font-size:20px !important;
     line-height:23px !important;
} 
 .plakat-text h3 {
     font-size:10px !important;
     line-height:27px !important; 
 
}
.ID-157 #content .plakat-text h3 {

    margin-left: -1.6% !important;}
    .ID-157 .plakat {    margin-top: 0px;}
    .ID-157 #content .plakat-text h2 {    margin-top: 0;}
#projprev .plakat-text h2 {
     font-size: 26px!important;
    line-height: 28px!important;
    margin-left: 0px;
    padding-right: 6px;
    padding-left:   6px;
    margin-top: 0;
    width: auto;

} 

#projprev .plakat-text h3 {
    font-size: 12px !important;
    line-height: 20px!important;
    padding: 1px 6px !important;
      margin-left: 0px !important;
       
}

#projprev  .plakat-text .screenings {
    margin-left: 0;}
    .plakat-text {
  font-size:10px !important;
     line-height:17px !important; 
} 
    #projprev  .plakat-text {
    font-size:116% !important;
     line-height:116% !important; 
} 

.b-all {display:none;}
.b1 {display:none;}

.up-margin {
    height: 50px;
    clear: both;
}
#terms {    margin-top: -10px;    margin-left: -3%;    position: relative;}


.text_festivals {
    padding-left: 30px;
    margin-top: 9px;
    width:auto;
    line-height: 20px;
}


 .text_box1-block {
      width: 89px;
    display: block;
    height: 20px;
    margin-top: -10px;
    margin-left: 52px;
    margin-bottom: -34px;
    background-color: #333333;
}

.ID-32 .text_box1-block {
    margin-top: -14px;
}

.text_fotogalerie-header, .text_festivals2 {
    padding-top: 45px;
    padding-left: 0px;
    font-size: 130%;
    background-repeat: no-repeat;
    text-transform: uppercase;
    background-position: 0px 54px;
    padding-bottom: 90px;
}
h3.text_fotogalerie-header .schwarz, h3.text_festivals2 .schwarz{ height: auto; margin-left: 8%;margin-top: 0;   }


h3.team_projekte .schwarz{ height: auto; margin-left: 0px;margin-top: 0;   }


div.f3 .f2-titel, #f2-galerie .f2-titel {
    margin-top: -49px;
}
.f2-titel ,.f2-text {
    margin-left: 100px;
}
#f3-pics ,#f2-galerie  {    line-height: 15px;
         }
.block-002 {
    background-color: #333333;
    height: 38px;
    margin-bottom: -41px;
    margin-left: -4%;
    margin-top: 0px;
    width: 19%;
}
.block-003 {
    background-color: #1a1a1a;
    height: 39px;
    margin-bottom: -3px;
    margin-left: -4%;
    margin-top: -58px;
    width: 12%;
}
.block-004 {
    background-color: #333333;
    height: 20px;
    margin-bottom: -106px;
    margin-left: 11%;
    margin-top: 14px;
    width: 4%;
}
#slogan_home { height: auto !important;width: 100%;}
#slogan_home object , #slogan_home h1 { display: none;}

#navigation {
    clear: both; margin-top: 65px !important;margin-left: 0% !important;
    background-color: transparent;
    width: 96%;
    text-align: center;
      height: 34px;
    vertical-align: middle;
    line-height: 20px;
        margin-bottom: 0px !important;
}
#footer {padding-top: 0px;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%; }
#bodycontent       {background-image: none;  }
html, body {
   overflow-x: hidden;
 }
body {
   width:100%;
 }
.link_home {
    display: block;
   width: 180px;
    position: absolute;
    height: 46px;
    z-index: 2;
    left:initial;
    right: 0px;
    top:8px;
}
.margintop-home {margin-top:65px !important;}
#main_menu li {
    list-style-type: none;
   display: auto;

 float: left; 
}
#main_menu li a {
    display: block;
    margin-right: 1px;
  margin-left: 1px;
    line-height: 267%;
   padding: 0px 3px;
    font-size: 111%;
    text-transform: uppercase;
    color: black;
    width: auto;
   
    font-weight: bold;
    text-decoration: none;
    background-color: #666666;
}
#main_menu li:first-child a {
    display: block;
    margin-right: 1px;
  margin-left: 0px;
    line-height: 267%;
   padding: 0px 3px;
    font-size: 111%;
    text-transform: uppercase;
    color: black;
    width: auto;
   
    font-weight: bold;
    text-decoration: none;
    background-color: #666666;
    padding-left: 7px;
}
 #content {
    margin-left: 0px;
    width: 96%;
    padding-left:2%;
    clear: both;

    font-size: 100%;
}
#newsuebersicht {
    margin-top: 20px;
    margin-left: 0px;
        padding-left: 1%;
}
#id-97 #newsuebersicht , #id-1 #newsuebersicht {
    margin-top: 110px;
}

  .newsbox{padding-left: 88px; min-height: 92px;}    
.text_box1 , .absatz-text {width:100%;    margin-bottom: 16px;}
#newsentry { padding-left: 1%;padding-right:1%;    margin-top: 22px;}
iframe {margin: 0px auto;width: 96%;padding-left: 0%;  }
#umbg , .umbg-overlay, .umbg-player-controls{display:none !important;}
.news-date { display: block;
    width: 37px;
    padding-top: 15px;
    height: 41px;
    background-color: #343434;
    margin-top: -12px;
    margin-left: -3%;
    padding-left: 5px;
    font-weight: bold;
    color: #4E4E4E;
    font-weight:bolder;
    margin-bottom: -63px;
    text-align: center;
    font-size: 102%;
    line-height: 133%;
    padding-right: 5px;
}
  #bodyhome {background-image: none;}
  .main_content {
    margin-top: 60px;
}
.contact_bg {
    margin-top: 90px;
    height: 139px;

    width: 100%;
    background-image: url(images/bg-kontakt.jpg);
}
 .contact_content {
     top: -43px;
    width: 100%;
}
.form_item {width: 100%;}
#contact {
    margin-top: -40px;
}
#contact input, #contact textarea { width: 90%;}

.resizable-textarea { width: 100% !important;}
#contact #id_address_14_zip{ width: 15%;}
#contact #id_address_14_town{ width: 68%;}

#content h2 { margin-top: 42px;width:auto;}
.news-date-big { font-size: 195%; color:#666666;}
#newsuebersicht .block {
    width: 241px;
    height: 56px;
    margin-left: -30px;
    background-color: #212121;
    margin-bottom: -56px;
}
#content .block-netzwerk {
    width: 90%;
       height: 53px;
    margin-left: -30px;
    background-color: #212121;
    margin-bottom: -62px;
}


.newsbox { padding-top: 0px;  margin-top: 20px;}

#news-navigation strong {
display: block;
    width: 32px;
    margin-right: 2px;
    line-height: 32px;
    margin-bottom: 4px;
    height: 32px;
    padding-left: 0;
    padding-right: 0;
    background-color: #BF3D3D;
    float: left;
    font-weight: bold;
    text-align: center;
    color: white;
}
 #news-navigation a {
    display: block;
    width: 32px;
    margin-right: 2px;
    line-height: 32px;
    margin-bottom: 4px;
    height: 32px;
    background-color: #4E4E4E;
    float: left;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    font-weight: bold;
    color: black;
}
#news-navigation a:hover{

background-color:#BF3D3D;

color:white;                               
}
.team_projekte ,.text_festivals2 {font-size: 140%;}
.team_projekte {padding-top: 20px;padding-left: 0px;padding-bottom: 0px;}
.text_fakten {padding-left: 0;margin-top: 30px; width: auto;font-size: 116%;line-height: 140%;}
#news-navigation { font-size: 190%;}

.icon-foto { display:none;}
.icon-video {display:none; }
.icon-fotovideo {display:none; }

#slogan {display:none;}

.link_home-start {
    display: block;
    width: 180px;
    position: absolute;
    height: 46px;
    z-index: 2;
    left: initial;
    right: 0px;
    top: 8px;
    background-image: url(images/rp-logo.svg);
    background-position: 0px 0px;
    background-size: contain;
}
#newsentry .newsbox, #newsuebersicht .newsbox , #content .text_netzwerk-einleitung{
    padding-left: 50px;
    height: 72px;
    vertical-align: middle;
    display:table-cell;
    width:auto;
    padding-top:0px;
}
#newsentry .newsbox {   padding-left: 30px;}
.text_netzwerk-text {
    padding-left: 30px;
    width: auto;
    line-height: 17px;
}
 #newsuebersicht .newsbox p , #content .text_netzwerk-einleitung p {font-size: 90%; line-height: 120%;}

 #newsentry  .newsbox p {font-size: 90%; line-height: 120%;}
#newsentry .block {
    width: 85%;
    margin-top: 0px;
    height: 52px;
    margin-left: -30px;
    background-color: #212121;
    margin-bottom: -62px;
}

.n-position { right: -2%; left: auto; top: -8px; }
.n-left {
    display: block;
    background-image: none; 
    background-color: #333333;
    float: right;
      width: 16px;
    height: 20px;
    padding: 8px;
    padding-right: 12px;
    padding-left: 12px;
    margin-top: -3px;
    margin-left: 1%;
} 
.n-left-tri {
    display: block; 
    background-image: none; 
    background-color: #333333;
    width: 0px;
    height: 0px;
    -webkit-transform:rotate(360deg);
    border-style: solid;
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent #ffffff;
}   
.n-right {
   display: block;
   background-image: none; 
   background-color: #333333;
   float: right;
   width: 16px;
   height: 20px;
   padding: 8px;
   padding-right: 12px;
   padding-left: 12px;
   margin-top: -3px;
   margin-left: 1%;
}  
 .n-right-tri {
   display: block; 
   background-image: none; 
   background-color: #333333;
   width: 0px;
   height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;
  border-width: 10px 15.0px 10px 0;
  border-color: transparent #ffffff transparent transparent;
} 
#absatz-galerie4pics {
      padding-left: 0px;
      margin-top: -70px;
    margin-left: 15%;
    width: 85%;
}
#absatz-galerie4pics img {
    height: 50px;
    float: left;
    margin: 0px;
    padding-right: 2px;
    padding-bottom: 2px;
   
    overflow: hidden;
} 
#absatz-galerie8pics img, #f2-galerie img, #f3-pics img {
    height: 50px;
    float: left;
    margin: 0px;
   
    padding-right: 2px;
    padding-bottom: 2px;
    overflow: hidden;
} 
#absatz-galerie8pics, #f3-pics  { width: 83%;    padding-left: 92px;
       padding-left: 2px;
  margin-top: -70px;
    margin-left: 15%;
    width: 85%;  }
  #f2-galerie  { 
  width: 83%;    padding-left: 92px;
       padding-left: 2px;
  margin-top: -120px;
    margin-left: 15%;
    width: 85%;  }
#contentgallery {width: auto;    margin-top: 56px;  }
 
.absatz-text ,  #content .absatz-text p , .text_box1, #content .text_box1 p, .text_netzwerk-text{
  font-size: 116%;line-height: 140%;  padding-left:0px;     padding-top: 0px;} 
  .text_netzwerk-text {
  margin-top: 40px;    }
  
.text_box1{ padding-top:48px;}     
#newsuebersicht h2 , #newsentry h2 ,#content h2.text_netzwerk-titel {
    font-size: 300%;
    line-height: 100%;
    display: -webkit-box;
    text-transform: uppercase;
    width: 100%; 
    margin-bottom: 10px;
} 
.text_fotogalerie-header {padding-bottom:0px;}   

#terms li {float: none;}   
#terms a {
    display: block;
    background-color: #666666;
    text-transform: uppercase;
    color: black;
    float: left;
   line-height: 267%;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 2px;
    margin-right: 2px;
    padding-right: 1%;
    padding-left: 1%;
    padding-top:0px;
    padding-bottom:0px;
    width: auto;
    word-break: normal;
    word-wrap: normal;
}

.main { width: 100%;    margin-bottom: 80px;   }
iframe {height:auto !important;margin-bottom: 15px;}
#absatz_bild-mu img {width:100%;}

#sprache {
    position: absolute;
    top: 13px;
    width: 180px;
    margin-left: -39px;
}
.headerstuff {
    position: relative;    top: -65px;}
    .swiper-container {   padding-top: 13px;  margin-top: 0px !important;}   

 .bgvidclass {
        display: none;
    }
    .b4-home{display:none;}
 
#id-97 #main_menu , #id-1 #main_menu {
    margin-top: 0;
    position: relative;
    margin-left: 0px;
    top: auto;
    z-index: 500;
}

  #id-97 #content , #id-1 #content  {margin-top:-60px;}
  .newsbildentry {margin-bottom: 20px;margin-top:5px;}

.t_marcus, .t_katha,.t_peter,.t_jb,.t_almuth,.t_martin, .t_hans,.t_klaudine {
   display: none; 
}
  .team_header {    height: 0px;
    margin-top: 12px;}
   
#team a {margin-right: 2px;margin-bottom: 2px;}

#content h2.text_netzwerk-titel {
margin-top: 100px;

 }

#content h2.text_netzwerk-titel:first-child {margin-top: 0px;}
.ID-32 .text_netzwerk-einleitung {font-size:160%;}

#team h2 {
    clear: both;
    font-size: 275%;
    line-height: 120%;
}

body.ID-5 .absatz-text {
     font-size: 116%;
    line-height: 140%;
    padding-left: 0px;
    padding-top: 0px;
}
#team .image {width:100%;}
.team_bildunterschrift {
    position: absolute;
    margin-top: 39%;
    margin-left: 30%;width: 60%;
    padding-right: 2%;
    font-size: 143%;
    background-color: black;
    text-align: right;font-style: italic;
    z-index: 2;
    height: 20px;
       top: auto;
        left: auto;
    line-height: 20px;
    padding-left: 9px;
}
body.ID-5 .text_netzwerk-einleitung {     font-size: 180%;  line-height: 150%;    padding-bottom: 0px;    height: 60px;}

#content .team-eintrag h2 {
   
    font-size: 12px;
    line-height: 15px;
}
.team-projekte-style {

    margin-bottom: 3px;
  
}
.team-eintrag {
    width: 48%;
 
    padding-right: 2%;
  
}
.team-eintrag .team-bild {
  
    min-height: 40px;}
#content .team-eintrag h3 {
   
    font-size: 10px;
    line-height: 13px;
}
body.ID-5 #content h2.text_netzwerk-titel {      font-size: 452%;
    line-height: 22%;
    margin-top: 20px;}

    .team_vita {width:100%; font-size: 140%;
    line-height: 156%;}
        .team_vita  p {    margin-top: 27px !important;}

        .contact_adress {
    position: relative;
    top: auto;
    margin-top: 20px;
    background-color: black;
    clear: both;font-size: 140%;
    line-height: 156%;
    display: inline-block;
    left: auto;
    z-index: 2;
    height: 20px;
    line-height: 20px;
    padding-left: 6px;
}
#contact {width: 100%}
.ID-100 .contact_adress {    top:auto;}
.video-container {display:none;}
.newbgimg {

    opacity: 1;

 animation: orbi44 5s linear;
}
div.justapic img.image{width: 100%;}
.justapic {
    padding-left: 0px;
    width: 100%;
    display: block;
}
#content p {}
.addthis_inline_share_toolbox {
    position: absolute !important;
    top: 9px !important;
    display: none;
   margin-left: 0px;
}
#projprev .plakatcontainer {
  
    width: 100%;}
.addthis_inline_share_toolbox.addthis2 {display:inline-block;    margin-top: -7px;}


#terms li:nth-child(7) {
        margin-left: 0px;
}
.newscontainer-text:nth-child(1){
    margin-top: 80px;
}
.newscontainer-text {
    margin-top: 60px;
}
.block-001 {
    margin-top: -22px;}

}
@media screen and (max-width: 350px) {


#main_menu li a {
  
    font-size: 90%;}

 #main_menu li:first-child a { font-size: 90%;}   

}



.ID-206 .newbgimg {opacity: 1 !important;animation:none !important;}
.ID-208 .newbgimg {opacity: 1 !important;animation:none !important;}

#baguetteBox-overlay {background-color: rgba(0,0,0,1) !important;}
.full-image figcaption {


    line-height: 40px !important;
    font-size: 12px !important;

}





.comingoffspan {line-height: 38px;}