/*---------- ISOTOPE FÜR RECHTE UND LINKE SPALTE ---------------*/

@media only screen and (max-width : 1024px){
}


/*---------- DARSTELLUNG - BILDER - <div> ---------------*/
.images {
    width: 100%;
	overflow:hidden;
}

#slider .container_fluid .images {
	margin-top: 0px;
}

.images-img {
   padding: 0;
   margin: 0;
}

.images .imageEntry{
	float: left;
	width: 24.8%;
	height: auto;
  	margin: 1px 0.1% 1px 0.1%;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,0.2);
	b/ackground: rgba(255,255,255,0.4);
 }
 
.right-container .images .imageEntry, .left-container .images .imageEntry{
	width: 49.0%;
   	margin: 1px 0.5% 1px 0.5%;
}

@media (max-width: 1024px) {
}

@media (max-width: 768px) {
	.images .imageEntry{
		float: left;
		width: 32.6%;
		height: auto;
	 }

	.right-container .images .imageEntry, .left-container .images .imageEntry{
		width: 32.2%;
		margin: 1px 0.5% 1px 0.5%;
	}
}

@media (max-width: 480px) {
	.images .imageEntry{
		float: left;
		width: 98.0%;
		height: auto;
		margin: 1.0%
	 }
}
 
.images .imageEntry .image-thumb{
	width: 100%;
	height: 100%;
 }

.images .imageEntry p, .isotope-images .isotope-image-item p{
	t/ext-align: left;
	font-size: 70%;	
	f/ont-size: 0.85em;
	p/adding: 6px 30px 3px 30px;
	margin: 0;
 }

.images .imageEntry h2, .isotope-images .isotope-image-item h2{
	font-size: 100%;	
	padding-left: 30px;
		padding-right: 30px;
	margin: 0 auto;
 }


.image-link a {
    width: 100%;
	background: green;
}

.imageEntry{float: left; }
.i/mage-item{float: left;}

.caption p{
	padding: 5px;
	border: 1px solid rgba(0,0, 0, 0.1)
	}

.caption-black{
	background: rgba(0,0, 0, 0.3);
	}

.caption-black p{
	color: white;
	margin: 0;
	}

.caption-white{
	background: rgba(0,0, 0, 0.3);
}

.caption-white p{
	color: white;
	margin: 0;
	}

.image-caption{
	float: left;
	border-bottom: 1px solid rgba(0,0,0,0.0);
	padding: 5px;
	font-size: 0.85em;
	}

.image-caption-info{
	display: inline-block;
	min-height: 250px;
	}

.image-td{overflow: hidden;}
.image-td img{max-width: 100%;}

/*---------- DARSTELLUNG - BILDER ------ ---------*/
.i/mage-wrapper{float: left;width: auto;margin-left:5px;}

.margin-minus50 {
    margin-top: -50px;
    
}
/*---------- DARSTELLUNG - BILDER - Galerie ------ ---------*/
.image-gallery{
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align:center;
	padding: 0;
}

.image-gallery-item img{
	width: 100%;
	float: left;
	padding: 0;
	opacity: 1.0;
}

.image-gallery-item img:hover{
	o/pacity: 0.8;
}

.image-gallery-item{
	float: left;
	margin: 0.2%;
	text-align:center;
	padding: 0;
	border: 1px solid #ccc;
	overflow: hidden;
	background-color: rgba(204,204,204,0.3);
	m/in-height: 205px;
}
.image-gallery-item-caption p{ padding: 5px; w/hite-space:nowrap; overflow:hidden;}

@media(min-width:1280px) { 
	.image-gallery-item{
		width: 19.60%;
	}
}
@media(max-width:1024px) { 
	.image-gallery-item{
			width: 32.8%;
	}
}
@media(max-width:768px) { 
	.image-gallery-item{
		width: 49.6%;
	}
}
@media(max-width:640px) { 
	.image-gallery-item{
		width: 99.6%;
	}
}

.image-gallery-item-caption{
	float: left;
	font-size: 0.85em;
	width: 100%;
	b/order: 1px solid #ccc;
}

/* Android(Samsung Galaxy) in portrait 380 X 685 ----------- */
@media only screen and (min-width: 375px) and (max-width: 385px){
	.image-gallery-item{
		width: 49.6%;
	}
}
/* All Smartphones in portrait ----------- */
@media only screen and (max-width : 479px) {
	.image-gallery-item{
		width: 49.6%;
	}
}
/* Android 240 X 320 ----------- */
@media only screen and (max-width: 241px){
	.image-gallery-item{
		width: 49.6%;
	}
}

@media screen and (device-aspect-ratio: 40/71) { /* Mobilgerät Iphone */
	.image-gallery-item{
		width: 99.80%;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	.image-gallery-item{
		width: 49.0%;
	}
}


/* Schatten */

.schatten:before, 
.schatten:after {
   z/-index: -1;
   position: absolute;
   content: "";
   width: 50%;
   max-width: 500px;
   top: 90%;
   bottom: 50px;
   left: 20px;   
   background: rgba(0,0,0,0.0);
   -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.5);
   -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.5);
   box-shadow: 0 15px 10px rgba(0,0,0,0.5);
   -webkit-transform: rotate(-2deg);
   -moz-transform: rotate(-2deg);
   -o-transform: rotate(-2deg);
   -ms-transform: rotate(-2deg);
   transform: rotate(-2deg);
   clear:both;
}
.schatten:after {
   -webkit-transform: rotate(2deg);
   -moz-transform: rotate(2deg);
   -o-transform: rotate(2deg);
   -ms-transform: rotate(2deg);
   transform: rotate(2deg);
   right: 20px;
   left: auto;
   clear:both;
}
 
/* Spezial Hover für Bilder mit Scale */

.image-td img, .image-img, .image-item img, .imageEntry img, .image-gallery-item img, .youtube-player img, .news-teaser-right img,
.iso-image-gallery-item img, .isotope-image-item img{
 transition:0.6s all ease-in-out;
}

.imgtxt-left img:hover, .imgtxt-right img:hover, .imgtxt-column-left-image img:hover, .imgtxt-column-right-image img:hover, .image-td img:hover {
   -webkit-transform: 	translateY(10px) scale(1.3);
   -moz-transform: 		translateY(10px) scale(1.3);
   -o-transform: 		translateY(10px) scale(1.3);
   -ms-transform: 		translateY(10px) scale(1.3);
	transform:			translateY(10px) scale(1.3);
	filter:brightness(0.9);
  	cursor:pointer;
	}

.image-item img:hover, .imageEntry img:hover, .image-gallery-item img:hover, .iso-image-gallery-item img:hover, .isotope-image-item img:hover{
   -webkit-transform: 	translateY(10px) scale(1.3);
   -moz-transform: 		translateY(10px) scale(1.3);
   -o-transform: 		translateY(10px) scale(1.3);
   -ms-transform: 		translateY(10px) scale(1.3);
	transform:			translateY(10px) scale(1.3);
	filter:brightness(0.9);
  	cursor:pointer;
	} 
	
.n/ews-teaser-right img:hover{
   -webkit-transform: 	translateY(2px) scale(1.05);
   -moz-transform: 		translateY(2px) scale(1.05);
   -o-transform: 		translateY(2px) scale(1.05);
   -ms-transform: 		translateY(2px) scale(1.05);
	transform:			translateY(2px) scale(1.05);
	filter:brightness(0.9);
  	cursor:pointer;
	} 

/* Bild-Schatten ------------------------------------------------*/
.schatten:before, 
.schatten:after {
   z-index: -1;
   position: absolute;
   content: "";
   width: 50%;
   max-width: 500px;
   top: 80%;
   bottom: 14px;
   left: 19px;   
   background: rgba(0,0,0,0.4);
   -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.4);
   -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.4);
   box-shadow: 0 15px 10px rgba(0,0,0,0.4);
   -webkit-transform: rotate(-3deg);
   -moz-transform: rotate(-3deg);
   -o-transform: rotate(-3deg);
   -ms-transform: rotate(-3deg);
   transform: rotate(-3deg);
}
.schatten:after {
   -webkit-transform: rotate(3deg);
   -moz-transform: rotate(3deg);
   -o-transform: rotate(3deg);
   -ms-transform: rotate(3deg);
   transform: rotate(3deg);
   right: 19px;
   left: auto;
}

