/*!
Theme Name: Munzinger Corporate
Theme URI: http://underscores.me/
Author: Tobias Horstmann
Author URI: https://d-werk.com
Description: A custom built responsive theme based on underscores.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: munzinger_corporate
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Munzinger Corporate is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    src: local("IBM Plex Sans Medium"), local("IBMPlexSans-Medium"), url("fonts/IBMPlexSans-Medium.woff2") format("woff2"), url("fonts/IBMPlexSans-Medium.woff") format("woff"); }


@font-face {
    font-family: 'IBM Plex Sans Condensed Medium';
    font-style: normal;
    font-weight: 500;
    src: local("IBM Plex Sans Cond Medm"), local("IBMPlexSansCond-Medm"), url("fonts/IBMPlexSansCondensed-Medium.woff2") format("woff2"), url("fonts/IBMPlexSansCondensed-Medium.woff") format("woff"); }

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Serif"), local("IBMPlexSerif"), url("fonts/IBMPlexSerif-Regular.woff2") format("woff2"), url("fonts/IBMPlexSerif-Regular.woff") format("woff"); }

@font-face {
    font-family: 'IBM Plex Serif';
    font-style: normal;
    font-weight: 700;
    src: local("IBM Plex Serif Bold"), local("IBMPlexSerif-Bold"), url("fonts/IBMPlexSerif-Bold.woff2") format("woff2"), url("fonts/IBMPlexSerif-Bold.woff") format("woff"); }


@font-face {
    font-family: 'munzinger-icons';
    src:  url('fonts/munzinger-icons.eot?8x10g2');
    src:  url('fonts/munzinger-icons.eot?8x10g2#iefix') format('embedded-opentype'),
        url('fonts/munzinger-icons.ttf?8x10g2') format('truetype'),
        url('fonts/munzinger-icons.woff?8x10g2') format('woff'),
        url('fonts/munzinger-icons.svg?8x10g2#munzinger-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.mico {
/* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'munzinger-icons' !important;
    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;
}

.mico-instagram:before{content:"\e90f"}
.mico-search:before{content:"\e90d"}
.mico-close:before{content:"\e900"}
.mico-up:before{content:"\e901"}
.mico-down:before{content:"\e902"}
.mico-left-arrow:before{content:"\e903"}
.mico-right-arrow:before{content:"\e904"}
.mico-linkedin:before{content:"\e905"}
.mico-twitter:before{content:"\e906"}
.mico-xing:before{content:"\e907"}
.mico-facebook:before{content:"\e908"}
.mico-help:before{content:"\e909"}
.mico-print:before{content:"\e90a"}
.mico-contact:before{content:"\e90b"}
.mico-home:before{content:"\e90c"}
.mico-zoom:before{content:"\e90e"}


/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,::before,::after{box-sizing:inherit}html{box-sizing:border-box}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.hidden, [hidden]{
	display:none;
}
/* Typography
--------------------------------------------- */
html{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 17px;scroll-behavior: smooth;}
body,button,input,select,optgroup,textarea {
    color: #000;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.3;
}
h1,h2,h3,h4,h5,h6,b,strong {font-weight:700;}
p {margin: 0 0 1.5em}
dfn,cite,em,i {font-style: italic}

/* Elements
--------------------------------------------- */
body {
    background-color: #313437;/*EBEAE5*/
	background-image:url(img/bg-nav-sublvl.png);
	background-position:left top;
	background-repeat:no-repeat;
    overflow: hidden;
}


.admin {
    position:fixed;
    left:0;
    top:0;
    z-index:900;
    line-height:1em;
}
.admin a {
    display:inline-block;
    padding:0.2em;
    font-size:1.5em;
    line-height:1em;
    text-decoration:none;
    color:#000;
    background-color:#fff;
}
.admin a:hover {
    background-color:#000;
    color:#fff;
}
.admin a svg {
    height: 1em;
    width: auto;
}
.admin a svg path {
    fill:currentColor;
}
.edit {
	display:inline-block;
	border:none;
}
.edit:hover {
	border:none;
	color:#000
}
.edit svg {
    height: 1em;
    width: auto;
}
.edit svg path {
	fill:currentColor;
}
embed,iframe,object {max-width: 100%}
img {height: auto;max-width: 100%;}

.navtoggle {
	display:none;
}

