html { min-height:100%; background: white; }
html, body { font-size: 16px; line-height: normal; }
p, ul, ol, table { margin-bottom: 20px; }
a { color: #484848; text-decoration: none; }

#content a { color: #ce2819; }
#content a:hover { text-decoration: underline; }
a img { border: 0; }
.clear { clear: both; }

input, textarea, button, select, table, th, td, div, p, label, span {
    font-family: 'Roboto', sans-serif;
}

#ip_popup {
    height: 500px; width: 820px;
    position: fixed !important; top: 50% !important; left: 50% !important;
    transform: translate(-50%, -50%);
}
#ip_content {
    max-height: 100%; padding: 0;
    position: absolute; bottom: 40px; left: 40px; right: 40px; top: 40px;
    overflow: auto;
}

#anifit_website h1,
#anifit_website h2,
#anifit_website h3 {
    font-family: "YanoneKaffeesatz", sans-serif;
    font-weight: bold; letter-spacing: 1.92px; line-height: normal;
}
h1, h2, h3, h4 { font-weight: normal; color: #D3050C; }
h1 { margin-top: 0; font-size: 48px; line-height: 30px; text-transform: uppercase; }
h2 { font-size: 25px; }
#anifit_website h2, #anifit_website h3 { letter-spacing: 0; }

#anifit_website.startpage h1 { display: none; }
#anifit_website.startpage h2, #anifit_website.startpage h3 { font-weight: bold; }
.startpage .recommended_articles { border-bottom: 2px solid #e8e8e8; overflow: hidden; height: 425px; }
.startpage .recommended_articles_container { height: 340px; overflow: hidden; text-align: center; }
.startpage .recommended_article {
    text-align: center; display: inline-block; width: 200px; height: 322px; overflow: hidden;
    margin: 0 20px 20px 20px; white-space: normal;
}
#anifit_website.startpage .recommended_article .article_image { text-align: center; display: inline-block; }
.article_subtext_category { padding: 4px; color: gray; display: inline-block; font-size: 13px; }

#start_mobile_categories { padding-top: 130px; display: none; margin-bottom: 20px; }
#start_mobile_categories > ul {
    display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; list-style: none;
    padding: 0; margin: 0; border-top: 53px solid #f0f0f0; background: #f0f0f0;
}
#start_mobile_categories > ul > li > a {
    display: block; text-align: center; padding: 10px; font-weight: bold;
}
#start_mobile_categories > ul > li.category_hund {
    background: url(../images/anifit/produkte_hunde@2x.jpg) no-repeat center center;
}
#start_mobile_categories > ul > li.category_katze {
    background: url(../images/anifit/produkte_katzen@2x.jpg) no-repeat center center;
}
#start_mobile_categories > ul > li {
    padding-top: 140px; margin-top: -159px; background-size: contain;
    width: 50%; background-size: 150px auto!important; background-position: top center!important;
}
#start_mobile_categories > ul > li > ul {
    background: #f0f0f0; text-align: center; list-style: none; padding: 0; margin: 0;
}
#start_mobile_categories ul li ul li {
    font-size: 12px; overflow: hidden;
    border-top: 2px solid #b5b5b5; padding: 10px; display: block; margin: 0 auto; width: 120px;
}
#start_mobile_categories ul li ul li a { color: black; }
#container {
    width: auto; position: relative; z-index: auto;
}
#anifit_website.body_shop_checkout #container { padding-top: 0; }

#header, #header_search {
    position: fixed; z-index: 15; top: 0; left: 0; right: 0;
    margin: 0 auto; margin-bottom: 50px; max-width: 1900px;
}
#anifit_website.startpage #header, #anifit_website.startpage #header_search { margin-bottom: 0; }
#header { z-index: 16; }
#header_search { height: auto; }
#logo { position: absolute; top: 0px; left: 20px; z-index: 11; }
#logo a {
    display: block; text-align: center;
}
#logo img { width: 275px; }
#logo img.mobile_logo { display: none; }
#anifit_shop_categories #open_anifit_shop_categories_menu { display: none; }
#open_anifit_shop_categories_menu img { width: 35px; height: 35px; }
#anifit_shop_categories {
    position: absolute; top: 5px; left: 340px;
    z-index: 10; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
    -webkit-box-shadow: 0px 0px 0px 0px #333;
            box-shadow: 0px 0px 0px 0px #333; padding-left: 10px; text-align: left;
    width: auto; height: 79px; padding-top: 0px;
}
#anifit_shop_categories.open { height: auto; -webkit-box-shadow: 0px 10px 30px 0px #333; box-shadow: 0px 10px 30px 0px #333; }
#anifit_shop_categories ul { padding: 0; margin: 0; list-style: none; }
#anifit_shop_categories li { display: inline-block; position: relative; margin-right: 28px; }
#anifit_shop_categories > ul { white-space: nowrap; }
#anifit_shop_categories > ul > li { padding-bottom: 10px; padding-top: 30px; position: relative; }
#anifit_shop_categories li ul { display: none; position: absolute; top: 85px; left: 5px; width: auto; white-space: nowrap; }
#anifit_shop_categories li ul li a { margin: 0; }
#anifit_shop_categories li.active ul { display: block; }
#anifit_shop_categories a {
    display: inline-block; line-height: 45px; padding: 0 8px; margin: 0 5px; font-size: 18px;
    border-radius: 4px; -webkit-transition: background 0.1s ease-out; -o-transition: background 0.1s ease-out; transition: background 0.1s ease-out;
}
#anifit_shop_categories .anifit_default_categories { margin: 0; padding: 0; height: 55px; width: 0; float: left; }

#anifit_shop_categories li > a > img {
    position: absolute; filter: grayscale(1);
    -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}
