/*NAV*/

.navdesktop.top{
border-bottom: 20px;
border-bottom-style: solid;
border-bottom-color: darkorange;
padding: 10px;
font-size: 100%;
}

.navdesktop.side{
margin: 10px;
border-right: 20px;
border-right-style:solid;
border-right-color: darkorange;
border-bottom-right-radius: 50px;
min-width: 170px;
font-size: 120%;
font-weight:600;
}


.nav-link {
color: black;
}

.nav-link:hover {
color: grey;
}

.active{
color: darkorange !important;
}

.brand {
text-align: left !important;
}

.img-brand{
width: 200px;
}

.notiz {
padding: 30px 0px 30px 10px;
}

.kontakt {
text-align: right;
font-family: 'Schoolbell';
font-size: 110%;
letter-spacing: 0.8px;
}

.kontaktmobil {
text-align: right;
font-family: 'Schoolbell';
font-size: 100%;    
}



/*Kategorien*/


.kategorien {
width: 150px;
border: 5px;
border-color:darkorange;
border-style: solid;
border-radius: 50%;
}

.content {
padding: 50px 200px;
}

.module {
width: 140px;
margin-top: 50px;
}

/*Artikel*/

.artikelcontent {
padding: 0px 50px 200px 50px;
}

.artikelimg {
padding: 50px;
}

.steckbriefout {
padding: 50px 50px 0px 50px;

}

.steckbrief {
background-color:floralwhite;
padding: 20px;
text-align: left;

}

.btn {
background-color: limegreen;
color: white;
}

.btn:hover {
background-color: limegreen;
color: grey;
}

/*TEXTE*/

h1, h2 {font-family: 'Schoolbell';
text-align: center;
padding: 20px;
}

h3 {
font-family: 'Schoolbell';
font-size: 150%;
}

p{
font-family: sans-serif;
font-size: 100;
}

.artikelname {
font-family: 'Schoolbell';
font-size: 140%
}

.artikelmaße {
font-family: sans-serif;
font-size: 70%;
color: darkgrey;
}

.artikelpreis {
font-family:  'Schoolbell';
font-size: 120%;
color: limegreen;
}

.artikelpreisartikel {
font-family:  'Schoolbell';
font-size: 200%;
color: limegreen;
font-weight: bold;
}

.blau {
color: royalblue;
}

.hellblau {
color: deepskyblue;
}


.grün {
color:limegreen;
}

.rot {
color: red;
}

.orange {
color: darkorange;
}

.lila {
color: darkviolet;
}

.pink {
color: deeppink;
}

.braun {
color: rosybrown;
}

a {
color: black;
}

a:hover {
color: grey;
text-decoration: none;
}

/*FOOTER*/

footer {
    background-color: darkorange;
    padding: 20px 50px;

}

/*MEDIA*/

@media (max-width: 700px) {
.content, .artikelcontent {
padding: 10px;
}  
.img-brand{
width: 150px;
}
    
 .module {
margin-top: 10px;
    }
    
.hidesmall {
display: none;
    }
    
}

@media (max-width: 576px) {
    
    
.navdesktop {
display: none;
    }
    
.artikelcontent, .artikelimg, .steckbriefout, .steckbrief {
padding: 20px;
}

}

@media (min-width: 575px) {
    
.navmobil{
display:none;  
    }
    
}

@media (min-width: 1200px) {
    
.artikelcontent{
padding: 0px 350px;
    }
    
.notiz {
padding: 30px 0px 30px 50px;
}
.kontakt {
margin-right: 40px;

    }
    
.eventdeco {
width: 
    }
    
}