.max-width-container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.wim-header-titel { font-size:3rem; margin-bottom:0; color:#00557f; }
.wim-header { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; }


.card-section { background:#f7f9fc; border-radius:1.25rem; padding:1.0rem; margin-top:1rem;  }
.card-section .card { border:1px solid #e5e7eb; border-radius:.85rem; box-shadow:none; }
.card-title {color: var(--bs-secondary-color, #6c757d);}

.position-absolute {
    left: 50%;
    transform: translateX(-50%);
}
.center-if-no-dwd {
    margin: 0 auto;
    float: none;
}
.badge-no-bold { font-weight: 400;  }


/*
h1, h2.wmh1  {
    color: #00557f;
    /*letter-spacing: 0.16em;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	/*text-shadow: 0 2px 2px rgba(0, 0, 52, 0.2);
    padding-bottom:0px;
}
*/

.wimTitel_day {
    color: #00557f;	
    /*letter-spacing: 0.16em;*/
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    padding-bottom:0px;
}

.wimTitel_night {
    /*color: #c6d4e1; */
	color: white;
    text-shadow: 0 2px 2px rgba(222, 222, 222, 0.5);
    padding-bottom:0px;
}

.tempA_header_day {
    color: black;
    background-color: rgba(255, 255, 255, 0.785);
	font-size: 1.0em;
	margin-bottom: 0px;
}
.tempA_header_night {
    color: white;
    background-color: rgba(0, 0, 0, 0.35);
	font-size: 1.0em;
	margin-bottom: 0px;
}

 
.header_Sued_class {
	background-color:#00557f;
	font-size:1.0em;
	width:62px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);	
}
.header_Enste_class {
	background-color:#196c06;
	font-size:1.0em;
	width:62px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);	
}



.btn-sml { 
	--bs-btn-color: #000000;
	--bs-border-color: red;
	--bs-btn-bg: #E8E8E8;
	--bs-btn-border-color: #E8E8E8;
	--bs-btn-border-radius: 0.175rem;
	--bs-btn-hover-color: #fff;
	
	--bs-btn-hover-bg: #00557f;
	--bs-btn-hover-border-color: #00557f;	
	font-size: 0.8em;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 0px;
	padding-bottom: 0px;	
} 

/*
.btn-outline-light {
	--bs-btn-active-border-color:  black;
}
*/

.tw-name {
  width: 54%;
}
.tw-value {
  width: 32%
}

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

.options {margin-bottom: 10px; margin-top: 2px;}


table {
	table-layout: fixed;
    word-wrap: break-word;
}

.table {
  border: 0px solid #ccc;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.table-hover tbody > tr:hover > * {
  --bs-table-hover-bg: #f0f8ff; /* Deine Wunsch-Hintergrundfarbe */
  --bs-table-hover-color: #333; /* Deine Wunsch-Textfarbe */
}


/* ############ */
/*Navbar Links*/

a.active {
	--bs-navbar-active-color: #00557f;
}
.nav-link:hover  {
	--bs-nav-link-hover-color: black;
	background-color:#E9ECEF !important;
}
/*
.dropdown a:hover {
    color: red;
    background-color:green;
}
*/

.dropdown a {
	--bs-dropdown-link-active-bg: lightgrey;
}

.navbar .navbar-nav > li a {
	border-radius: 4px !important;
}


.navbar {
	--bs-navbar-padding-y: 0.0rem !important;
}


/* ########################################  */
/*  Statistik-Jahreszeiten */

.container th.winter {
	background: #66b3ff;
	width:24%;
	color: white;
}
.container th.fruehling {
	background: #5cd65c;
	width:24%;
	color: white;
	
}
.container th.sommer {
	background: #faf550;
	color: black;
	width:24%;
}
.container th.herbst {
	background: #ffb366;
	width:24%;
	color: white;
}

button .bi-snow {
	color:#66b3ff;
}
button .bi-flower3 {
	color:#28a745;
}
button .bi-sun-fill{
	color:yellow;
}
button .bi-suit-club {
	color:orange;
}

/* ########################  */
/*  Statistik Jahres-Buttons */


.btn-y {
	margin-bottom:2px !important;	
}

.btn-y.active {
	#margin-top: 8px;
	background: #00557f;
	color: white;
}

.btn-y:hover {
	background: #00557f;
	color: white;
	/*border-color: #00557f; */
}



/*############################TEST*/

.textx {
  position: relative;
  font-size: 14px;
  color: black;
  font-family: sans-serif;
  width: 90px; 
}



/* Accordion > Chevron right after align button text center */
button::after {
  position: absolute;
  z-index: 100;
  right: 16px;
  order: -1;
    margin-left: 0;
    margin-right:0.5em;
    

}



.accordion.x{
	
	/*--bs-accordion-btn-bg: #ecc67c;*/
	--bs-accordion-border-color: #ecc67c;	
}

.accordion-button:not(.collapsed) {
  color: black;
  
}


.accordion-button::after {
    order: -1;
    margin-left: 0;
    margin-right:0.5em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
	--bs-accordion-btn-icon-width: 1.4rem;
    
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}




 
 /* ###################################  */
/*  Wettervorhersage allgemein   #6dbcc9   */ 
.wettervorhersage .h5 {
	color: #aaa;
}
.forecast  {
	font-size: 100%;
    color: #00557f;
} 

.forecast>b {
	font-size: 1.1em;
    color: #5c5c5c;
}
.forecast>p {
	font-size: 1.0em;
    color: #4c4c4c;
	padding-top:0px;
}
.fc-icon {
	font-size: 3.0em;
    color: #00557f;
	padding-bottom:10px;
	padding-top: 16px;
    letter-spacing: 0.00em;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}


/* Bottom right text */
.text-block {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: black;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}



.datetimesmall {
	font-size: 0.6em !important;
};