.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

body {
  font-size: 100%;
  line-height: 1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display: block;
}

nav ul {
  list-style :none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select {
  vertical-align :middle;
}
/* Backgrounds */
body { background-color: #ffffff; }
/* Typographie */
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/yvs-theme/fonts/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/yvs-theme/fonts/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/yvs-theme/fonts/roboto-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/yvs-theme/fonts/roboto-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/yvs-theme/fonts/roboto-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/yvs-theme/fonts/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/yvs-theme/fonts/roboto-v29-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/yvs-theme/fonts/roboto-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/yvs-theme/fonts/roboto-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/yvs-theme/fonts/roboto-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/yvs-theme/fonts/roboto-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/yvs-theme/fonts/roboto-v29-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/yvs-theme/fonts/roboto-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/yvs-theme/fonts/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/yvs-theme/fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/yvs-theme/fonts/roboto-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/yvs-theme/fonts/roboto-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/yvs-theme/fonts/roboto-v29-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/yvs-theme/fonts/ubuntu-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-300italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/yvs-theme/fonts/ubuntu-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-300italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/yvs-theme/fonts/ubuntu-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/yvs-theme/fonts/ubuntu-v15-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
:root {
	--yvs-basefont: "Roboto", Verdana, Arial, sans-serif;
	--yvs-warmgrey-medium: #cbc7c1;
}
body {
    font-family: var(--yvs-basefont);
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    line-height: 1.675;
}

/* NEU */
#servicenavigation {
    background-color: #e0dcd7;
    color: #000000;
    font-size: 0.875rem;
    font-style: normal;
    letter-spacing: 0.075rem;
    line-height: 1;
    padding: 12px 30px;
    text-align: right;
    text-transform: uppercase;
}
#servicenavigation p {
    display: inline-block;
    font-style: normal;
    margin-bottom: 0;
}
#servicenavigation a { color: #000000;}
#servicenavigation a:hover { color: #961027; text-decoration: none;}

#servicenavigation p.phone {
    display: inline-block;
    padding-right: 1rem;
}

@media (max-width:440px) {
    #servicenavigation {
        display: block;
        text-align: center;
    }
    #servicenavigation p.phone {margin-bottom: 1rem;}
    }

    @media (min-width:441px) {
        #servicenavigation p.phone::after {
            content: '|';
            padding-left: 1rem;
        }
        }
        
/* Icons in Adressen */

#servicenavigation p.phone::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/phone-black.svg);
    display: inline-block;
    height: 30px;
    width: 15px;
    margin-right: 0.375rem;
    position: relative;
    top: 6px;
}
#servicenavigation p.phone:hover::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/phone-red.svg);
}

.adress-block span { display: block; margin-bottom: 0.375rem; }

.adress-block span.phone-station::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/phone-red.svg);
    display: inline-block;
    width: 14px;
    margin-right: 0.375rem;
    position: relative;
    top: 5px;
}
.adress-block span.phone-station:hover::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/phone-black.svg);
}

.adress-block span.mobile::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/phone-red.svg);
    display: inline-block;
    width: 14px;
    margin-right: 0.375rem;
    position: relative;
    top: 5px;
}
.adress-block span.mobile:hover::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/phone-black.svg);
}

.adress-block span.web::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/web-red.svg);
    display: inline-block;
    width: 16px;
    margin-right: 0.375rem;
    position: relative;
    top: 5px;
}
.adress-block span.web:hover::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/web-black.svg);
}

.adress-block span.mail::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/mail-red.svg);
    display: inline-block;
    width: 16px;
    margin-right: 0.375rem;
    position: relative;
    top: 4px;
}
.adress-block span.mail:hover::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/mail-black.svg);
}

.adress-block span.location::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/pin-black.svg);
    display: inline-block;
    width: 15px;
    margin-right: 0.375rem;
    position: relative;
    top: 3px;
}

.adress-block span.instagram::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/instagram-s-red.svg);
    display: inline-block;
    width: 16px;
    margin-right: 0.375rem;
    position: relative;
    top: 4px;
}
.adress-block span.instagram:hover::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/instagram-s-black.svg);
}

.adress-block span.facebook::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/facebook-s-red.svg);
    display: inline-block;
    width: 16px;
    margin-right: 0.375rem;
    position: relative;
    top: 4px;
}
.adress-block span.facebook:hover::before {
    content: url(https://www.yvs-design.de/files/yvs-theme/grafiken/facebook-s-black.svg);
}

#wrapper { font-size: clamp(0.875rem, 1.125vw + 0.125rem, 1.25rem); }
.inside { position: relative; }
h1, h2, h3, h4, h5, h6 {
    color: #544f4a;
    font-weight: 300;
}
h1 {
    font-size: 1.875rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    text-align: center;
}

h1.h-first {
    margin-bottom: 0;
    margin-top: 5rem;
}
@media (max-width:478px) { h1.h-big { margin-top: 1rem; }}

h1.h-big { font-size: 2.875rem;}
h2.h-big { font-size: 1.875rem;}

h2 {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    text-align: center;
}
@media (max-width:768px) { h2 { font-size: 1.25rem; }}

@media (max-width:768px) { h1, h1.h-big { font-size: 1.5rem; }}
@media (max-width:478px) { h1, h1.h-big { font-size: 1.25rem; }}

.no-subnav h1.first-element { margin-top: 2rem; }

h3 { margin-bottom: 1rem; }

h1 span.nowrap, h2 span.nowrap, h3 span.nowrap, h4 span.nowrap, h5 span.nowrap, h6 span.nowrap { white-space: nowrap; }

@media (max-width:600px) {
    h1 span.nowrap, h2 span.nowrap, h3 span.nowrap, h4 span.nowrap, h5 span.nowrap, h6 span.nowrap { white-space: wrap; }
}

.h-center { text-align: center; }

.bigger-splash {
    font-size: 2.5rem;
}
.big-splash {
    color: #580062;
    font-size: 3.75rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
    text-align: left;
}

.big-splash-2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
    text-align: left;
}
.big-splash-link a {
    color: #580062;
    font-size: 2.5rem;
}

@media (max-width:600px) {
    .big-splash, .big-splash-2 { font-size: 2.5rem; }
}

