body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@font-face{
	font-family: 'InfoText';
	font-weight: normal;
    font-style: normal;
    font-display: fallback;
	src:	url('../../files/media/wpunktw/fonts/itr.woff') format('woff'), 
			url('../../files/media/wpunktw/fonts/itr.eot') format('eot'),
			url('../../files/media/wpunktw/fonts/itr.ttf') format('ttf');
}

@font-face{
	font-family: 'InfoText';
	font-weight: bold;
    font-style: normal;
    font-display: fallback;
	src:	url('../../files/media/wpunktw/fonts/itm.woff') format('woff'), 
			url('../../files/media/wpunktw/fonts/itm.eot') format('eot'),
			url('../../files/media/wpunktw/fonts/itm.ttf') format('ttf');
}

*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;

	font-family: InfoText, Roboto, Verdana, sans-serif;
	font-size: 1em;
	font-weight: normal;
	hyphens: auto;
}

/* Variablen ------------------ */

/* Colors */
:root{
--wpw-color-red: #E62C1B;
--wpw-color-white: #ffffff;
--wpw-color-grey-light: #F0F0F0;
--wpw-color-grey-light-hover: #e3e3e3;
--wpw-color-grey-medium: #999999;
--wpw-color-grey-medium-hover: #808080;
--wpw-color-grey-dark: #333333;
--wpw-color-black: #000000;

/* Sizing */
--wpw-xxs: 4px;
--wpw-xs: 8px;
--wpw-s: 16px;
--wpw-m: 24px;
--wpw-l: 32px;
--wpw-xl: 64px;
--wpw-xxl: 128px;


}


/* Überschriften ------------------ */
h1
{
	text-transform: lowercase;
	font-size: 3.5rem;
	color: var(--wpw-color-grey-dark);
}
h1::after
{
	content: ".";
  	color: var(--wpw-color-red);
}
	
h2
{	
	font-size: 2.25rem;
	color: var(--wpw-color-grey-dark);
	margin-top: var(--wpw-l);
	margin-bottom: var(--wpw-m);
}

h3
{
	font-size: 1.75rem;
	line-height: 1.2;
	color: var(--wpw-color-grey-medium);
	margin-top: var(--wpw-m);
	margin-bottom: var(--wpw-xs);
}

h4
{
	font-size: 1.3rem;
	line-height: 1.4;
	font-weight: bold;
	color: var(--wpw-color-grey-dark);
	margin-top: var(--wpw-s);
}

.wpw-grey-heading > :where(h1, h2, h3, h4) { color: var(--wpw-color-grey-medium) !important; }
.wpw-red-heading > :where(h1, h2, h3, h4) { color: var(--wpw-color-red) !important; }
.wpw-white-heading > :where(h1, h2, h3, h4) { color: var(--wpw-color-white) !important; }
.content-headline { margin-bottom: 0; }


/* Text ------------------ */
p
{
	font-size: 1.25rem;
	line-height: 1.4;
	color: var(--wpw-color-grey-dark);
	margin-top: var(--wpw-s);
}

li
{
	font-size: 1.25rem;
	line-height: 1.4;
	color: var(--wpw-color-grey-dark);
	list-style-type: disc;
}
#main li{ margin-left: var(--wpw-m); }

.wpw-caption { font-size: 1rem; }

strong{ font-weight: bold; }

/* Links ------------------ */
a { color: var(--wpw-color-grey-medium); }
a:link {  }
a:visited {  }
a:focus 
{
	color: var(--wpw-color-red) !important;
	font-weight: bold;
}
a:hover 
{
	color: var(--wpw-color-red);
	text-decoration: none;	
}
a:active {  }




/* ------------------------------------------------------------------------ 
 *                                Base
 * ------------------------------------------------------------------------ */


 .wpw-bg-red{ background-color: var(--wpw-color-red); }
 .wpw-bg-grey-light{ background-color: var(--wpw-color-grey-light); }
 .wpw-bg-grey-medium{ background-color: var(--wpw-color-grey-medium); }
 .wpw-bg-grey-dark{ background-color: var(--wpw-color-grey-dark); }

/* ------------------ Button ------------------ */

