<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
#back {
    color: grey;
}

#backtop {
    z-index: 10002;
    bottom: 30px;
    right: 30px;
    opacity: 0;
    transition: all .3s ease-out;
    position: fixed;
}

#backtop button {
    color: grey;
    background-color: #F4F4F4;
    outline: none;
    border: 0;
}

#backtop button:hover {
    cursor: pointer;
}

.show {
    opacity: 1 !important
}


.aminateFadeIn {
    animation-duration: 2s;
    animation-name: fadeIn;
}

#backtop .btn {
    padding: 6px 0;
    border-radius: 50%;
    border: 1px solid grey;
    box-shadow: 3px 5px 10px 1px rgba(0, 0, 0, 0.25);
}


body {
    background-color: #e7e7e8;
    color: #888C8E;
    font-size: 14px;
        overflow-x: hidden;
}


p, th, tr, td, a:link, a:visited, a:hover, a:active, a:focus {
    color: #888C8E;
    font-size: 14px;
}

p.labelb {
    color: #888C8E;
    font-style: normal;
}

.xxx--portal + .xxx--portal {
    margin-top: 0;
}

.adresse {
    margin-top: 10px;
    margin-bottom: 15px;
}

.fa.fa-link.fa-3x {
    margin-bottom: 10px;
}

.linksymbol-fa {
    width: auto;
    min-width: 1px;
    float: left;
    margin-right: 10px;
}

.xxx--page-header {
    background-color: #fff;
    padding: 0;
    margin: 0;
    z-index: 21;
}

.navbar {
    margin-bottom: 0px;
}

.blue_border {
    margin: 0 0 0 0;
    padding: 0;
    border-bottom: 8px solid #0997D7;
}

.green_border {
    margin: 0 0 0 0;
    padding: 0;
    border-bottom: 8px solid #8AC751;
}

.red_border {
    border-bottom: 8px solid #EE1C25;
    padding: 0;
    margin: 0 0 32px 0;
}


.uib-daypicker:active:focus {
    outline: none !important
}

.logo-center {
    margin: 15px auto -150px auto;
    text-align: center;
}

.news-image-detail div.galbild_vorsch {
    position: relative;
    width: 100%;
    height: 450px;
    max-height: 100%;
}

div.galbild_vorsch img {
    border-radius: 0;
}

.grossbild {
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 5vw;
    margin-top: -33px;
}

.grossbild.pic_home {
    /*background-image: url("../images/n_head_stadt.jpg");*/
    background-image: url("../images/head_startseite.jpg");
}

.grossbild.pic_winter {
    background-image: url("../images/w_head_stadt.jpg");
}

.grossbild.pic_stadt {
    background-image: url("../images/head_startseite.jpg");
}

.grossbild.pic_wirtschaft {
    background-image: url("../images/head_wirtschaft.jpg");
}

.grossbild.pic_leben {
    background-image: url("../images/head_tourismus.jpg");
}

.grossbild.pic_kultur {
    background-image: url("../images/head_kultur.jpg");
}

.grossbild.pic_termine {
    background-image: url("../images/head_sport.jpg");
}

.grossbild.pic_weihnacht {
    background-image: url("../images/weihn_head_stadt.jpg");
}

.searchform &gt; .input-group &gt; .input-group-addon {
    color: #fff;
    background-color: #616161;
}

.searchform {

}

.content-container {
    padding: 0;
    margin-top: 40px;
    margin-bottom: 30px;
    min-height: 22vw;
}

.content-container_bg {
    position: relative;
    padding: 25px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 3px 5px 10px 1px rgba(0, 0, 0, 0.25);
    margin-bottom: 25px !important;
    border-radius: 0;
    z-index: 20;
}

.content-container_bg.news_teaser_item {
    padding: 0;
}

.content-container_bg.news_teaser_item &gt; div {
    min-height: 290px;;
}

.content-container_bg.news_teaser_item div.galbild_vorsch img {
    top: 15px;
    bottom: 15px;
}

.breadcrumb {
    margin: 0;
}


.suchfeld-container form {
    width: 60%;
    margin: 0 auto;
}


.logo-center img {
    position: relative;
    z-index: 100;
}

div.gal_list div.galerie_caption {
    height: unset;
    max-height: unset;
    min-height: 30px;
    margin: -5px -13px 10px -13px;
    line-height: 1.1em;
}

/* TODO */
.dropdown-menu {
    border-top: 1px solid #94C23D;
    background-color: #616161;
    padding: 0;
}

.menue.dropdown:hover .dropdown-menu {
    -webkit-transition: background-color ease 0.8s;
    -moz-transition: background-color ease 0.8s;
    -ms-transition: background-color ease 0.8s;
    transition: background-color ease 0.8s;
}


footer {
    margin: 0 15px !important;
    padding: 0;
}

.menue {
    position: unset;
}

.nav &gt; li {
    position: static;
    display: block;
}

.menue:hover &gt; .dropdown-menu {
    display: block;
}

