@media (min-width: 768px) { .pdr-0-sm { padding-right: 0px !important; } .pdl-0-sm { padding-left: 0px !important; } .thumbs { /* max-width: 200px; */ width: 100%; } }

.thumbs img { width: 85px; height: 85px; border-radius: 45px; margin: 15px auto 15px auto !important; display: grid; filter: grayscale(100%); transition: all 0.2s; cursor: pointer; }

.thumbs img.active { filter: initial; width: 150px; height: 150px; }

.spendenrhythmus > div { padding: 0px; }

.spende-home { padding-left: 0px; padding-right: 0px; }

@media (max-width: 767px) { .spende-home { text-align: center; } }

.spende-home h1 { font-size: 45px; text-transform: none; font-weight: 1000; }

button { width: 100%; background: #3d3d3d; border-radius: 3rem; height: 5rem; color: white; font-size: 16px; text-transform: uppercase; margin-top: 1rem; margin-bottom: 1rem; }

button.default { background: #68a94a; border: 0px !important; text-transform: none; cursor: pointer; height: 44px; }

button.inactive, button button[disabled] { filter: opacity(50%); }

.spendenrhythmus > div.left > button { border-radius: 4px 0px 0px 4px; }

.spendenrhythmus > div.right > button { border-radius: 0px 4px 4px 0px; }

.spenden-headline { /* font-size: 45px; */ }

@media (min-width: 992px) { .spenden-headline { padding-left: 325px; /* font-size: 45px; */ } }

.spenden-formular { display: grid; }

.slidecontainer { width: 100%; display: flex; }

#slider-value { border: 2px solid darkgrey; border-right: 0px; border-radius: 4px 0px 0px 4px; padding: 1px; text-align: center; width: 15%; float: left; font-size: 20px; }

.slider-append { padding: 4px 8px 4px 8px; font-size: 23px; border: 2px solid darkgrey; border-left: 0px; }

.slider { -webkit-appearance: none; width: 85%; height: 10px; border-radius: 0px 4px 4px 0px; border: 19px solid lightgray; background: darkgrey; padding: 3px; outline: none; opacity: 0.8; -webkit-transition: .2s; transition: opacity .2s; }

.slider:hover { opacity: 1; }

.slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 32px; height: 32px; margin-bottom: 3px; border: 0; background: url("/assets/img/spende.ico"); background-size: cover; cursor: pointer; }

.slider::-moz-range-thumb { width: 32px; height: 35px; border: 0; background: url("/assets/img/spende.ico"); background-repeat: no-repeat; background-size: 90%; cursor: pointer; }

.spenden-content { min-height: 500px; padding-top: 27px; padding-left: 76px; border-left: 2px solid grey; }

.spenden-content input.default, .spenden-content button.default { border: 2px solid darkgrey; border-radius: 4px; padding: 8px; font-size: 16px; width: 100%; margin-top: 5px; margin-bottom: 10px; }

.spenden-content input.default.input-append { border-radius: 4px 0px 0px 4px; border-right: 0px; }

.spenden-content input.default.input-prepend { border-radius: 0px 4px 4px 0px; border-left: 0px; }

@media (max-width: 991px) { .spenden-content { padding-left: 50px; padding-right: 50px; } }

.w3-modal { z-index: 2000; }

.w3-modal-content { width: 80%; max-width: 1100px; }

.kommentar .input-append-div { padding-bottom: 7px; }

.kommentar .input-append-div i { width: 20px; text-align: center; }

.kommentar-disabled .input-append-div { background: darkgrey; cursor: pointer; }

.kommentar-disabled input { background: lightgray; color: darkgrey; }

#spendenbescheinigung, #kommentar_bitcoin { font-size: 30px; color: darkgrey; padding: 5px; margin-right: 20px; cursor: pointer; float: left; }

.spendenbescheinigung label, .kommentar_bitcoin label { padding-top: 10px; }

.spenden-sidebar { margin-right: -5px; position: relative; left: -5px; }

.spenden-sidebar h1 { text-align: left; }

.spenden-sidebar ul { text-align: left; list-style: none; margin-top: 50px; padding-left: 0px; }

.spenden-sidebar ul a { color: #68a94a; font-size: 15px; }

@media (min-width: 768px) and (max-width: 991px) { .qrcode-col { max-width: 205px; } .zahlungsdaten { width: calc( 100% - 205px); } .zahlungsdaten .crypto { font-size: 0.8em; padding: 6px; } }

@media (max-width: 767px) { .qrcode img { margin-left: auto; margin-right: auto; } .zahlungsdaten p { text-align: center; } }

label { display: block; }

.input-append { width: calc( 100% - 50px) !important; }

.input-prepend { width: calc( 100% - 50px) !important; }

.input-append-div { width: 50px; border-radius: 0px 4px 4px 0px; display: inline; border: 2px solid darkgrey; border-left: 0px; padding: 8px 13px 8px 15px; font-size: 20px; background: #68a94a; color: white; position: relative; top: 2px; }

.checkbox-append-div { display: flex; }

.checkbox-append-div label { padding-top: 7px; }

.spenden-submit .no-radius { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }

.spenden-submit-info { position: relative; top: -5px; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; cursor: initial !important; }

.qrcode img { border: 5px solid white; height: 217px; margin-bottom: 10px; }

.animate-height, .animate-height-2 { transition: max-height 1s, opacity 0.5s 0.5s; height: auto; max-height: 250px; opacity: 1; }

.animate-height.collapsed, .animate-height-2.collapsed { max-height: 0px; margin-top: -1px !important; opacity: 0; }

.zahlungsdaten { padding-top: 4px; padding-left: 20px; }

.zahlungsdaten p { background: snow; padding: 1px 5px 1px 5px; margin-bottom: 10px; }

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