p { margin-bottom: 1rem; }
p strong { font-weight: bold; }
.mod_article li {
    list-style-type: square;
    margin-bottom: 1rem;
    margin-left: 1rem;
}
hr {
    background: transparent;
    margin: 0 0 2rem 0;
    padding: 0 0 2rem 0;
    border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
    border-bottom: 1px #000 dotted;
    display: block;
    width: 100%;
}
/* Links */
a {
  color: #961027;
  background: transparent;
  text-decoration: none;
}
a:active { outline: none; }
a:hover, a:focus {
  color: #660a13;
  text-decoration: underline;
}
.image_container a:hover, .image_container a:focus { background-color: transparent; }
/* Layout */
#wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
    height: 100vh;
}
@media (max-width: 629px) {
#wrapper {
    padding-left: 30px;
    padding-right: 30px;
}
}
@media (min-width: 1300px) {
#wrapper {
    padding-left: 0;
    padding-right: 0;
}
}
#container { padding-bottom: 100px; }
@media (min-width: 860px) {
.standard .mod_article, .startseite .mod_article { margin-top: 2rem; }
}
/* Layout Standard Subnav | Inhalt */
#main .inside {
	display: block !important;
}
.no-subnav #main .inside { display: block; }
/* Standard */
#main .mod_navigation {
    width: 30%;
    max-width: 300px;
}
/*#main .mod_article { width: 70%; }*/
#main .mod_article.fullwidth { width: 100%; }
.shop #main .mod_article { width: 100%; }
/* Sub-Nav transparent */
.sub-nav-transparent #container,
.no-subnav #container {
    margin-left: -50px;
    margin-right: -50px;
}
@media (max-width:629px) {
.sub-nav-transparent #container/*,
.no-subnav #container*/ {
    margin-left: -30px;
    margin-right: -30px;
}
}
.sub-nav-transparent #main .inside { position: relative; }
.sub-nav-transparent #main .mod_navigation {
    position: absolute;
    left: 50px;
    width: 30%;
    max-width: 300px;
    z-index: 5000;
}
.sub-nav-transparent #main .mod_article,
.kachel-nav #main .mod_article, 
.startseite #main .mod_article,
.no-subnav #main .mod_article { width: 100%; }
.sub-nav-transparent #main .content-text,
.sub-nav-transparent #main .ce_headline,
.kachel-nav #main .content-text,
.startseite .content-text,
.startseite .ce_headline,
.no-subnav .content-text,
.no-subnav .ce_headline, .content-headline, .ce_divider, .rs-columns, .max, .content-text {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 900px) {
.sub-nav-transparent #main .content-text,
.sub-nav-transparent #main .ce_headline,
.kachel-nav #main .content-text,
.startseite .content-text,
.startseite .ce_headline,
.no-subnav .content-text,
.no-subnav .ce_headline {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
}
}
@media (max-width: 700px) {
.sub-nav-transparent #main .content-text,
.sub-nav-transparent #main .ce_headline,
.startseite .content-text,
.startseite .ce_headline,
.no-subnav .content-text,
.no-subnav .ce_headline {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
}
}
@media (max-width: 768px) {
.flex-column.content-text {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
}
}
    @media (max-width: 900px) {
.kachel-nav #main .rs-columns .content-text,
.kachel-nav #main .content-text {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
}
}

#article-595 .content-headline { max-width: 1200px; }

.p-atelier-fensterdeco-montage .rs-columns {
    display: block;
    margin-left: auto;
    margin-right: auto;

}
.plus-content {
    width: auto !important;
    padding-left: 50px;
    padding-right: 50px;
}

@media (max-width:629px) {
.kachel-nav #container {
    margin-left: 0;
    margin-right: 0;
}
}
.kachel-nav #main .inside {
    display: block;
    position: relative;
}
.kachel-nav #main .mod_navigation {
    max-width: none;
    width: 100%;
}
@media (max-width: 859px) {
#main .mod_navigation { display: none; }
.kachel-nav #main .mod_navigation { display: block; }
#main .mod_article { width: 100%; }
}
.kachel h2 {
    border-bottom: 1px dotted #524d4a;
    line-height: 1;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    width: 100%;
}

/* Breadcrumb */

.mod_breadcrumb {
    font-size: 0.8rem;
    margin: 0.5rem 0;
}
.mod_breadcrumb li {
    display: inline-block;
}

.mod_breadcrumb li span.breadcrumb {
    padding-left: 0.5rem;
    padding-right: 0.5rem
    ;
}

/* Bilder */
img {
    margin-bottom: 1rem;
    max-width: 100%;
    height: auto;
}
#main .content-slider img { margin-bottom: -6px; }
/* Text über Bilder */
main div.copyright figure.image_container,
main div.copyright figure,
.auswahl figure.image_container { position: relative; }
main div.copyright figure.image_container img,
.auswahl figure.image_container img {
    position: relative;
    width: 100%;
    z-index: 100;
}
main div.copyright figure figcaption {
    background: rgba(0,0,0,0.65);
    bottom: 25px;
    color: #fff;
    font-size: 0.8em;
    height: 2em;
    line-height: 2;
    padding: 0 1% 0 0;
    position: absolute;
    text-align: right;
    width: 99% !important;
    z-index: 600 !important;
}
/* Header */
header .logo { max-width: 500px; margin-left: auto; margin-right: auto; }
header .logo-objekt { max-width: 235px; margin-left: auto; margin-right: auto; }
@media (max-width: 859px) {
header .logo {
    margin-top: 2rem;
    max-width: 450px;
}
}
header .smallerscreens {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 255px;
}
@media (max-width: 400px) {
header .logo-objekt { margin-top: 20px; }
}
/* Footer */
#footer .inside { background: #ffffff;}
#footer .inside {
    bottom: 0;
    /*position: fixed;*/
    width: 100%;
    z-index: 6000;
}
/* Navigationen */
 .mod_navigation a, .mod_customnav a {
     color: #564941;
     text-decoration: none;
}
#Mainnavigation .mod_navigation, #footer .mod_customnav {
    font-weight: 300;
    text-transform: uppercase;
}

#Mainnavigation .mod_navigation {
    border-top: 1px solid #564941;
    border-bottom: 1px solid #564941;
}
#footer .mod_customnav {
    border-top: 1px solid #564941;
}

#Mainnavigation .mod_navigation, #footer .mod_customnav {
    margin-left: -50px;
    margin-right: -50px;
}


@media (max-width: 629px) {
#Mainnavigation .mod_navigation, #footer .mod_customnav {
    margin-left: -30px;
    margin-right: -30px;    
}
}

@media (min-width: 1300px) {
#Mainnavigation .mod_navigation, #footer .mod_customnav {
        margin-left: -1000px;
        margin-right: -1000px;    
    }
}
    