#anifit_shop_categories li.category_hund img {
    top: 0; left: 15px; width: 84px;
}
#anifit_shop_categories li.category_hund { padding-right: 30px; margin-right: 0; }
#anifit_shop_categories li.category_hund.active img {
    filter: grayscale(0);
}
#anifit_shop_categories li.category_katze img {
    top: 0; left: 31px; width: 54px; height: 69px;
}
#anifit_shop_categories li.category_katze { padding-right: 30px; margin-right: 0; }
#anifit_shop_categories li.category_katze.active img {
    filter: grayscale(0);
}

#anifit_shop_categories li.category_provital img {
    top: 0; left: 37px; width: 59px;
}
#anifit_shop_categories li.category_provital { padding-right: 30px; margin-right: 0; }
#anifit_shop_categories li.category_provital.active img {
    filter: grayscale(0);
}

#anifit_shop_categories > ul > li > a:after {
    display: none;
    top: 100%; left: 30%; border: solid transparent; content: " "; height: 0; width: 0;
    position: absolute; pointer-events: none; border-color: rgba(157, 188, 83, 0);
    border-bottom-color: #638000; border-width: 12px; margin-left: 0px; margin-top: -27px;
}

#anifit_shop_categories > ul > li.active > a:after { display: block; }

#anifit_shop_categories a:hover, #anifit_shop_categories a.active {
    color: #C90230;
}
#anifit_shop_categories ul ul a { color: white; height: 35px; line-height: 35px; }
#anifit_shop_categories ul ul a:hover,
#anifit_shop_categories ul ul li.active a { background: rgba(255, 255, 255, 0.9); color: #C90230; border: 0; }
#anifit_shop_categories ul ul li { margin-right: 0px; }
#anifit_shop_categories_bar {
    position: fixed; top: 0; left: 0px; right: 0; height: 85px; border-bottom: 45px solid #638000; z-index: 14;
    background: white;
}

#anifit_website input, #anifit_website textarea, #anifit_website select, #anifit_website button {
    border: 2px #d1d1d1 solid; background: white; border-radius: 4px; margin-top: 0; padding: 5px;
}
#anifit_website select { padding-right: 20px; }
#anifit_website textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#anifit_website button {
    background: #FFC107; color: #1d1d1b; border-color: #ffc107; padding-left: 20px; padding-right: 20px;
}
.link_button { border: 2px solid #dadada; border-radius: 4px; display: inline-block; padding: 0 10px; line-height: 36px; }

#article_search { position: absolute; top: 21px; left: 730px; right: 415px; margin: 0; padding: 0; }
#article_search input {
    width: 100%; height: 45px; font-size: 18px; padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#article_search button {
    display: inline-block; position: absolute; right: 3px; top: 3px; height: 39px;
    background: #d3050c; width: 39px; border: 0; border-radius: 0; padding: 5px;
}
#article_search button svg { fill: white; }
#article_search #article_search_speech_recognition img { width: 20px; }
#article_search #article_search_speech_recognition {
    position: absolute; right: 60px; top: 8px; display: none;
}
#article_search #article_search_speech_recognition.available { display: inline-block; }
#article_search input.waiting {
    background: #FFF url(../images/layout/ajaxloading.gif) center center no-repeat;
}

/* Startpage */

.startpage #slider { width: 100%; text-align: center; overflow: hidden; }
.startpage #slider img { width: 100%; }
#slide_dots {
    position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; z-index: 4;
}
.slidedot {
    display: inline-block; background: white; border-radius: 100%; width: 10px; height: 10px;
    border: 1px solid white; -webkit-box-shadow: 0px 0px 0px 1px #666; box-shadow: 0px 0px 0px 1px #666; margin: 0 10px; cursor: pointer;
}
.slidedot.activedot {  background: #c50019; }

#start_futterrechner {
    width: 330px; height: 245px; position: absolute; top: -365px; right: 60px;
    z-index: 5; background: #f6f2f1; border-radius: 4px 4px 0 0; text-align: center;
    padding: 60px;
}
#start_futterrechner img { width: 120px; }
#start_erfolgsrezeptur #start_futterrechner h2 { color: #638000; text-transform: uppercase; }
#container .green_button {
    display: inline-block; width: auto; padding: 10px 20px; border-radius: 3px;
    background: #638000; color: white; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
