/*
Willkommen bei eigenen CSS-Anpassungen!

CSS (Cascading Style Sheets) ist eine Art von Stilanweisungen, die dem
Browser mitteilen, wie dieser eine Webseite darzustellen hat. Du kannst
diese Kommentare löschen und mit Deinen Anpassungen beginnen.

Standardmäig wird dieses eigene Stylesheet *nach* dem Stylesheet Deines
derzeit aktiven Themes geladen. Dadurch können auch CSS-Regeln des Themes
überschrieben werden. Trage hier einfach ein, was Du ändern möchtest. Du
brauchst aber auf keinen Fall alle Regeln des Themes hierher kopieren.
*/

/*--------------------------------------------------------------
# 9.0 - Header - Themes Anpassung (AK10)
--------------------------------------------------------------*/
.site-header {
	background: #000000;
}

.site-branding {
	float: left;
	margin: 1em 0;
	padding: 0;
	max-width: 100%;
}

.site-branding a:link,
.site-branding a:visited,
.site-branding a:hover {
	padding: 0;
	border: none;
	text-decoration: none;
}

.site-title {
	display: inline-block;
	margin: 0.25rem 0;
	padding: 0;
	color: #fde600;
	text-decoration: none;
	font-weight: bold;
	font-size: 28px;
	font-size: 1.75rem;
	font-family: 'Roboto Slab', Georgia, Times New Roman;
	line-height: 1.6;
}

.site-title a:link,
.site-title a:visited {
	color: #fde600;
}

.site-title a:hover,
.site-title a:active {
	color: rgba(255,255,255,0.6);
}

.site-branding .custom-logo {
	margin: 0 1em 0 0;
	padding: 0;
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: top;
}

.site-description {
	margin: -0.2em 0 0.6em;
	font-size: 14px;
	font-size: 0.875rem;
	color: #fde600;
}

/* Custom Header Image */
.header-image {
	text-align: center;
}

.header-image img {
	max-width: 2500px;
	max-height: 500px;
	width: 100%;
	height: auto;
	vertical-align: top;
}

/*--------------------------------------------------------------
# 16.0 - Footer - Themes angepasst AK10
--------------------------------------------------------------*/
.footer-wrap {
	background: #f5f5f5;
}

.site-footer {
	color: #000000;
	font-size: 14px;
	font-size: 0.875rem;
}

.site-footer a:link,
.site-footer a:visited {
	color: #999999;
}

.site-footer a:hover,
.site-footer a:active {
	color: #000000;
}

.site-footer .site-info {
	padding: 2em 0;
}


/* ####### Anpassung Wetter von AK10 */

.table_wetter {
	border: 0;
	border-color: #FFFFFF;
	background: transparent;
	color: #000000;
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
}

.tr_wetter {
	border: 0;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	color: #000000;
}

.td_wetter {
	border: 0;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 10px;
}

.td_wetter_head {
	border: 0;
	border-color: #FFFFFF;
	background-color: #f5f5f5;
	color: #000000;
}

.table_wetter_portal {
	border: 0;
	border-color: #FFFFFF;
	background: transparent;
	color: #000000;
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
}

.tr_wetter_portal {
	border: 0;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	color: #000000;
}

.td_wetter_portal {
	border: 0;
	border-width: 0;
	border-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-style: none;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
}

.td_wetter_head_portal {
	border: 0;
	border-color: #FFFFFF;
	background-color: #f5f5f5;
	color: #000000;
	font-size: 16px;
}

.table_wetter_content {
	border: 0;
	border-width: 0;
	border-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-style: none;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	background: transparent;
	color: #000000;
	width: 100%;
	margin: 0;
	padding: 0;
}

.tr_wetter_content {
	border: 0;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	color: #000000;
}

.td_wetter_content {
	border: 0;
	border-width: 0;
	border-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-style: none;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
}

.td_wetter_content_head {
	border: 0;
	border-width: 0;
	border-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-style: none;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	background-color: #f5f5f5;
	color: #000000;
	font-size: 16px;
}

.table_wetter_content2 {
	border: 0;
	border-width: 0;
	border-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-style: none;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	background: transparent;
	color: #000000;
	width: 100%;
	margin: 0;
	padding: 0;
}

.tr_wetter_content2 {
	border: 0;
	border-width: 0;
	border-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-style: none;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
}

.td_wetter_content2 {
	border: 0;
	border-width: 0;
	border-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-style: none;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
}
/* --- AmpelBox Widget Styles ----*/
.table_ampel_widget {
	border: 0;
	border-color: #FFFFFF;
	background: transparent;
	color: #000000;
	width: 180px;
	border: 0;
	margin: 0;
	padding: 0;
}

.td_ampel_widget_content {
	border: 0;
	border-width: 0;
	border-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-style: none;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 20px;
}

.td_ampel_widget_label {
	border: 0px;
	border-width: 0;
	border-color: #000000;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-style: none;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
/*	width: 50px; */
	font-size: 20px;
    font-style: bold;
	font-weight: bold;
	text-align: center;
}
#lime {
  background-color:lime;
  color: #000000;
  border-radius: 4em/1em;
  border: 3px solid black;
  box-shadow: 1px 1px 1px white inset, 4px 4px 4px grey;
}
#limegreen {
  background-color:limegreen;
  color: #000000;
  border-radius: 4em/1em;
  border: 3px solid black;
  box-shadow: 1px 1px 1px white inset, 4px 4px 4px grey;
}
#green {
  background-color:green;
  color: #000000;
  border-radius: 4em/1em;
  border: 3px solid black;
  box-shadow: 1px 1px 1px white inset, 4px 4px 4px grey;
}
#yellow {
  background-color:yellow;
  color: #000000;
  border-radius: 4em/1em;
  border: 3px solid black;
  box-shadow: 1px 1px 1px white inset, 4px 4px 4px grey;
}
#orange {
  background-color:orange;
  color: #000000;
  border-radius: 4em/1em;
  border: 3px solid black;
  box-shadow: 1px 1px 1px white inset, 4px 4px 4px grey;
}
#red {
  background-color:red;
  color: #FFFFFF;
  border-radius: 4em/1em;
  border: 3px solid black;
  box-shadow: 1px 1px 1px white inset, 4px 4px 4px grey;
}
#violet {
  background-color:violet;
  color: #FFFFFF;
  border-radius: 4em/1em;
  border: 3px solid black;
  box-shadow: 1px 1px 1px white inset, 4px 4px 4px grey;
}
#brown {
  background-color:brown;
  color: #FFFFFF;
  border-radius: 4em/1em;
  border: 3px solid black;
  box-shadow: 1px 1px 1px white inset, 4px 4px 4px grey;
}
#white {
  background-color:white;
  color: #FFFFFF;
  border-radius: 4em/1em;
  border: 3px solid black;
  box-shadow: 1px 1px 1px white inset, 4px 4px 4px grey;
}