/*******************************************************************************/
/* BASIS LAYOUT   */
/******************************************************************************/
html {
  height: 100.1%;
  scroll-padding-top: 135px;
}

body {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  height: 100.1%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  position: relative;
}

header,
nav,
section,
article,
aside,
footer {
  display: block;
}

.font-400 {
  font-weight: 400;
}

#wrapper {
  flex: 1 0 auto;
  position: relative;
  width: 100%;
  margin: 0 auto 0 auto;
  height: auto !important;
}

#wrap-header {
  width: 100%;
  height: 135px;
  position: fixed;
  background-color: #fff;
  z-index: 10;
  opacity: 1;
  border-left: 50px solid #fff;
  border-right: 50px solid #fff;
}

#header,
#header.container {
  height: 100%;
  max-width: 1440px !important;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

#logo,
#logoBus,
#logoLogistik,
#logoNutzfahrzeuge,
#logoSupport {
  display: block;
  z-index: 310 !important;
  width: 240px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#logoBus,
#logoLogistik,
#logoNutzfahrzeuge,
#logoSupport {
  display: none;
}

#logo a,
#logo img {
  display: block;
  width: 100%;
  height: auto;
}

#wrap-topbild {
  width: 100%;
  overflow: hidden !important;
  position: relative;
  margin-top: 135px;
  /*height: 60vh;*/
  border-left: 50px solid #fff;
  border-right: 50px solid #fff;
}

.home #wrap-topbild {
  height: calc(100vh - 135px);
}

#topbild {
  width: 100%;
  height: auto;
  position: relative;
}

body.lvl2 #topbild {
  max-width: 1440px;
  margin: 0 auto;
}

#topbild .frame.frame-default.frame-type-gridelements_pi1.frame-layout-0 {
  width: 100%;
  background: linear-gradient(180deg, rgba(113, 113, 113, 0) 0%, rgba(113, 113, 113, 0) 50%, rgba(43, 43, 43, 1) 100%);
}

/* Markierung */
.txtimgbox .image::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(113, 113, 113, 0) 0%, rgba(113, 113, 113, 0) 50%, rgba(43, 43, 43, 1) 100%);
}

.txtimgbox figure {
  position: relative;
  display: inline-block;
}

#topbild .csc-default img {
  width: 100% !important;
  height: auto;
}

#topbild img {
  position: relative;
  /*top: -135px !important;*/
  width: 100% !important;
  height: auto;
  object-fit: cover;
  object-position: center center;
  /*max-height: calc(100vh - 135px);*/ /*max-height: 72vh;*/
  max-height: 100%;
}

#topbild .topbildtop img {
  object-position: center top;
}

#topbild .topbildcenter img {
  object-position: center center;
}

#topbild .topbildbottom img {
  object-position: center bottom;
}

#topbild .ce-gallery {
  float: none !important;
}

#topbild .ce-image img,
#topbild img {
  width: 100% !important;
  height: auto;
}

.home #topbild img {
  top: 0 !important;
  height: calc(100vh - 135px);
}

#topbild video {
  width: 100% !important;
  height: calc(100vh - 135px);
  object-fit: cover;
}

.home #topbild.headerbox::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(113, 113, 113, 0) 0%, rgba(113, 113, 113, 0) 70%, rgba(43, 43, 43, 1) 100%);
  z-index: 0;
}

#topbild .ce-center .ce-outer,
#topbild .ce-center .ce-inner {
  position: relative;
  float: none !important;
  right: 0% !important;
}

#topbild .ce-column,
#topbild .ce-gallery figure {
  width: 100% !important;
}

#topbild .ce-gallery {
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}

#topbild .ce-gallery .ce-column {
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}

.topclaim {
  display: none;
}

