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%}
.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}
/* 
Combined stylesheet
Source files: font.css, layout.css, twentytwenty.css, 1800px.css, 1480px.css, 1250px.css, 1055px.css, 888px.css, 777px.css, 767px.css, 660px.css, 599px.css, 500px.css, 400px.css, 350px.css
Generated: 2025-10-22 04:54 UTC
Notes: Formatting and comments preserved. Sections are delineated with block comments.
*/

/* ===== START font.css ===== */
@font-face {
    font-family: 'ovoregular';
    src: url('/files/muellerandfeh/content/fonts/ovo-regular-webfont.eot');
    src: url('/files/muellerandfeh/content/fonts/ovo-regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('/files/muellerandfeh/content/fonts/ovo-regular-webfont.woff2') format('woff2'),
             url('/files/muellerandfeh/content/fonts/ovo-regular-webfont.woff') format('woff'),
             url('/files/muellerandfeh/content/fonts/ovo-regular-webfont.ttf') format('truetype'),
             url('/files/muellerandfeh/content/fonts/ovo-regular-webfont.svg#ovoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat_mediumregular';
    src: url('/files/muellerandfeh/content/fonts/montserrat-medium-webfont.eot');
    src: url('/files/muellerandfeh/content/fonts/montserrat-medium-webfont.eot?#iefix') format('embedded-opentype'),
             url('/files/muellerandfeh/content/fonts/montserrat-medium-webfont.woff2') format('woff2'),
             url('/files/muellerandfeh/content/fonts/montserrat-medium-webfont.woff') format('woff'),
             url('/files/muellerandfeh/content/fonts/montserrat-medium-webfont.ttf') format('truetype'),
             url('/files/muellerandfeh/content/fonts/montserrat-medium-webfont.svg#montserrat_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'the_impressionistregular';
    src: url('/files/muellerandfeh/content/fonts/theimpressionist-webfont.woff2') format('woff2'),
    url('/files/muellerandfeh/content/fonts/theimpressionist-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* links nicht unterstrichen rosegold */
body a {
    text-decoration:none;
    color: #c28f6b;
}

/* links interaktiv */
body a:focus,
body a:hover,
body a:active {
    text-decoration:none;
    color:#fff;
}
/* ===== END font.css ===== */

/* ===== START layout.css ===== */
@media screen {

/* Hintergrundfarbe Chat */
.longFormContainer,
#formContainer {
    background-color: #1c1c1c !important;
}

/* ul Haken einfügen */
.ul-haken li {
    list-style-image: url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/journal/haken.svg");
    margin-left: 15px;
}

/* Schriftart */
.mod_cms_accept_tags form {
    font: 17px/22px 'ovoregular',serif;
    letter-spacing: 1.5px;
}

/* Schriftart */
.mod_cms_accept_tags .widget-submit button {
    font-family: 'montserrat_mediumregular', sans-serif;
    text-transform: uppercase;
    font-size: 8px;
}

/* Schriftart */
.mod_cms_accept_tags .tags .head span {
    font-weight:normal;
    font-family: 'montserrat_mediumregular', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
}

/* Transparenten Hintergrund entfernen */
.mod_cms_accept_tags {
    background: #1c1c1ca8 !important;
}

/* Newsletter kündigen Link */
body .mod_unsubscribe input {
    background-color: rgba(36, 36, 40, 0.7);
    border: none;
    text-align: center;
    height: 40px;
    margin-top: 10px;
    color: #c28f6b;
}

/* Newsletter kündigen Link */
body .mod_unsubscribe .widget-submit .submit {
    background-color: #c28f6b;
    border: none;
    text-align: center;
    height: 40px;
    margin-top: 10px;
    color: #fff;
}

/* Sendebutton interaktiv */
body .mod_unsubscribe .widget-submit .submit:focus,
body .mod_unsubscribe .widget-submit .submit:hover,
body .mod_unsubscribe .widget-submit .submit:active {
    background-color: rgba(36, 36, 40, 0.7);
    color: #c28f6b;
    cursor: pointer;
}

/* Felder nebeneinander */
body .mod_unsubscribe .widget-text {
    width: calc(50% - 5px);
    float: left;
    margin-right: 10px;
}

/* Felder nebeneinander */
body .mod_unsubscribe .widget-submit {
    width: calc(50% - 5px);
    float: left;
}

/* Felder nebeneinander */
body .mod_unsubscribe input,
body .mod_unsubscribe .submit {
    width: 100%;
}
.before-after .img-comp-container {
    position: relative;
    height: 200px; /*should be the same height as the images*/
}
.before-after .img-comp-img {
    position: absolute;
      width: auto;
      height: auto;
      overflow: hidden;
}
.before-after .img-comp-img img {
    display: block;
      vertical-align: middle;
}
.before-after .img-comp-slider {
    position: absolute;
      z-index: 9;
      cursor: ew-resize;
      /*set the appearance of the slider:*/
      width: 40px;
      height: 40px;
      background-color: #2196F3;
      opacity: 0.7;
      border-radius: 50%;
}

/* Abstand nach oben einzelen Beiträge */
.wrapper-gallery-overview {
    margin-top:70px;
}

/* Bilder hover interaktiv Galerie */
.wrapper-gallery-overview:focus,
.wrapper-gallery-overview:hover,
.wrapper-gallery-overview:active {
    opacity: 0.9;
}

/*Galerie*/
.ce_gallery ul.cols_4 li {float: left; width: 25%;}

.ce_gallery li  img {max-width: 100%; height: auto;}

.ce_gallery .pagination.block ul	{list-style-type: none;}

.ce_gallery .pagination.block li	{
	float: left;
	padding-right: 25px;
}

/* Schrift Datum und Beschreibung */
.gallery-subtext .gallery-date,
.gallery-subtext .gallery-description {
    color:#fff;
    text-transform: uppercase;
    font-family: 'montserrat_mediumregular', sans-serif;
    font-size: 10px;
    letter-spacing: 2px;
}

/* Galerie Name Fotografierter */
.gallery-subtext .gallery-name {
    font-size:22px;
    color:#fff;
    word-spacing:2px;
}

/* Textfeld ganze breite */
.ce_form fieldset .widget-text.textfeld-ganze-breite {
    width: 100%;
}

/* Erklärung ganze Breite */
.ce_form fieldset .erklaerung-ganze-breite {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    clear: both;
}

/* Linkes Textfeld */
.ce_form fieldset .widget-text.textfeld-links {
    margin-right: 10px;
    width: calc(50% - 5px);
}

/* Größe Slider */
.mod_rocksolid_slider {
    width: 100%;
    height: 500px;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* Farbe aktiver bullet */
.mod_rocksolid_slider .rsts-nav ul li a.active,
.mod_rocksolid_slider .rsts-nav ul li a:focus,
.mod_rocksolid_slider .rsts-nav ul li a:hover,
.mod_rocksolid_slider .rsts-nav ul li a:active {
    color: #c28f6b;
    background-color: transparent;
    box-shadow: none;}

/* Slider Navigation mittig */
.mod_rocksolid_slider .rsts-nav {
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Quadtratische Navigationspunkte Slider */
.mod_rocksolid_slider .rsts-nav ul li a {
    border-color: #fff;
    color: #fff;
    border: 2px solid;
    border-radius: 0px;
    height: 14px;
    width: 14px;
    display: inline-block;
    zoom: 1;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 9px;
    font-size: .5625rem;
    line-height: 16px;
    line-height: 1rem;
    position: relative;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Breite Teaser Bilder, links */
body.journal .odd .journal-image,
body.leistungen .odd .leistungen-image {
    width: calc(50% - 12.5px);
    float: left;
    box-sizing: border-box;
}

/* Breite Text, rechts */
body.leistungen .odd .leistungen-text,
body.journal .odd .journal-text {
    width: calc(50% - 12.5px);
    float: left;
    text-align: center;
    box-sizing: border-box;
}

/* Breite Text Bilder */
body.leistungen .even .leistungen-text,
body.journal .even .journal-text {
    width: calc(50% - 12.5px);
    float: right;
    text-align: center;
    box-sizing: border-box;
}

/* Abstand nach unten */
body.journal .even,
body.journal .odd,
body.leistungen .even,
body.leistungen .odd {
    margin-bottom: 80px;
}

/* Abstand nach oben erster Teaser */
body.journal .first.even,
body.leistungen .first.even {
    margin-top: 50px;
}

/* Breite Teaser Bilder, rechts */
body.journal .even .journal-image,
body.journal .even .journal-image,
body.leistungen .even .leistungen-image,
body.leistungen .even .leistungen-image {
    width: calc(50% - 12.5px);
    float: right;
    padding-right: 25px;
    box-sizing: border-box;
}

/* Schrift Datum, Autor, Kommentare */
body.journal .journal-infos,
body.leistungen .leistungen-infos {
    text-align: center;
    width: 100%;
    display: block;
    color: #c28f6b;
    text-transform: uppercase;
    font-family: 'montserrat_mediumregular', sans-serif;
    font-size: 10px;
}

/* Text mittig ausrichten, Tabellenzelle */
body.journal .even .journal-text-wrapper,
body.journal .odd .journal-text-wrapper,
body.leistungen .even .leistungen-text-wrapper,
body.leistungen .odd .leistungen-text-wrapper {
    padding: 0px 45px 0px 45px;
    box-sizing: border-box;
}

/* Text immer zentriert von Teaserbild */
body.journal .even .journal-container,
body.journal .odd .journal-container,
body.leistungen .even .leistungen-container,
body.leistungen .odd .leistungen-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* Reihenfolge Bild/Text umdrehen */
body.journal .odd .journal-container,
body.leistungen .odd .leistungen-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/* Weiterlesen Link */
body.journal .more,
body.leistungen .more {
    text-align: center;
    height: 40px;
    margin-top: 20px;
    width: max-content;
    max-width: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #c28f6b;
    display: table;
}

/* Hintergrundfarbe interaktiv */
body.journal .more:focus,
body.journal .more:hover,
body.journal .more:active,
body.leistungen .more:focus,
body.leistungen .more:hover,
body.leistungen .more:active {
    background-color: #fff;
}

/* Linkfarbe weiß */
body.journal .more a,
body.leistungen .more a {
    color: #fff;
    font: 11px 'montserrat_mediumregular',sans-serif;
    text-transform: uppercase;
    padding-left: 8px;
    padding-right: 8px;
    display: table-cell;
    vertical-align: middle;
}

/* h3 aus Template ausblenden */
body.journal .journal-text-wrapper h3.ausblenden,
body.leistungen .leistungen-text-wrapper h3.ausblenden {
    display: none;
}

/* h3 rosegold */
body.journal .journal-text-wrapper h3,
body.leistungen .leistungen-text-wrapper h3 {
    color: #c28f6b;
}

/* kein margin */
body.journal .journal-infos p,
body.leistungen .leistungen-infos p {
    margin: 0;
}

/* Linkfarbe interaktiv */
body.journal .more a:focus,
body.journal .more a:hover,
body.journal .more a:active
body.leistungen .more a:focus,
body.leistungen .more a:hover,
body.leistungen .more a:active {
    color: #c28f6b;
}

/* Pagination horizontal */
.mod_newsarchive .pagination ul  li {
    display: inline;
    float: left;
    padding-right: 15px;
}

/* Kapitel Nummerierung */
.journal-number {
    text-align: center;
    font: 27pt 'ovoregular',serif;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 7px;
    margin: 0;
}

/* Infos Newsbeitrag formatieren Datum/Autor */
.mod_newsreader .info {
    text-align: center;
    width: 100%;
    color: #c28f6b;
    text-transform: uppercase;
    font-family: 'montserrat_mediumregular', sans-serif;
    font-size: 10px;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* Kommetare Überschrift von h2 zu h3 */
.ce_comments h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}

/* Breite Felder Name */
.ce_comments .widget-text {
    width: 50%;
    float: left;
}

/* Breite Felder kommentare */
.ce_comments .widget-textarea {
    width: 100%;
    float: left;
    clear: both;
    margin-top: 8px;
}

/* Breite Felder senden */
.ce_comments .widget-submit {
    width: 210px;
    float: left;
    clear: both;
    left: 50%;
    margin-left: -105px;
    position: relative;
    margin-top: 25px;
}

/* Sendebutton stylen */
.ce_comments .widget-submit button {
    background-color: #c28f6b;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font: 9pt 'montserrat_mediumregular', sans-serif;
    border: none;
    padding: 12.5px 8px;
}

/* Sendebutton interaktiv */
.ce_comments .widget-submit:focus button,
.ce_comments .widget-submit:hover button,
.ce_comments .widget-submit:active button {
    background-color: rgba(36, 36, 40, 0.7);
    color: #c28f6b;
}

/* Input unter Beschriftung */
.ce_comments .widget input {
    float: left;
    clear: both;
    padding: 10px;
    font: 15px/22px 'ovoregular',serif;
    letter-spacing: 1.5px;
}

/* Textarea eigene Zeile */
.ce_comments .widget-textarea textarea {
    float: left;
    clear: both;
    width: 100%;
    background-color: rgba(36, 36, 40, 1);
    border: none;
    box-sizing: border-box;
    padding: 10px;
    font: 15px/22px 'ovoregular',serif;
    color: #c28f6b;
    letter-spacing: 1.5px;
}

/* Beschriftung links */
.ce_comments label.mandatory {
    float: left;
    clear: both;
}

/* Breite input Name */
.ce_comments #ctrl_name_15 {
    width: calc(100% - 12.5px);
    box-sizing: border-box;
    margin-right: 12.5px;
    background-color: rgba(36, 36, 40, 1);
    border: none;
    height: 40px;
}

/* Breite input Email */
.ce_comments #ctrl_email_15 {
    width: calc(100% - 12.5px);
    box-sizing: border-box;
    margin-left: 12.5px;
    background-color: rgba(36, 36, 40, 1);
    border: none;
    height: 40px;
}

/* Abstand nach Link Email Beschriftung */
.ce_comments label.mandatory[for*="ctrl_email"] {
    margin-left: 12.5px;
}

/* Schriftart Beschriftungen Inputfelder */
.ce_comments label {
    text-transform: uppercase;
    font: 10px 'montserrat_mediumregular',sans-serif;
    letter-spacing: 3px;
    padding-bottom: 5px;
}

/* Schrift Kommentare User */
.mod_newsreader .ce_comments .info {
    text-align: left;
    width: auto;
    margin: 0;
}

/* Abstand und Trennlinie Kommentare */
.mod_newsreader  .comment_default {
    padding-top: 25px;
    border-top: solid 1px #c28f6b;
}

/* erstes Kommentar keine Trennlinie */
.mod_newsreader  .comment_default.first {
    border-top: none;
}

/* Antwort Moderator eingerückt */
.mod_newsreader  .comment_default .reply {
    margin-left: 50px;
}

/* Kommetarformular Abstand und Trennlinie */
.mod_newsreader .ce_comments .formbody {
    margin-top: 50px;
    padding-top: 25px;
    border-top: solid 1px #c28f6b;
}

/* Abstand nach oben */
.comment-privacy-policy {
    margin-top: 20px;
    clear: both;
    float: left;
}

/* Ul keine Aufzählungspunkte */
.mod_sitemap ul {
    list-style-type: none;
}

/* Level 3 */
.mod_sitemap .level_3,
.mod_sitemap .level_3,
.mod_sitemap .level_3 {
    margin-left: 25px;
}

/* Schrift Level 2 */
.mod_sitemap .level_2 a,
.mod_sitemap .level_2 a,
.mod_sitemap .level_2 a {
    text-transform: uppercase;
    font-family: 'montserrat_mediumregular', sans-serif;
    font-size: 10px;
    color: #fff;
}

/* Links sitemap interaktiv */
.mod_sitemap .level_2 a:focus,
.mod_sitemap .level_2 a:hover,
.mod_sitemap .level_2 a:active {
    color: #c28f6b;
}

/* Punkte Slidernavigation kleiner */
.rsts-skin-default .rsts-nav-bullets a {
    width: 7px;
    height: 7px;
}

/* Position Logo Footer */
.logo-footer {
    width: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}

/* Text mittig Footer header */
.footer-header {
    text-align: center;
    text-transform: uppercase;
    font-family: 'montserrat_mediumregular', sans-serif;
    font-size: 10px;
}

/* Linksfarbe Instagram */
.footer-header p a {
    color: #00c8be;
    text-transform: initial;
}

/* Footer Links nebeneinander */
.footer-row-01,
.footer-row-02 {
    float: left;
}

/* Footer Links mittig */
.footer-links {
    max-width: max-content;
    width: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}

/* Footer ul formatieren */
.footer-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* Abstand Links zueinander */
.footer-row-01 {
    margin-right: 25px;
}

/* Styling Footer */
.footer-main {
    padding-top: 25px;
    padding-bottom: 25px;
    background: #1c1c1c;
}

/* Stempel Footer Position */
.footer-stamp {
    position: absolute;
    right: 75px;
    padding-bottom: 11.5px;
    margin-top: -115px;
}

/* Links formatieren footer */
.footer-links a {
    text-transform: uppercase;
    font-family: 'montserrat_mediumregular', sans-serif;
    font-size: 10px;
    color: #fff;
}

/* Links footer interaktiv */
.footer-links a:focus,
.footer-links a:hover,
.footer-links a:active {
    color: #c28f6b;
}

/* Linie Footer */
#footer {
    border-top: solid 1px #c28f6b;
}

/* Kein Margin */
#footer .no-margin {
    margin: 0;
}

/* Kein margin-top */
#footer .no-margin-top {
    margin-top: 0;
}

/* Navigation wrapper Position */
.nav--mobile {
    width: 960px;
    max-width: 90vw;
    visibility: hidden;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

/* Menü einblenden */
.nav--mobile--active {
    visibility: visible;
    z-index: 11;
    background: #1c1c1f;
    margin-top: 100px;
}

.logo-nav-active	{
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -30px;}
	
/* Breite Hintergrund Navigation */
.wrapper--nav {
    width: 100vw;
    height: 100vh;
    position: fixed;
    background: #1c1c1c;
    z-index: 97;
    visibility: hidden;
    overflow: scroll;
}

/* Navigation Hintergrund einblenden */
.nav--mobile--wrapper--active {
    visibility: visible;
}

/* Ul stylen Navigation */
.nav--mobile ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 2;
}

/* Spalten nebeneinander */
.nav--mobile .row-01,
.nav--mobile .row-02,
.nav--mobile .row-03,
.nav--mobile .row-04 {
    float: left;
    width: calc(25% - 37.5px);
    margin-bottom: 50px;
    min-height: 200px;
}

/* Abstand Spalten zueinander */
.nav--mobile .row-01,
.nav--mobile .row-02,
.nav--mobile .row-03 {
    margin-right: 50px;
}

/* Inhalt HP position fixed bei aktiver Navigation */
.nav--mobile--button--active {
    position:fixed;
}

/* Überschrift Navigation */
.nav--mobile .navigation-header {
    font: 20px 'ovoregular',serif;
    color: #c28f6b;
    text-transform: uppercase;
    letter-spacing: 4px;
    border-bottom: 1px solid #c28f6b;
    margin-bottom: 25px;
}

/* Linkfarbe ul weiß */
.nav--mobile ul a {
    color: #fff;
    font-family: 'montserrat_mediumregular', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding: 5px 0px 5px 0px;
}

/* Links Navigation interaktiv */
.nav--mobile ul a:focus,
.nav--mobile ul a:hover,
.nav--mobile ul a:active {
    color: #c28f6b;
    cursor: pointer;
}
.nav--mobile  .mod_newslist h2 {
    font-family: 'montserrat_mediumregular', sans-serif;
    font-size: 10px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #fff;
}

/* Fließtext Navigation Blog */
.nav--mobile  .mod_newslist p {
    font-family: 'montserrat_mediumregular', sans-serif;
    letter-spacing: 2px;
    font-size: 10px;
    line-height: 1.5;
    text-align: center;
}

/* Block weiterlesen mittig */
.nav--mobile .mod_newslist p.more {
    max-width: 130px;
    text-align: center;
    background: #c28f6b;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    padding: 10px 10px 10px 10px;
}

/* Link weiterlesen interaktiv */
.nav--mobile .mod_newslist p.more:focus,
.nav--mobile .mod_newslist p.more:hover,
.nav--mobile .mod_newslist p.more:active {
    background: #c28f6b91;
}

/* Hintergrundfarbe Navigation Block */
.nav--mobile .mod_newslist {
    background-color: rgba(36, 36, 40, 1);
}

/* Hintergrundfarbe Navigation Blog interaktiv */
.nav--mobile .mod_newslist:focus,
.nav--mobile .mod_newslist:hover,
.nav--mobile .mod_newslist:active {
    background-color: rgba(36, 36, 40, 0.7);
}

/* Link weiterlesen */
.nav--mobile .mod_newslist p.more a {
    color: #fff;
    text-transform: uppercase;
}

/* Spalten nebeneinander */
.nav--mobile--active.nav--mobile .row-01,
.nav--mobile--active.nav--mobile .row-02,
.nav--mobile--active.nav--mobile .row-03,
.nav--mobile--active.nav--mobile .row-04 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    float: left;
    width: calc(25% - 37.5px);
}

/* Spalten animiert */
.nav--mobile .row-01,
.nav--mobile .row-02,
.nav--mobile .row-03,
.nav--mobile .row-04 {
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    width: 0;
    transition: width 0.5s ease-in-out;
}
.hamburg {
    width: 35px;
    height: 50px;
    position: fixed;
    margin-left: auto;
    border-radius: 4px;
    transition: border-radius .5s;
    left: 60px;
    margin-top: 0px;
    z-index: 101;
    cursor: pointer;
}

/* Hamburger hover transparent */
.hamburg:focus,
.hamburg:hover,
.hamburg:active {
    opacity: 0.7;
}

.hamburg:focus .line:nth-child(2),
.hamburg:hover .line:nth-child(2),
.hamburg:active .line:nth-child(2)	{
	width: 35px; 
	transition: width 0.2s;
}

.hamburg .line {
    position: absolute; 
    height: 1px;
    width: 35px; 
    background: #c28f6b; 
    border-radius: 1px;
    display: block; 
    transition: 0.5s; 
    transform-origin: center;
}
.hamburg .line:nth-child(1) {
    top: 12px;
}
.hamburg .line:nth-child(2) {
    top: 24px;
	width: 80px;
}
.hamburg .line:nth-child(3) {
    top: 36px;
}
.hamburg.checked .line:nth-child(1) {
    transform: translateY(12px) rotate(-45deg);
}
.hamburg.checked .line:nth-child(2) {
    opacity:0;
}
.hamburg.checked .line:nth-child(3) {
    transform: translateY(-12px) rotate(45deg);
}

.hamburg.checked	{position: fixed;}

/* Schrifgröße Datum Blog Navigation */
.mod_newslist .day {
    font: 40px/22px 'ovoregular',serif;
    padding-right: 10px;
}

/* Datum rechtsbündig */
.mod_newslist table {
    position: absolute;
    right: 10px;
}

/* Abstand Bild Blog Navigation nach oben */
.mod_newslist .image_container {
    margin-top: 70px;
}

/* Abstand nach oben */
body.journal .mod_newslist  .first.even,
body.leistungen .mod_newslist .first.even {
    margin-top: 0;
    margin-bottom: 0;
}

/* Höhe weiterlesen Link Nav */
body.journal .wrapper--nav .more,
body.leistungen .wrapper--nav .more {
    height: auto;
}

/* Zeilenhöhe Jahr/Monat */
.mod_newslist table .month-year {
    font-size: 12px;
    line-height: 1.4;
}

/* Doppelte Überschrift und Kapitel Nummer ausblenden */
.nav--mobile .mod_newslist h2,
.nav--mobile .mod_newslist p.journal-number {
    display: none;
}

/* Inhalt Platzierungen */
body.startseite #main .inside {
    padding:0;
}

body.startseite #container .inside .mod_article	{
	margin-top: 0;}

