/*
Theme Name: Novalac
Author: Debüser & Bee Werbeagentur GmbH
Author URI: http://www.dplusb.de
Description: Das offizielle Wordpress-Theme der Marke Novalac. Erstellt im März 2016.
Version: 1.0
*/


/* ######################################################## Skelett ######################################################## */

*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'Ubuntu', sans-serif;
    color: #4e4e4e;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

p {
    line-height: 1.4em;
}

a {}

a:hover {}

a:active {}

a:visited {}

strong {
    font-weight: 600;
}

em {
    font-style: italic;
}


/* #################################################################################################### Wrapper #################################################################################################### */

#wrapper {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 1em;
}


/* #################################################################################################### Header #################################################################################################### */

header {
    margin-bottom: 1em;
    position: relative;
}

#logo_div,
#shop_indicator {
    width: 70%;
    max-width: 250px;
    margin: 1.5em auto;
}

#logo_img {
    width: 100%;
    height: auto;
}


/* -------------------------------------------------- Regular Header -------------------------------------------------- */

#main_nav {
    background-color: #004c8b;
    width: 100%;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

#main_nav.active {
    left: 0;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

#header_nav {
    display: none;
    padding: 1em;
}

#header_nav li {}

#header_nav li a {
    display: block;
    font-family: 'Ubuntu Condensed', 'Ubuntu', sans-serif;
    font-size: 1.1em;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .03em;
    padding: .3em 0;
}

#header_nav li.current-menu-item a,
#header_nav li.current-menu-parent a {
    text-decoration: underline;
}

#header_nav li.current-menu-item a {
    pointer-events: none;
}

#header_nav li.current-menu-item ul li a,
#header_nav li.current-menu-parent ul li a {
    text-decoration: none;
    pointer-events: all;
}

#header_nav li ul {
    display: none;
    margin-bottom: 1em;
}

#header_nav li.current-menu-item ul,
#header_nav li.current-menu-parent ul {
    display: block;
}

#header_nav li ul li {}

#header_nav li ul li a {
    font-size: .9em;
    font-weight: 100;
    text-transform: none;
    padding-left: 2em;
}

#header_nav li ul li.current-menu-item a {
    text-decoration: underline;
    pointer-events: none;
}

#menu_toggle {
    display: block;
    height: 2.5em;
    background-color: #004c8b;
    background-image: url('img/burgernav.png');
    background-repeat: no-repeat;
    background-size: auto 50%;
    background-position: center;
    z-index: 20;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

#menu_toggle.close {
    background-image: url('img/burgernav_close.png');
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

#language_switcher {
    display: none;
    color: #fff;
    margin-top: .5em;
    padding: 1em;
    padding-top: 0;
}


/* -------------------------------------------------- Shop-Header -------------------------------------------------- */


/* #################################################################################################### Banner #################################################################################################### */

#offcanvas_content {}

#banner {}

#banner .master-slider-parent {
    margin-bottom: 1em;
}

.banner_folgeseite_img {
    margin-bottom: -.2em;
}

#banner .master-slider-parent .master-slider .ms-slide-info,
.banner_folgeseite_title {
    min-height: 0 !important;
    margin-top: 0 !important;
    box-sizing: border-box;
    font-family: 'Gochi Hand', sans-serif;
    font-size: 1.4em;
    line-height: 1.3em;
}

.ms-slide-info .ms-info,
.banner_folgeseite_title {
    background-color: rgba(254, 219, 124, .8);
    padding: 1em;
}

.ms-info-empty {
    display: none;
}

.banner_img,
.banner_folgeseite_img {
    width: 100%;
}

.banner_kontakt_stoerer {
    background-color: #004c8b;
    color: #fff;
    padding: 1em;
    margin-bottom: 2em;
    text-transform: uppercase;
    min-height: 138.118px;
    width: 60%;
    line-height: 1em;
    float: left;
}

.banner_kontakt_stoerer p {
    line-height: 1.2em;
}

.banner_kontakt_stoerer_inner {}

.banner_kontakt_head {
    margin-bottom: .5em;
    font-weight: 100;
}

.banner_kontakt_nummer_1 {
    margin-bottom: .2em;
}

.banner_kontakt_nummer_1 a,
.banner_kontakt_nummer_2 a {
    color: #fff;
    text-decoration: none;
}

.banner_kontakt_nummer_2 {}

.banner_button_shop {
    display: table;
    float: left;
    width: 40%;
    height: 138.118px;
    padding: 1em;
    text-transform: uppercase;
    font-weight: 500;
    background-color: #f0f8ff;
    color: #004c8b;
    text-decoration: none;
}

.banner_button_shop:hover .banner_button_shop_center {
    opacity: .7;
}

.banner_button_shop_center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.banner_button_shop p {
    margin-bottom: 1em;
    font-size: .9em;
}

