/* 446c51 => 44516c */
/* f7c916 => 16b9e7 */
/* eef3e1 => e1eef3 */
/* f0ecbf => bfe0ec */
/* dddce0 => ffffff */
html {}
body {width:100%; padding:0 !important; margin:0 !important; background:#FFCCCC; font-size:0 !important; overflow-y:scroll; font-family: 'Ubuntu', sans-serif;}
/* graue zeile */
.wrapper1 {width:100%; background:#ffffff;}
.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:#16b9e7;}
.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:#e1eef3;}
.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:#e1eef3;}
.wrapper3Aseite {width:100%; height:365px; margin:0 auto; box-sizing:border-box;}

/* menü */
.wrapper4 {width:100%; background:#44516c; 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;}
/* aus component */
.item-page {color:#44516c; background: #e1eef3; padding:70px 0 70px 0; position:relative}
.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:#44516c;}
.item-page p {font-size:19px;}
.item-page a {text-decoration:none; color:#44516c; 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;}
.unterseite {}
.contentpane {width: 100%; margin: 0 auto; max-width: 990px; box-sizing: border-box;}
.contentpane iframe.wrapper {}
/* ü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 gibt es in diesem Template nicht */
.wrapper5 {}
.wrapper5A {}
/* boxen unterseiten */
.wrapper5 {width:100%; background:#bfe0ec; 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 #44516c; color:#44516c;}
.wrapper5U .moduletablesubbox .customsubbox h2 a {display:block; text-decoration:none; color:#44516c}
.wrapper5U .moduletablesubbox .customsubbox #system-readmore {display: none;}
/* buchen & iiq footer */
.wrapper6 {width:100%; background:#e1eef3; display: inline-block; padding: 0 0 0 0; position: relative;}
.wrapper6A {width:100%; max-width:990px; margin:0 auto; box-sizing:border-box;}
.wrapper6 div.buchen     {width: 50%; max-width: 180px; float:left; position:relative; top:40px;}
.wrapper6 div.buchen img {width:100%; height:auto;}

.wrapper6 div.iiqWrapper {height:160px; width: 100%;    float:right; max-width: 660px; background:#cee19a; transform: rotate(-3deg); border-radius: 13px; box-shadow: 4px 4px 10px rgba(0,0,0,0.25);}
.wrapper6 div.iiqWrapper div.iiqHansi   {float: left; margin:-30px 0 0 35px;}
.wrapper6 div.iiqWrapper div.iiqText    {float: left; margin:39px 0 0 30px}
.wrapper6 div.iiqWrapper div.iiqWG      {margin:15px 0 0 30px;}
/* auszeichnungen */
.wrapper7 {width:100%; background:#44516c; 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 .customausgezeichnet h1 {color:#fff; font-family: 'Kalam', cursive; font-weight: 700; font-size: 30px; margin:20px 0 50px 0; padding: 0;}
.wrapper7A .moduletableausgezeichnet .customausgezeichnet img {margin:0 20px 0 20px;}


.wrapper8 {width:100%; background:#e1eef3; 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 .customfamilie {text-align:center;}
.wrapper8A .moduletablefamilie .customfamilie h3 {color:#44516c; font-weight: 400; font-size: 30px; margin:20px 0 50px 0; padding: 0; text-align:center;}
.wrapper8A .moduletablefamilie .customfamilie p  {color:#44516c; 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:#ffffff;}
.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:50%; max-width:320px; 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(191,224,236,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:#44516c; margin:0 0 30px 0}
.container.box-hover p  {font-family: 'Ubuntu', sans-serif; font-weight: 100; font-size: 20px; color:#44516c; 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:415px) { /* damiot die bilder */
    .sigplus-preview {width:100% !important}
    .sigplus-gallery ul > li {width:100% !important}
    .sigplus-gallery ul > li > a {display:block !important}
}