body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a}.cookiebar__analytics{margin-right:1.5em}.cookiebar__analytics-label{cursor:pointer}.cookiebar__analytics-checkbox{margin-right:5px}
*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
@charset "UTF-8";
/* CSS Document */

/* cookiebar */

.cookiebar {
    box-sizing: border-box;
    position: fixed;
    left: 0;
    width: 100%;
    padding: .6em 1.2em;
    background-color: #4b4b4b;
    color: #fff;
    font-size: 1em;
    text-align: center;
    z-index:10
}

.cookiebar * {
    box-sizing:border-box
}

.cookiebar--active {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap
}

.cookiebar--position-top {
    top:0
}

.cookiebar--position-bottom {
    bottom:0
}

.cookiebar__message, .cookiebar__text {
    margin-right:1.5em
}

.cookiebar__link {
    color: #fff;
    text-decoration:underline
}

.cookiebar__link:hover {
    text-decoration:none
}

.cookiebar__button {
    margin: 0;
    padding: .6em 1.2em;
    border: none;
    border-radius: 0;
    background-color: #4ea55e;
    color: #fff;
    font-weight: 700;
    cursor:pointer
}

.cookiebar__button:hover {
    background-color:#3e824a
}

.cookiebar__analytics {
    margin-right:1.5em
}

.cookiebar__analytics-label {
    cursor:pointer
}

.cookiebar__analytics-checkbox {
    margin-right: 5px
}

*, * :before, * :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* cookiebar eigene */

.cookiebar {
    background-color: #$g30;
    font-size: 16px;
    color:#fff
}

.cookiebar button {
    background-color: #007d23;
    font-size: 16px;
    font-weight: normal;
    color:#$white
}

.cookiebar_button {
    background-color: #007d23;
    font-size: 16px;
    color:#$white
}

.cookiebar_link, .cookiebar_message {
    color:#$white
}

.cookiebar__message {
    margin: 0
}

/* Grundsatz */

object, embed, #video {
    width: 100%;
	margin: 0 auto 0;
    max-width: 1400px
}

.video_container {
	margin-top: 24px;
	height: 0;
    max-height: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom:56.25%
}

#video iframe {
    width: 100%;
    height: 100%;
    max-width: 100%;
    left: 50;
    top: 0;
    position:absolute
}

ul {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left:1em
}

.ce_linkedElement, .ce_linkedElement a, .ce_linkedElement a:hover {
    text-decoration: none;
    cursor:pointer
}

body, div, p, h1, h2, h3, h4 {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color:#000
}

#main {
    width:100%
}

#header {
    width:100%
}

#footer {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color:#e6e6e6
}

#contact .ce_form .widget-explanation p {
    margin-top: 0;
    margin-bottom: 20px;
    color:#666666
}

#spacer {
    margin-top: 0;
    margin-bottom:30px
}

#table {
    margin-right: auto;
    margin-left: auto;
    padding-top: 24px;
    padding-bottom: 24px;
    overflow-x: scroll
}

#table p {
    text-align:center
}

td {
    padding: 12px 24px 12px 0;
    border-bottom: 1px solid #999999;
    border-spacing:0px
}

table {
    margin-right: auto;
    margin-left: auto;
    border-collapse:collapse
}

.spacer {
    height: 24px;
    clear: both
}



#newsletter {
    width: 100%;
    margin: 0;
    padding: 24px;
    background-color:#666666
}

#newsletter table, #newsletter tr {
    border: 0 hidden;
    border-collapse:collapse
}

#newsletter h2 {
    color: #c8e600
}


/* banner.css */

#main .ce_text .banner {
    background-color:#fffff
}

#banner {
    width: auto;
    max-width: 1024px;
    position: relative;
    clear: both;
    display: block;
    margin-right: auto;
    margin-bottom: 2em;
    margin-left: auto;
    padding-right: 1em;
    padding-left: 1em;
    text-align:center
}

#main .banner .ce_text p, #banner h3 {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align:center
}

#main .ce_text .banner p img {
    height: auto;
    max-width: 100%;
    float: none;
    clear:both
}

#banner a, #bannera:hover, #banner a:visited {
    text-align: center;
    text-decoration: none;
    color: #000
}

@charset "UTF-8";
/* CSS Document */


