/* titillium-web-300 - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 300;
  src: url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-300.woff2") format("woff2"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-300.woff") format("woff"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-300.ttf") format("truetype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-300.svg#TitilliumWeb") format("svg"); /* Legacy iOS */
}
/* titillium-web-300italic - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 300;
  src: url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-300italic.eot?#iefix") format("embedded-opentype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-300italic.woff2") format("woff2"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-300italic.woff") format("woff"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-300italic.ttf") format("truetype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-300italic.svg#TitilliumWeb") format("svg"); /* Legacy iOS */
}
/* titillium-web-regular - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 400;
  src: url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-regular.woff2") format("woff2"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-regular.woff") format("woff"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-regular.ttf") format("truetype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-regular.svg#TitilliumWeb") format("svg"); /* Legacy iOS */
}
/* titillium-web-italic - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 400;
  src: url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-italic.eot?#iefix") format("embedded-opentype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-italic.woff2") format("woff2"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-italic.woff") format("woff"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-italic.ttf") format("truetype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-italic.svg#TitilliumWeb") format("svg"); /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 600;
  src: url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-600.woff2") format("woff2"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-600.woff") format("woff"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-600.ttf") format("truetype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-600.svg#TitilliumWeb") format("svg"); /* Legacy iOS */
}
/* titillium-web-600italic - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 600;
  src: url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-600italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-600italic.eot?#iefix") format("embedded-opentype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-600italic.woff2") format("woff2"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-600italic.woff") format("woff"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-600italic.ttf") format("truetype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-600italic.svg#TitilliumWeb") format("svg"); /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 700;
  src: url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-700.woff2") format("woff2"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-700.woff") format("woff"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-700.ttf") format("truetype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-700.svg#TitilliumWeb") format("svg"); /* Legacy iOS */
}
/* titillium-web-700italic - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 700;
  src: url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-700italic.woff2") format("woff2"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-700italic.woff") format("woff"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-700italic.ttf") format("truetype"), url("/fileadmin_hyosung/layout/font/titillium-web-v15-latin-700italic.svg#TitilliumWeb") format("svg"); /* Legacy iOS */
}
/***
 * Variables for configuring the actual styling of the page
 */
/***
 * Some snippets ready to use
 */
html {
  font-size: 100%;
}

body {
  font-size: inherit;
}

.c3cookie-flag {
  width: auto;
  color: #fff !important;
  background: var(--c3cookie-color-primary);
  border-color: var(--c3cookie-color-primary);
}

.c3cookie button {
  width: auto;
}
.c3cookie button:hover {
  color: inherit;
}
.c3cookie h2 {
  padding-bottom: 0;
}
.c3cookie h2::after {
  display: none;
}

/* multi line Header issues.. */
.product-list-item.prodpid-68 > a > img,
.product-list-item.prodpid-69 > a > img {
  padding-top: 33px !important;
}

header {
  padding: 0 15px;
}

/**
 * Default headline styling
 */
h1, h2, h3, h4, h5 {
  text-align: center;
  font-family: "Titillium Web", sans-serif;
  font-weight: 800;
  line-height: 1.2;
  padding: 0 0 0.25em;
  margin: 0.5em auto 0.1em;
  position: relative;
}
h1:after, h2:after, h3:after, h4:after, h5:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  margin: 0 auto;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
  font-width: inherit;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}

h1 {
  padding: 0 0 0.1em;
  text-transform: uppercase;
  margin-bottom: 25px;
  margin-top: 60px;
}

h1, h2, h3, h4, h5 {
  padding-bottom: 30px;
}
h1:after, h2:after, h3:after, h4:after, h5:after {
  background: #707070;
  width: 50px;
}

h1 {
  font-size: 36px;
  text-transform: uppercase;
}

h2 {
  font-size: 36px;
  text-transform: uppercase;
}

h3 {
  font-size: 32px;
  text-transform: uppercase;
}

h4 {
  font-size: 28px;
}

h5 {
  font-size: 22px;
}

h3.subheader {
  font-size: 1em;
  color: inherit;
  font-weight: inherit;
}
h3.subheader:after {
  display: none;
}