#container .green_button:hover {
    background: #afc11f; color: black; text-decoration: none;
}
#start_erfolgsrezeptur h2 { color: white; text-transform: uppercase; margin: 0 0 10px 0; font-size: 25px; letter-spacing: 0.8px; }
#start_erfolgsrezeptur { padding: 40px; height: 335px; position: relative; }
#start_erfolgsrezeptur_bubble {
    margin: 0px 0px 0 60px; float: left; width: 185px; height: 230px;
    background: url(../images/anifit/sprechblase.svg) top left no-repeat; background-size: 300px 330px;
    padding: 75px 75px 75px 70px; color: white; text-align: center; font-size: 16px;
}
#start_erfolgsrezeptur_bubble:hover a { text-decoration: none; }
#start_erfolgsrezeptur_bubble a { color: white; text-decoration: none; }
.erfolgsrezeptur_bullet {
    float: left; width: 32%; margin-left: 40px; margin-top: 25px;
    height: 170px;
}
.erfolgsrezeptur_bullet span {
    font-weight: bold; display: block; font-size: 18px; white-space: nowrap;
}
.erfolgsrezeptur_bullet img { width: 65px; margin-right: 20px; float: left; }
#start_festessen {
    height: 555px;
    background: url(../images/anifit/testessen.jpg) no-repeat center center;
    background-size: cover;
}
#start_festessen_box {
    float: right; margin-top: 100px; margin-right: 85px; padding: 60px; border-radius: 4px;
    background: #afc11f; text-align: center; color: #333; width: 340px;
}
#start_festessen_box h2 { margin-top: 0; text-transform: uppercase; color: #333; }
#start_festessen_box .green_button:hover { background: #f6f2f1; }
.startpage .recommended_articles {
    height: 520px; background: url(../images/anifit/holzbrett.jpg) bottom center no-repeat;
}
.startpage .recommended_articles h2 {
    text-align: center; text-transform: uppercase;
}
#start_anifit_tierhilfe {
    padding-top: 40px; text-align: center; background: #f6f2f1;
    height: 340px; display: inline-block; width: 405px; float: left;
}
#start_anifit_tierhilfe p { padding: 0 70px; }
#start_anifit_tierhilfe h2 { color: #638000; text-transform: uppercase; margin: 10px; }
#start_erfahrungsberichte h2 {
    text-transform: uppercase; margin: 10px 10px 50px 10px; display: inline-block;
}
#start_erfahrungsberichte {
    padding-top: 50px; text-align: center;
}
#start_erfahrungsberichte_container { height: 100px; overflow: hidden; }
#start_erfahrungsberichte .green_button { background: #f6f2f1; color: #333; margin-top: 25px; }
#start_erfahrungsberichte .green_button:hover { background: #638000; color: white; }
.start_erfahrungsbericht {
    display: inline-block; width: 332px; height: 84px; margin: 10px; border: 2px solid #d1d1d1;
    border-radius: 3px;
    background: url(../images/anifit/erfahrungsberichte_quotes.png) no-repeat top center;
}
.start_erfahrungsbericht table, .start_erfahrungsbericht td {
    width: 100%; height: 84px; vertical-align: middle; text-align: center; color: #333;
}
.start_erfahrungsbericht td { padding: 0 30px; }
.start_erfahrungsbericht_text { }