#Mainnavigation .mod_navigation ul, #footer .mod_customnav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 50px;
    padding-right: 50px;
}
#Mainnavigation .mod_navigation li, #footer .mod_customnav li {
    margin-top: 0;
    margin-bottom: 0;
}
#Mainnavigation .mod_navigation a, #Mainnavigation .mod_navigation strong, #footer .mod_customnav a, #footer .mod_customnav strong {
    border-right: 0px;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#Mainnavigation .mod_navigation a.first, #Mainnavigation .mod_navigation strong, #footer .mod_customnav a.first, #footer .mod_customnav strong {
    border-left: 0px;
}

#Mainnavigation .mod_navigation li:first-of-type a, #footer .mod_customnav li:first-of-type a {border-left: 0px;}



@media (max-width: 1180px) {
#Mainnavigation .mod_navigation a, #Mainnavigation .mod_navigation strong, #footer .mod_customnav a, #footer .mod_customnav strong {
    padding-left: 15px;
    padding-right: 15px;
}
}
@media (max-width: 890px) {
#Mainnavigation .mod_navigation a, #Mainnavigation .mod_navigation strong, #footer .mod_customnav a, #footer .mod_customnav strong {
    padding-left: 10px;
    padding-right: 10px;
}
}
#Mainnavigation .mod_navigation a:hover, #footer .mod_customnav a:hover {
    background: #660a13;
    color: #ffffff;
}
#Mainnavigation .mod_navigation a.first:hover, #footer .mod_customnav a.first:hover {
    background: #660a13;
    color: #ffffff;
}
#Mainnavigation .mod_navigation strong, #Mainnavigation .mod_navigation a.trail {
    background: #564941;
    color: #ffffff;
}
#footer .mod_customnav ul {
    background-color: #ffffff;
}
#footer .mod_customnav strong { color: #000000; }
/* Subnavs */
.subnav ul {
    margin-left: -50px;
    margin-right: 2rem;
}
.subnav ul ul {
    margin-left: 0;
    margin-right: 0;
}
.subnav li {
    background: rgba(86,73,65,0.7);
    border-bottom: 1px solid #fff;
    color: #ffffff;
}
.subnav ul ul li { border-bottom: none; }
.subnav a, .subnav strong {
    color: #ffffff;
    display: block;
    padding-left: 50px;
    padding-right: 20px;
}
.subnav strong { background: rgba(86,73,65,0.7); }
.subnav a:hover {
    background: rgba(86,73,65,0.7);
    color: #ffffff;
}
/* Shop Icons */
.shop-icons {
	position: absolute;
	top: 20px;
	top: 1.25rem;
	right: 20px;
	right: 1.25rem;
	z-index: 5000;
}
@media (max-width: 859px) {
.shop-icons {
	position: relative;
	top: 20px;
	top: 1.25rem;
	left: 0;
	z-index: 5000;
}
}
.shop-icons li {
    display: inline-block;
    list-style: none;
}
.shop-icons a:hover, .shop-icons a:focus {
    background-color: transparent;
    color: transparent;
}
.shop-icons .cart a::before {
    content: url("../../files/yvs-theme/grafiken/Shop-Icons-Link-Cart.svg");
    display: inline-block;
    margin-right: 0;
    width: 2rem;
}
.shop-icons .user a::before {
    content: url("../../files/yvs-theme/grafiken/Shop-Icons-Link-User.svg");
    display: inline-block;
    margin-right: 0;
    width: 2rem;
}
.shop-icons .cart a:hover::before {
    content: url("../../files/yvs-theme/grafiken/Shop-Icons-Hover-Cart.svg");
    display: inline-block;
    margin-right: 0;
    width: 2rem;
}
.shop-icons .user a:hover::before {
    content: url("../../files/yvs-theme/grafiken/Shop-Icons-Hover-User.svg");
    display: inline-block;
    margin-right: 0;
    width: 2rem;
}
.shop-icons .cart .shop-icons-label { margin-right: 1rem; }
@media (max-width: 359px) {
.shop-icons .shop-icons-label {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);    
}
.shop-icons .cart { margin-right: 1rem; }
}
/* Ausnahmen für Link-Formatierung Labels Shop-Icons*/
.shop-icons a span {
    color: #524d4a;
    font-size: 1rem;
    position: relative;
    top: -5px;
}
/* Mobile Navigation */
.mod_mobile_menu {
	position: absolute;
	top: 20px;
	top: 1.25rem;
	right: 20px;
	right: 1.25rem;
	z-index: 5000;
}
@media (max-width: 400px) {
.mod_mobile_menu {
	position: absolute;
	top: -24px;
	top: -1.5rem;
	right: 0;
	z-index: 5000;
}
.shop .mod_mobile_menu {
	position: absolute;
	top: 1.5rem;
	right: 0;
	z-index: 5000;
}
}
@media (max-width: 859px) {
.privat .mod_mobile_menu {
	position: absolute;
	top: -32px;
	top: -2rem;
	right: 0;
	z-index: 5000;
}
}
.mobile_menu {
	cursor: pointer;
	display: block;
	z-index: 5000;
}
.mobile_menu .inner {
	height: 100%;
	overflow-y: auto;
}
.mobile_menu_trigger { cursor: pointer; }
.mobile_menu_trigger .nav-icon {
	cursor: pointer;
	height: 45px;
	position: relative;
	width: 43px;
}
.mobile_menu_trigger .nav-icon span {
	background: #524d4a;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 3px;
	left: 0;
	opacity: 1;
	position: absolute;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	width: 43px;
}
.mobile_menu_trigger .nav-icon span:nth-child(1) {
	background: #524d4a;
	top: 0px;
}
.mobile_menu_trigger .nav-icon span:nth-child(2) {
	background: #524d4a;
	top: 11px;
}
.mobile_menu_trigger .nav-icon span:nth-child(3) {
	background: #524d4a;
	top: 22px;
}
.mobile_menu_trigger.active .nav-icon span:nth-child(1) {
	background: #524d4a;
	top: 10px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.mobile_menu_trigger.active .nav-icon span:nth-child(2) { display: none; }
.mobile_menu_trigger.active .nav-icon span:nth-child(3) {
	background: #524d4a;
	top: 10px;
	-webkit-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
.mobile_menu_overlay { background: rgba(255,255,255,0.8) !important; }
.mobile_menu .inner {
    background: #f1efec;
    background-color: rgba(241, 239, 236, 0.95);
    height: 100%;
    padding-top: 32px;
    padding-top: 2rem;
    overflow-y: auto;
}
.mobile_menu nav {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
.mobile_menu ul {
	font-size: 16px;
	text-align: left;
	text-transform: uppercase;
	list-style-type: none;
}
.mobile_menu .level_2 li {
	border-bottom: 0;
	text-transform: none;
}
.mobile_menu li {
	font-size: 16px;
	border-bottom: 1px dotted #796442;
	float: none;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-left: 0;
}
.mobile_menu .mobile-nav-start li.first { border-top: 1px dotted #475c7a; }
.mobile_menu a, .mobile_menu a:visited, .mobile_menu a:hover, .mobile_menu a:active {
	display: block;
	text-decoration: none;
}
.mobile_menu li.active a, .mobile_menu li.active strong { display: block; }
.mobile_menu li.active strong { font-weight: 700; }
.mobile_menu a:hover { color: #f59502; }
/* Einrückungen mobile menu */
.mobile_menu .level_1 a, .mobile_menu .level_1 strong { padding-left: 30px; }
.mobile_menu .level_2 a, .mobile_menu .level_2 strong { padding-left: 30px; }
.mobile_menu .level_3 a, .mobile_menu .level_3 strong { padding-left: 50px; }
.mobile_menu .level_4 a, .mobile_menu .level_4 strong { padding-left: 70px; }
@media (max-width:859px) {
.custom, nav.desktop, #footer { display: none; }
}
@media (min-width:860px) {
.mobile_menu { display: none; }
}
/* Kachelnavi */
  .kachel {
      /* Einfassen der Floats im IE */
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      overflow: hidden;
      position: relative;
      line-height: 1em;
      background: transparent;
      margin-bottom: 1em;
      padding: 0;
  }
  .kachel ul {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
      width: 100%;
  }
  .kachel ul li {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: transparent;
      display: inline;
      float: left;
      font-size: 1.0em;
      line-height: 1;
      list-style-type: none;
      margin: 0 1% 1% 0;
      padding: 0;
      position: relative;
      width: 24%;
}
@media (max-width:799px) {
.kachel ul li {
    margin: 0 3% 3% 0;
    width: 47%;
}
}
@media (max-width:599px) {
.kachel ul li {
    margin: 0 0 3% 0;
    width: 100%;
}
}
.kachel ul li:before {
	content: "";
	display: block;
	padding-top: 133.333333333%;
}
.kachel ul li a, .kachel ul li strong.active {
    background: transparent;
    color: #fff;
    display: block;
    font-family: var(--yvs-basefont);
    font-size: 1.25em;
    font-weight: 300;
	letter-spacing: 0.0625em;
    line-height: 2rem;
    padding: 0;
	text-align: center;
    text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0px 2px 8px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=2);
	position: absolute;
	top: 5em;
	left: 0;
	bottom: 0;
	right: 0;
    width: auto;
}
@media (max-width:1069px) {
.kachel ul li a, .kachel ul li strong.active {
    font-size: 1.25rem;
	position: absolute;
	top: 5em;
	left: 0;
	bottom: 0;
	right: 0;
    width: auto;
}
}
.kachel ul li a:focus,
.kachel ul li a:hover,
.kachel ul li a:active {
    color: #fff;
    background: transparent;
    text-decoration: none;
    outline: 0 none;
  }
.kachel ul li.active, .kachel ul li.trail a {
    background: transparent;
    color: #fff;
  }
.kachel ul li.active span.active,
.kachel ul li.active a:focus,
.kachel ul li.active a:hover,
.kachel ul li.active a:active {
    background: transparent;
    color: #fff;
    text-decoration: none;
  }
.kachel ul li {
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

.portfolio-nav {
    border-top: 1px dotted #000000;
    margin-top: 2rem;
    padding-top: 2rem;
}

.portfolio-nav ul::before {
    content: 'Anwendungen';
    color: #544f4a;
    display: block;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    text-align: center;
}

@media (max-width:768px) {
.portfolio-nav ul::before {
        font-size: 1.25rem;
}}

/* Kachelbilder Location */

.kachel ul li.p-location-hd {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Location/Kachel-Location-Heidelberg.jpg) no-repeat left top;
    background-size: cover;}

.kachel ul li.p-location-ma {
    background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Location/Kachel-Location-Mannheim.jpg) no-repeat left top;
    background-size: cover;}

.kachel ul li.p-location-muenchen {
    background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Location/Kachel-Location-Muenchen.jpg) no-repeat left top;
    background-size: cover;}
    

.kachel ul li.p-location-mallorca {
    background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Location/Kachel-Location-Mallorca.jpg) no-repeat left top;
    background-size: cover;
}
    
/* Kachelbilder Cafes und Bars */
.kachel ul li#bar-cafe {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-bar-cafe.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#cafe-del-mundo {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-cafe-del-mundo.jpg) no-repeat left top;
    background-size: cover;}
    .kachel ul li#basoni-wein-und-genuss, .kachel ul li#basoni {
        background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-basoni.jpg) no-repeat left top;
        background-size: cover;}
    /* Kachelbilder Kiosk */
