@font-face {
    font-family: 'Traveling _Typewriter';
    font-style: normal;
    font-weight: normal;
    src: local('Traveling _Typewriter'), url('../fonts/TravelingTypewriter.otf') format('opentype');
}

body {
    --me-Farbe: #fec848 /*#00afaa*/; /*#fec848;*/ /*#048a58;*/ /*##fec848;*/
    --me-Hintergrund: #343233;
    --me-Schriftfarbe: #f0f0f0; /*#ee1a59;*/ 
    color: #3f4346;
    background-color: var(--me-Hintergrund);    
    font-family: 'Traveling _Typewriter';
    background-image: url(../img/background.png);
    background-size:auto;
}


main {
    padding-top: 20px;
    padding-bottom: 100px;
    padding-right: 30px;
    text-align:center;
    color: var(--me-Farbe)
}

main ul {
    list-style:square;
    text-align: left;
}

header {
    background-image: url(../img/header_sm.png);
    background-repeat:repeat;
    background-size:cover;
    background-position:center;
    padding-top: 20px;
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: 550;
}

nav{
    position: relative;
    display: inline;
}

nav ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

nav ul li {
    margin: 1px 8px;
    padding: 5px;
    color: var(--me-Schriftfarbe);
}


nav ul li:hover {

   /*transform: rotate(780deg)scale(20.5,20.5);
    transition: 5s
    */
}

nav ul li a {
    background-image: none;
    background-color: #fff;
    text-decoration: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

footer {
    color:black;
/*
    background-image: url(../img/footer.png);
    background-size:auto;
*/
}


a {
    font-size: 20px;
    color: var(--me-Schriftfarbe);
    display: inline-block;
}


a href {

    color:blue;
}

a:hover {
        background-color: bisque;
   /* background-image:linear-gradient(90deg,blue,yellow,red,purple); */
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

p {
    color: var(--me-Schriftfarbe);
}

.flyer img{
    max-height: 800px;
    max-width: 400px;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    border-color: var(--me-Hintergrund);
    border-style: solid;
    border-width: thick;
}


.logo {
    height: 100px;
    width: 200px;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    
}

.logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}


.navbar-toggler{

    position: absolute;
    top: 0;
    right: 0;
    /*z-index: 3000; */
}

.navbar-toggler-icon{
    background-color: var(--me-Farbe); ;
    border-style:inherit;
    background-image: repeating-linear-gradient();
}

.navbar-colapse collapse{
    
}

.navbar-light .navbar-toggler{
    color: var(--me-Hintergrund);
    mix-blend-mode:screen;
}

.Termin{
    text-align: right;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    top:1em;
    right: 1em;
}
.Terminliste{
    text-align: left;
}

.Haftungsausschluss li{
    list-style-position: inside;
    padding-right: 30px;
    list-style-type: upper-roman;
}

.Haftungsausschluss p{
    text-align: left;
    padding-left: 4px;
    padding-right: 4px;
}



.Rechteliste li{
    color: var(--me-Schriftfarbe);
    padding-right: 30px;
    text-align: left;
    list-style: circle;
}

.Datenschutz li{
    list-style-position: inside;
    padding-right: 30px;
    list-style-type: none;
}

.Datenschutz p{
    text-align: left;
    padding-left: 4px;
    padding-right: 4px;
}
.Adresse p{
    text-align: center;
}

.Danke img {
    max-height: 200px;
    max-width: 200px;
}

.Corona{
    color:darksalmon;
    font-size: 20px;
}

@media (min-width: 991px) { 
    .navbar-toggler{
        display: none;
    }
    .collapse{
       display:block !important;
    }
    header {
        background-image: url(../img/header.svg);
    }
    nav ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    }   
    
    .Hintergrund p {
         text-align: justify;
    }
    
    .Haftungsausschluss p{
    text-align: justify;
    padding-left: 12%;
    padding-right: 12%;
    }
    
    .Datenschutz{
    text-align: center;
    padding-left: 12%;
    padding-right: 12%;
    }
    
    .Datenschutz p{
    text-align: justify;
    }
    
    .Impressum {
    text-align: center;
    padding-left: 12%;
    padding-right: 12%;
    }
    
    .Impressum p{
    text-align: justify;
    }
    

    
    .Rechteliste li{
    padding-left: 12%;
    padding-right: 12%;
    /*padding-right: 30px;*/
    list-style-position: inside;
}

}