/* *** generated @ 2025-11-06 13:13:04 *** */

/* ** [ /src_project/sites/portal/css/3/fonts.css ] (@import) ** */
@font-face{
font-display: swap;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
src:  url(/src_project/fonts/fa-webfonts/fa-solid-900.woff?_=1761921573) format("woff");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src:  url(/src_project/fonts/Roboto/roboto-v30-latin-regular.woff2?_=1761921573) format("woff2"), url(/src_project/fonts/Roboto/roboto-v30-latin-regular.woff?_=1761921573) format("woff");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: italic;
font-weight: 400;
src:  url(/src_project/fonts/Roboto/roboto-v30-latin-italic.woff2?_=1761921573) format("woff2"), url(/src_project/fonts/Roboto/roboto-v30-latin-italic.woff?_=1761921573) format("woff");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: normal;
font-weight: 300;
src:  url(/src_project/fonts/Roboto/roboto-v30-latin-300.woff2?_=1761921573) format("woff2"), url(/src_project/fonts/Roboto/roboto-v30-latin-300.woff?_=1761921573) format("woff");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: italic;
font-weight: 300;
src:  url(/src_project/fonts/Roboto/roboto-v30-latin-300italic.woff2?_=1761921573) format("woff2"), url(/src_project/fonts/Roboto/roboto-v30-latin-300italic.woff?_=1761921573) format("woff");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: normal;
font-weight: 500;
src:  url(/src_project/fonts/Roboto/roboto-v30-latin-500.woff2?_=1761921573) format("woff2"), url(/src_project/fonts/Roboto/roboto-v30-latin-500.woff?_=1761921573) format("woff");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: italic;
font-weight: 500;
src:  url(/src_project/fonts/Roboto/roboto-v30-latin-500italic.woff2?_=1761921573) format("woff2"), url(/src_project/fonts/Roboto/roboto-v30-latin-500italic.woff?_=1761921573) format("woff");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: normal;
font-weight: 700;
src:  url(/src_project/fonts/Roboto/roboto-v30-latin-700.woff2?_=1761921573) format("woff2"), url(/src_project/fonts/Roboto/roboto-v30-latin-700.woff?_=1761921573) format("woff");
}
@font-face{
font-display: swap;
font-family: "Roboto";
font-style: italic;
font-weight: 700;
src:  url(/src_project/fonts/Roboto/roboto-v30-latin-700italic.woff2?_=1761921573) format("woff2"), url(/src_project/fonts/Roboto/roboto-v30-latin-700italic.woff?_=1761921573) format("woff");
}
@font-face{
font-display: swap;
font-family: "lko";
font-style: normal;
font-weight: 400;
src:  url(/src_project/fonts/lko/lko.woff?_=1761921573) format("woff");
}

/* ** [ /src_project/sites/portal/css/3/3rd-party.css ] (@import) ** */
/*!
* jQuery UI CSS Framework 1.14.1
* https://jqueryui.com
*
* Copyright OpenJS Foundation and other contributors
* Released under the MIT license.
* https://jquery.org/license
*
* https://api.jqueryui.com/category/theming/
*/

.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;
}
.ui-front{
z-index: 100;
}

.ui-state-disabled{
cursor: default !important;
pointer-events: none;
}

.ui-icon{
display: inline-block;
vertical-align: middle;
margin-top: -0.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%;
}
/*!
* jQuery UI Menu 1.14.1
* https://jqueryui.com
*
* Copyright OpenJS Foundation and other contributors
* Released under the MIT license.
* https://jquery.org/license
*
* https://api.jqueryui.com/menu/#theming
*/
.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;
}
.ui-menu .ui-menu-item-wrapper{
position: relative;
padding: 3px 1em 3px 0.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: 0.2em;
margin: auto 0;
}

.ui-menu .ui-menu-icon{
left: auto;
right: 0;
}
/*!
* jQuery UI Autocomplete 1.14.1
* https://jqueryui.com
*
* Copyright OpenJS Foundation and other contributors
* Released under the MIT license.
* https://jquery.org/license
*
* https://api.jqueryui.com/autocomplete/#theming
*/
.ui-autocomplete{
position: absolute;
top: 0;
left: 0;
cursor: default;
}
/*!
* jQuery UI Datepicker 1.14.1
* https://jqueryui.com
*
* Copyright OpenJS Foundation and other contributors
* Released under the MIT license.
* https://jquery.org/license
*
* https://api.jqueryui.com/datepicker/#theming
*/
.ui-datepicker{
width: 17em;
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header{
position: relative;
padding: 0.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: 0.9em;
border-collapse: collapse;
margin: 0 0 0.4em;
}
.ui-datepicker th{
padding: 0.7em 0.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: 0.2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane{
background-image: none;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button{
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em 0.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 0.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: 0.5em;
top: 0.3em;
}
/*!
* jQuery UI CSS Framework 1.14.1
* https://jqueryui.com
*
* Copyright OpenJS Foundation and other contributors
* Released under the MIT license.
* https://jquery.org/license
*
* https://api.jqueryui.com/category/theming/
*
* To view and modify this theme,visit https://jqueryui.com/themeroller/
*/

.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 #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a{
color: #333333;
}
.ui-widget-header{
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a{
color: #333333;
}

.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 #cccccc;
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: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background{
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited{
color: #ffffff;
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: 0.7;
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled{
opacity: 0.35;
background-image: none;
}


.ui-icon{
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon{
background-image: url(/src_project/sites/portal/css/3/"images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon{
background-image: url(/src_project/sites/portal/css/3/"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(/src_project/sites/portal/css/3/"images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon{
background-image: url(/src_project/sites/portal/css/3/"images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon{
background-image: url(/src_project/sites/portal/css/3/"images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon{
background-image: url(/src_project/sites/portal/css/3/"images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon{
background-image: url(/src_project/sites/portal/css/3/"images/ui-icons_777777_256x240.png");
}


.ui-icon-blank.ui-icon-blank.ui-icon-blank{
background-image: none;
}
.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: #aaaaaa;
opacity: 0.3;
}
.ui-widget-shadow{
box-shadow: 0 0 5px #666666;
}
.ui-icon,
.ui-widget-content .ui-icon{
background-image:  url(/src_core/javascript/jquery/images/ui-icons_444444_256x240.png?_=1761661211);
}
.ui-widget-header .ui-icon{
background-image:  url(/src_core/javascript/jquery/images/ui-icons_444444_256x240.png?_=1761661211);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon{
background-image:  url(/src_core/javascript/jquery/images/ui-icons_555555_256x240.png?_=1761661211);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon{
background-image:  url(/src_core/javascript/jquery/images/ui-icons_ffffff_256x240.png?_=1761661211);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon{
background-image:  url(/src_core/javascript/jquery/images/ui-icons_777620_256x240.png?_=1761661211);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon{
background-image:  url(/src_core/javascript/jquery/images/ui-icons_cc0000_256x240.png?_=1761661211);
}
.ui-button .ui-icon{
background-image:  url(/src_core/javascript/jquery/images/ui-icons_777777_256x240.png?_=1761661211);
}

/* ** [ /src_project/sites/portal/css/3/header2.css ] (@import) ** */
[class^=svgicon-],
[class*=" svgicon-"]{
display: inline-block;
width: 1em;
height: 1em;
vertical-align: text-top;
fill: currentColor;
}
svg:not(:root){
overflow: hidden;
}
@media all and (-ms-high-contrast: none){
.browserwarn{
text-align: center;
padding: 8px 0;
background: white;
color: #007e46;
border-bottom: 2px solid #007e46;
font-weight: bold;
display: block !important;
}
}
#main-header{
border-bottom: 1px solid #dcdcdc;
}
#main-header:before{
display: table;
content: " ";
}
#main-header:after{
display: table;
clear: both;
content: " ";
}
#main-header #search-form input{
line-height: 2rem;
width: calc(100% - 40px);
}
.header{
position: relative;
padding: 3.4rem 0;
background-color: #007e46;
}
.header .row{
position: relative;
}
.print-logo-first{
display: none;
}
.print-logo-second{
display: none;
}
.logo{
position: relative;
float: left;
width: 40%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 992px) and (max-width: 1200px){
.logo{
width: 30%;
}
}
.logo2{
position: absolute;
top: -2px;
right: 15px;
width: auto;
}
#main-header .partner-logos{
display: flex;
float: right;
jusitfy-content: flex-end;
align-items: center;
}
#main-header .partner-logos img{
width: auto;
height: 40px;
}
#main-header .partner-logos .logo-lko img{
height: 30px;
}
#main-header .partner-logos .logo-lfi img{
height: 35px;
}
#main-header .partner-logos a{
margin-left: 2rem;
}
@media (max-width: 1200px){
#main-header .partner-logos img{
width: auto;
height: 35px;
}
#main-header .partner-logos a{
margin-left: 1rem;
}
}
@media (max-width: 992px){
#main-header .partner-logos{
float: left;
display: none;
}
#main-header .partner-logos a img{
margin: 0;
}
#main-header .partner-logos a:not(.logo-lfi){
display: none;
}
#main-header .partner-logos .logo-lfi{
position: absolute;
top: -2px;
right: 15px;
width: auto;
top: 10px;
right: 80px;
}
#main-header .partner-logos .logo-lfi img{
height: 30px;
}
}
@media (max-width: 480px){
#main-header .partner-logos .logo-lfi{
top: 12px;
right: 60px;
}
#main-header .partner-logos .logo-lfi img{
height: 27px;
}
}
.logo__logo{
width: 230px;
height: 46px;
}
.logo2 .logo__logo{
width: auto;
height: 50px;
}
.logo-second{
display: inline;
}
.logo__bundesland{
width: auto;
height: 35px;
margin-left: 1rem;
vertical-align: bottom;
}
.main-search{
float: left;
width: 33.3333%;
}
#mobile-navigation{
position: absolute;
top: 25px;
right: 10px;
width: auto;
}
#mobile-navigation #trigger-bundesland{
width: 20px;
height: 20px;
border: none;
background-color: transparent;
}
#mobile-navigation #trigger-bundesland .svgicon-burger use{
width: 2.4em;
height: 2.4em;
fill: #fff;
}
#mobile-navigation #trigger-menu{
width: 1.4em;
height: 20px;
border: none;
background-color: transparent;
}
#mobile-navigation #trigger-menu svg{
fill: #fff;
}
#mobile-navigation #trigger-menu.collapsed svg{
fill: #fff;
}
#mobile-navigation .col-xs-6{
margin: 0;
padding: 0;
}
#mobile-navigation button{
position: relative;
margin: 10px;
padding: 0;
border: none;
background-color: transparent;
}
#mobile-navigation button svg{
position: absolute;
top: 0;
left: 0;
width: 1.4em;
height: 1.4em;
fill: #fff;
}
#mobile-navigation .svgicon-close-burger{
position: absolute;
top: 0;
left: 0;
width: 1.2em;
height: 1.2em;
fill: #fff;
}
#mobile-navigation #trigger-bundesland::after{
content: "";
}
@media (max-width: 991px){
.logo-second{
position: relative;
display: block;
overflow: hidden;
height: 19px;
}
.logo-second img{
position: absolute;
top: -16px;
left: 0;
}
.logo__bundesland{
clear: both;
height: 35px;
height: 26px;
}
.logo__logo{
display: block;
clear: both;
width: 170px;
width: 150px;
height: 48px;
height: 42px;
}
.logo{
display: block;
width: 60%;
margin: 7px 5px 7px 0;
}
.logo .logo__logo{
top: 4px;
position: relative;
}
.logo2 .logo__logo{
height: 30px !important;
}
.logo2{
top: 10px;
right: 80px;
}
#toggle-searchCollapse{
border-top: 1px solid #2d9c69;
}
#mobile-navigation{
top: 9px;
}
.main-search{
position: relative;
width: 100%;
margin-top: 1em;
padding-right: 15px;
padding-left: 15px;
}
#main-navigation .dropdown > a{
position: relative;
}
#main-navigation .dropdown > a:hover{
color: #fff !important;
border-color: #9bc3a8;
background-color: #9bc3a8;
}
#main-navigation .dropdown > a::after{
font-size: 0.75em;
line-height: 2em;
position: absolute;
right: 2rem;
}
#main-navigation .dropdown > .dropdown-menu{
padding: 0;
}
#main-navigation .dropdown > .dropdown-menu a{
line-height: 22px;
padding-top: 10px;
padding-bottom: 10px;
}
#main-navigation .dropdown-submenu > a{
position: relative;
}
#main-navigation .dropdown-submenu ul{
background-color: #fff;
}
#main-navigation .dropdown-submenu > a::after{
font-size: 0.75em;
line-height: 2em;
position: absolute;
right: 2rem;
content: "J";
}
#main-navigation .dropdown-submenu > .dropdown-menu{
padding: 0;
}
#main-navigation .dropdown-submenu > .dropdown-menu a{
line-height: 22px;
padding-top: 10px;
padding-bottom: 10px;
}
#main-navigation .nav li{
border-top: 1px solid #dcdcdc;
}
.header{
padding: 1rem 0;
}
.nav .open > a{
color: #fff !important;
border-color: #9bc3a8;
background-color: #9bc3a8;
}
.nav .open > a:focus{

}
.nav .open > a:hover{
color: #fff !important;
border-color: #9bc3a8;
background-color: #9bc3a8;
}
.nav > a:hover{
color: #fff !important;
border-color: #9bc3a8;
background-color: #9bc3a8;
}
.icon-blaettern-re::before{
content: "J";
}
#trigger-bundesland::after{
content: "J";
}
.link-more::before{
content: "J";
}
.list-subpages a.link-collapse::after{
content: "J";
}
.list-subpages .collapse ul > li > a::before{
content: "J";
}
.list-subpages .collapsing ul > li > a::before{
content: "J";
}
.list--headersign__content > h3::before{
content: "J";
}
.page-navigation a.page-navigation__next span::before{
content: "J";
}
.list-articles li > a::before{
content: "J";
}
.list-articles li > span::before{
content: "J";
}
.box--menu ul li > a::before{
content: "J";
}
.box--menu ul li > span::before{
content: "J";
}
.list-veranstaltungen li a h3::after{
content: "J";
}
}
@media (max-width: 480px){
.logo__bundesland{
clear: both;
height: 31px;
}
.logo__logo{
display: block;
clear: both;
width: 150px;
height: 42px;
}
#mobile-navigation{
top: 9px;
}
.filter-menu .columns-3{
float: left;
width: 100%;
}
.filter-menu .columns-1{
float: left;
width: 100%;
}
.logo-second img{
position: absolute;
top: -15px;
left: 0;
}
.logo2 .logo__logo{
height: 27px !important;
}
.logo2{
top: 12px;
right: 60px;
}
}
@media (max-width: 320px){
.logo__bundesland{
clear: both;
height: 27px;
}
.logo__logo{
display: block;
clear: both;
width: 130px;
height: 37px;
}
.logo-second img{
position: absolute;
top: -13px;
left: 0;
}
}
.hamburger-close{
outline: none;
}
.hamburger-close.collapsed .svgicon-burger{
transition: all 0.4s ease;
transform: rotate(0deg) scale(1,1);
}
.hamburger-close.collapsed .svgicon-close-burger{
transition: all 0.4s ease;
transform: rotate(45deg) scale(0,0);
fill: #007e46;
}
.hamburger-close .svgicon-burger{
transition: all 0.4s ease;
transform: rotate(-45deg) scale(0,0);
fill: #007e46;
}
.hamburger-close .svgicon-close-burger{
transition: all 0.4s ease;
transform: rotate(0deg) scale(1,1);
}
#search-form{
margin: 10px 0 0 !important;
padding: 0 5px;
background-color: #006634;
border-radius: 3px;
}
#search-form svg{
vertical-align: middle;
fill: #9bc3a8;
}
#search-form input{
font-size: 1.4rem;
line-height: 3.8rem;
color: #fff;
border: none;
background-color: transparent;
}
#search-form input::placeholder{
opacity: 1;
color: #86b89f;
}
#search-form button{
max-width: 40px;
text-align: center;
}
form input,
form textarea{
height: 40px;
padding: 0.5em;
border: 1px solid #ababab;
border-radius: 3px;
}
.toplinks{
font-size: 1.4rem;
line-height: 3rem;
height: 3rem;
color: #606060;
background-color: #fff;
}
.toplinks span{
display: inline-block;
margin-right: 5px;
}
.toplinks ul{
display: inline;
}
.toplinks ul a{
color: inherit;
}
.toplinks .js-toggle-toplinks{
font-weight: 500;
float: right;
text-transform: none;
}
.toplinks .js-toggle-toplinks > svg{
width: 0.6em;
height: 0.6em;
}
.toplinks .list-inline > li{
padding-right: 10px;
}
#main-navigation{
background-color: #fff;
}
#main-navigation .dropdown > a::after{
font-family: "lko" !important;
font-size: 1.1em;
line-height: 2em;
position: absolute;
right: 2rem;
content: "J";
}
#main-navigation .dropdown > .dropdown-menu{
background-color: #fff;
}
#main-navigation .dropdown > .dropdown-menu li{
background-color: #fff;
}
#main-navigation .dropdown > a::after{
font-size: 0.9em;
line-height: 2em;
position: absolute;
right: 2rem;
content: "J";
}
#main-navigation .dropdown a svg{
display: inline-block;
width: 25px;
height: 25px;
margin-right: 0.5em;
vertical-align: middle;
}
#main-navigation .dropdown a svg use{
width: 25px;
height: 25px;
}
#main-navigation .dropdown a svg{
background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(255,255,255) 46%,rgb(255,255,255) 52%,rgb(255,255,255) 53%,rgba(255,255,255,0) 100%);
}
#main-navigation .dropdown a:focus svg{
background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(255,255,255) 46%,rgb(255,255,255) 52%,rgb(255,255,255) 53%,rgba(255,255,255,0) 100%);
}
#main-navigation .dropdown a:visited svg{
background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(255,255,255) 46%,rgb(255,255,255) 52%,rgb(255,255,255) 53%,rgba(255,255,255,0) 100%);
}
#main-navigation .dropdown svg.wetter-ico{
background: radial-gradient(ellipse at center,rgb(255,205,68) 0%,rgba(255,205,68,0.49) 51%,rgba(255,255,255,0) 100%);
}
#main-navigation .dropdown a:hover svg.wetter-ico{
background: radial-gradient(ellipse at center,rgb(255,205,68) 0%,rgba(255,205,68,0.49) 51%,rgba(255,255,255,0) 100%);
}
#main-navigation .dropdown a:focus svg.wetter-ico{
background: radial-gradient(ellipse at center,rgb(255,205,68) 0%,rgba(255,205,68,0.49) 51%,rgba(255,255,255,0) 100%);
}
#main-navigation .dropdown a:visited svg.wetter-ico{
background: radial-gradient(ellipse at center,rgb(255,205,68) 0%,rgba(255,205,68,0.49) 51%,rgba(255,255,255,0) 100%);
}
@media (min-width: 992px){
#main-navigation .dropdown.active a{
color: #fff;
background-color: #9bc3a8;
}
}
#main-navigation button{
padding: 1em 0;
border: none;
background-color: transparent;
}
#main-navigation .nav{
margin-top: 0;
}
#main-navigation .nav li{
margin: 0;
}
#main-navigation .dropdown-submenu > a::after{
font-size: 1.1em;
line-height: 2em;
position: absolute;
right: 2rem;
}
#main-navigation .dropdown-submenu > a:after{
font-size: 0.9em;
line-height: 2em;
position: absolute;
right: 2rem;
}
#main-navigation #toggle-menu{
position: relative;
}
#main-navigation .navbar-nav{
float: none;
width: 1170px;
margin: auto !important;
}
#main-navigation a > svg{

