/* CSS Document */

/* body color and background */

body {
background: rgb(9,30,51);
background: -moz-linear-gradient(360deg, rgba(9,30,51,1) 18%, rgba(34,91,110,0.8292603224850772) 100%);
background: -webkit-linear-gradient(360deg, rgba(9,30,51,1) 18%, rgba(34,91,110,0.8292603224850772) 100%);
background: linear-gradient(360deg, rgba(9,30,51,1) 18%, rgba(34,91,110,0.8292603224850772) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#091e33",endColorstr="#225b6e",GradientType=1);

} 

/* offline gestaltung geht über default.php */



/* wrapper color and background */

#wrapper { 
background: rgba(248,248,255,1);	
margin-top:100px; 
}


/* eprivacy style ribbon */

#wrapper.container div.activebar-container {
top: 100px;
width: 100%;	
}

#wrapper.container div.activebar-container {
background-color:rgba(37,46,57,1);
border-bottom:1px solid #252e39;
color:#000;
}
#wrapper.container div.activebar-container p {
font-size: 13px;
margin:5px;
text-align:justify;
color: rgba(255,255,255,1);
padding-left: 10px;
padding-right: 10px;	
}
#wrapper.container div.activebar-container button {
float:center;
clear:none;
margin:5px 10px;
padding:5px 10px;
border: none;
color: rgba(255,255,255,1);		
}
#wrapper.container div.activebar-container button.decline {
color:rgba(255,20,147,1); 
border: 2px solid;	
border-color: rgba(255,20,147,1); 
background-color:rgba(37,46,57,1);
border-radius: 3px;	
}

#wrapper.container div.activebar-container button.decline:hover {
color:#fff;
border: 2px solid;	
border-color: rgba(255,20,147,1); 
background-color:rgba(255,20,147,1);
}

#wrapper.container div.activebar-container button.accept {
color:rgba(127,255,212,1);
border: 2px solid;	
border-color: rgba(127,255,212,1);	
background-color:rgba(37,46,57,1);
border-radius: 3px;	
}

#wrapper.container div.activebar-container button.accept:hover {
color:#000;
border: 2px solid;	
border-color: rgba(127,255,212,1);	
background-color:rgba(127,255,212,1);
}

#wrapper.container div.activebar-container ul.links,.activebar-container ul.links li {
display:block;
margin-left: 30%;	
}
#wrapper.container div.activebar-container ul.links li {
margin:0 5px;
float:left;
clear:none;
}


/* topnavigation background */


#topnavigation.container ul.nav.menu.navbar-nav li  {
padding-left: 20px;	

text-decoration: none;
}

#topnavigation.container ul.mod-menu.nav.navbar-nav li  {
padding-left: 20px;	

text-decoration: none;
}


/* topnavigation nav-links */

#topnavigation.container ul.nav.menu.navbar-nav li a {
font-size: 1.15rem;
color: rgba(255,255,255,0.5) !important;
text-transform: lowercase;
outline: none;	
}

#topnavigation.container ul.mod-menu.mod-list.nav.navbar-nav li a {
font-size: 1.15rem;
color: rgba(255,255,255,0.5) !important;
text-transform: lowercase;
outline: none;	
}

/* topnavigation nav-links hover */

#topnavigation.container ul.mod-menu.mod-list.nav.navbar-nav li a:hover, a:active {

color: rgba(255,255,255,1) !important;
text-decoration: none !important;
}

/* topnavigation nav-links toggler no inline */

#topnavigation.container button.navbar-toggler {
outline: none;
	
}

/* topnavigation background */

body nav.navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-dark {
background-color: rgba(9,30,51,1.00) !important;	
}

/* topnavigation font */

#topnavigation a.nav-link {

}

/* Button Styling with Animation ad Transition Effect */

/*#topnavigation .navbar-dark .navbar-nav .nav-link {
    border: none;
	background: rgba(28,28,28,1);
	color: #f2f2f2;
	padding: 10px;
	font-size: 18px;
	border-radius: 5px;
	position: relative;
	box-sizing: border-box;
	transition: all 500ms ease; 
	
}

#topnavigation .navbar-dark .navbar-nav .nav-link:before {
	content:'';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 42px;
	background: rgba(255,255,255,0.3);
	border-radius: 5px;
	transition: all 2s ease;
} 
#topnavigation .navbar-dark .navbar-nav .nav-link:hover:before {
	width: 100%;
}*/

/* topnavigation font */

#topnavigation .navbar-dark .navbar-text {

font-size: 1.5rem;
}


/* Vorbemerkungen Statement */

