@charset "UTF-8";
/* CSS Document - 1em 16px - Grau_102,102,102 - orange 237,125,46
--------------------------------------------------------------------------------------- */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.volkswohl-fuerth.de/shu-cms/fonts/opensans/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.volkswohl-fuerth.de/shu-cms/fonts/opensans/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.volkswohl-fuerth.de/shu-cms/fonts/opensans/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.volkswohl-fuerth.de/shu-cms/fonts/opensans/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.volkswohl-fuerth.de/shu-cms/fonts/opensans/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.volkswohl-fuerth.de/shu-cms/fonts/opensans/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@import url(sw3-out-responsiveslides.css);
@import url(sw3-out-form.css);
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

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

body {
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-weight: 300;
	background: rgb(255,255,255);
	-webkit-font-smoothing: antialiased;
	line-height: 1.4em;
	border-top: 15px solid rgb(237,125,46);
}
ol, ul {
	list-style: none;
}
strike {
	text-decoration:line-through;
}
strong {
	font-size: bold;
}
span {
	color: rgb(237,125,46);
}
.columns {
	float:left;
}
a {
	text-decoration:none;
	color: rgb(237,125,46);
}
b {
	font-weight: 700;
}

/*
.menu-button {
    display: none;
    position: absolute;
    top: 25px;
    left: 20px;
    background-image: url(/images/site/menu-button.png);
    background-repeat: no-repeat;
    background-size:50px 50px;
    cursor:pointer;
    width: 50px;
    height: 50px;
}
*/

.menu-button {
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    top:25px;
    left:20px;
    cursor:pointer;
}

.menu-button img {
	width:100%;
	height:100%;
	}



.close-menu {
    	display: none;
    	background: url(/images/site/close.png) no-repeat;
	background-size:25px 25px;
	background-position:right top;
	z-index:200;
	height: 25px;
    	position: absolute;
    	right: 4px;
    	top: 2px;
	cursor:pointer;
}



.shu-button {
	padding: 9px 16px 10px 16px;
	color: rgb(255,255,255);
	background: rgb(237,125,46);
   	border: 1px solid rgb(207,125,46);
   	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.2);
}

.shu-button a {
   color: rgba(255,255,255);
}



.shu-body-header {
}

.shu-body-content {
	padding-left: 0em;
	margin-bottom: 1em;
	max-width: 1280px;
	float: left;
}

.xmas { background-image: url(/images/media/stern.png) !important;
	background-repeat:no-repeat !important;
	background-position:top left !important;
	}

#tracer {
	position:absolute;
	top:400px;
	left:10px;
	width:100px;
	height:100px;
	background-color:#cccccc;
	border:1px solid black;
	display:none;
	font-size:16pt;
	z-index:500;
	}

#smoother {
        position:fixed;
        display:none;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        clear:both;
        background-color:#D4D5D7;
        z-index:200;
        filter: Alpha(opacity=50,finishopacity=75);
        -moz-opacity:0.5;
        -khtml-opacity: 0.75;
        opacity: 0.75;
}

#teaser {
        position:fixed;
        display:none;
        margin-left:25%;
        margin-right:25%;
        top:100px;
        width:40rem;
	height:10rem;
        border:1px solid #cccccc;
        border-radius:6px;
        background-color:#ffffff;
        box-shadow: 0px 5px 15px rgba(0,0,0,.5);
        box-sizing: border-box;
        z-index:250;
}

.teaser-header {
	font-weight:bold;
	color:white;
	text-align:center;
	height:2.5rem;
	padding-top:.5rem;
        border-radius:6px;
	width:100%;
	background: rgb(237,125,46);
	}

.teaser-text {
	padding:5px;
	}


#teaser-close {
        position:absolute;
        left:95%;
        top:4%;
        width:30px;
        height:30px;
        cursor:pointer;
        background:url(/images/close.png) no-repeat;
        }





.shu-body-content-data {
	width: 100%;
	margin-bottom: 1em;
	padding: 0.5em 0;
	float: left;
	background: rgb(245,245,245);
}


.block {
	text-align:center;
	margin-left:10px;
	}

.float-left {
	float:left;
	}

.block-full {
	width:100%;
	box-sizing:border-box;
	float:left;
	}