.home .topclaim {
  display: block;
  color: white;
  /*width: 60vw;*/
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1440px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.home .topclaim h2 {
  position: relative;
  color: white;
  font-size: 140px;
  line-height: 160px;
  width: 100%;
  max-width: 1440px;
  margin-bottom: 0;
  /*bottom: 20vh;*/
}

.home .topclaim p {
  position: relative;
  font-size: 30px;
  line-height: 40px;
  width: 100%;
  max-width: 1140px;
  left: 50%;
  transform: translateX(-50%);
  /*bottom: 5vh;*/
}

#wrap-inhalt {
  position: relative;
  z-index: 4;
  border: 50px solid #fff;
}

main,
#inhalt {
  min-height: 400px;
  padding-top: 50px;
  padding-bottom: 80px;
  height: auto;
  overflow: hidden;
}

#wrap-inhalt.notb {
  padding-top: 165px;
}

.form #inhalt {
  margin-top: 150px;
}

#inhalt .row ul {
  font-size: 19px;
}

.frame-type-menu_subpages ul li:nth-child(3),
.frame-type-menu_pages ul li:nth-child(3) {
  hyphens: auto;
}

/* Zurück 2. Ebene */
a#backBtn {
  display: none;
  margin-left: 680px;
  max-width: 1440px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
}

main#inhalt.smaller-width a#backBtn {
  max-width: 1140px;
}

.navTitle::before {
  display: inline-flex;
  content: "";
  background-image: url("../Images/arrow-right-light.svg");
  rotate: 180deg;
  background-size: 22px 22px;
  height: 22px;
  width: 22px;
  margin-left: 15px;
  position: relative;
  margin-right: 10px;
  transition: all 0.3s;
  right: 0;
  top: 4px;
}


.navTitle:hover::before {
  right: 10px;
}

/* #backBtn a:hover i.fa-solid.fa-arrow-left {
  margin-right: 20px;
} */


/* Suche */
label[for="tx-indexedsearch-searchbox-sword"] {
  display: none;
}

.tx-indexedsearch-searchbox fieldset {
  display: flex;
}

.tx-indexedsearch-search-submit {
  margin-left: 15px;
}

.tx-indexedsearch-info-sword {
  margin: 10px 0;
}

dl.tx-indexedsearch-info {
  display: none;
}

span.tx-indexedsearch-result-number {
  display: none;
}

input#tx-indexedsearch-searchbox-button-submit {
  border: 1px solid #0089d1;
  background-color: #0089d1;
  color: white;
  width: auto;
  padding: 6px 15px 4px;
  /*padding-bottom: 6px;*/
}

input#tx-indexedsearch-searchbox-button-submit:hover {
  background-color: #00547a;
  border: 1px solid #00547a;
}

span.tx-indexedsearch-percent {
  display: none;
}

/* Suche Topnavi */
div#suche {
  display: block;
  position: relative;
  float: right;
  right: 0px;
  width: auto;
  top: 5px;
  z-index: 50;
  margin-left: 10px;
}

input.tx-indexedsearch-searchbox-sword {
  border: 1px solid #0089d1;
  border-radius: 0;
  padding: 0px 16px 1px;
  color: #0089d1;
  font-size: 16px;
  outline: 0;
  float: right;
  width: 100%;
  height: 40px;
}

.tx-indexedsearch-form button {
  display: block;
  width: 18px !important;
  height: 18px !important;
  position: absolute;
  right: 22px !important;
  top: 6px !important;
  background-image: url(/typo3conf/ext/t3master/Resources/Public/Images/lupe.svg);
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #fff !important;
  margin: 0px !important;
  padding: 0px !important;
  text-decoration: none;
  border: 0px !important;
  outline: 0;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-form {
  min-width: 33%;
}

.tx-indexedsearch-browsebox ul {
  display: inline-block;
  list-style-type: none;
  height: auto;
}

.tx-indexedsearch-browsebox ul > li {
  float: left;
  padding-right: 30px !important;
  padding-left: 30px !important;
  border-right: 1px solid #0184ce;
}

.tx-indexedsearch-browsebox ul > li:first-child {
  padding-right: 30px !important;
  padding-left: 0px !important;
}

.tx-indexedsearch-browsebox ul > li:last-child {
  border-right: 0px solid #0184ce;
}

.tx-indexedsearch-browsebox ul > li:before {
  display: none !important;
}

.tx-indexedsearch-res {
  clear: both;
}

.suche div#suche {
  display: none;
}

