/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://www.lieferzwerge.de/app/fonts/Poppins-200.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.lieferzwerge.de/app/fonts/Poppins-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://www.lieferzwerge.de/app/fonts/Poppins-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://www.lieferzwerge.de/app/fonts/Poppins-800.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --lz-green: #2dc42a;
  --lz-green-dark: #42af40;
  --lz-darkblue: #313945;
  --lz-creme: #f9f7f5; /* old #f5f3ef */
  --lz-red: #fb5b3b;
  --lz-purple: rgba(104, 37, 255,1); /* #6825ff */
  --lz-purple-dark: rgb(53 0 175);
  --lz-container-width: 1220px;
  --lz-radius: 16px;
  --lz-radius-small: 8px;
  --lz-gradient: linear-gradient(336deg, rgba(64,222,61,1) 0%, rgba(45,196,42,1) 100%);
  --bg-dark: #010101;
  --nav-width: 45vw;
  --nav-closed-width: 90px;
  --preview-height: 200px;
  --bestseller-height: 460px;
  --darkblue: #16191e;
  --lightgrey: #6e768a; /* old #62697b */
  --middlegrey: #252b33;
  --light: #eef3fb;
  --ki-width: 980px;
}

body {background: #18191b;font-family: 'Poppins';margin:0;padding:0;display: flex;justify-content: center;color:var(--lz-darkblue);}
details {max-width:var(--ki-width);overflow: auto;width: 100%;margin:15px 0;}
pre {padding:10px;font-size:10px;line-height:12px;color:#6825ff;background:rgba(104,37,255,0.08);border-radius:6px;max-width:var(--ki-width);overflow: auto;width:calc(100% - 20px);}
h6 {margin: 10px 0;font-size: 16px;font-weight: 600;}

nav {position: absolute !important; top: 0; width: 100%; display: flex; justify-content: space-between; align-items: center;}
nav img {width: 140px;}
nav p {font-size: 12px;color: #fff;}
nav a {height: 38px;display: flex;align-items: center;}

footer {margin-bottom: 15px;font-size: 10px;}
footer, footer a {color: #5a6473;}
footer a {text-decoration: none;}

#searching {background: #0ff; margin: 10px 0; padding: 3px 5px;}
#progressContainer {width: 100%; max-width: 480px; background: #eee; border-radius: 10px; overflow: hidden; margin: 10px 0;} 
#progressBar {width: 0%; height: 8px; background: var(--lz-green); transition: width 0.6s ease; border-radius: 10px;} 
#progressText {font-family: 'Poppins'; font-size: 13px; color: #444; margin-top: 10px; font-weight: 500;width: 100%;text-align: center;margin-bottom: 20px;}
#steps {display: flex; justify-content: space-between; width: calc(100% - 20px); background: #f4f4f4; padding: 10px; margin: 0; border-radius: var(--lz-radius) var(--lz-radius) 0 0;box-shadow: 0 -10px 10px rgba(0,0,0,.5);z-index:1;}
#steps > span {width:calc(100% / 3);padding:5px 10px;text-align: center;display: flex;justify-content: center;align-items: center;font-size: 12px;color: #aaa;}
#steps > span > span {height: 26px;width: 26px;border-radius: 30px;display: flex;justify-content: center;align-items: center;background: #ddd;margin-right: 7px;font-size: 14px;color: #fff;}
#steps > span.active {color: #111;}
#steps > span.active > span {background: var(--lz-green);color: #fff;}
#steps > span[data-step="2"] {border-left:1px solid #ddd;border-right:1px solid #ddd;}
#steps > span.checked {color: var(--lz-green);}
#steps > span.checked > span {background: var(--lz-green);color: #fff;text-indent: -9999px;}
#steps > span.checked > span::after {content: '\2714';position: absolute;font-size: 16px;color: white;text-indent: 0;}
button.btn, #clear-prompt {border: none; background: #eee;cursor: pointer; padding: 2px 15px; border-radius: var(--lz-radius-small); font-size: 16px; height: 38px; transition: all .2s;font-family: 'Poppins';}
button.btn:hover {background: #ddd;}
button.btn.primary {background: var(--lz-green); color: #fff;}
button.btn.primary:hover {background: #1db21a;}
#v-actions, #v1-actions, #v2-actions, #start-actions {display: flex;justify-content: space-between;width: 100%;max-width: var(--ki-width);margin-bottom: 20px;}
input[name="betreff"] {opacity: 0;position: absolute;z-index: -1;}
#results {display: flex;flex-flow: column;justify-content: center;align-items: center;width: 100%;}
#create-ki-angebot, #cateringRequestForm, #edit-ki-angebot {max-width: var(--ki-width);width: 100%;}
#create-ki-angebot label {font-size: 12px;}
#prompt-box {position: relative;}
.result-header {margin-top:10px;font-weight:600;font-size:22px;}
.calc-info {padding:10px;margin-bottom:15px;font-size: 13px;}
#menuDisplay {margin-top: 10px;width: 100%;max-width: var(--ki-width);margin-bottom:20px;}
#prompt-box textarea {width: calc(100% - 22px); height: 200px; resize: none; margin-bottom: 15px; border: 1px solid #ddd; background: #fafafa; padding: 10px; font-size: 14px; font-family: 'Poppins'; border-radius: var(--lz-radius-small); }
#edit-ki-angebot textarea {border-radius: var(--lz-radius-small);width: calc(100% - 20px); height: 200px; resize: none; margin-bottom: 15px; border: 1px solid rgb(221, 221, 221);font-family: 'Poppins'; background: rgb(250, 250, 250); padding: 10px; transition: 0.4s;font-size: 14px;font-family: 'Poppins'}
#edit-ki-angebot {margin: 20px 0;}

#ki-cont {display: flex;flex-flow: column;align-items: center;overflow: hidden;height: auto;background: #18191b;width: 100%;max-width: var(--ki-width);margin: 0 15px;}
#form-cont {display: flex;flex-flow: column;align-items: center;background: #fff;padding: 0 20px;margin: 0 0 15px;border-radius: 0 0 var(--lz-radius) var(--lz-radius);width: calc(100% - 40px);}
#intro {background: #181b1d url('https://www.lieferzwerge.de/upload/zwergenland-neu-2.jpg') no-repeat center top / cover; height: 300px; width: 90%; display: flex;position: relative;justify-content: center;align-items: center;}
#ki-ra {width: 150px;height: 150px;background: #fff;border-radius: 150px;}
#intro > div {display: flex; justify-content: center; align-items: center; flex-flow: column;margin-top: 10px;}
#intro > div span {background: var(--lz-green); padding: 2px 17px; border-radius: 40px; color: #fff; font-weight: 600; transform: translateY(-22px);}
#intro h3 {font-size: 28px; margin-right: 40px; max-width: 350px; line-height: 24px;}
#intro h3 span {font-size: 16px;font-weight: 400;display: block;line-height: 20px;margin-top: 10px;}


#steps, #form-cont {transition: all .3s;opacity: 0;}
.loaded #steps, .loaded #form-cont {opacity: 1;}
#ki-cont > .fa-spin {font-size: 42px;color: #fff; position: absolute; top: 275px; z-index: 99; background: #18191b; padding: 5px; border-radius: 100px;}


.input-row {display: flex;width: 100%;}
.input-con {display: flex;align-items: center;width: 50%;margin-bottom: 5px;}
.input-con .input-con-lab {margin-right: 10px;width: 80px;font-size: 14px;}
#create-ki-angebot .input-con .input-con-lab {width: 100px;}
.input-con input, .input-con select {height: 28px; font-size: 14px; margin: 0; padding: 0 10px; border: 1px solid #ddd; background: #f4f4f4; border-radius: 5px;font-family: 'Poppins';min-width: 158px;width: 100%;max-width: 200px;}
.input-con select {height: 30px;max-width: 222px;}

#date-error, #personen-error {color: red;font-size: 12px;font-weight: 600;}
#examples {margin: 20px;max-width: var(--ki-width);width: 100%;}
#example-btn {margin-left: 10px;}
#example-btn i, #edi-ki-v i {transform: rotate(0deg);transition: all .2s;}
#example-btn.active i, #edi-ki-v.active i {transform: rotate(180deg);}
#edi-ki-v {margin-left: 5px;}
#examples button.btn {margin: 5px 2.5px;font-size: 14px;}
#clear-prompt {background: tomato;color: #fff;display: none;margin: 5px 2.5px;}

.gerichte {list-style:none;padding:0;margin:0;}
.gericht-item {margin-bottom:6px;padding:6px 8px;background:#f4f4f4;border-radius:6px;}
.gericht-item .name {font-weight:600;font-size: 16px;}
.gericht-item .descr {font-size: 12px;display: block;}
.catering-category > h3 {margin-bottom: 6px;font-weight: 600;font-size: 18px;}
.catering-category > h4 {font-size: 14px;margin: 10px 0;font-weight: 600;color: var(--lz-green);}

.catering-options > h3 {color:#6825ff;font-weight: 600;}

#calc-result {text-align: center;margin-bottom: 20px;}
#calc-result .price {font-size: 16px;font-weight: 600;}
#calc-result .price b {font-weight: 600;}
#calc-result .add {color: #aaa;font-size: 10px;line-height: 12px;max-width: 600px;}
#calc-result .rabatti {font-size: 16px;font-weight: 600;color: var(--lz-green);}
#calc-result .rabatti span {display: block;color: #aaa;font-size: 10px;line-height: 12px;margin-top: 5px;font-weight: 400;}

#create-ki-angebot fieldset {border-radius: var(--lz-radius-small);margin:15px 0 20px;border: 1px solid #ddd;}
#create-ki-angebot fieldset legend {font-weight: 600; font-size: 12px; padding: 0 10px; color: #444;}
#create-ki-angebot fieldset p {margin: 0 0 10px;font-size: 14px;}
#create-ki-angebot fieldset label {margin-right: 15px;font-size: 14px;}
#create-ki-angebot > label {margin-bottom: 15px;display: inline-block;}
#create-ki-angebot textarea {font-family: 'Poppins';font-size: 14px;width: calc(100% - 20px); height: 100px; resize: none; margin: 15px 0; border: 1px solid #ddd; background: #fafafa; padding: 10px; border-radius: var(--lz-radius-small);}

#success-message {max-width: 900px;width: 100%;text-align: center;margin: 10px 0 15px;}
#success-message h3 {font-size: 18px;font-weight: 600;}
#success-message p {font-size: 14px;}

.fade_txt {display: inline-block;opacity: 0;transform:scaleY(.2);transition: all .2s ease-in-out;transform-origin: right center;}
.fade_txt.show {opacity: 1;transform:scale(1);}

p.small-edit {font-size: 12px;margin: 0 0 15px;}
p.invalid {color: red; text-align: center; padding:20px; border-radius: var(--lz-radius-small); font-size: 12px; max-width: 400px; margin: 0 auto; background: #ff00000f;}
p.invalid span {font-size: 18px;font-weight: 600;display: block;margin-bottom: 5px;}
p.invalid i {display: block;font-size: 32px;margin-bottom: 10px;}


.faq-item {margin:0 20px;padding: 10px 0;cursor: pointer;border-bottom: 1px solid #ddd;}
.faq-item:last-child, .faq-item.last {border:none;}
.faq-item h6 {font-size: 13px;display: flex;justify-content: flex-end;font-weight: 400;align-items: center;flex-flow: row-reverse;}
.faq-item a {color: #fff;}
.faq-item h6 span {margin-right: 15px;}
.faq-item h6 i {transition: all .3s;margin-right: 15px;font-size: 14px;}
.faq-item.open h6 i {transform: rotate(180deg);}
.faq-item.open h6 i::before {content: "\f068";}
.faq-item p {display: none;padding: 0;font-size: 12px;line-height: 18px;margin: 10px 0 0;}

#page-content .container.faq h2 {font-size: 20px;padding: 10px 0;line-height: 32px;font-weight: 600;flex-flow: row-reverse;display: flex;justify-content: flex-end;align-items: flex-start;}
#page-content .container.faq h3 {font-size: 28px;line-height:30px;margin:70px 0 20px;padding-top: 70px;}
.container.faq h3:first-of-type {margin-top: 20px;}
.container.faq h2 i {margin: 3px 15px 0 0;font-size: 26px;transition: all .3s;}
.container.faq .faq-item.open h2 i {transform: rotate(180deg);}
.container.faq .faq-item.open h2 i::before {content: "\f068";}

.container.faq p {font-size: 16px;line-height: 24px;padding: 0 0 0 36px;margin: 0 0 15px;}

.container.faq.cat-content h4 {font-size: 22px; font-weight: 400; background: rgba(255,255,255,.035); padding: 10px 15px; border-radius: 6px;}


.swiper.image-review.swiper-css-mode > .swiper-wrapper {padding: 40px 0;}
.swiper.image-review .swiper-button-next, .swiper.image-review .swiper-button-prev {display: none;}
.swiper.image-review {width: calc(100% - 400px);margin: 0;}

/** new reviews **/
#image-review {display: flex;flex-wrap: wrap;justify-content: flex-start;}
.swiper.image-review {width: calc(100% - 400px);margin: 0;}
.review-t {margin: 25px 0;background: var(--darkblue);padding: 25px;border-radius: var(--lz-radius);}
.review-t .date {color: var(--lightgrey);margin: 10px 0 0;display: block;}
.review-t .review-img img {border-radius: var(--lz-radius-small);width: 100px;margin-right: 15px;}
.rating-blk {display: flex;justify-content: space-between;width: 315px;align-items: center;margin: 0 0 5px;}
.rating-blk .stars {width:60px;}
.rating-blk .average {width:30px;text-align: right;}
.rating-blk .blk {height:18px;width:200px;background:rgba(255,255,255,.035);position:relative;display:flex;align-items:center;justify-content:flex-start;border-radius: 3px;overflow: hidden;}
.rating-blk .blk > span {height:100%;background:orange;border-radius: 3px;}

.review-det.customy {max-width: 80vw;}
.review-det.customy .lity-content {flex-flow: row;}
.review-det.customy .lity-content > img {height: auto; object-fit: cover; max-width: 65%; border-radius: var(--lz-radius); margin-right: 25px;}
.review-det.customy .lity-content > div > p {font-size: 14px;line-height: 26px;margin-top: 20px;}
.review-det.customy .lity-content .review-head > span {display: flex; flex-flow: row; width: 100%; align-items: center; }

.rating-cont {font-size: 13px;}
.rating .bgr {font-size: 18px;display: block;margin: 0 0 5px;}
.rating .bgr i {color: orange;}
.rating-cont .rating > span:last-child {color: var(--lightgrey);}

#siegel {margin:0 0 6px; flex-wrap: wrap;display: flex;justify-content: flex-start;}
#siegel > * {margin: 0 0 0 25px;width: 120px !important;height: 120px !important;}
#ggle {background: #f4f4f4; border-radius: 10px; display: flex; flex-flow: column; justify-content: center;align-items: center;color: var(--lz-darkblue);}
#siegel #ggle img {width: 75px;height: auto;margin: 0 0 2px;}
#siegel #ggle > span {transform: scale(.8);}
#ggle i {color: orange;}
#ggle .txt {font-size: 10px;margin-top: 5px;color: #999;text-decoration: underline;}

#siegel #ggle img {width: 75px !important; height: auto !important; margin: 0 0 2px; max-width: 70px; mix-blend-mode: multiply;}
#siegel img, #pe_badge_uvrescst .pe-flip-back, #pe_badge_uvrescst .pe-flip-inner, #pe_badge_uvrescst .pe-flip-outer, #pe_badge_uvrescst .pe-flip-front {height: auto !important; width: 120px !important;}
#provenexpert_circle_widget_qkjng {display: flex;justify-content: center;align-items: center;}

#page-content {color: #fff; display: none; width: calc(100% - 30px); position: relative; padding:80px 15px 15px; flex-flow: column;}
#page-content h2 {font-size: 28px;}
#page-content section {margin: 80px 0;}
.rate-stuff {display: flex;align-items: flex-end;justify-content: flex-start;}

.payment-logos {display: flex;align-items: center;height: 75px;}
.payment-logos img:first-child {margin-right: 35px;}
.container.faq.cat-content {margin-bottom: 100px;}


#ki-offer.intern {background:#fff;margin-top:15px;}
.intern #steps {border-radius: var(--lz-radius-small);box-shadow: none;}
.intern #ki-cont {background:#fff;}

.char-info {font-size:12px;color:#888;margin:0 0 10px;display: flex;}
.char-warning {display:none;color:red;font-weight:600;margin-left: 10px;}
.char-warning i {margin-right: 2px;}

.load-offer-actions {margin: 0 0 15px;display:flex;justify-content: space-between;width:calc(100% - 20px);align-items: center;background: #6825ff;padding: 10px;border-radius: var(--lz-radius);}
.load-offer-actions button.btn {font-size: 12px; height: 29px;min-height: 29px; padding: 2px 10px; background: #fff; color: var(--lz-purple);}
.load-offer-actions button.btn:hover {background:var(--lz-purple-dark);color:#fff;}
.load-offer-actions button#clear-offer.btn:hover {background: red;}
.load-offer-actions .info {font-size: 12px; padding: 5px 12px; background: #ffffff36;color: #fff; border-radius: var(--lz-radius-small);}

#save-ki-v, #resume-offer {margin: 0 10px 0 0;border-radius: var(--lz-radius-small);}

.typen .swiper-slide, .food .swiper-slide {background: rgba(255,255,255,.05); height: 200px; border-radius: var(--lz-radius); overflow: hidden;position: relative;}
.typen .swiper-slide h6, .food .swiper-slide h6 {position: absolute; left: 20px; bottom: 20px; z-index: 2; font-size: 18px; border-bottom: 1px solid #fff; padding-right: 30px; font-style: italic;}
.typen .swiper-slide img, .food .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
.typen .swiper-slide::after, .food .swiper-slide::after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(40deg,rgba(0, 0, 0, .75) 10%,rgba(22, 25, 30, 0) 70%); z-index: 0;}

.food .swiper-slide {height: 260px;}
.food .swiper-slide h6 {font-size: 22px;font-style: normal;border:none;font-weight: 400;}


#sldr h2, #sldr1 h2 {display: flex;justify-content: space-between;}
#s-controls, #f-controls {display: flex;width: 90px;justify-content: space-between;position: relative;}
#s-controls > div::after, #f-controls > div::after {display: none;content:'';}
#s-controls > div i, #f-controls > div i {color: #fff;}

#enter-mail {display: none;justify-content: center;align-items: center;position: fixed;top:0;left:0;width: 100%;height: 100vh;background: rgba(0,0,0,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index: 999;}
#enter-mail > div {background: #fff;align-items: center;width: 300px;border-radius: var(--lz-radius);display: flex;flex-flow: column;box-shadow: 0 0 50px rgba(0,0,0,.15);padding: 0 20px;}
#enter-mail #continue-calc .input-con {width: 100%;}
#enter-mail > div p span {font-weight: 600;font-size: 16px;}
#enter-mail > div p {font-size: 13px;line-height: 18px;width: 100%;}
#continue-calc {display: flex;flex-flow: column;margin-bottom: 20px;}
#continue-calc button {margin: 10px 0 0;}


/* tablet */
@media screen and (max-width: 960px) {

#menuDisplay, details, #examples, #create-ki-angebot, #cateringRequestForm, #edit-ki-angebot {max-width: 100%;}
#prompt-box textarea {width: calc(100% - 22px);}
button {height: 40px;}
#steps > span {font-size: 10px;flex-flow: column;line-height: 12px;justify-content: flex-start;}
#steps > span > span {margin: 0 0 5px;}
#steps {width: 100%;padding: 5px 0; margin: 0;}
input, select {height: 26px;font-size: 16px;}
#create-ki-angebot input {height: auto;}

#intro h3 {color: #fff;}
#intro::after {content: '';position: absolute;height: 100%;width: 100%;background: rgba(0,0,0,.2);z-index: 0;}
#intro > * {position: relative;z-index: 1;}
body, #ki-cont {background: #141416}

}


/* smartphone landscape */
@media screen and (max-width: 721px) {

#ki-ra {width:120px;height:120px;}
.input-con {width: 100%;}
.input-row {flex-flow: column;}
.input-con .input-con-lab {width: 120px;}
button.btn, #clear-prompt {font-size: 14px;}
#intro {background: #181b1d url('https://www.lieferzwerge.de/upload/zwergenland-neu-2.jpg') no-repeat center top / cover;height: 260px;width: 100%;}
#intro > div span {transform: translateY(-22px) scale(.7);}
#examples button {height: 36px;margin: 2px;width: calc(100% - 4px);}

.result-header {line-height: 26px;}
.payment-logos {align-items: flex-start;height: auto;flex-flow: column;}
.payment-logos img:first-child {margin: 20px 0 15px;}

#v1-actions > span {flex-flow: column;width: calc(50% - 5px);}
#v1-actions .btn {width: calc(100% - 7.5px);margin: 0 0 10px;}

#iptflds {display: flex;flex-flow: column;}
.input-row.one {order: 1;}
.input-row.two {order: 3;}
.input-row.three {order: 2;}

}

/* smartphone potrait */
@media screen and (max-width: 540px) {

#ki-ra {width: 80px;height:80px;}
#intro h3 {font-size: 24px;}
#intro h3 span {font-size: 14px;line-height: 18px;}
#intro {height: 200px;}

button.btn, #clear-prompt {height: auto;min-height: 42px;}
#edi-ki-v {margin:0;width: 100%;}
#new-ki-v {width: 100%;margin: 0 0 10px;}
#skip-first {display: flex;align-items: center;justify-content: center;height: 42px;}
#skip-first i {margin-left: 5px;}
#example-btn {margin: 5px 0 0;}
#start-actions > span {display: flex;flex-flow: column;margin-bottom: 15px;}
#back1-ki-v {margin-right: 10px;}

.input-con .input-con-lab {width: 80px;}
.input-con input, .input-con select {height: 32px;font-size: 16px;}
#create-ki-angebot input[type="text"], #create-ki-angebot input[type="tel"], #create-ki-angebot input[type="email"] {height: 32px;}
#create-ki-angebot fieldset label {margin: 0 0 10px;display: block;}
#examples button {min-height: 42px;height: auto;}
.input-con input {width: calc(100% - 80px);}
.input-con select {width: calc(100% - 60px);}

#start-actions {flex-flow: column;}
#cateringRequestForm.ready #start-actions button.btn.primary:not(#skip-first) {background: #eee;color: var(--lz-darkblue);}
#v-actions, #start-actions {flex-flow: column;}
#v-actions > span {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;flex-flow: column;}
#edit-ki-angebot button.btn {width: 100%;}
#v2-actions .btn.primary {width: calc(100% - 110px);}
#create-ki-angebot fieldset p {font-weight: 600;line-height: 20px;}

#create-ki-angebot fieldset legend {font-weight: 400;font-size: 11px;}
.gericht-item .name {font-size: 14px;}

nav a {width: 26px;overflow: hidden;}
nav p {font-size: 11px}

p.small-edit {font-size: 10px;line-height: 14px;}
p.invalid {padding: 15px;font-size: 11px;line-height: 15px;}
p.invalid span {font-size: 16px;}

.rate-stuff {align-items: flex-start;justify-content: flex-start;flex-flow: column;}

#page-content {width: 100%;padding: 40px 0 15px;font-size: 13px;}
#page-content h2 {font-size: 22px;}

#page-content .container.faq h2 {font-size: 18px;line-height: 26px;}
.container.faq h2 i {font-size: 22px;margin: 2px 10px 0 0;}
#siegel > * {margin: 25px 0 0;}
#page-content section {margin: 40px 0;}

#page-content .container.faq h3 {font-size: 22px;line-height: 30px;margin: 0 0 25px;padding-top: 70px;}
.container.faq p {font-size: 13px;line-height: 21px;}
.container.faq.cat-content h4 {font-size: 18px;}

.char-info {font-size: 11px;}

.load-offer-actions {justify-content: center;flex-flow: column;}
.load-offer-actions > span:first-child {margin-bottom: 10px;width: 100%;padding: 5px 0;text-align: center;}
.load-offer-actions .info {margin-bottom: 10px;width: 100%;padding: 5px 0;text-align: center;}
.load-offer-actions > span:last-child {width: 100%;display: flex;justify-content: space-between;}
.load-offer-actions button.btn {width: calc(50% - 5px);margin: 0;}

#v1-actions {flex-flow: column;}
#v1-actions > span {flex-flow: column;width: 100%;}
#v1-actions .btn {width:100%;margin: 0 0 10px;}

#form-cont {padding: 5px 15px 0;margin: 0 0 15px;width: calc(100% - 30px);}

#success-message h3 {display: flex;flex-flow: column-reverse;}
#success-message h3 i {font-size: 38px;margin-bottom: 10px;color: var(--lz-green);}
#success-message p {font-size: 13px;}

}