:root {
    --background-color: #ffffff;
    --background-color-transparent: rgba(255, 255, 255, 0.75);
    --box-shadow-color: rgba(0, 0, 0, 0.16);
    --font-color: #636363;
    --cyan: #00B99B;
    --light-grey: #F5F5F5;
}

.dark {
    --background-color: #1C1B38;
    --background-color-transparent: rgba(3, 0, 54, 0.75);
    --font-color: #ffffff;
    --cyan: #73ddcb;
    --light-grey: #2b2a49;
}

body {
    font-family: 'Urbanist', sans-serif;
    font-size: clamp(1rem, 4vw, 1.125rem);
    font-weight: 500;
    color: var(--font-color);
    background-color: var(--background-color);
    line-height: 1.3;
}

::selection,
::-moz-selection {
    background: var(--font-color) !important;
    color: var(--background-color) !important;
}

p {
    line-height: 1.75;
}

b,
strong {
    font-weight: 700;
}

#overflow {
    overflow: hidden;
}

.content p {
    line-height: 1.5;
}

:is(h1, h2, h3, h4, h5, h6) {
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--font-color);
    position: relative;
    hyphens: auto;
}

:is(h1, h2, h3, h4, h5, h6) b {
    color: var(--cyan);
}

h1 {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
}

h2 {
    font-size: 2.1875rem;
    font-size: clamp(1.5625rem, 4vw, 2.1875rem);
}

h3 {
    font-size: clamp(1.5rem, 4vw, 1.1875rem);
}

h4 {
    font-size: clamp(1.4375rem, 4vw, 1.5625rem);
}

h5 {
    font-size: clamp(1.2188rem, 4vw, 1.25rem);
}

h6 {
    font-size: clamp(1.0625rem, 4vw, 1.1875rem);
}

a {
    color: var(--cyan);
}

a:hover,
a:focus {
    text-decoration: underline;
    text-decoration-color: var(--font-color);
}

/* contrast-switcher */

#contrast-switcher-box {
    position: fixed;
    display: block;
    right: 0;
    top: calc(50% - 75px);
    z-index: 150;
    border: none;
    box-shadow: 0 3px 8px 0 var(--box-shadow-color);
}

#contrast-switcher {
    position: relative;
    border: none;
    background-color: var(--background-color) !important;
    color: var(--font-color) !important;
    font-size: clamp(0.75rem, 2vw, 1.125rem);
}

#contrast-switcher::before {
    content: '';
    display: block;
    height: 30px;
    width: 30px;
    background-color: transparent;
    border-radius: 50%;
    margin: 8px auto;
    border: 5px solid var(--font-color);
}

#contrast-switcher::after {
    content: '';
    display: block;
    height: 18px;
    width: 5px;
    background-color: var(--font-color);
    position: absolute;
    top: 8px;
    left: calc(50% - 2.5px);
    box-shadow: 0 0 0 6px var(--background-color);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

#contrast-switcher:hover::after {
    top: 18px;
}

.dark #contrast-switcher::after {
    box-shadow: 0 0 0 6px var(--light-grey);
}

.dark #contrast-switcher {
    background-color: var(--light-grey);
}

/* langSwitch */

.langSwitch {
    position: fixed;
    display: block;
    right: 0;
    top: calc(50% + 25px);
    z-index: 150;
}

.langSwitch .form-control {
    border: none;
    background-color: var(--background-color);
    color: var(--font-color);
    border-radius: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.langSwitch option {
    border-radius: 0;
    background-color: var(--background-color);
    color: var(--font-color);
}

/* special */

.content .row div ul {
    padding-left: 15px;
}

.content .row div .slick-dots {
    padding-left: unset;
}

.content .row div ul li {
    padding: 5px 0;
}

.content .row div ul li:nth-child(2n+2) {
    background-color: rgba(169, 169, 169, 0.3);
}

.content .row div .slick-dots li:nth-child(2n+2) {
    background-color: unset;
}

.austauschWort {
    display: inline-block;
    transform-style: preserve-3d;
    transition: transform 0.5s ease-in-out;
}

.rotateAnimation {
    transform: rotateX(90deg);
}

@media(min-width:992px) {
    .extra-big {
        margin-bottom: 120px;
    }
}

@media(min-width:992px) {
    .fade-in {
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
    }

    .fade-in.show {
        opacity: 1;
    }
}

/* Navigation */

/* 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: var(--background-color);
        padding: 12px 8px 8px 8px;
        border-radius: unset;
        z-index: 1002;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
        min-height: 45px;
        min-width: 45px;
    }

    .dark .navbar-toggle {
        background-color: var(--light-grey);
    }

    .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: var(--cyan);
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 35px;
        height: 3px;
        border-radius: 0;
        margin-bottom: 5px;
    }

    .navbar-toggle span.icon-bar:nth-child(2) {
        width: 20px;
        margin-left: auto;
    }

    .navbar-toggle span.icon-bar:nth-child(3) {
        width: 28px;
        margin-left: auto;
    }

    .navbar-collapse {
        position: fixed;
        top: 0;
        left: -100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        width: 75%;
        height: 100% !important;
        background: var(--cyan);
        z-index: 200;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
    }

    .dark .navbar-collapse {
        background-color: var(--light-grey);
    }

    .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;
    width: unset;
}

/* Desktop Menu */

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

.navbar {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

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

#topbar {
    width: 100%;
}

.logo img,
#sticky,
#sticky>.row {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

#sticky {
    background: transparent;
}

