body {
    font-family: "Roboto";
    font-size: 16px;
    line-height: 19px;
    color: #4b4b4b;
    hyphens: auto;
}

a {
    color: #054d99;
    text-decoration: none;
}
.row {
    --bs-gutter-x: 1rem !important;
}  

li {padding: .6em;}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: "Roboto";
	font-weight: 500;
	line-height: 30px;
	color: inherit
}

b, strong {
    font-weight: bold;
}

.text-right {
    text-align: right;
}

.top-container p {
    margin-top: 0px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
	font-weight: 400;
	line-height: 1;
	color: #4b4b4b;
}
.container .container {    margin-right: calc(var(--bs-gutter-x) * .5);
    margin-left: calc(var(--bs-gutter-x) * .5);padding-right:0;padding-left:0;}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
	margin-top: 10px;
	margin-bottom: 10px
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
	font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin-top: 10px;
	margin-bottom: 10px
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
	font-size: 75%
}

h1,
.h1 {
	font-size: 36px
}

h2,
.h2 {
	font-size: 24px
}

h3,
.h3 {
	font-size: 18px
}

h4,
.h4 {
	font-size: 16px
}

h5,
.h5 {
	font-size: 14px
}

h6,
.h6 {
	font-size: 12px
}






h1 {
	font-family: 'Roboto';
	font-size: 14px;
	line-height: 20px;
	color: #4b4b4b;
	margin-top: 0;
	margin-bottom: 0
}

h2 {
	font-family: 'Roboto';
    margin-bottom: 30px;
}

h3 {
	color: #4b4b4b;
    font-family: 'Roboto';
    font-size: 18px;
    letter-spacing: .06em;
    line-height: 24px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
}

h4 {
	color: #4b4b4b;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .06em;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 0;

}

h5 {
	font-family: 'Roboto';
	color: #dfdfdf
}

p {
	margin-bottom: 0;
	margin-top: 10px;
	line-height: 20px
}

h2.lightGray {
    color:#4b4b4b;
    font-size: 24px;
}

h2.blueMain {
    color: #054d99;
    font-size: 24px;
}

h2.miniHeadlineFirst {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: bold;
}

.font-normal {
    font-size: 16px;
    line-height: 22px;
}

.btn-fw {
    width: 100%;
}

.color-blue {
    color: #054d99;
}
.text-small{font-size:12px;}

.full-width-gray {
    background: rgba(153, 153, 153, .5);
    color: black;
    height:auto;
    overflow-y: auto;
}

.full-width-nearly-white {
    background: rgba(153, 153, 153, .05);
    color: black;
    height:auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.navbar.navbar-expand-lg.navbar-light.bg-light {
    padding: 0px;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link {

    color: #054d99;
    padding: 15px 17px;
    margin-left: 10px;

}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    background: #054d99;
    color: white;
}

.lang-area {
    text-align: right;
}

.lang-area a {
    margin-left: 5px;
}

.lang-area span {
    border-radius: 2px;
    font-size: 19px;
    background-color:rgb(216, 216, 216);
    padding: 1px;   
}

.main-navi .dropdown-menu.dropdown-menu-end {
    min-width: 300px;
    border-radius: 0px;
    padding: 0px;
    border: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.46); 
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.46);
}


.main-navi .dropdown-menu .dropdown-item {
    padding: 15px 10px;
    color: #054d99;
}

.main-navi .dropdown-item:focus, .main-navi .dropdown-item:hover {
    background: #054d99;
    color: white !important;
}

.headSlide {
    background-color: rgb(229, 229, 229);
    width: 100%;
}

img.fwImage {
    width: 100%;
    height: auto;
}

.themenIcon {
    background: #054d99;
    color: white;
    width: 100%;
    max-width: 100%;
    height: 130px;
    border: 0px;
    border-radius: 0px;
}

.themenIcon .middleText {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    hyphens: auto;
    white-space: pre-wrap !important;
    font-size: 15px;
}

.bg-white {
    background: white;
}

.text-justify {
    text-align: justify;
}

.infoContentItem .card {
    border-radius: 0px;
    border: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.46); 
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.46);
    height: 100%;
}

.infoContentItem .card img {
    border-radius: 0px;
    min-height: 204px;
}

.infoContentItem .card-title {
    margin-bottom: 0px;
}

.infoContentItem .card-body {
    display: table;
}