/* Galerie Abstand nach oben */
body.gallery-full #main .inside {
    padding-top:20%;
}

/* Flexbox Umschlag */
.product_list {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* Alle Produkte gleich hoch */
.product_list .product {
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex;
    overflow: hidden;
}

/* Hintergrund Produkt */
.product_list .product:focus,
.product_list .product:hover,
.product_list .product:active {
    background-color: rgba(36, 36, 40, 0.7);
}

/* Bild interaktiv hover */
.product_list .product:focus img,
.product_list .product:hover img,
.product_list .product:active img {
    opacity: 0.9;
}

/* Überschrift h3 neue Größe */
.product_list .product h3 {
    font-size:9pt;
}

/* Abstand Formular nach oben */
.ce_form form {
    margin-top:50px;
}

/* keine Border fieldset */
.ce_form  fieldset {
    margin:0;
    padding:0;
    border: none;
}

/* Schriftfarbe Kontkatformular Label */
.ce_form  label {
    color: #fff;
}

/* Checkboxen einzeilig */
.ce_form  .checkbox_container span {
    float: left;
    clear: left;
}

/* Abstan zu Checkboxen */
.ce_form  .checkbox_container legend {
    margin-bottom: 10px;
}

/* Breite Formularfelder */
.ce_form  fieldset .widget-text {
    box-sizing: border-box;
    width: calc(50% - 5px);
    float: left;
    margin-bottom: 10px;
}

/* Breite Textfelder */
.ce_form  fieldset .widget-text input {
    width:100%;
    box-sizing: border-box;
    height: 40px;
    background-color: rgba(36, 36, 40, 1);
    border: none;
    color: rgba(194, 143, 107, 1);
    padding: 5px 0px 0px 10px;
    letter-spacing: 2px;
}

/* Breite Textarea */
.ce_form  fieldset .widget-textarea textarea {
    width:100%;
    background-color: rgba(36, 36, 40, 1);
    border: none;
    color: #c28f6b;
    font: 9pt 'montserrat_mediumregular', sans-serif;
    letter-spacing: 2px;
}

/* padding Text */
.ce_form  fieldset .widget-textarea textarea {
    padding:5px 0 0 10px;
    box-sizing: border-box;
}

/* Abstand nach rechts */
.ce_form fieldset .widget-text.input-left {
    margin-right:10px;
}

/* Abstand Checkbox Datenschutz nach oben */
.checkbox-datenschutz {
    margin-top:10px;
    margin-bottom:10px;
}

/* Sendebutton formatierung */
.ce_form .widget-submit button {
    width:100%;
    height:40px;
    background-color:#c28f6b;
    border: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Sendebutton interaktiv */
.ce_form .widget-submit button:focus,
.ce_form .widget-submit button:hover,
.ce_form .widget-submit button:active {
    background-color: rgba(36, 36, 40, 0.7);
    color: #c28f6b;
    cursor: pointer;
}

/* Input interactive */
.ce_form fieldset .widget-text input:focus,
.ce_form fieldset .widget-text input:hover,
.ce_form fieldset .widget-text input:active,
.ce_form fieldset .widget-textare textarea:focus,
.ce_form fieldset .widget-textarea textarea:hover,
.ce_form fieldset .widget-textarea textarea:active {
    background-color: rgba(36, 36, 40, 0.7);
}

/* Schriftarten */
.ce_form,
.ce_form input {
    font: 9pt 'montserrat_mediumregular', sans-serif;
}

/* Größe Bilder Produktübersicht */
.product_list .product {
    width: calc(100% / 3 - 16px);
    float: left;
    background-color: rgba(36, 36, 40, 1);
    font: 15px/22px 'ovoregular',serif;
    color: #c28f6b;
    letter-spacing: 1.5px;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-right: 24px;
}

/* Schriftfarbe Details */
.product_list .product .details a {
    color: #fff;
    font: 11px 'montserrat_mediumregular',sans-serif;
    text-transform: uppercase;
}

/* Details link interaktiv */
.product_list .product .details a:focus,
.product_list .product .details a:hover,
.product_list .product .details a:active {
    color: #c28f6b;
}

/* drittes Bild in Reihe kein margin right */
.product_list .product.product_2,
.product_list .product.product_5 {
    margin-right: 0;
}

/* Shop paddings */
.product_list h3,
.product_list .offer,
.product_list .teaser {
    padding-right:20px;
    padding-left:20px;
}

/* Schriftfarbe teaser */
.product_list .teaser {
    font-size:13px;
    line-height:15px;
    color:#c28f6b;
}

/* Schriftfarbe Details */
.product_list .details {
    color: #fff;
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

/* Produkt Einzelansicht */
.mod_iso_productreader .product figure.image_container[data-type="gallery"] {
    width: 25%;
    padding-right: 15px;
    box-sizing: border-box;
    float: left;
}

/* Bildergalerie Breite und Position */
.mod_iso_productreader .product .allpictures {
    float: left;
    width: calc(50% - 10px);
    box-sizing: border-box;
}

/* Bilder interaktiv */
.mod_iso_productreader .smallpictures img:focus,
.mod_iso_productreader .smallpictures img:hover,
.mod_iso_productreader .smallpictures img:active {
    opacity: 0.7;
}

/* Beschreibung rechts neben die Galerie */
.mod_iso_productreader .product .discription-umschlag {
    float: left;
    width: calc(50% - 10px);
    margin-left: 20px;
    box-sizing: border-box;
}

/* Zeilenabstand ul */
body #container #main .inside .mod_iso_productreader .product .discription-umschlag ul {
    line-height: 1.4em;
    padding-left: 0;
}

/* Trennlinie anstatt Aufzählungspunkte */
body #container #main .inside .mod_iso_productreader .product .discription-umschlag ul li {
    list-style: none;
    padding-bottom: 10px;
    border-bottom: 1px solid #C28F6B;
    margin-bottom: 10px;
}

/* Beschreibung kein margin top */
.mod_iso_productreader .product .description p {
    margin-top: 0;
}

/* Hauptbild abstand nach unten */
.mod_iso_productreader .product .mainpicture {
    margin-bottom: 5px;
}

/* Hauptbild Gesamtbreite */
.mod_iso_productreader .product .mainpicture img {
    min-width: 100%;
}

/* Padding rechts Bild */
.mod_iso_productreader .product .mainpicture .image_container {
    padding-right: 15px;
}

/* Productreader Schriftfarbe Weiß */
.mod_iso_productreader {
    color: #fff;
    font: 15px/22px 'ovoregular',serif;
    letter-spacing: 1.5px;
}

/* Preis und Anzahl, Schriftart */
.mod_iso_productreader .offer,
.mod_iso_productreader .quantity_container {
    font: 12px/12px 'montserrat_mediumregular',sans-serif;
    letter-spacing: 1.5px;
}

/* Anzahl Container Formatierung */
.mod_iso_productreader .quantity_container input {
    width: 40px;
    height: 40px;
    background-color: rgba(36, 36, 40, 1);
    border: none;
    text-align: center;
    margin-left: 10px;
}

/* Anzahl Container Formatierung */
.mod_iso_productreader input.submit.update,
.mod_iso_productreader input.submit.add_to_cart {
    background-color: rgba(36, 36, 40, 1);
    border: none;
    text-align: center;
    height: 40px;
    margin-top: 20px;
}

/* Abstand nach rechts Aktualisieren */
.mod_iso_productreader input.submit.update {
    margin-right: 20px;
}

/* Input Buttons interaktiv */
.mod_iso_productreader input:focus,
.mod_iso_productreader input:hover,
.mod_iso_productreader input:active,
.mod_iso_productreader input.submit.update:focus,
.mod_iso_productreader input.submit.update:hover,
.mod_iso_productreader input.submit.update:active,
.mod_iso_productreader input.submit.add_to_cart:focus,
.mod_iso_productreader input.submit.add_to_cart:hover,
.mod_iso_productreader input.submit.add_to_cart:active {
    background-color: rgba(36, 36, 40, 0.7);
    color: #fff;
}

/* Preis Abstand nach oben und unten */
.mod_iso_productreader .offer {
    margin-top:20px;
    margin-bottom:20px;
}

/* Mehrwertsteuer kleiner */
.mod_iso_productreader .offer .mwst-infostern {
    display: inline;
}

/* Mehrwertsteuer Hinweis */
.mod_iso_productreader  .mwst-hinweis {
    display: block;
    float: left;
    clear: both;
    font-size: 9px;
}

/* Überschrift Abstand nach unten */
.mod_iso_productreader h1 {
    margin-bottom:70px;
}

/* Abstand nach oben */
.mod_iso_productreader p.back {
    margin-top: 20px;
    float: left;
    clear: both;
}

/* Warenkorb Schriftfarbe */
.mod_iso_cart {
    margin-top:50px;
    color: #fff;
}

/* Breite Anzahl kleiner */
.mod_iso_cart table .quantity input {
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: rgba(36, 36, 40, 1);
    border: none;
}

/* Preise Gesamt rechtsbündig */
.mod_iso_cart td.total {
    text-align: right;
}

/* Fußzeile Linie oben */
.mod_iso_cart tfoot .foot_first .col_0,
.mod_iso_cart tfoot .foot_first .col_1,
.mod_iso_cart tfoot .foot_first .col_2,
.mod_iso_cart tfoot .foot_first .col_3,
.mod_iso_cart tfoot .foot_first .col_4,
.mod_iso_cart tfoot .foot_first .col_5 {
    border-top:1px solid #fff;
    padding-top: 5px;
}

/* Abstand letztes Produkt nach unten */
.mod_iso_cart table tbody .row_last td {
    padding-bottom: 20px;
}

/* Tabelle Gesamtsumme collapse */
.mod_iso_cart table {
    border-collapse: collapse;
}

/* Abstände Spalten zueinander */
.mod_iso_cart td.col_1,
.mod_iso_cart td.col_2,
.mod_iso_cart td.col_3,
.mod_iso_cart td.col_4 {
    padding-right:20px;
    padding-left:20px;
}

/* Warenkorb aktualisieren Button */
.mod_iso_cart .submit_container input {
    margin-top: 40px;
    height: 40px;
    text-align: center;
    background-color: rgba(36, 36, 40, 1);
    border: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    font: 9pt 'montserrat_mediumregular', sans-serif;
    cursor: pointer;
}

/* Kasse link als Button */
a[title="Kasse"] {
    padding:12.5px 8px;
    text-align: center;
    background-color: #c28f6b;
    display: block;
    margin-top: 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font: 9pt 'montserrat_mediumregular', sans-serif;
}

/* Kasse Button interaktiv */
a[title="Kasse"]:focus,
a[title="Kasse"]:hover,
a[title="Kasse"]:active {
    background-color: rgba(36, 36, 40, 0.7);
    color: #c28f6b;
}

/* Warenkorb aktualisieren Button interaktiv */
.mod_iso_cart .submit_container input:focus,
.mod_iso_cart .submit_container input:hover,
.mod_iso_cart .submit_container input:active {
    background-color: rgba(36, 36, 40, 0.7);
    color: #fff;
}

/* Nächster Schritt Button */
#iso_mod_checkout_address .submit_container .submit {
    width: 100%;
    height: 40px;
    background-color: #c28f6b;
    border: none;
    color:#fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 20px;
    font: 9pt 'montserrat_mediumregular', sans-serif;
}

