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}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width: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%}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:426 $
 * @lastmodified    $Date:2009-10-21 21:12:11 +0200 (Mi, 21. Okt 2009) $
 */

/**
 * Contao Extension
 * @copyright  Felix Pfeiffer : Neue Medien 2007 - 2012
 * @author     Felix Pfeiffer <info@felixpfeiffer.com>
 * @package    Subcolumns
 */

@media screen{.subcolumns{width:100%;overflow:hidden}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.c15l,.c15r{width:15%}.c16l,.c16r{width:16.666%}.c30l,.c30r{width:30%}.c45l,.c45r{width:45%}.c55l,.c55r{width:55%}.c70l,.c70r{width:70%}.c85l,.c85r{width:85%}.subc{padding:0 .5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize > div{display:table-cell;float:none;overflow:hidden;vertical-align:top;margin:0}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l,.c15l,.c16l,.c30l,.c45l,.c55l,.c70l,.c85l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r,.c15r,.c16r,.c30r,.c45r,.c55r,.c70r,.c85r{float:right;margin-left:-5px}}@media print{.subcolumns > div{display:table;overflow:visible}}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/* barlow-semi-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/zn/webfonts/barlow-semi-condensed-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../../files/zn/webfonts/barlow-semi-condensed-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/zn/webfonts/barlow-semi-condensed-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/zn/webfonts/barlow-semi-condensed-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/zn/webfonts/barlow-semi-condensed-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/zn/webfonts/barlow-semi-condensed-v14-latin-regular.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}

/* barlow-condensed-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/zn/webfonts/barlow-condensed-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../../files/zn/webfonts/barlow-condensed-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/zn/webfonts/barlow-condensed-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/zn/webfonts/barlow-condensed-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/zn/webfonts/barlow-condensed-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/zn/webfonts/barlow-condensed-v12-latin-600.svg#BarlowCondensed') format('svg'); /* Legacy iOS */
}



:root {
  --text: #3d3935;
  --green: #c5d878;
  --dgreen: #8ea755;
  --brown: #d4cdbf;
  --dbrown: #a09181;
  --grey: #3d3935;
  --white: #FFF;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
	scroll-padding-top: 60px;
}

*{
	margin:0;
	border:0;
	padding:0;
	box-sizing: border-box;
}

body {
	font-family: 'Barlow Semi Condensed';
	font-style: normal;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.6rem;
	-moz-hyphens: none;
   	-o-hyphens: none;
   	-webkit-hyphens: none;
   	-ms-hyphens: none;
   	hyphens: none; 
    color: var(--text);
}

a:link, a:visited {
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
 	color: var(--dgreen);
}

a:hover {
	text-decoration:none;
}

h1,h2 {
	font-family: 'Barlow Condensed';
	font-size: 2.4rem;
	line-height: 2.8rem;
	font-weight: 600;
	letter-spacing: .1rem;
	hyphens: none;
	text-transform: uppercase;
	max-width: 1400px;
	margin: auto;
	margin-bottom: 15px;
}

.leistung h2, .service h2 {
	text-transform: none;
}

h3 {
	font-family: 'Barlow Condensed';
	font-size: 1.6rem;
	line-height: 1.8rem;
	color: var(--dbrown);
	font-weight: 600;
	letter-spacing: .1rem;
	margin-bottom: 5px;
	hyphens: none;
}

h4 {
	font-family: 'Barlow Condensed';
	font-size: 1.3rem;
	line-height: 1.5rem;
	font-weight: 600;
	letter-spacing: .1rem;
	margin-bottom: 5px;
	hyphens: none;
}

h5,h6 {
	font-family: 'Barlow Condensed';
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: .1rem;
	margin-bottom: 5px;
	hyphens: none;
}

input, textarea, select {
	border: 1px solid #999;
	padding: 6px;
	-webkit-appearance: none;
}

.ce_form input, .ce_form textarea, .ce_form select {
	border: 1px solid #999;
	padding: 6px;
}

.ce_form label, .ce_form legend{
	float: left;
	width: 30%;
	font-weight: bold;
}