.button_shop_img {
    width: 60%;
    max-width: 73px;
}


/* #################################################################################################### Main #################################################################################################### */

main {}

main.frontpage {}

.folgeseite_maincontent {
    margin: 2em 0;
}

.folgeseite_maincontent h1,
.folgeseite_products h1 {
    font-family: 'Gochi Hand', sans-serif;
    font-size: 1.8em;
    color: #004c8b;
    margin-bottom: .6em;
    line-height: 1.2em;
}

.folgeseite_maincontent h2 {
    font-weight: 500;
    font-size: 1.2em;
    margin-bottom: .4em;
}

.folgeseite_maincontent h3 {
    font-weight: 500;
    font-size: .9em;
    line-height: 1.3em;
    margin-bottom: .3em;
    color: #004c8b;
}

.folgeseite_maincontent p,
.folgeseite_products p {
    margin-bottom: 1em;
}

.folgeseite_maincontent ul {
    line-height: 1.4em;
    margin-bottom: 1em;
}

.folgeseite_maincontent ul li {
    list-style-type: circle;
    margin-left: 1.2em;
}

.folgeseite_maincontent a {
    color: #004c8b;
    text-decoration: none;
    font-weight: bold;
}

.folgeseite_maincontent a:hover {
    text-decoration: underline;
}

.folgeseite_maincontent h1,
.folgeseite_maincontent h2,
.folgeseite_maincontent h3,
.folgeseite_maincontent h4,
.folgeseite_maincontent p,
.folgeseite_maincontent ul,
.folgeseite_maincontent table {
    max-width: 650px;
}

.folgeseite_maincontent img {
    max-width: 100%;
    height: auto;
}

.folgeseite_produkt_kategorie {
    padding: .3em;
    border-radius: .3em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.folgeseite_produkt_kategorie.dunkelblau {
    background-color: #0876bc;
}

.folgeseite_sidebar {}

.sidebar_produkt_expand {
    margin-bottom: 1em;
}

.sidebar_produkt_img_container {
    margin-bottom: 1em;
}

.sidebar_produkt_img {
    max-width: 100%;
    height: auto;
}

.expand_head {
    position: relative;
    background-color: #7d7d7d;
    color: #fff;
    text-align: center;
    padding: .5em;
    text-transform: uppercase;
    border-radius: .3em;
    margin-bottom: .5em;
    cursor: pointer;
    font-size: 1.1em;
}

.expand_head:hover {
    background-color: #8d8d8d;
}

.expand_head.active {
    margin-bottom: 1.5em;
}

.expand_head.active:after {
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: calc(50% - 12px);
    top: 1.8em;
    background-image: url('img/expand_arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.expand_content {
    display: none;
    margin-bottom: .5em;
    padding: 1em;
    padding-top: 0;
}

.expand_img {
    width: 100%;
    height: auto;
}

.sidebar_produkt_kaufen_button {
    display: block;
    position: relative;
    background-color: #004c8b;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: .5em;
    border-radius: .3em;
    margin-bottom: .5em;
    margin-top: 2em;
}

.sidebar_produkt_kaufen_button:hover {
    background-color: #0159a3;
}

.usp_section {}

.usp_section h1 {
    font-family: 'Gochi Hand', sans-serif;
    color: #004c8b;
    font-size: 1.6em;
    margin-bottom: .5em;
}

.usp_list {
    margin-bottom: 2em;
}

.usp_list li {
    position: relative;
    margin-bottom: .5em;
    padding-left: 1.5em;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1em;
    line-height: 1.2em;
}

.usp_list li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 1em;
    height: 1em;
    background-image: url('img/bulletpoints.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.usp_list_img_container {
    text-align: center;
    margin-bottom: 2em;
}

.usp_list_img {
    width: 40%;
}

.produkte_section {
    margin-bottom: 1em;
}

.produkte_section h3 {
    display: block;
    padding: .5em;
    font-family: 'Ubuntu Condensed', 'Ubuntu', sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-align: center;
    border-radius: .5em;
    color: #fff;
}

.produkte_section h3:after {
    content: '';
    display: inline-block;
    width: .6em;
    height: .6em;
    margin-left: .5em;
    background-image: url('img/arrow_down.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

.produkte_section h3.active:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

.folgeseite_produkt_kategorie.dunkelblau,
.single_product_page_category.dunkelblau a,
.woocommerce-page ul.products li.product.product_cat-startermilch a h2.category_head,
.produkte_section#startermilch h3,
.produkte_section#startermilch2 h3 {
    background-color: #0876bc;
}

.produkte_section#startermilch .product_one_details,
.produkte_section#startermilch2 .product_one_details {
    margin-bottom: 2em;
}

.folgeseite_produkt_kategorie.mittelblau,
.single_product_page_category.mittelblau a,
.woocommerce-page ul.products li.product.product_cat-folgenahrung a h2.category_head,
.produkte_section#folgenahrung h3 {
    background-color: #078ece;
}

.folgeseite_produkt_kategorie.orange,
.single_product_page_category.orange a,
.woocommerce-page ul.products li.product.product_cat-blaehungen-koliken a h2.category_head,
.produkte_section#koliken h3 {
    background-color: #efa040;
}

