:root {
    --fontgrey: #757575;
    --fontdarkgrey: #292929;
    --bggrey: #efefef;
    --bgdarkgrey: #a1a1a1;
    --bgdarkgrey2: #535353;
    --color1: #64c4d8;
    --color2: #002540;
}

html, body {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
    font-family: 'Merriweather', sans-serif;
}

h1, .h1 {
    margin-bottom: 1.5rem;
}
h2, .h2 {
    margin-bottom: 1.3rem;
    font-size: 1.6rem;
}
h3, .h3 {
    margin-bottom: 1.1rem;
    font-size: 1.3rem;
}

h2.akkheader, h3.akkheader {
    margin-bottom: 0;
}

.fontbig {
    font-size: 1.6rem;
}

a {
    color: var(--fontdarkgrey);
    text-decoration: underline;
}



a.withicon:after {
    font-family: bootstrap-icons !important;
    display: inline-block;
    content: "\F1C5";
    margin-left: 0.3rem;
    font-size: 0.8rem;
    color: var(--color1);
    font-weight: bold;
}

::marker {
    color: var(--color1);
}

textarea:focus,
a:focus,
a:active,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    /*outline: none !important;
    box-shadow: none !important;*/
}

.btn:focus, .btn:active, .btn:visited, .btn:hover,.btnrte:focus, .btnrte:active, .btnrte:visited, .btnrte:hover {
    /*outline: none !important;
    box-shadow: none !important;*/
}

.navbar-nav .dropdown-menu {
    position: static;
}


.video-embed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-embed iframe, .video-embed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.navbar-nav .dropdown-menu {
    border-radius: 0;
}

.dropdown-item:hover {
    background-color: var(--color1);
    color: var(--fontdarkgrey);
}


ul.ce-bullets li, .bggrey ul:not(.pagination) li {
    list-style: none;
    margin-bottom: 0.5rem;
    margin-left: 1.2rem;
}

ul.ce-bullets li:before, .bggrey ul:not(.pagination) li:before {
    font-family: bootstrap-icons !important;
    content: "\F633";
    margin-right: 0.4rem;
    font-size: 1rem;
    color: var(--color1);
    font-weight: bold;
    margin-left: -1.4rem;
}

nav a {
    text-decoration: none;
}

a:hover {
    color: var(--color2);
}

.fontnav {
    font-family: 'Titillium Web', sans-serif;
}

.fontheader {
    font-family: 'Merriweather', sans-serif;
}

.bggrey {
    background-color: var(--bggrey);
}

.bgtuerkis {
    background-color: var(--color1);
}

.bgwhite {
   background-color: white;
}

.iconcontainer {
    position: relative;
}

.col-tool a {
    text-decoration: none;
}

.linkicon {
    color:#FFF;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.linkicon svg {
    width: 1.8rem;
    height: 1.8rem;
}

img.iconpause {
    width: 2rem !important;
}

.clicklink {
    cursor: pointer;
}

button#searchbtn {
    border: 0;
    background: transparent;
}

#searcharea input {
    border:0;
    border-bottom:1px solid var(--fontgrey);
    color: var(--fontgrey);
    width:80%;
}

.ce-uploads li {
    border-bottom: 1px solid var(--color1);
    margin-bottom: 0.7rem;
    padding: 0.7rem 0.5rem;
}

.bi-search {
    fill: var(--color1);
    height: 24px;
    width: 24px;
}

.bi-pause-btn::before, .bi-play-btn::before {
    vertical-align: -0.35em;
    font-size: 24px;
}


.klaro .cookie-modal .cm-list-description, .klaro .context-notice .cm-list-description, .klaro .cookie-notice .cm-list-description {
    color: var(--fontdarkgrey) !important;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required {
    color: var(--fontdarkgrey) !important;
}

.cm-btn-accept {
    color: var(--fontdarkgrey) !important;
}


.bi-download::before {
    font-size: 1.5rem;
    font-weight: bold !important;
    margin-right: 1rem;
}

.bi-chevron-down, .bi-chevron-right {
    color: var(--color1);

}
.bi-chevron-down::before, .bi-chevron-right::before {
    font-size: 2rem;
    margin-right: 2rem;
}

h3 .bi-chevron-down::before, h3 .bi-chevron-right::before {
    font-size: 1.3rem;
    margin-right: 0.5rem;
}

.border-bottom {
    border-bottom: 2px solid var(--color1) !important;
}

.akkordeon {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
}

.accordion-button {
    font-size: inherit;
    background-color: var(--bggrey);
    color: var(--color2);
}

.accordion-button:focus {
    z-index: 3;
    border-color: inherit;
    outline: 0;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
    background-color: var(--color1);
    color: white;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

.akkordeon h2, .akkordeon h3 {
    cursor: pointer;
}



.akktext {
    margin-top: 2rem;
}

.accordion-item {
    border: 0;
}

.section-bg {
    background-color: var(--bggrey);
}

.btn-primary {
    border-radius: 0;
    background-color: var(--color2);
    color: white;
    border:0;
}

.btn-primary:hover {
    background-color: var(--fontdarkgrey);
    color: white;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: var(--fontdarkgrey);
    border-color: var(--fontdarkgrey);
    box-shadow: 0 0 0 0.25rem rgb(100 196 216 / 50%);
}

.page-link:focus {
    z-index: 3;
    color: var(--fontdarkgrey);
    background-color: white;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(100 196 216 / 50%);
}




#mainnav .nav-item {
    text-transform: uppercase;
}

#mainnav .nav-item > .nav-link:hover {
    background-color: var(--color1);
    color:white;
}

