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

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


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

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

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

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

/* ** [ /src_project/sites/portal/css/4/./form.css ] (@import) ** */
.btn,
button.btn{
line-height: 1.875;
}
.SumoSelect > .CaptionCont{
padding: 0.475rem 0.75rem !important;
border-color: #ababab !important;
}
.SumoSelect.open > .optWrapper{
top: 42px;
display: block;
}
.SumoSelect > .CaptionCont > span.placeholder{
color: #525252;
font-style: normal;
font-weight: 300;
}
.SumoSelect > .optWrapper > .options li label{
margin-bottom: 0px;
font-weight: 400;
}
.SumoSelect:focus{
outline: 0px solid #007e46 !important;
border: 0px;
box-shadow: 0px 0px 3px 0px #287da8 !important;
}
.form-check-input:focus{
outline: 1px solid #007e46;
}
.webuserform,
.webform{
margin-bottom: 1rem;
margin-top: 2.5rem;
float: left;
width: 100%;
background-color: #f4f4f4;
padding: 1.6875rem;
}
.webuserform .btn,
.webuserform button.btn,
.webform .btn,
.webform button.btn{
background-color: #006634 !important;
border-color: #006634 !important;
color: #ffffff;
cursor: pointer;
margin: 0 0 1rem 0;
text-decoration: none;
line-height: 1.875;
}
.webuserform .btn:hover,
.webuserform button.btn:hover,
.webform .btn:hover,
.webform button.btn:hover{
background-color: #004021 !important;
border-color: #00331a !important;
box-shadow: 0 0 0 0.2rem rgba(38,125,82,0.5);
}
.webuserform .btn:focus,
.webuserform button.btn:focus,
.webform .btn:focus,
.webform button.btn:focus{
outline: none;
background-color: #004021 !important;
border-color: #00331a !important;
box-shadow: 0 0 0 0.2rem rgba(38,125,82,0.5);
}
.webuserform .form-row h2,
.webform .form-row h2{
margin: 0 5px 1rem 5px;
font-weight: 700;
}
.webuserform .form-row label,
.webform .form-row label{
color: #525252;
font-weight: 400;
}
.webuserform .form-row .form-group > span,
.webform .form-row .form-group > span{
color: #525252;
font-weight: 500;
width: 100%;
display: block;
}
.webuserform .form-row .form-group > span,
.webform .form-row .form-group > span{
display: inline-block;
padding-bottom: 0.5rem;
}
.webuserform .form-row .info-txt,
.webform .form-row .info-txt{
font-size: 0.8rem;
line-height: 1.2rem;
}
.webuserform .form-row a,
.webform .form-row a{
text-decoration: underline;
}
.webuserform .form-row a.btn,
.webform .form-row a.btn{
width: 100%;
text-decoration: none;
}
.webuserform .form-row .content-container,
.webform .form-row .content-container{
margin: 0.5rem 0px;
}
.webuserform .form-row h3,
.webform .form-row h3{
font-weight: bold;
}
@media (max-width: 767.98px){
.webuserform .form-row.btn-row,
.webform .form-row.btn-row{
flex-direction: column-reverse;
}
.webuserform .form-row.btn-row .btn,
.webform .form-row.btn-row .btn{
margin-top: 0.5rem;
}
}
.webuserform .form-row.btn-row .btn,
.webform .form-row.btn-row .btn{
width: 100%;
border-radius: 3px;
background-color: #006634 !important;
border-color: #006634 !important;
color: #ffffff;
cursor: pointer;
margin: 0 0 1rem 0;
text-decoration: none;
}
.webuserform .form-row.btn-row .btn:hover,
.webform .form-row.btn-row .btn:hover{
background-color: #004021 !important;
border-color: #00331a !important;
box-shadow: 0 0 0 0.2rem rgba(38,125,82,0.5);
}
.webuserform .form-row.btn-row .btn:focus,
.webform .form-row.btn-row .btn:focus{
outline: none;
background-color: #004021 !important;
border-color: #00331a !important;
box-shadow: 0 0 0 0.2rem rgba(38,125,82,0.5);
}
.webuserform .rows{
padding: 0 0 1.25rem 0;
}
.webuserform .rows .description,
.webuserform .rows > label{
font-weight: 500;
display: block;
width: 100%;
color: #212529;
}
.input-group .btn{
background-color: #ffffff !important;
color: #0e0904 !important;
background-image: none;
border: 1px solid #0e0904 !important;
border-left: 0px solid #ffffff !important;
border-radius: 0px !important;
line-height: 29px;
}
.input-group .btn:focus{
outline: 1px solid #007e46;
border: 1px solid #007e46 !important;
box-shadow: 0px 0px 3px 0px #287da8 !important;
}
.form-row textarea{
min-height: 110px;
}
.form-row .form-text{
margin: 0 5px 2rem 5px;
}
.form-row .form-text h3{
font-size: 1.125rem;
font-weight: 600;
margin: 1rem 0 0 0;
line-height: 1.688rem;
}
.form-row .form-text ul li{
padding: 0.2rem 0;
}
.form-row .form-text ul li > span{
font-weight: bold;
}
.form-row .form-text ul li i:before{
font-family: "Font Awesome 5 Free";
content: "";
margin-right: 5px;
position: relative;
font-weight: 900;
font-size: 0.8rem;
font-style: initial;
}
.form-row .form-text .area-content{
padding-top: 1rem;
}
.form-row .revison-form{
margin-bottom: 0.5rem;
margin-left: 5px;
}
.form-row .revison-form a{
color: #007e46;
font-weight: 600;
}
.form-row .revison-form a::before{
font-family: "Font Awesome 5 Free";
content: "";
margin-right: 3px;
position: relative;
font-weight: 400;
font-size: 1.2rem;
}
.group-auswahl .custom-control-inline{
display: block;
}
.form-standard h3{
font-size: 1.125rem;
font-weight: 600;
line-height: 1.688rem;
margin: 0px;
}
.check-label ul li:before{
font-family: "Font Awesome 5 Free";
content: "";
margin-right: 3px;
position: relative;
font-weight: 400;
font-size: 1.2rem;
}
.alldone .form-standard{
background-color: #eaeaea;
padding: 1rem;
}
.alldone .form-standard header{
margin-bottom: 1rem;
}
.alldone .form-standard .submit-area .form-group{
margin-bottom: 0px;
padding-bottom: 0px;
}
.alldone .form-standard .submit-area .form-group .btn{
margin-bottom: 0px;
}
.captcha a.fas,
.newsletter-form a.fas{
border-radius: 30px;
line-height: 30px;
background-color: #007e46 !important;
border-color: #007e46 !important;
background-image: linear-gradient(to bottom,#287da8 0,#1e5e7f 100%);
color: #ffffff;
cursor: pointer;
padding: 0.25rem 0.7rem;
margin: 0 0 0 15px;
text-decoration: none;
}
.captcha a.fas:hover,
.newsletter-form a.fas:hover{
color: #ffffff;
}
.captcha a.fas:focus,
.newsletter-form a.fas:focus{
outline: none;
box-shadow: 0px 0px 3px 0px #287da8 !important;
color: #ffffff;
}

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

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

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

/* ** [ /src_project/sites/portal/css/4/./table.css ] (@import) ** */
body .table-id12 th,body .table-id11 th,body .table-id10 th,body .table-id9 th,body .table-id8 th,body .table-id7 th,body .table-id6 th,body .table-id5 th,body .table-id4 th,body .table-id3 th,body .table-id2 th,body .table-id1 th,body .table-id0 th,.table-id th{
font-weight: 600;
font-size: 1rem;
color: #000000 !important;
background: #9ac3a8 !important;
line-height: 1.3;
padding: 0.6rem 1rem;
vertical-align: top;
}
body .table-id12 td,body .table-id11 td,body .table-id10 td,body .table-id9 td,body .table-id8 td,body .table-id7 td,body .table-id6 td,body .table-id5 td,body .table-id4 td,body .table-id3 td,body .table-id2 td,body .table-id1 td,body .table-id0 td,.table-id td{
line-height: 1.3;
font-size: 1rem;
padding: 0.6rem 1rem;
vertical-align: top;
font-size: 1rem;
border-top: 1px solid #dee2e6 !important;
}
body .table-id12 tr,body .table-id11 tr,body .table-id10 tr,body .table-id9 tr,body .table-id8 tr,body .table-id7 tr,body .table-id6 tr,body .table-id5 tr,body .table-id4 tr,body .table-id3 tr,body .table-id2 tr,body .table-id1 tr,body .table-id0 tr,.table-id tr{
background-color: #ffffff;
}
.table-container .caption-italic,
table caption{
color: black;
font-style: normal;
line-height: 1.5;
}
.table-id1 tr:first-child td,
.table-id3 tr:first-child td,
.table-id4 tr:first-child td,
.table-id5 tr:first-child td,
.table-id6 tr:first-child td,
.table-id7 tr:first-child td,
.table-id9 tr:first-child td,
.table-id10 tr:first-child td,
.table-id11 tr:first-child td,
.table-id12 tr:first-child td{
font-weight: 600;
color: #000000 !important;
background: #9ac3a8 !important;
line-height: 1.25rem;
font-size: 1rem;
padding: 0.5rem 1.158rem;
vertical-align: top;
}
.table-id1.thead tbody tr:first-child td,.table-id1.tfoot tbody tr:first-child td,
.table-id3.thead tbody tr:first-child td,
.table-id3.tfoot tbody tr:first-child td,
.table-id4.thead tbody tr:first-child td,
.table-id4.tfoot tbody tr:first-child td,
.table-id5.thead tbody tr:first-child td,
.table-id5.tfoot tbody tr:first-child td,
.table-id6.thead tbody tr:first-child td,
.table-id6.tfoot tbody tr:first-child td,
.table-id7.thead tbody tr:first-child td,
.table-id7.tfoot tbody tr:first-child td,
.table-id9.thead tbody tr:first-child td,
.table-id9.tfoot tbody tr:first-child td,
.table-id10.thead tbody tr:first-child td,
.table-id10.tfoot tbody tr:first-child td,
.table-id11.thead tbody tr:first-child td,
.table-id11.tfoot tbody tr:first-child td,
.table-id12.thead tbody tr:first-child td,
.table-id12.tfoot tbody tr:first-child td{
background: inherit !important;
color: inherit !important;
font-weight: normal !important;
}
.table-id4.thead tbody tr:last-child td,.table-id4.tfoot tbody tr:last-child td,
.table-id5.thead tbody tr:last-child td,
.table-id5.tfoot tbody tr:last-child td,
.table-id6.thead tbody tr:last-child td,
.table-id6.tfoot tbody tr:last-child td,
.table-id10.thead tbody tr:last-child td,
.table-id10.tfoot tbody tr:last-child td,
.table-id11.thead tbody tr:last-child td,
.table-id11.tfoot tbody tr:last-child td,
.table-id12.thead tbody tr:last-child td,
.table-id12.tfoot tbody tr:last-child td{
background: inherit !important;
color: inherit !important;
font-weight: normal !important;
}
.table-id3.thead tbody tr td:first-child,.table-id3.tfoot tbody tr td:first-child,
.table-id4.thead tbody tr td:first-child,
.table-id4.tfoot tbody tr td:first-child,
.table-id6.thead tbody tr td:first-child,
.table-id6.tfoot tbody tr td:first-child,
.table-id8.thead tbody tr td:first-child,
.table-id8.tfoot tbody tr td:first-child,
.table-id9.thead tbody tr td:first-child,
.table-id9.tfoot tbody tr td:first-child,
.table-id10.thead tbody tr td:first-child,
.table-id10.tfoot tbody tr td:first-child,
.table-id2.thead tbody tr td:first-child,
.table-id2.tfoot tbody tr td:first-child,
.table-id12.thead tbody tr td:first-child,
.table-id12.tfoot tbody tr td:first-child{
background: #9ac3a8 !important;
color: #000000 !important;
font-weight: 600 !important;
}
.table-id3.thead tbody tr td:first-child a,.table-id3.tfoot tbody tr td:first-child a,
.table-id4.thead tbody tr td:first-child a,
.table-id4.tfoot tbody tr td:first-child a,
.table-id6.thead tbody tr td:first-child a,
.table-id6.tfoot tbody tr td:first-child a,
.table-id8.thead tbody tr td:first-child a,
.table-id8.tfoot tbody tr td:first-child a,
.table-id9.thead tbody tr td:first-child a,
.table-id9.tfoot tbody tr td:first-child a,
.table-id10.thead tbody tr td:first-child a,
.table-id10.tfoot tbody tr td:first-child a,
.table-id2.thead tbody tr td:first-child a,
.table-id2.tfoot tbody tr td:first-child a,
.table-id12.thead tbody tr td:first-child a,
.table-id12.tfoot tbody tr td:first-child a{
color: #000000 !important;
}
.table-id6.thead tbody tr td:first-child,
.table-id6.thead tbody tr td:last-child,.table-id6.tfoot tbody tr td:first-child,
.table-id6.tfoot tbody tr td:last-child,
.table-id12.thead tbody tr td:first-child,
.table-id12.thead tbody tr td:last-child,
.table-id12.tfoot tbody tr td:first-child,
.table-id12.tfoot tbody tr td:last-child{
background: #9ac3a8 !important;
color: #000000 !important;
font-weight: 600 !important;
}
.table-id6.thead tbody tr td:first-child a,
.table-id6.thead tbody tr td:last-child a,.table-id6.tfoot tbody tr td:first-child a,
.table-id6.tfoot tbody tr td:last-child a,
.table-id12.thead tbody tr td:first-child a,
.table-id12.thead tbody tr td:last-child a,
.table-id12.tfoot tbody tr td:first-child a,
.table-id12.tfoot tbody tr td:last-child a{
color: #000000 !important;
}
.table-id3 tr td:first-child,
.table-id4 tr td:first-child,
.table-id6 tr td:first-child,
.table-id8 tr td:first-child,
.table-id9 tr td:first-child,
.table-id10 tr td:first-child,
.table-id2 tr td:first-child,
.table-id12 tr td:first-child{
font-weight: 600;
color: #000000 !important;
background: #9ac3a8 !important;
line-height: 1.25rem;
font-size: 1rem;
padding: 0.5rem 1.158rem;
vertical-align: top;
}
.table-id4 tr:last-child td,
.table-id5 tr:last-child td,
.table-id6 tr:last-child td,
.table-id10 tr:last-child td,
.table-id11 tr:last-child td,
.table-id12 tr:last-child td{
font-weight: 600;
color: #000000 !important;
background: #9ac3a8 !important;
line-height: 1.25rem;
font-size: 1rem;
padding: 0.5rem 1.158rem;
vertical-align: top;
}
.table-id1.content-table .cell-alt-header,
.table-id1.content-table .cell-alt-header-firstcol,
.table-id1.content-table .cell-alt-header-lastcol{
font-weight: 600;
color: #000000 !important;
background-color: #9ac3a8 !important;
}
.table-id1 tr:nth-child(odd),
.table-id7 tr:nth-child(odd),
.table-id8 tr:nth-child(odd),
.table-id9 tr:nth-child(odd),
.table-id10 tr:nth-child(odd),
.table-id11 tr:nth-child(odd),
.table-id12 tr:nth-child(odd){
background-color: #f7f7f7;
}
.table-id1.thead tbody tr:nth-child(even),.table-id1.tfoot tbody tr:nth-child(even),
.table-id7.thead tbody tr:nth-child(even),
.table-id7.tfoot tbody tr:nth-child(even),
.table-id8.thead tbody tr:nth-child(even),
.table-id8.tfoot tbody tr:nth-child(even),
.table-id9.thead tbody tr:nth-child(even),
.table-id9.tfoot tbody tr:nth-child(even),
.table-id10.thead tbody tr:nth-child(even),
.table-id10.tfoot tbody tr:nth-child(even),
.table-id11.thead tbody tr:nth-child(even),
.table-id11.tfoot tbody tr:nth-child(even),
.table-id12.thead tbody tr:nth-child(even),
.table-id12.tfoot tbody tr:nth-child(even){
background-color: #f7f7f7 !important;
}
.table-id1.thead tbody tr:nth-child(odd),.table-id1.tfoot tbody tr:nth-child(odd),
.table-id7.thead tbody tr:nth-child(odd),
.table-id7.tfoot tbody tr:nth-child(odd),
.table-id8.thead tbody tr:nth-child(odd),
.table-id8.tfoot tbody tr:nth-child(odd),
.table-id9.thead tbody tr:nth-child(odd),
.table-id9.tfoot tbody tr:nth-child(odd),
.table-id10.thead tbody tr:nth-child(odd),
.table-id10.tfoot tbody tr:nth-child(odd),
.table-id11.thead tbody tr:nth-child(odd),
.table-id11.tfoot tbody tr:nth-child(odd),
.table-id12.thead tbody tr:nth-child(odd),
.table-id12.tfoot tbody tr:nth-child(odd){
background-color: white !important;
}

.table-id1.content-table .cell-alt-header,
.table-id1.content-table .cell-alt-header-firstcol,
.table-id1.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #000000 !important;
background-color: #9ac3a8;
}
.table-id11.content-table .cell-alt-header,
.table-id11.content-table .cell-alt-header-firstcol,
.table-id11.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #000000 !important;
background: #007e46;
}
.table-id3.content-table .cell-alt-header,
.table-id3.content-table .cell-alt-header-firstcol,
.table-id3.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #000000 !important;
background: #007e46;
}
.table-id4.content-table .cell-alt-header,
.table-id4.content-table .cell-alt-header-firstcol,
.table-id4.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #000000 !important;
background: #007e46;
}
.table-id5.content-table .cell-alt-header,
.table-id5.content-table .cell-alt-header-firstcol,
.table-id5.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #000000 !important;
background: #007e46;
}
.table-id6.content-table .cell-alt-header,
.table-id6.content-table .cell-alt-header-firstcol,
.table-id6.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #000000 !important;
background: #007e46;
}
.table-id1.content-table .cell-alt-header,
.table-id1.content-table .cell-alt-header-firstcol,
.table-id1.content-table .cell-alt-header-lastcol,
.table-id7.content-table .cell-alt-header,
.table-id7.content-table .cell-alt-header-firstcol,
.table-id7.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #000000 !important;
background: #007e46;
}
.table-id9.content-table .cell-alt-header,
.table-id9.content-table .cell-alt-header-firstcol,
.table-id9.content-table .cell-alt-header-lastcol{
font-weight: 500;
color: #000000 !important;
background: #007e46;
}
.table-id2.content-table .cell-alt-firstcol,
.table-id2.content-table .cell-alt-footer-firstcol,
.table-id2.content-table .cell-alt-header-firstcol,
.table-id2.content-table .cell-firstcol,
.table-id2.content-table .cell-footer-firstcol{
font-weight: 500;
color: #000000 !important;
background-color: #9ac3a8;
}
.table-id3.content-table .cell-alt-firstcol,
.table-id3.content-table .cell-alt-footer-firstcol,
.table-id3.content-table .cell-firstcol,
.table-id3.content-table .cell-footer-firstcol{
font-weight: 500;
color: #000000 !important;
background-color: #9ac3a8;
}
.table-id4.content-table .cell-alt-firstcol,
.table-id4.content-table .cell-alt-footer,
.table-id4.content-table .cell-alt-footer-firstcol,
.table-id4.content-table .cell-alt-footer-lastcol,
.table-id4.content-table .cell-firstcol,
.table-id4.content-table .cell-footer,
.table-id4.content-table .cell-footer-firstcol,
.table-id4.content-table .cell-footer-lastcol{
font-weight: 500;
color: #000000 !important;
background-color: #9ac3a8;
}
.table-id5.content-table .cell-alt-footer,
.table-id5.content-table .cell-alt-footer-firstcol,
.table-id5.content-table .cell-alt-footer-lastcol,
.table-id5.content-table .cell-footer,
.table-id5.content-table .cell-footer-firstcol,
.table-id5.content-table .cell-footer-lastcol{
font-weight: 500;
color: #000000 !important;
background-color: #9ac3a8;
}
.table-id6.content-table .cell-alt-firstcol,
.table-id6.content-table .cell-alt-footer,
.table-id6.content-table .cell-alt-footer-firstcol,
.table-id6.content-table .cell-alt-footer-lastcol,
.table-id6.content-table .cell-alt-lastcol,
.table-id6.content-table .cell-firstcol,
.table-id6.content-table .cell-footer,
.table-id6.content-table .cell-footer-firstcol,
.table-id6.content-table .cell-footer-lastcol,
.table-id6.content-table .cell-lastcol{
font-weight: 500;
color: #000000 !important;
background-color: #9ac3a8;
}
.table-id1.content-table .cell-alt,
.table-id1.content-table .cell-alt-firstcol,
.table-id1.content-table .cell-alt-footer,
.table-id1.content-table .cell-alt-footer-firstcol,
.table-id1.content-table .cell-alt-footer-lastcol,
.table-id1.content-table .cell-alt-lastcol,
.table-id7.content-table .cell-alt,
.table-id7.content-table .cell-alt-firstcol,
.table-id7.content-table .cell-alt-footer,
.table-id7.content-table .cell-alt-footer-firstcol,
.table-id7.content-table .cell-alt-footer-lastcol,
.table-id7.content-table .cell-alt-lastcol{
background-color: #eaeaea;
}
.table-id8.content-table .cell-alt-firstcol,
.table-id8.content-table .cell-alt-footer-firstcol,
.table-id8.content-table .cell-alt-header-firstcol,
.table-id8.content-table .cell-firstcol,
.table-id8.content-table .cell-footer-firstcol{
font-weight: 500;
color: #000000 !important;
background-color: #9ac3a8;
}
.table-id8.content-table .cell-alt,
.table-id8.content-table .cell-alt-footer,
.table-id8.content-table .cell-alt-footer-lastcol,
.table-id8.content-table .cell-alt-header,
.table-id8.content-table .cell-alt-header-lastcol,
.table-id8.content-table .cell-alt-lastcol{
background-color: #eaeaea;
}
.table-id9.content-table .cell-alt-firstcol,
.table-id9.content-table .cell-alt-footer-firstcol,
.table-id9.content-table .cell-firstcol,
.table-id9.content-table .cell-footer-firstcol{
font-weight: 500;
color: #000000 !important;
background-color: #9ac3a8;
}
.table-id9.content-table .cell-alt,
.table-id9.content-table .cell-alt-footer,
.table-id9.content-table .cell-alt-footer-lastcol,
.table-id9.content-table .cell-alt-lastcol{
background-color: #eaeaea;
}
.table-id10.content-table .cell-alt-firstcol,
.table-id10.content-table .cell-alt-footer,
.table-id10.content-table .cell-alt-footer-firstcol,
.table-id10.content-table .cell-alt-footer-lastcol,
.table-id10.content-table .cell-alt-header,
.table-id10.content-table .cell-alt-header-firstcol,
.table-id10.content-table .cell-alt-header-lastcol,
.table-id10.content-table .cell-firstcol,
.table-id10.content-table .cell-footer,
.table-id10.content-table .cell-footer-firstcol,
.table-id10.content-table .cell-footer-lastcol{
font-weight: 500;
color: #000000 !important;
background-color: #9ac3a8;
}
.table-id10.content-table .cell-alt,
.table-id10.content-table .cell-alt-lastcol{
background-color: #eaeaea;
}
.table-id11.content-table .cell-alt-footer,
.table-id11.content-table .cell-alt-footer-firstcol,
.table-id11.content-table .cell-alt-footer-lastcol,
.table-id11.content-table .cell-footer,
.table-id11.content-table .cell-footer-firstcol,
.table-id11.content-table .cell-footer-lastcol{
font-weight: 500;
color: #000000 !important;
background-color: #9ac3a8;
}
.table-id11.content-table .cell-alt,
.table-id11.content-table .cell-alt-firstcol,
.table-id11.content-table .cell-alt-lastcol{
background-color: #eaeaea;
}
.table-id12.content-table .cell-alt-firstcol,
.table-id12.content-table .cell-alt-footer,
.table-id12.content-table .cell-alt-footer-firstcol,
.table-id12.content-table .cell-alt-footer-lastcol,
.table-id12.content-table .cell-alt-header,
.table-id12.content-table .cell-alt-header-firstcol,
.table-id12.content-table .cell-alt-header-lastcol,
.table-id12.content-table .cell-alt-lastcol,
.table-id12.content-table .cell-firstcol,
.table-id12.content-table .cell-footer,
.table-id12.content-table .cell-footer-firstcol,
.table-id12.content-table .cell-footer-lastcol,
.table-id12.content-table .cell-lastcol{
font-weight: 500;
color: #000000 !important;
background-color: #9ac3a8;
}
.table-id12.content-table .cell-alt{
background-color: #eaeaea;
}