.infoContentItem .card-body h5 {
    display: table-cell;
}

a.readMoreButton::before {
    background-image: url('/resources/img/arrow-right.svg');
    background-size: 10px 10px;
}

.btn.btn-primary {
    background: #054d99;
    color: white;
    border-radius: 0px;
    border: 0px;
}

img.card-img-top {
    object-fit: fill;
}


#scrollUpBtn {
  display: none; 
  position: fixed; 
  bottom: 20px; 
  left: 30px;
  z-index: 99; 
  border: none; 
  outline: none;
  color: white;
  cursor: pointer;
}

#overFooter .ofPart {
    line-height: 1.4em;
}



@media only screen and (max-width: 992px) {

    .main-navi button.navbar-toggler {
        margin-top: -55px;
        margin-bottom: 40px;
    }

    .lang-area-mobile {
        padding: 15px 17px;
        margin-left: 10px;
        font-size: 30px;
    }

    img {
        max-width: 100% !important;
    }

    ul {
        padding-left: 1rem;
    }

}


@media only screen and (max-width: 768px) {

    

    .logo-area img {
        max-width: 150px;
    }

    .lang-area {
        text-align: left;
        margin-top: 10px;
    }

    .lang-area a {
        margin-left: 0px;
        margin-right: 5px;
        
    }

    .main-navi button.navbar-toggler {
        margin-top: -55px;
        margin-bottom: 40px;
    }

    #themeIcons .themenIcon {
        height: 70px;
    }

    

    

}

@media only screen and (max-width: 767px) {

    .left-content {
        width: 100% !important;
    }

}

@media only screen and (max-width: 992px) {

    #ctaArea .text-right {
        text-align: left;
    }

}

@media only screen and (max-width: 576px) {

    
    .main-navi button.navbar-toggler {
        margin-top: -60px;
        margin-bottom: 30px;
    }

    #themeIcons .themenIcon {
        height: auto;
        padding: 15px 0px;
        margin: -5px 0px;
    }
}


.accordion-button:not(.collapsed) {
    color: #054d99;
}

.accordion-button:focus {
    box-shadow: unset;
}

.lang-area-mobile a {
    margin-right: 10px;
}

.frame-imgFullWidth img, 
.frame-imgFullWidth .ce-outer,
.frame-imgFullWidth .ce-inner,
.frame-imgFullWidth .ce-row,
.frame-imgFullWidth .ce-column,
.frame-imgFullWidth figure.image {
    width: 100%; 
    height: auto;
}

p.text-secondary, .newsItem p {
    color: #6c757d !important;
}

.pageItemList li {
    float: left;
    padding: 10px 15px;
    list-style: none;
    background: #054d99;
    border: 1px solid #054d99;
    margin: 5px 10px 5px 0;
}


.pageItemList li a {
    color: white;
    text-decoration: none;
}

.pageItemList li.active {
    background: white;
}

.pageItemList li.active a {
    color: #054d99;
}

.contactItem img, 
.contactItem .ce-column,
.contactItem figure.image {
    width: 100%;
    height: auto;
}

.accordionGrid .row {
    margin-left: -15px;
    margin-right: -15px;
}

.accordion-button {
    font-size: 24px;
    color: #054d99;
}

.leftSide li {
    color: #4b4b4b;
}

.news-item p {
    font-size: 16px;
    line-height: 28px;
}

.btn.btn-news-search {
    background:#054d99;
    color: white;
    text-align: center;
    margin-top: 10px;
    width: 100%;
}

#news-subject {
    width: 100%;

}

.news-search-form {
    height: 100px;
}


@media only screen and (min-width: 992px) {

.btn.btn-news-search {
    float: right;
    width: 70px;
    background:#054d99;
    color: white;
    margin: 0px;
    margin-left: -10px;
    text-align: center;
}

#news-subject {
    width: calc(100% - 65px);
    float: left;
    border-right: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.news-search-form {
    height: 45px;
}

}


.page-navigation p:first-child {
    display: none;
}


.news-list-view li {
    padding: 0px;
    margin-right: 15px;
}

