/* Jiggys
*********************************/
.jiggy {
  position:relative;
}
.jiggy .row {
  align-items: flex-start;
}
.jiggy .col {}
.jiggy .jiggy-image {
  margin-bottom:1rem;
}
.jiggy .jiggy-image img {
  width:100%;
  height:auto;
  display:block;
}
.jiggy .jiggy-content {}
.jiggy .jiggy-content h4 {
  margin:0 0 .5rem 0;
}
.jiggy .jiggy-content:last-child {
  margin-bottom:0;
}
.jiggy .jiggy-close {
  position:absolute;
  right:0;
  top:0;
}
.jiggy .jiggy-close button {
  background:transparent;
  border:0;
  color:#fff;
  padding:.5rem;
  font-size:3rem;
  line-height: 1;
  font-weight: 300;
}
.jiggy .jiggy-close button:hover {
  color:var(--red);
}
.jiggy .jiggy-close button:focus {
  outline:0;
  color:var(--red);
}

@media only screen and (min-width : 992px) {
  .jiggy .jiggy-image {
  }
  .jiggy .jiggy-content {
  }
}

/* Jiggy, Page-Start
 * ******************************/
.jiggies-top .jiggy {
  display:none;
}

/* Klaro
 * ******************************/
.klaro strong,
.klaro b {
  font-weight:700;
}
/* Jiggy, Cookie Notice
 * ******************************/
.my-cookie-notice {
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:1090;
  background:#949498;
  color:#fff;
  font-size:.875rem;
  line-height:1.3;
  display:none;
}
.my-cookie-notice a {
  color:#fff;
  text-decoration: underline;
}
.my-cookie-notice .container {
  padding-top:1rem;
  padding-bottom:1rem;
  margin:0 auto;
}
.my-cookie-notice .row {
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.my-cookie-notice .cookie-notice-content {
  flex:1;
}
.my-cookie-notice .cookie-notice-content :last-child {
  margin-bottom:0;
}
.my-cookie-notice .cookie-notice-close {
  width:auto;
}
.my-cookie-notice .close {
  padding-left:1rem;
  padding-right:1rem;
}
.my-cookie-notice .close:hover {
  background:#49494b;
}

/* Seite, Standard
*********************************/
.page-standard {
  margin-top:4.75rem;
}
@media only screen and (min-width : 850px) {
  .page-standard {
    margin-top: 6.85rem;
  }
}

/* Seite, Bild-Slider
*********************************/
.page-imageslider {
  height:100vh;
  position:relative;
}
.page-imageslider .editlink {
  position:absolute;
  left:0;
  top:6rem;
  z-index:9998;
}

/* Seite, Banner, Text/Text
*********************************/
.page-image-text {}
.page-image-text .page-header {
  position:relative;
  margin:0 0 2rem 0;
  height:0;
  padding:0 0 43% 0;
  background:#6A6F74;
}
.page-image-text .page-header img.page-banner {
  width:100%;
  height:auto;
}
.page-image-text .page-header h1 {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  color:#fff;
  font-weight:700;
  font-size:3.5rem;
  margin:0;
  padding:0 2rem;
  width:100%;
  text-align:center;
}
.page-banner-text .page-content-text {
  padding-top:.5rem;
}

@media only screen and (min-width : 768px) {
  .page-image-text .page-content {
    width:50%;
  }
}

/* Seite, Banner, Text
********************************/
.page-banner-text .page-banner {
  position:relative;
  margin:0 0 2rem 0;
  height:0;
  padding:0 0 43% 0;
  background:#6A6F74;
}
.page-banner-text .page-header {
  padding-top:2.4444rem;
  margin-bottom:5rem;
}
.page-banner-text .page-content-headline h1 {
  margin-bottom:1.3rem;
}
@media only screen and (min-width : 992px) {
  .page-banner-text .page-content-headline {
    width:33.3333%;
  }
  .page-banner-text .page-content-text {
    width:66.6666%;
  }
}

/* Seite, Grafikdesign
********************************/
.page-graphicdesign img.logo-seidelstudios {
  width:11.25rem;
  height:1.125rem;
}
.page-graphicdesign .page-header {
  padding-top:1.5rem;

}
@media only screen and (min-width : 850px) {
  .page-graphicdesign .page-header {
    padding-top:1.995rem;
    padding-top:2.4444rem;
    padding-top:1.25rem;
  }
}

/* Seite, Google Maps
********************************/
#map-container {
  position:relative;
  height:0;
  padding:0 0 43% 0;
  margin:0 0 2rem 0;
}
#map-container #map {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
#map .alert {
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding:2rem;
  background:#f1f1f1;
}
#map .alert h2 {
}
#map .alert :last-child {
  margin-bottom:0;
}
#map .alert button {
  background:transparent;
}
#map .alert button:hover {
  background:var(--gray);
  color:#f1f1f1;
}