@media screen and (min-width: 1024px) {
    /* content_haus_1024.css */
    #container {
        width: 100%;
        margin-right: auto;
        margin-left:auto
    }

    #main {
        width: 100%;
        margin: 102px auto 24px;
        padding-bottom: 0;
        transition: .5s
    }

    #spalten {
        width: 1024px;
        max-width: 100%;
        position: relative;
        clear: both;
        display: block;
        margin: 24px auto;
        padding-right: 12px;
        padding-left:12px
    }

    .text_1_1 {
        width: 100%;
        max-width: 1024px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 12px;
        padding-left:12px
    }

    #spalten .text_1_2 {
        width: 50%;
        float: left;
        display: inline-block;
        padding-right: 12px;
        padding-left:12px
    }

    #spalten .text_2_2 {
        width: 50%;
        float: left;
        display: inline-block;
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left:12px
    }

	#rezension {
        width: 100%;
        max-width: 1024px;
        margin-right: auto;
        margin-left: auto;
		text-align: center
	}
	
    #contact {
        width: 1024px;
        max-width: 100%;
        position: relative;
        clear: both;
        margin-right: auto;
        margin-bottom: 30px;
        margin-left: auto;
        padding: 24px;
        background-color:#c8e600
    }

    #contact .ce_form .text, #main .ce_form .textarea {
        margin-bottom: 16px;
        padding: 8px;
        font:16px/24px Helvetica Neue, Helvetica, Arial
    }

    #contact .ce_form {
        width: 80%;
        margin-top: 12px;
        margin-right: auto;
        margin-left:auto
    }

    #contact .formbody {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        text-align:center
    }

    #contact input[type=submit], #contact.button {
        width: auto;
        height: 50px;
        display: inline-block;
        margin: 0 auto 10px;
        padding-top: 4px;
        padding-right: 20px;
        padding-left: 60px;
        vertical-align: middle;
        text-align: center;
        background-color: #c8e600;
        background-image: url("../../files/schippl-haus/icons/mail_simple_dark.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        border-radius: 0;
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
        color: #007d23;
        background-position: 15px 50% !important;
        background-size: auto 24px;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    #contact input[type=submit]:hover, #contact.button:hover, #contact input[type=submit]:active, #contact.button:active {
        background-color: #007d23;
        background-image: url("../../files/schippl-haus/icons/mail_simple_white.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        font-weight: bold;
        text-decoration: none;
        color: #ffffff;
        background-position: 15px 50% !important
    }

    #contact p {
        margin-bottom: 0;
        padding-top: 8px;
        padding-right: 24px;
        padding-left: 24px;
        vertical-align: middle;
        text-align:center
    }

    #contact h3 {
        margin-bottom: 0;
        text-align:center
    }

    #contact .phone p a {
        height: 50px;
        display: inline-block;
        margin: 0 auto 10px;
        padding-top: 12px;
        padding-right: 20px;
        padding-left: 50px;
        vertical-align: middle;
        text-align: center;
        background-image: url("../../files/schippl-haus/icons/phone_simple_dark.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
        color: #007d23;
        background-position: 10px 50%;
        background-size: auto 30px
    }

    #contact .mail p a {
        height: 50px;
        display: inline-block;
        margin: 0 auto 10px;
        padding-top: 12px;
        padding-right: 20px;
        padding-left: 50px;
        vertical-align: middle;
        text-align: center;
        background-image: url("../../files/schippl-haus/icons/mail_simple_dark.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
        color: #007d23;
        background-position: 10px 50%;
        background-size: auto 24px
    }

    #contact .phone p a:hover {
        background-color: #007d23;
        background-image: url("../../files/schippl-haus/icons/phone_simple_white.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        color:#ffffff
    }

    #contact .mail p a:hover {
        background-color: #007d23;
        background-image: url("../../files/schippl-haus/icons/mail_simple_white.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        color:#ffffff
    }

    #downloads {
        width: 1024px;
        max-width: 100%;
        position: relative;
        clear: both;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding: 24px 0 18px;
        background-color:#c8e600
    }

    #downloads p a {
        height: 40px;
        padding-top: 8px;
        vertical-align: middle;
        text-align: center;
        border: 1px solid #007d23;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
        color:#007d23
    }

    #downloads .dl_4 p a {
        width: 20%;
        float: left;
        display: inline-block;
        margin:1.5% 2.5% 2.5%
    }

    #downloads .dl_3 p a {
        width: 28.333333%;
        float: left;
        display: inline-block;
        margin:1.5% 2.5% 2.5%
    }

    #downloads .dl_2 p a {
        width: 45%;
        float: left;
        display: inline-block;
        margin:1.5% 2.5% 2.5%
    }

    #downloads .dl_1 p a {
        width: 95%;
        float: left;
        display: inline-block;
        margin:1.5% 2.5% 2.5%
    }

    #downloads p a:hover {
        background-color: #007d23;
        color:#ffffff
    }

    #kreditrechner {
        width: 1024px;
        max-width: 100%;
        position: relative;
        clear: both;
        margin: 0 auto;
        padding: 24px 0;
        background-color:#bce4fa
    }

    #kreditrechner .image_container {
        width: 100%;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding-top: 0;
        padding-bottom: 12px;
        text-align:center
    }

    #kreditrechner .image_container img {
        margin-right: auto;
        margin-left: auto;
        text-align:center
    }

    #kreditrechner .ce_text h2 {
        margin-top: 0;
        font-size: 24px;
        line-height: 24px;
        font-weight: normal;
        color:#00497b
    }

    .cam {
        width: 1024px;
        height: auto;
        max-width: 100%;
        margin: 24px auto 30px;
        padding-right: 24px;
        padding-left:24px
    }

    .dlh_googlemap {
        width: 1024px;
        height: 30vh;
        max-width: 100%;
        margin-right: auto;
        margin-left:auto
    }

    .ce_dlh_googlemap {
        clear: both;
        display:block
    }

    h1 {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 20px;
        padding-top: 8px;
        text-align: center;
        font-size: 36px;
        line-height: 42px;
        font-weight: bold;
        color:#000000
    }

    h2 {
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        font-size: 30px;
        line-height: 36px;
        font-weight: bold;
        color:#000000
    }

    h3 {
        width: 100%;
        max-width: 1024;
        clear: both;
        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto;
        text-align: center;
        font-size: 24px;
        line-height: 30px;
        font-weight: bold;
        color:#000000
    }

    h4 {
        width: 100%;
        max-width: 1024;
        clear: both;
        margin-top: 10px;
        margin-bottom: -10px;
        text-align: left;
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
        color:#000000
    }

    p, li {
        font-size: 16px;
        line-height:24px
    }

    li {
        margin-bottom: 8px;
        list-style-type:disc
    }

    .titlepic {
        width: 100%;
        max-width: 1024px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left:auto
    }

    .plan {
        width: 1024px;
        height: auto;
        max-width: 100%;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left:auto
    }

    .ce_text {
        position: static;
        margin: 0 auto;
        padding-right: 24px;
        padding-left:24px
    }

    .subtitle, #subtitle {
        width: 100vw;
        height: 54px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        background-color: #ffffff;
    }
	
