/* *** generated @ 2023-02-04 18:04:47 *** */

/* ** [ /src_project/sites/portal/css/4/portal-styles.css ] (continued) ** */


/* ** [ /src_project/sites/portal/css/4/./widget.css ] (@import) ** */
.box-main-article{
margin-top: 0px;
display: block;
float: left;
clear: both;
width: 100%;
}
@media (max-width: 767.98px){
.box-main-article:nth-of-type(1){
margin-top: 1rem;
}
}
@media (max-width: 767.98px){
.box-main-article.emptyheader{
border-top: none !important;
}
}
.box-main-article header{
margin-bottom: 0.5rem;
}
.box-main-article header .h2,
.box-main-article header h2{
font-size: 2rem;
line-height: 2.5rem;
font-weight: 700;
color: #525252;
}
.box-main-article .content-container{
margin-bottom: 0px !important;
margin-top: 0;
float: none;
}
.box-main-article .content-container .content-text{
color: #525252;
}
.box-main-article .content-container .content-text a{
color: #525252;
}
.box-main-article .content-container .content-text .h2,
.box-main-article .content-container .content-text .h3,
.box-main-article .content-container .content-text h2,
.box-main-article .content-container .content-text h3{
font-size: 1.625rem;
line-height: 1.15em;
color: black;
margin-bottom: 0.5em;
font-weight: 700;
}
.box-main-article .content-container .content-text .h2 a,
.box-main-article .content-container .content-text .h3 a,
.box-main-article .content-container .content-text h2 a,
.box-main-article .content-container .content-text h3 a{
color: black;
}
.box-main-article .content-container .media-content{
float: left;
margin-right: 1.875rem;
margin-bottom: 0.625rem;
}
.box-main-article .content-container .media-content.figure--left{
max-width: 48%;
}
@media (max-width: 767.98px){
.box-main-article .content-container .media-content.figure--left{
margin-right: 0;
max-width: 100%;
}
}
.box-main-article .content-container .figure--fullwidth{
max-width: 100%;
border-top: 1px solid #dcdcdc;
}
.box-main-article .content-container .figure--large{
max-width: 50%;
}
.box-main-article .content-container .figure--portrait{
max-width: 40%;
}
.warning-page,
.empty-content{
margin-top: 0px;
display: block;
float: left;
clear: both;
width: 100%;
}
@media (max-width: 767.98px){
.warning-page:nth-of-type(1),
.empty-content:nth-of-type(1){
margin-top: 1rem;
}
}
.warning-page header,
.empty-content header{
margin-bottom: 0.5rem;
}
.warning-page header h1.h2,
.warning-page header h1,
.empty-content header h1.h2,
.empty-content header h1{
font-size: 2rem;
line-height: 2.5rem;
font-weight: 700;
}
.warning-page .content-container,
.empty-content .content-container{
margin-bottom: 0px !important;
margin-top: 0;
float: none;
}
.warning-page .content-container .content-text,
.empty-content .content-container .content-text{
color: #525252;
}
.warning-page .content-container .content-text a,
.empty-content .content-container .content-text a{
color: #525252;
}
.warning-page{
margin-top: 2rem;
margin-bottom: 2rem;
}
.warning-page .content-container{
margin-bottom: 0px !important;
margin-top: 1.5rem;
float: none;
}
.warning-page .content-container .content-text{
color: black;
}
.warning-page .content-container .content-text a{
color: #007e46;
text-decoration: underline;
font-weight: bold;
}
.warning-page .content-container .content-text a:hover{
text-decoration: none;
}
.warning-page .content-container .content-text h2{
color: black;
margin-bottom: 0.75rem;
}
.box-multiple-article + .box-multiple-article{
margin-top: -2.5rem;
}
.box-multiple-article header{
margin-bottom: 0.5rem;
}
.box-multiple-article header h2{
font-size: 2rem;
line-height: 2.5rem;
font-weight: 700;
color: #525252;
display: flex;
justify-content: space-between;
align-items: center;
}
.box-multiple-article .content-container{
margin: 0.75rem 0 1.875rem 0;
}
@media (max-width: 991.98px){
.box-multiple-article .content-container{
margin: 0.75rem 0 0.75rem 0;
}
}
.box-multiple-article .content-container .content-text h3{
font-size: 1.125rem;
line-height: 1.29375rem;
margin-bottom: 0.3125rem;
font-weight: 700;
color: #000000;
}
.box-multiple-article .content-container .content-text h3 a{
color: #000000;
}
.box-multiple-article .content-container .content-text a{
color: #525252;
}
.box-multiple-article .content-container .content-text a:hover{
color: #000000;
}
.box-multiple-article .content-container .media-content{
max-width: 117px;
float: left;
margin-right: 1rem;
margin-bottom: 0.625rem;
}
.content--overlay{
position: relative;
max-height: 6.5rem;
overflow: hidden;
min-height: 6.5em;
transition: all 0.6s ease-out 0s;
cursor: pointer;
}
.content--overlay:before{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: " ";
background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,white 100%);
transition: all 0.2s ease 0.4s;
}
.content--overlay:hover{
height: auto;
min-height: 6.5em;
max-height: 100em;
transition: all 1s ease 0s;
}
.content--overlay:hover:before{
opacity: 0;
transition: all 0.2s ease 0s;
display: none;
}
.content---overlay{
position: relative;
max-height: 6.5rem;
overflow: hidden;
min-height: 6.5em;
transition: all 0.6s ease-out 0s;
cursor: pointer;
padding: 0 1rem 0 1rem;
}
.content---overlay:before{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: " ";
background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,white 100%);
transition: all 0.2s ease 0.4s;
}
.content---overlay:hover{
height: auto;
min-height: 6.5em;
max-height: 100em;
transition: all 1s ease 0s;
}
.content---overlay:hover:before{
opacity: 0;
transition: all 0.2s ease 0s;
display: none;
}