.ce_form input[type=text], .ce_form input[type=tel], .ce_form input[type=email], textarea{
	color: #555;
	padding: 5px 10px;
	width: 60%;
	border: 1px solid var(--lblue);
	height: 50px;
	box-shadow: none;
	border-radius: 0px;
	box-sizing: border-box;
	outline: 0;
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	font-size: 1.1rem;
	line-height: 1.6rem;
	color: var(--text);
}

textarea {
	height: 200px;
}

.ce_form .widget {
	margin-bottom: 20px;
}

.checkbox_container input, .radio_container input {
	float: left;
	padding: 0;
	margin-top: 5px;
	margin-right: 5px;
}

.ce_form .formlegals label{
	width: 60%;
}


p {
	margin-bottom: 20px;
	word-wrap:break-word;
}

.invisible {
	display:none;
}

.mb40 {
	margin-bottom: 40px;
	overflow: hidden;
}

.mb60 {
	margin-bottom: 60px;
	overflow: hidden;
}

.mb80 {
	margin-bottom: 80px;
	overflow: hidden;
}

.mb100 {
	margin-bottom: 100px;
	overflow: hidden;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.bggreen {
	background-color: var(--green);
	padding: 40px 0;
}

.bgbrown {
	background-color: var(--brown);
	padding: 40px 0;
}

#main .mod_article.bggreen .ce_text, #main .mod_article.bgbrown .ce_text, #main .ce_downloads {
	margin: auto;
	max-width: 1400px;
	width: 100%;
}

.active, .trail
{
}

#main .mod_article ul {
	list-style: disc;
	margin-left: 20px;
	margin-bottom: 15px;
}

#main .mod_article ul li {
	margin-bottom: 2px;
}

/* responsive iframes */

.myframe {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.myframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

#wrapper {
}

/* HEADER */

header {
	padding: 10px 0;
	overflow: hidden;
	z-index: 99;
	background-color: #FFF;
}

header.fixme {
	position: fixed;
	width: 100%;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); 
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
	padding: 10px 0;
}


header .inside, footer .inside {
	max-width: 1400px;
	width: 100%;
	margin: auto;
}

.headerbar {
	font-size: .9rem;
	line-height: 1.2rem;
	float: right;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 32px;
	align-items: center;
}

header.fixme .headerbar {
	margin-top: 14px;
}

.hcontact, .htimes, .hphone {
	border-right: 1px solid #000;
	padding-right: 20px;
}

.hmail {
}

.hplink a{
	border: 1px solid var(--text);
	padding: 7px 15px;
}

.hplink a:hover {
	background-color: var(--green);
	border: 1px solid var(--green);
	color: #FFF !important;
}

.headerbar a {
	color: var(--text);
}

.headerbar a:hover {
	color: var(--dbrown);
}

.headerbar img {
	width: 30px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.hmail img{
	margin-right: 0;
}

.hbox {
	display: flex;
	flex-wrap: wrap;
}

.hbox img {
	margin-right: 0;
}

.hbox div {
	margin-right: 10px;
}

.hbox div:last-of-type {
	margin-right: 0;
}

.headerbar .hmaps img {
	width: 25px;
}

.headerbar .htextbox {
	float: left;
	height: 30px;
}

.headerbar .htitle {
	font-family: 'Barlow Condensed';
  	font-weight: 600;
  	color: var(--dbrown);
  	text-transform: uppercase;
  	letter-spacing: 0.05rem;
}

.headerbar .hmail img:hover, .headerbar .hmaps img:hover, .hnav img:hover {
	opacity: .6;
	-moz-opacity: .6;
	-webkit-opacity: .6;
}

.mobile_menu #mainnav {
		display: block;
}

.mobile_menu_trigger {
	font-size: 2.1rem;
	line-height: 2.1rem;
	color: var(--red);
	text-align: right;
	margin-top: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.mobile_menu_trigger:hover {
	cursor: pointer;
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
}

.mobile_menu {
	z-index: 9999;
}

.mobile_menu a:link, .mobile_menu a:visited {
	color: var(--text);
}

.mobile_menu a:hover {
	color: var(--green);
}

.mobile_menu .inner {
	padding: 40px;
	background-color: #FFF;
}

.mobile_menu .inner .navclose {
	font-weight:400;
}

.mobile_menu .inner li {
	margin-bottom: 15px;
	border-bottom: 1px solid var(--grey);
	padding-bottom: 15px;
}

.mobile_menu .inner li.last {
	border: none;
}

#mobilenav:hover {
	cursor: pointer;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
}