h2.special1 {
  font-size: 36px;
  margin-top: 50px;
  text-transform: uppercase;
  font-weight: 200;
  position: relative;
}
h2.special1:after {
  width: 100%;
}

/**
 * Default rte-content styling
 */
.ce-bodytext p, .news-text-wrap p {
  margin: 1em auto;
  line-height: 1.4em;
}
.ce-bodytext p.align-left, .news-text-wrap p.align-left {
  text-align: left;
}
.ce-bodytext p.align-right, .news-text-wrap p.align-right {
  text-align: right;
}
.ce-bodytext div.indent, .news-text-wrap div.indent {
  padding-left: 30px;
}
.ce-bodytext b, .news-text-wrap b {
  font-weight: bold;
}
.ce-bodytext i, .news-text-wrap i {
  font-style: italic;
}
.ce-bodytext .align-left, .news-text-wrap .align-left {
  text-align: left;
}
.ce-bodytext .align-right, .news-text-wrap .align-right {
  text-align: right;
}
.ce-bodytext .align-center,
.ce-bodytext .text-center, .news-text-wrap .align-center,
.news-text-wrap .text-center {
  text-align: center;
}
.ce-bodytext .align-justify, .news-text-wrap .align-justify {
  text-align: justify;
}

/**
 * Additional styling for the Text-Pic content element
 */
.ce-textpic.ce-intext .ce-gallery {
  margin: 1em 0 0 0;
}
.ce-textpic img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.ce-textpic a {
  color: #003e86;
  font-weight: bold;
}
.ce-textpic strong {
  font-weight: bold !important;
}
.ce-textpic.ce-center.ce-above .ce-gallery .ce-row {
  display: flex;
  justify-content: center;
}

/**
 * Content element styling
 */
.content {
  min-height: calc(100vh - 293px);
  padding-top: 80px;
}
.content ul, .content ol {
  margin: 0.5em auto;
}
.content ul li {
  list-style: square inside;
}
.content ol li {
  list-style: decimal inside;
}

/**
 * Default button styling
 */
.linkButton, .tx-felogin-pi1 button[type=submit], .linkButtonTransparent, .linkButtonBlue {
  font-weight: 900;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  border: 3px solid currentColor;
  padding: 14px 30px;
  font-family: "Titillium Web", sans-serif;
}

.mapContainer .linkButton, .mapContainer .tx-felogin-pi1 button[type=submit], .tx-felogin-pi1 .mapContainer button[type=submit] {
  border-color: #fff;
}

.linkButtonTransparent {
  color: #FFF !important;
  border-color: #003e86;
}

.linkButtonBlue.linkButtonBlue {
  color: #FFF;
  background: #003e86;
}

input[type=submit], input[type=button], button, .button {
  color: #ffffff;
  font-weight: 900;
  width: 100%;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  display: block;
  border: 3px solid #fff;
  padding: 14px;
  font-family: "Titillium Web", sans-serif;
}
input[type=submit]:hover, input[type=button]:hover, button:hover, .button:hover {
  color: #ffffff;
}

input[type=text], input[type=url], input[type=password], textarea {
  background-color: #ffffff;
  color: #2B2B2A;
}
input[type=text]::placeholder, input[type=url]::placeholder, input[type=password]::placeholder, textarea::placeholder {
  color: #808080;
}

.tx-felogin-pi1 button[type=submit] {
  background-color: transparent;
  color: #003e86;
}

.mapFilter:not(.active) {
  min-height: 250px;
}
.mapFilter:not(.active) .opt-in-overlay {
  margin-top: 0;
  top: 0;
  position: absolute;
  height: 100%;
}

/***
 * InPage Banner
 */
