/* roboto-regular - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v30-latin-regular.eot');
    src: local(''), url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), url('../fonts/roboto-v30-latin-regular.woff') format('woff'), url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg');
}
/* roboto-italic - latin */

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/roboto-v30-latin-italic.eot');
    src: local(''), url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), url('../fonts/roboto-v30-latin-italic.woff') format('woff'), url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg');
}

/* roboto-700 - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-v30-latin-700.eot');
    src: local(''), url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), url('../fonts/roboto-v30-latin-700.woff') format('woff'), url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg');
}
/* roboto-condensed-300 - latin */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-condensed-v25-latin-300.eot');
    src: local(''), url('../fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), url('../fonts/roboto-condensed-v25-latin-300.woff') format('woff'), url('../fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), url('../fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg');
}
/* roboto-condensed-regular - latin */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-condensed-v25-latin-regular.eot');
    src: local(''), url('../fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), url('../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), url('../fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg');
}
/* roboto-condensed-700 - latin */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-condensed-v25-latin-700.eot');
    src: local(''), url('../fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), url('../fonts/roboto-condensed-v25-latin-700.woff') format('woff'), url('../fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), url('../fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg');
}

body {
    font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 1em;
    font-weight: 400;
}

p,
li,
.gray-block {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

ul {
    padding-left: 0;
}

    ul li {
        list-style: none;
    }

label {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.content-holder h2 {
    font-size: 26px;
}

.content-holder h3 {
    font-size: 24px;
}

.content-holder h4 {
    font-size: 22px;
}

.content-holder h5 {
    font-size: 20px;
}

.content-holder h6 {
    font-size: 18px;
}

p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6 {
    margin-top: 2em;
}

h1 + h2 {
    margin-top: 0;
}

.blog-content h1:first-child {
    margin-bottom: 10px;
}

    .blog-content h1:first-child + div {
        margin-top: 30px;
    }

a {
    color: #02bdd5;
}

    a:hover {
        text-decoration: none;
    }

select {
    max-width: 100%;
}

.btn-info {
    color: white;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info.active,
    .btn-info.focus,
    .btn-info:active,
    .btn-info:focus,
    .btn-info:hover,
    .open > .dropdown-toggle.btn-info {
        color: white;
        background-color: #31b0d5;
        border-color: #269abc;
    }

.btn-success {
    color: white;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success.active,
    .btn-success.focus,
    .btn-success:active,
    .btn-success:focus,
    .btn-success:hover,
    .open > .dropdown-toggle.btn-success {
        color: white;
        background-color: #449d44;
        border-color: #398439;
    }

.btn-warning {
    color: white;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.section-heading {
    text-align: center;
    margin-bottom: 65px;
}

    .section-heading p {
        font-size: 14px;
        font-weight: 300;
        color: #727272;
        line-height: 20px;
    }

.title {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 300;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.subtitle {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.subtitle-des {
    color: #727272;
    font-size: 14px;
    margin-bottom: 35px;
    font-weight: 300;
}

.pages {
    padding: 80px 0 40px;
}

.moduler {
    padding: 140px 0;
}

.btn,
.btn-lg {
    border-radius: 0;
}
/* cookie banner: */

.cc-grower-down {
    position: fixed;
    z-index: 100;
    width: 100%;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #02bdd5;
}

.navbar.navbar-default {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

    .navbar.navbar-default .navbar-toggle {
        margin-top: 32px;
    }

.navbar-header .navbar-brand {
    position: absolute;
    top: 19px;
    z-index: 100;
    color: #727272;
    font-size: 16px;
    padding: 0;
}

    .navbar-header .navbar-brand a {
        height: auto;
        display: inline-block;
        margin-top: 0;
    }

    .navbar-header .navbar-brand img {
        height: 60px;
    }

.animated-header .navbar-header .navbar-brand {
    top: 22px;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle {
    background: #444443;
}

#top-bar {
    background: white;
    /*color: @white;*/
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    padding: 15px 0;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #dedede;
}

    #top-bar .navbar-nav > li > a:hover {
        background: transparent;
    }

    #top-bar.animated-header {
        padding: 20px 0;
        background: white;
        box-shadow: none;
    }

    #top-bar .navbar-brand {
        -webkit-transition: all 0.2s ease-out 0s;
    }

    #top-bar .main-menu li > a {
        color: #444443;
    }

    #top-bar .main-menu li {
        position: relative;
    }

        #top-bar .main-menu li a {
            font-size: 14px;
            font-weight: 500;
            border-bottom: 2px solid transparent;
            -webkit-transition: 0.3s all;
            -o-transition: 0.3s all;
            transition: 0.3s all;
            text-transform: uppercase;
        }

            #top-bar .main-menu li a:hover,
            #top-bar .main-menu li a.active {
                color: #e78429;
            }

.Kontrastswitch {
    position: absolute;
    right: 0px;
    top: -30px;
    color: #444443;
}

    .Kontrastswitch span {
        display: inline-block;
        -moz-transition: transform 0.6s;
        -webkit-transition: transform 0.6s;
        transition: transform 1s;
    }

.flip {
    transform: rotate(-180deg);
}

.navbar-fixed-top .navbar-collapse {
    max-height: calc(100vh - 71px);
}

.navbar-custom .nav li > a {
    position: relative;
    color: black;
}

.navbar-right .dropdown-menu {
    right: auto;
    left: 0;
}

.navbar-custom .dropdown-menu {
    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
}

.collapsed .caret {
    border-color: transparent transparent transparent currentColor;
}

.caret {
    float: right;
    border-style: solid;
    border-color: currentColor transparent transparent transparent;
}
/* SEARCH */

#Search {
    margin-bottom: 40px;
    padding: 15px;
    border: 1px solid #dedede;
    background-color: white;
}

    #Search input.form-control {
        border-right: 0;
        border-radius: 0;
        box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.075);
    }

