/*
max-width: 1410px => Navi kleiner
max-width: 1180px => Navi kleiner
max-width: 1018px => Navi als Burger
*/

html, body, .site {
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial !important;
	color:white;
	font-size:18px;
	line-height:27px;
	background-color:#101820;
}
html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
a, span, p, div, button, submit, h1, h2, h3, h4 {
	-webkit-font-smoothing:antialiased;
}

body, button, input, select, optgroup, textarea {
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    border-radius: 0px;
}

button, 
#modal-right .button, 
.woocommerce .button {
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial;
	color:#fff;
	font-weight:500 !important;
	text-transform:uppercase !important;
	font-size:16px !important;
	background-color:#94644a;
}

a {
	color: #fff !important; 
}
a:visited {
    color: #fff !important; 
}
a:hover, a:focus, a:active {
    color: #fff !important; 
}

h1, h2, h3, h4 {
	font-family: 'Cormorant', serif, Helvetica, Arial !important;
	color:white;
	font-weight: normal;
	letter-spacing:3px;
}
h1, h2, h3, h4 {
	letter-spacing:3px;
}
h1, h3 {
	margin: 10px 0;
	font-size: 50px;
	line-height:56px;
}
h2 {
	letter-spacing:0px;
}
p {
	font-weight: normal;
	margin-bottom: 0em;
}

.clear {
	clear:both;
}

body.custom-background {
    background-color: #101820 !important;
}
.page {
    margin: 0 0 0em;
}

main {
	background-color:#101820;
}

.site-header {
    padding: 0px 0px 0px 45px;
}
@media only screen and (max-width: 1410px) {
	.site-header {
		padding: 0px 0px 0px 25px;
	}
}
@media only screen and (max-width: 1180px) {
	.site-header {
		padding: 0px 0px 0px 7px;
	}
}


/***  Nav/Head  ***/
#masthead {
	z-index:2;
	position:absolute;
}

#masthead svg {
	fill:white;
}

.site-header .search-field {
	background-image:url(/wp-content/themes/sope/images/search-icon-white.svg)
}

.site-branding-text {
	padding-top: 36px;
	letter-spacing: 3.5px;
	font-size:18px;
	line-height:22px;
	font-weight:700;
	text-transform: uppercase;
}
@media only screen and (max-width: 1410px) {
	.site-branding-text {
		padding-top: 32px;
		font-size:16px;
	}
}
@media only screen and (max-width: 1180px) {
	.site-branding-text {
		padding-top: 25px;
		font-size:14px;
	}
}
@media only screen and (max-width: 1018px) {
	.site-branding {
		position:absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		font-size:16px;
		text-align: center;
		xbackground-color:#333777;
	}
	.site-branding-text {
		padding-top: 37px;
		font-size:18px;
	}
}

.site-branding-text:hover {
	color:#fff;	
}

.main-navigation {
    margin-left: 30px;
}
@media only screen and (max-width: 1410px) {
	.main-navigation {
		margin-left: 20px;
	}
}
@media only screen and (max-width: 1180px) {
	.main-navigation {
		margin-left: 16px;
	}
}

li.mega-menu-item > a.mega-menu-link {
	background:transparent !important;
	color:white !important;
}

.mini-cart-wrap a:not([href]):not([tabindex]) {
	color:white;
}

.mini-cart-wrap .item-count {
	background-color:#94644a;
	top: 70%;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menu {
	margin: 0px 0px 20px 0px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
	background-color:transparent;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	height: 96px;
	padding: 0px 18px 0px 18px;
	font-size:18px;
	line-height: 95px;
	letter-spacing:4px;
	text-transform: uppercase;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	margin: 0px 0px 10px 0px !important;
    font-size: 18px;
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}
 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:first-child { 
	margin-top:20px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
    font-size: 18px;
}

@media only screen and (max-width: 1410px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		height: 86px;
		padding: 0px 13px 0px 13px;
		font-size:16px;
		line-height: 85px;
		letter-spacing:3.3px;
	}
}
@media only screen and (max-width: 1180px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		height: 72px;
		padding: 0px 10px 0px 10px;
		font-size:14px;
		line-height: 71px;
		letter-spacing:2.8px;
	}
}

@media only screen and (min-width: 1018px) {
	#mega-menu-wrap-menu-1 {
		background:transparent;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 {
		width:100%;
	}
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: 30px 40px 60px 40px;
    padding: 0px 40px 60px 40px;
	background-color:#2f353c;
	opacity:0.94 !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover {
    background: #2f353c !important;
    font-weight: 100;
}

/***  Responsive Navi  ***/
button#responsive-menu-pro-button {
	xbackground: #101820 !important;
	background: transparent !important;
}

#responsive-menu-pro,
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a, 
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a:hover {
	background-color:#101820 !important;
}
#responsive-menu-pro-container #responsive-menu-pro .responsive-menu-pro-submenu-depth-1 .responsive-menu-pro-item a, 
#responsive-menu-pro-container #responsive-menu-pro .responsive-menu-pro-submenu-depth-1 .responsive-menu-pro-item a:hover {
	background-color:#1b2733 !important;
}
#responsive-menu-pro-container #responsive-menu-pro .responsive-menu-pro-submenu-depth-2 .responsive-menu-pro-item a, 
#responsive-menu-pro-container #responsive-menu-pro .responsive-menu-pro-submenu-depth-2 .responsive-menu-pro-item a:hover {
	background-color:#243241 !important;
}

#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow {
	padding-top: 6px !important;
	border-right: 0px solid #101820 !important;
	background-color: #101820 !important;
    font-size: 36px !important;
}	
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow.responsive-menu-pro-subarrow-active {
	border-color: #101820 !important;
	background-color: #101820 !important;
}
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow.responsive-menu-pro-subarrow-active:hover {
	border-color: #101820 !important;
	background-color: #101820 !important;
}
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a:hover .responsive-menu-pro-subarrow {
	border-color: #101820 !important;
	background-color: #101820 !important;
}
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a:hover .responsive-menu-pro-subarrow.responsive-menu-pro-subarrow-active {
	border-color: #101820 !important;
	background-color: #101820 !important;
}
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow:hover {
	border-color: #101820 !important;
	background-color: #101820 !important;
}	
#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item a:hover .responsive-menu-pro-subarrow {
	border-color: #101820 !important;
	background-color: #101820 !important;
}
#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item a:hover .responsive-menu-pro-subarrow.responsive-menu-pro-subarrow-active {
	border-color: #101820 !important;
	background-color: #101820 !important;
}
#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item a .responsive-menu-pro-subarrow {
	padding-top: 6px !important;
	border-left: 0px solid #1b2733 !important;
	background-color: #1b2733 !important;
}
#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item a .responsive-menu-pro-subarrow.responsive-menu-pro-subarrow-active {
	padding-top: 3px !important;
	border-color: #1b2733 !important;
	background-color: #1b2733 !important;
    font-size: 36px !important;
}
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow,
#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item a .responsive-menu-pro-subarrow {
	right: 10px !important;
}
#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item a .responsive-menu-pro-subarrow.responsive-menu-pro-subarrow-active:hover {
	border-color: #1b2733 !important;
	background-color: #1b2733 !important;
}
#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item a .responsive-menu-pro-subarrow:hover {
	border-color: #1b2733 !important;
	background-color: #1b2733 !important;
}
#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item.responsive-menu-pro-current-item > .responsive-menu-pro-item-link {
	border-color: #101820 !important;
	background-color: #101820 !important;
}
#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item.responsive-menu-pro-current-item > .responsive-menu-pro-item-link:hover {
	border-color: #101820 !important;
	background-color: #101820 !important;
}
	

