@charset "UTF-8";
/*
** Ein Stylesheet für jensthiele.de  **
** Ludger Müller, bureau-artbeit.de;
** unter Verwendung verschiedener Quellen **
*/
html {
  box-sizing: border-box;
}

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

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
h1, h2, h3, h4, h5, h6, p, ol, ul, li,
fieldset, form, label, legend, img, button, body,
article, aside, canvas, details, embed, fieldset,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block;
}

html {
  height: 100%;
}

body {
  line-height: 1;
  height: 100%;
}

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

.hideme {
  position: absolute;
  left: -9999em;
  top: -9999em;
}

label, input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

/* Firefox */
:focus {
  outline: none;
}

::-moz-focus-inner {
  border: 0;
}

/* iOS only */
input[type=submit],
input[type=button] {
  -webkit-appearance: none;
}

/* Text-Highlighting */
*::selection {
  background: #0068B1;
  color: white;
}

*::-moz-selection {
  background: #0068B1;
  color: white;
}

*::-webkit-selection {
  background: #0068B1;
  color: white;
}

/* ***** Schriften ******************************************************
   Lato v2.007 von tyPoland/Lukasz Dziedzic => latofonts.com
   Lizenz: SIL OPEN FONT LICENSE v1.1 => /fonts/OFL.txt

*/
@font-face {
  font-family: "LatoLatin";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/LatoLatin-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-Regular.woff") format("woff"), url("../fonts/LatoLatin-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "LatoLatin";
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/LatoLatin-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-Italic.woff") format("woff"), url("../fonts/LatoLatin-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "LatoLatin";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/LatoLatin-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-Bold.woff") format("woff"), url("../fonts/LatoLatin-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "LatoLatin";
  font-style: italic;
  font-weight: bold;
  src: url("../fonts/LatoLatin-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff"), url("../fonts/LatoLatin-BoldItalic.ttf") format("truetype");
}
body {
  background: white;
  color: #2b2b2b;
  font-size: 1rem;
  line-height: 1.5; /* 14px / 16px */
  text-align: center;
  font-family: "LatoLatin", sans-serif;
}

#mantel {
  display: block;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
}
#mantel::after {
  clear: both;
  content: "";
  display: table;
}

#mantelPad {
  padding: 1rem 0;
}

#mantelPad::after {
  content: "";
  display: block;
  height: 4em;
}

#kopf {
  display: block;
  background-color: #EBE8EA;
  margin-top: 2em;
  padding: 0;
}
#kopf::after {
  clear: both;
  content: "";
  display: table;
}

#kopfPad {
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
  position: relative;
}
#kopfPad::after {
  clear: both;
  content: "";
  display: table;
}

#socialLinks {
  position: absolute;
  right: 5%;
  bottom: 13px;
  width: 24px;
  height: 24px;
}
#socialLinks svg {
  width: 100%;
  height: 100%;
}
#socialLinks svg:hover {
  fill: #C0342B;
}

#logozeile {
  display: block;
  background-color: #EBE8EA;
}
#logozeile::after {
  clear: both;
  content: "";
  display: table;
}

#logo {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
  background-color: transparent;
  max-height: 4.875rem;
  padding-top: 2rem;
  text-align: left;
}
#logo:last-child {
  margin-right: 0;
}

#logo img {
  max-width: 100%;
  height: auto;
}

#langnav {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
}
#langnav:last-child {
  margin-right: 0;
}

#navigationH {
  display: block;
  background-color: #EBE8EA;
}
#navigationH::after {
  clear: both;
  content: "";
  display: table;
}

#kopfslider {
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
}
#kopfslider::after {
  clear: both;
  content: "";
  display: table;
}

#contentWrapper {
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding: 4em 1rem 0;
}
#contentWrapper::after {
  clear: both;
  content: "";
  display: table;
}

