@charset "UTF-8";
.page .site-teaser-img {
  text-align: center;
}

a.site-logo {
  display: block;
}

.page-node-type-startseite .header-animation {
  background-color: black;
  height: 100%;
}

#main {
  padding-bottom: 0;
}

@media all and (min-width: 1200px) {
  .page-node-type-startseite .header-animation .animation-content {
    height: 750px;
  }
}
.page-node-type-startseite .header-animation .container {
  margin: auto;
  max-width: calc(1200px + 4rem);
  padding-left: 3rem;
  padding-right: 3rem;
}

@media all and (min-width: 720px) {
  .page-node-type-startseite .header-animation .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.page-node-type-startseite .header-animation .animation-content {
  display: block;
  padding-top: 1rem;
  padding-bottom: 5rem;
  margin: 0 1rem;
  text-align: center;
}

@media all and (min-width: 1200px) {
  .page-node-type-startseite .header-animation .animation-content {
    display: flex;
    margin: 0 -1rem;
    text-align: unset;
  }
}
.page-node-type-startseite .header-animation .animation-content a.box1-content,
.page-node-type-startseite .header-animation .animation-content a.box2-content,
.page-node-type-startseite .header-animation .animation-content a.box3-content {
  text-decoration: unset;
  margin: 0 1rem;
  margin-top: -2rem;
  width: 33.3333333333%;
  transition: width 0.8s ease;
}
.page-node-type-startseite .header-animation .animation-content a.box1-content:hover,
.page-node-type-startseite .header-animation .animation-content a.box2-content:hover,
.page-node-type-startseite .header-animation .animation-content a.box3-content:hover {
  width: 45%;
  margin-top: -2rem;
  transition: width 0.8s ease;
}
.page-node-type-startseite .header-animation .animation-content a:hover {
  box-shadow: unset;
  background: unset;
}
.page-node-type-startseite .header-animation .animation-content .product-area-left {
  border: 1px solid #ffffff;
}
.page-node-type-startseite .header-animation .animation-content .product-area-left:hover {
  border: 1px solid #ff0050 !important;
  box-shadow: 5px 5px 15px #ff0050;
}
.page-node-type-startseite .header-animation .animation-content .product-area-center {
  border: 1px solid #ffffff;
}
.page-node-type-startseite .header-animation .animation-content .product-area-center:hover {
  border: 1px solid #4b55aa !important;
  box-shadow: 0px 5px 15px #4b55aa;
}
.page-node-type-startseite .header-animation .animation-content .product-area-right {
  border: 1px solid #ffffff;
}
.page-node-type-startseite .header-animation .animation-content .product-area-right:hover {
  border: 1px solid #95ad15 !important;
  box-shadow: -5px 5px 15px #95ad15;
}
.page-node-type-startseite .header-animation .animation-content .producttitel-left,
.page-node-type-startseite .header-animation .animation-content .producttitel-center,
.page-node-type-startseite .header-animation .animation-content .producttitel-right {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 3.5rem;
  margin-top: -5.2rem;
}
.page-node-type-startseite .header-animation .animation-content .producttext-left,
.page-node-type-startseite .header-animation .animation-content .producttext-center,
.page-node-type-startseite .header-animation .animation-content .producttext-right {
  display: none;
  color: white;
  font-weight: 100;
  text-align: right;
  padding: 1rem 2rem;
}
.page-node-type-startseite .header-animation .animation-content a.box1-content:hover > .product-area-left > .producttext-left,
.page-node-type-startseite .header-animation .animation-content a.box2-content:hover > .product-area-center > .producttext-center,
.page-node-type-startseite .header-animation .animation-content a.box3-content:hover > .product-area-right > .producttext-right {
  display: flex;
}
.page-node-type-startseite .header-animation .animation-content a.box1-content:hover > .product-area-left > .producttext-left > .field__items,
.page-node-type-startseite .header-animation .animation-content a.box2-content:hover > .product-area-center > .producttext-center > .field__items,
.page-node-type-startseite .header-animation .animation-content a.box3-content:hover > .product-area-right > .producttext-right > .field__items {
  width: 80%;
}
.page-node-type-startseite .header-animation .animation-content a.box1-content:hover > .product-area-left > .producttext-left > .fas.fa-angle-right,
.page-node-type-startseite .header-animation .animation-content a.box2-content:hover > .product-area-center > .producttext-center > .fas.fa-angle-right,
.page-node-type-startseite .header-animation .animation-content a.box3-content:hover > .product-area-right > .producttext-right > .fas.fa-angle-right {
  margin-top: -0.2rem;
  width: 10%;
}
.page-node-type-startseite .header-animation .animation-content a.box1-content:hover > .product-area-left > .producttext-left > .field__items > .field__item,
.page-node-type-startseite .header-animation .animation-content a.box2-content:hover > .product-area-center > .producttext-center > .field__items > .field__item,
.page-node-type-startseite .header-animation .animation-content a.box3-content:hover > .product-area-right > .producttext-right > .field__items > .field__item {
  display: initial;
  color: white;
  font-weight: 100;
  text-align: right;
}
.page-node-type-startseite .header-animation .animation-content a.box1-content:hover > .product-area-left > .producttext-left > .fas.fa-angle-right::before,
.page-node-type-startseite .header-animation .animation-content a.box2-content:hover > .product-area-center > .producttext-center > .fas.fa-angle-right::before,
.page-node-type-startseite .header-animation .animation-content a.box3-content:hover > .product-area-right > .producttext-right > .fas.fa-angle-right::before {
  content: "\f105";
  font-size: 2rem;
}
.page-node-type-startseite .header-animation .animation-arrow-down {
  position: absolute;
  top: 92%;
  right: 48%;
  color: white;
  font-size: 4rem;
  margin-top: -3rem;
}
.page-node-type-startseite .header-animation .animation-arrow-down:hover {
  color: #ce1719 !important;
}
.page-node-type-startseite .header-section {
  background-color: #2d2d2d;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

section.intro {
  margin-bottom: 2rem;
}

.page-node-type-startseite .header-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem 1.5rem 2rem;
}
.page-node-type-startseite .header-container .info {
  padding: 8px;
  width: 75%;
}
.page-node-type-startseite .header-container .info h1 {
  margin: 0;
}
.page-node-type-startseite .header-container .seal {
  width: 25%;
  text-align: left;
  padding-left: 1rem;
}
.page-node-type-startseite .header-container .seal img {
  max-width: 100%;
  height: auto;
}
.page-node-type-startseite .slide__content .views-field-field-beschreibung {
  position: absolute;
  top: 0;
  padding: 0.5rem;
}
.page-node-type-startseite .slide__content .views-field-field-beschreibung p {
  margin: 0;
  color: white;
  font-size: 0.75rem;
}

@keyframes snack {
  0% {
    text-shadow: 0 0 20px rgba(226, 25, 45, 0);
  }
  20% {
    fill: #95ad15;
    text-shadow: -5px -5px 20px #95ad15, 5px -5px 20px #95ad15, 5px 5px 20px #95ad15, -5px 5px 20px #95ad15;
  }
  30% {
    fill: #95ad15;
  }
  100% {
    text-shadow: 0 0 20px rgba(226, 25, 45, 0);
  }
}
@keyframes hot {
  0% {
    text-shadow: 0 0 20px rgba(226, 25, 45, 0);
  }
  20% {
    fill: #ff0050;
    text-shadow: -5px -5px 20px #ff0050, 5px -5px 20px #ff0050, 5px 5px 20px #ff0050, -5px 5px 20px #ff0050;
  }
  30% {
    fill: #ff0050;
  }
  100% {
    text-shadow: 0 0 20px rgba(226, 25, 45, 0);
  }
}
@keyframes cold {
  0% {
    text-shadow: 0 0 20px rgba(226, 25, 45, 0);
  }
  20% {
    fill: #4b55aa;
    text-shadow: -5px -5px 20px #4b55aa, 5px -5px 20px #4b55aa, 5px 5px 20px #4b55aa, -5px 5px 20px #4b55aa;
  }
  30% {
    fill: #4b55aa;
  }
  100% {
    text-shadow: 0 0 20px rgba(226, 25, 45, 0);
  }
}
.categorypage svg text.blink,
.green svg text.blink {
  animation: snack 2s ease-out;
}

.kategorieseite-heiss svg text.blink,
.red svg text.blink {
  animation: hot 2s ease-out;
}

.categorypage-cold svg text.blink,
.blue svg text.blink {
  animation: cold 2s ease-out;
}

/* Snack */
.page-node-type-categorypage .categorypage-main {
  background-color: black;
  padding-bottom: 0;
}

.page-node-type-categorypage .categorypage-header {
  display: flex;
}

.page-node-type-categorypage .theme-Box {
  display: none;
  width: 100%;
  margin-right: 2rem;
}

@media all and (min-width: 786px) {
  .page-node-type-categorypage .theme-Box {
    display: block;
    width: 25%;
  }
}
.page-node-type-categorypage .theme-content {
  border: 1px solid #95ad15 !important;
  box-shadow: 5px 5px 15px #95ad15;
}

.page-node-type-categorypage .wordcloud-animation {
  background-color: #000;
  width: 100%;
}

.page-node-type-categorypage .wordcloud-animation {
  width: 100%;
}

@media all and (min-width: 786px) {
  .page-node-type-categorypage .wordcloud-animation {
    width: 75%;
  }
}
.page-node-type-categorypage content {
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  position: relative;
}
.page-node-type-categorypage .st0 {
  font-size: 68px;
}
.page-node-type-categorypage .st1 {
  font-size: 27px;
}
.page-node-type-categorypage .st2 {
  font-size: 60px;
}
.page-node-type-categorypage .st3 {
  font-size: 41px;
}
.page-node-type-categorypage .st4 {
  font-size: 41px;
}
.page-node-type-categorypage .st5 {
  fill: #ffffff;
}
.page-node-type-categorypage .st6 {
  font-size: 32px;
}
.page-node-type-categorypage .st7 {
  font-size: 24px;
}
.page-node-type-categorypage .st8 {
  font-size: 62px;
}
.page-node-type-categorypage .st9 {
  font-size: 65px;
}
.page-node-type-categorypage .st10 {
  font-size: 18px;
}
.page-node-type-categorypage .st11 {
  font-size: 18px;
}
.page-node-type-categorypage .st12 {
  font-size: 25px;
}
.page-node-type-categorypage .st13 {
  font-size: 25px;
}
.page-node-type-categorypage .st14 {
  font-size: 25px;
}
.page-node-type-categorypage .st15 {
  font-size: 24px;
}
.page-node-type-categorypage .st16 {
  font-size: 29px;
}
.page-node-type-categorypage .st17 {
  font-weight: 600;
  fill: #ffffff;
}
.page-node-type-categorypage .st18 {
  font-size: 22px;
}
.page-node-type-categorypage .st19 {
  font-size: 22px;
}
.page-node-type-categorypage .st20 {
  font-size: 36px;
}
.page-node-type-categorypage .st21 {
  font-size: 19px;
}
.page-node-type-categorypage .st22 {
  font-size: 51px;
}
.page-node-type-categorypage .st23 {
  font-size: 26px;
}
.page-node-type-categorypage .st24 {
  font-size: 33px;
}
.page-node-type-categorypage .st25 {
  font-size: 20px;
}
.page-node-type-categorypage .st26 {
  font-size: 23px;
}
.page-node-type-categorypage .st27 {
  font-size: 23px;
}
.page-node-type-categorypage .st29 {
  font-size: 54px;
}
.page-node-type-categorypage .st30 {
  font-size: 20px;
}
.page-node-type-categorypage .st31 {
  font-size: 37px;
}
.page-node-type-categorypage .main-content {
  background-color: black;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.page-node-type-categorypage .main-content-area {
  display: block;
}

@media all and (min-width: 1200px) {
  .page-node-type-categorypage .main-content-area {
    display: flex;
  }
}
.page-node-type-categorypage .main-content-left {
  width: 100%;
  margin-right: 0;
  margin-bottom: 3rem;
  text-align: center;
}

@media all and (min-width: 1200px) {
  .page-node-type-categorypage .main-content-left {
    width: 70%;
    margin-right: 4rem;
    margin-bottom: 0;
    text-align: unset;
  }
}
.page-node-type-categorypage .main-content-left h1 {
  font-size: 2.65rem;
  color: #fff;
}
.page-node-type-categorypage .main-content-left .field--name-field-teaser-text {
  color: #fff;
}
.page-node-type-categorypage .main-content-right {
  width: 100%;
  text-align: center;
}

@media all and (min-width: 1200px) {
  .page-node-type-categorypage .main-content-right {
    width: 30%;
    text-align: unset;
  }
}
.main-content-download {
  margin-top: 2rem;
}

.main-content-download a {
  color: white;
  text-decoration: none;
  border: 2px solid #fff;
  padding: 0.25rem 1rem;
}

.main-content-download a:hover {
  color: #2d2d2d;
}

body.page-team main {
  background: black;
}
body.page-team .paragraph--type--view .container .item-list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
body.page-team .paragraph--type--view .container .item-list ul li {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
body.page-team .paragraph--type--view .container .item-list ul li .person--layout-full {
  padding: 1.5rem;
}
body.page-team .paragraph--type--view .container .item-list ul li .person--layout-full .submitted {
  display: none;
}
body.page-team .paragraph--type--view .container .item-list ul li .person--layout-full .content {
  background: white;
  padding: 1rem;
}
body.page-team .paragraph--type--view .container .item-list ul li .person--layout-full .content h2 {
  font-size: 1rem;
  padding: 0;
  margin: 0.5rem 0 0 0;
}
body.page-team .paragraph--type--view .container .item-list ul li .person--layout-full .content img {
  width: 100%;
}
body.page-team .paragraph--type--view .container .item-list ul li .person--layout-full .content .mail-link {
  text-decoration: none;
  color: #CE1719;
}
body.page-team .paragraph--type--view .field--name-field-section-title {
  margin-top: 5rem;
  color: white;
}
body.page-team .container-two-colums {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem 2rem 2rem;
}
body.page-team .container-two-colums .col-left {
  width: 75%;
  color: white;
  padding-right: 4rem;
}
body.page-team .container-two-colums .col-right {
  width: 25%;
}

@media (min-width: 750px) {
  body.page-team .paragraph--type--view .container .item-list ul li {
    width: 50%;
  }
}
@media (max-width: 750px) {
  body.page-team .container-two-colums {
    flex-direction: column;
  }
  body.page-team .container-two-colums .col-left {
    flex: 1;
    order: 2;
    width: 100%;
    padding: 0;
  }
  body.page-team .container-two-colums .col-right {
    flex: 1;
    order: 1;
    width: 100%;
    padding: 0;
    text-align: center;
  }
  body.page-team .container-two-colums .col-right img {
    max-width: 200px;
  }
}
body.page-arbeitswelt .page-node-type-kategorieseite-heiss.content_wrapper {
  background-color: black;
  color: white;
}
body.page-arbeitswelt .field--name-field-teaser-text h3 {
  padding: 0.5rem 0;
  margin: 0.5rem 0;
}
body.page-arbeitswelt .field--name-field-teaser-text hr {
  border-bottom: 1px solid #fff;
  width: 50%;
  margin: 0;
}
body.page-arbeitswelt .main-content-area {
  display: flex;
}
body.page-arbeitswelt .main-content-area .main-content-left {
  flex: 4;
}
body.page-arbeitswelt .main-content-area .main-content-right {
  flex: 1;
}
body.page-arbeitswelt .main-content-download a {
  border-color: #CE1719;
}
body.page-arbeitswelt .block-basic-si-webform {
  background-color: black;
  color: white;
  margin: 0;
  padding: 2rem 0;
}
body.page-arbeitswelt .webform-submission-bewerbungsformular-form {
  max-width: 25rem;
}
body.page-arbeitswelt .webform-submission-bewerbungsformular-form h2 {
  font-size: 2rem;
}
body.page-arbeitswelt .webform-submission-bewerbungsformular-form label {
  font-size: 0.7rem;
}
body.page-arbeitswelt .webform-submission-bewerbungsformular-form label.form-required::after {
  content: " *";
  color: red;
  font-size: 1rem;
}
body.page-arbeitswelt .webform-submission-bewerbungsformular-form .form-item-datenschutz {
  display: flex;
  align-items: center; /* Vertikal ausrichten */
}
body.page-arbeitswelt .webform-submission-bewerbungsformular-form .form-item-datenschutz input[type=checkbox] {
  width: 20px;
  height: 20px;
  transform: scale(1.5); /* Skaliert die Checkbox */
  -webkit-transform: scale(1.5); /* Für ältere WebKit-Browser */
  -moz-transform: scale(1.5); /* Für ältere Firefox-Browser */
  margin-right: 10px; /* Abstand zwischen Checkbox und Label */
}
body.page-arbeitswelt .webform-submission-bewerbungsformular-form .form-item-datenschutz label[for=edit-datenschutz] {
  font-size: 0.7rem;
  display: inline-block;
  margin-left: 5px;
  line-height: 0.8rem;
}
body.page-arbeitswelt .webform-submission-bewerbungsformular-form .form-item-datenschutz label[for=edit-datenschutz].form-required::after {
  content: " *";
  color: red;
  font-size: 1rem;
}
body.page-arbeitswelt .webform-submission-bewerbungsformular-form .webform-actions {
  text-align: left;
  margin-top: 2rem;
}

@media (max-width: 750px) {
  body.page-arbeitswelt .main-content-area {
    flex-direction: column;
  }
  body.page-arbeitswelt .main-content-area .main-content-left {
    flex: 1;
    order: 2;
  }
  body.page-arbeitswelt .main-content-area .main-content-right {
    flex: 1;
    order: 1;
    text-align: center;
  }
  body.page-arbeitswelt .main-content-area .main-content-right img {
    max-width: 200px;
  }
}
body.page-nachhaltig main {
  background: black;
  color: white;
}
body.page-nachhaltig .paragraph--type--image-large .container {
  position: relative;
}
body.page-nachhaltig .paragraph--type--image-large .container .bee {
  position: absolute;
}
body.page-nachhaltig .paragraph--type--image-large .container .bee-item-1 {
  left: -30px;
  bottom: 40px;
}
body.page-nachhaltig .paragraph--type--image-large .container .bee-item-2 {
  left: -60px;
  bottom: -20px;
}
body.page-nachhaltig .paragraph--type--image-large .container .bee-item-3 {
  left: -140px;
  bottom: -80px;
}
body.page-nachhaltig .paragraph--type--image-large .container .bee-item-4 {
  right: -80px;
  top: 20%;
}
body.page-nachhaltig .paragraph--type--image-large .container .bee-item-5 {
  right: -40px;
  top: 40%;
}
body.page-nachhaltig .paragraph--type--image-large .container .bee-item-6 {
  right: -60px;
  top: 50%;
}
body.page-nachhaltig .paragraph--type--image-large .container .bee-item-7 {
  right: -40px;
  top: 80%;
}
body.page-nachhaltig .container-two-colums {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem 2rem 2rem;
}
body.page-nachhaltig .container-two-colums .col-left {
  width: 75%;
  color: white;
  padding-right: 4rem;
}
body.page-nachhaltig .container-two-colums .col-left h1 {
  font-size: 2rem;
}
body.page-nachhaltig .container-two-colums .col-right {
  width: 25%;
}
body.page-nachhaltig .paragraph--type--text-with-image {
  margin-bottom: 2rem;
}
body.page-nachhaltig .paragraph--type--text-with-image .cite-wrapper {
  margin-top: 4rem;
  margin-bottom: 4rem;
  text-align: center;
}
body.page-nachhaltig .paragraph--type--text-with-image .cite-wrapper cite {
  display: inline-block;
  max-width: 30rem;
  font-size: 3rem;
  font-style: normal;
  font-weight: bold;
}
body.page-nachhaltig .paragraph--type--text-with-image .cite-wrapper p {
  font-size: 1.4rem;
}
body.page-nachhaltig .paragraph--type--text-with-image .wrapper {
  display: flex;
}
body.page-nachhaltig .paragraph--type--text-with-image .wrapper .part-1 {
  padding: 0.5rem 1rem 0.5rem 0;
  flex: 1;
}
body.page-nachhaltig .paragraph--type--text-with-image .wrapper .part-2 {
  flex: 2;
  padding: 0.5rem 0 0.5rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body.page-nachhaltig .paragraph--type--text-with-image .wrapper .part-2 h2 {
  margin: 0 0 1.5rem;
}
body.page-nachhaltig .paragraph--type--text-with-image .wrapper .part-2 p {
  flex-grow: 1;
}
body.page-nachhaltig .paragraph--type--text-with-image .wrapper .part-2 p.btn-wrapper {
  flex-grow: 0;
}
body.page-nachhaltig .paragraph--type--text-with-image .wrapper .part-2 p.btn-wrapper .btn {
  border: 1px solid #CE1719;
  padding: 0.5rem 1.5rem 0.7rem;
  color: white;
  line-height: 1rem;
  font-size: 0.9rem;
  text-decoration: none;
  margin-top: 2rem;
  align-self: flex-start; /* Falls du möchtest, dass der Button links bleibt */
}
body.page-nachhaltig .paragraph--type--text-with-image .wrapper .part-2 p.btn-wrapper .btn:hover {
  color: #000;
}
.field--name-field-infotext .btn {
  border: 1px solid #CE1719;
  padding: 0.5rem 1.5rem 0.7rem;
  color: #CE1719;
  line-height: 1rem;
  font-size: 0.9rem;
  text-decoration: none;
  margin-top: 2rem;
  align-self: flex-start; /* Falls du möchtest, dass der Button links bleibt */
}
.field--name-field-infotext .btn svg {
  vertical-align: middle;
}

@media (max-width: 750px) {
  body.page-nachhaltig .container-two-colums {
    flex-direction: column;
  }
  body.page-nachhaltig .container-two-colums .col-left {
    flex: 1;
    order: 2;
    width: 100%;
    padding: 0;
  }
  body.page-nachhaltig .container-two-colums .col-right {
    flex: 1;
    order: 1;
    width: 100%;
    padding: 0;
    text-align: center;
  }
  body.page-nachhaltig .container-two-colums .col-right img {
    max-width: 200px;
  }
}
.page .site-teaser-img {
  text-align: center;
}

a.site-logo {
  display: block;
}

.page-node-type-startseite .header-animation {
  background-color: black;
  height: 100%;
}

@media all and (min-width: 1200px) {
  .page-node-type-startseite .header-animation .animation-content {
    height: 750px;
  }
}
.page-node-type-startseite .header-animation .container {
  margin: auto;
  max-width: calc(1200px + 4rem);
  padding-left: 3rem;
  padding-right: 3rem;
}

@media all and (min-width: 720px) {
  .page-node-type-startseite .header-animation .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.page-node-type-startseite .header-animation .animation-content {
  display: block;
  padding-top: 1rem;
  padding-bottom: 5rem;
  margin: 0 1rem;
  text-align: center;
}

@media all and (min-width: 1200px) {
  .page-node-type-startseite .header-animation .animation-content {
    display: flex;
    margin: 0 -1rem;
    text-align: unset;
  }
}
.page-node-type-startseite .header-animation .animation-content a.box1-content,
.page-node-type-startseite .header-animation .animation-content a.box2-content,
.page-node-type-startseite .header-animation .animation-content a.box3-content {
  text-decoration: unset;
  margin: 0 1rem;
  margin-top: -2rem;
  width: 33.3333333333%;
  transition: width 0.8s ease;
}

.page-node-type-startseite .header-animation .animation-content a.box1-content:hover,
.page-node-type-startseite .header-animation .animation-content a.box2-content:hover,
.page-node-type-startseite .header-animation .animation-content a.box3-content:hover {
  width: 45%;
  margin-top: -2rem;
  transition: width 0.8s ease;
}

.page-node-type-startseite .header-animation .animation-content a:hover {
  box-shadow: unset;
  background: unset;
}

.page-node-type-startseite .header-animation .animation-content .product-area-left {
  border: 1px solid #ffffff;
}

.page-node-type-startseite .header-animation .animation-content .product-area-left:hover {
  border: 1px solid #ff0050 !important;
  box-shadow: 5px 5px 15px #ff0050;
}

.page-node-type-startseite .header-animation .animation-content .product-area-center {
  border: 1px solid #ffffff;
}

.page-node-type-startseite .header-animation .animation-content .product-area-center:hover {
  border: 1px solid #4b55aa !important;
  box-shadow: 0px 5px 15px #4b55aa;
}

.page-node-type-startseite .header-animation .animation-content .product-area-right {
  border: 1px solid #ffffff;
}

.page-node-type-startseite .header-animation .animation-content .product-area-right:hover {
  border: 1px solid #95ad15 !important;
  box-shadow: -5px 5px 15px #95ad15;
}

.page-node-type-startseite .header-animation .animation-content .producttitel-left,
.page-node-type-startseite .header-animation .animation-content .producttitel-center,
.page-node-type-startseite .header-animation .animation-content .producttitel-right {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 3.5rem;
  margin-top: -5.2rem;
}

.page-node-type-startseite .header-animation .animation-content .producttext-left,
.page-node-type-startseite .header-animation .animation-content .producttext-center,
.page-node-type-startseite .header-animation .animation-content .producttext-right {
  display: none;
  color: white;
  font-weight: 100;
  text-align: right;
  padding: 1rem 2rem;
}

.page-node-type-startseite .header-animation .animation-content a.box1-content:hover > .product-area-left > .producttext-left,
.page-node-type-startseite .header-animation .animation-content a.box2-content:hover > .product-area-center > .producttext-center,
.page-node-type-startseite .header-animation .animation-content a.box3-content:hover > .product-area-right > .producttext-right {
  display: flex;
}

.page-node-type-startseite .header-animation .animation-content a.box1-content:hover > .product-area-left > .producttext-left > .field__items,
.page-node-type-startseite .header-animation .animation-content a.box2-content:hover > .product-area-center > .producttext-center > .field__items,
.page-node-type-startseite .header-animation .animation-content a.box3-content:hover > .product-area-right > .producttext-right > .field__items {
  width: 80%;
}

.page-node-type-startseite .header-animation .animation-content a.box1-content:hover > .product-area-left > .producttext-left > .fas.fa-angle-right,
.page-node-type-startseite .header-animation .animation-content a.box2-content:hover > .product-area-center > .producttext-center > .fas.fa-angle-right,
.page-node-type-startseite .header-animation .animation-content a.box3-content:hover > .product-area-right > .producttext-right > .fas.fa-angle-right {
  margin-top: -0.2rem;
  width: 10%;
}

.page-node-type-startseite .header-animation .animation-content a.box1-content:hover > .product-area-left > .producttext-left > .field__items > .field__item,
.page-node-type-startseite .header-animation .animation-content a.box2-content:hover > .product-area-center > .producttext-center > .field__items > .field__item,
.page-node-type-startseite .header-animation .animation-content a.box3-content:hover > .product-area-right > .producttext-right > .field__items > .field__item {
  display: initial;
  color: white;
  font-weight: 100;
  text-align: right;
}

.page-node-type-startseite .header-animation .animation-content a.box1-content:hover > .product-area-left > .producttext-left > .fas.fa-angle-right::before,
.page-node-type-startseite .header-animation .animation-content a.box2-content:hover > .product-area-center > .producttext-center > .fas.fa-angle-right::before,
.page-node-type-startseite .header-animation .animation-content a.box3-content:hover > .product-area-right > .producttext-right > .fas.fa-angle-right::before {
  content: "\f105";
  font-size: 2rem;
}

.page-node-type-startseite .header-animation .animation-arrow-down {
  position: absolute;
  top: 92%;
  right: 48%;
  color: white;
  font-size: 4rem;
  margin-top: -3rem;
}

.page-node-type-startseite .header-animation .animation-arrow-down:hover {
  color: #ce1719 !important;
}

.page-node-type-startseite .header-section,
.page-nachhaltig .paragraph--type--view {
  background-color: #2d2d2d;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.page-nachhaltig .paragraph--type--view {
  margin-top: 4rem;
}

section.intro {
  margin-bottom: 2rem;
}

.page-node-type-startseite .slide__content .views-field-field-beschreibung {
  position: absolute;
  top: 0;
  padding: 0.5rem;
}

.page-node-type-startseite .slide__content .views-field-field-beschreibung p {
  margin: 0;
  color: white;
  font-size: 0.75rem;
}

@keyframes snack {
  0% {
    text-shadow: 0 0 20px rgba(226, 25, 45, 0);
  }
  20% {
    fill: #95ad15;
    text-shadow: -5px -5px 20px #95ad15, 5px -5px 20px #95ad15, 5px 5px 20px #95ad15, -5px 5px 20px #95ad15;
  }
  30% {
    fill: #95ad15;
  }
  100% {
    text-shadow: 0 0 20px rgba(226, 25, 45, 0);
  }
}
@keyframes hot {
  0% {
    text-shadow: 0 0 20px rgba(226, 25, 45, 0);
  }
  20% {
    fill: #ff0050;
    text-shadow: -5px -5px 20px #ff0050, 5px -5px 20px #ff0050, 5px 5px 20px #ff0050, -5px 5px 20px #ff0050;
  }
  30% {
    fill: #ff0050;
  }
  100% {
    text-shadow: 0 0 20px rgba(226, 25, 45, 0);
  }
}
@keyframes cold {
  0% {
    text-shadow: 0 0 20px rgba(226, 25, 45, 0);
  }
  20% {
    fill: #4b55aa;
    text-shadow: -5px -5px 20px #4b55aa, 5px -5px 20px #4b55aa, 5px 5px 20px #4b55aa, -5px 5px 20px #4b55aa;
  }
  30% {
    fill: #4b55aa;
  }
  100% {
    text-shadow: 0 0 20px rgba(226, 25, 45, 0);
  }
}
.categorypage svg text.blink,
.green svg text.blink {
  animation: snack 2s ease-out;
}

.kategorieseite-heiss svg text.blink,
.red svg text.blink {
  animation: hot 2s ease-out;
}

.categorypage-cold svg text.blink,
.blue svg text.blink {
  animation: cold 2s ease-out;
}

/* Snack */
.page-node-type-categorypage .categorypage-main {
  background-color: black;
  padding-bottom: 0;
}

.page-node-type-categorypage .categorypage-header {
  display: flex;
}

.page-node-type-categorypage .theme-Box {
  display: none;
  width: 100%;
  margin-right: 2rem;
}

@media all and (min-width: 786px) {
  .page-node-type-categorypage .theme-Box {
    display: block;
    width: 25%;
  }
}
.page-node-type-categorypage .theme-content {
  border: 1px solid #95ad15 !important;
  box-shadow: 5px 5px 15px #95ad15;
}

.page-node-type-categorypage .wordcloud-animation {
  background-color: #000;
  width: 100%;
}

.page-node-type-categorypage .wordcloud-animation {
  width: 100%;
}

@media all and (min-width: 786px) {
  .page-node-type-categorypage .wordcloud-animation {
    width: 75%;
  }
}
.page-node-type-categorypage content {
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  position: relative;
}

.page-node-type-categorypage .st0 {
  font-size: 68px;
}

.page-node-type-categorypage .st1 {
  font-size: 27px;
}

.page-node-type-categorypage .st2 {
  font-size: 60px;
}

.page-node-type-categorypage .st3 {
  font-size: 41px;
}

.page-node-type-categorypage .st4 {
  font-size: 41px;
}

.page-node-type-categorypage .st5 {
  fill: #ffffff;
}

.page-node-type-categorypage .st6 {
  font-size: 32px;
}

.page-node-type-categorypage .st7 {
  font-size: 24px;
}

.page-node-type-categorypage .st8 {
  font-size: 62px;
}

.page-node-type-categorypage .st9 {
  font-size: 65px;
}

.page-node-type-categorypage .st10 {
  font-size: 18px;
}

.page-node-type-categorypage .st11 {
  font-size: 18px;
}

.page-node-type-categorypage .st12 {
  font-size: 25px;
}

.page-node-type-categorypage .st13 {
  font-size: 25px;
}

.page-node-type-categorypage .st14 {
  font-size: 25px;
}

.page-node-type-categorypage .st15 {
  font-size: 24px;
}

.page-node-type-categorypage .st16 {
  font-size: 29px;
}

.page-node-type-categorypage .st17 {
  font-weight: 600;
  fill: #ffffff;
}

.page-node-type-categorypage .st18 {
  font-size: 22px;
}

.page-node-type-categorypage .st19 {
  font-size: 22px;
}

.page-node-type-categorypage .st20 {
  font-size: 36px;
}

.page-node-type-categorypage .st21 {
  font-size: 19px;
}

.page-node-type-categorypage .st22 {
  font-size: 51px;
}

.page-node-type-categorypage .st23 {
  font-size: 26px;
}

.page-node-type-categorypage .st24 {
  font-size: 33px;
}

.page-node-type-categorypage .st25 {
  font-size: 20px;
}

.page-node-type-categorypage .st26 {
  font-size: 23px;
}

.page-node-type-categorypage .st27 {
  font-size: 23px;
}

.page-node-type-categorypage .st29 {
  font-size: 54px;
}

.page-node-type-categorypage .st30 {
  font-size: 20px;
}

.page-node-type-categorypage .st31 {
  font-size: 37px;
}

.page-node-type-categorypage .main-content {
  background-color: black;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.page-node-type-categorypage .main-content-area {
  display: block;
}

@media all and (min-width: 1200px) {
  .page-node-type-categorypage .main-content-area {
    display: flex;
  }
}
.page-node-type-categorypage .main-content-left {
  width: 100%;
  margin-right: 0;
  margin-bottom: 3rem;
  text-align: center;
}

@media all and (min-width: 1200px) {
  .page-node-type-categorypage .main-content-left {
    width: 70%;
    margin-right: 4rem;
    margin-bottom: 0;
    text-align: unset;
  }
}
.page-node-type-categorypage .main-content-left h1 {
  font-size: 2.65rem;
  color: #fff;
}

.page-node-type-categorypage .main-content-left .field--name-field-teaser-text {
  color: #fff;
}

.page-node-type-categorypage .main-content-right {
  width: 100%;
  text-align: center;
}

@media all and (min-width: 1200px) {
  .page-node-type-categorypage .main-content-right {
    width: 30%;
    text-align: unset;
  }
}
.main-content-download {
  margin-top: 2rem;
}

.main-content-download a {
  color: white;
  text-decoration: none;
  border: 2px solid #fff;
  padding: 0.25rem 1rem;
}

.main-content-download a:hover {
  color: #2d2d2d;
}

/* Kalt */
.page-node-type-categorypage-cold .categorypage-main {
  background-color: black;
  padding-bottom: 0;
}

.page-node-type-categorypage-cold .categorypage-header {
  display: flex;
}

.page-node-type-categorypage-cold .theme-Box {
  display: none;
  width: 100%;
  margin-right: 2rem;
}

@media all and (min-width: 786px) {
  .page-node-type-categorypage-cold .theme-Box {
    display: block;
    width: 25%;
  }
}
.page-node-type-categorypage-cold .theme-content {
  border: 1px solid #4b55aa !important;
  box-shadow: 5px 5px 15px #4b55aa;
}

.page-node-type-categorypage-cold .wordcloud-animation {
  background-color: #000;
  width: 75%;
}

.page-node-type-categorypage-cold .wordcloud-animation {
  width: 100%;
}

@media all and (min-width: 786px) {
  .page-node-type-categorypage-cold .wordcloud-animation {
    width: 75%;
  }
}
.page-node-type-categorypage-cold content {
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  position: relative;
}

.page-node-type-categorypage-cold .st0 {
  font-size: 68px;
}

.page-node-type-categorypage-cold .st1 {
  font-size: 27px;
}

.page-node-type-categorypage-cold .st2 {
  font-size: 60px;
}

.page-node-type-categorypage-cold .st3 {
  font-size: 41px;
}

.page-node-type-categorypage-cold .st4 {
  font-size: 41px;
}

.page-node-type-categorypage-cold .st5 {
  fill: #ffffff;
}

.page-node-type-categorypage-cold .st6 {
  font-size: 32px;
}

.page-node-type-categorypage-cold .st7 {
  font-size: 24px;
}

.page-node-type-categorypage-cold .st8 {
  font-size: 62px;
}

.page-node-type-categorypage-cold .st9 {
  font-size: 65px;
}

.page-node-type-categorypage-cold .st10 {
  font-size: 18px;
}

.page-node-type-categorypage-cold .st11 {
  font-size: 18px;
}

.page-node-type-categorypage-cold .st12 {
  font-size: 25px;
}

.page-node-type-categorypage-cold .st13 {
  font-size: 25px;
}

.page-node-type-categorypage-cold .st14 {
  font-size: 25px;
}

.page-node-type-categorypage-cold .st15 {
  font-size: 24px;
}

.page-node-type-categorypage-cold .st16 {
  font-size: 29px;
}

.page-node-type-categorypage-cold .st17 {
  font-weight: 600;
  fill: #ffffff;
}

.page-node-type-categorypage-cold .st18 {
  font-size: 22px;
}

.page-node-type-categorypage-cold .st19 {
  font-size: 22px;
}

.page-node-type-categorypage-cold .st20 {
  font-size: 36px;
}

.page-node-type-categorypage-cold .st21 {
  font-size: 19px;
}

.page-node-type-categorypage-cold .st22 {
  font-size: 51px;
}

.page-node-type-categorypage-cold .st23 {
  font-size: 26px;
}

.page-node-type-categorypage-cold .st24 {
  font-size: 33px;
}

.page-node-type-categorypage-cold .st25 {
  font-size: 20px;
}

.page-node-type-categorypage-cold .st26 {
  font-size: 23px;
}

.page-node-type-categorypage-cold .st27 {
  font-size: 23px;
}

.page-node-type-categorypage-cold .st29 {
  font-size: 54px;
}

.page-node-type-categorypage-cold .st30 {
  font-size: 20px;
}

.page-node-type-categorypage-cold .st31 {
  font-size: 37px;
}

.page-node-type-categorypage-cold .main-content {
  background-color: black;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.page-node-type-categorypage-cold .main-content-area {
  display: block;
}

@media all and (min-width: 1200px) {
  .page-node-type-categorypage-cold .main-content-area {
    display: flex;
  }
}
.page-node-type-categorypage-cold .main-content-left {
  width: 100%;
  margin-right: 0;
  margin-bottom: 3rem;
  text-align: center;
}

@media all and (min-width: 1200px) {
  .page-node-type-categorypage-cold .main-content-left {
    width: 70%;
    margin-right: 4rem;
    margin-bottom: 0;
    text-align: unset;
  }
}
.page-node-type-categorypage-cold .main-content-left h1 {
  font-size: 2.65rem;
  color: #fff;
}

.page-node-type-categorypage-cold .main-content-left .field--name-field-teaser-text {
  color: #fff;
}

.page-node-type-categorypage-cold .main-content-right {
  width: 100%;
  text-align: center;
}

@media all and (min-width: 1200px) {
  .page-node-type-categorypage-cold .main-content-right {
    width: 30%;
    text-align: unset;
  }
}
.main-content-download {
  margin-top: 2rem;
}

.main-content-download a {
  color: white;
  text-decoration: none;
  border: 2px solid #fff;
  padding: 0.25rem 1rem;
}

.main-content-download a:hover {
  color: #2d2d2d;
}

/* Heiss */
.page-node-type-kategorieseite-heiss .categorypage-main {
  background-color: black;
  padding-bottom: 0;
}

.page-node-type-kategorieseite-heiss .categorypage-header {
  display: flex;
}

.page-node-type-kategorieseite-heiss .theme-Box {
  display: none;
  width: 100%;
  margin-right: 0;
}

@media all and (min-width: 786px) {
  .page-node-type-kategorieseite-heiss .theme-Box {
    display: block;
    width: 25%;
    margin-right: 2rem;
  }
}
.page-node-type-kategorieseite-heiss .theme-content {
  border: 1px solid #ff0050 !important;
  box-shadow: 5px 5px 15px #ff0050;
}

.page-node-type-kategorieseite-heiss .wordcloud-animation {
  background-color: #000;
  width: 100%;
}

@media all and (min-width: 786px) {
  .page-node-type-kategorieseite-heiss .wordcloud-animation {
    width: 75%;
  }
}
.page-node-type-kategorieseite-heiss content {
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  position: relative;
}

.page-node-type-kategorieseite-heiss .st0 {
  font-size: 68px;
}

.page-node-type-kategorieseite-heiss .st1 {
  font-size: 27px;
}

.page-node-type-kategorieseite-heiss .st2 {
  font-size: 60px;
}

.page-node-type-kategorieseite-heiss .st3 {
  font-size: 41px;
}

.page-node-type-kategorieseite-heiss .st4 {
  font-size: 41px;
}

.page-node-type-kategorieseite-heiss .st5 {
  fill: #ffffff;
}

.page-node-type-kategorieseite-heiss .st6 {
  font-size: 32px;
}

.page-node-type-kategorieseite-heiss .st7 {
  font-size: 24px;
}

.page-node-type-kategorieseite-heiss .st8 {
  font-size: 62px;
}

.page-node-type-kategorieseite-heiss .st9 {
  font-size: 65px;
}

.page-node-type-kategorieseite-heiss .st10 {
  font-size: 18px;
}

.page-node-type-kategorieseite-heiss .st11 {
  font-size: 18px;
}

.page-node-type-kategorieseite-heiss .st12 {
  font-size: 25px;
}

.page-node-type-kategorieseite-heiss .st13 {
  font-size: 25px;
}

.page-node-type-kategorieseite-heiss .st14 {
  font-size: 25px;
}

.page-node-type-kategorieseite-heiss .st15 {
  font-size: 24px;
}

.page-node-type-kategorieseite-heiss .st16 {
  font-size: 29px;
}

.page-node-type-kategorieseite-heiss .st17 {
  font-weight: 600;
  fill: #ffffff;
}

.page-node-type-kategorieseite-heiss .st18 {
  font-size: 22px;
}

.page-node-type-kategorieseite-heiss .st19 {
  font-size: 22px;
}

.page-node-type-kategorieseite-heiss .st20 {
  font-size: 36px;
}

.page-node-type-kategorieseite-heiss .st21 {
  font-size: 19px;
}

.page-node-type-kategorieseite-heiss .st22 {
  font-size: 51px;
}

.page-node-type-kategorieseite-heiss .st23 {
  font-size: 26px;
}

.page-node-type-kategorieseite-heiss .st24 {
  font-size: 33px;
}

.page-node-type-kategorieseite-heiss .st25 {
  font-size: 20px;
}

.page-node-type-kategorieseite-heiss .st26 {
  font-size: 23px;
}

.page-node-type-kategorieseite-heiss .st27 {
  font-size: 23px;
}

.page-node-type-kategorieseite-heiss .st29 {
  font-size: 54px;
}

.page-node-type-kategorieseite-heiss .st30 {
  font-size: 20px;
}

.page-node-type-kategorieseite-heiss .st31 {
  font-size: 37px;
}

.page-node-type-kategorieseite-heiss .main-content {
  background-color: black;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.page-node-type-kategorieseite-heiss .main-content-area {
  display: block;
}

@media all and (min-width: 1200px) {
  .page-node-type-kategorieseite-heiss .main-content-area {
    display: flex;
  }
}
.page-node-type-kategorieseite-heiss .main-content-left {
  width: 100%;
  margin-right: 0;
  margin-bottom: 3rem;
  text-align: center;
}

@media all and (min-width: 1200px) {
  .page-node-type-kategorieseite-heiss .main-content-left {
    width: 70%;
    margin-right: 4rem;
    margin-bottom: 0;
    text-align: unset;
  }
}
.page-node-type-kategorieseite-heiss .main-content-left h1 {
  font-size: 2.65rem;
  color: #fff;
}

.page-node-type-kategorieseite-heiss .main-content-left .field--name-field-teaser-text {
  color: #fff;
}

.page-node-type-kategorieseite-heiss .main-content-right {
  width: 100%;
  text-align: center;
}

@media all and (min-width: 1200px) {
  .page-node-type-kategorieseite-heiss .main-content-right {
    width: 30%;
    text-align: unset;
  }
}
.main-content-download {
  margin-top: 2rem;
}

.main-content-download a {
  color: white;
  text-decoration: none;
  border: 2px solid #fff;
  padding: 0.25rem 1rem;
}

.main-content-download a:hover {
  color: #2d2d2d;
}

/* Vielen Dank - Seite */
.page-vielen-dank header#header {
  padding-bottom: 0;
}

.page-vielen-dank main#main {
  background-color: black;
}

.page-vielen-dank h1 {
  text-align: center;
  color: white;
}

.page-vielen-dank section.intro {
  text-align: center;
  color: white;
}

/* 403 - Seite */
.page-node-32 header#header {
  padding-bottom: 0;
}

.page-node-32 main#main {
  background-color: black;
}

.page-node-32 h1 {
  text-align: center;
  color: white;
}

.page-node-32 section.intro {
  text-align: center;
  color: white;
}

/* 404 - Seite */
.page-node-31 header#header {
  padding-bottom: 0;
}

.page-node-31 main#main {
  background-color: black;
}

.page-node-31 h1 {
  text-align: center;
  color: white;
}

.page-node-31 section.intro {
  text-align: center;
  color: white;
}

/* Footer */
div#block-unternehmen p {
  font-size: 0.8rem;
  margin-bottom: 0;
}

/* Sidebar Callback */
/* Closed */
div#callback_region {
  position: fixed;
  top: 8em;
  right: 0;
  z-index: 0;
  transform: translateX(100%);
  transition: all 0.5s ease;
}