.folgeseite_produkt_kategorie.violett,
.single_product_page_category.violett a,
.woocommerce-page ul.products li.product.product_cat-verstopfung a h2.category_head,
.produkte_section#verstopfung h3 {
    background-color: #9b64a7;
}

.folgeseite_produkt_kategorie.rot,
.single_product_page_category.rot a,
.woocommerce-page ul.products li.product.product_cat-spucken-aufstossen a h2.category_head,
.produkte_section#spucken h3 {
    background-color: #d82a52;
}

.woocommerce-page ul.products li.product.product_cat-starker-hunger a h2.category_head,
.produkte_section#starker_hunger h3 {
    background-color: #0876bc;
}

.folgeseite_produkt_kategorie.dunkelgruen,
.single_product_page_category.dunkelgruen a,
.woocommerce-page ul.products li.product.product_cat-allergiegefaehrdung a h2.category_head,
.produkte_section#allergie h3 {
    background-color: #38b07f;
}

.folgeseite_produkt_kategorie.hellblau,
.single_product_page_category.hellblau a,
.woocommerce-page ul.products li.product.product_cat-kuhmilchallergie a h2.category_head,
.produkte_section#kuhmilchallergie h3 {
    background-color: #0cb8d9;
}

.folgeseite_produkt_kategorie.hellgruen,
.single_product_page_category.hellgruen a,
.woocommerce-page ul.products li.product.product_cat-akuter-durchfall a h2.category_head,
.produkte_section#durchfall h3 {
    background-color: #94be28;
}

#content .woocommerce-page ul.products li.first {
    clear: none;
}

.produkte_section .product_details {
    display: none;
    font-weight: 100;
    line-height: 1.4em;
    padding: 1em;
}

.produkte_section .product_description {
    margin-bottom: 2em;
}

.produkte_section .product_img_container {
    margin-bottom: 2em;
    position: relative;
}

.produkte_section .product_details_img {
    max-width: 100%;
    height: auto;
}

.produkte_section .product_links:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    clear: both;
}

.produkte_section .product_links .button,
.produkte_section .button_ars {
    display: block;
    float: left;
    width: calc(50% - .5em);
    margin-right: 1em;
    text-align: center;
    padding: .3em;
    background-color: #7d7d7d;
    color: #fff;
    border-radius: .3em;
    text-decoration: none;
}

.produkte_section .button_ars {
    position: absolute;
    width: 50%;
    bottom: -.75em;
    left: 25%;
}

.produkte_section .button_ars:hover,
.produkte_section .product_links .button:hover {
    background-color: #4e4e4e;
}

.produkte_section .product_links .button_kaufen {
    margin-right: 0;
    background-color: #004c8b;
}

.produkte_section .product_links .button_kaufen:hover {
    background-color: #0266b8;
}

.faq_links_ul {
    margin-top: .5em;
    margin-bottom: 2em !important;
}

.faq_links_ul li {
    margin-bottom: .2em;
}

.faq_entry_category_container h2 {
    margin-bottom: 1em;
    margin-top: 4.5em;
}

.faq_entry {
    margin: 1.5em 0;
}

.faq_entry h3 {
    margin-bottom: 1em;
}

.faq_totop {
    text-align: right;
    padding-bottom: .5em;
    border-bottom: 1px solid #004c8b;
}

.beratung_personen {
    max-width: 650px;
    margin-top: 3em;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.beratung_personen:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    clear: both;
}

.beratung_person {
    width: calc(50% - .5em);
    margin-right: 1em;
    float: left;
}

.beratung_person:nth-of-type(2n) {
    margin-right: 0;
}

.beratung_person_bild {
    max-width: 100%;
    height: auto;
    margin-bottom: 1em;
}

.beratung_person_titel {
    font-style: italic;
}

.beratung_formular {
    margin-top: 2em;
    max-width: 450px;
    background-color: #eaeaea;
    padding: 1.75em;
}

#sitemap a {
    font-weight: 500;
}

#sitemap li {
    margin-bottom: .5em;
}

#sitemap li ul {
    margin-bottom: 0;
}

#sitemap li ul li {
    margin-bottom: 0;
}

.newsletterabmeldung_form {
    background-color: #eaeaea;
    padding: 1em;
    max-width: 350px;
}

.newsletterabmeldung_form p {
    margin-bottom: 0;
}

.newsletterabmeldung_form label {
    display: block;
    margin-bottom: .5em;
}