/* ** [ /src_project/sites/portal/css/4/./voting.css ] (@import) ** */
.green-headline{
font-family: inherit;
font-size: 1.875rem;
font-weight: 700;
line-height: 2.34375;
margin-bottom: 1rem;
color: #006634 !important;
}
.voting-list{
clear: both;
border-top: 1px solid #dcdcdc;
padding-top: 1rem;
}
.voting-list .masonry-articles{
display: flex;
flex-direction: row;
margin-left: -15px;
margin-right: -15px;
flex-wrap: wrap;
}
.voting-list .masonry-articles li{
position: static !important;
top: inherit !important;
left: inherit !important;
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
align-content: space-between;
}
.voting-list .masonry-articles li .hover-link,
.voting-list .masonry-articles li .commands{
width: 100%;
}
.voting .masonry-articles li .hover-link{
position: relative;
display: block;
}
.voting .masonry-articles li .hover-link:hover,.voting .masonry-articles li .hover-link:focus{
cursor: pointer;
}
.voting .masonry-articles li .hover-link:hover .show-hover,.voting .masonry-articles li .hover-link:focus .show-hover{
display: flex;
}
.voting .masonry-articles li .hover-link:hover picture:before,.voting .masonry-articles li .hover-link:focus picture:before{
display: block;
}
.voting .masonry-articles li .hover-link:hover h3,.voting .masonry-articles li .hover-link:focus h3{
color: #000000 !important;
}
.voting .masonry-articles li .hover-link .h3{
font-family: inherit;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.1;
color: #525252;
display: block;
margin-bottom: 0.5rem;
text-align: center;
}
.voting .masonry-articles li .hover-link:hover h3{
color: #000000;
}
.voting .masonry-articles li .show-hover{
font-weight: bold;
position: absolute;
top: 2px;
right: 2px;
bottom: inherit;
left: 2px;
display: none;
color: black;
background: rgba(255,255,255,0.7);
justify-content: center;
align-content: center;
align-items: center;
}
@media (min-width: 992px){
.voting .masonry-articles li .show-hover{
height: 195px;
}
}
@media (min-width: 1199px){
.voting .masonry-articles li .show-hover{
height: 247px;
}
}
.voting .masonry-articles li .show-hover:before{
font-family: "lko" !important;
font-size: 0.6em;
font-weight: bold !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
margin-right: 0.5em;
content: "J";
text-transform: none !important;
speak: none;
}
@media (max-width: 991px){
.voting .masonry-articles li .show-hover{
font-size: 14px;
font-weight: normal;
position: relative;
display: flex;
margin-bottom: 5px;
color: #007e46;
}
.voting .masonry-articles li .show-hover:before{
font-size: 0.5em;
font-weight: normal !important;
}
}
.voting .masonry-articles li picture{
position: relative;
display: flex;
width: 100%;
margin-bottom: 1.5rem;
padding-top: 0;
background-color: #eaeaea;
justify-content: center;
}
.voting .masonry-articles li picture:before{
position: absolute;
z-index: 50;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
content: " ";
border: 2px solid #007e46;
}
.voting .masonry-articles li picture img{
height: auto !important;
max-width: 100%;
background-position: center center !important;
}
.voting .masonry-articles li picture img{
background-repeat: no-repeat !important;
background-size: contain !important;
}
@media (max-width: 977px){
.voting .masonry-articles li picture .visible-sm-xs{
display: flex !important;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.voting .masonry-articles li picture .visible-md{
display: flex !important;
}
}
@media (min-width: 768px) and (max-width: 991px){
.voting .masonry-articles li picture .visible-sm{
display: flex !important;
}
}
@media (max-width: 767px){
.voting .masonry-articles li picture .visible-xs{
display: flex !important;
}
}
@media (min-width: 1200px){
.voting .masonry-articles li picture .visible-lg{
display: flex !important;
}
}
@media (min-width: 1200px),(min-width: 768px) and (max-width: 977px){
.voting .masonry-articles li picture .visible-sm-lg{
display: flex !important;
}
}
@media (min-width: 1200px),(max-width: 767px){
.voting .masonry-articles li picture .visible-lg-xs{
display: flex !important;
}
}
@media (min-width: 768px){
.voting .masonry-articles li picture .visible-md-sm-lg{
display: flex !important;
}
}
@media (max-width: 767px),(min-width: 978px) and (max-width: 1199px){
.voting .masonry-articles li picture .visible-sm-lg img{
background: 0 0 !important;
filter: none !important;
}
.voting .masonry-articles li picture .visible-md-xs{
display: flex !important;
}
}
@media (min-width: 768px) and (max-width: 977px),(min-width: 1200px){
.voting .masonry-articles li picture .visible-md-xs img{
background: 0 0 !important;
filter: none !important;
}
}
@media (max-width: 1199px){
.voting .masonry-articles li picture .visible-md-sm-xs{
display: flex !important;
}
}
@media (min-width: 1200px){
.voting .masonry-articles li picture .visible-md-sm-xs img,
.voting .masonry-articles li picture span.visible-md img,
.voting .masonry-articles li picture span.visible-sm img,
.voting .masonry-articles li picture span.visible-xs img{
background: 0 0 !important;
filter: none !important;
}
}
@media (min-width: 978px){
.voting .masonry-articles li picture .visible-sm-xs img{
background: 0 0 !important;
filter: none !important;
}
.voting .masonry-articles li picture .visible-md-lg{
display: flex !important;
}
}
@media (max-width: 977px){
.voting .masonry-articles li picture .visible-md-lg img{
background: 0 0 !important;
filter: none !important;
}
}
@media (min-width: 768px) and (max-width: 1199px){
.voting .masonry-articles li picture .visible-lg-xs img{
background: 0 0 !important;
filter: none !important;
}
.voting .masonry-articles li picture .visible-md-sm{
display: flex !important;
}
}
@media (max-width: 767px),(min-width: 1209px){
.voting .masonry-articles li picture .visible-md-sm img{
background: 0 0 !important;
filter: none !important;
}
}
@media (max-width: 977px),(min-width: 1200px){
.voting .masonry-articles li picture .visible-sm-lg-xs{
display: flex !important;
}
}
@media (min-width: 978px) and (max-width: 1199px){
.voting .masonry-articles li picture .visible-sm-lg-xs img,
.voting .masonry-articles li picture span.visible-lg img,
.voting .masonry-articles li picture span.visible-sm img,
.voting .masonry-articles li picture span.visible-xs img{
background: 0 0 !important;
filter: none !important;
}
}
@media (min-width: 978px),(max-width: 767px){
.voting .masonry-articles li picture .visible-md-lg-xs{
display: flex !important;
}
}
@media (min-width: 768px) and (max-width: 977px){
.voting .masonry-articles li picture .visible-md-lg-xs img,
.voting .masonry-articles li picture span.visible-lg img,
.voting .masonry-articles li picture span.visible-md img,
.voting .masonry-articles li picture span.visible-xs img{
background: 0 0 !important;
filter: none !important;
}
}
@media (max-width: 767px){
.voting .masonry-articles li picture .visible-md-sm-lg img,
.voting .masonry-articles li picture span.visible-lg img,
.voting .masonry-articles li picture span.visible-md img,
.voting .masonry-articles li picture span.visible-sm img{
background: 0 0 !important;
filter: none !important;
}
.voting .masonry-articles li picture .channel .row{
margin-right: 0;
margin-left: 0;
}
}
.voting .masonry-articles li h3{
margin-bottom: 0.5rem;
}
.voting .re{
float: none !important;
margin: 0;
padding: 0 !important;
}
.voting p{
margin: 1rem 0;
}
.voting p.whois{
font-size: 14px;
margin-top: 0;
color: #f4f4f4;
}
.hover-link small.project{
display: block;
color: #555555;
padding-bottom: 6px;
font-size: 0.75rem;
}
@media (max-width: 767.98px){
.hover-link small.project{
font-size: 1rem;
}
}
span.project{
display: block;
padding: 6px 0 0;
}
.contest h3{
text-align: center;
}
.contest .masonry-articles li picture span img{
max-width: 100%;
max-height: inherit;
}
.voting-detail h1{
font-size: 1.875rem;
line-height: 1.5;
margin-top: 20px;
color: black;
}
.voting-detail h2{
font-size: 1.625rem;
font-weight: 600;
}
.voting-detail .masonry-articles li{
width: calc(50% - 30px);
padding-top: 1rem;
padding-bottom: 2rem;
}
@media (max-width: 480px){
.voting-detail .masonry-articles > li{
width: calc(100% - 30px);
}
}
.vote-counter{
font-size: 0.875rem;
color: #525252;
padding: 6px 0;
border-radius: 5px;
}
.vote-counter:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "";
display: inline-block;
font-style: normal;
font-size: 0.7rem;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
vertical-align: sup;
margin-right: 5px;
}
.commands{
display: flex;
padding-top: 0.8rem;
clear: both;
justify-content: space-between;
}
.commands .btn{
font-size: 0.875rem;
line-height: 1.125;
min-width: 100px;
border-radius: 4px;
text-align: center;
padding: 0.375rem 0.75rem !important;
color: #ffffff;
background-color: #375b43;
}
.commands .btn:last-child{
text-transform: uppercase;
background-color: #375b43;
}
.commands .btn:last-child:after{
font-family: "lko" !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
margin-left: 4px;
content: "K";
vertical-align: text-bottom;
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
article .commands .btn{
width: 150px;
}
.row.voting{
display: flex;
margin: 2rem -15px;
flex-wrap: wrap;
}
.row.voting > div{
position: relative;
display: flex;
flex-direction: column;
max-width: 33.33333333%;
padding-top: 1rem;
padding-bottom: 1.5rem;
justify-content: space-between;
flex: 0 0 33.33333333%;
}
@media (max-width: 992px){
.row.voting > div{
max-width: 50%;
flex: 0 0 50%;
}
}
@media (max-width: 480px){
.row.voting > div{
max-width: 100%;
flex: 0 0 100%;
}
}
.row.voting > div picture{
display: flex;
width: 100%;
margin-bottom: 1rem;
background-color: #eaeaea;
justify-content: center;
}
.row.voting > div picture span{
display: flex;
width: 100%;
justify-content: center;
}
.row.voting > div picture span img{
max-height: 200px;
background-position: center center !important;
}
.row.voting > div h3{
margin-bottom: 0.5rem;
}
.row.voting > div .commands{
margin-top: 1.5rem;
padding-top: 0;
padding-bottom: 2.2rem;
border-bottom: 1px solid #dcdcdc;
}
@media (min-width: 992px){
.voting-detail{
width: 66.66666667%;
margin: 0 auto;
padding-bottom: 2rem;
}
}
.voting-detail + footer{
padding-bottom: 3rem;
}
.displaytable{
display: table;
}
.tablecell{
display: table-cell;
padding-bottom: 6px;
vertical-align: middle;
}
.masonry-articles .list-downloads{
margin: 15px;
padding: 15px 20px 25px 20px;
border: 1px solid #ededed;
border-radius: 2px;
}
.masonry-articles li{
width: calc(33.3333% - 30px);
padding-top: 1rem;
padding-bottom: 2rem;
border-bottom: 1px solid #dcdcdc;
margin: 15px 15px 0;
}
.masonry-articles .container-links{
clear: both;
}
.masonry-articles .container-links a{
text-decoration: underline;
color: #007e46;
}
.masonry-articles .list-downloads .tablecell-right a{
height: auto;
padding-left: 1.8em;
color: #007e46;
}
.masonry-articles .list-downloads .tablecell-right a.post{
padding-left: 0 !important;
}
.masonry-articles .list-downloads .tablecell-right a.post .icon-email{
position: relative;
top: 2px;
}
.masonry-articles .list-downloads .tablecell-right a.post::before{
font-size: inherit;
}
.masonry-articles .list-downloads .tablecell-right a > i{
font-size: 1.2em;
}
.masonry-articles .list-downloads .tablecell-right a::before{
font-size: 23px;
}
.masonry-articles .list-downloads .tablecell-left{
height: 180px;
}
.masonry-articles .list-downloads .tablecell-left img{
max-width: 110px;
max-height: 162px;
}
.masonry-articles .list-downloads h3{
height: auto;
margin-top: 0.7em;
margin-bottom: 0;
}
.masonry-articles .list-downloads p a{
padding-left: 0 !important;
color: #007e46;
}
.masonry-articles .list-downloads p a::after{
font-family: "lko" !important;
font-size: 0.5em;
margin-left: 0.75em;
content: "l";
color: #007e46;
}
.masonry-articles h3{
color: #525252;
}
@media (max-width: 991px){
.masonry-articles .displaytable{
display: block;
clear: both;
}
.masonry-articles .tablecell{
display: block;
clear: both;
}
.masonry-articles h3{
padding-top: 6px;
}
.masonry-articles > li{
width: calc(50% - 30px);
}
}
@media (max-width: 480px){
.masonry-articles > li{
width: calc(100% - 30px);
}
}
.masonry .re{
float: left;
padding-right: 1rem;
}

.list-boxes ul{
clear: both;
margin-right: -15px;
margin-left: -15px;
padding-left: 0;
list-style: none;
}
.list-boxes li{
float: left;
width: calc(33.33333% - 30px);
margin: 15px 15px 0;
padding-top: 2rem;
padding-bottom: 1rem;
text-align: left;
border-top: 1px solid #dcdcdc;
}
.list-boxes li h3{
margin-top: 0;
color: #525252;
}
.list-boxes .first li{
border-top: none;
}
.content-container.voting{
display: inline-block;
clear: both;
width: 100%;
}
.content-container.voting h2{
margin-top: 0 !important;
}
.content-container.voting .button{
display: block;
float: left;
width: 100%;
margin-top: 20px;
padding: 0;
background: none;
}
.content-container.voting .button .btn.btn-portalColor{
font-size: 16px;
line-height: 46px;
display: inline-block;
width: 100%;
height: 46px;
padding: 0;
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;
color: #fff;
border-radius: 3px;
background-color: #009640;
}
.content-container.voting .spacer{
display: block;
float: left;
width: 100%;
}
.content-container.voting .spacer label{
font-weight: normal;
line-height: 1.2;
float: left;
width: 50%;
margin-bottom: 25px;
padding-right: 0.25rem;
}
.content-container.voting .spacer label.secure{
width: 100%;
padding-right: 0;
}
.content-container.voting .spacer label .txt-r{
position: relative;
display: block;
float: left;
width: calc(100% - 20px);
padding-left: 31px;
}
@media (max-width: 767px){
.content-container.voting .spacer label{
width: 100%;
padding-right: 0;
}
}
.content-container.voting .spacer label .rank{
position: absolute;
left: 0;
float: left;
width: 27px;
padding-right: 4px;
text-align: right;
}
.content-container.voting .spacer label input[type=radio]{
float: left;
height: auto;
margin-top: 3px;
}
.content-container.voting .secure{
margin-top: 20px;
}
.content-container.voting .secure span{
font-weight: normal !important;
}
.content-container.voting .content-text{
margin-bottom: 15px;
}
@media (max-width: 767px){
.content-container.voting .result-row{
margin-bottom: 15px;
}
}
.content-container.voting .result-row .count{
float: left;
width: 27px;
padding-right: 4px;
text-align: right;
}
@media (max-width: 767px){
.content-container.voting .result-row .count{
width: auto;
}
}
.content-container.voting .result-row .scale-area{
position: relative;
display: inline-block !important;
float: left;
width: 100%;
height: 20px;
margin-right: 0;
margin-bottom: 10px;
color: white;
border-width: 1px;
border-style: solid;
border-color: #267b55;
border-radius: 3px;
background-color: #a6a6a6;
}
.content-container.voting .result-row .scale{
display: inline-block !important;
height: 18px;
color: white;
border-radius: 3px;
background-color: #007e46;
}
.content-container.voting .result-row .proz{
line-height: 18px;
position: absolute;
top: 0;
right: 5px;
display: inline-block;
text-align: right;
color: #fff;
}

/* ** [ /src_project/sites/portal/css/4/./events.css ] (@import) ** */
.date-container,
.date-contaienr{
display: block;
float: left;
width: 100%;
margin-bottom: 0;
}
.date-container dl,
.date-contaienr dl{
margin-top: 1.875rem;
}
@media (min-width: 576px){
.date-container dl,
.date-contaienr dl{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.date-container dl dt,
.date-contaienr dl dt{
max-width: 16%;
flex: 0 0 16%;
font-weight: 400;
}
.date-container dl dd,
.date-contaienr dl dd{
max-width: 84%;
flex: 0 0 84%;
}
}
.header--small.header--small h2{
font-size: 1.375rem;
margin: 0.75rem 0 1.75rem;
}
.untertitel{
font-size: 0.813rem;
}
.untertitel span{
font-weight: bold;
text-transform: uppercase;
}
.panel-accordion .card{
border: none;
border-radius: 0;
margin: 1rem 0;
}
.panel-accordion .card-header{
padding: 0;
background: transparent;
border: none;
border-radius: 0;
}
.panel-accordion .card-header .btn-link{
background: #9ac3a8;
border: none;
width: 100%;
text-align: left;
font-size: 1.1rem;
padding: 0.5rem 1rem;
}
.panel-accordion .card-header .btn-link.collapsed:before{
transform: rotate(-90deg);
}
.panel-accordion .card-header .btn-link:before{
font-family: lko;
content: "h";
transition: all 0.3s linear 0s;
transform: rotate(90deg);
display: inline-block;
position: relative;
top: 2px;
}
.panel-accordion .card-header a,
.panel-accordion .card-header button{
color: white;
}
.panel-accordion .card-body{
border-radius: 0;
padding: 0;
}
.panel-accordion .list-veranstaltungen{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.panel-accordion .list-veranstaltungen li{
word-wrap: break-word;
-webkit-hyphens: auto;
hyphens: auto;
}
.panel-accordion .list-veranstaltungen li .bezeichnung{
font-size: 1.125rem;
color: #000;
}
.panel-accordion .list-veranstaltungen li .art{
font-size: 0.875rem;
font-weight: bold;
display: block;
float: none;
margin: 0 0 0.35rem;
text-transform: uppercase;
color: #000;
}
.panel-accordion .list-veranstaltungen time{
text-align: left;
font-size: 0.9rem;
margin-bottom: 0.25em;
color: #525252;
}
@media (max-width: 767.98px){
.panel-accordion .list-veranstaltungen time{
font-size: 1rem;
}
}
.panel-accordion .list-veranstaltungen time a{
color: #525252;
}
.panel-accordion .list-veranstaltungen time a:hover,.panel-accordion .list-veranstaltungen time a:focus{
color: black;
}
.panel-accordion .list-veranstaltungen h3{
color: #007e46;
font-size: 1.3rem;
font-weight: bold;
margin-bottom: 0.5rem;
}
.panel-accordion .list-veranstaltungen h3 a{
color: #007e46;
}
.panel-accordion .list-veranstaltungen h3 a:hover,.panel-accordion .list-veranstaltungen h3 a:focus{
color: #375b43;
}
.panel-accordion .list-veranstaltungen h3:after{
font-family: lko;
content: "J";
font-size: 0.6rem;
margin-left: 0.5em;
vertical-align: middle;
}
.panel-accordion .list-veranstaltungen span,
.panel-accordion .list-veranstaltungen p{
color: #525252;
display: block;
line-height: 1.5;
}
.panel-accordion .list-veranstaltungen span a,
.panel-accordion .list-veranstaltungen p a{
color: #525252;
}
.panel-accordion .list-veranstaltungen span a:hover,.panel-accordion .list-veranstaltungen span a:focus,
.panel-accordion .list-veranstaltungen p a:hover,
.panel-accordion .list-veranstaltungen p a:focus{
color: black;
}
.panel-accordion .list-veranstaltungen > li{
flex: 0 0 100%;
max-width: 100%;
padding: 1.4rem 1rem;
border-bottom: 1px solid #dcdcdc;
margin-top: 0;
}
.panel-accordion .list-veranstaltungen > li:hover,.panel-accordion .list-veranstaltungen > li:focus{
background: #f4f4f4;
}
@media (min-width: 768px){
.panel-accordion .list-veranstaltungen > li{
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 992px){
.panel-accordion .list-veranstaltungen > li{
flex: 0 0 33.333%;
max-width: 33.333%;
}
}
.fullrow-panel{
margin-top: 3rem;
}
.fullrow-panel.box-theme.header--with-subheader{
margin-top: 0;
}
.fullrow-panel.box-theme.header--with-subheader > header{
margin-bottom: 2rem;
}
.fullrow-panel.box-theme.header--with-subheader > header h1{
color: #525252;
}
.termine-filter .filter-horizontal.auswahl{
border-bottom: 1px solid #dcdcdc;
margin-bottom: 2em;
}
.termine-filter .filter-horizontal .zuruck-link{
font-size: 0.875rem !important;
margin: 0;
text-align: left;
}
.termine-filter .filter-horizontal li{
font-size: 14px;
display: block;
overflow: hidden;
width: 20%;
height: 60px;
margin: 0;
margin-left: 0px;
margin-left: 0;
padding: 0;
padding-right: 20px;
color: #606060;
word-wrap: break-word;
-webkit-hyphens: auto;
hyphens: auto;
max-width: 20%;
flex: 0 0 20%;
}
@media (max-width: 1199px){
.termine-filter .filter-horizontal li{
max-width: 33%;
flex: 0 0 33%;
}
}
@media (max-width: 991px){
.termine-filter .filter-horizontal li{
max-width: 50%;
flex: 0 0 50%;
}
}
@media (max-width: 767px){
.termine-filter .filter-horizontal li{
max-width: 50%;
flex: 0 0 50%;
min-height: inherit !important;
margin: 0.625rem 0;
}
}
@media (max-width: 575px){
.termine-filter .filter-horizontal li{
max-width: 100%;
flex: 0 0 100%;
height: auto;
}
}
.termine-filter .filter-horizontal li .checkbox > label{
position: relative;
padding-left: 1.25rem;
}
.termine-filter .filter-horizontal li .checkbox > label input{
position: absolute;
left: 0;
top: 2px;
}
.termine-filter .filter-horizontal.buttons-line .sumbit-filter{
font-size: 1rem;
display: inline-block;
padding: 0.32em 1.8em;
color: #ffffff;
border-radius: 4px;
background-color: #00763a;
}
.termine-filter .filter-horizontal.buttons-line .sumbit-filter svg{
height: 1.25rem;
margin-right: 0.313rem;
vertical-align: middle;
}
.termine-filter .filter-horizontal.buttons-line li.zuruck-link{
float: left;
padding-right: 0;
}
.termine-filter .filter-horizontal.buttons-line .zuruck-link a{
font-size: 0.875rem;
padding: 0.47em 1em;
text-decoration: underline;
color: #00763a;
background-color: transparent;
}
@media (max-width: 575px){
.termine-filter .filter-horizontal.buttons-line li{
max-width: 50%;
flex: 0 0 50%;
padding-right: 0px;
}
.termine-filter .filter-horizontal.buttons-line li a{
text-align: left;
padding-right: 0;
}
}

/* ** [ /src_project/sites/portal/css/4/./berater.css ] (@import) ** */
.list-merkliste__add{
color: #375b43;
display: inline-flex;
}
.list-merkliste__add:before{
content: "L";
font-family: "lko" !important;
margin-right: 0.5em;
vertical-align: sub;
}
.berater aside > .box-type4:nth-of-type(1){
margin: 3.3rem 0 0 0 !important;
}
.berater aside > section:first-child{
margin: 2rem 0 2.5rem 0;
}
.berater aside .box-type1.downloadbox header h2:after{
top: 0;
}
.berater .style10{
display: none;
}
.plattform.content-container header,
.content-container.style15 h2,
.content-container.style16 h2{
color: #fff;
font-weight: 500;
line-height: 1.5;
background-color: #007e46;
padding: 0.313rem 0.625rem;
font-size: 1.125rem;
margin: 1rem 0 1rem;
}
.plattform.content-container header h2{
color: #fff;
font-weight: 500;
margin: 0;
}

main article .content-container.plattform{
margin-bottom: 2.5rem;
}
main article .content-container.plattform ul{
display: flex;
flex-wrap: nowrap;
width: 100%;
justify-content: space-between;
}
main article .content-container.plattform li{
float: left;
margin-top: 0px;
text-indent: 0px;
padding-left: 0;
}
main article .content-container.plattform li:before{
content: "";
display: none;
}
main article .content-container.plattform .button-google a{
background-image:  url(/src_project/img/portal/playstore.png?1674717653);
}
main article .content-container.plattform .button-appstore a{
background-image:  url(/src_project/img/portal/appstore.png?1674717653);
}
main article .content-container.plattform .button-webapp a{
background-image:  url(/src_project/img/portal/web-app-button.png?1674717653);
}
main article .content-container.plattform .button-appstore a,
main article .content-container.plattform .button-webapp a,
main article .content-container.plattform .button-google a{
background-repeat: no-repeat;
width: 135px;
background-size: auto 100%;
height: 40px;
display: block;
}
main article .content-container.plattform .button-appstore a span,
main article .content-container.plattform .button-webapp a span,
main article .content-container.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;
}
}
section.icon-header{
margin-top: 1.313rem;
margin-bottom: 0;
}
section.icon-header h1{
margin-top: 0;
}
section.icon-header figcaption{
margin: 0.438rem 0 0.875rem;
}
section.icon-header .figure--left img{
width: 100%;
height: auto;
}
@media (min-width: 768px){
section.icon-header{
display: flex;
justify-content: flex-start;
}
section.icon-header .figure--left{
max-width: 100%;
margin-right: 0;
}
section.icon-header .media-content{
max-width: 25%;
margin-right: 1.875rem;
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%;
}
}

/* ** [ /src_project/sites/portal/css/4/./ie.css ] (@import) ** */
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){
.main-header > .navbar .container #navbarsMainMenu{
margin-top: 100px;
}
figure img{
max-width: 100% !important;

}
.thumbnail-gallery .slider-for img{
width: auto;
margin: auto;
}
.logos-section .content-container .media-content figure{
display: block;
}
footer .social-link input{
padding-top: 0px;
}
}
@media (-ms-high-contrast: none) and (min-width: 1200px),(-ms-high-contrast: active) and (min-width: 1200px){
.main-header > .navbar .container #navbarsMainMenu{
margin-top: 100px;
}
}