.menue:hover .displayflex {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.displayflex {
    color: #3c763d;
    list-style: unset;
}

.dropdown-menu &gt; .displayflex &gt; ul {
    list-style: unset;
}

.dropdown-menu &gt; .displayflex &gt; ul &gt; li a {
    color: #fff;
}

.dropdown-menu &gt; .displayflex &gt; ul &gt; li:first-child &gt; a &gt; span:first-child {
    /*color: #94C23D;*/
    color: #8AC751;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    height: 45px;
}

.dropdown-menu &gt; .displayflex &gt; ul &gt; li:first-child &gt; a &gt; span.caret {
    display: none;
}


.dropdown-menu &gt; .displayflex &gt; ul &gt; li:first-child &gt; ul {
    margin-left: -10px;
}

.sidemenu_ug_row {
    min-height: 22px !important;
    margin-top: 3px !important;
    margin-left: -8px !important;
    padding-right: 10px;
}

.ersteebene {
    width: 25%;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    padding-top: 10px;
    padding-bottom: 5px;
    align-items: stretch;
}

div.galbild_vorsch img {
    bottom: unset;
}

.xxx--page-header--img img {
    height: 100%;
    max-height: 180px;
}

.animated {
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.menu-breit {
    display: flex;
    justify-content: space-between;
}

.well {
    background-color: transparent;
    border: 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.well:active,
.well:focus,
.uib-daypicker:active,
.uib-daypicker:focus {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.col-md-4.kale {
    text-align: center;
    padding: 0;
    margin: 0;
}

.col-md-4.kale table {
    margin-left: auto;
    margin-right: auto;
}

.col-md-4.kale td {
    min-width: 42px;
    /*max-width: 42px;*/
}

.full button span {
    background-color: limegreen;
    border-radius: 32px;
    color: black;
}

.partially button span {
    background-color: limegreen;
    border: 3px solid limegreen;
    margin: 0;
    border-radius: 15px;
    /*color: #FFECD2;*/
    color: black;
}

button.btn.no_date {
    display: none;
}

.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open &gt; .dropdown-toggle.btn-info.focus,
.open &gt; .dropdown-toggle.btn-info:focus,
.open &gt; .dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #C0C0C0;
    border-color: #8C8C8C;
}

.btn-info.active,
.text-info {
    background-color: #C0C0C0;
    border-color: #8C8C8C;
}

.well:active, .well:focus, .uib-daypicker:active, .uib-daypicker:focus {
    background-color: transparent;
    border: 0;
    padding: 0;
    border: none !important;
    outline: none !important;
}

td.kal1 {
    min-height: 1px;
    max-height: 25px;
}

.col-md-4.kale table {
    margin-left: auto;
    margin-right: 15px;
}

.daynames {
    border: 1px solid blue;
}

.weiter_lesen {
    color: #8AC751;
    font-size: 14px;
}

.term_list &gt; .cont {
    padding: 10px 10px 0 10px;
}

.xxx--scroll-sticky {
    margin: 0 -15px;
}

.xxx--scroll-sticky .navbar-logo img {
    margin: 5px;
}

.xxx--scroll-sticky .navbar-logo {
    height: 40px;
}

.xxx--page-footer--block--content {
    background-color: #8F9292;
}

.float-left {
    width: 25%;
    float: left;
}

.kopf_menue &gt; div {

}

.kopf_menue &gt; a {
    text-transform: uppercase;
    float: right;
    padding-right: 10px;
}

.fuss_menue {
    padding: 15px;
}

.fuss_menue &gt; a {
    font-size: 18px;
    font-weight: 800;
    color: #CD1719;
    text-transform: uppercase;
}

.fussmenue li {
    list-style: none;
    padding-top: 10px;
}

.fussmenue ul &gt; li &gt; a {
    font-size: 16px;
    margin-left: -37px;
    color: #fff;
}

.startcontainer {
    margin: 0 15px;
}


.katalog-item table {
    width: 65% !important;
    min-width: 300px !important;
    border: 0px solid transparent !important;
    background: transparent !important;
    margin-bottom: 15px;
    font-family: 'Open Sans' !important;
}

.katalog-item tr {
    margin-bottom: 10px !important;
}

.katalog-item td {
    padding: 3px 6px 3px 0 !important;
    vertical-align: top;
    border: 0px solid transparent !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    line-height: 1em;
    background: transparent !important;
}

.katalog-item td font,
.katalog-item td p,
.katalog-item td span {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    line-height: 1em;
    margin: 2px !important;
}


.item_titel {
    color: #6F6F6F;
}

h4.item_titel {
    color: #8AC751;
}

.news-image-list {
    background-size: cover;
    background-position-x: center;
    background-repeat: no-repeat;
}

.news-image-detail,
.news-image-list {
    background-color: #8F9292;
}

.news-image-detail {
    margin: -25px -25px 25px -25px;
}

.news-image-list .galerie_caption {
    color: #555555;
    background-color: rgba(255, 255, 255, .8);
}

.spb-slogan {
    width: 100vw;
    position: relative;
    left: 49%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: 30px;
    background-color: rgba(97, 97, 97, 0.55);
}

.spb-slogan img {
    max-width: 1680px;
    width: 100%;
    margin: -30px auto 0 auto;
}
.spb_start_top_wahlen .xxx--portal-mod--headline,
.spb_start_top_maerker .xxx--portal-mod--headline,
.spb_start_top_rathaus .xxx--portal-mod--headline,
.spb_start_top_kultur .xxx--portal-mod--headline,
.spb_start_top_leben .xxx--portal-mod--headline,
.spb_start_top_rathaus .xxx--portal-mod--headline,
.spb_start_top_wirtschaft .xxx--portal-mod--headline {
    height: 64px;
    line-height: 24px;
}

.symbole {
    margin-bottom: 25px;
    margin-top: 25px;
}

.symbolbild {
    background-image: url("../images/Icons_spremberg.png");
    background-repeat: no-repeat;
    width: 160px;
    height: 160px;
    background-size: 2000px;
    margin: 0 auto;
    /*border: 1px solid black;*/
}

.spb_start_top_kultur.symbolbild {
    background-position-x: -1111px;
    background-position-y: -289px;
}

.spb_start_top_kultur.symbolbild:hover {
    background-position-x: -801px;
    background-position-y: -142px;
}

.spb_start_top_leben.symbolbild {
    background-position-x: -1266px;
    background-position-y: -286px;
}

.spb_start_top_leben.symbolbild:hover {
    background-position-x: -955px;
    background-position-y: 20px;
}

.spb_start_top_rathaus.symbolbild {
    background-position-x: -1266px;
    background-position-y: -138px;
}

.spb_start_top_rathaus.symbolbild:hover {
    background-position-x: -956px;
    background-position-y: -138px;
}

.spb_start_top_wirtschaft.symbolbild {
    background-position-x: -1750px;
    background-position-y: 11px;
    background-size: 1889px;
}

.spb_start_top_wirtschaft.symbolbild:hover {
    background-position-x: -1787px;
    background-position-y: -137px;
    background-size: 1928px;
}

.spb_start_top_wahlen.symbolbild {
    background-position-x: -961px;
    background-position-y: -575px;
    opacity: 0.7;
}

.spb_start_top_wahlen.symbolbild:hover {
    background-position-x: -1145px;
    background-position-y: -592px;
    background-size: 2050px;
    opacity: 0.7;
}

.spb_start_top_maerker.symbolbild {
    background-position-x: -310px;
    background-position-y: -574px;
    opacity: 0.7;

}

.spb_start_top_maerker.symbolbild:hover {
    background-position-x: -489px;
    background-position-y: -592px;
    background-size: 2050px;
    opacity: 0.7;
}

.xxx--portal-mod--block-link--label {
    background: #e7e7e8;
    padding: 0 15px;
    color: #888C8E;
    text-transform: uppercase;
    line-height: 1;
}

.xxx--portal-mod--block-link--image-container {
    text-align: center;
    position: relative;
}

.symbolbild1 {
    background-image: url("../images/Icons_spremberg.png");
    background-repeat: no-repeat;
    width: 145px;
    height: 160px;
    background-size: 2000px;
    margin: 0 auto;
    /*border: 1px solid black;*/
}

.spb_start_top_buerger_service {
    background-image: url("../images/b-service.png");
    background-repeat: no-repeat;
    width: 145px;
    height: 160px;
    background-size: 120px;
    background-position-x: center;
    margin: 0 auto;
    /*border: 1px solid black;*/
}

.spb_start_top_buerger_service:hover {
    background-image: url("../images/b-service-sw.png");
}

.spb_start_top_amtsblatt.symbolbild1 {
    background-position-x: 12px;
    background-position-y: 0;
}

.spb_start_top_amtsblatt.symbolbild1:hover {
    background-position-x: 12px;
    background-position-y: -158px;
}

.spb_start_top_flb.symbolbild1 {
    background-position-x: -145px;
    background-position-y: 0;
}

.spb_start_top_flb.symbolbild1.hover {
    background-position-x: -145px;
    background-position-y: -158px;
}

.spb_start_top_ffw.symbolbild1 {
    background-position-x: -313px;
    background-position-y: 0;
}

.spb_start_top_ffw.symbolbild1:hover {
    background-position-x: -313px;
    background-position-y: -157.5px;
}

/*.spb_start_top_bad.symbolbild1 {
    background-position-x: -474px;
    background-position-y: 0;
}

.spb_start_top_bad.symbolbild1:hover {
    background-position-x: -474px;
    background-position-y: -158px;
}*/

/*Terminvergabe*/
.spb_start_top_bad.symbolbild1 {
    background-position-x: -632px;
    background-position-y: -592px;
}

/*Terminvergabe Hover*/
.spb_start_top_bad.symbolbild1:hover {
    background-position-x: -805px;
    background-position-y: -592px;
}

/*.spb_start_top_lausitzrunde.symbolbild1 {
    background-position-x: -632px;
    background-position-y: -592px;
}

.spb_start_top_lausitzrunde.symbolbild1:hover {
    background-position-x: -805px;
    background-position-y: -592px;
}*/

.spb_start_top_lausitzrunde {
    background-image: url("../images/b-service.png");
    background-repeat: no-repeat;
    width: 145px;
    height: 160px;
    background-size: 120px;
    background-position-x: center;
    margin: 0 auto;
    /*border: 1px solid black;*/
}

.spb_start_top_lausitzrunde:hover {
    background-image: url("../images/b-service-sw.png");
}

.spb_start_top_heimatfest.symbolbild1 {
    background-position-x: -960px;
    background-position-y: -451px;
}

.spb_start_top_heimatfest.symbolbild1:hover {
    background-position-x: -960px;
    background-position-y: -307px;
}

.spb_start_top_weihnachten.symbolbild1 {
    background-position-x: -807px;
    background-position-y: -307px;
}

.spb_start_top_weihnachten.symbolbild1:hover {
    background-position-x: -807px;
    background-position-y: -451px;
}

.spb_start_top_feste.symbolbild1 {
    background-position-x: -1273px;
    background-position-y: -451px;
}

.spb_start_top_feste.symbolbild1:hover {
    background-position-x: -1422px;
    background-position-y: -452px;
}

.symbolbild1a {
    background-image: url("../images/Icons_spremberg.png");
    background-repeat: no-repeat;
    width: 145px;
    height: 154px;
    background-size: 2000px;
    margin: 0 auto;
    /*border: 1px solid black;*/
}

.spb_start_top_fahrplan.symbolbild1a {
    background-position-x: -147px;
    background-position-y: -307px;
}

.spb_start_top_fahrplan.symbolbild1a:hover {
    background-position-x: -147px;
    background-position-y: -452px;
}

.spb_start_top_mitfahr.symbolbild1a {
    background-position-x: -1867px;
    background-position-y: -321px;
}

.spb_start_top_mitfahr.symbolbild1a:hover {
    background-position-x: -1867px;
    background-position-y: -458px;
}

.spb_start_top_wetter.symbolbild1a {
    background-position-x: -475px;
    background-position-y: -307px;
}

.spb_start_top_wetter.symbolbild1a:hover {
    background-position-x: -475px;
    background-position-y: -452px;
}

.spb_start_top_gutschein.symbolbild1a {
    background-position-x: -632px;
    background-position-y: -307px;
}

.spb_start_top_gutschein.symbolbild1a:hover {
    background-position-x: -632px;
    background-position-y: -452px;
}

.symbolbild2 {
    background-image: url("../images/Icons_spremberg.png");
    background-repeat: no-repeat;
    width: 400px;
    height: 400px;
    background-size: 4728px;
    margin: 0 auto;
    /*border: 1px solid black;*/
}


.spb_start_top_news.symbolbild2 {
    background-position-x: -3954px;
    background-position-y: 0;
}

.symbolbild3 {
    background-color: #fff;
    background-image: url("../images/Icons_spremberg.png");
    background-repeat: no-repeat;
    width: 40px;
    height: 45px;
    background-size: 759px;
    margin: 0 auto 10px auto;
    border: 0;
    float: left;
}


.spb_start_top_pdf.symbolbild3 {
    background-position-x: -603px;
    background-position-y: -175px;
}

a:hover &gt; .spb_start_top_pdf.symbolbild3,
.spb_start_top_pdf.symbolbild3:hover {
    background-position-x: -650px;
    background-position-y: -175px;
}

.symbolbild4 {
    background-image: url("../images/Icons_spremberg_weiss.png");
    background-repeat: no-repeat;
    width: 23vw;
    height: 23vw;
    background-size: 49vw;
    margin: 0 auto;
    background-size: 104vw;
    /*border: 1px solid black;*/
}

.spb_start_foot_kutur.symbolbild4 {
    background-position-x: 1vw;
    background-position-y: -27.5vw;
}


.spb_start_foot_leben.symbolbild4 {
    background-position-x: -27.5vw;
    background-position-y: 0vw;
}


.spb_start_foot_rathaus.symbolbild4 {
    background-position-x: -27vw;
    background-position-y: -27vw;
}


.spb_start_foot_wahlen.symbolbild4 {
    background-position-x: -55vw;
    background-position-y: -28vw;
}

.spb_start_foot_wirtschaft.symbolbild4 {
    background-position-x: -55.5vw;
    background-position-y: 0vw;
}

.spb_start_foot_maerker.symbolbild4 {
    background-position-x: -81.5vw;
    background-position-y: 0vw;
}

.symbolbild6 {
    background-image: url("../images/Icons_spremberg.png");
    background-repeat: no-repeat;
    width: 145px;
    height: 145px;
    background-size: 1850px;
    margin: 0 auto;
    opacity: 0.3;
}

.spb_tourismus-kultur.symbolbild6 {
    background-position-x: -742px;
    background-position-y: -128px;
}

.spb_wirtschaft.symbolbild6 {
    background-position-x: -1719px;
    background-position-y: -144px;
}

.spb_leben-in-spremberg.symbolbild6 {
    background-position-x: -886px;
    background-position-y: 14px;
}

.xxx--foot--block-link--label {
    padding: 0;
    color: #CD1719;
    text-transform: uppercase;
    line-height: 20px !important;
}

.xxx--foot--block-link--image-container {
    text-align: center;
    position: relative;
}

.panel-group .panel {

    border-radius: 0;
}

.panel-heading {
    padding: 0;
}

.panel-heading &gt; h4 &gt; a {
    display: block;
    line-height: 30px;
}

.content-container_bg.terminestartseite {
    padding: 24px 25px;
}

.content-container_bg.terminestartseite .xxx--portal-mod--block-knt {
    padding: 0;
}

.content-container_bg.terminestartseite .xxx--portal-mod--block + .xxx--portal-mod--block {
    margin-top: 20px;
}

.xxx--portal-3,
.xxx--portal-14,
.xxx--portal-50,
.xxx--portal-110,
.xxx--portal-109,
.xxx--portal-132 {
    margin: 0 -15px;
}

.xxx--portal-99 .xxx--portal-mod--block + .xxx--portal-mod--block,
.xxx--portal-124 .xxx--portal-mod--block + .xxx--portal-mod--block,
.xxx--portal-127 .xxx--portal-mod--block + .xxx--portal-mod--block,
.xxx--portal-128 .xxx--portal-mod--block + .xxx--portal-mod--block {
    margin-top: 10px;
}


.xxx--portal-headline {
    text-transform: uppercase;
    color: #D2232B;
    font-size: 29px;
}


.xxx--portal-mod--headline {
    text-transform: uppercase;
    color: #D2232B;
    font-weight: 700;
    font-size: 16px;
}

.content-container_bg.startcontainer .xxx--portal-mod--headline {
    text-align: center;
}

.content-container_bg.startcontainer.grau .xxx--portal-mod--headline {
    color: grey;
    font-weight: 700;
    margin: 25px auto;
}

.content-container_bg.startcontainer.rot .xxx--portal-mod--headline {
    color: #D2232B;
}

.newsstartseite div.galbild_vorsch {
    height: 150px;
}

.termincontent {
    position: relative;
    height: auto;
    min-height: 80px;
    z-index: 99;
}

.termincontent a.xxx--portal-mod--block-knt--teaser-btn span {
    position: absolute;
    bottom: -5px;
    left: 15px;
    color: #D2232B;
    font-size: 14px;
    z-index: 100;
}

.teaser_button span {
    font-size: 14px;
}

.startdatum {
    display: block;
    background: grey;
    color: #fff;
    text-align: center;
    font-size: 22px;
    padding-bottom: 28px;
    padding-top: 28px;
    margin: 0 -15px;
}

.xxx--portal-mod--block-knt--headline &gt; a {
    font-weight: 700 !important;
}

.uib-yearpicker td,
.uib-yearpicker th,
.uib-monthpicker td,
.uib-monthpicker th,
.uib-daypicker td,
.uib-daypicker th {
    padding: 2px;
}

.uib-yearpicker .btn.btn-default,
.uib-monthpicker .btn.btn-default,
.uib-daypicker .btn.btn-default {
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: 3px 5px 10px 1px rgba(0, 0, 0, 0.25);
}

.btn.btn-default.uib-left:focus,
.btn.btn-default.uib-right:focus {

}

.uib-day .btn.btn-default {
    border-radius: 0;
    box-shadow: 3px 5px 10px 1px rgba(0, 0, 0, 0.25);
}

.galerie_caption,
.head_news_center,
.head_termin_center {
    text-align: center;
    margin-top: 5px;
}

.termin_rot {
    color: #CD1719;
}

.navbar-default .navbar-collapse .logo_img img {
    width: 48px;
    display: none;
}

.navbar-default .navbar-collapse .logo_img {
    background-image: url("../images/head_logo_sm.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 48px;
    height: 50px;
}


.container-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.xxx--portal-mod--block-link {
    min-height: 120px;
}

.xxx--portal-mod--block-link:hover .xxx--portal-mod--block-link--label.xxx---has-src {
    padding: 50px 15px;
}

.alfabethlist {
    margin-bottom: 25px;
}

div.link_alfabeth {
    float: left;
    text-align: center;
    width: auto;
    cursor: pointer;
    border: 1pt solid #ddd;
    background-color: #fff;
    border-radius: 185px;
    margin: 3px;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.25);
    /*background-image: linear-gradient(to right, #ECE9E6 0%, #FFFFFF 51%, #ECE9E6 100%)*/
}

div.link_alfabeth a {
    min-width: 33px;
    height: 33px;
    padding: 8px 8px;
    display: block;
}

div.link_alfabeth:hover {
    background-position: right center;
}


a.link_activ,
div.link_alfabeth a:hover {
    font-family: 'Open Sans', sans-serif;
    color: black;
    font-weight: 600;

}

.panel-collapse.in.collapse {
    /*margin-top: 20px;*/
}

.panel-group .panel-heading + .panel-collapse &gt; .list-group, .panel-group .panel-heading + .panel-collapse &gt; .panel-body {
    border-top: 1px solid transparent;
}

.alletermine {
    border: 1px solid transparent;
    background-color: #fff;
    box-shadow: 3px 5px 10px 1px rgba(0, 0, 0, 0.25);
}

.dss-knt-detail-gohistory {
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 5px 6px;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.dss-knt-news {
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 5px 10px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 100;
}
.dss-knt-termine {
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 5px 10px;
    margin-bottom: 15px;
    position: absolute;
    bottom: 0px;
    right: 15px;
    z-index: 100;
}

.news-item-container {
    padding-top: 10px;
}

.dokumentlinks {
    margin-top: 20px;
}

.insert-portal {
    margin-right: -15px;
}

.xxx--portal-116 .xxx--portal-mod--headline {
    white-space: nowrap;
}

.cookie-warn--message {
    padding-left: 10px;
}

.xxx--portal-mod--block-knt--teaser-text {
    margin-bottom: 15px;
}

.search_knt_item .teaser_button,
.search_knt_item .teasertext {
    padding: 0 15px;
}

.portal_oe dt {
    width: 35%;
    float: left;
}

.portal_oe dd {
    width: 100%;
}

.xxx--portal-6,
.xxx--portal-129,
.xxx--portal-98,
.xxx--portal-130 {
    margin-left: -15px;
}

.xxx--portal-99,
.xxx--portal-124,
.xxx--portal-127,
.xxx--portal-128 {
    margin-right: -15px;
}

.xxx--portal-128 {
    margin-bottom: 10px;
}


.xxx--portal-mod-121-4 {
    padding: 0 2vw 2vw 2vw;
}


.xxx--portal-98 .xxx--portal-mod--block-link:hover {
    box-shadow: none;
}

.xxx--portal-98 .xxx--portal-mod--block-link {
    position: relative;
    display: block;
    min-height: 60px;
    margin: 0 15px;
    overflow: hidden;
    border: 0;
    box-shadow: none;
    transition: box-shadow 300ms ease;
}

.symbolbild5 {
    background-repeat: no-repeat;
    background-color: white;
    width: 75px !important;
    height: 60px !important;
    background-size: 847px;
    margin: 0 auto;
}

.xxx--portal.xxx--portal-98 + .xxx--portal,
.xxx--portal.xxx--portal-129 + .xxx--portal,
.xxx--portal.xxx--portal-130 + .xxx--portal,
.xxx--portal.xxx--portal-140 + .xxx--portal {
    margin-top: 10px;
}


.spb_kultur_link {
    background-color: #616161;
    padding: 0 10px;
    height: 85px;
    max-height: 115px;
}

.xxx--portal-98 .spb_kultur_link {
    background-color: #CD1719;
}

.xxx--portal-130 .spb_kultur_link,
.xxx--portal-128 .spb_kultur_link {
    background-color: #91C94F;
}

.xxx--portal-129 .spb_kultur_link {
    background-color: #0997D7;
}

.xxx--portal-140 .spb_kultur_link {
    background-color: #0997D7;
}

.xxx--portal-129 .spb_kultur_link.white {
    margin-top: 15px;
    background-color: #fff;
}

.xxx--portal-139 .spb_kultur_link {
    margin-bottom: 10px;
    background-color: #0997D7;
}

.kuktur_link {
    width: 100%;
    height: 80px;
}

.kultur_link_text {
    color: white;
    padding-top: 15px;
    font-size: 22px;
    line-height: 20px;
}

.xxx--portal-129 .spb_kultur_link.white .kultur_link_text {
    color: #111;
    font-size: 28px;
    text-transform: uppercase;
}

.spb_kutur_freilichtbuehne.symbolbild5 {
    background-position-x: -47px;
    background-position-y: -63px;
}

.spb_kutur_heimatfest.symbolbild5 {
    background-position-x: -392px;
    background-position-y: -126px;
}

.spb_kutur_weihnachtsmarkt.symbolbild5 {
    background-position-x: -327px;
    background-position-y: -187px;
}

.spb_kutur_info.symbolbild5 {
    background-position-x: -524px;
    background-position-y: 4px;
}

.xxx--portal-111 &gt; .startcontainer {
    /*height: 380px;*/
    /*min-height: 525px;*/
    /*overflow: hidden;*/
    /*border-bottom: 40px solid #fff;*/
}

.gallist {
    position: relative;
}

.gallist div.galbild_vorsch {
    background-color: #f3f3f3;
    z-index: 11;
}

.gallist div.galbild_vorsch img {
    z-index: 12;
}

div.gal_list div.galerie_caption {
    position: absolute;
    bottom: 0;
    width: 96%;

    line-height: normal;
    z-index: 13;
}

div.gal_list div.galerie_caption .gimgnotation {
    color: #000;
    background: rgba(243, 243, 243, 0.9);
}

#modalimage_gal-description {
    margin-top: 10px;
}

#modalimage_gal-description span {
    position: relative;
}

.spb-accordion {
    margin: 0;
}

/*===================== Anatol ==============================*/

.b-haushalt {
    display: block;
    background-color: #8AC751;
    padding: 15px;
    text-align: center;
}

.b-haushalt.b-weihnacht {
    background-color: #F60319;
}

.b-haushalt span{
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
}

/*=====================/ Anatol ==============================*/

/*===================== Anatol  Spremberg-APP==============================*/

.knt__detail-spb {
    background-color: #e7e7e8;
    padding: 15px;
    margin: 15px;
}

.knt__detail-spb .headline * {
    color: #ED1C25;
}

.spb-app__content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 30px;
}

.spb__app {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 15px;
}

.spb-app__content .galbild_vorsch.bg__image {
    aspect-ratio: 16/9;
    height: unset !important;
    background-size: contain;
}

.spb-app__item {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.spb-app__item div {
    /*height: 100%;*/
}


.spb-app__item:nth-child(1) {
    order: 2;
}

.spb-app__item:nth-child(2) {
    order: 1;
}

.spb-app__item:nth-child(3) {
    order: 3;
}

.spb-app__item:nth-child(2) img {
    max-width: 200px;
}

.spb-app__item:nth-child(3) img {
    max-width: 160px;
}

.spb__app .gal_list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.spb-app__item img {
    max-width: 100%;
}

.h-100 {
    height: 100%;
}

.knt-detail__text * {
    color: #000 !important;
}

.spb-app__icon {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 154px;
}

.spb-app__icon.spb-app__top {
    height: 160px;
}

.spb-app__icon img {
    height: 122px;
}

.spb-app__icon:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


/*=====================/ Anatol Spremberg-APP==============================*/

@media (max-width: 767px) {
    .insert-portal {
        margin-left: -15px;
    }

    .xxx--portal-mod--headline {
        text-align: center;
    }

    .kalender {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .fuss_menue {
        padding-top: 15px;
        height: 100px;
        text-align: center;
    }

    .xxx--page-footer--block--tmg .nav &gt; li {
        text-align: center;
    }

    .xxx--portal-112 {
        margin-top: 15px;
    }

    .xxx--portal-112 .symbolbild1 {
        height: 20px;
    }

    .xxx--portal-112 .xxx--portal-mod {
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid dimgrey;
    }

    .termincontent,
    .grau &gt; div,
    .start-portal-news {
        padding: 0;
    }

    .fuss_menue {
        height: auto;
        padding-bottom: 25px;
    }

    .xxx--foot--block-link--image-container {
        height: 32vw;
    }

    .xxx--portal-mod--block-link--image-background {
        background-size: contain;
    }

    .symbole-xs {
        padding: 0;
        margin-top: 10px;
    }

    .green_line,
    .startcontainer,
    .terminestartseite {
        border-top: 3px solid #8AC751;
    }

    .foot-xs {
        background-color: #8F9292;
        padding: 10px !important;
    }

    .foot-menu {
        text-align: center;
        height: 35px;
        padding: 10px 0 0 0;
    }

    .foot-menu a span {

        color: #CD1719;
        text-transform: uppercase;
    }

    .tmg-content .content-container_bg {
        padding: 25px 30px;
    }

    .foot-logo {
        padding: 0;
    }

    .foot-logo img {
        height: 50px;
    }

    .foot-slogan {
        padding-top: 8px;
        font-size: 22px;
        color: #fff;
        font-weight: 800;
    }

    .foot-spremberg {
        margin: 15px auto;
        max-width: 280px;
    }

    .content-container_bg.news_teaser_item {
        padding: 15px;
    }

    .news-image-list {
        background-size: contain;
        background-position-x: center;
        background-repeat: no-repeat;
    }

    .galerie_caption {
        margin-bottom: 15px;
    }

    .termincontent .xxx--portal-mod--block-knt--headline {
        margin-bottom: 10px;
    }

    .adresse {
        border-bottom: 1px solid #8AC751;
    }

    .termincontent a.xxx--portal-mod--block-knt--teaser-btn span {
        left: 0;
    }
    .fuss_menue &gt; a {
        font-size: 14px;
    }
    .spb-app__item:nth-child(3) {
        display: none;
    }
    .spb-app__item:nth-child(1) {
        order: 1;
    }

    .spb-app__item:nth-child(2) {
        order: 2;
    }
    .spb-app__content {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }

}


@media (min-width: 992px) {
    .navbar-nav.leftnav &gt; li &gt; a {
        padding-left: 2.8vw;
        padding-right: 2.8vw;
        font-size: 18px;
        text-transform: uppercase;
    }

    .navbar-nav.rightnav &gt; li &gt; a {
        padding-left: 2vw;
        padding-right: 2vw;
        font-size: 18px;
        text-transform: uppercase;
    }

    .navbar-default .navbar-nav &gt; .active &gt; a,
    .navbar-default .navbar-nav &gt; .active &gt; a:hover,
    .navbar-default .navbar-nav &gt; li &gt; a:hover {
        color: #fff;
        border-left: 1px solid #fff;
        background-color: #616161;
        -webkit-transition: background ease 0.3s;
        -moz-transition: background ease 0.3s;
        -ms-transition: background ease 0.3s;
        transition: background ease 0.3s;
    }

    .modal-dialog {
        margin-top: 100px;
    }

    .content-container_bg.clearfix.news-item,
    .content-container_bg.clearfix.termin-item,
    .content-container_bg.clearfix.katalog-item {
        animation-duration: 2s;
        animation-name: slidein;
        z-index: 1;
        /*animation-iteration-count: infinite;*/
    }

    @keyframes slidein {
        from {
            margin-top: -20%;
            height: 300%;
        }

        to {
            margin-top: 0%;
            height: 100%;
        }
    }
}


@media (max-width: 991px) {
    body {
        overflow-x: hidden;
    }

    .xxx--page-header--img img {
        height: 100%;
        max-height: 100px !important;
    }

    .logo-center {
        margin: 15px auto -110px auto;
        text-align: center;
    }

    .navbar-toggle {
        position: relative;
        float: left;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        width: 35px;
        height: 3px;
        margin-bottom: 5px;
        background-color: #EE1C25;
    }

    .suchfeld-container form {
        width: 100%;
        margin: 0 auto;
    }

    .searchicon .fa {
        margin-top: 10px;
        float: right;
        color: #EE1C25;
    }

    .container {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .xxx--page-content {
        margin: 0 -15px;
    }

    .xxx--portal-mod--headline {
        text-align: center;
    }

    .xxx--portal-mod--block-link--image-background {
        background-size: contain;
    }

    .menu-margin {
        margin-left: 24px;

    }

    .dropdown ul {
        list-style: none;
    }

    .menumargin .menu-margin {
        margin-left: -4px;
        padding: 4px 0;
    }

    .kale {
        padding: 0 25px !important;
        width: auto;
        margin: 0 auto;
    }

    .content-container_bg.news_teaser_item p,
    .content-container_bg.news_teaser_item h4 {
        padding: 0 15px;
    }

    .xxx--portal-headline,
    .xxx--portal-6,
    .xxx--portal-129,
    .xxx--portal-98,
    .xxx--portal-130,
    .xxx--portal-120,
    .xxx--portal-121,
    .xxx--portal-122,
    .xxx--portal-123 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .spb_kultur_link {
        min-height: 80px;

    }

    .symbolbild6 {
        max-height: 145px;
        max-width: 145px
    }

    #backtop {
        bottom: 80px;
        right: 55px;
    }

    .termincontent, .grau &gt; div, .start-portal-news {
        padding: 0;
    }
    .xxx--portal-112 .xxx--portal-mod--block-link--image-container {
        margin-bottom: 15px;
    }

    .xxx--portal-50,
    .xxx--portal-99,
    .xxx--portal-110,
    .xxx--portal-124,
    .xxx--portal-127,
    .xxx--portal-128,
    .xxx--portal-132 {
        margin: 0;
    }

    .spb-accordion {
        margin: 0 15px;
    }

    .alfabethlist {
        padding: 0 10px;
    }
}

@media (max-width: 400px) {
    .kale {
        padding: 0 0 0 5vw !important;
    }

    #backtop {
        bottom: 10px;
        right: 5px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .leftnav {
        margin-left: -7vw !important;
    }

    .rightnav {
        margin-right: -7vw !important;
    }

    .spb_start_top_news.symbolbild2 {
        background-position-x: -271vw;
        background-position-y: 0;
    }

    .symbolbild2 {
        background-image: url(../images/Icons_spremberg.png);
        background-repeat: no-repeat;
        width: 28vw;
        height: 27vw;
        background-size: 325vw;
        margin: 0 auto;
        /* border: 1px solid black; */
    }

    .xxx--portal-mod--block-link--image-background {
        background-size: contain;
    }

    .startdatum {
        font-size: 1.6vw;
    }

    .symbolbild6 {
        max-height: 9vw;
        max-width: 9vw;
        background-size: 122vw;
    }

    .spb_tourismus-kultur.symbolbild6 {
        background-position-x: -53.95vw;
        background-position-y: -10vw;
    }

    .spb_wirtschaft.symbolbild6 {
        background-position-x: -53.95vw;
        background-position-y: 0vw;
    }

    .spb_leben-in-spremberg.symbolbild6 {
        background-position-x: -64.3vw;
        background-position-y: 0vw;
    }

}

/*    .navbar-nav.rightnav &gt; li &gt; a {*/
/*        min-width: 15vw;*/
/*    }*/
/*}*/
/*@media (min-width: 1200px) {*/
/*    .navbar-nav.leftnav &gt; li &gt; a {*/
/*        min-width: 15vw;*/
/*    }*/

/*    .navbar-nav.rightnav &gt; li &gt; a {*/
/*        min-width: 11vw;*/
/*    }*/
/*}*/

.suchergebnisse {
    padding-left: 15px;
}

.spb-slogan.undweg img {
   animation-delay: 2s;
    animation-duration: 2s;
    animation-name: slidetop;


    /*animation-iteration-count: infinite;*/
}

.spb-slogan.undweg img {
    animation-fill-mode: forwards;
}

.modal_img_container span {
    position: absolute;
    bottom: 0;
    left: auto;
    right: auto;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px;
    text-align: center;
}

@media (min-width: 768px){
    .modal-dialog {
        width: 75vw;
        margin: 30px auto;
    }
}

@keyframes slidetop {
    from {
        width: 100%;
    }

    to {
        width: 0;

    }
}
.container3 {
    width: 90%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}</pre></body></html>