button.lupe {
  display: block;
  width: 18px !important;
  height: 18px !important;
  position: absolute;
  right: 0px !important;
  top: 4px !important;
  background-image: url(/typo3conf/ext/t3master/Resources/Public/Images/lupe.svg);
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #fff !important;
  margin: 0px !important;
  padding: 0px !important;
  text-decoration: none;
  border: 0px !important;
  outline: 0;
}

/* Jobs */
.jobs-item {
  border: 1px solid #0089d1;
  color: #000;
  padding: 15px;
  height: 100%;
  width: 100%;
  min-height: 240px;
  hyphens: auto;
  transition: all 0.3s ease;
}

.jobs-item::after {
  content: "";
  width: 17px;
  height: 17px;
  background-image: url("../Images/arrow-right-light.svg");
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.jobs-item:hover:after {
  background-image: url("../Images/arrow-right-light.svg");
}

.jobs-item:hover {
  color: #fff;
  background: #0089d1;
}

.jobs-item .frame {
  font-size: 19px !important;
  line-height: 23px !important;
}

.jobs-item .font-400 {
  font-size: 16px;
  line-height: 21px;
}

.job-wrap a {
  text-decoration: none !important;
  display: block;
  height: 100%;
}

/* Jobs Homepage */
.jobs-home .jobs-item {
  color: white;
}

.jobs-home .jobs-item:hover {
  background-color: #fff3;
  transition: all 0.3s ease;
}

.jobs-home a:link {
  text-decoration: none !important;
}

.header-job-home h2 {
  color: white !important;
}

/* Header */

.headerbox .bg-image .row {
  height: 72vh;
}

.headerbox .ce-textpic,
.headerbox .row {
  position: relative;
}

.headerbox .ce-textpic > .ce-bodytext,
.headerbox .row .frame {
  position: absolute;
  top: 90%;
  transform: translateY(-90%);
  padding-left: 25px;
  padding-right: 25px;
  z-index: 1;
}

/* Powermail */
form h3,
fieldset legend {
  display: none;
}

.radio {
  display: inline;
  margin-left: 15px;
}

.powermail_fieldwrap {
  margin-bottom: 15px;
  width: 50%;
  font-size: 19px;
}

.powermail_fieldwrap label {
  margin-bottom: 5px;
}

.ortAngabe {
  font-size: 15px;
  margin-top: 5px;
}

.powermail_fieldwrap_reiseziel {
  margin-bottom: -15px;
}

.checkbox {
  width: fit-content;
  position: relative;
  color: transparent;
}

.powermail_fieldwrap_mietbedingungen {
  margin-top: -52px;
  margin-left: 40px;
  width: 100%;
}

.powermail_fieldwrap_mietdauerbis {
  float: right;
  margin-top: -92px;
  margin-right: 80px;
}

.powermail_fieldwrap_veloanhaenger {
  float: right;
  margin-top: -95px;
  margin-right: 80px;
}

.powermail_fieldwrap_anzahlgaeste {
  float: right;
  margin-top: -120px;
  margin-right: 80px;
}

.powermail_fieldwrap_marker {
  margin-top: 50px;
  font-weight: bold;
}

.powermail_fieldwrap_mietdetails {
  font-weight: bold;
}

.powermail_field input {
  width: 50%;
  border: 1px solid #0089d1;
}

.powermail_fieldwrap_gepaeckanhaenger input,
.powermail_fieldwrap_veloanhaenger input {
  width: 14px !important;
}

.powermail_fieldwrap_vorname,
.powermail_fieldwrap_plz,
.powermail_fieldwrap_land,
.powermail_fieldwrap_e_mail {
  float: right;
  margin-top: -92px;
  margin-right: 80px;
}

.powermail_fieldwrap_checkmietbedingungen {
  margin-left: -150px;
}

.powermail_fieldwrap_captcha img {
  width: 25%;
  margin-left: 5px;
  margin-bottom: 8px;
  border: 1px solid #0089d1;
}

.powermail_fieldwrap_anrede select {
  width: 12%;
  border: 1px solid #0089d1;
}

.powermail_fieldwrap_bemerkungen textarea {
  width: 100%;
  border: 1px solid #0089d1;
}

.powermail_submit {
  background-color: #0089d1;
  color: white;
  width: auto;
  padding-bottom: 6px;
}

.powermail_submit:hover {
  background-color: #00547a;
  border: 1px solid #00547a;
}

input#powermail_field_checkmietbedingungen_1 {
  position: absolute;
  width: auto;
  right: 12%;
  bottom: 12%;
}