article {
  margin-bottom: 1rem;
}
article::after {
  clear: both;
  content: "";
  display: table;
}
article p {
  max-width: 70%;
  margin-bottom: 0.6180469716em;
}
article ul {
  list-style-position: outside;
  margin: 0 0 0 1em;
  max-width: 70%;
}
article li {
  margin-bottom: 0.6180469716em;
}
article .bildlinks {
  float: left;
  margin-right: 1em;
}
article .bildrechts {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
article .bildrechts:last-child {
  margin-right: 0;
}
article .bildrechts img {
  max-width: 100%;
  height: auto;
}

/*article + article{
  margin-top: 1em;
}*/
.topMargin {
  margin-top: 2rem;
}

section {
  display: block;
  margin-top: 1em;
}
section::after {
  clear: both;
  content: "";
  display: table;
}
section img {
  width: 100%;
  height: auto;
}

section > div {
  position: relative;
}

section > div img {
  opacity: 0.9;
  -webkit-animation: opacity 500ms;
  -o-animation: opacity 500ms;
  animation: opacity 500ms;
}
section > div img:hover {
  opacity: 1;
}

.teaserrow {
  display: flex;
  flex-wrap: wrap;
}

.teaserrow .teaser {
  width: 33.333%;
  padding: 0 2rem;
  margin-bottom: 2rem;
}

.teaserrow .teaser:nth-child(3n+1) {
  margin-left: -2rem;
}

.teaserrow .teaser:nth-child(3n) {
  margin-right: -2rem;
}

.teaser .teaserBody {
  margin: 0;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: normal;
  color: #555;
  background-color: transparent;
  padding: 0.2em 0.1em 0.1em;
}

.teaserImg img {
  max-width: 100%;
  height: auto;
}

section .teaser a {
  text-decoration: none;
  border: none;
}

h2.switch + div {
  /*@include clearfix();*/
  /* @include span-columns(7);*/
  border-bottom: 1px solid #c6c6c6;
  padding-bottom: 0.5rem;
}
h2.switch + div p {
  width: 100%;
  max-width: 100%;
  float: none;
  margin-bottom: 0.5rem;
}

.terminBlock {
  margin-bottom: 2rem;
}
.terminBlock h2, .terminBlock h3 {
  float: none;
}
.terminBlock img {
  max-width: 100%;
  height: auto;
}

.galerie #contentWrapper {
  display: flex;
  flex-wrap: nowrap;
  padding-right: 0;
}

.leftcolumn {
  width: 80%;
  padding: 0 5%;
}
.leftcolumn p {
  width: 100%;
  max-width: 100%;
}

.rightcolumn {
  width: 20%;
}
.rightcolumn ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.rightcolumn a {
  text-decoration: none;
  color: #7d7d7d;
}
.rightcolumn a:hover, .rightcolumn a:active, .rightcolumn a:focus, .rightcolumn a.current {
  text-decoration: underline;
}
.rightcolumn .switch {
  display: none;
  position: absolute;
  left: -60px;
  top: 26px;
  padding: 5px;
  cursor: pointer;
  background-color: #ebe8ea;
  color: #000;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rightcolumn .closeX {
  display: none;
  position: absolute;
  right: 20px;
  top: 10px;
  cursor: pointer;
}
.rightcolumn .switch:hover, .rightcolumn .closeX:hover {
  color: #C0342B;
}

.galerienavwrapper {
  padding: 0.5rem;
  background-color: #ebe8ea;
  position: relative;
}

.galeriecontainer {
  width: 100%;
  float: left;
  margin: 2em auto;
}

#galerieliste {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  width: 100%;
}

#footerwrapper {
  display: block;
  background-color: #EBE8EA;
  margin-top: 4em;
}
#footerwrapper::after {
  clear: both;
  content: "";
  display: table;
}

footer {
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
  height: 4em;
  padding: 1em 0 0 1em;
}
footer::after {
  clear: both;
  content: "";
  display: table;
}
footer p {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
  font-size: 0.8em;
  text-align: right;
}
footer p:last-child {
  margin-right: 0;
}
footer ul {
  list-style-type: none;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
  margin-left: 8.5298042998%;
  text-align: left;
  padding: 0;
  line-height: 1.2rem;
}
footer ul:last-child {
  margin-right: 0;
}
footer li {
  display: inline;
  padding: 0;
  margin: 0;
}
footer li a {
  font-size: 0.8em;
  padding-right: 1em;
}
footer li a:link, footer li a:visited {
  color: #8c7b86;
  text-decoration: underline;
}
footer li a:hover, footer li a:active {
  color: #C0342B;
}

