@charset "UTF-8";
/*
Theme Name: Genesis Sample
Theme URI: https://demo.studiopress.com/
Description: This is the sample theme created for the Genesis Framework.
Author: StudioPress
Author URI: https://www.studiopress.com/

Version: 3.4.0

Tags: accessibility-ready, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, wide-blocks

Template: genesis

License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: genesis-sample
Requires at least: 5.4
Requires PHP: 5.6
*/


/*


colors:

#51bf88 



*/


@import url("https://use.typekit.net/act4wzx.css");


html, body {
	font-family: raleway, sans-serif;
	font-style: normal;
	font-weight: 400;
}
html.aktion {
  padding-top: 0;
  animation-name: aktion;
  animation-duration: 1s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;  
}
@keyframes aktion {
  from {padding-top: 0;}
  to {padding-top: 40px;}
}

html.aktion-admin {
  padding-top: 0;
  animation-name: aktion_admin;
  animation-duration: 1s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;  
}
@keyframes aktion_admin {
  from {padding-top: 0;}
  to {padding-top: 40px;}
}


a {
	text-decoration: none;
}

p {
	line-height: 1.7em;
	font-size: 1.1rem;
}

h1, h2, h3, h4, h5, h6 {
	font-family: raleway, sans-serif;
}
h2 {
	font-size: 37px;
	font-weight: bold;
    line-height: 1em;
	color: #000;
}

h2, .home .entry-content h2 {
    font-size: 34px;
}

h3 {
	font-size: 27px;
}

table {
	margin-bottom: 10px;
}
.entry-content h3 {
	font-weight: bold;
}
.genesis-nav-menu .sub-menu, 
.genesis-nav-menu .sub-menu a {
	width: 280px;
}

.menu-item-type-custom > a:hover {
	text-decoration: none;
}

.genesis-nav-menu a {
	font-size: 19px;
}
.genesis-nav-menu .sub-menu a {
	font-size: 16px;
}
.pointer:hover {
	cursor: pointer;
}

.greenbox {
	color: #fff;
	background:#51bf88;
}

/* Site Header */
.site-header {
	padding:0 76px;
}

/* Home Banner */
.gb-slate-section-hero-buttons h1 {
	color: #51bf88;
	font-weight: bold;
	margin-bottom: 10px;
}
.gb-slate-section-hero-buttons h2 {
	font-size: 2.1em;
	font-weight: normal;
	color: #fff;
}

/* Buttons */
.site-container .wp-block-buttons .wp-block-button .wp-block-button__link,
input.nlsignup {
	font-size: 1.1em;
	font-weight: normal;
	padding: 10px 30px;
	color:#fff;
	transition: all .3s;
}
.wp-block-button .wp-block-button__link:not(.has-background):focus, 
.wp-block-button .wp-block-button__link:not(.has-background):hover {
	color:#fff;
	background: #000;
	opacity: 1;
}

.home-products .gb-block-layout-column-inner {
	height: 100%;
}


.site-container .wp-block-buttons .wp-block-button .wp-block-button__link,
.site-container .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
	border: 1px solid #51bf88;
	padding: 10px 28px;
}
.site-container .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
	color: #51bf88;
}
.site-container .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link,
input.nlsignup {
	background-color: #fff;
}
.site-container .entry-content .wp-block-button .wp-block-button__link:focus, 
.site-container .entry-content .wp-block-button .wp-block-button__link:hover {
	color:#fff;
	box-shadow: none;
	border-color: #000;
}

.site-container .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus, 
.site-container .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
	color: #000;
	border-color: #000;
}

.site-container .wp-block-buttons .wp-block-button.is-style-outline.white .wp-block-button__link {
	border-color: #fff;
	color:#fff;
	background:transparent;
}
.site-container .wp-block-button.is-style-outline.white .wp-block-button__link:focus, 
.site-container .wp-block-button.is-style-outline.white .wp-block-button__link:hover {
	background-color: #fff;
	border-color: #51bf88;
	color:#51bf88;
}

