@charset "utf-8";
/* CSS Document */
/*
Theme Name: Piure Downloads
Author: networkerz gmbh
Author URI: https://networkerz.de/
Description: main css
Version: 1.0
License: private
License URI: https://www.networkerz.de
*/
/* font-faces */
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('fonts/roboto-condensed-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-300.woff') format('woff'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-regular.woff') format('woff'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-700.woff') format('woff'); /* Legacy iOS */
}



/* roboto-condensed-300italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
       url('fonts/roboto-condensed-v16-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-300italic.woff') format('woff'); /* Legacy iOS */
}

/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
       url('fonts/roboto-condensed-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-italic.woff') format('woff'); /* Legacy iOS */
}

* {
	 margin: 0; padding: 0;
	 box-sizing: border-box;
	 }
html, body {
	position:relative;
  font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size:16px;
	text-align: left;
	line-height: 1.2;
	margin:0px;
	padding:0px;
	height:100%;
	hyphens: auto;
}
/*  critical css   */
:root {
  --piure-brown:#373a36;
  --gv-green:#373a36;
  --gv-lightgreen:#dbe8e7;
  --gv-black:#000000;
  --gv-white:#fff;
}
h1, h2, .nav-title, .table-title {
  color:var(--gv-green);
}
h1, h2, nav a, .nav-title {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
}
h1 {
	font-size:30px;
}
h2 {
	font-size:24px;
}
h2 span {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    color: var(--gv-black);
}
nav-title {
	font-size:24px;
}
a {
  color:var(--gv-green);
  font-weight:bold;
	}
a:visited, a:focus {	}
a:focus { outline: none; }
a:hover,
a:focus {
	}
nav a {
  font-size: 28px;
  color:var(--gv-white);
  text-decoration:none;
}
nav a:hover, nav .current-menu-item a, footer a:hover {
  opacity:0.3;
  text-decoration: none;
}
nav li {
  margin: 10px 0;
  line-height: 1.3;
}
form button  a {
  color:var(--gv-white);
  text-decoration:none;
}
form button :hover {
  color:var(--gv-green);
}
footer a {
  color:var(--gv-white);
  text-decoration: none;
  font-weight: normal;
}
ul, li {
		margin: 0;
    padding: 0;
		list-style:none;
	}
section ul, section li {
		margin: 0;
    padding: 0;
		margin-left: 20px;
    margin-bottom:5px;
    list-style:disc;
	}
  img {
  width:100%;
  height:auto;
	border:none;
	display:block;
}
.slider-single img, section.image img, section.img-text-col-2 img {
  border-radius: 20px;
  border:2px solid var(--gv-green);
	}
section.image article {
  position:relative;
}
section.image .caption {
  position:absolute;
  bottom:0;
  width:100%;
  padding:20px;
}
strong {
        font-weight: bold;
    }
p {
      color:var(--gv-black);
      margin:20px 0;
      line-height:1.8;
    }
.bg-green {
  background-color:var(--gv-green);
  color:#fff;
  padding: 20px;
  border-radius: 10px;
}
.bg-lightgreen {
  background-color:var(--gv-lightgreen);
}
.caption {
  background-color:rgba(255,255,255,0.7);
  color:var(--gv-black);
}
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
nav li.margin-top {
  margin-top:40px;
}
/*  Navigation  */
  .toggle-menu {
  display: block;
  position: absolute;
  left:auto;
  right: 0px;
  width:30px;
  height: 20px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding-left: 0;
  padding-top: 0px;
  top: 68px;
  transition:0.3s all ease;
  }