.logo {
    padding: 15px 0;
}

.logo img {
    max-width: 100px;
}

@media (min-width:992px) {

    .is-fixed .logo img {
        max-width: 50px;
    }

    .navbar-collapse {
        display: flex;
        align-items: center;
        height: 100%;
    }
}

@media (max-width: 991px) {
    .logo img {
        max-width: 80px;
        padding: 0 10px 0 0;
    }
}

/* Toplevel */

.navbar-custom .nav>li>a {
    font-size: clamp(1.375rem, 7vw, 1.75rem);
    font-weight: 900;
    transition: all 300ms ease;
    color: var(--font-color);
}

.dark .navbar-custom .nav>li>a {
    color: var(--font-color);
}

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

@media (max-width: 991px) {

    .navbar-custom .nav>li>a,
    .navbar-custom .nav>li.active>a {
        color: var(--background-color);
    }

    .dark .navbar-custom .nav>li>a,
    .dark .navbar-custom .nav>li.active>a,
    .dark .navbar-custom .nav>li>a:hover,
    .dark .navbar-custom .nav>li>a:focus {
        color: var(--font-color);
    }

    .navbar-custom .nav>li>a:hover,
    .navbar-custom .nav>li>a:focus {
        color: var(--light-grey);
    }
}

@media (min-width: 922px) {
    .navbar-custom {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        height: 100%;
    }

    .is-fixed #sticky {
        position: fixed;
        width: 100%;
        z-index: 100;
        top: 0;
        background-color: var(--background-color-transparent);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(5px);
    }

    .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: #0b0b0b
    }

    .navbar-nav {
        display: flex;
        justify-content: space-around;
        width: 100%;
        list-style: none;
    }
}

.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
}

/* buttonStyle */

.buttonStyle a {
    color: var(--cyan);
    font-size: clamp(1.125rem, 7vw, 1.25rem);
    display: inline-block;
    position: relative;
    font-weight: 700;
    margin-top: 25px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.buttonStyle a::before,
.buttonStyle a::after {
    content: '';
    position: absolute;
    display: block;
    right: -20px;
    background-color: var(--cyan);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.buttonStyle a::before {
    height: 11px;
    width: 11px;
    border: var(--cyan) solid;
    border-width: 0 0 3px 3px;
    top: calc(50% - 7px);
    transform: rotate(-130deg);
    -webkit-transform: rotate(-130deg);
}

.buttonStyle a::after {
    width: 0;
    height: 3px;
    top: calc(50% - 1.5px);
}

.buttonStyle a:hover::before {
    background-color: transparent;
    right: -60px;
}

.buttonStyle a:hover::after {
    width: 40px;
    right: -60px;
}

.buttonStyle a:focus,
.buttonStyle a:hover {
    color: var(--font-color);
    text-decoration: none;
}

.mail-btn {
    font-size: clamp(1.5625rem,4vw,2.1875rem);
    padding: 15px 20px;
    border: 2px solid var(--cyan);
    color: var(--background-color);
    background-color: var(--cyan);
    display: inline-block;
    margin: 0 auto;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.mail-btn:focus,
.mail-btn:hover {
    text-decoration: none;
    color: var(--cyan);
    background-color: var(--background-color);
}

/* Tab Design */

.tab {
    background-color: var(--light-grey);
    box-shadow: 0 3px 8px 0 var(--box-shadow-color);
    min-height: 250px;
    padding: 45px;
    position: relative;
    overflow: hidden;
}

@media(min-width:992px) {
    .tab {
        min-height: 370px;
    }
}

.tab a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
}

/* Index */

#headerpic {
    background-color: var(--background-color);
    height: 100%;
    position: relative;
    z-index: 1;
}

#headerpic .headerWords {
    font-size: clamp(2.8125rem, 7vw, 6.5625rem);
    font-weight: 900;
    line-height: 1;
}