.kachel ul li#kiosk {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/die-kleine-metzgerei-kachel.jpg) no-repeat left top;
    background-size: cover;}
    /* Kachelbilder Restaurants A-Z */
.kachel ul li#showroom-yvs-design-in-heidelberg {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-showroom-hd.jpg) no-repeat left top;
    background-size: cover;
}
.kachel ul li#restaurant {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-restaurants.jpg) no-repeat left top;
    background-size: cover;
}
.kachel ul li#vino-rosso {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-vino-rosso.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#da-gianni {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-dagianni.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#doblers {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-doblers.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#riva {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-hippo.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#leopold {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-leopold.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#die-metzgerei {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-metzgerei.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#scharffs-heidelberg {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-scharffs.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#schwarz {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-schwarz.jpg) no-repeat left top;
    background-size: cover;}
/* Kachelbilder Hotels A-Z */
.kachel ul li#hotel {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-hotel.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#landhotel-lucashof { 	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-dummy.png) no-repeat left top;
        background-size: cover;}
.kachel ul li#hotel-alte-volksschule { 	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-alte-volksschule.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#hotel-kaisergarten { 	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-kaisergarten.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#hotel-weingut-am-nil {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-nil.jpg) no-repeat left top;
    background-size: cover;}
/* Kachelbilder Hotels A-Z */
.kachel ul li#weingut-holz-weisbrodt {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-holz-weisbrodt.jpg) no-repeat left top;
    background-size: cover;}