@media only screen and (max-width: 1018px) {
	#responsive-menu-pro-container {
		width: 100% !important;
		padding-top: 80px !important;
		background: url('/wp-content/themes/sope/images/Mobile-Navi-HG.png') !important;
	}
	#responsive-menu-pro-container #responsive-menu-pro-wrapper {
		width: 50% !important;
		xheight: calc(100vh - 80px) !important;
		height: 100% !important;
		background:#101820 !important;
	}
}
@media only screen and (max-width: 640px) {
	#responsive-menu-pro-container #responsive-menu-pro-wrapper {
		width: 90% !important;
	}
}
@media only screen and (max-width: 500px) {
	#responsive-menu-pro-container #responsive-menu-pro-wrapper {
		xwidth: 100% !important;
	}
}

button#responsive-menu-pro-button .responsive-menu-pro-box {
	color:#fff !important;
}

.responsive-menu-pro-inner, 
.responsive-menu-pro-inner::before, 
.responsive-menu-pro-inner::after {
    background-color: #fff !important;
    width: 25px !important;
}
button#responsive-menu-pro-button.is-active {
    top: -24px !important;
    left: -18px !important;
}
button#responsive-menu-pro-button.is-active .responsive-menu-pro-inner, 
button#responsive-menu-pro-button.is-active .responsive-menu-pro-inner::before, 
button#responsive-menu-pro-button.is-active .responsive-menu-pro-inner::after {
    width: 20px !important;
}
#responsive-menu-pro-container #responsive-menu-pro {
    height: 100% !important;
} 
.responsive-menu-pro-open #responsive-menu-pro-container.slide-left {
    padding-top: 0px !important;
	xz-index: 999998;
}
#responsive-menu-pro-container #responsive-menu-pro-wrapper ul:first-child {
    padding-top: 76px !important;
}
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a {
	height: 52px !important;
    padding-left: 22px !important;
	font-size:14px !important;
	letter-spacing:2.8px !important;
	line-height: 52px !important;
	text-transform: uppercase !important;
}

#responsive-menu-pro-container .responsive-menu-pro-submenu li.responsive-menu-pro-item a {
    padding: 0 5% !important;
}


/***  Sprachen-Navi  ***/
.lang-nav {
	display:none;
	/*display:block;*/
	position: absolute;
	float:left;	
	right:70px;
	margin-left:20px;
	margin-right:0px;
	padding-top:34px;
	color:#fff;	
    text-align: right;
}
.lang-nav .kat-x-item {
    float: left;
    margin-left: 6px;
    margin-right: 6px;
    padding-bottom: 2px;
}

.lang-nav a, 
.lang-nav .kat-x-item a {
	margin-left: 0px;
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial;
	font-size: 18px;
	letter-spacing:3px;
	color:#fff;	
	font-weight: 100;
}
@media only screen and (max-width: 1410px) {
	.lang-nav {
		right:54px;
		padding-top:29px;
	}
	.lang-nav .kat-x-item {
		margin-left: 5px;
		margin-right: 5px;
	}
	.lang-nav a, 
	.lang-nav .kat-x-item a {
		font-size: 16px;
	}
}
@media only screen and (max-width: 1180px) {
	.lang-nav {
		padding-top:21px;
	}
	.lang-nav .kat-x-item {
		margin-left: 4px;
		margin-right: 4px;
	}
	.lang-nav a, 
	.lang-nav .kat-x-item a {
		font-size: 14px;
	}
}
@media only screen and (max-width: 1018px) {
	.lang-nav {
		xright:54px;
		padding-top:37px;
	}
}
@media only screen and (max-width: 768px) {
	.lang-nav {
		display:none;
	}
}

.menu-main-menu-container {
    line-height: 3;
    float: left;
}
.login-icon {
	right: 70px;
    width: 18px !important;
	padding-top:14px !important;
}
.search-box {
    bottom: 5px !important;
    width: 30px !important;
}
.site-header .search-field {
    background-size: 18px 18px !important;
}
.mini-cart-wrap {
    padding-top: 31px !important;
	cursor: pointer;
}
@media only screen and (max-width: 1410px) {
	.mini-cart-wrap {
		padding-top: 25px !important;
	}
}
@media only screen and (max-width: 1180px) {
	.mini-cart-wrap {
		padding-top: 18px !important;
	}
}
@media only screen and (max-width: 1018px) {
	.mini-cart-wrap {
		padding-top: 34px !important;
	}
}


/***  Burger  ***/
.menu-pro {
    top: 26px;
}


/***  Newsletter  ***/
.link-underline,
a.link-underline {
    color: #94644a !important;
    xtext-decoration:underline;
}
a.link-underline:hover,
a.link-underline:focus,
a.link-underline:active {
    text-decoration:none;
}

.newsletter-box {
	max-width: 550px !important;
	text-align: center;
}

.newsletter-box form {
	text-align: center;
}

.newsletter-box  .input-group {
	max-width: 377px !important;
    margin-right: auto;
    margin-left: auto;
}

.newsletter .newsletter-box input[type="email"],
.newsletter .newsletter-box input[type="button"] {
	background-color:#101820;
	color:white;
	padding: 21px;
}
@media only screen and (max-width: 768px) {
	.newsletter .newsletter-box input[type="email"],
	.newsletter .newsletter-box input[type="button"] {
		padding: 21px 15px;
	}
}
.newsletter .newsletter-box input[type="checkbox"] {
	padding: 6px;
}
@media only screen and (max-width: 1024px) {
	.xnewsletter .newsletter-box input[type="checkbox"] {
		padding: 6px;
	}
}

.home .newsletter .newsletter-box input {
	background-color:#0d0d0d;
	color:white;
}

.newsletter .newsletter-box .input-checkbox {
	display: inline;
	margin: -4px 8px 0 0;
	text-align: center;
	vertical-align: middle;
}

.newsletter .newsletter-box button,
.contact-wrap .wpcf7-submit {
	height: 45px;
	padding:12px 18px 12px 18px !important;
    font-size: 18px !important;
	font-weight:400 !important;
	text-transform:uppercase !important;
	color:#000;
	background-color:#fff;
}

.newsletter .newsletter-box button:hover,
.contact-wrap .wpcf7-submit:hover {
	color:white;
	background-color:#94644a;
	cursor:pointer;
}

.newsletter-box input::placeholder {
	color: #808080;
}

.newsletter h2 {
	margin-bottom: 12px;
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial !important;
    font-size: 30px;
	letter-spacing: 2px;
}

.newsletter p {
    margin-top: 0px !important;
    margin-bottom: 18px !important;
	font-size: 18px;
}


