html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #777;
    background-color: #fff;
}

::selection,
::-moz-selection {
    background: #3bab98 !important;
    color: #fff !important;
}

p {
    line-height: 1.5;
    margin-bottom: 30px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Work Sans', sans-serif;
    margin-bottom: 0;
}

h1 {
    font-size: 28px;
    color: #208fa9;
}

h2 {
    font-size: 22px;
    color: #208fa9;
}

h3 {
    font-size: 20px;
    color: #208fa9;
}

h4 {
    font-size: 19px;
    color: #208fa9;
}

h5 {
    font-size: 18px;
    color: #208fa9;
}

h6 {
    font-size: 17px;
    color: #208fa9;
}

a {
    color: #208fa9;
}

a:hover,
a:focus {
    text-decoration: underline;
}

@media (min-width:992px) {
    .ext_link {
        display: inline-block;
        position: relative;
        padding-right: 25px;
    }
    .ext_link::after {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        background: url('../img/ext-link.png') center no-repeat;
        position: absolute;
        right: 2px;
        top: 3px;
    }
}


/* Menüpunkt Liste links mit Icon  */

.links {
    display: inline-block;
    position: relative;
    padding-right: 25px;
    border-bottom: 2px solid #208fa9;
    color: #777;
}

.links::after {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url('../img/links.png') center no-repeat;
    background-size: cover ;
    position: absolute;
    left: 64px;
    top: -3px;
}

.text {
    list-style-type: none;
    list-style-position: outside;
    padding-left: 1.5em;
}

.text li {
    position: relative;
    padding-left: 10px;
}

.text li:before {
    content: "";
    position: absolute;
    top: 5px;
    width: 20px;
    height: 12px;
    left: -19px;
    display: block;
    background: url('../img/arrow-right2.png') center no-repeat;
    background-size: contain;
    list-style-position: outside;
}

hr {
    border: 1px solid #208fa9;
    color: #208fa9;
    opacity: 0.5;
}

.int_link {
    display: inline-block;
    color: #fff;
    background: #3bab98;
    border: 1px solid #fff;
    padding: 10px 15px;
    border-radius: 50px;
    margin: 5px;
    max-width: 240px;
    -webkit-transition: all 0.4s 0s ease;
    -moz-transition: all 0.4s 0s ease;
    -o-transition: all 0.4s 0s ease;
    transition: all 0.4s 0s ease;
}

.int_link:focus,
.int_link:hover {
    color: #208fa9;
    background: #fff;
    border-color: #208fa9;
    text-decoration: none;
}

a.back {
    position: relative;
}

a.back::before {
    content: '';
    display: block;
    position: absolute;
    height: 30px;
    width: 50px;
    top: calc(50% - 15px);
    left: 52px;
    background: url('../img/verschied/back.png') center no-repeat;
    background-size: contain;
}
a.future {
    position: relative;
}

a.future::before {
    content: '';
    display: block;
    position: absolute;
    height: 30px;
    width: 50px;
    top: calc(50% - 15px);
    left: 52px;
    background: url('../img/verschied/future.png') center no-repeat;
    background-size: contain;
}
a.past {
    position: relative;
}

a.past::before {
    content: '';
    display: block;
    position: absolute;
    height: 30px;
    width: 50px;
    top: calc(50% - 15px);
    right: 52px;
    background: url('../img/verschied/past.png') center no-repeat;
    background-size: contain;
}

.glossar h3 {
    font-size: 18px;
}

.glossar-list a {
    margin: 0 3px;
    display: inline-block;
    -webkit-transition: all 0.4s 0s ease;
    -moz-transition: all 0.4s 0s ease;
    -o-transition: all 0.4s 0s ease;
    transition: all 0.4s 0s ease;
}

.glossar-list a:focus,
.glossar-list a:hover {
    text-decoration: none;
    -moz-transform: scale(1.8);
    -webkit-transform: scale(1.8);
    -o-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
}

blockquote {
    color: #777;
    font-style: italic;
}
blockquote::after, blockquote::before{
    position: unset !important;
    font-size: 2rem;
}

.auszeichnung {
    font-size: 12px;
}

.navbar-custom {
    font-family: 'Source Sans Pro', sans-serif;
}

.navbar {
    margin-bottom: 0 !important;
    padding: 0 !important;
    /* background-color:rgba(32, 143, 169, 0.8) ; */
}

@media (min-width:992px) {
    .navbar {
        padding: 30px 0 !important;
    }
}

#navbar-collapse>ul {
    width: 100%;
    display: block;
}

@media (min-width:992px) {
    .navbar-collapse {
        display: flex;
        justify-content: center;
    }
}


/* Toplevel */

.navbar-custom .nav>li>a {
    font-size: 19px;
    font-weight: 700;
    border-bottom: 3px solid transparent;
    transition: all 300ms ease;
    color: #fff;
}

.navbar-custom .nav>li>a:hover,
.navbar-custom .nav>li>a:focus {
    text-decoration: none;
}

@media (min-width:1200px) {
    .navbar-custom .nav>li>a {
        font-size: 20px;
    }
}

.navbar-custom .nav>li.active>a {
    color: #f8be12;
    border-color: transparent;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent
}

.navbar-default .navbar-nav>.active>.dropdown>a+.dropdown-menu,
.navbar-default .navbar-nav>.active>.dropdown>a:focus+.dropdown-menu,
.navbar-default .navbar-nav>.active>.dropdown>a:hover+.dropdown-menu,
.navbar-default .navbar-nav>.dropdown>a:focus+.dropdown-menu,
.navbar-default .navbar-nav>.dropdown>a:hover+.dropdown-menu {
    display: block;
}

.dropdown-menu::before {
    content: '';
    display: block;
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    top: -30px;
    z-index: 1000;
}

