@charset "UTF-8";
/*
Theme Name: La CANTINA
Theme URI: http://www.macrec.ch
Author: macREC GmbH, Emanuel Huber / Daniel van der Wal (creating)
Description:Custom Theme for La CANTINA
Version: 1.0
*/
/* font-family:'Diverda Sans W01 Bold';
font-family:'Diverda Sans W04 Light';
font-family:'Frutiger Neue LT W01 Light';
font-family:'Diverda Sans W04 Light Italic';
font-family:'Diverda Sans W04 Black'; */
:root {
  --bold-font: 'Diverda Sans W01 Bold';
}

/* Zeichnet jeden markierten Text Weis auf Weinrotem Hintergrund */
::-moz-selection,
::-moz-selection {
  color: white;
  background: #a44e55;
}
::-moz-selection,
::selection {
  color: white;
  background: #a44e55;
}

/* Breakpoints and Fontsizes */
h1.kunde-entry-title,
h1.kunden-intro {
  font-size: 35px;
}

@media screen and (min-width: 400px) {
  h1.kunde-entry-title,
  h1.kunden-intro {
    font-size: 22px !important;
  }
}

@media screen and (min-width: 450px) {
  h1.kunde-entry-title,
  h1.kunden-intro {
    font-size: 22px !important;
  }
}

@media screen and (min-width: 850px) {
  h1.kunde-entry-title,
  h1.kunden-intro {
    font-size: 28px !important;
  }
}

@media screen and (min-width: 1100px) {
  h1.kunde-entry-title,
  h1.kunden-intro {
    font-size: 28px !important;
  }
}

@media screen and (min-width: 1200px) {
  h1.kunde-entry-title,
  h1.kunden-intro {
    font-size: 35px !important;
  }
}

#site-content ul > li {
  margin: 0;
  list-style-type: none;
  list-style-position: outside;
  margin: 0px;
  padding: 0px;
  text-indent: -0.7em;
  margin-left: 0.8em;
  padding-bottom: 1em;
}

#site-content ul > li:before {
  content: "– ";
  text-indent: 0px;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

*:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html,
body {
  font-family: 'Diverda Sans W04 Light', Helvetica, sans-serif;
  font-weight: lighter;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant-numeric: oldstyle-nums;
  margin: 0;
  padding: 0;
}

h1 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: 'Diverda Sans W04 Light', Helvetica, sans-serif;
  font-weight: normal;
  margin: 0;
  -webkit-margin-before: -0.13em;
          margin-block-start: -0.13em;
  -webkit-margin-after: 0.4em;
          margin-block-end: 0.4em;
}

.home h1.kunden-intro::before,
.home div.aktuell h1::before {
  background: url(img/arrow.svg) no-repeat;
  background-size: contain;
  width: 19px;
  height: 19px;
  content: "";
  display: inline-block;
  margin-right: 0.4em;
}

.home article.kunde h1::before {
  background: url(img/arrow.svg) no-repeat;
  background-size: contain;
  width: 19px;
  height: 19px;
  content: "";
  display: inline-block;
  margin-right: 0.4em;
  background: url(img/arrow_white.svg) no-repeat;
  background-size: contain;
}

@media screen and (max-width: 1200px) {
  .home h1.kunden-intro::before,
  .home div.aktuell h1::before,
  .home article.kunde h1::before {
    width: 16.8px;
    height: 16.8px;
    margin-top: 5px;
  }
}

@media screen and (max-width: 1100px) {
  .home h1.kunden-intro::before,
  .home div.aktuell h1::before,
  .home article.kunde h1::before {
    width: 15.1px;
    height: 15.1px;
    margin-top: 16px;
  }
}

@media screen and (max-width: 850px) {
  .home h1.kunden-intro::before,
  .home div.aktuell h1::before,
  .home article.kunde h1::before {
    width: 15.1px;
    height: 15.1px;
    margin-top: 6px;
    right: 6%;
  }
}

@media screen and (max-width: 450) {
  .home h1.kunden-intro::before,
  .home div.aktuell h1::before,
  .home article.kunde h1::before {
    width: 15.1px;
    height: 15.1px;
    margin-top: 6px;
    right: 6%;
  }
}

@media screen and (max-width: 400px) {
  .home h1.kunden-intro::before,
  .home div.aktuell h1::before,
  .home article.kunde h1::before {
    width: 10.1px;
    height: 10.1px;
    margin-top: 4px;
  }
}