/* Formular*/
label {
  display: block;
}

input[type=text], textarea {
  width: 80%;
}

h1, h2, h3, h4, h5 {
  color: #C0342B;
  line-height: 1.4;
}

h1 {
  font-size: 1.618em;
  font-weight: bold;
  margin-bottom: 1em;
}

h2 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.6180469716em;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%;
}
h2:last-child {
  margin-right: 0;
}

h2.switch {
  cursor: pointer;
}

h2.switch span {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 1em;
}

h2.switch span::after {
  border-color: #C0342B transparent transparent;
  border-style: solid;
  border-width: 0.35em;
  content: "";
  float: right;
  margin: 0.5em 0.3em 0.3em;
  position: relative;
}

h2.switch.open span::after {
  border-color: transparent transparent #C0342B;
  margin: 0.1em 0.3em 0.5em;
}

h2.switch.grey span::after {
  border-color: #747474 transparent transparent;
  border-style: solid;
  border-width: 0.35em;
  content: "";
  float: right;
  margin: 0.5em 0.3em 0.3em;
  position: relative;
}

h2.switch.grey.open span::after {
  border-color: transparent transparent #747474;
  margin: 0.1em 0.3em 0.5em;
}

h2.grey {
  color: #747474;
}

h3 {
  font-size: 1em;
  margin-bottom: 0.6180469716em;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%;
}
h3:last-child {
  margin-right: 0;
}

p {
  font-size: 0.9rem;
}

p.datum {
  font-size: 0.8em;
  margin-bottom: 0;
  float: none;
}

div + p.datum {
  margin-top: 1em;
}

article a, section a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #2b2b2b;
}
article a:hover, article a:active, section a:hover, section a:active {
  color: #C0342B;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.fussnote {
  font-size: 10px;
  font-style: italic;
  text-align: right;
}

.menuLink {
  display: none;
}

nav {
  background-color: #EBE8EA;
  padding: 1rem 0;
  margin-top: 0;
  height: 3.875rem;
  overflow: hidden;
}
nav::after {
  clear: both;
  content: "";
  display: table;
}
nav ul {
  list-style-type: none;
}
nav li:last-child {
  margin-right: 0;
}
nav li {
  float: left;
  margin-right: 1rem;
  text-align: left;
  line-height: 125%;
  padding: 1em 0.5em 0;
  /* zweite Ebene*/
}
nav li a {
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  position: relative;
}
nav li.parent > a::after {
  border-color: #000 transparent transparent;
  border-style: solid;
  border-width: 0.3em;
  content: "";
  float: right;
  margin: 0.5em 0.3em 0.3em;
  position: relative;
}
nav li.parent:hover > a::after, nav li.parent.current > a::after {
  border-color: #C0342B transparent transparent;
  margin: 0.5em 0.3em 0.3em;
}
nav li a {
  color: #2b2b2b;
}
nav li a:hover, nav li a:active, nav li.current a {
  color: #C0342B;
}
nav li.current > a, nav li.current .current > a {
  font-weight: bold;
}
nav li ul {
  position: absolute;
  background-color: #EBE8EA;
  width: auto;
  max-height: 0em;
  overflow: hidden;
  transition: max-height 500ms ease-in-out 50ms;
  z-index: 1000;
}
nav li ul li {
  display: block;
  float: none;
  padding: 3px;
  border: none;
}
nav li ul a {
  display: block;
}
nav li ul a:link, nav li ul a:visited {
  color: #2b2b2b;
  padding: 5px 3px 0;
  font-size: 1em;
  border: none;
  background-color: transparent;
}
nav li:hover ul {
  margin: 0;
  padding: 0;
  max-height: 55em;
}
nav li:hover ul a:hover, nav li:hover ul a:active, nav li:hover ul a:focus {
  color: #C0342B;
  border: none;
}
nav li:hover ul li.current a {
  color: #C0342B;
}

