/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
.btn.btn-link.jmodedit {
  display: none;
}
/*——
Fonts
——-*/
/* TheGroupHEAD-Light */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "TheGroupHEAD-Light";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/TheGroup/TheGroupHEAD-Light.woff2') format("woff2"), url('../fonts/TheGroup/TheGroupHEAD-Light.woff') format("woff"), url('../fonts/TheGroup/TheGroupHEAD-Light.ttf') format("truetype");
}
/* TheGroupHEAD-LightItallic */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "TheGroupHEAD-LightItalic";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/TheGroup/TheGroupHEAD-LightItalic.woff2') format("woff2"), url('../fonts/TheGroup/TheGroupHEAD-LightItalic.woff') format("woff"), url('../fonts/TheGroup/TheGroupHEAD-LightItalic.ttf') format("truetype");
}
/* TheGroupTEXT-Regular */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "TheGroupTEXT-Regular";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/TheGroup/TheGroupTEXT-Regular.woff2') format("woff2"), url('../fonts/TheGroup/TheGroupTEXT-Regular.woff') format("woff"), url('../fonts/TheGroup/TheGroupTEXT-Regular.ttf') format("truetype");
}
/* TheGroupTEXT-Regular */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "TheGroupTEXT-Bold";
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/TheGroup/TheGroupTEXT-Bold.woff2') format("woff2"), url('../fonts/TheGroup/TheGroupTEXT-Bold.woff') format("woff"), url('../fonts/TheGroup/TheGroupTEXT-Bold.ttf') format("truetype");
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.platform-content.container {
  padding: 0;
}
.spacer {
  height: 50px;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 140%;
  font-family: "TheGroupHEAD-Light";
}
.g-title {
  font-size: 2rem;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0.5rem 0 0.3rem 0;
}
h1 span {
  color: #c2fe06;
  text-transform: uppercase;
  font-family: "TheGroupHEAD-LightItalic";
}
h4 {
  font-size: 1.4rem;
  margin-bottom: 20px;
}
h3 {
  font-size: 1.7em;
}
footer a, #g-offcanvas a, #g-header a {
  text-decoration: none !important;
}
footer a:hover {
  color: #485e67 !important;
  transition: all ease-in 0.3s;
}
.g-footer .size-40 {
  display: flex;
  align-self: center;
}
main strong, main b {
  color: #008c82 !important;
  font-family: "TheGroupTEXT-Bold";
  text-decoration: none !important;
}
.neon-bg strong {
  color: black !important;
}
/*Kicktemp*/
.kick-kcm-inline-settings .kick-kcm-settings__content .kick-kcm-settings__content__info, .kick-kcm-inline-settings .kick-kcm-settings__content .kick-kcm-settings__content__info h2 {
  color: #062331;
}
.kick-kcm-settings__content__info, .kick-kcm-settings__content__links {
  text-align: left;
}
.kick-kcm__btn {
  font-size: 0.8rem !important;
  font-weight: normal !important;
  font-family: "TheGroupTEXT-Regular" !important;
}
label.kick-kcm-cpc__switch {
  margin-left: -50px;
}
/*——
Allgemein
——-*/
#custom-2505-particle img {
  width: auto;
}
.g-grid {
  justify-content: space-between;
}
.g-content {
  padding: 43px 50px 50px;
  margin: 0;
}
.dunkel-bg h1, .dunkel-bg h2, .dunkel-bg h3, .dunkel-bg h4, .dunkel-bg h5, .dunkel-bg h6, .dunkel-bg strong, .dunkel-bg p, .dunkel-bg div, .red-bg h1, .red-bg h2, .red-bg h3, .red-bg h4, .red-bg h5, .red-bg h6, .red-bg strong, .red-bg p, .red-bg a, .red-bg div {
  color: #fff;
}
p {
  margin: 0 0 1rem;
}
#headerinfo a, #headerinfo strong {
  color: #fff !important;
}
#headerinfo div p {
  color: #fff;
  font-size: 1.1rem;
  line-height: 2rem;
}
#g-offcanvas h1, #g-offcanvas h2, #g-offcanvas h3, #g-offcanvas h4, #g-offcanvas h5, #g-offcanvas h6, #g-offcanvas strong {
  color: #fff;
}
a, a:link, a:hover, a:active, a:visited {
  color: #000000;
}
footer a, .dunkel-bg a {
  color: #fff !important;
}
.abstand-oben, .no-padding.abstand-oben {
  margin-top: 20px !important;
}
.abstand {
  padding: 25px;
}
button:not(#rl_modals_close), .button, input.cbRegistrationSubmit, button:not(.mceButton) {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  text-transform: none;
  font-style: normal;
  border-width: 0px !important;
  border-radius: 50px !important;
  border-color: rgba(0, 0, 0, 0) !important;
  background: #008075 !important;
  color: white !important;
  padding-top: 8px !important;
  padding-right: 24px !important;
  padding-bottom: 8px !important;
  padding-left: 24px !important;
  font-weight: bold;
  text-decoration: none !important;
}
/*——
Subfeature & Feature
——-*/
#g-subfeature .bild .bild #mod-custom164 {
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
#g-subfeature {
  border: none;
}
#g-subfeature .bild .bild #mod-custom164 div {
  max-width: 1200px;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  height: 400px;
  padding: 54px;
}
#g-subfeature h1 {
  color: white;
}
#g-feature {
  margin-top: 50px;
}
/*——
Bild Paralax oder eher Scroll in Funktion
——-*/
.paralax {
  /*background-image: url('../images/Verlaufsbild-2500px.jpg');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;*/
  height: 644px;
  background: #d4dbe1;
  background: linear-gradient(180deg, #d4dbe1 79%, #ebedef 100%);
}
/*——
Allgemein: Hintergrundfarben;
——-*/
.hell-bg {
  background-color: #008c82;
  color: white;
}
.hell-bg h1, .hell-bg h2, .hell-bg h3, .hell-bg h4, .hell-bg h5, .hell-bg strong, .hell-bg a {
  color: white;
}
.white-bg {
  background-color: white;
}
.dunkel-bg {
  background-color: #002733;
}
.neon-bg {
  background-color: #c2fe06;
}
/*——
alignments
——-*/
.align-self {
  align-self: center;
}
.align-end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.align-center {
  display: flex;
  align-items: center;
}
#main-3-a p {
  margin: 0;
}
/*——
Anmeldung bzw. Registrierung
——-*/
.cb_template .form-group {
  align-items: center;
}
.cb_template .col-form-label {
  min-width: 100px;
}
#cbfr_63 label {
  order: 2;
  max-width: 90%;
  flex-basis: 75%;
}
#cbfr_63 {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
}
.cb_template .m-0 {
  float: right;
  right: 30px;
}
#cbfr_63 .cb_field.col-sm-9 {
  max-width: 50px;
}
.cb_template.cb_template_default.cbRegistration.cbRegistrationFlat {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.mb-3.border-bottom.cb-page-header {
  display: flex;
}
@media screen and (max-width: 767px) {
  #cbfr_63 {
    justify-content: flex-start;
  }
}
/*——
main-4
——-*/
/*.angebot{
	background-color: #062331;
	background-image: url(/images/Angebot/Mahag-Business-Club-Angebot.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 500px;
	background-position: center;
}
*/
.angebot h1, .angebot h2, .angebot h3, .angebot span, .angebot a, .angebot strong {
  color: #fff;
}
.angebot p {
  color: #858a8c;
}
.angebot .button {
  margin-bottom: 0px;
}
span.klein {
  font-size: 12px;
  font-family: "TheGroupTEXT-Regular";
}
span.gross {
  font-size: 2.25rem;
  font-family: "TheGroupTEXT-Regular";
}
.aktion {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.aktion p {
  margin-bottom: 0px;
}
.highlight {
  margin-top: 40px;
}
.highlight span {
  color: #b80c23 !important;
  line-height: 80%;
}
.main-4 {
  margin-top: 5%;
  margin-bottom: 3%;
}
.main-4 .dunkel-bg, .main-4 .angebot {
  padding: 40px;
}
.aktion h1, .aktion h2, .aktion h3, .aktion h4, .aktion h5, .aktion h6, .aktion strong {
  font-family: "TheGroupTEXT-Regular";
}
/*——
Footer
——-*/
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer strong {
  color: #51656f;
}
.g-block.size-30.align-self div {
  text-align: left;
}
#logo-8218-particle img {
  max-width: 250px;
  text-align: left;
}
.fahrzeuglogos {
  display: flex;
  justify-content: flex-end;
}
.fahrzeuglogos img {
  max-width: 450px;
}
#footer-3-b {
  align-self: end;
}
#footer-3-b .g-content {
  display: flex;
  justify-content: flex-end;
}
.no-padding, .no-padding .g-content {
  padding: 0 !important;
  margin: 0 !important;
}
footer .g-content {
  padding: 0px;
}
footer {
  padding: 50px 0;
}
#g-footer {
  position: relative;
}
#footer-2 {
  padding: 30px 0;
}
#footer-2 a, #footer-3-a a {
  text-transform: uppercase;
}
#footer-2 p {
  text-align: left;
}
#footer-3-b p {
  text-align: right;
}
/*---
Menü
---*/
#g-offcanvas a {
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 0;
  padding-left: 0;
}
#g-offcanvas a:hover {
  color: #51656f;
  transition: all ease-in 0.5s;
}
.active .g-menu-item-title {
  color: #c2fe06;
}
.g-main-nav .g-toplevel > li {
  font-family: TheGroupTEXT-Bold;
}
.g-main-nav .g-toplevel {
  display: flex;
  flex-direction: column;
}
#menu-logos {
  margin-top: 100px;
}
#impressum a, #impressum p {
  text-transform: inherit;
}
#menu-logos img {
  max-height: 130px;
}
.g-grid.Mobilemenu .ansprechpartner .platform-content {
  border-top: 1px solid #008c82;
  border-bottom: 1px solid #008c82;
}
/*---
Formular 
---*/
#login {
  background-image: url('../../../../images/login-bereich-bild.jpg');
  background-size: cover;
  height: 70vh;
  background-repeat: no-repeat;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.login.moduletable {
  background: white;
  max-width: 400px;
  padding: 25px;
}
.userdata {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
#login-form input[type="text"], #login-form input[type="password"] {
  height: 38px;
}
.formResponsive select, .acy_allgemein .acym_form label select {
  -webkit-appearance: none;
}
#form-login-password, #form-login-username {
  display: flex;
  flex-direction: column;
  font-family: TheGroupTEXT-Bold;
}
#login-form {
  margin-top: 30px;
}
@media screen and (max-width: 737px) {
  #login-form .button {
    margin-top: 20px;
  }
  .userdata {
    flex-direction: column;
    align-items: flex-start;
  }
}
#login-form input[type="text"], #login-form input[type="password"], #login input {
  width: 100%;
  padding: 15px;
  margin-top: 5px;
}
#form-login-password, #form-login-username {
  width: 100%;
}
@media screen and (max-width: 565px) {
  .g-content, #g-subfeature .bild .bild #mod-custom164 div {
    padding: 20px;
  }
}
button[type="submit"] {
  margin-bottom: 10px;
}
.com_comprofiler .mod-login.cbLoginForm .mod-login__submit > button.btn.btn-primary {
  margin-bottom: 0;
}
button:hover:not(#rl_modals_close), .button:hover, input.cbRegistrationSubmit:hover {
  background: #006058 !important;
  color: white !important;
  transition: all ease-in 0.3s;
}
button:not(#rl_modals_close), .button, input.cbRegistrationSubmit, button:not(.mceButton) {
  text-shadow: none !important;
  box-shadow: none !important;
}
form section {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0px !important;
}
input {
  border-radius: 0px !important;
  background: #fff !important;
  border: none !important;
  width: 100%;
  box-shadow: none !important;
  height: 50px;
}
label {
  width: 20% !important;
}
#cbfv_66.form-control-plaintext {
  max-width: 90px !important;
}
#cbfv_66 .cbFieldIcons {
  margin-left: 15px;
  font-size: 0.8rem;
  float: right;
}
li.form-login-options-register {
  display: none;
}
span.input-group-text {
  border-radius: 0;
}
/*--- 
Login: Zugangsdaten vergessen 
---*/
.mod-login__options.list-unstyled {
  margin-left: 0;
}
.form-login-options-forgot {
  list-style: none;
}
#lostpassreminder .cb_field.col-sm-9 {
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100% !important;
  flex: 100% !important;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
  flex-direction: column;
  width: 100%;
}
#lostpassreminder .cb_field.col-sm-9 .form-check-label, #adminForm {
  width: 100% !important;
}
.col-form-label.col-sm-3.pr-sm-2.pt-0.pb-0 {
  width: 100vw !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  margin-bottom: 30px !important;
}
.cbLostPassSend {
  background-color: #062331 !important;
}
#lostpassreminder {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100% !important;
  flex: 100% !important;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
  flex-direction: column;
  align-items: flex-start;
}
.visually-hidden {
  display: block !important;
  position: relative !important;
  width: auto !important;
  height: auto !important;
  font-family: TheGroupTEXT-Bold;
}
button.btn.btn-secondary.w-100.plg_system_webauthn_login_button {
  background: none !important;
  color: black !important;
  align-items: center !important;
  display: flex !important;
  padding: 0 !important;
  margin-bottom: 30px;
}
button.btn.btn-secondary.w-100.plg_system_webauthn_login_button:hover {
  background: white !important;
  color: black !important;
  opacity: 0.5 !important;
}
button.btn.btn-secondary.w-100.plg_system_webauthn_login_button svg {
  width: 50px;
}
.mod-login__password.form-group, .mod-login__username.form-group {
  width: 30%;
}
.input-group-text {
  display: none;
}
.mod-login__remember.form-group {
  margin-top: 20px;
  margin-bottom: 20px;
}
.input-group {
  flex-direction: column;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  width: 100%;
}
/*--- 
LOGIN Registrierung Offline gesetzt 
---*/
#form-login-links {
  /*display: none;*/
  color: black;
}
#form-login-links a {
  color: #626262 !important;
  display: flex;
}
#g-showcase #form-login-links a:hover {
  color: #b9b9b9 !important;
}
/*** Newsletteranmeldung, Registrierung und Kontaktformular ***/
/* Selects */
/* IE 11 */
select::-ms-expand {
  display: none;
}
select:focus::-ms-value {
  background-color: transparent;
}
.acy_allgemein .acym_form label {
  flex-direction: column;
}
.acy_allgemein div.acym_form label input[type="text"], div.acym_form label input[type="email"], .acy_allgemein .acym_form label select {
  background: transparent !important;
  width: 90% !important;
  height: 38px !important;
  max-width: 100% !important;
  padding: 4px 6px !important;
  border: 1px solid #ddd !important;
  background: #fff !important;
  color: #444 !important;
  border-radius: 4px !important;
  margin-bottom: 15px !important;
}
.acy_allgemein .acym_form label > span {
  font-family: TheGroupTEXT-Bold;
}
.acy_allgemein div.acym_form div.onelist {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#registrationTable label {
  font-size: 1rem;
  color: black;
  font-family: TheGroupTEXT-Bold;
}
select#cb_anrede {
  background: white !important;
  border-radius: 4px;
  width: 90%;
}
.cb_template .form-auto .form-control, .cb_template .form-auto .form-select {
  width: 90% !important;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  width: auto;
}
.cb_template .w-auto {
  width: 100% !important;
}
#cbfv_51 button.btn.btn-outline-light.border.text-body.ml-0.rounded-0 {
  width: auto !important;
  height: inherit !important;
  min-width: initial !important;
  padding: 7px 24px !important;
  margin-left: 5px !important;
}
#cbfv_51 {
  display: flex;
  width: 94%;
}
#cbfr_66 {
  margin-top: 30px;
}
#cbfr_65, #cbfv_67 {
  font-size: 1rem;
  color: #000;
}
.cb_template .form-auto .input-group {
  display: flex;
  flex-direction: row;
}
.acy_allgemein .acym_form label {
  display: flex !important;
  width: 360px !important;
}
.acy_allgemein .acym_form label > span {
  width: 140px !important;
}
.acy_allgemein .acym_form label select {
  background-color: transparent;
  border: 0px solid transparent;
  border-bottom: 1px solid #000;
  border-radius: 0;
  width: 100%;
}
.acy_allgemein div.acym_form div.onelist {
  display: flex;
}
.acy_allgemein div.acym_form div.onelist input[type="checkbox"] {
  margin: 0 20px 5px;
}
.acy_allgemein p.acysubbuttons {
  margin-top: 50px;
}
.acy_allgemein div.acym_lists input[type="checkbox"], .acy_allgemein .acysubbuttons input[type="button"] {
  width: inherit;
}
.size-50 {
  flex: 0 49.5%;
  width: 49.5%;
}
/*——
Startseite
——-*/
/*——
Seite Leistung
——-*/
.bild .g-content {
  padding: 0px;
}
.bild p {
  padding: 0px !important;
  margin: 0px !important;
}
.kein-abstand {
  flex: 0 50%;
  width: 50%;
  margin-top: 20px;
  margin-bottom: 20px;
}
/*——
Responsiv
——-*/
.ansprechpartner a {
  text-transform: lowercase !important;
}
.ansprechpartner:not(.g-block.size-100) {
  margin: 30px;
}
.ansprechpartner .g-content {
  padding: 50px 20px;
}
.ansprechpartner p {
  font-size: 0.85rem;
}
#g-main .g-container, footer .g-container, .seitenbreite, #login .g-content {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
main, footer {
  position: relative;
}
/*——
Gewinnspiel
——-*/
#hinweis-fixed-oben {
  display: block;
  position: absolute;
  top: -10%;
  right: 0;
  z-index: 30000;
  width: 300px;
  height: 157px;
  background: white;
}
#hinweis-fixed-oben .g-content {
  padding: 20px 40px;
}
@media screen and (max-width: 767px) {
  #hinweis-fixed-oben {
    top: -1.8%;
  }
  #logo-2026-particle div {
    justify-content: flex-start;
  }
  .row > * {
    padding-left: 0;
  }
  .gewinnspiel-header.moduletable #mod-custom131 {
    max-height: 200px;
    background-position: 50% 50%;
  }
  .gewinnspiel-header.moduletable .seitenbreite {
    padding: 20px;
    width: 100%;
  }
  #gewinnspiel-header h1 {
    color: white;
    font-size: 2rem;
  }
  #gewinnspiel .g-content, #gewinnspiel-b .g-content .padding, #rechtstext .g-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .site.com_content.view-article.no-layout.no-task.dir-ltr.gewinnspiel.itemid-885.outline-9.g-offcanvas-right.g-default.g-style-preset1 main .g-content {
    padding: 0px !important;
  }
}
@media screen and (max-width: 465px) {
  #hinweis-fixed-oben {
    top: -1.2%;
  }
}
@media screen and (max-width: 323px) {
  #hinweis-fixed-oben {
    display: none;
  }
}
@media screen and (min-width: 431px) {
  .gewinnspiel-a.moduletable img {
    height: 400px;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
  }
}
#mod-custom131 {
  background-size: cover;
  background-position: 80% 50%;
  background-repeat: no-repeat;
  max-height: 250px;
}
#gewinnspiel-header h1 {
  color: white;
}
#rechtstext p, #rechtstext strong, #rechtstext b, #rechtstext a {
  color: #8a8e91;
  font-size: 0.8rem;
}
#gewinnspiel-a .padding, #gewinnspiel-b .padding {
  padding: 43px 50px 50px;
}
#gewinnspiel-a .button, #gewinnspiel-b .button, #gewinnspiel-2-b .button {
  background-color: #bb0a30 !important;
  text-decoration: none !important;
  padding: 11px 30px !important;
}
#gewinnspiel-a .button:hover, #gewinnspiel-b .button:hover, #gewinnspiel-2-b .button:hover {
  background-color: #76071e !important;
}
.hinweis {
  background-color: white;
  z-index: 100000;
  position: fixed;
  right: 0;
  top: 40%;
  text-align: center;
  padding: 20px 80px;
}
.rsform-block.rsform-block-agb {
  display: flex;
}
.rsform-block.rsform-block-agb .formControls label {
  display: flex;
  align-items: flex-end;
}
.rsform-block.rsform-block-agb .formControls label {
  width: 74% !important;
}
.formResponsive input[type="checkbox"]:focus, .formResponsive input[type="file"]:focus, .formResponsive input[type="radio"]:focus, .formResponsive select:focus {
  outline: none;
}
/*——
Mein Account Styling
——-*/
.offset-sm-3.col-sm-9 {
  margin-top: 20px;
}
#cbbtneditsubmit {
  background: #062331 !important;
}
#cbbtneditsubmit:hover {
  opacity: 0.8;
}
.row {
  margin-bottom: 10px;
}
/*——
Responsiv
——-*/
@media screen and (min-width: 768px) {
  .size-33, .size-34, .size-33-3 {
    flex: 0 32%;
    width: 32%;
  }
  .com-content-article__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*width: 100vw;*/
  }
}
@media screen and (max-width: 767px) {
  footer .fahrzeuglogos, #footer-3-a, #footer-3-b {
    padding-top: 20px;
  }
  #main-1-b, #main-3-b {
    margin-top: 20px;
  }
  .fahrzeuglogos {
    justify-content: center;
  }
  * {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
@media screen and (min-width: 576px) {
  /*——
Header
——-*/
  #headerinfo .g-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: absolute;
    z-index: 10;
    width: 90%;
    right: 50px;
    top: 23px;
  }
  .fa.fa-fw.fa-bars {
    padding-top: 10px;
  }
}
@media screen and (max-width: 575px) {
  #headerinfo .g-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
  }
  #headerinfo div:nth-child(2n) {
    margin-top: 20px !important;
    text-align: left !important;
  }
  #headerinfo .g-content p {
    margin: 0;
  }
  .fa.fa-fw.fa-bars {
    padding-top: 50px;
  }
  #acyusersubscription .acystatus label {
    display: block;
    width: 50px !important;
  }
}
@media screen and (max-width: 458px) {
  #headerinfo .g-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .fa.fa-fw.fa-bars {
    padding-top: 10px;
  }
  #registrationTable > .cbFieldsContentsTab > div.form-group {
    width: 100%;
  }
  .cb_template h3.cbRegistrationTitle {
    font-size: 1.5rem;
    margin: 20px 0 0 !important;
  }
  select#cb-anrede {
    width: 390px;
  }
  #g-main > .g-container {
    width: 100%;
  }
  .franchise-blau > .g-content {
    padding: 0;
  }
  #registrationTable > .cbFieldsContentsTab > div.form-group > div.cb_field > div > input {
    max-width: 278px;
  }
  div#registrationTable div#cbfv_51 input#password {
    max-width: 194px;
  }
  div#registrationTable div.form-group > label::after {
    content: " *";
    color: #fff;
    font-size: 1.3rem;
  }
  div#registrationTable span.cbFieldIcons {
    display: none;
  }
  .cb_template .col-form-label {
    min-width: 200px;
  }
  label#cblabcb_de {
    font-size: 0.7rem;
    line-height: 0.7rem;
  }
}
@media screen and (max-width: 970px) {
  #registrationTable > .cbFieldsContentsTab > div.form-group {
    width: 80%;
  }
}
img {
  width: 100%;
}
/* --- Important Pen Styles --- */
/*
.zoom{
  overflow: hidden;
  padding-bottom: 55%;
}*/
.zoom img {
  position: relative;
  top: 0%;
  left: 50%;
  max-width: 200%;
  width: 100%;
  transform: translateX(-50%);
  /* Thanks  @bastian_fiessinger. Use when activating blur effect:
  will-change: -webkit-filter, filter, transform; */
}
@media (max-width: 667px) {
  .zoom {
    overflow: hidden;
    padding-bottom: 0%;
  }
  .paralax {
    height: auto;
  }
}
/*---
Formular
---*/
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  height: 38px;
  max-width: 100%;
  padding: 4px 6px !important;
  border: 1px solid #ddd !important;
  background: #fff !important;
  color: #444 !important;
  -webkit-transition: all 0.2s linear;
  -webkit-transition-property: border, background, color, box-shadow, padding;
  transition: all 0.2s linear;
  border-radius: 4px !important;
  width: 100%;
  margin-bottom: 15px;
}
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
  border: 1px solid #008075 !important;
}
/*# sourceMappingURL=custom_16.css.map */