.toggle-menu span.line1, .toggle-menu span.line2, .toggle-menu span.line3 {
  cursor: pointer; -webkit-border-radius: 0px; -moz-border-radius: 0px;
  border-radius: 0px; height: 3px; width: 30px; background: var(--gv-green); position: absolute; display: block; content: '';
}
.toggle-menu span.line2 {
    top: 8px;
}
.toggle-menu span.line3 {
    top: 16px;
}
.nav-container .toggle-menu { right: 20px; }
.nav-container .toggle-menu span.line1 {
  transform: rotate3d(0, 0, 1, -45deg);
  top:8px;
}
.nav-container .toggle-menu span.line2 {
  transform: rotate3d(0, 0, 1, 45deg);
  top:8px;
}
.nav-container .toggle-menu span.line1, .nav-container .toggle-menu span.line2 {
  background: var(--gv-white);
}
.nav-container {
  width: 100vw; height: 100vh; min-height: -webkit-fill-available; position: fixed; z-index: 10001;
  top:0px;
  right: -100vw;
  padding-top:44px;
  -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -ms-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s; overflow: hidden;
  background-size: 129px auto;
  background-repeat: no-repeat;
  background-position: center 200%;
  background-color: var(--gv-green);
}
.nav-container.show {
  width: 100vw; right:0; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s;
  background-position: center bottom;}

.nav-container nav {
  margin: 70px auto 0px auto;
  position: relative;
  max-width: 220px;
}
.nav-brand { max-width: 100px; padding: 20px 20px 20px 0; transition:0.3s all ease;}
.nav-title {
    position: absolute;
    font-weight:400;
    top: 70px;
    left: 80px;
     transition:0.3s all ease;
}
/*  Borders    */
.borders {
  border:1px solid var(--gv-green);
  border-radius:20px;
}
.border-bottom {
  border-bottom: 1px solid var(--gv-green);
}
/*  Arrows   */
.arrow {
  width: 100px;
  height: 100px;
  margin: 20px;
  display: inline-block;
  position: relative;
}
.arrow::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  border-style: solid;
  border-color: #000;
  border-width: 2px 2px 0 0;
  position: absolute;
  transform-origin: 50% 50%;
}
.arrow.right::before {
  transform: rotate(45deg);
  margin: -15px 0 0 -20px;
}
.arrow::after {
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  border-style: solid;
  border-color: #000;
  position: absolute;
  transform-origin: 50% 50%;
}
.arrow.right::after {
  width: 40px;
  height: 0;
  border-width: 2px 0 0 0;
  transform: translate(-26px, -1px);
}
.arrowed {
	position: relative;
	height: 200px; width: 200px;
	margin: 0 20px 20px 0;
	border: 1px solid rgba(0,0,0,0.25);
}
.arrow-filled {
	height: 0px; width: 0px;
	border: 8px solid;
	transform: rotate(45deg);
}
.arrow-filled.green {
  border-color:
		var(--gv-green)
    var(--gv-green)
		transparent
		transparent;
}
.arrow-filled.white {
  border-color:
		var(--gv-white)
    var(--gv-white)
		transparent
		transparent;
}
/*  Icons   */
.zip figure a::after {
	position:absolute;
	content:url('https://download.piure.de/wp-content/uploads/2021/12/icon-zip-1.png');
	right:0;
	bottom:0;
}
.pdf figure a::after {
	position:absolute;
	content:url('https://download.piure.de/wp-content/uploads/2021/12/icon-pdf-1.png');
	right:0;
	bottom:0;
}
.jpg figure a::after {
	position:absolute;
	content:url('https://download.piure.de/wp-content/uploads/2022/01/icon-jpg.png');
	right:0;
	bottom:0;
}
.rtf figure a::after {
	position:absolute;
	content:url('https://download.piure.de/wp-content/uploads/2021/12/icon-rtf-1.png');
	right:0;
	bottom:0;
}