.box2 {
	float:left;
	padding:20px;
	width:48%;
	box-sizing:border-box;
	margin-bottom:20px;
	}


.box3 {
	float:left;
	padding:20px;
	width:32%;
	box-sizing:border-box;
	margin-bottom:20px;
	white-space:nowrap;
	}




.box3:last-child {
	margin-right:0;
	}



.shu-body-content-data table {
	margin-top: -23.5em;
	display: block;
}


.shu-body-content-data .tbl-normal {
	margin-top:10px;
	}
.shu-body-content-data .tbl-normal td {
	vertical-align:top;
	text-align:center;
	}
.shu-body-content-data .tbl-col-3 { 
	margin-top:20px;
	}

.shu-body-content-data .tbl-col-3 td { 
	text-align:left;
	width:30%;
	margin-right:2%;
	padding-bottom:50px;
	}

.ul-standard {
	list-style:disc;
	margin-left:40px;
	line-height:1rem;
	}

.ul-standard li {
	margin-bottom:0;
	}

.img-shadow {
	margin-top:10px;
        box-shadow: 0px 5px 15px rgba(0,0,0,.5);
	}

/* New DSGVO */
.preeco-form h2, .preeco-form h3 {
	margin-top:15px;
	color:black !important;
	font-weight:bold;
	}

.preeco-form h3 {
	margin-left:20px;
	}



.preeco-form ul {
	list-style-type:disc;
	margin-bottom:10px;
	margin-left:20px;
	}
.preeco-form ul li {
	margin-left:20px;
	}









.shu-body-content-banner {
}
.shu-body-content-banner img {
	margin-bottom: 1em;
	border: 1px solid rgb(120,120,120);
}
.shu-body-content-banner .caption {
	position: absolute;
	display: block;
  	top: 180px;
	left: 0;
	right: 0;
	max-width: 100%;
	text-align: center;
	font-size: 1.5em;
	text-shadow: 0 0.1em 0.3em rgba(0,0,0,1);
	color: rgb(255,255,255);
}
.shu-body-content-banner .caption span {
	font: 1.8em 'PTSansBold', Arial, sans-serif;
	color: rgb(255,255,255);
}

.shu-body-content-data33 {
	margin-bottom: 1em;
	float: left;
	/* background: red; */
}
.shu-body-content-data33 a span {
	padding: 0.2em 0.4em;
	background: rgb(237,125,46);
	color: white;
}
.shu-body-content-data33 table {
	margin-left: 0.3em;
}
.shu-body-content-data33 table, thead, tr, th, td {
	padding: 0.2em 0.3em;
}





.shu-body-content-data66 {
	padding: 0.5em;
	margin-bottom: 1em;
	float: left;
	/* background: red; */
}
.shu-body-content-data h1,
.shu-body-content-data33 h1 {
	padding: 0.4em 0.6em 0.4em 0.6em;
	font-size: 1.7em;
	font-weight: 700;
	line-height:32px;
}
.shu-body-content-data h2,
.shu-body-content-data33 h2 {
	padding: 0 0.8em 0.1em 0.8em;
	font-size: 1.2em;
	line-height: 1.4em;
	color: rgb(237,125,46);
}
.shu-body-content-data p,
.shu-body-content-data33 p {
	padding: 0.3em 1em 0.3em 1em;
	line-height: 1.4em;
}
shu-body-content-data p a,
shu-body-content-data33 p a {
	color: rgb(237,125,46);
}
.shu-body-content-data img,
.shu-body-content-data33 img {
	padding: 0.3em 1em;
	max-width: 100%;
}
div.shu-body-content-data table {
	margin-left: 0.3em;
}
div.shu-body-content-data table, thead, tr, th, td {
	padding: 0.2em 0.3em;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------- */
/* Header */
.shu-body-logo-container {
	margin: 0 auto;
	margin-top:1em;
	margin-bottom: 0.5em;
	width: 100px;
	transition: width .5s;
	border: none;
}
.shu-body-logo-container img {
	padding: 0.5 1.5em 0 2em;
	width: 100%;
	height: auto;
}
.over300 .shu-body-logo-container {
	width: 100px;
}
.shu-header-images {
	padding: 16px 16px 12px 16px;
	margin: 1em 0;
	background: white;
	float: left;
	clear: both;
}
.shu-header-images div {
	width: 100%; 
}
/* Header ENDE */
/* --------------------------------------------------------------------------------------- */
/* Navi */
ul#navigation {
	margin: 0px auto;
	position: relative;
	float: left;
	z-index:300;
}
ul#navigation li {
	display: inline;
	float:left;
	position: relative;
}
ul#navigation li a {
	padding: 0.5em;
	text-decoration: none;
	display: block;
	color: rgb(40,40,40);
 
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}
ul#navigation li a:hover {
	color: rgb(40,40,40);
}
ul#navigation li a.first {
	border-left: 0 none;
}
ul#navigation li a.last {
	border-right: 0 none;
}
ul#navigation li:hover > a {
	background: rgb(237,125,46);
}
ul#navigation .first {
	color: rgb(222,20,70);
}
ul#navigation .on {
	background: rgb(237,125,46);
}
/* Navi ENDE */
/* --------------------------------------------------------------------------------------- */
/* Conten */

