html{height:100%;}

body {background-color:#edb;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;font-family:'Andada',sans-serif}
body#home {background-image:url('../layout/haus-der-dozenten-1.jpg');}
body#integrationskonzepte {background-image:url('../layout/haus-der-dozenten-2.jpg');}
body#unternehmenskommunikation {background-image:url('../layout/haus-der-dozenten-3.jpg');}
body#methodenschulung {background-image:url('../layout/haus-der-dozenten-4.jpg');}
body#haus-der-dozenten {background-image:url('../layout/haus-der-dozenten-5.jpg');}
body#so-arbeiten-wir {background-image:url('../layout/haus-der-dozenten-6.jpg');}
body#referenzen {background-image:url('../layout/haus-der-dozenten-7.jpg');}
body#kontakt {background-image:url('../layout/haus-der-dozenten-1.jpg');}
body#agb {background-image:url('../layout/haus-der-dozenten-2.jpg');}
body#datenschutz {background-image:url('../layout/haus-der-dozenten-3.jpg');}
body#impressum {background-image:url('../layout/haus-der-dozenten-4.jpg');}
body * {color:#333}
body.menu__sticky {margin-top:0;height:100%;}
body.menu__sticky #menu {top:-49px;}

h1,h2,a,strong,a:hover {color:#461;}
p {font-size:1em;}
.hyphenate p {text-align:justify;}
a {font-weight:bold;}
a:hover {opacity:.8;}
ul {list-style:circle outside;padding-left:1em;}

svg.icon path {fill:#461;}
svg.icon {max-width:200px;max-height:200px;margin:100px auto;display:flex;}

header {background:#461;top:0;width:100%;height:1.3em;padding:1em;line-height:1.25em;text-align:left;}
header a {text-transform:uppercase;color:#fff;letter-spacing:0.15em;text-decoration:none;font-size:1.4em;}
header a:hover {color:#fff;opacity:.8;}
#menu ul li a.header {background:#461;text-align:left;text-transform:uppercase;color:#fff;letter-spacing:0.15em;text-decoration:none;font-size:1.4em;padding:.5em;}

footer {background:#bc9;padding:2em;text-align:center;}

.container {padding-bottom:5em;}
.col {padding:0 1em;}
.col__leftsecond {order:2;}
.col__rightfirst {order:1;}

.scrolltop-wrap a #scrolltop-bg,.scrolltop-wrap a:hover #scrolltop-bg {fill:#461;}
.scrolltop-wrap a:hover #scrolltop-bg {opacity:.7;}

.spread, .spread > div {height:calc(100% - 7em);}

@media (min-width:750px){
	header {position:fixed;z-index:100;text-align:center;}
	li.only.mobile {display:none;}
	body.menu__sticky {margin-top:124px;height:calc(100% - 124px);}
	body.menu__sticky #menu {top:50px;}
	.col__leftsecond {order:1;}
	.col__rightfirst {order:2;}
	.menu__sticky #menu > ul {background:rgba(243,235,218,.9)}
	#menu ul li a:hover {background:rgba(238,221,187,.9);}
	.menu__sticky #menu > ul > li > a:hover {background:rgba(238,221,187,.9)}
}