vertical-align: middle;
}
#main-navigation .open > a:after{
transform: rotateZ(90deg);
}
@media (min-width: 1200px){
#main-navigation ul > li > a:hover,#main-navigation ul > li > a:focus{
color: #fff;
background-color: #9bc3a8 !important;
}
}
#main-navigation ul > li.f1rst > a{
font-weight: 500;
padding: 14px 10px;
text-decoration: none;
color: #606060;
}
#main-navigation ul > li.f1rst > a:hover{
color: #fff;
background-color: #9bc3a8 !important;
}
@media (max-width: 991px){
.toplinks{
font-size: 1.2rem;
}
.toplinks span{
display: none;
}
#main-navigation ul > li > a{
padding-right: 10px;
padding-left: 10px;
}
}
.toplinks__bundeslander{
display: block;
}
.toplinks__bundeslander .js-toggle-toplinks{
color: #007e46;
}
.toplinks__bundeslander ul{
margin-top: 0;
}
.toplinks__bundeslander li{
margin-top: 0;
}
@media (min-width: 992px){
.main-search{
position: absolute;
top: 50%;
right: 15px;
display: block;
transform: translateY(-50%);
}
#main-navigation{
margin-bottom: 0;
}
#main-navigation button{
float: right;
border: none;
background-color: transparent;
}
#main-navigation button > svg{
width: 1.5rem;
height: 1.5rem;
}
#main-navigation .navbar-collapse{
margin-right: 0;
margin-left: 0;
}
#main-navigation .navbar-nav{
width: 750px;
}
#main-navigation .dropdown > a::after{
font-family: "lko" !important;
font-size: 0.75em;
line-height: 2em;
position: absolute;
right: 2rem;
content: "";
}
#main-navigation .dropdown-submenu > a:after{
content: "";
}
#main-navigation ul li{
margin: 0;
}
}
#trigger-bundesland{
position: relative;
width: 100%;
text-align: left;
}
#trigger-bundesland:after{
font-size: 0.75em;
line-height: 2em;
position: absolute;
right: 2rem;
transform: rotateZ(90deg);
}
@media (min-width: 992px){
#main-navigation{
position: relative;
margin-bottom: 0;
}
#main-navigation .navbar-nav{
width: 970px;
}
}
@media (min-width: 992px) and (max-width: 1199px){
#main-navigation{
font-size: 1.4rem;
}
#main-navigation .navbar-collapse{
margin-right: 15px;
margin-left: 15px;
}
.navbar-nav > li > a{
padding-left: 11px;
padding-right: 11px;
}
}

@media (max-width: 992px){
.navbar-collapse{
padding-right: 0;
padding-left: 0;
}
#main-navigation .navbar-collapse{
margin-right: 0;
margin-left: 0;
}
.story-menu a{
padding: 0 !important;
}
}
.button--transparent{
border: medium none;
background-color: transparent;
}
@media (max-width: 991px){
.story-menu > li{
padding-bottom: 5px;
border-bottom: 1px solid #ccc !important;
}
.story-menu > li a{
padding: 0 !important;
}
.story-menu article{
min-height: auto !important;
padding-bottom: 0;
}
#main-navigation .dropdown a{
font-size: 1.2rem;
}
#main-navigation .dropdown a svg{
width: 20px;
height: 20px;
}
#main-navigation .navbar-nav{
width: 100%;
}
}
@media (max-width: 1000px){
#main-navigation .dropdown a{
font-size: 1.2rem;
}
#main-navigation .dropdown a svg{
width: 20px;
height: 20px;
}
}
@media (min-width: 1200px){
#main-navigation .navbar-nav{
width: 1170px;
}
}
.nav > li{
position: static;
}
.nav .open > a{
color: #fff;
background-color: #9bc3a8 !important;
}
.nav .open > a:hover{
color: #fff;
background-color: #9bc3a8 !important;
}
.story-menu{
margin-top: 1em;
margin-bottom: 1em;
padding: 0;
}
.story-menu > li{
display: block;
margin-bottom: 30px !important;
}
.story-menu li{
border-top: none !important;
border-bottom: none !important;
}
.story-menu h2{
font-size: 1.3em;
margin: 20px 0 25px;
vertical-align: middle;
color: #000;
}
.story-menu h2 svg{
top: 0;
left: 0;
width: 32px;
height: 32px;
margin: 0;
vertical-align: middle;
}
.story-menu h3{
font-size: 1.1em;
line-height: 1.2em;
margin: 0;
padding: 0;
color: #606060;
overflow-wrap: break-word;
}
.story-menu article{
min-height: 60px;
margin: 10px 0;
margin-top: 15px;
padding-bottom: 0;
border-bottom: 1px solid #f4f4f4;
}
.story-menu figure{
float: left;
width: auto !important;
margin: 0;
}
.story-menu .more-aricles{
margin-bottom: 5px;
}
.story-menu .more-aricles li a::before{
font-family: "lko" !important;
font-size: 0.7em;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
position: relative;
top: 1.5rem;
left: -3px;
display: block;
content: "J";
vertical-align: top;
text-transform: none !important;
}
.story-menu .more-aricles li a h3{
display: table-cell;
padding-left: 10px;
}
.story-menu .more-aricles h3{
margin: 10px 0;
}
.story-menu.test .col-md-3{
width: 25%;
}
.filter-menu{
padding-bottom: 1.5em;
}
.filter-menu h2{
font-size: 1.3em;
margin: 20px 0 25px;
vertical-align: middle;
color: #000;
}
.filter-menu h3{
margin: 1em 0;
}
.filter-menu .search-sect input{
width: 100%;
padding-left: 32px;
}
.filter-menu .search-sect button{
position: absolute;
top: 0;
left: 3px;
width: 30px;
max-width: 40px;
height: 38px;
padding: 0 !important;
text-align: center;
}
.filter-menu .search-sect svg{
width: 1em;
height: 1em;
vertical-align: middle;
fill: #ababab;
}
.filter-menu .columns-3{
float: left;
width: 75%;
}
.filter-menu .columns-1{
float: left;
width: 25%;
}
.filter-menu .item-form{
margin-top: 1.5em;
}
.filter-menu .item-form.columns-1{
margin-top: 1em;
}
.filter-menu .item-form li{
font-size: 0.9em;
font-weight: 500;
padding: 0.5em 0;
color: #606060;
border: none !important;
}
.filter-menu .item-form li label{
font-weight: 500;
}
.filter-menu .checkbox{
position: relative;
display: block;
margin-top: 3px;
margin-bottom: 3px;
}
.filter-menu .radio{
position: relative;
display: block;
margin-top: 3px;
margin-bottom: 3px;
}
.filter-menu .radio input[type=radio]{
margin-top: 2px;
}
.filter-menu button.confirm{
font-size: 1.1em;
float: left !important;
clear: both;
margin: 1em 1em 1em 0;
padding: 0.5em 1em !important;
color: #fff;
border: 1px solid #007e46;
background-color: #007e46 !important;
border-radius: 4px;
}
.filter-menu button.back{
font-size: 1.1em;
float: left !important;
clear: both;
margin: 1em 0;
padding: 0.5em 1em !important;
color: #fff;
border: 1px solid #ababab;
background-color: #ababab !important;
border-radius: 4px;
}
.filter-menu input[type=checkbox]{
margin-top: 8px;
}
.filter-menu input[type=radio]{
margin-top: 8px;
}
.filter-menu form section{
position: relative;
}
.filter-menu li svg{
top: 0;
left: 0;
width: 30px;
height: 30px;
margin: 0 4px;
vertical-align: middle;
}
.filter-menu .radio-inline input[type=radio]{
margin-top: 2px;
}
.toplinks--visible .toplinks__bundeslander{
display: none;
}
.navbar-nav > li > .dropdown-menu{
position: absolute;
top: 54px;
left: 0;
width: 100%;
}
.home-box h3 svg{
top: 0;
left: 0;
width: 32px;
height: 32px;
margin: 0;
vertical-align: middle;
}
aside .filter-menu .columns-3{
width: 100%;
column-count: 1 !important;
}
aside .filter-menu .columns-1{
width: 100%;
column-count: 1 !important;
}
aside .filter-menu h2{
font-size: 1em;
margin: 1.5em 0;
vertical-align: middle;
color: #000;
}
aside .filter-menu button.confirm{
font-size: 1em;
clear: initial !important;
margin-top: 2em;
}
aside .filter-menu button.back{
font-size: 1em;
clear: initial !important;
margin-top: 2em;
}
aside .filter-menu .item-form li{
padding: 0.3em 0;
}
.item-form input{
height: auto;
}
@media (max-width: 991px){
#main-navigation .dropdown > a::after{
font-family: "lko" !important;
font-size: 0.75em;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 2em;
position: absolute;
top: 2em;
right: 2rem;
content: "J" !important;
text-transform: none !important;
}
.story-menu h3{
font-size: 13px;
}
.story-menu p{
font-size: 12px;
line-height: 16px;
}
}
@media (max-width: 992px){
.story-menu h3{
font-size: 13px;
}
.story-menu p{
font-size: 12px;
line-height: 16px;
}
.navbar-nav > li > .dropdown-menu{
top: 50px;
}
}
svg.wetter-ico{
background: radial-gradient(ellipse at center,rgb(255,205,68) 0%,rgba(255,205,68,0.49) 51%,rgba(255,255,255,0) 100%);
}

/* ** [ /src_project/sites/portal/css/3/editorial.css ] (@import) ** */
sup,sub{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
ul,ol{
margin: 0;
padding: 0;
list-style-type: none;
}
textarea,select,optgroup,input,button{
font: inherit;
margin: 0;
color: inherit;
}
textarea,select,input,button{
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.fotoservice img,.slider--small img,.gallery-preview img,.figure--fullwidth img,.figure--right picture img,.figure--left picture img,.box--epaper picture img,.media-50 img,.img-responsive{
display: block;
max-width: 100%;
height: auto;
}
[class*=" svgicon-"],[class^=svgicon-]{
display: inline-block;
width: 1em;
height: 1em;
vertical-align: middle;
fill: currentcolor;
}
.icon-externer-link::before,.page-navigation a.page-navigation__prev span::before,.page-navigation a.page-navigation__next span::before,.print span i::before,.empfehlen.track span i::before,.list-merkliste__add:before,.list-veranstaltungen li a h3:after,.panel header a:before,.box--menu ul li > span:before,.box--menu ul li > a:before,.list-articles li > span:before,.list-articles li > a:before,.page-navigation a span:before,[href*=".xls"]:before,[href*=".doc"]:before,[href*=".pdf"]:before,.link-more:before,.link-external:after,.img--zoomable:after,#trigger-bundesland:after,.box--quicklink a > *:last-child:after,[class*=" icon-"]:before,[class^=icon-]:before,.list-subpages .collapsing ul > li > a:before,.list-subpages .collapse ul > li > a:before,.list-subpages a.link-collapse:after,.list--headersign__content > h3:before,#main-navigation .dropdown-submenu > a:after,#main-navigation .dropdown > a:after,.box--quicklink--bg a:after,article li:before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.home-box picture span,.home-box picture,.home-box figure{
display: block;
overflow: hidden;
width: 100%;
max-height: 160px;
}
body{
font-family: Roboto,sans-serif;
font-size: 16px;
line-height: 1.3;
color: #000;
background-color: #f4f4f4;
}
a{
text-decoration: none;
text-decoration: none;
color: #606060;
background-color: transparent;
}
a:hover{
text-decoration: none;
text-decoration: none;
text-decoration: none;
color: #606060;
outline: 0 none;
}
a:focus{
text-decoration: none;
text-decoration: none;
outline: 0 none;
outline-offset: -2px;
}
a:active{
text-decoration: none;
outline: 0 none;
}
article{
display: block;
}
article li::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
article h2{
margin-top: 1em;
}
article section h2:first-child{
margin-top: 0;
}
article > footer{
display: block;
float: left;
overflow: hidden;
width: 100%;
margin-top: 3rem;
}
article > footer .page-navigation{
display: block;
float: left;
overflow: hidden;
width: 100%;
margin-top: 1em;
padding: 1em 0;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}
article > footer .page-navigation a.page-navigation__prev{
padding-left: 1em;
}
article > footer .page-navigation a.page-navigation__next{
float: right;
padding-right: 1em;
text-align: right;
}
article > footer .page-navigation a{
font-size: 1.5rem;
line-height: 1.5em;
position: relative;
float: left;
width: 50%;
color: black;
}
article > footer .page-navigation a span{
font-size: 0.9em;
font-weight: 500;
display: block;
text-transform: uppercase;
color: #007e46;
}
article > footer .page-navigation::before,article > footer .page-navigation::after{
display: table;
content: " ";
}
aside{
display: block;
margin-top: 7px;
margin-bottom: 1em;
}
aside .home-box{
margin: 1.5em 0 2em 0;
padding-bottom: 1em;
}
aside .home-box p{
margin-bottom: 0.5em;
}
aside section::after{
display: table;
clear: both;
content: " ";
}
details{
display: block;
}
figcaption{
display: block;
}
figure{
display: block;
margin: 1em 40px;
margin: 0;
}
footer{
display: block;
}
header{
display: block;
}
hgroup{
display: block;
}
main{
display: block;
margin: 1em 0 1em;
}
@media (max-width: 767px){
main{
margin-top: 0;
}
}
menu{
display: block;
}
nav{
display: block;
}
section{
display: block;
}
summary{
display: block;
}
audio{
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]){
display: none;
height: 0;
}
canvas{
display: inline-block;
vertical-align: baseline;
}
progress{
display: inline-block;
vertical-align: baseline;
}
video{
display: inline-block;
vertical-align: baseline;
}
[hidden]{
display: none;
}
template{
display: none;
}
abbr[title]{
border-bottom: 1px dotted;
}
b{
font-weight: bold;
}
strong{
font-weight: bold;
}
dfn{
font-style: italic;
}
h1{
font-size: 2em;
margin: 0.67em 0;
}
mark{
color: #000;
background: #ff0 none repeat scroll 0 0;
}
small{
font-size: 80%;
}
sub{
bottom: -0.25em;
}
sup{
top: -0.5em;
}
img{
vertical-align: middle;
border: 0 none;
}
hr{
box-sizing: content-box;
height: 0;
}
pre{
font-family: monospace,monospace;
font-size: 1em;
overflow: auto;
}
code{
font-family: monospace,monospace;
font-size: 1em;
}
kbd{
font-family: monospace,monospace;
font-size: 1em;
}
samp{
font-family: monospace,monospace;
font-size: 1em;
}
button{
overflow: visible;
cursor: pointer;
text-transform: none;
}
input{
line-height: normal;
}
optgroup{
font-weight: bold;
}
select{
text-transform: none;
}
textarea{
overflow: auto;
}
html{
font-size: 10px;
}
html input[type=button]{
cursor: pointer;
}
html input[disabled]{
cursor: default;
}
input[type=reset]{
cursor: pointer;
}
input[type=submit]{
cursor: pointer;
}
button[disabled]{
cursor: default;
}
button::-moz-focus-inner{
padding: 0;
border: 0 none;
}
input::-moz-focus-inner{
padding: 0;
border: 0 none;
}
input[type=checkbox]{
box-sizing: border-box;
padding: 0;
}
input[type=radio]{
box-sizing: border-box;
padding: 0;
}
input[type=search]{
box-sizing: content-box;
}
fieldset{
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
border: 1px solid #c0c0c0;
}
legend{
padding: 0;
border: 0 none;
}
table{
border-spacing: 0;
border-collapse: collapse;
}
td{
padding: 0;
}
th{
padding: 0;
}
*{
box-sizing: border-box;
}
*::before{
box-sizing: border-box;
}
*::after{
box-sizing: border-box;
}
.img-rounded{
border-radius: 6px;
}
.box--quicklink--bg a::after{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
#main-navigation .dropdown > a::after{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
#main-navigation .dropdown-submenu > a::after{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.list--headersign__content > h3::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.list-subpages a.link-collapse::after{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.list-subpages .collapse ul > li > a::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.list-subpages .collapsing ul > li > a::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.pflanzen{
color: #0089B5;
fill: #0089B5;
}
.akerbau{
color: #d39c0a;
fill: #d39c0a;
}
.ackerbau{
color: #d39c0a;
fill: #d39c0a;
}
.gemusebau{
color: #90ba1e;
fill: #90ba1e;
}
.gemuesebau{
color: #90ba1e;
fill: #90ba1e;
}
.obstbau{
color: #dddf4b;
fill: #dddf4b;
}
.wetter-ico{
color: #00507E;
fill: #00507E;
}
.weinbau{
color: #ef7d00;
fill: #ef7d00;
}
.bienengesundheit{
color: #ffce44;
fill: #ffce44;
}
.home{
color: #007E46;
fill: #007E46;
}
svg.psmliste{
color: #007E46;
fill: #007E46;
}
.exit{
width: 25px;
height: 25px;
margin-left: 5px;
vertical-align: middle;
color: #007E46;
fill: #007E46;
}
.fachinfo{
color: #6F6F6E;
fill: #6F6F6E;
}
.home-box{
position: relative;
display: block;
color: #606060;
background-color: #fff;
}
.home-box picture span .img-responsive{
width: 100%;
}
.home-box h3{
font-size: 1.05em;
line-height: 1.1em;
overflow: hidden;
margin: 1.7em 1em 0.5em 1em;
padding: 0;
color: #606060;
overflow-wrap: break-word;
}
.home-box h3 svg{
float: left;
margin-right: 7px !important;
}
.home-box h3 .multi-icon{
display: block;
float: left;
width: 100%;
margin-bottom: 15px;
}
.home-box p{
margin: 1em 1em 1.7em 1em;
}
@media (max-width: 992px){
.home-box figure{
display: block;
overflow: hidden;
width: 100%;
height: auto;
max-height: initial;
}
.home-box picture{
display: block;
overflow: hidden;
width: 100%;
height: auto;
max-height: initial;
}
.home-box picture span{
display: block;
overflow: hidden;
width: 100%;
height: auto;
max-height: initial;
}
.col-md-12 .col-sm-6:nth-child(3){
clear: left;
}
.col-md-12 .col-sm-6:nth-child(2){
clear: right;
}
.col-xs-12.col-md-12 section:last-child{
margin-bottom: 0;
}
}
.grid{
width: 100%;
}
.grid:after{
display: block;
clear: both;
content: "";
}
.grid-sizer{
float: left;
width: 25%;
margin: 1em 0;
padding-right: 15px;
padding-left: 15px;
}
.grid-item{
float: left;
width: 25%;
margin: 1em 0;
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 992px){
.grid-sizer,
.grid-item{
float: left;
width: 50%;
}
.page-navigation .pn-title{
display: none;
}
}
@media (max-width: 480px){
.grid-sizer,
.grid-item{
float: left;
width: 100%;
}
.sickness.pull-right{
display: block;
width: 100%;
margin: 10px 0;
margin-bottom: 10px;
}
}
[class^=icon-]::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
[class*=" icon-"]::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
#trigger-bundesland::after{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.img--zoomable::after{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.link-external::after{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.link-more::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
[href*=".pdf"]::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
[href*=".doc"]::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
[href*=".xls"]::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.list-merkliste__add::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
svg:not(:root){
overflow: hidden;
}
.box--quicklink a > :last-child::after{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.link-external::after{
font-family: "lko" !important;
font-size: 0.5em;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
margin-left: 0.75em;
content: "l" !important;
text-transform: none !important;
color: #9bc3a8;
}
.page-navigation a span::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.list-articles li > a::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.list-articles li > span::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.box--menu ul li > a::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.box--menu ul li > span::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.panel header a::before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.list-veranstaltungen li a h3::after{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
}
.arrow-link:before{
font-family: "lko" !important;
font-size: 0.5em;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
position: absolute;
top: 10px;
right: 10px;
margin-left: 0.75em;
content: "l";
text-transform: none !important;
color: #9bc3a8;
}
.breadcrumb{
font-size: 0.8em;
margin-bottom: 1rem;
padding-left: 0;
}
@media (max-width: 767px){
.breadcrumb li.bc0{
display: none;
}
.breadcrumb > li + li:before{
display: none;
}
.breadcrumb > li.bc1 ~ li:before{
display: inline-block;
padding: 0 1px;
}
}
footer .empfehlen,
footer .print{
font-size: 1.4rem;
float: right;
color: #858585;
}
.empfehlen.track span i::before{
margin-right: 5px;
margin-left: 20px;
content: "n";
}
.print span i::before{
margin-right: 5px;
margin-left: 10px;
content: "p";
}
.page-navigation a.page-navigation__next span::before{
font-size: 0.75em;
position: absolute;
top: 0.6em;
right: 0;
content: "J";
color: #007e46;
}
.page-navigation a.page-navigation__prev span::before{
font-size: 0.75em;
position: absolute;
top: 0.6em;
left: -3px !important;
content: "A";
color: #007e46;
}
.icon-externer-link::before,
.link-external::after{
content: "l";
}
.id2050 article{
padding-right: 0 !important;
padding-left: 0 !important;
}
.id2050 .home-box h3{
min-height: 37px;
}
.SumoSelect > .optWrapper > .options li.opt{
margin: 0;
}
.SumoSelect > .optWrapper > .options li.opt label{
margin: 0;
}
#table-description{
margin-top: 1em;
}
.sickness.pull-right{
font-size: 0.85em;
}
.wetter-bt{
font-weight: 600;
position: relative;
display: block;
margin-top: 1em;
padding: 0.5em;
padding: 5px 15px;
cursor: default;
color: #007E46;
border-radius: 3px;
background-color: #f4f4f4;
}
.wetter-bt .unloaded{
font-weight: 600;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 5px 15px;
cursor: pointer;
color: #fff;
border-radius: 3px;
background-color: #007E46;
}
.wbt{
width: 30px;
height: auto;
margin-right: 7px;
vertical-align: middle;
}
#prognose-chart-container .col-md-4{
width: 100%;
}
main .mediabox.img-slide{
border: 1px solid #fff;
background-color: #fff;
}
.carousel-inner figure{
display: table;
margin: 0 auto !important;
}
.mediabox figure img{
width: auto;
max-height: 100%;
background-repeat: no-repeat !important;
background-position: center center;
background-size: contain !important;
}
.mediabox.img-slide .carousel-caption{
padding-top: 10px;
}
.modal .mediabox img{
max-height: 90% !important;
}
main .mediabox.img-slide .set-container .counter{
display: none !important;
}
.col-md-6 > .tabs-navi{
display: inline-block;
width: 100%;
}
.tabs-navi .btn{
color: black;
cursor: pointer;
font-size: 16px;
text-align: center;
white-space: nowrap;
border-radius: 2px;
background: white;
border: 1px solid #A4A4A4;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
line-height: 1.5em;
}
.tabs-navi .btn.active,.tabs-navi .btn:hover{
background: #007E46;
color: white;
border-color: #00522d;
box-hadow: none;
}