.wpw-btn-invert
{
  padding: var(--wpw-xs) var(--wpw-s);
  background-color: transparent;
  border: 1px solid var(--wpw-color-grey-light);
  border-radius: var(--wpw-xxs);
  font-size: 1.2rem;
  color: var(--wpw-color-grey-light);
}

.wpw-btn-invert:hover
{
  border-color: var(--wpw-color-red);
  color: var(--wpw-color-red);
}

/* ------------------ Cards ------------------ */

/* -- Einzelreferenz -- */
.content-card-einzel-referenz
{
	background-color: var(--wpw-color-grey-light);
	border-radius: var(--wpw-xs);
	transition: background-color 0.5s ease;
}

.content-card-einzel-referenz:hover
{
	background-color: var(--wpw-color-grey-light-hover);
}

.content-card-einzel-referenz > a {	text-decoration: none; }
.content-card-einzel-referenz h3 { text-transform: lowercase; }

.wpw-card-wrapper
{
	display: flex;
	flex-flow: row wrap;
	align-content: space-between;
	height: 100%;
	padding: var(--wpw-l);
	gap: var(--wpw-s);
}

.wpw-card-figure > img
{
	aspect-ratio: 1260/869;
	object-fit: contain;
	margin-bottom: var(--wpw-xs);
}

.wpw-card-details
{
	display: flex;
	flex-flow: row wrap;
	gap: var(--wpw-xs);
}

.wpw-card-tag
{
	padding: var(--wpw-xxs) var(--wpw-xs);
	border: 1px solid var(--wpw-color-grey-medium);
	border-radius: var(--wpw-xxs);
	background-color: transparent;
	color: var(--wpw-color-grey-medium);
	cursor: pointer;
}
.wpw-card-tag:hover
{
	border-color: var(--wpw-color-grey-medium-hover);
	color: var(--wpw-color-grey-medium-hover);
}



/* -- Inhaltskacheln (basierend auf Text Content Element) -- */

/* Base */
.wpw-card-border, 
.wpw-card-filled, 
.wpw-card-filled-dark, 
.wpw-card-image
{
	padding: var(--wpw-l);
	border-radius: var(--wpw-xs);
	align-self: start;
	overflow: hidden;
}

/* Unterschiede */
.wpw-card-border { border: 2px solid var(--wpw-color-grey-light);}

.wpw-card-filled { background-color: var(--wpw-color-grey-light); }

.wpw-card-filled-dark {	background-color: var(--wpw-color-grey-dark); }
.wpw-card-filled-dark > :first-child,
.wpw-card-filled-dark .rte * { color: var(--wpw-color-grey-light); }
.wpw-card-filled-dark a { text-decoration-color: var( --wpw-color-red); }
.wpw-card-filled-dark a:hover { color: var( --wpw-color-red); }

.wpw-card-image 
{
	background-color: var(--wpw-color-grey-light);
	padding: 0;
}
.wpw-card-image figure img { width: 100%; }
.wpw-card-image .rte { padding: var(--wpw-l); }

/* Margin Reset Schrift */
.wpw-card-border > :first-child, 
.wpw-card-filled > :first-child,
.wpw-card-filled-dark > :first-child,
.wpw-card-image .rte > :first-child { margin-top: 0; }

/* Elemente Ausblenden */
.wpw-card-border > :is(figure), 
.wpw-card-filled > :is(figure), 
.wpw-card-filled-dark > :is(figure),
.wpw-card-image > :not(figure):not(div) { display: none; }


/* ------------------ Akkordeon ------------------ */
  
.content-accordion { border: unset; }
.content-accordion > :nth-child(odd):not(:first-child) { margin-top: var(--wpw-m); }

.handorgel__header__button
{
	display: flex;
	justify-content: space-between;
	padding: var(--wpw-m) var(--wpw-l);
	background-color: var(--wpw-color-grey-light);
	border-radius: var(--wpw-xs);
	border: unset;
}

.handorgel__content
{
	border: unset;
	border-radius: 0 0 var(--wpw-xs) var(--wpw-xs);
	background-color: var(--wpw-color-grey-light);
}