/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger{
    padding:15px;
    cursor:pointer;
    transition-property:opacity,filter;
    transition-duration:.15s;
    transition-timing-function:linear;
    font:inherit;
    color:inherit;
    text-transform:none;
    background-color:transparent;
    border:0;
    margin:0;
    overflow:visible
}

.hamburger:hover{
    opacity:.7
}

.hamburger.open:hover{
    opacity:.7
}

.hamburger.open .hamburger-inner,
.hamburger.open .hamburger-inner::before,
.hamburger.open .hamburger-inner::after{
    background-color:#fff
}

.hamburger-box{
    width:40px;
    height:24px;
    display:inline-block;
    position:relative
}

.hamburger-inner{
    display:block;
    top:50%;
    margin-top:-2px
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after{
    width:40px;
    height:4px;
    background-color:#fff;
    border-radius:4px;
    position:absolute;
    transition-property:transform;
    transition-duration:.15s;
    transition-timing-function:ease
}

.hamburger-inner::before,
.hamburger-inner::after{
    content:"";
    display:block
}

.hamburger-inner::before{
    top:-10px
}

.hamburger-inner::after{
    bottom:-10px
}

.hamburger--slider .hamburger-inner{
    top:2px
}

.hamburger--slider .hamburger-inner::before{
    top:10px;
    transition-property:transform,opacity;
    transition-timing-function:ease;
    transition-duration:.15s
}

.hamburger--slider .hamburger-inner::after{
    top:20px
}

.hamburger--slider.open .hamburger-inner{
    transform:translate3d(0,10px,0) rotate(45deg)
}

.hamburger--slider.open .hamburger-inner::before{
    transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);
    opacity:0
}

.hamburger--slider.open .hamburger-inner::after{
    transform:translate3d(0,-20px,0) rotate(-90deg)
}

/* Links
--------------------------------------------- */
main a {
    color: currentColor;
    text-decoration: none;
    border-bottom: 1px dashed currentColor;
}

main a:hover,
main a:focus,
main a:active {
    border-bottom: 1px solid currentColor;
    outline: 0;
}

/* Forms
--------------------------------------------- */
.fancybox-slide--iframe .fancybox-content {
    width: 450px;
    height: 720px;
    max-width: 80vw;
    max-height: 90vh;
    margin: 0;
}
#kontakt fieldset {
	border:none;
	margin:0 0 1em;
	padding:0;
}
#kontakt fieldset.data .wpcf7-form-control-wrap,
.newsletter-form .wpcf7-form-control-wrap {
    position: relative;
    display: block;
    width: 100%;
}
#kontakt fieldset.data label,
#kontakt fieldset.captcha label,
#kontakt fieldset.data .label,
.newsletter-form label,
.newsletter-form .label {
	display:flex;
	justify-content:space-between;
	width:100%;
	margin-bottom:5px;
}
#kontakt fieldset.data label > span:first-child,
#kontakt fieldset.captcha label > span:first-child,
#kontakt fieldset.data .label > span:first-child,
.newsletter-form label > span:first-child,
.newsletter-form .label > span:first-child {
	width: 13ch;
	padding:0.3em 0;
	flex-shrink:0;
	flex-grow:0;
}
#kontakt span[data-name="plz"] {
    width: 10ch!important;
}
input.wpcf7-not-valid {
    box-shadow: inset 0 0 0 1px red;
}
.wpcf7-not-valid-tip {
    color: #fff;
    font-size: 0.9em;
    position: absolute;
    padding: 0.2em;
    z-index: 5;
    background-color: red;
    white-space: nowrap;
}
#kontakt fieldset.data label > span:first-child i, #kontakt fieldset.captcha label > span:first-child i, #kontakt fieldset.data .label > span:first-child i, .newsletter-form label > span:first-child i, .newsletter-form .label > span:first-child i {
    font-style: normal;
    color: red;
}
#kontakt span.mathcaptcha-96 {
    width: 100%;
    display: flex;
	white-space:nowrap;
    align-items: center;
}
#kontakt span.mathcaptcha-96 input {
    width: 3ch!important;
	text-align:center;
}
#kontakt .captcha-image {
    border: 0;
    padding: 0.3em 0;
    text-align: left;
    background: #fff;
}
.wpcf7-not-valid .captcha-image {
    box-shadow: inset 0 0 0 1px red;
}
#kontakt fieldset.data label > span.double,
#kontakt fieldset.data .label > span.double {
	display: flex;
	gap:5px
}
#kontakt fieldset.data label > span.double > .plz,
#kontakt fieldset.data .label > span.double > .plz {
	width: 33%;
	margin-right:5px;
}
#kontakt fieldset.data label input[type="text"],
#kontakt fieldset.captcha label input[type="text"],
#kontakt fieldset.data label input[type="tel"],
#kontakt fieldset.data label input[type="email"],
#kontakt fieldset.data label select,
#kontakt fieldset.data label textarea,
#kontakt fieldset.data .label input[type="text"],
#kontakt fieldset.data .label input[type="tel"],
#kontakt fieldset.data .label input[type="email"],
#kontakt fieldset.data .label select,
#kontakt fieldset.data .label textarea,
.newsletter-form label input[type="text"],
.newsletter-form label input[type="tel"],
.newsletter-form label input[type="email"],
.newsletter-form label select,
.newsletter-form label textarea,
.newsletter-form .label input[type="text"],
.newsletter-form .label input[type="tel"],
.newsletter-form .label input[type="email"],
.newsletter-form .label select,
.newsletter-form .label textarea {
	width:100%;
	background-color:#e6e6e6;
	border:none;
	border-radius:0;
	font-family: 'IBM Plex Serif';
	padding:0.3em;
	font-size:13px;
	display:block;
}