.inPageBanner {
  position: relative;
}
.inPageBanner .button {
  background-color: #0E253D;
  color: #ffffff;
  font-size: 16px;
}
.inPageBanner .background {
  position: absolute;
  top: 100px;
  bottom: 25px;
  left: 0;
  right: 0;
}
.inPageBanner .background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inPageBanner .list {
  display: flex;
  position: relative;
}
.inPageBanner .list > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.inPageBanner .list .textWrap .text {
  margin: 100px auto 75px;
  text-align: center;
}
.inPageBanner .list .textWrap .text h2 {
  color: #0E253D;
}
.inPageBanner .list .textWrap .text .description {
  color: #ffffff;
}
.inPageBanner .list .textWrap .text .description {
  margin: 1em auto;
  padding: 0 1em;
}
.inPageBanner .list .textWrap .text:before, .inPageBanner .list .textWrap .text:after {
  content: " ";
  display: table;
}
.inPageBanner .list .foreground {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.inPageBanner .list .foreground img {
  width: 100%;
  height: auto;
  flex: 0 0 auto;
}

@media (max-width: 800px) {
  .inPageBanner .background {
    top: 0;
    bottom: 0;
  }
  .inPageBanner .list .foreground {
    display: none;
  }
  .inPageBanner .list .textWrap .text {
    margin: 0 auto;
    padding: 10px 0 20px;
  }
}
/* News */
/* Startseite Listview */
.news {
  padding-top: 50px;
}
.news .alert {
  text-align: center;
}
.news .news-list-view {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  height: auto !important;
  margin-bottom: 50px;
}
.news .news-list-view.slidemode {
  justify-content: inherit;
}
.news .news-list-view .article,
.news .news-list-view .news-list-item {
  width: calc(25% - 11.25px);
  margin-top: 25px;
  margin-right: 15px;
}
.news .news-list-view .article:nth-child(4n+4),
.news .news-list-view .news-list-item:nth-child(4n+4) {
  margin-right: 0;
}
.news .news-list-view .article div,
.news .news-list-view .news-list-item div {
  max-width: 300px;
  margin: 0 auto;
  text-align: justify;
}
.news .news-list-view .article h5, .news .news-list-view .article h3,
.news .news-list-view .news-list-item h5,
.news .news-list-view .news-list-item h3 {
  font-family: "Titillium Web", sans-serif;
  text-align: left;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.4em;
  padding: 12px 0;
}
.news .news-list-view .article h5:after, .news .news-list-view .article h3:after,
.news .news-list-view .news-list-item h5:after,
.news .news-list-view .news-list-item h3:after {
  display: none;
}
.news .news-list-view .article .lead p,
.news .news-list-view .news-list-item .lead p {
  display: inline;
}
.news .news-list-view .article .lead .btn-read-more,
.news .news-list-view .news-list-item .lead .btn-read-more {
  font-weight: 400;
}
.news .news-list-view .article .img-responsive,
.news .news-list-view .news-list-item .img-responsive {
  margin: 0 auto;
}
.news .news-list-view .page-navigation {
  width: 100%;
  margin-top: 2em;
}
.news .news-list-view .page-navigation ul {
  display: flex;
  padding: 0;
  margin: 0;
  margin: 0 -4px;
  margin-top: 0.5em;
}
.news .news-list-view .page-navigation ul li {
  list-style: none;
  margin: 0 4px;
}
.news .news-list-view .page-navigation ul li.active span {
  font-weight: 700;
}
.news .archiveLink {
  text-align: center;
}

/* Newsfilter */
.filterListWrap {
  background: hsl(0, 0%, 12%);
  width: 100%;
  height: 40px;
  margin-top: 50px;
  margin-bottom: 30px;
}
.filterListWrap .filterOptinon {
  width: 200px;
  position: relative;
  display: block;
  height: 40px;
  float: left;
}
.filterListWrap .filterOptinon ul.filteroptions {
  position: absolute;
  left: 0;
  top: 5px;
  width: 200px;
  margin: 0;
  z-index: 5;
}
.filterListWrap .filterOptinon ul.filteroptions.filteroption-ccm {
  width: 155px;
}
.filterListWrap .filterOptinon ul.filteroptions li {
  display: none;
  list-style: none !important;
  background: #000000;
  cursor: pointer;
  padding: 3px 15px;
  color: hsl(198, 11%, 24%);
}
.filterListWrap .filterOptinon ul.filteroptions li.active {
  display: block;
  background: hsl(0, 0%, 12%);
  height: 35px;
}
.filterListWrap .filterOptinon ul.filteroptions li.dummy {
  font-weight: bold;
  background: hsl(0, 0%, 12%);
  font-family: "Titillium Web", sans-serif;
  font-size: 0.8em;
  height: 35px;
  padding-top: 5px;
}
.filterListWrap .filterOptinon ul.filteroptions li.dummy:hover {
  color: #364044;
}
.filterListWrap .filterOptinon ul.filteroptions li:hover {
  color: hsla(0, 0%, 0%, 0.4);
}
.filterListWrap .filterOptinon ul.filteroptions.open li {
  display: block;
}
.filterListWrap .filterOptinon ul.filteroptions:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 1px solid hsl(198, 11%, 24%);
  border-top: 1px solid hsl(198, 11%, 24%);
  position: absolute;
  top: 8px;
  right: 10px;
  transform: rotate(-135deg);
}
.filterListWrap .filterOptinon ul.filteroptions.open:after {
  top: 15px;
  transform: rotate(45deg);
}