/* Conten ENDE */
/* --------------------------------------------------------------------------------------- */
/* Footer */
.shu-body-footer {
	width: 100%;
	background: rgb(220,220,220);
}
.shu-body-footer-data {
	max-width: 1280px;
	line-height: 1.3em;
	color: rgb(40,40,40);
}
.shu-body-footer-data p {
	margin-left: 1em;
	color: rgb(40,40,40);
}
.shu-body-footer-data p a {
	color: rgb(237,125,46);
}
.shu-body-footer-data p a:hover {
	color: rgb(222,20,70);
}
.shu-body-footer-data article {
	float:left;
}
.shu-body-footer-orange {
	background: rgb(237,125,46);
}
.shu-body-footer-orange p {
	padding: 1em;
	margin: 0 auto;
	max-width: 1280px;
	color: white;
}
/* Footer ENDE */
/* --------------------------------------------------------------------------------------- */
/* Raster */
.border {
	margin-left: 0.5em;
	margin-right: 0.5em;
}
.container {
	max-width: 100%;
	margin: 0 auto;
}
.row {
	margin: 0 auto;
	width: 100%;
}
.row:before, 
.row:after {
	content:'';
	display:table;
}
.row:after {
	clear: both;
}
row row {
	margin-left:-1em;
	margin-right:-1em;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
@media screen and (max-width:600px) {
.menu-button {
  	width: 35px;
    	height: 35px;
    	top:15px;
    	left:15px;
	}

	.sm-1 {
		width: 100%;
	}
	
	.shu-body-logo-container {
		margin-top: 0em;
	}
	.shu-body-logo-container img {
		padding: 1.5em 0;
		width: 100%;
		height: auto;
		border: none;
	}	
	.shu-body-content-banner .caption {
  		top: 0px;
		left: 0;
		right: 0;
		max-width: 100%;
		text-align: center;
		font-size: 1.5em;
		text-shadow: 0 0.1em 0.3em rgba(0,0,0,1);
		color: rgb(255,255,255);
	}
	.shu-body-content-banner .caption span {
		font: 1.1em 'PTSansBold', Arial, sans-serif;
	}
	.shu-body-content-data h1,
	.shu-body-content-data33 h1 {
		padding: 0 0.5em 0.3em 0.5em;
	}
	.shu-body-content-data h2,
	.shu-body-content-data33 h2 {
		padding: 0 0.7em 0.3em 0.7em;
	}
	.shu-body-content-data p,
	.shu-body-content-data33 p {
		padding: 0 1em 0.5em 1em;
	}
	.shu-body-content-data66 {
		
	}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
@media screen and (min-width:300px) and (max-width:992px) {
	#sizer {
		background-color:yellow;
		}
	.me-1 {
		width:8.33333333333;	
	}
	.me-2 {
		width: 16.66666667%;
	}
	.me-3 {
		 width: 25%;	
	}
	.me-4 {
		width: 33.33333333%;	
	}
	.me-5 {
		width: 41.66666667%;	
	}
	.me-6 {
		width: 50%;	
	}
	.me-7 {
		width: 58.33333333%;	
	}
	.me-8 {
		width: 66.66666667%;	
	}
	.me-9 {
		width: 75%;	
	}
	.me-10 {
		width: 83.33333333%;	
	}
	.me-11 {
		width: 91.66666667%;	
	}
	.me-12 {
		width:98%;	
	}

	.box3 {
		width:100%;
		}

	.form_line .col1 { 
		width:98% !important;
	}
	.col_label, .col_text {
		width:98% !important;
	}
	
	/* --------------------------------------------------------------------------------------- */
	/* Navi */
	/* --------------------------------------------------------------------------------------- */
	ul#navigation {
		display:none;
		position:fixed;
		top:0px;
		left:0 px;
		width:180px;
		background-color:white;
		border:1px solid #cccccc;
        	box-shadow: 0px 5px 15px rgba(0,0,0,.5);
		}
	ul#navigation li {
		width:180px;
		}

	.menu-button {
    		display: block;
		}
	.close-menu {
    		display: block;
		}

	/*
	ul#navigation {
		margin: 0px auto;
		position: relative;
		float: left;
	}
	ul#navigation li {
		display:inline;
		margin: 0;
		padding: 0;
		float:left;
		position:relative;
	}
	ul#navigation li a {
		height:	60px;
		padding: 2.5em 0.5em 0 0.5em;
		margin-right: 1.5em;
		text-decoration: none;
		display: block;
		color: rgb(40,40,40);
 
		-webkit-transition:color 0.2s linear, background 0.2s linear;
		-moz-transition:color 0.2s linear, background 0.2s linear;
		-o-transition:color 0.2s linear, background 0.2s linear;
		transition:color 0.2s linear, background 0.2s linear;
	}
 	ul#navigation li a:hover {
		color: rgb(40,40,40);
	}
	ul#navigation li a.first {
    	border-left: 0 none;
	}
	ul#navigation li a.last {
		border-right: 0 none;
	}
	ul#navigation li:hover > a {
		background: rgb(237,125,46);
	}
	ul#navigation .first {
    	color: rgb(222,20,70);
	}
	ul#navigation .on {
		background: rgb(237,125,46);
	}
	*/
	/* --------------------------------------------------------------------------------------- */
	/* Navi ENDE */
	/* --------------------------------------------------------------------------------------- */
	body {
		border-top: 10px solid rgb(237,125,46);
	}

	.shu-body-logo-container {
		transition: width .5s;
		float: right;
		margin-bottom:20px;
	}
	.shu-body-logo-container img {
		padding: 0em 0em 0 1em;
		margin: 0 auto;
		width: 90%;
		height: auto;
		border: none;
	}
	.row {
		width: 100%;
	}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
