/* *** generated @ 2024-03-30 03:52:59 *** */

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


/* ** [ /src_project/sites/portal/css/4/./content.css ] (@import) ** */
.werbung{
background: #f4f4f4;
padding: 1rem 0;
}
@media (max-width: 575.98px){
.werbung{
padding-right: 15px;
}
}
.werbung img{
max-width: 100%;
height: auto;
}
.werbung .container > .row{
position: relative;
justify-content: center;
}
.werbung .container > .row:after{
content: "WERBUNG";
font-size: 0.6rem;
font-weight: 500;
display: inline-block;
color: #717479;
position: absolute;
bottom: 15px;
right: -41px;
transform: rotateZ(-90deg) translateX(-50%);
transform-origin: 0 0 0;
letter-spacing: 1px;
}
.werbung .container > .row > div{
display: inline-flex;
justify-content: center;
}
@media (max-width: 767.98px){
.werbung .container > .row > div{
margin-bottom: 15px;
}
.werbung .container > .row > div:last-child{
margin-bottom: 0;
}
}
.werbung .container > .row + .row{
margin-top: 1rem;
}
aside .werbung{
clear: both;
display: block;
background: #f4f4f4;
padding: 1.875rem;
margin: 1.875rem 0;
clear: both;
display: block;
float: left;
width: 100%;
}
aside .werbung:first-child{
margin-top: 0;
}
aside .werbung > .row{
justify-content: center;
}
aside .werbung > .row > div{
display: inline-flex;
justify-content: center;
position: relative;
min-height: 3.25rem;
align-items: flex-end;
}
aside .werbung > .row > div:after{
content: "WERBUNG";
font-size: 0.6rem;
font-weight: 500;
display: inline-block;
color: #575c62;
position: absolute;
bottom: 14px;
right: -39px;
transform: rotateZ(-90deg) translateX(-50%);
transform-origin: 0 0 0;
letter-spacing: 0.05rem;
}
aside .werbung > .row > div + div{
margin-top: 1.875rem;
}
@keyframes slideInFromTop{
0%{
transform: translateY(-100%);
}
100%{
transform: translateY(0);
}
}
@keyframes slideInFromRight{
0%{
transform: translateX(-100%);
}
100%{
transform: translateX(0);
}
}
@keyframes fadeTop{
0%{
opacity: 0;
top: -100%;
}
100%{
opacity: 1;
top: 0;
}
}
@keyframes fadeHead{
0%{
opacity: 0;
left: -50%;
}
100%{
opacity: 1;
left: 0;
}
}
.home-stage .stage-claimer{
opacity: 0;
animation: fadeTop 3s cubic-bezier(0.74,0.06,0.4,0.92) forwards;
animation-delay: 2s;
}
.home-stage .main-story{
opacity: 0;
animation: fadeHead 3s cubic-bezier(0.74,0.06,0.4,0.92) forwards;
animation-delay: 0s;
position: relative;
}

.icon-header:hover:before,.icon-header:focus:before,
.info-area .content-container:hover:before,
.info-area .content-container:focus:before,
.list-content.abo-box .content-container h3 a:hover:before,
.list-content.abo-box .content-container h3 a:focus:before{
transition: 1.5s;
transform: rotateY(180deg);
}
.action-btn.inactive li > div:hover svg,.action-btn.inactive li > div:focus svg,
.action-btn li > a:hover svg,
.action-btn li > a:focus svg{
transition: 1.5s;
transform: rotateY(180deg);
}