/* ** [ /src_project/sites/portal/css/3/content.css ] (@import) ** */
.anchor-links .xbreadcrumb,
.achor-links-list{
float: left;
display: block;
margin: 30px 0;
}
@media (max-width: 767px){
.anchor-links .xbreadcrumb,
.achor-links-list{
margin-right: -10px;
margin-left: -10px;
}
}
.anchor-links .xbreadcrumb li,
.achor-links-list li{
float: left;
margin-right: 45px;
}
@media (max-width: 767px){
.anchor-links .xbreadcrumb li,
.achor-links-list li{
margin: 2px 10px;
}
}
.anchor-links .xbreadcrumb li:before,
.achor-links-list li:before{
display: none !important;
}
.anchor-links .xbreadcrumb li a,
.achor-links-list li a{
color: black;
font-weight: 500;
position: relative;
font-size: 16px;
}
@media (max-width: 40px){
.anchor-links .xbreadcrumb li a,
.achor-links-list li a{
font-size: 15px;
}
}
.anchor-links .xbreadcrumb li a:after,
.achor-links-list li a:after{
height: 2px;
width: 100%;
bottom: -3px;
background: #007E46;
content: "";
display: none;
position: absolute;
}
.anchor-links .xbreadcrumb li a.active:after,.anchor-links .xbreadcrumb li a:hover:after,.anchor-links .xbreadcrumb li a:focus:after,
.achor-links-list li a.active:after,
.achor-links-list li a:hover:after,
.achor-links-list li a:focus:after{
display: block !important;
}
aside .box.articlelist header h2{
font-size: 1em;
}
aside ul.list-articles li{
border-bottom: 0;
padding: 0.4675rem 0 0.4675rem 17px !important;
position: relative;
display: block;
}
aside ul.list-articles li:before{
position: absolute;
top: 1.1rem;
left: 0px;
color: #606060;
content: "J";
font-size: 0.65em;
font-family: "lko" !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
line-height: 1;
text-transform: none !important;
}
aside ul.list-articles li h3{
font-size: 1rem;
font-weight: 400;
}
aside ul.list-articles li a:before{
display: none;
}
aside ul.list-articles li a:hover{
color: #007E46;
}
aside ul.list-articles li a.more{
display: none;
padding-left: 0;
}
aside ul.list-articles li a.active{
color: #007E46;
}
.content-list{
background: white;
pdadding-bottom: 50px;
}
.content-list .item{
border-bottom: 1px solid #f4f4f4;
padding-bottom: 20px;
}
.content-list .item:last-child{
border: none;
}
.content-list .item > .container:before{
display: none;
}
.content-list .media-heading{
color: #606060;
}
.content-list .badge-icon{
line-height: 1;
margin-bottom: 4px;
}
.content-list .badge-icon svg{
width: 13px;
height: 13px;
fill: currentColor;
}
.content-list .badge-icon span{
font-size: 12px;
}
.content-list .badge-icon.gestartet{
color: #d2a000;
}
.content-list .badge-icon.aktuell{
color: #96be0a;
}
.content-list .badge-icon.abgelaufen{
color: #b41428;
}
.content-list .badge-icon.vorbereitung{
color: #e7792c;
}
.content-list .section-header h3{
color: black;
margin-top: 30px;
}
.content-list .story-menu{
margin: 0;
display: inline-flex;
flex-wrap: wrap;
}
.content-list .story-menu:before{
display: none;
}
.content-list .story-menu li{
margin-bottom: 10px !important;
margin-top: 10px;
}
.content-list .story-menu li > a{
padding: 0 !important;
}
.content-list .story-menu li article{
border-top: none;
padding-top: 0;
}
.content-list .story-menu li article h3{
font-size: 16px;
color: #606060;
line-height: 1.2;
display: block;
float: left;
width: 100%;
margin: 0.5em 0 0.25em;
}
.content-list .story-menu li article h3 svg{
width: 32px;
height: 32px;
margin: 2px 7px 0 0;
float: left;
}
.content-list .story-menu li article p{
margin-top: 0.25em;
display: block;
float: left;
width: 100%;
}
.content-list .story-menu li article .subtitle{
margin-top: 0.25em;
display: block;
float: left;
width: 100%;
color: #606060 !important;
clear: both;
}
.figure--right,.figure--left{
float: left;
max-width: 50%;
margin-right: 3rem;
margin-bottom: 1rem;
}
.table table td,.table table th{
padding: 0.75em 1em !important;
vertical-align: middle !important;
border-top: 1px solid #dcdcdc !important;
}
.table-id1.content-table .cell-alt-header-lastcol,.table-id1.content-table .cell-alt-header-firstcol,.table-id1.content-table .cell-alt-header{
font-weight: 400;
color: #fff;
background-color: #ababab;
}
.table-id9.content-table .cell-alt-header-lastcol,.table-id9.content-table .cell-alt-header-firstcol,.table-id9.content-table .cell-alt-header,.table-id7.content-table .cell-alt-header-lastcol,.table-id7.content-table .cell-alt-header-firstcol,.table-id7.content-table .cell-alt-header,.table-id6.content-table .cell-alt-header-lastcol,.table-id6.content-table .cell-alt-header-firstcol,.table-id6.content-table .cell-alt-header,.table-id5.content-table .cell-alt-header-lastcol,.table-id5.content-table .cell-alt-header-firstcol,.table-id5.content-table .cell-alt-header,.table-id4.content-table .cell-alt-header-lastcol,.table-id4.content-table .cell-alt-header-firstcol,.table-id4.content-table .cell-alt-header,.table-id3.content-table .cell-alt-header-lastcol,.table-id3.content-table .cell-alt-header-firstcol,.table-id3.content-table .cell-alt-header,.table-id11.content-table .cell-alt-header-lastcol,.table-id11.content-table .cell-alt-header-firstcol,.table-id11.content-table .cell-alt-header{
font-weight: 700;
color: #fff;
background: #ababab;
}
.table-id2.content-table .cell-footer-firstcol,.table-id2.content-table .cell-firstcol,.table-id2.content-table .cell-alt-header-firstcol,.table-id2.content-table .cell-alt-footer-firstcol,.table-id2.content-table .cell-alt-firstcol{
font-weight: 700;
color: #fff;
background-color: #ababab;
}
.table-id3.content-table .cell-footer-firstcol,.table-id3.content-table .cell-firstcol,.table-id3.content-table .cell-alt-footer-firstcol,.table-id3.content-table .cell-alt-firstcol{
font-weight: 700;
color: #fff;
background-color: #ababab;
}
.table-id4.content-table .cell-footer-lastcol,.table-id4.content-table .cell-footer-firstcol,.table-id4.content-table .cell-footer,.table-id4.content-table .cell-firstcol,.table-id4.content-table .cell-alt-footer-lastcol,.table-id4.content-table .cell-alt-footer-firstcol,.table-id4.content-table .cell-alt-footer,.table-id4.content-table .cell-alt-firstcol{
font-weight: 700;
color: #fff;
background-color: #ababab;
}
.table-id5.content-table .cell-footer-lastcol,.table-id5.content-table .cell-footer-firstcol,.table-id5.content-table .cell-footer,.table-id5.content-table .cell-alt-footer-lastcol,.table-id5.content-table .cell-alt-footer-firstcol,.table-id5.content-table .cell-alt-footer{
font-weight: 700;
color: #fff;
background-color: #ababab;
}
.table-id6.content-table .cell-lastcol,.table-id6.content-table .cell-footer-lastcol,.table-id6.content-table .cell-footer-firstcol,.table-id6.content-table .cell-footer,.table-id6.content-table .cell-firstcol,.table-id6.content-table .cell-alt-lastcol,.table-id6.content-table .cell-alt-footer-lastcol,.table-id6.content-table .cell-alt-footer-firstcol,.table-id6.content-table .cell-alt-footer,.table-id6.content-table .cell-alt-firstcol{
font-weight: 700;
color: #fff;
background-color: #ababab;
}
.table-id8.content-table .cell-footer-firstcol,.table-id8.content-table .cell-firstcol,.table-id8.content-table .cell-alt-header-firstcol,.table-id8.content-table .cell-alt-footer-firstcol,.table-id8.content-table .cell-alt-firstcol{
font-weight: 700;
color: #fff;
background-color: #ababab;
}
.table-id9.content-table .cell-footer-firstcol,.table-id9.content-table .cell-firstcol,.table-id9.content-table .cell-alt-footer-firstcol,.table-id9.content-table .cell-alt-firstcol{
font-weight: 700;
color: #fff;
background-color: #ababab;
}
.table-id10.content-table .cell-footer-lastcol,.table-id10.content-table .cell-footer-firstcol,.table-id10.content-table .cell-footer,.table-id10.content-table .cell-firstcol,.table-id10.content-table .cell-alt-header-lastcol,.table-id10.content-table .cell-alt-header-firstcol,.table-id10.content-table .cell-alt-header,.table-id10.content-table .cell-alt-footer-lastcol,.table-id10.content-table .cell-alt-footer-firstcol,.table-id10.content-table .cell-alt-footer,.table-id10.content-table .cell-alt-firstcol{
font-weight: 700;
color: #fff;
background-color: #ababab;
}
.table-id11.content-table .cell-footer-lastcol,.table-id11.content-table .cell-footer-firstcol,.table-id11.content-table .cell-footer,.table-id11.content-table .cell-alt-footer-lastcol,.table-id11.content-table .cell-alt-footer-firstcol,.table-id11.content-table .cell-alt-footer{
font-weight: 700;
color: #fff;
background-color: #ababab;
}
.table-id12.content-table .cell-lastcol,.table-id12.content-table .cell-footer-lastcol,.table-id12.content-table .cell-footer-firstcol,.table-id12.content-table .cell-footer,.table-id12.content-table .cell-firstcol,.table-id12.content-table .cell-alt-lastcol,.table-id12.content-table .cell-alt-header-lastcol,.table-id12.content-table .cell-alt-header-firstcol,.table-id12.content-table .cell-alt-header,.table-id12.content-table .cell-alt-footer-lastcol,.table-id12.content-table .cell-alt-footer-firstcol,.table-id12.content-table .cell-alt-footer,.table-id12.content-table .cell-alt-firstcol{
font-weight: 700;
color: #fff;
background-color: #ababab;
}
main article header{
font-family: Roboto,sans-serif;
position: relative;
padding: 1em 0;
border-bottom: 1px solid #dcdcdc;
}
main article header h1{
font-size: 1.4em;
margin: 0 0 0.5em 0;
color: #000;
}
main article header h2{
font-size: 1em;
font-weight: 400;
margin: 0;
color: #606060;
}
article section::after{
display: table;
clear: both;
content: " ";
}
article section::before{
display: table;
content: " ";
}
article .content-container{
line-height: 1.5em;
}
article .content-container iframe{
max-width: 100%;
}
article .content-container iframe[src*="https://www.youtube.com/"],
article .content-container iframe[src*="https://www.youtube-nocookie.com/"]{
aspect-ratio: 16/9;
height: auto;
}
article .content-container.style1{
padding: 2rem;
color: #000;
background-color: #fff;
}
article .content-container.style1 h2{
font-size: 1.8rem;
margin-top: 0;
margin-bottom: 0.8em;
}
article .content-container.style5 h2{
font-size: 1.8rem;
margin-bottom: 0.8em;
}
article .content-container.style5 .media-content{
float: right;
}
article .content-container a{
color: #007E46;
}
article .content-container.style999 h2{
font-size: 1.8rem;
margin-top: 0;
margin-bottom: 0.8em;
}
article .content-container.style20 h2{
font-size: 1.8rem;
margin-top: 0;
margin-bottom: 0.8em;
}
article .content-container.table-responsive h2{
font-size: 1.8rem;
margin-bottom: 0.8em;
}
article section{
margin-top: 1em;
padding-bottom: 1em;
}
article section::before{
display: table;
content: " ";
}
article section::after{
display: table;
clear: both;
content: " ";
}
article .look{
margin-top: 0 !important;
}
article h2{
font-size: 2.6rem;
line-height: 1.15em;
color: #000;
}
article h2:first-child{
margin-top: 0;
}
article ul{
display: table;
margin-bottom: 1em;
padding-left: 2.5rem;
list-style: none;
}
article li{
position: relative;
margin: 0.5em 0;
}
article li:first-of-type{
margin-top: 0;
}
article .content-text li::before{
font-size: 0.75em;
position: absolute;
top: 0.4em;
left: -2.5rem;
display: inline-block;
content: "z";
color: #007E46;
}
article figure.figure--fullwidth{
margin-top: 1em;
}
article .alphabet li::before{
content: "";
}
article .alphabet-list li::before{
content: "";
}
figcaption{
font-size: 1.4rem;
display: table-caption;
margin-top: 0.5em;
table-layout: fixed;
caption-side: bottom;
text-align: left;
color: #606060;
}
.figure--fullwidth{
width: 100%;
margin-bottom: 1.8rem;
}
.figure--right{
float: right;
margin-right: 0;
margin-left: 3rem;
}
.fullimage.portrait.figure--fullwidth{
text-align: center;
}
.fullimage.landscape.figure--fullwidth img{
width: 100%;
height: auto;
background-repeat: no-repeat !important;
background-size: 100% 100% !important;
}
figure{
display: table;
}
.linkbox.jump-link{
padding-left: 2.5rem;
margin-top: 1em;
}
.linkbox.jump-link li{
position: relative;
}
.linkbox.jump-link li:before{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1 !important;
content: "m";
left: -2.5rem;
font-size: 1.65rem;
top: 0.25rem !important;
}
ul + .linkbox.jump-link{
margin-top: -1em;
}
ul.linkbox + .linkbox.jump-link{
margin-top: 0 !important;
}
.content-container .teaser.summary{
margin-bottom: 1em;
display: block;
float: left;
width: 100%;
}
.content-container .teaser.summary ul.linkbox{
font-size: 16px;
line-height: 1.3;
margin-top: 1em;
}
.content-container .teaser.summary ul.linkbox li::before,
.content-container .teaser.summary ul.linkbox .dwnfile::before{
top: 0.25rem;
}
.content-container a.gallery-open-modal{
position: relative;
display: inline-block;
max-width: 100%;
}
.teaser{
font-size: 1.8rem;
line-height: 1.5em;
line-height: 24px;
color: #606060;
}
.icon-aufzaehlungszeichen::before{
content: "z";
}
.table{
margin-bottom: 0;
}
.alphabet{
margin-top: 1.5em;
border: 0;
background: transparent;
box-shadow: none;
}
.alphabet li{
display: table-cell;
width: 3.8461%;
margin: 0;
padding: 0;
text-align: center;
}
.alphabet li:hover{
background-color: #dcdcdc;
}
.alphabet ul{
display: table;
width: 100%;
}
.alphabet .navbar-collapse{
padding: 0;
}
.alphabet .container-fluid{
padding: 0;
}
.alphabet .navbar-nav > li > a{
margin: 0;
padding: 0;
}
.alphabet-list{
width: 100%;
margin: 0;
padding: 0;
}
.alphabet-list li{
width: 100%;
margin: 0;
padding: 0.5em 0;
border-bottom: 1px solid #ccc;
}
.alphabet-list .icons-box{
float: right;
margin-top: 3px;
margin-left: 1em;
}
.alphabet-list .icons-box svg{
top: 0;
left: 0;
width: 30px;
height: 30px;
margin: 0 0 0 3px;
vertical-align: middle;
}
.alphabet-list h2{
font-size: 1em;
margin: 0 0 2px 0;
}
.alphabet-list h3{
font-size: 0.9em;
font-weight: 400;
margin: 0;
color: #606060;
}
@media (max-width: 768px){
.alphabet-list .icons-box{
float: none;
width: 100%;
margin: 0 0 5px 0;
margin-bottom: 20px;
text-align: left;
}
.alphabet-list li{
padding: 1em 0;
}
.figure--left{
float: none;
width: 100%;
max-width: 100%;
margin-left: 0;
}
.figure--right{
float: none;
width: 100%;
max-width: 100%;
margin-left: 0;
}
.alphabet li{
display: block;
float: left;
width: 20%;
margin: 0;
padding: 0.8em 0;
text-align: center;
color: #fff;
background-color: #007E46;
}
.alphabet li a{
font-size: 1.2em;
padding: 0.5em 0;
color: #fff !important;
}
.alphabet li:hover{
background-color: #9bc3a8;
}
.alphabet li:focus{
background-color: #9bc3a8;
}
.alphabet .navbar-nav{
margin: 0;
}
.alphabet .navbar-collapse{
position: absolute;
z-index: 999;
top: 44px;
left: 0;
width: 100%;
margin: 0;
color: #fff;
border: none;
border-radius: 4px;
background-color: #007E46;
}
.alphabet .navbar-header .navbar-toggle{
margin-bottom: 0;
color: #fff;
border: 1px solid #007E46;
background-color: #007E46;
}
header .icons-box{
float: left !important;
width: 100% !important;
margin-bottom: 20px !important;
text-align: left !important;
}
.figcaption.img-only{
display: inline !important;
width: 100%;
}
}
@media (max-width: 480px){
.alphabet li{
width: 25%;
margin: 0;
background-color: #007E46;
}
figure img{
height: auto;
widht: 100% !important;
}
}
header .icons-box{
float: right;
margin: 0;
text-align: right;
}
header .icons-box svg{
top: 0;
left: 0;
width: 45px;
height: 45px;
margin: 0 0 0 3px;
vertical-align: middle;
}
.table-id11.content-table .cell-alt{
background-color: #ababab;
}
.table-id11.content-table .cell-alt-firstcol{
background-color: #ababab;
}
.table-id11.content-table .cell-alt-lastcol{
background-color: #ababab;
}
.table-id7.content-table .cell-alt{
background-color: #ababab;
}
.table-id7.content-table .cell-alt-firstcol{
background-color: #ababab;
}
.table-id7.content-table .cell-alt-footer{
background-color: #ababab;
}
.table-id7.content-table .cell-alt-footer-firstcol{
background-color: #ababab;
}
.table-id7.content-table .cell-alt-footer-lastcol{
background-color: #ababab;
}
.table-id7.content-table .cell-alt-lastcol{
background-color: #ababab;
}
.table-id9.content-table .cell-alt{
background-color: #ababab;
}
.table-id9.content-table .cell-alt-footer{
background-color: #ababab;
}
.table-id9.content-table .cell-alt-footer-lastcol{
background-color: #ababab;
}
.table-id9.content-table .cell-alt-lastcol{
background-color: #ababab;
}
.table-id8.content-table .cell-alt{
background-color: ababab;
}
.table-id8.content-table .cell-alt-footer{
background-color: ababab;
}
.table-id8.content-table .cell-alt-footer-lastcol{
background-color: ababab;
}
.table-id8.content-table .cell-alt-header{
background-color: ababab;
}
.table-id8.content-table .cell-alt-header-lastcol{
background-color: ababab;
}
.table-id8.content-table .cell-alt-lastcol{
background-color: ababab;
}
.table-id10.content-table .cell-alt{
background-color: #ababab;
}
.table-id10.content-table .cell-alt-lastcol{
background-color: #ababab;
}
.table-id12.content-table .cell-alt{
background-color: #ababab;
}
table tbody tr:nth-of-type(odd){
background-color: #fff;
}
table tbody tr td{
font-size: 0.9em;
border-top: none;
border-bottom: 1px solid #dcdcdc;
}
table tbody tr th{
border-top: none;
border-bottom: 1px solid #dcdcdc;
}
.organization h2{
font-size: 1.4em;
margin: 0 0 0.5em 0;
padding-bottom: 1em;
color: #000;
border-bottom: 1px solid #ccc;
}
.organization ul{
display: inline-block;
width: 100%;
margin: 1em 0 1.5em 0;
padding: 0;
}
.organization li{
margin: 0 0 1em 0;
padding-left: 0;
}
.organization li::before{
content: "";
}
.organization li h3{
font-size: 1.1em;
margin: 0.5em 0 0 0;
padding: 0;
}
.organization li h4{
font-size: 1em;
font-weight: 400;
margin: 0 0 0.5em 0;
padding: 0;
}
.organization li p a{
color: green;
}
.organization li:nth-of-type(4n+1){
clear: left;
}
@media (max-width: 480px){
.organization li{
padding-right: 0;
}
.organization picture img{
float: left;
width: 33%;
height: auto;
margin-right: 0.5em;
}
.organization li h3{
font-size: 1.1em;
margin: 0 0 0 0;
padding: 0;
}
}
.generator{
font-size: 0.9em;
}
.generator h3{
font-size: 1.1em;
font-weight: 600;
}
.generator form{
min-height: 365px;
margin: 0;
padding: 0;
padding: 0.5em;
background-color: #f9f9f9;
background-color: #ddd;
}
.generator .row{
margin: 1em 0;
}
.generator label.gr{
color: #8e8e8e;
}
.generator input[type=text],
.generator select,
.generator .SelectBox,
.generator .form-control,
.generator textarea,
.generator .SumoSelect{
width: 100%;
box-shadow: none;
}
.generator form ul.cont-check{
display: table;
margin: 2px 0;
padding: 0;
}
.generator form .cont-check li{
display: inline;
margin: 2px 0;
padding: 0 10px 0 0;
}
.generator li label{
font-weight: 300;
}
.generator input[type=radio]{
display: none;
}
.generator input[type=radio] + label{
font-family: Arial,sans-serif;
font-size: 14px;
}
.generator input[type=radio] + label span{
display: inline-block;
width: 15px;
height: 15px;
margin: -1px 4px 0 0;
cursor: pointer;
vertical-align: middle;
border: 1px solid #a4a4a4;
border-radius: 50%;
background-color: #fff;
}
.generator input[type=radio]:checked + label span{
border: 2px solid #fff;
background-color: #333;
}
.generator input[type=radio]:checked + label span{
transition: background-color 0.4s linear;
}
.generator input[type=radio] + label span{
transition: background-color 0.4s linear;
}
.generator .confirm{
font-size: em;
clear: both;
margin: 0 15px 0.5em 15px;
padding: 0.5em 1em !important;
color: #fff;
border: 1px solid #007e46;
border-radius: 4px;
background-color: #007e46 !important;
}
.generator .col-md-6{
min-height: 55px;
margin-bottom: 1em;
}
.generator .col-md-6 .col-md-12{
margin: 0.2em 0;
padding: 0;
}
.generator .indente{
font-weight: 400;
}
.generator .gen-result{
position: relative;
clear: both;
margin: 1em;
padding: 1em;
background-color: #ebeaea;
}
.generator .gen-result:before{
position: absolute;
top: -10px;
left: 10%;
width: 0;
height: 0;
content: "";
border-right: 7px solid transparent;
border-bottom: 10px solid #ebeaea;
border-left: 7px solid transparent;
}
.newb{
display: block;
float: right;
margin: 7px 15px 0 0;
padding: 6px 12px;
border-radius: 4px;
color: #000000;
text-align: center;
background: linear-gradient(179deg,rgb(249,249,249) 0%,rgb(237,237,237) 50%,rgb(249,249,249) 100%);
border: 1px solid #ccc;
}
.generator .cancel{
width: 10px;
vertical-align: middle;
fill: #8e8e8e;
}
@media (max-width: 767px){
.generator form .cont-check li{
display: inherit;
margin: 2px 0;
padding: 5px 0;
}
}
@media (max-width: 480px){
.newb{
float: none;
width: 100%;
margin: 5px;
text-align: center;
}
.generator .gen-result:before{
left: 49%;
}
}
article .panel-group{
float: left;
clear: both;
width: 100%;
margin: 15px 0;
}
article .panel-group .panel{
border: 0;
border-bottom: 1px solid #ccc;
background-color: transparent;
box-shadow: none;
}
article .panel-group .panel-heading{
padding: 8px 4px;
border: 0;
box-shadow: none;
}
article .panel-group .panel-heading .panel-title{
font-weight: normal;
}
article .panel-group .panel-heading .panel-title a{
position: relative;
color: black;
display: block;
width: 100%;
}
article .panel-group .panel-heading .panel-title a:after{
font-weight: 600;
position: absolute;
top: 2px;
right: 4px;
content: "-";
color: #000;
}
article .panel-group .panel-heading .panel-title a.collapsed:after{
font-weight: 400;
position: absolute;
top: 2px;
right: 4px;
content: "+";
color: #000;
}
article .panel-group .panel-collapse,
article .panel-group .panel-body{
border: 0;
background-color: transparent;
box-shadow: none;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body{
padding: 0 4px 15px 4px;
border: 0;
}
@media (min-width: 992px){
.content-container .col-md-6.kommentar{
text-align: right;
}
}
@media (max-width: 991px){
.content-container .col-md-6.kommentar{
margin-top: 1em;
}
}
article .content-container small{
font-size: 74%;
}

/* ** [ /src_project/sites/portal/css/3/wetter.css ] (@import) ** */
[data-symbol="01"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/01.svg?_=1761921575);
}
[data-symbol="02"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/02.svg?_=1761921575);
}
[data-symbol="03"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/03.svg?_=1761921575);
}
[data-symbol="04"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/04.svg?_=1761921575);
}
[data-symbol="05"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/05.svg?_=1761921575);
}
[data-symbol="06"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/06.svg?_=1761921575);
}
[data-symbol="07"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/07.svg?_=1761921575);
}
[data-symbol="08"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/08.svg?_=1761921575);
}
[data-symbol="09"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/09.svg?_=1761921575);
}
[data-symbol="10"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/010.svg?_=1761921575);
}
[data-symbol="11"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/011.svg?_=1761921575);
}
[data-symbol="12"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/012.svg?_=1761921575);
}
[data-symbol="13"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/013.svg?_=1761921575);
}
[data-symbol="14"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/014.svg?_=1761921575);
}
[data-symbol="15"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/015.svg?_=1761921575);
}
[data-symbol="16"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/016.svg?_=1761921575);
}
[data-symbol="17"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/017.svg?_=1761921575);
}
[data-symbol="18"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/018.svg?_=1761921575);
}
[data-symbol="19"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/019.svg?_=1761921575);
}
[data-symbol="20"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/020.svg?_=1761921575);
}
[data-symbol="21"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/021.svg?_=1761921575);
}
[data-symbol="22"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/022.svg?_=1761921575);
}
[data-symbol="23"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/023.svg?_=1761921575);
}
[data-symbol="24"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/024.svg?_=1761921575);
}
[data-symbol="25"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/025.svg?_=1761921575);
}
[data-symbol="26"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/026.svg?_=1761921575);
}
[data-symbol="27"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/027.svg?_=1761921575);
}
[data-symbol="28"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/028.svg?_=1761921575);
}
[data-symbol="29"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/029.svg?_=1761921575);
}
[data-symbol="30"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/030.svg?_=1761921575);
}
[data-symbol="31"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/031.svg?_=1761921575);
}
[data-symbol="32"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/032.svg?_=1761921575);
}
.wetter.nodoc{
padding: inherit;
background-color: inherit;
}
.wetter-header .centerd-row{
text-align: center;
}
.wetter-header .centerd-row h2{
font-family: "Roboto",sans-serif;
font-size: 40px;
font-weight: normal !important;
}
.wetter-header .centerd-row h2 span{
font-size: 20px;
}
.wetter-header .centerd-row h2 small,
.wetter-header .centerd-row h2 span{
display: block;
clear: both;
}
.wetter-header .centerd-row h2 small{
font-size: 13px;
margin-top: 5px;
color: #999;
}
.wetter-widget .wetter-search{
display: block;
float: left;
clear: both;
width: 100%;
padding: 0;
}
.wetter-widget .wetter-search .plz-search-form{
width: 100%;
}
.wetter-widget .wetter-akt{
font-size: 13px;
display: block;
width: 100%;
margin-top: 5px;
text-align: center;
color: #989898;
}
.wetter-widget .wetter-footer{
margin: 0;
padding: 0 0.5em;
color: #616161;
}
.wetter-widget .wetter-footer span{
color: #616161;
}
.wetter-widget header{
font-size: 16px;
display: block;
float: left;
clear: both;
width: 100%;
padding: 0.5em 0.5em;
border: none;
}
.wetter-widget header h2{
font-size: 1.05em;
font-weight: 500;
line-height: 23px;
margin: 0;
}
.wetter-widget header small{
line-height: 1.3;
display: block;
float: left;
margin: 0;
color: #000;
}
.wetter-widget header a{
font-size: small;
position: absolute;
right: 0.5em;
bottom: 0.7em;
color: #007e46;
}
.wetter-widget header a:before{
font-family: "lko" !important;
font-size: 0.5em;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
margin-right: 0.5em;
content: "J";
text-transform: none !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wetter-widget .wetter-forecast{
clear: both;
margin: 0;
padding: 0;
}
.wetter-widget .wetter-forecast ul{
width: 100%;
margin: 0;
cursor: pointer;
}
.wetter-widget .wetter-forecast ul li{
width: 25%;
padding: 0 10px;
border-right: 1px solid #f4f4f4;
}
.wetter-widget .wetter-forecast ul li [data-symbol]{
width: 48px;
height: 48px;
background-position: center;
}
.wetter-widget .wetter-forecast ul li .direction{
font-size: 17px;
margin-bottom: 10px;
}
@media (max-width: 767px){
.wetter-widget .wetter-forecast ul li .direction{
font-size: 18px;
}
}
article .wetterbox li{
margin-top: 0.5em;
}
.plz-search-form{
position: relative;
width: 50%;
padding: 0;
}
@media (max-width: 767px){
.plz-search-form{
width: 100%;
}
}
.plz-search-form i{
position: absolute;
top: 14px;
right: 20px;
width: auto;
max-width: 22px;
height: auto;
cursor: pointer;
}
@media (max-width: 375px){
.plz-search-form i{
top: 9px;
left: 11px;
}
}
.plz-search-form i svg{
width: 20px;
height: 20px;
color: #007E46;
}
.plz-search-form input{
width: 100%;
height: 50px;
padding-right: 60px;
padding-left: 20px;
border: none;
border-top: solid 1px #f4f4f4;
border-bottom: solid 1px #f4f4f4;
border-radius: 0;
}
@media (max-width: 375px){
.plz-search-form input{
height: 40px;
padding-left: 40px;
}
}
.plz-search-form .btn.btn-portalColor{
font-size: 14px;
line-height: 46px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: none;
width: auto;
height: auto;
padding: 0 20px;
cursor: pointer;
transition-delay: 0s;
transition-timing-function: linear;
transition-duration: 0.2s;
transition-property: background;
text-align: center;
text-decoration: none;
letter-spacing: 0.16px;
text-transform: uppercase;
color: #fff;
border-radius: 0 3px 3px 0;
background-color: #009640;
}
@media (max-width: 375px){
.plz-search-form .btn.btn-portalColor{
line-height: 39px;
padding: 0 15px;
}
}
.plz-search-form .btn.btn-portalColor:hover{
background-color: #00a044;
}
.wetter-search{
padding-top: 30px;
padding-bottom: 5px;
background-color: #ddd;
}
@media (max-width: 767px){
.wetter-search{
padding: 20px 0;
}
}
.wetter-search .search-input{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.wetter-nav{
display: block;
clear: both;
padding: 0;
}
.wetter-nav li{
margin: 0;
list-style: none;
position: relative !important;
}
.wetter-nav li:nth-last-child(-n+2) .dropdown-menu{
right: 0;
left: inherit;
}
.wetter-nav li:nth-last-child(-n+2) .dropdown-menu:before{
right: 14px;
left: inherit;
}
.wetter-nav li:nth-last-child(-n+2) .dropdown-menu:after{
right: 15px;
left: inherit;
}
.wetter-nav .dropdown-menu{
width: auto !important;
}
.wetter-nav .dropdown-menu:before{
position: absolute;
top: -9px;
left: 14px;
width: 0;
height: 0;
content: " ";
border-right: 9px solid transparent;
border-bottom: 9px solid #ccc;
border-left: 9px solid transparent;
}
.wetter-nav .dropdown-menu:after{
position: absolute;
top: -8px;
left: 15px;
width: 0;
height: 0;
content: " ";
border-right: 8px solid transparent;
border-bottom: 8px solid white;
border-left: 8px solid transparent;
}
.wetter-nav .dropdown-menu li{
font-size: 14px;
margin: 0;
}
.wetter-nav .dropdown-menu li a{
height: auto;
padding: 5px 20px;
}
.wetter-nav .dropdown-menu li a:hover{
background-color: #9bc3a8;
}
.wetter-nav .dropdown > .dropdown-toggle{
font-size: 14px;
font-weight: normal;
display: block;
padding: 15px 17px;
color: #333;
}
@media (max-width: 991px){
.wetter-nav .dropdown > .dropdown-toggle{
padding: 15px 8px;
}
}
.info{
position: relative;
top: -3px;
display: inline-block;
margin-left: 0;
cursor: pointer;
}
.info svg{
width: 23px;
height: 16px;
fill: #666;
}
.wetter-serch-collapse{
position: absolute;
z-index: 50;
right: 0;
left: 0;
margin-top: 15px;
}
.search-link{
font-size: 14px;
cursor: pointer;
color: #007E46;
}
.search-link svg{
width: 18px;
height: 18px;
margin-right: 5px;
fill: #007E46;
}
.popover-content{
padding: 20px;
text-align: center;
}
.popover-content .small-popover{
font-size: 12px;
line-height: 16px;
display: block;
margin-top: 10px;
}
.popover-content .txt-popver{
font-size: 20px;
line-height: 24px;
display: block;
}
.popover-content .warnings-popover{
display: block;
width: 100%;
height: 40px;
margin-bottom: 10px;
background-image:  url(/src_project/svg/portal/wetter2018/icons/wetterwarnung.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
}
.wetter-footer{
max-width: 100%;
margin-top: 30px;
margin-bottom: 50px;
text-align: center;
flex: 0 0 100%;
}
.wetter-footer a,
.wetter-footer span{
font-size: 12px;
display: block;
clear: both;
color: #606060;
}
@media (max-width: 767px){
.wetter-footer a,
.wetter-footer span{
font-size: 10px;
}
}
.wetter-footer a{
margin-top: 15px;
}
.wetter-footer a img{
width: 95px;
height: auto;
margin-left: 6px;
}
.wetter-detail{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.wetter-detail .slick-next,
.wetter-detail .slick-prev{
font-size: 0;
border: none;
}
.wetter-detail .col-block,
.wetter-detail ul{
position: relative;
display: flex;
clear: both;
overflow: hidden;
flex-direction: row;
width: 100%;
margin: 15px 0 0;
padding: 10px 0 0 0;
border-bottom: 1px solid #f4f4f4;
flex-wrap: nowrap;
}
.wetter-detail .col-block .col-item,
.wetter-detail .col-block li,
.wetter-detail ul .col-item,
.wetter-detail ul li{
float: left;
max-width: 14.2857142857%;
margin: 0;
padding: 0 10px;
list-style: none;
text-align: center;
border-right: 2px solid #f4f4f4;
flex: 0 0 14.2857142857%;
}
.wetter-detail .col-block .col-item .col-1spaltig,
.wetter-detail .col-block li .col-1spaltig,
.wetter-detail ul .col-item .col-1spaltig,
.wetter-detail ul li .col-1spaltig{
margin: 0;
padding: 0;
list-style: none;
border: none;
}
.wetter-detail .col-block .col-item .col-1spaltig.top,
.wetter-detail .col-block li .col-1spaltig.top,
.wetter-detail ul .col-item .col-1spaltig.top,
.wetter-detail ul li .col-1spaltig.top{
height: 148px;
}
@media (max-width: 375px){
.wetter-detail .col-block .col-item .col-1spaltig.top,
.wetter-detail .col-block li .col-1spaltig.top,
.wetter-detail ul .col-item .col-1spaltig.top,
.wetter-detail ul li .col-1spaltig.top{
height: 130px;
}
}
.wetter-detail .col-block .col-item .col-1spaltig li,
.wetter-detail .col-block li .col-1spaltig li,
.wetter-detail ul .col-item .col-1spaltig li,
.wetter-detail ul li .col-1spaltig li{
float: left;
max-width: 1000%;
border: none;
flex: 0 0 100%;
}
.wetter-detail .col-block .col-item.day-2col,
.wetter-detail .col-block li.day-2col,
.wetter-detail ul .col-item.day-2col,
.wetter-detail ul li.day-2col{
position: relative;
z-index: 50;
max-width: 28.5714285714%;
margin-left: -14.2857142857%;
list-style: none;
background-color: #fbfbfb;
flex: 0 0 28.5714285714%;
}
@media (max-width: 991px){
.wetter-detail .col-block .col-item.day-2col,
.wetter-detail .col-block li.day-2col,
.wetter-detail ul .col-item.day-2col,
.wetter-detail ul li.day-2col{
width: 100%;
margin-left: -7.15%;
}
}
.wetter-detail .col-block .col-item.day-2col.slick-slide,
.wetter-detail .col-block li.day-2col.slick-slide,
.wetter-detail ul .col-item.day-2col.slick-slide,
.wetter-detail ul li.day-2col.slick-slide{
display: none !important;
}
.wetter-detail .col-block .col-item.day-2col.slick-slide.collapse.in,
.wetter-detail .col-block li.day-2col.slick-slide.collapse.in,
.wetter-detail ul .col-item.day-2col.slick-slide.collapse.in,
.wetter-detail ul li.day-2col.slick-slide.collapse.in{
display: block !important;
}
.wetter-detail .col-block .col-item.day-2col:before,
.wetter-detail .col-block li.day-2col:before,
.wetter-detail ul .col-item.day-2col:before,
.wetter-detail ul li.day-2col:before{
position: absolute;
top: -10px;
right: 0;
left: 0;
height: 10px;
content: " ";
background-color: #fbfbfb;
}
.wetter-detail .col-block .col-item.day-2col .close,
.wetter-detail .col-block li.day-2col .close,
.wetter-detail ul .col-item.day-2col .close,
.wetter-detail ul li.day-2col .close{
position: absolute;
right: 18px;
cursor: pointer;
}
.wetter-detail .col-block .col-item.day-2col .close svg,
.wetter-detail .col-block li.day-2col .close svg,
.wetter-detail ul .col-item.day-2col .close svg,
.wetter-detail ul li.day-2col .close svg{
width: 18px;
height: auto;
fill: #007E46;
}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig,
.wetter-detail .col-block li.day-2col .col-2spaltig,
.wetter-detail ul .col-item.day-2col .col-2spaltig,
.wetter-detail ul li.day-2col .col-2spaltig{
width: auto;
margin: 0 -10px;
padding: 0;
list-style: none;
border: none;
}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig.top,
.wetter-detail .col-block li.day-2col .col-2spaltig.top,
.wetter-detail ul .col-item.day-2col .col-2spaltig.top,
.wetter-detail ul li.day-2col .col-2spaltig.top{
height: 148px;
}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li,
.wetter-detail .col-block li.day-2col .col-2spaltig li,
.wetter-detail ul .col-item.day-2col .col-2spaltig li,
.wetter-detail ul li.day-2col .col-2spaltig li{
max-width: 50%;
flex: 0 0 50%;
flaot: left;
}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li:first-child,
.wetter-detail .col-block li.day-2col .col-2spaltig li:first-child,
.wetter-detail ul .col-item.day-2col .col-2spaltig li:first-child,
.wetter-detail ul li.day-2col .col-2spaltig li:first-child{
border-left: none;
}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li:last-child,
.wetter-detail .col-block li.day-2col .col-2spaltig li:last-child,
.wetter-detail ul .col-item.day-2col .col-2spaltig li:last-child,
.wetter-detail ul li.day-2col .col-2spaltig li:last-child{
border-right: none;
}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li [data-symbol],
.wetter-detail .col-block li.day-2col .col-2spaltig li [data-symbol],
.wetter-detail ul .col-item.day-2col .col-2spaltig li [data-symbol],
.wetter-detail ul li.day-2col .col-2spaltig li [data-symbol]{
float: left;
width: 50%;
height: 50px;
}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li .temperatur,
.wetter-detail .col-block li.day-2col .col-2spaltig li .temperatur,
.wetter-detail ul .col-item.day-2col .col-2spaltig li .temperatur,
.wetter-detail ul li.day-2col .col-2spaltig li .temperatur{
display: inline-block;
width: 50%;
}
@media (min-width: 992px){
.wetter-detail .col-block .col-item .header-block .headline-cont,
.wetter-detail .col-block li .header-block .headline-cont,
.wetter-detail ul .col-item .header-block .headline-cont,
.wetter-detail ul li .header-block .headline-cont{
display: none;
}
}
.wetter-detail .col-block .col-item .header-block .headline-cont:before,
.wetter-detail .col-block li .header-block .headline-cont:before,
.wetter-detail ul .col-item .header-block .headline-cont:before,
.wetter-detail ul li .header-block .headline-cont:before{
position: relative;
top: 0;
display: inline-block;
width: 25px;
height: 25px;
margin-right: 10px;
content: "";
background-repeat: no-repeat;
background-position: center right;
background-size: 100% auto;
}
.wetter-detail .col-block .col-item .header-block .headline-cont span,
.wetter-detail .col-block li .header-block .headline-cont span,
.wetter-detail ul .col-item .header-block .headline-cont span,
.wetter-detail ul li .header-block .headline-cont span{
position: relative;
top: -5px;
display: inline-block;
}
.wetter-detail .col-block .col-item .header-block.niederschlag .headline-cont:before,
.wetter-detail .col-block li .header-block.niederschlag .headline-cont:before,
.wetter-detail ul .col-item .header-block.niederschlag .headline-cont:before,
.wetter-detail ul li .header-block.niederschlag .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/niederschlag.svg);
}
.wetter-detail .col-block .col-item .header-block.rel-feu .headline-cont:before,
.wetter-detail .col-block li .header-block.rel-feu .headline-cont:before,
.wetter-detail ul .col-item .header-block.rel-feu .headline-cont:before,
.wetter-detail ul li .header-block.rel-feu .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/feuchtigkeit.svg);
}
.wetter-detail .col-block .col-item .header-block.verdunstung .headline-cont:before,
.wetter-detail .col-block li .header-block.verdunstung .headline-cont:before,
.wetter-detail ul .col-item .header-block.verdunstung .headline-cont:before,
.wetter-detail ul li .header-block.verdunstung .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/verdunstung.svg);
}
.wetter-detail .col-block .col-item .header-block.wind .headline-cont:before,
.wetter-detail .col-block li .header-block.wind .headline-cont:before,
.wetter-detail ul .col-item .header-block.wind .headline-cont:before,
.wetter-detail ul li .header-block.wind .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/windstaerke.svg);
}
.wetter-detail .col-block .col-item .header-block.bodenfrost .headline-cont:before,
.wetter-detail .col-block li .header-block.bodenfrost .headline-cont:before,
.wetter-detail ul .col-item .header-block.bodenfrost .headline-cont:before,
.wetter-detail ul li .header-block.bodenfrost .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/bodenfrost.svg);
}
.wetter-detail .col-block .col-item .header-block.gewitter .headline-cont:before,
.wetter-detail .col-block li .header-block.gewitter .headline-cont:before,
.wetter-detail ul .col-item .header-block.gewitter .headline-cont:before,
.wetter-detail ul li .header-block.gewitter .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/gewitter.svg);
}
.wetter-detail .col-block .col-item:first-child .header-block .headline-cont,
.wetter-detail .col-block li:first-child .header-block .headline-cont,
.wetter-detail ul .col-item:first-child .header-block .headline-cont,
.wetter-detail ul li:first-child .header-block .headline-cont{
display: block;
}
@media (min-width: 992px){
.wetter-detail .col-block .col-item:first-child .header-block .headline-cont,
.wetter-detail .col-block li:first-child .header-block .headline-cont,
.wetter-detail ul .col-item:first-child .header-block .headline-cont,
.wetter-detail ul li:first-child .header-block .headline-cont{
position: absolute;
right: 0;
left: 0;
width: auto;
}
}
.wetter-detail .col-block .col-item:first-child .header-block .headline-cont:before,
.wetter-detail .col-block li:first-child .header-block .headline-cont:before,
.wetter-detail ul .col-item:first-child .header-block .headline-cont:before,
.wetter-detail ul li:first-child .header-block .headline-cont:before{
position: relative;
top: 0;
display: inline-block;
width: 25px;
height: 25px;
margin-right: 10px;
content: "";
background-repeat: no-repeat;
background-position: center right;
background-size: 100% auto;
}
.wetter-detail .col-block .col-item .bodenfrost-val,
.wetter-detail .col-block li .bodenfrost-val,
.wetter-detail ul .col-item .bodenfrost-val,
.wetter-detail ul li .bodenfrost-val{
height: 120px;
}
.wetter-detail .col-block .col-item:first-child,
.wetter-detail .col-block li:first-child,
.wetter-detail ul .col-item:first-child,
.wetter-detail ul li:first-child{
border-left: 2px solid #f4f4f4;
}
.wetter-detail .col-block .col-item .date,
.wetter-detail .col-block li .date,
.wetter-detail ul .col-item .date,
.wetter-detail ul li .date{
font-size: 30px;
}
.wetter-detail .col-block .col-item .date .day,
.wetter-detail .col-block li .date .day,
.wetter-detail ul .col-item .date .day,
.wetter-detail ul li .date .day{
font-size: 20px;
display: block;
}
.wetter-detail .col-block .col-item .tempmin,
.wetter-detail .col-block li .tempmin,
.wetter-detail ul .col-item .tempmin,
.wetter-detail ul li .tempmin{
display: inline-block;
min-width: 36px;
margin-top: 5px;
padding-top: 5px;
color: #999;
border-top: 1px solid #999;
}
.wetter-detail .col-block .col-item .warnings,
.wetter-detail .col-block li .warnings,
.wetter-detail ul .col-item .warnings,
.wetter-detail ul li .warnings{
position: absolute;
right: -25px;
bottom: 5px;
width: 40px;
height: 40px;
cursor: pointer;
background-image:  url(/src_project/svg/portal/wetter2018/icons/wetterwarnung.svg);
background-size: 100% auto;
}
.wetter-detail .col-block .col-item [data-symbol],
.wetter-detail .col-block li [data-symbol],
.wetter-detail ul .col-item [data-symbol],
.wetter-detail ul li [data-symbol]{
position: relative;
display: inline-block;
width: 80px;
height: 80px;
margin-bottom: 10px;
background-size: 100% auto;
}
@media (max-width: 375px){
.wetter-detail .col-block .col-item [data-symbol],
.wetter-detail .col-block li [data-symbol],
.wetter-detail ul .col-item [data-symbol],
.wetter-detail ul li [data-symbol]{
width: 48px;
height: 48px;
}
}
.wetter-detail .value-cont{
padding: 20px 20px 5px;
}
.wetter-detail .value-cont span{
display: block;
clear: both;
margin-bottom: 15px;
}
.wetter-detail .header-block{
height: 50px;
margin-right: -10px;
margin-left: -10px;
padding: 10px 0;
background: #f9f9f9;
}
.wetter-detail .header-block.day-col{
margin-top: 16px;
margin-bottom: 24px;
}
.wetter-detail .header-block.day-col span{
display: inline-block;
margin-top: 4px;
}
.wetter-detail .header-block li{
font-weight: bold;
max-width: 100%;
text-align: center;
flex: 0 0 100%;
}
.wetter-detail .col-link{
font-size: 12px;
display: block;
height: 40px;
margin-top: 20px;
color: #007E46;
}
.wetter-detail a.col-link{
cursor: pointer;
}
.wetter-details .weather-container{
display: table;
clear: both;
overflow: hidden;
width: 100%;
margin: 50px 0 30px;
padding: 0;
}
.wetter-details .weather-container .col-link-row a{
font-size: 12px;
color: #007E46;
}
.wetter-details .weather-container .weather-row{
display: table-row;
}
.wetter-details .weather-container .weather-col{
position: relative;
display: table-cell;
float: left;
width: 14.2857142857%;
padding: 0 10px;
list-style: none;
text-align: center;
border-right: 1px solid #f4f4f4;
}
.wetter-details .weather-container .weather-col .date{
font-size: 30px;
}
.wetter-details .weather-container .weather-col .date .day{
font-size: 20px;
display: block;
}
.wetter-details .weather-container .weather-col .tempmin{
display: inline-block;
min-width: 36px;
margin-top: 5px;
padding-top: 5px;
color: #999;
border-top: 1px solid #999;
}
.wetter-details .weather-container .weather-col [data-symbol]{
display: inline-block;
width: 60px;
height: 60px;
margin-bottom: 10px;
background-size: 100% auto;
}
@media (max-width: 375px){
.wetter-details .weather-container .weather-col [data-symbol]{
width: 48px;
height: 48px;
}
}
.wetter-details .weather-container .header-row{
background: #f9f9f9;
}
.wetter-details .weather-container .header-row .weather-col{
font-weight: bold;
width: 100%;
padding: 10px;
text-align: center;
}
.wetter-forecast{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.wetter-forecast ul{
clear: both;
margin: 50px 0 30px;
padding: 0;
}
@media (max-width: 767px){
.wetter-forecast ul{
max-width: 100%;
}
}
@media (max-width: 375px){
.wetter-forecast ul{
width: 100%;
}
}
.wetter-forecast ul li{
position: relative;
float: left;
padding: 0 35px;
list-style: none;
text-align: center;
border-right: 1px solid #ccc;
}
.wetter-forecast ul li:first-child:before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 1px;
content: " ";
border-left: 1px solid #f4f4f4;
}
@media (max-width: 767px){
.wetter-forecast ul li{
max-width: 25%;
padding: 0 15px;
}
}
@media (max-width: 375px){
.wetter-forecast ul li{
width: 25%;
padding: 0 5px;
}
}
.wetter-forecast ul li .direction{
font-size: 20px;
margin-bottom: 10px;
}
@media (max-width: 767px){
.wetter-forecast ul li .direction{
font-size: 18px;
}
}
.wetter-forecast ul li .tempmin{
margin-top: 5px;
padding-top: 5px;
color: #999;
border-top: 1px solid #999;
}
.wetter-forecast ul li [data-symbol]{
display: inline-block;
width: 60px;
height: 60px;
margin-bottom: 10px;
background-size: 100% auto;
}
@media (max-width: 375px){
.wetter-forecast ul li [data-symbol]{
width: 48px;
height: 48px;
}
}
.col-item{
position: relative;
}
.col-item .col-item{
position: absolute !important;
top: 0;
left: 0;
max-width: 100% !important;
margin-left: 0 !important;
flex: 0 0 100% !important;
}
.col-item .col-item.in:parent{
max-width: 28.5714285714%;
flex: 0 0 28.5714285714%;
}
.autocompleteOrte{
box-shadow: 0px 2px 7px rgba(0,0,0,0.15);
}
.autocompleteOrte .ui-state-active{
background: #009640;
border: none;
}
.autocompleteOrte .ui-menu-item-wrapper{
padding-top: 8px;
padding-bottom: 8px;
}
.autocompleteOrte .plz{
font-weight: bold;
}