/*    .subtitle_small, #subtitle_small {
        width: 100vw;
        height: 54px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        background-color: #ffffff;
    }*/

    .subtitle p {
        width: 100%;
        font-weight: bold;
        color:#007d23
    }

    .titlebutton {
        width: 100%;
        position: relative;
        margin: 10px auto -35px;
        text-align: center;
        z-index:90
    }

    .titlebutton h2 {
        width: auto;
        height: 60px;
        overflow: hidden;
        display: inline-block;
        padding-top: 14px;
        padding-right: 24px;
        padding-left: 24px;
        text-align: center;
        background-color: #c8e600;
        font-size: 30px;
        line-height: 30px;
        z-index:0
    }

    .ce_gallery {
        width: 1024px;
        max-width: 100%;
        clear: both;
        margin-right: auto;
        margin-bottom: 18px;
        margin-left: auto;
        padding-right: 12px;
        padding-left:12px
    }

    .ce_gallery > ul li.col_first {
        clear: none;
        display:inline-block
    }

    .ce_gallery li {
        width: 25%;
        float: left;
        clear: none;
        display: inline;
        padding:12px 12px 0
    }

    .ce_gallery h2 {
        margin-bottom:24px
    }

    .ce_gallery img:hover {
        opacity: 0.5
    }

    .virtual {
        width: 1024px;
        height: 576px;
        display: block;
        margin:24px auto
    }

    .ce_image {
        width: 1024px;
        max-width: 100%;
        margin-right: auto;
        margin-left:auto
    }

    .text {
        width: 1024px;
        max-width:100%
    }

    #subtitle .ce_text {
        width:100%
    }

    .spacer {
        height: 24px;
        clear:both
    }

    .ce_gallery h3 {
        text-align:center
    }

    tbody {
        overlow:scroll
    }

    .ce_text a {
        color:#007d23
    }

    #text_1_1 .img {
        float: right;
        margin-left: 50%;
        padding-left: 24px
    }
}