div.aktuell {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-bottom: 1em;
  margin-bottom: 1em;
  margin-left: -3.6%;
  border-bottom: 0.048em solid #000;
  height: 16.6em;
}

@media screen and (max-width: 1200px) {
  div.aktuell {
    height: 16.6em;
  }
}

@media screen and (max-width: 1100px) {
  div.aktuell {
    height: 16.6em;
  }
}

@media screen and (max-width: 1100px) {
  div.aktuell {
    height: 16.6em;
  }
}

.container {
  margin: 0 auto;
  max-width: 1240px;
}

/*
  .navigation-main,
  #site-content {
      padding-bottom: 99999px;
      margin-bottom: -99999px;
  }
  */
.navigation-main li.page-item-2 {
  display: none;
}

#page.site {
  position: relative;
  font-size: 20px;
  line-height: 22px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.red {
  color: #b3292e;
}

/*HEADER*/
header#masthead {
  width: 26%;
  min-height: 100%;
  padding-top: 34px;
  float: left;
}

header#masthead ul li a {
  font-size: 18px;
  line-height: 20px;
  padding-left: 15px;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
}

header#masthead ul li a:visited {
  padding-left: 15px;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
}

a {
  text-decoration: none;
  color: #000;
}

a:visited {
  text-decoration: none;
  color: #000;
}

header#masthead ul li a:hover, header#masthead ul li a:active {
  color: #b3292e;
}

header#masthead ul li.current_page_item a,
header#masthead ul li a[aria-current="page"] {
  color: #b3292e;
}

a:hover, a:active {
  color: #b3292e;
}

header#masthead ul li a:before {
  background: url(img/arrow.svg) no-repeat;
  background-size: contain;
  width: 19px;
  height: 13px;
  display: block;
  content: "";
  display: inline-block;
  margin-left: -15px;
}

html.no-svg header#masthead ul li a:before {
  background: url(img/arrow.png) no-repeat;
}

div#page.site.toggle-menu div#main-menu {
  padding-right: 24px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: #FFF;
  top: -1000px;
  z-index: 10;
}

div#main-menu {
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant-numeric: oldstyle-nums;
  padding-bottom: 1em;
  border-bottom: 0.048em solid #000;
  padding-top: 0.6em;
  border-top: 0.048em solid #000;
}

div#main-menu ul li {
  margin-top: 0.25em;
}

div#page.site.toggle-menu input#burger-menu:checked ~ div#main-menu {
  top: 20px;
}

div.navigation-main {
  padding: 0 14%;
}

div.navigation-main div.featured-image-header {
  padding: 24px 0 0 0;
  margin-bottom: 0;
  display: none;
  margin-right: 0;
}

div.navigation-main div.featured-image-header img {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

div.navigation-main div#featured-image-spacer {
  display: none;
}

div.navigation-main input[type="checkbox"] {
  display: none;
}

label.burger-menu {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 24px;
  right: 24px;
  cursor: pointer;
}

div.burger {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  margin-top: -24px;
  display: none;
}

div.burger:before {
  content: "";
  position: absolute;
  left: 0;
  top: 25px;
  width: 30px;
  height: 1px;
  background: #000;
  -webkit-box-shadow: 0 10px 0 0 #000, 0 20px 0 0 #000;
          box-shadow: 0 10px 0 0 #000, 0 20px 0 0 #000;
}

div#main-menu label.burger-menu {
  top: 0;
}

div#main-menu div.burger:before, div#main-menu div.burger:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 30px;
  width: 1px;
  background: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}

div#main-menu div.burger:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -2px;
}

div#main-menu div.burger:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: 23px;
}

div.navigation-main div#lacantina-logo {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-right: 25%;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  position: relative;
  z-index: 11;
  height: 10.5em;
}

html.svg div.navigation-main div#lacantina-logo {
  background: url(img/lacantina-logo.svg);
}

html.no-svg div.navigation-main div#lacantina-logo {
  background: url(img/lacantina-logo.png);
}

div.navigation-main div#lacantina-logo img {
  width: 100%;
  height: auto;
  max-width: 180px;
}

div#site-content {
  width: 74%;
  float: left;
  padding-top: 34px;
}