.isotope figure {
	position:relative;
}
/*  Buttons */
.isotope .button {
    cursor: pointer;
    font-size: 0.8rem;
    padding: 5px;
    border: 1px solid transparent;
    display: inline-block;
    border: 1px solid var(--piure-brown);
    text-align: center;
    min-width: 100px;
	margin: 5px;
	flex-grow: 1;
}
.button:hover, .button:active {
    background-color: var(--piure-brown);
    color: #fff;
}
.button.is-checked {
    border: 1px solid var(--piure-brown);
    background-color: var(--piure-brown);
    color: #fff;
}
.button.all {
    display: block;
	width: 100%;
}
form .button {
  cursor:pointer;
  width:100%;
  border-radius:10px;
  padding:10px 0;
  text-align:center;
}
/*  Buttons   Form  */
input[type="submit"],
input[type="reset"],
input[type="button"],
form button,
form .button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  border: 0;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  max-width: 20rem;
  height: 3em;
  line-height: 3em;
  border-radius: 10px;
  padding: 0 2.5em;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  color: var(--gv-white);
  font-size:14px;
}

  input[type="submit"].icon:before,
  input[type="reset"].icon:before,
  input[type="button"].icon:before,
  form button.icon:before,
  form .button.icon:before {
    margin-right: 0.5rem;
  }
  input[type="submit"].disabled, input[type="submit"]:disabled,
  input[type="reset"].disabled,
  input[type="reset"]:disabled,
  input[type="button"].disabled,
  input[type="button"]:disabled,
  form button.disabled,
  form button:disabled,
  form .button.disabled,
  form .button:disabled {
    pointer-events: none;
    opacity: 0.25;
  }