/* Ausnahme Umbruch */
.kachel ul li#weingut-holz-weisbrodt a {
	padding-left: 5px;
	padding-right: 5px;
}
.kachel ul li#weingut-lucashof, .kachel ul li.vinothek-lucashof {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-lucashof.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#weingut-am-nil {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-restaurant-nil.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#weingut, .kachel ul li#weingut-am-nil-175,  .kachel ul li#weingut-am-nil-193, .kachel ul li.vinothek-am-nil {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-weingut.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#weingut-von-winning {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-von-winning.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#weingut-von-winning-192 {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-shop-von-winning.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#weingut-in-forst-a-d-weinstrasse {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-weingut-forst_web.jpg) no-repeat left top;
    background-size: cover;}

/* Kachelbilder Vinotheken */

.kachel ul li.p-vinotheken {
    background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-dummy.png) no-repeat left top;
    background-size: cover;
}

.kachel ul li.p-vinothek-extraprima {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-extraprima.jpg) no-repeat left top;
    background-size: cover;
}
.kachel ul li.p-vinothek-am-nil {
    background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-weingut.jpg) no-repeat left top;
    background-size: cover;
}

.kachel ul li.p-vinothek-lucashof {
    background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-lucashof.jpg) no-repeat left top;
    background-size: cover;
}


/* Kachelbilder Objekt Sonstige */
.kachel ul li#bar-lounge {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-bar.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#bg-unfallklinik {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-bg-opau.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#casino-freeflow, .kachel ul li#bg-chemie {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-casino.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#clubhaus {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-clubhaus.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li.p-foyer {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-empfang.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#eventdeco {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-eventdeco.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li.p-meeting {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-meeting.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li.p-office {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-office.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#praxen {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-praxen.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#showroom { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/HortusPalatinusKachel.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#gebrueder-meurer { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-meurer.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#stiftung-hortus-palatinus { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-hortus-palatinus-2.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#showroom-yvs-design-im-lofthafenpark-mannheim { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-yvs-loft-hafen.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#shop-100 {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-extraprima-shop.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li.p-shopdesign {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-shops.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#extraprima,  .kachel ul li.vinothek-extraprima {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-extraprima.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#atelier-raumkonzepte-181 {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-yvs-design-sofienstr.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#arte-restauro {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-atelier-raumkonzepte.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li.p-systemgastronomie {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Objekt/kachel-systemgastro.jpg) no-repeat left top;
    background-size: cover;}
/* Kacheln für Presse */
.kachel ul li#yvs-journal-nr-1-2009 {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Presse/YVS_Journal_2009_Nr-1.jpg) no-repeat left top;
    background-size: cover;}
.kachel ul li#yvs-journal-nr-1-2011 {
	background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Presse/YVS_Journal_2011_Nr-1.jpg) no-repeat left top;
    background-size: cover;}
/* Kacheln für Privat - Räume */
.kachel ul li#schlafen { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Raeume/kachel-schlafen.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#bad { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Raeume/kachel-bad.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#ankleide { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Raeume/kachel-ankleide.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#arbeiten { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Raeume/kachel-arbeiten.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#kueche { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Raeume/kachel-kueche.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#essen { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Raeume/kachel-essen.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#wohnen { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Raeume/kachel-wohnen.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#bibliothek { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Raeume/kachel-bibliothek.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#kamine { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Raeume/kachel-kamin.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#kinder-89 { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Raeume/kachel-kinder.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#wellness { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/kachel-dummy.png) no-repeat left top;
    background-size: cover; }
.kachel ul li#weinkeller { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/kachel-dummy.png) no-repeat left top;
    background-size: cover; }
.kachel ul li#outdoor { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Raeume/kachel-outdoor.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#appartments { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Raeume/kachel-appartments.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#moebel { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Shop/kachel-moebel.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#leuchten { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Shop/kachel-licht.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#textilien { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Shop/kachel-textilien.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#teppiche { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Shop/kachel-teppiche.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#accessoires { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Shop/kachel-accessoires.jpg) no-repeat left top;
    background-size: cover; }
/* Kacheln für Privat - Räume */
.kachel ul li#jugendstilvilla { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Privatprojekte/kachel-jugendstil.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#weingut-umbau { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Privatprojekte/kachel-weingutumbau.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#schloss-bei-karlsruhe { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Privatprojekte/kachel-schloss.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#privathaus { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Privatprojekte/kachel-privathaus.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#privathaus-2 { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Privatprojekte/kachel-privathaus-2.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#privathaus-203 { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Privatprojekte/kachel-privat-gerstner.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#denkmalgeschuetztes-privathaus { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Privatprojekte/kachel-denkmalgeschuetztes-privathaus.jpg) no-repeat left top;
    background-size: cover; }
.kachel ul li#feriendomizile-82 { background: url(../../files/yvs-website/inhalt/fotos/Navi-Kacheln/Privat/Privatprojekte/kachel-ferienwohnung.jpg) no-repeat left top;
    background-size: cover; }