.newsletterabmeldung_form .wpcf7-email {
    background-color: #fff;
    border: 0;
    font-size: .8em;
    padding: .4em;
    font-family: 'Ubuntu', sans-serif;
    color: #4e4e4e;
    margin-bottom: 1em;
    width: 100%;
}

.newsletterabmeldung_form .wpcf7-submit {
    cursor: pointer;
    font-family: 'Ubuntu', sans-serif;
    font-size: .9em;
    text-decoration: none;
    padding: .618em 1em;
    font-weight: 500;
    border-radius: 3px;
    color: #fff;
    background-color: #004c8b;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}

.newsletterabmeldung_form .wpcf7-submit:hover {
    background-color: #003b7a;
}

.folgeseite_products {
    margin-bottom: 3em;
}

.folgeseite_products p {
    max-width: 980px;
}


/* #################################################################################################### Shop #################################################################################################### */


/* ---------- Header ---------- */

#shop_indicator:hover,
#shop_indicator:active {
    opacity: .8;
}

#shop_indicator_icon {
    width: auto;
    height: 3.5em;
    float: left;
    margin-right: 1em;
}

#shop_indicator_text {
    float: left;
    line-height: 3.5em;
    vertical-align: middle;
    text-transform: uppercase;
    color: #004c8b;
    font-weight: 500;
}

#shop_header_bar {
    position: relative;
    min-height: 4em;
}

#shop_header_bar a {
    color: #7d7d7d;
    text-decoration: none;
    font-weight: 500;
}

.shop_header_bar_left,
.shop_header_bar_login {
    margin-bottom: 1em;
    background-color: #eaeaea;
    padding: .75em;
}