.rahmen {
	background: white;
    padding: 5px 5px 5px 5px;   
    border: 1px solid rgba(0,0,0,0.4);
	}

.artikel-hg .schatten:before, 
.artikel-hg .schatten:after {
   width: 50%;
   max-width: 500px;
   top: 80%;
   bottom: 40px;
   left: 34px;   
}

.artikel-hg .schatten:after {
   right: 34px;
   left: auto;
}

/* One Image ----------------------------------------------------------------------------------- */
.one-image 		{ border: 1px solid rgba(0,0,0,0.2); padding: 5px; background: rgba(255,255,255,0.3); overflow: hidden;}
.one-image img	{ f/loat: left; width: 100%;height: 100%; }
.one-image 	p	{ font-size: 1.0em; padding: 3px 3px 0px 3px; margin: 0;}
/* verhindern Anzeige Indicator & Controls in Standard-Template images.tmpl bzw. formatiert diese */
.indicators, .controls{
	display:none;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	bo/rder-top: 1px solid black;
	}
	
.indicators li, .controls a{
	display: inline-block;
	padding: 5px 10px 5px 10px;
	border: 1px solid grey;
	border-radius: 6px;
	}

/* Bootstrap Menü Klassen     in extra CSS Datei */
/* Bootstrap Template Klassen in extra CSS Datei */


/* Google Schriftarten --------------------------------------------- 
font-family: 'Poiret One', cursive;
font-family: 'Montserrat', sans-serif;
font-family: 'Hind', sans-serif;
*/
abbr[title] {background: red;}

/* CSS-Klassen für die GLOBALE Einstellung des Templates -------------------------------------------*/
* {margin: 0;padding: 0;}
:focus {outline: medium none;}
.link-top{ visibility:hidden;} 

/* Scroll-Leiste -----------------------------------------------------------------------------------*/
::-webkit-scrollbar { width: 0px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0); border-radius: 10px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0); border-radius: 10px;}
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0); }

/* Clearfix -----------------------------------------------------------------------------------*/
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; clear: both;}

/* -Einstellungen der Website global ---------------------------------------------------------------*/
html {	
	display: block;
	height: 100%;
	width: 100%;
	-khtml-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	margin: 0;
	padding: 0;
	overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
	
}

body {	
	
	font-family: 'montserratregular', 'montserratmedium' , 'montserratbold' , sans-serif;
	f/ont-family: 'open_sansregular', 'open_sansbold' , 'open_sansextrabold' , sans-serif;
    display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

/* fester Hintergrund ohne scroll auch bei Mobilgeräten --------------------------------------------*/


/* fester Hintergrund ohne scroll auch bei Mobilgeräten */
body:after{
	content:"";
	position:fixed; /* stretch a fixed position to the whole screen */
	height:100vh; /* fix for mobile browser address bar appearing disappearing */
	z-index:-1; /* needed to keep in the background */
	top:0;
	left:0;
	right:0;
	b/ackground-image: url(../images/page/bg01.jpg);
	background-size: 100%, 100%;
	background-position: 100% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)  { /* IPAD2 */
	body{ overflow-y:scroll;}
}

/* ------------------------------------------------------------------------------------------------ */

/* Globale Schrift-Arten und evtl. Hintergründe --------------------------------------------------- */
.h1, .h2, .h3, h1, h2, h3 { margin-top: 5px;}

h1 {
	f/ont-family: 'Michroma', sans-serif;
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
	
#content h3 {
    f/ont-family: 'Michroma', sans-serif;
    color: rgba(0,67,127,1.0);
    background-repeat: no-repeat;
	background-position: 0px 0px;
}

#content h2 {
    f/ont-family: 'Michroma', sans-serif;
	font-size: 1.6em;
	line-height: 1.4em;
    color: black;
    background-repeat: no-repeat;
	background-position: 0px 0px;
}

#content figcaption > h2 {
	color: white;
	font-size: 1.0em;
}
#c/ontent h4:before { /* Zeichen vor der Überschrift */
   font-family: FontAwesome;
   content: "\f1ce";
   display: inline-block;
   padding-right: 5px;
   v/ertical-align: middle;
   color: blue;
}

p{
	f/ont-family: 'Open Sans', sans-serif;
}

a {
	f/ont-family: 'Open Sans', sans-serif;
}

strong {
	font-family: 'montserratsemibold';
	font-weight: 100;}
/* Globale Schrift-Grössen und Abstände -------------------------------------------------------- */

h1 {
	font-size: 1.8em;
	line-height: 1.6em;
	margin-top: 30px;
	padding-bottom: 10px;
}

h2 {
}
	
h3 {
	font-size: 1.6em;
	line-height: 1.8em;
	margin-left: 3px;
	font-weight: 600;
}

h4 {
	font-weight: 600;}
}

h5 {
	font-size: 1.4em;
	margin-left: 15px;	
	padding-top: 5px;
	padding-bottom: 5px;
}

.right-container h3, .left-container h3{
	font-size: 1.3em;
	}

.right-container p, .left-container p{
	t/ext-align: justify;
	}

p{
	font-size: 1.15em;
}

a {
	f/ont-size: 1.15em;
}

#content ul li {
	f/ont-size: 1.15em;
	list-style: circle;
	margin-left: 5%;

	}

#content ul, #content ol {
    margin-left: 30px;
    font-size: 1.15em;

}

#c/ontent ul p {
    f/ont-size: 0.80em;
    margin-bottom: 0;
}
	
.right-container .carousel h3, .left-container .carousel h3{
	font-size: 1.1em;
}

/* Globale Schrift-Farben ------------------------------------------------------------- */
h1 {
	c/olor: white;
}
	
h3 {
	color: rgba(0,67,127,1.0);
}

h5 {
	color: black;
	font-weight: 700;
}

h5 {
}

.right-container h3, .left-container h3{
	}

.right-container h4, .left-container h4{
	}
	

p{
	c/olor: white;
}

a {
	c/olor: white;
}

ul li {
	c/olor: white;
	}

/* ENDE -Globale Schrift-Arten, Schrift-Grössen und Schriift Farben -------------------------- */
/* -Tooltip ---------------------------------------------------------------------------------- */
#tooltip {
    background-color: rgba(204,204,204,0.9);
    border: 1px solid rgba(6,7,50,0.9);
	border-radius: 15px;
	color: rgba(6,7,50,1.0);
    padding: 5px 12px;
	z-index: 99999;
	-webkit-box-shadow:  3px 2px 8px rgba(0,0,0,0.3);
}
/* GO TO TOP Button unten rechts  -------------------------------------------------------------*/
.gototop{
	position: fixed;
	bottom: 70px; 
	right: 10px;
	background: rgba(232,44,12,0.6); /*rot */
	padding: 8px 6px 6px 8px;
	color: #fff;
	border-radius: 6px;
	display:none;
}
	
.gototop i{line-height: 0.5em;}

/* ENDE -GO TO TOP Button unten rechts  ------------------------------------------------------------*/
/* Farben  -----------------------------------------------------------------------------------------*/
.yellow{
	background: rgba(255,248,220,0.8);
	}

.black{
	background: rgba(0,0,0,0.2);
	}

.red{
	background: rgba(255,0,0,0.2);
	}
	
.green {
	background: rgba(0,255,0,0.2);
    }

.linear-gradient {
	background-image: repeating-linear-gradient(-45deg , rgba(12,28,42,0.3) 34%, rgba(69,96,118,1.3) );
    }

#content .linear-gradient h3{ 
	margin-bottom: 20px; color: white; 
	}

/* ---Styles für animiertes Modal (Bootstrao 3.5 für Social Network Teilen   ----------------------------------------------------------------*/
.modal-dialog {
  	width: auto;
  	height: auto;
    max-width: 650px;
    max-height: 80%;
    margin: 30px auto;
}

.animated-modal {
  width: auto;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
  transform: translateY(-50px);
  transition: all .7s;
}

.animated-modal h3,
.animated-modal p {
  transform: translateY(-50px);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: .4s;
}

.animated-modal h3{
	text-align: center;
	padding-bottom: 25px;
}

