/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

html {
}
body {
	background: #fff;
	color: #111;
	font-size: 15.3px;
	line-height:22px;
	font-family: Arial, Helvetica Neue, sans-serif, 'Fakt Pro';
	letter-spacing:0.05px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeSpeed;
   
    overflow: auto;	
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;    
  -webkit-tap-highlight-color: rgba(0,0,0,0);}


a:link {color:#898989;text-decoration:none;}
a:active {color:#898989;text-decoration:none;}
a:visited {color:#898989;text-decoration:none;}
a:hover {color:#898989;text-decoration:none;}

a:focus {outline:none;}
a::-moz-focus-inner {border:0;}
 input[type='range']::-moz-focus-outer {
    border: 0;
    outline: none !important;
    }

span, a, div, img, p, .h0, .h1, .h2, .h3, .h4, .h5, .h6 {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}


intext.a:link {color: royalblue;
    border-bottom: 1px solid deepskyblue;}
intext.a:active {color:#898989;text-decoration:none;}
intext.a:visited {color:#898989;text-decoration:none;}
intext.a:hover {color:#898989;text-decoration:none;}


ul {margin: 0}	

nav {
	text-align:center;
	position:absolute;    
	z-index: 99;
    top: 0;
    left: 230px;
    }

.stext {
	text-align:left !important;
	color: #898989;
	font-size:12px;
	}
.stext a:link {
	color:#898989;text-decoration:none;
	border-bottom:1px solid transparent;}
.stext a:active {
	color:#898989;text-decoration:none;}
.stext a:visited {
	color:#898989;text-decoration:none;}
.stext a:hover {
	color:#898989;text-decoration:none;
	border-bottom:1px solid #ff9999;}

span.active {
	border-bottom:2px solid #ff9999 !important;
	font-size:12px}
.active > a {color: black !important;font-weight:bold;
	border-bottom:2px solid #ff9999 !important;}

.active-up > a {color: #898989 !important;font-weights:bold;
	border-bottom:none;}
.active-up {margin-top:-12px}
.active > ul {display:block !important}	



/* Style the tab */
div.tab {
    overflow: hidden;
    border: 0px solid #ccc;
    
    background-color: #fff;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    width:33.33333333%;
    float: left;
    border: 1px solid #ccc;
    outline: none;
    cursor: pointer;
    padding: 10px;
    transition: 0.3s;
    font-size: 12px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #fff;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}



/* FOOT */
footer {
	margin-tops:150px;
	}
	footer p {}
.foot-content {	padding:42px 20px 42px 20px;}
.foot-content:nth-child(odd) {background: #f7f7f8;}
.foot-content:nth-child(even) {background: #f0f0f3}
.foot-content:last-child {background: #111; color:white;}
.foot-content div {width:calc(33% - 160px); 
margin:0 10px; padding:0; display:inline-block;
    vertical-align: top;}
.foot-content div:first-child {    width:400px;}    
.foot-content div ul li {
	display: block;
	list-style-type: none;
}
.foot-content div ul ol li {
	display: list-item;
	list-style-type: decimal;
}
ol { padding-left: 1em; }


/* HEAD */
navs p:hover {padding: 10px 0 9px 0 !important;
}
header {
	position:fixed;top:0;
	padding-top:15px; left:0;
	width: 100%;
	
	border-bottom:0px solid black;
	background: #transparent;
	z-index:8;
	transition: opacity 0.02s ease-in-out;
	}	
header ul {
	padding: 0 20px 0 20px;
	width:300px;
	}
header .top-bereich-nav {
		margin: 0;padding:0;top:0;left:0px;
		width: 300px;
		height: 80px;
		}
.top-logo {
	margin: 14px 0 8px 10px;
    transition: all 0.3s;
    font-weight: 400;position:relative;
    font-size: 1.28em;
    letter-spacing: 0.2px;
    /* transform: scale(1,1); */
    color: #111;
	}		
header li {
	float:left;
	text-align:center;
	margin:18px 0 0 0;
	padding: 0 11px 0 11px;
	height:64px;backgrounds:red;
	font-size:0.55em;
	text-transform: uppercase;
	font-weight:400;
	letter-spacing: 0.1em;
	color: #666;
	}	
#kapitel-name {
	font-size:12px;
	position:absolute;
	top:12px;	
	left:465px;opacitys:0;
	line-height:2.4em;
	color: #898989;
	width:435px;
	white-space: nowrap;
	overflow: hidden;              /* "overflow" value must be different from  visible"*/ 
    -o-text-overflow: ellipsis;    /* Opera < 11*/
    text-overflow:    ellipsis;
	}	
.head-txt {
	position:fixed;
	height: 38px;
	padding-top:12px;
	width: 210px;
	color: #898989;
	background:white;
	z-index:9;
	top:0px; 
	left:0;opacitys:0;
	line-height:2.4em;
	margin:auto;
	border-bottom:1px solid #111;
	margin-left: 900px;
	padding-left:3px;
	text-align:left;
	font-size:12px;
	text-transforms: uppercase;letter-spacings: 0.5px;
	white-space: nowrap;
	overflow: hidden;              /* "overflow" value must be different from  visible"*/ 
    -o-text-overflow: ellipsis;    /* Opera < 11*/
    text-overflow:    ellipsis;
	transition: all 0.1s;	
	sdisplay:none;	
	}	
.head-txt .beschreibung-druck {opacity:0;}	
.head-txt:hover {
	height:102px;padding-top:17px;
	background:#f9f9f9;
	}
.head-txt:hover .beschreibung-druck {opacity:1;}	
	
.head-txt > a > span > div > span {    display: inline-block;
    position: absolute;
    margin-top: 9px;
    margin-left: -156px;
    transition: all 0.1s;
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 0.05em;opacity:0;}
.head-txt:hover > a > span > div > span {
opacity: 1;color: #898989 !important;}

table {max-width:calc(100% - 20px)}
.nav-up {
  top:0;
  transition: all 0.12s;
}

.nav-down {
	top:-52px;
	transition: all 0.12s;
}

.nav-icon {position:relative;z-index:99;
	height:24px;
	margin:0;
	width:50px;
	padding-top:10px;
	padding-bottom:16px;
	}	
.droppi {
	border-left: 1px solid #ddd;
	}
.suche-icon:hover {background:#f9f9f9}
.menu-elem:hover .droppi {background:#f4f4f4;}
.nav-icon img {
	width:32px;
	height:32px;
	}	
.dropdown {
	display:none;
	position:absolute;
	top:100%;
	left:-1px;
	width: 320px;
	background:#fff;
	border: 1px solid;
	border-color:  transparent  #bfbfbf  #bfbfbf #bfbfbf;	
	padding:10px;
	z-index:99;	
	height:400px;
	}
.right {
	float:right;
	padding-top: 10px;
	height:54px;
	}

.logo-center {
	position:absolute;
	text-align:center;
	font-size: 1.5em;
	top:20px; width:400px;
	left:calc(50% - 200px);
	line-height:1.5em;
	margin:auto;
	z-index:8;
	white-space: nowrap;
	overflow: hidden;              /* "overflow" value must be different from  visible"*/ 
    -o-text-overflow: ellipsis;    /* Opera < 11*/
    text-overflow:    ellipsis;
	}

.menu-elem {
	color: #aaa;
	position:relative;
	padding-right:0;
    padding: 0;
    margin: 0;
    /* margin-top: 12px; */
    height: 41px;	
    width:50px;
	}
.menu-elem:hover {
	color: #111;
	padding-bottom:0px;
	}
.menu-elem .nav-icon {
	opacity: 1;
	}

	
.adressen ul {    -webkit-padding-start: 12px !important;
display:inline-block;border-left:none !important;
width:100%;}
.adressen li {font-size:12px;backgrounds:red;
width:calc(33% - 20px);
float:left;margin-right:20px;
padding:0;
margin-bottom:10px;
}

.adressen li:nth-child(3n+1) {
    clear: both;
}

.adressen ul:after {clear:both}
	
/* MENUBAR */
.menubar {
	position:fixed;
	z-index:2;
	padding-top:10px;
	left:55px;
	height:100vh;
	padding-right:10px;
	width: 331px;  
    margin-left:20px;
	border-right:0px solid black;
	top:80px;
	padding-bottom:20px;
}

.kapstartmenu {
	z-index:2;
	padding-top:10px;
	left:0px;
	padding-right:10px;
	width: 281px;  line-height:16px;
    margin-left:0px;
	border-left:none;
	top:100px;
	float:left;
}
.kapstartmenu li {
	display: list-item;
	list-style-type: decimal;
}
.kapstartmenu li {border-left:none !important;margin-top:10px;color: #000}
.kapstartmenu li a{color: #000 !important}
.kapstartmenu li ul li a{color: #898989 !important}
.kapstartmenu li ul li {border-left:none !important;margin-top:0px; color: #898989}
.kapstartmenu {border-left:none !important;}
.kapstartmenu ul {border-left:none !important;padding-left:5px !important;}
.kapstartmenu ol {border-left:none !important;margin:0;}
	
.kapitelmen {opacity: 0.6}
.kapitelmen:hover {opacity: 1}
.kapactive {opacity: 1;color:#000 !important}
.kapactives a{opacity: 1;color:#000 !important}


.skapitelmen:hover a {border-bottom: none}
.fixed {position: fixed;}

#menu-center {
    width: 100%;
    margin: 0 auto;
}
#menu-center ul {
    margin: 0px 0 0 0px;
	padding:0 0 0 0;
	text-align: left;
}
#menu-center ul li {
	display: list-item;
	list-style-type: decimal;
}
#menu-center ul li a {
	z-index:99999;
	padding:8px 0px 2px 0px;
	background:transparent;
}
#menu-center ul li ul{
	display:none;
	margin:8px 0 10px -14px; 
	padding-left:30px;
	 border-left:1px dotted #ddd;  
	}

#menu-center ul ol {
    margin-top: 0;
    padding-left: 2.0em;
    border-lefts: 1px dotted #ddd;
    margin-left: 12px;
    }
    
#menu-center ul li a:hover {
	opacity: 0.86;
	transition: all 0.2s;}
#menu-center ul li a.active:hover {
	opacity: 1;
	transition: all 0.2s;}





/* TEXT */


.Basic-Text-Frame {
	margin-left:465px;
	width:650px;
	position:relative;
	padding-bottom:150px;
	}

.Basic-Text-Frame ul{
	padding-left: 30px;
	border-left:1px dotted #ddd;
}
.Basic-Text-Frame ol{
	list-style-type: none;
	border-left:1px dotted #ddd;
}

section.start {width:100%;text-align:left;
	padding: 0 0 0 0;
	display:flex;}

section.start > article > div > div > h2 > a:hover {color:#898989;text-decoration:none;
border-bottom:2px solid #ff9999;padding-bottom:3px;}
section.start > article > div > div > h2 > a:link,
section.start > article > div > div > h2 > a:visited,
section.start > article > div > div > h2 > a:active {color:#111;}
section.start > article > div > div > h2:before {content: '\2192 ';
		/*content: '•';content:'';*/opacity:0;color:#ff9999;
font-family: sans-serif;font-size:14px;margin-right:8px;}
section.start > article > div > div > h2:hover:before {content: '\2192 ';
		/*content: '•';content:'';*/opacity:1;
font-family: sans-serif;font-size:14px;margin-right:8px;}


section.start > article{
	float:left;background:white;
	width: 50%;
	display: inline-block;
    margin: 0 auto;
    text-align: left;
    vertical-align:top;
	}
section.start > article:first-child {}

section.start > article > div{
	padding:60px 120px;
	}

h4.bestellen > a {background:white;display:inline-block;
margin:auto;padding:10px;border-radius:8px;}
h4.bestellen > a:hover {color:#aaa !important;text-decoration:none;
background:#fff;box-shadow:0px 0px 10px #dedede}
h4.bestellen > a:link,
h4.bestellen > a:visited,
h4.bestellen > a:active {color:#898989;}


section.start > article > div > div{
	border-bottoms: 2px solid #f0f0f0;
	widths:100%;
	paddings: 20px 0;
	margin-bottoms:20px;
	}

.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

h0, h1, h2, h4 {
    display: block;
    position: relative;
    font-family: Arial, Helvetica-Neue, sans-serif;
	font-weight: 100;
    transform: scale(0.95,1);
    transform-origin: left;
    
        }
h0 {
    font-size: 4em;
    line-height: 1.2em;
	margin-top:100px;
	
	font-weight:900;
}

h1 {
    font-size: 2.2em;
    line-height: 1.1em;
        }
h2 {
    font-size: 1.7em;
    line-height: 1.2em;
    margin: .43em 0;
        }
h4 {
    font-size: 1.15em;
    line-height: 1.2em;
        }
h5 {
    font-size: 0.65em;
    line-height: 1.2em;
    font-family: Helvetica, Arial, sans-serif, 'Fakt Pro';
    letter-spacing: 2px;
    margin-top:10px;
    margin-bottom:30px;
    font-weight:600;
        }
        
h3 {
	color: #111;
	font-weight: bold;
	sborder-bottom: 1px solid #ddd;
	padding-bottom:4px;
	margin: 8px 20px 10px 0 ;
	}
.H1 {
    font-size: 3em;padding-bottom:20px;
    display: block;
    position: relative;
    text-aligns:center;
    line-height: 1.1em;
    font-family: Georgia, Times New Roman, serif;
	font-weight: 100;
    margin: 120px 80px 30px 0;
    transform: scale(0.95,1);
    transform-origin: left;
        }
.H1:after{        
	display:block;
	width:30px;height:54px;content:'';
	border-bottom: 7px solid #ff9999 !important;
}
        
.H2 {
	font-size:1.7em;
    font-family: Georgia, Times New Roman, serif;
	line-height:1.4em;
    transform: scale(0.95,1);
    transform-origin: left;
	font-weights: bold;
	margin-top:50px;
	}
.H3 {
	margin-top:50px;
	color: #111;
	font-weight: bold;
	}

.Paragraph-Bericht, .Paragraph-Brief {
    margin: 0 20px 0 0px;
    padding: 8px 20px 12px 20px;
    color: #777;
    font-family: Georgia, Serif;
    font-size: 15px;
    line-height: 18px;
    /* background: #f8f8f8; */
    border: 1px dotted;
    border-color: transparent transparent transparent #e3e3e3;
	}
	
	
.Italic {
	font-style:italic;
	}
.Bold {
	font-weight:700;
	}
table {  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
font-size: 0.75em;}
table p {margin:0;}	

td {border:1px solid;padding:2px;
    vertical-align: top;}
	
section {
	}	
	
.before-hint {height:2px;top:0;position:fixed;width:100vw;left:0;display:block;z-index:99999;}
.hinten-bild {
	position: fixed;
    top: 0px;
    bottom: 0;
    background: #ff9999;
    height: 2px !important;
    z-index: 999999;
	}
.low-foot a:link {color:#fafafa;text-decoration:none;}
.low-foot a:active {color:#fafafa;text-decoration:none;}
.low-foot a:visited {color:#fafafa;text-decoration:none;}
.low-foot a:hover {color:#fafafa;text-decoration:none;}

.startpic {width:calc(100% + 240px);margin-left:-120px;}
.onphone {display:none;}

.show {display:block !important;}


/* SIDE MENU SLIDE*/
#men-search-btn,
#men-search-btn2,
#search-btn,
#search-btn2 {cursor:pointer;}

.men-search-box-overlay {
	opacity:0;
	z-index:888;
	background: #000;
    position: fixed;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh;
	pointer-events:none;
	transition: opacity 0.6s;
	}
.showsearchblack {
	opacity:0.2;
	}
.men-search-box {
    position: fixed;
    z-index: 1000;
    left: 90%;
    left: 0;
    overflow: hidden;
    width: 100vw;
    background: transparent;
    transition: top 0.3s;
	transition-timing-function: ease-out;
	transition-delay: 0.0s;
    }
.men-search-open {
    pointer-events: auto;
    left: 0;
    transition-delay: 0s;
    }    
.men-search-box > div{
	overflow:scroll;
	-webkit-overflow-scrolling: touch;
	position:relative;
}    
.men-search-box > ul{
	margin:10px;
	}

.men-search-box > div{
	padding:0 0 0 0;
	}	
.parent-men-search {
	background:white;
	}

.men-search-box .foot-content:last-child {
    background:transparent;
    color: #898989;
    max-width:1400px;
	}	

.men-seach-box li {    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;}

#men-search-btn-close {
	transition: opacity 0.2s;	
	transition-delay: 0.1s;
    font-size: 1em;
    position: absolute;
    z-index: 1001;
    top: 30px;
    right: 30px;	
    padding: 0 20px;
    font-size: 4em;
	cursor:pointer;
	overflow:visible;
	}    
#men-search-btn-close:hover  {
	opacity:0.4;
	}	
	
	
/* SEARCH */

.search-row {
	width:100%;
	}
.search-elem {
	width: calc(100% - 252px - 8em);
	min-width:400px;
	float:left;
	}
.search-elem div {	
	padding:20px;
	}
.search-elem:first-child {
	width: 400px;
	}

.search-elem:last-child {
    height: 100vh;
    position: relative;
    overflow:auto;
    -webkit-overflow-scrolling: touch;
    margin: -40px -6em 20px 20px;
	}
    	
.ui-widget {border-bottom: none !important;}
.ui-widget > input {width:calc(100% - 40px);heights:50px; font-family: Georgia;
font-size: 1.7em;padding:10px 40px 10px 10px;outline: none;
border:none;border-bottom:2px solid #000 !important;
-webkit-border-radius: 0;-webkit-appearance: none;border-radius: 0;}
.ui-menu {list-style:none;z-index:1001;
	display:block;width: 335px;;
	margin-top:-12px !important;
	top:0; position:fixed;
	font-size: 1.7em;line-height:1.2em;color:#999;font-family: Georgia;}
ul.ui-menu {background:#fff;}
.ui-menu > li {padding:5px 0px; position:relative;padding:10px 20px;}
.ui-menu > li:hover {color:#111;background:#ddd;}

.ui-menu > li::focus {color:#111;background:#ddd;outline: 2px solid !important;}
.ui-menu > li:::-moz-focus-inner {color:#111;background:#ddd;
    outline: 2px solid !important;}

#searchButton {opacity:0.3;}
.addsearchbutton {opacity: 1; cursor:pointer;}
#searchButton img {
	margin-top: -43px;
	margin-left:333px;
    position: absolute;
    text-align:right;float:right;
    }
.search-box-overlay {
	opacity:0;
	z-index:888;
	background: #000;
    position: fixed;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh;
	pointer-events:none;
	transition: opacity 0.6s;
	}
.showsearchblack {
	opacity:0.2;
	}
.search-box {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 100%;
    overflow: hidden;
    width: 90%;
    height: 100vh;
    background: #f0f0f2;
    transition: transform 0.35s;
	transition-timing-function: ease-out;
	transition-delay: 0.35s;
    }
.search-box:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f0f0f2;
	transition: transform 0.25s;
	transition-timing-function: ease-out;
    transition-delay: 0s;
	}
.search-box > div{
	padding:3em;
	}	
.search-open {
    pointer-events: auto;
    transform: translate3d(-100%,0,0);
    transition-delay: 0s;
    }    
.search-open::after {
	transform: translate3d(100%,0,0);
	transition-delay: 0.3s;
	}
#search-btn-close {
	display:none;
	transition: opacity 0.2s;	
	transition-delay: 0.1s;
    font-size: 1em;
    position: fixed !important;
    z-index: 1001;
    top: 30px;
    right: 30px;	
    padding:20px;
    font-size: 4em;
	cursor:pointer;
	overflow:visible !important;
	}    
#search-btn-close:hover  {
	opacity:0.4;
	}	

.btn-hide {
	opacity:0 !important;
	}
#myUL {margin: 60px 3em 0 0;}	
#myUL > li {display:none;
    color: #111 !important;
    opacity: 1;
    border-bottom:1px solid #ddd;
    padding-left: 100px;
    text-indent: -100px;
    font-size: 1.7em;
    line-height:2em;
    font-family:Georgia, Serif;
	 animation: splash 0.4s normal forwards ease-in-out;
  -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
    animation-iteration-count: 1;    
    }

#myULs {margin: 120px 0 120px 0;}	
#myULs > li {
    color: #111 !important;
    opacity: 1;
    border-bottom:1px solid #ddd;
    margin-right:2em;
    font-size: 1.4em;
    line-height:1.5em;
    font-family:Georgia, Serif;
	 animation: splash 0.4s normal forwards ease-in-out;
  -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
    animation-iteration-count: 1;    
    }
@keyframes splash {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
    
#myUL > .alltag > a:before, 
#myUL > .krankheit > a:before,
#myUL > .rechtsstreit > a:before {
	font-familys:Georgia, Serif;
	width:100px;
	letter-spacing:1.5px;color: #898989;
	display:inline-block;margin-right:5px;
	font-size:0.35em;text-transform:uppercase;
	font-family: Arial, sans-serif;
    text-indent: 0;
    padding: 6px 0 0 2px;
    margin: -4px 0;}

#myUL > .alltag > a:before {content:'Alltag';	}
#myUL > .krankheit > a:before {content:'Krankheit';	}
#myUL > .rechtsstreit > a:before {content:'Rechtsstreit';	}

#myUL > .kapiteltag {backgrounds:#eaeaeb;font-weights:600;}
#myUL > .kapiteltag > a:before {font-weight: 400;}
#myUL > .kapiteltag > a:after {
	contents: 'HauptKAPITEL';
    float: right;
    text-align: right;
    padding-right: 6px;
    letter-spacing: 1.5px;
    color: #898989;
    display: inline-block;
    margin-right: 5px;
    font-weight: 400;
	font-size:0.35em;text-transform:uppercase;
	font-family: Arial, sans-serif;
}


.notshowsearch {display:none !important;}

.search-box a:link {color:#111;text-decoration:none;    
	padding-bottom: 2px;
	display:block;
    padding-top:2px;
	}
.search-box a:active {color:#111;text-decoration:none;}
.search-box a:visited {color:#111;text-decoration:none;}
.search-box a:hover {color:#333;text-decoration:none; background: #f4f4f5;}

#myUL > li:hover {	 background: #f4f4f5;}
.noyscroll {overflow:hidden;height:100vh;
}
#bodywrap {position:relative;height:100vh;
}

.ui-helper-hidden-accessible {display:none !important;}


/*SPINNER*/
.spinner {
	display:none;
  font-size: 10px;
  margin: 120px auto;
  text-indent: -9999em;
  width: 7.3em;
  height: 7.3em;
  border-radius: 50%;
  background: #ff9999;
  background: -moz-linear-gradient(left, #ff9999 10%, rgba(255, 153, 153, 0) 42%);
  background: -webkit-linear-gradient(left, #ff9999 10%, rgba(255, 153, 153, 0) 42%);
  background: -o-linear-gradient(left, #ff9999 10%, rgba(255, 153, 153, 0) 42%);
  background: -ms-linear-gradient(left, #ff9999 10%, rgba(255, 153, 153, 0) 42%);
  background: linear-gradient(to right, #ff9999 10%, rgba(255, 153, 153, 0) 42%);
  position: relative;
  left:-2em;
  -webkit-animation: load3 1.1s infinite linear;
  animation: load3 1.1s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.spinner:before {
  width: 50%;
  height: 50%;
  background: #ff9999;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.spinner:after {
  background: #f0f0f2;
  width: 84%;
  height: 84%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media only screen and (max-width: 1140px) {
	.Basic-Text-Frame {margin-left: 305px}
	.head-txt {margin-left:750px;}
	.menubar {left:0;width:260px;}
	.header-line {left:0;}
	header {left:-10px;}
	.noshow {display:none;}
	#kapitel-name {
		left:305px;width:315px;
		}		
	nav {
		text-align:center;
		position:absolute;    
		z-index: 99;
		top: 0;
		left: 85px;
		}

	}
@media only screen and (min-width: 1800px) {
	.head-txt > a > span > div > span {
	font-size:8.8px !important;
	}
	body {font-size:18px;line-height:26.5px;}
	.Basic-Text-Frame {margin-left: 655px;width: 760px}
	.menubar {width:460px;}
	.stext {font-size:14px;line-height:21.5px;}
	#kapitel-name {
		left:655px;width:555px;
		}			
	.head-txt {margin-left:1220px; font-size:12px !important;}
	header .top-bereich-nav {
		width:430px;
		}
	.top-logo {margin-left:40px;}
	.stext.menubar {
		font-size: 16px !important;
    	line-height: 28px !important;
    	}
	}
@media only screen and (max-width: 1080px) {
	section.start > article > div{padding:60px 60px;}	
	}
@media only screen and (max-width: 980px) {
	.Basic-Text-Frame {width: 500px}
	.head-txt {margin-left:600px;}
	}
@media only screen and (max-width: 830px) {
	.Basic-Text-Frame {width: 450px}
	.head-txt {margin-left:550px;}
	#kapitel-name {
		width:215px;
		}		
	}
@media only screen and (max-width: 770px) {
.top-logo {display:none;}
.parent-men-search {height:100vh;position:relative;}
.parent-men-search > div {overflow:scroll;
	position:relative;}
.men-search-box {
    left: -90%;
    width: 90%;
    top:0;
    transition: transform 0.3s; }
.men-search-open {
    transform: translate3d(100%,0,0);
    }    
.men-search-box > div {
    padding: 0 0 0 0em;
}	
.men-search-box .foot-content:last-child {
    background: #fff;
    color: #898989;
}


.H0, .H1, .H2, .H3, .H4, .H5, .H6, .H7 {
 -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
img {max-width:calc(100% - 40px);}
td {padding: 1px !important;}
    body {
        background-colors: #f9f9f9;
        font-size: 12.5px;line-height:18px;
	    }
	.double-bounce1, .double-bounce2 {
		margin-left: -2em;
	}

	.search-box > div{
		padding:1em;
		position: relative;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		max-height: 100vh;
		}	
	.search-box h2 {font-size:1em;}
	.search-box li {
	font-size: 1.5em !important;
    line-height: 1.6em !important;
	padding-left: 0px !important;
    text-indent: 0px !important;
	}
	#searchButton img {
		margin-left: calc(100% - 84px);
		margin-top:-40px;
position: absolute;
    top: 80px;
    right: 30px;
    margin: 0;
    		}
    	.search-box li a:before {width: 60px !important;display:block !important;
    	padding: 0 2px !important;
    margin-bottom: -10px !important;}
	.search-box > div > div {overflow: hidden !important;}
	.search-box > div > div > div {overflow: hidden !important;}
	.search-box > div > div > div > div {overflow: hidden !important;}
	#search-btn-close {
		font-size:3em; padding:0 !important;
		}	
	.search-row {
		width:100%;
		}
	.search-elem {
		width:100% !important;
		min-width:100px;
		float:none;
		margin-top: 50px;
		}
	.search-elem:last-child {
		height: auto;
		position: inherit;
		margin: 1em;
		}
	.search-elem > div {
    	padding: 10px;
		}	
	.search-box > div {
		padding: 1em;
		}		
	.ui-widget > input {
		padding: 10px;
		width: calc(100% - 55px - 1em);
		}
	#myUL {margin:0 2em 0 0;}
    .nophone {display:none;}
	.onphone {display:inline-block;}
    .h0phone {text-align:center;}
    .menubar, .menu-elem {
    	display:none;
    	}
    .phonebutton {
    position: fixed;
    left: 0px;
    top: 5px;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    background-image: url(menu/men.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 9999;
        	}
    .phonebutton2 {
	position: fixed;
    right: 0px;
    top: 5px;
    z-index: 9999;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    
    background-image: url(menu/key.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
        	}
#men-search-btn-close
	{right:10px;}
    .head-txt {margin-left:0;    
    width: calc(100% - 100px);
    padding: 20px 50px;
    height:20px;line-height:1.6em;
    margin:0px !important;
    text-align:center;
    top:0 !important;
    font-size:0.9em}
.head-txt:hover {height:20px;padding-top:20px;
background:white !important;}
.head-txt:hover span {display:none !important;}
.beschreibung-druck {display:none !important;}
    .Basic-Text-Frame {width:calc(100% - 20px);margin-left: 10px;}
	.foot-content {padding: 42px 25px;}
	.foot-content div {width:calc(100% - 20px)}
	.foot-content div:first-child {width:calc(100% - 20px)}    
	section.start {display:block;}
	section.start > article {width: 100%;}
	section.start > article:first-child {padding-bottom: 0 !important;}
	section.start > article > div{padding:60px 20px;}
	.startpic {width:calc(100% + 40px);margin-left:-20px;}

.H1 {
    margin: 120px 0px 30px 0;
    } 	
}	

@media only screen and (max-width: 414px) {
    .Basic-Text-Frame {width: 394px;margin-left: 10px;}
	}
@media only screen and (max-width: 412px) {
    .Basic-Text-Frame {width: 392px;}
	}
@media only screen and (max-width: 375px) {
    .Basic-Text-Frame {width: 355px;}
	}
@media only screen and (max-width: 360px) {
    .Basic-Text-Frame {width: 340px;}
	}
@media only screen and (max-width: 320px) {
    .Basic-Text-Frame {width: 300px;}
	}
	

@media print {
	 
   .foot-content, ul, ol, p, .no-print, nav, header, .menubar, .men-search-box, .search-box {
   	display:none !important;}
   	body, .Paragraph-Bericht, .Paragraph-Brief {font-size:12px;line-height:16.5px;}
   .low-foot {display:block;}
   	.Basic-Text-Frame {
   		width:85%;margin-left:5%;
   		}
   h1, h2, h3, h4, h5, .H1, .H2, .H3, .H4, .H5, h0, .H0,
   .H1:after {
   	color: black; border-color:black !important;;
   	}
   	h0 {margin-bottom:66px !important;}
   	p {margin:0 0 16.5px 0 !important;}
	.H3 {margin:16.5px 0 0 0 !important;}

   	.print-me {display:block  !important;}
}