/* Newsdetail */
.news-single {
  padding-top: 0;
}
.news-single .lead {
  text-align: center;
  width: 80%;
  margin: 25px auto 50px;
}
.news-single .news-text-wrap {
  text-align: justify;
}
.news-single .backButtonContainer {
  position: fixed;
  margin-left: -65px;
}
.news-single .backButtonContainer .BackLeftArrowButton {
  display: block;
  width: 40px;
  height: 40px;
  padding: 10px;
  float: left;
  position: relative;
  background: hsl(198, 11%, 24%);
}
.news-single .backButtonContainer .BackLeftArrowButton:before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  left: 17px;
  top: 11px;
}
.news-single .backButtonContainer a {
  display: flex;
  align-items: center;
}
.news-single .backButtonContainer a .BackButton {
  width: 0;
  background: hsl(0, 0%, 50%);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  font-size: 0.9em;
  padding: 9px 0 8px;
  text-align: center;
  color: #fff;
  height: 40px;
}
.news-single .backButtonContainer a:hover .BackButton {
  width: 200px;
}
.news-single .imageContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
  width: 100%;
}
.news-single .imageContainer .thumbnail {
  width: calc(50% - 20px);
}
.news-single .news-related {
  padding: 20px 20px 20px 100px;
  background: url(/fileadmin/layout/elements/relatedLinks.png) 25px center no-repeat #000000;
  text-align: left;
  margin-top: 20px;
  width: calc(50% - 20px);
  margin-right: 20px;
  float: left;
}
.news-single .news-related h4 {
  text-align: left;
}
.news-single .news-related h4:after {
  display: none;
}
.news-single .news-related .newsRelatedItems li {
  list-style: none;
}

/* FE Login */
.tx-felogin-pi1 .feLoignMessageWrap {
  margin: 1em auto;
  line-height: 1.4;
  color: #000;
}
.tx-felogin-pi1 fieldset {
  border: none;
  text-align: center;
  padding: 0;
  margin: 0;
}
.tx-felogin-pi1 fieldset > div.inputFieldWrap {
  margin: 10px 0;
}
.tx-felogin-pi1 fieldset input {
  width: 100%;
  padding: 5px;
}
.tx-felogin-pi1 fieldset .submitWrap {
  text-align: left;
}
.tx-felogin-pi1 .forgotPwdWrap,
.tx-felogin-pi1 .backToLogin {
  color: #fff;
  font-size: 0.8em;
  font-style: italic;
}

/* Content Accordion */
.widthContainer-content.accordionContainer {
  padding: 50px 0 30px;
}
.widthContainer-content.accordionContainer h3.panel-heading {
  font-size: 1.1em;
  outline: none;
  cursor: pointer;
  text-align: left;
  padding: 20px 70px 20px 30px;
  background: hsl(0, 0%, 12%);
  color: #fff;
  margin: 1px 0;
  position: relative;
}
.widthContainer-content.accordionContainer h3.panel-heading:after {
  content: "";
  display: block;
  position: absolute;
  border-left: 1px solid;
  border-bottom: 1px solid;
  width: 10px;
  height: 10px;
  left: auto;
  right: 25px;
  transform: rotate(-45deg);
  top: 50%;
  margin-top: -5px;
  background: none;
  cursor: pointer;
}
.widthContainer-content.accordionContainer h3.panel-heading.ui-state-active {
  border-bottom: none;
}
.widthContainer-content.accordionContainer h3.panel-heading.ui-state-active:after {
  transform: rotate(135deg);
  margin-top: 0;
}
.widthContainer-content.accordionContainer .panel-body {
  background: #000000;
  padding: 25px 35px;
  border-top: none;
}
.widthContainer-content.accordionContainer .panel-body > div > div > h1:first-child, .widthContainer-content.accordionContainer .panel-body > div > div > h2:first-child, .widthContainer-content.accordionContainer .panel-body > div > div > h3:first-child, .widthContainer-content.accordionContainer .panel-body > div > div > h4:first-child, .widthContainer-content.accordionContainer .panel-body > div > div > h5:first-child {
  display: none;
}