.page-navigation {
    margin-bottom: 15px;
}


    .frame-space-before-extra-small { margin-top: 1em!important; }
    .frame-space-before-small { margin-top: 2em!important; }
    .frame-space-before-medium { margin-top: 3em!important; }
    .frame-space-before-large { margin-top: 4em!important; }
    .frame-space-before-extra-large { margin-top: 5em!important; }
    .frame-space-after-extra-small { margin-bottom: 1em!important; }
    .frame-space-after-small { margin-bottom: 2em!important; }
    .frame-space-after-medium { margin-bottom: 3em!important; }
    .frame-space-after-large { margin-bottom: 4em!important; }
    .frame-space-after-extra-large { margin-bottom: 5em!important; }


    
.form-element-radio legend{margin:2rem 0 1.5rem}
.form-check-label{width:calc(100% - 3rem);padding-top:5px;}
.form-check-input {margin-top:1px;}
    .powermail_fieldwrap label, .powermail_fieldwrap .checkbox {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_information.nolabel.form-group.col-md-6,
    .powermail_fieldwrap.powermail_fieldwrap_type_submit.form-group.col-md-6 {
        width: 100%;
        margin-bottom: 20px;
    }

    .powermail_fieldwrap_type_captcha div{display: flex;flex-direction: column;}
    .powermail_fieldwrap_type_captcha div input{order: 2;margin-top: 10px;}
    .powermail_fieldwrap_type_captcha div img{order: 1;}

    .form-control {
        border-radius: 0px;
    }



    .cookie-set {
        color: #054d99;
        text-decoration: none;
        float: left;
    }

    #footer a {
        color: #054d99;
        text-decoration: none;
        float: left;
        margin-left: 15px;
    }

    #CookieBox .intro p {
  width: unset;
}

#CookieBox p {
    font-size: 1.1em;
    margin: 0 auto 10px;
    letter-spacing: .00em;
}

#CookieBox .cookie-accept .cookie-btn {
  font-size: 1.2em;
}

#CookieBox a:hover {
  border-bottom: 0px;
}

.row.footer .col-md-12.col-sm-12.col-xs-12 a {
  text-transform: uppercase;
}




@media only screen and (min-width: 1280px) {
  #CookieBox {
    width: 30%;
    right: 30px;
    bottom: 30px;
    left: unset;
    top: unset;
  }
}

#CookieBox .cookie-btn, #CookieBox .activated {
  background: #054d99;
}
#CookieBox .cookie-fix .cookie-save{width:100%;}
#CookieBox .cookie-fix .text-back-right{width:100%;}
#CookieBox .cookie-fix .text-back-right .cookie-btn{width:100%}
#CookieBox .cookie-accept{border-radius:0}
#CookieBox .cookieclose {
  padding: 9px 9px;
}
#CookieBox .cookie-save .cookie-btn{margin-top:10px;width:100%}
#CookieBox .wcmImageMiddle {
  width: 100%;
  height: auto;
  overflow-y: auto;
  text-align: center;
}

#CookieBox .wcmImageMiddle h2 {
  font-size: 1.8rem;
}

#CookieBox .wcmIntroText {
  
  background: #054d99;
  width: 100%;
  padding: 10px;
  text-align: justify;
  color: white;
}

#CookieBox .intro p.introP {
  color: white;
  width: 100%;
}

#CookieBox .cookie-refuse, #CookieBox .cookie-accept a, #CookieBox p.cookie-refuse {
  /*width: calc(50% - 20px);*/
  width: 100% !important;
  float: left;
  margin-top: 20px;
  padding: 8px 0px;
  border-radius: 0px;
  background: #cccccc;
  color: #333333;
  font-size: 15px !important;
  text-transform: none;
  text-decoration: none;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: normal;

}

#CookieBox .cookie-refuse a {
  font-size: 15px;
}




#CookieBox .cookie-accept a:hover {
  color: #333333;
}


#CookieBox .cookie-management {
  float: left;
  border-radius: 0px;
  background:white;
  width: 100% !important;
}

@media(max-width: 1000px) {
  #CookieBox .cookie-refuse, #CookieBox .cookie-accept a {
    width: 100%;

  }

  #CookieBox {
		left: 0px !important;
		top: 0px !important;
		height: 100% !important;
		width: 100%;
		overflow-y: scroll;
    border-radius: 0px;
    max-height: 100%;
    }

	.waconcookiemanagement {
		left: 0px !important;
		top: 0px !important;
		height: 100% !important;
		width: 100% !important;
		overflow-y: scroll;
    bottom: 0px;
    max-height: 100%;

    }

	#CookieBox .intro, #CookieBox, #CookieBox.waconcookiemanagement {
		overflow-y: scroll;
	}
}

