/*
MODUL: Testimonial
*/
section.rd-module-quotes                               { z-index: 5; overflow: visible; padding-bottom: calc(var(--modul-margin-top) * 1.5); }
.rd-module-quotes .rd-container                        { --max-container-width: 1040px; --small-container-width: 768px; }
.rd-module-quotes .rd-content-box                      { display: flex; position: relative; font-size: var(--font-size-medium); }
.rd-module-quotes .rd-content-box .rd-image            { width: 70%; margin: 0; position: absolute; right: 0; top: 0; }
.rd-module-quotes.no-images  .rd-image                 { display:none; }
.rd-module-quotes .rd-content-box .rd-image figcaption { padding-left: 3rem; text-align: right; }
.rd-module-quotes .rd-content-box .rd-text-box         { z-index: 1; width: 35rem; position: relative; margin: 35% 0 0 10rem; color: var(--color-white); }
.rd-module-quotes .rd-text-box>p                       { margin-bottom: 1rem; }
.rd-qoute-name p,
.rd-qoute-position p                                   { margin: 0; }

.rd-module-quotes .rd-content-box .rd-text-box:before {
  content: '';
  position: absolute;
  width: calc(100% + 134px);
  height: calc(100% + 195px);
  background-color: var(--color-1);
  clip-path: polygon(0 27%, 100% 0, 100% 100%, 7% 83%);
  top: -115px;
  left: -96px;
  z-index: -1;
}
.rd-module-quotes .rd-content-box .rd-text-box:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 45px;
  background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE0NiAxMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8cGF0aCBkPSJNMCwwTDU5LDBMNTksNThMMCwxMTBMMCwwWiIvPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSw4Nyw3LjEwNTQzZS0xNSkiPgogICAgICAgIDxwYXRoIGQ9Ik0wLDBMNTksMEw1OSw1OEwwLDExMEwwLDBaIi8+CiAgICA8L2c+Cjwvc3ZnPgo=');
  background-position: 0 0;
  background-repeat: no-repeat;
  filter: var(--svg-color-white);
  top: -64px;
  right: -20px;
  z-index: 2;
}

.rd-module-quotes.no-images .rd-content-box                     { max-width:720px; margin:2.4rem 0 0 3rem;}
.rd-module-quotes.rd-reverse-quotes.no-images .rd-content-box   { margin:2.4rem 3rem 0 auto;}
.rd-module-quotes.no-images .rd-content-box .rd-text-box        { width: 100%; padding:4rem 8.4rem 4.2rem 6.4rem; margin:0; overflow: hidden; }
.rd-module-quotes.no-images .rd-content-box .rd-text-box::after { filter:var(--svg-color-1); }
.rd-module-quotes.no-images .rd-content-box .rd-text-box::after { filter: var(--svg-color-1); left: -36px; right: inherit; top: -22px; }

.rd-module-quotes.rd-reverse-quotes.no-images .rd-content-box .rd-text-box::after  { left: inherit; right: -36px; }

.rd-module-quotes.no-images .rd-content-box .rd-text-box::before {
  clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
  top: 0;
  left: 0;
  height: 60px;
  width: 720px;
  transform: scale(-1, -1);
}

.rd-module-quotes.rd-reverse-quotes.no-images .rd-content-box .rd-text-box::before { transform: scale(1, -1); left: inherit; right: 0;}

.rd-module-quotes.no-images .rd-content-box:before {
  content: '';
  height: calc(100% - 118px);
  top: 59px;
  left: 0;
  background-color: var(--color-1);
  z-index: -5;
  position: absolute;
  width: 100%;
}
.rd-module-quotes.no-images .rd-content-box  .rd-text-box::after {
  content:'';
  position: absolute;
  clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
  background-image:none;
  background-color: var(--color-1);
  top: inherit;
  bottom: 0;
  right: 0 !important;
  left: inherit;
  height:60px;
  width: 720px;
  filter: none;
z-index: -2;
}
.rd-module-quotes.rd-reverse-quotes.no-images .rd-content-box  .rd-text-box::after { transform: scale(-1, 1); left: 0; right: inherit;}