#headerpic .headerWords b {
    font-weight: 900;
    position: relative;
    z-index: -1;
}

#mainContent {
    background-color: var(--light-grey);
    padding: 25px 0;
}

.facts {
    font-size: 1.375rem;
    line-height: 1;
}

.facts b {
    font-size: clamp(2.1875rem, 7vw, 5rem);
    color: var(--cyan);
}

.facts *:nth-child(3) {
    margin-bottom: 35px;
}

.facts h2 b {
    font-size: unset;
}

@media(max-width:991px) {
    #headerpic .headerWords {
        margin-top: 20px;
    }

    #headerpic {
        padding-bottom: 25px;
    }

    .headerWords {
        margin: 0;
    }

    .Indexslider .slick-list {
        height: 50vh;
    }

    .facts {
        padding-top: 20px;
    }

    .Indexslider .slick-track img {
        height: 50vh;
        object-fit: cover;
    }
}

@media(min-width:992px) {
    #headerpic .bannerOverlay {
        position: absolute;
        width: 100%;
        right: 0;
        top: 20%;
        pointer-events: none;
    }

    #headerpic .bannerOverlay>div>div {
        pointer-events: all;
    }

    #mainContent {
        padding: 60px 0 160px 0;
    }
}

/* Main Tabs */

#mainTabs {
    padding: 20px 0;
}

@media(min-width:992px) {
    #mainTabs>.row {
        margin-top: -110px;
        margin-bottom: 70px;
    }
}

#mainTabs .tab {
    text-align: right;
    align-items: flex-end;
    justify-content: flex-end;
}

#mainTabs h2 {
    line-height: 1.2;
    margin: 0 35px 45px 0;
    font-size: clamp(2rem, 4vw, 2.5rem);
    hyphens: auto;
}

#mainTabs .tab a {
    text-align: right;
    align-items: flex-end;
    justify-content: flex-end;
    display: flex;
}

#mainTabs .tab a:focus,
#mainTabs .tab a:hover {
    text-decoration: none;
}

.tab::before {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
}

#mainTabs .tab::before {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

#mainTabs .tab:hover::before {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}


#mainTabs>.row>div:nth-child(1) .tab::before {
    background-image: url('../img/finger-print.png');
    display: block;
    width: 60px;
    height: 61px;
}

#mainTabs>.row>div:nth-child(2) .tab::before {
    background-image: url('../img/accessibility.png');
    width: 62px;
    height: 62px;
}

.dark #mainTabs>.row>div:nth-child(1) .tab::before,
.dark #mainTabs>.row>div:nth-child(2) .tab::before,
.dark #skillsIntro>.row>div:nth-child(2)>div:nth-child(2)::before,
.dark #skillsIntro>.row>div:first-child>div:nth-child(3)::before {
    filter: invert(80%) sepia(64%) saturate(350%) hue-rotate(135deg) brightness(230%) contrast(70%);
}

#mainTabs>.row>div:nth-child(3) .tab::before {
    content: '<../>';
    font-size: 2.5rem;
    color: var(--cyan);
    font-weight: 700;
    text-align: left;
}

@media(min-width:768px) and (max-width:991px) {
    #mainTabs>.row>div:last-child {
        margin-top: 30px;
    }
}

@media (max-width:767px) {
    #mainTabs>.row>div+div {
        margin-top: 30px;
    }
}

/* refLogos */

#refLogos {
    padding: 25px 0;
}

#refLogos>.row>div {
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

#refLogos a img {
    filter: grayscale(1);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

#refLogos a img:focus,
#refLogos a img:hover {
    filter: grayscale(0);
}

@media(min-width:992px) {
    #refLogos {
        padding: 50px 0 150px 0;
    }
}

/* skillsIntro */

#skillsIntro {
    padding: 0 0 15px 0;
}

#skillsIntro a:focus,
#skillsIntro a:hover {
    text-decoration: none;
}

