/* Smartphone Portrait */
@media (max-width: 479px) {}

/* Bootstrap XS */
@media (max-width: 767px) {}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {}

/* Bootstrap MD */
@media (min-width: 992px) and (max-width: 1199px) {}

/* Bootstrap LG */
@media (min-width: 1200px) {}

/* IE Bootstrap anpassungen */
html {
    font-size: 14px;
}

body {
    background: url('images/bg/hintergrund_lg.jpg') top center no-repeat #fffce9;
    background-size: 100% auto;
    font-size: 14px;
	line-height: 1.3em;
    font-family: Arial, sans-serif;
    color: #433909;
}

/* Bootstrap MD */
@media (min-width: 992px) and (max-width: 1199px) {
    body {
        background-image: url('images/bg/hintergrund_md.jpg');
        background-size: auto 483px;
    }
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    body {
        background-image: url('images/bg/hintergrund_sm.jpg');
        background-size: auto 483px;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {
    body {
        background: #fff;
        font-size: 15px;
    }
}

h1 {
    font-size: 26px;
    margin-top: 0;
    color: #2a782a;
}

h2, .h2 {
	font-size: 20px;
    line-height: 1.4em;
}

h2.h2-small-bold {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 12px;
}

.content.startseite  h2 {
	text-align: center;
}

h3, .h3 {
    font-size: 18px;
}

h4 {

}

a {
	color: #307705;
}

a:hover,
a:focus {
    color: #433909;
}

h1 a,
.content h1 a {
    text-decoration: none;
}

h1 em {
    color: #1868b2;
    font-style: normal;
}

button {
    padding: 0;
}

hr {
    border-color: #ffd630;
}

ul {
    list-style-type: square;
}

ol li {
    margin-bottom: 10px;
}

/* Bootstrap MD */
@media (min-width: 992px) and (max-width: 1199px) {
    h2 {
        font-size: 18px;
    }
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    h2 {
        font-size: 18px;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {

    .content.startseite h3 {
        margin-top: 20px;
        padding-bottom: 4px;
        border-bottom: 1px solid #433909;
    }
}

/* Smartphone Portrait */
@media (max-width: 479px) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 18px;
    }
}

/* Modals */

.modal-header h2 {
    margin: 0;
}

/* Obere Zeile, Tertiaernav */
.header-top {
	background: rgba(255, 255, 255, .7);
    padding: 5px 0;
}

.header-top p,
.header-top ul.header-top-tertiaernav {
    margin-bottom: 0;
}

.header-top p {
    margin-top: 3px;
}

.header-top ul.header-top-tertiaernav {
	list-style-type: none;
	float: right;
}

.header-top ul.header-top-tertiaernav li {
	float: left;
	margin-left: 10px;
}

.header-top ul.header-top-tertiaernav li a {
	display: block;
	padding: 3px 5px;
    color: #000;
}

.header-top ul.header-top-tertiaernav .btn-group button.btn.btn-link {
    color: #000;
}

.header-top ul.header-top-tertiaernav li a:hover,
.header-top ul.header-top-tertiaernav .btn-group button.btn.btn-link:hover {
    text-decoration: none;
}

.header-top .sprachen-dropdown {
    left: auto;
    right: 0;
    color: #000;
}

.header-top ul.sprachen-dropdown li {
    float: left;
    width: 100%;
    margin-left: 0;
}

.header-top ul.sprachen-dropdown li a {
    padding-left: 10px;
}

.header-top ul.sprachen-dropdown li a img {
    margin-right: 10px;
}

/* Bootstrap SM + MD */
@media (min-width: 768px) and (max-width: 1199px) {

    .header-top--tagline p {
        max-width: 90%;
        overflow: hidden;
        font-size: 0.9em;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .header-top-tertiaernav {
        font-size: 0.9em;
    }

    .header-top-tertiaernav .btn.btn-link {
        font-size: 13px;
    }
}

/* Header Main */
.peddyshield-logo {
    float: left;
}

.logo-large {
    float: left;
    min-height: 128px;
}

.header-main--onlineshop {
    margin-top: 55px;
    float: left;
    text-shadow: #fff 0px 0px 7px;
}

.header-main--onlineshop .onlineshop-title {
    font-family: "Times New Roman", serif;
    color: #1868b2;
    font-size: 26px;
    margin-bottom: 4px;
    display: block;
    text-transform: uppercase;
}

.header-main--onlineshop .onlineshop-subline {
    color: #1868b2;
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .logo-xs a img {
        /*max-height: 130px;*/
        height: 120px;
    }

    .header-main--onlineshop .onlineshop-subline {
        margin-top: 15px;
        margin-left: 130px;
        width: auto;
    }
}

.header-main--trusted-shops {
    float: right;
    background: rgba(255, 255, 255, .7);
    border-radius: 15px;
    margin-top: 20px;
    margin-right: 40px;
    height: 90px;
    width: 250px;
}

.lang-nl .header-main--trusted-shops,
.lang-dk .header-main--trusted-shops,
.lang-at .header-main--trusted-shops {
    display: none;
}

.header-main--trusted-shops ul {
    float: left;
    margin-top: 10px;
    padding-left: 15px;
    list-style-type: none;
    margin-right: 15px;
}

.header-main--trusted-shops ul li {
    padding-left: 20px;
    background: url('images/icons/checked.svg') left center no-repeat;
    background-size: 15px auto;
    font-size: .85em;
}

.header-main--trusted-shops img {
    float: right;
    height: 90px;
    width: 90px;
    margin-top: 0;
    margin-right: -40px;
}

.header-nav ul.main-nav {
    float: left;
    list-style-type: none;
    padding: 0 0 0 10px;
    margin: 0;
}

.header-nav ul.main-nav li {
    float: left;
    margin-right: 5px;
    margin-bottom: 0;
}

.header-nav ul.main-nav li:first-of-type {
    margin-left: 0;
}

.header-nav ul.main-nav li a {
    display: block;
    font-size: 18px;
    padding: 10px 17px;
    background: #f0f0f0;
    border-top: 1px solid #2a782a;
    border-left: 1px solid #2a782a;
    border-right: 1px solid #2a782a;
    border-radius: 7px 7px 0 0;
}

.header-nav ul.main-nav li.aktiv a {
    background: #2a782a;
    color: #fff;
}

.header-nav ul.main-nav li a:hover {
    background: #fff;
    text-decoration: none;
    transition: .2s;
}

.header-nav ul.main-nav li.aktiv a:hover {
    background: #2a782a;
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    .header-nav ul.main-nav li a {
        font-size: 16px;
        padding: 10px 14px;
    }
}

.header-nav--search {
    float: right;
    margin-top: 0px;
    margin-right: 0;
    width: 220px;
}

.header-nav--search .input-group-btn .btn.btn-default {
    border-radius: 10px 0 0 10px;
    border-top: 1px solid #2a782a;
    border-left: 1px solid #2a782a;
    border-bottom: 1px solid #2a782a;
    border-right: none;
    width: 40px;
}

.header-nav--search .input-group-btn .btn.btn-default img {
    width: 20px;
    height: 20px;
}

.header-nav--search .input-group-btn .btn.btn-default:hover {
    background: #fff;
}

.header-nav--search input.form-control {
    border-radius: 0 10px 10px 0;
    padding-left: 0;
    box-shadow: none;
    border-top: 1px solid #2a782a;
    border-left: none;
    border-right: 1px solid #2a782a;
    border-bottom: 1px solid #2a782a;
}

.header-nav--search .icon-search {
    width: 20px;
}

/* Bootstrap MD */
@media (min-width: 992px) and (max-width: 1199px) {

    .header-nav--search .icon-search {
        width: 19px;
    }

    .header-nav--search .input-group-btn .btn {
        height: 34px;
    }
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {

    .header-nav ul.main-nav li {
        margin-right: 2px;
    }

    .header-nav ul.main-nav li:last-of-type {
        margin-right: 0;
    }

    .header-nav ul.main-nav li.searchicon-sm a {
        padding-bottom: 9px;
    }

    .searchicon-sm .glyphicon {
        font-size: 16px;
    }

    .header-nav--search {
        display: none;
    }
}

/* Navigation Responsive */
.header-nav-xs {
    display: none;
}

/* Bootstrap XS */
@media (max-width: 767px) {

    .menu-btn-txt {
        margin-right: 5px;
    }

    .menu-btn-icon {
        display: block;
        margin-top: 2px;
    }

    .navbar.navbar-default {
        margin-bottom: 0;
        background: transparent;
        border: none;
    }

    .navbar.navbar-default ul.sprachen-dropdown li a img {
        margin-right: 10px;
        margin-top: -1px;
    }

    .navbar-default .nav.nav-pills {
        display: block;
        margin: 0 auto;
        width: auto;
    }

    .navbar-default .nav.nav-pills li {
        margin-top: 5px;
        margin-left: 0;
    }

    .navbar-default .nav.nav-pills li .btn.btn-default {
        padding-left: 8px;
        padding-right: 8px;
    }

    .navbar-default .nav.nav-pills li:last-of-type {
        margin-top: 0px;
        margin-right: 0;
    }

    .navbar-default .nav.nav-pills li a {
        color: #433909;
        padding-right: 11px;
        padding-left: 11px;
    }

    .navbar-default .navbar-nav > li > a {
        color: #433909;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-default .navbar-nav > li > a:hover {
        background: #e0e0e0;
    }

    .navbar-default .navbar-nav > li > a.has-dropdown {
        width: 100%;
        float: left;

    }

    .navbar-default .navbar-nav > li > a.toggle-nav-dropdown {
        float: right;
        margin-top: -45px;
        margin-right: 5px;
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .navbar-default .navbar-nav > li > a.toggle-nav-dropdown .caret {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px dashed;
    }

    .navbar-default .navbar-nav > li ul.dropdown-menu {
        clear: both;
        background: #fffce9;
    }

    .has-dropdown.dropdown-submenu {
    }

    .toggle-submenu {
        float: right;
        margin-top: -25px;
    }

    .submenu-ebene-1 > ul {
        background: #fff8d6;
    }

    ul.dropdown-menu > li > a {
        white-space: normal;
    }

    .responsive_submenu.ebene-1,
    .responsive_submenu.ebene-1 > ul.dropdown-menu {
        white-space: normal !important;
    }

    .responsive_submenu.ebene-2,
    .responsive_submenu.ebene-2 > ul.dropdown-menu,
    .responsive_submenu.ebene-3,
    .responsive_submenu.ebene-3 > ul.dropdown-menu {
        background: #fff8d6 !important;
        padding-left: 10px;
        white-space: normal !important;
    }

    .responsive-submenu ul {
        list-style-type: none;
        background: #fff8d6;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
    }

    .responsive-submenu ul li {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .responsive-submenu ul li a {
        text-decoration: none;
        color: #777;
    }

    .responsive-submenu ul li a:hover {
        color: #000;
    }

    .header-nav-xs {
        display: block;
    }

    .menu-btn-txt,
    .menu-btn-icon {
        float: left;
    }

    .menu-btn-txt {
        margin-left: 5px;
    }

    .navbar-nav .open .dropdown-menu > li > a.dropdown-menu .toggle-submenu {
        float: right;
        margin-right: 5px;
        padding-bottom: 10px;
        padding-top: 5px;
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 12px 5px 12px;
        margin-right: 5px;
    }

    /* Header: Logo, Trusted responsive*/
    .header-main--trusted-shops {
        float: left;
        width: auto;
        height: auto;
        background: transparent;
        margin-top: 35px;
        margin-right: auto;
    }

    .header-main--trusted-shops img {
        height: auto;
        margin-right: 0px;
        float: left;
        max-height: 60px;
        max-width: 100%;
        width: auto;
    }

    .header-main--onlineshop {
        margin-top: -45px;
        width: 100%;
    }

    .onlineshop-subline {
        display: block;
        margin-top: 15px;
        margin-left: 15px;
        width: 100%;
        font-size: 0.9em;
    }

    .header {
        background: url('images/bg/hintergrund_lg.jpg') top -140px center no-repeat #9bcde6;
    }
    
    .header-main {
        background: transparent;
    }

    .navbtns-right {
        float: right;
        margin-right: 10px;
    }

    /* Header Navbar */
    button.navbar-toggle {
        background: #fff;
        float: left;
        margin-left: 10px;
    }
    
    .navbar-header {
        background: transparent;
    }

    .navbar-btn {
        height: 38px;
        padding-top: 9px;

    }
    .dropdown-toggle.navbar-btn {
        padding-top: 7px;
    }

    .navbar-collapse {
        background: #fff;
    }

    .navbar-collapse.in {
        height: auto;
        overflow: visible;
    }

    .searchbar-collapse .btn.btn-default {
        width: 100%;
    }

    .navbar-collapse .nav.nav-pills {
        margin-left: -10px;
    }

    .navbar-collapse ul.nav.navbar-nav li a {
        font-size: 16px;
    }

    .header-main--onlineshop .onlineshop-title {
        text-align: left;
        margin-left: 100px;
    }

    .btn-group > .btn.navbar-btn-left:first-child {
        margin-left: 10px;
    }

    .navbar-default .searchbar-collapse .navbar-form {
        border: none;
    }
}

/* Header Text SM */
/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    .header-main--onlineshop {
        margin: -40px auto 20px 110px;
    }
}

/* Header Text und Logo xxs */
/* smartphone Portrait */
@media (max-width: 479px) {
    .header-main--onlineshop .onlineshop-title {
        text-align: right;
        margin-left: 0;
    }
}


/* Main Container */
.main {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    border-top: 4px solid #2a782a;
    border-bottom: 4px solid #2a782a;
	padding: 0 10px;
}

/* Bootstrap XS */
@media (max-width: 767px) {

    .main {
        border: none;
    }

    .container.main-container {
        border-top: 4px solid #2a782a;
    }
}

.sidebar-left:empty {
    display: none;
}

.sidebar-left .sub-menu:empty {
    display: none;
}

.sidebar-right {
    padding-top: 15px;
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .sidebar-left {
        padding: 0;
    }
}

/* Bootstrap LG */
@media (min-width: 1200px) {
	.col-sidebar-left {
		float: left;
		width: 20%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.col-menu-left {
		float: left;
		width: 20%;
		padding-left: 10px;
		padding-right: 10px;
        margin-bottom: 10px;

	}

	.col-content-sidebar-right {
		float: right;
		width: 80%;
	}

	.col-sidebar-right {
		float: left;
		width: 25%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.col-content {
		float: left;
		width: 75%;
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* Bootstrap MD */
@media (min-width: 992px) and (max-width: 1199px) {
	.col-sidebar-left {
		float: left;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.col-content-sidebar-right {
		float: right;
		width: 100%;
	}

	.col-sidebar-right {
		float: left;
		width: 30%;
		padding-left: 10px;
		padding-right: 10px;
	}

    .sidebar-right {
        padding-top: 15px;
    }

	.col-content {
		float: left;
		width: 70%;
		padding-left: 10px;
		padding-right: 10px;
	}

    .col-menu-left {
        display: none;
    }
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
	.col-sidebar-left {
		float: right;
		right: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.col-sidebar-right {
		float: left;
		width: 33.3333%;
		padding-left: 10px;
		padding-right: 10px;
	}

    .sidebar-right {
        padding-top: 15px;
    }

	.col-content {
		float: left;
		width: 66.6667%;
		padding-left: 10px;
		padding-right: 10px;
	}

    .col-menu-left {
        display: none;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .col-menu-left {
        display: none;
    }
}

/* ////////////////////////// */
/* Sidebar Left*/

/* Submenu */

.col-menu-left {
    padding-left: 0;
}

.col-menu-left .sidebar-left {
    padding-top: 15px;
    border-radius: 0 0 0 10px;
}

.sidebar-right .sub-menu {
    margin-right: 0;
    margin-bottom: 15px;
}

.sub-menu-lg {
    padding-right: 10px;
}

.sidebar-right .sub-menu ul {
    margin-left: 0;
}

.sub-menu li.aktiv {
    background: #fff;
}

.sub-menu li.aktiv a.aktiv {
    color: #fff;
    background: #2a782a;
    background-size: 10px auto;
}

.sub-menu li.aktiv ul li.aktiv a.aktiv {
    background:  url('images/icons/list-arrow_white.svg') left 8px center no-repeat, #398e39;
    background-size: 7px auto;
}

.sub-menu li.aktiv a:hover,
.sub-menu li.aktiv ul li a:hover {
    background: #f1faed;
}

.sub-menu li.aktiv a:hover,
.sub-menu li.aktiv ul li a.aktiv:hover {
    background: #2a782a;
}

.sub-menu li.aktiv ul li a {
    background: #fff;
    font-weight: normal;
}

.sub-menu {
    margin-bottom: 10px;
}

.sub-menu ul {
    list-style-type: none;
    padding-left: 0;
    padding-top: 0;
    margin: 0 0 0 10px;
}

.sub-menu ul li {
    border-bottom: 1px solid #2a782a;
}

.sub-menu ul li a {
    display: block;
    font-weight: bold;
    width: 100%;
    background: #f1faed;
    padding: 7px 10px 7px 13px;
    border-left: 2px solid #2a782a;
    border-right: 2px solid #2a782a;
    text-decoration: none;
}

.sub-menu ul li:first-of-type a {
    border-radius: 8px 8px 0 0;
    border-top: 2px solid #2a782a;
}

.sub-menu ul li:last-of-type {
    border-bottom: none;
}

.sub-menu ul li:last-of-type a {
    border-radius: 0 0 8px 8px;
    border-bottom: 2px solid #2a782a;
}

.sub-menu ul li:last-of-type a.aktiv {
    border-radius: 0;
}

.sub-menu ul li:last-of-type.aktiv ul li:last-of-type a {
    border-radius: 0 0 8px 8px;
    border-bottom: 2px solid #2a782a;
}

.sub-menu ul li a:hover {
    background-size: 10px auto;
    text-decoration: none;
}

/* Unterebenen */
/* Ebene 2*/
.sub-menu ul li ul {
    margin-left: 0;
}

.sub-menu ul li ul li {
    border-bottom: none;
}

.sub-menu ul li ul li a {
    padding-left: 22px;
    font-size: 13px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.sub-menu ul li.aktiv ul a {
    background: url('images/icons/list-arrow.svg')left 8px center no-repeat;
    background-size: 7px auto;
}

.sub-menu ul li.aktiv ul a:hover {
    background: url('images/icons/list-arrow.svg')left 8px center no-repeat, #fff;
    background-size: 7px auto;
}

.sub-menu ul li:first-of-type ul li a,
.sub-menu ul li ul li a {
    border-radius: 0;
    border-top: none;
    border-bottom: none;
}


.sub-menu ul li:not(:first-of-type) ul li a,
.sub-menu ul li:not(:last-of-type) ul li a {
    border-radius: 0;
    border-top: none;
    border-bottom: none;
}

/* Ebene 3 */
.sub-menu ul li ul li ul {
    margin-left: 0;
}

.sub-menu ul li ul li ul li {
    border-bottom: none;
}

.sub-menu ul li ul li ul li a {
    padding-left: 32px;
    background: transparent;
    border: none;
    font-size: 13px;
}

.sub-menu ul li.aktiv ul li.aktiv > a {
    background-image: url('images/icons/list-arrow.svg');
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 7px auto;
}

.sub-menu ul li.aktiv ul li.aktiv ul li.aktiv > a {
    background-image: url('images/icons/list-arrow_white.svg');
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 7px auto;
    background-color: #3c9d3c;
    color: #fff;
}

.sub-menu ul li ul li ul li a:hover {
    background-image: url('images/icons/list-arrow.svg');
    background-position: left 15px center;
    background-repeat: no-repeat;
    color: #2a782a;
}

.sub-menu ul li:first-of-type ul li ul,
.sub-menu ul li ul li ul {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #f0f7ed;
    border-left: 2px solid #2a782a;
    border-right: 2px solid #2a782a;
}

/* Submenu MD/SM */
/* Bootstrap MD / Bootstrap SM */
@media (min-width: 768px) and (max-width: 1199px) {

    .col-menu-left .sidebar-left {
        padding-top: 0;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .sidebar-left .sub-menu {
        display: none;
    }
}

/*konfigurator auswahlmenu */

.konf-menu {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	background: #fff;
	border: 7px solid #ffd52f;
	border-radius: 8px;
	text-decoration: none;
}

.konf-menu .konf-menu--title {
    float: left;
    width: 100%;
    background: #ffd52f;
}

.konf-menu h3 a,
.konf-menu .h3 a {
	float: left;
	margin: 0;
	padding: 0;
}
.konf-menu h3 a:hover,
.konf-menu .h3 a:hover {
	background: none;
	text-decoration: none;
}
.konf-menu h3 a:hover span,
.konf-menu .h3 a:hover span {
	text-decoration: none;
}

.konf-menu h3,
.konf-menu .h3 {
	float: left;
	padding: 3px 0 8px 8px;
	margin: 0;
	background: #ffd52f;
	font-weight: bold;
	font-size: 1.1em;
}

.konf-menu h3 span,
.konf-menu .h3 span {
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 0.9em;
}

.konf-menu a {
	float: left;
    width: 100%;
	color: #307705;
	padding: 5px 8px 5px 8px;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #ffd52f;
}

.konf-menu a strong {
    color: #307705;
    font-size: 1.1em;
    padding-bottom: 0;
    font-weight: bold;
}

.konf-menu a:hover {
	background: #ffd52f;
}
.konf-menu a.aktiv {
	background: #ffd52f;
}
.konf-menu a.aktiv strong {
    color: #433909;
}

.konf-menu span {
	display: block;
	padding: 0 0 5px 0;
	color: #433909;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.8em;
    line-height: 1.3em;
}


/* Bootstrap SM+MD */
@media (min-width: 768px) and (max-width: 1199px) {

    .konf-menu .konfigurator-title--subline {
        font-size: 1.1em;
        margin-left: 5px;
    }

    .konf-menu--body a {
        width: 50%;
    }

    .konf-menu--body a:nth-of-type(n+1) {
        border-right: 1px solid #ffd52f;
    }

    .konf-menu--title a {
        width: 100%;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {

    .konf-menu {
        cursor: pointer;
    }

    .konf-menu--title {
        cursor: pointer;
    }

    .konf-menu--title .glyphicon {
        margin-top: 5px;
        font-size: 1em;
    }

    .konf-menu h3 span {
        clear: both;
    }

    .konf-menu--title h3 .konfigurator-title--subline {
        font-weight: normal;
        margin-top: 3px;
        margin-left: 5px;
    }

    .konf-menu--body {
        width: 100%;
    }
}

/* Bootstrap SM+MD */
@media (min-width: 768px) and (max-width: 1199px) {

    .sidebar-left .shopmenu {
        border: none;
    }
}

/* Shopmenu */
.shopmenu {
	border: 8px solid #d6d6d6;
	border-radius: 8px;
    margin-bottom: 15px;
}

.shopmenu-inner {
    padding: 10px 15px;
}

.shopmenu-inner--title {
    padding-bottom: 0;
}

.shopmenu-inner.shopmenu-divided {
    border-bottom: 8px solid #d6d6d6;;
}

.shopmenu-inner.shopmenu-divided-thin {
    border-bottom: 2px solid #d6d6d6;;
}

.shopmenu-inner:last-of-type {
    border-bottom: none;
}

.shopmenu .shopmenu-inner--title h4,
.shopmenu .shopmenu-inner--title .h4 {
    margin-top: 0;
    margin-bottom: 0;
    color: #666;
}

.shopmenu h5,
.shopmenu .h5 {
    color: #433909;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
}

.shopmenu ul {
	list-style-type: none;
	padding-left: 0;
	margin-top: 15px;
}

.shopmenu ul li {
	margin-bottom: 7px;
}

.shopmenu ul li a {
	display: block;
	padding-left: 15px;
	background: url("images/icons/list-arrow.svg") left 2px top 5px no-repeat;
	background-size: 7px 10px;
    text-decoration: none;
}

.shopmenu ul li.aktiv a {
    font-weight: bold;
}

.shopmenu .menu-divider {
    width: 100%;
    height: 4px;
    background: #d6d6d6;
}

.shopmenu .menu-segment {
    padding-bottom: 5px;
}

.shopmenu--phone-number {
    font-size: 1.3em;
    font-style: normal;
}

.lang-at .shopmenu--phone-number,
.lang-nl .shopmenu--phone-number {
    font-size: 1.1em;
}

.shopmenu-inner .vorteile.telefon {
    width: 100%;
    background: url('images/icons/telefon.svg') right top 15px no-repeat;
    background-size: 30px auto;
}

ul.shopmenu-inner--rueckrufservice {
    margin-top: 5px;
}

/* Shopmenu Responsive */
/* Bootstrap MD+ */
@media (min-width: 992px) {
    .shopmenu.collapse-xs ul {
        margin-top: 0;
    }

    .shopmenu.collapse-xs h4,
    .shopmenu.collapse-xs .h4 {
        font-size: 16px;
    }
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    .shopmenu ul {
        margin-top: 5px;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .shopmenu.collapse-xs {
        border: none;
        border: 1px solid #d6d6d6;
        border-radius: 4px;
        margin-bottom: 5px;
    }

    .shopmenu.collapse-xs h4 {
        margin-bottom: 0;
    }

    .shopmenu-inner--title {
        cursor: pointer;
        padding-bottom: 10px;
    }

    .shopmenu .shopmenu-inner--title h4 {
        color: #484848;
    }

    .shopmenu-inner--title .glyphicon {
        color: #d6d6d6;
    }

    .shopmenu-inner--body {
        display: none;
    }

    .shopmenu-inner--body--collapsed {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.sidebar.imgteaser a {
    text-decoration: none;
}
a span.winterrabatt-verlaengert {
    display: block;
    padding: 3px 0;
    background: #ffd52f;
    text-align: center;
    font-weight: bold;
    color: #b92700;
}

.sidebar-einkaufswagen {
    border: 6px solid #1868b2;
    border-radius: 8px;
    margin-bottom: 15px;
}

.sidebar-einkaufswagen-inner {
    padding: 10px 15px;
    background: #f9fcff;
}

.sidebar-einkaufswagen a.sidebar-einkaufswagen-title {
    background: #1868b2;
    display: block;
    width: 100%;
    color: #fff;
    padding: 5px 15px 10px;
    text-decoration: none;
    font-size: 1.2em;
}

.sidebar-einkaufswagen a.sidebar-einkaufswagen-title .btn-einkaufswagen--icon {
    background-color: transparent;
    float: none;
    margin-left: 5px;
}

.ew-titel.other {
    margin-top: 20px;
}

.sidebar-einkaufswagen .ew-item {
    margin-top: 10px;
}

.sidebar-einkaufswagen--kategorie {
    font-size: 12px;
}

.content .sidebar-einkaufswagen--kategorie a {
    color: #433909;
    font-weight: bold;
    text-decoration: none;
}

/* /////////////////////////////////////*/
/* Content - Warenkorb */

.warenkorb-artikel {
    padding: 15px;
     background: #fffdf1;
}

.warenkorb-artikel-shop {
    border-left: 1px solid #fcea81;
    border-right: 1px solid #fcea81;
}

.warenkorb-artikel-shop:first-child {
    border-top: 1px solid #fcea81;
}

.warenkorb-artikel-shop:nth-child(n) {
    border-bottom: 1px solid #fcea81;
}

.warenkorb-artikel:nth-of-type(even) {
    background: #fffade;
}

.content .warenkorb-artikel--titel {
    text-decoration: none;
    font-size: 1.2em;
    line-height: 1.4em;
    color: #307705;
}

.warenkorb-artikel--untertitel {
    display: inline-block;
    margin-bottom: 5px;
}

.warenkorb-artikel .menge {
    text-align: center;
}

.warenkorb-artikel .preis {
    text-align: right;
}

.warenkorb-menge-input {
    width: 50px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #2a782a;
}

.warenkorb-menge-input:focus {
    border: 1px solid #2a782a;
    box-shadow: 0 0 8px rgba(42, 120, 42, 0.2);
}

.warenkorb-artikel .preis {
    font-size: 1.2em;
}

.warenkorb-artikel .preis strong {
    font-size: 14px;
}

.warenkorb-artikel .preis.gesamtpreis {
    font-size: 18px;
}

.warenkorb-artikel strong {
    display: block;
    font-weight: normal;
    margin-bottom: 4px;
}

.warenkorb-zwischensumme {
    margin-top: 15px;
}

.warenkorb-zwischensumme,
.warenkorb-winterrabatt {
    margin-bottom: 10px;
    font-size: 1.1em;
}

.warenkorb-zwischensumme--summe {
    text-align: right;
    font-size: 22px;
}

.warenkorb-zwischensumme--summe strong {
    margin-right: 10px;
    font-weight: normal;
}

.warenkorb-winterrabatt--rabatt {
    text-align: right;
}

.warenkorb-buttons {
    margin-top: 10px;
    margin-bottom: 25px;
}

#bestellfortschritt table {
    max-width: 100%;
}

.warenkorb-artikel-konfigurator {
    padding-left: 15px;
    padding-right: 15px;
    background: #fffdf1;
    border-left: 1px solid #fcea81;
    border-right: 1px solid #fcea81;
    border-bottom: 1px solid #fcea81;
}

.warenkorb-artikel-konfigurator:nth-of-type(even) {
    background: #fffade;
}


.panel.panel-konfigurator-wk .panel-heading {
    background: #fcea81;
    color: #433909;
    font-weight: bold;
}

.panel.panel-konfigurator-wk {
    border-color: #fcea81;
    margin-bottom: 0;
    margin-top: 15px;
    border-radius: 4px 4px 0 0;
}

/* Smartphone Portrait */
@media (max-width: 479px) {

    .btn-einkaufswagen.warenkorb--btn-einkaufswagen {
        float: left;
        margin-top: 15px;
    }
}

/* /////////////////////////////////////*/
/* Content - Webtipps - Links */

.webtipps h2 {
    margin-top: 0;
}

/* /////////////////////////////////////*/
/* Content - Haendlerliste */

/* //////////////////////////////////// */
/* Box Reiter */
#box-cols {
	float: left;
}

#box-cols ul {
	float: left;
	width: 50%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#box-cols ul.full {
	width: 100%;
}

#box-cols ul li {
	float: left;
    width: 100%;
	margin: 0px;
	padding: 0px 5px;
	list-style: none;
}

#box-cols ul li a {
	float: left;
	width: 100%;

	margin: 0 4px 4px 0;
	padding: 4px 10px 4px 10px;
	font-size: 0.8em;
	text-decoration: none;
	background: #fff4b7;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#box-cols ul.full li a {
	width: 525px;
}

#box-cols ul li a b {
	font-size: 1.2em;
}

#box-cols ul li#m_haendler a {
    display: block;
    width: 100%;
	font-size: 1.3em;
	line-height: 1.3em;
	padding: 10px;
}

#box-cols ul li a span {
	display: none;
	float: right;
	font-size: 1.5em;
	font-weight: normal;
}

#box-cols ul li.aktiv a {
	color: #433909;
	text-decoration: none;
	background: #ffe23c;
}

#box-cols ul li a:hover {
	color: #433909;
	text-decoration: none;
	background: #ffe23c;
}


/* /////////////////////////////////////*/
/* Content - Kundenstimmen */

.box-gr.kasten.kundenstimme p {
	font-size: 14px;
	/*margin-top: 20px;*/
	line-height: 1.3em;
}

.button-kundenstimme-strustedshops {
	float: left;
	margin-left: 5px;
}

/*Reviews von trusted shops*/

#contentaction_kundenstimmen .ts-rating-light.skyscraper_vertical {
	background: none !important;
	border: 2px solid #ffd52f !important;
	width: auto;
	height: auto;
}

#contentaction_kundenstimmen .ts-wrapper {
	height: auto;
}

#contentaction_kundenstimmen ul.ts-reviews-list {
	width: auto;
	height: auto;
	margin-left: 30px;
}

#contentaction_kundenstimmen ul.ts-reviews-list li {
	width: auto;
}

#contentaction_kundenstimmen .ts-review-text {
	font-size: 13px !important;
	margin-left: 37px !important
}

#contentaction_kundenstimmen .ts-review-info {
	margin-left: 10px !important;
}

#contentaction_kundenstimmen .ts-review-stars {
	min-width: 150px;
}

#contentaction_kundenstimmen .ts-footer {
	background: none !important;
	color: #433909 !important;
}

#contentaction_kundenstimmen .ts-footer a.footerReviewCount {
	color: #057708 !important;
	font-size: 13px !important;
	margin-top: 15px;
	margin-bottom: 5px;
}

