html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(//www.thomas-kettler-verlag.de/wp-content/themes/tkv_child/img/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(//www.thomas-kettler-verlag.de/wp-content/themes/tkv_child/img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}@font-face {
font-family: 'Open Sans';
src: url(//www.thomas-kettler-verlag.de/wp-content/themes/tkv_child/fonts/OpenSans-SemiBold.woff2) format('woff2'), url(//www.thomas-kettler-verlag.de/wp-content/themes/tkv_child/fonts/OpenSans-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.thomas-kettler-verlag.de/wp-content/themes/tkv_child/fonts/OpenSans-Bold.woff2) format('woff2'), url(//www.thomas-kettler-verlag.de/wp-content/themes/tkv_child/fonts/OpenSans-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Playfair Display';
src: url(//www.thomas-kettler-verlag.de/wp-content/themes/tkv_child/fonts/PlayfairDisplay-Regular.woff2) format('woff2'), url(//www.thomas-kettler-verlag.de/wp-content/themes/tkv_child/fonts/PlayfairDisplay-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.thomas-kettler-verlag.de/wp-content/themes/tkv_child/fonts/OpenSans-Regular.woff2) format('woff2'), url(//www.thomas-kettler-verlag.de/wp-content/themes/tkv_child/fonts/OpenSans-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
}
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
margin: 0;
padding: 0;
border: 0;
display: block;
}
body {
background-color: #fff;
font-size: 1.125rem;
font-family: 'Open Sans';
color: black;
font-weight: normal;
position: relative;
-webkit-overflow-scrolling: touch;
}
.modal {
display: none;
width: 100%;
height: 100%;
z-index: 995;
position: fixed;
background: rgba(0, 0, 0, 0.8);
top: 0;
left: 0;
}
img {
margin: 0;
padding: 0;
border: 0;
display: block;
max-width: 100%;
height: auto;
}
h1 {
font-family: 'Open Sans';
font-weight: normal;
font-size: 2.25rem;
padding-bottom: 20px;
color: #44A4D4;
}
h2 {
font-weight: 600;
font-size: 1.5rem;
padding-bottom: 20px;
color: #000;
}
h3 {
font-weight: 600;
font-size: 1.3125rem;
padding-bottom: 20px;
color: #000;
}
p ~ h1,
p ~ h2,
p ~ h3,
ul ~ h1,
ul ~ h2,
ul ~ h3,
ol ~ h1,
ol ~ h2,
ol ~ h3 {
padding-top: 40px;
}
p,
ul,
ol {
font-size: 1.125rem;
padding-bottom: 20px;
}
@media only screen and (max-width: 1440px) {
p,
ul,
ol {
font-size: 1rem;
}
}
ol,
ul {
margin-left: 2rem;
}
a {
color: black;
font-weight: normal;
}
a:visited {
color: black;
}
a:hover {
color: #44A4D4;
text-decoration: none;
}
a:active {
color: #44A4D4;
}
.wrapper {
margin: 0;
padding: 0;
border: 0;
display: block;
max-width: 1400px;
margin: 0 auto;
}
.outer-wrapper {
margin: 0;
padding: 0;
border: 0;
display: block;
width: 900px;
margin: 0 auto;
padding-bottom: 50px;
}
.inner-wrapper {
margin: 0;
padding: 0;
border: 0;
display: block;
padding: 50px 50px 30px 50px;
}
main {
margin: 0;
padding: 0;
border: 0;
display: block;
position: relative;
}
main .wrapper { position: relative;
}
main .wrapper .sidelogo {
width: 450px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
bottom: 220px;
right: -250px;
}
img.alignleft {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
img.alignright {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
img.aligncenter {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
@media only screen and (max-width: 1600px) {
.wrapper {
margin: 0;
padding: 0;
border: 0;
display: block;
max-width: calc(100% - 100px);
margin: 0 auto;
}
}
@media only screen and (max-width: 1280px) {
.outer-wrapper {
width: 100%;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
}
}
@media only screen and (max-width: 960px) {
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.25rem;
}
h3 {
font-size: 1.1rem;
}
.sidelogo {
display: none;
}
.wrapper {
max-width: calc(100% - 50px);
}
.outer-wrapper {
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
}
.inner-wrapper {
padding: 25px 0px 20px 0px;
}
}
@media only screen and (max-width: 560px) {
h1 {
font-size: 1.2rem;
}
h2 {
font-size: 1rem;
}
h3 {
font-size: 0.85rem;
}
p,
ul,
ol {
font-size: 0.8rem;
padding-bottom: 20px;
}
.outer-wrapper {
padding-bottom: 25px !important;
}
}
main .wrapper {
background-color: white;
}
.ft-prod {
position: relative;
}
.ft-prod .prod-inner {
padding: 50px calc( (50px * 2) + 30%) 50px 50px;
background-color: #f2f3f6;
}
.ft-prod .prod-inner .headline {
font-family: 'Playfair Display';
padding-bottom: 5px;
font-size: 1.125rem;
}
.ft-prod .prod-inner > h2 {
padding-top: 0;
}
.ft-prod .prod-inner > h2 > a {
text-decoration: none;
color: #44A4D4;
font-weight: bold;
}
.ft-prod .prod-inner > h2 > a:hover {
color: #000;
}
.ft-prod .prod-inner .content > p {
font-size: 1rem;
}
.ft-prod .prod-inner .prod-info {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
.ft-prod .prod-inner .prod-info .price {
font-weight: bold;
}
.ft-prod .prod-inner .prod-info .links {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ft-prod .prod-inner .prod-info .links a {
text-decoration: none;
margin: 0 10px;
}
.ft-prod .prod-inner .prod-info .links a:last-child {
margin-right: 0;
}
.ft-prod .prod-inner .prod-info .links a.button {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
border: 1px solid #000;
padding: 10px 20px;
text-decoration: none;
background-color: transparent;
font-size: 1.125rem;
display: block;
font-weight: bold;
border: 2px solid #000;
}
.ft-prod .prod-inner .prod-info .links a.button:hover {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
background-color: #44A4D4;
border-color: #44A4D4;
color: #fff;
}
.ft-prod .prod-inner .prod-info .links .added_to_cart {
display: block;
width: 100%;
margin: 10px 0 0 0;
text-align: center;
}
.ft-prod > img {
max-width: 230px;
width: 30%;
position: absolute;
right: 50px;
top: 50px;
display: block;
}
@media only screen and (max-width: 960px) {
.ft-prod .prod-inner {
padding: 25px calc( (25px * 2) + 20%) 100px 25px;
}
.ft-prod .prod-inner .headline {
font-size: 1rem;
}
.ft-prod .prod-inner .prod-info {
position: absolute;
height: 75px;
width: calc(100% - 50px);
}
.ft-prod .prod-inner .prod-info .links a {
font-size: 0.8rem;
}
.ft-prod .prod-inner .prod-info .links a.button {
font-size: 0.8rem;
}
.ft-prod > img {
width: 20%;
right: 25px;
top: 25px;
}
}
@media only screen and (max-width: 560px) {
.ft-prod .prod-inner {
padding: 25px;
}
.ft-prod .prod-inner .prod-info {
position: relative;
height: auto;
width: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 0;
}
.ft-prod .prod-inner .prod-info .links {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.ft-prod .prod-inner .prod-info .links a {
margin: 5px 0;
}
.ft-prod .prod-inner .headline {
font-size: 0.8rem;
}
.ft-prod .prod-inner .content {
display: none;
}
.ft-prod > img {
width: 100%;
right: auto;
top: auto;
margin: 0;
display: block;
padding: 0;
position: relative;
max-width: 100%;
}
}
input,
select,
textarea {
max-width: 100%;
padding: 3px 10px;
}
.woocommerce-Price-currencySymbol {
margin-right: 8px;
}
ul.products {
margin: 0;
padding: 0;
display: block;
list-style-type: none;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-top: 40px;
margin-left: -20px;
margin-right: -20px;
}
ul.products li.product {
width: calc(25% - 40px);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
margin-left: 20px;
margin-right: 20px;
}
ul.products li.product .woocommerce-LoopProduct-link {
text-decoration: none;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
ul.products li.product .woocommerce-LoopProduct-link > h2 {
font-size: 1rem;
margin-top: 10px;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: left;
display: block;
width: 100%;
max-width: 170px;
}
ul.products li.product .woocommerce-LoopProduct-link .price {
display: block;
width: 100%;
text-align: left;
font-weight: bold;
color: #576693;
}
ul.products li.product .woocommerce-LoopProduct-link > img {
max-height: 170px;
width: auto;
}
ul.products li.product .woocommerce-LoopProduct-link:hover > img {
opacity: .7;
}
ul.products li.product .woocommerce-LoopProduct-link:hover > h2 {
opacity: .7;
}
ul.products li.product .button {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
border: 1px solid #000;
padding: 10px 20px;
text-decoration: none;
background-color: transparent;
font-size: 1.125rem;
font-weight: bold;
display: block;
margin-top: 20px;
text-align: center;
font-size: 0.8rem;
width: 100%;
text-transform: uppercase;
border: 2px solid #000;
}
ul.products li.product .button:hover {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
background-color: #44A4D4;
border-color: #44A4D4;
color: #fff;
}
ul.products li.product .added_to_cart {
padding: 5px 20px;
width: 100%;
margin-top: 20px;
display: block;
text-align: center;
font-size: 0.8rem;
}
@media only screen and (max-width: 960px) {
ul.products li.product {
width: calc(50% - 40px);
}
}
@media only screen and (max-width: 560px) {
ul.products li.product {
width: 100%;
}
}
div.product .summary {
background-color: #f2f3f6;
position: relative; padding:50px;
margin-bottom: 50px;
}
.single-product .product .summary.entry-summary { 
float:none;
width:100%;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
padding-right:50px;
max-width: 100%;
right: auto;
}
.woocommerce div.product form.cart div.quantity {
margin: 1.5rem 1rem 0 0 !important;
}
}
div.product .summary .woocommerce-product-gallery {
max-width: 25%;
width: 200px;
position: absolute;
right: 50px;
top: 50px;
}
div.product .summary .woocommerce-product-gallery > figure .woocommerce-product-gallery__image > a:hover {
opacity: .7;
}
div.product .summary .woocommerce-product-gallery > figure .product-gallery-small {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-left:-4px;
}
div.product .summary .woocommerce-product-gallery > figure .product-gallery-small .minipicture {
width: calc(25% - 4px);
display: block;
margin-left:4px;
margin-top:4px;
}
div.product .summary .woocommerce-product-gallery > figure .product-gallery-small .minipicture.invisible {
display: none;
}
div.product .summary .woocommerce-product-gallery > figure .product-gallery-small .minipicture.swipeboxopener {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
background-color: #44A4D4;
text-decoration: none;
font-weight: bold;
font-size: 2rem;
}
div.product .summary .woocommerce-product-gallery > figure .product-gallery-small .minipicture:hover {
opacity: .7;
}
div.product .summary .woocommerce-product-gallery .zoom-icon {
display: block;
position: absolute;
width: 35px;
background-color: #44A4D4;
padding: 10px;
border-radius: 5px;
top: 20px;
left: -20px;
}
div.product .summary .woocommerce-product-gallery .zoom-icon:hover {
opacity: .7;
}
div.product .summary .entry-title {
font-size: 1.875rem;
}
div.product .summary .woocommerce-Price-amount {
font-weight: bold;
color: #44A4D4;
}
div.product .summary .quantity input.qty {
border: 2px solid #000;
border-radius: 2px;
padding: 5px;
background-color: transparent;
width: 60px;
}
div.product .summary .quantity input.qty:focus {
background-color: #fff;
}
div.product .summary .quantity:after {
content: "Anzahl";
color: #000;
font-size: 0.875rem;
display: inline-block;
}
div.product .summary .single_add_to_cart_button {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
border: 1px solid #000;
padding: 10px 20px;
text-decoration: none;
background-color: transparent;
font-size: 1.125rem;
margin-top: 20px;
text-transform: uppercase;
border: 2px solid #000;
}
div.product .summary .single_add_to_cart_button:hover {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
background-color: #44A4D4;
border-color: #44A4D4;
color: #fff;
}
div.product .summary .single_add_to_cart_button:hover {
cursor: pointer;
}
div.product .woocommerce-tabs ul.tabs {
display: none;
}
div.product .woocommerce-tabs #tab-description {
padding: 0 50px;
}
div.product .woocommerce-tabs #tab-description > h2:first-of-type {
display: none;
}
div.product .related {
margin-top: 50px;
margin-bottom: 50px;
padding: 0 50px;
}
div.product .related .button {
text-transform: uppercase;
border: 2px solid #000;
}
div.product .backbutton {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
border: 1px solid #576693;
padding: 10px 20px;
text-decoration: none;
background-color: transparent;
font-size: 1.125rem;
color: #576693;
margin: 0 50px;
}
div.product .backbutton:hover {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
background-color: #576693;
border-color: #576693;
color: #fff;
}
div.product .backbutton:hover {
cursor: pointer;
}
@media only screen and (max-width: 960px) {
div.product .summary .woocommerce-product-gallery > figure .product-gallery-small .minipicture.swipeboxopener {
font-size: 1rem;
}
}
@media only screen and (max-width: 960px) {
div.product .summary {
padding: 25px calc(20% + 50px) 25px 25px;
margin-bottom: 25px;
}
div.product .summary .woocommerce-product-gallery {
max-width: 20%;
right: 25px;
top: 25px;
}
div.product .woocommerce-tabs #tab-description {
padding: 0 25px;
}
div.product .related {
margin-top: 25px;
margin-bottom: 25px;
padding: 0 25px;
}
div.product .backbutton {
margin: 0 25px;
}
}
@media only screen and (max-width: 560px) {
div.product .summary {
padding: 25px;
}
div.product .summary .entry-title {
font-size: 1.5rem;
}
div.product .summary .woocommerce-product-gallery {
max-width: 100%;
right: auto;
top: auto;
position: relative;
width: 100%;
display: block;
margin: 0 auto 25px auto;
}
div.product .summary .woocommerce-product-gallery .zoom-icon {
top: 10px;
left: auto;
right: 10px;
bottom: auto;
}
div.product .summary .woocommerce-product-gallery > figure .product-gallery-small .minipicture.swipeboxopener {
font-size: 1rem;
}
div.product .summary .single_add_to_cart_button {
font-size: 0.8rem;
}
div.product .backbutton {
font-size: 0.8rem;
}
}
form.woocommerce-cart-form .woocommerce-cart-form__contents .actions .button {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
border: 1px solid #000;
padding: 10px 20px;
text-decoration: none;
background-color: transparent;
font-size: 1.125rem;
}
form.woocommerce-cart-form .woocommerce-cart-form__contents .actions .button:hover {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
background-color: #44A4D4;
border-color: #44A4D4;
color: #fff;
}
form.woocommerce-cart-form .product-thumbnail img {
max-width: 100px;
}
.cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
border: 1px solid #576693;
padding: 10px 20px;
text-decoration: none;
background-color: transparent;
font-size: 1.125rem;
color: #576693;
}
.cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button:hover {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
background-color: #576693;
border-color: #576693;
color: #fff;
}
@media only screen and (max-width: 560px) {
.woocommerce {
font-size: 0.8rem;
}
.woocommerce form.woocommerce-cart-form .woocommerce-cart-form__contents .actions .button {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
border: 1px solid #000;
padding: 10px 20px;
text-decoration: none;
background-color: transparent;
font-size: 1.125rem;
font-size: 0.8rem;
}
.woocommerce form.woocommerce-cart-form .woocommerce-cart-form__contents .actions .button:hover {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
background-color: #44A4D4;
border-color: #44A4D4;
color: #fff;
}
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
border: 1px solid #576693;
padding: 10px 20px;
text-decoration: none;
background-color: transparent;
font-size: 1.125rem;
color: #576693;
font-size: 0.8rem;
}
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button:hover {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
background-color: #576693;
border-color: #576693;
color: #fff;
}
}
.woocommerce-pagination .page-numbers {
margin: 0;
padding: 0;
display: block;
list-style-type: none;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.woocommerce-pagination .page-numbers li .page-numbers {
text-decoration: none;
color: black;
padding: 5px 10px;
border: 1px solid black;
background-color: white;
margin-right: 10px;
}
.woocommerce-pagination .page-numbers li .page-numbers:hover {
background-color: #f2f3f6;
}
.woocommerce-pagination .page-numbers li .page-numbers.current {
background-color: #f2f3f6;
}
.woocommerce-pagination .page-numbers li .page-numbers.current:hover {
opacity: 1;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
max-width: 100%; padding:3px 8px;
font-size: 1.0625rem;
}
.woocommerce form #place_order {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
border: 1px solid #576693;
padding: 10px 20px;
text-decoration: none;
background-color: transparent;
color: #576693;
font-size: 1.125rem;
}
.woocommerce form #place_order:hover {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
background-color: #576693;
border-color: #576693;
color: #fff;
}
.select2-container .select2-selection--single {
height: 34px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
max-width: 100%; padding:3px 8px;
font-size:1.0635rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 36px !important;
}
@media only screen and (max-width: 560px) {
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
font-size: 0.8rem;
}
.woocommerce form #place_order {
font-size: 0.8rem;
}
.woocommerce .shipping td {
word-break: break-all;
}
.select2-container .select2-selection--single .select2-selection__rendered {
font-size: 0.8rem;
}
}
@media only screen and (max-width: 360px) {
.shop_table th,
.shop_table td {
word-break: break-all;
}
}
header#pageheader .pagebar {
margin-bottom: 0;
}
header#pageheader .pagebar .wrapper {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 60px;
}
header#pageheader .pagebar .wrapper .contact-links {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
header#pageheader .pagebar .wrapper .contact-links > a {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
font-size: 0.875rem;
opacity: .7;
}
header#pageheader .pagebar .wrapper .contact-links > a > img {
margin-right: 10px;
}
header#pageheader .pagebar .wrapper .contact-links > a:hover {
color: #000;
opacity: 1;
}
header#pageheader .pagebar .wrapper .contact-links > a:last-child {
margin-right: 0px;
}
header#pageheader .pagebar .wrapper .cartmobileicon {
display: none;
}
header#pageheader .pagebar .wrapper .login-links .logout {
font-size: 0.875rem;
opacity: .7;
}
header#pageheader .pagebar .wrapper .login-links > a {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
font-size: 0.875rem;
opacity: .7;
margin-right: 40px;
}
header#pageheader .pagebar .wrapper .login-links > a > img {
width: 12px;
margin-right: 10px;
}
header#pageheader .pagebar .wrapper .login-links > a:hover {
color: #000;
opacity: 1;
}
header#pageheader .pagebar .wrapper .login-links > a:last-child {
margin-right: 0px;
}
header#pageheader .header-container {
background-color: white;
position: absolute;
left: 0;
width: 100%;
}
header#pageheader .header-container .wrapper {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 130px;
-webkit-transition: height 0.5s;
-moz-transition: height 0.5s;
transition: height 0.5s;
}
header#pageheader .header-container .wrapper .logo {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
header#pageheader .header-container .wrapper .logo a.custom-logo-link img.custom-logo {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
width: 450px;
}
header#pageheader .header-container .wrapper .logo a.custom-logo-link:hover img.custom-logo {
opacity: .7;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
header#pageheader .header-container .wrapper .desktop-nav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
header#pageheader .header-container .wrapper .desktop-nav .closenav {
display: none;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue {
margin: 0;
padding: 0;
display: block;
list-style-type: none;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item {
margin-left: 40px;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.current_page_item > a,
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.current_page_parent > a,
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.current_page_ancestor > a {
color: #44A4D4;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.cart {
margin-left: 80px;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.cart > a {
position: relative;
bottom: -10px;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.cart > a .text {
display: none;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.cart > a > img {
width: 20px;
height: auto;
margin-right: 15px;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.cart > a .countCartItemsCurrent {
position: relative;
top: -40px;
right: -10px;
background-color: #44A4D4;
color: #fff;
border-radius: 50%;
width: 25px;
height: 25px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.875rem;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item > a {
text-transform: uppercase;
font-weight: 600;
text-decoration: none;
font-size: 1.125rem;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container 
ul#menu-hauptmenue .sub-menu .sub-menu li.menu-item > a { 
font-size:1rem;
}
header#pageheader .header-container .wrapper .hamburgermenu {
display: none;
}
header#pageheader .headerimage { z-index: 99;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
body {
padding-top: 130px;
}
header#pageheader .headerimage .wrapper > img {
width: 100%;
}
header#pageheader .noheader {
display: block;
background-color: transparent;
height: 50px;
}
header#pageheader.sticky .header-container {
position: fixed;
width: 100%;
top: 0;
left: 0;
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
z-index: 99;
}
header#pageheader.sticky .header-container .wrapper {
-webkit-transition: height 0.5s;
-moz-transition: height 0.5s;
transition: height 0.5s;
height: 90px;
}
header#pageheader.sticky .headerimage {
margin-top: 90px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
@media only screen and (max-width: 1280px) {
header#pageheader .header-container .wrapper .logo a.custom-logo-link img.custom-logo {
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.cart {
margin-left: 40px;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item > a {
font-size: 1rem;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container 
ul#menu-hauptmenue .sub-menu .sub-menu li.menu-item > a { 
font-size:0.9rem;
}
}
@media only screen and (max-width: 1024px) {
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.current_page_item > a,
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.current_page_parent > a,
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.current_page_ancestor > a {
color: #FFF;
opacity:0.8;
}
header#pageheader .pagebar .wrapper .cartmobileicon {
display: block;
position: relative;
bottom: -10px;
text-decoration: none;
}
header#pageheader .pagebar .wrapper .cartmobileicon .text {
display: none;
}
header#pageheader .pagebar .wrapper .cartmobileicon > img {
width: 12px;
height: auto;
margin-right: 15px;
}
header#pageheader .pagebar .wrapper .cartmobileicon .countCartItemsCurrent {
position: relative;
top: -25px;
right: -10px;
background-color: #44A4D4;
color: #fff;
border-radius: 50%;
width: 20px;
height: 20px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.6rem;
text-decoration: none;
}
header#pageheader .header-container .wrapper .desktop-nav {
position: fixed;
right: -80%;
top: 0;
height: 100%;
width: 80%;
background: #44A4D4;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-top: 90px;
z-index: 999;
}
header#pageheader .header-container .wrapper .desktop-nav .closenav {
position: absolute;
color: #fff !important;
font-size: 1rem;
top: 0;
right: 20px;
text-decoration: none;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
header#pageheader .header-container .wrapper .desktop-nav .closenav > span {
font-size: 3rem;
margin-left: 10px;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item {
height: 50px;
margin-left: 0;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.cart {
margin-left: 0;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.cart > a > img {
display: none;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.cart > a .text {
display: block;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item.cart > a .countCartItemsCurrent {
top: -25px;
right: -110px;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item > a {
color: #fff;
}
header#pageheader .header-container .wrapper .hamburgermenu {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
header#pageheader .header-container .wrapper .hamburgermenu .icon {
height: 24px;
display: block;
}
header#pageheader .header-container .wrapper .hamburgermenu .icon > span {
display: block;
width: 33px;
height: 4px;
margin-bottom: 5px;
position: relative;
background: #000;
border-radius: 3px;
z-index: 1;
transform-origin: 4px 0px;
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
header#pageheader .noheader {
height: 25px;
}
header#pageheader.sticky .header-container {
z-index: 990;
}
header#pageheader.sticky .header-container .wrapper .desktop-nav {
z-index: 999;
}
}
@media only screen and (max-width: 960px) {
header#pageheader .pagebar .wrapper .contact-links > a > span {
display: none;
}
}
@media only screen and (max-width: 560px) {
header#pageheader .header-container .wrapper {
height: 120px;
}
header#pageheader .header-container .wrapper .logo a.custom-logo-link img.custom-logo {
width: 200px;
}
header#pageheader .header-container .wrapper .hamburgermenu .icon {
height: 17px;
}
header#pageheader .header-container .wrapper .hamburgermenu .icon > span {
width: 23px;
height: 3px;
margin-bottom: 3px;
}
header#pageheader .pagebar .wrapper .contact-links > a {
margin-right: 15px;
} body {
padding-top: 120px;
}
}
@media only screen and (max-width: 360px) {
header#pageheader .pagebar .wrapper .login-links .logout {
font-size: 0.6rem;
}
header#pageheader .pagebar .wrapper .login-links > a {
font-size: 0.6rem;
}
}
footer {
padding-left:50px;
padding-right:50px;
}
footer h3 {
color: #fff;
}
footer .information {
color: #fff;
}
footer .information a {
color: #fff;
font-size: 0.875rem;
}
footer .information a:hover {
color: #fff;
}
footer .information .wrapper {
background-color: #44A4D4;
padding: 50px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
max-width:100%;
background-image: url(//www.thomas-kettler-verlag.de/wp-content/themes/tkv_child/images/gaense2.png);
background-repeat: no-repeat;
background-position:42% center;
background-size: 200px auto;
}
@media (min-width:1300px) and (max-width:1420px) {
footer .information .wrapper { 
background-position:45% center;
background-size: 180px auto;
}
}
@media (max-width:960px) {
footer .information .wrapper { 
background-position: 90% 10%
}
}
@media (max-width:600px) {
footer .information .wrapper { 
background-position: 92% 3%;
background-size: 80px auto;
}
}
footer .information .wrapper .footer-left {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: calc(50% - 50px);
}
footer .information .wrapper .footer-left .info {
margin-right: 50px;
}
footer .information .wrapper .footer-left .info > p {
font-size: 0.875rem;
}
footer .information .wrapper .footer-left .info:last-child {
margin-right: 0;
}
footer .information .wrapper .footer-left .info .menu-footermenue-container ul#menu-footermenue {
margin: 0;
padding: 0;
display: block;
list-style-type: none;
}
footer .information .wrapper .footer-left .info .menu-footermenue-container ul#menu-footermenue li.menu-item > a {
display: block;
margin-bottom: 1px;
}
footer .information .wrapper .footer-right {
width: calc(50% - 50px);
}
footer .information .wrapper .footer-right .footer-right-inner {
text-align: left;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
footer .information .wrapper .footer-right .form {
width: calc(60% - 10px);
}
footer .information .wrapper .footer-right .form .twocol {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
footer .information .wrapper .footer-right .form .twocol > span {
width: calc(50% - 3px);
display: block;
margin-bottom: 6px;
}
footer .information .wrapper .footer-right .form .twocol > span input,
footer .information .wrapper .footer-right .form .twocol > span textarea,
footer .information .wrapper .footer-right .form .twocol > span select {
padding: 5px;
background-color: transparent;
border: 1px solid #fff;
color: #fff;
width: 100%;
max-height: 100px;
font-family: 'Open Sans';
font-size: 0.875rem;
}
footer .information .wrapper .footer-right .form .onecol > span {
width: 100%;
display: block;
margin-bottom: 6px;
}
footer .information .wrapper .footer-right .form .onecol > span input,
footer .information .wrapper .footer-right .form .onecol > span textarea,
footer .information .wrapper .footer-right .form .onecol > span select {
padding: 5px;
background-color: transparent;
border: 1px solid #fff;
color: #fff;
width: 100%;
max-height: 100px;
font-family: 'Open Sans';
font-size: 0.875rem;
}
footer .information .wrapper .footer-right .form p {
padding-bottom: 0;
}
footer .information .wrapper .footer-right .form p .wpcf7-submit {
padding: 5px 30px;
font-family: 'Open Sans';
font-size: 0.875rem;
font-weight: bold;
text-transform: uppercase;
color: #576693;
background-color: #fff;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
footer .information .wrapper .footer-right .form p .wpcf7-submit:hover {
cursor: pointer;
opacity: .7;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
footer .information .wrapper .footer-right .form span.wpcf7-not-valid-tip {
color: #fff;
font-size: 0.875rem;
border: 1px solid red;
padding: 5px 10px;
margin-top: 5px;
}
footer .information .wrapper .footer-right .form div.wpcf7-response-output {
padding: 5px 10px;
font-size: 0.875rem;
margin: 5px 0 0 0;
}
footer .information .wrapper .footer-right .form div.wpcf7-validation-errors {
padding: 5px 10px;
font-size: 0.875rem;
border-color: red;
margin: 5px 0 0 0;
}
footer .information .wrapper .footer-right .dsgvo {
width: calc(40% - 10px);
}
footer .information .wrapper .footer-right .dsgvo > p {
font-size: 0.875rem;
}
footer .site-end .wrapper {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 60px;
}
footer .site-end .wrapper > span {
font-size: 0.875rem;
}
@media only screen and (max-width: 1280px) {
footer .information .wrapper .footer-left {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: calc(50% - 50px);
}
footer .information .wrapper .footer-left .info {
margin-right: 0;
}
footer .information .wrapper .footer-right {
width: calc(50% - 50px);
}
footer .information .wrapper .footer-right .footer-right-inner {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
footer .information .wrapper .footer-right .footer-right-inner .form {
width: 100%;
margin-bottom: 10px;
}
footer .information .wrapper .footer-right .footer-right-inner .dsgvo {
width: 100%;
}
}
@media only screen and (max-width: 960px) {
footer .information .wrapper {
padding: 25px;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
footer .information .wrapper .footer-left {
width: 100%;
margin-bottom: 20px;
}
footer .information .wrapper .footer-right {
width: 100%;
}
}
@media only screen and (max-width: 560px) {
footer .information a {
font-size: 0.7rem;
}
footer .information .wrapper .footer-left .info > p {
font-size: 0.7rem;
}
footer .information .wrapper .footer-right .form .twocol > span input,
footer .information .wrapper .footer-right .form .twocol > span textarea,
footer .information .wrapper .footer-right .form .twocol > span select {
font-size: 0.7rem;
}
footer .information .wrapper .footer-right .form .onecol > span input,
footer .information .wrapper .footer-right .form .onecol > span textarea,
footer .information .wrapper .footer-right .form .onecol > span select {
font-size: 0.7rem;
}
footer .information .wrapper .footer-right .form p .wpcf7-submit {
font-size: 0.7rem;
}
footer .information .wrapper .footer-right .form span.wpcf7-not-valid-tip {
font-size: 0.7rem;
}
footer .information .wrapper .footer-right .form div.wpcf7-response-output {
font-size: 0.7rem;
}
footer .information .wrapper .footer-right .form div.wpcf7-validation-errors {
font-size: 0.7rem;
}
footer .information .wrapper .footer-right .dsgvo > p {
font-size: 0.7rem;
}
footer .site-end .wrapper {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
height: auto;
}
footer .site-end .wrapper > span {
font-size: 0.7rem;
margin: 20px 0 0 0;
}
footer .site-end .wrapper > span:last-child {
margin: 20px 0;
}
}
.page-id-549 img.alignright {
width:180px;
}
@media (max-width:800px) {
.page-id-549 article p::after {
display: table;
clear: both;
content: ' ';
}
.page-id-549 article img {
float:left !important;
}
.page-id-549 article img:first-child {
margin-left:0 !important;
}
}
@media (max-width:490px) { 
.page-id-549 img.alignright {
width:calc(50% - 13px);
}
}
article span.wpcf7-not-valid-tip {
display:block;
font-size: 0.75rem;
margin-bottom:0.75rem;
}
article .wpcf7-form span {
display: block;
}
article .wpcf7-form p br {
display: none;
}
article .wpcf7-form input:not(.wpcf7-submit), 
article .wpcf7-form textarea {
padding: 5px;
background-color: transparent;
border: 1px solid #777;
color: #111;
width: 100%;
max-height: 100px;
font-family: 'Open Sans';
font-size: 0.875rem;
margin-bottom:0.5rem;
width:320px;
}
article .wpcf7-submit {
padding: 5px 30px;
font-family: 'Open Sans';
font-size: 1rem;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
background-color: #44A4D4;
transition: all 0.2s;
}
article .wpcf7-submit:hover {
cursor: pointer;
opacity: .7;
}
div.wpcf7-response-output {
font-size: 0.875rem;
}
header#pageheader .pagebar .wrapper {
-ms-justify-content: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
@media (max-width:768px) {
.woocommerce ul.products[class*="columns-"] li.product:nth-child(2n), 
.woocommerce-page ul.products[class*="columns-"] li.product:nth-child(2n) {
margin-left:4%;
}
}
@media (max-width:480px) {
div.product .related {
padding-left:0;
padding-right:0;
}
}
@media (max-width:350px) {
.outer-wrapper {
padding-left: 16px;
padding-right: 16px; 
}
}
.woocommerce-product-details__short-description {
margin-top:2rem;
}
.woocommerce-loop-product__title {
text-align:center !important;
}
.menu-item-has-children {
position: relative;
}
.desktop-nav .menu-item-has-children:hover ul.sub-menu {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
.desktop-nav .menu-item-has-children > ul {
transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
transition-delay: 100ms;
opacity: 0;
visibility: hidden;
min-width: 10em;
position:absolute;
z-index:5000;
list-style:none;
margin:0 0 0 -1.5rem !important;
padding:0.75rem 1.5rem 0.75rem 1.5rem !important;
background:#FFF;
pointer-events: none;
}
.desktop-nav .menu-item-has-children li {
padding:0.25rem 0 !important;
margin-left:0 !important;
}
.desktop-nav .menu-item-has-children a {
white-space: nowrap;
}
.desktop-nav .menu-item-has-children > ul.sub-menu .sub-menu {
opacity:1;
visibility:visible;
padding:0.25rem 0 0 1rem !important;
margin:0 !important;
position: relative;
}
.desktop-nav .sub-menu [href="#"] {
pointer-events: none;
cursor:auto;
}
@media (max-width: 1024px) {
.desktop-nav [href="#"] {
display: none;
}
.desktop-nav .menu-item-has-children > ul.sub-menu .sub-menu {
padding:0 !important;
margin:0 !important;
}
header#pageheader .header-container .wrapper .desktop-nav {
overflow:auto;
padding-bottom:1rem;
}
.desktop-nav .menu-item-has-children > ul {
position:relative;
min-width:auto;
opacity:1;
display:block;
background: transparent;
padding:0.5rem 0 0 0 !important;
margin:0 !important;
visibility: visible;
text-align:center;
}
.desktop-nav .menu-item-has-children  {
text-align: center;
}
.sub-menu a {
font-size:0.8rem !important;
}
.desktop-nav .menu-item-has-children > a.js-active + ul { 
display:block;
}
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item,
header#pageheader .header-container .wrapper .desktop-nav .menu-hauptmenue-container ul#menu-hauptmenue li.menu-item {
height:auto;
}
.desktop-nav .menu > li {
margin-bottom:1.25rem;
}
}
.single_add_to_cart_button,
.checkout-button,
#place_order {
background: #44A4D4 !important;
border-color:#44A4D4 !important;
color:#FFF !important;
}
.single_add_to_cart_button:hover,
.checkout-button:hover,
#place_order:hover { 
opacity:0.75;
}
main .wrapper {
background-color:transparent;
}
#pageheader .pagebar {
height:0;
}
#pageheader {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index:999;
}
.n2-ss-layer,
.n2-ss-section-main-content {
overflow: hidden;
} @media (max-width:480px) { 
body { 
background-size:100% auto;
}
}
@media (min-width:768px) {
.single .summary {
-ms-display:flex;
-webkit-display:flex;
display:flex;
}
.single .p-left, .single .p-right {
width:50%;
}
.p-left .woocommerce-product-gallery {
width:100% !important;
}
}
#swipebox-slider .slide {
padding-top:3.5rem;
padding-bottom:1rem;
}
.desktop-nav {
position: relative;
}
.search-form {
position: absolute;
bottom:1rem;
right:7rem;
display:none;
}
.sticky .search-form {
bottom:0.5rem;
}
.search-form.js-active {
display:block;
}
.search-btn {
position:absolute;
top:0.1rem;
right:0.25rem;
background:transparent;
outline:none;
border:0;
border-radius:0;
padding:0.25rem;
}
.search-btn svg {
height:1.1rem;
width:1rem;
}
.search-form input {
width:240px;
border-radius:0;
padding: 4px 10px;
}
.search-icon a {
display:block;
line-height:1;
}
.search-icon svg {
max-height:100%;
}
@media (max-width:1280px) {
.search-form {
right: 4.75rem;
}
}
@media (max-width:1024px) {
.search-form {
right: auto;
bottom:auto;
position: relative;
display:block;
}
.search-form input { 
font-size:1rem;
}
.search-toggle {
display:none !important;
}
}