.action-btn.inactive li > div,
.action-btn li > a,
.btn{
transition: all 300ms ease;
}
.action-btn.inactive li > div:hover,.action-btn.inactive li > div:focus,
.action-btn li > a:hover,
.action-btn li > a:focus,
.btn:hover,
.btn:focus{
transform: scale(1.1);
}
aside .info-area{
display: block;
float: left;
width: 100%;
padding: 0;
}
aside .info-area .content-container{
border-bottom: 5px solid #c7c7c7;
margin: 0;
padding: 2rem 0;
}
.info-area{
padding: 3rem 0 1.5rem;
}
.info-area > .container > .row{
border-top: 5px solid #c7c7c7;
margin-top: 1rem;
padding: 1rem 0 0rem;
}
.info-area.content{
margin-top: 1.5rem;
padding: 1.5rem 0 0rem;
}
@media (max-width: 767.98px){
.info-area.content{
margin-top: 0;
padding: 0rem;
}
}
.info-area .content-text{
color: #2b2e31;
}
.info-area .content-text a{
text-decoration: underline;
color: #2b2e31;
}
.info-area .content-text .date{
display: block;
}
.info-area .content-text .date,
.info-area .content-text .date a{
font-size: 0.85rem;
color: #a3a3a3;
text-decoration: none;
}
.info-area .content-text .more{
text-decoration: none;
color: #7da8ae;
font-size: 0.85rem;
}
.info-area .content-text .more:hover,.info-area .content-text .more:focus{
text-decoration: underline;
}
.info-area .content-container{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.info-area .content-container:before{
font-family: portalFont;
align-self: center;
margin-right: 1rem;
font-size: 2rem;
}
.info-area .content-container.newsletter:before{
content: "\e91a";
}
.info-area .content-container.new h3 a{
position: relative;
}
.info-area .content-container.new h3 a:before{
width: 3rem;
height: 3rem;
position: absolute;
right: -2.2rem;
top: -2.5rem;
content: "";
background: transparent  url("/src_project/svg/portal/badge.svg") no-repeat top center;
}
.info-area .content-container.service:before{
content: "\e91e";
}
.info-area .content-container.charts:before{
content: "\e906";
}
.info-area .content-container.testabo:before{
content: "\e934";
}
.info-area .content-container h3{
color: white;
text-transform: uppercase;
font-size: 1.25rem;
line-height: 1.4;
display: inline;
position: relative;
background: #7da8ae;
}
.info-area .content-container h3 a{
color: white;
position: relative;
background: #7da8ae;
text-decoration: none;
padding: 0 10px;
background: #7da8ae;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.icon-header{
margin: 2rem 0 1rem;
}
.icon-header:before{
font-family: portalFont;
margin-right: 0.55rem;
font-size: 1.2rem;
top: 3px;
position: relative;
display: inline-block;
}
.icon-header.aiz-charts:before{
top: 2px;
content: "\e906";
}
.icon-header.aiz-abo:before{
top: 2px;
content: "\e921";
}
.icon-header.aiz-meldungen:before{
content: "\e922";
}
.icon-header.ots-meldungen:before{
content: "\f78c";
font-size: 1.5rem;
font-family: "Font Awesome 5 Free";
font-weight: 700;
font-style: normal !important;
color: #a3a3a3;
}
.icon-header h3{
color: white;
font-size: 1.25rem;
line-height: 1.4;
display: inline;
position: relative;
padding-right: 10px;
background: #74a706;
}
.icon-header h3 a{
color: white;
position: relative;
background: #74a706;
text-decoration: none;
left: 5px;
}
.icon-header h3 a:after{
content: " ";
width: 5px;
height: 100%;
position: absolute;
right: -4px;
background: #74a706;
top: 0;
z-index: -5;
}
.mail-icon-header,
.chart-icon-header,
.service-icon-header,
.nl-icon-header{
position: relative;
padding-left: 60px;
}
@media (max-width: 991.98px){
.mail-icon-header,
.chart-icon-header,
.service-icon-header,
.nl-icon-header{
padding-left: 0;
}
}
@media (max-width: 991.98px){
.mail-icon-header header,
.chart-icon-header header,
.service-icon-header header,
.nl-icon-header header{
padding-left: 60px;
}
}
.mail-icon-header h1,
.chart-icon-header h1,
.service-icon-header h1,
.nl-icon-header h1{
color: white;
background: #74a706;
width: auto;
display: inline;
padding-left: 0.45rem;
padding-right: 0.45rem;
}
.mail-icon-header:before,
.chart-icon-header:before,
.service-icon-header:before,
.nl-icon-header:before{
font-family: portalFont;
align-self: center;
margin-right: 1rem;
font-size: 2rem;
content: "\e91a";
position: absolute;
left: 0;
}
.mail-icon-header > header,
.mail-icon-header .content-container,
.chart-icon-header > header,
.chart-icon-header .content-container,
.service-icon-header > header,
.service-icon-header .content-container,
.nl-icon-header > header,
.nl-icon-header .content-container{
flex-grow: 1;
}
.chart-icon-header:before{
content: "\e906";
}
.mail-icon-header:before{
content: "\e92b";
font-size: 1.45rem;
top: 5px;
}
.service-icon-header:before{
content: "\e91e";
}
.wetter-icon-header{
text-align: center;
margin-bottom: 1.5rem;
}
.wetter-icon-header.small{
margin-bottom: 0.5rem;
margin-top: 2.5rem;
}
.wetter-icon-header.small header{
padding-left: 40px;
}
.wetter-icon-header.small header:before{
font-size: 1.6rem;
margin-top: -4px;
}
.wetter-icon-header header{
position: relative;
padding-left: 60px;
display: inline-block;
width: auto;
}
.wetter-icon-header header h1{
color: white;
background: #74a706;
width: auto;
display: inline;
padding-left: 0.45rem;
padding-right: 0.45rem;
}
.wetter-icon-header header h2{
color: white;
background: #74a706;
width: auto;
display: inline;
padding-left: 0.45rem;
padding-right: 0.45rem;
}
.wetter-icon-header header:before{
font-family: "Font Awesome 5 Free";
font-weight: 700;
font-style: normal !important;
content: "\f743";
align-self: center;
margin-right: 1rem;
font-size: 2rem;
position: absolute;
left: 0;
}
@media (max-width: 767.98px){
body.openmenu{
overflow: hidden;
}
}
article span.date{
display: flex;
}
@media (min-width: 576px){
article span.date{
justify-content: space-between;
}
}
@media (max-width: 575.98px){
article span.date{
flex-direction: column-reverse;
}
}
@media (max-width: 575.98px){
article span.date .aiz-pdf{
margin-bottom: 0.85rem;
}
}
article span.date .aiz-pdf a:before{
font-family: portalfont;
content: "\e90d";
margin-right: 0.3rem;
color: #bb0d0d;
}
article span.date.ots-icon{
justify-content: flex-start;
}
.skip-content{
font-size: 1.8rem;
text-align: center;
padding: 2rem;
font-weight: bold;
background-color: #74a706;
border: 2px solid #ffffff;
color: #ffffff;
position: fixed !important;
width: 400px;
left: calc(50% - 200px);
top: 15% !important;
z-index: 9999 !important;
}
a:hover{
text-decoration: underline;
}
main{
padding-top: 0;
}
.no-full-width{

width: 100%;
margin: auto;
}
main article section{
width: 100%;
float: left;
}
.sticky-wrapper{
position: relative;
}
.sticky-wrapper .btn-wrapper{
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.sticky-btn{
position: sticky;
top: 150px;
z-index: 50;
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.sticky-btn .action-btn-title{
margin-bottom: 0.5rem;
}
.more{
color: #74a706;
text-transform: uppercase;
font-family: RobotoSlab;
font-weight: bold;
}
.more:hover,.more:focus{
text-decoration: underline;
}
.content-container.btn-center{
text-align: center;
}
.content-container.login-box{
background-color: #eef4f4;
padding: 1.8rem 3rem 1.8rem;
position: relative;
}
.home-stage{
background-image:  url("/src_project/img/portal/hg_bild_start.webp");
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
padding: 1.5rem 0;
min-height: 200px;
}
.home-stage .stage-claimer{
background: #eef4f4;
padding: 10px 30px 15px 30px;
position: relative;
display: block;
float: left;
width: 100%;
}
.home-stage .stage-claimer #collapseClaimer{
overflow: hidden;
}
.home-stage .stage-claimer:before{
content: "";
position: absolute;
top: -18px;
border: solid transparent;
border-color: rgba(238,244,244,0);
border-bottom-color: #eef4f4;
border-width: 15px;
border-top-width: 3px;
left: 30px;
}
@media (min-width: 992px){
.home-stage .stage-claimer .calimer-content{
display: block !important;
}
}
.home-stage .stage-claimer .collapse-link{
position: absolute;
right: 0;
}
@media (min-width: 992px){
.home-stage .stage-claimer .collapse-link{
display: none;
}
}
.home-stage .stage-claimer .collapse-link:hover,.home-stage .stage-claimer .collapse-link:focus{
text-decoration: none;
}
@media (max-width: 575.98px){
.home-stage .stage-claimer .collapse-link{
right: -15px;
}
}
.home-stage .stage-claimer .collapse-link span{
font-style: inherit;
}
.home-stage .stage-claimer .collapse-link span:before{
font-family: portalfont;
content: "\e900";
}
.home-stage .stage-claimer .collapse-link.collapsed span:before{
content: "\e901";
}
.home-stage .stage-claimer .content-container{
margin: 0;
}
.home-stage .stage-claimer .content-text{
font-size: 0.85rem;
color: #575c62;
}
.home-stage .stage-claimer .content-text h1,
.home-stage .stage-claimer .content-text h3{
font-size: 1.25rem;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 0.15rem 0;
color: #2b2e31;
position: relative;
}
.home-stage .stage-claimer .content-text h1 a,
.home-stage .stage-claimer .content-text h3 a{
color: #2b2e31;
font-size: 1.25rem;
font-weight: bold;
text-transform: uppercase;
margin: 0;
color: #2b2e31;
}
.home-stage .stage-claimer .content-text .date{
font-weight: light;
display: block;
clear: both;
margin-bottom: 0.25rem;
font-size: 1rem;
color: #575c62;
}
.home-stage .stage-claimer .content-text .date a{
font-weight: light;
color: #575c62;
font-size: 1rem;
}
.home-stage .stage-claimer .content-text a{
color: #2b2e31;
font-weight: light;
font-size: 0.85rem;
}
.home-stage .stage-claimer .content-text a.more,
.home-stage .stage-claimer .content-text .more{
color: #74a706;
font-size: 0.75rem;
}
.home-stage .stage-claimer .content-text a.more:hover,.home-stage .stage-claimer .content-text a.more:focus,
.home-stage .stage-claimer .content-text .more:hover,
.home-stage .stage-claimer .content-text .more:focus{
text-decoration: underline;
}
.home-stage .main-story .date-header{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin: 0 0 1rem 0;
}
@media (max-width: 575.98px){
.home-stage .main-story .date-header{
flex-wrap: wrap;
}
}
.home-stage .main-story .date-header h2{
font-size: 2.188rem;
font-weight: bold;
line-height: 1.13;
margin: 0;
}
@media (min-width: 992px){
.home-stage .main-story .date-header h2{
width: 80%;
}
}
@media (max-width: 767.98px){
.home-stage .main-story .date-header h2{
font-size: 1.6rem;
margin-top: 0.5rem;
}
}
.home-stage .main-story .date-header h2 a{
color: #74a706;
text-decoration: none;
}
.home-stage .main-story .date-header .right{
margin-left: 0.85rem;
}
@media (max-width: 575.98px){
.home-stage .main-story .date-header .right{
margin-left: 0;
}
}
.home-stage .main-story .date-header .right .date{
font-size: 0.85rem;
color: #a3a3a3;
}
.home-stage .main-story .date-header .right .date a{
color: #a3a3a3;
text-decoration: none;
}
.home-stage .main-story .content-text{
color: #2b2e31;
}
.home-stage .main-story .content-text a{
text-decoration: underline;
color: #2b2e31;
}
.home-stage .main-story .content-text .more{
text-decoration: none;
color: #74a706;
font-size: 0.85rem;
}
.home-stage .main-story .content-text .more:hover,.home-stage .main-story .content-text .more:focus{
text-decoration: underline;
}
.home-stage .main-story .date.icon{
width: 112px;
height: 112px;
max-width: 112px;
display: inline-flex;
background-image: linear-gradient(to top,#74a706 0%,#9ac505 100%);
color: white;
justify-content: center;
align-items: center;
flex-direction: column;
}
@media (max-width: 767.98px){
.home-stage .main-story .date.icon{
width: 85px;
height: 85px;
max-width: 85px;
flex: 0 0 85px;
}
}
.home-stage .main-story .date.icon .day{
font-family: RobotoSlab;
font-size: 3.2rem;
line-height: 1;
width: 112px;
text-align: center;
}
@media (max-width: 767.98px){
.home-stage .main-story .date.icon .day{
width: 85px;
font-size: 1.8rem;
}
}
.home-stage .main-story .date.icon .month,
.home-stage .main-story .date.icon .year{
font-size: 0.85rem;
line-height: 1.2;
}
.home-stage .main-story .date.icon a{
color: white;
}
.breadcrumb-link{
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: -2rem;
margin-bottom: 2rem;
}
@media (min-width: 992px){
.breadcrumb-link{
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}
}
.breadcrumb-link .title{
text-transform: uppercase;
color: #74a706;
font-weight: bold;
}
@media (min-width: 992px){
.breadcrumb-link .title{
display: none;
}
}
.breadcrumb-link .back{
color: #a3a3a3;
font-size: 0.8rem;
}
.breadcrumb-link .back:before{
font-family: "Font Awesome 5 Free";
font-size: 0.5rem;
font-weight: 700;
font-style: normal !important;
font-variant: normal;
position: relative;
margin-right: 5px;
margin-left: 0.3em;
content: "\f053";
}
.date,
.date a{
font-size: 0.85rem;
color: #a3a3a3;
text-decoration: none;
}
.info-text-link{
display: block;
float: left;
width: 100%;
border-bottom: 5px solid #c7c7c7;
}
@media (max-width: 767.98px){
.info-text-link{
border: none;
}
}
.info-text-link .more{
font-size: 0.85rem;
line-height: 1.2;
}
.info-text-link h3{
font-size: 0.95rem;
line-height: 1.2;
}
@media (max-width: 767.98px){
aside{
padding-top: 1rem;
}
}
img{
max-width: 100%;
height: auto;
}
h3{
font-size: 1.25rem;
color: #2b2e31;
line-height: 1.3;
}
h3 a{
color: #2b2e31;
}
.login-btn{
margin-bottom: 0;
}
@media (max-width: 991.98px){
.login-btn{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.login-btn span{
display: none;
}
.login-btn span.login{
font-style: normal;
display: block;
}
.login-btn span.login:before{
font-family: "portalfont";
content: "\e91b";
}
.list-content{
margin: 0.8rem 0;
}
.list-content.ticker .content-container{
border-left: 2px solid #74a706;
margin: 0.9rem 0 0.6rem;
}
.list-content.ticker .content-container h3{
line-height: 1.2;
font-size: 1.2rem;
}
.list-content.chart{
overflow: hidden;
}
.list-content.chart .chart-slider{
margin: 0 -15px;
}
.list-content.chart .chart-slider .helper-box{
margin-left: 15px;
margin-right: 15px;
}
.list-content.chart .content-container{
padding: 1rem 1.3rem;
border: 1px solid #c7c7c7;
box-shadow: 0px 0px 13px rgba(0,0,0,0.34);
}
.list-content .show-all{
margin-left: 0.5rem;
font-size: 0.85rem;
font-weight: normal;
}
.list-content .show-all:before{
font-family: "portalfont";
content: "\e918";
font-size: 0.65rem;
top: -1px;
display: inline-block;
position: relative;
}
.list-content.abo-box .content-container h3 a:before{
font-family: portalFont;
margin-right: 0.35rem;
font-size: 0.8rem;
position: relative;
display: inline;
color: #74a706;
content: "\e921";
top: -2px;
}
.list-content .content-container{
padding: 0 1rem 0 2rem;
border-left: 1px solid #c7c7c7;
margin: 0.9rem 0;
}
@media (max-width: 575.98px){
.list-content .content-container{
padding-left: 1rem;
}
}
.list-content .content-container .date{
clear: both;
margin-bottom: 0.8rem;
}
.list-content .content-container h3{
margin-bottom: 0.2rem;
}
.list-content .content-container a{
display: block;
}
.list-content .content-container a .more{
font-size: 0.83rem;
}
.box.boerse header h3{
font-size: 2rem;
}
.box.boerse .more.seperate{
font-family: Roboto;
font-size: 0.75rem;
font-weight: normal;
text-decoration: underline;
}
@media (min-width: 768px){
.box.boerse .more.seperate{
display: none;
}
}
.box.boerse .right{
width: 40px;
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 575.98px){
.box.boerse .right{
width: 30px;
}
}
.box.boerse .right.up{
background-image:  url(/src_project/img/portal/up.gif?1710399273);
}
.box.boerse .right.down{
background-image:  url(/src_project/img/portal/down.gif?1710399273);
}
.box.boerse .right.equal{
background-image:  url(/src_project/img/portal/equal.gif?1710399273);
}
.box.boerse .content-table{
font-size: 0.9rem;
line-height: 1.2;
}
@media (max-width: 575.98px){
.box.boerse .content-table{
font-size: 0.8rem;
line-height: 1;
margin-bottom: 0;
}
}
.box.boerse .content-table tr td,
.box.boerse .content-table tr th{
padding-left: 0;
padding-right: 0;
text-align: center;
}
.box.boerse .content-table tr td:first-child,
.box.boerse .content-table tr th:first-child{
text-align: left;
}
.box.boerse .content-table .table-head{
background: transparent;
}
.box.boerse .content-table .table-head th{
font-weight: normal;
}
.box.boerse .content-table .table-head h3{
color: #5b6066;
margin: 0;
font-weight: bold;
font-size: 0.9rem;
}
@media (max-width: 575.98px){
.box.boerse .content-table .table-head h3{
font-size: 0.8rem;
line-height: 1;
font-weight: 500;
}
}
.box.boerse .content-table .table-head .product{
text-tranform: uppercase;
color: #2b2e31;
font-size: 0.85rem;
font-weight: bold;
}
@media (max-width: 575.98px){
.box.boerse .content-table .table-head .product{
font-size: 0.8rem;
font-weight: normal;
color: #575c62;
text-transform: none;
}
}
.box-margin{
margin: 1rem 0;
}
.login-form.content-login{
background-color: #74a706;
padding: 2rem 2rem 3rem 2rem;
background-image:  url(/src_project/img/portal/transp-logo.png?1710399273);
background-position: bottom center;
background-size: 108% auto;
background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 991.98px){
.login-form.content-login{
padding: 1rem 1rem 3rem 1rem;
}
.login-form.content-login input,
.login-form.content-login button{
width: 100%;
}
}
.login-form.content-login h4{
color: #fefefe;
font-family: RobotoSlab;
font-weight: 500;
text-transform: uppercase;
font-size: 1.3rem;
margin-bottom: 0.85rem;
}
@media (min-width: 1200px){
.login-form.content-login h4{
max-width: 75%;
}
}
@media (max-width: 767.98px){
.login-form.content-login .form-inline{
display: none;
}
}
.login-form.content-login .form-inline .form-group{
margin: 0.5rem 0;
margin-left: 0px !important;
margin-right: 0px !important;
}
@media (min-width: 992px){
.login-form.content-login input,
.login-form.content-login button{
width: 175px;
}
}
.login-form.content-login .login-btn{
border: none;
text-transform: uppercase;
font-family: RobotoSlab;
font-weight: 500;
margin-top: 0.5rem;
display: inline-flex;
flex-direction: row-reverse;
justify-content: center;
}
.login-form.content-login .login-btn span{
display: inline;
}
.login-form.content-login .login-btn i{
font-style: normal;
margin-left: 0.5rem;
}
.nl-box{
padding: 1.5rem 1rem;
margin: 0 0 2rem 0;
background-color: #becfd2;
position: relative;
overflow: hidden;
}
@media (min-width: 768px) and (max-width: 991.98px){
.nl-box{
padding-top: 0.4rem;
}
}
@media (max-width: 350px){
.nl-box{
padding-top: 0.4rem;
}
}
.nl-box:after{
position: absolute;
content: "\e91a";
font-family: portalfont;
right: -50px;
bottom: -52px;
font-size: 10rem;
color: #a7c3c7;
font-weight: bold;
z-index: 10;
transform: rotate(-10deg);
}
.nl-box .nl-header{
position: relative;
display: flex;
align-items: flex-start;
z-index: 60;
}
@media (min-width: 768px) and (max-width: 991.98px){
.nl-box .nl-header{
align-items: flex-end;
display: flex;
flex-wrap: wrap;
}
.nl-box .nl-header .nl-sticker{
margin-bottom: -11px !important;
position: relative;
top: inherit;
font-size: 0.8rem;
line-height: 0.95rem;
width: 77px;
height: 77px;
order: 1;
margin-right: -0.5rem;
margin-left: auto !important;
transform: rotate(10deg);
}
.nl-box .nl-header .bg-header{
order: 2;
}
}
@media (max-width: 340px){
.nl-box .nl-header{
align-items: flex-end;
display: flex;
flex-wrap: wrap;
}
.nl-box .nl-header .nl-sticker{
margin-bottom: -11px !important;
position: relative;
top: inherit;
font-size: 0.8rem;
line-height: 0.95rem;
width: 77px;
height: 77px;
order: 1;
margin-left: auto;
transform: rotate(10deg);
}
.nl-box .nl-header .bg-header{
order: 2;
}
}
@media (max-width: 767.98px){
.nl-box .nl-header{
justify-content: space-between;
}
}
.nl-box .nl-header .nl-sticker{
margin-left: -8px;
margin-bottom: -90px;
}
.nl-box .bg-header{
color: white;
font-size: 1.45rem;
line-height: 1.4;
display: inline;
font-weight: bold;
position: relative;
padding: 0px 9px;
background: #80a2a9;
}
@media (min-width: 1200px){
.nl-box .bg-header{
font-size: 1.75rem;
}
}
@media (min-width: 768px) and (max-width: 991.98px){
.nl-box .bg-header{
font-size: 1.25rem;
}
}
@media (min-width: 992px) and (max-width: 1199.98px){
.nl-box .bg-header{
font-size: 1.25rem;
}
}
.nl-box .nl-txt{
margin: 0.8rem 0 1.95rem;
padding-right: 110px;
padding-left: 9px;
z-index: 50;
position: relative;
font-size: 1.1rem;
}
@media (min-width: 992px) and (max-width: 1199.98px){
.nl-box .nl-txt{
padding-right: 95px;
}
}
@media (min-width: 768px) and (max-width: 991.98px){
.nl-box .nl-txt{
padding-right: 0;
}
}
@media (max-width: 340px){
.nl-box .nl-txt{
padding-right: 0;
}
}
.nl-box .nl-sticker{
border-radius: 100px;
background-color: white;
text-align: center;
color: black;
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.185rem;
transform: rotate(-10deg);
}
.nl-box .btn{
z-index: 50;
position: relative;
font-size: 1.095rem;
padding: 0.55rem 1.1rem;
border-width: 2px;
}
.nl-box .btn.btn-outline-dark{
background-color: #becfd2;
}
.nl-box .btn.btn-outline-dark:hover,.nl-box .btn.btn-outline-dark:focus{
background-color: #2b2e31;
}
@media (min-width: 768px){
.nl-box.fullbanner{
margin: 2rem 0 0 0;
padding: 3.5rem 12rem;
display: flex;
align-items: center;
justify-content: space-between;
}
}
@media (min-width: 768px) and (max-width: 991.98px){
.nl-box.fullbanner{
padding: 3.5rem 5rem;
}
}
@media (min-width: 768px){
.nl-box.fullbanner .btn{
flex: 0 0 auto;
padding: 1.5rem;
}
.nl-box.fullbanner:after{
right: inherit;
left: -50px;
bottom: -60px;
}
.nl-box.fullbanner .nl-txt{
padding-right: 0;
margin: 0.35rem 6rem 0 0;
padding-left: 10px;
}
.nl-box.fullbanner .nl-header{
align-items: flex-end;
display: flex;
}
.nl-box.fullbanner .nl-header .nl-sticker{
margin-bottom: -50px;
position: relative;
top: -50px;
}
}
.btn-box.small{
display: block;
float: left;
width: 100%;
}
.btn-box.small .btn{
font-size: 0.85rem;
padding: 0.4rem 0.75rem;
margin-top: 0.8rem !important;
}
.btn-box .btn{
width: 100%;
font-family: RobotoSlab;
font-weight: 500;
text-transform: uppercase;
font-size: 1rem;
padding: 0.75rem;
margin-top: 1rem;
border-width: 2px;
}
.btn-box .btn:first-child{
margin-top: 0;
}
.btn-box .btn:hover span,.btn-box .btn:focus span{
color: white;
}
.btn-box .btn span{
text-transform: none;
display: block;
color: #2b2e31;
font-family: Roboto;
font-size: 0.9rem;
}
.result-list .multi-accordion span.pdf:before,
.multi-accordion span.pdf:before{
font-family: "portalfont";
content: "\e92c";
margin-right: 8px;
}
.result-list .multi-accordion .list-content,
.multi-accordion .list-content{
border-top: none;
padding-left: 2.25rem;
margin: 0;
padding-top: 0.25rem;
padding-bottom: 0.5rem;
}
.result-list .multi-accordion .list-content li,
.multi-accordion .list-content li{
padding: 0.2rem 0;
border: none;
font-size: 0.9rem;
}
.result-list .multi-accordion .list-content li:last-child,
.multi-accordion .list-content li:last-child{
border-bottom: none;
}
.result-list .multi-accordion .list-content li.download-link,
.multi-accordion .list-content li.download-link{
border-bottom: 1px solid #c7c7c7;
padding-bottom: 0.4rem;
margin-bottom: 0.2rem;
}
.result-list .multi-accordion .list-content li h3,
.multi-accordion .list-content li h3{
font-size: 0.85rem;
}
.result-list .multi-accordion .list-content li .content-container .content-text h3,
.multi-accordion .list-content li .content-container .content-text h3{
font-size: 1rem;
}
.result-list .multi-accordion .list-content li .title,
.multi-accordion .list-content li .title{
font-weight: bold;
text-transform: uppercase;
}
.multi-accordion .card-header{
background: none;
padding: 0.75rem 0;
border-bottom: 1px solid #c7c7c7;
}
.multi-accordion .card-header h3{
color: #74a706;
}
.multi-accordion .card-header h4{
font-size: 1.1rem;
padding-left: 0.75rem;
}
.multi-accordion .card-header h5{
font-size: 1rem;
padding-left: 1.5rem;
}
.multi-accordion .card-body{
padding: 0.15rem 0 0 0;
}
.multi-accordion .card,
.multi-accordion .card:first-of-type,
.multi-accordion .card:not(:first-of-type):not(:last-of-type){
border: none;
border-bottom: 1px solid #c7c7c7;
}
.multi-accordion .collapse-link:before{
font-family: portalfont;
content: "\e900";
}
.multi-accordion .header-collapse{
display: flex;
justify-content: space-between;
}
.multi-accordion .header-collapse:hover,.multi-accordion .header-collapse:focus{
text-decoration: none !important;
}
.multi-accordion .header-collapse:hover h3,
.multi-accordion .header-collapse:hover h4,
.multi-accordion .header-collapse:hover h5,.multi-accordion .header-collapse:focus h3,
.multi-accordion .header-collapse:focus h4,
.multi-accordion .header-collapse:focus h5{
text-decoration: underline;
}
.multi-accordion .header-collapse > h3{
width: auto;
margin: 0;
}
.multi-accordion .header-collapse.collapsed > .collapse-link:before{
content: "\e901";
}
.multi-accordion .inner-accordion .card-header{
justify-content: space-between;
display: flex;
}
.multi-accordion .inner-accordion .card-header .header-collapse{
display: inline-flex;
}
.multi-accordion .inner-accordion .card-header a{
justify-content: space-between;
display: flex;
width: 100%;
}
.multi-accordion .inner-accordion .card-header h5{
padding-left: 0.75rem;
}
.multi-accordion .inner-accordion .card-header h5:before{
content: "\e91f";
font-family: portalfont;
margin-right: 0.5rem;
color: #575c60;
}

/* ** [ /src_project/sites/portal/css/4/./article.css ] (@import) ** */
.breadcrumb,
.breadcrumb a{
font-size: 0.75rem;
color: #9d9d9c;
text-transform: uppercase;
}
.breadcrumb{
z-index: 50;
position: relative;
}
@media (min-width: 768px) and (max-width: 991.98px){
.hidden-md{
display: none;
}
}
@media (min-width: 992px){
.hidden-lg{
display: none;
}
}
::-moz-selection,
::selection{
color: white;
background: #000000;
}
a:hover .social-icon{
background-color: #ffffff;
}
a:hover .social-icon.fa-facebook-f::before{
color: #4267B2 !important;
}
a:hover .social-icon.fa-twitter::before{
color: #1DA1F2 !important;
}
a:hover .social-icon.fa-youtube::before{
color: #cc181e !important;
}
a:hover .social-icon.fa-instagram::before{
color: rgb(213,0,93) !important;
}
.container-link{
text-indent: -19999px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
main article header h1{
font-size: 2.2rem;
line-height: 2.6rem;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0.2rem;
}
@media (max-width: 575.98px){
main article header h1{
font-size: 1.6rem;
line-height: 2rem;
}
}
main article header form{
float: right;
min-width: 375px;
position: absolute;
right: 0;
margin-top: -10px;
}
@media (max-width: 991.98px){
main article header form{
position: relative;
min-width: 100%;
margin-bottom: 20px;
margin-top: 20px;
}
}
main article header .subtitle-header{
font-size: 1.125rem;
line-height: 1.625rem;
margin-top: 5px;
margin-bottom: 1rem;
}
main article .summary{
font-size: 1.125rem;
line-height: 1.625rem;
font-weight: 500;
color: #575c60;
}
@media (max-width: 575.98px){
main article .table-responsive.price-table .table td{
padding: 0.6rem;
font-size: 0.95rem;
}
}
main article .bordered-img{
width: auto;
clear: both;
}
@media (min-width: 768px) and (max-width: 991.98px){
main article .bordered-img .content-container h2{
font-size: 1.1rem;
}
}
main article .bordered-img .content-container .media-content figure.fullimage{
margin-bottom: 1rem;
}
main article .bordered-img .content-container .media-content img{
border: 1px solid #d8dde0;
margin: 0;
}
main article .content-container .flowplayer{
min-height: 230px;
}
main article .content-container h2{
font-size: 1.25rem;
font-weight: 800;
margin-bottom: 1rem;
}
main article .content-container .media-content figure a{
position: relative;
display: block;
}
main article .content-container .media-content figure a img{
margin-bottom: 0.5rem;
}
main article .content-container .media-content figure a figcaption{
color: #9d9d9c;
font-size: 0.875rem;
font-weight: 300;
line-height: 1.25rem;
}
main article .content-container .media-content figure img{
margin-bottom: 0.5rem;
}
main article .content-container .media-content figure figcaption{
color: #9d9d9c;
font-size: 0.875rem;
font-weight: 300;
line-height: 1.25rem;
}
main article .content-container .media-content a.gallery-open-modal i,
main article .content-container .media-content a.gallery-open-modal span{
display: block;
position: absolute;
right: 10px;
bottom: 10px;
background-color: #eef4f4;
width: 30px;
height: 30px;
border-radius: 40px;
z-index: 200;
opacity: 0.8;
}
main article .content-container .media-content a.gallery-open-modal i::before,
main article .content-container .media-content a.gallery-open-modal span::before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f00e";
display: inline-block;
font-style: normal;
font-size: 1.2rem;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #9d9d9c;
position: absolute;
right: 5px;
top: -5px;
color: #000000;
opacity: 0.9;
}
main article .content-container .content-text{
font-size: 1rem;
line-height: 1.375rem;
}
main article .content-container .content-text h2{
font-size: 1.25rem;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 1rem;
padding-left: 0px;
}
main article .content-container .content-text a{
text-decoration: underline;
color: #74a706;
}
main article .content-container .content-text a:hover,main article .content-container .content-text a:focus{
color: #74a706;
text-decoration: none !important;
}
main article .content-container .content-text a.more{
font-size: 0.85rem;
}
main article .content-container .content-text strong{
font-weight: 500;
}
main article .content-container .content-text ul{
margin: 0.5rem 0;
}
main article .content-container .content-text ul li{
text-indent: 0;
padding-left: 15px;
margin-top: 0.5rem;
margin-bottom: 0;
}
main article .content-container .content-text ul li:before{
font-style: normal !important;
font-variant: normal !important;
color: #2b2e31;
top: 0px;
left: 0px;
font-family: "Font Awesome 5 Free";
font-weight: 700;
content: "\f111";
text-transform: none !important;
font-size: 0.35rem;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
main article .content-container.style1{
background-color: #eef4f4;
padding: 2rem;
position: relative;
}
@media (max-width: 767.98px){
main article .content-container.style1{
padding: 0.5rem 1rem 1rem;
}
}
@media (min-width: 768px){
main article .content-container.style1:after{
color: #cfd0d0;
font-family: portalfont;
content: "\e921";
font-size: 2.2rem;
position: absolute;
right: 2.5rem;
top: 1rem;
}
}
main article .content-container.style1 h2{
background: #7da8ae;
display: inline-block;
width: auto;
color: white;
font-size: 1.63rem;
padding: 0 5px;
margin-bottom: 1.2rem;
}
main article .content-container.style1 .content-text{
padding-left: 0px;
}
main article .content-container.style2{
background-color: #eef4f4;
padding: 2rem;
}
main article .content-container.style2 .content-text,
main article .content-container.style2 h2{
padding-left: 0px;
}
main article .linkbox h2,
main article .downloadbox h2{
font-family: Roboto;
color: #a4a4a4;
text-transform: uppercase;
font-weight: normal;
font-size: 1rem;
margin: 0 0 0.5rem 0;
}
main article .linkbox ul li,
main article .downloadbox ul li{
color: #74a706;
}
main article .linkbox ul li:before,
main article .downloadbox ul li:before{
font-family: "portalfont";
content: "\e91c";
font-size: 0.54rem;
color: #74a706;
margin-right: 0.3rem;
float: left;
position: relative;
top: 5px;
}
main article .linkbox ul li a,
main article .downloadbox ul li a{
color: #74a706;
font-weight: 500;
font-family: "RobotoSlab";
}
main article .linkbox ul li a:hover,main article .linkbox ul li a:focus,
main article .downloadbox ul li a:hover,
main article .downloadbox ul li a:focus{
text-decoration: underline !important;
}
main article .downloadbox ul li:before{
transform: rotate(90deg);
display: inline-block;
border-right: 1px solid #74a706;
padding-right: 1px;
font-size: 0.5rem;
}
main article .action-bar div .action-btn li:first-child{
padding-left: 0px;
}
main article .action-bar div .action-btn a,
main article .action-bar div .action-btn .track{
z-index: 100;
position: relative;
}
main article .action-bar div .action-btn a:hover,main article .action-bar div .action-btn a:focus{
color: #555;
}
main article .action-bar div .action-btn a:hover svg,main article .action-bar div .action-btn a:focus svg{
fill: #555;
}
main article .page-navigation .pn-dir{
font-weight: 500;
}
@media (max-width: 991.98px){
main article .page-navigation .pn-dir > .d-lg-block{
display: none !important;
}
}
main article .page-navigation a{
font-size: 0.875rem;
line-height: 1.125rem;
}
main article .page-navigation a p{
padding-top: 0.5rem;
}
main article .page-navigation a:hover .pn-title,main article .page-navigation a:focus .pn-title{
text-decoration: underline;
}
.info-txt{
font-size: 0.8rem;
line-height: 1rem;
}
aside header h2{
font-size: 1.25rem;
font-weight: 800;
margin-bottom: 1rem;
text-transform: none;
}
.box-filtert-ags{
float: left;
width: 100%;
margin: 0 0 1.8rem;
border-bottom: 5px solid #c7c7c7;
border-top: 5px solid #c7c7c7;
padding: 1.2rem 0;
}
@media (max-width: 767.98px){
.box-filtert-ags{
border-bottom: none;
margin-bottom: 0;
}
}
.box-filtert-ags .selected-items{
margin-top: 0;
}
.box-filtert-ags .filter-tag li a:hover,.box-filtert-ags .filter-tag li a:focus{
background: #74a706;
color: white;
}
.box-filtert-ags header{
display: flex;
padding: 0;
width: 100%;
justify-content: space-between;
align-items: flex-start;
}
.box-filtert-ags header h3{
font-weight: 800;
padding: 0;
margin-bottom: 1rem;
font-size: 1.15rem;
color: black;
}
@media (max-width: 767.98px){
aside .related-articles:before{
content: " ";
position: relative;
top: 0;
border-top: 5px solid #c7c7c7;
padding-top: 1rem;
width: 100%;
display: block;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
}
.date.ots-icon:before{

font-size: 0.85rem;
margin-right: 4px;
content: "\f78c";
font-family: "Font Awesome 5 Free";
font-weight: 700;
}
.related-articles{
float: left;
width: 100%;
margin: 0 0 1.8rem;
}
.related-articles header{
display: block;
padding: 0;
}
.related-articles header h2{
font-weight: 800;
padding: 0;
margin-bottom: 1.6rem;
}
.related-articles .rar{
padding: 0;
}
.related-articles .rar > li{
border: none;
padding: 0 0 1.5rem 0;
}
.related-articles .rar > li a{
font-weight: bold;
font-family: RobotoSlab;
color: #2d2e32;
}
.related-articles .rar > li a .date{
font-weight: normal;
font-family: Roboto;
display: inline-block;
}
.related-articles .rar > li a:before{
color: #74a706;
margin-left: 0;
font-size: 0.75rem;
top: 3px;
}
.related-articles .navigation-result{
margin: 1rem 0;
}
.related-articles .navigation-result .pagination{
margin: 0px auto;
}
.navigation-result{
margin: 1rem 0;
}
.navigation-result .pagination{
margin: 0px auto;
}
.navigation-result .pagination li{
font-size: 1rem;
}
.navigation-result .pagination li a{
color: #2b2f32;
font-family: RobotoSlab;
font-weight: 500;
width: auto;
height: auto;
margin-left: 0.5rem;
margin-right: 0.5rem;
position: relative;
}
.navigation-result .pagination li a svg{
fill: #74a706;
}
.navigation-result .pagination li a:after{
height: 3px;
width: auto;
display: none;
content: " ";
left: -2px;
right: -2px;
bottom: -1px;
background: #74a706;
position: absolute;
}
.navigation-result .pagination li a:hover{
color: #000000;
background-color: transparent;
text-decoration: none;
}
.navigation-result .pagination li a:hover:after{
display: block;
background: #000000;
}
.navigation-result .pagination li.disabled a svg{
fill: #d1d1d1;
}
.navigation-result .pagination li.active a{
color: #74a706;
background-color: transparent;
text-decoration: none;
}
.navigation-result .pagination li.active a:hover{
color: #000000;
background-color: transparent;
text-decoration: none;
}
.navigation-result .pagination li.active a:after{
display: block;
background: #74a706;
}
.navigation-result .pagination li:first-child a:hover:after,.navigation-result .pagination li:nth-child(2) a:hover:after,.navigation-result .pagination li:last-child a:hover:after,.navigation-result .pagination li:nth-last-child(2) a:hover:after{
display: none;
}
.navigation-result .pagination li:first-child{
xpadding-right: 1rem;
}
.navigation-result .pagination li:last-child{
xpadding-left: 1rem;
}
.navigation-result > div{
display: none;
}
@media (min-width: 768px) and (max-width: 991.98px){
article .media-content.movie.img2{
max-width: 48%;
min-width: 48%;
}
}
.article-detail main article header h1{
font-size: 1.875rem;
line-height: 2rem;
font-weight: 500;
text-transform: uppercase;
}
.article-detail main article .summary{
margin-top: 0px;
}
.p-title a,
.p-text a,
.p-credit a{
display: inline !important;
}
div.content-container{
margin: 1rem 0;
position: relative;
}

.ui-widget-content{
background: #fefefe;
width: 260px;
padding: 0 7px;
border: 1px solid #f1f1f1;
border-radius: 20px;
}
.figure--fullwidth figure{
margin-bottom: 2rem;
}
figcaption{
font-size: 0.8rem;
line-height: 1.1;
}
figcaption .p-title,
figcaption .p-text,
figcaption .p-credit{
font-size: 0.8rem;
}
main article .content-container .media-content.movie .cont-video{
display: block;
width: 100%;
}
main article .content-container .media-content.movie .cont-video .movie-only{
display: block;
}
.action-btn{
list-style: none;
padding: 0;
margin: 0;
}
.action-btn.inactive li > div,
.action-btn a{
width: 46px;
height: 46px;
margin-bottom: 0.8rem;
border-radius: 100px;
background: #e2e6e7;
padding: 0rem;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
}
.action-btn.inactive li > div span,
.action-btn a span{
display: none;
}
.action-btn.inactive li > div:hover span,.action-btn.inactive li > div:focus span,
.action-btn a:hover span,
.action-btn a:focus span{
display: block;
background: white;
padding: 0.2rem 0.2rem 0.2rem 0.4rem;
line-height: 1;
color: #8e8e8e;
font-size: 0.75rem;
border: 1px solid #f3f3f3;
border-radius: 3px;
position: absolute;
left: 100%;
top: 50%;
margin-top: -10px;
margin-left: -0.3rem;
z-index: -50;
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
}
.action-btn.inactive li > div svg,
.action-btn a svg{
fill: #010101;
height: 22px;
width: auto;
}
.action-btn.inactive li > div svg.mail-btn,
.action-btn a svg.mail-btn{
height: 30px;
width: auto;
}
.action-btn.inactive li > div{
background: #f4f4f4;
}
.action-btn.inactive li > div svg{
fill: #5b6066;
}
.action-btn.inactive li > div:hover span,.action-btn.inactive li > div:focus span{
display: none;
}
.action-bar{
border: none;
}
.action-bar.bottom .action-btn{
display: flex;
flex-direction: row;
}
#collapse-suchprofil{
height: inherit;
display: block !important;
}
@media (min-width: 768px){
#collapse-suchprofil{
height: 150px;
position: relative;
overflow: hidden;
width: 100%;
transition: all 0.5s ease-in-out;
}
#collapse-suchprofil.show{
height: auto;
}
#collapse-suchprofil.show .uss-info{
padding-bottom: 1.5rem;
}
}
.suchprofile .collapse-box{
position: relative;
display: block;
float: left;
width: 100%;
}
.suchprofile .collapse-box .collapse-btn{
position: absolute;
bottom: -8px;
width: 100%;
text-align: center;
background: white;
z-index: 50;
}
@media (max-width: 767.98px){
.suchprofile .collapse-box .collapse-btn{
display: none;
}
}
.suchprofile .collapse-box .collapse-btn:before{
content: " ";
width: 100%;
height: 40px;
position: absolute;
bottom: 52%;
display: none;
float: left;
background: white;
display: none;
}
.suchprofile .collapse-box .collapse-btn:after{
content: " ";
width: 100%;
height: 1px;
background: #c7c7c7;
display: block;
float: left;
top: 50%;
position: absolute;
z-index: 50;
}
.suchprofile .collapse-box .collapse-btn span{
font-style: inherit;
width: 35px;
height: 25px;
background: white;
display: inline-flex;
justify-content: center;
align-items: center;
z-index: 60;
position: relative;
}
.suchprofile .collapse-box .collapse-btn span:before{
font-family: portalfont;
content: "\e900";
color: #74a706;
font-size: 1.2rem;
transition: 0.5s all ease-out;
transform: rotate(0deg);
}
.suchprofile .collapse-box .collapse-btn.collapsed span:before{
content: "\e901";
transform: rotate(90deg);
}
.suchprofile .collapse-box .collapse-btn.collapsed:before{
display: none;
}
@media (min-width: 768px){
.suchprofile .container{
max-width: 100%;
padding-left: 0;
padding-right: 0;
display: block;
float: left;
}
}
.suchprofile #rss-top{
background: #EEE;
display: none;
height: auto;
padding: 10px;
position: absolute;
width: auto;
z-index: 10;
border-radius: 3px;
box-shadow: 0 2px 4px #c5c4c5;
border: 1px solid #c2c2c2;
min-width: 620px;
left: 35%;
top: 35px;
}
.suchprofile h6{
font-size: 10px;
position: relative;
}
.suchprofile h6 nobr{
white-space: normal;
word-wrap: break-word;
}
.suchprofile ul{
margin: 0 0 1rem;
}
.suchprofile ul li{
display: flex;
flex-direction: row;
justify-content: flex-end;
font-family: "RobotoSlab";
font-size: 0.85rem;
padding: 0.8rem 0;
border-bottom: 1px solid #c7c7c7;
}
.suchprofile ul li .uss-name{
margin-right: auto;
}
.suchprofile ul li .uss-name a{
color: #74a706;
font-weight: bold;
}
.suchprofile ul li .uss-rss span,
.suchprofile ul li .uss-delete span{
font-style: normal;
}
.suchprofile ul li .uss-rss span:before,
.suchprofile ul li .uss-delete span:before{
font-family: portalfont;
}
.suchprofile ul li .uss-rss span:before{
color: #eeaf14;
content: "\e91d";
font-size: 1rem;
}
.suchprofile ul li .uss-delete{
margin-left: 0.8rem;
}
.suchprofile ul li .uss-delete span:before{
color: #c7c7c7;
content: "\e920";
font-size: 1rem;
}
.suchprofile .uss-info{
font-size: 0.8rem;
line-height: 1.3;
display: block;
float: left;
}
@media (max-width: 767.98px){
.suchprofile .uss-info{
padding-bottom: 50px;
}
}
.suchprofile .header-suchprofil{
margin-bottom: 0.3rem;
}
.suchprofile .header-suchprofil h2{
margin: 0;
}
.suchprofile .header-suchprofil .collapse-link-close{
display: none;
}
@media (max-width: 767.98px){
.suchprofile .header-suchprofil .collapse-link-close{
display: block;
}
.suchprofile .header-suchprofil .collapse-link-close:before{
font-family: "portalfont";
content: "\e920";
color: white;
}
}
.suchprofile .header-suchprofil .collapse-link-close:hover,.suchprofile .header-suchprofil .collapse-link-close:focus{
text-decoration: none;
}
.suchprofile .header-suchprofil .container{
flex-direction: row;
display: flex;
justify-content: space-between;
align-items: baseline;
}
.suchprofile .header-suchprofil .btn-primary{
font-family: Roboto;
text-transform: inherit;
}
@media (max-width: 767.98px){
.suchprofile .header-suchprofil{
background: #74a706;
color: white;
padding: 0.8rem 0 !important;
}
.suchprofile .header-suchprofil h2{
color: white;
}
.suchprofile .header-suchprofil .btn-primary{
color: #74a706;
background: white;
}
}
.chart-collapse,
.suchprofil-collapse{
margin-bottom: 2rem;
}
@media (min-width: 768px){
.chart-collapse,
.suchprofil-collapse{
display: block !important;
float: left;
width: 100%;
}
}
@media (max-width: 767.98px){
.chart-collapse,
.suchprofil-collapse{
position: fixed;
bottom: 0;
background: white;
z-index: 50;
width: 100%;
left: 0;
}
}
@media (max-width: 767.98px){
.chart-collapse.show .header-suchprofil,
.suchprofil-collapse.show .header-suchprofil{
position: relative;
}
.chart-collapse.show .header-suchprofil:before,
.suchprofil-collapse.show .header-suchprofil:before{
position: absolute;
bottom: 100%;
content: " ";
width: 100%;
height: 400%;
background: linear-gradient(to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
}
}
.back-to-top{
border-radius: 100px;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
background: #74a706;
width: 46px;
height: 46px;
display: inline-flex;
justify-content: center;
align-items: center;
position: fixed;
right: 1rem;
z-index: 600;
bottom: 5%;
padding: 0;
line-height: 1;
}
.back-to-top span{
font-style: normal;
}
.back-to-top span:before{
color: white;
font-size: 1rem;
}
@media (max-width: 575.98px){
.back-to-top{
bottom: 1rem;
}
}
.back-to-top:hover,.back-to-top:focus{
background: #5a8205;
border-color: #527604;
text-decoration: none !important;
}
.collapse-link-suchprofil{
border-radius: 100px;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
width: 46px;
height: 46px;
justify-content: center;
align-items: center;
position: fixed;
right: 1rem;
z-index: 100;
bottom: 15%;
padding: 0;
line-height: 1;
display: none;
}
@media (max-width: 767px) and (orientation: landscape){
.collapse-link-suchprofil{
bottom: 5rem;
}
}
.collapse-link-suchprofil.collapsed{
display: inline-flex;
}
.collapse-link-suchprofil span{
font-style: normal;
}
.collapse-link-suchprofil span:before{
font-family: portalfont;
content: "\e920";
color: white;
font-size: 1rem;
font-weight: normal;
}
@media (min-width: 768px){
.collapse-link-suchprofil{
display: none !important;
}
}
.collapse-link-suchprofil.collapsed span:before{
content: "\e915";
font-size: 1.45rem;
}
.info-icon{
font-style: normal;
font-variant: normal;
margin-left: 2px;
}
.info-icon:before{
font-family: portalfont;
font-weight: normal;
content: "\e92e";
position: relative;
top: 1px;
}
.anbot-box.content-container{
background-color: #eef4f4;
padding: 2rem;
}
.anbot-box.content-container .content-text ul{
margin-top: 1rem;
}
.anbot-box.content-container .content-text ul li{
padding-left: 27px;
}
.anbot-box.content-container .content-text ul li:before{
font-family: "portalfont";
color: #74a706;
content: "\e928";
font-weight: normal;
font-size: 1rem;
}
.premium-login h2{
text-transform: uppercase;
font-size: 1rem;
font-family: RobotoSlab;
font-weight: bold;
margin-bottom: 0;
}
.premium-login .login-form{
margin-top: 0.8rem;
}
@media (max-width: 991.98px){
.premium-login .form-inline .form-group{
max-width: 100%;
margin-bottom: 1rem !important;
flex: 0 0 100%;
margin-left: 0 !important;
}
.premium-login .form-inline .form-group .form-control{
width: 100%;
}
}
.premium-login .form-inline .form-control{
background-color: white;
}
main article .premium-box,
.premium-box{
background-color: #eef4f4;
padding: 0.5rem 3rem 1.8rem;
position: relative;
}
@media (max-width: 767.98px){
main article .premium-box,
.premium-box{
padding: 0.5rem 1rem 1rem;
}
}
@media (min-width: 768px){
main article .premium-box:after,
.premium-box:after{
color: #cfd0d0;
font-family: portalfont;
content: "\e921";
font-size: 2.2rem;
position: absolute;
right: 2.5rem;
top: 1rem;
}
}
main article .premium-box:before,
.premium-box:before{
content: " ";
width: 100%;
height: 3.2rem;
position: absolute;
left: 0;
bottom: 100%;
display: block;
float: left;


background: linear-gradient(to top,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=0);

}
main article .premium-box .register-box,
.premium-box .register-box{
background: white;
display: inline-flex;
justify-content: center;
flex-direction: row;
box-shadow: 0px 0px 13px rgba(0,0,0,0.34);
padding: 1.3rem;
text-align: center;
flex-wrap: wrap;
margin-bottom: 2rem;
margin-top: 0.5rem;
}
main article .premium-box .register-box > h2,
main article .premium-box .register-box > .content-text,
.premium-box .register-box > h2,
.premium-box .register-box > .content-text{
width: 100%;
}
main article .premium-box .register-box h2,
.premium-box .register-box h2{
text-transform: uppercase;
font-family: RobotoSlab;
font-weight: bold;
margin-bottom: 0;
}
main article .premium-box .register-box .btn,
.premium-box .register-box .btn{
margin-top: 0.8rem;
}
main article .premium-box .content-container .content-text ul.list-style-2,
.premium-box .content-container .content-text ul.list-style-2{
margin-top: 1rem;
}
main article .premium-box .content-container .content-text ul.list-style-2 li,
.premium-box .content-container .content-text ul.list-style-2 li{
font-family: RobotoSlab;
font-weight: bold;
font-size: 1.15rem;
padding-left: 27px;
}
main article .premium-box .content-container .content-text ul.list-style-2 li:before,
.premium-box .content-container .content-text ul.list-style-2 li:before{
font-family: "portalfont";
color: #7da8ae;
content: "\e928";
font-weight: normal;
font-size: 1rem;
}
main article .premium-box .content-container h2,
.premium-box .content-container h2{
background: #7da8ae;
display: inline-block;
width: auto;
color: white;
font-size: 1.63rem;
padding: 0 5px;
margin-bottom: 1.2rem;
}
main article .premium-box .content-container .content-text,
.premium-box .content-container .content-text{
width: 100%;
}
main article .special-box,
.special-box{
background-color: #eef4f4;
padding: 0.5rem 3rem 1.8rem;
position: relative;
}
@media (max-width: 767.98px){
main article .special-box,
.special-box{
padding: 0.5rem 1rem 1rem;
}
}
main article .special-box .register-box,
.special-box .register-box{
background: white;
display: inline-flex;
justify-content: center;
flex-direction: row;
box-shadow: 0px 0px 13px rgba(0,0,0,0.34);
padding: 1.3rem;
text-align: center;
flex-wrap: wrap;
margin-bottom: 2rem;
margin-top: 0.5rem;
}
main article .special-box .register-box > h2,
main article .special-box .register-box > .content-text,
.special-box .register-box > h2,
.special-box .register-box > .content-text{
width: 100%;
}
main article .special-box .register-box h2,
.special-box .register-box h2{
text-transform: uppercase;
font-family: RobotoSlab;
font-weight: bold;
margin-bottom: 0;
}
main article .special-box .register-box .btn,
.special-box .register-box .btn{
margin-top: 0.8rem;
}
main article .special-box .content-container .content-text ul.list-style-2,
.special-box .content-container .content-text ul.list-style-2{
margin-top: 1rem;
}
main article .special-box .content-container .content-text ul.list-style-2 li,
.special-box .content-container .content-text ul.list-style-2 li{
font-family: RobotoSlab;
font-weight: bold;
font-size: 1.15rem;
padding-left: 27px;
}
main article .special-box .content-container .content-text ul.list-style-2 li:before,
.special-box .content-container .content-text ul.list-style-2 li:before{
font-family: "portalfont";
color: #7da8ae;
content: "\e928";
font-weight: normal;
font-size: 1rem;
}
main article .special-box .content-text,
.special-box .content-text{
width: 100%;
}

/* ** [ /src_project/sites/portal/css/4/./search.css ] (@import) ** */
header.icon-search:before{
font-family: portalFont;
align-self: center;
margin-right: 0.5rem;
font-size: 1rem;
content: "\e913";
}
header.icon-search h1{
width: auto;
display: inline;
font-size: 1.25rem;
}
.main-search{
display: block;
clear: both;
border-bottom: 5px solid #c7c7c7;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.main-search.archiv{
border-bottom: 0;
}
.main-search > #aiz-suche > #new_search{
float: right;
margin-top: -47px;
padding-right: 0;
padding-left: 0;
}
@media (max-width: 370px){
.main-search > #aiz-suche > #new_search{
font-size: 0.75rem;
margin-top: -45px;
}
}
.main-search .btn-row{
display: flex;
flex-direction: row;
margin: 2rem 0;
}
@media (max-width: 767.98px){
.main-search .btn-row{
flex-wrap: wrap;
}
.main-search .btn-row .btn-primary{
flex: 0 0 100%;
margin-bottom: 1rem;
}
}
.main-search .btn-row .btn-outline-primary{
margin-left: 0.5rem;
}
@media (max-width: 767.98px){
.main-search .btn-row .btn-outline-primary{
margin-left: 0;
}
}
@media (max-width: 575.98px){
.main-search .btn-row .btn-outline-primary{
padding-left: 0.3rem;
padding-right: 0.3rem;
}
.main-search .btn-row .btn-outline-primary span.merkliste{
display: none;
}
}
.main-search .btn-row .btn-link{
margin-left: auto;
padding-right: 0;
padding-left: 0;
}
@media (max-width: 575.98px){
.main-search .btn-row .btn-link span.lupe{
display: none;
}
}
.main-search .input-form-row{
display: flex;
flex-direction: row;
}
@media (max-width: 1199.98px){
.main-search .input-form-row{
width: 100%;
}
}
.main-search .input-form-row .form-control{
width: auto;
flex-grow: 1;
margin-right: 0.45rem;
}
.main-search .suchzeitraum label{
font-weight: bold;
font-family: RobotoSlab;
font-size: 0.85rem;
margin-right: 0.45rem;
}
.main-search .suchzeitraum label.bis{
margin-left: 0.45rem;
}
@media (max-width: 575.98px){
.main-search .suchzeitraum .input-container .row > .col-auto label{
text-align: center;
margin-right: 0;
margin-left: 0;
margin-bottom: 0rem;
font-weight: normal;
}
.main-search .suchzeitraum .input-container .row > .col-auto label,
.main-search .suchzeitraum .input-container .row > .col-auto .custom-select{
width: 100%;
}
}
.main-search .suchzeitraum .input-container{
margin: 1rem 0 0 0;
}
.main-search .suchzeitraum .input-container .text-spacer{
padding-bottom: 3rem;
position: relative;
}
.main-search .suchzeitraum .input-container .text-spacer:before{
content: " ";
width: calc(100% - 30px);
height: 1px;
background-color: #c7c7c7;
position: absolute;
top: calc(100% - 24px);
display: block;
}
.main-search .suchzeitraum .input-container .text-spacer:after{
text-transform: uppercase;
content: "oder";
position: absolute;
padding: 0.2rem;
background-color: #e2e6e7;
margin: 0 auto;
font-size: 0.8rem;
top: calc(100% - 37px);
left: 50%;
margin-left: -25px;
font-weight: bold;
font-family: RobotoSlab;
}
.main-search .collapse-section #collapseSuchzeitraum label{
font-weight: bold;
font-family: RobotoSlab;
font-size: 0.85rem;
margin-right: 0.45rem;
}
.main-search .collapse-section #collapseSuchzeitraum label.bis{
margin-left: 0.45rem;
}
@media (max-width: 575.98px){
.main-search .collapse-section #collapseSuchzeitraum .input-container .row > .col-auto label{
text-align: center;
margin-right: 0;
margin-left: 0;
margin-bottom: 0rem;
font-weight: normal;
}
.main-search .collapse-section #collapseSuchzeitraum .input-container .row > .col-auto label,
.main-search .collapse-section #collapseSuchzeitraum .input-container .row > .col-auto .custom-select{
width: 100%;
}
}
.main-search .collapse-section .collapse-checkboxes .custom-checkbox{
margin-bottom: 0.5rem;
}
.main-search .collapse-section .collapse-checkboxes .custom-control{
display: inline-flex;
width: 100%;
height: 100%;
}
.main-search .collapse-section .collapse-checkboxes .custom-control-label{
font-size: 0.85rem;
line-height: 1.2;
align-self: center;
}
.main-search .collapse-section .collapse-checkboxes .custom-control-label:before{
top: 50%;
margin-top: -0.65rem;
}
.main-search .collapse-section .collapse-checkboxes .custom-control-label:after{
top: 50%;
margin-top: -0.65rem;
}
.main-search .collapse-section .input-collapse .input-container{
margin: 2rem 0 1rem 0;
}
.main-search .collapse-section .input-collapse .input-container .text-spacer{
padding-bottom: 3rem;
position: relative;
}
.main-search .collapse-section .input-collapse .input-container .text-spacer:before{
content: " ";
width: calc(100% - 30px);
height: 1px;
background-color: #c7c7c7;
position: absolute;
top: calc(100% - 24px);
display: block;
}
.main-search .collapse-section .input-collapse .input-container .text-spacer:after{
text-transform: uppercase;
content: "oder";
position: absolute;
padding: 0.2rem;
background-color: #e2e6e7;
margin: 0 auto;
font-size: 0.8rem;
top: calc(100% - 37px);
left: 50%;
margin-left: -25px;
font-weight: bold;
font-family: RobotoSlab;
}
.main-search .btn-submit span{
display: none;
}
.main-search .btn-submit span.submit{
color: white;
display: block;
margin: 0 !important;
}
.main-search .save-settings{
width: 100%;
overflow: hidden;
z-index: 100;
position: relative;
margin-bottom: 1.5rem;
}
.main-search .save-settings .save-body{
align-items: baseline;
padding: 0.8rem 1rem;
background: white;
display: flex;
flex-direction: row;
justify-content: space-between;
border: 2px solid #74a706;
}
@media (min-width: 768px){
.main-search .save-settings .save-body{
border-right: none;
}
}
.main-search .save-settings .save-body .btn.btn-submit{
padding-left: 0.65rem;
padding-right: 0.65rem;
}
@media (max-width: 1199.98px){
.main-search .save-settings .save-body{
flex-wrap: wrap;
}
.main-search .save-settings .save-body .reset{
position: absolute;
right: 3rem;
top: 0.8rem;
}
}
@media (max-width: 767.98px){
.main-search .save-settings .save-body .reset{
right: 1rem;
}
}
@media (min-width: 768px){
.main-search .save-settings .save-body{
width: calc(100% - 32px);
}
.main-search .save-settings .save-body:before{
position: absolute;
height: 100%;
top: 34%;
transform: rotate(34deg);
content: "";
right: 21px;
z-index: -100;
width: 2px;
background: #74a706;
}
.main-search .save-settings .save-body:after{
position: absolute;
height: 100%;
top: -34%;
transform: rotate(-34deg);
content: "";
right: 21px;
z-index: -100;
width: 2px;
background: #74a706;
}
}
@media (min-width: 1200px){
.main-search .save-settings .save-body:before{
transform: rotate(45deg);
}
.main-search .save-settings .save-body:after{
transform: rotate(-45deg);
}
}
.main-search .save-settings .form-control{
background: white;
border-width: 1px;
}
@media (min-width: 576px){
.main-search .save-settings .form-control{
min-width: 300px;
}
}
.main-search .save-settings .reset:before{
font-size: 0.75rem;
color: #585d63;
}
.main-search .save-settings label{
font-weight: bold;
font-family: RobotoSlab;
font-size: 0.85rem;
color: #74a706;
}
.main-search .save-settings label:before{
content: "\e91f";
font-family: portalfont;
margin-right: 0.5rem;
}
.search-container{
background: #e2e6e7;
padding: 1rem 0.5rem 1rem;
}
@media (min-width: 576px){
.search-container{
padding: 1rem 1rem 1rem;
}
}
@media (min-width: 768px){
.search-container{
padding: 1.5rem 1.5rem 1rem;
}
}
.search-container .header-collapse{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.search-container .hidden{
display: none;
}
.search-container .collapse-link span{
font-style: inherit;
}
.search-container .collapse-link span:before{
font-family: portalfont;
content: "\e900";
}
.search-container .collapse-link.collapsed span:before{
content: "\e901";
}
.main-search .suchbegriff{
margin-top: 1.5rem;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin-top: 0;
justify-content: space-between;
background: white;
border-radius: 4px;
padding: 0.5rem 0.5rem 0.5rem 0;
}
.main-search .suchbegriff .form-control{
background: transparent;
}
.main-search .suchbegriff .form-control::placeholder{
color: #495057;
}
@media (max-width: 575.98px){
.main-search .suchbegriff .form-control{
min-width: 70px;
}
}
@media (min-width: 768px){
.main-search .suchbegriff .form-control{
max-width: 350px;
}
}
@media (min-width: 1200px){
.main-search .suchbegriff .form-control{
max-width: 450px;
}
}
@media (min-width: 576px){
.main-search .suchbegriff .custom-select{
margin-left: 0.65rem;
}
}
.main-search .form-row.bereich,
.main-search .row.bereich{
margin-top: 0.85rem;
}
.main-search .form-row.bereich .custom-control,
.main-search .row.bereich .custom-control{
margin-bottom: 0.5rem;
}
.main-search .form-row.bereich .col-12 > label,
.main-search .row.bereich .col-12 > label{
font-weight: bold;
font-family: RobotoSlab;
font-size: 0.85rem;
}
.main-search .form-row.categories,
.main-search .row.categories{
margin-top: 0.85rem;
}
.main-search .form-row.categories .btn.rounding,
.main-search .row.categories .btn.rounding{
line-height: 1;
padding: 0.3rem 1rem;
position: relative;
margin-top: 0.5rem;
}
.main-search .form-row.categories .btn.rounding:after,
.main-search .row.categories .btn.rounding:after{
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
position: absolute;
top: 100%;
left: 1.4rem;
border-top: 8px solid #74a706;
}
.main-search .form-row.categories .btn.rounding:focus,
.main-search .row.categories .btn.rounding:focus{
box-shadow: none;
}
.main-search .form-row.categories .btn.rounding span,
.main-search .row.categories .btn.rounding span{
font-style: normal;
}
.main-search .form-row.categories .btn.rounding span:before,
.main-search .row.categories .btn.rounding span:before{
font-family: "portalfont";
content: "\e909";
font-size: 0.55rem;
margin-right: 0.3rem;
}
.main-search .form-row.categories .btn.rounding.collapsed,
.main-search .row.categories .btn.rounding.collapsed{
background: #2b2e31;
border-color: #2b2e31;
}
.main-search .form-row.categories .btn.rounding.collapsed span:before,
.main-search .row.categories .btn.rounding.collapsed span:before{
content: "\e908";
}
.main-search .form-row.categories .btn.rounding.collapsed:after,
.main-search .row.categories .btn.rounding.collapsed:after{
display: none;
}
.main-search .form-row.categories .col-12 > label,
.main-search .row.categories .col-12 > label{
font-weight: bold;
font-family: RobotoSlab;
font-size: 0.85rem;
}
.main-search .container-simple{
align-items: baseline;
padding: 0.8rem 1rem;
background: white;
display: flex;
flex-direction: row;
justify-content: space-between;
border: 2px solid #74a706;
align-items: baseline;
position: relative;
}
.main-search .container-simple .btn.btn-submit{
padding: 0.38rem 0.65rem;
}
@media (max-width: 1199.98px){
.main-search .container-simple{
flex-wrap: wrap;
}
}
.main-search .container-simple .reset{
margin-left: 0.5rem;
padding-left: 0.25rem;
}
.main-search .container-simple .reset:before{
font-size: 0.75rem;
color: #585d63;
}
@media (max-width: 991.98px){
.main-search .container-simple .reset{
position: absolute;
right: 1rem;
top: 0.5rem;
}
}
.main-search .container-simple .btn-row{
margin-top: 0;
margin-bottom: 0;
}
.main-search .container-simple .input-container{
margin: 0;
}
@media (max-width: 575.98px){
.main-search .container-simple .input-container{
margin-bottom: 0.5rem;
}
}
.main-search .container-simple .descr{
font-weight: bold;
font-family: RobotoSlab;
font-size: 0.85rem;
color: #74a706;
margin: 0;
}
@media (max-width: 991.98px){
.main-search .container-simple .descr{
margin-bottom: 0.5rem;
}
}
.main-search .container-simple .descr:before{
content: "\e91f";
font-family: portalfont;
margin-right: 0.5rem;
}
.main-search .container-simple .form-row.bereich,
.main-search .container-simple .row.bereich{
margin-top: 0;
}
.main-search .container-simple .form-control{
background-color: white;
border-width: 1px;
}
@media (min-width: 768px) and (max-width: 991.98px){
.main-search .datepicker.form-control{
width: 150px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px){
.main-search .datepicker.form-control{
width: 150px;
}
}
.result-list{
display: block;
clear: both;
width: 100%;
}
.result-list.archiv .treffer{
border-bottom: 5px solid #c7c7c7;
margin-bottom: 0.75rem;
padding-bottom: 0.75rem;
}
.selected-items{
margin-top: 0.85rem;
display: flex;
width: 100%;
flex-wrap: wrap;
}
.selected-items label{
font-weight: bold;
font-family: RobotoSlab;
font-size: 0.85rem;
width: 100%;
}
.filter-tag{
display: block;
float: left;
width: 100%;
}
.filter-tag li{
float: left;
margin-bottom: 0.5rem;
}
.filter-tag li:last-child a{
margin-right: 0;
}
.filter-tag li a{
font-size: 0.85rem;
margin-right: 0.5rem;
border: 1px solid #74a706;
border-radius: 20px;
padding: 0.2rem 0.6rem 0.2rem 0.4rem;
transition: background-color 0.5s ease;
}
.filter-tag li a:hover,.filter-tag li a:focus{
text-decoration: none !important;
background-color: white;
}
.filter-tag li a:after{
font-family: "portalfont";
content: "\e920";
font-size: 0.5rem;
margin-left: 0.25rem;
position: relative;
top: -1px;
display: inline-block;
}
.list-link a{
font-weight: bold;
font-family: RobotoSlab;
font-size: 0.8rem;
text-transform: uppercase;
display: inline-block;
}
@media (min-width: 576px){
.list-link a{
font-size: 0.85rem;
}
}
.list-link a.disabled{
color: #c7c7c7;
}
.list-link a.deletelink:before,.list-link a.resetlink:before{
content: "|";
margin: 0 0.3rem;
}
@media (min-width: 576px){
.list-link a.deletelink:before,.list-link a.resetlink:before{
margin: 0 0.8rem;
}
}
.list-link span.inactive-btn,
.list-link a.inactive-btn{
font-weight: bold;
font-family: RobotoSlab;
font-size: 0.8rem;
text-transform: uppercase;
display: inline-block;
color: #8a8c8e;
}
@media (min-width: 576px){
.list-link span.inactive-btn,
.list-link a.inactive-btn{
font-size: 0.85rem;
}
}
.action-btn-title{
font-weight: bold;
font-family: RobotoSlab;
font-size: 0.55rem;
display: inline-block;
text-align: center;
text-transform: uppercase;
line-height: 1.2;
text-align: center;
}
.list-order{
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0.5rem 0 1.5rem;
flex-wrap: wrap;
}
.list-order label{
font-weight: bold;
font-family: RobotoSlab;
font-size: 0.85rem;
margin-right: 0.5rem;
}
@media (max-width: 575.98px){
.list-order label{
display: none;
}
}
@media (max-width: 575.98px){
.list-order .custom-select{
padding: 0.45rem 1.3rem 0.45rem 0.2rem;
background-position-x: calc(100% - 0.45rem);
}
}
.result-list{
position: relative;
}
.result-list .xs-fixed{
padding-left: 0;
}
@media (max-width: 575.98px){
.result-list .xs-fixed .action-btn-title{
ddisplay: none;
}
}
.result-list .action-bar.bottom{
margin: 0.8rem 0 1.5rem;
}
@media (max-width: 767.98px){
.result-list .action-bar.bottom{
display: flex !important;
align-items: center;
}
}
.result-list .action-bar.bottom .action-btn-title{
font-size: 0.85rem;
text-align: right;
}
@media (max-width: 575.98px){
.result-list .action-bar.bottom .action-btn-title{
font-size: 0.7rem;
}
}
.result-list .action-bar.bottom .action-btn li{
margin-left: 0.8rem;
}
@media (max-width: 575.98px){
.result-list .action-bar.bottom .action-btn li{
margin-left: 0.5rem;
}
}
.result-list .action-bar.bottom .action-btn li a{
margin-bottom: 0;
}
.result-list.archiv .list-content > li .content-container{
padding: 0;
}
.result-list.archiv .list-content > li .content-container .content-text{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
@media (max-width: 767.98px){
.result-list.archiv .list-content > li .content-container .content-text{
flex-direction: column;
position: relative;
}
.result-list.archiv .list-content > li .content-container .content-text span.pdf{
position: absolute;
left: 0;
}
}
.result-list.archiv .list-content > li .content-container .content-text .date,
.result-list.archiv .list-content > li .content-container .content-text h3{
margin-bottom: 0;
}
.result-list.archiv .list-content > li .content-container .content-text span.pdf:before{
font-family: "portalfont";
content: "\e92c";
margin-right: 8px;
}
.result-list .list-content{
border-top: 1px solid #c7c7c7;
}
.result-list .list-content > li{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
border-bottom: 1px solid #c7c7c7;
padding: 1rem 0;
}
.result-list .list-content > li .left{
flex: 0 0 8%;
padding-top: 5px;
}
.result-list .list-content > li .content-container{
border-left: none;
padding-left: 0;
margin: 0;
}
.result-list .list-content > li .content-container .content-text .date{
color: #a3a3a3;
}
.result-list .list-content > li .content-container .content-text a{
text-decoration: none;
color: black;
}
.result-list .list-content > li .content-container .content-text a .more{
color: #74a706;
}
.result-list .list-content > li .content-container .content-text .inactive-btn .more{

color: #a3a3a3;
font-size: 0.83rem;
}
.result-list .list-content > li .content-container .content-text .inactive-btn .more:before{
content: "\e90f";
font-family: portalFont;
margin-right: 0.25rem;
font-size: 0.75rem;
font-weight: 600;
}
.result-list .list-content > li .content-container .content-text .inactive-btn .more:hover{
text-decoration: none;
cursor: default;
}
.result-list .list-content > li .content-container .content-text h3 a{
color: #2b2e31;
}

@media (max-width: 1199.98px){
.archiv.main-search .container-simple .ausgabenummer.form-control{
width: 200px;
}
}
@media (max-width: 991.98px){
.archiv.main-search .container-simple .descr{
width: 100%;
}
.archiv.main-search .container-simple .input-collapse.suchzeitraum{
width: calc(100% - 50px);
}
.archiv.main-search .container-simple .ausgabenummer.form-control{
width: auto;
flex-grow: 2;
}
.archiv.main-search .container-simple .input-container{
display: flex;
flex-wrap: nowrap;
align-items: baseline;
}
}
@media (max-width: 575.98px){
.archiv.main-search .container-simple{
align-items: flex-end;
}
.archiv.main-search .container-simple .btn.btn-submit{
align-self: flex-end;
}
.archiv.main-search .container-simple .input-container{
flex-wrap: wrap;
margin: 0;
}
.archiv.main-search .container-simple .input-container label{
flex: 0 0 100%;
}
.archiv.main-search .container-simple .ausgabenummer.form-control{
width: 100%;
flex-grow: inherit;
}
}
.main-search .form-row.categories .btn-select.custom-select,
.btn-select.custom-select{
color: white;
border-color: #2b2f32;
font-weight: 600;
font-family: RobotoSlab;
background: #2b2f32  url("/src_project/svg/portal/filter_plus_white.svg") no-repeat left 0.75rem center/10px 10px;
}

/* ** [ /src_project/sites/portal/css/4/./slider.css ] (@import) ** */
.modal-carousel .slick-prev,
.modal-carousel .slick-next{
background-color: transparent !important;
}
.modal-carousel .modal-dialog-centered .modal-content .slider-modal .slick-slide .image-gallery .caption{
color: black;
line-height: 1.3rem;
opacity: 1;
background-color: rgba(255,255,255,0.5);
}
.modal-carousel .modal-dialog-centered .modal-content .slider-modal .slick-slide .image-gallery .caption .p-title,
.modal-carousel .modal-dialog-centered .modal-content .slider-modal .slick-slide .image-gallery .caption .p-text,
.modal-carousel .modal-dialog-centered .modal-content .slider-modal .slick-slide .image-gallery .caption .p-credit{
color: black;
}

.desktop-slider,
.mobile-slider{
display: none;
}
@media (max-width: 767.98px){
.mobile-slider{
display: block;
}
}
@media (min-width: 768px){
.desktop-slider{
display: block;
}
}
.content-img-slider .slick-next,
.chart-slider .slick-next{
z-index: 500;
}
@media (min-width: 992px){
.content-img-slider .slick-next,
.chart-slider .slick-next{
right: -15px !important;
}
}
.content-img-slider .slick-prev,
.chart-slider .slick-prev{
z-index: 500;
}
@media (min-width: 992px){
.content-img-slider .slick-prev,
.chart-slider .slick-prev{
left: -15px !important;
}
}
.content-img-slider .content-container{
margin-left: 15px;
margin-right: 15px;
width: auto;
}
@media (max-width: 1199.98px){
.content-img-slider .content-container h2{
font-size: 1rem;
}
}
.content-img-slider .content-container .figure--fullwidth figure{
margin-bottom: 0.5rem !important;
}
.content-img-slider .content-container .figure--fullwidth figure a img{
margin-bottom: 0 !important;
}

/* ** [ /src_project/sites/portal/css/4/./form.css ] (@import) ** */
@media (max-width: 991.98px){
.form-control{
border-radius: 2px;
}
}
.btn-cancel:before{
font-family: "portalfont";
content: "\e920";
font-size: 0.5rem;
margin-right: 0.5rem;
position: relative;
top: -2px;
display: inline-block;
}
.popover{
border-radius: 0;
max-width: 300px;
}
.popover .popover-header{
position: relative;
}
.popover .popover-header .close{
opacity: 1;
font-size: 0.75rem;
position: absolute;
right: 6px;
top: 4px;
}
.popover .popover-header .close:before{
content: "\e920";
font-family: portalfont;
font-size: 0.6rem;
color: #2b2e31;
font-weight: 400;
}
.popover.premium-popover{
text-align: left;
}
.popover.premium-popover.show{
box-shadow: 0px 0px 13px rgba(0,0,0,0.34);
background: #eef4f4;
}
.popover.premium-popover.bs-popover-auto[x-placement^=left] > .arrow::after{
border-left-color: #eef4f4;
}
.popover.premium-popover.bs-popover-auto[x-placement^=bottom] > .arrow::after{
border-bottom-color: #eef4f4;
}
.popover.premium-popover.bs-popover-auto[x-placement^=right] > .arrow::after{
border-right-color: #eef4f4;
}
.popover.premium-popover.bs-popover-auto[x-placement^=top] > .arrow::after{
border-top-color: #eef4f4;
}
.popover.premium-popover .popover-header{
padding-bottom: 0;
padding-top: 1.25rem;
border: none;
background: transparent;
}
.popover.premium-popover .popover-header:before{
font-family: portalfont;
content: "\e921";
font-size: 1.25rem;
position: relative;
color: #7da8ae;
margin-right: 5px;
top: 2px;
left: inherit;
width: auto;
margin-left: 0;
border-bottom: none;
display: inline;
}
.popover.premium-popover .popover-header .premium-title{
color: white;
text-transform: uppercase;
line-height: 1.4;
display: inline;
position: relative;
padding-right: 8px;
padding-left: 8px;
background: #7da8ae;
}
.popover.premium-popover .popover-body{
padding: 0.5rem 0.75rem 1rem;
}
.popover.premium-popover .premium-content{
font-size: 1rem;
font-family: Roboto;
}
textarea{
min-height: 120px;
}
.form-standard .btn.btn-outline-primary{
background-color: transparent !important;
color: #74a706;
}
.form-standard .btn.btn-outline-primary:hover,.form-standard .btn.btn-outline-primary:focus{
color: white;
background-color: #74a706 !important;
}
.btn.bordered{
border-radius: 20px;
text-transform: uppercase;
padding: 0.2rem 0.4rem;
line-height: 1.2;
font-family: "RobotoSlab";
font-size: 0.7rem;
height: auto;
}
.btn.rounding{
border-radius: 20px;
text-transform: none;
height: auto;
font-size: 0.8rem;
}
.btn-outline-primary{
background-color: white;
}
.btn-outline-primary:hover,.btn-outline-primary:focus{
border-color: #74a706;
background-color: #74a706;
color: white;
}
.reset:before{
font-family: "portalfont";
content: "\e920";
}
.btn{
text-transform: uppercase;
}
.btn span.submit{
font-style: normal;
margin-left: 0.5rem;
}
.btn span.submit:before{
font-family: "portalfont";
content: "\e91b";
}
.btn.btn-link{
background-color: transparent !important;
color: #74a706;
font-weight: bold;
}
.btn span.merkliste{
font-style: normal;
margin-left: 0.5rem;
}
.btn span.merkliste:before{
font-family: "portalfont";
content: "\e91f";
}
.btn span.lupe{
font-style: normal;
margin-left: 0.5rem;
}
.btn span.lupe:before{
font-family: "portalfont";
content: "\e913";
}
.btn-edit:before{
font-family: "Font Awesome 5 Free";
font-weight: normal;
font-variant: normal;
position: relative;
content: "\f303";
font-weight: 700;
margin-right: 0.4rem;
}
.webform .special-box{
padding: 1.5rem 2.5rem 1.5rem;
}
.webform .special-box > h2{
font-size: 1.25rem;
font-weight: 800;
margin-bottom: 1rem;
}
.webform .special-box .form-text ul li span{
font-weight: bold;
}
@media (min-width: 992px){
.webform .revison-form{
display: flex;
height: 100%;
width: 100%;
align-items: flex-end;
justify-content: flex-end;
}
}
.form-standard .functions.bottom{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin-bottom: 2.5rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid #c7c7c7;
}
@media (min-width: 768px){
.form-standard .functions.bottom{
margin: 0;
padding: 0;
border: none;
}
}
@media (max-width: 575.98px){
.form-standard .functions.bottom{
flex-wrap: wrap;
}
}
@media (min-width: 768px){
.form-standard .function-btn span{
display: none;
}
}
@media (max-width: 767.98px){
.form-standard .function-btn span{
font-family: "RobotoSlab";
text-transform: uppercase;
color: #74a706;
font-weight: 600;
font-size: 0.8rem;
}
.form-standard .function-btn span:hover,.form-standard .function-btn span:focus{
color: white;
}
}
@media (max-width: 575.98px){
.form-standard .function-btn span{
font-size: 0.7rem;
}
}
.form-standard .function-btn .icon-update,
.form-standard .function-btn .icon-delete,
.form-standard .function-btn .icon-save{
border-radius: 3px;
padding: 0.3rem 0.5rem 0.3rem 0.45rem;
display: block;
line-height: 1;
background: #e2e6e7;
border: 1px solid #74a706;
position: relative;
margin-bottom: 0.85rem;
transition: all 0.5s ease;
}
@media (min-width: 768px){
.form-standard .function-btn .icon-update,
.form-standard .function-btn .icon-delete,
.form-standard .function-btn .icon-save{
width: 32px;
height: 32px;
padding: 0;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0;
border: none;
border-radius: 100px;
}
}
@media (max-width: 575.98px){
.form-standard .function-btn .icon-update,
.form-standard .function-btn .icon-delete,
.form-standard .function-btn .icon-save{
padding: 0.25rem 0.35rem 0.25rem 0.3rem;
}
}
.form-standard .function-btn .icon-update:before,
.form-standard .function-btn .icon-delete:before,
.form-standard .function-btn .icon-save:before{
content: "\e928";
font-family: "portalFont";
position: relative;
transition: all 0.5s ease;
margin-right: 0.5rem;
color: #74a706;
font-size: 0.75rem;
}
@media (min-width: 768px){
.form-standard .function-btn .icon-update:before,
.form-standard .function-btn .icon-delete:before,
.form-standard .function-btn .icon-save:before{
margin-right: 0;
color: #010101;
font-size: 0.9rem;
}
}
@media (max-width: 575.98px){
.form-standard .function-btn .icon-update:before,
.form-standard .function-btn .icon-delete:before,
.form-standard .function-btn .icon-save:before{
font-size: 0.65rem;
margin-right: 0.3rem;
}
}
@media (max-width: 767.98px){
.form-standard .function-btn .icon-update,
.form-standard .function-btn .icon-delete,
.form-standard .function-btn .icon-save{
background-color: white;
}
}
.form-standard .function-btn .icon-update:hover,.form-standard .function-btn .icon-update:focus,
.form-standard .function-btn .icon-delete:hover,
.form-standard .function-btn .icon-delete:focus,
.form-standard .function-btn .icon-save:hover,
.form-standard .function-btn .icon-save:focus{
text-decoration: none !important;
color: #74a706;
background-color: #74a706;
color: white;
}
.form-standard .function-btn .icon-update:hover:before,.form-standard .function-btn .icon-update:focus:before,
.form-standard .function-btn .icon-delete:hover:before,
.form-standard .function-btn .icon-delete:focus:before,
.form-standard .function-btn .icon-save:hover:before,
.form-standard .function-btn .icon-save:focus:before{
color: white;
}
.form-standard .function-btn .icon-update:before{
font-family: "Font Awesome 5 Free";
font-weight: normal;
font-style: normal !important;
font-variant: normal;
position: relative;
content: "\f01e";
font-weight: 700;
}
.form-standard .function-btn .icon-delete:before{
content: "\e920";
}
.form-standard .btn-link{
background-color: transparent !important;
color: #74a706;
font-weight: bold;
}
.form-standard label{
display: none;
}
.form-standard .custom-control label{
display: block;
}
.form-standard .row{
clear: both;
}
.form-standard .custom-select{
width: 100%;
}
.form-standard .custom-select option[disabled],.form-standard .custom-select[disabled],.form-standard .custom-select[disabled=disabled]{
opacity: 1;
color: #495057 !important;
font-family: Roboto;
font-size: 0.85rem;
font-weight: 400;
line-height: 1.3;
}
.form-standard .custom-checkbox{
margin-top: 0.5rem;
}
.form-standard .btn{
padding: 0.45rem 1rem;
}
@media (max-width: 575.98px){
.form-standard .btn{
width: 100%;
text-align: center;
}
.form-standard .btn + .btn{
margin-top: 1rem;
}
}
.form-standard .btn.btn-edit{
padding-left: 0.65rem;
padding-right: 0.65rem;
}
.custom-select{
width: auto;
background: #f4f4f4  url("/src_project/svg/portal/dropdown.svg") no-repeat right 0.75rem center/10px 10px;
}
@media (min-width: 576px){
.custom-select{
min-width: 170px;
}
}
.ui-datepicker.ui-widget-content{
border-radius: 3px;
padding: 0;
}
.datepicker.form-control{
display: inline-block;
width: 100%;
background: #fff  url("/src_project/svg/portal/kalender.svg") no-repeat right 0.35rem center/20px 20px;
}
@media (min-width: 576px){
.datepicker.form-control{
width: 170px;
}
}
.webform{
margin: 1.75rem 0 1rem 0;
}
.webform .form-group{
display: block;
float: left;
width: 100%;
}
.webform .form-row{
clear: both;
}
@media (max-width: 767.98px){
.webform .form-row.btn-row{
flex-direction: column-reverse;
}
.webform .form-row.btn-row .info-txt{
margin-bottom: 1rem;
}
}
.webform .form-row .form-group > span{
display: block;
}
.webform .form-row select[multiple]{
font-family: Roboto;
font-size: 1rem;
width: 100%;
}
.webform .form-row select[multiple] option{
margin: 0 0 0.25rem 0;
}
.webform .spacer-row{
margin: 1rem 0;
display: block;
float: left;
width: 100%;
clear: both;
}
.SumoSelect{
font-family: Roboto;
}
.SumoSelect > .CaptionCont{
border-color: #dfdfdf !important;
color: #495057 !important;
}
.SumoSelect > .CaptionCont > label{
display: inline-block;
background: #fff  url("/src_project/svg/portal/dropdown.svg") no-repeat right 0.75rem center/10px 10px;
}
span.delete:before{
font-family: "portalfont";
content: "\e920";
font-size: 0.55rem;
margin-left: 0.3rem;
}
.datepicker.disabled{
background-color: #E9ECEF !important;
}
.note{
color: #c7c7c7;
}
.btn-secondary{
color: white;
}
.btn-secondary:hover,.btn-secondary:focus{
color: #2b2e31;
}

/* ** [ /src_project/sites/portal/css/4/./charts.css ] (@import) ** */
@media (min-width: 768px){
.chart-collapse{
display: block !important;
overflow: visible;
border-bottom: 5px solid #c7c7c7;
margin-bottom: 1rem;
}
}
.chart-collapse .collapse-box{
display: block;
float: left;
width: 100%;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}
.chart-collapse .collapse-box .container{
color: #575c60;
}
@media (min-width: 768px){
.chart-collapse .collapse-box .container{
max-width: 100%;
}
}
.chart-collapse .header-chart{
display: block;
float: left;
width: 100%;
}
@media (min-width: 768px){
.chart-collapse .header-chart{
padding-left: 25px;
position: relative;
}
.chart-collapse .header-chart .container{
padding: 0;
width: 100%;
height: 70px;
padding-left: 0.8rem;
background: #f4f4f4;
display: block;
float: left;
}
.chart-collapse .header-chart:before{
position: absolute;
left: 0px;
content: "";
width: 0;
height: 0;
border-top: 35px solid transparent;
border-bottom: 35px solid transparent;
border-right: 25px solid #f4f4f4;
}
}
.chart-collapse .header-chart h2{
text-transform: uppercase;
margin: 1rem 0;
}
.chart-collapse .header-chart h2:before{
font-size: 1.8rem;
}
@media (max-width: 767.98px){
.chart-collapse .header-chart{
background: #74a706;
color: white;
padding: 0.8rem 0 !important;
}
.chart-collapse .header-chart h2{
color: white;
margin: 0;
}
}
main article .list-content.chart .content-container .content-text a{
text-decoration: none;
color: #2b2e31;
}
main article .list-content.chart.tableau .content-container .content-text{
margin-bottom: 0.5rem;
}
main article .content-container.box-chart{
background: #f4f4f4;
padding: 1rem;
}
@media (max-width: 767.98px){
main article .content-container.box-chart .header-chart-con{
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
}
main article .content-container.box-chart .header-chart-con .collapse-link-chart.collapsed{
right: -2rem;
}
}
@media (min-width: 768px){
main article .content-container.box-chart .header-chart-con .collapse-link-chart{
display: none;
}
}
main article .content-container.box-chart .checkbox-contaienr .custom-control{
margin-bottom: 0.8rem;
}
main article .content-container.box-chart .price .top{
font-size: 1.3rem;
}
main article .content-container.box-chart .price .sub-txt{
font-size: 0.75rem;
line-height: 1;
display: block;
margin-top: -1px;
}
main article .content-container.box-chart .form-standard{
margin-top: 1.5rem;
}
main article .content-container.box-chart .form-standard .btn{
margin-top: 1rem;
}
@media (max-width: 767.98px){
main article .content-container.box-chart .form-standard .btn{
width: 100%;
}
}
main article .content-container.box-chart .form-standard h6{
margin-bottom: 0.85rem;
}
main article .content-container.box-chart .form-standard .check-agb{
margin: 1rem 0;
}
main article .content-container.box-chart .form-standard .info-txt{
font-weight: bold;
font-family: RobotoSlab;
font-size: 0.85rem;
margin-top: 1rem;
text-transform: uppercase;
}
@media (max-width: 767.98px){
main article .content-container.box-chart .form-standard .info-txt{
width: 100%;
text-align: center;
}
}
main article .content-container.box-chart .form-standard .form-control{
background: white;
}
main article .content-container.box-chart .form-standard label a{
text-decoration: underline;
color: #74a706;
}
.btn-row-center{
display: flex;
justify-content: center;
margin-top: 1.5rem;
}
.search-row{
display: block;
width: 100%;
float: left;
}
.search-row .list-order{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.search-row .list-order .input-form-row{
display: flex;
flex-direction: row;
}
.search-row .list-order .input-form-row .btn-submit{
padding-left: 0.65rem;
padding-right: 0.65rem;
}
.search-row .list-order .input-form-row .btn-submit span{
display: none;
}
.search-row .list-order .input-form-row .btn-submit i{
color: white;
margin: 0 !important;
}
.search-row .list-order .input-form-row .form-control{
margin-right: 0.45rem;
}
@media (min-width: 576px){
.search-row .list-order .input-form-row .form-control{
min-width: 300px;
}
}
.collapse-link-chart{
border-radius: 100px;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
width: 46px;
height: 46px;
display: inline-flex;
justify-content: center;
align-items: center;
position: fixed;
right: 1rem;
z-index: 100;
bottom: 10%;
padding: 0;
line-height: 1;
}
@media (max-width: 575.98px){
.collapse-link-chart{
bottom: 1.5rem;
}
}
.collapse-link-chart i{
font-style: normal;
}
.collapse-link-chart i:before{
font-family: portalfont;
content: "\e920";
color: white;
font-size: 1rem;
font-weight: normal;
}
@media (min-width: 768px){
.collapse-link-chart{
display: none !important;
}
}
.collapse-link-chart.collapsed{
position: relative;
bottom: inherit;
}
.collapse-link-chart.collapsed i:before{
position: relative;
top: -11px;
content: "...";
font-size: 2.2rem;
}

/* ** [ /src_project/sites/portal/css/4/./table.css ] (@import) ** */
.table-id12,.table-id11,.table-id10,.table-id9,.table-id8,.table-id7,.table-id6,.table-id5,.table-id4,.table-id3,.table-id2,.table-id1,.table-id0,.table-id{
border-bottom: 0px;
border-top: 0px;
width: 100%;
margin-bottom: 0;
}
.table-id12 th,.table-id11 th,.table-id10 th,.table-id9 th,.table-id8 th,.table-id7 th,.table-id6 th,.table-id5 th,.table-id4 th,.table-id3 th,.table-id2 th,.table-id1 th,.table-id0 th,.table-id th{
font-weight: 600;
font-size: 1rem;
color: #ffffff !important;
background: #74a706;
line-height: 1.25rem;
padding: 0.6rem 1rem;
vertical-align: top;
border-right: 2px solid #efefef;
border-bottom: 1px solid #efefef;
border-top: 0px;
}
.table-id12 td,.table-id11 td,.table-id10 td,.table-id9 td,.table-id8 td,.table-id7 td,.table-id6 td,.table-id5 td,.table-id4 td,.table-id3 td,.table-id2 td,.table-id1 td,.table-id0 td,.table-id td{
line-height: 1rem;
font-size: 1rem;
padding: 0.6rem 1rem;
vertical-align: top;
border-right: 2px solid #e2e6e7;
border-bottom: 1px solid #e2e6e7;
font-size: 1rem;
border-top: 0px;
}
.table-id12 td.cell-lastcol,.table-id11 td.cell-lastcol,.table-id10 td.cell-lastcol,.table-id9 td.cell-lastcol,.table-id8 td.cell-lastcol,.table-id7 td.cell-lastcol,.table-id6 td.cell-lastcol,.table-id5 td.cell-lastcol,.table-id4 td.cell-lastcol,.table-id3 td.cell-lastcol,.table-id2 td.cell-lastcol,.table-id1 td.cell-lastcol,.table-id0 td.cell-lastcol,.table-id td.cell-lastcol,.table-id12 td.cell-alt-lastcol,.table-id11 td.cell-alt-lastcol,.table-id10 td.cell-alt-lastcol,.table-id9 td.cell-alt-lastcol,.table-id8 td.cell-alt-lastcol,.table-id7 td.cell-alt-lastcol,.table-id6 td.cell-alt-lastcol,.table-id5 td.cell-alt-lastcol,.table-id4 td.cell-alt-lastcol,.table-id3 td.cell-alt-lastcol,.table-id2 td.cell-alt-lastcol,.table-id1 td.cell-alt-lastcol,.table-id0 td.cell-alt-lastcol,.table-id td.cell-alt-lastcol,.table-id12 td.cell-alt-header-lastcol,.table-id11 td.cell-alt-header-lastcol,.table-id10 td.cell-alt-header-lastcol,.table-id9 td.cell-alt-header-lastcol,.table-id8 td.cell-alt-header-lastcol,.table-id7 td.cell-alt-header-lastcol,.table-id6 td.cell-alt-header-lastcol,.table-id5 td.cell-alt-header-lastcol,.table-id4 td.cell-alt-header-lastcol,.table-id3 td.cell-alt-header-lastcol,.table-id2 td.cell-alt-header-lastcol,.table-id1 td.cell-alt-header-lastcol,.table-id0 td.cell-alt-header-lastcol,.table-id td.cell-alt-header-lastcol,.table-id12 td.cell-header-lastcol,.table-id11 td.cell-header-lastcol,.table-id10 td.cell-header-lastcol,.table-id9 td.cell-header-lastcol,.table-id8 td.cell-header-lastcol,.table-id7 td.cell-header-lastcol,.table-id6 td.cell-header-lastcol,.table-id5 td.cell-header-lastcol,.table-id4 td.cell-header-lastcol,.table-id3 td.cell-header-lastcol,.table-id2 td.cell-header-lastcol,.table-id1 td.cell-header-lastcol,.table-id0 td.cell-header-lastcol,.table-id td.cell-header-lastcol{
border-right: none;
}
.table-id12 tr,.table-id11 tr,.table-id10 tr,.table-id9 tr,.table-id8 tr,.table-id7 tr,.table-id6 tr,.table-id5 tr,.table-id4 tr,.table-id3 tr,.table-id2 tr,.table-id1 tr,.table-id0 tr,.table-id tr{
background-color: #ffffff;
}
.table-id0{
border: 2px solid #e2e6e7;
}
.caption-italic{
position: relative;
width: 100%;
background: #FFF;
clear: both;
font-size: 12px;
font-style: italic;
line-height: 14px;
min-height: 12px;
padding: 6px 2px 6px 0;
color: #000;
text-align: right;
margin-top: 3px;
margin-bottom: 10px;
}
.table-id1 tr:first-child td,
.table-id3 tr:first-child td,
.table-id4 tr:first-child td,
.table-id5 tr:first-child td,
.table-id6 tr:first-child td,
.table-id7 tr:first-child td,
.table-id9 tr:first-child td,
.table-id10 tr:first-child td,
.table-id11 tr:first-child td,
.table-id12 tr:first-child td{
font-weight: 600;
color: #ffffff !important;
background: #74a706;
line-height: 1.25rem;
font-size: 1rem;
padding: 0.5rem 1.158rem;
vertical-align: top;
}
.table-id3 tr td:first-child,
.table-id4 tr td:first-child,
.table-id6 tr td:first-child,
.table-id8 tr td:first-child,
.table-id9 tr td:first-child,
.table-id10 tr td:first-child,
.table-id2 tr td:first-child,
.table-id12 tr td:first-child{
font-weight: 600;
color: #ffffff !important;
background: #74a706;
line-height: 1.25rem;
font-size: 1rem;
padding: 0.5rem 1.158rem;
vertical-align: top;
}
.table-id4 tr:last-child td,
.table-id5 tr:last-child td,
.table-id6 tr:last-child td,
.table-id10 tr:last-child td,
.table-id11 tr:last-child td,
.table-id12 tr:last-child td{
font-weight: 600;
color: #ffffff !important;
background: #74a706;
line-height: 1.25rem;
font-size: 1rem;
padding: 0.5rem 1.158rem;
vertical-align: top;
}
.table-id6 tr td:last-child,
.table-id12 tr td:last-child{
font-weight: 600;
color: #ffffff !important;
background: #74a706;
line-height: 1.25rem;
font-size: 1rem;
padding: 0.5rem 1.158rem;
vertical-align: top;
}
.table-id1.content-table .cell-alt-header,
.table-id1.content-table .cell-alt-header-firstcol,
.table-id1.content-table .cell-alt-header-lastcol{
font-weight: 600;
color: #ffffff !important;
background-color: #74a706;
}
.table-id7 tr:nth-child(odd),
.table-id8 tr:nth-child(odd),
.table-id9 tr:nth-child(odd),
.table-id10 tr:nth-child(odd),
.table-id11 tr:nth-child(odd),
.table-id12 tr:nth-child(odd){
background-color: #f7f7f7;
}

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

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

/* ** [ /src_project/sites/portal/css/4/./focus-styles.css ] (@import) ** */
[data-whatinput=keyboard] :focus{
box-shadow: 0 0 0 2px #74a706 !important;
border-radius: 2px !important;
outline: none !important;
text-decoration: none !important;
}
[data-whatinput=keyboard] .main-header .navbar-light .navbar-nav .nav-link:focus{
background: #74a706;
}
[data-whatinput=keyboard] .main-header .navbar-light .navbar-nav .nav-link:focus:after{
backgund-color: white;
}
[data-whatinput=keyboard] input:focus,
[data-whatinput=keyboard] textarea:focus,
[data-whatinput=keyboard] button:focus{
border-color: inherit;
}

/* ** [ /src_project/sites/portal/css/4/./3rd-party.css ] (@import) ** */
@font-face{
font-display: swap;
font-family: "slick";
font-style: normal;
font-weight: normal;
src:  url("/src_project/fonts/slick/slick.eot?") format("eot"), url("/src_project/fonts/slick/slick.ttf") format("truetype"), url("/src_project/fonts/slick/slick.woff") format("woff"), url("/src_project/fonts/slick/slick.svg#slick") format("svg");
}

.slick-slider{
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
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{
transform: translate3d(0,0,0);
}
.slick-track{
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.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-loading .slick-list{
background: #fff  url(/"/ajax-loader.gif") center center no-repeat;
}


.slick-prev,
.slick-next{
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
transform: translate(0,-50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover,.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before,.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before{
font-family: "portalFont";
font-size: 20px;
line-height: 1;
color: #e2e6e7;
opacity: 0.85;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev{
left: -25px;
}
[dir=rtl] .slick-prev{
left: auto;
right: -25px;
}
.slick-prev:before{
content: "\e916";
}
[dir=rtl] .slick-prev:before{
content: "\e918";
}
.slick-next{
right: -25px;
}
[dir=rtl] .slick-next{
left: -25px;
right: auto;
}
.slick-next:before{
content: "\e918";
}
[dir=rtl] .slick-next:before{
content: "\e916";
}

.slick-dotted.slick-slider{
margin-bottom: 30px;
}
.slick-dots{
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li{
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button{
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover,.slick-dots li button:focus{
outline: none;
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{
opacity: 1;
}
.slick-dots li button:before{
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "portalFont";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
color: black;
opacity: 0.85;
}
.slick-dots li button::before{
font-family: "slick";
}
.slick-loading .slick-list{
background: none;
}

.slick-prev,
.slick-next{
width: auto;
height: auto;
}
.slick-prev::before,
.slick-next::before{
font-size: 2rem !important;
color: #d1d1d1 !important;
}
.algolia-autocomplete{
width: 100%;
}
.algolia-autocomplete .aa-input{
width: 100%;
}
.algolia-autocomplete .aa-hint{
width: 100%;
color: #999;
}
.algolia-autocomplete .aa-dropdown-menu{
width: 100%;
background-color: #fff;
border: 1px solid #999;
border-radius: 1em;
padding: 1em 0;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion{
cursor: pointer;
padding: 2px 4px;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor{
background-color: #eef4f4;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion em{
font-weight: bold;
font-style: normal;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion > p{
margin: 0;
}

.dropdown .dropdown-toggle{
position: relative;
width: 100%;
padding-right: 1rem !important;
}
.dropdown-toggle::after{
position: absolute;
right: 10px;
top: 50%;
}

.dropdown-menu{
padding: 0px 0;
margin: 0 0 0;
border-radius: 0px;
box-shadow: none !important;
border-color: #f8ce74;
min-width: 200px;
}

.navbar .show .dropdown-menu > li > a:focus{
background-color: transparent;
}
.navbar .show .dropdown-menu > li > a:hover{
background-color: #f8ce74;
}


header .dropdown-menu .dropdown-menu::before{
position: absolute;
top: 6px;
left: -18px;
transform: rotate(-90deg);
overflow: hidden;
width: 0;
height: 0;
content: "";
border-width: 9px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #f8ce74 transparent;
}
header .dropdown-menu .dropdown-menu::after{
position: absolute;
top: 7px;
left: -16px;
transform: rotate(-90deg);
overflow: hidden;
width: 0;
height: 0;
content: "";
border-width: 8px;
border-color: transparent transparent #ffffff transparent;
border-style: dashed dashed solid dashed;
}

.btco-hover-menu{
background: none;
margin: 0;
padding: 0;
min-height: 20px;
}
@media only screen and (max-width: 1200px){
.btco-hover-menu .show > .dropdown-toggle::after{
transform: rotate(-90deg);
}
}
@media only screen and (min-width: 1200px){
.btco-hover-menu > .collapse ul li{
position: relative;
}
.btco-hover-menu > .collapse ul li:hover > ul{
display: block;
}
.btco-hover-menu > .collapse ul ul{
position: absolute;
top: 100%;
left: 0;

display: none;
}
.btco-hover-menu > .collapse ul ul li{
position: relative;
}
.btco-hover-menu > .collapse ul ul li:hover > ul{
display: block;
}
.btco-hover-menu > .collapse ul ul ul{
position: absolute;
top: 0;
left: 100% !important;
padding: 1.175rem 1.875rem !important;
margin-left: 0px !important;

display: none;
}
.btco-hover-menu > .collapse ul ul ul li{
position: relative;
}
.btco-hover-menu > .collapse ul ul ul li:hover ul{
display: block;
}
.btco-hover-menu > .collapse ul ul ul ul{
position: absolute;
top: 0;
left: 100%;

display: none;
z-index: 1;
}


}
@media only screen and (max-width: 1200px){
.btco-hover-menu .collapse ul ul ul{
left: -110% !important;

}
.btco-hover-menu .collapse ul ul ul::before{
position: absolute;
top: 6px;
right: -18px !important;
left: auto !important;
transform: rotate(90deg) !important;
overflow: hidden;
width: 0;
height: 0;
content: "";
border-width: 9px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #f8ce74 transparent;
}
.btco-hover-menu .collapse ul ul ul::after{
position: absolute;
top: 7px;
right: -16px !important;
left: auto !important;
transform: rotate(90deg) !important;
overflow: hidden;
width: 0;
height: 0;
content: "";
border-width: 8px;
border-color: transparent transparent #ffffff transparent;
border-style: dashed dashed solid dashed;
}
}

.section-collapse{
display: block;
float: left;
width: 100%;
}
.section-collapse.collapse:not(.show){
height: 442px !important;
overflow: hidden;
}
.section-collapse.collapsing{
min-height: 442px !important;
}
.article-collapse{
display: block;
float: left;
width: 100%;
}
.article-collapse.collapse:not(.show){
height: 1500px !important;
overflow: hidden;
}
.article-collapse.collapsing{
min-height: 1000px !important;
}
a.read-m{
float: left;
clear: both;
width: 100%;
border-bottom: 1px solid #cccccc;
position: relative;
margin-bottom: 1.5rem;



background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgb(255,255,255) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=0);

}
a.read-m.collapsed{
margin-top: -80px;
height: 70px;
}
a.read-m:after{
content: "Weiterlesen";
position: absolute;
width: 100px;
height: 1.6rem;
left: calc(50% - 50px);
bottom: -0.75rem;
background-color: #74a706;
text-align: center;
color: #ffffff;
border-radius: 3px;
font-size: 0.75rem;
line-height: 1.6rem;
display: block;
}
a.read-m:not(.collapsed):after{
content: "Weniger";
position: absolute;
width: 100px;
height: 1.6rem;
left: calc(50% - 50px);
bottom: -0.75rem;
background-color: #74a706;
text-align: center;
color: #ffffff;
border-radius: 3px;
font-size: 0.75rem;
line-height: 1.6rem;
display: block;
}

body .gm-style,
.gm-style{
font-size: 0.875rem;
line-height: 1.4;
font-family: RobotoSlab;
}
body .gm-style .gm-style-iw,
.gm-style .gm-style-iw{
font-size: 0.875rem;
}
body .gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-c{
padding: 25px;
}
body .gm-style button.gm-ui-hover-effect,
.gm-style button.gm-ui-hover-effect{
top: -4px !important;
right: 0px !important;
}
body .gm-style button.gm-ui-hover-effect img,
.gm-style button.gm-ui-hover-effect img{
width: 20px !important;
height: 20px !important;
}
body .gm-style .gm-style-iw-d span.title,body .gm-style .gm-style-iw-d span.address,body .gm-style .gm-style-iw-d span.more,
.gm-style .gm-style-iw-d span.title,
.gm-style .gm-style-iw-d span.address,
.gm-style .gm-style-iw-d span.more{
display: block;
clear: both;
float: none;
}
body .gm-style .gm-style-iw-d span.title,
.gm-style .gm-style-iw-d span.title{
font-weight: bold;
}
body .gm-style .gm-style-iw-d a,
.gm-style .gm-style-iw-d a{
font-weight: normal !important;
}

@media (min-width: 992px){
.channel .dc-gmap-container.poi-map{
position: relative;
z-index: unset !important;
}
.channel .dc-gmap-container.poi-map:before,.channel .dc-gmap-container.poi-map:after{
position: absolute;
width: 10%;
height: 100%;
content: " ";
top: 0;
z-index: 250;
}
.channel .dc-gmap-container.poi-map:before{
background: linear-gradient(to right,rgb(255,255,255) 0%,rgba(255,255,255,0.8) 25%,rgba(255,255,255,0) 100%);
left: 0;
}
.channel .dc-gmap-container.poi-map:after{
right: 0;
background: linear-gradient(to left,rgb(255,255,255) 0%,rgba(255,255,255,0.8) 25%,rgba(255,255,255,0) 100%);
}
.channel .dc-gmap-container.poi-map .gm-style-pbc,
.channel .dc-gmap-container.poi-map .gm-style,
.channel .dc-gmap-container.poi-map .dc-gmap{
z-index: unset !important;
}
.channel .dc-gmap-container.poi-map .gm-style > div{
z-index: unset !important;
}
.channel .dc-gmap-container.poi-map .gm-control-active,
.channel .dc-gmap-container.poi-map .gm-svpc,
.channel .dc-gmap-container.poi-map .gm-style > .gmnoprint,
.channel .dc-gmap-container.poi-map .gmnoprint{
z-index: 260 !important;
}
}

/* ** [ /src_project/sites/portal/css/4/./modal.css ] (@import) ** */
.modal .close{
background-image: none;
text-indent: inherit;
right: 15px;
opacity: 1;
}
.modal .close:before{
font-family: portalfont;
color: #c7c7c7;
content: "\e920";
font-size: 1rem;
transition: color 0.5s ease;
}
.modal .close span{
display: none;
}
.modal .close:hover,.modal .close:focus{
background-image: none !important;
}
.modal .close:hover:before,.modal .close:focus:before{
color: #74a706;
}
.modal .modal-title{
font-size: 1.25rem;
font-weight: 800;
}
.modal .modal-body{
font-size: 1rem;
line-height: 1.375rem;
}

/* ** [ /src_project/sites/portal/css/4/./wetter.css ] (@import) ** */
[data-symbol="01"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/01.svg);
}
[data-symbol="02"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/02.svg);
}
[data-symbol="03"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/03.svg);
}
[data-symbol="04"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/04.svg);
}
[data-symbol="05"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/05.svg);
}
[data-symbol="06"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/06.svg);
}
[data-symbol="07"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/07.svg);
}
[data-symbol="08"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/08.svg);
}
[data-symbol="09"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/09.svg);
}
[data-symbol="10"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/010.svg);
}
[data-symbol="11"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/011.svg);
}
[data-symbol="12"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/012.svg);
}
[data-symbol="13"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/013.svg);
}
[data-symbol="14"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/014.svg);
}
[data-symbol="15"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/015.svg);
}
[data-symbol="16"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/016.svg);
}
[data-symbol="17"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/017.svg);
}
[data-symbol="18"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/018.svg);
}
[data-symbol="19"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/019.svg);
}
[data-symbol="20"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/020.svg);
}
[data-symbol="21"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/021.svg);
}
[data-symbol="22"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/022.svg);
}
[data-symbol="23"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/023.svg);
}
[data-symbol="24"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/024.svg);
}
[data-symbol="25"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/025.svg);
}
[data-symbol="26"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/026.svg);
}
[data-symbol="27"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/027.svg);
}
[data-symbol="28"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/028.svg);
}
[data-symbol="29"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/029.svg);
}
[data-symbol="30"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/030.svg);
}
[data-symbol="31"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/031.svg);
}
[data-symbol="32"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/032.svg);
}
.weather-list .centered-headline{
tex-talign: center;
}
.weather-list .centered-headline h2{
text-align: center;
font-size: 1.35rem;
}
main article .weather-list.content-container ul > li a:hover,main article .weather-list.content-container ul > li a:focus,
.weather-list ul > li a:hover,
.weather-list ul > li a:focus{
text-decoration: underline;
}
main article .weather-list.content-container h2,
.weather-list h2{
margin: 1.5rem 0 0.25rem;
}
.wetter-header{
text-align: center;
}
.wetter-header h1 span{
font-size: 20px;
}
.wetter-header h1 small,
.wetter-header h1 span{
display: block;
clear: both;
}
.wetter-header h1 small{
font-size: 13px;
margin-top: 5px;
color: #999;
}
.search-link{
margin-top: 0.5rem;
}
.search-link svg{
margin-right: 0.2rem;
}
.wetter-search{
background: #e2e6e7;
padding: 1rem 0.5rem;
}
@media (min-width: 576px){
.wetter-search{
padding: 1rem 1rem 1rem;
}
}
@media (min-width: 768px){
.wetter-search{
padding: 1.5rem 1.5rem 1.5rem;
}
}
.wetter-search .input-form-row{
display: flex;
flex-direction: row;
justify-content: center;
}
.wetter-search .form-control{
background: white;
width: auto;
margin-right: 0.45rem;
border-width: 1px;
flex-grow: 1;
}
@media (min-width: 576px){
.wetter-search .form-control{
width: 300px;
flex-grow: inherit;
}
}
.wetter-search .btn-submit span{
display: none;
}
.wetter-search .btn-submit span.submit{
color: white;
display: block;
margin: 0 !important;
}

