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

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


/* ** [ /src_project/sites/portal/css/5/./content.css ] (@import) ** */
hr.dotted,.related-articles ul.rar li,
.related-articles ul.list-articles li,
.articlelist ul.rar li,
.articlelist ul.list-articles li{
position: relative;
}
hr.dotted:after,.related-articles ul.rar li:after,
.related-articles ul.list-articles li:after,
.articlelist ul.rar li:after,
.articlelist ul.list-articles 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;
}
.body-bg main{
margin-top: 0.625rem;
}
.body-bg main:before{
content: " ";
width: 100%;
height: 20.438rem;
background-color: #f2f2f2;
position: absolute;
left: 0;
right: 0;
z-index: -10;
margin-top: -1rem;
}
@media (max-width: 767.98px){
.body-bg main:before{
margin-top: -0.5rem;
}
}
.body-bg main .header-paginator{
flex-wrap: wrap;
justify-content: center;
}
.body-bg main .header-paginator .h1,
.body-bg main .header-paginator h1{
text-align: center;
margin: 2.5rem 0;
}
.body-bg main .header-paginator .h1{
font-size: calc(1.2875rem + 0.45vw);
color: #000;
}
.body-bg main .nav-page.navigation-result{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
margin-bottom: 1rem;
width: 100%;
flex: 0 0 100%;
}
.body-bg main .nav-page.navigation-result .counter-article{
margin-left: 0;
font-size: 0.875rem;
}
.related-articles,
.articlelist{
margin: 0 0 2.5rem 0;
clear: both;
}
.related-articles.box,
.articlelist.box{
width: 100%;
}
.related-articles header h2,
.articlelist header h2{
margin-bottom: 0;
}
.related-articles .navigation-result.top,
.articlelist .navigation-result.top{
display: none;
}
.related-articles ul.rar li,
.related-articles ul.list-articles li,
.articlelist ul.rar li,
.articlelist ul.list-articles li{
padding: 0.75rem 0;
border-bottom: none;
}
.related-articles ul.rar li h3,
.related-articles ul.list-articles li h3,
.articlelist ul.rar li h3,
.articlelist ul.list-articles li h3{
font-size: 1rem;
font-weight: 400;
}
.related-articles ul.rar li a,
.related-articles ul.list-articles li a,
.articlelist ul.rar li a,
.articlelist ul.list-articles li a{
padding-left: 0;
min-height: 1.5rem;
}
.related-articles ul.rar li a::before,
.related-articles ul.list-articles li a::before,
.articlelist ul.rar li a::before,
.articlelist ul.list-articles li a::before{
display: none;
}
.related-articles ul.rar li a.active,
.related-articles ul.list-articles li a.active,
.articlelist ul.rar li a.active,
.articlelist ul.list-articles li a.active{
color: #5F7A83;
}
.related-articles ul.rar li a.active::before,
.related-articles ul.list-articles li a.active::before,
.articlelist ul.rar li a.active::before,
.articlelist ul.list-articles li a.active::before{
color: #5F7A83;
}
.related-articles ul.rar li a.active:hover,
.related-articles ul.list-articles li a.active:hover,
.articlelist ul.rar li a.active:hover,
.articlelist ul.list-articles li a.active:hover{
color: #5F7A83;
}
.related-articles ul.rar li a.active:hover::before,
.related-articles ul.list-articles li a.active:hover::before,
.articlelist ul.rar li a.active:hover::before,
.articlelist ul.list-articles li a.active:hover::before{
color: #5F7A83;
}
.related-articles ul.rar + a.show-all,
.related-articles ul.list-articles + a.show-all,
.articlelist ul.rar + a.show-all,
.articlelist ul.list-articles + a.show-all{
color: gray;
display: none;
cursor: pointer;
}
.related-articles.accordion-box .card-body ul.rar > li{
display: block !important;
}
.related-articles.accordion-box .card{
border: none;
}
.related-articles.accordion-box .card:not(:last-child) ul.rar li:last-child:after{
display: none;
}
.related-articles.accordion-box .card .card-header{
padding: 0;
width: 100%;
margin-bottom: 0.25rem;
background: transparent;
border-bottom: 0;
}
.related-articles.accordion-box .card .card-header h2{
padding: 0;
width: 100%;
display: block;
float: left;
background: #F0F3F4;
border-radius: 0.25rem;
padding: 0.75rem 0.813rem 0.75rem 0;
}
.related-articles.accordion-box .card .card-header h2 .btn{
width: 100%;
color: #57727B;
background: #F0F3F4;
border-radius: 0.25rem;
font-weight: 500;
text-decoration: none;
position: relative;
padding: 0 0 0 2.125rem;
text-transform: inherit;
font-size: 1rem;
display: block;
float: left;
text-align: left;
border: none;
}
.related-articles.accordion-box .card .card-header h2 .btn:focus{
border: none;
}
.related-articles.accordion-box .card .card-header h2 .btn .numb{
font-weight: normal;
color: #555555;
margin-left: 0.25rem;
font-size: 0.875rem;
}
.related-articles.accordion-box .card .card-header h2 .btn::before{
left: 0.5rem;
content: "\e949";
top: -0.19rem;
position: absolute;
font-family: "lko";
font-weight: normal;
font-size: 1.125rem;
transition: all 0.5s;
transform: rotate(-90deg);
display: block;
float: left;
}
.related-articles.accordion-box .card .card-header h2 .btn.collapsed::before{
transform: rotate(90deg);
}
.related-articles.accordion-box .card .card-body{
padding: 0 0 0 2.125rem;
margin-bottom: 0.25rem;
}
.related-articles.accordion-box .card .card-body ul.rar li h3{
margin-bottom: 0;
}
.navigation-result .pagination li .counter-article{
color: #555;
font-size: 0.875rem;
}
.navigation-result .pagination + .counter-article{
margin-top: -0.75rem;
}
.navigation-result .counter-article{
color: #555;
font-size: 0.9rem;
}
.navigation-result.bottom{
margin-top: 2rem;
}
.navigation-result.bottom .pagination{
margin-left: auto;
margin-right: auto;
}
@media (max-width: 991.98px){
.breadcrumb-container{
display: block;
width: 100%;
overflow: hidden;
position: relative;
}
.breadcrumb-container:after{
background: transparent linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--unnamed-color-ffffff) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(90deg,rgba(255,255,255,0) 0%,#FFFFFF 100%) 0% 0% no-repeat padding-box;
opacity: 1;
content: " ";
position: absolute;
right: 0;
height: 100%;
width: 120px;
top: 0;
}
}
.breadcrumb{
font-size: 0.75rem;
margin-bottom: 2rem;
}
@media (max-width: 991.98px){
.breadcrumb{
flex-wrap: nowrap;
align-items: center;
}
.breadcrumb .breadcrumb-item{
flex: 0 0 auto;
}
.breadcrumb .breadcrumb-item.d3 > a:before{
display: inline-block !important;
font-family: "lko";
content: "\e905";
padding-left: 0;
line-height: 1;
}
.breadcrumb .breadcrumb-item.d3 > a > span{
display: none;
}
}
@media (max-width: 991.98px){
.breadcrumb a{
color: black;
}
}
.breadcrumb a:hover,.breadcrumb a:focus{
color: #5F7A83;
text-decoration: underline;
}
.breadcrumb .breadcrumb-item{
display: inline-flex;
align-items: center;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before{
font-family: "lko";
content: "\e928";
padding-left: 0;
padding-right: 0.37rem;
font-size: 0.4rem;
}

article .content-container.video iframe{
width: 100%;
}
article .media-content.movie.size1 figure,article .media-content.movie.size2 figure,article .media-content.movie.size3 figure{
margin-bottom: 0.5rem;
position: relative;
}
.icon-info:before{
font-family: "lko";
content: "\e906";
}
.zip-download:before{
font-family: "lko";
content: "\e900";
}
.icon-merkliste:before{
font-family: "lko";
content: "\e90a";
}
.icon-merken:before{
font-family: "lko";
content: "\e90b";
}
.icon-merken.active:before{
content: "\e90c";
}
.icon-partner:before{
font-family: "lko";
content: "\e94a";
font-weight: normal;
margin-right: 0.2rem;
}
.icon-liste:before{
font-family: "lko";
content: "\e924";
font-weight: normal;
font-size: 1.25rem;
}
.icon-selbstabholung:before{
font-family: "lko";
content: "\e953";
font-weight: normal;
font-size: 1.25rem;
}
.icon-drucken:before{
font-family: "lko";
content: "\e901";
font-weight: normal;
font-size: 1.25rem;
}
.icon-mail:before,
.icon-email:before{
font-family: "lko";
content: "\e902";
font-weight: normal;
font-size: 1.25rem;
}
.icon-post:before{
font-family: "lko";
content: "\e902";
font-weight: normal;
font-size: 1.25rem;
line-height: 1.2;
}
@media (max-width: 767.98px){
main article{
margin-bottom: 2.5rem;
display: block;
clear: both;
float: left;
width: 100%;
}
}
main article .header-paginator{
display: flex;
align-items: center;
align-content: center;
flex-direction: row;
text-align: center;
flex: 0 0 100%;
width: 100%;
overflow: hidden;
margin-top: 1.5rem;
flex-wrap: wrap;
}
main article .header-paginator h2{
font-size: 1rem;
color: #555555;
margin: 0;
}
.copiedHint{
text-align: center;
padding: 10px !important;
border: 1px solid #BEC8D7 !important;
border-radius: 0.25rem;
clear: both;
}
.copiedHint:before{
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
color: #6E8C96;
margin-right: 0.55rem;
}
.header-paginator{
display: flex;
align-items: center;
align-content: center;
flex-direction: row;
justify-content: space-between;
padding: 0.5rem 0 0.75rem;
flex: 0 0 100%;
width: 100%;
overflow: hidden;
}
.header-paginator h2{
font-size: 1.125rem;
color: #555555;
}
@media (max-width: 575.98px){
.header-paginator{
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 460px){
.header-paginator{
flex-wrap: wrap !important;
justify-content: center;
align-items: flex-end !important;
}
.header-paginator .navigation-result{
margin-top: 2.188rem;
}
}
body{
padding-top: 72px;
}
body.lock-scroll{
overflow: hidden;
}
@media (min-width: 576px){
body{
padding-top: 72px;
}
}
@media (min-width: 768px){
body{
padding-top: 103px;
}
}
@media (min-width: 992px){
body{
padding-top: 141px;
}
}
@media (min-width: 1200px){
body{
padding-top: 199px;
}
}
main{
padding-top: 0;
}
main section{
margin: 0 0 2.625rem 0;
clear: both;
}
@media (max-width: 767.98px){
main section{
margin: 0 0 1.875rem 0;
}
}
.container > .row > .d-block.d-lg-none > .row > div > section{
margin: 0 0 2.625rem 0;
clear: both;
}
@media (max-width: 767.98px){
.container > .row > .d-block.d-lg-none > .row > div > section{
margin: 0 0 1.875rem 0;
}
}
figure{
margin: 0;
}
hr.dotted{
border: none;
opacity: 1;
height: 1px;
}
aside section,
aside > section{
display: block;
float: left;
width: 100%;
clear: both;
margin: 0 0 1.875rem 0;
}
aside header h2{
text-transform: none;
}
aside header h2 svg{
width: auto;
height: 37px;
margin-right: 7px;
vertical-align: middle;
fill: #000;
}
.centered-header{
text-align: center;
}
.centered-header .filter-search.treffer ul.trefferverteilung{
justify-content: center;
}
.link-more{
color: #007E46;
font-size: 0.875rem;
}
.link-more::before{
font-size: 0.6rem;
margin-right: 0.35rem;
content: "\e928";
font-family: "lko" !important;
}
body.lock-scroll{
overflow: hidden;
}
.channel-title-h1{
font-size: 0;
margin: 0;
}

.legende-status .status:before{
font-size: 0.85rem;
border: none;
top: inherit;
left: inherit;
right: inherit;
bottom: inherit;
position: relative;
content: " ";
border-radius: 3px;
color: black;
padding: 3px 5px;
}
.legende-status .status.design:before{
background-color: #e1e103;
content: "Dummy";
}
.legende-status .status.technik:before{
content: "Technik";
background-color: #21c1f5;
}
.legende-status .status.alle:before{
content: "Alle";
background-color: white;
border: 1px solid #d80000;
color: #d80000;
}
.legende-status .status.online:before{
content: "Online";
background-color: #00b600;
}
.legende-status .status.moni:before{
content: "interne Kontrolle";
background-color: #c40088;
color: white;
}
.legende-status .status.ilse:before{
content: "externe Abnahme";
background-color: orange;
}
.legende-status .status.control:before{
content: "neu zu Besprechen/Überarbeiten/Info...";
background-color: #d80000;
color: white;
}
.legende-status .status.control-done:before{
content: "Abgenommen,online?";
background-color: white;
border: 1px solid #00b600;
color: #00b600;
}
.status{
position: relative;
clear: both;
}
.status:before{
top: -0.5rem;
left: -0.5rem;
right: -0.5rem;
bottom: -0.5rem;
position: absolute;
border-radius: 3px;
border: 1px solid grey;
content: " ";
z-index: -1;
}
.status.alle:before{
border-color: #d80000;
}
.status.design:before{
border-color: #e1e103;
}
.status.technik:before{
border-color: #21c1f5;
}
.status.moni:before{
border-color: #c40088;
}
.status.ilse:before{
border-color: orange;
}
.status.control:before{
border-color: #d80000;
}
.empty-site{
margin-top: 1.5rem;
flex-wrap: wrap;
float: left;
width: 100%;
clear: both;
border-radius: 0.25rem;
background: #F0F3F4;
padding: 2.5rem;
margin-bottom: 1.563rem;
display: flex;
justify-content: center;
text-align: center;
}
.empty-site h1{
hyphens: none;
}
.empty-site .content-container .summary h2{
color: black;
}
.empty-site .content-container .content-text span{
width: 100%;
display: block;
}
.empty-site .content-container .content-text .btn{
margin-top: 2rem;
}
.fehlerseite{
border-radius: 0.25rem;
background: #F0F3F4;
padding: 2.5rem;
margin-bottom: 1.563rem;
display: flex;
justify-content: center;
text-align: center;
}
.fehlerseite h1{
hyphens: none;
}
.fehlerseite .content-container .content-text span{
width: 100%;
display: block;
}
.fehlerseite .content-container .content-text .btn{
margin-top: 2rem;
}
.par-id2351 .channel-tabelau .grid-item .content-item .top + .content-text,
.par-id2351 .channel-tabelau .grid-item .content-item .content-text{
margin-top: 0;
}
.par-id2351 .spacer-list:before{
height: 17rem;
display: none;
}
.par-id2351 .spacer-list .centered-header{
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.par-id2351 .spacer-list .centered-header:before{
content: " ";
background-color: #f2f2f2;
position: absolute;
z-index: -10;
height: 100%;
width: 100vW;
top: 0;
}
.par-id2351 .spacer-list .centered-header h1{
width: 100%;
}
.par-id2351 .spacer-list .centered-header .filter-search.treffer{
width: 100%;
margin-bottom: 1.5rem;
}
.par-id2351 .spacer-list .centered-header .filter-search.treffer ul.trefferverteilung{
justify-content: center;
}

/* splitted due to filesize */

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