.vimeo-cookie-wrapper, .soundcloud-cookie-wrapper, .youtube-cookie-wrapper, .spotify-cookie-wrapper, .openstreetmap-cookie-wrapper {
  background-color: #eeeeee;
  padding: 20px;
}
.vimeo-cookie-wrapper p:nth-child(2), .soundcloud-cookie-wrapper p:nth-child(2), .youtube-cookie-wrapper p:nth-child(2), .spotify-cookie-wrapper p:nth-child(2), .openstreetmap-cookie-wrapper p:nth-child(2) {
  margin-bottom: 30px;
}
.vimeo-cookie-wrapper p, .soundcloud-cookie-wrapper p, .youtube-cookie-wrapper p, .spotify-cookie-wrapper p, .openstreetmap-cookie-wrapper p {
  font-size: 15px;
}
.vimeo-cookie-wrapper p:last-child, .soundcloud-cookie-wrapper p:last-child, .youtube-cookie-wrapper p:last-child, .spotify-cookie-wrapper p:last-child, .openstreetmap-cookie-wrapper p:last-child {
  display: inline;
  margin-left: 16px;
}

#cookie-banner.cookie-banner-close {
  transform: translate(0, 100%);
}

.soundcloud-cookie-wrapper .switch, .vimeo-cookie-wrapper .switch, #cookie-settings-options .switch, .youtube-cookie-wrapper .switch, .spotify-cookie-wrapper .switch, .openstreetmap-cookie-wrapper .switch {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 12px;
  top: 4px;
}
.soundcloud-cookie-wrapper .switch input, .vimeo-cookie-wrapper .switch input, #cookie-settings-options .switch input, .youtube-cookie-wrapper .switch input, .spotify-cookie-wrapper .switch input, .openstreetmap-cookie-wrapper .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.soundcloud-cookie-wrapper .slider, .vimeo-cookie-wrapper .slider, #cookie-settings-options .slider, .youtube-cookie-wrapper .slider, .spotify-cookie-wrapper .slider, .openstreetmap-cookie-wrapper .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.soundcloud-cookie-wrapper .slider:before, .vimeo-cookie-wrapper .slider:before, #cookie-settings-options .slider:before, .youtube-cookie-wrapper .slider:before, .spotify-cookie-wrapper .slider:before, .openstreetmap-cookie-wrapper .slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 0;
  bottom: 0;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.soundcloud-cookie-wrapper input:checked + .slider, .vimeo-cookie-wrapper input:checked + .slider, #cookie-settings-options input:checked + .slider, .youtube-cookie-wrapper input:checked + .slider, .spotify-cookie-wrapper input:checked + .slider, .openstreetmap-cookie-wrapper input:checked + .slider {
  background-color: #69b023;
}
.soundcloud-cookie-wrapper input:checked + .slider:before, .vimeo-cookie-wrapper input:checked + .slider:before, #cookie-settings-options input:checked + .slider:before, .youtube-cookie-wrapper input:checked + .slider:before, .spotify-cookie-wrapper input:checked + .slider:before, .openstreetmap-cookie-wrapper input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.soundcloud-cookie-wrapper .slider.round, .vimeo-cookie-wrapper .slider.round, #cookie-settings-options .slider.round, .youtube-cookie-wrapper .slider.round, .spotify-cookie-wrapper .slider.round, .openstreetmap-cookie-wrapper .slider.round {
  border-radius: 34px;
}
.soundcloud-cookie-wrapper .slider.round:before, .vimeo-cookie-wrapper .slider.round:before, #cookie-settings-options .slider.round:before, .youtube-cookie-wrapper .slider.round:before, .spotify-cookie-wrapper .slider.round:before, .openstreetmap-cookie-wrapper .slider.round:before {
  border-radius: 50%;
}
.soundcloud-cookie-wrapper .cookie-settings-option, .vimeo-cookie-wrapper .cookie-settings-option, #cookie-settings-options .cookie-settings-option, .youtube-cookie-wrapper .cookie-settings-option, .spotify-cookie-wrapper .cookie-settings-option, .openstreetmap-cookie-wrapper .cookie-settings-option {
  border-top: 1px solid #c8c8c8;
}
.soundcloud-cookie-wrapper .cookie-settings-option > div:first-child, .vimeo-cookie-wrapper .cookie-settings-option > div:first-child, #cookie-settings-options .cookie-settings-option > div:first-child, .youtube-cookie-wrapper .cookie-settings-option > div:first-child, .spotify-cookie-wrapper .cookie-settings-option > div:first-child, .openstreetmap-cookie-wrapper .cookie-settings-option > div:first-child {
  margin: 4px 0;
}
.soundcloud-cookie-wrapper .cookie-settings-option .cookie-settings-option-content, .vimeo-cookie-wrapper .cookie-settings-option .cookie-settings-option-content, #cookie-settings-options .cookie-settings-option .cookie-settings-option-content, .youtube-cookie-wrapper .cookie-settings-option .cookie-settings-option-content, .spotify-cookie-wrapper .cookie-settings-option .cookie-settings-option-content, .openstreetmap-cookie-wrapper .cookie-settings-option .cookie-settings-option-content {
  margin-top: 30px;
  padding-left: 45px;
}

