/*######## Cookie Banner ########*/
    body .privacypolicies-com---palette-dark .cc-nb-okagree,
    body .privacypolicies-com---palette-dark .cc-nb-reject,
    .privacypolicies-com---palette-dark button.cc-cp-foot-save{
        background-color: #db0000;
        color: #FFFFFF;
    }
    body .privacypolicies-com---palette-dark .cc-pc-head-lang select:focus {
        box-shadow: 0 0 0 2px #db0000;
    }

/*######## Body ########*/
    html {
        scroll-behavior: smooth;
    }
    body {
        font-family: "Trebuchet MS";
        background-color: rgb(25,25,25);
        color: rgba(255,255,255,.75);
    }

/*######## NAVBAR ########*/
    #navbar {
        padding: 30px 10px;
    }
    .navbar-brand img {
        width: 250px;
        transition: 0.4s;
    }
    header .container .navbar.navbar-expand-lg.fixed-top.navbar-dark.bg-dark {
        background-color: rgba(25, 25, 25, 0.6) !important;
        transition: 0.4s;
    }
    .navbar-nav.me-auto.mb-2.mb-lg-0 {
        margin: auto;
    }
    .navbar-nav.mr-auto {
        margin: auto;
    }
    nav.navbar-dark .navbar-nav .nav-link {
        color: #FFFFFF;
    }
    header nav.navbar-dark .navbar-nav .nav-link {
        font-size: 1.5em;
        color: #FFFFFF;
        font-weight: bold;
        padding-left: 40px;
        padding-right: 40px;
        border-left: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
    }
    nav.navbar-dark .navbar-nav .nav-link:hover {
        color: #db0000ff;
    }
    nav.navbar-dark .navbar-nav .nav-link.active {
        border-bottom: 2px solid #db0000ff;
        color: #FFFFFF;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        background-color: rgba(25,25,25,1);
        margin-top: 0px;
        border-radius: 0;
        width: 100%;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu li .dropdown-item:hover {
        background: none;
        color: #db0000ff;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu li .dropdown-item {
        color: #FFFFFF;
    }

    /* ## Responsive ## */
    @media screen and (max-width: 1209px) {
        header nav.navbar-dark .navbar-nav .nav-link {
            font-size: 1em;
        }
    }
    @media screen and (max-width: 1057px) {
        .navbar-brand img {
            width: 150px !important;
        }
    }
    @media screen and (max-width: 991px) {
        header .container .navbar.navbar-expand-lg.fixed-top.navbar-dark.bg-dark {
            background-color: rgba(25, 25, 25, 1) !important;
        }
    }
    @media screen and (max-width: 376px) {
        .navbar-brand img {
            width: 120px !important;
        }
    }


/*######## CONTENT ########*/
    h1 {
        font-size: 2em;
        text-decoration: underline #db0000ff;
        margin: 50px 0px;
    }
    #willkommen {
        background-image: url("../images/empfang.jpg");
        background-size: cover;
        background-position: bottom;
        background-attachment: fixed;
        min-height: 600px;
        padding-top: 160px;
    }

    #homepage, #webshop, #design {
        padding: 20px 0px;
        margin: 30px 0px;
    }

    #homepage img, #webshop img, #design img {
        width: 100%;
    }
    #preise button, #homepage button, #webshop button, #design button{
        background-color: #FFFFFF;
        border-color: #db0000ff;
        color: #000000;
    }