.shop_header_bar_cart {
    display: inline-block;
    position: relative;
    height: 2.5em;
    width: 3.5em;
    line-height: 2.5em;
    vertical-align: middle;
    background-image: url(img/cart.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}

.shop_header_bar_cart_count {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.2em;
    height: 2.2em;
    color: #fff;
    font-weight: 100;
    font-size: .8em;
    line-height: 1.5em;
    vertical-align: middle;
    text-align: center;
    border-radius: 1em;
    background-color: #7d7d7d;
    border: 4px solid #eaeaea;
}

.shop_header_bar_total {
    display: inline-block;
    line-height: 2.5em;
    vertical-align: middle;
    border-left: 4px solid #7d7d7d;
    padding-left: .5em;
    padding-right: .4em;
    color: #7d7d7d;
    font-weight: 500;
    min-width: 4em;
}

.shop_header_bar_cart_link,
.shop_header_bar_checkout_link {
    display: inline-block;
}

.shop_header_bar_cart_link:hover,
.shop_header_bar_checkout_link:hover,
.shop_header_bar_login:hover {
    opacity: .9;
}

.shop_header_bar_checkout {
    display: inline-block;
    height: 2.5em;
    width: 7em;
    padding-left: 1em;
    line-height: 2.5em;
    vertical-align: middle;
    border-left: 4px solid #7d7d7d;
}

.shop_header_bar_checkout_icon {
    display: inline-block;
    vertical-align: middle;
    height: 2.5em;
    width: 2.5em;
    width: 34%;
    background-image: url(img/checkout.png);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

.shop_header_bar_checkout_text {
    display: inline-block;
    height: 2.5em;
    width: 60%;
    padding-left: .5em;
    line-height: normal;
    vertical-align: middle;
    color: #7d7d7d;
    font-weight: 500;
}

.shop_header_bar_login {
    display: block;
    height: 4em;
    line-height: 2.5em;
    vertical-align: middle;
}

.shop_header_bar_login_icon {
    display: inline-block;
    height: 2.5em;
    width: 2.5em;
    vertical-align: middle;
    background-image: url(img/login.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.shop_header_bar_login_text {
    display: inline-block;
    padding-left: .5em;
    line-height: 2.5em;
    vertical-align: middle;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
    color: #fff !important;
}


/* ---------- Produktarchiv ---------- */

.woocommerce-page ul.products,
.woocommerce ul.products {
    width: 100%;
    max-width: 100%;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 100%;
}

.woocommerce-page ul.products li.product a h2.category_head {
    background-color: #000;
    padding: .25em;
    text-align: center;
    font-family: 'Ubuntu Condensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
    border-radius: .3em;
}

.woocommerce ul.products li.product.product-type-grouped .price {
    background-color: #e5e5e5;
    color: #4e4e4e;
    padding: 1em;
}

.woocommerce ul.products li.product.product-type-grouped .price .wc-archive-description ul li {
    list-style-type: disc;
}

.produktpreis {
    margin-bottom: 1em;
}

.produktpreis:last-child {
    margin-bottom: 0;
}

.produktpreis_amount_em {
    font-size: 1.3em;
    font-weight: 500;
}

.woocommerce ul.products li.product {
    padding-bottom: 1.5em;
    border-bottom: 5px solid #e5e5e5;
}

.woocommerce ul.products li.product a {
    display: block;
}

.woocommerce ul.products li.product a.button {}

.woocommerce ul.products li.product .button {
    min-width: 50%;
    margin: 0 auto;
    text-align: center;
    margin-top: 2em;
    background-color: #7d7d7d;
    color: #fff;
    font-weight: 300;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #8d8d8d;
}


/* Sidebar */

/* ---------- Weihnachten – Hinweis ---------- */

#hinweis_shop {
    padding: 1em;
    margin-bottom: 2.5em;
    margin-top: 2.3em;
    border-radius: .3em;
    color: #fff;
    background-color: #004c8b;
}

.hinweis_shop_anrede {
    font-size: 1.6em;
    margin-bottom: .3em;
}

.hinweis_shop_text p {
    margin-bottom: .5em;
}

.hinweis_shop_signatur {
    font-size: 1.3em;
}

.versand {
    margin-bottom: 2em;
}

.versand:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    clear: both;
}

.versand img {
    width: calc(50% - .5em);
    margin-right: 1em;
    float: right;
    padding: 1em;
}

.versand img:nth-of-type(2n) {
    margin-right: 0;
}

.paypal_icon {
    text-align: center;
    margin-bottom: 2em;
}

.paypal_icon img {
    width: 50%;
    margin-left: .5em;
}

.lieferung_deutschland {
    text-align: center;
}

.lieferung_deutschland img {
    width: 75%;
    max-width: 220px;
    margin-left: .5em;
}


/* ---------- Single Product ---------- */

.woocommerce-result-count,
.woocommerce-ordering {
    display: none;
}

.single_product_page_category {
    display: block;
    margin-bottom: 2em;
}

.single_product_page_category a {
    display: inline-block;
    padding: .5em 2em;
    font-family: 'Ubuntu Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 1.2em;
    color: #fff;
    border-radius: .3em;
    pointer-events: none;
}

.folgeseite_maincontent .product h1 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.6em;
    color: #4e4e4e;
    text-transform: uppercase;
    margin-bottom: 2.5em;
    line-height: 1.2em;
}

.folgeseite_maincontent .single_product_page_image {
    margin-bottom: 3em;
}

.folgeseite_maincontent .single_product_page_description {
    margin-bottom: 3.5em;
}

.folgeseite_maincontent .single_product_page_description ul li {
    list-style-type: none;
    position: relative;
    margin-bottom: .5em;
    padding-left: 1.5em;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1em;
    line-height: 1.2em;
}

.folgeseite_maincontent .single_product_page_description ul li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 1em;
    height: 1em;
    background-image: url('img/bulletpoints.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: none;
    width: 100%;
}

.produkt_grouped_add-to-cart-single {
    margin-bottom: 2em;
}

.warenkorb-name,
.warenkorb-preis {
    margin-bottom: .5em;
}

.warenkorb-button {
    line-height: 2.5em;
    vertical-align: middle;
}

.woocommerce div.product form.cart div.quantity {
    margin-right: 0em;
}

.woocommerce div.product form.cart div.quantity input {
    border: 0;
    background-color: #eaeaea;
    padding: 1em .5em;
}

.woocommerce div.product form.cart div.quantity:before {
    content: 'Anzahl: ';
    display: inline-block;
    margin-right: .3em;
}

.woocommerce div.product form.cart .button {
    float: none;
}

.shop_hr,
.faq_hr {
    border-bottom: 5px solid #e5e5e5;
    margin-bottom: 2em;
}

.faq_hr {
    margin: 4em 0;
}


/* ---------- Mein Konto ---------- */

.woocommerce h2 {
    margin-top: 2em;
    margin-bottom: 1em;
}


/* Login / Register */

.woocommerce form.login,
.woocommerce form.register {
    border: 0 !important;
    border-radius: 0;
    background-color: #eaeaea;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    background-color: #fff;
    border: 0;
    font-size: .8em;
    padding: .4em;
    font-family: 'Ubuntu', sans-serif;
    color: #4e4e4e;
}

.woocommerce form.register .form-row .button,
.woocommerce form.login .form-row .button {
    background-color: #004c8b;
    color: #fff;
    margin-bottom: .5em;
    margin-right: 2em;
}

.woocommerce form.register .form-row .button:hover,
.woocommerce form.login .form-row .button:hover {
    background-color: #dad8da;
    color: #4e4e4e;
}

#rememberme {
    display: block;
    width: 1.6em;
    height: 1.6em;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    border: 4px solid #fff;
}

#rememberme:checked {
    background-color: #004c8b;
}


/* Passwort vergessen */

.woocommerce form.lost_reset_password .form-row input.input-text {
    background-color: #eaeaea;
}