.wpcf7-form-control-wrap.interesse .wpcf7-checkbox {
	display:block;
	column-count:3;
}
.wpcf7-form-control-wrap.interesse .wpcf7-checkbox .wpcf7-list-item {
	display:flex;
	width:100%;
	break-inside:avoid;
}
.wpcf7-list-item {
	margin:0;
}
.wpcf7-form-control-wrap.interesse .wpcf7-checkbox .wpcf7-list-item label {
	display:flex;
	width:100%;
	margin-bottom:5px;
}
.wpcf7-form-control-wrap.interesse .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
	margin:0 0 5px 2.5px;
	position:relative;
}

[data-name="interesse"] span.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
}
[data-name="interesse"] span.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
	margin-right:3ch;
}

#kontakt [type="checkbox"],
.newsletter-form [type="checkbox"] {
  position: relative;
  left: 15px;
  top: -4px;
  z-index: 0;
  -webkit-appearance: none;
}
#kontakt [type="checkbox"]+.wpcf7-list-item-label,
.newsletter-form [type="checkbox"]+.wpcf7-list-item-label {
  	position: relative;
	display:flex;
}
#kontakt [type="checkbox"]+.wpcf7-list-item-label:before, 
.newsletter-form [type="checkbox"]+.wpcf7-list-item-label:before {
    width: 15px;
    height: 15px;
    border-radius: 0px;
    border: 0px solid #000;
    background-color: #e6e6e6;
    display: block;
    content: "";
    margin-right: 5px;
    z-index: 5;
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
}
#kontakt [type="checkbox"]:checked+.wpcf7-list-item-label:before,
.newsletter-form [type="checkbox"]:checked+.wpcf7-list-item-label:before {
  	box-shadow: inset 0px 0px 0px 3px #e6e6e6;
  	background-color: #000;
}
.wpcf7-form-control-wrap.testen,
.wpcf7-form-control-wrap.angebot {
	font-weight:700;
}
#kontakt input[type="submit"], 
.newsletter-form button, 
a.btn {
    border: none;
    background-color: #666;
    color: #fff;
    border-radius: 5px;
    font-weight: 300;
    font-size: 1.3em;
    font-family: 'IBM Plex Serif';
    padding: 0.3em 0.5em;
}
.newsletter-form label.nl-submit {
    justify-content: flex-start;
    margin-top: 1em;
}


a.btn-angebot {
    border: none;

    color: #000;
 
  
    text-decoration: underline!important;
   
   
  
}


a.btn-angebot:hover {
  background-color: #eee;
    text-decoration: underline!important;
}