/* ** [ /src_project/sites/portal/css/4/./focus-styles.css ] (@import) ** */
[data-whatinput=keyboard] .navbar-nav a:focus,
[data-whatinput=keyboard] .dropdown-menu a:focus,
[data-whatinput=keyboard] .toplinks a:focus{
outline: 0px;
background-color: #cce1d3 !important;
color: #000000 !important;
}
[data-whatinput=keyboard] .navbar-nav a:focus svg,
[data-whatinput=keyboard] .dropdown-menu a:focus svg,
[data-whatinput=keyboard] .toplinks a:focus svg{
fill: #000000 !important;
}
[data-whatinput=keyboard] .hamburger-close:focus{
outline: 3px solid #cce1d3;
background-color: #cce1d3 !important;
color: #000000 !important;
}
[data-whatinput=keyboard] .hamburger-close:focus svg{
fill: #000000 !important;
}
[data-whatinput=keyboard] .media-content a:focus img{
outline: 4px solid #cce1d3;
outline-offset: -4px;
}
[data-whatinput=keyboard] .fotogallery .row figure a:focus{
outline: 4px solid #cce1d3;
outline-offset: -4px;
}
[data-whatinput=keyboard] .fotogallery .row figure a:focus img{
border: 0px;
margin-left: 0px;
}
[data-whatinput=keyboard] .fotogallery .row figure a img{
margin-left: 0px;
}
[data-whatinput=keyboard] .results-list > ul > li a:focus,
[data-whatinput=keyboard] .filter-search ul li a:focus{
outline: 0px;
background-color: #cce1d3;
color: #000000 !important;
}
[data-whatinput=keyboard] .content-text a:focus{
outline: 0px;
background-color: #cce1d3;
color: #000000 !important;
}
[data-whatinput=keyboard] .link-more:focus,
[data-whatinput=keyboard] .box-fotogallery ul li h3 a:focus,
[data-whatinput=keyboard] footer#main-footer .container ul li a:focus,
[data-whatinput=keyboard] footer#main-footer .footer__links a:focus,
[data-whatinput=keyboard] .linkbox ul li a:focus,
[data-whatinput=keyboard] .downloadbox ul li a:focus,
[data-whatinput=keyboard] .related-articles .rar a:focus{
outline: 0px;
background-color: #cce1d3;
color: #000000 !important;
}
[data-whatinput=keyboard] .box-fotogallery ul li .cont-fotogallery ul.list-images li a:focus{
border: 3px solid #9ac3a8;
outline: 0;
}
[data-whatinput=keyboard] .form-group input:focus,
[data-whatinput=keyboard] .form-group textarea:focus,
[data-whatinput=keyboard] .form-group .SumoSelect.open > .CaptionCont,
[data-whatinput=keyboard] .form-group .SumoSelect:focus > .CaptionCont,
[data-whatinput=keyboard] .form-group .SumoSelect:hover > .CaptionCont,
[data-whatinput=keyboard] .form-inline input:focus,
[data-whatinput=keyboard] .form-inline textarea:focus,
[data-whatinput=keyboard] .form-inline .SumoSelect.open > .CaptionCont,
[data-whatinput=keyboard] .form-inline .SumoSelect:focus > .CaptionCont,
[data-whatinput=keyboard] .form-inline .SumoSelect:hover > .CaptionCont,
[data-whatinput=keyboard] .webform input:focus,
[data-whatinput=keyboard] .webform textarea:focus,
[data-whatinput=keyboard] .webform .SumoSelect.open > .CaptionCont,
[data-whatinput=keyboard] .webform .SumoSelect:focus > .CaptionCont,
[data-whatinput=keyboard] .webform .SumoSelect:hover > .CaptionCont,
[data-whatinput=keyboard] .filter-container input:focus,
[data-whatinput=keyboard] .filter-container textarea:focus,
[data-whatinput=keyboard] .filter-container .SumoSelect.open > .CaptionCont,
[data-whatinput=keyboard] .filter-container .SumoSelect:focus > .CaptionCont,
[data-whatinput=keyboard] .filter-container .SumoSelect:hover > .CaptionCont{
outline: 2px solid #cce1d3;
}
[data-whatinput=keyboard] .form-group .btn:focus,
[data-whatinput=keyboard] .form-group .btn.focus,
[data-whatinput=keyboard] .form-group button:focus,
[data-whatinput=keyboard] .form-inline .btn:focus,
[data-whatinput=keyboard] .form-inline .btn.focus,
[data-whatinput=keyboard] .form-inline button:focus,
[data-whatinput=keyboard] .webform .btn:focus,
[data-whatinput=keyboard] .webform .btn.focus,
[data-whatinput=keyboard] .webform button:focus,
[data-whatinput=keyboard] .filter-container .btn:focus,
[data-whatinput=keyboard] .filter-container .btn.focus,
[data-whatinput=keyboard] .filter-container button:focus{
background-color: #cce1d3 !important;
color: #000000 !important;
border-color: #9ac3a8 !important;
}
[data-whatinput=keyboard] .form-group .btn:focus svg,
[data-whatinput=keyboard] .form-group .btn.focus svg,
[data-whatinput=keyboard] .form-group button:focus svg,
[data-whatinput=keyboard] .form-inline .btn:focus svg,
[data-whatinput=keyboard] .form-inline .btn.focus svg,
[data-whatinput=keyboard] .form-inline button:focus svg,
[data-whatinput=keyboard] .webform .btn:focus svg,
[data-whatinput=keyboard] .webform .btn.focus svg,
[data-whatinput=keyboard] .webform button:focus svg,
[data-whatinput=keyboard] .filter-container .btn:focus svg,
[data-whatinput=keyboard] .filter-container .btn.focus svg,
[data-whatinput=keyboard] .filter-container button:focus svg{
fill: #000000 !important;
}
[data-whatinput=keyboard] .wetter-search input:focus{
outline: 2px solid #cce1d3;
}
[data-whatinput=keyboard] .wetter-search .btn:focus{
background-color: #cce1d3 !important;
color: #000000 !important;
}
[data-whatinput=keyboard] .navigation-result ul.pagination li a:focus{
outline: 0px;
background-color: #cce1d3 !important;
color: #000000 !important;
}
[data-whatinput=keyboard] .navigation-result ul.pagination li a:focus svg{
fill: #000000;
}
[data-whatinput=keyboard] .accordion-box .card .card-header h2 .btn:focus{
outline: 0px;
background-color: #cce1d3 !important;
color: #000000 !important;
text-decoration: none;
}
[data-whatinput=keyboard] .accordion-section .accordion .card .card-header h2 .btn:focus{
outline: 0px;
background-color: #cce1d3 !important;
color: #000000 !important;
text-decoration: none;
}
[data-whatinput=keyboard] .thumbnail-gallery .slider-for .slick-slide figure a:focus,
[data-whatinput=keyboard] .header-image .header-slide > a,
[data-whatinput=keyboard] .home-header-image .header-slide > a:focus,
[data-whatinput=keyboard] .modal-carousel .modal-dialog-centered .modal-content .slider-modal .slick-track .slick-slide:focus{
border: 2px dashed #007e46;
}
[data-whatinput=keyboard] .thumbnail-gallery .slider-for .slick-slide figure a:focus:after,
[data-whatinput=keyboard] .header-image .header-slide > a:after,
[data-whatinput=keyboard] .home-header-image .header-slide > a:focus:after,
[data-whatinput=keyboard] .modal-carousel .modal-dialog-centered .modal-content .slider-modal .slick-track .slick-slide:focus:after{
content: "Link öffnen";
font-size: 1.5rem;
color: #ffffff;
position: absolute;
bottom: 1rem;
text-align: center;
text-transform: uppercase;
width: 200px;
left: calc(50% - 100px);
background-color: #007e46;
padding: 5px;
}
[data-whatinput=keyboard] .thumbnail-gallery .slider-for .slick-slide figure a:focus,
[data-whatinput=keyboard] .header-image .header-slide > a,
[data-whatinput=keyboard] .home-header-image .header-slide > a:focus,
[data-whatinput=keyboard] .modal-carousel .modal-dialog-centered .modal-content .slider-modal .slick-track .slick-slide:focus{
border: 2px dashed #007e46;
}
[data-whatinput=keyboard] .header-image .header-slide > a:focus,
[data-whatinput=keyboard] .home-header-image .header-slide:focus,
[data-whatinput=keyboard] .thumbnail-gallery .slick-slide:focus,
[data-whatinput=keyboard] .thumbnail-gallery .slick-slide > a:focus{
box-shadow: inset 0px 0px 1px 2px #287da8;
position: relative;
border: 2px solid #007e46;
outline: 0px;
}
[data-whatinput=keyboard] .header-image .header-slide > a > a:focus,
[data-whatinput=keyboard] .home-header-image .header-slide > a:focus,
[data-whatinput=keyboard] .thumbnail-gallery .slick-slide > a:focus,
[data-whatinput=keyboard] .thumbnail-gallery .slick-slide > a > a:focus{
display: block;
border: 2px dashed #007e46;
}
[data-whatinput=keyboard] .modal-functions button:focus,
[data-whatinput=keyboard] .set-container .carousel-indicators li:focus{
box-shadow: 0px 0px 8px 2px #007e46 !important;
}
[data-whatinput=keyboard] .modal-carousel .slick-prev,
[data-whatinput=keyboard] .modal-carousel .slick-next{
background-color: transparent !important;
}
[data-whatinput=keyboard] .modal-carousel .slick-prev:focus,
[data-whatinput=keyboard] .modal-carousel .slick-next:focus{
background-color: #ffffff !important;
border-radius: 50px !important;
}
[data-whatinput=keyboard] .modal-carousel .slick-prev:focus::before,
[data-whatinput=keyboard] .modal-carousel .slick-next:focus::before{
background-color: #cce1d3 !important;
color: #ffffff !important;
}
[data-whatinput=keyboard] .kurse-tab .nav-tabs li a:focus{
background-color: #9ac3a8;
color: #000000;
}
[data-whatinput=keyboard] .kurse-tab .panel.panel-default .panel-heading a.collapsed:focus{
border: 2px solid #cce1d3;
}
[data-whatinput=keyboard] .kurse-tab .panel.panel-default .panel-heading a:focus{
border: 2px solid #cce1d3;
outline: 0;
}
[data-whatinput=keyboard] .kurse-accordion a:focus{
background-color: #cce1d3;
color: #000000;
outline: 0px;
}
[data-whatinput=keyboard] .commands .btn:last-child:focus{
background-color: #cce1d3;
color: #000000;
border-color: #9ac3a8 !important;
}
[data-whatinput=keyboard] .modal-body .content-container .close.modal-v1-button:focus{
color: #007e46;
}
[data-whatinput=keyboard] #result-container > div .pdf-link:focus,
[data-whatinput=keyboard] .masonry-download .grid-sizer .content-container .media-content .service-links a:focus,
[data-whatinput=keyboard] .masonry-download .grid-item .content-container .media-content .service-links a:focus,
[data-whatinput=keyboard] #filter-reset:focus,
[data-whatinput=keyboard] .action-bar > div .action-btn a:focus{
background-color: #cce1d3;
color: #000000;
outline: 0;
}
[data-whatinput=keyboard] #result-container > div .pdf-link:focus .pdf-size,
[data-whatinput=keyboard] .masonry-download .grid-sizer .content-container .media-content .service-links a:focus .pdf-size,
[data-whatinput=keyboard] .masonry-download .grid-item .content-container .media-content .service-links a:focus .pdf-size,
[data-whatinput=keyboard] #filter-reset:focus .pdf-size,
[data-whatinput=keyboard] .action-bar > div .action-btn a:focus .pdf-size{
color: #000000;
}
[data-whatinput=keyboard] #result-container > div .pdf-link:focus svg,
[data-whatinput=keyboard] .masonry-download .grid-sizer .content-container .media-content .service-links a:focus svg,
[data-whatinput=keyboard] .masonry-download .grid-item .content-container .media-content .service-links a:focus svg,
[data-whatinput=keyboard] #filter-reset:focus svg,
[data-whatinput=keyboard] .action-bar > div .action-btn a:focus svg{
fill: #000000;
}
[data-whatinput=keyboard] #result-container > div .pdf-link:focus:before,
[data-whatinput=keyboard] .masonry-download .grid-sizer .content-container .media-content .service-links a:focus:before,
[data-whatinput=keyboard] .masonry-download .grid-item .content-container .media-content .service-links a:focus:before,
[data-whatinput=keyboard] #filter-reset:focus:before,
[data-whatinput=keyboard] .action-bar > div .action-btn a:focus:before{
color: #000000;
}
[data-whatinput=keyboard] .filter-article .nav-pills li.nav-item a.nav-link:focus,
[data-whatinput=keyboard] .angebote-list > ul > li > div a:focus,
[data-whatinput=keyboard] .breadcrumb li a:focus{
background-color: #cce1d3;
color: #000000;
outline: 0;
}