.woocommerce form.lost_reset_password .form-row input.input-text:hover,
.woocommerce form.lost_reset_password .form-row input.input-text:focus {
    background-color: #f3f3f3;
}


/* Bestellübersicht */

.woocommerce .woocommerce-billing-fields,
.woocommerce .woocommerce-shipping-fields {
    background-color: #eaeaea;
    padding: 1em;
}

#order_review_heading {
    margin-top: 2em;
    margin-bottom: 1em;
}


/* Bestellung eingegangen */

.woocommerce-thankyou-order-received {
    background-color: #004c8b;
    color: #fff;
    padding: 1em;
}

.woocommerce-thankyou-order-details {
    background-color: #eaeaea;
    padding: 1em;
    padding-top: 0;
    margin-bottom: 1em;
}

.woocommerce .woocommerce-thankyou-order-details li {
    margin-top: 1.5em;
    list-style-type: none;
}

.woocommerce-thankyou-order-details-payment-data {
    margin-bottom: 1em;
    max-width: 650px;
}

.woocommerce-thankyou-order-details-payment-data h3 {
    display: block;
    padding: 1em;
    padding-bottom: 0;
    margin: 0;
    background-color: #eaeaea;
}

.woocommerce-thankyou-order-details-payment-data ul.order_details {
    background-color: #eaeaea;
    padding: 1em;
    padding-top: 0;
    margin-bottom: 0;
}

.woocommerce-thankyou-order-details-payment-data ul.order_details li {
    list-style-type: none;
    margin-top: 1em;
}

.woocommerce .shop_table.order_details {
    max-width: 650px;
}

.woocommerce .myaccount_user {
    background-color: #eaeaea;
    padding: 1em;
}

.woocommerce .addresses {
    max-width: 650px;
}

.woocommerce .addresses div {
    background-color: #eaeaea;
    padding: 1em;
}

.woocommerce .addresses div address {
    line-height: 1.4em;
}


/* Account bearbeiten */

.woocommerce .edit-account {
    background-color: #eaeaea;
    padding: 1em;
    max-width: 650px;
}

.woocommerce .edit-account fieldset {
    margin-top: 2em;
}

.woocommerce .edit-account fieldset legend {
    color: #004c8b;
}

.woocommerce .edit-account .button {
    background-color: #004c8b;
    color: #fff;
}

.woocommerce .edit-account .button:hover {
    background-color: #dad8da;
    color: #4e4e4e;
}


/* Adressen bearbeiten */

.woocommerce-edit-address form {
    background-color: #eaeaea;
    padding: 1em;
    max-width: 650px;
}

.woocommerce-edit-address .woocommerce form .button {
    background-color: #004c8b;
    color: #fff;
}

.woocommerce-edit-address .woocommerce form .button:hover {
    background-color: #dad8da;
    color: #4e4e4e;
}


/* Vergangene Bestellung DETAILANSICHT */

.woocommerce .order-info {
    background-color: #eaeaea;
    padding: 1em;
}

.woocommerce .order-info mark {
    background-color: transparent;
    color: #000;
    font-weight: bold;
}


/* ---------- Cart ---------- */

.woocommerce .shop_table .cart_item .product-quantity .quantity .input-text {
    border: 0;
    background-color: #eaeaea;
    padding: .5em;
}

.woocommerce .cart-collaterals {
    max-width: 650px;
}

.woocommerce .cart-collaterals .cart_totals {
    width: 100%;
}

.woocommerce .weiter-einkaufen {
    width: 100%;
    text-align: center;
}


/* ---------- Checkout ---------- */

.folgeseite_maincontent ul.wc_payment_methods li {
    list-style-type: none;
}

.woocommerce-checkout #payment ul.payment_methods li input,
.input-checkbox {
    display: inline-block !important;
    width: 1.25em;
    height: 1.25em;
    border-radius: 50%;
    margin-right: .5em;
    background-color: #fff;
    border: 3px solid #fff;
}

.woocommerce-checkout #payment ul.payment_methods li input:checked,
.input-checkbox:checked {
    background-color: #004c8b;
}

.input-checkbox {
    border-radius: 0;
}


/* #################################################################################################### Footer #################################################################################################### */

#footer {}

#footer_kontakt_section {
    background-color: #fef3e3;
    padding: 1em;
    margin-bottom: 2.5em;
}

#footer_kontakt_section h3 {
    color: #4e4e4e;
    text-transform: uppercase;
    margin-bottom: 1em;
    line-height: 1.3em;
}

#footer_kontakt_section h4 {
    margin-bottom: .75em;
    text-transform: uppercase;
    color: #004c8b;
}

.footer_kontakt_form_container {
    margin-bottom: 3em;
}

.footer_kontakt_form_hinweis {
    font-size: .8em;
    font-style: italic;
}