#tableau.my-tableau{
margin: 15px 0;
clear: both;
touch-action: manipulation;

}
#tableau.my-tableau .tb-cell{
padding: 0 10px;
}
#tableau.my-tableau .tb-cell{
border-right: 1px solid #f4f4f4;
border-left: 1px solid #f4f4f4;
}
#tableau.my-tableau .tb-row-header{
padding: 7px 0;
background: #f4f4f4;
font-family: RobotoSlab;
font-weight: 500;
}
#tableau.my-tableau .tb-toggle-details:before{
content: "Vormittag / Nachmittag" !important;
}
#tableau.my-tableau .tb-cell.expanded .tb-toggle-details:before{
content: "Ansicht schließen" !important;
}
#tableau.my-tableau .tb-toggle-details,
#tableau.my-tableau .tb-toggle-details:visited{
color: #74a706;
text-transform: uppercase;
font-family: RobotoSlab;
font-weight: 500;
}
#tableau.my-tableau p{
margin: 0;
}
#tableau.my-tableau .tb-weekday{
font-size: 1rem;
font-family: RobotoSlab;
font-weight: 500;
margin-top: 12px;
}
#tableau.my-tableau .tb-date{
font-size: 1.25rem;
font-family: RobotoSlab;
font-weight: 500;
}
#tableau.my-tableau .tb-temp-max > span{
padding-bottom: 4px;
border-bottom: 1px solid rgba(0,0,0,0.2);
}
#tableau.my-tableau .tb-temp-min > span{
padding-top: 6px;
}
#tableau.my-tableau .tb-toggle-details{
font-size: 0.75rem;
letter-spacing: 0.04rem;
padding: 0.85rem 0;
}
#tableau.my-tableau .tb-value{
padding: 0.8rem 0;
}
#tableau.my-tableau .tb-value + .tb-value{
padding-top: 0;
}
#tableau.my-tableau .tb-slick-btn-prev:before{
content: "\e916" !important;
}
#tableau.my-tableau .tb-slick-btn-next:before{
content: "\e918" !important;
}
#tableau.my-tableau .tb-slick-btn{
border-radius: 100px;
background: #74a706;
}
#tableau.my-tableau .tb-slick-btn:before{
font-family: portalfont;
color: white;
}
#tableau.my-tableau .tb-slick-btn.tb-slick-btn-prev{
top: 159px;
left: 0;
width: 46px;
height: 46px;
padding: 0;
}
#tableau.my-tableau .tb-slick-btn.tb-slick-btn-next{
top: 159px;
right: 0;
width: 46px;
height: 46px;
padding: 0;
}