/* Galleries
--------------------------------------------- */
.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}
.gallery-item{display:inline-block;text-align:center;width:100%}
.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.gallery-columns-6{grid-template-columns:repeat(6,1fr)}
.gallery-columns-7{grid-template-columns:repeat(7,1fr)}
.gallery-columns-8{grid-template-columns:repeat(8,1fr)}
.gallery-columns-9{grid-template-columns:repeat(9,1fr)}
.gallery-caption{display:block}


/* Alignments
--------------------------------------------- */
.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}
.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}


/* Vars
--------------------------------------------- */
:root {
    --contentTop:125px;
    --contentRight:80px;
    --contentBottom:35px;
    --contentLeft:140px;
    --borderRadius:6px;
    --transitionFast: 200ms var(--ease-in-out-cubic);
    --transitionMedium: 400ms var(--ease-in-out-cubic);
    --transitionSlow: 800ms var(--ease-in-out-cubic);

    
    /* EASING */
    --ease-in-quad: cubic-bezier(.55, .085, .68, .53);
    --ease-in-cubic: cubic-bezier(.550, .055, .675, .19);
    --ease-in-quart: cubic-bezier(.895, .03, .685, .22);
    --ease-in-quint: cubic-bezier(.755, .05, .855, .06);
    --ease-in-expo: cubic-bezier(.95, .05, .795, .035);
    --ease-in-circ: cubic-bezier(.6, .04, .98, .335);

    --ease-out-quad: cubic-bezier(.25, .46, .45, .94);
    --ease-out-cubic: cubic-bezier(.215, .61, .355, 1);
    --ease-out-quart: cubic-bezier(.165, .84, .44, 1);
    --ease-out-quint: cubic-bezier(.23, 1, .32, 1);
    --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
    --ease-out-circ: cubic-bezier(.075, .82, .165, 1);

    --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);
    --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);
    --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);
    --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);
}



/* Scrollbar
--------------------------------------------- */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #999; 
    transition: var(--transitionMedium);
}
::-webkit-scrollbar-thumb:hover {
    background: #000; 
}

body {
	scrollbar-color: #000 #fff;
	scrollbar-width: 8px;
}

/* Header
--------------------------------------------- */
body > header {
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    height: var(--contentTop);
}
header > a {
    display: block;
    padding: 35px 0 30px 50px;
    text-decoration: none;
}
header > a:after {
    display: none;
}
header > a object {
    height: 60px;
    width: auto;
    pointer-events: none;
}
header .search {
    background-color: #000;
    display: flex;
    align-items: center;
    height: 60px;
    padding:14px 0 14px 10px;
    color:#fff;
    line-height: 0;
    border-radius: 0 0 var(--borderRadius) var(--borderRadius);
    position: fixed;
    right:var(--contentRight);
    top:0;
}
header .search.tabs {
    bottom: var(--contentTop);
    top: auto;
    position: absolute;
    bottom: 0;
    border-radius: 0;
    background-color: transparent;
	padding:0;
}
header .search.tabs a {
    border-radius: var(--borderRadius) var(--borderRadius) 0 0;
    display: block;
    height: 100%;
    padding: 14px;
    display: flex;
    align-items: center;
    transition: var(--transitionMedium);
}