#contentaction_kundenstimmen .ts-footer a.footerReviewCount:hover {
	color: #433909 !important;
}

#contentaction_kundenstimmen .ts-footer .footerArrow {
	display: none;
}

/* /////////////////////////////////////*/
/* Content - Startseite */

/* Slider */
.slider {
    margin-top: 15px;
    margin-bottom: 30px;
}

.slider--slide {
    background-color: transparent;
}

.slider--slide img {
    width: 100%;
    border-radius: 8px;
}

.slider--slide-text {
    position: absolute;
    width: 664px;
    display: block;
    z-index: 9999;
    margin-top: -75px;
    padding-bottom: 28px;
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    text-shadow: 1px 1px 2px black;
    line-height: 1.4em;
    background: url("images/slider/bg-slider.png") bottom center repeat-x;
    background-size: auto 100%;

    border-radius: 0 0 8px 8px;
}

.slider--slide-text:after {
    clear: both;
}

.slider--slide-text b {
    font-size: 1.1em;
}

.slider-startseite {
    margin-bottom: 50px;
}

.slick-dots {
    bottom: -40px;
}

.slick-dots li {
    margin: 0 8px;
}

.slick-dots li button::before {
    font-size: 12px;
    content: "•";
}

.slider .slider--slide a {
    text-decoration: none;
}