.mobile_menu .inner ul.level_2 {
	margin-top: 30px;
	margin-left: 20px;
	list-style: none;
	font-size: 1.1rem;
}

#navinclude {
	margin-top: 60px;
}

#navcontacts {
	position: absolute;
	bottom: 40px;
} 

#logo {
	max-width: 260px;
	width: 100%;
	float: left;
	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
}

#logo img {
	width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
}

#logo:hover {
	opacity: .8;
	-moz-opacity: .8;
	-webkit-opacity: .8;
}

header.fixme #logo {
	max-width: 180px;
}

#mnavlink {
	display:none;
}

/* Hero Slider */

#sliderbox {
	width: 100%;
	position: relative;
}

#sliderbox img, .fullwidth .mod_rocksolid_slider img {
	width: 100%;
}

#sliderbox .scaption {
  position: absolute;
  z-index: 10;
  bottom: 10%;
  max-width: 1400px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

#sliderbox .ssub {
  	font-family: 'Barlow Condensed';
  	font-style: normal;
  	font-weight: 600;
	color: var(--green);
	font-size: 2rem;
	text-transform: uppercase;
	letter-spacing: .2rem;
	margin-bottom: 10px;
}

#sliderbox .shead {
  	font-family: 'Barlow Condensed';
  	font-style: normal;
  	font-weight: 600;
	color: var(--white);
	font-size: 4rem;
	line-height: 4.2rem;
	text-transform: uppercase;
	letter-spacing: .2rem;
	margin-bottom: 10px;
	max-width: 700px;
	hyphens: none;
	-webkit-hyphens: none;
}

#sliderbox .sdesc {
	color: var(--white);
	font-size: 1.4rem;
	line-height: 1.6rem;
	max-width: 700px;
	hyphens: none;
	-webkit-hyphens: none;
}

.rsts-skin-default .rsts-nav {
	position: absolute;
	right: 20px;
	bottom: 48%;
	left: auto;
}

.rsts-skin-default .rsts-nav li {
	display: block;
}

.rsts-skin-default .rsts-nav-bullets a {
	display: inline-block;
	margin: 5px 4px;
	border: 1px solid var(--white);
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 12px;
	height: 12px;
}

.rsts-skin-default .rsts-nav-bullets a.active {
    background-color: var(--green);
    border: 1px solid var(--green);
   	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.rsts-skin-default .rsts-nav-bullets a:hover {
    background-color: var(--green);
    box-shadow: none;
    -webkit-box-shadow: none;
}

.mod_rocksolid_slider.watermarked::after {
  position: absolute;
  content: url('../../files/zn/img/dr-obst-icon.svg');
  bottom: 40px;
  right: 40px;
  width: 60px;
  height: auto;
  opacity: .4;
  -webkit-opacity: .4;
  -moz-opacity: .4;
}

#container {
}

#main {
}

#main.pushme {
	padding-top: 92px;
}

#main .mod_article.boxed, #main .mod_article .ce_text.boxed {
	max-width: 1400px;
	margin: auto;
	padding: 40px 0;
}

.mod_rocksolid_slider.boxed {
	padding: 0;
	max-width: 1400px;
	margin: auto;
}

.mod_rocksolid_slider.boxed section, .mod_rocksolid_slider.boxed section .c50l, .mod_rocksolid_slider.boxed section .c50r {
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
}

.mod_rocksolid_slider.boxed.padright section .c50r {
	padding: 0 40px;
}

.mod_rocksolid_slider.boxed.padleft section .c50l {
	padding: 0 40px 0 40px;
}

.navright .rsts-nav {
	left: auto;
	right: 0;
}

.navleft .rsts-nav {
	right: auto;
	left: 0;
}

.slider.navleft .rsts-nav {
	left: 20px;
}

.mod_rocksolid_slider.boxed.padright .rsts-nav a, .mod_rocksolid_slider.boxed.padleft .rsts-nav a{
	border: 1px solid var(--text);
}