.site-container .wp-block-buttons .wp-block-button.white .wp-block-button__link,
input.nlsignup {
	background:#fff;
	color:#51bf88;
	border-radius: 0;
	border: 1px solid #fff; 
}
input.nlsignup[type="submit"]:hover {
	color:#fff;
	border: 1px solid #fff; 
}

.site-container .wp-block-button.white .wp-block-button__link:focus, 
.site-container .wp-block-button.white .wp-block-button__link:hover {
	border-color: #fff;
	color:#fff;
	background:transparent;
}
/*
.wp-block-buttons .wp-block-button {
	margin-right: 12px;
}
*/
/* Home Products */
.gb-layout-columns-4 {
	overflow-x: visible !important;
}

.home-products {
	margin-bottom: 160px;
}
.home-products .gb-block-layout-column .gb-block-layout-column-inner {
	border:1px solid #51bf88;
	background: #fff;
	position: relative;
}
.home-products .gb-block-layout-column {
	position: relative;
}
.home-products .gb-block-layout-column::after {
	content: "";
    background-image: url(/wp-content/themes/genesischild/images/winmac.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    display: block;
    width:45px;
    height: 83px;
    position: absolute;
    top: 300px;
    right: -13px;
    z-index: 99;
}
.home-products .gb-block-layout-column:last-child::after,
.home-products .gb-block-layout-column.spalte-3::after {
	content: none;
}


.home-products .gb-block-layout-column .gb-block-layout-column-inner {
	padding:20px;
	padding-top: 35px;
}
	
.prod-title-home {
    background: #51bf88;
    color: #fff;
    padding: 10px 30px 10px 20px;
    left: -20px;
    position: absolute;
    top: -54px;
}

.home .entry-content .prod-title-home h2 {
	font-weight: bold;
	font-size: 27px;
	color: #fff;
}
.sale::before,
.prod-title-home::before {
	content: "";
    background-image: url(/wp-content/themes/genesischild/images/dreieck-headline.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    display: block;
    width:19px;
    height: 19px;
    position: absolute;
    bottom: -19px;
    left: 0;
}
.sale::before {
    background-image: url(/wp-content/themes/genesischild/images/dreieck-headline_red.png);
}

.prod-title-home h2,
.prod-title-home p {
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 0.97em;
}
.home-products p.home-prod-intro:first-child {
	min-height: 96px;
}
.home-products .wp-block-image img {
    max-width: none;
    position: relative;
    left: -21px;
    height: auto;
    width: calc(100% + 42px);
}

.wp-block-image.screenshot-home {
	position: relative;
	border:5px solid #ffffff;
	margin:auto;
	margin-top: -80px;
	margin-bottom: 20px;
}
.wp-block-image.screenshot-home.noborder {
	border:none;
    margin-top: -68px;
}
.wp-block-image.screenshot-home img {
	width: 100%;
	height: auto;
	left: auto;
}

/* zwei Videos nebeneinander */
.videoblock p:first-child {
	margin-bottom: 0;
}
.videoblock p:nth-child(2) {
	background: #eaeaea;
	padding: 20px;
}

/* -- Productvideos */
.featherlight-iframe.ar_16to9 .featherlight-content {
	position: relative !important;
	padding-bottom: 50.625% !important; /* 16:9 */ 
	width: 90%;
}
.featherlight-iframe.ar_5to3 .featherlight-content {
	position: relative !important;
	padding-bottom: 43.63% !important;  /* 5:3 */
	width: 70%;
}
	.featherlight-iframe .featherlight-content iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* Home - Testimonials */
.slick-slider {
	overflow: hidden;
	width: 100%;
}

.slick-slider .slick-slide {
	display: inline-block;
}

.slick-slide.blocks-gallery-item {
	border-radius: 0;
	display: inline-block;
}

/* Testimonials Rebuild */	
.testimonials {
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
}
.slick-slide.testimonial-block  {
	border-radius: 0;
	display: inline-block;
	vertical-align: top;
}
.testimonial-block {
	background: rgb(242, 242, 242);
}
.testimonial-block.is-dragging + .testimonial-block,
.testimonial-block.slick-active + .testimonial-block {
	overflow: hidden;
}
.testimonial-block .gb-container-inside {
	padding: 40px 20px;
}
.testimonial-block .gb-container-content {
  display: flex;
  width: 100%;
	align-items: center;
	flex-direction: row;
}

.testi-img {
	overflow: hidden;
	border-radius: 155px;
    left: -40px;
    position: relative;
    margin-right: 30px;
    margin-bottom: 0;
}
	.wp-block-image.testi-img img {
		width: 310px;
		height: 310px;
		max-width: none;
		object-fit: cover;
	}
.testi-text {
	flex: 1;
}
	.testi-zitat {
		font-size: 20px;
	}
	.testi-name {
		font-size: 23px;
		margin-bottom: 5px;
	}
	.testi-job {
		margin-bottom: 0;
	}





/* -- Testi Nav */
.slicknav,
.slicknav:visited,
.slicknav:focus,
.slicknav:active {
	display: inline-block;
	border:1px solid #51bf88;
	border-radius: 0;
	background: #fff;
	color: #51bf88;
}
.slicknav:hover {
	color: #fff;
	background: #51bf88;
	border:1px solid #51bf88;
}
.slicknav:focus {
	outline: none;
}
button.arrow-left {
}
button.arrow-right {

}
.arrow-left-testi,
.slick-arrow:first-child {
	border-right: 0;
}

/* Partnerlogos */
.partnerlogos img {
	margin: 0 20px;
	vertical-align: middle;
}


.squarish {
    transform: scale(.6);
}


/* Listen */
.entry-content ol, .entry-content ul {
	padding-left: 0;
	margin-bottom: 10px;
	list-style: none;
}
.entry-content ul li {
	padding-left: 26px;
    list-style-type: none;
    background-image: url(/wp-content/themes/genesischild/images/listenpunkt.png);
    background-repeat: no-repeat;
    background-position: 0 6px;
    background-size: 12px;
}
.entry-content ul li:hover {
/*    background-image: url(/wp-content/themes/genesischild/images/listenpunkt-black.png); */
}
.home-products ul li a {
	display: block;
}
.home-products ul li a::after {
	content: '>';	
	color: #51bf88;
	transition: all .3s;
	margin-left: 5px;
}
.home-products ul li a:hover::after {
	color: #000;
}

.entry-content .green ul {
	margin-bottom: 20px;
}
.entry-content .green ul li {
    background-image: url(/wp-content/themes/genesischild/images/listenpunkt-white.png);
    margin-bottom: 10px;
}

/* Home Product Buttons */
.site-container .wp-block-buttons.home-prod-cta {
	display: flex;
	justify-content: space-between;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -67px; 
	column-gap: 15px;
}
.site-container .wp-block-buttons.home-prod-cta .wp-block-button {
  flex:1 1 auto;
}
.site-container .wp-block-buttons.home-prod-cta .wp-block-button .wp-block-button__link {
    padding: 10px 15px;
    display: block;
}



/* Home Experience */
.skewed-container {
	border: 1px solid #51bf88;
	background: #fff;
	transform: skewY(5deg);
	padding-top: 50px;
	padding-bottom: 50px;
    margin-bottom: 95px;
    position: relative;
    z-index: 2;
}

.skewed-container > .wp-block-group__inner-container {
	transform: skewY(-5deg);
}

.skewed-container h3 {
	color: #51bf88;
	font-weight: 500;
}
.skewed-container .wp-block-media-text .wp-block-media-text__content {
	padding-right: 15%;
}

.green {
	background-color: #51bf88;
	color:#fff;
}
.skewed-container.green h3 {
	color: #000;
	font-weight: bold;
	font-size: 1.7em;
}


.skewed-container.green ul {
	margin-bottom: 5px;
}
.skewed-container.green ul li:last-child {
	margin-bottom: 5px;
}
.skewreverse {
	transform: skewY(-5deg);
}
.skewed-container.skewreverse .wp-block-group__inner-container {
	transform: skewY(5deg);
}

.product-page .text-features .skewed-container.green {
    top: -70px;
    padding-top: 50px;
	margin-bottom: -30px;
}
.featureblock {
	align-items:center;
}


/* Home Licensing */
.home-licensing.greenbox {
	border: 1px solid rgba(255,255,255,0); /* bugfix: 1px of box visible under right side of 'home-experience'-box when changing window-width */
}
.home-licensing {
    transform: skewY(-5deg);
    position: relative;
    top: -35px;
    z-index: 1;
}
.skew-back,
.home-licensing .skew-back {
    padding: 50px 35px 35px 35px;
    transform: skewY(5deg);
}
.introtext {
	font-size: 1.2em;
}
.tuts-n-vids {
	padding-right: 35px;
    padding-top: 16px;
}

/* Custom Video Thumbnails */
.YTvideo { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin-bottom: 20px;}
.YTvideo img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; cursor: pointer; }

.YTvideo:after {
    content: "";
    position: absolute;
    display: block;
    background: url(/wp-content/uploads/2020/11/playbutton.png) no-repeat 0 0;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    z-index: 999;
    cursor: pointer;
    background-size: 100%;
} 
.YTvideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* image poster clicked, player class added using js */
.YTvideo.player img { display: none; }
.YTvideo.player:after { display: none; }

/* - Videos in Featherlight */
a[data-featherlight="iframe"] {
	position: relative;
	display: block;
}
[data-featherlight] img:hover {
	cursor: pointer;
}
a.with_playbtn[data-featherlight="iframe"]:after {
    content: "";
    position: absolute;
    display: block;
    background: url(/wp-content/uploads/2020/11/playbutton.png) no-repeat 0 0;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    z-index: 8;
    cursor: pointer;
    background-size: 100%;
    transition: all .3s;
}
a.with_playbtn[data-featherlight="iframe"]:hover:after {
	transform: scale(1.1);
}


.featherlight:hover {
	cursor: pointer;
}





/* Home - Experience */
.foto-experience .wp-block-media-text__content {
	position: relative;
	top: -30px;
}
.foto-experience .wp-block-media-text__media {
	position: relative;
	top: 50px;
}


/* Products / Produkte */
.product-page .site-inner {/*
    background-image: url(http://dev.newaudiotechnology.com/wp-content/uploads/2020/11/NAT-Banner-Homepage.jpg);
    background-position: center -160px;
    background-size: 100%;
  	background-repeat:no-repeat;*/
}

.pageheaderbild {
	position: relative;
	height: 380px;
	overflow: hidden;
}
.pageheaderbild img {
	position: absolute;
	bottom: 0;
}

.not-front h1,
.product-page h1 {
    font-size: 37px;
    font-weight: bold;
    line-height: 1em;
    color: #000;
    margin-bottom: 10px;
}
.not-front h2,
.product-page h2 {
    font-weight: 500;
    font-size: 24px;
    color: #51bf88;
}

.not-front .skewed-container,
.product-page .skewed-container {
	margin-top: 50px;
	position: relative;
	top: -260px;
	padding-top:35px;
	padding-left: 40px;
	padding-right: 40px;
    padding-bottom: 40px;
	margin-bottom: -200px;
}

.not-front .skewed-container {
	padding-top: 55px;
    padding-bottom: 70px;
}

.not-front .skewed-container .wp-block-column:not(:first-child),
.product-page .skewed-container .wp-block-column:not(:first-child) {
	padding-top:40px;
}

/* - Preistabelle */
.pricetable table {
	margin-bottom: 20px;
}
.pricetable tr td:first-child {
    font-weight: bold;
    font-size: 1.2em;
    vertical-align: middle;
    text-align: center;
    width: 80px;
    font-family: Helvetica, Verdana, Arial;
}
.pricetable tr td:nth-child(2) strong {
    color: #51bf88;
    font-size: 1.1em;
}
.pricetable tr td:first-child::after {
	content: '€';
	color: #51bf88; 
	margin-left: 5px;
}

.pricetable td {
	border:1px solid #51bf88;
}

/* - Features  */

.featureblock:nth-child(even) figure {
	margin-left: 40px;
}

.featureblock:nth-child(odd) figure {
	margin-right: 40px;
}

/* - System Requirements */

.systemreq {
	padding: 20px;
	border:1px solid #51bf88;
	margin-bottom: 40px;
}

.systemreq h3 {
	font-weight: normal;
	color: #51bf88;
}

/* Applications */
.applications {

}


.introblock .gb-container-content {
	background-color:#e6e6e6;
	padding:20px;
}
.introblock .gb-container-content p:last-child {
	margin-bottom: 0;
}


.footer-widgets {
	padding: 0;
	color:#fff;
    background: url(/wp-content/uploads/2020/12/nat-footer.png) no-repeat top left #51bf88;
    background-size: auto 100%;
    background-position: left top;
	text-transform:uppercase;
	font-weight:bold;
	line-height: 1.8em;
}

.footer-widgets .wrap {
	padding:40px;
}

.footer-widgets .sub-menu {
	text-transform:initial;
	font-weight:initial;
}

.footer-widgets .menu a,
.footer-widgets .menu a:link,
.footer-widgets .menu a:visited,
.footer-widgets .menu a:active,
.footer-widgets .menu a:focus {
	color:#fff;
}
.footer-widgets .menu a:hover {
	text-decoration: underline;
}
.footer-widgets .menu .menu-item.nolink > a:hover {
	text-decoration: none;
}

.footer-widgets .widget li li {
	margin-left: 0;	
}

#mc4wp-form-1 h3,
#mc4wp-form-1 p {
	margin-bottom: 15px;
}
#mc4wp-form-1 input[type=email] {
	background:transparent;
	border: 1px solid #fff;
	color: #fff;
}
#mc4wp-form-1 input[type=email]::placeholder {
	color: #fff;
}