/* Input Warenkorb interaktiv */
.mod_article .mod_iso_cart input:focus,
.mod_article .mod_iso_cart input:hover,
.mod_article .mod_iso_cart input:active {
    background-color: rgba(36, 36, 40, 0.7);
}

/* Bestellfortschritt Liste */
.mod_iso_checkout  ol.level_1 li {
    margin-right:20px;
    float: left;
    display: inline;
}

/* Bestellvortschritt padding-left entfernen */
.mod_iso_checkout  ol.level_1 {
    padding-left:0;
}

/* Gleiche Breite alle Feldbeschriftungen */
#iso_mod_checkout_address .formbody label {
    width:150px;
    display:inline-block;
    color: rgba(194, 143, 107, 1);
    text-transform: uppercase;
    font: 12pt 'montserrat_mediumregular',sans-serif;
    letter-spacing: 3px;
    font-size: 10px;
}

/* Fehlermeldung ausblenden */
#iso_mod_checkout_address .formbody p.error {
    display: none;
}

/* Fehlende Engabe Hintergrundfarbe input */
#iso_mod_checkout_address .formbody input.error {
    background-color: #644444;
}

/* Input stylen Adressformular */
#iso_mod_checkout_address .formbody input,
#iso_mod_checkout_address .formbody select {
    height: 40px;
    background-color: rgba(36, 36, 40, 1);
    border: none;
    color: rgba(194, 143, 107, 1);
    letter-spacing: 2px;
    box-sizing: border-box;
    width: calc(100% - 156px);
    margin-bottom: 10px;
    padding: 0px 10px 0px 10px;
    font-family: 'montserrat_mediumregular',sans-serif;
    font-size: 12px;
    letter-spacing: 3px;
}