.mod_rocksolid_slider.boxed.padright .rsts-nav a:hover, .mod_rocksolid_slider.boxed.padright .rsts-nav a.active, .mod_rocksolid_slider.boxed.padleft .rsts-nav a:hover, .mod_rocksolid_slider.boxed.padleft .rsts-nav a.active{
	background-color: var(--dgreen);
	border: 1px solid var(--dgreen);
}

.cta {
	padding: 15px 0;
	font-size: 1rem;
  	font-family: 'Barlow Condensed';
  	font-style: normal;
  	font-weight: 600;
}

.cta a{
	padding: 10px 30px;
	color: var(--text);
	border: 1px solid var(--text);
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 10px;
}

.bggreen a {
	color: #FFF;
}

.bggreen a:hover {
	color: var(--lgrey);
}

.bggreen .cta a {
	border: 1px solid var(--dgreen);
	color: var(--dgreen);
}

.cta a:hover {
	border: 1px solid var(--green);
	color: var(--green);
}

.bggreen .cta a:hover {
	border: 1px solid #FFF;
	color: var(--white);
}

.gmaps {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.gmaps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Flipcards */

.contact {
	position: relative;
	overflow: hidden;
}

.contact .cdesc {
	font-size: 1rem;
	line-height: 1.2rem;
}

.contact .contacthover {
	position: absolute;
	bottom: 0;
	visibility: hidden;
	background-color: var(--grey);
	opacity: .9;
	color: #FFF;
	width: 100%;
	height: 100%;
	padding: 90px 20px 20px 20px;
	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
}

.contact .contacthover .cname {
	font-size: 1.8rem;
	line-height: 2rem;
	font-family: 'Barlow Condensed';
	font-style: normal;
	font-weight: 600;
	margin-bottom: 20px;
}

.contact .contactvisible {
	width: 100%;
	height: 100%;
}

.contacthover:hover, .contact .contactvisible:hover + .contacthover {
	visibility: visible;
}

.contact .clink a {
	padding: 10px 50px;
	color: #FFF;
	font-size: 1rem;
	font-family: 'Barlow Condensed';
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	background-color: var(--green);
	display: inline-block;
	margin-top: 20px;
	float: right;
}

.contact .clink a:hover {
	background-color: var(--dgreen);
}

 @media screen {
 	.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r {
		margin-left: 0;
	}
}

.smallest {
	font-size: .7rem;
	line-height: 1rem;
}

#scrolltotop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 30px;
	height: 30px;
	display: none;
	z-index: 99;

}

#scrolltotop.show {
	display: block;
	opacity: .7;
}

#scrolltotop.show:hover {
	opacity: 1;
}

#scrolltotop img {
	width: 100%;
	height: 100%;
}

.person, .service, .leistung {
	border-bottom: 2px solid var(--text);
	padding-bottom: 60px;
	padding-top: 60px;
	margin-bottom: 0px;
}

.person:last-of-type, .service:last-of-type, .leistung:last-of-type {
	border: none;
}

.flexed, .flexed .col_1, .flexed .col_2, .flexed .subcl, .flexed .subcr {
	display: flex;
	flex-wrap: wrap;
}

.flexed .col_1 .subcl, .flexed .col_2{
	align-content: space-around
}

/* Spaltenreihenfolge ändern für mobil */

.mobileview {
	display: none;
}

.desktopview {
}

.reviews .rsts-nav {
	top: 10%;
}

.reviews p {
	max-width: 95%;
}

footer {
	clear: both;
	float: none;
	background-color: var(--grey);
	color: #FFF;
	padding: 30px 0;
	font-size: 1rem;
}

footer a:link, footer a:visited {
	color: #FFF;
}

footer a:hover {
	color: #CCC;
}

footer ul {
	list-style: none;
}

footer .inside {
	display: flex;
	flex-wrap: wrap;
}

footer .fleft, footer .fright {
	float: left;
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	
}

footer .fbox1, footer .fbox2, footer .fbox3 {
	width: 23.33%;
}

footer .fbox1 {
	width: 46.33%;
}

footer .fbox1, footer .fbox2 {
	padding-right: 20px;
}

footer .fright {
	display: block;
}

footer .fbox4 {
	width: 40%;
	float:right;
}

