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

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


/* ** [ /src_project/sites/portal/css/4/./header.css ] (@import) ** */
.main-header{
position: fixed;
}
.main-header .header-green .nav-item .nav-link{
padding: 0.95rem 1.25rem 0.85rem 0.625rem !important;
}
body{
position: relative;
padding-top: 199px;
}
@media (max-width: 1200px){
body{
padding-top: 72px;
}
}
@media (max-width: 979px){
body{
padding-top: 73px;
}
}
@media (max-width: 767px){
body{
padding-top: 72px;
}
}
@media (max-width: 1199px){
.toplinks{
display: none !important;
}
}
#main-header .toplinks{
background: transparent;
}
#main-header .toplinks .toplinks_level1 .nav .nav-item .nav-link.js-toggle-toplinks,
#main-header .toplinks .toplinks_level2 .nav .nav-item .nav-link.js-toggle-toplinks{
color: #007e46;
font-weight: 500;
right: 8px;
}
#main-header .toplinks .toplinks_level2{
background: #375b43;
}
#main-header .toplinks .toplinks_level2 .nav .nav-item .nav-link{
color: #cce1d3;
text-transform: none;
font-weight: 500;
}
#main-header .toplinks .toplinks_level2 .nav .nav-item .nav-link.js-toggle-toplinks{
color: #FFF;
}
#main-header .toplinks .nav{
margin-left: -8px;
margin-right: -8px;
}
#main-header .toplinks .nav .nav-item .nav-link{
font-size: 0.85rem;
padding: 0 5px;
font-weight: normal;
line-height: 1.9rem;
color: #555555;
}
#main-header .toplinks .nav a.nav-link{
text-transform: uppercase;
}
@media (max-width: 1199px){
#main-header .main-search{
width: 100%;
padding: 10px 15px;
}
}
#main-header .main-search > form,
#main-header .main-search .form-inline{
padding: 0 5px;
background-color: #006634;
border-radius: 3px;
}
#main-header .main-search > form input,
#main-header .main-search > form .form-control,
#main-header .main-search .form-inline input,
#main-header .main-search .form-inline .form-control{
line-height: 2rem;
height: 40px;
padding: 0.5em;
width: calc(100% - 40px);
background-color: transparent;
border: none;
font-size: 1.4rem;
color: white;
font-weight: normal;
font: inherit;
}
#main-header .main-search > form input::placeholder,
#main-header .main-search > form .form-control::placeholder,
#main-header .main-search .form-inline input::placeholder,
#main-header .main-search .form-inline .form-control::placeholder{
color: #86b89f;
opacity: 1;
}
#main-header .main-search > form .btn,
#main-header .main-search .form-inline .btn{
float: left;
padding-top: 7px;
padding-right: 8px;
padding-left: 8px;
background-color: transparent;
border: none;
}
#main-header .main-search > form .btn svg,
#main-header .main-search .form-inline .btn svg{
fill: #9bc3a8;
vertical-align: middle;
}
@media (min-width: 1200px){
#main-header .main-search{
top: inherit;
right: 40px;
margin-top: -82px;
padding-right: 0;
position: absolute;
width: 33.33333333%;
}
}
@media (min-width: 1270px){
#main-header .main-search{
right: 10px;
}
}
@media (min-width: 1200px){
#main-header.header-affix .main-search{
top: inherit;
margin-top: -60px !important;
}
}
@media (max-width: 991px){
#main-header.header-affix .logo{
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 1200px){
#main-header.header-affix .navbar-links.nav{
bottom: -6px;
}
}
#main-header.header-affix .header{
padding-top: 10px;
padding-bottom: 10px;
}
#main-header.header-affix .header .logo__logo{
width: 133px;
height: 35px;
}
#main-header.header-affix .header .logo__bundesland{
height: 28px;
margin-left: 0.5rem;
}
@media (min-width: 1200px){
#main-header.header-affix .header #search-form{
margin-top: 0 !important;
}
}
@media (min-width: 1200px){
#main-header.header-affix #mobile-navigation{
top: inherit;
bottom: 5px;
}
}
@media (max-width: 1199px){
#main-header.header-affix #mobile-navigation{
position: static;
top: inherit;
bottom: inherit;
margin-right: 10px;
}
#main-header.header-affix #mobile-navigation button{
bottom: 0;
}
}
#main-header .header{
background-color: #007e46;
padding: 30px 0;
transition: all 0.1s linear;
}
@media (max-width: 1199px){
#main-header .header{
padding: 10px 0;
}
}
#main-header .header-green{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
}
#main-header .brand{
width: auto;
display: inline-flex;
}
#main-header .brand .logo{
width: auto;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-end;
}
#main-header .brand .logo__logo{
width: 198px;
height: 52px;
transition: all 0.1s linear;
aspect-ratio: 300/79;
}
#main-header .brand .print-logo-first,
#main-header .brand .print-logo-second{
display: none;
}
#main-header .brand .logo__bundesland{
height: 35px;
width: auto;
vertical-align: bottom;
margin-left: 10px;
}
#main-header #mobile-navigation{
display: inline-flex;
position: relative;
}
@media (min-width: 1200px){
#main-header #mobile-navigation{
display: flex;
flex-direction: row;
}
}
#main-header #mobile-navigation button{
background: transparent;
border: none;
color: white;
width: 25px;
height: 25px;
padding: 0;
margin: 0 0 0 10px;
position: relative;
}
#main-header #mobile-navigation button svg{
fill: #FFF;
width: 25px;
height: 25px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -12.5px;
margin-left: -12.5px;
}
#main-header #mobile-navigation button.trigger-search svg{
height: 16px;
width: 16px;
fill: #6fb091;
margin-top: -8px;
margin-left: -8px;
}
@media (min-width: 1200px){
#main-header #mobile-navigation button.trigger-search{
right: -3px;
}
}
@media (min-width: 1270px){
#main-header #mobile-navigation button.trigger-search{
right: -40px;
}
}
#main-header #mobile-navigation button.trigger-search.collapsed svg{
width: 25px;
height: 25px;
fill: #6fb091;
margin-top: -12.5px;
margin-left: -12.5px;
}
@media (min-width: 1200px){
#main-header #mobile-navigation button.trigger-search.collapsed{
right: inherit;
}
}
#main-header #mobile-navigation .hamburger-close .svgicon-close-burger{
transform: rotate(0deg) scale(1,1);
transition: all 0.4s ease;
}
#main-header #mobile-navigation .hamburger-close .svgicon-burger{
transform: rotate(-45deg) scale(0,0);
fill: #fff;
transition: all 0.4;
}
#main-header #mobile-navigation .hamburger-close.collapsed .svgicon-burger{
transition: all 0.4s ease;
transform: rotate(0deg) scale(1,1);
}
#main-header #mobile-navigation .hamburger-close.collapsed .svgicon-close-burger{
transform: rotate(45deg) scale(0,0);
transition: all 0.4s ease;
fill: #fff;
}
#main-header #search-form{
display: flex;
flex-direction: row-reverse;
background-color: #006634;
border: none;
border-radius: 3px;
width: 100%;
padding: 0;
height: 40px;
margin-top: 6px;
}
#main-header #search-form input{
color: #ffffff;
}
#main-header #search-form input::placeholder{
color: #cce1d3;
}
#main-header #search-form .btn{
margin-left: 12px;
margin-right: 2px;
width: 16px;
max-width: 16px;
}
#main-header #search-form .btn svg{
height: 1rem;
width: 1rem;
fill: #cce1d3;
}
#main-header #main-navigation{
border-bottom: 1px solid #dcdcdc;
}
#main-header #main-navigation > .container{
position: relative;
}
@media (min-width: 1199px){
#main-header .navbar-collapse{
display: block !important;
}
}
@media (min-width: 1199px){
#main-header .navbar-nav{
flex-direction: row;

}
#main-header .navbar-nav.hidden-xl{
display: none !important;
}
#main-header .navbar-nav.navbar-links{
display: flex !important;
}
}
@media (max-width: 1199px){
#main-header .navbar-nav.hidden-xl > .nav-item > a{
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
padding-right: 15px;
padding-left: 15px;
color: #000;
display: block;
float: left;
width: 100%;
}
}
#main-header .navbar-nav .dropdown-toggle::after{
display: none;
}
@media (min-width: 1200px){
#main-header .content-mob-btn.button-row-mobil{
display: none;
}
}
#main-header .nav-item .nav-link{
color: #525252;
font-weight: 500;
font-size: 1rem;
padding: 0.85rem 0.625rem;
}
@media (min-width: 1199px){
#main-header .nav-item .nav-link .sub-arrow{
display: none;
}
}
#main-header .nav-item:nth-last-child(2) .dropdown-menu,#main-header .nav-item:last-child .dropdown-menu{
left: inherit !important;
right: 0;
}
#main-header .nav-item:nth-last-child(2) .dropdown-menu .dropdown-menu,#main-header .nav-item:last-child .dropdown-menu .dropdown-menu{
left: inherit !important;
margin-left: inherit !important;
right: 100%;
margin-right: -2px !important;
}
#main-header .nav-item:nth-last-child(2) .topmenu:before,#main-header .nav-item:last-child .topmenu:before{
left: inherit !important;
right: 30px !important;
}
#main-header .nav-item:nth-last-child(2) .topmenu:after,#main-header .nav-item:last-child .topmenu:after{
left: inherit !important;
right: 31px !important;
}
#main-header .nav-item .dropdown-menu{
border: 1px solid rgba(0,0,0,0.15);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
box-shadow: 0 6px 12px rgba(0,0,0,0.175) !important;
max-width: auto;
}
#main-header .nav-item .dropdown-menu::before,#main-header .nav-item .dropdown-menu::after{
display: none;
}
#main-header .nav-item .dropdown-menu .dropdown-menu{
left: 100% !important;
margin-left: -1px !important;
}
#main-header .nav-item .dropdown-menu li{
padding: 0px;
}
#main-header .nav-item .dropdown-menu li a{
padding: 0.6rem 1.25rem;
line-height: 1.3rem;
}
#main-header .nav-item .dropdown-menu li a.has-submenu > span:first-child{
margin-right: 1.25rem;
}
#main-header .nav-item .dropdown-menu li a:hover{
background-color: #9ac3a8;
}
#main-header .nav-item .dropdown-menu li .sub-arrow{
border: 0px !important;
}
#main-header .nav-item .dropdown-menu li .sub-arrow::before{
font-family: "lko" !important;
content: "J";
border: 0px;
font-size: 0.6rem;
line-height: 0.5rem;
margin: 0px;
padding: 0px;
right: 0px;
top: 2px;
position: absolute;
}
#main-header .nav-item .topmenu{
background-color: #007e46;
color: #ffffff;
display: block !important;
}
#main-header .nav-item .topmenu .dropdown-item{
color: #ffffff;
}
#main-header .nav-item .topmenu .dropdown-item svg{
fill: #ffffff;
margin-left: 10px;
}
#main-header .nav-item .topmenu::before{
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #007e46;
content: " ";
position: absolute;
top: -8px;
left: 32px;
}
#main-header .nav-item .topmenu:hover{
background-color: #9ac3a8 !important;
}
#main-header .nav-item .topmenu:hover .dropdown-item{
background-color: #9ac3a8 !important;
color: #ffffff;
}
#main-header .navbar-links .nav-item .dropdown-menu{
right: 0;
left: inherit !important;
border-color: #74af95;
}
#main-header .navbar-links .nav-item .dropdown-menu .dropdown-menu{
left: auto !important;
margin-left: inherit !important;
margin-right: -1px;
right: 100% !important;
top: 0 !important;
margin-top: 0 !important;
}
#main-header .navbar-links .nav-item .dropdown-menu .topmenu:before{
border-bottom-color: #74af95;
left: inherit !important;
right: 30px !important;
}
#main-header .navbar-links .nav-item .dropdown-menu .topmenu:after{
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #007e46;
content: " ";
top: -7px;
position: absolute;
left: inherit !important;
right: 31px !important;
}
#main-header .navbar-links .nav-item .nav-link{
color: #FFF;
font-weight: inherit;
text-transform: uppercase;
display: inline-block;
}
#main-header .navbar-links .nav-item .nav-link > span{
display: inline;
}
#main-header .navbar-links .nav-item .nav-link .sub-arrow{
border: none;
display: inline;
margin-left: 0;
position: absolute;
right: 5px;
}
#main-header .navbar-links .nav-item .nav-link .sub-arrow::after{
font-family: "lko" !important;
font-size: 9px;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
display: block;
float: right;
margin-top: 7px;
margin-left: 1px;
content: "J";
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
text-transform: none !important;
}
@media (max-width: 1199px){
body.lock-scroll{
overflow: hidden;
}
#main-header .navbar-nav li,
.navbar-nav li{
border-top: 1px solid #dcdcdc;
}
#main-header .navbar-nav li.bdl-nav > .icon-item > svg,
.navbar-nav li.bdl-nav > .icon-item > svg{
height: 2rem;
fill: #007e46 !important;
}
#main-header .navbar-nav li .dropdown-menu li a,
.navbar-nav li .dropdown-menu li a{
padding-left: 2rem;
padding-top: 0.85rem;
padding-bottom: 0.85rem;
}
#main-header .navbar-nav li .dropdown-menu li a.topmenu,
.navbar-nav li .dropdown-menu li a.topmenu{
background-color: transparent;
color: #212529;
}
#main-header .navbar-nav li .dropdown-menu .dropdown .dropdown-item .sub-arrow,
.navbar-nav li .dropdown-menu .dropdown .dropdown-item .sub-arrow{
order: none;
position: absolute;
top: 50%;
right: 0;
margin: -0.7em 0.5em 0 0;
width: 2em;
height: 1.4em;
font-size: 1.25rem;
line-height: 1.2em;
text-align: center;
}
#main-header .navbar-nav li .dropdown-menu .dropdown .dropdown-item .sub-arrow:before,
.navbar-nav li .dropdown-menu .dropdown .dropdown-item .sub-arrow:before{
font-size: 0.75em;
line-height: 2em;
position: relative;
}
#main-header .navbar-nav li .dropdown-menu .dropdown .dropdown-menu .topmenu:hover,
.navbar-nav li .dropdown-menu .dropdown .dropdown-menu .topmenu:hover{
background-color: #9ac3a8 !important;
}
#main-header .navbar-nav li .dropdown-menu .dropdown .dropdown-menu .topmenu .dropdown-item,
.navbar-nav li .dropdown-menu .dropdown .dropdown-menu .topmenu .dropdown-item{
color: #212529;
}
#main-header .navbar-nav li .dropdown-menu .dropdown .dropdown-menu .topmenu .dropdown-item svg,
.navbar-nav li .dropdown-menu .dropdown .dropdown-menu .topmenu .dropdown-item svg{
fill: currentColor;
}
#main-header .navbar-nav li .dropdown-menu .dropdown .dropdown-menu .topmenu .dropdown-item:hover,
.navbar-nav li .dropdown-menu .dropdown .dropdown-menu .topmenu .dropdown-item:hover{
background-color: #9ac3a8 !important;
}
#main-header .navbar-nav li .dropdown-menu .dropdown .dropdown-menu .dropdown-item,
.navbar-nav li .dropdown-menu .dropdown .dropdown-menu .dropdown-item{
padding-left: 3rem;
background-color: #FFF;
}
#main-header .navbar-nav li .dropdown-menu .dropdown.show > .dropdown-item > .sub-arrow,
.navbar-nav li .dropdown-menu .dropdown.show > .dropdown-item > .sub-arrow{
transform: rotate(90deg);
}
#main-header .navbar-nav li .nav-link,
.navbar-nav li .nav-link{
padding-right: 15px !important;
padding-left: 15px !important;
color: #000;
line-height: 20px;
transition: all 0.2s linear 0s;
}
#main-header .navbar-nav li .nav-link .sub-arrow,
.navbar-nav li .nav-link .sub-arrow{
border: none;
position: absolute;
top: 50%;
right: 0;
margin: -0.7em 0.5em 0 0;
width: 2em;
height: 1.4em;
font-size: 1.25rem;
line-height: 1.2em;
text-align: center;
}
#main-header .navbar-nav li .nav-link .sub-arrow:before,
.navbar-nav li .nav-link .sub-arrow:before{
font-size: 0.75em;
line-height: 2em;
font-family: "lko" !important;
border: none;
content: "J";
position: relative;
}
#main-header .navbar-nav li .nav-link.highlighted .sub-arrow,
.navbar-nav li .nav-link.highlighted .sub-arrow{
transform: rotate(90deg);
}
#main-header .navbar-nav li .icon-item,
.navbar-nav li .icon-item{
display: flex;
align-items: center;
font-weight: inherit;
}
#main-header .navbar-nav li .icon-item.lk-anzeigen,
.navbar-nav li .icon-item.lk-anzeigen{
padding-top: 12px;
background: #007a3f;
}
#main-header .navbar-nav li .icon-item.lk-anzeigen:hover,#main-header .navbar-nav li .icon-item.lk-anzeigen:focus,
.navbar-nav li .icon-item.lk-anzeigen:hover,
.navbar-nav li .icon-item.lk-anzeigen:focus{
opacity: 0.6;
}
#main-header .navbar-nav li .icon-item img.svgicon-kleinanzeigen,
.navbar-nav li .icon-item img.svgicon-kleinanzeigen{
width: auto;
height: 30px;
margin-right: 10px;
margin-left: 0 !important;
}
#main-header .navbar-nav li .icon-item img.svgicon-kleinanzeigen + span,
.navbar-nav li .icon-item img.svgicon-kleinanzeigen + span{
display: none;
}
#main-header .navbar-nav li .icon-item .img-platzhalter,
#main-header .navbar-nav li .icon-item svg,
.navbar-nav li .icon-item .img-platzhalter,
.navbar-nav li .icon-item svg{
width: 30px;
height: 30px;
margin-right: 10px;
margin-left: 0 !important;
}
#main-header .navbar-nav li .icon-item .img-platzhalter use,
#main-header .navbar-nav li .icon-item svg use,
.navbar-nav li .icon-item .img-platzhalter use,
.navbar-nav li .icon-item svg use{
width: 30px;
height: 30px;
}
#main-header .navbar-nav li .icon-item .img-platzhalter.svgicon-forstprogramme,#main-header .navbar-nav li .icon-item .img-platzhalter.svgicon-futter,
#main-header .navbar-nav li .icon-item svg.svgicon-forstprogramme,
#main-header .navbar-nav li .icon-item svg.svgicon-futter,
.navbar-nav li .icon-item .img-platzhalter.svgicon-forstprogramme,
.navbar-nav li .icon-item .img-platzhalter.svgicon-futter,
.navbar-nav li .icon-item svg.svgicon-forstprogramme,
.navbar-nav li .icon-item svg.svgicon-futter{
fill: #007e46;
}
#main-header .navbar-nav li .icon-item .img-platzhalter.svgicon-download,
#main-header .navbar-nav li .icon-item svg.svgicon-download,
.navbar-nav li .icon-item .img-platzhalter.svgicon-download,
.navbar-nav li .icon-item svg.svgicon-download{
fill: #007e46;
}
#main-header .navbar-nav li .icon-item .img-platzhalter.svgicon-links,
#main-header .navbar-nav li .icon-item svg.svgicon-links,
.navbar-nav li .icon-item .img-platzhalter.svgicon-links,
.navbar-nav li .icon-item svg.svgicon-links{
fill: black;
}
#main-header .navbar-nav li .icon-item .img-platzhalter.svgicon-beratung,
#main-header .navbar-nav li .icon-item svg.svgicon-beratung,
.navbar-nav li .icon-item .img-platzhalter.svgicon-beratung,
.navbar-nav li .icon-item svg.svgicon-beratung{
fill: #96be0a;
}
#main-header .navbar-nav li .icon-item .img-platzhalter.svgicon-kleinanzeigen,
#main-header .navbar-nav li .icon-item svg.svgicon-kleinanzeigen,
.navbar-nav li .icon-item .img-platzhalter.svgicon-kleinanzeigen,
.navbar-nav li .icon-item svg.svgicon-kleinanzeigen{
width: auto;
}
#main-header .navbar-nav li .icon-item .img-platzhalter.svgicon-kleinanzeigen use,
#main-header .navbar-nav li .icon-item svg.svgicon-kleinanzeigen use,
.navbar-nav li .icon-item .img-platzhalter.svgicon-kleinanzeigen use,
.navbar-nav li .icon-item svg.svgicon-kleinanzeigen use{
width: auto;
}
#main-header .navbar-nav li .icon-item .img-platzhalter.svgicon-kleinanzeigen + span,
#main-header .navbar-nav li .icon-item svg.svgicon-kleinanzeigen + span,
.navbar-nav li .icon-item .img-platzhalter.svgicon-kleinanzeigen + span,
.navbar-nav li .icon-item svg.svgicon-kleinanzeigen + span{
display: none;
}
#main-header .navbar-nav li .quicklinks,
.navbar-nav li .quicklinks{
background-color: #f5f5f5;
font-weight: inherit;
}
#main-header .navbar-nav li.social-icon-row .shariff ul,
#main-header .navbar-nav li.social-icon-row .social-link,
.navbar-nav li.social-icon-row .shariff ul,
.navbar-nav li.social-icon-row .social-link{
display: flex;
flex-direction: row;
width: 100%;
vertical-align: middle;
border-bottom: 1px solid #e6e6e6;
justify-content: center;
}
#main-header .navbar-nav li.social-icon-row .shariff ul > li,
#main-header .navbar-nav li.social-icon-row .social-link > li,
.navbar-nav li.social-icon-row .shariff ul > li,
.navbar-nav li.social-icon-row .social-link > li{
width: auto;
height: auto;
margin: 0;
padding: 15px;
vertical-align: middle;
border-left: 1px solid #e6e6e6;
}
#main-header .navbar-nav li.social-icon-row .shariff ul > li:first-child,
#main-header .navbar-nav li.social-icon-row .social-link > li:first-child,
.navbar-nav li.social-icon-row .shariff ul > li:first-child,
.navbar-nav li.social-icon-row .social-link > li:first-child{
border-left: none;
}
#main-header .navbar-nav li.social-icon-row .shariff ul > div,
#main-header .navbar-nav li.social-icon-row .social-link > div,
.navbar-nav li.social-icon-row .shariff ul > div,
.navbar-nav li.social-icon-row .social-link > div{
padding: 15px;
text-align: center;
vertical-align: middle;
border-left: 1px solid #e6e6e6;
flex-basis: 100%;
}
#main-header .navbar-nav li.social-icon-row .shariff ul > div:first-child,
#main-header .navbar-nav li.social-icon-row .social-link > div:first-child,
.navbar-nav li.social-icon-row .shariff ul > div:first-child,
.navbar-nav li.social-icon-row .social-link > div:first-child{
border-left: none;
}
#main-header .navbar-nav li.social-icon-row .shariff ul > div a,
#main-header .navbar-nav li.social-icon-row .social-link > div a,
.navbar-nav li.social-icon-row .shariff ul > div a,
.navbar-nav li.social-icon-row .social-link > div a{
margin: 0;
border-bottom: none !important;
}
#main-header .navbar-nav li.social-icon-row .shariff ul > div > a,
#main-header .navbar-nav li.social-icon-row .social-link > div > a,
.navbar-nav li.social-icon-row .shariff ul > div > a,
.navbar-nav li.social-icon-row .social-link > div > a{
line-height: 1;
display: block;
margin-top: 0;
margin-bottom: 0;
color: #007e46;
}
#main-header .navbar-nav li.social-icon-row .shariff ul > div > a:hover,#main-header .navbar-nav li.social-icon-row .shariff ul > div > a:focus,
#main-header .navbar-nav li.social-icon-row .social-link > div > a:hover,
#main-header .navbar-nav li.social-icon-row .social-link > div > a:focus,
.navbar-nav li.social-icon-row .shariff ul > div > a:hover,
.navbar-nav li.social-icon-row .shariff ul > div > a:focus,
.navbar-nav li.social-icon-row .social-link > div > a:hover,
.navbar-nav li.social-icon-row .social-link > div > a:focus{
opacity: 0.6;
}
#main-header .navbar-nav li.social-icon-row .shariff ul > div > a span,
#main-header .navbar-nav li.social-icon-row .social-link > div > a span,
.navbar-nav li.social-icon-row .shariff ul > div > a span,
.navbar-nav li.social-icon-row .social-link > div > a span{
display: none;
color: #007e46;
}
#main-header .navbar-nav li.social-icon-row .shariff ul > div > a svg,
#main-header .navbar-nav li.social-icon-row .social-link > div > a svg,
.navbar-nav li.social-icon-row .shariff ul > div > a svg,
.navbar-nav li.social-icon-row .social-link > div > a svg{
width: 30px;
height: 30px;
margin-left: 0 !important;
fill: #555555;
}
#main-header .navbar-nav li.social-icon-row .shariff ul > div > a.twitter,
#main-header .navbar-nav li.social-icon-row .social-link > div > a.twitter,
.navbar-nav li.social-icon-row .shariff ul > div > a.twitter,
.navbar-nav li.social-icon-row .social-link > div > a.twitter{
display: inline-flex;
width: 1.5rem;
height: 1.5rem;
border-radius: 3px;
background: #555555;
justify-content: center;
align-items: center;
}
#main-header .navbar-nav li.social-icon-row .shariff ul > div > a.twitter svg,
#main-header .navbar-nav li.social-icon-row .social-link > div > a.twitter svg,
.navbar-nav li.social-icon-row .shariff ul > div > a.twitter svg,
.navbar-nav li.social-icon-row .social-link > div > a.twitter svg{
width: 1rem;
height: 1rem;
fill: #f5f5f5;
}
.button-row-mobil{
text-align: right;
flex-grow: inherit !important;
padding: 1em 15px;
}
#toggle-menu{
position: fixed;
z-index: 9999;
top: 0;
right: -30%;
left: unset;
overflow-y: scroll;
width: 30%;
height: 100vh !important;
padding: 0;
transition: none !important;
background: white;
}
#toggle-menu.collapse.animation-state-show{
-webkit-animation: slide-in 0.4s forwards;
animation: slide-in 0.4s forwards;
}
#toggle-menu.collapse.animation-state-show.animation-state-hide{
right: 0;
-webkit-animation: slide-out 0.4s forwards;
animation: slide-out 0.4s forwards;
}
#toggle-menu ~ .fade-bg{
position: fixed;
top: 0;
left: -100vw;
width: 100vw;
height: 100vh;
content: " ";
transition: opacity 0.4s ease;
opacity: 0;
background: #000;
}
#toggle-menu.animation-state-show ~ .fade-bg{
left: 0;
opacity: 0.7;
}
#toggle-menu.animation-state-hide ~ .fade-bg{
left: 0;
opacity: 0;
}
@-webkit-keyframes slide-in{
100%{
right: 0;
}
}
@keyframes slide-in{
100%{
right: 0;
}
}
@-webkit-keyframes slide-out{
100%{
right: -30%;
}
}
@keyframes slide-out{
100%{
right: -30%;
}
}
}
@media (max-width: 991px){
#toggle-menu{
right: -50%;
width: 50%;
}
#toggle-menu.collapse.animation-state-show{
-webkit-animation: slide-in 0.4s forwards;
animation: slide-in 0.4s forwards;
}
#toggle-menu.collapse.animation-state-show.animation-state-hide{
right: 0;
-webkit-animation: slide-out 0.4s forwards;
animation: slide-out 0.4s forwards;
}
@-webkit-keyframes slide-in{
100%{
right: 0;
}
}
@keyframes slide-in{
100%{
right: 0;
}
}
@-webkit-keyframes slide-out{
100%{
right: -50%;
}
}
@keyframes slide-out{
100%{
right: -50%;
}
}
}
@media (max-width: 767px){
#toggle-menu{
right: -100%;
width: 100%;
}
#toggle-menu.collapse.animation-state-show{
-webkit-animation: slide-in 0.4s forwards;
animation: slide-in 0.4s forwards;
}
#toggle-menu.collapse.animation-state-show.animation-state-hide{
right: 0;
-webkit-animation: slide-out 0.4s forwards;
animation: slide-out 0.4s forwards;
}
#main-header .brand .logo{
display: block;
}
#main-header .brand .logo__logo{
display: inline !important;
clear: none !important;
height: 30px;
margin: 0;
width: 114px;
}
#main-header .brand .logo-second{
position: relative;
display: block;
overflow: hidden;
height: 18px;
margin-top: 3px;
width: calc(100% + 1rem);
}
#main-header .brand .logo-second .logo__bundesland{
position: absolute;
bottom: 0;
margin-left: 0;
height: 35px;
}
#main-header.header-affix .header .logo__logo{
height: 20px;
width: 76px;
}
#main-header.header-affix .header .logo-second{
height: 12px;
}
#main-header.header-affix .header .logo-second .logo__bundesland{
height: 27px;
}
@-webkit-keyframes slide-in{
100%{
right: 0;
}
}
@keyframes slide-in{
100%{
right: 0;
}
}
@-webkit-keyframes slide-out{
100%{
right: -100%;
}
}
@keyframes slide-out{
100%{
right: -100%;
}
}
}
@media (max-width: 1200px){
#main-header .nav-item .topmenu:before,#main-header .nav-item .topmenu:after{
display: none;
}
body #main-header .navbar-nav .dropdown-menu{
border-color: transparent;
position: static;
top: 0 !important;
margin-top: 0 !important;
width: 100% !important;
max-width: inherit !important;
border-radius: 0;
box-shadow: none !important;
transform: scaleY(0);
transform-origin: top;
transition: transform 0.5s ease;
left: inherit !important;
margin-left: inherit !important;
}
body #main-header .navbar-nav .dropdown-menu .dropdown-menu{
display: block !important;
top: 36px !important;
height: 0;
position: absolute;
margin-left: 0 !important;
right: inherit;
left: inherit !important;
transform: scaleY(0);
}
body #main-header .navbar-nav .dropdown-menu .dropdown-menu.show{
display: block !important;
height: auto;
position: relative;
top: 0 !important;
transform: scaleY(1);
left: inherit !important;
margin-left: inherit !important;
right: inherit !important;
margin-right: inherit !important;
}
body #main-header .navbar-nav .dropdown-menu .dropdown-submenu{
overflow: visible;
height: auto;
position: relative;
}
body #main-header .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu{
display: block;
top: 36px !important;
height: auto;
position: absolute;
margin-left: 0 !important;
right: inherit;
left: inherit !important;
}
body #main-header .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu.show{
display: block;
height: auto;
position: relative;
top: 0 !important;
transform: scaleY(1);
}
body #main-header .navbar-nav .dropdown-menu[aria-expanded=true]{
transform: scaleY(1);
}
}
@media (min-width: 1200px){
#main-menu .nav-item .nav-link{
padding: 0.875rem 0.5rem !important;
}
#main-menu > .nav-item:first-child > .nav-link{
padding-left: 0.925rem !important;
}
#main-menu > .nav-item.dropdown.active::after{
position: absolute !important;
right: 8px;
bottom: 11px;
left: 8px;
height: 3px;
content: "";
background: #007e46;
}
#main-menu > .nav-item:first-child > a{
padding-left: 0.925rem;
}
#main-menu > .nav-item:first-child.active::after{
left: 14px !important;
}
}
#main-menu li.dropdown .dropdown-menu .topmenu::before{
display: none;
}
.toplinks__quick{
display: none;
}
@media (max-width: 1199.98px){
.navbar-nav li .icon-item img,
.navbar-nav li .icon-item svg{
width: 30px;
height: 30px;
}
.navbar-nav li .icon-item img use,
.navbar-nav li .icon-item svg use{
width: 30px;
height: 30px;
}
.navbar-nav li .icon-item .media-left,
.navbar-nav li .icon-item .media-content{
margin-right: 10px;
float: left;
}
.navbar-nav li .icon-item figure{
margin: 0;
}
.navbar-nav li .icon-item figure figcaption{
display: none;
}
.navbar-nav li .nav-item.f1rst{
padding-right: 15px !important;
padding-left: 15px !important;
color: #000;
line-height: 20px;
transition: all 0.2s linear 0s;
}
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
#toggle-menu{
overflow-x: hidden;
}
#toggle-menu.collapse.animation-state-show{
right: 0;
}
#toggle-menu.collapse.animation-state-show.animation-state-hide{
right: -30%;
}
#main-navigation button > svg{
width: 15px;
height: 15px;
}
#main-navigation button > svg use{
width: 15px;
height: 15px;
}
#main-navigation .dropdown > a::after,
#main-navigation .dropdown-submenu > a::after{
font-size: 12px;
}
}
@media screen and (-ms-high-contrast: active) and (max-width: 979px),(-ms-high-contrast: none) and (max-width: 979px){
#toggle-menu.collapse.animation-state-show{
right: 0;
}
#toggle-menu.collapse.animation-state-show.animation-state-hide{
right: -50%;
}
}
@media screen and (-ms-high-contrast: active) and (max-width: 767px),(-ms-high-contrast: none) and (max-width: 767px){
#toggle-menu.collapse.animation-state-show{
right: 0;
}
#toggle-menu.collapse.animation-state-show.animation-state-hide{
right: -100%;
}
}
@media (min-width: 1199px){
.navbar-nav.expand-on-hover li.dropdown-submenu{
position: relative;
}
.navbar-nav.expand-on-hover > li > .dropdown-menu .topmenu:before,.navbar-nav.expand-on-hover > li > .dropdown-menu .topmenu:after{
display: none;
}
.navbar-nav.expand-on-hover > li:last-child > .dropdown-menu{
right: 0;
left: auto;
}
.navbar-nav.expand-on-hover > li:last-child > .dropdown-menu .topmenu::before{
right: 32px;
left: auto;
}
.navbar-nav.expand-on-hover > li:last-child > .dropdown-menu li.dropdown-submenu > .dropdown-menu{
position: absolute;
right: 100%;
left: auto;
bottom: inherit;
margin-top: 0 !important;
top: 0 !important;
}
}