.tx-indexedsearch-icon {
  display: none;
}

/* Team News */
.team-bodytext p {
  font-size: 19px !important;
  line-height: 23px;
}

.team-category {
  font-size: 11px;
  margin-bottom: 10px;
}

.team-img-wrap img {
  width: 348px !important;
}

.team-wrap {
  width: 100%;
  height: 90%;
  overflow: hidden;
  background-color: #f2f2f2;
}

.team-bodytext {
  margin-top: 20px;
  margin-left: 30px;
}

.team-col-left {
  float: left;
  width: 50%;
}

.team-col-right {
  float: right;
  width: 50%;
}

.team-list-view div.hidden {
  opacity: 0;
  display: none;
}

/* Job News */
.job-bodytext p {
  font-size: 20px !important;
  line-height: 23px;
}

.job-bodytext p:nth-child(3) {
  font-size: 16px !important;
  line-height: 21px;
  font-weight: 400;
}

.job-category {
  font-size: 11px;
  margin-bottom: 10px;
}

.job-wrap {
  width: 75%;
  height: 100%;
  overflow: hidden;
  padding: 20px;
  transition: 0.3s ease;
  background-color: #f2f2f2;
}

.job-bodytext {
  margin-top: 20px;
  margin-left: 30px;
}

.job-wrap:hover {
  background-color: #0089d1;
}

.job-wrap a:hover,
.job-wrap:hover a,
.job-wrap:hover h5,
.job-wrap h5:hover {
  color: #fff !important;
}

.job-wrap a {
  color: #000 !important;
}

.job-wrap::after {
  content: "";
  width: 17px;
  height: 17px;
  background-image: url("../Images/arrow-right-light.svg");
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  /*left: 97%;
  bottom: 25%;*/
  left: calc(71% - 20px);
  bottom: 14%;
}

.job-wrap:hover::after {
  background-image: url("../Images/arrow-right-light-white.svg");
}

.job-card {
  position: relative;
}

.job-list-view div.hidden {
  opacity: 0;
  display: none;
}

/* Section Background */
.bggrey {
  background-color: #f2f2f2;
  display: block;
  overflow: hidden;
}

.bgred {
  background-color: #b71234;
  display: block;
  overflow: hidden;
}

/* Box */

.txtimgbox .row .frame > .ce-textpic {
  position: relative;
}

.txtimgbox .row .frame > .ce-textpic > .ce-bodytext {
  position: absolute;
  bottom: 50px;
  padding-left: 25px;
  padding-right: 25px;
  /*width: calc(100% - 50px);*/
  width: 100%;
}

.txtimgbox .row .frame > .ce-textpic > .ce-gallery .ce-column img {
  width: 1170px;
}

.jobbox {
  border: 2px solid #0184ce;
  padding: 15px 25px;
  margin-bottom: 30px;
}

