/*  BREITE 400px UND WENIGER */

body {
	overflow-x: hidden;
    overflow-y: visible;
}

.formTopic{
	width:41%;
}
.formData{
	width:59%;
}
select{
	font-size: 1.1rem;
}


/* Kategorien */

/* TEMPLATE GENERAL */

/* Top-Bar */

#topBar {
	height: 115px;
}

#topBarCore {
	height: 100px;
	justify-content: center;
	width: 80%;
	font-size:1.2rem;
}

#topBarMember{
	flex-direction: column;
	justify-content: center;
	
}

#topBarMember .avatarPreview {
	width: 45px;
	height: 45px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
}

/* Seitenkopf */

#startLogo{
	width: 90%;
	padding-top: 5px;
	padding-bottom: 5px;
}


/* Navigation */

#navCore{
	justify-content: center;
	font-size:90%; 
}

/* Hauptinhaltsbereich */

#content{
	padding-top: 10px;
	}


#main{
	margin-bottom: 1px;
}


/* TEMPLATE MASTER_SMALL_BOX */

#contentSmallBoxx{
	position: unset;
	top: unset;
	left: unset;
	transform: unset;
	padding:0px;
	max-width: 350px;
	min-width: 350px;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.logoSmallBox{
	padding: 0.5rem 0.75rem;
	width: 85%;
	height: 85%;
	display: block;
	margin: 0px auto;
}

.formSmallBox input {
	margin: 0 0 1rem;
	padding: 1rem;
}

.formSmallBox textarea {
	margin: 0 0 1rem;
	padding: 1rem;
}



/* SEITENELEMENTE */

/* Nutzer-Kopf */

#memberHeadAvatar{
	width: 40%;
	padding: 4%;
}

#memberHeadData{
	width: 60%;
	padding: 4.5% 3% 3% 3%;
}

#memberHeadName {
}

#memberHeadInfo {
	margin-top: 1.5px;
}

#memberHeadLinks{
	margin-top: 6px;
}

/* Kommentare */


/* Alben */

.galleryCell{
	flex-basis: 33.3%;
}

/* Margin */

#adsMargin1, #adsMargin2{
	margin-bottom: 0px;
}

#magazineBox{
	padding-bottom: 6px;
}

/* STARTSEITE */

#startTeaser{
	flex-direction: column;
}


#startTeaserRight{
	flex-direction: column;
	width: 100%;
}

.teaserBox2{
	width: 100%;
	margin-top: 5px;
}

/* Bildliste */
.recordListHeadWithCBText{
	font-size:1rem;
}

/* ============================================
   RESPONSIVE: Sehr kleine Smartphones (max-width: 360px)
   ============================================ */
@media screen and (max-width: 360px) {
    #hinweisInnen {
        padding: 1rem 0.7rem; /* Reduziert! */
        font-size: 1.8rem;
        border-width: 3px;
        max-height: 85vh; /* NEU: Maximale Höhe */
        overflow-y: auto; /* NEU: Scrollbar falls nötig */
    }

    #hinweisTitle {
        font-size: 1.5rem; /* Kleiner! */
        margin-bottom: 0.6rem; /* NEU: Abstand nach unten */
    }

    #hinweisInnenBoxW {
        font-size: 1.1rem; /* Kleiner! */
        margin: 0.6rem 0.2rem; /* Reduziert! */
        line-height: 1.2;
    }

    #hinweisInnenBoxQ {
        font-size: 1.3rem; /* Kleiner! */
        margin: 0.6rem 0.2rem; /* Reduziert! */
        line-height: 1.2;
    }

    #hinweisInnenBoxQ p {
        margin: 0.3rem 0; /* Reduziert! */
    }

    #hinweisInnenBoxA {
        font-size: 1.1rem;
        margin: 0.6rem 0.2rem; /* Reduziert! */
    }

    .cookie-warning {
        padding: 0.5rem 0.8rem; /* Reduziert! */
        font-size: 1rem; /* Kleiner! */
        line-height: 1.2; /* Kompakter */
    }
}