/*######## Startseite ########*/
    #vorwort {
        margin-top: 160px;
        height: 450px;
    }
    #vorwort h1 {
        margin: 250px 0px 100px 0px;
    }
    /* Flipping Text */
    #vorwort .home{
        width:100%;
    }
    #vorwort .home h3{
        font-size: 3em;
        text-align: left;
        color: #FFFFFF;
        font-weight: bold;
    }
    #vorwort .stage{
        width: auto;
        height: 100px;
    }
    #vorwort .cubespinner{
        -webkit-animation-name:spincube;
        -webkit-animation-timing-function:ease-in-out;
        -webkit-animation-iteration-count:infinite;
        -webkit-animation-duration:8s;
        animation-name:spincube;

        animation-timing-function:ease-in-out;
        animation-iteration-count:infinite;
        animation-duration:8s;
        -webkit-transform-style:preserve-3d;
        -moz-transform-style:preserve-3d;
        -ms-transform-style:preserve-3d;
        transform-style:preserve-3d;
        -webkit-transform-origin:40px 40px 0;
        -moz-transform-origin:40px 40px 0;
        -ms-transform-origin:40px 40px 0;
        transform-origin:40px 40px  0;
    }
    #vorwort .cubespinner div{
        position:absolute;
        width:400px;
        height:80px;
        text-align:left;
        color:#109393;
        font-family: "Trebuchet MS";
        font-size:74px;
        font-weight:700;
    }
    #vorwort .cubespinner .face1{
        color:#fff;
        -webkit-transform:translateZ(40px);
        -moz-transform:translateZ(40px);
        -ms-transform:translateZ(40px);
        transform:translateZ(40px);
        -webkit-backface-visibility: hidden;
    }
    #vorwort .cubespinner .face2{
        color:grey;
        -webkit-transform: rotateX(90deg) translateZ(40px);
        -moz-transform: rotateX(90deg) translateZ(40px);
        -ms-transform: rotateX(90deg) translateZ(40px);
        transform: rotateX(90deg) translateZ(40px);
        -webkit-backface-visibility: hidden;
    }
    #vorwort .cubespinner .face3{
        color:#2e8b57;
        -webkit-transform:rotateX(180deg)  translateZ(40px);
        -moz-transform:rotateX(180deg)  translateZ(40px);
        -ms-transform:rotateX(180deg)  translateZ(40px);
        transform:rotateX(180deg)  translateZ(40px);
        -webkit-backface-visibility: hidden;
    }
    #vorwort .cubespinner .face4{
        color:#db0000ff;
        -webkit-transform:rotateX(270deg) translateZ(40px);
        -moz-transform:rotateX(270deg) translateZ(40px);
        -ms-transform:rotateX(270deg) translateZ(40px);
        transform:rotateX(270deg) translateZ(40px);
        -webkit-backface-visibility: hidden;
    }

    /*Cubical Flipping or rotation*/
    @-webkit-keyframes spincube {
        from,to  { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
        15%      { -webkit-transform: rotateX(90deg);}
        25%      { -webkit-transform: rotateX(90deg);}
        40%      { -webkit-transform: rotateX(180deg);}
        50%      { -webkit-transform: rotateX(180deg);}
        65%      { -webkit-transform: rotateX(270deg);}
        75%      { -webkit-transform: rotateX(270deg);}
        95%      { -webkit-transform: rotateX(360deg);}
        100%      { -webkit-transform: rotateX(360deg);}
    }
    @keyframes spincube {
        from, to {
            -webkit-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            -ms-transform: rotateX(0deg);
            transform: rotateX(0deg);
        }
        15% {
            -webkit-transform: rotateX(90deg);
            -moz-transform: rotateX(90deg);
            -ms-transform: rotateX(90deg);
            transform: rotateX(90deg);
        }
        25% {
            -webkit-transform: rotateX(90deg);
            -moz-transform: rotateX(90deg);
            -ms-transform: rotateX(90deg);
            transform: rotateX(90deg);
        }
        40% {
            -webkit-transform: rotateX(180deg);
            -moz-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
            transform: rotateX(180deg);
        }
        50% {
            -webkit-transform: rotateX(180deg);
            -moz-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
            transform: rotateX(180deg);
        }
        65% {
            -webkit-transform: rotateX(270deg);
            -moz-transform: rotateX(270deg);
            -ms-transform: rotateX(270deg);
            transform: rotateX(270deg);
        }
        75% {
            -webkit-transform: rotateX(270deg);
            -moz-transform: rotateX(270deg);
            -ms-transform: rotateX(270deg);
            transform: rotateX(270deg);
        }
        90% {
            -webkit-transform: rotateX(360deg);
            -moz-transform: rotateX(360deg);
            -ms-transform: rotateX(360deg);
            transform: rotateX(360deg);
        }
        100% {
            -webkit-transform: rotateX(360deg);
            -moz-transform: rotateX(360deg);
            -ms-transform: rotateX(360deg);
            transform: rotateX(360deg);
        }
    }

    /* Infos */
    #infos p {
        margin-top: 50px;
    }
    /* Text Kreis Rotation */
    #infos {
        text-align: center;
    }
    #infos h2 {
        margin-top: 50px;
    }
    #circle {
        text-align: center;
        min-height: 180px;
    }
    .drehen {
        width: 150px;
        height: 150px;
        -webkit-animation:spin 9s linear infinite;
        -moz-animation:spin 9s linear infinite;
        animation:spin 9s linear infinite;
    }
    @-moz-keyframes spin {
        100% { -moz-transform: rotate(-360deg); }
    }
    @-webkit-keyframes spin {
        100% { -webkit-transform: rotate(-360deg); }
    }
    @keyframes spin {
        100% {
            -webkit-transform: rotate(-360deg);
            transform:rotate(-360deg);
        }
    }
    /* Ed */
    img.ed {
        width: 100px;
    }
    /* Share Social Media*/
    #social {
        text-align: center;
        margin-top: 50px;
    }
    .resp-sharing-button__link,
    .resp-sharing-button__icon {
        display: inline-block
    }

    .resp-sharing-button__link {
        text-decoration: none;
        color: #fff;
        margin: 0.5em
    }

    .resp-sharing-button {
        border-radius: 5px;
        transition: 25ms ease-out;
        padding: 0.5em 0.75em;
        font-family: Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .resp-sharing-button__icon svg {
        width: 1em;
        height: 1em;
    }

    .resp-sharing-button--small svg {
        margin: 0;
        vertical-align: middle
    }

    /* Non solid icons get a stroke */
    .resp-sharing-button__icon {
        stroke: #fff;
        fill: none
    }

    /* Solid icons get a fill */
    .resp-sharing-button__icon--solid,
    .resp-sharing-button__icon--solidcircle {
        fill: #fff;
        stroke: none
    }

    .resp-sharing-button--twitter {
        background-color: #55acee
    }

    .resp-sharing-button--twitter:hover {
        background-color: #2795e9
    }

    .resp-sharing-button--pinterest {
        background-color: #bd081c
    }

    .resp-sharing-button--pinterest:hover {
        background-color: #8c0615
    }

    .resp-sharing-button--facebook {
        background-color: #3b5998
    }

    .resp-sharing-button--facebook:hover {
        background-color: #2d4373
    }

    .resp-sharing-button--tumblr {
        background-color: #35465C
    }

    .resp-sharing-button--tumblr:hover {
        background-color: #222d3c
    }

    .resp-sharing-button--reddit {
        background-color: #5f99cf
    }

    .resp-sharing-button--reddit:hover {
        background-color: #3a80c1
    }

    .resp-sharing-button--google {
        background-color: #dd4b39
    }

    .resp-sharing-button--google:hover {
        background-color: #c23321
    }

    .resp-sharing-button--linkedin {
        background-color: #0077b5
    }

    .resp-sharing-button--linkedin:hover {
        background-color: #046293
    }

    .resp-sharing-button--email {
        background-color: #777
    }

    .resp-sharing-button--email:hover {
        background-color: #5e5e5e
    }

    .resp-sharing-button--xing {
        background-color: #1a7576
    }

    .resp-sharing-button--xing:hover {
        background-color: #114c4c
    }

    .resp-sharing-button--whatsapp {
        background-color: #25D366
    }

    .resp-sharing-button--whatsapp:hover {
        background-color: #1da851
    }

    .resp-sharing-button--hackernews {
        background-color: #FF6600
    }
    .resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

    .resp-sharing-button--vk {
        background-color: #507299
    }

    .resp-sharing-button--vk:hover {
        background-color: #43648c
    }

    .resp-sharing-button--facebook {
        background-color: #3b5998;
        border-color: #3b5998;
    }

    .resp-sharing-button--facebook:hover,
    .resp-sharing-button--facebook:active {
        background-color: #2d4373;
        border-color: #2d4373;
    }

    .resp-sharing-button--twitter {
        background-color: #55acee;
        border-color: #55acee;
    }

    .resp-sharing-button--twitter:hover,
    .resp-sharing-button--twitter:active {
        background-color: #2795e9;
        border-color: #2795e9;
    }

    .resp-sharing-button--email {
        background-color: #777777;
        border-color: #777777;
    }

    .resp-sharing-button--email:hover,
    .resp-sharing-button--email:active {
        background-color: #5e5e5e;
        border-color: #5e5e5e;
    }

    .resp-sharing-button--linkedin {
        background-color: #0077b5;
        border-color: #0077b5;
    }

    .resp-sharing-button--linkedin:hover,
    .resp-sharing-button--linkedin:active {
        background-color: #046293;
        border-color: #046293;
    }


    /* Content Text */
    .starttext {
        margin: 50px 0px;
    }
    .starttext h2 {
        font-size: 2.3em;
        font-weight: bold;
        margin-bottom: 50px;
    }
    .starttext p, .starttext cite, .starttext li {
        font-size: 1.2em;
    }
    .starttext a {
        text-decoration: none;
        color: #db0000ff;
    }
    .starttext .auswahlbild button {
        background-color: #FFFFFF;
        border-color: #db0000ff;
        color: #000000;
    }
    .starttext .auswahlbild button.btn.btn-primary:hover {
        background-color: #db0000ff;
        border-color: #FFFFFF;
        color: #FFFFFF;
    }

    /* Buttons */
    .content {
        text-align: center;
    }
    .content h4 {
        text-align: center;
        padding: 50px;
        font-size: 2em;
        font-weight: bold;
    }
    .content i {
        font-size: 3em;
        padding: 20px;
        background: white;
        border-radius: 20px;
        border: 2px solid #db0000ff;
        box-shadow: 10px 5px 5px black;
        width: 50%;
        color: #db0000ff;
    }
    .content .row {
        margin: 50px 0px;
    }
    .content p {
        text-align: left;
        font-size: 1em;
    }
    .container .title{
        color: #1a1a1a;
        text-align: center;
        margin-bottom: 10px;
    }
    .content {
        position: relative;
        width: 90%;
        max-width: 400px;
        margin: auto;
        overflow: hidden;
        height: 100%;
        padding-bottom: 20px;
    }
    .content .content-overlay {
        background: rgba(0,0,0,0.7);
        position: absolute;
        width: 50%;
        left: 25%;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        border-radius: 20px;
        height: 90%;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }
    .content:hover .content-overlay{
        opacity: 1;
    }
    .content-image{
        width: 100%;
    }
    .content-details {
        position: absolute;
        text-align: center;
        padding-left: 1em;
        padding-right: 1em;
        width: 100%;
        top: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
    .content:hover .content-details{
        top: 50%;
        left: 50%;
        opacity: 1;
    }
    .content-details h3{
        color: #fff;
        font-weight: 500;
        letter-spacing: 0.15em;
        margin-bottom: 0.5em;
        text-transform: uppercase;
        font-size: 1.2em;
    }
    .content-details p{
        color: #fff;
        font-size: 0.8em;
    }
    .fadeIn-bottom{
        top: 80%;
    }
    .content-text {
        font-size: 0.9em !important;
        text-align: center !important;
    }

    /* Parallax */
    #startseite #empfang {
        background-image: url("../images/empfang.jpg");
        background-size: cover;
        background-attachment: fixed;
        background-position: bottom;
        min-height: 700px;
    }
    #startseite #empfang .hintergrund {
        background: linear-gradient(65deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 50%);
        height: 700px;
    }
    #startseite #empfang h2 {
        text-align: right;
        padding: 50px;
        color: white;
    }
    #startseite #empfang p {
        text-align: right;
        color: white;
        padding: 50px;
    }
    #startseite #empfang .inhalt-text {
        background: #db0000ff;
        border-radius: 50px;
        box-shadow: 10px 5px 5px black;
        width: 35%;
        float: right;
        margin-top: 100px;
    }
    #startseite .inhalt-text h2 {
        font-size: 1.5em;
    }
    #startseite #webseiten .inhalt-text {
        background: grey;
        border-radius: 50px;
        box-shadow: 10px 5px 5px black;
        width: 35%;
        float: left;
        margin-top: 100px;
    }
    #startseite #webshops .inhalt-text {
        background: #2e8b57;
        border-radius: 50px;
        box-shadow: 10px 5px 5px black;
        width: 35%;
        float: right;
        margin-top: 100px;
    }
    #startseite #webseiten {
        background-image: url("../images/kino-ed.jpg");
        background-size: cover;
        background-attachment: fixed;
        background-position: bottom;
        min-height: 300px;
    }
    #startseite #webseiten .hintergrund {
        background: linear-gradient(-65deg, rgba(104, 131, 139, 0) 40%, rgba(104, 131, 139, 0.6) 50%);
        height: 700px;
    }
    #startseite #webseiten h2 {
        text-align: left;
        padding: 50px;
        color: white;
    }
    #startseite #webseiten p {
        text-align: left;
        color: white;
        padding: 50px;
    }
    #startseite #webshops {
        background-image: url("../images/mall-ed.jpg");
        background-size: cover;
        background-attachment: fixed;
        background-position: bottom;
        min-height: 700px;
    }
    #startseite #webshops .hintergrund {
        background: linear-gradient(65deg, rgba(144, 238, 144, 0) 40%, rgba(144, 238, 144, 0.6) 50%);
        height: 700px;
    }
    #startseite #webshops h2 {
        text-align: right;
        padding: 50px;
        color: white;
    }
    #startseite #webshops p {
        text-align: right;
        color: white;
        padding: 50px;
    }

    /* ## Responsive ## */
    @media screen and (max-width: 872px) {
        #vorwort .home h3 {
            font-size: 2em;
        }
    }
    @media screen and (max-width: 767px) {
        #startseite #empfang .container .inhalt-text, #startseite #webseiten .container .inhalt-text, #startseite #webshops .container .inhalt-text {
            width: 70%;
        }
        #startseite #empfang, #startseite #webseiten, #startseite #webshops {
            min-height: 550px;
        }
        #startseite #empfang .hintergrund, #startseite #webseiten .hintergrund, #startseite #webshops .hintergrund {
            height: 550px;
        }
        #vorwort .stage {
            height: 60px;
        }
        #vorwort .cubespinner div {
            font-size: 1.5em;
        }
    }
    @media screen and (max-width: 590px) {
        content section.einleitung .img-fluid {
            height: 123px;
            max-width: none;
        }
        content section.einleitung {
            margin-top: 0px;
        }
    }
    @media screen and (max-width: 458px) {
        #startseite #empfang .container .inhalt-text, #startseite #webseiten .container .inhalt-text, #startseite #webshops .container .inhalt-text {
            width: 100%;
        }
        #startseite #empfang, #startseite #webseiten, #startseite #webshops {
            min-height: 400px;
        }
        #startseite #empfang .hintergrund, #startseite #webseiten .hintergrund, #startseite #webshops .hintergrund {
            height: 400px;
        }
        #vorwort h1 {
            margin: 20px 0px 50px 0px;
        }
        .starttext h2 {
            font-size: 2em;
        }
        .starttext p {
            font-size: 1.3em;
        }
    }
    @media screen and (max-width: 425px) {
        #vorwort .stage {
            height: 60px;
            padding-top: 15px;
        }
        #vorwort .cubespinner div {
            font-size: 1.3em;
        }
        #vorwort .home h3 {
            font-size: 1.3em;
        }
        #vorwort {
            height: 400px;
        }
        #vorwort .home {
            display: inline-block;
        }
    }
    @media screen and (min-width: 1px) {
        #vorwort .home-mobile {
            display: none;
        }
        #startseite #empfang {
            margin-top: 40px;
        }
    }

