/* Grundstruktur sowie zentrale Text- und Content-Formatierung */ 

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #464648;

	height: 100%;
	margin: 0px auto;
	padding: 0px;
}

header { 
    display: flex; 
    justify-content: space-between;
    margin-left: 15px; 
    margin-top: 15px; 
    position: relative; 
}

header > a { 
    display: block; 
}
.mobmenue{ 
    /* display: none; */ 
    color: #F58735; 
    font-size: 3em; 
    margin-right: 50px; 
    cursor: pointer; 
    display: none; 
}

#buehne { 
    display: flex; 
}

img {
	border: none;
	padding: 0px;
}

nav {
    color: #FFCC99;
	font-size: 11pt;
	font-weight: bold;
    line-height: 12pt;

	margin-top: 15px;
	margin-left: 19px;
	margin-right: 25px;
	width: 145px;
	min-height:250px;
}

nav p { border-top: 1.5px dotted; margin:0px; padding-top:3px; padding-bottom:3px; }
nav a:hover { color: #F58735; }
nav a:link, a:active, a:visited  { color: #FFCC99; text-decoration:none}
.aktiv { color: #F58735 }
.u-pkt { margin-left: 20px; }

main {
    display: flex;
	
	font-size: 10pt;
	line-height:12pt;
	
    max-width: 1100px;
    margin-top: 0px;
    padding: 20px; 
}
main p, td, li { font-size: 10pt; line-height:12pt; text-align:left; padding: 5px;}
main li { list-style-type: disc;  }
main h1 { font-size: 12pt;  font-weight: bold; color:#F58735; margin-top:8px; }
main h2 { font-size: 10pt;  font-weight: bold; color:#F58735; margin-top:8px; text-align:left;}
main h3 { font-size: 10pt;  font-style: italic; color:#F58735; text-align:left;}
main h4 { font-size: 16pt;  line-height: 19pt; font-weight: bold; color:#F58735; margin-top:-4px; text-align:left;}
main h5 { font-size: 13pt;  font-weight: bold; color:#F58735; text-align:left;}
main a:link, main a:active, main a:visited { color: #444444; text-decoration:underline}
main a:hover { color: #FF795F; }
h2 a:link, h2 a:active, h2 a:visited, h3 a:link, h3 a:active, h3 a:visited  { color: #F58735; text-decoration:none }
h2 a:hover, h3 a:hover  { color: #FF795F; text-decoration:underline }
ul, li {list-style-position:outside; padding:0px; padding-bottom:2px; margin-left:7px; }

.content { 

}

#claim { 
    max-width: 1200px;
    color: #F58735;;
    font-size: 12pt;
    text-align: center; 
    margin-left: 145px; 
}

footer {
	display: block; 
    
    color: #F58735;
	font-size: 8pt;
	
    margin-top:20px;
	margin-left:15px

}
footer a:link, footer a:active, footer a:visited  { color: #F58735; text-decoration:none}
footer a:hover { color: #FF795F; font-weight: bold;}


/* Textelement der Rubrik inkl. H1 */ 
.txt_rubrik { 
    /* bisher keine eigene Formatierung */ 
}

section { 
    /* bisher keine eigene Formatierung */ 
}

.section_1spalte { 
    /* max-width: 800px; */ 
    margin: 0 auto; 
}
.section_spalte { 
    display: flex; 
    flex-wrap: wrap;
    justify-content: space-between; 
    gap: 0  2%; 
}
.spaltenteil_2 { 
    flex: 1 1 48%; 
}
.spaltenteil_3 { 
    flex: 1 1 31%; 
}
.spaltenteil_4 { 
    flex: 1 1 23%; 
}
.spaltenteil_5 { 
    flex: 1 1 18%; 
}

article { 
    display: flex; 
}

article button { 
    background-color: #F58735; 
    color: white; 
    border:0; 
    padding: 5px 10px; 
    cursor: pointer; 
}

article button:before { 
    content: '» ';
}

/* umflossene Bilder schrumpfen mit */ 
.artikeltext img { 
    max-width: 45%; 
}

.untertitel { 

}

.art_txt {

}

.bildlinks { 

}

.art_datum { 

}

.weiter_link { 

}

.bildrechts { 

}

.rechtsbein { 
    flex: 0 1 25%; 
    padding: 10px; 
    margin-right: 0.8em; 
}

/*  Sonderformatierungen  */ 

#journytext { 
    position:absolute;
    margin:28%; 
    width:42%;
    background-color:white;
    opacity:1;
    border:1px solid black;
    display:block;
    padding:20px;
}

#journytext h4 { 
    margin: 0; 
}


@media only screen and (max-width: 900px) {
    .section_spalte { 
        display: block; 
    }
}

@media only screen and (max-width: 1000px) {
    
    main { 
        display: block; 
    }
}

@media only screen and (max-width: 600px) {

    .sichtbar { 
        display: block; 
    }
    #buehne{ 
        display: block;
    }
    article { 
        display: block;
    }
    nav { 
        display: none; 
        position: absolute; 
        
        right: 30px; 
        top: 65px; 
        
        background-color: white; 
        border: #F58735 solid 1px; 
        padding: 10px; 
        min-height: 0; 
    }
    #claim { 
        margin-left: 0; 
    }
    footer { 
        clear: both; 
    }

}