@media screen and (max-width: 767px) {
    /* content_haus_320.css */
    #container {
        width: 100%;
        margin-right: auto;
        margin-left:auto
    }

    #main {
        width: 100%;
        margin: 60px auto 0;
        padding-bottom:24px
    }

    #main .inside {
        width:100%
    }

    #spalten {
        width: 100%;
        max-width: 688px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 18px;
        padding-left:18px
    }

    #spalten .text_1_2 {
        width: 100%;
        margin-bottom:0
    }

    #spalten .text_2_2 {
        width: 100%;
        margin-bottom:24px
    }

    #spalten ul {
        padding-left:18px
    }
	
	#rezension {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
		text-align: center
	}	

    #contact {
        width: 100%;
        position: relative;
        clear: both;
        margin-right: auto;
        margin-bottom: 30px;
        margin-left: auto;
        padding: 24px;
        background-color:#c8e600
    }

    #contact .ce_form .text, #main .ce_form .textarea {
        margin-bottom: 16px;
        padding: 8px;
        font:16px/24px Helvetica Neue, Helvetica, Arial
    }

    #contact .ce_form {
        width: 95%;
        margin-top: 12px;
        margin-right: auto;
        margin-left:auto
    }

    #contact .formbody {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        text-align:center
    }

    #contact input[type=submit], #contact.button {
        width: auto;
        height: 45px;
        display: inline-block;
        margin: 0 auto 10px;
        padding-top: 4px;
        padding-right: 15px;
        padding-left: 55px;
        vertical-align: middle;
        text-align: center;
        background-color: #c8e600;
        background-image: url("../../files/schippl-haus/icons/mail_simple_dark.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        border-radius: 0;
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        text-decoration: none;
        color: #007d23;
        background-position: 15px 50% !important;
        background-size: auto 24px;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    #contact input[type=submit]:hover, #contact.button:hover, #contact input[type=submit]:active, #contact.button:active {
        background-color: #007d23;
        background-image: url("../../files/schippl-haus/icons/mail_simple_white.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        font-weight: bold;
        text-decoration: none;
        color: #ffffff;
        background-position: 15px 50% !important
    }

    #contact h3 {
        margin-bottom: 0;
        text-align:center
    }

    #contact p {
        margin-bottom: 0;
        padding-top: 8px;
        padding-right: 0;
        padding-left: 0;
        vertical-align: middle;
        text-align:center
    }

    #contact .phone p a {
        height: 45px;
        display: inline-block;
        margin: 0 auto 10px;
        padding-top: 12px;
        padding-right: 15px;
        padding-left: 45px;
        vertical-align: middle;
        text-align: center;
        background-image: url("../../files/schippl-haus/icons/phone_simple_dark.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        text-decoration: none;
        color: #007d23;
        background-position: 10px 50%;
        background-size: auto 30px
    }

    #contact .mail p a {
        height: 45px;
        display: inline-block;
        margin: 0 auto 10px;
        padding-top: 12px;
        padding-right: 15px;
        padding-left: 50px;
        vertical-align: middle;
        text-align: center;
        background-image: url("../../files/schippl-haus/icons/mail_simple_dark.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        text-decoration: none;
        color: #007d23;
        background-position: 10px 50%;
        background-size: auto 24px
    }

    #contact .phone p a:hover {
        background-color: #007d23;
        background-image: url("../../files/schippl-haus/icons/phone_simple_white.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        color:#ffffff
    }

    #contact .mail p a:hover {
        background-color: #007d23;
        background-image: url("../../files/schippl-haus/icons/mail_simple_white.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        color:#ffffff
    }

    #downloads {
        width: 100%;
        position: relative;
        clear: both;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding: 24px 24px 18px;
        background-color:#c8e600
    }

    #downloads p a {
        height: 40px;
        padding-top: 8px;
        vertical-align: middle;
        text-align: center;
        border: 1px solid #007d23;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
        color:#007d23
    }

    #downloads .dl_4 p a, #downloads .dl_3 p a, #downloads .dl_2 p a, #downloads .dl_1 p a {
        width: 100%;
        display: block;
        margin:1.5% 0 2.5%
    }

    #downloads p a:hover {
        background-color: #007d23;
        color:#ffffff
    }

    #kreditrechner {
        width: 100%;
        position: relative;
        clear: both;
        margin: 0 auto;
        padding: 24px 0;
        background-color:#bce4fa
    }

    #kreditrechner .image_container {
        width: 100%;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding-top: 0;
        padding-bottom: 12px;
        text-align:center
    }

    #kreditrechner .image_container img {
        margin-right: auto;
        margin-left: auto;
        text-align:center
    }

    #kreditrechner .ce_text h2 {
        margin-top: 0;
        font-size: 20px;
        line-height: 29px;
        font-weight: normal;
        color:#00497b
    }

    .dlh_googlemap {
        height: 30vh;
        max-width: 100%;
        margin:0
    }

    h1 {
        width: 90%;
        margin: 0 auto 18px;
        padding-top: 0;
        text-align: center;
        font-size: 30px;
        line-height: 36px;
        font-weight: bold;
        color:#000000
    }

    h2 {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        font-size: 24px;
        line-height: 28px;
        font-weight: bold;
        color:#000000
    }

    h3 {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        font-size: 21px;
        line-height: 25px;
        font-weight: bold;
        color:#000000
    }

    h4 {
        width: 90%;
        margin-top: 10px;
        margin-bottom: -10px;
        text-align: left;
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
        color:#000000
    }

    p, li {
        font-size: 16px;
        line-height:24px
    }

    li {
        margin-bottom: 8px;
        list-style-type:disc
    }

    .titlepic {
        width: 100%;
        margin-bottom:20px
    }

    .plan {
        width: 100%;
        height: auto;
        margin-bottom:20px
    }

    .subtitle, .subtitle_small {
        width: 100%;
        max-width: 1024px;
        margin-top: 0;
        padding: 0 24px 16px;
        text-align: center;
        background-color: #ffffff;
    }

    .subtitle p {
        width: 100%;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        text-align: center;
        font-weight: bold;
        color:#007d23
    }

    .titlebutton {
        width: 100%;
        position: relative;
        margin: 10px auto -25px;
        text-align: center;
        z-index:90
    }

    .titlebutton h2 {
        width: auto;
        height: 46px;
        overflow: hidden;
        display: inline-block;
        padding-top: 10px;
        padding-right: 18px;
        padding-left: 18px;
        text-align: center;
        background-color: #c8e600;
        font-size: 18px;
        line-height: 24px;
        z-index:90
    }

    .ce_gallery {
        margin-bottom: 18px;
        padding-right: 12px;
        padding-left:12px
    }

    .ce_gallery > ul li.col_first {
        clear: none;
        display:inline-block
    }

    .ce_gallery li {
        width: 50%;
        float: left;
        clear: none;
        display: inline;
        padding:12px 12px 0
    }

    .ce_gallery h2 {
        margin-bottom:24px
    }

    .ce_gallery img:hover {
        opacity: 0.5
    }

    .virtual {
        width: 100%;
        height: 50vh;
        margin:24px auto
    }

    .cam {
        margin-right: 24px;
        margin-bottom: 32px;
        margin-left:24px
    }

    .text {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 24px;
        padding-left:24px
    }

    .spacer {
        height: 24px;
        clear:both
    }

    .ce_gallery h3 {
        text-align:center
    }

    .ce_text a {
        color: #007d23
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* content_haus_768.css */
    #container {
        width: 100%;
        margin-right: auto;
        margin-left:auto
    }

    #main {
        width: 100%;
        margin: 60px auto 24px;
        padding-bottom:0
    }

    #main .inside {
        width:100%
    }

    #spalten {
        width: 100%;
        max-width: 688px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 12px;
        padding-left:12px
    }

    #spalten .text_1_2 {
        width: 100%;
        margin-bottom: 0;
        padding-right: 12px;
        padding-left:12px
    }

    #spalten .text_2_2 {
        width: 100%;
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left:12px
    }

    #spalten ul {
        padding-left:18px
    }

    #contact {
        width: 100%;
        position: relative;
        clear: both;
        margin-right: auto;
        margin-bottom: 30px;
        margin-left: auto;
        padding: 24px;
        background-color:#c8e600
    }
	
	#rezension {
        width: 100%;
		max-width: 688px;
		margin-left: auto;
		margin-right: auto;
		text-align: center
	}	

    #contact .ce_form .text, #contact .ce_form .textarea {
        width: 100%;
        margin-bottom: 16px;
        padding: 8px;
        font:16px/24px Helvetica Neue, Helvetica, Arial
    }

    #contact .ce_form {
        width: 90%;
        margin-top: 12px;
        margin-right: auto;
        margin-left:auto
    }

    #contact .formbody, #contact .widget {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        text-align:center
    }

    #contact input[type=submit], #contact.button {
        width: auto;
        height: 50px;
        display: inline-block;
        margin: 0 auto 10px;
        padding-top: 4px;
        padding-right: 20px;
        padding-left: 60px;
        vertical-align: middle;
        text-align: center;
        background-color: #c8e600;
        background-image: url("../../files/schippl-haus/icons/mail_simple_dark.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        border-radius: 0;
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
        color: #007d23;
        background-position: 15px 50% !important;
        background-size: auto 24px;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    #contact input[type=submit]:hover, #contact.button:hover, #contact input[type=submit]:active, #contact.button:active {
        background-color: #007d23;
        background-image: url("../../files/schippl-haus/icons/mail_simple_white.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        font-weight: bold;
        text-decoration: none;
        color: #ffffff;
        background-position: 15px 50% !important
    }

    #contact h3 {
        margin-bottom: 0;
        text-align:center
    }

    #contact p {
        margin-bottom: 0;
        padding-top: 8px;
        padding-right: 24px;
        padding-left: 24px;
        vertical-align: middle;
        text-align:center
    }

    #contact .phone p a {
        height: 50px;
        display: inline-block;
        margin: 0 auto 10px;
        padding-top: 12px;
        padding-right: 20px;
        padding-left: 50px;
        vertical-align: middle;
        text-align: center;
        background-image: url("../../files/schippl-haus/icons/phone_simple_dark.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
        color: #007d23;
        background-position: 10px 50%;
        background-size: auto 30px
    }

    #contact .mail p a {
        height: 50px;
        display: inline-block;
        margin: 0 auto 10px;
        padding-top: 12px;
        padding-right: 20px;
        padding-left: 50px;
        vertical-align: middle;
        text-align: center;
        background-image: url("../../files/schippl-haus/icons/mail_simple_dark.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
        color: #007d23;
        background-position: 10px 50%;
        background-size: auto 24px
    }

    #contact .phone p a:hover {
        background-color: #007d23;
        background-image: url("../../files/schippl-haus/icons/phone_simple_white.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        color:#ffffff
    }

    #contact .mail p a:hover {
        background-color: #007d23;
        background-image: url("../../files/schippl-haus/icons/mail_simple_white.svg");
        background-repeat: no-repeat;
        border: 1px solid #007d23;
        color:#ffffff
    }

    #downloads {
        width: 100%;
        position: relative;
        clear: both;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding: 24px 24px 18px;
        background-color:#c8e600
    }

    #downloads p a {
        height: 40px;
        padding-top: 8px;
        vertical-align: middle;
        text-align: center;
        border: 1px solid #007d23;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
        color:#007d23
    }

    #downloads .dl_4 p a {
        width: 28.333333%;
        float: left;
        display: inline-block;
        margin:1.5% 2.5% 2.5%
    }

    #downloads .dl_3 p a {
        width: 28.333333%;
        float: left;
        display: inline-block;
        margin:1.5% 2.5% 2.5%
    }

    #downloads .dl_2 p a {
        width: 45%;
        float: left;
        display: inline-block;
        margin:1.5% 2.5% 2.5%
    }

    #downloads .dl_1 p a {
        width: 95%;
        float: left;
        display: inline-block;
        margin:1.5% 2.5% 2.5%
    }

    #downloads p a:hover {
        background-color: #007d23;
        color:#ffffff
    }

    #kreditrechner {
        width: 100%;
        position: relative;
        clear: both;
        margin: 0 auto;
        padding: 24px 0;
        background-color:#bce4fa
    }

    #kreditrechner .image_container {
        width: 100%;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding-top: 0;
        padding-bottom: 12px;
        text-align:center
    }

    #kreditrechner .image_container img {
        margin-right: auto;
        margin-left: auto;
        text-align:center
    }

    #kreditrechner .ce_text h2 {
        margin-top: 0;
        font-size: 24px;
        line-height: 24px;
        font-weight: normal;
        color:#00497b
    }

    .dlh_googlemap {
        height: 30vh;
        max-width: 100%;
        margin:0
    }

    h1 {
        width: 90%;
        margin: 0 auto 10px;
        padding-top: 0;
        text-align: center;
        font-size: 30px;
        line-height: 36px;
        font-weight: bold;
        color:#000000
    }

    h2 {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        font-size: 24px;
        line-height: 28px;
        font-weight: bold;
        color:#000000
    }

    h3 {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        font-size: 21px;
        line-height: 25px;
        font-weight: bold;
        color:#000000
    }

    h4 {
        width: 90%;
        margin-top: 10px;
        margin-bottom: -10px;
        text-align: left;
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
        color:#000000
    }

    p, li {
        font-size: 16px;
        line-height:24px
    }

    li {
        margin-bottom: 8px;
        list-style-type:disc
    }

    .titlepic {
        width: 100%;
        margin-bottom:20px
    }

    .plan {
        width: 100%;
        height: auto;
        margin-bottom:20px
    }

    .subtitle, .subtitle_small {
        width: 100%;
        max-width: 1024px;
        margin-top: 0;
        padding: 0 24px 16px;
        text-align: center;
        background-color: #ffffff;
    }

    .subtitle p {
        width: 100%;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        text-align: center;
        font-weight: bold;
        color:#007d23
    }

    .titlebutton {
        width: 100%;
        position: relative;
        margin: 10px auto -30px;
        text-align: center;
        z-index:90
    }

    .titlebutton h2 {
        width: auto;
        height: 60px;
        overflow: hidden;
        display: inline-block;
        padding-top: 14px;
        padding-right: 24px;
        padding-left: 24px;
        text-align: center;
        background-color: #c8e600;
        font-size: 24px;
        line-height: 28px;
        z-index:90
    }

    .ce_gallery {
        margin-bottom: 18px;
        padding-right: 12px;
        padding-left:12px
    }

    .ce_gallery > ul li.col_first {
        clear: none;
        display:inline-block
    }

    .ce_gallery li {
        width: 25%;
        float: left;
        clear: none;
        display: inline;
        padding:12px 12px 0
    }

    .ce_gallery h2 {
        margin-bottom:24px
    }

    .ce_gallery img:hover {
        opacity: 0.5
    }

    .virtual {
        width: 100%;
        height: 50vh;
        margin:24px auto
    }

    .spacer {
        height: 24px;
        clear:both
    }

    .cam {
        margin-right: 24px;
        margin-bottom: 32px;
        margin-left:24px
    }

    .text {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 24px;
        padding-left:24px
    }

    .ce_gallery h3 {
        text-align:center
    }

    .ce_text a {
        color: #007d23
    }
}
@charset "UTF-8";
/* CSS Document */