.content---overlay.box23{
padding: 0;
}
@media (max-width: 991.98px){
.box-multiple-article .media-content{
max-width: 75px !important;
margin-right: 0.625rem;
}
.box-multiple-article .content---overlay,
.box-multiple-article .content--overlay{
max-height: inherit;
min-height: inherit;
padding: 0;
}
.box-multiple-article .content---overlay:before,
.box-multiple-article .content--overlay:before{
display: none;
}
}
.box-newsticker{
margin: 0 0 2.5rem 0;
}
.box-newsticker header{
background-color: #525252;
color: #525252;
padding: 0.3125rem 0.625rem !important;
margin-bottom: 0rem;
line-height: 1.25rem;
}
.box-newsticker header h2{
color: #ffffff;
font-weight: 500;
font-size: 1.125rem;
line-height: 1.625rem;
text-transform: initial;
}
.box-newsticker ul{
margin: 0;
padding: 0;
}
.box-newsticker ul li{
margin-top: 0rem;
padding: 0rem 0.75rem 0.75rem 0.75rem;
overflow: hidden;
}
.box-newsticker ul li .content-container{
padding: 0;
margin: 0;
}
.box-newsticker ul li .content-container .media-content.figure--left,
.box-newsticker ul li .content-container .media-content .figure--right{
max-width: 117px;
float: left;
margin-right: 1.875rem;
margin-bottom: 0rem;
}
.box-newsticker ul li .content-container .media-content.figure--left figure,
.box-newsticker ul li .content-container .media-content .figure--right figure{
margin-bottom: 0rem;
}
.box-newsticker ul li .content-container .content-text h3{
font-size: 1.125rem;
line-height: 1.29375rem;
margin-bottom: 0.3125rem;
font-weight: 700;
color: #007e46;
}
.box-newsticker ul li .content-container .content-text h3 a,
.box-newsticker ul li .content-container .content-text h3 a:hover{
color: #007e46;
}
.box-newsticker ul li .content-container .content-text a{
color: #525252;
}
.box-newsticker ul li .content-container .content-text a:hover{
color: #000000;
}
.box-newsticker ul li .content-container .content-text a:not([href*="lko.at"])[href*=http]::after{
color: #9bc3a8;
font-size: 0.5em;
margin-left: 0.75em;
content: "l";
font-family: "lko" !important;
}
.box-newsticker ul li:first-child{
margin-top: 0.75rem;
}
@media (max-width: 767.98px){
.box-services ul li .content-container .media-content.figure--left,
.box-services ul li .content-container .media-content .figure--right{
max-width: auto !important;
width: auto !important;
float: left !important;
margin-right: 1.875rem;
margin-bottom: 0rem;
}
.box-services ul li .content-container .media-content.figure--left figure,
.box-services ul li .content-container .media-content .figure--right figure{
margin-bottom: 0rem;
}
}
[data-symbol="01"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/01.svg);
}
[data-symbol="02"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/02.svg);
}
[data-symbol="03"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/03.svg);
}
[data-symbol="04"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/04.svg);
}
[data-symbol="05"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/05.svg);
}
[data-symbol="06"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/06.svg);
}
[data-symbol="07"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/07.svg);
}
[data-symbol="08"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/08.svg);
}
[data-symbol="09"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/09.svg);
}
[data-symbol="10"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/010.svg);
}
[data-symbol="11"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/011.svg);
}
[data-symbol="12"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/012.svg);
}
[data-symbol="13"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/013.svg);
}
[data-symbol="14"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/014.svg);
}
[data-symbol="15"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/015.svg);
}
[data-symbol="16"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/016.svg);
}
[data-symbol="17"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/017.svg);
}
[data-symbol="18"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/018.svg);
}
[data-symbol="19"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/019.svg);
}
[data-symbol="20"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/020.svg);
}
[data-symbol="21"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/021.svg);
}
[data-symbol="22"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/022.svg);
}
[data-symbol="23"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/023.svg);
}
[data-symbol="24"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/024.svg);
}
[data-symbol="25"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/025.svg);
}
[data-symbol="26"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/026.svg);
}
[data-symbol="27"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/027.svg);
}
[data-symbol="28"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/028.svg);
}
[data-symbol="29"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/029.svg);
}
[data-symbol="30"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/030.svg);
}
[data-symbol="31"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/031.svg);
}
[data-symbol="32"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/032.svg);
}
.wetter.nodoc{
padding: inherit;
background-color: inherit;
}
.wetter-header{
margin-top: 4.55rem;
}
.wetter-header .centerd-row{
text-align: center;
}
.wetter-header .centerd-row h2{
font-family: "Roboto",sans-serif;
font-size: 2.5rem;
font-weight: normal !important;
margin: 1.25rem 0;
}
.wetter-header .centerd-row h2 span{
font-size: 1.25rem;
}
.wetter-header .centerd-row h2 small,
.wetter-header .centerd-row h2 span{
display: block;
clear: both;
}
.wetter-header .centerd-row h2 small{
font-size: 0.813rem;
margin-top: 5px;
color: #525252;
}
.wetter-widget{
margin: 0 0 2.5rem 0;
}
.wetter-widget .wetter-search{
display: block;
float: left;
clear: both;
width: 100%;
padding: 20px;
}
.wetter-widget .wetter-search .plz-search-form{
width: 100%;
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
.wetter-widget .wetter-akt{
font-size: 0.813rem;
display: block;
width: 100%;
margin-top: 5px;
text-align: center;
color: #555555;
}
.wetter-widget .wetter-footer{
margin: 0;
color: #616161;
}
.wetter-widget .wetter-footer span{
color: #616161;
}
.wetter-widget header{
display: block;
float: left;
clear: both;
position: relative;
width: 100%;
margin-bottom: 15px;
}
.wetter-widget header .link-more{
position: absolute;
right: 0;
bottom: 0;
color: #007e46;
font-weight: 500;
}
.wetter-widget header .link-more::before{
font-size: 0.5em;
margin-right: 0.5em;
content: "J";
font-family: "lko" !important;
}
.wetter-widget header h2{
font-size: 1.625rem;
font-weight: 500;
line-height: 0.885;
text-transform: inherit;
margin: 0;
}
.wetter-widget header small{
font-size: 1rem;
line-height: 1.3;
display: block;
float: left;
margin: 0;
color: #000;
}
.wetter-widget .wetter-forecast{
clear: both;
}
.wetter-widget .wetter-forecast ul{
width: 100%;
margin: 0 0 0;
cursor: pointer;
}
.wetter-widget .wetter-forecast ul li{
width: 25%;
padding: 0 10px !important;
margin: 1em 0 !important;
}
.wetter-widget .wetter-forecast ul li [data-symbol]{
width: 48px;
height: 48px;
background-position: center;
}
.plz-search-form{
position: relative;
width: 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0;
}
@media (max-width: 767px){
.plz-search-form{
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.plz-search-form i,
.plz-search-form span{
position: absolute;
top: 14px;
left: 20px;
width: auto;
height: auto;
}
@media (min-width: 768px) and (max-width: 991.98px){
.wetter-widget .plz-search-form i{
right: 20px;
left: unset;
cursor: pointer;
}
}
@media (max-width: 375px){
.plz-search-form i,
.plz-search-form span{
top: 9px;
left: 11px;
}
}
.plz-search-form i svg,
.plz-search-form span svg{
width: 20px;
height: 20px;
color: #007e46;
}
.plz-search-form input{
width: 100%;
height: 50px;
padding-right: 10px;
padding-left: 60px;
border: none;
}
@media (max-width: 375px){
.plz-search-form input{
height: 40px;
padding-left: 40px;
}
}
@media (min-width: 768px) and (max-width: 991.98px){
.wetter-widget .plz-search-form input{
padding-right: 60px;
padding-left: 20px;
}
}
.plz-search-form .btn.btn-portalColor{
font-size: 0.875rem;
line-height: 3.286;
position: absolute;
top: 0;
right: 0;
bottom: 0;
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: 2.998;
padding: 0 15px;
}
}
@media (min-width: 768px) and (max-width: 991.98px){
.wetter-widget .plz-search-form .btn{
display: none;
}
}
.plz-search-form .btn.btn-portalColor:hover{
background-color: #00a044;
}
.wetter-search{
padding-top: 30px;
padding-bottom: 5px;
background: #f4f4f4;
}
@media (max-width: 767px){
.wetter-search{
padding: 20px 0;
}
}
@media (max-width: 991.98px){
.wetter-search{
padding-bottom: 30px;
}
}
.wetter-search .search-input{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.wetter-nav{
display: block;
clear: both;
flex: 0 0 100%;
max-width: 100%;
padding: 0;
}
@media (max-width: 991.98px){
.wetter-nav{
display: none;
}
}
.wetter-nav ul{
justify-content: center;
}
.wetter-nav ul li.dropdown{
margin: 0;
list-style: none;
}
.wetter-nav ul li.dropdown .nav-link{
color: #333333;
font-size: 0.875rem;
padding: 0.9375rem 1.0625rem;
}
.wetter-nav ul li.dropdown .nav-link:hover,.wetter-nav ul li.dropdown .nav-link:active,.wetter-nav ul li.dropdown .nav-link:focus,.wetter-nav ul li.dropdown .nav-link:visited{
color: #525252;
}
.wetter-nav ul li.dropdown .nav-link .sub-arrow{
display: none;
border: 0px;
}
.wetter-nav ul li.dropdown .dropdown-menu:before{
position: absolute;
top: -9px;
left: 14px;
width: 0;
height: 0;
content: " ";
border-right: 9px solid transparent;
border-bottom: 9px solid #ccc !important;
border-left: 9px solid transparent;
}
.wetter-nav ul li.dropdown .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 ul li.dropdown .dropdown-menu li{
font-size: 0.875rem;
margin: 0;
}
.wetter-nav ul li.dropdown .dropdown-menu li a.dropdown-item{
height: auto;
padding: 0px 20px;
line-height: 2.383;
font-size: 0.875rem !important;
}
.wetter-nav ul li.dropdown .dropdown-menu li a.dropdown-item:hover{
background-color: #9ac3a8 !important;
}
.wetter-nav ul li.dropdown:nth-last-child(-n+2) .dropdown-menu{
right: 0;
left: inherit !important;
}
.wetter-nav ul li.dropdown:nth-last-child(-n+2) .dropdown-menu:before{
right: 14px;
left: inherit !important;
}
.wetter-nav ul li.dropdown:nth-last-child(-n+2) .dropdown-menu:after{
right: 15px;
left: inherit !important;
}
@media (max-width: 1199.98px){
.wetter-nav{
border: 0px;
}
.wetter-nav ul li{
border: 0px;
}
}
.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;
box-shadow: 0 5px 7px rgba(0,0,0,0.15);
}
.search-link{
font-size: 0.875rem;
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: 0.75rem;
line-height: 1.23;
display: block;
margin-top: 10px;
}
.popover-content .txt-popver{
font-size: 1.25rem;
line-height: 1.2;
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;
text-align: center;
flex: 0 0 100%;
}
.wetter-footer a,
.wetter-footer span{
font-size: 0.75rem;
display: block;
clear: both;
color: #606060;
}
@media (max-width: 767px){
.wetter-footer a,
.wetter-footer span{
font-size: 0.7rem;
}
}
.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: 1.875rem;
}
.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: 1.25rem;
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: #525252;
border-top: 1px solid #525252;
}
.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: 0.75rem;
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: 0.75rem;
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: 1.875rem;
}
.wetter-details .weather-container .weather-col .date .day{
font-size: 1.25rem;
display: block;
}
.wetter-details .weather-container .weather-col .tempmin{
display: inline-block;
min-width: 36px;
margin-top: 5px;
padding-top: 5px;
color: #525252;
border-top: 1px solid #525252;
}
.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;
margin: 1em 0 !important;
float: left;
padding: 0 35px;
list-style: none;
text-align: center;
border-right: 1px solid #f4f4f4;
}
.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: 1.25rem;
margin-bottom: 10px;
}
@media (max-width: 767px){
.wetter-forecast ul li .direction{
font-size: 1.125rem;
}
}
.wetter-forecast ul li .tempmin{
margin-top: 5px;
padding-top: 5px;
color: #525252;
border-top: 1px solid #525252;
}
.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: 0 2px 7px rgba(0,0,0,0.15);
}
.autocompleteOrte .ui-state-active{
border: none;
background: #009640;
}
.autocompleteOrte .ui-menu-item-wrapper{
padding-top: 8px;
padding-bottom: 8px;
}
.autocompleteOrte .plz{
font-weight: bold;
}
#weather-search{
background-color: #f4f4f4;
position: absolute;
width: 100%;
z-index: 10;
margin: 1rem 0;
box-shadow: 0 5px 7px rgba(0,0,0,0.15);
left: 0;
}