/* -- Footer Breite der Spalten  */

.footer-widget-area:nth-child(1) {
    width: calc(100% / 2.8);
}
.footer-widget-area:nth-child(2) {
    width: calc(100% / 3.5);
}
.footer-widget-area:nth-child(3) {
    width: calc(100% / 2.8);
}


/* Featherlight Lightbox */
.featherlight-iframe .featherlight-content {
  overflow-y:hidden !important;
}

#privacy-policy:focus {
    outline: none;
}

.featherlight .featherlight-content {
	background: transparent;
}


/* FAQ  */
details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; margin-left: -10px}
  100%  {opacity: 1; margin-left: 0px}
}

.gb-accordion-title:hover {
	cursor: pointer;
	background-color: #F4F4F4;
}
.gb-accordion-title::marker {
	color: #51bf88;
}



#glossary {
	margin-bottom: 90px;
}
#glossary:focus {
	border: none;
}

.glossary {
	padding: 20px;
	border: 1px solid #C8C8C8;
	background: #F5F5F5;
	margin-bottom: 40px;
}
.glossary p {
	margin-bottom: .8em;
}
.glossary p:last-child {
	margin-bottom: 0;
}
.wp-block-table th {
	background: #51bf88;
	color: #fff;
	line-height: 1.2em;
	padding: 10px;
}
.wp-block-table th a {
	color: #fff;
}
.wp-block-table tr:nth-child(odd) {
	background: #EDEDED;
}
.wp-block-table tr:nth-child(even) {
	background: #F9F9F9;
}


