body{margin:0;padding:0}
body,textarea,input,select,button{font:17px -apple-system,BlinkMacSystemFont,segoe ui,sans-serif;line-height:1.6;letter-spacing:.015rem;color:#222}
input[type=submit]{background:#e0e7df}
a:link,a:visited{color:#45709a}
a:hover,a:active{color:#25507a}
#wrap{width:auto}
#header{background:#2e9aef;padding:10px}
#header h1{font:3em Impact, Arial, sans-serif;margin:0;padding:0}
#header h1,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active{text-decoration:none;color:#fff;text-shadow:0 0 0.2em #36b, 0 0 0.2em #36b, 0 0 0.2em #36b}
#header h2{font-size:2em;position:absolute;top:1.99em;right:20px;color:#332;margin:0;padding:0}
#navi{font-weight:700;background:#000;height:30px;padding:0 0 10px}
ul#navilist{white-space:nowrap;float:left;width:100%;margin:0;padding:0;background: #000}
#navilist li{float:left;list-style-type:none;margin:0;padding:0}
#navilist a:link,#navilist a:visited{display:block;color:#fff;text-decoration:none;margin:0;padding:6px 15px}
#navilist a:hover{color:#fff;text-decoration:none;color:#fd3}
#wo{color:#999}
#wo a:link{color:#999;text-decoration:none}
#wo a:hover{color:#666;text-decoration:underline}
#content{margin:1.5em auto;max-width:1600px;padding:0 5%} 
#footer{text-align:right;color:#999;font-size:0.9em;margin:2em 0;padding:0}
#footer a:link,#footer a:visited{color:#999;text-decoration:none}
h1,h2,h3{color:#15406a}
h1{font-size:1.6em}
h2{font-size:1.2em}
h3{font-size:1em}
h1 span.right{float:right;text-align:right;font-style:italic}
.cb{clear:both}
p.small{font-size:0.9em}
legend{border:1px solid #ccc;background:#fd3 linear-gradient(0deg, #fd3 0%, #ffe965 70%, #fffcd9 100%);font-size:1.2em;color:#15406a;font-weight:700;padding:0.2em 0.5em}
label{float:left;width:300px;margin-right:0.5em;padding-top:0.2em;text-align:right;font-weight:700;border:0 solid #000}
h2.legend{border:1px solid #ccc;background:#fd3 linear-gradient(0deg, #fd3 0%, #ffe965 70%, #fffcd9 100%);font-size:1.2em;color:#15406a;font-weight:700;display:inline-block;top:-1em;position:relative;z-index:10;margin:0;padding:0.2em 0.5em}
#box,#box2{background:#f1f2ed linear-gradient(0deg, #f1f2ed 0%, #f1f2ed 70%, #fefefc 100%);border:1px solid #ddd;border-radius:5px;margin:3em 0 0.5em;padding:0 10px}
.headimg{float:left;width:46px;height:50px;margin:6px 6px 0 14px;background:url(img/bergweiss.png) 0 0px no-repeat}
.berg{float:left;width:67px;height:69px;background:url(img/bergbunt.png) 0 0px no-repeat}
.bergimg{float:right;margin:0 20px}
.nodecor a{text-decoration:none}
.variants{margin:0 0 0 -1em;list-style-type:square}
.variants li{margin-bottom:0.4em;color:#888}
.variants li span{color:#222}
.grey{color:#bebebe}
.intend {list-style-type:none;margin-left:5%;text-indent:-61px;}
.width31{width:31px;position:relative;left:-80px;top:6px}
.width14{width:14px;position:relative;left:-80px;top:6px;margin-right:17px}
.kontakt form{width:90%;background:#f1f2ed linear-gradient(0deg, #f1f2ed 0%, #f1f2ed 90%, #fefefc 100%);border:1px solid #ddd;border-radius:5px;padding:1.5rem 2rem 2rem 2rem}
.kontakt form textarea,.kontakt form input[type=text]{border:1px solid #ddd;padding:0.2rem;margin:0.4em 0 1.2em 0;border-radius:4px;width:98%}
.accordion {background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; }
      .active, .accordion:hover {background-color: #ccc;}
      .accordion:after {content: '\002B'; color: #777;	font-weight: bold; float: right; margin-left: 5px; }
      .active:after { content: "\2212"; }
      .accordion::before { content: ' \002B '; color: #777; font-weight: bold; float: left; margin-right: 5px; }
      .active:before { content: " \2212 "; }
      .panel {padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
@media only screen and (max-width : 650px) { .nomobile,.bergimg{display:none} label{width:auto;text-align:left;font-weight:normal} #header h1{font-size:3em} h2.legend,legend{font-size:1em} }