#mainnav .navbar-nav .nav-item > .nav-link {
    font-size:1.5rem;
    color: var(--fontdarkgrey);
    font-family: 'Titillium Web', sans-serif;
}


#mainnav .navbar-nav .nav-item:first-child .nav-link {
    /*padding-left: 0;*/
}
#mainnav .navbar-nav {
    margin-left: -1rem;
}


.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler {
    color: rgba(0,0,0,.55);
    border-color: rgba(0,0,0,.1);
}

.sliderouter {
    margin-bottom:2rem;
}

.carousel.slide:not(.content) {
    background-image:linear-gradient(90deg, var(--color1) 25%, white 25%);
    padding:24px;
    padding-right:0;
}

.carousel.slide.content .carousel-inner {
    padding-left:5rem;
    padding-right:5rem;
}

.carousel.slide.content .carousel-control-prev {
    justify-content: left;
    padding-left: 1rem;
    color: var(--color1);
    opacity: 1;
    width:inherit;
    background-color: var(--bggrey);
}

.carousel.slide.content .carousel-control-next {
    justify-content: right;
    padding-right: 1rem;
    color: var(--color1);
    opacity: 1;
    width:inherit;
    background-color: var(--bggrey);
}

.carousel.slide.content .bi::before {
 font-size:3rem;
}

.carousel.slide.content .bi-chevron-right::before {
    margin-right: 0;
}

.carousel.slide.content .playpause .bi::before {
    font-size: 2rem;
    color: var(--color1);
}


.headerimage figure.image {
    margin:0;
}

.headerimage img.img-fluid  {
    width: 100%;
}

.headerimage .textblock {
    position: absolute;
    top: 30%;
    color: white;
    font-size: 3rem;
    width: 100%;
    line-height: 3.5rem;
}

.headerimage .textblock h1 {
    color: var(--color2);
    font-size: calc(1rem + 3vw);
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--fontdarkgrey);
    content: var(--bs-breadcrumb-divider, "|");
}


.carousel-indicators [data-bs-target] {
    background-color: var(--fontdarkgrey);
    width:50px;
    height:10px;
}

.carousel-indicators {
    margin-bottom: 0;
    bottom:-40px;
}

.carousel-caption {
    top: 20%;
}

.carousel.slide:not(.content) .carousel-item:not(.gallery) {
    max-height: 500px;
}

.carousel.slide.content img {
    width: 100%;
    height: auto;
}

.newsbox .item .btn-wrap {
    position: absolute;
    bottom: 0.5rem;
}

.newsbox .item {
    position: relative;
    border: 1px solid var(--color1);

}

.news-list-textblock {
    margin-bottom: 4rem;
}

.news-img-wrap {
    height: 250px;
    background-color: var(--color1);
}

.news-img-wrap img {
    max-height: 100%;
    width: auto;
}

.page-link {
    color: var(--fontdarkgrey);
}

.page-item.active .page-link {
    color: #fff;
    background-color: var(--color2);
    border-color: var(--color2);
}

legend {
    font-size: 1.2rem;
    margin-top: 3rem;
    margin-bottom: 2rem;
    font-family: 'Merriweather', sans-serif;
    border-bottom: 1px solid var(--color1);
}

.powermail_fieldwrap.layout2, .powermail_fieldset.layout2 .powermail_fieldwrap {
    width: 100%;
}

.col-single-events {
    padding: 1.5rem 1.5rem;
}

.col-single-events:nth-child(even) {
    background-color: var(--bggrey);
}

.datecol {
    min-width:5rem;
}

.btnrte {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 0;
    background-color: var(--color2);
    color: white;
    border: 0;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
}

#language_menu a, #language_menu {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.2rem;
}

.col-tool.active .tools-text {
    color:var(--color2);

}
.toolsmenu.layout2 .col-tool.active img {
    filter: invert(98%) sepia(3%) saturate(14%) hue-rotate(268deg) brightness(108%) contrast(97%);

}
@media (max-width: 991px) {
    .headerimage .textblock {
        top: 20%;
        line-height: 3rem;
    }
}
@media (max-width: 600px) {
    .headerimage .textblock {
        left: 2rem;
        top: 20%;
        line-height: 2rem;
    }

    .h1, h1 {
        font-size: calc(1rem + 1.5vw);
    }

    .akkordeon {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}
@media (min-width: 768px) {
    .mt-md-7 {
        margin-top: 7rem;
    }
    .sliderouter {
        margin-bottom: 4rem;
    }

}