@media only screen and (min-width: 992px) {
    .navbar-custom {
        background: transparent;
        border-bottom: 2px solid transparent;
    }
    .navbar-custom .nav>li>a {
        color: #777;
        padding: 20px;
    }
    .navbar-custom .nav>li.active>a {
        color: #00c494;
        border-color: #00c494;
    }
    .navbar-custom .nav>li.active>a:hover {
        color: #208fa9;
    }
    .navbar-custom .nav>li>form {
        padding: 12px;
    }
    .navbar-custom .nav>li>form>select {
        background: transparent;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='15px'%3E%3Ctext x='0' y='10' fill='white'%3E%E2%96%BE%3C/text%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center right;
        padding: 6px 22px 6px 12px;
        border: 1px solid #FFF;
        color: #FFF;
        border-radius: 0;
        -moz-appearance: none;
        -webkit-appearance: none;
    }
    .navbar-custom .nav>li>form>select:focus {
        box-shadow: none;
    }
    .navbar-custom .nav>li>form>select>option {
        color: initial;
    }
    /* Toplevel hover */
    .navbar-custom .nav>li>a:hover,
    .navbar-custom .nav>li>a:focus {
        color: #208fa9;
        background-color: transparent;
        border-color: #208fa9;
    }
}

@media only screen and (min-width: 1170px) {
    .navbar-custom {
        background-color: #e6e6e6e6;
        border-bottom: 1px solid #777;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }
    .navbar-custom.is-fixed {
        position: fixed;
        background-color: #e6e6e6e6;
        border-bottom: 1px solid #777;
        width: 100%;
        z-index: 5;
    }
    .navbar-custom.is-fixed .nav>li>a {
        color: #777;
    }
    .navbar-custom.is-fixed .nav>li>a:hover,
    .navbar-custom.is-fixed .nav>li>a:focus,
    .navbar-custom.is-fixed .nav>li.active>a {
        color: #777
    }
    .navbar-custom.is-fixed .nav>li>form>select {
        border: 1px solid #404040;
        color: #404040;
    }
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    background-color: transparent
}

@media (min-width: 992px) {
    .navbar-nav {
        display: flex;
    }
}


/* Burger Button + Mobiles Menü*/

@media (max-width: 991px) {
    .navbar-default .navbar-toggle {
        border: none;
    }
    .navbar-custom .nav>li>a {
        padding: 15px;
    }
    .navbar-toggle {
        position: fixed;
        right: 25px;
        top: 25px;
        background: #fff;
        padding: 12px 8px 8px 8px;
        border-radius: 3px;
        z-index: 1002;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
        min-height: 45px;
        min-width: 45px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
}
    .navbar-collapse::before {
        content: "";
        opacity: 0;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 0;
        z-index: -1;
        display: block;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-transition: width 300ms linear, opacity 300ms linear;
        -moz-transition: width 300ms linear, opacity 300ms linear;
        -ms-transition: width 300ms linear, opacity 300ms linear;
        -o-transition: width 300ms linear, opacity 300ms linear;
        transition: width 300ms linear, opacity 300ms linear;
    }
    .toggled .navbar-collapse::before {
        opacity: 1;
        width: 25%;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #3bab98;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 35px;
        height: 4px;
        border-radius: 0;
        margin-bottom: 5px;
    }
    .navbar-collapse {
        position: fixed;
        top: 0;
        left: -100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        width: 75%;
        height: 100% !important;
        background: #208fa9;
        z-index: 1;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
    }
    .toggled .navbar-collapse {
        left: 0;
    }
    .navbar-collapse.collapsing {
        left: -75%;
        transition: height 300ms ease;
        -webkit-transition: height 300ms ease;
        -moz-transition: height 300ms ease;
        -ms-transition: height 300ms ease;
        -o-transition: height 300ms ease;
    }
    .navbar-toggler.collapsed~.navbar-collapse {
        transition: left 500ms ease-in-out;
    }
}

.navbar-toggle span.icon-bar {
    -webkit-transition: transform 200ms linear;
    -moz-transition: transform 200ms linear;
    -ms-transition: transform 200ms linear;
    -o-transition: transform 200ms linear;
    transition: transform 200ms linear;
}

.toggled .navbar-toggle span.icon-bar:nth-child(3) {
    display: none;
}

.toggled .navbar-toggle span.icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(1px, 0px);
    transform: rotate(45deg) translate(1px, 0px);
    margin: 0;
}

.toggled .navbar-toggle span.icon-bar:nth-child(2) {
    -webkit-transform: rotate(-45deg) translate(2px, -2px);
    transform: rotate(-45deg) translate(2px, -2px);
    margin: 0;
}

@media(min-width:992px) {
    .navbar-toggle {
        display: none !important;
    }
}

.intro-header {
    background-color: #808080;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 50px;
    min-height: 400px;
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .intro-header .site-heading,
    .intro-header .post-heading,
    .intro-header .page-heading {
        padding: 120px 0
    }
}

.intro-header .site-heading,
.intro-header .page-heading {
    text-align: center
}

.intro-header .site-heading h1,
.intro-header .page-heading h1 {
    margin-top: 0;
    font-weight: 300;
    font-size: 38px;
}

.intro-header .site-heading .subheading,
.intro-header .page-heading .subheading {
    font-size: 16px;
    line-height: 1.1;
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    margin: 10px 0 0;
}

@media only screen and (min-width: 768px) {
    .intro-header .site-heading h1,
    .intro-header .page-heading h1 {
        font-size: 38px;
        font-weight: 300;
    }
}

.intro-header .post-heading h1 {
    font-size: 35px;
    font-weight: 300;
}

.intro-header .post-heading .subheading,
.intro-header .post-heading .meta {
    line-height: 1.1;
    display: block;
}

.intro-header .post-heading .subheading {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    margin: 10px 0 30px;
    font-weight: 600;
}

@media only screen and (min-width: 768px) {
    .intro-header .post-heading h1 {
        font-size: 55px
    }
    .intro-header .post-heading .subheading {
        font-size: 30px
    }
}


/* header-words */

