html { font-size: 100%; } 

body { margin: 0; }

a:active, a:focus{
	outline:none;
}

#SubnavigationProgramm a {
	text-decoration: none;
	color: #000;

}

#SubnavigationProgramm a:hover {
	text-decoration: none;
	color: #e16600 ;

}

#SubnavigationProgramm .farbe{
	text-decoration: none;
	color: #e16600 ;

}
#SubnavigationProgramm .farbe a {
	text-decoration: none;
	color: #e16600 ;

}
#SubnavigationProgramm .farbe a:hover {
	text-decoration: none;
	color: #000;

}

.DataCalendar{ 
	font-family: "TodaySBOP-Regular";
	margin-bottom: 0.625rem;
	}
	
.DataCalendarDate{ 
	font-family: "TodaySBOP-Medium";
	margin-bottom: 0.625rem;
	}

#container {
	margin: 0 auto;	/* centered */
	max-width: 400px;	/* one column */
}

/* clear fix */
#container:after {
    /* content: ".";*/
    clear: both;
    display: block;
    /* visibility: hidden; */
    /* height: 0px; */
}

/* start box column ------------------------------------------------------------------------------------*/

.item {  box-sizing: border-box;  }
 
.dotted_line {
	border: 1px dotted #e16600 ;
	border-style: none none dotted;
	margin: 0rem 0rem 1.250rem 0rem;
}

/* Reihe --------------------------------------------------------------------------------
  	background-position:-20px 0px; ----*/

.reihe {
	font-family: "TodaySBOP-Medium";
	color: #fff;
	margin-bottom: 0.625rem;
}
.reihe .reihe-innerleft {
 	background-image: url("../img/FlagCategory/left_7.svg");
  	background-repeat: no-repeat;
    float: left;
    height: 22px;
    margin-left: -17px;
    margin-right: auto;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 17px;
}
.reihe .reihe-innerContent {
 	background-image: url("../img/FlagCategory/right_7.svg");
  	background-repeat: repeat-x;
	float: left;
	height: 22px;
	padding-top:3px;
	padding-right:5px;
}
.reihe .reihe-clear {
 	clear: both;
}

/* ------------------------------------------------------------------------------------*/
	
	a.linkdetail:link{ color:e16600 ; }
 	a.linkdetail:active{ color:#000; }
 	
.date {
	font-family: "TodaySBOP-Regular";
	font-size: 1rem;
	color: black;
}

.author {
	font-family: "TodaySBOP-Medium";
	font-size: 1rem;
	margin-bottom: 0.625rem;
	color: black;
}

.headline {
	font-family: "DTLFleischmann_Text_Reg";
	font-size: 1.688rem;
	font-weight: normal;
	color: #e16600 ;
	margin-bottom: 1.05rem;
}
.headline_center {
	font-family: "DTLFleischmann_Text_Reg";
	font-size: 1.688rem;
	font-weight: normal;
	color: #e16600 ;
	margin-bottom: 1.05rem;
}

.zentriert {
	
    text-align: center;
}

.leading_text {
	font-family: "TodaySBOP-Medium";
	font-size: 1rem;	
	margin-bottom: 0.938rem;*
	color: #e16600 ;
	margin-top: -5px;
}

.adresse_startseite{
	font-family: "TodaySBOP-Medium";
	font-size: 1.3rem;	
	margin-bottom: 0.938rem;*
	color: #e16600 ;
	margin-top: -5px;
}

.leading_text b{
	font-family: "TodaySBOP-Medium";
	font-weight: normal !important;
}
.imageArticle {
	/*margin-top: 0.938rem;*/
	width: 100%;
	height: auto;
}

.article {
	margin-top: 1.250rem;
	margin-bottom: 1.250rem;

	font-family: "TodaySBOP-Regular";
	font-size: 1rem;
	text-align: left;
	line-height: 1.250rem;
	
	/* hyphenation */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.article a {
	color: black;
	}

.article b{
	color: #e16600 ;
	font-family: "TodaySBOP-Medium";
	font-weight: normal !important;
}
.copyright {  
	float: right;  
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	}

.nameFotograf {
	text-align: right;
	position: absolute;
	font-family: "TodaySBOP-Regular";
	font-size: 1rem;
	margin-right: 5px; 
	visibility: hidden;
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 10px;
	visibility: hidden;
	width: 92%;
}

.showFotograf {  
	visibility: visible;
	z-index: 1;
	background-color: #f6f6f6;
}

/* end box column --------------------------------------------------------------------------------------*/

/* start media query  ----------------------------------------------------------------------------------*/

/* iphone in portrait (320px) & landscape (480px)-----*/

@media (max-width: 767px) {

	#container { max-width: 288px; } /* one columns 288px */
	
	.item { max-width: 288px; }
	.zentriert { width: 288px; }
}

/* screen 768px ----*/
	
@media (min-width: 768px) {
	
	#container {  max-width: 694px; } /* two columns, one column 337px, gutter 20px */

	.item { max-width: 337px;  height: auto; }
	.zentriert { width: 337px; }

}

/* screen 1024px ----*/

@media (min-width: 1024px) { 
  
	#container {  max-width: 919px; }	/* three columns, one column 293px, gutter 20px*/

	.item {  max-width: 293px; height: auto; }
	.zentriert { width: 293px; }

}

/* screen  1280px ----*/

@media (min-width: 1280px) { 
	
	#container {  max-width: 1069px;  }	/* three columns one column 343px gutter 20px*/

	.item {  max-width: 343px; height: auto; }
	.zentriert { width: 343px; }
	,
}

/* end media query  ---------------------------------------------------------------------------------- !important */