.handorgel__header--open .handorgel__header__button { border-radius: var(--wpw-xs) var(--wpw-xs) 0 0; }
.handorgel__header--open .wpw-svg-container {	transform: rotate(180deg); }
.handorgel__content__inner { padding: 0 var(--wpw-l) var(--wpw-l); }
.handorgel__content__inner .content-text > :first-child, 
.handorgel__content__inner .content-text .rte:first-child > :first-child { margin-top: 0; }


/* ------------------ Tabelle ------------------ */
.scrollbox{ overflow-x: auto; }
table{ 	border-collapse: collapse; margin: var(--wpw-s) 0;}
thead{ background-color: #f0f0f0; }
tbody tr{ border-bottom: 3px solid #f0f0f0; }

td, th{
	min-width: 130px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
 } 


/* ------------------------------------------------------------------------ 
 *                                Mobile - S
 * ------------------------------------------------------------------------ */
@media (min-width:300px) {
	
	/* ------------------ Titek ------------------ */

	
 
  
 
 
  
 
 
 
}



/* ------------------------------------------------------------------------ 
 *                                Tablet - M
 * ------------------------------------------------------------------------ */
@media (min-width:750px) {
  
	

	/* ------------------ Startseite ------------------ */ 




}


/* ------------------------------------------------------------------------ 
 *                                Laptop - L
 * ------------------------------------------------------------------------ */
@media (min-width:1050px) {
  
	/* ------------------ Startseite ------------------ */ 

	


}

/* ------------------------------------------------------------------------ 
 *                                Desktop - XL
 * ------------------------------------------------------------------------ */
@media (min-width:1420px) {
  h1, h2, h3
	{
		hyphens: none;
	}
}
body
{
  min-width: 300px;
}

#main > .inside
  {
    display: flex;
    flex-flow: column nowrap;
    padding: var(--wpw-s);
    transition: padding 0.5s;
  }

.mod_article > .inside
  {
    display: flex;
    flex-flow: column nowrap;
    gap: var(--wpw-s);
  }



/* ------------------------------------------------------------------------ 
 *                                Mobile - S
 * ------------------------------------------------------------------------ */
@media (min-width:300px) 
{
  :root
  {
    --wpw-grid-column: 2;
    --wpw-grid-column-haelfte: 1;
    --wpw-grid-gap: 32px;
    --wpw-grid-padding: 20px;
  }


  /* Grid & Layout ------------------------- */
  #main > .inside
  {
  	padding: var(--wpw-m) var(--wpw-grid-padding); 
    gap: var(--wpw-grid-gap);
  }

  /* Jeder Artikel wird automatisch ein Grid zugewiesen */
  .mod_article > .inside,
  .wpw-grid
  {
    display: grid;
    grid-template-columns: repeat(var(--wpw-grid-column), 1fr);
    gap: var(--wpw-grid-gap);
  }

  /* Fallback statische Position */
  .wpw-grid-mittig, 
  .wpw-grid-mittig-breit,
  .wpw-grid-drittel-1, 
  .wpw-grid-drittel-2, 
  .wpw-grid-drittel-3
  { 
    grid-column: span var(--wpw-grid-column); 
  }

  /* Flexible Position */
  .wpw-grid-voll, 
  .wpw-grid-dreiviertel, 
  .wpw-grid-zweidrittel, 
  .wpw-grid-drittel, 
  .wpw-grid-viertel, 
  .wpw-grid-haelfte
  { 
    grid-column: span var(--wpw-grid-column); 
  }

  /* Statische Position */
  .wpw-grid-haelfte-1{ grid-column: 1 / span var(--wpw-grid-column-haelfte); }
  .wpw-grid-haelfte-2{ grid-column: 2 / span var(--wpw-grid-column-haelfte); }

}







/* ------------------------------------------------------------------------ 
 *                                Tablet - M
 * ------------------------------------------------------------------------ */
@media (min-width:750px) 
{

  :root
  {
    --wpw-grid-column: 4;
    --wpw-grid-column-haelfte: 2;

    --wpw-grid-gap: 32px;
    --wpw-grid-padding: 48px;
  }

  #main > .inside
  {
    padding: var(--wpw-l) var(--wpw-grid-padding); 
  }

  /* Fallback statische Position */
  .wpw-grid-drittel-1, 
  .wpw-grid-drittel-2, 
  .wpw-grid-drittel-3
  { 
    grid-column: span var(--wpw-grid-column-haelfte); 
  }

  /* Flexible Position */
  .wpw-grid-haelfte, 
  .wpw-grid-drittel, 
  .wpw-grid-viertel
  { 
    grid-column: span var(--wpw-grid-column-haelfte); 
  }

  /* Statische Position */
  .wpw-grid-haelfte-1{ grid-column: 1 / span var(--wpw-grid-column-haelfte); }
  .wpw-grid-haelfte-2{ grid-column: 3 / span var(--wpw-grid-column-haelfte); }

 }






/* ------------------------------------------------------------------------ 
 *                                Laptop - L
 * ------------------------------------------------------------------------ */
@media (min-width:1050px) 
{

  :root
  {
    --wpw-grid-column: 6;
    --wpw-grid-column-zweidrittel: 4;
    --wpw-grid-column-haelfte: 3;
    --wpw-grid-column-drittel: 2;

    --wpw-grid-gap: 48px;
    --wpw-grid-padding: 64px;
  }

  #main > .inside
  {
    padding: var(--wpw-xl) var(--wpw-grid-padding); 
  }

  /* Fallback statische Position */
  .wpw-grid-dreiviertel-1,
  .wpw-grid-dreiviertel-2
  { 
    grid-column: span var(--wpw-grid-column); 
  }
  .wpw-grid-viertel-1,
  .wpw-grid-viertel-2,
  .wpw-grid-viertel-3,
  .wpw-grid-viertel-4
  { 
    grid-column: span var(--wpw-grid-column-haelfte); 
  }

   /* Flexible Position */
  .wpw-grid-dreiviertel, 
  .wpw-grid-zweidrittel
  { 
    grid-column: span var(--wpw-grid-column-zweidrittel); 
  }
  .wpw-grid-drittel, 
  .wpw-grid-viertel
  { 
    grid-column: span var(--wpw-grid-column-drittel); 
  }

  /* Statische Position */
  .wpw-grid-zweidrittel-1{ grid-column: 1 / span var(--wpw-grid-column-zweidrittel); }
  .wpw-grid-zweidrittel-2{ grid-column: 3 / span var(--wpw-grid-column-zweidrittel); }

  .wpw-grid-mittig,
  .wpw-grid-mittig-breit{ grid-column: 2 / span var(--wpw-grid-column-haelfte); }
  .wpw-grid-haelfte-1{ grid-column: 1 / span var(--wpw-grid-column-haelfte); }
  .wpw-grid-haelfte-2{ grid-column: 4 / span var(--wpw-grid-column-haelfte); }

  .wpw-grid-drittel-1{ grid-column: 1 / span var(--wpw-grid-column-drittel); }
  .wpw-grid-drittel-2{ grid-column: 3 / span var(--wpw-grid-column-drittel); }
  .wpw-grid-drittel-3{ grid-column: 5 / span var(--wpw-grid-column-drittel); }
  
}




/* ------------------------------------------------------------------------ 
 *                                Desktop - XL
 * ------------------------------------------------------------------------ */
@media (min-width:1420px) 
{

  :root
  {
    --wpw-grid-column: 12;
    --wpw-grid-column-dreiviertel: 9;
    --wpw-grid-column-zweidrittel: 8;
    --wpw-grid-column-haelfte: 6;
    --wpw-grid-column-drittel: 4;
    --wpw-grid-column-viertel: 3;

    --wpw-grid-gap: 64px;
    --wpw-grid-padding: 0px;
  }

  #main > .inside
  {
    max-width: 1420px;
    margin: 0 auto;
    padding: var(--wpw-xxl) 0;
  }

   /* Flexible Position */
  .wpw-grid-dreiviertel{ grid-column: span var(--wpw-grid-column-dreiviertel); }
  .wpw-grid-viertel{ grid-column: span var(--wpw-grid-column-viertel); }

  /* Statische Position */
  .wpw-grid-dreiviertel-1{ grid-column: 1 / span var(--wpw-grid-column-dreiviertel); }
  .wpw-grid-dreiviertel-2{ grid-column: 7 / span var(--wpw-grid-column-dreiviertel); }

  .wpw-grid-zweidrittel-1{ grid-column: 1 / span var(--wpw-grid-column-zweidrittel); }
  .wpw-grid-zweidrittel-2{ grid-column: 5 / span var(--wpw-grid-column-zweidrittel); }

  .wpw-grid-mittig{ grid-column: 4 / span var(--wpw-grid-column-haelfte); }
  .wpw-grid-mittig-breit{ grid-column: 3 / span var(--wpw-grid-column-zweidrittel); }
  .wpw-grid-haelfte-1{ grid-column: 1 / span var(--wpw-grid-column-haelfte); }
  .wpw-grid-haelfte-2{ grid-column: 7 / span var(--wpw-grid-column-haelfte); }
  
  .wpw-grid-drittel-1{ grid-column: 1 / span var(--wpw-grid-column-drittel); }
  .wpw-grid-drittel-2{ grid-column: 5 / span var(--wpw-grid-column-drittel); }
  .wpw-grid-drittel-3{ grid-column: 9 / span var(--wpw-grid-column-drittel); }

  .wpw-grid-viertel-1{ grid-column: 1 / span var(--wpw-grid-column-viertel); }
  .wpw-grid-viertel-2{ grid-column: 4 / span var(--wpw-grid-column-viertel); }
  .wpw-grid-viertel-3{ grid-column: 7 / span var(--wpw-grid-column-viertel); }
  .wpw-grid-viertel-4{ grid-column: 10 / span var(--wpw-grid-column-viertel); }


}

.wpw-punkt{
  min-height: 20px;
  min-width: 20px;
  max-height: 20px;
  max-width: 20px;
  border-radius: 10px;
  background-color: var(--wpw-color-red);
}

.wpw-logo-rot,
.wpw-footer-logo-weiss
{
  display: flex;
  flex-flow: row nowrap;
  gap: var(--wpw-xs);
  align-items: center;
  padding: var(--wpw-xs) 0;
}

.wpw-logo-claim
{
  font-size: 1.5rem;
}

/* ------------------------------------------------------------------------ 
 *                               Header Base
 * ------------------------------------------------------------------------ */
#header { height: var(--wpw-xxl); } /* Abstandshalter */

#header a
{
  color: var(--wpw-color-grey-dark);
  text-decoration: none;
}

#header a:hover { color: var(--wpw-color-red); }
#header .level_1 li:last-child a 
{ 
  color: var(--wpw-color-red); 
  padding: var(--wpw-xs) var(--wpw-s);
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: var(--wpw-xxs); 
}
#header .level_1 li:last-child a:hover { border-color: var(--wpw-color-red); }


#header > .inside
{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: var(--wpw-m) var(--wpw-s);

  position: fixed; 
  width: 100%; 
  top: 0;
  left: 0;
  z-index: 2;

  background-color: var(--wpw-color-white); 
}

#header nav
{
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  position: relative;  
  width: 100%;
}

#header li { 
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Gestaltung Burger-Icon */
#wpw-menu-toggle { display: none; }

.wpw-menu-button span 
{
  background-color: var(--wpw-color-grey-dark);
  position: absolute;
  border-radius: 2px;
  transition: .3s cubic-bezier(.8, .5, .2, 1.4);
  width: 100%;
  height: 4px;
}

.wpw-menu-button span:nth-child(1) 
{
  top: 0px;
  left: 0px;
}

.wpw-menu-button span:nth-child(2) 
{
  top: 14px;
  left: 0px;
}

.wpw-menu-button 
{
  width: 32px;
  height: 16px;
  position: relative;
  cursor: pointer;
}

.wpw-menu-button:hover span:nth-child(1) { transform: scaleX(.8); }
.wpw-menu-button:hover span:nth-child(2) { transform: scaleX(.5); }

#wpw-menu-toggle:checked + .wpw-menu-icon-wrapper .wpw-menu-button span:nth-child(1),
#wpw-menu-toggle:checked + .wpw-menu-icon-wrapper .wpw-menu-button span:nth-child(2) { top: 7px; }

.wpw-menu-icon-wrapper 
{ 
  display: flex; 
  align-items: center;
}


/* Gestaltung aufgeklapptes Menu */
#header .level_1 
{
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}

#header nav a
{
  display: flex;
  flex-flow: column wrap;
  align-content: center;
  width: 100%;
}

#wpw-menu-toggle:checked ~ nav 
{
  height: 93vh;  /* Das ist eine Notlösung */
  transition: height .3s ease;
  padding: var(--wpw-l) 0;
}

#wpw-menu-toggle ~ nav li { height: 0; }
#wpw-menu-toggle:checked ~ nav li { height: 2.5em; }
#wpw-menu-toggle:checked ~ nav .level_1 li { font-size: 1.75rem; }






/* ------------------------------------------------------------------------ 
 *                                Footer Base
 * ------------------------------------------------------------------------ */

#footer
{
  background-color: var(--wpw-color-grey-dark);
  padding: var(--wpw-l) 0;
}

#footer > .inside
{
  padding: var(--wpw-xs) ; 
}

#footer a
{
  color: var(--wpw-color-grey-light);
  text-decoration: none;
}
#footer a:hover{color: var(--wpw-color-red);}
#footer p{color: var(--wpw-color-grey-light); margin: 0; }


#footer > .inside
{
    display: flex;
    flex-flow: column nowrap;
    padding: var(--wpw-s);
    gap: var(--wpw-s);
    transition: padding 0.5s;
  }

.wpw-footer-rechtliches, .wpw-footer-content
{
  display: flex;
  flex-flow: column nowrap;
  gap: var(--wpw-xs) var(--wpw-m);
}

.wpw-footer-nav > ul
{
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  gap: var(--wpw-xs) var(--wpw-m);
}

.wpw-footer-cta{
  padding: var(--wpw-xs) 0;
}


/* ------------------------------------------------------------------------ 
 *                                Mobile - S
 * ------------------------------------------------------------------------ */
@media (min-width:300px) {

/* ------------------ Header ------------------ */

#header > .inside
{
  padding: var(--wpw-m) var(--wpw-grid-padding);
}



/* ------------------ Footer ------------------ */

#footer > .inside
  {
    padding: var(--wpw-grid-gap) var(--wpw-grid-padding); 
    gap: var(--wpw-grid-gap);
  }

.wpw-footer-anschrift-content
{
  margin: var(--wpw-m) 0;
}

}

/* ------------------------------------------------------------------------ 
 *                                Tablet - M
 * ------------------------------------------------------------------------ */
@media (min-width:750px) {

  /* ------------------ Header ------------------ */
  


  /* ------------------ Footer ------------------ */
.wpw-footer-rechtliches, .wpw-footer-content
{
  flex-flow: row nowrap;
  justify-content: space-between;
}

.wpw-footer-anschrift-content
{
  margin: 0;
  margin-top: var(--wpw-m);
}


}

/* ------------------------------------------------------------------------ 
 *                                Laptop - L
 * ------------------------------------------------------------------------ */
@media (min-width:1050px) {

  /* ------------------ Header ------------------ */
  #header{ height: auto; }

  #header > .inside
  { 
    display: flex;
    flex-flow: row nowrap;
    
    position: unset; 
  }

  #header nav
  { 
    width: auto;
  }

  #header .level_1 li:first-child,
  .wpw-menu-icon-wrapper, 
  .wpw-top-legal
  {
    display: none;
  }

  #header .level_1 li:last-child {margin-left: var(--wpw-l);}

  #header .level_1 {
    display: flex;
    flex-flow: row wrap;
    width: auto;
    justify-content: center;
    gap: var(--wpw-m);
  }

  #header .level_1 li {
    height: auto;
    display: inline-block;
  }

  #wpw-menu-toggle:checked ~ nav 
  {
    height: auto; 
    padding: unset;
  }


}


/* ------------------------------------------------------------------------ 
 *                               Desktop - XL
 * ------------------------------------------------------------------------ */
@media (min-width:1420px) {

  #header > .inside,
  #footer > .inside
  {
    max-width: 1420px;
    margin: 0 auto;
  }
}