header .search.tabs a.old {
	background-color:#000;
}
header .search.tabs a.old:hover {
	background-color:rgba(0,0,0,0.8);
}
header .search.tabs a.new {
    background-color: #686762;
}
header .search.tabs a.new:hover {
	background-color:rgba(104,103,98,0.8);
}
header .search.tabs a span.mico {
	font-size:2em;
}
header .search.tabs a span.red {
    display: inline-flex;
    font-size: 0.75em;
    height: 2.5em;
    width: 2.5em;
    margin-left: 0.3em;
    position: relative;
    transform: rotate(-25deg);
    align-items: center;
    justify-content: center;
    font-family: 'IBM Plex Sans Condensed Medium';
}
header .search.tabs a span.red:after {
	content:'';
    background-color: #be1645;
	position:absolute;
	z-index:-1;
	transform:rotate(25deg);
	height:100%;
	width:100%;
	left:0;
	top:0;
	
}
header .search object {
    height: 1.2em;
    width: auto;
    pointer-events: none;
    margin-right: 10px;
}
header .search .apps {
    display: flex;
    flex-direction: column;
    height: 60px;
    justify-content: center;
    position: relative;
}
header .search a {
    text-decoration: none;
    color: currentColor;
}
header .search a.db {
    height: 60px;
    display: flex;
    align-items: center;
}
header .search a.legacy {
	font-size:13px;
	position:absolute;
	bottom:0;
	line-height:1em;
	margin-bottom:-1.25em;
	color:#666;
	white-space:nowrap;
	left:0;
	font-weight:700;
}
header .search .s {
    background-color: #686762;
    color: #fff;
    border: none;
    font-size: 2em;
    margin: 0 0 0 10px;
    padding: 0;
    line-height: 0;
    height: 60px;
    width: 60px;
    display: flex;
    border-radius: 0 0 var(--borderRadius) 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

/* Social
--------------------------------------------- */
aside.social {
    position: fixed;
    right:30px;
    bottom: 60px;
}
aside.social a {
    color: #b3b3b3;
    text-decoration: none;
    font-size: 22px;
    transition: var(--transitionMedium);
    display: block;
}
aside.social a:hover {
    /*transform: scale(1.2);*/
    color: #fff;
}

/* Main Content
--------------------------------------------- */
/*main {
    position: fixed;
    top: var(--contentTop);
    right: var(--contentRight);
    bottom: var(--contentBottom);
    left: var(--contentLeft);
    height: calc(100vh - var(--contentTop) - var(--contentBottom));
    width: calc(100vw - var(--contentRight) - var(--contentLeft));
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
}*/
main {
    position: fixed;
    top: var(--contentTop);
    right: var(--contentRight);
    bottom: var(--contentBottom);
    left: var(--contentLeft);
    height: calc(100vh - var(--contentTop) - var(--contentBottom));
    width: calc(100vw - var(--contentRight) - var(--contentLeft));
    display: grid;
    grid-template-columns: 16ch 1fr;
    grid-template-rows: 1fr;
}
main .content {
    background-color: #fff;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    font-family: 'IBM Plex Serif';
    overflow: auto;
	scroll-behavior: smooth;
    aspect-ratio: 1.42 / 1; 
}
main article {
    min-height: 100%;
    padding: 0;
    column-gap: 4%;
    padding-bottom: 12%;
    font-size: 13px;
}
.home main article {
    padding-bottom: 0;
}
main article h1,
main article h2 {
    font-size: 1.5em;
    margin: 0 0 0.5em;
}

main article:nth-child(even) {
    background-color: #fff;
}
main article .leftside,
main article .rightside {
    width: 46%;
    padding: 8% 8% 0 0;
    max-width: 70ch;
    float:right;
}
main article .leftside {
    position: sticky; 
    top:0;
    padding: 8% 0 0 8%;
    float:left;
}

main article .leftside .gallery {
    display: flex;
    grid-gap: 10px;
    flex-flow: row wrap;
}
main article .leftside .gallery .gallery-item {
    display: block;
    width: calc(100% / 3 - 10px);
    margin: 0;
    padding: 0;
}
main article .leftside .gallery .gallery-item img {
    display: block;
	width:100%;
}
#munzinger-akademie h4 {
    margin-bottom: 0;
}
#munzinger-akademie ul {
    margin: 0;
	padding-left:1.15em;
}
#munzinger-akademie ul li {
	padding-left:0;
}

/*main article img.alignleft,
main article img.alignright {
    width: 40%!important;
    height: auto;
}*/


/* History
--------------------------------------------- */
main article#historie .rightside {
    width: 50%;
    padding: 8% 0 0 0;
}
.history .entry {
	margin-bottom:8%;
	margin-right:20px;
}
.history .entry .mobile {
	display:none
}
.history .entry .entry-content {
	display:flex;
	flex-flow:row nowrap;
}
.history .entry .year {
	width:90px;
	height:90px;
	font-size:27px;
	display:flex;
	flex-flow:row wrap;
	flex-shrink:0;
	flex-grow:0;
  	justify-content: center;
  	align-items: center;
  	align-content: center;
	background-color:#b3b3b3;
	color:#fff;
	margin-right:10px;
	text-align:center;
	font-family: 'IBM Plex Sans Condensed Medium';
}
.history .entry .year span{
    display: block;
    width: 100%;
    line-height: 0.25em;
}
.history .entry .year span:before{
	content:'\2013'
}
.history .entry h2 {
	margin-left:100px;
}
.history .entry .entry-content .images {
	width:120px;
	margin-left:10px;
	flex-shrink:0;
	flex-grow:0;
	margin-right:-20px;
}
.history .entry .entry-content .images a,
.history .entry .entry-content .images a img {
	display:block;
	border:none;
	position:relative;
}
.history .entry .entry-content .images a:after {
	display:flex;
	position:absolute;
	inset:0;
	background-color:rgba(179,179,179,0.5);
	content:'\e90e';
  	justify-content: center;
  	align-items: center;
  	align-content: center;
	font-family: 'munzinger-icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
	opacity:0;
	transition: var(--transitionMedium);
	color:#fff;
	font-size:2em;
}
.history .entry .entry-content .images a:hover:after {
	opacity:1;
}