#skillsIntro a h2 {
    hyphens: auto;
    margin: 45px 0 0 35px;
}

#skillsIntro>.row>div:first-child>div:nth-child(2) {
    min-height: 200px;
    position: relative;
    margin-top: 30px;
}

#skillsIntro>.row>div:nth-child(2)>div+div {
    margin-top: 30px;
}

#skillsIntro>.row>div:first-child>div:nth-child(2)::before,
#skillsIntro>.row>div:nth-child(2)>div:nth-child(1)::before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background: url('../img/code.jpg') center bottom no-repeat;
    position: absolute;
    right: -120%;
    bottom: -15%;
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    pointer-events: none;
}

#skillsIntro>.row>div:first-child>div:nth-child(2):focus::before,
#skillsIntro>.row>div:first-child>div:nth-child(2):hover::before,
#skillsIntro>.row>div:nth-child(2)>div:nth-child(1):focus::before,
#skillsIntro>.row>div:nth-child(2)>div:nth-child(1):hover::before {
    right: -20%;
}

#skillsIntro>.row>div:first-child>div:nth-child(3) {
    margin-top: 30px;
    min-height: 200px;
}

#skillsIntro>.row>div:first-child>div:nth-child(3)::before {
    content: '';
    display: block;
    background: url('../img/accessibility.png') center no-repeat;
    height: 62px;
    width: 62px;
    position: absolute;
    top: 45px;
    right: clamp(45px, 7vw, 145px);
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
}

#skillsIntro>.row>div:nth-child(2)>div:nth-child(1)::before {
    background-image: url('../img/design.jpg');
}

#skillsIntro>.row>div:first-child>div:nth-child(3):focus::before,
#skillsIntro>.row>div:first-child>div:nth-child(3):hover::before {
    animation: rotate 300ms infinite linear;
    right: -250px;
}

#skillsIntro>.row>div:nth-child(2)>div:nth-child(2)::before {
    content: '';
    display: block;
    position: absolute;
    width: 53px;
    height: 55px;
    left: calc(50% - 26px);
    bottom: 15%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='153.29' height='155.798' viewBox='0 0 153.29 155.798'%3E%3Cpath id='Vereinigungsmenge_1' data-name='Vereinigungsmenge 1' d='M93.91,108.8q-.352.245-.707.485a59.92,59.92,0,1,1,16.147-16.138q-1.276,1.888-2.7,3.681l46.639,46.612L140.93,155.8ZM18.878,59.746a40.9,40.9,0,1,0,40.9-40.879A40.937,40.937,0,0,0,18.878,59.746Z' fill='%2300B99B'/%3E%3C/svg%3E%0A");
}

#skillsIntro>.row>div:nth-child(2)>div:nth-child(2) img {
    margin: 0 auto;
    display: block;
}

@keyframes rotate {
    0% {
        rotate: 0deg;
    }

    100% {
        rotate: 360deg;
    }
}

@media(max-width:991px) {
    #skillsIntro>.row>div+div {
        margin-top: 30px;
    }

    #skillsIntro>.row>div:nth-child(2) .tab {
        max-height: 200px;
    }
}

@media(min-width:992px) {
    #skillsIntro>.row>div:first-child>div:nth-child(2) {
        margin-top: 70px;
        min-height: 363px;
    }

    #skillsIntro>.row>div:nth-child(2)>div:nth-child(2)::before {
        width: 153px;
        height: 155px;
        left: calc(50% - 76px);
    }

    #skillsIntro>.row>div:first-child>div:nth-child(3),
    #skillsIntro>.row>div:nth-child(2)>div+div {
        margin-top: 50px;
    }

    #skillsIntro {
        padding: 0 0 75px 0;
    }
}

/* publicArea */

#publicArea {
    background-color: var(--light-grey);
}

#blogIntro {
    padding: 30px 0;
}

#blogIntro>.row>div+div {
    margin-top: 25px;
}

#blogIntro .post-list ul {
    list-style: none;
    padding: 0;
}

#blogIntro .post-list ul li {
    font-size: clamp(1.4375rem, 4vw, 1.6875rem);
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

#blogIntro .post-list ul li p {
    hyphens: auto;
    width: 100%;
    line-height: 1.2;
}

#blogIntro .post-list ul li+li {
    margin-top: 35px;
}

#blogIntro .post-list ul li a {
    font-size: 1.375rem;
    position: relative;
    padding-right: 15px;
    margin-top: 15px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