/* alle */

.nav_top, .nav_top_small, nav_top a, .nav_top_small a, #nav_top li a, #nav_top_small li a, #nav_top li, #nav_top_small li  {
    color: #007d23;
}

#footer .phone_footer a {
    background-image: url("../../files/schippl-haus/icons/phone_dark.svg");
    color:#007d23
}

#footer .mail_footer a {
    background-image: url("../../files/schippl-haus/icons/mail_dark.svg");
    color:#007d23
}

@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 767px) {
    /* footer_haus_320.css */
    #footer {
        width: 100%;
        height: auto;
        clear: both;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding: 0 0 36px;
        text-align: center;
        background-color:#e6e6e6
    }

    #footer h2 {
        margin: 0 auto;
        text-align: center;
        font-size: 20px;
        line-height: 24px;
        font-weight: bold;
        color:#c8e600
    }

    #footer p {
        margin-top: 0;
        margin-bottom: 16px;
        font-size: 16px;
        line-height:24px
    }

    #footer .inside {
        width: 100%;
        max-width: 1024px;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        text-align:center
    }

    #footer .ce_text {
        margin: 0;
        padding:0
    }

    #footer .contacts {
        width: 100%;
        height: 100%;
        padding-top: 24px;
        padding-right: 24px;
        padding-left:24px
    }

    #footer .contacts .address {
        margin-top: 0;
        margin-bottom:10px
    }

    #footer nav {
        width: 100%;
        margin: 0;
        padding: 0 24px;
        text-align: center;
        background-color:#e6e6e6
    }

    #footer nav ul {
        width: auto;
        margin: 0;
        padding: 0;
        border-top: 1px solid #cccccc;
        border-right: 0px solid #cccccc;
        border-left: 0px solid #cccccc;
        font-size: 16px;
        line-height: 24px;
        list-style-type:none
    }

    #footer nav ul a {
        text-decoration: none;
    }

    #footer nav ul li {
        width: auto;
        margin: 0;
        padding: 6px 0;
        text-align: center;
        border-right: 0px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        border-left: 0px solid #cccccc;
        border-collapse: collapse;
        list-style-type:none
    }

    #footer .phone_footer a {
        display: block;
        padding-top: 48px;
        padding-bottom: 0;
        background-position: center top;
        background-repeat: no-repeat;
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
        text-decoration: none;
        background-size: 40px auto
    }

    #footer .mail_footer a {
        display: block;
        padding-top: 48px;
        padding-bottom: 0;
        background-position: center top;
        background-repeat: no-repeat;
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
        text-decoration: none;
        background-size: 40px auto
    }

    .immy {
        width: 60%
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* footer_haus_768.css */
    #footer {
        width: 100%;
        height: auto;
        clear: both;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding: 0 0 36px;
        text-align: center;
        background-color:#e6e6e6
    }

    #footer h2 {
        margin: 0 auto;
        text-align: center;
        font-size: 28px;
        line-height: 32px;
        font-weight: bold;
        color:#c8e600
    }

    #footer p {
        margin-top: 12px;
        margin-bottom: 12px;
        font-size: 16px;
        line-height:24px
    }

    #footer .inside {
        width: 100%;
        max-width:1024px
    }

    #footer .ce_text {
        margin: 0;
        padding:0
    }

    #footer .contacts {
        width: 66.666666%;
        height: 100%;
        float: left;
        display: inline-block;
        padding: 24px 0 0 24px;
        text-align:left
    }

    #footer .contacts .address {
    }

    #footer nav {
        width: 33.333333%;
        display: inline-block;
        margin: 0;
        padding: 24px 24px 0 0;
        background-color:#e6e6e6
    }

    #footer nav ul {
        width: auto;
        margin: 0;
        padding: 0;
        border-top: 1px solid #cccccc;
        border-right: 0px solid #cccccc;
        border-left: 0px solid #cccccc;
        font-size: 16px;
        line-height: 24px;
        list-style-type:none
    }

    #footer nav ul a {
        text-decoration: none;
    }

    #footer nav li {
        width: auto;
        margin: 0;
        padding: 6px 0 6px 6px;
        text-align: left;
        border-right: 0px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        border-left: 0px solid #cccccc;
        border-collapse: collapse;
        list-style-type:none
    }

    #footer .phone_footer a {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 48px;
        background-repeat: no-repeat;
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
    }

    #footer .mail_footer a {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 48px;
        background-repeat: no-repeat;
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
    }

   .immy {
        width: 45%
    }
}