.rd-module-quotes.no-images .rd-content-box::after {
  content: '';
  position: absolute;
  filter: var(--svg-color-1);
  top: -23px;
  left: -37px;
  right:inherit;
  width: 60px;
  height: 45px;
  background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE0NiAxMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8cGF0aCBkPSJNMCwwTDU5LDBMNTksNThMMCwxMTBMMCwwWiIvPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSw4Nyw3LjEwNTQzZS0xNSkiPgogICAgICAgIDxwYXRoIGQ9Ik0wLDBMNTksMEw1OSw1OEwwLDExMEwwLDBaIi8+CiAgICA8L2c+Cjwvc3ZnPgo=');
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 2;
}
.rd-module-quotes.rd-reverse-quotes.no-images .rd-content-box::after { right:-37px; left:inherit;}
main .rd-module-quotes a:not([class]),
main .rd-module-quotes a.rd-text-link-download                       { color: var(--color-white); }
main .rd-module-quotes a:not([class]):before                         { filter:var(--svg-color-white); }
main .rd-module-quotes a[href^="/fileadmin/user_upload/"i]:before,
main .rd-module-quotes a.rd-text-link-download:before,
main .rd-module-quotes td a[href^="/fileadmin/user_upload/"i]:before,
main .rd-module-quotes a[href^="/fileadmin/user_upload/"i]:before    { filter: var(--svg-color-white); }
main  .rd-module-quotes .rd-text-box li:before                       { background-color:var(--color-white); }
main  .rd-module-quotes .rd-text-box .rd-benefit-list li:after       { background-color:var(--color-1);  }
main  .rd-module-quotes .rd-text-box ol li::before                   { color: var(--color-1); }
main  .rd-module-quotes .rd-text-box .rd-benefit-list li:after       { border-right: 2px solid var(--color-1); border-bottom: 2px solid var(--color-1); background-color: transparent; }
.rd-reverse-quotes .rd-content-box .rd-image                         { left: 0; right: inherit;}
.rd-reverse-quotes .rd-content-box .rd-text-box                      { margin: 35% 10rem 0 auto; }
.rd-reverse-quotes  .rd-content-box .rd-text-box::before {
  content: '';
  position: absolute;
  width: calc(100% + 134px);
  height: calc(100% + 195px);
  background-color: var(--color-1);
  clip-path: polygon(0 27%, 100% 0, 100% 100%, 7% 83%);
  top: -115px;
  left: -50px;
  z-index: -1;
  transform: scale(-1, -1);
}
.rd-reverse-quotes  .rd-content-box .rd-text-box::after               { left: 0; }

@media (max-width:768px) {
  .rd-module-quotes .rd-content-box .rd-image                         { width: 100%; }
  .rd-module-quotes .rd-content-box .rd-text-box                      { margin: 55% 0 0 0; }
  .rd-reverse-quotes .rd-content-box .rd-text-box                     { margin: 55% 0 0 auto; }
}

@media (max-width:560px) {
  .rd-module-quotes .rd-content-box                                   { flex-wrap: wrap; }
  .rd-module-quotes .rd-content-box .rd-image                         { width: 100%; position: relative; z-index: 3; }
  .rd-module-quotes:not(.no-images) .rd-content-box .rd-text-box      { position: static; margin: 3rem 0 0 0; width: 100%; }
  .rd-module-quotes:not(.no-images) .rd-text-box>p                    { margin-bottom: 3rem; max-width: 80%; }
  .rd-module-quotes:not(.no-images) .rd-qoute-name                    { max-width: 70% }
  .rd-module-quotes:not(.no-images) .rd-qoute-position                { max-width: 50% }

  .rd-module-quotes:not(.no-images) .rd-content-box .rd-text-box::after,
  .rd-reverse-quotes:not(.no-images)  .rd-content-box .rd-text-box:after     { display: none; }
  .rd-module-quotes:not(.no-images) .rd-content-box .rd-text-box>p:before,
  .rd-reverse-quotes:not(.no-images)  .rd-content-box .rd-text-box>p:before  {
    display: block;
    content: '';
    width: 60px;
    height: 45px;
    background: url(../images/icon-quotes.svg) 0 0 no-repeat;
    filter: var(--svg-color-white);
    z-index: 2;
    margin-bottom: 2rem;
  }

  .rd-module-quotes .rd-content-box .rd-text-box                         { background-color: transparent; }
  .rd-module-quotes.no-images .rd-content-box .rd-text-box               { padding: 4rem; }

  .rd-module-quotes:not(.no-images) .rd-content-box .rd-text-box:before,
  .rd-reverse-quotes:not(.no-images)  .rd-content-box .rd-text-box:before {
    top: 0;
    right: 0;
    height: calc(100% + 120px);
    clip-path: polygon(0 0, 100% 13%, 100% 68%, 0 100%);
  }
  .rd-module-quotes.no-images .rd-content-box::after                     { top: -18px; left: -28px; right: inherit; width: 50px; height: 38px;  }
  .rd-module-quotes.rd-reverse-quotes.no-images .rd-content-box::after   { top: -18px; right: -28px; left: inherit; }
}