/**
 * Place your custom styles here.
 */
/* ADDED: Eigene Klassen fuer Captions fuer ZZF-Drupal-Plugins */
/* TODO: Testen, was passiert, wenn davor noch 'div' gesetzt wird ... */
/* TODO: Welche Farben? */
.caption-out {
    padding-bottom:20px;
    text-align:center;
}

.caption-out-more {
    padding:10px;
    text-align:center;
    float:left;
}

.caption { 
    padding:10px; 
    display:inline-block;
}

.caption-left {
    padding:10px;
    float:left;
}

.caption-right {
    padding:10px;
    float:right;
}

/* Text-Div */
.caption-text {
    font-size: .8em; /* Textgroesse etwas kleiner als im Fliesstext */
    text-align: center; 
    line-height:1.2em;
    margin-top:10px;
}


/**
 * eigene Klassen fuer Bootstrap Carousel Slider
 */

.carousel{
    background-color: #f3f3f3;
}

.carousel-inner { 
    text-align: center;
    overflow: visible; 
}

.carousel .item > img { 
    display: inline-block; 
}

.carousel .item > a { 
    display: inline-block; 
}

.carousel-caption {
    text-align: center;
    position: relative;
    left: auto;
    right: auto;
    color: #000;
    font-size: .8em;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 5px;
    text-shadow: none;
}

.carousel-caption p {
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
}

.carousel-control.left, .carousel-control.right {
    height: 400px;
    background: none !important;
}


.carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}

.carousel-indicators .active {
    width: auto;
    height: auto;
}

.carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}

.carousel-indicators li img {
    display: block;
    opacity: 0.5;
    height: 75px;
}

.carousel-indicators li.active img {
    display: block;
    opacity: 1;
    height: 75px;
}

.carousel-indicators li:hover img {
    opacity: 0.75;
}

.carousel-outer {
    position: relative;
}

.carousel ol {
    margin-left: 0;
    text-align: center;
}

/**
* Klassen fuer Bildnachweis Autor*innenfotos

.right .show_bildnachweis {position:absolute; top:175px; left:+160px; font-size:.75em;}
.right .bildnachweis {position:absolute; left:0; top:175px; width:26.7%; background:rgba(0,0,0,.5); font-size:.75em; color:white;}
*/
.views-field-field-autorin-bildunterschrift {
    position: relative;
    height: 200px;
    margin-bottom: 20px;
}

.show_bildnachweis {
    position: absolute;
    left: 160px;
    bottom: 0;
    font-size: .75em;
}

.bildnachweis {
    position: absolute;
    bottom: 0px;
    font-size: 0.75em;
    color: white;
    margin-bottom: 0px;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
    width: 150px;
}

/**
 * ZF-Theme - allgemeine Page-Styles
 * - maximale Breite der Seite (Content)
 */

.container {
#	max-width:900px;
}

/* first for IE 4–8 */
@font-face {
  font-family: ScalaSansWebPro;
  src: url("../ScalaSansWebPro.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: ScalaSansWebPro;
  src: url("../ScalaSansWebPro.woff") format("woff");
}


/*
  Style HTML Tags
*/


body {
  font-family: 'ScalaSansWebPro';
  color: #333;
  font-size:120%;
  line-height:1.2em;
  font-weight: normal;
  background: #D5D5D5;
}

a {
  color: #b80000;
  text-decoration:none;
  font-weight: normal;
}

a:hover, a:focus {
  color: #999;
  text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'ScalaSansWebPro';
  font-weight: normal;
  line-height: 125%;
}

h1 {
  font-family: 'ScalaSansWebPro', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #CC3517;
}


h2 {
background: url(../images/sprites.png) -16px -54px no-repeat #fff;
padding: 9px 10px 0px 25px;
font-size: 130%;
text-transform: uppercase;
letter-spacing: 0.1em;
}

h2 a {
background: url(../images/sprites.png) -18px -6px no-repeat #fff;
padding: 9px 10px 0px 23px;
margin-left: -23px;
}


.container {
  clear: both;
  margin: 0 auto;
  max-width: 900px;
  overflow: hidden;
  padding: 0;
  padding-left:21px;
  padding-right:21px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



@media (min-width: 768px) {
.container {
	width:100%;
}
}




.navbar {
#	max-width:900px;
	background: #b80000 none repeat scroll 0 0;
#    	font-size: 95%;
#	margin:auto;
	border-radius:0;
	border:0;
	margin-bottom:0;
	min-height:0;
	margin-top:107px;
	position:0;
	clear:left;
}

.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.navbar-default .navbar-toggle {
    font-family: ScalaSansWebPro;
    font-size: 1.3em;
    font-weight: 100;
    border-color: none;
	color:#fff;
}

.navbar-toggle {
    background-color: none;
    background-image: none;
    border: 0px;
    border-radius: 0px;
    float: none;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 9px 10px;
    position: relative;
    text-align: center;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #b80000;
}

.navbar-nav {
    padding-top: 6px;
	margin-left:10px;
}

#navbar .block {
	margin-bottom:3%;
}

.navbar-left {
	padding:10px;
}


ul.primary li a {
	background:0;
}


#navbar a {
    color: rgb(255, 255, 255);
    display: block;
    float: left;
    font-family: ScalaSansWebPro;
    font-size: 1.2em;
    font-weight: 100;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
}