@media screen and (min-width: 1024px) {
    /* footer_haus_1024.css */
    #footer {
        width: 100%;
        height: auto;
        clear: both;
        display: block;
        margin: 0 auto;
        padding: 0 0 60px;
        text-align: center;
        background-color:#e6e6e6
    }

    #footer h2 {
        margin: 0 auto;
        text-align: center;
        font-size: 32px;
        line-height: 36px;
        font-weight: bold;
        color:#c8e600
    }

    #footer #contacts {
        width: 100%;
        max-width: 1024px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 24px;
        padding-right: 24px;
        padding-left:24px;
		position: relative

    }

    #footer .inside {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        padding-left: 0;
        text-align:left
    }

    #footer p {
        margin-top: 12px;
        margin-bottom: 12px;
        font-size: 16px;
        line-height:24px
    }

    #footer .ce_text {
        margin: 0;
        padding:0
    }

    #footer .contacts {
        width: 75%;
        height: 100%;
        float: left;
        display:inline-block
    }

    #footer .address {
        width: 75%;
		bottom: 0
    }

    #footer nav .mod_navigation {
        width: 25%;
        display: inline-block;
        margin: 0;
        padding:0
    }

    #footer nav ul {
        width: auto;
        display: block;
        margin: 0;
        padding: 0;
        border-top: 1px solid #cccccc;
        border-right: 0px solid #cccccc;
        border-left: 0px solid #cccccc;
        font-size: 16px;
        line-height: 24px;
        list-style-type:none
    }

    #footer nav ul a {
        text-decoration: none;
    }

    #footer nav ul li {
        width: auto;
        display: block;
        margin: 0;
        padding: 6px 0 6px 6px;
        text-align: left;
        border-right: 0px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        border-left: 0px solid #cccccc;
        border-collapse: collapse;
        list-style-type:none
    }

    #footer nav ul li .trail, #footer nav ul li .active {
        font-weight: bold;
        text-decoration: none;
    }

    #footer .phone_footer a {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 48px;
        background-repeat: no-repeat;
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
    }

    #footer .mail_footer a {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 48px;
        background-repeat: no-repeat;
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        text-decoration: none;
    }

    .immy {
        width: 45%
    }
}

