@font-face {
    font-family: 'Kanit-Thin';
        src: url('design/fonts/Kanit-Thin.ttf');
        src: url('design/fonts/Kanit-Thin.ttf') format ('truetype')
        font-weight: normal;
    	font-style: normal;
}

@font-face {
    font-family: 'Kanit-Regular';
        src: url('design/fonts/Kanit-Regular.ttf');
        src: url('design/fonts/Kanit-Regular.ttf') format ('truetype')
        font-weight: normal;
    	font-style: normal;
}

@font-face {
    font-family: 'CinzelDecorative-Bold';
        src: url('design/fonts/CinzelDecorative-Bold.ttf');
        src: url('design/fonts/CinzelDecorative-Bold.ttf') format ('truetype')
        font-weight: normal;
    	font-style: normal;
}


@font-face {
    font-family: 'CinzelDecorative-Regular';
        src: url('design/fonts/CinzelDecorative-Regular.ttf');
        src: url('design/fonts/CinzelDecorative-Regular.ttf') format ('truetype')
        font-weight: normal;
    	font-style: normal;
}


/* Setup --------------------------------------------- */
a { color: #00e; }
a:visited { color: #e2b224; }
a:hover { color: #e2b224; }
a:focus { outline: thin dotted; }
a:link{color: #e2b224; text-decoration: none;}
body {background-color: silver; font-family: 'Kanit-Thin', Futura, Trebuchet MS, Arial, sans-serif; font-style: normal; }
h1 {font-weight:lighter;margin-bottom:0.5em;margin-top:1em;font-size:1.8em; color:black;line-height: 1.25em; font-family:'CinzelDecorative-Regular';}
h2 {font-weight:lighter;margin-bottom:0.5em;/*margin-top:2em;*/font-size:1.3em; line-height: 1.25em; color: black; font-family:'CinzelDecorative-Regular';}
h3 {font-weight:lighter;margin-bottom:0.5em;/*margin-top:2;*/font-size:1.15em;line-height: 1.25em; color:#e2b224; font-family:'CinzelDecorative-Regular'}
h4 {font-weight:normal;margin-bottom:.25em;margin-top:0;font-size:1em;line-height: 1.25em; color:black;}
#content_right h1 {margin-bottom:0;}
pre {font-family:monospace,serif;font-size:1em;white-space:pre;white-space:pre-wrap;word-wrap:break-word;margin:0;padding:0}
code {font:inherit;font-family:monospace,serif;font-size:1em;margin:0;padding:0}
p{ font-family:'Kanit-Thin'; margin-bottom: 1em; margin-top: 0.25em; color:black; font-weight:900;}
em{font-style: italic;}
strong{ font-family:'Kanit-Regular'; }
hr{background-color: #515151; height: 2px; width: 100%; border: 0px solid; margin: 0.25em 0; margin-bottom: 2em;}

body{max-width:100%; overflow-x:hidden; background-color: white; background-attachment:fixed; background-size: cover;}

/* Struktur ------------------------------------------ */

.dummy{background-color: transparent; min-height:1px;}
#container_wrapper{width: 100%; position: relative;}
#navi_wrapper{max-width: 1200px; background-color: white; position: relative; margin-left: auto; margin-right: auto;}

#navi a { color: white; font-family: 'CinzelDecorative-Regular'; }
#navi a:visited { color: white; }
#navi a:hover { color: white; }
#navi a:focus { outline: none; }

#goShop_wrapper{height: 40px; width:150px; background-color:#e2b224; z-index: 99; position: fixed;}
#goShop{color:white; vertical-align: middle; font-family:'CinzelDecorative-Bold'; float:right; margin: 0.5em 1em 0 0;}

.termin_datum {background-color: rgba(0,0,0,0.6); color:white; border-radius:2px; position:relative; left: -5px; display:inline-block;}
.termin_text h3 {margin:5px 0;}
.termin_datum h3 {margin:5px;}
.termin_text {font-size:90%;}

.termine_kurz {font-size: 120%; line-height:120%;}
.termine_kurz span {font-weight:bold;}
.termine_kurz a {display:block;}
.termine_kurz li {margin-bottom: 0.5em;}

.storyAuthor, .storyLink {font-size: 75%;}
.kat {font-size: 75%; float:right; background-color: rgba(0,0,0,0.6); color:white; border-radius:2px; padding:5px; line-height:1em;}

/*Einspaltiges Template*/

#content_single_column {width:100%; padding-right:1%;}

/**/
#navi_inner ul {text-align:right;}

#navi_inner li {
    -webkit-user-select: none !important;
    -webkit-touch-callout: none !important;
    list-style: none inside !important; position:relative;}
#navi_inner ul ul {display:none; position: absolute; background-color:transparent; left:0; margin-left:0; z-index:2; min-width:200px; top:95%; text-align:left;}

#navi_inner ul li:hover > ul {display:block;}
#navi_inner ul li ul li {padding-left: 0.3em; padding-right: 0.3em; padding-top:0; padding-bottom:0; top:5px; position:relative; display:block; background-color:#05002a;
    }

#navi_inner ul li.current ul li > a{white-space: nowrap; padding: 0.1em 0; display:inline-block; border-top: 1px solid #e2b224 !important; border-bottom: none; width:100%; color:white; font-size:100%;}


#navi_inner ul li ul li ul { position:absolute; top:0; left: 100%;}
#navi_inner ul li ul li ul li{ top:0 }


#navi_inner ul li ul li a { white-space: nowrap; padding: 0.1em 0; display:inline-block; border-top: 1px solid #e2b224; width:100%; color:white; font-size:100%;}
#navi_inner ul li ul li:first-child > a {border-top: 2px solid transparent;}


#navi_inner ul li ul li:hover {}

#navi_inner ul > li:hover > a{color:white;}
#navi_inner ul li ul li:hover a{color: white !important;}

#navi_inner a,#navi_inner a:hover,#navi_inner a:focus{color:white; text-decoration:none;}
#navi_inner ul li a:visited:hover{color: white;}
#navi_inner ul li ul li a:visited{color: white;}
#navi_inner ul li.current > a{color: white !important; border-bottom: 10px solid #e2b224; padding-bottom: 1.2em;}


/**/

#navi li {display:inline-block; padding:5px 1.5%; padding-bottom: 4.5%;}
#navi_wrapper_wrapper{width:100%;}

#footer_navi {float:right; font-size:120%;}
#footer_navi li {display:inline; padding-right:0.5em;}
#footer_navi li a {text-decoration:none;}

/* Mobile Menu ####################################################################################*/

#mobile_wrapper{display: none; text-align:center; overflow:hidden; margin-right: 2em;}
#mobile_schriftzug_wrapper{display:inline-block; width:78%;}
.mobile_icon{width:40px; height:45px; display:inline-block; float:left;}
#mobile_navi_inner{display:none; text-align: left; overflow: hidden; position: absolute; top:100px; max-width:100%; background-color: #05002a; z-index: 1; padding-bottom: 1em; font-size: 2em; left:0;}
#hamburger_line_wrapper{ width:100%; height:100%; padding-top:3px;}
.hamburger_line{position:relative; left: 7.5px;	height:4px;	top:10px; margin-bottom:3px; width: 25px; background-color: white; display:block; border-radius:2px;}
#mobile_schriftzug{background-image:url("design/images/Schriftzug.png"); width:230px; background-size: 100% auto; height:40px; background-repeat:no-repeat; display:inline-block; background-position:center;}
#mobile_logo img, #mobile_logo{max-width:40px; max-height: 40px;}
#mobile_logo{display:inline-block; float:right; margin-right: 1em;}
#mobile_navi_inner ul {display: block; overflow: hidden;}

#mobile_navi_inner ul li {text-align: center; border: none; width: 100%; padding: 0.5em 0 0.5em 0; border-bottom: 1px solid #e2b224;}
#mobile_navi_inner ul li:last-child{border: none;}
#mobile_navi_inner ul li.current a{ color: #e2b224;}
#mobile_navi_inner ul li ul{display: block;}
#mobile_navi_inner ul li ul li{width: 100%; border: none;}
#mobile_navi_inner ul li ul li{width: 100%;}
#mobile_navi_inner ul li a{font-family: 'CinzelDecorative-Bold';}
#mobile_navi_inner ul li ul li a{font-family: 'CinzelDecorative-Regular'; font-size: 1em;}
#mobile_navi_inner ul li ul li ul li a{font-family: 'Kanit-Regular'; font-size: 0.8em;}
#mobile_navi_inner ul li.current ul li a{color: white;}
#mobile_navi_inner ul li ul li ul li.current{ background-color: #e2b224;}
#mobile_navi_inner ul li ul li ul li{padding:0};



/* Mobile Menu END ################################################################################*/

#container,#navi_container{margin-left: auto; margin-right: auto; width: 100%;  background-color: white;}
#content_inner_wrapper { width:100%; min-height:400px;}

#content_left {width:100%; padding-right:1%; float:left;}
/*#content_left span{color: #7c8284; font-family: 'Kanit-Thin';}
#content_left h1 span{color: #7c8284; font-family: 'Kanit-Regular';}
#content_left h2 span {color: #a9c937;}
#content_left p a span {color: #a9c937;}*/

#header_wrapper{width:100%; background-color:#05002a; height: 115px;}
#header_inner{width:100%; max-width: 1200px; margin-left:auto; margin-right:auto; }
#logo{width:22.22%; padding: 25px 0 0 0; float:right;}

#logo img{width:100%;}
#foot_mobil{width:150px; margin: 0 auto;}
#foot_mobil img{width:100%;}
#navi{float:left; width:50%; padding-top: 4.1%; margin-left: 10%;}
#content_wrapper{width:100%; /*display:inline-block;*/}

#content_left hr{background-color: #7c8284; height: 1px; border: 0px solid; position:relative;}

#content_wrapper {background-color:white;}
#navi_inner{font-size:1.2em; font-family:'Kanit-Regular';}
#navi_inner a{text-decoration:none !important;}
#content{white-space:nowrap;}
.content_inner{background-color: white; min-height: 200px; position:relative; display:inline-block; vertical-align:top; white-space:normal; line-break: strict; padding-top:1em;}
#breadcrumb{  color:white; float:left; font-size:90%; padding-top:1em; }
#breadcrumb a{text-decoration:none;}
#breadcrumb span a{color: white;}


#footer_inner{background-color: white;}
#mobilemenu{display: none;}
#back-to-top { position:fixed; bottom:0px; right:50px;	cursor:pointer;	padding:10px; background:#FFB100; border-top-left-radius:5px; border-top-right-radius:5px; color:white;	z-index: 99; opacity: 0.3 }
#back-to-top:hover{opacity: 1;}
/* Elemente ------------------------------------------ */
.clear { clear:both; float:none; }
.umflossen_r { float:right; }
.umflossen_l { float:left; }
.abstand_r { margin-right: 3%; }
.abstand_l { margin-left: 3%; }
.abstand_o { margin-top:1em; }
.abstand_u { margin-bottom:2em; }

.textTextWrapper{width: 100%; max-width:900px; margin-left:auto; margin-right:auto;}

.leistungenContainer{width: 100%; background-color: #05002a; margin-bottom: 2em; padding-bottom: 2em;}
.leistungenHeader{width: 100%; max-width: 1200px; margin: 0 auto 0 auto; padding-top: 2em;}
.leistungenHeader h2{color: white; text-align: center; font-size: 2em; margin-bottom: 2em;}

.leistungenRow_1{width: 100%; max-width: 900px; margin: 0 auto 0 auto; overflow: hidden;}
.leistungenRow_2{width: 100%; max-width: 900px; margin: 0 auto 0 auto; overflow: hidden; margin-top: 4em; padding-bottom: 2em;}

.leistungenIcon_1{width:15%; float: left;}
.leistungenIcon_2{width:15%; float: left;margin-left: 10%}
.leistungenIcon_3{width:15%; float: left; margin-left: 10%}
.leistungenIcon_4{width:15%; float: left; margin-left: 10%}

.leistungenIconPepper_1{width:16.66%; float: left; margin-left: 22%}
.leistungenIconPepper_2{width:16.66%; float: right; margin-right: 22%}



.leistungenIcon5_1{width:16.66%; float: left;}
.leistungenIcon5_2{width:16.66%; float: left;margin-left: 25%}
.leistungenIcon5_3{width:16.66%; float: right;}
.leistungenIcon5_4{width:16.66%; float: left; margin-left: 20.8%}
.leistungenIcon5_5{width:16.66%; float: right; margin-right: 20.8%}

#formWrapper{max-width: 900px;margin: 0 auto 0 auto;}
#formRow_1{ width: 48.5%; float: left;}
#formRow_2{width: 48.5%; float: right;}
#formRow_3{width: 100%; display: inline-block; margin-top: 1em;}
#formWrapper label{ margin-bottom: 0.5em; display: inline-block;}
#formWrapper input{ width: 100%;}
#formWrapper textarea{  width: 100%; min-height: 300px;}
#checkboxAGB{float: left; width: 13px !important; margin-top: 0.3em;}
#labelAGBWrapper{width:95%; float:right;}
#formSenden{margin-top: 1em; width: 10% !important;}

.emailBildschirm{max-width: 900px; margin-left:auto; margin-right:auto;}


.ganz {width: 100%;}
.halb { padding:0; width: 48.5%;}
.zweidrittel { padding:0; width: 62.66%; }
.drittel { padding:0; width: 31.33%; }
.viertel { padding:0; width: 22.75%; }
.trennlinie{ padding: 5px 0; margin:0; }
.imageWrapper{width: 100%; max-width: 900px; margin: 0 auto 0 auto;}

.content_inner ul {margin-left: 1em; margin-bottom: 1em;}
.content_inner ol {padding-left:0em; margin-left:1em; margin-bottom: 1em;}
.content_inner ul li{ list-style: disc outside !important; color: black; font-family:'Kanit-Thin';}
.content_inner ol li{ list-style: decimal outside !important; color: black; font-family:'Kanit-Thin';}

.element_text{max-width:900px; margin: 0 auto 0 auto; margin-bottom: 2em;}

.textInBild_container{position: relative;}
.textInBild_textContainer{max-width: 1200px; margin: 0 auto 0 auto; position: absolute; bottom: 40px; left: 50%; width: 100%; transform: translate(-50%);}
.textInBild_textContainer h1{color: white; font-size: 2.5em; text-shadow: 2px 2px 2px black}

/*.logo_mobil {display:none;}*/
#content_left .systemColumn {font-size: 130%; line-height:130%;}
.systemColumn{margin-top: -0.8em;}

/* helper -------------------------------------------- */

.hidden { display: none !important; visibility: hidden; }
.clear {float: none; clear: both;}


/* #Media Queries -------------------------------------------- */

/* Smaller than standard 900 (devices and browsers) */
@media only screen and (max-width: 1200px) {
    body{font-size: 90%;}
	#mobile_wrapper{display:block;}
    #content_wrapper  {width:100%;}
    #navi_inner {display: none;}
    #logo{margin-right: 2em; width: 200px;}


    .element_text, .text{padding-left:2em; padding-right:2em;}
    .leistungenRow_1,.leistungenRow_1{width: 89%;}
    .leistungenIcon_1,.leistungenIcon_2,.leistungenIcon_3,.leistungenIcon_4,.leistungenIcon_5{width: 25%;}
    .leistungenIcon_2{margin-left: 12.5%;}
    .leistungenIcon_4{margin-left: 15%;}
    .leistungenIcon_5{margin-right: 15%;}
    .textInBild_textContainer{padding-left: 4em;}
    #navi{width: 25%;}

}


@media only screen and (max-width: 695px) {
    body{font-size: 72%;}
	#goShop{margin-top: 1em;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  .textInBild_textContainer h1{font-size:180%; margin-bottom: 0;}
  #logo{width:40%;}
  .systemImage.halb{width:100%;}
  .systemImage.drittel{width:100%;}
  .leistungenIcon5_1, .leistungenIcon5_2, .leistungenIcon5_3, .leistungenIcon5_4, .leistungenIcon5_5, .leistungenIconPepper_1, .leistungenIconPepper_2{width: 50%; float:none; margin: 0 auto 3em auto;}


}