/* Bootstrap MD */
@media (min-width: 992px) and (max-width: 1199px) {
    .slider--slide-text {
        padding-bottom: 35px;
        width: 638px;
    }
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    .slider--slide-text {
        margin-top: -55px;
        padding-bottom: 15px;
        width: 460px;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .slider--slide-text {
        margin-top: 10px;
        color: #433909;
        text-shadow: none;
        padding-bottom: 0;
        background: transparent;
        position: relative;
        width: 100%;
    }


}

/* Kategorieteaser */

.kategorien {
	margin: 0 0 15px 0;
	padding: 0;
}

.content .kategorien a {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	border: 2px solid #057708;
	border-radius: 5px;
	overflow: hidden;
	color: #057708;
	font-size: 1.2em;
	text-decoration: none;
	text-align: center;
	background: #f3f9f3;
	transition: 200ms;
}

.kategorien a:hover {
	border: 2px solid #ffd52f;
	color: #433909;
	background: #fff9d7;
	transition: 200ms;
}

.kategorien a div {
	text-decoration: none;
}

.kategorien a img {
	transition: 200ms;
	display: block;
	width: 100%;
}
.kategorien a:hover img{
	opacity: 0.8;
	transition: 200ms;
}

.kategorien a div {
	min-height: 40px;
	padding: 8px 20px 8px 8px;
}

.kategorien a:hover div {}

/* Bootstrap MD */
@media (min-width: 992px) and (max-width: 1199px) {
    .content .kategorien a {
        font-size: 1em;
    }
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    .content .kategorien a {
        font-size: 1em;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .kategorien .kategorien-text {
        font-size: 1.4rem;
    }
}

/* Smartphone Portrait */
@media (max-width: 479px) {
    .kategorien .kategorien-text {
        min-height: 72px;
    }
}


/* Shopvorteile */

/*------------------- VORTEILE -------------------*/

.startseite-shopvorteile {
	display: block;
	width: 100%;
	height: auto;
	margin: 40px 0 20px 0;
	border: 2px solid #ffd52f;
	border-radius: 5px;
	overflow: hidden;
    background: linear-gradient(90deg, #fff, #f7f7f7) right;
    background-size: 50% auto;
}

.startseite-shopvorteile h2 {
	float: left;
	width: 100%;
	padding-top: 10px;
    padding-bottom: 10px;
	margin: 0;
	border-bottom: 2px solid #ffd52f;
	background: #fff9d7;
	overflow: auto;
}

.startseite-shopvorteile h3 {
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	color: #433909;
    margin-top: 0;
    margin-bottom: 5px;
    border: none;
}

.startseite-shopvorteile p {
	margin: 0 0 0 10px;
	font-size: 1.0em;
	line-height: 1.3em;
    max-width: 66%;
}

.startseite-shopvorteile strong {
	margin-left: 10px;
	font-size: 1.5em;
	line-height: 1.8em;
	font-weight: normal;
}

.startseite-shopvorteile > div {
	float: left;
	width: 50%;
	margin: 0;
	padding: 8px 13px;
	border: 1px solid #e1e0e0;
	overflow: hidden;
}

.startseite-shopvorteile ul li a {
    display: block;
    padding: 2px 5px 5px 15px;
    background: url("images/icons/list-arrow.svg") left top 7px no-repeat;
    background-size: 6px auto;
}

.startseite-shopvorteile .pfeil {
	display: inline-block;
	margin: 3px 0 0 20px;
}

.startseite-shopvorteile .vorteil {
    width: 50%;
    height: auto;
}


.startseite-shopvorteile .telefon {
	border-width: 0 1px 1px 0;
	min-height: 135px;
	background: url('images/icons/erreichbar.svg') right -5px center no-repeat, linear-gradient(90deg, #fff, #f7f7f7);
}

.startseite-shopvorteile .lieferung {
	border-width: 0 1px 1px 0;
	min-height: 105px;
	background: url('images/icons/icon-dhl.png') right 10px center no-repeat, linear-gradient(90deg, #fff, #f7f7f7);
}

.startseite-shopvorteile .schutz {
	border-width: 0 1px 0 0;
	min-height: 105px;
	background: url('images/icons/icon-trustedshops.png') right 10px center no-repeat, linear-gradient(90deg, #fff, #f7f7f7);
}

.startseite-shopvorteile .ssl {
	float: right;
	min-height: 135px;
	border-width: 0 0 1px 0;
	background: url('images/icons/icon-comodo.png') right 10px center no-repeat, linear-gradient(90deg, #fff, #f7f7f7);
}

.startseite-shopvorteile .zahlung {
	float: right;
	height: auto;
	border-width: 0 0 0 0;
	background:  url('images/icons/icon-payments.png') right 10px center no-repeat, linear-gradient(90deg, #fff, #f7f7f7);
}

.startseite-shopvorteile .zahlung .pfeil {
	line-height: 1.6em;
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    .vorteil.telefon p strong {
        font-size: 1.2em;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .startseite-shopvorteile .vorteil {
        width: 100%;
    }

    .startseite-shopvorteile .vorteil h3 {
        border-bottom: none;
    }

    .startseite-shopvorteile .zahlung {
        border-bottom: 1px solid #e1e0e0;
    }
}


/* /////////////////////////////////////*/
/* Content - Allgemein */

.content a {
	text-decoration: underline;
}

.col-content {
    padding-bottom: 25px;
}

.col-content ul {
    list-style-image: url('images/icons/list-arrow_content.svg');
    margin-top: 8px;
}

.col-content ul li {
    margin-bottom: 8px;
}

table tr.dark td,
table tr.dark th {
    background: #d6d6d6;
}

img.img-right {
    float: right;
    width: 33%;
    margin-left: 15px;
    margin-bottom: 15px;
    border: 1px solid #307705;
}

img.img-left {
    float: left;
    width: 33%;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #307705;
}

.breadcrumb {
    background: transparent;
    font-size: 0.9em;
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 15px;
}

.breadcrumb li {
    color: #717171;
}

.breadcrumb li a {
    text-decoration: none;
    color: #555;
}

.breadcrumb li a span {
    /*display: block;*/
}

.breadcrumb li a:hover {
    color: #111;
}

ol.breadcrumb > li:first-of-type:before {
    content: '';
}

ol.breadcrumb > li:before {
    content: "›";
}

a.top {
    text-decoration: none;
}

a.top .link-top {
    text-decoration: underline;
}

/* /////////////////////////////////////*/
/* Content - Videoeinbettung */

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: relative;
}


/* /////////////////////////////////////*/
/* Content - Bestellvorgang */

#bestellfortschritt table {
	height: 70px;
	padding: 0;
	margin: 0;
}
#bestellfortschritt table td {
	background: #fff;
	text-align: center;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    line-height: 1.3em;
	font-weight: bold;
	color: #9b9b9b;
	padding: 0 10px 0 10px;
}
#bestellfortschritt .bg-braun {
	background: #fff url(images/bestellvorgang/bestellung_bg_braun.gif) center top repeat-x;
	color: #9b9b9b;
}
#bestellfortschritt .bg-aktiv {
	background: #fff url(images/bestellvorgang/bestellung_bg_aktiv.gif) center top repeat-x;
	color: #433909;
}
#bestellfortschritt .bg-gruen {
	background: #fff url(images/bestellvorgang/bestellung_bg_gruen.gif) center top repeat-x;
	color: #008000;
}
#bestellfortschritt #sonne {
	padding: 0;
	text-align: left;
	background: #fff url(images/bestellvorgang/bestellung_bg_gruen.gif) center top repeat-x;
}
#bestellfortschritt #last {
	background: #fff url(images/bestellvorgang/bestellung_bg_last.gif) center top no-repeat;
}
#bestellfortschritt #last.bg-aktiv {
	background: #fff url(images/bestellvorgang/bestellung_bg_last_aktiv.gif) center top no-repeat;
}

