/* *** generated @ 2025-08-31 21:24:31 *** */

/* ** [ /src_project/sites/portal/css/3_cleanup/leaflet.css ] ** */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer{
position: absolute;
left: 0;
top: 0;
}
.leaflet-container{
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow{
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
}

.leaflet-tile::selection{
background: transparent;
}

.leaflet-safari .leaflet-tile{
image-rendering: -webkit-optimize-contrast;
}

.leaflet-safari .leaflet-tile-container{
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow{
display: block;
}


.leaflet-container .leaflet-overlay-pane svg{
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile{
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container img.leaflet-tile{

mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom{
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag{

touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{
touch-action: none;
}
.leaflet-container{
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a{
-webkit-tap-highlight-color: rgba(51,181,229,0.4);
}
.leaflet-tile{
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded{
visibility: inherit;
}
.leaflet-zoom-box{
width: 0;
height: 0;
box-sizing: border-box;
z-index: 800;
}

.leaflet-overlay-pane svg{
-moz-user-select: none;
}
.leaflet-pane{
z-index: 400;
}
.leaflet-tile-pane{
z-index: 200;
}
.leaflet-overlay-pane{
z-index: 400;
}
.leaflet-shadow-pane{
z-index: 500;
}
.leaflet-marker-pane{
z-index: 600;
}
.leaflet-tooltip-pane{
z-index: 650;
}
.leaflet-popup-pane{
z-index: 700;
}
.leaflet-map-pane canvas{
z-index: 100;
}
.leaflet-map-pane svg{
z-index: 200;
}
.leaflet-vml-shape{
width: 1px;
height: 1px;
}
.lvml{
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}

.leaflet-control{
position: relative;
z-index: 800;
pointer-events: visiblePainted;
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom{
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top{
top: 0;
}
.leaflet-right{
right: 0;
}
.leaflet-bottom{
bottom: 0;
}
.leaflet-left{
left: 0;
}
.leaflet-control{
float: left;
clear: both;
}
.leaflet-right .leaflet-control{
float: right;
}
.leaflet-top .leaflet-control{
margin-top: 10px;
}
.leaflet-bottom .leaflet-control{
margin-bottom: 10px;
}
.leaflet-left .leaflet-control{
margin-left: 10px;
}
.leaflet-right .leaflet-control{
margin-right: 10px;
}

.leaflet-fade-anim .leaflet-popup{
opacity: 0;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{
opacity: 1;
}
.leaflet-zoom-animated{
transform-origin: 0 0;
}
svg.leaflet-zoom-animated{
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated{
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile{
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide{
visibility: hidden;
}

.leaflet-interactive{
cursor: pointer;
}
.leaflet-grab{
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive{
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control{
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable{
cursor: move;
cursor: grabbing;
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container{
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path{
pointer-events: visiblePainted;
pointer-events: auto;
}

.leaflet-container{
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a{
color: #0078A8;
}
.leaflet-zoom-box{
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}

.leaflet-container{
font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
}

.leaflet-bar{
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a{
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle{
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus{
background-color: #f4f4f4;
}
.leaflet-bar a:first-child{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child{
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled{
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a{
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child{
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child{
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out{
font: bold 18px "Lucida Console",Monaco,monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{
font-size: 22px;
}

.leaflet-control-layers{
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle{
background-image: url(/src_project/sites/portal/css/3_cleanup/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle{
background-image: url(/src_project/sites/portal/css/3_cleanup/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle{
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle{
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list{
display: block;
position: relative;
}
.leaflet-control-layers-expanded{
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar{
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector{
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label{
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator{
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}

.leaflet-default-icon-path{
background-image: url(/src_project/sites/portal/css/3_cleanup/images/marker-icon.png);
}

.leaflet-container .leaflet-control-attribution{
background: #fff;
background: rgba(255,255,255,0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line{
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a{
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus{
text-decoration: underline;
}
.leaflet-attribution-flag{
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em;
}
.leaflet-left .leaflet-control-scale{
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale{
margin-bottom: 5px;
}
.leaflet-control-scale-line{
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
box-sizing: border-box;
background: rgba(255,255,255,0.8);
text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child){
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child){
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar{
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar{
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}

.leaflet-popup{
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper{
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content{
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p{
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container{
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip{
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip{
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button{
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma,Verdana,sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus{
color: #585858;
}
.leaflet-popup-scrolled{
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper{
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip{
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip{
border: 1px solid #999;
}

.leaflet-div-icon{
background: #fff;
border: 1px solid #666;
}


.leaflet-tooltip{
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive{
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before{
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}

.leaflet-tooltip-bottom{
margin-top: 6px;
}
.leaflet-tooltip-top{
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before{
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before{
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before{
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left{
margin-left: -6px;
}
.leaflet-tooltip-right{
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before{
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before{
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before{
left: 0;
margin-left: -12px;
border-right-color: #fff;
}

@media print{

.leaflet-control{
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
.leaflet-container{
font-family: Roboto,sans-serif;
font-size: 11px;
font-size: 0.9rem;
}
.leaflet-control-layers-toggle{
background-image:  url(/src_project/img/leaflet/layers.png?_=1756465144);
}
.leaflet-retina .leaflet-control-layers-toggle{
background-image:  url(/src_project/img/leaflet/layers-2x.png?_=1756465144);
}
.leaflet-default-icon-path{
background-image:  url(/src_project/img/leaflet/marker-icon.png?_=1756465144);
}

/* ** [ /src_project/sites/portal/css/3_cleanup/additional-styles.css ] ** */
.table-responsive.table-svg table tr td{
position: relative;
}
.table-responsive.table-svg table tr td .info-icon{
position: absolute;
right: 0;
bottom: 0;
width: 0px;
height: 0px;
-webkit-transform: rotate(360deg);
border-style: solid;
border-width: 0 0 18px 35px;
border-color: transparent transparent rgba(139,129,129,0.2) transparent;
color: white;
z-index: 1;
}
.table-responsive.table-svg table tr td .info-icon span{
margin-left: -12px;
font-size: 11px;
color: #007E46;
font-weight: bold;
line-height: 1;
position: relative;
font-family: Times;
top: 6px;
left: 1px;
}
.sticky-legend{
transition: all 2s;
}
.sticky-legend .hide-sticky{
display: inline-block;
}
.sticky-legend .visible-sticky{
display: none;
}
.sticky-legend:not(.legend-fixed-top) .visible-not-sticky{
display: inline-block;
}
.sticky-legend.legend-fixed-top{
position: fixed;
background-color: #fff;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
z-index: 9999;
border-radius: 3px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
font-size: 0.9em;
top: 0rem;
width: 100%;
left: 0;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.sticky-legend.legend-fixed-top:before,.sticky-legend.legend-fixed-top:after{
display: table;
content: " ";
}
.sticky-legend.legend-fixed-top:after{
clear: both;
}
@media (min-width: 768px){
.sticky-legend.legend-fixed-top{
top: 0.5rem;
left: 50%;
width: 750px;
margin-left: -375px;
}
}
@media (min-width: 992px){
.sticky-legend.legend-fixed-top{
width: 970px;
margin-left: -485px;
}
}
@media (min-width: 1200px){
.sticky-legend.legend-fixed-top{
width: 1170px;
margin-left: -585px;
}
}
.sticky-legend.legend-fixed-top .hide-sticky{
display: none;
}
.sticky-legend.legend-fixed-top .visible-sticky{
display: inline-block;
}
.sticky-legend.legend-fixed-top .collapse-legend.collapse.in{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
width: 100%;
}
.sticky-legend.legend-fixed-top .collapse-legend.collapse.in > section{
margin-right: 1.5rem;
flex-direction: row;
display: flex;
flex-wrap: wrap;
}
.sticky-legend.legend-fixed-top .collapse-legend.collapse.in > section > header{
width: 100%;
}
.sticky-legend.legend-fixed-top .collapse-legend.collapse.in > section table{
width: auto;
}
.sticky-legend.legend-fixed-top > section{
margin-right: 1.5rem;
}
.sticky-legend.legend-fixed-top h2{
font-size: 16px;
}
.sticky-legend.legend-fixed-top header{
clear: both;
}
.sticky-legend.legend-fixed-top h2,
.sticky-legend.legend-fixed-top h5{
margin-top: 10px;
margin-bottom: 5px;
}
.sticky-legend.legend-fixed-top .legende-table{
margin-bottom: 0;
}
.sticky-legend.legend-fixed-top .legende-table + .td-big{
margin-top: 0;
margin-left: 0;
}
.sticky-legend.legend-fixed-top .legende-table tbody{
flex-direction: row;
display: flex;
flex-wrap: wrap;
}
.sticky-legend.legend-fixed-top .legende-table tbody tr{
margin-right: 15px;
margin-top: 2px;
margin-bottom: 2px;
}
.sticky-legend.legend-fixed-top .legende-table tbody tr td,
.sticky-legend.legend-fixed-top .legende-table tbody tr th{
padding: 1px 5px 1px 1px;
line-height: 1;
}
.sticky-legend.legend-fixed-top .legende-table tbody tr td a,
.sticky-legend.legend-fixed-top .legende-table tbody tr th a{
margin-top: 0;
}
.sticky-legend.legend-fixed-top .legende-table.td-big td:first-child{
width: auto !important;
}
.sticky-legend.legend-fixed-top .legende-table.td-big td:first-child span:not(.hauptzuflug){
padding: 0;
}
.sticky-legend.legend-fixed-top .legende-table td{
width: auto !important;
}
.sticky-legend.legend-fixed-top .legende-table td .small{
font-size: 100%;
}
@media (max-width: 400px){
.sticky-legend.legend-fixed-top .befall-,
.sticky-legend.legend-fixed-top .befall-0,
.sticky-legend.legend-fixed-top .befall-1,
.sticky-legend.legend-fixed-top .befall-5,
.sticky-legend.legend-fixed-top .befall-7,
.sticky-legend.legend-fixed-top .befall-10,
.sticky-legend.legend-fixed-top .befall-15{
width: 17px;
height: 17px;
}
.sticky-legend.legend-fixed-top .befall-:before,
.sticky-legend.legend-fixed-top .befall-0:before,
.sticky-legend.legend-fixed-top .befall-1:before,
.sticky-legend.legend-fixed-top .befall-5:before,
.sticky-legend.legend-fixed-top .befall-7:before,
.sticky-legend.legend-fixed-top .befall-10:before,
.sticky-legend.legend-fixed-top .befall-15:before{
width: 18px;
height: 18px;
}
.sticky-legend.legend-fixed-top .legende-table tbody tr{
margin-right: 3px;
}
.sticky-legend.legend-fixed-top .legende-table tbody tr td{
padding-right: 3px;
}
}
.sticky-legend .close-legende .einblenden{
display: none;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
color: white;
background: #007E46;
white-space: nowrap;
transition-delay: 0s;
transition-duration: 0.2s;
transition-property: background;
transition-timing-function: linear;
border-radius: 3px;
padding: 5px 10px;
}
.sticky-legend .close-legende .einblenden:hover,.sticky-legend .close-legende .einblenden:focus{
background: #004724;
}
.sticky-legend .close-legende .close{
color: grey;
margin-right: 10px;
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
font: 20px/18px Tahoma,Verdana,sans-serif;
color: #007E46;
text-decoration: none;
font-weight: bold;
background: transparent;
cursor: pointer;
}
.sticky-legend .close-legende.collapsed .einblenden{
display: block;
}
.sticky-legend .close-legende.collapsed .close{
display: none;
}
.sticky-legend .collapse-schadschwellen .legende-table .legend-tooltips{
font-weight: bold;
}
.sticky-legend .collapse-schadschwellen .legende-table .underline{
text-decoration: underline;
margin-top: 3px;
display: inline-block;
}
.sticky-legend .collapse-schadschwellen header h3,
.sticky-legend .collapse-schadschwellen header h2{
margin-bottom: 5px;
}
.sticky-legend:not(.legend-fixed-top) .close-legende{
display: none;
}
.sticky-legend:not(.legend-fixed-top) .collapse-legend{
margin-bottom: 2rem;
}
.sticky-legend:not(.legend-fixed-top) .collapse-legend.collapse:not(.in){
display: block !important;
height: auto !important;
}
.sticky-legend:not(.legend-fixed-top) .close-schadschwellen{
width: 100%;
padding: 10px 20px 10px 6px;
margin-bottom: 0;
color: black;
}
.sticky-legend:not(.legend-fixed-top) .collapse-schadschwellen{
border-width: 0 1px 1px 1px;
border-color: #ccc;
border-style: solid;
float: left;
padding: 0 10px 0 5px;
background: white;
width: 100%;
}
.sticky-legend:not(.legend-fixed-top) .collapse-schadschwellen .legende-table td:first-child{
width: 25px !important;
}
.sticky-legend:not(.legend-fixed-top) .collapse-schadschwellen > div,
.sticky-legend:not(.legend-fixed-top) .collapse-schadschwellen > section{
font-size: 0.9em;
}
.sticky-legend:not(.legend-fixed-top) .collapse-schadschwellen > div header .slim,
.sticky-legend:not(.legend-fixed-top) .collapse-schadschwellen > section header .slim{
font-weight: normal;
}
@media (min-width: 768px){
.sticky-legend.legend-fixed-top section header h3{
font-size: 1em !important;
font-weight: bold !important;
margin: 0.5rem 0 0;
}
.sticky-legend.legend-fixed-top section.schwellen{
margin-right: 0;
display: inline-flex;
flex-wrap: wrap;
}
.sticky-legend.legend-fixed-top section.schwellen > header{
width: 100%;
}
.sticky-legend.legend-fixed-top section.schwellen > section{
width: 50%;
}
}
@media (max-width: 767px){
.sticky-legend .legende-table.td-big td{
width: calc(100% - 30px) !important;
}
.sticky-legend .legende-table.td-big td:first-child{
width: 30px !important;
}
}
.close-schadschwellen{
margin-top: 5px;
margin-bottom: 5px;
border-width: 1px;
border-style: solid;
padding: 6px 20px 4px 6px;
line-height: 1;
display: inline-block;
border-radius: 3px;
position: relative;
}
.close-schadschwellen > span.icon{
width: 14px;
height: 14px;
right: 3px;
position: absolute;
display: inline-block;
}
.close-schadschwellen > span.icon:after,.close-schadschwellen > span.icon:before{
content: " ";
position: absolute;
top: 50%;
left: 50%;
}
.close-schadschwellen > span.icon:after{
transform: translate(-50%,-50%);
height: 2px;
width: 50%;
background: #333;
}
.close-schadschwellen > span.icon:before{
transform: translate(-50%,-50%);
height: 50%;
width: 2px;
background: #333;
}
.close-schadschwellen span.text:before{
content: " ausblenden";
}
.close-schadschwellen.collapsed span.text:before{
content: " einblenden";
}
.close-schadschwellen:not(.collapsed) > span.icon{
transition: all 0.75s ease-in;
transform: rotate(180deg);
}
.close-schadschwellen:not(.collapsed) > span.icon:before{
width: 0;
}
.teaser{
font-size: 1.8rem;
line-height: 1.5em;
line-height: 24px;
color: #606060;
}
.row.small-padding{
margin-left: -5px;
margin-right: -5px;
}
.row.small-padding > div[class*=col-xs-],
.row.small-padding > div[class*=col-sm-],
.row.small-padding > div[class*=col-md-],
.row.small-padding > div[class*=col-lg-]{
padding-left: 5px;
padding-right: 5px;
}
.row.small-padding > div:first-child .SumoSelect{
width: 100%;
}
.row.xs-padding > :first-child .SumoSelect{
width: 100% !important;
}
@media (max-width: 760px){
.row.xs-padding{
margin-left: -2px;
margin-right: -2px;
}
.row.xs-padding .row{
margin-left: -2px;
margin-right: -2px;
}
.row.xs-padding > div[class*=col-xs-],
.row.xs-padding > div[class*=col-sm-],
.row.xs-padding > div[class*=col-md-],
.row.xs-padding > div[class*=col-lg-]{
padding-left: 2px;
padding-right: 2px;
}
}
.dummy-home .home-box .helper{
margin: 1.7em 1em 0.5em 1em;
color: black;
}
.dummy-home .home-box .helper ul{
display: block;
list-style: inherit;
list-style-type: auto;
}
.dummy-home .home-box .helper ul li .spacer{
display: inline-block;
width: 1rem;
height: 0.25rem;
}
.dummy-home .home-box .helper ul li a{
color: black;
}
.dummy-home .home-box .helper ul li a:hover,.dummy-home .home-box .helper ul li a:focus{
text-decoration: underline;
}

/* ** [ /src_project/sites/portal/css/3_cleanup/maps/zikaden.css ] ** */
.responsive-text[data-text]::before{
content: attr(data-text);
}
@media (min-width: 480px){
.responsive-text[data-text-sm]::before{
content: attr(data-text-sm);
}
.responsive-text[data-text]:first-child:nth-last-child(n+7)::before,
.responsive-text:first-child:nth-last-child(n+7) ~ .responsive-text[data-text]::before{
content: attr(data-text);
}
}
@media (min-width: 768px){
.responsive-text[data-text-md]::before{
content: attr(data-text-md);
}
.responsive-text[data-text-sm]:first-child:nth-last-child(n+7)::before,
.responsive-text:first-child:nth-last-child(n+7) ~ .responsive-text[data-text-sm]::before{
content: attr(data-text-sm);
}
.responsive-text[data-text]:not([data-text-md]):not([data-text-sm]):first-child:nth-last-child(n+7)::before,
.responsive-text:first-child:nth-last-child(n+7) ~ .responsive-text[data-text]:not([data-text-md]):not([data-text-sm])::before{
content: attr(data-text);
}
}
.txt-slider-button{
width: 100%;
display: block;
position: relative;
}
.txt-slider-button .item{
font-weight: bold;
line-height: 1;
font-size: 13px;
text-align: center;
}
.txt-slider-button .btn-control{
position: absolute;
display: flex;
top: 0;
line-height: 1;
color: black;
padding-top: 2px;
padding-bottom: 2px;
background: white;
}
.txt-slider-button .btn-control:before{
font-family: "lko";
font-weight: bold;
font-size: 9px;
color: black;
line-height: 1;
}
.txt-slider-button .btn-control.left{
left: 0;
padding-right: 2px;
}
.txt-slider-button .btn-control.left:before{
content: "A";
}
.txt-slider-button .btn-control.right{
right: 0;
padding-left: 2px;
}
.txt-slider-button .btn-control.right:before{
content: "J";
}
.txt-small-slider{
font-size: 13px;
padding-bottom: 2px;
display: block;
width: 100%;
text-align: center;
}
.txt-slider-button.txt-btn-v2{
background-color: #CEE0D1;
border-radius: 20px;
padding: 2px;
height: 17px;
}
.txt-slider-button.txt-btn-v2 .btn-control{
background-color: #CEE0D1;
top: 0px;
height: 17px;
align-items: center;
border-radius: 20px;
}
.txt-slider-button.txt-btn-v2 .btn-control:hover,.txt-slider-button.txt-btn-v2 .btn-control:focus{
background: #969f97;
color: white;
}
.txt-slider-button.txt-btn-v2 .btn-control:hover:before,.txt-slider-button.txt-btn-v2 .btn-control:focus:before{
color: white;
}
.txt-slider-button.txt-btn-v2 .btn-control.right{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 0 3px 0 4px;
}
.txt-slider-button.txt-btn-v2 .btn-control.left{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding: 0 4px 0 3px;
}
.iterate-button{
position: relative;
display: flex;
float: right;
flex-wrap: nowrap;
align-items: center;
}
.iterate-button span.txt-btn{
background-color: #017d47;
border-radius: 20px;
color: white;
padding: 0.2em 20px 0.2em 15px;
font-weight: normal;
display: flex;
float: left;
align-self: center;
align-items: center;
line-height: 1.15;
justify-content: flex-end;
height: 25px;
width: 125px;
z-index: 5;
text-align: right;
}
.iterate-button span.text{
line-height: 1;
animation: fadeIn 2s;
letter-spacing: 0.01em;
font-weight: normal;
}
@keyframes fadeIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.iterate-button .status-pause,
.iterate-button .status-play{
border-radius: 100%;
background: #016539;
color: white;
z-index: 10;
margin-left: -15px;
cursor: pointer;
width: 38px;
height: 38px;
display: flex;
border: 3px solid white;
justify-content: center;
text-align: center;
flex-wrap: nowrap;
align-items: center;
}
.iterate-button .status-pause:before,
.iterate-button .status-play:before{
font-family: "lko";
font-size: 22px;
font-weight: normal;
}
.iterate-button .status-play:before{
content: "\e901";
}
.iterate-button .status-pause:before{
content: "\e902";
}
body{
position: relative;
overflow: visible;
width: auto;
}
body.modal-open-map{
position: relative !important;
overflow: visible !important;
width: auto !important;
padding-right: 0 !important;
}
body .map-container > div[id].leafletmodal{
height: auto !important;
min-height: auto !important;
padding-right: 0 !important;
}
@media (max-width: 767px){
body .map-container > div[id].leafletmodal{
width: 100% !important;
z-index: 99999;
}
}
.leafletmodal{
height: auto !important;
min-height: auto !important;
pointer-events: none;
}
.leafletmodal .modal-dialog{
pointer-events: all;
}
@media (max-width: 767px){
.leafletmodal .modal-dialog{
height: calc(100vH - 20px);
width: calc(100% - 20px);
}
}
@media (max-width: 420px){
.leafletmodal .modal-dialog{
height: calc(100vH - 2px);
width: calc(100% - 2px);
margin: 2px;
}
}
.leafletmodal.modal.fade:not(.in).right .modal-dialog{
transform: translate3d(25%,0,0);
}
@media (min-width: 768px){
.leafletmodal{
position: absolute;
}
.leafletmodal .modal-dialog{
width: 395px;
top: 0;
right: 0;
bottom: 0;
position: absolute;
margin: 0;
}
.leafletmodal .modal-dialog .modal-content{
border-radius: 6px 0 0 6px;
}
}
.leafletmodal .modal-dialog .info-txt{
margin-top: 5px;
}
.leafletmodal .modal-dialog .modal-content{
height: 100%;
padding: 25px 15px;
position: relative;
overflow-x: auto;
}
@media (max-width: 420px){
.leafletmodal .modal-dialog .modal-content{
padding: 25px 10px;
}
}
.leafletmodal .modal-dialog .modal-content .fixed-btn{
display: block;
float: right;
margin-top: 1.55rem;
font-size: 1.25rem;
}
.leafletmodal .modal-dialog .modal-content .fixed-btn.txt-left{
float: left;
}
.leafletmodal .modal-dialog .modal-content .fixed-btn.txt-left .info-txt{
margin-top: -1.5rem;
display: inherit;
font-size: 11px;
}
.leafletmodal .modal-dialog .modal-content .fixed-btn a{
float: right;
padding: 0 0 3px 0;
font-weight: bold;
color: #007E46;
}
.leafletmodal .modal-dialog .modal-content .fixed-btn a:hover{
text-decoration: underline;
}
.leafletmodal .modal-dialog .modal-content .fixed-btn a:before{
color: #007e46;
content: "J";
font-size: 0.75em;
position: relative;
right: 0;
top: -0.1em;
font-family: "lko" !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
text-transform: none !important;
padding-right: 3px;
}
.leafletmodal .modal-dialog .modal-content .top-row{
position: fixed;
top: 1px;
right: 18px;
background: white;
border-radius: 6px 0 0 0px;
display: block;
float: left;
z-index: 50;
left: 2px;
}
.leafletmodal .modal-dialog .modal-content .top-row .close{
float: right;
padding: 4px 0 0 5px;
border: none;
text-align: center;
font: 20px/18px Tahoma,Verdana,sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
cursor: pointer;
}
.leafletmodal .modal-dialog .modal-content .top-row .close:hover,.leafletmodal .modal-dialog .modal-content .top-row .close:focus{
color: grey;
}
.leafletmodal .modal-dialog .leaflet-popup-content{
margin: 0;
font-size: 12px;
}
.leafletmodal .modal-dialog .leaflet-popup-content .date-year{
margin-bottom: 0;
font-size: 12px;
border-top: 3px solid #ddd;
padding-top: 7px;
}
.leafletmodal .modal-dialog table,
.leafletmodal .modal-dialog table tbody tr td{
font-size: 12px;
}
.leafletmodal .modal-dialog .table .desc-row th,
.leafletmodal .modal-dialog .table .desc-row td{
border-bottom: inherit;
font-weight: normal;
}
.leafletmodal .modal-dialog .table thead tr th,
.leafletmodal .modal-dialog .table thead tr td,
.leafletmodal .modal-dialog .table .date-row th,
.leafletmodal .modal-dialog .table .date-row td{
font-weight: normal;
}
.leafletmodal .modal-dialog .table thead tr th.current,
.leafletmodal .modal-dialog .table thead tr td.current,
.leafletmodal .modal-dialog .table .date-row th.current,
.leafletmodal .modal-dialog .table .date-row td.current{
font-weight: bold;
border-top: 2px solid #007E46;
border-right: 2px solid #007E46;
border-left: 2px solid #007E46;
}
.leafletmodal .modal-dialog .table thead tr th.title,
.leafletmodal .modal-dialog .table thead tr td.title,
.leafletmodal .modal-dialog .table .date-row th.title,
.leafletmodal .modal-dialog .table .date-row td.title{
font-weight: bold;
text-transform: uppercase;
text-align: left;
}
.leafletmodal .modal-dialog .table tr td.current{
border-right: 2px solid #007E46;
border-left: 2px solid #007E46;
}
.leafletmodal .modal-dialog .table tr .title{
vertical-align: top;
}
.leafletmodal .modal-dialog .table tr .sub-title{
text-align: left;
}
.leafletmodal .modal-dialog .table tr .slim{
font-weight: normal;
display: inline-block;
}
.leafletmodal .modal-dialog .table tr:last-child td.current{
border-right: 2px solid #007E46;
border-left: 2px solid #007E46;
border-bottom: 2px solid #007E46;
}
.leafletmodal .modal-dialog .table tr th{
padding: 3px 5px;
text-align: center;
line-height: 1.2;
vertical-align: middle;
}
.leafletmodal .modal-dialog .table tr td{
padding: 3px 5px;
text-align: center;
line-height: 1.2;
vertical-align: middle;
text-align: center;
}
.leafletmodal .modal-dialog .table tr td svg{
width: 1.5rem;
height: 1.5rem;
fill: #444444;
}
.leafletmodal .modal-dialog .table tr td svg.zuflug{
transform: rotate(126deg);
}
.leafletmodal .modal-dialog .table tr > :first-child{
text-align: left;
font-weight: bold;
}
.leafletmodal .modal-dialog .inner-content strong{
display: block;
margin: 10px 0 1px 0;
}
.leafletmodal .modal-dialog .inner-content strong + strong{
margin-top: 0;
}
.leafletmodal .modal-dialog .inner-content a[data-what=details]{
text-align: right;
display: block;
margin-top: 3px;
}
.leafletmodal .modal-dialog .inner-content .align-right{
float: right;
}
.leafletmodal .modal-dialog .inner-content span[data-what=region]{
display: inline-block;
margin: 0 0 0 0;
}
.leafletmodal .modal-dialog .inner-content span[data-what=bundesland]{
display: inline-block;
margin: 0 0 0 0;
}
.leafletmodal .modal-dialog .inner-content table{
margin: 5px 0 0 0;
}
.leafletmodal .modal-dialog table,
.leafletmodal .modal-dialog table tbody tr td{
font-size: 11px;
}
@media (max-width: 767px){
body .leafletmodal .modal-dialog .table{
table-layout: fixed;
}
}
@media (max-width: 767px){
body .leafletmodal .modal-dialog .table tr td,
body .leafletmodal .modal-dialog .table tr th{
padding: 2px 2px;
}
}
@media (max-width: 767px){
body .leafletmodal .modal-dialog .table tr td.date-row th,
body .leafletmodal .modal-dialog .table tr th.date-row th{
padding: 2px 1px;
font-size: 10px;
}
}
body .leafletmodal .modal-dialog .table tr td:first-child,
body .leafletmodal .modal-dialog .table tr th:first-child{
vertical-align: middle;
}
@media (min-width: 768px){
body .leafletmodal .modal-dialog .table tr td:first-child,
body .leafletmodal .modal-dialog .table tr th:first-child{
width: 83px;
}
}
@media (max-width: 767px){
body .leafletmodal .modal-dialog .table tr td:first-child,
body .leafletmodal .modal-dialog .table tr th:first-child{
width: 25%;
}
}
@media (max-width: 480px){
body .leafletmodal .modal-dialog .table tr td:first-child,
body .leafletmodal .modal-dialog .table tr th:first-child{
white-space: normal !important;
word-break: break-all;
}
}
body .leafletmodal .modal-dialog .table tr td.sub-title,
body .leafletmodal .modal-dialog .table tr th.sub-title{
width: 50px;
text-align: center;
}
@media (max-width: 767px){
body .leafletmodal .modal-dialog .table tr td,
body .leafletmodal .modal-dialog .table tr th{
width: 15%;
}
body .leafletmodal .modal-dialog .table tr td .umbruch:after,
body .leafletmodal .modal-dialog .table tr th .umbruch:after{
content: " ";
clear: right;
display: block;
}
body .leafletmodal .modal-dialog .table tr td.sub-title,body .leafletmodal .modal-dialog .table tr td:nth-child(2),
body .leafletmodal .modal-dialog .table tr th.sub-title,
body .leafletmodal .modal-dialog .table tr th:nth-child(2){
width: 15%;
}
}
@media (min-width: 768px){
.chart-modal{
display: none !important;
}
}
@media (max-width: 767px){
.chart-modal .modal-dialog{
height: calc(100vH - 20px);
width: calc(100% - 20px);
}
}
.chart-modal .modal-dialog .info-txt{
margin-top: 5px;
}
.chart-modal .modal-dialog .modal-content{
height: 100%;
padding: 25px 15px;
position: relative;
overflow-x: auto;
}
@media screen and (orientation: landscape){
.chart-modal .modal-dialog .modal-content{
padding: 35px 15px 25px;
}
}
.chart-modal .modal-dialog .modal-content .chart-container{
text-align: center;
display: block;
position: relative;
height: 100%;
}
.chart-modal .modal-dialog .modal-content .chart-container img{
max-height: 100%;
width: auto;
max-width: inherit;
}
@media screen and (orientation: portrait){
.chart-modal .modal-dialog .modal-content .chart-container img{
transform: rotate(-90deg) scale(1.8);
max-width: 100%;
height: auto;
max-height: inherit;
transform-origin: 80% 80%;
}
}
@media screen and (orientation: landscape){
.chart-modal .modal-dialog .modal-content .chart-container img{
max-width: 100%;
height: auto;
}
}
@media (max-width: 420px){
.chart-modal .modal-dialog .modal-content{
padding: 25px 10px;
}
}
.chart-modal .top-row{
position: fixed;
top: 1px;
right: 18px;
background: white;
border-radius: 6px 0 0 0px;
display: block;
float: left;
z-index: 50;
left: 2px;
}
.chart-modal .top-row .standort{
display: block;
float: left;
padding: 5px 10px 0;
}
.chart-modal .top-row .date{
margin: 0;
font-weight: bold;
}
.chart-modal .top-row .close{
float: right;
color: grey;
right: 0;
position: absolute;
padding: 4px 0 0 5px;
border: none;
text-align: center;
font: 20px/18px Tahoma,Verdana,sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
cursor: pointer;
}
aside header h2{
font-size: 1em;
font-weight: 600;
}
aside header h2 + .info-txt{
margin-top: -8px;
display: inherit;
font-size: 12px;
margin-bottom: 6px;
}
aside section > .info-txt{
margin-top: 0;
display: inherit;
font-size: 12px;
margin-bottom: 6px;
}
aside section .row{
margin: 0;
}
aside .italic-text{
display: block;
font-style: italic;
margin-bottom: 0.5rem;
}
svg.vizualisation .circle-text{
font-family: Arial,Helvetica,sans-serif;
}
.table-title + .tab-table{
margin-top: 0;
}
.txt-right{
text-align: right;
}
.justify-baseline{
display: flex;
align-items: baseline;
}
.content-container .jumpto-link{
margin-bottom: 1rem;
text-align: right;
}
.jumpto-link:hover,.jumpto-link:focus{
text-decoration: underline;
}
.table.legende-table{
margin-bottom: 0;
}
.table.legende-table:last-child{
margin-bottom: 1.5em;
}
.legende-table{
margin-bottom: 1.5em;
table-layout: fixed;
}
.legende-table tbody tr:nth-of-type(2n+1){
background-color: transparent;
}
.legende-table tbody{
border: none;
}
.legende-table td{
width: calc(100% - 30px) !important;
vertical-align: top !important;
border: none;
}
.legende-table td:first-child{
width: 30px !important;
}
.legende-table td:last-child{
padding-right: 0 !important;
vertical-align: top !important;
line-height: 1.25;
}
.legende-table td:last-child span.small{
color: black;
margin-top: 1px;
}
.legende-table td svg{
width: 1.75rem;
height: 1.75rem;
fill: #444444;
}
.legende-table td svg.zuflug{
transform: rotate(126deg);
}
.legende-table tbody tr td,
.legende-table tbody tr th{
padding: 4px 9px 4px 0;
border: none;
}
.legende-table.td-big td{
width: calc(100% - 96px) !important;
}
.legende-table.td-big td:first-child{
width: 96px !important;
}
.legende-table.td-big td:first-child span{
padding: 3px;
display: inline-block;
margin: 1px 0;
}
.legende-table.border-bottom th{
border-top: 1px solid #ddd;
}
.legende-table.border-bottom tr td,
.legende-table.border-bottom tr th{
border-bottom: 1px solid #ddd;
}
@media (max-width: 767px){
.btn.btn-grey span{
display: none;
}
.btn.btn-grey img{
margin-right: 0;
}
}
@media (max-width: 767px){
.wetter-bt span{
display: none;
}
.wetter-bt img{
margin-right: 0;
}
}
.wetter-bt.btn-grey{
float: left;
}
.chart-position{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 5px;
}
.chart-position .chart-platzhalter{
float: right;
width: calc(100% - 100px);
}
.chart-position .chart-platzhalter img{
width: 100%;
}
.chart-legende{
padding: 10px 0px 5px 7px;
}
.chart-legende .line{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin: 2px 0;
}
@media (min-width: 768px){
.chart-legende .line{
margin: 4px 0;
}
}
.chart-legende .line.type-sun .desc span{
background-color: #fafd20;
border-color: #e0e1a0;
}
.chart-legende .line.type-niederschlag .desc span{
background-color: #6e90fd;
border-color: #94a5dd;
}
.chart-legende .line.temp-max .desc span,.chart-legende .line.temp-min .desc span{
border: none;
height: 3px;
}
.chart-legende .line.temp-max .desc span{
background-color: #fc1312;
}
.chart-legende .line.temp-min .desc span{
background-color: #2c00fe;
}
.chart-legende .line .desc{
display: inherit;
margin-right: 4px;
}
.chart-legende .line .desc span{
display: inline-block;
width: 15px;
height: 10px;
border: 1px solid transparent;
}
.chart-legende .line .txt{
font-size: 11px;
}
table tbody{
border-right: 2px solid #f4f4f4;
border-left: 2px solid #f4f4f4;
}
table thead{
border-right: 2px solid #f4f4f4;
border-left: 2px solid #f4f4f4;
}
svg.chart.combined-chart{
margin-bottom: 2.25rem;
border-radius: 4px;
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
}
svg.chart.combined-chart + svg.chart.combined-chart{
margin-top: 1.25rem;
}
.slide-scroll svg.chart.combined-chart{
margin-bottom: 0;
border-radius: 0;
box-shadow: none;
}
#dc-fzm-tip table tbody,
.dc-fzm-tip table tbody{
border-right: 2px solid #ababab;
border-left: 2px solid #ababab;
}
#dc-fzm-tip table thead,
.dc-fzm-tip table thead{
border-right: 2px solid #ababab;
border-left: 2px solid #ababab;
}
div.leaflet-container{
background-color: #fff;
}
div.leaflet-container svg path.leaflet-interactive.animated-hover{
transition: fill-opacity 0.25s;
}
div.leaflet-container svg path.leaflet-interactive.animated-hover.hover{
fill-opacity: 0.1;
}
div.leaflet-container svg path.leaflet-interactive.animated-hover.in{
fill-opacity: 0;
}
div.leaflet-container.nofill svg path{
fill: none;
}
.leaflet-popup-content strong{
margin: 10px 0 1px 0;
}
.leaflet-popup-content strong + strong{
margin-top: 0;
}
.leaflet-popup-content a[data-what=details]{
text-align: right;
display: block;
margin-top: 3px;
}
.leaflet-popup-content .align-right{
float: right;
}
.leaflet-popup-content span[data-what=region]{
display: inline-block;
margin: 0 0 0 0;
}
.leaflet-popup-content span[data-what=bundesland]{
display: inline-block;
margin: 0 0 0 0;
}
.leaflet-popup-content table{
margin: 10px 0 0 0;
}
@media (max-width: 480px){
.leaflet-pane .leaflet-popup{
position: fixed;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: 0 !important;
transform: inherit !important;
display: block;
float: left;
width: 100vW;
height: 100vH;
margin: 0 !important;
background: white;
}
}
.leaflet-popup-content-wrapper{
border-radius: 5px;
}
.leaflet-popup-content-wrapper > .leaflet-popup-content{
margin: 0.75em;
}
#select-type span.glyphicon-refresh{
vertical-align: bottom;
}
.glyphicon-refresh-animate{
animation: spin 0.7s infinite linear;
}
@keyframes spin{
from{
transform: scale(1) rotate(0deg);
}
to{
transform: scale(1) rotate(360deg);
}
}
.flex-row{
display: flex;
align-items: flex-end;
margin-bottom: 1.5rem;
flex-wrap: wrap;
}
@media (min-width: 768px){
.flex-row.flex-up-md-revert{
flex-direction: row-reverse;
}
.flex-row.flex-up-md-revert .kommentar{
text-align: right !important;
}
.flex-row.flex-up-md-revert .kommentar .SumoSelect{
float: right;
}
}
.flex-row .map-title header{
margin-bottom: 0;
padding-bottom: 0;
}
.SumoSelect{
width: 100%;
}
.SumoSelect > .optWrapper{
z-index: 2000;
}
.kommentar{
text-align: left !important;
}
.kommentar h4{
text-align: right;
}
.kommentar .tabs-navi{
float: left;
}
@media (max-width: 390px){
.kommentar .tabs-navi .btn{
padding: 5px 5px;
}
}
.kommentar select{
float: right;
}
.kommentar .SumoSelect{
width: auto;
text-align: left;
float: right;
}
@media (max-width: 330px){
.kommentar .SumoSelect > .CaptionCont > span{
padding-right: 10px;
}
.kommentar .SumoSelect > .CaptionCont > label{
width: 15px;
}
.kommentar .SumoSelect > .CaptionCont > label > i{
width: 13px;
height: 13px;
background-size: 10px auto;
}
}
.kommentar .SumoSelect + .tabs-navi{
width: auto;
float: left;
}
.kommentar.txt-right{
text-align: right !important;
}
.kommentar.txt-right .SumoSelect{
width: auto;
float: right;
text-align: left;
}
@media (max-width: 760px){
.kommentar.txt-right .SumoSelect{
width: 100%;
}
}

#region-focus > h4{
margin-top: 1em;
}
#region-focus > h4.hidden + span{
display: none;
}
@media (max-width: 760px){
#region-focus{
position: inherit;
}
}
#region-focus > span > a{
display: inline-block;
margin-right: 0.4em;
margin-bottom: 0.35em;
padding: 0.2em 0.5em;
color: black;
border-radius: 5px;
background-color: #cee0d2;
border: 1px solid transparent;
}
#region-focus > span > a.active{
font-weight: bold;
border-color: #68786c;
}
@media (max-width: 767px){
#region-focus > span > a{
margin-right: 0.25em;
float: left;
}
}
@media (min-width: 768px) and (max-width: 1199px){
#region-focus > span > a{
margin-right: 0.2em;
padding: 0.1em 0.3em;
}
}
#region-focus .region-level2 > a{
background-color: #fbf3b0;
}
#region-focus .region-level2 > a.active{
border-color: #afab88;
}
#region-focus.force-xs .visible-xs{
display: block !important;
}
#region-focus.force-xs .hidden-xs{
display: none;
}
.table-title h2,
.table-title h4,
.map-title h2,
.map-title h4{
font-weight: 600;
color: #000;
font-size: 1em;
}
.table-title h4{
margin-bottom: 0;
}
.map-title > header{
border-bottom: 0;
}
@media (max-width: 767px){
.map-title > header{
padding-top: 0.5rem;
}
}
.map-container{
position: relative;
margin-bottom: 0.3em;
padding-bottom: 0;
background-color: white;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 1px -1px 1px rgba(0,0,0,0.05);
}
.map-container ~ small.copy{
line-height: 1.5;
display: block;
}
.map-container .glyphicon-refresh{
position: absolute;
z-index: 997;
top: 49%;
left: 49%;
color: #007E46;
}
.map-container > div[id]{
height: 440px !important;
min-height: 440px !important;
}
.map-container .map-header{
padding: 10px 10px 5px;
}
@media (max-width: 767px){
.map-container{
position: relative;
}
.map-container > div[id]{
height: 400px !important;
min-height: 400px !important;
}
.map-container > div[id] td{
white-space: normal !important;
}
}
#befall-tabelle td{
white-space: normal !important;
}
main .kommentar header{
margin-bottom: 0.5em;
padding: 0.5em 0;
border-bottom: none !important;
}
main .kommentar h2{
font-weight: 600;
color: #000;
}
@media (min-width: 768px) and (max-width: 1199px){
main .kommentar .tabs-navi .btn{
padding-left: 6px;
padding-right: 6px;
}
}

@keyframes blinker{
0%{
opacity: 0;
background: none;
}
33%{
opacity: 1;
background: #fbf0d1;
}
66%{
opacity: 0;
background: #fbf0d1;
}
100%{
opacity: 1;
background: none;
}
}
.blink{
padding: 0.2em;
padding-left: 0.5em;
animation-name: blinker;
animation-duration: 1.5s;
animation-timing-function: cubic-bezier(0.5,0,1,1);
animation-iteration-count: 1;
}
.sticky-table .date-row{
font-size: 11px;
}
.standort-nummer{
font-weight: 700;
}
@media (max-width: 768px){
[data-what=bundesland] .visible-xs{
display: inline-block !important;
}
}
.table-responsive.table-svg,
.table-responsive.raps-prognose{
border: none;


}
.table-responsive.table-svg img,
.table-responsive.raps-prognose img{
max-width: 100%;
height: auto;
}
.table-responsive.table-svg table,
.table-responsive.raps-prognose table{
border-collapse: separate;

border-spacing: 0;
font-size: 14px;
}
.table-responsive.table-svg table .sub-title svg,
.table-responsive.raps-prognose table .sub-title svg{
width: 1.75rem;
height: 1.75rem;
fill: #505050;
}
.table-responsive.table-svg table .sub-title svg.zuflug,
.table-responsive.raps-prognose table .sub-title svg.zuflug{
transform: rotate(126deg);
}
.table-responsive.table-svg tbody tr:first-child td.current,
.table-responsive.table-svg tr td.current,
.table-responsive.raps-prognose tbody tr:first-child td.current,
.table-responsive.raps-prognose tr td.current{
border-left: 2px solid #007E46;
border-right: 2px solid #007E46;
}
.table-responsive.table-svg thead tr:last-child td.current,
.table-responsive.raps-prognose thead tr:last-child td.current{
border-top: 2px solid #007E46;
}
.table-responsive.table-svg tbody tr:last-child td.current,
.table-responsive.raps-prognose tbody tr:last-child td.current{
border-bottom: 2px solid #007E46;
}
.table-responsive.table-svg tbody tr:last-child.border-bottom > td.current,
.table-responsive.raps-prognose tbody tr:last-child.border-bottom > td.current{
border-bottom: 2px solid #007E46;
}
.table-responsive.table-svg thead tr:last-child td,
.table-responsive.raps-prognose thead tr:last-child td{
border-bottom: 4px solid #ddd;
}
.table-responsive.table-svg tr,
.table-responsive.raps-prognose tr{
background-color: transparent;
}
.table-responsive.table-svg tr.border-bottom > td,
.table-responsive.raps-prognose tr.border-bottom > td{
border-bottom: 5px solid #ddd;
}
.table-responsive.table-svg tr td,
.table-responsive.raps-prognose tr td{
padding: 5px 3px;
width: 44px;
text-align: center;
line-height: 1;
border-top-width: 0;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0;
}
.table-responsive.table-svg tr td:first-child,
.table-responsive.raps-prognose tr td:first-child{
position: sticky;
font-weight: bold;
left: 0;
line-height: 1;
font-size: 13px;
width: 90px;
text-align: left;
z-index: 1;
}
.table-responsive.table-svg tr td:first-child > .slim,
.table-responsive.raps-prognose tr td:first-child > .slim{
font-weight: normal;
display: inline-block;
}
.table-responsive.table-svg tr td.description,
.table-responsive.raps-prognose tr td.description{
text-align: center;
font-weight: inherit;
}
.table-responsive.table-svg tr td.title,
.table-responsive.raps-prognose tr td.title{
background-color: white;
vertical-align: middle;
z-index: 1;
padding-left: 7px;
}
.table-responsive.table-svg tr td.sub-title,
.table-responsive.raps-prognose tr td.sub-title{
position: sticky;
left: 90px;
font-weight: normal !important;
background: white;
z-index: 1;
vertical-align: middle;
box-shadow: 2px 0px 3px 0px rgba(0,0,0,0.2);
}
.table-responsive.table-svg tr:last-child.border-bottom > td,
.table-responsive.raps-prognose tr:last-child.border-bottom > td{
border-bottom: 1px solid #ddd;
}
.table-responsive.table-svg .left,
.table-responsive.raps-prognose .left{
float: left;
}
.table-responsive.table-svg .right,
.table-responsive.raps-prognose .right{
float: right;
}
.table-responsive.table-svg .right .btn-grey,
.table-responsive.table-svg .right .chart-bt,
.table-responsive.table-svg .right .wetter-bt,
.table-responsive.raps-prognose .right .btn-grey,
.table-responsive.raps-prognose .right .chart-bt,
.table-responsive.raps-prognose .right .wetter-bt{
font-weight: 600;
margin-top: 0;
min-width: 180px;
background-color: #007E46;
border-color: #024a2a;
color: white;
font-size: 14px;
width: auto;
min-width: inherit;
cursor: pointer;
display: inline-block;
border-radius: 3px;
padding: 5px 8px;
}
.table-responsive.table-svg .right .btn-grey:hover,.table-responsive.table-svg .right .btn-grey:focus,
.table-responsive.table-svg .right .chart-bt:hover,
.table-responsive.table-svg .right .chart-bt:focus,
.table-responsive.table-svg .right .wetter-bt:hover,
.table-responsive.table-svg .right .wetter-bt:focus,
.table-responsive.raps-prognose .right .btn-grey:hover,
.table-responsive.raps-prognose .right .btn-grey:focus,
.table-responsive.raps-prognose .right .chart-bt:hover,
.table-responsive.raps-prognose .right .chart-bt:focus,
.table-responsive.raps-prognose .right .wetter-bt:hover,
.table-responsive.raps-prognose .right .wetter-bt:focus{
background: #004724;
}
.table-responsive.table-svg .right .chart-bt svg,
.table-responsive.raps-prognose .right .chart-bt svg{
fill: #FFF;
}
.table-responsive.table-svg .right .chart-bt .wbt,
.table-responsive.raps-prognose .right .chart-bt .wbt{
width: auto;
height: 20px;
}
.table-responsive.table-svg .right .btn-grey,
.table-responsive.raps-prognose .right .btn-grey{
margin-right: 8px;
float: left;
background: linear-gradient(179deg,rgb(249,249,249) 0%,rgb(237,237,237) 50%,rgb(249,249,249) 100%);
border-color: #ccc;
color: #007E46;
}
.table-responsive.table-svg .right .btn-grey img,
.table-responsive.raps-prognose .right .btn-grey img{
height: 15px;
width: auto;
}
.table-responsive.table-svg .panel.small-margin,
.table-responsive.raps-prognose .panel.small-margin{
margin-bottom: 0;
border-radius: 4px 4px 0 0;
border-bottom: 0;
}
.table-responsive.table-svg .panel-body,
.table-responsive.raps-prognose .panel-body{
padding: 10px 7px;
display: inline-flex;
width: 100%;
flex-wrap: nowrap;
}
.table-responsive.table-svg .panel-body .right,
.table-responsive.raps-prognose .panel-body .right{
flex: 0 0 auto;
margin-left: auto;
}
.table-responsive.table-svg .panel-body .left,
.table-responsive.raps-prognose .panel-body .left{
padding-top: 0;
padding-bottom: 0;
}
.table-responsive.table-svg .panel-body .zeile2 span,
.table-responsive.table-svg .panel-body .detail-standort,
.table-responsive.table-svg .panel-body .sorte,
.table-responsive.raps-prognose .panel-body .zeile2 span,
.table-responsive.raps-prognose .panel-body .detail-standort,
.table-responsive.raps-prognose .panel-body .sorte{
font-size: 14px;
margin-top: 0px;
display: inline-block;
}
.table-responsive.table-svg .sticky-table,
.table-responsive.raps-prognose .sticky-table{
width: 100%;
overflow: auto;
}
.table-responsive.table-svg .sticky-table table,
.table-responsive.raps-prognose .sticky-table table{

}
.table-responsive.table-svg .sticky-table table .current,
.table-responsive.raps-prognose .sticky-table table .current{
font-weight: bold;
}
.table-responsive.table-svg.small-margin{
margin: 0;
padding-bottom: 0;
border-radius: 4px 4px 0 0;
}
.table-responsive.table-svg tr td{
vertical-align: middle;
}
.legende-tab .info-txt,
.table-responsive .info-txt{
font-size: 11px;
margin-top: 0.3rem;
float: right;
}
.wetter-container{
padding: 15px 7px 25px;
}
section.generator{
margin: 0;
padding: 0;
}
section.generator form{
background-color: #f0eeee;
}
@media (max-width: 480px){
section.generator form .confirm,
section.generator form .newb{
float: none;
width: 100%;
margin: 5px 0;
text-align: center;
}
}
section.generator form input[type=radio]:checked + label span{
border: 2px solid #fff;
background-color: #007E46;
}
section.generator .gen-result{
padding: 0;
}
section.generator .gen-result table td:nth-child(3){
color: #555;
}
.kommentar .float-right{
float: right;
}
.prognose-checkbox{
margin-top: 8px;
}
.prognose-checkbox .checkbox-headline{
float: left;
width: auto;
margin-right: 10px;
}
.content-container .content-text + .content-text{
margin-top: 1.5em;
}
.content-container ul li{
margin: 0em 0;
}

@media (min-width: 992px){
.prognose-checkbox .text-right.col-md-6{
display: inline-flex;
justify-content: flex-end;
}
}
@media (max-width: 992px){
.prognose-checkbox .text-right.col-md-6{
text-align: left;
}
}
.prognose-checkbox .text-right.col-md-6 .checkbox-headline{
float: left;
width: auto;
margin-right: 10px;
}
.prognose-checkbox.inactive .checkbox-headline{
cursor: not-allowed;
color: #5e5e5e;
}
.prognose-checkbox input[type=checkbox],
.prognose-checkbox input[type=radio]{
display: none;
}
.prognose-checkbox input[type=checkbox] + label,
.prognose-checkbox input[type=radio] + label{
position: relative;
display: inline;
width: auto;
margin-top: 6px;
padding: 12px;
cursor: pointer;
border: 1px solid #cacece;
border-radius: 3px;
background-color: #fff;
}
.prognose-checkbox input[type=checkbox] + label:active,
.prognose-checkbox input[type=radio] + label:active{
box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0 1px 3px rgba(0,0,0,0.1);
}
.prognose-checkbox input[type=checkbox][disabled] + label,
.prognose-checkbox input[type=radio][disabled] + label{
cursor: not-allowed;
background-color: #ddd;
}
.prognose-checkbox input[type=checkbox]:checked + label,
.prognose-checkbox input[type=radio]:checked + label{
border: 1px solid #adb8c0;
box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0 -15px 10px -12px rgba(0,0,0,0.05),inset 15px 10px -12px rgba(255,255,255,0.1);
}
.prognose-checkbox input[type=checkbox]:checked + label:active,
.prognose-checkbox input[type=radio]:checked + label:active{
box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0 1px 3px rgba(0,0,0,0.1);
}
.prognose-checkbox input[type=checkbox]:checked + label:after,
.prognose-checkbox input[type=radio]:checked + label:after{
content: "✔";
}
.prognose-checkbox input[type=checkbox] + label:after,
.prognose-checkbox input[type=radio] + label:after{
font-size: 26px;
position: absolute;
top: 1px;
left: 3px;
}
.prognose-checkbox input[type=checkbox] + label{
display: inline-block;
width: 26px;
height: 26px;
}
.befall-20,.befall-15,.befall-10,.befall-7,.befall-5,.befall-3,.befall-1,.befall-0,.befall-{
width: 18px;
height: 18px;
line-height: 18px;
vertical-align: inherit;
border-radius: 18px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 10px;
text-align: center;
text-decoration: none !important;
color: white !important;
outline: solid 1px #999;
border: solid 3px #fff;
align-content: center;
flex-wrap: wrap;
font-family: Arial,Helvetica,sans-serif;
}
.in-behandlung.befall-20,.in-behandlung.befall-15,.in-behandlung.befall-10,.in-behandlung.befall-7,.in-behandlung.befall-5,.in-behandlung.befall-3,.in-behandlung.befall-1,.in-behandlung.befall-0,.in-behandlung.befall-{
border-color: #b903ae;
border-width: 4px;
}
.befall-20:hover,.befall-15:hover,.befall-10:hover,.befall-7:hover,.befall-5:hover,.befall-3:hover,.befall-1:hover,.befall-0:hover,.befall-:hover,.befall-20:focus,.befall-15:focus,.befall-10:focus,.befall-7:focus,.befall-5:focus,.befall-3:focus,.befall-1:focus,.befall-0:focus,.befall-:focus{
outline: solid 1px #999;
outline-offset: inherit;
}
.befall-{
background-color: white;
}
.befall-.starting{
border-color: #e1cc00;
}
.befall-.standort-count{
background-color: white;
border-color: white;
color: #000 !important;
outline: none;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-.border-beh-count{
border-width: 2px;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-.is-prognose{
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid #FFF;
outline: none;
}
.befall-0{
background-color: #dcdcdc;
}
.befall-0.starting{
border-color: #e1cc00;
}
.befall-0.standort-count{
background-color: white;
border-color: #dcdcdc;
color: #000 !important;
outline: none;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-0.border-beh-count{
border-width: 2px;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-0.is-prognose{
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid #FFF;
outline: none;
}
.befall-1{
background-color: #00786e;
}
.befall-1.starting{
border-color: #e1cc00;
}
.befall-1.standort-count{
background-color: white;
border-color: #00786e;
color: #000 !important;
outline: none;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-1.border-beh-count{
border-width: 2px;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-1.is-prognose{
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid #FFF;
outline: none;
}
.befall-3{
background-color: #ffe365;
}
.befall-3.starting{
border-color: #e1cc00;
}
.befall-3.standort-count{
background-color: white;
border-color: #ffe365;
color: #000 !important;
outline: none;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-3.border-beh-count{
border-width: 2px;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-3.is-prognose{
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid #FFF;
outline: none;
}
.befall-5{
background-color: #e1cc00;
}
.befall-5.starting{
border-color: #e1cc00;
}
.befall-5.standort-count{
background-color: white;
border-color: #e1cc00;
color: #000 !important;
outline: none;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-5.border-beh-count{
border-width: 2px;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-5.is-prognose{
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid #FFF;
outline: none;
}
.befall-7{
background-color: orange;
}
.befall-7.starting{
border-color: #e1cc00;
}
.befall-7.standort-count{
background-color: white;
border-color: orange;
color: #000 !important;
outline: none;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-7.border-beh-count{
border-width: 2px;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-7.is-prognose{
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid #FFF;
outline: none;
}
.befall-10{
background-color: #da4a0d;
}
.befall-10.starting{
border-color: #e1cc00;
}
.befall-10.standort-count{
background-color: white;
border-color: #da4a0d;
color: #000 !important;
outline: none;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-10.border-beh-count{
border-width: 2px;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-10.is-prognose{
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid #FFF;
outline: none;
}
.befall-15{
background-color: #ff8300;
}
.befall-15.starting{
border-color: #e1cc00;
}
.befall-15.standort-count{
background-color: white;
border-color: #ff8300;
color: #000 !important;
outline: none;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-15.border-beh-count{
border-width: 2px;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-15.is-prognose{
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid #FFF;
outline: none;
}
.befall-20{
background-color: #b903ae;
}
.befall-20.starting{
border-color: #e1cc00;
}
.befall-20.standort-count{
background-color: white;
border-color: #b903ae;
color: #000 !important;
outline: none;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-20.border-beh-count{
border-width: 2px;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 12px;
display: flex;
margin-left: 0 !important;
font-family: Arial;
}
.befall-20.is-prognose{
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid #FFF;
outline: none;
}
.leafletmodal .modal-dialog .table tr td .befall-,.leafletmodal .modal-dialog .table tr td .befall-0,.leafletmodal .modal-dialog .table tr td .befall-1,.leafletmodal .modal-dialog .table tr td .befall-3,.leafletmodal .modal-dialog .table tr td .befall-5,.leafletmodal .modal-dialog .table tr td .befall-7,.leafletmodal .modal-dialog .table tr td .befall-10,.leafletmodal .modal-dialog .table tr td .befall-15,.leafletmodal .modal-dialog .table tr td .befall-20{
margin: auto !important;
}
.befall-:after{
content: "";
width: 100%;
height: 100%;
position: absolute;
border-radius: 15px;
border: 1px solid #ddd;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.befall-.is-prognose{
border: 1px solid #dcdcdc;
}
.befall-.is-prognose:after{
display: none;
}
.befall-5{
color: black !important;
}
.befall-0{
color: #555 !important;
}
.befall-fail{
border-color: black;
}
.befall-fail::after{
border-color: black;
}
.table .befall-,.table .befall-0,.table .befall-1,.table .befall-3,.table .befall-5,.table .befall-7,.table .befall-10,.table .befall-15,.table .befall-20,
table .befall-,
table .befall-0,
table .befall-1,
table .befall-3,
table .befall-5,
table .befall-7,
table .befall-10,
table .befall-15,
table .befall-20{
position: relative;
margin: auto;
}
.border-20,.border-15,.border-10,.border-7,.border-5,.border-1,.border-0,.border-{
border-width: 3px !important;
border-style: solid;
}
.border-15{
border-width: 2px;
outline-color: #ff8300 !important;
}
.border-{
border-color: white;
}
.border-0{
border-color: #dcdcdc;
}
.border-1{
border-color: #00786e;
}
.border-5{
border-color: #e1cc00;
}
.border-7{
border-color: orange;
}
.border-10{
border-color: #da4a0d;
}
.border-15{
border-color: #ff8300;
}
.border-20{
border-color: #b903ae;
}
.befall-10.border-10{
display: inline-block;
}
.befall-10.border-10:after{
content: "";
width: 100%;
height: 100%;
border-radius: 100px;
position: absolute;
border: 1px solid #b0a3a3;
left: 0;
top: 0;
}
aside .legende-txt{
font-size: 13.5px;
font-weight: normal;
padding-bottom: 4px;
line-height: 17px;
display: block;
}
.monitoring table td{
line-height: 1;
padding: 6px 4px;
padding-top: 8px;
text-align: center;
-webkit-hyphens: auto;
hyphens: auto;
}
.monitoring table thead{
text-align: center;
color: white;
background-color: #ababab;
}
.monitoring table thead td{
padding: 4px 5px;
}
.monitoring table thead tr > td:first-child{
vertical-align: bottom;
}
.monitoring table tbody{
background-color: white;
}
.monitoring table tbody > tr:nth-child(odd) > td{
background-color: #f9f9f9;
}
.monitoring table.table-small thead td{
font-size: 0.9em;
}
.monitoring table.table-small tbody{
background-color: white;
}
.monitoring table.table-small tbody > tr:nth-child(odd) > td{
background-color: white;
}
.monitoring table.table-small .starter .prop-name{
text-align: left;
}
.monitoring table.table-small .starter .ort{
font-weight: 600;
text-align: left;
}
.monitoring table.table-bordered > tbody > tr > td > a:first-child{
padding-left: 10px !important;
text-align: left;
}
.monitoring table.table-bordered > tbody > tr.starter > td{
border-top-width: 3px;
}
.monitoring table.table-bordered td,
.monitoring table.table-bordered th{
border: 1px solid #ababab;
}
.monitoring table.table-bordered td:first-child,.monitoring table.table-bordered td[rowspan] + td,.monitoring table.table-bordered td[rowspan] + th,
.monitoring table.table-bordered th:first-child,
.monitoring table.table-bordered th[rowspan] + td,
.monitoring table.table-bordered th[rowspan] + th{
text-align: left;
}
.monitoring table.table-bordered td [class*=befall-],
.monitoring table.table-bordered th [class*=befall-]{
top: 2px;
}
.monitoring table.table-bordered.table-striped > tbody > tr:hover > td,.monitoring table.table-bordered.table-hover > tbody > tr:hover > td{
background-color: #cee0d2;
}
.monitoring table.table-small > tbody > tr:hover > td{
background-color: #fff !important;
}
.monitoring table.table-small > td{
padding: 5px 4px;
}
.monitoring{
margin: 0 0 1em 0;
}
.monitoring > .tab-pane{
padding: 5px;
background-color: #676767 !important;
}
.monitoring .panel{
width: 100%;
margin: 0;
padding: 0;
text-align: center;
color: #fff;
border: 1px solid #ababab;
border-bottom: none;
border-radius: 0;
background-color: #8e8e8e;
box-shadow: none;
}
.monitoring .tab-pane{
background-color: #8e8e8e;
}
.monitoring .panel-body{
padding: 3px;
}
.monitoring .nav-tabs{
display: table;
width: 100%;
margin: 0;
padding: 0;
border: 0;
background-color: #8e8e8e;
}
.monitoring .nav-tabs li{
display: table-cell;
float: none;
margin: 0;
padding: 0;
text-align: center;
border-radius: 0;
background-color: #8e8e8e;
}
.monitoring .nav-tabs li a{
font-size: 0.9em;
width: 100%;
padding: 2px 4px;
text-align: center;
color: #fff;
border: 1px solid #ccc;
border-bottom-color: #ababab;
}
.monitoring .nav-tabs li.active > a{
color: #fff;
background-color: #ababab;
}
.monitoring .nav-tabs li.active > a:hover,.monitoring .nav-tabs li.active > a:focus{
color: #fff;
background-color: #ababab;
}
.monitoring .nav-tabs li a:hover{
color: #fff;
background-color: #ababab;
}
.monitoring .panel-default{
border: none;
background-color: transparent;
}
.monitoring .panel-default .panel-body{
padding: 0;
background-color: transparent;
}
.monitoring .panel-default .panel-body .nav-tabs{
background-color: transparent;
}
.monitoring .panel-default .panel-body .nav-tabs li{
background-color: #504f4f;
}
.monitoring .panel-default .panel-body .nav-tabs li a{
padding: 5px 4px;
color: #ccc;
border-top: 0;
border-right: 3px solid #f4f4f4;
border-bottom: 0;
border-left: 0;
border-radius: 0;
}
.monitoring .panel-default .panel-body .nav-tabs li:last-child a{
border-right: 0;
}
.monitoring .panel-default .panel-body .nav-tabs li.active{
background-color: #676767;
}
.monitoring .panel-default .panel-body .nav-tabs li.active a{
color: #fff;
background-color: #ababab;
}
.monitoring .panel-default .panel-body .nav-tabs li:hover{
background-color: #676767;
}
.monitoring .panel-default .panel-body .nav-tabs li:hover a{
color: #fff;
background-color: #676767;
}
.monitoring table{
border-collapse: collapse;
border: 1px solid #ababab !important;
}
.monitoring table thead,
.monitoring table tbody,
.monitoring table thead td{
border-collapse: collapse;
border: none;
}
.monitoring-value{
color: #8e8e8e;
display: inline-block;
font-size: smaller;
margin-left: 0.5rem;
width: 1rem;
text-align: left;
}

#messwerte ~ .optWrapper{
z-index: 1100;
}

#messwerte{
margin-top: 0 !important;
}
section.table-responsive{
border: none;
}
@media (min-width: 768px){
body .leafletmodal .modal-dialog .table tr td:first-child,
body .leafletmodal .modal-dialog .table tr th:first-child{
width: 135px;
}
}
.leafletmodal .modal-dialog .table tr td,
.leafletmodal .modal-dialog .table tr th{
height: 30px;
}
svg.vizualisation .circle-text{
font-family: inherit;
font-size: 10px;
}
.legende-table.td-big td:first-child{
width: 55px !important;
}

/* gen-time: (0.001913 sec) */