#tableau.my-tableau{
margin: 15px 0;
touch-action: manipulation;

}
#tableau.my-tableau .tb-cell{
padding: 0 10px;
border-right: 1px solid rgba(0,0,0,0.07);
border-left: 1px solid rgba(0,0,0,0.07);
}
#tableau.my-tableau .tb-row-header{
padding: 7px 0;
background: rgba(0,0,0,0.07);
}
#tableau.my-tableau .tb-toggle-details:before{
content: "Vormittag / Nachmittag" !important;
}
#tableau.my-tableau .tb-cell.expanded .tb-toggle-details:before{
content: "Ansicht schließen" !important;
}
#tableau.my-tableau .tb-toggle-details{
color: #006634;
}
#tableau.my-tableau .tb-toggle-details:visited{
color: #006634;
}
#tableau.my-tableau .tb-slick-btn-prev:before{
content:  url("/src_project/svg/portal/svg/slider_zurueck.svg") !important;
}
#tableau.my-tableau .tb-slick-btn-next:before{
content:  url("/src_project/svg/portal/svg/slider_weiter.svg") !important;
}
#tableau.my-tableau p{
margin: 0;
}
#tableau.my-tableau .tb-weekday{
font-size: 1.25rem;
margin-top: 12px;
line-height: 1.3;
}
#tableau.my-tableau .tb-date{
font-size: 1.875rem;
line-height: 1.3;
}
#tableau.my-tableau .tb-temp-max > span{
padding-bottom: 4px;
border-bottom: 1px solid rgba(0,0,0,0.2);
}
#tableau.my-tableau .tb-temp-min > span{
padding-top: 6px;
}
#tableau.my-tableau .tb-toggle-details{
font-size: 0.813rem;
padding: 20px 0;
}
#tableau.my-tableau .tb-value{
padding: 15px 0;
}
#tableau.my-tableau .tb-value + .tb-value{
padding-top: 0;
}
#tableau.my-tableau .tb-slick-btn.tb-slick-btn-prev{
top: 159px;
left: 0;
width: 50px;
padding: 0;
}
#tableau.my-tableau .tb-slick-btn.tb-slick-btn-next{
top: 159px;
right: 0;
width: 50px;
padding: 0;
}
aside .box-type1,
aside .box-type2,
aside .box-type3,
aside .box-type5{
clear: both;
}
.box-type1,
.box-type2,
.box-type3,
.box-type5{
margin: 0 0 2.5rem 0;
}
.box-type1 header,
.box-type2 header,
.box-type3 header,
.box-type5 header{
background-color: #007e46;
color: #ffffff;
padding: 0.3125rem 0.625rem !important;
margin-bottom: 0.5rem;
line-height: 1.25rem;
}
.box-type1 header h2,
.box-type2 header h2,
.box-type3 header h2,
.box-type5 header h2{
color: #ffffff;
font-weight: 500;
font-size: 1.125rem;
line-height: 1.625rem;
text-transform: initial;
}
.box-type1 > ul,
.box-type2 > ul,
.box-type3 > ul,
.box-type5 > ul{
margin: 0;
padding: 0;
}
.box-type1 > ul li,
.box-type2 > ul li,
.box-type3 > ul li,
.box-type5 > ul li{
margin-top: 1.5rem;
padding: 0 0 0 0.625rem;
overflow: hidden;
}
.box-type1 > ul li .content-container,
.box-type2 > ul li .content-container,
.box-type3 > ul li .content-container,
.box-type5 > ul li .content-container{
padding: 0;
margin: 0;
}
.box-type1 > ul li .content-container .media-content.figure--left,
.box-type1 > ul li .content-container .media-content .figure--right,
.box-type2 > ul li .content-container .media-content.figure--left,
.box-type2 > ul li .content-container .media-content .figure--right,
.box-type3 > ul li .content-container .media-content.figure--left,
.box-type3 > ul li .content-container .media-content .figure--right,
.box-type5 > ul li .content-container .media-content.figure--left,
.box-type5 > ul li .content-container .media-content .figure--right{
max-width: 117px;
float: left;
margin-right: 1.875rem;
margin-bottom: 0.625rem;
}
.box-type1 > ul li .content-container .media-content.figure--left figure,
.box-type1 > ul li .content-container .media-content .figure--right figure,
.box-type2 > ul li .content-container .media-content.figure--left figure,
.box-type2 > ul li .content-container .media-content .figure--right figure,
.box-type3 > ul li .content-container .media-content.figure--left figure,
.box-type3 > ul li .content-container .media-content .figure--right figure,
.box-type5 > ul li .content-container .media-content.figure--left figure,
.box-type5 > ul li .content-container .media-content .figure--right figure{
margin-bottom: 0;
}
.box-type1 > ul li .content-container .content-text h3,
.box-type2 > ul li .content-container .content-text h3,
.box-type3 > ul li .content-container .content-text h3,
.box-type5 > ul li .content-container .content-text h3{
font-size: 1.125rem;
line-height: 1.29375rem;
margin-bottom: 0.3125rem;
font-weight: 700;
color: #000000;
}
.box-type1 > ul li .content-container .content-text h3 a,
.box-type2 > ul li .content-container .content-text h3 a,
.box-type3 > ul li .content-container .content-text h3 a,
.box-type5 > ul li .content-container .content-text h3 a{
color: #000000;
}
.box-type1 > ul li .content-container .content-text a,
.box-type2 > ul li .content-container .content-text a,
.box-type3 > ul li .content-container .content-text a,
.box-type5 > ul li .content-container .content-text a{
color: #525252;
}
.box-type1 > ul li .content-container .content-text a:hover,
.box-type2 > ul li .content-container .content-text a:hover,
.box-type3 > ul li .content-container .content-text a:hover,
.box-type5 > ul li .content-container .content-text a:hover{
color: #000000;
}
.box-type1 > ul li .content-container:hover,
.box-type2 > ul li .content-container:hover,
.box-type3 > ul li .content-container:hover,
.box-type5 > ul li .content-container:hover{
background-color: #f4f4f4;
}
.box-type1 > ul li:first-child,
.box-type2 > ul li:first-child,
.box-type3 > ul li:first-child,
.box-type5 > ul li:first-child{
margin-top: 0.75rem;
}
@media (max-width: 767.98px){
.box-type1 ul li .content-container .media-content{
width: 75px !important;
max-width: 75px !important;
}
.box-type1 ul li .content-container .media-content img{
width: 75px;
}
}
.box-type1 ul{
margin: 0;
padding: 0;
}
.box-type1 ul li{
border-left: 2px solid #007e46;
margin-top: 1.5rem;
padding: 0 0 0 0.625rem;
overflow: hidden;
}
.box-type1 ul li .content-container .content-text a{
display: block;
}
.box-type1 ul li .content-container .media-content.figure--left{

}
.box-type1.video-box{
background-color: #f4f4f4;
}
.box-type1.video-box header{
margin-bottom: 0px;
}
.box-type1.video-box figure a{
position: relative;
display: block;
overflow: hidden;
}
.box-type1.video-box figure a:before{
content: "";
background: transparent  url(/src_project/svg/portal/play.png?1674717654) no-repeat center center;
background-size: 80px 80px;
position: absolute;
z-index: 2;
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
.box-type1.video-box ul{
margin: 0px;
padding: 0px;
}
.box-type1.video-box ul li{
border-left: 0px;
border-bottom: 0px;
margin: 0px;
padding: 0 1rem 1rem 1rem;
}
.box-type2 header h2:after{
display: block;
content: " ";
position: absolute;
right: 0.2rem;
top: -0.05rem;
}
.box-type2 ul li{
border-left: 0px;
}
.box-type2 ul li .content-container .content-text h3{
font-size: 1rem;
line-height: 1.29375rem;
margin-bottom: 0.3125rem;
font-weight: 700;
color: #000000;
}
.box-type2 ul li .content-container .content-text h3 a{
color: #000000;
}
.box-type2 ul li .content-container .content-text a{
color: #525252;
}
.box-type2 ul li .content-container .content-text a:hover{
color: #000000;
}
.box-type2 ul li .content-container:hover{
background-color: transparent;
}
.box-type2.downloads header h2{
position: relative;
}
.box-type2.downloads header h2:after{
background: transparent  url("/src_project/svg/portal/svg/download-white.svg") no-repeat center top;
width: 18px;
height: 25px;
}
.box-type2.downloads ul li .content-container{
padding-left: 50px;
position: relative;
min-height: 28px;
display: flex;
max-width: 100%;
align-items: center;
}
.box-type2.downloads ul li .content-container .content-text{
width: 100%;
}
.box-type2.downloads ul li .content-container .content-text h3{
margin-top: 0;
margin-bottom: 0;
}
.box-type2.downloads ul li .content-container:before{
font-family: "lko" !important;
font-size: 1.75rem;
color: #007e46;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
content: "b";
position: absolute;
left: 0px;
top: 0px;
}
.box-type2.broschuren header h2{
position: relative;
}
.box-type2.broschuren header h2:after{
background: transparent  url("/src_project/svg/portal/svg/broschueren-white.svg") no-repeat center top;
width: 20px;
height: 25px;
}
.box-type2.broschuren ul li{
margin-top: 0.75rem;
}
.box-type2.broschuren ul li .media-content.figure--left,
.box-type2.broschuren ul li .media-content .figure--right{
max-width: 3.375rem !important;
width: inherit;
float: left;
margin-right: 1.25rem;
margin-bottom: 0;
border: 1px solid #f4f4f4;
}
.box-type2.broschuren ul li .media-content.figure--left figure,
.box-type2.broschuren ul li .media-content .figure--right figure{
margin: 0;
}
.box-type2.broschuren ul li .content-text{
display: inline-block;
width: calc(100% - 4.688rem);
}
.box-type2.links header h2{
position: relative;
}
.box-type2.links header h2:after{
background: transparent  url("/src_project/svg/portal/svg/links-white.svg") no-repeat center top;
width: 25px;
height: 25px;
}
.box-type2.links ul li .content-container .content-text h3 a:not([href*="lko.at"])[href*=http]::after{
color: #9ac3a8;
font-size: 0.5em;
margin-left: 0.75em;
content: "l";
font-family: "lko" !important;
}
.box-type2.termine header{
margin-bottom: 0px;
}
.box-type2.termine header h2{
position: relative;
}
.box-type2.termine header h2:after{
background: transparent  url("/src_project/svg/portal/svg/veranstaltungen-white.svg") no-repeat center top;
width: 25px;
height: 25px;
}
.box-type2.termine ul li{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.box-type2.termine ul li .content-container{
padding: 1rem 0.5rem 1rem 50px;
position: relative;
}
.box-type2.termine ul li .content-container:before{
background: transparent  url("/src_project/svg/portal/svg/veranstaltungen.svg") no-repeat center top;
content: "";
position: absolute;
width: 30px;
height: 30px;
left: 0px;
top: 1rem;
opacity: 0.7;
}
.box-type2.termine ul li .content-container .content-text h3{
color: #007e46;
font-size: 1.125rem;
margin-bottom: 0px;
}
.box-type2.termine ul li .content-container .content-text h3 a{
color: #007e46;
}
.box-type2.termine ul li .content-container .content-text a span{
display: block;
padding-top: 1rem;
}
.box-type2.termine ul li:nth-of-type(2n){
background-color: #f4f4f4;
}
.box-type2.termine ul li:last-child{
background-color: #ffffff;
}
.box-type2.termine .link-more{
color: #007e46;
font-size: 1rem;
font-weight: 500;
padding-left: 50px;
border-top: 1px solid #dcdcdc;
display: block;
width: 100%;
padding: 1rem 0 1rem 50px;
}
.box-type2.termine .link-more:before{
font-family: "lko" !important;
color: #007e46;
font-size: 0.5em;
margin-right: 0.5em;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
content: "J";
}
.box-type3{
overflow: hidden;
}
.box-type3 header{
background-color: #007e46;
color: #ffffff;
padding: 0.3125rem 0.625rem !important;
margin-bottom: 0.5rem;
line-height: 1.25rem;
}
.box-type3 header h2{
color: #ffffff;
font-weight: 500;
font-size: 1.125rem;
line-height: 1.625rem;
text-transform: initial;
}
.box-type3 ul{
margin-bottom: 0;
margin-top: 0rem;
}
.box-type3 ul li{
padding: 0px;
margin: 0 0 0.625rem 0 !important;
background-color: #f4f4f4;
}
.box-type3 ul li:last-child{
margin: 0 !important;
}
.box-type3.box--quickform header{
margin-bottom: 0;
}
.box-type3.box--quickform header svg{
float: right;
width: 1.563rem;
height: 1.563rem;
margin: 0;
}
.box-type3.box--quickform .form-body{
background-color: #f4f4f4;
padding: 1rem;
display: block;
clear: both;
float: left;
width: 100%;
}
.box-type3.box--quickform .form-body .logout-button{
padding: 1rem 0;
}
.box-type3.box--quickform .form-body .login-form{
display: block;
clear: both;
float: left;
width: 100%;
}
.box-type3.box--quickform .form-body fieldset{
margin-bottom: 1rem;
}
.box-type3.box--quickform .form-body .btn{
line-height: 1.5rem;
}
.box-type3.box--quickform .form-body .btn-outline-dark{
border-color: #ababab;
text-color: #606060;
}
@media (min-width: 992px) and (max-width: 1199.98px){
.box-type3.box--quickform .form-body .btn-outline-dark{
padding: 0.3rem 0.3rem;
}
}
.box-type3.box--quickform .form-body .register-button{
float: left;
}
.box-type3.box--quickform .form-body .forgetten-button{
float: right;
}
@media (max-width: 360px){
.box-type3.box--quickform .form-body .forgetten-button{
margin-top: 1rem;
}
}
@media (max-width: 360px){
.box-type3.box--quickform .form-body .register-button,
.box-type3.box--quickform .form-body .forgetten-button{
float: none;
}
}
.box-type3.box--quickform .form-body .login-button{
margin: 0.625rem 0 2.5rem;
}
.box-type3.box--quickform .form-body .login-fieldrow{
width: 100%;
margin-bottom: 0.625rem;
}
.box-type3.box--quickform .form-body .login-fieldrow > label{
font-weight: 500;
display: block;
width: 100%;
line-height: 1.5;
margin-bottom: 0.25rem;
}
.box-type3.box--quickform .form-body .bottom-link{
margin: 0.625rem 0;
display: block;
clear: both;
float: left;
width: 100%;
}
.box-type3.box--quickform .form-body .bottom-link a{
color: #00572d;
text-decoration: underline;
}
.box-type3.box--quickform .form-body .bottom-link a:hover,.box-type3.box--quickform .form-body .bottom-link a:focus{
text-decoration: none;
}
.box-type3.merkliste header{
margin-bottom: 0px;
}
.box-type3.merkliste header h2{
position: relative;
}
.box-type3.merkliste header h2 svg{
display: none;
}
.box-type3.merkliste header h2:after{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
margin-left: 4px;
content: "K";
vertical-align: text-bottom;
text-transform: none !important;
speak: none;
position: absolute;
right: 0.2rem;
top: -0.05rem;
}
.box-type3.merkliste .list-merkliste{
list-style: none;
padding: 1rem;
background-color: #f4f4f4;
}
.box-type3.merkliste .list-merkliste > li{
display: flex;
flex-direction: row;
align-items: center;
background-color: transparent;
max-width: 100%;
justify-content: space-between;
}
.box-type3.merkliste .list-merkliste > li > .list-merkliste__delete{
width: 20px;
}
.box-type3.merkliste .list-merkliste > li > a.checklist-link{
padding: 0 0.5rem 0 0;
position: relative;
display: inline-flex;
align-items: center;
}
.box-type3.merkliste .list-merkliste > li > a.checklist-link:before{
display: inline-block;
margin-right: 0.75rem;
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
vertical-align: text-bottom;
text-transform: none !important;
font-size: 1.2rem;
content: "w";
}
.box-type3.chat header{
margin-bottom: 0px;
}
.box-type3.chat header h2{
position: relative;
}
.box-type3.chat header h2:after{
background: transparent  url("/src_project/svg/portal/svg/beratung-white.svg") no-repeat center top;
width: 31px;
height: 27px;
display: block;
content: " ";
position: absolute;
right: 0.2rem;
top: -0.05rem;
}
.box-type3.chat .content-container .media-content{
margin: 0 0.75rem 0 0 !important;
}
.box-type3.chat .content-container .media-content figure{
margin-bottom: 0px;
}
.box-type3.chat .content-container .content-text{
padding: 0.7rem;
}
.box-type3.chat .content-container .content-text > a:after{
color: #007e46;
margin-left: 2em;
font-size: 0.75em;
content: "o";
font-family: "lko" !important;
}
@media (max-width: 767.98px){
.box-type3.chat .content-container .media-content{
max-width: 117px !important;
float: left !important;
width: auto !important;
}
}
.box-type5{
background: transparent;
}
.box-type5 header{
margin-bottom: 0;
}
.box-type5 ul{
margin: 0;
padding: 0;
}
.box-type5 ul li{
background-color: #f4f4f4;
margin-top: 0.75rem;
padding: 1rem 0.5rem;
overflow: hidden;
}
.box-type5 ul li:first-child{
margin-top: 0;
}
@media (min-width: 992px){
.substartseite aside > section:nth-of-type(1){
margin-top: 3.4rem;
}
}
.substartseite .titlebox{
margin-top: 0.75rem;
}
@media (min-width: 992px){
.substartseite .titlebox aside > section:nth-of-type(1){
margin-top: 0;
}
}
@media (min-width: 992px){
aside .box-type1.downloadbox:nth-of-type(1),
aside .box-type1.linkbox:nth-of-type(1){
margin-top: 0;
}
}
@media (min-width: 992px){
.container > .row > .col-md-12.col-lg-12 ~ aside .box-services:nth-of-type(1){
margin-top: -2rem;
}
}

.lfi-widget{
padding: 0;
}
.lfi-widget header{
height: 120px;
margin: 0;
border-bottom: 0;
background: #fff  url("/src_project/svg/portal/lfi/lfi_header.svg") no-repeat right bottom;
}
.lfi-widget header h2{
font-size: 1.255rem;
font-weight: 300;
margin-top: 25px;
color: #007e46;
}
.lfi-widget header h2 span{
font-size: 1.125rem;
font-weight: 500;
display: block;
color: #007e46;
}
.lfi-widget ul{
margin: 0;
padding: 0;
}
.lfi-widget ul li{
position: relative;
margin: 0;
padding: 0 0 0 0.625rem;
list-style-type: none;
border-bottom: 1px solid #b9b9b9;
}
.lfi-widget ul li .content-container{
padding: 1rem 0.5rem 1rem 50px;
position: relative;
}
.lfi-widget ul li .content-container .content-text > a{
font-size: 0.875rem;
font-weight: 400;
display: block;
color: #000;
}
@media (max-width: 767.98px){
.lfi-widget ul li .content-container .content-text > a{
font-size: 1rem;
}
}
.lfi-widget ul li .content-container .content-text h3{
font-weight: 400;
}
.lfi-widget ul li .content-container .content-text h3 a{
font-size: 1.125rem;
font-weight: 500;
line-height: 1.222;
color: #007e46;
}
.lfi-widget ul li .content-container:before{
position: absolute;
top: 15px;
left: 0px;
display: block;
width: 30px;
height: 26px;
content: "";
background: #fff  url("/src_project/svg/portal/lfi/kalender_grey.svg") no-repeat left top;
opacity: 0.7;
}
.lfi-widget ul li:last-child{
border-bottom: 0px;
}
.lfi-widget ul li:first-child .content-container{
padding-top: 0;
}
.lfi-widget .link-more{
color: #007e46;
padding-left: 50px;
display: block;
width: 100%;
padding: 1rem 0 1rem 50px;
font-size: 0.9rem;
font-weight: 400;
}
.lfi-widget .link-more:before{
font-family: "lko" !important;
color: #007e46;
font-size: 0.5em;
margin-right: 0.5em;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
content: "J";
}
.box-type4{
background-color: #f4f4f4;
position: relative;
padding: 1.875rem 0 0.55rem 0;
margin: 0 0 2.5rem 0;
clear: both;
}
.box-type4::before{
content: " ";
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid white;
position: absolute;
top: 0;
left: 1.25rem;
}
.box-type4 header{
padding: 0 1.25rem 0.6875rem 1.25rem;
}
.box-type4 header h2{
color: #525252;
font-size: 1.375rem;
text-transform: inherit;
font-weight: 600;
}
.box-type4 p{
color: #525252;
margin-top: 0.35rem;
display: block;
}
.box-type4 p:last-child{
margin-bottom: 0px;
}
.box-type4 figure{
width: 100%;
}
.box-type4 figure figure{
width: 100%;
}
.box-type4 ul{
margin: 0;
padding: 0;
}
.box-type4 ul li{
margin-top: 0.75em;
margin-bottom: 1em;
padding: 0 1.25rem;
overflow: hidden;
}
.box-type4 ul li:first-child{
margin-top: 1.5em;
}
.box-type4 ul li .content-container{
padding: 0;
margin: 0;
}
.box-type4 ul li .content-container .media-content{
margin-bottom: 0;
}
.box-type4 ul li .content-container .media-content figure{
margin-bottom: 0;
}
.box-type4 ul li .content-container .media-content.figure--left,
.box-type4 ul li .content-container .media-content .figure--right{
width: 117px;
float: left;
margin-right: 1.875rem;
margin-bottom: 0rem;
}
.box-type4 ul li .content-container .media-content.figure--left + .content-text,
.box-type4 ul li .content-container .media-content .figure--right + .content-text{
width: calc(100% - 9.188rem);
float: left;
-webkit-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
@media (max-width: 575.98px){
.box-type4 ul li .content-container .media-content.figure--left,
.box-type4 ul li .content-container .media-content .figure--right{
margin-right: 0.75rem;
width: 90px;
margin-bottom: 0.75rem;
}
.box-type4 ul li .content-container .media-content.figure--left + .content-text,
.box-type4 ul li .content-container .media-content .figure--right + .content-text{
width: calc(100% - 105px);
}
}
.box-type4 ul li .content-container .content-text h3{
font-size: 1.125rem;
line-height: 1.29375rem;
margin-bottom: 0.3125rem;
font-weight: 700;
color: #000000;
}
.box-type4 ul li .content-container .content-text h3 a{
color: #000000;
}
.box-type4 ul li .content-container .content-text a{
color: #525252;
display: block;
}
.box-type4 ul li .content-container .content-text a:last-child{
margin-bottom: 0px;
}
.box-type4 ul li .content-container .content-text a:hover{
color: #000000;
}
.box-type4 ul li .content-container .content-text ul{
padding-left: 1rem;
}
.box-type4 ul li .content-container .content-text ul li{
text-indent: 0;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin: 0px;
}
.box-type4 ul li .content-container .content-text ul li::before{
content: "";
font-size: 0.4rem;
color: #525252;
top: auto;
}
.box-type4 ul li .content-container .content-text ul li a{
margin-top: 0px;
}
.box-type4 ul li .content-container:hover{
background-color: #f4f4f4;
}
.box-type4 ul li:first-child{
margin-top: 0.75rem;
}
.box-type4 .slider1slide,
.box-type4 .slider2slide{
padding: 0 1.25rem 0.5rem 1.25rem;
}
.box-type4 .slider1slide > div h3,
.box-type4 .slider2slide > div h3{
font-size: 1.125rem;
line-height: 1.29375rem;
margin-bottom: 0.3125rem;
font-weight: 700;
color: #000000;
}
@media (min-width: 768px){
.box-type4 .slider2slide{
padding: 0 0.625rem 0 0.625rem;
}
.box-type4 .slider2slide .slick-slide{
margin-right: 0.625rem;
margin-left: 0.625rem;
}
}
.video-box header,
.articlelist header{
margin-bottom: 0;
}
.video-box .list-video li,
.articlelist .list-video li{
border-bottom: 1px solid #dcdcdc;
padding: 0.9rem 0.55rem;
margin-top: 0 !important;
}
.video-box .list-video li.current,.video-box .list-video li.active,
.articlelist .list-video li.current,
.articlelist .list-video li.active{
background-color: #f4f4f4;
}
.video-box .list-video li .icon-play,
.articlelist .list-video li .icon-play{
position: relative;
}
.video-box .list-video li .icon-play::before,
.articlelist .list-video li .icon-play::before{
font-size: 2rem;
position: absolute;
top: calc(50% - 0rem);
left: 49%;
transition: all 0.2s ease 0s;
transform: translate(-50%,-50%);
opacity: 0.75;
color: #fff;
border: 1px solid #aaa;
border-radius: 50%;
background-color: #aaa;
}
.video-box .list-video li .media-left,
.articlelist .list-video li .media-left{
padding-right: 0.6em;
padding-left: 0.6em;
}
.video-box > ul li,
.articlelist > ul li{
border-bottom: 1px solid #dcdcdc;
padding: 0.9rem 0.55rem;
margin-top: 0 !important;
}
.video-box > ul li.current,.video-box > ul li.active,
.articlelist > ul li.current,
.articlelist > ul li.active{
background-color: #f4f4f4;
}
.video-box > ul li .media-body h3,
.video-box > ul li .media-body h2,
.articlelist > ul li .media-body h3,
.articlelist > ul li .media-body h2{
margin-bottom: 0px;
font-size: 1rem;
line-height: 1.29375rem;
margin-bottom: 0.3125rem;
font-weight: 700;
}
.video-box > ul li .media-body span,
.articlelist > ul li .media-body span{
font-size: 0.875rem;
line-height: 1rem !important;
}
@media (max-width: 767.98px){
.video-box > ul li .media-body span,
.articlelist > ul li .media-body span{
font-size: 1rem;
}
}
.video-box .content-container,
.articlelist .content-container{
display: flex;
}
.video-box .content-container .media-content,
.articlelist .content-container .media-content{
max-width: 73px !important;
flex: 0 0 73px;
}
.video-box .content-container .media-content.figure--left,
.articlelist .content-container .media-content.figure--left{
margin-right: 1.25rem !important;
}
.video-box .content-container .media-content figure a,
.articlelist .content-container .media-content figure a{
position: relative;
display: block;
}
.video-box .content-container .media-content figure a:before,
.articlelist .content-container .media-content figure a:before{
font-size: 1.25rem;
position: absolute;
top: calc(50% - 0rem);
left: 49%;
transition: all 0.2s ease 0s;
transform: translate(-50%,-50%);
opacity: 0.75;
color: #fff;
border: 1px solid #aaa;
border-radius: 50%;
background-color: #aaa;
content: "s";
font-family: "lko" !important;
speak: none;
line-height: 1;
}
.video-box .content-container .content-text h3,
.video-box .content-container .content-text h2,
.articlelist .content-container .content-text h3,
.articlelist .content-container .content-text h2{
margin-bottom: 0px;
font-size: 1rem;
line-height: 1.29375rem;
margin-bottom: 0.3125rem;
font-weight: 700;
}
.video-box .content-container .content-text span,
.articlelist .content-container .content-text span{
font-size: 0.875rem;
line-height: 1rem !important;
}
@media (max-width: 767.98px){
.video-box .content-container .content-text span,
.articlelist .content-container .content-text span{
font-size: 1rem;
}
}
.box-zeitung{
margin: 0 0 2.5rem 0;
background-color: #f4f4f4;
padding: 0.5rem 1.1rem 0.5rem 0.5rem;
display: block;
}
.box-zeitung .content-container{
margin: 0px !important;
padding: 0px !important;
display: flex;
float: none;
justify-content: space-between;
}
.box-zeitung .content-container .media-content{
margin-bottom: 0 !important;
max-width: 120px;
}
@media (max-width: 991.98px){
.box-zeitung .content-container .media-content{
max-width: 95px !important;
}
}
.box-zeitung .content-container .media-content.figure--left{
margin-right: 1.25rem;
}
@media (max-width: 991.98px){
.box-zeitung .content-container .media-content.figure--left{
margin-right: 1rem;
}
}
.box-zeitung .content-container .media-content figure{
position: relative;
height: 120px;
display: block;
overflow: hidden;
margin-bottom: 0;
}
@media (max-width: 991.98px){
.box-zeitung .content-container .media-content figure{
width: auto !important;
height: auto !important;
}
}
.box-zeitung .content-container .media-content figure:before{
position: absolute;
z-index: 1;
top: 50%;
right: 0;
bottom: 0;
left: 0;
content: "";
background: rgba(0,0,0,0) linear-gradient(to bottom,rgba(244,244,244,0),#f4f4f4) repeat scroll 0 0;
}
@media (max-width: 991.98px){
.box-zeitung .content-container .content-text{
max-width: calc(100% - 105px);
}
}
.box-zeitung .content-container .content-text h3{
color: #525252;
font-size: 1rem;
line-height: 1.29375rem;
margin-bottom: 0.3125rem;
word-wrap: break-word;
-webkit-hyphens: auto;
hyphens: auto;
font-weight: 700;
}
@media (max-width: 991.98px){
.box-zeitung .content-container .content-text h3{
font-size: 1rem;
}
}
.box-zeitung .content-container .content-text h3 a{
color: #525252;
}
.box-zeitung .content-container .content-text .btn{
background-color: #007e46;
color: #ffffff;
font-size: 1rem;
padding: 0.625rem;
border-radius: 3px;
line-height: 1rem;
width: 100%;
}
.box--epaper{
border-top: 1px solid #dcdcdc;
margin: 0 0 2.5rem 0;
padding: 1rem 0 0 0;
display: block;
}
.box--epaper .content-container{
display: flex;
float: none;
justify-content: space-between;
}
@media (max-width: 1199.98px){
.box--epaper .content-container{
flex-wrap: wrap;
}
}
.box--epaper .media-content{
margin-right: 1rem;
max-width: 160px;
flex: 0 0 160px;
}
.box--epaper figure{
position: relative;
display: inline-block;
float: left;
margin: 0;
overflow: hidden;
}
.box--epaper figure img{
max-width: 160px;
border: 1px solid #dedede;
}
.box--epaper figure:after{
content:  url(/src_project/img/portal/redesign/buchfalz.png?1674717653);
position: absolute;
bottom: -7px;
right: -3px;
}
.box--epaper h2.h3,
.box--epaper h3,
.box--epaper h2{
color: #000000;
font-size: 1rem;
line-height: 1.29375rem;
margin-bottom: 0.3125rem;
font-weight: 700;
padding-top: 1rem;
}
.box--epaper h2.h3 a,
.box--epaper h3 a,
.box--epaper h2 a{
color: #525252;
}
.box--epaper .btn,
.box--epaper .button{
width: 100%;
background-color: #007e46;
color: #ffffff;
font-size: 1rem;
padding: 0.625rem;
border-radius: 3px;
line-height: 1rem;
text-align: center;
}
.box-type10.video-box .content-container .content-text h2.h3{
display: inline;
}
.box-type10.video-box .content-container .content-text > a{
word-wrap: break-word;
-webkit-hyphens: auto;
hyphens: auto;
}
.video-channel .header--underlined{
border: none;
margin-bottom: 0.5rem;
}
@media (max-width: 767.98px){
.video-channel{
margin-top: 1rem;
}
}
.video-channel .box-type10.video-box{
height: 100%;
padding-top: 1rem;
}
.video-channel .box-type10.video-box .content-container .content-text h2.h3{
display: inline;
}
@media (min-width: 992px){
.video-channel > .row > div:nth-child(-n+3) .box-type10.video-box,
.video-channel > .row > div:nth-child(-n+3) .box-type1.video-box{
border-top: 1px solid #dcdcdc;
}
}
@media (max-width: 1199.98px){
.video-channel > .row > div:nth-child(-n+2) .box-type10.video-box,
.video-channel > .row > div:nth-child(-n+2) .box-type1.video-box{
border-top: 1px solid #dcdcdc;
}
}
@media (max-width: 767.98px){
.video-channel > .row > div:nth-child(-n+2) .box-type10.video-box,
.video-channel > .row > div:nth-child(-n+2) .box-type1.video-box{
border-top: none;
}
.video-channel > .row > div:first-child .box-type10.video-box,
.video-channel > .row > div:first-child .box-type1.video-box{
border-top: 1px solid #dcdcdc;
}
}
.video-channel .box-type1.video-box{
background: transparent;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 1rem;
padding-top: 1.25rem;
margin: 0 0;
height: 100%;
}
.video-channel .box-type1.video-box figure a:hover:before{
opacity: 1;
}
.video-channel .box-type1.video-box figure a:before{
background-image: none;
font-size: 4rem;
position: absolute;
top: calc(50% - 2rem);
left: 50%;
transition: all 0.2s ease 0s;
transform: translate(-50%,-50%);
top: 50%;
height: auto;
width: auto;
opacity: 0.75;
color: #fff;
border-radius: 50%;
background-color: #007e46;
font-family: "lko" !important;
box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
content: "s";
line-height: 1;
}
.video-channel .box-type1.video-box header{
margin-bottom: 1;
line-height: 1.25rem;
display: flex;
height: 56px;
justify-content: space-between;
align-items: flex-end;
border-bottom: none;
background: transparent;
padding: 0 !important;
}
.video-channel .box-type1.video-box header h2{
font-size: 1.35rem;
line-height: 1.75rem;
font-weight: 700;
color: #525252;
padding-bottom: 0.3rem;
}
.video-channel .box-type1.video-box header .link-more{
color: #007e46;
font-size: 1rem;
font-weight: 500;
display: block;
white-space: nowrap;
margin-bottom: 5px;
right: inherit;
position: relative;
}
.video-channel .box-type1.video-box header .link-more:before{
font-family: "lko" !important;
color: #007e46;
font-size: 0.5em;
margin-right: 0.5em;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
content: "J";
}
.video-channel .box-type1.video-box ul li{
padding: 0;
}
.video-channel .box-type1.video-box .content-container:hover{
background: transparent;
}
.video-channel .box-type1.video-box .content-container .content-text span{
font-size: 1rem;
line-height: 1.5;
}
.video-channel .box-type1.video-box .content-container .content-text h3{
font-size: 1rem;
display: inline;
}
.video-channel .box-type1.video-box .content-container .content-text h3:before{
display: none;
}

.box-type10 header h2{
color: #ffffff;
font-weight: 500;
font-size: 1.125rem;
line-height: 1.625rem;
text-transform: initial;
}
.box-type10 ul li{
border-left: 2px solid #007e46;
margin-top: 1.5rem;
padding: 0 0 0 0.625rem;
overflow: hidden;
}
.box-type10 ul li .content-container{
padding: 0;
margin: 0;
}
.box-type10 ul li .content-container .content-text a{
color: #525252;
}
.box-type10 ul li .content-container .content-text h3{
font-size: 1.125rem;
line-height: 1.29375rem;
margin-bottom: 0.3125rem;
font-weight: 700;
color: #000000;
}
.box-type10.video-box{
background: transparent;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 1rem;
padding-top: 0;
border-top: 1px solid #dcdcdc;
margin: 0 0;
}
@media (max-width: 767.98px){
.box-type10.video-box figure{
display: block;
max-width: 100%;
}
}
.box-type10.video-box .content-container{
display: flex;
}
.box-type10.video-box .content-container .content-text h3{
font-size: 1rem;
display: inline;
}
.box-type10.video-box .content-container .content-text span{
font-size: 1rem;
line-height: 1.5;
}
.box-type10.video-box figure a{
position: relative;
display: block;
overflow: hidden;
}
.box-type10.video-box figure a:hover:before{
opacity: 1;
}
.box-type10.video-box figure a:before{
background-image: none;
font-size: 4rem;
position: absolute;
top: calc(50% - 2rem);
left: 50%;
transition: all 0.2s ease 0s;
transform: translate(-50%,-50%);
top: 50%;
height: auto;
width: auto;
opacity: 0.75;
color: #fff;
border-radius: 50%;
background-color: #007e46;
font-family: "lko" !important;
box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
content: "s";
line-height: 1;
}
.box-type10.video-box ul{
margin: 0px;
padding: 0px;
}
.box-type10.video-box ul li{
border-left: 0px;
border-bottom: 0px;
margin: 0px;
padding: 0;
}
.box-type10.video-box header{
margin-bottom: 1;
line-height: 1.25rem;
display: flex;
height: 56px;
justify-content: space-between;
align-items: flex-end;
border-bottom: none;
background: transparent;
padding: 0 !important;
}
.box-type10.video-box header .link-more{
color: #007e46;
font-size: 1rem;
font-weight: 500;
display: block;
white-space: nowrap;
margin-bottom: 5px;
right: inherit;
position: relative;
}
.box-type10.video-box header .link-more::before{
font-family: "lko" !important;
color: #007e46;
font-size: 0.5em;
margin-right: 0.5em;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
content: "J";
}
.box-type10.video-box header h2{
font-size: 1.35rem;
line-height: 1.75rem;
font-weight: 700;
color: #525252;
padding-bottom: 0.3rem;
position: relative;
}
aside .box-type10.video-box header{
height: 28px;
margin-top: 1.5rem;
}
.box-services{
margin: 0 0 2.5rem 0;
}
.box-services header{
background-color: #ffffff;
border-bottom: 1px solid #dcdcdc;
color: #525252;
padding-top: 0.4rem !important;
margin-bottom: 0rem;
line-height: 1.25rem;
}
.box-services header h2{
color: #525252;
font-weight: 600;
font-size: 1.125rem;
line-height: 1.625rem;
text-transform: initial;
}
.box-services ul{
margin: 0;
padding: 0;
}
.box-services ul li{
margin-top: 0rem;
padding: 1rem 0;
overflow: hidden;
border-bottom: 1px solid #dcdcdc;
}
.box-services ul li .content-container{
padding: 0;
margin: 0;
display: flex;
}
.box-services ul li .content-container .media-content.figure--left,
.box-services ul li .content-container .media-content .figure--right{
float: left;
margin-right: 0;
padding-right: 1.25rem;
margin-bottom: 0rem;
max-width: 117px;
flex: 0 0 auto;
}
.box-services ul li .content-container .media-content.figure--left figure,
.box-services ul li .content-container .media-content .figure--right figure{
margin-bottom: 0rem;
}
.box-services ul li .content-container .content-text h3{
font-size: 1.125rem;
line-height: 1.29375rem;
margin-bottom: 0.3125rem;
font-weight: 700;
color: #007e46;
}
.box-services ul li .content-container .content-text h3 a,
.box-services ul li .content-container .content-text h3 a:hover{
color: #007e46;
}
.box-services ul li .content-container .content-text a{
color: #525252;
}
.box-services ul li .content-container .content-text a:hover{
color: #000000;
}
.box-services ul li:first-child{
margin-top: 0.5rem;
}
@media (max-width: 767.98px){
.box-services ul li .content-container .media-content.figure--left,
.box-services ul li .content-container .media-content .figure--right{
max-width: auto !important;
width: auto !important;
float: left !important;
margin-bottom: 0rem;
}
.box-services ul li .content-container .media-content.figure--left figure,
.box-services ul li .content-container .media-content .figure--right figure{
margin-bottom: 0rem;
}
}
.box-fotogallery{
margin: 0 0 2.5rem 0;
background-color: #f4f4f4;
}
.box-fotogallery header{
color: #525252;
padding: 0.85rem 1.25rem 0.3125rem 1.25rem !important;
margin-bottom: 0.5rem;
line-height: 1.25rem;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #dcdcdc;
}
.box-fotogallery header h2{
color: #525252;
font-weight: 500;
font-size: 1.125rem;
line-height: 1.625rem;
text-transform: initial;
}
.box-fotogallery header h2 svg{
fill: #525252;
vertical-align: text-top;
}
.box-fotogallery header .link-more{
color: #007e46;
font-size: 1rem;
font-weight: 500;
}
.box-fotogallery header .link-more:before{
font-family: "lko" !important;
color: #007e46;
font-size: 0.5em;
margin-right: 0.5em;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
content: "J";
}
.box-fotogallery ul{
margin: 0 1.25rem;
padding-bottom: 0.5rem;
}
.box-fotogallery ul.preview-images{
margin-left: 0;
}
.box-fotogallery ul li{
margin-top: 1rem;
}
.box-fotogallery ul li h3{
font-size: 1rem;
font-weight: 500;
color: #000000;
}
.box-fotogallery ul li .cont-fotogallery{
width: 100%;
overflow: hidden;
}
.box-fotogallery ul li .cont-fotogallery ul.list-images{
margin: 0px;
display: block;
white-space: nowrap;
position: relative;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
.box-fotogallery ul li .cont-fotogallery ul.list-images li{
margin: 2.5px 2.5px 0 0;
display: inline-block;
}
.box-fotogallery ul li .cont-fotogallery ul.list-images li:first-child{
margin-left: 0px;
}
.box-fotogallery ul li .cont-fotogallery ul.list-images li:last-child{
margin-right: 0px;
}
.box-fotogallery ul li .cont-fotogallery ul.list-images li a{
border: 3px solid transparent;
display: block;
transition: all 0.2s linear 0s;
}
.box-fotogallery ul li .cont-fotogallery ul.list-images li a img{
height: 72px;
width: auto;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.box-fotogallery ul li .cont-fotogallery ul.list-images li a:hover{
border: 3px solid #007e46;
}
.box-fotogallery ul li .cont-fotogallery ul.list-images::after{
content: "+" attr(data-count);
position: absolute;
right: 0.625rem;
top: 50%;
transform: translateY(-50%);
color: #ffffff;
background: #007e46;
width: 3.125rem;
height: 3.125rem;
border-radius: 2.5rem;
text-align: center;
font-size: 1.125rem;
font-weight: 500;
line-height: 3.125rem;
opacity: 0.9;
}

.box-theme{
margin: 0 0 2em;
}
.box-theme header{
margin-bottom: 0.5rem;
line-height: 1.25rem;
display: flex;
height: 56px;
justify-content: space-between;
align-items: flex-end;
border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 767.98px){
.box-theme header{
height: auto;
}
}
.box-theme header h2{
font-size: 1.5rem;
line-height: 1.75rem;
font-weight: 700;
color: #525252;
padding-bottom: 0.3rem;
}
.box-theme header .link-more{
color: #007e46;
font-size: 1rem;
font-weight: 500;
display: block;
white-space: nowrap;
margin-bottom: 5px;
}
.box-theme header .link-more:before{
font-family: "lko" !important;
color: #007e46;
font-size: 0.5em;
margin-right: 0.5em;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
content: "J";
}
.box-theme .content-container{
margin: 0px;
}
.box-theme .content-container .content-text h3{
font-size: 1.125rem;
line-height: 1.29375rem;
margin-bottom: 0.5625rem;
margin-top: 0.5625rem;
font-weight: 700;
color: #000000;
position: relavite;
}
.box-theme .content-container .content-text h3:before{
position: absolute;
left: 0;
top: 0.4;
font-size: 0.6em;
color: currentColor;
content: "J";
font-family: "lko" !important;
}
.box-theme .content-container .content-text h3 a{
color: #000000;
}
.box-theme .content-container .content-text p{
line-height: 1.5;
}
.box-theme .content-container .content-text a{
color: #525252;
}
.box-theme .content-container .content-text a:hover{
color: #000000;
}
.box-theme figure{
width: 100%;
margin-bottom: 0rem;
}
.box-theme figure img{
background-repeat: no-repeat !important;
background-size: contain !important;
}
.box-theme ul{
padding-top: 1rem;
}
.box-theme ul li{
margin-top: 2rem;
overflow: hidden;
}
.box-theme ul li:first-child{
margin-top: 0px;
}
.box-theme .content--overlay{
position: relative;
max-height: 6.5rem;
padding-left: 1.25rem;
overflow: hidden;
min-height: 6.5em;
transition: all 0.6s ease-out 0s;
cursor: pointer;
display: block;
}
.box-theme .content--overlay:before{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: " ";
background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,white 100%);
transition: all 0.2s ease 0.4s;
}
.box-theme .content--overlay:hover{
height: auto;
min-height: 6.5em;
max-height: 100em;
transition: all 1s ease 0s;
}
.box-theme .content--overlay:hover:before{
opacity: 0;
transition: all 0.2s ease 0s;
}
@media (max-width: 991.98px){
.box-theme .content--overlay{
max-height: inherit;
min-height: inherit;
}
.box-theme .content--overlay:before{
display: none;
}
}
.highlighted header .link-more:before{
background: transparent  url("/src_project/svg/portal/svg/home-green.svg") no-repeat center top;
content: "";
display: inline-block;
width: 14px;
height: 14px;
}
.highlighted ul{
background-color: #f4f4f4;
}
.highlighted ul .content-container{
margin: 0px;
}
.highlighted ul .content-container .content-text h3{
color: #007e46;
}
.highlighted ul .content-container .content-text h3 a{
color: #007e46;
}
.highlighted ul .content-container .content-text h3:before{
display: none;
}
.highlighted .content--overlay{
padding-left: 0.625rem;
padding-bottom: 0.625rem;
}
.highlighted .content--overlay::before{
background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,#f4f4f4 100%);
background-image: linear-gradient(to bottom,rgba(255,255,255,0) 50%,#f4f4f4 100%) !important;
}


.versuchsberichte header{
margin-top: 0;
}
.versuchsberichte header h1{
font-size: 1.875rem;
font-weight: 700;
-webkit-hyphens: auto;
hyphens: auto;
line-height: 2.313rem;
color: #000000;
}
.versuchsberichte .summary{
color: #525252;
margin-bottom: 0;
font-size: 1.125rem;
line-height: 1.5;
margin-top: 0rem;
}
@media (min-width: 992px){
.versuchsberichte ~ aside .box-type2.links:nth-of-type(1){
clear: both;
margin-top: 2rem;
}
}
.versuchsberichte > section + section,.versuchsberichte > header + section{
margin-top: 1.2rem;
}
.versuchsberichte .filter-container{
margin-top: 1rem;
}
@media (max-width: 767.98px){
.versuchsberichte .filter-container .SumoSelect{
margin-bottom: 1rem;
}
}
.versuchsberichte .content-container.with-map{
margin-top: 3rem;
margin-bottom: 3rem;
}
.versuchsberichte #result-container{
margin-bottom: 4rem;
}
select + .nice-select{
width: 100%;
}
select + .nice-select > ul.list{
z-index: 1100;
}
#dc-leaflet-map-treffer{
font-size: smaller;
padding: 0.5em 1em;
background-color: #f6f6f6;
}
.no-gutter{
margin-right: 0;
margin-left: 0;
}
.gird-10{
position: relative;
}
.gird-10 .col-xs-1{
width: 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.gird-10 .col-xs-2{
width: 25%;
flex: 0 0 25%;
max-width: 25%;
}
.gird-10 .col-xs-3{
width: 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.gird-10 .col-xs-4{
width: 50%;
flex: 0 0 50%;
max-width: 50%;
}
.gird-10 .col-xs-5{
width: 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.gird-10 .col-xs-6{
width: 60%;
flex: 0 0 60%;
max-width: 60%;
}
.gird-10 .col-xs-7{
width: 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.gird-10 .col-xs-8{
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (max-width: 767px){
.gird-10 .col-xs-offset-icon{
margin-left: 45px;
justify-content: left !important;
}
.gird-10 .col-xs-auto{
width: auto;
}
}
@media (min-width: 768px){
.gird-10 .col-sm-1{
width: 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.gird-10 .col-sm-2{
width: 25%;
flex: 0 0 25%;
max-width: 25%;
}
.gird-10 .col-sm-3{
width: 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.gird-10 .col-sm-4{
width: 50%;
flex: 0 0 50%;
max-width: 50%;
}
.gird-10 .col-sm-5{
width: 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.gird-10 .col-sm-6{
width: 75%;
flex: 0 0 75%;
max-width: 75%;
}
.gird-10 .col-sm-7{
width: 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.gird-10 .col-smd-8{
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.no-gutter > [class*=col-]{
padding-right: 0;
padding-left: 0;
}
#result-container > div{
display: flex;
padding: 1em 0;
border-bottom: solid 1px #f6f6f6;
flex-wrap: wrap;
}
#result-container > div.title{
font-weight: 700;
margin-top: 3.5em;
padding-top: 0.5em;
padding-right: 0;
padding-bottom: 0.5em;
padding-left: 0;
border-top: solid 1px #f6f6f6;
}
#result-container > div.title:first-child{
margin-top: 0;
}
#result-container > div > div{
font-size: 14px;
display: flex;
flex-wrap: wrap;
}
#result-container > div > div *{
display: flex;
margin: 0;
}
#result-container > div > div.icons{
justify-content: center;
}
@media (max-width: 767px){
#result-container > div > div.icons{
position: absolute;
}
}
@media (min-width: 576px) and (max-width: 767.98px){
#result-container > div > div.icons{
padding-right: 0;
}
}
#result-container > div .svgicon-download{
width: 1.8em;
height: 1.8em;
color: #007e46;
}
#result-container > div .pdf-link{
font-weight: 700;
display: flex;
flex-direction: row;
color: #0e0904;
align-self: flex-start;
}
@media (min-width: 768px){
#result-container > div .pdf-link .download-text{
display: inline-grid;
margin-left: 20px;
flex-wrap: wrap;
align-content: flex-start;
align-self: flex-start;
}
}
#result-container > div .pdf-link::before{
display: none;
}
@media (max-width: 767px){
#result-container > div .pdf-link{
margin-top: 5px;
}
}
#result-container > div .pdf-size{
font-weight: normal;
line-height: 0.9em;
color: #555555;
}
#result-container > div .pdf-size span{
line-height: 0.9em;
}
#result-container > div .jahrig{
font-size: 12px;
margin-top: 10px;
text-transform: uppercase;
color: #98b50d;
flex-basis: 100%;
}
@media (max-width: 767px){
#result-container > div .jahrig{
margin-top: 0;
margin-bottom: 5px;
}
}
#dc-leaflet-map{
height: 440px;
}
@media (max-width: 767px){
.content-container.with-map{
display: none;
}
}
@media (max-width: 767px){
.filter-container .nice-select{
margin-top: 10px !important;
}
}
@media (max-width: 767px){
#result-container > div .pdf-auto{
position: absolute;
right: 0;
bottom: 1.25em;
width: calc(40% - 55px);
padding-left: 0;
}
#result-container > div .pdf-auto .pdf-link{
flex-direction: column !important;
width: 100%;
align-items: center;
}
#result-container > div .pdf-auto .pdf-link .download-text{
margin-left: 0;
}
#result-container > div .pdf-auto .pdf-link .download-text > span{
display: none !important;
}
#result-container > div .pdf-auto .pdf-link .download-text > span.pdf-size{
font-size: 12px;
display: block !important;
width: 100%;
margin-top: 5px;
text-align: center;
}
#result-container > div .pdf-auto .pdf-link .download-text > span.pdf-size span{
display: inline;
}
}
.leaflet-marker-icon.leaflet-div-icon{
border: none;
background-color: transparent;
}
.leaflet-marker-icon.leaflet-div-icon span{
font-size: 1.5em;
font-weight: bold;
color: white;
}
.leaflet-popup-content-wrapper{
border-radius: 0;
}
.leaflet-popup-content{
font-size: 1.3em;
padding: 0.6em 2em;
}
.leaflet-popup-content .row > div[class*=col-]:not(:last-child){
margin-bottom: 0.5em;
}
.leaflet-popup-content .title{
font-weight: 700;
}
.leaflet-popup-content .row > div:last-child{
font-size: 0.9em;
cursor: pointer;
text-transform: uppercase;
color: green;
}
.leaflet-popup-content .row > div:last-child:before{
font-weight: 700;
content: "+ ";
}
#result-container .icons > div[class^=icon-],
.leaflet-popup-content .icons > div[class^=icon-]{
display: inline-block;
width: 30px;
height: 30px;
margin: 0 0.2em;
background-repeat: no-repeat;
background-size: contain;
}
#result-container .icons > div[class^=icon-].inactive,
.leaflet-popup-content .icons > div[class^=icon-].inactive{
filter: saturate(0);
}
#result-container .icons > .icon-zwischenfrüchte,
.leaflet-popup-content .icons > .icon-zwischenfrüchte{
background-image:  url("/src_project/svg/portal/versuchsberichte/zwischenfrüchte.svg");
}
#result-container .icons > .icon-untersaat,
.leaflet-popup-content .icons > .icon-untersaat{
background-image:  url("/src_project/svg/portal/versuchsberichte/untersaat.svg");
}
#result-container .icons > .icon-gemenge,
.leaflet-popup-content .icons > .icon-gemenge{
background-image:  url("/src_project/svg/portal/versuchsberichte/gemenge.svg");
}
#result-container .icons > .icon-mais,
.leaflet-popup-content .icons > .icon-mais{
background-image:  url("/src_project/svg/portal/versuchsberichte/mais.svg");
}
#result-container .icons > .icon-hirse,
.leaflet-popup-content .icons > .icon-hirse{
background-image:  url("/src_project/svg/portal/versuchsberichte/hirse.svg");
}
#result-container .icons > .icon-kürbis,
.leaflet-popup-content .icons > .icon-kürbis{
background-image:  url("/src_project/svg/portal/versuchsberichte/kürbis.svg");
}
#result-container .icons > .icon-sojabohne,
.leaflet-popup-content .icons > .icon-sojabohne{
background-image:  url("/src_project/svg/portal/versuchsberichte/sojabohne.svg");
}
#result-container .icons > .icon-gerste,
.leaflet-popup-content .icons > .icon-gerste{
background-image:  url("/src_project/svg/portal/versuchsberichte/gerste.svg");
}
#result-container .icons > .icon-raps,
.leaflet-popup-content .icons > .icon-raps{
background-image:  url("/src_project/svg/portal/versuchsberichte/raps.svg");
}
#result-container .icons > .icon-roggen,
.leaflet-popup-content .icons > .icon-roggen{
background-image:  url("/src_project/svg/portal/versuchsberichte/roggen.svg");
}
#result-container .icons > .icon-weizen,
.leaflet-popup-content .icons > .icon-weizen{
background-image:  url("/src_project/svg/portal/versuchsberichte/weizen.svg");
}
#result-container .icons > .icon-sonnenblume,
.leaflet-popup-content .icons > .icon-sonnenblume{
background-image:  url("/src_project/svg/portal/versuchsberichte/sonnenblume.svg");
}
#result-container .icons > .icon-sonstige,
.leaflet-popup-content .icons > .icon-sonstige{
background-image:  url("/src_project/svg/portal/versuchsberichte/sonstige.svg");
}
.beratung-substart li{
display: flex;
flex-wrap: nowrap;
align-content: center;
align-items: center;
margin-top: 0.938rem;
margin-bottom: 0.938rem;
}
.beratung-substart li header{
-webkit-hyphens: auto;
hyphens: auto;
flex-grow: 1;
}
.beratung-substart li header h2{
font-weight: bold;
font-size: 1.5rem;
color: #525252;
line-height: 1;
}
@media (min-width: 992px) and (max-width: 1200px){
.beratung-substart li header h2{
font-size: 1.25rem;
}
}
.beratung-substart li header h2 a{
color: #525252;
}
.beratung-substart li header span{
border-top: 1px solid #dcdcdc;
font-size: 0.875rem;
color: #a4a3a3;
margin-top: 0.4rem;
padding-top: 0.3rem;
width: 100%;
display: inline-block;
font-weight: normal;
}
@media (min-width: 576px){
.beratung-substart li header span{
margin-top: 0.813rem;
padding-top: 0.65rem;
}
}
.beratung-substart li header span a{
color: #a4a3a3;
}
.beratung-substart li figure{
padding-right: 0.813rem;
margin-bottom: 0;
flex: 0 0 9.5rem;
}
@media (min-width: 576px){
.beratung-substart li figure{
padding-right: 1.375rem;
}
}
@media (min-width: 768px){
.beratung-substart li figure{
flex: 0 0 12rem;
}
}
@media (min-width: 992px){
.beratung-substart li figure{
flex: 0 0 9rem;
}
}
@media (min-width: 1200px){
.beratung-substart li figure{
flex: 0 0 12rem;
}
}
.map-link:not(#img-zoomer-box){
transition: transform 0.5s ease;
transform-origin: 100% 50%;
}
.map-link:not(#img-zoomer-box):active,.map-link:not(#img-zoomer-box):hover{
transform: scale(1.8);
box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.3);
}
.map-link{
position: relative;
width: 100%;
vertical-align: middle;
margin: 0;
overflow: hidden;
}
.map-link image{
position: relative;
z-index: 1;
}
.map-link svg{
display: inline-block;
max-height: inherit;
max-width: inherit;
}
.foerderleiste{
margin-top: 2.55rem;
margin-bottom: 1.875rem;
}

#img-zoomer-box{
max-width: 100%;
height: auto;
position: relative;
margin: 0;
overflow: visible;
}
#img-zoomer-box:hover,#img-zoomer-box:active{
cursor: zoom-in;
display: block;
}
#img-zoomer-box .zoom-helper{
position: absolute;
top: 0;
left: 0;
}
#img-zoomer-box #img-1{
width: 100%;
height: auto;
}
#img-zoomer-box:hover #img-2,#img-zoomer-box:active #img-2{
opacity: 1;
}
#img-zoomer-box #img-2{
width: 340px;
height: 340px;
background:  url("/src_project/svg/portal/forderlogo.svg") no-repeat #FFF;
box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
pointer-events: none;
position: absolute;
opacity: 0;
border: 4px solid whitesmoke;
z-index: 99;
border-radius: 100%;
display: block;
transition: opacity 0.2s;
background-size: auto 230px;
}

/* splitted due to filesize */

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