.bestellung-confirm-img {
    margin-top: 5px;
}

.confirm-betrag {
    padding-right: 30px;
}

/* Bootstrap XS */
@media (max-width: 767px) {

}

/* Smartphone Portrait */
@media (max-width: 479px) {
    #bestellfortschritt #sonne {
        display: none;
    }
}

.kk-gueltig-select {
    display: inline-block;
    max-width: 100px;
}

img.fertig_check {
	float: right;
}

.fertig.kasten-bewerten {
    border: 4px solid #ffd52f;
    float: left;
    margin: 0 15px 15px 0;
    text-decoration: none;
	width: 100%;
}

.fertig.kasten-bewerten.last-kasten {
	margin-bottom: 15px;
}

.fertig.kasten-bewerten h3 {
	background: none repeat scroll 0 0 #ffd52f;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
	color: #433909;
    margin: 0 0 15px 0;
    padding: 3px 0 8px 4px;
	width: 100%;
}

.fertig.kasten-bewerten img.trusted-shops-siegel {
	margin-top: -53px;
	width: 45px;
}

.fertig.kasten-bewerten a.button-kundenstimme-strustedshops {
	float: right !important;
	margin-right: 5px;
	margin-bottom: 10px;
}

.fertig.kasten-bewerten a.button-kundenstimme-strustedshops img {
	float: right;
	align: right;
	width: 130px;
}