@media (min-width:1200px) {
    .header-words .row {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
}

.header-words .header-word {
    font-family: 'Work Sans', sans-serif;
    font-size: 20px;
    color: #3bab98;
    text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 2px 2px 2px rgba(206, 89, 55, 0);
    ;
}

.header-words .second {
    font-size: 35px;
}

@media (min-width:992px) {
    .header-words .header-word {
        font-size: 30px;
    }
    .header-words .second {
        font-size: 46px;
    }
}

@media (min-width:1200px) {
    @keyframes titleAnimation1 {
        0.0% {
            transform: translate(0, 0);
        }
        /* 100% {
            transform: translate(0, 0);
        } */
        25.4% {
            transform: translate(10px, -10px);
        }
        50.2% {
            transform: translate(20px, 0);
        }
        74.8% {
            transform: translate(10px, 10px);
        }
        100% {
            transform: translate(0, 0);
        }
    }
    .header-words .second {
        font-size: 47px;
        animation: titleAnimation2 20s linear 0s infinite normal none;
        -webkit-animation: titleAnimation2 20s linear 0s infinite normal none;
    }
    .header-words .first {
        animation: titleAnimation1 18s linear 0s infinite normal none;
        -webkit-animation: titleAnimation1 18s linear 0s infinite normal none;
    }
    .header-words .third {
        animation: titleAnimation1 20s linear 0s infinite normal none;
        -webkit-animation: titleAnimation1 20s linear 0s infinite normal none;
    }
    /* Copy this @keyframes block to your CSS*/
    @keyframes titleAnimation2 {
        0.0% {
            transform: translate(0, 0);
        }
        /* 100% {
            transform: translate(0, 0);
        } */
        25.4% {
            transform: translate(10px, 10px);
        }
        50.2% {
            transform: translate(20px, 0);
        }
        74.8% {
            transform: translate(10px, -10px);
        }
        100% {
            transform: translate(0, 0);
        }
    }
}

.post-preview>a {
    color: #404040
}

.post-preview>a:hover,
.post-preview>a:focus {
    text-decoration: none;
    color: #f8be12;
}

.post-preview>a>.post-cover {
    max-width: 100%
}

.post-preview>a>.post-title {
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.post-preview>a>.post-subtitle {
    margin: 0;
    font-weight: 300;
    margin-bottom: 10px;
}

.post-preview>.post-meta {
    color: #808080;
    font-size: 18px;
    font-style: italic;
    margin-top: 0;
}

.post-preview>.post-meta>a {
    text-decoration: none;
    color: #404040;
}

.post-preview>.post-meta>a:hover,
.post-preview>.post-meta>a:focus {
    color: #f8be12;
    text-decoration: underline;
}

@media only screen and (min-width: 768px) {
    .post-preview>a>.post-title {
        font-size: 36px
    }
}

.section-heading {
    font-size: 36px;
    margin-top: 60px;
    font-weight: 700;
}

.caption {
    text-align: center;
    font-size: 14px;
    padding: 10px;
    font-style: italic;
    margin: 0;
    display: block;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.thumbnail .caption h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.thumbnail .caption p {
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1.2;
}

footer {
    padding: 50px 0;
    background: #3bab98;
    color: #fff;
    margin-top: 50px;
}

footer a {
    color: #fff;
}

footer a:focus,
footer a:hover {
    color: #fff;
}

footer ul {
    list-style: none;
    border: 2px solid #fff;
    padding: 20px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

footer .footerhouse {
    max-width: 290px;
    width: 100%;
}

footer .footerunten,
footer .copyright {
    padding: 10px 0;
    /* border: 2px solid white;
    border-radius: 10px; */
    margin-bottom: 15px;
}

footer .footerunten a,
footer .copyright div {
    color: #fff;
    margin-left: 20px;
    font-size: 15px;
}

footer .footerHeadline {
    color: #208fa9;
    font-size: 20px;
    background: #fff;
    padding: 10px 20px;
    display: inline-block;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 0;
    text-align: center;
}

@media (min-width:992px) {
    footer .footerHeadline {
        text-align: left;
    }
}

footer .footerunten {
    list-style: none;
}

footer .list-inline {
    margin: 0;
    padding: 0;
}

.form-control {
    border-radius: 0;
    box-shadow: none;
}

.form-control:focus {
    border-color: #f8be12;
    box-shadow: 0 0 8px rgba(249, 190, 18, .6);
}

.form-group {
    font-size: 14px;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 1.5em;
    padding-right: 15px;
    padding-left: 15px;
    border-bottom: 1px solid #eeeeee;
}

form .form-group:last-of-type {
    margin-bottom: 25px
}

form .btn {
    margin-left: 15px
}

.form-group input,
.form-group textarea {
    z-index: 1;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: none;
    font-size: 1.5em;
    background: none;
    box-shadow: none !important;
    resize: none;
}

.form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;
    font-size: 0.85em;
    line-height: 1.764705882em;
    opacity: 0;
    -webkit-transition: top 0.3s ease, opacity 0.3s ease;
    transition: top 0.3s ease, opacity 0.3s ease;
}

.form-group::not(:first-child) {
    padding-left: 14px;
    border-left: 1px solid #eeeeee;
}

.form-group-with-value label {
    top: 0;
    opacity: 1;
}

.form-group-with-focus label {
    color: #f8be12
}

form .row:first-child .form-group {
    border-top: 1px solid #eeeeee
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #AAB2BD !important
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #AAB2BD !important
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #AAB2BD !important
}

form .checkbox {
    padding-left: 15px;
}

form .checkbox small {
    font-size: 12px;
}

.btn {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    border-radius: 0;
    padding: 15px 25px;
}

.btn-lg {
    font-size: 16px;
    padding: 25px 35px;
}

.btn-default {
    background-color: #fff
}

.btn-default:hover,
.btn-default:focus {
    background-color: #f8be12;
    border: 1px solid #f8be12;
    color: white;
}

.input-group .btn {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
}

.pager {
    margin: 20px 0 0
}

.pager li>a,
.pager li>span {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 15px 25px;
    background-color: white;
    border-radius: 0;
}

.pager li>a:hover,
.pager li>a:focus {
    color: white;
    background-color: #f8be12;
    border: 1px solid #f8be12;
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #808080;
    background-color: #404040;
    cursor: not-allowed;
}

.pagination>li>a,
.pagination>li>span {
    color: inherit;
}

.pagination>li>a:hover,
.pagination>li>span:hover {
    color: inherit;
}

.pagination>li:first-child>a,
.pagination>li:last-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>span {
    border-radius: 0;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    border-color: #f8be12;
    background: #f8be12;
}

h1.page-title {
    color: #333;
    position: relative;
    text-align: center;
    padding: 0 0 15px;
    margin: 0 0 15px;
}

h1.page-title:after {
    content: "";
    position: absolute;
    height: 1px;
    background: #888;
    bottom: 0;
    left: 40%;
    right: 40%;
}

#power {
    display: none;
}

.posts article {
    margin-bottom: 45px;
}

.posts article .post-image img {
    width: 100%;
    border-radius: 5px;
}

.posts article .post-header h2 {
    font-size: 22px;
    font-weight: 200;
    padding-bottom: 10px;
    margin: 0;
}

.posts article .post-content {
    font-size: 16px;
    line-height: 30px;
    color: #888;
    padding: 20px 0px;
    text-align: justify;
}

.posts article .post-content p {
    margin: 10px 0;
}

.posts article .post-meta {
    padding-top: 0px;
    padding-bottom: 10px;
    font-size: 12px;
}

.posts article .post-footer {
    border: 1px solid #e3e3e3;
    padding: 10px;
    font-size: 12px;
}

.posts article .post-footer a {
    font-size: 14px;
    margin: 0 5px;
    text-decoration: none;
}

.posts article .post-profile {
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #e3e3e3;
}

.posts article .post-profile .row div:first-of-type {
    text-align: center;
}

.posts article .post-profile img {
    width: 64px;
    float: left;
    margin-right: 15px;
    margin-left: 0px;
    margin-bottom: 15px;
    border-radius: 50%;
}

.posts article .post-profile h2 {
    font-size: 22px;
    color: #333;
    margin: 20px 0 10px;
    padding: 0
}

#disqus_thread {
    margin-top: 30px;
}

.gallery>div[class*="col-"] .thumbnail {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.gallery>div[class*="col-"] .thumbnail img {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(1.1);
    transition: all 1s;
    max-width: none;
}

.gallery>div[class*="col-"] .thumbnail img:hover {
    transform: scale(1.2);
}

body.modal-open>*:not(.modal):not(.modal-backdrop) {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}


/* ECMO */

#ecmo ul {
    padding-left: 25px;
}


/*----------------------- Gallery ------------------*/

.ud_gallery img {
    width: 250px;
    height: auto;
    object-fit: cover;
}

#ud_lightbox_overlay {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    display: none;
}

