@charset "utf-8";
/* CSS Document Darstellung der importierten FFA-Artikel und Nachrichten-Beiträge */

:root {
	--ADFCblau: #004b7c;
	--ADFCorange: #ee7f00;
	--hell-grau: #f5f5f5;
	--mittel-grau: rgba(222, 222, 222, 1);
	--dunkel-grau: #808080;
}

/* Inhalt und Inhaltsverzeichnis nebeneinander       --- */
div.FFA_Inhaltsseite, div.Nachrichtenseite {
	margin:					0 auto;
  width: 1160px;
  max-width: 100%;
}

div.FFA_Inhaltsseite article, div.Nachrichtenseite article {
	display:				flex;
	flex-flow:			wrap;
  padding-bottom: 10px;
  margin-top: 40px;
  margin-left: 16px;
  margin-right: 16px;
}

div.Nachrichtenseite div.autor, div.Nachrichtenseite div.Schlagwoerter {
	font-weight: 300;
  margin-bottom: 20px;
  display: block;
  width: 100%;
}
div.Nachrichtenseite div.autor {
	margin-top: 20px;  
}
div.Nachrichtenseite div.Schlagwoerter {
margin-top: -5px;  
}

div.FFA_Inhaltsseite article div.content, div.Nachrichtenseite article div.content, div.Nachrichtenseite article div.backLink {
	float:					left;
	width:					65.2%;
	margin-top:			10px;
	margin-left:		0;
  align-items:		flex-start;
	align-content:	flex-start;
}
@media screen and (max-width: 768px) {
  div.FFA_Inhaltsseite article div.content, div.Nachrichtenseite article div.content, div.Nachrichtenseite article div.backLink {
    width: 100%;
  }
}