/* Nächter Schritt Button interaktiv */
#iso_mod_checkout_address .submit_container .submit:focus,
#iso_mod_checkout_address .submit_container .submit:hover,
#iso_mod_checkout_address .submit_container .submit:active {
    background-color: rgba(36, 36, 40, 0.7);
    color: #c28f6b;
    cursor: pointer;
}

/* Bestellvortschritt  Abstand Formularfelder nach oben */
.mod_iso_checkout  #billingaddress_new {
    margin-top:50px;
}

/* Abstand Bestellvortschritt nach unten */
.mod_iso_checkout .steps {
    margin-bottom:80px;
}

/* Zahl Warenkorb Positioniert */
#social .cart-counter {
    position: absolute;
    display: inline;
    right: -5px;
    top: 9px;
}

/* Fieldset keine border */
#iso_mod_checkout_shipping fieldset#ctrl_shippingmethod {
    border: 0;
    padding-left: 0;
    margin-left: 0;
}

/* Schriftfarbe Versandmöglichkeit */
#iso_mod_checkout_shipping #ctrl_shippingmethod {
    color: #c28f6b;
}

/* Schriftfarbe Versand Notiz */
#iso_mod_checkout_shipping .note {
    color: #fff;
}

/* Nächster Schritt Button/Bestellbutton */
.mod_iso_checkout  .submit_container .next,
.mod_iso_checkout  .submit_container .submit {
    width: 100%;
    height: 40px;
    background-color: #c28f6b;
    border: none;
    color:#fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 20px;
    box-sizing: border-box;
    letter-spacing: 2px;
    font: 9pt 'montserrat_mediumregular', sans-serif;
}

/* Nächster Schritt Button interaktiv */
.mod_iso_checkout  .submit_container .submit:focus,
.mod_iso_checkout  .submit_container .submit:hover,
.mod_iso_checkout  .submit_container .submit:active {
    background-color: rgba(36, 36, 40, 0.7);
    color: #c28f6b;
    cursor: pointer;
}

/* Zurück Button */
.mod_iso_checkout  .submit_container .previous {
    width: min-content;
    height: 40px;
    background-color: rgba(36, 36, 40, 0.7);
    border: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 20px;
    color: #c28f6b;
    margin-right: 20px;
    box-sizing: border-box;
    font-family: 'montserrat_mediumregular', sans-serif;
    font-size: 12px;
}

/* Zurück Button interaktiv */
.mod_iso_checkout  .submit_container .previous:focus,
.mod_iso_checkout  .submit_container .previous:hover,
.mod_iso_checkout  .submit_container .previous:active {
    background-color: #c28f6b;
    color: #fff;
    cursor: pointer;
}

/* Fieldset keine Border */
.mod_iso_checkout  fieldset#ctrl_paymentmethod {
    border: none;
    margin-left: 0;
    padding-left: 0;
}

/* Abstand nach Oben Adresse */
.mod_iso_checkout .info_container {
    margin-top:70px;
}

/* Abstan Produktübersicht nach oben */
.mod_iso_checkout .review.orderproducts {
    margin-top:70px;
}

/* Größe  Bilder in der Produktübersicht */
.mod_iso_checkout .review.orderproducts table img {
    width: 200px;
}

/* Tabelle Collapse */
.mod_iso_checkout .review.orderproducts table {
    border-collapse: collapse;
}

/* Abstand Tabellenzellen */
.mod_iso_checkout .review.orderproducts table td.col_1,
.mod_iso_checkout .review.orderproducts table td.col_2,
.mod_iso_checkout .review.orderproducts table td.col_3 {
    padding-right: 20px;
    padding-left: 20px;
}

/* Trennlinie Gesamtsumme */
.mod_iso_checkout .review.orderproducts .foot_first td {
    border-top: 1px solid #fff;
    padding-top: 5px;
}

/* E-Mail-Adresse weiß */
.mod_iso_checkout .info_container.billing_address .vcard a {
    color: #fff;
}

/* Abstand Produktübersicht zu Trennlinie */
.mod_iso_checkout .review.orderproducts table  .row_last td {
    padding-bottom:20px;
}

/* Preise Bestellübersicht rechtsbündig */
.mod_iso_checkout .review.orderproducts td.total {
    text-align: right;
}

/* Bilder in der Bestellübersicht ausblenden */
.mod_iso_orderdetails table .image_container img {
    display:none;
}

/* Abstand info Container nach oben */
.mod_iso_orderdetails .info_container.first {
    margin-top:50px;
}

/* Email in Bestellüberschrift weiß */
.mod_iso_orderdetails .billing_address a {
    color: #fff;
}

/* Abstand Produktübersicht nach oben */
.mod_iso_orderdetails table {
    margin-top:50px;
}

/* Abstand Tabellenzellen Bestellbestätigung */
.mod_iso_orderdetails table td.col_2,
.mod_iso_orderdetails table td.col_3 {
    padding-right: 20px;
    padding-left: 20px;
}

/* Tabellenzelle 1 ausbelnden (Bilder) */
.mod_iso_orderdetails table td.col_0 {
    display:none;
}

/* Produktübersicht Trennlinie Bestellbestätigung */
.mod_iso_orderdetails .foot_first td {
    border-top: 1px solid #fff;
    padding-top: 5px;
}

/* Preisübersicht Bestellbestätigung Tabelle collapse */
.mod_iso_orderdetails table {
    border-collapse: collapse;
    width: 100%;
}

/* Fehlermeldung Formatierung */
.mod_iso_checkout .error.message {
    border: solid 1px #c28f6b;
    background-color: #1c1c1f;
    padding: 20px;
    text-align: center;
    font-family: 'montserrat_mediumregular',sans-serif;
    color: #fff;
    letter-spacing: 3px;
    font-size: 12px;
    margin-bottom: 40px;
}

/* h2 in h1 umwandeln */
.mod_iso_checkout .process.first h2 {
    text-align: center;
    font: 27pt 'ovoregular',serif;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 7px;
}

/* message in h2 umwandeln */
.mod_iso_checkout .process.first p.message {
    text-align: center;
    font: 23pt/20pt 'onesignatureregular',serif;
    font-weight: normal;
    font-weight: normal;
    color: #fff;
    letter-spacing: 3px;
}

/* Konfiguration Eingabe */
.mod_iso_productreader .options input,
.mod_iso_productreader .options textarea {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
    box-sizing: border-box;
    background-color: rgba(36, 36, 40, 1);
    border: none;
    text-align: left;
    color: #c28f6b;
    padding-top: 10px;
    padding-left: 10px;
}

/* Konfiguration Beschriftung Abstand nach oben */
.mod_iso_productreader .options .widget {
    margin-top:20px;
}

/* Abstand Mehrwertsteuer Hinweis nach oben */
.mod_iso_productreader .mwst-hinweis {
    margin-top:50px;
}

/* Kein float mehr, Produktliste in eigener Zeile */
.mod_iso_productlist {
    clear: both;
    margin-top: 50px;
}

/* Kein Overflow */
.mod_iso_productlist .image_container {
    overflow: hidden;
}

/* Sendebutton eigene Zeile */
.mod_iso_cart .submit_container .submit.button_update {
    float: left;
    clear: both;
}

/* weitershoppen eigene Zeile */
.mod_iso_cart .submit_container .submit.continue {
    float: left;
    clear: both;
    margin-top: 25px;
}

/* Überblick Shop ganze Breite */
.shop-overview {
    width: 100%;
    height: 500px;
    margin-top: 25px;
}

/* Links Weiß */
.shop-overview a {
    color: #fff;
}

/* Erstes Bild Shop Übersicht */
.shop-overview .overview-first {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/gutscheine/geschenkbox-shooting-christmas-6.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    width: calc(70% - 20px);
    height: 500px;
    margin-right: 20px;
    float: left;
    clear: left;
    background-size: cover;
    display: table;
}

/* Zweites Bild Überblick */
.shop-overview .overview-second {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/shop/vintage-boho-fotoshooting.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    width: 30%;
    height: 230px;
    margin-bottom: 20px;
    background-size: cover;
    float: left;
    display: table;
}

/* Drittes Bild Überblick */
.shop-overview .overview-third {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/shop/vintage-photobooth-muellerandfeh.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    width: 30%;
    height: 247.5px;
    background-size: cover;
    float: left;
    display: table;
}

/* Hintergründe interaktiv hover */
.shop-overview .overview-first:focus,
.shop-overview .overview-first:hover,
.shop-overview .overview-first:active,
.shop-overview .overview-second:focus,
.shop-overview .overview-second:hover,
.shop-overview .overview-second:active,
.shop-overview .overview-third:focus,
.shop-overview .overview-third:hover,
.shop-overview .overview-third:active {
    opacity: 0.7;
}

/* Text mittig Shop overview */
.shop-overview .overview-headline-wrapper {
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

/* Überschrift Größe overview */
.shop-overview .overview-headline-wrapper .overview-headline {
    font-size: 30px;
}

/* Unterüberschrift Größe overview */
.shop-overview .overview-headline-wrapper .overview-subheadline {
    font-size: 30px;
    font: 14pt/30pt 'the_impressionistregular',serif;
        font-weight: normal;
    font-weight: normal;
    font-weight: normal;
    margin-top: 10px;
}

/* Checkboxen stylen */
.widget-checkbox .checkbox_container {
    border: none;
    margin: 25px 0px 25px 0px;
    padding: 0;
}

/* Beschriftung Legend nicht über die ganze Breite */
.mod_iso_productreader .widget-checkbox legend {
    width: calc(100% - 20px);
    float: right;
    box-sizing: border-box;
    padding-left: 10px;
}

/* Position Checkbox AGB akzeptiert (Prodctreader) */
.mod_iso_productreader .options input.checkbox {
    width: 20px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    float: left;
}

/* Text wieder einblenden */
.faq .faq-question.active .faq-answer {
    width: auto;
    left: auto;
    right: auto;
    max-height: 500px;
    transition: max-height 1s ease-in;
}

/* Text wieder ausblenden */
.faq .faq-answer,
.faq .faq-answer,
.faq .faq-answer {
    width: 0;
    left: -32768px;
    right: -32768px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.15s ease-out;
}

/* Überschriften linksbündig */
.faq h3 {
    text-align: left;
}

/* Autor ausblenden */
.mod_faqreader p.info {
    display:none;
}

/* Zurücklink */
p.back a {
    text-decoration:none;
    font: 12px/12px 'montserrat_mediumregular',sans-serif;
    color: #C28F6B;
    letter-spacing: 1.5px;
    clear: both;
    display: block;
}

/* Padding Tabelle für Aufzählungspunkte */
body #container #main .inside .ce_text ul {
    padding-left:15px;
}