div#site-content.red {
  background: #a44e55;
  font-size: 22px;
  padding-top: 27px;
  padding-bottom: 100%;
}

div.site-content-contain {
  min-height: 830px;
  display: inline-block;
  width: 100%;
  padding: 0 5%;
  margin-bottom: 1em;
}

div#content.site-content {
  padding: 0 0 0 3.6%;
}

div#content.site-content div#back {
  z-index: 100;
  position: absolute;
  right: 3.7%;
  margin-top: 6px;
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url(img/arrow.svg) no-repeat;
  background-size: contain;
  display: block;
  content: "";
  display: inline-block;
}

div#site-content div.featured-image-header {
  padding: 0 0 0 3.6%;
}

div#page.site.toggle-menu div.site-content-contain, div#page.site.toggle-menu div.featured-image-header {
  border-left: 0.048em solid #000;
}

div.featured-image-header {
  margin-right: 10px;
}

/*CONTENT*/
@media screen and (max-width: 1200px) {
  div#content.site-content div#back {
    width: 16.8px;
    height: 16.8px;
    margin-top: 5px;
  }
}

@media screen and (max-width: 1100px) {
  div#content.site-content div#back {
    width: 15.1px;
    height: 15.1px;
    margin-top: 5px;
  }
}

@media screen and (max-width: 850px) {
  div#content.site-content div#back {
    width: 15.1px;
    height: 15.1px;
    margin-top: 6px;
    right: 3.9%;
  }
}

@media screen and (max-width: 450px) {
  div#content.site-content div#back {
    width: 15.1px;
    height: 15.1px;
    margin-top: 6px;
    right: 5.5%;
  }
}

@media screen and (max-width: 400px) {
  div#content.site-content div#back {
    width: 10.1px;
    height: 10.1px;
    margin-top: 4px;
    right: 5.2%;
  }
}

header.page-header {
  margin-right: 10px;
}

div.featured-image-header img {
  width: 100%;
  height: auto;
  margin-bottom: 45px;
  padding-bottom: 45px;
  border-bottom: 1px solid #000;
}

div#intro {
  margin-right: 15%;
  color: #FFF;
  float: right;
  line-height: 26px;
}

div.tre {
  font-size: 66px;
  width: 40px;
  margin-top: -27px;
  margin-left: 163px;
}

div.tre.uno {
  margin-left: -44px;
  margin-top: 0;
}

div.intro {
  margin-top: -14px;
}

article p {
  margin-top: 20px;
  margin-bottom: 0;
}

table, tr, td {
  border: none;
}

table {
  padding: 0;
  border-collapse: collapse;
}

table td {
  padding: 0 20px 0 0;
}

#page.site div.entry-content-main {
  padding: 0 0 0 0;
  font-family: 'Diverda Sans W04 Light', Helvetica, sans-serif;
  font-weight: lighter;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant-numeric: oldstyle-nums;
  position: relative;
}

#page.site div.entry-content-main h1 {
  font-family: 'Diverda Sans W04 Light', Helvetica, sans-serif;
  font-weight: lighter;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant-numeric: oldstyle-nums;
  line-height: 1;
  font-size: 54px;
  color: #a44e55;
  padding-right: 25px;
}

#page.site div.site-content-contain h1 {
  font-family: 'Diverda Sans W04 Light', Helvetica, sans-serif;
  font-weight: lighter;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant-numeric: oldstyle-nums;
  line-height: 1;
  font-size: 54px;
  color: #a44e55;
  padding-right: 25px;
}

#page.site div.site-content-contain div.aktuell {
  padding-left: 3.5%;
}

#page.site div.site-content-contain div.aktuell p {
  margin-bottom: 0;
}

#page.site div.site-content-contain div.aktuell table, #page.site div.site-content-contain div.aktuell tr, #page.site div.site-content-contain div.aktuell td {
  border: none;
}

#page.site div.site-content-contain div.aktuell table {
  padding: 0;
  border-collapse: collapse;
}

#page.site div.site-content-contain div.aktuell table td {
  padding: 0 20px 0 0;
}

#page.site div.entry-content-main img.size-lacantina-img {
  width: 100%;
  height: auto;
  padding-top: 45px;
  margin-top: 25px;
  border-top: 1px solid #000;
}

#page.site div.entry-content-main p:nth-of-type(1) {
  margin-top: 0 !important;
}

