body {
	background: url(../layout/bg-dust_01.png);
	border-top: 10px solid #333;
	position: relative;
	z-index: 10;
	font-family: 'Lato', sans-serif;
	font-size: 14px
}

#c41 {
	padding: 30px 0;
}

hr {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #242424;
	border-bottom: 1px solid #4B4B4B
}

header h1 {
	font-size: 22px;
	color: #62AD74;
	background-color: #333333;
	border-top: 5px solid #62ad74;
	padding: 15px;
	margin-bottom: 15px;
}

#seite_1 header h1 {
	background-color: transparent;
	border-top: none;
	padding: 0;
	font-size: 25px;
}

h2 {
	font-size: 20px;
	font-weight: 700;
	color: #62AD74
}

h3 {
	font-size: 18px;
	font-weight: 700;
	color: #62AD74
}

h4 {
	margin: 5px 0 15px 0;
	font-size: 16px;
	font-weight: 700
}

p {
	margin: 0 0 10px;
	font-size: 16px
}

a {
	color: #62AD74;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #417C4F!important;
	text-decoration: none;
	transition: color .5s ease-in-out;
	-webkit-transition: color .5s ease-in-out
}

img {
	width: 100%;
	height: auto
}

li {
	font-size: 16px
}

::selection {
	background: #62AD74;
	color: #FFF
}

::-moz-selection {
	background: #62AD74;
	color: #FFF
}

#navigation {
	background: url(../layout/arrow-top_01.png) no-repeat top;
	position: relative;
	z-index: 20;
	margin-top: -10px
}

#navigation .navbar {
	padding-top: 31px;
	margin-bottom: 15px;	
}

#navigation .navbar .navbar-toggler {
	background-color: #333;
	border: 0 solid #232323
}

#navigation .navbar .navbar-toggler .navbar-toggler-icon {
	background-color: #333
}

#navigation .navbar .navbar-toggler:hover .navbar-toggler-icon,
#navigation .navbar .navbar-toggler:focus .navbar-toggler-icon {
	background-color: #62ad74
}

#navigation .navbar .navpoints {
	margin-top: 22px
}

#navigation .navbar .navpoints .navbar-top {
	float: right;
	margin-bottom: 10px
}

#navigation .navbar .navpoints .navbar-collapse {
	float: right;
	padding-right: 0
}

#navigation .navbar .navpoints .navbar-collapse .nav-item {
	font-size: 36px;
	font-weight: 300
}

#navigation .navbar .navpoints .navbar-collapse .nav-item a {
	color: #62ad74;
    padding-left: 10px;
    padding-right: 10px;
}

#navigation .navbar .navpoints .navbar-collapse .nav-item.active a {
	background-color: #62ad74;
	padding: 10px;
	color: #FFF
}

#navigation .navbar .navpoints .navbar-collapse .nav-item.active a:hover,
#navigation .navbar .navpoints .navbar-collapse .nav-item.active a:focus {
	background-color: #4f8a5d;
	color: #FFF!important;
	transition: background-color .5s ease-in-out;
	-webkit-transition: background-color .5s ease-in-out
}

#navigation .navbar .navbar-top ul {
	list-style-type: none
}

#navigation .navbar .navbar-top ul li {
	float: left;
	font-size: 16px;
	font-weight: 400
}

#navigation .navbar .navbar-top ul li a {
	padding: 0 10px;
	font-weight: 900;
	color: #333
}

#navigation .navbar .navbar-top ul li a:hover,
#navigation .navbar .navbar-top ul li a:focus {
	color: #62ad74;
	text-decoration: none;
	transition: color .5s ease-in-out;
	-webkit-transition: color .5s ease-in-out
}

#navigation .navbar .navbar-brand {
	align-self: flex-end;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	}

.flexslider {border: none;}

#flexslider-1 {margin-bottom: 40px;}

#imgslider {
	margin: 0;
}

#imgslider .frame {
	padding-top: 0;
	padding-bottom: 0;
}

#imgslider .tx-ws-flexslider {
	width: 100%;
	height: auto;
	background-color: transparent;
	padding: 0
}