/*######## Headerbild ########*/
section.einleitung {
    overflow: hidden;
}

/*######## Preise ########*/
    #preise a {
        text-decoration: none;
    }
    #preise button {
        background-color: #FFFFFF;
        border-color: #db0000ff;
        color: #000000;
    }
    #preise button.btn.btn-primary:hover {
        background-color: #db0000ff;
        border-color: #FFFFFF;
        color: #FFFFFF;
    }
    #auswahl {
        text-align: center;
        margin: 50px 0px;
    }
    #auswahl .auswahlbild {
        border: 1px solid #db0000ff;
        border-radius: 20px;
        min-height: 200px;
        position: relative;
        margin-top: 50px;
    }
    #auswahl .auswahlbild i {
        color: #FFFFFF;
        font-weight: bold;
        font-size: 3em;
        padding: 50px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    #auswahl .auswahlbild:hover i {
        font-size: 5em;
        padding-bottom: 19px;
    }
    #auswahl h3 {
        color: #FFFFFF;
        font-weight: bold;
    }
    #auswahl .btn-primary {
        margin-bottom: 30px;
    }

    .multi-collapse.collapse.show {
        margin-top: 20px;

    }
    #preise #auswahl h5 span {
        text-align: center;
        color: #000000;
        font-weight: bold;
        font-size: 0.8em;
    }
    #preise #auswahl h5 {
        text-align: center;
        color: #db0000ff;
        font-weight: bold;
        font-size: 2em;
    }
    #preise #auswahl .anfragelink {
        text-align: center;
    }
    #preise #auswahl .btn-primary.anfrage {
        background-color: #db0000ff;
        border-color: #db0000ff;
        margin-bottom: 0px;
    }
    #preise #auswahl .btn-primary.anfrage:hover {
        background-color: #FFFFFF;
        border-color: #db0000ff;
        color: #000000;
    }
    #preise #auswahl .informationslink {
        color: #db0000ff;
        margin-left: 20px;
    }