#ud_lightbox_overlay #ud_lightbox_inhalt {
    width: 80%;
    position: absolute;
    top: 5%;
    left: 10%;
    right: 10%;
}

#ud_lightbox_overlay #ud_lightbox_inhalt img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media (min-width:992px) {
    #ud_lightbox_overlay #ud_lightbox_inhalt img {
        max-height: 80vh;
    }
}

#ud_lightbox_overlay #ud_lightbox_inhalt #ud_nav {
    color: #ffffff;
    font-size: 30px;
    margin: 0 0 20px 0;
    width: 100%;
    text-align: center;
}

#ud_lightbox_overlay #ud_lightbox_inhalt #ud_nav .icon-right-open {
    float: right;
}

#ud_lightbox_overlay #ud_lightbox_inhalt #ud_nav .icon-left-open {
    float: left;
}

#ud_lightbox_overlay #ud_lightbox_inhalt #ud_nav span {
    cursor: pointer;
}

#galerie .ud_gallery img {
    width: 100%;
    margin-bottom: 15px;
    height: 170px;
}

@media (min-width: 500px) {
    #galerie .ud_gallery img {
        width: calc(50% - 15px);
        height: 250px;
    }
}

@media (min-width: 992px) {
    #galerie .ud_gallery img {
        width: calc(25% - 15px);
    }
}


/* Tabelle */

.tg {
    border-collapse: collapse;
    border-spacing: 0;
    /* width: 520px; */
    width: 100%;
}

.tg td {
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    overflow: hidden;
    padding: 5px;
    word-break: normal;
    border-color: #777;
}

.tg th {
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    color: #208fa9;
    font-weight: bold;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
    border-color: #777;
}

.tg .spalteEins {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .tg {
        width: auto !important;
    }
    .tg col {
        width: auto !important;
    }
    .tg-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

#ecmo .tg .spalteEins {
    text-align: left;
    font-weight: bold;
}

#transportsysteme .tg .spalteEins {
    text-align: left;
    font-weight: bold;
}

.tg .RspalteEins {
    text-align: left;
    font-weight: bold;
}

#assistsysteme .tg .spalteEins {
    border: 0px;
    width: 100px;
    text-align: right;
    vertical-align: top;
    padding-right: 20px;
    font-weight: bold;
}

#assistsysteme .tg .RspalteEins {
    border: 0px;
    width: 150px;
    text-align: right;
    vertical-align: top;
    padding-right: 20px;
    font-weight: bold;
    border-top: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
}

#assistsysteme .tg .RspalteZwei {
    border: 0px;
    width: 300px;
    vertical-align: top;
    padding-left: 20px;
    border-bottom: 1px solid #9f9f9f;
}

#zwischenfall .tg .spalteEins {
    text-align: center;
    font-weight: bold;
}

#lego img {
    margin-right: 15px;
}

#lego .legologo {
    width: 40px;
    margin-top: -30px;
}

#lego .coverKT img {
    width: 200px;
    height: auto;
}

#lego>.row {
    padding: 0 15px;
}

