@charset "utf-8";
/* CSS Document */
/* farben
dark   #1d1d1b
dark   #222
grey   #575757
red    #e30613
orange #fcb900
*/
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'open_sansregular', sans-serif;
	color:#222;
	color:#000;
}
button:focus {
	outline:none;
}
.body {
	padding:0;
}
h1, h2, h3,
.newsbutton, .navbar-toggler {
  font-family: 'open_sansregular', sans-serif;
	font-weight:500;
	color:#575757;
	color:#000;
}
a,
a:link,
a:visited {
	color:#fcb900;
}
a.haare {
  position:absolute;
  margin-top:-180px;
}
.rstbox a.btn {
  color:#fff;
}
/* video background */
#VideoLoop {
  position:relative;
  right: 0;
  width: 100%;
  height:auto;
	z-index:1;
	background:transparent;
}
.sps--blw + #VideoLoop {
	padding-top:80px;
}
#VideoLoop img,
#VideoLoop video {
	width:100%;
}
.top {
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
a.spacer-brand {
	position:relative;
	display:block;
	width:100%;
	max-width:600px;
	margin:0 auto;
	padding:5px 0;
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
a.spacer-brand:hover,
a.spacer-brand:focus {
	text-decoration:none;
}
a.spacer-brand img {
	width:100%;
	height:auto;
}
.top.sps--blw a.spacer-brand {
	width:240px;
}
.top.sps--abv {
	position:relative;
	padding-bottom:55px;
	background:rgba(255,255,255,1);
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
.top.sps--blw {
	position:fixed;
	width:100%;
	background:rgba(255,255,255,1);
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
	z-index:10;
}

/* socials */
.socials {
	position:relative;
	top:20px;
	float:right;
	width:100%;
	color:#fff;
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
.sps--blw .socials {
	top:10px;
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
.socials a .fa,
.socials a .fab,
.socials a .far {
	position:relative;
	display:block;
	float:right;
	width:30px;
	height:30px;
	text-align:center;
	padding-top:6px;
	margin:0 3px;
	border:1px solid #575757;
	border-radius:32px;
	color:#575757;
	background:rgba(255,255,255,0.7);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.socials a .fa:hover,
.socials a .fa:focus,
.socials a .fab:hover,
.socials a .fab:focus,
.socials a .far:hover,
.socials a .far:focus {
	color:#fff;
	background:#575757;
	border:1px solid #575757;
}


/* Bilderwechsler */
.bilderwechsler {
	position:relative;
	width:100vw;
	margin-top:-40px;
}
.bilderwechsler .row,
.bilderwechsler video {
	width:100% !important;
	height:auto;
}
.bilderwechsler .container-fluid {
	padding:0;
}
.bilderwechsler .carousel-inner {
	padding-bottom:40px;
}
.bilderwechsler .carousel-indicators .active {
	background-color:#222;
}
.bilderwechsler .carousel-indicators li {
	background-color:#575757;
}
.bilderwechsler img {
	width:100vw;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.bilderwechsler .text {
	position:relative;
	width:100%;
	margin:0;
	padding:25px 0 20px 30px;
	color:#222;
	background:rgba(255, 255, 255, 0.7);
}
.carousel .fa {
	font-size:4vw;
}
.carousel-control-next,
.carousel-control-prev {
	width:7%;
}

/* Newsflash */
.newsflash {
	position:relative;
	padding:100px 0 40px;
	margin-top:80px;
	background: #e3e3e3;
}
.newsflash .newsbutton {
	position:absolute;
	display:block;
	top:-50px;
	left:50%;
	left:calc( 50% - 50px );
	width:100px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font-weight:600;
	padding-top:35px;
	border:1px solid #e30613;
	border-radius:50px;
	background:#e30613;
}
.newsflash a .news-text {
	display:block;
	padding:10px 20px;
	color:#fff;
	text-decoration:none;
	min-height:170px;
	background:#e30613;
}
.newsflash a:focus,
.newsflash a:hover {
	text-decoration:none;
	border:0;
}
.newsflash .news-text h2 {
	font-size:1.25rem;
}


/* Startseite */
.blog-featured .page-header h1 {
	text-align:center;
}
.blog-featured .item {
}

/* main */
.main {
	padding-top:20px;
	background:#fff;
}

.main .header-icon {
	position:relative;
	display:block;
	padding:20px 0 10px;
	width:100%;
	font-family: 'Font Awesome 5 Free';
	font-weight:900;
	color:#222;
	font-size:36px;
	text-align:center;
}
.main .items-leading .header-icon {
	margin-top:-76px;
}
.main .header-icon .far,
.main .header-icon .fas,
.main .header-icon .fab {
	position:relative;
	display:block;
	width:76px;
	height:76px;
	border:3px solid #222;
	border-radius:76px;
	margin-left:auto;
	margin-right:auto;
	padding-top:18px;
	background:#fff;
}

.main .items-leading .page-header h2,
.main .item .page-header h2 {
	text-align:center;
}
.main .item-image {
	max-width:50%;
}
.main .item-image img {
	width:100%;
}
.main .item-image.pull-left {
	padding-right:20px;
}
.main .item-image.pull-right {
	padding-left:20px;
}
.main .kacheln .item-image {
	max-width:100%;
}
.main .pull-right {
    float: right;
}

/* contacts */
.contacts {
	text-align:center;
}
.contacts-image {
	max-width:283px;
	margin:5px auto;
}

/* tables */
table td {
	text-align:left;
}
table td +td {
	text-align:right;
}
table.oeffnung {
	width:100%;
}
/* bilderleiste */
.bilderleiste {
	text-align:center;
	margin:0;
	padding:30px 0 10px;
	background:#fff;
}
.bilderleiste.row {
	border-top:1px solid #222;
}
.bilderleiste a,
.bilderleiste a:link,
.bilderleiste a:visited {
	position:relative;
	display:block;
	float:left;
	width:33.33%;
	padding:15px;
	float:left;
	color:#fff;
	text-decoration:none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.bilderleiste a:focus,
.bilderleiste a:hover {
	color:#575757;
}
.bilderleiste a img {
	width:100%;
	filter:grayscale(1);
	webkit-filter:grayscale(1);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.bilderleiste a img:hover,
.bilderleiste a img:focus {
	filter:grayscale(0);
	webkit-filter:grayscale(0);
}
.bilderleiste .item-header {
	font-size:18px;
	text-transform:uppercase;
}


.footer {
	position:relative;
	bottom:0;
	padding-top:5%;
	border-top:1px solid #222;
	background:#fff;
}
.footer .mitte {
	text-align:left;
}
.footer .links {
	text-align:left;
}
.footer .rechts {
	text-align:left;
}
.footer h2,
.footer h3,
.footer #submit {
	text-transform:uppercase;
}
.footer h2 {
	margin-bottom:20px;
}
.footer table td {
  padding-left:0;
}
.back-to-top {
  position:fixed;
  bottom:5px;
	right:5px;
  padding:0.5em 1em;
	color:#575757;
  border:2px solid #575757;
	background:rgba(255,255,255,0.5);
}
a.back-to-top {
	color:#575757;
}
/* kform */
.btn {
  font-size:1.25rem;
  font-weight: 400;
  line-height: 1.25;
	text-transformation:uppercase;
  padding: 0.5rem 1.25rem;
}
.btn-primary {
  background-color:#595758;
  border-color:#595758;
}
.btn-primary:hover {
  background-color:#595758;
  border-color:#595758;
	box-shadow:0.25rem .25rem .25rem rgba(0, 0, 0, 0.3);

}
#userForm .formControlLabel {
	display:none;
}
#userForm .rsform-block,
#userForm .formBody,
#userForm .formBody input[type=text] {
	float:none;
	width:94%;
}
#userForm .formBody input[type=checkbox] {
	margin-right:7px;
}
#userForm input {
	padding-left:0;
	border-radius:0;
	border-left:0;
	border-right:0;
	border-top:0;
	border-bottom:1px dotted #333;
	background:#f6f6f6;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
#userForm input:focus {
	padding-left:5px;
	border-bottom:1px solid #595758;
	background:#fff;
}
#userForm input.rsform-submit-button {
	padding:8px 15px;
	border-radius:5px;
	background:#222;
}
.formError {
	color:#red;
	font-size:14px;
}
/* menu icon */
.top .navbar-toggler {
	float:left;
	width:90px;
	border-color:transparent;
}
.nav-icon-text {
	float:left;
	margin-top:20px;
}
#nav-icon {
	float:left;
  width:42px;
  height:40px;
  position:relative;
  margin:18px 10px 0 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;
}
#nav-icon span {
  display:block;
  position:absolute;
  height:4px;
  width:100%;
  background:#575757;
  border-radius:6px;
  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;
}
#nav-icon span:nth-child(1) {
  top:0px;
}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top:10px;
}
#nav-icon span:nth-child(4) {
  top:20px;
}
#nav-icon.open span:nth-child(1) {
  top:10px;
  width:0%;
  left:50%;
}
#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {
  top:10px;
  width:0%;
  left:50%;
}