.screenshot-compare {
	float: none;
}


/* social icons footer  */
#simple-social-icons-2 ul li a, #simple-social-icons-2 ul li a:hover, #simple-social-icons-2 ul li a:focus {
	padding: 0!important;
}
.simple-social-icons ul li {
	margin: 0!important;
	margin-right: 18px !important;
}

.nomargin {margin-bottom: 10px;}



/* Preisnachlass / Aktionen / Sale  */
/* -- Sale Flagge / Hinweis */
.sale {
	display: inline-block;
	position: relative;
	left: -60px;
	background: #f00;
	padding: 7px 16px;
	color: #fff;
}
.sale-bar {
	display: block;
	position: absolute;
	height: 40px;
	padding: 7px;
	background: #000;
	color: #fff;
	z-index: 9999;
	left: 0;
	width: 100%;
	text-align: center;
}

.aktion .sale-bar {
	top: -40px;
	animation-name: salebar;
	animation-duration: 1s;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;  
}

.sale-bar a:hover {
	color: #fff;
}
@keyframes salebar {
  from {top: -40px;}
  to {top: 0;}
}


.aktion-admin .sale-bar {
	top: -40px;
	animation-name: salebar_admin;
	animation-duration: 1s;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;  
}
@keyframes salebar_admin {
  from {top: -40px;}
  to {top: 32px;}
}