/* Reviews */
.article_reviews_overview.popup { width: auto; }
.article_reviews_overview.popup a { border: none; }
.article_reviews_overview.popup a:hover { background: none; }
.article_reviews_overview {
    background: #f6f6f6; padding: 0 20px; position: relative; padding-inline: 20px;
    margin-top: 0;
    display: flex; align-items: flex-end; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: center;
    -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: end; -ms-flex-align: end; 
}
.article_reviews_overview .article_review {
    background: white; margin: 10px 0; border-radius: 3px;
    width: 100%; padding: 20px; color: #313131 !important;
    transition: box-shadow 0.2s ease-in-out;
    opacity: 1; text-align: left;
}
.article_reviews_overview .article_review:hover { box-shadow: 0px 0px 10px #ccc; text-decoration: none !important; }
.article_reviews_overview .article_review .review_stars_background {
    display: inline-block; text-align: left;
    background: url(../images/shop/star_gray.svg) 3px 0 repeat-x;
    width: 149px; height: 25px; display: inline-block; vertical-align: bottom;
    padding: 0 3px; margin-right: 10px;
}
#content .review_stars {
    background: url(../images/shop/star.svg) 0px 0 repeat-x;
    width: 100%; height: 25px; display: inline-block;
}
.article_reviews_overview .article_review .review_title { overflow: hidden; margin: auto 0; font-weight: bold; }
.article_reviews_overview .article_review .review_text,
.article_reviews_overview .article_review .review_text_short { margin-block: 10px; display: block; }
.article_reviews_overview .article_review .review_text_short { display: none; }
.article_reviews_overview .review_date_name { display: block; color: #aaa; margin-top: 10px; }
#content  a.article_review:hover .read { text-decoration: underline; }
.article_reviews_overview span.read { color: #ce2819; padding-top: 15px; }
@media (max-width: 750px) {
    .review_stars_background { display: block !important; margin: auto !important; }
    .review_title { display: block; text-align: center; }
    .article_reviews_overview { padding: 0 10px; }
    .article_reviews_overview .article_review .review_text_short { display: block; }
    .article_reviews_overview .article_review .review_text { display: none; }
}
@media (min-width: 1700px) {
    .article_reviews_page { padding: 0 20px; }
}


.show_review_legal_info { display: inline-block; }
.show_review_legal_info img { width: 26px; margin-bottom: -3px; }
span.review_legal_info {
    position: relative;
}
span.review_legal_info span p { margin: 0; padding: 0; }
span.review_legal_info span {
    position: absolute; top: 40px; right: -25px; box-shadow: 5px 5px 20px #848484;
    width: 350px; padding: 20px; background: white; border: 2px solid #cfde7e; z-index: 300;
    font-size: 18px; text-transform: initial; color: black; font-weight: normal; text-align: left;
    display: none;
}
span.review_legal_info span:after, span.review_legal_info span:before {
	bottom: 100%;
	right: 35px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
span.review_legal_info span:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 15px;
	margin-right: -15px;
}
span.review_legal_info span:before {
	border-color: rgba(207, 222, 126, 0);
	border-bottom-color: #cfde7e;
	border-width: 18px;
	margin-right: -18px;
}
.show_review_legal_info:hover + span.review_legal_info span,
.show_review_legal_info:active + span.review_legal_info span,
.show_review_legal_info:focus + span.review_legal_info span {
    display: inline-block;
}

/* Navigation */
.menu_container:hover {
    background: #eee;
}

.menu_container {
    position: absolute; top: 21px; right: 285px; font-size: 18px; z-index: 11; padding: 5px;
    border-radius: 4px; -webkit-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out;
}
.menu_container > ul { min-width: 150px; }
.menu_container ul {
    display: none; position: absolute; top: 44px; left: 0px; background: white;
    list-style: none; border: 2px #707070 solid; border-radius: 4px; padding: 0; margin: 0;
}
.menu_container ul li a {
    line-height: 35px; padding-left: 10px; padding-right: 10px; display: block;
    font-size: 16px;
}
.menu_container:hover ul { display: block; }
.menu_container ul ul { position: static; border: 0; border-bottom: 1px dashed #ddd; }
.menu_container ul ul li a {
    padding-left: 20px; padding-right: 10px; font-size: 15px; white-space: nowrap;
    border-bottom: 1px solid white; color: #444;
}
.menu_container ul li a:hover { background: #eee; }
.menu_container ul li a.active, .menu_container ul li a.activenode {
    background: #e8e8e8; color: #C90230;
}
#anifit_website_menu_container { line-height: 35px; }
#my_provital_menu_container {
    right: 118px; line-height: initial;
}
#open_shop_basket {
    position: absolute; top: 21px; right: 35px; font-size: 12px; padding: 5px; border-radius: 4px;
    background-color: #FFC107;
}
#open_shop_basket:hover { background: #eee; }
#open_shop_basket span { position: absolute; top: 4px; right: 0; left: 4px; text-align: center; }
#login_subtext { position: absolute; top: 25px; left: 48px; font-size: 15px; }
#open_shop_basket img,
#open_my_provital_menu img,
#open_anifit_website_menu img { width: 35px; height: 35px; float: left; margin-right: 8px; }
#open_shop_basket img { margin: 0; }

#content { display: -webkit-box; display: -ms-flexbox; display: flex; }
#anifit_website_submenu > ul { padding: 0; margin: 0; list-style: none; }
#anifit_website_submenu { padding: 0; margin: 0; list-style: none; width: 200px; padding-right: 20px; border-right: 1px solid #e8e8e8; margin-right: 20px; }
#anifit_website_submenu li { display: block; }
#anifit_website_submenu li a { color: #484848; border-radius: 4px; display: block; padding: 3px; }
#anifit_website_submenu li.activenode > a, #anifit_website_submenu li.active > a { color: #C90230; background: #e8e8e8; }
#anifit_website_submenu li ul { list-style: initial; }
#anifit_website_submenu li ul li { display: list-item; }

/* Content */

#content { padding: 20px; position: relative; margin: 0 auto; max-width: 1900px; margin-top: 180px; }
#content form .container_1 { width: 311px; height: auto; }
#content form .container_2 { height: auto; }
#anifit_website.startpage #content { padding-top: 0; margin-top: 130px; }

/* Footer */

#footer_container { background: #484848; }
#footer {
    position: relative; color: #333; text-align: right;
}
#footer h2 { text-transform: uppercase; color: #dadada; font-size: 20px;}
#footer a { color: #dadada; }
#footer a:hover { text-decoration: underline; }
#footer .footer_lane {
    float: left; width: 200px; text-align: left; margin: 0 20px; color: #dadada; padding-top: 25px;
}
#footer .footer_lane h2 { border-bottom: 3px solid #707070; margin-bottom: 10px; padding-bottom: 10px; }
#footer .footer_lane ul { padding: 0; }
#footer .footer_lane li {
    padding-left: 25px; list-style: none; margin-bottom: 10px;
    background: url(../images/anifit/gray_arrow.png) no-repeat center left;
}
#footer_client_review {
    float: right; background: #f6f2f1; padding: 20px; text-align: center; margin: 20px;
    border-radius: 4px;
}
#footer_client_review h2 { color: #484848; margin-top: 0; }
#footer_client_review img { width: 200px; }
#footer_checkmarks {
    background: #afc11f; padding: 40px; text-align: left;
}
#footer_checkmarks ul { padding: 0; width: 310px; }
#footer_checkmarks li {
    padding-left: 25px; list-style: none; margin-bottom: 10px; text-transform: uppercase;
    background: url(../images/anifit/checkmark.png) no-repeat 0 2px;
}
#footer_grid { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1900px; }
#footer_grid_left { width: 100%; }
.footer_grid_left_text_limit { text-align: left; }
#footer_info_container { background: #f6f2f1; }
#footer_info { padding: 20px; text-align: right; position: relative; }
#footer_shop_info_background {
    position: absolute; top: 0; left: -200%; width: 200%; height: 100%; background: #f6f2f1;
}
#footer_shop_info { border-bottom: 3px solid #d3d2d0; padding-bottom: 10px; line-height: 14px; font-size: 16px; }
#footer_shop_info img { vertical-align: text-bottom; margin: 0 5px; }
#footer_shop_info > span { padding-right: 20px; }

#footer_shop_info > span:last-child { padding-right: 0px; }
#footer_shop_info > span > span {
    display: inline-block; padding: 0 0 0 5px; border-left: 1px solid gray; margin: 0 1px;
}
#footer_shop_info > span > span:first-child { border-left: 0px; }
#functions { padding: 30px 0; width: 100%; }
#functions a { display: inline-block; line-height: 14px; padding: 0 18px 0 15px; border-right: 1px solid #dadada; }
#functions a:last-child { border-right: 0; }
#functions a:first-child { padding-left: 0; }
#socialmedia { padding-top: 5px; }
#socialmedia img { width: 40px; height: 40px; }
#socialmedia a { display: inline-block; margin: 0 5px 0 0; border-bottom: 4px solid transparent; -webkit-transition: border 0.2s ease-out; -o-transition: border 0.2s ease-out; transition: border 0.2s ease-out; }
#socialmedia a:hover { border-bottom: 4px solid white; }
#logged_in_display { line-height: 40px; position: absolute; top: 0; left: 20px; padding: 20px 0 0 0; }
#logged_in_display a { margin-left: 10px; }