/* Artikel-Galerie, Start
********************************/
.gallery-slide-start-container {
  padding:0 1rem;
}
.gallery-slide-start {
  height:calc(100vh - 4.75rem - 4.75rem);
}
.gallery-slide-start .slick-list,
.gallery-slide-start .slick-track {
  height:100%;
}
.gallery-slide-start .gallery-item {
  height:100%;
  position:relative;
  overflow: hidden;
  background-position:50% 50%;
  background-repeat: no-repeat;
  background-size:cover;
}
.gallery-slide-start .gallery-item img.article-image {
  min-width:100%;
  min-height:100%;
  max-width:none;
  width:auto;
  height:auto;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  display:none;
}
.gallery-slide-start .gallery-item .article-info {
  display:none;
}
.gallery-slide-start-container .gallery-meta {
  display:flex;
  justify-content: space-between;
  align-items: center;
  height:4.75rem;
  padding:.945rem 0;
}
.gallery-slide-start-container .gallery-info h2,
.gallery-slide-start-container .gallery-info p {
  margin:0;
}
.gallery-slide-start-container .gallery-info a {
  color:var(--gray);
}
.gallery-slide-start-container .gallery-info a:hover {
  color:var(--red);
  text-decoration: none;
}
.gallery-slide-start-container .gallery-controls {
  display:flex;
  flex-wrap: nowrap;
}
.gallery-slide-start-container .gallery-controls button {
  padding: 0 .3125rem;
  border-color: transparent;
  margin-left: .5rem;
  font-size: 1.375rem;
}
.gallery-slide-start-container .gallery-controls button:hover {
  color:var(--red);
  background:transparent;
}
@media only screen and (min-width : 850px) {
  .gallery-slide-start-container {
    padding:0 3rem;
  }
  .gallery-slide-start {
    height:calc(100vh - 6.85rem - 6.85rem);
  }
  .gallery-slide-start-container .gallery-meta {
    height:6.85rem;
    padding:1.995rem 0;
  }
}

/* Artikel-Galerie, Start
********************************/
.gallery-graphicdesign-container {
  padding:0 1rem;
  position: relative;
}
.gallery-graphicdesign {
  height:calc(100vh - 4.75rem - 4.75rem);
}
.gallery-graphicdesign .slick-list,
.gallery-graphicdesign .slick-track {
  height:100%;
}
.gallery-graphicdesign .gallery-item {
  height:100%;
  position:relative;
  overflow: hidden;
}
.gallery-graphicdesign .gallery-item img.article-image {
  min-width:100%;
  min-height:100%;
  max-width:none;
  width:auto;
  height:auto;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}
.gallery-graphicdesign-container .gallery-meta {
  height:4.75rem;
  padding:.945rem 0;
  position: absolute;
  left:0;
  right:0;
  top:100%;
}
.gallery-graphicdesign-container .gallery-meta .container {
  display:flex;
  justify-content: flex-end;
}
.gallery-graphicdesign-container .gallery-info h2,
.gallery-graphicdesign-container .gallery-info p {
  margin:0;
}
.gallery-graphicdesign-container .gallery-info a {
  color:var(--gray);
}
.gallery-graphicdesign-container .gallery-controls {
  display:flex;
  flex-wrap: nowrap;
}
.gallery-graphicdesign-container .gallery-controls button {
  padding: 0 .3125rem;
  border-color: transparent;
  margin-left: .5rem;
  font-size: 1.375rem;
}
.gallery-graphicdesign-container .gallery-controls button:hover {
  color:var(--red);
  background:transparent;
}
@media only screen and (min-width : 850px) {
  .gallery-graphicdesign-container {
    padding:0 3rem;
  }
  .gallery-graphicdesign {
    height:calc(100vh - 6.85rem - 6.85rem);
  }
  .gallery-graphicdesign-container .gallery-meta {
    height:6.85rem;
    padding:1.995rem 0;
  }
}