/* Bilder zwei links */
body #container #main .inside .ce_image.links {
    float:left;
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 13px;
}

/* Bilder zwei rechts */
body #container #main .inside .ce_image.rechts {
    float:left;
    clear:right;
    width: calc(50% - 10px);
    margin-bottom: 13px;
}

/* Bild Ganze Breite */
body #container #main .inside .ce_image.full-width,
body #container #main .inside .ce_player.full-width {
    width:100%;
    clear:both;
    margin-bottom:13px;
}

/* Clear both */
.clear-both {
    clear:both;
}
figcaption.caption {
    margin-top:10px;
    text-align:center;
    font:10px/12px 'montserrat_mediumregular',sans-serif;
    color:#c28f6b;
    letter-spacing:1.5px;
}

/* Hintergrundbild und Größe */
body.galerie-c .gallery-link {
    height:27rem;
    float:left;
    background-position:center center;
    display: table;
    background-size: cover;
    width: calc(50% - 10px);
    margin-bottom: 20px;
}
body.galerie-c .gallery-link.links {
    margin-right:20px;
}

/* Bild Galerie über ganze Breite */
body.gallery-full #container #main .inside .ce_image.full-width {
    width:100%;
}

/* Zurücklink display block */
body.gallery-full .mod_article a {
    display:block;
}

/* Bild ganze breite */
body.gallery-full #container #main .inside .ce_image.full-width img {
    width:100%;
}

/* Bild Galerie links */
body.gallery-full #container #main .inside .ce_image.links {
    width: calc(50% - 10px);
    margin-right: 20px;
}

/* Bild Galerie rechts */
body.gallery-full #container #main .inside .ce_image.rechts {
    width: calc(50% - 10px);
}

/* Bilder float left */
body.gallery-full #container #main .inside .ce_image {
    float:left;
}

/* Bilder float left */
body.gallery-full #container #main .inside .ce_text {
    clear:both;
}

/* Text mittig rebecca */
body.galerie-c .gallery-link p {
    text-align:center;
    font:25px 'ovoregular',serif;
    color:#fff;
    display: table-cell;
    vertical-align: middle;
}

/* Vorschaubild Rebecca Andreas */
body.galerie-c .rebecca {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/rebecca-andreas-neu/rebecca-andreas-%2859-von-63%29.jpg");
    background-position:center top;
    background-repeat:no-repeat;
}

/* Vorschaubild Eli und Kevin */
body.galerie-c .eli-kevin {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/Elisabeth%20und%20Kevin/fotbuch-bilder-62.jpg");
    background-position:center top;
    background-repeat:no-repeat;
}

/* Vorschaubild Eva und Alexander */
body.galerie-c .eva-alex {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/eva-alexander-19/fotbuch-bilder-92.jpg");
    background-position:center center;
    background-repeat:no-repeat;
}

/* Vorschaubild Michelle Andreas */
body.galerie-c .michelle {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/Michelle%20Andreas/Michelle-Andi-30.jpg");
}

/* Vorschaubild Isabelle David */
body.galerie-c .isabelle {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/gallery-vorschau/isabell-david.jpg");
}

/* Vorschaubild Anja Dominik */
body.galerie-c .anja {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/gallery-vorschau/dominik-anja.jpg");
}

/* Vorschaubild Anika Martin */
body.galerie-c .anika {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/Anika%20und%20Martin/120.jpg");
}

/* Vorschaubild Anika Martin Bauch */
body.galerie-c .anika-bauch {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/Anika%20und%20Martin/anika-martin-babybauch-shooting-36.jpg");
}

/* Vorschaubild Rebecca Andreas */
body.galerie-c .rebecca-wedding {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/gallery-vorschau/rebecca-andi-wedding.jpg");
}

/* Vorschaubild Jana und Tobias */
body.galerie-c .jana-tobias {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/Jana%20und%20Tobias/jana-tobias-23-08-19-%28454-von-810%29.jpg");
}

/* Vorschaubild maria und Dominik */
body.galerie-c .maria-dominik {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/fotos/maria%20und%20dominik/fotbuch-bilder-117.jpg");
}

/* padding neu Galerie */
body.gallery-full .mod_article {
    padding-top:0;
    padding-right:0;
    padding-left:0;
}

/* Gallerie Beschreibung Schrift */
.gallery-description {
    text-align: left;
    text-transform: uppercase;
    font-family: 'montserrat_mediumregular', sans-serif;
    font-size: 0.7rem;
    padding-bottom: 0;
}

/* Überschriften Galerie */
.gallery-header-no-margin-top {
    font: 27pt 'ovoregular',serif;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 7px;
    margin-top: 0;
}

/* Galerie kein Hintergrund */
body.gallery-full #container #main .inside,
body.no-border-image #container #main .inside {
    background-image: none;
}

/* Strong formatierung aufheben Navigation */
nav strong {
    font-weight:normal;
}

/* Einrückung weg, li active */
nav li.mm-selected {
    padding:10px 10px 10px 20px;
}

/* Impressum Schriftgröße */
#footer .inside p a {
    font-family: 'montserrat_mediumregular', sans-serif;
    font-size: 10px;
}

/* Überschriften h2 */
body h2 {
    text-align:center;
    font:14pt/30pt 'the_impressionistregular',serif;
    font-weight:normal;
    color:#fff;
}

/* Filter linksbündig */
#referenzen ul {
    padding-left:2%;
}

/* Styles Filter */
body.referenzen #referenzen ul li,
body.referenzen-cm #referenzen .p-button p a,
body.referenzen-stolz #referenzen .p-button p a {
    float:left;
    margin-top:10px;
    margin-right:15px;
    font:12px 'Roboto Slab',serif;
    text-decoration:none;
    color:#C28F6B;
    text-transform:uppercase;
    letter-spacing:1px;
    list-style-type:none;
    padding:10px 20px;
    border: 1px solid #C28F6B;
}

/* Button hover Effekt */
body.referenzen #referenzen ul li:hover,
body.referenzen #referenzen .active,
body.referenzen-cm #referenzen .p-button p a:hover,
body.referenzen-stolz #referenzen .p-button p a:hover {
    background-color:#C28F6B;
    color:#fff;
}

/* Schriftart, Farbe, Größe */
body {
    font:15px/22px 'ovoregular',serif;
    color:#fff;
    letter-spacing:1.5px;
}

/* Überschriften h1 */
h1 {
    text-align:center;
    font:27pt 'ovoregular',serif;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:7px;
}

/* Überschriften h3, h4, h5 */
body h3,
body h5 {
    text-align:center;
    font:11pt/1.6em 'montserrat_mediumregular',sans-serif;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:3px;
}

body h4	{
	text-align:left;
    font: 11px 'montserrat_mediumregular',sans-serif;
	line-height: 1.1;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:3px;}
	
.h-vier-bronze	{ color: #C28F6B;}

/* Schriftfarbe input */
input {
    color: #c28f6b;
}

/* Link nicht unterstrichen, Linkfarbe */
body.referenzen-cm .back,
body.referenzen-stolz .back,
body.referenzen-zehnle .back,
body.referenzen-elferatt .back {
    text-decoration:none;
    color:#00CBC4;
}

/* Links nicht unterstrichen */
body.impressum p a,
body.datenschutz p a {
    text-decoration:none;
    color:#c28f6b;
}

/* Vielen Dank Zentriert */
body.vielen-dank #article-8 #bestaetigung p {
    text-align:center;
}

/* Schriftfarbe Formular */
.ce_form {
    color:#fff;
}

/* Hochzeit breite Hochzeitstermin */
.ce_form fieldset .widget-text.input-middle {
    width: 100%;
    float: none;
}
/*


body #container #main .inside	{margin-top: 0;}

/* Inhalt Platzierungen ohne Hintergrundbild/Rahmen */
body.no-border-image #main .inside {
    padding-right:0;
    padding-left:0;
}

/* Position Inhalt/Artikel */
body.leistungen #article-39,
body.wir #article-40 {
    padding:0;
}

/* Hintergrundfarbe Menüfelder */
body.startseite #container .menustartlinks,
body.startseite #container .menustartrechts {
    background-color:rgba(0,0,0,.6);
}

/* Container ganze Seite */
body.startseite #container {
    width:100vw;
    margin-top:0;
    padding-right:0;
    padding-left:0;
}

/* Schriftart Menüfelder */
body.startseite a p.seitenname {
    margin-bottom:5px;
    text-align:center;
    text-decoration:none;
    color:#00CBC4;
    text-transform:uppercase;
    letter-spacing:2px;
}

/* Schrift Untertitel */
body.startseite p.untertitel {
    display:block;
    margin-top:0;
    text-align:center;
    font:10px 'montserrat_mediumregular',sans-serif;
    color:#C28F6B;
    text-transform:uppercase;
}

/* Position Navigation Startseite */
.wrapper--nav--start {
    width: 100vw;
    min-height: 100px;
    background: #1c1c1c;
    padding-top: 25px;
    padding-bottom: 40px;
    transition: max-height 1s cubic-bezier(1,0,0,1);
    overflow: hidden;
    box-sizing: border-box;
}

/* Navigationspunkte ausblenden Startseite */
.startseite .rsts-nav {
    display: none;
}

/* Position header Startseite */
.startseite header {
    position: fixed;
    bottom: 0;
    z-index: 10;
}

#logo.umschlaglogo.logo-mobile	{display: none;}


/* Rahmen entfernen Artikel Startseite */
body.startseite #container #main .inside {
    background-image: none;
}

/* Kein Abstand nach unten, letzter Artikel */
body.startseite .mod_article.last {
    margin-bottom: 0;
}

/* Navigation ausfahren */
.wrapper--nav--start.wrapper--nav--start--active {
    max-height: 800px;
}

/* Ul Navigation keine Aufzählungspunkte */
.wrapper--nav--start ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* Links Schriftart Navigation Start */
.wrapper--nav--start ul a {
    color: #fff;
    font-family: 'montserrat_mediumregular', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding: 5px 0px 5px 0px;
}

/* Links Navigation interaktiv */
.wrapper--nav--start ul a:focus,
.wrapper--nav--start ul a:hover,
.wrapper--nav--start ul a:active {
    color: #c28f6b;
}

/* Spalten nebeneinander */
.wrapper--nav--start .row-01,
.wrapper--nav--start .row-02,
.wrapper--nav--start .row-03 {
    float: left;
    border-top: 1px solid #c28f6b;
    width: calc(100%/3 - 100px/3);
    max-height: 25px;
    transition: max-height 1s cubic-bezier(1,0,0,1);
    overflow: hidden;
}

/* Höhe Spalten Navigation ausgefahren */
.wrapper--nav--start.wrapper--nav--start--active .row-01,
.wrapper--nav--start.wrapper--nav--start--active .row-02,
.wrapper--nav--start.wrapper--nav--start--active .row-03 {
    max-height: 500px;
}

/* Abstand Spalten */
.wrapper--nav--start .row-01,
.wrapper--nav--start .row-02 {
    margin-right: 50px;
}