.share_link{ /* für Anzeige des Links im Modal */
	margin-top: 35px;
	overflow: hidden;
	white-space:nowrap;
	border-bottom: 1px solid #d7d7d7;
	text-align:left;
	padding: 0px 0px 0px 5px;
}

.share-button{ /* Button im Artikel (für die Button ist Font Awesome nötig)  */
	border: 1px solid black;
	border-radius: 3px;
	padding: 4px 6px 2px 6px;
	background: rgba(205,255,255,0.6);
}

.modal-content{
	margin-top: 200px;
	min-height: 250px;
	padding: 10px;
	}
	
.modal-body{
	padding-top: 30px;
	text-align: center;

	}

.btn-share {
	color: white;
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
	}

.btn-facebook {
	background-color: #4C67A1;
}

.btn-facebook:before { /*  */
   font-family: FontAwesome;
   content: "\f09a";
   display: inline-block;
   padding-right: 5px;
   color: white;
}

.btn-facebook:hover {
	color: #fff;
	background-color: #405D9B;
}

.btn-facebook:focus {
	color: #fff;
}

.btn-twitter {
    background: #1da1f2;
}

.btn-twitter:before { /*  */
   font-family: FontAwesome;
   content: "\f099";
   display: inline-block;
   padding-right: 5px;
   color: white;
}

.btn-twitter:hover {
	color: #fff;
	background-color: #405D9B;
}

.btn-twitter:focus {
	color: #fff;
}

.btn-pinterest {
    background: #bd081d;
}

.btn-pinterest:before { /*  */
   font-family: FontAwesome;
   content: "\f231";
   display: inline-block;
   padding-right: 5px;
   color: white;
}

.btn-pinterest:hover {
	color: #fff;
	background-color: #aa0719;
}

.btn-pinterest:focus {
	color: #fff;
}

.btn-google {
    background: #d24130;
}

.btn-google:before { /*  */
   font-family: FontAwesome;
   content: "\f0d5 ";
   display: inline-block;
   padding-right: 5px;
   color: white;
}

.btn-google:hover {
	color: #fff;
	background-color: #aa0719;
}

.btn-google:focus {
	color: #fff;
}

tag { /* Button im Artikel (für die Button ist Font Awesome nötig)  */
	position: absolute;
	top: 10px;
	right: 10px;
	border: 0;
	padding: 0;
}

tag img{ /* Button im Artikel (für die Button ist Font Awesome nötig)  */
	width: 30px;
	height: 30px;
	border: 0px solid green;
	border-radius: 3px;
	padding: 0;
	margin: 0;
}

/* -----------------------------------------------------------------------------------------------*/
/* https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
/* - Video -------------------------------------------------------------------------------------*/
/* [youtube]vmfVplm4idE[/youtube]  /inc_script/frontend_redner/youtube.php */
.video-container-wrapper {
    position: relative;
	float: left;
	max-width: 669px;
	width: 50.0%;
	left: 0;
	right:0;
    background-color: #ccc;
    background-clip: border-box;
	margin :  0px 10px 0px 0px;
	padding: 10px 10px 10px 10px;
}

.left-container .video-container-wrapper, .right-container .video-container-wrapper {
		width: 100.0%;
		padding: 10px 0px 10px 0px
}

@media only screen and (max-width : 768px) { 
	.video-container-wrapper {
			max-width: 100%;
			width: 100.0%;
			padding: 10px 0px 10px 0px
	}
}



.video-container {
    position: relative;
    padding-bottom: 56.284%; /* -  16/9    - */
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* - Video -------------------------------------------------------------------------------------*/
/* [youtube_fancybox]vmfVplm4idE[/youtube_fancybox]  /inc_script/frontend_redner/ */
.video-card {
    position: relative;
	width: 100.0%;
	height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ccc;
    background-clip: border-box;
	border: 1px solid rgba(0,0,0,0.2);
}

.video-card p{
	margin: 0;
}

.video-card-img-top {
    width: 100%;
	height: 272px;
	overflow: hidden;
}

.video-img-wrapper{
    width: 100%;
	max-height: 60%;
	margin:0;
	
	overflow: hidden;
	border: 0px solid red;
}
.video-card img{
	top: 0;
    width: 100%;
    margin-top: -9%;
    margin-bottom: -9%;
}
.video-img-fluid {
    max-width: 100%;
    height: auto;
	border: 10px solid yellow;
}

.video-card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

/* PHPWCMS Spezifische Einstellungen    --------------------------------------------------------*/
/* Button   ------------------------------------------------------------------------------------*/
.link 			 	{padding: 5px 10px 5px 10px;margin-top: 5px; margin-left: 0px;}
.link-back		 	{z-index:-1}
.linklist 		 	{margin-left: 20px;}

/* benötigt, wenn abstand spaceBeforeCP oben unten nicht geht vllt ab 1.9.2. nicht mehr --------*/
.link-top{ visibility:hidden;} 
.s/paceBeforeCP      { clear: both; min-height: 1px; margin-top: -1px;}
.s/paceAfterCP       { clear: both; height: 1px; margin-top: -1px;}

.link[class*="col-"] {
	padding-left: 0px;
}

pre {
    height: auto;
    max-height: 300px;
    padding: 15px 25px 15px 25px;
	white-space:pre-line;
}

/* Suche  ---------------------------------------------------------------------------------------*/
form {
	margin-top: 10px;
}
.form-control {
    display: inline-block;
    width: auto;
}
.search-item {
	margin-top: 15px;
	margin-bottom: 10px;
	border-radius: 6px;
}
.search-item .highlight{
	font-style: normal;
	font-weight: 700;
	c/olor: #03F;
	}
/* Ende Suche  -----------------------------------------------------------------------------------*/
.tab-content img {
	float:left;
    margin-right: 15px;
    margin-bottom: 5px;
    max-width: 100%;
	vertical-align: top
}
.tabpanel p{
	float:left;
	}
/* Sitemap PHPWCMS Spezifisch---------------------------------------------------------------------*/
/*Sitemap Hintergrund*/
.sitemap{
	min-height: 160px;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 6px;
    bo/rder: 1px solid rgba(0,0,0,0.2);
	background-color: rgba(255,255,255,0.2);
	}

.sitemap .sitemap {
	background-color: rgba(204,204,204,0.0);
	border: 0px solid transparent;
	padding: 0px;    
}

.sitemap ul{
    margin-top: 0;
    margin-bottom: 0px;
}

ul.sitemap {
    m/argin-bottom: 0px;
}

.sitemap>li{
	margin-left: 30px;
	list-style:  circle;
}

.sitemap ul li{
	margin-left: 0px;
	list-style:  circle;
}

.sitemap li a{
	font-size: 1.2em;
}

/* ENDE Sitemap ----------------------------------------------------------------------------------*/
/*- Standard ------------------------------------------------------------------------------------ */
.news-header{}
.news-pagination{ margin-top: 10px;}
.newsEntry .link {padding: 5px 10px 5px 0px; margin-top: 5px;}
hr    {margin-top: 0px;margin-bottom: 10px;border: 1px solid rgba(0,0,0,0.1);}

.newsEntry{
    width: 100%;
    height: auto;
	margin-bottom: 4px;
}

.newsEntry img{
	margin-left: 0;
	margin-bottom: 14px;
}

.copyright{display: none;}
.news{
    width: 100%;
    height: auto;
	padding: 10px 20px 10px 20px;
	border-radius: 6px;
  	border: 1px solid rgba(0,0,0,0.2);
	margin-bottom: 4px;
}

.news-content[class*="col-"], .news-pagination[class*="col-"] {
	padding: 0px;
}

.news-tag{
	padding: 2px 5px 2px 5px;
  	background: rgba(0,0,0,0.1); 
  	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 3px;
}

.news-teaser-right {
	float: left;
 	width: 100%;
 	height: auto;
	margin-bottom: 1px;
  	padding: 15px 15px 10px 15px;
	overflow: hidden;
  	background: rgba(255,255,255,0.8); 
	border-radius: 6px;
  	border: 1px solid rgba(0,0,0,0.2);
}

.news-teaser-right h1, .news-teaser-right h2, .news-teaser-right h3, .news-item h2 {
  	margin-top: 0px;
	font-size: 1.3em;
	text-align: left;
}

.news-item h2, .news-item h3 {
	p/adding-left: 15px;
  	margin-top: 0px;
	font-size: 1.3em;
	text-align: left;
}

.news-item p {
	font-size: 1.0em;
}

.news-teaser-right p{
  	padding-top: 10px;
  	padding-bottom: 10px;
  	p/adding-left: 0px;
}

.news-teaser-right img{
	width: 100%;
	max-width: 100%;
	height: auto;
}

.news-teaser-right-image{
	display: inline-block;
	width: 30%;
	overflow: hidden;
}

.news-teaser-right-content{
	display: inline-block;
}

.news-image {
	padding: 0;
	border: 1px solid #ccc;
	overflow: hidden;
}

.news-image img{
	width: 100%;
	height: auto;
}

.news-image p{
	font-size: 0.85em;
	padding: 5px 5px 5px 5px;
	margin: 0;
}

.news-content p{
	margin: 0;
	padding: 0px 0px 10px 0px;
}
/*- Newsletter ---------------------------------------------------------------------------------- */
.articleText {margin: 0 auto; padding: 10px 0px 15px 10px; border: 1px solid blue;}

#newsletterSubscribeForm {
	w/idth: 80%;
	margin: 0 auto;
	padding: 15px 0px 15px 10px; border: 1px solid blue;
}

