/* variables */
:root {
    --main-color: #d3050c;
    --third-color: #638000;
    --secondary-color: #ffc107;
    --secondary-color-light: #ffd968;
}

/* General */

html#web, body { height: 100%; margin: 0; font-family: Arial; font-size: 12px; max-height: 100%; }
body, html { height: 100%; margin: 0; }
body { font-family: Arial, sans-serif; font-size: 13px; line-height: 18px; color: #313131; }

h3, h4, h5, h6 { font-size: 24px; }
h2{ font-size: 26px; }

@font-face {
    font-family: 'DeliciousRoman';
    src: url('delicious-roman-webfont.eot');
    src: local('?'), url('delicious-roman-webfont.woff') format('woff'), url('delicious-roman-webfont.ttf') format('truetype'), url('delicious-roman-webfont.svg#webfonttvWEX2hz') format('svg');
    font-weight: normal;
    font-style: normal;
}

input, textarea, button, select, table, th, td, div, p, label, span { font-family: Arial; font-size: 100%; }

table {border:0; border-collapse:collapse;}
table td {padding:0; vertical-align:top;}

tr.even td {background-color:#dddddd;}

a {color:#C90230; text-decoration:none;}
a:hover {text-decoration:underline;}

img { border:0; }

hr {line-height:0; height:0; margin:0 0 1em 0; border:0; border-bottom:1px dashed #69926b;display:none;}

em, i {font-weight:bold; font-style:normal;}
.slogan {font-size:120%; color:#547c63; font-style:italic; font-weight:bold;}
#content .slogan {font-size:120%; color:#547c63; font-style:italic; font-weight:bold;}
#content .example { border: 1px solid #69926b; font-style: italic; }

.hideme, .hidden, .creator_website { display: none; }
.clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
#content .clearing, .clearing, .clear { clear: both; }

.success { color: green; }

/* Forms */
#content form {margin-bottom:1em;}
#content form .container_1 {display:block; float:left; margin-right:1em; margin-bottom:0.3em; width:271px;}
#content form .container_2 {display:block; float:left; margin-bottom:0.3em; width:271px;}
#bestellform .container_1, #bestellform .container_2 { height: 20em!important; }
.privacy_policies_form { font-size: 12px; color: gray; }

#content label, .content label {display:block; margin-bottom:0.1em; }
#content label span, .content label span {display:block;}

#content input, #content textarea {width:265px; margin-top:1px;}
#content input.radio, #content input.checkbox {padding-left:0; padding-right:0; border:0; width:auto;}

#content #label_plz {float:left; margin-right:3px;}
#content #fld_plz {width:55px;}
#content #label_ort {float:left;}
#content #fld_ort {width:185px;}
#content #label_telefon {clear:both;}
#content #label_text {height:21em;}
#content #fld_text {height:16.7em;}

/* Form Newsletter */
#form_newsletter {width:271px;}

/* Form Recommendation*/
#form_recommendation table {border-bottom:1px dashed #69926b;}
#form_recommendation .title {font-weight:bold;}
#form_recommendation .sender, #form_recommendation .receiver {clear:both;height:4em;margin-bottom:1em;}
#form_recommendation #label_name_absender {float:left;margin-right:3px;}
#form_recommendation #label_email_absender {float:left;}
#form_recommendation #label_email_empfaenger {float:left;}
#form_recommendation #label_kommentar {float:none; clear:both; height:auto; margin-bottom:1em; font-weight:bold;}
#form_recommendation textarea {width:538px;height:8em;}

/* Form Testmeal */
form#form_testmeal .container_1 {height:24.8em;}
form#form_testmeal .container_2 {height:24.8em;}
#form_testmeal #label_text {height:auto;}
#form_testmeal #fld_text {height:10.5em;}

/* Form Partner Contact */
#content #partner_contact_form .container_1, #content #partner_contact_form .container_2 { height: auto; }
#content #partner_contact_form table { margin-bottom: 0px; }
#content #partner_contact_form .container_2 select { margin-bottom: 3px; }
#content #partner_contact_form td { padding: 1px 0px 0px 0!important; vertical-align: top; }
#content #partner_contact_form .radio { margin-top: 2px; }
#content #partner_contact_form .small_width { width: 25px; }
#content #partner_contact_form label { margin-bottom: 5px; }
#content #partner_contact_form .small_label { width: 124px; float: left; }
#content #partner_contact_form textarea { width: 550px; height: 100px; }

.addressblock .userpic {float:left; margin-right:1em; margin-bottom:1em;}
.addressblock td {padding-right:2em;}
.addressblock td.label {padding-right:1em;}

/* Links */

a {color:#ce2819;}
a:hover {text-decoration:none;}
a:hover, a:active { outline: 0; }
#content a img { border: 0; display: block; }
#content a.s { text-decoration: none; color:#000; }

/* Lists */

ul, ol {margin:0;padding:0;padding-left:20px; }

/* Forms */

form { clear: both; }
form .entry label {width:150px;display:inline-block;font-weight:bold;}
form .entry input[type=text] {width:450px;border:1px solid #808080;padding:3px 5px;}
form .entry {padding:10px;background:#fafafa;border-bottom:1px solid #eee;}
form .section {border:1px solid #eee;background:#fafafa;padding:0;margin:0;clear:both;}
form .section legend {font-size:16px;font-weight:bold;padding:10px;}
form .section > p {padding:0 10px;}
form em {color:#ce2819;}
form .obligatory_info { clear: both; }

.error_msg {padding:5px 0;margin:0;padding-left:22px;color:#ce2819;font-weight:bold;background:url(../images/error.png) no-repeat left center;margin-left:155px;}
form .error {background:#ffeeee;}

.progress_steps {float:left;}
.required_text {float:right;color:#ce2819;}

.contact .progress_bar, .dinner .progress_bar {display:none;}

.dinner .attentive label {display:block;width:auto;}

.add {padding:10px;}
.add a {padding:10px 0;padding-left:30px;background:url(../images/plus2.png) no-repeat left center;}

button, #password_recovery a.button { display: inline-block; background: #fdf4d8; padding: 7px; margin-top: 10px; border: 2px solid #ecd691; }
button:hover { cursor:pointer; }
#intranet button { margin-top: 5px!important; }
#intranet button:hover { color: #9E9A1F; }
#intranet div.tox-tinymce button { margin-top: inherit!important; }

/* Datepicker */

.dpclickable { cursor: pointer; }

/* Tables */

table { border-collapse: collapse; border-spacing: 0; }
td, th { text-align: left; vertical-align: top; }
.notable { }
.notable td, .notable th { }
.notable tr:hover { }
#legal_notice p:first-child { margin-top: 0; }
#legal_notice {margin:20px 0;}
#legal_notice th, #legal_notice td {padding:5px;}
#legal_notice th {background:#eee;}
#legal_notice tr {border:1px solid #808080;border-left:0;border-right:0;}
tbody td, .address td, #atikon_address td {padding-right:20px;}

/* Image object */

div.zms_graphic { padding:5px; }
div.zms_graphic.floatleft { float: left; border:0;margin:0 20px 20px 0;}
div.zms_graphic.floatright { float: right; margin:0 0 20px 20px;border:0;}
div.zms_graphic.right { text-align: right; }
div.zms_graphic.center { text-align: center; border:0;}
div.graphic.alignleft { float: left; text-align: right; }
div.graphic.alignright { float: right; text-align: right; }
div.zms_graphic .text {text-align:right;padding-top:5px;}
#ip_content .zms_graphic {border:0;}

/* Erfahrungsberichte */

.popup a {display:block;padding:10px;text-decoration:none;background:#fafafa;border:1px solid #eee; border-radius: 4px; }
.popup a:hover {color:#808080;border-color:#808080;background:url(../images/erfahrungsbericht.png) no-repeat right center;}
.popup, .popup li { display:inline-block;width:300px;margin-right:10px;margin-bottom:10px; }
#erfahrungsbericht .floatright {border:0;}

/* Slimbox */

#lbOverlay { background: rgb(0,0,0); cursor: pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; }
#lbCenter, #lbBottomContainer { background: rgb(255,255,255); left: 50%; overflow: hidden; position: absolute; z-index: 9999; }
.lbLoading { background: #fff url(../images/popup/loading.gif) no-repeat center; }
#lbImage { background-repeat: no-repeat; border: 10px solid rgb(255,255,255); left: 0; position: absolute; top: 0; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../images/popup/previous.gif) no-repeat 0% 30%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../images/popup/next.gif) no-repeat 100% 30%; }
#lbBottom { border: 10px solid #fff; border-top: 0; text-align: left; }
#lbCloseLink { background: transparent url(../images/popup/close_big.gif) no-repeat center; display: block; float: right; height: 20px; margin: 5px 0; width: 21px; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

/* Inline Popup */

#ip_overlay { background: rgb(0,0,0); cursor: pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 15000; }
#ip_popup {
    z-index: 20000; border-radius: 4px; padding: 5px; background: white; transform: translate(-50%, -50%);
}
#ip_popup.loading { background: url(../images/layout/ajaxloading.gif) #fff no-repeat center center; width: 50px!important; height: 50px!important; }
#ip_header { padding: 15px 15px 0 15px; z-index: 15; }
#ip_header h1 { margin: 0; padding: 0; color:#ce2819; text-transform: none; font-size: 35px; }
#ip_close { background: url(../images/popup/close.gif) no-repeat center; display: block; height: 30px; text-indent: -9999px; overflow: hidden; top: 13px; right: 15px; position: absolute; width: 30px; z-index: 10; }
#ip_content {
    background: rgb(255,255,255);
    padding-inline: 15px; z-index: 50; min-width:700px;
}
#ip_popup.position_absolute { position: absolute!important; transform: translateX(0) translateY(0); }

@media print {#ip_overlay{background:transparent!important;height:auto;width:auto;position:relative!important;left:auto;top:auto;bottom:auto;right:auto;}
#ip_popup{position:relative!important;}
.myCarousel{display:none;}}

.ajaxloading { background: url(../images/layout/ajaxloading.gif) no-repeat center center; }
div.ajaxloading { width: 16px; height: 16px; float: right; margin-left: 1em; }

.greatgreen {font-size:20px;line-height:25px;color:green;}

.client_selection { margin-bottom: 1em; }
.client_selection input { width: 6em!important; }
.client_selection select { width: 200px; }
.client_selection button { margin: 0; margin-right: 10px; }

#zmiCalDiv { width: 120px!important; }
.form-element .button img { vertical-align: top; margin-left: 2px; }

#print_logo {display:none}

/* Blog */
.blog_entry { border-bottom: 1px solid #ddd; padding-bottom: 10px; }
.blog_entry i { font-style: italic; font-weight: normal; }
.blog_entry h2 a { display: block; padding-left: 25px; background: url(../images/layout/icons/blog.png) no-repeat 3px 1px; }
.blog_entry .blog_time { float: right; padding-left: 15px; }
.blog_more_articles { border-top: 1px dashed #ddd; padding-top: 15px; }
.blog_back { padding-left: 25px; background: url(../images/layout/icons/blog.png) no-repeat 3px 1px; }
.blog_comments { padding-left: 25px; background: url(../images/layout/icons/comment.png) no-repeat 3px 1px; }
.blog_new_comment { margin-top: 10px; }
.blog_new_comment label { height: auto!important; }
.blog_new_comment textarea { width: 500px!important; }
.blog_new_comment button { margin-top: 0; }
.blog_new_comment h3 { padding: 10px; margin: 0; background: #e5e5e5; border-radius: 0 0 5px 5px; }
.blog_comment { padding-left: 25px; background: url(../images/layout/icons/comment.png) no-repeat 3px 1px; border-bottom: 1px dashed #ddd; }
.blog_comment_datetime { float: right; margin: 0 0 5px 5px; }
.blog_entry #text img[align="left"] { margin: 0 1em 1em 0; }
.blog_entry #text img[align="right"] { margin: 0 0 1em 1em; }

/* Coupons */
#redeem_coupon_form button { margin: 0; }

/* Responsive */
@media screen and (max-width: 1020px) {
    #content form .container_1, #content form .container_2 { height: auto; }
    #ip_popup { width: 90%!important; transform: translateX(0) translateY(-50%); }
    #ip_content { min-width: initial!important; position: static!important; padding-inline: 5px; }
    #ip_header { position: static!important; }
    #ip_header h1 { width: 90%; line-height: 24px; }
    #ip_content #erfahrungsbericht { width: auto; }
    .blog_new_comment textarea { width: 265px!important; }
}

/* Complaints and returns */
#sitetitle.returns_complaints_title { color: var(--third-color) !important }
.complaint_error { color: var(--main-color); padding: 10x; font-weight: bold; font-size: 19px; }
.complaints_header { color: var(--third-color) !important; }

.complaint_index_container { margin-bottom: 150px; }
.complaint_index_container h2, .complaint_index_container h3, .complaint_index_container h4 { color: black; font-family: 'Roboto', sans-serif !important; }
.complaint_index_container h2 { font-size: 29px; }
.complaint_index_container .collapse_head { display: flex; gap: 10px; cursor: pointer; }
.complaint_index_container .collapse_head h3 { color: black; margin-block: auto; font-size: 20px; }
.complaint_index_container .collapse_head .btn { color: var(--third-color); font-size: 50px; width: 30px; }
.complaint_index_container .collapse_content { margin-left: 40px; max-height: 0; overflow: hidden;  transition: max-height 0.3s ease-out; }
.complaint_index_container .collapse_content h4 { font-size: 16px; font-weight: bold; }
.complaint_index_container .collapse_content form div { display: flex; gap: 5px; margin-bottom: 8px; }
.complaint_index_container .collapse_content form input { border-radius: 0 !important; height: 20px; width: 25px !important; }
.complaint_index_container .collapse_content form label { width: fit-content; }
.complaint_index_container .collapse_content a,
.complaint_index_container .collapse_content .submit_link {
    background-color: var(--secondary-color); padding: 20px 30px !important; color: black !important;
    margin-top: 10px !important; display: block; width: fit-content; text-transform: uppercase; font-weight: bold;
    margin-left: 15px; transition-duration: 0.3s; border-radius: 0 !important; border: none !important;
}
.complaint_index_container .collapse_content .submit_link:hover {
    text-decoration: none !important;
    background-color: var(--secondary-color-light) !important;
}

.return_complain_form { margin-bottom: 100px !important; }
.return_complain_form .from_container { width: 70%; }
.return_complain_form .input_cont { display: flex; align-items: center; }
.return_complain_form .name_inputs { justify-content: space-between; gap: 20px; }
.return_complain_form input,
.return_complain_form textarea,
.return_complain_form select {
    padding: 8px;
    border: 1px solid #ccc; border-radius: 4px;
    outline: none; transition-duration: .2s;
    border-radius: 0 !important;
    width: 100% !important;
    padding: 10px 15px !important;
    margin-block: 7px !important;
}
.return_complain_form textarea { height: 100px; }
.return_complain_form input:focus,
.return_complain_form select:focus,
.return_complain_form textarea:focus { border-color: black !important; }
.return_complain_form .expiration_date { align-items: center; gap: 10px; }
.return_complain_form .expiration_date label { font-size: 14px; width: fit-content; margin-left: 7px; font-weight: bold; min-width: fit-content; }
.return_complain_form .expiration_date input { padding: 5px 10px !important; font-size: 12px; }

.return_complain_form .product_container { display: flex; gap: 10px; align-items: center; }
.return_complain_form .product_container input[name="product_name"] { width: 50% !important; }
.return_complain_form .product_container input[name="product_weight"] { width: 30% !important; }
.return_complain_form .product_container select { width: 20% !important; }
.return_complain_form .product_container .quantity_select { width: 350px; display: flex; align-items: center; gap: 10px; }
.return_complain_form .preferred_resolution_container { display: flex; align-items: center; gap: 20px; margin-block: 20px; }
.return_complain_form .add_image_container { margin-top: 20px; flex-direction: column; }
.return_complain_form .add_image_container label { margin-left: 10px; }
.return_complain_form .add_image_container .plus_btn,
.return_complain_form .minus_btn {
    background-color: var(--third-color) !important; border: none !important; border-radius: 0 !important;
    margin-left: 10px; color: white !important;
    padding: 2px 20px; transition-duration: .3s; font-size: 23px; height: fit-content;
}
.return_complain_form .minus_btn { background-color: #C90230 !important; }
.return_complain_form .minus_btn.return { margin-left: 0; }
.return_complain_form .minus_btn:hover { background-color: #b1052d !important; }
.return_complain_form .add_image_container .plus_btn:hover { background-color: #516807 !important; }

.return_complain_form .label_buttons { margin-top: 20px; margin-bottom: 30px }
.return_complain_form .label_buttons span { font-weight: bold; margin-inline: 10px; }
.return_complain_form .label_buttons p { margin-left: 10px; }
.return_complain_form .label_buttons .buttons_container { display: inline; }
.return_complain_form .label_buttons button {
    padding: 7px 34px !important;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid #A6A6A6 !important;
    border-radius: 0 !important;
    background-color: #D9D9D9 !important;
    color: white;
}
.return_complain_form .label_buttons button:first-of-type { margin-right: 13px; }
.return_complain_form .label_buttons button.active { background-color: var(--third-color) !important; color: white !important; }
.return_complain_form .add_product {
    color: #1697C6;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 15px; margin-bottom: 30px; margin-left: 10px;
}
.return_complain_form button[type="submit"] {
    margin: auto; width: 50%; font-size: 20px;
    display: block; font-weight: bold;
    border-radius: 0 !important; padding-block: 7px !important;
    margin-top: 20px !important; transition-duration: .3s; border: none !important;
}
.return_complain_form button[type="submit"]:hover { background-color: var(--secondary-color-light) !important; }


@media screen and (max-width: 820px) {
    .complaint_index_container { margin-bottom: 100px; }
    .complaint_index_container h2 { font-size: 22px; }
    .complaint_index_container .collapse_head h3 { font-size: 18px; }
    .complaint_index_container .collapse_content { padding-top: 20px; }
    .complaint_index_container .collapse_content h4 { font-size: 14px; }
    .complaint_index_container .complaint_reason { margin-bottom: 20px; }
    .complaint_index_container .collapse_content form input { height: 25px; }
    .return_complain_form .from_container { width: 100%; }

    .return_complain_form button[type="submit"] { width: 70%; }

    .return_complain_form .label_buttons .buttons_container {
        margin-top: 10px; margin-left: 0;
        display: flex; justify-content: center;
    }
    .return_complain_form .label_buttons button { padding: 6px 30px !important; }

    .return_complain_form input,
    .return_complain_form textarea,
    .return_complain_form select { padding: 8px 12px !important; }
}

@media screen and (max-width: 550px) {
    .return_complain_form .product_container input[name="product_name"] { width: 40% !important; }
    .return_complain_form .product_container input[name="product_weight"] { width: 30% !important; }
    .return_complain_form .product_container select { width: 31% !important; }
}