/* *** generated @ 2021-07-02 15:11:55 *** */

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


/* ** [ /src_project/sites/portal/css/3/wetter.css ] (@import) ** */
[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 .centerd-row{
text-align: center}
.wetter-header .centerd-row h2{
font-family: "Roboto",sans-serif;
font-size: 40px;
font-weight: normal !important}
.wetter-header .centerd-row h2 span{
font-size: 20px}
.wetter-header .centerd-row h2 small,
.wetter-header .centerd-row h2 span{
display: block;
clear: both}
.wetter-header .centerd-row h2 small{
font-size: 13px;
margin-top: 5px;
color: #999}
.wetter-widget .wetter-search{
display: block;
float: left;
clear: both;
width: 100%;
padding: 20px}
.wetter-widget .wetter-search .plz-search-form{
width: 100%}
.wetter-widget .wetter-akt{
font-size: 13px;
display: block;
width: 100%;
margin-top: 5px;
text-align: center;
color: #989898}
.wetter-widget .wetter-footer{
margin: 0;
color: #616161}
.wetter-widget .wetter-footer span{
color: #616161}
.wetter-widget header{
display: block;
float: left;
clear: both;
width: 100%;
margin-bottom: 15px}
.wetter-widget header h2{
font-size: 26px;
font-weight: 500;
line-height: 23px;
margin: 0}
.wetter-widget header small{
font-size: 16px;
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}
.wetter-widget .wetter-forecast ul li [data-symbol]{
width: 48px;
height: 48px;
background-position: center}
.plz-search-form{
position: relative;
width: 50%;
padding: 0}
@media (max-width: 767px){
.plz-search-form{
width: 100%}}
.plz-search-form i{
position: absolute;
top: 14px;
left: 20px;
width: auto;
height: auto}
@media (min-width: 992px) and (max-width: 1199px){
.wetter-widget .plz-search-form i{
right: 20px;
left: unset;
cursor: pointer}}
@media (max-width: 375px){
.plz-search-form i{
top: 9px;
left: 11px}}
.plz-search-form i svg{
width: 20px;
height: 20px;
color: #007e46}
.plz-search-form input{
width: 100%;
height: 50px;
padding-right: 10px;
padding-left: 60px;
border: none}
@media (max-width: 375px){
.plz-search-form input{
height: 40px;
padding-left: 40px}}
@media (min-width: 992px) and (max-width: 1199px){
.wetter-widget .plz-search-form input{
padding-right: 60px;
padding-left: 20px}}
.plz-search-form .btn.btn-portalColor{
font-size: 14px;
line-height: 46px;
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: 39px;
padding: 0 15px}}
@media (min-width: 992px) and (max-width: 1199px){
.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}}
.wetter-search .search-input{
display: flex;
flex-wrap: wrap;
justify-content: center}
.wetter-nav{
display: block;
clear: both;
padding: 0}
.wetter-nav li{
margin: 0;
list-style: none}
.wetter-nav li:nth-last-child(-n+2) .dropdown-menu{
right: 0;
left: inherit}
.wetter-nav li:nth-last-child(-n+2) .dropdown-menu:before{
right: 14px;
left: inherit}
.wetter-nav li:nth-last-child(-n+2) .dropdown-menu:after{
right: 15px;
left: inherit}
.wetter-nav .dropdown-menu:before{
position: absolute;
top: -9px;
left: 14px;
width: 0;
height: 0;
content: " ";
border-right: 9px solid transparent;
border-bottom: 9px solid #ccc;
border-left: 9px solid transparent}
.wetter-nav .dropdown-menu:after{
position: absolute;
top: -8px;
left: 15px;
width: 0;
height: 0;
content: " ";
border-right: 8px solid transparent;
border-bottom: 8px solid white;
border-left: 8px solid transparent}
.wetter-nav .dropdown-menu li{
font-size: 14px;
margin: 0}
.wetter-nav .dropdown-menu li a{
height: auto;
padding: 0 20px}
.wetter-nav .dropdown > .dropdown-toggle{
font-size: 14px;
font-weight: normal;
display: block;
padding: 15px 17px;
color: #333}
@media (max-width: 991px){
.wetter-nav .dropdown > .dropdown-toggle{
padding: 15px 8px}}
.info{
position: relative;
top: -3px;
display: inline-block;
margin-left: 0;
cursor: pointer}
.info svg{
width: 23px;
height: 16px;
fill: #666}
.wetter-serch-collapse{
position: absolute;
z-index: 50;
right: 0;
left: 0;
margin-top: 15px;
box-shadow: 0 5px 7px rgba(0,0,0,0.15)}
.search-link{
font-size: 14px;
cursor: pointer;
color: #007e46}
.search-link svg{
width: 18px;
height: 18px;
margin-right: 5px;
fill: #007e46}
.popover-content{
padding: 20px;
text-align: center}
.popover-content .small-popover{
font-size: 12px;
line-height: 16px;
display: block;
margin-top: 10px}
.popover-content .txt-popver{
font-size: 20px;
line-height: 24px;
display: block}
.popover-content .warnings-popover{
display: block;
width: 100%;
height: 40px;
margin-bottom: 10px;
background-image:  url(/src_project/svg/portal/wetter2018/icons/wetterwarnung.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%}
.wetter-footer{
max-width: 100%;
margin-top: 30px;
text-align: center;
flex: 0 0 100%}
.wetter-footer a,
.wetter-footer span{
font-size: 12px;
display: block;
clear: both;
color: #606060}
@media (max-width: 767px){
.wetter-footer a,
.wetter-footer span{
font-size: 10px}}
.wetter-footer a{
margin-top: 15px}
.wetter-footer a img{
width: 60px;
height: auto;
margin-left: 6px}
.wetter-detail{
display: flex;
justify-content: center;
flex-wrap: wrap}
.wetter-detail .slick-next,
.wetter-detail .slick-prev{
font-size: 0;
border: none}
.wetter-detail .col-block,
.wetter-detail ul{
position: relative;
display: flex;
clear: both;
overflow: hidden;
flex-direction: row;
width: 100%;
margin: 15px 0 0;
padding: 10px 0 0 0;
border-bottom: 1px solid #f4f4f4;
flex-wrap: nowrap}
.wetter-detail .col-block .col-item,
.wetter-detail .col-block li,
.wetter-detail ul .col-item,
.wetter-detail ul li{
float: left;
max-width: 14.2857142857%;
margin: 0;
padding: 0 10px;
list-style: none;
text-align: center;
border-right: 2px solid #f4f4f4;
flex: 0 0 14.2857142857%}
.wetter-detail .col-block .col-item .col-1spaltig,
.wetter-detail .col-block li .col-1spaltig,
.wetter-detail ul .col-item .col-1spaltig,
.wetter-detail ul li .col-1spaltig{
margin: 0;
padding: 0;
list-style: none;
border: none}
.wetter-detail .col-block .col-item .col-1spaltig.top,
.wetter-detail .col-block li .col-1spaltig.top,
.wetter-detail ul .col-item .col-1spaltig.top,
.wetter-detail ul li .col-1spaltig.top{
height: 148px}
@media (max-width: 375px){
.wetter-detail .col-block .col-item .col-1spaltig.top,
.wetter-detail .col-block li .col-1spaltig.top,
.wetter-detail ul .col-item .col-1spaltig.top,
.wetter-detail ul li .col-1spaltig.top{
height: 130px}}
.wetter-detail .col-block .col-item .col-1spaltig li,
.wetter-detail .col-block li .col-1spaltig li,
.wetter-detail ul .col-item .col-1spaltig li,
.wetter-detail ul li .col-1spaltig li{
float: left;
max-width: 1000%;
border: none;
flex: 0 0 100%}
.wetter-detail .col-block .col-item.day-2col,
.wetter-detail .col-block li.day-2col,
.wetter-detail ul .col-item.day-2col,
.wetter-detail ul li.day-2col{
position: relative;
z-index: 50;
max-width: 28.5714285714%;
margin-left: -14.2857142857%;
list-style: none;
background-color: #fbfbfb;
flex: 0 0 28.5714285714%}
@media (max-width: 991px){
.wetter-detail .col-block .col-item.day-2col,
.wetter-detail .col-block li.day-2col,
.wetter-detail ul .col-item.day-2col,
.wetter-detail ul li.day-2col{
width: 100%;
margin-left: -7.15%}}
.wetter-detail .col-block .col-item.day-2col.slick-slide,
.wetter-detail .col-block li.day-2col.slick-slide,
.wetter-detail ul .col-item.day-2col.slick-slide,
.wetter-detail ul li.day-2col.slick-slide{
display: none !important}
.wetter-detail .col-block .col-item.day-2col.slick-slide.collapse.in,
.wetter-detail .col-block li.day-2col.slick-slide.collapse.in,
.wetter-detail ul .col-item.day-2col.slick-slide.collapse.in,
.wetter-detail ul li.day-2col.slick-slide.collapse.in{
display: block !important}
.wetter-detail .col-block .col-item.day-2col:before,
.wetter-detail .col-block li.day-2col:before,
.wetter-detail ul .col-item.day-2col:before,
.wetter-detail ul li.day-2col:before{
position: absolute;
top: -10px;
right: 0;
left: 0;
height: 10px;
content: " ";
background-color: #fbfbfb}
.wetter-detail .col-block .col-item.day-2col .close,
.wetter-detail .col-block li.day-2col .close,
.wetter-detail ul .col-item.day-2col .close,
.wetter-detail ul li.day-2col .close{
position: absolute;
right: 18px;
cursor: pointer}
.wetter-detail .col-block .col-item.day-2col .close svg,
.wetter-detail .col-block li.day-2col .close svg,
.wetter-detail ul .col-item.day-2col .close svg,
.wetter-detail ul li.day-2col .close svg{
width: 18px;
height: auto;
fill: #007e46}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig,
.wetter-detail .col-block li.day-2col .col-2spaltig,
.wetter-detail ul .col-item.day-2col .col-2spaltig,
.wetter-detail ul li.day-2col .col-2spaltig{
width: auto;
margin: 0 -10px;
padding: 0;
list-style: none;
border: none}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig.top,
.wetter-detail .col-block li.day-2col .col-2spaltig.top,
.wetter-detail ul .col-item.day-2col .col-2spaltig.top,
.wetter-detail ul li.day-2col .col-2spaltig.top{
height: 148px}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li,
.wetter-detail .col-block li.day-2col .col-2spaltig li,
.wetter-detail ul .col-item.day-2col .col-2spaltig li,
.wetter-detail ul li.day-2col .col-2spaltig li{
max-width: 50%;
flex: 0 0 50%;
flaot: left}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li:first-child,
.wetter-detail .col-block li.day-2col .col-2spaltig li:first-child,
.wetter-detail ul .col-item.day-2col .col-2spaltig li:first-child,
.wetter-detail ul li.day-2col .col-2spaltig li:first-child{
border-left: none}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li:last-child,
.wetter-detail .col-block li.day-2col .col-2spaltig li:last-child,
.wetter-detail ul .col-item.day-2col .col-2spaltig li:last-child,
.wetter-detail ul li.day-2col .col-2spaltig li:last-child{
border-right: none}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li [data-symbol],
.wetter-detail .col-block li.day-2col .col-2spaltig li [data-symbol],
.wetter-detail ul .col-item.day-2col .col-2spaltig li [data-symbol],
.wetter-detail ul li.day-2col .col-2spaltig li [data-symbol]{
float: left;
width: 50%;
height: 50px}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li .temperatur,
.wetter-detail .col-block li.day-2col .col-2spaltig li .temperatur,
.wetter-detail ul .col-item.day-2col .col-2spaltig li .temperatur,
.wetter-detail ul li.day-2col .col-2spaltig li .temperatur{
display: inline-block;
width: 50%}
@media (min-width: 992px){
.wetter-detail .col-block .col-item .header-block .headline-cont,
.wetter-detail .col-block li .header-block .headline-cont,
.wetter-detail ul .col-item .header-block .headline-cont,
.wetter-detail ul li .header-block .headline-cont{
display: none}}
.wetter-detail .col-block .col-item .header-block .headline-cont:before,
.wetter-detail .col-block li .header-block .headline-cont:before,
.wetter-detail ul .col-item .header-block .headline-cont:before,
.wetter-detail ul li .header-block .headline-cont:before{
position: relative;
top: 0;
display: inline-block;
width: 25px;
height: 25px;
margin-right: 10px;
content: "";
background-repeat: no-repeat;
background-position: center right;
background-size: 100% auto}
.wetter-detail .col-block .col-item .header-block .headline-cont span,
.wetter-detail .col-block li .header-block .headline-cont span,
.wetter-detail ul .col-item .header-block .headline-cont span,
.wetter-detail ul li .header-block .headline-cont span{
position: relative;
top: -5px;
display: inline-block}
.wetter-detail .col-block .col-item .header-block.niederschlag .headline-cont:before,
.wetter-detail .col-block li .header-block.niederschlag .headline-cont:before,
.wetter-detail ul .col-item .header-block.niederschlag .headline-cont:before,
.wetter-detail ul li .header-block.niederschlag .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/niederschlag.svg)}
.wetter-detail .col-block .col-item .header-block.rel-feu .headline-cont:before,
.wetter-detail .col-block li .header-block.rel-feu .headline-cont:before,
.wetter-detail ul .col-item .header-block.rel-feu .headline-cont:before,
.wetter-detail ul li .header-block.rel-feu .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/feuchtigkeit.svg)}
.wetter-detail .col-block .col-item .header-block.verdunstung .headline-cont:before,
.wetter-detail .col-block li .header-block.verdunstung .headline-cont:before,
.wetter-detail ul .col-item .header-block.verdunstung .headline-cont:before,
.wetter-detail ul li .header-block.verdunstung .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/verdunstung.svg)}
.wetter-detail .col-block .col-item .header-block.wind .headline-cont:before,
.wetter-detail .col-block li .header-block.wind .headline-cont:before,
.wetter-detail ul .col-item .header-block.wind .headline-cont:before,
.wetter-detail ul li .header-block.wind .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/windstaerke.svg)}
.wetter-detail .col-block .col-item .header-block.bodenfrost .headline-cont:before,
.wetter-detail .col-block li .header-block.bodenfrost .headline-cont:before,
.wetter-detail ul .col-item .header-block.bodenfrost .headline-cont:before,
.wetter-detail ul li .header-block.bodenfrost .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/bodenfrost.svg)}
.wetter-detail .col-block .col-item .header-block.gewitter .headline-cont:before,
.wetter-detail .col-block li .header-block.gewitter .headline-cont:before,
.wetter-detail ul .col-item .header-block.gewitter .headline-cont:before,
.wetter-detail ul li .header-block.gewitter .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/gewitter.svg)}
.wetter-detail .col-block .col-item:first-child .header-block .headline-cont,
.wetter-detail .col-block li:first-child .header-block .headline-cont,
.wetter-detail ul .col-item:first-child .header-block .headline-cont,
.wetter-detail ul li:first-child .header-block .headline-cont{
display: block}
@media (min-width: 992px){
.wetter-detail .col-block .col-item:first-child .header-block .headline-cont,
.wetter-detail .col-block li:first-child .header-block .headline-cont,
.wetter-detail ul .col-item:first-child .header-block .headline-cont,
.wetter-detail ul li:first-child .header-block .headline-cont{
position: absolute;
right: 0;
left: 0;
width: auto}}
.wetter-detail .col-block .col-item:first-child .header-block .headline-cont:before,
.wetter-detail .col-block li:first-child .header-block .headline-cont:before,
.wetter-detail ul .col-item:first-child .header-block .headline-cont:before,
.wetter-detail ul li:first-child .header-block .headline-cont:before{
position: relative;
top: 0;
display: inline-block;
width: 25px;
height: 25px;
margin-right: 10px;
content: "";
background-repeat: no-repeat;
background-position: center right;
background-size: 100% auto}
.wetter-detail .col-block .col-item .bodenfrost-val,
.wetter-detail .col-block li .bodenfrost-val,
.wetter-detail ul .col-item .bodenfrost-val,
.wetter-detail ul li .bodenfrost-val{
height: 120px}
.wetter-detail .col-block .col-item:first-child,
.wetter-detail .col-block li:first-child,
.wetter-detail ul .col-item:first-child,
.wetter-detail ul li:first-child{
border-left: 2px solid #f4f4f4}
.wetter-detail .col-block .col-item .date,
.wetter-detail .col-block li .date,
.wetter-detail ul .col-item .date,
.wetter-detail ul li .date{
font-size: 30px}
.wetter-detail .col-block .col-item .date .day,
.wetter-detail .col-block li .date .day,
.wetter-detail ul .col-item .date .day,
.wetter-detail ul li .date .day{
font-size: 20px;
display: block}
.wetter-detail .col-block .col-item .tempmin,
.wetter-detail .col-block li .tempmin,
.wetter-detail ul .col-item .tempmin,
.wetter-detail ul li .tempmin{
display: inline-block;
min-width: 36px;
margin-top: 5px;
padding-top: 5px;
color: #999;
border-top: 1px solid #999}
.wetter-detail .col-block .col-item .warnings,
.wetter-detail .col-block li .warnings,
.wetter-detail ul .col-item .warnings,
.wetter-detail ul li .warnings{
position: absolute;
right: -25px;
bottom: 5px;
width: 40px;
height: 40px;
cursor: pointer;
background-image:  url(/src_project/svg/portal/wetter2018/icons/wetterwarnung.svg);
background-size: 100% auto}
.wetter-detail .col-block .col-item [data-symbol],
.wetter-detail .col-block li [data-symbol],
.wetter-detail ul .col-item [data-symbol],
.wetter-detail ul li [data-symbol]{
position: relative;
display: inline-block;
width: 80px;
height: 80px;
margin-bottom: 10px;
background-size: 100% auto}
@media (max-width: 375px){
.wetter-detail .col-block .col-item [data-symbol],
.wetter-detail .col-block li [data-symbol],
.wetter-detail ul .col-item [data-symbol],
.wetter-detail ul li [data-symbol]{
width: 48px;
height: 48px}}
.wetter-detail .value-cont{
padding: 20px 20px 5px}
.wetter-detail .value-cont span{
display: block;
clear: both;
margin-bottom: 15px}
.wetter-detail .header-block{
height: 50px;
margin-right: -10px;
margin-left: -10px;
padding: 10px 0;
background: #f9f9f9}
.wetter-detail .header-block.day-col{
margin-top: 16px;
margin-bottom: 24px}
.wetter-detail .header-block.day-col span{
display: inline-block;
margin-top: 4px}
.wetter-detail .header-block li{
font-weight: bold;
max-width: 100%;
text-align: center;
flex: 0 0 100%}
.wetter-detail .col-link{
font-size: 12px;
display: block;
height: 40px;
margin-top: 20px;
color: #007e46}
.wetter-detail a.col-link{
cursor: pointer}
.wetter-details .weather-container{
display: table;
clear: both;
overflow: hidden;
width: 100%;
margin: 50px 0 30px;
padding: 0}
.wetter-details .weather-container .col-link-row a{
font-size: 12px;
color: #007e46}
.wetter-details .weather-container .weather-row{
display: table-row}
.wetter-details .weather-container .weather-col{
position: relative;
display: table-cell;
float: left;
width: 14.2857142857%;
padding: 0 10px;
list-style: none;
text-align: center;
border-right: 1px solid #f4f4f4}
.wetter-details .weather-container .weather-col .date{
font-size: 30px}
.wetter-details .weather-container .weather-col .date .day{
font-size: 20px;
display: block}
.wetter-details .weather-container .weather-col .tempmin{
display: inline-block;
min-width: 36px;
margin-top: 5px;
padding-top: 5px;
color: #999;
border-top: 1px solid #999}
.wetter-details .weather-container .weather-col [data-symbol]{
display: inline-block;
width: 60px;
height: 60px;
margin-bottom: 10px;
background-size: 100% auto}
@media (max-width: 375px){
.wetter-details .weather-container .weather-col [data-symbol]{
width: 48px;
height: 48px}}
.wetter-details .weather-container .header-row{
background: #f9f9f9}
.wetter-details .weather-container .header-row .weather-col{
font-weight: bold;
width: 100%;
padding: 10px;
text-align: center}
.wetter-forecast{
display: flex;
justify-content: center;
flex-wrap: wrap}
.wetter-forecast ul{
clear: both;
margin: 50px 0 30px;
padding: 0}
@media (max-width: 767px){
.wetter-forecast ul{
max-width: 100%}}
@media (max-width: 375px){
.wetter-forecast ul{
width: 100%}}
.wetter-forecast ul li{
position: relative;
float: left;
padding: 0 35px;
list-style: none;
text-align: center;
border-right: 1px solid #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: 20px;
margin-bottom: 10px}
@media (max-width: 767px){
.wetter-forecast ul li .direction{
font-size: 18px}}
.wetter-forecast ul li .tempmin{
margin-top: 5px;
padding-top: 5px;
color: #999;
border-top: 1px solid #999}
.wetter-forecast ul li [data-symbol]{
display: inline-block;
width: 60px;
height: 60px;
margin-bottom: 10px;
background-size: 100% auto}
@media (max-width: 375px){
.wetter-forecast ul li [data-symbol]{
width: 48px;
height: 48px}}
.col-item{
position: relative}
.col-item .col-item{
position: absolute !important;
top: 0;
left: 0;
max-width: 100% !important;
margin-left: 0 !important;
flex: 0 0 100% !important}
.col-item .col-item.in:parent{
max-width: 28.5714285714%;
flex: 0 0 28.5714285714%}
.autocompleteOrte{
box-shadow: 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}

/* ** [ /src_project/sites/portal/css/3/header.css ] (@import) ** */
body{
position: relative;
padding-top: 199px}
@media (max-width: 1200px){
body{
padding-top: 72px}}
@media (max-width: 979px){
body{
padding-top: 73px}}
@media (max-width: 767px){
body{
padding-top: 72px}}
@media (max-width: 1200px){
.toplinks{
display: none !important}}
.navigation-panel .panel-group{
display: block;
float: right}
.navigation-panel .panel{
width: auto;
border: none;
background: transparent}
#main-header{
position: fixed;
z-index: 1030;
top: 0;
right: 0;
left: 0;
background: white}
@media (min-width: 1200px){
#main-header .header.container-fluid{
position: relative}}
@media (max-width: 1199px){
#main-header .container-fluid .container .row{
display: flex;
flex-direction: row;
align-items: center}}
@media (min-width: 1200px){
#main-header .main-search{
top: inherit;
right: 40px;
display: none;
margin-top: -62px !important;
padding-right: 0}
#main-header .main-search.in{
display: block}}
@media (min-width: 1270px){
#main-header .main-search{
right: 3px}}
@media (min-width: 1200px){
#main-header .content-mob-btn.button-row-mobil{
display: none}}
#main-header #solr-form-submit-forw{
float: left;
padding-top: 7px;
padding-right: 8px;
padding-left: 8px}
#main-header #mobile-navigation .row.mobile-icon{
display: flex}
#main-header #mobile-navigation button{
display: block;
width: 25px;
height: 25px;
margin-left: 10px}
@media (min-width: 1200px){
#main-header.header-affix .main-search{
top: inherit;
margin-top: -30px !important}}
@media (max-width: 991px){
#main-header.header-affix .logo{
margin-top: 0;
margin-bottom: 0}}
@media (min-width: 1200px){
#main-header.header-affix .navbar-links.nav{
bottom: -6px}}
#main-header.header-affix .header{
padding-top: 10px;
padding-bottom: 10px}
#main-header.header-affix .header .logo__logo{
width: auto;
height: 35px}
#main-header.header-affix .header .logo__bundesland{
height: 28px;
margin-left: 0.5rem}
@media (min-width: 1200px){
#main-header.header-affix .header #search-form{
margin-top: 0 !important}}
@media (min-width: 1200px){
#main-header.header-affix #mobile-navigation{
top: inherit;
bottom: 5px}}
@media (max-width: 1199px){
#main-header.header-affix #mobile-navigation{
position: static;
top: inherit;
bottom: inherit;
margin-right: 10px}
#main-header.header-affix #mobile-navigation button{
bottom: 0}}
@media (max-width: 1199px){
body.lock-scroll{
overflow: hidden}
.nav > li > a{
padding-right: 15px !important;
padding-left: 15px !important;
color: #000}
.nav > li .nav-item-header{
padding: 10px 15px}
.navbar-nav li.bdl-nav > .icon-item > svg{
height: 2rem;
fill: #007e46 !important}
.navbar-nav li .icon-item{
display: flex;
align-items: center}
.navbar-nav li .icon-item > .media-left{
padding-right: 10px}
.navbar-nav li .icon-item.lk-anzeigen{
padding-top: 12px;
background: #007a3f}
.navbar-nav li .icon-item.lk-anzeigen:hover,.navbar-nav li .icon-item.lk-anzeigen:focus{
opacity: 0.6}
.navbar-nav li .icon-item img.svgicon-kleinanzeigen{
width: auto;
height: 3rem;
margin-right: 10px;
margin-left: 0 !important}
.navbar-nav li .icon-item img.svgicon-kleinanzeigen + span{
display: none}
.navbar-nav li .icon-item .img-platzhalter,
.navbar-nav li .icon-item svg{
width: 3rem;
height: 3rem;
margin-right: 10px;
margin-left: 0 !important}
.navbar-nav li .icon-item .img-platzhalter use,
.navbar-nav li .icon-item svg use{
width: 3rem;
height: 3rem}
.navbar-nav li .icon-item .img-platzhalter.svgicon-forstprogramme,.navbar-nav li .icon-item .img-platzhalter.svgicon-futter,
.navbar-nav li .icon-item svg.svgicon-forstprogramme,
.navbar-nav li .icon-item svg.svgicon-futter{
fill: #007e46}
.navbar-nav li .icon-item .img-platzhalter.svgicon-download,
.navbar-nav li .icon-item svg.svgicon-download{
fill: #007e46}
.navbar-nav li .icon-item .img-platzhalter.svgicon-links,
.navbar-nav li .icon-item svg.svgicon-links{
fill: black}
.navbar-nav li .icon-item .img-platzhalter.svgicon-beratung,
.navbar-nav li .icon-item svg.svgicon-beratung{
fill: #96be0a}
.navbar-nav li .icon-item .img-platzhalter.svgicon-kleinanzeigen,
.navbar-nav li .icon-item svg.svgicon-kleinanzeigen{
width: auto}
.navbar-nav li .icon-item .img-platzhalter.svgicon-kleinanzeigen use,
.navbar-nav li .icon-item svg.svgicon-kleinanzeigen use{
width: auto}
.navbar-nav li .icon-item .img-platzhalter.svgicon-kleinanzeigen + span,
.navbar-nav li .icon-item svg.svgicon-kleinanzeigen + span{
display: none}
.navbar-nav li .quicklinks{
background-color: #f5f5f5}
.navbar-nav li.social-icon-row .shariff ul,
.navbar-nav li.social-icon-row .social-link{
display: flex;
flex-direction: row;
width: 100%;
vertical-align: middle;
border-bottom: 1px solid #e6e6e6;
justify-content: center}
.navbar-nav li.social-icon-row .shariff ul > li,
.navbar-nav li.social-icon-row .social-link > li{
width: auto;
height: auto;
margin: 0;
padding: 15px;
vertical-align: middle;
border-left: 1px solid #e6e6e6}
.navbar-nav li.social-icon-row .shariff ul > li:first-child,
.navbar-nav li.social-icon-row .social-link > li:first-child{
border-left: none}
.navbar-nav li.social-icon-row .shariff ul > div,
.navbar-nav li.social-icon-row .social-link > div{
padding: 15px;
text-align: center;
vertical-align: middle;
border-left: 1px solid #e6e6e6;
flex-basis: 100%}
.navbar-nav li.social-icon-row .shariff ul > div:first-child,
.navbar-nav li.social-icon-row .social-link > div:first-child{
border-left: none}
.navbar-nav li.social-icon-row .shariff ul > div a,
.navbar-nav li.social-icon-row .social-link > div a{
margin: 0;
border-bottom: none !important}
.navbar-nav li.social-icon-row .shariff ul > div > a,
.navbar-nav li.social-icon-row .social-link > div > a{
line-height: 1;
display: block;
margin-top: 0;
margin-bottom: 0;
color: #007e46}
.navbar-nav li.social-icon-row .shariff ul > div > a:hover,.navbar-nav li.social-icon-row .shariff ul > div > a:focus,
.navbar-nav li.social-icon-row .social-link > div > a:hover,
.navbar-nav li.social-icon-row .social-link > div > a:focus{
opacity: 0.6}
.navbar-nav li.social-icon-row .shariff ul > div > a span,
.navbar-nav li.social-icon-row .social-link > div > a span{
display: none;
color: #007e46}
.navbar-nav li.social-icon-row .shariff ul > div > a svg,
.navbar-nav li.social-icon-row .social-link > div > a svg{
width: 3.6rem;
height: 3.6rem;
margin-left: 0 !important;
fill: #606060}
.navbar-nav li.social-icon-row .shariff ul > div > a.twitter,
.navbar-nav li.social-icon-row .social-link > div > a.twitter{
display: inline-flex;
width: 1.5rem;
height: 1.5rem;
border-radius: 3px;
background: #606060;
justify-content: center;
align-items: center}
.navbar-nav li.social-icon-row .shariff ul > div > a.twitter svg,
.navbar-nav li.social-icon-row .social-link > div > a.twitter svg{
width: 1rem;
height: 1rem;
fill: #f5f5f5}
.dropdown > .dropdown-menu{
display: block;
transition: transform 0.5s ease;
transform: scaleY(0);
transform-origin: top}
.dropdown.open > .dropdown-menu{
transform: scaleY(1)}
.dropdown-submenu > .dropdown-menu{
display: block;
height: 0;
transition: transform 0.5s ease;
transform: scaleY(0);
transform-origin: top}
.dropdown-submenu.open > .dropdown-menu{
height: auto;
transform: scaleY(1)}
#main-header .header{
padding-top: 10px;
padding-bottom: 10px}
#main-header a.logo{
width: 66.6%}
#main-header .logo__logo{
position: relative;
bottom: 0;
display: inline;
width: auto;
height: 52px;
vertical-align: bottom}
#main-header .logo__bundesland{
position: absolute;
bottom: 0;
height: 35px}
#main-header #mobile-navigation{
top: inherit}
#main-header #mobile-navigation button.trigger-menu{
bottom: -2px}
#main-navigation .button-row-mobil{
display: block;
float: left;
width: 100%;
padding-right: 15px;
padding-left: 15px;
text-align: right}
#main-navigation .main-search{
width: calc(100% - 20px);
margin-right: 10px;
margin-left: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0}
#main-navigation #toggle-menu .navbar-nav{
display: block;
clear: both;
margin: 0}
#toggle-menu{
position: fixed;
z-index: 9999;
top: 0;
right: -30%;
left: unset;
overflow-y: scroll;
width: 30%;
height: 100vh !important;
padding: 0;
transition: none !important;
background: white;
dtransition: none !important}
#toggle-menu.collapse.animation-state-show{
animation: slide-in 0.4s forwards}
#toggle-menu.collapse.animation-state-show.animation-state-hide{
right: 0;
animation: slide-out 0.4s forwards}
#toggle-menu ~ .fade-bg{
position: fixed;
top: 0;
left: -100vw;
width: 100vw;
height: 100vh;
content: " ";
transition: opacity 0.4s ease;
opacity: 0;
background: #000}
#toggle-menu.animation-state-show ~ .fade-bg{
left: 0;
opacity: 0.7}
#toggle-menu.animation-state-hide ~ .fade-bg{
left: 0;
opacity: 0}
@keyframes slide-in{
100%{
right: 0}}
@keyframes slide-out{
100%{
right: -30%}}}
@media (max-width: 991px){
#toggle-menu{
right: -50%;
width: 50%}
#toggle-menu.collapse.animation-state-show{
animation: slide-in 0.4s forwards}
#toggle-menu.collapse.animation-state-show.animation-state-hide{
right: 0;
animation: slide-out 0.4s forwards}
@keyframes slide-in{
100%{
right: 0}}
@keyframes slide-out{
100%{
right: -50%}}}
@media (max-width: 767px){
#toggle-menu{
right: -100%;
width: 100%}
#toggle-menu.collapse.animation-state-show{
animation: slide-in 0.4s forwards}
#toggle-menu.collapse.animation-state-show.animation-state-hide{
right: 0;
animation: slide-out 0.4s forwards}
@keyframes slide-in{
100%{
right: 0}}
@keyframes slide-out{
100%{
right: -100%}}
#main-header .logo{
margin: 0}
#main-header.header-affix .header .logo__logo{
display: inline !important;
clear: none !important;
height: 20px;
margin: 0}
#main-header .logo__logo{
display: inline !important;
clear: none !important;
height: 30px;
margin: 0}
.logo-second{
position: relative;
display: block;
overflow: hidden;
height: 18px;
margin-top: 3px}
.logo-second img{
position: absolute;
top: inherit !important;
left: 0}
#main-header.header-affix .header .logo__bundesland,
#main-header .logo__bundesland{
position: absolute;
margin-left: 0}}
.navbar-links.nav{
position: relative;
min-height: inherit;
margin-right: 15px;
margin-bottom: 0;
border: 1px solid transparent}
@media (max-width: 1199px){
.navbar-links.nav{
display: none}}
.navbar-links.nav li{
margin: 0}
.navbar-links.nav li li.dropdown-submenu > .dropdown-menu{
position: absolute;
top: 0;
right: 100%;
left: auto}
.navbar-links.nav > li > .dropdown-menu{
right: 0;
left: auto;
border-color: #74af95}
.navbar-links.nav > li > .dropdown-menu > .topmenu::before{
z-index: 5;
right: 32px;
left: auto}
.navbar-links.nav > li > .dropdown-menu > .topmenu::after{
position: absolute;
z-index: 1;
top: -9px;
right: 31px;
left: inherit;
width: 0;
height: 0;
content: " ";
border-right: 9px solid transparent;
border-bottom: 9px solid #74af95;
border-left: 9px solid transparent}
.navbar-links.nav .dropdown > .dropdown-toggle{
font-weight: inherit;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
color: white}
.navbar-links.nav .dropdown > .dropdown-toggle > span:after{
font-family: "lko" !important;
font-size: 9px;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
display: block;
float: right;
margin-top: 5px;
margin-left: 9px;
content: "\4a";
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
text-transform: none !important}
@media (min-width: 1200px){
.navbar-links.nav{
position: absolute;
right: 40px;
bottom: 4px}}
#mobile-navigation{
position: absolute;
top: 35px;
right: 10px;
width: auto}
@media (min-width: 1200px){
#mobile-navigation{
position: absolute !important;
top: inherit !important;
bottom: 15px;
float: right}}
@media (min-width: 768px) and (max-width: 991px){
#mobile-navigation{
padding-right: 0}}
#mobile-navigation #trigger-bundesland{
width: 20px;
height: 20px;
border: none;
background-color: transparent}
#mobile-navigation #trigger-menu{
width: 20px;
height: 20px;
border: none;
background-color: transparent}
#mobile-navigation #trigger-menu svg{
fill: #fff}
#mobile-navigation #trigger-menu.collapsed svg{
fill: #fff}
#mobile-navigation button{
position: relative;
margin: 0 0 0 10px;
padding: 0;
border: none;
background-color: transparent}
#mobile-navigation button svg{
position: absolute;
top: inherit;
bottom: 0;
left: 0;
width: 25px;
height: 25px;
fill: #fff}
#mobile-navigation button.trigger-search{
margin-right: 5px;
margin-left: 10px}
@media (min-width: 1200px){
#mobile-navigation button.trigger-search{
right: 0;
margin-left: 7px}}
@media (min-width: 1270px){
#mobile-navigation button.trigger-search{
right: -35px;
margin-left: 7px}}
#mobile-navigation button.trigger-search svg{
top: inherit;
bottom: 0;
width: 16px;
height: 16px;
fill: #6fb091}
#mobile-navigation button.trigger-search.collapsed{
right: inherit}
#mobile-navigation button.trigger-search.collapsed svg{
width: 25px;
height: 25px;
fill: #6fb091}
@media (max-width: 1199px){
#mobile-navigation button.trigger-search.collapsed svg{
width: 23px;
height: 23px}}
#mobile-navigation #trigger-bundesland .svgicon-burger use{
width: 2.4em;
height: 2.4em;
fill: #fff}
#mobile-navigation #trigger-bundesland::after{
content: ""}
#mobile-navigation .svgicon-close-burger{
position: absolute;
top: 0;
left: 0;
width: 1.2em;
height: 1.2em;
fill: #fff}
@media (min-width: 1200px){
.dropdown:after{
position: absolute !important;
right: 8px;
bottom: 11px;
left: 9px;
display: none;
height: 3px;
content: "";
background: #007e46}
.dropdown.active{
position: relative}
.dropdown.active:after{
display: block !important}
li.dropdown-submenu:nth-child(11) > .dropdown-menu,li.dropdown-submenu:nth-child(12) > .dropdown-menu{
top: inherit;
bottom: -15vH}}

@media (max-width: 767px){
#main-header.header-affix .header .logo-second{
height: 12px}
#main-header.header-affix .header .logo__bundesland{
height: 27px}
#main-header .header .logo__bundesland{
bottom: 0}
#main-header #mobile-navigation{
position: static;
top: inherit;
bottom: inherit;
margin-right: 10px}}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
#toggle-menu{
overflow-x: hidden}
#toggle-menu.collapse.animation-state-show{
right: 0}
#toggle-menu.collapse.animation-state-show.animation-state-hide{
right: -30%}
#main-navigation button > svg{
width: 15px;
height: 15px}
#main-navigation button > svg use{
width: 15px;
height: 15px}
#main-navigation .dropdown > a::after,
#main-navigation .dropdown-submenu > a::after{
font-size: 12px}
.navbar-nav li .icon-item .img-platzhalter,
.navbar-nav li .icon-item svg{
width: 30px;
height: 30px}
.navbar-nav li .icon-item .img-platzhalter use,
.navbar-nav li .icon-item svg use{
width: 30px;
height: 30px}}
@media screen and (-ms-high-contrast: active) and (max-width: 979px),(-ms-high-contrast: none) and (max-width: 979px){
#toggle-menu.collapse.animation-state-show{
right: 0}
#toggle-menu.collapse.animation-state-show.animation-state-hide{
right: -50%}}
@media screen and (-ms-high-contrast: active) and (max-width: 767px),(-ms-high-contrast: none) and (max-width: 767px){
#toggle-menu.collapse.animation-state-show{
right: 0}
#toggle-menu.collapse.animation-state-show.animation-state-hide{
right: -100%}}

