@font-face{
    font-family: "AGaramondPro";
    src: url(../images/AGaramondPro-Bold.otf) format("truetype");
}

.uber-mich {
    font-family: AGaramondPro, serif;
    line-height: 2.3;
    font-size: 23px;
}

.container-fluid {
    padding: 30px 25px;
}

a {
    text-decoration:underline;
}

a.tel {
    color: #f6f6f6;
    text-transform: uppercase;
}

p, h2 {
    font-family: Helvetica, sans-serif;
}
.bg-grey {
    background-color: #f6f6f6;
}
.logo-small {
    font-size: 50px;
}
.logo {
    font-size: 200px;
}
.rounded {
    border-radius: 3%;
}
.thumbnail {
    padding: 0 0 15px 0;
    border: none;
    border-radius: 0;
}
.thumbnail img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    transition: transform .5s ease;
    backface-visibility: hidden;
}
.thumbnail img:hover {
    display:block;
    opacity: 1;
    visibility: visible;
    transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.thumbnail .text {
    color: white;
    font-size: 20px;
}
.thumbnail .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.thumbnail:hover .middle {
    opacity: 1;
}
.carousel-control.right, .carousel-control.left {
    background-image: none;
    color: #b2b2a9;
}
.carousel-indicators li {
    border-color: #b2b2a9;
}
.carousel-indicators li.active {
    background-color: #b2b2a9;
}
.item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
    margin: 70px 0;
}
.item span {
    font-style: normal;
}
.panel {
    border: 3px solid #9f9f94;
    border-radius:10px;
    transition: box-shadow 0.8s;
}
.panel:hover {
    box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.panel-footer .btn:hover {
    border: 1px solid #9f9f94;
    background-color: #fff !important;
    color: #b2b2a9;
}
.panel-heading {
    color: #fff !important;
    background-color: #b2b2a9 !important;
    padding: 25px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.panel-body p{
    text-align: left;
    font-family: Times, "Arial", Georgia, serif;
    font-size: medium;
}

.thumbnail a>img {
    width: 400px;
}

.panel-footer {
    background-color: white !important;
}
.panel-footer h3 {
    font-size: 21px;
}
.panel-footer h4 {
    color: #aaa;
    font-size: 14px;
}
.panel-footer .btn {
    margin: 15px 0;
    background-color: #d2d3cd;
    color: #000;
}
.contacts a {
    color: white;
}
#ac-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
}
#popup {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    height: 200px;
    margin: 5% auto;
    position: relative;
}
@media screen and (max-width: 768px) {
    .col-sm-4 {
        text-align: center;
        margin: 25px 0;
    }
    header .navbar {
        display: none;
    }

    .tel {
        display: none;
    }

    .logo-small {
        font-size: 25px;
    }
}
.navbar-inverse {
    background-color: #9d9787;
    border-color: dimgray;
}
.navbar-inverse .navbar-nav>li>a {
    color: wheat;
}

.footer{
    background-size: cover;
    background-position: center;
    background-image: url(../images/seal_bottom.jpeg);
    background-repeat: no-repeat;
}

.navbar-inverse .navbar-brand {
    color: whitesmoke;
}

#module {
    /*font-size: 1rem;*/
    /*line-height: 1.5;*/
}

#module p.collapse[aria-expanded="false"] {
    height: 162px !important;
    overflow: hidden;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#module p.collapsing[aria-expanded="false"] {
    height: 42px !important;
}

#module a.collapsed:after  {
    content: '+ Zeig mehr';
}

#module a:not(.collapsed):after {
    content: '- Zeige weniger';
}