#blogIntro .post-list ul li a:hover {
    padding-right: 20px;
    text-decoration: none;
}

#blogIntro .post-list ul li a::before,
#blogIntro .post-list ul li a::after {
    content: '';
    position: absolute;
    display: block;
    right: -25px;
    background-color: var(--cyan);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

#blogIntro .post-list ul li a::after {
    width: 0;
    height: 5px;
    top: calc(50% - 4.5px);
}

#blogIntro .post-list ul li a::before {
    height: 11px;
    width: 11px;
    border: var(--cyan) solid;
    border-width: 0 0 5px 5px;
    top: calc(50% - 10px);
    transform: rotate(-130deg);
    -webkit-transform: rotate(-130deg);
}

#blogIntro .post-list ul li a:hover::before {
    background-color: transparent;
}

#blogIntro .post-list ul li a:hover::after {
    width: 40px;
}

@media(max-width:991px) {
    #blogIntro .post-list ul li {
        background-color: var(--background-color);
        box-shadow: 0 3px 8px 0 var(--box-shadow-color);
        padding: 15px 20px;
    }
}

@media(min-width:992px) {
    #blogIntro {
        padding: 100px 0;
    }

    #blogIntro>.row>div+div {
        margin-top: 0;
    }

    #blogIntro .post-list ul {
        padding-right: 30px;
    }

    #blogIntro .post-list ul li:nth-child(2n+2) {
        background-color: unset;
    }

    #blogIntro .post-list ul li p {
        width: 60%;
    }

    #blogIntro .post-list ul li a {
        margin-top: 0;
        width: 30%;
    }
}

#reviews .quotes h2 {
    padding-top: 60px;
}

#reviews .quotes h2::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%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 60 52' style='enable-background:new 0 0 60 52;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Benable-background:new ;%7D .st1%7Bfill:%2300B99B;%7D%0A%3C/style%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M6.6,18.3c-1.5-0.8-2.9-1.8-4.2-2.9c-1.3-1.1-2-2.2-2-3.2S2,8.9,5.3,5.7c0.2-0.2,0.9-1,2-2.2 c1.7-2.3,3.4-3.4,5.2-3.4c1.1,0,2.5,0.8,4.1,2.2c1.7,1.5,3.1,3,4.1,4.4c2.5,3.4,3.8,7.7,3.8,13c0,5.3-0.8,10.2-2.5,14.5 c-1.7,4.3-3.7,7.6-5.9,9.9c-4.7,4.9-8.3,7.4-11,7.4c-0.6,0-1.1-0.3-1.6-0.8c-0.5-0.5-0.7-1.1-0.7-1.6s0.5-1.3,1.5-2.2 c1-0.9,2.2-1.9,3.5-2.9c1.3-1,2.5-2.7,3.5-5c1-2.3,1.5-5,1.5-8.2c0-3.2-0.7-5.9-2-8.1C9.5,20.6,8.1,19.1,6.6,18.3z M41.7,18.3 c-1.5-0.8-2.9-1.8-4.2-2.9c-1.3-1.1-2-2.2-2-3.2s1.6-3.2,4.9-6.5c0.2-0.2,0.8-1,1.8-2.2c1.8-2.3,3.4-3.4,4.7-3.4 c1.3,0,2.8,0.6,4.6,1.8c1.7,1.2,3.6,3.5,5.5,6.8c1.9,3.3,2.9,7.3,2.9,12.1c0,4.7-0.8,9.3-2.5,13.6c-1.7,4.3-3.7,7.6-6.1,9.9 c-4.8,4.9-8.5,7.4-11,7.4c-0.6,0-1.1-0.3-1.6-0.8c-0.5-0.5-0.7-1.1-0.7-1.6s0.5-1.3,1.6-2.2c1.1-0.9,2.2-1.9,3.4-2.9 c1.2-1,2.3-2.7,3.4-5c1.1-2.3,1.6-5,1.6-8.2c0-3.2-0.7-5.9-2-8.1C44.6,20.6,43.2,19.1,41.7,18.3z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 52px;
    height: 60px;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

#reviews .quotes .slick-dots {
    padding: 0;
    text-align: left;
}

#reviews .quotes .slick-dots li {
    width: unset;
    height: unset;
}

#reviews .quotes .slick-dots li+li {
    margin-left: 10px;
}

#reviews .slick-dots li button {
    height: 4px;
    width: 40px;
    background-color: var(--font-color);
    border-radius: 0;
}