/* Open */
div#callback_region.is-open {
  transform: translateX(50%);
}

/* Sidebar Settings */
.sidebar-contact {
  background-color: #ce1719;
  margin: 0;
  padding: 0.5rem;
  display: flex;
  border-left: 3px solid #000;
  border-bottom: 3px solid #000;
  border-top: 3px solid #000;
  color: white;
  position: absolute;
  transform: translateX(-100%);
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  font-size: 1.2rem;
}

.sidebar-contact i.fas.fa-sidebar-icon.fa-phone-alt {
  margin-right: 0.5rem;
  margin-top: 0.2rem;
  font-size: 1.2rem;
}

.webform-submission-rueckrufservice-form {
  background-color: white;
  padding: 0.5rem;
  border: 3px solid black;
}

.webform-submission-rueckrufservice-add-form {
  background-color: white;
  padding: 0.5rem;
}

form#webform-submission-rueckrufservice-node-8-add-form--2 {
  background-color: white;
  padding: 0.5rem;
}

form#webform-submission-rueckrufservice-node-25-add-form--2 {
  background-color: white;
  padding: 0.5rem;
}

form#webform-submission-rueckrufservice-node-24-add-form--2 {
  background-color: white;
  padding: 0.5rem;
  border: 3px solid black;
}

form#webform-submission-rueckrufservice-node-14-add-form--2 {
  background-color: white;
  padding: 0.5rem;
}