#page.site div.entry-content-main p:nth-of-type(1) img:nth-of-type(1) {
  padding-top: 0 !important;
  margin-top: 0 !important;
  border-top: none !important;
}

/*KUNDEN*/
div.kunden h1.kunden-intro {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: 1em 0 1.25em 0 !important;
}

div.kunden-images {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 2em 0 1em 0;
  clear: both;
  display: inline-block;
}

div.kunden-images img {
  width: 47.95%;
  float: left;
  height: auto;
}

div.kunden-images img:first-of-type {
  margin-right: 5.7%;
  margin-left: -3.6%;
}

div.kunden-flex {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

div.kunden-flex a {
  width: 50%;
  float: left;
  color: #FFF;
  background-color: #000;
}

div.kunden-flex a:first-of-type {
  margin-right: 5.7%;
  margin-left: -2.4%;
  background-color: #a44e55;
}

div.kunden-list {
  padding-top: 1em;
}

div.kunden-list a {
  padding-left: 15px;
}

div.kunden-list a::before {
  background: url(img/arrow.svg) no-repeat;
  background-size: contain;
  width: 16px;
  height: 10px;
  display: block;
  content: "";
  display: inline-block;
  margin-left: -15px;
}

article.kunde p {
  padding: 0 2.5% 0.75em 5%;
  -webkit-margin-before: 0em;
          margin-block-start: 0em;
  -webkit-margin-after: 0em;
          margin-block-end: 0em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
}

article.kunde h1 {
  color: white !important;
  -webkit-margin-before: 0.20em;
          margin-block-start: 0.20em;
  -webkit-margin-after: 0em;
          margin-block-end: 0em;
  padding: 0.5em 4.8% 0.25em 4.8%;
}

article.kunde h1:before {
  stroke: white;
}

article.kunde a {
  text-decoration: none;
}

article.kunde a:visited, article.kunde a:hover {
  text-decoration: none;
}

article.kunde div.entry-content {
  margin: -2.8% 2.8% 0 -2.8%;
  /*         background-position: 50% 100% !important; */
  background-size: 100% !important;
  background-color: #CCC;
  -o-object-fit: fill;
     object-fit: fill;
  position: relative;
  padding-bottom: 61%;
}

div.article-img {
  margin: 24px 0 10px 0;
  position: relative;
  float: left;
  width: 33%;
  background-color: #FFF;
}

div.article-img.link {
  width: 20%;
  border: 1px solid #000;
}

div.article-img.arte {
  margin: 24px 0 0 0;
}

div.article-img img {
  height: auto;
  width: 100%;
  margin-bottom: -4px;
}

div.article-img.arte:after {
  background: none;
}

div.content-spacer {
  width: 100%;
  border-top: 1px solid #000;
  margin-top: 44px;
  padding-bottom: 24px;
}

div.article-right {
  margin-top: 24px;
  padding-left: 5%;
  float: left;
  width: 62%;
}

div.article-right-link {
  margin-top: 24px;
  padding-left: 61px;
  float: left;
  width: 50%;
}

div.article-right-link:before {
  background: url(img/arrow.svg) no-repeat;
  background-size: contain;
  width: 16px;
  height: 10px;
  display: block;
  content: "";
  display: inline-block;
  margin-left: -15px;
}

div.link-spacer {
  width: 100%;
  padding-bottom: 20px;
  float: left;
}

/* SORTIMENT */
.wineliste_print {
  display: none;
}

div.sortiment > div {
  font-size: 16px;
  float: left;
  display: block;
  width: 100%;
}

div.country {
  font-family: 'Diverda Sans W04 Black', Helvetica, sans-serif;
  font-family: var(--bold-font), Helvetica, sans-serif;
  border-top: 0.13em #000 solid;
  margin: 1.48em 0 0 0;
  clear: both;
  text-transform: uppercase;
  padding: 0.4em 0 1em 0;
  color: var(--color-red);
}

div.region {
  font-family: var(--bold-font), Helvetica, sans-serif;
  border-top: 0.06em #000 solid;
  margin: 1.52em 0 0 0;
  clear: both;
  padding: 0.4em 0 1em 0;
}

div.producer {
  font-family: var(--bold-font), Helvetica, sans-serif;
  margin: 1em 0 0 0;
  clear: both;
}

div.type {
  font-family: 'Diverda Sans W04 Light Italic', Helvetica, sans-serif;
  font-weight: lighter;
  font-style: italic;
  clear: both;
}

div.product > div {
  float: right;
  text-align: right;
}

div.country + div.product,
div.region + div.product {
  margin: 0 0 0 0;
}

div.product.title {
  padding-right: 4%;
  width: 63%;
  float: left;
  text-align: left;
}

div.product.content {
  padding-right: 4%;
  width: 7%;
}

div.product.year {
  padding-left: 4%;
  width: 7%;
}

div.product.price {
  padding-left: 4%;
  width: 16%;
}

div.first {
  margin-top: 0.4em !important;
}

div.adress_bottom {
  display: none;
}

@media screen and (max-width: 450px) {
  div.product.title {
    width: 100%;
    padding-right: 0;
  }
  div.product > div {
    float: left;
    text-align: initial;
  }
  div.product.price {
    margin-right: initial;
    text-align: left;
    width: initial;
    padding-left: 0;
    margin-left: -3px;
  }
  div.product.year {
    padding-left: 0;
    text-align: left;
    width: initial;
    padding-left: 0;
  }
  div.product.content {
    padding-left: 0;
    width: initial;
    float: left;
    text-align: left;
    padding-right: 0%;
  }
  div.product.year:not(.empty)::after, div.product.price:not(.empty)::after {
    content: ' | ';
  }
}

/* FOOTER */
.post-type-archive-my_wine div.adress_bottom {
  display: none;
}

@media screen and (max-width: 850px) {
  div.adress_bottom {
    display: block;
    padding: 2em 0.6% 0 1.2%;
  }
}

@media screen and (max-width: 450px) {
  div.adress_bottom {
    padding-top: 2em !important;
  }
}

div#credits {
  font-family: 'Frutiger Neue LT W01 Light', Helvetica, sans-serif;
  font-size: 8px;
  width: 100%;
  padding-left: 0%;
  padding-bottom: 1em;
}