#imgslider .tx-ws-flexslider .slides {
	margin-bottom: 0;
	width: 100%;
	height: auto
}

#imgslider .flex-control-nav{
	height: 60px;
	background-color: #333;
	padding: 25px;
	border-bottom: 5px solid #62AD74;
	text-align: left;
	z-index: 5;
}

#imgslider .flex-control-nav a {
	background: url(../layout/slider/bullets.png) no-repeat 0 2px
}

#imgslider .flex-active {
	background-position: 0 100% !important
}

#imgslider .flex-direction-nav a {
	bottom: -46px;
	margin-right: 20px
}


.frame-kategorie {
	margin-bottom: 20px;
	padding: 0;
}

.frame-kategorie h2 {
	position: relative;
	margin-top: -64px;
	background-color: rgba(51, 51, 51, .9);
	padding: 5px;
	text-align: center;
	border-bottom: 5px solid #62AD74
}

.frame-kategorie img {
	width: 100%;
	height: auto
}

.frame-sliderbox {
	background-color: #333333;
	width: 100%;
	padding: 0;
}

.frame-sliderbox header {
	border-top: 5px solid #62AD74;
	border-bottom: 1px solid #242424;
	padding: 15px;
	
}

.frame-sliderbox .tx-ws-flexslider .flexslider {
	border: inherit;
	background-color: inherit;
	color: #999;
	margin-bottom: 0;
}


.frame-sliderbox .caption-text {
	position: inherit;
	background-color: inherit;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    width: inherit;
	padding: 65px 25px;
	opacity: inherit;
}

.flex-direction-nav a {
    height: 48px;
    margin: inherit;
    transform: translateY(-50%);
}

.subnavigation {
	background-color: #333;
	padding: 0;
	list-style-type: none
}

.subnavigation li {
	padding: 15px
}

.subnavigation li a {
	font-size: 22px;
	font-weight: 300;
	color: #7d7d7d;
	text-shadow: -1px -1px 0 #000
}

.subnavigation li a:hover,
.subnavigation li a:focus {
	color: #62ad74!important;
	transition: color .5s ease-in-out;
	-webkit-transition: color .5s ease-in-out
}

.subnavigation li.active a {
	color: #62ad74
}

.subnavigation li.active:after {
	content: "";
	border-color: transparent #333;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	margin-left: 335px;
	margin-top: -24px
}

body:not(#seite_1) .frame {
	padding-top: 8px;
	padding-bottom: 8px;
}

#content .container .row .col-md-8 ul {
	margin: -8px 0 0 0;
	padding: 0 14px;
	list-style: none
}

#content .container .row .col-md-8 ul li {
	padding: 5px 0
}

#content .container .row .col-md-8 ul li:before {
	content: "";
	border-color: transparent #62ad74;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	display: block;
	height: 0;
	width: 0;
	left: -12px;
	top: 14px;
	position: relative
}

.referenzen .csc-textpic-imagewrap {
	width: 100%
}

.referenzen .csc-textpic-imagewrap .csc-textpic-imagerow {
	float: left;
	width: 50%
}

.referenzen .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn {
	width: 100%;
	height: auto
}

.referenzen .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn figure.csc-textpic-image {
	margin: 0;
	width: 100%;
	height: auto
}

.referenzen .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn figure.csc-textpic-image:first-child {
	padding: 0 20px 0 0
}

.referenzen .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn figure.csc-textpic-image img {
	float: left;
	margin-bottom: 25px;
	border-bottom: 5px solid #62ad74!important;
	width: 100%;
	height: auto
}

.bildergalerie {
	margin: 0 0 25px
}

.bildergalerie .csc-textpic-imagerow {
	margin: 0 0 15px 0
}

.bildergalerie .csc-textpic-imagerow .csc-textpic-imagecolumn {
	float: left;
	margin: 0;
	width: 50%;
	height: 225px;
	overflow: hidden
}

.bildergalerie .csc-textpic-imagerow .csc-textpic-imagecolumn.csc-textpic-firstcol {
	padding-right: 7.5px
}