#vorbemerkung.container {
display: block;
min-height: 120px;
background: rgb(9,30,51);
background: -moz-linear-gradient(180deg, rgba(9,30,51,1) 26%, rgba(70,116,132,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(9,30,51,1) 26%, rgba(70,116,132,1) 71%);
background: linear-gradient(180deg, rgba(9,30,51,1) 26%, rgba(70,116,132,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#091e33",endColorstr="#467484",GradientType=1);
	
}

#vorbemerkung.container p {
font-family: tornac, sans-serif;
color: rgba(255,255,255,1);
font-size: 2.3rem;	
text-align: center;
}

/* Vorbemerkungen CookiesCK Modul */

body div#cookiesck  {
background: rgba(37,46,57,0.80) !important;	
border: none;	
}

body div#cookiesck div.inner span#cookiesck_text {
color: rgba(255,255,255,1);

text-align: center;
font-size: 1.0rem;	
}

#wrapper.container div#cookiesck_interface {
background: #355C7D;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #C06C84, #6C5B7B, #355C7D);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #C06C84, #6C5B7B, #355C7D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	
}

#wrapper.container div#cookiesck_interface div.cookiesck-main div.cookiesck-main-desc {
color: rgba(255,255,255,1);
}

#wrapper.container div#cookiesck_interface div.cookiesck-main-title {
color: rgba(255,255,255,1);
}

#wrapper.container div#cookiesck_interface div.cookiesck-main div.cookiesck-main-buttons div.cookiesck-accept.cookiesck_button:hover   {
color: rgba(255,255,255,1);
font-weight: bold;
background: rgba(0,176,155,0.9);
}

#wrapper.container div#cookiesck_interface div.cookiesck-main div.cookiesck-main-buttons a#cookiesck_readmore.cookiesck_button  {
color: rgba(1,1,1,1);
font-weight: bold;	
}

#wrapper.container div#cookiesck_interface div.cookiesck-main div.cookiesck-main-buttons a#cookiesck_readmore.cookiesck_button:hover  {
color: rgba(255,255,255,1);
background: rgba(0,176,155,0.9);
font-weight: bold;	
}

#wrapper.container div#cookiesck_interface div.cookiesck-main div.cookiesck-category div.cookiesck-category-name {
color: rgba(255,255,255,1);
font-weight: bold;	
}

#wrapper.container div#cookiesck_interface div.cookiesck-main div.cookiesck-category div.cookiesck-category-desc {
color: rgba(255,255,255,1);

}

#vorbemerkung.container button.plg_system_eprivacy_agreed {
color:rgba(127,255,212,1);
border: 2px solid;	
border-color: rgba(127,255,212,1);	
background-color:rgba(37,46,57,1);
border-radius: 3px;		
}

#vorbemerkung.container button.plg_system_eprivacy_agreed:hover {
color:#000;
border: 2px solid;	
border-color: rgba(127,255,212,1);	
background-color:rgba(127,255,212,1);	
}

#vorbemerkung.container button.plg_system_eprivacy_declined {
color:rgba(255,20,147,1); 
border: 2px solid;	
border-color: rgba(255,20,147,1); 
background-color:rgba(37,46,57,1);
border-radius: 3px;		
}

#vorbemerkung.container button.plg_system_eprivacy_declined:hover {
color:#fff;
border: 2px solid;	
border-color: rgba(255,20,147,1); 
background-color:rgba(255,20,147,1);		
}

#vorbemerkung.container div.plg_system_eprivacy_message a {

color: rgba(154,205,50,1);

}

#vorbemerkung.container div.plg_system_eprivacy_message a:hover {

color: rgba(128,128,0,1);

}

#vorbemerkung.container div.plg_system_eprivacy_message a:link {
text-decoration: none;
color: rgba(250,128,114,1);
font-size: 1.25rem;	
}

#vorbemerkung.container div.plg_system_eprivacy_accepted {
border-color: rgba(127,255,212,1);	
color: rgba(255,255,255,1);
margin-bottom: 3px;	
}

#vorbemerkung.container div.plg_system_eprivacy_accepted p  {
color: rgba(255,255,255,1);	
}

#vorbemerkung.container h3  {
color: rgba(255,255,255,1);	
}

#vorbemerkung.container div.plg_system_eprivacy_declined p  {
color: rgba(255,255,255,1);	
}

#vorbemerkung.container div.plg_system_eprivacy_declined  {

border-color: rgba(127,255,212,1);
	
}

#vorbemerkung.container div.plg_system_eprivacy_accepted button.plg_system_eprivacy_accepted {
color:rgba(127,255,212,1);
border: 2px solid;	
border-color: rgba(127,255,212,1);	
background-color:rgba(37,46,57,1);
border-radius: 3px;	
}

#vorbemerkung.container div.plg_system_eprivacy_accepted button.plg_system_eprivacy_accepted:hover {
color:#000;
border: 2px solid;	
border-color: rgba(127,255,212,1);	
background-color:rgba(127,255,212,1);
}