/*######## Projekte ########*/
    #willkommen-projekte {
        background-image: url("../images/projekte.png");
        background-size: cover;
        background-position: bottom;
        background-attachment: fixed;
        min-height: 700px;
        padding-top: 160px;
    }
    #projekte {
        margin-top: 50px;
    }
    #projekte h4 {
        margin-bottom: 50px;
    }
    #projekte .row {
        padding-bottom: 20px;
    }
    #projekte img {
        width: 100%;
        border-radius: 20px;
        padding-bottom: 10px;
    }
    #projekte a {
        color: white !important;
        border-bottom: 1px solid #dd0000;
        text-align: center;
        text-decoration: none;
        padding-bottom: 5px;
    }
/*######## ÜBER UNS ########*/
    .starttext .kontakt img {
        max-width: 80%;
        height: auto;
        border-radius: 50%;
        border: 1px solid #db0000ff;
        margin-bottom: 40px;
    }
    .starttext .kontakt {
        text-align: center;
    }
    .starttext .kontakt h5 {
        color: #db0000ff;
    }
    .starttext .kontakt p {
        font-size: 1em;
    }
    .starttext .btn-primary {
        background-color: #db0000ff;
        border-color: #db0000ff;
    }
    .starttext .btn-primary:hover {
        color: #db0000ff;
        border-color: #ffffff;
        background-color: #ffffff;
    }

