@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

/* *** generated @ 2018-06-26 10:16:19 *** */

/* ** [ /src_project/sites/portal/css/3/media.css ] (@import) ** */
img{
background-repeat: no-repeat !important;
background-size: contain !important}
.visible-md-lg-xs-sm{
display: block !important}
.visible-lg-xs,
.visible-md-lg,
.visible-md-lg-xs,
.visible-md-sm,
.visible-md-sm-lg,
.visible-md-sm-xs,
.visible-md-xs,
.visible-sm-lg,
.visible-sm-lg-xs,
.visible-sm-xs{
display: none !important}
span.re img{
filter: none !important}
@media (max-width: 977px){
.visible-sm-xs{
display: block !important}}
@media (min-width: 1200px),(min-width: 768px) and (max-width: 977px){
.visible-sm-lg{
display: block !important}}
@media (min-width: 1200px),(max-width: 767px){
.visible-lg-xs{
display: block !important}}
@media (min-width: 768px){
.visible-md-sm-lg{
display: block !important}}
@media (max-width: 767px),(min-width: 978px) and (max-width: 1199px){
.visible-sm-lg img{
background: 0 0 !important;
filter: none !important}
.visible-md-xs{
display: block !important}}
@media (min-width: 768px) and (max-width: 977px),(min-width: 1200px){
.visible-md-xs img{
background: 0 0 !important;
filter: none !important}}
@media (max-width: 1199px){
.visible-md-sm-xs{
display: block !important}}
@media (min-width: 1200px){
.visible-md-sm-xs img,
span.visible-md img,
span.visible-sm img,
span.visible-xs img{
background: 0 0 !important;
filter: none !important}}
@media (min-width: 978px){
.visible-sm-xs img{
background: 0 0 !important;
filter: none !important}
.visible-md-lg{
display: block !important}}
@media (max-width: 977px){
.visible-md-lg img{
background: 0 0 !important;
filter: none !important}}
@media (min-width: 768px) and (max-width: 1199px){
.visible-lg-xs img{
background: 0 0 !important;
filter: none !important}
.visible-md-sm{
display: block !important}}
@media (max-width: 767px),(min-width: 1209px){
.visible-md-sm img{
background: 0 0 !important;
filter: none !important}}
@media (max-width: 977px),(min-width: 1200px){
.visible-sm-lg-xs{
display: block !important}}
@media (min-width: 978px) and (max-width: 1199px){
.visible-sm-lg-xs img,
span.visible-lg img,
span.visible-sm img,
span.visible-xs img{
background: 0 0 !important;
filter: none !important}}
@media (min-width: 978px),(max-width: 767px){
.visible-md-lg-xs{
display: block !important}}
@media (min-width: 768px) and (max-width: 977px){
.visible-md-lg-xs img,
span.visible-lg img,
span.visible-md img,
span.visible-xs img{
background: 0 0 !important;
filter: none !important}}
@media (max-width: 767px){
.visible-md-sm-lg img,
span.visible-lg img,
span.visible-md img,
span.visible-sm img{
background: 0 0 !important;
filter: none !important}
.channel .row{
margin-right: 0;
margin-left: 0}}