/* Products
--------------------------------------------- */
.products {
	display:flex;
	flex-flow:row wrap;
	width:calc(100% + 10px)
}
.products .product {
	width:calc(100% / 4 - 10px);
	margin:0 5px 10px 5px;
	cursor:pointer;
}
.products .product img {
	display:block;
}
.fancybox-slide--html .prod-info .fancybox-close-small {
    color: #fff;
    background-color: var(--infoColor);
    padding: 15px;
    right: auto;
    top: 0;
    box-shadow: inset 0 0 0 15px;
    width: 50px;
    height: 50px;
}
.prod-info {
	width:calc(70ch + 200px);
	padding:0;
	display:inline-flex!important;
	flex-flow:row;
    font-size: 13px;
}
.prod-info .left {
	width:calc(100% - 200px);
	padding:50px 25px 10px 50px;
}
.prod-info .right {
	width:200px;
	flex-shrink:0;
	flex-grow:0;
}
.prod-info .shortinfo {
	background-color:var(--infoColor);
	color:#fff;
	min-height:200px;
	padding:15px;
}
.prod-info .readmore {
	background-color:#b3b3b3;
	min-height:200px;
	display:flex;
	flex-flow:column;
	justify-content:flex-end;
	padding:15px;
}
.prod-info .readmore a {
	display:block;
	margin-top:1em;
	text-decoration:none;
	color:currentColor;
	outline:none;
}
.prod-info .title {
	text-transform:uppercase;
	color:var(--infoColor);
	font-size:20px;
}
.prod-info .beschreibung {
    font-family: 'IBM Plex Serif';
	margin-top:1em;
}


/* Team
--------------------------------------------- */
.team {
	display:flex;
	flex-flow:row wrap;
	width:calc(100% + 10px)
}
.team .member {
	width:calc(100% / 4 - 10px);
	margin:0 5px 10px 5px;
	cursor:pointer;
}
.team .member img {
	display:block;
}
.fancybox-slide--html .team-info .fancybox-close-small {
    color: #fff;
    background-color: #000;
    padding: 15px;
    right: auto;
    top: 0;
    box-shadow: inset 0 0 0 15px;
    width: 50px;
    height: 50px;
}
.team-info {
	width:calc(80ch);
	padding:0;
	display:inline-flex!important;
	flex-flow:row;
    font-size: 13px;
}
.team-info .left {
	width:50%;
    padding: 50px 0 50px 50px;
}
.team-info .right {
	width:50%;
	padding:0 0 0 25px
}
.team-info .title {
	text-transform:uppercase;
	color:#000;
	font-size:20px;
}
.team-info .img img {
    display: block;
}
.team-info .contactdata {
    font-family: 'IBM Plex Serif';
	margin-top:1em;
}