/***  Footer  ***/
.page-footer,
.page-footer * {
	background-color:#101820;
	color:white;
}
.home .page-footer,
.home .page-footer * {
	background-color:#0d0d0d;
	color:white;
}
.page-footer  {
    padding-top: 240px;
}
@media only screen and (max-width: 768px) {
	.page-footer {
		padding-top: 180px;
	}
}
footer.container-sope {
    max-width: 1400px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 65px;
    padding-left: 65px;
}
@media only screen and (max-width: 768px) {
	footer.container-sope {
		padding-right: 35px;
		padding-left: 35px;
	}
}

.footer-adition {
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    margin-top: 35px !important;
}

.footer-adition .row {
    margin-right: 0px;
    margin-left: 0px;
}

.footer-adition .addition {
	padding-left: 0vw;
    padding-right: 0vw;
}

.footer-adition #bordered {
	display:flex;
	align-items:center;
	height:215px;
	border-right: 1px solid #808080;
}
.footer-adition #bordered .bordered-links {
	-webkit-flex-basis: 38%;
	flex-basis: 38%;
	min-width: 300px;
	height:215px;
	padding-left: 40px;
	padding-right: 40px;
	align-items: center;
}
.bordered-links-img {
	display:flex;
	align-items:center;
	height: 100%;
}

.footer-adition #bordered .bordered-links .logos {
	width: 100%;
}

.footer-adition #bordered .bordered-rechts {
	-webkit-flex-basis: 60%;
	flex-basis: 60%;
	margin-right:30px;
	font-weight:bold;
	font-size:14px;
    letter-spacing: 4px;
	text-transform:uppercase;
}