.bildergalerie .csc-textpic-imagerow .csc-textpic-imagecolumn.csc-textpic-lastcol {
	padding-left: 7.5px
}

.bildergalerie .csc-textpic-imagerow .csc-textpic-imagecolumn .csc-textpic-image {
	margin: 0;
	width: 100%
}

.tx-powermail h3, .powermail_legend {display: none;}

.tx-powermail .container-fluid {padding-left: 0;}

div:not(.checkbox) > label {
	font-weight: 600;
	width: 15%;
}

label, .powermail_field {display: inline-block;}

input:not([type="checkbox"]), textarea {
	padding: 5px;
	width: 350px;
	margin-top: 5px;
}

.powermail_fieldwrap_type_textarea label {vertical-align: top;}

.powermail_fieldwrap_type_check > label {display: none;}

.powermail_fieldwrap_type_reset, .powermail_fieldwrap_type_submit {display: inline-block;}

input[type="reset"], input[type="submit"] {
	width: 225px;
	margin-top: 0;
	border-radius: 0;
}

input[type="reset"] {
	margin-right: 7px;
	background-color: #BBB;
	border: none;
    margin-top: -3px;
}

input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, .btn-danger:not(:disabled):not(.disabled):active {
	background-color: #aaa;
    outline: none;
}

input.powermail_submit {
    border: 0;
    background-color: #62ad74;
    color: #FFF;   
    padding: 7px;
    transition-duration: .3s;
}

input.powermail_submit:hover {background-color: #496E24;}

#footer {
	margin-top: 41px;
	background-color: #333;
	border-top: 10px solid #252525;
	font-size: 14px!important;
	padding: 35px;
}

#footer .container-non-responsive {
	padding: 35px 30px
}

#footer .about {
	background-color: #252525;
	padding: 15px;
	color: #7d7d7d;
	text-shadow: -1px -1px 0 #000
}

#footer .about p {
	margin: 0!important;
	font-size: 14px!important
}

#footer .about a {
	width: 100%;
	margin-top: 18px;
	background-color: #62AD74;
	border: 0 solid;
	border-radius: 0;
	font-size: 14px;
	color: #FFF;
	text-shadow: none
}

#footer .about a:hover,
#footer .about a:focus {
	background-color: #417C4F;
	color: #FFF!important;
	transition: background-color .5s ease-in-out;
	-webkit-transition: background-color .5s ease-in-out
}

#footer .footerlinks {
	padding: 15px;
	color: #7D7D7D;
	text-shadow: -1px -1px 0 #000
}

#footer .footerlinks .col-xs-3 {
	padding: 0 65px
}

#footer .footerlinks a {
	color: #7D7D7D
}

#footer .footerlinks ul {
	margin: -8px 0 0 0;
	padding: 0 14px;
	list-style: none
}

#footer .footerlinks ul li:before {
	content: "";
	border-color: transparent #111;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	display: block;
	height: 0;
	width: 0;
	left: -12px;
	top: 14px;
	position: relative
}

#footer .footerlinks {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px;
  color: #7D7D7D;
  text-shadow: -1px -1px 0 #000;
}

@media (max-width: 500px) {
	.bildergalerie .csc-textpic-imagerow {
		margin: 0
	}
	.bildergalerie .csc-textpic-imagerow .csc-textpic-imagecolumn {
		margin: 0 0 20px 0;
		width: 100%;
		height: auto
	}
	.bildergalerie .csc-textpic-imagerow .csc-textpic-imagecolumn.csc-textpic-firstcol {
		padding-right: 0
	}
	.bildergalerie .csc-textpic-imagerow .csc-textpic-imagecolumn.csc-textpic-lastcol {
		padding-left: 0
	}
}

