/* 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
 */

@font-face {
  font-family: "TheGroupTEXT-Regular";
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/TheGroup/TheGroupTEXT-Regular.eot#iefix') format("embedded-opentype"), url('../fonts/TheGroup/TheGroupTEXT-Regular.woff2') format("woff2"), url('../fonts/TheGroup/TheGroupTEXT-Regular.woff') format("woff"), url('../fonts/TheGroup/TheGroupTEXT-Regular.ttf') format("truetype"), url('../fonts/TheGroup/TheGroupTEXT-Regular.svg#TheGroupTEXT-Regular') format("svg");
}
@font-face {
  font-family: "TheGroupHEAD-Light";
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/TheGroup/TheGroupHEAD-Light.eot#iefix') format("embedded-opentype"), url('../fonts/TheGroup/TheGroupHEAD-Light.woff2') format("woff2"), url('../fonts/TheGroup/TheGroupHEAD-Light.woff') format("woff"), url('../fonts/TheGroup/TheGroupHEAD-Light.ttf') format("truetype"), url('../fonts/TheGroup/TheGroupHEAD-Light.svg#TheGroupHEAD-Light') format("svg");
}
@font-face {
  font-family: "TheGroupHEAD-Light";
  src: url('../fonts/TheGroup/TheGroupHEAD-Light.woff2') format("woff2");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "TheGroupTEXT-Regular";
  src: url('../fonts/TheGroup/TheGroupTEXT-Regular.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "TheGroupTEXT-bold";
  src: url('../fonts/TheGroup/TheGroupTEXT-bold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
}
/*-----------
Christbaumschlagen 
-------------*/
:root {
  --sekundaerfarbe: #008c82;
}
body {
  background-color: #fff;
}
*, p, span {
  font-family: "TheGroupTEXT-Regular", sans-serif;
}
h1, h2, h3, h4, h5, h6, strong, b {
  font-family: sans-serif;
  font-family: "TheGroupTEXT-bold", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}
/* Hilfsklassen */
.align-center {
  text-align: center;
}
.sekundaerfarbe {
  color: var(--sekundaerfarbe);
}
.margin-auto {
  margin: auto;
}
main, main > .g-container, #links {
  /*min-height: 100vh;*/
}
#links {
  background-color: #002035;
}
.logo {
  margin-bottom: 40px;
}
.bg-bild {
  background-image: url('../../../../images/christbaumschlagen/bg-links.webp');
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.christbaum-links {
  margin-top: 10vh;
}
.christbaum-links > .g-block > .g-grid, .christbaum-rechts {
  max-width: 70%;
}
.anmeldung, .zeit {
  margin-top: 35px;
  font-family: "TheGroupTEXT-bold";
  font-size: 1.5rem;
  margin-bottom: 20px;
}
.christbaum-event {
  color: #fff;
  font-family: "TheGroupHEAD-Light";
  font-size: 4rem;
  text-transform: uppercase;
  line-height: 4.5rem;
}
.zeit {
  text-transform: inherit;
  margin-top: 100px;
}
.adresse {
  color: #fff;
  margin-top: 30px;
}
.adresse a, .adresse a:link, .adresse a:visited, .adresse a:active {
  color: #fff;
  text-decoration: none;
}
.button-maps {
  margin: 115px 0;
  display: flex;
}
.button-maps a, .anmeldebutton a, button#senden {
  background-color: var(--sekundaerfarbe);
  color: #fff;
  display: inline-block;
  min-width: 130px;
  padding: 5px 15px !important;
  border-radius: 30px;
  text-align: center;
  font-size: 0.85rem;
  margin-right: 10px;
  font-weight: bold;
  font-size: 14px;
  height: 31px;
}
/*#links .g-content, #links .platform-content, .text-christbaum, .text-christbaum > .custom, .christbaum-links {
	height: 100%;
}*/
.links-unten {
  width: 70%;
  display: block;
  margin: auto;
  height: 300px;
}
div.logos {
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
}
img.logos {
  width: 100%;
}
.footertext {
  color: #fff;
  padding-top: 20px;
  font-size: 0.9rem;
}
.christbaum-rechts {
  margin-top: 50px;
}
#tannenbaum {
  margin-top: 180px;
}
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover {
  border: none;
}
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 {
  border: 0px solid transparent;
  box-shadow: inherit;
  transition: none;
}
textarea, select[multiple="multiple"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0px;
}
.form-control {
  max-width: 300px;
  color: #000;
}
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: 0px solid transparent;
  border-color: transparent;
}
input[type="text"] {
  border-bottom: 1px solid var(--sekundaerfarbe) !important;
}
input[type="text"]::placeholder {
  color: var(--sekundaerfarbe);
}
.form-control:focus {
  color: #000;
  box-shadow: none;
  background-color: #dbe0e3;
}
.rsform-block-freier-text, .rsform-block-hinweis {
  padding-left: 0%;
}
.rsform-block-freier-text p {
  margin: 0;
  font-size: 0.8rem;
  margin-bottom: 10px !important;
}
.firma-text p {
  font-size: 0.8rem;
  margin-top: 0;
}
.rsform-block-firma {
  margin-bottom: 0px !important;
}
input#kinder {
  width: 50px;
  display: inline-block;
}
.form-check-input:focus {
  box-shadow: none;
}
#alleine0-lbl, #partner0-lbl, #absage0-lbl {
  margin: 5px 0 0 10px;
}
button#senden {
  border-radius: 30px;
  background-color: var(--sekundaerfarbe);
  color: #fff;
  padding: 0 20px;
}
button#senden:hover, button#senden:focus {
  border-color: var(--sekundaerfarbe);
  background-color: var(--sekundaerfarbe);
}
.rsform-block-email, .rsform-block-kommt, .rsform-block-hinweis {
  margin-bottom: 60px !important;
}
.rsform-block-kinder {
  margin-bottom: 70px !important;
}
.rsform-radio.form-check-input {
  border-radius: 0 !important;
  background: transparent;
  background-image: none;
  border: 1px solid var(--sekundaerfarbe);
  height: 30px;
  width: 30px;
  margin-top: -2px;
  -webkit-appearance: none;
}
#kommt0-lbl, #kommt1-lbl, #kommt2-lbl {
  padding-left: 10px;
}
#kinder.rsform-input-box.form-control {
  width: 65px;
  text-align: center;
  border: 1px solid var(--sekundaerfarbe);
}
#kommt-grouplbl strong {
  display: none;
}
.form-check-input:checked[type="radio"] {
  background-image: none;
  background-color: var(--sekundaerfarbe);
  border: 1px solid var(--sekundaerfarbe);
}
.form-check.form-check-inline {
  display: flex;
}
.rsform-block-kommt .formControls .form-check {
  padding-bottom: 15px;
}
.sendebutton {
  display: flex;
  justify-content: space-between;
}
.pflichtfelder {
  padding-top: 16px;
  font-size: 0.8rem;
}
#rechts .g-content, #rechts .platform-content, .rechts.moduletable, #rechts .mod-custom {
  height: 100%;
}
#rechts .mod-custom {
  display: flex;
  flex-direction: column;
}
.legal {
  width: 70%;
}
.thx {
  margin-top: 30%;
}
.thx h3 {
  font-family: TheGroupHEAD-Light;
  color: var(--sekundaerfarbe);
  font-weight: 200;
  font-size: 4rem;
  line-height: 4.5rem;
}
div.anmeldebutton {
  display: none;
}
@media screen and (max-width: 1200px) {
  .christbaum-event {
    font-size: 3rem;
  }
  .zeit {
    margin-top: 50px;
  }
  .button-maps {
    margin: 70px 0;
  }
  form#tannenbaum {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .anmeldung, .zeit {
    font-size: 2.4vw;
  }
  .christbaum-event {
    font-size: 4.8vw;
    line-height: 5vw;
  }
  form#tannenbaum {
    margin-top: 20px;
  }
  div.anmeldebutton {
    display: block;
  }
  .button-maps {
    margin: 80px 0;
  }
}
@media screen and (max-width: 600px) {
  .button-maps {
    flex-direction: column !important;
  }
  div.button-maps a {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }
}
@media screen and (max-width: 480px) {
  .links-unten {
    height: 350px;
  }
  #tannenbaum {
    margin-top: 30px;
  }
  .rsform-block-freier-text, .rsform-block-hinweis {
    padding-left: 15px;
  }
  .rsform-block-kommt {
    margin-top: 30px;
  }
  .rsform-block-email, .rsform-block-kommt, .rsform-block-kinder {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 2000px) {
  .inner-wrapper {
    min-height: 39.5vw;
  }
}
/*# sourceMappingURL=christbaum_16.css.map */