#langnav ul {
  list-style-type: none;
  text-align: right;
  padding: 1em 5% 0 0;
}
#langnav li {
  display: inline;
  padding-right: 1em;
}
#langnav a {
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
  line-height: 1em;
}
#langnav a {
  color: #2b2b2b;
}
#langnav a:hover, #langnav a:active, #langnav a.current {
  color: #C0342B;
}

@media screen and (max-width: 51.875rem) {
  a.menuLink {
    background-color: transparent;
    color: #000;
    display: block;
    font-weight: bold;
    padding: 0.5em 5em 0.5em 0.3em;
    position: relative;
    text-decoration: none;
    margin-top: 1em;
    text-align: left;
  }
  a.menuLink span, a.menuLink::after, a.menuLink::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    left: 4em;
    position: absolute;
    width: 20px;
  }
  a.menuLink::before {
    top: 0.8em;
  }
  a.menuLink span {
    top: 1.25em;
  }
  a.menuLink::after {
    top: 1.6em;
  }
  a.menuLink:hover, a.menuLink.open {
    border-right: medium none;
    color: #C0342B;
  }
  a.menuLink.open::before, a.menuLink.open::after, a.menuLink.open:hover::before, a.menuLink.open:hover::after {
    background-color: transparent;
  }
  a.menuLink.open span, a.menuLink:hover span, a.menuLink:hover::after, a.menuLink:hover::before {
    background-color: #C0342B;
  }
  nav {
    border: medium none;
    border-collapse: collapse;
    display: block;
    float: none;
    max-height: 0;
    overflow: hidden;
    height: inherit;
    width: 50%;
    padding: 0;
  }
  nav ul {
    background-color: transparent;
    display: block;
    left: auto;
    max-height: 0;
    overflow: hidden;
    position: relative;
    transition: max-height 500ms ease-in-out 50ms;
    width: auto;
  }
  nav.open, nav.open > ul, nav.open li.open ul {
    max-height: 55em;
    top: auto;
  }
  nav li {
    display: block;
    float: none;
    padding: 0;
  }
  nav li ul {
    position: relative;
  }
  nav li a {
    border-bottom: medium none;
    color: #000;
    display: block;
    font-size: 1em;
    line-height: 1.2em;
    padding: 0.3em;
  }
  nav ul ul li {
    display: block;
    font-size: 0.85em;
    padding: 0.3em 0 0 1em;
  }
  nav ul ul > li a {
    height: inherit;
    padding: 1.5em 0;
  }
  nav ul ul li {
    width: auto;
  }
  nav ul li:hover > ul {
    max-height: 0;
  }
  nav li.parent.open > a::after {
    border-color: transparent transparent #C0342B;
    border-style: solid;
    border-width: 0.3em;
    line-height: 0.5em;
    margin: 0.2em 0.3em 0.6em;
  }
  nav li.parent.open ul {
    margin-bottom: 1em;
  }
  #langnav li {
    display: block;
    height: 1em;
  }
}
@media screen and (max-width: 28.125rem) {
  #langnav {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 40.2913699012%;
  }
  #langnav:last-child {
    margin-right: 0;
  }
  #logo {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 57.3509785009%;
  }
  #logo:last-child {
    margin-right: 0;
  }
  a.menuLink {
    margin-top: 0.5em;
  }
  nav {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 66.25rem) {
  #logozeile, article, section, #navigationH {
    margin-left: 2.132451075%;
  }
}
@media screen and (max-width: 55.3125rem) {
  #kopfPad {
    margin-left: 0;
  }
  #logozeile {
    display: block;
    background-color: #EBE8EA;
  }
  #logozeile::after {
    clear: both;
    content: "";
    display: table;
  }
  #navigationH {
    display: block;
    margin-left: 2.132451075%;
    background-color: #EBE8EA;
  }
  #navigationH::after {
    clear: both;
    content: "";
    display: table;
  }
  #contentWrapper {
    margin-left: 0;
  }
  article p, article h2.switch + div, article h2.switch + div p, section p, section h2.switch + div, section h2.switch + div p {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%;
  }
  article p:last-child, article h2.switch + div:last-child, article h2.switch + div p:last-child, section p:last-child, section h2.switch + div:last-child, section h2.switch + div p:last-child {
    margin-right: 0;
  }
  article .galeriecontainer, section .galeriecontainer {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%;
  }
  article .galeriecontainer:last-child, section .galeriecontainer:last-child {
    margin-right: 0;
  }
  .leftcolumn {
    width: 70%;
    padding: 0 5%;
  }
  .leftcolumn p {
    width: 100%;
    max-width: 100%;
  }
  .rightcolumn {
    width: 30%;
  }
  section.twoteaser, section.threeteaser {
    padding-right: 3%;
  }
  section.twoteaser > div {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  section.twoteaser > div:last-child {
    margin-right: 0;
  }
  section.threeteaser > div {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  section.threeteaser > div:last-child {
    margin-right: 0;
  }
  .teaserrow .teaser {
    width: 33.333%;
    padding: 0 0.8rem;
    margin-bottom: 1rem;
  }
  .teaserrow .teaser:nth-child(3n+1) {
    margin-left: -0.8rem;
  }
  .teaserrow .teaser:nth-child(3n) {
    margin-right: -0.8rem;
  }
}
@media screen and (max-width: 43.75rem) {
  .teaserrow .teaser {
    width: 50%;
    padding: 0 0.8rem;
    margin-bottom: 1rem;
  }
  .teaserrow .teaser:nth-child(3n+1) {
    margin-left: 0;
  }
  .teaserrow .teaser:nth-child(3n) {
    margin-right: 0;
  }
  .teaserrow .teaser:nth-child(odd) {
    margin-left: -0.8rem;
  }
  .teaserrow .teaser:nth-child(even) {
    margin-right: -0.8rem;
  }
  /* Neue Offpageteile */
  .leftcolumn {
    width: 100%;
  }
  .rightcolumn {
    position: absolute;
    width: 250px;
    right: -250px;
    -webkit-transition: right 500ms;
    -moz-transition: right 500ms;
    -ms-transition: right 500ms;
    -o-transition: right 500ms;
    transition: right 500ms;
  }
  .rightcolumn.show {
    right: 0;
  }
  .rightcolumn .switch, .rightcolumn .closeX {
    display: block;
  }
}
@media screen and (max-width: 31.25rem) {
  #contentWrapper {
    padding-top: 2em;
  }
  article p, article h2.switch + div, article h2.switch + div p, section p, section h2.switch + div, section h2.switch + div p {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    padding-right: 5%;
  }
  article p:last-child, article h2.switch + div:last-child, article h2.switch + div p:last-child, section p:last-child, section h2.switch + div:last-child, section h2.switch + div p:last-child {
    margin-right: 0;
  }
  article ul, section ul {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 91.4701957002%;
  }
  article ul:last-child, section ul:last-child {
    margin-right: 0;
  }
  article .galeriecontainer, section .galeriecontainer {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
    padding-right: 5%;
  }
  article .galeriecontainer:last-child, section .galeriecontainer:last-child {
    margin-right: 0;
  }
  article .bildrechts, section .bildrechts {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  article .bildrechts:last-child, section .bildrechts:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 25rem) {
  .teaserrow .teaser {
    width: 100%;
    padding: 0;
    margin-bottom: 1rem;
  }
  .teaserrow .teaser:nth-child(odd) {
    margin-left: 0;
  }
  .teaserrow .teaser:nth-child(even) {
    margin-right: 0;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./../js/vendor/slick/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../js/vendor/slick/fonts/slick.eot");
  src: url("../js/vendor/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../js/vendor/slick/fonts/slick.woff") format("woff"), url("../js/vendor/slick/fonts/slick.ttf") format("truetype"), url("../js/vendor/slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 2rem;
  width: 2rem;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -1rem;
  padding: 0;
  border: none;
  outline: none;
  z-index: 1000;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 2rem;
  line-height: 1;
  color: #9a9799;
  opacity: 0.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: opacity 300ms ease-in-out;
}

#galerieliste:hover .slick-prev:before, #galerieliste:hover .slick-next:before {
  opacity: 0.8;
}

.slick-prev {
  left: -2rem;
}
.slick-prev:before {
  content: "←";
}

.slick-next {
  right: -2rem;
}
.slick-next:before {
  content: "→";
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.8;
}

/*# sourceMappingURL = styles.css.map */