#htx p,
#aufwaermen p,
#bypassop p,
#klappenop p,
#zwischenfall p {
    margin: 0;
}

#unten {
    background: #208fa9;
    color: #fff;
    /* border: 1px solid #333;
    margin: 6px 0; */
    height: 32px;
    /* border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 0 10px; */
    box-sizing: border-box;
    text-align: center;
}

#unten p {
    margin: 0;
}

/* .fa-heart {
    font-family: 'Font Awesome 6 Free';
    margin: 3px;
    color: #c10000;
    font-style: normal;
} */

.fa-heart:before {
    color: #ef0000;
}

.fa-up {
    color: #0b0b0b;
}

/* GOTO TOP button */

#progress {
    position: fixed;
    bottom: 20px;
    right: 15px;
    height: 50px;
    width: 50px;
    display: none;
    place-items: center;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    z-index: 100;
}

#progress-value {
    display: block;
    height: calc(100% - 15px);
    width: calc(100% - 15px);
    background-color: #ffffff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 35px;
    color: #001a2e;
}


/* Kontakt Stop */

.stop {
    position: absolute;
    right: 10px;
    bottom: 100px;
}

.stop img {
    width: 30%;
}


/* Tooltipp */

[data-tooltip] {
    position: relative;
    cursor: pointer;
    border: 1.5px dotted #208fa9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 0 2px;
}

[data-tooltip]:after {
    position: absolute;
    width: 12em;
    background-color: #208fa9;
    content: attr(data-tooltip);
    padding: 0.6em 0;
    color: #f8ffb3;
    margin: auto;
    left: -4.5em;
    right: 0;
    bottom: 1.5em;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

[data-tooltip]:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border-top: 0.5em solid #208fa9;
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 1.1em;
}

[data-tooltip]:before,
[data-tooltip]:after {
    display: none;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
}
/* Trauerecke */
.trauerecke {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 180px;
    display: none;
}

@media (min-width: 1100px) {
    .trauerecke {
      display: none;
    }
  }

.b_box {
    border: 4px solid #0b0b0b;
    color: #0b0b0b;
    margin: 30px;
    padding: 15px;
}

/* Loader */