div#block-webform--2 {
  /*border-left: 3px solid #000;*/
  /*border-bottom: 3px solid #000;*/
  /* border-top: 3px solid #000;*/
  right: 0;
  z-index: 98;
  transition: all 0.5s ease;
  width: 50%;
}

div#block-webform--2 div#edit-actions--3 {
  text-align: right;
}

div#block-webform--5 div#edit-actions--3 {
  text-align: right;
}

div#block-webform--5 div#edit-actions--3 {
  text-align: right;
}

.js-form-wrapper {
  text-align: right;
}

.webform-button--submit {
  background-color: #ce1719;
}

div#block-webform--2 input#edit-actions-submit--2 {
  background-color: #ce1719;
}

div#block-webform--5 input#edit-actions-submit--3 {
  background-color: #ce1719;
}

/* Kontaktseite */
.page-kontakt {
  background-color: black;
}

.page-kontakt h1 {
  color: white;
}

.page-kontakt a {
  color: #ce1719;
}

.page-kontakt div#edit-markup-02 h2 {
  font-size: 1.4rem;
  margin: 0;
  margin-bottom: 1rem;
}

.page-kontakt input#edit-name,
.page-kontakt input#edit-e-mail-adresse,
.page-kontakt input#edit-betreff,
.page-kontakt input#edit-telefon-nr,
.page-kontakt textarea#edit-beschreibung {
  color: black;
}