.fertig.kasten-bewerten a {
	background: none;
	margin-left: 5px;
	margin-bottom: 5px;
}

.fertig.kasten-bewerten a.right {
	float: right;
}

.fertig.kasten-bewerten p {
	background: #fff;
	padding: 5px;
}

a.sociallink-facebook {
	padding: 5px 5px 5px 13px;
	background: url("images/icons/icon_facebook.gif") left center no-repeat;
	color: #3b5998;
}

a.sociallink-googleplus {
	padding: 5px 5px 5px 18px;
	background: url("images/icons/icon_googleplus.gif") left center no-repeat;
	color: #dd4b39;
}

.teaser_kategorien .kategorien a div {
	padding: 8px 20px 8px 8px;
	/*background: url('./images_2011/startseite/startkategorien/icon-pfeil-gruen.jpg') no-repeat 245px 17px;*/
}
.teaser_kategorien .kategorien a:hover div {
	/*background: url('./images_2011/startseite/startkategorien/icon-pfeil-orange.jpg') no-repeat 245px 17px;*/
}

.panel-heading h2,
.panel-heading h3 {
    margin: 0;
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .teaser_kategorien .kategorien a div {
        font-size: 14px;
    }
}

/* /////////////////////////////////////*/
/* Content - Panels */

.panel-heading h2,
.panel-heading h3 {
    margin: 0;
}

.panel.panel-warning .panel-heading {
    background: #fcea81;
    color: #433909;
}


/* /////////////////////////////////////*/
/* Content - Teaser */

.tripple-teaser {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	border: 2px solid #ffd630;
	background: #fffdf3;
}

.tripple-teaser .teaser {
	float: left;
	width: 33.333%;
	padding: 0px;
	margin: 0px;
	font-size: 0.95em;
	background: #fffdf3;
}
.tripple-teaser .teaser.middle {
	background: #ffffff;
	border-left: 1px solid #ffd52f;
	border-right: 1px solid #ffd52f;
}

.tripple-teaser .teaser .h4 {
	font-size: 1.1em;
	margin: 0px;
	padding: 5px 0px 6px 10px;
	width: 100%;
	background: #fcea81;
}

.tripple-teaser .teaser.middle .h4 {
	width: 100%;
	background: #fff4b7;
}

.tripple-teaser .teaser .h4 a {
	color: #433909;
	text-decoration: none;
}
.tripple-teaser .teaser .h4 a:hover {
	color: #008000;
	text-decoration: underline;
}

.tripple-teaser .teaser .teasercontent {
	float: left;
	margin: 0px;
	padding: 5px 0px 3px 10px;
	width: 170px;
	min-height: 130px;
}

.tripple-teaser .teaser img {
	float: left;
    width: 100%;
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    .tripple-teaser .teaser {
        width: 100%;
    }

    .tripple-teaser .teaser img {
        float: right;
        width: 45%;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .tripple-teaser .teaser {
        width: 100%;
    }

    .tripple-teaser .teaser img {
        float: right;
        width: 45%;
    }
}

/* Smartphone Portrait */
@media (max-width: 479px) {
    .tripple-teaser .teaser img {
        width: 100%;
    }
}



/* Teaserbox Inhalt */
.teaserbox-gr {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	border: 1px solid #ffe02c;
    border-radius: 4px;
	background: #fffdf3;/* url(images/bg_teaserbox.gif) top left repeat-y;*/
}

.teaserbox-gr .teaser {
	float: left;
	/*width: 184px;*/
	width: 33.333333%;
	padding: 0px 0px 10px 0;
	margin: 0px;
	background: #fffdf3;
}
.teaserbox-gr .teaser.middle {
	width: 33.333333%;
	background: #ffffff;
}

.teaserbox-gr .teaser .h4 {
	font-size: 1.1em;
	margin: 0px;
	padding: 5px 0px 6px 10px;
	width: 100%;
	background: #fcea81;
}

.teaserbox-gr .teaser.middle .h4 {
	width: 100%;
	background: #fff4b7;
}

.teaserbox-gr .teaser .h4 a {
	color: #433909;
	text-decoration: none;
}
.teaserbox-gr .teaser .h4 a:hover {
	color: #008000;
	text-decoration: underline;
}

.teaserbox-gr .teaser .teasercontent {
	float: left;
	margin: 0px;
	padding: 5px 0px 3px 10px;
	width: 100%;
	font-size: 0.9em;
}

.teaserbox-gr .teaser.middle .teasercontent ul {
	margin: 0 0 0 13px;
	padding: 0;
}

.teaserbox-gr .teaser.middle .teasercontent ul li {
	/*list-style-image: url(images_2011/teaser/li.gif);*/
	list-style-position: outside;
	font-size: 0.95em;
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .teaserbox-gr .teaser,
    .teaserbox-gr .teaser.middle {
        width: 100%;
    }
}

.produktueberblick .sortiment {
    background: #fffdf3;
}

.produktueberblick .sortiment a {
    color: #433909;
    display: block;
    float: left;
    height: 120px;
    margin: 0 25px 8px 0;
    text-align: center;
    text-decoration: none;
}

.produktueberblick .sortiment a span {
    display: block;
    height: 90px;
    text-align: center;
}

.produktueberblick .sortiment a b {
    font-weight: bold;
}

.product-added-to-cart {
    text-align: right;
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .product-added-to-cart {
        text-align: left;
        margin-top: 10px;
    }
}

/* /////////////////////////////////////*/
/* Content - Inhaltsseiten - Feature-Additionsbloecke */

.komplettsystem--zeichen {
    display: block;
    font-size: 2em;
    margin-top: 1.5em;
}

table.produkt-liste {
    background-color: #fffdf1;
    border: 1px solid #ffe23c;
    border-collapse: collapse;
    margin: 15px 0 10px;
    padding: 0;
    width: 100%;
    font-size: 12px;
}

table.produkt-liste .unterkategorie h3 {
    float: left;
    font-size: 120%;
    margin: 5px 10px;
    padding: 0;
}

table.produkt-liste .kategorie {
    background-color: #fff8d2;
    border-top: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

table.produkt-liste th {
    background-color: #ffe23c;
    margin: 0;
    padding: 2px 6px;
}

table.produkt-liste td {
    border-collapse: collapse;
    border-top: 1px solid #ffe23c;
    margin: 0;
    padding: 7px 6px;
    vertical-align: top;
}

table.produkt-liste .bestellen-b2b {
    border-left: 1px solid #ffe23c;
    vertical-align: top;
}


table.produkt-liste .preis {
    border-left: 1px solid #ffe23c;
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}


table.produkt-liste .preis-b2b {
    border-left: 1px solid #ffe23c;
    color: #e32500;
    font-size: 1.1em;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}

.menge-bestellen-b2b {
    background-color: #ffe344;
    margin: 5px;
    padding: 5px 10px;
    text-align: center;
}

.menge-bestellen-b2b .inputfeld-menge,
.menge-bestellen-b2b .inputfeld-meter {
    border: 2px solid #307705;
    padding-right: 5px;
    text-align: right;
    width: 40px;
}


#produkt-anker {
    background-color: #fffdf1;
    border: 1px solid #ffe23c;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}

#b2bmenu {
    border: 2px solid #ffe23c;
    float: left;
    font-size: 1.15em;
    line-height: 1.6em;
    padding: 10px;
    width: 100%;
}


#profil {
    background-color: #ffe23c;
    border-bottom: 2px solid #ffe23c;
    border-left: 2px solid #ffe23c;
    border-right: 2px solid #ffe23c;
    float: right;
    padding: 3px 7px;
}