/* Breite alle Spalten */
.nav--start {
    width: 960px;
    max-width: 90vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Überschriften Navigation Start */
.nav--start .navigation-header-start {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    text-align: center;
    padding-bottom: 25px;
    cursor: pointer;
}

/* Position Logo Startseite Navigation */
.logo-start-navigation {
    margin-left: 25px;
    position: absolute;
}

/* Kapitel linksbündig Navigation Startseite */
body.startseite .navigation-header-start .chapter-nav {
    width: 25px;
    float: left;
    color: #c28f6b;
    font-size: 8px;
    font-family: 'montserrat_mediumregular', sans-serif;
}

/* Größe Slider */
.startseite .mod_rocksolid_slider {
    width: 100vw;
    height: calc(100vh - 100px);
    position: fixed;
	left: 0;
    margin-bottom: 100px;
    margin-top: 0;
}

/* Abstand Artikel nach oben entfernen */
body.startseite #container #main .inside {
    margin-top: 0;
}

/* Keine Aufzählungspunkte */
#social ul {
    list-style-type:none;
}

/* Abstand Aufzählungspunkte */
#social ul li {
    margin-bottom:20px;
    list-style-type:none;
}

/* Position social media elements */
#social {
    right:0;
    position:absolute;
    margin-top:8rem;
    z-index:10;
    margin-right: calc(51% - 480px);
}

/* Icongröße */
#social img {
    width:20px;
}

/* Social buttons interactive */
#social img:focus,
#social img:hover,
#social img:active {
    opacity: 0.5;
}

/* Hintergrundfarbe wrapper */
body {
    background-color: #1c1c1c;
    background-image:url("/files/muellerandfeh/content/fotos/hintergrund-mf-website.png");
    background-repeat:repeat;}
	
/* Sidebar links 90 Grad drehen */
section.left-column P,
section.right-column P	{transform: translateX(-50%) translateY(-50%) rotate(-90deg);}

.sidebar p	{
	width: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #c09a5e;
	font: normal 12px 'montserrat_mediumregular', arial, helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 6px;
	text-align: center;}

.sidebar {
    width: 50px;
    height: 100%;
    z-index: 97;
}

.sidebar .right-side img	{
	margin-right: 10px;
	display: inline;}

section.left-column.sidebar	{
	border-right: 1px solid #C28F6B;
	position: fixed;
	top: 0;
	left: 0;}
	
section.right-column.sidebar	{
	border-left: 1px solid #C28F6B;
	position: fixed;
	top: 0;
	right: 0;}

section.top-column.sidebar{
	width: 100%;
	height: 50px;
	z-index: 89;}

section.top-column {
	height: 50px;
	width: 100%;
	position: relative;
	text-align: right;
	top: 0;
	left: auto;
	right: 0;
	margin: 0;}
	
section.top-column .wrapper-links-top-side	{
	position: absolute;
	right: 0;}
	
section.top-column .top-side	{opacity: 1;}

section.top-column .top-side:focus,
section.top-column .top-side:hover,
section.top-column .top-side:active
	{opacity: 0.7;
	transition: 0.5s; }

section.top-column .top-side	{
	position: relative;
	float: left; 
	margin-left: 10px;
	margin-top: 17px;
	width: auto;
	left: auto;
	top: 0;}


/* Hintergrund Galerie neu */
body.gallery-new #container {
    width:80%;
    margin-top:300px;
    margin-left: 10%;
    margin-right: 10%;
}

/* Float left */
body.gallery-new .mod_article .ce_image {
    float:left;
}

/* Logo Position */
#logo {
    width: 170px;
    position: absolute;
	top: 0;
    display:block;
    left: 50%;
	margin-left: -85px;
    z-index: 90;
    cursor: pointer;
	border-color: #C28F6B;
	background-color: #1c1c1ccf;
	border-width: 0px 1px 1px 1px;
	border-style: solid;}

#logo img	{opacity: 1;}

#logo:focus img,
#logo:hover img,
#logo:active img	{opacity: 0.7; transition: 0.5s;}

/* Wrapper Größe und Position */
#wrapper {
    margin-right:auto;
    margin-left:auto;
}

/* Artikel ganze Breite */
#container	{padding: 0;}

/* Abstand letzer Artikel nach unten */
body .mod_article.last {
    margin-bottom: 100px;
}

/* Layout allgemein Stilelemente */
.square-framed	{
	border: 5px double #C28F6B;
	padding: 10px;
	box-sizing: border-box;}
		
.flex-wrap	{
	display: -webkit-flex;
  	display: -ms-flex;
  	display: flex;
  	-webkit-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;}
	
.display-flex	{
	display: -webkit-flex; 
  	display: -ms-flexbox; 
  	display: flex;}
	
.align-center	{
	align-items: center;
	justify-content: center;}

/* Margin 50 */
.margin-top-fifty,
.abstand-oben-fuenfzig {
    margin-top: 50px;
}

/* Margin 100 */
.abstand-oben-einhundert {
    margin-top: 100px;
}

.abstand-oben-

/* Margin Top 25px */
.margin-top-fuenfundzwanzig {
    margin-top: 25px;
}

/* Margin bottom 50px */
.margin-bottom-fifty,
.abstand-unten-fuenfzig {
    margin-bottom: 50px;
}

/* Padding top 50, clear */
.padding-top-fifty-clear {
    margin-top: 50px;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

/*  Abstand nach oben Artikel nach Video */

#container .inside .mod_article.article-after-video	{margin-top: 0;}


/* Vorher Nachher Slider */
.before-after .before,
.before-after .after {
    width:100%;
      height:100%;
      background-repeat:no-repeat;
      background-color: white;
      background-size: cover;
      background-position: center;
      position: absolute;
      top:0;
      left:0;
      pointer-events:none;
      overflow: hidden;
}

/* Float beenden */
.clear-right {
    clear: right;
}

/* Text nicht bis an den Rand (no border image */
body.datenschutz.no-border-image #main .inside {
    padding: 27% 10% 10%;
}

/* Landingpage */

#container .inside .mod_article.artikel-ganze-breite-start	{margin-top: -50px;}

/* Gleiche Höhe Rahmen framed */
.flex-wrap .rs-column.-large-col-2-1	{
	display: -webkit-flex; 
	display: -ms-flexbox; 
	display: flex;
  	align-items: center;
  	justify-content: center;}


.border-first .rs-column:nth-child(1),
.border-first .rs-column:nth-child(4),
.border-first .rs-column:nth-child(4),
.border-first .rs-column:nth-child(5),
.border-first .rs-column:nth-child(8)	{
	border: 4px double #C28F6B;
	box-sizing: border-box;
	padding: 10px;
}

.journal-all-bordered .rs-column	{
	border: 4px double #C28F6B;
	box-sizing: border-box;
	padding: 10px;
	min-height: 443px;}
	
.rs-columns.flex-wrap	{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;}
	
.flex-wrap .rs-column	{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;}
	
.rs-columns.leistungen .rs-column	{
	background-color: #2f2f2f;
	padding: 10px;
	text-align: center;
	color: #C28F6B;
	box-sizing: border-box;}

.rs-columns.leistungen .ce_teaser	{
	border: 2px solid #C28F6B;
	padding: 5px;}
	
.rs-columns.leistungen .ce_teaser p	{
	min-height: 142px;
	font-size: 12px;
	line-height: 1.7;}
	
.rs-columns.leistungen .ce_teaser p.more	{min-height: auto;}

.art-deco-border	{
    border: 4px double #C28F6B;
    width: 100%;
    padding: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    max-width: 400px;
}
	
.jetzt-anrufen-button	{
	text-align: center;
	border: 2px solid #C28F6B;
	padding: 10px;
	background-color: #323131;
}

.anrufen-arrow-width	{
	width: 100%;
}

.anrufen-arrow-width img	{
	display: block;
	margin-left: auto;
	margin-right: auto;width: 125px;}


.ce_player {
	background-color: #1c1c1c;
}

.finanzielle-freiheit	{
	background-image: url("/files/muellerandfeh/content/grafiken/finanzielle-freiheit.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 250px;
	padding-bottom: 250px;}

.finanzielle-freiheit .rs-column.-large-col-2-1	{width: 30%;}
	
.finanzielle-freiheit .rs-column.-large-first	{
	margin-right: 40%;}
	

/* Bilder */
.bild-block img	{
	display: block;
	vertical-align: bottom;}

#container .inside .mod_article {
	display: block;
	margin-top: 177px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 173px;
	padding-right: 173px;}
	
#container .inside .mod_article.artikel-ganze-breite	{
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;  }
	
.mod_rocksolid_slider.rsts-slides	{height: 500px;}
	
.mod_rocksolid_slider.rezesionen	{height: auto;}

.mod_rocksolid_slider.rezesionen .rsts-nav	{position: relative !important;}