/* Galerie, Slick, Fade
********************************/
.gallery-fade {
  margin:0;
  padding:0;
  list-style:none;
}
.gallery-fade .gallery-item {
  height:100vh;
  margin:0;
  padding:0;
  background-position:50% 50%;
  background-size:cover;
  background-repeat:no-repeat;
  position:relative;
}
.gallery-fade:not(.slick-slider) .gallery-item:not(:first-child) {
  display:none;
}
.gallery-fade .gallery-item img.article-image {
  display:none;
}
.gallery-fade .gallery-item .editlink {
  position:static;
}
.gallery-fade .gallery-item .editlink img {
  display:inline;
}
.gallery-fade .gallery-item .gallery-title {
  position:absolute;
  bottom:4rem;
  bottom:5rem;
  left:50%;
  transform:translateX(-50%);
  max-width:80%;
  font-size:1rem;
  line-height:1.4;
  font-weight:bold;
  color:#fff;
  text-align:center;
  text-shadow:1px 1px 3px rgba(0,0,0,.5);
}
.gallery-fade .gallery-item .gallery-title a {
  color:#fff;
}
.gallery-fade .gallery-item .gallery-title a:hover {
  text-decoration:none;
  color:#9A141B;
}

.gallery .slick-dots {
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  left:50%;
  bottom:1.5rem;
  transform:translateX(-50%);
  display:flex;
}
.gallery .slick-dots li {
  margin:0;
  padding:0;
}
.gallery .slick-dots li button {
  text-indent:100%;
  overflow:hidden;
  width:2.625rem;
  width:3rem;
  height:3rem;
  margin:0;
  padding:.875rem;
  border:0;
  background:transparent;
  outline:0;
  position:relative;
  text-indent:-99rem;
  overflow:hidden;
}
.gallery .slick-dots li button::after {
  content:'';
  display:block;
  background-color:rgba(255,255,255,.35);
  width:1.625rem;
  height:.3125rem;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  transition:background-color .2s ease;
}
.gallery .slick-dots li:not(.slick-active) button:hover::after {
  background-color:rgba(255,255,255,.55);
}
.gallery .slick-dots li.slick-active button::after {
  background-color:#fff;
}


/* Galerie, Slick, Slide
********************************/
.gallery-slide-container {
  margin:0 0 2.5rem 0;
}
.gallery-slide {
  margin:0 0 .4rem 0;
  position:relative;
  height:0;
  padding:0 0 56.25% 0;
}
.gallery-slide ul {
  margin:0;
  padding:0;
  list-style:none;
}
.gallery-slide ul li {
  margin:0;
  float:left;
}
.gallery-slide ul li:focus {
  outline:0;
}
.gallery-slide ul li .image-container {
  padding:0 0 56.25% 0;
  height:0;
  position:relative;
}
.gallery-slide ul li img {
  max-width:100%;
  max-height:100%;
  height:auto;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}