ul.ce-uploads {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
ul.ce-uploads li {
  list-style: none;
  width: calc(50% - 10px);
  text-align: center;
  background: #eaeaea;
  padding: 25px 10px;
  font-size: 0.9em;
}
ul.ce-uploads li img {
  float: none;
  padding: 15px;
}
ul.ce-uploads li .ce-uploads-fileName {
  font-family: "Titillium Web", sans-serif;
  color: #003e86;
  font-weight: 400;
}

/* Kontakt */
.tx-powermail .powermail_fieldwrap_telefonnummer {
  margin-left: 12.5%;
}
.tx-powermail .powermail_fieldwrap_anfragetext {
  width: 50% !important;
}
.tx-powermail .powermail_fieldwrap_anfragetext textarea {
  width: 100%;
  padding: 5px;
  border-radius: 10px;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_select {
  padding: 15px;
  text-align: left;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_select select.powermail_select {
  margin-top: 15px;
}
.tx-powermail .powermail_fieldwrap_type_check .checkbox label {
  padding-left: 6%;
}

.tx-powermail .powermail_form_1 .powermail_fieldwrap_type_check {
  width: 50% !important;
  padding: 15px !important;
  margin-top: 0 !important;
}
.tx-powermail .powermail_form_1 .powermail_fieldwrap_type_check .checkbox label {
  min-width: 205px;
}
.tx-powermail .powermail_form_1 .powermail_fieldwrap_type_check .checkbox label a {
  margin: 0 3px;
}

/* Messen */
#c214 {
  background: #fff;
}

.SpecialFlexLayout {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.SpecialFlexLayout:before, .SpecialFlexLayout:after {
  display: none;
}
.SpecialFlexLayout .event-date {
  font-size: 14px;
  margin-top: -5px;
  margin-bottom: 10px;
  font-weight: 900;
}
.SpecialFlexLayout .messtermin {
  width: calc(50% - 10px);
  display: flex;
  margin-bottom: 10px;
}
.SpecialFlexLayout .messtermin .rings {
  width: 25px;
  height: 25px;
  display: none;
  position: absolute;
  left: 10%;
  border-radius: 50%;
  background: #374044;
  top: 15px;
  z-index: 1;
}
.SpecialFlexLayout .messtermin .rings.rightRing {
  left: auto;
  right: 10%;
}
.SpecialFlexLayout .messtermin .rings:before {
  display: block;
  content: "";
  width: 15px;
  height: 50px;
  position: absolute;
  top: -33px;
  background: #444f54;
  left: 5px;
  border-radius: 20px;
}
.SpecialFlexLayout .messtermin:first-child {
  width: 66%;
  margin: 0 auto -20px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  /*h2,h3,h4,h5,a {
    color: #fff;
  }*/
}
.SpecialFlexLayout .messtermin:first-child .rings {
  display: block;
}
.SpecialFlexLayout .messtermin:first-child > div:last-child {
  background: hsl(0, 0%, 50%);
  color: #fff;
}
.SpecialFlexLayout .messtermin:first-child > div:nth-child(2):before {
  background: hsl(0, 0%, 50%);
}
.SpecialFlexLayout .messtermin:first-child:after {
  content: "";
  display: block;
  height: 115px;
  width: 100%;
  background: url(/fileadmin/layout/elements/radialshadow.png) top center no-repeat transparent;
  background-size: cover;
  margin-top: -3px;
}
.SpecialFlexLayout .messtermin > div {
  background: #f0f0f0;
  position: relative;
  padding: 25px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
}
.SpecialFlexLayout .messtermin > div:last-child {
  background: hsl(0, 0%, 50%);
  color: #ffffff;
}
.SpecialFlexLayout .messtermin > div:nth-child(2):before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  transform: rotate(45deg);
  top: 50%;
  left: -20px;
  margin-top: -20px;
  background: hsl(0, 0%, 50%);
}
.SpecialFlexLayout .messtermin > div img {
  width: 60%;
  height: auto;
}
.SpecialFlexLayout .messtermin > div .eventdate {
  width: 100%;
  text-align: left;
  font-family: "Titillium Web", sans-serif;
  display: flex;
  align-items: flex-start;
  align-self: flex-start;
}
.SpecialFlexLayout .messtermin > div .eventdate .eventstartDay {
  font-size: 64px;
  font-weight: 700;
  line-height: 1em;
  font-family: "Titillium Web", sans-serif;
}
.SpecialFlexLayout .messtermin > div .eventdate .eventstartMonth {
  padding-top: 5px;
  padding-left: 5px;
  font-family: "Titillium Web", sans-serif;
}
.SpecialFlexLayout .messtermin > div .eventdate .eventendDate {
  display: none;
}
.SpecialFlexLayout .messtermin > div h3 {
  color: #0B1C30;
  width: 100%;
  margin: 35px 0 0px;
  padding: 0;
}
.SpecialFlexLayout .messtermin > div h3:after {
  display: none;
}
.SpecialFlexLayout .messtermin > div .where {
  padding: 5px 0 15px;
  display: block;
  width: 100%;
  font-weight: bold;
}
.SpecialFlexLayout .messtermin > div a {
  color: #0B1C30;
  font-weight: bold;
}

/* FuhererscheinTable */
.fuehrerscheinTableWrap {
  width: 100%;
  overflow-y: scroll;
}

.tablefuehrerschein {
  width: 100%;
  text-align: left;
  margin-top: 25px;
}
.tablefuehrerschein p {
  text-align: left;
  margin: 0;
}
.tablefuehrerschein td {
  border: 1px solid hsl(0, 0%, 50%);
  padding: 20px;
}
.tablefuehrerschein .dunkelgrau {
  background: hsl(0, 0%, 12%);
}

/* Special Jumps*/
span.jumpTo {
  font-size: 14px;
  font-family: "Titillium Web", sans-serif;
  vertical-align: bottom;
  padding-top: 20px;
  padding-right: 25px;
  cursor: pointer;
  color: hsl(0, 0%, 50%);
  position: absolute;
  right: 0;
}
span.jumpTo:after {
  position: absolute;
  display: block;
  content: "";
  border-bottom: 1px solid;
  border-left: 1px solid;
  right: 5px;
  bottom: 7px;
  transform: rotate(-45deg);
  width: 6px;
  height: 6px;
}

/*map*/
.findNearByInputFieldWrap label {
  font-family: "Titillium Web", sans-serif;
  font-weight: 900;
  font-size: 16px;
}

.mapFindNearby {
  font-family: "Titillium Web", sans-serif;
  font-weight: 900;
  font-size: 16px;
}

.mapFilter {
  background: #fff;
}
.mapFilter .mapFindNearByWrap {
  background: #85744D;
}
.mapFilter .mapfindNearByFilterOuterWrap {
  background: #0B1C30;
}
.mapFilter .mapfindNearByFilterOuterWrap .mapFindNearByFilter .select ul.closed li.selected, .mapFilter .mapfindNearByFilterOuterWrap .mapFindNearByFilter .select li {
  background: #0B1C30;
  color: #969696;
}
.mapFilter .mapfindNearByFilterOuterWrap .mapFindNearByFilter .select > span:after {
  border-color: #969696;
}
.mapFilter .mapfindNearByFilterOuterWrap .mapFindNearByFilter .distance, .mapFilter .mapfindNearByFilterOuterWrap .mapFindNearByFilter .category {
  color: #969696;
}
.mapFilter .mapFindNearByResultList .lSPrev, .mapFilter .mapFindNearByResultList .lSNext {
  border-color: #fff;
}
.mapFilter .mapFindNearByResultList .vcard {
  background: #0E253D;
}
.mapFilter .mapFindNearByResultList .vcard strong {
  color: #fff;
}
.mapFilter .mapFindNearByResultList .vcard .address {
  color: #fff;
}
.mapFilter .mapFindNearByResultList .vcard .distanceToTarget {
  color: #fff;
}

/* sidebar */
.content > div.sidebar {
  display: none;
  position: fixed;
  right: 0;
  top: 200px;
  width: 50px;
  padding: 0;
  margin: 0;
  z-index: 100;
  background: none;
}
.content > div.sidebar .animation.share,
.content > div.sidebar .animation.favorites {
  background-color: hsl(198, 11%, 24%);
  background-image: url(/fileadmin/layout/elements/share.png);
  width: 50px;
  height: 50px;
  background-size: cover;
  cursor: pointer;
  display: block;
}
.content > div.sidebar .animation.favorites {
  background-image: url(/fileadmin/layout/elements/merkliste.png);
}
.content > div.sidebar a.socialSidebarItem.favoriteList {
  background: #000;
  color: #003e86;
  border-bottom: 2px solid #2B2B2A;
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
  overflow: hidden;
  width: 0;
  display: block;
  float: right;
}
.content > div.sidebar .socialSidebarWrap {
  width: 150px;
  display: block;
  background: #000;
  height: 50px;
  position: absolute;
  right: -100px;
  top: 0;
  overflow: hidden;
  z-index: -1;
}
.content > div.sidebar .socialSidebarWrap .socialSidebarItem {
  width: 50px;
  height: 50px;
  display: block;
  cursor: pointer;
  color: #003e86;
  float: left;
}
.content > div.sidebar .socialSidebarWrap .socialSidebarItem:before {
  font-family: icomoon;
  font-size: 30px;
  padding: 9px;
  display: block;
  text-align: center;
}

/* Merklist */
.merklistContainer {
  display: flex;
  justify-content: space-between;
}
.merklistContainer .mlProdContainer {
  width: calc(33% - 10px);
  float: left;
  position: relative;
}
.merklistContainer .mlProdContainer.occupied {
  padding-bottom: 100px;
}
.merklistContainer .mlProdContainer .imageContainer {
  border: 1px solid #ddd;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  display: flex;
  justify-content: center;
}
.merklistContainer .mlProdContainer .imageContainer img.mklistImage {
  width: 100%;
  height: auto;
  display: block;
  align-self: center;
}
.merklistContainer .mlProdContainer .productContainer {
  margin-top: 15px;
  border: 1px solid #ddd;
}
.merklistContainer .mlProdContainer .productContainer .placeholder {
  font-size: 0.8em;
  position: relative;
  display: block;
  cursor: pointer;
  padding: 10px;
}
.merklistContainer .mlProdContainer .productContainer .placeholder:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid;
  border-left: 1px solid;
  transform: rotate(-45deg);
  position: absolute;
  right: 12px;
  bottom: 15px;
}
.merklistContainer .mlProdContainer .productContainer.open .placeholder {
  background: hsl(0, 0%, 50%);
  color: #fff;
}
.merklistContainer .mlProdContainer .productContainer.open .placeholder:after {
  transform: rotate(135deg);
  bottom: 12px;
  border-color: #fff;
}
.merklistContainer .mlProdContainer .productContainer ul {
  margin: 0;
}
.merklistContainer .mlProdContainer .productContainer .selectProd {
  display: none;
  height: 375px;
  overflow-x: hidden;
  font-size: 0.8em;
  overflow-y: scroll;
  line-height: 1.5em;
  padding: 0;
}
.merklistContainer .mlProdContainer .productContainer .selectProd > li {
  display: block;
  text-align: left;
  list-style: none;
  padding-bottom: 15px;
}
.merklistContainer .mlProdContainer .productContainer .selectProd > li .baseDirTitle {
  padding: 2px 10px;
  display: block;
  background: hsl(0, 0%, 12%);
  font-weight: bold;
}
.merklistContainer .mlProdContainer .productContainer .selectProd > li li {
  display: block;
  float: none;
  text-align: left;
  padding: 0 30px;
  cursor: pointer;
}
.merklistContainer .mlProdContainer .productContainer li.overview {
  font-weight: bold;
  padding-top: 5px !important;
}
.merklistContainer .mlProdContainer span.mkllistProdPrice {
  text-align: center;
  display: block;
  padding: 5px;
  font-weight: bold;
}
.merklistContainer .mlProdContainer .mklistLicences.productlicence {
  padding-top: 15px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}
.merklistContainer .mlProdContainer .mklistFeature {
  padding: 10px 0;
  text-align: center;
}
.merklistContainer .mlProdContainer .removeContainer {
  padding-top: 10px;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.content ul.relatedLinks {
  padding: 20px 20px 20px 100px;
  list-style: none;
  background: url(/fileadmin/layout/elements/relatedLinks.png) 25px center no-repeat #fafafa;
}
.content ul.relatedLinks li.relatedLink {
  list-style: none;
  padding: 5px 0;
}
.content ul.relatedLinks li.relatedLink a:hover {
  color: #003e86;
  transition: all ease 200ms;
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_type_check {
  width: 25%;
}
.tx-powermail .powermail_fieldset .powermail_fieldwrap_type_check label.powermail_label {
  padding-bottom: 15px;
  display: none;
}
.tx-powermail .powermail_fieldset textarea {
  overflow: auto;
  width: 100%;
  padding: 10px;
  resize: vertical;
}
.tx-powermail .powermail_fieldset div#powermail_fieldwrap_32 {
  float: none;
  clear: both;
  margin: 0 auto;
  width: 175px;
}

@media only screen and (max-width: 768px) and (min-width: 426px) {
  body .tx-powermail .powermail_form.powermail_form_3 .powermail_fieldset .powermail_fieldwrap {
    width: 50%;
  }
  body .tx-powermail .powermail_form.powermail_form_3 .powermail_fieldset .powermail_fieldwrap_type_check {
    text-align: left;
  }
  body .tx-powermail .powermail_form.powermail_form_3 .powermail_fieldset .powermail_fieldwrap_type_check .checkbox label {
    padding-left: 9%;
  }
  body .tx-powermail .powermail_form.powermail_form_3 .powermail_fieldset .powermail_fieldwrap_type_submit {
    width: 100%;
  }
}
@media only screen and (max-width: 425px) {
  .tx-powermail .powermail_form.powermail_form_3 .powermail_fieldset .powermail_fieldwrap_type_check {
    width: 100%;
  }
}
/*Very Special Stylings.... */
.content .col-md-3 {
  padding: 30px 0;
}

#c106 .ce-textpic {
  display: flex;
}
#c106 .ce-textpic .ce-gallery {
  width: 25%;
  align-self: center;
  margin-top: 0;
}
#c106 .ce-textpic .ce-bodytext {
  width: 75%;
}
#c106 .ce-textpic .ce-left .ce-gallery, #c106 .ce-textpic .ce-column {
  float: none;
}