.mod_newsarchive  {
	background-image: url("/files/muellerandfeh/content/grafiken/vertical-line.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;}
	
body.journal .mod_newsarchive .last	{
	margin-bottom: 0;
	padding-bottom: 200px;}
	
.auszeichnung {
	--radius: 8px;
	background-image: radial-gradient(circle var(--radius) at center, transparent 98%, #c28f6b), linear-gradient(#c28f6b 0 0);
	background-repeat: round, no-repeat;
	background-position: calc(var(--radius) * -1.5) calc(var(--radius) * -1.5), 50%;
	background-size: calc(var(--radius) * 3) calc(var(--radius) * 3), calc(100% - var(--radius) * 3) calc(100% - var(--radius) * 3);
	padding: 25px;
}

.auszeichnung a	{color: #fff;}

.designrush-wrapper	{
	position: absolute;
	z-index: 100;
	right: 0;
	top: 37px;
	width: 130px;
}
}
/* ===== END layout.css ===== */

/* ===== START twentytwenty.css ===== */
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    position:absolute;
    display:block;
    content: " ";
    background: white;
    z-index: 30;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
    width:3px;
    height:9999px;
    left:50%;
    margin-left:-1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    width:9999px;
    height:3px;
    top:50%;
    margin-top:-1.5px;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    width:100%;
    height:100%;
    top:0;
    position:absolute;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
    font-size:13px;
    letter-spacing:.1em;
    color: white;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
    position:absolute;
    padding:0 20px;
    border-radius:2px;
    line-height:38px;
    background: rgba(255, 255, 255, 0.2);
}
.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
    top:50%;
    margin-top:-19px;
}
.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
    width:90px;
    left:50%;
    margin-left:-45px;
    text-align:center;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    width:0;
    height:0;
    position:absolute;
    border: 6px inset transparent;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
    top:50%;
    margin-top:-6px;
}
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    left:50%;
    margin-left:-6px;
}
.twentytwenty-container {
    position:relative;
    overflow:hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.twentytwenty-container img {
    max-width:100%;
    top:0;
    position:absolute;
    display:block;
}
.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0);
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
    opacity: 0;
}
.twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.twentytwenty-before-label {
    opacity: 0;
}
.twentytwenty-before-label:before {
    content: attr(data-content);
}
.twentytwenty-after-label {
    opacity: 0;
}
.twentytwenty-after-label:before {
    content: attr(data-content);
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
    left:10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
    right:10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
    top:10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom:10px;
}
.twentytwenty-overlay {
    -webkit-transition-property: background;
    -moz-transition-property: background;
    transition-property: background;
    background: rgba(0, 0, 0, 0);
    z-index: 25;
}
.twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5);
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1;
}
.twentytwenty-before {
    z-index: 20;
}
.twentytwenty-after {
    z-index: 10;
}
.twentytwenty-handle {
    width:38px;
    height:38px;
    left:50%;
    position:absolute;
    margin-top:-22px;
    margin-left:-22px;
    border-radius:1000px;
    top: 50%;
    border: 3px solid white;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    z-index: 40;
    cursor: pointer;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom:50%;
    margin-bottom:22px;
    -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after {
    top:50%;
    margin-top:22px;
    -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:before {
    left:50%;
    margin-left:22px;
    -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:after {
    right:50%;
    margin-right:22px;
    -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {
    left:50%;
    margin-left:-17px;
    border-right: 6px solid white;
}
.twentytwenty-right-arrow {
    right:50%;
    margin-right:-17px;
    border-left: 6px solid white;
}
.twentytwenty-up-arrow {
    top:50%;
    margin-top:-17px;
    border-bottom: 6px solid white;
}
.twentytwenty-down-arrow {
    bottom:50%;
    margin-bottom:-17px;
    border-top: 6px solid white;
}

/* Abstand nach unten */
.twentytwenty-wrapper {
    margin-bottom: 20px;
}

/* ======================================================
   Abstands-Hilfsklassen
   Struktur: m = margin, p = padding
             t = top, b = bottom, l = left, r = right
             s = small, m = medium, l = large
====================================================== */

/* --- Werte-Definitionen (anpassbar) --- */
:root {
  --space-s: 0.5rem;
  --space-m: 1.5rem;
  --space-l: 3rem;
}

/* --- Margin: alle Seiten --- */
.m-s { margin: var(--space-s) !important; }
.m-m { margin: var(--space-m) !important; }
.m-l { margin: var(--space-l) !important; }

/* --- Padding: alle Seiten --- */
.p-s { padding: var(--space-s) !important; }
.p-m { padding: var(--space-m) !important; }
.p-l { padding: var(--space-l) !important; }

/* --- Margin: einzelne Richtungen --- */
.mt-s { margin-top: var(--space-s) !important; }
.mt-m { margin-top: var(--space-m) !important; }
.mt-l { margin-top: var(--space-l) !important; }

.mb-s { margin-bottom: var(--space-s) !important; }
.mb-m { margin-bottom: var(--space-m) !important; }
.mb-l { margin-bottom: var(--space-l) !important; }

.ml-s { margin-left: var(--space-s) !important; }
.ml-m { margin-left: var(--space-m) !important; }
.ml-l { margin-left: var(--space-l) !important; }

.mr-s { margin-right: var(--space-s) !important; }
.mr-m { margin-right: var(--space-m) !important; }
.mr-l { margin-right: var(--space-l) !important; }

/* --- Padding: einzelne Richtungen --- */
.pt-s { padding-top: var(--space-s) !important; }
.pt-m { padding-top: var(--space-m) !important; }
.pt-l { padding-top: var(--space-l) !important; }

.pb-s { padding-bottom: var(--space-s) !important; }
.pb-m { padding-bottom: var(--space-m) !important; }
.pb-l { padding-bottom: var(--space-l) !important; }

.pl-s { padding-left: var(--space-s) !important; }
.pl-m { padding-left: var(--space-m) !important; }
.pl-l { padding-left: var(--space-l) !important; }

.pr-s { padding-right: var(--space-s) !important; }
.pr-m { padding-right: var(--space-m) !important; }
.pr-l { padding-right: var(--space-l) !important; }

:root {
  --space-s: 8px;
  --space-m: 24px;
  --space-l: 48px;
}

.p-n	{padding: 0;}
.mt-n	{margin-top: 0 !important;}

#container .inside .mod_article.artikel-ganze-breite-start .ce_player.mt-n	{margin-top: 0;}

.mod_rocksolid_slider.mt-n	{margin-top: 0;}

/* From Uiverse.io by Praashoo7*/
button.main-button {
  outline: none;
  color: #fff;
  padding: 1em;
  padding-left: 3em;
  padding-right: 3em;
  border: 2px dashed #00c8be;
  border-radius: 15px;
  background-color: #363636;
  box-shadow: 0 0 0 4px #363636, 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
  transition: .1s ease-in-out, .4s color;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  letter-spacing: 2px;
  text-transform: uppercase;
}

button.main-button:focus,
button.main-button:hover,
button.main-button:active
{
  transform: translateX(0.1em) translateY(0.1em);
  box-shadow: 0 0 0 4px #00c8be, 1.5px 1.5px 2.5px 1.5px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  background-color: #00c8be;
  border-color: #C28F6B;
  color: #363636;
}

.video-header video	{width: 100vw;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  max-height: clamp(300px, 50vh, 500px);}

/* ===== END twentytwenty.css ===== */

/* ===== START 1800px.css ===== */
@media screen and (max-width:1800px) {
body	{
		background-image: url("/files/muellerandfeh/content/fotos/hintergrund-mf-website.png");}
		
}
/* ===== END 1800px.css ===== */

/* ===== START 1480px.css ===== */
@media screen and (max-width: 1480px) {
body.referenzen #referenzen ul li {
    float:left;
    margin-top:10px;
    margin-right:15px;
    font:10px 'montserrat_mediumregular',sans-serif;
    color:#C28F6B;
    text-transform:uppercase;
    letter-spacing:1.5px;
    list-style-type:none;
    padding:10px 20px;
    border: 1px solid #C28F6B;
}
button.cookiebar__button {
    margin-top:1em;
}

/* Menüauswahl Position */
body.startseite #container .menustartlinks,
body.startseite #container .menustartrechts {
    margin-top:25vh;
}
.video_container video	{
	width: 100% !important;
	height: 100% !important;}

}
/* ===== END 1480px.css ===== */

/* ===== START 1250px.css ===== */
@media screen and (max-width: 1250px) {

/* Abstand, Hintergrundfarbe Footer */
#footer {
    background-color:#27272b;
}

/* Footer Startseite */
.startseite #footer {
    height:auto;
    position:fixed;
    margin-top:0;
    background-color:inherit;
}

/* Menüfeld links */
body.startseite .logo-start-navigation {
    margin-left:12%;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40px;
    margin-bottom: 25px;
}

/* Reiter Startseite ganze Breite */
.wrapper--nav--start .row-01,
.wrapper--nav--start .row-02,
.wrapper--nav--start .row-03 {
    width: 100%;
}

/* Reiter Startseite ganze Breite */
.wrapper--nav--start--active .row-01,
.wrapper--nav--start--active .row-02,
.wrapper--nav--start--active .row-03 {
    margin-bottom: 20px;
}

.wrapper--nav--start .row-01, .wrapper--nav--start .row-02, .wrapper--nav--start .row-03 {width: 100%;}

.wrapper--nav--start--active .row-01, .wrapper--nav--start--active .row-02, .wrapper--nav--start--active .row-03 {margin-bottom: 20px;}

/* Mindesthöhe header */
.startseite header {
    min-height: 205px;
}

/* Abstand nach unten Slider */
.startseite .mod_rocksolid_slider {
    height: calc(100vh - 205px);
	left: 0;
}

/* Maximale Bildhöhe */
.startseite .mod_rocksolid_slider img {
    max-height: calc(100vh - 100px);
}

/* Maximale Höhe Navigation */
.wrapper--nav--start {
    max-height: 205px;
}

/* Maximale Höhe Navigation */
.wrapper--nav--start.wrapper--nav--start--active {
    max-height: 500px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.nav--mobile	{
	width: auto;
	margin-left: 100px;
	margin-right: 100px;}

#social {
    margin-top:5.6rem;
    margin-right: 7vw;
}


}
/* ===== END 1250px.css ===== */

/* ===== START 1055px.css ===== */
@media screen and (max-width: 1055px) {

/* 3 Spalten Navigation */
.nav--mobile--active.nav--mobile .row-01,
.nav--mobile--active.nav--mobile .row-02,
.nav--mobile--active.nav--mobile .row-03,
.nav--mobile--active.nav--mobile .row-04 {
    width: calc(100%/3 - 100px/3);
}

/* 3 Spalten kein margin-right */
.nav--mobile--active.nav--mobile .row-03 {
    margin-right: 0;
}
}
/* ===== END 1055px.css ===== */

/* ===== START 888px.css ===== */
@media screen and (max-width: 888px) {
	
.ce_gallery ul.cols_4 li	{width: 50%;}

#container .inside .mod_article.mt-n	{margin-top: 0;}

#container .inside .mod_article.artikel-ganze-breite.p-n	{padding: 0;}

/* Navigation */
.hamburg	{
	width: 30px;
	height: 30px;
	margin-top: 10px;
	margin-right: 50px; 
	left: 45px;
	border-radius: 0;}
	
.hamburg.checked .line:nth-child(3)	{transform: translateY(-6px) rotate(45deg);}

.hamburg:focus .line:nth-child(2),
.hamburg:hover .line:nth-child(2),
.hamburg:active .line:nth-child(2) {
    width: 30px;
    transition: width 0.2s;}

.hamburg .line	{width: 30px;}

.hamburg .line:nth-child(1)	{top: 6px;}
.hamburg .line:nth-child(2)	{top: 15px; width: 30px;}
.hamburg .line:nth-child(3) {top: 24px;}

.hamburg .line:nth-child(1)	{}

.nav--mobile	{
	width: auto;
	margin-left: 70px;
	margin-right: 70px;}
	
.wrapper--nav	{z-index: 95;}

.nav--mobile--active	{margin-top: 100px;}

/* Logo kleiner */
#logo	{
	width: 140px;
	margin-left: -70px;
	z-index: 90;}
	
/* Sidebar kleiner */
.sidebar	{
	width: 15px; }

section.top-column.sidebar	{
	height: 30px;
	border-bottom: 0;}
	
.sidebar .right-side img	{width: 20px;}

.sidebar P {
	font-size: 9px;
	letter-spacing: 3px;
	width: 234px;
    padding: 0 20px;
    position: absolute;
    top: 50%;
    left: 100%;
}

section.top-column .top-side.phone-button	{
	margin-right: 30px;
	margin-top: 15px !important;}

section.top-column .top-side	{background-color: transparent;}

section.top-column .top-side	{padding: 0;}

section.top-column.sidebar {height: 20px;} 

.sidebar p.right-side {
    top: 50%;
    left: 0%;
}

.sidebar .phone-button img	{
	width: 30px;
	height: 30px;}

.sidebar .phone-arrow,
.sidebar .phone-link	{display: none;} 

/* Breite Artikel */
body .mod_article {
    width:auto;
}

/* Vorschaubilder neue Breite */
body.galerie-c .gallery-link {
    height:17rem;
}

/* Galerie kein Abstand nach oben */
body.gallery-full #main .inside {
    padding-top:0;
}

/* Abstand nach oben Galerie */
body.gallery-full .mod_article {
    padding-top:50px;
}

#footer	{
	margin-left: 16px; 
	margin-right: 16px;}


#container .inside .mod_article	{
	padding-left: 35px;
	padding-right: 35px;}


/* Video erster Artikel*/ 
	
#container .inside .mod_article.artikel-ganze-breite-start .ce_player	{
	margin-top: 190px;
	max-height: 100vh;}
	

/* Artikel ganze Breite mit Rand */
#container .inside .mod_article.artikel-ganze-breite	{
	padding-left: 35px;
	padding-right: 35px;}
}

.sidebar P	{left: 170%;}

.sidebar p.right-side	{left: -96%;}

section.left-column.sidebar	{left: -10px;}

section.right-column.sidebar	{right: -10px;}
 
/* ===== END 888px.css ===== */