#abort {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 12' style='enable-background:new 0 0 12 12;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000000;stroke-width:1.4724;%7D%0A%3C/style%3E%3Cg%3E%3Cline class='st0' x1='0.4' y1='0.4' x2='11.6' y2='11.6'/%3E%3Cline class='st0' x1='11.6' y1='0.4' x2='0.4' y2='11.6'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-color: inherit;
  margin: 0;
  border-radius: 0;
  border: unset;
  padding: 0;
  -webkit-transition: background-color unset;
  transition: background-color unset;
}

#cookie-banner-link {
  cursor: pointer;
}

#cookie-settings-options {
  margin-top: 27px;
}
#cookie-settings-options .cookie-settings-option-content {
  margin-bottom: 40px;
}

#cookie-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #eeeeee;
  transform: translate(0, 0);
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  z-index: 100000000000000000;
}
#cookie-banner input, #cookie-banner button {
  outline: none;
}
#cookie-banner p, #cookie-banner .privacy-info {
  font-size: 15px;
}
#cookie-banner .privacy-info a {
  color: #646464;
  border-bottom-color: #646464;
}
#cookie-banner .privacy-info:last-child {
  text-align: right;
}
#cookie-banner .cookie-container {
  display: flex;
}
#cookie-banner .cookie-container .cookie-container-item {
  flex-basis: 50%;
}
#cookie-banner .cookie-container .cookie-container-item .more-info {
  margin: 0;
}
#cookie-banner .cookie-container .cookie-container-item .more-info:first-child {
  flex-basis: 30%;
}
#cookie-banner .cookie-container .cookie-container-item .more-info:last-child {
  flex-basis: 70%;
}
#cookie-banner .cookie-container .cookie-container-item-checkbox:first-child {
  flex-basis: 79%;
}
#cookie-banner .cookie-container .cookie-container-item-checkbox:first-child p {
  display: inline;
  margin-left: 10px;
}
#cookie-banner .cookie-container .cookie-container-item-checkbox:last-child {
  flex-basis: 21%;
  text-align: right;
}
#cookie-banner .cookie-container .cookie-container-item-checkbox:last-child span {
  margin-right: 8px;
}
#cookie-banner .cookie-container .cookie-container-item-checkbox:last-child button {
  background: unset;
  border: unset;
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  color: #646464;
}
#cookie-banner .cookie-container .cookie-container-item-checkbox:last-child button::after {
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 7' style='enable-background:new 0 0 12 7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23646464;stroke-width:1.4724;%7D%0A%3C/style%3E%3Cg%3E%3Cpolyline class='st0' points='0.3,0.5 6,6.2 11.7,0.5 '/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: 5px;
}
#cookie-banner .cookie-container .cookie-container-item-checkbox.open:last-child button::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 7' style='enable-background:new 0 0 12 7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23646464;stroke-width:1.4724;%7D%0A%3C/style%3E%3Cg%3E%3Cpolyline class='st0' points='11.7,6.4 6,0.6 0.3,6.4 '/%3E%3C/g%3E%3C/svg%3E%0A");
}
#cookie-banner .cookie-button input {
  margin: 0;
  color: #FFF;
  background-color: #646464;
  border-radius: 6px;
  border: none;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.02em;
  padding: 8px 10px;
  width: 100%;
}
#cookie-banner #cookie-settings {
  background-color: transparent;
  border: 1px solid #b7b7b7;
  color: #b7b7b7;
}
#cookie-banner #buttons-sub input {
  background-color: #b7b7b7;
}
#cookie-banner #buttons-main .cookie-button:first-child, #cookie-banner #buttons-sub .cookie-button:first-child {
  margin-bottom: 12px;
}
#cookie-banner #buttons-main .cookie-button, #cookie-banner #buttons-sub .cookie-button {
  max-width: 200px;
  margin: auto;
}
#cookie-banner > .cookie-container {
  max-width: 1080px;
  justify-content: center;
  margin: auto;
  padding: 20px 25px 20px 30px;
}
#cookie-banner > .cookie-container .cookie-content {
  flex-basis: 82%;
  padding-right: 51px;
}
#cookie-banner > .cookie-container .cookie-content > p {
  margin: 0;
}
#cookie-banner > .cookie-container .cookie-buttons {
  flex-basis: 18%;
}
#cookie-banner > .cookie-container .cookie-buttons > .cookie-container {
  flex-direction: column;
  height: 100%;
}
#cookie-banner > .cookie-container .cookie-buttons > .cookie-container .open {
  margin-top: auto;
}
#cookie-banner #privacy-info-wrapper .privacy-info:first-child {
  flex-basis: 55%;
}
#cookie-banner #privacy-info-wrapper .privacy-info:last-child {
  flex-basis: 45%;
}