/* ** [ /src_core/sites/portal/css/3/modal-slide.css ] (@import) ** */
.modal .carousel-inner .helper-table{
display: table;
width: 100%;
height: 100%}
.modal .carousel-inner .helper-cell{
position: absolute;
display: table-cell;
width: 100%;
height: 100%;
-ms-transform: translate(0,50%);
-o-transform: translate(0,50%);
transform: translate(0,50%);
text-align: center;
vertical-align: middle}
.content-container a.gallery-open-modal{
position: relative;
display: inline-block;
max-width: 100%}
.content-container .mediabox a.gallery-open-modal{
display: table-cell}
.content-container a.gallery-open-modal i{
position: absolute;
right: 5px;
bottom: 5px;
display: block;
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-position: right bottom;
background-image:  url(/src_core/img/icon-enlarge.png?1528907022);
opacity: 0.9;
filter: alpha(opacity=90)}
@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3 / 2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5){
.content-container a.gallery-open-modal i{
background-image:  url(/src_core/img/icon-enlarge@2x.png?1528907022);
background-size: 19px 19px}}
.content-container a.gallery-open-modal:hover i{
opacity: 0.7;
filter: alpha(opacity=70)}
.box-content .mediabox.img-slide .carousel-inner .helper{
line-height: normal;
position: relative;
display: inline-block;
max-width: 100%;
height: auto}
.box-content .mediabox.img-slide span.re{
line-height: normal}
.modal.in span.hide{
display: inline-block !important}
body.modal-open{
position: fixed;
overflow: hidden;
width: 100%}
.modal .mediabox figure > a,
.modal .mediabox .carousel-control.left,
.modal .mediabox .carousel-control.right{
height: auto}
.modal .mediabox{
height: 100%;
margin: 0;
padding: 10px;
border: none}
.modal .mediabox .slide,
.modal .mediabox .carousel{
height: 100%}
.modal .mediabox .carousel-control .icon-right,
.modal .mediabox .carousel-control .icon-left{
position: absolute}
.modal .mediabox .carousel-control .icon-right{
right: 0}
.modal .mediabox .set-container{
line-height: 15px;
position: absolute}
.modal .mediabox figure,
.box-8 .box-content .modal .mediabox figure,
.modal .mediabox .carousel-inner > .item{
width: auto;
max-width: 100%}
.modal .mediabox figure,
.box-8 .box-content .modal .mediabox figure{
display: inline-block;
float: none;
max-height: 100%;
margin: 0;
background: transparent}
.modal .mediabox .carousel-inner > .item{
z-index: 5;
float: none;
width: 100%;
height: 100%}
.modal .mediabox img{
position: relative;
display: inline-block;
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-ms-border-radius: 5px}
.modal .mediabox .img-container{
font-size: 0;
position: relative;
display: inline;
max-width: 100%;
max-height: 100%}
.modal .mediabox .carousel-inner{
height: 100%;
text-align: center;
background-image:  url(/src_core/img/spinner.gif?1528907022);
background-repeat: no-repeat;
background-position: center}
.modal-carousel .modal-body{
position: absolute;
top: 0;
bottom: 0;
display: block;
float: left;
width: 100%;
padding: 0}
.modal-carousel .modal-header{
position: absolute;
display: block;
float: left;
width: 100%;
height: 34px;
padding: 10px 10px 5px 0}
.modal .mediabox .carousel-caption{
font-size: 14px;
line-height: 18px;
position: absolute;
right: 0;
bottom: 0.5px;
left: 0;
zoom: 1;
width: auto;
padding: 4px;
background-color: #fff;
background-color: rgba(255,255,255,0.8);
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff)}
.modal .mediabox .carousel-caption .p-title{
font-weight: bold}
.modal .mediabox .carousel-caption .p-credit{
display: block;
clear: both;
color: #000}
.modal button.close,
.modal .modal-button.download{
float: right}
.modal .modal-functions{
position: absolute;
z-index: 50;
top: 0;
width: 100%;
padding: 7px 0 5px;
border-bottom: 1px solid #646464;
background: transparent;
background: -moz-linear-gradient(top,#e3e3e3 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: -webkit-gradient(left top,left bottom,color-stop(0%,#e3e3e3),color-stop(50%,rgba(0,0,0,0.65)),color-stop(100%,rgba(227,227,227,0.29)));
background: -webkit-linear-gradient(top,#e3e3e3 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: -o-linear-gradient(top,#e3e3e3 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: -ms-linear-gradient(top,#e3e3e3 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: linear-gradient(to bottom,#e3e3e3 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%)}
.modal .modal-button{
font-size: 16px;
font-weight: normal;
line-height: normal;
padding: 3px 5px;
color: #fff;
border: none;
background: transparent;
text-shadow: none;
opacity: 1;
filter: alpha(opacity=100)}
.modal .mediabox .set-container .carousel-indicators li{
margin-top: 0}
.modal-backdrop.in{
opacity: 0.9;
filter: alpha(opacity=90)}
.modal .mediabox .set-container .carousel-indicators{
z-index: 80}
.modal .mediabox .counter{
position: relative;
z-index: 80;
margin-right: 10px;
color: #fff;
text-shadow: 0 1px 1px #000}
.modal .modal-button.download{
display: none;
float: left;
width: 20px;
height: 20px;
margin-right: 15px;
margin-left: 10px;
text-indent: -19999px;
background-image:  url(/src_core/img/modal-download.png?1528907022);
background-repeat: no-repeat}
.modal .modal-button.diashow{
width: 26px;
height: 20px;
margin-left: 15px;
text-indent: -19999px;
background-image:  url(/src_core/img/modal-diashow.png?1528907022);
background-repeat: no-repeat;
background-position: center}
.modal .modal-button.diashow.active{
background-image:  url(/src_core/img/modal-diashow_active.png?1528907022)}
.modal .modal-button.close{
width: 16px;
height: 16px;
margin-top: 3px;
margin-right: 15px;
text-indent: -19999px;
background-image:  url(/src_core/img/modal-close.png?1528907022);
background-repeat: no-repeat}
.modal .modal-button.bildtext{
width: 23px;
height: 20px;
margin-right: 15px;
margin-left: 15px;
text-indent: -19999px;
background-image:  url(/src_core/img/modal-bildtext.png?1528907022);
background-repeat: no-repeat}
.modal .modal-button.bildtext.active{
background-image:  url(/src_core/img/modal-bildtext_active.png?1528907022)}

.modal .viewer{
position: relative;
top: 0;
height: 100%}
.modal .zoom-on .modal-button.diashow,
.modal .zoom-on .modal-button.download,
.modal .zoom-on .modal-button.bildtext,
.modal .zoom-on .set-container{
cursor: auto;
opacity: 0.5}
.modal .zoom-on .modal-button.zoom-btn{
display: none}
.modal .modal-button.zoom-btn{
width: 29px;
height: 25px;
margin-left: 30px;
text-indent: -199999px;
background-image:  url(/src_core/img/zoom.png?1528907022)}
.modal-button.zoom{
position: relative;
top: -4px;
display: inline-block;
height: 35px;
margin: -1px 0 -10px 15px;
padding: 2px 6px;
border: 2px solid #fff;
background: rgba(0,0,0,0.4);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-ms-border-radius: 3px}
.modal .zoom a{
font-weight: bold;
position: relative;
display: inline-block;
margin-right: 15px;
padding: 0;
color: white;
background-repeat: no-repeat;
background-position: center center}
.modal .zoom #in{
width: 25px;
height: 25px;
text-indent: -199999px;
background-image:  url(/src_core/img/zoom-in.png?1528907022)}
.modal .zoom #out{
width: 25px;
height: 25px;
text-indent: -199999px;
background-image:  url(/src_core/img/zoom-out.png?1528907022)}
.modal .zoom #orig{
width: 25px;
height: 25px;
text-indent: -199999px;
background-image:  url(/src_core/img/zoom-orig.png?1528907022)}
.modal .zoom #fit{
width: 25px;
height: 25px;
text-indent: -199999px;
background-image:  url(/src_core/img/zoom-fit.png?1528907022)}
.modal .zoom #close{
width: 25px;
height: 25px;
margin-right: 0;
text-indent: -199999px;
background-image:  url(/src_core/img/modal-close.png?1528907022);
background-size: auto}
.modal .mediabox .viewer img{
position: relative !important;
max-height: inherit}
.modal .zoom-on .mediabox .carousel-inner,
.modal .mediabox .carousel-inner.zoom-on{
background: transparent}
.modal img.reader-mode{
position: relative !important;
max-width: none;
cursor: move;
transform: translate(0,0) !important}
.modal div.img-container.viewer{
position: relative;
top: 0;
max-width: inherit;
height: 100%;
max-height: inherit}
.modal div.img-container.viewer .carousel-caption{
display: none}
@media (min-width: 980px){
.modal .modal-functions{
padding: 7px 0}
.modal .mediabox .set-container{
top: 5px}
.modal .modal-button.bildtext{
width: 29px;
height: 25px;
background-image:  url(/src_core/img/modal-bildtext-big.png?1528907022)}
.modal .modal-button.bildtext.active{
background-image:  url(/src_core/img/modal-bildtext_active-big.png?1528907022)}
.modal .modal-button.download{
width: 25px;
height: 25px;
background-image:  url(/src_core/img/modal-download-big.png?1528907022)}
.modal .modal-button.close{
width: 21px;
height: 21px;
background-image:  url(/src_core/img/modal-close-big.png?1528907022)}
.modal .modal-button.diashow{
width: 33px;
height: 25px;
background-image:  url(/src_core/img/modal-diashow-big.png?1528907022)}
.modal .modal-button.diashow.active{
background-image:  url(/src_core/img/modal-diashow_active-big.png?1528907022)}}
@media (max-width: 979px){
.modal .zoom a{
width: 20px !important;
height: 20px !important;
background-size: 100% auto}
.modal .modal-button.zoom{
height: 30px}
.modal .modal-button.zoom-btn{
width: 23px;
height: 20px;
background-size: 100% auto}}
@media (max-width: 767px){
.modal .mediabox .set-container{
top: 40px}}
@media (orientation: landscape) and (max-width: 767px){
.modal .modal-functions{
right: 0;
width: 33px;
height: 100%;
padding: 0 5px;
border-bottom: none;
border-left: 1px solid #646464;
background: -moz-linear-gradient(left,#5e5e5e 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: -webkit-gradient(linear,left top,right top,color-stop(0%,#5e5e5e),color-stop(50%,rgba(0,0,0,0.65)),color-stop(100%,rgba(227,227,227,0.29)));
background: -webkit-linear-gradient(left,#5e5e5e 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: -o-linear-gradient(left,#5e5e5e 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: -ms-linear-gradient(left,#5e5e5e 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%);
background: linear-gradient(to right,#5e5e5e 0%,rgba(0,0,0,0.65) 50%,rgba(227,227,227,0.29) 100%)}
.modal .modal-button{
display: block;
clear: both;
margin: 0 0 10px 0 !important}
.modal .mediabox .set-container{
top: 0}
.modal .modal-functions .group-1{
position: relative;
top: 5px;
right: 3px}
.modal .modal-functions .group-2{
position: absolute;
bottom: 25px}
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
z-index: 200}
.modal .mediabox{
padding: 10px 40px 10px 10px}
.modal .mediabox .set-container{
top: 0}
.modal .zoom a{
top: inherit;
display: block;
float: left;
margin: 0 0 10px !important}
.modal .zoom #close{
margin-top: 10px !important}
.modal .modal-button.zoom{
top: inherit;
left: -2px;
display: inline-block;
height: auto;
padding: 2px}}

/* ** [ /src_core/sites/portal/css/portal_jbox.css ] (@import) ** */
.jbox-overlay-close,.modal-header .close{

background-image:  url(/src_core/img/portal/close2.png?1528907022);
height:46px;
position:absolute;
right:6px;
text-indent:-9999px;
top:9px;
width:46px;
z-index:3500;
display: block;
}
.jbox-overlay-close:hover,.modal-header .close:hover{
background-image:  url(/src_core/img/portal/close2over.png?1528907022) !important;
}
.jbox-overlay-close.imageContentView.topright{
cursor: pointer;
top: -22px;
right: -21px;
}
.jbox-overlay-close a{
width: 100%;
height: 100%;
display: block;
}
.jbox-overlay-wrapper{
display: none;
position: fixed;
z-index: 1000;
top: 300px;
left: 400px;
}
.jbox-overlay-container{
background: transparent;
margin : 30px;
width: auto;
height: auto;
}
.jbox-scroll-container{
z-index : 500;
}
.jbox-scroll-control{
z-index : 600;
}
.jbox-scroll-left{
background:  url(/pages/img/digitalworkroom/bg-scrollleft.gif) repeat-y;
width : 22px;
height : 100%;
}
.jbox-scroll-left a{
background:  url(/pages/img/digitalworkroom/arrow-scrollleft.gif) no-repeat center center;
}
.jbox-scroll-right{
background:  url(/pages/img/digitalworkroom/bg-scrollright.gif) repeat-y;
width : 22px;
height : 100%;
}
.jbox-scroll-right a{
background:  url(/pages/img/digitalworkroom/arrow-scrollright.gif) no-repeat center center;
}
.jbox-scroll-up{
background:  url(/pages/img/digitalworkroom/bg-scrollup.gif) repeat-x;
width : 100%;
height : 22px;
}
.jbox-scroll-up a{
background:  url(/pages/img/digitalworkroom/arrow-scrollup.gif) no-repeat center center;
}
.jbox-scroll-down{
background:  url(/pages/img/digitalworkroom/bg-scrolldown.gif) repeat-x;
width : 100%;
height : 22px;
}
.jbox-scroll-down a{
background:  url(/pages/img/digitalworkroom/arrow-scrolldown.gif) no-repeat center center;
}

#search > #results-search .isjbox{
top:-12px!important;
}

/* ** [ /src_core/sites/portal/css/modalbox_styling.css ] (@import) ** */
.modalbox
{
background: #ffffff;
}
.modalbox .asset
{
background: #f2f2f2;
border: 1px solid #dfdfdf;
}
.modalbox .asset img.portrait 
{
height: 44em;
}
.modalbox .thumb
{
background: #ececec;
border: 1px solid #d4d4d4;
height: 7em;
margin: 0 1.0em 1.0em 0;
width: 7em;
}
.modalbox .thumb div
{
margin: 0 1.0em 1.0em 0;
}
.modalbox .thumb img.portrait
{
height: 6.2em;
}
.nav-controls a
{
background: #0066b3;
color: #ffffff;
}
.modalbox .close-btn
{
background: #79827f;
color: #ffffff;
}
.modalbox .toggler a
{
color: #d79c1c;
}
.modalbox .toggler a.active
{
color: #c0c0c0;
cursor: default;
}

/* ** [ /src_core/sites/portal/css/modalbox.css ] (@import) ** */
.modalbox
{
border-radius: 10px;
display: block;
margin: 0 auto 0 auto;
padding: 10px;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.modalbox .content-wrapper
{
display: block;
height: 100%;
position: relative;
}

.modalbox .asset-wrapper,
.modalbox .thumbs-wrapper,
.modalbox .sidebar-wrapper
{
position: absolute;
height: 100%;
overflow: hidden;
}

.modalbox .asset-wrapper,
.modalbox .thumbs-wrapper
{
display: table;
height: 100%;
left: 0px;
top: 0px;
width: 65%;
}

.modalbox .asset
{
display: table-cell;
position: relative;
text-align: center;
vertical-align: middle;
width: 100%;
}
.modalbox .asset img
{
cursor:pointer;
}
.modalbox .asset img.landscape
{
height: auto;
width: 100%;
}
.modalbox .asset img.portrait 
{

width: auto;
}
.modalbox .thumb
{
display: table;
float: left;
overflow: hidden;
position: relative;
cursor:pointer;
}
.modalbox .thumb div
{
display: table-cell;
position: relative;
text-align: center;
vertical-align: middle;
}
.modalbox .thumb img.portrait
{

width: auto;
}
.modalbox .thumb img.landscape
{
height: auto;
width: 100%;
}

.modalbox .sidebar-wrapper
{
position: absolute;
right: 0px;
top: 0px;
width: 35%;
}
.modalbox .sidebar
{
position: relative;
padding: 10%;
}
.lt-ie9 .modalbox .sidebar{
width: auto !important;
display: block !important;
float: left !important;
}
.modalbox .sidebar h2
{
font-size: 2em;
margin: 0 0 0.5em 0;
padding: 0;
}
.modalbox .toggler
{
font-size: 1.2em;
margin: 0 0 1.0em 0;
}
.modalbox .toggler a
{
margin: 0 0.3em 0 0;
}
.modalbox .asset-desc
{
display: block;
overflow: auto;
height: 33em;
line-height: 15px;
}
.modalbox .asset-desc p
{
font-size: 13px;
}
.modalbox .asset-copyright,
.modalbox .asset-links
{
display: block;
font-size: 13px;
margin: 10px 0 0 0;
}
.modalbox .asset-links li
{
display: block;
float: left;
margin: 0 10px 0 0;
}
.nav-controls
{
bottom: 0px;
position: absolute;
right: 0px;
}
.nav-controls li
{
float: left;
}
.nav-controls a
{
display: block;
font-size: 1.1em;
font-weight: bold;
margin: 0 1em 0 0;
padding: 0.5em 0.7em 0.5em 0.7em;
}
.modalbox .close-btn
{
font-size: 1.5em;
font-weight: bold;
min-height: 12px;
min-width: 12px;
padding: 0.3em 0.5em 0.3em 0.5em;
position: absolute;
text-align: center;
right: 10px;
top: 10px;
z-index: 500;
}

/* ** [ /src_project/sites/portal/css/3/mediabox.css ] (@import) ** */
.mediabox{
margin-bottom: 25px}
.mediabox:before,.mediabox:after{
content: " ";
display: table}
.mediabox:after{
clear: both}
.mediabox .media-content{
display: block;
float: left;
width: 100%;
margin-top: -1px;
padding: 10px;
border-radius: 0 0 2px 2px;
background-color: #fff;
-webkit-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc}

.fullimage a.gallery-open-modal{
position: relative;
display: inline-block;
clear: both}
.fullimage a.gallery-open-modal i{
position: absolute;
z-index: 500;
right: 5px;
bottom: 5px;
display: block;
width: 25px;
height: 25px;
opacity: 0.9;
background-image:  url(/src_core/img/icon-enlarge.png?1528907022);
background-repeat: no-repeat;
background-position: right bottom}
.box-content .mediabox.img-slide .carousel-inner .helper{
line-height: normal;
position: relative;
display: inline-block;
max-width: 100%;
height: auto}
.box-content .mediabox.img-slide span.re{
line-height: normal}
.box.box-8 .box-content .mediabox .media-content figure{
display: block;
width: 100%}
.box .mediabox figure{
margin-bottom: 25px}
.box .mediabox figure img{
border-radius: 0}
.box.box-8.content .mediabox header{
position: relative;
z-index: 200;
min-height: inherit;
margin: 0}
.box.box-8.content .mediabox header h4{
font-size: 13px;
line-height: 16px;
position: relative;
z-index: 100;
float: left;
margin-right: 2px;
padding: 7px 8px 5px;
border-radius: 2px 2px 0 0;
background-color: #ebebeb;
-webkit-box-shadow: 0 -2px 2px #ccc;
box-shadow: 0 -2px 2px #ccc}
.box.box-8.content .mediabox header h4.on{
border-bottom: 1px solid #fff;
background-color: #fff}
.mediabox .counterbox{
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 15px}
.mediabox .counter{
font-size: 12px;
font-weight: bold;
line-height: 14px;
position: absolute;
bottom: 0;
display: none;
float: left}
.mediabox .counter.on{
display: block}
.mediabox .setarea{
float: right}
.mediabox .setarea a{
line-height: 23px;
display: block;
float: left;
width: 23px;
height: 23px;
text-align: center;
text-decoration: none;
border: 1px solid #c2c2c2}
.mediabox .setarea a.settab.on{
font-weight: bold;
color: #007E46;
background-color: #dfdfdf}
.mediabox .setarea .left,
.mediabox .setarea .right,
.mediabox .setarea .setcontainer{
float: left}
.mediabox .setarea .left{
border-radius: 3px 0 0 3px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% center;
background-image:  url(/src_project/img/portal/icon-pagination-prev.png.png)}
@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3 / 2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5){
.mediabox .setarea .left{
background-image:  url(/src_project/img/portal/icon-pagination-prev.png@2x.png);
background-size: 11px 12px}}
.mediabox .setarea .right{
border-radius: 0 3px 3px 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% center;
background-image:  url(/src_project/img/portal/icon-pagination-next.png.png)}
@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (-o-min-device-pixel-ratio: 3 / 2),all and (min--moz-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5){
.mediabox .setarea .right{
background-image:  url(/src_project/img/portal/icon-pagination-next.png@2x.png);
background-size: 11px 12px}}

.box-content .mediabox.img-slide{
display: block;
float: left;
width: 100%;
padding: 0 10px 0;
border: 1px solid #c2c2c2;
border-radius: 2px;
background: #fff}
.box-content .mediabox.img-slide:before,.box-content .mediabox.img-slide:after{
content: " ";
display: table}
.box-content .mediabox.img-slide:after{
clear: both}
.mediabox.img-slide .carousel-control.right{
right: 0;
margin-top: 0}
.mediabox.img-slide .carousel-control{
width: 15%}
.mediabox.img-slide .carousel-control.left{
left: 0;
margin-top: 0}
.mediabox .carousel-inner{
display: block;
float: left;
clear: both;
width: 100%}
.mediabox .slide{
position: relative;
display: block;
float: left;
width: 100%}
.mediabox.img-slide figcaption{
display: block;
float: left;
clear: both;
width: 100%;
padding: 0 8px}
.mediabox.img-slide .carousel-inner > .item{
float: left;
width: 100%}
.box-8 .box-content .mediabox figure{
display: table;
width: 100%;
margin: 0 0 10px 0;
table-layout: fixed;
text-align: center}
.mediabox .carousel-caption{
font-size: 12px;
line-height: 16px;
position: relative;
right: 0;
bottom: inherit;
left: 0;
display: block;
float: left;
width: 100%;
padding: 0 0 10px;
color: #272727;
text-shadow: none}
.modal .mediabox .carousel-caption{
padding: 2px 4px;
color: #000000}
.mediabox figure > a{
display: table-cell;
vertical-align: middle}
.mediabox figure > a,
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
height: 210px}
.mediabox figure > a{
line-height: 210px}
.mediabox figure img{
max-height: 100%}
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
z-index: 11;
top: 27px;
text-decoration: none;
color: #fff}
.mediabox .set-container{
position: relative;
display: block;
float: left;
width: 100%;
text-align: center}
.mediabox .set-container .carousel-control.left,
.mediabox .set-container .carousel-control.right{
position: relative;
display: inline-block;
width: auto}
.mediabox .set-container .carousel-indicators{
position: relative;
bottom: inherit;
left: inherit;
display: inline-block;
width: auto;
margin: 0;
color: #272727}
.mediabox .set-container .carousel-indicators .active{
width: 10px;
height: 10px;
border: 1px solid #004b2a;
background: #007E46}
.mediabox .set-container .carousel-indicators li{
line-height: 12px;
margin-top: 8px;
text-indent: -9999px;
border: 1px solid #c2c2c2;
background: white}
.mediabox .set-container .counter{
font-size: 14px;
position: relative;
top: -3px;
margin-right: 10px}
.mediabox .carousel-control .icon-right,
.mediabox .carousel-control .icon-left{
position: relative;
top: 50%;
margin-top: -33px}
.mediabox .carousel-control .icon-right{
margin-right: 10px}
.mediabox .carousel-control .icon-left{
margin-left: 10px}
.box.box-8.content .mediabox.img-slide header{
position: relative;
z-index: 200;
min-height: inherit;
margin: 0}
.box.box-8.content .mediabox header h4{
line-height: 16px;
position: relative;
z-index: 100;
float: left;
padding: 5px 8px;
border: 1px solid #c2c2c2;
border-bottom: none;
border-radius: 2px 2px 0 0;
background-color: #fff}
.box.box-8.content .mediabox header h4.on{
border-bottom: 1px solid #fff;
background-color: #fff}
.mediabox .counterbox{
position: relative;
display: block;
float: left;
width: 100%;
margin-bottom: 8px}
.mediabox.img-slide .set-container .counter{
display: inline;
float: none}

.img-slide .carousel-control.left,
.img-slide .carousel-control.right{
font-size: 40px;
background-image: none;
filter: none}
.img-slide .carousel-control.left{
text-align: left}
.img-slide .carousel-control.right{
text-align: right}
@media (min-width: 1200px){
.mediabox figure > a,
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
height: 360px}
.mediabox figure > a{
line-height: 360px}
.mediabox .re.visible-lg{
display: inline !important}
.box-content .mediabox{
min-height: 440px}}
@media (max-width: 1199px) and (min-width: 978px){
.mediabox figure > a,
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
height: 280px}
.mediabox figure > a{
line-height: 280px}
.mediabox .re.visible-md{
display: inline !important}
.box-content .mediabox{
min-height: 360px}}
@media (min-width: 768px) and (max-width: 977px){
.mediabox .re.visible-sm{
display: inline !important}}
@media (max-width: 767px){
.mediabox .re.visible-xs{
display: inline !important}}

.channel105{
min-height: 250px}
.channel105 .portrait figcaption,
.channel105 .portrait .img-container{
width: auto !important;
text-align: left !important}
.mediabox.tabbox.tabbox105 .media-content header{
margin-bottom: 5px}
.mediabox.tabbox.tabbox105 .img-container{
display: table-cell;
width: 50%;
vertical-align: middle}
.mediabox.tabbox.tabbox105 .landscape .img-container img{
width: 100%}
.mediabox.tabbox.tabbox105 figure{
background-color: #f6f6f6}
.mediabox.tabbox.tabbox105 figcaption{
display: table-cell;
width: 50%;
margin-top: 0;
padding: 10px 8px 10px 15px;
text-align: left;
vertical-align: middle}
.mediabox.tabbox.tabbox105 figcaption h1{
font-size: 16px;
line-height: 18px;
margin: 0 0 5px 0}

.span12 .channel105{
min-height: 250px}
.span12 .mediabox.tabbox.tabbox105 figure{
background-color: #fff}
.span12 .mediabox.tabbox.tabbox105 .img-container{
display: table-cell;
width: 100%;
vertical-align: middle}
.span12 .mediabox.tabbox.tabbox105 .landscape .img-container img{
width: 100%}

.mediabox.tabbox.tabbox102 .media-content{
padding: 10px}
.mediabox.tabbox.tabbox102 header.hidden-phone{
padding: 5px 10px;
border: 1px solid #c2c2c2;
-webkit-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc}
.mediabox.tabbox.tabbox102 header.hidden-phone #gradient{
background-image: -webkit-linear-gradient(top,#fff 0%,#B8B8B8 100%);
background-image: -o-linear-gradient(top,#fff 0%,#B8B8B8 100%);
background-image: linear-gradient(to bottom,#fff 0%,#B8B8B8 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFB8B8B8',GradientType=0)}
.mediabox.tabbox.tabbox102 figcaption{
text-align: left}
.mediabox.tabbox.tabbox102 figcaption h1{
font-size: 16px;
line-height: 18px;
margin: 15px 0 0}
.mediabox.tabbox.tabbox102 header.hidden-phone h4{
display: none}
.mediabox.tabbox.tabbox102 header.hidden-phone h4.on{
display: block}
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition{
table-layout: fixed}
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition > a{
display: table-cell;
height: 520px;
text-align: left;
vertical-align: middle}
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition > figcaption h1{
margin: 0}
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition > figcaption{
display: table-cell;
padding-left: 15px;
vertical-align: middle}

.mediabox.tabbox.tabbox101 .media-content header{
margin-bottom: 5px}
.mediabox.tabbox.tabbox101 figure{
background-color: #F6F6F6}
.mediabox.tabbox.tabbox101 figcaption{
margin-top: 0;
padding: 8px;
text-align: left}
.mediabox.tabbox.tabbox101 figcaption h1{
font-size: 16px;
line-height: 18px;
margin: 0 0 5px 0}

.channel100 .portrait figcaption,
.channel100 .portrait .img-container{
width: auto !important;
text-align: left !important}
.mediabox.tabbox.tabbox100 .media-content header{
margin-bottom: 5px}
.mediabox.tabbox.tabbox100 .img-container{
display: table-cell;
width: 50%;
vertical-align: middle}
.mediabox.tabbox.tabbox100 .landscape .img-container img{
width: 100%}
.mediabox.tabbox.tabbox100 figure{
background-color: #F6F6F6}
.mediabox.tabbox.tabbox100 figcaption{
display: table-cell;
width: 50%;
margin-top: 0;
padding: 10px 8px 10px 15px;
text-align: left;
vertical-align: middle}
.mediabox.tabbox.tabbox100 figcaption h1{
font-size: 16px;
line-height: 18px;
margin: 0 0 5px 0}

.mediabox.tabbox.tabbox99 .media-content header{
margin-bottom: 5px}
.mediabox.tabbox.tabbox99 .img-container{
display: table-cell}
.mediabox.tabbox.tabbox99 .portrait .img-container a{
display: block}
.mediabox.tabbox.tabbox99 .portrait .img-container img{
width: auto;
max-width: inherit;
max-height: 350px}
.mediabox.tabbox.tabbox99 figure{
background-color: #F6F6F6}
.mediabox.tabbox.tabbox99 figcaption{
display: table-cell;
margin-top: 0;
padding: 10px 8px 10px 15px;
text-align: left;
vertical-align: middle}
.mediabox.tabbox.tabbox99 figcaption h1{
font-size: 16px;
line-height: 18px;
margin: 0 0 5px 0}
.mediabox.tabbox.tabbox99 .media-content,
.mediabox.tabbox.tabbox100 .media-content,
.mediabox.tabbox.tabbox101 .media-content{
margin-top: 0}

.content-container .media-content .movie{
margin-bottom: 0 !important;
padding: 8px;
border: 1px solid #c2c2c2;
background: #fff}
.content-container .media-content .movie a{
text-align: right;
text-decoration: none}
.content-container .media-content .movie a:hover{
text-decoration: underline}
.box.box-8 .box-content .media-content figure.movie.fullimage.landscape{
display: block;
margin-bottom: 25px}

.media-content.thumb{
display: inline-block;
width: auto !important}
.content-container .thumb ul{
margin: 0;
padding: 0;
list-style: none outside none}
.content-container .thumb li{
float: left;
margin: 0 5px 0 0;
padding: 0}
.content-container .thumb li:last-child{
margin: 0}
.content-container .thumb .caption{
font-size: 11px;
line-height: 12px;
margin-top: 5px}
#thumbdisplay{
display: inline-block;
float: left}
figure.thumb,
.box.box-8 .box-content .mediabox .media-content figure.thumb{
float: left;
width: 131px;
height: auto;
margin: 0;
padding: 0}
figure.thumb a{
display: table-cell;
width: 134px;
height: 134px;
text-align: center;
vertical-align: middle;
border-radius: 2px;
background-color: #F6F6F6}

.carousel-caption{
color: #000000;
background: #fff;
background: rgba(255,255,255,0.6)}
.carousel-caption h4,
.carousel-caption p{
color: #000000}
.carousel-control{
font-size: 140px;
line-height: 70px;
top: 50%;
width: auto;
height: auto;
margin-top: -41px;
text-decoration: none;
color: #007E46;
border: none;
background: none}
.box .carousel-control:hover,
.box .carousel-control:focus,
.box .carousel-control:active{
text-decoration: none;
opacity: 0.5}
.carousel-control.right{
right: -15px}
.carousel-control.left{
left: -15px}
.carousel .img-item{
position: relative;
display: block}
.carousel .left-control{
position: absolute;
top: 0;
display: block;
float: left;
width: 50%;
height: 100%}
.carousel .right-control{
position: absolute;
top: 0;
right: 0;
display: block;
float: left;
width: 50%;
height: 100%}
.carousel .right-control a,
.carousel .left-control a{
display: block;
width: 100%;
height: 100%;
text-decoration: none;
-webkit-tap-highlight-color: transparent;

-webkit-tap-highlight-color: transparent}
.box .carousel .right-control a:hover,
.box .carousel .left-control a:hover,
.box .carousel .left-control a:active,
.box .carousel .right-control a:focus,
.box .carousel .left-control a:focus,
.box .carousel .left-control a:active{
text-decoration: none !important;
background: none;
-webkit-tap-highlight-color: transparent;

-webkit-tap-highlight-color: transparent}
@media (max-width: 540px){
.mediabox .counter{
position: relative;
width: 100%;
margin-bottom: 5px}
.mediabox .setarea{
display: block;
float: left}}
@media (min-width: 980px){
.mediabox.tabbox.tabbox102 .media-content{
min-height: 550px}}
@media (min-width: 768px) and (max-width: 979px){
.mediabox.tabbox.tabbox102 .media-content{
min-height: 435px}
.content-container .thumb ul{
display: table-row}
.content-container .thumb li{
display: table-cell;
float: none;
vertical-align: top}
figure.thumb{
width: auto}
.content-container .thumb li .thumb{
margin-right: 5px}
.content-container .thumb li:last-child .thumb{
margin-right: 0}
.box.box-8 .box-content .mediabox .media-content figure.thumb{
width: 130px;
margin: 0 8px 8px 0 !important}}
@media (max-width: 979px){
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition > figcaption{
width: 50%}
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition > a{
width: 50%;
height: 435px}
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition img{
width: 100%}}
@media (max-width: 767px){
.content-container .thumb ul{
display: block;
float: none;
margin-right: 5px}
.mediabox figure > a,
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
height: 100%}
.mediabox figure > a{
line-height: normal}
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
top: 0}
.box.box-8 .box-content .media-content figure.movie{
display: block;
float: none;
width: 100%}
.movie iframe{
width: inherit;
max-width: 100%}
.content-container .thumb li:last-child{
margin: 0 5px 0 0}
.mediabox.tabbox.tabbox102 .fullimage.transition{
height: 100%}
.mediabox.tabbox.tabbox102 .fullimage.portrait.transition > a{
height: inherit}
.mediabox.tabbox.tabbox99 .media-content,
.mediabox.tabbox.tabbox99 figure{
display: inline-block;
float: left;
width: 100%}
.mediabox.tabbox.tabbox99 .img-container,
.mediabox.tabbox.tabbox99 figcaption{
display: block;
float: left;
width: 50%}
.mediabox.tabbox.tabbox99 .channel100 .portrait figcaption,
.mediabox.tabbox.tabbox99 .channel100 .portrait .img-container{
width: 50%}
.mediabox.tabbox.tabbox99 .portrait .img-container img{
max-height: inherit}
.mediabox.tabbox.tabbox99 .channel100 .img-container,
.mediabox.tabbox.tabbox99 .channel100 figcaption{
width: 100%}
.mediabox.tabbox.tabbox99 figcaption,
.mediabox.tabbox.tabbox100 figcaption{
padding: 10px 8px}
.mediabox.tabbox.tabbox100 figcaption,
.mediabox.tabbox.tabbox100 .img-container{
display: block;
width: 100%}
.mediabox.tabbox.tabbox100 .landscape .img-container img{
width: inherit}
.span12 .channel105,
.channel105{
min-height: 150px}}
@media (max-width: 570px){
.carousel-caption{
position: static}}
@media (max-width: 500px){
.mediabox figure > a{
display: block;
float: left;
width: 100%;
height: auto}
.box-8 .box-content .mediabox figure{
display: block;
float: left;
width: 100%}
.mediabox .carousel-control.left,
.mediabox .carousel-control.right{
top: 0 !important;
height: 100% !important}
.mediabox .carousel-control .icon-right,
.mediabox .carousel-control .icon-left{
position: absolute;
top: 50%;
margin-top: -20px}
.mediabox .carousel-control .icon-right{
right: 10px}}
@media all and (transform-3d),(-webkit-transform-3d){
.carousel-inner > .item{
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right{
left: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left{
left: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active{
left: 0;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)}}

@media (max-width: 568px){
#lightbox .sidebar-wrapper{
position: relative;
float: none;
width: 100%;
height: auto;
text-align: center}
#lightbox .asset-wrapper{
position: relative;
float: none;
width: 100%;
height: auto;
text-align: center}
#lightbox .thumbs-wrapper{
position: relative;
float: none;
width: 100%;
height: auto;
text-align: center}
#lightbox .modalbox{
width: 100% !important;
margin-right: auto !important;
margin-left: auto !important}
#lightbox .modalbox .nav-controls a{
display: none !important}
#lightbox.modalbox .nav-controls{
display: none !important}
.modalbox .sidebar{
position: relative;
padding: 2%}
.modalbox .caption{
font-size: 1.3em;
line-height: 1.3em}
.modalbox .asset-links ul{
margin: 15px 0;
padding: 0}
.modalbox .asset-links li{
float: none !important;
margin: 0;
padding: 0}
.modalbox .asset-desc{
height: auto}
.modalbox .asset img{
width: 100% !important;
max-width: 100% !important;
height: auto !important}
.jbox-overlay-container{
right: auto !important;
left: 0.5% !important;
width: 97% !important;
margin-right: auto !important;
margin-left: auto !important}
.jbox-overlay-wrapper{
right: 0 !important;
left: 0 !important;
width: 100% !important;
margin-right: auto !important;
margin-left: auto !important}}
.modalbox .sidebar-wrapper .button{
padding-right: 15px}
.movie iframe{
max-width: 100%}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){
.movie iframe{
width: inherit;
max-width: 100%}}

/* ** [ /src_core/sites/portal/css/3/standards.css ] (@import) ** */
.content-container a.gallery-open-modal{
position: relative;
display: inline-block;
max-width: 100%;
}
.fullimage.landscape a.gallery-open-modal{
position: relative;
display: inline-block;
max-width: 100%;
}
.content-container .mediabox a.gallery-open-modal{
display: table-cell;
}
.content-container a.gallery-open-modal i,
.fullimage.landscape a.gallery-open-modal i{
background-image: url(/src_core/img/icon-enlarge.png?1528907022);
background-repeat:no-repeat;
background-position:right bottom;
width:25px;height:25px;
position:absolute;
right:5px;
bottom:5px;
display:block;
opacity:.9;
filter:alpha(opacity=90)
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx){
.content-container a.gallery-open-modal i,
.fullimage.landscape a.gallery-open-modal i{
background-image: url(/src_core/img/icon-enlarge@2x.png?1528907022);background-size:19px 19px
}
}
.content-container a.gallery-open-modal:hover i,
.fullimage.landscape a.gallery-open-modal:hover i{
.opacity(.7);
}
.print-image,
.print-image img
.box-content span.print-image{
display: none !important;
}
@media print{
.print-image,
.print-image img
.box-content span.print-image{
display: block !important;
}
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-lg img,
.visible-lg-block img,
.visible-lg-inline img,
.visible-lg-inline-block img,
.visible-md img,
.visible-md-block img,
.visible-md-inline img,
.visible-md-inline-block img,
.visible-print img,
.visible-print-block img,
.visible-print-inline img,
.visible-print-inline-block img,
.visible-sm img,
.visible-sm-block img,
.visible-sm-inline img,
.visible-sm-inline-block img,
.visible-xs img,
.visible-xs-block img,
.visible-xs-inline img,
.visible-xs-inline-block img
{
display: none !important;
}
}

/* ** [ /src_project/sites/portal/css/3/fonts.css ] (@import) ** */
@font-face{
font-family: "Glyphicons Halflings";
src:  url("/src_project/sites/portal/css/fonts/bootstrap/glyphicons-halflings-regular.eot");
src:  url("/src_project/sites/portal/css/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/src_project/sites/portal/css/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("/src_project/sites/portal/css/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("/src_project/sites/portal/css/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg")}
@font-face{
font-family: "lko";
font-weight: normal;
font-style: normal;
src:  url("/src_project/sites/portal/css/fonts/lko.eot");
src:  url("/src_project/sites/portal/css/fonts/lko.eot?#iefix") format("embedded-opentype"), url("/src_project/sites/portal/css/fonts/lko.woff") format("woff"), url("/src_project/sites/portal/css/fonts/lko.ttf") format("truetype"), url("/src_project/sites/portal/css/fonts/lko.svg#gwb") format("svg")}

/* ** [ /src_project/sites/portal/css/3/tables.css ] (@import) ** */
.caption-italic{
position: relative;
width: 100%;
background: #FFF;
clear: both;
font-size: 12px;
font-style: italic;
line-height: 12px;
min-height: 12px;
padding: 6px 2px 6px 0;
color: #000;
text-align: right;
}
.jbox-overlay-wrapper{
z-index: 999999
}
.jbox-overlay-container{
background: #FFF;
border-radius: 5px;
overflow: auto
}
.table{
margin-bottom: 0;
}
.table table th,
.table table td{
border-top: 1px solid #dcdcdc !important;
padding: 0.75em 1em !important;
vertical-align: middle !important;
}
.table-id1.content-table .cell-alt-header,.table-id1.content-table .cell-alt-header-firstcol,
.table-id1.content-table .cell-alt-header-lastcol{
background-color: #9bc3a8;
font-weight: 700;
color: #ffffff;
}
.table-id11.content-table .cell-alt-header,.table-id11.content-table .cell-alt-header-firstcol,
.table-id11.content-table .cell-alt-header-lastcol,.table-id3.content-table .cell-alt-header,
.table-id3.content-table .cell-alt-header-firstcol,.table-id3.content-table .cell-alt-header-lastcol,
.table-id4.content-table .cell-alt-header,.table-id4.content-table .cell-alt-header-firstcol,
.table-id4.content-table .cell-alt-header-lastcol,.table-id5.content-table .cell-alt-header,
.table-id5.content-table .cell-alt-header-firstcol,.table-id5.content-table .cell-alt-header-lastcol,
.table-id6.content-table .cell-alt-header,.table-id6.content-table .cell-alt-header-firstcol,
.table-id6.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,
.table-id9.content-table .cell-alt-header,.table-id9.content-table .cell-alt-header-firstcol,
.table-id9.content-table .cell-alt-header-lastcol{
background: #9bc3a8;
font-weight: 700;
color: #ffffff;
}
.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{
background-color: #9bc3a8;
font-weight: 700;
color: #ffffff;
}
.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
{
background-color: #9bc3a8;
font-weight: 700;
color: #ffffff;
}
.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
{
background-color: #9bc3a8;
font-weight: 700;
color: #ffffff;
}
.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
{
background-color: #9bc3a8;
font-weight: 700;
color: #ffffff;
}
.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
{
background-color: #9bc3a8;
font-weight: 700;
color: #ffffff;
}
.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: #9bc3a8
}
.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{
background-color: #9bc3a8;
font-weight: 700;
color: #ffffff;
}
.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: #9bc3a8
}
.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
{
background-color: #9bc3a8;
font-weight: 700;
color: #ffffff;
}
.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: #9bc3a8
}
.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{
background-color: #9bc3a8;
font-weight: 700;
color: #ffffff;
}
.table-id10.content-table .cell-alt,.table-id10.content-table .cell-alt-lastcol
{
background-color: #9bc3a8
}
.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
{
background-color: #9bc3a8;
font-weight: 700;
color: #ffffff;
}
.table-id11.content-table .cell-alt,.table-id11.content-table .cell-alt-firstcol,
.table-id11.content-table .cell-alt-lastcol{
background-color: #9bc3a8
}
.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{
background-color: #9bc3a8;
font-weight: 700;
color: #ffffff;
}
.table-id12.content-table .cell-alt{
background-color: #9bc3a8
}

/* ** [ /src_project/sites/portal/css/3/3rd-party.css ] (@import) ** */
.nice-select{
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 4px;
border: solid 1px #ababab;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 40px;
line-height: 38px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
user-select: none;
white-space: nowrap;
width: auto;
margin-top: 0 !important}
.nice-select:hover{
border-color: #6a6a6a}
.nice-select:active,.nice-select.open,.nice-select:focus{
border-color: #555555}
.nice-select:after{
border-bottom: 2px solid #555555;
border-right: 2px solid #555555;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
transform-origin: 66% 66%;
transform: rotate(45deg);
transition: all 0.15s ease-in-out;
width: 5px}
.nice-select.open:after{
transform: rotate(-135deg)}
.nice-select.open .list{
opacity: 1;
pointer-events: auto;
transform: scale(1) translateY(0)}
.nice-select.disabled{
border-color: #7c7c7c;
color: #555555;
pointer-events: none}
.nice-select.disabled:after{
border-color: #888888}
.nice-select.wide{
width: 100%}
.nice-select.wide .list{
left: 0 !important;
right: 0 !important}
.nice-select.right{
float: right}
.nice-select.right .list{
left: auto;
right: 0}
.nice-select.small{
font-size: 12px;
height: 30px;
line-height: 28px}
.nice-select.small:after{
height: 4px;
width: 4px}
.nice-select.small .option{
line-height: 28px;
min-height: 28px}
.nice-select .list{
background-color: #fff;
border-radius: 4px;
border: 1px solid #ababab;
box-shadow: 0 0 0 1px rgba(51,51,51,0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
transform-origin: 50% 0;
transform: scale(0.75) translateY(-20px);
transition: all 0.2s cubic-bezier(0.5,0,0,1.25),opacity 0.15s ease-out;
z-index: 9}
.nice-select .list:hover .option:not(:hover){
background-color: transparent !important}
.nice-select .list li{
margin: 0;
text-indent: 0;
left: 0}
.nice-select .list li:before{
display: none}
.nice-select .option{
cursor: pointer;
font-weight: 400;
line-height: 38px;
list-style: none;
min-height: 38px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
transition: all 0.2s}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{
background-color: #eeeeee}
.nice-select .option.selected{
font-weight: bold}
.nice-select .option.disabled{
background-color: transparent;
color: #555555;
cursor: default}
.no-csspointerevents .nice-select .list{
display: none}
.no-csspointerevents .nice-select.open .list{
display: block}

.slick-slider{
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent}
.slick-list{
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0}
.slick-list:focus{
outline: none}
.slick-list.dragging{
cursor: pointer;
cursor: hand}
.slick-slider .slick-track,
.slick-slider .slick-list{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)}
.slick-track{
position: relative;
left: 0;
top: 0;
display: block}
.slick-track:before,.slick-track:after{
content: "";
display: table}
.slick-track:after{
clear: both}
.slick-loading .slick-track{
visibility: hidden}
.slick-slide{
float: left;
height: 100%;
min-height: 1px;
display: none}
[dir="rtl"] .slick-slide{
float: right}
.slick-slide img{
display: block}
.slick-slide.slick-loading img{
display: none}
.slick-slide.dragging img{
pointer-events: none}
.slick-initialized .slick-slide{
display: block}
.slick-loading .slick-slide{
visibility: hidden}
.slick-vertical .slick-slide{
display: block;
height: auto;
border: 1px solid transparent}
.slick-arrow.slick-hidden{
display: none}

.slick-next,.slick-prev{
background-color: white;
z-index: 10;
width: 5rem;
height: 5rem;
-webkit-border-radius: 2.5rem;
-moz-border-radius: 2.5rem;
-ms-border-radius: 2.5rem;
-o-border-radius: 2.5rem;
border-radius: 2.5rem;
position: absolute;
right: 2.5rem;
top: 118px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.2s linear;
-webkit-transition-delay: 0s;
-moz-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8}
.slick-next:hover,.slick-prev:hover{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1}
@media (max-width: 767px){
.slick-next,.slick-prev{
right: 0}}
.slider-articles .slick-next{
top: 72px}
.slick-next:before{
content: inline-image("svg/slider_weiter.svg")}
.slick-prev{
left: 2.5rem;
right: auto}
.slick-prev:before{
content: inline-image("svg/slider_zurueck.svg")}
@media (max-width: 767px){
.slick-prev{
left: 0}}

.slick-dots{
text-align: center;
margin-top: 1rem}
.slick-dots > li{
display: inline-block;
margin: 0;
float: none !important}
.slick-dots .slick-active button{
background: transparent;
border-color: #ababab}
.slick-dots button{
font-size: 0;
color: transparent;
display: inline-block;
background: #ababab;
width: 6px;
height: 6px;
padding: 0;
border: 1px solid transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
margin: 0 3px}
.slick-dots button span{
display: none}
.slider-articles{
margin-left: 1.5rem;
margin-right: 1.5rem;
width: calc(100% - 3rem);
 }

.shariff ul,
.shariff li{
display: inline-block;
margin: 0;
list-style: none}
.shariff li{
margin-left: 1em}
.shariff li.shariff-button > a{
margin: 0}
.shariff li.shariff-button > a .share_text{
display: none}
.shariff li.shariff-button > a .fa{
display: inline-block;
width: 3.6rem;
height: 3.6rem;
margin: 1rem 0.5em 1rem 0;
vertical-align: middle;
background-repeat: no-repeat;
background-position-y: 50%}
.shariff li.shariff-button > a .fa-facebook{
background-image:  url("/src_project/svg/portal/shariff/facebook.svg")}
.shariff li.shariff-button > a .fa-twitter{
background-image:  url("/src_project/svg/portal/shariff/twitter.svg")}
.shariff li.shariff-button.facebook > a:after{
content: "Facebook"}
.shariff li.shariff-button.twitter > a:after{
content: "Twitter"}

/* ** [ /src_project/sites/portal/css/3/lfi_kurse.css ] (@import) ** */
.content-container .k-beschreibung{
padding: 8px 0 3px;
}
.content-container .k-details{
float: left;
clear: both;
width: 100%;
margin: 0 0 20px;
padding: 20px 0 1px;
border-bottom: 1px dashed #999;
}
.content-container .k-details li{
float: left;
clear: both;
width: 100%;
padding: 4px 0 5px;
border-top: 1px dashed #999;
background: 0 0;
}
.content-container .k-details div{
line-height: 18px;
float: left;
}
.content-container .kd-desc{
width: 25%;
color: #333;
}
.content-container .kd-text{
width: 75%;
color: #666;
}
.content-container .k-termine{
float: left;
clear: both;
width: 100%;
margin: 4px 0 40px;
border: 1px solid #c2c2c2;
border-top: none;
}
.content-container .k-termine div{
float: left;
}
.content-container .kt-termin{
float: left;
clear: both;
width: 100%;
margin: 0;
padding: 0 0 0 23px;
border-top: 1px solid #c2c2c2;
}
.content-container .kt-termin.on{
background:  url(/src_project/img/portal/arrow-open.gif?1529483482) 6px 17px no-repeat #f7f7f7;
}
.content-container .kt-termin.off{
background:  url(/src_project/img/portal/arrow-closed.gif?1529483482) 6px 16px no-repeat #f7f7f7;
}
.content-container .kt-open{
position: relative;
float: left;
clear: both;
width: 100%;
margin: 0;
padding: 8px 0 9px;
background-color: #fff;
background-image: none;
}
.content-container .kt-closed{
float: left;
clear: both;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.content-container .kt-closed li{
float: left;
clear: both;
width: 100%;
padding: 4px 0 5px;
background-image: none;
}
.content-container .kt-termin.off .kt-closed{
display: none;
}
.content-container .kt-row{
width: 100%;
padding: 4px 0;
}
.content-container .kt-desc{
width: 30%;
padding-left: 9px;
color: #333;
}
.content-container .kt-text{
width: 70%;
color: #666;
}
.content-container .kt-ruf{
width: 419px;
padding: 4px 0 4px 9px;
color: #333;
}
.content-container .kt-anmelden{
width: 100%;
margin: 5px 0 2px;
padding-left: 30%;
}
.content-container .kt-anmelden a{
font-size: 10px;
font-weight: 700;
display: block;
padding-left: 25px;
text-decoration: none;
text-transform: uppercase;
color: #000;
background:  url(/src_project/img/portal/arrow-button.gif?1529483482) 0 50% no-repeat #fff;
}
.kt-row .kt-text{
padding-right: 55px;
}
.content-container .k-termine .ampel{
position: absolute;
top: 15px;
right: 9px;
}
.k-termine > div{
width: 100%;
}
.content-container .k-termine .ampel div{
position: relative;
overflow: hidden;
cursor: pointer;
}
.content-container .k-termine .ampel div div{
display: none;
}
.content-container .k-termine .ampel div:hover{
overflow: visible;
}
.content-container .k-termine .ampel div.on:hover{
opacity: 1;
background: 0 0;
}
.content-container .k-termine .ampel div:hover div{
font-family: helvetica;
font-size: 11px;
line-height: 13px;
position: absolute;
top: -20px;
right: 0;
display: block;
float: left;
width: auto;
padding: 2px 5px;
white-space: nowrap;
border: 1px solid #999;
background: #ff0;
}
.content-container .ampel{
position: absolute;
top: 3px;
right: 0;
width: 48px;
height: 13px;
background:  url(/src_project/img/portal/ampel.gif?1529483482) 100% 0 no-repeat #fff;
}
.content-container .ampel > div{
float: left;
width: 16px;
height: 13px;
background:  url(/src_project/img/portal/ampel.gif?1529483482) no-repeat;
}
.content-container .ampel .green.on,
.content-container .ampel .red.on,
.content-container .ampel .yellow.on{
opacity: 0;
}

.k-details li::before,
.k-termine li::before{
display: none;
}

.content-container .kd-desc,
.content-container .kd-text,
.content-container .kt-desc,
.content-container .kt-text,
.content-container .k-details div{
color: #000000;
line-height: 1.5em;
}
.content-container .kt-open{
padding-top: 12px;
}
.content-container .kt-row{
padding: 0px;
}
.content-container h4{
font-size: 1.8rem;
margin: 2em 0 0.8em ;
}
.content-container .k-details{
margin: 0 0 2em;
}

/* ** [ /src_project/sites/portal/css/3/formulare.css ] (@import) ** */
.webform input,.webform textarea,.webform select{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: #9d9d9d;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: #9d9d9d;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #9d9d9d;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #9d9d9d;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-style: solid;
border-top-width: 1px;
height: 40px;
padding-bottom: 0;
padding-left: 13px;
padding-right: 13px;
padding-top: 0;
font-family: Roboto,Helvetica,Arial,sans-serif;
}
.webform textarea{
height: 120px;
}
.webform{
float: left;
clear: both;
width: 100%;
}
.webform .txt-r{
display: none;
}
.webform .style{
clear: both;
}
.webform input[type="text"],
.webform input[type="textarea"]{
}
.webform input[type="checkbox"],
.webform input[type="radio"]{
box-sizing: border-box;
padding: 0;
height: auto;
width: auto;
margin: 0 3px 0 0;
position: relative;
top: 1px;
}
.webform .wf-sp0,
.webform .wf-sp1{
clear: both;
}
.webform .wf-area,
.webform label{
display: block;
float: left;
margin-bottom: 12px;
}
.webform .wf-area label{
margin-bottom: 0px;
}
.webform .wf-captcha.wf-sp0,
.webform .wf-captcha.wf-sp1,
.webform .wf-area.wf-sp0,
.webform .wf-area.wf-sp1,
.webform label.wf-sp0,
.webform label.wf-sp1{
width: 100%;
padding: 0 1%;
}
.webform .wf-captcha.wf-sp2,
.webform .wf-area.wf-sp2,
.webform label.wf-sp2{
width: 50%;
display: block;
padding: 0 1%;
}
.webform .wf-captcha.wf-sp0 > span.txt-l,
.webform .wf-area.wf-sp0 > div.txt-l,
.webform label.wf-sp0 > span.txt-l{
display: inline-block;
float: left;
width: 30%;
}
.webform .wf-captcha.wf-sp1 > div.txt-l,
.webform .wf-captcha.wf-sp2 > div.txt-l,
.webform .wf-area.wf-sp1 > div.txt-l,
.webform .wf-area.wf-sp2 > div.txt-l,
.webform label.wf-sp1 span.txt-l,
.webform label.wf-sp2 span.txt-l{
display: block;
width: 100%;
}
.webform .wf-sp0 .wf-area-content,
.webform label.wf-captcha.wf-sp0 .recaptcha,
.webform label.wf-char.wf-sp0 input[type="text"],
.webform label.wf-text.wf-sp0 textarea{
display: inline-block;
width: 70%;
}
.webform .wf-sp1 .wf-area-content,
.webform .wf-sp2 .wf-area-content,
.webform .wf-sp2 .wf-area-content label,
.webform label.wf-captcha.wf-sp1 .recaptcha,
.webform label.wf-captcha.wf-sp2 .recaptcha,
.webform label.wf-char.wf-sp1 input[type="text"],
.webform label.wf-char.wf-sp2 input[type="text"],
.webform label.wf-text.wf-sp1 textarea,
.webform label.wf-text.wf-sp2 textarea{
display: block;
width: 100%;
}
.webform label.wf-captcha.wf-sp1 .recaptcha > div,
.webform label.wf-captcha.wf-sp1 .recaptcha{
display: block;
width: 100% !important;
}

.webform .wf-select.wf-sp0 .selectboxit-container{
width: 70%;
}
.webform .wf-select.wf-sp1 .selectboxit-container,
.webform .wf-select.wf-sp2 .selectboxit-container,
.webform .wf-select .selectboxit-container .selectboxit{
width: 100%;
}
.webform .wf-select .selectboxit-container .selectboxit{
border-radius: 3px;
border: 1px solid #9d9d9d;
background: none;
height: 44px;
padding: 0 13px;
line-height: 44px;
}
.webform .wf-select .selectboxit-container span,
.webform .wf-select .selectboxit-container .selectboxit-options a{
height: 24px;
line-height: 24px;
text-decoration: none;
}
.webform .wf-select .selectboxit-container .selectboxit-text,
.webform .wf-select .selectboxit-container .selectboxit-arrow-container{
height: 44px;
line-height: 44px;
}
.webform .wf-select .selectboxit-container .selectboxit-arrow-container{
border-left: 1px solid #9d9d9d;
}
.webform .wf-select .selectboxit-list > .selectboxit-focus > a,
.webform .wf-select .selectboxit-list > .selectboxit-focus > a:hover,
.webform .wf-select .selectboxit-list > .selectboxit-focus > a:focus{
background-color: #a1c854;
background-image: linear-gradient(to bottom,#9abe53,#a1c854);
background-repeat: repeat-x;
color: #ffffff;
}

.webform .wf-radio .txt-l,
.webform .wf-check .txt-l{
display: none;
}
.webform .wf-radio .txt-r,
.webform .wf-check .txt-r{
display: inline;
padding-right: 13px;
}
.webform .wf-sp0 .wf-area-content{
float: left;
}
.webform .wf-area.wf-sp1{
display: inline-block;
float: left;
}
.webform .wf-radio{
display: inline-block;
float: left;
width: auto !important;
}

.webform .wf-text{
}
.webform .secure{
margin-bottom: 20px;
display: block;
float: left;
width: 50%;
}
.webform .button{
display: block;
width: 100%;
float: left;
padding-top: 20px;
}
.webform .btn.btn-portalColor{
display: inline-block;
background-color: #009640;
color: #ffffff;
padding: 0;
transition-delay: 0s;
transition-duration: 0.2s;
transition-property: background;
transition-timing-function: linear;
width: 100%;
cursor: pointer;
border-radius: 3px;
height: 46px;
text-decoration: none;
text-align: center;
font-size: 16px;
line-height: 46px;
letter-spacing: 0.16px;
}
.webform .btn.btn-portalColor:hover{
background: #00a044;
}
.webform .wf-sp2.wf00,
.webform .wf-sp2.wf02,
.webform .wf-sp2.wf04,
.webform .wf-sp2.wf06
.webform .wf-sp2.wf08,
.webform .wf-sp2.wf10,
.webform .wf-sp2.wf12,
.webform .wf-sp2.wf14,
.webform .wf-sp2.wf16,
.webform .wf-sp2.wf18,
.webform .wf-sp2.wf20,
.webform .wf-sp2.wf22{
clear: both;
padding-right: 1%;
}
.webform .wf-sp2.wf01,
.webform .wf-sp2.wf03,
.webform .wf-sp2.wf05,
.webform .wf-sp2.wf07,
.webform .wf-sp2.wf09,
.webform .wf-sp2.wf11,
.webform .wf-sp2.wf13,
.webform .wf-sp2.wf15,
.webform .wf-sp2.wf17,
.webform .wf-sp2.wf19,
.webform .wf-sp2.wf21,
.webform .wf-sp2.wf23{
padding-left: 1%;
}
.webform .txt-l.wf-hidden{
display: none !important;
}
@media ( max-width: 767px){
.webform input{
margin-top: 0 !important;
}
.webform .wf-sp2{
width: 100% !important;
float: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.webform .button{
text-align: left;
margin-top: 40px;
}
}

/* ** [ /src_project/sites/portal/css/3/editorial.css ] (@import) ** */
.list-veranstaltungen li a h3{
font-size: 1.125em}
.list-veranstaltungen li .bezeichnung{
font-size: 1.8rem;
color: #000}
.list-veranstaltungen li .art{
font-size: 1.4rem;
font-weight: bold;
display: block;
float: none;
margin: 0 0 10px;
text-transform: uppercase;
color: #000}
.untertitel{
font-size: 1.3rem;
margin-top: 3px}
.untertitel span{
font-weight: bold;
text-transform: uppercase}
a[href*="mailto"]{
text-decoration: none !important}
.list-downloads li{
padding-top: 3px;
padding-bottom: 4px}
.list-downloads a::before{
font-size: 28px;
position: absolute;
top: 2;
left: 0;
color: #007E46}
.list-downloads a{
padding-top: 6px}
.list-downloads a b{
color: #000000}
.content-text ul li{
width: 100%}
.text-download{
position: relative}
.text-download a{
font-size: 12px;
padding-left: 25px;
text-decoration: underline;
color: #007E46}
.text-download a::before{
font-size: 19px;
line-height: 19px;
position: absolute;
top: 0;
left: 3px;
color: #007E46 !important}
.list-links .more{
font-size: 12px;
display: none;
text-decoration: underline;
color: #007E46}
.list-links.article-link li{
margin-left: 0;
border-left: none}
.list-links.article-link li a b{
color: #000000}
.list-links.article-link li a span{
font-weight: normal;
display: block;
clear: both;
color: #606060}
.list-links .active a{
width: auto;
margin: 0 -10px;
padding: 10px;
background-color: #f4f4f4}
.teaser{
font-size: 1.8rem;
line-height: 1.5em;
line-height: 24px;
color: #606060}
section.box--special h2{
color: #606060}
section.box--special h3 a{
color: #000000}
section.big-img h3 a:hover{
color: #858585}
figcaption{
line-height: 1.2;
margin-bottom: 1em}
.table-link{
font-size: inherit;
width: 100%}
.table-link h3{
font-size: inherit;
display: inline-block}
.kaz-links{
margin-top: 0 !important}
.kaz-links a{
font-weight: normal;
display: inline !important;
padding-right: 10px}
.kaz-links a.active{
text-decoration: underline}
article .content-container{
line-height: 1.5em}
article .content-container.style1{
padding: 2rem;
color: #000000;
background-color: #f4f4f4}
article .content-container.style1 h2{
font-size: 1.8rem;
margin-top: 0;
margin-bottom: 0.8em}
article .content-container.style5 h2{
font-size: 1.8rem;
margin-bottom: 0.8em}
article .content-container.style5 .media-content{
float: right}
article .content-container a{
color: #007E46}
article .content-container.style20 h2{
font-size: 1.8rem;
margin-top: 0;
margin-bottom: 0.8em}
article .content-container.style999 h2{
font-size: 1.8rem;
margin-top: 0 !important;
margin-bottom: 0.8em}
article .content-container.table-responsive h2{
font-size: 1.8rem;
margin-bottom: 0.8em}
article .content-container h2:first-child{
margin-top: inherit}
.tab-navigation .active > a{
color: #fff}
.content-container .list-downloads a{
font-weight: bold;
line-height: 1.3em;
color: #000000}
.content-container .list-downloads a span{
font-weight: normal;
display: block;
clear: both;
color: #606060}
.content-container .list-downloads li.dwnfile{
padding-top: 5px;
padding-bottom: 3px}
#aiz-ticker .artikel-titel{
display: none}
.list-3columns > li:nth-of-type(2){
margin-top: 12px}
.list-2columns > li:nth-of-type(2){
margin-top: 12px}
.list-themen > li:nth-of-type(2){
margin-top: 12px}
ul.slick-dots{
padding: 0}
.header__actions a{
color: #858585 !important}
.header__info a{
color: #858585 !important}
.is-splash.flowplayer .fp-ui{
background-image: none}
.is-paused.flowplayer .fp-ui{
background-image: none}
.list-merkliste:empty:after{
content: " " !important}
.list-merkliste[data-empty="true"]:after{
content: " " !important}
.list-articles.collapse li{
text-indent: -1.26em}
.list-kleinanzeigen a{
text-decoration: none;
color: #606060}
.subheader > *:first-child{
width: 30%}
.article-links.content{
margin: 0;
padding: 0;
list-style: none}
.article-links.content h2{
font-size: 22px}
aside .infobutton a{
display: table;
width: 100%;
text-align: center}
.kaz-links{
margin-top: 0 !important}
.kaz-links a{
font-weight: normal;
display: inline !important;
padding-right: 10px}
.kaz-links a.active{
text-decoration: underline}


[data-symbol="a"]{
background-image:  url(/src_project/svg/portal/wetter/a.svg)}
[data-symbol="b"]{
background-image:  url(/src_project/svg/portal/wetter/b.svg)}
[data-symbol="c"]{
background-image:  url(/src_project/svg/portal/wetter/c.svg)}
[data-symbol="d"]{
background-image:  url(/src_project/svg/portal/wetter/d.svg)}
[data-symbol="e"]{
background-image:  url(/src_project/svg/portal/wetter/e.svg)}
[data-symbol="f"]{
background-image:  url(/src_project/svg/portal/wetter/f.svg)}
[data-symbol="g"]{
background-image:  url(/src_project/svg/portal/wetter/g.svg)}
[data-symbol="h"]{
background-image:  url(/src_project/svg/portal/wetter/h.svg)}
[data-symbol="i"]{
background-image:  url(/src_project/svg/portal/wetter/i.svg)}
[data-symbol="j"]{
background-image:  url(/src_project/svg/portal/wetter/j.svg)}
[data-symbol="k"]{
background-image:  url(/src_project/svg/portal/wetter/k.svg)}
[data-symbol="l"]{
background-image:  url(/src_project/svg/portal/wetter/l.svg)}
[data-symbol="m"]{
background-image:  url(/src_project/svg/portal/wetter/m.svg)}
[data-symbol="n"]{
background-image:  url(/src_project/svg/portal/wetter/n.svg)}
[data-symbol="o"]{
background-image:  url(/src_project/svg/portal/wetter/o.svg)}
[data-symbol="p"]{
background-image:  url(/src_project/svg/portal/wetter/p.svg)}
[data-symbol="q"]{
background-image:  url(/src_project/svg/portal/wetter/q.svg)}
[data-symbol="r"]{
background-image:  url(/src_project/svg/portal/wetter/r.svg)}
[data-symbol="s"]{
background-image:  url(/src_project/svg/portal/wetter/s.svg)}
[data-symbol="t"]{
background-image:  url(/src_project/svg/portal/wetter/t.svg)}
[data-symbol="u"]{
background-image:  url(/src_project/svg/portal/wetter/u.svg)}
[data-symbol="v"]{
background-image:  url(/src_project/svg/portal/wetter/v.svg)}
[data-symbol="w"]{
background-image:  url(/src_project/svg/portal/wetter/w.svg)}
[data-symbol="x"]{
background-image:  url(/src_project/svg/portal/wetter/x.svg)}
[data-symbol="y"]{
background-image:  url(/src_project/svg/portal/wetter/y.svg)}
[data-symbol="z"]{
background-image:  url(/src_project/svg/portal/wetter/z.svg)}
.box--epaper picture::after{
content:  url(/src_project/img/portal/redesign/buchfalz.png?1529483483)}

.box.panel h3{
font-size: 1.3em}
.box.panel .list-subpages a.link-collapse{
font-size: 1.2em;
position: relative}
.box.panel .list-subpages a.link-collapse::after{
position: absolute;
top: 10px;
right: 5px}
.box.panel .list-subpages > li:nth-of-type(2n){
background-color: #fff}
.box.panel .list-subpages .collapse ul > li > a{
margin-top: 2rem}
.box.panel .list-subpages .collapsing ul > li > a{
margin-top: 2rem}
.box.panel h2 a{
font-size: 1.1em}
.box.panel h2 a:before{
font-size: 0.9em;
margin: 3px 2px 0 0;
padding: 0}
.box.panel ul.list-subpages .list-2columns{
margin-left: 25px !important}
section.box.panel{
margin-bottom: 25px !important}
@media (max-width: 767px){
section.box.panel{
margin-bottom: 2px !important}}

.list-thema .header--medium.header--medium h2{
margin-top: 0.7rem}

#accordion .header--plain{
margin-top: 2px;
border-bottom: 1px solid #dcdcdc}
.panel-group{
margin-top: 0rem}

.text-download [href*=".pps"]::before{
position: absolute;
top: 0;
left: 0;
display: block;
width: 20px;
height: 20px;
content: "";
background:  url("/src_project/svg/portal/svg/pps.svg") no-repeat right center;
background-size: 20px 20px}
.text-download [href*=".ppt"]::before{
position: absolute;
top: 0;
left: 0;
display: block;
width: 20px;
height: 20px;
content: "";
background:  url("/src_project/svg/portal/svg/ppt.svg") no-repeat right center;
background-size: 20px 20px}
.text-download [href*=".pptx"]::before{
position: absolute;
top: 0;
left: 0;
display: block;
width: 20px;
height: 20px;
content: "";
background:  url("/src_project/svg/portal/svg/ppt.svg") no-repeat right center;
background-size: 20px 20px}
.list-downloads [href*=".pps"]::before{
position: absolute;
top: 0;
left: 0;
display: block;
width: 30px;
height: 30px;
content: "";
background:  url("/src_project/svg/portal/svg/pps.svg") no-repeat right center;
background-size: 30px 30px}
.list-downloads [href*=".ppt"]::before{
position: absolute;
top: 0;
left: 0;
display: block;
width: 30px;
height: 30px;
content: "";
background:  url("/src_project/svg/portal/svg/ppt.svg") no-repeat right center;
background-size: 30px 30px}
.list-downloads [href*=".pptx"]::before{
position: absolute;
top: 0;
left: 0;
display: block;
width: 30px;
height: 30px;
content: "";
background:  url("/src_project/svg/portal/svg/ppt.svg") no-repeat right center;
background-size: 30px 30px}
.staff-box ul li{
left: 0 !important;
text-indent: 0 !important}
.staff-box ul li a[itemprop="email"]{
display: inline-block;
word-break: break-all}
.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;
float: left;
width: 50%}
@media (max-width: 767px){
.content-container.voting .spacer label{
width: 100%}}
.content-container.voting .spacer label .rank{
float: left;
width: 27px;
padding-right: 4px;
text-align: right}
.content-container.voting .spacer label input[type="radio"]{
float: left;
margin-top: 1px}
.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: 450px;
height: 20px;
margin-right: 20px;
color: white;
border-width: 1px;
border-style: solid;
border-color: #267b55;
border-radius: 3px;
background-color: #a6a6a6}
@media (max-width: 1199px){
.content-container.voting .result-row .scale-area{
width: 350px}}
@media (max-width: 767px){
.content-container.voting .result-row .scale-area{
width: 100%;
margin-right: 0}}
.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/3/navigation.css ] (@import) ** */
.page-navigation{
border-top: 1px solid #dcdcdc}
.page-navigation a{
font-size: 1.5rem;
line-height: 1.5em}
.page-navigation a.page-navigation__next{
float: right}
.page-navigation a svg{
display: none}
.page-navigation a span{
font-size: 0.9em}
.page-navigation a span::before{
font-size: 0.75em;
top: 0.6em}
.page-navigation a.page-navigation__prev span::before{
left: -3px !important}
.pagination > .disabled > span{
color: #ababab}
.pagination > .disabled > span:hover{
color: #ababab}
.pagination > .disabled > span:focus{
color: #ababab}
.pagination > .disabled > a{
color: #ababab}
.pagination > .disabled > a:hover{
color: #ababab}
.pagination > .disabled > a:focus{
color: #ababab}
.pagination.pagination li a{
width: auto}
.pagination.pagination li span{
width: auto}
.asset-desc{
line-height: 22px !important}
.nav-controls ul{
list-style: none}
.nav-controls ul a{
background: inherit !important}
#main-navigation ul > li.f1rst > a{
font-weight: 500;
padding: 14px 10px}

/* ** [ /src_project/sites/portal/css/3/media-content.css ] (@import) ** */
.jbox-overlay-closelink{
display: none}
.statImg{
line-height: 0;
float: left}
.modal{
position: fixed;
z-index: 1040;
display: none;
outline: 0 none}
.box--seperator figure{
position: relative}
.box--seperator .icon-play::before{
font-size: 6rem;
position: absolute;
top: calc(50% - 2rem);
left: 50%;
transition: all 0.2s ease 0s;
transform: translate(-50%,-50%);
opacity: 0.75;
color: #fff;
border-radius: 50%;
background-color: #007e46;
box-shadow: 3px 3px 3px rgba(0,0,0,0.5)}
.box--seperator .icon-play:hover::before{
opacity: 1}
.googlemapbox{
clear: both;
width: 100%;
height: 350px}
.werbung > img{
width: auto;
max-width: 100%}
.werbung a img{
width: auto;
max-width: 100%}
.fotoservice.fotoservice--big picture a{
display: inline-block;
overflow: hidden;
max-height: 320px}
.fotoservice.fotoservice--small picture a{
display: inline-block;
overflow: hidden;
max-height: 152px}
@media (max-width: 1199px){
.fotoservice.fotoservice--big picture a{
max-height: 253px}
.fotoservice.fotoservice--small picture a{
max-height: 117px}}
@media (max-width: 991px){
.fotoservice.fotoservice--big picture a{
max-height: 192px}
.fotoservice.fotoservice--small picture a{
max-height: 85px}}
@media (max-width: 767px){
.fotoservice.fotoservice--big{
width: 100%}
.fotoservice.fotoservice--big li{
width: 100%}
.fotoservice.fotoservice--big figure{
width: 100%}
.fotoservice.fotoservice--big picture{
width: 100%}
.fotoservice.fotoservice--big picture a{
width: 100%;
max-height: 276px}
.fotoservice.fotoservice--big picture img{
width: 100%}
.fotoservice.fotoservice--small{
width: 100%}
.fotoservice.fotoservice--small figure{
width: 100%}
.fotoservice.fotoservice--small picture{
width: 100%}
.fotoservice.fotoservice--small picture a{
width: 100%;
max-height: 179px}
.fotoservice.fotoservice--small picture img{
width: 100%}
.fotoservice.fotoservice--small li{
width: 50%}
.jbox-overlay-container{
width: 100% !important;
max-height: 100% !important}
main{
margin-top: 0}
.header__actions{
display: none}
.modal .mediabox img{
max-width: 100% !important;
height: auto !important}
#jbox-overlay-beraterbox-xs .jbox-overlay-close{
top: 30px;
right: 10px}
.subheader > *:first-child{
width: 100%}
.klartext .media .media-left{
display: block;
clear: left}
.klartext .media .media-body{
display: block;
clear: left;
margin-top: 20px}
.page-navigation .pn-title{
display: none}}
@media (max-width: 630px){
.fotoservice.fotoservice--small picture a{
max-height: 130px}}
@media (max-width: 530px){
.fotoservice.fotoservice--small picture a{
max-height: 120px}}
@media (max-width: 480px){
.jbox-overlay-container{
width: 100% !important;
max-height: 100% !important}
.svr table th{
padding: 0.4em}
.svr table td{
padding: 0.4em}
.fotoservice.fotoservice--small picture a{
max-height: 100px}}
.carousel-inner figure{
margin: 0 auto}
section > img{
max-width: 100% !important;
height: auto}
.video-clip h2{
font-size: 22px;
max-width: 70%}
.mediabox.img-slide{
border: 1px solid #dcdcdc}
.mediabox.img-slide .carousel-caption{
padding-top: 10px}
.media-content .re.visible-xs img{
width: 100%;
height: auto}
section.infobutton img{
width: 100% !important}

.fullimage.portrait.figure--fullwidth{
text-align: center}

@media (max-width: 992px){
.list-2columns .content--overlay{
height: auto !important;
min-height: auto !important;
max-height: 100% !important}
.list-2columns .content--overlay:hover{
height: auto !important;
min-height: auto !important;
max-height: auto !important;
background-image: none}
.list-2columns .content--overlay::before{
height: 100% !important;
min-height: auto !important;
max-height: auto !important;
background-image: none}
.list-2columns li + li{
margin-top: 1.1em !important}}
@media (max-width: 767px){
.content--overlay{
height: auto !important;
min-height: auto !important;
max-height: 100% !important}
.content--overlay:hover{
height: auto !important;
min-height: auto !important;
max-height: auto !important;
background-image: none}
.content--overlay::before{
height: 100% !important;
min-height: auto !important;
max-height: auto !important;
background-image: none}
.list--headersign{
margin-bottom: 0}
.list--headersign li{
height: auto !important;
min-height: auto !important;
max-height: auto !important}
.list-3columns li + li{
margin-top: 1.2em !important}
.list-2columns li + li{
margin-top: 1.2em !important}
.list-themen li + li{
margin-top: 1.2em !important}}
.header--underlined > h1:not(:only-child),
.header--underlined > h2:not(:only-child),
.header--underlined > h3:not(:only-child){
width: 82%}
@media (max-width: 768px){
.box.pc-startseite---lk-klartext-veranstaltung ul li a figure{
width: 100%;
text-align: center}
.box.pc-startseite---lk-initiative ul li a figure{
width: 100%;
text-align: center}}

.box--special{
padding: 3rem 1rem}
.box--special .img--fullwidth{
margin: 0 -1rem}
.box--special .slick-prev{
top: calc(50% - 3.5rem);
right: auto;
left: 0;
width: 3rem;
height: 3rem}
.box--special .slick-next{
top: calc(50% - 3.5rem);
right: 0;
left: auto;
width: 3rem;
height: 3rem}
.box--special .slick-prev::before{
content:  url("/src_project/svg/portal/svg/slider_zurueck2.svg")}
.box--special .slick-next::before{
content:  url("/src_project/svg/portal/svg/slider_weiter2.svg");
 }
section.box--special h2{
display: block;
margin-right: 1rem;
margin-left: 1rem}
section.box--special > a{
display: block;
margin-right: 1rem;
margin-left: 1rem}
.box--special .slider--small h3{
padding-right: 0;
padding-left: 0}
.box--special .slider--small p{
padding-right: 0;
padding-left: 0}

.highlight-box .link-more::before{
content: " "}
.highlight-box .list--headersign__content{
padding-right: 1rem;
padding-left: 1rem}
.highlight-box .list--headersign__content > h3{
position: relative;
margin: 0.5em 0;
color: #007e46}
.highlight-box .list--headersign__content > h3::before{
content: ""}
.highlight-box .content--overlay:before{
-webkit-transition: all 0.2s ease 0.4s;
-o-transition: all 0.2s ease 0.4s;
transition: all 0.2s ease 0.4s;
opacity: 1;
background-image: -owg-linear-gradient(top,rgba(255,255,255,0) 50%,#f4f4f4 100%);
background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 50%,#f4f4f4 100%);
background-image: -moz-linear-gradient(top,rgba(255,255,255,0) 50%,#f4f4f4 100%);
background-image: -o-linear-gradient(top,rgba(255,255,255,0) 50%,#f4f4f4 100%);
background-image: linear-gradient(top,rgba(255,255,255,0) 50%,#f4f4f4 100%)}
.highlight-box .content--overlay:hover{
height: auto;
min-height: 6.5em;
max-height: 100em;
transition: all 1s ease 0s}
.highlight-box .content--overlay:hover:before{
transition: all 0.2s ease 0s;
opacity: 0}
.highlight-box ul.list--headersign{
margin: 0 0 0 0;
padding-top: 1em;
padding-bottom: 0.5em;
background-color: #f4f4f4}
.highlight-box ul.list--headersign .content--overlay{
padding-bottom: 1em}
.highlight-box a .svgicon-home{
display: inline-block;
width: 0.9em;
height: 0.9em;
margin-right: 5px;
vertical-align: baseline;
fill: currentColor}
@media (max-width: 992px){
.highlight-box ul.list--headersign{
margin: 0}}
@media (max-width: 767px){
.highlight-box .content--overlay{
height: auto !important;
min-height: auto !important;
max-height: 100% !important}
.highlight-box .content--overlay:hover{
height: auto !important;
min-height: auto !important;
max-height: auto !important;
background-image: none}
.highlight-box .content--overlay::before{
height: 100% !important;
min-height: auto !important;
max-height: auto !important;
background-image: none}}

.video-gallery .movie .cont-video{
line-height: 0.2em;
width: 100%;
margin-bottom: 0.5em;
padding-bottom: 0;
text-align: center;
background-color: #f4f4f4}
.video-gallery .content-container.style999{
margin-top: 0.5em}
.video-gallery .content-container.style999 h2{
font-weight: 300;
color: #606060}
.list-video{
margin: -0.5em 0 0 0}
.list-video li.media{
margin: 0;
padding-top: 0.9em;
padding-bottom: 0.9em;
border-bottom: 1px solid #dcdcdc}
.list-video li.current{
background-color: #f4f4f4}
.list-video .icon-play::before{
font-size: 2rem;
position: absolute;
top: calc(50% - 0);
left: 49%;
transition: all 0.2s ease 0s;
transform: translate(-50%,-50%);
opacity: 0.75;
color: #fff;
border-radius: 50%}
.list-video .icon-play{
position: relative}
.list-video .icon-play span img{
width: 73px;
height: 41px}
.list-video .media-body{
font-size: 0.9em;
line-height: 1.1em;
padding-right: 1em}
.list-video h3{
font-size: 1.2em;
line-height: 1.1em;
margin: 0 0 3px 0}
.list-video .media-left{
padding-right: 0.6em;
padding-left: 0.6em}
@media (max-width: 767px){
.video-gallery .cont-video iframe{
width: inherit;
max-width: 100%;
height: auot}}

/* ** [ /src_project/sites/portal/css/3/general-structure.css ] (@import) ** */
aside .list-articles li > a::before,aside .list-articles li > span::before{
font-weight: bold !important;
position: relative;
top: 0.5rem;
left: -3px;
vertical-align: top}
.list--stripped.list--stripped li.all-events{
border-top: 1px solid #dcdcdc}
.list--stripped.list--stripped li.all-events a .media-body{
font-weight: bold;
color: #007a3d}
.list--stripped.list--stripped li.all-events a .media-body:before{
font-family: "lko" !important;
font-size: 10px;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
content: "\4a";
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale}
.search-detail-termine .list-4columns{
margin-bottom: 2.5rem}
.search-detail-termine li{
position: relative}
.search-detail-termine li input[type="checkbox"]:checked + label::before{
content: "\2713"}
.search-detail-termine li label{
font-size: 16px;
font-weight: normal;
position: relative;
padding-left: 25px;
color: #5f5f5f}
.search-detail-termine li label:before{
font-size: 2.2rem;
font-weight: 700;
line-height: 2rem;
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 2rem;
height: 2rem;
content: "";
text-align: center;
color: #005e1b;
border: 1px solid #b1b1b1;
background-color: white}
.search-detail-termine li input[type="checkbox"]{
position: absolute;
left: 15px;
width: inherit;
height: inherit;
opacity: 0}
.search-detail-termine .search-btn{
font-weight: bold;
padding: 7px 25px;
color: #fff;
background-color: #009640}
.search-detail-termine .search-btn svg{
width: 17px;
height: 17px;
margin-right: 10px}
.search-detail-termine .reset-form{
margin-left: 38px;
text-decoration: underline;
color: #009640}
.staff-box .list-funktionaere{
position: relative;
margin-top: 3.8rem;
padding-top: 2.8rem}
.staff-box .list-funktionaere:before{
position: absolute;
top: 0;
right: 15px;
left: 15px;
display: block;
height: 5px;
border-top: 1px solid #dcdcdc}
.staff-box .list-funktionaere li{
margin-bottom: 0.5rem}
.staff-box .list-funktionaere .media-body{
padding: 12px 10px 0 20px;
background-color: #e1ece4}
.staff-box .list-funktionaere .media-body h4{
font-size: 1.6rem}
.header--big.header--big h2 .link-more{
line-height: 2.2rem}
aside .list-articles li{
padding-bottom: 7px}
aside > .box--white{
margin-top: 1.6rem !important}
aside > .box--white:first-child{

margin-top: 1.6rem !important}
aside > .box--white h2{
min-height: 23px}
.par-id2000 .breadcrumb{
visibility: hidden;
height: 40px;
margin: 0;
padding: 0}
.par-id2000 .menu2435 > a{
color: #fff;
background: #9bc3a8}
.par-id2000 .menu2435 > a:hover{
color: inherit;
background: inherit}
.bereich .box1{
clear: none !important}
@media (max-width: 767px){
.bereich .box1{
clear: both !important}}
@media (max-width: 767px){
.bereich .box0{
clear: both}}
.bereich .box.werbung{
margin-top: 40px}
.box--epaper a{
display: block;
margin-right: 0.5rem;
margin-bottom: 15px;
color: #000000}
.box--epaper h2{
padding-top: 2rem}
.box--zeitung picture::before{
position: absolute;
z-index: 1;
top: 50%;
right: 0;
bottom: 0;
left: 0;
content: "";
background: transparent linear-gradient(to bottom,rgba(244,244,244,0),#f4f4f4) repeat scroll 0 0}
.box--zeitung h2{
font-size: 1.6rem;
font-weight: 700;
color: #606060}
.content-container .k-termine{
float: left;
clear: both;
width: 100%;
margin: 4px 0 40px;
border-width: medium 1px 1px;
border-style: none solid solid;
border-image: none}
.content-container .k-termine div{
float: left}
.content-container .kt-termin{
float: left;
clear: both;
width: 100%;
margin: 0;
padding: 0 0 0 23px;
border-top: 1px solid #c2c2c2}
.content-container .kt-termin.on{
background: #f4f4f4  url(/src_project/img/portal/arrow-open.gif?1529483482) no-repeat scroll 6px 17px}
.content-container .kt-termin.off{
background: #f4f4f4  url(/src_project/img/portal/arrow-closed.gif?1529483482) no-repeat scroll 6px 16px}
.close_fix{
position: absolute;
width: 20px;
height: 26px;
cursor: pointer}
.list-veranstaltungen > li{
clear: both;
width: 100%}
.list-veranstaltungen ul{
margin: 0;
padding: 0;
list-style: outside none none;
border-bottom: none}
.list-veranstaltungen ul li:nth-last-child(1){
border-bottom: 0 none}
.list-veranstaltungen ul li:nth-last-child(2):not(:nth-child(3n+2)){
border-bottom: 0 none}
.list-veranstaltungen ul li:nth-last-child(2):not(:nth-child(3n)){
border-bottom: 0 none}
.list-veranstaltungen ul li:nth-last-child(3):nth-child(3n+1){
border-bottom: 0 none}
.list-veranstaltungen li:nth-last-child(1){
border-bottom: inherit}
.list-veranstaltungen li:nth-last-child(2):not(:nth-child(3n+2)){
border-bottom: inherit}
.list-veranstaltungen li:nth-last-child(2):not(:nth-child(3n)){
border-bottom: inherit}
.list-veranstaltungen li:nth-last-child(3):nth-child(3n+1){
border-bottom: inherit}
.media-body > *:first-child{
margin-top: 0}
.klartext .media{
margin-top: 22px}
.k-termine > div{
width: 100%}
body:before{
display: none}
ul.list-2columns.third_lvl{
margin-top: 2rem}
.id5392 .table > thead > tr > th{
font-size: 15px;
padding: 4px}
.id5392 .table > thead > tr > td{
font-size: 15px;
padding: 4px}
.id5392 .table > tbody > tr > th{
font-size: 15px;
padding: 4px}
.id5392 .table > tbody > tr > td{
font-size: 15px;
padding: 4px}
.id5392 .table > tfoot > tr > th{
font-size: 15px;
padding: 4px}
.id5392 .table > tfoot > tr > td{
font-size: 15px;
padding: 4px}

.id5392 .table > thead > tr > th,
.id5392 .table > thead > tr > td,
.id5392 .table > tbody > tr > th,
.id5392 .table > tbody > tr > td,
.id5392 .table > tfoot > tr > th,
.id5392 .table > tfoot > tr > td{
font-size: 15px;
padding: 4px}
#main-navigation ul > li.f1rst > a{
font-weight: 500;
padding: 14px 10px}

#mobile-navigation{
position: absolute;
top: 35px;
right: 10px;
width: auto}
#mobile-navigation #trigger-bundesland{
width: 20px;
height: 20px;
border: none;
background-color: transparent}
#mobile-navigation #trigger-bundesland .svgicon-burger use{
width: 2.4em;
height: 2.4em;
fill: #fff}
#mobile-navigation #trigger-menu{
width: 20px;
height: 20px;
border: none;
background-color: transparent}
#mobile-navigation #trigger-menu svg{
fill: #fff}
#mobile-navigation #trigger-menu.collapsed svg{
fill: #fff}
#mobile-navigation button{
position: relative;
margin: 0 0 0 10px;
padding: 0;
border: none;
background-color: transparent}
#mobile-navigation button svg{
position: absolute;
top: 0;
left: 0;
width: 1.4em;
height: 1.4em;
fill: #fff}
#mobile-navigation .svgicon-close-burger{
position: absolute;
top: 0;
left: 0;
width: 1.2em;
height: 1.2em;
fill: #fff}
#mobile-navigation #trigger-bundesland::after{
content: ""}
.logo-second{
display: inline}
@media (max-width: 767px){
.logo-second{
position: relative;
display: block;
overflow: hidden;
height: 19px}
.logo-second img{
position: absolute;
top: -16px;
left: 0}
.logo__bundesland{
clear: both;
height: 35px}
.logo__logo{
display: block;
clear: both;
width: 170px;
height: 48px;
margin: 0 0 5px 10px}
.logo{
display: block;
width: 60%;
margin: 7px 5px 7px 0}
#toggle-searchCollapse{
border-top: 1px solid #2d9c69}
#mobile-navigation{
top: 25px}}
@media (max-width: 480px){
.logo__bundesland{
clear: both;
height: 31px}
.logo__logo{
display: block;
clear: both;
width: 150px;
height: 42px;
margin: 0 0 5px 10px}
#mobile-navigation{
top: 20px}
.logo-second img{
position: absolute;
top: -15px;
left: 0}}
@media (max-width: 320px){
.logo__bundesland{
clear: both;
height: 27px}
.logo__logo{
display: block;
clear: both;
width: 130px;
height: 37px;
margin: 0 0 5px 10px}
.logo-second img{
position: absolute;
top: -13px;
left: 0}}
.hamburger-close{
outline: none}
.hamburger-close.collapsed .svgicon-burger{
transition: all 0.4s ease;
transform: rotate(0deg) scale(1,1)}
.hamburger-close.collapsed .svgicon-close-burger{
transition: all 0.4s ease;
transform: rotate(45deg) scale(0,0);
fill: #007E46}
.hamburger-close .svgicon-burger{
transition: all 0.4s ease;
transform: rotate(-45deg) scale(0,0);
fill: #007E46}
.hamburger-close .svgicon-close-burger{
transition: all 0.4s ease;
transform: rotate(0deg) scale(1,1)}

.print-logo-first,
.print-logo-second{
display: none}

@media (max-width: 767px){
.header--plain,
.header--underlined{
margin-top: 1em}
#main-header{
border-bottom: 1px solid #007e46}
.box.infobutton.boxcnt1{
padding-top: 0.5em}}
@media (max-width: 480px){
.content-container .kt-desc,
.content-container .kt-text{
width: 100% !important;
padding-right: 0;
padding-left: 9px}
.content-container .kd-desc,
.content-container .kd-text{
width: 100% !important}
.content-container .kt-desc{
font-weight: bold}}
.box--white.inhalt h2{
font-size: 1.4rem;
font-weight: 100;
min-height: auto;
margin: 0.2em 0 0.4rem;
text-transform: uppercase;
color: #000}
@media (min-width: 480px) and (max-width: 1200px){
#main-navigation .navbar-collapse{
margin-right: 0;
margin-left: 0}}
@media (min-width: 768px) and (max-width: 992px){
#main-navigation ul > li.f1rst > a{
padding: 14px 9px}}

/* ** [ /src_project/sites/portal/css/3/beraterbox.css ] (@import) ** */
.beraterbox ul,.beraterbox li{
margin: 0 !important;
padding: 0;
list-style: none}
.beraterbox li{
float: left;
overflow: hidden;
width: 100%;
height: auto;
padding: 13px 0 12px;
border-bottom: 1px solid #e3e5e4}
.beraterbox li.header{
padding: 0;
border-bottom: none}
.beraterbox li.header > h2{
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 5px;
color: #fff}
.beraterbox .box > header h2{
font-size: 2rem;
color: #000000 !important}
.box--person .weitere{
display: block;
width: auto;
margin: 20px -8px 0;
padding: 8px 0 0 10px;
text-decoration: underline;
border-top: 1px solid #dcdcdc}
.box--person .weitere svg{
font-size: 22px;
margin-right: 10px;
color: #007E46}
.box--person .spacer{
margin-bottom: 30px}
.berater .style10{
display: none}
.berater .box--person h3{
margin-bottom: inherit}

/* ** [ /src_project/sites/portal/css/3/form.css ] (@import) ** */
.webform .txt-l,.webform .txt-r{
font-weight: normal;
padding-bottom: 6px;
color: #606060}
.webuserform .rows,.webuserform .rows label,.webuserform .field{
float: left;
clear: both;
width: 100%}
.form-body .login-button .btn,.form-body .logout-button .btn{
font-weight: 700;
line-height: 1em;
display: inline-block;
padding: 1rem;
transition: all 0.2s linear 0s;
text-align: center;
color: #fff;
border: medium none;
border-radius: 3px;
background-color: #007E46}
.form-body .login-button .btn:hover,.form-body .login-button .btn:focus,.form-body .logout-button .btn:hover,.form-body .logout-button .btn:focus{
text-decoration: none;
color: #fff;
background-color: #004b2a;
box-shadow: none}
.webform{
position: relative;
float: left;
clear: both;
padding: 19px 20px 27px;
background: #f4f4f4 none repeat scroll 0 0}
.webform .button{
margin-top: 40px;
padding: 0;
background: none}
.webform h4.wf-title{
display: none}
.webform form label{
line-height: inherit}
.jbox-overlay-container{
overflow-x: hidden}
.formbody{
max-width: 400px;
max-height: 600px;
margin: 0;
padding: 15px}
.formbody .mailform{
padding-bottom: 30px}
.formbody .button{
margin-top: 20px}
.formbody label{
line-height: 30px;
clear: both;
width: 100%}
.formbody label span{
font-weight: normal;
line-height: 20px;
display: inline-block;
clear: both;
width: 100%}
.formbody label.senderinfo{
font-weight: normal}
.formbody label.senderinfo span{
display: none}
.formbody label.senderinfo input{
height: 13px;
margin: 9px 6px 0 0 !important}
.formbody input{
line-height: 30px;
clear: both;
width: 250px}
.formbody .secure{
position: relative}
.formbody .siimage{
position: absolute;
right: 10px}
.formbody .sendermessage textarea{
line-height: 20px !important;
width: 250px;
height: 80px !important}
.svr button{
position: absolute;
right: 20px}
.svr .nice-select{
margin-bottom: 20px}
.svr p{
display: block;
width: 100% !important;
max-width: inherit;
min-height: 40px}
.svr p > *{
vertical-align: inherit}
.svr td input{
width: 100px}
.betriebsfuehrung{
padding-top: 20px}
.betriebsfuehrung input{
height: auto !important;
margin: 0 10px}
.lk-service{
clear: both}
.checkform{
float: left;
width: 100%}
.checkform .filter{
font-size: 14px;
line-height: 42px !important;
float: left;
padding-right: 10px;
color: #858585 !important}
.checkform .nice-select{
float: left;
clear: none;
border-color: #dcdcdc !important}
.checkform .nice-select > *{
color: #858585 !important}
.webuserform{
width: 70%}
.webuserform .rows{
padding: 0 0 20px 0}
.webuserform .rows label{
font-weight: 500;
line-height: 20px;
display: block}
.webuserform .field input[type="text"]{
width: 100%}
.webuserform .field input[type="select"]{
width: 100%}
.webuserform .field .nice-select{
width: 100%}
.webuserform .field .nice-select .list{
width: 100%}
.webuserform .field input[type="checkbox"]{
height: auto;
margin-right: 10px}
.mandatory div.description{
font-weight: 500;
line-height: 20px;
float: left;
width: 100%;
margin-bottom: 5px}
.mandatory .field.wu-check label{
font-weight: 400}
.secure span{
line-height: 20px;
display: block;
float: left;
clear: both;
width: 100%;
margin-bottom: 5px}
.secure input{
display: block;
float: left;
clear: both;
width: 50%}
.secure .siimage{
margin: 5px}
.box--quickform .form-body{
display: block;
width: 100%;
margin-top: 0 !important;
padding: 1em;
background-color: #f4f4f4}
.box--quickform header{
margin-bottom: 0}
.box--quickform fieldset{
padding: 0 0 1em}
.box--quickform .kn-more span{
text-decoration: underline}
.loginform-first{
position: absolute;
left: 3000em;
width: 1px;
height: 1px}
.form-body label{
font-weight: 500;
line-height: 20px;
width: 100%}
.form-body .login-fieldrow{
padding-bottom: 10px}
.form-body .login-button{
margin: 10px 0 40px}
.form-body .register-button{
float: left;
padding-right: 10px}
.form-body .register-button .btn{
border: 1px solid #ababab}
.form-body .forgetten-button{
float: left;
padding-right: 10px}
.form-body .forgetten-button .btn{
border: 1px solid #ababab}
.form-body .text{
margin: 0 0 20px}
.form-body .formsecure .form-group{
float: left}
.form-body .form-control:focus{
border-color: #9bc3a8;
outline: 0 none;
box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(155,195,168,0.6) !important}
.lk_service .navbar-nav a{
font-size: 14px;
font-weight: 400;
padding-right: 8px;
padding-left: 8px}
.list-2columns .media:first-child{
margin-top: 1.2rem !important}

/* ** [ /src_project/sites/portal/css/3/search.css ] (@import) ** */
.list-searchresult .ft-download,.list-searchresult .fdown .ft-article a{
display: block;
clear: both;
padding-top: 4px}
.trefferverteilung svg{
margin-right: 4px}
.trefferverteilung .svgicon-download{
position: relative;
left: -2px;
margin-right: 0}
.trefferverteilung .active a{
font-weight: normal;
color: #000000}
.list-searchresult > li > a{
display: table-cell;
width: 90%}
.list-searchresult > li.fanz .anzmail{
line-height: 16px}
.list-searchresult > li.fanz > time{
font-size: 1.4rem;
display: table-cell;
width: 20%;
padding: 1em 2em;
vertical-align: middle}
.list-searchresult > li.fanz span.vert-spacer{
padding-right: 10px}
.list-searchresult > li.fanz span.vert-spacer{
padding-right: 10px}
.list-searchresult .ft_table{
display: inline-block;
padding-top: 6px}
.list-searchresult .ft_table a{
display: inline-block}
#search-form{
margin: 10px 0 0 0 !important}
#search-form input{
line-height: 2rem;
width: calc(100% - 40px)}
#search-form button{
max-width: 40px;
text-align: center}
#main-header .main-search{
margin-top: 0 !important}
#main-header #search-form input{
line-height: 2rem;
width: calc(100% - 40px)}
.box > header h2:not(:only-child) + .pagination{
float: right;
margin: 0}
.slider-articles a > header h2:not(:only-child) + .pagination{
float: right;
margin: 0}
.list-kleinanzeigen li > header h2:not(:only-child) + .pagination{
float: right;
margin: 0}
.list-filtered-downloads.list-searchresult > li:last-of-type{
border-bottom: none}
.list-articles.vt li{
padding-bottom: 0}
.list-articles.vt li > a::before{
left: 0}
.trefferverteilung svg{
margin-right: 4px}
.trefferverteilung .svgicon-download{
position: relative;
left: -2px;
margin-right: 0}
.trefferverteilung .active a{
font-weight: normal;
color: #000000}
.list-articles.vt li{
padding-bottom: 0}
.list-articles.vt li > a::before{
left: 0}

@media screen and (-webkit-min-device-pixel-ratio: 0){

#solr-form-submit-forw{
float: left;
padding-top: 7px}}

/* ** [ /src_project/sites/portal/css/3/masonry.css ] (@import) ** */
.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 #dcdcdc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px}
.masonry-articles li{
width: calc(33.3333% - 30px);
padding-top: 1rem;
padding-bottom: 2rem}
.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: "\6c";
color: #007E46}
.masonry-articles h3{
color: #000000}
@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}

/* ** [ /src_project/sites/portal/css/3/customer.css ] (@import) ** */
.kazform .teaser a{
font-weight: 500;
}
.kazform .teaser a::before{
margin: 0 5px;
top: 2px;
position: relative;
}
.kazform .txt-l{
font-weight: 500;
}
.kazform label li{
font-weight: 500;
color: #000;
}
.kazform .wf-area label{
margin-bottom: 0px;
}
.kazform .haftungsausschluss{
margin: 30px 0;
}
.kazform ul.wf-sp2{
padding-left: 2.5rem!important;
}
.kazform .secure{
width: 100%;
padding-top: 30px;
}
.kazform .secure span{
margin: 0;
}
.kazform .recaptcha{
min-height: 78px;
float: left;
}
.kazform .nice-select{
width: 100%;
}
.kazform .nice-select .current{
font-size: 16px;
}
.kazform .nice-select .list{
width: 100%;
font-size: 16px;
}
.list-kleinanzeigen .vert-spacer{
width: 6px;
display: inline-block;
}


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


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

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

header.header--plain{
color: #616161;
}

.header__upper{
height: 2.3rem;
margin-top: 1.7rem;
}
aside > .box--white.inhalt h2{
letter-spacing: 0.5px;
}

.content-container .teaser.summary{
margin-bottom: 1em;
}
article section figure.figure--fullwidth{
margin-top: 0px;
}

.header--underlined > h1 + .link-more,
.header--underlined > h2 + .link-more,
.header--underlined > h3 + .link-more{
bottom: 0.53rem;
}

main .werbung.boxcnt1 a{
width: 100%;
text-align: center;
}
main .werbung.boxcnt2 a{
float: left;
text-align: center;
width: 50%;
max-width: calc(50% - 15px);
}
main .werbung.boxcnt3 a{
width: 33%;
float: left;
text-align: center;
max-width: calc(33% - 8px);
}
section.infobutton img{
height: auto;
width: auto !important;
max-width: 100%;
}

@media (max-width: 767px){
figure{
display: block;;
}
}

article .media-content.movie{
line-height: 0;
}
article .media-content.movie .cont-video{
background-color: #f4f4f4;
line-height: 0.2em;
margin-bottom: 0.5em;
padding-bottom: 0;
text-align: center;
width: 100%;
}
article section figure.figure--fullwidth{
margin-top: 0;
}


.list-video .icon-play::before{
top: calc(50% - 0rem);
background-color: #aaa;
border: 1px solid #aaa;
}
.list-video .icon-play span img{
height: auto;
width: 73px;
}


#mobile-navigation #trigger-bundesland{
border:none;
width:20px;
height:20px;
background-color: transparent;
}
#mobile-navigation #trigger-menu{
border:none;
width:20px;
height:20px;
background-color: transparent;
}
#mobile-navigation #trigger-menu svg{
fill: #fff;
}
#mobile-navigation #trigger-menu.collapsed svg{
fill: #ffffff;
}
#mobile-navigation{
position:absolute;
top:35px;
right:10px;
width:auto;
}
#mobile-navigation button{
background-color: transparent;
border: none;
padding: 0;
margin: 0 0 0 10px;
position:relative;
}
#mobile-navigation button svg{
fill: #ffffff;
height:1.4em;
width: 1.4em;
position:absolute;
top:0px;
left:0px;
}
#mobile-navigation .svgicon-close-burger{
fill: #ffffff;
height:1.2em;
width: 1.2em;
position:absolute;
top:0px;
left:0px;
}
#mobile-navigation #trigger-bundesland .svgicon-burger use{
fill: #ffffff;
height: 2.4em;
width: 2.4em;
}
#mobile-navigation #trigger-bundesland::after{
content: ""
}
.logo-second{
display: inline;
}
@media (max-width: 767px){
.logo-second{
overflow:hidden;
overflow: hidden;
height: 19px;
display: block ;
position:relative;
}
.logo-second img{
position:absolute;
top:-16px;
left:0px;
}
.logo__bundesland{
clear:both;
height:35px;
}
.logo__logo{
clear: both;
display: block;
margin: 0px 0 5px 10px;
width: 170px;
height: 48px;
}
.logo{
margin:7px 5px 7px 0px;
display: block;
width:60%;
}
#toggle-searchCollapse{
border-top: 1px solid #2d9c69;
}
#mobile-navigation{
top:25px;
}
}
@media (max-width: 480px){
.logo__bundesland{
clear:both;
height:31px;
}
.logo__logo{
clear: both;
display: block;
margin: 0px 0 5px 10px;
width: 150px;
height: 42px;
}
#mobile-navigation{
top:20px;
}
.logo-second img{
position:absolute;
top:-15px;
left:0px;
}
}
@media (max-width: 320px){
.logo__bundesland{
clear:both;
height:27px;
}
.logo__logo{
clear: both;
display: block;
margin: 0px 0 5px 10px;
width: 130px;
height: 37px;
}
.logo-second img{
position:absolute;
top:-13px;
left:0px;
}
}
.hamburger-close.collapsed .svgicon-burger{
transform: rotate(0deg) scale(1,1) ;
-webkit-transform:rotate(0deg) scale(1,1);
-moz-transform:rotate(0deg) scale(1,1);
-o-transform: rotate(0deg) scale(1,1);
-ms-transform: rotate(0deg) scale(1,1);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.hamburger-close.collapsed .svgicon-close-burger{
transform: rotate(45deg) scale(0.0,0.0);
-webkit-transform: rotate(45deg) scale(0.0,0.0);
-moz-transform: rotate(45deg) scale(0.0,0.0);
-o-transform: rotate(45deg) scale(0.0,0.0);
-ms-transform: rotate(45deg) scale(0.0,0.0);
fill: #007e46;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.hamburger-close .svgicon-burger{
transform: rotate(-45deg) scale(0.0,0.0);
-webkit-transform: rotate(-45deg) scale(0.0,0.0);
-moz-transform: rotate(-45deg) scale(0.0,0.0);
-o-transform: rotate(-45deg) scale(0.0,0.0);
-ms-transform: rotate(-45deg) scale(0.0,0.0);
fill: #007e46;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.hamburger-close .svgicon-close-burger{
transform: rotate(0deg) scale(1,1) ;
-webkit-transform:rotate(0deg) scale(1,1);
-moz-transform:rotate(0deg) scale(1,1);
-o-transform: rotate(0deg) scale(1,1);
-ms-transform: rotate(0deg) scale(1,1);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.print-logo-first,
.print-logo-second{
display:none;
}


.box.box--special a{
clear: both;
}

.box.panel.staff-box{
box-shadow: none;
}

.box--person span[itemprop="streetAddress"]{
width: 100%;
display: block;
}
.box--person span[itemprop="addressLocality"]{
margin-left: 5px;
}

.box.werbung [href*=".pdf"]::before,
.box.werbung [href*=".doc"]::before,
.box.werbung [href*=".xls"]::before{
content: "";
}

.list-boxes ul{
margin-left: -15px;
margin-right: -15px;
padding-left: 0;
list-style: none;
clear: both;
}
.list-boxes li{
text-align: left;
margin: 15px 15px 0;
width: calc(33.33333% - 30px);
padding-bottom: 1rem;
padding-top: 2rem;
border-top: 1px solid #dcdcdc;
float: left;
}
.list-boxes .first li{
border-top: none;
}
.list-boxes li h3{
margin-top: 0;
color: #000000;
}

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

/* ** [ /src_project/sites/lk_niederoesterreich/css/3/lk_niederoesterreich.css ] ** */
.modal .modal-button.download{
display: block;
}
.box--person .media-body p span{
clear: both;
}

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