/* Shop-Navigation */
#Mainnavigation .shopnav-level-2 ul { border-top: none; }
#Mainnavigation .shopnav-level-2 {
    font-weight: 400;
    text-transform: none;
}
/* Slider */
.ce_sliderStart { margin-bottom: 1.5em; }
.slider-control { background: transparent; }
span.slider-menu { margin-top: 0 !important; }
.slider-prev {
	background: #524d4a url(../../files/yvs-theme/grafiken/prev.png) no-repeat left center;
	height: 30px;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	width: 30px;
}
.slider-next {
	background: #524d4a url(../../files/yvs-theme/grafiken/next.png) no-repeat left center;
	height: 30px;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	width: 30px;
}
.slider-control a, .slider-control span { top: 0; }
.slider-control .slider-menu b {
	color: #e6e2de;
	letter-spacing: 0.5em;
}
.slider-control .slider-menu b.active {
	color: #fff;
	letter-spacing: 0.5em;
}
/* Shopseiten */
/* Product List */
.product_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    column-gap: 4%;
}
.product_list .product {
    margin-bottom: 3rem;
    width: 30%;
}
@media (max-width: 900px) {
.product_list .product { width: 48%; }
}
@media (max-width: 600px) {
.product_list .product { width: 100%; }
}
.product_list img, .product-images img { 
    max-width: 100%;
    height: auto;
}
/* Product Reader (Detailseiten) */
.mod_iso_productreader .product-columns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.mod_iso_productreader .product-image-column {
	margin-right: 3%;
	width: 48%;
}
@media (max-width:740px) {
.mod_iso_productreader .product-columns { display: block; }
.mod_iso_productreader .product-image-column {
	margin-right: 0;
	width: 100%;
}
}
.mod_iso_productreader .product-info-column { width: 50%; }
.mod_iso_productreader .product-images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.mod_iso_productreader .product-images .image_container:first-of-type {
	border: none;
	margin-left: 0;
	max-width: 100%;
	width: 100%;
}
.mod_iso_productreader .product-images .image_container:nth-child(2) { margin-left: 0; }
.product h2, .product h3 {margin-bottom: 1.5rem;}
.mod_iso_productreader .image_container {
    margin-right: 1rem;
    border: none;
}
.mod_iso_productreader .image_container:last-of-type {
    margin-right: 0;
}
.mod_iso_productreader .image_container:first-of-type { margin-left: 0; }
.mod_iso_productreader .price { font-size: 2.5rem; }
.mod_iso_productreader .original_price {
    font-size: 1rem;
    font-weight: 300;
}
.quantity_container input.text, .quantity input.text {
	display: block;
    margin-bottom: 1rem;
	max-width: 3rem;
    min-width: 3rem;
    width: 3rem;
}
.shop table { width: 100%; }
.shop td {
    padding: 0.25rem;
    vertical-align: middle;
}
.shop td.image { padding-left: 0; }
.shop tr.product, .shop tr.subtotal { border-bottom: 1px solid #544f4a; }
.shop tr.total {
    border-bottom: 2px solid #544f4a;
    font-weight: 700; 
}
.shop tr.product.row_last { margin-bottom: 2rem; }
#main .mod_iso_cart img, #main .mod_iso_checkout img, mod_iso_orderdetails img, #main .mod_iso_orderdetails img {
    max-width: 75px;
    height: auto;
}
.mod_iso_cart td.actions span {
    border: 0px none;
	clip: rect(0px, 0px, 0px, 0px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	width: 1px;
}
.mod_iso_cart a.remove::before {
    content: url("../../files/yvs-theme/grafiken/Shop-Icons-Link-Delete.svg");
    display: inline-block;
    width: 1.25rem;
}
.mod_iso_cart a:hover.remove::before {
    content: url("../../files/yvs-theme/grafiken/Shop-Icons-Hover-Delete.svg");
    display: inline-block;
    width: 1.25rem;
}
.mod_iso_cart .submit_container, .mod_iso_checkout .submit_container, .mod_iso_orderdetails .submit_container { margin-top: 2rem; }
.mod_iso_checkout {
    border-top: 1px solid #544f4a;
    padding-top: 1.5rem;
}
.mod_iso_checkout .steps {
    border-bottom: 1px solid #544f4a;
    margin: 1rem 0;
    padding-bottom: 1.5rem;
}
.mod_iso_checkout .steps ol li {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}
.mod_iso_checkout .steps .active {
    font-weight: 700;
}
.mod_iso_checkout .billing_address, .mod_iso_checkout .payment_method, .mod_iso_checkout .orderconditions, .mod_iso_orderdetails .payment_method {
    border-bottom: 1px solid #544f4a;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}
.mod_iso_orderdetails {
    border-top: 1px solid #544f4a;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-top: 1.5rem;
}
.mod_iso_orderdetails h2, .mod_iso_orderdetails .order_status, .mod_iso_orderdetails .info_container { margin-bottom: 2rem; }
.mod_iso_orderdetails .order_status {
    background: #dadad6;
    background: rgba(218,218,214,0.75);
    padding: 0.5rem;
}
.product_list h3 {
    font-family: var(--yvs-basefont); }

.product_list h3 a { color: #544f4a; }
.product_list h3 a:hover { color: #660a13; }
div.sku {
    font-style: italic;
    margin-bottom: 1rem;
}
div.sku::before {
    content: "Art.-Nr.: "
}
.preis_alt {
    text-decoration: line-through;
}
.price {
    color: #544f4a;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.mod_article .reserviert li {
    background-color: rosybrown;
    color: #ffffff;
    list-style-type: none;
    margin-left: 0;
    padding: 0.5rem;
    text-transform: uppercase;
}
.mod_iso_cart .submit_container .button_update,
.submit_container .add_to_cart
{ margin-right: 1rem; }
.mod_iso_cart .submit_container a { display: block; }
.zoomWindowContainer { width: 250px !important; }

/* Banner auf der Startseite ueber ganze Breite */
.content-text.info-banner { max-width: 100%; }
.info-banner {
    background-color: #660a13;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 1rem;
    padding: 5px;
}
.info-banner a {
    color: #ffffff;
    font-weight: 700;
    text-decoration: underline;
}
.info-banner p { margin-bottom: 0; }
.banner-image-headline { margin-top: 5rem; }
@media (max-width:999px) {.banner-image-headline { margin-top: 2rem; }}
@media (max-width:599px) {.banner-image-headline { margin-top: 0; }}

/* V-Card */

.v-card { color: #544f4a;}
.v-card #wrapper { font-size: clamp(1.25rem, 1.125vw + 0.4rem, 1.25rem); text-align: center; }
.v-card #container { padding: 0; }
.v-card #header .inside { text-align: center; }
.v-card #main .mod_article { width: 100%; }
.v-card h1 { font-size: 1.875rem; text-align: center; }
.v-card .logo { margin: 0 auto; }
.v-card #main .ce_image {margin: 1rem auto; }
.v-card #main img { max-width: 200px; border-radius: 7px; margin-bottom: 0; }

/* Grids */

.flex-container {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    justify-content: center;
}
@media (min-width: 769px) {
.flex-container { flex-direction: row; }
.flex-column { flex: 1;
flex-basis: 100%; }
}

/* Grid 1: Erste Zeile ein Bild breit, zweite Zeile vier Bilder */
/*h1 + .collage-1-container, h2 + .collage-1-container { margin-top: 2rem; }*/
.collage-1-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin: 0 auto;
}
.collage-1-big-image { grid-column: 1 / -1; }
.collage-1-container img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0;
}
@media (max-width: 768px) { .collage-1-container { grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 478px) { .collage-1-container { grid-template-columns: 1fr; }}
.collage-1-container > div:not(.collage-1-big-image) img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

/* Grid 2: Erste Zeile zwei Bilder unterschiedlich, zweite Zeile drei Bilder */
/*h1 + .collage-2-container, h2 + .collage-2-container { margin-top: 2rem; }*/
.collage-2-container {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    gap: 25px;
    margin: 0 auto 2rem auto;
}
.collage-2-container img { margin-bottom: 0; }
.collage-2-container > div {
    position: relative;
    padding-bottom: 66.67%; /* 2:3 Seitenverhältnis */
}
.collage-2-container > div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.collage-2-container .row1-img1 { grid-column: span 16; }
.collage-2-container .row1-img2 { grid-column: span 8; }
.collage-2-container .row2-img1 { grid-column: span 6; }
.collage-2-container .row2-img2 { grid-column: span 6; }
.collage-2-container .row2-img3 { grid-column: span 12; }

@media (max-width: 768px) {
.collage-2-container { display: block; }
.collage-2-container > div { padding-bottom: 0; }
.collage-2-container .row1-img1, .collage-2-container .row1-img2, .collage-2-container .row2-img1, .collage-2-container .row2-img2, .collage-2-container .row2-img3 {
    display: block;
    width: 100%;
}
.collage-2-container > div img {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    object-fit: contain;
}}

/* Grid 3: Collage mit grauer Fläche */
.collage-3-wrapper {
    max-width: 1200px;
    margin: 25px auto;
    position: relative;
}
.collage-3-background-grey {
    position: absolute;
    top: 150px;
    left: 25px;
    right: 100px;
    bottom: -50px;
    background-color: #acacac;
    z-index: -1;
}
@media (max-width:768px) {
    .collage-3-background-grey {display: none;}
}
.collage-3-container {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 25px;
}
.collage-3-left-column {
    display: flex;
    align-items: flex-start;
}
.collage-3-right-column {
    display: grid;
    grid-template-rows: auto auto;
    gap: 25px;
    margin-top: 50px;
}
.collage-3-top-row, .collage-3-bottom-row {
    display: flex;
    gap: 25px;
}
.collage-3-container img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .collage-3-container {
        grid-template-columns: 1fr;
    }
    .collage-3-right-column {
        margin-top: 25px;
    }
}

@media (max-width: 478px) {
    .collage-3-container {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    .collage-3-right-column {
        display: flex;
        flex-direction: column;
        margin-top: 0;
    }
    .collage-3-top-row, .collage-3-bottom-row {
        flex-direction: column;
    }
}

/* Grid 4: Collage mit grauer Fläche, drei Spalten und zwei Reihen */

.collage-4-wrapper {
    max-width: 1200px;
    margin: 25px auto 50px auto;
    position: relative;
}
.collage-4-background-grey {
    position: absolute;
    top: 150px;
    left: 25px;
    right: 100px;
    bottom: -50px;
    background-color: #acacac;
    z-index: -1;
}
@media (max-width:768px) {
    .collage-4-background-grey {display: none;}
}
.collage-4-container {
    position: relative;
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    gap: 25px;
}

.collage-4-column {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.collage-4-column-1 {
    grid-row: span 2;
}
.collage-4-column img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .collage-4-container {
        grid-template-columns: 1fr;
    }
    .collage-4-column-1 {
        grid-row: auto;
    }
}

/* Grids Collagen */

.collage-wrapper {
    max-width: 1200px;
    margin: 25px auto 50px auto;
}
      
.collage-container-flex-spalten {
    display: flex;
    flex-direction: row;
    gap: 25px;
}
/*.collage-container-flex-spalten div {
    width: 100%;
}*/
.collage-mallorca-column-2 {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 25px;
}

.collage-muenchen-column-2 {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 25px;
}

.collage-gridrow-flex {
    display: flex;
    flex-direction: row;
    gap: 25px;
}

.collage-wrapper .content-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0;
}

@media (max-width: 989px) {
    .collage-container,
    .collage-4-container,
    .collage-4-column,
    .collage-container-flex-spalten,
    .collage-mallorca-column-2,
    .collage-muenchen-column-2,
    .collage-gridrow-flex {
        gap: 20px;
    }
}

@media (max-width: 609px) {
    .collage-container,
    .collage-container-flex-spalten {
        flex-direction: column;
    }
}
      
@media (max-width: 429px) {
    .collage-gridrow-flex {
        flex-direction: column;
    }
    .collage-wrapper .content-image img {
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 0;
    }
}

@media (max-width: 609px) {
    .width-100 img { width: 100%; }
}

.zwei-gleiche-spalten figure { width: 100%; }

/* Social Media Icons */

.socialmedia a { display: block; }
div.instagram, div.facebook {
    width: 40px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
}
.instagram img {
    background-image: url("../../files/yvs-theme/grafiken/instagram-grey.svg");
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 0.1rem;
    width: 40px;
    height: 40px;}
.instagram img:hover { background-image: url("../../files/yvs-theme/grafiken/instagram-gradient.svg"); }
.facebook img {
    background-image: url("../../files/yvs-theme/grafiken/facebook-grey.svg");
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 0.1rem;
    width: 40px;
    height: 40px;}
.facebook img:hover { background-image: url("../../files/yvs-theme/grafiken/facebook-blue.svg"); }

/* Styles für Video-Ankündigung auf Startseite */
.responsive-video {
	position: relative;
	padding-bottom: 111.11%; /* 9/16 Video Hochformat */
	padding-top: 0;
	height: 0;
	overflow: hidden;
}
@media (max-width: 609px) {
.responsive-video { padding-bottom: 0; /* 9/16 Video*/ }}
.responsive-video figure,
.responsive-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.responsive-video { text-align: center; width: 100%; height: 100%;}
.collage-container-flex-umbruch {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.arrow-tipp {
    width: 120px;
    height: auto;
}
.collage-container-flex-umbruch .content-player,
.collage-container-flex-umbruch .content-tipp {
    flex: 1; /* Beide Divs erhalten gleiche Breite */
}
.content-tipp h2 { text-align: left;}
/* Stile für größere Viewports (nebeneinander) */
@media (min-width: 610px) {
.collage-container-flex-umbruch { flex-wrap: nowrap; /* Kein Umbrechen erforderlich */ }
.collage-container-flex-umbruch .content-player { order: 1; /* content-player bleibt links */ }
.collage-container-flex-umbruch .content-tipp { order: 2; /* content-text bleibt rechts */ }
}
/* Stile für kleinere Viewports (untereinander) */
@media (max-width: 609px) {
.collage-container-flex-umbruch { flex-direction: column-reverse; /* content-player unter content-text */ }
.responsive-video {
    position: relative;
    padding-bottom: 111.11%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #d2cfc7;
}
.responsive-video figure,
.responsive-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
}
.content-tipp, .content-tipp h2 { text-align: center;}
.arrow-tipp {
    width: 120px;
    height: auto;
    transform: rotate(-90deg); /* Dreht das Element um 90 Grad gegen den Uhrzeigersinn */
    transform-origin: center; /* Setzt den Drehpunkt auf die Mitte des Elements */
    margin-top: 1rem;
}
}
.invisible {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.clear {
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    
}
#kontaktformular .formbody,
#anfrageformular .formbody {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
}

form#kontaktformular,
form#anfrageformular,
.mod_personalData form, .mod_closeAccount form, .mod_login form {
	background: #d9d4ce;
	border-bottom: 1px dotted #524d4a;
	border-top: 1px dotted #524d4a;
	line-height: 1;
	margin: 0 0 1.5em 0;
	padding: 1em;
}

fieldset {
    border-bottom: 1px solid #ffffff;
    margin: 1rem 0;
}

fieldset:last-of-type {
    border-bottom: none;
}

#kontaktformular label,
#anfrageformular label,
.mod_personalData label, .mod_closeAccount label, .mod_login label {
	color: #000000;
	cursor: pointer;
	display: block;
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 0.25em;
}
#kontaktformular span.captcha_text,
#anfrageformular span.captcha_text {
	display: block;
	margin-top: 0.25em;
}

#kontaktformular select.select,
#kontaktformular input.text,
#anfrageformular select.select, 
#anfrageformular input.text,
.mod_personalData input.text, .mod_closeAccount input.text, .mod_login input.text,
#kontaktformular input.textarea,
#anfrageformular input.text,
#kontaktformular .checkbox_container,
#anfrageformular .checkbox_container { margin: 0 0 1.5em 0; }
#kontaktformular div.submit_container,
#anfrageformular div.submit_container {	margin: 1.0em 0; }

#kontaktformular input.text,
#anfrageformular  input.text,
.mod_personalData input.text, .mod_closeAccount input.text, .mod_login input.text,
#kontaktformular textarea,
#anfrageformular textarea,
#kontaktformular div.submit_container,
#anfrageformular  div.submit_container,
.widget-upload { width: 90%; }

.widget-upload input { width: 100%; }

#kontaktformular input,
#anfrageformular input,
.mod_personalData input, .mod_closeAccount input, .mod_login input,
#kontaktformular textarea,
#anfrageformular textarea,
#kontaktformular select,
#anfrageformular select,
#kontaktformular .captcha,
#anfrageformular .captcha {
	border: 1px solid #999691;
	line-height: 1em;
    -webkit-box-shadow: inset 0 0 4px #d9d4ce;
    box-shadow: inset 0 0 4px #d9d4ce;
    padding: 0.8rem 0.5rem;
}

#kontaktformular input:focus,
#kontaktformular select:focus,
#kontaktformular textarea:focus,
#kontaktformular input:hover,
#kontaktformular select:hover,
#kontaktformular textarea:hover,
#kontaktformular input:active,
#kontaktformular select:active,
#kontaktformular textarea:active,
#anfrageformular input:focus,
#anfrageformular select:focus,
#anfrageformular textarea:focus,
#anfrageformular input:hover,
#anfrageformular select:hover,
#anfrageformular textarea:hover,
#anfrageformular input:active,
#anfrageformular select:active,
#anfrageformular textarea:active {
    border: 1px #564941 solid;
    background: #fff;
}