#CookieBox a.cookieback, #CookieBox a.cookie-refuse, #CookieBox .cookie-save a {
  border-radius: 0px !important;
}

.text-right.cookie-legal, .cookie-accept {
    float: left;
    width: 100%;
}

#CookieBox .intro p, #CookieBox .cookie-accept .cookie-btn  {
    width: 100%;
}

#CookieBox .cookie-refuse, #CookieBox .cookie-accept a, #CookieBox p.cookie-refuse {
    margin: 0px;
}

#CookieBox .intro p:first-of-type {
    background: #054d99;
    color: white;
    padding: 10px;
    margin-bottom: 20px;
}

#CookieBox .cookieclose {
    display: none;
}

#CookieBox.cookiemanagement {
    padding-top: 20px;
    border-radius: 0px;
}

#CookieBox .cookie-management {
    padding: 8px 0px;
    border-radius: 0px;
    background: #cccccc;
    color: #333333;
    font-size: 15px !important;
    text-transform: none;
    text-decoration: none;
    margin-top: 0px;
}

#CookieBox .cookie-management a#data-cookie-individual {
    font-size: 15px;
    line-height: 20px;
    word-spacing: normal;
    font-weight: 400;
}


@media(max-width: 1000px) {

    #CookieBox .cookie-fix .cookie-save, #CookieBox .cookie-fix .text-back-right, #CookieBox .cookie-fix .cookie-refuse, #CookieBox .cookie-btn {
        width: 100% !important;
        margin: 0px;
    }

    #CookieBox .text-right.cookie-legal {
        margin-top: 20px;
    }

    #CookieBox .category, #CookieBox .box-cookie-management p:first-of-type  {
        margin: 0px;
        margin-top: 15px;
        width: 100%;
        padding: 10px;
    }

    
    

}


.text-secondary {
    color: #52565a !important;
}

#overFooter .full-width-nearly-white {
    background:#d4d4d4
}

.special-dropdown {
    float: right;
    margin-left: 15px;
}

.content-dropdown {
    position: relative;
}


.frame.frame-imgFullWidth {
    padding-left: calc(var(--bs-gutter-x) * .2);
    padding-right: calc(var(--bs-gutter-x) * .2);
}

.frame-type-shortcut {
    margin: 0px !important;
    padding: 0px !important;
}




ul.f3-widget-paginator {
    margin: 0px;
    padding: 0px;
    height: auto;
    overflow-y: auto;
}

ul.f3-widget-paginator li {
    float: left;
    list-style-type: none;
}



#topSlider, .full-width-nearly-white {
    background-color: #f0f0f0;
    background: #f0f0f0;
}

.news-list-view.row .col-xs-6.col-md-3.col-xl-2.p-1.newsItem .nHeadline {
    color: #054d99;
    text-align: left;
}

.news-list-view.row .col-xs-6.col-md-3.col-xl-2.p-1.newsItem .text-secondary.mb-4 {
    text-align: left;
}

.frame-removeSpaces h1,
.frame-removeSpaces h2,
.frame-removeSpaces h3,
.frame-removeSpaces h4,
.frame-removeSpaces h5,
.frame-removeSpaces p,
.frame-removeSpaces .mb-4 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}


.container.top-container {
  color: white;
}

.nHeadlineDate {
    font-weight: bold;
    padding-bottom: 10px;
}


.powermail_fieldwrap_type_submit input[type="submit"] {
    margin-top: 25px;
}

.mamx {
    margin-top:.25rem;
}

.container .frame.frame-imgFullWidth {
    padding: 0px !important
}


p {
    margin-top: 5px;
}

ul {
    margin-bottom: 5px;
}

h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
}

.container.content23 {
    padding-top: 1rem;
}

@media screen and (max-width: 991px) {

    img,
    .ce-gallery {
        width: 100%;
        height: auto;
    }

    .ce-column {
        margin-bottom: 20px;
    }
    
    .ce-bodytext {
        width: 100%;
    }
    
}


.frame-wrapper01{
    height: 160px;
    hyphens: auto!important;
    -webkit-hyphens: auto!important;
}
.frame-wrapper01 img{
    width: 80px;
    height: 80px;
}

@media screen and (max-width: 576px){
    .frame-wrapper01 .ce-column{
        margin-bottom: 0px;
        hyphens: auto!important;
        -webkit-hyphens: auto!important;
    }
}