.lang_select {
    position: absolute; top: 85px; right: 20px; margin: 0; padding: 0; list-style: none;
}
.lang_select > div {
    display: none; position: absolute; top: 45px; right: 0; z-index: 10;
    background: #eee; color: #484848; padding: 20px; white-space: nowrap;
    border-radius: 0 0 2px 2px; box-shadow: 0 10px 10px gray;
}
.lang_select.hover > div { display: block; }
.lang_select li { display: block; }
.lang_select ul li img { width: 28px; margin-right: 5px; margin-top: 5px; }
.lang_select ul li a:hover { text-decoration: none; }
.lang_select ul li a:hover span { text-decoration: underline;; }
.lang_select > a {
    display: block; background: #484848; border: 0; text-align: center;
    border-radius: 0; line-height: 15px; color: white; padding: 4px 5px 0 5px; width: 66px;
    height: 41px;
    font-size: 12px; text-decoration: none!important;
}
.lang_select.hover > a {
    background: #eee; color: #484848;
}
.lang_select ul { margin: 10px 0 0 0; padding-left: 0; }
.lang_select ul li a {
    width: auto; white-space: nowrap; color: #484848; border: 0; padding: 0;
}
.lang_select > a > img {
    width: 41px; height: 36px; margin-top: 0px;
}
.lang_select > a > span { display: block; }
.lang_select div a:hover { text-decoration: underline; }
.lang_select button { display: block; }
#anifit_website .lang_select select { margin: 10px 0; }
#country_select { right: 100px; }
#country_select > a > img {
    width: 36px; height: 21px; filter: invert(1); margin-top: 0;
}

.cookie_banner_display #footer_container { padding-bottom: 70px; }

/* AfterSaleChanges */

#change_order_form select { width: 220px; }
#change_order_form input { width: 40px; }
#change_order_form label { margin-bottom: 20px; }
#change_order_form .total_amount_preview {
    display: inline-block; background: #cfde7e; padding: 0 10px; line-height: 36px;
}
#change_order_form .total_amount_preview.hidden {
    display: none;
}
#change_order_form .add_articles_to_order_error { padding: 10px; }

/* Anifit Lexikon */