.og_price {
	text-decoration: line-through;
	color: #6c6c6c;
	font-weight: normal;
	font-size: 0.7em;
	display: block;
	margin-bottom: -10px;
}



/* Media Queries
---------------------------------------------------------------------------- */
@media only screen and (min-width: 1650px) {

	.pageheaderbild img {
		position: absolute;
		bottom: 0;
	}
}

@media only screen and (max-width: 1390px) {

	.post-756 .wp-block-image.alignfull.pageheaderbild img,
	.post-173 .wp-block-image.alignfull.pageheaderbild img {
		margin-bottom: 5vw;
	}
}

@media only screen and (max-width: 944px) {

	/* Header */
	.site-header {
	    padding: 0 25px;
	}
	.site-header > .wrap {
		margin: 0;
		padding: 0;
	}
	
	.post-756 .wp-block-image.alignfull.pageheaderbild img,
	.post-173 .wp-block-image.alignfull.pageheaderbild img {
		margin-bottom: 13vw;
	}

	.wp-custom-logo .title-area img {
		width: auto;
		max-width: 220px;
	}
	.menu-toggle {
		width: 40px;
	    height: 40px;

		position: absolute;
		right: 20px;
		top: 3px;
		margin-top: 0;
		padding: 0;
	}
	.site-header .menu-toggle::before {
		font-size: 30pt;
	}	
	.dashicons-before.menu-toggle:before {
		width: auto;
		height: auto;
	}
	.dashicons-menu.menu-toggle:before {
		content: '\f333';
	}
	
	/* Banner / Slider */
	.homeslider.wp-block-genesis-blocks-gb-columns h1 {
		font-size: 40px !important;
	}

	.homeslider.wp-block-genesis-blocks-gb-columns h2 {
		font-size: 25px !important;
	}

	.home-products .gb-block-layout-column {
		margin-bottom: 230px;
	}
	.home-products .gb-block-layout-column:last-child {
		margin-bottom: 0;
	}


	/* Testimonials */
	.testimonial-block .gb-container-content {
		display: block;
	}
	.testi-img {
		 margin-bottom: 30px;
	}
	.wp-block-image.testi-img img {
		height: 260px;
		width: 260px;
	}
	.slicknav {
		display: none !important;
	}
}