#kontaktformular optgroup,
#anfrageformular optgroup {
	font-style: normal;
	font-weight: 500;
}

#kontaktformular select,
#anfrageformular select,
 .mod_personalData select, .mod_closeAccount select, .mod_login select {
    border: 1px solid #000000;
	font-size: 0.875em;
    margin-bottom: 1.5em;
	padding: 3px 2px 3px 1px;
    width: 90%;
}
#kontaktformular option,
#anfrageformular option { padding: 0 0.6em; }

#kontaktformular .checkbox_container label,
#anfrageformular .checkbox_container label { display: inline; }
#kontaktformular .checkbox_container,
#anfrageformular .checkbox_container { margin-top: 1.5em; }
#kontaktformular input.checkbox,
#anfrageformular input.checkbox { padding-bottom: 0.5em; }

#kontaktformular input:invalid,
#anfrageformular input:invalid,
#kontaktformular textarea:invalid,
#anfrageformular textarea:invalid {
    background-color: #ffe9c7;
}

button, input.submit {
    display: inline-block;
    white-space: nowrap;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0d8d6), color-stop(100%, #806a5d));
    background: -webkit-linear-gradient(top, #e0d8d6, #806a5d);
    background: -moz-linear-gradient(top, #e0d8d6, #806a5d);
    background: -ms-linear-gradient(top, #e0d8d6, #806a5d);
    background: linear-gradient("to bottom", #e0d8d6, #806a5d);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFE0D8D6', endColorstr='#FF806A5D');
    zoom: 1;
    border: 1px solid #806a5d;
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #fff !important;
    cursor: pointer;
    font-family: "Ubuntu", Verdana, Arial, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0.5rem 0 0.5rem 0;
    padding: 0.5rem 1rem;
    overflow: visible;
    /* removes extra side spacing in IE */
    text-decoration: none !important;
	text-transform: uppercase;
}
button:hover, input.submit:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7c1bf), color-stop(100%, #66554a));
    background: -webkit-linear-gradient(top, #c7c1bf, #66554a);
    background: -moz-linear-gradient(top, #c7c1bf, #66554a);
    background: -ms-linear-gradient(top, #c7c1bf, #66554a);
    background: linear-gradient("to bottom", #c7c1bf, #66554a);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFC7C1BF', endColorstr='#FF66554A');
    zoom: 1;
  }
button:active, input.submit:active {
    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7c1bf), color-stop(100%, #66554a));
    background: -webkit-linear-gradient(top, #c7c1bf, #66554a);
    background: -moz-linear-gradient(top, #c7c1bf, #66554a);
    background: -ms-linear-gradient(top, #c7c1bf, #66554a);
    background: linear-gradient("to bottom", #c7c1bf, #66554a);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFc7c1bf', endColorstr='#FF66554A');
    zoom: 1;
    position: relative;
    top: 1px;
  }
button:focus, input.submit:focus {
    outline: 0;
    background: #66554a;
  }

.quantity_container input,
.mod_iso_cart input { padding: 0.8rem 0.5rem;
    text-align: end; }

a.remove:hover { background-color: transparent; }

form p { line-height: 1.675; }

/* Ausnahmen für Anfrageformular */

#anfrageformular legend {
    font-weight: bold;
    margin-bottom: 0.5rem;
}

#anfrageformular .widget-select label {
    font-weight: bold;
    margin-bottom: 0.5rem;
}

#anfrageformular .radio_container {
    display: block;
}
#anfrageformular .radio_container input, #anfrageformular .radio_container label {
    float: left;
}

#anfrageformular #ctrl_38 span {
    float: none !important;
    display: block;
}

#anfrageformular .radio_container input {
    margin-right: 0.25rem;
}

#anfrageformular .radio_container label {
    margin-right: 1.5rem;
}

#anfrageformular .checkbox_container span {
    display: block;
}