.loader-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes loader-inner {
    0% {
        transform: rotate(360deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

.loader-outer {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.loader-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
}

.loader-inner::before {
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 144 144' style='enable-background:new 0 0 144 144;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23208FA9;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M29.1,104.4c0.2,0.2,0.3,0.4,0.4,0.7c-4.8,3.4-9.6,6.7-14.4,10.1c-1-1.5-2-2.9-3.1-4.4 c4.8-3.4,9.6-6.7,14.4-10.1c0.1,0.2,0.3,0.4,0.5,0.6c0.1-0.1,0.3-0.1,0.4-0.2c2.4-1.7,4.8-3.3,7.1-5c0.3-0.2,0.4-0.4,0.2-0.8 c-1-1.9-2.1-3.9-3-5.9c-0.2-0.4-0.4-0.5-0.8-0.5c-4.2,0-8.5,0-12.7,0c-3.1,0-6-0.7-8.6-2.2c-3-1.7-5.2-4.1-6.7-7.1 C1.6,77.3,1,74.8,1,72.3c0-3.8,1.1-7.3,3.5-10.4c2.1-2.8,4.9-4.7,8.2-5.7c1.7-0.5,3.5-0.8,5.3-0.8c4.2,0,8.5,0,12.7,0 c0.5,0,0.7-0.2,0.9-0.6c1-2,2-3.9,3-5.9c0.2-0.3,0.2-0.4-0.1-0.6c-2.5-1.7-4.9-3.4-7.4-5.2c-0.3-0.2-0.4-0.2-0.6,0.1 c0,0.1-0.1,0.2-0.2,0.3c-0.3-0.2-0.5-0.4-0.8-0.5c-4.4-3.1-8.8-6.1-13.1-9.2C12,33.5,12,33.5,12.3,33c0.8-1.1,1.6-2.3,2.4-3.4 c0.1-0.1,0.2-0.3,0.3-0.4c4.8,3.4,9.6,6.7,14.4,10.1c-0.1,0.2-0.3,0.4-0.4,0.6c0.1,0.1,0.2,0.2,0.4,0.3c2.4,1.7,4.9,3.4,7.3,5.1 c0.3,0.2,0.4,0.2,0.6-0.1c3.8-4.8,8.3-8.7,13.7-11.6c4.2-2.3,8.7-3.8,13.5-4.7c3.1-0.5,6.1-0.7,9.2-0.6c7.3,0.3,14.2,2.2,20.5,5.9 c4.7,2.8,8.8,6.3,12.2,10.5c0.2,0.2,0.3,0.4,0.5,0.6c2.7-1.9,5.3-3.7,8-5.6c-0.1-0.2-0.3-0.4-0.4-0.7c4.8-3.4,9.6-6.7,14.4-10.1 c1,1.5,2,2.9,3.1,4.4c-4.8,3.4-9.6,6.7-14.4,10.1c-0.1-0.2-0.3-0.4-0.5-0.6c-0.1,0.1-0.3,0.2-0.4,0.3c-2.4,1.7-4.8,3.4-7.2,5 c-0.3,0.2-0.3,0.4-0.1,0.7c1.1,2,2.1,4,3.1,6c0.2,0.4,0.4,0.6,0.9,0.6c4.2,0,8.4,0,12.6,0c2.5,0,5,0.4,7.3,1.5 c3.6,1.6,6.3,4.2,8.1,7.8c1.4,2.8,1.9,5.7,1.7,8.8c-0.3,3.8-1.7,7.1-4.3,10c-2.5,2.7-5.5,4.4-9.1,5.1c-1.1,0.2-2.3,0.3-3.4,0.3 c-4.3,0-8.6,0-13,0c-0.4,0-0.6,0.1-0.8,0.5c-0.9,2.1-2,4.2-3.2,6.2c-0.1,0.1-0.1,0.2-0.2,0.4c2.6,1.8,5.3,3.7,7.9,5.5 c0.2-0.2,0.3-0.4,0.5-0.6c4.8,3.4,9.6,6.7,14.4,10.1c-1,1.5-2,2.9-3.1,4.4c-4.8-3.4-9.6-6.7-14.4-10.1c0.1-0.2,0.2-0.4,0.4-0.6 c-0.1-0.1-0.2-0.2-0.3-0.3c-2.4-1.7-4.8-3.3-7.2-5c-0.3-0.2-0.5-0.2-0.7,0.1c-6.2,7.8-14.2,12.9-23.8,15.4c-2.4,0.6-4.8,1-7.3,1.2 c-2.1,0.1-4.2,0.2-6.2,0.1c-8.5-0.6-16.3-3.3-23.2-8.4c-3.3-2.4-6.1-5.2-8.6-8.4c-0.3-0.3-0.4-0.4-0.8-0.1 c-2.3,1.7-4.7,3.3-7.1,4.9C29.4,104.1,29.3,104.2,29.1,104.4z M20.5,72.2c0-1.8-1.4-3.2-3.2-3.2c-1.7,0-3.1,1.5-3.1,3.3 c0,1.7,1.5,3.2,3.2,3.2C19.1,75.4,20.5,73.9,20.5,72.2z M126.7,75.4c1.7,0,3.2-1.5,3.2-3.2c0-1.8-1.5-3.2-3.3-3.2 c-1.6,0-3.1,1.5-3.1,3.2C123.5,73.9,125,75.4,126.7,75.4z M72,66c1.2,0,2.3,0,3.5,0c0.3,0,0.6,0,0.5-0.5c0-0.4,0-0.7-0.5-0.7 c-2.3,0-4.6,0-6.9,0c-0.4,0-0.5,0.1-0.5,0.5s0.1,0.6,0.5,0.6C69.7,65.9,70.8,66,72,66z M72,75.6c1.2,0,2.3,0,3.5,0 c0.2,0,0.4,0,0.4-0.1c0.3-0.4,0-1-0.5-1c-2.3,0-4.5,0-6.8,0c-0.4,0-0.6,0.1-0.6,0.5s0.1,0.6,0.6,0.6C69.7,75.5,70.9,75.6,72,75.6z M72,66.8c-1.2,0-2.3,0-3.5,0c-0.2,0-0.4,0.1-0.5,0.2c-0.3,0.5,0,0.9,0.6,0.9c2.3,0,4.5,0,6.8,0c0.4,0,0.6-0.1,0.6-0.5 s-0.1-0.6-0.5-0.6C74.3,66.8,73.1,66.8,72,66.8z M72,77.5c1.2,0,2.3,0,3.5,0c0.2,0,0.4,0,0.4-0.1c0.3-0.4,0-1-0.5-1 c-2.3,0-4.5,0-6.8,0c-0.4,0-0.6,0.1-0.6,0.5s0.1,0.6,0.6,0.6C69.7,77.5,70.9,77.5,72,77.5z M72,57.2c-1.2,0-2.3,0-3.5,0 c-0.2,0-0.4,0-0.4,0.1c-0.3,0.4,0,0.9,0.5,0.9c2.3,0,4.5,0,6.8,0c0.4,0,0.6-0.1,0.6-0.5s-0.1-0.6-0.6-0.6 C74.3,57.2,73.1,57.2,72,57.2z M72,86c-1.1,0-2.2,0-3.4,0c-0.3,0-0.7,0-0.6,0.5c0,0.5,0.1,0.6,0.6,0.6c2.3,0,4.5,0,6.8,0 c0.4,0,0.5-0.1,0.5-0.5S75.8,86,75.3,86C74.3,86,73.1,86,72,86z M72,73.6c1.2,0,2.3,0,3.5,0c0.1,0,0.3,0,0.4-0.1 c0.3-0.4,0-0.9-0.5-0.9c-2.3,0-4.6,0-6.9,0c-0.3,0-0.6,0.1-0.5,0.5c0,0.4,0.1,0.6,0.6,0.6C69.7,73.6,70.9,73.6,72,73.6z M72,83.2 c1.2,0,2.3,0,3.5,0c0.1,0,0.4-0.1,0.4-0.1c0-0.3,0.1-0.6,0-0.8c0-0.1-0.3-0.1-0.5-0.1c-2.3,0-4.6,0-6.9,0c-0.4,0-0.6,0.1-0.6,0.5 s0.1,0.6,0.6,0.6C69.7,83.2,70.9,83.2,72,83.2z M72,62.1c1.2,0,2.3,0,3.5,0c0.4,0,0.5-0.1,0.5-0.5S75.9,61,75.5,61 c-2.3,0-4.6,0-7,0c-0.4,0-0.5,0.1-0.5,0.5c0,0.3,0,0.6,0.5,0.6C69.7,62.1,70.8,62.1,72,62.1z M72,64c1.2,0,2.3,0,3.5,0 c0.4,0,0.5-0.1,0.5-0.5s-0.1-0.6-0.5-0.6c-2.3,0-4.6,0-7,0c-0.4,0-0.5,0.1-0.5,0.5c0,0.3,0,0.6,0.5,0.6C69.7,64,70.8,64,72,64z M72,71.7c1.2,0,2.3,0,3.5,0c0.1,0,0.4,0,0.4-0.1c0-0.3,0.1-0.6,0-0.8c0-0.1-0.3-0.2-0.5-0.2c-2.3,0-4.6,0-6.9,0 c-0.4,0-0.5,0.1-0.5,0.5s0.1,0.6,0.5,0.6C69.7,71.7,70.8,71.7,72,71.7z M72,81.3c1.2,0,2.3,0,3.5,0c0.4,0,0.5-0.1,0.5-0.5 s-0.1-0.6-0.5-0.6c-2.3,0-4.6,0-7,0c-0.4,0-0.5,0.1-0.5,0.5c0,0.3,0,0.6,0.5,0.6C69.7,81.3,70.9,81.3,72,81.3z M72,60.2 c1.2,0,2.3,0,3.5,0c0.1,0,0.3,0,0.4-0.1c0.3-0.4,0-0.9-0.5-0.9c-2.3,0-4.6,0-6.9,0c-0.4,0-0.5,0.1-0.5,0.5c0,0.3,0,0.6,0.5,0.6 C69.7,60.2,70.9,60.2,72,60.2z M72,69.8c1.2,0,2.3,0,3.5,0c0.1,0,0.4,0,0.4-0.1c0-0.3,0.1-0.6,0-0.8c0-0.1-0.3-0.2-0.5-0.2 c-2.3,0-4.6,0-6.9,0c-0.4,0-0.5,0.1-0.5,0.5s0.1,0.6,0.5,0.6C69.7,69.8,70.9,69.8,72,69.8z M72,79.4c1.2,0,2.3,0,3.5,0 c0.4,0,0.5-0.1,0.5-0.5s-0.1-0.6-0.5-0.6c-2.3,0-4.6,0-7,0c-0.4,0-0.5,0.2-0.5,0.5s0.1,0.6,0.5,0.6C69.7,79.3,70.9,79.4,72,79.4z M72,84.1c-1.1,0-2.3,0-3.4,0c-0.3,0-0.6,0-0.6,0.4s0.1,0.6,0.6,0.6c2.3,0,4.6,0,6.9,0c0.4,0,0.5-0.1,0.5-0.5c0-0.3,0-0.6-0.5-0.6 C74.3,84.1,73.2,84.1,72,84.1z M71.9,56.4L71.9,56.4c1.2,0,2.4,0,3.6,0c0.2,0,0.5-0.1,0.4-0.4c0-0.3-0.2-0.3-0.4-0.3 c-2.3,0-4.7,0-7,0c-0.2,0-0.5,0-0.5,0.4s0.3,0.3,0.5,0.3C69.7,56.4,70.8,56.4,71.9,56.4z M72,88.6c1.2,0,2.4,0,3.6,0 c0.3,0,0.4-0.1,0.4-0.4s-0.2-0.3-0.4-0.3c-2.4,0-4.7,0-7.1,0c-0.3,0-0.4,0.1-0.4,0.4s0.2,0.3,0.4,0.3C69.6,88.6,70.8,88.6,72,88.6z '/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: loader-inner 1500ms linear infinite;
}

/* Autogramm */

.jsauto {
    width: 250px;
}



/* Abschnitt Bild - Text */
.abschnitt {
    display: flex;
    justify-content: space-between;
}

.atext {
    width: 70%;
    padding-right: 20px;
    }
    
.abs_media{
        width: 30%;
        margin-top: 30px;
    }

.btext {
        width: 70%;
        padding-left: 20px;
        }
.cpic{
    display: flex;
    justify-content: center;
    width: 50%;
    margin: 10px;
}

.abschnitt h3{
    margin: 0;
}

.abschnitt p{
    margin-right: 15px;
}

/* Abschnitt Bild - Text neu */
.imgcontainer{
    display: flow-root;
}
.imgleft img{
    float:left;
    margin-right: 15px; 
    shape-margin: 15px;
}
.imgright img{
    float: right;
    margin-left: 15px; 
    shape-margin: 15px;
}


/* Sidebutton Menü */
.sideleft{
    position: fixed;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translate(-245px,0);
    z-index: 200;
    transition: transform 0.2s;
}
.sideleft img {
    width: 30px;
    height: 30px; 
    margin-left: 15px;
}

.nav--hidden {
    transform: translate(-285px,0);
    /* transform: translateY(calc(-1 * var(--nav-height)));
    box-shadow: none; */
}

.sideleft a{
    color: #fff;
    background: rgba(59, 171, 152, 0.92);
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 5px;
    padding: 10px 20px;
    width: 300px;
    text-align: right;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    transition: 1s;
    transition-property: transform;
    z-index: 300;
}

.sideleft a:hover{
    transform: translate(120px,0);
}
.nav--hidden a:hover{
    transform: translate(160px,0);
}

.sideleft i{
    margin-left: 15px;
    font-size: 30px;
    width: 35px;
    height: 30px;
    }

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

        .sideleft a{
            background: rgba(59, 171, 152, 0.62);
            padding: 5px;
            width: 283px;        
        }
        .sideleft i{
            font-size: 20px;
            width: 30px;
            height: 20px;
            }
        .bgi{
            display: none;
        }  
        .sideleft a:hover{
            transform: translate(110px,0);
        }  
    }

.sideleft a:nth-child(1) i{
    /* color:rgb(70, 197, 255); */
    color: #024374;
}
.sideleft a:nth-child(2) i{
    color:transparent;
    background-image: linear-gradient(180deg, rgba(2,0,36,1) 38%, rgba(255,0,0,1) 39%,rgba(255,0,0,1) 71%, rgba(255,255,0,1) 72%);
    -webkit-background-clip: text;
    z-index: 304;
    /* font-weight: 600; */
}


.sideleft a:nth-child(3) i{
    color: red;
    -webkit-background-clip: text;
    z-index: 303;
}

.bgi{
    background-color: #fff;
    width: 15px;
    height: 15px;
    position: relative;
    top: -20px;
    right: -10px;
    z-index: 302;
    }

.fa-house-medical::before {
        z-index: 301;
        position: relative;
        z-index: 305;
      }    

.sideleft a:nth-child(4) i{
    color:rgb(199, 199, 199);
}
.sideleft a:nth-child(5) i{
    color:#024374;
    font-size: 28px;
}
.sideleft a:nth-child(6) i{
    color:#deb247;
    font-size: 28px;
}

/* Zeitstrahl History ------------------------------ */
.container-tl{
    max-width: 1200px;
    margin: 20px auto;
    padding: 30px;
    color: #777;
}
.container-tl .row-tl{
    display: grid;
    grid-template-columns: 1fr 2px 1fr;
    grid-column-gap: 40px;
}
.row-tl .date{
    color: #3bab98;
    font-size: larger;
    grid-area: theDate;
}
.row-tl .line{
    position: relative;
    background-color: #777;
    grid-area: theLine;
}
.line span{
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #3bab98;
    border: 2px solid  #208fa9;
    border-radius: 50%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.5s;
}
.row-tl .content{
    padding: 20px;
    background-color: #d6d6d6;
    border: 1.5px solid #208fa9;
    border-radius: 10px;
    grid-area: theContent;
    -webkit-box-shadow: 3px 3px 9px 3px #777; 
    box-shadow: 3px 3px 9px 3px #777;
}
.content h2{
    padding-bottom: 8px;
    color: #208fa9;
}
.container-tl h1{
    padding-bottom: 8px;
    color: #208fa9;
}        
.content p{
    line-height: 1.5;
    color: #777;
}
.content p a{
    color: #777;
    text-decoration: underline;
    font-weight: 600;
}
.content img{
    width: 120px;
    border-radius: 5px; 
    padding: 5px;
}
.row-tl:nth-child(odd){
    grid-template-areas: 'theDate theLine theContent';
}
.row-tl:nth-child(even){
    grid-template-areas: 'theContent theLine theDate';
}        
.row-tl .content, .row-tl .date{
    margin-bottom: 65px;
}
.row-tl:nth-child(odd) .date{
    text-align: right;
}
.date span{
    display: inline-block;
    padding: 10px 16px;
    font-weight: 600;
    font-size: larger;
    border: 2px solid #208fa9;
    border-radius: 30px;
    position: relative;
    top: -13px;
    transition: all 0.5s;
}
.line .last-point{
    top: initial;
    bottom: 0;
}
.row-tl .last{
    margin-bottom: 0;
}
.row-tl:hover .line span:not(.last-point){
    background-color: #3bab98;
    box-shadow: 0 0 9px 3px #3bab98;
}
.row-tl:hover .date span:not(.last-point){
    background-color: #3bab98;
    color: #fff;
    box-shadow: 0 0 9px 3px #3bab98;
}    
@media(max-width: 768px){
    .row-tl:nth-child(odd),
    .row-tl:nth-child(even){
        grid-template-columns: 2px 1fr;
        grid-template-areas: 'theLine theDate'
                             'theLine theContent' ;
    }
    .row-tl:nth-child(odd) .date{
    text-align: left;
    }
    .row-tl .date{
        margin-bottom: 5px;
    }
    .row-tl .content{
        margin-bottom: 55px;
    }
    .row-tl .last{
        margin-bottom: 5px;
    }
}
@media(max-width: 520px){
    .row-tl .line{
        display: none;
    }
    .row-tl:nth-child(odd),
    .row-tl:nth-child(even){
        grid-template-columns: 1fr;
        grid-column-gap: 0;
    }
}
.container-tl h1{
text-align: center;
margin-bottom: 10px;
}

/* Jahresereignisse Einzelseite */
.row-date .date{
    color: #3bab98;
    font-size: larger;
}
.row-date .date{
    margin-bottom: 15px;
}
.row-date .date{
    text-align: center;
}
.row-date .date span{
    display: inline-block;
    padding: 10px 16px;
    font-weight: 600;
    font-size: larger;
    border: 2px solid #208fa9;
    border-radius: 30px;
    position: relative;
    background-color: #3bab98;
    color: #fff;
    box-shadow: 0 0 9px 3px #3bab98;            
    transition: all 0.5s;
}
@media(max-width: 768px){
    .row-date .date{
    text-align: left;
    }
    .row-date .date{
        margin-bottom: 5px;
    }
    .row-date .content{
        margin-bottom: 55px;
    }
}
.date-content h1{
text-align: left;
margin-bottom: 10px;
color: #3bab98;
}
.date-content {
text-align: left;
margin-bottom: 10px;
color: #777;
}
.warn {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 400px;
    height: 200px;
    /* background: linear-gradient(-45deg,#ffffff 0%,#ffffff 25%,#e8216a 25%,#e8216a 50%,                                    #ffffff 50%,#ffffff 75%,#e8216a 75%,#e8216a 100%); */
    background-image: url("../img/warn_bg.png");
    /* background-size: 40px; */
    box-shadow: 0 0 2px rgba(0, 0, 0, 1),inset 0 0 2px rgba(0, 0, 0, 1),0 0 0 2px #c1105d;
    border-radius: 20px;
}
.warn div {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: #fff;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 1),0 0 0 2px #c1105d;
    border-radius: 18px;
    padding: 24px;
    box-sizing: border-box;
    text-align: center;
    
}
.warn div h4 {
    color: #c1105d;
    margin-bottom: 0px;
}
.warn div p {
    font-weight: bold;
}
.warn div p span {
    color: #c1105d;
    font-weight: bolder;
}

/* ------------------------------ Font Einbindungen ------------------------------ */


/* Font Awesome */

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: local(''), url('../fonts/fa-regular-400.woff2') format("woff2"),
     url('../fonts/fa-regular-400.ttf') format('truetype');
}

@font-face {
    font-family: "Font Awesome 6 Free solid";
    font-style: bold;
    font-weight: 900;
    font-display: block;
    src: local(''), url('../fonts/fa-solid-900.woff2') format("woff2"),
     url('../fonts/fa-solid-900.ttf') format('truetype');
}


/* source-sans-pro-regular - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/source-sans-pro-v21-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-600 - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/source-sans-pro-v21-latin-600.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-700 - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/source-sans-pro-v21-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-900 - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/source-sans-pro-v21-latin-900.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/source-sans-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v21-latin-900.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* work-sans-700 - latin */

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/work-sans-v17-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../fonts/work-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/work-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/work-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/work-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/work-sans-v17-latin-700.svg#WorkSans') format('svg');
    /* Legacy iOS */
}