input[type="submit"],
input[type="reset"],
input[type="button"],
form button,
form .button {
  background-color: var(--gv-green);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover,
  form button:hover,
  form .button:hover {
    box-shadow: inset 0 0 0 1px var(--gv-green);
    background-color: var(--gv-white);
    color: var(--gv-green);
  }
  form button:hover a,
  form .button:hover a {
    color: var(--gv-green) !important;
  }
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active,
  form button:active,
  form .button:active {
    background-color: rgba(71, 211, 229, 0.2);
    box-shadow: inset 0 0 0 1px var(--gv-green);
    color: var(--gv-green) !important;
  }

  input[type="submit"].primary,
  input[type="reset"].primary,
  input[type="button"].primary,
  form button.primary,
  form .button.primary {
    background-color: #000000;
    box-shadow: none;
    color: #ffffff !important;
  }

    input[type="submit"].primary:hover,
    input[type="reset"].primary:hover,
    input[type="button"].primary:hover,
    form button.primary:hover,
    form .button.primary:hover {
      background-color: var(--gv-green);
    }

    input[type="submit"].primary:active,
    input[type="reset"].primary:active,
    input[type="button"].primary:active,
    form button.primary:active,
    form .button.primary:active {
      background-color: #1ebdd1;
    }


/*  content  */
header {
  padding:0 20px;
  position: fixed;
  background-color: var(--gv-white);
  z-index: 100;
  top: 0;
}
header .container {
  
}
header .container > a {
  max-width: 250px;
  display: block;
}
header .container.small .nav-brand {
    max-width: 50px;
    padding: 10px 5px 5px 0;
}
header .container.small .nav-title {
    top:20px;
}
header .container.small .toggle-menu {
    top:20px;
}
section, header, footer {
	width:100%;
	}
section {
  margin:30px 0;
}
.isotope article {
	overflow:hidden;
}
.container, main {
  position: relative;
	width:100%;
  max-width:1280px;
	padding-right: 0;
	padding-left: 0;
	margin:0 auto;
	}
  main {
    padding:0 20px;
    margin-top: 151px;
  }
.sidebar{
    margin-top: 30px;
    width:100%;
    position: fixed;
    margin-left: 100%;
    z-index:10;
}
.sidebar.in  {
    margin-left: 0;
    position: relative;
    z-index: 10;
    top: 0;
    left: 0;
}
.sidebar p, .sidebar label {
  font-size: 14px;
  line-height: 1.5;
}
.sidebar.in .col-2:first-child p.addon {
  display:none;
}
.sidebar .col-2 p {
  margin-top:0;
}
form .fields {
  margin:-1.5rem 0 1.5rem -1.5rem;
}
form .fields > .field {
  padding-top:1rem;
}
.wpcf7-list-item label {
  font-size:13px;
}
.sidebar p.addon {
  font-size:13px;
  max-width: 20rem;
  margin: 5px 0 0;
  text-align:left;
}
.sidebar section {
    border: 1px solid var(--gv-green);
    border-radius: 20px;
    padding: 20px;
    margin-top:0;
    background-color: var(--gv-white);
}
/* Button rechts am Rand
#startanfrage {
  display:none;
  position: fixed;
z-index: 100;
width: auto;
transform: rotate(-90deg);
right: -60px;
top: 190px;
} */
#anfrage {
  position: fixed;
z-index: 100;
width: 100%;
max-width:100%;
bottom: 0;
left: 0;
border-radius: 0;
z-index: 1000;
}
.intro p {
  font-size:20px;
}
  .col-2:first-child {
  margin-bottom:20px;
}
.col-2 .text {
  font-size:14px;
  border-radius: 20px;
  border: 2px solid var(--gv-green);
  padding: 30px;
}
.img-text-col-2.right .text {
  background-color: var(--gv-lightgreen);
}
.img-text-col-2 a img {
  border:0;
  border-radius:none;
  max-width:46px;
  transition: all 0.3s ease;
}
.img-text-col-2 a img:hover {
  transform: translate(20px, 0);
}
/*  isotope  */
.isotope .grid .no-fit {
  display:none;
}
.isotope .grid .no-fit.show {
  display:block;
}
.filter-item, .grid-sizer{
  width:100%;
  margin-bottom:30px;
}
.controls-wrap {
  margin:0 auto 30px;
  padding-bottom: 30px;
}
.isotope .accordion-title a {
    color: var(--piure-brown);
	text-decoration:none;
}
.isotope .accordion-content {
  display:block;
  line-height: 1.3;
  margin-left: -5px;
}
.isotope .accordion-title.closed ~ .accordion-content {
  display:none;
}
.isotope .btn-wrap {
  display:flex;
  flex-wrap:wrap;
}
.item-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  transition:0.3s width ease;
  width:0;
}
.item-title {
  position:absolute;
  right:0;
  background-color:#fff;
  bottom:10%;
  padding:10px 20px;
  max-width:80%;
}
/*  carousel   */
.carousel .slick-slide img {
    width: 100%;
    height: auto;
}
.carousel .slider-single .slick-slide {
  position:relative;
}
.carousel .slider-nav {
    padding: 2rem 86px;
}
.carousel .slider-nav .slick-slide {
  cursor:pointer;
}
.carousel .slider-single .carousel-text {
    position: absolute;
    width: 100%;
    padding: 20px;
    bottom:0;
    color:var(--gv-black);
    background-color:rgba(255,255,255,0.7)
}
.carousel .slider-nav .slick-list {
  margin: 0 -6px;
}
.carousel .slider-nav .slick-slide img {
  border:3px solid transparent;
}
.carousel .slider-nav .slick-slide:hover img,
.carousel .slider-nav .slick-slide.is-active img
   {
  border:3px solid var(--gv-black);
}
.carousel .slider-nav img {
  border-radius:0;
  border:none;
}
.carousel  .slick-arrow {
	position: absolute;
	top:calc(2rem + 3px);
	fill: #fff;
	width:80px;
	height:calc(100% - 4rem - 6px);
  padding: 5px 20px;
	cursor:pointer;
  background-color: var(--gv-green);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.carousel .slick-arrow .icon-arrow-left,
.carousel .slick-arrow .icon-arrow-right {
  height:100%;
}
.carousel .slick-arrow.slick-disabled {
  cursor: default;
  fill: var(--gv-green);
}
.carousel  .prev {
	left:0;
	transform: rotate(180deg);
	z-index: 1;
}
.carousel  .next {
	right:0;
}
/*  See more  */
section.detail, #more, .description, .map,
section.text.border {
    border: 1px solid var(--gv-green);
    border-radius: 20px;
    padding: 20px;
    margin-top:20px;
}
section.detail {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: none;
  margin-bottom: 0;
}
#more {
  padding-top: 35px;
  margin-top: -15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
  }