/* menu */
.navbar-light {
	background:none;
	background-color:transparent;
}
.navbar-collapse.collapse,
.navbar-collapse.collapsing {
	position:fixed;
	left:0;
	width:0;
	color:#fff;
	background:#000;
	-webkit-transition: width 0.25s linear;
	-moz-transition: width 0.25s linear;
	-ms-transition: width 0.25s linear;
	-o-transition: width 0.25s linear;
	transition: width 0.25s linear;
}
.navbar-collapse.collapse.show {
	position:fixed;
	right:0;
	width:250px;
	-webkit-transition: width 0.25s linear;
	-moz-transition: width 0.25s linear;
	-ms-transition: width 0.25s linear;
	-o-transition: width 0.25s linear;
	transition: width 0.25s linear;
	z-index:100;
}
.top.sps--abv .navbar-collapse.collapse {
  top:80px;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.top.sps--blw .navbar-collapse.collapse {
	top:80px;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.top .collapse ul {
	padding:20px 0;
	min-height:400px;
}
.top .collapse ul li {
	width:100%;
	padding:0;
}
.top .collapse ul li a,
.top .collapse ul li a:link,
.top .collapse ul li a:hover,
.top .collapse ul li a:focus,
.top .collapse ul li.separator {
	position:relative;
	display:block;
	width:100%;
	padding:6px 20px 6px 25px;
	text-align:left;
	text-decoration:none;
	color:#fff;
	border-left:2px solid #000;
	background:#000;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.top .collapse ul li a:hover,
.top .collapse ul li a:focus {
	border-left:2px solid #fff;
}
.top .collapse ul li.active a {
	color:#222;
	background:#fff;
}
.top .collapse ul ul.nav-child {
	padding:2px 0;
	min-height:auto;
}

.top.sps--blw .topmenu {
	display:none;
}
.top .topmenu {
	position:absolute;
	bottom:0;
	width:100%;
	background:#000;
}
.top .topmenu ul {
	width:100%;
}
.top .topmenu ul li {
	position:relative;
	width:16.66666%;
	
}
.top .topmenu ul li a {
	color:#fff;
	font-size:18px;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.top .topmenu ul li a:hover,
.top .topmenu ul li a:focus,
.top .topmenu ul li.active a {
	color:#fcb900;
}


.footer .footermenu {
	width:100%;
	color:#fff;
	margin:20px 0 0;
	padding-bottom:15px;
	background:#000;
}
.footer .footermenu ul {
	width:100%;
}
.footer .footermenu ul li a,
.footer .footermenu ul li a:link,
.footer .footermenu ul li a:hover,
.footer .footermenu ul li a:focus {
	color:#fff;
	padding:10px 2vw;
	text-decoration:none;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.footer .footermenu ul li a:hover,
.footer .footermenu ul li a:focus,
.footer .footermenu ul li.active a {
	color:#d9a566;
}


@media (min-width: 576px) {

.blog-featured .item {
	column-count:2;
}
.socials {
	position:absolute;
	right:25px;
	width:auto;
	margin:0;
}
.top.sps--blw {
	padding-bottom:50px;
}
.top.sps--abv .navbar-collapse.collapse {
	top:210px;
}

}

@media (min-width: 768px) {

.footer .center {
	text-align:center;
}
.footer .right {
	text-align:right;
}
.main .items-row {
	padding:20px 0 30px;
}


}

@media (min-width: 992px) {

.bilderwechsler ul li {
	width:33%;
}
.blog-featured .item {
	column-count:3;
}

}

@media (min-width: 1200px) {

}

@media (max-width: 575px) {

.top.sps--abv {
	padding-bottom:5px;
}
.navbar-toggler {
  padding-left:0;
}
.sps--blw .socials {
  top: 15px;
}
a.spacer-brand {
  padding-top:15px;
  max-width:100%;
}
.top.sps--blw a.spacer-brand {
  max-width:100%;
}
.top .col-5 {
  padding:0;
}
.rightborder {
  padding:0;
}
a.navbar-brand {
	padding-left:0;
}
.top .topmenu ul li a {
	font-size:16px;
}
.top .col-2,
.top .topmenu .col-12 {
  padding:0;
}

}
@media (max-width: 991px) {


}


@media (min-width: 576px) and (max-width: 767px) {

.rightborder {
  padding:0;
}
.bilderwechsler ul li {
	width:50%;
}

}

@media (min-width: 768px) and (max-width: 991px) {

.bilderwechsler ul li {
	width:50%;
}

}

@media (min-width: 992px) and (max-width: 1199px) {


}

@media (min-width: 1200px) {

.bilderwechsler .text {
	position:absolute;
	top:180px;
	bottom:0;
	right:5%;
	padding:20px 20px 40px 20px;
	width:420px;
	color:#000;
	background:rgba(255, 255, 255, 0.7);
}

}