/* *** generated @ 2025-10-29 14:33:14 *** */

/* ** [ /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%,rgb(255,255,255) 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%,rgb(255,255,255) 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 a[href^=http],
.box-type2 > ul li a[href^=http],
.box-type3 > ul li a[href^=http],
.box-type5 > ul li a[href^=http]{
color: #006634;
}
.box-type1 > ul li a[href^=http]:hover,.box-type1 > ul li a[href^=http]:focus,
.box-type2 > ul li a[href^=http]:hover,
.box-type2 > ul li a[href^=http]:focus,
.box-type3 > ul li a[href^=http]:hover,
.box-type3 > ul li a[href^=http]:focus,
.box-type5 > ul li a[href^=http]:hover,
.box-type5 > ul li a[href^=http]:focus{
text-decoration: underline;
}
.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?_=1761733933) 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: rgb(0,126,70);
}
.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;
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: "\f111";
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;
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?_=1761733933);
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;
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%,rgb(255,255,255) 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;
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;
contain: content;
}
#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;
contain: strict;
}
@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{
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;
}
.foerderleiste .c-box{
width: auto;
}

.accordion-section{
margin: 1.5rem 0;
display: block;
clear: both;
width: 100%;
float: left;
}
.accordion-section .acc-title h2{
border-top: 3px solid #006634;
font-size: 1rem;
font-weight: 500;
margin: 0;
padding: 0.6rem 0;
text-transform: none;
color: #006634;
hyphens: auto;
}
@media (max-width: 991.98px){
.accordion-section .acc-title h2{
display: inline-block;
width: 50%;
}
}
.accordion-section .card{
background-color: #ffffff;
border-top: 1px dashed #efefef;
border-bottom: 0;
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-section .card .card-header{
background-color: #ffffff;
border-radius: 0;
border: 0;
padding: 0;
margin: 0;
}
.accordion-section .card .card-header .btn-link{
font-size: 1rem;
white-space: initial;
font-weight: 600;
width: 100%;
text-align: left;
margin: 0;
padding: 0.7rem 2rem 0.7rem 0.625rem;
line-height: 1.3rem;
color: #0e0904;
position: relative;
border-radius: 0;
padding-right: 34px !important;
text-decoration: none;
text-transform: none;
border-radius: 0;
}
.accordion-section .card .card-header .btn-link:hover,.accordion-section .card .card-header .btn-link:active{
text-decoration: none;
}
.accordion-section .card .card-header .btn-link::after{
content: "";
right: 13px;
top: calc(50% - 10px);
position: absolute;
width: 20px;
height: 20px;
background:  url("/src_project/svg/portal/dropdown_akkordeon_rauf.svg") no-repeat center center !important;
transition: all 0.5s;
}
.accordion-section .card .card-header .btn-link.collapsed{
background-color: #ffffff;
}
.accordion-section .card .card-header .btn-link.collapsed::after{
transform: rotate(180deg);
}
.accordion-section .card .card-header .btn-link:focus{
border-color: transparent !important;
}
.accordion-section .card:last-child{
border-bottom: 1px dashed #efefef;
}
.accordion-section .card .acc-text{
padding: 0rem 0.625rem 1.25rem 0.625rem;
line-height: 1.67rem;
}
.accordion-section .card .acc-text .card-body{
padding: 0.5rem 0 0 0;
}
.collapse-all{
text-align: right;
display: block;
width: 100%;
color: black;
font-size: 0.85rem;
font-weight: 500;
margin-bottom: 1rem;
}
.collapse-all a{
color: #006634;
}
.collapse-all a:hover,.collapse-all a:focus{
text-decoration: underline;
}
.collapse-all a:after,.collapse-all a:before{
color: black;
display: inline-block;
}
.accordion-section .content-container .media-content.img1 figure figcaption,
.accordion-section-extended .content-container .media-content.img1 figure figcaption{
display: none !important;
}
@media (min-width: 768px){
.accordion-section .content-container .media-content.img1 figure,
.accordion-section-extended .content-container .media-content.img1 figure{
width: auto;
max-width: 100%;
}
}
.accordion-section .content-container figure,
.accordion-section-extended .content-container figure{
margin-bottom: 0.5rem;
}
@media (max-width: 767.98px){
.accordion-section .content-container figure,
.accordion-section-extended .content-container figure{
margin-bottom: 0.85rem;
}
}
@media (max-width: 767.98px){
.accordion-section .content-container figure figcaption .p-title,
.accordion-section .content-container figure figcaption .p-text,
.accordion-section .content-container figure figcaption .p-credit,
.accordion-section-extended .content-container figure figcaption .p-title,
.accordion-section-extended .content-container figure figcaption .p-text,
.accordion-section-extended .content-container figure figcaption .p-credit{
font-size: 0.875rem;
}
}
.accordion-section .content-container .figure--left,
.accordion-section-extended .content-container .figure--left{
margin-right: 0 !important;
margin-top: 0.25rem;
}
@media (min-width: 768px){
.accordion-section .content-container .figure--left,
.accordion-section-extended .content-container .figure--left{
margin-right: 1.2rem !important;
}
}
.accordion-section .content-container .figure--right,
.accordion-section-extended .content-container .figure--right{
margin-top: 0.25rem;
}
@media (min-width: 768px){
.accordion-section .content-container .figure--right,
.accordion-section-extended .content-container .figure--right{
margin-left: 1.2rem;
}
}
.accordion-section .content-container.table-container h2,
.accordion-section .content-container.table-container h3,
.accordion-section-extended .content-container.table-container h2,
.accordion-section-extended .content-container.table-container h3{
font-size: 0.9rem;
margin-bottom: 0.25rem;
}
.accordion-section .content-container .content-text .kasten-grün,
.accordion-section-extended .content-container .content-text .kasten-grün{
padding: 1rem 1.5rem;
background: #f0f6f4;
color: #000;
line-height: 1.5;
margin-top: 1rem;
margin-bottom: 1rem;
display: block !important;
}
.accordion-section .content-container .content-text .kasten-grün h2,
.accordion-section .content-container .content-text .kasten-grün h3,
.accordion-section-extended .content-container .content-text .kasten-grün h2,
.accordion-section-extended .content-container .content-text .kasten-grün h3{
font-size: 0.9rem;
}
.accordion-section .content-container .content-text h3,
.accordion-section .content-container .content-text h2,
.accordion-section-extended .content-container .content-text h3,
.accordion-section-extended .content-container .content-text h2{
font-size: 0.9rem;
margin-bottom: 0.25rem;
}

.accordion-section-extended{
margin: 1.5rem 0;
display: block;
clear: both;
width: 100%;
float: left;
}
@media (max-width: 1199.98px){
.accordion-section-extended .offset-lg-1{
margin-left: 8.33333333%;
}
.accordion-section-extended .offset-lg-1.col-md-12{
width: 91.66666667%;
}
}
.accordion-section-extended .acc-title h2{
border-top: 1px solid #efefef;
font-size: 1rem;
font-weight: 500;
margin: 0;
padding: 0;
text-transform: none;
display: block;
width: 100%;
}
.accordion-section-extended .acc-title h2 button{
display: block;
width: 100%;
font-size: 1rem;
font-weight: 600;
padding: 1rem 2rem 1rem 0;
color: #0e0904;
position: relative;
line-height: 1.4;
text-decoration: none;
text-transform: none;
border-radius: 0;
text-align: left;
}
.accordion-section-extended .acc-title h2 button:focus{
outline: none;
border-bottom: 1px solid #efefef !important;
border-top: 0;
border-right: 0;
border-left: 0;
}
.accordion-section-extended .acc-title h2 button:hover,.accordion-section-extended .acc-title h2 button:active{
text-decoration: none;
}
.accordion-section-extended .acc-title h2 button::after{
content: "";
right: 5px;
top: 1rem;
position: absolute;
width: 20px;
height: 20px;
background:  url("/src_project/svg/portal/dropdown_akkordeon_rauf.svg") no-repeat center center !important;
transition: all 0.5s;
}
.accordion-section-extended .acc-title h2 button:not(.collapsed){
border-bottom: 1px solid #efefef;
color: #006634;
}
.accordion-section-extended .acc-title h2 button.collapsed{
background-color: #ffffff;
}
.accordion-section-extended .acc-title h2 button.collapsed::after{
transform: rotate(180deg);
}
.accordion-section-extended .acc-level2{
width: 100%;
}
.accordion-section-extended .card{
background-color: #ffffff;
border-top: 1px solid #efefef;
border-bottom: 0;
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-section-extended .card .content-container{
margin: 0 0 1.5rem 0;
}
.accordion-section-extended .card:first-child{
border-top: none;
}
.accordion-section-extended .card:first-child .card-header .btn-link{
border-top: none;
}
.accordion-section-extended .card .card-header{
background-color: #ffffff;
border-radius: 0;
border: 0;
padding: 0;
margin: 0.75rem 0 0 0;
}
.accordion-section-extended .card .card-header .btn-link{
font-size: 1rem;
white-space: initial;
font-weight: 600;
width: 100%;
text-align: left;
margin: 0;
padding: 1.1rem 2rem 1.1rem 0.625rem;
line-height: 1.3rem;
position: relative;
border-radius: 0;
padding-right: 30px !important;
text-decoration: none;
border-radius: 0;
text-decoration: none;
text-transform: none;
color: #0e0904;
}
.accordion-section-extended .card .card-header .btn-link:hover,.accordion-section-extended .card .card-header .btn-link:active{
text-decoration: none;
transform: translateY(0);
box-shadow: none;
}
.accordion-section-extended .card .card-header .btn-link::after{
content: "\e901";
right: 5px;
top: 1.1rem;
position: absolute;
width: 20px;
height: 20px;
font-family: "lko";
font-size: 1.25rem;
transition: all 0.5s;
font-weight: normal;
}
.accordion-section-extended .card .card-header .btn-link:not(.collapsed){
background: #ebf3ee;
}
.accordion-section-extended .card .card-header .btn-link.collapsed{
background-color: #ffffff;
color: #0e0904;
}
.accordion-section-extended .card .card-header .btn-link.collapsed::after{
transform: rotate(180deg);
color: #0e0904;
}
.accordion-section-extended .card .card-header .btn-link:focus{
border-color: transparent !important;
text-decoration: none !important;
}
.accordion-section-extended .card:last-child{
border-bottom: 1px solid #efefef;
}
.accordion-section-extended .card .acc-text{
padding: 0rem 0.625rem 1.25rem 0.625rem;
line-height: 1.67rem;
margin-bottom: -1px;
z-index: 500;
}
.accordion-section-extended .card .acc-text .card-body{
padding: 0.5rem 0 0 0;
}
.kontakt-section.center-petition{
justify-content: center;
}
.kontakt-section.center-petition header,
.kontakt-section.center-petition .content-container{
text-align: center;
}
@media (min-width: 768px){
.kontakt-section.center-petition header,
.kontakt-section.center-petition .content-container{
margin-left: -30px;
margin-right: -30px;
width: calc(100% + 60px);
}
}
@media (min-width: 768px){
.kontakt-section.center-petition header h1{
margin-top: 0;
}
}
.kontakt-section.center-petition .btn-row{
text-align: center;
}
.kontakt-section.center-petition .btn-row .btn{
margin: 40px 0 0 0;
}
@media (min-width: 768px){
.kontakt-section.center-petition .btn-row .btn{
width: auto;
min-width: 30%;
margin-left: auto;
margin-right: auto;
}
}

/* ** [ /src_project/sites/portal/css/4/./article.css ] (@import) ** */
.p-title,
.p-text,
.p-credit{
color: #555555;
}
@media (max-width: 767.98px){
.p-title,
.p-text,
.p-credit{
font-size: 1rem;
line-height: 1.2;
}
}
.action-bar{
border-top: 0px;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 0.23rem;
margin-bottom: 0;

margin-top: 0;
min-height: 33px;
}
@media (max-width: 767.98px){
.action-bar{
margin-top: 0;
}
}
.action-bar > div{
flex-direction: row-reverse;
flex-wrap: wrap;
}
.action-bar > div .shariff{
display: none;
}
.action-bar > div .author-date{
font-size: 0.875rem;
color: #525252;
}
@media (max-width: 767.98px){
.action-bar > div .author-date{
font-size: 1rem;
text-align: left;
}
}
.action-bar > div .author-date a{
text-decoration: underline;
}
.action-bar > div .action-btn a{
font-size: 0.875rem;
color: #525252;
}
.action-bar > div .action-btn svg{
vertical-align: text-bottom;
}
.action-bar > div .action-btn li{
display: inline-flex;
}
.action-seperator .action-bar{
margin-bottom: 0;
}
header.header-plain{
margin-top: 0;
}
header.header-plain h1{
font-size: 1.875rem;
font-weight: 700;
hyphens: auto;
line-height: 1.3;
color: #525252;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 0.3rem;
margin-top: 0;
padding-top: 0;
}
main article header h1{
font-size: 1.875rem;
font-weight: 700;
hyphens: auto;
line-height: 1.3;
color: #000000;
margin-top: 2rem;
}
main article header.header-soft{
margin-top: 0;
}
main article header.header-alone{
margin-top: 0;
}
main article header.header-alone h1{
color: #000000;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 1.5rem;
margin-top: 0;
}
main article header.header-paginator{
margin-top: 0;
}
main article header.header-paginator h1{
color: #000000;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 0.3rem;
margin-top: 0;
}
@media (max-width: 767.98px){
main article header.header-paginator h1{
margin-top: 2rem;
}
}
main article header.header-paginator .navigation-result{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
width: 100%;
}
main article header.header-paginator .navigation-result .pagination,
main article header.header-paginator .navigation-result .counter-article{
margin: 0.3rem 0 0 0 !important;
}
@media (max-width: 575.98px){
main article header.header-paginator .navigation-result{
flex-wrap: wrap;
}
main article header.header-paginator .navigation-result .pagination{
margin-top: 1rem !important;
}
main article header.header-paginator .navigation-result .counter-article{
margin-top: 1rem !important;
}
}
main article header.header-upper{
display: inline-blcok;
}
main article header.header-upper h1{
margin-top: 0;
padding-top: 2rem;
border-top: 1px solid #dcdcdc;
}
main article header.header-alone .navigation-result{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
width: 100%;
}
main article header.header-alone .navigation-result .pagination,
main article header.header-alone .navigation-result .counter-article{
margin: 0.3rem 0 0 0 !important;
}
@media (max-width: 575.98px){
main article header.header-alone .navigation-result{
flex-wrap: wrap;
}
main article header.header-alone .navigation-result .pagination{
margin-top: 1rem !important;
}
main article header.header-alone .navigation-result .counter-article{
margin-top: 1rem !important;
}
}
main article{
display: block;
float: left;
width: 100%;
}
main article span.c-absatz{
display: block;
float: left;
width: 100%;
clear: both;
}
main article .content-container{
margin-top: 1rem;
margin-bottom: 0;
}
main article .content-container a{
word-wrap: break-word;
}
main article .content-container.style3{
background: #deebde;
color: #000;
line-height: 1.5;
display: block !important;
}
main article .content-container.style3 h2{
font-size: 1.125rem;
}
main article .content-container.style3,main article .content-container.style1{
padding: 1rem 1.5rem;
}
main article .content-container.style3 h2,main article .content-container.style1 h2{
margin-top: 0;
margin-bottom: 0.8em;
}
@media (min-width: 768px){
main article .content-container.style5 .media-content{
float: right;
margin-right: 0;
margin-left: 1.875rem;
}
}
main article .content-container .summary{
color: #525252;
margin-bottom: 18px;
font-size: 1.125rem;
line-height: 1.5;
}
main article .content-container .summary a{
color: #007e46;
}
main article .content-container h2{
font-size: 1.125rem;
font-weight: 700;
hyphens: auto;
line-height: 1.5;
margin-bottom: 14.4px;
margin-top: 0px;
}
main article .content-container .content-text{
font-size: 1rem;
line-height: 1.5;
}
main article .content-container .content-text a{
color: #006634;
}
main article .content-container .content-text ul{
margin-top: 1rem;
margin-bottom: 1rem;
}
main article .content-container .content-text ul li{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
text-indent: -18px;
padding-left: 20px;
margin-left: -20px;
left: 20px;
margin-right: 20px;
}
main article .content-container .content-text ul li:before{
content: "\f061";
color: #007e46;
font-size: 0.9rem;
display: table;
float: left;
margin-right: 5px;
position: relative;
left: -20px;
text-indent: 0rem;
}
main article .content-container .content-text ol{
padding-left: 0.625rem;
}
main article .content-container .content-text ol li{
margin-left: 0px;
padding-left: 1.2rem;
left: 0;
text-indent: 0rem;
list-style-type: auto;
}
main article .content-container .content-text ol li:before{
content: "\f061";
color: #007e46;
font-size: 0.9rem;
left: auto;
margin-left: -1.2rem;
font-weight: 700;
text-indent: 0rem;
font-family: "Font Awesome 5 Free";
}
main article .content-container.style1{
background-color: #f4f4f4;
color: #000000;
}
.linkbox,
.downloadbox{
margin-top: 1rem;
}
.linkbox header,
.downloadbox header{
padding: 0.5rem 0.625rem;
margin-bottom: 0.5rem;
background-color: #007e46;
}
.linkbox header h2,
.downloadbox header h2{
font-size: 1.125rem;
line-height: 1.5;
margin: 0px !important;
color: #ffffff;
padding-right: 2rem;
position: relative;
}
.linkbox ul li,
.downloadbox ul li{
margin: 1rem 0;
padding-left: 1rem;
}
.linkbox ul li a,
.downloadbox ul li a{
font-size: 1rem;
line-height: 1.5;
font-weight: 700;
display: inline-block;
}
.linkbox ul li a .grey,
.downloadbox ul li a .grey{
display: block;
color: #525252;
font-weight: 400;
}
.linkbox ul li a .ext,
.linkbox ul li a .dsize,
.downloadbox ul li a .ext,
.downloadbox ul li a .dsize{
color: #525252;
font-weight: 400;
}
.linkbox ul li a .ext:before,
.downloadbox ul li a .ext:before{
content: "(";
margin-left: 0.2rem;
}
.linkbox ul li a .dsize:after,
.downloadbox ul li a .dsize:after{
content: ")";
}
aside .box-type1.downloadbox li .ext-container{
display: block;
font-size: 0.95rem;
}
aside .box-type1.downloadbox li .ext-container .ext:before{
margin-left: 0;
}
.linkbox header h2:after{
background: transparent  url("/src_project/svg/portal/svg/links-white.svg") no-repeat center top;
width: 26px;
height: 26px;
display: block;
content: "";
position: absolute;
right: 0px;
top: 0;
}
.linkbox ul li a:not([href*="lko.at"])[href*=http]::after{
display: none;
}
.linkbox ul li a{
position: relative;
}
.linkbox ul li a .title-icon{
position: relative;
}
.linkbox ul li a .title-icon:after{
color: #9bc3a8;
font-size: 0.5em;
margin-left: 0.75em;
content: "l";
font-family: "lko" !important;
top: -1px;
order: 2;
position: relative;
}
.linkbox ul li a > span,
.linkbox ul li a .link-external{
display: inline-flex;
flex: 0 0 100%;
flex-wrap: wrap;
position: relative;
}
.linkbox ul li a > span .grey,
.linkbox ul li a .link-external .grey{
display: flex;
width: auto;
order: 3;
flex: 0 0 100%;
max-width: 100%;
}
.linkbox ul li a .link-external{
cdisplay: inherit;
cflex-wrap: inherit;
cflex: inherit;
}
.linkbox ul li a .link-external:after{
top: 7px;
}
article .content-container.downloadbox header h2 .svgicon-download{
display: none;
}
.downloadbox header h2:after{
background: transparent  url("/src_project/svg/portal/svg/download-white.svg") no-repeat center top;
width: 26px;
height: 26px;
display: block;
content: "";
position: absolute;
right: 0px;
top: 0px;
}
.downloadbox ul li a{
padding-left: 3rem;
display: block;
position: relative;
}
.downloadbox ul li a:before{
content: "b";
font-size: 1.75rem;
color: #007e46;
font-family: "lko" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
position: absolute;
left: 0px;
}
.downloadbox ul li a[title$=".docx"]:before,.downloadbox ul li a[title$=".doc"]:before{
content: "a";
}
.downloadbox ul li a[title$=".xlsx"]:before{
content: "d";
}
.downloadbox ul li a[title$=".xls"]:before{
content: "c";
}
.downloadbox ul li a[title$=".mp3"]:before{
content: "\e900";
}
.downloadbox ul li a[title$=".svg"]:before,.downloadbox ul li a[title$=".png"]:before,.downloadbox ul li a[title$=".jpeg"]:before,.downloadbox ul li a[title$=".jpg"]:before{
content: "\f1c5";
font-family: "Font Awesome 5 Free" !important;
font-weight: 400 !important;
}
.page-navigation{
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
padding: 1rem 0;
margin-top: 1.875rem;
}
.page-navigation a{
font-size: 0.9375rem;
}
.page-navigation a span{
text-transform: uppercase;
color: #006634;
font-weight: 500;
display: block;
position: relative;
font-size: 0.9375rem;
}
.page-navigation a .pn-dir svg{
width: 18px;
height: 18px;
vertical-align: sub;
}
.page-navigation a .pn-title{
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.5;
padding: 0rem 1.2rem 0 1.2rem;
margin-bottom: 0;
}
.page-navigation a.page-navigation__next svg{
margin-left: 0px;
}
.page-navigation a.page-navigation__prev svg{
margin-right: 0px;
}
.page-navigation a .pn-dir{
font-size: 0.9375rem;
}
@media (max-width: 575.98px){
.page-navigation a .pn-dir{
font-size: 0.8rem;
}
.page-navigation a .pn-dir span{
font-size: 0.8rem;
}
}
.page-navigation a .pn-dir > .d-none.d-lg-block{
display: none !important;
}
@media (min-width: 768px){
.page-navigation a .pn-dir > .d-none.d-lg-block{
display: inline !important;
}
}
.page-navigation a .pn-dir > .d-lg-none{
display: inline !important;
}
@media (min-width: 768px){
.page-navigation a .pn-dir > .d-lg-none{
display: none !important;
}
}
.related-articles.accordion-box .card-body ul.rar > li{
display: block !important;
}
.related-articles,
.articlelist{
margin: 0 0 2.5rem 0;
clear: both;
}
.related-articles.box,
.articlelist.box{
width: 100%;
}
.related-articles header,
.articlelist header{
padding: 0.3125rem 0.625rem !important;
margin-bottom: 0.5rem;
background-color: #007e46;
}
.related-articles header h2,
.articlelist header h2{
font-size: 1.125rem;
line-height: 1.5;
margin: 0px !important;
padding: 0px;
color: #ffffff;
text-transform: initial;
font-weight: 500;
}
.related-articles .navigation-result.top,
.articlelist .navigation-result.top{
display: none;
}
.related-articles ul.rar li,
.related-articles ul.list-articles li,
.articlelist ul.rar li,
.articlelist ul.list-articles li{
border-bottom: 0;
padding: 0 0.1rem;
}
.related-articles ul.rar li h3,
.related-articles ul.list-articles li h3,
.articlelist ul.rar li h3,
.articlelist ul.list-articles li h3{
font-size: 1rem;
font-weight: 400;
}
.related-articles ul.rar li a,
.related-articles ul.list-articles li a,
.articlelist ul.rar li a,
.articlelist ul.list-articles li a{
padding-top: 0.4675rem;
padding-bottom: 0.4675rem;
}
.related-articles ul.rar li a::before,
.related-articles ul.list-articles li a::before,
.articlelist ul.rar li a::before,
.articlelist ul.list-articles li a::before{
margin-right: 0.5em;
font-size: 0.7rem;
top: 0.6rem;
left: 0px;
font-family: "Font Awesome 5 Free";
font-weight: 700;
font-style: normal !important;
font-variant: normal !important;
margin-right: 0.5em;
margin-left: 0.3em;
content: "\f054";
vertical-align: top;
text-transform: none !important;
color: #000;
text-rendering: auto;
}
.related-articles ul.rar li a.active,
.related-articles ul.list-articles li a.active,
.articlelist ul.rar li a.active,
.articlelist ul.list-articles li a.active{
color: #007e46;
}
.related-articles ul.rar li a.active::before,
.related-articles ul.list-articles li a.active::before,
.articlelist ul.rar li a.active::before,
.articlelist ul.list-articles li a.active::before{
color: #007e46;
}
.related-articles ul.rar + a.show-all,
.related-articles ul.list-articles + a.show-all,
.articlelist ul.rar + a.show-all,
.articlelist ul.list-articles + a.show-all{
color: gray;
display: none;
cursor: pointer;
}