/* ** [ /src_project/sites/portal/css/4/./customer.css ] (@import) ** */
.italic{
font-style: italic;
padding-right: 2px;
}

.mail-icon-header .h1,.chart-icon-header .h1,.service-icon-header .h1,.nl-icon-header .h1{
color: white;
background: #74a706;
width: auto;
display: inline;
padding-left: 0.45rem;
padding-right: 0.45rem;
}
aside .header-chart h2{
position: relative;
margin-top: 0;
}
aside .header-chart h2.icon-header.aiz-charts::before{
top: -1px;
}

.date.pre::before{
content: "____";
position: absolute;
top: -100%;
}
.date.pre3::before{
content: "_____";
}
.date.pre{
position: relative;
margin-top: 1rem;
margin-bottom: 1rem;
clear:both;
}

.abo-box .btn-box a:hover{text-decoration: none !important}

.list-content.ticker .content-container .date{margin-bottom: 0}

.search-container{
margin-bottom: 1rem;
}

.meldungen .content-text p{
margin-top: 1rem;
margin-bottom: 1rem;
}

.wetter-header h1 small,
.wetter-header h1 span{
line-height: normal;
}

.ausgabenummer.form-control{
width: 350px;
display: inline-block;
}
.list-content.nodir{
padding-left: 0.80rem !important;
}

