/* **************************** General Style ********************/
body { margin:0em; padding:0em; font-size:90%; background:#fff; font-family:Calibri, Helvetica, sans-serif; }
h1 { font-size:2.5em; line-height:3.8em; font-weight:90%; color:#E2DBDB; margin:0em; }
h2 { font-size:1.563em; line-height:0em; font-weight:90%; color:#2F2D2C; margin:0em 0em 0em -1.87em; text-align:left; } /* margin-äusserer, padding-innerer Abstand */
p { line-height:1.25em; font-weight:90%; margin:0em; padding:0.8em 1em 0em 0em; text-align:justify;
-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
ul { margin:0px; padding:0px; list-style-position: outside; }
li { list-style:disc; font-weight:90%; margin:0em; padding:0em; margin:0em 1em 0em 0.8em; text-align:justify;
-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* margin a b c d; oben rechts unten links */
img { width:100%; height:auto; max-width:100%; }
a { text-decoration:none; }
.body { position: absolute; left: 0; top: 0; min-height: 100%; width: 100%; display:block; background-repeat:no-repeat; background-attachment: fixed; background-size: cover; background-position: right top; }

/* **************************** Nav-Button ********************/
.ud_menu_icon { position: absolute; display:block; width:40px; height:30px; font-size:0; background-color:transparent; border:none;}
.ud_menu_icon:focus { outline:none;}
.ud_menu_icon span { position: absolute; display:block; top:22px; left:10px; right:0; height:3px; background:#E0E0E0;}
.ud_menu_icon span:before, .ud_menu_icon span:after { position: absolute; display:block; left:0; width:100%; height:3px; background-color:#E0E0E0; content:"";}
.ud_menu_icon span:before { top:-8px;}
.ud_menu_icon span:after { bottom:-8px;}

.ud_menu_icon-X span { transition:background 0s 0.3s;}
.ud_menu_icon-X span:before, .ud_menu_icon-X span:after { transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;}
.ud_menu_icon-X span:before { transition-property:top, transform;}
.ud_menu_icon-X span:after { transition-property:bottom, transform;}

.ud_menu_icon-X.is-active span { background:none;}
.ud_menu_icon-X.is-active span:before { top:0; transform:rotate(45deg);}
.ud_menu_icon-X.is-active span:after { bottom:0; transform:rotate(-45deg);}
.ud_menu_icon-X.is-active span:after, .ud_menu_icon-X.is-active span:before { background-color:#fff; transition-delay:0s, 0.3s;}

/* **************************** On Top Bar ********************/
#menubar { display:block; font-weight:100%; color:#fff; font-size:1em; }
#menubar span-o{ padding: 0px 0 1px 0; border-bottom: 0.2px solid #fff; }
#menubar br{ margin-top: 0.4em; }

/* **************************** Header ********************/
header { z-index:-12; height: 55px; min-width: 100%; background-position: center; background-size:cover; background-image: url("header-bg.png"); font-family: 'Cinzel', serif; font-size:0.9em; }
.logo { width:auto; height:45px; position: absolute; top:5px; left:8px; }

/* **************************** Navigation ********************/
nav { display:block; height:2.5em; background:#FFF; text-align:center; font-family: Trajan Pro, AR JULIAN, Tahoma, Verdana; }
nav ul { display:block; }
nav ul li { display:inline; margin:0em 0.188em 0em 0.188em; text-align:center; }
nav ul li a { color:#959595; font-size:1.125em; line-height:2.2em; padding:0.563em 0.938em 0.375em 0.983em; transition:background 0.2s; -webkit-transition:background 0.2s; }
nav ul li a.unter { font-size:0.9em; line-height:1.0em; }
nav ul li a:hover, nav ul li a.aktive { color:#000; border-bottom:0.1em solid #959595; }

/* **************************** Content Area ********************/
#main { display:block; width:100%; max-width:980px; margin:0em auto; padding:0em; background:#fff; }
#main article { vertical-align:top;  width:97%; margin:0em 0em 0em 0.6em; text-align:left; }
#main aside { width:30.6%; vertical-align:top; padding:0em; }
#main aside section{ border-bottom:0.188em solid #E7590B; background:#FFF; margin-bottom:1.0em; }
#main article h2 { padding:1em 1.8em 1em 1.8em; }

.st-content { display: inline-block; background: rgba(255,255,255,0.88); box-shadow:0px 0px 5px -7px #4C4948; padding: 0px 0px 5px 10px; margin:3em 0 0 1em; vertical-align: top; font-size:1em; 
-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.st-content_f { display: inline-block; background: rgba(255,255,255,0.88); box-shadow:0px 0px 5px -7px #4C4948; padding: 0px 0px 5px 10px; margin:3em 0 0 1em; vertical-align: top; }
.st-content ol, .st-content_f ol { display: block; list-style:disc; font-weight:90%; margin:0em; padding:0em; margin:0em 0em 0em 0.8em; text-align:justify;
-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.st-content p, .st-content_f p { line-height:1.2em; font-weight:90%; margin:0em; padding:0.8em 1em 0em 0em; text-align:justify;
-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.st-content li { margin-left:0.8em; }

/* **************************** Footer ********************/
footer { display:block; height: 33px; min-width: 100%; background-position: center; background-size:cover; background-image: url("header-bg.png"); font-family: 'Cinzel', AR JULIAN, Tahoma, Verdana;  text-align:right;  font-size:0.75em;color:#fff; }
footer ul { display:block; width:100%; max-width:980px; margin:0px auto; }
footer ul li { display:inline; line-height:2.8em; color:#E2DBDB; padding:0em 1.2em 0em 0.1em; }
footer ul li a { color:#fff; line-height:2em; padding:0.1em 0.2em 0.1em 0.1em; }
footer ul li a:hover { color:#D4D4D4; border-bottom:0.1em solid #D4D4D4; }

/* **************************** Mobile Style ********************/
@media screen and (max-width:900px) {
  nav { display:none; height:auto;}
  nav ul li { display:block; margin:0.3em 0em 0.3em 0em;}
  }
@media all and (max-width: 800px) {
.st-content { display: block; max-width: 270px; min-width: 180px; padding: 15px 15px 5px 15px; margin:3em 0 0 1em; font-size:0.8em;}
}