@charset "UTF-8";
/* CSS Document */

/* menu_haus_1024.css */

#header_small .nav_top_small, #nav_top_small ul {
	background-color: #ffffff
}

#header .nav_top {
	background-color: #ffffff
}

#footer .nav_top {
	background-color: #e6e6e6
}

.nav_top {
    float: right;
    margin-top: 30px;
    margin-right: 24px;
    font-weight: bold;
    transition: .5s
}

.nav_top_small {
    float: right;
    margin-top: 20px;
    margin-right: 24px;
    font-weight: bold;
    transition: .5s
}


#nav_top {
	z-index: 100
}

#nav_top ul, #nav_top_small ul {
    width: auto;
    margin: 0;
    padding-left: 0;
    border-left: 1px solid #cccccc;
    list-style-type:none
}

#nav_top li, #nav_top_small li {
    width: auto;
    display: inline-block;
    margin: 0;
    padding: 0 14px;
    border-right: 1px solid #cccccc;
    border-collapse: collapse;
    list-style-type:none
}

#nav_top li a, #nav_top_small li a {
    display: block;
    font-weight: normal;
    text-decoration: none;
}

header .inside {
    width: 100%;
    margin-right: 24;
    margin-left:24
}

#header {
    width: 100%;
    height: 102px;
    left: 0;
    top: 0;
    position: fixed;
    padding-top: 15;
    padding-right: 24;
    padding-left: 24;
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    font-size: 16px;
    line-height: 24px;
    z-index: 100;
    transition: .5s
}

#header_small {
    width: 100%;
    height: 72px;
    left: 0;
    top: 0;
    position: fixed;
    padding-top: 15;
    padding-right: 24;
    padding-left: 24;
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    font-size: 16px;
    line-height: 24px;
    z-index: 100;
    transition: .5s
}

.logo {
    height: 46px;
    float: left;
    margin-top: 30px;
    margin-right: 24px;
    margin-left: 24px;
    text-align: left;
    transition: .5s
}

.logo_small {
    height: 32px;
    float: left;
    margin-top: 20px;
    margin-right: 24px;
    margin-left: 24px;
    text-align: left;
    transition: .5s
}

.logo4, .logo4_small {
	display: none;
    }

.nav_toggle {
    display: none
}

.subtitle, #subtitle, .subtitle_small, #subtitle_small {
	width: 100vw;
	height: 54px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #ffffff;
    }

#main {
	margin-top: 102px;
}

