@charset "UTF-8";
/***********************
Farben
***********************/
/* 
var(--farbe_1)
var(--farbe_2) 
*/
/***********************
Allgemein
***********************/
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
body, html {
  margin: 0px;
  padding: 0px;
  scroll-behavior: smooth;
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}
div {
  width: 100%;
}
.mobilephone {
  display: none;
}
.width {
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
}
img, picture {
  max-width: 100%;
  height: auto;
}
p, ul, ol, table {
  font-size: 20px;
  line-height: 25px;
  font-weight: normal;
  color: #384042;
  margin-bottom: 25px;
}
a, a:link, a:visited {
  color: var(--farbe_1);
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  cursor: pointer;
}
a:hover, a:focus, a:active {
  color: var(--farbe_2);
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a.button, a.button:link, a.button:visited, input[type="submit"].button, span.button, button.button {
  display: inline-block;
  text-decoration: none;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600 !important;
  color: #ffffff !important;
  padding: 11px 21px;
  min-width: 212px;
  text-align: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  cursor: pointer;
}
a.button.primaer, a.button:link.primaer, a.button:visited.primaer, input[type="submit"].button.primaer, span.button.primaer, button.button.primaer {
  background: var(--farbe_1);
  border: 2px solid var(--farbe_1);
}
a.button.sekundaer, a.button:link.sekundaer, a.button:visited.sekundaer, input[type="submit"].button.sekundaer, span.button.sekundaer, button.button.sekundaer {
  background: var(--farbe_2);
  border: 2px solid var(--farbe_2);
  color: var(--farbe_1) !important;
}
a.button:hover, a.button:focus, input[type="submit"].button:hover, input[type="submit"].button:focus, span.button:hover, span.button:focus, button.button:hover, button.button:focus {
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a.button:hover.primaer, a.button:focus.primaer, input[type="submit"].button:hover.primaer, input[type="submit"].button:focus.primaer, span.button:hover.primaer, span.button:focus.primaer, button.button:hover.primaer, button.button:focus.primaer {
  background: var(--farbe_2);
  border: 2px solid var(--farbe_2);
}
a.button:hover.sekundaer, a.button:focus.sekundaer, input[type="submit"].button:hover.sekundaer, input[type="submit"].button:focus.sekundaer, span.button:hover.sekundaer, span.button:focus.sekundaer, button.button:hover.sekundaer, button.button:focus.sekundaer {
  color: var(--farbe_1) !important;
  background: #ffffff;
  border: 2px solid var(--farbe_1);
}
a.button:active, input[type="submit"].button:active, span.button:active, button.button:active {
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a.button:active.primaer, input[type="submit"].button:active.primaer, span.button:active.primaer, button.button:active.primaer {
  color: var(--farbe_1) !important;
  background: #ffffff;
  border: 2px solid var(--farbe_1);
}
a.button:active.sekundaer, input[type="submit"].button:active.sekundaer, span.button:active.sekundaer, button.button:active.sekundaer {
  color: var(--farbe_2) !important;
  background: #ffffff;
  border: 2px solid var(--farbe_2);
}
.bg_sekundaer a.button:hover.primaer, .bg_sekundaer a.button:focus.primaer, .bg_sekundaer input[type="submit"].button:hover.primaer, .bg_sekundaer input[type="submit"].button:focus.primaer, .bg_sekundaer span.button:hover.primaer, .bg_sekundaer span.button:focus.primaer, .bg_sekundaer button.button:hover.primaer, .bg_sekundaer button.button:focus.primaer {
  background: var(--farbe_1);
  border: 2px solid var(--farbe_1);
  opacity: 0.7;
}
.bg_sekundaer a.button:hover.sekundaer, .bg_sekundaer a.button:focus.sekundaer, .bg_sekundaer input[type="submit"].button:hover.sekundaer, .bg_sekundaer input[type="submit"].button:focus.sekundaer, .bg_sekundaer span.button:hover.sekundaer, .bg_sekundaer span.button:focus.sekundaer, .bg_sekundaer button.button:hover.sekundaer, .bg_sekundaer button.button:focus.sekundaer {
  color: var(--farbe_2) !important;
  border: 2px solid var(--farbe_2);
}
.bg_sekundaer a.button:active.primaer, .bg_sekundaer input[type="submit"].button:active.primaer, .bg_sekundaer span.button:active.primaer, .bg_sekundaer button.button:active.primaer {
  opacity: 1;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
h1 {
  font-size: 32px;
  line-height: normal;
  font-weight: bold;
  color: #384042;
  margin-bottom: 35px;
}
h2 {
  font-size: 28px;
  line-height: normal;
  font-weight: bold;
  color: #384042;
  margin-bottom: 25px;
}
h3 {
  font-size: 24px;
  line-height: normal;
  font-weight: bold;
  color: #384042;
  margin-bottom: 10px;
}
h4 {
  font-size: 20px;
  line-height: normal;
  font-weight: bold;
  color: #384042;
  margin-bottom: 0px;
}
.clear {
  clear: both;
  float: none;
  width: 100%;
}
.googlemaps_hinweis {
  background: var(--farbe_2);
  color: var(--farbe_1);
  padding: 100px 30px;
  text-align: center;
}
.googlemaps_hinweis p, .googlemaps_hinweis ul, .googlemaps_hinweis ol {
  color: var(--farbe_1);
}
.responsive_video, .responsive-video {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
  width: 100%;
}
.responsive_video iframe, .responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive_video .noYT, .responsive-video .noYT {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  background: var(--farbe_2);
  text-align: center;
  padding: 15px;
}
.responsive_video .noYT .noYT_box, .responsive-video .noYT .noYT_box {
  display: table;
  width: 100%;
  height: 100%;
}
.responsive_video .noYT .noYT_box .noYT_center, .responsive-video .noYT .noYT_box .noYT_center {
  display: table-cell;
  vertical-align: middle;
}
#phone {
  display: none;
}
.bild_links {
  float: left;
  margin: 0px 15px 5px 0px;
}
#karte div {
  width: auto;
}
/***********************
Domainwechsel
***********************/
a.domainwechsel_link {
  text-decoration: none;
  outline: none;
}
.domainwechsel {
  padding: 15px 0px;
  background: #384042;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.domainwechsel:hover, .domainwechsel:focus, .domainwechsel:active {
  opacity: 0.85;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.domainwechsel p {
  font-size: clamp(15px, 2vw, 20px);
  line-height: clamp(15px, 2vw, 20px);
  color: #ffffff;
  margin: 0px;
  font-weight: bold;
  text-transform: uppercase;
}
.domainwechsel p:after {
  content: "→";
  display: inline-block;
  margin-left: 15px;
}
/***********************
Header
***********************/
.header {
  background: var(--farbe_1);
  /*padding: 60px 0px 1px 0px;*/
  padding: 30px 0px 1px 0px;
}
.header .header_oben {
  position: relative;
}
.header .header_oben .align_right {
  text-align: right;
}
.header .header_oben img.logo {
  /*margin-bottom: 25px;*/
  margin-bottom: 20px;
  /*width: auto;
			height: 72px;*/
}
.header .header_oben .logozusatz {
  margin-bottom: 20px;
}
.header ul.sprache {
  background: var(--farbe_2);
  padding: 7px 4px;
  margin: 0px;
  list-style-type: none;
  line-height: 0px;
  position: absolute;
  right: 15px;
  /*top: -40px;*/
  top: -30px;
  z-index: 20;
}
.header ul.sprache li {
  display: inline-block;
  verticala-lign: top;
  margin: 0px 3px;
}
.header ul.sprache li a, .header ul.sprache li a:link, .header ul.sprache li a:visited {
  display: block;
  width: 25px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  filter: grayscale(1);
  text-decoration: none;
}
.header ul.sprache li a.de, .header ul.sprache li a:link.de, .header ul.sprache li a:visited.de {
  background-image: url(//hiltl-basics.spoc-one.de/images/header_sprache_de.png);
}
.header ul.sprache li a.en, .header ul.sprache li a:link.en, .header ul.sprache li a:visited.en {
  background-image: url(//hiltl-basics.spoc-one.de/images/header_sprache_en.png);
}
.header ul.sprache li a:hover, .header ul.sprache li a:focus, .header ul.sprache li a:active, .header ul.sprache li a:link:hover, .header ul.sprache li a:link:focus, .header ul.sprache li a:link:active, .header ul.sprache li a:visited:hover, .header ul.sprache li a:visited:focus, .header ul.sprache li a:visited:active {
  filter: grayscale(0);
}
.header ul.sprache li.active a, .header ul.sprache li.active a:link, .header ul.sprache li.active a:visited {
  filter: grayscale(0);
  pointer-events: none;
  text-decoration: none;
}
.header ul.main {
  display: block;
  text-align: left;
  list-style-type: none;
  margin: 0px 0px -1px 0px;
  padding: 0px;
  line-height: normal;
}
.header ul.main li {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  position: relative;
}
.header ul.main li:first-child {
  margin-left: 0px;
}
.header ul.main li a, .header ul.main li a:link, .header ul.main li a:visited {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  padding: 15px 8px 30px 8px;
  text-decoration: none;
}
.header ul.main li a.sub, .header ul.main li a:link.sub, .header ul.main li a:visited.sub {
  background-image: url(//hiltl-basics.spoc-one.de/images/header_menu_pfeil.png);
  background-position: right 8px top 23px;
  background-repeat: no-repeat;
  padding-right: 23px;
}
.header ul.main li a:hover, .header ul.main li a:focus, .header ul.main li a:active {
  text-decoration: none;
  background-color: var(--farbe_2);
}
.header ul.main li.active a, .header ul.main li.active a:link, .header ul.main li.active a:visited, .header ul.main li.active a:hover, .header ul.main li.active a:focus, .header ul.main li.active a:active {
  text-decoration: none;
  background-color: var(--farbe_2);
  text-decoration: none;
}
.header ul.main li ul {
  background: var(--farbe_2);
  opacity: 0;
  height: 0px;
  overflow: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  position: absolute;
  left: 0px;
  top: 66px;
  z-index: 100;
  padding: 8px 0px;
  min-width: 100%;
}
.header ul.main li ul li {
  display: block;
  margin: 0px;
}
.header ul.main li ul li a, .header ul.main li ul li a:link, .header ul.main li ul li a:visited {
  padding: 8px;
  text-decoration: none;
}
.header ul.main li ul li a:hover, .header ul.main li ul li a:focus, .header ul.main li ul li a:active {
  color: var(--farbe_1);
}
.header ul.main li ul li.active a, .header ul.main li ul li.active a:link, .header ul.main li ul li.active a:visited, .header ul.main li ul li.active a:hover, .header ul.main li ul li.active a:focus, .header ul.main li ul li.active a:active {
  color: var(--farbe_1);
}
.header ul.main li:hover a, .header ul.main li:hover a:link, .header ul.main li:hover a:visited, .header ul.main li:focus a, .header ul.main li:focus a:link, .header ul.main li:focus a:visited, .header ul.main li:active a, .header ul.main li:active a:link, .header ul.main li:active a:visited {
  background-color: var(--farbe_2);
  text-decoration: none;
}
.header ul.main li:hover ul, .header ul.main li:focus ul, .header ul.main li:active ul {
  opacity: 1;
  height: auto;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.header button.mobilebutton {
  background: none;
  border: none;
  display: block;
  width: 100%;
  text-align: right;
  cursor: pointer;
  color: #ffffff;
  margin-bottom: 20px;
  outline: none;
}
.header button.mobilebutton p {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 10px 0px 0px;
  cursor: pointer;
  color: #ffffff;
}
.header button.mobilebutton .icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 14px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.header button.mobilebutton .icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #ffffff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.header button.mobilebutton .icon span:nth-child(1) {
  top: 0px;
}
.header button.mobilebutton .icon span:nth-child(2) {
  top: 6px;
}
.header button.mobilebutton .icon span:nth-child(3) {
  top: 12px;
}
.header button.mobilebutton.open .icon span:nth-child(1) {
  top: 6px;
  width: 100%;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.header button.mobilebutton.open .icon span:nth-child(2) {
  opacity: 0;
}
.header button.mobilebutton.open .icon span:nth-child(3) {
  top: 6px;
  width: 100%;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.header .mobilemenu {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2000;
  width: 100%;
  background: var(--farbe_1);
  padding: 20px;
  text-align: center;
}
.header .mobilemenu ul {
  text-align: center;
}
.header .mobilemenu ul li {
  display: block;
  margin: 0px;
  border-bottom: 1px solid #ffffff;
}
.header .mobilemenu ul li a, .header .mobilemenu ul li a:link, .header .mobilemenu ul li a:visited {
  padding: 10px 0px;
}
.header .mobilemenu ul li a.sub, .header .mobilemenu ul li a:link.sub, .header .mobilemenu ul li a:visited.sub {
  background: none;
  padding-right: 0px;
}
.header .mobilemenu ul li ul {
  position: relative;
  height: auto;
  opacity: 1;
  top: inherit;
  padding: 0px 0px 5px 0px;
  background: none;
}
.header .mobilemenu ul li ul li {
  border-bottom: 0px;
}
.header .mobilemenu ul li ul li a, .header .mobilemenu ul li ul li a:link, .header .mobilemenu ul li ul li a:visited {
  font-weight: normal;
  padding: 2px 0px;
  text-transform: none;
}
.header#scrollnavi {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 2500;
  padding-top: 15px;
}
.header#scrollnavi button.mobilebutton {
  text-align: left;
}
.header#scrollnavi ul.sprache {
  top: 8px;
}
/***********************
Headerbild
***********************/
.headerbild_leer {
  height: 50px;
}
.headerbild {
  background: var(--farbe_2);
  /*img, picture {
		width: 100%;
		height: auto;
	}*/
}
.headerbild .mobilebild {
  display: none;
}
.headerbild a, .headerbild a:link, .headerbild a:visited, .headerbild a:hover, .headerbild a:focus, .headerbild a:active {
  text-decoration: none;
}
.headerbild .slick-slider {
  margin-bottom: inherit;
  overflow: hidden;
}
.headerbild .slick-slider .slick-prev, .headerbild .slick-slider .slick-next {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.headerbild .slick-slider:hover .slick-prev, .headerbild .slick-slider:focus .slick-prev, .headerbild .slick-slider:active .slick-prev {
  left: 15px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.headerbild .slick-slider:hover .slick-next, .headerbild .slick-slider:focus .slick-next, .headerbild .slick-slider:active .slick-next {
  right: 15px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.headerbild .slick-slider .slick-dots {
  margin: 0px;
  bottom: 0px;
  padding: 0px 0px 15px 0px;
  list-style-type: none;
}
.headerbild .slick-slider .slick-dots li {
  width: auto;
  height: auto;
  padding: 0px;
  margin: 4px;
  display: inline-block;
  vertical-align: middle;
}
.headerbild .slick-slider .slick-dots li.slick-active button {
  background: var(--farbe_1) !important;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.headerbild .slick-slider .slick-dots li button {
  height: 10px;
  width: 10px;
  padding: 0px;
  background: #ffffff;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.headerbild .slick-slider .slick-dots li button:before {
  display: none;
}
.headerbild .slick-slider .slick-dots li button:hover, .headerbild .slick-slider .slick-dots li button:focus, .headerbild .slick-slider .slick-dots li button:active {
  background: var(--farbe_2);
}
.headerbild .bild {
  display: grid;
  min-height: 500px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
  padding: 175px 0px;
  padding: clamp(30px, 11vw, 175px);
  position: relative;
}
.headerbild .bild.oben {
  background-position: center top;
}
.headerbild .bild.unten {
  background-position: center bottom;
}
.headerbild .bild:before {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 10;
}
.headerbild .bild .logo {
  -webkit-filter: drop-shadow(12px 12px 10px rgba(0, 0, 0, 0.75));
  -moz-filter: drop-shadow(12px 12px 10px rgba(0, 0, 0, 0.75));
  -ms-filter: drop-shadow(12px 12px 10px rgba(0, 0, 0, 0.75));
  -o-filter: drop-shadow(12px 12px 10px rgba(0, 0, 0, 0.75));
  filter: drop-shadow(12px 12px 10px rgba(0, 0, 0, 0.75));
  margin: 0px auto clamp(30px, 5vw, 75px) auto;
  width: 100% !important;
  max-width: 600px;
  display: block;
}
.headerbild .bild p {
  color: #ffffff;
  font-size: clamp(25px, 2.5vw, 40px);
  line-height: normal;
  font-weight: normal;
  margin: 0px;
}
.headerbild .bild .bild_inhalt {
  padding: 0px 15px;
  width: 100%;
  max-width: 945px;
  margin: 0 auto;
  height: 100%;
  position: relative;
  z-index: 20;
}
.headerbild .bild .bild_inhalt .bild_inhalt_table {
  display: table;
  width: 100%;
  height: 100%;
}
.headerbild .bild .bild_inhalt .bild_inhalt_table .bild_inhalt_tablecell {
  display: table-cell;
  vertical-align: middle;
}
/***********************
Headline & text
***********************/
.headline_text ul, .headline_text ol {
  padding-left: 17px;
}
/***********************
Inhalte & Text & Bild
***********************/
.inhalte_text_bild {
  position: relative;
}
.inhalte_text_bild.bg_primaer {
  background: var(--farbe_1);
}
.inhalte_text_bild.bg_primaer .box .textbox {
  background: #ffffff;
}
.inhalte_text_bild.bg_primaer .box .textbox h3, .inhalte_text_bild.bg_primaer .box .textbox p {
  color: #384042;
}
.inhalte_text_bild.bg_sekundaer {
  background: var(--farbe_2);
}
.inhalte_text_bild.bg_sekundaer .box .textbox {
  background: #ffffff;
}
.inhalte_text_bild.bg_sekundaer .box .textbox h3, .inhalte_text_bild.bg_sekundaer .box .textbox p {
  color: #384042;
}
.inhalte_text_bild.bg_sekundaer .formular .sterne .stern {
  background: #ffffff;
}
.inhalte_text_bild.text_weiss h1, .inhalte_text_bild.text_weiss h2, .inhalte_text_bild.text_weiss h3, .inhalte_text_bild.text_weiss h4, .inhalte_text_bild.text_weiss h5, .inhalte_text_bild.text_weiss h6, .inhalte_text_bild.text_weiss h7, .inhalte_text_bild.text_weiss h8, .inhalte_text_bild.text_weiss p, .inhalte_text_bild.text_weiss ul, .inhalte_text_bild.text_weiss ol, .inhalte_text_bild.text_weiss table, .inhalte_text_bild.text_weiss label {
  color: #ffffff;
}
.inhalte_text_bild.text_weiss .akkordeonblock h3 {
  color: #ffffff;
}
.inhalte_text_bild.text_weiss .akkordeonblock h3.akkordeon_offen {
  color: var(--farbe_2);
}
.inhalte_text_bild.text_weiss .akkordeonblock .akkordeontext {
  padding: 15px 0px 0px 40px;
}
.inhalte_text_bild.text_weiss .formular form label {
  color: #ffffff;
}
.inhalte_text_bild .abstand {
  padding: 100px 0px 75px 0px;
}
.inhalte_text_bild ul, .inhalte_text_bild ol {
  padding-left: 17px;
}
.inhalte_text_bild .button {
  margin-bottom: 25px;
}
.inhalte_text_bild .buttonbox {
  text-align: center;
  padding-top: 20px;
}
.inhalte_text_bild .kachel {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 0px;
  padding-bottom: 70%;
  position: relative;
  margin: 12px 0px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}
.inhalte_text_bild .kachel.untereinander {
  height: auto;
  padding: 0px;
}
.inhalte_text_bild .kachel.untereinander .textbox {
  position: relative;
  padding: 50px;
  text-align: left;
}
.inhalte_text_bild .kachel.untereinander .textbox img {
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.75));
  margin-bottom: 25px;
}
.inhalte_text_bild .kachel.untereinander .textbox .text {
  color: #ffffff;
  padding: 0px;
  margin: 0px;
  text-align: left;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75);
}
.inhalte_text_bild .kachel .textbox {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  border: 6px solid transparent;
  text-align: center;
  padding: 15px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.inhalte_text_bild .kachel .textbox .textbox_table {
  height: 100%;
  width: 100%;
  display: table;
}
.inhalte_text_bild .kachel .textbox .textbox_table .textbox_tablecell {
  display: table-cell;
  vertical-align: middle;
}
.inhalte_text_bild .kachel .textbox p {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.inhalte_text_bild .kachel .textbox p.ueberschrift_1 {
  color: #ffffff;
  font-size: clamp(30px, 4vw, 47px);
  line-height: clamp(30px, 4vw, 47px);
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.inhalte_text_bild .kachel .textbox p.ueberschrift_2 {
  color: #ffffff;
  font-size: clamp(20px, 3vw, 32px);
  line-height: clamp(20px, 3vw, 32px);
  font-weight: 600;
  margin-bottom: 0px;
}
.inhalte_text_bild .kachel:hover, .inhalte_text_bild .kachel:focus, .inhalte_text_bild .kachel:active {
  cursor: pointer;
}
.inhalte_text_bild .kachel:hover .textbox, .inhalte_text_bild .kachel:focus .textbox, .inhalte_text_bild .kachel:active .textbox {
  border: 6px solid #ffffff;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.inhalte_text_bild .box {
  margin: 12px 0px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.inhalte_text_bild .box.nebeneinander {
  background: #ffffff;
}
.inhalte_text_bild .box.nebeneinander .bild {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  left: 0px;
  right: 15px;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 95%;
  width: calc(100% - 15px);
}
.inhalte_text_bild .box.nebeneinander .textbox {
  background: #ffffff;
  text-align: left;
  padding: 25px 10px 1px 1px;
}
.inhalte_text_bild .box img {
  width: 100%;
  height: auto;
}
.inhalte_text_bild .box .textbox {
  text-align: center;
  padding: 20px 20px 1px 20px;
}
.inhalte_text_bild .text {
  padding: 5px 20px 0px 20px;
  text-align: center;
  margin-bottom: 12px;
}
.inhalte_text_bild .bildbox {
  height: 100%;
}
.inhalte_text_bild .bildbox .bild {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.inhalte_text_bild .inhalt_hinten {
  position: relative;
  z-index: 20;
}
.inhalte_text_bild .inhalt_vorne {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.inhalte_text_bild .inhalt_vorne .row {
  height: 100%;
}
.inhalte_text_bild .akkordeonblock .akkordeonbox {
  padding-bottom: 25px;
}
.inhalte_text_bild .akkordeonblock h3 {
  margin: 0px;
  cursor: pointer;
  color: var(--farbe_1);
  padding-left: 40px;
  position: relative;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.inhalte_text_bild .akkordeonblock h3:before {
  content: "▼";
  position: absolute;
  left: 0px;
  top: 1px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.inhalte_text_bild .akkordeonblock h3.akkordeon_offen {
  color: #384042;
}
.inhalte_text_bild .akkordeonblock h3.akkordeon_offen:before {
  content: "▲";
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.inhalte_text_bild .akkordeonblock .akkordeontext {
  padding: 15px 0px 0px 40px;
}
.inhalte_text_bild .formular form {
  width: 100%;
  /*max-width: 750px;*/
}
.inhalte_text_bild .formular form label {
  display: block;
  font-size: 20px;
  line-height: 25px;
  font-weight: bold;
  margin-bottom: 3px;
  color: #384042;
}
.inhalte_text_bild .formular form label small {
  display: inline-block;
  font-size: 70%;
  line-height: normal;
}
.inhalte_text_bild .formular form input[type="text"], .inhalte_text_bild .formular form input[type="date"], .inhalte_text_bild .formular form select {
  width: 100%;
  background: #ffffff;
  border: 1px solid var(--farbe_2);
  height: 50px;
  line-height: 50px;
  color: #384042;
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: normal;
  padding: 0px 10px;
}
.inhalte_text_bild .formular form textarea {
  width: 100%;
  background: #ffffff;
  border: 1px solid var(--farbe_2);
  height: 150px;
  line-height: normal;
  color: #384042;
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: normal;
  padding: 10px;
}
.inhalte_text_bild .formular form #phone, .inhalte_text_bild .formular form #name_intern {
  display: none;
}
.inhalte_text_bild .formular form .parsley-error-list {
  padding: 0px;
  position: relative;
  margin: -5px 0px 20px 0px;
}
.inhalte_text_bild .formular form .box_alle {
  margin-bottom: 15px;
}
.inhalte_text_bild .formular form .checkbox {
  margin-bottom: 5px;
}
.inhalte_text_bild .formular form .checkbox input[type="checkbox"] {
  display: inline-block;
  vertical-align: top;
  margin: 7px 5px 0px 0px;
}
.inhalte_text_bild .formular form .checkbox label {
  width: calc(100% - 35px);
  display: inline-block;
  vertical-align: top;
  font-weight: normal;
  line-height: normal;
}
.inhalte_text_bild .formular form .radio {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin: 0px 30px 5px 0px;
}
.inhalte_text_bild .formular form .radio input[type="checkbox"] {
  display: inline-block;
  vertical-align: top;
  margin: 0px 5px 0px 0px;
}
.inhalte_text_bild .formular form .radio label {
  width: calc(100% - 35px);
  display: inline-block;
  vertical-align: top;
  font-weight: normal;
  line-height: normal;
  white-space: nowrap;
}
.inhalte_text_bild .formular form .sterne {
  margin-bottom: 15px;
}
.inhalte_text_bild .formular form .sterne .stern {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  aspect-ratio: 1;
  background: var(--farbe_2);
  clip-path: polygon(50% 0, calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))), calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))), calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))), calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))));
  margin: 0px 2px 0px 0px;
  cursor: pointer;
  transition: all 0.5sease;
  -webkit-transition: all 0.5sease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  /* or more simple
					clip-path: polygon(50% 0,79% 90%,2% 35%,98% 35%,21% 90%); 
					*/
}
.inhalte_text_bild .formular form .sterne .stern.active, .inhalte_text_bild .formular form .sterne .stern:hover, .inhalte_text_bild .formular form .sterne .stern:focus, .inhalte_text_bild .formular form .sterne .stern:active {
  background: #F8CA00;
  transition: all 0.5sease;
  -webkit-transition: all 0.5sease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
/***********************
Neue Fahrzeuge
***********************/
.inhalte_text_bild.neue_fahrzeuge .box {
  background: #ffffff;
}
.inhalte_text_bild.neue_fahrzeuge .box .head {
  background: var(--farbe_1);
  padding: 10px 15px;
  min-height: 66px;
  height: 1px;
}
.inhalte_text_bild.neue_fahrzeuge .box .head .head_table {
  display: table;
  height: 100%;
  width: 100%;
}
.inhalte_text_bild.neue_fahrzeuge .box .head .head_table .head_tablecell {
  display: table-cell;
  vertical-align: middle;
}
.inhalte_text_bild.neue_fahrzeuge .box .head p {
  color: #ffffff;
  margin: 0px;
  line-height: normal;
}
.inhalte_text_bild.neue_fahrzeuge .box .foot {
  background: #ffffff;
  padding: 10px 15px;
}
.inhalte_text_bild.neue_fahrzeuge .box .foot table {
  width: 100%;
}
.inhalte_text_bild.neue_fahrzeuge .box .foot table td {
  width: 100%;
  vertical-align: top;
  padding: 5px 0px;
  border-bottom: 1px solid var(--farbe_2);
}
.inhalte_text_bild.neue_fahrzeuge .box .foot p {
  display: block;
  font-weight: bold;
  color: var(--farbe_1);
}
.inhalte_text_bild.neue_fahrzeuge .box .foot p span {
  display: block;
  font-size: 15px;
  font-weight: normal;
  color: #384042;
}
.inhalte_text_bild.neue_fahrzeuge .box .foot a.button {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
}
/***********************
Schnellsuche
***********************/
.inhalte_text_bild.schnellsuche .box {
  background: #ffffff;
}
.inhalte_text_bild.schnellsuche .box .bild {
  position: relative;
}
.inhalte_text_bild.schnellsuche .box .bild img {
  width: 100%;
  height: auto;
}
.inhalte_text_bild.schnellsuche .box .bild p {
  margin: 0px;
  background: var(--farbe_1);
  color: #ffffff;
  padding: 5px 10px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.inhalte_text_bild.schnellsuche .box .row p.name {
  padding: 15px;
  color: var(--farbe_1);
  border-bottom: 1px solid var(--farbe_1);
  font-weight: bold;
}
.inhalte_text_bild.schnellsuche .box .row span.button {
  margin-bottom: 0px;
}
.inhalte_text_bild.schnellsuche .box .row .row {
  padding: 0px 15px 15px 15px;
}
.inhalte_text_bild.schnellsuche .box .row .row table {
  font-size: 14px;
  line-height: normal;
}
.inhalte_text_bild.schnellsuche .box .row .row table td {
  vertical-align: top;
  padding: 5px 5px 5px 0px;
}
.inhalte_text_bild.schnellsuche .box .row .row table td:last-child {
  font-weight: bold;
}
.inhalte_text_bild.schnellsuche .suchform {
  padding: 15px;
}
.inhalte_text_bild.schnellsuche .suchform h3 {
  color: var(--farbe_1);
}
.inhalte_text_bild.schnellsuche .suchform label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #384042;
}
.inhalte_text_bild.schnellsuche .suchform input[type="text"], .inhalte_text_bild.schnellsuche .suchform input#interne_nummer, .inhalte_text_bild.schnellsuche .suchform select {
  width: 100%;
  background: var(--farbe_2);
  border: none;
  height: 40px;
  line-height: 40px;
  color: #384042;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: normal;
  padding: 0px 10px;
}
.inhalte_text_bild.schnellsuche .suchform input[type="text"].halb, .inhalte_text_bild.schnellsuche .suchform input#interne_nummer.halb, .inhalte_text_bild.schnellsuche .suchform select.halb {
  width: 48%;
  display: inline-block;
}
.inhalte_text_bild.schnellsuche .suchform input[type="text"].halb.links, .inhalte_text_bild.schnellsuche .suchform input#interne_nummer.halb.links, .inhalte_text_bild.schnellsuche .suchform select.halb.links {
  margin-right: 2%;
}
.inhalte_text_bild.schnellsuche .suchform .selectric-halb {
  width: 48%;
  display: inline-block;
}
.inhalte_text_bild.schnellsuche .suchform .selectric-halb.selectric-links {
  margin-right: 2%;
}
.inhalte_text_bild.schnellsuche .suchform .selectric-halb input[type="text"], .inhalte_text_bild.schnellsuche .suchform .selectric-halb input#interne_nummer, .inhalte_text_bild.schnellsuche .suchform .selectric-halb select {
  width: 100%;
}
.inhalte_text_bild.schnellsuche .suchform .ausstattung {
  padding-bottom: 5px;
}
.inhalte_text_bild.schnellsuche .suchform .ausstattung p {
  font-size: 16px;
  line-height: normal;
  font-weight: normal;
  margin-bottom: 3px;
}
.inhalte_text_bild.schnellsuche .suchform a.button {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.inhalte_text_bild.schnellsuche .suchform div.selectric, .inhalte_text_bild.schnellsuche .suchform div.selectric-items, .inhalte_text_bild.schnellsuche .suchform .selectric-input {
  display: none;
}
.inhalte_text_bild.schnellsuche .ergebnisliste h2 {
  padding-top: 6px;
}
.inhalte_text_bild.schnellsuche .ergebnisliste .pagination ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.inhalte_text_bild.schnellsuche .ergebnisliste .pagination ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0px 5px 5px 0px;
}
.inhalte_text_bild.schnellsuche .ergebnisliste .pagination ul li a, .inhalte_text_bild.schnellsuche .ergebnisliste .pagination ul li a:link, .inhalte_text_bild.schnellsuche .ergebnisliste .pagination ul li a:visited {
  display: block;
  background: #ffffff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.inhalte_text_bild.schnellsuche .ergebnisliste .pagination ul li a.active, .inhalte_text_bild.schnellsuche .ergebnisliste .pagination ul li a:link.active, .inhalte_text_bild.schnellsuche .ergebnisliste .pagination ul li a:visited.active {
  background: var(--farbe_1);
  color: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.inhalte_text_bild.schnellsuche .ergebnisliste .pagination ul li a:hover, .inhalte_text_bild.schnellsuche .ergebnisliste .pagination ul li a:focus, .inhalte_text_bild.schnellsuche .ergebnisliste .pagination ul li a:visited {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: var(--farbe_1);
}
.inhalte_text_bild.schnellsuche .ergebnisliste .pagination ul li a.active:hover, .inhalte_text_bild.schnellsuche .ergebnisliste .pagination ul li a.active:focus, .inhalte_text_bild.schnellsuche .ergebnisliste .pagination ul li a.active:visited {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
  cursor: inherit;
}
/***********************
Standorte
***********************/
.standorte {
  position: relative;
  background: var(--farbe_1);
  border-bottom: 5px solid var(--farbe_2);
}
.standorte .suchmaske {
  padding: 100px 0px 75px 0px;
  /*position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		width: 100%;
		height: 100%;
		z-index: 20;*/
  /*.box_inhalt {
			position: absolute;
			left: 15px;
			right: 15px;
			top: 0px;
			bottom: 0px;
			width: 100%;
			width: calc(100% - 30px);
			height: 100%;
			z-index: 20;
			
			.box_inhalt_table {
				display: table;
				width: 100%;
				height: 100%;
				
				.box_inhalt_tablecell {
					display: table-cell;
					vertical-align: middle;
				}
			}
		}*/
}
.standorte .suchmaske .width {
  height: 100%;
}
.standorte .suchmaske .width .row {
  height: 100%;
}
.standorte .suchmaske .box {
  /*height: auto;
			background: var(--farbe_1);
			padding: 45px 43px 50px 43px;*/
}
.standorte .suchmaske .box h2 {
  color: #ffffff;
}
.standorte .suchmaske .box form {
  width: 100%;
}
.standorte .suchmaske .box form .col-5, .standorte .suchmaske .box form .col-7, .standorte .suchmaske .box form .col-12 {
  padding: 0px 7px;
}
.standorte .suchmaske .box form .align_right {
  text-align: right;
}
.standorte .suchmaske .box form input[type="text"], .standorte .suchmaske .box form select {
  width: 100%;
  background: #ffffff;
  border: none;
  height: 50px;
  line-height: 50px;
  color: #384042;
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: normal;
  padding: 0px 10px;
}
.standorte .suchmaske .box form input[type="checkbox"] {
  height: 20px;
  width: 20px;
  background: #ffffff;
}
.standorte .suchmaske .box form p.check {
  margin: 0px;
  color: #ffffff;
}
.standorte .suchmaske .box form p.check input[type="checkbox"] {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-top: 3px;
}
.standorte .suchmaske .box form p.check span {
  display: inline-block;
  vertical-align: top;
}
.standorte .suchmaske .box form .button.primaer {
  border: 2px solid var(--farbe_2);
}
.standorte .suchmaske .box #step_2 {
  /*h2 {
					background: url(//hiltl-basics.spoc-one.de/images/standort_icon_back.png);
					background-repeat: no-repeat;
					background-position: left center;
					padding-left: 50px;
					margin-bottom: 40px;
					cursor: pointer;
					transition: all 0.5s ease;
					-webkit-transition: all 0.5s ease;
					-moz-transition: all 0.5s ease;
					-ms-transition: all 0.5s ease;
					-o-transition: all 0.5s ease;
					
					&:hover, &:focus, &:active {
						opacity: 0.7;
						transition: all 0.5s ease;
						-webkit-transition: all 0.5s ease;
						-moz-transition: all 0.5s ease;
						-ms-transition: all 0.5s ease;
						-o-transition: all 0.5s ease;
					}
					
					a, a:link, a:visited,
					a:hover, a:focus, a:active {
						color: inherit;
					}
				}*/
}
.standorte .suchmaske .box #step_2 p.suchfilter_text {
  margin: 0px;
  color: #ffffff;
}
.standorte .suchmaske .box #step_2 p.suchergebnis_text {
  color: #ffffff;
  margin-bottom: 36px;
}
.standorte .suchmaske .box #step_2 hr {
  display: block;
  border: none;
  width: 70px;
  height: 3px;
  background: #ffffff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  margin: 10px 0px;
}
.standorte .suchmaske .box #step_2 .suchergebnis_liste {
  height: auto;
  max-height: 325px;
  overflow-y: auto;
  padding-top: 4px;
}
.standorte .suchmaske .box #step_2 .suchergebnis_liste table {
  color: #ffffff;
  margin: 0px;
  width: 100%;
}
.standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td {
  vertical-align: top;
}
.standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td:first-child {
  width: 50px;
}
.standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td p {
  color: #ffffff;
  margin-bottom: 15px;
}
.standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td p.nummer {
  font-size: 32px;
  font-weight: bold;
  position: relative;
  margin-top: -4px;
}
.standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td p a, .standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td p a:link, .standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td p a:visited {
  color: #ffffff;
}
.standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td p a:hover, .standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td p a:focus, .standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td p a:active {
  color: #ffffff;
  text-decoration: underline;
}
.standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td .kontakt {
  padding-bottom: 20px;
}
.standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td .kontakt a, .standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td .kontakt a:link, .standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td .kontakt a:visited, .standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td .kontakt a:hover, .standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td .kontakt a:focus, .standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td .kontakt a:active {
  text-decoration: none;
  outline: none;
}
.standorte .suchmaske .box #step_2 .suchergebnis_liste table tr td .kontakt img {
  margin: 5px;
}
/***********************
Newsliste
***********************/
.newsliste {
  position: relative;
}
.newsliste.bg_primaer {
  background: var(--farbe_1);
}
.newsliste.bg_sekundaer {
  background: var(--farbe_2);
}
.newsliste.text_weiss h1, .newsliste.text_weiss h2, .newsliste.text_weiss h3, .newsliste.text_weiss h4, .newsliste.text_weiss p, .newsliste.text_weiss ul, .newsliste.text_weiss ol, .newsliste.text_weiss table {
  color: #ffffff;
}
.newsliste .abstand {
  padding: 100px 0px 75px 0px;
}
.newsliste ul, .newsliste ol {
  padding-left: 17px;
}
.newsliste .box {
  background: #ffffff;
  margin: 12px 0px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  height: 95%;
  height: calc(100% - 24px);
}
.newsliste .box img {
  width: 100%;
  height: auto;
}
.newsliste .box .textbox {
  padding: 25px;
}
.newsliste .box .textbox .datum {
  color: #384042;
  font-size: 16px;
  font-weight: normal;
  display: block;
  margin-bottom: 10px;
}
.newsliste .box .textbox .button {
  width: 100%;
  text-align: center;
}
.newsliste .buttonbox {
  text-align: center;
  padding-top: 38px;
}
.newsliste .buttonbox .button {
  min-width: 260px;
  text-align: center;
}
/***********************
Störer
***********************/
.stoerer {
  position: relative;
}
.stoerer.bg_primaer {
  background: var(--farbe_1);
}
.stoerer.bg_sekundaer {
  background: var(--farbe_2);
}
.stoerer.bg_sekundaer p a:hover, .stoerer.bg_sekundaer p a:focus, .stoerer.bg_sekundaer p a:active {
  color: #384042;
}
.stoerer.text_weiss h1, .stoerer.text_weiss h2, .stoerer.text_weiss h3, .stoerer.text_weiss h4, .stoerer.text_weiss p, .stoerer.text_weiss ul, .stoerer.text_weiss ol, .stoerer.text_weiss table {
  color: #ffffff;
}
.stoerer.text_weiss h1 a, .stoerer.text_weiss h1 a:link, .stoerer.text_weiss h1 a:visited, .stoerer.text_weiss h2 a, .stoerer.text_weiss h2 a:link, .stoerer.text_weiss h2 a:visited, .stoerer.text_weiss h3 a, .stoerer.text_weiss h3 a:link, .stoerer.text_weiss h3 a:visited, .stoerer.text_weiss h4 a, .stoerer.text_weiss h4 a:link, .stoerer.text_weiss h4 a:visited, .stoerer.text_weiss p a, .stoerer.text_weiss p a:link, .stoerer.text_weiss p a:visited, .stoerer.text_weiss ul a, .stoerer.text_weiss ul a:link, .stoerer.text_weiss ul a:visited, .stoerer.text_weiss ol a, .stoerer.text_weiss ol a:link, .stoerer.text_weiss ol a:visited, .stoerer.text_weiss table a, .stoerer.text_weiss table a:link, .stoerer.text_weiss table a:visited {
  color: #ffffff;
  text-decoration: underline;
}
.stoerer .abstand {
  padding: 100px 0px 75px 0px;
}
.stoerer p {
  font-size: 28px;
  font-weight: bold;
}
.stoerer p.icon:after {
  content: "→";
  display: inline-block;
  margin-left: 15px;
}
/***********************
Detailseite Fahrzeuge
***********************/
.detailseite_fahrzeuge {
  padding: 100px 0px 75px 0px;
}
.detailseite_fahrzeuge .bilder .bild img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.detailseite_fahrzeuge .bilder #thumbs {
  margin-bottom: 40px;
  margin-left: -2px;
  margin-right: -2px;
  width: 100%;
  width: calc(100% + 4px);
}
.detailseite_fahrzeuge .bilder #thumbs .bildbox {
  width: 100%;
  height: 100px;
  border: 2px solid #ffffff;
}
.detailseite_fahrzeuge .bilder #thumbs .bildbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detailseite_fahrzeuge h1 small {
  display: block;
  font-size: 20px;
  line-height: normal;
  font-weight: normal;
  padding-top: 10px;
}
.detailseite_fahrzeuge .preis p {
  display: block;
  padding: 15px 25px;
  background: var(--farbe_2);
  margin-bottom: 35px;
}
.detailseite_fahrzeuge .preis p strong {
  font-size: 28px;
  font-weight: bold;
  margin-right: 5px;
}
.detailseite_fahrzeuge table {
  width: 100%;
}
.detailseite_fahrzeuge table tr:first-child td {
  border-top: 1px solid var(--farbe_2);
}
.detailseite_fahrzeuge table tr td {
  padding: 5px 5px 5px 0px;
  border-bottom: 1px solid var(--farbe_2);
}
.detailseite_fahrzeuge ul, .detailseite_fahrzeuge ol {
  padding-left: 19px;
}
.detailseite_fahrzeuge .ansprechpartner .box {
  background: var(--farbe_2);
  padding: 25px;
  margin-bottom: 15px;
}
.detailseite_fahrzeuge .ansprechpartner .box .logo {
  background: var(--farbe_1);
  width: 100%;
  height: 100%;
  text-align: center;
}
.detailseite_fahrzeuge .ansprechpartner .box .logo img {
  width: 70%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.detailseite_fahrzeuge .ansprechpartner .box .text {
  padding-left: 30px;
}
.detailseite_fahrzeuge .ansprechpartner .box .text p {
  font-size: 18px;
  margin-bottom: 15px;
}
.detailseite_fahrzeuge .ansprechpartner .box .text p strong {
  font-size: 20px;
}
.detailseite_fahrzeuge .ansprechpartner .box .text p span {
  font-size: 15px;
  opacity: 0.7;
}
.detailseite_fahrzeuge .ansprechpartner a.button, .detailseite_fahrzeuge .ansprechpartner a.button:link, .detailseite_fahrzeuge .ansprechpartner a.button:visited {
  width: 100%;
  text-align: center;
}
/***********************
Footer
***********************/
.footer {
  padding: 65px 0px 35px 0px;
  background: var(--farbe_1);
}
.footer img {
  margin-bottom: 15px;
}
.footer img.logo {
  width: auto;
  height: 72px;
}
.footer .zweispaltig {
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-gap: 30px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  -ms-column-gap: 30px;
  -o-column-gap: 30px;
}
.footer .zweispaltig ul.main {
  padding: 0px;
  margin: 0px 0px 15px 0px;
  list-style-type: none;
}
.footer .zweispaltig ul.main li {
  display: block;
  margin-bottom: 25px;
}
.footer .zweispaltig ul.main li a, .footer .zweispaltig ul.main li a:link, .footer .zweispaltig ul.main li a:visited {
  font-size: 12px;
  line-height: 12px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
.footer .zweispaltig ul.main li a:hover, .footer .zweispaltig ul.main li a:focus, .footer .zweispaltig ul.main li a:active {
  color: var(--farbe_2);
  text-decoration: none;
}
.footer .zweispaltig ul.main li.active a, .footer .zweispaltig ul.main li.active a:link, .footer .zweispaltig ul.main li.active a:visited, .footer .zweispaltig ul.main li.active a:hover, .footer .zweispaltig ul.main li.active a:focus, .footer .zweispaltig ul.main li.active a:active {
  color: var(--farbe_2);
  text-decoration: none;
}
.footer .zweispaltig ul.main li ul {
  padding-left: 8px;
}
.footer .zweispaltig ul.main li ul li {
  margin-bottom: 0px;
}
.footer .zweispaltig ul.main li ul li a, .footer .zweispaltig ul.main li ul li a:link, .footer .zweispaltig ul.main li ul li a:visited {
  font-weight: normal;
  text-decoration: none;
}
.footer ul.social_media {
  padding: 0px;
  margin: 0px 0px 10px 0px;
  list-style-type: none;
}
.footer ul.social_media li {
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  cursor: pointer;
}
.footer ul.social_media li:hover, .footer ul.social_media li:focus, .footer ul.social_media li:active {
  opacity: 0.5;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.footer ul.social_media li img {
  margin: 0px;
}
.footer .align_right {
  text-align: right;
}
.footer ul.copy {
  display: inline-block;
  vertical-align: bottom;
  padding: 0px;
  margin: 0px 0px 15px 0px;
  list-style-type: none;
}
.footer ul.copy li {
  display: inline-block;
  vertical-align: top;
  margin-left: 25px;
}
.footer ul.copy li:first-child {
  margin-left: 0px;
}
.footer ul.copy li a, .footer ul.copy li a:link, .footer ul.copy li a:visited {
  font-size: 12px;
  color: #bec8c8;
  text-transform: uppercase;
  text-decoration: none;
}
.footer ul.copy li a:hover, .footer ul.copy li a:focus, .footer ul.copy li a:active {
  color: #bec8c8;
  text-decoration: underline;
}
.footer ul.copy li.active a, .footer ul.copy li.active a:link, .footer ul.copy li.active a:visited, .footer ul.copy li.active a:hover, .footer ul.copy li.active a:focus, .footer ul.copy li.active a:active {
  color: #bec8c8;
  text-decoration: underline;
}
.footer p {
  display: inline-block;
  vertical-align: bottom;
  font-size: 12px;
  font-weight: bold;
  color: #bec8c8;
  text-transform: uppercase;
  margin: 0px 0px 15px 25px;
}
.footer .anker_oben {
  display: block;
  width: 30px;
  height: 30px;
  background-color: var(--farbe_2);
  background-image: url(//hiltl-basics.spoc-one.de/images/footer_icon_anker.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0px 0px 25px auto;
}
/***********************
Media Query
***********************/
@media (max-width: 767.98px) {
  p, ul, ol, table {
    font-size: 18px;
    line-height: 23px;
  }
  .header#scrollnavi ul.sprache {
    top: 0px;
  }
  .headerbild .bild {
    min-height: 330px;
  }
  .headerbild .bild.bild_mobile {
    min-height: auto;
    background: none !important;
    padding: 0px;
  }
  .headerbild .bild.bild_mobile .mobilebild {
    display: block;
    width: 100%;
    height: auto;
  }
  .headerbild .bild.bild_mobile .bild_inhalt {
    display: none;
  }
  .inhalte_text_bild .abstand {
    padding: 50px 0px 25px 0px;
  }
  .inhalte_text_bild .inhalt_vorne {
    position: relative;
    left: inherit;
    right: inherit;
    top: inherit;
    bottom: inherit;
    height: auto;
  }
  .inhalte_text_bild .inhalt_vorne .bildbox .bild {
    height: 0px;
    padding-top: 65%;
  }
  .inhalte_text_bild .box.nebeneinander .bild {
    position: relative;
    padding-bottom: 60%;
    left: -15px;
    right: -15px;
    width: calc(100% + 30px);
  }
  .inhalte_text_bild .kachel.untereinander .textbox {
    padding: 25px;
  }
  .stoerer .abstand {
    padding: 50px 0px 25px 0px;
  }
  .stoerer p {
    font-size: 20px;
  }
  .newsliste .abstand {
    padding: 50px 0px;
  }
  .newsliste .buttonbox {
    padding-top: 25px;
  }
  .standorte .suchmaske {
    position: relative;
    left: inherit;
    right: inherit;
    top: inherit;
    bottom: inherit;
  }
  .standorte .suchmaske .box {
    padding: 25px;
  }
  .standorte .suchmaske .box_inhalt {
    position: relative;
    left: -15px;
    right: -15px;
    top: inherit;
    bottom: inherit;
    width: calc(100% + 30px);
  }
  .footer {
    padding: 50px 0px 25px 0px;
  }
}