.boxrahmen {
  border: 2px solid #0184ce;
  padding: 25px 25px;
  margin-bottom: 30px;
}

.kontaktrahmen .container {
  padding: 35px 35px 0;
  margin-bottom: 30px;
  background-color: #f2f2f2;
}

.kontaktRechts {
  /*float: right;*/
  margin-top: 62px;
  display: table;
  margin-right: auto;
  margin-left: auto;
}

.kontaktlvl3 .container {
  background-color: #f2f2f2;
}

.frame-kontaktrahmen h5 {
  font-size: 22px;
  line-height: 159%;
  font-weight: 700;
}

.frame-kontaktrahmen p {
  font-size: 26px;
  font-weight: 200;
  line-height: 131%;
}

.frame-kontaktrahmen a {
  font-size: 40px;
  line-height: 164%;
  font-weight: 200 !important;
}

.kontaktRechts p,
.kontaktRechts a {
  font-size: 19px !important;
  font-weight: 200 !important;
  line-height: 121% !important;
}

/* Facts & Figures Table */
.factsFigures td {
  color: #000 !important;
}

.factsFigures table {
  width: auto;
}

/* Fuzsszeile */
#wrap-footer-map {
  border-left: 50px solid #fff;
  border-right: 50px solid #fff;
  border-bottom: 50px solid #fff;
}

#wrap-footer {
  flex-shrink: 0;
  width: 100%;
  clear: both;
  background-color: #0089d1;
  position: relative;
  z-index: 5;
  border-left: 35px solid #0089d1;
  border-right: 35px solid #0089d1;
}

footer {
  position: relative;
  padding-top: 50px;
  padding-bottom: 20px;
  margin-right: auto;
  margin-left: auto;
  min-height: 180px;
}

footer p {
  margin-bottom: 0px;
}

/*footer .hole {
	display: flex;
  justify-content: center;
	text-align: center;
	background: linear-gradient(to bottom, #B2AC7D 0%, #B2AC7D 57.1%, #646219 57.1%, #646219 100%);
}*/

#frow1 {
  position: relative;
  line-height: 22px;
  padding-bottom: 20px;
}

#frow1:after {
  content: "";
  background: #fff;
  position: absolute;
  bottom: -20px;
  left: 15px;
  height: 1px;
  width: calc(100% - 30px);
}

#frow1 div:nth-child(4) div,
#frow1 div:nth-child(5) div {
  margin-left: 20px;
}

#frow1 p {
  font-size: 16px;
}

#frow2 {
  margin-top: 40px;
}

.footer-lastname {
  display: block;
}

#footer-c8 {
  float: right;
  font-size: 12px;
}

.megura,
#footer-c7 a {
  color: #fff !important;
}

.megura:hover,
#footer-c7 a:hover {
  color: #000 !important;
}

#footer-c7 div {
  display: inline-block;
  margin-right: 10px;
}

#footer-c7 p {
  font-size: 16px;
}

/* Footer Social Media  Icons */
.social-icon {
  color: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
}

.social-icon:hover {
  color: #18798d;
}

.top-socialmedia .social-icon i:before {
  color: #18798d;
}

.social-link i {
  margin-top: 10px;
}

.facebook {
  margin-right: 15px;
}

.linkedin {
  margin-right: 25px;
}

.fa-2x {
  font-size: 1.2em !important;
}

.fa-light,
.fal {
  font-weight: 260 !important;
}

/* Megura Swissness Logo */
#megura-programmierung {
  position: relative;
  clear: both;
  float: none;
}

#megura-swissness {
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 15px;
  right: 30%;
  /*transform: translateY(-70%);*/
}

.ms-svg-inner {
  fill: #0089d1;
}

#megura-swissness svg:hover .ms-svg-inner {
  fill: #00547a;
}

/* Helper classes  */
.container {
  position: relative !important;
  max-width: 1440px !important;
  width: 100%;
  margin-top: 15px;
}

