:root {
  --dirt-gold: #a08672;
  font-size: 62.5%;

  --c-orange: #f08143;
  --c-gray: #575757;
}
body {
  font-family: Spartan, sans-serif !important;
}
.cc-btn.cc-allow-all{
  background-color: var(--c-orange);
}
.cc-window.cc-bottom-left, .cc-window.cc-bottom-right{
  box-shadow: 0px 0px 5px 0px #00000030;
}
.cc-window .dp--cookie-check label:last-child{
  display: none;
  content-visibility: hidden;
}
.cc-window .dp--cookie-check{
  justify-content: center;
  column-gap: 10px;
}
.bg-gray {
  background-color: var(--c-gray);
  color: #fff;
}
.bg-orange {
  background-color: var(--c-orange);
  color: #fff;
}
a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  color: var(--c-orange);
}
.bg-orange a:hover {
  color: var(--c-gray);
}
.dq-btn.bg-gray,
.dq-btn.border {
  display: block;
  width: max-content;
  border-radius: 7px;
  padding: 15px 20px 10px 20px;
  position: relative;
}
.dq-btn.bg-gray::before,
.dq-btn.border::before{
  content: "";
  width: 35px;
  height: 100%;
  display: block;
  background-image: url(/typo3conf/ext/dqtemplate/Resources/Public/Images/svg/btn-grey-element.svg);
  position: absolute;
  right: -27px;
  top: 0px;
  background-repeat: no-repeat;
  background-size: cover;
}
.dq-btn.border {
  font-size: 1.5rem;
  border: 0px;
}

/* --- test --- */

.test {
  max-width: 747.5px;
}
.test.left {
  margin-left: auto;
}

/* --- footer --- */
.footer .test {
  --footerYpadding: 60px;
  --footerXpadding: 90px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 100px;
  align-content: space-between;
  height: 100%;
}
.footer .test {
  padding: var(--footerYpadding) 0;
}
.footer .left {
  padding-right: var(--footerXpadding);
  padding-left: 15px;
}
.footer .right {
  padding-left: var(--footerXpadding);
  padding-right: 15px;
}
.footer p {
  font-size: 1.4rem;
  font-weight: 400;
  max-width: 250px;
  line-height: 2.6rem;
  margin-bottom: 0px;
}
.footer p a {
  display: block;
}
.footer hr {
  width: 100%;
  opacity: 0.45;
  background-color: #fff;
  margin: 30px 0px;
}

.footer__under .container {
  padding: 25px 0;
  font-size: 1.7rem;
  text-align: end;
}