#produkt-anker td {
    padding: 3px 10px;
    vertical-align: top;
}

/* /////////////////////////////////////*/
/* Content - Inhaltsseiten */

.content.inhaltsseite h2 {
    color: #057708;
}

/* Inhaltsteaser */

.content-teaser--img {
    margin-top: 5px;
    border-radius: 8px;
}

.content-teaser h2 {
    margin-top: 0;
    color: #2a782a;
    font-size: 20px;
    line-height: 1.3em;
}

.content-teaser h2 a {
    text-decoration: none;
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    .content-teaser h2 {
        margin-top: 5px;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .content-teaser--img {
        margin: 0 auto;
    }

    .content-teaser h2 {
        margin-top: 5px;
    }
}

/* /////////////////////////////////////*/
/* Content - Artikeluebersicht */

.panel-body-bildergruppe .auswahl-bilder a {
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 20px;
    padding: 10px;
}

.panel-body-bildergruppe .auswahl-bilder a img {
    margin: 0 auto;
}

.titelbild {
    border-radius: 8px;
    margin-bottom: 10px;
}

.artikel-uebersicht--vortext {
    overflow: hidden;
}

.artikel-uebersicht--vortext.vortext-shorten {
    max-height: 180px;
    transition: all 0.5s ease;
}

.vortext-more {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: -40px;
    padding: 20px 0;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), #fff 40%);
}

.artikel-uebersicht--mehr h2 {
    font-size: 20px;
}

.uebersicht-artikel {
    padding: 15px;
    border-left: 1px solid #fcea81;
    border-right: 1px solid #fcea81;
    border-bottom: 1px solid #fcea81;
    background: #fffdf1;
}

.uebersicht-artikel:nth-of-type(even) {
    background: #fffade;
}

.uebersicht-artikel.first {
    padding-top: 15px;
    border-top: 1px solid #fcea81;
}

.uebersicht-artikel--bild {
    border: 1px solid #d6d6d6;
    margin-top: 2px;
}

.uebersicht-artikel--bild:hover {
    border: 1px solid #307705;
}

.uebersicht-artikel .artikel-title {
    display: block;
    font-size: 1.1em;
    text-decoration: none;
    margin-bottom: 5px;
}

.productlist-price {
    font-size: 0.9em;
}

.uebersicht-artikel--artikelnr {
    display: inline-block;
    margin-top: 4px;
}

.uebersicht-artikel .preis {
    margin-top: 8px;
}

.uebersicht-artikel .detaillink {
    margin-top: 30px;
    text-align: right;
    width: 100%;
}

.uebersicht-artikel .detaillink form {
    text-align: right;
}

.uebersicht-artikel .btn.btn-artikeldetails {
    float: right;
    background: url('images/icons/list-arrow_white.svg') left 7px center no-repeat, #2a782a;
    background-size: 0.4em auto;
    text-decoration: none;
    color: #fff;
    margin-right: 0;
    margin-left: 5px;
    padding: 6px 12px 6px 16px;
}

.uebersicht-artikel .btn.btn-artikeldetails:hover {
    background-color: #236323;
    transition: .2s;
}

.uebersicht-artikel .productlist-price {
    float: left;
    min-width: 50%;
}

.uebersicht-artikel .productlist-price strong {
    display: block;
    font-size: 1.4em;
    font-weight: normal;
    color: #a50000;
}

.ueberischt-artikel--nicht-verfuegbar {
    display: inline-block;
    color: #715b0f;
    margin-top: 8px;
    margin-right: 4px;
}

/* Preis B2B/B2C */

.col-price-b2b {
    float: left;
    margin-right: 10px;
}

.col-price-b2c {
    float: left;
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {

    .uebersicht-artikel .detaillink {
        float: left;
        margin-top: 10px;
    }

    .uebersicht-artikel .detaillink form {
        float: left;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {

    .uebersicht-artikel--bild {
        margin-bottom: 5px;
    }

    .uebersicht-artikel .detaillink {
        float: left;
        margin-top: 10px;
    }

    .uebersicht-artikel .detaillink form {
        float: left;
    }

    .ueberischt-artikel--nicht-verfuegbar {
        float: left;
    }
}

/* Smartphone Portrait */
@media (max-width: 479px) {}

/* /////////////////////////////////////*/
/* Content - Media objects */

.media .media-left img,
.media .media-right img {
    width: 160px;
}

.media .media-left {
    width: 170px;
}

.media .media-body {
    width: auto;
}

/* /////////////////////////////////////*/
/* Content - Umkleidemenu */

#umkleidenmenu a.aktiv img {
    border: 1px solid #2a782a;
}

/* /////////////////////////////////////*/
/* Content - Artikel */

.zoom-gallery a {
    text-decoration: none;
}

.thumbs .thumbnail {
    float: left;
    width: 20%;
    margin-right: 4px;
}

.zoom-gallery .thumbnail {
    min-height: 170px;
    margin-bottom: 10px;
}


.fotogalerie-bild {
    max-height: 150px;
    margin-bottom: 0;
}

.product-price {
    float: right;
}

.product-price .b2c-price {
    color: #433909;
    font-size: 2.2em;
    display: block;
    font-weight: normal;
    text-align: left;
}

.product-price .price-addon span {
    text-align: left;
    display: block;
}

.slider-produktbilder {
    max-height: 230px;
}

.slider-produktbilder .slider--slide {
    max-height: 230px;
}

.slider-produktbilder .slider--slide img {
    height: auto;
    max-height: 230px;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    border-radius: 0;
}

.product-slider-col {
    text-align: center;
}

.fotogalerie-bild-link {
    display: block;
    text-align: center;
}

.newsgalerie-bild-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* //////////////////////////////////////////////// */
/* Produkt kaufen */

.product-buy-box {
	float: right;
	width: 100%;
}

.product-buy-box hr {
	border-color: #d3cece;
	margin: 3px 0;
	padding: 0;
}

.product-buy-box .product-articleno {
	float: right;
    font-size: 13px;
}

.product-buy-box .product-ean {
	float: left;
}

.product-buy-box .product-price {
	float: left;
	width: 100%;
	line-height: 1.3em;
	text-align: left;
}

.product-buy-box.product-b2b .product-price {
	float: left;
	width: 100%;
}

.product-buy-box .product-price .col-price-b2b {
	float: left;
	width: 150px;
	color: #a50000;
	text-align: left;
}
.product-buy-box .product-price .col-price-b2c {
	float: left;
	width: 150px;
}


.product-buy-box .product-price b {
	font-size: 30px;
	font-weight: normal;
	line-height: 1.2em;
	display: block;
}

.ch .product-buy-box .product-price b {
	font-size: 24px;
}

.product-buy-box.product-b2c .product-price b.b2c-price {
	color: #a50000;
}

.product-buy-box .product-price .price-addon {
	font-size: 0.9em;
	line-height: 0.8em;
	color: #555;
}
.product-buy-box .product-price .price-addon a {
	font-weight: normal;
	color: #555;
	text-decoration: underline;
}

.product-buy-box .product-available {
	float: left;
	width: 100%;
	padding-top: 15px;
}

.product-buy-box.product-b2b .product-available {
	padding-top: 10px;
}

.product-buy-box .product-available strong {
	font-size: 14px;
	font-weight: bold;
}
.product-buy-box .product-available strong.product-instock {
	color: #2c8600;
}
.product-buy-box .product-available strong.product-preorder {
	color: #917214;
}

.product-buy-box .product-buy {
	float: left;
	margin: 15px 0 10px 0;
	padding: 10px 15px;
	background: #eeece7;
	border-radius: 10px;
    width: 100%;
}

.product-buy-box .product-buy #produkt-warenkorb-neu div.menge {
	margin: 0 5px 0 0;
}

.product-buy-box .product-buy #produkt-warenkorb-neu div.mengenart {
	font-size: 14px;
	margin-right: 10px;
}

.product-buy-box .product-buy .inputfeld-menge,
.product-buy-box .product-buy .inputfeld-meter {
	padding: 2px 5px;
	width: 25px;
	font-size: 16px;
	border-radius: 5px
}

.product-buy-box .product-buy .inputfeld-menge,
.product-buy-box .product-buy .inputfeld-menge {
    display: inline-block;
    border: 1px solid #2a782a;
    height: 32px;
    width: 32px;
}

.product-buy-box .product-buy .inputfeld-meter {
	width: 35px;
	/*border-color: #1868b2;*/
    border: 1px solid #2a782a;
    height: 32px;
}

.product-buy-box .product-buy .product-multi-input {
	float: left;
	width: 300px;
	padding-bottom: 5px;
}
.product-buy-box .product-buy .product-multi-input .product-input-row {
	float: left;
	width: 100%;
	padding: 0 0 5px 0;
}

.product-buy-box .product-buy .product-multi-input .product-input-row .inputfeld-meter {
	margin-right: 10px;
}

.product-buy-box .product-buy .cart_wait {
	display: none;
}

/* Varianten */

.product-buy-box .product-buy .product-variants-color {
	float: left;
    position: relative;
	width: 100%;
	padding: 0;
	margin: 0 0 5px 0;
}