/* ===== START 777px.css ===== */
@media screen and (max-width: 777px) {

/* Kleineres Padding */
.product_list h3,
.product_list .offer,
.product_list .teaser {
    padding: 0px 5px 0px 5px;
}

/* journal Übersicht neue Abstände */
body.journal .even .journal-text-wrapper,
body.journal .odd .journal-text-wrapper,
body.leistungen .even .leistungen-text-wrapper,
body.leistungen .odd .leistungen-text-wrapper {
    padding: 0px 15px 0px 15px;
}

/* Text links, Abstand nach rechts */
body.journal .odd .journal-text {
    padding-right: 25px;
}

/* Text kein padding odd (links) */
body.journal .odd .journal-text-wrapper {
    padding: 0;
}

/* neue Breite Spalten */
.nav--mobile--active.nav--mobile .row-01,
.nav--mobile--active.nav--mobile .row-02,
.nav--mobile--active.nav--mobile .row-03,
.nav--mobile--active.nav--mobile .row-04 {
    width: calc(50% - 12.5px);
    margin-right: 25px;
}

/* Spalte 2 und 4 kein margin right */
.nav--mobile--active.nav--mobile .row-02,
.nav--mobile--active.nav--mobile .row-04 {
    margin-right: 0;
}

/* Abstand Navigation nach oben */
.nav--mobile--active {
    margin-top: 100px;
}

/* Finanzelle freiheit Landing Page */
.finanzielle-freiheit .rs-column.-large-first	{
	margin-right: 0;
	padding-right: 0;}
	
.finanzielle-freiheit {
    background-position: center center;}

.finanzielle-freiheit .rs-column.-large-col-2-1	{width: 100%;}


.finanzielle-freiheit p	{background-color: #1c1c1c;} 










}
/* ===== END 777px.css ===== */

/* ===== START 767px.css ===== */
@media screen and (max-width: 767px) {

/* Produktliste zweireihig */
.product_list .product {
    width: calc(50% - 12px);
}

/* Margin right */
.product_list .product.product_2 {
    margin-right: 24px;
}

/* Zweite Reihe kein margin */
.product_list .product_odd {
    margin-right: 0;
}

/* Kommetar Formular einzeilig */
.ce_comments .widget-text {
    width: 100%;
    margin-top: 15px;
}

/* Textareal Abstand nach oben */
.ce_comments .widget-textarea {
    margin-top: 15px;
}

/* Name, Email input linksbündig */
.ce_comments #ctrl_name,
.ce_comments #ctrl_email {
    margin-left: 0;
    width: 100%;
}

/* Email Beschriftung linksbündig */
.ce_comments label.mandatory[for*="ctrl_email"] {
    margin-left: 0;
}


/* Abstand Artikel nach oben Startseite entfernen */
body.startseite #container #main .inside {
    padding-top: 0;
}

.designrush-wrapper	{top: 0;}

section.top-column .top-side.phone-button	{display: none;}

}
/* ===== END 767px.css ===== */

/* ===== START 660px.css ===== */
@media screen and (max-width: 660px) {

/* wedding-offer ganze Breite */
.mod_newslist.wedding-offer .layout_latest.even,
.mod_newslist.wedding-offer .layout_latest.odd {
    width: 100%;
    clear: none;
    float: initial;
    margin-top: 50px;
}

/* Linie senkrecht ausblenden */
.mod_newslist.wedding-offer {
    background-image: none;
}

/* wedding-offer erster Beitrag Abstand nach oben */
.mod_newslist.wedding-offer .first.even {
    margin-top: 0;
}

/* Schriftgröße Überschrift */
.gallery-header-no-margin-top {
    font-size: 20px;
    letter-spacing: 3px;
}
h1 {
    font-size: 27px;
}

/* Schriftgröße Warenkorb/Kasse Tabelle */
.mod_iso_cart table,
.mod_iso_checkout table {
    font-size: 10px;
}

/* Padding Tabellenzellen Warenkorb */
.mod_iso_cart td.col_1,
.mod_iso_cart td.col_2,
.mod_iso_cart td.col_3,
.mod_iso_cart td.col_4 {
    padding-right: 5px;
    padding-left: 5px;
}

/* Padding Tabellenzellen Kasse */
.mod_iso_checkout .review.orderproducts table td.col_1,
.mod_iso_checkout .review.orderproducts table td.col_2,
.mod_iso_checkout .review.orderproducts table td.col_3 {
    padding-right: 5px;
    padding-left: 5px;
}

/* Bildergalerie ganze Breite */
.mod_iso_productreader .product .allpictures {
    width: 100%;
}

/* Produktbeschreibung padding left entfernen, ganze Breite */
.mod_iso_productreader .product .discription-umschlag {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
}

/* Schriftgröße Warenkorb aktualisieren */
.mod_iso_cart .submit_container input {
    font-size: 10px;
}

/* Schriftgröße Button Kasse */
a[title="Kasse"] {
    font-size: 10px;
}

/* Input Adressfelder 100% Breite */
#iso_mod_checkout_address .formbody input,
#iso_mod_checkout_address .formbody select {
    width: 100%;
}

/* Weiter Button Schriftgröße */
#iso_mod_checkout_address .submit_container .submit,
.mod_iso_checkout .submit_container .submit {
    font-size: 10px;
}

/* Bstellfortschritt Schriftgröße */
.mod_iso_checkout .steps {
    font-size: 12px;
}

/* Höhe Wrapper overview */
.shop-overview {
    height: 400px;
}

/* Erstes Bild Shop Übersicht */
.shop-overview .overview-first {
    Height: 400px;
}

/* Höhe overfiew third */
.shop-overview .overview-third {
    height: 190px;
}

/* Höhe overfiew second */
.shop-overview .overview-second {
    height: 190px;
}
}
/* ===== END 660px.css ===== */

/* ===== START 599px.css ===== */
@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 599px) {
.anrufen-arrow-width img	{
	transform: rotate(90deg);
	height: 200px;
}

















}
/* ===== END 599px.css ===== */

/* ===== START 500px.css ===== */
@media screen and (max-width: 500px) {

/* Teaser und Bilder nebeneinander */
body.leistungen .even .leistungen-container,
body.leistungen .odd .leistungen-container {
    display: block;
}

/* Text und Bild ganze Breite */
body.leistungen .odd .leistungen-image,
body.leistungen .odd .leistungen-text,
body.leistungen .even .leistungen-image,
body.leistungen .even .leistungen-text {
    width: 100%;
    padding-right: 0;
}

/* Abstand nach oben */
body.leistungen .leistungen-text {
    margin-top: 25px;
}

/* Text mittig */
body.leistungen .leistungen-text-wrapper p {
    text-align: center;
}

/* Lúpína kündigen ganze Breite */
body .mod_unsubscribe .widget-submit,
body .mod_unsubscribe .widget-text {
    width: 100%;
    float: none;
}

/* Breite Formularfelder alle 100% */
.ce_form fieldset .widget-text.textfeld-links,
.ce_form fieldset .widget-text.textfeld-rechts {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

/* Teaser und Bilder nebeneinander */
body.journal .even .journal-container,
body.journal .odd .journal-container {
    display: block;
}

/* Text und Bild ganze Breite */
body.journal .odd .journal-image,
body.journal .odd .journal-text,
body.journal .even .journal-image,
body.journal .even .journal-text {
    width: 100%;
    padding-right: 0;
}

/* Abstand nach oben */
body.journal .journal-text {
    margin-top: 25px;
}

/* Text mittig */
body.journal .journal-text-wrapper p {
    text-align: center;
}

/* Stempel Footer ausblenden */
.footer-stamp {
    display: none;
}

/* Text mittig Footer header */
body .footer-header p {
    text-align: center;
}

/* Abstand Footer nach oben kleiner */
#footer {
    margin-top: 0;
}

/* navigation Spalten volle Breite */
.nav--mobile--active.nav--mobile .row-01,
.nav--mobile--active.nav--mobile .row-02,
.nav--mobile--active.nav--mobile .row-03,
.nav--mobile--active.nav--mobile .row-04 {
    width: 100%;
    margin-bottom: 25px;
    min-height: auto;
}

/* Produktbilder ausblenden Warenkorb */
.mod_iso_cart table td img {
    display: none;
}

/* Produktbilder ausblenden Kasse */
.mod_iso_checkout .review.orderproducts table img {
    display: none;
}

/* Shop Überblick ausblenden */
.shop-overview {
    display: none;
}

/* Breite Textfelder */
.ce_form fieldset .widget-text {
    width:100%;
    float:none;
}

/* Vorschaubilder ganze Breite */
body.galerie-c .gallery-link {
    width:100%;
    height:15rem;
    margin-right:0;
    margin-left:0;
}
body.gallery-full #container #main .inside .ce_image,
body.gallery-full #container #main .inside .ce_text {
    width:100%;
    margin-right:0;
    margin-left:0;
}
#footer {
    position:relative;
}

/* Größe Vorschaubiler */
body.referenzen #referenzen .box.filter.collegium,
body.referenzen #referenzen .box.filter.stolz,
body.referenzen #referenzen .box.filter.elferrat,
body.referenzen #referenzen .box.filter.zehnle {
    width:100%;
    padding-top:100%;
}

/* Hintergrund Container Leuchtturm */
body #container #main .inside {
    background-image:url("../../files/muellerandfeh/content/css/files/muellerandfeh/content/grafiken/leuchtturm-mobile-small.png");
    background-position:center top;
    background-repeat:no-repeat;
    background-image: none;
}

/* Abstand Inhalt */
.mod_article {
    padding-top:0;
}

/* Icongröße */
#social img {
    width:15px;
}

/* Menüfeld positionierung oben */
body.startseite #container .menustartlinks {
    margin-top:0;
}

/* Menüfeld positionierung unten */
body.startseite #container .menustartrechts {
    margin-top:6rem;
}

/* Leuchturm ausblenden */
body.startseite img.leuchtturmstart {
    display:none;
}

/* Journal Hintergrundline entfernen */
.mod_newsarchive	{background-image: none;}
}
/* ===== END 500px.css ===== */

/* ===== START 400px.css ===== */
@media screen and (max-width: 400px) {

/* Schriftgröße h3 */
body h3 {
    font-size: 12px;
    line-height: 1.3em;
}

/* h1 Überschrift kleiner */
body h1 {
    font-size: 20px;
    letter-spacing: 3px;
}

/* Produktliste einspaltig */
.product_list .product {
    width: 100%;
    margin-right: 0;
}

/* Abstand nach rechts entfernen */
.product_list .product.product_2 {
    margin-right: 0;
}

/* Navigation slider mittig */
body #container #main .inside .rsts-nav ul {
    text-align: center;
}

/* Abstand nach oben entfernen */
.mod_newsreader .comment_default.first {
    padding-top: 0;
}

/* Abstand nach unten kleiner */
.ce_comments h2 {
    margin-bottom: 1rem;
    margin-top: 25px;
}

/* Logo Breite festlegen */
#header #logo {
    left: 50%;
    position: absolute;
    margin-left: -36px;
    width: auto;
}

/* Schriftgröße Fließtext */
body p {
    text-align:left;
    font-size:12px;
    line-height: 1.4em;
}

/* Schriftgröße Fließtext */
body #container #main .inside ul {
    text-align:left;
    font-size:12px;
}

/* Einleitungstext linksbündig */
body.kontakt p {
    text-align:left;
}

/* Abstand Kontaktformular nach oben */
.ce_form form {
    margin-top:0;
}

/* Überschriften h1 */
body h1 {
    margin-top:1rem;
    margin-bottom:1rem;
    text-align:center;
}

/* Überschriften h2 */
body h2 {
    margin-top:0;
    margin-bottom:1rem;
    font-size:15px;
    line-height:32px;
    letter-spacing:1.5px;
    text-align: center;
}

/* Logo handy mittig */
#logo img {
    width: 50px;
    padding: 8px 8px 10px 8px;
    display:block;
}

/* Logo Container */
#logo {
    width:100%;
}

#logo.umschlaglogo.logo-mobile	{display: block;}

#logo.umschlaglogo	{display: none;}

}
/* ===== END 400px.css ===== */

/* ===== START 350px.css ===== */
@media screen and (max-width: 350px) {

/* Überschriften h1 */
body.leistungen h1,
body.wir h1,
body.referenzen h1,
body.kontakt h1,
body.impressum h1,
body.vielen-dank h1
body h1 {
    margin-top:2rem;
}
}
/* ===== END 350px.css ===== */