main#inhalt.smaller-width .container {
  max-width: 1140px !important;
}

.cc-window.cc-bottom-right {
  border: 2px #fff solid;
}



.invertieren,
.invertieren p,
.invertieren a,
.invertieren h1,
.invertieren h2,
.invertieren h3,
.invertieren h4,
.invertieren h5 {
  color: #fff;
}

.margin-top-500 {
  margin-top: 500px;
}

.center-text {
  text-align: center;
  margin: 0 auto !important;
}

.center-element {
  margin: 0 auto !important;
}

img {
  outline: none !important;
}

main .row img {
  max-width: 100% !important;
  height: auto;
}

/* IE 10+ only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  main .row img {
    width: 100% !important;
    height: auto;
  }
}

.divider hr {
  margin-bottom: 25px !important;
  margin-top: 25px !important;
  border-top: 1px solid #999 !important;
}

.empty hr {
  border-top: none !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  height: auto;
  overflow: hidden;
}

/* Responsive Video */
.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

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

/* Slick Slider */
.slick-slider {
  width: 100%;
}

.slick-prev::before,
.slick-next::before {
  color: #fff !important;
}

.slick-dots {
  display: none !important;
}

.slick-list {
  z-index: 10;
}

.slick-prev {
  z-index: 20;
  left: 20px !important;
}

.slick-next {
  z-index: 20;
  right: 20px !important;
}

.container .slick-prev {
  z-index: 20;
  left: -60px !important;
}

.container .slick-next {
  z-index: 20;
  right: -60px !important;
}

.slick-prev,
.slick-next {
  width: 40px !important;
  height: 40px !important;
  top: 50% !important;
}

.slick-prev:before,
.slick-next:before {
  font-size: 40px !important;
}

/*.slick-prev:before {
	content: "❮" !important;
}

.slick-next:before {
	content: "❯" !important;
}*/

.slick-prev:before {
  content: "⟨" !important;
}

.slick-next:before {
  content: "⟩" !important;
}


/* Cookie Consent */
.cc-window.cc-bottom-right {
  border: none !important;
}

/*******************************************************************************/
/* INHALTSSEITEN   */
/******************************************************************************/

/* News */
.news-list-view div {
  opacity: 1;
  display: block;
  transition: all 0.5s ease;
}

.news-list-view div.hidden {
  opacity: 0;
  display: none;
}

.news-filter {
  display: inline-block;
  position: relative;
}

.news-filter:after {
  /*content: "\25BC";*/
  display: inline-flex;
  content: "";
  background-image: url("../Images/arrow-down-light.svg");
  background-size: 24px 11px;
  height: 11px;
  width: 24px;
  /*background-color:inline- #fff;
  color: #0089d1;
  font-size: 20px;
  pointer-events: none;*/
  position: absolute;
  right: 18px;
  top: 18px;
  padding: 5px;
}

.news-filter select {
  display: inline;
  width: 500px;
  border-radius: 0;
  font-size: 1.2rem;
  color: #0089d1;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f2f2f2;
  border: none;
  outline: none !important;
}

.news-list-view {
  background: transparent;
  height: 100%;
  top: 0;
  /*margin: 0 1px 0 5px;
  min-height: 880px;
  max-width: 1440px;*/
}

/* clear fix */
.news-list-view:after {
  content: "";
  display: block;
  clear: both;
}

.article {
  color: #000;
  background: #f2f2f2;
  overflow: hidden;
}

.article:hover {
  color: #fff;
  background: #0089d1;
  transition: all 0.3s ease;
}

.news-list-view .article {
  /*margin-left: 1.667%;
	margin-right: 1.667%;
  margin-bottom: 5%;*/
  padding: 25px;
  height: 100%;
}

.news-list-view .news-img-wrap img {
  width: 100% !important;
  min-height: 260px;
  max-height: 260px;
  /*height: auto;
  min-height: 260px;*/
  object-fit: cover;
}