@media only screen and (max-width: 646px) {

/*	html {
	  padding-top: 0;
	  animation-name: aktion;
	  animation-duration: 1s;
	  animation-delay: 1.5s;
	  animation-fill-mode: forwards;  
	}
	@keyframes aktion {
	  from {padding-top: 0;}
	  to {padding-top: 60px;}
	}
	.site-header {
		top: 0;
	  animation-name: aktionheader;
	  animation-duration: 1s;
	  animation-delay: 1.5s;
	  animation-fill-mode: forwards;  
	}
	@keyframes aktionheader {
	  from {top: 0;}
	  to {top: 60px;}
	}
	.sale-bar {
		top: -60px;
		height: 60px;
		line-height: 1.2em;
	}
*/
.sale-bar {
	display: none;
}
.site-header{
	top: 0;
}

html {
	animation: none;
}
}

@media only screen and (max-width: 760px) {

	.post-756 .wp-block-image.alignfull.pageheaderbild img,
	.post-173 .wp-block-image.alignfull.pageheaderbild img {
		bottom: 70px;
	}
}

@media only screen and (max-width: 580px) {

	.site-header {
	    top: 0;
	    left: 0;
	    z-index: 9;
	    right: 0;
	    position: fixed;
	}
	.site-inner {
		padding: 60px 20px 60px 20px;
	}
	.not-front .skewed-container, .product-page .skewed-container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.wp-block-columns.featureblock:nth-child(even) .wp-block-column:first-child { order: 2; }
	.wp-block-columns.featureblock:nth-child(odd) .wp-block-column:nth-child(2) { order: 1; }

	.wp-block-columns.featureblock figure {
		margin-left: 0;
		margin-right: 0;
	}

	/* compare table */
	.pricetable table,
	#compare-table table {
	    word-break: normal;
	}

	#compare-table.wp-block-table table tr td {
	    word-break:  normal;
	}
	#compare-table.wp-block-table tr th,
	#compare-table.wp-block-table tr td {
		display: inline-block;
	}
	#compare-table.wp-block-table tr th:first-child,
	#compare-table.wp-block-table tr td:first-child {
		display: block;
	}
	#compare-table.wp-block-table thead {
		display: none;
	}
	#compare-table.wp-block-table tr td br {
		display: none;
	}
	#compare-table.wp-block-table tr strong {
	    background: #51bf88;
	    color: #fff;
	    padding: 5px;
	    display: block;
	    font-size: 1.3em;
	    position: relative;
	    left: -8px;
	    top: -8px;
	    width: calc(100% + 16px);
   	}

	#compare-table.wp-block-table tr td:nth-child(2)::before,
	#compare-table.wp-block-table tr td:nth-child(3)::before,
	#compare-table.wp-block-table tr td:nth-child(4)::before {
		display: block;
		font-weight: bold;
	}
	
	#compare-table.wp-block-table tr td:nth-child(2)::before {
		content: 'Price';
	}
	#compare-table.wp-block-table tr td:nth-child(3)::before {
		content: 'Computer / USB-Stick';
	}
	#compare-table.wp-block-table tr td:nth-child(4)::before {
		content: 'HP3D / Direct Outputs';
	}
	
	.pageheaderbild img {
		bottom: auto;
    	top: 48px;
	}

	.post-756 .wp-block-image.alignfull.pageheaderbild img,
	.post-173 .wp-block-image.alignfull.pageheaderbild img {
		top: 10px;
		bottom: auto;
		transform: scale(1.6);
	}


	.product-page .text-features .skewed-container.green {
		top: -40px;
	}
	.not-front .skewed-container, .product-page .skewed-container {
		top: -230px;
	}

	.pricetable table tr td:last-child {
	    line-height: 1.6em;
	}
	.pricetable table tr:last-child td:first-child {
	    border-bottom: 1px solid #51bf88;
	}
	.pricetable tr td:first-child,
	.pricetable tr td{
		width: 100%;
		display: inline-block;	
		border-bottom: 0;	
	}
	.pricetable tr {
		border-top: 0;
	}

    .pricetable tr {
      display: flex;
      flex-direction: column-reverse;
    }

	
	.wp-block-button__link,
	.wp-block-button .wp-block-button__link {
		width: 100%;
	}
	.wp-block-buttons .wp-block-button {
		margin-right: 0;
	}

	.foto-experience .wp-block-media-text__media {
		top: -30px;
	}

	.wp-block-media-text__media img, .wp-block-media-text__media video {
		float: right;
		width: 95%;
	}
	.wp-block-media-text.is-stacked-on-mobile figure {
		margin-bottom: 40px;
	}

	.wp-block-button,
	.site-container .wp-block-buttons .wp-block-button .wp-block-button__link, .site-container .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
		width: 100%;
	}

	.footer-widget-area:nth-child(1),
	.footer-widget-area:nth-child(2),
	.footer-widget-area:nth-child(3) {
	    width: 100%;
	}
	.site-container .wp-block-buttons.home-prod-cta {
		bottom: -122px; 
	}

	.product-page .post-756 h1 {
		font-size: 32px;
	}

	.sale {
		left: -40px;
	}


}

@media only screen and (min-width: 960px) {



}

/* Print Styles
---------------------------------------------------------------------------- */

@media print {



}