@media screen and (min-width:992px) and (max-width:1280px) {
	#sizer {
		background-color:green;
		}
	.la-1 {
		width:8.33333333333;	
	}
	.la-2 {
		width: 16.66666667%;
	}
	.la-3 {
		 width: 25%;	
	}
	.la-4 {
		width: 33.33333333%;	
	}
	.la-41 {
		width: 32.08%;	
	}
	.la-5 {
		width: 41.66666667%;	
	}
	.la-6 {
		width: 50%;	
	}
	.la-7 {
		width: 58.33333333%;	
	}
	.la-8 {
		width: 66.66666667%;	
	}
	.la-9 {
		width: 75%;	
	}
	.la-96 {
		width: 60%;	
	}
	.la-10 {
		width: 83.33333333%;	
	}
	.la-11 {
		width: 91.66666667%;	
	}
	.la-12 {
		width:100%;
	}
	/* --------------------------------------------------------------------------------------- */
	/* Navi */
	/* Navi wird Hamburger Menue	 */
	/* --------------------------------------------------------------------------------------- */
	/*
	*/
	ul#navigation {
		height:	30px;
		margin: 0px auto;
		position: relative;
		float: left;
		margin-top:10px;
	}
	ul#navigation li {
		display:inline;
		margin: 0;
		padding: 0;
		float:left;
		position:relative;
	}
	ul#navigation li a {
		height:	40px;
		/*
		padding: 2.5em 0.5em 0 0.5em;
		margin-right: 1em;
		text-decoration: none;
		display: block;
		color: rgb(40,40,40);
 
		-webkit-transition:color 0.2s linear, background 0.2s linear;
		-moz-transition:color 0.2s linear, background 0.2s linear;
		-o-transition:color 0.2s linear, background 0.2s linear;
		transition:color 0.2s linear, background 0.2s linear;
		*/
	}
 	ul#navigation li a:hover {
		color: rgb(40,40,40);
	}
	ul#navigation li a.first {
    	border-left: 0 none;
	}
	ul#navigation li a.last {
		border-right: 0 none;
	}
	ul#navigation li:hover > a {
		background: rgb(237,125,46);
	}
	ul#navigation .first {
    	color: rgb(222,20,70);
	}
	ul#navigation .on {
		background: rgb(237,125,46);
	}
	/* --------------------------------------------------------------------------------------- */
	/* Navi ENDE */
	/* --------------------------------------------------------------------------------------- */
	body {
		border-top: 15px solid rgb(237,125,46);
	}

	.shu-body-logo-container {
		transition: width .5s;
		float: right;
	}
	.shu-body-logo-container img {
		padding: 0em 0em 0 1em;
		margin: 0 auto;
		width: 90%;
		height: auto;
		border: none;
	}
	.row {
		width: 100%;
	}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