.footer__nav-list--item {
  display: block;
  font-size: 1.6rem;
  margin-bottom: 15px;
}
.footer .bg-orange a:hover{
  color: #fff;
}
.footer .dq-btn{
  font-size: 1.4rem;
 font-weight: 600;
 color: #fff;
 padding: 15px 10px 14px 10px;
 background-image: url(/typo3conf/ext/dqtemplate/Resources/Public/Images/svg/btn-t-center.svg);
 background-position-y: 0px;
 position: relative;
 margin-left: 16px;
 display: block;
 width: max-content;
 background-repeat: repeat-x;
}
.footer .dq-btn::after,
.footer .dq-btn::before{
  content: "";
  width: 16px;
  height: 47px;
  display: block;
  background-image: url(/typo3conf/ext/dqtemplate/Resources/Public/Images/svg/btn-t-left.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: -16px;
}
.footer .dq-btn::before{
  width: 29px;
  display: block;
  background-image: url(/typo3conf/ext/dqtemplate/Resources/Public/Images/svg/btn-t-right.svg);
  right: -28px;
  left: auto;
}
.footer__wrap-content a{
  white-space: nowrap;
}
.footer span {
  width: 100%;
}
.dq-btn.border::before{ 
  content: none;
}
.dq-btn.border span::before{
  content: "";
  width: 31px;
  height: 100%;
  display: block;
  background-image: url(/typo3conf/ext/dqtemplate/Resources/Public/Images/svg/btn-grey-element.svg);
  position: absolute;
  right: -26px;
  top: 0px;
  background-repeat: no-repeat;
  background-size: cover;
}
.dq-btn.border::after{
  content: "";
  width: 34px;
  height: calc(100% + 2px);
  display: block;
  background-image: url(/typo3conf/ext/dqtemplate/Resources/Public/Images/svg/btn-element-2.svg);
  position: absolute;
  right: -4px;
  top: -1px;
  background-repeat: no-repeat;
  background-size: contain;
}
.footer .bg-orange .border span{
  background-color: var(--c-orange);
}
.bg-orange .border span::before{
  background-image: url(/typo3conf/ext/dqtemplate/Resources/Public/Images/svg/btn-grey-element-orange.svg);
}
.bg-orange .border::after{
  background-image: url(/typo3conf/ext/dqtemplate/Resources/Public/Images/svg/btn-element-2-orange.svg);
}
@media screen and (max-width: 1445px) {
  .footer .test {
    --footerYpadding: 30px;
    --footerXpadding: 60px;
  }
  .footer .left {
    padding-right: var(--footerXpadding);
  }
  .footer .right {
    padding-left: var(--footerXpadding);
  }
  .footer .test {
    column-gap: 40px;
  }
}
@media screen and (max-width: 1290px) {
  .footer .test {
    --footerXpadding: 50px;
  }
}
@media screen and (max-width: 992px) {
  .dq-btn.border::after{
    right: -4px;
    top: -2px;
    height: calc(100% + 3px);
  }
  .bg-orange .dq-btn.border::after{
    right: -5px;
  }
  .footer .test {
    max-width: 100%;
    row-gap: 35px;
    justify-content: center;
    flex-direction: column;
    padding: 30px 15px;
  }
  .test.right{
    flex-direction: column;
    row-gap: 20px;
    justify-content: center;
  }
  .test.left img{
    margin: auto;
  }
  .footer__nav-list{
    width: 260px;
    margin: auto;
  }
  .footer p{
    max-width: 260px;
    margin: auto;
  }
  .dq-btn.border {
    margin: auto;
  }
  .footer hr {
    margin: 30px 0;
    margin-top: 0px;
  }
  .footer__under .container{
    font-size: 1.2rem;
    padding: 15px 0px;
  }
  .footer .dq-btn.border{
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767px){
  .footer .dq-btn{
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 576px){
  .dq-btn.border span::before{
    right: -25px;
    width: 34px;
  }
  .dq-btn.border::after{
    right: -6px;
    top: -2px;
  }
}
/* --- contact form --- */

.frame-layout-1 input,
.frame-layout-1 textarea {
  font-size: 1.8rem;
  border-color: transparent;
  padding: 15px 10px 10px 10px;
  line-height: 24px;
  box-shadow: inset 0 4px 11px 0 #dadada;
}
.frame-layout-1.frame h2{
  font-weight: 600;
  color: #222222;
  margin-bottom: 15px;
}
.frame-layout-1 legend{
  font-size: 2.6rem;
  color: #676767;
  margin-bottom: 0px;
}
.frame-layout-1 .form-group{
  margin-bottom: 20px;
}
.frame-layout-1 .form-control:focus{
  border-color: var(--c-orange);
  box-shadow: 0 0 10px -2px var(--c-orange);
}
.frame-layout-1 .btn {
  /* background-color: var(--c-orange); */
  background-color: transparent;
  font-size: 1.8rem;
  padding: 10px 30px 5px 15px;
  border-color: transparent; 
  background-image: url(/typo3conf/ext/dqtemplate/Resources/Public/Images/svg/btn-orange.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.frame-layout-1 .btn:hover{
  color: #000;
  filter: invert(9%) sepia(0%) saturate(1%) hue-rotate(354deg) brightness(143%) contrast(88%);
}

.test.left span {
  font-size:1rem;
}