div.footer {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-bottom: 0.048em solid #000;
  margin-right: 3.7%;
  margin-left: 3.7%;
}

@media screen and (max-width: 850px) {
  div#credits {
    display: block;
  }
}

@media screen and (max-width: 1200px) {
  #page.site,
  header#masthead ul li a {
    font-size: 18px;
    line-height: 20px;
  }
  /*HEADER*/
  #page.site div.entry-content-main h1,
  #page.site div.site-content-contain h1 {
    font-size: 48px;
  }
  div.site-content-contain {
    min-height: 750px;
  }
  div#credits {
    bottom: -720px;
  }
}

@media screen and (max-width: 1100px) {
  #page.site {
    font-size: 16px;
    line-height: 18px;
  }
  div.navigation-main {
    padding: 0 10%;
  }
  div.navigation-main div#lacantina-logo {
    margin-right: 35%;
  }
  div.site-content-contain {
    padding: 0 3.3%;
  }
  /*HEADER*/
  header#masthead ul li a {
    font-size: 16px;
    line-height: 16px;
  }
  #page.site div.entry-content-main h1,
  #page.site div.site-content-contain h1 {
    font-size: 43px;
  }
  div.site-content-contain {
    min-height: 675px;
  }
  div#credits {
    bottom: -670px;
  }
}

@media screen and (max-width: 950px) {
  #page.site div.entry-content-main h1,
  #page.site div.site-content-contain h1 {
    font-size: 35px;
  }
  div.site-content-contain {
    min-height: 675px;
  }
  div#credits {
    bottom: -620px;
  }
}