.gallery-slide ul li .video-container {}
.gallery-slide ul li .video-container .video-overlay {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

.gallery-slide ul.slick-slider li {
  /*opacity:.5;*/
}
.gallery-slide ul.slick-slider li.slick-active {
  /*opacity:1;*/
}

@media only screen and (max-width : 767px) {
  .gallery-slide-container {
    margin-left:-1rem;
    margin-right:-1rem;
  }
}

.slick-slider .slick-arrow {
  position:absolute;
  left:1rem;
  top:50%;
  z-index:9970;
  transform:translate(0, -50%);
  font-size:3rem;
  font-size: 1.6667rem;
  border:0;
  padding:0;
  background:transparent;
  color:#949498;
  opacity:.6;
  transition:opacity .2s ease, color .2s ease;
  /* 2023-08-14 */
  color:#fff;
  opacity: 1;
  text-shadow: 0 0 5px rgba(0,0,0,.5);
}
.slick-slider .slick-arrow:focus {
  outline:0;
}
.slick-slider .slick-next {
  left:auto;
  right:1rem;
}
.slick-slider:hover .slick-arrow:hover {
  opacity:1;
  color:#9A141B;
}

@media only screen and (min-width : 768px) {
  .slick-slider .slick-arrow {
    opacity:0;
  }
  .slick-slider:hover .slick-arrow {
    opacity:.6;
    /* 2023-08-14 */
    opacity: 1;
  }
}

/* Galerie, Slick, Slide, Thumbs
********************************/
.gallery-slide-nv {
  display:none;
  overflow:hidden;
}
.gallery-slide-nv ul {
  margin:0 -.2rem;
  padding:0;
  list-style:none;
}
.gallery-slide-nv ul li {
  cursor:pointer;
  margin:0;
  padding:0;
  float:left;
  width:25%;
  transition: border-color .2s ease;
}
.gallery-slide-bautafeln .gallery-slide-nv ul li {
  width:auto !important;
}
.gallery-slide-nv ul li .inner {
  display:block;
  margin:0 .2rem;
  padding:0 0 .3125rem 0;
  border-bottom:solid transparent .1875rem;
}
.gallery-slide-nv ul li .video {
  display:block;
  background:#6A6F74;
  height:0;
  padding:0 0 56.6666% 0;
}
.gallery-slide-nv ul li:hover .inner {
  border-color:#949498;
}
.gallery-slide-nv ul li:focus {
  outline:0;
}
.gallery-slide-nv ul li.slick-current .inner {
  border-color:#9A141B;
}

.gallery-slide-nv.no-transform .slick-track {
  transform:none !important;
}

@media only screen and (min-width : 768px) {
  .gallery-slide-nv {
    display:block;
  }
}
@media only screen and (min-width : 992px) {
  .gallery-slide-nv ul li.col {
    width:16.6666%;
    width:20%;
  }
}

/* Galerie, Slick, Slide, v3
********************************/
.gallery-slide-v3-container {
  padding:0 1rem;
  padding:0;
  margin:0 0 2.19rem 0;
}
.gallery-slide-v3-container .editlink {
  position:absolute;
  z-index:1090;
}
.gallery-slide-v3-container .editlink img {
  width:auto;
  height:auto;
}
.gallery-slide-v3 {
  margin:0 0 .4rem 0;
  margin:0;
  position:relative;
  height:0;
  padding:0 0 56.25% 0;
}
.gallery-slide-v3-container .gallery-slide-v3-wrapper {
  max-height:calc(100vh - 6.85rem - 6.85rem); /* 100vh - headerHeight - controlsHeight - spacing*/
  overflow:hidden;
}
.gallery-slide-v3 ul {
  margin:0;
  padding:0;
  list-style:none;
}
.gallery-slide-v3 ul li {
  margin:0;
  float:left;

  /*max-height:calc(100vh - 7rem - 4.7rem - 1rem);*/
}
.gallery-slide-v3 ul li:focus {
  outline:0;
}
.gallery-slide-v3 ul li .image-container {
  padding:0 0 56.25% 0;
  height:0;
  max-height:100%;
  position:relative;
}
.gallery-slide-v3 ul li img {
  max-width:100%;
  max-height:100%;
  /*min-height:100%;*/
  width:auto;
  height:auto;
  margin:auto;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}
.gallery-slide-v3 ul li .video-container {}
.gallery-slide-v3 ul li .video-container .video-overlay {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

.gallery-slide-v3 ul.slick-slider li {
  /*opacity:.5;*/
}
.gallery-slide-v3 ul.slick-slider li.slick-active {
  /*opacity:1;*/
}
.gallery-slide-v3-container .gallery-meta {
  position:absolute;
  left:0;
  right:0;
  display:flex;
  padding-top:2.19rem;
  justify-content: space-between;
  max-width:100%;
}
.gallery-slide-v3-container .gallery-info {
  font-size:1.9rem;
  line-height:1.3em;
  font-weight:500;
  color:#6A6F74;

  max-width:calc(100% - 5rem);
  white-space:nowrap;
  height:2.47rem;
  text-overflow: ellipsis;
  overflow:hidden;
}
.gallery-slide-v3-container .gallery-controls {
  display:flex;
  flex-wrap: nowrap;
}
.gallery-slide-v3-container .gallery-controls button {
  padding:0 .3125rem;
  border-color:transparent;
  margin-left:.5rem;
  font-size:1.375rem;
}
.gallery-slide-v3-container .gallery-controls button:hover {
  background:transparent;
  color:var(--red);
}

@media only screen and (max-width : 767px) {
  .gallery-slide-v3-container {
    /*
    margin-left:-1rem;
    margin-right:-1rem;
    */
  }
}
@media only screen and (min-width : 768px) {
  .gallery-slide-v3-container {
    padding:0 3rem;
  }
}


/* Galerie, Referenzen, 2020-07-27
*********************************/
.gallery-references-container {
  position: relative;
  margin:0 0 1.5rem;
}
.gallery-references {
  max-height: calc(100vh - 6.85rem - 6.85rem);
  touch-action: auto !important;
}
.gallery-references .gallery-item {
  max-height: calc(100vh - 6.85rem - 6.85rem);
}
.gallery-references .gallery-item img {
  width:100%;
  height:100%;
  max-height: calc(100vh - 6.85rem - 6.85rem);
  object-fit: cover;
}

.gallery-references-container .gallery-meta {
  position:absolute;
  left:0;
  right:0;
  display:flex;
  padding-top:2.19rem;
  justify-content: space-between;
  max-width:100%;
}
.gallery-references-container .gallery-info {
  font-size:1.9rem;
  line-height:1.3em;
  font-weight:500;
  color:#6A6F74;

  max-width:calc(100% - 5rem);
  white-space:nowrap;
  height:2.47rem;
  text-overflow: ellipsis;
  overflow:hidden;
}
.gallery-references-container .gallery-controls {
  display:flex;
  flex-wrap: nowrap;
}
.gallery-references-container .gallery-controls button {
  padding:0 .3125rem;
  border-color:transparent;
  margin-left:.5rem;
  font-size:1.375rem;
}
.gallery-references-container .gallery-controls button:hover {
  background:transparent;
  color:var(--red);
}

.gallery-references .slick-list,
.gallery-references  .slick-track {
  max-height: calc(100vh - 6.85rem - 6.85rem);
}
@media only screen and (max-width : 579px) {
  .gallery-references-container .slick-arrow {
    display:none !important;
  }
}
@media only screen and (min-width : 850px) {
  .gallery-references-container {
    padding-left:3rem;
    padding-right:3rem;
  }
}

/* Artikel, Standard
*********************************/
.articles {
}
.articles .article {
  clear:both;
  border-top:solid #ccc 1px;
  padding:1rem 0 0 0;
  margin:0 0 1rem 0;
}
.articles .article .article-header {
  margin:0 0 1.3em 0;
}
.articles .article .article-header > * {
  margin:0;
}
.articles .article .article-image {
  margin:0 0 1.3em 0;
}
.articles .article .article-image img {
  width:100%;
  height:auto;
}
.articles .article .article-content {}

@media only screen and (min-width : 768px) {
  .articles .article .article-image {
    float:left;
    width:calc(33.33% - 1rem);
  }
  .articles .article .article-image + .article-content {
    float:right;
    width:calc(66.66% - 1rem);
  }
}

/* Artikel, Standard, Detail
*********************************/
.article-detail {}
.article-detail .article-intro {
  font-weight:600;
}


/* Artikel, Referenzen
*********************************/
.articles-referenzen-container .articles-filter {
  margin:0 0 1.5rem;
  font-size:.875rem;

  display:none;  /* 20180713: moved to #nv */
  display:block; /* 20190322: moved back to top of page */
}
.articles-referenzen-container .articles-filter ul {
  display:flex;
  justify-content:center;
  flex-wrap: wrap;
  margin:0;
  padding:0;
  list-style:none;
}
.articles-referenzen-container .articles-filter ul li {
  margin:0 .5rem;
  padding:0;
}
.articles-referenzen-container .articles-filter ul li a {
  color:#949498;
  display:block;
  transition:color .2s ease;
}
.articles-referenzen-container .articles-filter a:hover {
  color:#9A141B;
  text-decoration: none;
}
.articles-referenzen-container .articles-filter a.active {
  color:#9A141B;
}

.articles-referenzen {}
.articles-referenzen.row {
  margin:0 -.2rem;
}
.articles-referenzen.row .col {
  padding:0 .2rem;
}
.articles-referenzen .article {
  /*width:50%;*/
  position:relative;
  margin-top:.2rem;
  margin-bottom:.2rem;
}
.articles-referenzen .article .article-detaillink {
  position:relative;
  display:block;
}
.articles-referenzen .article .editlink {
  position:absolute;
  left:.5rem;
  top:0;
  z-index:9;
}
.articles-referenzen .article .article-image {
  background:#949498;
  height:0;
  padding:0 0 61% 0;
  overflow:hidden;
}
.articles-referenzen .article .article-image img {
  width:100%;
  height:auto;
  transition: transform .3s ease;
}
.articles-referenzen .article .article-content {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  padding:.5rem;
  color:#fff;
  background:rgba(0,0,0,.5);
  display:flex;
  align-items: center;
  justify-content: center;
  text-align:center;
  opacity: 0;
  transition: opacity .3s ease;

}
.articles-referenzen .article .article-content h2 {
  color:#fff;
  margin:0;
}
.articles-referenzen .article .article-content p {
   margin:0;
}
.articles-referenzen .article .article-features {
  position:absolute;
  right:.5rem;
  bottom:.5rem;
  color:rgba(255,255,255,.85);
  font-size:2.1111rem;
}
.articles-referenzen .article .article-features .feature {
  margin-left:.3125rem;
}

/* Hover ******************/
.articles-referenzen .article .article-detaillink:hover .article-image img {
  transform:scale(1.1);
}
.articles-referenzen .article .article-detaillink:hover .article-content {
  opacity:1;
}

.gutter-sizer {
  width:0;
}

@media only screen and (min-width : 580px) {
  .grid-sizer,
  .articles-referenzen .article {
    width:50%;
  }
}
@media only screen and (min-width : 992px) {
  .grid-sizer,
  .articles-referenzen .article {
    width:33.3333%;
  }
}
@media only screen and (min-width : 1340px) {
  .grid-sizer,
  .articles-referenzen .article {
    width:25%;
  }
}
@media only screen and (min-width : 1675px) {
  .grid-sizer,
  .articles-referenzen .article {
    width:20%;
  }
}
@media only screen and (min-width : 2010px) {
  .grid-sizer,
  .articles-referenzen .article {
    width:16.6666%;
  }
}

/* Artikel, Referenzen, Detail
 **********************************/
.article-referenz-detail {}
.article-referenz-detail .article-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 3rem;
}
.article-referenz-detail .article-header__headline {
  margin-bottom: 0;
}
.article-referenz-detail .article-header__controls {
  display: flex;
  gap: 1rem;
}
.article-referenz-detail .article-header__controls .control {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}
.article-referenz-detail .article-header__controls .control svg {
  display: inline-block;
  width: auto;
  height: 1.1111rem;
}
.article-referenz-detail .article-header__controls .control path {
  transition: fill .2s ease;
}
.article-referenz-detail .article-header__controls .control:hover path {
  fill: var(--dark-gray);
}
@media only screen and (min-width : 768px) {
  .article-referenz-detail .article-header {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

.article-referenz-detail .article-image {
  margin:0 0 1.5rem 0;
}
.article-referenz-detail .article-video {
  display:none;
}
.article-referenz-detail .image-360-container {
  height:0;
  padding:0 0 56.25% 0;
  position:relative;
}
.article-referenz-detail .image-360-container .image-360 {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  /*
  width:100%;
  height:100%;
  */
}
.article-referenz-detail .image-360 img {
  display:none;
}

.article-referenz-detail .link-back a {
  width:100%;
}
@media only screen and (min-width : 768px) {
  .article-referenz-detail .link-back-bottom {
    display:none;
  }
}

.article-referenz-detail .article-content {
  clear:both;
}
.article-referenz-detail .article-content .row {
  margin-bottom:2rem;
  margin-bottom:3rem;
}
.article-referenz-detail .article-content-details {}
.article-referenz-detail .article-content-details ul {
  margin:0;
  padding:0;
  list-style:none;
  /*border-top:solid #949498 1px;*/
  /*border-top:solid #eaeaea 1px;*/
}
.article-referenz-detail .article-content-details ul li {
  margin:0;
  padding:.3125rem 0;
  border-bottom:solid #949498 1px;
  border-bottom:solid #eaeaea 1px;
}
.article-referenz-detail .article-content-details ul li:last-child {
  border-bottom:0;
}
.article-referenz-detail .article-content-details ul li strong {
  display:block;
  width:7rem;
  float:left;
}
.article-referenz-detail .article-content-details ul li span {
  display:block;
  margin-left:8rem;
}
@media only screen and (min-width : 580px) {
  .article-referenz-detail .article-header h1 {
    padding-right:5rem;
  }
}
@media only screen and (min-width : 768px) {
  .article-referenz-detail .article-header h1 {
    float:left;
  }
  .article-referenz-detail .article-header .link-back {
    float:right;
  }
  .article-referenz-detail .article-header .link-back a {
    width:auto;
  }

  .article-referenz-detail .article-content-headline {
    width:33.3333%;
  }
  .article-referenz-detail .article-content-text {
    width:66.6666%;
  }
}

/* Galerie, Referenzen
 **********************************/
.psv-container .psv-navbar {
  background:rgba(106,111,126,.5);
}
.psv-canvas-container,
.psv-canvas {
  width:100% !important;
  height:100% !important;
}

/* Galerie, Referenzen
 **********************************
.gallery {}
.gallery ul {
  margin:0;
  padding:0;
  list-style: none;
}
.gallery ul li {
  margin:0 0 1rem 0;
  padding:0;
}
.gallery ul li img {
  width:100%;
  height:auto;
  display:block;
}*/

/* Dialog-Galerie, Referenzen
 **********************************/
dialog[data-type="overview"] {
  padding-top: 5rem;
}
.dialog__gallery ul {
  margin: 0;
  padding: 0 .75rem .75rem 0;
  list-style: none;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fill,minmax(18rem, 1fr));
}
.dialog__gallery li {
  margin: 0;
  padding: 0;
  aspect-ratio: 16/9;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: .25rem .25rem .5rem rgba(0,0,0,.5);
}
.dialog__gallery img {
  display: block;
  width: auto;
  height: auto;
}



/* Artikel, News
 **********************************/
.articles-news {
  margin:0 -.2rem;
  display:flex;
  flex-wrap: wrap;
}
.articles-news .article {
  max-width:100%;
  flex:0 0 100%;
  margin:0 0 2.5rem 0;
  margin:0 0 4.5rem 0;
  padding:0 .2rem;
  position:relative;
}
.articles-news .article .editlink {
  position:absolute;
  left:.2rem;
  top:0;
  z-index:1;
}
.articles-news .article .detaillink {
  display:block;
  text-decoration:none;
  color:#949498;
}
.articles-news .article .article-image {
  position:relative;
  margin:0 0 .5rem 0;
  height:0;
  padding:0 0 61% 0;
  background:#6A6F74;
}
.articles-news .article .article-image img {
  display:block;
  width:100%;
  height:auto;
}
.articles-news .article .article-image img::after {
  display:block;
  content:'';
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background:rgba(255,255,255,.2);
  opacity:0;
  transition:opacity .2s ease;
}
.articles-news .article .detaillink:hover .article-image img::after {
  opacity:1;
}
.articles-news .article .article-content {
  padding-right:1.5rem;
  position: relative;
  /*height:9rem;*/
  overflow:hidden;
}
.articles-news .article .article-content .date {
  margin:0 0 .3125rem 0;
  font-size:.875rem;
}
.articles-news .article .article-content h2 {
  margin:0 0 1rem 0;
  font-size:1.375rem;
}

.articles-news .article .article-content-toggle {
  position:absolute;
  left:0;
  top:100%;
  right:0;
  z-index:2;
  display:flex;
  justify-content: center;
}
.articles-news .article .article-content-toggle button {
  border:0;
  background:transparent;
  padding:.5rem;
  color:var(--red);
  font-size:2rem;
  line-height:1;
  font-weight:300;
  transition: background .2s ease;
}
.articles-news .article .article-content-toggle button:focus {
  outline:0;
}
.articles-news .article .article-content-toggle::before {
  content:'';
  display:none;
  position:absolute;
  left:0;
  bottom:100%;
  right:0;
  z-index:1;
  height:6rem;

  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.articles-news .article.folded .article-content {
  height:9rem;
}
.articles-news .article.folded .article-content-toggle::before {
  display:block;
}
.articles-news .article.folded .article-content-toggle {
  display:flex;
}

@media only screen and (min-width : 768px) {
  .articles-news .article {
    max-width:50%;
    flex:0 0 50%;
  }
  .page-banner-text .articles-news .article {
    max-width:100%;
    flex:0 0 100%;
  }
}

.logo-dgnb {
  margin-block: 5rem;
}
.logo-dgnb img {
  display: block;
  max-width: 21.9444rem;
  width: 100%;
  height: auto;
}
/*
@media only screen and (min-width : 992px) {
  .articles-news .article {
    width:33.3333%;
  }
}
/*
@media only screen and (min-width : 1340px) {
  .articles-news .article {
    width:25%;
  }
}
@media only screen and (min-width : 1675px) {
  .articles-news .article {
    width:20%;
  }
}
@media only screen and (min-width : 2010px) {
  .articles-news .article {
    width:16.6666%;
  }
}
*/

/* Artikel, Akkordeon
*********************************/
.articles-accordion {}
.articles-accordion .article {
  margin-bottom:4rem;
}
.articles-accordion .article-image {
  margin:0 0 .5rem 0;
}
.articles-accordion .article-image img {
  display:block;
}
.articles-accordion .article-header h2 {
  display:flex;
  justify-content: flex-start;
  align-items: center;
}
.articles-accordion .accordion-trigger {
  cursor:pointer;
}
.articles-accordion .toggle-icon {
  color:var(--red);
  font-size:2rem;
  line-height:1.95rem;
  width:2rem;
  display:inline-block;
}
.articles-accordion .article-date {
  margin:0 0 .3125rem 0;
  font-size:.875rem;
}
.articles-accordion .article-content {
  display:none;
}

/* Formulare
*********************************/
form p {
  clear:both;
  margin:0 0 .75em 0;
}

fieldset {
  margin:0 0 15px 0;
  padding:0;
  border:0;
}
fieldset legend {
}

.required label:after,
.required-span span.label:after,
.required-span span.label-indent:after,
.required-span span.label-block:after {
  content:'*';
}
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
textarea {
  width:100%;
  margin:0;
  padding:.3125rem;
  border:solid #aaa 1px;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
  margin:0;
  border:solid #1e90ff 1px;
}
textarea {
  height:12rem;
}
a.btn,
button,
input[type=submit] {
  display:inline-block;
  margin:0;
  padding:.3125rem 2rem;
  border:solid #949498 1px;
  cursor:pointer;
  background:#fff;
  color:#949498;
  font-size:.75rem;
  font-weight:bold;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  transition:background .2s ease, color .2s ease;
}
input[type=submit]::-moz-focus-inner {
  border: 0;
}
a.btn:hover,
button:hover,
input[type=submit]:hover {
  background-color:#949498;
  color:#fff;
}
.sendmail_emptyfield1 label,
label.sendmail_emptyfield1 {
  color:#f00;
}
.sendmail_emptyfield1 input.text,
input.sendmail_emptyfield1,
.sendmail_emptyfield1 textarea {
  border-color:#f00;
}
.message {
  border:solid #f6e468 1px;
  background:#ffffdb;
  padding:5px;
  margin:0 0 .8em 0;
}