[data-theme='dark']:root{
    --font-col: #2c2c2c;
    --primary-col: #05ad65;
    --primary-darker-col: #0a8f55;
    --secondary-col: #1e8ac9;
}

[data-theme='dark'] .header{
    background: #222a33;
}

[data-theme='dark'] header, 
[data-theme='dark'] nav{        
    background: #171d25;
}

[data-theme='dark'] header a, 
[data-theme='dark'] nav a{      
    color: #dcdedf;
}

[data-theme='dark'] .nav-container a:hover,
[data-theme='dark'] .nav-container .active{
    background-color: #3e485f;
}

[data-theme='dark'] #wir{
    background: #202427;
}

[data-theme='dark'] .wir-content-2 > .title{
    color: #dcdedf;
}

[data-theme='dark'] .nav-container a{
    color: #dcdedf;
}

[data-theme='dark'] .wir-content-2 {
    color: #dcdedf;
}

[data-theme='dark'] .wir-content-2-left{
    background: #0d131b;
    color: #9da0ad;
}

[data-theme='dark'] .services-head{
    color: #dcdedf;
}

[data-theme='dark'] .card{
    background: #0d131b;
    color: #9da0ad;
}

[data-theme='dark'] .kontakt-content-2-right{
    background: #132c3f;
    color: #dcdedf;
}

[data-theme='dark'] .zeiten {
    background: #0d131b;
    color: #9da0ad;
}

[data-theme='dark'] .green-text{
    color: #c0ebd5;
}

[data-theme='dark'] .kontaktdaten{
    color: #c0ebd5;
}

[data-theme='dark'] .kontaktdaten a{
    color: #c0ebd5;
}

[data-theme='dark'] .kontaktdaten-umkreis{
    color: #77ffb9;
}

[data-theme='dark'] .kontakt-sub{
    background: #0d131b;
    color: #9da0ad;
}

[data-theme='dark'] .modal > div:first-child{
    background: #132c3f;
    color: #dcdedf;
    padding: 20px 40px;
    font-size: 1.4em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

[data-theme='dark'] .modal-content{
    background: #0d131b;
    color: #9da0ad;
    height: calc(80vh - 70px);
    overflow-y: scroll;
}

[data-theme='dark'] .modal-content > .card{
    background: #0d131b;
    box-shadow: none;
    margin: 0;
    border-radius: 0;
}

[data-theme='dark'] .cookie-container{
    background: #0d131b;
    color: #9da0ad;
}

[data-theme='dark'] .cookie-container a{
    text-decoration: none;
    color: var(--primary-col);
}

[data-theme='dark'] .scheme-container{  
    color: #dcdedf;
}