.articlelist{
display: inline-block;
}
.articlelist ul.list-articles li a{
display: block;
padding-left: 1rem;
position: relative;
}
.articlelist ul.list-articles li a:before{
position: absolute;
left: 0;
top: 2px;
}
.articlelist ul.list-articles li a.active{
color: #007e46;
}
.articlelist ul.list-articles li.active a{
color: #007e46;
}
.articlelist ul.list-articles li.active a:before{
color: #007e46;
}
.articlelist ul.list-articles + .btn-portalColor{
color: #ffffff;
background-color: #006634;
border-color: #006634;
float: right;
margin-top: 10px;
width: auto;
clear: both;
}
.articlelist ul.list-articles + .btn-portalColor:hover{
color: #ffffff;
background-color: #004021;
border-color: #00331a;
}
.accordion-box{
margin: 0 0 2.5rem 0;
}
.accordion-box > header{
padding: 0.3125rem 0.625rem !important;
margin-bottom: 0.5rem;
background-color: #007e46;
}
.accordion-box > header > h2{
font-size: 1.125rem;
line-height: 1.5;
margin: 0px !important;
padding: 0px;
color: #ffffff;
text-transform: initial;
font-weight: 500;
}
.accordion-box .card{
border: 0px;
border-bottom: 1px solid #dcdcdc !important;
margin: 1.775rem 0;
}
.accordion-box .card .card-header{
padding: 0;
background-color: #ffffff;
border: 0px;
}
.accordion-box .card .card-header h2{
padding: 0px;
margin: 0px;
line-height: 1.5;
}
.accordion-box .card .card-header h2 .btn{
font-size: 1.125rem;
line-height: 1.5;
margin: 0px !important;
padding: 0px;
color: #525252;
text-transform: initial;
font-weight: 600;
border: 0px;
text-align: left;
}
.accordion-box .card .card-header h2 .btn:hover{
text-decoration: none;
color: #000000;
}
.accordion-box .card .card-header h2 .btn.active{
color: #007e46 !important;
}
.accordion-box .card .card-body{
padding: 1rem 0;
margin: 0;
}
.accordion-box .card .card-body > a{
color: #525252;
padding: 1rem;
display: block;
}
.accordion-box .card:last-child{
border-bottom: 0px !important;
margin-bottom: 0px !important;
}
.accordion-box.type10{
display: block;
width: 100%;
}
.accordion-box.type10 .card-body ul.rar > li a{
display: inline-block;
color: black;
}
.accordion-box.style02 > header{
margin-bottom: 0;
}
.accordion-box.style02 .card{
margin: 0;
}
.accordion-box.style02 .card:last-child{
border-bottom: 1px solid #dcdcdc !important;
}
.accordion-box.style02 .card .card-header{
padding: 0.95rem 0 0.85rem 0;
}
.accordion-box.style02 .card .card-header h2 .btn-link{
position: relative;
padding-left: 2.1rem;
width: 100%;
display: block;
line-height: 1.2;
}
.accordion-box.style02 .card .card-header h2 .btn-link:before{
font-size: 1.4rem;
left: 0.25rem;
top: -0.1rem;
font-family: "lko";
font-weight: 400;
justify-content: center;
content: "h";
transform: rotate(-90deg);
display: inline-flex;
position: absolute;
line-height: 1;
}
.accordion-box.style02 .card .card-header h2 .btn-link.collapsed:before{
transform: rotate(90deg);
}
.accordion-box.style02 .card .card-header h2 .btn-link.active .numb{
color: #4aa177;
}
.accordion-box.style02 .card .card-header h2 .numb{
font-size: 0.85rem;
font-weight: normal;
color: #777777;
display: inline-block;
margin-left: 0.25rem;
}
.accordion-box.style02 .card .card-body{
padding-top: 0.25rem;
padding-left: 0.25rem;
}
.accordion-box.style02 .card .card-body > ul{
padding-top: 0rem;
}
.popover{
background-color: #dcdcdc;
border-radius: 5px;
padding: 0.25rem;
cursor: pointer;
border-color: #dbdbdb;
z-index: 1029;
}
.popover .arrow::after{
border-top-color: #dcdcdc;
}
.popover .popover-header{
background-color: transparent;
border-bottom: 0px;
font-size: 0.875rem;
line-height: 1.5;
}
@media (max-width: 767.98px){
.popover .popover-header{
font-size: 1rem;
}
}
.popover .popover-body{
font-size: 0.875rem;
line-height: 1.5;
position: relative;
}
@media (max-width: 767.98px){
.popover .popover-body{
font-size: 1rem;
}
}
.navigation-result ul.pagination{
margin: 1.8rem 0px 0.7rem 0px !important;
display: flex !important;
}
.navigation-result ul.pagination li{
display: flex;
justify-content: center;
align-items: center;
}
.navigation-result ul.pagination li a{
border: 1px solid #dcdcdc;
margin: 0 0.3125rem;
font-size: 0.875rem;
line-height: 1.563rem;
width: 1.563rem;
height: 1.563rem;
color: #555555;
display: flex;
justify-content: center;
align-items: center;
}
.navigation-result ul.pagination li a > span{
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 767.98px){
.navigation-result ul.pagination li a{
font-size: 1rem;
line-height: 1.563rem;
}
}
.navigation-result ul.pagination li a svg{
top: inherit;
left: inherit;
}
.navigation-result ul.pagination li:first-child a{
margin-left: 0px;
}
.navigation-result ul.pagination li:last-child a{
margin-right: 0px;
}
.navigation-result .counter-article{
color: #555555;
font-size: 0.875rem;
margin: 1rem 0px !important;
}
@media (max-width: 767.98px){
.navigation-result .counter-article{
font-size: 1rem;
}
}
.navigation-result.bottom ul.pagination{
margin: 1.8rem auto 0.7rem auto !important;
}
.navigation-result.bottom .counter-article{
display: none;
}
.navigation-result.counter-display{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
border-top: 1px solid #dcdcdc;
align-items: center;
}
.navigation-result.counter-display ul.pagination{
margin: 0.3rem 0 0 0 !important;
}
.navigation-result.counter-display .counter-article{
margin: 0.3rem 0 0 0 !important;
}
.navigation-result.counter-display .counter-article{
display: block;
}
.accordion-section header{
border-bottom: 1px solid #dcdcdc;
margin-top: -0.3rem;
margin-bottom: 1rem;
}
.accordion-section header h1{
font-size: 1.875rem;
line-height: 2.313;
color: #525252;
}
.accordion-section .accordion .card{
border: 0px;
border-radius: 0;
margin: 0 0 1.8rem 0 !important;
clear: both;
}
.accordion-section .accordion .card:first-child{
margin-top: 1.25rem !important;
}
.accordion-section .accordion .card .collapse.show{
transition: all 0.1s linear 0s;
}
.accordion-section .accordion .card .card-header{
background-color: #9ac3a8;
color: #ffffff;
border-radius: 0;
padding: 0;
margin: 0;
border-bottom: 0px;
}
.accordion-section .accordion .card .card-header h2{
padding: 0;
margin: 0;
}
.accordion-section .accordion .card .card-header h2 .btn{
color: #ffffff;
border: 0;
padding: 0.3125rem 0.5rem 0.3125rem 2.2rem;
margin: 0;
width: 100%;
text-align: left;
font-size: 1.25rem;
font-weight: 500;
line-height: 1;
height: 36px;
position: relative;
}
.accordion-section .accordion .card .card-header h2 .btn:before{
font-size: 1.125rem;
content: "h";
font-family: "lko" !important;
transition: all 0.3s linear 0s;
transform: rotate(90deg);
display: inline-block;
position: absolute;
left: 0.7rem;
top: 0.5rem;
}
.accordion-section .accordion .card .card-header h2 .btn.collapsed:before{
transform: rotate(-90deg);
}
.accordion-section .accordion .card .card-header h2 .btn:visited,.accordion-section .accordion .card .card-header h2 .btn:hover,.accordion-section .accordion .card .card-header h2 .btn:focus{
text-decoration: none;
}
.accordion-section .accordion .card .card-body{
padding: 0;
margin-top: 1.5rem;
}
.accordion-section .accordion .card .card-body .row{
margin-top: 2rem;
}
.accordion-section .accordion .card .card-body h3{
font-size: 1.3125rem;
margin-bottom: 0rem;
font-weight: 600;
border-top: 1px solid #dcdcdc;
padding: 1.3rem 0 0 0rem;
}
.accordion-section .accordion .card .card-body h3:first-child{
border-top: 0px;
padding-top: 0;
}
.accordion-section .accordion .card .card-body .content-container{
margin-top: 0rem;
margin-bottom: 0rem;
padding-bottom: 2rem;
display: flex;
}
.accordion-section .accordion .card .card-body .content-container .media-content{
max-width: 105px !important;
}
.accordion-section .accordion .card .card-body .content-container .media-content figure{
margin-bottom: 0px;
}
.accordion-section .accordion .card .card-body .content-container .media-content.figure--left{
margin-right: 1.25rem;
}
.accordion-section .accordion .card .card-body .content-container .content-text h4{
font-size: 1.125rem;
font-weight: 700;
margin-bottom: 0.625rem;
}
.accordion-section .accordion .card .card-body .content-container .content-text h5{
font-weight: 400;
font-size: 1rem;
margin-bottom: 0.625rem;
}
.accordion-section .accordion .card .card-body .third_lvl,
.accordion-section .accordion .card .card-body .list-2columns{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.accordion-section .accordion .card .card-body .third_lvl > li,
.accordion-section .accordion .card .card-body .list-2columns > li{
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 1.25rem;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px){
.accordion-section .accordion .card .card-body .third_lvl > li:nth-last-child(2),.accordion-section .accordion .card .card-body .third_lvl > li:last-of-type,
.accordion-section .accordion .card .card-body .list-2columns > li:nth-last-child(2),
.accordion-section .accordion .card .card-body .list-2columns > li:last-of-type{
margin-bottom: 0;
}
}
@media (min-width: 768px){
.accordion-section .accordion .card .card-body .third_lvl > li,
.accordion-section .accordion .card .card-body .list-2columns > li{
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 3rem;
}
}
.accordion-section .accordion .card .card-body .third_lvl.third_lvl,
.accordion-section .accordion .card .card-body .list-2columns.third_lvl{
padding-left: 2.2em;
}
.accordion-section .accordion .card .card-body .media-left{
margin-right: 0.7rem;
}
.accordion-section .accordion .card .card-body .media-body h3[itemprop=name]{
padding: 0;
}
.accordion-section .accordion .card .card-body .media-body h3[itemprop=name],
.accordion-section .accordion .card .card-body .media-body h4{
font-size: 1.05rem;
font-weight: 700;
margin-bottom: 0.625rem;
}
.accordion-section .accordion .card .card-body .media-body h3[itemprop=name] div[itemprop=disambiguatingDescription],
.accordion-section .accordion .card .card-body .media-body h4 div[itemprop=disambiguatingDescription]{
margin-top: 0.625rem;
}
.accordion-section .accordion .card .card-body .media-body div[itemprop=disambiguatingDescription] span{
display: inline-block;
}
.accordion-section .accordion .card .card-body .media-body div[itemprop=disambiguatingDescription] h4,
.accordion-section .accordion .card .card-body .media-body h5{
font-weight: 400;
font-size: 1rem;
margin-bottom: 0.625rem;
}
.accordion-section .accordion .card .card-body .third_lvl{
margin-bottom: 1rem;
}
.accordion-section .accordion .card .card-body .subaccordion .card{
margin: 0px !important;
border-bottom: 1px solid #dcdcdc !important;
}
.accordion-section .accordion .card .card-body .subaccordion .card .link-collapse{
color: #007e46;
border: 0;
padding: 0.4125rem 0.5rem 0.4125rem 2.2rem !important;
margin: 0;
width: 100%;
text-align: left;
font-size: 1.1875rem;
font-weight: 400;
line-height: 1.5;
height: 41px;
position: relative;
}
.accordion-section .accordion .card .card-body .subaccordion .card .link-collapse:before{
font-size: 0.7rem;
content: "J";
font-family: "lko" !important;
transition: all 0.3s linear 0s;
transform: rotate(90deg);
display: inline-block;
position: absolute;
right: 1rem;
left: auto;
top: 0.6rem;
}
.accordion-section .accordion .card .card-body .subaccordion .card .link-collapse.collapsed{
color: black;
}
.accordion-section .accordion .card .card-body .subaccordion .card .link-collapse.collapsed:before{
transform: rotate(0deg);
}
.accordion-section .accordion .card .card-body .subaccordion .card .link-collapse:visited,.accordion-section .accordion .card .card-body .subaccordion .card .link-collapse:hover,.accordion-section .accordion .card .card-body .subaccordion .card .link-collapse:focus{
text-decoration: none;
}
.accordion-section .accordion .card .card-body .subaccordion .card .card-header{
background-color: #ffffff;
color: #000000;
margin: 0px;
}
.accordion-section .accordion .card .card-body .subaccordion .card .card-header h2{
padding: 0;
margin: 0;
}
.accordion-section .accordion .card .card-body .subaccordion .card .card-header h2 .btn{
color: #007e46;
border: 0;
padding: 0.4125rem 0.5rem 0.4125rem 2.2rem !important;
margin: 0;
width: 100%;
text-align: left;
font-size: 1.1875rem;
font-weight: 400;
line-height: 1.5;
height: 41px;
position: relative;
}
.accordion-section .accordion .card .card-body .subaccordion .card .card-header h2 .btn:before{
font-size: 0.7rem;
content: "J";
font-family: "lko" !important;
transition: all 0.3s linear 0s;
transform: rotate(90deg);
display: inline-block;
position: absolute;
right: 1rem;
left: auto;
top: 0.6rem;
}
.accordion-section .accordion .card .card-body .subaccordion .card .card-header h2 .btn.collapsed{
color: black;
}
.accordion-section .accordion .card .card-body .subaccordion .card .card-header h2 .btn.collapsed:before{
transform: rotate(0deg);
}
.accordion-section .accordion .card .card-body .subaccordion .card .card-header h2 .btn:visited,.accordion-section .accordion .card .card-body .subaccordion .card .card-header h2 .btn:hover,.accordion-section .accordion .card .card-body .subaccordion .card .card-header h2 .btn:focus{
text-decoration: none;
}
.accordion-section .accordion .card .card-body .subaccordion .card .card-body > .row{
margin-left: 20px !important;
}
.accordion-section .accordion .card .card-body .subsubaccordion .card .card-header{
background-color: #ffffff;
color: #000000;
margin: 0px;
}
.accordion-section .accordion .card .card-body .subsubaccordion .card .card-header h2{
padding: 0;
margin: 0;
}
.accordion-section .accordion .card .card-body .subsubaccordion .card .card-header h2 .btn{
padding: 0.4125rem 0.5rem 0.4125rem 3.5rem !important;
}
.accordion-section .accordion .card .card-body .subsubaccordion .card .card-header h2 .btn:before{
right: auto;
left: 35px;
top: 0.6rem;
}
.accordion-section .accordion .card .card-body .subsubaccordion .card .card-body > .row{
padding-left: 20px;
}
.accordion-section .accordion .card .card-body .subsubaccordion .card:last-child{
border-bottom: 0px !important;
}
.accordion-section.staff-box > header:first-child{
border: none;
}
.accordion-section.staff-box > header:first-child h1{
margin-top: 0;
line-height: 1.5;
}
.accordion-section.staff-box .accordion .card .card-body h3{
border: none;
padding: 1.3rem 0;
}
.accordion-section.staff-box .list-funktionaere{
position: relative;
margin-top: 2.375rem;
padding-top: 1.75rem;
}
.accordion-section.staff-box .list-funktionaere:before{
position: absolute;
top: 0;
right: 15px;
left: 15px;
display: block;
height: 5px;
border-top: 1px solid #dcdcdc;
content: "";
}
.accordion-section.staff-box .list-funktionaere li{
margin-bottom: 1.063rem !important;
}
.accordion-section.staff-box .list-funktionaere .media-body{
padding: 0.75rem 0.625rem 0 1.25rem;
background-color: #e1ece4;
color: black;
}
.accordion-section.staff-box .list-funktionaere .media-body .h4,
.accordion-section.staff-box .list-funktionaere .media-body h4{
margin-bottom: 0.313rem !important;
}
.alone-headline{
font-family: inherit;
font-size: 1.875rem;
font-weight: 700;
line-height: 2.34375;
margin-top: 2rem;
margin-bottom: 1rem;
color: #000000 !important;
}
@media (max-width: 767.98px){
.alone-headline{
margin-top: 0rem;
}
}
.bbk_staff{
margin-top: 0;
width: calc(100% + 4rem);
margin-left: -2rem;
}
.bbk_staff .table-container{
margin-top: 0;
}
.bbk_staff .table-container > h2{
margin-bottom: 0;
margin-left: 2rem;
}
.bbk_staff .table-container .table{
border: none;
border-spacing: 2rem 1rem;
border-collapse: separate;
}
.bbk_staff .table-container .table tr,
.bbk_staff .table-container .table td,
.bbk_staff .table-container .table th{
border: none;
}
.bbk_staff .table-container .table td{
padding: 0.75rem 0.625rem 0.54rem 1.25rem;
background-color: #e1ece4;
color: black;
width: 50%;
font-family: "Roboto",sans-serif;
font-size: 1rem;
font-weight: 500;
}

/* ** [ /src_project/sites/portal/css/4/./kurse.css ] (@import) ** */
@media (min-width: 991px){
article .kurse-header{
display: flex;
}
article .kurse-header .col-md-4{
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
}
.kurse-tab footer{
margin-top: 0 !important;
padding-top: 2rem;
display: inline-block;
width: 100%;
clear: both;
}
.kurse-tab li{
left: 0;
margin: 0;
padding: 0;
text-indent: 0;
display: inline-flex;
}
.kurse-tab li:before{
display: none;
}
.kurse-tab .form-inline{
margin-top: 5px;
margin-bottom: 5px;
}
.kurse-tab .form-inline .form-group > label{
display: none;
}
.kurse-tab .form-inline .form-group{
margin: 0.5rem 27px 0.5rem 0;
}
@media (min-width: 1200px){
.kurse-tab .form-inline .form-group{
width: 315px;
}
}
.kurse-tab .form-inline .form-group .nice-select{
font-size: 0.875rem;
line-height: 2.714;
width: 100%;
height: 38px;
padding: 0 26px 0 16px;
color: #525252;
border: 1px solid #d1d7dc;
}
.kurse-tab .form-inline .form-group .nice-select .list{
width: 100%;
}
.kurse-tab .form-inline .form-group .nice-select.disabled{
color: #d7d7d7;
border-color: #d7d7d7;
background-color: #f8f7f7;
}
.kurse-tab .form-inline .form-group .nice-select.disabled::after{
border-right-color: #d7d7d7;
border-bottom-color: #d7d7d7;
}
@media (max-width: 768px){
.kurse-tab .form-inline .form-group{
float: left;
width: 100%;
padding-bottom: 1rem;
}
}
.kurse-tab .form-inline button{
font-weight: 500;
width: 130px;
height: 38px;
line-height: 2.375;
border-radius: 5px;
margin: 0.5rem 0;
padding: 0px;
color: #ffffff;
border: 1px solid #007e46;
background-color: #007e46;
}
.kurse-tab footer{
margin-top: 2rem;
}
.kurse-tab footer .pagination{
display: table;
float: none !important;
margin: auto !important;
}
.kurse-tab footer .navigation-result > div{
display: none;
}
.kurse-tab .nav-tabs li{
left: 0;
margin: 0;
padding: 0;
text-indent: 0;
}
.kurse-tab .nav-tabs li:before{
display: none;
}
.kurse-tab .nav-tabs li a{
font-size: 1rem;
margin: 0;
padding: 16px 28px;
text-transform: uppercase;
color: #60625f;
border: 0;
border-radius: 0;
background-color: #dde4c3;
}
@media (max-width: 550px){
.kurse-tab .nav-tabs li a{
font-size: 0.813rem;
padding: 8px 8px;
}
}
.kurse-tab .nav-tabs li:first-child a{
border-top-left-radius: 10px;
}
.kurse-tab .nav-tabs li:nth-child(2) a{
color: #60625f;
background-color: #c8d69b;
}
.kurse-tab .nav-tabs li:last-child a{
color: #60625f;
border-top-right-radius: 10px;
background-color: #dde4c3;
}
.kurse-tab .nav-tabs li.active > a,.kurse-tab .nav-tabs li.active > a:hover,.kurse-tab .nav-tabs li.active > a:focus{
margin: 0;
padding: 16px 28px;
color: #ffffff;
border: 0;
background-color: #007e46;
}
@media (max-width: 550px){
.kurse-tab .nav-tabs li.active > a,.kurse-tab .nav-tabs li.active > a:hover,.kurse-tab .nav-tabs li.active > a:focus{
font-size: 0.813rem;
padding: 8px 8px;
}
}
.kurse-tab .panel.panel-default{
margin-top: 0 !important;
border: 0;
border-bottom: 1px solid #dcdcdc !important;
box-shadow: none;
clear: both;
display: block;
float: left;
width: 100%;
}
.kurse-tab .panel.panel-default .panel-heading{
padding: 0;
background-color: #fff;
}
.kurse-tab .panel.panel-default .panel-heading a{
position: relative;
display: flex;
flex-direction: row;
padding: 35px 0;
background-color: #f9f9f9;
align-items: stretch;
flex-wrap: nowrap;
}
.kurse-tab .panel.panel-default .panel-heading a.collapsed{
background-color: #fff;
}
.kurse-tab .panel.panel-default .panel-heading a.collapsed .panel-date .opendetail::after{
display: none;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-date{
font-size: 1.375rem;
font-weight: bold;
line-height: 0.9;
display: flex;
flex-direction: column;
max-width: 190px;
padding-top: 0.2rem;
text-align: center;
color: #525252;
flex: 0 0 190px;
flex-basis: 190px;
justify-content: space-between;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-date span{
font-size: 1.125rem;
font-weight: 400;
display: block;
padding-top: 0.2rem;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-date .opendetail{
font-size: 1rem;
font-weight: 500;
display: block;
width: 190px;
color: #007e46;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-date .opendetail:before{
font-family: "lko" !important;
font-size: 0.625rem;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
padding-right: 5px;
content: "J";
text-transform: none !important;
color: #007e46;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-date .opendetail:after{
position: absolute;
top: 35px;
right: 3rem;
width: 18px !important;
height: 18px !important;
content: "";
background-image:  url("/src_project/svg/portal/close.svg") !important;
background-size: 18px 18px !important;
}
@media (min-width: 768px){
.kurse-tab .panel.panel-default .panel-heading a .panel-title{
padding-right: 55px;
}
}
.kurse-tab .panel.panel-default .panel-heading a .panel-title h2.h3,
.kurse-tab .panel.panel-default .panel-heading a .panel-title h3{
font-size: 1.375rem;
margin: 0;
padding: 0;
color: #007e46;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-title ul{
display: flex;
flex-direction: row;
margin: 2px 0 0 0;
padding: 0;
flex-wrap: wrap;
align-items: flex-start;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-title ul li{
font-size: 0.875rem;
line-height: 1.714;
left: 0;
margin: 0;
padding: 0;
text-indent: 0;
color: #000;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-title ul li:before{
display: none;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-title ul li:after{
width: 3px;
margin: 0 5px;
content: "|";
}
.kurse-tab .panel.panel-default .panel-heading a .panel-title ul li:last-child:after{
display: none;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-title ul li .bluetext{
color: #70afce;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-title ul li .bluetext svg{
width: 23px;
height: 23px;
vertical-align: bottom;
fill: #70afce;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-title > p,
.kurse-tab .panel.panel-default .panel-heading a .panel-title div{
margin: 0 0 10px;
padding: 20px 0 0 0;
color: #525252;
}
.kurse-tab .panel.panel-default .panel-body{
padding-top: 0;
padding-bottom: 50px;
padding-left: 190px;
border-top: 0;
background-color: #f9f9f9;
clear: both;
display: block;
float: left;
width: 100%;
}
.kurse-tab .panel.panel-default .panel-body table{
max-width: 100%;
table-layout: fixed;
border: 0;
}
@media (min-width: 768px){
.kurse-tab .panel.panel-default .panel-body table{
max-width: 580px;
}
}
.kurse-tab .panel.panel-default .panel-body table td,
.kurse-tab .panel.panel-default .panel-body table th{
font-size: 0.875rem;
font-weight: 500;
line-height: 1.429;
border-bottom: 1px solid #dfdfdf;
border-size: 0;
}
.kurse-tab .panel.panel-default .panel-body table td svg,
.kurse-tab .panel.panel-default .panel-body table th svg{
width: 23px;
height: 23px;
vertical-align: bottom;
fill: #70afce;
}
.kurse-tab .panel.panel-default .panel-body table th{
width: 100px;
}
@media (min-width: 576px){
.kurse-tab .panel.panel-default .panel-body table th{
width: 180px;
}
}
.kurse-tab .panel.panel-default .panel-body table td{
color: #525252;
width: calc(100% - 100px - 3rem);
}
@media (min-width: 576px){
.kurse-tab .panel.panel-default .panel-body table td{
width: calc(100% - 180px - 3rem);
}
}
.kurse-tab .panel.panel-default .panel-body table td a{
font-size: 0.875rem;
color: #007e46;
}
.kurse-tab .panel.panel-default .panel-body table td a:before{
font-family: "lko" !important;
font-size: 0.625rem;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
padding-right: 3px;
content: "J";
text-transform: none !important;
color: #007e46;
}
.kurse-tab .panel.panel-default .panel-body table tbody tr:nth-of-type(2n){
background-color: transparent;
}
.kurse-tab .panel.panel-default .panel-body button{
font-weight: 16px;
font-weight: 500;
height: 38px;
margin: 1.5rem 0 0 0;
padding-right: 1.5rem;
padding-left: 1.5rem;
color: #ffffff;
border: 1px solid #007e46;
background-color: #007e46;
}
.kurse-accordion{
padding-top: 1rem;
}
.kurse-accordion h3{
font-size: 1rem;
font-weight: 400;
margin: 0;
padding: 1rem 0 1.2rem 0;
color: #007e46;
}
.kurse-accordion .row{
margin: 0 0 !important;
}
.kurse-accordion .row > div{
font-size: 0.75rem;
margin: 0 !important;
padding: 1px 0 2px 0;
color: #000;
}
@media (max-width: 767.98px){
.kurse-accordion .row > div .col-md-5,
.kurse-accordion .row > div .col-xs-6{
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.kurse-accordion .row > div .col-md-3,
.kurse-accordion .row > div .col-xs-2{
flex: 0 0 25%;
max-width: 25%;
}
.kurse-accordion .row > div .col-xs-3{
flex: 0 0 16%;
max-width: 16%;
}
.kurse-accordion .row > div .col-md-1,
.kurse-accordion .row > div .col-xs-1{
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
}
.kurse-accordion a{
display: block;
width: 91%;
margin: 0 !important;
padding: 0.625rem 0;
border-bottom: 1px solid #c0c0c0;
}
.kurse-accordion .preie{
font-size: 0.9em;
color: #777777;
}
.kurse-accordion svg{
height: 15px;
fill: #007e46;
}
.kurse-accordion .col-lg-1{
text-align: right;
}
.kurse-accordion .light{
display: table;
margin: auto;
padding: 0;
}
.kurse-accordion .light li{
left: 0;
float: left;
margin: 0 1px;
padding: 0;
list-style-type: none;
text-indent: 0;
}
.kurse-accordion .light li:before{
display: none;
}
.kurse-accordion .light li .k-free,
.kurse-accordion .light li .k-half,
.kurse-accordion .light li .k-full{
position: relative;
display: block;
float: left;
width: 15px;
height: 15px;
border: 1px solid #cccccc;
border-radius: 100px;
background-color: #ffffff;
}
.kurse-accordion .light li .k-free.on::after{
position: absolute;
top: 0;
left: 0;
display: block;
width: 13px;
height: 13px;
content: " ";
border: 1px solid #ffffff;
border-radius: 100px;
background-color: #9ac3a8;
}
.kurse-accordion .light li .k-half.on::after{
position: absolute;
top: 0;
left: 0;
display: block;
width: 13px;
height: 13px;
content: " ";
border: 1px solid #ffffff;
border-radius: 100px;
background-color: #dbcc20;
}
.kurse-accordion .light li .k-full.on::after{
position: absolute;
top: 0;
left: 0;
display: block;
width: 13px;
height: 13px;
content: " ";
border: 1px solid #ffffff;
border-radius: 100px;
background-color: #b0310a;
}
@media (max-width: 768px){
.kurse-tab .panel.panel-default .panel-heading a{
display: block;
padding: 30px 15px;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-date{
max-width: 100%;
margin-bottom: 1rem;
text-align: left;
flex: 0 0 100%;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-date span{
display: initial;
}
.kurse-tab .panel.panel-default .panel-heading a .panel-date .opendetail{
padding-top: 0.875rem;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body{
padding-left: 15px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body table{
max-width: 100%;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body .kurse-accordion a{
width: 100%;
}
}
@media (min-width: 850px){
.modal-kurse{
width: 790px;
}
}
.modal-kurse .modal-content{
padding: 35px 50px !important;
padding: 0;
border-radius: 0;
}
@media (max-width: 550px){
.modal-kurse .modal-content{
padding: 28px 15px !important;
}
}
.modal-kurse .modal-content .modal-header{
padding: 0;
border-bottom: 0;
}
.modal-kurse .modal-content .modal-header h4{
font-size: 1.375rem;
margin: 0;
padding: 0 0 17px 0;
}
.modal-kurse .modal-content .modal-header .close.modal-button,
.modal-kurse .modal-content .modal-header .close.modal-button:hover{
top: 30px !important;
right: 10px !important;
width: 18px !important;
height: 18px !important;
background-image:  url("/src_project/svg/portal/close.svg") !important;
background-size: 18px 18px !important;
}
.modal-kurse .modal-content .modal-header .close.modal-button:before,
.modal-kurse .modal-content .modal-header .close.modal-button:hover:before{
display: none;
}
@media (max-width: 550px){
.modal-kurse .modal-content .modal-header .close.modal-button,
.modal-kurse .modal-content .modal-header .close.modal-button:hover{
top: 10px !important;
right: 0 !important;
}
}
.modal-kurse .modal-content .modal-footer{
font-size: 0.875rem;
font-weight: 600;
padding: 40px 0 0 0;
text-align: left;
}
.modal-kurse .modal-content .modal-body .content-container{
font-size: 1rem;
line-height: 1.375;
padding: 0 0 40px 0;
}
.modal-kurse .modal-content .modal-body .content-container b,
.modal-kurse .modal-content .modal-body .content-container strong{
font-weight: 500;
}
.modal-kurse .modal-content .modal-body .content-container .summary{
font-size: 1.125rem;
font-weight: 500;
}
.modal-kurse .modal-content .modal-body .content-container ul{
margin: 0 0 15px 15px;
padding: 0;
}
.modal-kurse .modal-content .modal-body .content-container ul li{
margin: 0;
padding: 0;
}
.modal-kurse .logo-modal-footer{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.modal-fullscreen .modal-content,
.modal-fullscreen .modal-body{
padding: 0 !important;
}
.modal-fullscreen .modal-kurse{
width: 93%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 991px){
.kurse-detail-modal{
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.kurse-detail-modal > div{
min-height: 800px;
}
.kurse-detail-modal > div .panel-body{
overflow-y: auto;
max-height: 650px;
}
}
.kurse-detail-modal > div{
padding: 75px;
flex-grow: 1;
flex-basis: 50%;
flex: 0 0 50%;
}
@media (min-width: 992px){
.kurse-detail-modal > div{
max-width: 50%;
}
}
@media (max-width: 550px){
.kurse-detail-modal > div{
max-width: 100%;
padding: 20px 10px;
flex-basis: 100%;
flex: 0 0 100%;
}
}
.kurse-detail-modal > div:first-child{
background-color: #f9f9f9;
}
@media (max-width: 990px){
.kurse-detail-modal > div:last-child{
display: none;
}
}
.kurse-detail-modal > div h2{
font-size: 1.375rem;
font-weight: 600;
margin: 0 0 25px 0;
padding: 0;
color: #007e46;
}
.kurse-detail-modal > div .header__actions{
margin-top: 8px;
}
.kurse-detail-modal > div h3{
font-size: 1rem;
font-weight: 500;
margin: 0 0 5px 0;
padding: 0;
color: #007e46;
}
.kurse-detail-modal > div table{
border: 0;
}
.kurse-detail-modal > div table td,
.kurse-detail-modal > div table th{
font-size: 0.875rem;
font-weight: 500;
line-height: 1.429;
border-bottom: 1px solid #dfdfdf;
border-size: 0;
}
.kurse-detail-modal > div table td svg,
.kurse-detail-modal > div table th svg{
width: 23px;
height: 23px;
vertical-align: bottom;
fill: #70afce;
}
.kurse-detail-modal > div table th{
width: 22%;
}
.kurse-detail-modal > div table td{
color: #525252;
}
.kurse-detail-modal > div table td a{
font-size: 0.875rem;
display: none;
color: #007e46;
}
.kurse-detail-modal > div table td a:before{
font-family: "lko" !important;
font-size: 0.625rem;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
padding-right: 3px;
content: "J";
text-transform: none !important;
color: #007e46;
}
.kurse-detail-modal > div table tbody tr:nth-of-type(2n){
background-color: transparent;
}
@media (min-width: 991px){
.kurse-detail-modal .panel-collapse{
position: absolute;
top: 2rem;
right: 0;
right: 0;
width: calc(50% - 150px);
margin: 75px;
}
}
.kurse-detail-modal .kurse-accordion{
margin-bottom: 0;
}
.kurse-detail-modal .kurse-accordion header{
margin: 40px 0 30px 0;
}
.kurse-detail-modal .kurse-accordion header p{
font-size: 0.875rem;
color: #525252;
}
.kurse-detail-modal .kurse-accordion .table-bordered{
margin: 0;
}
.kurse-detail-modal .kurse-accordion .table-bordered td,
.kurse-detail-modal .kurse-accordion .table-bordered th{
border-top: 0 !important;
border-bottom-color: #c0c0c0 !important;
}
.kurse-detail-modal .kurse-accordion .panel-group{
margin-bottom: 0;
border: none;
}
@media (min-width: 1500px){
.kurse-detail-modal .kurse-accordion .panel-group{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
}
.kurse-detail-modal .kurse-accordion .panel-group .panel{
border: none;
border-radius: 0;
box-shadow: none;
flex-basis: 49%;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading{
font-size: 0.9em;
padding: 0;
border: none;
background-color: transparent;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading h4{
font-size: 1em;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading h4 a{
display: block;
width: 100%;
padding: 10px 15px 10px 15px;
color: #0e0904;
background-color: #ffffff;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading h4 a:visited{
color: #0e0904;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading h4 a.collapsed{
color: #0e0904;
background-color: #f9f9f9;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading h4 a.collapsed .close-arrow{
transition: all 0.4s ease;
transform: rotate(0deg);
fill: #007e46;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading h4 a hr{
margin-top: 10px;
margin-bottom: 0;
border-top: 1px solid #c0c0c0;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading .close-arrow{
transition: all 0.4s ease;
fill: #ffffff;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading .row{
margin-right: 0;
margin-left: 0;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading .row > div{
padding: 0;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading .preie{
font-size: 0.9em;
color: #777777;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading .col-lg-1{
text-align: right;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .panel-body{
margin-top: 2rem;
padding: 0;
padding-bottom: 2em;
border: none;
background-color: #ffffff !important;
}
@media (max-width: 990px){
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .panel-body{
margin-top: 0 !important;
}
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .panel-body a{
border-bottom: 0;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .panel-body a:before{
display: none;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .panel-body .table-bordered{
border: 0;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .panel-body .table-bordered td,
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .panel-body .table-bordered th{
border-right: 0 !important;
border-left: 0 !important;
}
@media (max-width: 990px){
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .panel-body .table-bordered td,
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .panel-body .table-bordered th{
padding: 8px 15px !important;
}
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .termine-bt{
position: relative;
display: block;
width: 100%;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .termine-bt h4{
padding-right: 20px;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .termine-bt .close-arrow{
position: absolute;
top: 3px;
right: 3px;
transition: all 0.4s ease;
transform: rotate(90deg);
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .termine-bt.collapsed .close-arrow{
transition: all 0.4s ease;
transform: rotate(0deg);
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse h4{
font-size: 1.1em;
margin: 2em 0 1em 9px;
color: #007e46;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse hr{
border-top: 1px solid #e0e0e0;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .btn-default{
font-size: 1rem;
font-weight: 500;
line-height: 0.85em;
margin: 1em 0;
padding: 0.7em 1em;
color: #ffffff;
border: 0;
border-radius: 3px;
background-color: #007e46;
}
@media (max-width: 990px){
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .btn-default{
margin: 1em 0 1.5rem 15px;
}
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-collapse .add-kal a svg{
width: auto;
height: 15px;
margin-right: 5px;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel + .panel{
margin-top: 0;
}
.kurse-detail-modal .kurse-accordion .close-arrow{
height: 15px;
fill: #007e46;
}
.online-blattern{
margin: 1.5rem 0;
}
.webbanner{
font-family: "Ubuntu",sans-serif;
display: flex;
flex-direction: row;
margin-top: 40px;
color: #087a40;
border: 3px solid #82a109;
background-color: #f2f6e9;
background-image:  url(/src_project/img/portal/webbanner-lfi.png?_=1761733933);
background-position: 0 center;
background-size: 100% auto;
align-items: center;
}
@media (max-width: 550px){
.webbanner{
background-repeat: no-repeat;
background-position: bottom center;
}
}
@media (max-width: 767px){
.webbanner{
flex-wrap: wrap;
}
}
.webbanner span.bold{
font-weight: bold;
}
.webbanner span.link-style{
font-weight: bold;
text-decoration: underline;
text-transform: uppercase;
}
.webbanner a{
line-height: 1.4;
cursor: pointer;
color: #006c2e;
}
.webbanner > a{
padding: 30px;
}
@media (max-width: 767px){
.webbanner > a{
flex-basis: 100%;
}
}
@media (max-width: 767px){
.webbanner .link-kurssuche{
padding-top: 15px;
}
}
.webbanner .link-lfi{
font-weight: bold;
text-align: center;
flex-basis: 510px;
}
@media (max-width: 767px){
.webbanner .link-lfi{
padding-bottom: 0;
text-align: left;
flex-basis: 100%;
}
}
.webbanner .link-lfi svg.blatt{
width: 21px;
height: 21px;
vertical-align: middle;
fill: #84a719;
}
@media (max-width: 767.98px){
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading .row > .col-md-5,
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading .row > .col-xs-6{
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading .row > .col-md-3,
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading .row > .col-xs-2{
flex: 0 0 25%;
max-width: 25%;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading .row > .col-xs-3{
flex: 0 0 16%;
max-width: 16%;
}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading .row > .col-md-1,
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading .row > .col-xs-1{
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
}

/* ** [ /src_project/sites/portal/css/4/./form.css ] (@import) ** */
.webform .custom-file{
color: #007e46;
cursor: pointer;
display: flex;
background-color: #efefef;
flex-direction: column;
min-height: 110px;
position: relative;
border: 3px dashed #ababab;
margin-top: 1.5rem;
padding: 0 0.6rem;
}
.webform .custom-file .custom-file-input-bootstrap{
cursor: pointer;
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
}
.webform .custom-file .reset-file{
font-size: 1.5rem;
font-weight: 700;
line-height: 1rem;
cursor: pointer;
z-index: 3;
}
.webform .custom-file .reset-file:hover{
text-decoration: underline;
}
.webform .custom-file .progress{
margin-bottom: 3px;
margin-top: 1rem;
}
.webform .custom-file .progress .progress-bar{
background-color: #007e46;
}
.webform .custom-file .progress .progress-bar.bg-danger{
background-color: #dc3545;
}
.webform .custom-file:not(.empty) > label{
display: none;
}
.webform .custom-file.empty > span,.webform .custom-file.empty > div > span,.webform .custom-file.empty > .progress{
display: none;
}
.webform .custom-file.empty > label{
cursor: pointer;
margin-bottom: 0.6rem !important;
}
.webform .custom-file.empty > label::before{
content: "Datei hierher ziehen oder klicken";
margin: auto;
pointer-events: none;
}
.webform .custom-file.empty > label:after{
content: "\f574";
position: absolute;
font-weight: 600;
opacity: 0.5;
font-size: 2.5rem;
font-family: "Font Awesome 5 Free";
left: 50%;
margin-left: -30px;
line-height: 1;
top: 1.2rem;
}
.webform .custom-file > button{
z-index: 3;
}
.webform .custom-file .custom-file-input{
z-index: inherit;
color: #9d9d9d;
opacity: 1;
height: auto;
font-size: 1rem;
}
.webform .custom-file .custom-file-label:after{
display: none;
}
.webform .custom-file .custom-file-label{
right: inherit;
color: #00973c;
text-transform: uppercase;
border: 2px solid #00973c;
padding: 3px 15px;
font-weight: bold;
height: auto;
}
.webform .custom-file .text-muted{
color: rgb(168.8680851064,168.1319148936,168.1319148936);
}
.btn,
button.btn{
line-height: 1.875;
}
.SumoSelect > .CaptionCont{
padding: 0.475rem 0.75rem !important;
border-color: #ababab !important;
}
.SumoSelect.open > .optWrapper{
top: 42px;
display: block;
}
.SumoSelect > .CaptionCont > span.placeholder{
color: #525252;
font-style: normal;
font-weight: 300;
}
.SumoSelect > .optWrapper > .options li label{
margin-bottom: 0px;
font-weight: 400;
}
.SumoSelect:focus{
outline: 0px solid #007e46 !important;
border: 0px;
box-shadow: 0px 0px 3px 0px rgb(40,125,168) !important;
}
.form-check-input:focus{
outline: 1px solid #007e46;
}
.webuserform,
.webform{
margin-bottom: 1rem;
margin-top: 2.5rem;
float: left;
width: 100%;
background-color: #f4f4f4;
padding: 1.6875rem;
}
.webuserform .btn,
.webuserform button.btn,
.webform .btn,
.webform button.btn{
background-color: #006634 !important;
border-color: #006634 !important;
color: #ffffff;
cursor: pointer;
margin: 0 0 1rem 0;
text-decoration: none;
line-height: 1.875;
}
.webuserform .btn:hover,
.webuserform button.btn:hover,
.webform .btn:hover,
.webform button.btn:hover{
background-color: #004021 !important;
border-color: #00331a !important;
box-shadow: 0 0 0 0.2rem rgba(38,125,82,0.5);
}
.webuserform .btn:focus,
.webuserform button.btn:focus,
.webform .btn:focus,
.webform button.btn:focus{
outline: none;
background-color: #004021 !important;
border-color: #00331a !important;
box-shadow: 0 0 0 0.2rem rgba(38,125,82,0.5);
}
.webuserform .form-row h2,
.webform .form-row h2{
margin: 0 5px 1rem 5px;
font-weight: 700;
}
.webuserform .form-row label,
.webform .form-row label{
color: #525252;
font-weight: 400;
}
.webuserform .form-row .form-group > span,
.webform .form-row .form-group > span{
color: #525252;
font-weight: 500;
width: 100%;
display: block;
}
.webuserform .form-row .form-group > span,
.webform .form-row .form-group > span{
display: inline-block;
padding-bottom: 0.5rem;
}
.webuserform .form-row .info-txt,
.webform .form-row .info-txt{
font-size: 0.8rem;
line-height: 1.2rem;
}
.webuserform .form-row a,
.webform .form-row a{
text-decoration: underline;
}
.webuserform .form-row a.btn,
.webform .form-row a.btn{
width: 100%;
text-decoration: none;
}
.webuserform .form-row .content-container,
.webform .form-row .content-container{
margin: 0.5rem 0px;
}
.webuserform .form-row h3,
.webform .form-row h3{
font-weight: bold;
}
@media (max-width: 767.98px){
.webuserform .form-row.btn-row,
.webform .form-row.btn-row{
flex-direction: column-reverse;
}
.webuserform .form-row.btn-row .btn,
.webform .form-row.btn-row .btn{
margin-top: 0.5rem;
}
}
.webuserform .form-row.btn-row .btn,
.webform .form-row.btn-row .btn{
width: 100%;
border-radius: 3px;
background-color: #006634 !important;
border-color: #006634 !important;
color: #ffffff;
cursor: pointer;
margin: 0 0 1rem 0;
text-decoration: none;
}
.webuserform .form-row.btn-row .btn:hover,
.webform .form-row.btn-row .btn:hover{
background-color: #004021 !important;
border-color: #00331a !important;
box-shadow: 0 0 0 0.2rem rgba(38,125,82,0.5);
}
.webuserform .form-row.btn-row .btn:focus,
.webform .form-row.btn-row .btn:focus{
outline: none;
background-color: #004021 !important;
border-color: #00331a !important;
box-shadow: 0 0 0 0.2rem rgba(38,125,82,0.5);
}
.webuserform .rows{
padding: 0 0 1.25rem 0;
}
.webuserform .rows .description,
.webuserform .rows > label{
font-weight: 500;
display: block;
width: 100%;
color: #212529;
}
.input-group .btn{
background-color: #ffffff !important;
color: #0e0904 !important;
background-image: none;
border: 1px solid #0e0904 !important;
border-left: 0px solid #ffffff !important;
border-radius: 0px !important;
line-height: 29px;
}
.input-group .btn:focus{
outline: 1px solid #007e46;
border: 1px solid #007e46 !important;
box-shadow: 0px 0px 3px 0px rgb(40,125,168) !important;
}
.form-row textarea{
min-height: 110px;
}
.form-row .form-text{
margin: 0 5px 2rem 5px;
}
.form-row .form-text h3{
font-size: 1.125rem;
font-weight: 600;
margin: 1rem 0 0 0;
line-height: 1.688rem;
}
.form-row .form-text ul li{
padding: 0.2rem 0;
}
.form-row .form-text ul li > span{
font-weight: bold;
}
.form-row .form-text ul li i:before{
font-family: "Font Awesome 5 Free";
content: "\f00c";
margin-right: 5px;
position: relative;
font-weight: 900;
font-size: 0.8rem;
font-style: initial;
}
.form-row .form-text .area-content{
padding-top: 1rem;
}
.form-row .revison-form{
margin-bottom: 0.5rem;
margin-left: 5px;
}
.form-row .revison-form a{
color: #007e46;
font-weight: 600;
}
.form-row .revison-form a::before{
font-family: "Font Awesome 5 Free";
content: "\f044";
margin-right: 3px;
position: relative;
font-weight: 400;
font-size: 1.2rem;
}
.group-auswahl .custom-control-inline{
display: block;
}
.form-standard h3{
font-size: 1.125rem;
font-weight: 600;
line-height: 1.688rem;
margin: 0px;
}
.check-label ul li:before{
font-family: "Font Awesome 5 Free";
content: "\f044";
margin-right: 3px;
position: relative;
font-weight: 400;
font-size: 1.2rem;
}
.alldone .form-standard{
background-color: #eaeaea;
padding: 1rem;
}
.alldone .form-standard header{
margin-bottom: 1rem;
}
.alldone .form-standard .submit-area .form-group{
margin-bottom: 0px;
padding-bottom: 0px;
}
.alldone .form-standard .submit-area .form-group .btn{
margin-bottom: 0px;
}
.captcha a.fas,
.newsletter-form a.fas{
border-radius: 30px;
line-height: 30px;
background-color: #007e46 !important;
border-color: #007e46 !important;
background-image: linear-gradient(to bottom,#287da8 0,#1e5e7f 100%);
color: #ffffff;
cursor: pointer;
padding: 0.25rem 0.7rem;
margin: 0 0 0 15px;
text-decoration: none;
}
.captcha a.fas:hover,
.newsletter-form a.fas:hover{
color: #ffffff;
}
.captcha a.fas:focus,
.newsletter-form a.fas:focus{
outline: none;
box-shadow: 0px 0px 3px 0px rgb(40,125,168) !important;
color: #ffffff;
}

.ui-datepicker{
z-index: 1100 !important;
}
@media (min-width: 768px){
.full-text .txt-r{
text-align: right;
}
}
.full-text label{
white-space: nowrap;
}
.custom-control-label::before{
border: #ababab solid 1px;
}
.custom-checkbox,
.custom-radio{
line-height: 2rem;
}

.kazform .teaser a{
font-weight: 500;
}
.kazform h3.h4,
.kazform h4{
font-size: 1rem;
color: black;
}
.kazform .form-row.w-100.row-0-15{
margin-bottom: 0 !important;
}
.kazform .form-group.captcha{
margin-bottom: 0;
}
.kazform .textarea-txt ul{
margin-top: 1rem;
margin-bottom: 1.5rem;
}
@media (max-width: 767.98px){
.kazform .textarea-txt ul{
width: 100% !important;
}
}
.kazform .textarea-txt ul li{
color: black;
}
.kazform .textarea-txt ul li .txt-l{
color: #555555;
font-weight: 500;
}
.kazform label.custom-control-label.txt-l,
.kazform .form-row .txt-l,
.kazform .txt-l{
font-weight: 500;
}
article.kazform #gb_form ul.wf-text li,
article.kazform #gb_form .content-text li{
position: relative;
padding-left: 1.563rem;
}
article.kazform #gb_form ul.wf-text li:before,
article.kazform #gb_form .content-text li:before{
content: "z";
font-family: "lko";
position: absolute;
top: 0.4em;
left: 1.563rem;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
color: #007e46;
font-size: 0.75rem;
}
article.kazform #gb_form ul.wf-text li:before{
left: 0;
}
#gb_form .form-group{
clear: both;
padding: 0 1%;
}
#gb_form .form-row{
margin-bottom: 1rem;
}
#gb_form .sub-category{
display: none;
}

.mail-formular .custom-control.custom-checkbox{
display: block;
clear: both;
}
.mail-formular h1{
font-size: 1.875rem;
font-weight: 700;
hyphens: auto;
line-height: 1.3;
color: #000000;
margin-top: 0;
}
.mail-formular .field > label,
.mail-formular .field > .label{
font-size: 1rem;
font-weight: normal;
font-weight: normal;
width: auto;
margin-bottom: 0;
padding: 0;
text-align: left;
color: #525252;
}
.mail-formular form{
position: relative;
float: none;
clear: both;
overflow: hidden;
margin-top: 2.5rem;
padding: 1.188rem 1.25rem 1.688rem;
background: #f4f4f4;
}
.mail-formular form input:focus,
.mail-formular form textarea:focus,
.mail-formular form button:focus{
border-width: 2px;
}
.mail-formular .field{
display: block;
float: left;
margin-bottom: 0.75rem;
width: 100%;
}
@media (min-width: 768px){
.mail-formular .field{
width: 50%;
padding: 0 1%;
}
}
.mail-formular .field.multi,.mail-formular .field.field--fullwidth,.mail-formular .field.text input{
width: 100%;
}
.mail-formular .footer,
.mail-formular .button-left{
display: block;
float: left;
width: 100%;
}
.mail-formular .footer{
font-size: 0.813rem;
color: #000000;
margin-top: 1.25rem;
}
.mail-formular .field.multi input{
height: auto;
margin-right: 0.313rem;
}
.mail-formular .field.multi{
width: 100%;
}
.mail-formular .field.field--half{
width: 100%;
}
.mail-formular .field.field--half .custom-control custom-checkbox{
display: block;
clear: both;
}
@media (min-width: 768px){
.mail-formular .field.field--half{
width: 50%;
}
}
.mail-formular .field.select .nice-select{
width: 100%;
}
.mail-formular .field.addText{
align-self: flex-end;
}
.mail-formular .field.bool{
display: inline-flex;
}
.mail-formular .field.bool label,
.mail-formular .field.bool .label{
margin-top: -0.125rem;
padding-bottom: 0;
align-self: center;
}
.mail-formular .field.bool input{
height: auto;
}
.mail-formular .field.bool .field__normal{
margin-right: 0.313rem;
align-self: center;
}
.mail-formular .field.bool .label + .field__normal{
margin-left: 1.25rem;
}
.mail-formular .field.bool .field__normal + .label{
margin-right: 0;
}
.mail-formular .field.bool.field--fullwidth > .field__normal{
width: 100%;
}
.mail-formular .field.multi .field__normal > div{
margin-top: 0.313rem;
}
.mail-formular .page{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.mail-formular .footer a{
color: #007e46;
}
.mail-formular .addText a{
color: #006634;
text-decoration: underline;
}
.mail-formular .addText a:hover{
text-decoration: none;
}
.mail-formular .submitButton input{
width: 100%;
border-radius: 3px;
background-color: #006634 !important;
border-color: #006634 !important;
color: #ffffff;
cursor: pointer;
margin: 0 0 1rem 0;
text-decoration: none;
}
.mail-formular .submitButton input:hover{
background-color: #004021 !important;
border-color: #00331a !important;
box-shadow: 0 0 0 0.2rem rgba(38,125,82,0.5);
}
.mail-formular .submitButton input:focus{
outline: none;
background-color: #004021 !important;
border-color: #00331a !important;
box-shadow: 0 0 0 0.2rem rgba(38,125,82,0.5);
}
.mail-formular .leadin{
font-size: 1.125rem;
line-height: 1.5;
margin-top: 1rem;
color: #525252;
margin-bottom: 1.125rem;
}
.mail-formular .field label[for=rinderhaltungsparten]{
display: block;
float: left;
clear: both;
color: #212529;
width: 100%;
}
.mail-formular #rinderhaltung.custom-control-input ~ .field.multi{
display: none;
}
.mail-formular #rinderhaltung.custom-control-input:checked ~ .field.multi{
display: block;
}
.mail-formular #schafeziegenwild.custom-control-input ~ .field.multi{
display: none;
}
.mail-formular #schafeziegenwild.custom-control-input:checked ~ .field.multi{
display: block;
}
.center-nl{
justify-content: center;
}
.center-nl article > header,
.center-nl article .content-container{
text-align: center;
}
@media (min-width: 768px){
.center-nl article > header,
.center-nl article .content-container{
margin-left: -30px;
margin-right: -30px;
width: calc(100% + 60px);
}
}
@media (min-width: 768px){
.center-nl article > header h1{
margin-top: 0;
}
}
.center-nl .webuserform,
.nl-overlay .nl-content .webuserform{
padding: 0;
background: transparent;
}
.center-nl .webuserform .description,
.nl-overlay .nl-content .webuserform .description{
font-weight: 500;
display: block;
width: 100%;
color: #212529;
margin-bottom: 0.5rem;
}
.center-nl .webuserform .wu-check.two-columns,
.nl-overlay .nl-content .webuserform .wu-check.two-columns{
width: 100%;
}
.center-nl .webuserform .wu-check.two-columns .area-content,
.nl-overlay .nl-content .webuserform .wu-check.two-columns .area-content{
width: 100%;
}
@media (min-width: 576px){
.center-nl .webuserform .wu-check.two-columns .area-content,
.nl-overlay .nl-content .webuserform .wu-check.two-columns .area-content{
column-count: 2;
}
}
@media (min-width: 768px){
.center-nl .webuserform .wu-check.two-columns .area-content,
.nl-overlay .nl-content .webuserform .wu-check.two-columns .area-content{
width: 80%;
}
}
.center-nl .webuserform .info-txt.datenschutz,
.nl-overlay .nl-content .webuserform .info-txt.datenschutz{
font-size: 0.8rem;
line-height: 1.2rem;
margin-top: 1rem;
text-align: center;
}
@media (min-width: 768px){
.center-nl .webuserform .info-txt.datenschutz,
.nl-overlay .nl-content .webuserform .info-txt.datenschutz{
text-align: left;
}
}
.center-nl .webuserform .info-txt.datenschutz a,
.nl-overlay .nl-content .webuserform .info-txt.datenschutz a{
color: #006634;
text-decoration: underline;
}
.center-nl .webuserform .secure .description,
.nl-overlay .nl-content .webuserform .secure .description{
padding-bottom: 0;
}
.center-nl .webuserform .btn-row .btn,
.nl-overlay .nl-content .webuserform .btn-row .btn{
margin: 0;
}
@media (min-width: 768px){
.center-nl .webuserform .btn-row .btn,
.nl-overlay .nl-content .webuserform .btn-row .btn{
width: auto;
min-width: 80%;
}
}
.center-nl .webuserform .btn-row.centered-btn,
.nl-overlay .nl-content .webuserform .btn-row.centered-btn{
text-align: center;
}
@media (min-width: 768px){
.center-nl .webuserform .btn-row.centered-btn,
.nl-overlay .nl-content .webuserform .btn-row.centered-btn{
width: auto;
min-width: 50%;
margin-left: auto;
margin-right: auto;
}
}
.center-nl .webuserform .custom-control-label,
.nl-overlay .nl-content .webuserform .custom-control-label{
color: #212529;
}
.center-nl .btn-row.centered-btn,
.nl-overlay .nl-content .btn-row.centered-btn{
text-align: center;
}
@media (min-width: 768px){
.center-nl .btn-row.centered-btn .btn,
.nl-overlay .nl-content .btn-row.centered-btn .btn{
width: auto;
min-width: 40%;
margin-left: auto;
margin-right: auto;
}
}

.mail-formular .form-content.center.sideBySide.nl-warning{
display: flex;
flex-wrap: wrap;
}
.mail-formular .form-content.center.sideBySide.nl-warning form{
width: 100%;
padding-top: 2rem;
margin-top: 1.5rem;
}
@media (min-width: 1200px){
.mail-formular .form-content.center.sideBySide.nl-warning form .page{
width: 50%;

}
}
.mail-formular .form-content.center.sideBySide.nl-warning form .secure.opted-in > span{
padding-bottom: 0;
}
.mail-formular .form-content.center.sideBySide.nl-warning .leadin{
margin-top: 2rem;
}
.mail-formular .form-content.center.sideBySide.nl-warning .leadin .headerImage{
display: none;
}
.mail-formular .form-content.center.sideBySide.nl-warning .leadin h2{
color: black;
}

/* splitted due to filesize */

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