#newsletterSubscribeForm td{
	padding-bottom: 5px;
	}
#newsletterSubscribeForm .formLabel{
	padding: 0px;
	margin: 0px;
}

/*- News - File Entry --------------------------------------------------------------------------- */
.fileEntry h2{
	font-size: 1.2em;
	margin		: 0;
	padding-top: 0;
}
.fileEntry p{
	float: left;
	padding: 0px 3px 4px 0px;
	font-size: 0.85em;
}

.fileEntry a{
	display: inline-block;
	width: 100%;
	font-size: 0.85em;
	padding: 4px 0;
	}

.fileEntry-bildunterzeile {
	text-transform:uppercase;
	padding: 3px 3px 0px 3px;
	font-size: 0.85em;
	color: blue;
}

.fileEntry{
	float: left;
	width: 19.80%;
	margin: 1px 0.1% 1px 0.1%;
	padding: 10px 15px 5px 15px;
	opacity: 0.8;
 	border-radius: 6px;
	border: 1px solid #ccc;
}

@media(max-width:1024px) { 
	.fileEntry{
		width: 24.80%;
	}
}

@media(max-width:768px) { 
	.fileEntry{
		width: 32.80%;
	}
}

@media(max-width:480px) { 
	.fileEntry{
		width: 49.80%;
	}
}

.right-container .fileEntry, .left-container .fileEntry{
	width: 99.80%;
}

/*- Bilder fileEntry ---------------------------------------------------------------------------- */
.fileEntry-download-images{ 
	display: block;
	height: 120px;
	overflow: hidden;
	text-align:center;
	border: 1px solid #ccc;
	b/order-radius: 6px;
	}
	
.fileEntry-download-images img{ 
	width: auto;
	max-width:  100%;
	height: 	100%;
	}

.fileEntryDiscription{
	max-width: 100%;
	display: inline-block;
	}
	
@media screen and (device-aspect-ratio: 40/71) and (orientation : landscape) { /* Mobilgerät Iphone */
	.fileEntry{
		width: 49.80%;
	}
	.abstand-navbar{
		padding-top: 52px;	
	}
}

@media screen and (device-aspect-ratio: 40/71) and (orientation : portrait) { /* Mobilgerät Iphone */
	.fileEntry{
		width: 99.80%;
	}
	.abstand-navbar{
		padding-top: 52px;	
	}
}
/*-News Ende ------------------------------------------------------------------------------------ */

/*- RSS Feed Standard --------------------------------------------------------------------------- */
/*- RSS Feed Bildzeitung ist im Template definiert ---------------------------------------------- */
.feed{
	text-align: justify;
	margin-top: 30px;
	}
.feed span img {
    margin-right: 15px;
}
.feed h2{
	color: red;
	font-weight:bold;
	}
	
.feed li{
	list-style: none;
	margin-bottom: 15px;
	padding: 10px;
	border-radius: 6px;
	}	
	
.feed ul li ul li{
	border: 1px solid transparent;
	margin-bottom: 0px;
	padding: 0px;
	background: rgba(30, 63, 83,0.0);
	}

.feed{
	text-align: justify;
	margin-top: 30px;
	}
    
.feed h2{
	color: red;
	font-weight:bold;
	f/ont-size: 1.4em;
	}
	
.feed li{
	display: inline-block;
    width: 100%;
	height: auto;
	list-style: none;
	padding: 10px 20px 10px 20px;
	}	

.feed li h3 a{
	color: Black;
	}	

.feed ul li ul li{
	border: 1px solid transparent;
	margin-bottom: 0px;
	padding: 0px;
	}

.feed ul li img{
	display: inline-block;
	width: 250px;
	margin-right: 20px;
	margin-bottom: 20px;
    border: 1px solid black;
    border-radius: 6px;
	}

.feed  span img{margin-right: 15px; }
/*- Ende RSS Feed Standdard --------------------------------------------------------------------- */
/* Formulare -------------------------------------------------------------------------------------*/
.bs-example {
	width: 98%;
	max-width: 700px;
	padding: 20px;
	border: 2px solid green;
    margin-right: 0;
    margin-left: 0;
	margin: 0 auto;
    background-color: #fff;
    border-color: #ddd;
    border-width: 1px;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.fe-container {
	max-width:650px;
	padding: 2% 10% 2% 10%;
	margin: 0 auto  10px auto;
    b/ackground: rgba(0,0,0,0.1);
	border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.2);
}

.form-label {
	width: 28.0%;    
	min-width: 100px;
	margin-bottom: 3px;
}
.form-control{
	width: 70.9%; 
	max-width: 100%; 
	margin-bottm: 5px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
}

.form-field {
	margin: 5px 5px 5px 5px;
}

textarea.form-control {
	width: 100%;
}

.form-error p{
	padding: 15px;
	border-radius: 6px;
}
/* Ende - Formulare ------------------------------------------------------------------------------*/	
/* CSS-Klassen für Frontend-Edit -----------------------------------------------------------------*/
/* Ein und Ausschalten frontend-Edit Links Position fest oben rechts */
#fe-link {
	position: fixed;
	top: 3px;
	right: 10px;
	height: 30px;
	width: 30px;
	color: #FFFFFF;
	padding: 3px;
	border: 2px solid #003300;
	border-radius: 4px;
	cursor: pointer;
	z-index: 10000;
}

/* Optik der Frontend-Links allgemein ------------------------------------------------------------*/
a.fe-link{
	width: 30px;
	height: 30px;
	border-radius: 4px;
	background-size: 100%;
	}
/* Artikel-Inhalt (Contentpart) ----------------------------------------------------------------- */
/* Artikel-Struktur ------------------------------------------------------------------------------*/
a.fe-link.fe-article{	
	border: 2px solid black;
	background-color: white;
	z-index: 1000;
	}

a.fe-link.fe-CP{
	border: 2px solid red;
	background-color: yellow;
	z-index: 1000;
	}
/*- Menü-Struktur --------------------------------------------------------------------------------*/
a.fe-link.fe-structure{
	border: 2px solid red;
	z-index: 1000;
	}
/*- Artikel-Basis-Information Article-Summary ----------------------------------------------------*/
a.fe-link.fe-summary{
	border: 2px solid blue;
	z-index: 1000;
}

a.fe-link.fe-news{
	max-width: 30px;
	border: 2px solid black;
	background-color: white;
	}

/* verhindern Anzeige Indicator & Controls in Standard-Template images.tmpl bzw. formatiert diese */
.indicators, .controls{
	display:none;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	bo/rder-top: 1px solid black;
	}
	
.indicators li, .controls a{
	display: inline-block;
	padding: 5px 10px 5px 10px;
	border: 1px solid grey;
	border-radius: 6px;
	}
/*---------------------------------------------------------------------------- */
/* COL-HIDE für rechte und linke Spalte, wenn nicht vorhanden -------------------------------------*/ 
.col-hide{display: none; width: 0%;padding: 0; margin-0;}
[class*="col-"] {min-height: 0;}

