/* line 4, /root/app/app/assets/stylesheets/start.scss */
body {
  max-width: 1280px;
  margin: 0 auto !important;
  overflow-x: hidden !important;
  padding: 0 20px;
}

/* line 11, /root/app/app/assets/stylesheets/start.scss */
* {
  font-family: 'Roboto';
}

/* line 15, /root/app/app/assets/stylesheets/start.scss */
.logo {
  margin: 30px auto 0;
  text-align: center;
  width: 400px;
}
/* line 20, /root/app/app/assets/stylesheets/start.scss */
.logo img {
  width: 100%;
}

/* line 25, /root/app/app/assets/stylesheets/start.scss */
a {
  color: black !important;
  font-weight: 300;
}
/* line 30, /root/app/app/assets/stylesheets/start.scss */
a.mapbutton:hover {
  color: white !important;
  text-decoration: none !important;
}

/* line 36, /root/app/app/assets/stylesheets/start.scss */
.link {
  margin: 0 -20px;
}
/* line 39, /root/app/app/assets/stylesheets/start.scss */
.link a {
  padding: 0 20px;
  color: black !important;
  font-weight: 300;
}
/* line 44, /root/app/app/assets/stylesheets/start.scss */
.link a:hover {
  background-color: transparent !important;
}

/* line 50, /root/app/app/assets/stylesheets/start.scss */
.copyright {
  font-weight: 300;
}

/* line 54, /root/app/app/assets/stylesheets/start.scss */
.footer {
  display: flex;
  justify-content: space-between;
  margin: 50px auto;
  font-size: 12px;
}

/* line 61, /root/app/app/assets/stylesheets/start.scss */
.navbar {
  max-width: 900px;
  margin: 100px auto 0;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

/* line 68, /root/app/app/assets/stylesheets/start.scss */
.borderr {
  width: 100%;
  height: 100%;
  border: 1px solid black;
  display: grid;
  align-items: center;
}

/* line 76, /root/app/app/assets/stylesheets/start.scss */
.breadcrumps {
  font-size: 10px;
  margin-bottom: 10px;
  margin-top: 40px;
}

/* line 82, /root/app/app/assets/stylesheets/start.scss */
.grayscale {
  filter: grayscale(1) !important;
}

/* line 86, /root/app/app/assets/stylesheets/start.scss */
.lazy {
  filter: grayscale(0);
}

/* line 90, /root/app/app/assets/stylesheets/start.scss */
.item {
  padding: 10px;
  background-clip: content-box;
  text-decoration: none !important;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  position: relative;
}
/* line 102, /root/app/app/assets/stylesheets/start.scss */
.item .bgimage {
  background-clip: content-box;
  cursor: pointer;
  transition: 0.2s;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
  filter: brightness(1) grayscale(1);
}
/* line 116, /root/app/app/assets/stylesheets/start.scss */
.item:hover .bgimage {
  filter: brightness(0.3) grayscale(0);
}
/* line 121, /root/app/app/assets/stylesheets/start.scss */
.item:hover .artistcaption {
  opacity: 1;
}
/* line 126, /root/app/app/assets/stylesheets/start.scss */
.item .caption {
  color: white;
  text-align: center;
  padding: 10px 20px;
  margin: 0 20px;
  font-weight: 600;
  text-transform: uppercase;
  align-self: center;
  border: 1px solid white;
  display: flex;
  transition: 0.5s;
  max-width: 90%;
}
/* line 140, /root/app/app/assets/stylesheets/start.scss */
.item .caption img {
  width: 50px;
  height: 50px;
}
/* line 149, /root/app/app/assets/stylesheets/start.scss */
.item .artistcaption {
  color: white;
  text-align: center;
  padding: 10px 20px;
  font-weight: 600;
  align-self: center;
  border: 1px solid white;
  opacity: 0;
  display: flex;
  transition: 0.5s;
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: #00000080;
  align-items: center;
}
/* line 165, /root/app/app/assets/stylesheets/start.scss */
.item .artistcaption .captiondescription {
  width: 100%;
  font-weight: 200;
  font-size: 16px;
}
/* line 171, /root/app/app/assets/stylesheets/start.scss */
.item .artistcaption img {
  width: 50px;
  height: 50px;
}

/* line 181, /root/app/app/assets/stylesheets/start.scss */
.posabs {
  position: absolute;
}

/* line 185, /root/app/app/assets/stylesheets/start.scss */
.portrait {
  height: 450px;
  width: 300px;
  background-size: cover;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 194, /root/app/app/assets/stylesheets/start.scss */
.portrait2 {
  height: 300px;
  width: 300px;
  background-size: cover;
  background-position: center center;
  margin-bottom: 20px;
  background-repeat: no-repeat;
}

/* line 204, /root/app/app/assets/stylesheets/start.scss */
.artisttitle {
  font-size: 50px;
  text-align: center;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 50px;
}

/* line 212, /root/app/app/assets/stylesheets/start.scss */
.artistmenu {
  background-color: black;
  color: white;
  padding: 20px;
  font-weight: 200;
  margin-bottom: 20px;
}
/* line 220, /root/app/app/assets/stylesheets/start.scss */
.artistmenu div {
  text-align: center;
  font-size: 20px;
}
/* line 224, /root/app/app/assets/stylesheets/start.scss */
.artistmenu div a {
  color: white !important;
}
/* line 232, /root/app/app/assets/stylesheets/start.scss */
.artistmenu div:hover a, .artistmenu div.active a {
  background-color: white;
  padding: 10px;
  color: black !important;
  text-decoration: none !important;
}

/* line 243, /root/app/app/assets/stylesheets/start.scss */
.linkbutton {
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 1;
  transition: 0.5s;
  background-color: black;
  border-radius: 0 !important;
  color: white;
  font-weight: 200 !important;
  text-transform: uppercase;
}
/* line 255, /root/app/app/assets/stylesheets/start.scss */
.linkbutton:hover {
  opacity: 1;
}

/* line 260, /root/app/app/assets/stylesheets/start.scss */
.nowrap {
  flex-wrap: nowrap !important;
}

/* line 264, /root/app/app/assets/stylesheets/start.scss */
.streetartistdisplay {
  display: none;
}

/* line 268, /root/app/app/assets/stylesheets/start.scss */
.streetartisthidden {
  display: block;
}

/* line 272, /root/app/app/assets/stylesheets/start.scss */
.nomargin {
  margin: 0 !important;
}

/* line 276, /root/app/app/assets/stylesheets/start.scss */
.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0px;
}
/* line 281, /root/app/app/assets/stylesheets/start.scss */
.grid .size1 {
  width: auto !important;
}

/* line 286, /root/app/app/assets/stylesheets/start.scss */
.secondgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column: span 2;
}