/*@media screen and (min-width: 768px) and (max-width: 1119px) {
    menu_haus_768.css
	
	.nav_top, .nav_top_small, #nav_top {
	margin-top: 0
}

    .nav_top, .nav_top_small {
        width: 100%;
        top: 60px;
        position: fixed;
        display: none;
        margin: 0;
        font-size: 18px;
        z-index:100
    }

    #nav_top ul, #nav_top_small ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type:none
    }
	
	.nav_top_small ul {
	background-color: #ffffff;
	}

    #nav_top li, #nav_top_small li {
        width: 100%;
        display: block;
        margin: 0;
        padding: 18px 0;
        text-align: center;
        border-bottom: 1px solid #cccccc;
        border-collapse: collapse;
        font-size: 16px;
        line-height: 24px;
        font-weight: normal;
        list-style-type:none
    }

    #nav_top li a, #nav_top_small li a {
        padding: 0;
        text-decoration: none;
        color:#007d23
    }

    header .inside {
        width: 100%;
        margin-right: 24;
        margin-left:24
    }

    #header, #header_small {
        width: 100%;
        height: 60px;
        left: 0;
        top: 0;
        position: fixed;
        padding-top: 9;
        padding-right: 24;
        padding-left: 24;
        background-color: #ffffff;
        border-bottom: 1px solid #cccccc;
        font-size: 16px;
        line-height: 24px;
        z-index:100
    }

    .logo, .logo_small {
        height: 32px;
        float: left;
        margin-top: 16px;
        margin-right: 24px;
        margin-left: 24px;
        text-align:left
    }

    .nav_toggle, #header .nav_toggle, #header_small .nav_toggle {
        width: 40px;
        height: auto;
        float: right;
        display: block;
        margin-top: 16px;
        margin-right: 24px;
        text-align: right;
        cursor: pointer;
        z-index: 500
    }
}*/
@media screen and (max-width: 1399px) {
	
	#main {
	margin-top: 60px;
}

    .subtitle_small, #subtitle_small, .subtitle, #subtitle {
        width: 100vw;
        height: 54px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        background-color: #ffffff;
		position: relative;
		z-index: auto;
    }
}

@media screen and (min-width: 600px) and (max-width: 1399px) {
    /* menu_haus_320.css */
	
	.nav_top, .nav_top_small, #nav_top {
	margin-top: 0
}

    #nav_top ul a, #nav_to_smallp ul a {
        width: 100%;
        display: block;
        padding: 0;
        font-weight: normal;
        text-decoration: none;
    }

    .nav_top, .nav_top_small {
        width: 100%;
        top: 60px;
        position: absolute;
        display: none;
        font-size: 18px;
        font-weight: normal;
        z-index:100
    }

    #nav_top ul, #nav_top_small ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type:none
    }

	.nav_top_small ul {
	background-color: #ffffff;
	}
	
    #nav_top li, #nav_top_small li {
        width: 100%;
        display: block;
        margin: 0;
        padding: 18px 0;
        text-align: center;
        border-bottom: 1px solid #cccccc;
        border-collapse: collapse;
        font-size: 16px;
        line-height: 24px;
        font-weight: normal;
        list-style-type:none
    }

    header .inside {
        width: 100%;
        margin-right: 24;
        margin-left:24
    }

    #header, #header_small {
        width: 100%;
        height: 60px;
        padding-top: 15;
        padding-right: 24;
        padding-left: 24;
        background-color: #ffffff;
        border-bottom: 1px solid #cccccc;
        font-size: 16px;
        line-height: 24px;
        z-index:100
    }

    .logo, .logo_small, .logo2, .logo2_small, .logo3, .logo3_small  {
        height: 32px;
        float: left;
        margin-top: 16px;
        margin-right: 24px;
        margin-left: 24px;
        text-align:left;
		display: block
    }
	
	.logo4, .logo4_small {
	display: none;
    }

    .nav_toggle {
        width: 40px;
        height: auto;
        float: right;
        display: block;
        margin-top: 16px;
        margin-right: 24px;
        text-align: right;
        cursor: pointer
    }
}
@media screen and (max-width: 599px) {
    /* menu_haus_320.css */
	
	.nav_top, .nav_top_small, #nav_top {
	margin-top: 0
}

    #nav_top ul a, #nav_to_smallp ul a {
        width: 100%;
        display: block;
        padding: 0;
        font-weight: normal;
        text-decoration: none;
    }

    .nav_top, .nav_top_small {
        width: 100%;
        top: 60px;
        position: absolute;
        display: none;
        font-size: 18px;
        font-weight: normal;
        z-index:100
    }

    #nav_top ul, #nav_top_small ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type:none
    }

	.nav_top_small ul {
	background-color: #ffffff;
	}
	
    #nav_top li, #nav_top_small li {
        width: 100%;
        display: block;
        margin: 0;
        padding: 18px 0;
        text-align: center;
        border-bottom: 1px solid #cccccc;
        border-collapse: collapse;
        font-size: 16px;
        line-height: 24px;
        font-weight: normal;
        list-style-type:none
    }

    header .inside {
        width: 100%;
        margin-right: 24;
        margin-left:24
    }

    #header, #header_small {
        width: 100%;
        height: 60px;
        padding-top: 15;
        padding-right: 24;
        padding-left: 24;
        background-color: #ffffff;
        border-bottom: 1px solid #cccccc;
        font-size: 16px;
        line-height: 24px;
        z-index:100
    }

    .logo, .logo_small, .logo4, .logo4_small {
        height: 32px;
        float: left;
        margin-top: 16px;
        margin-right: 24px;
        margin-left: 24px;
        text-align:left;
		display:block
	}
	
	.logo2, .logo2_small, .logo3, .logo3_small {
	display: none;
    }

    .nav_toggle {
        width: 40px;
        height: auto;
        float: right;
        display: block;
        margin-top: 16px;
        margin-right: 24px;
        text-align: right;
        cursor: pointer
    }