/* CSS-Klassen für die GLOBALE Einstellung des Templates */
/* generell / Container / Inhalte -----------------------------------------------------------------*/
/* Abstand zur NAVBAR abhängig von der Art der NAVBAR ---------------------------------------------*/
.abstand-oben-slider {
	m/argin-top: 20px; /* Abstand oben wegen Navbar Fixed */
}

@media only screen and (max-device-width : 768px) {
	.abstand-oben {
		margin-top: 53px; /* Abstand oben wegen Navbar Fixed */
	}
}

@media (max-width: 768px) {
	.abstand-oben {
		m/argin-top: 63px; /* Abstand oben wegen Navbar Fixed 07.06.2022 */
	}
}
@media (min-width: 990px){
	.abstand-oben-slider {
		margin-top: 64px; /* Abstand oben wegen Navbar Fixed */
	}

	.abstand-oben {
		margin-top: 60px; /* Abstand oben wegen Navbar Fixed */
		p/adding-top: 40px;
}

	.left-container{
		padding-right: 5px;
	}
	.right-container{
		padding-left: 5px;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
	.abstand-oben-slider {
		margin-top: 54px; /* Abstand oben wegen Navbar Fixed */
	}

}
/* Seitenaufteilung  ------------------------------------------------------------------------------*/
#wrapper, .wrapper{ /* mindesthöhe der Seite */ 
	height: auto !important; 	
	min-height: 96.6% !important; 
	padding-top: 50px;
	padding-bottom: 30px;
	background-color: rgba(255,255,255,0.5);
	background-image: repeating-linear-gradient(-27deg ,  rgba(69,96,118,0.2) 48%, rgba(12,28,42,0.2));

}

#slider_full_width{ /* mindesthöhe und Abstand des Slider nach unten */ 
	m/in-height: 300px !important; 	
	margin-bottom: 30px;
    align-content: center;
}

/* Video vollformat aber nur max 650 hoch  -----------------------------------------------------------*/
.video-wrapper  {
    width: 100%    !important;
    max-height: 650px   !important;
	overflow:hidden;
 }

/* Beispiel für Videoeinbindung im Sliderbereich
<video width="1920" height="1080" id="bgvid" poster="mp4/trailer_bild.jpg" preload="auto" muted autoplay loop >
  <source src="template/01-bs-template/video/Wheat-17285.mp4" type="video/mp4">
</video>
*/

.container {
	width: 100%;
	max-width: 1400px; /* Breite Content */
	margin: 0 auto;    /* Zentrierung */
}

@media (min-width: 1200px){
	.container_fluid {
	  margin-left: 20px;
	  margin-right: 20px;
	}
}

/* CSS-Klassen Rechte und Linke Spalte -------------------------------------------*/
.content-container, .right-container, .left-container{
	p/adding-top: 30px;
	}

.right-container, .left-container{
	margin-top: 55px;
	}

.right-container .carousel-control, .left-container .carousel-control{
	display:none;
	}

/* Ende -- CSS-Klassen Rechte und Linke Spalte ------------------------------------*/
/* Abstände der einzelnen Sessions / Contents -------------------------------------*/
#content-top{
	padding-top:30px;
	padding-bottom:15px;
	}

.margin-55{
	margin-top: -55px;
	}
	
#content-top-full{
	padding-top:25px;
	padding-bottom:25px;
	}

#breadcrumb{
	margin-bottom: 0;
	border-radius: 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	b/ackground-image: linear-gradient(15deg, white 0%, #0c1c2a 50%);
}

.breadcrumb {
    padding: 10px 15px 10px 15px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}

#breadcrumb .fa-circle-o {font-size: 0.80em;}

.breadcrumb a {
    padding: 2px 3px 2px 3px;
	color: #a9afb5;
}

#breadcrumb span { /* nicht verlinkter Text in Breadcrumb */
    padding: 2px 5px 2px 5px;
}

#footer{
 	background-color: #0c1c2a; 
	b/ackground-image: linear-gradient(10deg,#456076 35%, #0c1c2a 25%);
	background-image:   linear-gradient(-28deg ,  #13426C  21.0%, #13426C 10% );
	color: #a9afb5;
}

#footer .linklist	{margin-left: 0px;}	

#footer-widgets .row [class*="col-"] {
    padding: 15px 10px 15px 15px;
	min-height: 210px; 
}

#footer-widgets h3{
	font-weight:200;
	font-size: 1.3em;
	padding: 0px;
	color: #a9afb5;
}

#footer-widgets h4{
	font-size: 1.0em;
	padding: 0px;
}

#footer-widgets address .fa{
    padding-right: 5px;
}

#footer-widgets address, #footer-widgets address a {
   color: whitesmoke;
}

#footer-widgets .address-kopf {
	font-size: 1.1em;
	color: white;
	padding-bottom: 5px;
	f/ont-style: italic;
}
#footer-widgets .address-kopf:hover{
	text-decoration: none;
	color: #ccc;
}

#footer-widgets address, dl {
     margin-bottom: 5px;
}

#footer-widgets  li{ list-style: none; color: #a9afb5}
#footer-widgets .linklist{list-style:none; color: #a9afb5}

.table {  
	border-radius: 6px;
	overflow: hidden;
}

.table tr {
	background-color: rgba(241,249,255,0.5);
}

.table tr:nth-child(2n+1) {
	background-color: rgba(227,242,255,0.5);
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 12px;
    line-height: auto;
    border-top: 0px solid #ddd;
}

/* --Links Footer Widgets ---------------------------------------------------------*/
/* Pfeil vor Footer-Link */
.topbar .email:before, #footer-widgets .email:before {
    content: '\f003'; /* fa-envelope-o */	
    font: 100 95%/24px "FontAwesome";
	padding-right: 8px;
}

.email:before {
    content: '\f003'; /* fa-envelope-o */	
    font: 100 1.2em/24px "FontAwesome";
    c/olor: #2C99CE;
	padding-right: 8px;
}

#footer-widgets li:before {
    content: '\f105'; /* fa-envelope-o */
    font: 400 16px/24px "FontAwesome";
    color: #2C99CE;
	color: whitesmoke;
	padding-right: 8px;
}

#footer-widgets li a 		{color: whitesmoke;}
#footer-widgets li a:hover 	{color:  white; text-decoration:none;}
#footer-widgets .list-inline li a:hover {color:  blue; text-decoration:none;}

/* -- Links Footer Widgets NAV PILLS (Menü ganz unten in der Seite -----------*/
#footer-copyright{	margin-bottom: 0; border-top: 1px solid rgba(153,153,153,0.3);}
#footer-copyright a, .footer-menu a {color: #a9afb5;}
#footer-copyright p{font-size: 1.0em; margin: 0;padding: 10px 0px 10px 0px; color: #a9afb5;letter-spacing:  2px;}
.footer-menu   {text-align:right; }
.footer-menu a {color: #a9afb5;}

/* --------------------------------------------------------------------------*/ 

/* Optik & Größe Karten Google Maps  ----------------------------------------*/
.map, #map {
  width: 100%;
  height: 400px;
  background: rgba(0,0,0, 0.1);
  border: 2px solid rgba(0,0,0, 0.1);
  border-radius: 6px;
}

#google-map {
       width:100%;
       height:100%;
	   z-index: 0;
    }
	
.gm-style-iw * {
	display: block;
	width: 100%;
}

.gm-style-iw h4, .gm-style-iw p {
	margin: 0;
	padding: 0;
}

.gm-style-iw a {
	color: #4272db;
}

#google-map-wrap {   
	position: relative;   
	 width:100%;
     height:450px;
	 border-radius: 6px;
	 overflow: hidden;
	 }

#google-map-wrap .google-maps-adresse {
	position: absolute;   
    top: 10%;
    right: 55px;
	padding: 20px 35px 20px 25px;
	background: rgba(255, 255, 255, 0.9);
	height: auto;
	width: auto;
	z-index: 1;
	border-radius: 6px;
	box-shadow: 0 3px 11px 5px rgba(0, 0, 0, 0.1);
}

.google-maps-adresse h4{
	margin-bottom: 15px;
}
.google-maps-adresse .fa-map-marker{font-size: 1.2em;}
.google-maps-adresse p{
	padding-left: 15px;
	font-size: 1.1em;
}