/* ** [ /src_project/sites/portal/css/3/footer-stripe2.css ] (@import) ** */
.bottombox{
width: 100%;
background-color: #fff;
padding: 1.5em 0;
}
.bottombox:first-child{
margin-top: 1em;
}
.bottombox h2{
font-size: 1.6rem;
font-weight: 500;
margin-top: 0;
margin-bottom: 1.15rem;
padding-top: 0;
text-align: center;
color: #000;
}
.bottombox + .bottombox{
border-top: 1px solid #dcdcdc;
}
.bottombox .row{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.bottombox .row > div{
text-align: center;
}
.bottombox img{
max-height: 57px;
width: auto;
max-width: 100%;
background-position: center !important;
}
@media (max-width: 768px){
.bottombox img{
width: 100%;
margin: 1em 0;
}
}

/* ** [ /src_project/sites/portal/css/3/footer.css ] (@import) ** */
#main-footer{
font-size: 1.4rem;
padding: 4em 0;
color: #606060;
border-top: 1px solid #dcdcdc;
background-color: #fff;
}
#main-footer h2{
font-size: 1.6rem;
font-weight: 500;
margin-top: 0;
padding-top: 0;
color: #000;
}
#main-footer ul{
margin: 0.5em 0 0;
}
#main-footer ul li{
margin: 0;
padding: 0.3em 0;
}
#main-footer ul + h2{
margin: 1em 0 0;
}
#main-footer .arrow-footer a::after{
font-family: "lko" !important;
font-size: 0.5em;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
margin-left: 0.75em;
content: "l";
text-transform: none !important;
color: #9bc3a8;
}
@media (max-width: 767px){
#main-footer{
padding: 2em 0;
}
.main-footer--fullwidth{
text-align: center;
}
.main-footer--fullwidth form{
margin: 2rem auto;
}
.main-footer--fullwidth .text-right{
text-align: center;
}
}
.main-footer--fullwidth{
font-size: 1.4rem;
padding: 2.5rem 0 1.8rem;
color: #606060;
background-color: #dcdcdc;
}
.main-footer--fullwidth h2{
font-size: 1.4rem;
font-weight: 400;
display: inline-block;
margin: 0 1em 0 0;
vertical-align: middle;
}
.main-footer--fullwidth svg{
width: 3.6rem;
height: 3.6rem;
margin-right: 0.5em;
vertical-align: middle;
fill: #606060;
}
.main-footer--fullwidth form{
display: inline-block;
vertical-align: middle;
}
.main-footer--fullwidth input{
line-height: 3.6rem;
float: left;
height: 3.6rem;
padding: 0 1em;
border: medium none;
}
.main-footer--fullwidth input[type=text]{
border-radius: 3px 0 0 3px;
}
.main-footer--fullwidth input[type=submit]{
color: #fff;
border-radius: 0 3px 3px 0;
background-color: #ababab;
}
.main-footer--fullwidth a{
display: inline-block;
margin: 1rem 0;
color: #606060;
}
.main-footer--fullwidth a + a{
margin-left: 2em;
}
@media (max-width: 991px){
.main-footer--fullwidth h2{
margin-right: 0.5rem;
}
.main-footer--fullwidth form{
width: 260px;
}
.main-footer--fullwidth input[type=text]{
width: 60%;
}
.main-footer--fullwidth input[type=submit]{
width: 40%;
}
.columns-3{
column-count: 2;
}
.columns-2{
width: 50%;
column-count: 1;
}
.columns-1{
width: 50%;
column-count: 1;
}
}
@media (max-width: 432px){
.main-footer--fullwidth h2{
display: block;
text-align: center;
}
}
.footer__logo{
margin: 2em 0;
}
.footer__logo img{
display: block;
width: 170px;
margin-bottom: 1rem;
}
.footer__contact{
margin-top: 2em;
}
.footer__links{
margin-top: 3em;
}
.columns-1{
float: left;
width: 33%;
column-count: 1;
}
.columns-2{
float: left;
width: 63%;
column-count: 2;
}
.columns-3{
column-count: 3;
}
link-external::after{
font-size: 0.5em;
margin-left: 0.75em;
color: #9bc3a8;
}
.footer-logo{
margin-top: 1em;
}
.footer-logo img{
width: 100%;
height: auto;
margin-top: 1em;
}