.P_SearchResults {
    display: block;
    margin-bottom: 40px;
}

.found0 {
    background-color: #f1b985;
}

.found1 {
    background-color: #d0e382;
}

.found2 {
    background-color: #a5f4fe;
}

.found3 {
    background-color: #d0e382;
}

.found4 {
    background-color: #a5f4fe;
}

.found5 {
    background-color: #f1b985;
}

a .found0,
a .found1,
a .found2,
a .found3,
a .found4,
a .found5 {
    color: black;
}

.adres-item {
    background-color: #f7f7f7;
    padding: 20px;
    margin-bottom: 20px;
}

    .adres-item h3 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
    }


.link-item {
    cursor: pointer;
}

    .kulturtipp-item .media-body a h3,
    .link-item .media-body a h3,
    .programm-item .media-body a h3 {
        color: black;
    }

        .kulturtipp-item .media-body a h3:hover,
        .link-item .media-body a h3:hover,
        .programm-item .media-body a h3:hover {
            text-decoration: underline;
        }

    .kulturtipp-item:hover a h3,
    .link-item:hover a h3,
    .programm-item:hover a h3 {
        text-decoration: underline;
    }

    .link-item .media-heading {
        margin-bottom: 0;
    }

.media-left .img {
    width: 60px;
    height: 60px;
    background-color: #02bdd5;
    color: white;
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
}


#call-to-action {
    background: #b0d12e;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0;
    text-align: center;
    position: relative;
    color: white;
}

    #call-to-action .block {
        position: relative;
        z-index: 99;
        color: white;
    }

        #call-to-action .block h2 {
            margin-bottom: 15px;
            color: white;
        }

        #call-to-action .block p {
            font-size: 15px;
            font-weight: 300;
            font-family: 'Roboto', sans-serif;
            margin-top: 20px;
        }

        #call-to-action .block .btn-contact {
            background: white;
            border: none;
            color: #b0d12e;
            padding: 16px 35px;
            margin-top: 20px;
            font-size: 12px;
            letter-spacing: 2px;
            text-transform: uppercase;
            border-radius: 0;
        }

            #call-to-action .block .btn-contact i {
                margin-right: 10px;
            }


.KurzTxt {
    background-color: #f7f7f7;
    padding: 10px;
    margin-bottom: 2em;
}


input.form-control {
    border-radius: 0;
}

.message-block {
    margin: 40px 0;
    padding: 15px;
    border: 1px solid #dedede;
    background-color: white;
}



#map-canvas {
    width: 100%;
    height: 350px;
    background-color: #cccccc;
}

#footer {
    background: white;
    padding: 25px 0;
    color: #555555;
}

    #footer p {
        font-size: 13px;
        margin-bottom: 0;
        margin-top: 10px;
    }

    #footer .impressum {
        text-align: right;
    }

.cd-headline.slide .cd-words-wrapper {
    color: #b0d12e;
    line-height: 40px;
    padding-top: 10px;
}

.global-page-header {
    background-attachment: fixed;
    background-size: cover;
    padding: 120px 0 25px 0;
    position: relative;
    background: #b0d12e;
    color: white;
}

    .global-page-header h2 {
        font-size: 42px;
        font-weight: bold;
        color: white;
        text-transform: uppercase;
    }

        .global-page-header h2 span {
            display: block;
        }

    .global-page-header .breadcrumb {
        background: none;
        font-size: 16px;
        padding: 8px 0;
    }

        .global-page-header .breadcrumb .active {
            color: white;
        }

        .global-page-header .breadcrumb li a {
            color: white;
        }

        .global-page-header .breadcrumb > li + li::before {
            color: #efefef;
            padding-right: 0;
        }

    .global-page-header .block {
        position: relative;
        z-index: 99;
        text-align: center;
    }



.Error .global-page-header {
    background-color: transparent;
}

    .Error .global-page-header .container {
        display: none;
    }

.Error .webapps {
    display: none;
}

.Error .wrapper_404 h1 {
    font-size: 200px;
    color: #b0d12e;
    line-height: 1;
    margin-bottom: 10px;
}

.Error .wrapper_404 h2 {
    font-size: 50px;
    margin-top: 0;
}

.Error .wrapper_404 .btn-home {
    background: #414141;
    border: none;
    color: white;
    padding: 20px 35px;
    margin-top: 10px;
    font-size: 16px;
    font-size: 13px;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: normal;
    border-radius: 0;
}