.google-maps-adresse .fa{
    padding-right: 10px;
}

/* Hintergründe Artikel  -------------------------------------------------------------*/

.artikel-hg, .news-teaser-right-hg, .news-hg {
	margin-bottom: 10px;
	padding: 10px 15px 10px 15px;
	border-radius: 6px;
    background-color: rgba(204,204,204,0.3); /* #ccc */
    border: 1px solid rgba(0,0,0,0.2);
}

.artikel-rahmen{
	margin-bottom: 10px;
	padding: 10px 15px 10px 15px;
	border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.2);
}

.rahmen-farbe{
    border-color: red;
}

.artikel-rahmen-min-height{
	min-height: 170px;
}

.artikel-shadow{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.artikel-inset{
	margin-bottom: 10px;
	padding: 10px 15px 10px 15px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.2);
}

.content-container .artikel-rahmen{
	margin-bottom: 10px;
	padding: 10px 15px 10px 15px;
	border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.2);
}

/* -- Social Icons -------------------------------------------------------------------------------- */
.icons{
    float:left;
	margin-top: 10px;
	margin-right: 20px;
	}
	
.icon{
	display:inline-block;
	text-align:center;
	padding-left: 3px;
	}
	
.icon-link{
	display:block;
	text-align:center;
	width:40px;height:40px;
	}
	
.icon-link .icon-wrapper{
	display:block;
	height:100%;
	overflow:hidden;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	border:2px solid;
	will-change:transform;
	}

.icon-link .icon-wrapper .icon{
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	font-size:1.2em;
	line-height:40px;
	transition:.3s ease-out all;
	}

.iphone .icon-link .icon-wrapper,.ios .icon-link .icon-wrapper,.android .icon-link .icon-wrapper,.mobile .icon-link .icon-wrapper,.tablet .icon-link .icon-wrapper{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.iphone .icon-link .icon-wrapper .icon,.ios .icon-link .icon-wrapper .icon,.android .icon-link .icon-wrapper .icon,.mobile .icon-link .icon-wrapper .icon,.tablet .icon-link .icon-wrapper .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg);}

.icon-link-default .icon-wrapper{
	border-color:#fff;
	background:rgba(8,8,8,0.6);
	}

.icon-link-default .icon-wrapper .icon 			{color:#fff;}
.icon-link-default:hover .icon-wrapper			{border-color:#9c76b1;background:rgba(8,8,8,0.9);}
.icon-link-default:hover .icon-wrapper .icon	{color:#9c76b1;}

/* -- Ende Social Icons --------------------------------------------------------------------------- */
/*- Fehler 404 ---wird bei mehrsprachig nicht mehr benötigt --------------------------------------- */
.fehler-404 {
    width: 80%;
    margin: 11% auto;
    font-size: 1.2em;
    height: auto;
	min-height: 460px;
    background-image: url(../images/page/Fehler-404-03.png);
    background-position: 50% 100%;
	
}

.fehler-404 .image-text {
    height: 100%;
    padding: 30px;
    background: rgba(255, 255, 255,0.8);
    border: 4px solid red;
    border-radius: 6px;

}

.fehler-404 .image-text h3{ 
	font-size: 1.8em;
	color: red;
}
/*- ENDE Fehler 404 ------------------------------------------------------------------------------- */
/* Bootstrap Custom Einstellungen  -----------------------------------------------------------------*/
.jumbotron {
    background-color: rgba(204,204,204,0.5); /* #ccc */
}
	
/* Bootstrap Panel ---------------------------------------------------------------------------------*/
.panel-hg { /* Accordion Content */
	background: rgba(0,0,0,0.5);
}

.panel { /* Accordion Content */
	background: transparent;
	border-color: rgba(0,0,0,0.0);
    margin-bottom: 5px;
}

.panel-default>.panel-heading { /* Accordion Button */
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    border-color: transparent;
}

.panel-title{
    margin: 0;
    padding: 0;
    font-size: 14px;
    color:   white;
}

h3.panel-title {
	margin: 0;
    padding: 0;
}

.panel-heading {
	height: 100%;
    margin: 0;
    border-radius: 6px;
}

.panel-default>.panel-heading a:hover {
    color:   #CCC;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{
 	margin-left: 10px;
	margin-right: 10px;
   	border-radius: 6px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border: 1px solid rgba(0,0,0,0.5);
}
/* Ende Bootstrap Panel ----------------------------------------------------------------------------*/
/* Ende Bootstrap Custom Einstellungen  ------------------------------------------------------------*/
/* BS -Slider ------------------------------------------------------------*/


#content .carousel-caption h3 {
  color: white;
}

/* Test Klassen  -----------------------------------------------------------------------------------*/

.test-shadow{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}
.test-shadow:before,
.test-shadow:after{content:'';display:block;position:absolute;width:100%;height:200px;left:0;box-shadow:0 0 70px rgba(51,51,51,0.6);z-index:-1}
.test-shadow:before{top:0;transform:perspective(200px) rotate3d(1, 0, 0, -3deg) scale(0.97)}
.test-shadow:after{bottom:0;transform:perspective(200px) rotate3d(1, 0, 0, 3deg) scale(0.97)}

.text-image {
	font-size: 8em; 
    font-family: "Arial Black";
    line-height: 200%;
    text-align: center;
    background-image: url(../images/page/blume.jpg);
    background-size: 100%;
	background-attachment:fixed;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px black;
}

@charset "UTF-8";
/* CSS Document */
/* Topbar --------------------------------------------------------------------------------- */
.topbar{
	margin-top:0;
	b/ackground: rgba(38,38,38,0.8); 
	b/order-bottom: 1px solid rgba(38,38,38,0.8);     /* grau */
	-webkit-transition: padding .6s ease-in-out, margin-top .6s ease-in-out;
    -moz-transition: 	padding .6s ease-in-out, margin-top .6s ease-in-out;
	-o-transition:      padding .6s ease-in-out, margin-top .6s ease-in-out;
	-ms-transition:     padding .6s ease-in-out, margin-top .6s ease-in-out;
    transition: 		padding .6s ease-in-out, margin-top .6s ease-in-out;
	}
	
.navbar-custom .topbar .container{
	padding: 5px 0px 5px 0px;
	-webkit-transition: padding .6s ease-in-out, margin-top .6s ease-in-out;
    -moz-transition: 	padding .6s ease-in-out, margin-top .6s ease-in-out;
	-o-transition:      padding .6s ease-in-out, margin-top .6s ease-in-out;
	-ms-transition:     padding .6s ease-in-out, margin-top .6s ease-in-out;
    transition: 		padding .6s ease-in-out, margin-top .6s ease-in-out;
	}

.topbar, .topbar .fa, .topbar a, .topbar span{
	font-size: 95%;
	c/olor: #fff;
	margin-left: 0;
	}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 5px;
}



.navbar-custom .navbar-brand {
	  position: relative;
	  top:  1px; /* ohne scroll */
	  left: 2px;
		width: 196px;
		height: 50px;
	  background:   url(../images/logos/logo.png);
	    background-position:  100% -3px;
	  background-size: 100% 100%;
	  -webkit-transition: width .6s ease-in-out, height .6s ease-in-out, height .6s ease-in-out, top .6s ease-in-out;
	  -moz-transition: 	width .6s ease-in-out, height .6s ease-in-out, height .6s ease-in-out, top .6s ease-in-out;
	  -o-transition:      width .6s ease-in-out, height .6s ease-in-out, height .6s ease-in-out, top .6s ease-in-out;
	  -ms-transition:     width .6s ease-in-out, height .6s ease-in-out, height .6s ease-in-out, top .6s ease-in-out;
	  transition: 		width .6s ease-in-out, height .6s ease-in-out, height .6s ease-in-out, top .6s ease-in-out;
		}

/* ------------------------------------------------------------------------------------------- */
/* -Language Switsch ------------------------------------------------------------------------- */
.topbar .lang-switch {
	width: 20px;
	height: 14px;
	margin-left: 5px;
	padding-top: 2px;
}

.lang-switch:hover {
	border-top: 	2px solid yellow;
	border-bottom:  2px solid yellow;
	}

#footer .lang-switch {
	width: 25px;
	height: 20px;
	margin-left: 5px;
	padding-top: 2px;
}