.row.nl-icon-header::before{
content: "";
}
.footer-links .row2{
float: right;margin-top: .5rem;
}

.summary .message{
background: #de6912;
padding: 3px 8px;
color: #ffffff;
}
.summary .message a{
color: #f7e844;
}

.form-standard .txt-l.bold{
font-weight: 500;
}
.form-standard .txt-l.uppercase{
text-transform: uppercase;
}
.form-standard .row-auswahl .custom-radio{
display: block;
padding-top: 10px;
}

.form-standard .group-anrede .form-control{
color: #a3a3a3;
display: flex;
padding-bottom: 3px;
}
.form-standard .group-anrede .txt-l{
padding-right: 20px;
}
.aboinfo small{
line-height: normal;
display: block;
}
.form-standard .special-box ul ul li{
list-style-type: disc;
list-style-position: inside;
}
.form-standard #format.custom-select option:first-child{
display: none !important;
}

.group-nutzung .txt-l,
.group-agentur .txt-l,
.group-beratung .txt-l{
padding-bottom: 5px;
}
.row-nutzung,
.row-agentur,
.row-beratung{
margin-bottom: 5px;
border-bottom: 1px solid #f4f4f4;
}

.content-container.webform{
position: relative;
}
.content-container.webform a.form_go{
position: relative;
top: -220px;
}