.person,
.gray-block {
    padding: 15px;
    background-color: #f7f7f7;
}

    .person img,
    .gray-block img {
        float: left;
        margin-right: 15px;
    }

    .person strong,
    .gray-block strong {
        font-size: 24px;
        font-weight: normal;
        display: block;
        white-space: normal;
        margin: 30px 0 -5px 0;
    }

.gray-block {
    margin-top: 46px;
}

    .gray-block strong {
        margin: 10px 0 20px 0;
    }

    .person::after,
    .gray-block::after {
        content: '';
        display: block;
        clear: both;
    }

    .person + p,
    .gray-block + p {
        margin-top: 20px;
    }

p + blockquote {
    margin-top: 50px;
}

blockquote + .gray-block {
    margin-top: 120px;
}


#blog-full-width {
    padding: 40px 0 80px;
    background-color: #fcfcfc;
}



.blog-content {
    margin-top: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .blog-content h2 {
        font-family: 'Roboto', sans-serif;
    }

        .blog-content h2 a:not(.top) {
            color: #444443;
            font-weight: 400;
            font-size: 30px;
        }

    .blog-content p {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .blog-content .blog-meta {
        color: #727272;
        font-weight: 300;
        margin-bottom: 25px;
    }

        .blog-content .blog-meta span:after {
            content: '/';
            padding: 0 3px 0 6px;
        }

        .blog-content .blog-meta a {
            color: #acacac;
        }

            .blog-content .blog-meta a:hover {
                text-decoration: underline;
            }

        .blog-content .blog-meta p {
            margin-top: 20px;
        }

    .blog-content iframe,
    .blog-content video {
        margin-top: 20px;
        clear: both;
        width: 100%;
        max-width: 100%;
        border: none;
    }

.blog-post-image {
    margin-top: 30px;
    text-align: center;
    min-height: 100px;
}

    .blog-post-image img.lazyload,
    .blog-post-image img.lazyloading {
        opacity: 0;
    }

    .blog-post-image img.lazyloaded {
        opacity: 1;
        transition: opacity 300ms;
    }

    .blog-post-image a {
        display: block;
        width: 100%;
        color: #727272;
    }

    .blog-post-image img {
        margin: 0 auto;
    }

    .blog-post-image + .blog-content {
        margin-top: 0;
    }

    .blog-post-image .img-caption {
        font-size: 12px;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #727272;
        font-weight: 300;
    }

    .blog-post-image .carousel {
        width: 100%;
        margin: 0 auto;
        /* center your carousel if other than 100% */
        background-color: #f0f0f0;
    }

        .blog-post-image .carousel .slider-size {
            height: 0;
            /* This is your slider height */
            padding-bottom: 56.27%;
            background-position: center center;
            background-size: contain;
            background-repeat: no-repeat;
        }

        .blog-post-image .carousel .carousel-control {
            background-image: none;
            width: 15%;
        }

        .blog-post-image .carousel .carousel-caption {
            padding-bottom: 0;
            bottom: -10px;
            width: 100%;
            /*text-align: right;*/
            right: auto;
            left: auto;
            text-shadow: 0px 1px 2px black;
        }

            .blog-post-image .carousel .carousel-caption p {
                font-size: 12px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

.btn-details {
    color: #b0d12e;
    padding: 0;
    background: #b0d12e;
    color: white;
    padding: 8px 18px;
    border-radius: 0;
    margin: 15px 15px 2px 1px;
    border: 1px solid white;
    box-shadow: 0px 0px 0px 1px #b0d12e;
}

    .btn-details:hover {
        border: 1px solid #b0d12e;
        color: white;
    }


.search input.form-control {
    border-right: 0;
    border-radius: 0;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}

.search button {
    border-left: 0;
}

    .search button:hover {
        background: transparent;
    }


.navbar-toggle .icon-bar {
    background: white;
}

.navbar-toggle {
    background: black;
}

.dropdown-menu > ul {
    list-style: none;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: -5px;
    background: white;
    background-color: rgba(0, 0, 0, 0.95);
    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
}

.nav .open > a,
.nav .open > a:focus {
    background-color: transparent;
}

#top-bar .dropdown-menu > ul > li > a {
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 8px 0;
    color: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* show meta only on real news */

.blog-meta .date,
.blog-meta .author {
    display: none;
}


.ErrorText {
    color: #f11a1a;
}

.pagelinks li,
.compact-list li {
    margin-bottom: auto;
}

/* cms-styles */

.small {
    font-size: 0.8em;
    color: #767675;
    line-height: 1.4em;
}

.info {
    background-image: url(../siteimages/symb_info.gif);
    background-repeat: no-repeat;
    padding-left: 50px;
    background-position: 0px 0px;
    min-height: 40px;
    display: inline-block;
}

ul.info {
    background-image: none;
    padding-left: 32px;
    margin-left: 0;
    padding-bottom: 0;
}

    ul.info li {
        list-style: none url("../siteimages/ul_info.gif");
        padding-left: 0px;
    }

h1.info,
h2.info {
    background-position: 0 0.3em;
}