@media only screen and (max-width: 1180px) {
	.footer-adition .addition {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.footer-adition #bordered {
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: space-around;
		height: auto;
	}
	.footer-adition #bordered .bordered-rechts {
		order: 1;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		min-width: 100%;
		margin-left:30px;
		xmargin-top: 15px;
		margin-bottom: 15px;
		text-align:center;
		xbackground-color:#f990ff;
	}
	.footer-adition #bordered .bordered-links {
		order: 2;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		min-width: 100%;
		height:auto;
		xmargin-bottom: 15px;
		padding-left: auto;
		padding-right: auto;
		text-align:center;
		xbackground-color:#f99000;
	}
	.bordered-links-img {
		height: auto;
		width: 40%;
		max-width: 220px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media only screen and (max-width: 1024px) {
	.tablet-footer-adition {
		width: 100%;
		text-align:center;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.tablet-footer-adition .text,
	.tablet-footer-adition .text h2 {
		margin-bottom: 15px;
		font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial !important;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 4px;
		text-transform: uppercase;
	}
	.tablet-footer-adition .adition-img {
		width: 50%;
		margin-right: auto;
		margin-left: auto;
		xmargin-bottom: 40px;
		xborder-bottom: 1px solid #808080;
	}
	.tablet-footer-adition .adition-img .logos {
		width: 50%;
		max-width: 110px;
	}
	.footer-adition .footer-adition-border {
		border-bottom: 1px solid #808080;
	}
	ul.socials-nav {
		padding-top: 10px;
	}
}

@media only screen and (max-width: 768px) {
	.footer-adition #bordered {
		margin-left: 0px;
		margin-right: 0px;
	}
}

.footer-adition .social-addition {
	display:flex;
	align-items:center;
	justify-content: center;
    padding-top: 20px;
	padding-bottom: 20px;
}

.social-rechts {
	display:none;
}

ul.socials-nav li a {
    margin-left: 8px;
    margin-right: 10px;
	font-size: 40px;
}

.social-addition h2 {
    float:right;
    padding-top: 12px;
    margin-left: 30px;
	margin-bottom: 0px;
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial !important;
	font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

@media only screen and (max-width: 1180px) {
	.footer-adition .social-addition {
		xpadding-top: 40px;
		xpadding-bottom: 40px;
	}
	ul.socials-nav li:last-child {
		display:none;
	}
	.social-rechts {
		display:block;
		width: 100%;
	}
	.social-rechts h2 {
		padding-top: 5px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 1024px) {
	.xxfooter-adition .social-addition {
		width: 100%;
		max-width: 100%;
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.footer-navigation {
	display: flex;
	max-width: 1400px;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}

.footer-menu ul {
    margin: 30px 0px 60px 0px !important;
}
@media only screen and (max-width: 768px) {
	.footer-menu {
		text-align: center;
		margin-right: auto;
		margin-left: auto;
	}
	.footer-menu ul {
		text-align: center;
		margin-right: auto;
		margin-left: auto;
	}
	.footer-menu li {
		display: block;
		float: none;
		margin-right: 0px;
	}
}
.footer-menu a {
	color:white;
	font-size: 13px;
}

.leergif {
	display:none;
}


/***  Startseite  ***/
.startseite {
	position: relative;
	top: 0px !important;
}

/*  1. Section  */
.hero-section {
	display:block;
    width: 100%;
	height: 100vh;
    margin-right: auto;
    margin-left: auto;
    padding-right: auto;
    padding-left: auto;
}

.hero-section-mobile {
	display:none;
}

.hero-section .row {
	margin-right: 0px;
	margin-left: 0px;
}

.hero-section .slider {
	position: relative;
	width: 100vw;
	height: 100vh;
}

.hero-section .slider .slide {
	width: 100vw;
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% top !important;
}

.hero-section .slider-leerbild {
    width: 100vw;
	height: 100vh;
}

.hero-section .on-image {
    text-align: right;
	top: auto;
    bottom: 20px;
	right: 80px;
	width: calc(100% - 110px);
	xbackground-color:#ff0d0d;
}

.hero-section .on-image h3 {
	text-align: right;
	vertical-align:bottom;
	margin: auto;
	margin-bottom: 25px;
    font-size: 60px;
	line-height:68px;
	letter-spacing: 0.5px;
	font-weight: normal;
}

.hero-section .on-image h3 p {
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial;
    font-size: 20px;
	line-height: 28px;
    font-weight: normal;
}

.hero-section a.hero-section-link {
	font-size: 20px;
	text-align: right;
	text-transform:uppercase;
}

.hero-section .slide h3 p {
	text-align: right;
	margin: auto;
	vertical-align:bottom;
}

.hero-section .on-image p.hero-section-link-p {
	margin-bottom: 30px;
}

@media only screen and (max-width: 1410px) {
	.hero-section .on-image h3 {	
		margin-bottom: 22px;
		font-size: 56px;
		line-height:64px;
	}
	.hero-section .on-image h3 p,
	a.hero-section-link {
		font-size: 18px;
		line-height:27px;
	}
}

@media only screen and (max-width: 1180px) {
	.hero-section .on-image h3 {	
		margin-bottom: 18px;
		font-size: 48px;
		line-height:56px;
	}
	.hero-section .on-image h3 p,
	a.hero-section-link {
		font-size: 16px;
		line-height:24px;
	}
}

@media only screen and (max-width:768px) {
	.hero-section {
		display:none;
	}
	.hero-section-mobile {
		display:block;
		width: 100%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		padding-top: 97px;
		padding-right: auto;
		padding-left: auto;
		xbackground-color:#fff666;
	}
	.hero-section-mobile .row {
		margin-right: 0px;
		margin-left: 0px;
	}
	.hero-section-mobile .slider-mobile {
		position: relative;
		width: 100%;
		height: auto;
	}
	.hero-section-mobile .slider-mobile .slide {
		width: 100vw;
		height: auto;
	}
	.hero-section-mobile .slider-mobile .slide-image {
		width: 100vw;
		height: 350px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% top !important;
	}
	.hero-section-mobile .slider-leerbild {
		width: 100vw;
		height: 350px;
	}
	.hero-section-mobile .on-image {
		padding-top: 20px;
		padding-right: 30px;
		padding-left: 30px;
	}
	.hero-section-mobile .on-image h3 {
		text-align: center;
		margin: auto;
		margin-bottom: 5px;
		font-size: 42px;
		line-height:50px;
		letter-spacing: 2px;
		font-weight: 200;
	}
	.hero-section-mobile .on-image h3 p {
		padding-top: 5px;
		padding-bottom: 10px;
		font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial;
		font-size: 18px;
		line-height: 27px;
		font-weight: normal;
	}
	.hero-section-mobile .on-image p.hero-section-link-p {
		margin-bottom: 0px;
		padding-top: 0px;
		text-align: center;
	}
	.hero-section-mobile a.hero-section-link {
		font-size: 18px;
		text-align: right;
		text-transform:uppercase;
	}
}
@media only screen and (max-width: 640px) {
	.hero-section .on-image h3 {
		font-size: 36px;
		line-height:40px;
	}
}

.hero-section-pfeil {
	position:absolute;	
	z-index: 208;
	top: calc(100vh - 85px);
	left: calc(50% - 50px);
	width: 100px;
	height: 35px;
	text-align: center;
}

.hero-section-pfeil img {
    width: 100px;
	height: 35px;
}
@media only screen and (max-width: 1180px) {
	.hero-section-pfeil {
		top: calc(100vh - 55px);
	}
}
@media only screen and (max-width: 768px) {
	.hero-section-pfeil {
		top: calc(100vh - 55px);
	}
	.hero-section-pfeil img {
		width: 12vw;
		height: 4.2vw;
	}
}

/* Slick Punkte */
.slick-dots {
    bottom: 30px;
	right: 70px;
	text-align: right;
}

.slick-dots li {
    margin: 0 4px;
}
	
.slick-dots li button::before {
    width: 12px;
    height: 12px;
    opacity: 1;
    color: transparent;
	border: 2px solid #ffffff;
	border-radius: 6px;
}

.slick-dots li.slick-active button::before {
    opacity: 1;
    color: transparent;
	background-color:#ffffff;
}	

/* Slick Pfeile */
.slick-prev,
.slick-next
{
    width: 30px;
    height: 50px;
	background: url(../images/leer.png);
}
.slick-prev:before,
.slick-next:before
{
    opacity: 1;
}
@media only screen and (max-width: 1018px) {
	.slick-prev:before,
	.slick-next:before
	{
		xopacity: 0;
	}
}

.slick-prev
{
    left: 40px;
	z-index:1;
	transform: rotate(180deg);
}
@media only screen and (max-width: 1018px) {
	.slick-prev
	{
		left: 0px;
	}
}
[dir='rtl'] .slick-prev
{
    right: 0px;
    left: auto;
	z-index:200;
	transform: rotate(180deg);
}
.slick-prev:before
{
    content:url(../images/Pfeile-03.svg);
}
[dir='rtl'] .slick-prev:before
{
    content:url(../images/Pfeile-03.svg);
}

.slick-next
{
    right: 40px;
	margin-top: 25px;
}
@media only screen and (max-width: 1018px) {
	.slick-next
	{
		right: 10px;
	}
}
@media only screen and (max-width: 768px) {
	.slick-next
	{
		right: 0px;
	}
}
@media only screen and (max-width: 768px) {
	.slick-prev
	{
		top: 150px;
		margin-top: 0px;
	}
	.slick-next
	{
		top: 150px;
		margin-top: 25px;
	}
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0px;
}
.slick-next:before
{
    content:url(../images/Pfeile-03.svg);
}
[dir='rtl'] .slick-next:before
{
    content:url(../images/Pfeile-03.svg);
}

	
/*  2. Section  */
.second-section {
	margin-top: 100px;
	margin-bottom: 180px;
	color:white;
}
@media only screen and (max-width: 768px) {
	.second-section {
		margin-top: 45px;
		margin-bottom: 140px;
		padding-right: 40px;
		padding-left: 40px;
	}
}

.second-section h1 {
	margin-top: 0;
	margin-bottom: 25px;
	font-size: 50px;
	line-height: 1.2;
	font-weight: 200;
	letter-spacing: 2px;
	text-transform: none;
	text-align: center;
}
@media only screen and (max-width: 1180px) {
	.second-section h1 {
		font-size: 44px;
	}
}
@media only screen and (max-width: 768px) {
	.second-section h1 {
		font-size: 42px;
	}
}

.mobile-fade {
}
.mobile-fade::after {
}
@media only screen and (max-width: 768px) {
	.mobile-fade {
		position: relative;
		max-height: 7.2em;
		max-height: 11.5em;
		overflow: hidden;
	}

	.mobile-fade::after {
		content: "";
		text-align: left;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 5.2em;
		background: linear-gradient(to bottom, rgba(16, 24, 32, 0), #101820 100%) repeat scroll 0 0 transparent;
	}
}

/*  3. und weitere Section  */
.third-section {
	width: 100%;
	max-width:1400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 130px;
	xpadding-right: 65px;
	xpadding-left: 65px;
	padding-right: 0px;
	padding-left: 0px;
	color:white;
	background-color:#101820;
}

.third-section:last-child {
	margin-bottom: 0px;	
}

@media only screen and (max-width:990px) {
	.third-section:last-child {
		margin-top: -60px;	
	}
}

.third-section div {
    padding-left: 0;
    padding-right: 0;
	background-color:#0d0d0d;
}

.third-section .row {
    margin-right: 0px;
    margin-left: 0px;
}

@media only screen and (max-width: 768px) {
	.third-section .row .abstand-text {
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.third-section .row .mobil-oben {
		order: 1;
	}
	.third-section .row .mobil-unten {
		order: 2;
	}
}

.third-section h2 {
	font-size: 50px;
	line-height:62px;
	letter-spacing: 2px;
	margin-bottom: 30px;
	padding-top: 0vw;
}
@media only screen and (max-width: 1180px) {
	.third-section h2 {
		font-size: 44px;
		margin-bottom: 25px;
	}
}
@media only screen and (max-width: 768px) {
	.third-section h2 {
		font-size: 42px;
	}
}

.third-section p.col-8 {
	padding-bottom: 0vw;
    margin: 0 auto !important;
}
@media only screen and (max-width: 768px) {
	.third-section p.col-8 {
		max-width: 80%;
	}
}

.derlink {
	cursor:pointer;	
}

/*  Section Shop  */
.shop-section {
	max-width:1400px;
	width: 100%;
	margin-bottom: 110px;
	padding-right: 65px;
	padding-left: 65px;
	margin-right: auto;
	margin-left: auto;
	xbackground-color:#ff0000;
}
@media only screen and (max-width: 768px) {
	.shop-section {
		padding-right: 35px;
		padding-left: 35px;
	}
	.shop-section .col-sm-6,
	.products-archive .col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media only screen and (max-width: 480px) {
	.xxshop-section .col-sm-6,
	.products-archive .col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.shop-section h2 {
    margin: 0px 0 30px 0px;
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial !important;
    font-size: 30px;
	letter-spacing: 2px;
}

.shop-section img {
    margin-bottom: 21px;
}


/***  Produkte-Liste: Startseite / Produkt-Uebersicht   ***/
.box-shop-archive {
    margin-bottom: 60px;
}
#infos-shop-archive .name-price {
    margin-top: 0px;
}
.box-shop-archive .img-wrap img {
    margin-bottom: 21px;
}
#infos-shop-archive span.prod-title {
	padding-top: 10px;
	padding-bottom: 5px;
	font-family: 'Cormorant', serif, Helvetica, Arial !important;
	color:white;
	font-size: 22px;
	line-height:24px;
	font-weight: normal;
    text-transform: none;
}
#infos-shop-archive .price {
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial;
	font-weight: 300;
	font-size: 18px;
	line-height:16px;
    xletter-spacing: 3px;
    xcolor: #fff000;
}

/***  Startseite: Blog-Teaser  ***/
.posts-section {
	width: 100%;
	max-width:1400px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 65px;
	padding-left: 65px;
	xbackground-color:#999000;
}

.posts-section h2 {
    margin: 100px 0 20px 0px;
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial !important;
    font-size: 30px;
	letter-spacing: 2px;
}

@media only screen and (max-width: 990px) {
	.posts-section .journal-spalte  {
		margin-bottom: 70px;
		xbackground-color:#f99000;
	}
}
@media only screen and (max-width: 768px) {
	.posts-section {
		padding-right: 35px;
		padding-left: 35px;
	}
}

.journal-spalte span {
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial;
	font-weight: bold;
	font-size: 12px;
	line-height:16px;
	text-transform:uppercase;
    letter-spacing: 4px;
}

.posts-section h4 {
    margin-top: 20px;
	font-size:21px;
	line-height:22px;
	color:white;
	font-weight: normal;
	letter-spacing:2px;
	margin-bottom: 25px;
}

.posts-section img {
    margin-bottom: 21px;
}

.posts-section p {
    font-size: 15px;
    line-height: 22px;
}

/***  WooCommerce  ***/
.button-woo {
	display:block;
    width: 100%;
    height: 45px;
    padding: 11px 0;
    color: white;
	letter-spacing:1px;
	text-transform:uppercase;
    text-align: center;
    border-radius: 0;
    background-color: #94644a;
}

.button-woo:hover {
    color: #94644a;
    background-color: #fff;
}

.woocommerce a.added_to_cart,
a.added_to_cart {
    display: block;
    padding-top: 12px;
    color: #94644a !important;
	font-weight: bold;
    text-align: center;
}

.cart {
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	margin-top: 35px;
	margin-bottom: 30px !important;
}

.email-share {
	border-bottom: 1px solid #ffffff;
}

.shop-section small.woocommerce-price-suffix {
	display: none;
	font-size: 18px;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: #4a4a4a;
    color: #ffffff;
    xborder-top: 3px solid #a46497;
    xborder-top-color: rgb(164, 100, 151);
}


/***  Produkt-Uebersicht  ***/
.products-archive {
    margin-top: 0px;
	margin-bottom: -40px;
}

.products-archive .container-sope {
	max-width:1400px;
	width: 100%;
	padding-top: 150px;
	padding-right: 65px;
	padding-left: 65px;
	margin-right: auto;
	margin-left: auto;
	xbackground-color:#999000;
}
@media only screen and (max-width: 1180px) {
	.products-archive .container-sope {
		padding-top: 130px;
	}
}
@media only screen and (max-width: 768px) {
	.products-archive .container-sope {
		padding-top: 130px;
		padding-right: 35px;
		padding-left: 35px;
	}
}

.products-archive h1 {
	margin: 0px 0px 60px 0px;
	font-size: 50px;
	line-height:160px;
	font-weight: 200;
	text-align: center;
	border-bottom:1px solid #4a4a4a;
}
@media only screen and (max-width: 1180px) {
	.products-archive h1 {
		margin: 0px 0px 40px 0px;
		font-size: 44px;
		line-height: 100px;
	}
}
@media only screen and (max-width: 768px) {
	.products-archive h1  {
		margin: 0px 0px 40px 0px;
		font-size: 42px;
		line-height: 100px;
	}
}

#infos-shop-archive .price small.woocommerce-price-suffix {
	display: none;
	font-size: 18px;
}

.woocommerce-Price-currencySymbol {
	padding-left: 5px;
}
.added_to_cart {
	color:#94644a;
}

/***  Modal rechts Cart  ***/
.modal .modal-content {
	color: white;
	background-color: #101820;
	border:1px solid #ffffff;
}

#modal-right .modal-header {
	background-color: #101820;
	border-top-left-radius: 0rem;
	border-top-right-radius: 0rem;
}

#modal-right .button {
	background-color:#94644a
}

#modal-right .modal-header h2 {
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial !important;
    font-size: 18px;
}
@media only screen and (max-width: 768px) {
	#modal-right .modal-header h2  {
		margin-bottom: 0px;
		padding-bottom: 0px;
		height:40px;
		line-height:32px;
	}
}

.modal-right .modal.right .modal-dialog {
	width:380px;
}
.modal .product-description {
	float:left;
	padding-top:20px;
	padding-bottom:20px;
}
.close {
	font-size: 32px !important;
	color:#ffffff;
	opacity: 1;
	text-shadow:none;
}
.modal-header .close:hover {
	color:#ffffff !important;
	opacity: 1 !important;
}

#minicart {
	border-top:none;
}
.woocommerce-cart .woocommerce-notices-wrapper{
	display:none;
}
@media only screen and (max-width: 768px) {
	#minicart {
		border-top:0px solid #ffffff;
		margin-top:20px;
	}
}