#reviews .slick-dots li.slick-active button {
    background-color: var(--cyan);
}

#footer-profile {
    position: relative;
    background: linear-gradient(#EAEAEA 0%, #898888 100%);
    min-height: 420px;
    height: 100%;
}

#footer-profile img {
    position: absolute;
    right: -10%;
    bottom: 0;
}

@media(max-width:991px) {
    #footer-profile {
        margin: 30px 0 20px 0;
        min-height: 50vh;
    }

    #footer-profile img {
        right: unset;
    }
}

@media(min-width:992px) {
    #reviews {
        padding-bottom: 60px;
    }

    #reviews .slick-dots li button {
        width: 80px;
        height: 8px;
    }

    #reviews .quotes .slick-dots li+li {
        margin-left: 30px;
    }
}

/* blog */

.blog {
    padding-top: 25px;
}

.page-pic {
    min-height: 100%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.post-preview {
    padding: 15px 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    min-height: 100%;
}

.post-cover img {
    object-fit: contain;
    width: 100%;
    object-position: center;
}

.post-meta {
    font-size: clamp(0.875rem, 4vw, 1rem);
    color: var(--font-color);
    font-style: italic;
    margin: 10px 0;
}

.post-title {
    display: block;
}

.post-preview>*:not(.post-cover) {
    padding-left: 20px;
    padding-right: 20px;
}

.post-title h2 {
    font-size: clamp(1.125rem, 4vw, 1.5625rem);
    hyphens: auto;
    margin-top: 10px;
}

.subheading {
    margin-bottom: 25px;
}

.pager {
    list-style: none;
    padding: 20px 0;
}

.blog>div:first-child>div+div {
    margin-top: 30px;
}

@media(min-width:991px) {
    .post-cover img {
        object-fit: cover;
        height: 100%;
    }
}

@media(max-width:991px) {
    .subheading {
        margin-bottom: 0;
    }
}

/* blog page */

.intro-header {
    background: var(--background-color);
    padding-top: 25px;
}

.intro-header p {
    line-height: 1.3;
}

.intro-header .container img[style*="float: right"] {
    margin: 5px 0 10px 10px;
}

.intro-header .container img[style*="float: left"] {
    margin: 5px 10px 10px 0;
}

.author-img {
    margin-bottom: 15px;
}

.tags-list-above {
    margin-top: 20px;
    color: var(--cyan);
    font-size: clamp(1.4375rem, 4vw, 2.0625rem);
}

.author-img img {
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    height: 200px;
    width: 200px;
    overflow: hidden;
}

.aside-infos {
    background-color: var(--background-color);
    padding: 20px 25px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.card-headline {
    font-size: clamp(1.25rem, 4vw, 1.5rem);
    color: var(--font-color);
    font-weight: 700;
    margin: 10px 0 15px 0;
}

.latest-post-list ul,
.tags-list ul {
    list-style: none;
}

.latest-post-list ul li,
.tags-list ul li {
    padding: 8px 0;
}

.latest-post-list ul li+li,
.tags-list ul li+li {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

@media (max-width:991px) {
    .intro-header .ud_gallery {
        margin-bottom: 25px;
    }
}

/* aboveFooter */

#aboveFooter {
    padding: 25px 0;
    background: linear-gradient(90deg, var(--background-color-transparent) 0%, var(--background-color-transparent) 100%), url('../img/vienna_panorama.jpg') center no-repeat;
    background-attachment: fixed;
}

#aboveFooter>.row>div:last-child {
    display: flex;
    align-items: center;
}

@media(min-width:992px) {
    #aboveFooter {
        padding: 55px 0;
    }
}

/* Footer */

footer {
    padding: 25px 0;
    background: var(--background-color);
    color: var(--font-color);
    font-size: 1rem;
}

.dark footer {
    background-color: var(--light-grey);
}

footer a {
    color: var(--font-color);
}

footer a:focus,
footer a:hover {
    color: var(--font-color);
    text-decoration: underline;
}

footer .logo {
    padding: 0 15px 0 0;
    width: 100%;
    max-width: 65px;
}

footer .logo img {
    max-width: 50px;
}

footer .innerfooter {
    list-style: none;
    padding: 0 !important;
}

@media (max-width: 991px) {
    footer .innerfooter {
        padding-bottom: 25px !important;
    }

    footer>.row {
        flex-direction: column-reverse;
    }

    footer>.row>div:first-child {
        margin-top: 20px;
    }
}

