@font-face {
    font-family: 'Kachelmann';
    src: url('../ttf/Interstate-Light.eot'); /* IE9 Compat Modes */
    src: url('../ttf/Interstate-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../ttf/Interstate-Light.woff2') format('woff2'), /* Super Modern Browsers */
         url('../ttf/Interstate-Light.woff') format('woff'), /* Pretty Modern Browsers */
         url('../ttf/Interstate-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../ttf/Interstate-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
  }
  @font-face {
    font-family: 'KachelmannLogo';
    src: url('../ttf/Interstate-Regular.eot'); /* IE9 Compat Modes */
    src: url('../ttf/Interstate-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../ttf/Interstate-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../ttf/Interstate-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('../ttf/Interstate-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../ttf/Interstate-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
  }
  @font-face {
    font-family: 'KachelmannMenu';
    src: url('../ttf/Interstate-Bold.eot'); /* IE9 Compat Modes */
    src: url('../ttf/Interstate-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../ttf/Interstate-Bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('../ttf/Interstate-Bold.woff') format('woff'), /* Pretty Modern Browsers */
         url('../ttf/Interstate-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../ttf/Interstate-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
  }
  @font-face {
    font-family: 'Kachelmann';
    src: url('../ttf/HighwayGothicExpanded.eot'); /* IE9 Compat Modes */
    src: url('../ttf/HighwayGothicExpanded.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../ttf/HighwayGothicExpanded.woff2') format('woff2'), /* Super Modern Browsers */
         url('../ttf/HighwayGothicExpanded.woff') format('woff'), /* Pretty Modern Browsers */
         url('../ttf/HighwayGothicExpanded.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../ttf/HighwayGothicExpanded.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: bold;
  }
  @font-face {
    font-family: 'Kachelmann';
    src: url('../ttf/HighwayGothicExpanded.eot'); /* IE9 Compat Modes */
    src: url('../ttf/HighwayGothicExpanded.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../ttf/HighwayGothicExpanded.woff2') format('woff2'), /* Super Modern Browsers */
         url('../ttf/HighwayGothicExpanded.woff') format('woff'), /* Pretty Modern Browsers */
         url('../ttf/HighwayGothicExpanded.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../ttf/HighwayGothicExpanded.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 500;
  }
  @font-face {
    font-family: 'Kachelmann';
    src: url('../ttf/HighwayGothicExpanded.eot'); /* IE9 Compat Modes */
    src: url('../ttf/HighwayGothicExpanded.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../ttf/HighwayGothicExpanded.woff2') format('woff2'), /* Super Modern Browsers */
         url('../ttf/HighwayGothicExpanded.woff') format('woff'), /* Pretty Modern Browsers */
         url('../ttf/HighwayGothicExpanded.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../ttf/HighwayGothicExpanded.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 900;
  }
  
  h1,.h1 {
      font-size:28px;
  }
  h2,.h2 {
      font-size:24px;
  }
  html,
  body {
      height: 100%;
      background-color:#ffffff;
  }
  
  button:focus, .btn:focus, .btn:active, .btn:active:focus, input:focus, optgroup:focus, select:focus, textarea:focus {
    outline: none;
  }

  .wrap {
      min-height: 100%;
      height: auto;
      margin: 0 auto -60px;
      padding: 0 0 60px;
  }
  
  .wrap > .container {
      padding: 75px 15px 20px;
  }
  
  .footer {
      height: 60px;
      background-color: #ffffff;
      border-top: 1px solid #ddd;
      padding-top: 20px;
      margin-top:70px;
  }
  
  .jumbotron {
      text-align: center;
      background-color: transparent;
  }
  
  .jumbotron .btn {
      font-size: 21px;
      padding: 14px 24px;
  }
  
  .not-set {
      color: #c55;
      font-style: italic;
  }
  
  /* add sorting icons to gridview sort links */
  a.asc:after, a.desc:after {
      position: relative;
      top: 1px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      padding-left: 5px;
  }
 .dkpw-billboard,.dkpw-billboard-vorhersage {width:1000px; font-size:1px; display:none; margin-left:auto;margin-right:auto; }

  a.asc:after {
      content: /*"\e113"*/ "\e151";
  }
  
  a.desc:after {
      content: /*"\e114"*/ "\e152";
  }
  
  .sort-numerical a.asc:after {
      content: "\e153";
  }
  
  .sort-numerical a.desc:after {
      content: "\e154";
  }
  
  .sort-ordinal a.asc:after {
      content: "\e155";
  }
  
  .sort-ordinal a.desc:after {
      content: "\e156";
  }
  
  .grid-view th {
      white-space: nowrap;
  }
  
  .hint-block {
      display: block;
      margin-top: 5px;
      color: #999;
  }
  
  .error-summary {
      color: #a94442;
      background: #fdf7f7;
      border-left: 3px solid #eed3d7;
      padding: 10px 20px;
      margin: 0 0 15px 0;
  }
  
  .kw-blue {color: #007dfe;}
  .kw-red {color: #f7284b;}
  .kw-darkred {color: #aa1c34;}

  .navbar-brand { font-weight:900;letter-spacing:-1px;}
  .navbar-inverse {background-image: linear-gradient(to bottom, #3c3c3c 0px, #222 100%);}
  
  .drop-down-group { margin-top:9px;}
  
  .spacer-lh-0 { height:7px;font-size:6px}
  .spacer-lh-1 { height:14px; -webkit-user-select: none; user-select: none;}
  .spacer-lh-2 { height:28px;}
  .spacer-lh-3 { height:42px;}
  .spacer-lh-4 { height:56px;}
  .spacer-lh-5 { height:80px;}
  .spacer-lh-6 { height:84px;}
  .spacer-lh-7 { height:98px;}
  .spacer-lh-8 { height:112px;}
  .breaker { clear:both;height:42px; }
  .spacer-top { height:15px;}
  .intra-format { padding-right:15px; padding-left:15px; }
  .intra-format-compact { padding-right:10px; padding-left:0px; }
  .intra-format-vergleich { padding-right:15px; padding-left:15px; padding-top:25px;}
  @media (min-width: 992px) {
    .intra-format { padding-right:10px; padding-left:10px;  }
    .startseite-format { margin-left:5px;}
  }
  
  
  .overlay-setting { position:absolute;top:0px;left:0px; }
  .overlay-setting.text-overlay {right:0px;}
  .overlay-legende { top:617px;left:0px;}
  
  #content-image { -webkit-user-select: none; user-select: none; }
  #content-image img { width:100%; }
  #radar-image img { width:100%; }
  .content-image img, .content-image-btm img { width:100%; }
  .content-image-btm img { margin-bottom:15px; }
  
  #content-image #main-image-content { transition: box-shadow 400ms ease-in-out; -webkit-user-select: none; user-select: none;}
  #content-image #main-image-content.slider-ui { box-shadow: 0 0 0px 3px #007dfe; }
  
  
  .radar-image img { width:100%; }
  .share-overlay { z-index:101;position:absolute;top:0;right:4px; padding-top: 4px; padding-bottom: 4px; pointer-events: none;}
  .zoom-overlay {
        z-index:100;
        position:absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 4px 14px 14px 4px;
        -ms-overflow-style: none; /* for Internet Explorer, Edge */
        pointer-events: none;
    }
    .zoom-overlay::-webkit-scrollbar {
        display: none;
    }
    .zoom-overlay > button {
        margin-right: 3px;
    }
    .zoom-overlay > * {
        pointer-events: all;
    }
    .zoom-overlay.map-buttons-column {
        display: flex;
        gap: 3px;
        flex-direction: column;
    }
    .zoom-overlay.map-buttons-column > .btn-map-left {
        min-width: 30px;
    }

    .zoom-overlay.model-buttons-row {
        margin-left: calc(30px + 3px);
        flex-wrap: wrap;
        overflow-y: hidden;
        row-gap: 3px;
        max-height: 34px;
        padding-bottom: 0;
        padding-right: 3px;
        margin-bottom: 14px;
        max-width: calc(100% - 33px - 33px);
    }
    .zoom-overlay.model-buttons-row > .btn-model {
        min-height: 30px;
    }

  .map-overlay { opacity: 0.5; }
  
  .full-size {
      width: 100%;
      height: 100%;
  }
  
  #click-overlay { 
      cursor:zoom-in;     
      height: 81.2%;
  }
  .diagram-loading { text-align:center; }
  .trend14days-diagram h3 { padding-left:10px; font-size:14px; }
  .trend14days-diagram { clear:both; padding-top:40px;}
  .trend14days-diagram:first-of-type { padding-top:0px;}
  #trend-14days { height:360px; } #trend-14days>p { padding-top:170px;}
  #trend-14days-sun { height:220px;}
  #trend-14days-gusts { height:220px;}
  #trend-14days-rain { height:230px;}
  #trend-14days-sun>p, #trend-14days-rain>p { padding-top:90px;}
  .trend-sunshine { line-height: 0; float:right; min-width:150px; padding-bottom:20px;}
.trend-icons {  height:20px; width:20px; display:inline-block;}
.trend-sun-line { background-image:linear-gradient(90deg, #fde81a 10%, #CCCCCC 90%); padding:3px 15px; font-size:11px; margin-top:-3px;}
.trend-icons-sun { background-image:url("/images/layout/icons/trend/cloudcoverage-0.svg"); }
.trend-icons-overcast { background-image:url("/images/layout/icons/trend/cloudcoverage-8.svg"); }
.trend-icons-rain-1 { background-image:url("/images/layout/icons/trend/precipitation-rain1.svg"); }
.trend-icons-rain-2 { background-image:url("/images/layout/icons/trend/precipitation-rain2.svg"); }
.trend-icons-rain-3 { background-image:url("/images/layout/icons/trend/precipitation-rain3.svg"); }
.trend-pt { font-size:11px;}
.trend-tmax-line { color:#990000; font-size:14px; font-weight:bold;}
.trend-tmin-line { color:#000099; font-size:14px; font-weight:bold;}
.trend-temp { float:left; min-width:120px; margin-right:20px; padding-left:10px; font-size:12px;}
.trend-sun,.trend-rain, .trend-gusts { float:left; width:320px; font-size:12px;}
.trend-txtn {  float:left; font-size:12px; }
.trend-marginleft {margin-left: 62px;}
.trend-tx,.trend-tn { float:left; width:260px; }
.trend-tmin-error { background-color: #e4e4f8; border-top: solid 1px #a5a5f9;border-bottom: solid 1px #a5a5f9;}
.trend-tmax-error { background-color: #f7dadb; border-top: solid 1px #fa989b;border-bottom: solid 1px #fa989b;}
.trend-tmin-line,.trend-tmin-error { width:20px; margin-bottom:1px;}
.trend-rain-prob {background-color: #ccd9f2; padding: 0 3px;}
.trend-sun-bar { color: #fde81a; } /* f9d039 */
.trend-rain-bar { color: #3c89f9; }
.trend-gusts-bar { color: #fc2a86; }
.trend-sun-error, .trend-rain-error, .trend-gusts-error { margin-left: 62px; float:left; width:320px;  font-size:12px; padding-bottom:20px;}
.trend14days-diagram>p.graph-headline-compact { padding-bottom:10px; }
.tt14d { width:99%; }
.tt14d-sun { max-width:200px;}
.tt14d-rain { max-width:224px;}
.tt14d-gusts { max-width:224px;}
.tt14d-overview { max-width:320px; min-width:270px;}
.tt14d-date { font-size:14px; font-weight:bold; float:left; }
.tt14d-sun-detail { float:right; width:48px; height:48px; margin:0;}
.tt14d-gusts-detail { float:right; width:48px; height:48px; margin:0;}
.tt14d-rain-detail { float:right; width:72px; height:72px; margin:0; text-align:right;}
.tt14d-sun-detail>img { width:48px; height:48px;}
.tt14d-rain-detail>img { width:36px; height:36px; }
.tt14d-gusts-detail>img { width:32px; height:32px; margin-left:16px;}
.tt14d-sun-estimated, .tt14d-sun-range, .tt14d-gusts-estimated, .tt14d-gusts-range { width:190px; white-space: normal; clear:left;}
.tt14d-sun-estimated, .tt14d-sun-range, .tt14d-gusts-estimated, .tt14d-gusts-range { font-size:10px; padding-top:10px;}
.tt14d-rain-estimated, .tt14d-rain-range { width:214px; white-space: normal; clear:left;}
.tt14d-rain-estimated, .tt14d-rain-range { font-size:10px; padding-top:10px;}
.tt14d-rain-range,.tt14d-sun-range,.tt14d-gusts-range  { font-size:11px; font-style: normal;}
.tt14d-sun-estimated>strong { font-size:16px;}
.tt14d-rain-estimated>strong { font-size:16px;}
.tt14d-gusts-estimated>strong { font-size:16px;}
.tt14d-astro,.tt14d-rainprob,.tt14d-gusts-note { font-size:11px;}
.tt14d-icons { float:right; width: 100px;}
.tt14d-icons>img { float:right; width: 24px; height: 24px;margin:6px;}
.tt14d-icons .tt14d-sun { width:36px;height:36px; margin:0;}
.tt14d-overview-data { clear:left; }
.tt14d-overview-data>strong { font-size:16px;}
.tt14d-overview-data em { font-size:11px; font-style:normal; }
.tt14d-prob em { font-size:11px; font-style:normal; }
.tt14d-row {padding-top:9px; line-height: 12px;}
.tt14d-row em { padding-left:15px;}
.clearhigh { padding-top:12px;}
/*@media (min-width: 768px) and (max-width: 991px) {
    .trend-txtn { max-width:470px; }
}*/
@media (min-width: 992px) and (max-width: 1199px) {
    .trend-txtn { max-width:370px; }
    .trend-sun-error, .trend-rain-error, .trend-gusts-error {margin-left: 0px; float:left; width:255px}
    .trend-sun,.trend-rain, .trend-gusts { width:310px;}
}


  #scale-overlay .image-slider {
      display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
      display: -ms-flexbox;  /* TWEENER - IE 10 */
      display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
      display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
      width: 100%;
      height: 1.5%;
      background-color: rgba(0, 0, 0, 0.2);
      transition: all 300ms ease-in-out;
  }
  
  #scale-overlay .image-slider.out {
      height: 0px;
  }
  
  #main-image-content #scale-overlay span.slider-beta {
      position: absolute;
      left: 0;
      bottom: 18.8%;
      margin-bottom: 0px;
      margin-left: 20px;
      font-weight: bold;
      text-shadow: rgba(0, 0, 0, .1) 0 0 2px, rgba(0, 0, 0, .7) 0 0 5px, rgba(0, 0, 0, .7) 0 0 10px;
      border-radius: 10px;
      padding-left: 5px;
      padding-right: 5px;
      font-family: 'KachelmannLogo';
      color: rgba(255, 255, 255, .7);
      opacity: 0;
      letter-spacing: 2px;
      transition: all 600ms ease-in-out;
      pointer-events: none;
  }
  #main-image-content.slider-ui #scale-overlay span.slider-beta {
      margin-bottom: 7px;
      opacity: 1;
  }
  
  #scale-overlay .image-slider > div.slide-element {
      -webkit-box-flex: 1 1 auto;   /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex: 1 1 auto;       /* Safari 6.1+. iOS 7.1+, BB10 */
      -ms-flex: 1 1 auto;           /* IE 10 */
      flex: 1 1 auto;               /* NEW, Spec - Firefox, Chrome, Opera */
      transition: all 200ms ease-in-out;
      height: 0;
      opacity: 0.5;
      background-color: transparent;
  }
  #scale-overlay .image-slider > div.slide-element:first-child {
      margin-left: -0.5px;
  }
  #scale-overlay .image-slider > div.slide-element:last-child {
      margin-right: -0.5px;
  }

  #scale-overlay .image-slider > div.slide-element.preloading {
      height: 100%;
      opacity: 0.45;
      background-color: #007dfe;
      transition: all 200ms ease-in-out!important;
  }

  #scale-overlay .image-slider > div.slide-element.radar-forecast.preloading {
      background-color: #ffd200;
  }

  #scale-overlay .image-slider > div.slide-element.loaded {
      height: 100%;
      opacity: 1;
      background-color: #007dfe;
  }

  #scale-overlay .image-slider > div.slide-element.radar-forecast.loaded {
    background-color: #ffd200;
  }

  #scale-overlay .image-slider > div.slide-element.active {
      height: 100%!important;
      min-width: 10px;
      opacity: 1!important;
      background-color: #f7284b!important;
  }
  #scale-overlay .image-slider > div.slide-element.instant {
      transition: initial!important;
  }
  
  .pointer { cursor: pointer; }
  
  .credit-card-info { margin-top:0px; font-size:12px;}
  .player_div { clear:both; }
  .player_btn_div { float:left; width:15%; }
  .player_btn_div2 { float:left; width:40%; }
  .player_download { float:right; text-align:right; width:20%; }
  .btn-gif { padding: 3px 10px; }
  
  .slider { margin:10px;width:100%; }
  .slider_div { float:right; width:65%;padding: 0 10px;}
  .slider_div2 { float:right; width:40%;padding: 0 10px;}
  .slider_caption_div {float:right; width:65%;margin-top:-6px;font-size:10px;}
  .slider_caption_div2 {float:right; width:40%;margin-top:-6px;font-size:10px;}
  .slider_caption_div_right {float:right;text-align:right;padding-right:10px;}
  .slider_caption_div_left {float:left;padding-left:10px;}
  
  .margin-auto { margin-left:auto;margin-right:auto;}
  .bottom-spacer { margin-bottom:18px;}
  .top-spacer { margin-top:18px;}
  .werbung { background: #000088;border:1px #000000 solid; display:none;}
  .werbung-mobile { background: #008800;border:1px #000000 solid;display:none;}
  .leaderboard { width:728px; height:90px;}
  .large-mobile-banner { width:320px; height:100px;}
  .large-rectangle { width:336px; height:280px;}
  .large-skyscraper { width:300px; height:600px;}
  .medium-rectangle { width:300px; height:250px;}
  
  
  a.g {
      font-family: Arial,sans-serif;
      font-size: 14px;
      font-weight: normal;
      position: absolute;
      text-decoration: none;
      z-index: 100;
  }
  
  
  .cityx{color:#fff;margin-left: -6px; margin-right: -6px; padding: 0 5px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.4);}
  #text-overlay .value-container {width: 0; height: 0;}
  #text-overlay .value-container a:hover{color:#000000;}
  
  .kachelmann, .wetter { text-transform: uppercase;}
  .kachelmannwetter { display:none;}
  
  .flashs { position:absolute; 
            color:#ffffff;
            font-size:16px;
            font-weight:900;
          text-shadow: #000000 1px 1px 1px;
  }
  
  #l_copyright { position:absolute; bottom:10px; right:10px;}
  #map { z-index:1000; height:600px;}
  
  
  
  body {font-family: 'Kachelmann', "Helvetica Neue", "Helvetica", sans-serif;  }
  label, .bold { font-size:16px;}
  .navbar-inverse .navbar-nav > li > a {
      color: #efefef;
  }
  
  @keyframes shine {
    0% {
        background-position: right;
    }
 }

  #obs-detail-js { text-align:center;}
  #obs-detail-js>h1 { margin-bottom:0;}
  #obs-detail-js>p { margin-top:0;padding-top:0;}
  #obs-detail-table { margin-top:24px;}
  #obs-detail-3h-js { text-align:center;}
  #obs-detail-3h-js>h1 { margin-bottom:0;}
  #obs-detail-3h-js>p { margin-top:0;padding-top:0;}
  #obs-detail-3h-table { margin-top:24px; transition: opacity 400ms ease-in-out;}
  #obs-detail-3h-table > :not(:first-child) { opacity: 0.5; transition: opacity 400ms ease-in-out;}
  #trajectory-modal .modal-dialog {
      width: 80vw;
      height: 100%;
      margin: 0 auto;
      padding: 30px 0;
      transition: filter 50ms ease;
  }

  /* #trajectory-modal.loading .modal-dialog {
    filter: blur(10px) saturate(1);
  } */

  #trajectory-modal .modal-content {
    height: 100%;
    min-height: 100%;
    border: 0 none;
  }

  #trajectory-modal.loading .modal-body {
    background: linear-gradient(75deg, rgba(0,0,0,0) 45%,rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 66%);
    background-size:300% 100%;
    animation: shine 1.5s infinite;
  }

  #trajectory-modal .modal-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 40px;
    border: 0;
    transition: opacity 50ms ease;
  }
  #trajectory-modal.loading .modal-header {
      opacity: 0;
  }
  #trajectory-modal .modal-body {padding:0; height: 100%;}
  button.change-graph {
      padding-right: 8px;
      padding-left: 8px;
  }
  #trajectory-map {height: 100%}
  .btn-loading {
      background: linear-gradient(-45deg, hsla(14, 82%, 63%, 0.6), hsla(337, 78%, 57%, 0.6), hsla(196, 72%, 49%, 0.6), hsla(166, 72%, 49%, 0.6));
      background-size: 400% 400%;
      animation: bg-anim-loading 1.5s ease infinite;
  }
  
  @keyframes bg-anim-loading {
      0% {
          background-position: 0% 50%;
      }
      50% {
          background-position: 100% 50%;
      }
      100% {
          background-position: 0% 50%;
      }
  }

  .centered { text-align:center;}
  
  .navbar-own {
      background-color:#ffffff;
      border-bottom:1px #186eb7 solid;
  }
  
  .navbar-inverse .navbar-nav > li > a,
  .navbar-own .navbar-nav > li > a {
      color: #efefef;
  }
  .navbar-own .navbar-nav > li > a:hover,
  .navbar-own .navbar-nav > li > a:focus
  {
     background-color:#186eb7;
  }
  
  .nav .open > a, .nav .open > a:hover, 
  .nav .open > a:focus {
      background-color:#186eb7;
  }
  
  a.navbar-brand  {
      color: #ffffff !important;
      text-decoration: none;
  }

  .navbar-toggle.report {
      background-color: #FFC625 !important;
      padding: 3px;
      margin-top: 10px;
      height: 30px;
      width: 30px;
  }
  button.navbar-toggle.report img {
      width: 100%;
      height: auto;
  }
  
  .navbar-own .navbar-toggle {
      border-color: #cfcfcf;
  }
  .navbar-own .navbar-toggle { color:#ffffff;}
  .navbar-own .navbar-toggle .icon-bar {
      background-color: #fff;
  }
  .navbar-nav .open .dropdown-menu { background-color:#fff; }
  
  .right {
      text-align:right;
  }
  
  @media (min-width: 768px) {
      .own-modal-lg { width:700px;  max-width:100%;}
      .footer { height:80px;}
      .close_div { width:400px; }
  }

  @media (max-width: 340px) {
      .trend-sun, .trend-rain, .trend-gusts { margin-left: 22px;}
      .trend-sun-error, .trend-rain-error, .trend-gusts-error { margin-left: 22px; }
  }

  @media (max-width: 767px) {
      #map {height:400px; max-height:90%; max-width:100%;}
      .footer { height:110px;}
      .spacer-top { height:50px; }
      .intra-format-compact { padding-left:15px; padding-right: 15px;}
      .trend-sun, .trend-rain, .trend-gusts { width: 278px; font-size: 11px; }
      .trend-sun-error, .trend-rain-error, .trend-gusts-error { width: 278px; font-size: 11px; }
    #obs-detail-3h {padding-left: 0!important;}
    #obs-detail-3h .modal-dialog {margin:0;}
    #obs-detail-3h #hc_obs_graph {margin-left:-10px; margin-right: -15px; max-width: none!important;}
    #trajectory-modal .modal-dialog {
        width: 100%;
        margin: 0;
        padding: 0;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .dkpw-billboard, .dkpw-billboard-vorhersage { min-width:728px; max-width: 100%; overflow-x: hidden;}
    #obs-detail-3h .modal-dialog, #request-modal .modal-dialog {
        width: auto;
        margin: 10px;
    }
    #trajectory-modal .modal-dialog {
        width: auto;
        margin: 0 10px;
        padding: 10px 0;
    }
  }
  
  @media (min-width: 1200px) {
    #obs-detail-3h .modal-dialog, #request-modal .modal-dialog, #trajectory-modal .modal-dialog {
        width: 80vw;
    }
  }
  
  @media (min-width: 992px) {
      .own-modal-lg { width:920px; max-width:100%;}
       .overview-temp { width:100px;}
        
   .fcwcity { 
       margin-top:7px;
       font-size:14px;
       margin-bottom:7px;
   }
  }
  
  @media (min-width: 1200px) {
      .own-modal-lg { width:1100px; max-width:100%;}
      .overview-temp { width:auto;}
  }
  
  .openstreetmap { width:100%;z-index:1000;font-size:11px; background-color:#333; text-align:right; padding-right:5px; color:#fff;}
  .openstreetmap>a { color:#fff !important; }
  
  .dkawf2 {  width:100%;margin: 10px 0;}
  .dkawf2 img {  width:100%; margin: 0px auto;}
  .dkawf2 p { margin:0;padding:0;font-size:11px;}
  
  .vine-error { background-color:#000;color:#ccc;padding:auto; width:300px; height:300px;}
  
  
  .btn-black {
      background-color: #333;
      border-color: #ccc;
      color: #fff;
  }
  
  .btn-black:hover,.btn-black:focus,.btn-black.focus {
      color: #ccc !important;
  }
  .btn-grey {
      background-color: #333333;
      border-color: #333333;
      border-radius: 0;
      color: #fff !important;
      width: 100%;
      text-align:left;
      padding:4px 12px;
  }
  .btn-grey-plus {
      background-color: #333333 !important;
      border-color: #333333;
      border-radius: 0;
      color: #fff !important;
      width: 100%;
      text-align:left;
      padding:4px 12px;
  }
  
  .btn-active {
      background-color: #f7284b !important;
      border-color: #f7284b !important;
      color: #fff !important;
      border-radius: 0;
  }
  
  .btn-greylight {
      background-color: #ddd;
      border-color: #bbb;
      border-radius: 0;
      color: #000 !important;
      width: 100%;
      text-align:left;
      padding:4px 12px;
  }
  .btn-grey:hover,.btn-black:focus,.btn-black:active{
      background-color: #545454;
      border-color: #333333;
      color: #fff !important;
      width: 100%;
      text-align:left;
  }
  
  
  #copyright_info { background-color:#fff;}
  #copyright_text { text-align:right; padding-right:10px;}
  
  @media (min-width: 768px) {
      #copyright_text { font-size:10px; padding-right:14px; }
     .wstd3 { width:100px !important;}
     .wstd2 { width:70px !important; text-align:right;}
     .wstd-head { text-align:center;}
  }
  
  @media (max-width: 767px) {
      #copyright_text { font-size:9px; }
  }
  
  @media (min-width: 992px) {
       #copyright_text { font-size:11px; padding-right:12px;}
  }
  
  @media (min-width: 1200px) {
       #copyright_text { font-size:12px; padding-right:15px;}
  }
  
  #drop-downs h1 { margin-top:0px;}
  
  .blitz-info { display:none;}
  
  .wsymbol { width:30px !important; height:30px !important; margin-top:3px;}
  .wstd { padding:0px !important; font-size:12px;  }
  .wstmp { padding-top:13px;display:inline;}
  .table-striped > tbody > tr:nth-of-type(2n+1) {
      background-color: #eee;
  }
  
  .forecast a { color:#333 !important;}
  
  
  .map-marker { font-size: 20px !important; color:#ffffff;}
  #map-marker { display:none;}
  
  .pollen-white,.forecast-white { color:#ffffff;}
  
  
  .wsymbol-morning, .wsymbol-evening, .wsymbol-afternoon {
      position: relative;
  }
  
  .wsymbol-morning > img.wsymbol-wind, .wsymbol-evening > img.wsymbol-wind, .wsymbol-afternoon > img.wsymbol-wind {
      position: absolute;
      z-index: 1;
      width: 37.5%!important;
      min-width: 16px;
      top: 0;
      right: 12.5%;
  }
  
  @media (max-width: 767px) {
      .pollen-white { font-size:24px !important;margin:-12px -7px;}
      .forecast-white { font-size:12px !important;margin:-6px -2px;}
      .map-marker { margin:-12px -7px;}
      
      .wsymbol-morning, .wsymbol-evening, .wsymbol-afternoon { text-align:center;width:33%; float:left;}
      .wsymbol-morning>img, .wsymbol-evening>img, .wsymbol-afternoon>img { width:100% !important;}
      .wsymbol-morning>p, .wsymbol-evening>p, .wsymbol-afternoon>p { font-size:10px;}
      .wsymbol-morning, .wsymbol-evening,.wsymbol-afternoon { border-bottom:1px solid #efefef;}
      .wsymbol-morning>img, .wsymbol-evening>img, .wsymbol-afternoon>img { margin-bottom:10px;}
      .day-fc-temp { font-size:20px; font-weight:900; width:55%;text-align:left;float:right;}
      .day-fc-temp-maxmin { font-size:10px; width:45%;text-align:right;float:left;padding-top:10px;padding-right:3px;}
      .day-temp-maxmin { padding-top:10px;padding-bottom:20px;}
      .day-risks { clear:both; padding-top:33px;}
      .wsymbol-morning>p, .wsymbol-evening>p, .wsymbol-afternoon>p { display:none;}
      .day-fc-symbol-icon,.day-fc-symbol-norisk {  margin-top:-30px; height: 35px;}
      .day-fc-symbol-icon {}
      .day-fc-symbol { font-size:20px; font-weight:900; width:50%;text-align:left;float:right;}
      .day-fc-symbol-risk { font-size:10px; width:50%;text-align:right;float:left;padding-top:10px;padding-right:3px;}
      .day-fc-symbol>img { width:50% !important; max-width:33px !important;}
      .daytable-icon>p { font-size:11px;}
      .hc-flags { width:55px;height:30px;float:left; z-index:1; }
      .wstd { width:40px; }
  }
  
  @media (min-width: 768px) {
       .map-marker { margin:0;}
      .day-row { clear:both; margin:0 -10px 0 -10px;}
      .kacheln { margin:10px; border:1px solid #ccc;}
      .nextdays { padding-left:10px; padding-right:10px;}
      
      .wsymbol-morning,  .wsymbol-evening { width:33%;float:left;text-align:center;border-bottom:1px solid #efefef; min-height:80px;}
      .wsymbol-afternoon { width:33%;float:left;text-align:center;border-bottom:1px solid #efefef; min-height:80px;}
  
      .wsymbol-morning>img, .wsymbol-evening>img, .wsymbol-afternoon>img { width:75% !important;}
      .wsymbol-morning>p, .wsymbol-evening>p, .wsymbol-afternoon>p { font-size:11px;}
      .wsymbol-morning, .wsymbol-afternoon { border-right:1px solid #efefef;}
      
      .day-temp-maxmin,.day-risks { width:50%;float:left;}
      .day-temp-maxmin { padding-top:20px;padding-bottom:10px;}
      .day-risks { padding-top:23px;}
      .day-fc-symbol-icon { margin-top:-13px;}
      .day-fc-temp { font-size:20px; font-weight:900; width:55%;text-align:left;float:right;}
      .day-fc-temp-maxmin { font-size:10px; width:45%;text-align:right;float:left;padding-top:10px;padding-right:3px;}
  
      .day-fc-symbol { font-size:20px; font-weight:900; width:50%;text-align:left;float:right;}
      .day-fc-symbol-risk { font-size:10px; width:50%;text-align:right;float:left;padding-top:10px;padding-right:3px;}
      .day-fc-symbol>img { width:50% !important;}
      .hc-flags { z-index:1; }
  }
  
  
  
  
  @media (min-width: 481px) {
      .map-marker { margin:-3px 7px;}
      .day-row { clear:both; margin:0 -5px 0 -5px;}
      .kacheln { margin:5px; border:1px solid #ccc;}
      .nextdays { padding-left:5px; padding-right:5px;}
  }
  @media (max-width: 480px) {
      .map-marker { margin:-12px 3px;}
      .day-row { clear:both; margin:0;}
      .kacheln { margin:2px; border:1px solid #ccc;}
  }
  .kacheln-first { border-left:0 !important;}
  .kacheln-hours { border-left:1px solid #ccc;}
  .fc-hours, .fc-symbol, .fc-temp, .fc-rain, .fc-days, .fc-date { text-align:center;font-size:11px;}
  .fc-hours, .fc-days, .fc-date  { background-color:#007dfe; color:#fcfcfc; }
  
  .fc-symbol { position: relative; }
  
  .fc-days { font-size:13px;}
  .fc-date { font-size:10px;}
  .fc-temp { font-size:20px; font-weight:900;}
  .fc-symbol { margin:0px 0 -5px 0;}
  .fc-row { clear:both; margin:10px 0 0 0;}
  .fc-row-compact { clear:both; margin:0 0 0 0;}
  
  .no-padding { padding:0 !important;}
  .wsymbol2x { width:40% !important; padding-top:10px;padding-bottom: 5px; }
  .fc-symbol > .wsymbol-wind {
      position: absolute;
      z-index: 1;
      width: 20%!important;
      top: 0px;
      right: 30%;
  }
  
  .panel-own {
     border-color: #ddd;
     border-radius: 0;
  }
  .panel-own > .panel-heading {
      background-color:#007dfe;
      border-color: #ddd;
      border-radius: 0;
      color: #fcfcfc;
  }
  
  .panel-compact {
     border: 0px;
     border-radius:0;
  }
  .panel-compact > .panel-heading {
      background-color:#007dfe;
      border-color: #ddd;
      border-radius:0;
      color: #fcfcfc;
  }
  
  .panel-days {
      margin-bottom:2px;
  }
  .panel-days > .panel-body {
      padding-top:2px; padding-bottom:2px;
  }
  .panel-symbol { margin-top:0px; margin-bottom:0px;}
  .panel-div { padding-top:7px;}
  
  .disclaimer-norway { font-size:11px; text-align:right; padding-right:20px;}
  .disclaimer-norway-star { font-size:14px;}
  .btn-spacer { margin-bottom:2px;}
  .btn-spacer>label {  text-transform: uppercase;font-weight: 500; font-size: 14px;}
  #ensemble-tooltip { text-align:center; }
  #ensemble-tooltip table { margin: 0 auto; }
  .graph-headline { padding:10px 0 0px 10px; font-weight:bold; font-size:14px; color:#666;}
  .graph-headline-compact { padding:0px 0px 0px 5px; margin:0px; font-weight:bold; font-size:14px; color:#666;}
  .graph-headline-ensemble { padding:0px 0px 0px 16px; margin:0px; font-weight:bold; font-size:14px; color:#666;}
  .day-wind-rain { clear:both;}
  .day-wind-rain span { font-size:14px;}
  .middle { text-align:center;}
  .wind-daytable { font-size:20px;}
  
  .model-selector {
    background-color: #333333;
    border-radius: 0;
    color:#fff;
  }
  
  #autorefresh-info {
      display: inline-block;
      position: absolute;
      bottom: 0;
      right: 0;
      color: #31708f;
      margin-bottom: 7px;
      font-size: 80%;
  }
  
  #autorefresh-info .glyphicon{
      margin-left: 5px;
  }
  
  .glyphicon-spin {
      -webkit-animation: spin 1000ms infinite linear;
      animation: spin 1000ms infinite linear;
  }
  @-webkit-keyframes spin {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(359deg);
          transform: rotate(359deg);
      }
  }
  @keyframes spin {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(359deg);
          transform: rotate(359deg);
      }
  }
  
  .button-group .input-group-addon  { font-size:10px;}
  
  .btn-danger {
      background-color: #f7284b;
      border-color: #d43f3a;
      border-radius:0;
      color: #fff;
  }
  
  .btn-default {
      background-color: #fff;
      border-color: #ccc;
      border-radius:0;
      color: #333;
  }
  .btn-default .kwicons-locateme-2-b { height: 18px; margin: -1px -6px -4px -4px; }
  .btn-mobile .kwicons-locateme-2-b { height: 18px; margin: 0px -6px -5px -4px; }
  
  .btn-info {
      background-color: #007dfe;
      border-color: #007dfe;
      border-radius:0;
      color: #fff;
  }
  .btn-info:hover {
      background-color: #0057b1;
      border-color: #0057b1;
      border-radius:0;
      color: #fff;
  }

  .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active {
    background-color: #007dfe;
    border-color: #007dfe;
  }

  .btn-info-active, .btn-info.btn-info-active, .btn-model.btn-info-active {
      background-color: #f7284b;
      border-color: #f7284b;
      border-radius:0;
      color: #fff;
  }
  .btn-info-active:hover, .btn-info.btn-info-active:hover, .btn-model.btn-info-active:hover {
      background-color: #f7284b;
      border-color: #f7284b;
      border-radius:0;
      color: #fff;
  }

  .btn-close {
    background-color: #f7284b !important;
    border-color: #f7284b !important;
    border-radius:0;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    padding: 5px;
    width: 32px;
    height: 30px;
  }
  .btn-close:hover {
    background-color: #f7284b !important;
    border-color: #f7284b !important;
    border-radius:0;
    color: #fff;
  }
  
  .btn-primary {
      background-color: #333333 !important;
      border-color: #333333 !important;
      border-radius:0;
      color: #fff;
  }
  .btn-primary:hover {
      background-color: #000000 !important;
      border-color: #000000 !important;
      border-radius:0;
      color: #fff;
  }

  .btn-primary:disabled, .btn-primary.wait {
      background-color: #333333 !important;
      border-color: #333333 !important;
      border-radius:0;
      color: transparent !important;
      opacity: 1 !important;
      background-image: url("../images/layout/v2/submit-loading.gif");
      background-position: 50% -2px;
      background-repeat: no-repeat;
      pointer-events: none;
      cursor: default;
  }
  
  .daytable-left { float:left; width:30%;}
  .daytable-icon>img { width:100%; max-width:140px; }
  .daytable-icon { text-align:center;}
  .dayoverview-icon>img { width:70%}
  .daytable-detail { font-size:12px;}
  .daytable-absatz>h4 { margin:0;padding:0;font-size:13px; padding-top:11px;}
  
  
  .leer-image { height:80px;}
  .geo-flag { color:#ffffff;text-shadow: #000000 2px 2px 2px; }
  
  .alert-danger a { color: #a94442 !important; text-decoration:underline;}
  
  
  .btn-geo {
      background-color: #fff !important;
      border-radius: 0;
      color: #000 !important;
      padding:0 8px;
  }
  .btn-geo-search {
      background-color: #f7284b!important;
  }
  .btn-geo-search:hover {
    background-color: #333!important;
  }


  
  /* Fix für XL-Vorhersage Flaggen - START */
  
  .highcharts-root {
      position: relative;
      z-index: 1;
      pointer-events: none;
  }
  #ensemble_graph :not(.highcharts-fixed) > .highcharts-root, #trajectory-map .highcharts-root {
      pointer-events: all;
  }
  
  .highcharts-root .highcharts-background {
      fill: rgba(255, 255, 255, 0)!important;
  }
  
  #weather-fcxl-page .highcharts-legend > g {
      pointer-events: all;
  }
  
  /* Fix für XL-Vorhersage Flaggen - ENDE */
  
  .highcharts-label span, .ui-tooltip {
      z-index: 20;
      font-family: 'Kachelmann', "Helvetica Neue", "Helvetica", sans-serif !important;
  }

  
  .highcharts-tooltip div {
      background-color: transparent;
      z-index: 20;
      margin-right:-8px;
      padding-right:8px;
      margin-left:-7px;
      padding-left:7px;
  }
  
  .highcharts-tooltip {
    z-index: 9998;
  }


.highcharts-tooltip  .highcharts-tooltip-box {
    fill: white;
    fill-opacity: 1;
    stroke: #444;
}
.highcharts-scrolling-parent {
    padding-bottom: 10px;
}
.highcharts-scrolling {
    scrollbar-width: thin;
}

span.model-legend {
    font-family: 'Kachelmann', "Helvetica Neue", "Helvetica", sans-serif !important;
}
  
  .detail-caret { color:#666;
  }
  
  .hc-datalabel { z-index:1000; }
  
  .search-result-text { margin-top:30px;}
  
  
   .bottom-fixed {  z-index:2000;
      position: fixed;
      width:90%;
      left: auto;
      bottom: 3px; }
   
   
   .fcwstmp { 
       margin-top:9px;
       margin-left:2px;
       font-weight:bold;
       width:25px;
   } 
  
   
   .fcwstmpmin {
       margin-top:9px; font-size:10px;
       width:25px;
       text-align: right;
   }
   .fcwhead { font-weight:bold; font-size:14px;}
   
   .top-top { clear:both; text-align:right;padding:6px;margin-top:12px; padding-bottom:0;}
   
   .fcwlittle { font-size:9px; margin-bottom:-9px; }
   .overview-forecast { border-top:1px solid #ccc;}
   .overview-city>div { float:left; }
   .overview-temp>div { float:left;}
   .overview-icons { float:left; margin-left:7px;}
   .overview-icons>img { float:left; margin-left:-1px;}
   .overview-city>div>a { text-decoration: none; color:#333; margin-top:9px;}
   .forecast-head { margin-top:0;}
   
   .forecast-sharer { float:right; margin-top:-5px;}
   .forecast-xl { float:right;}
   .model-klein { font-style: italic;}
   .csname { font-size:16px; }
   .csarea { font-size:12px; }
   .csgreen { color:#009900; font-size:18px;}
   .csred { color:#990000; font-size:18px;}
   
   .btn-mobil { padding: 4px 9px;}
   
   .kwetter-hd { padding-top:10px;}
   .wetter-image-top { height:120px; overflow:hidden; }
   .wetter-image-top>a>img { margin-top:-20px; }
   
   .model-link { font-size:11px; text-align:right; padding-right:20px; margin-top:2px; margin-bottom:5px;}
   .wetter-top { border-bottom:1px solid #000;margin-top:15px;margin-bottom:5px; }
   .wetter-top2 { margin-top:50px; border-bottom:1px solid #000; margin-bottom:10px;}
   h2.wetter-top3 { margin-top:0px;}


   .additional-info-overlay {
    position: absolute;
    top: 34px;
    z-index: 101;
    pointer-events: none;
   }

   .additional-info-element {
    display: none;
    margin: 4px 4px;
    padding: 5px 10px;
    background-color: rgba(0,0,0,0.2);
    text-shadow: 0 0 4px black;
    color: white;
    border-radius: 1px;
   }

   @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .additional-info-element {
        -webkit-backdrop-filter: blur(0.5em);
        backdrop-filter: blur(0.5em);
    }
   }

   #temperature-output-value {
    display: inline-block;
    min-width: 45px;
    text-align: right;
   }


  /* MOBILE ADS */
  @media (max-width: 767px) {
       .kwetter-hd>a>img { margin-bottom:20px;}
       .wetter-top { margin-top:25px; }
       .wetter-image-top { height:80px; overflow:hidden; }
       .wetter-image-top>a>img { margin-top:-20px; }
       .dkpw-startseite-content,.dkpw-startseite-all { width:320px; height:100px; display:none !important;}
       .dkpw-above-content { width:320px; display:block; margin-left:auto;margin-right:auto; font-size:1px;}
       .dkpw-above-content >.adblocker { padding:0;}
      .dkpw-above-content >.adblocker>h4 {font-size:15px;padding-top:15px;margin:0px;}
      .dkpw-above-content >.adblocker>p {font-size:11px;padding:0px;margin:0px;}
      .additional-info-overlay { top: 0px; }
  } 
  @media (min-width: 768px) {
      .wetter-image-top { height:110px; overflow:hidden; }
      .wetter-image-top>a>img { margin-top:-25px; }
  }
  @media (min-width: 992px) {
      .wetter-image-top { height:90px; overflow:hidden; }
      .wetter-image-top>a>img { margin-top:-15px; }
  }
  
  @media (min-width: 1200px) {
      .wetter-image-top { height:120px; overflow:hidden; }
      .wetter-image-top>a>img { margin-top:-20px; }
  }
  
  .bull { font-weight:900;font-size:12px; }
  .bull-nor { color:#B75074; }
  .bull-srb { color:#8AB889; }
  .bull-aus { color:#805CD3; }
  .bull-usa { color:#369234; }
  .bull-can { color:#5782C9; }
  .bull-deu-mos { color:#5C7CB1; }
  .bull-swissmos { color:#fa3bf3; }
  
  
  .wetter-search { margin-top:50px; margin-bottom:50px;}
  
  .list-block { min-height:150px;}
  
  
  
  .dkpw { padding:0px !important; display:block;}
  .adblocker { padding:10px;text-align:center;background-color:#e4e4dc; width:100%;height:100%;}
  
  .adblocker>h4 {font-size:18px;padding-top:0px;margin:0px;}
  .adblocker>p {font-size:12px;padding:5px;margin:0px;}
  .dkpw-leaderboard {width:728px;height:90px;}
  .dkpw-leaderboard>.adblocker { padding:0;}
  .dkpw-double-leaderboard {width:728px;height:180px;}
  .dkpw-double-leaderboard>.adblocker { padding:0;}
  
  .dkpw-halfpage-ad {width:300px; height:600px;}
  .dkpw-medium-rectangle {width:300px;height:250px !important;display:block;}
  .dkpw-medium-rectangle>.adblocker>h4 {padding-top:65px;}
  .dkpw-large-rectangle {width:336px;height:280px;}
  .dkpw-mobile-leaderboard {width:320px;height:50px;}
  .dkpw-large-mobile-banner {width:320px;height:100px;}
  .dkpw-skyscraper {width:120px;height:600px;}
  .dkpw-skyscraper>.adblocker>h4 {font-size:15px;padding-top:15px;margin:0px;}
  .dkpw-skyscraper>.adblocker>p {font-size:11px;padding:0px;margin:0px;}
  .dkpw-wide-skyscraper {width:160px;height:600px;}
  .dkpw-wide-skyscraper>.adblocker>h4 {font-size:15px;padding-top:15px;margin:0px;}
  .dkpw-wide-skyscraper>.adblocker>p {font-size:11px;padding-top:5px;margin:0px;}
  .dkpw-ultra-skyscraper {width:200px;height:600px;}
  .dkpw-ultra-skyscraper>.adblocker>h4 {font-size:16px;padding-top:15px;margin:0px;}
  .dkpw-ultra-skyscraper>.adblocker>p {font-size:12px;padding-top:5px;margin:0px;}
  .dkpw-middle { margin-left:auto; margin-right:auto; width:728px; display:none; }
  .dkpw-right { float:right; }
  .dkpw-left { float:left; }
  .dkpw-auto { width:100%; height:600px;}
  .container { padding-top:0 !important;}
  
  .kw-ad-right { float:right; text-align:left; width:300px; margin-top:35px;}
  
  .kw-ad-right-300 { float:right; text-align:right; width:300px;}
  .kw-ad-right-200 { float:right; text-align:right; width:200px;}
  .kw-ad-right-160 { float:right; text-align:right; width:160px;}
  .kw-ad-right-120 { float:right; text-align:right; width:120px;}
  
  .dkpw-first { margin-top:-10px; margin-bottom:10px; text-align:right; float:right;}
  .kw-content-wrapper { clear:both; margin-left:auto; margin-right:auto; padding-top:10px;}
  .kw-conwrap-fix { padding-top:0px; margin-top:0px !important;}
  .kw-wrapper>nav>div.container,.kw-footer { margin-left:auto;margin-right:auto;}
  .kw-site { padding-bottom:30px;background-color:#fff;}
  .dkpw-right-skyscraper, .dkpw-right-wide-skyscraper, .dkpw-right-ultra-skyscraper,.dkpw-right-halfpage-ad { display:none;}
  
  .menue-button { position:fixed;top:50px;left:0px;width:100%;z-index:1004;min-height:40px;
                  max-height:340px; overflow:auto;}
  .menue-head { text-align:center;}
  
  .input-search { width:60%; border:2px solid #f7284b; }
  .select-search { width:33%; border-top:2px solid #f7284b;border-bottom:2px solid #f7284b;border-right:2px solid #f7284b;}
  .navbar2-search .input-search { width:60%; border:2px solid #007dfe; }
  .navbar2-search .select-search { width:33%; border-top:2px solid #007dfe;border-bottom:2px solid #007dfe;}
  .input-search>.form-control { font-size:11px;}
  .select-search>.form-control  { font-size:11px;}
  
  #kachelmann-faq img { max-width:100%;}
  #kachelmann-faq h5 { font-family: 'KachelmannLogo';}
  
  #billboard-main, .md-billboard-sp { height: 250px; }
  .str-ba-parent { min-height: 250px; display:flex;  flex-direction: column; align-content: center; justify-content: flex-end;}
  .str-tm-parent { min-height: 300px; display:flex;  flex-direction: column; align-content: center; justify-content: flex-end;}
  .str-ba { min-height:90px; max-height:250px;}
  .intra-format>.str-ba { margin-left:-10px;}
  .str-tm { min-height:50px; }
  .str-tm-parent>.str-tm { max-height: 300px;}


  #mobilebb-main, .md-mobiletop-sp { min-height:250px; max-height:280px; }
  .md-leaderboard-sp { height:90px; }
  .md-center { text-align:center; }
  .ad-de-medium,.ad-de-small, .ad-de-large, .ad-halfpage,.ad-wideskyalt,.ad-widesky,.ad-sky,.str-ahp,.str-aws { display:none;}
  .dkpw-footerad { width:801px; margin-top:50px; display:none; margin-left:auto;margin-right:auto;}
  .dkpw-hockeystick { text-align:right; font-size:1px;}
  .md-160x600, .md-300x250, .md-320x100, .md-728x90, .md-billboard, .md-300 { overflow:hidden;}
  .md-largerec { width:336px; height:280px; overflow:hidden; float:left; margin: 60px 0 0 27px;}
  .md-medrec { width:300px; height:250px; overflow:hidden; float:left; margin: 30px 0 0 7px;}
  .md-mobilecontent  { min-height:50px; max-height:250px; overflow:hidden; margin: 15px auto 0 auto; text-align:center;}
  #xclicks { display:none;}
  .xclickslayer {  background-color: #5a5a5a; border:2px solid #000;}
  .md-mobilelazy { margin: 0 auto;}
  .md-300x600 {width:300px;min-height:600px;max-width:500px;}
  .str-sk-sky,.str-sk-1 {min-width:160px; max-width:500px; min-height:600px;}
  .md-300x250 {max-width:336px;max-height:280px;}
  .md-300 { max-width:336px;}
  .md-160x600,.str-sk-0 {width:160px; min-height:600px;}
  .md-320x100,.md-bblazy {margin-left:auto; margin-right:auto; text-align:center;}
  .md-728x90 {width:728px;}
  .md-billboard { width:1000px;}
  .yb-billboard-pos { text-align: center; }
  .gad-res-billboard { display:block; width:320px; max-height:100px; margin-left:auto;margin-right:auto; overflow:hidden;padding:0;}
  .freestar-res-billboard { display:block; width:320px; margin-left:auto;margin-right:auto; overflow:hidden;padding:0;}
  .gad-res-skyscraper, .freestar-res-skyscraper, .yb-res-skyscraper { display:none; margin:0;padding:0;overflow:hidden;}
  .gad-res-rectangle, .freestar-res-rectangle, .yb-res-rectangle, .gad-res-rectangle2, .freestar-res-rectangle2, .yb-res-rectangle2 { display:none; margin:0;padding:0;overflow:hidden;}
  .exclusive-big { display:none;}
  .exclusive-small {  display:block;}
  .anzeige { font-size:10px; font-weight:normal;text-decoration:none;font-family: 'KachelmannLogo'; margin:0;padding:0;}
  .mdcss-mobile, .mdcss-tablet, .mdcss-desktop, .mdcss-desktop-large, .mdcss-desktop-small { display:none;}
  .mdcss-top-app { height:110px;}
  .md-left { float:left;}
  .md-right { float:right;}
  .md-medrec-width { width:300px !important; overflow:hidden;}
  .md-medrec-height { height:250px;}
  .md-mob-margin { margin: 0 -15px; text-align:center;}
  .md-mob-margin-border { margin: 0 -17px; text-align:center;}
  .btn-register { margin: 15px auto 0 auto; border:1px solid #fff;}
  .dkpw-billboard-margin-fixed { height:250px;}

  @media (min-width: 480px) {
      .gad-res-billboard{width:468px; max-height:60px;}
      .freestar-res-billboard {width:468px; }
  }
  @media (max-width: 767px) {
      .kw-content-wrapper {margin-left: 15px; margin-right: 15px;}
      .md-bblazy { display:none !important;}
      .mdcss-mobile { display: block; }
      .str-tm-parent { display:flex;}
      .xclickslayer {  min-height:280px;}
      /* .kw-layout-wrapper { overflow-x: hidden;} */
      .dkpw-billboard-margin-fixed { height:300px;}
  
  }
  @media (min-width: 768px) {
      .ad-de-small {display:block;}
      .ad-de-large,.ad-de-medium {display:none;}
      /* .kw-layout-wrapper { width:750px; margin-left:auto;margin-right:auto;display: table;} */
      .kw-content-wrapper {width:720px;}
      .kw-footer { width:750px; }
      .menue-button { max-height:700px;}
      .dkpw-startseite-content { width:345px;height:250px; display:block;}
      .dkpw-above-content,.dkpw-startseite-all { width:728px; height:90px; display:block;}
      .dkpw-above-content >.adblocker { padding:0;}
      .dkpw-above-content >.adblocker>h4 {font-size:18px;padding-top:15px;margin:0px;}
      .dkpw-above-content >.adblocker>p {font-size:12px;padding:0px;margin:0px;}
       .dkpw-above-content { display: none !important;}
      .dkpw-middle { display: block;}
      .gad-res-billboard {width:728px; max-height:90px;}
      .freestar-res-billboard {width:728px; }
  }
  @media (min-width: 768px) and (max-width:991px) {
      .mdcss-tablet {display:block;}
      .str-ba-parent {display:flex;}
      .md-largerec { margin: 60px 0 0 15px; }
      /* .kw-layout-wrapper { overflow-x: hidden;} */
      /*.xclickslayer {  height:581px;}*/
  }
  
  @media (min-width: 992px) and (max-width:1199px) {
      .mdcss-desktop-small {display:block;}
      .btn-twetter { padding-left:9px; padding-right:9px;}
      /*.xclickslayer {  height:506px;}*/
  }
  
  @media (min-width: 992px) {
      .mdcss-desktop {display:block;}
      .str-ba-parent {display:flex;}
  }
  
  @media (max-width:991px) {
      .mwc { display:none;}
      .dkpw-medium-rectangle { display:none}
      .dkaw-leaderboard { display:none;}
      .dkpw-hockeystick { display:none; }
  
  }
  @media (min-width: 1200px) {
      /*.xclickslayer {  height:615px;}*/
  }
  .btn-search {
    background-color: #f7284b !important;
    border-radius: 0;
    color: #fff;
    padding: 6px 9px !important;
  }
  .btn-search:hover {
      background-color: #333 !important;
      color: #fff;
  }
  
  .md-top { text-align:center;}
  .form-control-red {
      border:0 !important;
  }
  @media (min-width: 992px) {
      .ad-de-medium {display:block;}
      .ad-de-small,.ad-de-large {display:none;}
       .kw-layout-wrapper { width:970px; margin-left:auto;margin-right:auto;}
       .kw-content-wrapper {width:940px;}
       .kw-footer { width:970px; }
       .dkpw-startseite-content { width:455px; height:280px; display:block;}
       .dkpw-medium-rectangle { width:300px !important;height:250px !important;}
      .input-search { width:60%;}
      .select-search { width:33%;}
      .input-search>.form-control { font-size:13px;}
      .select-search>.form-control  { font-size:13px;}
      .dkpw-above-content { display:none;}
      .dkpw-footerad { display:block;}
      .dkpw-billboard { display:block; }
      .dkpw-billboard-vorhersage { display:flex; margin-left:-15px;}
      .str-ba-parent {display:flex; }
      .dkpw-middle { display: none;}
      .gad-res-billboard { width:970px;max-height:250px;}
      .freestar-res-billboard { width:970px;}
      .gad-res-rectangle, .freestar-res-rectangle { width:300px !important;max-height:250px; display:block;}
      .yb-res-rectangle { width:300px !important;max-height:250px; display:inline-block;}
      .freestar-res-rectangle {height:250px; }
      .gad-res-rectangle2, .freestar-res-rectangle2 { width:300px !important; display:block;}
      .yb-res-rectangle2 { width:300px !important; display:inline-block;}
  }
  
  @media (min-width: 1200px) {
      .ad-de-large {display:block;}
      .ad-de-small,.ad-de-medium {display:none;}
      .mdcss-desktop-large { display:block;}
       .kw-layout-wrapper { width:1170px; margin-left:auto;margin-right:auto;}
       .kw-content-wrapper {width:1140px;}
       .kw-footer { width:1170px; }
       .dkpw-startseite-content { width:555px; height:280px; display:block;}
       .dkpw-billboard-margin-fixed { width:1170px; height:250px;}
       .dkpw-billboard-margin { width:1170px; max-height:250px;}
       .dkpw-billboard,.dkpw-billboard-vorhersage { margin-left:auto;}
       .exclusive-big { display:block; }
       .exclusive-small { display:none;}
       .nx-wp .md-top { width:1090px;}
  }
  
  @media (max-width: 1311px) {
      .kw-ad-right { display:none;}
      .dkpw-right-ad-format,.dkaw-right,.dkpw-startseite { display:none; }
      .dkpw-leaderboard {margin-left:auto; margin-right:auto; }
      .dkaw-leaderboard { margin-left:auto; margin-right:auto; }    
  } 
  @media (min-width: 1312px) {
      .kw-site { margin:-10px -10px 0 -10px; padding:10px 10px 30px 10px; background-color:#ffffff;}
      .kw-wrapper { width:1295px; margin-left:auto;margin-right:auto;}
      .kw-layout-wrapper { float:right; width:1170px;}
      .ad-halfpage,.ad-wideskyalt,.ad-widesky,.str-ahp,.str-aws { display:none;}
      .ad-sky { display:block;}
      .kw-ad-right { width:120px;}
      .dkpw-right-ad-format,.dkaw-right { width:120px; height:600px; display:block;}
      .dkpw-startseite { width:120px; height:600px; display:block;}
      .dkpw-leaderboard { display:none;}
      .dkaw-leaderboard { display:none;}
      .dkpw-above-content { display:none;}
      .kw-footer { width:1170px; }
      .gad-billboard-pos { width:1090px; max-height:250px;}
      .yb-billboard-pos{ width: 100%; max-height:250px;}
      .freestar-billboard-pos { width:1090px; }
      .gad-res-skyscraper, .freestar-res-skyscraper, .yb-res-skyscraper { width:120px; height:600px; display:block;}
  }
  @media (min-width: 1352px) {
      .kw-wrapper { width:1335px; margin-left:auto;margin-right:auto;}
      .kw-layout-wrapper { float:right; width:1170px;}
      .ad-halfpage,.ad-sky,.str-ahp { display:none;}
      .ad-widesky,.ad-wideskyalt,.str-aws { display:block;}
      .kw-ad-right { width:160px;}
      .dkpw-right-ad-format { width:160px; height:600px; display:block;}
      .dkpw-startseite { width:160px; height:600px; display:block;}
      .dkaw-right { width:120px; height:600px; display:block;}
      .dkpw-right-wide-skyscraper { display:block;}
      .dkpw-leaderboard { display:none;}
      .dkaw-leaderboard { display:none;}
      .kw-footer { width:1170px; }
      .gad-res-skyscraper, .freestar-res-skyscraper, .yb-res-skyscraper { width:160px; height:600px; display:block;}
  }
  @media (min-width: 1392px) {
      .kw-wrapper { width:1375px; margin-left:auto;margin-right:auto;}
      .kw-layout-wrapper { float:right; width:1170px;}
      .ad-halfpage,.ad-widesky,.ad-sky,.str-ahp { display:none;}
      .ad-wideskyalt,.str-aws { display:block;}
      .kw-ad-right { width:200px;}
      .dkpw-right-ad-format { width:200px; height:600px; display:block;}
      .dkpw-startseite { width:200px; height:600px; display:block;}
      .dkaw-right { width:120px; height:600px; display:block;}
      .dkpw-right-wide-skyscraper { display:none;}
      .dkpw-right-ultra-skyscraper { display:block;}
      .dkpw-leaderboard { display:none;}
      .dkaw-leaderboard { display:none;}
      .kw-footer { width:1170px; }
      .gad-res-skyscraper, .freestar-res-skyscraper, .yb-res-skyscraper { width:160px; height:600px; display:block;}
  }
  @media (min-width: 1492px) {
      .kw-wrapper { width:1475px; margin-left:auto;margin-right:auto;}
      .kw-layout-wrapper { float:right; width:1170px;}
      .ad-wideskyalt,.ad-widesky,.ad-sky,.str-aws { display:none;}
      .ad-halfpage,.str-ahp { display:block;}
      .kw-ad-right { width:300px;}
      .dkpw-right-ad-format { width:300px; height:600px; display:block;}
      .dkpw-startseite { width:300px; height:600px; display:block; }
      .dkaw-right { width:120px; height:600px; display:block;}
      .dkpw-right-halfpage-ad { display:block;}
      .dkpw-leaderboard { display:none;}
      .dkaw-leaderboard { display:none;}
      .kw-footer { width:1470px; }
      .gad-res-skyscraper, .freestar-res-skyscraper, .yb-res-skyscraper { width:300px; height:600px; display:block;}
  }
  
  
  .dkaw-leaderboard { width:768px;}
  
  
  .forecast-switcher { text-align:right; }
  .forecast-switcher>strong { font-size:14px;}
  .h1text { display:block; font-size:16px; padding-left:2px;}
  
  .navbar2 {
      min-height:20px;
      border: 0 !important;
  }
  
  .navbar-own {
      border: 0 !important;
  }
  
  .navbar2-own {
      height:60px;
      background-color:#ffffff;
      color: #feffff;
   
  }
  .navbar2-brand-headline a, .navbar2-own a {
      color: #333333;
      text-decoration: none !important;
  }
  .navbar2-brand {
      float:left;
  }
  .navbar2-brand-image {
      padding-top: 18px;
      padding-right: 6px;
  }
  .navbar2-brand-image-us {
      padding-top: 9px;
      padding-right: 6px;
  }
  
  .navbar2-brand-image img {
     height: 40px;
      margin-top: -1px;
      width: 40px;
  }
  
  .navbar2-brand-image-us img {
     height: 42px;
     margin-top: 4px;
     margin-bottom: 2px;
  }
  
  .navbar2-brand-image-xx img {
     height: 32px;
     margin-top: 21px;
     margin-bottom: 2px;
  }
@media (max-width: 991.98px) {
    .navbar2-brand-image-xx img {
        width: 45px;
        height: 45px;
    }
}
  
  .navbar2-brand-headline {
      font-family: 'KachelmannLogo'; font-weight:900;
      padding-top:18px;
      font-size: 28px;
  }
  .navbar2-brand-headline img {
      width:237px;
      height:26px;
      margin-top: -6px;
  }
  body.xx .navbar2-brand-headline img {
      width: 160px;
      height: auto;
      margin-top: -12px;
  }
  
  .navbar2-weather-channel {
      font-family: 'KachelmannLogo';
      padding-top:10px;
      font-size: 24px;
      font-weight: 100;
      padding-left:15px;
      padding-bottom:6px;
      padding-right:15px;
      margin-right:-15px;
  }
  .navbar2-weather-channel:hover {
      background-color: #007dfe;
  }
  .navbar2-brand-tld {
      padding-top:21px;
      padding-left:3px;
      font-size: 14px;
      font-weight: 900;
      color:#ffd200;
     
  }
  .navbar2-brand-tld-mx {
      padding-top:21px;
      padding-left:3px;
      font-size: 14px;
      font-weight: 900;
      color:#ffd200;
     
  }
  .navbar2-brand-tld-mx { margin-left:0px; }
   
  .navbar2-brand-tld a, .navbar2-brand-tld-mx a {
      color:#f7284b;
      text-decoration: none !important;
  }
  .navbar2-brand-tld .popover-content a,  .navbar2-brand-tld-mx .popover-content a {
       color: #44a4f8;
  }
  .navbar2-brand-tld .popover-content,  .navbar2-brand-tld-mx .popover-content {
       font-family: 'Kachelmann';
       color: #000000;
       font-size:12px;
  }
  
  
  .navbar2-right {
      float:right;
  }
  
  .navbar2-weather-channel-to {
      font-family: 'KachelmannLogo';
      padding-top:16px;padding-right:4px;
      font-size: 18px;
      font-weight: 100;
      
  }
  
  
  
  .navbar2-fixed-top>.container,.navbar3-fixed-top>.container { padding:0;}
  
  .navbar2-fixed-top {
      left: 0;
      position: fixed;
      right: 0;
      z-index: 1030;
      top:60px;
      border-top:1px #007dfe solid;
      background-color:#007dfe;
      color: #ffffff;
  }
  
  .navbar3-fixed-top {
      max-width: 100vw;
      left: 0;
      position: fixed;
      right: 0;
      z-index: 1028;
      top:50px;
      border-top:1px #007dfe solid;
      background-color:#007dfe;
      color: #ffffff;
  }
  
  
  
  
  
  
  
  .dropdown-submenu>.dropdown-menu {
      display:block;
      position:relative;
  }
  
  .dropdown-submenu>a:after {
      border-left-color:#ffffff;
  }
  .dropdown-submenu.pull-left {
      float:none;
  }
  .dropdown-submenu.pull-left>.dropdown-menu {
      margin-left:10px;
  
  }
  .big-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
  .big-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu,
  .livewetter-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
  .livewetter-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu,
  .model-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
  .model-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu {
      box-sizing: border-box;
      width:220px;
      float:left;
      top:0;
  }
  .big-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
  .livewetter-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
  .model-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu {
      padding-bottom:9px;
  }
  
  .big-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>a,
  .livewetter-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>a,
  .model-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>a {
      font-weight:bold;
      padding: 0 0px 0 20px;
  }
  
  .big-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>a,
  .livewetter-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>a,
  .model-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>a{
      padding:0 0px 0 20px;
      font-size:12px;
      white-space: normal;
  }
  
  .model-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>a>strong{
      font-family:'Kachelmann';font-size:14px; font-weight:normal;
  }
  
  .big-menu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>ul,
  .livewetter-menu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>ul,
  .model-menu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>ul {
      margin-top:-3px;
      background-color: transparent;
  }
  .big-menu .dropdown-menu,
  .livewetter-menu .dropdown-menu,
  .model-menu .dropdown-menu {
      padding: 5px 0;
  }
  .big-menu>ul>li>a ,
  .livewetter-menu>ul>li>a ,
  .model-menu>ul>li>a { font-weight:bold; font-size:18px;}
  
  .dropdown-submenu>.dropdown-menu,
  .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
  .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu {
       border:0;
       box-shadow: none;
       background-color: transparent;
  }
  .dropdown-submenu>.dropdown-menu {
       border:0;
  }
  
  .navbar2-severe {
      float: right;
      height: 36px;
      width: auto;
      margin-top: 22px;
      margin-left: 0;
      margin-right: 5px;
      overflow: hidden;
      color: #333;
  }
    .navbar2-severe img {
      height: 36px;
      width: 36px;
  }
  .severe-icon-mobile {
      display: none;
      margin-top:11px;
      margin-right:10px;
      float:right;
  }
  .severe-icon-mobile img {
      height: 30px;
      width: 30px;
  }
  .navbar-collapse {
      max-height: 340px;
  }
  .btn-geo-map { display:none;}
  .faq-button-search-mobil,.faq-button-search-mobil2 { display:block;}
  
  .menue-double > ul.dropdown-menu {
      width: 100%!important;
  }
  
  ul.dropdown-menu li.dropdown-submenu a[href=""], ul.dropdown-menu li.dropdown-submenu a[href="#"], ul.dropdown-menu li.dropdown-submenu a:not([href])  {
      pointer-events: none;
      user-select: none;
  }
  
  @media (max-width: 280px) {
      .navbar2-brand-image-xx {
          max-width: 45%;
      }
      .navbar2-brand-image-xx img {
          max-width: 100%;
          height: auto;
      }
  }
  
  @media (max-width: 340px) and (min-width: 281px) {
      .navbar2-brand-image-xx {
          max-width: 55%;
      }
      .navbar2-brand-image-xx img {
          max-width: 100%;
          height: auto;
      }
  }
  
  @media (max-width: 767px) {
      .severe-icon-mobile { display:inline; }
      .startseite-padding { width:320px;padding:0;margin-left:auto;margin-right:auto;}
      .navbar-fixed-top {
          display:none;
      }
      .navbar2-own {
          display:none;
      }
      .navbar2 .navbar2-brand { display:block;}
      .navbar2-fixed-top>.container { padding-right:15px; padding-left:15px;}
      .navbar2-fixed-top {
          left: 0;
          position: fixed;
          right: 0;
          z-index: 1030;
          top:0;
          height:50px;
          background-color:#ffffff;
          color: #feffff;
      }
      .navbar-brand {
          float: left;
          font-size: 18px;
          height: 47px;
          line-height: 20px;
          padding: 1px 0 0 5px;
      }
      .navbar-collapse {
          background-color:#007dfe;
      }
      .navbar2-brand-image {
          padding-top: 6px;
          padding-left:8px;
      }
      .navbar2-brand-image-us {
          padding-top: 0px;
          padding-left:8px;
      }
      .navbar2-brand-image-xx {
          padding-top: 0px;
          padding-left:8px;
      }
      .navbar2-brand-image-xx img {
          margin-top: 10px;
      }
      .navbar2-brand-headline {
          padding-top: 5px;
      }
      .navbar2-brand-tld,.navbar2-brand-tld-mx {
          padding-top: 9px;
      }
  
  }
  @media (min-width: 768px) {
      nav>.container,.footer2 .container { width:765px;}
      .navbar-brand { display:none; }
      .navbar-brand {
          float: left;
          font-size: 18px;
          height: 47px;
          line-height: 20px;
          padding: 0;
          padding-left:15px;
      }
      .navbar2 .navbar2-brand { display:none;}
      .menue-button { position:fixed;top:84px;left:0px;border-top:1px solid #fff;}
      .dropdown:hover>.dropdown-menu {  display:block; }
      .menue-double { width:570px !important;}
  
  }
  
  @media (max-width:991px) {
      .big-menu>.dropdown-menu,.model-menu>.dropdown-menu { min-width:585px;}
      .livewetter-menu>.dropdown-menu,.model-menu>.dropdown-menu { min-width:590px;}
      .big-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
      .livewetter-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
      .big-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu,
      .livewetter-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu {
          width:190px;
      }
      .model-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
          .model-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu {
          width:265px;
      }     
      .model-menu > .dropdown-menu { min-width: 545px !important; }
  
  
  }
  
  @media (min-width:992px) and (max-width: 1199px) {
      .big-menu>ul>li>a ,
      .livewetter-menu>ul>li>a ,
      .model-menu>ul>li>a { font-weight:bold; font-size:16px; padding: 0 20px;}
      .dkpw-billboard, .dkpw-billboard-vorhersage { max-width:970px; overflow-x: hidden;}
  }
  
  @media (min-width: 992px) {
       nav>.container,.footer2 .container  { width:970px; }
       .big-menu>.dropdown-menu  { min-width:800px;}
       .livewetter-menu>.dropdown-menu  { min-width:610px;}
       .model-menu>.dropdown-menu { min-width:585px;}
       .forecast-menu>.dropdown-menu { min-width:885px !important;}
       .big-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
       .livewetter-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
      .big-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu,
      .livewetter-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu {
          width:198px;
      }
       .model-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
      .model-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu {
          width:285px;
      }
  /*.startseite-vorhersage .overview-icons { clear:both;}*/
      .btn-geo-map { display: table-cell;}
      .faq-button-search-mobil,.faq-button-search-mobil2 { display:none;}
      .overview-day { padding-left:0; }
  }
  
  
  @media (min-width: 1200px) {
       nav>.container,.footer2 .container  { width:1170px; }
       .big-menu>.dropdown-menu { min-width:800px;}
       .livewetter-menu>.dropdown-menu { min-width:600px;}
       .model-menu>.dropdown-menu { min-width:585px;}
       .forecast-menu>.dropdown-menu { min-width:885px !important;}
        .big-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
      .big-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu,
      .livewetter-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
      .livewetter-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu{
          width:195px;
      }
        .model-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu,
      .model-menu .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu {
          width:285px;
      }
       .overview-day { padding-left:15px; }
  /*.startseite-vorhersage .overview-icons { clear:none;}*/
  }
  
  @media (max-width: 1311px) {
  } 
  @media (min-width: 1312px) {
      .navbar-top-header,.footer-width {width:1140px; }
      nav>.container,.footer2 .container  { width:1290px; }
  }
  @media (min-width: 1352px) {
      .navbar-top-header,.footer-width {width:1140px; }
      nav>.container,.footer2 .container  { width:1330px; }
  }
  @media (min-width: 1392px) {
      .navbar-top-header,.footer-width {width:1140px; }
      nav>.container,.footer2 .container { width:1370px; }
  }
  @media (min-width: 1492px) {
      .navbar-top-header,.footer-width {width:1140px; }
      nav>.container,.footer2 .container { width:1470px; }
  }
  
  @media (max-width: 515px) {
      .navbar2 .navbar2-brand-image,.navbar2 .navbar2-brand-tld, .navbar2-brand-tld-mx { display:block; }
      .navbar2 .navbar2-brand-headline { display:none; }
      .navbar2-brand-headline { padding-left:7px;}
  }
  #largemobile-main { margin:auto;}
  @media (max-width: 335px) {
      #largemobile-main { margin:-15px;}
  }
  @media (max-width: 360px) {
       .navbar2 .navbar2-brand-image,.navbar2 .navbar2-brand-tld, .navbar2-brand-tld-mx { display:block; }
      .navbar2 .navbar2-brand-headline { display:none; }
      .navbar2-brand-image {
          padding-top:5px;
          padding-right:3px;
          padding-left:8px;
      }
      .navbar2-brand-image img {
  
          width:40px;
          height:40px;
      }
      .navbar2-brand-image-us {
          padding-top: 6px;
          padding-left:8px;
      }
      .navbar2-brand-image-us img {
          height:30px;
      }
  }
  
  
  .navbar-nav > li {
      z-index:1030;
  }
  .navbar-nav > li > a {
      padding-bottom: 2px;
      padding-top: 3px;
      color:#fff;
      z-index:1030;
  }
  @media (max-width: 767px) {
      .navbar-nav > li > a {
          padding-bottom: 5px;
          padding-top: 6px;
      }
  }
  
  @media (min-width: 768px) and (max-width: 991px) {
      .navbar-nav > li > a {
          padding-left: 10px;
          padding-right: 10px;
      }

      .navbar2-brand-headline {
          font-size: 23px;
          padding-top: 21px;
      }
  }
  
  
  .navbar-top-header > ul > li > a {
      font-family: 'KachelmannLogo';
      font-size:16px;
  }
  
  #content-start { height:110px;}
  
  
  
  .navbar2 .navbar-toggle {
      color: #ffffff;
      margin-right:15px;
  }
  .navbar2 .navbar-toggle {
      border-color: #cfcfcf;
  }
  .navbar2 .navbar-toggle .icon-bar {
      background-color: #afafaf;
  }
  
  a {
    color:#007dfe;
  }
  
  .nav > li > a:focus,
  .nav > li > a:hover,
  .nav .open > a, 
  .nav .open > a:hover,
  .nav .open > a:focus {
      background-color:#333333;
      color: #ffffff;
  }
  .navbar { border-radius: 0; }
  .navbar2 {
      z-index:1029;
  }
  
  .menue-head { font-size:14px; padding-top:7px;padding-bottom:7px; cursor:pointer; color:#fff;background-color:#333;}
  
  .channel-font { font-family: 'KachelmannLogo'; font-weight:900;}
  .weather-font { font-family: 'Kachelmann';font-weight: normal; }
  .to-font { font-size:18px;}
  
  .footer2 { border-top:11px solid #333333; margin-top:50px;font-family: 'Kachelmann';font-weight: normal;}
  .footer2-top { border-top:3px solid #fff;background-color:#333333;color:#fff; }
  .footer-text {
      padding-top:10px; padding-bottom:20px;
      font-size:16px;
  }
  .footer-countries { 
      padding-top:10px; padding-bottom:20px; font-size:14px;
  }
  .footer-left {
      float:left; padding-top:15px; padding-bottom:5px; font-size:14px; color:#033561; 
  }
  .footer-right {
      float:right;width:200px; padding-top:10px; padding-bottom:10px;
      font-size:16px;
  }
  .wsymbol-obs { width:30px !important;}
  .footer-social { clear:both; padding-top:10px;}
  .footer-social-icon { width:25px; height:25px; float:left; }
  .footer-facebook { background-image:url('../images/layout/v2/facebook.png'); background-repeat:no-repeat; }
  .footer-twitter{ background-image:url('../images/layout/v2/twitter.png'); background-repeat:no-repeat; }
  .footer-right a  {color:#fff;text-decoration: none;}
  .footer-right a:hover {text-decoration: underline;}
  .footer-left-top {
       color:#fff; 
       padding-top:21px;
       padding-right:10px;
  }
  .footer-copyright {
      clear:both; font-size:11px; color:#f7f9fb;font-family: 'Kachelmann';font-weight: normal;
  }
  .footer-social-text {
      float:left;
      padding-left:10px;
  }
  .footer-countries-left { clear:both; width:50px; float:left;padding-left:0px;}
  .footer-countries-left { float:left;}
  .footer-text p { margin:0;padding:0;}
  .footer-text a,.footer-text a:hover, .footer-countries a,.footer-countries a:hover {color:#fff; text-decoration: none;}
  .footer-left a  {color:#000;text-decoration: none;}
  .footer-left a:hover {text-decoration: underline;}
  
  .footer-left-top a {color:#fff; text-decoration: none;}
  .footer-left-top a:hover {text-decoration: underline;}
  
  .footer2-bottom { background-color:#007dfe;}
  .footer-text a:hover {text-decoration: underline;}
  .footer-country:hover{ background-color: #007dfe; }
  
  .footer-text > p { max-width:373px;}
  
  .btn-right { float:right; margin-left:10px;margin-bottom:10px;}
  
  #top-wrapper { margin-top:20px;}
  
  .clearer { clear:both;}
  
  
  
  .editorial {
      color:#007dfe;
      padding:0;margin:0;
      padding-top:5px;
      font-size:20px;
      cursor:pointer;
  }
  
  .products {
      margin-top:20px;
  }
  
  .btn-right-index { float:right;}
  .btn-right-index a { color:#007dfe; font-size:16px; cursor:pointer;}
  .faq-button,.faq-button-search,.faq-button-search-mobil,.faq-button-search-mobil2 { float:right; color:#007dfe; font-size:28px; cursor:pointer;}
  .faq-button,.faq-button-search { margin-top:-3px; }
  .faq-button-search-mobil,.faq-button-search-mobil2 { margin-top:1px; }
  .faq-button-param {color:#007dfe;margin-left:10px; cursor:pointer; font-size:21px;}
  .lp_cyclone_small .faq-button-param { position: absolute; margin-top: -8px; }
  
  .main-index-content { margin-top:20px;}
  
  .messwerte-index a { color: #007dfe;}
  .messwerte-index a:hover,.messwerte-index a:focus { color:#337ab7;}
  .messwerte-index h3>a { color: #333;}
  
  .more-weather {
      margin: 30px -15px 10px -15px;
  }
  .head-line {
  
      font-size:16px !important; font-weight:bold; border-bottom: 3px solid #007dfe;
  }
  
  .head-index {
      font-size:18px !important; 
  }
  .forecast-image { width:100%;border:1px solid #44a4f8;}
  .logo-image {width:100%;}
  .top-headline { margin-top:-2px;}
  
  .fb-page-outer { max-width:500px;}
  
  .weather-channel-image { max-height:150px; overflow:hidden;}
  .weather-channel-image img,.weather-channel-image-double img { border:0px;}
  .weather-channel-link { font-size:16px;font-weight:normal;}
  .weather-channel-image-double { max-height:290px; overflow:hidden; }
  .weather-channel-image, .weather-channel-image-double { border:1px solid #e8e8e8;}
  
  
  .panel-body-padding { padding: 20px 0;}
  
  .row-offcanvas-right h2 { margin-top:0;}
  #kompakt-vorhersage .panel { margin-left:-1px; margin-right:-1px;}
  
  .lp_updatetimes { font-size:10px;}
  
  .help-grafik>img {width:95%;}
  
  .btn-100 { width:100%;margin-top:5px; margin-bottom:5px;}
  
  
  .flag-deuhd { display:block; float:left; background-image:url('../images/flags/menue-deuhd.png');width:28px; height:20px; margin-right:7px;}
  .flag-suihd { display:block; float:left; background-image:url('../images/flags/menue-suihd.png');width:28px; height:20px; margin-right:7px;}
  
  .input-group-addon2,.input-group-addon3 {
      display: table-cell;
      vertical-align: middle;
      white-space: nowrap;
      width: 1%;
      background-color: #333333;
      border: 0;
      border-radius: 0;
      color: #fff;
      font-size: 14px;
      font-weight: normal;
      line-height: 1;
      padding: 6px 12px;
      text-align: center;
  }
  .datepickerbutton {
      border-right: 1px solid #ccc;
  }
  .input-group-addon2 {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      border-left:0;
  }
  .input-group-addon3 {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      border-right:0;
  }
  .input-group-addon {
      background-color: #333333;
      border: 0;
      border-radius: 0;
      color: #fff;
  }
  .input-group-border-right { border-right: 1px solid #ccc !important;}
  
  /*!
   * Datetimepicker for Bootstrap 3
   * version : 4.17.47
   * https://github.com/Eonasdan/bootstrap-datetimepicker/
   */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
  
   .wettersymbole {width:90%;}
  .wettersymbole td,.wettersymbole th { padding:5px; }
  .wettersymbol { text-align:center; font-family: 'wettersymbole'; font-size:21px; padding:1px;}
  
  .apps-headline>h3 { font-family:'KachelmannMenu';font-size:24px;}
  .apps-head { font-family:'KachelmannMenu';font-size:28px;}
  .apps-subhead,.v2-subhead { font-family:'KachelmannMenu';font-size:18px;}
  .apps-subhead-normal { font-family:'KachelmannLogo';font-size:12px;}
  .apps-blue { border:1px solid transparent; border-radius: 6px; background-color: #3ea2fb; height:200px; margin-bottom:30px;}
  .head-hr { padding-bottom:3px;border-bottom:2px solid #3ea2fb;margin-bottom:18px;}
  .content-hr { border-bottom:2px solid #3ea2fb;}
  .apps-blue>h2 { font-family:'KachelmannMenu';font-size:26px; color:#ffffff; text-shadow: 2px 2px 4px #2c4962; padding-top:55px; margin:0;}
  .apps-blue>p,.apps-bauchbinde>p { font-family:'KachelmannLogo';font-size:18px; color:#ffffff;  width:320px; float:left; margin:0;padding-top:8px;text-shadow: 1px 1px 4px #2c4962; }
  
  .apps-blue>img { width:150px; float:left; margin:25px;}
  .apps-blue>img { margin-left:45px;}
  
  .apps-blue>a>img { width:150px; float:left; margin-top:9px; margin-right:18px;}
  /*.apps-image { width:100px;}*/
  .apps-iphone-phone { width:520px; margin-left:10px;}
  .apps-android-phone { width:200px;float:left;}
  .apps-features { margin-top:60px;}
  .apps-qrcode { width:130px; float:left; margin-right:20px; margin-bottom:40px;}
  .apps-breaker { margin-top:60px;}
  .apps-comingsoon { width:200px; margin-left:40px;}
  .apps-bauchbinde { margin-left:10px; margin-top:10px; border:1px solid transparent; border-top-right-radius: 6px; border-bottom-right-radius: 6px; background-color: #3ea2fb; height:150px;}
  .apps-bauchbinde>p { padding-left:10px;}
  .apps-android { margin-top:105px;}
  .apps-feature-image { float:left;width:200px; z-index:99; margin-right:10px;}
  .apps-feature>h3 { float:left;font-family:'KachelmannMenu';font-size:16px;margin:0;margin-left:-100px;padding:0;padding-left:100px;padding-top:40px; border-bottom:3px solid #3ea2fb;z-index:100;}
  .apps-feature>div { padding-top:70px; margin-right:20px;}
  .bthome { text-align:center; font-weight:bold; font-size:24px; padding-top:60px;}
  
  
  .homepage-widget-ad { margin-top:10px; font-size:16px; }
  
  .apps-right-f1 { float:right; margin-left:120px;}
  
  .chart-head h2,.chart-head h4 { margin-bottom:0; margin-top:0;}
  .chart-head { min-height: 77px; }
  #animation-player-mobile { 
      margin: 10px 0 15px 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
  @media (max-width:1199px) {
      .apps-iphone-phone { width:440px; }
      .apps-android { margin-top:90px;}
      .apps-android-phone { width:170px;}
      .apps-comingsoon { width:170px; margin-left:30px;}
      .apps-bauchbinde>p { width:270px; padding-top:4px;}
      .apps-bauchbinde { height:140px;}
      .homepage-widget-ad { font-size:14px;}
      .apps-right-f1 { float:right; margin-left:60px;}
  }
  
  @media (max-width:991px) {
      .apps-blue>img { margin:15px;}
      .apps-blue { height:195px;}
      .apps-blue > h2 { padding-top: 25px; }
       .apps-iphone-phone { width:710px; }
       .apps-android { margin-top:25px;}
       .apps-android-phone { width:330px;padding-left:60px;}
       .apps-comingsoon { width:260px; margin-left:50px;margin-bottom:20px;}
       .apps-bauchbinde>p { width:310px; padding-top:8px;}
       .apps-bauchbinde { height:150px;margin-left:70px;margin-right:70px;}
       
       .apps-feature-image { width:120px;}
  .apps-feature>h3 { font-size:14px;margin-left:-80px;padding-left:80px;}
  .apps-feature>div { padding-top:70px; margin-right:20px;}
  .homepage-widget-ad { display:none;}
  .apps-right-f1 { float:none; margin-left:60px;}
  }
  
  
  @media (max-width: 767px) {
      .apps-blue>img { width:60px; margin:15px;}
      .apps-blue>a>img { width:60px; float:left; margin-top:10px; margin-right:8px;}
      .apps-blue>h2 { font-size:20px; text-shadow: 1px 1px 4px #2c4962; padding-top:20px; }
      .apps-blue>p,.apps-bauchbinde>p { font-size:12px;  width:295px; padding-top:5px;text-shadow:none; }
      .apps-blue { height:114px;margin-bottom:10px;}
      .apps-breaker { margin-top:20px;}
      .apps-iphone-phone { width:450px; margin-left:auto;margin-right:auto; }
       .apps-qrcode { display:none;}
       .apps-bauchbinde>p { width:370px; padding-top:8px;}
       .apps-breaker>p { width:auto;}
       .apps-android { margin-top:25px;}
       .apps-android-phone { width:190px;padding-left:20px;}
       .apps-comingsoon { width:190px; margin-left:20px;}
       .apps-bauchbinde>p { width:190px; padding-top:4px; font-size:12px;}
       .apps-bauchbinde { height:105px;margin-left:30px;margin-right:30px; margin-top:0px;}   
       #w1 .navbar-nav { margin-bottom:0px; margin-top:7px;}
       #w1 .navbar-right { margin-bottom:7px; margin-top:0px;}
       #content-start { height:70px;}
       .apps-menue { background-color:#60afec;}
      .apps-menue:hover { background-color:#60afec !important;}
      #top-wrapper { margin-top:0px;}
  
  }
  
  @media (max-width: 480px) {
      .apps-blue>img { width:50px; margin:15px; }
      .apps-blue>a>img { width:40px; float:left; margin-top:5px; margin-right:8px;}
      .apps-blue>h2 { font-size:14px; text-shadow: 1px 1px 4px #2c4962; padding-top:20px; }
      .apps-blue>p,.apps-bauchbinde>p { font-size:10px;  width:180px; padding-top:5px;text-shadow:none; }
      .apps-blue { height:104px;margin-bottom:10px;}
      .apps-breaker { margin-top:20px;}
      .apps-iphone-phone { width:280px; }
       .apps-qrcode { display:none;}
       .apps-breaker>p { width:auto;}
       .apps-android { margin-top:25px;}
       .apps-android-phone { width:160px;padding-left:0px;}
       .apps-comingsoon { width:120px; margin-left:10px;}
       .apps-bauchbinde>p { width:110px; padding-top:4px; font-size:10px;}
       .apps-bauchbinde { height:125px;margin:0px;margin-left:10px;}   
            .apps-feature-image { width:90px;}
            .apps-feature>h3 { font-size:14px;margin-left:-60px;padding-left:60px;padding-top:20px;}
            .apps-feature>div { padding-top:44px; margin-right:0px;}
            .bthome { font-size:18px; }
  }
  
  .source-text { height:150px !important; word-break: break-all;
      word-wrap: break-word; font-size:11px;
      font-family: Menlo,Monaco,Consolas,"Courier New",monospace;}
   
  .source-code{
      background-color: #f5f5f5;
      border: 1px solid #ccc;
      border-radius: 4px;
      color: #333;
      display: block;
      font-size: 13px;
      line-height: 1.42857;
      margin: 0 0 10px;
      padding: 9.5px;
  }
  .btn-margin {margin-bottom:5px; }
  
  .login-nav { top:3px !important;}
  .login-nav.kwicons-user { display: inline-block!important; top:4px !important; margin-top: -5px!important;}

  .btn-nav, .btn-nav:hover, .btn-nav:focus, .btn-nav:active {
      border-color: transparent;
  }
  .btn-nav, .btn-nav:active, .btn-nav.active, .btn-nav[disabled], fieldset[disabled] .btn-nav {
      background-color: transparent;
      box-shadow: none;
  }
  .btn-nav,.btn-nav:hover, .btn-nav:focus, .btn-nav:active  {
      border-radius: 0;
      color: #333;
      font-weight: normal;
  }
  
  .tracking-hl { margin-top:0px; padding-left:20px; padding-right:20px;}
  
  .tracking-hl-moderate { border-top: 25px solid #f4880b; padding-top:20px;}
  .tracking-hl-heavy { border-top: 25px solid #ff3131; padding-top:20px;}
  .tracking-hl-extreme { border-top: 25px solid #c23be9; padding-top:20px;}
  
  
  .tracking-dv { margin-top:20px;}
  .tracking-pd { padding-left:20px; padding-right:20px;}
  @media (max-width: 767px) {
  .tracking-hl, .tracking-pd { padding-left:0px; padding-right:0px;}
  }
  
  .h1-ls { letter-spacing:-2px;display:block;}
  .h1-ls-md { letter-spacing:-2px; display:none;}
  
  @media (min-width: 992px) and (max-width: 1200px),(max-width: 767px)  {
  .h1-ls { display:none;}
  .h1-ls-md { display:block;}
  }
  
  .alert-rdfc {
      background-color: #fcf8e3;
      border-color: #faebcc;
      color: #8a6d3b;
      padding:2px 7px;
      font-size:18px; font-weight:bold;
      float:left;
      margin-top:3px; 
      display:none;
  }
  
  .klima-menue { font-family: "Kachelmann";
      font-style: normal;
      font-weight: normal;
      letter-spacing: -1px; 
      font-size:12px;
      padding-left:15px;
      background-image:url('../images/layout/v2/history.png');background-repeat:no-repeat;
      background-position: 0 2px;
  }
  .obs-menue { font-family: "Kachelmann";
      font-style: normal;
      font-weight: normal;
      letter-spacing: 0px; 
      font-size:12px;
  }
  
  .dropdown-menu > li > a { line-height:1.3;}
  .klima-line>a { line-height:1 !important; font-size:11px !important; }
  
  .v2-alt-models { width:9%; float:left;padding-left:1%;padding-right:1%;border-right:#ccc solid 1px;cursor:pointer;}
  .v2-alt-models-e { width:9%; float:left;padding-left:1%;padding-right:1%;}
  
  .v2-alt-models:last-child {border-right:none;}
  .v2-alt-models:first-child {background-color:#f9f9f9;border-left:#ccc solid 1px;}
  
  
  .v2-alt-flag { margin-top:0px; z-index:40;}
  .v2-alt-symbol {  margin-top:-10px;z-index:37;}
  .v2-alt-temp { text-align:center; font-family: "KachelmannMenu";}
  
  .v2-prime-model { margin-top:-15px;}
  .v2-prime-row { display:none;}
  .v2-prime-flag { text-align:right; height:25px; padding-top:5px;padding-right:5px;}
  .v2-prime-symbol { margin-top:-25px;}
  .v2-prime-temp { font-size:48px; margin-top:-125px; padding-left:30px; font-weight:bold;text-shadow: 3px 3px 4px #fff;}
  .v2-head-time,.v2-head-model { text-align:right;}
  .v2-head-model { font-family: 'Kachelmann'; font-size:11px; font-weight:normal; margin:0;padding:0;}
  .v2-head-time { font-size:24px;margin:0;padding:0;}
  .v2-head-city { font-size:30px; margin:0;padding:0; text-align:right;}
  .v2-subhead { margin-top:6px;}
  .v2-prime-symbol>img { width:100%; }
  
  .v2-prime-data p { padding:0;margin:0; font-size:12px;}
  .v2-prime-data p>strong { font-family: "KachelmannMenu"; position:absolute;left:250px;}
  .v2-alt-modelrow { }
  .v2-alt-compare { text-align:right; font-size:10px;margin-top:50px;padding-right:30px;}
  .v2-alt-compare a { cursor:pointer;}
  .v2-display-none { display:none;}
  .v2-wetterzustand { padding:0;margin:0 0 6px 0;}
  .v2-das-wetter { font-size:10px !important; margin-top:3px;}
  .v2-ptop { margin-top:4px !important;}
  
  .v2-days { width:10%; float:left;padding-left:1%;padding-right:1%;border-right:#ccc solid 1px;cursor:pointer; min-width:94px; height:230px;}
  .v2-days-e { width:10%; float:left;padding-left:1%;padding-right:1%;}
  @media (max-width: 991px) {
      .v2-days { width:20%}
  }
  @media (max-width: 767px) {
      .v2-days { width:20%}
  }
  @media (max-width: 480px) {
      .v2-days { width:33%}
  } 
  .v2-days:last-child {border-right:none;}
  .v2-days:first-child {border-left:#ccc solid 1px;}
  .v2-days-date { text-align:center; font-family: "KachelmannMenu"; font-size:18px; padding:2px 0; color:#fff; background-color:#186eb7;margin-top:3px;}
  .v2-days-symbol { margin:6px 0; }
  .v2-days-rainrisk, .v2-days-severerisk,.v2-days-mintemp,.v2-days-maxtemp { text-align:center;}
  .v2-days-rainrisk, .v2-days-severerisk { font-size:12px;}
  .v2-days-mintemp { font-size:12px;font-family: "KachelmannMenu"; }
  .v2-days-maxtemp { font-size:20px;font-family: "KachelmannMenu"; }
  .v2-days-mintemp>span,.v2-days-maxtemp>span { font-size:10px;font-family: "Kachelmann"; }
  .v2-days-maxtemp { border-bottom:#ccc solid 1px;}
  
  .btn-mob,.btn-mob2 { margin-top:4px;}
  .gridinfo { margin-top:8px; margin-left:5px; margin-right:5px; font-size:11px; margin-bottom:0px;}
  
  #meteosafe img { width:100%;}
  .h3-landkreis { margin-top:-10px; font-size:21px; font-weight:normal;margin-bottom:20px; }
  
  a.favourite-notstarred { color:#000;font-size:28px;cursor:pointer;}
  a.favourite-starred { color:#edb51d;font-size:28px;cursor:pointer;}
  .favourite-div { float:right; padding-left:10px;}
  .share-div { text-align:right; }
  .forecast-h1 { margin-top:0px; font-size:24px;}
  .faq-button-xs { margin-top: -7px; padding:0 !important; height:28px; }
  .share-fb, .share-twtr { padding-left:25px; background-repeat: no-repeat; background-size: 20px 20px;}
  .share-fb { background-image:url("/images/layout/icons/facebook-w.svg"); height:25px; font-size:14px; float:left; width:120px;}
  .share-twtr { background-image:url("/images/layout/icons/twitter-w.svg"); height:25px; font-size:14px; float:left; width:77px;}
  .share-fb>a, .share-twtr>a, .share-app>a { color:#ffffff;}
  .share-app { font-size:12px; }
  .share-hr { clear:both; height:5px; border-bottom:1px solid #333333; margin-bottom:10px; width:200px;}
  .kwicons-btn { display:block;width:20px; height: 20px; margin: 0 auto;}
  
  
  #ajax-loading { width:300px; min-height:100px; padding-top:20px; background-color:#fff;border:1px solid #333; border-radius: 0; text-align:center; display:none;}
  #ajax-loading img { width:32px !important; height:32px !important; margin-top:10px;}
  #ajax-loading #ajax-loading-progress { margin-left: 15px; margin-right: 15px; margin-top: 10px; }
  #ajax-loading-gif { display: none; }
  
  #ajax-loading #ajax-loading-progress .progress { 
      height: 10px;
      background-color: #333;
      border-radius: 0px;
  }
  #ajax-loading #ajax-loading-progress .progress-bar { 
      transition: width .3s ease;
      background-color: #007dfe;
  }
  
  /* @supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))) {
      #ajax-loading {
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          text-shadow: 0px 0px 6px white, 0px 0px 1px black;
          background-color: rgba(255, 255, 255, 0.4);
          border: 1px solid rgba(204, 204, 204, 0.4);
      }
      #ajax-loading #ajax-loading-progress .progress {
          background-color: rgba(245, 245, 245, 0.4);
      }
  } */
  .btn-map-left { padding: 5px 8px;}

  .btn-model {
      background-color: #007dfe;
      border-color: #007dfe;
      border-radius: 0;
      color: #fff;
  }
  .btn-model sub {
    text-shadow: 0 0 0.6px white;
  }
  .btn-model:focus {color: #fff;}
  .btn-model:not(.btn-info-active):hover {
    background-color: #0057b1;
    border-color: #0057b1;
    border-radius: 0;
    color: #fff;
  }

  .btn-model, .zoom-overlay .btn-info:not(.btn-mob):not(.btn-mob2), .btn-map-left, .sharer-toggle, .btn-mobil, .btn-info.btn-mob, .btn-info.btn-mob2 {
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
  }

  @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .btn-model, .zoom-overlay .btn-info:not(.btn-mob):not(.btn-mob2) {
      background-color: rgba(0, 128, 255, 0.75);
      border-color: rgba(0, 128, 255, 0.4);
      -webkit-backdrop-filter: blur(0.3em);
      backdrop-filter: blur(0.3em);
      text-shadow: 0 0 4px rgba(0, 87, 177, 0.8);
      -webkit-box-shadow: 
        2px 3px 10px 2px rgba(0, 0, 0, 0.1),
        inset 0 3px 5px rgba(0, 0, 0, 0);
              box-shadow: 
        2px 3px 10px 2px rgba(0, 0, 0, 0.1),
        inset 0 3px 5px rgba(0, 0, 0, 0);
    }

    .zoom-overlay .btn-info:not(.btn-mob):not(.btn-mob2) {
        background-color: rgba(0, 128, 255, 0.6);
    }
    .zoom-overlay .btn-info:not(.btn-mob):not(.btn-mob2):hover {
        background-color: #0057b1;
        border-color: #0057b1;
    }

    .btn-map-left, .sharer-toggle {
        background-color: rgba(240, 240, 240, 0.75);
        border-color: rgba(204, 204, 204, 0.4);
        -webkit-backdrop-filter: blur(0.3em);
        backdrop-filter: blur(0.3em);
        text-shadow: 0 0 4px rgba(255, 255, 255, 0.8);
        -webkit-box-shadow: 
            2px 3px 10px 2px rgba(0, 0, 0, 0.1),
            inset 0 3px 5px rgba(0, 0, 0, 0);
                box-shadow: 
            2px 3px 10px 2px rgba(0, 0, 0, 0.1),
            inset 0 3px 5px rgba(0, 0, 0, 0);
    }


    .btn-map-left .kwicons {
        -webkit-filter: drop-shadow(0px 0px 4px white);
                filter: drop-shadow(0px 0px 4px white);
    }
    .zoom-overlay .btn-info:not(.btn-mob):not(.btn-mob2) .kwicons {
        -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 87, 177, 1));
        filter: drop-shadow(0px 0px 4px rgba(0, 87, 177, 1));
    }

    .btn-model:active, .zoom-overlay .btn-info:not(.btn-mob):not(.btn-mob2):active, .btn-map-left:active, .sharer-toggle:active {
        -webkit-box-shadow: 
            2px 3px 10px 2px rgba(0, 0, 0, 0.1),
            inset 0 3px 5px rgba(0, 0, 0, 0.13);
                box-shadow: 
            2px 3px 10px 2px rgba(0, 0, 0, 0.1),
            inset 0 3px 5px rgba(0, 0, 0, 0.13);
    }

    .btn-map-left:hover, .sharer-toggle:hover {
        background-color: rgba(255, 255, 255, 0.8);
        border-color: rgba(204, 204, 204, 0.4);
    }

    .btn-map-left:active, .sharer-toggle:active, .btn-map-left:focus, .sharer-toggle:focus {
        background-color: rgba(255, 255, 255, 0.9);
        border-color: rgba(204, 204, 204, 1);
    }


  }

  .pset { margin-top:10px; font-size:11px;}
  .lp_advertiser {width:400px !important; height:50px;}
  .kachelmann-b2b { background-color:#f7284b;text-align:center;font-size:16px;padding:6px;border:1px solid #f7284b; }
  .kachelmann-b2b a { text-decoration:none; color: #ffffff;}
  .kachelmann-b2b:hover { background-color:#a71b33; }
  .player_download2 { clear:both; text-align:right; padding-top:5px; display:none;}
  
  @media (max-width:767px) {
      #ajax-loading { width: 100px; margin-top: -20px; }
      .in-sm,.in-md,.in-lg,.out-xs { display:none;}
      .out-sm, .out-md, .out-lg, .in-xs { display:inline;} 
      .faq-button-param {font-size:14px;}
      .kachelmann-b2b { margin-top:15px;}
      .menue-head { padding-top:10px;padding-bottom:10px; }
      .btn-mob { padding: 3px 6px;}
      .btn-mob2 { padding: 5px 9px !important;}
      .homepage { font-size:16px; line-height:1.8;}
  }
  @media (max-width:420px) {
      .player_download { display:block;}
      .player_download2 { display:none;}
      .player_btn_div { width:15%; }
      .slider_div, .slider_caption_div {width:65%;}
      .player_btn_div2 { width:45%; }
      .player_btn_div2 #model-player-interval {font-size:12px;}
      .slider_div2,.slider_caption_div2  { width:35%;}
  }
  
  @media (max-width:520px) {
      .lp_advertiser {width:160px !important; height:30px;}
  }
  @media (min-width: 521px) and (max-width:767px) {
      .lp_advertiser {width:280px !important; height:30px;}
  }
  @media (min-width: 768px) and (max-width:991px) {
      #ajax-loading { width: 240px; margin-top: -10px; }
      .in-xs, .in-md, .in-lg, .out-sm { display:none;} 
      .out-xs, .out-md, .out-lg, .in-sm { display:inline;}
      .sat-menu > ul { left: -250px !important; right:0 !important; }
      .big-menu > ul { left: -100px !important; right:0 !important; }
      .livewetter-menu > ul { left: -50px !important; right:0 !important; }
      .kl-menu > ul { left: auto !important; right:-100px !important; }
      .more-menu > ul { left:auto !important; right:0 !important; }
      .radar-menu > ul { left: -150px !important; right:0 !important; }
      .lp_advertiser {width:380px !important; height:48px;}
      .kachelmann-b2b { margin-top:15px;}
      .btn-model { padding: 5px 4px; font-size: 11px;}
  }

  @media (min-width: 992px) and (max-width:1199px) {
      #ajax-loading { width: 260px; margin-top: -5px; }
      .btn-model { padding: 5px 4px; font-size: 11px;}
      .btn-map-left { padding: 5px 6px !important;}
      .btn-info, .btn-info-active:not(.btn-model) { padding: 5px 6px !important;}
      .in-xs, .in-sm, .in-lg, .out-md { display:none;} 
      .out-xs, .out-sm, .out-lg, .in-md { display:inline;} 
      .sat-menu > ul { left:0 !important; right:0 !important; transform: translateX(-50%); }
      .kl-menu > ul { left: auto !important; right:-100px !important; }
      .big-menu > ul { left:-100px !important; right:0 !important; }
      .radar-menu > ul { left:-100px !important; right:0 !important; }
      .klima-line>a { display:none !important;}
      .more-menu > ul { left:auto !important; right:0 !important; }
      .lp_advertiser {width:330px !important; height:42px;}
      .player_download { display:block;}
      .player_download2 { display:none;}
      .player_btn_div { width:15%; }
      .slider_div, .slider_caption_div {width:65%;}
      .player_btn_div2 { width:45%; }
      .player_btn_div2 #model-player-interval {font-size:12px;}
      .slider_div2,.slider_caption_div2  { width:35%;}
  }
  
  @media (min-width: 1200px) {
      .btn-model { padding: 5px 5px;}
      .in-sm,.in-md,.in-xs,.out-lg { display:none;}
      .out-sm, .out-md, .out-xs, .in-lg { display:inline;} 
      .more-menu > ul { left:auto !important; right:0 !important; }
      .kl-menu > ul { left: auto !important; right:-100px !important; }
      
  }
  
  a.btn-primary {
      background-color: #007dfe;
      border-color: #2e6da4;
      color: #fff;
  }
  
  .alt-city { font-size:11px; margin-top:-10px;padding-top:0;margin-bottom:20px;}
  
  
  /*! jQuery UI - v1.12.1 - 2016-09-14
  * http://jqueryui.com
  * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
  * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
  * Copyright jQuery Foundation and other contributors; Licensed MIT */
  .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
  
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
      background: #333;
  }
  .o-radar { color:#f4ff74;}
  .o-radar-active { color:#fff;}
  
  .fit-size { width:100%;}
  
  .flg { border:solid 1px #dfdfdf;}
  
  .form-control,.input-group-addon,.ui-corner-all,.nav-tabs > li > a,.modal-content,.dropdown-menu,.popover,.well,.alert { border-radius: 0 !important;}
  .fc-without-rb { border-right:0 !important;}
  select.form-control  { -webkit-appearance: none; -moz-appearance: none;
    width:100%;
    border: 1px solid #bbb;
    border-radius: 0;
    background-color:white;
    background-image:url("/images/layout/v2/select-arrow2.png");
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 32px;
  }
    @media (max-width: 767px) {
        select.form-control  {
            font-size: 16px;
            padding: 3px 12px;
            line-height: 28px;
        }
    }

  
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
       /* IE10+ CSS styles go here */
       select::-ms-expand {
           display:none;
       }
  }
  
  .disclaimer-timezone, .model-run-info, .model-update-info { text-align:right; padding-right:20px;}
  .disclaimer-timezone, .model-update-info { font-size:11px;}
  .disclaimer-timezone { margin-bottom:16px;}
  button.navbar-toggle {-webkit-appearance: none; -moz-appearance: none; border-radius: 0;}
  .b-right { border-right:1px solid #ccc !important;}
  .navbar-toggle { padding:0; border:0;margin-bottom: 11px;margin-top: 10px;}
  .navbar-toggle .icon-bar { width:42px; height:7px; }
  .navbar2 .navbar-toggle .icon-bar { background-color: #0182fe; }
  
  
  .kwicons-btn { display:block;background-repeat: no-repeat; width:20px; height: 20px; margin: 0 auto;}
  .kwicons-left { background-repeat: no-repeat; padding-left:30px; background-size: 22px 22px; background-position:3px 5px;}
  .kwicons { width:20px; height:20px; padding:0px; position: relative; display: inline-block; margin:-4px -5px -6px -5px; background-repeat: no-repeat; }
  .kwicons8 { background-color:#000; width:24px; height:24px; padding:2px; position: relative; display: block; float:left; margin:1px 5px; background-repeat: no-repeat; }
  .share { display:block; height:30px;padding-top:3px;}
  .sharer-menu>li{cursor:pointer;}
  .kwiconswide { width:50px; height:20px; padding:0px; position: relative; display: inline-block; margin:-4px -5px -6px -5px; background-repeat: no-repeat; }
  .kwicons2 { width:20px; height:20px; padding:0px; position: relative; display: inline-block; margin:-4px -5px -6px -5px; background-repeat: no-repeat; }
  .kwicons3 { width:28px; height:28px; padding:0px; margin:-4px 10px; position: relative; display: block; background-repeat: no-repeat; }
  .kwicons4 { width:20px; height:20px; padding:0px; margin:0px; position: relative; display: block; background-repeat: no-repeat;  }
  .kwicons5 { width:16px; height:16px; padding:0px; margin:0px; position: relative; display: block; background-repeat: no-repeat;  }
  .kwicons6 { width:22px; height:22px; padding:0px; margin:1px 0 0 0 ; position: relative; display: block; background-repeat: no-repeat;  }
  .kwicons7 { width:22px; height:22px; display:block;background-repeat: no-repeat; float:left;  }
  .kwicons9 { background-color:#fff; width:22px; height:22px; display:block;background-repeat: no-repeat; float:left; background-size: 22px 19px; background-position-y: 1px;}
  .kwicons-radarpre { background-image:url("/images/layout/icons/radarpre-w.svg"); }
  .kwicons-pl { background-image:url("/images/layout/icons/pl-w.svg"); }
  .kwicons-blitze { background-image:url("/images/layout/icons/blitze-w.svg"); }
  .kwicons-weltblitze { background-image:url("/images/layout/icons/erdblitz.svg"); }
  .kwicons-storms { background-image:url("/images/layout/icons/storms-w.svg");}
  .kwicons-floods { background-image:url("/images/layout/icons/floods-w.svg"); }
  .kwicons-radial { background-image:url("/images/layout/icons/radial-w.svg"); }
  .kwicons-radial1 { background-image:url("/images/layout/icons/radial1-w.svg"); }
  .kwicons-radial2 { background-image:url("/images/layout/icons/radial2-w.svg"); }
  .kwicons-sat { background-image:url("/images/layout/icons/sat-w.svg");}
  .kwicons-cityswitch { background-image:url("/images/layout/icons/city-nocity.svg"); }
  .kwicons-numberswitch { background-image:url("/images/layout/icons/number-nonumber.svg"); }
  .kwicons-fb { background-image:url("/images/layout/icons/facebook-w.svg"); }
  .kwicons-tw { background-image:url("/images/layout/icons/twitter-w.svg");  }
  .kwicons-wa { background-image:url("/images/layout/icons/whatsapp-w.svg");  }
  .kwicons-dl { background-image:url("/images/layout/icons/download-w.svg"); }
  .kwicons-locateme { background-image:url("/images/layout/icons/locate-me.svg"); }
  .kwicons-locateme-2 { background-image:url("/images/layout/icons/locate-me-2.svg"); }
  .kwicons-locateme-2-b { background-image:url("/images/layout/icons/locate-me-2-black.svg"); }
  .kwicons-search { background-image:url("/images/layout/icons/search.svg"); }
  .kwicons-search-2 { background-image:url("/images/layout/icons/search-2.svg"); }
  .kwicons-fav { background-image:url("/images/layout/icons/favourites.svg"); }
  .kwicons-meine-orte, .kwicons-fav-active { background-image:url("/images/layout/icons/fav-active.svg"); }
  .kwicons-radioactive { background-image:url("/images/layout/icons/radioactive.svg"); }
  .kwicons-fav-inactive { background-image:url("/images/layout/icons/fav-notactive.svg"); }
  .kwicons-fav-active, .kwicons-fav-inactive { 
    width: 31px;
    height: 31px;
    margin: 3px 0 0 0;
   }
  .kwicons-user { background-image:url("/images/layout/icons/user.svg"); }
  .kwicons-gear { background-image:url("/images/layout/icons/gear.svg"); }
  .kwicons-hagel { background-image:url("/images/layout/icons/hagel-w.svg");}
  .kwicons-gifdl { background-image:url("/images/layout/icons/gif.svg");}
  .kwicons-auto { background-image:url("/images/layout/icons/autobahn.svg");}
  .kwicons-live1 { background-image:url("/images/layout/icons/live1.svg");}
  .kwicons-live6 { background-image:url("/images/layout/icons/live6.svg");}
  .kwicons-obs-rr1 { background-image:url("/images/layout/icons/obs-rr1.svg");}
  .kwicons-obs-rr6 { background-image:url("/images/layout/icons/obs-rr6.svg");}
  .kwicons-obs-rr24 { background-image:url("/images/layout/icons/obs-rr24.svg");}
  .kwicons-sat-fog { background-image:url("/images/layout/icons/sat-fog.svg");}
  .kwicons-sat-rr1 { background-image:url("/images/layout/icons/sat-rr1.svg");}
  .kwicons-sat-rr3 { background-image:url("/images/layout/icons/sat-rr3.svg");}
  .kwicons-sat-rr24 { background-image:url("/images/layout/icons/sat-rr24.svg");}
  .kwicons-temp { background-image:url("/images/layout/icons/temp.svg");}
  .kwicons-dewp { background-image:url("/images/layout/icons/temp_dp.svg");}
  .kwicons-ssi { background-image:url("/images/layout/icons/ssi.svg");}
  .kwicons-snow { background-image:url("/images/layout/icons/snow.svg");}
  .kwicons-wind { background-image:url("/images/layout/icons/wind.svg");}
  .kwicons-gusts { background-image:url("/images/layout/icons/wind-gusts.svg");}
  .kwicons-ww { background-image:url("/images/layout/icons/ww.svg");}
  .kwicons-pressure { background-image:url("/images/layout/icons/pressure.svg");}
  .kwicons-sat-hd { background-image:url("/images/layout/icons/hd-sat.svg");}
  .kwicons-radar-hd { background-image:url("/images/layout/icons/hd-radar.svg");}
  .kwicons-radar-wwanalyze { background-image:url("/images/layout/icons/wwanalyze.svg");}
  .kwicons-radar-sd { background-image:url("/images/layout/icons/sd-radar.svg");}
  .kwicons-echotops { background-image:url("/images/layout/icons/echotops.svg");}
  .kwicons-sat-wv { background-image:url("/images/layout/icons/sat-wv.svg");}
  .kwicons-sat-ta { background-image:url("/images/layout/icons/sat-ta.svg");}
  .kwicons-hagelkmw { background-image:url("/images/layout/icons/hagel-kmw.png"); width:40px; height:20px;}
  .kwicons-dreiwetter { background-image:url("/images/layout/icons/drei-wetter.svg"); width:40px; height:20px; background-size:40px 20px}
  .kwicons-meteosol { background-image:url("/images/layout/icons/meteosol-weiss.svg"); width:50px; height:20px; background-size: 50px 12px; background-position-y: 4px;}
  .kwicons-obs { background-image:url("/images/layout/icons/obs.svg");}
  .kwicons-airpol { background-image:url("/images/layout/icons/luftqualitaet-w.svg");}
  .kwicons-ballon { background-image:url("/images/layout/icons/radiosonde-w.svg");}
  .kwicons-ballon2 { background-image:url("/images/layout/icons/radiosonde.svg");}
  .kwicons-trajectories { background-image:url("/images/layout/icons/trajectories.svg");}
  .kwicons-amateur { background-image:url("/images/layout/icons/amateurstation-w.svg");}
  .kwicons-reporter { background-image:url("/images/layout/icons/wettermelder-w.svg");}
  .kwicons-haselnuss { background-image:url("/images/layout/icons/haselnuss.svg");}
  .kwicons-gras { background-image:url("/images/layout/icons/gras.svg");}
  .kwicons-roggen { background-image:url("/images/layout/icons/roggen.svg");}
  .kwicons-ambrosia { background-image:url("/images/layout/icons/ambrosia.svg");}
  .kwicons-beifuss { background-image:url("/images/layout/icons/beifuss.svg");}
  .kwicons-birke { background-image:url("/images/layout/icons/birke.svg");}
  .kwicons-esche { background-image:url("/images/layout/icons/esche.svg");}
  .kwicons-erle { background-image:url("/images/layout/icons/erle.svg");}
  .kwicons-radar-3d { background-image:url("/images/layout/icons/radar-3d.svg");}
  .kwicons-meso-index { background-image:url("/images/layout/icons/meso-index.svg");}
  .kwicons-cloud-cover { background-image:url("/images/layout/icons/cloud-cover.svg");}
  .kwicons-relative-humidity { background-image:url("/images/layout/icons/relative-humidity.svg");}
  
  .kwicons-geo-city { background-image:url("/images/layout/icons/geo/city.svg");}
  .kwicons-geo-station { background-image:url("/images/layout/icons/geo/station.svg");}
  .kwicons-geo-airport { background-image:url("/images/layout/icons/geo/airport.svg");}
  .kwicons-geo-mountain, .kwicons-geo-mnt { background-image:url("/images/layout/icons/geo/mountain.svg");}
  .kwicons-geo-island,.kwicons-geo-isl { background-image:url("/images/layout/icons/geo/island.svg");}
  .kwicons-geo-pass { background-image:url("/images/layout/icons/geo/pass.svg");}
  .kwicons-geo-volcano,.kwicons-geo-vlc { background-image:url("/images/layout/icons/geo/volcano.svg");}
  .kwicons-geo-lake { background-image:url("/images/layout/icons/geo/lake.svg");}
  .kwicons-geo-location { background-image:url("/images/layout/icons/geo/location.svg");}
  .kwicons-geo-park { background-image:url("/images/layout/icons/geo/park.svg");}
  .kwicons-geo-building { background-image:url("/images/layout/icons/geo/building.svg");}
  .serp-icon { padding-left: 30px; background-repeat: no-repeat; background-size: 20px 20px;}
  .kwicons-report { background-image:url("/images/layout/icons/wettermelder.svg"); width:22px; height:22px; background-position: 1px 1px;}
  .kwicons-report:hover { background-image:url("/images/layout/icons/wettermelder-hover.svg"); width:22px; height:22px; background-position: 1px 1px;}
  .ffnav-btn-report:hover .kwicons-report {background-image:url("/images/layout/icons/wettermelder-hover.svg");width:22px; height:22px; background-position: 1px 1px;}

  .current-w-ainf { font-size: 12px; font-weight: 100;}
  
  .empty-button { width:36px; height:15px; display:inline-block;}
  .sharer-toggle { z-index:101; font-size: 18px; padding: 1px 4px 0px 5px; margin-top: 0px; pointer-events: all; min-width: 30px;}
  .sharer-menu>li { padding-top:2px;}
  .sharer-menu>li:hover { background-color:#dddddd;}
  .skewtbox-margin { margin-top:-26px; }
  #psound-h2, #traj-h2 { display:none;}
  .btn-progsound-on, .btn-trajectory-on {background-color:#ff0000 !important; border:1px solid #333 !important; transition: none;}
  .btn-progsound-on:active, .btn-trajectory-on:active { border:1px solid #333 !important;}
  .btn-progsound-on>span { background-image:url("/images/layout/icons/radiosonde-w.svg");}
  .btn-trajectory-on>span { background-image:url("/images/layout/icons/trajectories-w.svg"); }
  .btn-invisible {visibility: hidden;}
  .clim-progsound-on, .clim-trajectory-on { border-left: 2px solid #ff0000 !important; border-right: 2px solid #ff0000 !important; border-top: 2px solid #ff0000 !important; border-bottom: 3px solid #ff0000 !important; cursor:pointer !important;}
  .navbar2-w-channel { height:21px; font-family: 'KachelmannLogo'; font-size:10px; padding-top: 4px; text-align:right; position: relative;}
  .navbar2-w-channel > a { position: absolute; right: 0; white-space: nowrap; }
  .navbar2-search { height:29px; overflow:hidden; margin-top: 25px; }
  .navbar2-favs { height: 29px; width: 130px; margin-top: 25px; padding-top: 4px; padding-left: 5px; overflow: hidden; color: #333; }
  .navbar2-report {height: 29px; width: 34px; margin-top: 25px; padding-top: 0px; padding-left: 5px; margin-right: 2px; overflow: hidden; color: #333;}
  .myfavs { display:block; width:100px;float:left;padding-top: 1px; padding-left: 4px; color: #007dfe; text-transform: uppercase;letter-spacing:-1px; font-family: 'KachelmannLogo'; }
  .favanker { height:17px; width:22px; overflow:visible;}
  .favankerin { width:130px;}
  .popover { padding:0;}
  .popover-title { background-color: #333; color:#fff; border-radius: 0; border:0px;}
  .popover-content { background-color:#007dfe; color:#fff !important; }
  .popover.bottom > .arrow:after {
      border-bottom-color: #333;
  }
  .navbar2-user { 
    width: auto;
    height: 29px;
    margin-left: 2px;
  }
  .navbar2-user .ffnav-btn-user-settings {
    height: 100%;
    margin-right: 2px;
    background-color: #f7284b !important;
    border: 2px solid #f7284b !important;
    border-radius: 0;
    color: white !important;
    padding: 0 5px;
  }

  body.de  .navbar2-user .ffnav-btn-user-settings {
      background-color: #333333 !important;
      border: 2px solid #333333 !important;
  }

  .navbar2-user .ffnav-btn-user-settings:hover {
    background-color: #333333 !important;
    border: 2px solid #333333 !important;
  }
.navbar2-report .ffnav-btn-report {
    height: 100%;
    width: 100%;
    margin-right: 2px;
    background-color: #FFC625 !important;
    border: 2px solid #FFC625 !important;
    border-radius: 0;
    color: #212121 !important;
    padding: 0 5px;
}


.navbar2-report .ffnav-btn-report:hover {
    background-color: #333333 !important;
    border: 2px solid #333333 !important;

}




  .navbar2-user .nav-user-dropdown {
    vertical-align: top;
    display: inline-block;
    height: 100%;
  }
  .nav-user-dropdown > ul, .nav-user-dropdown > ul > li, .nav-user-dropdown > ul > li > a {
    height: 100%;
  }
  .nav-user-dropdown .login-nav.kwicons-user {
    display: inline-block;
    top: 6px !important;
  }
  .nav-user-dropdown .dropdown-menu {
      margin-top: 0;
      right: 0;
      left: auto;
      font-family: Kachelmann;
  }
  .navbar3-fixed-top {  z-index: 1028; background-color: #007dfe; border:0; overflow-y:auto;}
  .fav-city { display:table;width:100%;}
  .fav-city-tr { display:table-row; background-color:#333;}
  .fav-city-td { display:table-cell; vertical-align:top; padding:1px 3px 3px 3px; border-bottom:1px solid #007dfe;}
  .fav-city-td-l { width:40px; text-align:right; font-size:16px;line-height:1.4;}
  .fav-city-td-icon { width:40px;vertical-align:middle;text-align:center;padding:2px;}
  .fav-city-td-m { width:360px; overflow:hidden;vertical-align:middle;line-height: 1;}
  .fav-city-td-r { width:50px;text-align:right;vertical-align:middle;padding-right: 7px;}
  .fav-city-sym { width:30px;}
  .fav-city-rainprob { display: block; margin-top: -3px; margin-bottom: -2px;}
  .fav-city-rainprob-umbr { width:20px;height:16px; display:table-cell;vertical-align:middle;text-align:center;}
  .fav-city-rainprob-umbr img { width:15px;height:15px; margin-top:-3px;  }
  .fav-city-rainprob-num{ display:table-cell;vertical-align:middle;text-align:center;font-size:10px;}
  #mylocations h3,#myfavourites-collapse h3 { margin: 3px 0; font-size:14px; text-transform: uppercase;color:#fff;}
  #mylocations small,#myfavourites-collapse small { font-size: 9px; }
  #mylocations p { background-color:#333;color:#fff;padding:3px 6px; font-size:12px;}
  #myfavourites-collapse p { background-color:#333;color:#fff;padding:3px 6px; font-size:14px;}
  .fav-city-td a {color:#fff;text-decoration: none;}
  #mylocations .fav-city-td a:hover, #myfavourites-collapse .fav-city-td a:hover {color:#fff;text-decoration: underline !important;}
  #myfavourites-collapse, #forecast-menue-collapse { padding: 0 10px 10px 10px; background-color:#007dfe;}
  #forecast-menue-collapse label,#forecast-menue-collapse h1,#forecast-menue-collapse h3 { color:#fff;}
  #forecast-menue-collapse label { margin-bottom:0;}
  [data-style=favourites] + .popover {width:500px !important; max-width:500px !important; }
  [data-style=favourites] + .popover>.popover-title {border:0px;}
  [data-style=favourites] + .popover>.popover-content {background-color:#007dfe;line-height: 1.2;}
  
  .login-menu-detached { background-color:#f7284b; }
  body.de .login-menu-detached {
      background-color: #333333;
  }

  .login-menu-detached > a.dropdown-toggle {
    font-family: 'KachelmannLogo';
    font-size: 16px;
    padding: 3px 10px;
    padding-left: 8px;
    color: #fff;
    z-index: 1030;
  }

  @media (max-width: 767px) {
      .login-menu { background-color:#f7284b; border-top:1px solid #fff; border-bottom:1px solid #fff;}
  
      .fav-city-td-m small { display:block; }
      .fav-city-td-l { width:4%;}
      .fav-city-td-icon { width:1%;}
      .fav-city-td-m { width:50%;}
      .fav-city-td-r { width:1%;}
  }
  @media (min-width: 768px) {
      .login-menu { background-color:#f7284b; border-left:1px solid #fff; border-right:1px solid #fff; right: 14px;}
      .navbar3-fixed-top {  display:none;}
  }
  @media (min-width: 768px) and (max-width:991px) {
      .navbar2-favs { width: 45px;}
      .favanker { width:40px; margin-left:0;}
      .favanker-l { width:40px; }
      .favanker-empty { width:40px;}
      .favankerin .myfavs { display:none; }
      .navbar2-search { width:150px; }
      .navbar2-search-wide { width:180px; }
      .latest-news .col-special-txt { clear:left; margin-top:12px;}

  }
  
  @media (min-width: 992px) and (max-width:1199px) {
      .navbar2-search { width:230px; }
      [data-style=favourites] + .popover>.popover-content {max-height:300px;overflow:auto;}
      .latest-news .col-special-txt { clear:left; margin-top:12px;}
  }
  
  @media (min-width: 1200px) {
      .navbar2-search { width:260px; }
      .table-multimod td, .table-multimod th { width:54px !important; }
      .table-multimod th>img { max-width:54px !important; }
      .table-multimod td>img { max-width:30px; padding:2px !important;}
      .table-multimod tr:hover img { max-width:50px; }
      .multimod-risk td>img { max-width:18px; margin: 0 auto;}
      .table-multimod td,.table-multimod th  { text-align:center;}
      .table-multimod th { padding:5px 0 !important; border-top:solid 2px #333 !important; border-bottom:solid 2px #333 !important;}
      .multimod-tmax td { color:#990000; font-weight:bold; font-size: 18px; letter-spacing: -1px;}
      .multimod-tmin td { color:#000099; font-weight:bold;font-size: 18px; letter-spacing: -1px;} 
      .multimod-gusts td { font-size:11px;}
      .table-multimod { width:100%; overflow-x:auto;}
  }
  
  .ffnav-input {
      border:0 !important;
      border-right:0 !important;
      font-size: 12px;
      position: relative;
      z-index: 2;
      float: left;
      width: 100%;
      margin-bottom: 0;
      display: table-cell;
      color: #333;
      padding: 4px 6px
  }
  
  .ffnav-btn-geo {
      background-color: #007dfe !important;
      border-radius: 0;
      color: #000 !important;
      padding:0 7px;
      height: 29px;
  }
  
  .ffnav-btn-search {
      background-color: #007dfe !important;
      color: #000 !important;
      padding:0 8px;
      height: 29px;
  }

  .ffnav-btn-search:hover, .ffnav-btn-geo:hover {
    background-color: #333 !important;
  }

  input.ioszoomfix,select.ioszoomfix { font-size:16px !important;}
  
  .myfavtitle { background-color:#333;color:#fff; margin-left:-10px; margin-right:-10px; padding: 10px 10px;}
  .favclose { float:right;color:#fff !important; margin:0;}
  .poclose { color: #fff !important; position: absolute; right: 10px; top: 3px; font-size: 18px; }
  .info-additional-feature { text-align:left;margin-bottom:4px;margin-top:-6px;}
  .info-additional-feature span {
      background-color: #007dfe;
      padding: 4px;
      font-size: 11px;
      color: #ffffff;
      
  }
  .info-additional-feature span a {
      color: #ffffff; text-decoration:none; cursor:pointer;
  }
  .nexthours-scroll { height:140px; overflow-x:scroll; overflow-y:hidden;}
  .nexthours-scroll::-webkit-scrollbar { height:10px; background:#eee;}
  .nexthours-scroll::-webkit-scrollbar * { background:transparent; }
  .nexthours-scroll::-webkit-scrollbar-thumb { background:#ccc !important; }
  
  
  .nexthours-scroll>div { width:3043px;}
  .nexthours-hour { width:126.7px; float:left;}
  .btn-rwetter { margin-bottom:3px; width:60px;}
  .btn-twetter { margin-bottom:3px;}
  .btn-time { font-size:16px; font-family:KachelmannMenu; padding:1px 5px;}
  .w-sunriseset { float:right; text-align:right; font-size:12px; padding-top:26px;}
  .w-sunriseset-l { margin-right:10px;}
  .w-sunriseset-l>strong,.w-sunriseset-r>strong { font-weight:100;}
  .w-sunriseset-l>em,.w-sunriseset-r>em { font-weight:900;}
  #w-buttons-t { float:left; width:auto;}
  .w-overview-div { height:300px;margin-top:0px;}
  .w-overview-area-pic { float:left; width:695px; height:293px; background-color:#5a5a5a; }
  .w-overview-area-menu {float:right;width:60px;text-align:right; }
  .w-overview-pic { position:relative;top:0;left:0;width:695px;height:293px;overflow:hidden; }
  .w-overview-layer { position:absolute;top:0;left:0;width:695px;height:293px; }
  .w-overview-product { text-align: right;float:right; width:auto;margin-right:65px; }
  .w-overview-product>h3{margin-top: 8px; margin-bottom: 4px;}
  .w-button-tr { position:absolute;top:6px;right:6px; }
  .w-button-br { position:absolute;bottom:6px;right:6px;}
  .w-button-tl { position:absolute;top:6px;left:6px; }
  .w-button-bl { position:absolute;bottom:6px;left:6px;}
  .w-btn-div { display:none;}
  .btn-twetter-active, .btn-twetter:active , .btn-twetter:focus , .btn-twetter:hover {
      background-color: #f7284b !important;
      border: 1px solid #f7284b !important;
      border-radius: 0;
      color: #fff !important;
  }
  .btn-rwetter-active,.btn-rwetter:active,.btn-rwetter:focus,.btn-rwetter:hover {
      background-color: #f7284b !important;
      border: 1px solid #f7284b !important;
      border-radius: 0;
      color: #fff !important;
  }
  .w-overview-layers { margin:0; }
  #w-map-marker { display:none; position:absolute;top:0;left:0;font-size:20px;}
  #w-layer-time { display:none;}
  #w-buttons-t>a { margin-right:2px;}
  #w-player { display:none;}
  .w-shortoverview { margin-top:19px; margin-bottom: 2px; }
  .ll-maps { height:300px; padding:50px 100px; }
  #city-forecast-list h2 { font-weight: bold; font-size: 14px; font-family:'Kachelmann';}
  #city-forecast-list { font-size:14px;}
  #city-forecast-list .img-l { text-align:center;padding-top:20px;}
  
  .llajax { background-color:#efefef; min-height:100px; display:block; text-align:center; padding:15px 30px; }
  .close_div { font-size:12px; margin:20px auto; text-align:center; border:1px solid #cccccc; background-color:#efefef; padding:3px; cursor:pointer;}
  .in-xs-special, .in-xxs-special { display:none; }
  
  .uwz { margin-bottom: 15px;  padding: 2px 5px ; background-color: #fff;  }
  .uwz-flood-type-0 { background-color: #e9d81e; border:5px solid #e9d81e; }
  .uwz-flood-type-1 { background-color: #f4880b; border:5px solid #f4880b; }
  .uwz-flood-type-2 { background-color: #ff3131; border:5px solid #ff3131; }
  .uwz-flood-type-3 { background-color: #c23be9; border:5px solid #c23be9; }
  
  .uwz-tornado-type-0 { background-color: #e9d81e; border:5px solid #e9d81e; }
  .uwz-tornado-type-1 { background-color: #f4880b; border:5px solid #f4880b; }
  .uwz-tornado-type-2 { background-color: #ff3131; border:5px solid #ff3131; }
  .uwz-tornado-type-3 { background-color: #c23be9; border:5px solid #c23be9; }
  
  .uwz-sturm-type-0 { background-color: #e9d81e; border:5px solid #e9d81e; }
  .uwz-sturm-type-1 { background-color: #f4880b; border:5px solid #f4880b; }
  .uwz-sturm-type-2 { background-color: #ff3131; border:5px solid #ff3131; }
  .uwz-sturm-type-3 { background-color: #c23be9; border:5px solid #c23be9; }
  
  .uwz-blitze-type-0 { background-color: #e9d81e; border:5px solid #e9d81e; }
  .uwz-blitze-type-1 { background-color: #f4880b; border:5px solid #f4880b; }
  .uwz-blitze-type-2 { background-color: #ff3131; border:5px solid #ff3131; }
  .uwz-blitze-type-3 { background-color: #c23be9; border:5px solid #c23be9; }
  
  .uwz-rain-type-0 { background-color: #e9d81e; border:5px solid #e9d81e; }
  .uwz-rain-type-1 { background-color: #f4880b; border:5px solid #f4880b; }
  .uwz-rain-type-2 { background-color: #ff3131; border:5px solid #ff3131; }
  .uwz-rain-type-3 { background-color: #c23be9; border:5px solid #c23be9; }
  
  .uwz-hail-type-0 { background-color: #e9d81e; border:5px solid #e9d81e; }
  .uwz-hail-type-1 { background-color: #e9d81e; border:5px solid #e9d81e; }
  .uwz-hail-type-2 { background-color: #f4880b; border:5px solid #f4880b; }
  .uwz-hail-type-3 { background-color: #ff3131; border:5px solid #ff3131; }
  .uwz-hail-type-4 { background-color: #c23be9; border:5px solid #c23be9; }
  
  .uwz-warn-0 { border: 3px solid #e9d81e; border-left: 25px solid #e9d81e; }
  .uwz-warn-1 { border: 3px solid #f4880b; border-left: 25px solid #f4880b; }
  .uwz-warn-2 { border: 3px solid #ff3131; border-left: 25px solid #ff3131; }
  .uwz-warn-3 { border: 3px solid #c23be9; border-left: 25px solid #c23be9; }
  .uwz-symbol { width:36px; height:36px;float:right; margin-right:10px;margin-top:5px;margin-bottom:5px; cursor:pointer;}
  .uwz-hail { background-image: url('/images/layout/icons/hagel-w.svg'); }
  .uwz-rain { background-image: url('/images/layout/icons/pl-w.svg'); }
  .uwz-blitze { background-image: url('/images/layout/icons/blitze-w.svg'); }
  .uwz-flood { background-image: url('/images/layout/icons/floods-w.svg');}
  .uwz-tornado { background-image: url('/images/layout/icons/radial-w.svg'); }
  .uwz-sturm { background-image: url('/images/layout/icons/wind.svg'); }
  .uwz-content { padding-left:15px;}
  .covid-19,.covid-19:hover,.covid-19:active { color:#fff; font-size:16px;padding: 4px; transform: translate(-25%, -25%);
    border-radius: 0px; text-shadow: #000 1px 1px 3px, #000 1px 1px 5px, #000 1px 1px 10px; transition: background-color 150ms ease-in-out, border-radius 150ms ease-in-out;}

  .covid-19-klein,.covid-19-klein:hover,.covid-19-klein:active { color:#fff; font-size:12px;padding: 4px; transform: translate(-25%, -25%);
    border-radius: 0px; text-shadow: #000 1px 1px 3px, #000 1px 1px 5px, #000 1px 1px 10px; transition: background-color 150ms ease-in-out, border-radius 150ms ease-in-out;}

  .covid-19:hover, .covid-19:active, .covid-19-klein:hover, .covid-19-klein:active {
    color: #fff!important;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 15px;
  }
  #unit-settings .btn { margin-right:5px; margin-bottom:10px; font-size:12px;}
  #unit-settings label { font-size:12px; font-weight:normal;}
  .skewtbox { text-align:center;}
  .skewtdiagram { width:100%; max-width:1024px;}
  .skewtloader { width:100%; max-width:320px; margin: 0 auto 0 auto; padding:0;}
  #skewtloadertxt { padding-top:10px; }
  .dkpw-deleteads { font-size:13px; font-weight:bold; text-align:center; text-transform: uppercase; padding-top:10px;margin-bottom:10px; }
  .dkpw-deleteads>a { text-decoration: none; color:#333 !important;}
  .dkpw-deleteads>a:hover { text-decoration: underline;}
  
  .cd-layer {
      background-color: #efefef;
      border-top:1px solid #999;
      border-bottom:1px solid #999;
      padding: 15px 10px 0 10px;
      margin-bottom:20px; margin-top:10px;
  }
  .cd-flag-left { width:30%; max-width:150px; float:left; margin-right:20px; min-height:200px;}
  .cd-flag-left img { width:100%;}
  .cd-txt-right { }
  .cd-txt-right-btn { text-align:right; }
  .cd-dismiss { color:#333; font-size:11px;cursor:pointer;}
  .cd-dismiss-p { padding:0; text-align:right; margin:0;}
  .cd-btn { margin-bottom:3px;}
  
  @media (max-width: 480px) {
      .panel-heading { padding: 8px 10px; }
      .panel-own > .panel-heading { font-size: 12px; }
      .nextdays { padding:0 0 10px 0;}
      .panel-body { padding: 10px 4px; }
      .wsymbol-morning>p, .wsymbol-evening>p, .wsymbol-afternoon>p { display:none;}
      .wsymbol-morning>img, .wsymbol-evening>img, .wsymbol-afternoon>img { margin-bottom:10px;}
      .day-fc-temp { width:60%;font-size: 16px;}
      .day-fc-temp-maxmin { width:40%; padding-top:5px;}
      .day-temp-max { clear:both; padding-top:3px;}
      .day-risks { padding-top: 7px; }
      .wsymbol-morning>p, .wsymbol-evening>p, .wsymbol-afternoon>p { display:none;}
      .day-fc-symbol-icon,.day-fc-symbol-norisk { margin-top: 0; height: 35px;}
      #kompakt-vorhersage .panel { margin-left: 0; margin-right: 0; }
      .panel-own { border: 1px solid #ccc; border-top:0; border-left:0; }
      .day-row>.nextdays:first-child>.panel-own { border-left: 1px solid #ccc;}
      .cd-flag-left { min-height:10px;}
  }
  
  @media (max-width: 600px) {
      #w-buttons-t>a { margin-left:1%;margin-right:0;}
      #w-buttons-t>a { width:24%; overflow:hidden;}
      #w-buttons-t>a:first-child { width:25%; margin-left:0;}
      #w-buttons-t .btn-twetter {  font-size: 10px; padding-left:7px; padding-right:7px; }
      .btn-time { font-size: 11px; padding: 1px 3px; }
  
      #w-buttons-t .btn-twetter-columns5 { width:19% !important; }
      #w-buttons-t .btn-twetter-columns5-first { width:20% !important;}
      .btn-twetter-columns5-first>.in-xs-special,.btn-twetter-columns5>.in-xs-special {display:inline;}
      .btn-twetter-columns5-first>.in-xxs-special,.btn-twetter-columns5>.in-xxs-special {display:none;}
      .btn-twetter-columns5-first>.in-xs,.btn-twetter-columns5>.in-xs {display:none;}
      .btn-twetter-columns5-first>.out-xs,.btn-twetter-columns5>.out-xs {display:none;}
  
      #w-buttons-t .btn-twetter-columns6 { width:15.667% !important; }
      #w-buttons-t .btn-twetter-columns6-first { width:16.667% !important; }
      .btn-twetter-columns6-first>.in-xs-special,.btn-twetter-columns6>.in-xs-special {display:inline;}
      .btn-twetter-columns6-first>.in-xxs-special,.btn-twetter-columns6>.in-xxs-special {display:none;}
      .btn-twetter-columns6-first>.in-xs,.btn-twetter-columns6>.in-xs {display:none;}
      .btn-twetter-columns6-first>.out-xs,.btn-twetter-columns6>.out-xs {display:none;}
  
      #w-buttons-t .btn-twetter {  font-size: 9px; padding-left:4px; padding-right:4px; }
  }
  
  @media (max-width: 460px) {
  
      .btn-twetter-columns5-first>.in-xs-special,.btn-twetter-columns5>.in-xs-special {display:none;}
      .btn-twetter-columns5-first>.in-xxs-special,.btn-twetter-columns5>.in-xxs-special {display:inline;}
  
      .btn-twetter-columns6-first>.in-xs-special,.btn-twetter-columns6>.in-xs-special {display:none;}
      .btn-twetter-columns6-first>.in-xxs-special,.btn-twetter-columns6>.in-xxs-special {display:inline;}
  }

  @media (max-width: 767px) {
      #unit-settings .btn { font-size:12px;}
      .footer-left-top { line-height: 2; font-size:20px;}
      .footer-left { line-height: 2; font-size:16px;}
      .footer-social { line-height:2;}
      .weather-infos { font-size:16px; line-height:1.5;}
      .make-btn-mobile { margin-bottom: 5px;background-color: #007dfe !important;
      border-color: #007dfe;
      border-radius: 0;
      color: #fff;display: inline-block;
      padding: 6px 12px;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.42857143;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-image: none;
      border: 1px solid transparent; max-width:100%; overflow-x:hidden;text-overflow:ellipsis;}
      .w-overview-area-pic  { width:85%; height:250px;}
      .w-overview-pic, .w-overview-layer { width:100%; height:250px;}
      .w-overview-area-menu { width:14%;}
      .btn-rwetter { width:100%; padding:3px 0;}
      .w-overview-product { margin-right:0;width:auto;}
      .w-sunriseset-l { display:block; margin-right:0}
      .w-sunriseset { padding-top:0px;margin-bottom:16px;}
      .w-shortoverview { clear:both;}
      .ll-maps { padding:15px 30px; }
      #w-buttons-t { width: 100%; }
      .close_div { font-size:9px; margin:10px auto; text-align:center; border:1px solid #cccccc; background-color:#efefef; padding:3px; cursor:pointer;}
      .cd-flag-left { min-height:10px;}
      .cd-layer { font-size:11px;}
      .navbar-nav .open .dropdown-menu > li > a > strong { font-size:16px; }
      .uwz-content { clear:both; padding-top:3px;}
      .uwz { margin-bottom: 30px; }
      .dkpw-deleteads { display:none;}
      .w-overview-div,.ll-maps { height:290px;}

      #search-results .overview-city { padding-top:10px; padding-bottom:10px;}
      #search-results .overview-city .csarea, .overview-city .csname { display:block;}
      #search-results .serp-icon { padding-left:45px; background-size: 30px 30px; background-position: 3px 3px;}
  }
  
  @media (min-width: 768px) and (max-width:991px) {
      .w-overview-area-pic, .w-overview-pic, .w-overview-layer { width:665px; height:293px; }
      .w-overview-area-menu, .btn-rwetter { width:50px;}
      .w-overview-product { margin-right:55px;width:auto;}
      #forecast-menue-collapse { width:360px; margin: 0 auto;}
  }
  @media
  only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width:991px),
  only screen and (   min--moz-device-pixel-ratio: 2) and (min-width: 768px) and (max-width:991px),
  only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width: 768px) and (max-width:991px),
  only screen and (        min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width:991px),
  only screen and (                min-resolution: 192dpi) and (min-width: 768px) and (max-width:991px),
  only screen and (                min-resolution: 2dppx) and (min-width: 768px) and (max-width:991px),
  only screen and (-webkit-min-device-pixel-ratio: 3) and (min-width: 768px) and (max-width:991px),
  only screen and (   min--moz-device-pixel-ratio: 3) and (min-width: 768px) and (max-width:991px),
  only screen and (     -o-min-device-pixel-ratio: 3/1) and (min-width: 768px) and (max-width:991px),
  only screen and (        min-device-pixel-ratio: 3) and (min-width: 768px) and (max-width:991px),
  only screen and (                min-resolution: 384dpi) and (min-width: 768px) and (max-width:991px),
  only screen and (                min-resolution: 3dppx) and (min-width: 768px) and (max-width:991px) {
      .navbar2-brand-headline { letter-spacing:-1px;}
  }
  
  @media (min-width: 992px) and (max-width:1199px) {
      .w-overview-area-pic, .w-overview-pic, .w-overview-layer { width:580px; height:277px; }
      .w-overview-area-menu, .btn-rwetter { width:40px;}
      .w-overview-product { margin-right:45px;width:auto;}
  }
  .player-info {
      background-color:#007dfe;
      background:linear-gradient(to bottom right, #0e71fb, #97c0fb);
      color:#fff;
      padding:10px;
      border: 1px solid #006ee9;
  }
  .player-info .right a { color:#fff; cursor:pointer; text-decoration:none;}
  progress { width:100%; height:30px; }
  .gifshot-preview>img { max-width:100%;}
  .gifshot-preview-layer { display:none;}
  .gifshot-progress-layer { display:none;}
  
  #weather-overview-mesoanalyse { clear:both; margin-top:3px;/* background-color: #f1f1f1; border: 2px solid #f1f1f1; */ color: #333; padding-bottom:4px; margin-bottom:15px;}
  .current-w-headline { float:left;max-width:550px;padding-top:25px; }
  .current-w-symbol { cursor:pointer; margin-top:5px;float:right;width:70px;height:70px;text-align:center; }
  .current-w-temp { cursor:pointer; margin-top:20px;margin-right:5px;float:right;width:90px;text-align:right;font-size:36px;font-weight:900;letter-spacing:-2px;font-family:'KachelmannMenu'; }
  .current-w-info { cursor:pointer; margin-top:-2px;clear:both;float:right;text-align:right;width:165px;font-size:10px; }
  .current-w-data { float:right;width:165px;cursor:pointer; }
  .current-w-lk { clear:left;float:left;font-size:16px;font-weight:100;margin:-10px 0 0 0;max-width:550px; }
  .current-w-h1 { margin-top:0px; font-size:24px;}
  .meso-favs { padding-top:10px;}
  .mylocations-disclaimer { padding-top:5px; font-size:10px;}
  .kw-cookie-info {
     position:fixed;
     bottom:0px; 
     z-index:2147483647; 
     width:100%; 
     font-size:16px; 
     line-height:21px;
     background-color: rgba(55,55,55,0.90);
     color:#fff;
     padding: 20px 30px;
     border-top:3px solid #333;
  }
  .kw-cookie-info-txt a,.kw-cookie-info-txt a:hover { text-decoration: underline; color:#fff;}
  .kw-cookie-info-btn {
      float:right; padding-left:20px;
  }
  @media (max-width: 480px) {
      .kw-cookie-info {
         font-size:12px; 
      }
      .btn-cookie {
         font-size:11px; 
      }
      .kw-cookie-info {
          padding: 10px 20px;
      }
      .kw-cookie-info-btn {
          padding-left:10px;
      }
      
      #weather-overview-mesoanalyse { margin-top:3px;padding-bottom:4px; margin-bottom:15px;}
      .current-w-headline { padding-top:20px; }
      .current-w-symbol { margin-top:5px;width:55px;height:55px; }
      .current-w-temp {  margin-top:10px;margin-right:3px;width:80px;font-size:32px;letter-spacing:-2px; }
      .current-w-info { margin-top:-2px;width:145px;font-size:8px; }
      .current-w-data { width:145px; }
      .current-w-h1 { font-size:18px;}
      .current-w-lk {  }
  
  
  }
  
  .abo-list {
      list-style-type: square; padding-left:20px;
      margin-top:-10px; font-size:13px;
  }
  
  .menu-new {
      background-color: #f7284b;
      color: #fff;
      font-size: 9px;
      padding: 1px 5px;
      /* margin-top: -2px; */
      text-transform: uppercase;
  }

  .menu-radioactive {
      background-image: url(/images/layout/icons/radioactive.svg);
      background-repeat: no-repeat;
      background-size:20px 16px;
      background-position-y:2px;
      width:20px;
      height:20px;
      float:left;
      display:block;
  }

  .menu-exclusive {
      height:18px;
      width:15px;margin:-2px 0; padding:0;
      background-image: url(/images/layout/v2/kachelmann-group.svg);
      background-repeat: no-repeat;
      background-position-y:3px;
      display: inline-block;
  }
  .dropdown .dropdown-submenu>.dropdown-menu, .dropdown .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu { z-index:auto !important;}

 _:-ms-lang(x),.menu-exclusive {
      height:18px;
      width:15px;margin:-2px 0; padding:0;
      background-image: url(/images/layout/v2/kachelmann-group.svg);
      background-repeat: no-repeat;
      background-position-y:2px;
      display: inline-block;
      white-space : nowrap; 
  }

  .menu-skewt {
      width:12px; height:12px; margin:0; padding:0;
      background-image: url(/images/layout/icons/radiosonde-r.svg);
      background-repeat: no-repeat;
      display: inline-block;
  }

  .menu-trajectory {
      width:12px; height:12px; margin:0; padding:0;
      background-image: url(/images/layout/icons/trajectories-r.svg);
      background-repeat: no-repeat;
      display: inline-block;
  }
  
  .menu-ec {
      background-color: #007dfe;
      color: #fff;
      font-size: 9px;
      padding: 1px 5px;
      /* margin-top: -2px; */
      text-transform: uppercase;
  }
  .menu-ec a { color: #fff; cursor:pointer;}
  .menu-ec a:hover { text-decoration:none;}
  .abtextout { padding:10px; }
  .abtext { width:275px; font-size:12px; text-align:left; font-family: 'Kachelmann'; float:left; margin-right:20px;}
  .abtext>p { padding:0; margin:4px 0; line-height: 13px;}
  .w-timezone { margin-top:7px;}
  .w14-bg { width:99%; max-width:320px;}
  .w14-s-empty { width:3px;height:32px; margin-right:3px; float:right;}
  .w14-s { width:70px;height:32px; margin-right:3px; float:right; display:block; text-align:right;}
  .w14-s>img { width:32px; height:32px;}
  .w14-date { font-size:16px;font-weight:bold;}
  .w14-prob { white-space: normal !important; padding-top:10px;}
  .w-tmax-v { font-size:14px;font-weight:bold;}
  .w-tmin-v { font-size:14px; font-weight:bold;}
  #weather-overview-maps { min-height:290px;}
  #weather-overview-nexthours { min-height:140px; }
  #weather-overview-nextdays { min-height:250px; }
  #weather-overview-compact { min-height:250px; }
  #weather-overview-14daystrend { min-height:450px; }
  #w-layer-loader { background-color:rgba(133, 133, 133, 0.6); text-align: center; display:none; z-index:10;}
  #w-layer-loader>img { margin-top: 50px;}
  .ll-nhours { height:140px;  margin-bottom:28px; }
  .ll-ndays { height:250px; margin-bottom:28px; }
  .ll-compact { min-height:250px;}
  .ll-14days { min-height:330px; }
  .close_button { font-size:32px; }
  .invoice-page {  box-shadow: 0 0 10px #888; padding: 50px;  margin-bottom: 20px; }
  .btn-logout { padding: 3px 20px;}
  .form-group { margin-bottom:0;}
  .btn-paywall-ad { width:100%; margin-bottom:5px;}
  .form-horizontal .control-label { text-align: left; }
  .player-forecast-option { margin-left:10px;}

  .ccinfo {
          margin: 20px 0;
  }
  .ccinfo span {
      background: #f5f5f5;
      padding: 8px 15px;
      font-weight: bold;
      margin-right: 10px;
  }
  
  .site-adblock .adblock-big {
          font-size: 18px;
  }
  .site-adblock .adblock-hl {
          font-weight: bold;
  }
  
  .site-adblock li {
          margin-bottom: 10px;
  }
  .site-adblock .adblock-red {
          color: #f7284b;
  }
  .site-adblock .adblock-blue {
          color: #007dfe;
  }
  .site-adblock img {
          max-width: 100%;
  }
  .site-adblock .abl-img {
          text-align: center;
  }
  .site-adblock .abl-img-block {
          margin: 20px 0;
  }
  
  #card-errors, #iban-errors {
          color: #f72649;
          margin-bottom: 15px;
  }
  
  .payment-tab-sepa {
          display: none;
  }
  
  ul.payment-tabs {
          margin: 0;
          padding: 0px;
          list-style: none;
  }
  
  ul.payment-tabs li.current {
          background: #eee;
  }
  
  ul.payment-tabs li {
          display: inline-block;
      padding: 10px 15px;
      margin: 0;
      cursor: pointer;
      font-size: 16px;
          font-weight: bold;
  }
  
  .payment-tab {
          border: 2px solid #eee;
          padding: 10px;
          width: 100%;
          margin-bottom: 20px;
  }
  
  #iban-element {
          margin: 0 0 10px;
  }
  
  #bank-name {
          font-weight: bold;
  }
  
  .param-autoscroll,.source-autoscroll { max-height:300px;overflow-y:auto;}
  .flagpopover { background-color:#fff !important; color:#000 !important; padding:10px;}
  .small-models-txt { font-size:11px; padding:0 2px;}
  .forecast-select>h4 { margin-top:0px;}
  .acc-layer,.acc2-layer { display:none;}
  .acc-btn {
      display: inline-block;
      margin-bottom: 5px;
      background-color: #333333;
      border-color: #333333;
      border-radius: 0;
      color: #fff !important;
      width: 100%;
      text-align: left;
      padding: 4px 12px;
      cursor: pointer;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.42857143;
      white-space: nowrap;
      vertical-align: middle;
      touch-action: manipulation;
      user-select: none;
      background-image: none;
      border: 1px solid transparent;
  }
  .acc2-btn {
      display: inline-block;
      margin-bottom: 5px;
      background-color: #ddd;
      border-color: #bbb !important;
      border-radius: 0;
      color: #000 !important;
      width: 100%;
      text-align: left;
      padding: 4px 12px;
      cursor: pointer;
      font-size: 12px;
      font-weight: normal;
      line-height: 1.42857143;
      white-space: nowrap;
      vertical-align: middle;
      touch-action: manipulation;
      user-select: none;
      background-image: none;
      border: 1px solid transparent;
  }
  .acc2-btn:hover,.acc2-btn:focus,.acc2-btn:active{
      background-color: #bbb;
      border-color: #888;
      color: #000 !important;
      width: 100%;
      text-align:left;
      text-decoration: none;
  }
  .acc-btn:hover,.acc-btn:focus,.acc-btn:active{
      background-color: #545454;
      border-color: #333333;
      color: #fff !important;
      width: 100%;
      text-align:left;
      text-decoration: none;
  }
  
  .ac-btn,.btn-kvgl,.btn-kvgl-disabled, .ac-btn-disabled, .valid-btn, .mod-btn, .mod-btn-disabled {
      margin-bottom: 5px;
      background-color: #fff;
      border-radius: 0;
      color: #333;
      padding: 1px 5px;
      font-size: 12px;
      line-height: 1.5;
      display: inline-block;
      font-weight: normal;
      /* text-align: center;
      white-space: nowrap; */
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-image: none;
      border: 1px solid #ccc;
      text-decoration: none !important;
  }
  .ac-btn-disabled, .mod-btn-disabled {
      background-color:#ffeeee;
  }
  
  .ac-btn:hover, .ac-btn:focus, .ac-btn:active,.btn-kvgl:hover, .btn-kvgl:focus, .btn-kvgl:active,.valid-btn:hover, .valid-btn:focus, .valid-btn:active, .mod-btn:hover, .mod-btn:focus, .mod-btn:active {
      color: #333;
      background-color: #e6e6e6;
      border-color: #adadad;
      text-decoration: none;
  }
  .ac-btn-disabled:hover, .ac-btn-disabled:focus, .ac-btn-disabled:active, .btn-kvgl-disabled:hover, .btn-kvgl-disabled:focus, .btn-kvgl-disabled:active, .mod-btn-disabled:hover, .mod-btn-disabled:focus, .mod-btn-disabled:active {
      text-decoration: none;
  }
  .acc-btn-toggle,.acc-btn-on,.acc-btn-off { display:none;}
  .acc-btn-active,.acc2-btn-active { display:inline-block;}
  
  .pay-btn-disabled {
      background-color:#bfdefd; color:#333;
  }
  .ac-btn-margin {
      margin-right:3px;
  }
  .pay-btn {
      background-color:#bfdefd; color:#333;
  }
  .admin-btn-disabled {
      background-color:#f1cac2; color:#333;
  }
  .admin-btn {
      background-color:#f1cac2; color:#333;
  }
  .ac-btn-default, .btn-kvgl-default {
      background-color:#ddffdd; color:#333;
  }
.ac-btn-other {
    opacity: 0.6;
}
  

  .opt-params optgroup { background-color:#333; color:#fff;}
  .opt-params option { background-color:#fff;color:#333;}
  .opt-params option.payparamdis { background-color:#ffbbbb;color:#333;}
  .opt-params option.payparam { background-color:#ffffdd;color:#333;}.opt-params option.arcparam { background-color:#eeeeee;color:#666;}
  
  .debug { background-color:#efefcc; border:1px dotted #ccc; padding:7px; margin-bottom:20px;}
  .grey-div { background-color: #dfdfdf; background: linear-gradient(to bottom right, #d1d1d1, #f6f6f6); padding-bottom:20px; border:1px solid #d1d1d1;}
  .grey-div label { margin-top:10px;}
  .meteosafe-logo { width:100%; max-width:270px; margin:15px 0;}
  .gutachten-logo { width:100%; max-width:270px; margin: 0;}
  .btn-wrap {
      word-wrap: break-word; white-space:normal !important;
  }
  
  .new-run { background-color: #ddffdd;}
  .old-run { background-color: #ffdddd;}
  
  .search_list_notice { padding-top:12px; font-size:10px; text-align:right;}
  .sharer-menu {left:auto; right: 0; width:210px;}
  /* Wettersymbol Hover-CSS für OBS */
  /* #hc_obs_graph .highcharts-root .highcharts-data-labels .highcharts-data-label.obs-ww-label text {
      font-family: 'wettersymbole'!important;
      font-size: 20pt!important;
      font-weight: normal!important;
  }
  
  #hc_obs_graph .highcharts-root .highcharts-data-labels .highcharts-data-label.obs-ww-label.hover text {
      font-size: 24pt!important;
      font-weight: bold!important;
      color: #a71b33!important;
      fill: #a71b33!important;
      transform: translate(-2px, 1.5px);
  } */
  
  
  /* bootstrap-slider.min.css */
  /*! =======================================================
                        VERSION  10.6.2              
  ========================================================= */
  /*! =========================================================
   * bootstrap-slider.js
   *
   * Maintainers:
   *		Kyle Kemp
   *			- Twitter: @seiyria
   *			- Github:  seiyria
   *		Rohit Kalkur
   *			- Twitter: @Rovolutionary
   *			- Github:  rovolution
   *
   * =========================================================
    *
   * bootstrap-slider is released under the MIT License
   * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
   * 
   * Permission is hereby granted, free of charge, to any person
   * obtaining a copy of this software and associated documentation
   * files (the "Software"), to deal in the Software without
   * restriction, including without limitation the rights to use,
   * copy, modify, merge, publish, distribute, sublicense, and/or sell
   * copies of the Software, and to permit persons to whom the
   * Software is furnished to do so, subject to the following
   * conditions:
   * 
   * The above copyright notice and this permission notice shall be
   * included in all copies or substantial portions of the Software.
   * 
   * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
   * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
   * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
   * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
   * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
   * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
   * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
   * OTHER DEALINGS IN THE SOFTWARE.
   *
   * ========================================================= */.slider{display:inline-block;vertical-align:middle;position:relative}.slider.slider-horizontal{width:210px;height:20px}.slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0}.slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high{height:100%;top:0;bottom:0}.slider.slider-horizontal .slider-tick,.slider.slider-horizontal .slider-handle{margin-left:-10px}.slider.slider-horizontal .slider-tick.triangle,.slider.slider-horizontal .slider-handle.triangle{position:relative;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);border-width:0 10px 10px 10px;width:0;height:0;border-bottom-color:#2e6da4;margin-top:0}.slider.slider-horizontal .slider-tick-container{white-space:nowrap;position:absolute;top:0;left:0;width:100%}.slider.slider-horizontal .slider-tick-label-container{white-space:nowrap;margin-top:20px}.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{padding-top:4px;display:inline-block;text-align:center}.slider.slider-horizontal .tooltip{-ms-transform:translateX(-50%);transform:translateX(-50%)}.slider.slider-horizontal.slider-rtl .slider-track{left:initial;right:0}.slider.slider-horizontal.slider-rtl .slider-tick,.slider.slider-horizontal.slider-rtl .slider-handle{margin-left:initial;margin-right:-10px}.slider.slider-horizontal.slider-rtl .slider-tick-container{left:initial;right:0}.slider.slider-horizontal.slider-rtl .tooltip{-ms-transform:translateX(50%);transform:translateX(50%)}.slider.slider-vertical{height:210px;width:20px}.slider.slider-vertical .slider-track{width:10px;height:100%;left:25%;top:0}.slider.slider-vertical .slider-selection{width:100%;left:0;top:0;bottom:0}.slider.slider-vertical .slider-track-low,.slider.slider-vertical .slider-track-high{width:100%;left:0;right:0}.slider.slider-vertical .slider-tick,.slider.slider-vertical .slider-handle{margin-top:-10px}.slider.slider-vertical .slider-tick.triangle,.slider.slider-vertical .slider-handle.triangle{border-width:10px 0 10px 10px;width:1px;height:1px;border-left-color:#2e6da4;border-right-color:#2e6da4;margin-left:0;margin-right:0}.slider.slider-vertical .slider-tick-label-container{white-space:nowrap}.slider.slider-vertical .slider-tick-label-container .slider-tick-label{padding-left:4px}.slider.slider-vertical .tooltip{-ms-transform:translateY(-50%);transform:translateY(-50%)}.slider.slider-vertical.slider-rtl .slider-track{left:initial;right:25%}.slider.slider-vertical.slider-rtl .slider-selection{left:initial;right:0}.slider.slider-vertical.slider-rtl .slider-tick.triangle,.slider.slider-vertical.slider-rtl .slider-handle.triangle{border-width:10px 10px 10px 0}.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label{padding-left:initial;padding-right:4px}.slider.slider-disabled .slider-handle{background-image:-webkit-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:-o-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:linear-gradient(to bottom,#dfdfdf 0,#bebebe 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf',endColorstr='#ffbebebe',GradientType=0);background-repeat:repeat-x}.slider.slider-disabled .slider-track{background-image:-webkit-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:-o-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:linear-gradient(to bottom,#e5e5e5 0,#e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5',endColorstr='#ffe9e9e9',GradientType=0);background-repeat:repeat-x;cursor:not-allowed}.slider input{display:none}.slider .tooltip{pointer-events:none}.slider .tooltip.top{margin-top:-36px}.slider .tooltip-inner{white-space:nowrap;max-width:none}.slider .hide{display:none}.slider-track{position:absolute;cursor:pointer;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);border-radius:4px}.slider-selection{position:absolute;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-selection.tick-slider-selection{background-image:-webkit-linear-gradient(top,#8ac1ef 0,#82b3de 100%);background-image:-o-linear-gradient(top,#8ac1ef 0,#82b3de 100%);background-image:linear-gradient(to bottom,#8ac1ef 0,#82b3de 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef',endColorstr='#ff82b3de',GradientType=0);background-repeat:repeat-x}.slider-track-low,.slider-track-high{position:absolute;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-handle{position:absolute;top:0;width:20px;height:20px;background-color:#337ab7;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7',endColorstr='#ff2e6da4',GradientType=0);background-repeat:repeat-x;filter:none;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);border:0 solid transparent}.slider-handle:hover{cursor:pointer}.slider-handle.round{border-radius:50%}.slider-handle.triangle{background:transparent none}.slider-handle.custom{background:transparent none}.slider-handle.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick{position:absolute;cursor:pointer;width:20px;height:20px;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;filter:none;opacity:.8;border:0 solid transparent}.slider-tick.round{border-radius:50%}.slider-tick.triangle{background:transparent none}.slider-tick.custom{background:transparent none}.slider-tick.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick.in-selection{background-image:-webkit-linear-gradient(top,#8ac1ef 0,#82b3de 100%);background-image:-o-linear-gradient(top,#8ac1ef 0,#82b3de 100%);background-image:linear-gradient(to bottom,#8ac1ef 0,#82b3de 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef',endColorstr='#ff82b3de',GradientType=0);background-repeat:repeat-x;opacity:1}
  
  /* ACHTUNG: Folgende Regeln müssen unbedingt nach den Standard-Regeln für das bootstrap-slider Plugin stehen */
  
  
  
  .kw-slider {
      width: auto;
      margin: 0 10px;
  }
  
  #sort-range-slider-container {
      margin: 0 5px;
  }

  .kw-slider .slider, #animation-speed-container .slider {
      width: 100%;
      margin: 2px 0;
  }
  
  .kw-slider .slider .slider-track, #animation-speed-container .slider .slider-track {
      background-color: #eee;
      background-image: none;
      -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
      filter: none;
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
      border-radius: 0px;
  }
  .kw-slider .slider .tooltip, #animation-speed-container .slider .tooltip {
      transition: opacity 150ms ease-in-out;
  }
  
  .kw-slider .slider .slider-track .slider-selection, #animation-speed-container .slider .slider-track .slider-selection {
      background-color: #007DFE;
      background-image: none;
      -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
      box-shadow: inset 0 -1px 2px rgba(0,0,0,0.25);
      filter: none;
      transition: background-color 150ms ease-in-out;
  }

  #sort-range-slider-container .slider .slider-track .slider-selection {
      background-color: #f7284b;
  }

  .kw-slider.lightning-filter .slider .slider-track .slider-selection {
      background-color: hsl(54, 100%, 65%);
      /* background-image: linear-gradient(to right, hsl(54, 100%, 50%) 0%, hsl(54, 100%, 50%) 5%, hsl(54, 40%, 95%) 12.5%, hsl(54, 40%, 95%) 25%, hsl(54, 100%, 55%) 100%); */
      background-image: linear-gradient(to right, hsl(54, 40%, 95%) 0%, hsl(54, 100%, 55%) 100%);
  }

  .kw-slider .slider .slider-track .slider-rangeHighlight.radar-forecast {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: inset 0 -1px 2px rgba(0,0,0,0.25);
    background-color: #ffd200;
    border-radius: 0;
    z-index: 8;
  }
  
  #animation-speed-container .slider .slider-track .slider-selection {
      background-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  
  .kw-slider .slider .slider-handle, #animation-speed-container .slider .slider-handle {
      background-color: #333333;
      background-image: none;
      -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 2px rgba(0,0,0,0.35);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 2px rgba(0,0,0,0.35);
  }
  
  .kw-slider .slider .slider-handle, #animation-speed-container .slider .slider-handle {
      width: 10px;
      height: 16px;
      margin-left: -5px;
      margin-top: 2px;
  }
  .kw-slider .slider .slider-handle {
      z-index: 10;
  }
  
  .kw-slider .slider .slider-handle.round, #animation-speed-container .slider .slider-handle.round {
      border-radius: 0;
  }
  
  .kw-slider.lightning-filter .slider .slider-handle {
      -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 0 4px 1px hsl(54, 85%, 50%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 0 4px 1px hsl(54, 85%, 50%);
  }

  .kw-slider .slider .slider-track .load-progress-container {
      margin-left: 5px;
      margin-right: 4.5px;
      height: 100%;
      overflow: hidden;
  }

  .kw-slider .slider-tick-container .slider-tick {
      width: 10px;
      height: 16px;
      margin-left: -5px;
      margin-top: 2px;
      opacity: 1;
      -webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.15), 0 0 4px 1px rgba(0, 0, 0, 0.15);
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 0px rgba(0, 0, 0, 0.15);
  }

  .kw-slider.lightning-filter .slider-tick-container .slider-tick.in-selection {
      background-image: none;
      background-color: hsl(54, 100%, 50%);
  }
.btn-station-vh { background-color: #bfdefd !important;}
  .kw-slider.lightning-filter .slider-tick-container .slider-tick:nth-child(1).in-selection { background-color: hsl(54, 40%,  90%); }
  .kw-slider.lightning-filter .slider-tick-container .slider-tick:nth-child(2).in-selection { background-color: hsl(54, 55%,  80%); }
  .kw-slider.lightning-filter .slider-tick-container .slider-tick:nth-child(3).in-selection { background-color: hsl(54, 70%,  70%); }
  .kw-slider.lightning-filter .slider-tick-container .slider-tick:nth-child(4).in-selection { background-color: hsl(54, 85%,  60%); }
  .kw-slider.lightning-filter .slider-tick-container .slider-tick:nth-child(5).in-selection { background-color: hsl(54, 100%,  50%); }

  .kw-slider .slider-tick-label-container {
      display: flex;
      font-size: 11px;
      margin-right: -10px;
  }
  @media (max-width: 380px) {
    .kw-slider .slider-tick-label-container {
        font-size: 10px;
    }
  }

  .kw-slider .slider-tick-label-container .slider-tick-label {
      flex-shrink: 0;
  }

  .kw-slider .slider-tick-label-container .slider-tick-label:last-child {
      flex-grow: 1;
  }

  @media (max-width: 991px) {
    .kw-slider .slider-tick-label-container .slider-tick-label:last-child {
        text-align: right!important;
        width: auto!important;
    }
  }

  @media (min-width: 992px) and (max-width: 1199px) {
    .kw-slider .slider-tick-label-container {
        font-size: 10px;
    }
  }

  .load-progress-container .load-progress {
      position: relative;
      width: 0%;
      height: 50%;
      top: 50%;
      background-color: #F7284B;
      box-shadow: 0px 0px 5px 0px #F7284B;
      transition: width 200ms ease-in-out, top 250ms ease-in-out;
      z-index: 9;
  }
  
  .load-progress-container .load-progress.move-out {
      top: 101%;
      box-shadow: none;
  }
  
  .load-progress-container .load-progress.reversed {
      float: right;
  }
  
  .load-progress-container .load-progress.no-transition {
      transition: none;
  }
  
  /* New Play/Stop morphing button */
  
  button.kw-play-button {
      width: auto;
      position: relative;
  }
  
  span.kw-play-button {
      position: relative;
      background-color: #007dfe;
  }

  span.kw-play-button:hover {
        background-color: #0057b1;
  }
  
  .kw-play-button > i.kw-play, i.kw-stop {
      -webkit-tap-highlight-color: transparent;
      display: inline-block;
      width: 1em;
  }
  .kw-play-button > i.kw-play::before, i.kw-stop::before {
      content: "";
      width: 0;
      height: 0;
      border-color: transparent;
      border-left-color: currentColor;
      border-style: solid;
      display: inline-block;
      vertical-align: bottom;
      transition: all 0.25s;
  }
  
  .kw-play-button > i.kw-play::before {
      border-width: 0.5em 0 0.5em 1em;
      height: 1em;
  }
  
  .kw-play-button > i.kw-stop::before {
      border-width: 0 0 0 1em;
      height: 1em;
  }

  .alternate-heading {
    font-family: 'Kachelmann';
    font-weight: bold;
  }
  .alternate-font {
      font-family: 'KachelmannLogo';
  }
.latest-news h1 { margin:0; font-size:24px;}
.latest-news h3 { margin:0 0 8px 0; font-size:14px; font-weight:500;}
.latest-news p { font-size:12px;}
.latest-news .row { margin-top:12px;margin-bottom:24px;}
.latest-news .btn { width:100%; }
.popover { z-index: 2000000 !important; }

  .user-dashboard .dashboard-box-heading {
    margin-left: 5px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #fff;
    display: inline;
    white-space: nowrap;
  }
  .user-dashboard .dashboard-box {
      border: 1px solid #c0c0c0;
      border-radius: 1px;
      box-shadow: 0 0 2px -1px #999, inset 0 0 2px -1px #999;
      padding: 12px 10px 10px 10px;
      margin-top: -10px;
      margin-bottom: 10px;
      color: #555555;
  }

.user-dashboard .dashboard-box > p {
    margin-top: 10px;
}

  
  .user-dashboard .abo-heading, .user-dashboard .big-heading { font-size: 15px; }
  .user-dashboard .abo-paid-for, .user-dashboard .small-heading { font-size: 13px; font-weight: bold; }
  .user-dashboard .session-text { line-height: 1.1; margin-bottom: 15px; }
  .user-dashboard .invoice-text { line-height: 1.1; margin-top: 10px;}
  .user-dashboard .undelete-text { line-height: 1.1; color: #ff004a; margin-top: 10px;}
  .user-dashboard .session-count { font-size: 13px; font-weight: bold; text-align: center; margin-bottom: 15px;}

  .dashboard-buttons .dashboard-button {
    display: inline-block;
    width: 100%;
    padding: 8px;
    background-color: #333333;
    text-decoration: none;
    color: #fff;
    font-family: 'Kachelmann';
    font-weight: bold;
    text-align: center;
    margin-bottom: 8px;
    transition: all 0.15s;
  }
  .dashboard-buttons .dashboard-button:last-child {
      margin-bottom: 0;
  }
  .dashboard-buttons .dashboard-button:hover, .dashboard-buttons .dashboard-button:focus {
      background-color: #666;
  }
  .dashboard-buttons .dashboard-button.abo-delete {
      background-color: transparent;
      border: 2px solid #ff004a;
      border-radius: 2px;
      color: #ff004a;
      padding: 6px;
  }
  .dashboard-buttons .dashboard-button.abo-delete:hover, .dashboard-buttons .dashboard-button.abo-delete:focus {
    background-color: #ff004a;
    color: #fff;
  }

  /* Autocomplete Style */
  .ui-menu {
      z-index: 1030;
  }

  .ui-menu-item-wrapper {
    padding-left: 0.6em !important;
    line-height: 1.4285;
  }

  .ui-widget.ui-widget-content.error {
    border: 2px solid #f7284b;
    border-top: 1px solid #f7284b;
  }
  .ui-menu .ui-menu-item{
      line-height: 0;
  }
  .ui-menu-item.error {
    cursor: default!important;
  }

  .ui-menu-item-error {
    position: relative;
    padding: 1em 2em 1em 2em;
    background-color: #f7284b!important;
    color: white;
    font-size: 13px;
    font-family: 'KachelmannLogo';
    box-shadow: inset 0 0 5px 0px rgba(0, 0, 0, 0.45);
    line-height: 1.4285;
  }

  .ui-menu-item-icon-placetype {
    float: left;
    margin-top: 9px;
    margin-right: 10px;
  }

  .ui-menu-item-place {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-family: 'KachelmannLogo';
    font-weight: 600;
    font-size: 1.1em;
  }

  .ui-menu-item-place .ac-place {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ui-menu-item-place .ac-flag {
    height: 12px;
    margin-left: 5px;
    margin-top: auto;
    margin-bottom: auto;
    /* box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3); */
    border: 1px solid rgba(0,0,0,0.4);
  }

  .ui-menu-item-info {
    font-style: italic;
    font-size: 13px;
    margin-top: -3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .sharer-popover-content {
      display: none;
      opacity: 0;
      visibility: hidden;
  }

  .share-popover.popover {
    background-color: rgba(255,255,255,1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
    color: #333!important;
    max-width: 600px;
    right: 4px!important;
    left: 4px!important;
    margin-left: 15px;
    margin-right: 15px;
    z-index: 999!important;
    user-select: text;
  }
  @media (min-width: 600px) {
    .share-popover.popover {
        left: 25%!important;
    }
  }
  @media (min-width: 992px) {
    .share-popover.popover {
        margin-left: 10px;
        margin-right: 10px;
    }
  }

  .share-popover.popover .arrow {
      left: auto!important;
      right: 5px!important;
  }

  .share-popover.popover .popover-title { background-color: rgba(0, 0, 0, 0.1); color: #333!important; }
  .share-popover.popover .popover-content { background-color: transparent; color: #333!important; }
  .share-popover.popover.bottom > .arrow:after { border-bottom-color: rgb(230, 230, 230); }
  .share-popover.popover .btn-inactive {
    background-color: rgba(51, 51, 51, 1)!important;
    border-color: rgba(51, 51, 51, 0)!important;
    color: #fff;
  }
  .share-popover.popover .btn-inactive:hover {
    background-color: rgba(51, 51, 51, 0.9)!important;
    border-color: rgba(51, 51, 51, 0)!important;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
  }
  .share-popover.popover .btn-group .btn + .btn, .share-popover.popover .btn-group .btn + .btn-group, .share-popover.popover .btn-group .btn-group + .btn, .share-popover.popover .btn-group .btn-group + .btn-group {
    margin-left: 0;
  }
  .share-popover.popover .sharer-settings .btn-group.share-url-settings.hide { display: none!important; }
  .share-popover.popover .sharer-settings .btn-group.share-url-settings { display: flex; }
  .share-popover.popover .sharer-settings .btn-group .btn { white-space: normal; }

  .share-popover.popover .input-group .form-control {
    -webkit-appearance: none; -moz-appearance: none;
    background-color: rgba(51, 51, 51, 0.6)!important;
    border-color: #f7284b!important;
    color: #fff;
  }

  .share-popover .share-popover-url-copy, .share-popover .share-popover-url { transition: all ease 0.15s; }
  /* .share-popover .share-popover-url-copy.copied { background-color: rgb(70, 165, 1)!important; border-color: rgb(70, 165, 1)!important; } */
  .share-popover.popover .input-group .form-control.share-popover-url.copied { background-color: rgba(40, 100, 0, 0.5)!important; }


  .share-popover.popover .input-group button.share-popover-url-copy {
    padding: 2px 10px;
    padding-left: 9px;
    font-size: 15px;
    margin-left: 0;
  }

  .share-popover.popover .share-brands, .share-popover.popover .navigator-share { margin-top: 7px; }
  .share-popover.popover .share-brands .btn { margin-left: 0px!important; }
  .share-popover.popover hr {margin-top: 10px; margin-bottom: 10px; border-color: rgba(51, 51, 51, 0.2);}

  @supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
    .share-popover.popover {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: rgba(255, 255, 255, 0.5);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
    }
    .share-popover.popover .popover-title { background-color: rgba(0, 0, 0, 0.1); }
    .share-popover.popover .popover-content { background-color: transparent; }
    .share-popover.popover.bottom > .arrow:after { border-bottom-color: rgba(230, 230, 230, 0.6); }

    .share-popover.popover .btn-inactive {
        background-color: rgba(51, 51, 51, 0.5)!important;
        border-color: rgba(51, 51, 51, 0)!important;
        color: #fff;
    }
    .share-popover.popover .btn-inactive:hover {
        background-color: rgba(51, 51, 51, 0.6)!important;
        border-color: rgba(51, 51, 51, 0)!important;
        border-top-right-radius:3px;
        border-bottom-right-radius:3px;
    }

    .share-popover.popover .input-group .form-control {
        -webkit-appearance: none; -moz-appearance: none;
        background-color: rgba(51, 51, 51, 0.5)!important;
        border-color: transparent!important;
        color: #fff;
      }

  }


    .row.coord-data {
        margin: 10px 0 10px 0;
    }
    .map-wrapper {
        position: relative;
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: all 0.4s ease-out;
    }

.map-wrapper.show {
    height: 50vh;
    max-height: 35vh;
    opacity: 1;
}
.report-location-map {
    height: 35vh;
    max-height: calc(35vh - 80px);
}

@media (min-width: 992px) {
    .map-wrapper.show {
        height: 80vh;
        max-height: 500px;
        opacity: 1;
    }
    .report-location-map {
        height: 80vh;
        max-height: calc(500px - 80px);
    }
}



    .coord-label {
        padding-right:0px;
        padding-left: 0px;
    }
    .coord-label label {
        font-weight: normal;
        font-size: 12px;
        text-align: right;
        margin-right: 5px;
    }
    .coord-input {
        padding-right:0px;
        padding-left: 0px;
    }
@media (min-width: 992px) {
    .coord-input {
        padding-right:0px;
        padding-left: 5px;
    }
}
    .coord-input input[type=text] {
        height: 24px;
        padding: 0 5px 0 5px;
        font-size: 12px;
        width: calc(100% - 15px);
    }

    .field-reportform-rememberlocation,
    .field-reportform-rememberformmode{
        font-size: 12px;
        line-height: 23px;
        position: absolute;
        width: 115px;
        right: 15px;
    }
@media (max-width: 767px) {
    .field-reportform-rememberlocation {
        top: 25px;
    }
}


.field-reportform-rememberformmode {
    right: 25px;
    top: 15px;
}
@media (max-width: 991px) {
    .checkbox-toggle.formmode {
        margin-bottom: 40px;
    }
    .field-reportform-rememberformmode {
        top: 10px;
        left: 25px;
        right: unset;
    }
}


    .coord-data.hide {
        display: none;
    }

.source-setting-wrapper {
    position: relative;
    padding: 0 0 15px 0;
}


.source-setting-wrapper .form-report fieldset:after {
    background-color: transparent !important;
}
.form-report fieldset.select-source {
    margin: 0 0 0px 0;
    padding: 0 0 10px 0;
}
.form-report fieldset.remember-source {
    margin: 0 0 15px 0;
    padding: 0;
    position: relative;
    height: 30px;
}

.form-report fieldset.remember-source:after {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #007dfe !important;
}


.field-reportform-remembersource {
    font-size: 12px;
    line-height: 23px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 130px;
}
.field-reportform-remembersource .row {
    margin-right: 0;
}
.field-reportform-remembersource .row .toggle-remember-checkbox {
    text-align: right;
}
.field-reportform-remembersource .row label.control-label {
    right: -10px;
    left: unset;
}



.checkbox-toggle input[type=checkbox]{
    height: 0;
    width: 0;
    visibility: hidden;
}

.checkbox-toggle label {
    position: absolute;
    top: 2px;
    left: 5px;
    cursor: pointer;
    text-indent: -9999px;
    width: 40px;
    height: 20px;
    background: grey;
    display: block;
    border-radius: 20px;

}

.checkbox-toggle label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    transition: 0.12s ease-in-out;
}

.checkbox-toggle input:checked + label {
    background: #007dfe;
}

.checkbox-toggle input:checked + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.checkbox-toggle label:active:after {
    width: 22px;
}
.toggle-remember-checkbox {
    cursor: pointer;
}

.form-report fieldset {
    position: relative;
    padding: 0 0 25px 0;
    margin: 0px 0 25px 0px;
}
.form-report fieldset h4 {
    margin-bottom: 0px;
}
.form-report fieldset:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #007dfe;
}

.form-report fieldset label.control-label {
    padding-top: 15px;
}

.form-report fieldset .form-group.additional-field label.control-label {
    padding-top: 0px;
    font-size: 14px;
}
.form-report fieldset .form-group.additional-field {
    padding-bottom: 15px;
}

.form-report fieldset .field-reportform-prevday_va .form-control,
.form-report fieldset .field-reportform-prevday_vb .form-control,
.form-report fieldset .field-reportform-prevday_vc .form-control {
    width: 120px;
}

.form-report fieldset select {
    padding-bottom: 8px;
    font-size: 14px;
}
@media (max-width: 768px) {
    .form-report fieldset select {
        padding-bottom: 8px;
        font-size: 16px;
    }
}

.select-legend {
    font-size: 12px;
    color: #666;
    margin: 5px 5px 5px 5px;
}
.select-legend span {
    display: none;
    padding: 0 0 5px 0;
}

a.glyphicon:active, a.glyphicon:hover, a.glyphicon:focus {
    outline: 0;
    text-decoration: none;
}
.form-report .popover-content a {
    color: white;
    text-decoration: underline;
}
@media (max-width: 550px) {
    .location-setting .btn,
    .buttonset .btn {
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }
}

.form-report label.control-label a.glyphicon {
    display: inline-block;
    margin-left: 2px;
    line-height: 20px;
    vertical-align: top;
    top: 2px;
    font-size: 18px;
    color: #007dfe;
    cursor: pointer;
}



.form-report .slider.slider-horizontal {
    width: 100%;
}

.form-report .slider {
    pointer-events: none;
}

.form-report .slider .slider-handle {
    pointer-events: auto;
}

.form-report input[type=number]::-webkit-inner-spin-button,
.form-report input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form-report input[type=number] {
    -moz-appearance: textfield;
}

.link-wrapper .btn {
    white-space: normal !important;
}

.row.range-value-wrapper {
    margin: 15px 0 15px 0;
}

.form-report .toggle-group {
    display: none;
}


.form-report fieldset .buttonset p {
    margin: 10px 0 10px 0;
}
.form-report fieldset .buttonset .btn {
    margin-right: 5px;
    transition: all 0.2s ease-in-out;
}

.range-value-wrapper .col.change-button {
    float: left;
    width: 34px;
}
.range-value-wrapper .col.change-button span.btn {
    width: 34px;
    font-weight: bold;
}
.range-value-wrapper .col.change-button:last-child span {
    text-align: right;
}

.range-input-wrapper .slider {
    margin: 10px 0;
}

.range-input-wrapper .slider-handle {
    border-radius: 0;
    background-image: none;
    background-color: #007dfe;
    margin-left: 0 !important;
}
.range-input-wrapper .slider-track {
    border-radius: 0;
}

.range-input-wrapper .tooltip.top {
    margin-left: 10px !important;
}

.range-input-wrapper .slider-selection {
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #ccc;
    background-image: none;
    border-radius: 0;
}
.range-input-wrapper .slider-track-high {
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #eee;
    background-image: none;
    border-radius: 0;
}

.range-value-wrapper .col.output-value {
    float: left;
    position: relative;
    width: calc(100% - 78px);
    height: 34px;
    padding: 0 5px 0 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.range-value-wrapper .col.output-value input {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 0 10px 0 0;
    border: none;
    text-align: center;
}
.range-value-wrapper .col.output-value label {
    position: absolute;
    top: 1px;
    left: 0;
    margin: 0;
    line-height: 30px;
    border: none;
    background-color: white;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    width: 100%;
    height: calc(100% - 2px);
}
.range-value-wrapper .col.output-value input:focus + label {
    opacity: 0;
    pointer-events: none;
}

.form-report .expert {
    display: none !important;
}
.form-report.expert-view .expert {
    display: block !important;
}
.form-report.expert-view .standard.only {
    display: none !important;
}

.form-report .radio label {
    font-size: 15px;
}
.form-report .radio {
    margin-bottom: 15px;
}

.form-report .row.toggle .element-content {
    transition: max-height 0.2s ease-in;
    overflow: hidden;
    max-height: 0;
}
.form-report .row.toggle.show .element-content {
    max-height: 1000px;
    overflow: visible;
    transition: max-height 0.25s ease-out;
}
.form-report .row.toggle .element-title {
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
}
.form-report .row.toogle .element-title label.control-label {
    padding-top: 5px;
    cursor: pointer;
}
.form-report .row.toggle .element-title label span {
    padding-right: 30px;
    cursor: pointer;
    position: relative;
}

.form-report .row.toggle .element-title label span:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    right: 0;
    background-position: 2px -6px;
    background-image: url(/images/layout/v2/select-arrow2.png);
    transition: transform 0.2s ease-in-out;
    transform-origin: 15px 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}


.form-report .row.toggle.show .element-title label span:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.shake-horizontal {
    -webkit-animation: shake-horizontal 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-horizontal 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@-webkit-keyframes shake-horizontal {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40%,
    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }
}
@keyframes shake-horizontal {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40%,
    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }
}
.wi-from-hide { display:none;}
.option_plus { background-color: #bfdefd; }
.kmw-mdcss-sfclose {position: absolute; top: -28px; visibility: visible;
                 width: 28px; height: 28px;right: 0;
                 background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg width="13" height="13" viewBox="341 8 13 13" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%234F4F4F" d="M354 9.31L352.69 8l-5.19 5.19L342.31 8 341 9.31l5.19 5.19-5.19 5.19 1.31 1.31 5.19-5.19 5.19 5.19 1.31-1.31-5.19-5.19z" fill-rule="evenodd"/%3E%3C/svg%3E');
                 background-size: 13px 13px;background-position: 9px;background-color: #fff;
                 background-repeat: no-repeat;box-shadow: 0 -1px 1px 0 rgba(0,0,0,0.2);
                 border: none;border-radius: 12px 0 0 0;}
.str-sf-outer{position:fixed !important;z-index:5000;bottom:0px !important;left: 0px !important;
                background-color: white; box-shadow: 10px 10px 5px 10px rgba(0,0,0,0.2);
                padding-top:4px;width:100% !important; min-height:75px;}
.str-sf { text-align:center; margin-bottom:5px;}
.img-fluid{max-width:100%;height:auto}
img.cs-footer {
    max-width:100%;
    height:auto;
    max-height: 75px;
    margin: 20px 20px 0 0;
}

.highcharts-exporting-group {
    pointer-events: all !important;
}
#klima-vergleich .highcharts-title {
    display: none !important;
}

div.thumbs-table {
    margin-bottom: 10px;
}

div.thumbs-table label {
    line-height: 16px;
    height: 33px;
    display: flex;
    align-items: flex-end;
}

.sat-blitz-overlay-legend {
    display: inline-block;
    width: 9px;
    height: 9px;
    background-color: rgb(255, 255, 0);
    border: 1px solid rgb(223, 223, 10);
    box-shadow: 0px 0px 2px 1.5px rgb(0, 0, 0);
    margin-left: 3px;
    margin-right: 2px;
    margin-bottom: 3px;
    transform: rotate(45deg);
    vertical-align: middle;
}

.ga-consent {
    position: fixed;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(180deg, var(--gradient-one-background-from) 0%, var(--gradient-one-background-to) 100%);
    border: 1px solid var(--gradient-one-border-color);
    border-radius: 3px !important;
    padding: 5px 15px 10px 15px;
    box-shadow: 4px 4px 10px 0px var(--autocomplete-dropdown-box-shadow-color);
    font-family: "KachelmannV2", sans-serif;
    width: 90%;
    max-width: 800px;
    z-index: 1000;
}
.ga-consent .buttons {
    padding: 5px 0 15px 0;
}
.ga-consent .buttons .btn {
    display: block;
    width: 80%;
    max-width: 280px;
    height: 35px;
    margin: 0 auto;
    border-radius: 4px;
}
@media (min-width: 768px) {
    .ga-consent .buttons .btn {
        display: inline-block;
        width: 280px;
    }
    .ga-consent .buttons .btn.deny {
        margin-right: 15px;
        margin-bottom: 0px !important;
    }
}

.ga-consent .buttons .btn.deny {
    background-color: white !important;
    border-width: 2px;
    color: #000 !important;
    margin-bottom: 15px;
}
.ga-consent .buttons .btn.deny:hover {
    background-color: #ececec !important;
}
.ga-consent .buttons .btn.grant {
    background-color: #007dfe !important;
    border-color: #007dfe !important;
}
.ga-consent .buttons .btn.grant:hover {
    background-color: #015bbd !important;
}