footer .fhead {
	color: var(--green);
	text-transform: uppercase;
	font-family: 'Barlow Condensed';
	font-style: normal;
	font-weight: 600;
	margin-bottom: 10px;
}

footer .flogo {
	margin-bottom: 40px;
}

footer .copyright {
	margin-top: 60px;
}

footer .socials img {
	width: 30px;
	float: left;
	margin-right: 5px;
	margin-top: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
}

footer .socials img:hover {
	opacity: .8;
}

@media only screen and (max-width: 1400px) {
	header .inside, footer .inside, #main .mod_article, #main .mod_article.boxed, #main .mod_article.fullwidth, #main .mod_article.bggreen, #main .mod_article.bgbrown {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#sliderbox.mod_article{
		padding-left: 0;
		padding-right: 0;
	}

	
	#sliderbox .scaption {
	  left: 20px;
	  margin-left: 0;
	  margin-right: 20px;
	}
	
	/* .navright .rsts-nav {
		right: 20px;
		left: auto;
	}
	
	.navleft .rsts-nav {
		left: 20px;
		right: auto;
	} */
	
	.contact .cdesc {
		display: none;
	}
}

@media only screen and (max-width: 1200px) {
	footer .fleft {
		width: 55%;
	}
	
	footer .fright {
		width: 45%;
	}
	
	footer .fbox4 {
		width: 90%;
	}
}

@media only screen and (max-width: 1000px) {
	footer .fleft {
		width: 70%;
	}
	
	footer .fright {
		width: 30%;
	}
	
	.headerbar .htimes, .headerbar .hphone, .headerbar .hmail, .headerbar .hmaps, .headerbar .hplink {
		display: none;
	}
}

@media only screen and (max-width: 858px) {

}

@media only screen and (max-width: 768px) {
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l, .subcl, .subc, .subcr, .equalize > div {
	clear:both;
	float: none;
	padding: 0 !important;
	width: 100%;
	max-width: none;
    margin-left:0;
    display: block;
	}
	
	footer .fbox {
		width: 100%;
		margin-bottom: 40px;
		padding-right: 0;
	}
	
	footer .fleft, footer .fright {
		width: 100%;
		clear: both;
		float: none;
		display: block;
		text-align: center;
	}
	
	footer .fleft {
		margin-bottom: 40px;
	}
	
	footer .flogo {
		max-width: 300px;
	}
	
	footer .socials {
		margin: auto;
		text-align: center;
	}
	
	footer .socials img {
		clear: both;
		float: none;
	}
	
	#sliderbox .shead {
		font-size: 2.2rem;
		line-height: 2.2rem;
	}
	
	#sliderbox .sdesc {
		display: none;
	}
	
	#sliderbox .ssub {
		font-size: 1.6rem;
		line-height: 1.6rem;
		margin-bottom: 5px;
	}
	
	.navleft .rsts-nav, .navright .rsts-nav {
		right: auto;
		left: auto;
		bottom: 0;
		position: relative;
	}
	
	.navleft .rsts-nav li, .navright .rsts-nav li {
		display: inline;
	}
	
	.mod_rocksolid_slider.watermarked::after {
	  bottom: 30px;
	  right: 12px;
	  width: 30px;
	}

	.watermarked.slider .rsts-nav-bullets a {
	  border: 1px solid var(--brown);
	}
	
	.watermarked.slider {
		margin-bottom: 20px;
	}
	
	.contact .cdesc {
		display: block;
	}
	
	.contact img, .subcleistung img {
		width: 100%;
	}
	
	.c50l, .c33l, .c66l {
		margin-bottom: 20px;
	}
	
	.c50l .ce_image, .c50r .ce_image, .subcleistung .ce_image {
		width: 100%;
	}
	
	/* Spaltenreihenfolge ändern für mobil */
	
	.mobileview {
		display: block;
	}
	
	.desktopview {
		display: none;
	}

}

@media only screen and (max-width: 480px) {
	.mobile_menu {
		width: 75% !important;
	}
	
	#sliderbox {
		height: 30vh;
	}
	
	#sliderbox .scaption {
		top: auto;
		bottom: 10%;
	}
	

	
	#sliderbox img {
		object-fit: cover;
		height: 30vh;
	}
}