.footer_kontakt_form {}

.footer_kontakt_form:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    clear: both;
}

.footer_kontakt_form_left {}

.footer_kontakt_form_left .footer_kontakt_form_div_anrede p {
    float: left;
}

.footer_kontakt_form_right {}

.footer_kontakt_form_div:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    clear: both;
}

.footer_kontakt_form label,
.footer_kontakt_form .label {
    display: block;
    float: left;
    width: 85px;
    padding-top: .7em;
    font-size: .8em;
}

.input_text {}

.footer_kontakt_form_div {
    margin-bottom: .5em;
}

.footer_kontakt_form_div .input_text,
.footer_kontakt_form_div .footer_kontakt_form_anrede {
    width: calc(100% - 85px);
    float: left;
    display: block;
    border: 0;
    box-shadow: 0 0 0 transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Ubuntu', sans-serif;
    font-size: .8em;
    padding: .5em;
}

.footer_kontakt_form_div .input_text:hover,
.footer_kontakt_form_div .input_text:focus {
    background-color: rgba(255, 255, 255, .85);
}

.footer_kontakt_form_div .footer_kontakt_form_radio {
    display: block;
    padding: 0;
    font-size: 1em;
    width: 100%;
}

.footer_kontakt_form .footer_kontakt_form_radio .wpcf7-list-item {
    display: block;
}

.footer_kontakt_form_div .footer_kontakt_form_radio input {
    width: 20px;
    height: 20px;
    margin: 0;
    margin-right: .5em;
    margin-top: .2em;
    border-radius: 50%;
    background-color: #fff;
    border: 4px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left;
}

.footer_kontakt_form_div .footer_kontakt_form_radio input:hover,
.footer_kontakt_form_div .footer_kontakt_form_radio input:focus {
    background-color: transparent;
}

.footer_kontakt_form_div .footer_kontakt_form_radio input:checked {
    background-color: #004c8b;
}

.footer_kontakt_form_div .footer_kontakt_form_radio label {
    padding-top: 0;
    width: auto;
    font-size: 1em;
}

.footer_kontakt_form_div .footer_kontakt_form_radio .first label {
    margin-right: .5em;
}

.footer_kontakt_form_div.nachricht label {
    margin-bottom: .7em;
}

.footer_kontakt_form_div textarea {
    width: calc(100% - 85px);
    resize: vertical;
    border: 0px;
    font-family: 'Ubuntu', sans-serif;
    font-size: .8em;
    padding: .5em;
}

.footer_kontakt_form_div textarea:hover,
.footer_kontakt_form_div textarea:focus {
    background-color: rgba(255, 255, 255, .85);
}

.footer_kontakt_form_div.submit {
    text-align: right;
}

.footer_kontakt_form_div .input_button {
    background-color: #7d7d7d;
    border: 0;
    border-radius: .3em;
    padding: .3em 1em;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    font-size: .9em;
}

.footer_kontakt_form_div .input_button:hover {
    background-color: #004c8b;
    cursor: pointer;
}

.footer_kontakt_hotline {
    margin-bottom: 3em;
}

.footer_kontakt_hotline_tel_container {
    margin-bottom: 2em;
}

.footer_kontakt_hotline .footer_kontakt_hotline_tel {
    font-size: 1.7em;
    font-weight: 600;
}

.footer_kontakt_hotline .footer_kontakt_hotline_tel a {
    color: #4e4e4e;
    text-decoration: none;
}

.footer_kontakt_hotline .footer_kontakt_hotline_tel:after {
    content: '';
    display: block;
    width: 33.33333%;
    height: 3px;
    background-color: #4e4e4e;
    margin: .5em 0;
}

.footer_kontakt_hotline_personen {}

.footer_kontakt_hotline_person {
    margin-bottom: 1.5em;
}

.footer_kontakt_hotline_person_img {
    width: 75%;
    max-width: 225px;
    margin-bottom: .5em;
}

.footer_kontakt_hotline_person h5 {
    margin-bottom: .3em;
}

.footer_kontakt_hotline_person_titel {
    font-style: italic;
    font-size: .9em;
}

.footer_kontakt_facebook {}

.footer_kontakt_facebook a.facebook_link {
    display: block;
    position: relative;
    background-color: #004c8b;
    color: #fff;
    text-decoration: none;
    padding: 1.5em;
    font-size: 1.1em;
    font-weight: 100;
    line-height: 1.4em;
    max-width: 400px;
    padding-bottom: 35px;
}

.footer_kontakt_facebook a.facebook_link:hover {
    background-color: rgba(0, 76, 139, .9);
}

