:root {
   /* -- altes Farbe nicht passend primary: #ef8708;*/
    --primary: #f39313;
    --tertiary: #e76f00;
}

#footer {
    background-image: url(../img/testas-footer-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}

#social .social-testzentrum {
    background-color: #f7ae47;
    white-space: nowrap;
}

#social .social-login {
    background-color: #fd9603;
    white-space: nowrap;
}

#social .social-contact {
    background-color: #ef8708;
    white-space: nowrap;
}
hr {
    margin:1rem 0;
    color:white;
    border:0;
    border-top:var(--bs-border-width) solid;
    opacity:1;
    /*opacity:.50*/
}

.contentbox.light_grey  a {
    border: 0px solid #ef8708;
    color: #ef8708;
}

.contentbox.light_grey p a:hover,
.contentbox.light_grey a:hover {
    text-decoration: underline !important;
    border: 0px solid #ef8708;
    color: #ef8708;
}

.contentbox.light_grey .btn-contentbox {
    border: 1px solid #ef8708;
    color:#ef8708;
}

.contentbox.light_grey a.btn-contentbox {
    text-decoration: none !important;
}

.btn-cta{
    border: 1px solid #ef8708;
    color: #ef8708;
}

.btn-cta {
    border-radius: 0;
    text-transform: uppercase;
    padding: 15px 40px;
    margin-top: 15px
}

.image, .image-embed-item {
    max-width: 100%; /* Bild passt sich der Containerbreite an */
    height: auto;
    object-fit: cover; 
}

#mmenumobile .mm-listitem_selected>.mm-listitem__text {
    background: #9f035e;
    color: #fff;
    font-weight: 600;
}

.ce-image.ce-center {
    display: flex;
    justify-content: center; /* Zentriere das Bild innerhalb des Containers */
}

.col-md-4 {
    flex: 1 1 33.333%; /* 1/3 der Breite */
}

.frame ul{
    list-style-type: none;
}

.frame ul li:before{
    content: "\25A0";
    color: #ef8708;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
   
}

.calltoaction .btn-primary {
    border: 1px solid #ef8708;
}

 /*geändert am 17.9.24 dieses Teil ist schon bei gast.css 
.contentbox .card-body p a{
   color: #ef8708;
}

.contentbox .card-body p a:hover,
.contentbox .card-body a:hover {
    text-decoration: underline !important;
     color: #ef8708;
}
*/


.quote-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2; /* Höherer Z-Index für den Textcontainer */
}

.quoteleft  {
    position: absolute;
    top: 90%;
    transform: translateY(-50%);
    z-index: 3; /* Höherer Z-Index für die Zitatbilder */
    width:20px;
    height:20px;
   
}

.quoteright {
    position: absolute;
    top: 10%;
    transform: translateY(-50%);
    z-index: 3; /* Höherer Z-Index für die Zitatbilder */
    width:20px;
    height:20px;
    
}

.quoteleft {
    left:120px;
}

.quoteright {
    left:390px;
}

.quote-text {
    padding: 0 20px; /* Platz für die Zitate links und rechts */
    text-align: center;
    color: #000; /* Textfarbe */
    background-color: rgba(255, 255, 255, 0); /* Transparenter Hintergrund */
    z-index: 2; /* Damit der Text über dem Bild bleibt */
    font-size: 1.0rem;
    margin-right:300px;
    margin-bottom:10px;
}