.page-kontakt .js-form-type-webform-terms-of-service {
  display: flex;
}

.page-kontakt input#edit-terms-of-service {
  margin-top: 0.55rem;
}

div#edit-markup {
  margin-bottom: 0.5rem;
}

.page-kontakt div#edit-markup-01 {
  text-align: right;
  margin-bottom: 1rem;
}

.page-kontakt div#edit-markup-01:before {
  content: "*";
  color: #ce1719;
}

.page-kontakt .js-form-required:after {
  content: "*";
  color: #ce1719;
}


/* Sidebar Callback */
/* Closed */
div#callback_region {
  position: fixed;
  top: 8em;
  right: 0;
  z-index: 0;
  transform: translateX(100%);
  transition: all 0.5s ease;
}

/* Open */
div#callback_region.is-open {
  transform: translateX(50%);
}

/* Sidebar Settings */
.sidebar-contact {
  background-color: #ce1719;
  margin: 0;
  padding: 0.5rem;
  display: flex;
  border-left: 3px solid #000;
  border-bottom: 3px solid #000;
  border-top: 3px solid #000;
  color: white;
  position: absolute;
  transform: translateX(-100%);
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  font-size: 1.2rem;
}

.sidebar-contact, .webform-submission-rueckrufservice-form {
  border: none !important;
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.25);
}

