/* Seite, Standard
*********************************/
.page-standard {
  padding-top:4.5rem;
  padding-bottom:4.5rem;
}
.page-standard .page-header {
  text-align: center;
  position: relative;
  padding-bottom:2.25rem;
  margin-bottom:2.25rem;
  margin-bottom:3.25rem;
  text-transform: uppercase;
}
.page-standard .page-header::after {
  content:'';
  display:block;
  height:.6rem;
  width: 13rem;
  background:var(--blue-dark);
  position: absolute;
  bottom:-.3rem;
  left:calc(50% - (13rem / 2));
  /*transform:translate(-50%, 0);*/
}
.page-standard .page-header p {
  font-family: 'Questa',serif;
  font-weight: 400;
  font-size:1.8rem;
  font-size:var(--fs-pre-h1);
  color:var(--blue-dark);
}
.page-standard .page-header > * {
  margin:0;
}
.page-standard .page-content {
  margin-bottom: 3.25rem;
}
.page-standard .page-content--small {
  text-align: center;
}
@media only screen and (min-width : 992px) {
  .page-standard .page-content--small {
    max-width: 50%;
    margin-left:auto;
    margin-right:auto;
  } 
}
.page-standard .page-morelink {
  margin-top:1.5rem;
}
.page-standard .page-morelink a {
  display:block;
  margin:0 auto;
  max-width: 21rem;
}

/* Blau */
.page-standard.colorscheme-blue {
  background:var(--blue-dark);
  color:#fff;
}
.page-standard.colorscheme-blue .page-header::after {
  background:var(--gray);
}
.page-standard.colorscheme-blue .page-header p {
  color:var(--gray);
}
.page-standard.colorscheme-blue .btn {
  background:#fff;
  border-color:#fff;
  color:var(--blue-dark);
}

/* Orange*/
.page-standard.colorscheme-orange {
  background:var(--orange);
  color:#fff;
}
.page-standard.colorscheme-orange .page-header h1,
.page-standard.colorscheme-orange .page-header h2 {
  color:#fff;
}
.page-standard.colorscheme-orange .page-header::after {
  background:var(--blue-dark);
}
.page-standard.colorscheme-orange .page-morelink a {
  background:var(--blue-dark);
}

/* Kundemeinungen */
.page-standard.colorscheme-customers .page-header p {
  color:var(--orange);
}
.page-standard.colorscheme-customers .page-header h1,
.page-standard.colorscheme-customers .page-header h2 {
  color:var(--blue-dark);
}
.page-standard.colorscheme-customers .page-header::after {
  background:var(--orange);
}

/* Impressum, Datenschutz */
.page-standard.colorscheme-imprint .page-header::after {
  background:var(--blue-dark);
}

