@charset "UTF-8";
/*@import "vars.less";*/
@import "fonts.css";
/*blau*/
/*grün*/
/*d.grau*/
* {
  padding: 0;
  margin: 0;
}
html {
  overflow-x: hidden;
  overflow-y: auto;
}
img {
  border: none;
}
abbr[title] {
  border-bottom: none;
}
body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  background-color: #ffffff;
}
body.kalenda {
  background-color: #F1F1F1;
}
#container {
  width: 100%;
}
header, nav, footer {
  -webkit-flex: 1 100%;
  flex: 1 100%;
}
.inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
}
.inner.padding {
  padding-left: 20px;
  padding-right: 20px;
}
#head_bild img {
  max-width: 100%;
  height: auto;
  display: block;
}
#pl_slider .slideritem {
  height: 300px;
}
#pl_slider .slick-prev {
  left: 15px;
  z-index: 1;
}
#pl_slider .slick-next {
  right: 25px;
  z-index: 1;
}
section {
  width: 100%;
}
aside {
  float: right;
  width: 200px;
  background-color: #c3cf00;
  padding: 20px;
  color: white;
  font-size: 14px;
}
aside a {
  color: #0072bb !important;
}
aside h3 {
  color: #0072bb;
}
aside .fm_zeit {
  min-height: auto;
}
.fm_icons {
  float: right;
  width: 150px;
}
.fm_icons a {
  display: inline-block;
  margin: 0 5px;
}
h1 {
  font-size: 32px;
  color: #0072bb;
  margin-bottom: 1em;
  font-weight: normal;
}
h2 {
  font-size: 27px;
  font-weight: normal;
  color: #0072bb;
  margin-bottom: 1em;
}
h3 {
  font-size: 16px;
  font-weight: normal;
  color: #0072bb;
  margin-bottom: 0.3em;
}
a {
  text-decoration: none;
  color: #151515;
}
a.button {
  background-color: #c3cf00;
  color: #0072bb;
  display: inline-block;
  padding: 3px 30px 3px 15px;
  position: relative;
}
a.button:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: 9px;
  right: 7px;
}
.content_img {
  float: right;
  margin-right: 10px;
}
.content_img img {
  max-width: 100%;
  height: auto;
}
#scrollup {
  cursor: pointer;
  position: fixed;
  top: 80vh;
  right: 20px;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 30px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  text-align: center;
  width: 36px;
  height: 36px;
  /*z.B.   .schatten(5px, 5px, 6px, 0.3);*/
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, @alpha);
  -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, @alpha);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, @alpha);
}
#scrollup:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
#scrollup div {
  margin-top: 10px;
}
#abholung_ct {
  margin-bottom: 20px;
}
.boxcontainer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.box {
  background-color: cornflowerblue;
  align-self: stretch;
  justify-content: center;
  align-items: center;
  -webkit-flex: 0 0 20%;
  flex: 0 1 20%;
  flex-basis: 20%;
  padding: 20px;
  margin-bottom: 20px;
  display: flex;
  text-align: center;
}
.clear {
  clear: both;
}
.clear:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.gruen {
  color: #c3cf00;
}
.blau {
  color: #0072bb;
}
header, #headerfixed {
  background-color: white;
  height: 160px;
  width: 100%;
  z-index: 3;
}
header #burgerbutton, #headerfixed #burgerbutton {
  position: absolute;
  left: 15px;
  top: 15px;
  display: none;
  width: 40px;
  height: 32px;
  border-top: 5px solid #0072bb;
  border-bottom: 5px solid #0072bb;
  position: relative;
}
header #burgerbutton:after, #headerfixed #burgerbutton:after {
  content: "";
  position: absolute;
  width: 40px;
  border-top: 5px solid #0072bb;
  left: 0;
  top: 8px;
}
header #contactbutton, #headerfixed #contactbutton {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 15px;
  display: none;
  color: #0072bb;
}
header #contactbutton .pfeil, #headerfixed #contactbutton .pfeil {
  opacity: 0;
  display: inline-block;
}
header #contactbutton i, header #contactbutton svg, #headerfixed #contactbutton i, #headerfixed #contactbutton svg {
  margin-right: 10px;
}
header #contactbutton i:last-of-type, header #contactbutton svg:last-of-type, #headerfixed #contactbutton i:last-of-type, #headerfixed #contactbutton svg:last-of-type {
  margin-right: 0px;
}
header #contactbutton.contactopen, #headerfixed #contactbutton.contactopen {
  opacity: 0.6;
}
header #contactbutton.contactopen .pfeil, #headerfixed #contactbutton.contactopen .pfeil {
  opacity: 1;
}
header .inner, #headerfixed .inner {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  position: relative;
}
header .inner .logo, #headerfixed .inner .logo {
  order: 1;
  flex: 0 1 310px;
  align-self: auto;
}
header .inner .logo img, #headerfixed .inner .logo img {
  width: 100%;
  height: auto;
}
header .inner nav, #headerfixed .inner nav {
  order: 1;
  flex: 0 1 auto;
  align-self: auto;
  background-color: transparent;
  box-shadow: none;
  webkit-box-shadow: none;
  width: auto;
  margin-top: 36px;
}
#headerfixed {
  position: fixed;
  height: 45px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  display: none;
}
#headerfixed .inner .logo img {
  width: 160px;
  height: auto;
}
#headerfixed .ms_navi {
  right: 20px;
}
#headerfixed .ms_navi .ms_txt {
  display: none;
}
#headerfixed .ms_navi a.ms {
  padding: 0;
}
article.text p {
  margin-bottom: 20px;
}
article.text ul {
  margin-left: 12px;
}
article.text ul li {
  list-style-type: none;
  position: relative;
}
article.text ul li:before {
  content: "";
  background-color: #0072bb;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 8px;
  left: -12px;
}
article.text ul li.noico:before {
  content: none;
}
article.text .pagination li:before {
  content: none;
}
article.text .pagination li .disabled {
  display: inline-block;
  font-size: 1.2rem;
  padding: 0 10px;
  line-height: 30px;
  color: grey;
}
article.newsuebersicht {
  margin-bottom: 70px;
}
article.newsuebersicht h2 {
  margin: 0;
  font-size: 22px;
}
article.newsuebersicht .datum {
  font-size: 0.8em;
}
article.newsuebersicht .bild {
  float: left;
  width: 240px;
  min-height: 140px;
}
article.newsuebersicht .bild img {
  max-width: 100%;
  height: auto;
}
article.newsuebersicht .text {
  width: 800px;
  max-width: 100%;
}
article.news_detail .bild, article.stellen_detail .bild, article .bewerbung .bild {
  margin: 20px auto 0 auto;
  text-align: center;
}
article.news_detail .bild img, article.stellen_detail .bild img, article .bewerbung .bild img {
  max-width: 100%;
  height: auto;
}
article.news_detail .back, article.stellen_detail .back, article .bewerbung .back {
  text-align: right;
}
.logosammlung {
  background: #0072bb;
  display: flex;
  flex-wrap: wrap;
  justify-content: normal;
  align-items: center;
  column-gap: 20px;
  row-gap: 20px;
  padding: 30px 10px;
}
.logosammlung div {
  background: white;
  text-align: center;
  width: calc(25% - 15px);
  min-width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
}
.logosammlung div img {
  max-width: 100%;
  height: auto;
}
.stellen .item {
  border-bottom: 1px solid #0072bb;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.stellen .item h3 {
  color: #0072bb;
}
#kundenstimmen_ct .item {
  background-color: #0072bb;
  padding: 20px;
  margin: 20px 0 40px 0;
  color: white;
}
#kundenstimmen_ct .item h3 {
  color: white;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}