.lexikon_item {background:#fafafa;border:1px solid #eee;margin-bottom:10px;}
.lexikon_item >h3 {margin:0;padding:10px;cursor:pointer;}
.lexikon_item >h3:hover {background:#eee;}
.lexikon_item .text { margin:0; padding:10px; }
#intranet .lexikon_item .text { padding: 0; overflow: hidden; height: 0; }
.lexikon_item .active, .lexikon_item.active h3 {color:#ce2819;background:#eee;}

.vcard {padding:0;margin:0;list-style:none;margin-bottom:10px;margin:10px 0 30px 0;}
.vcard a {padding:10px 0px 10px 40px;background:url(../images/vcard.png) no-repeat left center;}

.produkte {position:relative;width: 650px;}
.myCarousel {width:520px!important;height:150px;margin:0 auto;padding:10px 0;position:relative;}
.carousel {margin:0!important;padding:0!important;width:2000px!important;}
.carousel li {padding:10px;width:auto!important;float:left!important;min-width:90px!important;}
#product_info {background-color: #fafafa;border:1px solid #eee;padding:0 10px;border-top:2px solid #808080;margin-top:30px;}
#product_info h2 {color:#ce2819!important;font-size:20px!important;}

.next, .prev {width:40px;height:40px;text-indent:-10000px;cursor:pointer;position:absolute;top:75px;}
.next {float:right;background:url(../images/next.png) no-repeat center transparent;border:0;right:20px;}
.prev {float:left;background:url(../images/back.png) no-repeat center transparent;border:0;left:20px;}

.next.disabled, .prev.disabled {visibility:hidden;}

#leftside { width: 100%; }
#leftside .custom_button {display:inline-block;background:#fafafa;border:1px solid #eee;color:#808080!important;-moz-box-shadow:1px 1px 2px #808080;-moz-border-radius:10px;padding:5px 10px;margin-right:10px;}
#leftside .custom_button:hover {color:#ce2819!important;cursor:pointer;}
.custom_button a {color:#808080!important;}
.custom_button a:hover {color:#ce2819!important;}
#printHeader {display:none;}

.quicklinks {list-style:none;list-style-image:none;padding:0;margin:0;}

.spquicklinks { float: right; width: 300px; margin-left: 20px; }
.spquicklink { position: relative; padding: 20px; padding-left: 100px; background: #e8e8e8; margin-bottom: 10px; }
.spquicklink img { position: absolute; top: 20px; left: 20px; width: 60px; }
.spquicklink h2 { margin-top: 0; font-family: "Roboto", arial, helvetica, sans-serif; letter-spacing: 0.05rem; color: #C90230; font-size: 22px; }
.spquicklink a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#content .spquicklink:hover h2 { text-decoration: underline; }
#content .spquicklink p { color: #484848; }
#content #leftside .spquicklink a:hover { text-decoration: none; }

#content.foodcalculator_content #leftside { max-width: 1000px; }

/* for Events */
#anifit_website table.event_registration_system { width: 75%; margin-inline: auto; }
#anifit_website .events_header { text-align: center; }
#anifit_website #registration_form { display: flex; flex-direction: column; }
#anifit_website #registration_form .inputs_stack { margin-bottom: 20px; }
#anifit_website #registration_form .inputs_stack.remind_me_checkbox { margin-bottom: 10px; }
#anifit_website #registration_form .inputs_stack.remind_me_checkbox input { width: 40px; }
#anifit_website form#registration_form label { float: left; width: 330px; min-height: 60px; }
#anifit_website form#registration_form select { width: 265px; }
#anifit_website form#registration_form textarea { width: 593px; resize: none; }
#anifit_website form#registration_form fieldset { border: 0; padding: 0; margin: 0; }
#ryzoom form#registration_form label { min-height: 60px; }
#ryzoom form#registration_form label span { font-size: 15px; }
#anifit_website .events-buttons button { margin-right: 40px; }
#anifit_website .events-buttons button:hover { background-color: #ffd968; border-color: #ffd968; }
#anifit_website .events-buttons a { color: black; text-decoration: none; }
.confirm_deregistration_message span { color: #D3050C; }

@media screen and (max-width: 1020px) {
    #anifit_website table.event_registration_system { width: 90%; }
}
@media screen and (max-width: 820px) {
    #anifit_website table.event_registration_system { width: 100%; }
}

/* Contact */
#content .address .contact.first { width:200px; float:left; }
#rightside .progress_bar {margin-top:50px;padding:0 20px;margin-left:20px;}

/* Videos
------------------------------------------------------------------------------------------------ */
.overview .entry h2 { margin-top: 2em; }

/* Slider / Startseite
------------------------------------------------------------------------------------------------- */

#slider { min-height: 400px; overflow: hidden; position: relative; }
    #slider.loading { background: #FFF url(../images/loading.gif) center center no-repeat; }
    #slider .slide { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 1; }
    #slider .slide img { width: 100%; height: auto; display: block; }
    #slider .slide.active { z-index: 3; }
    #slider .slide > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; letter-spacing: 0.05rem; font-family: "Roboto", arial, helvetica, sans-serif; color: #C90230; text-indent: -99999px; }
    #slider #resize_image { width: 100%; display: block; /*visibility: hidden;*/ }

/* Tag Cloud */

#cloud { text-align: justify; opacity:0.5; }
#cloud:hover { opacity:1; }
#cloud a { text-decoration: none;  }
#cloud a:hover { text-decoration: underline;  }

/* Responsive */
#open_shop_widget_menu { display: none; }

@media screen and (max-width: 1660px) {
    #footer_shop_info { font-size: 14px; }
}

@media screen and (max-width: 1600px) {
    #slider { margin-left: 0; margin-right: 0; }
}

@media screen and (max-width: 1550px) {
    #container, #footer { width: 100%; }
    #footer_checkmarks { display: none; }
    #footer_shop_info { font-size: 16px; }
}

@media screen and (max-width: 1500px) {
    #start_erfolgsrezeptur_bubble { margin-left: 0; }
    .erfolgsrezeptur_bullet span { white-space: normal; }
    #start_erfolgsrezeptur {
        height: auto; padding: 0;
    }
    #start_futterrechner {
        padding: 20px; top: -285px;
    }
    #article_search { left: 690px; right: 395px; }
    #slider { min-height: 300px; }
}

@media screen and (max-width: 1300px) {
    #start_erfolgsrezeptur_bubble {
        height: 350px;
    }
    .erfolgsrezeptur_bullet { width: 51%; height: auto; }
    #start_erfolgsrezeptur {
        padding: 0;
    }
    #start_futterrechner {
        top: -200px; height: 160px; width: 240px;
    }
    #start_futterrechner p {
        display: none;
    }
    .menu_container > a > span { display: none; }
    .menu_container > a > img { margin-right: 0!important; }
    #open_my_provital_menu img { padding-left: 6px; }
    #anifit_website_menu_container { right: 215px; }
    #article_search { right: 295px; }
    #my_provital_menu_container > ul,
    #anifit_website_menu_container > ul { left: initial; right: 0; }
    #footer_shop_info { font-size: 14px; }
}

@media screen and (max-width: 1205px) {
    #footer_shop_info > span { display: block; padding-bottom: 20px; line-height: 25px; }
    #anifit_shop_categories { left: 280px; }
    #article_search { left: 630px; }

    .partnerpage_modular #anifit_shop_categories { background: transparent; }
    .partnerpage_modular #anifit_shop_categories li { margin-right: 0; padding-right: 0; background: transparent; }
    .partnerpage_modular #article_search { left: 630px; right: 215px; }
    .partnerpage_modular #anifit_shop_categories ul ul li a { font-size: 15px; }
    .partnerpage_modular #my_provital_menu_container { right: 88px; }
    .partnerpage_modular #anifit_website_menu_container { right: 153px; }
    #footer_shop_info { font-size: 16px; }
}

@media screen and (max-width: 1120px) {
    #footer_client_review { display: block; float: none; }
    #footer .footer_lane { width: 28%; padding-top: 0; padding-bottom: 20px; }

    .startpage #slider img, .startpage #slider #resize_image { width: 150%; }

    #start_futterrechner {
        position: static; width: auto; margin: 0 0 30px 0; padding: 20px;
        height: auto;
    }
    #start_futterrechner p {
        display: block;
    }
    #anifit_shop_categories { background: transparent; }
    #container #anifit_shop_categories li { margin-right: 0; padding-right: 0; background: transparent; }
    #article_search { left: 550px; right: 215px; }
    #anifit_shop_categories ul ul li a { font-size: 15px; }
    #my_provital_menu_container { right: 88px; }
    #anifit_website_menu_container { right: 153px; }
}

