#flags, .bildlinks, .bildrechts, #root, #header, #navigation, #navigation ul, #footer, #footer1 {width:100%;}
#navigation {display:none;}
#klappe, #footer1 ul, #kachelbox {display:block;}
#content {width:95%;padding:5px;}
#flags {margin-right:10px;}
#header {height:auto;}

.bildlinks, .bildrechts {float:none;margin:auto;margin-bottom:2em;text-align:center;min-height:auto;} 
.bildlinks {min-height:auto;padding-top:10px;}
.articlerechts {margin:0;padding:10px;width:95%;}
.articlelinks {margin:0 50px 0 0px;width:95%;}

#minheight, #footer {height:400px;}
#footer1 ul {text-align:left;height:400px;padding:20px 0 0 20px;}
#footer1 ul li {margin-bottom:20px;}
#footer1 ul li:nth-child(1) {margin:0;}

#flagbar {height:55px;}
#klappe {width:55px;height:55px;margin:0 10px 0 0;float:left;}
#klappe img {width:100%;}
#klapp-navigation {transition: width 0.3s ease;font-size:0.8em;display:block;overflow:scroll;}
#klapp-navigation:target {width:175px;z-index:2;}
#klapp-navigation:target + #wrapper {width:20%;}

#main:target + #klapp-navigation {display:none;}

#klapp-navigation ul {list-style-type:none;padding:0;margin:0;width:175px;border-bottom:1px solid #ccc;}
#klapp-navigation li {margin:0;display:block;height:auto;letter-spacing:0.1em;padding:12px 0 12px 5px;border-top:1px solid #ccc;}
#klapp-navigation .item2 {margin-left:25px;}
#klapp-navigation .item2 a {display:block;}
#klapp-navigation li:focus {background-color:#EBEBEB;}
#klapp-navigation li.nohover:focus {background-color:#77335C;}
#klapp-navigation li a {color:#000;text-decoration:none;padding-left:25px;}

.kachel {margin:auto;margin-bottom:2em;} 

.infokachel {
	height:auto;
	min-height:400px;
	width:90%;
	margin:0;
}
.ik2 {min-height:400px;}
.ik2 div {width:100%;}

#kachelbox {margin-top:0;}
.spruchband {height:10em;margin-top:-12em;}
.spruchplatz {width:100%;padding:10px 10px 10px 10px;}
.spruch {font-size:0.8em;margin-top:0.1em;}
.spruchautor {font-size:0.7rem;margin-top:1em;}

#contactlist div {padding-left:0;}
#contactlist li:before {content: "";width:0;height:0;padding:0;}

#bubblepic1, #bubblepic2, #bubblepic3, #bubblepic4 {top:-30px;left:0px;width:140px;height:140px;-webkit-box-reflect:unset;margin-bottom:2em;}
#bubblepic3 {top:100px;}
#bubblepic4 {top:100px;}
#bubblepic1 {background-position: center top;}
#bubblepic2 {top:0;background-position: center bottom;}

#year2017, #year2018 {font-size:1.8em;width:4em;}
#year2017 {top:0px;left:0px;}   
#year2018 {top:430px;left:0px;}

#milestonebubbles {height:auto;width:50%;float:left;overflow:show;min-height:1000px;}
#milestones {margin-left:50%;margin-top:-2em;padding:2%;}
#milestones ul li {float:none;min-height:180px;display:block;width:50%;}
#milestones ul li:nth-child(1) {margin-top:6em;}
#milestones ul li:nth-child(3) {margin-top:4em;}
#imprint {margin-left:0;}
#sharebutton {margin-right:2px;}