#Pressestimmen{
    margin-top:100px;
    margin-bottom:100px;
}

.kapitel{
    margin-top:5px;
}

.spoilerContent{
    padding-left:25px;
    padding-right:25px;
}

.seitenabstand{
    max-width:80%;
    margin-left:auto;
    margin-right:auto;
}

#medien{
    margin-top:5em;
    
}



#videos{
    margin-top:5em;
}

#videosKlein{
    margin-top:1.5em;
}

.videoKlein{
    position:relative;
    height:100%;
    width:100%;
}

.videoKleinContent{
    height:100%;
    width:100%;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(200,200,200,0.5);
    -webkit-transition:all 400ms ease-out;
    -moz-transition:all 400ms ease-out;
    -o-transition:all 400ms ease-out;
    -ms-transition:all 400ms ease-out;
    transition:all 400ms ease-out;
    text-align:center;
}

.videoKlein .videoKleinContent:hover{
    opacity: 1;
}

.videoKlein .videoKleinContent .videoKleinText{
    height:0;
    opacity:1;
    transition-delay:0s;
    transition-duration:0.4s;
}

.videoKlein .videoKleinContent:hover .videoKleinText{
    opacity:1;
    transform:translateY(50px);
    -webkit-transform:translateY(50px);
}

.videoKleinText{
    color:#ffffff;
}

#autor{
    margin-top:2.5em;
}

#bilder{
    margin-top:5em;
}

.pressetickerZeitung{
    font-size:50%;
    text-align:center;
    font-style:italic;
}

.video:hover{
    opacity: 0.5;
}

.pfeilr{
	width:0px;
	height:0px;

	border-top:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:10px solid #bd0000;
}

.underline{
	border:0px;
	border-bottom:2px;
	border-style:dotted;
	border-color:#777777;
}

.trenner{
	height:150px;
	padding-top:25px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:25px;
	display:none;
}

#logoslider{
	height:150px;
	background-color:#ffffff;
	text-align:center
	position:absolute;
	bottom:0px;
	padding:0px;
	margin:0px;
    margin-top:1.5em;
}

.logo{
	height:150px;
	margin-left:25px;
}

#scroller{height:100%;margin:0;padding:0;line-height:30px;position:relative;}
#scroller li{float:left;height:150px;padding:0 0 0 10px;list-style-position:inside;}
#scrollerWrapper{height:150px;margin:0px; overflow:hidden;border:0px;}

.startAktuelles{
	display:block;
	margin-top:10px;
	background-color:rgba(220,220,220,1);
}

.startAktuellesTitel{
	margin:0px;
}

.aktuellesBeschreibung{
	color:#000;
	display:block;
	padding:0px;
	padding-right:5px;
	padding-left:5px;
	text-align:left;
	background-color:rgba(235,235,235,1);
}

.aktuellesUhrzeit{
	color:#000;
	display:block;
	padding:0px;
	padding-right:5px;
	padding-left:5px;
	text-align:right;
	float:right;
}

.aktuellesDatum{
	color:#000;
	display:block;
	padding:0px;
	padding-right:5px;
	padding-left:5px;
	text-align:left;
	float:left;
}

#radio{
    margin-top:2.5em;
}

#presse{
    margin-top:2.5em;
}

#fernsehen{
    margin-top:2.5em;
}

#autor2{
    margin-top:2.5em;
}

#datenschutz{
    margin-top:2.5em;
    max-width:100%;
    overflow:hidden;
}

#impressum{
    margin-top:2.5em;
}

.linkZeitung{
    text-decoration:none;
    color:#000000;
}

.linkZeitung:hover{
    text-decoration:none;
}

.box{
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}

.boxBuch{
	-webkit-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.3);
}


h2{
    font-family: 'Palatino', sans-serif;
}

h1{
    font-family: 'Palatino', sans-serif;
}

h4{
    font-family: 'Palatino', sans-serif;
}


.abschnittUeberschrift{
    color:#aaaaaa;
    text-align:center;
    padding-bottom:20px;
}

p {
    font-size: 110%;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}





@media only screen and (max-width:1200px){
	#Buchvorstellung{
		max-width:100% !important;
	}
	.ml5 .line{
		display:none;
	}
}






.ml5 {
  position: relative;
  font-weight: 300;
  font-size: 4.5em;
  color: #402d2d;
}

.ml5 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0;
  padding-bottom: 0.2em;
  line-height: 1em;
  width: 100%;
  text-align:center;
}

.ml5 .line {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2px;
  width: 100%;
  background-color: #402d2d;
  transform-origin: 0.5 0;
}

.ml5 .ampersand {
  font-family: Baskerville, serif;
  font-style: italic;
  font-weight: 400;
  width: 1em;
  margin-right: -0.1em;
  margin-left: -0.1em;
}

.ml5 .letters {
  display: inline-block;
  opacity: 0;
}

.ml5 .letters-left {
  font-size:20%;
  line-height:1;
  text-align:center;
  vertical-align:middle;
}

.ml5 .letters-right {
  font-size:40%;
  vertical-align:middle;
}


















.bild{
	border-radius: 5px;
  	cursor: pointer;
  	transition: 0.3s;
}

.bild:hover {
	opacity: 0.7;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  max-width: 80%;
    max-height: 80%;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}