@media (max-width: 1080px) {
  #cookie-banner.settings-open {
    overflow: auto;
    height: 100%;
  }

  #cookie-banner > .cookie-container {
    max-width: unset;
    padding: 20px 25px;
    margin: unset;
  }

  #cookie-settings-options .cookie-settings-option-content {
    margin-bottom: 0;
  }
  #cookie-settings-options > .cookie-settings-option {
    margin-bottom: 40px;
  }
  #cookie-settings-options > .cookie-settings-option > div:first-child {
    margin: 14px 0 0 0;
    flex-direction: column;
  }
  #cookie-settings-options > .cookie-settings-option > div:first-child > div:first-child {
    display: flex;
  }
  #cookie-settings-options > .cookie-settings-option > div:first-child > div:first-child > label {
    top: 8px;
  }
  #cookie-settings-options > .cookie-settings-option > div:first-child > div:first-child > p {
    margin-left: 16px;
    margin-bottom: 20px;
  }
}
@media (max-width: 840px) {
  #cookie-banner p, #cookie-banner .privacy-info {
    font-size: 13px;
    line-height: 24px;
  }
  #cookie-banner > .cookie-container {
    flex-direction: column;
  }
  #cookie-banner > .cookie-container .cookie-content {
    padding: 0;
  }
  #cookie-banner > .cookie-container #cookie-settings-options .cookie-container-item:first-child {
    margin-right: 30px;
  }
  #cookie-banner #buttons-sub {
    order: 1;
    margin-bottom: 27px;
  }
  #cookie-banner #privacy-info-wrapper {
    order: 2;
  }
  #cookie-banner #privacy-info-wrapper .privacy-info:first-child {
    margin-right: 10px;
  }
  #cookie-banner #privacy-info-wrapper .privacy-info {
    flex-basis: unset;
  }
  #cookie-banner #buttons-main .cookie-button:first-child {
    margin-top: 30px;
  }
}
@media (max-width: 540px) {
  #cookie-banner > .cookie-container .cookie-settings-option-content > .cookie-container {
    flex-direction: column;
  }
  #cookie-banner > .cookie-container .cookie-settings-option-content > .cookie-container #cookie-settings-options .cookie-container-item:first-child {
    margin-right: 0;
  }
  #cookie-banner #buttons-main .cookie-button, #cookie-banner #buttons-sub .cookie-button {
    max-width: unset;
  }
}

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