html {}
body {width:100%; overflow-x:hidden; padding:0 !important; margin:0 !important; background:#FFF; 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:#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;}
.wrapper3Ahome {width:100%; max-height: 800px; 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;}
.wrapper3Aseite {width:100%; height:365px; margin:0 auto; box-sizing:border-box;}

/* men� */
.wrapper4 {width:100%; background:#446c51; 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: #eef3e1; padding:0px 0 0px 0; position:relative}
/* aus component */
/* beitrag  */
.item-page {color:#446c51; background: #eef3e1; padding:70px 0 70px 0; position:relative}
/* beirag elemente */
.item-page div.icons {display:none;}
.item-page div.page-header {display:none;}
/* innenteil seite & blog*/
.item-page div[itemprop="articleBody"] {width: 100%; margin: 0 auto 0 auto; max-width: 990px; box-sizing: border-box; font-size: 19px;}


/* seite elemente*/
.item-page h1, .item-page h2 {color:#446c51;}
.item-page p {font-size:19px;}
.item-page a {text-decoration:none; color:#446c51; 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;}
.item-page img {max-width:100%; height:auto;}


.contentpane {width: 100%; margin: 0 auto; max-width: 990px; box-sizing: border-box;}
.contentpane iframe.wrapper {}
/* �berschreiben in unterseiten */

.hansihome {position: relative; z-index: 6000; top: -110px; width: 100%; max-width: 1020px; margin: 0 auto;}
.hansihome img {position:absolute; right:0;}
/* 6 boxen */                  /* #f0ecbf */
.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; max-height:346px}
.wrapper5A .moduletablebox .custombox {width:100%; color:#446c51; padding:0; display: grid;}
.wrapper5A .moduletablebox .custombox p  {line-height: 0;}
.wrapper5A .moduletablebox .custombox img {width: 100%;}

.wrapper5A .moduletablebox .custombox h2 {font-family: 'Kalam', cursive; font-weight: 700; font-size: 30px; margin:-188px 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:#eef3e1; 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 .custombox  {width:100%; max-width:300px; opacity:0; transition:1.5s;}
.wrapper5U .moduletablesubbox .custombox  p  {}
.wrapper5U .moduletablesubbox .custombox  img {box-shadow:5px 5px 5px rgba(0,0,0,0.25);}
.wrapper5U .moduletablesubbox .custombox  h2 {font-family: 'Kalam', cursive; font-weight: 700; font-size: 30px; margin:20px 0 0 0; padding: 0;
                                          border-bottom: 3px dotted #446c51; color:#446c51;}
.wrapper5U .moduletablesubbox .custombox  h2 a {display:block; text-decoration:none; color:#446c51;}
.wrapper5U .moduletablesubbox .custombox  #system-readmore {display: none;}

/* buchen & iiq footer */
.wrapper6 {width:100%; background:#eef3e1; display: inline-block; padding:150px 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:#446c51; display: inline-block; padding: 50px 0 65px 0; box-shadow: 0px 10px 10px rgba(0,0,0,0.25);}
.wrapper7A {width:100%; max-width:1000px; 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:#eef3e1; 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:#446c51; font-weight: 400; font-size: 30px; margin:20px 0 50px 0; padding: 0; text-align:center;}
.wrapper8A .moduletablefamilie .custom p  {color:#446c51; 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:#dddce0;}
.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(255,255,255,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:#446c51; margin:0 0 30px 0}
.container.box-hover p  {font-family: 'Ubuntu', sans-serif; font-weight: 100; font-size: 20px; color:#446c51; 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%;}
/* f�r die mobilen aufklapper */
.customOUTER {height:0; overflow:hidden; background: rgba(255,255,255,0.55); box-shadow: 0 0 10px rgba(0,0,0,0.25); padding: 0 20px;}
.customswap  {padding: 20px 0;}
/* f�r aktiv */
.customAKTIV {/*SIEHE EDITOR:CSS*/}
/* */
.fixedbutton {box-sizing: border-box; position:fixed; right:0; top:50%; z-index:999999; background:#B2CA00;  border-radius: 20px 0 0 20px; box-shadow:0 0 10px rgba(0,0,0,0.25); font-size: 0; line-height:0;}
.fixedbutton a {margin:30px 20px; writing-mode: vertical-rl; font-family: 'Kalam', cursive; font-weight: 100; font-size: 27px; line-height:20px; text-decoration:none; color:#fff;}

/* 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;}

/* */

/* scroller startseite auszeichnungen */
.premio {width:200px; height:100px; display: inline-block;}
.premio img {max-width:100%; max-height:100%;
	     margin: 0 auto; display: block;
	     position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);   
}
.scroll1 {width:100%; max-width:1000px; overflow:hidden; height: 100px; position:relative; margin:0 auto;}
.scroll2 {white-space: nowrap; position:absolute; left:0; top:0;}

@media(max-width:990px) {
    .jssorl-009-utext {font-size:25vH !important;}
}
@media(max-width:799px) {
    .row {}
    .row .col-sm-8 {width:100%;}
    .row .col-sm-4 {width:100%;}
    .TabelleIcons50 {float:none !important; margin:50px auto 0 auto;}
    .wrapper6 div.iiqWrapper div.iiqHansi {margin: 0; width: 25%;}
}
@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}
}
iframe {border:none}