* {margin: 0; padding: 0; font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, nav {font-family: 'Slabo 27px', serif;}
h1 {
    margin-bottom: 0.8em;
}
p {margin-bottom: 1em;}
a {color: #333;text-decoration: none;}
.clear {clear: both;}
body {height: 100%; width: 100%;background: url('../images/wood_bg.jpg');}
#container { width: 1200px; background: #fff; margin: auto;box-shadow: 0 0 7px #888075;}
header { width: 100%;  background: url(../images/kran_banner.jpg) no-repeat top right #fff;border-bottom: 1px solid #A6A7A9;box-sizing: border-box;height: 160px;}
header > div {background: rgba(255,255,255,0.7);margin: 10px 0;}
#headerlogo { width: 25%; float: left;  height: 140px;}
header img { width: 170px;margin: 1em;}
#headerslogan {width: 75%; height: 140px; box-sizing: border-box;float: left;position: relative; }
#headerslogan p {position: relative;width: 100%;font-weight: bold;font-style: italic;text-align: center;margin: 0.9em 0;}
.firma {font-size: 3em;color: #000;/*! text-shadow: 1px 1px #fff; */}
#wrapper { display: flex;}
nav { width: 17%; background: #DDDFE0;  border-right: 1px solid #A6A7A9;box-sizing: border-box;float: left;padding-bottom: 1em;}
nav > .nav.menu { list-style: none;}
nav .nav.menu a, nav .nav.menu span { padding: 0.5em 1em; box-sizing: border-box; display: inline-block; text-decoration: none; color: #333; width: 100%; box-sizing: border-box;border-bottom: 1px solid #C7C9CA;}
nav .nav.menu a:hover { background: #fff; border-bottom: 1px solid #A6A7A9;}
nav .nav-child { list-style: none;  background: #999; display: block; height: 0; overflow: hidden; -webkit-transition: all 0.8s ease 0.1s; -moz-transition: all 0.8s ease 0.1s; transition: all 0.8s ease 0.1s;}
nav .parent:hover .nav-child { height: 72px; -webkit-transition: all 0.8s ease 0.1s; -moz-transition: all 0.8s ease 0.1s; transition: all 0.8s ease 0.1s;}
nav .nav.menu .nav-child a {border-bottom: 1px solid #aeaeae; color: #fff;}
nav .nav.menu .nav-child a:hover { background: #888; border-bottom: 1px solid #A6A7A9;}
#slideshowtitle { padding: 1em 0 0 1em; margin-top: 1em;}
main { width: 32%; float: right;padding: 1em;box-sizing: border-box;background: rgba(255,255,255,0.95);margin: auto;}
#breadcrumb { font-size: 0.8em; color: #7B7165; margin-bottom: 1em; }
.breadcrumb { list-style: none;}
.breadcrumb li { display: inline-block;}
aside {width: 24%; float: right;}
aside div {background: rgba(51,74,151,0.15); border: 2px solid #aaa;  padding: 1em; margin-bottom: 1em;}
aside h3 { border-bottom: 1px solid #888;  margin-bottom: 1em;}
blockquote { font-style: italic; border: 2px solid #AAAAAA; padding: 1em;  font-size: 1.2em; font-weight: bold;  color: #555; margin-bottom: 2em; background: rgba(51,74,151,0.15)}
blockquote p {margin: 0;}
.icons { text-align: right;}
#dropdownMenuButton-1 {display: none;}
.icons li { list-style: none;padding: 0 0 1em;}
.print-icon::before { content: "\1F5A8";}
footer {clear: both; background: #334A97; text-align: center; padding: 1em;}
footer address {display: flex; justify-content: space-between;   align-items: end;font-style: normal;}
footer .custom { text-align: left;  color: #fff;}
footer li {list-style: none; display: inline; color: #fff;}
footer a { color: #96ADFA;}
footer .divider { margin: 0 11px 0 15px;}
footer .wichtig { color: #96ADFA;}