/* ** [ /src_project/sites/portal/css/3/media.css ] (@import) ** */
img{
background-repeat: no-repeat !important;
background-size: contain !important;
}
.visible-md-lg-xs-sm{
display: block !important;
}
.visible-lg-xs{
display: none !important;
}
.visible-md-lg{
display: none !important;
}
.visible-md-lg-xs{
display: none !important;
}
.visible-md-sm{
display: none !important;
}
.visible-md-sm-lg{
display: none !important;
}
.visible-md-sm-xs{
display: none !important;
}
.visible-md-xs{
display: none !important;
}
.visible-sm-lg{
display: none !important;
}
.visible-sm-lg-xs{
display: none !important;
}
.visible-sm-xs{
display: none !important;
}
@media (max-width: 977px){
.visible-sm-xs{
display: block !important;
}
.visible-md-lg img{
background: 0 0 !important;
filter: none !important;
}
}
@media (min-width: 1200px),(min-width: 768px) and (max-width: 977px){
.visible-sm-lg{
display: block !important;
}
}
@media (min-width: 1200px),(max-width: 767px){
.visible-lg-xs{
display: block !important;
}
}
@media (min-width: 768px){
.visible-md-sm-lg{
display: block !important;
}
}
@media (max-width: 767px),(min-width: 978px) and (max-width: 1199px){
.visible-md-xs{
display: block !important;
}
.visible-sm-lg img{
background: 0 0 !important;
filter: none !important;
}
}
@media (min-width: 768px) and (max-width: 977px),(min-width: 1200px){
.visible-md-xs img{
background: 0 0 !important;
filter: none !important;
}
}
@media (max-width: 1199px){
.visible-md-sm-xs{
display: block !important;
}
}
@media (min-width: 1200px){
span.visible-md img{
background: 0 0 !important;
filter: none !important;
}
span.visible-sm img{
background: 0 0 !important;
filter: none !important;
}
span.visible-xs img{
background: 0 0 !important;
filter: none !important;
}
.visible-md-sm-xs img{
background: 0 0 !important;
filter: none !important;
}
}
@media (min-width: 978px){
.visible-md-lg{
display: block !important;
}
.visible-sm-xs img{
background: 0 0 !important;
filter: none !important;
}
}
@media (min-width: 768px) and (max-width: 1199px){
.visible-md-sm{
display: block !important;
}
.visible-lg-xs img{
background: 0 0 !important;
filter: none !important;
}
}
@media (max-width: 767px),(min-width: 1209px){
.visible-md-sm img{
background: 0 0 !important;
filter: none !important;
}
}
@media (max-width: 977px),(min-width: 1200px){
.visible-sm-lg-xs{
display: block !important;
}
}
@media (min-width: 978px) and (max-width: 1199px){
span.visible-lg img{
background: 0 0 !important;
filter: none !important;
}
span.visible-sm img{
background: 0 0 !important;
filter: none !important;
}
span.visible-xs img{
background: 0 0 !important;
filter: none !important;
}
.visible-sm-lg-xs img{
background: 0 0 !important;
filter: none !important;
}
}
@media (min-width: 978px),(max-width: 767px){
.visible-md-lg-xs{
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 977px){
span.visible-lg img{
background: 0 0 !important;
filter: none !important;
}
span.visible-md img{
background: 0 0 !important;
filter: none !important;
}
span.visible-xs img{
background: 0 0 !important;
filter: none !important;
}
.visible-md-lg-xs img{
background: 0 0 !important;
filter: none !important;
}
}
@media (max-width: 767px){
span.visible-lg img{
background: 0 0 !important;
filter: none !important;
}
span.visible-md img{
background: 0 0 !important;
filter: none !important;
}
span.visible-sm img{
background: 0 0 !important;
filter: none !important;
}
.visible-md-sm-lg img{
background: 0 0 !important;
filter: none !important;
}
.channel .row{
margin-right: 0;
margin-left: 0;
}
}
.content-container a.gallery-open-modal{
position: relative;
display: inline-block;
max-width: 100%;
}
.content-container a.gallery-open-modal i{
position: absolute;
right: 5px;
bottom: 5px;
display: block;
width: 25px;
height: 25px;
opacity: 0.9;
background-image:  url(/src_core/img/icon-enlarge.png?_=1761661210);
background-repeat: no-repeat;
background-position: right bottom;
filter: alpha(opacity=90);
}
.content-container a.gallery-open-modal:hover i{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.content-container .mediabox a.gallery-open-modal{
display: table-cell;
}
@media (min-resolution: 1.5dppx){
.content-container a.gallery-open-modal i{
background-image:  url(/src_core/img/icon-enlarge@2x.png?_=1761661210);
background-size: 19px 19px;
}
.fullimage.landscape a.gallery-open-modal i{
background-image:  url(/src_core/img/icon-enlarge@2x.png?_=1761661210);
background-size: 19px 19px;
}
}
.print-image{
display: none !important;
}
.print-image img.box-content span.print-image{
display: none !important;
}
@media print{
.print-image{
display: block !important;
}
.print-image img .box-content span.print-image{
display: block !important;
}
.visible-lg{
display: none !important;
}
.visible-lg img{
display: none !important;
}
.visible-lg-block{
display: none !important;
}
.visible-lg-block img{
display: none !important;
}
.visible-lg-inline{
display: none !important;
}
.visible-lg-inline img{
display: none !important;
}
.visible-lg-inline-block{
display: none !important;
}
.visible-lg-inline-block img{
display: none !important;
}
.visible-md{
display: none !important;
}
.visible-md img{
display: none !important;
}
.visible-md-block{
display: none !important;
}
.visible-md-block img{
display: none !important;
}
.visible-md-inline{
display: none !important;
}
.visible-md-inline img{
display: none !important;
}
.visible-md-inline-block{
display: none !important;
}
.visible-md-inline-block img{
display: none !important;
}
.visible-print{
display: none !important;
}
.visible-print img{
display: none !important;
}
.visible-print-block{
display: none !important;
}
.visible-print-block img{
display: none !important;
}
.visible-print-inline{
display: none !important;
}
.visible-print-inline img{
display: none !important;
}
.visible-print-inline-block{
display: none !important;
}
.visible-print-inline-block img{
display: none !important;
}
.visible-sm{
display: none !important;
}
.visible-sm img{
display: none !important;
}
.visible-sm-block{
display: none !important;
}
.visible-sm-block img{
display: none !important;
}
.visible-sm-inline{
display: none !important;
}
.visible-sm-inline img{
display: none !important;
}
.visible-sm-inline-block{
display: none !important;
}
.visible-sm-inline-block img{
display: none !important;
}
.visible-xs{
display: none !important;
}
.visible-xs img{
display: none !important;
}
.visible-xs-block{
display: none !important;
}
.visible-xs-block img{
display: none !important;
}
.visible-xs-inline{
display: none !important;
}
.visible-xs-inline img{
display: none !important;
}
.visible-xs-inline-block{
display: none !important;
}
.visible-xs-inline-block img{
display: none !important;
}
}
span.re img{
filter: none !important;
}
.fullimage.landscape a.gallery-open-modal{
position: relative;
display: inline-block;
max-width: 100%;
}
.fullimage.landscape a.gallery-open-modal i{
position: absolute;
right: 5px;
bottom: 5px;
display: block;
width: 25px;
height: 25px;
opacity: 0.9;
background-image:  url(/src_core/img/icon-enlarge.png?_=1761661210);
background-repeat: no-repeat;
background-position: right bottom;
filter: alpha(opacity=90);
}
.fullimage.landscape a.gallery-open-modal:hover i{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}

/* ** [ /src_core/sites/portal/css/portal_jbox.css ] (@import) ** */
.jbox-overlay-close,.modal-header .close{

background-image:  url(/src_core/img/portal/close2.png?_=1761661210);
height:46px;
position:absolute;
right:6px;
text-indent:-9999px;
top:9px;
width:46px;
z-index:3500;
display: block;
}
.jbox-overlay-close:hover,.modal-header .close:hover{
background-image:  url(/src_core/img/portal/close2over.png?_=1761661210) !important;
}
.jbox-overlay-close.imageContentView.topright{
cursor: pointer;
top: -22px;
right: -21px;
}
.jbox-overlay-close a{
width: 100%;
height: 100%;
display: block;
}
.jbox-overlay-wrapper{
display: none;
position: fixed;
z-index: 1000;
top: 300px;
left: 400px;
}
.jbox-overlay-container{
background: transparent;
margin : 30px;
width: auto;
height: auto;
}
.jbox-scroll-container{
z-index : 500;
}
.jbox-scroll-control{
z-index : 600;
}
.jbox-scroll-left{
background:  url(/pages/img/digitalworkroom/bg-scrollleft.gif) repeat-y;
width : 22px;
height : 100%;
}
.jbox-scroll-left a{
background:  url(/pages/img/digitalworkroom/arrow-scrollleft.gif) no-repeat center center;
}
.jbox-scroll-right{
background:  url(/pages/img/digitalworkroom/bg-scrollright.gif) repeat-y;
width : 22px;
height : 100%;
}
.jbox-scroll-right a{
background:  url(/pages/img/digitalworkroom/arrow-scrollright.gif) no-repeat center center;
}
.jbox-scroll-up{
background:  url(/pages/img/digitalworkroom/bg-scrollup.gif) repeat-x;
width : 100%;
height : 22px;
}
.jbox-scroll-up a{
background:  url(/pages/img/digitalworkroom/arrow-scrollup.gif) no-repeat center center;
}
.jbox-scroll-down{
background:  url(/pages/img/digitalworkroom/bg-scrolldown.gif) repeat-x;
width : 100%;
height : 22px;
}
.jbox-scroll-down a{
background:  url(/pages/img/digitalworkroom/arrow-scrolldown.gif) no-repeat center center;
}

#search > #results-search .isjbox{
top:-12px!important;
}

/* ** [ /src_core/sites/portal/css/3/modal-slide.css ] (@import) ** */
.modal .carousel-inner .helper-table{
display: table;
width: 100%;
height: 100%}
.modal .carousel-inner .helper-cell{
position: absolute;
display: table-cell;
width: 100%;
height: 100%;
-ms-transform: translate(0,50%);
-o-transform: translate(0,50%);
transform: translate(0,50%);
text-align: center;
vertical-align: middle}
.content-container a.gallery-open-modal{
position: relative;
display: inline-block;
max-width: 100%}
.content-container .mediabox a.gallery-open-modal{
display: table-cell}
.content-container a.gallery-open-modal i{
position: absolute;
right: 5px;
bottom: 5px;
display: block;
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-position: right bottom;
background-image:  url(/src_core/img/icon-enlarge.png?_=1761661210);
opacity: 0.9;
filter: alpha(opacity=90)}
@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3 / 2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5){
.content-container a.gallery-open-modal i{
background-image:  url(/src_core/img/icon-enlarge@2x.png?_=1761661210);
background-size: 19px 19px}}
.content-container a.gallery-open-modal:hover i{
opacity: 0.7;
filter: alpha(opacity=70)}
.box-content .mediabox.img-slide .carousel-inner .helper{
line-height: normal;
position: relative;
display: inline-block;
max-width: 100%;
height: auto}
.box-content .mediabox.img-slide span.re{
line-height: normal}
.modal.in span.hide{
display: inline-block !important}
body.modal-open{
position: fixed;
overflow: hidden;
width: 100%}
.modal .mediabox figure > a,
.modal .mediabox .carousel-control.left,
.modal .mediabox .carousel-control.right{
height: auto}
.modal .mediabox{
height: 100%;
margin: 0;
padding: 10px;
border: none}
.modal .mediabox .slide,
.modal .mediabox .carousel{
height: 100%}
.modal .mediabox .carousel-control .icon-right,
.modal .mediabox .carousel-control .icon-left{
position: absolute}
.modal .mediabox .carousel-control .icon-right{
right: 0}
.modal .mediabox .set-container{
line-height: 15px;
position: absolute}
.modal .mediabox figure,
.box-8 .box-content .modal .mediabox figure,
.modal .mediabox .carousel-inner > .item{
width: auto;
max-width: 100%}
.modal .mediabox figure,
.box-8 .box-content .modal .mediabox figure{
display: inline-block;
float: none;
max-height: 100%;
margin: 0;
background: transparent}
.modal .mediabox .carousel-inner > .item{
z-index: 5;
float: none;
width: 100%;
height: 100%}
.modal .mediabox img{
position: relative;
display: inline-block;
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-ms-border-radius: 5px}
.modal .mediabox .img-container{
font-size: 0;
position: relative;
display: inline;
max-width: 100%;
max-height: 100%}
.modal .mediabox .carousel-inner{
height: 100%;
text-align: center;
background-image:  url(/src_core/img/spinner.gif?_=1761661210);
background-repeat: no-repeat;
background-position: center}
.modal-carousel .modal-body{
position: absolute;
top: 0;
bottom: 0;
display: block;
float: left;
width: 100%;
padding: 0}
.modal-carousel .modal-header{
position: absolute;
display: block;
float: left;
width: 100%;
height: 34px;
padding: 10px 10px 5px 0}
.modal .mediabox .carousel-caption{
font-size: 14px;
line-height: 18px;
position: absolute;
right: 0;
bottom: 0.5px;
left: 0;
zoom: 1;
width: auto;
padding: 4px;
background-color: #fff;
background-color: rgba(255,255,255,0.8);
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff)}
.modal .mediabox .carousel-caption .p-title{
font-weight: bold}
.modal .mediabox .carousel-caption .p-credit{
display: block;
clear: both;
color: #000}
.modal button.close,
.modal .modal-button.download{
float: right}
.modal .modal-functions{
position: absolute;
z-index: 50;
top: 0;
width: 100%;
padding: 7px 0 5px;
border-bottom: 1px solid #646464;
background: transparent;
background: -moz-linear-gradient(top,#e3e3e3 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: -webkit-gradient(left top,left bottom,color-stop(0%,#e3e3e3),color-stop(50%,rgba(0,0,0,0.65)),color-stop(100%,rgba(227,227,227,0.29)));
background: -webkit-linear-gradient(top,#e3e3e3 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: -o-linear-gradient(top,#e3e3e3 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: -ms-linear-gradient(top,#e3e3e3 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: linear-gradient(to bottom,#e3e3e3 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%)}
.modal .modal-button{
font-size: 16px;
font-weight: normal;
line-height: normal;
padding: 3px 5px;
color: #fff;
border: none;
background: transparent;
text-shadow: none;
opacity: 1;
filter: alpha(opacity=100)}
.modal .mediabox .set-container .carousel-indicators li{
margin-top: 0}
.modal-backdrop.in{
opacity: 0.9;
filter: alpha(opacity=90)}
.modal .mediabox .set-container .carousel-indicators{
z-index: 80}
.modal .mediabox .counter{
position: relative;
z-index: 80;
margin-right: 10px;
color: #fff;
text-shadow: 0 1px 1px #000}
.modal .modal-button.download{
display: none;
float: left;
width: 20px;
height: 20px;
margin-right: 15px;
margin-left: 10px;
text-indent: -19999px;
background-image:  url(/src_core/img/modal-download.png?_=1761661210);
background-repeat: no-repeat}
.modal .modal-button.diashow{
width: 26px;
height: 20px;
margin-left: 15px;
text-indent: -19999px;
background-image:  url(/src_core/img/modal-diashow.png?_=1761661210);
background-repeat: no-repeat;
background-position: center}
.modal .modal-button.diashow.active{
background-image:  url(/src_core/img/modal-diashow_active.png?_=1761661210)}
.modal .modal-button.close{
width: 16px;
height: 16px;
margin-top: 3px;
margin-right: 15px;
text-indent: -19999px;
background-image:  url(/src_core/img/modal-close.png?_=1761661210);
background-repeat: no-repeat}
.modal .modal-button.bildtext{
width: 23px;
height: 20px;
margin-right: 15px;
margin-left: 15px;
text-indent: -19999px;
background-image:  url(/src_core/img/modal-bildtext.png?_=1761661210);
background-repeat: no-repeat}
.modal .modal-button.bildtext.active{
background-image:  url(/src_core/img/modal-bildtext_active.png?_=1761661210)}

.modal .viewer{
position: relative;
top: 0;
height: 100%}
.modal .zoom-on .modal-button.diashow,
.modal .zoom-on .modal-button.download,
.modal .zoom-on .modal-button.bildtext,
.modal .zoom-on .set-container{
cursor: auto;
opacity: 0.5}
.modal .zoom-on .modal-button.zoom-btn{
display: none}
.modal .modal-button.zoom-btn{
width: 29px;
height: 25px;
margin-left: 30px;
text-indent: -199999px;
background-image:  url(/src_core/img/zoom.png?_=1761661210)}
.modal-button.zoom{
position: relative;
top: -4px;
display: inline-block;
height: 35px;
margin: -1px 0 -10px 15px;
padding: 2px 6px;
border: 2px solid #fff;
background: rgba(0,0,0,0.4);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-ms-border-radius: 3px}
.modal .zoom a{
font-weight: bold;
position: relative;
display: inline-block;
margin-right: 15px;
padding: 0;
color: white;
background-repeat: no-repeat;
background-position: center center}
.modal .zoom #in{
width: 25px;
height: 25px;
text-indent: -199999px;
background-image:  url(/src_core/img/zoom-in.png?_=1761661210)}
.modal .zoom #out{
width: 25px;
height: 25px;
text-indent: -199999px;
background-image:  url(/src_core/img/zoom-out.png?_=1761661210)}
.modal .zoom #orig{
width: 25px;
height: 25px;
text-indent: -199999px;
background-image:  url(/src_core/img/zoom-orig.png?_=1761661210)}
.modal .zoom #fit{
width: 25px;
height: 25px;
text-indent: -199999px;
background-image:  url(/src_core/img/zoom-fit.png?_=1761661210)}
.modal .zoom #close{
width: 25px;
height: 25px;
margin-right: 0;
text-indent: -199999px;
background-image:  url(/src_core/img/modal-close.png?_=1761661210);
background-size: auto}
.modal .mediabox .viewer img{
position: relative !important;
max-height: inherit}
.modal .zoom-on .mediabox .carousel-inner,
.modal .mediabox .carousel-inner.zoom-on{
background: transparent}
.modal img.reader-mode{
position: relative !important;
max-width: none;
cursor: move;
transform: translate(0,0) !important}
.modal div.img-container.viewer{
position: relative;
top: 0;
max-width: inherit;
height: 100%;
max-height: inherit}
.modal div.img-container.viewer .carousel-caption{
display: none}
@media (min-width: 980px){
.modal .modal-functions{
padding: 7px 0}
.modal .mediabox .set-container{
top: 5px}
.modal .modal-button.bildtext{
width: 29px;
height: 25px;
background-image:  url(/src_core/img/modal-bildtext-big.png?_=1761661210)}
.modal .modal-button.bildtext.active{
background-image:  url(/src_core/img/modal-bildtext_active-big.png?_=1761661210)}
.modal .modal-button.download{
width: 25px;
height: 25px;
background-image:  url(/src_core/img/modal-download-big.png?_=1761661210)}
.modal .modal-button.close{
width: 21px;
height: 21px;
background-image:  url(/src_core/img/modal-close-big.png?_=1761661210)}
.modal .modal-button.diashow{
width: 33px;
height: 25px;
background-image:  url(/src_core/img/modal-diashow-big.png?_=1761661210)}
.modal .modal-button.diashow.active{
background-image:  url(/src_core/img/modal-diashow_active-big.png?_=1761661210)}}
@media (max-width: 979px){
.modal .zoom a{
width: 20px !important;
height: 20px !important;
background-size: 100% auto}
.modal .modal-button.zoom{
height: 30px}
.modal .modal-button.zoom-btn{
width: 23px;
height: 20px;
background-size: 100% auto}}
@media (max-width: 767px){
.modal .mediabox .set-container{
top: 40px}}
@media (orientation: landscape) and (max-width: 767px){
.modal .modal-functions{
right: 0;
width: 33px;
height: 100%;
padding: 0 5px;
border-bottom: none;
border-left: 1px solid #646464;
background: -moz-linear-gradient(left,#5e5e5e 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: -webkit-gradient(linear,left top,right top,color-stop(0%,#5e5e5e),color-stop(50%,rgba(0,0,0,0.65)),color-stop(100%,rgba(227,227,227,0.29)));
background: -webkit-linear-gradient(left,#5e5e5e 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: -o-linear-gradient(left,#5e5e5e 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: -ms-linear-gradient(left,#5e5e5e 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: linear-gradient(to right,#5e5e5e 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%)}
.modal .modal-button{
display: block;
clear: both;
margin: 0 0 10px 0 !important}
.modal .mediabox .set-container{
top: 0}
.modal .modal-functions .group-1{
position: relative;
top: 5px;
right: 3px}
.modal .modal-functions .group-2{
position: absolute;
bottom: 25px}
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
z-index: 200}
.modal .mediabox{
padding: 10px 40px 10px 10px}
.modal .mediabox .set-container{
top: 0}
.modal .zoom a{
top: inherit;
display: block;
float: left;
margin: 0 0 10px !important}
.modal .zoom #close{
margin-top: 10px !important}
.modal .modal-button.zoom{
top: inherit;
left: -2px;
display: inline-block;
height: auto;
padding: 2px}}

/* ** [ /src_project/sites/portal/css/3/mediabox.css ] (@import) ** */
.mediabox{
margin-bottom: 25px}
.mediabox:before,.mediabox:after{
content: " ";
display: table}
.mediabox:after{
clear: both}
.mediabox .media-content{
display: block;
float: left;
width: 100%;
margin-top: -1px;
padding: 10px;
border-radius: 0 0 2px 2px;
background-color: #fff;
-webkit-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc}

.fullimage a.gallery-open-modal{
position: relative;
display: inline-block;
clear: both}
.fullimage a.gallery-open-modal i{
position: absolute;
z-index: 500;
right: 5px;
bottom: 5px;
display: block;
width: 25px;
height: 25px;
opacity: 0.9;
background-image:  url(/src_core/img/icon-enlarge.png?_=1761661210);
background-repeat: no-repeat;
background-position: right bottom}
.box-content .mediabox.img-slide .carousel-inner .helper{
line-height: normal;
position: relative;
display: inline-block;
max-width: 100%;
height: auto}
.box-content .mediabox.img-slide span.re{
line-height: normal}
.box.box-8 .box-content .mediabox .media-content figure{
display: block;
width: 100%}
.box .mediabox figure{
margin-bottom: 25px}
.box .mediabox figure img{
border-radius: 0}
.box.box-8.content .mediabox header{
position: relative;
z-index: 200;
min-height: inherit;
margin: 0}
.box.box-8.content .mediabox header h4{
font-size: 13px;
line-height: 16px;
position: relative;
z-index: 100;
float: left;
margin-right: 2px;
padding: 7px 8px 5px;
border-radius: 2px 2px 0 0;
background-color: #ebebeb;
-webkit-box-shadow: 0 -2px 2px #ccc;
box-shadow: 0 -2px 2px #ccc}
.box.box-8.content .mediabox header h4.on{
border-bottom: 1px solid #fff;
background-color: #fff}
.mediabox .counterbox{
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 15px}
.mediabox .counter{
font-size: 12px;
font-weight: bold;
line-height: 14px;
position: absolute;
bottom: 0;
display: none;
float: left}
.mediabox .counter.on{
display: block}
.mediabox .setarea{
float: right}
.mediabox .setarea a{
line-height: 23px;
display: block;
float: left;
width: 23px;
height: 23px;
text-align: center;
text-decoration: none;
border: 1px solid #c2c2c2}
.mediabox .setarea a.settab.on{
font-weight: bold;
color: #007E46;
background-color: #dfdfdf}
.mediabox .setarea .left,
.mediabox .setarea .right,
.mediabox .setarea .setcontainer{
float: left}
.mediabox .setarea .left{
border-radius: 3px 0 0 3px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% center;
background-image:  url(/src_project/img/portal/icon-pagination-prev.png.png)}
@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3 / 2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5){
.mediabox .setarea .left{
background-image:  url(/src_project/img/portal/icon-pagination-prev.png@2x.png);
background-size: 11px 12px}}
.mediabox .setarea .right{
border-radius: 0 3px 3px 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% center;
background-image:  url(/src_project/img/portal/icon-pagination-next.png.png)}
@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3 / 2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5){
.mediabox .setarea .right{
background-image:  url(/src_project/img/portal/icon-pagination-next.png@2x.png);
background-size: 11px 12px}}

.box-content .mediabox.img-slide{
display: block;
float: left;
width: 100%;
padding: 0 10px 0;
border: 1px solid #c2c2c2;
border-radius: 2px;
background: #fff}
.box-content .mediabox.img-slide:before,.box-content .mediabox.img-slide:after{
content: " ";
display: table}
.box-content .mediabox.img-slide:after{
clear: both}
.mediabox.img-slide .carousel-control.right{
right: 0;
margin-top: 0}
.mediabox.img-slide .carousel-control{
width: 15%}
.mediabox.img-slide .carousel-control.left{
left: 0;
margin-top: 0}
.mediabox .carousel-inner{
display: block;
float: left;
clear: both;
width: 100%}
.mediabox .slide{
position: relative;
display: block;
float: left;
width: 100%}
.mediabox.img-slide figcaption{
display: block;
float: left;
clear: both;
width: 100%;
padding: 0 8px}
.mediabox.img-slide .carousel-inner > .item{
float: left;
width: 100%}
.box-8 .box-content .mediabox figure{
display: table;
width: 100%;
margin: 0 0 10px 0;
table-layout: fixed;
text-align: center}
.mediabox .carousel-caption{
font-size: 12px;
line-height: 16px;
position: relative;
right: 0;
bottom: inherit;
left: 0;
display: block;
float: left;
width: 100%;
padding: 0 0 10px;
color: #272727;
text-shadow: none}
.modal .mediabox .carousel-caption{
padding: 2px 4px;
color: #000000}
.mediabox figure > a{
display: table-cell;
vertical-align: middle}
.mediabox figure > a,
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
height: 210px}
.mediabox figure > a{
line-height: 210px}
.mediabox figure img{
max-height: 100%}
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
z-index: 11;
top: 27px;
text-decoration: none;
color: #fff}
.mediabox .set-container{
position: relative;
display: block;
float: left;
width: 100%;
text-align: center}
.mediabox .set-container .carousel-control.left,
.mediabox .set-container .carousel-control.right{
position: relative;
display: inline-block;
width: auto}
.mediabox .set-container .carousel-indicators{
position: relative;
bottom: inherit;
left: inherit;
display: inline-block;
width: auto;
margin: 0;
color: #272727}
.mediabox .set-container .carousel-indicators .active{
width: 10px;
height: 10px;
border: 1px solid #004b2a;
background: #007E46}
.mediabox .set-container .carousel-indicators li{
line-height: 12px;
margin-top: 8px;
text-indent: -9999px;
border: 1px solid #c2c2c2;
background: white}
.mediabox .set-container .counter{
font-size: 14px;
position: relative;
top: -3px;
margin-right: 10px}
.mediabox .carousel-control .icon-right,
.mediabox .carousel-control .icon-left{
position: relative;
top: 50%;
margin-top: -33px}
.mediabox .carousel-control .icon-right{
margin-right: 10px}
.mediabox .carousel-control .icon-left{
margin-left: 10px}
.box.box-8.content .mediabox.img-slide header{
position: relative;
z-index: 200;
min-height: inherit;
margin: 0}
.box.box-8.content .mediabox header h4{
line-height: 16px;
position: relative;
z-index: 100;
float: left;
padding: 5px 8px;
border: 1px solid #c2c2c2;
border-bottom: none;
border-radius: 2px 2px 0 0;
background-color: #fff}
.box.box-8.content .mediabox header h4.on{
border-bottom: 1px solid #fff;
background-color: #fff}
.mediabox .counterbox{
position: relative;
display: block;
float: left;
width: 100%;
margin-bottom: 8px}
.mediabox.img-slide .set-container .counter{
display: inline;
float: none}

.img-slide .carousel-control.left,
.img-slide .carousel-control.right{
font-size: 40px;
background-image: none;
filter: none}
.img-slide .carousel-control.left{
text-align: left}
.img-slide .carousel-control.right{
text-align: right}
@media (min-width: 1200px){
.mediabox figure > a,
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
height: 360px}
.mediabox figure > a{
line-height: 360px}
.mediabox .re.visible-lg{
display: inline !important}
.box-content .mediabox{
min-height: 440px}}
@media (max-width: 1199px) and (min-width: 978px){
.mediabox figure > a,
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
height: 280px}
.mediabox figure > a{
line-height: 280px}
.mediabox .re.visible-md{
display: inline !important}
.box-content .mediabox{
min-height: 360px}}
@media (min-width: 768px) and (max-width: 977px){
.mediabox .re.visible-sm{
display: inline !important}}
@media (max-width: 767px){
.mediabox .re.visible-xs{
display: inline !important}}

.mediabox.tabbox .media-content header{
display: block;
margin: 4px 0 8px;
white-space: normal;
word-wrap: break-word}
.mediabox.tabbox .media-content header h4{
font-size: 21px;
line-height: 22px}
.mediabox.tabbox .no-bg figcaption,
.mediabox.tabbox.tabbox105 .no-bg figcaption,
.mediabox.tabbox.tabbox101 .no-bg figcaption{
display: none}

.channel105{
min-height: 250px}
.channel105 .portrait figcaption,
.channel105 .portrait .img-container{
width: auto !important;
text-align: left !important}
.mediabox.tabbox.tabbox105 .media-content header{
margin-bottom: 5px}
.mediabox.tabbox.tabbox105 .img-container{
display: table-cell;
width: 50%;
vertical-align: middle}
.mediabox.tabbox.tabbox105 .landscape .img-container img{
width: 100%}
.mediabox.tabbox.tabbox105 figure{
background-color: #f6f6f6}
.mediabox.tabbox.tabbox105 figcaption{
display: table-cell;
width: 50%;
margin-top: 0;
padding: 10px 8px 10px 15px;
text-align: left;
vertical-align: middle}
.mediabox.tabbox.tabbox105 figcaption h1{
font-size: 16px;
line-height: 18px;
margin: 0 0 5px 0}

.span12 .channel105{
min-height: 250px}
.span12 .mediabox.tabbox.tabbox105 figure{
background-color: #fff}
.span12 .mediabox.tabbox.tabbox105 .img-container{
display: table-cell;
width: 100%;
vertical-align: middle}
.span12 .mediabox.tabbox.tabbox105 .landscape .img-container img{
width: 100%}

.mediabox.tabbox.tabbox102 .media-content{
padding: 10px}
.mediabox.tabbox.tabbox102 header.hidden-phone{
padding: 5px 10px;
border: 1px solid #c2c2c2;
-webkit-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc}
.mediabox.tabbox.tabbox102 header.hidden-phone #gradient{
background-image: -webkit-linear-gradient(top,#fff 0%,#B8B8B8 100%);
background-image: -o-linear-gradient(top,#fff 0%,#B8B8B8 100%);
background-image: linear-gradient(to bottom,#fff 0%,#B8B8B8 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFB8B8B8',GradientType=0)}
.mediabox.tabbox.tabbox102 figcaption{
text-align: left}
.mediabox.tabbox.tabbox102 figcaption h1{
font-size: 16px;
line-height: 18px;
margin: 15px 0 0}
.mediabox.tabbox.tabbox102 header.hidden-phone h4{
display: none}
.mediabox.tabbox.tabbox102 header.hidden-phone h4.on{
display: block}
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition{
table-layout: fixed}
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition > a{
display: table-cell;
height: 520px;
text-align: left;
vertical-align: middle}
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition > figcaption h1{
margin: 0}
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition > figcaption{
display: table-cell;
padding-left: 15px;
vertical-align: middle}

.mediabox.tabbox.tabbox101 .media-content header{
margin-bottom: 5px}
.mediabox.tabbox.tabbox101 figure{
background-color: #F6F6F6}
.mediabox.tabbox.tabbox101 figcaption{
margin-top: 0;
padding: 8px;
text-align: left}
.mediabox.tabbox.tabbox101 figcaption h1{
font-size: 16px;
line-height: 18px;
margin: 0 0 5px 0}

.channel100 .portrait figcaption,
.channel100 .portrait .img-container{
width: auto !important;
text-align: left !important}
.mediabox.tabbox.tabbox100 .media-content header{
margin-bottom: 5px}
.mediabox.tabbox.tabbox100 .img-container{
display: table-cell;
width: 50%;
vertical-align: middle}
.mediabox.tabbox.tabbox100 .landscape .img-container img{
width: 100%}
.mediabox.tabbox.tabbox100 figure{
background-color: #F6F6F6}
.mediabox.tabbox.tabbox100 figcaption{
display: table-cell;
width: 50%;
margin-top: 0;
padding: 10px 8px 10px 15px;
text-align: left;
vertical-align: middle}
.mediabox.tabbox.tabbox100 figcaption h1{
font-size: 16px;
line-height: 18px;
margin: 0 0 5px 0}

.mediabox.tabbox.tabbox99 .media-content header{
margin-bottom: 5px}
.mediabox.tabbox.tabbox99 .img-container{
display: table-cell}
.mediabox.tabbox.tabbox99 .portrait .img-container a{
display: block}
.mediabox.tabbox.tabbox99 .portrait .img-container img{
width: auto;
max-width: inherit;
max-height: 350px}
.mediabox.tabbox.tabbox99 figure{
background-color: #F6F6F6}
.mediabox.tabbox.tabbox99 figcaption{
display: table-cell;
margin-top: 0;
padding: 10px 8px 10px 15px;
text-align: left;
vertical-align: middle}
.mediabox.tabbox.tabbox99 figcaption h1{
font-size: 16px;
line-height: 18px;
margin: 0 0 5px 0}
.mediabox.tabbox.tabbox99 .media-content,
.mediabox.tabbox.tabbox100 .media-content,
.mediabox.tabbox.tabbox101 .media-content{
margin-top: 0}

.content-container .media-content .movie{
margin-bottom: 0 !important;
padding: 8px;
border: 1px solid #c2c2c2;
background: #fff}
.content-container .media-content .movie a{
text-align: right;
text-decoration: none}
.content-container .media-content .movie a:hover{
text-decoration: underline}
.box.box-8 .box-content .media-content figure.movie.fullimage.landscape{
display: block;
margin-bottom: 25px}

.media-content.thumb{
display: inline-block;
width: auto !important}
.content-container .thumb ul{
margin: 0;
padding: 0;
list-style: none outside none}
.content-container .thumb li{
float: left;
margin: 0 5px 0 0;
padding: 0}
.content-container .thumb li:last-child{
margin: 0}
.content-container .thumb .caption{
font-size: 11px;
line-height: 12px;
margin-top: 5px}
#thumbdisplay{
display: inline-block;
float: left}
figure.thumb,
.box.box-8 .box-content .mediabox .media-content figure.thumb{
float: left;
width: 131px;
height: auto;
margin: 0;
padding: 0}
figure.thumb a{
display: table-cell;
width: 134px;
height: 134px;
text-align: center;
vertical-align: middle;
border-radius: 2px;
background-color: #F6F6F6}

.carousel-caption{
color: #000000;
background: #fff;
background: rgba(255,255,255,0.6)}
.carousel-caption h4,
.carousel-caption p{
color: #000000}
.carousel-control{
font-size: 140px;
line-height: 70px;
top: 50%;
width: auto;
height: auto;
margin-top: -41px;
text-decoration: none;
color: #007E46;
border: none;
background: none}
.box .carousel-control:hover,
.box .carousel-control:focus,
.box .carousel-control:active{
text-decoration: none;
opacity: 0.5}
.carousel-control.right{
right: -15px}
.carousel-control.left{
left: -15px}
.carousel .img-item{
position: relative;
display: block}
.carousel .left-control{
position: absolute;
top: 0;
display: block;
float: left;
width: 50%;
height: 100%}
.carousel .right-control{
position: absolute;
top: 0;
right: 0;
display: block;
float: left;
width: 50%;
height: 100%}
.carousel .right-control a,
.carousel .left-control a{
display: block;
width: 100%;
height: 100%;
text-decoration: none;
-webkit-tap-highlight-color: transparent;

-webkit-tap-highlight-color: transparent}
.box .carousel .right-control a:hover,
.box .carousel .left-control a:hover,
.box .carousel .left-control a:active,
.box .carousel .right-control a:focus,
.box .carousel .left-control a:focus,
.box .carousel .left-control a:active{
text-decoration: none !important;
background: none;
-webkit-tap-highlight-color: transparent;

-webkit-tap-highlight-color: transparent}
@media (max-width: 540px){
.mediabox .counter{
position: relative;
width: 100%;
margin-bottom: 5px}
.mediabox .setarea{
display: block;
float: left}}
@media (min-width: 980px){
.mediabox.tabbox.tabbox102 .media-content{
min-height: 550px}}
@media (min-width: 768px) and (max-width: 979px){
.mediabox.tabbox.tabbox102 .media-content{
min-height: 435px}
.content-container .thumb ul{
display: table-row}
.content-container .thumb li{
display: table-cell;
float: none;
vertical-align: top}
figure.thumb{
width: auto}
.content-container .thumb li .thumb{
margin-right: 5px}
.content-container .thumb li:last-child .thumb{
margin-right: 0}
.box.box-8 .box-content .mediabox .media-content figure.thumb{
width: 130px;
margin: 0 8px 8px 0 !important}}
@media (max-width: 979px){
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition > figcaption{
width: 50%}
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition > a{
width: 50%;
height: 435px}
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition img{
width: 100%}}
@media (max-width: 767px){
.content-container .thumb ul{
display: block;
float: none;
margin-right: 5px}
.mediabox figure > a,
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
height: 100%}
.mediabox figure > a{
line-height: normal}
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
top: 0}
.box.box-8 .box-content .media-content figure.movie{
display: block;
float: none;
width: 100%}
.movie iframe{
max-width: 100%;
}
.content-container .thumb li:last-child{
margin: 0 5px 0 0}
.mediabox.tabbox.tabbox102 .fullimage.transition{
height: 100%}
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition > a{
height: inherit}
.mediabox.tabbox.tabbox99 .media-content,
.mediabox.tabbox.tabbox99 figure{
display: inline-block;
float: left;
width: 100%}
.mediabox.tabbox.tabbox99 .img-container,
.mediabox.tabbox.tabbox99 figcaption{
display: block;
float: left;
width: 50%}
.mediabox.tabbox.tabbox99 .channel100 .portrait figcaption,
.mediabox.tabbox.tabbox99 .channel100 .portrait .img-container{
width: 50%}
.mediabox.tabbox.tabbox99 .portrait .img-container img{
max-height: inherit}
.mediabox.tabbox.tabbox99 .channel100 .img-container,
.mediabox.tabbox.tabbox99 .channel100 figcaption{
width: 100%}
.mediabox.tabbox.tabbox99 figcaption,
.mediabox.tabbox.tabbox100 figcaption{
padding: 10px 8px}
.mediabox.tabbox.tabbox100 figcaption,
.mediabox.tabbox.tabbox100 .img-container{
display: block;
width: 100%}
.mediabox.tabbox.tabbox100 .landscape .img-container img{
width: inherit}
.span12 .channel105,
.channel105{
min-height: 150px}}
@media (max-width: 570px){
.carousel-caption{
position: static}}
@media (max-width: 500px){
.mediabox figure > a{
display: block;
float: left;
width: 100%;
height: auto}
.box-8 .box-content .mediabox figure{
display: block;
float: left;
width: 100%}
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
top: 0 !important;
height: 100% !important}
.mediabox .carousel-control .icon-right,
.mediabox .carousel-control .icon-left{
position: absolute;
top: 50%;
margin-top: -20px}
.mediabox .carousel-control .icon-right{
right: 10px}}
@media all and (transform-3d),(-webkit-transform-3d){
.carousel-inner > .item{
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right{
left: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left{
left: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active{
left: 0;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)}}

@media (max-width: 568px){
#lightbox .sidebar-wrapper{
width: 100%;
height: auto;
float: none;
position: relative;
text-align: center}
#lightbox .asset-wrapper{
width: 100%;
height: auto;
float: none;
position: relative;
text-align: center}
#lightbox .thumbs-wrapper{
width: 100%;
height: auto;
float: none;
position: relative;
text-align: center}
#lightbox .modalbox{
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important}
#lightbox .modalbox .nav-controls a{
display: none !important}
#lightbox.modalbox .nav-controls{
display: none !important}
.modalbox .sidebar{
position: relative;
padding: 2%}
.modalbox .caption{
line-height: 1.3em;
font-size: 1.3em}
.modalbox .asset-links ul{
margin: 15px 0;
padding: 0}
.modalbox .asset-links li{
float: none !important;
margin: 0;
padding: 0}
.modalbox .asset-desc{
height: auto}
.modalbox .asset img{
max-width: 100% !important;
width: 100% !important;
height: auto !important}
.jbox-overlay-container{
width: 97% !important;
margin-left: auto !important;
margin-right: auto !important;
left: 0.5% !important;
right: auto !important}
.jbox-overlay-wrapper{
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
left: 0 !important;
right: 0 !important}}
.modalbox .sidebar-wrapper .button{
padding-right: 15px}

/* ** [ /src_project/sites/portal/css/3/vendor.css ] (@import) ** */
.SumoSelect p{
margin: 0;
}
.SumoSelect{
width: 200px;
}
.SelectBox{
padding: 5px 8px;
}
.sumoStopScroll{
overflow: hidden;
}

.SumoSelect .hidden{
display: none;
}
.SumoSelect .search-txt{
display: none;
outline: none;
}
.SumoSelect .no-match{
display: none;
padding: 6px;
}
.SumoSelect.open .search-txt{
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0;
padding: 5px 8px;
border: none;
box-sizing: border-box;
border-radius: 5px;
}
.SumoSelect.open > .search > span,.SumoSelect.open > .search > label{
visibility: hidden;
}

.SelectClass,.SumoUnder{
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border: none;
box-sizing: border-box;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.SelectClass{
z-index: 1;
}
.SumoSelect > .optWrapper > .options li.opt label,.SumoSelect > .CaptionCont,.SumoSelect .select-all > label{
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
.SumoSelect{
display: inline-block;
position: relative;
outline: none;
}
.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont,.SumoSelect.open > .CaptionCont{
box-shadow: 0 0 2px #7799D0;
border-color: #7799D0;
}
.SumoSelect > .CaptionCont{
position: relative;
border: 1px solid #A4A4A4;
min-height: 14px;
background-color: #fff;
border-radius: 2px;
margin: 0;
}
.SumoSelect > .CaptionCont > span{
display: block;
padding-right: 30px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: default;
}

.SumoSelect > .CaptionCont > span.placeholder{
color: #ccc;
font-style: italic;
}
.SumoSelect > .CaptionCont > label{
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30px;
}
.SumoSelect > .CaptionCont > label > i{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=");
background-position: center center;
width: 16px;
height: 16px;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-repeat: no-repeat;
opacity: 0.8;
}
.SumoSelect > .optWrapper{
display: none;
z-index: 1000;
top: 30px;
width: 100%;
position: absolute;
left: 0;
box-sizing: border-box;
background: #fff;
border: 1px solid #ddd;
box-shadow: 2px 3px 3px rgba(0,0,0,0.11);
border-radius: 3px;
overflow: hidden;
}
.SumoSelect.open > .optWrapper{
top: 35px;
display: block;
}
.SumoSelect.open > .optWrapper.up{
top: auto;
bottom: 100%;
margin-bottom: 5px;
}
.SumoSelect > .optWrapper ul{
list-style: none;
display: block;
padding: 0;
margin: 0;
overflow: auto;
}
.SumoSelect > .optWrapper > .options{
border-radius: 2px;
position: relative;

max-height: 250px;

}
.SumoSelect > .optWrapper.okCancelInMulti > .options{
border-radius: 2px 2px 0 0;
}
.SumoSelect > .optWrapper.selall > .options{
border-radius: 0 0 2px 2px;
}
.SumoSelect > .optWrapper.selall.okCancelInMulti > .options{
border-radius: 0;
}
.SumoSelect > .optWrapper > .options li.group.disabled > label{
opacity: 0.5;
}
.SumoSelect > .optWrapper > .options li ul li.opt{
padding-left: 22px;
}
.SumoSelect > .optWrapper.multiple > .options li ul li.opt{
padding-left: 50px;
}
.SumoSelect > .optWrapper.isFloating > .options{
max-height: 100%;
box-shadow: 0 0 100px #595959;
}
.SumoSelect > .optWrapper > .options li.opt{
padding: 6px 6px;
position: relative;
border-bottom: 1px solid #f5f5f5;
}
.SumoSelect > .optWrapper > .options > li.opt:first-child{
border-radius: 2px 2px 0 0;
}
.SumoSelect > .optWrapper.selall > .options > li.opt:first-child{
border-radius: 0;
}
.SumoSelect > .optWrapper > .options > li.opt:last-child{
border-radius: 0 0 2px 2px;
border-bottom: none;
}
.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child{
border-radius: 0;
}
.SumoSelect > .optWrapper > .options li.opt:hover{
background-color: #E4E4E4;
}
.SumoSelect > .optWrapper > .options li.opt.sel,.SumoSelect .select-all.sel{
background-color: #a1c0e4;
}
.SumoSelect > .optWrapper > .options li label{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
cursor: pointer;
}
.SumoSelect > .optWrapper > .options li span{
display: none;
}
.SumoSelect > .optWrapper > .options li.group > label{
cursor: default;
padding: 8px 6px;
font-weight: bold;
}

.SumoSelect > .optWrapper.isFloating{
position: fixed;
top: 0;
left: 0;
right: 0;
width: 90%;
bottom: 0;
margin: auto;
max-height: 90%;
}

.SumoSelect > .optWrapper > .options li.opt.disabled{
background-color: inherit;
pointer-events: none;
}
.SumoSelect > .optWrapper > .options li.opt.disabled *{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.SumoSelect > .optWrapper.multiple > .options li.opt{
padding-left: 35px;
cursor: pointer;
}
.SumoSelect > .optWrapper.multiple > .options li.opt span,
.SumoSelect .select-all > span{
position: absolute;
display: block;
width: 30px;
top: 0;
bottom: 0;
margin-left: -35px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i{
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 14px;
height: 14px;
border: 1px solid #AEAEAE;
border-radius: 2px;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
background-color: #fff;
}
.SumoSelect > .optWrapper > .MultiControls{
display: none;
border-top: 1px solid #ddd;
background-color: #fff;
box-shadow: 0 0 2px rgba(0,0,0,0.13);
border-radius: 0 0 3px 3px;
}
.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls{
display: block;
margin-top: 5px;
position: absolute;
bottom: 0;
width: 100%;
}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls{
display: block;
}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p{
padding: 6px;
}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus{
box-shadow: 0 0 2px #a1c0e4;
border-color: #a1c0e4;
outline: none;
background-color: #a1c0e4;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p{
display: inline-block;
cursor: pointer;
padding: 12px;
width: 50%;
box-sizing: border-box;
text-align: center;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover{
background-color: #f1f1f1;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk{
border-right: 1px solid #DBDBDB;
border-radius: 0 0 0 3px;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel{
border-radius: 0 0 3px 0;
}

.SumoSelect > .optWrapper.isFloating > .options li.opt{
padding: 12px 6px;
}

.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt{
padding-left: 35px;
}
.SumoSelect > .optWrapper.multiple.isFloating{
padding-bottom: 43px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i{
background-color: rgb(17,169,17);
box-shadow: none;
border-color: transparent;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC");
background-repeat: no-repeat;
background-position: center center;
}

.SumoSelect.disabled{
opacity: 0.7;
cursor: not-allowed;
}
.SumoSelect.disabled > .CaptionCont{
border-color: #ccc;
box-shadow: none;
}

.SumoSelect .select-all{
border-radius: 3px 3px 0 0;
position: relative;
border-bottom: 1px solid #ddd;
background-color: #fff;
padding: 8px 0 3px 35px;
height: 20px;
cursor: pointer;
}
.SumoSelect .select-all > label,.SumoSelect .select-all > span i{
cursor: pointer;
}
.SumoSelect .select-all.partial > span i{
background-color: #ccc;
}

.SumoSelect > .optWrapper > .options li.optGroup{
padding-left: 5px;
text-decoration: underline;
}
.reset-all{
padding: 5px 10px 5px 35px;
border-bottom: 1px solid #CDCDCD;
}
.SumoSelect[is-selected=false] .reset-all{
opacity: 0.5;
pointer-events: none;
}
.SumoSelect[is-selected=true] .reset-all{
opacity: 1;
cursor: pointer;
color: #7799D0;
}
.SumoSelect[is-selected=true] .reset-all *{
cursor: pointer;
}
.SumoSelect[is-selected=true] .reset-all:hover{
color: black;
}
.back-to-top{
border-radius: 100px;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
background: #007E46;
width: 46px;
height: 46px;
display: inline-flex;
justify-content: center;
align-items: center;
position: fixed;
right: 1rem;
z-index: 600;
bottom: 5%;
padding: 0;
line-height: 1;
}
.back-to-top span{
font-style: normal;
font-size: 16px;
line-height: 1;
}
.back-to-top span:before{
color: white;
}
@media (max-width: 767px){
.back-to-top{
bottom: 1rem;
}
}
.back-to-top:hover,.back-to-top:focus{
background: rgb(0,75,41.6666666667);
text-decoration: none !important;
}
.anchor-links{
border-bottom: 1px solid #dcdcdc;
min-height: 93px;
}
.anchor-links .achor-links-list{
display: inline-flex;
align-items: flex-end;
flex-wrap: wrap;
}
.anchor-links .achor-links-list li a{
display: inline-flex;
align-items: flex-end;
line-height: 1.15;
}
.anchor-links .achor-links-list li a svg{
display: inline-block;
width: auto;
height: 25px;
margin-right: 0.25em;
vertical-align: middle;
fill: #5c5c5b;
}
.anchor-links .achor-links-list li a svg.getreide{
height: 25px;
}
.anchor-links .achor-links-list li a svg.kartoffel{
height: 20px;
}
.anchor-links .achor-links-list li a svg.soja{
height: 21px;
}
.anchor-links .achor-links-list li a svg.raps{
height: 28px;
}
@media (min-width: 992px){
#main-navigation .dropdown.active > a{
position: relative;
}
#main-navigation .dropdown.active > a:after,#main-navigation .dropdown.active > a:before{
position: absolute;
content: " ";
bottom: -1px;
left: 50%;
margin-left: -3px;
}
#main-navigation .dropdown.active > a:after{
width: 0px;
height: 0px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #f4f4f4;
}
#main-navigation .dropdown.active > a:before{
width: 0px;
height: 0px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #cbc8c8;
margin-left: -5px;
}
}
.content-list .section-header h3{
display: inline-flex;
align-items: center;
}
.content-list .section-header svg{
display: inline-block;
width: auto;
height: 30px;
margin-right: 0.25em;
vertical-align: middle;
fill: #5c5c5b;
}
.content-list .section-header svg.soja{
width: 30px;
height: 25px;
}
.content-list .story-menu{
width: 100%;
}
.content-list .story-menu li.headline{
margin-bottom: 0 !important;
}
.content-list .story-menu li.headline header{
margin: 0;
}
.content-list .story-menu li.headline header h4{
margin-bottom: 0;
font-size: 16px;
display: inline-flex;
align-items: flex-end;
line-height: 1.15;
}
.content-list .story-menu li.headline header h4 svg{
display: inline-block;
width: auto;
height: 25px;
margin-right: 0.25em;
vertical-align: middle;
fill: #5c5c5b;
}
.content-list .story-menu li.headline header h4 svg.getreide{
height: 20px;
margin-right: 12px;
}
.content-list .story-menu article figure{
padding-right: 0;
width: 100% !important;
max-width: 100% !important;
}
.content-list .story-menu article figure img{
margin-right: 0;
}
@media (max-width: 768px){
.content-list .item > .container > .row{
margin-left: -5px;
margin-right: -5px;
}
.content-list .item > .container > .row .col-xs-1,
.content-list .item > .container > .row .col-sm-1,
.content-list .item > .container > .row .col-md-1,
.content-list .item > .container > .row .col-lg-1,
.content-list .item > .container > .row .col-xs-2,
.content-list .item > .container > .row .col-sm-2,
.content-list .item > .container > .row .col-md-2,
.content-list .item > .container > .row .col-lg-2,
.content-list .item > .container > .row .col-xs-3,
.content-list .item > .container > .row .col-sm-3,
.content-list .item > .container > .row .col-md-3,
.content-list .item > .container > .row .col-lg-3,
.content-list .item > .container > .row .col-xs-4,
.content-list .item > .container > .row .col-sm-4,
.content-list .item > .container > .row .col-md-4,
.content-list .item > .container > .row .col-lg-4,
.content-list .item > .container > .row .col-xs-5,
.content-list .item > .container > .row .col-sm-5,
.content-list .item > .container > .row .col-md-5,
.content-list .item > .container > .row .col-lg-5,
.content-list .item > .container > .row .col-xs-6,
.content-list .item > .container > .row .col-sm-6,
.content-list .item > .container > .row .col-md-6,
.content-list .item > .container > .row .col-lg-6,
.content-list .item > .container > .row .col-xs-7,
.content-list .item > .container > .row .col-sm-7,
.content-list .item > .container > .row .col-md-7,
.content-list .item > .container > .row .col-lg-7,
.content-list .item > .container > .row .col-xs-8,
.content-list .item > .container > .row .col-sm-8,
.content-list .item > .container > .row .col-md-8,
.content-list .item > .container > .row .col-lg-8,
.content-list .item > .container > .row .col-xs-9,
.content-list .item > .container > .row .col-sm-9,
.content-list .item > .container > .row .col-md-9,
.content-list .item > .container > .row .col-lg-9,
.content-list .item > .container > .row .col-xs-10,
.content-list .item > .container > .row .col-sm-10,
.content-list .item > .container > .row .col-md-10,
.content-list .item > .container > .row .col-lg-10,
.content-list .item > .container > .row .col-xs-11,
.content-list .item > .container > .row .col-sm-11,
.content-list .item > .container > .row .col-md-11,
.content-list .item > .container > .row .col-lg-11,
.content-list .item > .container > .row .col-xs-12,
.content-list .item > .container > .row .col-sm-12,
.content-list .item > .container > .row .col-md-12,
.content-list .item > .container > .row .col-lg-12{
padding-left: 5px;
padding-right: 5px;
}
}
@media (max-width: 480px){
.content-list .item > .container > .row .story-menu li.col-xs-4{
width: 50%;
}
}
@media (max-width: 340px){
.content-list .item > .container > .row .story-menu li.col-xs-4{
width: 100%;
}
}
.collapse-more{
margin-top: 0;
}
.collapse-more > .panel-title{
border-bottom: 1px solid #ccc;
}
.collapse-more > .panel-title a{
position: relative;
width: 100%;
display: block;
padding: 8px 4px;
}
.collapse-more > .panel-title a:after{
position: absolute;
top: 2px;
right: 8px;
content: "-";
font-weight: bold;
color: #000;
}
.collapse-more > .panel-title a.collapsed:after{
content: "+";
}
.collapse-ellipsis-container .collapse-link{
color: black;
}
@media (max-width: 991px){
.collapse-ellipsis-container .collapse-link .for-desktop{
display: none;
}
}
@media (min-width: 992px){
.collapse-ellipsis-container .collapse-link .for-mobile{
display: none;
}
}
.collapse-ellipsis-container .collapse-link .more{
color: #007E46;
}
.collapse-ellipsis-container .collapse-link .more:after{
content: "ausblenden";
display: inline-block;
}
.collapse-ellipsis-container .collapse-link.collapsed .more:after{
content: "mehr lesen";
}
.collapse-ellipsis-container .collapse-link:not(.collapsed) .for-mobile,
.collapse-ellipsis-container .collapse-link:not(.collapsed) .for-desktop{
display: none;
}
.SumoSelect.open > .optWrapper{
z-index: 1002;
}
.SumoSelect > .optWrapper > .options li label{
font-weight: normal;
}

/* splitted due to filesize */

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