#footer .lang-de, .topbar .lang-de{
	content:url("../images/sprache/icon_de.png");
}

#footer .lang-en, .topbar .lang-en {
	content:url("../images/sprache/icon_en.png");
}

#footer .lang-it, .topbar .lang-it{
	content:url("../images/sprache/icon_it.png");
}

#footer .lang-fr, .topbar .lang-fr{
	content:url("../images/sprache/icon_fr.png");
}
/* Navbar Custom ------------------------------------------------------------------------------*/
.navbar-custom { 
	b/ackground-color:   rgba(255,255,255,1.0);
	border-color:       rgba(0,0,0,0.2); /* Farbe Strich navbar unten */
	background-image:   linear-gradient(-28deg ,  #E3F2FF  21.0%, #E3F2FF 10% );
	-webkit-transition: background-color .6s ease-in-out, box-shadow .6s ease-in-out;
    -moz-transition: 	background-color .6s ease-in-out, box-shadow .6s ease-in-out;
	-o-transition:      background-color .6s ease-in-out, box-shadow .6s ease-in-out;
	-ms-transition:     background-color .6s ease-in-out, box-shadow .6s ease-in-out;
    transition: 		background-color .6s ease-in-out, box-shadow .6s ease-in-out;
}

@media (max-width: 1400px){
  .navbar-custom .navbar-right {
	   margin-right: 0px; 
  }
}

@media (min-width: 991px){
	
	.navbar-custom .navbar-brand{
	  position: relative;
	  t/op: -14px; /* ohne scroll */
	  l/eft: 2px;
	  width: 296px;
	  height: 70px;
	  }
	
	.navbar-custom .container{ 
		padding: 5px 10px 5px 10px;
		-webkit-transition: padding .6s ease-in-out;
    	-moz-transition: 	padding .6s ease-in-out;
		-o-transition:      padding .6s ease-in-out;
		-ms-transition:     padding .6s ease-in-out;
   		transition: 		padding .6s ease-in-out;
	}
}

.n/avbar-custom span.logo { /* Style Logo bzw. Schrift Brand nicht für Mobil*/
	font-family: 'Michroma', sans-serif;
  	font-weight: 400;
    font-size: 	 1.4em;
    letter-spacing: 3px;
	t/ext-transform: uppercase;
 	background-image: linear-gradient(24deg, white 38%, grey 45%);
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
	-webkit-transition: font-size .6s ease-in-out, letter-spacing .6s ease-in-out, background-image .6s ease-in-out;
    -moz-transition: 	font-size .6s ease-in-out, letter-spacing .6s ease-in-out, background-image .6s ease-in-out;
	-o-transition:      font-size .6s ease-in-out, letter-spacing .6s ease-in-out, background-image .6s ease-in-out;
	-ms-transition:     font-size .6s ease-in-out, letter-spacing .6s ease-in-out, background-image .6s ease-in-out;
   	transition: 		font-size .6s ease-in-out, letter-spacing .6s ease-in-out, background-image .6s ease-in-out;
	}

@media (max-width: 1173px){
  .n/avbar-custom  span.logo { /* Style Logo bzw. Schrift Brand nicht für Mobil*/
	  font-size: 	   1.1em;
	  letter-spacing: 0px;
	  background-image: linear-gradient(25.4deg, white 84.6%, grey 45%);
	  }
}

@media (max-width: 1024px){
  .n/avbar-custom  span.logo { /* Style Logo bzw. Schrift Brand nicht für Mobil*/
	  background-image: linear-gradient(25.4deg, white 74.6%, grey 45%);
	  }
}

.navbar-custom .navbar-nav>li>a, .navbar-custom .navbar-nav>.active>a {
	c/olor: white;
	background: transparent;
	margin-top:     5px;
	padding-top:    10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	border-top: 2px solid rgba(0,0,0,0.0);
	-webkit-transition: font-size .4s ease-in-out, background-color .4s ease-in-out,color .3s ease-in-out,border-top .3s ease-in-out;
	-moz-transition: 	font-size .4s ease-in-out, background-color .4s ease-in-out,color .3s ease-in-out,border-top .3s ease-in-out;
	transition: 		font-size .4s ease-in-out, background-color .4s ease-in-out,color .3s ease-in-out,border-top .3s ease-in-out;
	}

@media (min-width: 991px){
	.navbar-custom .navbar-nav>li>a:hover, .navbar-custom .navbar-nav>.active>a:hover {
		text-decoration: none;
		background-color: rgba(69,96,118, 0.1);
		b/ox-shadow: 4px 6px 10px rgba(0,0,0,0.4);
	}

	.navbar-custom .navbar-nav>.active>a  { 
		border-top:  2px solid transparent;
		c/olor: blue;
		background: rgba(0,0,0,0.0); /* aktiver Link schwarz */
		-webkit-transition: background .4s ease-in-out,color .3s ease-in-out,border-top .3s ease-in-out;
		-moz-transition: 	background .4s ease-in-out,color .3s ease-in-out,border-top .3s ease-in-out;
		transition: 		background .4s ease-in-out,color .3s ease-in-out,border-top .3s ease-in-out;
	}
	
	.navbar-custom .navbar-nav a:focus,  .navbar-custom .navbar-nav a:checked  { 
		background: rgba(0,0,0,0.0); /* schwarz / transparent */
	}

	/* scrolling navbar / darf nicht für Mobilgeräte da das ärger gibt ------------------------*/
	.navbar-custom.top-nav-collapse .container{ 
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.navbar-custom.top-nav-collapse .topbar { 
		margin-top: -20px;
	}

	.navbar-custom.top-nav-collapse {
			background-color: rgba(255,255,255,1.0); /*Farbe Navbar nach scroll */
			box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
	}
	
	.navbar-custom.top-nav-collapse span.logo { /* Style Logo bzw. Schrift Brand */
		font-size: 1.2em;
		letter-spacing: 0px;
		background-image: linear-gradient(25.4deg, white 54.6%, grey 45%);
	}
	
	.navbar-custom.top-nav-collapse .navbar-brand{ /* unter 1200px Breite der Seite */
		position: relative;
		top: 0px; /* ohne scroll */
		l/eft: 0px;
		width: 196px;
		height: 50px;
		b/order: 1px solid red;
		}
}

@media (max-width: 1024px){
	
	.navbar-custom .navbar-nav>li>a, .navbar-custom .navbar-nav>.active>a {
		font-size: 0.9em;
		}
	
	.navbar-custom.top-nav-collapse span.logo { /* Style Logo bzw. Schrift Brand nicht für Mobil*/
		background-image: linear-gradient(25.4deg, white 69.0%, grey 45%);
		}
}

	/* automatisches Aufklappen des Menü bei "hover". Kein Mausklick mehr erforderlich! darf im Mobilmodus nicht funktionieren */
	/* hover über Jquery (bs3-multilevel-menu-jquery-hover.js) , da sonst bei Klick das Dropdownmenü offen bleibt */
	
	.navbar-custom .dropdown:hover .dropdown-menu {
		border-radius: 10px;
		border-top-right-radius: 0px;
		animation:         fadeIn 0.6s;
		-moz-animation:    fadeIn 0.6s;
		-webkit-animation: fadeIn 0.6s;
		-o-animation:      fadeIn 0.6s;
		-ms-animation:     fadeIn 0.6s;
	}

	.dropdown-menu::after {
	  content: '';
 	  position: absolute;
	  animation:         fadeIn 0.6s;
	}
}

/* Multilevel Menü ----------------------------------------------------------------------------------*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-top: 0px;
    margin-left: -2px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown>ul>li{
	f/ont-size: 1.0em;
	}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

/*
.dropdown-submenu:before, .dropdown-submenu:after {
    display: block;
    content: " ";
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    background-color: blue;
}
*/

@media  (min-width : 991px) {
	/* Pfeil links wenn navbar-right */
	.navbar-right .dropdown-submenu>a:before {
		display: block;
		content: "";
		float: left;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 5px 5px 0px;
		border-right-color:  #999;
		margin-top: 5px;
		margin-right: 7px;
		margin-left: -12px;
	}
	
	/* Pfeil rechts nicht anzeigen wenn navbar-right */
	.navbar-right .dropdown-submenu>a:after {
		display: none;
	}
}

/* Pfeil rechts wenn navbar left */
.dropdown-submenu>a:after {
    display: block;
    content: "";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    l/eft: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-menu>li>a {
	c/olor: white;
}

@media  (min-width : 991px) {
	.dropdown-menu { /* Dropdown menü farbe */
		padding-left:  20px;
		padding-right: 20px;
		padding-bottom: 20px;
		b/order-color: transparent;
    	background-color: transparent;
    	background-image:   linear-gradient(-28deg ,  #E3F2FF  21.0%, #E3F2FF 10% );
		box-shadow: 4px 6px 10px rgba(0,0,0,0.4);
	}
	
  /* Navbar-right - dropdown in andere Richtung */
	.navbar-right .dropdown-menu .dropdown .dropdown-menu {
		width: 150px;
		left: -96%;
	}

	.dropdown:hover>.dropdown-menu {
		display: block;
	}
  
	.dropdown-submenu .caret {
		display:none;
	}
}

.navbar-custom .dropdown-menu a:hover{ /* hover top-links mit dropdown dropdown-link */
    color: #09F;
    background-color: transparent;
	background: rgba(0,0,0,0.0); /* schwarz */
}

@media  (max-width : 990px) {
  /* Abstand sublevel mobil    */
	.dropdown-submenu .dropdown-menu {
		padding-left: 10px;
    	margin-left: 0px;
	}
}


/* Ende Multilevel  ----------------------------------------------------------*/

/* Farben der Links -----*/
.navbar-custom .navbar-nav>.active>a  { 
		color: #a9afb5;
	}

.navbar-custom .dropdown-menu>.active>a{ /*Farbe Aktiver sub-Link */
    color: #a9afb5;
    background-color: transparent;
}

.navbar li a:hover, .navbar-custom .navbar-nav>.active>a:hover   {
	b/ackground-color: transparent; 
	background-color: rgba(69,96,118, 0.1);
	color: #337ab7;
	} 	
.navbar-custom .dropdown-menu>.active>a:hover { /* aktiver  dropdown-link hover */
	b/ackground-color: rgba(69,96,118, 0.1);
	color: #337ab7;
	} 

.navbar li a:focus   {			/* top - dropdown wenn geklickt */	        
	b/ackground-color: transparent; 
	} 		
			
.navbar .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { /* offener toplink dropdown */
	background-color: rgba(69,96,118, 0.0);
    border-color: transparent;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
}

/* Mobil Menü -----------------------------------------------------------------------------*/

.navbar-custom .navbar-toggle {
	color: black;
    padding: 6px 10px;
    background-color: transparent;
    border: 1px solid #ccc;
}

.navbar-custom .navbar-toggle:hover{
	color: white;
    background-color: grey;
}

/*Ipad Einstellung da evtl Menü für Desktop transparent --------------------------------- */
@media only screen and (max-device-width : 768px) {
	 .navbar-custom .navbar-brand { /* Style Logo bzw. Schrift Brand nicht für Mobil*/
	   	f/ont-style:  italic;
		p/adding: 15px 15px 15px 15px;
		line-height: 20px;
	}
	.navbar-custom  span.logo { /* Style Logo bzw. Schrift Brand nicht für Mobil*/
		font-size: 	   1.0em;
		letter-spacing: 0px;
		background-image: linear-gradient(24deg, white 84%, grey 45%);
		}

	.navbar-right{
		margin-right:5px;
		}
	.navbar-custom .container{ 
		padding: 0px 10px 0px 10px;
	}
}

@media only screen and (max-device-width : 768px) and (orientation : portrait) {
	.navbar-custom  span.logo { /* Style Logo bzw. Schrift Brand nicht für Mobil*/
		background-image: linear-gradient(24deg, white 59%, grey 45%);
	}
}

/* Button Bootstrap   -----------------------------------------------------------------------------*/
.btn-group {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bg-primary {
    color: #fff;
    background-color: rgba(51,122,183,1.0);
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
}

#filter{
	    margin-bottom: 0px;
	}

/* Sidebar / SideMenü BS - Linklist & NAV_LIST ----------------------------------------------------------*/
 .list-group {
	m/ax-width: 300px; /*wenn begrenzung nötig ist */
	list-style: none;
	padding-left: 0;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	b/order: 1px solid red;
    width: 100%;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	b/ackground-color:  #CCC;
	border: 1px solid #ddd;
}

h4.list-group-item{
	 border-top-left-radius: 4px;
	 border-top-right-radius: 4px;
	 text-align: center;
}

.nav_list_sidebar {
	width: auto;
	}
	
.nav_list_sidebar li{
	    list-style: none;
	}
	
.nav_list_sidebar li a{
		text-decoration:none;
	}
	
.nav_list_artikel li{
	display: inline-block;
	list-style: none;
	margin-top: 5px;
	margin-bottom: -5px;
	}

.nav_list_artikel .btn-default{ margin-bottom: 2px;}
.nav_list_sidebar .btn-block { margin-bottom: -1px;}

.right-container .sidebar {max-width: 328px; width: 100%;}	
.right-container  .affix  {margin-top: -100px; width: 24%; max-width: 328px}
	
/* Ende Sidebar ----------------------------------------------------------*/


* {
  box-sizing: border-box;
}

.cc_logo{display: none;}

.cc_banner-wrapper{
    z-index: 1100;
    position:fixed;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.3);
    display: flex;
    justify-content: center;
    align-items: center;

}  
  
.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:1.1em;transition:font-size 200ms;line-height:1em}  
  
.cc_container .cc_message{font-size:1.0em;transition:font-size 200ms;margin:0;padding:20px;line-height:1.5em;
text-align:justify;margin-bottom: 30px;

}  

.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1}  
  