section.detail img {
  margin:20px auto;
}
#more img {
  max-width:250px;
  margin:20px 0;
}
#more article {
  border-bottom: 1px solid var(--gv-green);
  margin-bottom: 20px;
}
#more {display: none;}
.show #more { display:block; }
/*  Table Prices  */
section.detail .table-row.header {
  color:var(--gv-green);
}
section.detail .table-row.header .title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 22px;
}
.column {
  text-align: right;
  padding:5px;
}
.table-row {
  padding:10px 0;
  display:flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--gv-green);
}
.footnote {
    margin: 20px 0;
    font-size: 12px;
}
#show-details {
  bottom: -20px;
  position: relative;
  width: calc(100% + 40px);
  left: -20px;
  color: var(--gv-white);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--gv-green);
  border: 1px solid var(--gv-green);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 20px 2.5em;
  cursor:pointer;
  }
#show-details:after{
	  content: "";
    margin:0 0.5em;
    display:inline-block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='75 0 150 75'%3E%3Cpath d='M225 0 L75 0 L150 75 Z' fill='rgba(255, 255, 255, 1)' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 11px;
    width: 20px;
}
.show #show-details:after {
  transform:rotate(-90deg);
}
#show-details:hover {
    color: var(--gv-green);
    background-color: var(--gv-white);
}
#show-details:hover::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='75 0 150 75'%3E%3Cpath d='M225 0 L75 0 L150 75 Z' fill='rgba(0, 97, 88, 1)' /%3E%3C/svg%3E");
}
.map-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 75%;
  margin: 20px 0;
  border-radius: 20px;
}
.map-wrap iframe {
position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--gv-green);
  border-radius: 20px;
  }
.col-wrap {
  padding:20px 0;
  margin:20px 0;
}
.text-wrap {
  margin:20px 0;
}
.text-wrap:last-child .border-bottom {
  border-bottom:0;
}
/*  Scroll down Button Startseite  */
footer {
  margin: 30px 0;
}
footer .content {
  margin: 0 20px;
}
footer li {
  display:inline-block;
  margin: 3px 0;
}
footer li a:after {
  content:' | '
}
footer li:last-child a:after {
  content:''
}
footer img {
    max-width: 100px;
    margin: 30px 10px 0 auto;
}
.copyright {
  margin-top: 50px;
}
.copyright span {
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
}
	/* back to Top - Button  */
	.scroll-up, .scroll-up:visited {
    position: fixed;
    bottom: 50px;
    right: 30px;
    width: 50px;
    cursor: pointer;
    height: 50px;
    padding: 15px 5px 3px 5px;
    background: rgba(255,255,255,0.5);
    z-index: 20;
    border: 1px solid var(--gv-green);
    border-radius: 5px;
	}
