html {margin:0; padding:0; width:100%;}
body {margin:0; padding:0; display:flex; justify-content:center; width:100%; height:100%; font-family:'Varela Round',sans-serif; font-size:1rem; background:#ffffff; color:#000000;}

h1 {font-size:1.7rem; font-weight:normal;}
h2 {font-size:1.2rem; font-weight:normal;}
h3 {font-size:1.2rem; font-weight:normal; margin-top:0; margin-bottom:0;}
h4 {font-size:2.5rem; font-weight:normal;}
h5 {font-size:1.7rem; font-weight:lighter; margin-top:0; margin-bottom:0;}

#inhalt {width:1100px; background:#ffffff;}
.link_pfeil {font-size:4rem; font-weight:bold; color:#EDB5A4;}

#navi {height:80px; width:1100px; max-width:99%; position:fixed; display:flex; font-size:0.8rem; z-index:90;}
.navi_link_aktiv {text-decoration:underline;}
.navi_leer {width:120px;}
.logo_top {width:370px; padding-top:24px;}
.logo_text {margin-top:-33px; margin-left:75px; font-size:0.85rem;}
.logo_top_pic {height:42px;}
.navi_link_box {text-align:center; padding-top:50px; padding-left:15px; padding-right:15px;}

.nav_col_01            {color:#ffffff; background-color:rgba(0, 0, 0, 0.3);}
.nav_col_01 a:link     {color:#ffffff; text-decoration:none;}
.nav_col_01 a:visited  {color:#ffffff; text-decoration:none;}
.nav_col_01 a:active   {color:#ffffff; text-decoration:none;}
.nav_col_01 a:hover    {color:#ffffff; text-decoration:underline;}

.nav_col_02            {color:#000000; background-color:#ffffff;}
.nav_col_02 a:link     {color:#000000; text-decoration:none;}
.nav_col_02 a:visited  {color:#000000; text-decoration:none;}
.nav_col_02 a:active   {color:#000000; text-decoration:none;}
.nav_col_02 a:hover    {color:#000000; text-decoration:underline;}

#burger {display:none;}

#seiteninhalt {display:flex; flex-direction:column;}

a.link_pfeil:link    {color:#EDB5A4; text-decoration:none;}
a.link_pfeil:visited {color:#EDB5A4; text-decoration:none;}
a.link_pfeil:active  {color:#EDB5A4; text-decoration:none;}
a.link_pfeil:hover   {color:#fec6b5; text-decoration:none;}

.box_einzelseite_03_re a:link    {color:#000000; text-decoration:none;}
.box_einzelseite_03_re a:visited {color:#000000; text-decoration:none;}
.box_einzelseite_03_re a:active  {color:#000000; text-decoration:none;}
.box_einzelseite_03_re a:hover   {color:#000000; text-decoration:underline;}

#box_00 {display:none;}
#box_01 {width:100%; overflow:hidden;}
.fit_in_inhalt {width:100%;}
#box_02 {width:100%; height:260px; padding-top:30px; text-align:center; background:#EEEAE9;}
#box_03, #box_04, #box_05, #box_06, #box_07 {position:relative; width:100%; height:620px; background:#ffffff; color:#000000;}
#box_08 {position:relative; width:100%;}

#box_einzelseite_01 {position:relative; width:100%; background:#ffffff; color:#000000; text-align:center; padding-top:9%;}
#box_einzelseite_02 {position:relative; width:80%;  background:#ffffff; color:#000000; padding-left:10%; padding-right:10%;}
#box_einzelseite_03 {position:relative; width:80%; background:#ffffff; color:#000000; padding-left:10%; padding-right:10%; display:flex; padding-top:10%;}
.box_einzelseite_03_li {position:relative; width:40%;}
.box_einzelseite_03_re {position:relative; width:60%;}
#box_einzelseite_04 {position:relative; width:82%; padding-left:18%; background:#ffffff; color:#000000; text-align:left;}
#box_einzelseite_05 {position:relative; width:80%; background:#ffffff; color:#000000; padding-left:10%; padding-right:10%; display:flex; padding-top:10%;}

.stricherl {list-style-type: "– "; margin-top:0; padding-left:15px;}
.einzelseite_beitrag {columns:2 7em;}

.box_feld_li_tex {position:absolute; width:50%; height:60%; left:6%;  top:22%;}
.box_feld_re_tex {position:absolute; width:50%; height:60%; left:42%; top:12%;}
.box_feld_re_pic {position:absolute; width:50%; height:55%; left:42%; top:12%;  overflow:hidden;}
.box_feld_li_pic {position:absolute; width:50%; height:55%; left:6%;  top:26%; overflow:hidden;}

.text_re {position:absolute; right:32%; top:18%; width:60%; text-align:right; font-size:0.85rem;}
.text_li {position:absolute; left:32%;  top:18%; width:60%; text-align:left; font-size:0.85rem;}

.col_box_03 {background:#FDEAE0;}
.col_box_04 {background:#E7DEDF;}
.col_box_05 {background:#EEEAE9;}
.col_box_06 {background:#E0E6EB;}
.col_box_07 {background:#FDEAE0;}

.logo_box {width:80px;}

#termin_vert {display:flex; flex-direction:column;}
.termin_hori {display:flex; width:100%;}
.termin_hori_01 {width:21%; margin:0; padding:2%; border:1px solid black; border-right:0; border-bottom:0;}
.termin_hori_02 {width:71%; text-align:right; margin:0; padding:2%; border:1px solid black; border-bottom:0;}
.hori_ende {border-bottom:1px solid black;}
#termin_vert input {font-size:1.2rem; color:#111111;}
.eingabefeld {width:100%;}
.schalter {}
textarea {width:100%; height:160px; font-size:1.2rem; color:#111111; font-family:'Varela Round',sans-serif;}
#antwort {width:100%; text-align:center; margin:0; padding:0; margin-bottom:2%; font-size:1.3rem; color:#D49077;}

.tabelle_adresse {font-size:0.85rem;}
.tabelle_adresse td {padding-left:15px;}
.zwei_bilder_nebeneinander {position:relative; width:100%; display:flex;}
.halbes_bild {width:50%; padding:5px; }

#abstand_footer {height:90px; width:50%;}

#footer {position:relative; width:100%; height:500px; background:#EEE2DD;}
#footer_01 {position:absolute; left:15%; top:24%; font-size:0.9rem; line-height:1.5;}
#footer_02 {position:absolute; left:45%; top:24%; font-size:0.9rem; line-height:1.5;}
#footer_03 {position:absolute; left:70%; top:24%; font-size:0.9rem; line-height:1.5;}

#footer a:link     {color:#000000; text-decoration:none;}
#footer a:visited  {color:#000000; text-decoration:none;}
#footer a:active   {color:#000000; text-decoration:none;}
#footer a:hover    {color:#ffffff; text-decoration:underline;}

/* farbige Boxen zum Programmieren 
#box_01, #box_02, #box_03, #box_04, #box_05, #box_06, #box_07, #box_08, #footer {outline:2px dotted red; outline-offset:-2px;}
#box_einzelseite_01, #box_einzelseite_02, #box_einzelseite_03, #box_einzelseite_04  {outline:2px dotted grey; outline-offset:-2px;}
.box_feld_li_tex {outline:2px dotted blue; outline-offset:-2px;}
.box_feld_re_tex {outline:2px dotted blue; outline-offset:-2px;}
.box_feld_re_pic {outline:2px dotted grey; outline-offset:-2px;}
.box_feld_li_pic {outline:2px dotted grey; outline-offset:-2px;}
.text_re {outline:2px dotted black; outline-offset:-2px;}
.text_li {outline:2px dotted yellow; outline-offset:-2px;}
*/


/*-------------------- RESPONSIVE DESIGN 1100 --------------------*/
@media only screen and (max-width: 1100px) {
#inhalt {width:900px;}
#rand_links {display:none;}
#rand_rechts {display:none;}

#navi {width:900px; display:grid; grid-template-columns: auto auto auto auto;}
.navi_link_box {padding-top:8px; text-align:left;}
.logo_top {width:190px; padding-top:38px; padding-left:10px; grid-row-start:1; grid-row-end:4;}
.logo_text {margin-top:-40px; margin-left:80px; font-size:0.9rem;}
.navi_leer {display:none;}
}

/*-------------------- CSS orientation MOBIL-switch--------------------*/
@media (orientation: portrait) and (max-width: 900px){
#inhalt {width:100%;}

#navi {display:none;}

#burger {position:fixed; top:0; right:1%; display:inline; z-index:100; margin:0; padding:0; background:#dddddd; padding:5px; font-size:1.35rem; border-radius: 0 0 0 5px;}
#burger a {color:#000000; text-decoration:none;}
#burger_icon {height:20px;}
#mobi_men {margin:0; padding:14px; padding-top:4px; text-align:left;}

h1 {font-size:1.4rem;}
h3 {font-size:1.5rem;}

#box_00 {display:block; position:relative; width:95%; padding-left:5%; padding-top:4%; background-color:#000000;}
#box_00 a:link     {color:#ffffff; text-decoration:none;}
#box_00 a:visited  {color:#ffffff; text-decoration:none;}
#box_00 a:active   {color:#ffffff; text-decoration:none;}
#box_00 a:hover    {color:#ffffff; text-decoration:underline;}
#box_02 {height:auto; padding-top:3%; padding-bottom:3%;}
#box_03, #box_04, #box_05, #box_06, #box_07 {height:auto;}
.box_feld_re_pic {position:relative; width:100%; height:auto; left:0;  top:0;}
.box_feld_li_pic {position:relative; width:100%; height:auto; left:0;  top:0;}
.box_feld_li_tex {position:relative; width:100%; height:auto; left:0;  top:0;}
.box_feld_re_tex {position:relative; width:100%; height:auto; left:0;  top:0;}
.text_re {position:relative; left:8%; top:0; width:84%; padding-top:4%; padding-bottom:4%; text-align:right;}
.text_li {position:relative; left:8%; top:0; width:84%; padding-top:4%; padding-bottom:4%; text-align:right;}
#box_einzelseite_02 {width:98%; padding-left:1%; padding-right:1%;}
#box_einzelseite_03 {flex-direction:column; margin:0; padding:3%; width:94%; padding-top:12%;}
.box_einzelseite_03_li {width:auto;}
.box_einzelseite_03_re {width:auto; padding-top:6%;}
#box_einzelseite_04 {width:94%; padding-left:3%; padding-right:3%;}
#box_einzelseite_05 {flex-direction:column; margin:0; padding:3%; width:94%; padding-top:12%;}
.zwei_bilder_nebeneinander {flex-direction:column; width:90%; padding-left:5%; padding-right:5%;}
.halbes_bild {width:90%; padding:0; margin:5% auto;}
.termin_hori {flex-direction:column;}
.termin_hori_01 {width:95%; margin:0; padding:2%; padding-bottom:0; border:1px solid black; border-bottom:0;}
.termin_hori_02 {width:95%; margin:0; padding:2%; margin-bottom:12px; border:1px solid black; border-top:0;}
#footer {height:800px;}
#footer_01 {left:10%; top:10%; font-size:1.2rem;}
.umbruch::after {content:'\A'; white-space:pre;}
#footer_02 {left:10%; top:40%; font-size:1.2rem;}
#footer_03 {left:10%; top:75%; font-size:1.2rem;}
}