/* Main Nav
--------------------------------------------- */
nav {
    --navFontSize:20px;
    --navPaddingV:25px;
    --navPaddingH:15px;
    position: relative;
    height: 100%;
    padding-top: 8%;
}
nav ul {
    list-style: none;
    margin: 0;
    margin-top: 0;
    padding: 0;
    position: relative;
}
nav ul li {
    display: block;
    position: relative;
    border-radius: var(--borderRadius) 0 0 var(--borderRadius);
    transition: var(--transitionMedium);
}
nav > ul > li:nth-child(1),
nav > ul > li:nth-child(1) ul{
    background-color: #999;
}
nav > ul > li:nth-child(2),
nav > ul > li:nth-child(2) ul {
    background-color: #808080;
}
nav > ul > li:nth-child(3),
nav > ul > li:nth-child(3) ul {
    background-color: #666;
}
nav > ul > li:nth-child(4),
nav > ul > li:nth-child(4) ul {
    background-color: #808080;
}
nav > ul > li > a {
    display: block;
    text-align: left;
    padding: var(--navPaddingV) var(--navPaddingH);
    line-height: 1em;
    font-size: var(--navFontSize);
    color: #fff;
    font-family: 'IBM Plex Sans Condensed Medium';
    border: none!important;
    min-width: 16ch;
    max-width: 16ch;
}
nav > ul > li:nth-child(1) {
    border-radius: var(--borderRadius) 0 0 0;
    padding-bottom: calc(var(--borderRadius)*3);
}
nav > ul > li:nth-child(2) {
    border-radius: var(--borderRadius) 0 0 0;
    transform: translateY(calc(var(--borderRadius)*-2));
    padding-bottom: calc(var(--borderRadius)*2);
    z-index: 2;
}
nav > ul > li:nth-child(3) {
    border-radius: var(--borderRadius) 0 0 0;
    transform: translateY(calc(var(--borderRadius)*-3));
    padding-bottom: var(--borderRadius);
    z-index: 3;
}
nav > ul > li:last-child {
    border-radius: var(--borderRadius) 0 0 var(--borderRadius);
    transform: translateY(calc(var(--borderRadius)*-4));
    padding-bottom: var(--borderRadius);
    z-index: 4;
}
nav > ul > li > ul {
    display: none;
}
nav > ul > li.current-menu-item > ul {
	display:block;
}
nav ul li ul li {
    display: block;
}
nav ul li ul li a {
    display: block;
    padding: 0.5em;
    font-size: 14px;
    text-align: right;
    color:#fff;
    border:0;
    font-family: 'IBM Plex Sans Condensed Medium';
}
nav ul li ul li a:hover {
    color:#000;
    border:0;
}
/* Footer
--------------------------------------------- */
footer {
    position: fixed;
    right: var(--contentRight);
    left: var(--contentLeft);
    margin-left:20ch;
    bottom:0;
    height: var(--contentBottom);
    display: flex;
    font-size: 14px;
    align-items: center;
    color:#fff;
}
footer a {
    text-decoration: none;
    color:currentColor;
    padding:0 0.7em ;
    font-family: 'IBM Plex Serif';
    border: none;
}

@media screen and (max-height:750px){
	main .content {
		overflow: auto;
		aspect-ratio: revert;
	}
}

@media screen and (max-width:1024px){
	:root {
		--contentLeft: 10px;
	}
	nav {
		padding-top: 0;
	}
	main {
		
	}
	main .content {
		overflow: scroll;
		aspect-ratio: unset;
		height: auto!important;
	}
	main article .leftside, main article .rightside {
		width: 100%;
		position:relative;
		padding: 8%;
		max-width: 100%;
		float: none;
	}
	main article#historie .rightside {
		width: 100%;
		padding: 8% 0 0 0;
	}
}