.footer_kontakt_facebook a.facebook_link:after {
    content: '';
    display: block;
    height: 75px;
    width: 50px;
    position: absolute;
    bottom: 0;
    right: 50px;
    background-image: url('img/facebook-logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.footer_kontakt_facebook a.facebook_link .facebook_link_head {
    font-size: 1.3em;
    display: block;
    margin-bottom: 1em;
}

.footer_kontakt_facebook a.facebook_link .facebook_link_description {
    display: block;
    width: 70%;
    line-height: 1.5em;
}

.footer_kontakt_blog {
    width: calc(33.33333% - 5.33333em);
    margin-top: 80px;
    float: left;
}
.footer_kontakt_blog img {
    width: 100%;
}

.footer_misc_section {}

.footer_misc_section_box {
    margin-bottom: 2.5em;
    position: relative;
}

.footer_misc_section_box h3 {
    font-family: 'Ubuntu Condensed', 'Ubuntu', sans-serif;
    text-transform: uppercase;
    font-size: 1.1em;
    margin-bottom: 1em;
    color: #004c8b;
}

.footer_misc_section_box form:after,
.footer_misc_section_box .newsletter_form_input_container:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    clear: both;
}

.newsletter_form_input_container {
    margin-bottom: .5em;
}

.footer_misc_section_box#newsletter label {
    width: 85px;
    float: left;
    padding: .3em;
}

.footer_misc_section_box#newsletter input {
    float: left;
    width: calc(100% - 85px);
    border: 1px solid #7e7e7e;
    padding: .5em;
    font-family: 'Ubuntu', sans-serif;
    color: #7e7e7e;
}

.footer_misc_section_box#newsletter input:hover,
.footer_misc_section_box#newsletter input:focus {
    background-color: #fcfcfc;
}

.footer_misc_section_box#newsletter input#newsletter_form_submit {
    width: auto;
    float: right;
    border: 0px solid #fff;
    padding: .5em 1em;
    font-size: .9em;
    border-radius: .3em;
    background-color: #7e7e7e;
    color: #fff;
}

.footer_misc_section_box#newsletter input#newsletter_form_submit:hover,
.footer_misc_section_box#newsletter input#newsletter_form_submit:active {
    cursor: pointer;
    background-color: #004c8b;
}

#testimonials {}

#testimonials h3 {
    font-family: 'Gochi Hand', sans-serif;
    font-size: 1.5em;
    line-height: 1.3em;
    color: #004c8b;
    margin-top: 1.5em;
    margin-bottom: 1em;
}

.testimonial {}

#testimonials .testimonials_p {
    font-family: 'Gochi Hand', sans-serif;
    font-size: 1.2em;
    line-height: 1.3em;
    position: relative;
    color: #4e4e4e;
    padding: 1em;
    margin-bottom: 1em;
    background-color: #eaeaea;
}

#testimonials .testimonials_p:before,
#testimonials .testimonials_p:after {
    display: block;
    width: 1.1em;
    height: 1.1em;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 600;
    font-size: 1.6em;
    background-color: #004c8b;
    color: #fff;
    border-radius: 50%;
}

#testimonials .testimonials_p:before {
    content: '\201E';
    padding: 0 .9em 1.4em .5em;
    margin-bottom: .5em;
}

#testimonials .testimonials_p:after {
    content: '\201C';
    margin-top: .4em;
    padding: .55em .95em .85em .45em;
}

#testimonials .testimonials_p .testimonials_name {
    display: inline-block;
    margin-top: .5em;
}

.footer_misc_section_box .text_more {
    background-color: #7e7e7e;
    color: #fff;
    border-radius: .3em;
    margin-top: .5em;
    font-size: .9em;
    padding: .5em 1em;
    float: right;
    text-decoration: none;
}

.footer_misc_section_box .text_more:hover,
.footer_misc_section_box .text_more:active {
    cursor: pointer;
    background-color: #004c8b;
}

#subfooter_section {
    border-top: 5px solid #e5e5e5;
    margin-top: 3em;
    padding: 1em 0;
}

.subfooter_left {}

.subfooter_nav {}

#service_nav {
    margin-bottom: 1em;
}

#service_nav li {
    display: inline-block;
    margin-right: .5em;
    padding: .3em 0;
}

#service_nav li a {
    font-weight: 100;
    font-style: italic;
    text-decoration: none;
    color: #4e4e4e;
    font-size: .9em;
}

#service_nav li a:hover,
#service_nav li.current_page_item a {
    color: #004c8b;
    text-decoration: underline;
}

#service_nav li.current_page_item a {
    pointer-events: none;
}

.subfooter_right {
    font-size: .9em;
}


/* ######################################################## MISC ######################################################## */

.clear {
    clear: both;
}


/* ##################################################### BastaMedia ##################################################### */

.teaser_text {
    margin-bottom: 2em;
}

/* ####################################################### sYstem0 ###################################################### */

/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

label.container, .footer_kontakt_form label, .footer_kontakt_form .label {
    width: 70%!important;
}