




html {}
body {width:100%; padding:0 !important; margin:0 !important; background:#FFFFFF; font-size:0 !important; overflow-y:scroll; font-family: 'Ubuntu', sans-serif;}
/* graue zeile */
.wrapper1 {width:100%; background:#dddce0;}
.wrapper1A {width:100%; max-width:990px; height:34px; margin:0 auto; box-sizing:border-box;}  /* 30 300 15 300 15 300 30 */
.wrapper1A .moduletabletop {position: relative; top: 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.wrapper1A .moduletabletop ul.nav {margin: 0; padding: 0; float: right;}
.wrapper1A .moduletabletop ul.nav li {display: inline-block; margin: 0 0 0 0; padding: 0 10px;}
.wrapper1A .moduletabletop ul.nav li a {text-decoration:none;}
.wrapper1A .moduletabletop ul.nav li a img {margin:0 11px 0 27px; float: left;}
.wrapper1A .moduletabletop ul.nav li a span {font-size:20px; line-height: 23px; color:#898989; }
/* gelbe zeile */
.wrapper2 {width:100%; background:url(/templates/KS/img/bg_wrapper2.png) 0 10px repeat-x; position: relative; z-index:2; /*background:#f7c916;*/}
.wrapper2A {width:100%; max-width:990px; margin:0 auto; height:59px; box-sizing:border-box; text-align: right;}
.wrapper2A a {opacity: 0.5}
.wrapper2A a.aktiv {opacity: 1}
.wrapper2A a img {margin:19px 10px 0 0; box-shadow: 2px 2px 5px rgb(0, 0, 0.5);}
/* bild home*/
.wrapper3home {width:100%; background:#eef3e1; margin-top: -59px; z-index:0; }
.wrapper3Ahome {width:100%; max-height: 550px; overflow: hidden; box-sizing:border-box;}
.wrapper3Ahome img {width:100%; height:auto;}
.wrapper3home div.buchbutton {position:relative; top:-100px;}
/* bild seite*/
.wrapper3seite {width:100%; background:#eef3e1; margin: -59px 0 0 0;}
.wrapper3Aseite {width:100%; height:365px; margin:0 auto; box-sizing:border-box;}

/* menü */
.wrapper4 {width:100%; background:#661217; box-shadow: 0px 5px 5px rgba(0,0,0,0.5); display: inline-block; position:relative; z-index:6000;}
.wrapper4A {width:100%; margin:0 auto; max-width:990px; height:72px; box-sizing:border-box; text-align: center;}
.wrapper4 #hor_nav LI {text-align:left;}
.wrapper4 #hor_nav LI A {font-size: 20px;}
.wrapper4 #hor_nav LI UL LI A {font-size:17px;}
.unterseite {background: #f2ecec;}
/* aus component */
/* beitrag, blog */
.item-page, .blog {color:#661217; background: url(/templates/KS/img/bg_item-page.png) 0 bottom repeat-x #f2ecec; padding:70px 0 70px 0; position:relative;}
/* beirag elemente */
.item-page div.icons {display:none;}
.item-page div.page-header {display:none;}
.item-page div[itemprop="articleBody"] {width: 100%; margin: 0 auto; max-width: 990px; box-sizing: border-box; font-size: 19px;}
.item-page h1, .item-page h2 {color:#661217;}
.item-page p {font-size:19px;}
.item-page a {text-decoration:none; color:#661217; font-weight:bold;}
.item-page a:hover {text-decoration:none;}
.item-page iframe {border:none;}
.item-page ul {margin:0; padding:0 0 0 18px;}
.item-page ul li {margin:0; padding:0;}
/* blog elemente */


.contentpane {width: 100%; margin: 0 auto; max-width: 990px; box-sizing: border-box;}
.contentpane iframe.wrapper {padding-top: 20px;}
/* überschreiben in unterseiten */

.hansihome {position: relative; z-index: 10; top: -110px; width: 100%; max-width: 990px; margin: 0 auto;}
.hansihome img {position:absolute; right:0;}
/* 6 boxen */
.wrapper5 {width:100%; background:#eef3e1; display: inline-block; padding: 150px 0 0 0; box-shadow: 0px 10px 10px rgba(0,0,0,0.25);}
.wrapper5A {width:100%; margin:0 auto; box-sizing:border-box; float: left;}
.wrapper5A .moduletablebox {float:left; margin:00; padding:0; box-shadow: 0 0 0 2px #fff;}
.wrapper5A .moduletablebox .custombox {width:100%; color:#446c51; padding:0; display: grid;}
.wrapper5A .moduletablebox .custombox p  {}
.wrapper5A .moduletablebox .custombox img {width: 100%;}

.wrapper5A .moduletablebox .custombox h2 {font-family: 'Kalam', cursive; font-weight: 700; font-size: 30px; margin:-300px 0 0 0; padding: 0;
                                          color:#fff; text-shadow: 0 0 3px #000; text-align: center;}
.wrapper5A .moduletablebox .custombox h2 a {display:block; text-decoration:none; color:#446c51}
.wrapper5A .moduletablebox .custombox #system-readmore {display: none;}
/* 480er boxen */
.wrapper5A .box480 {width:25%; max-width:480px;}
/* 960er boxen */
.wrapper5A .box960 {width:50%; max-width:960px;}
/* boxen unterseiten */
.wrapper5 {width:100%; background:#e7d7da; display: inline-block; padding: 100px 0 0 0; box-shadow: 0px 10px 10px rgba(0,0,0,0.25);}
.wrapper5U {width:100%; max-width:990px; margin:0 auto; box-sizing:border-box;}
.wrapper5U .moduletablesubbox {float:left; margin:0 15px 0 15px; padding:0 0 70px 0; display:none;}
.wrapper5U .moduletablesubbox .customsubbox {width:100%; max-width:300px; opacity:0; transition:1.5s;}
.wrapper5U .moduletablesubbox .customsubbox p  {}
.wrapper5U .moduletablesubbox .customsubbox img {box-shadow:5px 5px 5px rgba(0,0,0,0.25);}
.wrapper5U .moduletablesubbox .customsubbox h2 {font-family: 'Kalam', cursive; font-weight: 700; font-size: 30px; margin:20px 0 0 0; padding: 0;
                                          border-bottom: 3px dotted #661217; color:#661217;}
.wrapper5U .moduletablesubbox .customsubbox h2 a {display:block; text-decoration:none; color:#661217;}
.wrapper5U .moduletablesubbox .customsubbox #system-readmore {display: none;}
/* galerie home */
.wrapper6 {width:100%; background:#f2ecec; display: inline-block; padding: 50px 0 50px 0; position: relative;}
.wrapper6A {width:100%; max-width:990px; margin:0 auto; box-sizing:border-box;}
.wrapper6A a.sigplus-image img {transition:3s;}
.wrapper6A a.sigplus-image img:hover {transform:scale(1.15);}
.wrapper6A .sigplus-gallery ul > li > a {overflow:hidden;}

/* auszeichnungen PC / Öffnungszeiten KS */
.wrapper7 {width:100%; background:#661217; display: inline-block; padding: 50px 0 65px 0; box-shadow: 0px 10px 10px rgba(0,0,0,0.25);}
.wrapper7A {width:100%; max-width:990px; margin:0 auto; box-sizing:border-box;}
.wrapper7A .moduletableausgezeichnet .custom {font-size:20px; color:#fff;}
.wrapper7A .moduletableausgezeichnet .custom h1 {color:#fff; font-family: 'Kalam', cursive; font-weight: 700; font-size: 30px; margin:20px 0 0px 0; padding: 0;}
.wrapper7A .moduletableausgezeichnet .custom img {margin:0 20px 0 20px;}

.wrapper8 {width:100%; background:url(/templates/KS/img/bg_item-page.png) 0 bottom repeat-x #e7d7da; display: inline-block; padding: 50px 0 65px 0;}
.wrapper8A {width:100%; max-width:990px; margin:0 auto; box-sizing:border-box; background:url(/templates/PC/img/strichzeichnung.png) 0 0px no-repeat;}
.wrapper8A .moduletablefamilie .custom {text-align:center;}
.wrapper8A .moduletablefamilie .custom h3 {color:#661217; font-weight: 400; font-size: 30px; margin:20px 0 50px 0; padding: 0; text-align:center;}
.wrapper8A .moduletablefamilie .custom p  {color:#661217; font-size:20px;}
.wrapper8A .icons {text-align: center; padding: 30px 0 0px 0;}
.wrapper8A .icons .icon {width:50px; height:50px; display: inline-block; margin:0 7px 0 7px; border-radius:100%; border:1px solid rgba(0,0,0,0.25); transition: 0.5s; box-shadow: 0px 5px 7px rgba(0,0,0,0.5);}
.wrapper8A .icons .icon a {display: block; width: 100%; height: 100%;}
.wrapper8A .icons .icon:hover {transform:scale(1.2);}
.wrapper8A .icons .icon_FB {background:url(/templates/PC/img/icon_fb.png)    center center no-repeat #fff;}
.wrapper8A .icons .icon_IN {background:url(/templates/PC/img/icon_insta.png) center center no-repeat #fff;}
.wrapper8A .icons .icon_EM {background:url(/templates/PC/img/icon_email.png) center center no-repeat #fff;}

/* footer grau */
.wrapper9 {width:100%; background:#661217;}
.wrapper9A {width:100%; max-width:990px; height:96px; margin:0 auto; box-sizing:border-box;}
.wrapper9A .moduletablefooter {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.wrapper9A .moduletablefooter ul.nav {margin: 0; padding: 0; text-align: center;}
.wrapper9A .moduletablefooter ul.nav li {display: inline-block; border-left: 2px solid #898989; margin: 0 0 0 0; padding: 0 10px;}
.wrapper9A .moduletablefooter ul.nav li:first-child {border:none;}
.wrapper9A .moduletablefooter ul.nav li a {font-size:20px; color:#898989; text-decoration:none;}
/* logo */
.logo {opacity:0; position:absolute; left:210px; top:0; z-index:999; width:40%; max-width:188px; padding:10px; background:#fff; border-radius:0 0 20px 20px; box-shadow:0 0 10px rgba(0,0,0,0.5);}
.logo img {margin:0; display:block; width:100%}
/* buchen startseite im bild */
.buchen_bild {opacity:0; position:absolute; left:0; top:0; width:180px; height:166px;}
.buchen_bild img {}
/* boxen - hover -container */
.container     {position:absolute; left:-1000px; top:-1000px; display:none; box-sizing:border-box; z-index:900;}
.container.box-hover {background:rgba(102,18,23,0.75); width:300px; height:333px; text-align:center;}
.container.boxUS {height:166px;}
.container.box-hover div.vcenter {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.container.box-hover h3 {font-family: 'Kalam', cursive;     font-weight: 700; font-size: 30px; color:#fff; margin:0 0 30px 0}
.container.box-hover p  {font-family: 'Ubuntu', sans-serif; font-weight: 100; font-size: 20px; color:#fff; margin:0 0 0 0;}
.overcontainer {position:absolute; left:-1000px; top:-1000px; display:none; box-sizing:border-box; z-index:990;}
.overcontainer.overbox-hover {background:none; display:none; width:300px; height:333px;}
.overcontainer a {display: block; height: 100%;}
/* galerie unterseiten */
.unterseite .sigplus-gallery {width:100%; max-width:990px; margin:0 auto; box-sizing:border-box;}
.unterseite a.sigplus-image img {transition:3s;}
.unterseite a.sigplus-image img:hover {transform:scale(1.15);}
.unterseite .sigplus-gallery ul {font-size: 0; padding:0;}
.unterseite .sigplus-gallery ul > li {margin:1px !important; font-size: 0; box-shadow: 0 0 0 2px #fff;}
.unterseite .sigplus-gallery ul > li > a {overflow:hidden;}
/* */
@media(max-width:990px) {
    .jssorl-009-utext {font-size:12vH !important;}
}
iframe {border:none}