@media screen and (max-width:800px){
	:root {
		--contentTop: 85px;
	}
	main article .leftside .gallery .gallery-item {
		width: calc(100% / 2 - 10px);
	}
	body {
		overflow:visible
	}
	body > header {
		left: 0;
		display: flex;
		padding: 0 var(--contentLeft);
		z-index: 5001;
		top: auto;
		width: 100%;
		background-color: #313437;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-around;
	}
	header > a {
		padding: 10px 0;
	}
	header > a object {
		height: auto;
		width: 50vw;
	}
	header .search {
		position: fixed;
		right: var(--contentLeft);
		top: var(--headerHeight);
		height: 40px;
		width: fit-content;
	}
	header .search.outofsight {
		position: fixed;
		right: 0;
		margin-right: 40px!important;
		transform: translateX(100%);
	}
	header .search .s {
		height: 40px;
		width: 40px;
	}
	header .search a.legacy {
		display: none;
	}
	header .search.tabs {
		top: var(--headerHeight);
		position: fixed;
		bottom: auto;
		border-radius: 0;
		background-color: transparent;
		padding: 0;
		right: 0;
		/* width: 100%; */
		flex-direction: column;
		margin-right:0;
		font-size: 0.8em;
		transition: var(--transitionMedium);
		align-items: stretch;
	}
	header .search.tabs a {
		border-radius: var(--borderRadius)  0 0 var(--borderRadius);
		display: block;
		height: 100%;
		padding: 14px 7px;
		display: flex;
		align-items: center;
		transition: var(--transitionMedium);
		/* width: 100%; */
		margin-bottom:2px;
	}
	header .search.tabs.outofsight {
		margin-right:-2.5em
	}
	header .search.tabs.outofsight a {
		flex-flow: row-reverse;
	}
	header .search.tabs.outofsight a span.txt {
		transition: var(--transitionMedium);
		opacity:0;
	}
	.navtoggle {
		display: block;
		height: auto;
		position: fixed;
		left: 0;
		padding-left: var(--contentLeft);
	}
	main {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: var(--contentLeft);
		height: auto;
		width: calc(100vw - var(--contentLeft) - var(--contentLeft));
		display: flex;
		z-index:5000
	}
	main .content {
		overflow: unset;
		aspect-ratio: unset;
		height: auto!important;
		max-height: none;
	}
	main article {
		padding-top:calc(var(--headerHeight) + 60px);
		min-height: 0;
		column-count: 1;
	}
	main article#historie .rightside {
		width: 100%;
	}
	.history .entry {
		margin: 0 8% 8%;
	}
	.history .entry h2 {
		margin-left: 0;
	}
	.history .entry > h2 {
		display:none
	}
	.history .entry .entry-content {
		display: flex;
		flex-flow: row wrap;
	}
	.history .entry .mobile {
		display:flex;
		margin-bottom:1rem;
	}
	.history .entry .entry-content .images {
		width: 100%;
		margin-left: 0;
		flex-shrink: 0;
		flex-grow: 0;
		text-align: center;
		display: flex;
		justify-content:space-evenly;
	}
	.history .entry .entry-content .year {
		display:none;
	}
	footer {
		position: relative;
		right: auto;
		left: auto;
		margin-left: 0;
		bottom: auto;
		height: var(--contentBottom);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	nav {
    	--navPaddingV: 15px;
		position: fixed;
		height: auto;
		top: 0;
		padding-top:var(--headerHeight);
		left: 0;
		z-index:5000;
		transition: var(--transitionMedium);
		width: 100%;
		pointer-events:none;
	}
	.nav--open nav {
		pointer-events:inherit;
	}
	nav ul.menu {
		opacity:0;
		transform: translateY(-110%);
		transition: var(--transitionMedium);
		pointer-events:none;
		margin:0 var(--contentLeft) 0 var(--contentLeft);
	}
	nav ul.menu.open {
		opacity:1;
		transform: translateY(0);
		pointer-events:inherit;
	}
	nav ul li ul li a {
		padding: 0.5em var(--navPaddingH);
		font-size: 1rem;
		text-align: left;
	}
	nav > ul > li:nth-child(1) {
		border-radius: var(--borderRadius) var(--borderRadius) 0 0;
	}
	nav > ul > li:last-child {
		border-radius: var(--borderRadius) 0 var(--borderRadius) var(--borderRadius);
	}
	.team .member {
		width: calc(100% / 2 - 10px);
	}
	.team-info {
		width: calc(80vw);
		flex-flow: column-reverse;
	}
	.team-info .right {
		width: 100%;
		padding: 0;
	}
	.team-info .left {
		width: 100%;
		padding: 10px;
	}
	.products .product {
		width: calc(100% / 2 - 10px);
	}
	.prod-info {
		width: calc(80vw);
		flex-flow: column;
	}
	.prod-info .left {
		padding: 50px 25px 10px 15px;
	}
	.prod-info .left,
	.prod-info .right {
		width: 100%;
	}
	.prod-info .shortinfo,
	.prod-info .readmore {
		min-height: auto;
	}
	.prod-info .shortinfo p {
		margin:0
	}
	#kontakt fieldset.data label, #kontakt fieldset.captcha label, #kontakt fieldset.data .label, .newsletter-form label, .newsletter-form .label {
		margin-bottom: 10px;
		flex-flow: column;
	}
	#kontakt fieldset.data label > span:first-child br, 
	#kontakt fieldset.captcha label > span:first-child br, 
	#kontakt fieldset.data .label > span:first-child br, 
	.newsletter-form label > span:first-child br, 
	.newsletter-form .label > span:first-child br {
		display:none
	}
}