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

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

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

nav ul {
  list-style :none;
}

blockquote, q {
  quotes: none;
}

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

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

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

input, select {
  vertical-align :middle;
}
/* Fonts */
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/dateien/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/dateien/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/dateien/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/dateien/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/dateien/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/dateien/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/dateien/fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/dateien/fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/dateien/fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/dateien/fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/dateien/fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/dateien/fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/dateien/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/dateien/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/dateien/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/dateien/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/dateien/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/dateien/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* playfair-display-600 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/dateien/fonts/playfair-display-v30-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/dateien/fonts/playfair-display-v30-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/dateien/fonts/playfair-display-v30-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/dateien/fonts/playfair-display-v30-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/dateien/fonts/playfair-display-v30-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/dateien/fonts/playfair-display-v30-latin-600.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* Layout */
#wrapper {
    margin: 0 auto;
    max-width: 1400px;
}
header {
    max-width: 1200px;
    margin: 1.575rem 3.1375rem;
}
@media (max-width:767px) {
header {
    max-width: none;
    margin: 1.575rem;
}
}
@media (min-width:1400px) {
header {
    max-width: 1300px;
    margin: 1.575rem 3.1375rem;
}
}
@media (min-width:1500px) {
header {
    max-width: 1400px;
    margin: 1.575rem 0;
}
}
#header .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
@media (max-width:450px) {
#header .inside { display: block; }
}
#header .logo { width: 200px; }
@media (max-width:450px) {
#header .logo {
    margin-left: auto;
    margin-right: auto;
}
}
#container {
    max-width: 1200px;
    margin: 0 3.1375rem;
}
@media (max-width:767px) {
#container {
    max-width: none;
    margin: 1.575rem;
}
}
@media (min-width:1400px) {
#container {
    max-width: 1300px;
    margin: 0 3.1375rem;
}
}
@media (min-width:1500px) {
#container {
    max-width: 1400px;
    margin: 0;
}
}
footer {
    background-color: #444;
    color: white;
    margin-left: -3.1375rem;
    margin-right: -3.1375rem;
    margin-top: 3rem;
}
footer .inside {
    max-width: 1200px;
    margin: 0 6.275rem;
    padding: 2rem 0 4rem 0;
}
@media (max-width:767px) {
footer { max-width: none; }
footer .inside { margin: 0 4.7125rem; }
}
@media (max-width:575px) {
footer .inside { text-align: center; }
}
@media (min-width:1400px) {
footer {
    margin-left: 3.1375rem;
    margin-right: 3.1375rem;
}
footer .inside {
    max-width: 1300px;
    margin: 03.1375rem;
}
}
@media (min-width:1500px) {
footer {
    margin-left: 0;
    margin-right: 0;
}
footer .inside { max-width: 1400px; }
}
.footer-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
@media (max-width:575px) {
.footer-container {
    display: block;
    text-align: center;
}
.footer-nav { margin-bottom: 3rem; }
.footer-nav ul {
    display: flex;
    justify-content: center;
}
.footer-nav li { margin-right: 2rem; }
.footer-nav li:last-of-type { margin-right: 0; }
}
footer .logo {
    height: 75px;
    margin-bottom: 3rem;
}
/* Styles für spezielle Artikel */
#kontakt {
  background-color: #f6f6f6;
  border: 1px solid #444;
  border-radius: 1rem;
    margin-top: 3rem;
    margin-bottom: 6rem;
  padding: 2rem;
}
.intro { margin: 4.75rem auto 9.5rem auto; }
.bild-text-kombi .ce_image {
    margin-left: -3.1375rem;
    margin-right: 0;
    width: calc(100% + 6.275rem);
}
.bild-text-kombi .ce_text {
    margin-top: 3rem;
    margin-bottom: 6rem;
}
@media (min-width:992px) {
.bild-text-kombi {
    display: flex;
    margin-bottom: 1.575rem;
}
.bild-text-kombi .ce_image {
    margin-left: -3.1375rem;
    margin-right: 1.575rem;
    width: 60%;
}
.bild-text-kombi .ce_text {
    margin-top: 0;
    width: 40%;
}
}
@media (min-width:1400px) {
.bild-text-kombi .ce_image { margin-left: 0; }
}
/* Slider */
/* Testimonials */
.slider-wrapper { display: flex; }
.slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
    align-items: center;
    float: none;
    position: relative;
}
.slider-control .slider-menu { display: none; }
.slider-control a {
    font-size: 3rem;
    text-decoration: none;
    top: 0;
}
#testimonials { margin-bottom: 6rem; }
#testimonials .slide .ce_image {
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 10000;
}
#testimonials .slide img {
    border: 10px solid #fff;
    border-radius: 50%;
    max-width: 150px;
}
#testimonials .slide .ce_text {
    background-color: #f6f6f6;
    border-top: 85px solid #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 125px 35px 35px 35px;
    text-align: center;
    z-index: 1000;
}
/* Typografie */
body {
    color: #555;
    font-family: 'Roboto';
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.675;
}
#wrapper { font-size: clamp(1.063rem, 1vw + 0.5rem, 1.375rem); }
h1, h2, h3, h4 {
    font-family: 'Playfair Display',serif;
    letter-spacing: 0.0375rem;
}
h1 {
    font-size: 240%;
    padding-bottom: 1.25rem;
}
h2 {
    font-size: 200%;
    margin-bottom: 1.25rem;
    padding-bottom: 0.5rem;
}
h3 {
    font-size: 180%;
    padding-bottom: 0.5rem;
}
h4 {
    font-size: 160%;
    padding-bottom: 0.25rem;
}
h5 {
    font-size: 140%;
    padding-bottom: 0.125rem;
}
h6 {
    font-size: 125%;
    padding-bottom: 0.125rem;
}
@media (max-width:767px) {
h1 { font-size: 200%; }
h2 {
    font-size: 180%;
    margin-bottom: 1.25rem;
    padding-bottom: 0.5rem;
}
h3 {
    font-size: 160%;
    padding-bottom: 0.5rem;
}
h4 {
    font-size: 140%;
    padding-bottom: 0.25rem;
}
h5 {
    font-size: 120%;
    padding-bottom: 0.125rem;
}
h6 {
    font-size: 100%;
    padding-bottom: 0.125rem;
}
}
p { margin-bottom: 1.5rem; }
blockquote { position: relative; }
blockquote p:first-of-type::before, blockquote p:last-of-type::after {
    content: '';
    color: #8a9c2a;
    display: block;
    font-family: 'Playfair Display';
    font-size: 3rem;
    line-height: 0;
    position: absolute;
}
blockquote p:first-of-type::before {
    content: "„";
    top: -50px;
    left: -15px;
}
blockquote p:last-of-type::after {
    content: "“";
    bottom: -25px;
    right: -15px;
}
.intro {
    font-size: 125%;
    text-align: center;
}
@media (max-width:767px) {
.intro { font-size: 110%; }
}
/* Form-Elemente */
.button {
    font-family: 'Playfair Display',serif;
    font-size: 1.5rem;
    letter-spacing: 0.0375rem;
  margin: 2rem auto;
  width: max-content;
}
/* Links */
a, a:link { color: #8a9c2a; }
a:visited { color: #777; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
a:active { text-decoration: underline; }
/* Button-Link-Styles */
.button a {
  background-color: #444;
  border-radius: 0.5rem;
    display: block;
    padding: 1rem 3rem;
    text-decoration: none;
}
.button a, .button a:link {
    color: #fff;
    text-decoration: none;
}
.button a:visited {
    color: #fff;
    text-decoration: none;
}
.button a:hover {
  background-color: #222;
    color: #eee;
    text-decoration: none;
}
.button a:focus {
  background-color: #222;
    color: #eee;
    text-decoration: none;
}
.button a:active {
  background-color: #ccc;
    color: #333;
    text-decoration: none;
}
/* Navigationen */
.mod_navigation a, .mod_navigation strong {
    display: block;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}
#header .nav-main { margin-top: 56px; }
#header .nav-main ul {
    display: webkit-box;
    display: ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#header .nav-main li { padding-right: 1rem; }
#header .nav-main li.last { padding-right: 0; }
@media (max-width:450px) {
#header .nav-main { margin-top: 1rem; }
#header .nav-main ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#header .nav-main li { padding-right: 2rem; }
}
.nav-main a, .nav-main a:link {
    color: #8a9c2a;
    text-decoration: none;
}
.nav-main a:visited {
    color: #8a9c2a;
    text-decoration: none;
}
.nav-main a:hover {
    color: #666;
    text-decoration: none;
}
.nav-main a:focus {
    color: #666;
    text-decoration: none;
}
.nav-main a:active {
    color: #8a9c2a;
    text-decoration: none;
}
.footer-nav a, .footer-nav a:link {
    color: #fff;
    text-decoration: none;
}
.footer-nav a:visited {
    color: #fff;
    text-decoration: none;
}
.footer-nav a:hover {
    color: #ddd;
    text-decoration: none;
}
.footer-nav a:focus {
    color: #ddd;
    text-decoration: none;
}
.footer-nav a:active {
    color: #8a9c2a;
    text-decoration: none;
}
/* Bilder und Galerien */
img {
    max-width: 100%;
    height: auto;
}
.ce_gallery ul {
    display: flex;
    flex-wrap: wrap;
}
.ce_gallery li {
    background-color: #cccccc;
    list-style-type: none;
    margin-right: 1%;
    width: 19%;
}
@media (max-width: 768px) {
.ce_gallery li { width: 24%; }
}
@media (max-width: 576px) {
.ce_gallery li { width: 32%; }
}
.ce_gallery .image_container {
    margin-top: 2rem;
    margin-bottom: 1rem;
    text-align: center;
}
#cboxOverlay {
  background: #fff;
  opacity: .8;
  filter: alpha(opacity = 80);
}
#cboxLoadedContent{border:5px solid #fff; background:#fff;}
#cboxCurrent {
  color: #000;
    left: 5px;
}
#cboxPrevious {
    position:absolute;
    top:50%;
    left:5px;
    margin-top:-32px;
    background:url("../../files/dateien/css/controls.svg") 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("../../files/dateien/css/controls.svg") 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("../../files/dateien/css/controls.svg") no-repeat top center;
    width:38px;
    height:19px;
    text-indent:-9999px;
}
#cboxClose:hover{background-position:bottom center;}
/* Hilfsklassen */
/*
 * Hide only visually, but have it available for screen readers: h5bp.com/v
 */
.invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}