.product-variants-color--line {
    display: block;
    width: 100%;
    height: 2px;
    background: #828282;
    border-bottom: 1px solid #fff;
}

.product-buy-box .product-buy .product-variants-color .h4 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.product-buy-box .product-buy .product-variants-color a {
	float: left;
	padding: 3px 7px;
	margin: 0 5px 5px 0;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	background: #fff;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
}

.product-buy-box .product-buy .product-variants-color a:hover {
	background: #f1faed;
	border: 1px solid #307705;
}

.product-buy-box .product-buy .product-variants-color a.active {
	padding: 2px 6px;
	background: #fffade;
	border: 2px solid #ffd52f;
}

.product-buy-box .product-buy .produkt-menge {
    float: left;
    width: 100%;
}

.product-rating {
    display: block;
    margin-top: 10px;
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    .product-buy-box,
    .product-buy-box .product-buy {
        width: 100%;
    }

    .product-buy-box .product-available {
        padding-top: 15px;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .product-buy-box,
    .product-buy-box .product-buy {
        width: 100%;
        margin-top: 15px;
    }

    .product-buy-box .product-available {
        padding-top: 10px;
    }

    .product-buy-box .product-buy .inputfeld-menge {
        float: left;
        margin-right: 3px;
    }

    .product-buy-box .product-buy .mengenart {
        float: left;
        padding-top: 7px;
        margin-right: 10px;
    }
}


/* //////////////////////////////////////////////// */
/* Produktdaten / facts */
.productfacts {
	float: right;
	width: 250px;
	margin: 0 0 10px 15px;
	background: #fffade;
	border: 1px solid #ffd52f;
	border-radius: 8px;
}

.productfacts h3 {
	font-size: 14px;
	font-weight: bold;
	color: #433909;
	margin: 0;
	padding: 5px 0 5px 10px;
}

.productfacts dl {
	float: left;
	margin: 0;
	padding: 0 0 5px 0;
	/*border-top: 1px solid #ffd52f;*/
}

.productfacts dt,
.productfacts dd {
	float: left;
	width: 33.333%;
	padding: 4px 5px 4px 10px;
	margin: 0;
	border-top: 1px solid #e5dec2;
}

.productfacts dd {
	width: 66.666%;
	background: #fffdf1;
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .productfacts {
        width: 100%;
    }
}

/* //////////////////////////////////////////////// */
/* Verwandte Artikel */
.productsrelated {
	float: left;
	margin: 10px 0;
	padding: 0 0 0 0;
	background: #eeece7;
	border: 1px solid #d6d6d6;
	border-radius: 8px;
	box-sizing: border-box;
	width: 100%;
}

.productsrelated h3 {
	padding: 5px 0 5px 10px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #433909;
}

.productsrelated .productsrelated-row {
	float: left;
	width: 100%;
	background: #fff;
	border-top: 1px solid #d6d6d6;
}

.productsrelated .productsrelated-row {
	height: 238px;
	padding-bottom: 5px;
	overflow: hidden;
}

.productsrelated.open .productsrelated-row {
	height: auto;
	overflow: auto;
}

.productsrelated .productsrelated-row a.productsrelated-item {
	float: left;
	width: 31%;
	height: 230px;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 5px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	overflow: hidden;
}

.productsrelated .productsrelated-row a.productsrelated-item:hover {
	background: #eeece7;
}

.productsrelated .productsrelated-row a.productsrelated-item .item-img {
	float: left;
	width: 100%;
	min-height: 110px;
	padding: 5px 0 5px 0;
}
.productsrelated .productsrelated-row a.productsrelated-item .item-img img {
	border: 1px solid #ffd52f;
}
.productsrelated .productsrelated-row a.productsrelated-item:hover .item-img img {
	border-color: #307705;
}

.productsrelated .productsrelated-row a.productsrelated-item .item-price {
	font-size: 14px;
	color: #a50000;
}

.productsrelated .productsrelated-row a.productsrelated-item .item-title {
	float: left;
    font-size: 0.9em;
	width: 100%;
	height: 60px;
	margin: 0 0 5px 0;
	overflow: hidden;
	color: #433909;
}

.productsrelated .productsrelated-row a.productsrelated-item .item-link {
	font-weight: bold;
	text-decoration: underline;
}

.productsrelated a.productsrelated-open {
	float: left;
	width: 100%;
	padding: 8px 0 5px 0;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #433909;
	text-decoration: none;
}

.productsrelated a.productsrelated-open:hover {
	text-decoration: underline;
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .productsrelated .productsrelated-row a.productsrelated-item {
        height: 240px;
    }

    .productsrelated .productsrelated-row a.productsrelated-item .item-title {
        height: 4em;
    }
}

/* //////////////////////////////// */
/* Produkt Bloecke */

.section-produkt {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	background-color: #fff;
	border: none;
}


.section-produkt div.inner {
	float: left;
	padding: 10px 13px;
}

.section-produkt div.inner .h1,
.section-produkt h1 {
	color: #008000;
	font-size: 1.5em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}


.section-produkt h2, .section-produkt .h2,
.section-produkt h3, .section-produkt .h3 {
	margin: 15px 0 5px 0;
}

.section-produkt h4 {
    font-size: 16px;
    margin-top: 20px;
    font-weight: bold;
}

.section-produkt a img {
	border: 1px solid #008000;
}
.section-produkt a:hover img {
	border: 1px solid #FFE23C;
}

.section-produkt .detail-bild {
	float: right;
	margin: 15px 0 10px 15px;
}

.section-produkt #galerie td {
	padding: 5px;
}

.section-produkt hr {
	padding: 0px;
	margin: 5px 0;
	border: 0px;
	border-bottom: 1px solid #D0C283;
	width: 100%;
}


.section-produkt ul {
	list-style-type: square;
	padding: 0px 0px 20px 17px;
}
.section-produkt li {
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Produkt Details Full */
.section-head {
    padding-bottom: 7px;
    border-bottom: 1px solid #057708;
    margin-left: 10px;
    margin-right: 10px;
}

h3.section-header {
	float: left;
    color: #057708;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 5px;
}

p.section-ankermenu {
	float: right;
	margin-top: 3px;
	margin-bottom: 0px;
	padding-top: 15px;
}

p.section-ankermenu a,
p.section-ankermenu b {
	font-weight: normal;
	text-decoration: none;
}

p.section-ankermenu a:hover {
	text-decoration: underline;
}

.cart_wait {
    display: none;
}

/* Bootstrap MD */
@media (min-width: 992px) and (max-width: 1199px) {
    p.section-ankermenu {
        margin-bottom: 10px;
    }
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    p.section-ankermenu {
        margin-bottom: 10px;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .section-head {
        padding-bottom: 4px;
    }

    .section-head .input-group {
        margin-top: 10px;
    }

    p.section-ankermenu {
        margin-bottom: 10px;
        padding-top: 0;
    }

    h3.section-header {
        padding-top: 15px;
        margin-bottom: 10px;
    }
}

/* Smartphone Portrait */
@media (max-width: 479px) {
    h3.section-header {
        margin-bottom: 0;
    }
}

/* ////////////////////////////// */
/* Alerts */

.alert ul {
    list-style-type: disc;
    list-style-image: none;
}

.alert.alert-info {
    background: #f9fcff;
    color: #433909;
}

.alert#addedtocart {
    margin-top: 10px;
}

/* ////////////////////////////// */
/* Labels */

.label.label-neu {
    display: inline-block;
    background: #2a782a;
    border-radius: 9px;
    margin-bottom: 3px;
}

.label.label-sonderaktion {
    display: inline-block;
    background: #a50000;
    border-radius: 9px;
    margin-bottom: 3px;
}

.label-info {
    background-color: #0f7a99;
}

/* ////////////////////////////// */
/* Trusted Shops */

.trustbade_sidebar {
    margin-top: 10px;
}

.trustbade_sidebar#Trustbadge > div {
    width: 100% !important;
}

/* ////////////////////////////// */
/* Buttons */
a.btn {
    text-decoration: none;
}

.btn {
    transition: 0.2s;
}

.btn.btn-warning {
    background: #ffd52f;
    border: 1px solid #ffd52f;
    color: #433909;
}

.btn.btn-info {
    background: #1868b2;
    border: 1px solid #1868b2;
}

.btn.btn-info:hover {
    background: #195a93;
}

.btn.btn-link {
    background: transparent;
    border: none;
    padding: 3px 5px;
    color: #307705;
}

.btn.btn-success {
    background: #2a782a;
    border-color: #2a782a;
}

.btn.btn-success:hover {
    background: #266626;
    border-color: #266626;
}

.fertig.kasten-bewerten a.btn.btn-bewerten,
.btn.btn-bewerten {
    background: #c0dc81;
    color: #433909;
}

.fertig.kasten-bewerten a.btn.btn-bewerten:hover,
.btn.btn-bewerten:hover{
    background: #b1ce71;
    transition: .2s
}

.btn.btn-warenkorb-kasse {
    background: #1868b2;
    color: #fff;
    border: none;
    margin-top: 5px;
}

.btn.btn-warenkorb-sidebar-kasse {
    background: #ffd52f;
    color: #433909;
    border: none;
    margin-top: 5px;
    width: 100%;
    text-align: center;
}

.btn.btn-warenkorb-sidebar-kasse:hover {
    background: #ffe313;
}

.btn-sidebar-wk-info {
    width: 100%;
    text-align: center;
}

.btn.btn-warenkorb-kasse:hover {
    background: #0d5ab2;
}

.btn.btn-uebersicht-einkaufswagen {
    background: #ffd52f;
    color: #433909;
}

.btn.btn-uebersicht-einkaufswagen:hover {
    background: #ffe313;
}

.btn-einkaufswagen {
    float: right;
    color: #fff;
    border-radius: 4px;
    border: none;
}

.btn-einkaufswagen--text {
    float: left;
    padding: 8px 8px 6px 12px;
    background: #ffd52f;
    color: #433909;
    border-radius: 4px 0 0 4px;
    height: 34px;
}