.article .footer .news-list-category {
  display: none;
}

.news-single .footer,
.news .footer span {
  border: 0;
}

.article a,
.article a:visited,
.article h4 {
  text-decoration: none;
  color: #000;
}

.article a:hover,
.article:hover h4,
.article h4:hover,
.news-list-view .article:hover h5 {
  text-decoration: none;
  color: #fff;
}

.news-single .article a,
.news-single .article a:visited,
.news-single .article h4 {
  text-decoration: none;
  color: #0184ce;
}

.article .alltext {
  min-height: 180px;
  clear: both;
  padding: 25px 0px 15px;
}

.news .article .news-img-wrap {
  width: 100%;
  float: none;
  margin: 0 0 0 0;
  background: transparent;
}

.news-list-view .article .arrow-more:after {
  position: absolute;
  right: 5px;
  bottom: 25px;
  display: inline-flex;
  content: "";
  background-image: url("../Images/arrow-right-light.svg");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
}

.news-list-view .article:hover .arrow-more:after {
  background-image: url("../Images/arrow-right-light-white.svg");
}

/*.news .article:last-child {
  padding-bottom: 15px;
  margin-bottom: 15px;
}*/

.article-detail .row {
  padding-bottom: 20px;
}

.news-single .article {
  background: transparent;
  color: #000;
  /*text-align: center;*/
}

.news-single .header h1,
.news-single .teaser-text {
  color: #000;
}

.news-single .article .header {
  margin-top: 50px;
  margin-bottom: 0;
}

/*.news-single .article .news-img-wrap {
	width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 50px;
}

.news-single .article .news-img-wrap img {
	width: 50%;
	height: auto;  
}*/

.news-single .article .news-img-wrap {
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 50px;
}

.news-single .article .news-img-wrap img {
  width: 100%;
  height: auto;
}

.news-single .article .news-img-wrap a {
  float: none;
  padding: 0;
  border: none;
  background-color: transparent;
}

.news-single .article .teaser-text {
  /*width: 50%;*/
  margin: 0 auto;
  text-align: left;
  margin-bottom: 100px;
}

.news-single .article .news-backlink-wrap {
  /*width: 50%;*/
  margin: 0 auto;
  text-align: left;
  margin-bottom: 50px;
}

.news-single .article .frame,
.news-single .article .news-text-wrap {
  /*width: 50%;*/
  margin: 0 auto;
  text-align: left;
  color: #000;
  margin-bottom: 50px;
}

/*.news-single .news-text-wrap {
  padding-right: 20%;
}*/

.slick-track {
  display: flex;
}

.slick-slide {
  flex: 1 0 auto;
  /* align-items: center;
    justify-content: center; */
}

.slick-list {
  margin: 0 -10px !important;
}

.slick-slide > div {
  padding: 0 10px !important;
}

/* Accordion */

.accordion h5 .btn .fa {
  color: #0089d1 !important;
  font-weight: 300;
  font-size: 1.4em !important;
  top: 12px !important;
}

.accordion button.btn-link {
  color: #0089d1 !important;
  padding: 0.375rem 0;
  text-decoration: none !important;
  outline: 0;
}

.accordion button.btn-link:hover {
  text-decoration: none !important;
}

.accordion .card-header {
  border-top: 3px solid #0089d1 !important;
}

.accordion div.card:last-child {
  border-bottom: 3px solid #0089d1 !important;
}

.accordion .card .collapse .card-body {
  /*padding: 5px 0 30px 0 !important;*/
  margin: 0 0 30px 0 !important;
}

.accordion h5 .btn.btn-link {
  font-size: 32px !important;
  font-weight: bold;
  padding: 0.375rem 0;
}

/* Google Maps */
.tx-go-maps-ext {
  height: 800px;
  /*height:60vh;*/
  width: 100%;
}

.kontaktrahmen .tx-go-maps-ext {
  height: 400px;
}