/* ** [ /src_project/sites/portal/css/3/kurse.css ] (@import) ** */
article .kurse-header section{
margin-top: 1em !important}
@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 li{
left: 0;
margin: 0;
padding: 0;
text-indent: 0}
.kurse-tab li:before{
display: none}
.kurse-tab .form-inline{
margin-top: 5px;
margin-bottom: 5px}
.kurse-tab .form-inline 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: 14px;
line-height: 38px;
width: 100%;
height: 38px;
padding: 0 26px 0 16px;
color: #606060;
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: 16px;
font-weight: 500;
width: 130px;
height: 38px;
margin: 0.5rem 0;
color: #fff;
border: 1px solid #007e46;
background-color: #007e46}
.kurse-tab footer .pagination{
display: table;
float: none !important;
margin: auto !important}
.kurse-tab footer > 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: 16px;
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: 13px;
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: #fff;
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: 13px;
padding: 8px 8px}}
.kurse-tab .panel.panel-default{
margin-top: 0 !important;
border: 0;
border-bottom: 1px solid #dcdcdc !important;
box-shadow: none}
.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: 22px;
font-weight: bold;
line-height: 20px;
display: flex;
flex-direction: column;
max-width: 190px;
padding-top: 2px;
text-align: center;
color: #606060;
flex: 0 0 190px;
flex-basis: 190px;
justify-content: space-between}
.kurse-tab .panel.panel-default .panel-heading a .panel-date span{
font-size: 18px;
font-weight: 400;
display: block;
padding-top: 3px}
.kurse-tab .panel.panel-default .panel-heading a .panel-date .opendetail{
font-size: 16px;
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: 10px;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
padding-right: 5px;
content: "\4a";
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 h3{
font-size: 22px;
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: 14px;
line-height: 24px;
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: #606060}
.kurse-tab .panel.panel-default .panel-body{
padding-top: 0;
padding-bottom: 50px;
padding-left: 190px;
border-top: 0;
background-color: #f9f9f9}
.kurse-tab .panel.panel-default .panel-body table{
max-width: 580px;
border: 0}
.kurse-tab .panel.panel-default .panel-body table td,
.kurse-tab .panel.panel-default .panel-body table th{
font-size: 14px;
font-weight: 500;
line-height: 20px;
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: 180px}
.kurse-tab .panel.panel-default .panel-body table td{
color: #606060}
.kurse-tab .panel.panel-default .panel-body table td a{
font-size: 14px;
color: #007e46}
.kurse-tab .panel.panel-default .panel-body table td a:before{
font-family: "lko" !important;
font-size: 10px;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
padding-right: 3px;
content: "\4a";
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: #fff;
border: 1px solid #007e46;
background-color: #007e46}
.kurse-accordion{
padding-top: 1rem}
.kurse-accordion h3{
font-size: 16px;
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: 12px;
margin: 0 !important;
padding: 1px 0 2px 0;
color: #000}
.kurse-accordion a{
display: block;
width: 91%;
margin: 0 !important;
padding: 1rem 0;
border-bottom: 1px solid #c0c0c0}
.kurse-accordion .preie{
font-size: 0.9em;
color: #ababab}
.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 #ababab;
border-radius: 100px;
background-color: #fff}
.kurse-accordion .light li .k-free.on::after{
position: absolute;
top: 0;
left: 0;
display: block;
width: 13px;
height: 13px;
content: " ";
border: 1px solid #fff;
border-radius: 100px;
background-color: #84a719}
.kurse-accordion .light li .k-half.on::after{
position: absolute;
top: 0;
left: 0;
display: block;
width: 13px;
height: 13px;
content: " ";
border: 1px solid #fff;
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 #fff;
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}
.panel-default > .panel-heading + .panel-collapse > .panel-body{
padding-left: 015px}
.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: 22px;
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}
@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: 14px;
font-weight: 600;
padding: 40px 0 0 0;
text-align: left}
.modal-kurse .modal-content .modal-body .content-container{
font-size: 16px;
line-height: 22px;
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: 18px;
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: 22px;
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: 16px;
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: 14px;
font-weight: 500;
line-height: 20px;
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: #606060}
.kurse-detail-modal > div table td a{
font-size: 14px;
display: none;
color: #007e46}
.kurse-detail-modal > div table td a:before{
font-family: "lko" !important;
font-size: 10px;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
padding-right: 3px;
content: "\4a";
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: 14px;
color: #606060}
.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: #272727;
background-color: #fff}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading h4 a:visited{
color: #272727}
.kurse-detail-modal .kurse-accordion .panel-group .panel .panel-heading h4 a.collapsed{
color: #272727;
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: #fff}
.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: #ababab}
.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: #fff !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: 16px;
font-weight: 500;
line-height: 0.85em;
margin: 1em 0;
padding: 0.7em 1em;
color: #fff;
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}
.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: 22px;
font-weight: 300;
margin-top: 25px;
color: #83a800}
.lfi-widget header h2 span{
font-size: 18px;
font-weight: 500;
display: block;
color: #007e46}
.lfi-widget ul{
margin: 0;
padding: 0}
.lfi-widget ul li{
position: relative;
margin: 0;
padding: 1.15rem 0;
list-style-type: none;
border-bottom: 1px solid #b9b9b9}
.lfi-widget ul li:before{
position: absolute;
top: 15px;
display: block;
width: 26px;
height: 23px;
content: "";
background: #fff  url("/src_project/svg/portal/lfi/kalender_grey.svg") no-repeat left top}
.lfi-widget ul li a{
font-size: 18px;
font-size: 500;
line-height: 22px;
padding-left: 40px;
color: #007e46}
.lfi-widget ul li a .date{
font-size: 14px;
font-weight: 400;
display: block;
color: #000}
.lfi-widget .link-more{
font-size: 14px;
float: left;
margin-left: 40px;
padding-top: 1rem;
color: #007e46}

/* ** [ /src_project/sites/portal/css/3/customer.css ] (@import) ** */
.contentlist-fotoservice{
margin-top: 80px;
}
.contentlist-fotoservice .header--underlined > .h1:not(:only-child){
position: absolute;
width: 100%;
bottom: 0.5rem;
left: 0;
}
@media (max-width: 767px){
.contentlist-fotoservice .header--underlined{
margin-bottom: 50px;
}
.contentlist-fotoservice .header--underlined > .h1:not(:only-child){
position: relative;
}
.contentlist-fotoservice .header--underlined .header__info{
top: 7px;
position: relative;
}
}
.contentlist-fotoservice .header--underlined > .h1{
margin-top: 0.3rem;
}
.contentlist-fotoservice .header--underlined > .h1{
color: #606060;
}
.contentlist-fotoservice .h1{
font-size: 3rem;
line-height: 1.25em;
margin: 0;
}


.page-navigation a span.visible-xs{
padding: 0;
}

.thema .list-thema a:hover h3{
color: #616161;
}
.id6160 .list--headersign > li{
margin: 0 !important;
}
.id6160 .list--headersign__content.content--overlay{
max-height: 30px !important;
min-height: 30px !important;
}

.modal .modal-button.download.open{
display: block !important;
}

.webform .txt-r.pferde{
font-size: 14px !important;
line-height: 14px !important;
display: inline-block !important;
}

aside.minus40 section:first-child,
aside.minus40 div:first-child{
}
.breadcrumb{
margin-bottom: 0;
}

#main-navigation ul > li.f1rst > a{
padding: 14px 8px !important;
}

.modal-open{margin-top: 0px}
.inline-preview .carousel-inner.collect figure.fullimage.landscape,
.carousel-inner.collect figure.fullimage.landscape,
.carousel-inner.collect figure.fullimage.landscape,
.carousel-inner figure{display: table !important}

#gb_form .secure{
margin-bottom: 30px;
}
.kazform .haftungsausschluss,
.kazform .anzeigenrichtlinie{
margin: 0 0 30px 0;
}
.kazform .datenschutz{
margin: 0 0 30px 0;
}
.webform #gb_form .wf-char.wf-sp1{margin-bottom: 12px}
.webform #gb_form .wf-char.wf-sp2{margin-bottom: 12px}
article.kazform #gb_form li{text-indent: 0px !important}
article.kazform #gb_form li::before{
position: absolute;
top: 0.4em;
left: 0px;
}

.content-container.style1.voting{
margin-bottom: 3rem;
}

.staff-box .media-body [href*=".doc"]::before{
content: "";
}

.plattform li{float: left;margin-top: 0px;text-indent: 0px;padding-left: 0}
.plattform li::before{content: "";display: none}
.plattform ul{
display: flex;
flex-wrap: nowrap;
width: 100%;
justify-content: space-between;
}
.plattform .button-google a{
background-image:  url(/src_project/img/portal/playstore.png?1625065841);
}
.plattform .button-appstore a{
background-image:  url(/src_project/img/portal/appstore.png?1625065841);
}
.plattform .button-webapp a{
background-image:  url(/src_project/img/portal/web-app-button.png?1625065841);
}
.plattform .button-appstore a,
.plattform .button-webapp a,
.plattform .button-google a{
background-repeat: no-repeat;
width: 135px;
background-size: auto 100% ;
height: 40px;
}
.plattform .button-appstore a span,
.plattform .button-webapp a span,
.plattform .button-google a span{
display: none;
}
@media (max-width: 767px){
.plattform ul{
flex-wrap: wrap;
}
.plattform ul li{
margin-top: 0.6rem;
margin-bottom: 0.6rem;
}
}
@media (max-width: 320px){
.plattform .button-appstore a,
.plattform .button-webapp a,
.plattform .button-google a{
background-size: 100% auto;
height: 42px;
}
}
.content-container.style15 h2,
.content-container.style16 h2{
color: #fff;
font-weight: 500;
line-height: 1.44444em;
background-color: #9bc3a8;
padding: 0.5rem 1rem;
font-size: 1.8rem;
margin: 0;
}
section.icon-header{
margin-top: 1.33em;
}
section.icon-header h1{
margin-top: 0;
}
section.icon-header .figure--left img{
width: 100%;
height: auto;
}
@media ( min-width: 768px){
section.icon-header{
display: flex;
justify-content: start;
}
section.icon-header .figure--left{
max-width: 100%;
margin-right: 0;
}
section.icon-header .media-content{
max-width: 25%;
margin-right: 3rem;
order: 1;
}
section.icon-header .txt{
order: 2;
}
}
@media ( max-width: 767px){
section.icon-header .figure--left{
max-width: 100%;
margin-right: 0;
}
section.icon-header .figure--left img{
width:auto !important;
max-width: 100%;
}
}
}
.media-content .re.visible-xs img{
max-width: 100%;
width:auto;
height: auto}
.bericht .list-downloads a:hover{
color: #007e46;
}
.bericht.content-container .list-downloads li.dwnfile{
padding-left:0;
margin-left:1.2rem;
}
.bericht .list-downloads a{
display: inline-block;
padding: 0;
transition-delay: 0s;
transition-duration: 0.2s;
transition-property: background;
transition-timing-function: linear;
width: auto;
cursor: pointer;
}
.bericht .list-downloads a:before{
position: relative;
content: "\72";
color: white;
font-size: 24px;
margin-right: 5px;
color: #007e46;
}


.thema .box.list-thema.extra{
position:relative;
}
.thema .box.list-thema.extra .list--headersign{
position: absolute;
bottom: 10px;
left: 10px;
}
.thema .box.list-thema.extra .list--headersign h3{
margin: 0;
color: white;
padding: 5px;
background: rgba(66,120,152,0.6);
letter-spacing: 0.5px;
font-size: 1.7rem;
}
.thema .box0 > .box.list-thema.extra .list--headersign h3{
background: rgba(66,120,152,0.6);
}
.thema .box1 > .box.list-thema.extra .list--headersign h3{
background: rgba(83,103,114,0.6);
}
.thema .box2 > .box.list-thema.extra .list--headersign h3{
background: rgba(140,54,41,0.6);
}
.thema .box3 > .box.list-thema.extra .list--headersign h3{
background: rgba(148,157,40,0.6);
}
.thema .box4 > .box.list-thema.extra .list--headersign h3{
background: rgba(18,90,53,0.6);
}
.box5 > .thema .box.list-thema.extra .list--headersign h3{
background: rgba(85,160,192,0.7);
}
.thema .box.list-thema.extra .list--headersign__content > h3::before{
display: none;
}
.thema .box.list-thema.extra .list--headersign .list--headersign__content.content--overlay{
min-height: inherit;
max-height: inherit;
padding: 0;
}
.thema .box.list-thema.extra .list--headersign .list--headersign__content.content--overlay:before{
display: none;
}
.masonry-articles .list-downloads p{

}

.box.emptyheader{
border-top: 1px solid #dcdcdc;
margin-top: 40px;
padding-top: 22px;
}

main.row.bereich{
margin-top: 3.5rem;
}

a .text mark{
list-style-position: outside;
list-style-type: disc;
display: list-item;
background: unset;
margin: 0 0 0 20px;
padding: 0;
}
.box--special .text p{
padding: 1rem 0 0 1rem;
}
a .text mark p{
padding: 0;
}

/* ** [ /src_project/sites/portal/css/3/menue.css ] (@import) ** */
.nav.navbar-nav .menu6527,.nav.navbar-nav .menu7387,
.nav.navbar-nav .menu2941,.nav.navbar-nav .menu4695,
.nav.navbar-nav .menu2943,.nav.navbar-nav .menu5899,
.nav.navbar-nav .menu3319,.nav.navbar-nav .menu4593,
.nav.navbar-nav .menu2565,.nav.navbar-nav .menu5481,
.nav.navbar-nav .menu2945,.nav.navbar-nav .menu5967,
.nav.navbar-nav .menu2947,.nav.navbar-nav .menu5833,
.nav.navbar-nav .menu2949,.nav.navbar-nav .menu5957,
.nav.navbar-nav .menu2952,.nav.navbar-nav .menu5791,
.nav.navbar-nav .menu2953,.nav.navbar-nav .menu6099{
display: none;
}
.nav.navbar-nav.navbar-links .menu6527,.nav.navbar-nav.navbar-links .menu7387,
.nav.navbar-nav.navbar-links .menu2941,.nav.navbar-nav.navbar-links .menu4695,
.nav.navbar-nav.navbar-links .menu2943,.nav.navbar-nav.navbar-links .menu5899,
.nav.navbar-nav.navbar-links .menu3319,.nav.navbar-nav.navbar-links .menu4593,
.nav.navbar-nav.navbar-links .menu2565,.nav.navbar-nav.navbar-links .menu5481,
.nav.navbar-nav.navbar-links .menu2945,.nav.navbar-nav.navbar-links .menu5967,
.nav.navbar-nav.navbar-links .menu2947,.nav.navbar-nav.navbar-links .menu5833,
.nav.navbar-nav.navbar-links .menu2949,.nav.navbar-nav.navbar-links .menu5957,
.nav.navbar-nav.navbar-links .menu2952,.nav.navbar-nav.navbar-links .menu5791,
.nav.navbar-nav.navbar-links .menu2953,.nav.navbar-nav.navbar-links .menu6099{
display: block;
}
.nav.navbar-nav.hamburger .menu6527,.nav.navbar-nav.hamburger .menu7387,
.nav.navbar-nav.hamburger .menu2941,.nav.navbar-nav.hamburger .menu4695,
.nav.navbar-nav.hamburger .menu2943,.nav.navbar-nav.hamburger .menu5899,
.nav.navbar-nav.hamburger .menu3319,.nav.navbar-nav.hamburger .menu4593,
.nav.navbar-nav.hamburger .menu2565,.nav.navbar-nav.hamburger .menu5481,
.nav.navbar-nav.hamburger .menu2945,.nav.navbar-nav.hamburger .menu5967,
.nav.navbar-nav.hamburger .menu2947,.nav.navbar-nav.hamburger .menu5833,
.nav.navbar-nav.hamburger .menu2949,.nav.navbar-nav.hamburger .menu5957,
.nav.navbar-nav.hamburger .menu2952,.nav.navbar-nav.hamburger .menu5791,
.nav.navbar-nav.hamburger .menu2953,.nav.navbar-nav.hamburger .menu6099{
display: block;
}


@media (min-width: 1200px){
.navbar-nav.expand-on-hover > li.menu6584 > .dropdown-menu,
.navbar-nav.expand-on-hover > li.menu6587 > .dropdown-menu,
.navbar-nav.expand-on-hover > li.menu2977 > .dropdown-menu,
.navbar-nav.expand-on-hover > li.menu6588 > .dropdown-menu,
.navbar-nav.expand-on-hover > li.menu6589 > .dropdown-menu,
.navbar-nav.expand-on-hover > li.menu6590 > .dropdown-menu,
.navbar-nav.expand-on-hover > li.menu6591 > .dropdown-menu,
.navbar-nav.expand-on-hover > li.menu6592 > .dropdown-menu,
.navbar-nav.expand-on-hover > li.menu6187 > .dropdown-menu{
right: 0;
left: auto;
}
.navbar-nav.expand-on-hover > li.menu6584 > .dropdown-menu .topmenu::before,
.navbar-nav.expand-on-hover > li.menu6587 > .dropdown-menu .topmenu::before,
.navbar-nav.expand-on-hover > li.menu2977 > .dropdown-menu .topmenu::before,
.navbar-nav.expand-on-hover > li.menu6588 > .dropdown-menu .topmenu::before,
.navbar-nav.expand-on-hover > li.menu6589 > .dropdown-menu .topmenu::before,
.navbar-nav.expand-on-hover > li.menu6590 > .dropdown-menu .topmenu::before,
.navbar-nav.expand-on-hover > li.menu6591 > .dropdown-menu .topmenu::before,
.navbar-nav.expand-on-hover > li.menu6592 > .dropdown-menu .topmenu::before,
.navbar-nav.expand-on-hover > li.menu6187 > .dropdown-menu .topmenu::before{
right: 32px;
left: auto;
}
}


@media ( min-width:1200px){
.par-id2000 #toggle-menu .dropdown.menu2435:after,
.par-id1077 #toggle-menu .dropdown.menu2448:after,
.par-id1078 #toggle-menu .dropdown.menu2460:after,
.par-id1081 #toggle-menu .dropdown.menu2351:after,
.par-id1076 #toggle-menu .dropdown.menu2357:after,
.par-id1164 #toggle-menu .dropdown.menu2471:after,
.par-id1165 #toggle-menu .dropdown.menu2479:after,
.par-id1166 #toggle-menu .dropdown.menu2498:after,
.par-id1167 #toggle-menu .dropdown.menu2508:after,
.par-id1168 #toggle-menu .dropdown.menu2509:after{
position: absolute !important;
right: 8px;
bottom: 11px;
left: 9px;
display: block;
height: 3px;
content: "";
background: #007e46;
}
li.dropdown-submenu.menu8021 > .dropdown-menu{
bottom: inherit;
top: 0;
}
}

@media ( min-width:1200px){

li.dropdown-submenu.menu8021 > .dropdown-menu{
bottom: inherit;
top: 0;
}
}

@media (min-width:768px){
.par-id1077 #main-header .logo__bundesland{
margin-bottom: -3px;
height: 37px;
}
.par-id1077 #main-header.header-affix .header .logo__bundesland{
height: 27px;
margin-bottom: -2px;
}
}
@media (min-width:767px){
.par-id1077 #main-header.header-affix .header .logo-second{
height: 14px;
}
}

/* ** [ /src_project/sites/portal/css/3/print.css ] (@import) ** */
@media print{
header .toplinks,
header .nav,
header .main-search,
article header .header__actions,
article header .page-navigation,
aside,
footer,
.main-footer--fullwidth,
body::before,
#easycmp{
display: none !important;
}
.print-image,
.print-image img{
display: block !important;
}
.logo{
width:100%;
}
.logo__logo,
.logo__bundesland,
.logo-second{
display:none;
}
.print-logo-first{
display: inline !important;
width: 175px;
height: 48px;
}
.print-logo-second{
display: inline !important;
height: 31px;
width: auto;
vertical-align: bottom;
margin-left: 1rem;
}
.header{
background-color:#ffffff;
}
#accordion .collapse{
display: block;
}
.masonry-articles li{
min-height: 310px;
position: initial !important;
float: left;
}
body{margin-top: 0}
#main-header.header-affix .header,
#main-header{
position: relative;
border-bottom: 1px solid #dcdcdc !important}
#mobile-navigation,
#main-header .logo__logo{
display:none !important}
#main-header .header{padding: 15px 0 15px 0}
#lightbox .sidebar-wrapper{
width: 100%;
height: auto;
float: none;
position: relative;
text-align: center}
#lightbox .asset-wrapper{
width: 100%;
height: auto;
float: none;
position: relative;
text-align: center}
#lightbox .thumbs-wrapper{
width: 100%;
height: auto;
float: none;
position: relative;
text-align: center}
#lightbox .modalbox{
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important}
#lightbox .modalbox .nav-controls a{
display: none !important}
#lightbox.modalbox .nav-controls{
display: none !important}
.modalbox .sidebar{
position: relative;
padding: 2%}
.modalbox .caption{
line-height: 1.3em;
font-size: 1.3em}
.modalbox .asset-links ul{
margin: 15px 0;
padding: 0;
display:none}
.modalbox .asset-links li{
float: none !important;
margin: 0;
padding: 0}
.modalbox .asset-desc{
height: auto}
.modalbox .asset img{
max-width: 100% !important;
width: 100% !important;
height: auto !important}
.jbox-overlay-container{
width: 97% !important;
margin-left: auto !important;
margin-right: auto !important;
left: 0.5% !important;
right: auto !important}
.jbox-overlay-wrapper{
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
left: 0 !important;
right: 0 !important;
}
}

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