.btn-einkaufswagen--icon {
    float: left;
    padding: 8px 12px 6px 8px;
    height: 34px;
    width: 30px;
    border-radius: 0 4px 4px 0;
    background: url('images/icons/shopping-cart_weiss.svg') center center no-repeat, #057708;
    background-size: 22px auto;
}

.btn-einkaufswagen:hover .btn-einkaufswagen--text {
    background: #FFE313;
}

.btn-einkaufswagen:hover .btn-einkaufswagen--icon {
    color: #fff;
}

.btn.btn-sidebar-big {
    white-space: normal;
    background: url('images/icons/list-arrow_white.svg') right 5px center no-repeat, #e5e5e5;
    background-size: 20px auto;
    text-align: left;
    margin-bottom: 15px;
    width: 100%;
    transition: 0.2s;
    text-decoration: none;
    padding-right: 25px;
}

.btn.btn-sidebar-big h5,
.btn.btn-sidebar-big .h5 {
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 3px;
    font-size: 1.4em;
}

.btn.btn-sidebar-big:hover {
    background-color: #057708;
    color: #fff;
    transition: 0.2s;
}


.btn.btn-sidebar-europa {
    white-space: normal;
    background: url('images/icons/list-arrow_white.svg') right 5px center no-repeat, #1a3eb1;
    background-size: 20px auto;
    color: #fff;
    text-align: left;
    margin-bottom: 15px;
    width: 100%;
    transition: 0.2s;
    text-decoration: none;
}

.btn.btn-sidebar-europa h5 {
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 3px;
    font-size: 1.4em;
}

.btn.btn-sidebar-europa:hover {
    background-color: #0028a8;
    color: #fff;
    transition: 0.2s;
}

.btn.btn-sidebar-facebook {
    white-space: normal;
    background: url('images/icons/list-arrow_white.svg') right 5px center no-repeat, #3b5998;
    background-size: 20px auto;
    color: #fff;
    text-align: left;
    margin-bottom: 15px;
    width: 100%;
    transition: 0.2s;
    text-decoration: none;
}

.btn.btn-sidebar-facebook h5,
.btn.btn-sidebar-facebook .h5 {
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 3px;
    font-size: 1.4em;
}

.btn.btn-sidebar-facebook:hover {
    background-color: #3a4c8a;
    color: #fff;
    transition: 0.2s;
}

.btn.btn-sidebar-instagram {
    white-space: normal;
    background: url('images/icons/list-arrow_white.svg') right 5px center no-repeat, #e1306c;
    background-size: 20px auto;
    color: #fff;
    text-align: left;
    margin-bottom: 15px;
    width: 100%;
    transition: 0.2s;
    text-decoration: none;
}

.btn.btn-sidebar-instagram h5,
.btn.btn-sidebar-instagram .h5 {
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 3px;
    font-size: 1.4em;
}

.btn.btn-sidebar-instagram:hover {
    background-color: #c13584;
    color: #fff;
    transition: 0.2s;
}

.btn.btn-sidebar-hofnaess {
    background-image: none;
    color: #433909;
}

.btn.btn-sidebar-hofnaess:hover {
    background: #d3d3d3;
    color: #433909;
}

.btn.btn-sidebar-hofnaess img {
    margin-bottom: 10px;
}

.btn.btn-sidebar-hofnaess p {
    font-size: 0.9em;
}

.button-warenkorb-aktualisieren {
    margin-right: 10px;
}

/* Bootstrap MD */
@media (min-width: 992px) and (max-width: 1199px) {
    .btn.btn-uebersicht-einkaufswagen {
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {
    .btn.btn-sidebar-hofnaess img {
        max-width: 33%;
        float: left;
        margin-right: 10px;
    }

    .btn.btn-einkaufswagen {
        float: right;
    }
}


/* NEWS */

.newsteaser {
    color: #252526;
    margin-bottom: 1.25rem;
    border-bottom:  1px solid #ffd52f;
}
.newsheader {
    padding: 1.25rem 0 0 0 ;
}
.newsheader a  {
    text-decoration: none;
}
.newsheader h3  {
    margin-bottom: .3125rem;
    margin-top: 0;
    text-decoration: none;
}
.newsheader a h3:hover {
    text-decoration: underline;
    color: #307705;
}
.newscontent {
    padding: 1.25rem 0;
}
.readmore a.btn {
    font-weight: bold;
    border: 1px solid #057708;
    background: #fff;
    color: #057708;
    transition: 500ms ease;
    margin-top: 1rem;
}

.readmore a.btn:hover {
    /*border: 1px solid #61b6b8;*/
    border: 1px solid #266626;
    background: #057708;
    color: #fff;
}

.autor {
    padding-right: .5rem;
    margin-right: .5rem;
    display: inline-block;
    border-right: 1px solid #7b7b7b;
}

article .box-content img {
    max-width: 100%;
}
article .newsheader {
    padding-top: 0px;
}
ul.further-news li a {
    text-decoration: none;
}
ul.further-news li a:hover {
    text-decoration: underline;
}

/* Footer */

.footer {
	padding: 30px 0;
}

.footer h4 {
    margin-left: 05px;
    color: #484848;
}

.footer ul.footer-navlist {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 15px;
}

.footer ul.footer-navlist li a {
    display: block;
    padding: 2px 5px 5px 15px;
    background: url("images/icons/list-arrow.svg") left top 7px no-repeat;
    background-size: 6px auto;
}

.footer ul.footer-navlist.sprachenliste li a {
    background: none;
    padding-right: 0;
}

.footer ul.footer-navlist.sprachenliste li a img {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.footer-copyright {
    background: #fff6c3;
    padding-top: 15px;
    padding-bottom: 15px;
}

.footer--telefon {
    display: block;
    font-size: 1.3em;
    color: #484848;
    margin-bottom: 10px;
    padding-left: 15px;
    background: url('images/icons/telefon_dark_rotated.svg') left center no-repeat;
}

.footer-copyright .profilschmiede {
    float: right;
}

.footer-copyright .profilschmiede a {
    display: block;
    padding-left: 20px;
    background: url('images/logo/profilschmiede.svg') left center no-repeat;
    background-size: 14px auto;
    text-decoration: none;
    color: #433909;
}

/* Bootstrap MD */
@media (min-width: 992px) and (max-width: 1199px) {
    .footer--telefon {
        font-size: 1.5em;
    }
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {

    .footer .footer-block {
        padding-left: 15px;
    }

    .footer .footer-block h4 {
        padding-left: 5px;
    }
}

/* Bootstrap XS */
@media (max-width: 767px) {

    .footer {
        padding-top: 0;
    }

    .footer .footer-block {
        border: 1px solid #d6d6d6;
        border-radius: 4px;
        margin-bottom: 5px;
    }

    .footer ul.footer-navlist {
        display: none;
    }

    .footer h4.navlist-toggle,
    .footer .h4.navlist-toggle {
        display: block;
        padding: 10px 15px;
        cursor: pointer;
        margin-top: 0;
        margin-bottom: 0;
        color: #666;
    }

    .footer h4.navlist-toggle .glyphicon,
    .footer .h4.navlist-toggle .glyphicon {
        color: #d6d6d6;
    }

    .footer-copyright .profilschmiede {
        float: left;
    }

    .footer-copyright {
        background: #fff;
        font-size: 12px;
    }
}


/* ////////////////////////// */
/*  HELPERS     */
/* ////////////////////////// */

.unvisible {
    display: none;
}

.underline {
	text-decoration: underline;
}

.no-link {
    text-decoration: none;
    color: #433909;
}

.img-center {
    display: block;
    margin: 0 auto;
}

/* Smartphone Portrait */
@media (max-width: 479px) {
    .col-xxs-24 {
        width: 100%;
    }
}


/* Flags */
.flag {
    display: inline-block;
    width: 20px;
    height: 13px;
    margin-right: 5px;
    background: top left no-repeat;
}

.flag-de { background-image: url("images/flags/flag_de.gif"); }
.flag-at { background-image: url("images/flags/flag_at.gif"); }
.flag-ch { background-image: url("images/flags/flag_ch.gif"); }
.flag-en { background-image: url("images/flags/flag_en.gif"); }
.flag-fr { background-image: url("images/flags/flag_fr.gif"); }
.flag-nl { background-image: url("images/flags/flag_nl.gif"); }
.flag-hu { background-image: url("images/flags/flag_hu.gif"); }
.flag-po { background-image: url("images/flags/flag_pt.gif"); }
.flag-es { background-image: url("images/flags/flag_es.gif"); }
.flag-cz { background-image: url("images/flags/flag_cz.gif"); }

/* Sidebar Icons */
.icon-mastercard {
    display: inline-block;
    width: 30px;
    height: 19px;
    margin-right: 2px;
    background: url("images/icons/mastercard.gif") top left no-repeat;
}
.icon-visa {
    display: inline-block;
    width: 30px;
    height: 19px;
    margin-right: 2px;
    background: url("images/icons/visa.gif") top left no-repeat;
}
.icon-paypal {
    display: inline-block;
    width: 53px;
    height: 19px;
    margin-right: 2px;
    background: url("images/icons/paypal.gif") top left no-repeat;
}
.icon-dhl {
    display: inline-block;
    width: 54px;
    height: 15px;
    margin-right: 2px;
    background: url("images/icons/icon_dhl.gif") top left no-repeat;
}
.icon-packstation {
    display: inline-block;
    width: 87px;
    height: 15px;
    margin-right: 2px;
    background: url("images/icons/icon_packstation.gif") top left no-repeat;
}

/** Google Recaptcha */
.captcha-notice {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 1rem 1.25rem;
    border-radius: .5rem;
    justify-content: center;
    align-items: center;
    background: #fff;
    text-align: center;
    transform: translate(-50%, -50%);
    box-shadow: 0 .5rem .75rem 0 #000;
}

.form-container {
    position: relative;

    form {
        transition: 0.5s ease-in
    }

    &.captcha-locked {
        form {
            filter: blur(3px) grayscale(1);
            opacity: 0.8;
        }

        .captcha-notice {
            display: block
        }
    }
}

.formular td {
    padding: 2px 10px 2px 0;
}