@media screen and (min-width: 600px){
	.cc_container .cc_btn{font-size:0.9em; font-weight:bold;}  
	.cc_container .cc_message{font-size:0.9em}  
}  
  
@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}  
  
.cc_container .cc_message{font-size:1em;line-height:1.3em}  
  
}  
  
@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}  
  
}  
  
@media print{.cc_banner-wrapper,.cc_container{display:none}  
  
}  
  
.cc_container{
     position: absolute;
    z-index: 22222;
	p/osition:fixed;left:0;right:0;bottom:0;overflow:hidden;
	padding:10px 15px 50px;
	}  

.cc_container{
    display: flex;
    justify-content: center;
    align-items: center;
	}  
  
.cc_container .cc_btn{
	position:absolute;
	padding:8px 16px;
	background-color:#f1d600;
	background-color:red;
	bottom:10px;
	left:15px;
	right:15px;
	text-align:center;
	}  
  
@media screen and (min-width: 600px){
	.cc_container{
		left:initial;
		right:20px;
		bottom:20px;
		width:30%;
		min-width: 375px;
		padding-bottom:77px;
		}  
    
.margin-left-20 {margin-left: 20px;}
.cc_container .cc_btn{right:15px;bottom:37px}  
  
.cc_container .cc_logo{display:none;position:absolute;bottom:8px;left:calc(50% - 50px)}  
  
}  
  
@media screen and (min-width: 768px){
	.cc_container{padding-bottom:87px}  
	.cc_container .cc_message{font-size:1em}  
  
}  
  
.cc_container{
	color:#fff;
	font-size:17px;font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
	background:rgba(0,0,0,0.5);
	box-sizing:border-box;
	border: 1px solid rgba(204,204,204,0.5);
}  
  
.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}  
  
.cc_container .cc_btn,.cc_container .cc_btn:visited{
	c/olor:#000;
	color: white;
	background-color:#f1d600;
	background-color:red;
	transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
	-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
	border-radius:5px;
	-webkit-border-radius:5px;
	}  
  
.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#fff;color:#000; color: blue;}  
  
.cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;transition:200ms color}  
  
.cc_container a:hover,.cc_container a:active{color:#b2f7ff}  
  
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}  
  
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}  
  
}  
  
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}  
  
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}  
  
}  
  
.cc_container{
	-webkit-animation-duration:0.6s;
	animation-duration:0.6s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:0.8s;
	-moz-animation-duration:0.8s;
	-o-animation-duration:0.8s;
	animation-duration:0.8s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;animation-fill-mode:both;
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
	}  

.modal-content {
    background-color: rgba(205,255,255,0.8);
}