#minicart a {
	color:white;
}
#minicart .after-image a {
	font-weight:700 !important;
}
#minicart a.remove {
	color:white !important;
	text-align: center;
	margin-right:3px;
}
 
#minicart li {
	border-bottom:1px solid #ffffff;
}
#modal-right .buttons {
    padding-top: 10px;
	border-top:1px solid #ffffff;
}
#modal-right p.jde_hint {
    margin-top: 20px;
	margin-bottom: 10px;
}
#modal-right p.jde_hint,
#modal-right p.jde_hint a {
	font-size:13px;
}
.woocommerce-mini-cart__buttons .button.wc-forward {
	float: none;
    display: block;
    margin: 0 auto;
    clear: both;
    margin-top: 20px;
    width: 100% !important;
    background-color: white !important;
    color: black !important;
}
.woocommerce-mini-cart__buttons .button.checkout.wc-forward {
	background-color:#94644a !important;
	color:white !important;
}

dl.variation {
	margin-bottom: 0rem;
}

dl.variation dd {
	margin-bottom: 0rem;
}

dl.variation dt {
    display: inline;
    float: left;
	margin-right: 15px;
	font-weight: 400;
	xbackground-color:#999700;
}

.woocommerce ul.cart_list li dl, 
.woocommerce ul.product_list_widget li dl {
    xmargin: 0;
    padding-left: 0em;
    xborder-left: 2px solid rgba(0,0,0,.1);
}

 


 
/***  Produkte Detail  ***/
.container-sope.product  {
	position: relative;
	max-width:1400px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 65px;
	padding-left: 65px;
    margin-bottom: 0px !important;
	xbackground-color:#999700;
}
@media only screen and (max-width: 768px) {
	.container-sope.product {
		padding-right: 35px;
		padding-left: 35px;
	}
}

.gallery {
    margin-bottom: 0em;
}
.woocommerce-product-gallery__trigger {
	display: none;
}
.gallery .flex-viewport .flex-active-slide a {
	cursor: default;
}
.single-product .product {
    margin-top: 0px;
    padding-top: 180px;
    float: none;
}
.single-product .name-price {
    margin-top: 20px;
}
.name-price h1.prod-title {
    margin: 0;
    padding: 0;
	padding-bottom: 15px;
	font-family: 'Cormorant', serif, Helvetica, Arial !important;
	color:white;
	font-size: 50px;
	line-height:56px;
	font-weight: normal;
	letter-spacing:0px;
}
@media only screen and (max-width: 1180px) {
	.name-price h1.prod-title {
		font-size: 44px;
	}
}
@media only screen and (max-width: 768px) {
	.name-price h1.prod-title {
		font-size: 42px;
		line-height:46px;
	}
}

.name-price .price {
    font-weight: normal;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial !important;
	font-size: 26px;
	line-height:32px;
	color:white;
}
.woocommerce div.product small.woocommerce-price-suffix {
	padding-left: 10px;
	font-size: 12px;
}
.single-product div.product small.woocommerce-price-suffix {
    display: none;
}
.single-product div.product .woocommerce-de_price_taxrate {
    margin-top: 30px;
}
.single-product div.product .woocommerce-de_price_taxrate {
	margin-bottom: 0px;
}
.single-product div.product .woocommerce-de_price_taxrate,
.single-product div.product .woocommerce_de_versandkosten,
.single-product div.product .shipping_de_string,
.single-product div.product .shipping_de_string small,
.single-product div.product .shipping_de_string small span,
.single-product div.product .price-per-unit span,
.price-per-unit {
	font-size: 13px !important;
	line-height: 19px;
}
.shipping_de.shipping_de_string {
    margin-bottom: 0px !important;
}
.woocommerce-variation .shipping_de.shipping_de_string {
    margin-bottom: 30px !important;
}

a.versandkosten {
    color: #94644a !important;
}
a.versandkosten:hover,
a.versandkosten:focus,
a.versandkosten:active {
    text-decoration:none;
}

.woocommerce div.product form.cart .variations label {
	font-weight: normal;
}
.woocommerce div.product form.cart .variations select {
    width: 100%;
    min-width: 100%;
}

.product .quantity {
	/* display:none !important; */
    width: 21%;
}

.woocommerce div.product form.cart div.quantity {
	margin: 0 4% 0 0; 
}

.woocommerce div.product form.cart .quantity .qty {
    width: 100%;
	height: 45px;
	padding: 0px 0px 0px 0px;
}

.woocommerce .input-text.qty.text {
    color:#fff;
    background-color:#101820;
}

.woocommerce div.product form.cart .td-reset-variations {
    height: 2px;
}
.woocommerce div.product form.cart .reset_variations {
    font-size: 18px;
    padding-top: 4px;
    color: #94644a !important;
	font-weight: bold;
    text-align: center;
	display: none;
}
.woocommerce div.product form.cart .variations td.label {
    text-align: left;
}

.woocommerce div.product form.cart .button-woo {
    width: 75%;
}

.woocommerce div.product .out-of-stock {
	font-weight: bold;
}

.product-interaction-title {
    padding-left: 10px;
	font-size: 18px;
}
.product .product-description {
	float:left;
	padding-top:15px;
	padding-bottom:40px;
	
}
.toproduct {
	clear:both;
}
.toproduct a {
	text-transform:uppercase;
	margin-right: 0px;
    color: #94644a !important;
}
.toproduct a:hover,
.toproduct a:focus,
.toproduct a:active {
    text-decoration:none;
}
.toproduct span {
	font-size: 18px;
	display:none;
}
.email-share * {
	color:white;
}
.svg-icon.icon-mail {
    vertical-align: text-top;
	padding-bottom:4px;
}
.single-product .email-share a,
.single-product .email-share a span {
    border-right: 0px solid #4d6055;
    color:white !important;
}
.single-product .email-share a:hover,
.single-product .email-share a:focus,
.single-product .email-share a:active {
    text-decoration:none;
}
.sharethis-trigger {
	background-color:transparent;
}
.sharethis-title {
	font-size:15px;
	letter-spacing:auto;
}
.img-wrap .quickbuy {
    background: #101820;
    padding: 18px;
}
.img-wrap .quickbuy button {
	font-size: 18px !important;
	line-height: 18px !important;
	letter-spacing: 1px;
	padding: 12px 18px 12px 18px;
	color:white;
	background-color:#94644a;
	border: 1px solid #94644a;
	border-radius: 0rem;
	vertical-align:baseline;
}
.img-wrap .quickbuy button:first-child {
	font-size: 18px !important;
	line-height: 18px !important;
	letter-spacing: 1px;
	padding: 12px 18px 12px 18px;
	color:white;
	background-color:#94644a;
	border: 1px solid #94644a;
}
.img-wrap .quickbuy button:last-child {
	font-size: 18px !important;
	line-height: 18px !important;
	letter-spacing: 1px;
	padding: 12px 18px 12px 18px;
	color:white;
	background-color:#94644a;
	border: 1px solid #94644a;
}
.img-wrap .quickbuy button:hover {
	font-size: 18px !important;
	line-height: 18px !important;
	letter-spacing: 1px;
	color:#94644a;
	background-color:#ffffff;
	border: 1px solid #94644a;
}

@media only screen and (max-width:1380px) {
	.img-wrap .quickbuy button,
	.img-wrap .quickbuy button:first-child,
	.img-wrap .quickbuy button:last-child,
	.img-wrap .quickbuy button:hover {
		xletter-spacing: 1px;
		xpadding: 6px 6px 6px 6px;
	}
}

@media only screen and (max-width:1200px) {
	.img-wrap .quickbuy button,
	.img-wrap .quickbuy button:first-child,
	.img-wrap .quickbuy button:last-child,
	.img-wrap .quickbuy button:hover {
		xletter-spacing: 1.5px;
		xpadding: 10px 10px 10px 10px;
	}
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	z-index:1;
}
.product a.button-woo:hover {
	background-color:#94644a;
	color:white;
	cursor:pointer;
}
.woocommerce div.product div.images .flex-control-thumbs {
	xclear:both;
	xwidth: 18.5%;
	xfloat: bottom;
	xmax-width: 150px;
	xbackground-color:#ff5b56;
}


/*** Cart / Checkout  ***/
 .woocommerce-cart .cart-collaterals .cart_totals table th {
	padding-top:26px;
}
.woocommerce-checkout .woocommerce table.shop_table th,
.woocommerce table.shop_table td.product-name {
	padding-top:26px;
    vertical-align: top;
}
.woocommerce-cart .product-thumbnail .product-name {
	width: calc(100% - 40px);
	text-align:center;
}