/* Orange*/
.page-standard.colorscheme-lightgray {
  background-color:#e0e0df;
  background-image:url(/assets/images/page-lightgray-bg.jpg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  color:#fff;
}
.page-standard.colorscheme-lightgray .page-header::after {
  background-color: var(--blue-dark);
}

/* Footer */
.site-footer-contact .page-header::after {
  background:var(--gray);
}

/* 2-spaltig */
.page-standard.page-2col .page-content > .row > * {
  flex: 0 0 100%;
  max-width: 100%;
}
@media only screen and (min-width : 768px) {
  .page-standard.page-2col .page-content > .row > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Seite, Kontaktformular
*********************************/
.page-contactform .page-content {
  text-align: center;
}

/* Seite, Video
*********************************/
.page-video {
  padding-bottom:4.5rem;
}
.page-video .container {
  max-width:54rem;
}

/* Seite, Text/Artikel
*********************************/
.page-text-articles {
  padding-top:4.5rem;
  padding-bottom:4.5rem;
}
.page-text-articles .page-main,
.page-text-articles .page-articles {
  flex:0 0 100%;
  max-width: 100%;
}
.page-text-articles .page-header h1,
.page-text-articles .page-header h2 {
  font-size:var(--fs-h1);
}
.page-text-articles .page-header-icon {
  margin-bottom:1rem;
}
.page-text-articles .page-header-icon img {
  display:block;
  width:5.75rem;
  height:5.5rem;
}
.page-text-articles .page-content {
  font-family: 'Questa',serif;
  font-size:var(--fs-h2);
  font-weight:400;
  line-height: 1.25;
}
.page-text-articles .page-videolink {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 700;
  padding:.75rem 0;
  margin:0;
  border-bottom:solid var(--blue-lighter) 2px;
}
.page-text-articles .page-videolink a {
  color:var(--orange);
}
.page-text-articles .page-videolink a span {
  color:var(--blue-dark);
  margin-right:.375rem;
}
.page-text-articles .page-videolink a:hover {
  border-color:var(--orange);
}
.page-text-articles .page-contactlink {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 700;
  padding:.75rem 0;
}
.page-text-articles .page-contactlink a {
  color:var(--orange);
}
.page-text-articles .page-contactlink a:hover {
  border-color:var(--orange);
}
@media only screen and (min-width : 992px) {
  .page-text-articles .page-main,
  .page-text-articles .page-articles {
    flex:0 0 50%;
    max-width: 50%;
  }
  .page-text-articles .page-articles {
    padding-top:6.5rem;
  }
}

/* Orange */
.page-text-articles:nth-of-type(2) {
  background:var(--orange);
}
.page-text-articles:nth-of-type(2) .page-header h1,
.page-text-articles:nth-of-type(2) .page-header h2 {
  color:var(--blue-dark);
}
.page-text-articles:nth-of-type(2) .page-content {
  color:#fff;
}
.page-text-articles:nth-of-type(2) .page-videolink {
  border-color:#fff;
}
.page-text-articles:nth-of-type(2) .page-videolink a {
  color:var(--blue-dark);
}
.page-text-articles:nth-of-type(2) .page-videolink a span {
  color:#fff;
}
.page-text-articles:nth-of-type(2) .page-videolink a:hover {
  border-color:var(--blue-dark);
}
.page-text-articles:nth-of-type(2) .page-contactlink a {
  color:var(--blue-dark);
}
.page-text-articles:nth-of-type(2) .page-contactlink a:hover {
  border-color:var(--blue-dark);
}
.page-text-articles:nth-of-type(2) .articles-accordion summary {
  border-color: #fff;
}
.page-text-articles:nth-of-type(2) .articles-accordion .summary-title {
  color:#fff;
}
.page-text-articles:nth-of-type(2) .articles-accordion .summary-icon path {
  fill:#fff;
}
.page-text-articles:nth-of-type(2) .article-accordion-content {
  color:#fff;
}
@media only screen and (min-width : 992px) {
  .page-text-articles:nth-of-type(2) .page-articles {
    order:-1;
  }
}
/* Blue */
.page-text-articles:nth-of-type(4) {
  background:var(--blue-dark);
}
.page-text-articles:nth-of-type(4) .page-header h1,
.page-text-articles:nth-of-type(4) .page-header h2 {
  color:var(--orange);
}
.page-text-articles:nth-of-type(4) .page-content {
  color:#fff;
}
.page-text-articles:nth-of-type(4) .page-videolink a span {
  color:#fff;
}
.page-text-articles:nth-of-type(4) .page-videolink a:hover {
  border-color:var(--orange);
}
.page-text-articles:nth-of-type(4) .articles-accordion summary {
  border-color: #fff;
}
.page-text-articles:nth-of-type(4) .articles-accordion .summary-title {
  color:#fff;
}
.page-text-articles:nth-of-type(4) .articles-accordion .summary-icon path {
  fill:#fff;
}
.page-text-articles:nth-of-type(4) .article-accordion-content {
  color:#fff;
}
@media only screen and (min-width : 992px) {
  .page-text-articles:nth-of-type(4) .page-articles {
    order:-1;
  }
}

/* Seite, Bild/Text
*********************************/
.page-image-text {
  padding-top:4.5rem;
  padding-bottom:4.5rem;
}
.page-image-text .page-main {}
.page-image-text .page-image img {
  display:block;
  width:100%;
  height:auto;
}
.page-image-text .page-main {}
.page-image-text .page-header {
  position: relative;
  padding-bottom:2.25rem;
  margin-bottom:2.25rem;
  text-transform: uppercase;
}
.page-image-text .page-header::after {
  content:'';
  display:block;
  height:.6rem;
  width: 13rem;
  background:var(--orange);
  position: absolute;
  bottom:-.3rem;
  left:0;
  /*transform:translate(-50%, 0);*/
}
.page-image-text .page-header p {
  font-family: 'Questa',serif;
  font-size:1.8rem;
  color:var(--orange);
}
.page-image-text .page-header h1,
.page-image-text .page-header h2 {
  color:var(--blue-dark);
}
.page-image-text .page-header > * {
  margin:0;
}
@media only screen and (min-width : 992px) {
  .page-image-text {}
  .page-image-text .page-image {
    flex:0 0 50%;
    max-width: 50%;
  }
  .page-image-text .page-main {
    flex:0 0 50%;
    max-width: 50%;
  }
}




/* Artikel, Leistungen
*********************************/
.articles-services {
  display: grid;
  grid-gap: .75rem;
}
.article-service {
  display:flex;
  background-color:var(--gray);
  background-image: url(/assets/images/article-service-bg.jpg);
  background-size: cover;
  background-position: 50% 50%;
  text-align: center;
  width:100%;
}
.article-service-inner {
  padding:3rem;
  width:100%;
  position: relative;
}
.article-service-icon {
  margin-bottom:1rem;
}
.article-service-icon img {
  display: block;
  width:5.75rem;
  height:auto;
  margin:0 auto;
}
.article-service-heading {
  text-transform: uppercase;
}
.article-service-content {
  font-family: 'Questa',serif;
  font-weight: 400;
  font-size:1.4rem;
  padding-bottom: 1rem;
}
.article-service-content > :last-child {
  margin-bottom: 0;
}
.article-service-morelink {
  position: absolute;
  right:1.5rem;
  bottom:1.5rem;
  width:2.5rem;
  height:2.5rem;
  line-height:1;
  text-align: center;
  display: block;
  padding:.45rem;
  background:var(--orange);
  color:#fff;
  font-size:1.6rem;
  border:0;
}
.article-service-morelink:hover {
  text-decoration: none;
}
@media only screen and (min-width : 768px) {
  .articles-services {
    grid-template-columns: repeat(2, 1fr);
  }
  .article-service {
    justify-content: flex-end;
  }
  .article-service:nth-child(even) {
    justify-content: flex-start;
    background-image: url(/assets/images/article-service-bg-even.jpg);
  }
  .article-service-inner {
    max-width:calc((var(--container-width) - .75rem) / 2);
  }
}

/* Artikel, Kundenmeinungen
*********************************/
.articles-customers {
  padding-bottom:2rem;
}
.article-customer {
  text-align: center;
}
.article-customer figure {
  margin:0;
  padding:0;
}
.article-customer figcaption {
  margin:0;
  padding:0;
  text-transform: uppercase;
  color:var(--blue);
}
.article-customer blockquote {
  margin:0 0 1.5rem 0;
  padding:0;
  font-family:'Questa',serif;
  font-weight: 100;
  font-size:1.5rem;
  line-height:1.25;
  font-style: italic;
}
@media only screen and (min-width : 992px) {
  .article-customer {
    padding-left:5rem;
    padding-right:5rem;
  }
  .article-customer blockquote {
    font-size:2rem;
  }
}

.articles-customers .splide__arrow path {
  fill:var(--gray);
}
.articles-customers .splide__arrow:hover path {
  fill:var(--orange);
}
.articles-customers .splide__arrow--prev {
  left: -1rem;
}
.articles-customers .splide__arrow--next {
  right: -1rem;
}
.articles-customers .splide__arrow[disabled]:hover path {
  fill:var(--gray);
}
.articles-customers .splide__pagination {
  bottom:-2rem;
}
.articles-customers .splide__pagination__page {
  background:var(--gray);
  margin:0 .25rem;
}
@media only screen and (min-width : 768px) {
  .article-customer {
    padding-left:3rem;
    padding-right:3rem;
  }
}

/* Jiggy, Footer, Kontakt
*********************************/
.site-footer-contact {}
.site-footer-contact a {
  color:#fff;
  border:0;
  transition: color .2s ease;
}
.site-footer-contact a:hover {
  color:var(--orange);
}
.site-footer-contact .page-header p {
  color:var(--gray);
}
.site-footer-contact .footer-contact-tel {
  font-size:1.8rem;
  /* line-height: */
}
.site-footer-contact .footer-contact-adr {
  margin-bottom:1.3rem;
}
.site-footer-contact .footer-contact-adr > * {
  display:block;
  padding:.4rem 0;
  border-bottom:solid var(--orange) 1px;
}
.site-footer-contact .footer-contact-social {
  font-size:1.6rem;
  margin:0 0 1.5rem 0;
  padding:0;
  list-style: none;
  display:flex;
  gap:2rem;
}
.site-footer-contact .footer-contact-social li {
  margin:0;
  padding:0;
}
.site-footer-contact .footer-contact-social a {
  border:0;
  transition: color .2s ease;
}
.site-footer-contact .footer-contact-social a:hover {
  color: var(--orange);
}
.site-footer-contact .footer-contact-form input[type=submit] {
  width:100%;
}

/* Artikel, Karusell
*********************************/
.articles-carousel {
  padding-left:6rem;
  padding-right:6rem;
  padding-left:clamp(1rem, 10vw, 6rem);
  padding-right:clamp(1rem, 10vw, 6rem);
  padding:0;
}
.article-carousel {
  /*padding-left:clamp(1rem, 10vw, 6rem);*/
  /*padding-right:clamp(1rem, 10vw, 6rem);*/
  /*border-left:solid var(--gray) 1px;*/
  /*border-right:solid var(--gray) 1px;*/
  /*margin-right:-1px;*/
}
.article-carousel > * {
  max-width:26rem;
  margin-left:auto;
  margin-right:auto;
}
.article-carousel-header h2 {
  color:var(--orange);
  font-size: 1.25rem;
}
.article-carousel-header .header-icon {
  display: flex;
  justify-content: center;
  /* width:9rem; */
  width: 7rem;
  padding-bottom:.75rem;
  border-bottom:solid #fff .4rem;
  margin-bottom:.75rem;
}
.article-carousel-header .header-icon img {
  /* width:6.15rem; */
  width: 4.5rem;
  height:auto;
  display: block;
}
.article-carousel-header .header-type {
  text-transform: uppercase;
  margin-bottom:1rem;
  font-size: 0.875rem;
}
.article-carousel-content > :last-child {
  margin-bottom: 0;
}
.article-carousel-downloadlink .btn {
  text-align: left;
}

.articles-carousel .splide__arrow {
  left:-4rem;
}
.articles-carousel .splide__arrow--next {
  left:auto;
  right:-4rem;
}
@media only screen and (min-width : 992px) {
  .article-carousel {
    padding-left:clamp(1rem, 5vw, 6rem);
    padding-right:clamp(1rem, 5vw, 6rem);
    padding-left:1.5rem;
    padding-right:1.5rem;
    border-left:solid var(--gray) 1px;
    border-right:solid var(--gray) 1px;
    margin-right:-1px;
  }
}
@media only screen and (min-width : 1400px) {
  .articles-carousel {
    padding-left:4rem;
    padding-right:4rem;
  }
}

/* Artikel, Akkordeon
*********************************/
.articles-accordion details {
  margin-bottom:.75rem;
}
.articles-accordion summary {
  border-bottom:solid var(--blue-lighter) 2px;
  padding-top:.75rem;
  padding-bottom:.75rem;
  padding-right:.75rem;
  cursor:pointer;
  list-style: none;
  display:flex;
  gap:1rem;
  justify-content: space-between;
  align-items: center;
}
.articles-accordion summary::-webkit-details-marker {
  display: none;
}
.articles-accordion .summary-title {
  font-size:1.2rem;
  text-transform: uppercase;
  font-weight: 400;
  margin:0;
  transition: font-weight .2s ease;
}
.articles-accordion .summary-icon {
  flex:0 0 1.1rem;
  width:1.1rem;
  height:1.1rem;
}
.articles-accordion .summary-icon {
  transform-origin: 50% 50%;
  transition:transform .2s ease;
}
.articles-accordion .summary-icon path {
  fill: var(--blue-dark);
  transition: opacity .2s ease;
}
.articles-accordion details[open] .summary-title {
  font-weight: 700;
}
.articles-accordion details[open] .summary-icon {
  transform: rotate(90deg);
}
.articles-accordion details[open] .summary-icon path:nth-child(2) {
  opacity: 0;
}
.article-accordion-content {
  padding-top:.75rem;
  padding-bottom:.75rem;
}
.article-accordion-content > :last-child {
  margin-bottom:0;
}

/* Blau */
.colorscheme-blue .articles-accordion summary {
  border-color:#fff;
}
.colorscheme-blue .articles-accordion .summary-icon path {
  fill:#fff;
}

/* 2-spaltig */
.articles-accordion > .row > .col {
  flex:0 0 100%;
  max-width: 100%;
}
@media only screen and (min-width : 768px) {
  .articles-accordion > .row > .col {
    flex:0 0 50%;
    max-width: 50%;
  }
}

/* Artikel, Partner
*********************************/
.articles-partner {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.articles-partner .row {
  --gutter-x: 1rem;
  --gutter-y: 1rem;
}
.article-partner {
  flex:0 0 100%;
  max-width:100%;
  display: grid;
  grid-template-areas: 'main';
  position: relative;
}
.article-partner-image {
  position: relative;
  grid-area: main;
  z-index:1;
}
.article-partner-image::before {
  position: absolute;
  left:1rem;
  bottom:1rem;
  content:'\e909';
  width:2.5rem;
  height:2.5rem;
  line-height: 2.5rem;
  text-align: center;
  font-size: 1.4rem;
  background:var(--orange);
  color:#fff;
  /* icomoon.io */
  font-family: 'seewald-organisation' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.article-partner-image img {
  display: block;
  width:100%;
  height:auto;
}
.article-partner-header {
  margin-bottom: 1rem;
}
.article-partner-header * {
  margin:0;
}
.article-partner-content {
  grid-area: main;
  z-index:2;
  text-align: center;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  color:var(--blue-dark);
  padding:1rem 1.5rem;
  background:#fff;
  opacity:0;
  visibility: hidden;
  transition: opacity .2s ease;
}
.article-partner[aria-expanded=true] .article-partner-content {
  visibility: visible;
  opacity:1;
}
.article-partner-content h2,
.article-partner-content h3 {
  font-size:1.4rem;
  font-weight: 700;
  text-transform: none;
}
.article-partner-content a {
  color:var(--orange);
}
.article-partner-content a:hover {
  border-color:var(--orange);
}
.article-partner-content .partner-services {
  text-transform: uppercase;
}
.article-partner-content .partner-contact {
  margin:0;
  padding:0;
  list-style: none;
}
.article-partner-content .partner-contact li {
  margin:0;
  padding:.5rem 0;
  border-bottom: solid var(--orange) 1px;
}
.article-partner-content .partner-contact li:last-child {
  border:0;
}
.article-partner-toggle {
  grid-area: main;
  z-index:3;
  border:0;
  background:transparent;
  color:var(--blue-dark);
}
.article-partner-toggle:hover {
  color:var(--orange);
}
.article-partner-toggle span {
  opacity: 0;
}
.article-partner[aria-expanded=true] .article-partner-toggle {
  position: absolute;
  right:.5rem;
  top:.5rem;
  padding:.5rem;
  width:2.5rem;
  height:2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;

  /*top:0;*/
  /*right:0;*/
  /*background:var(--gray);*/
  /*color:#fff;*/
}
.article-partner[aria-expanded=true] .article-partner-toggle span {
  opacity: 1;
}
@media only screen and (min-width : 992px) {
  .article-partner {
    flex:0 0 50%;
    max-width:50%;
  }
}



/* Splide
*********************************/
.splide__arrow {
  background:transparent;
  opacity: 1;
  padding:.5rem;
  width:3.1rem;
  height:3.1rem;
}
.splide__arrow svg {
  width:100%;
  height:auto;
  display:block;
}
.splide__arrow path {
  fill:#fff;
  transition:fill .2s ease;
}
.splide__arrow:hover path {
  fill:var(--orange);
}
.splide__arrow[disabled] {
  display:none;
  opacity:.25;
  cursor: auto;
}
.splide__arrow[disabled]:hover path {
  fill:#fff;
}

.splide__pagination {
  /* bottom:-1rem;
  left:0;
  right:0; */
  position: static;
  width: 100%;
  padding-top: 1rem;
  display:flex;
  justify-content: center;
  align-items: center;
  transform: none;
}
.splide__pagination li {
  margin:0 .25rem;
}
.splide__pagination__page {
  width:1rem;
  height:1rem;
  border-radius:.5rem;
  background:#fff;
  opacity:.5;
  transition: opacity .2s ease;
}
.splide__pagination__page.is-active {
  transform:none;
  opacity:1;
}

/* Formulare
*********************************/
fieldset {
  margin:0 0 1.3rem 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:.7rem;
  border:solid var(--blue-light) 1px;
  border-radius:.1rem;
  background:#fff;
}
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 {
  border-color:var(--orange);
}
textarea {
  height:12rem;
}
a.btn,
button,
input[type=submit] {
  display:inline-block;
  margin:0;
  padding:.7rem 1rem;
  border:solid var(--orange) 1px;
  border-radius: .1rem;
  cursor:pointer;
  background:var(--orange);
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  text-align: center;
  font-weight: 600;
  transition:background .2s ease;
}
input[type=submit]::-moz-focus-inner {
  border: 0;
}
a.btn:hover,
button:hover,
input[type=submit]:hover {}
.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;
}