#vorbemerkung.container div.plg_system_eprivacy_declined button.plg_system_eprivacy_reconsider {
color:rgba(127,255,212,1);
border: 2px solid;	
border-color: rgba(127,255,212,1);	
background-color:rgba(37,46,57,1);
border-radius: 3px;	
}

#vorbemerkung.container div.plg_system_eprivacy_declined button.plg_system_eprivacy_reconsider:hover {
color:#000;
border: 2px solid;	
border-color: rgba(127,255,212,1);	
background-color:rgba(127,255,212,1);
}


/* topbar carousel margin top */


/*#topbar.container div.moduletable div.rg-ss-info .rg-ss-title {
	
text-align: center !important; 
font-size: 3rem;	
background-color: rgba(0,0,0,0.6);	
}

#topbar.container div.moduletable div.rg-ss-info .rg-ss-caption {

font-size: 2rem;
margin-top: 2rem;
margin-left: 1px;	
background-color: rgba(0,0,0,0.6);	
}*/

#topbar { 
margin-top: 1rem;	
}

/* topbar carousel mootools begrenzer */

#demo{
margin: 0px !important;	
}

#topbar .myCarouselBlock div{
height: 390px !important;
}

#topbar div.carousel-inner img{
 position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

/* topbar carousel Haupt-Überschrift Anfang */

#topbar h1.display-3 {
font-weight: bold;	
background-color: rgba(0,0,0,0.4);
}

/* topbar carousel Unter-Überschrift */

#topbar h1.display-4 {
font-weight: bold; 
background-color: rgba(0,0,0,0.4);
}

/* topbar carousel Unter-Überschrift */

#topbar div.carousel h2 {

font-size: 1.5rem;
background-color: rgba(0,0,0,0.4);
}

/* contentwrapper_full Startseite - Bereich Insights / Wetterbericht und Bild */


/* contentwrapper Background-Verlauf der Cards  */

#content.container div.col-lg-4.col-sm-12 div.card-body.text-justify {
background: #642B73;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #C6426E, #642B73);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #C6426E, #642B73); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}

#content.container div.col-lg-4.col-sm-12 div.card-body.text-justify:hover {
background: rgb(60,16,83);
background: -moz-linear-gradient(360deg, rgba(60,16,83,0.8708216562992385) 21%, rgba(173,83,137,0.968860871985513) 60%);
background: -webkit-linear-gradient(360deg, rgba(60,16,83,0.8708216562992385) 21%, rgba(173,83,137,0.968860871985513) 60%);
background: linear-gradient(360deg, rgba(60,16,83,0.8708216562992385) 21%, rgba(173,83,137,0.968860871985513) 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c1053",endColorstr="#ad5389",GradientType=1);


}

/* contentwrapper Überschrift der Cards  */

#content.container div.col-lg-4.col-sm-12 h4.card-title  {
color:rgba(255,255,255,1.00) !important;	
}

/* contentwrapper Textfarbe der Cards  */

#content.container div.col-lg-4.col-sm-12 p.card-text  {
color:rgba(255,255,255,1.00) !important;	
}

/* contentwrapper Card shadow  */

#content.container div.card.mt-2 {

border-radius:0;
transition: box-shadow 0.5s;	
}

#content.container div.card.mt-2:hover {
box-shadow: 5px 0px 40px rgba(0,0,0, .2);	
}

/* contentwrapper Weitere Seiten */

#contentwrapper.container{
	
}

/* Info 2 Bereich Backgroundbild fixed Background Paralax  */

#info2.container .jumbotron.jumbotron-fluid.mt-3.text-center  {
background: url(../images/agnesfront02.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

/* Info 2 Bereich Überschrift und Text  */

#info2.container {
padding-left: 1px !important;
padding-right: 1px !important;	
}

#info2.container .jumbotron.mt-3.text-center h2 {
color:rgba(255,255,255,1.00);
background-color: rgba(0,0,0,0.6);
padding-left: 5px;
padding-right: 5px;	
}

#info2.container .jumbotron.mt-3.text-center p {
color:rgba(255,255,255,1.00);
background-color: rgba(0,0,0,0.6);
font-size: 1.6rem; 
padding-left: 5px;
padding-right: 5px;	
}

/* Info 3 Bereich Scrolling Cards  */

#info3.container {
padding-left: 1px !important;
padding-right: 1px !important;	
}

#info3.container .scrolling-wrapper-flexbox {
  display: flex;
  overflow-x: auto;	
}

#info3.container  .card {
  background-color: rgba(37,46,57,1);
  min-width: 300px;
	
  margin: 5px;
	
  }

/* Info 3 Bereich Scrolling Cards Überschrift und Text  */

#info3.container .card-body.text-justify.flex-fill h4.card-title {
  color: rgba(255,255,255,1);
}