#wait {
  display: none;
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
#wait div {
  height: 48px;
  width: 162px;
  text-align: center;
  color: #A79E9E;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/*Helpcenter*/
#gallery {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 50px;
  row-gap: 25px;
}
#gallery img {
  max-width: 100%;
  height: auto;
}
#phone, #form, #fb, #wha, #yt, #quickorder {
  /*.transition(0.3s, ease-in-out);	*/
  background-color: #0072bb;
  margin-right: -5px;
  position: fixed;
  /*right: -210px; */
  right: -292px;
  width: 340px;
  z-index: 9;
  font-size: 16px;
  font-weight: 300;
  text-align: left;
}
#phone .head, #form .head, #fb .head, #wha .head, #yt .head, #quickorder .head {
  border: 1px solid #cccccc;
  background-color: #0072bb;
  color: white;
  text-align: left;
  position: relative;
  cursor: pointer;
  padding: 10px 13px 5px 8px;
  line-height: 28px;
}
#phone .close, #form .close, #fb .close, #wha .close, #yt .close, #quickorder .close {
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  color: white;
  text-align: center;
  right: 20px;
  top: 6px;
  padding-top: 0px;
  width: 15px;
  height: 15px;
  opacit: 0.7;
}
#phone .close:hover, #form .close:hover, #fb .close:hover, #wha .close:hover, #yt .close:hover, #quickorder .close:hover {
  opacity: 1;
}
#phone .content, #form .content, #fb .content, #wha .content, #yt .content, #quickorder .content {
  display: none;
  text-align: center;
  padding: 16px 15px;
  font-size: 15px;
  line-height: 1.5em;
  position: relative;
  background-color: #0072bb;
  color: white;
}
#phone .content a, #form .content a, #fb .content a, #wha .content a, #yt .content a, #quickorder .content a {
  color: white;
}
#phone {
  top: 175px;
}
#form {
  top: 120px;
}
#form .content {
  text-align: left;
}
#form .content input[type="submit"] {
  background-color: #0072bb;
}
#form .content textarea {
  height: 140px;
}
#form .input-field label, #form .hc_inputfield label {
  color: white;
}
#quickorder {
  top: 231px;
  right: -290px;
}
#fb {
  top: 380px;
  right: -290px;
}
#fb .head {
  padding-left: 15px;
}
#wha {
  top: 490px;
  right: -290px;
  display: none;
  border: 1px solid #cccccc;
}
#yt {
  top: 440px;
  right: -290px;
}
#phone .content {
  font-size: 20px;
}
/*/Helpcenter*/
/*kalenda*/
#if_kalenda {
  width: 307px;
  height: 210px;
  border: none;
}
#tableMonthOverview {
  margin-top: 20px;
  width: 320px;
  max-width: 100%;
}
#tableMonthOverview .monat {
  font-size: 16px;
  font-weight: bold;
}
#tableMonthOverview .monat i {
  position: relative;
  top: 7px;
}
#tableMonthOverview .monthname {
  display: inline-block;
  width: 230px;
  text-align: center;
}
/*ende kalende*/
.tx_required {
  color: #A9A9A9;
  font-style: italic;
  font-size: 0.9em;
}
.startbox_container {
  width: 1800px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.parallax-window, .parallax-container {
  z-index: 1;
  min-height: 800px;
  position: relative;
}
.parallax-window.small, .parallax-container.small {
  min-height: 300px;
  height: 300px;
  margin: 20px 0;
}
.parallax-window.medium, .parallax-container.medium {
  min-height: 450px;
  height: 450px;
  margin-bottom: 20px;
}
.parallax-mirror:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
}
.parallax_bg {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: rgba(0, 114, 187, 0.8);
  transition: height linear 0.3s 0s;
}
.parallax_bg.fixed {
  top: 115px;
  transition: height linear 0.3s 0s;
}
.parallax_container_start {
  position: relative;
  width: 100%;
}
.parallax_container_start .parallax-container .parallax {
  opacity: 0.5;
}
.start_inner, .ueberuns_outer {
  height: 100%;
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: -700px;
  position: relative;
  z-index: 2;
  color: white;
}
.start_inner.padding, .ueberuns_outer.padding {
  padding-left: 20px;
  padding-right: 20px;
}
.start_inner .starttext, .ueberuns_outer .starttext {
  padding-bottom: 70px;
  width: 50%;
}
.start_inner .starttext h2, .start_inner .starttext h3, .ueberuns_outer .starttext h2, .ueberuns_outer .starttext h3 {
  color: white;
  font-weight: 400;
  font-size: 22px;
}
.start_inner .starttext.full, .ueberuns_outer .starttext.full {
  width: 100%;
}
.start_inner .item, .ueberuns_outer .item {
  float: left;
  width: 47%;
  height: 370px;
  background-color: #c3cf00;
  margin-bottom: 70px;
  position: relative;
  /*z.B.   .schatten(5px, 5px, 6px, 0.3);*/
  -webkit-box-shadow: 0px 4px 9px rgba(0, 0, 0, @alpha);
  -moz-box-shadow: 0px 4px 9px rgba(0, 0, 0, @alpha);
  box-shadow: 0px 4px 9px rgba(0, 0, 0, @alpha);
}
.start_inner .item:nth-of-type(even), .ueberuns_outer .item:nth-of-type(even) {
  margin-right: 76px;
}
.start_inner .item .text, .ueberuns_outer .item .text {
  float: left;
  margin: 0px 25px 20px 25px;
  width: 40%;
  line-height: 1.3em;
  color: black;
}
.start_inner .item .text h2, .ueberuns_outer .item .text h2 {
  color: black;
}
.start_inner .item .text h3, .ueberuns_outer .item .text h3 {
  color: black;
  font-weight: bold;
}
.start_inner .item .text ul li, .ueberuns_outer .item .text ul li {
  padding-left: 11px;
  position: relative;
}
.start_inner .item .text ul li:before, .ueberuns_outer .item .text ul li:before {
  position: absolute;
  background-color: #0072bb;
  boder-radilus: 3px;
  width: 6px;
  height: 6px;
  content: "";
  left: 0;
  top: 6px;
}
.start_inner .item .bild, .ueberuns_outer .item .bild {
  float: right;
  width: 300px;
}
.start_inner .item .bild img, .ueberuns_outer .item .bild img {
  display: block;
  /*
				max-width:100%;
				height:auto;
				*/
}
.start_inner .item a.box_link_blau, .ueberuns_outer .item a.box_link_blau {
  left: 28px;
  bottom: 20px;
  position: absolute;
}
.start_inner .item a.box_link_blau a, .ueberuns_outer .item a.box_link_blau a {
  color: #c3cf00 !important;
}
.ueberuns_outer {
  background-color: #0072bb;
  width: 100%;
  padding-top: 50px;
  margin-top: 35px;
}
.ueberuns_outer .starttext {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
}
.ueberuns_outer .starttext.padding {
  padding-left: 20px;
  padding-right: 20px;
}
.ueberuns_outer .inner {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
  align-items: stretch;
}
.ueberuns_outer .inner .item {
  padding-bottom: 55px;
  height: auto;
  width: calc(50% - 45px);
  float: none;
}
.ueberuns_outer .inner .item:nth-of-type(even) {
  margin-right: 0;
}
.ueberuns_outer .inner .item .text {
  color: black;
}
.servicetelefon {
  text-decoration: underline;
  cursor: pointer;
}
#content .kaufhaus .intro {
  max-width: 100%;
  min-height: 560px;
  background-color: #0072bb;
}
#content .kaufhaus .intro h1 {
  color: white;
  font-size: 22px;
}
#content .kaufhaus .intro a {
  color: white;
  text-decoration: underline;
}
#content .kaufhaus .intro.full {
  height: auto;
  padding-bottom: 70px;
}
#content .kaufhaus .intro .inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  color: White;
  display: flex;
}
#content .kaufhaus .intro .inner.padding {
  padding-left: 20px;
  padding-right: 20px;
}
#content .kaufhaus .intro .inner h3 {
  color: white;
  font-weight: bold;
}
#content .kaufhaus .intro .inner .li {
  /*float:left;*/
  width: 50%;
  margin-top: 40px;
  margin-bottom: 30px;
  padding-right: 10px;
  line-height: 1.4em;
  font-size: 15px;
  padding-right: 10px;
}
#content .kaufhaus .intro .inner .li.full {
  width: 100%;
}
#content .kaufhaus .intro ul li {
  padding-left: 11px;
  position: relative;
}
#content .kaufhaus .intro ul li:before {
  position: absolute;
  border-radius: 3px;
  width: 6px;
  height: 6px;
  content: "";
  left: 0;
  top: 6px;
}
#content .kaufhaus .intro #kh_slider .slick-prev {
  left: 15px;
  z-index: 1;
}
#content .kaufhaus .intro #kh_slider .slick-next {
  right: 25px;
  z-index: 1;
}
#content .kaufhaus .info {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 70px;
  max-width: 100%;
  font-size: 14px;
  padding: 30px 10px 0 0;
  color: #0072bb;
  display: flex;
}
#content .kaufhaus .info.padding {
  padding-left: 20px;
  padding-right: 20px;
}
#content .kaufhaus .info .item {
  float: left;
  width: 33%;
  min-width: 250px;
}
#content .kaufhaus .info .li, #content .kaufhaus .info .re {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}
#content .kaufhaus .info .re {
  margin-top: 20px;
}
#content .kaufhaus .info .re .bild {
  float: left;
  width: 140px;
}
#content .kaufhaus .info .re .text {
  float: left;
}
#content .kaufhaus .info .re .text h3 {
  margin-top: 0;
  margin-bottom: 15px;
}
#content .kaufhaus .info .re .text .name {
  font-size: 18px;
}
#content .kaufhaus .slider {
  width: 50%;
  height: auto;
  position: absolute;
  left: 50%;
}
#content .kaufhaus .slick-dots {
  bottom: 25px;
}
.box_link {
  background-color: #c3cf00;
  text-transform: uppercase;
  margin-top: 40px;
  display: inline-block;
  /*width:140px;
	padding:5px 5px;
	*/
  position: relative;
  bottom: 20px;
  transition: all 1s linear 0s;
}
.box_link a {
  color: #0072bb;
}
.box_link a {
  padding: 5px 25px 5px 15px;
  color: #c3cf00 !important;
}
.box_link:hover {
  background-color: #0091ee;
  transition: all 1s linear 0s;
  color: white !important;
}
.box_link:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
a.box_link_blau, a.box_link_gruen {
  background-color: #0072bb;
  color: white !important;
  /*color:$schmuckfarbe2!important;*/
  display: inline-block;
  position: relative;
  display: inline-block;
  margin-top: 25px;
  text-decoration: none !important;
  margin-bottom: 10px;
  padding: 5px 50px 5px 15px;
}
a.box_link_blau:after, a.box_link_gruen:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
a.box_link_gruen {
  background-color: #c3cf00;
  color: black !important;
}
a.storno_open {
  cursor: pointer;
  color: #c3cf00 !important;
  width: 230px;
}
#news a.box_link_gruen {
  margin-left: 20px;
}
#map_ct {
  position: relative;
}
#map_ct #map {
  z-index: 0;
}
.olMapViewport {
  z-index: 1;
}
#mapdiv {
  height: 560px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  display: inline-block;
}
/*
#OpenLayers_Layer_Vector_56_svgRoot
{
background:red;
.opacity(0.3);
}
*/
#anfahrt {
  position: absolute;
  left: 150px;
  width: 250px;
  top: 0;
  z-index: 400;
  padding: 20px;
  display: none;
  background-color: #c3cf00;
}
#anfahrt input {
  /*
		width:200px;
		background-color:$schmuckfarbe1;
		border:none;
		padding:5px 10px;
		margin-bottom:3px;
		*/
}
#anfahrt .input-field label {
  color: black;
}
#anfahrt button {
  width: 100%;
  font-weight: bold;
}
#anfahrt .close {
  position: Absolute;
  right: 5px;
  top: 3px;
  color: #c3cf00;
  cursor: pointer;
}
#anfahrt_bt {
  position: absolute;
  left: 150px;
  cursor: pointer;
  top: -30px;
  height: 30px;
  padding-left: 10px;
  color: black;
  margin-top: 0;
}
#anfahrt_bt.box_link {
  width: 250px;
}
#anfahrt_bt.box_link:after {
  border: none;
}
#news, #kundenstimmen .ks_inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: flex-start;
  column-gap: 20px;
}
#news.padding, #kundenstimmen .ks_inner.padding {
  padding-left: 20px;
  padding-right: 20px;
}
#news .item, #kundenstimmen .ks_inner .item {
  width: 30%;
  position: relative;
  background-color: #efefef;
}
#news .item h3, #kundenstimmen .ks_inner .item h3 {
  font-size: 20px;
  font-weight: normal;
  margin: 20px;
  height: 45px;
  color: white;
}
#news .item .teaser, #kundenstimmen .ks_inner .item .teaser {
  margin: 0 20px;
}
#news .item .bild img, #kundenstimmen .ks_inner .item .bild img {
  display: block;
  max-width: 100%;
  height: auto;
}
#news .item h3 {
  color: black;
}
#news .item .teaser {
  height: 60px;
}
#kundenstimmen {
  padding-bottom: 30px;
}
#kundenstimmen .ks_inner .item {
  background-color: transparent;
  color: white;
  height: auto;
}
#kundenstimmen .ks_inner .item .teaser, #kundenstimmen .ks_inner .item h3 {
  margin-left: 0;
}
#news .item {
  position: relative;
}
#news .item .teaser .box_link {
  position: absolute;
  bottom: inherit;
  top: 150px;
}
#news .item .teaser .box_link a {
  color: #c3cf00;
}
.fb-page.mobil {
  display: none;
  width: 100%;
}
#kundenstimmen {
  width: 1800px;
  max-width: 100%;
  margin: 0 auto;
  background-color: #0072bb;
  padding-top: 80px;
}
#kundenstimmen h2 {
  /*color:$schmuckfarbe2;*/
  color: white;
  margin-bottom: 1em;
}
#kundenstimmen .inner .item {
  margin: 20px 75px 10px 0px;
  background-color: transparent;
  color: white;
}
#kundenstimmen .inner .item h3 {
  color: #0072bb;
  margin-left: 0;
}
#kundenstimmen .inner .item .teaser {
  margin: 0;
}
.mehrlesen {
  display: block;
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  background-color: #0072bb;
  padding: 4px 0;
  margin: 30px auto;
  font-size: 15px;
  color: white;
  text-transform: uppercase;
}
.mehrlesen.padding {
  padding-left: 20px;
  padding-right: 20px;
}
.mehrlesen .text:after {
  content: "+";
  margin-left: 8px;
  color: white;
}
#bewerben i {
  position: relative;
  top: 4px;
}
.mitarbeiter .outer {
  margin-bottom: 30px;
  width: 100%;
}
.mitarbeiter .outer .item {
  float: left;
  width: 50%;
  font-size: 13px;
}
.mitarbeiter .outer .item .bild, .mitarbeiter .outer .item text {
  float: left;
}
.mitarbeiter .outer .item .bild {
  width: 230px;
}
.mitarbeiter .outer .item .text {
  font-size: 15px;
  margin-left: 20px;
  color: #0072bb;
}
.mitarbeiter .outer .item .name {
  font-size: 17px;
}
.nl_archiv .row {
  margin-bottom: 40px;
}
.nl_archiv .row ul li.l1 {
  font-weight: bold;
}
.nl_archiv .row ul li.l2:before {
  content: none;
}
.nl_archiv .nl_desc {
  padding-left: 20px;
}
.meinsecondo_start .old {
  font-size: 13px;
  opacity: 0.7;
}
.kunden .del {
  float: right;
  position: relative;
  top: -30px;
}
.del_fm_confirm {
  padding: 20px;
  width: 600px;
}
.ms_buttons .li, .ms_buttons .re {
  float: left;
  width: 320px;
  max-width: 100%;
}
.ms_buttons .li .box_link_blau, .ms_buttons .re .box_link_blau {
  width: 100%;
}
.ms_buttons .li {
  margin-right: 40px;
}
.bestelldaten .desc, .bewerbung .desc {
  float: left;
  width: 200px;
  max-width: 100%;
}
.bestelldaten .val, .bewerbung .val {
  float: left;
  width: 250px;
  max-width: 100%;
}
#abholungen .del {
  float: right;
}
#abholungen .del i {
  font-size: 1.1rem;
  color: grey;
}
#abholungen .del i:hover {
  color: black;
}
.deleted {
  background-color: rgba(255, 0, 0, 0.7);
  padding: 20px;
}
footer {
  padding: 20px 0;
  background-color: #6e6e6e;
  height: 220px;
}
footer .inner {
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
footer .inner #footernavi {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
footer .inner #socialmedia {
  width: 150px;
}
footer .inner #socialmedia div {
  float: left;
  margin-right: 15px;
}
footer .inner #socialmedia div.yt {
  margin-top: 5px;
}
footer .inner #socialmedia img {
  width: 35px;
  height: auto;
}
footer .inner .logout a {
  color: white;
}
footer .inner #inklusionslogo {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
#content {
  padding-bottom: 30px;
  width: 1800px;
  max-width: 100%;
  margin: 0 auto;
}
#content a {
  color: #0072bb;
}
#content a:hover {
  border-bottom: 1px dotted #0072bb;
}
#content a.box_link_blau {
  border-bottom: none;
}
#content.grau {
  background-color: #F1F1F1;
}
#content.padding {
  padding-top: 30px;
}
.highlight {
  background-color: #bbe4ff;
}
#msg {
  border: 1px solid #444;
  padding: 20px;
  margin: 30px 0;
  background-color: #0072bb;
  color: white;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.5);
}
iframe.hidden {
  display: none;
}
iframe.video {
  width: 560px;
  height: 315px;
  max-width: 100%;
}
video {
  max-width: 100%;
  height: auto;
}
#to_desktop {
  text-align: center;
  margin-top: 20px;
  padding-bottom: 20px;
}
.openupload {
  cursor: pointer;
  color: #0072bb;
}
.upload {
  position: relative;
}
.upload .close {
  position: absolute;
  right: 15px;
  top: 30px;
  cursor: pointer;
  color: #0072bb;
}
.upload .close .material-icons {
  font-size: 40px;
}
.upload input[type="checkbox"] {
  position: initial;
  opacity: 1;
  pointer-events: initial;
}
#kamera .close {
  display: none;
}
#kamera.fixed {
  position: fixed;
  top: 60px;
  padding: 5px;
  right: 20px;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 10;
  text-align: center;
}
#kamera.fixed .large {
  font-size: 2rem;
}
#kamera.fixed .close {
  display: block;
  position: absolute;
  right: 0;
  top: -20px;
  background-color: rgba(255, 255, 255, 0.7);
  boder-radius: 10px;
  padding: 3px 10px;
  text-align: center;
}
/* -------------------
NAVIGATION
----------------------*/
.mainnavi, .ms_navi {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
  position: relative;
  line-height: 25px;
  min-width: 500px;
  /*/ul*/
}
.mainnavi li, .ms_navi li {
  /*opener */
  position: relative;
  color: #0072bb;
}
.mainnavi li .opener, .ms_navi li .opener {
  position: absolute;
  width: 12px;
  right: 20px;
  top: 0px;
}
.mainnavi li .opener a, .ms_navi li .opener a {
  display: initial;
  padding: 0 6px;
  line-height: initial;
  font-size: initial;
}
.mainnavi li .opener a:hover, .ms_navi li .opener a:hover {
  border-bottom: none;
}
.mainnavi li .opener.open img, .ms_navi li .opener.open img {
  transform: rotate(180deg);
}
.mainnavi li .opener img, .ms_navi li .opener img {
  max-width: 100%;
  height: auto;
  opacity: 0;
}
.mainnavi li .opener .vis img, .ms_navi li .opener .vis img {
  opacity: 1;
}
.mainnavi li:last-of-type ul, .ms_navi li:last-of-type ul {
  right: 0px;
}
.mainnavi a, .ms_navi a {
  display: block;
  padding: 3px 0px;
  margin: 0 16px;
  text-decoration: none;
  color: #0072bb;
  border-bottom: 1px solid transparent;
  font-size: 20px;
  transition: all 0.5s linear 0s;
}
.mainnavi a.aktiv, .mainnavi a:hover, .ms_navi a.aktiv, .ms_navi a:hover {
  border-bottom: 1px solid #0072bb;
  color: #0072bb;
  transition: all 0.5s linear 0s;
  background-color: transparent;
}
.mainnavi a.ms, .ms_navi a.ms {
  background-color: #0072bb;
  padding-left: 42px;
  padding-right: 13px;
  margin-left: 10px;
  position: relative;
  border-bottom: none;
}
.mainnavi a.ms:before, .ms_navi a.ms:before {
  position: absolute;
  background-color: #c3cf00;
  content: "";
  top: 0;
  left: 0px;
  height: 31px;
  width: 31px;
}
.mainnavi ul.ms_sub li a, .ms_navi ul.ms_sub li a {
  width: 111px;
}
.mainnavi ul, .ms_navi ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
  position: relative;
  line-height: 20px;
  position: absolute;
  display: none;
  top: 31px;
  z-index: 1001;
  padding-top: 10px;
  width: 205px;
}
.mainnavi ul.open, .ms_navi ul.open {
  display: block;
}
.mainnavi ul li, .ms_navi ul li {
  background-color: #0072bb;
  display: block;
  width: 100%;
  border-bottom: 1px solid transparent;
}
.mainnavi ul li a, .ms_navi ul li a {
  color: white;
}
.mainnavi ul li:hover, .ms_navi ul li:hover {
  background-color: #0091ee;
  border-bottom: 1px solid #c3cf00;
  transition: all 0.5s linear 0s;
}
.mainnavi ul li:hover a, .ms_navi ul li:hover a {
  background-color: transparent;
  color: white;
}
.mainnavi ul a, .ms_navi ul a {
  float: left;
  font-size: 16px;
  border-bottom: none;
  line-height: 1.3em;
  padding: 5px 0;
}
.mainnavi ul a:hover, .ms_navi ul a:hover {
  border-bottom: none;
}
.mainnavi ul li ul, .ms_navi ul li ul {
  top: auto;
}
.mainnavi ul ul, .ms_navi ul ul {
  left: 12em;
  margin: 0px 0 0 10px;
}
.mainnavi li:hover ul ul, .mainnavi li:hover ul ul ul, .mainnavi li:hover ul ul ul ul, .ms_navi li:hover ul ul, .ms_navi li:hover ul ul ul, .ms_navi li:hover ul ul ul ul {
  display: none;
  transition: all 1s linear 0s;
}
.mainnavi li:hover ul, .mainnavi li li:hover ul, .mainnavi li li li:hover ul, .mainnavi li li li li:hover ul, .ms_navi li:hover ul, .ms_navi li li:hover ul, .ms_navi li li li:hover ul, .ms_navi li li li li:hover ul {
  display: block;
  transition: all 1s linear 0s;
}
.ms_navi {
  position: absolute;
  right: 0;
  top: 10px;
}
#footernavi li {
  list-style-type: none;
  line-height: 2em;
}
#footernavi li a {
  color: white;
}
/* -------------------
NAVIGATION ENDE
----------------------*/
/*-------------------------
Mobile Navigation
--------------------------*/
/*fastschwarz*/
#mobilenavi li.head {
  cursor: pointer;
}
#mobilenavi li.head .home {
  padding-top: 5px;
  height: 31px;
}
#mobilenavi li.head .home a {
  color: white;
}
#mobilenavi a.ms {
  background-color: #c3cf00;
  padding-left: 42px;
  position: relative;
  border-bottom: none;
}
#mobilenavi a.ms:before {
  position: absolute;
  background-color: #c3cf00;
  content: "";
  top: 0;
  left: 0px;
  height: 31px;
  width: 31px;
}
#mobile_menuicon {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 3;
}
#mobilemenu {
  display: none;
  position: absolute;
  left: -3%;
  top: 0px;
  top: 14px;
  padding-left: 12px;
  z-index: 5;
}
#mobilemenu ul {
  margin: 0px;
  padding: 0px;
}
#mobilenav li {
  list-style-type: none;
  margin-left: 0;
}
#mobilenavi {
  border-right: 1px solid #cccccc;
  position: absolute;
  top: 0px;
  background-color: #0072bb;
  width: 250px;
  left: -250px;
  border-radius: 5px;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.5);
}
#mobilenavi ul {
  border-radius: 5px;
}
.dlevel1, .ulevel2 {
  display: none;
}
#mobilenavi li .icon {
  float: left;
  width: 20px;
  height: 20%;
  margin-right: 7px;
  margin-top: 1px;
}
#mobilenavi li .icon img {
  width: 100%;
  height: auto;
}
#mobilenavi li.head {
  color: #0072bb;
  font-weight: bold;
  font-size: 19px;
  text-transform: uppercase;
  text-align: center;
  height: 64px;
  line-height: 64px;
  padding: 0px 8px;
  .background-color: #e8e8e8;
}
#mobilenavi li.head div {
  float: left;
}
#mobilenavi li.head div.menu {
  margin-left: 50px;
}
#mobilenavi li.head div.close {
  float: right;
  color: #0072bb;
}
#mobilenavi li {
  border-bottom: 1px solid #cccccc;
}
#mobilenavi li a {
  font-size: 18px;
  display: block;
  color: white;
  text-decoration: none;
  padding: 0px 15px;
  line-height: 45px;
}
input[type="button"] {
  margin-bottom: 20px;
}
#mobilenavi .dlevel1 li {
  border: none;
}
#mobilenavi .dlevel1 li > a {
  font-size: 15px;
  color: #e6e6e6;
  text-decoration: none;
  display: block;
  padding: 9px 15px 9px 25px;
  line-height: 1.3em;
}
#mobilenavi .dlevel1 li > a.alevel2 {
  padding-left: 35px;
}
#mobilenavi li ul li ul li a {
  background-color: #0091ee !important;
  padding-left: 35px !important;
}
#mobilenavi .desktopbutton {
  text-align: center;
}
#mobilenavi .desktopbutton a {
  color: white;
  background-color: #0091ee !important;
}
#mobilenavi select {
  position: relative;
  top: -12px;
  width: 215px;
  color: black;
}
/*-------------------------
Ende mobile Navigation
---------------------------*/
.suchergebnis {
  margin-bottom: 15px;
}
#formular .req {
  color: red;
}
#formular .row {
  margin: 3px 0px;
}
#formular .row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#formular .row .value {
  position: relative;
  display: inline-block;
  float: left;
}
#formular .row .value.binweg {
  display: none;
}
#formular .row .desc {
  float: left;
  width: 130px;
}
#formular input[type="text"], #formular input[type="url"], #formular input[type="email"], #formular input[type="password"], #formular input[type="phone"], #formular input[type="date"] textarea, #formular select.webselect {
  /*
		background-color: $background_input;
		border: 1px solid $bordercolor;
		width: $width;
		padding: 2px 5px;
		.roundall(5px);	
		*/
}
#formular input[type="checkbox"], #formular input[type="radio"] {
  margin-right: 3px;
}
#formular select.webselect {
  width: Calc 311px;
}
#formular textarea {
  width: 200px;
  height: 150px;
}
#formular input[type="submit"] {
  background-color: #ffffff;
  border: 1px solid #000000;
  width: 300px;
  font-weight: bold;
  padding: 3px 5px;
  border-radius: 5px;
  transition: all 0.5s ease 0s;
}
#formular .hidden {
  display: none;
}
#formular .abhaengig {
  display: none;
}
#formular .radio_ul, #formular .checkbox_ul {
  list-style-type: none;
  list-style-position: outside;
}
/*/formular*/
.form_edit_container {
  background-color: white;
  border: 1px solid #3B3B3B;
  padding-bottom: 20px;
}
.form_controller {
  background-color: #EF8C11;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
#sitemap {
  padding-left: 15px;
}
#sitemap ul {
  padding-left: 15px;
}
/* -------------------
FORM VALIDATOR START
----------------------*/
/*
#formular input.error,
#formular textarea.error,
#formular select.error {
border: 1px solid rgba(255, 0, 0, 0.9);
}

#formular input.valid,
#formular textarea.valid,
#formular select.valid {

}

#formular label.error {
width: 240px;
position: absolute;
right: -280px;
top: -8px;
padding: 8px;
border: 1px solid $bordercolor;
background-color: rgba(255, 0, 0, 0.9);
color: $textfarbe;

.schatten();


}

*/
/* -------------------
FORM VALIDATOR ENDE
----------------------*/
/*
#register,
#login,
#fm_form,
#abholung,
#formular,
#quicky

{
input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
textarea,
select,
input[type="password"],
input[type="email"],
input[type="url"],
textarea

{
width:300px;
padding:5px 3px;
border: 1px solid #ccc;
margin-bottom:10px;

}

input
{
&.plz
{
width:80px;
margin-right:5px;

}
&.ort
{
width:203px;

}
&#meter
{
width:25px;
}


}

textarea
{
width:500px;
max-width:100%;
height:300px;
}

select
{
width:308px;
height:4rem;
}


input[type="submit"],
input[type="button"]


{
min-width:208px;
padding:5px 3px;
border: 0;
background-color:$schmuckfarbe2;
color:white;
}

a.button
{
background-color:$schmuckfarbe1;
color:white!important;
display:inline-block;
padding:8px 40px;
.roundall(3px);
margin-bottom:10px;
}

}
*/
#register {
  width: 50%;
  margin-left: 0;
}
#register .input-field.plz, #abholung .input-field.plz, #daten .input-field.plz, .fm_anmelden .input-field.plz, #login .input-field.plz, #nl .input-field.plz, #bewerbung .input-field.plz, #quicky .input-field.plz {
  width: 18%;
  margin-right: 1%;
}
#register .input-field.ort, #abholung .input-field.ort, #daten .input-field.ort, .fm_anmelden .input-field.ort, #login .input-field.ort, #nl .input-field.ort, #bewerbung .input-field.ort, #quicky .input-field.ort {
  width: 78%;
}
#register .input-field.meter, #abholung .input-field.meter, #daten .input-field.meter, .fm_anmelden .input-field.meter, #login .input-field.meter, #nl .input-field.meter, #bewerbung .input-field.meter, #quicky .input-field.meter {
  width: 40px;
}
#register .input-field.fm_info, #abholung .input-field.fm_info, #daten .input-field.fm_info, .fm_anmelden .input-field.fm_info, #login .input-field.fm_info, #nl .input-field.fm_info, #bewerbung .input-field.fm_info, #quicky .input-field.fm_info {
  width: 360px;
  max-width: 100%;
}
#register .input-field.fm_info .select-wrapper, #abholung .input-field.fm_info .select-wrapper, #daten .input-field.fm_info .select-wrapper, .fm_anmelden .input-field.fm_info .select-wrapper, #login .input-field.fm_info .select-wrapper, #nl .input-field.fm_info .select-wrapper, #bewerbung .input-field.fm_info .select-wrapper, #quicky .input-field.fm_info .select-wrapper {
  /*	margin-bottom:75px;*/
  width: 80px;
}
#register .input-field.anrede, #abholung .input-field.anrede, #daten .input-field.anrede, .fm_anmelden .input-field.anrede, #login .input-field.anrede, #nl .input-field.anrede, #bewerbung .input-field.anrede, #quicky .input-field.anrede {
  width: 100px;
}
#register .input-field.fm_select, #abholung .input-field.fm_select, #daten .input-field.fm_select, .fm_anmelden .input-field.fm_select, #login .input-field.fm_select, #nl .input-field.fm_select, #bewerbung .input-field.fm_select, #quicky .input-field.fm_select {
  width: 200px;
}
#register select.sepp, #abholung select.sepp, #daten select.sepp, .fm_anmelden select.sepp, #login select.sepp, #nl select.sepp, #bewerbung select.sepp, #quicky select.sepp {
  background-color: #F1F1F1;
  color: white;
  border-bottom: 1px solid #9e9e9e;
  height: 50px;
  font-size: 15px;
}
#register select.sepp.helpcenter, #abholung select.sepp.helpcenter, #daten select.sepp.helpcenter, .fm_anmelden select.sepp.helpcenter, #login select.sepp.helpcenter, #nl select.sepp.helpcenter, #bewerbung select.sepp.helpcenter, #quicky select.sepp.helpcenter {
  background-color: #0072bb;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  padding-left: 0;
}
#register .hc_inputfield label, #abholung .hc_inputfield label, #daten .hc_inputfield label, .fm_anmelden .hc_inputfield label, #login .hc_inputfield label, #nl .hc_inputfield label, #bewerbung .hc_inputfield label, #quicky .hc_inputfield label {
  font-size: 0.9rem;
}
#register textarea, #abholung textarea, #daten textarea, .fm_anmelden textarea, #login textarea, #nl textarea, #bewerbung textarea, #quicky textarea {
  height: 15rem;
}
#register .input-field.col label, #abholung .input-field.col label, #daten .input-field.col label, .fm_anmelden .input-field.col label, #login .input-field.col label, #nl .input-field.col label, #bewerbung .input-field.col label, #quicky .input-field.col label {
  left: 0;
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 500px white inset !important;
}
.abholung {
  width: 50%;
}
#login {
  width: 300px;
}
#nl {
  width: 50%;
  margin-bottom: 40px;
}
.fm_uebersicht {
  margin-top: 30px;
}
.fm_uebersicht .item {
  width: 23%;
  float: left;
  margin-right: 30px;
  background-color: #c3cf00;
  color: white;
  padding: 20px 20px 5px 20px;
  margin-bottom: 20px;
  position: relative;
}
.fm_uebersicht .item h3 {
  color: #0072bb;
  margin-top: 0;
  font-weight: 600;
}
.fm_uebersicht .item .faellt_aus {
  position: absolute;
  top: 90px;
  transform: rotate(-5deg);
  background-color: #F44336;
  width: 80%;
  color: white;
  padding: 10px;
  z-index: 1;
  font-size: 15px;
  line-height: 1.4em;
}
.fm_uebersicht .item .faellt_aus .head {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.fm_uebersicht .item .box_link {
  margin-top: 20px;
}
.fm_uebersicht .item:nth-of-type(4n+0) {
  margin-right: 0;
}
.fm_uebersicht .item.inaktiv {
  background-color: rgba(195, 207, 0, 0.4);
}
.fm_preise {
  width: 50%;
}
.fm_preise #preis {
  height: 30px;
}
.fm_preise .row {
  width: 230px;
  margin-bottom: 0 !important;
  margin-left: 0;
  background-color: #999;
  color: white;
}
.fm_preise .row .m, .fm_preise .row .p {
  float: left;
  padding: 5px 5px;
}
.fm_preise .row .m {
  width: 125px;
}
.fm_preise .row .p {
  text-align: right;
  width: 100px;
}
.fm_preise .row:nth-of-type(even) {
  background-color: #b3b3b3;
}
.fm_preise .box_link_blau {
  margin-top: 20px;
  width: 230px;
  max-width: 100%;
}
#storno {
  display: none;
  margin-bottom: 30px;
  max-width: 100%;
}
#storno textarea {
  width: 100%;
  min-height: 250px;
}
.fm_anmelden {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
}
.fm_anmelden.padding {
  padding-left: 20px;
  padding-right: 20px;
}
.fm_anmelden .daten {
  width: 50%;
}
.fm_anmelden .daten .input-field.inline.meter {
  margin-right: 7px;
}
.fm_anmelden .daten .input-field.inline.meter input#meter {
  border: 1px solid grey;
  height: 2em;
  margin-right: 5px;
  text-align: right;
  padding: 3px;
}
.fm_zeit {
  min-height: 60px;
}
.login_container {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
}
.login_container.padding {
  padding-left: 20px;
  padding-right: 20px;
}
.login_container #login {
  width: 220px;
  margin: 0 auto;
}
#login_pop, #login_pop_fm {
  display: none;
}