@media screen and (min-width:1280px) {
	.xl-1 {
		width:8.33333333333;	
	}
	.xl-2 {
		width: 16.66666667%;
	}
	.xl-3 {
		 width: 25%;	
	}
	.xl-4 {
		width: 33.33333333%;	
	}
	.xl-41 {
		width: 32.08%;	
	}
	.xl-5 {
		width: 41.66666667%;	
	}
	.xl-6 {
		width: 50%;	
	}
	.xl-65 {
		width: 48.75%;	
	}
	.xl-7 {
		width: 58.33333333%;	
	}
	.xl-8 {
		width: 66.66666667%;	
	}
	.xl-9 {
		width: 75%;	
	}
	.xl-96 {
		width: 65.4218%;	
	}
	.xl-10 {
		width: 83.33333333%;	
	}
	.xl-11 {
		width: 91.66666667%;	
	}
	.xl-111 {
		width: 98.8%;	
	}
	.xl-12 {
		width:100%;
	}
	/* --------------------------------------------------------------------------------------- */
	/* Navi */
	/* --------------------------------------------------------------------------------------- */
	#navigation {
		display: block;
		padding-left: 0.5em;
	}
	ul#navigation {
		height:	100px;
		margin: 0px auto;
		position: relative;
		float: left;
	}
	ul#navigation li {
		display: inline;
		margin: 0;
		padding: 0;
		float:left;
		position: relative;
	}
	ul#navigation li a {
		height:	60px;
		padding: 2.5em 0.4em 3em 0.4em;
		margin-right: 1em;
		text-decoration: none;
		display: block;
		color: rgb(40,40,40);
		clear: both;
 
		-webkit-transition:color 0.2s linear, background 0.2s linear;
		-moz-transition:color 0.2s linear, background 0.2s linear;
		-o-transition:color 0.2s linear, background 0.2s linear;
		transition:color 0.2s linear, background 0.2s linear;
	}
 	ul#navigation li a:hover {
		color: rgb(255,255,255);
	}
	ul#navigation li a.first {
    	border-left: 0 none;
	}
	ul#navigation li a.last {
		border-right: 0 none;
	}
	ul#navigation li:hover > a {
		background: rgb(237,125,46);
	}
	ul#navigation .first {
    	color: rgb(222,20,70);
	}
	ul#navigation .on {
		background: rgb(237,125,46);
		color: rgb(255,255,255);
	}
	/* --------------------------------------------------------------------------------------- */
	/* Navi ENDE */
	/* --------------------------------------------------------------------------------------- */
	body {
		border-top: 15px solid rgb(237,125,46);
	}
	.shu-body-logo-container {
		transition: width .5s;
		float: right;
	}
	.shu-body-logo-container img {
		padding: 0em 0em 0 1.5em;
		margin: 0 auto;
		width: 90%;
		height: auto;
		border: none;
	}
	.row {
		width: 1280px;
	}
}

/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* immosolve */
.embed-container {
	height: 100vh;
	width: 100%;
	padding-bottom: 50%;
	position: relative;
}
.embed-container iframe {
	min-width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

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

.shu-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@import url(sw3-out-responsiveslides.css);
@import url(sw3-out-form.css);