/* *** generated @ 2026-04-07 11:12:52 *** */

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


/* ** [ /src_project/sites/portal/css/5/./article.css ] (@import) ** */
.box-type1.downloadbox ul li,.list-merkliste-dummy li,
.list-merkliste li,.box-type1.list-links:not(.kasten) ul li,.content-container.linkbox ul li{
position: relative;
}
.box-type1.downloadbox ul li:after,.list-merkliste-dummy li:after,
.list-merkliste li:after,.box-type1.list-links:not(.kasten) ul li:after,.content-container.linkbox ul li:after{
content: " ";
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to right,#dcdcdc 55%,transparent 0%) bottom/7px 2px repeat-x;
height: 1px;
}
.list-merkliste-dummy li:first-child,
.list-merkliste li:first-child{
position: relative;
}
.list-merkliste-dummy li:first-child:before,
.list-merkliste li:first-child:before{
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
background: linear-gradient(to right,#dcdcdc 55%,transparent 0%) bottom/7px 2px repeat-x;
height: 1px;
}
.action-bar{
border: none;
margin: 0.35rem 0 0.938rem;
}
.action-bar > div{
font-size: 0.875rem;
flex-direction: row-reverse;
flex-wrap: nowrap;
display: flex;
padding-top: 0;
align-items: center;
}
.action-bar > div .author-date{
font-size: 0.875rem;
color: #555;
text-align: left;
}
.action-bar > div .author-date a{
color: #007E46;
text-decoration: underline;
}
.action-bar > div .action-btn{
float: left;
display: flex;
margin: inherit;
align-items: center;
}
.action-bar > div .action-btn li{
padding-left: 1.125rem;
}
.action-bar > div .action-btn li:last-child{
padding-left: 1rem;
}
.action-bar > div .action-btn a,
.action-bar > div .action-btn .collapse-action-bar{
font-size: 0.875rem;
color: #555;
cursor: pointer;
min-height: 1.5rem;
min-width: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.action-bar > div .action-btn a svg,
.action-bar > div .action-btn .collapse-action-bar svg{
height: 1.125rem;
padding-right: 0;
}
.action-bar > div .action-btn a svg,
.action-bar > div .action-btn a svg path,
.action-bar > div .action-btn .collapse-action-bar svg,
.action-bar > div .action-btn .collapse-action-bar svg path{
fill: #555;
}
.action-bar > div .action-btn a span,
.action-bar > div .action-btn .collapse-action-bar span{
display: none;
}
.action-bar > div .action-btn a:hover,
.action-bar > div .action-btn .collapse-action-bar:hover{
color: #607a83;
}
.action-bar > div .action-btn a:hover svg,
.action-bar > div .action-btn a:hover svg path,
.action-bar > div .action-btn .collapse-action-bar:hover svg,
.action-bar > div .action-btn .collapse-action-bar:hover svg path{
fill: #607a83;
}
.action-bar > div .action-btn a[title=Drucken] svg{
height: 1.25rem;
}
.action-bar > div .action-btn a[title=Empfehlen] svg{
height: 1rem;
}
.action-bar > div a{
font-size: 0.875rem;
}
.action-bar > div .shariff{
display: none;
}
.collapse-action-bar:before{
content: "\e954";
font-size: 1rem;
font-weight: normal;
float: left;
margin-left: 1px;
display: inline-block !important;
font-family: "lko";
position: relative;
line-height: 1;
}
.collapse-action-bar span{
display: none;
}
.modal-share .modal-body{
display: flex;
width: 100%;
justify-content: center;
flex-wrap: wrap;
}
.modal-share .modal-body .copiedHint{
text-align: center;
padding: 10px !important;
border: 1px solid #BEC8D7 !important;
border-radius: 0.25rem;
display: inline;
}
.modal-share .modal-body .copiedHint:before{
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
color: #607a83;
margin-right: 0.55rem;
}
.modal-share .modal-body .action-btn{
margin: 0.5rem 0;
display: flex;
width: 100%;
justify-content: center;
flex-wrap: wrap;
}
.modal-share .modal-body .action-btn li{
padding: 0 0.75rem;
}
.modal-share .modal-body .action-btn li a{
color: black;
font-size: 1.15rem;
display: inline-flex;
align-items: center;
padding: 0.75rem 0;
}
.modal-share .modal-body .action-btn li a:hover{
text-decoration: underline;
}
.modal-share .modal-body .action-btn li a svg{
height: 1.35rem;
padding-right: 0.4rem;
}
.modal-share .modal-body .action-btn li a svg,
.modal-share .modal-body .action-btn li a svg path{
fill: #607a83;
}
.thbn-slider.thumbnails .thn-inner{
margin: 0;
width: 100%;
justify-content: flex-start;
}
.thbn-slider.thumbnails .thumb{
width: 75px;
height: 75px;
flex: 0 0 75px;
margin: 0 0.15rem;
}
.thbn-slider.thumbnails .thumb img{
aspect-ratio: 75/75;
object-fit: cover;
max-height: inherit;
max-width: 100%;
}
.thbn-slider.thumbnails .thumb:not([style*="display: none;"]) + .thumb[style*="display: none;"]{
display: block !important;
}
.gallery-container .basic-gallery .carousel-inner .helper > div:after{
background: #607a83;
font-family: lko;
content: "\e917";
}
@media (max-width: 767.98px){
.gallery-container .basic-gallery .carousel-inner .helper > div:after{
display: none;
}
}
@media (min-width: 768px){
.gallery-container .basic-gallery .carousel-control-next{
bottom: 3rem;
}
.gallery-container .basic-gallery .carousel-control-next .carousel-control-next-icon{
margin-top: 3rem;
}
}
.gallery-container{
padding-top: 0.938rem;
display: flex;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.gallery-container .helper{
overflow: hidden;
}
.gallery-container img{
border-radius: 0.25rem;
}
.gallery-container .carousel-indicators.caption-indicators{
flex: 0 0 100%;
border-bottom: none;
}
.gallery-container .thbn-slider{
height: 80px;
flex: 0 0 100%;
}
.gallery-container .top-control{
display: flex;
flex: 0 0 100%;
flex-wrap: nowrap;
align-items: baseline;
}
@media (max-width: 991.98px){
.gallery-container .top-control .arrow{
margin-bottom: 5px;
}
}
.gallery-container .top-control .counter{
color: #555;
}
.gallery-container .top-control .carousel-control-next{
margin-right: 0;
margin-left: 0;
}
.gallery-container .top-control .carousel-control-prev{
margin-left: auto;
}
.gallery-container .top-control .carousel-control-prev,
.gallery-container .top-control .carousel-control-next{
top: 0;
bottom: inherit;
left: inherit;
right: inherit;
float: right;
position: relative;
width: auto;
aspect-ratio: 1/1;
height: 100%;
padding: 0.5rem;
}
@media (max-width: 767.98px){
.gallery-container .top-control .carousel-control-prev,
.gallery-container .top-control .carousel-control-next{
padding: 0rem;
width: 1.875rem;
height: 1.875rem;
}
}
.gallery-container .top-control .carousel-control-prev:hover,.gallery-container .top-control .carousel-control-prev:focus,
.gallery-container .top-control .carousel-control-next:hover,
.gallery-container .top-control .carousel-control-next:focus{
color: black;
box-shadow: 0px 1px 8px rgba(0,0,0,0.3);
border-radius: 100%;
}
.gallery-container .top-control .carousel-control-prev:hover .carousel-control-prev-icon:before,
.gallery-container .top-control .carousel-control-prev:hover .carousel-control-next-icon:before,.gallery-container .top-control .carousel-control-prev:focus .carousel-control-prev-icon:before,
.gallery-container .top-control .carousel-control-prev:focus .carousel-control-next-icon:before,
.gallery-container .top-control .carousel-control-next:hover .carousel-control-prev-icon:before,
.gallery-container .top-control .carousel-control-next:hover .carousel-control-next-icon:before,
.gallery-container .top-control .carousel-control-next:focus .carousel-control-prev-icon:before,
.gallery-container .top-control .carousel-control-next:focus .carousel-control-next-icon:before{
color: black;
}
.gallery-container .top-control .carousel-control-prev-icon:before,
.gallery-container .top-control .carousel-control-next-icon:before{
color: #607a83;
}
.gallery-container .basic-gallery{
display: flex;
flex-wrap: wrap;
flex: 0 0 100%;
}
.gallery-container .basic-gallery .carousel-inner{
order: 3;
flex: 0 0 100%;
}
.gallery-container .basic-gallery .carousel-control-prev,
.gallery-container .basic-gallery .carousel-control-next{
opacity: 0;
}
.gallery-container .basic-gallery .carousel-control-prev:hover,
.gallery-container .basic-gallery .carousel-control-next:hover{
opacity: 1;
}
.gallery-container .basic-gallery .carousel-control-prev:hover .carousel-control-prev-icon:before,
.gallery-container .basic-gallery .carousel-control-prev:hover .carousel-control-next-icon:before,
.gallery-container .basic-gallery .carousel-control-next:hover .carousel-control-prev-icon:before,
.gallery-container .basic-gallery .carousel-control-next:hover .carousel-control-next-icon:before{
opacity: 1;
}
.CoreGalleryModal .modal-content .modal-header{
justify-content: space-between;
padding: 1rem 1rem;
}
.CoreGalleryModal .thbn-slider.thumbnails .thn-inner{
margin: 0;
width: 100%;
justify-content: center;
}
.CoreGalleryModal .thbn-slider.thumbnails .thumb{
opacity: 0.35;
aspect-ratio: inherit;
}
.CoreGalleryModal .thbn-slider.thumbnails .thumb.showing{
opacity: 1;
}
.content-container.downloadbox ul li a,
.content-container.linkbox ul li a{
min-height: 1.5rem;
display: inline-block;
}
.ft-download:not(.version2){
display: flex;
flex-wrap: wrap;
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.ft-download:not(.version2) li{
flex: 0 0 100%;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin: 0 0 0.725rem 0;
left: inherit;
display: inline-flex;
align-items: center;
position: relative;
}
@media (min-width: 576px){
.ft-download:not(.version2) li{
flex: 0 0 50%;
width: 50%;
}
}
.ft-download:not(.version2) li:before{
content: "";
font-size: inherit;
position: absolute;
top: 0;
right: calc(var(--bs-gutter-x) * 0.5);
left: calc(var(--bs-gutter-x) * 0.5);
bottom: 0;
border: 1px solid #BEC8D7;
border-radius: 0.25rem;
}
.ft-download:not(.version2) li a{
width: 100%;
position: relative;
padding: 1.25rem 1.25rem 1.25rem 3.75rem;
display: inline-block;
font-weight: bold;
}
.ft-download:not(.version2) li a .ext-container,
.ft-download:not(.version2) li a .ext,
.ft-download:not(.version2) li a .dsize,
.ft-download:not(.version2) li a .grey{
font-weight: normal;
font-size: 0.875rem;
color: #555;
}
.ft-download:not(.version2) li a .grey{
display: block;
clear: both;
}
.ft-download:not(.version2) li a .ext:before{
content: "(";
margin-left: 0.2rem;
}
.ft-download:not(.version2) li a .dsize:after{
content: ")";
}
.ft-download:not(.version2) li a:before{
content: "\e91a";
font-size: 1.75rem;
font-family: "lko";
line-height: 1;
position: absolute;
left: 1.25rem;
height: 1.75rem;
font-weight: normal;
top: 50%;
margin-top: -0.875rem;
}
.ft-download:not(.version2) li a[title$=".docx"]:before,.ft-download:not(.version2) li a[title$=".doc"]:before{
content: "\e919";
}
.ft-download:not(.version2) li a[title$=".xlsx"]:before{
content: "\e91d";
}
.ft-download:not(.version2) li a[title$=".xls"]:before{
content: "\e91d";
}
.ft-download:not(.version2) li a[title$=".mp3"]:before{
content: "\e900";
}
.ft-download:not(.version2) li a[title$=".svg"]:before,.ft-download:not(.version2) li a[title$=".png"]:before,.ft-download:not(.version2) li a[title$=".jpeg"]:before,.ft-download:not(.version2) li a[title$=".jpg"]:before{
content: "\f1c5";
font-family: "Font Awesome 5 Free" !important;
font-weight: 400 !important;
}
.ft-download:not(.version2) li:hover,.ft-download:not(.version2) li:focus{
cursor: pointer;
}
.ft-download:not(.version2) li:hover a:before,.ft-download:not(.version2) li:focus a:before{
transition: transform 0.3s cubic-bezier(0.5,2.5,0.7,0.7);
}
.ft-download:not(.version2) li:hover:before,.ft-download:not(.version2) li:focus:before{
box-shadow: 0 0 5px #607a83;
}
.ft-download:not(.version2) li:hover a:before,.ft-download:not(.version2) li:focus a:before{
transform: translateY(-3px);
}
.ft-download:not(.version2) li a{
white-space: normal;
word-wrap: break-word;
}
.content-container.downloadbox > header > h2,
.content-container.downloadbox > header > .h2{
font-size: 1.25rem;
}
.content-container.downloadbox > header > h2:before,
.content-container.downloadbox > header > .h2:before{
content: "\e900";
font-size: 1.55rem;
}
.content-container.downloadbox > header > h2 svg,
.content-container.downloadbox > header > .h2 svg{
display: none;
}
.content-container.downloadbox ul{
display: flex;
flex-wrap: wrap;
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.content-container.downloadbox ul li{
flex: 0 0 100%;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin: 0 0 0.725rem 0;
left: inherit;
display: inline-flex;
align-items: center;
position: relative;
}
@media (min-width: 576px){
.content-container.downloadbox ul li{
flex: 0 0 50%;
width: 50%;
}
}
.content-container.downloadbox ul li:before{
content: "";
font-size: inherit;
position: absolute;
top: 0;
right: calc(var(--bs-gutter-x) * 0.5);
left: calc(var(--bs-gutter-x) * 0.5);
bottom: 0;
border: 1px solid #BEC8D7;
border-radius: 0.25rem;
}
.content-container.downloadbox ul li a{
width: 100%;
position: relative;
padding: 1.25rem 1.25rem 1.25rem 3.75rem;
display: inline-block;
font-weight: bold;
}
.content-container.downloadbox ul li a .ext-container,
.content-container.downloadbox ul li a .ext,
.content-container.downloadbox ul li a .dsize,
.content-container.downloadbox ul li a .grey{
font-weight: normal;
font-size: 0.875rem;
color: #555;
}
.content-container.downloadbox ul li a .grey{
display: block;
clear: both;
}
.content-container.downloadbox ul li a .ext:before{
content: "(";
margin-left: 0.2rem;
}
.content-container.downloadbox ul li a .dsize:after{
content: ")";
}
.content-container.downloadbox ul li a:before{
content: "\e91a";
font-size: 1.75rem;
font-family: "lko";
line-height: 1;
position: absolute;
left: 1.25rem;
height: 1.75rem;
font-weight: normal;
top: 50%;
margin-top: -0.875rem;
}
.content-container.downloadbox ul li a[title$=".docx"]:before,.content-container.downloadbox ul li a[title$=".doc"]:before{
content: "\e919";
}
.content-container.downloadbox ul li a[title$=".xlsx"]:before{
content: "\e91d";
}
.content-container.downloadbox ul li a[title$=".xls"]:before{
content: "\e91d";
}
.content-container.downloadbox ul li a[title$=".mp3"]:before{
content: "\e900";
}
.content-container.downloadbox ul li a[title$=".svg"]:before,.content-container.downloadbox ul li a[title$=".png"]:before,.content-container.downloadbox ul li a[title$=".jpeg"]:before,.content-container.downloadbox ul li a[title$=".jpg"]:before{
content: "\f1c5";
font-family: "Font Awesome 5 Free" !important;
font-weight: 400 !important;
}
.content-container.downloadbox ul li:hover,.content-container.downloadbox ul li:focus{
cursor: pointer;
}
.content-container.downloadbox ul li:hover a:before,.content-container.downloadbox ul li:focus a:before{
transition: transform 0.3s cubic-bezier(0.5,2.5,0.7,0.7);
}
.content-container.downloadbox ul li:hover:before,.content-container.downloadbox ul li:focus:before{
box-shadow: 0 0 5px #607a83;
}
.content-container.downloadbox ul li:hover a:before,.content-container.downloadbox ul li:focus a:before{
transform: translateY(-3px);
}
.content-container.linkbox > header > h2,
.content-container.linkbox > header > .h2{
font-size: 1.25rem;
}
.content-container.linkbox > header > h2:before,
.content-container.linkbox > header > .h2:before{
content: "\e907";
font-size: 1.3rem;
}
.content-container.linkbox > header > h2 svg,
.content-container.linkbox > header > .h2 svg{
display: none;
}
.content-container.linkbox ul li{
padding-left: 0;
margin-left: 0;
position: relative;
margin-right: 0;
text-indent: 0;
left: inherit;
font-weight: 400;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.content-container.linkbox ul li:before{
display: none;
}
.content-container.linkbox ul li.last:after,.content-container.linkbox ul li:last-child:after{
display: none;
}
.content-container.linkbox ul li a .grey{
display: flex;
width: auto;
order: 3;
flex: 0 0 100%;
max-width: 100%;
font-weight: normal;
font-size: 0.875rem;
color: #555;
}
.content-container.linkbox ul li .title-icon{
position: relative;
font-weight: 400;
}
.content-container.linkbox ul li .title-icon:after{
color: #bfc8d7;
font-size: 0.6rem;
margin-left: 0.85rem;
content: "\e903";
font-family: "lko" !important;
top: -1px;
order: 2;
position: relative;
}
.content-container.linkbox ul li > span,
.content-container.linkbox ul li .link-external{
display: inline-flex;
flex: 0 0 100%;
flex-wrap: wrap;
position: relative;
}
.box-type1.list-links:not(.kasten) > header > h2,
.box-type1.list-links:not(.kasten) > header > .h2{
font-size: 1.25rem;
display: flex;
align-items: center;
color: #607a83;
}
.box-type1.list-links:not(.kasten) > header > h2:before,
.box-type1.list-links:not(.kasten) > header > .h2:before{
font-family: "lko";
font-weight: normal;
margin-right: 0.625rem;
display: inline-flex;
content: "\e924";
font-size: 1.3rem;
}
.box-type1.list-links:not(.kasten) ul li{
padding-left: 0;
margin-left: 0;
position: relative;
margin-right: 0;
text-indent: 0;
left: inherit;
font-weight: 400;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.box-type1.list-links:not(.kasten) ul li:before{
display: none;
}
.box-type1.list-links:not(.kasten) ul li.last:after,.box-type1.list-links:not(.kasten) ul li:last-child:after{
display: none;
}
.box-type1.list-links:not(.kasten) ul li a{
position: relative;
font-weight: 400;
}
.box-type1.list-links:not(.kasten) ul li a:after{
color: #bfc8d7;
font-size: 0.6rem;
margin-left: 0.85rem;
content: "\e903";
font-family: "lko" !important;
top: -1px;
order: 2;
position: relative;
}
.page-navigation{
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
padding: 1rem 0;
margin: 1.875rem 0 0 0;
}
@media (max-width: 767.98px){
.page-navigation{
margin-bottom: 0;
}
}
.page-navigation a{
font-size: 0.938rem;
}
.page-navigation a span{
text-transform: uppercase;
color: #007E46;
font-weight: 500;
display: block;
position: relative;
font-size: 0.938rem;
}
.page-navigation a .pn-title{
font-size: 0.875rem;
font-weight: 400;
line-height: 1.5;
padding: 0rem 0.688rem;
margin-bottom: 0;
color: #555;
}
.page-navigation a .pn-dir{
font-size: 0.938rem;
}
.page-navigation a .pn-dir svg{
width: auto;
height: 0.938rem;
vertical-align: top;
margin-top: 2px;
margin: 2px 0 0 0;
}
.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;
}
}
.page-navigation a:hover > span,
.page-navigation a:hover > p{
text-decoration: underline;
}
.style3{
background-color: #E7F2EC;
padding: 1rem;
}
.style1,
.style2,
.style3{
padding: 1.875rem;
}
@media (max-width: 767.98px){
.style1,
.style2,
.style3{
hyphens: auto;
}
}
.content-container > h2,
.content-container > .h2{
font-size: 1.25rem;
line-height: 1.4;
margin-bottom: 0.5rem;
}
@media (max-width: 767.98px){
.content-container > h2,
.content-container > .h2{
font-size: 1.22rem;
}
}
@media (max-width: 575.98px){
.content-container > h2,
.content-container > .h2{
font-size: 1.19rem;
}
}
article h1{
font-size: 1.625rem;
}
@media (max-width: 767.98px){
article h1{
font-size: 1.5rem;
}
}
@media (max-width: 575.98px){
article h1{
font-size: 1.375rem;
}
}
article > section,
article .content-container{
display: block !important;
float: left;
width: 100%;
clear: both;
line-height: 1.5rem;
margin: 0.938rem 0;
}
article > section .content-text,
article .content-container .content-text{
line-height: 1.5rem;
}
.style1,
.style2,
.style3{
border-radius: 0.25rem;
}
.publikationen .list-publikationen .grid-item .content-text a:not(.btn),
.helper-position .box-type1.list-links.kasten a,
.content-container.info-dsgvo a,
.webform .content-container.style999 a:not(.btn),
.webform .form-group a:not(.btn),
article .content-container .summary a:not(.btn),
article .content-container .content-text a:not(.btn){
text-decoration: none;
position: relative;
color: black;
transition: all 0.3s;
text-decoration: underline;
text-decoration-color: #00507d;
text-decoration-thickness: 2px;
transition: all 0.3s;
word-wrap: break-word;
white-space: normal;
word-break: break-all;
min-height: 1.5rem;
display: inline-block;
hyphens: auto;
}
.publikationen .list-publikationen .grid-item .content-text a:not(.btn):hover,
.helper-position .box-type1.list-links.kasten a:hover,
.content-container.info-dsgvo a:hover,
.webform .content-container.style999 a:not(.btn):hover,
.webform .form-group a:not(.btn):hover,
article .content-container .summary a:not(.btn):hover,
article .content-container .content-text a:not(.btn):hover{
text-decoration: underline;
-webkit-text-decoration: underline #BEC8D7;
text-decoration: underline #BEC8D7;
text-decoration: underline overline;
background: #BEC8D7;
text-decoration-thickness: 1px;
}
article .content-container .summary a:not(.btn){
display: initial;
}
.publikationen .list-publikationen .grid-item .content-text a:not(.btn){
min-height: 0.95rem;
}
.helper-position{
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: calc(100% + var(--bs-gutter-x));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
margin-top: 0;
margin-bottom: 0;
}
.helper-position > section.box-type1.list-links.kasten,.helper-position > section.style10{
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
flex: 0 0 100%;
width: 100%;
margin: 1.312rem 0;
float: left;
}
@media (min-width: 768px){
.helper-position > section.box-type1.list-links.kasten,.helper-position > section.style10{
flex: 0 0 50%;
width: 50%;
}
}
.box-type1.list-links.kasten{
clear: none;
position: relative;
}
.box-type1.list-links.kasten .content-text{
border-radius: 0.25rem;
padding: 1.25rem;
background: #E7F2EC;
}
.box-type1.list-links.kasten h2{
font-size: 1.25rem;
margin: 0 0 0.5rem 0;
}
.box-type1.list-links.kasten a[href^="mailto:"]{
color: black;
text-decoration-color: #5F7A83;
text-decoration-thickness: 1px;
}
.box-type1.list-links.kasten a[href^="mailto:"]:hover{
background: transparent;
color: #000;
}
.content-container.table-container .responsive-table{
overflow-x: auto;
}
.content-container.style10{
clear: none;
position: relative;
}
.content-container.style10 .content-text{
border-radius: 0.25rem;
padding: 1.25rem;
background: #E7F2EC;
}
.content-container.style10 h2{
font-size: 1.25rem;
margin: 0 0 0.5rem 0;
}
.content-container.style10 a[href^="mailto:"]{
color: black;
text-decoration-color: #5F7A83;
text-decoration-thickness: 1px;
}
.content-container.style10 a[href^="mailto:"]:hover{
background: transparent;
color: #000;
}
.content-container .summary,
.content-container .teaser{
color: #555555;
font-size: 1.125rem;
line-height: 1.5;
}
.content-container.info-text h2{
color: #5F7A83;
margin: 0;
font-size: 1.125rem;
}
.content-container.info-text .content-text{
color: #555555;
}
.content-container.info-text .content-text a{
text-decoration: underline;
color: #555555;
}
.content-container.style20 .media-content.figure--left{
float: right;
margin-left: 1.875rem;
}
@media (min-width: 768px){
.content-container.style20 .media-content.figure--left{
margin-right: 0;
}
}
@media (max-width: 767.98px){
.content-container.style20 .media-content.figure--left,
.content-container.style20 .media-content.figure--right{
float: left;
margin-left: 0;
}
}
@media (min-width: 992px){
.content-container.btn-position.btn-beratung{
margin-top: -2rem;
}
}
.content-container a.gallery-open-modal,
.fullimage.landscape a.gallery-open-modal{
position: relative;
display: inline-block;
float: left;
}
.content-container a.gallery-open-modal i,
.fullimage.landscape a.gallery-open-modal i{
position: absolute;
right: 0.35rem;
bottom: 0.35rem;
}
.content-container a.gallery-open-modal i:after,
.fullimage.landscape a.gallery-open-modal i:after{
width: 1.875rem;
height: 1.875rem;
border-radius: 100%;
font-style: normal;
color: white;
z-index: 200;
display: flex;
justify-content: center;
align-items: center;
background: rgba(110,140,150,0.8);
font-family: lko;
content: "\e917";
font-size: 1.125rem;
}
@media (max-width: 767.98px){
.content-container .media-content a,
.fullimage.landscape .media-content a{
width: auto !important;
}
.content-container .media-content a img,
.fullimage.landscape .media-content a img{
width: auto;
}
}
.content-container .media-content figure,
.fullimage.landscape .media-content figure{
margin: 0 0 0.75rem;
}
.content-container .media-content.img1 figure figcaption,
.fullimage.landscape .media-content.img1 figure figcaption{
font-size: 0.75rem;
line-height: 0.875rem;
}
.content-container .media-content.img1 figure figcaption .p-title,
.content-container .media-content.img1 figure figcaption .p-text,
.content-container .media-content.img1 figure figcaption .p-credit,
.fullimage.landscape .media-content.img1 figure figcaption .p-title,
.fullimage.landscape .media-content.img1 figure figcaption .p-text,
.fullimage.landscape .media-content.img1 figure figcaption .p-credit{
font-size: 0.75rem;
line-height: 0.875rem;
}
.content-container .media-content.img1 a.gallery-open-modal i:after,
.fullimage.landscape .media-content.img1 a.gallery-open-modal i:after{
right: 0.1rem;
bottom: 0.1rem;
transform: scale(0.7);
}
@media (min-width: 768px){
.content-container .media-content.img1,.content-container .media-content.img2,
.fullimage.landscape .media-content.img1,
.fullimage.landscape .media-content.img2{
margin-top: 5px;
}
}
.content-container .media-content .blur,
.fullimage.landscape .media-content .blur{
z-index: -1;
}
.content-container .media-content.figure--fullwidth .blur,
.fullimage.landscape .media-content.figure--fullwidth .blur{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center;
border-radius: 0.25rem;
filter: blur(20px) opacity(0.4);
overflow: hidden;
}
.content-container .media-content.figure--fullwidth .fullimage,
.fullimage.landscape .media-content.figure--fullwidth .fullimage{
width: 100%;
position: relative;
display: inline-flex;
flex-wrap: wrap;
overflow: hidden;
border-radius: 0.25rem;

}
.content-container .media-content.figure--fullwidth .fullimage > img,
.fullimage.landscape .media-content.figure--fullwidth .fullimage > img{
margin-left: auto;
margin-right: auto;
}
.content-container .media-content.figure--fullwidth .fullimage > img + figcaption,
.fullimage.landscape .media-content.figure--fullwidth .fullimage > img + figcaption{
background: white;
padding-top: 0.25rem;
margin-top: 0;
}
.content-container .media-content.figure--fullwidth .fullimage a,
.fullimage.landscape .media-content.figure--fullwidth .fullimage a{
width: 100% !important;
overflow: hidden;
justify-content: center;
text-align: center;
display: inline-flex;
border-radius: 0.25rem;
position: relative;
}
.content-container .content-text ul > li,
.content-container .content-text ul.list-style-arrow > li{
left: 20px;
margin: 0.5rem 20px 0.5rem -20px;
padding-left: 20px;
text-indent: -17px;
}
.content-container .content-text ul > li::before,
.content-container .content-text ul.list-style-arrow > li::before{
left: -20px;
top: 8px;
background: transparent;
color: #007E46;
font-family: lko;
content: "\e90d";
font-size: 0.85rem;
width: auto;
text-indent: 0;
top: 5px;
line-height: 1;
}
.content-container .content-text ul > li a,
.content-container .content-text ul.list-style-arrow > li a{
display: inline !important;
}
.content-container .content-text :is(ol,ul,ul.list-style-disc,ul.list-style-arrow) :is(ol,ul,ul.list-style-disc,ul.list-style-arrow) > li,.content-container .content-text ul.list-style-disc > li{
left: 15px;
margin: 0.5rem 20px 0.5rem -15px;
padding-left: 15px;
text-indent: -11px;
position: relative;
}
.content-container .content-text :is(ol,ul,ul.list-style-disc,ul.list-style-arrow) :is(ol,ul,ul.list-style-disc,ul.list-style-arrow) > li::before,.content-container .content-text ul.list-style-disc > li::before{
position: relative;
content: " ";
font-family: inherit;
background-color: #007E46;
left: -15px;
top: 8px;
display: table;
float: left;
margin-right: 5px;
border-radius: 100%;
width: 0.375rem;
height: 0.375rem;
border-radius: 100%;
}
.content-container .content-text :is(ol,ul,ul.list-style-disc,ul.list-style-arrow) :is(ol,ul,ul.list-style-disc,ul.list-style-arrow){
padding-left: 0;
}
.content-container .content-text :is(ol,ul,ul.list-style-disc,ul.list-style-arrow) :is(ol,ul,ul.list-style-disc,ul.list-style-arrow) > li{
list-style-type: none;
}
.content-container .content-text :is(ol,ul,ul.list-style-disc,ul.list-style-arrow) :is(ol,ul,ul.list-style-disc,ul.list-style-arrow) > li::before{
background-color: unset;
color: white;
border: 1px solid #007E46;
top: 8px;
}
aside .box--person{
margin-bottom: 3rem;
}
.box--person{
margin: 0.938rem 0;
}
.box--person header{
display: flex;
width: 100%;
clear: both;
margin-bottom: 0.5rem;
align-items: center;
}
.box--person header > h2,
.box--person header > .h2{
font-size: 1.25rem;
color: #5F7A83;
display: inherit;
position: relative;
margin: 0;
}
.box--person header > h2 svg,
.box--person header > .h2 svg{
display: none;
}
.box--person header > h2:before,
.box--person header > .h2:before{
font-family: "lko";
font-weight: normal;
margin-right: 0.4rem;
display: inline-flex;
content: "\e932";
font-size: 1.188rem;
}
.box--person ul{
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.box--person ul li{
margin: 0 0 0.85rem 0;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
flex: 0 0 100%;
width: 100%;
}
.box--person ul li > div{
padding: 1.75rem 0.875rem 1.5rem 1.5rem;
box-shadow: none;
border-radius: 0.25rem;
border: 1px solid #007E46;
display: flex;
height: 100%;
}
.box--person ul li > div .media-left{
border-radius: 100px;
margin-right: 1.25rem;
width: 4.125rem;
height: 4.125rem;
flex: 0 0 4.125rem;
margin-right: 1.25rem;
display: inline-block;
overflow: hidden;
}
.box--person ul li > div .media-body{
font-size: 0.875rem;
}
.box--person ul li > div .media-body [itemprop=name]{
margin-bottom: 0.5rem;
display: inline-block;
line-height: 1;
font-weight: 500;
font-size: 1rem;
}
.box--person ul li > div .media-body [itemprop=email]{
color: #007E46;
}
.box--person ul li > div .media-body a{
color: #007E46;
}
.box--person ul li > div .media-body a:hover{
text-decoration: underline;
}
@media (min-width: 768px){
.box--person:not(aside *) ul li{
flex: 0 0 50%;
width: 50%;
}
}

.par-id2435 aside .box--person header h2,
.par-id2435 aside .box--person header .h2,
.par-id2448 aside .box--person header h2,
.par-id2448 aside .box--person header .h2,
.par-id2460 aside .box--person header h2,
.par-id2460 aside .box--person header .h2,
.par-id2351 aside .box--person header h2,
.par-id2351 aside .box--person header .h2,
.par-id2357 aside .box--person header h2,
.par-id2357 aside .box--person header .h2,
.par-id2471 aside .box--person header h2,
.par-id2471 aside .box--person header .h2,
.par-id2479 aside .box--person header h2,
.par-id2479 aside .box--person header .h2,
.par-id2498 aside .box--person header h2,
.par-id2498 aside .box--person header .h2,
.par-id2508 aside .box--person header h2,
.par-id2508 aside .box--person header .h2,
.par-id2509 aside .box--person header h2,
.par-id2509 aside .box--person header .h2{
font-size: 1.125rem;
padding-bottom: 0;
margin: 0;
color: black;
}
.par-id2435 aside .box--person header h2:before,
.par-id2435 aside .box--person header .h2:before,
.par-id2448 aside .box--person header h2:before,
.par-id2448 aside .box--person header .h2:before,
.par-id2460 aside .box--person header h2:before,
.par-id2460 aside .box--person header .h2:before,
.par-id2351 aside .box--person header h2:before,
.par-id2351 aside .box--person header .h2:before,
.par-id2357 aside .box--person header h2:before,
.par-id2357 aside .box--person header .h2:before,
.par-id2471 aside .box--person header h2:before,
.par-id2471 aside .box--person header .h2:before,
.par-id2479 aside .box--person header h2:before,
.par-id2479 aside .box--person header .h2:before,
.par-id2498 aside .box--person header h2:before,
.par-id2498 aside .box--person header .h2:before,
.par-id2508 aside .box--person header h2:before,
.par-id2508 aside .box--person header .h2:before,
.par-id2509 aside .box--person header h2:before,
.par-id2509 aside .box--person header .h2:before{
display: none;
}
.par-id2435 aside .box--person ul li,
.par-id2448 aside .box--person ul li,
.par-id2460 aside .box--person ul li,
.par-id2351 aside .box--person ul li,
.par-id2357 aside .box--person ul li,
.par-id2471 aside .box--person ul li,
.par-id2479 aside .box--person ul li,
.par-id2498 aside .box--person ul li,
.par-id2508 aside .box--person ul li,
.par-id2509 aside .box--person ul li{
flex: 0 0 100%;
width: 100%;
}
.par-id2435 aside .box--person ul li > div,
.par-id2448 aside .box--person ul li > div,
.par-id2460 aside .box--person ul li > div,
.par-id2351 aside .box--person ul li > div,
.par-id2357 aside .box--person ul li > div,
.par-id2471 aside .box--person ul li > div,
.par-id2479 aside .box--person ul li > div,
.par-id2498 aside .box--person ul li > div,
.par-id2508 aside .box--person ul li > div,
.par-id2509 aside .box--person ul li > div{
padding: 1.25rem 0.875rem 1.25rem 1.25rem;
box-shadow: 0px 1px 6px rgba(0,0,0,0.1607843137);
border-radius: 0.25rem;
border: none;
}
.par-id2435 aside .box--person ul li > div .media-left,
.par-id2448 aside .box--person ul li > div .media-left,
.par-id2460 aside .box--person ul li > div .media-left,
.par-id2351 aside .box--person ul li > div .media-left,
.par-id2357 aside .box--person ul li > div .media-left,
.par-id2471 aside .box--person ul li > div .media-left,
.par-id2479 aside .box--person ul li > div .media-left,
.par-id2498 aside .box--person ul li > div .media-left,
.par-id2508 aside .box--person ul li > div .media-left,
.par-id2509 aside .box--person ul li > div .media-left{
border-radius: 0.25rem;
width: 4.875rem;
height: auto;
flex: 0 0 4.875rem;
}
.connected-articlelist,
.articleserie{
margin-bottom: 2.5rem;
clear: both;
}
.connected-articlelist header,
.articleserie header{
display: flex;
width: 100%;
clear: both;
margin-bottom: 0.85rem;
align-items: center;
}
.connected-articlelist header h2,
.articleserie header h2{
font-size: 1.25rem;
color: #5F7A83;
padding-left: 1.56rem;
position: relative;
margin: 0 0.5rem 0 0;
}
.connected-articlelist header h2:before,
.articleserie header h2:before{
content: "\e924";
font-weight: normal;
font-size: 1.125rem;
font-family: lko;
position: absolute;
left: 0;
}
.connected-articlelist header h2 span,
.articleserie header h2 span{
color: #000;
}
.connected-articlelist header .button-container2,
.connected-articlelist header .button-container,
.articleserie header .button-container2,
.articleserie header .button-container{
margin-left: auto;
}
.connected-articlelist > .btn-portalColor,
.articleserie > .btn-portalColor{
margin: 1.125rem auto 0;
display: flex;
max-width: max-content;
}
.connected-articlelist .content-item,
.articleserie .content-item{
padding: 0 10px 0.4rem 0;
margin: 0;
height: 100%;
}
.connected-articlelist .content-item h5,
.connected-articlelist .content-item .h5,
.articleserie .content-item h5,
.articleserie .content-item .h5{
margin-bottom: 0.125rem;
}
.connected-articlelist .content-item.active > div,
.connected-articlelist .content-item.active > a,
.articleserie .content-item.active > div,
.articleserie .content-item.active > a{
border-color: #5F7A83;
background: #F0F3F4;
}
.connected-articlelist .content-item > div,
.connected-articlelist .content-item > a,
.articleserie .content-item > div,
.articleserie .content-item > a{
border: 1px solid #BEC8D7;
box-shadow: 0px 1px 6px rgba(0,0,0,0.1607843137);
border-radius: 0.25rem;
margin: 0;
padding: 1.25rem;
height: 100%;
display: block;
}
.connected-articlelist .content-item > div:hover,
.connected-articlelist .content-item > a:hover,
.articleserie .content-item > div:hover,
.articleserie .content-item > a:hover{
border-color: #5F7A83;
}
.connected-articlelist .slider3article.slick-initialized .slick-slide,
.articleserie .slider3article.slick-initialized .slick-slide{
height: auto;
}
.connected-articlelist .slider3article .slick-track,
.articleserie .slider3article .slick-track{
height: 100%;
}
.connected-articlelist .slider3article .slick-track,
.articleserie .slider3article .slick-track{
display: inline-flex;
}
.connected-articlelist .slider3article .slick-list,
.articleserie .slider3article .slick-list{
padding: 0 20px !important;
}
.connected-articlelist .slider3article.first-article .slick-list,
.articleserie .slider3article.first-article .slick-list{
padding: 0 40px 0 0 !important;
}
@media (min-width: 1200px){
.connected-articlelist .slider3article.slider-hidedots .slick-list,
.articleserie .slider3article.slider-hidedots .slick-list{
padding: 0 0px !important;
}
.connected-articlelist .slider3article.slider-hidedots.first-article .slick-list,
.articleserie .slider3article.slider-hidedots.first-article .slick-list{
padding: 0 0px 0 0 !important;
}
}
.spacer-list{
position: relative;
margin: 3.438rem 0 2rem 0;
}
.spacer-list:before{
content: " ";
width: 100%;
height: 20.438rem;
background-color: #f2f2f2;
position: absolute;
left: 0;
right: 0;
z-index: -10;
margin-top: -1rem;
}
.spacer-list .centered-header{
padding-top: 3rem;
}
.content-container.btn-position.btn-beratung .btn-info-sticky .btn{
width: 152px;
}
.content-container.btn-position.btn-beratung .btn-info-sticky .btn span.marker{
margin-left: 0.375rem;
}
@media (min-width: 768px){
.content-container.btn-position.btn-beratung .btn-info-sticky{
margin-top: 1rem;
}
}
@media (min-width: 992px){
.content-container.btn-position.btn-beratung .btn-info-sticky{
margin-top: 3.4rem;
}
}
.sticky-xs-fixed.beratung{
position: sticky;
clear: both;
top: 80px;
z-index: 200;
display: flex;
justify-content: flex-end;
xmargin-bottom: -90px;
}
@media (min-width: 768px){
.sticky-xs-fixed.beratung{
top: 102px;
}
}
@media (min-width: 992px){
.sticky-xs-fixed.beratung{
top: 140px;
}
}
@media (min-width: 1200px){
.sticky-xs-fixed.beratung{
top: 200px;
}
}
@media (max-width: 767.98px){
.sticky-xs-fixed.beratung{
margin-top: -9px;
}
}
@media (max-width: 575.98px){
.sticky-xs-fixed.beratung{
top: 7rem;
margin-right: -0.7rem;
}
}
.sticky-xs-fixed.beratung .sticky-btn-container{
position: absolute;
xmargin-bottom: -90px;
xpadding-bottom: 90px;
}
.sticky-xs-fixed.beratung .sticky-btn-container .sticky-btn-merkliste{
position: relative;
}
@media (max-width: 991.98px){
.sticky-xs-fixed.beratung .sticky-btn-container .sticky-btn-merkliste{
top: -5px;
}
}
@media (min-width: 1200px) and (max-width: 1415px){
.sticky-xs-fixed.beratung .sticky-btn-container{
right: 108px;
}
}
@media (max-width: 1199.98px){
.beratung.center-article main{
margin-left: unset;
margin-right: unset;
}
}
.beratung.center-article main article > header{
position: relative;
}
@media (max-width: 767.98px){
.beratung.center-article main article > header{
width: calc(100% - 70px);
}
.beratung.center-article main article > header h1{
min-height: 65px;
}
}
.sticky-btn-container{
margin: 0;
position: fixed;
}
.sticky-btn-container .sticky-btn-merkliste{
width: 50px;
display: inline-block;
}
.sticky-btn-container .sticky-btn-merkliste .action-btn-title{
margin-bottom: 0.5rem;
font-weight: 500;
font-size: 0.813rem;
display: inline-block;
color: #5F7A83;
line-height: 1;
background: white;
}
.sticky-btn-container .sticky-btn-merkliste > a{
width: 46px;
height: 46px;
margin-bottom: 0.8rem;
border-radius: 100px;
background: #F0F3F4;
padding: 0rem;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
flex-wrap: wrap;
transition: all 300ms ease;
border: 1px solid #5F7A83;
}
.sticky-btn-container .sticky-btn-merkliste > a:hover{
transform: scale(1.1);
}
.sticky-btn-container .sticky-btn-merkliste > a:hover:before{
transition: 1.5s;
transform: rotateY(180deg);
}
.sticky-btn-container .sticky-btn-merkliste > a:hover span{
transform: scale(1);
}
.sticky-btn-container .sticky-btn-merkliste > a span{
position: absolute;
top: -25px;
margin-bottom: 0.5rem;
font-weight: 500;
font-size: 0.813rem;
display: inline-block;
width: 100%;
color: #607a83;
line-height: 1;
display: none;
}
.btn-info-vers .icon-merkliste:before{
font-size: 1.1rem;
}
.list-merkliste-dummy a.checklist-remove,
.list-merkliste a.checklist-remove{
cursor: pointer;
}
.list-merkliste-dummy a.checklist-remove svg.svgicon-close,
.list-merkliste a.checklist-remove svg.svgicon-close{
fill: #5F7A83;
width: 0.9rem;
height: 0.9rem;
display: none;
}
.list-merkliste-dummy a.checklist-remove:before,
.list-merkliste a.checklist-remove:before{
content: "\f068";
font-weight: 600;
font-family: "Font Awesome 5 Free";
font-size: 0.85rem;
color: #5F7A83;
}
.list-merkliste-dummy a.checklist-remove:hover:before,
.list-merkliste a.checklist-remove:hover:before{
color: #00507d;
}
.list-merkliste-dummy a.checklist-remove:hover svg.svgicon-close,
.list-merkliste a.checklist-remove:hover svg.svgicon-close{
fill: #00507d;
}
.list-merkliste-dummy li,
.list-merkliste li{
border-color: #5F7A83;
display: flex;
flex-wrap: nowrap;
padding: 1rem 0;
justify-content: space-between;
}
.list-merkliste-dummy li:first-child,
.list-merkliste li:first-child{
border-color: #5F7A83;
}
.list-merkliste-dummy li a.checklist-link:hover,
.list-merkliste li a.checklist-link:hover{
text-decoration: underline;
text-decoration-color: #00507d;
}
.list-merkliste-dummy li.kat-group,
.list-merkliste li.kat-group{
flex-wrap: wrap;
}
.list-merkliste-dummy li.kat-group ul,
.list-merkliste li.kat-group ul{
padding-top: 1rem;
}
.list-merkliste-dummy li.kat-group ul li,
.list-merkliste li.kat-group ul li{
flex-wrap: nowrap;
}
.list-merkliste-dummy li.kat-group ul li:last-child:after,
.list-merkliste li.kat-group ul li:last-child:after{
display: none;
padding-bottom: 0;
}
.list-merkliste-dummy li.kat-group .headline-kat,
.list-merkliste li.kat-group .headline-kat{
width: 100%;
padding-right: 2rem;
color: #5F7A83;
font-weight: 500;
position: relative;
}
.list-merkliste-dummy li.kat-group .headline-kat span,
.list-merkliste li.kat-group .headline-kat span{
font-weight: normal;
color: black;
}
.list-merkliste-dummy li.kat-group .headline-kat:hover,.list-merkliste-dummy li.kat-group .headline-kat:active,
.list-merkliste li.kat-group .headline-kat:hover,
.list-merkliste li.kat-group .headline-kat:active{
text-decoration: none;
}
.list-merkliste-dummy li.kat-group .headline-kat::after,
.list-merkliste li.kat-group .headline-kat::after{
content: "\e949";
right: 0;
top: 0;
position: absolute;
width: 20px;
height: 20px;
line-height: 20px;
font-family: "lko";
font-weight: normal;
font-size: 1.25rem;
transition: all 0.5s;
transform: rotate(-90deg);
}
.list-merkliste-dummy li.kat-group .headline-kat.collapsed::after,
.list-merkliste li.kat-group .headline-kat.collapsed::after{
transform: rotate(90deg);
}
.list-merkliste-dummy li.kat-group .container-kat,
.list-merkliste li.kat-group .container-kat{
width: 100%;
}
.remove-all-merkliste{
display: flex;
flex-wrap: nowrap;
padding: 0.5rem 0 0;
justify-content: flex-end;
color: #007E46;
font-size: 0.85rem;
width: 100%;
}
.remove-all-merkliste:hover{
text-decoration: underline;
}
.list-merkliste__add{
float: right;
display: inline-flex;
align-items: center;
font-weight: 500;
color: #5F7A83;
}
.list-merkliste__add:before{
font-family: "lko";
content: "\e90b";
}
.list-merkliste__add:hover:before{
color: #5F7A83;
content: "\e90c";
}
.list-merkliste__add.active:before,.list-merkliste__add.merkliste--on:before{
content: "\e90c";
}
.list-merkliste__add.active:hover:before,.list-merkliste__add.merkliste--on:hover:before{
color: #5F7A83;
content: "\e90b";
}

.content-container.plattform{
border-radius: 0.25rem;
padding: 1.25rem;
background: #F2F2F2;
}
.content-container.plattform > header > h2{
font-size: 1.25rem;
margin: 0 0 0.5rem 0;
color: black;
}
.content-container.plattform ul{
display: flex;
flex-wrap: nowrap;
width: 100%;
justify-content: space-between;
}
@media (max-width: 767.98px){
.content-container.plattform ul{
flex-wrap: wrap;
}
}
.content-container.plattform ul li{
float: left;
margin-top: 0px;
text-indent: 0px;
padding-left: 0;
}
.content-container.plattform ul li:before{
content: "";
display: none;
}
@media (max-width: 767.98px){
.content-container.plattform ul li{
margin-top: 0.6rem;
margin-bottom: 0.6rem;
}
}
.content-container.plattform .button-google a{
background-image:  url(/src_project/img/portal/playstore.png?_=1775553169);
}
.content-container.plattform .button-appstore a{
background-image:  url(/src_project/img/portal/appstore.png?_=1775553169);
}
.content-container.plattform .button-webapp a{
background-image:  url(/src_project/img/portal/web-app-button.png?_=1775553169);
}
.content-container.plattform .button-appstore a,
.content-container.plattform .button-webapp a,
.content-container.plattform .button-google a{
background-repeat: no-repeat;
width: 135px;
background-size: auto 100%;
height: 40px;
display: block;
}
@media (max-width: 320px){
.content-container.plattform .button-appstore a,
.content-container.plattform .button-webapp a,
.content-container.plattform .button-google a{
background-size: 100% auto;
height: 42px;
}
}
.content-container.plattform .button-appstore a span,
.content-container.plattform .button-webapp a span,
.content-container.plattform .button-google a span{
display: none;
}
section.icon-header.flex{
margin-top: 0;
}
@media (min-width: 768px){
section.icon-header.flex{
display: flex !important;
justify-content: flex-start;
}
section.icon-header.flex .txt{
order: 2;
}
section.icon-header.flex .txt > .content-container{
margin-top: 0;
}
section.icon-header.flex .media-content{
max-width: 25%;
margin-right: 1.875rem;
order: 1;
}
}
section.icon-header.flex .teaser.summary a{
color: #007E46;
background: white;
}
section.icon-header.flex .teaser.summary a:hover,section.icon-header.flex .teaser.summary a:focus{
text-decoration: underline;
color: #00507d;
}
.box-type1.downloadbox{
margin-bottom: 3rem;
}
.box-type1.downloadbox ul li a{
position: relative;
line-height: 1.2;
display: inline-block;
font-weight: 500;
padding: 1rem 0 1rem 3.813rem;
}
.box-type1.downloadbox ul li a:before{
content: "";
font-size: 1.75rem;
font-family: "lko";
line-height: 1;
position: absolute;
left: 1.125rem;
font-weight: 400;
float: left;
text-decoration: none !important;
margin: 0 0.95rem 0 0;
display: inline-block;
}
.box-type1.downloadbox ul li a[href*=".pdf"]:before{
content: "\e91a";
}
.box-type1.downloadbox ul li a[href*=".docx"]:before,.box-type1.downloadbox ul li a[href*=".doc"]:before{
content: "\e919";
}
.box-type1.downloadbox ul li a[href*=".xlsx"]:before{
content: "\e91d";
}
.box-type1.downloadbox ul li a[href*=".xls"]:before{
content: "\e91d";
}
.box-type1.downloadbox ul li a[href*=".mp3"]:before{
content: "\e900";
}
.box-type1.downloadbox ul li a[href*=".svg"]:before,.box-type1.downloadbox ul li a[href*=".png"]:before,.box-type1.downloadbox ul li a[href*=".jpeg"]:before,.box-type1.downloadbox ul li a[href*=".jpg"]:before{
content: "\f1c5";
font-family: "Font Awesome 5 Free" !important;
font-weight: 400 !important;
}
.box-type1.downloadbox ul li a .ext-container,
.box-type1.downloadbox ul li a .ext,
.box-type1.downloadbox ul li a .dsize,
.box-type1.downloadbox ul li a .grey{
font-weight: 400;
font-size: 0.875rem;
color: #555;
}
.box-type1.downloadbox ul li a .ext:before{
content: "(";
margin-left: 0.2rem;
}
.box-type1.downloadbox ul li a .dsize:after{
content: ")";
}
.box-type1.list-links:not(.kasten){
border-radius: 0.25rem;
padding: 1.25rem;
background: #f2f2f2;
}
.box-type1.list-links:not(.kasten) ul li a:after{
color: #00507d;
}
.box-type1.list-links:not(.kasten) ul li a.active{
color: #00507d;
}
.box-type1.list-links:not(.kasten) ul li a.active:after{
color: #00507d;
}
.box-type1.list-links:not(.kasten) ul li.active a{
color: #00507d;
}
.box-type1.list-links:not(.kasten) ul li.active a:after{
color: #00507d;
}
.box-type1.list-links:not(.kasten) > header > h2{
font-size: 1.25rem;
margin: 0 0 0.5rem 0;
color: black;
}
aside .box-type1.downloadbox ul li .ext-container{
display: inline-block;
width: 100%;
}
main > article{
margin-bottom: 3rem;
display: block;
float: left;
width: 100%;
}

/* ** [ /src_project/sites/portal/css/5/./video.css ] (@import) ** */
.slider-thema.videos .slider3_3slide{
margin-left: -0.375rem;
margin-right: -0.375rem;
}
.slider-thema.videos .slick-track{
display: flex !important;
margin-bottom: 1.25rem;
}
.slider-thema.videos .slick-slide{
padding: 0 0.375rem;
height: inherit;
}
.slider-thema.videos .content-item{
clear: both;
display: block;
float: left;
width: 100%;
height: 100%;
padding: 0;
box-shadow: 0px 1px 6px rgba(0,0,0,0.1607843137);
border: 1px solid #BEC8D7;
border-radius: 0.25rem;
margin: 0;
}
.slider-thema.videos .content-item:hover{
border-color: #5F7A83;
background-color: #F0F3F4;
}
.slider-thema.videos .content-item a{
flex-wrap: wrap;
height: 100%;
display: flex;
flex-direction: column;
}
.slider-thema.videos .content-item a:hover .media-content{
overflow: hidden;
}
.slider-thema.videos .content-item a:hover .media-content:after{
opacity: 1;
}
.slider-thema.videos .content-item .media-content{
margin-right: 0;
width: 100%;
margin-bottom: 0;
display: flex;
aspect-ratio: 2/1;
position: relative;
}
.slider-thema.videos .content-item .media-content img{
border-radius: 0.25rem !important;
object-fit: cover;
aspect-ratio: 2/1;
}
.slider-thema.videos .content-item .media-content:after{
position: absolute;
color: #607a83;
font-family: "lko";
content: "\e910";
font-size: 1.5rem;
left: 50%;
transition: all 0.2s ease 0s;
transform: translate(-50%,-50%);
top: 50%;
height: 3.5rem;
width: 3.5rem;
border: 1px solid #607a83;
opacity: 0.75;
border-radius: 50%;
background-color: white;
text-align: center;
aspect-ratio: 1/1;
display: flex;
justify-content: center;
align-items: center;
text-indent: 5px;
}
.slider-thema.videos .content-text{
padding: 0.625rem;
align-items: center;
display: inline-flex;
flex-grow: 1;
}
.slider-thema.videos .content-text h3{
font-size: 1rem;
color: black;
margin: 0;
}
.slider-thema.videos > header{
display: block;
clear: both;
float: left;
width: 100%;
margin-bottom: 0.625rem;
}
.slider-thema.videos > header h2{
float: left;
color: #5F7A83;
font-size: 1.25rem;
}
.slider-thema.videos > header h2:before{
font-family: "lko";
content: "\e90f";
margin-right: 0.5rem;
font-weight: normal;
}
.slider-thema.videos > header h2 span{
font-weight: normal;
font-size: 0.875rem;
display: inline-block;
margin-left: 0.25rem;
}
.slider-thema.videos .slider3_3slide{
clear: both;
}
@media (min-width: 768px){
.video-article-list ul li .content-item > a{
display: flex;
align-items: flex-start;
}
}
.video-article-list ul li a:hover .media-content{
overflow: hidden;
}
.video-article-list ul li a:hover .media-content:after{
opacity: 1;
}
.video-article-list ul li .media-content{
position: relative;
max-width: 117px;
flex: 0 0 117px;
}
.video-article-list ul li .media-content:after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: white;
font-family: "lko";
content: "\e910";
opacity: 0.75;
font-size: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.video article.video-content{
padding-top: 0.312rem;
background: white;
}
.video article.video-content .action-bar{
margin-top: 0;
}
.video article.video-content header h1{
margin: 0;
}
.video .with-bg{
margin-top: 3.125rem;
padding-top: 2.25rem;
background-color: #f2f2f2;
padding-bottom: 3.125rem;
}

/* splitted due to filesize */

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