@media only screen and (max-width: 426px) {
  #c106 .ce-textpic {
    display: block;
  }
  #c106 .ce-textpic .ce-gallery {
    width: 100%;
  }
  #c106 .ce-textpic .ce-gallery .ce-column {
    float: none;
  }
  #c106 .ce-textpic .ce-bodytext {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .SpecialFlexLayout .messtermin:first-child > div:nth-child(2):before,
  .SpecialFlexLayout .messtermin > div:nth-child(2):before,
  .SpecialFlexLayout .messtermin:first-child:after {
    display: none;
  }
  .SpecialFlexLayout .messtermin {
    width: 90% !important;
    margin: 0 auto 30px !important;
  }
  .SpecialFlexLayout .messtermin > div {
    width: 100%;
  }
  .SpecialFlexLayout .messtermin > div:last-child {
    position: static;
  }
}
@media only screen and (max-width: 525px) {
  .SpecialFlexLayout .messtermin {
    display: block;
  }
}
.detailPage .mediaElement {
  cursor: pointer;
}

.cookie-container p, .cookie-container-settings label {
  color: black;
}

.disable-flex .ce-row {
  display: block;
}
.disable-float .ce-right .ce-gallery, .disable-float .ce-column {
  float: none;
}

/*# sourceMappingURL=content.css.map */