/* line 292, /root/app/app/assets/stylesheets/start.scss */
.grid2 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 0px;
}
/* line 297, /root/app/app/assets/stylesheets/start.scss */
.grid2 .size6 {
  grid-row-end: span 2;
}

/* line 302, /root/app/app/assets/stylesheets/start.scss */
.size6 {
  grid-row-end: span 3;
}

/* line 306, /root/app/app/assets/stylesheets/start.scss */
.ressort img {
  width: 10px;
  margin-top: -5px;
}

/* line 311, /root/app/app/assets/stylesheets/start.scss */
.size1,
.size0 {
  height: 320px !important;
  width: 33.33333333% !important;
}

/* line 319, /root/app/app/assets/stylesheets/start.scss */
.size4 {
  width: 66% !important;
  height: 320px !important;
}

/* line 326, /root/app/app/assets/stylesheets/start.scss */
.size2 {
  min-height: 320px !important;
  width: 20%;
}

/* line 331, /root/app/app/assets/stylesheets/start.scss */
.size3 {
  height: 320px !important;
  width: 80% !important;
}

/* line 338, /root/app/app/assets/stylesheets/start.scss */
.size5 {
  width: 100% !important;
  height: 640px !important;
}

/* line 345, /root/app/app/assets/stylesheets/start.scss */
.size6 {
  width: 100% !important;
}

/* line 352, /root/app/app/assets/stylesheets/start.scss */
.textkachel {
  font-family: 'Frank Ruhl Libre';
  font-weight: 300;
  padding: 20px;
  font-size: 16px;
  text-align: center;
}

/* line 365, /root/app/app/assets/stylesheets/start.scss */
.submenu {
  display: none;
  pointer-events: none;
  position: absolute;
  width: 100%;
  background-color: black;
  color: white;
  margin-top: 12px;
  flex-direction: column;
  z-index: 321312;
  border-top: 1px solid white;
}
/* line 377, /root/app/app/assets/stylesheets/start.scss */
.submenu a {
  color: white !important;
  padding: 13px;
}

/* line 383, /root/app/app/assets/stylesheets/start.scss */
.line {
  border-top: 1px solid white;
  width: 20%;
  margin: 0 auto;
}

/* line 389, /root/app/app/assets/stylesheets/start.scss */
.languageswitcher {
  display: inline-block;
  width: auto;
}
/* line 393, /root/app/app/assets/stylesheets/start.scss */
.languageswitcher div {
  align-items: center;
}
/* line 397, /root/app/app/assets/stylesheets/start.scss */
.languageswitcher a {
  padding: 8px 0;
}

/* line 402, /root/app/app/assets/stylesheets/start.scss */
.navpoint {
  position: relative;
  flex-grow: 1;
  text-align: center;
  cursor: pointer;
  padding: 12px 0px;
  color: black !important;
  font-weight: 200;
}
/* line 411, /root/app/app/assets/stylesheets/start.scss */
.navpoint .ressort {
  padding: 13px;
  position: relative;
}
/* line 415, /root/app/app/assets/stylesheets/start.scss */
.navpoint .ressort .ressortgallery {
  display: none;
  position: absolute;
  left: 100%;
  background-color: black;
  text-align: left;
  min-width: 300px;
  top: 0;
}
/* line 424, /root/app/app/assets/stylesheets/start.scss */
.navpoint .ressort .ressortgallery a {
  padding: 13px;
  display: block;
}
/* line 432, /root/app/app/assets/stylesheets/start.scss */
.navpoint .navpointtitle {
  display: inline;
  padding: 10px;
}
/* line 436, /root/app/app/assets/stylesheets/start.scss */
.navpoint .navpointtitle span {
  text-decoration: none !important;
}
/* line 440, /root/app/app/assets/stylesheets/start.scss */
.navpoint .navpointtitle.active {
  border: 1px solid black;
  font-weight: 800;
}
/* line 451, /root/app/app/assets/stylesheets/start.scss */
.navpoint.streetart:hover .navpointtitle span {
  color: #E3094A !important;
}
/* line 458, /root/app/app/assets/stylesheets/start.scss */
.navpoint:hover {
  color: white !important;
}
/* line 461, /root/app/app/assets/stylesheets/start.scss */
.navpoint:hover .navpointtitle {
  color: white !important;
  background-color: #000;
}
/* line 466, /root/app/app/assets/stylesheets/start.scss */
.navpoint:hover .submenu {
  pointer-events: all;
  display: flex;
}
/* line 472, /root/app/app/assets/stylesheets/start.scss */
.navpoint:hover .navpoint div {
  background-color: black;
}
/* line 478, /root/app/app/assets/stylesheets/start.scss */
.navpoint a {
  flex-grow: 1;
}