#info3.container .card-body.text-justify.flex-fill p.card-text {
  color: rgba(255,255,255,1);
}

/* Info 4 Bereich Statistiken  */

#info4.container div.card-body.text-justify.flex.fill.bg-primary {
color: rgba(255,255,255,1);
}


#info4.container{
padding-left: 1px !important;
padding-right: 1px !important;		
}

/* Info 5 Bereich   */


#info5.container {
padding-left: 1px !important;
padding-right: 1px !important;	
}

#info5.container div.page-header h1 {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;	
}

#info5.container div.page-header h2 {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;	
}

#info5.container div.item-page div.card-header {
background-color: rgba(112,128,144,1) !important;
}

/* Accordion normal   */

#info5.container div#accordion .card-header{
background-color: rgba(128,128,0,1) !important;	
}

#info5.container div#accordion div.card-body{
background-color: rgba(245,245,220,1) !important;	
}

#info5.container div#accordion .card-header button.btn.btn-link{
color: rgba(255,255,255,1) !important;
text-decoration: none;	
}

/* Accordion Projekte   */

#info5.container div#accordion_projekte .card-header{
background-color: rgba(0,128,128,1) !important;	
}

#info5.container div#accordion_projekte div.card-body{
background-color: rgba(240,255,255,1) !important;	
}

#info5.container div#accordion_projekte .card-header button.btn.btn-link{
color: rgba(255,255,255,1) !important;
text-decoration: none;	
}

#info5.container div.item-page div.card-footer {
background-color: rgba(112,128,144,1) !important;
}

/* Tables für Faktencheck   */

#info5.container div.card-body.text-justify table {

}

#info5.container div.item-page div.card.mt-2 div.card-footer.text-center {
color: rgba(255,255,255,1);	
}

#info5.container div.item-page div.card.mt-2 div.card-footer.text-center a {
color: rgba(255,255,255,1);	
}

/* Openstreet Bilder   */

#info5.container div.card img.img-responsive {
width: 100%;	
}

/* Projekte Card shadow  */

#info5.container div.card {

border-radius:0;
transition: box-shadow 0.5s;	
}

#info5.container div.card:hover {
box-shadow: 5px 0px 40px rgba(0,0,0, .2);	
}

/* Card deck responsive   */




/* Info 6 Joker - url-link-Bereich   */

#info6.container{
display: none;	
}




/* Info 7 Bereich   */


#info7.container{
display: none; 		
}


/* Footer Bereich (wohl mit Module)   */

#footer.container {
padding-left: 1px !important;
padding-right: 1px !important;	
}

#footer.container div.jumbotron.jumbotron-fluid {
background-color: rgba(9,30,51,1) !important;
color: rgba(255,255,255,1);	

}

/* Media Queries für Einstellungen auf unterschiedlichen Ausgabegeräten   */

/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap */


/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 

#topbar.container div.card {
max-height: 300px !important;		

	
}
	
#topbar.container div#demo.carousel.slide {
max-height: 290px;		
}
	
/* topbar carousel Haupt-Überschrift Anfang */

#topbar h1.display-3 {
font-size: 2rem;
font-weight: bold;	
background-color: rgba(0,0,0,0.4);
}

/* topbar carousel Unter-Überschrift Weitere */

#topbar h1.display-4 {
font-size: 1.5rem;
font-weight: bold; 
background-color: rgba(0,0,0,0.4);
}

/* topbar carousel Unter-Überschrift */

#topbar div.carousel h2 {

font-size: 1.0rem;
background-color: rgba(0,0,0,0.4);
}			

}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {

#topbar.container div.card {
max-height: 250px !important;		

	
}

/* topbar carousel Haupt-Überschrift Anfang */

#topbar h1.display-3 {
font-size: 2rem;
font-weight: bold;	
background-color: rgba(0,0,0,0.4);
}

/* topbar carousel Unter-Überschrift Weitere */

#topbar h1.display-4 {
font-size: 1.5rem;
font-weight: bold; 
background-color: rgba(0,0,0,0.4);
}

/* topbar carousel Unter-Überschrift */

#topbar div.carousel h2 {

font-size: 1.0rem;
background-color: rgba(0,0,0,0.4);
}		
	

}

/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 

#topbar .myCarouselBlock div{
height: 190px !important;
}
	
/* topbar carousel Haupt-Überschrift Anfang */

#topbar h1.display-3 {
font-size: 2rem;
font-weight: bold;	
background-color: rgba(0,0,0,0.4);
}

/* topbar carousel Unter-Überschrift Weitere */

#topbar h1.display-4 {
font-size: 1.5rem;
font-weight: bold; 
background-color: rgba(0,0,0,0.4);
}

/* topbar carousel Unter-Überschrift */

#topbar div.carousel h2 {

font-size: 1.0rem;
background-color: rgba(0,0,0,0.4);
}	

}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }