/*
Theme Name: Wundersee.com
Author: Andreas Wundersee
Author URI: http://www.onoffdesign.de/
Description: Ein Wordpress-Template von ON/OFF Design
Version: 1.0
*/

.vita-wrapper strong {
    font-weight: 500;
}

.vita-wrapper {
    font-weight: 300;
    padding-top:0px;
    font-size: 90%;
}

.vita-wrapper a:hover {
    text-decoration: underline;
}

.flex-row {
    display: flex;
}

.flex-stretch {
    align-items: stretch;
    align-content: stretch;
}

.align-bottom {
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
}

.flex-row .text-right {
    justify-content: flex-end;
}

.decide .opener {
    text-decoration: underline;
    font-weight: 500;
}

.decide span {
    font-size: 22px;
}

.decide {
    margin-bottom: -4px;
    margin-bottom: 40px;
}

.decide-wrapper {
    display: none;
}

.decide-wrapper.opener {
    display: block;
}

.footer-funnel h3 {
    font-family: carlmarx, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 35px;
    margin-bottom: 0px;
    margin-top: 25px;
}

.hide-tax .legal-price-info {
    display: none;
}

.nft-termine-wrapper {
    margin-top:-30px;
}

.nft-termine-wrapper .padding-20 {
    padding-top:30px;
}

.nft-termine-wrapper .calender-wrapper {
    background-color:#fff;
}

.exhibition-wrapper a.ovr {
    position: absolute;
    bottom:-20px;
    left:40px;
    width:400px;
    background-color:#F3F3F3;
    color:#000;
    z-index: 10;
}

.exhibition-wrapper a.ovr span {
    display: block;
    font-size: 16px;
    /* background-color: red; */
    position: relative;

}

.btn.big {
	font-size: 18px;
	text-transform: uppercase;
}

.nft-header .glitch {
  animation: glitch 1s linear infinite;
    position: relative;
}

.nft-header .glitch:before,
.nft-header .glitch:after{
  content: attr(title);
  position: absolute;
  left: 0;
    color:#90ff18;
    z-index: 0;
    
}

.nft-header .glitch:before {
  /* animation: glitchTop 3s linear infinite; */
  clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);
    transform: translate(-22px,5px) skew(21deg); 
}

.nft-header a:hover .glitch:before {
    animation: glitchTop 1s linear infinite;
}

@keyframes glitchTop{
  2%,64%{
    transform: translate(2px,-2px);
  }
  4%,60%{
    transform: translate(-2px,2px);
  }
  62%{
    transform: translate(13px,-1px) skew(-13deg); 
  }
}

.nft-header .glitch:after{
  /* animation: glitchBotom 3.5s linear infinite; */
  clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0 100%);
  transform: translate(2px,-1px);
}

@keyframes glitchBotom{
  2%,64%{
    transform: translate(-2px,0);
  }
  4%,60%{
    transform: translate(-2px,0);
  }
  62%{
    transform: translate(-22px,5px) skew(21deg); 
  }
}

.text-only {
	float: left;
	margin-top:25px;
	background-color:#fff;
	padding:5px;
	line-height: 1;
	background-color:#009FE3;
	color:#000;
	color:#fff;
}

.text-only.margin-right {
	margin-right: 20px;
}

.calender {
    display: block;
    float: left;
    margin-right: 20px;
}

.calender-wrapper {
    width:50px;
    border:1px solid #000;
    border-radius: 5px;
}

.titelgrafik {
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    height:40%;
    max-height: 400px;
    z-index: 100;
}

.home .heading-wrapper .inner-wrapper {
    margin: auto;
}

.calender-wrapper .month {
    width:100%;
    background-color:#000;
    color:#fff;
}

.banner-header .calender-wrapper .month {
	background-color:#009FE3;
}

.banner-header .calender-wrapper {
	border-color:#009FE3;
}

.calender-wrapper .day {
    line-height: 35px;
    font-size: 23px;
}

.single .calender-wrapper {
    width:42px;
}

.single .calender .font-14 {
    font-size: 12px;
}

.single .calender-wrapper .day {
    font-size: 18px;
}

.single .termin-title-wrapper {
    font-size: 15px;
}

.single.landingpage .calender-wrapper {
	width:90px;
}

.single.landingpage .calender .font-14 {
    font-size: 16px;
}

.single.landingpage .calender-wrapper .day {
    font-size: 44px;
	line-height: 63px;
}

.single.landingpage .termin-title-wrapper {
    font-size: 18px;
}

.header-wrapper {
    display: flex;
    align-items: center;
}

.shop-img-wrapper.big-button-text .btn {
    font-size: 30px;
    text-transform: uppercase;
    font-family: carlmarx, sans-serif;
    transform: translate(0%,-50%);
    text-align: center;
    display: block;
    left: 0px;
    right: 0px;
    width: 100%;    
    border:none !important;
    background-color:#fff;
    color:#000;    
}

a:hover .shop-img-wrapper.big-button-text .btn {
    background-color:#000;
    color:#fff;
}

.black-background .shop-img-wrapper.big-button-text .btn {
    background-color:#000;
    color:#fff;
}

.black-background a:hover .shop-img-wrapper.big-button-text .btn {
    background-color:#fff;
    color:#000;
}

.grey-background .shop-img-wrapper.big-button-text .btn {
    background-color:#F3F3F3;
    color:#000;
}

.grey-background a:hover .shop-img-wrapper.big-button-text .btn {
    background-color:#000;
    color:#F3F3F3;
}

.btn.text-normal, .btn.big.text-normal {
    text-transform: inherit;
}

#fullscreen {
	position: absolute;
	left:0px;
	background-color:red;
	width:20px;
	height: 20px;
	z-index: 10;	
}

.nft-space .white-bg {
	background-color:#fff;
	color:#000;
}

.nft-space .storytelling:before, .nft-space .living:before, .nft-space header:before, .nft-space header:after {
	background-color:#00ff01;
}

.hidden-nft.sublabel, .nft-space .sublabel, .nft-header .sublabel {
	display: none;
}

.nft-space .hidden-nft.sublabel, .nft-header .hidden-nft.sublabel {
	display: block;
}

.nft-header .header:before, .nft-header .storytelling:before, .nft-header .living:before, header:before, .nft-header header:after {
    background-color:transparent;
}

.nft-header header .outer-wrapper:after, .nft-header header .outer-wrapper {
    background-color:#90ff18;
}

.nft-header header .outer-wrapper:after {
    content:"";
    position: absolute;
    left:-100%;
    width:100%;
    background-color:#90ff18;
    top:0px;
    bottom:0px;
    z-index: 100;  
}

.nft-space .over-top-wrapper {
	background-color:#060b07;
	color:#fff;
}

.nft-space .over-top-wrapper .grey-background {
	color: #000000;
}

.pan-icon {
	width:30px;
	position: absolute;
	right:45px;
	top:-70px;
}

.archive .image-wrapper.no-height {
	height:auto;
}

#panorama {
	width: 100%;
	max-height: 550px;
    height: 70vh;
}

.image-wrapper.black-bg {
	background-color:#060b07;
}

.pnlm-sprite.pnlm-hotspot.pnlm-info {
	background-image:url(img/nftlogo-2.png);
	background-size:26px 26px;
}

body .pnlm-hotspot:hover {
	background-color: transparent;
}

.pnlm-tooltip span {
	font-size: 14px;
    width: 140px !important;
    margin-left: -70px !important;
    margin-top: -64px !important;	
}

.pnlm-container a {
	position:initial !important;
}

.lg-third .col-md-4:nth-child(3n+1) {
	clear: both;
}

body div.pnlm-tooltip span {
	background-color:rgba(255,255,255,0.7);
	color:#333;
}

body div.pnlm-tooltip:hover span:after {
    border-color: rgba(255,255,255,0.7) transparent transparent transparent;	
}

/* Blorm */

header .outer-nav-wrapper a.wunder-logo {
    padding-left: 10px;
    padding-right: 0px;
}

header .outer-nav-wrapper a.wunder-logo:hover span {
    transform: rotate(33deg);
    color: grey;
}

header .outer-nav-wrapper a.wunder-logo:hover span:before {
    color: grey;
}

header .outer-nav-wrapper a.wunder-logo span {
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
    position: relative;
    display: inline-block;
}

.blorm-border {
	border-radius: 0px 0px 5px 5px;
}



.white-bg {
	background-color:rgba(255,255,255,0.8);
}

.padding-20 {
	padding:10px 20px;
}

.available-on-blorm .blormWidget.blormwidget-template-tag {
    display: inline-block;
    width: auto;
    margin-left: 10px;
    top: 7px;	
}

.available-on-blorm {
	-moz-opacity: 0.2;
	filter:alpha(opacity=20);
	opacity:0.2;	
}

.available-on-blorm:hover {
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	opacity:1;	
}

.blorm-wrapper img {
	width:100%;
	height:auto;
}

.outer-blorm-wrapper.color-white a {
	color:#fff;
}

.outer-blorm-wrapper.color-white a.underline:after {
	background-color:#fff;
}

/* .outer-blorm-wrapper .blorm-display-posts-widget-element-excert {
	margin-top:40px;
}

.outer-blorm-wrapper .blorm-display-posts-widget-element .blormWidgetImageWrapper .blormWidgetImagelayerWidget {
	position: relative;
    display: block;
	background-image: none;
	width:auto;
	height:auto;
	bottom: inherit;
	left: inherit;
}

.outer-blorm-wrapper .blorm-wrapper img {
	display: block;
	position: relative;
}

.outer-blorm-wrapper .blormWidgetImageWrapper a {
	display: block;
	position: relative;
}

.outer-blorm-wrapper .blormWidget .FloatLeft {
	float: none;
	clear: both;
	position: relative;
	display: block;
}

.color-white .material-icons {
	color:#fff;
} */

/* Blorm */

.border-top {
	width: 100%;
	border-top:1px solid grey;
	position: relative;
	height:20px;
}

header .sublabel strong {
	font-weight: 300;
}

.bread br, .new-page-footer-wrapper {
    display: none !important;
}

.home .heading-wrapper .icon-art {
	display: none !important;
}

.map {
    position: relative;
    overflow: hidden;
}

.map #map_canvas, .map, .map .BorlabsCookie, .map .BorlabsCookie ._brlbs-content-blocker, .map .BorlabsCookie ._brlbs-content-blocker ._brlbs-google-maps {
    width: 100%;
    height: 550px;
    margin-bottom: 0px;
}

body #yikes_mailchimp_checkbox_woocommerce_checkout_form_field input {
	display: none;
}

body #yikes_mailchimp_checkbox_woocommerce_checkout_form_field label {
	padding-left: 25px;
}

#yikes_mailchimp_checkbox_woocommerce_checkout_form_field, #order_review {
	position: relative;
}

#yikes_mailchimp_checkbox_woocommerce_checkout_form_field:before {
	position: relative;
	content : "Newsletter abonnieren";
	width: auto;
	margin-top:40px;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 500;
	display: block;
}

.hover-image-wrapper.shop .title.yellow {
	background-color:#ffd800;
}

.drittel-wrapper .col-sm-4:nth-child(3n+1) {
	clear: both;
}

.hover-image-wrapper.shop.buch .title.top {
    font-size: 20px;
}

.hover-image-wrapper.shop.buch .title-wrapper {
    bottom: 100px;
	top:auto;
}

header .outer-nav-wrapper {
	display: flex;
	align-content: space-between;
	float:right;
}

header .outer-logo-wrapper {
	display: flex;
	float: left;
	margin-top:20px;
}

header .outer-nav-wrapper a {
	padding: 20px;
}

.inner-content .inner-content-header h2 {
	line-height: 1;
	font-family: 'SimplonMono', Arial, sans-serif;
    font-size: 20px;	
}

.inner-content .inner-content-header .sublabel, header .sublabel {
	line-height: 1;
	top:0px;
}

header .outer-nav-wrapper a .inner-content {
	height:56px;
	display: flex;
	align-items: center;
}

header a.kunst-wrapper:hover, header a.galerie-wrapper:hover, header a.bureau-wrapper:hover {
	color:#fff;
}

header a.kunst-wrapper:hover {
	background-color: #009FE3;
}

header a.black-wrapper:hover {
	background-color: #000;
	color:#fff;
}

header a.galerie-wrapper:hover {
	background-color: #FFD31C;
}

header a.bureau-wrapper:hover {
	background-color: #EF54A9;
}

.wartungs-wrapper {
	height:80vh;position:relative;margin-top:-110px;
	min-height: 650px;
}

.inner-wartungs-wrapper {
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
	width:100%;
	max-width: 500px;
	padding:20px;
}

.videowrapper.playButton:hover {
	cursor: pointer;
}

.videowrapper.playButton:after {
	content: "";
	background-image:url(img/play-1.png);
	position: absolute;
	z-index: 20;
	background-position: center center;
	height:30px;
	width:30px;
	bottom:10px;
	right:10px;
	background-size:30px 30px;
}

.videowrapper.playButton:before {
	content: "";
	height:0px;
	width:0px;
	position: absolute;
	z-index: 15;
	background-color:#fff;
	border-radius: 50%;
	right:20px;
	bottom:20px;
}

.videowrapper.playButton:hover:before {
	height:40px;
	width:40px;
	right:5px;
	bottom:5px;
}

.videowrapper .overimage {
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	z-index: 10;
}

.storytelling-examples .excerpt, .storytelling-examples .full {
	height:0px;
	overflow: hidden;
	width:100%;
	padding-left:20px;
	padding-right: 20px;
}

.storytelling-examples .first, .storytelling-examples .firstMd, .storytelling-examples .firstSm, .storytelling-examples .second, .storytelling-examples .secondMd, .storytelling-examples .secondSm, .storytelling-examples .third, .storytelling-examples .thirdMd, .storytelling-examples .firstSm, .storytelling-examples .fourth {
	padding:0px;
}

.storytelling-examples .col:hover {
	cursor: pointer;
}

.storytelling-examples .col .inner-image-wrapper:after {
	content:"∨";
	position: absolute;
	bottom: 13px;
	left:50%;
	transform: translateX(-50%);
	z-index: 20;
	color:#fff;
	background-color:#000;
	width:20px;
	line-height: 20px;
	height:20px;
	text-align: center;
	border-radius: 50%;
	opacity: 0;
}

.storytelling-examples .col:hover .inner-image-wrapper:after {
	opacity: 1;
	bottom: 10px;
}

.storytelling-examples .col.active:hover .inner-image-wrapper:after {
	transform: rotate(180deg) translateX(50%);
	bottom: 13px;
}

.storytelling-examples .col.active .inner-image-wrapper:after {
	transform: rotate(180deg) translateX(50%);
}

.storytelling-examples .col:hover h4, .storytelling-examples .col.active h4 {
	top:52%;
}

.storytelling-examples .col.active .excerpt {
	height:auto;
	padding:20px;
	padding-bottom: 60px;
}

.storytelling-examples .col.active:hover h4 {
	top:50%;
}

.storytelling-examples .row {
	margin:0px;
}


header .icon-avatar .path1:before {
	color:transparent;
}

.post-type-archive-product .image-wrapper .heading-wrapper h1 {
	margin-left:0px;
	margin-top:0px;
}

.post-type-archive-product .image-wrapper .heading-wrapper {
	position: relative;
}

.single-product .new-margin-header {
	margin-top: 90px;
}

.single-product.single h1 {
	color:#000;
	font-size: 30px;
	margin-bottom: -20px;
}

.download-icon {
	display: inline-block;
	margin-right: 40px;
	text-align: center;
	margin-top:40px;
	position: relative;
}

.download-icon img {
	display: block;
	width:60px;
	margin:auto;
	margin-bottom: 10px;
	z-index: 10;
	position: relative;
}

.download-icon:before {
	content:"";
	width:88px;
	height:88px;
	border:2px solid transparent;
	position: absolute;
	top:-5px;
	left:50%;
	transform: translateX(-50%);
	border-radius: 4px;
	z-index: 0;
}

.download-icon:hover:before {
	border-color:#bfbfbf;
	background-color:#efefef;
}

.download-icon:hover span {
	background-color:#009FE3;
	color:#fff;
}

.download-icon span {
	display: inline-block;
	background-color:#bfbfbf;
	padding:2px 5px;
	border-radius: 4px;
	color:#efefef;
}

.image-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.page-template-storytelling .image-wrapper .black-wrapper {
    display: none;
}

.image-bg .black-bg {
    background-color: rgba(0,0,0,0.9);
}

.bg-video {
  position: absolute; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}

.bg-video video {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
  width:auto;
}

.gif-footer {
	max-width: 200px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.third-outer-wrapper .hover-link:nth-child(3n+3) .col-sm-4 {
	margin-bottom: 100px;
}

.year-year {
	float:left;
	width:100px;
	clear: both;
	position: relative;
}

.year-content {
	display: block;
	float: left;
	margin-bottom: 10px;
	max-width: 450px;
}

.year-content:after {
	clear: both;
	display: block;
	content: "";
	position: relative;
}

h4.clear {
	clear: both;
}

.new-book {
	background-color:rgba(255,255,255,0.96);
}

body .new-book .yikes-easy-mc-form .yikes-easy-mc-submit-button {
	margin-left: 0px;
}

#yikes_mailchimp_checkbox_woocommerce_checkout_form_field .checkbox input[type=checkbox] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    appearance: checkbox !important;
}

.woocommerce-checkout h3#order_payment_heading {
	display: none;
}

.order-total .label {
	text-align: right;
}

body .cart_item .wc-gzd-item-desc p {
	font-weight: 300;
	font-size: 17px;
	max-width: 400px;
	margin-top: 25px;
}

.home .total-activities {
    top: -5px;
	margin-right:15px;
	margin-top:0px;
}

img.alook {
	max-width: 200px;
}

.home .more-activity a.btn {
	top: -5px;
	margin-top:0px;
}

.therapie h3 {
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 30px;
	position: relative;
	display: inline-block;
	z-index: 10;
	color:#fff;
}

h2.article-5944, .single.postid-5944 h1, h3.article-5944 {
	position: relative;
	display: inline-block;
}

h2.article-5944:before {
	position: absolute;
	content:"";
	width:100%;
	top:12px;
	height:1px;
	border-bottom: 4px dashed #000;
	z-index: 10;
}

h3.article-5944:before {
	position: absolute;
	content:"";
	width:100%;
	top:7px;
	height:1px;
	border-bottom: 3px dashed #000;
	z-index: 10;
}

.single.postid-5944 h1:before {
	position: absolute;
    content: "";
    width: 100%;
    top: 19px;
    height: 1px;
    border-bottom: 7px dashed #fff;
    z-index: 10;
}

.therapie {
	position: relative;
	display: inline-block;	
	padding-left:10px;
	padding-right: 10px;
}

.therapie:before {
	content: "";
	background-color:#009FE3;
	height:10px;
	width:100%;
	position: absolute;
	top:34px;
	z-index: 0;
	left:0px;
} 

.therapie h3:before {
	content: "";
	background-color:#EF54A9;
	height:10px;
	width:100%;
	position: absolute;
	top:24px;
	z-index: 20;
	left:0px;	
}

.therapie:after {
	content: "";
	background-color:transparent;
	height:1px;
	border-bottom: 10px solid #FFD31C;
	width:100%;
	left:0px;
	position: absolute;
	top:24px;
	z-index: 0;
} 

.outer-wrapper table {
	width: 100%;
	
}

form.variations_form {
	padding-right:25px;
}

form.variations_form .woocommerce-variation-availability {
	margin-top: 15px;
	font-weight: 300;
}

form.variations_form button.single_add_to_cart_button {
	border-radius: 0px;
	/* margin-top: 50px; */
}

.outer-wrapper table .left {
	left:0px;
	width:auto;
	min-width: 60px;
	text-transform: uppercase;
	font-weight: 300;
}

.outer-wrapper table.variations {
	margin-top: 25px;
	margin-bottom: 25px;
}

.outer-wrapper table .right {
	width:auto;
	right:0px;
	left:0px;	
	text-align: right;
}

table .right span.price {
	font-weight: 600;
	font-size: 17px;
}

.bg-black {
	background-color: #000;
	color:#fff;
	display: inline-block;
	padding:8px 15px;
}

.color-orange {
	color: #f5a623;
}

del .color-orange {
	color: #f5a623;
	text-decoration: line-through;
}

.color-green {
	color: #6eb02c;
}

del .color-green {
	color: #6eb02c;
	text-decoration: line-through;
}

.color-yellow {
	color: #FFD31C;
}

del .color-yellow {
	color: #FFD31C;
	text-decoration: line-through;
}

.color-cyan {
	color: #009FE3;
}

del .color-cyan {
	color: #009FE3;
	text-decoration: line-through;
}

.color-magenta {
	color: #EF54A9;
}

del .color-magenta {
	color: #EF54A9;
	text-decoration: line-through;
}

del .color-magenta .color-yellow {
	text-decoration-color: #EF54A9;
}

del .color-magenta .color-cyan {
	text-decoration-color: #EF54A9;
}

.color-black, .color-black:before, .color-black:after {
	color: #000;
}


button.single_add_to_cart_button {
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* Submenu */

.modal-mobile ul.sub-menu li a {
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 5px;
    text-transform: none;	
}

.modal-mobile li.menu-item-has-children a {
	margin-bottom: 5px;
}

.modal-mobile ul.sub-menu {
	margin-left: 10px;
	margin-bottom: 10px;
}

li.menu-item-has-children a {
	position: relative;
	z-index: 10;
}

li.menu-item-has-children ul a {
	z-index: 0;
}

.header ul.sub-menu {
	position: absolute;
	left:0px;
	margin:0px;
	padding-top: 30px;
	z-index: 0;
	text-align: left;
	height:0px;
	overflow: hidden;
} 

.header li:hover ul.sub-menu {
	height: auto;
	padding-top: 40px;
	min-width: 200px;	
}

.header li ul.sub-menu li:hover {
	padding-left:5px;
}

#menu-hauptmenue li {
	position: relative;
}

.header ul.sub-menu li {
	margin: 0px;
	display: block;
}

.header #topMenu ul.sub-menu li a {
	font-size: 18px;
}

ul.sub-menu li a:after {
	background-color:transparent !important;
}

/* Strava */

.page-template-linktree .col-lg-offset-1 {
	margin-left:0px;
	width: 41.66666667%;
}

.page-template-linktree .margin-top.trainingstagebuch-shortcode {
	margin-top:0px;
}

@media (max-width:1200px) {
	
	header .inner-content-header span {
		display: none;
	}
	
	header .inner-content-header span.icon {
		display: inline-block;
	}

	.page-template-linktree .col-lg-offset-1 {
		width: 50%;
	}	
	
	.year-content {
		max-width: 350px;
	}
	
	.h2, h2 {
		font-size: 22px;
	}
	
	.half {
    	height: 500px;
	}

}

@media (max-width: 767px) {

	.pan-icon {
		right:35px;
		bottom:auto;
		top:20px;
	}	
	
	.year-content {
		max-width: 100%;
		float: none;
		clear: both;
	}	

	.page-template-linktree .col-lg-offset-1 {
		width: 100%;
	}	
	
}

.blog-nav.no-border {
	border:none;
}

.border-article {
	border-top: 1px solid #acacac;
}

.badge-wrapper .strava-badge {
    line-height: 32px;
	border: 1px solid #000;
    height: 30px;
    width: 30px;
}

.badge-wrapper {
	margin-bottom: 15px;
}

.badge-wrapper .font-30 {
    font-size: 18px;
}

.badge-wrapper .margin-right {
    margin-right: 25px;
}

.badge-wrapper small {
    font-size: 10px;
}

.badge-wrapper .strava-badge .icon, .badge-wrapper .strava-badge {
    font-size: 18px;
}

.page-template-trainingstagebuch .h1-wrapper .outer-wrapper h1 {
	text-align: left;
}

.trainingseinheiten-wrapper, .like-wrapper {
	margin-top:11px;
}

.like-wrapper {
	margin-left:20px;
}

.inline-wrapper #map_canvas {
	height:300px;
	margin-top:30px;
	margin-bottom: 20px;
	width:100%;
}

.trainingseinheiten-wrapper .icon {
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	opacity:0;
}

.trainingseinheiten-wrapper .circle {
	width:40px;
	height:40px;
	line-height: 40px;
	border:3px solid #f5a623;
	background-color:#f5a623;
	text-align: center;
	position: relative;
	border-radius: 50%;
	margin-right: 5px;
	display: inline-block;
	position: relative;
}

.trainingseinheiten-wrapper .circle:after {
	content:"";
	border:2px solid #fff;
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom: 0px;
	z-index: 10;
	border-radius: 50%;
}

.like-wrapper .circle {
	width:40px;
	height:40px;
	line-height: 40px;
	border:3px solid #ed4c1b;
	text-align: center;
	border-radius: 50%;
	margin-right: 5px;
	display: inline-block;
	position: relative;
}

.inline-wrapper h3 {
	margin-top:0px;
}

.inline-wrapper .col-sm-2 a {
	hyphens: none;
	display: inline-block;
}

span.future {
	width:4px;
	height:4px;
	border-radius: 50%;
	background-color:grey;
	display: inline-block;
}

.maps-wrapper #mapButtons {
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index: 100;
}

.maps-wrapper #mapButtons {
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	opacity:1;
}

#mapButtons {
	position:absolute;
	top:12px;
	left:12px;
	height:26px;
	width:52px;
}

#mapButtons div {
	height:26px;
	width:26px;
	background-color: #353535;
	float:left;
	color:#fff;
	font-size:18pt;
	text-align:center;
	line-height: 26px;
	font-family: Arial, sans-serif;
}

#mapButtons div#minus {
	line-height: 21px;
}

#mapButtons div:hover {
	cursor: pointer;
	background-color: #fff;
	color:#353535;
}

.single .strava-badge .icon-like {
    position: absolute;
    top: -27px;
    font-size: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.innereventwrapper a {
	display: block;
}

.innereventwrapper .icon-like {
	position: absolute;
    font-size: 36px;
    left: 50%;
    display: block;
    transform: translateX(-50%);
    top: 5px;
    z-index: 120;	
}

.siebtel .day {
	margin-bottom: 7px;
}

.innereventwrapper a:hover .icon-like {
	font-size: 40px;
	top:1px;
}

.single-sport span.prev, .single-sport span.next {
	font-size: 30px;
}

.single-sport span.prev.ended, .single-sport span.next.ended {
	-moz-opacity:0.3;
	filter:alpha(opacity=30);
	opacity:0.3;	
}

.single-sport span.prev.ended:hover, .single-sport span.next.ended:hover {
	-moz-opacity:0.3;
	filter:alpha(opacity=30);
	opacity:0.3;	
	cursor: inherit;
	color:#000;
}

.single-sport span.prev:hover {
	cursor: pointer;
	color:grey;
}

.single-sport span.next:hover {
	cursor: pointer;
	color:grey;
}

#map_canvas {
	width:100%;
	height:400px;
}

.eventwrapper {
	display: flex;
    flex-direction: column-reverse;	
}

.totalyear {
	top: -12px;
}

.longest-ride, .longest-run {
	top: -13px;
}

.total-activities {
	margin-top:40px;
}

body .sidebar {
	position: absolute;
	top:0px;
	margin-left:-100px;
}

.border {
	height:24px;
	width:3px;
	background-color:transparent;
	position: absolute;
	left:-8px;
	top:-2px;
}

.border#sep, .border#aug, .border#jul, .border#jun, .border#may, .border#mai, .border#apr, .border#mar, .border#maer, .border#feb, .border#jan {
	background-color:#000;
}

.border#aug {
	top:35px;
}

.border#jul {
	top:71px;
}

.border#jun {
	top:106px;
}

.border#may, .border#mai {
	top:145px;
}

.border#apr {
	top:182px;
}

.border#mar, .border#maer {
	top:219px;
}

.border#feb {
	top:256px;
}

.border#jan {
	top:291px;
}

.sidebar.fixed {
	position: fixed;
	margin-top:150px;
}

.sidebar.fixed.bottom {
	top:auto;
	bottom:0px;
	position: absolute;
} 

.sidebar-month {
	margin-bottom: 15px;
	font-weight: 300;
	color:grey;
	line-height: 22px;
}

.sidebar-month.active {
	color:#000;
	font-weight: 500;
}

.sidebar a:hover .sidebar-month {
	color:#000;
}

.more-information {
	position: relative;
	overflow: hidden;
	width:100%;
}

.more-information small {
    font-size: 8px;
}

.more-information .font-30 {
    font-size: 17px;
}

.trainingOverview {
	display: flex;
    align-items: flex-end;
    justify-content: flex-end;	
}

.weekBar {
	float: right;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	position: relative;
}

.weekBar .month {
	position: absolute;
	left:0px;
	bottom: -30px;
}

.singleBar {
	width:100%;
}

.singleBar.run {
	background-color:#f5a623;
}

.singleBar.ride {
	background-color:#63c29a;
}

.inline-block {
	display: inline-block;
}

.tagebuch .icon, .strava-badge .icon {
	font-size: 30px;
	line-height: 1;
}

.strava-badge {
	line-height: 50px;
	height:50px;
	width:50px;
	border:2px solid #000;
	border-radius: 50%;	
	font-size: 30px;
	position: relative;
}

.float {
	float:left;
}

.margin-right {
	margin-right:40px;
}

.small-margin-right {
	margin-right: 15px;
}

.siebtel {
	float:right;
	width:14.2%;
	position: relative;
}

.single-sport .siebtel {
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	opacity:0.7;	
}

.single-sport .siebtel.active {
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;	
}

.siebtel .active {
	position: absolute;
	height:5px;
	width: 5px;
	background-color:red;
	border-radius: 50%;
	left:50%;
	bottom:-20px;
	transform: translateY(-50%);
}

.funftel {
	float: left;
	width:20%;
}

.siebtel .risk {
	color:#fff;
	background-color:#eb5f2a;
	line-height: 36px;
	margin-top: 34px;
	border-radius: 5px;
	border: 3px solid transparent;
	position: relative;
}

.siebtel a:hover .risk {
	border:0px solid #fff;
	line-height: 42px;
}

.siebtel .risk.before-1.after-1 {
	width:300%;
	left:-100%;
}

.siebtel .risk.after-1 {
	width:200%;
	left:0%;
	position: relative;
	z-index: 2;
}

.siebtel .risk:after {
	content:'';
	position: absolute;
	z-index: 100;
	content: '';
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
	border:2px solid #fff;
}

.siebtel a:hover .risk:after {
	border:0px solid #fff;
}

.siebtel .circle {
	border-radius: 50%;
	display: inline-block;
	color:#fff;
	font-weight: 500;
	font-size: 14px;
	border: 3px solid transparent;
	position: relative;
}

.siebtel a .circle:after {
	position: absolute;
	border-radius: 50%;
	width:100%;
	height:100%;
	border:2px solid #fff;
	z-index: 100;
	content: '';
	top:0px;
	left:0px;
}

.siebtel a:hover .circle:after {
	border:0px solid #fff;
}

.siebtel a:hover .circle {
	border:0px solid #fff;
}

.mini-circle {
	width:40px;
	height:40px;
	line-height: 45px;
	border-radius: 50%;
	display: inline-block;
	color:#fff;	
	text-align: center;
	font-size: 24px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.mini-circle .icon {
	line-height: 1;
}

.siebtel .ruhetag {
	line-height: 60px;
	margin-top:25px;
	margin-bottom: 25px;	
}

.siebtel .circle.small {
	width:60px;
	height:60px;
	line-height: 60px;
	margin-top:25px;
	margin-bottom: 25px;	
}

.siebtel .circle.medium {
	width:80px;
	height:80px;
	line-height: 80px;
	margin-top:15px;
	margin-bottom: 15px;	
}

.siebtel .circle.big {
	width:100px;
	height:100px;
	line-height: 100px;
	margin-top:5px;
	margin-bottom: 5px;
}

.siebtel .circle.Run, .mini-circle.run {
	background-color:#f5a623;
}

.siebtel .circle.Hike, .mini-circle.hike {
	background-color:grey;
}

.siebtel .circle.Ride, .mini-circle.ride {
	background-color:#63c29a;
}

.border-bottom {
	border-bottom: 3px solid #a9a9a9;
}

@media (max-width:1700px) {
	
	.trainingswochen {
		margin-left: 80px;
	}
	
	body .sidebar {
		margin-left: -70px;
	}	
	
}

@media (max-width:1300px) {
	
	.totalyear-outer {
		display: block;
		margin-bottom: 10px;
	}
	
	.cycling.totalyear, .longest-ride {
		min-width: 220px;
		margin-right: 0px;
	}
	
	.wochenwrapper h2 {
		font-size: 25px;
	}
	
	.wochenwrapper .total-value {
		font-size: 20px;
	}
	
	.siebtel .circle.big {
		width: 80px;
		height: 80px;
		line-height: 80px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	.siebtel .circle.medium {
		width: 70px;
		height: 70px;
		line-height: 70px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.innereventwrapper .icon-like {
		font-size: 28px;
		top: 8px;
	}	
	
}

@media (max-width:1200px) {
	
	.mini-circle {
		width: 20px;
		height: 30px;
		line-height: 30px;
		background-color:transparent;
	}
	
	.mini-circle.ride {
		color: #63c29a;
		background-color:transparent;
	}
	
	.mini-circle.run {
		color: #f5a623;
		background-color:transparent;
	}
	
	.mini-circle.hike {
		color: grey;
		background-color:transparent;
	}	
	
	.wochenwrapper .total-value {
		font-size: 18px;
	}
	
	.block-md {
		display: block;
	}
	
	body .sidebar {
		font-size: 16px;
		margin-left: -50px;
	}
	
	.sidebar-month {
		line-height: 13px;
	}
	
	.trainingswochen {
		margin-left: 60px;
	}
	
	.border {
		height: 15px;
		width: 2px;
	}
	
	.border#aug {
		top: 26px;
	}
	
	.border#jul {
		top: 54px;
	}
	
	.border#jun {
		top: 82px;
	}
	
	.border#may, .border#mai {
		top: 110px;
	}
	
	.border#apr {
		top: 138px;
	}
	
	.border#mar, .border#maer {
		top: 166px;
	}
	
	.border#feb {
		top: 192px;
	}
	
	.border#jan {
		top: 222px;
	}
	
}

/* WP Polls */

.wp-polls-ans input.btn {
	background-color: transparent;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;	
	text-transform: uppercase;
}

.wp-polls-ans input.btn:hover {
	background-color: #000;
}

.wp-polls-form strong, .wp-polls strong {
	font-size: 24px;	
	margin-bottom: 10px;
}

.wp-polls small {
	margin-top: 5px;
}

.wp-polls ul li {
	position: relative;
	display: inline-block !important;
	padding-left:25px;
	margin-right:10px;
	margin-left:10px;
}

@media (max-width:1024px) {
	
	.wp-polls ul li {
		display: block !important;
		margin-bottom: 10px;
	}
	
	
	
}

.radio .wp-polls label:after {
	top:2px;
}

.radio input[type=radio]:checked:hover+label:after {
	background-color:#000;
}

body ul.wp-polls-ul {
	text-align: center;
	margin-left: 0px;
	margin-bottom: 20px;
}

body .wp-polls-ans a {
	text-decoration: none !important;
	border-bottom: none;
	font-weight: 300;
	font-size: 15px;
}

body .wp-polls-ans a.btn {
	border-bottom:1px solid #000;
	margin-top:10px;
}

/* Hochzeit */

.page-id-4507 .intro {
	font-size: 40px;
	font-weight: 600;
	line-height: 125%;
}

.page-id-4507 h2 {
	font-weight: 600;
}

.page-id-4507 p {
	font-size: 25px;
}

@media (max-width:992px) {
	
	.page-id-4507 .intro {
		font-size: 36px;
	}

	.page-id-4507 p {
		font-size: 20px;
	}
	
	.page-id-4507 .left h2 {
		font-size: 65px;
	}
	
}

@media (max-width:767px) {
	
	.page-id-4507 .intro {
		font-size: 30px;
	}
	
}

.page-id-4507 input {
	width:100%;
	max-width: 600px;
	margin-top:5px;
	margin-bottom: 5px;
}

.page-id-4507 input.wpcf7-submit {
	width:auto;
	max-width: auto;
}

.page-id-4507 header, .page-id-4507 .background-image:after, .page-id-4507 .bread, .page-id-4507 .footer.black-background, .page-id-4507 .footer-home-wrapper, .page-id-4507 .mobile-menu-fixed {
	display: none;
}

.page-id-4507 .footer-distance {
	height:200px !important;
}

.page-id-4507 .header-image:after {
    content: "";
    position: absolute;
	height:180px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.wpcf7-checkbox label input, .wpcf7-acceptance label input {
	display: none;
}

.wpcf7-checkbox label span.wpcf7-list-item-label:before, .wpcf7-acceptance label span.wpcf7-list-item-label:before {
	content: '' !important;
	background-color:rgba(255,255,255,0.2);
	border: 2px solid #000;
	cursor: pointer;
	position: absolute;
	left:0px;
	height: 25px;
	width: 25px;
	top: 2px;
}

.page-id-4507 .wpcf7-checkbox span.wpcf7-list-item {
	margin-left: 0px;
	margin-right: 10px;
	font-weight: 300;
}

.non-touch .wpcf7-checkbox label:hover span.wpcf7-list-item-label:before, .non-touch .wpcf7-acceptance label:hover span.wpcf7-list-item-label:before {
	border-color:#00797f;
	background-color:rgba(255,255,255,0.6);
}

.non-touch .wpcf7-checkbox label:hover, .non-touch .wpcf7-acceptance label:hover {
	cursor: pointer;
}

.non-touch .wpcf7-checkbox input:checked+span.wpcf7-list-item-label:before, .wpcf7-checkbox input:checked+span.wpcf7-list-item-label:before, .non-touch .wpcf7-acceptance input:checked+span.wpcf7-list-item-label:before, .wpcf7-acceptance input:checked+span.wpcf7-list-item-label:before {
	background-color: transparent;
	border-color:#fff;
}

.wpcf7-checkbox input:checked+span.wpcf7-list-item-label, .wpcf7-acceptance input:checked+span.wpcf7-list-item-label {
	font-weight: 600 !important;
	color:#4ba53f;
}

.wpcf7-checkbox .last input:checked+span.wpcf7-list-item-label, .wpcf7-acceptance input:checked+span.wpcf7-list-item-label {
	color:#ea4a1f;
}

.wpcf7-checkbox label span.wpcf7-list-item-label, .wpcf7-acceptance label span.wpcf7-list-item-label {
	position: relative;
	padding-left:35px;
	display: block;
	font-weight: 300 !important;
	padding-top: 2px;
	font-size: 17px;
	width: 70px;
    display: inline-block;
	line-height: 150%;
}

.non-touch .wpcf7-checkbox input:checked+span.wpcf7-list-item-label:after, .wpcf7-checkbox input:checked+span.wpcf7-list-item-label:after, .non-touch .wpcf7-acceptance input:checked+span.wpcf7-list-item-label:after, .wpcf7-acceptance input:checked+span.wpcf7-list-item-label:after {
	content: '\e91a' !important;
	color:#4ba53f;
	position: absolute;
	top: 0;
    left: 0;
    font-size: 27px;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}

.wpcf7-checkbox .last input:checked+span.wpcf7-list-item-label:after {
	content: '\e91b' !important;
	color:#ea4a1f;
}

.page-id-4507 span.wpcf7-form-control-wrap {
	margin-top: 5px;
	display: block;
}
/* Homepage */

.home .header-image #video-wrapper.background-image:hover {
	cursor: url('img/play.png'), auto;	
}

.home .header-image #video-wrapper.play.background-image:hover {
	cursor: url('img/pause.png'), auto;	
}

/* .footer-home-wrapper {
	position: fixed;
	bottom:0px;
	left:0px;
	right:0px;
	z-index: 0;
} */

.over-top-wrapper {
	position: relative;
	z-index: 100;
	background-color:#fff;
}

.footer-distance {
	width:100%;
	position: relative;
	display: none;
}

.icon-star-bottom.font-33:before {
	color: #f5a623;
    font-size: 33px;
}

.icon-star-bottom.font-33 {
    top: 13px;
    position: relative;
}

a.hover-orange:hover {
	color:#f5a623;
}

.home .row-flex .item-img.background-image {
	width:100%;
	height:100%;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}

.home .blog-nav {
	border:none;
	margin-top:0px;
	padding:0px;
}


.trainingstagebuch-shortcode .outer-nav-wrapper {
	margin-left:20px;
	top: -5px;
    position: relative;	
}

.home .outer-nav-wrapper {
	margin-left:-5px;
}

.home .blog-nav a.btn, .trainingstagebuch-shortcode .blog-nav.no-border a.btn {
	margin-top:0px;
}

.home a.underline:hover .row-flex .item-img.background-image {
	width:110%;
	height:110%;
}

.display-inline-block {
	display:inline-block;
}

.home a.underline .item-img.background-image:after {
    background-color: rgba(0,0,0,0);
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 50%;
    height: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.image-wrapper-bg {
	position: absolute;
	z-index: 0;
}

.image-wrapper-bg img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
}

.home a.underline:hover .item-img.background-image:after {
    height: 100%;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
}

body.home.page .header-image, .home .header-image .outer-wrapper, body.page-id-73 .header-image {
	height:750px;
}

.banner-wrapper .header-image {
	opacity: 1 !important;
	overflow: hidden;
}

.banner-wrapper {
	position: relative;
    overflow: hidden;
    width: 100%;	
}

.home .banner-wrapper .header-image .outer-wrapper, .banner-wrapper .header-image .outer-wrapper {
	height: auto;
	margin-left: 15px;
    padding: 0px;
	max-width: 800px;
}

.banner-wrapper a .header-image:after, .banner-wrapper a .header-image:before {
	content:"";
	background-color:#f5a623;
	position: absolute;
	top:0px;
	left:0px;
	width:6px;
	bottom:0px;
	z-index: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;	
}

.banner-wrapper a .header-image:before {
	z-index: 5;
}

.recommended-work {
	position: absolute; 
	top: 10px; 
	left: 15px; 
	z-index: 100;
	font-weight:500;
	color:#f5a623;	
	right:15px;
	height:10px;
	width:200px;
}

.banner-wrapper a:hover .recommended-work {
	color:#666;
}

.banner-wrapper .outer-bg-wrapper {
	left:0px;
	top:0px;
	right:0px;
	bottom: 0px;
	position: absolute;
}

.banner-wrapper a:hover .outer-bg-wrapper {
	left:-15px;
	top:-15px;
	right:-15px;
	bottom: -15px;
}

.banner-wrapper a .header-image:after, .banner-wrapper a:hover .header-image:before {
	background-color:rgba(245, 166,35,0.5);
}

.banner-wrapper a:hover .header-image:after {
	width:100%;
	background-color:rgba(245, 166,35,0.5)
}

.banner-wrapper a {
	position: relative;
}

.banner-wrapper .header-image .outer-wrapper h2 {
	font-size: 60px;
	font-weight: 600;
}

.banner-wrapper .header-image .h1-wrapper {
	bottom: 0px;
}

.page-id-73 .header-image .h1-wrapper {
	display: none;
}

.page-id-73 .header-image .h1-wrapper.visible {
	display: block;
	bottom:0px;
}

.page-id-73 .background-image:after {
	background-color:transparent;
}

.page-id-73 .header-image:after {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 );
	bottom: auto;
    height: 240px;
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;	
}

.page-id-73 .header-image:before {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
	bottom: 0px;
    height: 140px;
	content: "";
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;	
}

.home .header-image .outer-wrapper {
	position: relative;
}

.overflow-hidden {
	overflow:hidden;
}

.square {
	position: absolute;
	border:5px solid #fff;
	z-index: 100;
}

.square span {
	position: absolute;
	left:10px;
	top:10px;
	color:#fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
}

.square.video span {
	top:auto;
	bottom:10px;
}

.square img {
	width:100%;
}

.square.installation {
	width:30%;
	left:25%;
	top:140px;
	max-width: 600px;
}

.square.malerei {
	width:25%;
	left:5%;
	top:240px;
}

.square.podcast {
	width:18%;
	right:18%;
	top:180px;
}

.square.blog {
	width:10%;
	right:25%;
	bottom:60px;
}

.square.video {
	width:30%;
	right:30%;
	bottom:30px;
	max-width: 600px;
}

.slogan, .sloganname {
	position: absolute;
	right:40px;
	bottom:20px;
	text-transform: uppercase;
	z-index: 100;
	font-weight: 300;
	color:#000;
}

.sloganname {
	right:auto;
	left:40px;
	font-weight: 500;
	color:#000;	
	font-size: 30px;
}

.sloganname h1 {
	font-weight: 500 !important;
	color:#000;	
	font-size: 30px !important;	
}

@media (max-width:1200px) {
	
	body.home.page .banner-wrapper .header-image, .banner-wrapper .header-images {
		height:600px;
	}
	
	.square.video, .square.installation {
		width:32%;
	}
	
	.square.blog {
		width:20%;
		right:15%;
	}
	
	.square.blog span {
		left:auto;
		right:10px;
	}
	
	.square.podcast {
		width:25%;
		right:14%;
	}
	
}

@media (max-width:992px) {

	.square.video, .square.installation {
		width:42%;
	}
	
	.square.podcast {
		width:28%;
		right:8%;
		top:200px;
	}	
	
	.square.podcast span {
		left:auto;
		right:10px;
	}	
	
	.sloganname {
		left: 30px;
	}
	
	.slogan {
		right: 30px;
	}	

	.page-template-trainingstagebuch .small-margin-top-header {
		padding-top: 70px;
	}	
	
	
	.header .outer-logo-wrapper, header .outer-nav-wrapper {
		display: inline-block;
		float: none;
		width:100%;
	}
	
	.header .outer-logo-wrapper {
		display: inline-block;
		float: left;
		width: inherit;
	}
	
	.mobile-menu-wrapper {
		margin-top: 20px;
		float: right;
	}
	
	.outer-nav-wrapper {
		
	}
	
	header .outer-nav-wrapper {
		text-align: center;
	}
	
	header .outer-nav-wrapper a .inner-content {
		height: auto;
		display: inline-block;
	}
	
	header .outer-nav-wrapper a {
		display: inline-block;
	}	
	
	
}

@media (max-width:767px) {
	
	.siebtel .day {
		margin-bottom: 10px;
	}

	.siebtel .circle.big {
		height: 110px;
		line-height: 100px;
	}	
	
	.siebtel .circle.medium {
		height: 90px;
		line-height: 80px;
	}
	
	.siebtel .circle.small {
		height: 80px;
		line-height: 70px;
	}

	.innereventwrapper .icon-like {
		font-size: 20px;
		top: -2px;
	}	
	
	.longest-ride, .longest-run {
		display: block;
	}
	
	.page-template-trainingstagebuch .small-margin-top-header {
		padding-top: 40px;
	}		
	
	.intro a.underline.normal {
		border-bottom: 2px solid #000;
	}
	
	.home .outer-nav-wrapper:before {
		right:0px;
	}
	
	h2.small-margin-bottom {
		margin-bottom: 15px;
	}
	
	.home .outer-nav-wrapper {
		margin-bottom: 20px;
	}
	
	.home .outer-nav-wrapper {
		margin-left:0px;
	}
	
	.sloganname, .slogan {
		right:auto;
		left: 20px;
	}
	
	.sloganname {
		bottom: 35px;
	}
	
	body.home.page .header-image, .home .header-image .outer-wrapper, body.page-id-73 .header-image {
		height:500px;
	}
	
	.square span {
		font-weight: 500;
		font-size: 16px;
	}
	
	.slogan {
		right:20px;
		bottom:10px;
	}
	

	.square.video, .square.installation {
		width:50%;
	}
	
	.square.malerei {
		width:35%;
	}
	
	.square.video {
		bottom:70px;
		right:20%;
	}
	
	.square.blog span {
		left:10px;
		right:right;
	}
	
	.square.blog {
		bottom:120px;
	}
	
	.square.podcast {
		width:40%;
		right:5%;
	}	
	
	.square {
		border:3px solid #fff;
	}

}

img.lazyloaded {
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

a:hover {
	cursor: pointer;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating .plus {
  -webkit-animation: rotating 0.6s linear infinite;
  -moz-animation: rotating 0.6s linear infinite;
  -ms-animation: rotating 0.6s linear infinite;
  -o-animation: rotating 0.6s linear infinite;
  animation: rotating 0.6s linear infinite;
}

.loadmore {
	margin-top:80px;
	line-height: 34px;	
}

.loadmore .plus {
	width:35px;
	height:35px;
	border:2px solid transparent;
	border-radius: 54px;
	position: relative;
	display: inline-block;
	background-color:#05052D;
	margin-right:10px;
}

.loadmore .plus:before {
	content:"";
	height:15px;
	width:3px;
	background-color:#fff;
	position: absolute;
	top:8px;
	right:14px;
}

.black-bg .loadmore .plus {
	background-color:#fff;
	margin-left:auto;
	margin-right: auto;
}


.black-bg .loadmore .plus:before, .black-bg .loadmore .plus:after {
	background-color:#000;
}

.loadmore .all {
	display: inline-block;
	line-height: 35px;
	height:35px;
	margin-top:9px;
}

.loadmore span.text {
	font-weight: bold;
    text-transform: uppercase;
    top: -9px;
    position: relative;	
}

.loadmore .plus:after {
	content:"";
	height:3px;
	width:15px;
	background-color:#fff;
	position: absolute;
	top:14px;
	right:8px;
}

.hover-bg-wrapper .btn {
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	border: 2px solid transparent;
	color:transparent;
}

a:hover .hover-in .btn {
	border-color:#000;
	background-color:#000;
	color:#fff;
}

/* ALT */

::-moz-selection {
  color: white; background: black;
}

::selection {
  color: white; background: black;
}

img::-moz-selection {
  color: white; background: transparent;
}

img::selection {
  color: white; background: transparent;
}

body, html, .pnlm-container, body .pnlm-container {
	font-family: 'SimplonMono', Arial, sans-serif;
	font-size: 17px;
	color: #000000;
	letter-spacing: 0.4px;
}

textarea {
	max-width: 100%;
}

body p {
	line-height:150%;	
}

.margin-top {
	margin-top:60px;
}

.big-margin-top {
	margin-top:120px;
}

.big-margin-bottom {
	margin-bottom:120px;
}

.margin-top-header {
	padding-top: 230px;
}

.small-margin-top-header {
	padding-top: 130px;
}

.small-margin-top {
	margin-top:30px;
}

.margin-left {
	margin-left:40px;
}

.sidebar {
	max-width:230px;
	float:right;
	margin-left:40px;
}

.sidebar li {
	margin-bottom:10px;
}

.margin-bottom {
	margin-bottom:60px;
}

.small-margin-bottom, .no-margin.small-margin-bottom {
	margin-bottom:30px;
}

.smallest-margin-bottom, .no-margin.smallest-margin-bottom {
	margin-bottom:15px;
}

.smallest-margin-top {
	margin-top:10px;
}

.small-padding-bottom {
	padding-bottom:30px;
}

.small-padding-top {
	padding-top:30px;
}

.smallest-padding-top {
	padding-top:10px;
}

.smallest-padding-bottom {
	padding-bottom:10px;
}

.big-padding-top {
	padding-top:120px;
}

.padding-top {
	padding-top:60px;
}

.padding-bottom {
	padding-bottom:60px;
}

.big-padding-bottom {
	padding-bottom:120px;
}

.transition-2, .download-icon:before, .siebtel a .circle, .siebtel a .circle:after, .siebtel .risk:after, .header li ul.sub-menu li, .header li ul.sub-menu, .icon-logo:before, header .storytelling:before, header .living:before, .storytelling-examples .col h4, .videowrapper.playButton:before, .storytelling-examples .col .inner-image-wrapper:after {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.black-background {
	background-color:#000;
}

.white, .color-white {
	color:#fff;
}

button, button:hover, button:focus, input, input:focus, textarea, textarea:focus, input:active, textarea:active {
	outline: none !important;
   -webkit-appearance: none !important;
   -moz-appearance:    none !important;
   appearance:         none !important;		
	border-radius:0px;
}

.checkbox input[type=checkbox] {
	-webkit-appearance: normal !important;
   -moz-appearance:    normal !important;
   appearance:         normal !important;		
}

.smaller-headline h2 {
	font-size: 22px;
}

/* OWL */

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top:25px !important;
}

.owl-theme .owl-dots .owl-dot span {
	width: 14px;
	height: 3px;
	border: 0px;
	margin: 20px 4px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #000;
}

.owl-carousel .item {
	padding-left:15px;
	padding-right:15px;
}

.owl-carousel {
	margin-left:-15px;
	margin-right:-15px;
	width:auto !important;
}

.home .item .title-wrapper {
	position:absolute;
	top:35px;
	left:0px;
	z-index:10;
}

.home .item h2 {
	-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
	background-color:#fff;
	padding: 10px 10px 8px 0px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
	margin-bottom:0px;
	display:inline;
	line-height: 153%;
}

.home .item .subtitle {
	font-weight: 300;
	text-transform: none;
	font-size:19px;
	-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
	background-color:#fff;
	padding: 0px 10px 8px 0px;
	margin-top:0px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
	display: inline-block;
}

.home .item-img, #container .item-img, .woocommerce .item-img {
	position:absolute;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	top:-10px;
	left:-10px;
	right:-10px;
	bottom:-10px;
	background-attachment: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;		
}

.item-img.background-image {
	background-attachment: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;	
	position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;	
}

.cart_item .item-wrapper:hover .hover-bg-wrapper {
	background-color:transparent;
}

.cart_item .item-wrapper:hover .subtitle, .cart_item .item-wrapper:hover h2 {
	background-color:#000;
	color:#fff;
}

.home .item-wrapper {
	position: relative;
	overflow:hidden;
}

.home .item-wrapper:hover .subtitle, .home .item-wrapper:hover h2 {
	background-color:#000;
	color:#fff;
	padding-left:15px;
}

.home .produktpreis, .feature .produktpreis {
	font-size:22px;
	font-weight: 300;
	padding:5px 10px;
	color:#fff;
	background-color:rgba(0,0,0,0.8);
	display:inline-block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.home .produktpreis.preis-home {
    font-size: 16px;
    padding:inherit;
    background-color:transparent;
    display: block;
    color:#333;
}

.read-more {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -30px;
    width: 63px;
    background-color: #fff;
    z-index: 100;
    padding: 15px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.read-more.bottom {
    top:auto;
    bottom:-40px;
}

.read-more img {
    width:100%;
}


body .all-categories .produktpreis {
	left:0px;
	right: auto;
	padding: 0px;
}

.home .produktpreis strong, .feature .produktpreis strong {
	font-weight: 300;
}

body .all-categories .overflow-wrapper {
	position: relative;
	overflow: visible;
}

.all-categories .overflow-wrapper img.first {
	position: absolute;
	height: 100%;
	left:-100%;
	top:0px;
}

img.width-100, video.width-100 {
	width:100%;
}

.home .item-wrapper:hover .produktpreis, .feature .item-wrapper:hover .produktpreis {
	background-color:rgba(247,136,24,1);	
}

.home .item-wrapper:after {
	content:"";
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	position: absolute;
	background-color:rgba(0,0,0,0);
	z-index:2;
}

.home .item-wrapper:hover:after {
	background-color:rgba(255,255,255,0.8);	
}

.home .preis-wrapper, .feature .preis-wrapper {
	position: absolute;
	bottom:50px;
	right:0px;
	z-index:20;
}

/* FOOTER */

.modal-quick .col, .modal-home .col {
	margin-bottom:30px;
}

.modal-home .col {
	margin-bottom: 45px;
}

.page-id-75 .col.soft .item-wrapper .hover-bottom {
		background-color:rgba(255,255,255,0.9);		
}

.page-id-75 .col.soft .category-wrapper {
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	opacity:0.5;	
}

footer a {
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
	line-height: 1;
}

.footer {
	padding-top:50px;
	padding-bottom:50px;
	clear:both;
}

.footer .outer-wrapper {
	padding-left:30px;
	padding-right:30px;
}

footer .col-md-3 {
	height:300px;	
}

.footer .img-wrapper {
	position:absolute;
	top:-10px;
	left:-10px;
	right:-10px;
	bottom:-10px;
	background-attachment: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;		
}

.footer .footer-hover {
	content:"";
	background-color:rgba(0,0,0,0.6);
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;		
}

.footer .btn {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index:10;
	background-color:#fff;
	color:#000;
	border-color:#fff;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
	font-size:14px;
	
}

.footer-text {
	font-size:25px;
	text-align: center;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	font-size:40px;
}

.footer-wrapper {
	position: absolute;
	top:0px;
	right:15px;
	left:15px;
	bottom:0px;
	overflow: hidden;
}

.footer .outer-wrapper .col-md-3:hover .footer-hover {
	background-color:rgba(255,255,255,0.8);
}

.footer .outer-wrapper .col-md-3:hover .btn {
	transform: translate(-50%,-20%);
	color:#fff;
	background-color:#000;
	border-color:#000;
}

.footer .outer-wrapper .col-md-3 {
	height:300px;
	position:relative;
	overflow:hidden;
}

.footer .btn.black {
	background-color:#000;
	border-color:#000;
	color:#fff;
}

.footer .outer-wrapper .col-md-3:hover .btn.black {
	background-color:#f73f1b;
	border-color:#f73f1b;
	color:#fff;
}

/* MODAL */

.content-wrapper {
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	left:10px;
	width:100%;
	margin-right:30px;
	max-width:560px;
}

.modal-home .content-wrapper {
	position: relative;
	top:auto;
	transform: none;
	left: 0px;
}

.close-button:before {
    -webkit-transform: translateY(8px) rotateZ(-45deg);
    transform: translateY(8px) rotateZ(-45deg);
}

.close-button:after {
    -webkit-transform: translateY(8px) rotateZ(45deg);
    transform: translateY(8px) rotateZ(45deg);
}

.close-button:after, .close-button:before {
    background: #000;
    width: 16px;
    height: 1px;
    position: absolute;
    content: '';
    display: inline-block;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    outline: 1px solid transparent;
    top: 3px;
	right: 3px;
}

.close-button {
	min-width: 26px;
    height: 26px;
    text-align: center;
    display: block;
    z-index: 1000;
    -webkit-transform: all ease .3s;
    transform: all ease .3s;
    -webkit-animation: blinkBackground 4s infinite;
    animation: blinkBackground 4s infinite;
    position: absolute;
    top: 44px;
    right: 24px;	
	border:2px solid transparent;
	border-radius: 13px;
	
}

nav li, nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.modal-mobile li a {
	font-weight:500;
	text-transform: uppercase;
	font-size:22px;
	margin-bottom:10px;
	display: inline-block;
	line-height: 1;
	color:#666;
}

.modal-mobile li.current_page_item a {
	color:#000;
	padding-bottom:0px;
	border-bottom: 2px solid #000;
}

.modal-mobile .social-media span {
	margin-right:10px;
	margin-top:40px;
	display: inline-block;
}


.close-button:hover {
	cursor:pointer;
}

.close-button:hover:after, .close-button:hover:before {
    background: #9d9d9d;
}

.close-button:hover {
	border-color:#fff;
	cursor: pointer;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    transition: opacity .25s linear;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		 -o-transform: translate3d(0%, 0, 0);
			transform: translate3d(0%, 0, 0);
}

.modal.right .modal-dialog .modal-content, .modal.left .modal-dialog .modal-content  {
	padding-left:30px;
	padding-right:30px;	
}


.modal.left .modal-content,
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
	padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog{
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		 -o-transition: opacity 0.3s linear, left 0.3s ease-out;
			transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
	left: 0;
}
        
/*Right*/
.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		 -o-transition: opacity 0.3s linear, right 0.3s ease-out;
			transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
	right: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

.modal-backdrop {
	background-color:#fff;
	z-index: 200000;
}

.modal-dialog {
    width: 100%;
    margin: 0px;
	margin-top:170px;
	margin-bottom:150px;
}

.fixed-header .modal-dialog {
	margin-top:80px;
}

.modal {
    z-index: 1050000;	
}

.modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
	border:none;
} 

.modal-label {
	position:absolute;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);

	transform: rotate(-90deg);
	
	font-weight: 300;
	font-size: 20px;
}

.modal-label .icon {
	font-size:15px;
	margin-right:5px;
	display: inline-block;
}

.icon.h1 {
    font-size: 70px;
    border-bottom: 2px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 13px;
    display: block;	
}

.page-id-73 .icon.h1 {
	font-size:90px;
}

.header-image .h1-wrapper {
	z-index:100;
	position: absolute;
	bottom:30px;
	left:0px;
	right:0px;
}

.home .subdomain .h1-wrapper h1 {
	font-size:60px;
	font-weight: bold;
	line-height: 1;
	display:block;
	margin-top:15px;
}

.home .subdomain .h1-wrapper .subtitle {
	display:block;
}

.single .header-image .h1-wrapper {
	bottom:10px;
}

.single .header-image h1 {
	line-height: 1;
}

.header-image .outer-wrapper h1 {
	font-size:55px;
	font-weight: bold;
	line-height: 1;
}

.single .header-image .outer-wrapper h1 {
	max-width:1000px;	
}

.hover-image-wrapper .title.large {
	font-size:22px;
}


@media (max-width:1400px) {
	
	.hover-image-wrapper .title.large {
		font-size:20px;
	}	
	
	.header-image .outer-wrapper h1 {
		font-size:50px;
	}
	
	header .outer-nav-wrapper a {
		padding-right: 10px;
	}
	
}

.width-110 {
	position:absolute;
	width:101%;
	height: auto;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.hover-image-wrapper {
	overflow: hidden;
	position:relative;
}

.hover-bg-wrapper {
	background-color:rgba(0,0,0,0.6);
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:10;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;		
}

.hover-image-wrapper.no-bg .hover-bg-wrapper {
	background-color:rgba(0,0,0,0);	
}

.hover-image-wrapper.no-bg .hover-bg-wrapper:after {
	content:"";
	background-color:rgba(0,0,0,0.6);
	position: absolute;
	left:0px;
	width:0%;
	bottom:0px;
	height:0px;
	z-index:10;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.hover-image-wrapper.shop:hover .hover-bg-wrapper {
	background-color:rgba(255,255,255,0.8);
	height:100%;
	top:0%;
}

.hover-image-wrapper.no-bg:hover .hover-bg-wrapper:after {
	background-color:rgba(255,255,255,0.8);
	height:100%;
	width:100%;
}

.hover-image-wrapper.no-bg .title-wrapper {
	top:auto;
	bottom:10px;
}

.hover-image-wrapper.no-bg:hover .title-wrapper {
	top:auto;
	bottom:20px;
}

.hover-icon-wrapper .hover-bg-wrapper {
	background-color:rgba(0,0,0,1);	
}

.hover-icon-wrapper {
	overflow: hidden;
	position: relative;
}

.hover-image-wrapper:hover .hover-bg-wrapper {
	background-color:rgba(255,255,255,0);
}

.hover-image-wrapper:hover .title, .hover-image-wrapper:hover .subtitle, .hover-image-wrapper.visible .title, .hover-image-wrapper.visible .subtitle {
	background-color:#000;
	color:#fff;
}

.hover-image-wrapper:hover .width-110, .hover-image-wrapper.visible .width-110 {
	width:111%;
}

.hover-image-wrapper .title {
    font-size: 16px;
    font-weight: 500;
    margin-top: 0px;
    max-width: 550px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-color: #fff;
    padding: 8px 10px 4px 10px;
    margin-bottom: 0px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
    display: inline;
}

.hover-image-wrapper.shop .hover-bg-wrapper{
	background-color:rgba(0,0,0,0.3);	
}

.hover-image-wrapper.shop .title {
	font-size:40px;
	display:inline-block;
}

.hover-image-wrapper.shop .title.top {
	margin-top:-8px;
	padding-top:5px;
}

.loop .hover-image-wrapper .title {
	font-weight: 300;
	text-transform: uppercase;
	font-size:18px;
	padding-left: 0px;
}

.loop .hover-image-wrapper .title-wrapper {
	max-width:270px;
}

.loop .hover-image-wrapper:hover .title-wrapper, .loop .hover-image-wrapper.visible .title-wrapper {
	top:30px;
}

.loop .hover-image-wrapper:hover .title, .loop .hover-image-wrapper.visible .title  {
	padding-left:10px;
}

.loop .hover-image-wrapper:hover .hover-bg-wrapper, .loop .hover-image-wrapper.visible .hover-bg-wrapper {
	top:0px;
	left:100%;
	right:0px;
	width:0px;
	bottom:0px;
	background-color:rgba(0,0,0,1);	
	height:100%;
}

.loop .hover-image-wrapper:hover .hover-bg-wrapper, .loop .hover-image-wrapper.visible .hover-bg-wrapper {
	width:100%;
	left:100%;
	background-color:rgba(0,0,0,0.2);	
}	

.loop .hover-image-wrapper.open:after {
	display:none !important;
}

.termine-wrapper .hover-image-wrapper {
	width:100%;
	overflow: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;		
}

.termine-wrapper .hover-image-wrapper .title-wrapper, .termine-wrapper .hover-image-wrapper .category-wrapper {
	position: relative;
	top:auto;
	left:auto;
	bottom:auto;
	right:auto;
	background-color:transparent;
}

.termine-wrapper .hover-image-wrapper:hover .title, .termine-wrapper .hover-image-wrapper:hover .subtitle {
	background-color:transparent !important;
}

.termine-wrapper .hover-image-wrapper.visible .title, .termine-wrapper .hover-image-wrapper.visible .subtitle {
	background-color:#fff !important;
}

.grey-background .termine-wrapper .hover-image-wrapper.visible .title, .grey-background .termine-wrapper .hover-image-wrapper.visible .subtitle {
	background-color:#F3F3F3 !important;
}

.termine-wrapper .hover-image-wrapper.visible .title-wrapper {
	position: absolute;
	top:30px;
}

.termine-wrapper .hover-image-wrapper .title, .termine-wrapper .hover-image-wrapper .subtitle, .termine-wrapper .hover-image-wrapper .category-wrapper {
	padding-left:0px;
	color:#000;
	font-size:17px;
	background-color: transparent;
}

.termine-wrapper .hover-image-wrapper .title, .termine-wrapper .hover-image-wrapper .subtitle {
	font-size:22px;
}

.termine-wrapper .hover-bg-wrapper {
	background-color: rgba(0,0,0,0);	
}

.termine-wrapper .hover-image-wrapper img.width-100 {
	display: none;
}

.termine-wrapper .hover-image-wrapper.visible .category-wrapper {
	position: absolute;
	right:0px;
	bottom:30px;
	background-color:#000;
	color:#fff;
	padding-left:10px;
}

.termine-wrapper .hover-image-wrapper.visible img {
	display: block;
}

.loop .hover-image-wrapper .category-wrapper {
	font-size:18px;
}

.hover-image-wrapper.shop .subtitle {
	font-size:25px;
	background-color:transparent;
	top: 10px;
	color:#fff;
}

.hover-image-wrapper.shop .title.orange {
	background-color:#F5A623;
}

.hover-image-wrapper.shop .title.green {
	background-color:#B1F072;
}

.hover-image-wrapper.shop .title-wrapper {
	top:60px;
}

.ic-wrapper {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index: 20;
}

.ic-wrapper .footer-text {
    font-size: 25px;
    text-align: center;
    position: relative;
    top: auto;
	left:auto;
	transform: none;
    font-size: 35px;
    width: 140px;
	margin-left:10px;
}

.font-light {
	font-weight: 300;
}

.font-lighter {
	font-weight: 200;
}

.font-bold {
	font-weight: 500;
}

.ic-wrapper .icon {
	font-size:40px;
	display: block;
	text-align:center;
}

.start-modal:hover {
	cursor: pointer;
}

.hover-icon-wrapper:hover .hover-bg-wrapper {
	background-color:rgba(0,0,0,0.35);
}

.hover-icon-wrapper .hover-bg-wrapper:after {
	background-color:rgba(255,255,255,1);
	top:0px;
	content:"";
	position:absolute;
	right:0px;
	left:0px;
	bottom:0px;
	z-index:10;
	width:0px;
	left:50%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;	
}

.hover-icon-wrapper .hover-bg-wrapper.orange {
	background-color: #f5a623;
}

.hover-icon-wrapper:hover .hover-bg-wrapper:after {
	width:100%;
	left:0%;	
}

.btn {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.btn:active, .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;	
}

.hover-icon-wrapper:hover .btn {
	border-color:#000 !important;
	background-color:#000 !important;
	transform: scale(0.9);
	color:#fff !important;
}

.btn.grey {
	border-color:#999;
	color:#999;
	background-color:transparent;
}

.hover-icon-wrapper:hover .ic-wrapper.white {
	color:#000;
}

.hover-image-wrapper .subtitle {
	font-size: 16px;
    font-weight: 300;
	position: relative;
    top: -2px;
    max-width: 550px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-color: #fff;
    padding: 5px 10px 4px 10px;
    margin-bottom: 0px;
    display: inline;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.hover-image-wrapper .title-wrapper {
	position: absolute;
	top:30px;
	left:0px;
	z-index: 20;
	margin-right:45px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;	
}

.hover-image-wrapper .title-wrapper.bottom {
	top:auto;
	bottom:15px;
}

.modal-content .hover-image-wrapper.excerpt-wrapper .title-wrapper.bottom, .modal-home .hover-image-wrapper.excerpt-wrapper .title-wrapper.bottom {
	margin:0px;
	padding:20px;
	padding-top:50px;
	bottom:0px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 40%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 40%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8f000000',GradientType=0 ); /* IE6-9 */
	color:#fff;
}

.modal-home .hover-image-wrapper.excerpt-wrapper:hover .title-wrapper.bottom {
	opacity: 0;
}

.modal-content .hover-image-wrapper.excerpt-wrapper .title-wrapper.bottom .underline, .modal-home .hover-image-wrapper.excerpt-wrapper .title-wrapper.bottom .underline {
	color:#fff;
}

.isotope .hover-image-wrapper .title-wrapper {
	margin-right:0px;
}

.isotope .col {
	margin-bottom: 30px;
}

#container .col h2, #container .col .subtitle {
	padding-left:0px;
}

#container .col.visible h2, #container .col.visible .subtitle, #container .col a:hover h2, #container .col a:hover .subtitle {
	padding-left:10px;
}

#container .col a:hover .title-wrapper {
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;		
}

.grey-background {
	background-color:#F3F3F3;
}

.modal .category-wrapper {
	bottom:10px;
}

.modal .shop .category-wrapper {
	bottom:30px;
	font-size:25px;
	font-weight: 500;
}

.feature .hover-image-wrapper.shop:hover .produktpreis.green-back {
	background-color:#B1F072;
	color:#000;
}

.feature .hover-image-wrapper.shop:hover .produktpreis.blue-back {
	background-color:#009FE3;
	color:#fff;
}

.feature .hover-image-wrapper.shop:hover .produktpreis.orange-back {
	background-color:#F5A623;
	color:#000;
}

.hover-image-wrapper.shop:hover .subtitle {
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;		
}

.hover-image-wrapper.shop:hover .hover-bg-wrapper {
	background-color:rgba(255,255,255,0.4);
}

.hover-image-wrapper.shop:hover .category-wrapper {
	bottom:10px;
}

/* NEWSLETTER */

body .yikes-easy-mc-form input[type=text], body .yikes-easy-mc-form input[type=url], body .yikes-easy-mc-form input[type=email], body .yikes-easy-mc-form input[type=number], body .yikes-easy-mc-form select {
	margin-bottom:0px;
	border:1px solid #999;
	font-weight:normal;
}

.half .yikes-mailchimp-container {
	margin-top:30px;
} 

body .half .yikes-easy-mc-form .yikes-easy-mc-submit-button {
	margin-left:0px;
	background-color:#000;
	color:#fff;
}

body .half .yikes-easy-mc-form input {
	background-color:#fff;
	border-color:#fff;
	color:#000;
}

body .half .yikes-easy-mc-form {
	max-width:450px;
}

body .yikes-easy-mc-form input[type=text]:focus, body .yikes-easy-mc-form input[type=url]:focus, body .yikes-easy-mc-form input[type=email]:focus, body .yikes-easy-mc-form input[type=number]:focus, body .yikes-easy-mc-form select:focus {
	border-color:#000;
}

body .yikes-easy-mc-form .form-field-description {
	display: none;
}

.social-button {
	border: 1px solid #000;
	position: relative;
	display: inline-block;
	border-radius: 50%;
	width:50px;
	height:50px;
	margin-left:5px;
	margin-right:5px;
}

.social-button:hover {
	background-color:#000;
	color:#fff;
}

.social-button img {
	width:100%;
	max-width:60px;
	height:auto;
}

.social-button span {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:17px;
}

.social-button span.icon-youtube {
	font-size:14px;
}

.edit-link {
	display: none;
}

body .yikes-easy-mc-form .yikes-easy-mc-submit-button, body .yikes-easy-mc-form .yikes-easy-mc-submit-button:focus {
	width:200px;
	font-size: 17px;
	letter-spacing: 0.4px;
	margin:auto;
	margin-top:15px;
	margin-bottom:0px !important;
	padding:6px 10px;
	background-color:#000;
	color:#fff;
}

body .black-bg .yikes-easy-mc-form .yikes-easy-mc-submit-button {
	border: 1px solid #fff;
}

body .black-bg .yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {
	border-color:#fff;
	background-color:#fff;
	color:#000;
}

body .yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {
	border-color:#000;
	background-color:transparent;
	color:#000;
}

/* SHOP */

.block {
	display: block;
}

body #order_review .legal {
	padding-bottom:10px;
	width:50%;
}

.checkbox.width-50 {
	width:50%;
}

body #order_review input:checked + label {
	color:#000;
}

body #order_review .legal label, .checkbox.width-50 label {
	display:inline-block;
	line-height: 140%;
	color:grey;
}

body #order_review .checkbox:hover .legal label, body #order_review .checkbox:hover .legal a {
	color:#000;
}

body #order_review .legal label a {
	display:inline-block;
}

body #order_review .legal label a:hover {
	border-color:transparent;
}

#place_order {
	float:right;
}

.woocommerce-error li, .woocommerce-error li a {
	color:red;
}

.woocommerce-error li a {
	display:inline-block;
	border-bottom:1px solid red;
}

.wc-gzd-product-name-left {
	max-width:300px !important;
}

.wc-gzd-product-name-left img {
	width:100%;
	height:auto;
}

.woocommerce-checkout-review-order-table tfoot th {
	text-align: right;
	padding-right:20px;
	font-weight: 300;
	text-transform: uppercase;
}

.woocommerce-checkout-review-order-table tbody tr td {
	padding-bottom:35px;
}

.woocommerce-checkout-review-order-table thead th {
	font-weight:300;
	text-transform: uppercase;
	padding-bottom:30px;
}

.woocommerce-checkout th.product-total, .woocommerce-checkout td.product-total, .woocommerce-checkout tfoot td {
	text-align: right;
}

.woocommerce-checkout tr.cart_item {
	vertical-align: top;
}

.woocommerce-checkout .delivery-time-info {
	color:grey;
}

.woocommerce-checkout .product-quantity {
	font-weight: normal;
}

.woocommerce-checkout-review-order-table tfoot tr {
	vertical-align: top;
}

.order-total th {
	font-weight: normal;
	padding-top:15px;
}

.order-total td {
	font-size: 25px;
	padding-top:15px;
	
}

body.woocommerce-checkout .shop_table {
	width:100%;
	background-color:transparent;
}

#order_payment_heading, #order_review_heading {
	margin-top:60px;
	margin-bottom:30px;
}

.payment_method_paypal img, .payment_method_paypal label a {
	display: none;
}

.wc_payment_methods.payment_methods li {
	margin-bottom: 30px;
}

.wc_payment_methods.payment_methods li {
	width:50%;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle {
	display: none;
}

.shipping_address {
	display:none;
}

.checkbox, .radio {
	margin:0px;
}

.checkbox label, .radio label {
	line-height: 1;
	padding-left:25px;
}

.checkbox label, .checkbox label a {
	color:#999;
}

.checkbox:hover label, .checkbox:hover label:after {
	color:#000;
}

.checkbox:hover label:before {
	border-color:black;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	z-index: 2;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	padding: 0px;
	margin:0px;
}

.payment_box {
	margin-top:15px;
}

.radio label:before, .radio label:after, .wp-polls-ul label:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
	font-size:18px;
	color:#999;	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
} 

.radio label:before {
    border: 1px solid #000;
    border-radius: 50%;
    background-color: #fff;
}

.radio label:after {
    border-radius: 50%;
    background-color: #fff;
	border-radius: 50%;
	top: 5px;
    left: 2px;
	width:14px;
	height:14px;	
}

.woocommerce-shipping-fields .checkbox {
	margin-top:30px;
}

.radio input[type="radio"]:checked + label:after, .radio input[type="radio"]:hover + label:after {
	background-color:#000;
}

.radio input[type="radio"]:hover + label:after {
	background-color: #ccc;
}

.checkbox label:before, .checkbox label:after, #yikes_mailchimp_checkbox_woocommerce_checkout_form_field label:before, #yikes_mailchimp_checkbox_woocommerce_checkout_form_field label:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
	top:3px;
	font-size:18px;
	color:#999;		
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
} 

.checkbox label:before, #yikes_mailchimp_checkbox_woocommerce_checkout_form_field label:before {
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
}

.checkbox label, #yikes_mailchimp_checkbox_woocommerce_checkout_form_field label {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.checkbox input[type="checkbox"]:checked + label:after, .checkbox input[type="radio"]:checked + label:after, #yikes_mailchimp_checkbox_woocommerce_checkout_form_field label.active:after {
	content: "\e013";
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;	
	top:0px;
	left:2px;
}

.checkbox input[type="checkbox"]:checked + label, .checkbox input[type="checkbox"]:checked + label:before, .checkbox input[type="checkbox"]:checked + label:after, #yikes_mailchimp_checkbox_woocommerce_checkout_form_field label.active, #yikes_mailchimp_checkbox_woocommerce_checkout_form_field label.active:before, #yikes_mailchimp_checkbox_woocommerce_checkout_form_field label.active:after {
	color:#000;
}


#customer_details input#ship-to-different-address-checkbox {
	border-color:transparent;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
	width:50%;
	float:left;
}

#customer_details input {
	width:100%;
}

.woocommerce-invalid-required-field input {
	border-color:red !important;
}

.woocommerce-invalid-required-field label {
	color:red;
}

.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
	margin-left:-5px;
	margin-right:-5px;
}
.form-row, .form-row-wide {
	padding-right:5px;
	padding-left:5px;
	margin-bottom:20px;
}

#customer_details label {
	display: block;
	font-weight: 300;
}

#customer_details .required {
	display:none;
}

body .includes_tax, body .tax_label {
	display: block !important;
	margin-top:10px;
}

.order-total .label {
	color:#000;
	display: block;
	margin-top:30px;
	margin-bottom:10px;
	font-weight: 500;
	text-transform: uppercase;
	padding:0px;
}

.screen-reader-text {
	display:none;
}

div.coupon {
	display: inline-block;
}

input.coupon {
	min-width: 200px;
    text-align: left;
    border: 1px solid #999;
    border-radius: 0px;
    padding: 6px 10px;
	font-size: 15px;
    line-height: 1.42857143;
	background-color:transparent;
}

input.coupon:hover {
	background-color:#999;
	color:#fff;
}

input.coupon:hover::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
input.coupon:hover::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
input.coupon:hover:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
input.coupon:hover:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

input.coupon:focus {
	border-color: #000;
	color:#000;
}

.width-100-sm {
	display:inline-block;
}

input.btn.cart, button.btn.cart {
	margin-right:10px;	
}

.variations_button .glyphicon {
    font-size: 13px;
	padding:5px;
}

.variations_button .pointer {
	margin-left:-5px;
	top:-1px;	
	display:block;
	position: relative;
	float:left;
}

.review-wrapper {
	width:85%;
}

#review_form_wrapper .form-submit input {
	width:160px;
	margin-top:10px;
	padding-bottom:8px;
}

#review_form_wrapper .form-submit input:hover {
	background-color:transparent;
	color:#000;
}

#review_form_wrapper {
	max-width:500px;
	width:100%;
}

#review_form_wrapper input, #review_form_wrapper textarea {
	width:100%;
}

.woocommerce p.stars {
    margin-top: 24px;
    margin-bottom: 24px;
    height: 30px;
}

.woocommerce p.stars {
    position: relative;
   font-size: 30px;
}

.woocommerce p.stars a {
    display: inline-block;
    font-weight: 700;
    margin-right: 1em;
    text-indent: -9999px;
    position: relative;
    border-bottom: 0!important;
    outline: 0;
}

.woocommerce p.stars a {
    position: absolute;
    left: 0px;
    margin: 0px;
    border: none;
}

.woocommerce p.stars a.star-1:after, .woocommerce p.stars a.star-2:after, .woocommerce p.stars a.star-3:after, .woocommerce p.stars a.star-4:after, .woocommerce p.stars a.star-5:after {
	font-family: WooCommerce;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.woocommerce p.stars a:hover~a:after {
	color: #f6f6f6;
}

.woocommerce p.stars a.star-1.active:before, .woocommerce p.stars a.star-1:hover:before {
	 content: "\e90d";
	 color:#ffd700;
}

.woocommerce p.stars a.star-2.active:before, .woocommerce p.stars a.star-2:hover:before {
	 content: "\e90d\e90d";
	 color:#ffd700;
}

.woocommerce p.stars a.star-3.active:before, .woocommerce p.stars a.star-3:hover:before {
	 content: "\e90d\e90d\e90d";
	 color:#ffd700;
}

.woocommerce p.stars a.star-4.active:before, .woocommerce p.stars a.star-4:hover:before {
	 content: "\e90d\e90d\e90d\e90d";
	 color:#ffd700;
}

.woocommerce p.stars a.star-5.active:before, .woocommerce p.stars a.star-5:hover:before {
	 content: "\e90d\e90d\e90d\e90d\e90d";
	 color:#ffd700;
}

.woocommerce p.stars a.star-1.active:after, .woocommerce p.stars a.star-1:hover:after {
	content: "\e90e";
	color: #333;
}

.woocommerce p.stars a.star-2.active:after, .woocommerce p.stars a.star-2:hover:after {
	content: "\e90e\e90e";
	color: #333;
}

.woocommerce p.stars a.star-3.active:after, .woocommerce p.stars a.star-3:hover:after {
	content: "\e90e\e90e\e90e";
	color: #333;
}

.woocommerce p.stars a.star-4.active:after, .woocommerce p.stars a.star-4:hover:after {
	content: "\e90e\e90e\e90e\e90e";
	color: #333;
}

.woocommerce p.stars a.star-5.active:after, .woocommerce p.stars a.star-5:hover:after {
	content: "\e90e\e90e\e90e\e90e\e90e";
	color: #333;
}

.woocommerce .comment-form-rating p.stars a:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 30px;
    line-height: 1;
    font-family: 'icomoon';
    content: "\e90e";
    color: #333;
    text-indent: 0;
    opacity: 1;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;	
	letter-spacing: 5px;
}

.woocommerce .comment-form-rating p.stars a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 30px;
    line-height: 1;
    font-family: 'icomoon';
    content: "\e90d";
    color: transparent;
    text-indent: 0;
    opacity: 1;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	letter-spacing: 5px;
}

.woocommerce .comment-form-rating p.stars:hover a:after {
    color: #333;
}

.comment-form-rating p.stars:hover a:not(.active):after {
    color: #333;
}

.woocommerce .comment-form-rating p.stars a:hover~a:after {
    color: #f6f6f6;
}

.woocommerce p.stars a.star-2:before {
    content: "\e90d\e90d";
}

.woocommerce p.stars a.star-3:before {
    content: "\e90d\e90d\e90d";
}

.woocommerce p.stars a.star-4:before {
    content: "\e90d\e90d\e90d\e90d";
}

.woocommerce p.stars a.star-5:before {
    content: "\e90d\e90d\e90d\e90d\e90d";
}

.woocommerce p.stars a.star-2:after {
    content: "\e90e\e90e";
}

.woocommerce p.stars a.star-3:after {
    content: "\e90e\e90e\e90e";
}

.woocommerce p.stars a.star-4:after {
    content: "\e90e\e90e\e90e\e90e";
}

.woocommerce p.stars a.star-5:after {
    content: "\e90e\e90e\e90e\e90e\e90e";
}

.woocommerce p.stars a.star-1 {
    z-index: 4;
    width: 19px;
}

.woocommerce p.stars a.star-2 {
    z-index: 3;
    width: 41px;
}

.woocommerce p.stars a.star-3 {
    z-index: 2;
    width: 61px;
}

.woocommerce p.stars a.star-4 {
    z-index: 1;
    width: 83px;
}

.woocommerce p.stars a.star-5 {
    z-index: 0;
    width: 105px;
}

.woocommerce textarea {
	padding:10px;
}

.rezension h3 {
	max-width:250px;
	line-height:140%;
}

.related h3 {
	max-width:290px;
	line-height:140%;
}

ul, li {
	padding-left:0px;
	list-style: none;
}

ul.dash li {
    text-indent: -8px;
    margin-left: 13px;
}

ul.dash li:before {
    content: "-";
    position: relative;
    left: -5px;
}

.btn.btn-big, .btn.cart, button.single_add_to_cart_button {
	font-size:17px;
	width:200px;
}

button.single_add_to_cart_button {
	font-weight: 300;
	text-transform: uppercase;
}

.hide-tax .single_add_to_cart_button {
    margin-top: 20px;
}

.btn.btn-big.grey, .btn.cart {
	font-size:15px;
}

.btn.cart {
	background-color: transparent;
}

.btn.btn-yellow, button.single_add_to_cart_button, .btn-yellow-hover:hover, .white.btn.btn-yellow-hover:hover {
	background-color:#ffd700;
	border:1px solid #ffd700;
	color:#000;
	border-radius: 0px;
}

.btn.btn-black {
	background-color:#000;
	color:#fff;
	border-radius: 0px;
	border:1px solid #000;
}

.btn.btn-white {
	background-color:#fff;
	color:#000;	
	border-color:#fff;
}

.btn.btn-white.btn.btn-white:hover {
	background-color:#000;
	color:#fff;	
	border-color:#fff;	
}

.btn.btn-black:hover {
	background-color:#fff;
	color:#000;
}

.btn.btn-yellow:hover, .btn.grey:hover, button.single_add_to_cart_button:hover {
	border-color:#000;
}

.clear {
	clear: both;
}

.shop-img-wrapper {
	position: relative;
}

.all-categories .shop-img-wrapper:after {
	background:transparent;
	top:0px;
}

.all-categories a.hover-link:hover .shop-img-wrapper:after {
	background: rgba(255,255,255,0.85);
	top:0px;
	height:auto;
}

.all-categories a.hover-link .shop-img-wrapper:after {
	left:-15px;
	right:-15px;
}

.all-categories .overflow-wrapper {
	height:auto;
	overflow: hidden;
	position: relative;
	margin-left:-15px;
	margin-right: -15px;
}

.all-categories .overflow-wrapper img {
	position: relative;
}

.all-categories .inner-info-wrapper {
	position: relative;
	z-index: 10;
}

.overflow-wrapper {
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	overflow: hidden;
}

.background-image img.width-110 {
	width:auto;
	transform: none;
	left:-5px;
	right:-5px;
	bottom:-5px;
	top:-5px;
}

.shop-img-wrapper .produktpreis, .banner-wrapper .produktpreis {
	font-size:14px;
	font-weight: 300;
	padding:7px 10px 5px 10px;
	background-color:#000;
	color:#fff;
	position: absolute;
	bottom:-15px;
	right:0px;
	z-index: 20;
}

.modal-home .shop-img-wrapper .produktpreis {
	background-color:#eeeeee;
	color:#000;
} 

body.home .header-image {
    height: 470px;
}

.home .info-wrapper {
	display: none;
}

.modal-home .content-wrapper p {
	font-size: 23px;
	font-weight: 300;
}

.modal-home .content-wrapper .intro {
	font-size: 30px;
	font-weight: 500;
}

.recommend .shop-img-wrapper .produktpreis {
	bottom:-10px;
}

.shop-img-wrapper .produktpreis .icon {
	display: block;
	font-size: 30px;
}

.shop-img-wrapper .produktpreis.recommend-label {
	background-color:#fff;
	color:#000;
}

.shop-img-wrapper .produktpreis.podcast-label {
	background-color:rgb(90,90,90);
}

.shop-img-wrapper .produktpreis.shop-label {
	background-color:rgb(110,110,110);
}

.shop-img-wrapper:after {
	background-color:rgba(0,0,0,0);
	position: absolute;
	content:"";
	left:0px;
	right:0px;
	bottom:50%;
	height:0px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;	
}

.product-wrapper:hover .shop-img-wrapper:after, a:hover .shop-img-wrapper:after, .product-wrapper.reverse .shop-img-wrapper:after, a.reverse .shop-img-wrapper:after {
	height:100%;
	bottom:0px;
	background-color:rgba(0,0,0,0.3);	
}

.product-wrapper.reverse:hover .shop-img-wrapper:after, a.reverse:hover:hover .shop-img-wrapper:after {
	background-color:rgba(0,0,0,0);
}

.product-wrapper .overflow-wrapper .icon {
	display: block;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size: 30px;
	z-index: 100;
	color:transparent;
}  

.recommend .product-wrapper:hover .shop-img-wrapper:after {
	background-color:rgba(0,0,0,0.5);
}

.product-wrapper:hover .overflow-wrapper .icon {
	color:#fff;
	font-size: 45px;
}

.product-wrapper:hover .width-110 {
	width:111%;
}

.product-wrapper h3 {
	font-size:17px;
	text-transform: uppercase;
	margin-bottom:5px;
	margin-right:40px;
}

.blog-col .product-wrapper h3 {
	margin-bottom: 15px;
	margin-right: 20px;
	margin-top: 10px;
}

.product-wrapper h3.no-margin {
	margin:0px;
}

.blog-col h4.category {
	margin-bottom: 0px;
	margin-top:20px;
}

.content .product-wrapper .subtitle {
	position: relative;
	bottom:auto;
	font-size: 16px;
}

.product-wrapper .subtitle {
	font-weight: 300;
	margin-top:0px;
}

.shop-title-wrapper {
	width:100%;
}

.total-table {
	float: right;
}

.total-table tr {
	vertical-align: bottom;	
}

.total-table th {
	font-weight: 300;
	text-transform: uppercase;
	padding-right:20px;
}

.total-table td {
	font-size: 22px;
}

.total-table tr.shipping {
	margin-top:10px;
	margin-bottom: 10px;
}

.shipping-calculator-button {
	font-size:14px;
	color:grey;
}

.total-table .shipping td {
	font-size:17px;
}


/* CONTACT */

span.wpcf7-form-control-wrap, span.wpcf7-form-control-wrap input, span.wpcf7-form-control-wrap textarea {
	width:100%;
}

span.wpcf7-form-control-wrap input, span.wpcf7-form-control-wrap textarea, #review_form_wrapper input, #review_form_wrapper textarea, #customer_details input, input.comment, textarea.comment {
	border:1px solid #999;
	padding:10px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;	
}

input.comment, textarea.comment {
	width:100%;
}

span.wpcf7-not-valid-tip {
	margin-top:10px;
	margin-left:10px;
	font-weight: 300;
	margin-bottom:20px;
	font-size:14px;
}

span.wpcf7-form-control-wrap input.wpcf7-not-valid, span.wpcf7-form-control-wrap textarea.wpcf7-not-valid {
	border-color:#f00;
}

.wpcf7 input:focus, .wpcf7 textarea:focus, #review_form_wrapper input:focus, #review_form_wrapper textarea:focus, input:focus, #customer_details input:focus, input.comment:focus, textarea.comment:focus {
	border-color:#000;
}

.wpcf7-submit, .form-submit input {
	background-color:#000;
	border-color:#000;
	color:#fff;
	text-transform: uppercase;
	width: 160px;
	padding: 6px 12px;
	font-size: 14px;
	letter-spacing: 0.4px;
}

.wpcf7-submit:hover, .form-submit input:hover {
	background-color:transparent;
	color:#000;
}

body div.wpcf7-response-output {
	margin:40px 0px;
	padding:0px 10px;
	border:none !important;
}

/* BREAD */

.bread {
	font-size:14px;
	text-align: center;
	margin-bottom:10px;
}

.landingpage .bread {
	margin-top:0px;
}

.bread .current-page, .bread a:after {
	position: relative;
}

.bread .share-wrapper a:after {
	display:none !important;
}

.bread .current-page:after, .bread a:after {
	content:"";
	height:1px;
	bottom:0px;
	width:100%;
	background-color:#000;
	position:absolute;
	left:0px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;	
}

.bread a:after {
	left:50%;
	width:0px;
}

.bread a:hover:after {
	left:0%;
	width:100%;
}

.bread ol li, .bread ol {
	display:inline-block;
	margin:0px;
	padding:0px;
}

/* Cookie Info */

body {
	top:0px;
    position: relative;	
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;	
}

body.show-cookie, .show-cookie .header {
    top: 70px;	
}

.fixed-header.show-cookie .header {
	top:0px;
}

.show-cookie .cookie-info {
	display: block;
	top:-70px;
}

.page-id-73.show-cookie .cookie-info {
	top:-150px;
}

.cookie-info {
	position:absolute;
	z-index:100;
	top:-200px;
	left:0px;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#f2f2f2;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;	
	display: none;
	height:70px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);	
}

.cookie-info .cookie-text {
	float:left;
	width:70%;
}

.cookie-info .btn {
	float:right;
}

/* HEADER */

.header-mobile {
	display: inline-block;
    top: -1px;
    position: relative;	
}

.mobile-menu-fixed {
	position: fixed;
	left:0px;
	width:100%;
	padding:17px 30px 10px;
    background-color: rgba(235,235,235,0.95);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	z-index: 1000;
	bottom:-80px;
}

.fixed-header .mobile-menu-fixed {
	bottom:0px;
}

.fixed-header .mobile-menu-fixed.nav-up {
	bottom:-70px;
}

header .icon {
	position: relative;
}

.fixed-header .white .social-media a {
	color:#000;
}

header .icon:after {
	position:absolute;
	left:6px;
	right:6px;
	top:0px;
	bottom:0px;
	color:#000;
	z-index: 10;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	color:#666;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;	
}

header.white .icon:after {
	color:#000;
}

header .icon:hover:after {
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;
}

header .icon-youtube:after {
  content: "\e900";
}

header .icon-youtube:hover:after, .fixed-header .white .social-media a .icon-youtube:hover:after {
  color: red;
}

header .icon-facebook:after {
  content: "\e903";
}

header .icon-whatsapp:hover:after, .fixed-header .white .social-media a .icon-whatsapp:hover:after {
  color: #25d366;
}

header .icon-instagram:after {
  content: "\e904";
}

header .icon-instagram:hover:after, .fixed-header .white .social-media a .icon-instagram:hover:after {
  color: #8a3ab9;
}

header.white .icon-instagram:hover:after, header.white .icon-facebook:hover:after, header.white .icon-youtube:hover:after {
  color: #000;
}

.header .quick .icon {
	margin-right:1px;
}

.background-image {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}

.background-image:after {
	content: "";
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:10;
	background-color: rgba(0,0,0,0.6);
}

.home .background-image:after, .termine-outer-wrapper .background-image:after, .no-bg.background-image:after {
	background-color:transparent;
}

.background-image img, .background-image video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
}

.header .icon-logo {
	line-height:55px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;		
}

/* .header .icon-logo:hover {
	font-size:45px;
} */

.outer-wrapper {
	max-width:1800px;
	margin-left:auto;
	margin-right:auto;
	padding-left:45px;
	padding-right:45px;
	position:relative;
}

.fullsize-wrapper {
	max-width:1800px;
	margin-left:auto;
	margin-right:auto;
	padding-left:45px;
	padding-right:45px;
}

.header {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	font-size:15px;
	padding-top:0px;
	z-index:10000;
}

.header {
	background-color:#fff;
}

.white.header, .home .header {
	background-color:transparent;
}

.fixed-header .header {
	background-color:rgba(255,255,255,1);
	padding-bottom:20px;
	padding-top:20px;
	padding-bottom:0px;
	padding-top:0px;	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}

.fixed-header .header.white, .fixed-header .header.white li a {
	color:#000;
}

.fixed-header .header.white li a:after {
	background-color:#000;
}

.fixed-header .header.nav-up {
	top:-140px;
}

.maximum-wrapper {
	width:100%;
	max-width:900px;
	position:absolute;
	top:0px;
	bottom:0px;
	z-index:20;
}

.img-left .maximum-wrapper {
	right:0px;
}

.img-right .maximum-wrapper {
	left:0px;
}

.logo-wrapper {
    font-size: 50px;
    margin-top: -10px;
    line-height: 1;
    height: 60px;
    overflow: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.fixed-header .logo-wrapper {
	height: 40px;
    font-size: 40px;
    margin-top: -2px;
}

.header .row-wrapper {
	margin-top:20px;
}

.fixed-header .row-wrapper {
	margin-top:0px;
}

.header .social-media .icon {
	padding-right:6px;
	padding-left:6px;
}

.header .social-media {
	display: inline-block;
    margin-right: 15px;
}

.header ul, .header li {
	list-style-type: none;
	list-style: none;
	display: inline-block;
	margin-left:15px;
	margin-right:15px;
}

.header li a {
	position:relative;
}

.header #topMenu li a {
	position: relative;
    font-weight: 500;
    font-size: 25px;
	color:grey;
}

#topMenu #menu-hauptmenue {
	width:100%;
	margin:auto;
	max-width: 650px;
	display:flex;
	justify-content: space-between;
}


.header #topMenu li a:hover, .header #topMenu li.current-menu-item a, .home .header #topMenu li a {
	color:#000;
}

.white.header #topMenu li a {
	color:#fff;
}

.fixed-header .white.header #topMenu li a {
	color:#000;
}

.header li a:after {
	content: "";
    position: absolute;
    left: 50%;
    width: 0px;
    background-color: #000;
	height:3px;
	bottom:0px;
    transition: all 0.2s;
}

.header.white li a:after {
    background-color: #fff;	
} 

.header li a:hover:after, li.current-menu-item a:after {
	width:100%;
	left:0%;
}

.header .social-media {
	margin-top:5px;
	font-size: 20px;
}

.header-image {
	width: 100%;
	height: 440px;
	position:relative;
	z-index:0;
	overflow:hidden;	
}

.home .header-image {
	height:550px;
}

.single .header-image, .woocommerce-cart .header-image, .woocommerce-checkout .header-image {
	height:350px;
}

.info-wrapper {
	position:absolute;
	max-width:500px;
	bottom:60px;
	left:50%;
	transform: translateX(-50%);
	z-index:20;
}

.divider {
	width:160px;
	display:inline-block;
	height:1px;
	background-color:#000;
}

.divider.white, .white .divider {
	background-color:#fff;
}

h1 {
	margin-top:0px;
	margin-bottom:0px;
}

h1 {
	font-weight:300;
	font-size:22px;
}

.header-image .subtitle {
	font-size:25px;
	font-weight: 500;
	text-transform: uppercase;
	margin-top:15px;
}

.header-image.white .icon {
	color:#fff;
}

.intro {
	font-size:22px;
	font-weight: 500;
	margin-bottom:30px;
}

.intro.big {
	font-size: 40px;
    line-height: 130%;
    font-weight: 700;
}

.intro.font-light {
	 font-weight: 400;
}

.intro.medium {
	font-size: 35px;
    line-height: 130%;
    font-weight: 700;
}

.home h2.font-light, .page-template-linktree h2.font-light {
	font-size: 25px;
}

.intro em {
	font-style: italic;
	font-weight: 500;
}

.intro.light {
	font-weight: 300;
}

/* SINGLE */

h4.category, h2.category, h1.category, a.category {
	text-transform: capitalize;
	font-size: 14px !important;
	color:#F5A623;
	margin-bottom: 10px;
	font-weight: bold;
}

h1.category.text-uppercase, h4.category.text-uppercase {
	text-transform: uppercase;
}

.bright-category .category {
	color:#333;
}

h4.category.color-white, h4.category.white {
	color:#fff;
}

h4.category.color-black, h4.category.black {
	color:#000;
}

h4.category.color-grey, h4.category.grey {
	color:grey;
}

a.color-grey:hover {
	color:#000;
}

.no-margin {
	margin:0px;
}

.row-flex {
	display: flex;
	align-items: center;
}
.sidebar-top {
	height:100px;
}

.sidebar-wrapper {
	float:right;
}

.fixed-sidebar .share-wrapper.oben.fixed-sharer, .fixed-sidebar .sidebar-wrapper {
	position: fixed;
	top:100px;
}

.fixed-sidebar .sidebar-wrapper {
	float:left;
	top:190px;
	text-align: left !important;
}

.fixed-sidebar .sidebar {
    float: left;
    margin-left: 0px;
}

.fixed-sidebar .content.fixed-content {
	left:25% !important;
}

.gravatar {
	width:90px;
	height: auto;
	float:left;
	margin-right:20px;
}

.author-info a {
	font-weight: normal;
	display: inline;
	border-bottom:1px solid #000;
}

.author-info a:hover {
	border-color:transparent;
}

.author-img {
	width:140px;
	float:left;
	margin-right:30px;
}

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

.author-info-wrapper {
	padding-bottom:60px;
	padding-top:60px;
	position: relative;
}

/* .author-info-wrapper:after {
	content:"";
	height:1px;
	width:160px;
	left:50%;
	transform: translateX(-50%);
	position: absolute;
	bottom:0px;
	background-color:#000;
} */

.author-info-wrapper:before {
	content:"";
	height:1px;
	left:15px;
	right:15px;
	position: absolute;
	top:0px;
	background-color:#000;
}

.single-sport .author-info-wrapper:before {
	display: none;
}

.social-share {
	width:40px;
	line-height: 40px !important;
	border:1px solid #000;
	margin-right:10px;
	display:inline-block;
	text-align: center;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
	margin-bottom:10px;
}

.social-share:hover {
	color:#fff;
	background-color:#000;	
}

.social-share.icon-facebook {
	color:#3b5998;
	border-color:#3b5998;
}

.social-share.icon-facebook:hover {
	color:#ffff;
	background-color:#3b5998;
}

.social-share.icon-whatsapp {
	color:#25d366;
	border-color:#25d366;
}

.social-share.icon-whatsapp:hover {
	color:#ffff;
	background-color:#25d366;
}

.social-share.icon-twitter {
	color:#00aced;
	border-color:#00aced;
}

.social-share.icon-twitter:hover {
	color:#ffff;
	background-color:#00aced;
}

.single h1 {
	font-weight: 500;
	font-size: 30px;
	margin-bottom:10px;
}

.single .divider {
	margin-bottom:10px;
}

.recommend .hover-image-wrapper:hover .category-wrapper, .modal-quick .hover-image-wrapper:hover .category-wrapper {
	color:transparent;
	background-color: transparent;
}

.recommend .hover-image-wrapper .title, .recommend .hover-image-wrapper .subtitle,.modal-quick .hover-image-wrapper .title, .modal-quick .hover-image-wrapper .subtitle {
	padding-left:0px;
}

.recommend .hover-image-wrapper:hover .title, .recommend .hover-image-wrapper:hover .subtitle,.modal-quick .hover-image-wrapper:hover .title, .modal-quick .hover-image-wrapper:hover .subtitle {
	padding-left:10px;
}

.recommend .hover-image-wrapper:hover .title-wrapper,.modal-quick .hover-image-wrapper:hover .title-wrapper {
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;	
}

.recommend .hover-image-wrapper .hover-bg-wrapper,.modal-quick .hover-image-wrapper .hover-bg-wrapper {
	top:auto;
	height:100%;
}

.recommend .hover-image-wrapper:hover .hover-bg-wrapper,.modal-quick .hover-image-wrapper:hover .hover-bg-wrapper {
	background-color: rgba(0,0,0,0.6);
	height:0px;
}

.half .hover-image-wrapper:hover .hover-bg-wrapper.hover-out, .half .hover-image-wrapper .hover-bg-wrapper.hover-in {
	background-color:transparent;
}

.half .hover-image-wrapper:hover .hover-bg-wrapper.hover-in, a:hover .blogwrapper .half .hover-image-wrapper .hover-bg-wrapper.hover-in {
	background-color:rgba(0,0,0,0.6);
}

body a:hover .blogwrapper .half .hover-image-wrapper .hover-bg-wrapper.hover-in.white-hover {
	background-color: rgba(255,255,255,0.8);
}

.blog-nav a.btn, .more-activity a.btn {
	min-width: auto;
	padding:5px 10px 3px 10px;
	margin-left:5px;
	margin-right: 5px;
	display: inline-block;
	font-size: 12px;
	border-color:#eaeaea;
	margin-top:10px;
}

.more-activity a.btn {
	margin-left:0px;
	margin-right: 0px;
}

.home .modal-home .blogwrapper .half {
	background-color:transparent !important;
}

.blog-nav a.btn:hover, .more-activity a.btn:hover {
	background-color: #acacac;
	border-color:#acacac;
	color:#555;
}

.blog-nav a.btn.active, .more-activity a.btn.active {
	background-color:#000;
	color:#fff;
	border-color:#000;
}

.blog-nav {
	font-size: 12px;
	border-top:1px solid #acacac;
	padding-bottom: 10px;
}

.alle-wrapper {
	position: relative;
	top:6px;
	margin-top:10px;
	display: inline-block;
}

/* HALF */

.half-wrapper {
	width:100%;
	clear:both;
}

.termine.half-wrapper {
	min-height:450px;
	position: relative;
}

.termine .half {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;	
}

.termine .half.txt {
	left:50%;
    display: table;
    vertical-align: middle;	
}

h2.year {
	font-size: 70px;
	font-weight: bold;
	margin-top:0px;
	line-height: 1;
}

.termine-wrapper {
	padding-left:45px;
	padding-right:45px;
}

.half .hover-image-wrapper {
	height: 450px;	
}

.col-lg-4.year:after {
	position: absolute;
	content: "";
	width:1px;
	height:160px;
	right:0px;
	top:0px;
	background-color:#000;
}

.half .hover-image-wrapper .hover-bg-wrapper:after {
	content:"";
	background-color:rgba(255,255,255,0);	
	position: absolute;
	left:0%;
	width:100%;
	top:0%;
	height:100%;
	z-index:8;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;		
} 

.half .hover-image-wrapper.no-bg .hover-bg-wrapper:after {
	width:0%;	
	background-color:rgba(255,255,255,1);		
} 

.half .hover-image-wrapper:hover .hover-bg-wrapper, a:hover .half .hover-image-wrapper .hover-bg-wrapper {
	background-color:rgba(255,255,255,0.8);	
}

.half.no-hover .hover-image-wrapper:hover .hover-bg-wrapper {
	background-color: rgba(0,0,0,0.6);
}

.half {
	width:50%;
	float:left;
	height: 450px;
	position: relative;
	overflow:hidden;
}

.half.image, .half .image {
	background-attachment: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position:relative;	
}

.half .image {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:0;
}

.half.image:after, .half .image:after {
	content:"";
	background-color:rgba(0,0,0,0.6);
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.half .no-background.image:after {
	background:none;
}

.half.hover:hover:after, .half.hover:hover .image:after {
	background-color:rgba(255,255,255,0.9);	
}

.half.image.hover, .half.hover .image {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
	background-size: 105%;	
}

.half.hover .image-wrapper {
	position:absolute;
	top:-40px;
	left:-40px;
	right:-40px;
	bottom:-40px;	
}

.image-wrapper.new-margin-header {
    overflow: hidden;
}

.half.hover:hover .image-wrapper {
	position:absolute;
	top:-20px;
	left:-20px;
	right:-20px;
	bottom:-20px;	
}

.half.hover:hover h2, a:hover .half.hover h2 {
	transform: scale(0.9);
}

.half.hover:hover .icon, .half.hover:hover h2, .half.hover:hover .subtitle, a:hover .half.hover .icon, a:hover .half.hover h2, a:hover .half.hover .subtitle {
	color:#000;
}

.half.hover:hover .divider, a:hover .half.hover .divider {
	background-color:#000;
}

.half.hover:hover .image {
	background-size: 100%;	
}

.banner-info-wrapper {
	position:absolute;
	left:0px;
	bottom:65px;
	z-index:20;
	font-weight:300;
	font-size:20px;
}

.half.full {
	width:100%;
	float:none;
}

.banner-info-wrapper span {
	-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
	background-color:#fff;
	padding: 5px 10px 3px 0px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
	color:#000;
}

.hover:hover .banner-info-wrapper span, a:hover .banner-info-wrapper span {
	background-color:#000;
	color:#fff;
	padding-left:10px;
}

.half-info-wrapper {
	max-width:80%;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index:20;
}

.white .half-info-wrapper {
	color:#fff;	
}

.half.image .btn, .btn.white {
	color:#fff;
	border-color:#fff;
	border-radius: 0px;
	padding:10px 0px;
	margin-top:25px;
}

.half-info-wrapper .btn.white:hover {
	background-color:#fff;
	color:#000;
}

.ic-wrapper .btn {
	margin-top: 25px;
}

.txt .half-info-wrapper {
	max-width:750px;
	width:100%;
	padding-right:45px;
	padding-top:30px;
	padding-bottom: 30px;
}

.txt.txt-right .half-info-wrapper {
	left:0px;
	transform: translateY(-50%);
	padding-left:60px;
}

.txt.txt-left .half-info-wrapper {
	right:0px;
	transform: translateY(-50%);
	left:auto;
	padding-right:60px;
	padding-left:45px;
}

.txt h3 {
	margin-bottom:30px;
	max-width: 450px;
	width: 70%;	
}

.txt h3.no-margin {
	margin-bottom: 0px;
}

.termine.active .half {
	height:auto;
	min-height: 450px;
	position: relative;
}

.termine.active .half.img-left {
	position:absolute;
}

.termine .txt .half-info-wrapper {
	padding-top:60px;
	padding-bottom:60px;
	position: relative;
    top: 0px;
    transform: none;
    bottom: 0px;
    display: table-cell;
    vertical-align: middle;
    height: 100%;	
	padding-right:45px;
}

.termine.active .half .hover-image-wrapper {
	height:100%;
}

.absolute-outer-image .image-wrapper {
	position: absolute;
	left:0px;
	top:0px;
	right:0px;
	z-index: 0;
}

.absolute-outer-image a.banner, .absolute-outer-image a.banner:hover {
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom: 0px;
}

.absolute-outer-image .heading-wrapper .inner-wrapper {
	max-width: 700px;
	hyphens: none;
}

.termine-info-wrapper {
	max-width:645px;
}

.open-termin {
	margin-top:20px;
	display: inline-block;
	position: relative;
}

.open-termin:after {
	content: "";
	background-color:#000;
	height:1px;
	position: absolute;
	left:0px;
	width:100%;
	bottom:0px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.termine.active .btn {
	color:transparent !important;
	width:160px;
	position: relative;
}

.active .open-termin {
	color:transparent;
}

.active .open-termin:before, .termine.active .btn:after {
	content:"Schließen";
	color:#000;
	position: absolute;
	display: inline-block;
}

.termine.active .btn:after {
	text-align: center;
	display:block;
	width:160px;
	top:50%;
	transform: translateY(-50%);
	color:#fff;
}

.active .open-termin:after {
	display:none;
}

.open-termin:hover:after {
	left:50%;
	width:0px;
}

.active .txt .half-info-wrapper, .active .txt.txt-right .half-info-wrapper {
    top: 0px;
    left: 0%;
    transform: none;
}

.clear {
	clear:both;
}

.active.relative .txt .half-info-wrapper, .active.relative .txt.txt-right .half-info-wrapper {
	position: relative;
}

.txt h3.termine {
	margin-bottom:0px;
	margin-top:10px;
}

.location {
	display:block;
}

.txt a {
	margin-top:20px;
	display:inline-block;
}

.txt a.no-margin {
	margin-top:0px;
}

.txt a.inline-underline, a.hover-underline, .woocommerce-message a, .comment-body a {
	margin-top:0px;
	display:inline;
}

.woocommerce-message .wc-forward {
	display:block;
	margin:auto;
	margin-bottom:20px;
	width:160px;
    text-align: center;
    border: 1px solid #999;
    border-radius: 0px;	
	color:#999;
	font-size:15px;
	padding-top:10px;
	padding-bottom:8px;
}

.comment #respond .comment-reply-title {
	margin-top:50px;
}

.comment #respond {
	margin-left:30px;
}

ul.children {
	margin-left:30px;
}

.woocommerce-message .wc-forward:hover {
	background-color:#000;
	color:#fff;
	border-color:#000;
}

a.hover-underline, footer a {
	border-bottom:1px solid transparent;
}

a.inline-underline, a.hover-underline:hover, .woocommerce-message a, footer a:hover, a.comment-reply-link, a#cancel-comment-reply-link, .comment-body a {
	border-bottom: 1px solid #000;;
}

.white a.inline-underline, a.hover-underline.white-border:hover {
	border-color: #fff;;
}

a#cancel-comment-reply-link {
	font-size:17px;
}

a.inline-underline:hover, .woocommerce-message a:hover, a.comment-reply-link:hover, a#cancel-comment-reply-link:hover, .comment-body a:hover {
	border-color: transparent;;
}

strong a.inline-underline {
	border-width: 2px;
}

.half.push {
	left:50%;
}

.half.pull {
	left:-50%;
}

.half .icon {
	font-size: 78px;
	margin-bottom: 20px;
	display: block;
}

.half .hover-image-wrapper .subtitle {
	font-weight:300;
	font-size: 15px;
	text-transform: none;
	margin-top: 10px;	
	letter-spacing: 0.4px;
    position: relative;
    top: 0px;
    max-width: 100%;
    background-color: transparent;
    padding: 0px;	
	display:block;
}

.half h2 {
	margin-top:0px;
	margin-bottom:0px;
}

/* ARBEITEN */

.category-menu .category {
	display: inline-block;
	margin-left:15px;
	margin-right:15px;
	color:#999;
	position:relative;
}

.category-menu .category.active {
	color:#000;
}	


.category-menu .category:after {
    content: attr(title);
    position: absolute;
    left: 0px;
    width: 0px;	
    color: #000;
    overflow: hidden;
    transition: all 0.4s;
}

.category-menu .category:before {
    content: attr(title);
    position: absolute;
	top:50%;
    left: -5px;
	right:-5px;
	height:0px;
    color: #fff;
    overflow: hidden;
    transition: all 0.2s;	
	background-color:#000;
	z-index:10;
}

.category-menu .category.alle.active:before {
	display:none;
}

.category-menu .category.active:before {
	height:100%;
	top:0px;
}

.category-menu .category:hover:after {
	width:100%;
}

.category-menu .category:hover {
	cursor: pointer;
}

#container .item-wrapper, .woocommerce .item-wrapper {
	position: relative;
	overflow: hidden;
}

#container .item-img, .woocommerce .item-img {
	position:absolute;
	top:-11px;
	left:-11px;
	bottom:-11px;
	right:-11px;
	z-index:2;
}

/* #container .item-wrapper:hover .item-img, #container .visible .item-wrapper .item-img, .woocommerce .item-wrapper:hover .item-img {
	top:-1px;
	left:-1px;
	bottom:-1px;
	right:-1px;	
} */

#container .title-wrapper, .woocommerce .title-wrapper {
	position:absolute;
	top:30px;
	left:0px;
	z-index:20;
	width:100%;
}

#container .visible .subtitle, #container .visible  h2, #container .item-wrapper:hover .subtitle, #container .item-wrapper:hover h2 {
	background-color:#000;
	color:#fff;
}

#container .item-wrapper:hover .category-wrapper, #container .visible .item-wrapper .category-wrapper {
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;	
}

/* 
#container .item-wrapper:hover .title-wrapper, #container .visible .item-wrapper .title-wrapper {
	top:5px;
}

#container .item-wrapper:hover .subtitle, #container .visible .item-wrapper .subtitle, .woocommerce .item-wrapper:hover .subtitle {
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;	
}

#container .item-wrapper:hover h2, #container .visible .item-wrapper h2 {
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	padding-bottom:8px;
} */

/* #container .item-wrapper:hover:after, #container .visible .item-wrapper:after, .woocommerce .item-wrapper:hover:after {
	background-color:rgba(0,0,0,0);	
} */

.no-margin .col-lg-1, .no-margin .col-lg-10, .no-margin .col-lg-11, .no-margin .col-lg-12, .no-margin .col-lg-2, .no-margin .col-lg-3, .no-margin .col-lg-4, .no-margin .col-lg-5, .no-margin .col-lg-6, .no-margin .col-lg-7, .no-margin .col-lg-8, .no-margin .col-lg-9, .no-margin .col-md-1, .no-margin .col-md-10, .no-margin .col-md-11, .no-margin .col-md-12, .no-margin .col-md-2, .no-margin .col-md-3, .no-margin .col-md-4, .no-margin .col-md-5, .no-margin .col-md-6, .no-margin .col-md-7, .no-margin .col-md-8, .no-margin .col-md-9, .no-margin .col-sm-1, .no-margin .col-sm-10, .no-margin .col-sm-11, .no-margin .col-sm-12, .no-margin .col-sm-2, .no-margin .col-sm-3, .no-margin .col-sm-4, .no-margin .col-sm-5, .no-margin .col-sm-6, .no-margin .col-sm-7, .no-margin .col-sm-8, .no-margin .col-sm-9, .no-margin .col-xs-1, .no-margin .col-xs-10, .no-margin .col-xs-11, .no-margin .col-xs-12, .no-margin .col-xs-2, .no-margin .col-xs-3, .no-margin .col-xs-4, .no-margin .col-xs-5, .no-margin .col-xs-6, .no-margin .col-xs-7, .no-margin .col-xs-8, .no-margin .col-xs-9 {
	padding-left:0px;
	padding-right:0px;
}

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

/* #container .item-wrapper:after, .woocommerce .item-wrapper:after {
	content:"";
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	position: absolute;
	background-color:rgba(0,0,0,0.6);
	z-index:2;	
} */

.item-wrapper .hover-top {
	top:0px;
	left:0px;
	height:100%;
	right:0px;
	position: absolute;
	background-color:rgba(0,0,0,0.6);
	z-index:2;		
}

.item-wrapper .hover-bottom, a.hover-link .hover-bottom, a.hover-link:hover .hover-bottom {
	bottom:0px;
	left:0px;
	height:100%;
	right:0px;
	position: absolute;
	background-color:rgba(0,0,0,0.6);
	z-index:2;		
}

a.hover-link {
	display: block;
	position: relative;
}

a.hover-link .hover-bottom {
	background-color: transparent;
}

.item-wrapper:hover .hover-bottom, .item-wrapper:hover .hover-top, .visible .item-wrapper .hover-bottom, .visible .item-wrapper .hover-top {
	height:0px;
}

.category-wrapper {
	padding: 6px 10px 4px 10px;
	background-color:#000;
	color:#fff;
	position: absolute;
	z-index: 20;
	bottom:30px;
	right:0px;
	font-weight:300;
	font-size:14px;
}

@media (min-width:1200px) {
	
	.right-lg {
		float:right;
	}	
	
	.clear-lg {
		clear:both;
	}
	
}

.category-wrapper.malerei {
	color:#000;
	background-color:#7ED321;
}

.category-menu .category.malerei.active:before {
	color:#fff;
	background-color:#7ED321;
}

.category-menu .category.malerei:after, .category-menu .category.malerei.active {
	color:#7ED321;
}

.category-wrapper.video {
	color:#000;
	background-color:#FF3B53;
}

.category-menu .category.video.active:before {
	color:#fff;
	background-color:#FF3B53;
}

.category-menu .category.video:after, .category-menu .category.video.active {
	color:#FF3B53;
}

.category-wrapper.aktionskunst {
	color:#000;
	background-color:#FB53BA;
}

.category-menu .category.aktionskunst.active:before {
	background-color:#FB53BA;
}

.category-menu .category.aktionskunst:after, .category-menu .category.aktionskunst.active {
	color:#FB53BA;
}

.category-wrapper.event {
	color:#000;
	background-color:#60A9FE;
}

.category-menu .category.event.active:before {
	background-color:#60A9FE;
}

.category-menu .category.event:after, .category-menu .category.event.active {
	color:#60A9FE;
}

.category-wrapper.installation {
	color:#000;
	background-color:#F5A623;
}

.category-menu .category.installation.active:before {
	background-color:#F5A623;
}


.category-menu .category.installation:after, .category-menu .category.installation.active {
	color:#F5A623;
}

/* #container .item-wrapper:hover .category-wrapper, #container .visible .item-wrapper .category-wrapper {
	bottom:-30px;
} */

.isotope, .col {
	position:relative;
}

.nav-bottom {
	position:fixed;
	z-index:10000;
    background-color: rgba(255,255,255,0.96);
    padding-bottom: 30px;
    padding-top: 30px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	left:0px;
	right:0px;
	font-size:15px;
	bottom:-100px;
}

.nav-bottom.visible {
	bottom:0px;
}

.isotope {
	margin-bottom:100px;
}

.abstand {
	height:110px;
}

.abstand.unten {
	height:110px;
}

.abstand.nav {
	height:80px;
}

.primary-nav {
	position: relative;
	width: 15px;
	height: 10px;
	margin-right:0px;
	display: inline-block;
}

.toggle-nav, .toggle-nav:before, .toggle-nav:after {
	content: '';
	position: absolute;
	left: 0;
	display: block;
	text-indent: -9999px;
	background-color: #000;
	height: 1px;
	width: 100%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.white .toggle-nav, .white .toggle-nav:before, .white .toggle-nav:after {
	background-color:#fff;
}

.fixed-header .white .toggle-nav, .fixed-header .white .toggle-nav:before, .fixed-header .white .toggle-nav:after {
	background-color:#000;
}

.toggle-nav span {
	display: inline-block;
	width:0px;
	position: absolute;
	right:0px;
	top:-5px;
	overflow: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;		
}

.quick:hover .toggle-nav span {
	width:40px;;
	right:-42px;
}

.toggle-nav {
	top: 0px;
	width: 12px;
}

.toggle-nav:before {
	top: 4px;
	left:-4px;
}

.mobile-menu .toggle-nav:before, .mobile-menu .toggle-nav:after, .header-mobile .toggle-nav:before, .header-mobile .toggle-nav:after {
	left:0px;
}

.toggle-nav:after {
	top: 8px;
	left:-1px;	
}

.modal .close-quick.closer {
    right: 46px;
    position: absolute;
    left: 0x;
    top: -50px;	
	font-size:15px;
}

.quick:hover .toggle-nav:before, .quick.active .toggle-nav:before {
	transform: rotate(-90deg);
	left: 0px;
    top: 0px;
    width: 8px;	
}

.quick.active:hover .toggle-nav:before, .quick.active:hover .toggle-nav {
	width:11px;
}

.quick.active:hover .primary-nav {
	margin-right:3px;
}

.quick:hover .toggle-nav:after {
    transform: none;
    width: 45px;
    top: 10px;
	left:0px;	
}

.quick.active .toggle-nav:after {
	background-color:transparent;
	display:none;
}

.quick:hover .toggle-nav, .quick.active .toggle-nav {
	width:8px;
	top:4px;
	left:3px;
}

.quick.active .toggle-nav {
	top:5px;
	transform: rotate(45deg);
}

.hide-label .category-wrapper {
	/* background-color:#000;
	color:#fff;
	bottom:0px;
	font-size: 10px;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;	 */	
}

.hide-label .col.first .category-wrapper {
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;		
}

#container h2, .woocommerce .item-wrapper h2 {
	font-size:16px;
	font-weight: 500;
	margin-top:0px;
	max-width:550px;
	-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
	background-color:#fff;
	padding: 8px 10px 4px 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
	margin-bottom:0px;
	display:inline;
	margin-right:30%;
}

#container .subtitle, .woocommerce .item-wrapper .subtitle {
	font-size:16px;
	font-weight: 300;
	margin-top:0px;
	max-width:550px;	
	-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
	background-color:#fff;
	padding: 7px 10px 8px 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
	margin-bottom:0px;
	display:inline;
	margin-right:30%;	
}

.woocommerce .item-wrapper .subtitle, .woocommerce .item-wrapper h2 {
	padding-left:0px;
}

.woocommerce .cart_item .item-wrapper:hover .subtitle, .woocommerce .cart_item .item-wrapper:hover h2 {
	padding-left:10px;
}

.cart_item .item-wrapper .subtitle, .cart_item .item-wrapper h2 {
	margin-right:15px;
}

.woocommerce .item-wrapper .subtitle {
	position: relative;
	bottom:auto;
	padding-bottom:5px;
}

#container .product-wrapper .subtitle {
	padding-left:0px;
}

.warenkorb, header .open-quick {
	display: inline-block;
}

.warenkorb {
	margin-left: 10px;
}

.warenkorb a {
	position: relative;	
}

.warenkorb .icon {
	font-size:20px;
	top:2px;
	position: relative;
}

.warenkorb a:after {
	height:1px;
	content:"";
	background-color:#000;
	width:100%;
	left:0px;
	bottom:0px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.white .warenkorb a:after {
	background-color:#fff;
}

.fixed-header .white .warenkorb a:after {
	background-color:#000;
}

.warenkorb a:hover:after {
	width:100%;
}

/* BUTTONS */

.btn, .wp-polls-ans input.btn {
	min-width:160px;
	text-align: center;
	border:1px solid #000;
	border-radius: 0px;
	padding-left:10px;
	padding-right:10px;
}

.btn:hover, .half.hover:hover .btn, .btn:active, .btn:focus, input.btn:focus, input.btn:active, button.single_add_to_cart_button:hover {
	background-color:#000;
	color:#fff;
}

.white.btn:hover, .half.hover:hover .white.btn, a:hover .half.hover .white.btn, .btn.btn-reverse {
	background-color:#000;
	border-color:#000;
	color:#fff;	
}

.btn.btn-reverse:hover {
	background-color:#fff;
	color:#000;	
}

.outer-wrapper .left {
	left:-10%;
	position:relative;
	margin-top:70px;
	margin-bottom:80px;
}

.outer-wrapper .center {
	left:10%;
	width:80%;
	position:relative;
	margin-top:70px;
	margin-bottom:80px;	
}

.outer-wrapper .center.small {
	left:25%;
	width:50%;
	position:relative;
}

.outer-wrapper .center.small.infobox {
	left:-10%;
	float:left;
	margin-top:0px;
}

.icon-next {
	font-size:11px;
}

.bread .icon-next {
	font-size:9px;
}

.outer-wrapper .right {
	left:20%;
	position:relative;
	margin-top:70px;
	margin-bottom:80px;
}

.outer-wrapper img.alignnone {
	width:100%;
	height:auto;
	margin-top:70px;
	margin-bottom:80px;	
}

.outer-wrapper .image-gallery img.alignnone {
	width:100%;
	height:auto;
	margin-top:0px;
	margin-bottom:0px;	
}

.outer-wrapper .image-gallery {
	margin-top: 100px;
	margin-bottom: 100px;
} 

.outer-wrapper .left img.alignnone, .outer-wrapper .right img.alignnone, .outer-wrapper .center img.alignnone {
	margin:0px;
}

.outer-wrapper .right, .outer-wrapper .left {
	width:90%;
}

.outer-wrapper .right img, .outer-wrapper .left img {
	width:100%;
	height:auto;
}

.content .subtitle {
	position:absolute;
	z-index:10;
	bottom:20px;
	font-weight: 300;
	left:0px;
}

.content .subtitle.top {
	bottom:auto;
	top:50px;
}

.content .subtitle p {
	text-transform: uppercase;
	font-size: 25px;
	display:inline;	
	-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
	background-color:#fff;
	padding: 10px 10px 8px 0px;	
}

label.FNAME-label {
	width:49% !important;
	float:left !important;
	margin-right:2% !important;
	margin-bottom:10px !important;
}

label.LNAME-label {
	width:49% !important;
	margin-bottom:10px !important;	
}


.content .subtitle.right-side {
	right:0px;
	left:auto;
	text-align: right;
}

.content .subtitle.right-side p {
	padding-left:10px;
	padding-right:10px;	
}

.content .subtitle.big p {
	font-size:60px;
	font-weight:500;
	line-height: 140%;
}

.left h2, .right h2, h2.big {
	font-size:60px;
	margin-bottom:30px;
	text-transform: uppercase;
}

h2.supreme {
	font-size:90px;
}

.left h2.small, .right h2.small {
	font-size:40px;
}

.left.full {
	width:110%;
	left:-10%;
}

.right.full {
	width:110%;
	right:0%;
	left:auto;
}

.left.full img, .right.full img {
	width:100%;
	height:auto;
}

.caption {
	margin-top:-40px;
	margin-bottom:70px;
}

small {
	font-size: 13px;
	line-height: 150%;
	margin-top:30px;
	display:block;
}

/* Blog */

.html {
	font-weight: 300;
	color:grey;
	font-size: 14px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;		
}

.moreContent {
	display: none;
}

.moreBubble {
    background: grey;
    width: 26px;
    height: 26px;
	border:1px solid grey;
    border-radius: 7px;
    color: #fff;
    text-align: center;
    position: absolute;
    right: -30px;
    margin-top: -21px;	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;		
}

.moreBubble:hover {
	background-color:transparent;
	color:#000;
	border-color:#000;
	cursor: pointer;
}

.moreBubble.active {
	background-color:#000;
	border-color:#000;
	color:#fff;
	margin-top:0px;
}

.sensible-inhalte {
	position:relative;
	overflow:hidden;
	height:400px;
	width:100%;
}

.sensible-inhalte blockquote {
	display:none;
}

.sensible-inhalte .infotext {
	width:70%;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -60%);	
}

.sensible-inhalte .infotext img {
    width: 70px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}

.sensible-inhalte .showimage {
	width:80%;
	left:10%;
	bottom:20px;
	padding-top:20px;
	border-top:2px solid #fff;
	position: absolute;
}

.sensible-inhalte .hide-visible, .sensible-inhalte .img-visible {
  filter: blur(50px);
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  -o-filter: blur(50px);
  -ms-filter: blur(50px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='50');	
   width:160% !important;
	position: absolute !important;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	max-width: none !important;
	height: 690px;
}

.sensible-inhalte .hide-visible img, .sensible-inhalte .img-visible img  {
	width:100%;
}

.sensible-inhalte iframe {
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;	
}

.sensible-inhalte .overlay {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background: rgba(255,255,255,0.6);
	z-index:100;
}

.sensible-inhalte:hover .overlay {
	background: rgba(255,255,255,0.3);
} 

.sensible-inhalte.visible .overlay {
	display:none;
}

.hover-img {
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;
	width:100%;
	z-index:1;
	position: absolute;
	left:0px;
	top:0px;
}

.hover-image-wrapper:hover .hover-img {
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;	
}

.sensible-inhalte.visible .hide-visible, .sensible-inhalte.visible .img-visible {
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');	
   width:100% !important;
	position: relative !important;
	left:auto;
	top:auto;
	transform: none;
	max-width: 500px !important;	
	height: auto;
}

.sensible-inhalte.visible .hide-visible {
	display: none;
}

.sensible-inhalte.visible iframe {
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;	
	min-height:560px;
}

.sensible-inhalte.visible {
	height:auto;
}


.blue, .blue.html, .blue.html.big {
	color:#4d6fb7;
}

.brown, .brown.html, .brown.html.big {
	color:#728527;
}

article .orange, article .orange.html, article .orange.html.big {
	color:#dc8931;
}

.html.out, .html.out.big, .html.out span {
	color:transparent !important;
}

.html.big {
	color:#666;
	font-size: 17px;	
}

.html-code {
	display:none;
}

.isotope .more-info-wrapper {
	min-height:260px;
}

/* CONTENT */

.videowrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.videowrapper.hoch {
    padding-bottom: 180.25%;
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0px !important;
}

.instawrapper iframe {
	min-width: 100% !important;
}

.content {
	margin-top:80px;
}

.single-post .content {
	margin-top:0px;
}

.loop {
	min-height:100vh;
	position: relative;	
}

.open-info {
	margin-top:5px;
	margin-bottom:45px;	
}

.visible.open-info {
	height:auto;
}

.open {
	margin-top:0px;
	margin-bottom:0px;
	display: inline-block;
	position: relative;
}

.open:after {
	width:100%;
	height:1px;
	content: "";
	bottom:0px;
	left:0px;
	position: absolute;
	background-color:#000;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.termine-wrapper .hover-image-wrapper img {
	display: none;
}

.termine-wrapper .hover-image-wrapper.visible {
	display: block;
	max-width:400px;
}

.open:hover:after {
	width:0%;
	left:50%;
}

.pointer:hover {
	cursor: pointer;
}

.closed {
	margin-top:30px;
	display: none;
}

.loop .hover-image-wrapper .hover-bg-wrapper:after {
	background-color:rgba(255,255,255,0);
	top:0px;
	content:"";
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:10;
	width:0%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;	
}

body .loop .hover-image-wrapper:hover .hover-bg-wrapper:after, body .loop .hover-image-wrapper.visible .hover-bg-wrapper:after {
	width:100% !important;
	background-color:rgba(255,255,255,0.4);
	left:-100%;
	right:0px;
	top:0px;
	bottom:0px;
}

body .loop .hover-image-wrapper.visible .hover-bg-wrapper:after {
	top:100%;
	background-color:rgba(255,255,255,0.1);
}

.hover-image-wrapper.visible {
	margin-top:100px;
}

.first .hover-image-wrapper.visible {
	margin-top:0px;
}

.visible .read-more {
	color: transparent;
	margin-top:15px;
	margin-left:-6px;
}

.visible .read-more:before {
	content: "Schließen";
	color:#000;
	position:absolute;
	top:0px;
	padding-top:5px;
	padding-left:5px;
	left:0px;
}

.visible .open.read-more:after {
	content: "\e916";
    top: 9px;
    left: -4px;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    height: auto;
    background: transparent;
    color: #666;	
	width:auto;
	font-size:10px;
}

.visible .read-more:hover:after {
	color:#000;
	top:0px;
}


/* WOOCOMMERCE */

.home .bewertung, .feature .bewertung {
	margin-top:10px;
}

.preis-wrapper .star-rating {
	position:absolute;
	right:30px;
}

.preis-wrapper .review-count {
	position:absolute;
	right:10px;
	font-size:14px;
	font-weight: 300;
}

.home .star-rating span {
	font-size:15px;
}


.star-rating{
	overflow:hidden;
	position:relative;
	height:30px;
	line-height:1;
	font-size:30px;
	width:86px;
	font-family:'icomoon';
}

.star-rating:before{
	content:"\e90e\e90e\e90e\e90e\e90e";
	color:#000;
	top:0;
	left:0;
	position:absolute;
	width:100%;
	z-index:10;
}

.star-rating span{
	overflow:hidden;
	float:left;
	top:0;
	left:0;
	position:absolute;
	padding-top:3.5em
}

.star-rating span:before{
	content:"\e90d\e90d\e90d\e90d\e90d";
	color:#ffd700;	
	top:0;
	position:absolute;
	left:0;
	z-index:0;
	font-size:30px;
}

.single .preis {
	font-size:32px;
	font-weight: 500;
	padding:5px 10px;
	background-color:#000;
	color:#fff;
	display:inline-block;
	margin-bottom:15px;
}

.single .star-rating, .single .review-count {
	display:inline-block;
}

.thumbnails {
	width:15%;
	float:left;
}

.thumbnails .small-image {
	overflow: hidden;
	margin-left:15px;
	margin-bottom:15px;
}

.product-image {
	width:85%;
	float:left;
}

.small-image:after {
	content:"";
	background-color:rgba(0,0,0,0.5);
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;	
}

.small-image.active:after, .small-image:hover:after {
	background-color:rgba(0,0,0,0);
}

.relative {
	position: relative;
}

.thumbnails .product {
	position: absolute;
	height:105%;
	width:auto;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;		
}

.thumbnails .small-image:hover .product, .thumbnails .small-image.active .product {
	height:100%;
}

.limitedlogo, .woocommerce-product-gallery img.limitedlogo {
	width:60px;
	height:auto;
	z-index: 10;
	position: absolute;
	bottom:30px;
	right:30px;
}

.star-rating.grey span:before {
	color:#acacad;
}

.star-rating.yellow span:before {
	color:#ffd700;
}

.black-bg {
	background-color:#000;
	padding-top:50px;
	padding-bottom: 50px;
}

.grey-bg {
    background-color:#4a4947;
    color:#fff;
}

.border-wrapper {
    border-left:1px solid #000;
    border-right: 1px solid #000;
}
/* LINK */

a, a:hover, a:focus, a:active, span.underline, .modal-content .hover-image-wrapper.excerpt-wrapper .title-wrapper.bottom .underline {
	color:#000;
	text-decoration: none;
	position: relative;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;		
}

span.underline.color-white {
	color:#fff;
}

a.underline:after, .blogwrapper span.underline:after, .hover-link span.underline:after, .modal-content .hover-image-wrapper.excerpt-wrapper .title-wrapper.bottom .underline:after, .home a.underline span.underline:after {
	content:"";
	position: absolute;
	right:0px;
	width:100%;
	height:1px;
	background-color:#000;
	bottom:-2px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

span.underline.color-white:after, .hover-link span.underline.color-white:after {
	background-color:#fff;
}

.single .article-wrapper a:after, .single .article-wrapper a:hover:after, a.underline.normal:hover:after, a.underline.normal:after, a.underline.medium:hover:after, a.underline.medium:after {
	display: none;
}

.single .article-wrapper a, a.underline.normal, a.underline.normal.reverse:hover {
	border-bottom: 1px solid #000;
}

a.underline.normal.color-white {
	border-color: #fff;
}

a.underline.medium.reverse:hover {
	border-bottom: 2px solid #000;
}

.intro a.underline.normal {
	border-bottom:3px solid #000;
}

.single .article-wrapper a:hover, a.underline.normal:hover, a.underline.normal.reverse, a.underline.medium.reverse {
	border-color: transparent;
}

a.no-underline:after {
	background-color:transparent !important;
}

.modal-content .hover-image-wrapper.excerpt-wrapper .title-wrapper.bottom .underline {
	color:#fff;
}

.modal-content .hover-image-wrapper.excerpt-wrapper .title-wrapper.bottom .underline:after {
	background-color:#fff;
}

a.underline:hover:after, .single .article-wrapper a:hover:after, .hover-link:hover span.underline:after, .modal-content .hover-image-wrapper.excerpt-wrapper:hover .title-wrapper.bottom .underline:after, .home a.underline:hover span.underline:after  {
	width:0px;
	right:50%;
}

a.white, .white a, .white span.underline {
	color:#fff;
}

.fixed-header header.white a {
	color:#000;
}

a.white.underline:after, .white a.underline:after, .white span.underline:after {
	background-color:#fff;
}

/* FONT */

.post-nav-wrapper a {
	margin-right:30px;
}

.post-nav-wrapper .text-right a {
	margin-right:0px;
	margin-left:30px;
}

.landingpage .post-nav-wrapper {
	display: none;
}

.color-grey, a.color-grey, a .color-grey .color-grey a {
	color:grey;
}

.font-10 {
	font-size: 10px;
}

.font-14 {
	font-size: 14px;
}

.font-15 {
	font-size: 15px;
}

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

.font-24 {
	font-size: 24px;
}

.font-22 {
	font-size: 22px;
}

.font-30 {
	font-size: 30px;
}

.font-40 {
	font-size: 40px;
}

.font-50 {
	font-size: 50px;
}

.font-grey, .font-grey a {
	color:#999;
}

.color-bright, .color-bright .color-white {
	color:grey;
}

.font-grey a.hover-underline:hover {
	border-color:#999;
}

.no-margin-top {
	margin-top:0px;
}

.no-margin-bottom {
	margin-top:0px;
}

a, .hyphens {
	hyphens: auto;
}

a .row-flex {
	hyphens: none;
}

.hypens-man, a.hypens-man {
	hyphens: manual;
}

.col-double:nth-child(2n+1) {
	clear: both;
}

.col-triple:nth-child(3n+1) {
	clear: both;
}

.black-bg a.color-white:hover, .black-background a.color-white:hover {
	color:#fff;
}

@media (max-width:1400px) {
	
	.modal-home .content-wrapper p {
		font-size: 21px;
	}

	.modal-home .content-wrapper .intro {
		font-size: 26px;
	}	
	
	body .subheader-wrapper .social-media-wrapper {
		margin-right: 10px;
	}
	
}

@media (min-width:768px) {
	.double-sm .double-col:nth-child(2n+1) {
		clear:both;
	}
}

@media (max-width:1200px) {
	
	.modal-home.big-margin-top {
		margin-top: 90px;
	}
	
	.modal-home.big-margin-bottom {
		margin-bottom: 60px;
	}	
	
	.text-left-md {
		text-align: left;
	} 
	
	.small-margin-top-md {
		margin-top:60px;
	}
	
	.small-margin-bottom-md {
		margin-bottom: 60px;
	} 
	
	.woocommerce-cart .title-wrapper, .woocommerce-cart .hover-bg-wrapper {
		display:none;
	}	
	
	.cookie-info {
		height:90px;
	}
	
	body.show-cookie, .show-cookie .header {
		top:90px;
	}
	
	.show-cookie .cookie-info {
		top:-90px;
	}
	
	.page-id-73.show-cookie .cookie-info {
		top:-170px;
	}
	
	.isotope .more-info-wrapper {
		min-height: 300px;
	}
	
	.outer-wrapper .right, .outer-wrapper .left {
		width: 80%;
	}
	
}

@media (max-width:1024px) {
	
	.storytelling-examples .col .inner-image-wrapper:after {
		opacity: 0.6;
		bottom: 10px;
	}
	
	.padding-top {
		padding-top:30px;
	}

	.padding-bottom {
		padding-bottom:30px;
	}	
	
	footer .outer-wrapper .col-md-3 {
		height:200px;
	}
	
	.home .item h2 {
		font-size:22px;
	}
	
	.home .item .subtitle, .home .produktpreis, .feature .produktpreis {
		font-size:17px;
	}
	
	.category-wrapper {
		bottom:20px;
	}

	.hover-image-wrapper.shop .title {
		font-size: 30px;	
	}
	
	.hover-image-wrapper.shop .subtitle {
    	font-size: 18px;
	}

	.hover-image-wrapper.shop .title-wrapper {
		top: 20px;
	}
	
	.modal .shop .category-wrapper {
		bottom: 20px;
		font-size: 20px;
	}
	
	.half .hover-image-wrapper:hover .hover-bg-wrapper {
		background-color: rgba(0,0,0,0.6);
	}
	
	.half.hover:hover h2, a:hover .half.hover h2 {
		transform: scale(1);
		color: #fff;
	}
	
	.half .hover-image-wrapper:hover .hover-bg-wrapper:after {
		background-color:transparent;
	}
	
	.white.btn:hover, .half.hover:hover .white.btn {
		background-color: transparent;
		border-color: #fff;
		color: #fff;
	}	
	
}

@media (min-width:1200px) {
	
		.clear-lg {
			clear:both;
		}	
	
		.quarter-lg:nth-child(4n+1) {
			clear:both;
		} 	
	
}

@media (max-width:1199px) and (min-width:992px) {
	
		.clear-md {
			clear:both;
		}	
	
		.third-md:nth-child(3n+1) {
			clear:both;
		} 	
	
}

@media (max-width:992px) and (min-width:768px) {
	
		.clear-sm {
			clear:both;
		}	
	
		.double-sm:nth-child(2n+1) {
			clear:both;
		} 
	
		.third-sm:nth-child(3n+1) {
			clear:both;
		} 	
	
}

@media (max-width:1199px) {
    
    .half-md .col-md-6:nth-child(odd) {
        clear: both;
    }
    
    .margin-bottom-md {
        margin-bottom: 50px;
    }
	
	.sidebar-wrapper {
		float:left;
		clear:both;
		text-align: left;
		margin-top:30px;		
	}
	
	.sidebar-wrapper .sidebar {
		margin-left:0px;
		float:left;
		max-width:250px;
	}
	
	.fixed-sidebar.single .content.fixed-content {
		margin-top:52px;
	}
	
	.fixed-sidebar .sidebar-wrapper .sidebar {
		margin-top:0px;
	}
	
	.fixed-sidebar .sidebar-wrapper {
		top:152px;		
	}
	
	.fixed-sidebar .sidebar-wrapper .sidebar {
		max-width:250px;
	}
	
	.fixed-sidebar .content.fixed-content {
		left:33.33333333% !important;
	}
	
	.left h2, .right h2 {
		hyphens: auto;
		width: 100%;
	}	
    
    .inner-content .inner-content-header h2 {
        font-size: 17px;
    }
    
    header .outer-nav-wrapper a {
        padding-left: 10px;
    }
    
    .shop-img-wrapper.big-button-text .btn {
        font-size: 22px;
    }
    
    .h3, h3 {
        font-size: 22px;
    }
	
}

@media (max-width:992px) {
    
    .nft-termine-wrapper .blorm-border {
        border-radius: 5px 5px 0px 0px;
    }
    
    .no-padding-bottom-sm {
        padding-bottom:0px;
    }
    
    .no-margin-top-sm {
        margin-top:0px;
    }
    
    .margin-top-sm {
        margin-top: 30px;
    }
    
    .lg-third.half-sm .col-sm-6.col-md-4:nth-child(3n+1) {
        clear: inherit;
    }    
    
    .half-sm .col-sm-6:nth-child(odd), .lg-third.half-sm .col-sm-6.col-md-4:nth-child(odd) {
        clear: both;
    }    
    
    .nft-header header .outer-wrapper {
        min-height:97px;
    }
	
	header a.galerie-wrapper:hover, header a.bureau-wrapper:hover, header a.kunst-wrapper:hover, header a.black-wrapper:hover {
		background-color:transparent;
		color:grey;
	}  
	
	header .outer-nav-wrapper {
		margin-right: -20px;
	} 
	
	h2.big.training-year {
		font-size: 50px;
	}
	
	.footer-home-wrapper {
		position: relative;
	}
	
	.footer-distance {
		display: none;
	}
	
	.innereventwrapper a:hover .icon-like { 
		font-size: 28px;
		top: 8px;
	}
	
	.no-float-xs {
		clear: both;
		float: none;
		margin-bottom: 20px;
	}
	
	.single-sport .font-30 {
		font-size: 23px;
	}
	
	.text-center-sm {
		text-align: center;
	}
	
	.small-margin-bottom-sm {
		margin-bottom: 30px;
	}
	
	.outer-wrapper .right, .outer-wrapper .left {
		width: 100%;
	}
    
    .outer-wrapper .left, .outer-wrapper .right {
        left:0px;
    }
	
	.col-sm-6.col-triple:nth-child(3n+1) {
		clear: none;
	}
	
	.col-sm-6.col-triple:nth-child(2n+1), .double-col-sm:nth-child(2n+1) {
		clear: both;
	}	
	
	.header-image .outer-wrapper h1 {
		font-size: 40px;
	}

	.margin-top-header {
		padding-top: 210px;
	}	
	
	.isotope .more-info-wrapper {
		min-height: 270px;
	}
	
	.cookie-info {
		height:140px;
	}
	
	body.show-cookie, .show-cookie .header {
		top:140px;
	}
	
	.show-cookie .cookie-info {
		top:-140px;
	}
	
	.page-id-73.show-cookie .cookie-info {
		top:-220px;
	}
	
	.cookie-info .cookie-text {
		width:100%;
		float:none;
	}
	
	.cookie-info .btn {
		float:none;
		clear: both;
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
		display:block;
		width:160px;
	}
	
	.single .content.fixed-content {
		clear: both;
	}
	
	.fixed-sidebar .content.fixed-content {
		left: 0% !important;
		margin-top:0px !important;
	}
	
	.fixed-sidebar .share-wrapper.oben.fixed-sharer, .fixed-sidebar .sidebar-wrapper {
		position:relative;
		top:auto;
	}
	
	.sidebar-wrapper .sidebar, .fixed-sidebar .sidebar-wrapper .sidebar {
		max-width: 340px;
	}

	.sidebar-wrapper {
		clear: none;
		margin-top: 0px;
	}
	
	#container h2, .woocommerce .item-wrapper h2 {
		margin-right:30px;
	}
	
	.woocommerce-cart .title-wrapper, .woocommerce-cart .hover-bg-wrapper {
		display:none;
	}		
	
	.outer-wrapper .center.small.infobox {
		left:0px;
		width:100%;
	}
	
	.hover-image-wrapper .title.large {
		font-size:17px;
	}		
	
	body .half .yikes-easy-mc-form .yikes-easy-mc-submit-button {
		margin-left:auto;
	}
	
	.wc_payment_methods.payment_methods li, body #order_review .legal, .checkbox.width-50 {
		width:75%;
	}
	
	.text-right-sm {
		text-align: right;
	}
	
	.continue-cart {
		display:block;
		margin-top:15px;
		float:right;
	}
	
	.width-100-sm {
		width:100%;
	}
	
	input.btn.cart, button.btn.cart {
		margin-right:0px;
		margin-left:10px;
	}

	.big-margin-top {
		margin-top: 60px;
	}
	
	.big-margin-bottom {
		margin-bottom: 60px;
	}	
	
	.hover-image-wrapper.shop .title {
		font-size:22px;
		padding: 5px 10px 2px 10px;
	}
	
	.hover-image-wrapper.shop .title.top {
		margin-top:-5px;
	}
	
	.hover-image-wrapper.shop .subtitle {
		font-size: 17px;
	}
	
	.home .header-image .subtitle {
		display: inline;	
		text-align: center;
	}
	
	.home .info-wrapper {
		width:100%;
	}

	.modal .close-quick.closer {
		top:10px;
		z-index: 20;
	}
	
	.header .social-media {
		display:inline-block;
		margin-left:15px;
	}
	
	.half, .half .hover-image-wrapper {
		height:600px;
	}
	
	.txt h3 {
		width:100%;
	}
	
	.outer-wrapper, .txt.txt-left .half-info-wrapper, .txt.txt-right .half-info-wrapper, .fullsize-wrapper {
		padding-left:30px;
		padding-right:30px;
	}
	
	.half.full, .half.full .hover-image-wrapper {
		height:300px;
	}
	
	.owl-carousel {
		margin-left:-15px;
		margin-right:-15px;
	}
	
	.owl-carousel .item {
		padding-left:15px;
		padding-right:15px;
	}
	
	.home .item h2 {
		margin-top:0px;
	}
	
	.preis-wrapper .star-rating, .preis-wrapper .star-rating span:before {
		font-size:22px;
	}
	
	.home .preis-wrapper, .feature .preis-wrapper {
		bottom:30px;
	}
	
	.home .item .title-wrapper {
		top:25px;
	}
	
	.preis-wrapper .star-rating {
		width:63px;
	}
	
	.home .item h2 {
		font-size: 20px;
	}
	
	.footer .outer-wrapper .col-md-3 {
		margin-bottom:30px;
	}
	
	footer .outer-wrapper, .termine-wrapper {
		padding-left:15px;
		padding-right:15px;
	}
	
	.termine-outer-wrapper .half, .termine-outer-wrapper .hover-image-wrapper {
		width:100%;
		height: auto;
		height: 300px;
		position: relative;
	}
	
	.termine-outer-wrapper .half.txt {
		height:auto;
	}
	
	.termine-outer-wrapper .half.txt .half-info-wrapper {
		position: relative;
		transform: none;
		padding-top:50px;
		padding-bottom:50px;
		text-align: center;
		width:70%;
		margin-left:15%;
		max-width: 100%;
	}
	
	.termine-info-wrapper {
		width:100%;
		max-width: 100%;		
	}
	
	.left h2, .right h2, .content .subtitle.big p {
		font-size: 34px;
	}
	
	.logo-wrapper {
	    position: absolute;
		right: -25px;
		top: -10px;
		z-index:10;
	}	
	
	.header .social-media {
		margin-top:-5px;
	}
	
	.small-margin-top-header {
		padding-top: 110px;
	}
	
	/* .header .icon-logo:hover {
		font-size: 50px;
	} */
	
	.modal-dialog {
		margin-top:0px;
	}
	
	.modal-content {
		padding-top:50px;
	}
	
	.modal.modal-quick.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
			 -o-transition: opacity 0.3s linear, right 0.3s ease-out;
				transition: opacity 0.3s linear, right 0.3s ease-out;
	}

	.modal.modal-quick.fade.in .modal-dialog {
		right: 0;
	}

	.modal.modal-quick .modal-dialog {
		position: fixed;
		margin: auto;
		width: 100%;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
			-ms-transform: translate3d(0%, 0, 0);
			 -o-transform: translate3d(0%, 0, 0);
				transform: translate3d(0%, 0, 0);
	}

	.modal.modal-quick .modal-content {
		height: 100%;
		overflow-y: auto;
		padding-bottom:40px;
	}

	.modal.modal-quick .modal-body {
		padding: 15px 15px 80px;
	}	
	
	.fixed-header .logo-wrapper {
		height:auto;
		font-size: 32px;
		top: -2px;
	}	
	
	.fixed-header .header .social-media {
		margin-top: 0px;
	}
	
	.fixed-header .header {
    	padding-bottom: 15px;
	}
	
	.logo-wrapper, .header .icon-logo {
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		transition: all 0s ease;		
	}

	.home .header-image {
		height: 490px;
	}	
	
	.header-image {
		height: 320px;	
	}

	.abstand {
		height:90px;
	}

	.abstand.unten {
		height:90px;
	}
	
	.nav-bottom {
		padding-top:20px;
		padding-bottom:20px;
	}

	.social-share:hover {
		color:#000;
		background-color:#fff;	
	}

	.social-share.icon-facebook:hover {
		color:#3b5998;
		border-color:#3b5998;
		background-color:#fff;	

	}

	.social-share.icon-whatsapp:hover {
		color:#25d366;
		border-color:#25d366;
		background-color:#fff;	
	}

	.social-share.icon-twitter:hover {
		color:#00aced;
		border-color:#00aced;
		background-color:#fff;		
	}

	
	.mobile-gradient {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 55%, rgba(255,255,255,0.7) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 55%,rgba(255,255,255,0.7) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 55%,rgba(255,255,255,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#b3ffffff',GradientType=0 );
		position: absolute;
		left:0px;
		width:100%;
		bottom:0px;
		height:60%;
		z-index: 0;
	}
	
	.home .info-wrapper {
		bottom:40px;
	}
	
	.home .header-image .subtitle {
		font-size:22px;
		margin-top: 8px;
	}
	
	.home h1 {
		line-height: 1;
	}

	.home .divider {
		display: block;
		margin: auto;
		margin-top: 10px;
		margin-bottom:20px;
	}

	.fixed-header .white .logo-wrapper a {
		color:#000;
	}	
	
	.termine .half.txt {
		left:0%;
		display: block;
    	vertical-align: middle;
		position: relative;
	}
	
	.termine .txt .half-info-wrapper {
		display: block;
	}
	
	.termine-outer-wrapper .txt h3 {
		max-width: 100%;
	}
	
	.termine.active .half.img-left {
		position: relative;
		min-height:100%;
	}
	
	.termine.active .half .hover-image-wrapper {
		height:300px;
	}
	
	.product-image {
		height:350px;
		overflow: hidden;
	}
	
	.product-image img.width-100 {
		height:100%;
		width:auto;
		position: absolute;
		left:50%;
		top:0px;
		transform: translateX(-50%);
	}
	
	.limitedlogo, .woocommerce-product-gallery img.limitedlogo {
		bottom: 15px;
		right: 15px;
	}
	
	.woocommerce-cart .header-image, .woocommerce-checkout .header-image {
		height: 300px;	
	}
	
	.home .subdomain .h1-wrapper h1 {
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.category-menu .category:after, .product-wrapper .shop-img-wrapper:after {
		display:none !important;
	}
	
	.hover-icon-wrapper:hover .hover-bg-wrapper {
		display:none !important;
	}
	
	.bread a:after {
		display:none !important;
	}

	.bread a.current-page {
		border-bottom: 1px solid #000;
		display: inline;
	}
	
	.text-left-sm, .text-right.text-left-sm {
		text-align: left;
	}
	
	.sidebar {
		max-width:390px;
		clear: both;
		float: none;
		margin-left:0px;
		
	}
	
	.sidebar li {
		margin-bottom: 5px;
	}
	
	.sidebar li a:hover.sidebar li a:focus {
		border-color: transparent;
	}
	
	.margin-bottom-md {
		margin-bottom: 30px;
	}
	
	h1 {
		hyphens: auto;
	}
	
	.innereventwrapper .tooltip {
		display: none !important;
	}	
	
	h2.supreme {
		font-size:60px;
	}
	
	.black-bg .font-30 {
		font-size: 20px;
	}
	
	.font-50 {
		font-size: 40px;
	}
	
	.storytelling-wrapper.image-wrapper, .absolute-outer-image.heigher {
		height: 450px;
	}
	
}

@media (max-width:767px) {
    
    .heigher a.color-white {
        color:#000;
    }
    
    .btn.big {
        font-size: 16px;
    }
    
    .home .label {
        color:#000;
    }
    
    .titelgrafik {
        height: 60%;
    }
	
	header .outer-nav-wrapper a.wunder-logo {
		padding: 0px;
	}	
	
	.single-termine .woocommerce-notices-wrapper {
		margin-bottom: 70px;
	}
	
	.h3, h3 {
		font-size: 22px;
	}
	
	span.show-xs {
		text-decoration: underline;
		display: inline-block;
	}
	
	span.show-xs.is-active {
		color:grey;
		margin-bottom: 10px;
	}
	
	.open-in-xs {
		display: none;
	}
	
	.page .absolute-outer-image .heading-wrapper .outer-wrapper h2 {
		color:#000;
	}
	
	.absolute-outer-image .image-wrapper {
		position: relative;
	}
	
	.absolute-outer-image .intro {
		font-weight: 400;
		font-size: 17px;
	}
	
	.absolute-outer-image.heigher, .archive .absolute-outer-image.heigher {
		height: auto;
        max-height: inherit;
	}
	
	body .absolute-outer-image .heading-wrapper, .home .heigher.absolute-outer-image .heading-wrapper {
		position: relative;
		bottom: 0px;
		margin-top: 40px;
	}

	
	body .absolute-outer-image.bigger-sm {
		height: auto;
	}
	
	.absolute-outer-image a.banner, .absolute-outer-image a.banner:hover {
		position:relative;
	}
	
	.home .absolute-outer-image .heading-wrapper.color-white {
		color:#000;
	}
	
	.absolute-outer-image.color-white {
		color:#000;
	}
	
	.font-50 {
		font-size: 30px;
	}
	
	.left h2, .right h2, h2.big {
		font-size: 40px;
	}
	
	.new-book-wrapper {
		background-image: none !important;
	}
	
	.new-book {
		background: none !important;
	}	
	
	.trainingseinheiten-wrapper .circle {
		border-radius: 0px;
		width:30px;
		margin-left:5px;
		margin-right: 5px;
	}
	
	.trainingseinheiten-wrapper .circle:after {
		border-radius: 0px;
	}
	
	.page-template-trainingstagebuch .h1-wrapper .outer-wrapper h1 {
		hyphens: manual;
	}
	
	.page-template-trainingstagebuch .background-image img, .background-image video {
		left: -180px;
	}
	
	.trainingswochennotice {
		margin-top:10px;
	}
	
	.trainingswochenwrapper {
		margin-bottom: 20px;
	}
	
	.like-wrapper {
		margin-left: 0px;
	}

	.page-template-trainingstagebuch .trainingswochen .wochenwrapper {
		overflow: hidden;
	}	
	
	.siebtel .risk {
		margin-top: 3px;
		line-height: 135%;
		padding-top:5px;
		padding-bottom: 5px;
	}
	
	.siebtel .risk span {
		font-size: 12px;
	}
	
	.siebtel .risk.before-.after- span {
		display: block;
		position: relative;
		transform: rotate(-90deg) translateX(-50%);
		hyphens: none;
		bottom: -50%;
	}
	
	.siebtel .risk.before-.after- {
		line-height: 1;
		height: 200px;		
	}

	.ruhetag span, .siebtel .circle span {
		transform: rotate(-90deg);
		display: block;
	}
	
	.siebtel a .circle:after {
		border-radius: 0px;
		top:3px;
		left:3px;
		right:3px;
		width:auto;
		height: auto;
		bottom:3px;
	}
	
	.siebtel .circle.medium, .siebtel .circle.big, .siebtel .circle.small {
		width:100%;
		margin-top:0px;
		margin-bottom: 0px;
		border-radius: 0px;
		border:7px solid #fff;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	
	.siebtel a .circle.medium, .siebtel a .circle.big, .siebtel a .circle.small {
		border:3px solid #fff;
	}
	
	.text-right-xs {
		text-align: right;
	}
	
	.weekBar .month {
		bottom: -21px;
		font-size: 10px;
	}
	
	.content .subtitle p {
		font-size:18px;
	}	
	
	.single .article-wrapper h2.big {
		font-size: 35px;
	}
	
	.home .background-image {
		top:0px;
		left:0px;
		width:100%;
		height:100%;
	}
	
	.home .background-image video {
		min-width: auto;
		min-height: auto;
		top:0px;
		bottom: -10px;
		right: auto;
		left:50%;
		transform: translateX(-50%);
		height: 510px;
		width: auto;
	}
	
	.intro.big, .intro.medium {
		font-size: 25px;
	}
	
	.blog-nav {
		border-bottom:1px solid #acacac;
	}

	.modal-home .content-wrapper p {
		font-size: 20px;
	}

	.modal-home .content-wrapper .intro {
		font-size: 24px;
	}	
	
	.modal-home .content-wrapper {
		margin-right: 0px;
	}
	
	.modal-home.big-margin-top {
		margin-top: 60px;
	}
	
	body.home .header-image {
		height: 380px;
	}
	
	.blog-nav a.btn {
		margin-left:0px;
	}
	
	.blog-nav a.btn, span.alle-wrapper {
		margin-right:10px;
	}	
	
	.outer-nav-wrapper:before {
		position: absolute;
		right:15px;
		top:0px;
		bottom: 0px;
		width: 20px;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
		z-index: 10;
		content: '';
	}
	
	header .outer-nav-wrapper:before {
		display: none;
	}
	
	.blog-nav {
		display: flex;
	}
	
	.outer-nav-wrapper {
		overflow: scroll;
		display: flex;
	} 
	
	.small-margin-top-header {
		padding-top: 120px;
	}

	.all-categories .overflow-wrapper {
		margin-left:-20px;
		margin-right: -20px;
	}	

	.all-categories a.hover-link .shop-img-wrapper:after {
		left:-20px;
		right:-20px;
	}	
	
	.outer-wrapper, .txt.txt-left .half-info-wrapper, .txt.txt-right .half-info-wrapper, .fullsize-wrapper {
		padding-left:20px;
		padding-right: 20px;
	}
	
	.h2, h2 {
		font-size: 25px;
	}
	
	.max-height-160-xs {
		max-height: 230px;
		overflow: hidden;
	} 
	
	.outer-blorm-wrapper .max-height-160-xs {
		max-height: 290px;
	}
	
	.small-xs.shop-img-wrapper, .small-xs .overflow-wrapper {
		max-height:170px;
	}
	
	.img-top.small-xs .overflow-wrapper img {
		top:0px;
		left:50%;
		transform: translateX(-50%);
	}
	
	.all-categories .small-xs.shop-img-wrapper, .all-categories .small-xs .overflow-wrapper {
		max-height: inherit;
	}
	
	.small-xs .overflow-wrapper {
		overflow: hidden;
	} 
	
	.no-flex-xs {
		display: block;
	}
	
	.isotope .more-info-wrapper {
		min-height: 100%;
	}
	
	.sidebar {
    	max-width: 100%;
	}
	
	.half, .half .hover-image-wrapper {
		width:100%;
		height:300px;
	}
	
	.blogwrapper .half, .blogwrapper .half .hover-image-wrapper {
		height:170px;
	}
	
	.half.txt {
		height:auto;
	}
	
	.txt .half-info-wrapper {
		position: relative !important;
		left:0px !important;
		top:0px !important;
		transform: none !important;
		margin-top:60px;
		margin-bottom:60px;
	}
	
	.txt .half-info-wrapper {
		margin-top:0px;
		margin-bottom: 10px;
	}
	
	.half.push, .half.pull {
		left:0%;
	}
	
	.half .icon {
		font-size: 58px;
	}
	
	.banner-info-wrapper span {
		padding-left:30px;
	}
    
	.big-margin-top {
		margin-top: 90px;
	}    
	
	.margin-bottom-xs, .third-outer-wrapper .hover-link:nth-child(3n+3) .col-sm-4 {
		margin-bottom: 50px;
	}
	
	.share-wrapper {
	    margin-top: -30px;
    	margin-bottom: 40px;	
	}
    
    .share-wrapper.nft-termine-wrapper {
        margin-bottom: 0px;
    }
	
	.outer-wrapper .left, .outer-wrapper .right, .outer-wrapper .center, .outer-wrapper .center.small, .outer-wrapper img.alignnone {
		left: 0px;
		margin-top: 50px;
		margin-bottom: 60px;
	}
	
	.outer-wrapper .center, .outer-wrapper .center.small {
		width:100%;
	}
	
	.left h2, .right h2, .content .subtitle.big p {
		font-size: 23px; 
	}
	
	.left.full, .right.full, .left, .right {
		width:100%;
	}
	
	.margin-bottom {
		margin-bottom: 50px;
	}
	
	.blog-col.margin-bottom {
		margin-bottom: 70px;
	}
	
	.footer-text {
		font-size: 31px;
	}
	
	.col-lg-4.year:after {
		width: 160px;
    	height: 1px;
		bottom:0px;
		left:15px;
		top:auto;
	}
	
	.col-lg-4.year {
		padding-bottom:10px;
		margin-bottom:45px;
		text-align: left !important;
	}

	.termine-wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}	
	
	.visible .read-more:after, .visible .read-more:hover:after, .visible .read-more:focus:after {
		width: 8px;
		top: 3px;
		left: -7px;
		transform: rotate(-45deg);
	}	
	
	.ic-wrapper .footer-text {
		font-size:27px;
	}
	
	.col .content-wrapper {
		position: relative;
		top: 0%;
		transform: none;
		right: 10px;
   		width: auto;
	}
	
	.modal .close-quick.closer {
		right:30px;
		top:2px;
		z-index:20;
	}
	
	.text-center-xs {
		text-align: center;
	}
	
	.header {
		position: relative;
		/* background-color:transparent !important; */
		-webkit-box-shadow:none !important;
		-moz-box-shadow:none !important;
		box-shadow:none !important;		
	}
	
	.fixed-header .logo-wrapper {
		height:60px;
	}

	.fixed-header .row-wrapper {
		margin-top:20px;
	}	
	
	.info-wrapper {
		width:100%;
		padding-left:30px;
		padding-right:30px;
	}
	
	.fixed-header .logo-wrapper {
		height:0px;
	}
	
	.single .header-image .outer-wrapper h1 {
    	font-size: 30px;
	}

	.single .header-image, .woocommerce-cart .header-image, .woocommerce-checkout .header-image {
		height: 280px;	
	}
	
	.abstand {
		height:20px;
	}

	.abstand.unten {
		height:30px;
	}	
	
	.nav-bottom.visible {
		bottom:-100px;
	}
	
	.mobile-gradient {
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 55%, rgba(255,255,255,0.9) 100%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 55%,rgba(255,255,255,0.9) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 55%,rgba(255,255,255,0.9) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#e6ffffff',GradientType=0 );
		-moz-opacity:0.6;
		filter:alpha(opacity=60);
		opacity:0.6;		
		height: 70%;
	}
	
	.home .header-image .background-image img {
		right: -410px;
		left: auto;
	}	
	
	.fixed-header .modal.right .modal-dialog .modal-content, .fixed-header .modal.left .modal-dialog .modal-content	{
		position: absolute;
		bottom: 30px;
		height: auto;
		width: 100%;
	}
	
	.home .mobile-gradient {
		display: none;
	} 
	
	.modal-home .hover-image-wrapper.excerpt-wrapper .title-wrapper.bottom {
		position: relative;
		background:transparent;
		padding:0px;
		margin-top:35px;
		color:#000;
	}
	
	.modal-home .hover-image-wrapper.excerpt-wrapper .title-wrapper.bottom .underline {
		color:#000;
	}
	
	.modal-home .hover-image-wrapper.excerpt-wrapper:hover .title-wrapper.bottom {
		opacity: 1;
	}
	
	.fixed-header .close-button {
		bottom: 0px;
    	top: auto;
	}
	
	.category-menu .category {
		margin-bottom:10px;
	}
	
	.nav-bottom.visible, .nav-bottom {
		display: none;
	}
	
	.termine-outer-wrapper .half.txt .half-info-wrapper {
		width:100%;
		margin-left:0%;
		padding-top: 20px;
    	padding-bottom: 20px;
		margin-top:30px;
		margin-bottom:30px;
	}
	
	.product-image {
		height:auto;
		width:100%;
		clear: both;
	}
	
	.product-image img.width-100 {
		position: relative;
		width:100%;
		height:auto;
		transform: none;
		left:0px;
	}
	
	.thumbnails {
		width:100%;
	}
	
	.thumbnails .small-image {
		margin-top:10px;
		margin-right:10px;
		margin-left:0px;
		width:25%;
		float: left;
	}
	
	.text-left-xs {
		text-align: left;
	}
	
	.margin-top-xs {
		margin-top:5px;
	}
	
	.small-margin-top-xs {
		margin-top:35px;
	}
	
	.no-margin-top-xs {
		margin-top:0px;
	}
	
	.cart_item.small-margin-bottom {
		margin-bottom:70px;
	}
	
	.warenkorb {
		position:absolute;
		top: 44px;
    	right: 68px;
	}
	
	.fixed-header .warenkorb {
		top:auto;
		bottom:0px;
	}
	
	.footer .outer-wrapper .col-md-3 {
    	height: 210px;
	}
	
	.wc_payment_methods.payment_methods li, body #order_review .legal, .checkbox.width-50 {
		width:100%;
	}	
	
	.wc-gzd-product-name-left img {
		margin-bottom:15px;
	}
	
	.outer-wrapper .right, .outer-wrapper .left {
		width:100%;
		left:0px;
	}

	.comment #respond .comment-reply-title {
		margin-top:30px;
	}
	
	.home .subdomain .h1-wrapper h1 {
		font-size: 40px;
	}
	
	.smallest-margin-bottom-xs {
		margin-bottom:10px;
	}
	
	input.coupon {
		margin-bottom:5px;
		margin-right:0px;
		float:right;
	}
	
	input[name=apply_coupon] {
		margin-bottom:15px;
		clear: both;
	}
	
	footer {
		padding-bottom:60px;
	}
	
	.mobile-menu-fixed {
		font-size:16px;
	}	
	
	.small-margin-bottom-xs {
		margin-bottom:30px;
	}
	
	.left h2, .right h2 {
		width: 100%;
	}
	
	.fixed-sidebar .sidebar-wrapper .sidebar, .sidebar-wrapper .sidebar {
		max-width:100%;
	}
	
	.cookie-info {
		height:185px;
	}
	
	body.show-cookie {
		top:185px;
	}
	
	.show-cookie .header {
		top:0px;
	}
	
	.show-cookie .cookie-info {
		top:-185px;
	}
	
	.page-id-73.show-cookie .cookie-info {
		top:-265px;
	}
	
	.smallest-margin-top-xs {
		margin-top:10px;
	}	

	.innereventwrapper a:hover .icon-like {
		top: -7px;
		font-size: 25px;
	}	
	
	.innereventwrapper .more-information {
		position: absolute;
		bottom: 0px;
		z-index: 10;
	}
	
	.innereventwrapper {
		position: relative;
		margin-bottom: 2px;
	}
	
	.innereventwrapper .more-information .icon-locker {
		color:#fff;
		font-size: 14px;
	}
	
	.big-margin-bottom-xs {
		margin-bottom: 80px;
	}
	
	.page-template-linktree .trainingstagebuch-shortcode .outer-nav-wrapper {
		margin-left:0px;
		margin-top:0px;
	}
	
	.page-template-linktree .owl-dots {
		display: none;
	}
	
	.page-template-linktree .owl-carousel .item {
		margin-bottom: 0px;
	}
	
	h2.supreme {
		font-size:60px;
	}		

}

@media (max-width:400px) {
	
	.modal.modal-quick .modal-content {
		padding-top:80px;
	}
	
	.modal .close-quick.closer {
		top:-40px;
	}
	
	.mobile-menu-fixed {
		font-size:14px;
	}
	
	.logo-wrapper {
		font-size: 36px;
		top:0px;
		right:-18px;
	}
	
	.header-image .outer-wrapper h1 {
		font-size: 32px;
	}
	
}

@media (max-width:375px) {
	
	body .sidebar {
		display: none;
	}
	
	.trainingswochen {
		margin-left: 0px;
	}
	
	.page-template-trainingstagebuch h2.big {
		font-size: 50px;
	}
	
}

/* NEW */

header .icon-logo {
	color:#fff;
}

header:before {
	content: "";
	position: absolute;
	left:0px;
	width:50%;
	top:0px;
	bottom: 0px;
	background-color:#000;
}

header:after {
	content: "";
	position: absolute;
	right:0px;
	width:50%;
	top:0px;
	bottom: 0px;
	background-color:#fff;
	z-index: 0;
}

.new-logo-wrapper img {
    display: inline-block;
    height: 24px;
    margin-left: 15px;
    top: -30px;
    position: relative;
}

.living img, .storytelling img {
	height: 24px;
	margin-top:8px;
}

.living {
	background-color:#FFD31C;
	width:50%;
	float: left;
	position: relative;
	margin-top:5px;
}

a:hover .living, a:hover .storytelling {
	background-color:#000;
}

.new-logo-wrapper {
	height:60px;
}

.living .inner-content, .storytelling .inner-content {
	z-index: 10;
	position: relative;
}

.storytelling {
	background-color:#EF54A9;
	width:50%;
	float: left;	
	position: relative;
	margin-top:5px;
}

.new-logo-wrapper .icon {
	font-size:56px;
	display: inline-block;
}

.living:before {
	content:"";
	position: absolute;
	left:-15px;
	top:-30px;
	right:0px;
	bottom: -21px;
	background-color:#000;
	z-index: 0;
}

.living .inner-content {
	margin-left:15px;
}

.storytelling .inner-content {
	margin-left:30px;
}

.storytelling:before {
	content:"";
	position: absolute;
	left:0px;
	top:-30px;
	right:0px;
	bottom: -21px;
	background-color:#000;
	z-index: 0;
}

.storytelling:before, .living:before, header:before {
	background-color:#fff;
}

.icon-next:before {
	display: none;
}

.new-logo-wrapper a:hover .icon-logo:before, .new-logo-wrapper a:hover {
	color:grey;
}

a:hover .living:before, a:hover .storytelling:before {
	background-color:#000;
}

a:hover .living, a:hover .storytelling {
	color:#fff;
}

.sublabel {
	display: block;
    position: relative;
  top:-7px;
}

.text-header-wrapper {
	display: inline-block;
	top:5px;
	position: relative;
}

header .outer-wrapper {
	position: relative;
	z-index: 100;
}

.color-yellow {
	color:#FFD31C;
}

.yellow-bg {
	background-color:#FFD31C;
}

.color-magenta {
	color:#EF54A9;
}

.color-cyan {
	color:#009FE3;
}

.light-grey-bg {
	background-color:#9c9c9c;
}


img.icon-size {
	width:150px;
}

footer img.icon-size {
	width:200px;
}

.EMAIL-label {
	display: none;
}

.margin-header {
	margin-top: 120px;
}

.social-media-wrapper .icon {
	margin-left: 5px; 
	margin-right: 5px;
}

.social-media-wrapper .icon-youtube {
	margin-right: 0px;
}

img.font-inspiration {
	height:36px;
}

.social-archive .icon {
	font-size: 36px;
	padding-left:5px;
	padding-right:5px;
	margin-right:5px;
	margin-left: 5px;
}

.patron-btn {
	margin-left:15px;
	position: relative;
	top:-12px;
	display: inline-block;
}

.btn.white.patron-btn:hover {
	background-color:#fff;
	color:#000;
}

.blog-col h4.category.podcast {
	color:#009FE3;
}

.blog-col h4.category.text {
	color:#FFD31C;
}

.blog-col h4.category.video {
	color:#EF54A9;
}

.new-logo-wrapper a {
	position: relative;
    display: inline-block;
}

h2.changelog {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 25px;
	margin-top:35px;
}

.intro.big {
    font-size: 28px;
    font-weight: 600;
    line-height: 150%;
}

img.at-grafik {
	width:100%;
	max-width:400px;
}

.theory-wrapper h3 {
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
	color:grey;
}

.theory-wrapper h3:hover {
	cursor: pointer;
}

.theory-wrapper h3.active, .theory-wrapper h3:hover {
	color:#000;
}

.theory-wrapper img {
	max-width:500px;
	display: none;
}

.theory-wrapper img.active {
	display: block;
	margin: auto;
	margin-bottom: 30px;
}

.btn.black {
	background-color:#000;
	color:#fff;
}

.btn.black:hover {
	background-color:#fff;
	color:#000;
}

.intro a.underline {
	text-decoration: underline;
}

/* p a.underline {
	text-decoration: underline;
}

p a.underline:after {
	display: none !important;
} */

.icon-next {
	position: relative;
	display: inline-block;
	margin-left:3px;
	margin-right:3px;
	width:1px;
	height:10px;
	background-color:#000;
}

body.single .yikes-easy-mc-form .yikes-easy-mc-submit-button, body.single .yikes-easy-mc-form .yikes-easy-mc-submit-button:focus {
	margin-left:0px;
}

.image-wrapper, .outer-owl-wrapper, .outer-owl-wrapper .item, .absolute-outer-image {
	max-height:800px;
	height:70vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.image-wrapper.no-title-header {
    max-height: 650px;
}

.single .image-wrapper, .archive .image-wrapper, .single .absolute-outer-image, .archive .absolute-outer-image {
	max-height:550px;
}

.outer-owl-wrapper {
	position: absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom: 0px;
}

.outer-owl-wrapper .item {
	width:100%;
}

.item .inner-wrapper {
	max-width: 600px;
	text-align: left;
	margin-bottom: 20px;
}

.item .inner-wrapper h2 {
    font-size: 35px;
	font-weight: 600;
}

.image-wrapper.new-margin-header, .new-margin-header.margin {
	margin-top:96px;
}

.single .image-wrapper .color-cyan, .single .social-media-wrapper .icon, .single .social-media-wrapper, .single .social-media-wrapper .color-grey, .page-template-page-header .image-wrapper .color-cyan, .page-template-page-header .social-media-wrapper .icon, .page-template-page-header .social-media-wrapper, .page-template-page-header .social-media-wrapper .color-grey, .page-template-storytelling .image-wrapper .color-cyan, .page-template-storytelling .social-media-wrapper .icon, .page-template-storytelling .social-media-wrapper, .page-template-storytelling .social-media-wrapper .color-grey, .home .image-wrapper .color-cyan, .home .social-media-wrapper .icon, .home .social-media-wrapper, .home .social-media-wrapper .color-grey  {
	color:#fff;
}

.subheader-wrapper {
	margin-top:10px;
	position: relative;
	z-index: 10;
}

.subheader-wrapper .social-media-wrapper {
	margin-right:40px;
}

.image-wrapper.no-image .social-media-wrapper {
	margin-right:0px;
}

.font-thinking.storytelling {
	width:250px;
	background-color:transparent;
	margin: auto;
	margin-top:30px;
	float:none;
	display: inline-block;
}

.single .subheader-wrapper, .page-template-page-header .subheader-wrapper, .page-template-storytelling .subheader-wrapper, .home .subheader-wrapper {
	padding-top: 0px;
	z-index: 100;
	position: relative;
}

.subheader-wrapper {
	top:10px;
}

.image-wrapper .black-wrapper, .absolute-outer-image .black-wrapper {
	z-index: 1;
	position: absolute;
	top:0px;
	width:100%;
	left:0px;
	bottom:0px;
	background-color: rgba(0,0,0,0.7);
}

.image-wrapper.no-title-header .black-wrapper, .image-wrapper.no-title-header .heading-wrapper {
    display: none;
}

a:hover .image-wrapper .black-wrapper {
	background-color: rgba(0,0,0,0.6);
}

.item .inner-wrapper span.black-bg {
	background-color: rgba(0,0,0,0.7);
}

.item .inner-wrapper span {
	padding-left:2px;
	padding-right:2px;
	text-transform: lowercase;	
}

.item .inner-wrapper span.font-bold {
	padding-left:5px;
	padding-right:5px;
}

.image-wrapper .heading-wrapper p {
	max-width: 700px;
	text-align: left;
}

.image-wrapper.no-image .black-wrapper, .image-wrapper.no-image .white-wrapper {
	display: none;
}



.image-wrapper.no-image {
	height: auto;
} 

.image-wrapper .white-wrapper, .margin .white-wrapper {
	z-index: 5;
	position: absolute;
	top:0px;
	width:100%;
	max-width: 1710px;
	left:50%;
	transform: translateX(-50%);
	bottom:0px;
}

.image-wrapper .white-wrapper:after, .margin .white-wrapper:after {
	content:"";
	background-color:#fff;
	z-index: 10;
	position: absolute;
	top:0px;
	width:100%;
	right:-100%;
	bottom:0px;
}

body, html {
	overflow-x: hidden;
}

.single h1, .page-template-page-header h1, .page-template-storytelling h1, .home h1, .image-wrapper h1 {
	color:#fff;
	font-weight: 600;
	font-size: 50px;
	max-width: 760px;
}

.page .heading-wrapper .outer-wrapper h2, .single .heading-wrapper .outer-wrapper h2, .image-wrapper h2 {
	background-color:transparent;
	color:#fff;
	margin-top:5px;
	padding:0px;
	
}

.single .heading-wrapper .outer-wrapper h2 {
	font-weight: 300;
	font-size: 90%;
}

.page .heading-wrapper .outer-wrapper h2, .single .heading-wrapper .outer-wrapper h2, .image-wrapper h2 {
	text-align: left;
}

img.responsive {
	width: 100%;
	margin-bottom: 15px;
	margin-top: 80px;
}

.single .heading-wrapper, .page-template-page-header .heading-wrapper, .page-template-storytelling .heading-wrapper, .home .heading-wrapper, .image-wrapper .heading-wrapper {
	position: absolute;
	bottom: 10px;	
	left:0px;
	width:100%;
	z-index: 10;
}

.absolute-outer-image .heading-wrapper {
	position: absolute;
	bottom: 10px;	
	left:0px;
	width:100%;
	z-index: 10;
}

.landingpage .absolute-outer-image .heading-wrapper {
	bottom:50%;
	transform: translateY(70%);
	text-align: center;
}

.single.landingpage .heading-wrapper .outer-wrapper h2 {
	text-align: center;
}

.landingpage .hidden-landing {
	display: none;
}

.single.landingpage h1 {
	max-width: inherit;
}

.absolute-outer-image .heading-wrapper h1 {
	font-size: 36px;
	font-weight: 500;
}

.image-wrapper .heading-wrapper {
	text-align: center;
}

.image-wrapper .heading-wrapper h1 {
	margin-left:0px;
	margin-right: auto;
	text-align: left;
}

.image-wrapper.no-image .heading-wrapper {
	text-align: left;
}

.concept-logo {
	width:200px;
	margin-bottom: 10px;
}

.teamwork {
	width:200px;
	height:auto;
}

.teamwork-wrapper h2 {
	font-size: 18px;
	font-weight: 300;
	margin-top:30px;
}

.font-25 {
	font-size: 22px;
}

.app-wrapper {
	padding-top:20px;
	padding-bottom:50px;
	margin-top:-100px;
}

.app-wrapper .border-bottom {
	border-bottom:2px dashed #000;
	margin-top: 20px;
	margin-bottom: 65px;
	position: relative;
}

.app-wrapper .border-bottom:after {
	content:"weitersagen";
	position: absolute;
	bottom:-25px;
	right:0px;
	font-size: 14px;
}

.changelog-wrapper li {
	font-weight: 300;
	padding-left:20px;
	position: relative
}

.changelog-wrapper li:before {
	content:"";
	height:4px;
	width:4px;
	border-radius: 4px;;
	background-color:#FFD31C;
	position: absolute;
	left:8px;
	top:10px;
}

.for-you-wrapper, .reaction-wrapper {
	margin-bottom: 10px;
	display: block;
	position: relative;
	height:38px;
	margin-top:30px;
}

.for-you-wrapper:before {
	content:"";
	background-color:#000;
	position: absolute;
	left:0px;
	top:0px;
	width:50%;
	bottom: 0px;
}

.for-you-wrapper:hover:before {
	left:50%;
}

.for-you-wrapper:hover {
	cursor: pointer;
}

.for-you-wrapper .for-me, .for-you-wrapper .for-you, .reaction-wrapper .for-me, .reaction-wrapper .for-you {
	width:50%;
	float:left;
	text-align: center;
	border: 2px solid #000;
	color:#fff;
	position: relative;
	z-index: 10;
	padding-top: 5px;
	padding-bottom: 5px;
}

.reaction-wrapper .for-me {
	background-color:#000;
	color:#fff;
}

.for-you-wrapper:hover .for-you {
	color:#fff;
}

.for-you-wrapper .for-you, .for-you-wrapper:hover .for-me {
	color:#000;
}

.share-yourself-wrapper {
	background-color:#fff;
	margin-top: 100px;
}

.share-yourself-wrapper, .filter-wrapper {
	position: relative;
}

.filter-wrapper {
	margin-bottom: 100px;
}

.filter-wrapper .color-cyan,.filter-wrapper .color-yellow,.filter-wrapper .color-magenta {
	background-color: #009FE3;
	color:#fff;
	line-height: 30px;
	padding: 0px 10px;
	display: inline-block;
	margin-right: 5px;
}
.filter-wrapper .color-magenta {
	background-color: #EF54A9;
}
.filter-wrapper .color-yellow {
	background-color: #FFD31C;
}

a:hover .storytelling:before {
	background-color: #EF54A9;
}

a:hover .living:before {
	background-color: #FFD31C;
}

.share-yourself-wrapper:before, .filter-wrapper:before {
	content:"";
	position: absolute;
	left:-30px;
	top:-30px;
	right:-30px;
	bottom:-30px;
	background-color:#fff;
	z-index: 0;
}

.share-yourself-wrapper:before, .filter-wrapper:before {
	border:10px solid #fff;
	border-radius: 8px;
}

.share-yourself-wrapper div, .share-yourself-wrapper h3 {
	z-index: 10;
	position: relative;
}

.share-yourself-wrapper .for-you-wrapper:hover:before {
	left:0%;
}

.app-wrapper .icon.reaction {
	background-color:#fff;
	line-height: 30px;
	width:30px;
	text-align: center;
	display: inline-block;
	margin-right: 5px;
	border-radius: 50%;
}

.reaction-wrapper .icon.reaction {
	line-height: 40px;
	width:40px;
	background-color:transparent;
	border:1px solid #fff;
}

.reaction-wrapper .icon.reaction:hover {
	color:#fff;
}

.app-wrapper a {
	text-decoration: none;
}

.app-wrapper .icon-listen {
	color:#009FE3;
}

.app-wrapper .icon-read {
	color:#FFD31C;
}

.app-wrapper .icon-make {
	color:#EF54A9;
}

.app-wrapper .filter-wrapper .icon.reaction {
	color:#fff;
}

.app-wrapper .filter-wrapper .icon-listen, .reaction-wrapper  .icon-listen.icon.reaction:hover {
	background-color:#009FE3;
}

.app-wrapper .filter-wrapper .icon-read, .reaction-wrapper .icon-read.icon.reaction:hover {
	background-color:#FFD31C;
}

.app-wrapper .filter-wrapper .icon-make, .reaction-wrapper .icon-make.icon.reaction:hover {
	background-color:#EF54A9;
}

.reaction-wrapper  .icon-listen.icon.reaction:hover {
	border-color:#009FE3;
}

.reaction-wrapper .icon-read.icon.reaction:hover {
	border-color:#FFD31C;
}

.reaction-wrapper .icon-make.icon.reaction:hover {
	border-color:#EF54A9;
}

.reaction-wrapper .reaction-header {
	background-color:#fff;
	color:#000;
	padding-top:10px;
	padding-bottom: 10px;
}

.reaction-wrapper .reaction-header.for-me {
	border-right:none;
}

.reaction-wrapper .reaction-header.for-me:after {
	content:"";
	height:18px;
	width: 4px;
	right:-1px;
	background-color:#000;
	position: absolute;
	top:13px;
}

.reaction-wrapper .reaction-header.for-you:before {
	content:"";
	height:4px;
	width: 18px;
	left:-10px;
	background-color:#000;
	position: absolute;
	top:20px;
}

.reaction-wrapper .reaction-header.for-you {
	border-left:none;
}

.reaction-wrapper .divider p {
	margin-bottom: 10px;
	margin-top:5px;
	text-transform: uppercase;
	font-weight: 300;
}

.reaction-wrapper .divider {
	width:100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #fff;
	display: block;
	height: auto;
}

.reaction-wrapper .for-you .divider {
	border-bottom: 1px dashed #000;
	background-color:#fff;
}

.reaction-wrapper .for-you .icon {
	border-color:#000;
}

.reaction-wrapper .for-you {
	background-color:#fff;
	color:#000;
}

.reaction-wrapper .divider:last-child {
	border-color:transparent;
}

.filter-wrapper p {
	margin-bottom: 0px;
}

.share-yourself-wrapper input, .share-yourself-wrapper textarea {
	border:1px solid #000;
	width: 100%;
	position: relative;
	z-index: 10;
	padding:5px 10px;
	margin-bottom: 0px;
}

.share-yourself-wrapper input {
	margin-bottom: 5px;
}

.share-yourself-wrapper textarea {
	margin-bottom: 3px;
	min-height: 150px;
}

.circle {
	width:16px;
	height: 16px;
	border:1px solid #000;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	top:2px;
}

.circle.color-cyan, .next-step span.color-cyan {
	border-color:#009FE3;
}

.circle.color-yellow, .next-step span.color-yellow {
	border-color:#FFD31C;
}

.circle.color-magenta, .next-step span.color-magenta {
	border-color:#EF54A9;
}

.next-step {
	margin-bottom: 25px;
}

.next-step span {
	width:50px;
	height: 50px;
	line-height: 50px;
	border:1px solid #000;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	font-size: 25px;
	margin-right: 15px;
}

.circle.active {
	background-color:#000;
}

.circle.active:before {
	content:"";
	position: absolute;
	top:1px;
	left:1px;
	right:1px;
	bottom:1px;
	border-radius: 50%;
	border:1px solid #fff;
}

.form-wrapper p {
	line-height: 1;
	margin-bottom: 0px;
}

.share-button-wrapper {
	margin-bottom: 30px;
}

.share-button-wrapper.no-margin {
	margin-bottom: 0px;
}

.single-button-wrapper {
	margin-right: 15px;
}

.social-media-modal span {
	width:60px;
	line-height: 60px;
	height:60px;
	text-align: center;
	margin-left:10px;
	margin-right: 10px;
	border:2px solid #000;
	border-radius: 50%;	
	display: inline-block;
	padding:0px;
}

.social-media-modal {
	margin-top:30px;
	margin-bottom: 30px;
}

.social-media-modal a:hover span {
	color:#fff;
	background-color:#000;
}

span.black-bg {
	padding:0px;
	margin: 0px;
}

.inner-app-wrapper:before {
	content:"";
	top:-110px;
	left:-30px;
	right:-30px;
	bottom:-30px;
	border:3px solid #000;
	border-radius: 10px;
	position: absolute;
}

.download-wrapper span {
	display: inline-block;
}

.download-wrapper .icon {
	font-size: 80px;
    margin-bottom: 10px;
	text-shadow: 0px 0px transparent;
}

.download-wrapper a {
	display: inline-block;
	margin-left:15px;
	margin-right: 15px;
}

.download-wrapper .download-text {
	border:1px solid #000;
	padding:0px 6px;
	line-height: 1;
	border-radius: 3px;
	background-color:rgba(0,0,0,0.3);
	color:#fff;
}

.download-wrapper a:hover .download-text {
	background-color:#000;;
}

.download-wrapper a:hover .icon {
	text-shadow: 7px 7px #222;
}

.home .heading-wrapper h2 {
	background-color:transparent;
	padding: 0px;
	font-size: 35px;
	font-weight: 600;
	display: inline-block;
	margin-top: 10px;
	line-height: 1;
}

.home .heading-wrapper span, .home-category-wrapper span {
	padding-left: 5px;
	padding-right: 5px;
}

.home-social-buttons {
	display: inline-block;
	margin-left:30px;
}

.home-social-buttons span {
	color:#fff;
	height:40px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	border:1px solid #fff;
	border-radius: 50%;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.home-category-wrapper span {
	padding-left: 2px;
	padding-right: 2px;
}

.home-category-wrapper span.btn {
	display: inline-block;
	min-width: auto;
	padding: 3px 8px;
	margin-bottom: 4px;
	font-size: 12px;
    border-color: #eaeaea;
	color: #eaeaea;
	text-transform: capitalize;
}

.black-bg .blog-nav a.btn {
	color: #eaeaea;
}

a:hover .home-category-wrapper span.btn {
    border-color: #eaeaea;
	color: #f3f3f3;
}

.home-category-wrapper {
	margin-left: -2px;
}

.home-category-wrapper span:last-child {
}

.home .heading-wrapper span.font-light {
	color:#d9d9d9;
	background-color:#5c5c5c;
}

.home .heading-wrapper .icon-art, .heading-wrapper .icon-life, .heading-wrapper .icon-your {
	display: block;
	position: absolute;
	left:-30px;
	top:0px;
	color:#fff;
	font-size: 60px;
	transform: rotate(-10deg);
}

#podlove-subscribe-button, .podlove-subscribe-button {
	background-color:#000 !important;
}

.heading-wrapper .icon-life, .heading-wrapper .icon-your {
	left:auto;
	right:70px;
	top:auto;
	bottom:20px;
}

.btn.reverse {
	background-color:#fff;
	color:#000;
}

.btn.reverse:hover {
	background-color:#000;
	color:#fff;
}

body header .text-header-wrapper h1, header h2 {
	font-family: carlmarx, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	display: inline-block;
	font-size: 30px;
	margin-bottom: 0px;
	margin-top: 0px !important;
}

header h2.no-uppercase {
	text-transform: inherit;
}

.font-carl {
	font-family: carlmarx, sans-serif;
	font-weight: 400;
}

.font-carl.h2, h2.font-carl {
    font-size: 40px;
}

.font-carl.h3, h3.font-carl, .font-carl.h2.font-30, h2.font-carl.font-30 {
    font-size: 30px;
} 

.font-carl.h3.font-20, h3.font-carl.font-20 {
	font-size: 25px;
}

.font-carl.bold {
	font-weight: 700;
}

.font-simplon {
    font-family: 'SimplonMono', Arial, sans-serif;
}

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

.cyan-bg {
	background-color: #009FE3;
}

.color-cyan {
	color: #009FE3;
} 

.yellow-bg {
	background-color: #FFD31C;
}

.color-yellow {
	color: #FFD31C;
}

.magenta-bg {
	background-color: #EF54A9;
}

.color-magenta {
	color: #EF54A9;
}

.home .social-button-wrapper {
	margin-top:20px;
}

.home .social-button-wrapper a {
	height:50px;
	width: 50px;
	border-radius: 50%;
	line-height: 50px;
	border:2px solid #fff;
	text-align: center;
	display: inline-block;
	margin-left: 10px;
}

.home .social-button-wrapper a:hover {
	background-color:#fff;	
}

.home .social-button-wrapper a:hover span {
	color:#000;
}

.my-posts .blog-col:nth-child(4n+1) {
	clear: both;
}

#podlove-subscribe-button, .podlove-subscribe-button {
	background-color:#e62e36 !important;
}

.home-logo-wrapper img {
	height:50px;
	width:auto;
}

.home-logo-wrapper {
	display: flex;
	justify-content: space-between;
}

img.icon-2 {
	width:110px;
}

img.no-gif {
    width: 85px;
}

.outer-image-wrapper .inner-image-wrapper img {
    width: 100%;
}

.inner-image-wrapper h4 {
    background-color: #000;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    padding: 2px 10px;
    font-size: 28px;
}

.inner-image-wrapper h4.icon {
    background-color: transparent;
    font-size: 60px;
    color: #000;
}

.outer-image-wrapper .row .col {
    padding: 0px;
}

.outer-blorm-wrapper .col-sm-6:nth-child(4n+1){
	clear:both;
}

/* 
h3.artwork, .home .outer-nav-wrapper {
	display: inline-block;
	top:-10px;
} */

@media (max-width:1600px) {
	
	.share-yourself-wrapper:before, .filter-wrapper:before {
		left:-15px;
		right:-15px;
		bottom:-25px;
	}
	
	.inner-app-wrapper:before {
		left: -10px;
		right: -10px;
		bottom:-15px;
	}
	
	.home .heading-wrapper .icon-art {
		left:20px;
		font-size: 40px;
		top:-15px;
	}
	
	.home .heading-wrapper span.color-white.font-bold {
		margin-left: 25px;
	}
	
}

/* @media (max-width:1500px) {

	header:after, .page-template-storytelling header:after {
		content: "";
		position: absolute;
		right: 0px;
		width: 50%;
		top: 0px;
		bottom: 0px;
		background-color: #EF54A9;
	}	
	
} */

@media (max-width:1410px) {

	.image-wrapper .social-media-wrapper {
		margin-right: 0px;
	}
	
	.heading-wrapper .icon-life {
		right: 30px;
	}

	.owl-theme.owl-header .owl-nav.disabled+.owl-dots {
		right:70px;
		transform: none;
		left:auto;
	}	
	
	.home-logo-wrapper img {
    	height: 40px;
	}
	
}

@media (max-width:1300px) {
		
	/* .living {
		width: 40%;
	}
	
	.storytelling {
		width:60%;
	} */

	img.icon-2 {
		width: 110px;
	}	
	
}

@media (min-width:992px) and (max-width:1300px) {
	
	header .col-md-4 {
		width: 33.33333333%;
	}
	
	header .col-md-8 {
		width: 66.66666667%;
	}	
	
}

@media (max-width:1200px) {
	
	.my-posts .blog-col:nth-child(4n+1) {
		clear: none;
	}
	
	.my-posts .blog-col:nth-child(3n+1) {
		clear: both;
	}
	
	.outer-blorm-wrapper .col-sm-6:nth-child(4n+1){
		clear:none;
	}
	
	.outer-blorm-wrapper .col-sm-6:nth-child(3n+1){
		clear:both;
	}	
	
}
@media (max-width:992px) {
	
	.nft-space .header, .nft-space.fixed-header .header {
		background-color:#00ff01;
		padding-bottom: 17px;
	}
	
	.inner-content .inner-content-header h2 {
		font-size: 24px;
		margin-bottom: 15px;
	}
	
	/* .home .outer-nav-wrapper {
		display: block;
		margin-left: 0px;
	} */
	
	.home-logo-wrapper img {
		height: 35px;
	}
	
	.my-posts .blog-col:nth-child(3n+1) {
		clear: none;
	}
	
	.my-posts .blog-col:nth-child(2n+1) {
		clear: both;
	}	
	
	.home .heading-wrapper .icon-art {
		left: 0px;
	}
	
	.owl-theme.owl-header .owl-nav.disabled+.owl-dots {
		right: 30px;
		left:auto;
	}
	
	.image-wrapper.bigger-sm, .outer-owl-wrapper .image-wrapper, .outer-owl-wrapper, .outer-owl-wrapper .item, .absolute-outer-image.bigger-sm {
		height:560px;
	}

	.image-wrapper.new-margin-header, .new-margin-header.margin {
		margin-top: 97px;
	}	
	
	.fixed-header .header.nav-up {
		top: -140px;
	}
	
	.white .subheader-wrapper .color-cyan {
		color: #fff;
	}
	
	.product-wrapper h3 {
		font-size: 18px;
		margin-bottom: 0px;
	}
    
    .product-wrapper .subtitle {
        font-size: 16px;
        line-height: 1;
    }

	.app-wrapper {
		margin-top: -40px;
	}	
	
	.child-wrapper {
		margin-top:14px;	
	}
	
	.living, .storytelling {
		width: 50%;
	}
	
	.living h2, .storytelling h2 {
		font-size: 24px;
	}
	
	.living .inner-content, .storytelling .inner-content {
		margin-left: 0px;
	}
	
	.child-wrapper .sublabel {
		position: relative;
		text-align: center;
		bottom: 0px;
		margin-top:5px;
	}	
	
	.child-wrapper .inner-content {
		text-align: center;
	}
	
	.child-wrapper img {
		display: none;
	}
	
	.text-left-sm {
		text-align: left;
	}
	
	img.icon-size {
		width: 100px;
	}
	
	.patron-btn {
		margin-left:0px;
	}
	
	.living:before {
		left: -30px;
		top: -10px;
		bottom: -5px;
	}
	
	.storytelling:before {
		left: 0px;
		top: -10px;
		right: -30px;
		bottom: -5px;
	}
	
	/* header:after {
		display: none;
	} */
	
	body.home .header, body.home .header, .header, .fixed-header .header, .page-template-storytelling header {
		/* background-color: #009FE3; */
		padding-bottom:0px;
	}
	
	.fixed-header .header {
		padding-top:10px;
	}
	
	.margin-header {
		margin-top: 150px;
	}
	
	.single h1 {
		font-size: 40px;
		max-width: 600px;
	}
	
	/* .new-logo-wrapper .icon {
		display: none;
	}
	
	.new-logo-wrapper {
		text-align: center;
	}	
	
	.new-logo-wrapper .sublabel {
		position: relative;
		display: block;
		margin: auto;
		left:0px;
		top:0px;
		bottom: 0px;
		margin-top:0px;
	} */
	
	.new-logo-wrapper img {
		position: relative;
		left:0px;
		top:0px;
		margin:0px;
		display: inline-block;
	}	
	
	.subheader-wrapper .color-cyan {
		color:grey;
	}
	
	.image-wrapper, .absolute-outer-image {
    	height: 410px;
	}
    
    .absolute-outer-image {
        height: auto;
    }
    
    .subheader-wrapper {
        display: none;
    }
    
    .home .subheader-wrapper {
        display: block;
    }    
	
	.absolute-outer-image.pan-image {
		height: 550px;
	}
	
	/* .text-header-wrapper {
		margin-left: 0px;
	} */
	
	.new-logo-wrapper a {
		min-width: 100%;
	}
	
	img.icon-2 {
		width: 80px;
	}
	
	img.no-gif {
		width: 55px;
	}

	.inner-image-wrapper h4 {
		font-size: 20px;
	}	
	
	header .outer-nav-wrapper a {
		padding-right: 10px;
   		padding-left: 10px;
	}
	
	.outer-blorm-wrapper .col-sm-6:nth-child(3n+1){
		clear:none;
	}
	
	.outer-blorm-wrapper .col-sm-6:nth-child(2n+1){
		clear:both;
	}
	
	body .absolute-outer-image .heading-wrapper.color-white, .single h1, .single .heading-wrapper .outer-wrapper h2 {
		color:#000;
	}
    
    .home .absolute-outer-image .heading-wrapper.color-white {
        color:#fff;
    }
	
	.inner-content .inner-content-header h2 {
		font-size: 22px;
	}
	
	.single .heading-wrapper .outer-wrapper h2 {
		font-size: 18px;
		margin-bottom: 0px;
	}
	
	header .outer-nav-wrapper {
		margin-top: 10px;
		display: none;
		padding-top:20px;
	}
	
	header .outer-nav-wrapper a.wunder-logo {
		padding-left: 0px;
	}
	
	header .outer-nav-wrapper.is-active .galerie-wrapper {
		margin-top: 20px;
	}
	
	header .outer-nav-wrapper a {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 5px;
		display: block;
	}		
	
	header .outer-nav-wrapper {
		text-align: left;
	}
	
	.storytelling:before, .living:before, header:before {
		background-color:transparent;
	}
    
    .home .header {
        background-color:#fff;
    }
	
	.new-logo-wrapper .icon {
		display: none;
	}

	.outer-image-wrapper .col, .outer-image-wrapper .col .inner-image-wrapper {
		max-height: 150px;
		overflow: hidden;
	}	
	
	.outer-image-wrapper .col {
		max-height: none;
	}
	
	.home-logo-wrapper img {
		display: inline-block;
		margin-right: 20px;
		margin-bottom: 15px;
	}
	
	.home-logo-wrapper {
		display: block;
	}	
	
	header .outer-nav-wrapper {
		clear: both;
	}
    
   .single .absolute-outer-image .black-wrapper, .archive .absolute-outer-image .black-wrapper, .absolute-outer-image .black-wrapper {
		display: none;
	}

    .single .absolute-outer-image .heading-wrapper, .archive .absolute-outer-image .heading-wrapper, .absolute-outer-image .heading-wrapper {
        position: relative;
        bottom: 0px;
        margin-top: 40px;
    } 
    
    .home .absolute-outer-image .heading-wrapper {
        position: absolute;
        bottom: 10px;
        margin-top: 0px;
    }     
    
    .home .absolute-outer-image .black-wrapper {
        display: block;
    }
    
    .single .absolute-outer-image .image-wrapper, .archive .absolute-outer-image .image-wrapper, .absolute-outer-image .image-wrapper {
        position: relative;
    }
    
    .archive .heigher.absolute-outer-image {
        max-height: inherit;
        height: auto;
    }
    
    .archive .heigher.absolute-outer-image.color-white, .archive .heigher.absolute-outer-image a.color-white, .page .heading-wrapper .outer-wrapper h2, .single .heading-wrapper .outer-wrapper h2, .image-wrapper h2  {
        color:#000;
    }
    
    .home .heigher.absolute-outer-image.color-white, .home .heigher .heading-wrapper .outer-wrapper h2 {
        color:#fff;
    }
    
    .heigher.absolute-outer-image .intro {
        font-size: 18px;
        font-weight: 400;
    }
	
	.landingpage .absolute-outer-image .heading-wrapper {
		transform: none;
	}
	
	.landingpage.single .absolute-outer-image {
		max-height: inherit;
		margin-bottom: 100px;
	}
	
	.single.landingpage .calender-wrapper .day {
		font-size: 34px;
		line-height: 43px;
	}
    
	.landingpage .termin-title-wrapper .intro.big {
		font-size: 22px;
		font-weight: 500;
		line-height: 150%;
	}
	
}

@media (max-width:767px) {
    
    .home .absolute-outer-image .heading-wrapper {
        position: relative;
        bottom:0px;
        margin-top:30px;
        
        text-align: left;
    }
    
    .home .absolute-outer-image .heading-wrapper.color-white {
        color:#000;
    }
    
    .home .heigher.absolute-outer-image.color-white, .home .heigher .heading-wrapper .outer-wrapper h2 {
        color:#000;
    }    
	
    header:after, .absolute-outer-image .black-wrapper {
		display: none;
	}
    
	/* .banner-header.absolute-outer-image.pan-image, body .banner-header.pan-image .image-wrapper, #panorama {
		height: 450px;
	}	 */
	
	.owl-theme.owl-header .owl-nav.disabled+.owl-dots {
		left: 30px;
		bottom:-10px;
		right:auto;
	}	

	.image-wrapper.new-margin-header, .new-margin-header.margin {
		margin-top: 20px;
	}	
    
    
    
	.nft-header .image-wrapper.new-margin-header, .nft-header .new-margin-header.margin {
		margin-top: 0px;
	}	    
	
	.nft-space .image-wrapper.new-margin-header, .nft-space .new-margin-header.margin {
		margin-top:0px;
	}
	
	header .outer-nav-wrapper a:hover, header .outer-nav-wrapper a:focus, .new-logo-wrapper a:hover, .new-logo-wrapper a:focus {
		background-color: transparent !important;
		color:grey !important;
	}
	
	header .sublabel strong {
		font-weight: 300;
		font-size: 13px;
	}
	
	.for-you-wrapper .for-me, .for-you-wrapper .for-you, .reaction-wrapper .for-me, .reaction-wrapper .for-you {
		width: 100%;
		float: none;
		clear: both;
	}
	
	.for-you-wrapper {
		height: auto;
	}
	
	.for-you-wrapper:before {
		display: none;
	}
	
	.for-you-wrapper .for-me {
		background-color:#000;
	}
	
	body .banner-header .image-wrapper {
		height: 420px;
	}
	
	.banner-header.absolute-outer-image {
		height: auto;
	}
	
	.absolute-outer-image .heading-wrapper h1 {
		font-size: 26px;
	}
	
	.home .image-wrapper.storytelling-wrapper {
		height: 340px;
	}
	
	.home .heading-wrapper .icon-art {
		display: none;
	}
	
	.home .heading-wrapper span.color-white.font-bold {
		margin-left: 0px;
	}
	
	.inner-app-wrapper:before {
		border-color:transparent;
	}
	
	.share-yourself-wrapper:before, .filter-wrapper:before {
		left: -10px;
		right: -10px;
		bottom: -20px;
	}
	
	.display-block-xs {
		display: block;
		margin-top:10px;
	}
	
	.single h1, .page-template-page-header h1, .page-template-storytelling h1, .home h1 {
		font-size: 40px;
	}
	
	.page .heading-wrapper .outer-wrapper h2, .single .heading-wrapper .outer-wrapper h2 {
		font-size: 20px;
	}

	.social-media-wrapper .icon-patreon {
		color:#EF54A9;
	}	
	
	.margin-bm-xs {
		margin-bottom: 10px;
	}
	
	.intro.big, .intro {
		font-size: 22px;
		font-weight: 600;
		line-height: 140%;
	}
	
	.theory-wrapper h3 {
		margin-left: 7px;
		margin-right: 7px;
	}
	
	.living, .storytelling {
		width: 100%;
	}
	
	.storytelling:before, .living:before {
		left:-20px;
		right:-20px;
	}
	
	.living {
		padding-bottom: 10px;
	}
	
	.margin-top-header {
		padding-top: 280px;
	}
	
	.living:after, .storytelling:after {
		content: "\e917";
		position: absolute;
		left:15px;
		color:#fff;
		font-size: 17px;
    	top: 15px;
		z-index: 10;
		/* use !important to prevent issues with browser extensions that change fonts */
	  font-family: 'icomoon' !important;
	  speak: never;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;

	  /* Better Font Rendering =========== */
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;		
	}
	
	/* .new-logo-wrapper a:after {
		content: "\e928";
		position: absolute;
		left:0px;
		color:#fff;
		font-size: 40px;
		top: 5px;
		z-index: 10;
		/* use !important to prevent issues with browser extensions that change fonts
	  font-family: 'icomoon' !important;
	  speak: never;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;

	  /* Better Font Rendering =========== 
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;		
	} */
	
	.font-50 {
		font-size: 40px;
	}
	
	.home .social-button-wrapper a {
		height: 40px;
		width: 40px;
		line-height: 40px;
		border:1px solid #fff;
		font-size: 15px;
		margin-bottom: 10px;
	}
	
	.single h1, .page-template-page-header h1, .page-template-storytelling h1, .home h1, .image-wrapper h1 {
		font-size: 30px;
	}

	.inner-content .inner-content-header h2 {
		margin-bottom: 0px; 
	}

    .no-margin-bottom-xs {
        margin-bottom: 0px;
    }

    .border-bottom-xs {
        border-bottom: 1px solid #acacac;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
	
	.single.landingpage .calender-wrapper .day {
		font-size: 30px;
		line-height: 43px;
	}
	
	.single.landingpage .calender-wrapper {
		width: 70px;
	}
	
	.single.landingpage h1 {
		font-size: 50px !important;
	}
	
	.single.landingpage .heading-wrapper h2 {
		font-size: 22px !important;
	}

}

@media (max-width:370px) {
	
	.subheader-wrapper {
		padding-top: 1px;
	}	
	
	.home .heading-wrapper h2 {
    	font-size: 25px;
	}
	
	.home-social-buttons {
		margin-left: 0px;
		margin-top: 20px;
		display: block;
	}

	img.icon-2 {
		width: 100px;
	}	
	
	.page .heading-wrapper .outer-wrapper h2, .single .heading-wrapper .outer-wrapper h2 {
		font-size: 18px;
	}
	
}

@media (max-width:340px) {
	
	body header .text-header-wrapper h1, header h2 {
    	font-size: 25px;
	}
	
	.living {
		margin-top:-5px;
		padding-bottom: 5px;
	}
	
	.storytelling, body.home .header, body.home .header, .header, .fixed-header .header, .page-template-storytelling header {
		padding-bottom: 0px;
	}	
	
	.storytelling:before {
    	bottom: 0px;
	}
	
	.living:after, .storytelling:after {
		transform: rotate(180deg);
		left:auto;
		right:10px;
	}
	
	.image-wrapper.new-margin-header, .new-margin-header.margin {
		margin-top: 180px;
	}
	
	.single h1, .page-template-page-header h1, .page-template-storytelling h1, .home h1 {
		font-size: 25px;
	}
	
	.image-wrapper {
		height: 220px;
	}
	
	.home .image-wrapper .heading-wrapper p {
		font-size: 16px;
		line-height: 130%;
	}
	
	.new-logo-wrapper a:after {
		font-size: 32px;
		right: 0px;
		left:auto;
		top: 8px;
	}
	
	header .outer-nav-wrapper a {
		padding-left: 5px;
		padding-right: 5px;
	}


	
}

.no-padding {
    padding:0px;
}