.inactive-btn{
cursor: pointer;
}

.content-container .content-text em{
letter-spacing: 1px;
}
.closed .unlogged{
display: none;
}
.webform.content-container{
margin: 1.75rem 0 3.5rem 0;
}
.werbung{
padding: 2rem 0;
}

@media (min-width: 992px){
.home-stage .main-story .date-header h2{
width: 90% !important;
}
}

/* ** [ /src_project/sites/portal/css/4/./print.css ] (@import) ** */
@media print{
*{
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
a[href]:after{
content: none !important;
}
body{
padding-top: 0 !important;
color: #000;
background: #fff;
-webkit-print-color-adjust: exact;
}
@page{
margin: 15mm 20mm 20mm 20mm;
size: 210mm 297mm;
}
img{
display: block;
}
body{
position: static;
width: 100%;
margin: 0;
padding: 0;
display: block !important;
}
article,
main,
aside,
section,
.row,
.container{
max-width: 100% !important;
flex: none !important;
width: 100% !important;
float: left;
margin: 0;
padding: 0;
overflow: visible;
display: block !important;
}
.col-md-6,
.col-md-12,
.col-md-4,
.date-event,
.list-layout ul li .small-img .media-content{
float: left;
}
.brand,
.logo-logo{
display: block !important;
}
.main-header{
display: block !important;
position: static !important;
height: 180px !important;
max-width: 100% !important;
flex: 0 0 100% !important;
width: 100% !important;
}
.main-header .navbar-expand-md{
height: 100px !important;
display: block !important;
}
.sticky-header{
position: static !important;
}
.header-image,
.home-header-image,
.breadcrumb,
#navbarsSearchBox,
#navbarsMainMenu,
footer,
.social-link,
.content-mob-btn,
.linkbox,
.downloadbox,
.navbar-collapse,
.related-articles,
.quick-links,
#template-footer,
.thumbnail-gallery,
.logo-logo.mobile,
.action-bar,
.weiter{
display: none !important;
}
.service{
margin-top: 0rem !important;
}
.service .content-container{
min-height: auto;
}
}

/* ** [ /src_project/sites/portal/css/4/./disabled-by-cmp.css ] (@import) ** */
a.open-cookie-management-plattform,
a.open-cmp{
text-decoration: underline;
}
figure > iframe[data-opt-in] + figcaption{
font-size: smaller;
}
figure > iframe[src] + figcaption{
display: none !important;
}
figure.holder-youtube{
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%2290%22%20viewBox%3D%220%200%20160%2090%22%20preserveAspectRatio%3D%22none%22%3E%3Cstyle%3Etext%7Bfont-family%3A%22sans-serif%22%3Bfont-size%3A10px%3Bfill%3A%23ff0000%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2290%22%20fill%3D%22%23282828%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2260%22%20y%3D%2245%22%3Eyoutube%3C%2Ftext%3E%3Ctext%20x%3D%2275%22%20y%3D%2255%22%3E%E2%96%B6%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
}
figure.holder-youtube > iframe{
max-width: 100%;
height: 0;
padding-top: 56.2%;
}
figure.holder-whatchado{
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%2290%22%20viewBox%3D%220%200%20160%2090%22%20preserveAspectRatio%3D%22none%22%3E%3Cstyle%3Etext%7Bfont-family%3A%22sans-serif%22%3Bfont-size%3A10px%3Bfill%3A%23e56020%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Crect%20width%3D%22160%22%20height%3D%2290%22%20fill%3D%%2322282828%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2250%22%20y%3D%2245%22%3Ewhatchado%3C%2Ftext%3E%3Ctext%20x%3D%2275%22%20y%3D%2255%22%3E%E2%96%B6%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
}
figure.holder-whatchado > iframe{
max-width: 100%;
height: 0;
padding-top: 56.2%;
}
figure.holder-spotify{
background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22160%22%20height%3D%2290%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22%23fff%22%20style%3D%22fill-opacity%3A1%22%20d%3D%22M0%200h160v90H0z%22/%3E%3Cpath%20d%3D%22M1375%20945c-270%20161-715%20175-973%2097a78.3%2078.3%200%201%200-45%20150c296%2090%20788%2072%201098-112a78.5%2078.5%200%201%200-80-135zm-9-237a65%2065%200%200%200-89-22%201099%201099%200%200%201-835%2098%2065.3%2065.3%200%200%200-38%20125c304%2092%20683%2047%20941-111%2031-19%2040-60%2021-90zm-102-228a52%2052%200%200%200-72-18c-196%20121-444%20148-735%2081a52.4%2052.4%200%201%200-24%20102c319%2073%20593%2041%20814-93%2024-15%2032-48%2017-72zM880%201688a837.5%20837.5%200%201%201%200-1675%20837.5%20837.5%200%200%201%200%201675m1441-773c-145%2034-170%2058-170%20109%200%2048%2045%2080%20112%2080%2065%200%20130-24%20198-75%202-1%204-2%207-1%202%200%205%201%206%203l71%20100c3%204%202%2010-2%2013-81%2065-172%2096-278%2096-156%200-265-94-265-228%200-143%2094-194%20257-234%20138-31%20161-58%20161-106%200-53-47-86-123-86-84%200-153%2029-230%2095-2%202-5%203-7%203l-7-4-79-94c-3-4-3-10%201-13%2090-80%20200-122%20319-122%20168%200%20277%2092%20277%20234%200%20120-72%20187-248%20230m751-162c0-101-63-172-152-172s-156%2074-156%20172c0%2099%2067%20173%20156%20173%2088%200%20152-73%20152-173zm-122%20304c-73%200-133-29-183-87v66c0%205-4%209-9%209h-129c-6%200-10-4-10-9V300c0-5%204-10%2010-10h129c5%200%209%205%209%2010v232c50-55%20110-82%20182-82%20136%200%20273%20104%20273%20303%200%20200-137%20304-272%20304m624-477c-93%200-163%2075-163%20173%200%20100%2067%20172%20161%20172%2093%200%20163-75%20163-174s-68-171-161-171zm0%20477a305%20305%200%200%201-311-306c0-169%20135-302%20309-302a304.5%20304.5%200%201%201%202%20609m682-13h-142v146c0%205-4%209-9%209h-130c-5%200-9-4-9-9v-146h-63c-5%200-9-4-9-9V925c0-6%204-10%209-10h63V627c0-116%2057-175%20172-175%2046%200%2085%209%20121%2030%203%202%205%205%205%208v106a10%2010%200%200%201-14%209c-25-13-49-19-76-19-41%200-60%2019-60%2061v268h142c6%200%2010%204%2010%2010v111c0%205-4%209-10%209m497%200v18c0%2052%2020%2076%2065%2076%2027%200%2049-6%2073-14a9%209%200%200%201%2013%209v109c0%205-3%208-7%209-26%208-59%2016-108%2016-119%200-182-67-182-195v-27h-63c-5%200-9-4-9-10V925c0-6%204-10%209-10h63V471c0-5%204-10%209-10h129c6%200%2010%205%2010%2010v444h121l185-444c-21-47-42-56-70-56-23%200-47%207-71%2020-3%202-5%202-8%201l-5-5-44-96c-2-5-1-10%204-13%2046-24%2087-35%20138-35%2096%200%20148%2045%20195%20164l225%20581a10%2010%200%200%201-9%2013h-135c-4%200-8-3-9-7l-138-394-151%20395c-2%203-5%206-9%206h-221m-288%200h-129c-6%200-10-4-10-9V471c0-5%204-10%2010-10h129c5%200%2010%205%2010%2010v565c0%205-5%209-10%209m-64%20257a93%2093%200%201%201%200-185%2093%2093%200%200%201%200%20185m1139-313h-23v-30h23c12%200%2019%206%2019%2015%200%2010-7%2015-19%2015zm16-43%2026-36h-22l-23%2033h-20v-33h-18v96h42c22%200%2037-12%2037-31%200-16-9-25-22-29zm-20%2091c-47%200-82-37-82-82%200-46%2035-82%2081-82%2047%200%2082%2037%2082%2082%200%2046-35%2082-81%2082zm-1-173a91%2091%200%201%200%201%20182c51%200%2091-41%2091-91s-41-91-92-91%22%20style%3D%22fill-opacity%3A1%3Bstroke-width%3A7.53806744%3Bstroke-dasharray%3Anone%3Bfill%3A%231ed760%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.01313%200%200%20-.01313%2042.8%2044.2%29%22/%3E%3Cpath%20d%3D%22M414%2071A241%20241%200%200%200%20242.5%200%20241%20241%200%200%200%2071%2071%20241%20241%200%200%200%200%20242.5%20241%20241%200%200%200%2071%20414a241%20241%200%200%200%20171.5%2071A241%20241%200%200%200%20414%20414a241%20241%200%200%200%2071-171.5A241%20241%200%200%200%20414%2071ZM242.5%20455A212.7%20212.7%200%200%201%2030%20242.5%20212.7%20212.7%200%200%201%20242.5%2030%20212.7%20212.7%200%200%201%20455%20242.5%20212.7%20212.7%200%200%201%20242.5%20455Z%22%20style%3D%22fill-opacity%3A1%3Bfill%3A%231ed760%22%20transform%3D%22translate%2871.8%2048.8%29%20scale%28.03376%29%22/%3E%3Cpath%20style%3D%22fill-opacity%3A1%3Bfill%3A%231ed760%22%20transform%3D%22translate%2871.8%2048.8%29%20scale%28.03376%29%22%20d%3D%22M181.1%20148.4v188.2l162.8-94.1z%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
figure.holder-spotify > iframe{
max-width: 100%;
height: 0;
padding-top: 56.2%;
}
figure.holder-23-degrees-chart > div[id].not-loaded{
display: flex;
max-width: 100%;
justify-content: space-between;
}
figure.holder-23-degrees-chart > div[id].not-loaded > img{
display: flex;
flex-direction: column;
}
figure.holder-23-degrees-chart > div[id].not-loaded > p{
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
}
div[rel=reCaptcha][data-opt-in]{
display: block;
width: 300px;
height: 74px;
text-align: center;
vertical-align: middle;
border: 1px solid #d3d3d3;
border-radius: 3px;
background: #f9f9f9;
}
form div[rel=reCaptcha][data-opt-in]{
display: flex;
width: 100% !important;
max-width: 100% !important;
height: auto;
margin-bottom: 1em;
padding: 1.5em 0;
text-indent: -9999px;
color: transparent;
background-color: #fff;
border: solid 2px #74a706;
border-radius: 3px;
justify-content: space-between;
}
@media (max-width: 991.98px){
form div[rel=reCaptcha][data-opt-in]{
flex-direction: column;
}
}
@media (min-width: 992px){
form div[rel=reCaptcha][data-opt-in]{
min-height: 6.85rem;
}
}
form div[rel=reCaptcha][data-opt-in]:before{
margin: auto 1em;
content: "Der zur Absicherung des Formulars verwendete Spamschutz reCAPTCHA von Google benötigt Ihre Zustimmung.";
text-indent: 0;
color: #2b2e31;
}
form div[rel=reCaptcha][data-opt-in] > a{
line-height: 2.2em;
font-family: RobotoSlab;
font-weight: 600;
text-transform: uppercase;
min-width: 170px;
height: 2.2em;
margin: auto 2em;
padding: 0 2em 0 2em;
text-align: center;
white-space: nowrap;
text-indent: 0;
color: white;
border-color: #74a706 !important;
border-radius: 3px;
background-color: #74a706 !important;
}

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