/*######## MEET ED ########*/
    .kontakt .monatsed {
        width: 90%;
    }
    .kontakt h3 {
        padding-top: 30px;
    }

/*######## KONTAKT ########*/
    #einleitung {
        background-image: url("../images/computer.jpg");
        background-size: cover;
        background-position: bottom;
        min-height: 300px;
        padding-top: 160px;
    }
    .kontakt {
        margin: 50px 0px;
    }
    .kontakt p {
        margin: 20px 0px;
    }
    .kontakt a {
        text-decoration: none;
        color: #FFFFFF;
    }
    .kontakt svg {
        margin: 20px;
    }
    .kontakt form button {
        background-color: #FFFFFF;
        border-color: #db0000ff;
        color: #000000;
    }
    .kontakt form button.btn.btn-primary:hover {
        background-color: #db0000ff;
        border-color: #FFFFFF;
        color: #FFFFFF;
    }
    .kontakt form .noeyes {
        display: none;
    }

/*######## DATENSCHUTZ ########*/
    #datenschutz h1 {
        margin-top: 180px;
    }
    #datenschutz a {
        text-decoration: none;
        color: #db0000;
    }

/*######## Impressum ########*/
    #impressum h1 {
        margin-top: 180px;
    }
    #impressum a {
        text-decoration: none;
        color: #db0000;
    }
    #impressum img {
        max-width: 100%;
        margin-top: 180px;
        margin-bottom: 50px;
        padding: 50px;
    }

/*######## FOOTER ########*/
    footer {
        background-color: white;
        padding: 50px 0px;
        text-align: center;
        margin-top: 50px;
    }
    footer a {
        text-decoration: none;
    }
    footer p {
        color: #db0000;
        font-weight: bold;
    }