/* ======================== eigene KLASSEN ======================== */ 

.titel { font-family: 'Courgette', cursive; font-size:1.4em; color:#000; text-align: justify; }
.klein { font-size:1.2em; color:#888; color:#aaa;}
.normal { font-size:1.4em; color:#666; }
.gross { font-size:1.8em; color:#333; }
.logo { border-radius:16px; margin-top:18px; margin-bottom:8px; border:0px solid #245580;  }
.center { text-align:center;}
.myslider { width:320px; }

/* ======================== HTML-TAGS ======================== */ 

* { font-family: 'Courgette', cursive; background-color:#fff; color:#000;}
body { }
p { color:#000; text-align:center; }
a, a:visited, a:link, a:active { text-decoration:none; color:#fff; }
img {  max-width: 100%; height: auto; }

/* Extra-kleine Geräte (Smartphones, weniger als 768px) */
/* Kein Media-Query, weil dies der Standard in Bootstrap ist */

/* Kleine Geräte (Tablets, 768px und breiter) */
@media (min-width: 992px)  {
.myslider { width:420px; }

}

/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
@media (min-width: @screen-md-min) { 
}

/* Große Geräte (Desktop-PCs, 1200px und breiter) */
@media (min-width: @screen-lg-min) {  
}

/* Hier wird auf SMARTPHONE umgestellt: */
@media all and (max-width: 991px) {
	
}