@media screen and (max-width: 850px) {
  label.burger-menu {
    top: 1em;
    right: 3.9%;
    padding: 0;
  }
  #page.site div.site-content-contain div.aktuell {
    padding-left: 0%;
  }
  div#page.site.toggle-menu input#burger-menu:checked ~ div#main-menu {
    top: 1em;
    right: 3.9%;
    padding: 0;
    right: 2.1%;
  }
  div#main-menu label.burger-menu {
    right: 2.1%;
  }
  div.aktuell {
    height: auto;
    padding: 0 0 1em 0;
    margin-left: 0%;
  }
  div#content.site-content,
  div#site-content div.featured-image-header {
    padding: 0 0.6% 0 1.2%;
  }
  div.kunden-flex a:first-of-type {
    margin-left: 0;
  }
  header#masthead {
    width: 100%;
    min-height: auto;
    height: auto;
    padding: 1em 0 0 0;
  }
  div#site-content {
    width: 100%;
    min-height: auto;
    height: auto;
    padding: 1em 0 0 0;
  }
  div.navigation-main {
    padding: 0;
    margin: 0 3.9% 0 4.5%;
    border-bottom: thin solid #000;
  }
  div.navigation-main div#lacantina-logo {
    height: auto;
    width: 15%;
    margin-left: 0;
  }
  div#main-menu {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    padding-left: 24px;
    margin-top: 0;
  }
  div#main-menu div.main-menu {
    margin-left: 50%;
    min-height: auto;
  }
  div.navigation-main div.featured-image-header {
    display: block;
  }
  div.navigation-main div#featured-image-spacer {
    display: block;
    height: 20px;
    margin-top: 24px;
    border-bottom: 1px solid #000;
  }
  div.navigation-main [class^=widget_] {
    display: none;
  }
  div#main-menu {
    font-family: 'Frutiger Neue LT W01 Light', Helvetica, sans-serif;
    font-weight: lighter;
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
    font-variant-numeric: oldstyle-nums;
    border-bottom: 0px solid #000;
    border-top: 0px solid #000;
  }
  div#page.site.toggle-menu div.burger {
    display: block;
  }
  div#page.site.toggle-menu div.site-content-contain, div#page.site.toggle-menu div.featured-image-header {
    border-left: 0.0em none #000;
  }
}

@media screen and (max-width: 450px) {
  div.kunden-images img {
    margin-left: -3.6%;
    margin-right: 0;
    padding-bottom: 1em;
    width: 100%;
  }
  label.burger-menu,
  div#page.site.toggle-menu input#burger-menu:checked ~ div#main-menu {
    right: 5.1%;
  }
  #page.site div.entry-content-main h1,
  #page.site div.site-content-contain h1 {
    font-size: 28px;
  }
  div#content.site-content,
  div#site-content div.featured-image-header, div.adress_bottom {
    padding: 0 1.8% 0 3.6%;
  }
  div.navigation-main {
    padding: 0;
    margin: 0 5.1% 0 6.9%;
    border-bottom: thin solid #000;
  }
  div.kunden-flex {
    display: block;
  }
  div.kunden-flex a {
    width: 100%;
    clear: both;
    margin-bottom: 2em;
  }
  div.kunden-flex a:first-of-type {
    margin-right: 0;
  }
  div#credits {
    right: -90px;
    bottom: -620px;
  }
}

@media screen and (max-width: 400px) {
  #page.site {
    font-size: 16px;
    line-height: 18px;
  }
  #page.site div.entry-content-main h1,
  #page.site div.site-content-contain h1 {
    font-size: 22px;
  }
  /*HEADER*/
  header#masthead ul li a {
    font-size: 16px;
    line-height: 18px;
  }
  div.burger::before {
    content: "";
    position: absolute;
    top: 25px !important;
    right: 15px !important;
    width: 15px;
    height: 1px;
    background: #000;
    -webkit-box-shadow: 0 6px 0 0 #000, 0 12px 0 0 #000;
            box-shadow: 0 6px 0 0 #000, 0 12px 0 0 #000;
  }
  div#main-menu label.burger-menu {
    top: 5px;
  }
  label.burger-menu {
    right: 1.3%;
  }
  div#page.site.toggle-menu input#burger-menu:checked ~ div#main-menu {
    right: 1.3%;
  }
  div#main-menu div.burger:before, div#main-menu div.burger:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 15px;
    width: 1px;
    background: #000;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  div#main-menu div.burger:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-top: -2px;
  }
  div#main-menu div.burger:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-top: 23px;
  }
}

@media screen and (max-width: 320px) {
  #page.site {
    font-size: 14px;
    line-height: 18px;
  }
  #page.site div.entry-content-main h1,
  #page.site div.site-content-contain h1 {
    font-size: 18px;
  }
  /*HEADER*/
  header#masthead ul li a {
    font-size: 14px;
    line-height: 18px;
  }
}

@media screen and (max-width: 1100px) {
  div.footer {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-bottom: 0.048em solid #000;
    margin-right: 2.2%;
    margin-left: 2.2%;
  }
}
/*# sourceMappingURL=style.css.map */