.sidebar-contact i.fas.fa-sidebar-icon.fa-phone-alt {
  margin-right: 0.5rem;
  margin-top: 0.2rem;
  font-size: 1.2rem;
}

.webform-submission-rueckrufservice-form {
  background-color: white;
  padding: 0.5rem;
  border: 3px solid black;
}

.webform-submission-rueckrufservice-add-form {
  background-color: white;
  padding: 0.5rem;
}

form#webform-submission-rueckrufservice-node-8-add-form--2 {
  background-color: white;
  padding: 0.5rem;
}

form#webform-submission-rueckrufservice-node-25-add-form--2 {
  background-color: white;
  padding: 0.5rem;
}

form#webform-submission-rueckrufservice-node-24-add-form--2 {
  background-color: white;
  padding: 0.5rem;
  border: 3px solid black;
}

form#webform-submission-rueckrufservice-node-14-add-form--2 {
  background-color: white;
  padding: 0.5rem;
}

div#block-webform--2 {
  /*border-left: 3px solid #000;*/
  /*border-bottom: 3px solid #000;*/
  /* border-top: 3px solid #000;*/
  right: 0;
  z-index: 98;
  transition: all 0.5s ease;
  width: 50%;
}

div#block-webform--2 div#edit-actions--3 {
  text-align: right;
}

div#block-webform--5 div#edit-actions--3 {
  text-align: right;
}

div#block-webform--5 div#edit-actions--3 {
  text-align: right;
}

.js-form-wrapper {
  text-align: right;
}

.webform-button--submit {
  background-color: #ce1719;
}

div#block-webform--2 input#edit-actions-submit--2 {
  background-color: #ce1719;
}

div#block-webform--5 input#edit-actions-submit--3 {
  background-color: #ce1719;
}

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