/* Hier wird alles was responsive sein soll eingetragen was sich gegenüber dem Standarddesign ändert*/

/*ChangeLog: 23.10.2025*/
/*macht Menu Sticky nur auf Desktop*/
@media (min-width: 768px) {
	
	.main-menu {
    position: sticky;
    top: 0;
    z-index: 1000;
    }
}


/*ChangeLog 29.10.2025*/
/*Höhen des Sliders angepasst*/

@media (min-width: 992px) {

.slider-height-4 {
		min-height: 500px;
	}
}

@media (min-width: 1200px) {

.slider-height-4 {
		min-height: 600px;
	}
}


/*ChangeLog: 28.05.2026*/
/*responsive - kleinere Schrift bei UNIV Footer für Geräte unter 575px Breite*/
@media (max-width: 768px) {

    .footer-UNIV-titel {
	    font-size: 50px;
    }
    .footer-UNIV-untertitel {
	    font-size: 28px;
        padding-bottom: 6px;
    }
    .footer-UNIV-untertitel2 {
	    font-size: 20px;
        padding-bottom: 5px;
    }
    .footer-UNIV-untertitel3 {
	    font-size: 30px;
    }    
}


/*ChangeLog: 29.05.2026*/
/*macht dass Warenkorbvorschau auch bei kleinen Geräten unsichtbar wird stört nur*/
@media (max-width: 768px) {

	.cart-preview {
		display: none;	
	}
}

/*macht Abstand von unten bei Link zur UNIV Hauptseite kleiner bei Handy*/
/*macht den Text "Warenkorb" weg*/
@media (max-width: 768px) {   

    .LinkUNIVHseite {
        padding-bottom: 25px;
    }
    .warenkorbtextweg {
        display: none;
    }
}


/*ChangeLog 12.10.2026*/
/*macht dass das Hintergrundbild vom UNIV Footer nur bei Desktopgrösse verwendet wird*/
@media (max-width: 992px) {

    .footer-UNIV-Hintergrundbild {
        background-image: none;
    }
}


/*ChangeLog 14.10.2026*/
/*macht Titel auf grossen Geräten grösser und auf kleinen Geräten kleiner*/
/*macht denselben Titel auch für kleine Geräte - Bisher zeigte es den alten dünnen Style an*/
/*bei allen h1 text-transform von uppercase auf none geändert.*/
/*(Macht dass die Titel nicht mehr nur als Grossbuchstaben erscheinen)*/

@media (max-width: 575px) {			
	.section-title-4 > h1,
	.section-title-4 > h2 {
		display: inline-block;
		font-size: 30px;
		font-weight: bold;
		margin: 0;
		position: relative;
		text-transform: none;
		letter-spacing: 1;		
	}
}

@media (min-width: 576px) {				
	.section-title-4 > h1,
	.section-title-4 > h2 {
		display: inline-block;
		font-size: 30px;
		font-weight: bold;
		margin: 0;
		position: relative;
		text-transform: none;
		letter-spacing: 1;		
	}
}

@media (min-width: 768px) {
	.section-title-4 > h1,
	.section-title-4 > h2 {
		display: inline-block;
		font-size: 40px;
		font-weight: bold;
		margin: 0;
		position: relative;
		text-transform: none;
		letter-spacing: 1;
	}
}