/*!
 * corvusFilm Template
 */

/* Allgemeine Angaben */

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../Fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../Fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../Fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../Fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../Fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../Fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../Fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../Fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../Fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../Fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../Fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../Fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../Fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../Fonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../Fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../Fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-700 - latin */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 700;
    src: url('../Fonts/roboto-slab-v24-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../Fonts/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../Fonts/roboto-slab-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../Fonts/roboto-slab-v24-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../Fonts/roboto-slab-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../Fonts/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}


html, body {
  height: 100%;
}

body {
  background-color: #F4F4F4;
  font-family: "Roboto",sans-serif;
}
    
figcaption {
 background-color: #666;
 color: #fff;
 padding: 5px 10px;
 border-top: 1px solid #ccc;
} 

.container {
  max-width: 1440px;
}

.colored {
 background-color:#fff;
}

.shadow-left-right {
  box-shadow: 10px 0px 10px -7px #333,
  -10px 0px 10px -7px #333;  
}

button {
  font-size:0.95em;
}

h1, h2, h3 {
   /* font-family: "Roboto Slab",serif;*/   
   font-family: "Tahoma";  
}

h1, h1 a {
  font-size: 1.8em;
  color:#817F7F;
  padding: 0 0px 5px;
  line-height: 1.2em;
  font-weight:bold;
}

h2,h3,.content h3 a {
 color:#817F7F;
}

h2 {
  font-size: 1.2em;
  font-weight:bold;
  line-height: 1.4em;
  margin-top: 5px;
}     

h3 {
  font-size: 1.2em;
  margin-top:0px;
}

.content {
  margin-top:20px;
  margin-bottom:20px;
}

.content a, #visual .carousel-inner a {
  color:#FE6804;
  text-decoration: none;
  font-weight: bold;
}

.content a.carousel-control {
color: #fff;
} 

.content a:hover {

}

/* Custom page header */

#logo {
  padding: 20px 0px;
}
 
#logo img {

}


.maincontent ul {
padding-left:15px;
}  

#mainnav {
  margin-right:-15px;
  margin-left:-15px;
  border-bottom: 1px solid #7B7E79;
}

#visual {
  margin-right:-15px;
  margin-left:-15px;
  border-top: 1px solid #fff;
}
/* Footer Styles */


#footer{
  background-color: #233140;
  color: #fff;
  padding:8px 0px 2px 0px;
  text-align:center;
  margin: 0px -15px 0px -15px;
}   

#footer a{
  color: #fff;
  font-weight:bold;
  list-style-type: none; 
}

/* Extensions */

.news-list img {
margin-bottom: 10px;
}

.news-visual {
margin-top: -20px;
}
.news-list-morelink {
display:block;
}

.news-single-img {
text-align: center;
margin-top: 25px;
}

.news-list h2 {
margin-top:0px;
}

.news-list .row {
margin-bottom:15px;
}

.news-single .visual {
    padding-left: 0px;
    padding-right: 0px;
    border-right: 1px solid #fff;
}

.news-single .news-visual {
  background-color: #666;  
  margin-bottom: 15px;
  
}

.news-single, .news-single h2, .news-single h3 {
  color: #fff;
}

.production {
 position: relative;
 height: 370px;
}

.production-data {
position: absolute;
bottom:0;
height:auto;
width:auto;
padding: 0 15px;
vertical-align:text-bottom;
}


.copyright {
    position: absolute;
    color: #f1f1f1;
    transform-origin: bottom right;
    right: 3px;
    bottom: 10px;
    transform: rotate(-90deg) translateX(100%);
    font-size: 13px;
    display: block;
    display:none;
}

figure .img-round{
    width:100%;
    height:auto;
}
.carousel-item .copyright {
    transform-origin: top right;
    right: 15px;
    top: 10px;
    bottom: unset;
    left: unset;
    transform: rotate(-90deg) translateY(-100%);
    fomt-weight: 600;
}

/* Custom Styles */

.content	div.csc-textpic-center .csc-textpic-center-outer { 
  clear:both;
  right: 0; 
  }
.content	div.csc-textpic-center .csc-textpic-center-inner {
   clear:right; 
   right: 0; 
   }
   
    /* flexible Medien*/


/* CSS Styled Content Regeln für responsive Bilder überschreiben */
DIV.csc-textpic .csc-textpic-imagewrap FIGURE,
DIV.csc-textpic FIGURE.csc-textpic-imagewrap,
FIGCAPTION.csc-textpic-caption {
 display: block;
}
DIV.csc-textpic-left .csc-textpic-imagewrap {
 float: none;
}
DIV.csc-textpic DIV.csc-textpic-imagecolumn {
 display: inline-block;
 float: none;
 vertical-align: top;
}
.csc-default {clear: both;}

/* Tabelle */
.simple td {
padding:0 5px 5px 0;
vertical-align:top;
}

.clear {
clear:both;
}

.csc-linkToTop{
height:40px;
width:80%;
background-color:red;
background: url(../media/totop.png) no-repeat; 
background-position: 0px 0px;
display: table-cell;
vertical-align:middle;
}

.csc-linkToTop a{
display:block;
padding-left: 45px;
}

.info {
font-size:12px;
padding:5px 0;
}

#mathguard td {
padding:3px;
}

.csc-textpic-text p {
/*text-align: justify;*/
}

@media print {
 
  a[href]:after {
    content:none;
  }
 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 0px;
    z-index: 5;
    display: inline-block;
    margin-top: 100px;     
}

#carousel-latest .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
      margin-right: 0px;    
  }  

#carousel-latest .carousel-caption h3 {
  display:none;
}

.carousel-caption-header {
  position: relative;
  bottom: 0px;
  left: 0px;
  top:0px;
  background:#666;
  padding: 15px;  
  border-top: 1px solid #ccc;  
  width:100%; 
}

  #carousel-latest .carousel-caption {
    position: relative;
    width:100%;
    padding: 0px 15px 15px 15px;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background:#666;
  }      
  .carousel-caption-header h1 {
    color: #fff;
    text-shadow: 0 0 0px black;
    font-weight:bold;
    font-size: 18px;
    margin:0px;
    width:100%;
  }
  
  .carousel-caption-header h2 {
    color: #fff;
    text-shadow: 0 0 0px black;
    font-weight:bold;
    font-size: 14px;
  }     

}