/* ** [ /src_project/sites/portal/css/4/./footer.css ] (@import) ** */
footer#main-footer{
background-color: #f4f4f4;
border-top: 1px solid #dcdcdc;
padding: 3.5rem 0;
margin-top: 2.5rem;
}
@media (max-width: 991.98px){
footer#main-footer{
padding: 1.4rem 0;
margin-top: 1.5rem;
}
}
footer#main-footer .container h2{
font-weight: 500;
font-size: 1rem;
line-height: 1.1rem;
margin: 0 0 0.5rem 0;
word-wrap: break-word;
-webkit-hyphens: auto;
hyphens: auto;
color: black;
}
footer#main-footer .container ul li{
font-size: 0.875rem;
color: #525252;
padding: 0.3rem 0;
margin: 0px;
line-height: 1.1375rem;
}
footer#main-footer .container ul li a{
color: #525252;
}
footer#main-footer .container ul li a:hover{
color: #000000;
}
footer#main-footer .container ul + h2{
margin-top: 1em;
}
footer#main-footer .container .columns-2{
column-count: 2;
}
@media (max-width: 767.98px){
footer#main-footer .container .columns-2{
column-count: 1;
}
}
footer#main-footer p{
margin: 1.75rem 0 0.625rem 0;
font-size: 0.875rem;
color: #525252;
line-height: 1.5;
}
footer#main-footer .footer__logo{
margin: 1.75rem 0 0 0;
font-size: 0.875rem;
}
footer#main-footer .footer__logo img{
width: 170px;
display: block;
margin-bottom: 0.625rem;
}
footer#main-footer .footer__links a{
font-weight: 700;
color: #525252;
}
footer#main-footer .footer__links a:hover{
color: #000000;
}
#main-footer a:not([href*="lko.at"])[href*=http]::after{
color: #9bc3a8;
font-size: 0.5em;
margin-left: 0.75em;
content: "l";
font-family: "lko" !important;
}
a[href*=mailto]{
color: #006634;
}
footer a[href*=mailto]{
color: #345640;
}
.action-footer{
background-color: #dcdcdc;
font-size: 1.4rem;
padding: 1.5625rem 0 1.125rem;
color: #606060;
}
.action-footer .container > .row > .col-xs-12.col-md-6 + .col-xs-12.col-md-6 .social-link{
float: right;
}
@media (max-width: 767.98px){
.action-footer .container > .row > .col-xs-12.col-md-6 + .col-xs-12.col-md-6 .social-link{
float: none;
}
}
@media (min-width: 768px) and (max-width: 1199px){
.action-footer .container > .row > .col-xs-12.col-md-6{
flex: 0 0 20%;
max-width: 20%;
}
.action-footer .container > .row > .col-xs-12.col-md-6 + .col-xs-12.col-md-6{
flex: 0 0 80%;
max-width: 80%;
}
}
.action-footer .social-link ul{
display: flex;
justify-content: space-between;
}
@media (max-width: 767.98px){
.action-footer .social-link ul{
display: flex !important;
justify-content: center;
}
.action-footer .social-link ul li{
displaY: inline-flex !important;
}
}
.action-footer .social-link ul li a span{
color: #3e3e3e;
}
.action-footer .social-link ul li svg{
width: 36px;
height: 36px;
vertical-align: middle;
margin-right: 0.5em;
fill: #525252;
float: left;
}
@media (max-width: 767.98px){
#main-footer .container .row > div:nth-child(-n+2){
display: none;
}
}

/* splitted due to filesize */

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