/* ** [ /src_project/sites/portal/css/4/./modal.css ] (@import) ** */
.modal-carousel .modal-body{
background: transparent !important;
}
.modal .modal-button.close::before,
.modal .modal-button.more-options::before{
text-shadow: 0px 2px 2px #212529;
}
.modal-carousel .set-container{
background: rgba(0,0,0,0.19);
}
.modal-body .webform{
background-color: #ffffff;
margin: 1rem 0 0 0;
padding: 0;
}
.modal-body .webform .senderinfo{
margin: 0.5rem 0 1.5rem;
}
.modal-body .webform form label{
font-weight: 600;
}
.modal-body .webform form label.col-form-label{
line-height: 1;
}
.modal-body .content-container{
position: relative;
height: 100%;
margin: 0px;
}
.modal-body .content-container .media-content{
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.modal-body .content-container .media-content figure{
margin: 0px;
width: 550px;
max-width: 100%;
}
@media (max-width: 1199.98px){
.modal-body .content-container .media-content figure{
width: 500px;
max-width: 90%;
}
}
@media (min-width: 768px) and (max-width: 991.98px){
.modal-body .content-container .media-content figure{
max-width: 90%;
}
}
.modal-body .content-container .media-content figure img{
width: 100%;
max-width: 100%;
}
.modal-body .content-container .content-text{
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
overflow: auto;
border: 0px !important;
}
.modal-body .content-container .content-text .modal-text{
width: 75%;
font-size: 1rem;
line-height: 1.375rem;
max-height: 100%;
}
.modal-body .content-container .content-text .modal-text a{
color: #525252;
text-decoration: none;
}
.modal-body .content-container .content-text .modal-text h2{
font-size: 2.125rem;
font-weight: 700;
margin-bottom: 1rem;
}
.modal-body .content-container .content-text .modal-text:before{
content: "";
width: 100%;
height: 100px;
display: block;
}
.modal-body .content-container .content-text .modal-text:after{
content: "";
width: 100%;
height: 100px;
display: block;
}
.modal-body .content-container .content-text .modal-text > span{
width: 100%;
display: block;
}
.modal-body .content-container .content-text .modal-text .info-event{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
padding: 0px;
margin: 0px 0px 2rem 0px;
}
.modal-body .content-container .content-text .modal-text .info-event li{
min-width: 20%;
padding: 0px 20px 15px 0px;
font-size: 1rem;
line-height: 1.3rem;
margin: 0px;
text-indent: 0px;
left: 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-content: center;
}
.modal-body .content-container .content-text .modal-text .info-event li:before{
display: none;
}
.modal-body .content-container .content-text .modal-text .info-event li span{
display: inherit;
}
.modal-body .content-container .content-text .modal-text .info-event li i{
font-size: 1.3rem;
margin-right: 10px;
}
@media (max-width: 575.98px){
.modal-body .content-container .content-text .modal-text .info-event{
flex-wrap: wrap;
}
.modal-body .content-container .content-text .modal-text .info-event li{
width: 100%;
padding: 8px 0px;
}
}
.modal-body .content-container .content-text .modal-text .info-event.bottom-info{
align-items: flex-start;
}
.modal-body .content-container .content-text .modal-text .info-event.bottom-info span.small{
font-size: 1rem;
}
.modal-body .content-container .content-text .modal-text .info-event.bottom-info span.heurigenhours{
display: initial;
}
.modal-body .content-container .content-text .modal-text .info-event.bottom-info span.heurigenhours span{
display: initial;
}
.modal-body .content-container .content-text .modal-text .geo-map{
margin: 2rem 0 0 0;
width: 100%;
}
.modal-body .content-container .content-text .modal-text .geo-map > div,
.modal-body .content-container .content-text .modal-text .geo-map .dc-gmap{
height: 250px !important;
}
.modal-body .content-container .content-text .modal-text .geo-map iframe{
width: 100%;
height: 250px !important;
}
.modal-body .content-container .content-text .webform{
background-color: #ffffff;
margin: 1rem 0 0 0;
padding: 0;
}
.modal-body .content-container .content-text .webform form label{
font-weight: 600;
}
.modal-body .content-container .close.modal-v1-button{
height: 60px;
position: absolute;
top: 0;
right: 0;
display: block;
border: 0px;
font-weight: normal;
font-size: 1rem;
color: #525252;
background-color: #ffffff;
padding: 0;
margin: 0;
opacity: 1;
text-shadow: none !important;
text-align: right;
padding-right: 2rem;
}
.modal-body .content-container .close.modal-v1-button svg{
width: 15px;
height: 15px;
vertical-align: baseline;
margin-right: 5px;
fill: currentColor;
}
@media (max-width: 991.98px){
.modal-body .content-container .close.modal-v1-button{
width: 50%;
}
}
.modal-body .content-container .btn{
font-size: 1rem;
margin-top: 1rem !important;
border-radius: 3px !important;
width: 100%;
margin-top: 1em;
cursor: pointer;
transition-delay: 0s;
transition-timing-function: linear;
transition-duration: 0.2s;
transition-property: background;
text-transform: uppercase;
text-align: center;
text-decoration: none;
letter-spacing: 0.16px;
color: #ffffff !important;
border: 0 none;
border-radius: 0px;
background-color: #007e46 !important;
background-image: none;
clear: both;
}
.modal-body .content-container .btn:before{
clear: both;
}
@media (max-width: 767.98px){
.modal-body .content-container .btn{
margin-top: 1.5em;
margin-bottom: 1rem;
}
}
@media (max-width: 991.98px){
.modal-body{
background-color: #ffffff;
}
}
@media (max-width: 991.98px){
.modal-body .content-container{
height: 100%;
overflow: auto;
}
.modal-body .content-container .media-content{
width: 100%;
height: auto;
padding-top: 70px;
padding: 70px 10px 10px 10px;
background-color: #ffffff;
display: block !important;
position: static;
}
.modal-body .content-container .media-content figure{
height: 100%;
max-height: 100%;
width: 75%;
max-width: 75%;
margin: auto;
}
.modal-body .content-container .media-content figure img{
max-height: 100%;
height: 100%;
width: auto;
max-width: 100%;
width: 100%;
margin: auto;
}
.modal-body .content-container .content-text{
position: static;
width: 100%;
height: auto;
}
.modal-body .content-container .content-text .modal-text{
padding: 1rem 0;
}
.modal-body .content-container .content-text .modal-text:before{
height: 20px;
}
.modal-body .content-container .content-text .modal-text .info-post{
font-size: 2.625rem;
font-weight: bold;
line-height: 3rem;
display: block;
margin-bottom: 1rem;
}
.modal-body .content-container .print.modal-v1-button{
width: 50%;
right: 50%;
}
.modal-body .content-container .close.print.modal-v1-button{
width: 50%;
right: 0px;
}
}
@media (max-width: 575.98px){
.ModalMap .modal-body .content-container .content-text .modal-text .info-post{
font-size: 2.2rem;
line-height: 2.6rem;
}
}
.ModalShare .content-container .close.modal-v1-button{
width: 50% !important;
text-align: center;
padding-right: 0;
}
@media (max-width: 991.98px){
.ModalShare .content-container .close.modal-v1-button{
width: 100% !important;
}
}
.modal-header .close{
opacity: 1;
}
.modal-header .close:hover,.modal-header .close:focus{
opacity: 1 !important;
}
.angebote-modal .modal-header,
.angebote-modal .modal-footer{
border: 0px;
padding-top: 0px;
}
.angebote-modal .modal-header .close,
.angebote-modal .modal-footer .close{
top: 0;
right: 0;
}
.angebote-modal .modal-body h2{
font-size: 1.875rem;
font-weight: 600;
}
.angebote-modal .modal-body .webform{
padding: 0px;
background-color: #ffffff;
margin: 1.5rem 0 0.5rem 0;
}
.angebote-modal .modal-body .webform label{
font-weight: 400;
line-height: 1.5rem;
}
.angebote-modal .modal-body .webform .form-group{
margin-bottom: 2rem;
}
.angebote-modal .modal-body .webform .form-group.row{
margin-bottom: 1rem;
}
.angebote-modal .modal-body .webform .form-group.row label{
color: #000000;
font-weight: 500;
line-height: 1.5rem;
}
.angebote-modal .modal-body .webform .form-group .form-control{
height: calc(1.7em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
padding-left: 0.75rem;
}
.angebote-modal .modal-body .webform .form-group textarea{
min-height: 90px;
line-height: 1.5rem;
}
.angebote-modal .modal-body .webform .form-row.btn-row .btn{
margin-bottom: 0;
}
.nl-overlay .modal-content{
border-radius: 0;
}
.nl-overlay .modal-body,
.nl-overlay .modal-head{
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 768px){
.nl-overlay .modal-body,
.nl-overlay .modal-head{
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 992px){
.nl-overlay .modal-body,
.nl-overlay .modal-head{
padding-left: 4rem;
padding-right: 4rem;
}
}
.nl-overlay .nl-content .webuserform{
margin-top: 1rem;
margin-bottom: 2.5rem;
}
.nl-overlay .nl-content .webuserform .description{
margin-bottom: 0;
}
.nl-overlay .nl-content .centered-txt{
text-align: center;
margin-top: 1rem;
margin-bottom: 2.5rem;
}
@media (min-width: 768px){
.nl-overlay .nl-content .centered-txt{
margin-left: auto;
margin-right: auto;
width: 70%;
}
}
@media (min-width: 768px){
.nl-overlay .nl-content .centered-txt .btn{
width: auto;
min-width: 50%;
}
}
.nl-overlay .modal-head{
position: relative;
background-image:  url(/src_project/img/portal/nl_head_bg.jpg?1674717653);
min-height: 180px;
display: flex;
align-items: flex-end;
padding-bottom: 0;
background-position: -203px 0;
}
@media (min-width: 576px){
.nl-overlay .modal-head{
background-position: 0 0;
min-height: 265px;
}
}
.nl-overlay .modal-head h2,
.nl-overlay .modal-head .h1{
color: white;
width: 100%;
font-size: 1.35rem;
font-weight: 600;
text-align: center;
margin-bottom: 1rem;
text-shadow: 3px 5px 10px rgba(0,0,0,0.8);
}
@media (min-width: 576px){
.nl-overlay .modal-head h2,
.nl-overlay .modal-head .h1{
font-size: 1.5rem;
margin-bottom: 2rem;
}
}
@media (min-width: 992px){
.nl-overlay .modal-head h2,
.nl-overlay .modal-head .h1{
text-align: left;
font-size: 2rem;
}
}
.nl-overlay .modal-head h2.centered-txt,
.nl-overlay .modal-head .h1.centered-txt{
align-self: center;
text-align: center;
margin-bottom: 0;
}
@media (min-width: 576px){
.nl-overlay .modal-head h2.centered-txt,
.nl-overlay .modal-head .h1.centered-txt{
width: 50%;
margin-left: auto;
margin-right: auto;
}
}
.nl-overlay .modal-head .close{
position: absolute;
right: 0.8rem;
top: 0.8rem;
opacity: 1;
text-shadow: none;
font-size: 1rem;
}
.nl-overlay .modal-head .close:before{
content: "q";
font-family: "lko";
color: black;
}
.nl-overlay .modal-head .close span{
display: none;
}

/* splitted due to filesize */

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