/* div {border:1px dotted grey;} */
html, body {scroll-behavior:smooth;}

body {width:100%; margin:0; padding:0;}
h1 {}
h2 {font-size:150%; color:#BD0926;}
h3 {font-size:120%; color:#BD0926; display:inline; margin:0;}
h4 {font-size:120%; color:#BD0926;}
h5 {font-size:100%; color:#BD0926;}

hr {}

.mini {font-size:60%;}

#inhalt {width:100%; margin:0; padding:0; display:grid;}
#oben {grid-row:1; display:grid; background-color:#BD0926; border-bottom:2px solid #717E7C;}
#oben_links {grid-column:1;}
#oben_mitte {grid-column:2; display:grid;}
#oben_rechts {grid-column:3;}

#unten {grid-row:2; display:grid;}
#unten_links {grid-column:1;}
#unten_mitte {grid-column:2; width:100%;}
#unten_rechts {grid-column:3;}

#logo {text-align:center; grid-row:1; padding:2%; font-family:'Libre Baskerville',serif; color:#E5DFE1;}
.logo_01 {font-size:135%;}
.logo_02 {font-size:100%;}
.logo {width:16%;}

#navi {display:grid; grid-row:2; font-family:'Libre Baskerville',serif; color:#FFFFFF; font-size:91%;}
#navi_01 {grid-column:1; grid-row:1;}
#navi_02 {grid-column:2; grid-row:1;}
#navi_03 {grid-column:3; grid-row:1;}
#navi_04 {grid-column:4; grid-row:1;}
#navi_05 {grid-column:5; grid-row:1;}
#navi_06 {grid-column:6; grid-row:1;}
#navi_07 {grid-column:7; grid-row:1;}
#navi_08 {grid-column:8; grid-row:1;}

#navi a {color:#FFFFFF; text-decoration:none;}

#navi_01, #navi_02, #navi_03, #navi_04, #navi_05, #navi_06, #navi_07, #navi_08 {text-align:center; padding:7px; border-top:3px solid #D76B7B;}

#navi_01.navi_link_aktiv, #navi_02.navi_link_aktiv, #navi_03.navi_link_aktiv, #navi_04.navi_link_aktiv,
#navi_05.navi_link_aktiv, #navi_06.navi_link_aktiv, #navi_07.navi_link_aktiv, #navi_08.navi_link_aktiv,
#navi_01:hover, #navi_02:hover, #navi_03:hover, #navi_04:hover,
#navi_05:hover, #navi_06:hover, #navi_07:hover, #navi_08:hover {border-top:3px solid #FFFFFF;}

#navi_mobil {display:none;}

#haupttext {width:90%; max-width:900px; margin:auto; margin-top:0; font-family:'Raleway',sans-serif;}
#haupttext_ueberschrift {font-family:'Libre Baskerville',serif; color:#BD0926; font-size:299%; margin:30px auto; max-width:1000px; padding-left: 2%;}
.absatz {margin-top:30px; margin-bottom:30px;}
#blog_verzeichnis {display:flex;}
#blog_monate {display:flex;}
#blog_monate div{margin-left:5px; margin-right:5px;}
#blog_verzeichnis a {color:#000000; text-decoration:none;}
#blog_verzeichnis a:hover {text-decoration:underline;}

.blog_verzeichnis_jahr {margin-left:5px; margin-right:5px; font-weight:bold;}
.blogeintrag {display:flex; margin-bottom:60px;}
.blog_text {text-align:justify; width:80%;}
.blog_foto {margin-top:70px; margin-left:20px;}
.blog_audio {margin-top:25px;}
.foto_rechts {width:40%; float:right; margin-left:15px;}
.foto_rechts_blog {position:absolute; margin-top:20px; width:40%; float:right; margin-left:15px;}
.video_rechts {width:50%; float:right; margin-left:15px;}
.yt_video {width:100%; min-height:270px;}
.seitenbild {width:100%; box-shadow: 7px 7px 9px silver; max-width:600px;}
.ende_float {clear:both;}
.form_feld {width:300px; font-family:MONOSPACE;}

.fotogalerie {margin:0 auto; margin-bottom:70px; font-family:'Raleway',sans-serif; text-align:center;}
.galeriebild {padding:.25vw; box-shadow: 7px 7px 9px silver; height:10vw; width:10vw; object-fit:cover; object-position:top center;}

#footer {grid-row:2; grid-column:2; margin-left:10px; margin-top:55px; margin-bottom:55px; font-size:70%; font-family:'Raleway',sans-serif;}