@media (min-width: 992px) {

    footer .innerfooter li+li {
        margin: 0 0 0 20px;
    }
}

#power {
    font-size: 0;
}

/* Loader */

.loader-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--background-color)fff;
    display: flex;
    z-index: 200;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    transition-delay: 1500ms;
}

.fade-out {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

@keyframes dog-walk {
    0% {
        opacity: 1;
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    12.5% {
        opacity: 0;
    }

    25% {
        opacity: 1;
        -moz-transform: translate(20px, -20px);
        -webkit-transform: translate(20px, -20px);
        -o-transform: translate(20px, -20px);
        -ms-transform: translate(20px, -20px);
        transform: translate(200px, -200px);
    }

    37.5% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        -moz-transform: translate(40px, -40px);
        -webkit-transform: translate(40px, -40px);
        -o-transform: translate(40px, -40px);
        -ms-transform: translate(40px, -40px);
        transform: translate(400px, -400px);
    }

    62.5% {
        opacity: 0;
    }

    75% {
        opacity: 1;
        -moz-transform: translate(30px, -40px);
        -webkit-transform: translate(30px, -60px);
        -o-transform: translate(30px, -60px);
        -ms-transform: translate(30px, -60px);
        transform: translate(600px, -600px);
    }

    87.5% {
        opacity: 0;
    }

    95% {
        opacity: 1;
        -moz-transform: translate(30px, -40px);
        -webkit-transform: translate(30px, -60px);
        -o-transform: translate(30px, -60px);
        -ms-transform: translate(30px, -60px);
        transform: translate(800px, -800px);
    }

    96% {
        opacity: 0;
        -moz-transform: translate(30px, -40px);
        -webkit-transform: translate(30px, -60px);
        -o-transform: translate(30px, -60px);
        -ms-transform: translate(30px, -60px);
        transform: translate(800px, -800px);
    }

    100% {
        opacity: 0;
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

}

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

.loader-inner {
    width: 100%;
    height: 100%;
    position: relative;
}

.loader-outer::before,
.loader-outer::after,
.loader-inner::before,
.loader-inner::after {
    content: '';
    opacity: 0;
    display: block;
    position: absolute;
    top: 75%;
    left: 10%;
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg id='pgote' data-name='pfote' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270.97 305.96'%3E%3Cdefs%3E%3Cstyle%3E .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: none; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='m270.97,305.96H0V0h270.97v305.96ZM3.08,213.98c-1.3,10.82,3.52,18.23,12.13,23.46,11.22,6.83,24.09,8.19,36.64,9.72,12.35,1.5,24.05,4.29,34.81,10.52,11.08,6.42,18.55,16.58,26.32,26.31,5.99,7.52,12.25,14.5,21.46,18.13,7.9,3.12,15.89,3.22,22.58-2.06,11.07-8.72,13.34-21.73,13.96-34.72.47-9.83-.62-19.74-1.11-29.62-.2-4.11-.2-8.3-1.04-12.29-2.15-10.17-4.08-20.45-7.27-30.31-4.74-14.67-12.25-27.74-26.03-36.04-11.24-6.76-23.19-10.34-36.57-10.31-9.59.03-18.96.9-27.57,4.5-22.17,9.28-42.11,22.15-58.25,40.26-5.73,6.43-11.89,12.89-10.05,22.43ZM253.12,78.63c-.26-3.13-.07-6.37-.84-9.36-5.44-20.96-21.87-24.32-38.55-19.19-11.73,3.61-21.24,11.14-28.82,20.69-10.47,13.21-18.35,27.47-14.97,45.37,2.67,14.14,13.25,25.22,28.66,22.99,7.49-1.09,15.21-3.91,21.74-7.79,19.81-11.76,30.47-29.7,32.78-52.71Zm-86.33-37.85c1.01-11.52-2.63-22.55-10.97-31.51-3.17-3.41-8.03-6.27-12.56-7.21-12.89-2.66-23.1,3.48-31.04,12.86-11.2,13.23-16.39,28.77-16.32,46.31.05,11.21,2.82,21.14,9.22,30.22,5.83,8.28,16.33,12.37,26.01,9.34,8.81-2.76,16.19-8.21,21.48-15.59,9.24-12.91,15.01-27.23,14.19-44.42Zm73.96,109.6c-.04.16-.07.33-.11.49-2.82,0-5.79-.61-8.42.1-20.7,5.52-35.54,18.34-44.54,37.59-3,6.42-3.98,13.77-2.35,20.86,3.47,15.1,19.85,23.79,35.52,19.58,13.72-3.68,25.5-10.37,34.6-21.32,9.21-11.08,16.03-23.18,12.31-38.35-2.03-8.27-6.15-15.18-15.45-17.05-3.83-.77-7.71-1.27-11.57-1.9Zm-200.55-7.61c7.87,1.33,13.67-2.6,18.98-7.72,10.54-10.17,14.69-23.44,15.98-37.25,1.37-14.67-3.36-28.37-12.57-39.89-5.26-6.58-13.09-10.31-21.59-9.09-7.67,1.1-14.29,5.33-18.89,12.02-5.79,8.42-10.16,17.33-11.53,27.69-2.19,16.65.41,31.91,11.33,45.18,4.73,5.75,10.13,10.14,18.29,9.06Z'/%3E%3Cpath class='cls-1' d='m3.08,213.98c-1.84-9.54,4.32-16,10.05-22.43,16.14-18.11,36.07-30.98,58.25-40.26,8.61-3.61,17.98-4.48,27.57-4.5,13.39-.04,25.34,3.54,36.57,10.31,13.78,8.29,21.29,21.37,26.03,36.04,3.18,9.86,5.12,20.14,7.27,30.31.84,3.99.84,8.18,1.04,12.29.49,9.87,1.58,19.78,1.11,29.62-.63,12.99-2.89,25.99-13.96,34.72-6.69,5.27-14.68,5.18-22.58,2.06-9.21-3.64-15.46-10.62-21.46-18.13-7.77-9.74-15.24-19.89-26.32-26.31-10.76-6.23-22.46-9.02-34.81-10.52-12.55-1.53-25.42-2.89-36.64-9.72-8.61-5.24-13.43-12.64-12.13-23.46Z'/%3E%3Cpath class='cls-1' d='m253.12,78.63c-2.31,23-12.97,40.95-32.78,52.71-6.53,3.87-14.24,6.7-21.74,7.79-15.41,2.23-25.99-8.85-28.66-22.99-3.39-17.9,4.49-32.16,14.97-45.37,7.57-9.55,17.09-17.08,28.82-20.69,16.68-5.13,33.11-1.77,38.55,19.19.78,2.99.59,6.23.84,9.36Z'/%3E%3Cpath class='cls-1' d='m166.79,40.78c.82,17.19-4.94,31.51-14.19,44.42-5.29,7.38-12.67,12.84-21.48,15.59-9.68,3.03-20.18-1.05-26.01-9.34-6.4-9.09-9.17-19.02-9.22-30.22-.07-17.55,5.12-33.08,16.32-46.31,7.94-9.38,18.15-15.52,31.04-12.86,4.54.93,9.39,3.8,12.56,7.21,8.34,8.97,11.99,20,10.97,31.51Z'/%3E%3Cpath class='cls-1' d='m240.75,150.37c3.86.63,7.74,1.13,11.57,1.9,9.3,1.86,13.42,8.78,15.45,17.05,3.72,15.17-3.1,27.27-12.31,38.35-9.1,10.95-20.88,17.64-34.6,21.32-15.67,4.21-32.05-4.48-35.52-19.58-1.63-7.09-.65-14.44,2.35-20.86,8.99-19.25,23.84-32.07,44.54-37.59,2.63-.7,5.61-.1,8.42-.1.04-.16.07-.33.11-.49Z'/%3E%3Cpath class='cls-1' d='m40.2,142.77c-8.15,1.07-13.56-3.31-18.29-9.06-10.92-13.27-13.52-28.53-11.33-45.18,1.36-10.37,5.73-19.27,11.53-27.69,4.6-6.69,11.22-10.92,18.89-12.02,8.5-1.22,16.33,2.51,21.59,9.09,9.2,11.52,13.94,25.22,12.57,39.89-1.29,13.82-5.44,27.08-15.98,37.25-5.3,5.12-11.1,9.05-18.98,7.72Z'/%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    animation: dog-walk 12s none 0s infinite;
}

.loader-outer::after {
    top: 70%;
    left: 35%;
    animation-delay: 400ms;
}

.loader-inner::before {
    animation-delay: 2000ms;
}

.loader-inner::after {
    top: 70%;
    left: 35%;
    animation-delay: 2400ms;
}

.loader-inner div {
    box-sizing: content-box;
}