.woocommerce-cart .product-thumbnail .product-name a,
.woocommerce-cart .product-name a {
	color:white;
	font-weight: 700;
}
.woocommerce .quantity .qty {
    width: 80px;
}
.woocommerce a.remove {
	color:white !important;
}
.woocommerce table.shop_table td {
	border-top: 1px solid #4a4a4a;
}

#add_payment_method table.cart td.actions .coupon .input-text, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text {
	padding: 6px;
	color:white !important;
    background-color: #101820;
	border: 1px solid #808080;
}
@media only screen and (max-width: 500px) {
	#add_payment_method table.cart td.actions .coupon .input-text, 
	.woocommerce-cart table.cart td.actions .coupon .input-text, 
	.woocommerce-checkout table.cart td.actions .coupon .input-text {
		width:100%;
	}
}

.woocommerce button.button {
	background-color:white !important;
	color:black !important;
}
.woocommerce button.button:hover {
    background-color: white !important;
    color: black !important;
}
.shop_table .coupon {
	width:60%;
}
@media only screen and (max-width: 768px) {
	.shop_table .coupon {
		width:100%;
	}
}

.coupon button {
	display:block;
	padding: 12px 18px 12px 18px !important;
}

.woocommerce table.cart td.actions .coupon .button,
.woocommerce-page table.cart td.actions .coupon .button,
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled] {
	padding: 12px 18px 12px 18px !important;
}
@media only screen and (max-width: 800px) {
	.woocommerce table.cart td.actions .coupon .button,
	.woocommerce-page table.cart td.actions .coupon .button {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}
@media only screen and (max-width: 500px) {
	.woocommerce table.cart td.actions .coupon .button,
	.woocommerce-page table.cart td.actions .coupon .button {
		margin-top: 5px;
		margin-bottom: 20px;
		width:100%;
	}
}

.woocommerce a.button,
.woocommerce a.button:hover,
.woocommerce button.button.alt,
.woocommerce a.button.alt, 
.woocommerce a.button.alt:hover {
	height: 45px;
	padding: 12px 18px 12px 18px !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	color:white !important;
	background-color:#94644a !important;
}
@media only screen and (max-width: 850px) {
	.woocommerce div.product form.cart  a.button,
	.woocommerce div.product form.cart  a.button:hover,
	.woocommerce div.product form.cart  button.button.alt,
	.woocommerce div.product form.cart  a.button.alt, 
	.woocommerce div.product form.cart  a.button.alt:hover {
		padding: 12px 15px 12px 15px !important;
		font-size: 16px !important;
	}
}
@media only screen and (max-width: 768px) {
	.woocommerce div.product form.cart  a.button,
	.woocommerce div.product form.cart  a.button:hover,
	.woocommerce div.product form.cart  button.button.alt,
	.woocommerce div.product form.cart  a.button.alt, 
	.woocommerce div.product form.cart  a.button.alt:hover {
		padding: 12px 18px 12px 18px !important;
		font-size: 18px !important;
	}
}
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-message .button {
	display:none;
}

.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background-color: #fff !important;
    color: #000 !important;
}
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover {
	background-color: #5a4336 !important;
	background-color:#94644a !important;
    color: #96999d !important;
}

p.wc-cart-shipping-notice {
	margin-bottom: 20px;
}
p.wc-cart-shipping-notice small {
	font-size:15px !important;
	line-height:22px;
	color:white !important;
}
.woocommerce-checkout input {
	height:17px;
}
.woocommerce-checkout input[type="checkbox"], input[type="radio"] {
    margin: 20px 9px 0px 0px;
}

.woocommerce h3 {
	font-size: 32px;
	line-height:36px;
	letter-spacing:1px;
}


/***  Normale Seite  ***/
.seiteninhalt {
    margin: 0px 0px 0px 0px;
}
.seiteninhalt.container-sope {
    max-width: 1400px;
    width: 100%;
	padding-top: 80px;
    padding-right: 65px;
    padding-left: 65px;
    margin-right: auto;
    margin-left: auto;
    xbackground-color: #999000;
}
@media only screen and (max-width: 768px) {
	.seiteninhalt.container-sope {
		padding-right: 35px;
		padding-left: 35px;
	}
}
.seiteninhalt h1 {
	margin: 70px 0px 60px 0px;
	font-size: 50px;
    line-height: 160px;
    font-weight: 200;
    text-align: center;
    border-bottom: 1px solid #4a4a4a;
}
@media only screen and (max-width: 1180px) {
	.seiteninhalt h1 {
		margin: 50px 0px 40px 0px;
		font-size: 44px;
		line-height: 100px;
	}
}
@media only screen and (max-width: 768px) {
	.seiteninhalt h1 {
		margin: 50px 0px 40px 0px;
		font-size: 42px;
		line-height: 100px;
	}
}

.page-template-default .main-page {
    margin-bottom: 0;
}
.seiteninhalt a {
    color: #94644a !important;
}
.seiteninhalt a:hover,
.seiteninhalt a:focus,
.seiteninhalt a:active {
    text-decoration:none;
}


/***  Bestellung gesendet  ***/
@media only screen and (max-width: 768px) {
	.woocommerce-order-received h1 {
		font-size: 42px;
		line-height: 50px;
		padding-top: 25px;
		padding-bottom: 25px;
	}
}
.woocommerce-checkout h3 {
    padding-left: 0px;
}
p.woocommerce-thankyou-order-received {
    margin-bottom: 50px;
}
.woocommerce-order ul.order_details {
    margin-bottom: 30px;
}
.woocommerce-order ul.order_details li {
    margin-bottom: 20px;
}
section.woocommerce-bacs-bank-details,
section.woocommerce-order-details {
    margin-top: 110px;
}
section.woocommerce-bacs-bank-details h3.wc-bacs-bank-details-account-name {
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial !important;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0px;
    margin-bottom: 20px;
}

/***  Blog  ***/
.left-post span {	
	font-weight: bold;
}
.left-post {
    border-top: 0px solid gainsboro !important;
}
.left-post ul {
	margin: 0px 0px 0px 0px;
}
.left-post li {
	margin: 6px 0px 0px 0px;
}
.main-post h2 {
    margin-bottom: 10px;
    font-size: 24px;
}
.main-post p.datum {
	margin: 30px 0px 40px 0px;	
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.main-post img {
    margin-bottom: 50px;
}
.right-blog {
    padding-left: 5%;
}
@media only screen and (max-width:991px) {
	.right-blog {
		text-align: center;
		margin-top: 50px;
	}
	.row-single {
		margin-right: 0px;
		margin-left: 0px;
	}
	.blog-single {
		padding-bottom: 50px;
		border-bottom: 1px solid #4a4a4a;
	}
}
.right-blog span {	
	float: left;
	width: 100%;
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
}
.right-blog ul {
    margin: 0 0 0.0em 0em;
}
.right-blog li {
	margin: 6px 0px 0px 0px;
}
.right-blog ul li a {
    font-size: 18px;
    text-transform: capitalize;
    color: white;
}

li.cat-item a {
	color:#94644a !important;
}
.main-post a {
    margin-bottom: 0px !important;
    float: none;
    color: #94644a !important;
	display: inline;
}
.main-post a:hover,
.main-post a:focus,
.main-post a:active {
    text-decoration:none;
}
.main-post a.link-weiterlesen {
    margin-bottom: 60px !important;
    float: left;
    color: #94644a !important;
	text-transform:uppercase;
}
.single-journal {
	padding-bottom:40px;
}
.journal-row {
	border-bottom:1px solid #4a4a4a;
	margin-right: 0px;
	margin-left: 0px;
}
.journal-row:last-child {
    margin-bottom: 0px;
}

/***  Kontakt  ***/
.contact-img {
	margin-top: 30px;
    margin-bottom: 80px;
}

.contact-form label {
    margin-bottom: 25px;
}

button, input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	background:#fff;
}

.woocommerce-checkout .woocommerce form .form-row input.input-text, 
.woocommerce-checkout .woocommerce form .form-row textarea,
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea,
.contact-wrap input[type="text"], 
.contact-wrap input[type="email"], 
.contact-wrap input[type="url"], 
.contact-wrap input[type="password"], 
.contact-wrap input[type="search"], 
.contact-wrap input[type="number"], 
.contact-wrap input[type="tel"], 
.contact-wrap input[type="range"], 
.contact-wrap input[type="date"], 
.contact-wrap input[type="month"], 
.contact-wrap input[type="week"], 
.contact-wrap input[type="time"], 
.contact-wrap input[type="datetime"], 
.contact-wrap input[type="datetime-local"], 
.contact-wrap input[type="color"] {
	height: 40px;
    margin-top: 0px;
    padding: 0px 10px 0px 10px;
    color: #fff;
	text-transform:uppercase;
    border: 1px solid #808080;
	background-color:#101820;
}
.woocommerce form .form-row {
    margin: 8px 0px 4px 0px;
}
.woocommerce-checkout .woocommerce form .form-row label {
    display: block;
	margin-bottom: 0px;
	xtext-transform:uppercase;
}
.woocommerce form .form-row .required {
    color: #fff;
}

.woocommerce-checkout .woocommerce form .form-row textarea,
.contact-wrap textarea,
textarea {
	height: 200px;
    padding: 0px 10px 0px 10px;
    color: #fff;
    border: 1px solid #808080;
	background-color:#101820;
}
.woocommerce .col2-set::after, .woocommerce-page .col2-set {
    padding-bottom: 30px;
}
.woocommerce form .form-row.notes {
    xmargin-top: 13px;
}
.woocommerce-checkout h3 {
    margin-top: 30px;
}
.woocommerce-checkout h3#order_review_heading {
    margin-top: 0px;
}
h3#ship-to-different-address {
	margin:  20px 0px 0px 0px;
}
.woocommerce-checkout #add_payment_method #payment, 
.woocommerce-checkout .woocommerce-cart #payment, 
.woocommerce-checkout #payment {
    background: #101820;
}
.woocommerce-checkout #payment div.payment_box {
	background-color: #4a4a4a;
    color: #fff;
}
.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #4a4a4a;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
}
.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 0px solid #101820;
}
.woocommerce table.shop_table {
    margin-bottom: 90px;
    padding-left: 5px;
}
.woocommerce button#place_order.button.alt {
    margin-top: 60px;
}
.woocommerce button#place_order.button.alt:hover {
    color: #94644a;
	background-color:#fff;
}
.woocommerce form .form-row.woocommerce-invalid label {
    color: #ee0000;
}
	
.woocommerce-checkout .select2-container--default .select2-selection--single {
	background-color:#101820;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
	background-color:#101820;
	text-transform:uppercase;
}
.select2-dropdown {
	background-color:#101820;
}
.select2-results__option {
    color: #fff;
	background-color:#101820;
}


/* Formular 7  */
.xcontact-wrap .xwpcf7-submit {
	font-size:16px !important;
	color:#000;
	background-color:#fff;
	text-transform:uppercase !important;
	cursor:pointer;
}
.woocommerce form .form-row select {
    cursor: pointer;
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output {
	margin:  30px 0px 30px 0px;
	padding: 10px 10px;
	color:#000;
    border-color: #ffb900;
	background-color:#ffb900;
}
.wpcf7 form .anrede .wpcf7-list-item-label {
	xcolor:#fff000;
	padding-left: 6px;
	padding-right: 4px;
}
.wpcf7 form .datensch div {
    padding-top: 10px;
    padding-bottom: 5px;
}
.form-control::-webkit-input-placeholder{color:#808080;opacity:1}
.form-control:-ms-input-placeholder{color:#808080;opacity:1}
.form-control::-ms-input-placeholder{color:#808080;opacity:1}
.form-control::placeholder{color:#808080;opacity:1}
.form-control:disabled,.form-control[readonly]{background-color:#d8dadb;opacity:1}

form input::placeholder,
form textarea::placeholder,
.wpcf7 form input::placeholder,
.wpcf7 form textarea::placeholder {
	color: #808080;
	opacity:1;
}



/* German Market */
.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1 {
    float: left;
    max-width: 48%;
}
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2 {
    float: right;
    max-width: 48%;
}
@media only screen and (max-width:768px) {
	.woocommerce .col2-set .col-1, 
	.woocommerce-page .col2-set .col-1 {
		float: left;
		max-width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
	.woocommerce .col2-set .col-2, 
	.woocommerce-page .col2-set .col-2 {
		clear:both;
		float: left;
		max-width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
}

/***************************************************/

.startseite-stoerer {
	position:fixed;	
	z-index: 258;
	top: 95px;
	right: 160px;
	width: 180px;
}
@media only screen and (max-width:1200px) {
	.startseite-stoerer {
		right: 90px;
	}
}
@media only screen and (max-width:800px) {
	.startseite-stoerer {
		right: 40px;
		top: 97px;
	}
}
@media only screen and (max-width:600px) {
	.startseite-stoerer {
		right: calc(50% - 90px);
	}
}

.startseite-stoerer img {
    width: 100%;
	height: auto;
}

/***************************************************/

.mobile-an {
	display:none;
}
.mobile-aus {
	display:block;
}
@media only screen and (max-width:768px) {
	.mobile-an {
		display:block;
	}
	.mobile-aus {
		display:none;
	}
}

.tablet-an {
	display:none;
}
.tablet-aus {
	display:block;
}
@media only screen and (max-width:1024px) {
	.tablet-an {
		display:block;
	}
	.tablet-aus {
		display:none;
	}
}

/* shop */
.shop-section ins, .products-archive ins{
	background: #94644a;
	padding: 0 5px;
	display: none;
}
.woocommerce a.remove:hover{
	background: #94644a !important;
}
.widget_shopping_cart_content ins, .shop_table ins{
	background: #94644a;
	padding: 0 5px;
}
.box-shop-archive del{
	 text-decoration: none !important;
}

/* formular ohne linie*/

.wpcf7 form .wpcf7-response-output { 
	border:none;	
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0;
}


/*ccm-link footer */
@media only screen and (max-width:700px) {
	.footer-menu-cc {
		display:none;	
	}
}