@media(min-width:500px) {
  p img { width:auto; }
  .table-row {
    padding:10px 20px;
  }
  .col-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .map .col-wrap {
    flex-wrap:nowrap;
  }
  .col-wrap .col-3, .col-wrap .col-2 {
    width:50%;
  }
  .col-3 ul {
    margin-left:0;
  }
	.isotope dd {
     padding-left:0;
   }
  footer .content {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width:768px) {
  main {
    margin-top:197px;
  }
  .toggle-menu { top:120px; }
  .nav-brand { max-width: 146px; padding: 20px 20px 20px 0;}
  .nav-title {
    font-size: 30px;
    line-height: 22px;
    top: 120px;
    left: 150px;
  }
  header .container > a {
    max-width: 320px;
    display: block;
  }
  header .container.small .nav-title {
      left:60px;
  }
  .nav-container {
    background-size: 220px auto;
    background-position: 0 170px;
  }
  .nav-container.show {
    background-position: calc(100% - 350px) 170px;
  }
  .nav-container nav {
    margin: 120px 50px 0 auto;
  }
  .content.small {
    max-width: 66.67%;
  }
  #anfrage {
    position: static;
    border-radius: 10px;
}
  .sidebar {
    top: 178px;
    right: 20px;
    width: calc(33.33% - 30px);
    padding-left: 10px;
    left:auto;
    z-index: 10;
    transition:0.7s all ease;
  }
  .sidebar .col-2:nth-child(2) {
    display:none;
  }
  .sidebar.in {
    padding-left:0;
    width:100%;
  }
  .sidebar.in #anfrage {
    position: absolute;
    top: 20px;
    right: 20px;
    left: auto;
    width: auto;
    border-radius: 10px;
    height: 30px;
    padding: 5px 20px;
    line-height: 1;
      }
  .sidebar.in .cols {
    display:flex;
  }
  .sidebar.in .col-2:first-child {
    width: 40%;
    padding-right: 20px;
  }
  .sidebar.in .col-2:nth-child(2) {
    display:block;
    width:60%;
    padding:0;
  }
	/*  isotope  */
    .controls-wrap {
      display:flex;
      flex-wrap: nowrap;
      width:100%;
    }
    .button-group {
      width:33.333%;
      padding: 0 10px;
    }
    .button-group:first-child {
      width:50%;
    }
    .button-group:first-child {
      min-width:210px;
    }
    .button-group:nth-child(2),
    .button-group:nth-child(3) {
      width:25%;
    }
	.grid {
      display:flex;
      flex-wrap:wrap;
      width: 100%;
    }
    .item-hover {
      transition: 0.3s width ease;
      width:100%;
    }
    .item-wrap:hover {
      background-color:rgba(255,255,255,0)
    }
    .filter-item a:hover .item-hover,
    .teaser-item a:hover .item-hover {
      width:0%;
    }
  .scroll-up {
    right: 20px;
    bottom: 30px;
  }
  footer img {
    margin:30px 20px 0 auto;
  }
}
@media (min-width:768px) and (max-height:610px) {
  .sidebar {
    position: absolute;
    top: 0;
    margin-top: 0;
  }
}
@media(min-width:950px) {
  .img-text-col-2 article {
    display:flex;
  }
  .img-text-col-2.right article {
    flex-direction: row-reverse;
  }
  .img-text-col-2 .col-2:first-child {
    width: 33.33%;
    margin-bottom: 0;
  }
  .img-text-col-2 .col-2:last-child {
    width: 66.67%;
  }
  .img-text-col-2.left .col-2:last-child {
    padding-left: 20px;
  }
  .img-text-col-2.right .col-2:last-child {
    padding-right: 20px;
  }
  .img-text-col-2.left .img-wrap,
  .img-text-col-2.right .img-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    border: 2px solid var(--gv-green);
  }
  .img-text-col-2.left .img-wrap img,
  .img-text-col-2.right .img-wrap img {
    position:absolute;
    width:170%;
    height:auto;
    border-radius: 0;
    border: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .content.small .img-text-col-2.left .img-wrap img,
  .content.small .img-text-col-2.right .img-wrap img {
    width:200%;
  }
  .col-2 .text {
    height: 100%;
}
.col-wrap .col-3 {
    width: 33.33%;
    margin: 20px 0;
}
.table-row, .wrapper.prices, .wrapper.dates {
  display:flex;
  align-items: center;
}
.table-row {
  padding:10px 0;
}
.wrapper.title {
  margin-right: 20px;
  width: 35%;
}
.wrapper.dates, .wrapper.prices {
    width: 57%;
}
.column {
  margin: 0px;
}
.prices {
  width: 30%;
  min-width: 90px;
  text-align: center;
  margin:0 10px;
}
	/*  isotop   */
	.grid {
    width: calc(100% + 30px);
  }
	.filter-item, .grid-sizer {
      width: calc(20% - 30px);
      margin-bottom: 30px;
      margin-right: 30px;
    }
	
  .item-title {
    max-width:75%;
    font-size:18px;
  }
}
@media (min-width:1320px) {
  main { padding:0; }
  .sidebar {
    right: calc(50% - 640px);
    width: calc(1280px * 0.33 - 30px);
}
.img-text-col-2.left .img-wrap img, .img-text-col-2.right .img-wrap img {
  width:105%;
}
.content.small .img-text-col-2.left .img-wrap img,
.content.small .img-text-col-2.right .img-wrap img {
  width:150%;
}
.scroll-up {
  right: calc(50% - 640px);
}
  footer .content { margin:0; }
}