@media screen and (max-width: 1020px) {
    #article_search { left: 355px; }
    #anifit_shop_categories {
        position: relative; padding-top: 21px; top: 0; width: auto; display: inline-block;
    }
    #anifit_shop_categories #open_anifit_shop_categories_menu {
        display: inline-block; height: 35px; padding: 5px;
    }
    #anifit_shop_categories:hover #open_anifit_shop_categories_menu { background: #eee; }
    #anifit_shop_categories > ul {
        display: none; position: absolute; top: 66px; left: 16px; background: #fff;
        list-style: none; border: 2px #707070 solid; border-radius: 4px; padding: 0; margin: 0;
    }
    #anifit_shop_categories:hover > ul { display: block; }
    #anifit_shop_categories li ul { position: static; display: block!important; list-style: circle; }
    #anifit_shop_categories li ul li { display: block; float: none; color: #333; }
    #anifit_shop_categories li { display: block; }
    #anifit_shop_categories > ul > li > a:after { display: none; }
    #anifit_shop_categories ul ul a { color: #333; padding-left: 20px; }
    #anifit_shop_categories > ul > li { padding-top: 0;
        background-position: 5px 0!important; background-size: 45px 45px!important;
        padding-right: 0px!important;
    }
    #container #anifit_shop_categories > ul > li > a > img { max-width: 45px; max-height: 45px; left: 5px; }
    #anifit_shop_categories > ul > li > a { padding-left: 55px!important; }

    #anifit_shop_categories > ul > li:hover > a:after,
    #anifit_shop_categories > ul > li > a:after { display: none!important; }

    #anifit_shop_categories ul li a { display: block; border-radius: 0; margin: 0; }
    #anifit_shop_categories ul li a:hover { background: #eee!important; }
    #anifit_shop_categories > ul > li > a:hover { background: transparent!important; }
    #anifit_shop_categories ul li a.active, #anifit_shop_categories ul li a.activenode {
        background: #e8e8e8!important; color: #C90230;
    }

    #anifit_shop_categories .anifit_default_categories { display: none; }

    #slider { width: auto; height: auto; min-height: 100px; }
    #slider .slide { width: 100%; }
    #slider .slide img { width: 100%; }
    .startpage #slider .slide { width: 100%; }
    .startpage #slider img { width: 150%; }

    #slider .slide.active > a {
        top: 0!important; left: 0!important; bottom: 0!important; right: 10px!important;
        width: auto!important; height: auto!important; background-position: right center;
    }
    #slider #resize_image { width: 100%; visibility: hidden; }
    .startpage #slider #resize_image { width: 150%; }

    #cloud { overflow: hidden; }
    #cloud a { font-size: 20px!important; }

    .produkte {width: 550px;}
    .myCarousel {width:420px!important;}

    #start_erfolgsrezeptur_bubble {
        background-position: left center; background-size: 80px; display: block; float: none;
        width: auto; color: #638001; height: auto; padding: 10px; text-align: left;
        padding-left: 100px;
    }
    #start_erfolgsrezeptur_bubble h2 {
        color: #C90230;
    }
    #start_erfolgsrezeptur_bubble a { color: #313131; }
    .erfolgsrezeptur_bullet {
        margin-left: 15px; width: 45%; height: 180px;
    }
    .erfolgsrezeptur_bullet td:nth-child(2) { padding-right: 0; }
    .erfolgsrezeptur_bullet img {
        margin-right: 0;
    }
}

@media screen and (max-width: 820px) {
    #open_shop_basket { right: 20px; }
    #my_provital_menu_container { right: 100px; }
    #anifit_website_menu_container { right: 180px; }
    #anifit_shop_categories { left: 110px; z-index: 20; }
    .menu_container > a > span { display: none; }
    #anifit_shop_categories_bar { border-bottom: 65px solid #638000; position: absolute; }
    .menu_container ul { left: initial; right: 0; }
    #anifit_website .menu_container img { margin-right: 0; }
    #article_search { top: 95px; z-index: 10; left: 20px; right: 95px; }
    #article_search button { margin-right: 0; }
    #logo img { width: 85px; }
    #logo img:first-child { display: none; }
    #logo img.mobile_logo { display: block; margin-top: 15px; }
    .lang_select > a { height: 65px; padding: 0 5px; width: 30px; }
    #anifit_website .lang_select > a > img {
        width: 30px; height: auto; margin-top: 25px;
    }
    .lang_select > div { top: 65px; }
    #lang_select { right: 5px; }
    #country_select { right: 50px; }
    #country_select > a { font-size: 10px; line-height: 12px; }
    #anifit_website #country_select > a > img { margin-top: 13px; }
    #footer .footer_lane { width: 40%; }
    #footer_shop_info > span { display: block; vertical-align: top; }
    #footer_shop_info > span > span { display: block; border: 0; margin: 7px 0px; padding: 0; }
    #footer_shop_info img { margin: 0; }
    #start_anifit_tierhilfe { float: none; display: block; width: 100%; padding-bottom: 20px; }
    #start_festessen { text-align: center; }
    #start_festessen_box { float: none; margin-right: 0; display: inline-block; }
    #header_search { position: absolute; top: 0; }
    #anifit_website #header_search { top: -180px; }
    #anifit_website.partnerpage_modular #header_search { top: -345px; }
    #anifit_website.partnerpage_modular.reduced_header_for_mobile #header_search { top: -285px; }
    #anifit_website.partnerpage_modular.reduced_header_for_mobile.partnerpage_startpage #header_search { top: 0px; }
    #anifit_website.partnerpage_modular.reduced_header_for_mobile.shop_body #header_search { top: 0px; }
    #anifit_website.shop_body #header_search { top: 0px; }
    #anifit_website.startpage #header_search { position: absolute; top: -130px; }
    #header {
        height: 85px; background: white; border-bottom: 1px solid #ddd; box-shadow: 0 0 10px 0px gray;
    }
    #content { display: block; padding-top: 0; }
    #anifit_website_submenu { display: none; }

    .startpage .erfolgsrezeptur_bullet {
        height: auto; width: auto; padding: 0 10px 0 0; margin-top: 5px;
    }
    #start_erfolgsrezeptur_bubble { padding-bottom: 20px; }

    .produkte {width: 500px;}
    .myCarousel {width:370px!important;}
}

@media screen and (max-width: 720px) {
    #anifit_website #content iframe { width: 100%; }
    .startpage #content { padding: 0; }
    #anifit_website .shop table { width: 100%; }
    #anifit_website .shop table.shop_checkout_basket_summary { width: auto; margin-top: 15px; }
    #start_festessen_box { width: auto; }

    .produkte {width: 400px;}
    .myCarousel {width:270px!important;}
}