.js-gme-container {
  height: 100%;
  width: 100%;
}

.gm-style {
  font-family: "DroidSans", sans-serif;
  font-size: 14px !important;
  line-height: 120%;
}

.gme-info-window,
.gme-info-window p,
.gme-info-window a {
  color: #000 !important;
  line-height: 140%;
  font-family: "DroidSans", sans-serif;
  font-size: 12px !important;
}

.gme-info-window p strong {
  font-weight: 700 !important;
}

.gme-info-window p {
  margin-bottom: 5px !important;
}

.gm-style .gm-style-iw-c {
  border-radius: 5px !important;
  padding: 20px 10px 10px !important;
  color: #000;
  background-color: #fff;
  border: 1px solid #646219;
  max-height: 200px !important;
  box-shadow: none !important;
}

.gm-style-iw-d {
  overflow: auto !important;
}

.gm-ui-hover-effect {
  color: #000 !important;
  top: 0px !important;
  right: 2px !important;
}

main .row .js-gme-container img {
  max-width: initial !important;
  width: auto !important;
  height: auto;
}

.js-map p {
  margin-bottom: 0px;
}

.gm-style .gm-style-iw-t::after {
  background: linear-gradient(45deg, rgba(178, 172, 125, 1) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
}

/* SVG Map */
#svg-map,
#svg {
  max-width: 925px;
  max-height: 600px;
  height: auto;
}

#svg-map {
  margin-right: auto;
  margin-left: auto;
}

.point {
  fill: #0089d1;
  stroke: #0089d1;
  transition: 1s;
  cursor: pointer;
}

:hover.point {
  fill: #0089d1;
  stroke-width: 4px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.gContainer:hover {
  fill: #0089d1;
  stroke-width: 4px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.gContainer:hover text {
  fill: #fff;
  stroke-width: 4px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.legendText {
  fill: #fff;
}

/* Tooltip Theme */
.my-custom-tooltip-theme {
  text-transform: capitalize;
  border-radius: 5px;
  color: #fff;
}

.tooltipster-sidetip .tooltipster-box {
  border: 0 !important;
  text-transform: none;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #0089d1 !important;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #0089d1 !important;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #0089d1 !important;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #0089d1 !important;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #0089d1 !important;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #0089d1 !important;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #0089d1 !important;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #0089d1 !important;
}

/* Use this next selector to style things like font-size and line-height: */
.my-custom-tooltip-theme .tooltipster-content {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  background-color: #0089d1;
}

.my-custom-tooltip-theme .tooltipster-content a {
  color: #fff !important;
}

/* Login */
.login input {
  display: block;
  width: 100%;
  padding: 5px 10px;
  border: 0;
  outline: 0;
  margin-top: 5px;
  color: #646219;
}

.login input[type="button"],
.login input[type="submit"],
.login input[type="reset"] {
  width: auto;
  color: #fff;
  background: transparent;
  font-size: 19px;
  padding: 10px 20px;
  border: 2px solid white;
}

.login fieldset > div {
  margin-bottom: 10px;
}

/* Tabellen */
#vorstand-table tr td:nth-child(3) {
  white-space: nowrap;
}

.mitgliedschaften .ce-gallery figure {
  display: block;
  text-align: center;
}

.mitgliedschaften img {
  width: auto;
  max-height: 100px !important;
}

.partner img {
  width: 150px;
  height: auto;
  margin-left: 30px;
  margin-right: 30px;
}

.partner figure {
  text-align: center;
  height: 120px;
}

.partner {
  margin-top: 50px;
}

.lead {
  max-width: 840px;
}

.special-grid-content {
  /* width: calc(100vw / 12 * 7 - 744px); */
  /* padding-left: calc((100vw - 1490px) / 2); */
  padding-left: calc((100% - 1440px) / 2);
}

/*
.special-grid-image {
	width: calc(100vw / 12 * 5 - 24px);
}
*/