#navbar a:hover, .navbar-default .navbar-nav > .active > a {
    color: #fff;
    text-decoration: underline;
    background: none;
}

@media (min-width: 769px) {
	#navbar ul li {
		float:left;
	}
}

#navbar li::after {
    color: #fff;
    content: "/";
    float: right;
    margin-top: 3px;
}

#navbar li:last-child::after {
    content: "";
}

.region-navigation {
	float:right;
}



@media (max-width: 768px) {
	.region-navigation {
        	float:left;
		background: #ffffff none repeat scroll 0 0;
    		width: 100%;
	}

	.navbar-collapse {
		overflow-x: hidden;
	}

	#block-locale-language ul li {
	    background: #b80000 none repeat scroll 0 0;
	    float: left;
	    margin: 5px;
	    padding: 2px;
	}

	.nav ul li {
#    		clear: left;
	}

	li.expanded, li.collapsed, li.leaf {
	    clear: left;
	}

	#navbar li::after {
   		color: none;
    		content: "";
    		float: none;
    		margin-top: 0px;
	}

	#navbar a:hover, #navbar li a.active {
    		text-decoration: none;
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    		border: 0;
	}

}



.region-header {
	margin-top:18px;
}


.page-frontpage .main-container .views-field-view-node .field-content a::before {
    content: "» ";
}


ul {
    list-style: outside none none;
}


#page .row .col-sm-8 .region-content {
#        margin-top:0;
}


#page .row .col-sm-4 .region-sidebar-second {
        margin-top:10px;
}


.page-frontpage #block-views-front-page-block-2 .views-field-nothing li, .page-frontpage #block-views-front-page-block-10 .views-field-nothing li {
	list-style:none;
}

.page-frontpage #block-views-heft-block-9 .views-field-nothing, .page-frontpage #block-views-heft-block-6 .views-field-nothing, .page-frontpage #block-views-heft-block-21 .views-field-nothing, #block-block-9 {
    padding-top: 10px;
}

.views-field-field-bildunterschrift-teaser, .views-field-field-bildunterschrift-teaser-en {
    padding-top: 5px;
}


.region-front-welcome{
  padding-top: 1%;
}

.region-front-welcome h2{
  font-family:ScalaSansWebPro;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: url("images/sprites.png") no-repeat scroll -18px -7px transparent;
  margin-left: 23px;
  padding-left: 20px; 
}

.page-title {
	margin-top:30px;
}


.well {
	padding:5px;
        background-color:#FFFFFF;
	border-top: #f3f3f3 40px solid;
}

.well {
	opacity:0.8;
}

.well:hover {
        opacity:1;
}


#block-views-heft-block-16 li, #block-views-heft-block-20 li, #block-views-heft-block-10 li {
#	padding-bottom:20px;
}

.node-type-heft h2 {
	margin-top:0;
}

.node {
	margin:0;
}

.node-type-heft #sidebar-second {
	margin-top:0;
}

.view-autor-innen li {
	margin-bottom:10px;
}

.view-id-heft .rubrik {
	margin-bottom:20px;
}

#block-views-autor-innen-autor-mobil .view-autor-innen .views-row-last {
    margin-bottom: 0;
}

ol.breadcrumb ~ h1.page-title {
    margin-top: 5px;
}

ol.breadcrumb li:last-child a {
   pointer-events: none;
   cursor: default;
   color: #999;
}

ol.breadcrumb li:only-child a{
   pointer-events: auto;
   cursor: pointer;
   color: #b80000;
}

ol.breadcrumb li:only-child a:hover{
   color: #999;
}

#block-views-autor-innen-autor-mobil {
    padding-top:10px;
    margin-bottom: 0;
}

#views-exposed-form-suche-suche input, #views-exposed-form-suche-suche select {
	min-width: 300px;
}


#views-exposed-form-suche-suche .form-item-type-1 input {
	position: unset;
	width: unset;
	min-width:unset;
	margin-left: unset;
	margin-right: 10px;
}


#views-exposed-form-suche-suche .form-item-type-1 label {
	padding-left:unset;
}


.view-suche .views-row {
	margin-bottom: 20px;
}

#block-views-heft-block-18 li, #block-views-heft-block-20 li, #block-views-heft-block-10 li, #block-views-heft-block-16 li, #block-views-heft-block-19 li {
	border-bottom: solid 1px #333;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#search-form .input-group-btn {
	visibility: hidden;
}

.field-name-field-image-beschreibung{
	margin-top:10px;
}

.lte h3 {
	text-decoration: underline;
	margin-bottom: 15px;
}

#views-exposed-form-suche-page-1 .vefl-twocol .vefl-region {
	width: 100%;
}

.views-exposed-form .views-exposed-widget input{
	width: 100%;
}
.views-exposed-form .views-exposed-widget{
	float:none;
}

#views-exposed-form-suche-chie .vefl-region-left{
	float:none;
}
#views-exposed-form-suche-chie #button-wrapper{
	float:left;
}


.views-field-field-reprint-autoren{
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.view-display-id-block_22 .views-field-title {
	margin-top:20px;
}

.view-display-id-block_26 li, .view-display-id-block_27 li {
    border-bottom: 1px solid;
    margin-bottom: 15px;
    padding-bottom: 15px;
}