@media (max-width: 768px) {
	.container {
		max-width: 95%!important
	}
	.frame-kategorie {
		width: 100%!important
	}
	.referenzen .csc-textpic-imagewrap {
		width: 100%
	}
	.referenzen .csc-textpic-imagewrap .csc-textpic-imagerow {
		float: left;
		width: 100%
	}
	.referenzen .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn figure.csc-textpic-image:first-child {
		padding: 0
	}
	.bildergalerie .csc-textpic-imagerow .csc-textpic-imagecolumn {
		height: auto
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-expand-md button.navbar-toggler {display: inherit}
}

@media (max-width: 991px) {
    nav.navbar {
        padding-left: 0;
        padding-right: 0;
    }
    
	.navbar-toggler {
		display: block
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
	}
	.navbar-collapse.collapse {
		display: none!important
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px 0px
	}
	.navbar-nav>li {
		float: none
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px
	}
	.navbar-collapse.collapse.in {
		display: block!important
	}
	.collapsing {
		overflow: hidden!important
	}
	.container {
		max-width: 90%
	}
	#navigation .navbar .navbar-brand {
		width: 100%;
		text-align: center;
	}
	#navigation .navbar .navbar-brand img {
		width: auto;
		max-width: 100%
	}
	#navigation .navbar .navbar-toggler {
		z-index: 30;
		width: 100%;
		margin: 25px 0 0 0;
		padding: 15px;
		border-radius: 0;
		outline: 0
	}
	#navigation .navbar .navbar-toggler .navbar-toggler-icon-right {
		float: right
	}
	#navigation .navbar .navpoints {
		width: 100%;
	}	
	#navigation .navbar .navpoints .navbar-top {
		display: none
	}
	#navigation .navbar .navpoints .navbar-collapse {
		float: none;
		z-index: 20;
		margin: -22px 0 25px 0;
		background-color: #333;
		padding: 0;
		border-top: 1px solid #232323;
		border-bottom: 5px solid #62ad74
	}
	#navigation .navbar .navpoints .navbar-collapse .nav-item {
		float: none;
		margin-left: 0;
		font-size: 22px
	}
	#navigation .navbar .navpoints .navbar-collapse .nav-item a {
		color: #7d7d7d;
		text-shadow: -1px -1px 0 #000;
		display: block;
	}
	#navigation .navbar .navpoints .navbar-collapse .nav-item a:hover,
	#navigation .navbar .navpoints .navbar-collapse .nav-item a:focus {
		background-color: #232323;
		color: #62ad74!important;
		border-radius: 0;
		transition: background-color .5s ease-in-out;
		-webkit-transition: background-color .5s ease-in-out
	}
	#navigation .navbar .navpoints .navbar-collapse .nav-item.active a {
		background-color: #232323;
		color: #62ad74!important;
		border-radius: 0;
		padding: 10px 15px
	}
	.frame-sliderbox {
		border-bottom: 1px solid #232323
	}
	.subnavigation {
		margin: -17px 0 25px 0
	}
	.subnavigation {
		border-top: 1px solid #464646
	}
	.subnavigation li.active:after {
		display: none
	}

	.tx-powermail ol li input,
	.tx-powermail ol li textarea {
		width: 100%
	}
	#footer .container {
		padding: 30px
	}
	#footer .about {
		margin: 0 0 15px
	}
	#footer .footerlinks .col-md-3 {
		margin: 0 0 25px 0;
		padding: 0
	}
	#footer .footerlinks .col-md-3:last-child {
		margin: 0
	}
}

@media (min-width: 992px) {
    .navbar-expand-md .navbar-toggler {display: none;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.subnavigation li.active:after {
		margin-left: 85%
	}
	.tx-powermail ol li label {
		width: 100%!important;
		padding: 7px 0 3.5px
	}
	.tx-powermail ol li input,
	.tx-powermail ol li textarea {
		width: 100%
	}
}


/* Icon 1 */

.animated-icon3 {
	width: 30px;
	height: 20px;
	position: absolute;
	margin: 0px;
		margin-top: -10px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	right: 7px;
}

.animated-icon3 span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.animated-icon3 span {
	background: #62AD74;
}

.animated-icon3 span:nth-child(1) {
top: 3px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
	top: 10px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
	top: 17px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
	left: 8px;
}

.animated-icon3.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 21px;
	left: 8px;
}

@media (max-width: 570px) {
	.ce-gallery, .ce-bodytext {
		display: contents;
	}
	
	.ce-gallery .image {margin-bottom: 20px;}
}