/**
Praxis Baszenski custom CSS
 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* Typo */
body, .htmlarea-content-body {
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-weight: bold;
}

h2 {
    font-weight: normal;
}

div.aktuelles h3 {
    margin-top: 15px;
}
div.aktuelles h4 {
    font-size: 1.2em;
}

/* Links */
a {
    color: #92af5c;
}

/* Startseite WrapperDiv Abstand */
div#c338 {
    padding-top: 0;
}

div#c332 {
    padding-top: 0;
}

div#c331 {
    padding-top: 0;
    padding-bottom: 0;
}

div#c331 figure {
    margin-bottom: 2em;
}

div.aktuelles {
    margin-bottom: 1em;
}

/* Never show table borders */
.table-responsive {
    border: 0;
}

.frame-well {
    border: 2px solid #92af5c;
    background-color: #fff;
}

.carousel {
    /*border-bottom: 10px solid #92af5c;*/
}

.panel-default > .panel-heading {
    color: #f5f5f5;
    background-color: #5a5a5a;
    border-color: #ddd;
}

.caption {
    color: #333;
}

footer {
    margin-top: 70px;
    border-top:10px solid #92af5c;
}

.footer-section {
    color: #fff;
    background: #5a5a5a;
}

footer section:first-child {
    padding-top: 0;
    padding-bottom: 0;
}

footer .frame.meta {
    display: none;
}

div.leistungen .frame-well .image,
div.service .frame-well .image {
    margin-bottom: 30px;
}

/* === Newsticker (#c566) ===================================== */
#c566 {
    overflow: hidden;
    background: #92af5c;
    color: #fff;
    border-radius: 4px;
    padding: 1em;
}

#c566 ul.list {
    display: flex;
    width: max-content;
    gap: 0;
    margin: 0;
    padding: 0.6rem 1rem;
    list-style: none;
    white-space: nowrap;
    animation: ticker-scroll var(--ticker-duration, 25s) linear infinite;
}

#c566 ul.list li {
    font-weight: bold;
}

#c566 ul.list li::before {
    content: "+++";
    margin: 0 2rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
}

#c566 ul.list li:last-child::after {
    content: "+++";
    margin: 0 2rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
}

#c566:hover ul.list {
    animation-play-state: paused;
}

@keyframes ticker-scroll {
    from { transform: translateX(var(--ticker-start, 100%)); }
    to   { transform: translateX(var(--ticker-end, -100%)); }
}

@media (prefers-reduced-motion: reduce) {
    #c566 ul.list {
        animation: none;
        flex-wrap: wrap;
        white-space: normal;
        width: auto;
    }
}

/*@keyframes ticker-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }   !* -50% weil Inhalt dupliziert wird *!
}*/

/**
Media queries
 */

@media (max-width: 991px) {
    .carousel-small .item {
        height: 190px;
    }
    div.service .frame-well,
    div.leistungen .frame-well {
        margin-bottom: 1em;
    }

}

@media (max-width: 768px) {
    .carousel-small .item {
        height: 150px;
    }

}

@media (max-width: 600px) {
    .carousel-small .item {
        height: 120px;
    }

}

@media (max-width: 480px) {
    .carousel-small .item {
        height: 70px;
    }

}

@media (min-width: 768px) {
    .section-small {
        padding: 0px;
    }
}

@media (min-width: 992px) {
    .carousel-small .item {
        height: 270px;
    }

    div.service .frame-well {
        min-height: 550px;
    }

}

@media (min-width: 1200px) {
    .carousel-small .item {
        height: 350px;
    }

    div.service .frame-well {
        min-height: 480px;
    }
}