div.Nachrichtenseite article p.backLink a {
  flex-wrap: wrap !important;
  white-space: normal;
}
div.Nachrichtenseite article div.backLink {
	margin-bottom: 10px !important;
}
.Heftinhalt {
	float:					right;
	width:					30.8%;
	margin-left:		4%;
	margin-bottom:	10px;
	margin-right:		0;
  align-items:		flex-start;
	align-content:	flex-start;
  display: block;
}

 @media screen and (max-width: 768px) { 
  .Heftinhalt {
    background-color: #004b7c;
    display: none;
    position: fixed;
    width: 500px;
    max-width: 80%;
    height: 85vh;
    top: 0;
    right: 0px;
    transition-property: left right;
    transition-duration: 200ms, 200ms;
    transition-timing-function: ease-in-out, ease-in-out;
    transition-delay: 0s, 0s;
    overflow: auto;
    z-index: 9999;
    overscroll-behavior: contain;
  }
  aside p.backLink {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.blue_menu_overlay {
  position: fixed;
  top: 0;
  width: 100vh;
  height: 100vh;
  background: #000;
  opacity: .5;
  display: none;
  z-index: 999;
  }

div.FFA_Inhaltsseite article nav {
	float:					left;
	width:					65.6%;
	margin-left:		0;
}
@media screen and (max-width: 768px) {
  div.FFA_Inhaltsseite article nav {
    width:					100%;
    margin-left:		0;
  }
}

div.blue_menu_buttonLeftSmall {
  margin-top: 2px;
  float: right;
  width: calc(100% - 65px);
  color: white;
  font-size: 14px;
}
div.blue_menu_buttonLeftMedium {
  float: right;
  width: 300px;
  color: white;
}
div.blue_menu_buttonRightSmall {
  margin-top: -1.5px;
  float: right;
  width: 47px;
  margin-left: 15px;
}
div.blue_menu_buttonRightMedium {
  margin-top: -2.5px;
  float: right;
  width: 47px;
  margin-left: 14.5px;
}
div.blue_menu_buttonRightSmall img, div.blue_menu_buttonRightMedium img {
  width: 100%;
}
div.blue_menu_buttonSmall a {
  color: #ffffff !important;
  font-size: 14px;
}
div.blue_menu_buttonMedium a {
  color: #ffffff !important;
  font-size: 16px;
}
/* Ende - Inhalt und Inhaltsverzeichnis nebeneinander */

/* Allgemeine Definitionen                           */
.clearer {
	clear: both;
}

div.teaserBox div.content {
	margin:				5px 0 0;
	padding:			0;
}

.teaserBox .noMargin {
	margin:				0;
}
.teaserBoxGrey h2 {
	background:			#edf4fa url(../navigation/nav_pictures/teaserbox_headline_rounded_corner_grey.gif) no-repeat;
	font-weight:			bold;
	color:				#36454d;
	font-size:			14px;
	min-height:			13px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 13px;
}

.teaserBoxGelb h2 {
	background-image: url(../navigation/nav_pictures/teaserbox_headline_rounded_corner_orange.gif);
	background-repeat: no-repeat;
	font-weight:			bold;
	color:				#36454d;
	font-size:			14px;
	min-height:			13px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 13px;
	background-color: #edf4fa;
}

.teaserBoxGrey h3 {
	background-image:			url(../navigation/nav_pictures/teaserbox_headline_rounded_corner_grey.gif);
	background-repeat: no-repeat;
	font-weight:			bold;
	color:				#36454d;
	font-size:			12px;
	min-height:			13px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 13px;
	background-color: #edf4fa;
}

.teaserBoxGelb h3 {
	background-color: #edf4fa;
	background-image: url(../navigation/nav_pictures/teaserbox_headline_rounded_corner_orange.gif);
	background-repeat: no-repeat;
	font-weight:			bold;
	color:				#36454d;
	font-size:			12px;
	min-height:			13px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 13px;
}

.teaserBoxOffer a:link,
.teaserBoxOffer a:hover,
.teaserBoxOffer a:active,
.teaserBoxOffer a:visited {
	color:				#3d4b52;
}

.teaserBoxOffer div.content {
	box-sizing: border-box;
	width: 100% !important;
	margin-top:			0px;
	margin-bottom: 2px;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 8px;
	border-left-width: 6px;
	border-left-style: solid;
	border-top-width: 1px;
	border-top-color: #edf4fa;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #edf4fa;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: var(--hell-grau);
	border-left-color: var(--dunkel-grau);
	border-bottom-color: var(--mittel-grau);

}
.teaserBoxOffer div.content li {
	margin-bottom: 8px;
}

.teaserBoxOffer .contentHover {
	background:			#edf4fa;
	margin-top:			0px;
	margin-bottom: 2px;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 8px;
	border-left-width: 6px;
	border-left-color: #808080;
	border-left-style: solid;
	border-top-width: 1px;
	border-top-color: #808080;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-color: #808080;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #808080;
	border-bottom-style: solid;
}

/************************************************************/
/*****	  Lightbox-Gallery Extensions 		  ******/
/************************************************************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

/* #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); display: block; } /* Trick IE into showing hover */
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover, #prevLink:link { background: url(../navigation/nav_pictures/Pfeil_links.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover, #nextLink:link { background: url(../navigation/nav_pictures/Pfeil_rechts.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../lightbox/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }

#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent 			url(../lightbox/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover, #lbPrev.grey:link { background: url(../navigation/nav_pictures/Pfeil_links.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: 			url(../lightbox/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: 		url(../lightbox/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: 		url(../lightbox/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: 		url(../lightbox/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent 			url(../lightbox/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover, #lbNext.grey:link { background: url(../navigation/nav_pictures/Pfeil_rechts.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: 			url(../lightbox/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: 		url(../lightbox/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: 		url(../lightbox/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: 		url(../lightbox/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: 	url(../lightbox/close_grey.png) no-repeat; }
	#lbClose.red { background: 		url(../lightbox/close_red.png) no-repeat; }
	#lbClose.green { background: 	url(../lightbox/close_green.png) no-repeat; }
	#lbClose.blue { background: 	url(../lightbox/close_blue.png) no-repeat; }
	#lbClose.gold { background: 	url(../lightbox/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: 	url(../lightbox/play_grey.png) no-repeat; }
	#lbPlay.red { background: 	url(../lightbox/play_red.png) no-repeat; }
	#lbPlay.green { background: url(../lightbox/play_green.png) no-repeat; }
	#lbPlay.blue { background: 	url(../lightbox/play_blue.png) no-repeat; }
	#lbPlay.gold { background: 	url(../lightbox/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: 	url(../lightbox/pause_grey.png) no-repeat; }
	#lbPause.red { background: 		url(../lightbox/pause_red.png) no-repeat; }
	#lbPause.green { background: 	url(../lightbox/pause_green.png) no-repeat; }
	#lbPause.blue { background: 	url(../lightbox/pause_blue.png) no-repeat; }
	#lbPause.gold { background: 	url(../lightbox/pause_gold.png) no-repeat; }
/************************************************************/
/*****	  Lightbox-Gallery Extensions - End		  ******/
/************************************************************/
/* Ende - Allgemeine Definitionen                     */

/* Definitionen für <article>                         */
.imageRight {
	float:right;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: var(--hell-grau);
/*	clear:both; */
	display:block;
	line-height: 100%;
}
.imageRightNoMargin {
	float:					right;
	padding:				0px;
	margin-top:				0px;
	margin-right:			0px;
	margin-bottom:			0px;
	margin-left:			0px;
	background-color:		var(--hell-grau);
/*	clear:					both; */
	display:				block;
	line-height: 100%;
}
.imageRight a {
position:relative;
display:block;
	line-height: 100%;
}
.imageRight img {
	border: 0px;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px !important;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 100%;
}
.imageRight a .lupe {
	display:block;
	height:22px;
	width:22px;
	position:absolute;
	bottom:0;
	right:0;
	background-attachment: scroll;
	background-image: url(../navigation/nav_pictures/Lupe_klein_dk80.png);
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 135%;
}
.imageLeft {
	float:					left;
	padding:				0px;
	margin-top:				0px;
	margin-right:			10px;
	margin-bottom:			10px;
	margin-left:			0px;
	background-color:		#f5f5f5;
/*	clear:					both; */
	display:				block;
	line-height: 100%;
}
.imageLeftNoMargin {
	float:					left;
	padding:				0px;
	margin-top:				0px;
	margin-right:			0px;
	margin-bottom:			0px;
	margin-left:			0px;
	background-color:		var(--hell-grau);
/*	clear:					both; */
	display:				block;
	line-height: 100%;
}
.imageLeft a {
	position:				relative;
	display:				block;
	line-height: 100%;
}
.imageLeft img {
	border:					0px;
	padding:				0px;
	margin-top: 0px;
	margin-right: 0px !important;
 	margin-bottom: 0px;
	margin-left: 0px !important;
	line-height: 100%;
}
p.imageLeft a .lupe {
	display:				block;
	height:					22px;
	width:					22px;
	position:				absolute;
	bottom:					0px;
	right:					0px;
	background-attachment:	scroll;
	background-image:		url(../navigation/nav_pictures/Lupe_klein.png);
	background-repeat:		no-repeat;
	background-position:	center center;
	line-height: 135%;
}
.imageLeft .title, .imageRight .title, .imageCenter .title {
	font-size:				14px;
	background-color:		var(--hell-grau);
	display:				block;
	padding-right:			5px;
	padding-left:			5px;
	line-height: 140%;
	margin-top: 			0px;
  padding-bottom: 5px;
  padding-top: 4px;
}
.imageCenter {
	padding:				0px;
	margin-top:				0px !important;;
	margin-right:			0px;
	margin-left:			0px;
	background-color:		var(--hell-grau);
	clear:					both;
	display:				block;
	line-height: 100%;
}
p.imageCenter {
  margin-bottom: 25px !important;
}
.imageCenter a {
	position:				relative;
	display:				block;
	float: none;
	text-align: center;
	line-height: 100%;
}
.imageCenter img {
	border:					0px;
	margin:					0px;
	padding:				0px;
	line-height: 100%;
}
.imageCenter a .lupe {
	display:				block;
	height:					22px;
	width:					22px;
	position:				absolute;
	bottom:					0px;
	right:					0px;
	background-attachment:	scroll;
	background-image:		url(../navigation/nav_pictures/Lupe_klein.png);
	background-repeat:		no-repeat;
	background-position:	center center;
	line-height: 135%;
}
p.hr0 {
	clear: both;
}
p.fullWidth, p.fullWidthFFA {
	width: 100%;
	margin-top: 10px !important;
	margin-bottom: 25px !important;
}
img.fullWidth, img.fullWidthFFA {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}
p.w232_fullWidthMobile {
	width: 45% !important;
	margin-top: 10px !important;
	margin-bottom: 25px !important;
}
img.w232_fullWidthMobile {
	width: 100%;
}
p.w207_fullWidthMobile {
	width: 45% !important;
	margin-top: 10px !important;
	margin-bottom: 25px !important;
}
img.w207_fullWidthMobile {
	width: 100%;
}
p.w153_fullWidthMobile {
	width: 35% !important;
	margin-top: 10px !important;
	margin-bottom: 25px !important;
}	
div.teaserBoxOffer p.w153_fullWidthMobile {
  max-width: 180px;
}	
div.teaserBoxOffer a {
  font-size: inherit !important;
  color: #ee7f00 !important;
  font-weight: 400 !important;
}
div.FFA_Inhaltsseite ul, div.Nachrichtenseite ul {
  font-size: inherit;
  font-weight: 300;
}
p.FFAdoppelBild_gemeinsameUnterschrift, p.doppelBild_gemeinsameUnterschrift {
	width: 49.75%;
	margin-top: 0px !important;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
img.FFAdoppelBild_gemeinsameUnterschrift, img.doppelBild_gemeinsameUnterschrift {
width: 100%;
} 
p.FFAdoppelBild_getrennteUnterschriften, p.doppelBild_getrennteUnterschriften {
	width: 49.75%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
img.FFAdoppelBild_getrennteUnterschriften, img.doppelBild_getrennteUnterschrifte {
width: 100%;
} 
p.FFAdoppelBild_unterschiedlich-breit_gemeinsameUnterschrift, p.doppelBild_unterschiedlich-breit_gemeinsameUnterschrift {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
@media screen and (max-width: 600px) {     /* ab dieser Viewportbreite werden Textumläufe um Bilder beendet=> Bilder 100% */
  p.w207_fullWidthMobile, p.w153_fullWidthMobile, div.teaserBoxOffer p.w153_fullWidthMobile, p.FFAdoppelBild_gemeinsameUnterschrift, p.doppelBild_gemeinsameUnterschrift, p.FFAdoppelBild_getrennteUnterschriften, p.doppelBild_getrennteUnterschriften, p.doppelBild_unterschiedlich-breit_gemeinsameUnterschrift, p.FFAdoppelBild_unterschiedlich-breit_gemeinsameUnterschrift {
    width: 100% !important;
  }
  
 /*   blder-responsive    */
  div.bilder-responsive div.col-count-2.first, div.bilder-responsive  div.col-count-2.last {
    width: 100% !important;
  }
}

 div.teaserBoxOffer div.content h1 {
  font-size: 24px !important;
  font-weight: 200 !important;
}
div.teaserBoxOffer div.content h2 {
  font-size: 22px !important;
  font-weight: 300 !important;
}
div.teaserBoxOffer div.content h3 {
  font-size: 20px !important;
  font-weight: 300 !important;
}
div.teaserBoxOffer div.content h4 {
  font-size: 18px !important;
  font-weight: 400 !important;
}

p.balken {
  font-size: 22px !important;
  font-weight: 300 !important;
}
/* Ende - Definitionen für <article>                  */

/* Definitionen für <aside> mit blauer Link-Box       */
.Heftinhalt {
}

aside div.parent {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
}
@media screen and (max-width: 768px) { 
  aside div.parent {
    padding-top: 8px;
    padding-bottom: 0px;
  }
}

aside div.parent a {
	text-decoration: underline;
	color: #ee7f00;
	font-weight: 500;
}

div.parent img.coverImage {
	width: 100%;
}
@media screen and (max-width: 768px) {
   div.parent img.coverImage {
	  display: none;
  }
}

.module-image .image-content h3.image-title {
  padding-top: 0px;
  padding-bottom: 0px;
}

aside.Heftinhalt .linkList {
	background-color: var(--ADFCblau);
	padding-top: 			5.8%;
	padding-right: 		6.6%;
	padding-bottom: 	5.8%;
  padding-left: 		6.6%;
	color: 						white;
}
@media screen and (max-width: 768px) {
  aside.Heftinhalt .linkList {
    padding-top: 			2%;
    padding-right: 		4%;
    padding-bottom: 	3%;
    padding-left: 		4%;
  }
}

aside .listHeader p {
	color: 						white !important;
	letter-spacing: 	-0.44px !important;
	padding: 					0 !important;
	padding-top: 	20px !important;
	padding-bottom: 	10px !important;
	font-weight: 			300 !important;
	line-height: 			30.8px !important;
	font-size: 				22px !important;
	margin: 0 !important;
}
@media screen and (max-width: 768px) {
  aside .listHeader p {
    padding-top: 	10px !important;
  }
  div.FFA_Inhaltsseite aside .entry {
    margin-left: 2%;
  }
}

div.FFA_Inhaltsseite aside div.entry a {
  color: white;
  font-weight: 100;
}
div.FFA_Inhaltsseite aside div.entry.currentArticle a {
  font-weight: 400;
}
div.Nachrichtenseite aside div.entry, div.FFA_Inhaltsseite aside div.entry {
  font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 0;
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	line-height: 18px;
  font-weight: 100;
  padding-left: 25px;
  text-indent: -25px;
  color: #e0e0e0;
}
@media screen and (max-width: 768px) {
  div.Nachrichtenseite aside div.entry, div.FFA_Inhaltsseite aside div.entry {
    margin-left: 2%;
  }
  
}

div.Nachrichtenseite aside div.entry a {
	color: white;
  font-size: 16px;
  font-weight: 100;
}
div.Nachrichtenseite aside div.entry.earlier a, div.Nachrichtenseite aside div.entry.later a {
	font-weight: 400;
}
div.Nachrichtenseite aside div.entry.currentArticle a {
	font-weight: 400;
	text-decoration: underline;
}
div.Nachrichtenseite .entry.earlier a::before {
	content: url(pfeil_nach_oben_auf_blau.png);
	padding-right: 17px;
	height: 14px;
	width: 14px;
	display: inline-block;
  text-indent: 0px;
  margin-left: -20px;
} 
div.Nachrichtenseite .entry.earlier a::after {
	content: url(pfeil_nach_oben_auf_blau.png);
	padding-left: 8px;
	height: 14px;
	width: 14px;
	display: inline-block;
  text-indent: 0px;
}
div.Nachrichtenseite .entry.later a::before {
	content: url(pfeil_nach_unten_auf_blau.png);
	padding-right: 16px;
	height: 14px;
	width: 14px;
	display: inline-block;
  text-indent: 0px;
  margin-left: -20px;
} 
div.Nachrichtenseite .entry.later a::after {
	content: url(pfeil_nach_unten_auf_blau.png);
	padding-left: 6px;
	height: 14px;
	width: 14px;
	display: inline-block;
  text-indent: 0px;
} 
.entry a::before {

	content: url(link-button_orange_auf_blau.png);
	padding-right: 0px;
	height: 16px;
	width: 16px; 
	display: inline-block;
  text-indent: -20px;
  padding-left: 20px;
  margin-right: -10px;
} 

.dlLink {
padding-top: 10px;
padding-bottom: 10px;
margin-left: 0%;
border-bottom-color: white;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.dlLink a{
	color: 						white;
}
.dlLink a::before {
	content: url(download-button_orange_auf_blau.png);
	padding-right: 8px;
	height: 16px;
	width: 16px;
	display: inline-block;
} 
/* Ende - Definitionen <aside> mit blauer Link-Box    */

/* Definitionen für <nav>                             */
nav .prevArticle {
	float: left;
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	padding-top: 16px ;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
  max-width: 100%;
}
nav .nextArticle {
	float: right;
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	padding-top: 16px ;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
  max-width: 100%;
}
nav .prevArticle a {
	border-radius: 0;
	background-color: #ee7f00;
	font-size: 16px;
	color: white;
	font-family: 'roboto';
	font-weight: 400;
	font-style: italic;
	cursor: pointer;
	padding: 8px;
	white-space: wrap;
}
nav .nextArticle a {
	border-radius: 0;
	background-color: #ee7f00;
	font-size: 16px;
	color: #fff;
	font-family: 'roboto';
	font-weight: 400;
	font-style: italic;
	cursor: pointer;
	padding: 8px;
	white-space: wrap;
}
nav .prevArticle a::before {
  /* Pfeil: Box mit zwei weißen Kanten um -135deg gedreht */
  box-shadow: -2px 2px 0 white;
  transform: rotate(45deg);
  width: 11px;
  height: 11px;
  transition: .5s;
	content: ""; 
  margin-left: 5px;
  margin-top: 4px;
  margin-right: 0px;
  display:inline-block;
} 
nav .nextArticle a::after {
  /* Pfeil: Box mit zwei weißen Kanten um -135deg gedreht */
  box-shadow: -2px 2px 0 white;
  transform: rotate(-135deg);
  width: 11px;
  height: 11px;
  transition: .5s;
	content: ""; 
  margin-left: 0px;
  margin-top: 4px;
  margin-right: 5px;
  display:inline-block;
} 
p.backLink {
	text-align: center;
}
.archiveLink a, div.Nachrichtenseite div.autor a, div.Nachrichtenseite div.Schlagwoerter a, p.backLink a, div.backLink a {
	border-radius: 8px!important;
	background-color: #737373 !important;
	font-size: 12px !important;
	color: #fff !important;
	font-family: 'roboto';
	font-weight: 300 !important;
	line-height: 16.5px !important;
	cursor: pointer !important;
	display: inline-block;
	white-space: wrap;
	letter-spacing: .1em;
	margin-top: 10px;
	padding:  .4rem .5rem .4rem .5rem;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: underline;
}
/* Ende Definitionen für <nav>                             */

/*  BEGIN - Alte FFA einigermaßen responsive machen   */
div.FFA_Inhaltsseite article div.content div.content {
  width: 99% !important;
  max-width: 100% !important;
  word-break: break-all !important;
  white-space: normal !important;
}
div.FFA_Inhaltsseite article div.content div.content div table {
  width: 99% !important;
  max-width: 100% !important;
  word-break: break-all !important;
  white-space: normal !important;
}
div.FFA_Inhaltsseite article div.content div.content img {
  margin-right: 20px;
  margin-left: 0px;
}
/*  END - Alte FFA einigermaßen responsive machen   */