/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('/css/fonts/source-sans-pro-v21-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/source-sans-pro-v21-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-200italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: local(''),
       url('/css/fonts/source-sans-pro-v21-latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/source-sans-pro-v21-latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/css/fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/source-sans-pro-v21-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('/css/fonts/source-sans-pro-v21-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/source-sans-pro-v21-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/css/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/css/fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/source-sans-pro-v21-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('/css/fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/css/fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/source-sans-pro-v21-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('/css/fonts/source-sans-pro-v21-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/source-sans-pro-v21-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('/css/fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/source-sans-pro-v21-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-900italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('/css/fonts/source-sans-pro-v21-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/source-sans-pro-v21-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


html {}
body {font-family: 'Source Sans Pro', sans-serif;padding-top: 0px;padding-bottom: 20px;color: #4a4a4a;font-size: 1em;overflow-y: auto;overflow-x: hidden;background: #fff;line-height:1.6;}

header, footer, article {width:100%;max-width:1920px;margin: 0 auto !important;}

/*Menu*/
.top-menu {z-index: 1000;}
.navbar {z-index: 1000;padding:0;height: 50px;}
.navbar-nav {width: 100%;z-index: 1000;}
.navbar-nav li {padding-left: 1rem;}
.dropdown li {padding-left: 0rem;}
.navbar-nav a {color:#4a4a4a;font-size: 1.2em;font-weight:400;}
.navbar-brand {z-index: 10000;padding-top: 0px;}
.navbar-brand img {height:;width:;}
header .fixed  {display: none;animation-duration: 10s;}
.fixtest img {height:auto;width:50%;}
.fixtest .navbar-brand {z-index: 10000;padding-top: 6px;animation-duration: 2s;}
#unterseite header img {height:auto;width:50%;}
#unterseite header .navbar-brand {z-index: 10000;padding-top: 6px;animation-duration: 0s;}
header .fixed .navbar-brand {z-index: 10000;padding-top: 6px;animation-duration: 2s;}
.bg-dark {background-color: transparent !important;}
.height-nav {height: 80px;}
header {background:#fff;}

 .header-2 {background: #2b7483 !important;}

.megamenu {position: static;}
.megamenu .dropdown-menu {background: none;border: none;width: 100%;}
#mainheader .megamenu .dropdown-menu .nav-link {color:#333;}
#navbarContent {max-width:1113px;margin-left:auto;margin-right:auto;}
#topbar {max-width:1113px;margin-left:auto;margin-right:auto;}
.dropdown-menu h6 {font-size:1.3em;font-weight:600 !important;}

/*Allgemeine Element*/
#main {margin:0;background: #fff;margin-top:120px !important;}
.abstand-start {padding-top: 8rem;padding-bottom: 4rem;}
.abstand {padding-top: 4rem;padding-bottom: 4rem;}
.abstand-top {padding-bottom: 4rem;}
:target:before {content:"";display:block;height:86px; /* fixed header height*/ margin:-86px 0 0; /* negative fixed header height */}
.col-lg-4, .col-lg-8, .col {padding:0;}
.text {padding:10px;}
.top {position:fixed;bottom:10px;right:15px;display:none;}
.top-block {display:block;}
.top i {font-size:3.2em;}
#datenschutzseite h3, #impressumseite h3 {font-size:1.1rem;}
#quick-events-1 .full {height:auto;}

/*Wetterdaten kasten*/
.wetterkasten p {margin-bottom: 0;}
.wetterkasten .head {padding: 6px 6px 6px 9px;background: #2b7483;color: #fff;font-weight: 600;font-size: 1.1em;text-align: left;}
.wetterkasten li {list-style-type: none;margin: 14px;font-weight: 400;text-align: left; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
.wetterdaten ul {padding:0;}
iframe {width: 100%;border:0;}
.wetternetzwerk a {padding-right:10px;}
.underbox1 {white-space: pre;line-height: 12px;overflow: auto;}
.underbox1-2 {white-space: pre;line-height: 23px;overflow: auto;}
.mobi-anzeige {display: none;}
.wetter-mobi {display:none;}
.wetterinfobox {
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: 0;
}
.wetterinfobox p {
    font-size: 1.1em;
    color: #313131;
    font-weight: 400;
    float: left;
    flex: 1;
    border-right: 1px solid #2b7483;
    margin: 0;
    padding-top: 10px;
    padding-left: 10px;
    text-align: center;
}
.bg {
    background: rgb(255, 255, 255,0.8);
    padding: 0px;
    width: 100%;
    border-radius: 0;
    animation-duration: 2s;
    position: relative;
    height: 47px;
    display: flex;
    padding-top: 0;
}
.fa-cloud {position: absolute;top:-20px;font-size: 2em;}
#jahrseite .wetterkasten li, #wetter-st-seite  .wetterkasten li, #monatseite  .wetterkasten li, #wocheseite  .wetterkasten li, #vortagseite  .wetterkasten li {text-align: center;}
.radar a {display:block;}



/*Slider*/
.sliderkasten {}
.carousel-item {background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover;}
.display-4 {font-size: 2.2rem;font-weight: 300;line-height: 1.2;}
.carousel-caption {color: #4a4a4a;position: absolute;right: 0;bottom: 370px;left: 80px;z-index: 10;padding:15px;text-align: left;background:rgba(255,255,255,0.9);width: 400px;box-shadow: 0px 0px 16px rgba(255,255,255,0.7); -moz-box-shadow: 0px 0px 16px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 0px 16px rgba(255,255,255,0.7);}
.carousel-caption p {font-size:0.90em;}
.carousel-caption h3 {font-size:2em;}

/*Schriften*/
header h1 {padding:0;margin:0;font-size: 0;}
header h2 {padding:0;margin:0;font-size: 0;}
h3 {font-size: 1.9rem;color:#193e4e;}
h4 {font-size: 1em;line-height: 1.6;}
h5 {font-size: 1.4rem;}
.text-weg {text-indent: -10000px;}

/*Datenschutz*/
.datenschutz h3 {color: #4a4a4a;font-size:1em;font-weight: bold;}
.datenschutz h2 {color: #4a4a4a;font-size:1em;font-weight: bold;}
.datenschutz p {padding-bottom: 20px;margin:0;}
.datenschutz ul {padding-left:16px;}

/*Kontakt*/
#kontaktform #anliegen_text {border: 1px solid #ccc;font-size: 1.2em;height: 435px;width: 100%;}
.kontaktform ul {padding:0px;list-style: none;}
.kontaktinfo {background:#e2e2e2;margin-top:91px;font-size:14px;}
#kontaktform #anliegen {border: 1px solid #ccc;font-size: 1em;margin-bottom: 10px;width: 100%;}
#kontaktform .sendcontainer input {font-size: 1em;border: 1px solid #ccc;margin-bottom: 10px;width: 100%;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button;cursor: pointer;background: #ccc;border: 0;padding: 10px;margin-right: 10px;font-weight: 700;}

/*DWD*/
.dwd-mobi-block {display:none !important;}


/*Hintergrund*/
.full {height:30vh;min-height:200px;}
.full-unterseite {height:20vh;min-height:200px;}

/*Links*/
#main .links a {display: block;padding-bottom: 10px;}
#main .links a:hover {color: #2b7483;}

/*Hover*/
a {-webkit-transition: color 500ms; -moz-transition: color 500ms; -o-transition: color 500ms; transition: color 500ms;}
a:active {color: #333;text-decoration: none;}
a:link {color: #333; text-decoration: none;}
a:focus {color: #333; text-decoration: none;}
a:visited {color: #333; text-decoration: none;}
a:hover {color: #2b7483;text-decoration: none;}
footer a:hover {color: #333;text-decoration: underline;}
.navbar-dark .navbar-nav .nav-link:focus {color: #4a4a4a;}
.navbar-dark .navbar-nav .nav-link:hover {color: #fff;text-decoration: underline;}
.navbar-dark .navbar-nav .nav-link {color: #fff;}
.dropdown-menu {color:#333;}
header .hvr-underline-from-left:before {background:#cc0000;}
#header .active {color: #ccc;}
.top-menu a {color:#333 !important;}
.top-menu a:hover {color:#333 !important;text-decoration: underline;}
.dropdown:hover>.dropdown-menu {display: block;}

#startseite #navstart, #wetterwarnseite #navwarn-2, #linksseite #navlink {text-decoration: underline;font-weight: bold;}
#wetter-st-seite #navwetterstation, #verhersageseite #navettervorhersage {color: #92AF1E;text-decoration: none;font-weight: 400;}
#jahrseite #menujahr, #wetter-st-seite #menutag, #monatseite #menumonat, #wocheseite  #menuwoche, #vortagseite #menugestern {color: #2b7483;text-decoration: none;background:#fff;}
#neuesjahr2025seite #menujahr2025, #neuesjahr2024seite #menujahr2024, #jahr2023seite #menujahr2023, #jahr2022seite #menujahr2022, #jahr2021seite #menujahr2021, #jahr2020seite #menujahr2020, #jahr2019seite #menujahr2019, #jahr2018seite #menujahr2018, #jahr2017seite #menujahr2017, #jahr2016seite #menujahr2016, #jahr2015seite #menujahr2015, #jahr2014seite #menujahr2014, #jahr2013seite #menujahr2013, #jahr2012seite #menujahr2012, #jahr2011seite #menujahr2011 {color: #000;text-decoration: none;padding:20px;background:#fff;}
#radarseite #navradar, #wetterwarnseite #navwarn, #verhersageseite #navvorhersage, #seiteblitzortung #navblitz {color: #2b7483;text-decoration: none;background:#fff;font-weight: bold;}



/*Footer*/
footer {color:#fff;font-size:1.2em;font-weight:300;line-height: 2rem;}
footer p {margin-bottom: 0rem;}
.footer  {background: #2b7483;}
.footer ul {padding:0;}
.footer li {list-style-type: none;}
.footer a {color: #fff !important;display: block; -webkit-transition: color 500ms; -moz-transition: color 500ms; -o-transition: color 500ms; transition: color 500ms;}
footer h3 {color:#fff;font-weight:300;}
.color-footer {  background-image: linear-gradient(to right top, #2b7483, #2c7786, #2d7989, #2e7c8d, #2f7f90, #2e8497, #2c889e, #2b8da5, #2794b2, #239cbf, #20a3cc, #20aada);padding-top: 4rem;padding-bottom: 4rem;line-height:1.7rem;}
.footer h6 {font-size: 1.3rem;font-weight:400;}
.footer h5 {font-size: 0.95rem;}
.email-k {padding-top:20px;}
.footer h5 {font-size: 0.95rem;text-align: left;}
h6#htmltagcloud {font-weight: 300;font-size:0.9em;}
#htmltagcloud a {display:inline;}

@media screen and (max-width: 1130px) {
#topbar {padding-right:12px;}
}

@media screen and (max-width: 1120px) {
.navbar-brand {margin-left: 1rem;}

}

@media screen and (max-width: 1024px) {
.wetternetzwerk img {height:auto;width:29%;}
}
	
@media screen and (max-width: 991px) {
.pt-3, .py-3 {padding-top: 0rem !important;}
.navbar-dark .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-toggler {padding: .25rem .75rem;font-size: 1.25rem;line-height: 1;border-radius: .25rem;margin-top: 6px;margin-left: 10px;}
.navbar-collapse {margin-top: 4px;background: #80b3ba;}
.wetter-mobi {display:block;font-size: 1.5em;margin-right:1rem;}
.navbar-dark .navbar-toggler {color: rgb(255, 255, 255);border-color: rgba(255,255,255,.1);}
.fixed-top {position: relative;}
header .fixed  {display: block;animation-duration: 10s;}
#main {margin-top:0px !important;}
.wetterinfobox {display:none;}
.abstand {padding-top: 1.2rem;padding-bottom: 1.2rem;}
.dropdown-menu  .container {padding-right: 22px;padding-left: 0px;margin-right: 0;margin-left: 0;max-width: 100%;}
.color-footer {padding-top: 1.2rem;padding-bottom: 1.2rem;line-height: 1.7rem;}
.carousel {height: 230px;margin-bottom: 0px;}
.carousel-caption {z-index: 10;}
.carousel .carousel-item {height: 230px;background-color: #777;}
.legende img {width:70%;height:auto;}
.carousel-inner > .carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  height: 230px;
}

.carousel img {
    height: 230px;
    width: 1920px;
    /*object-fit: contain;*/
    object-fit: cover;
}
h4 {font-size: 1em;line-height: 1.8;}
#main .ui-tabs .ui-tabs-nav li {border-bottom-width: 0;float: left;list-style: outside none none;margin: 1px 0.2em 0 0;padding: 0;position: relative;top: 0;white-space: nowrap;width: 100%;}
#main .ui-widget-header a {display: block;width: 100%;}
.dwd-mobi-block {display:block !important;padding: 0;}
.dwd-mobi-block .legende img {height:auto;width:50%;}
.dwd-mobi-block a {display: block;}
.dwd-mobi-none {display:none;}
}


@media screen and (max-width: 767px) {
.mobi-anzeige-no {display: none;}
.mobi-anzeige {display: block;}
.mobi-anzeige p {padding-top:8px;padding-bottom:8px;border-bottom:1px solid #ccc;}
.wetternetzwerk img {height:auto;width:26%;}
.full {height:0vh;min-height:0px;}
.wetterkasten li {margin: 6px;box-shadow: 0px 0px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
#main .ui-tabs .ui-tabs-nav li {border-bottom-width: 0;float: left;list-style: outside none none;margin: 1px 0.2em 0 0;padding: 0;position: relative;top: 0;white-space: nowrap;width: 100%;}
#main .ui-widget-header a {display: block;width: 100%;}
}

@media screen and (max-width: 736px) {

}

@media screen and (max-width: 480px) {
.wetter-mobi {font-size: 0.95em;margin-top: 14px;}
.navbar-brand img {height: auto;width: 83%;padding-top: 6px;}
}

@media screen and (max-width: 420px) {
.wetter-mobi {font-size: 0.95em;}
.navbar-brand  {height: auto;width: 62%;padding-top: 8px;}
}