@media screen and (max-width: 650px) {
    #my_provital_menu_container { right: 60px; }
    #open_shop_basket { right: 10px; }
    #anifit_website_menu_container { right: 120px; }
    #anifit_shop_categories > ul { left: -40px; }
    .menu_container { z-index: 15; }

    #footer > div { display: block; position: static; }
    .startpage .spquicklinks { float: none; width: auto; margin: 0; }
    .startpage .recommended_articles { text-align: center; }

    #functions a { padding: 0 8px 0 5px; }

    #start_erfahrungsberichte_container { height: auto; }
    #start_erfahrungsberichte { padding-top: 20px; }
    #start_erfahrungsberichte h2 { margin-bottom: 20px; }
    #start_erfahrungsberichte .green_button { margin-top: 0px; }
    #start_erfahrungsberichte p { padding-top: 0; }
}

@media screen and (max-width: 640px) {
    #footer .footer_lane { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 20px; margin: 0; }
    #start_mobile_categories { display: block; }

    span.review_legal_info span {
        position: relative; top: 0px; width: auto; left: auto; right: auto; margin: auto;
    }
    span.review_legal_info span:after, span.review_legal_info span:before {
        right: 26%;
    }
}

@media screen and (max-width: 530px) {
    #open_shop_basket { right: 10px; }
    #my_provital_menu_container { right: 55px; }
    #anifit_website_menu_container { right: 106px; }
    #anifit_shop_categories { left: 104px; }

    .start_erfahrungsbericht { width: auto; background: none; }

    body { min-width: 320px; }

    #anifit_website #content .myCarousel { width: 110px!important; }
    #anifit_website #content .graphic, #anifit_website #content .graphic img { width: auto!important; max-width: 100%!important; }
    #anifit_website #content .zms_graphic.floatright { float: none!important; display: block; }
    #anifit_website #content .spquicklink h2 a { font-size: 24px; }
    #anifit_website #content .spquicklink.online h2 a { white-space: nowrap; }
    #anifit_website #content .spquicklink.online:last-child h2 a { white-space: initial; }
}

@media screen and (max-height: 800px) and (max-width: 820px) {
    #anifit_shop_categories ul ul a {
        height: 30px;
        line-height: 30px;
    }
}

@media screen and (max-height: 700px) and (max-width: 820px) {
    #container #anifit_shop_categories > ul > li > a > img {
        max-width: 25px; max-height: 25px;
    }
    #anifit_shop_categories a {
        line-height: 25px;
    }
    #anifit_shop_categories > ul > li > a {
        padding-left: 38px!important;
    }
}

/* Aufzaehlung */
#aufzaehlung_overview { border-top: 2px solid #808080; padding-top: 30px; margin-top:30px;}
#aufzaehlung_overview ul, #aufzaehlung_overview ul li { margin: 0; padding: 0; list-style: none; }
#aufzaehlung_overview ul {width:100%; display: -webkit-box;  display: -webkit-box;  display: -ms-flexbox; display: flex;  -ms-flex-flow: row wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#aufzaehlung_overview ul li { background: url(../images/hundefutter_katzenfutter_aufzaehlung_tick.gif) no-repeat 0 15px transparent; padding: 0 10px 10px 28px; -webkit-box-flex: 2 2 auto;  -ms-flex:  2 2 auto; flex: 2 2 auto;  display: block; width: 280px; -ms-flex-item-align: start; align-self: flex-start;}
#aufzaehlung_overview ul li.noimg { background: none; padding: 0 10px 10px 28px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;}
#aufzaehlung_overview ul li > h3 { padding-top: 3px;}

/* Print */
@media print {
    #logo { position: static; display: block; }
    #logo a { text-align: left; }
    #logo img:first-child { display: none; }
    #logo img.mobile_logo { display: initial; width: 100px; margin: 20px; }
    #logocontainer { display: block!important; }

    #anifit_shop_categories, #anifit_website_menu_container, #my_provital_menu_container,
    #open_shop_basket, #article_search, .lang_select, #footer, #slider, #start_festessen,
    #start_futterrechner, #footer_container, #anifit_shop_categories_bar,
    .form_add_to_basket, .article_gallery, .shop_checkout_purchase_summary { display: none; }

    #header, #header_search { margin: 0; height: auto; }

    #content .article_detail_datasheet_text div { display: block; width: auto; }

    .startpage .spquicklinks { float: none; width: auto; margin: 0; }
    .startpage .recommended_articles { text-align: center; }

    #functions a { padding: 0 8px 0 5px; }

    .startpage #content * { position: static; float: none; }
    #start_erfahrungsberichte_container { height: auto; }
    #start_erfahrungsberichte { padding-top: 20px; }
    #start_erfahrungsberichte h2 { margin-bottom: 20px; }
    #start_erfahrungsberichte .green_button { margin-top: 0px; }
    #start_erfahrungsberichte p { padding-top: 0; }
    .startpage .erfolgsrezeptur_bullet { width: auto; padding: 0 10px 0 0; margin-top: 5px; }
    #start_erfolgsrezeptur_bubble { padding-bottom: 20px; }
    #start_erfolgsrezeptur { height: auto; padding: 0; }
    .produkte {width: 500px;}
    .myCarousel {width:370px!important;}
    #start_erfolgsrezeptur_bubble {
        background-position: left center; background-size: 80px; display: block; float: none;
        width: auto; color: #638001; height: auto; padding: 10px; text-align: left;
        padding-left: 100px;
    }
    #start_erfolgsrezeptur_bubble h2 {
        color: #C90230;
    }
    #start_erfolgsrezeptur_bubble a { color: #313131; }
    .erfolgsrezeptur_bullet {
        margin-left: 15px; width: 45%;
    }
    .erfolgsrezeptur_bullet td:nth-child(2) { padding-right: 0; }
    .erfolgsrezeptur_bullet img {
        margin-right: 0;
    }
}