@import url("normalize.css");
@import url("grid.min.css");

/* =============================================
   Resets
============================================= */


@font-face {
    font-family : 'Open Sans';
    src         : url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight : 400;
    font-style  : normal;
}

@font-face {
    font-family : 'Open Sans';
    src         : url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
    font-weight : 600;
    font-style  : normal;
}

@font-face {
    font-family : 'Open Sans';
    src         : url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight : 300;
    font-style  : normal;
}

* {
    margin          : 0;
    padding         : 0;
    outline         : 0;
    box-sizing      : border-box;
    -webkit-hyphens : auto;
    -ms-hyphens     : auto;
    hyphens         : auto;
}

img,
iframe {
    vertical-align : middle;
    border         : none;
    width          : 100%;
}

button {
    outline : none;
}

figure {
    margin : 0;
}

h1 {
    margin : 0;
}

a {
    text-decoration : none;
}

nav ul {
    list-style : none;
}

header ul:after {
    content : "";
    display : table;
    clear   : both;
}

main p {
    margin-bottom : 15px;
}

main ul {
    margin : 0 15px 15px 30px;
}

main p a, main .location_info a, main article ul a, .location .loc_info a {
    color : #D32E32;
	transition: .2s;
}

main p a:hover, main .location_info a:hover, main article ul a:hover, .location .loc_info a:hover {
    color : #000;
}


/* =============================================
   Global Styles
============================================= */

#stoerer {
    position: fixed;
    z-index: 1;
    top: 217px;
    right: 0;
    width: 115px;
    background: #fff;
    padding: 15px;
    filter: drop-shadow(0px 3px 5px #999);
}

body {
    font-size   : 100%;
    line-height : 1.6;
    background  : #FFF;
    font-family : 'Open Sans', sans-serif;
}

.container {
    max-width     : 1520px;
    width         : 100%;
    margin        : 0 auto;
    padding-right : 15px;
    padding-left  : 15px;
}

.slider {
    max-width : 1920px;
    width     : 100%;
    margin    : 0 auto;
}

/* ====== Border ====== */

.border-top:before,
.border-bottom:after {
    content    : "";
    display    : block;
    height     : 1px;
    background : #000;
}

.row-g.border-top:before,
.row-g.border-bottom:after {
    width  : calc(100% - 30px);
    margin : 0 15px;
}

.modul {
    margin-bottom : 100px;
    border        : 1px solid #d2d2d2;
    padding       : 15px;
}

.fieldrow img {
    width : 48px;
}

.grecaptcha-badge {
    display : none !important;
}

/* =============================================
   Main Styles
============================================= */

header {
    position   : fixed;
    z-index    : 90000;
    width      : 100%;
    top        : 0px;
    left       : 0px;
    background : #fff;
    /*margin-bottom: 30px;*/
    height     : 167px;
    transition : .2s;
}

header.small {
    top    : -47px;
    height : 152px;
}

main {
    margin-top : 167px;
}


.topper {
    position      : relative;
    top           : 0px;
    opacity       : 1;
    visibility    : visible;
    transition    : .2s;
    margin-bottom : 15px;
    font-size     : 14px;
}

.topper .col-10 {
    background     : #878787;
    padding-top    : 5px;
    padding-bottom : 5px;
    position       : relative;
}

.topper .top_nav {
    float : left;
    width : 50%;
}


.topper .top_nav ul {
    list-style : none;
}

.topper .top_nav ul li {
    float : left;
    width : 33.33%;
}

.topper .top_nav a {
    display      : block;
    width        : 100%;
    padding      : 0px 0px 5px;
    text-align   : center;
    border-right : 1px solid #fff;
    font-size    : 14px;
    color        : #fff;
    transition   : .2s;
    float        : left;
    line-height  : 25px;
}

.topper .top_nav ul li:last-child a {
    border : none;
}

.topper .top_nav ul li:first-child a:before {
    content      : "";
    display      : inline-block;
    position     : relative;
    top          : 4px;
    background   : url(../../../assets/userfiles/icons/icon_buergerportal.svg) center no-repeat;
    width        : 25px;
    height       : 25px;
    margin-right : 8px;
    opacity      : 1;
}

.topper .top_nav ul li:nth-child(2) a:before {
    content      : "";
    display      : inline-block;
    position     : relative;
    top          : 4px;
    background   : url(../../../assets/userfiles/icons/icon_karriere.svg) center no-repeat;
    width        : 25px;
    height       : 25px;
    margin-right : 8px;
    opacity      : 1;
}

.topper .top_nav ul li:nth-child(3) a:before {
    content      : "";
    display      : inline-block;
    position     : relative;
    top          : 4px;
    background   : url(../../../assets/userfiles/icons/icon_tickets.svg) center no-repeat;
    width        : 25px;
    height       : 25px;
    margin-right : 8px;
    opacity      : 1;
}


.topper .top_nav a:hover {
    color : #000;
}


.topper .search {
    float   : left;
    padding : 0 0 0 0px;
    width   : 50%;

}

.topper .search input {
    border       : 1px solid #fff;
    background   : #fff;
    padding      : 5px 8px;
    float        : left;
    margin-right : 10px;
    width        : 88%;
}

.topper .search > button {
    display         : block;
    float           : left;
    background      : url(../../../assets/userfiles/icons/icon_suche.svg) center no-repeat;
    background-size : contain;
    border          : none;
    padding         : 14px;
    margin-top      : 4px;
    cursor          : pointer;
}

.topper .search #searchResultsBox {
    position   : absolute;
    left       : 0px;
    top        : 48px;
    z-index    : 50000;
    background : #F8F8F8;
    width      : 100%;
    padding    : 15px 30px;
    height     : 50vh;
    overflow-y : scroll;
    overflow-x : hidden;
}

.topper .search #searchResultsBox h1 {
    font-size   : 28px;
    font-weight : 300;
}

.topper .search #searchResultsBox h3 {
    font-size     : 22px;
    font-weight   : 300;
    background    : #000;
    padding       : 0 15px;
    color         : #fff;
    margin-bottom : 15px;
}

.topper .search #searchResultsBox .totals {
    margin-bottom : 5px;
}

.topper .search #searchResultsBox .close {
    position      : absolute;
    right         : 8px;
    top           : 15px;
    margin-bottom : 0px;
    padding       : 8px;
    float         : right;
    background    : url(../../../assets/userfiles/icons/close.svg) center no-repeat;
    cursor        : pointer;
    opacity       : 1;
    transition    : .2s;
}

.topper .search #searchResultsBox .close:hover {
    opacity : 0.6
}

.topper .search #searchResultsBox .readmore a {
    color      : #D32E32;
    position   : relative;
    transition : .2s;
}

.topper .search #searchResultsBox .readmore a:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    height            : 10px;
    width             : 10px;
    position          : absolute;
    right             : -12px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    font-weight       : 600;
    font-size         : 22px;
    transition        : .2s;
}

.topper .search #searchResultsBox .readmore a:hover:after {
    right : -17px
}

.topper .search #searchResultsBox .result-item {
    margin-bottom : 15px;
}

.topper .search #searchResultsBox button {
    display     : block;
    float       : left;
    background  : #212121;
    border      : 1px solid #212121;
    padding     : 10px 35px 10px 25px;
    margin-top  : 15px;
    color       : #fff;
    transition  : .2s;
    font-weight : 300;
    position    : relative;
}

.topper .search #searchResultsBox button:hover {
    background : #EAEAEA;
    color      : #000;
}

.topper .search #searchResultsBox button:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-white-right-big.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;
    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

.topper .search #searchResultsBox button:hover:after {
    background : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    right      : 10px;
}


.head {
    position   : relative;
    background : #fff;
}

.head .container .row-g {
    /*border-bottom: 1px solid #eaeaea;*/
    padding-bottom : 20px;
}



.cd_timer canvas {display:none}
.cd_timer span {font-size: 30px !important; font-weight: bold !important}

.cd_timer .textDiv_Days, .cd_timer .textDiv_Hours, .cd_timer .textDiv_Minutes, .cd_timer .textDiv_Seconds { width: 25% !important; float: left; font-size: 25px !important; text-align: center }



header nav ul li.level_0 {
    float    : left;
    width    : 20%;
    position : relative;
}

header nav ul li.level_0 a {
    display     : inline-block;
    font-weight : 600;
    font-size   : 16px;
    color       : #000;
    padding     : 30px 0;
    position    : relative;
    transition  : .2s;
}

header.small nav ul li.level_0 a {
    padding : 8px 0 34px;
}

header nav > ul > li > .nav_down {
    content         : "";
    background      : url(../../../assets/userfiles/icons/arrow-black-down-small.svg) center no-repeat;
    background-size : 40%;
    display         : inline-block;
    right           : 0px;
    padding         : 8px;
    transition      : .2s;
}

header nav > ul > li:hover > .nav_down {
    transform : rotate(180deg);
}

header nav > ul > li.level_0 > a:before {
    content    : "";
    display    : block;
    position   : absolute;
    width      : 60px;
    height     : 5px;
    bottom     : -1px;
    transition : ease .2s;
}

header nav > ul > li.level_0 > a:hover:before, header nav > ul > li.level_0.active > a:before {
    height : 15px;
}

header nav > ul > li:nth-child(1) > a:before {
    background : #7a7a7a;
}

header nav > ul li:nth-child(2) > a:before {
    background : #4da42a;
}

header nav ul li:nth-child(3) > a:before {
    background : #0d5fb2;
}

header nav ul li:nth-child(4) > a:before {
    background : #d32e32;
}

header nav ul li:nth-child(5) > a:before {
    background : #e77b3a;
}

header nav ul li ul {
    position   : absolute;
    z-index    : 3000;
    left       : 0;
    opacity    : 0;
    visibility : hidden;
    transition : .2s;
}

header nav ul li:hover ul,
header nav ul li > a:focus ~ ul {
    opacity    : 1;
    visibility : visible;
}

header nav ul > li:nth-child(1) > ul {
    background : #7a7a7a;
}

header nav ul > li:nth-child(2) > ul {
    background : #4da42a;
}

header nav ul > li:nth-child(3) > ul {
    background : #0d5fb2;
}

header nav ul > li:nth-child(4) > ul {
    background : #d32e32;
}

header nav ul > li:nth-child(5) > ul {
    background : #e77b3a;
}

header nav ul li ul .level_1 a {
    display       : block;
    color         : #FFF;
    padding       : 15px 30px;
    border-bottom : 1px solid rgba(255, 255, 255, .2);
    transition    : .2s;
}

header nav ul li ul .level_1 a:hover {
    background : rgba(0, 0, 0, .3);
}

header.small nav ul li ul .level_1 a {
    padding : 15px 30px;
}

header .logo {
    padding : 0px 60px 0 0;
}

header .logo img {
    transition : .2s;
    width      : 115px;
    margin-top : 0px;
}

header.small .logo img {
    width      : 115px;
    margin-top : 15px;
}

/* =============================================
   Slider
============================================= */


main .slider-wrapper {
    position : relative;
}

main .slider-wrapper .container {
    position : relative;
}

main .slider-wrapper, main .slider-wrapper .slider-slides, main .slider-wrapper .slick-list, main .slider-wrapper .slick-track, main .slider-wrapper .slider-slide, main .slider-wrapper .slider-slide_big, main .slider-wrapper .slider-slide_big a {
    min-height : 620px;
}

main .slider-wrapper .slick-arrow {
    position : absolute;
    top      : 0px;
}


main .slider-wrapper .slider-direction_wide {
    display           : block;
    clear             : both;
    position          : absolute;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    left              : 0px;
    width             : 100%;
    height            : 45px;
    z-index           : 5000;
}

main .slider-wrapper .slick-arrow {
    display     : block;
    top         : 0px;
    width       : 45px;
    height      : 45px;
    border      : 1px solid #eaeaea;
    cursor      : pointer;
    float       : left;
    line-height : 45px;
    font-size   : 21px;
    transition  : ease .2s;
    font-weight : 400;
    text-align  : center;
    opacity     : 0.4;
}

main .slider-wrapper .slick-arrow:hover {
    opacity : 0.7;
}

main .slider-wrapper .direction-prev.slick-arrow {
    left            : 30px;
    background      : #eaeaea url(../../../assets/userfiles/icons/arrow-black-left-big.svg) center no-repeat;
    background-size : 40%;
    transition      : .2s;
}

main .slider-wrapper .direction-next.slick-arrow {
    right           : 30px;
    background      : #eaeaea url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    background-size : 40%;
    transition      : .2s;
}

main .slider-wrapper .slider-pagination_wide {
    position : absolute;
    left     : 0px;
    bottom   : 0px;
    width    : 100%;
    height   : 45px;
    padding  : 0;
    z-index  : 2000;
}

main .slider-wrapper .slick-dots {
    margin     : 0;
    text-align : center;
    position   : absolute;
    bottom     : 0px;
    left       : 0px;
    width      : 100%;
}

main .slider-wrapper .slick-dots li {
    display     : inline-block;
    margin      : 0 10px 0 0;
    height      : 45px;
    line-height : 45px;
}

main .slider-wrapper .slick-dots li button {
    border-radius : 100%;
    height        : 12px;
    width         : 12px;
    font-size     : 0px;
    border        : 1px solid #000;
    background    : #fff;
    transition    : .2s;
    cursor        : pointer;
}

main .slider-wrapper .slick-dots li.slick-active button, main .slider-wrapper .slick-dots li button:hover {
    background : #212121;

}

main .slider-wrapper .slider-slide_big a {
    display : block;
    float   : left;
    width   : 100%;
}

main .slider-wrapper .slogan {
    position          : absolute;
    bottom            : 60px;
    -webkit-transform : translateX(-50%);
    transform         : translateX(-50%);
    left              : 50%;
}


main .slider-wrapper a .slogan h2 {
    padding : 10px 35px 10px 10px;
}

main .slider-wrapper .slogan h2 {
    background  : rgba(135, 135, 135, 0.9);
    padding     : 10px 25px 10px 25px;
    font-weight : 300;
    font-size   : 28px;
    color       : #fff;
    display     : block;
    float       : left;
    position    : relative;
}

main .slider-wrapper a .slogan h2:after {
    content           : "»";
    display           : block;
    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    font-weight       : 400;
    font-size         : 28px;
    transition        : .2s;
}

main .slider-wrapper a:hover .slogan h2:after {
    right : 10px;
}

main .slider-wrapper .slogan h3 {
    background  : rgba(255, 255, 255, 0.9);
    padding     : 10px;
    font-weight : 400;
    font-size   : 18px;
    color       : #000;
    display     : block;
    float       : left;
    clear       : both;
    margin-top  : 15px;
}

main .slider-wrapper .slider-slide_big {
    width : 100%;
    float : left;
}


main .slider-wrapper .copyright {
    display : none;
}

main #event_slider .copyright {
    display: none;
}


/* =============================================
   Übersichten
============================================= */

.main_top h1, .main_top h2, .main h1, .main h2 {
    font-size     : 28px;
    font-weight   : 300;
    margin-bottom : 16px;
}

.main_top nav ul, .main nav ul {
    -webkit-columns : 2;
    -moz-columns    : 2;
    columns         : 2;
    margin          : 0;
}

.main_top nav ul li, .main nav ul li {
    margin-bottom : 1px;
}

.main_top nav li a, .main nav ul li a {
    display    : inline-block;
    width      : 100%;
    background : #EAEAEA;
    border     : 1px solid #EAEAEA;
    color      : #000;
    padding    : 10px 25px;
    transition : .2s;
    position   : relative;
}

.main_top nav li a:hover, .main nav li a:hover {
    background : #fff;
}

.main_top nav li a:after, .main nav li a:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;
    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

.main_top nav li a:hover:after, .main nav li a:hover:after {
    right : 10px;
}


/* =============================================
   Breadcrumb
============================================= */
#nav_breadcrumb {
    margin-bottom : 7px;
}

#nav_breadcrumb ul {
    list-style      : none;
    -webkit-columns : 1;
    -moz-columns    : 1;
    columns         : 1;
    margin          : 0;
}

#nav_breadcrumb ul li {
    display  : inline-block;
    position : relative;
    padding  : 0 20px 0 0;
}

#nav_breadcrumb ul li:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    background-size   : 50%;
    width             : 15px;
    height            : 15px;
    position          : absolute;
    right             : 0px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
}

#nav_breadcrumb ul li:last-child:after {
    display : none;
}

#nav_breadcrumb ul li:last-child {
    font-weight : 600;
    font-size   : 12px;
}

#nav_breadcrumb ul li a {
    display         : block;
    width           : auto;
    padding         : 0;
    background      : none;
    border          : none;
    text-decoration : none;
    position        : relative;
    transition      : .2s;
    font-size       : 12px;
}

#nav_breadcrumb ul li a:after {
    content    : "";
    background : #000;
    width      : 0%;
    height     : 2px;
    position   : absolute;
    left       : 0px;
    top        : 100%;
    transition : .2s;
}

#nav_breadcrumb ul li a:hover:after {
    width : 100%;
}

/* =============================================
   Banner
============================================= */

.banner {
    height : 35vh;
}

.banner.non-cover {
	height: auto;
}

.banner.non-cover img {
	width: 100%;
	height: auto !important;
}

/* =============================================
   Blog & News
============================================= */

.news h2 {
    font-size     : 28px;
    font-weight   : 300;
    line-height   : 1.6;
    margin-bottom : 30px;
}

.more-news {
    margin-top : 15px;
    float      : left;
}

.more-news h2 {
    font-size     : 28px;
    font-weight   : 300;
    line-height   : 1.6;
    margin-bottom : 30px;
}

.news h3 {
    font-size     : 22px;
    font-weight   : 300;
    line-height   : 1.4;
    margin-bottom : 15px;
    color         : #000;
}



.news a .teasertext p span {
    font-weight : 400;
    transition  : .2s;
    margin-left : 0px;
    margin-top  : -3px !important;
    background  : #fff;
    padding     : 0;
}

.news a:hover .teasertext p span {
    margin-left : 5px;
    font-weight : 600;
    background  : #EAEAEA;
    padding     : 0 5px;
}

.more-news h3 {
    font-size   : 22px;
    font-weight : 300;
    line-height : 1.6;
}


.news .blog-image, .news .preview-image {
    /*width: calc(33% + 3px);*/
    float    : left;
    position : relative;
}

.news .teasertext {
    padding : 0 130px 0 30px;
    /*width: calc(67% - 3px);*/
    float   : left;
}

.news p.date {
    color         : #b2b2b2;
    margin-bottom : 15px;
}

.more-news p.date {
    color     : #b2b2b2;
    font-size : 14px;
}

.more-news p {
    margin-bottom : 0px;
}

.more-news .item_teaser {
    display       : block;
    width         : 100%;
    background    : #EAEAEA;
    border        : 1px solid #EAEAEA;
    color         : #000;
    padding       : 15px 30px 15px 15px;
    margin-bottom : 15px;
    position      : relative;
    transition    : .2s;
    min-height    : 105px;
}

.more-news .item_teaser:hover {
    background : #fff;
}

.more-news .item_teaser:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    height            : 15px;
    width             : 15px;
    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    font-weight       : 600;
    font-size         : 22px;
    transition        : .2s;
}

.press_button {
    margin-bottom : 15px;
}

.press_button p {
    margin : 0;
}

.press_button a {
    display     : block;
    float       : right;
    background  : #EAEAEA;
    border      : 1px solid #EAEAEA;
    padding     : 7px 35px 6px 25px;
    color       : #000;
    transition  : .2s;
    font-weight : 300;
    position    : relative;
    font-size   : 14px;
}

.press_button a:hover {
    background : #fff;
}

.press_button a:after {
    content     : "»";
    display     : block;
    height      : 15px;
    width       : 15px;
    position    : absolute;
    right       : 15px;
    top         : 1px;
    font-weight : 400;
    font-size   : 22px;
    line-height : 28px;
    transition  : .2s;
}

.press_button a:hover:after {
    right : 10px;
}


.more-news .item_teaser:hover:after {
    right : 10px;
}

.news_overview h1, .archive-list h3 {
    font-size     : 28px;
    font-weight   : 300;
    line-height   : 1.6;
    margin-bottom : 30px;
    float         : left;
    color         : #000;
    display       : block;
    width         : 100%;
}

.news_overview .teaser {
    margin-bottom : 60px;
}

/*
.news_overview .teaser a {
	display: block;
	color: #000;
}
*/
.news_overview .teaser a .teasertext span {
    font-weight : 400;
    transition  : .2s;
    margin-left : 0px;
    margin-top  : -3px !important;
    background  : #fff;
    padding     : 0;
}

.news_overview .teaser a:hover .teasertext span {
    margin-left : 5px;
    font-weight : 600;
    background  : #EAEAEA;
    padding     : 0 5px;
}


.news_overview .teaser h2 {
    font-size     : 22px;
    font-weight   : 400;
    color         : #000;
    margin-bottom : 12px;
	line-height: 1.4;
}

.news_overview .teaser .date {
    font-size     : 14px;
    color         : #A7A7A7;
    margin-bottom : 12px;
}

.news_overview .teaser .teaser_content {
    padding : 0 130px 0 30px;
}

.news_overview .teaser .teaser_content.no-image {
    padding : 0px 130px 0 0;
}

.news_overview .teaser .preview-image:after {
    content     : "";
    display     : block;
    padding-top : 100%;
}

.news .button, .news_overview .teaser .button {
    display     : block;
    float       : left;
    background  : #fff;
    border      : 1px solid #dadada;
    padding     : 5px 35px 5px 25px;
    margin-top  : 15px;
    color       : #000;
    transition  : .2s;
    font-weight : 300;
    position    : relative;
}

.news .button:hover, .news_overview .teaser .button:hover {
    background : #EAEAEA;
    color      : #000;
}

.news .button:after, .news_overview .teaser .button:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;

    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

.news .button:hover:after, .news_overview .teaser .button:hover:after {
    right : 10px;
}

.archive-list .category-link {
    display       : inline-block;
    width         : 100%;
    background    : #EAEAEA;
    border        : 1px solid #EAEAEA;
    color         : #000;
    padding       : 10px 25px;
    transition    : .2s;
    position      : relative;
    margin-bottom : 1px;
}

.archive-list .category-link:hover {
    background : #fff;
}

.archive-list .category-link:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;
    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

.archive-list .category-link:hover:after {
    right : 10px;
}


.article-list .records {
    width : 100%;
    float : left;
}

.article-list .loadmore {
    display     : block;
    float       : left;
    background  : #fff;
    border      : 1px solid #dadada;
    padding     : 5px 35px 5px 25px;
    margin-top  : 15px;
    color       : #000;
    transition  : .2s;
    font-weight : 300;
    position    : relative;
}

.article-list .loadmore:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-white-right-big.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;

    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

.article-list .loadmore:hover {
    background : #EAEAEA;
    color      : #000;
}

.article-list .loadmore:hover:after {
    background : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    right      : 10px;
}


.articleview h1{
    font-size     : 28px;
    font-weight   : 300;
    line-height   : 1.4;
    margin-bottom : 15px;
}


.articleview h2 {
    font-size     : 22px;
    font-weight   : 300;
    line-height   : 1.4;
    margin-bottom : 15px;
}

.articleview .date {
    font-size     : 22px;
    font-weight   : 300;
    line-height   : 25px;
    color         : #A7A7A7;
    margin-bottom : 15px;
}

.articleview .article_content {
    padding-right : 60px;
}

.articleview .blog-image img {
    margin : 0;
}

.articleview .teasertext {
    margin-bottom : 15px;
}

.articleview .gallery a {
    margin-left     : 0px;
    margin-bottom   : 15px;
    background-size : cover !important;
}

.articleview .gallery a:after {
    content     : "";
    display     : block;
    padding-top : 100%;
}

.articleview .downloads ol {
    list-style : none;
    margin     : 0;
}

.articleview .downloads ol a {
    display       : inline-block;
    width         : 100%;
    background    : #EAEAEA;
    border        : 1px solid #EAEAEA;
    color         : #000;
    padding       : 10px 29px 10px 25px;
    transition    : .2s;
    position      : relative;
    margin-bottom : 1px;
}

.articleview .downloads ol a:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;
    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

.articleview .downloads ol a:hover {
    background : #fff;
}

.articleview .downloads ol a:hover:after {
    right : 10px;
}


.articleview .back, .article-list .back {
    display      : block;
    float        : left;
    background   : #fff;
    border       : 1px solid #212121;
    padding      : 10px 25px 10px 35px;
    margin-top   : 15px;
    color        : #000;
    transition   : .2s;
    font-weight  : 300;
    position     : relative;
    cursor       : pointer;
    margin-right : 15px;
}

.articleview .back:hover, .article-list .back:hover {
    background : #212121;
    color      : #fff;
}

.articleview .back:after, .article-list .back:after {
    content     : "«";
    color       : #000;
    display     : block;
    height      : 15px;
    width       : 15px;
    position    : absolute;
    left        : 15px;
    top         : 2px;
    font-weight : 400;
    font-size   : 22px;
    transition  : .2s;

}

.articleview .back:hover:after, .article-list .back:hover:after {
    left  : 10px;
    color : #fff;
}

/* =============================================
  Special News
============================================= */

.special_news {
    background : #e9e6df;
    padding    : 60px 0;
	margin-bottom: 15px;
}

.special_news.two {
	background: #Aeaeae;
}

.special_news.three {
	background: #dddddd;
}

.special_news article, .special_news_small article {
    padding-left : 15px;
}

.special_news article h2 {
    font-size     : 22px;
    font-weight   : 300;
    line-height   : 1.6;
    margin-bottom : 15px;
    color         : #000;
}

.special_news article a {
    display      : block;
    float        : left;
    background   : #ddd;
    border       : 1px solid #fff;
    padding      : 5px 35px 5px 25px;
    margin-top   : 15px;
    color        : #000;
    transition   : .2s;
    font-weight  : 300;
    position     : relative;
    margin-right : 30px;
}

.special_news article a:hover {
    background : #EAEAEA;
    color      : #000;
}

.special_news article a:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;

    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

.special_news article a:after {
    right : 10px;
}

.special_news_small {margin: 15px 0 ; 
    background : #e9e6df;
    padding    : 0px 0;}

.special_news_small p {margin: 8px 0 0 0;}


/* =============================================
  Events
============================================= */


.cat_top { margin-top: 45px;}



.content_grey {
    background : #EAEAEA;
    padding    : 60px 0;
	margin-top: 60px;
}

.event_list .event {
    margin-bottom : 60px;
}


.events_fp .event_fp .preview-image.fp-blog-image {
    background-size : cover !important;
    float           : left;
}

/* Fix Images */
/* .events_fp .event_fp .preview-image.fp-blog-image:before, .events .event .preview-image:before {
    content     : "";
    display     : block;
    padding-top : 100%;
}*/ 
.events_fp .event_fp .preview-image.fp-blog-image:before, .events .event .preview-image img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1/1;
}
/* End Fix Images */

.events_fp .event_fp .fp-textbox {
    padding : 0 60px 0 30px;
    /*width: calc(56% - 3px);*/
    float   : left;
}

.event_list .fp-textbox {
    padding : 0 130px 0 30px;
}

.event_list .event-date {
    font-size     : 22px;
    font-weight   : 400;
    line-height   : 25px;
    color         : #717171;
    margin-bottom : 5px;
}


.events_fp .event_fp .event-date {
    font-size     : 22px;
    font-weight   : 400;
    line-height   : 25px;
    color         : #717171;
    margin-bottom : 0px;
}

.event_list .event-date .date {
	font-size: 22px;
	color         : #717171;
}


.event_list .dauer .event-date .date {
	font-size: 18px;
	color         : #717171;
}

.online-event-mobile {
	display: none;
	background: #009ad9;
	color: #fff;
	padding: 2px 8px;
	font-size: 12px;
	line-height: 20px;
}
.event_list .event-date .online-event {
	background: #009ad9;
	color: #fff;
	padding: 2px 8px;
	font-size: 12px;
	line-height: 20px;
	    position: relative;
    top: -3px;
	left: 5px;
}

.events_fp .event_fp .online-event {
	background: #009ad9;
	color: #fff;
	padding: 2px 8px;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 5px;
}

.event_list .event-date .online-event-shds {
    background: #FF9700;
    color: #fff;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    top: -3px;
    left: 5px;
}

.events_fp .event_fp .online-event-shds {
    background: #FF9700;
    color: #fff;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
}

.events_fp .event_fp .event-date span, .event_list .event-date span, .event_detail .date span {
    font-size : 14px;
}

.events h1, .calender_cat h3 {
    font-size     : 28px;
    font-weight   : 300;
    line-height   : 1.6;
    margin-bottom : 30px;
    float         : left;
    color         : #000;
    display       : block;
    width         : 100%;
}



	.calender_cat_neu h3 {
    	font-size: 22px;
font-weight: 400;
color: #000;
		margin-bottom: 15px;
    }

.content_grey h2 {
    margin-bottom : 0px;
    float         : left;
}

.content_grey h2 a {
    font-size     : 28px;
    font-weight   : 300;
    line-height   : 1.6;
    margin-bottom : 30px;
    float         : left;
    color         : #000;
}

.events_fp .event_fp h3, .event_list h3 {
    font-size   : 22px;
    font-weight : 400;
    color       : #000
}

.event_list .dauer h3 {
    font-size   : 18px;
    font-weight : 400;
    color       : #000
}



.events_fp .event_fp .button {
    display     : block;
    float       : left;
    background  : #EAEAEA;
    border      : 1px solid #dadada;
    padding     : 5px 35px 5px 25px;
    margin-top  : 15px;
    color       : #000;
    transition  : .2s;
    font-weight : 300;
    position    : relative;
}

.event_list .button {
    display     : block;
    float       : left;
    background  : #fff;
    border      : 1px solid #dadada;
    padding     : 5px 35px 5px 25px;
    margin-top  : 15px;
    color       : #000;
    transition  : .2s;
    font-weight : 300;
    position    : relative;
}

.event_list .button:hover {
    background : #EAEAEA;
    color      : #000;
}

.events_fp .event_fp .button:hover {
    background : #fff;
}

.events_fp .event_fp .button:after, .event_list .button:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;

    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

.events_fp .event_fp .button:hover:after, .event_list .button:hover:after {
    right : 10px;
}

.event_list .back {
    display     : block;
    float       : left;
    background  : #212121;
    border      : 1px solid #212121;
    padding     : 10px 25px 10px 35px;
    margin-top  : 15px;
    color       : #fff;
    transition  : .2s;
    font-weight : 300;
    position    : relative;
    cursor      : pointer;
}

.event_list .back:after {
    content     : "«";
    color       : #fff;
    display     : block;
    height      : 15px;
    width       : 15px;
    position    : absolute;
    left        : 15px;
    top         : 1px;
    font-weight : 400;
    font-size   : 22px;
    transition  : .2s;
}

.event_list .back:hover {
    background : #fff;
    color      : #000;
}

.event_list .back:hover:after {
    left  : 10px;
    color : #000;
}

.events_fp #event_slider {
    margin-bottom : 30px;
}

#event_slider .fp-teaser a {
    display : block;
    color   : #000;
}


.events_fp .slider_nav {
    width      : 100%;
    text-align : center;
    position   : relative;
}

.events_fp #arrow_navigation {
    display           : block;
    position          : absolute;
    top               : 0px;
    -webkit-transform : translateX(-50%);
    transform         : translateX(-50%);
    left              : 50%;

}


.events_fp #arrow_navigation .slick-arrow {
    display      : block;
    width        : 45px;
    height       : 45px;
    border       : 1px solid #fff;
    cursor       : pointer;
    float        : left;
    line-height  : 45px;
    font-size    : 21px;
    transition   : ease .2s;
    font-weight  : 400;
    text-align   : center;
    margin-right : 15px;
}


.events_fp #arrow_navigation .direction-event-prev.slick-arrow {
    background       : url(../../../assets/userfiles/icons/arrow-black-left-big.svg) center no-repeat;
    background-color : #fff;
    background-size  : 40%;
    transition       : .2s;
}

.events_fp #arrow_navigation .direction-event-prev.slick-arrow:hover {
    background-color : #EAEAEA;
}


.events_fp #arrow_navigation .direction-event-next.slick-arrow {
    background       : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    background-color : #fff;
    background-size  : 40%;
    transition       : .2s;
}

.events_fp #arrow_navigation .direction-event-next.slick-arrow:hover {
    background-color : #EAEAEA;
}

.events_fp #dot_navigation {
    float   : left;
    display : block;
}

.events_fp #dot_navigation ul {
    list-style : none;
}

.events_fp #dot_navigation li {
    display     : inline-block;
    margin      : 0 10px 0 0;
    height      : 45px;
    line-height : 45px;
}

.events_fp #dot_navigation li button {
    border-radius : 100%;
    height        : 12px;
    width         : 12px;
    font-size     : 0px;
    border        : 1px solid #000;
    background    : none;
    transition    : .2s;
    cursor        : pointer;
}


.events_fp #dot_navigation li.slick-active button, .events_fp #dot_navigation li button:hover {
    background : #212121;
}

.events_fp .more_events {
    font-weight   : 300;
    /* display: block;
    float: left;*/
    display       : block;
    width         : auto;
    float         : right;
    background    : #fff;
    border        : 1px solid #fff;
    color         : #000;
    padding       : 7px 35px 6px 25px;
    margin-bottom : 15px;
    position      : relative;
    transition    : .2s;
    font-size     : 14px;
}

.events_fp .more_events:hover {
    background : none;
}

.events_fp .more_events:after {
    content     : "»";
    color       : #000;
    display     : block;
    height      : 15px;
    width       : 15px;
    position    : absolute;
    right       : 15px;
    top         : 1px;
    font-weight : 400;
    font-size   : 22px;
    line-height : 25px;
    transition  : .2s;
}

.events_fp .more_events:hover:after {
    right : 10px;

}


.event_detail .event_info {
    padding-right : 60px;
}

.event_detail .back {
    display     : block;
    float       : left;
    background  : #fff;
    border      : 1px solid #212121;
    padding     : 10px 25px 10px 35px;
    margin-top  : 15px;
    color       : #000;
    transition  : .2s;
    font-weight : 300;
    position    : relative;
    cursor      : pointer;
}

.event_detail .back:hover {
    background : #212121;
    color      : #fff;
}

.event_detail .back:after {
    content     : "«";
    color       : #000;
    display     : block;
    height      : 15px;
    width       : 15px;
    position    : absolute;
    left        : 15px;
    top         : 2px;
    font-weight : 400;
    font-size   : 22px;
    transition  : .2s;
}

.event_detail .back:hover:after {
    left  : 10px;
    color : #fff;
}

.event_detail .gallery a {
    background-size : cover !important;
    margin-left     : 0px;
    margin-bottom   : 15px;
}

.event_detail .gallery a:after {
    content     : "";
    display     : block;
    padding-top : 100%;
}

.event_detail h1, .event_detail h2 {
    font-size     : 28px;
    font-weight   : 300;
    line-height   : 1.6;
    margin-bottom : 15px;
}

.event_detail .date {
    font-size     : 22px;
    font-weight   : 400;
    line-height   : 25px;
    color         : #A7A7A7;
    margin-bottom : 22px;
}


.event_detail .location_info .location, .event_detail #event_info > div {
    background    : #EAEAEA;
    padding       : 15px;
    margin-bottom : 1px;
    font-size     : 14px
}

.event_detail .loc_sidebar h3 {
    font-size   : 22px;
    font-weight : 300;
}

.event_detail .location_info .morelink a {
    display     : block;
    float       : left;
    background  : #212121;
    border      : 1px solid #212121;
    padding     : 10px 35px 10px 25px;
    margin-top  : 15px;
    color       : #fff;
    transition  : .2s;
    font-weight : 300;
    position    : relative;
}

.event_detail .location_info .morelink a:hover {
    background : #EAEAEA;
    color      : #000;
}

.event_detail .location_info .morelink a:after {
    content     : "»";
    color       : #fff;
    display     : block;
    height      : 15px;
    width       : 15px;
    position    : absolute;
    right       : 15px;
    top         : 1px;
    font-weight : 400;
    font-size   : 22px;
    transition  : .2s;
}

.event_detail .location_info .morelink a:hover:after {
    right : 10px;
    color : #000;
}

.event_detail .location_info .email {
    margin-top : 15px;
}

.calender_cat a {
    display       : inline-block;
    width         : 100%;
    background    : #EAEAEA;
    border        : 1px solid #EAEAEA;
    color         : #000;
    padding       : 10px 25px;
    transition    : .2s;
    position      : relative;
    margin-bottom : 1px;
}

.calender_cat a:hover {
    background : #fff;
}

.calender_cat a:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;
    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

.calender_cat a:hover:after {
    right : 10px;
}



.calender_cat_neu .list a {
   display       : block;
    color         : #000;
    border-bottom : 1px solid #EAEAEA;
    padding       : 5px 10px 5px 0;
    position      : relative;
    font-size     : 14px;
    transition    : .2s;
}

.calender_cat_neu .list a:hover {
    color : #7a7a7a;
}



.calender_cat_neu .list a:after {
      content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    background-size   : 50%;
    width             : 15px;
    height            : 15px;
    position          : absolute;
    right             : 5px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

.calender_cat_neu .list a:hover:after {
    right : 0px;
}




















































.kulturkalender article {
    padding : 0 130px 0 30px;
}


#frame .video {
	position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
	margin-top: 15px;
}

#frame .video iframe {
	position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}


/* =============================================
  Sidebar
============================================= */

.sidebar {
    padding  : 0 30px 0 0;
    overflow : hidden;
}

.sidebar ul {
    margin : 0;
}

.sidebar nav {
    width      : 100%;
    transition : .2s;
    margin-top : 33px;

}

.sidebar h4 {
    display : none;
}

.sidebar nav ul li a {
    display       : block;
    color         : #000;
    border-bottom : 1px solid #EAEAEA;
    padding       : 5px 10px 5px 0;
    position      : relative;
    font-size     : 14px;
    transition    : .2s;
}

.sidebar nav ul li.active a {
    font-weight : 600;
}

.sidebar nav ul li a:hover {
    color : #7a7a7a;
}

.sidebar nav ul li a:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    background-size   : 50%;
    width             : 15px;
    height            : 15px;
    position          : absolute;
    right             : 5px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

.sidebar nav ul li a:hover:after {
    right : 0px;
}

.sidebar .contact {
    width      : 100%;
    margin-top : 30px;
    font-size  : 12px;
    padding    : 10px;
    border     : 1px solid #EAEAEA;
}

.sidebar .contact p {
    margin-bottom : 0px;
    margin-top    : 5px;
}

.sidebar .contact h3 {
    font-size     : 14px;
    margin-bottom : 0px;
}

/* =============================================
  Locations
============================================= */

.location_list h1, .location_cat h3 {
    font-size     : 28px;
    font-weight   : 300;
    line-height   : 1.6;
    margin-bottom : 30px;
    float         : left;
    color         : #000;
    display       : block;
    width         : 100%;
}

.location_cat a {
    display       : inline-block;
    width         : 100%;
    background    : #EAEAEA;
    border        : 1px solid #EAEAEA;
    color         : #000;
    padding       : 10px 25px;
    transition    : .2s;
    position      : relative;
    margin-bottom : 1px;
}

.location_cat a:hover {
    background : #fff;
}

.location_cat a:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;
    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

.location_cat a:hover:after {
    right : 10px;
}

.location_list .location .location_teaser {
    padding : 0 30px;
}

.location_list .location .preview-image:before {
    content     : "";
    display     : block;
    padding-top : 100%;
}

.location_list .location .location_teaser h3 {
    font-size     : 22px;
    font-weight   : 400;
    color         : #000;
    margin-bottom : 16px;
}

.location_list .location .location_teaser .morelink a {
    display     : block;
    float       : left;
    background  : #212121;
    border      : 1px solid #212121;
    padding     : 10px 35px 10px 25px;
    margin-top  : 15px;
    color       : #fff;
    transition  : .2s;
    font-weight : 300;
    position    : relative;
}

.location_list .location .location_teaser .morelink a:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-white-right-big.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;
    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

.location_list .location .location_teaser .morelink a:hover {
    background : #EAEAEA;
    color      : #000;
}

.location_list .location .location_teaser .morelink a:hover:after {
    background : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    right      : 10px;
}

.location_list .location {
    margin-bottom : 30px;
}


.location .location_content {
    padding-right : 60px;
}

.location .location_content h1, .location .location_content h2 {
    font-size     : 28px;
    font-weight   : 300;
    line-height   : 1.6;
    margin-bottom : 15px;
}

.location .gallery a {
    margin-left     : 0px;
    margin-bottom   : 15px;
    background-size : cover !important;

}

.location .gallery a:after {
    content     : "";
    display     : block;
    padding-top : 100%;
}

.location .map {
    margin-top : 60px;
}

.location .loc_info > div:first-child {
    background    : none;
    padding       : 0px;
    margin-bottom : 30px;
}

.location .loc_info > div {
    background    : #EAEAEA;
    padding       : 15px;
    margin-bottom : 1px;
    font-size     : 14px;
}

.location .loc_info .email {
    margin-top : 15px;
}

.location .loc_info h3 {
    font-size   : 22px;
    font-weight : 300;
}

.location .loc_info .office-hours .day {
    clear         : both;
    width         : 100%;
    float         : left;
    margin-bottom : 5px;
}

.location .loc_info .office-hours .hour {
    float        : left;
    margin-right : 15px;
}

/* =============================================
  Content
============================================= */

/* main article h2, main hgroup h2, .article-list.bpl h2 {
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 16px;
	padding-right: 15px;
}
*/

main article h3 {
    font-size     : 22px;
    font-weight   : 300;
    line-height   : 1.6;
    margin-bottom : 15px;
    color         : #000;
}

main article img {
    margin    : 0 30px 30px 0;
    max-width : 100% !important;
    height    : auto !important;
}

main .akk img {
    margin : 0 30px 15px 0;
}


main .jobs {
    padding-right : 60px;
}

main .jobs article:nth-child(3), main .jobs article:nth-child(5) {
    margin-left : 0px;
}

main .jobs article:nth-child(4), main .jobs article:nth-child(6) {
    margin-left  : 15px;
    margin-right : 0px;
}

/* =============================================
  Kontaktformular
============================================= */

form .fieldrow {
    margin-bottom : 15px;
}

form .fieldrow label {
    display : none;
}

form .fieldrow.privacy label {
    display   : block;
    float     : left;
    width     : 95%;
    font-size : small;
}

form .fieldrow.privacy label a {
    color      : #ef431d;
    transition : .2s;
}

form .fieldrow.privacy label a:hover {
    color : #000;
}

form .fieldrow.privacy input {
    float        : left;
    width        : auto;
    height       : auto;
    margin-top   : 6px;
    margin-right : 7px;
}

form .fieldrow input {
    width   : 100%;
    padding : 5px;
}

form .fieldrow textarea {
    width   : 100%;
    padding : 5px;
    resize  : none;
    height  : 200px;
}

form .fieldrow.privacy button {
    display     : block;
    float       : left;
    background  : #fff;
    border      : 1px solid #dadada;
    padding     : 5px 35px 5px 25px;
    margin-top  : 15px;
    color       : #000;
    transition  : .2s;
    font-weight : 300;
    position    : relative;
    cursor      : pointer;
}


form .fieldrow.privacy button:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;
    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

form .fieldrow.privacy button:hover {
    background : #EAEAEA;
    color      : #000;
}

form .fieldrow.privacy button:hover:after {
    right : 10px;
}


/* =============================================
  Akkordeon
============================================= */

.akk hgroup {
    display       : inline-block;
    width         : 100%;
    background    : #EAEAEA;
    border        : 1px solid #EAEAEA;
    color         : #000;
    padding       : 10px 25px;
    transition    : .2s;
    position      : relative;
    margin-bottom : 1px;
    cursor        : pointer;
}

.akk hgroup:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-down-small.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;
    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    transform-origin  : 50% 32%;
    top               : 50%;
    transition        : .2s;
}

.akk hgroup.active:after {
    -webkit-transform : rotate(180);
    transform         : rotate(180deg);
}

.akk hgroup:hover {
    background : #fff;
}

.akk hgroup h2 {
    font-size     : 22px;
    font-weight   : 300;
    margin-bottom : 0px;
}

.akk .content {
    padding  : 15px 25px;
    overflow : hidden;
    display  : none;
    /*max-height : 0px;*/
    /*transition : .4s;*/

}

.akk .content.show {
    max-height : 50000px;
    padding    : 15px 25px;
}


/* =============================================
   Bebauungspläne
============================================= */


#bpl_search_box .twitter-typeahead {
	width        : calc(33.33% - 10px) !important;
	display: block !important;
	float: left;
	position: relative;
}



#bpl_search_box input {
    padding      : 9px;
    width        : calc(33.33% - 10px);
    margin-right : 10px;
    float        : left;
}

#bpl_search_box #bpl_input_street {
	width: calc(100% - 10px) !important;

}

#bpl_search_box .tt-menu {
	width: calc(100% - 10px) !important;
}

#bpl_search_box button {
    display    : block;
    width      : 33.33%;
    background : #EAEAEA;
    border     : 1px solid #EAEAEA;
    color      : #000;
    padding    : 10px 25px;
    cursor     : pointer;
    float      : left;
    transition : .2s;
}

#bpl_search_box button:hover {
    background : #fff;
}


#bpl_search_box #bpl_search_result {
    float   : left;
    width   : 100%;
    padding : 15px 0;
}

#bpl_search_box #bpl_search_result a {
    display       : inline-block;
    width         : 100%;
    background    : #EAEAEA;
    border        : 1px solid #EAEAEA;
    color         : #000;
    padding       : 10px 25px;
    transition    : .2s;
    position      : relative;
    margin-bottom : 1px;
}

#bpl_search_box #bpl_search_result a:hover {
    background : #fff;
}

#bpl_search_box #bpl_search_result a:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;
    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

#bpl_search_box #bpl_search_result a:hover:after {
    right : 10px;
}

.archive-list.bpl article {
    width : 50%;
    float : left;
}

.archive-list.bpl article:nth-child(odd) {
    margin-right : 10px;
    width        : calc(50% - 10px);
}

.article-list.bpl .item a, .articleview.bpl .downloads a {
    display       : inline-block;
    width         : 100%;
    background    : #EAEAEA;
    border        : 1px solid #EAEAEA;
    color         : #000;
    padding       : 10px 29px 10px 25px;
    transition    : .2s;
    position      : relative;
    margin-bottom : 1px;
}

.article-list.bpl .item a:hover, .articleview.bpl .downloads a:hover {
    background : #fff;
}

.article-list.bpl .item a:after, .articleview.bpl .downloads a:after {
    content           : "";
    background        : url(../../../assets/userfiles/icons/arrow-black-right-big.svg) center no-repeat;
    display           : block;
    width             : 15px;
    height            : 15px;
    position          : absolute;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    top               : 50%;
    transition        : .2s;
}

.article-list.bpl .item a:hover:after, .articleview.bpl .downloads a:hover:after {
    right : 10px;
}

.articleview.bpl .downloads {
    margin-top : 30px;
}

.articleview.bpl ol {
    margin : 0px;
}

.articleview.bpl ol li {
    margin-bottom : 1px;
}


/* =============================================
  Newsletter
============================================= */

#newsletter:after {
    content   : "* Pflichtangaben";
    display   : block;
    float     : left;
    font-size : small;
}

#newsletter.unsub:after {
    display : none;
}

#newsletter .fieldrow {
    width         : calc(25% - 10px);
    margin-right  : 10px;
    margin-bottom : 15px;
    float         : left;
}

#newsletter.unsub .fieldrow {
    width         : 100%;
    margin-bottom : 15px;
    float         : left;
}

#newsletter.unsub .fieldrow input {
    width        : 50%;
    float        : left;
    margin-right : 10px;
}

#newsletter.unsub .fieldrow button {
    float : left;
}

#newsletter .fieldrow:last-child {
    width         : 100%;
    margin-bottom : 15px;
    float         : left;
}

#newsletter .fieldrow.targets {
    width         : 100%;
    float         : left;
    margin-top    : 0px;
    margin-bottom : 15px;
}


#newsletter .fieldrow.ew, #newsletter .fieldrow.dw {
    width         : 100%;
    float         : left;
    margin-top    : 15px;
    margin-bottom : 0px;
}

#newsletter .fieldrow label {
    width   : 100%;
    clear   : both;
    float   : left;
    display : block;
}

#newsletter .fieldrow input, #newsletter .fieldrow select {
    width     : 100%;
    max-width : 100%;
    float     : left;
    padding   : 9px;
    height    : 47px;
}

#newsletter .fieldrow.targets input {
    height       : auto;
    width        : auto;
    display      : inline-block;
    margin-top   : 6px;
    margin-right : 8px;

}

#newsletter .fieldrow.targets label {
    display : inline-block;
    float   : left;
    width   : 95%;
    clear   : none;
}

#newsletter .fieldrow a {
    color      : #ef431d;
    transition : .2s;
}

#newsletter .fieldrow a:hover {
    color : #000;
}

#newsletter .fieldrow button {
    display      : block;
    width        : auto;
    background   : #EAEAEA;
    border       : 1px solid #EAEAEA;
    color        : #000;
    padding      : 10px 25px;
    cursor       : pointer;
    float        : left;
    transition   : .2s;
    margin-right : 10px;
}

#newsletter .fieldrow button:hover {
    background : #fff;
}

#newsletter.hidden {
    display : none;
}

#newsletter .success {
    padding       : 15px;
    border        : 1px solid #ccc;
    border-left   : 2px solid green;
    margin-bottom : 30px;
}

#newsletterkultur-form .checkbox-wrapper {
	float: left;
	width: 100%;
}

#newsletterkultur-form .checkbox-wrapper span {
	margin-right: 15px;
	margin-bottom: 5px;
	float: left;
}


/* =============================================
  Bildnachweis
============================================= */

main p.image {
    position : relative;
}

.copyright {
    position : absolute;
    left     : 0px;
    bottom   : 0px;
    width    : 100%;
    color: #000;
}

main p.image .copyright {
    bottom : 30px;
}

.copyright span:first-of-type {
    display    : block;
    width      : auto;
    padding    : 0 5px;
    float      : left;
    background : rgba(255, 255, 255, 0.8);
    cursor     : pointer;
}

.copyright span:first-of-type:before {
    content   : "Bildnachweis";
    display   : block;
    font-size : 10px;
}

.slider-wrapper .copyright span:first-of-type:before {
    display : none;
}

.copyright span:nth-of-type(2) {
    display    : none;
    width      : 100%;
    float      : left;
    clear      : both;
    padding    : 5px;
    cursor     : pointer;
    font-size  : 12px;
    background : rgba(255, 255, 255, 0.8);
}

.copyright span.visible:nth-of-type(2) {
    background : rgba(255, 255, 255, 0.8);
    height     : auto;
    opacity    : 1;
    visibility : visible;
    padding    : 5px;
}

.copyright p {
    margin-bottom : 0px;
}

/* Datenschutzhinweis für presse übersicht */
.preview-image {
    position : relative;
}

/* Artikelansicht */
.articleview .blog-image {
    position : relative;
}

/* Banner */
.banner, .event_preview_image {
    position : relative;
}

/* =============================================
  Organigramm
============================================= */

.orga-heading .orga-wrap {
    padding       : 10px 0px 20px;
    background    : #EAEAEA;
    border        : 1px solid #EAEAEA;
    text-align    : center;
    margin-bottom : 30px;
    position      : relative;
    transition    : .2s;
}

.orga-heading img, .orga-content img {
    margin        : 0px !important;
    padding       : 0px !important;
    border-bottom : 5px solid #fff;
}

.orga-content {
    /*padding: 10px 10px 20px;*/
    background    : #EAEAEA;
    /*border: 1px solid #EAEAEA;*/
    text-align    : center;
    margin-bottom : 30px;
    position      : relative;
    transition    : .2s;
}

.orga-content.yellow {  background    : #fff8d6}




.orga-heading {
    cursor : pointer;
}


.orga-content {
    display : none;
}

.orga-heading .orga-wrap:hover {
    background : #fff;
}

.orga-heading .orga-wrap:after {
    content             : "";
    display             : block;
    background          : url(../../../assets/userfiles/icons/arrow-black-down-small.svg) center no-repeat #fff;
    background-size     : 50%;
    background-position : 50% 56%;
    border-radius       : 100%;
    height              : 35px;
    width               : 35px;
    position            : absolute;
    border              : 0px;
    -webkit-transform   : translateX(-50%);
    transform           : translateX(-50%);
    left                : 50%;
    bottom              : -12px;
    -webkit-box-shadow  : 0px 10px 14px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow     : 0px 10px 14px 0px rgba(0, 0, 0, 0.24);
    box-shadow          : 0px 10px 14px 0px rgba(0, 0, 0, 0.2);
    transition          : .2s;
}

.orga-heading .orga-wrap:hover:after {
    bottom : -25px;
}

.orga-content {
    text-align : left;
}

.orga-content ul {
    list-style : none;
    margin     : 0px 0px 15px;
    padding    : 10px;
}

.orga-content ul li {
    margin-bottom : 10px;
}

.orga-content ul ul {
    margin  : 0 0 0 30px;
    padding : 0px;
}

.orga-content h4 {
    padding : 0 10px;
}

.orga-heading h4 {
    margin-bottom : 5px;
}

.orga-heading p {
    margin-bottom : 15px;
}


.dezernat {float: left; width: 19.5%; margin-right: 0.5%}
.dezernat_last {float: left; width: 19.5%; margin-left: 0}

.dezernat_head { width: 30%; float: left; margin-left: 34%; margin-bottom: 20px; background: #ffdd00; padding: 15px; text-align: center}
.dezernat_right {width: 19.5%; float:right; background: #ffdd00; padding: 15px; text-align: center}

/* =============================================
  Footer
============================================= */

footer .container {
    border-top : 1px solid #eaeaea;
    font-size  : 14px;
}

footer nav a, footer article a {
    color      : #000;
    transition : .2s;
}

footer nav a:hover, footer article a:hover {
    color : #7a7a7a;
}

footer h4 {
    font-weight   : 600;
    font-size     : 14px;
    margin-bottom : 30px;
}


footer .footer_bottom {
    background : #EAEAEA;
    padding    : 10px 0;
    height     : 45px;
}

footer .footer_bottom .container {
    border-top : none;
}

footer .footer_bottom .container p.legalcopy {
    float     : left;
    font-size : 14px;
}


footer .footer_bottom .container p.print {
    float : right;
}

footer .footer_bottom .container p.print button {
    float      : right;
    padding    : 12px;
    background : url(../../../assets/userfiles/icons/icon_fax.svg) center no-repeat;
    border     : none;
    opacity    : 0.6;
    cursor     : pointer;

}


.copyright-box {
    position : relative;
}

.special > div{
    position: relative;
}

.button-wrapper > article {
    --spacing: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -1) 0;
}

.button-wrapper > article > p {
    flex: 0 0 auto;
    width: 25%;
    padding: calc(var(--spacing) * 2) var(--spacing) 0;
    margin-bottom: 0;
}

.button-wrapper > article > p > a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    min-height: 100px;
    background: #EAEAEA;
    border: 1px solid #EAEAEA;
    color: #000;
    padding: 10px 25px;
    transition: background .2s ease-in-out;
}

.button-wrapper > article > p > a:hover {
    background: #fff;
}

/* =============================================
   Media Queries
============================================= */

@media (max-width : 1785px) {

    main .slider-wrapper .slider-text {
        padding : 0 30px;
    }

    main .slider-wrapper h2 {
        font-size   : 28px;
        line-height : 1.6;
    }

}

@media (max-width : 1550px) {

    main .slider-wrapper h2 {
        font-size   : 22px;
        line-height : 1.6;
    }

}



@media (max-width : 1235px) {
	.event_list .fp-textbox {
    padding: 0 40px 0 30px;
}
}

@media (max-width : 1350px) {

    /* ====== Global Styles ======*/
    .container {
        padding-right : 10px;
        padding-left  : 10px;
    }

    /* ====== Header ====== */
    header .container,
    header .row,
    header .row-g {
        padding-right : 0;
        padding-left  : 0;
    }

    header {
        height : 135px;
    }

    header.small {
        height : 133px;
    }

    main {
        margin-top : 135px;
    }

    .topper .col-10 {
        width : 100%;
    }


    .topper .top_nav {
        float : left;
        width : 60%;
    }

    .topper .search {
        float   : left;
        padding : 0 0 0 0px;
        width   : 40%;
    }

    .topper .search input {

        width : 80%;
    }

    header .head .container .row-g {
        padding-bottom : 0px;
    }

    header .head .container {
        padding-bottom : 0px;
    }

    header .head .container .col-10 {
        margin-top : 15px;
        width      : 100%;
    }

    header .logo {
        padding : 0px 60px 0 15px;
    }

    header .logo img {
        margin-top : 0px;
        width      : 115px;
    }

    header.small .logo img {
        width         : 115px;
        margin-top    : 0px;
        margin-bottom : 0px;
    }

    header nav {
        display : none;
    }


    header nav ul li.level_0 {
        width : 100%;
        float : none;
    }

    header nav ul li.level_0 a {
        display    : block;
        width      : 100%;
        padding    : 20px 15px;
        font-size  : 15px;
        border-top : 1px solid #eaeaea;
    }

    header.small nav ul li.level_0 a {
        padding : 15px 15px;
    }

    header nav ul li ul .level_1 a {
        padding       : 10px 15px;
        border-bottom : 1px solid rgba(255, 255, 255, .2);
        border-top    : none;
    }

    header nav > ul > li.level_0 > a:before {
        width  : 5px;
        height : 100%;
        left   : 0;
        bottom : 0;
    }

    header nav > ul > li.level_0 > a:hover:before, header nav > ul > li.level_0.active > a:before {
        width  : 10px;
        height : 100%;
    }

    header nav > ul > li > .nav_down {
        content         : "";
        background      : url(../../../assets/userfiles/icons/arrow-black-down-small.svg) center no-repeat;
        background-size : 30%;
        display         : block;
        position        : absolute;
        top             : 0px;
        right           : 0px;
        padding         : 0 25px;
        transition      : .2s;
        z-index         : 50000;
        height          : 65px;
    }

    header nav > ul > li > .nav_down_mobile {
        content         : "";
        background      : url(../../../assets/userfiles/icons/arrow-black-down-small.svg) center no-repeat;
        background-size : 40%;
        display         : block;
        position        : absolute;
        top             : 15px;
        right           : 15px;
        padding         : 15px;
        transition      : .2s;
        z-index         : 50000;
    }

    header nav ul li ul {
        position   : relative;
        z-index    : 3000;
        left       : 0;
        opacity    : 1;
        visibility : visible;
        display    : none;
        transition : none !important;
    }

    header nav ul li ul.show {
        opacity    : 1;
        visibility : visible;
    }

    main .slider-wrapper .slogan {
        position : absolute;
        bottom   : 60px;
    }

    main .slider-wrapper .direction-prev.slick-arrow {
        left : 10px;
    }

    main .slider-wrapper .direction-next.slick-arrow {
        right : 10px;
    }


    .events_fp {
        padding : 30px 0;
    }

    .events_fp .event_fp .fp-textbox {
        padding : 0 15px;
    }
}

@media (max-width : 1032px) {
	.event_list .fp-textbox {
    padding: 0px 20px 0 30px;
}
	
	.special_news_small {
    padding    : 0px 0 30px 0;}
	
	
	
	
}

@media (max-width : 1024px) {
	.online-event-mobile {
		display: inline-block;
		margin-bottom: 5px;
	}
	.event_list .event-date .online-event {
		display: none;
	}
}
@media (max-width : 1023px) {
    .events_fp .event_fp .preview-image.fp-blog-image {
        width : 100%;
    }

    .events_fp .event_fp .fp-textbox {
        padding    : 0;
        width      : 100%;
        float      : left;
        margin-top : 15px
    }


    .events_fp #event_slider .slick-track .event_fp:nth-child(even), .events_fp #event_slider .slick-track .event_fp:nth-child(odd) {
        padding-right : 7px;


    }

}

@media (max-width : 768px) {

    .mobile-button {
        top : 61px;
    }

    header.small .mobile-button {
        top : 60px;
    }

    header .topper .top_nav a, .topper .wetter {

    }

    main .mb-60.slider {
        margin-bottom : 30px !important;
    }

    main .slider-wrapper, main .slider-wrapper .slider-slides, main .slider-wrapper .slick-list, main .slider-wrapper .slick-track, main .slider-wrapper .slider-slide, main .slider-wrapper .slider-slide_big, main .slider-wrapper .slider-slide_big a {
        min-height : 520px;
    }

    main .slider-wrapper a .slogan h2, main .slider-wrapper .slogan h2 {
        font-size : 22px;
    }

    main .slider-wrapper a .slogan h3, main .slider-wrapper .slogan h3 {
        font-size : 16px;
    }

    .news h2, .more-news h2 {
        margin-bottom : 15px;
    }

    .news.article-list {
        margin-bottom : 30px;
    }

    .news .blog-image {
        margin-bottom : 15px;
    }

    .news .teasertext {
        padding : 0 0 0 30px;
    }

    .events .event {
        margin-bottom : 30px;
    }

    .events .event .fp-textbox {
        padding : 0 0 0 30px;
    }

    .events_fp .event_fp .preview-image.fp-blog-image {
        width : 100%;
    }

    .events_fp .event_fp .fp-textbox {
        padding    : 0;
        width      : 100%;
        float      : left;
        margin-top : 15px
    }

    .events_fp #event_slider .slick-track .event_fp:nth-child(odd) {
        padding-right : 7px;
    }

    .events_fp #event_slider .slick-track .event_fp:nth-child(even) {


    }

    .events_fp #event_slider .slick-track .event_fp {

    }

    .event_detail .event_info, .location .location_content, main .jobs {
        padding-right : 0px;
    }

    .articleview .article, .news_overview_wrapper, .events, .locations {
        display   : flex;
        flex-wrap : wrap;
    }

    .articleview .article .col-4, .news_overview_wrapper .col-3, .events .calender_cat, .locations .location_cat {
        order       : 1;
        flex-shrink : 0;
    }

    .articleview .article .blog-image, .news_overview_wrapper .archive-list, .location_cat, .calender_cat, .calender_cat_neu {
        margin-bottom : 15px;
    }

    .news_overview_wrapper .archive-list h2, .news_overview_wrapper .article-list h1 {
        margin-bottom : 15px;
    }

    .articleview .article .col-8, .news_overview_wrapper .col-9, .events .event_list, .location_list {
        order       : 2;
        flex-shrink : 0;
    }

    .archive-list h3, .events .calender_cat h3, .location_cat h3 {
        display       : block;
        width         : 100%;
        color         : #fff;
        padding       : 5px 25px;
        transition    : .2s;
        position      : relative;
        margin-bottom : 1px;
        font-size     : 22px;
    }
	

	

	
	

    .archive-list h3:after, .events .calender_cat h3:after, .events .calender_cat_neu h3:after, .sidebar h4:after, .location_cat h3:after {
        content           : "";
        background        : url(../../../assets/userfiles/icons/arrow-black-down-small.svg) center no-repeat;
        display           : block;
        width             : 15px;
        height            : 15px;
        position          : absolute;
        right             : 15px;
        -webkit-transform : translateY(-50%);
        transform         : translateY(-50%);
        transform-origin  : 50% 32%;
        top               : 50%;
        transition        : .2s;
    }

    .sidebar h4.button-animation:after {
        -webkit-transform : rotate(180deg);
        transform         : rotate(180deg);
    }

    .archive-list h3.button-animation:after, .events .calender_cat h3.button-animation:after {
        -webkit-transform : rotate(180);
        transform         : rotate(180deg)
    }

    .archive-list .list, .events .calender_cat .list, .sidebar nav ul, .location_cat .list {
        max-height : 0px;
        overflow   : hidden;
        width      : 100%;
        transition : .4s;
    }

    .sidebar:has(nav:first-child) .contact {
        display : none;
    }

    .archive-list .list.show, .events .calender_cat .list.show, .sidebar nav ul.show, .location_cat .list.show {
        max-height : 500px;
    }

    .articleview .article_content {
        padding : 0;
    }

    .sidebar {
        padding       : 0;
        margin-bottom : 15px;
    }

    .sidebar h4 {
        display       : inline-block;
        width         : 100%;
        background    : #EAEAEA;
        border        : 1px solid #EAEAEA;
        color         : #000;
        padding       : 10px 25px;
        transition    : .2s;
        position      : relative;
        margin-bottom : 1px;
        font-weight   : 300;
    }

    .sidebar nav {
        position : inherit;
    }


}

@media (max-width: 702px) {
    main {
        margin-top: 165px;
    }
}

@media (max-width : 670px) {

    .mobile-button {
        top : 94px;
    }

    #newsletter .fieldrow {
        width        : 100%;
        margin-right : 0px;
    }

    #newsletter .fieldrow button {
        width         : 100%;
        margin-right  : 0px;
        margin-bottom : 10px;
    }

    #newsletter .fieldrow.targets label {
        width : 90%;
    }

    #newsletter.unsub .fieldrow input {
        width         : 100%;
        float         : left;
        margin-right  : 0px;
        margin-bottom : 15px;
    }

    #newsletter.unsub .fieldrow button {
        float : left;
        width : 100%;
    }

    header.small {
        top : -34px;
    }

    header.small .mobile-button {
        top : 94px;
    }

    main {
        margin-top: 175px;
    }

    main .slider-wrapper h2, main .slider-wrapper a h2 {
        font-size   : 22px;
        line-height : 1.6;
    }

    header .topper .col-10 {
        text-align : center;
    }

    header .topper .top_nav {
        display : inline-block;
        float   : none;
        width   : 100%;
    }

    header .topper .top_nav a {

    }

    .topper .wetter {
        padding      : 2px 10px;
        border-right : none;
        display      : inline-block;
    }

    .topper .search {
        padding : 0 10px;
        width   : 100%;
    }

    .topper .search input {
        width : 85%;
    }

    .topper .search #searchResultsBox {
        height     : 70vh;
        top        : 80px;
        text-align : left;
        padding    : 15px 30px 15px 15px;
    }

    header .topper .top_nav ul li:first-child a:before, header .topper .top_nav ul li:nth-child(2) a:before, header .topper .top_nav ul li:nth-child(3) a:before {
        display : none;
    }

    .main_top .banner {
        height : 20vh;
    }


    main .slider-wrapper, main .slider-wrapper .slider-slides, main .slider-wrapper .slick-list, main .slider-wrapper .slick-track, main .slider-wrapper .slider-slide, main .slider-wrapper .slider-slide_big {
        max-height : 420px;
        min-height : 420px;
    }

    main .slider-wrapper .slider-pagination_wide {
        bottom : 89%;
    }

    main .slider-wrapper a .slogan h3, main .slider-wrapper .slogan h3 {
        display : none;
    }


    main .slider-wrapper .slider-slide, main .slider-wrapper .slider-slide_big {
        width      : 100%;
        float      : left;
        max-height : 420px;
        min-height : 420px;
    }

    main .slider-wrapper .slogan {
        position : absolute;
        bottom   : 0px;
        padding  : 0px;
    }

    main .slider-wrapper a .slogan h2, main .slider-wrapper .slogan h2 {
        font-size : 18px;
        width     : 100%;
    }

    main .slider-wrapper .slider-text {
        width   : 100%;
        float   : left;
        padding : 10px;
        height  : auto;
    }

    main .slider-wrapper .heading {
        margin-bottom : 15px;
    }

    .news .blog-image {
        width  : 100%;
        float  : left;
        height : 30vh !important;
    }

    .news .teasertext {
        width   : 100%;
        padding : 0px;

    }

    .news h3 {
        margin-bottom : 5px;
    }

    .news p.date {
        margin-bottom : 5px;
    }

    .events {
        padding : 30px 0;
    }

    .events .event {
        margin-bottom : 30px;
    }

    .events .event .preview-image.fp-blog-image {
        margin-bottom : 15px;
    }

    .events .event .fp-textbox {
        padding : 0;
    }

    .main_top nav ul, .main nav ul {
        -webkit-columns : 1;
        -moz-columns    : 1;
        columns         : 1;
    }

    .events_fp #arrow_navigation {
        display           : block;
        position          : absolute;
        top               : 0px;
        -webkit-transform : translateX(-10px);
        transform         : translateX(-10px);
        left              : 10px;
    }

    .events_fp #arrow_navigation .slick-arrow {

        margin-right : 5px;
    }

    .events_fp #event_slider .slick-track .event_fp:nth-child(odd), .events_fp #event_slider .slick-track .event_fp:nth-child(even) {
        padding-left  : 0px;
        padding-right : 0px;
    }

    .events_fp h2 a {
        margin-bottom : 15px;
    }

    .news_overview .teaser .teaser_content, .news_overview .teaser .teaser_content.no-image {
        padding : 0;
    }

    .news_overview .teaser .preview-image:after {
        padding-top : 50%;
    }

    .main_top #nav_breadcrumb ul {
        text-align : center;
    }

    #nav_breadcrumb ul li a, #nav_breadcrumb ul li:last-child {
        font-size : 14px;
    }

    main article img {
        margin : 0 0 15px 0 !important;
        width  : 100% !important;
        height : auto !important;
    }

    .main_top h1, main article h2, main hgroup h2, .main h1, .main h2 {
        font-size     : 22px;
        padding-right : 0px;
    }
	
	.articleview h2 {
		font-size: 18px;
	}

    main .jobs article:nth-child(3), main .jobs article:nth-child(5), main .jobs article:nth-child(4), main .jobs article:nth-child(6) {
        margin-left  : 0px;
        margin-right : 0px;
        height       : auto !important;
    }

    .archive-list.bpl article:nth-child(odd), .archive-list.bpl article {
        width  : 100%;
        margin : 0px;
    }

    .special_news article {
        padding-left : 0px;
        padding-top  : 15px;
    }


}

.fancybox-opened {
    z-index : 1000000 !important;
}

/* Abstände und Fade-Effekt minified*/

.p-15 {
    padding : 15px
}

.p-30 {
    padding : 30px
}

.p-45 {
    padding : 45px
}

.p-60 {
    padding : 60px
}

.p-90 {
    padding : 90px
}

.p-120 {
    padding : 120px
}

.p-150 {
    padding : 150px
}

.ptb-15 {
    padding-top    : 15px;
    padding-bottom : 15px
}

.ptb-30 {
    padding-top    : 30px;
    padding-bottom : 30px
}

.ptb-45 {
    padding-top    : 45px;
    padding-bottom : 45px
}

.ptb-60 {
    padding-top    : 60px;
    padding-bottom : 60px
}

.ptb-90 {
    padding-top    : 90px;
    padding-bottom : 90px
}

.ptb-120 {
    padding-top    : 120px;
    padding-bottom : 120px
}

.ptb-150 {
    padding-top    : 150px;
    padding-bottom : 150px
}

.pt-15 {
    padding-top : 15px
}

.pt-30 {
    padding-top : 30px
}

.pt-45 {
    padding-top : 45px
}

.pt-60 {
    padding-top : 60px
}

.pt-90 {
    padding-top : 90px
}

.pt-120 {
    padding-top : 120px
}

.pt-150 {
    padding-top : 150px
}

.pb-15 {
    padding-bottom : 15px
}

.pb-30 {
    padding-bottom : 30px
}

.pb-45 {
    padding-bottom : 45px
}

.pb-60 {
    padding-bottom : 60px
}

.pb-90 {
    padding-bottom : 90px
}

.pb-120 {
    padding-bottom : 120px
}

.pb-150 {
    padding-bottom : 150px
}

.m-15 {
    margin : 15px
}

.m-30 {
    margin : 30px
}

.m-45 {
    margin : 45px
}

.m-60 {
    margin : 60px
}

.m-90 {
    margin : 90px
}

.m-120 {
    margin : 120px
}

.m-150 {
    margin : 150px
}

.mtb-15 {
    margin-top    : 15px;
    margin-bottom : 15px
}

.mtb-30 {
    margin-top    : 30px;
    margin-bottom : 30px
}

.mtb-45 {
    margin-top    : 45px;
    margin-bottom : 45px
}

.mtb-60 {
    margin-top    : 60px;
    margin-bottom : 60px
}

.mtb-90 {
    margin-top    : 90px;
    margin-bottom : 90px
}

.mtb-120 {
    margin-top    : 120px;
    margin-bottom : 120px
}

.mtb-150 {
    margin-top    : 150px;
    margin-bottom : 150px
}

.mt-15 {
    margin-top : 15px
}

.mt-30 {
    margin-top : 30px
}

.mt-45 {
    margin-top : 45px
}

.mt-60 {
    margin-top : 60px
}

.mt-90 {
    margin-top : 90px
}

.mt-120 {
    margin-top : 120px
}

.mt-150 {
    margin-top : 150px
}

.mb-15 {
    margin-bottom : 15px
}

.mb-30 {
    margin-bottom : 30px
}

.mb-45 {
    margin-bottom : 45px
}

.mb-60 {
    margin-bottom : 60px
}

.mb-90 {
    margin-bottom : 90px
}

.mb-120 {
    margin-bottom : 120px
}

.mb-150 {
    margin-bottom : 150px
}

.fade, .fade-down, .fade-left, .fade-right, .fade-up {
    opacity                  : 0;
    -webkit-transition       : .5s ease;
    -o-transition            : .5s ease;
    transition               : .5s ease;
    -webkit-transition-delay : .5s;
    -o-transition-delay      : .5s;
    transition-delay         : .5s
}

.fade-up {
    -webkit-transform : translate3d(0, 100px, 0);
    transform         : translate3d(0, 100px, 0)
}

.fade-down {
    -webkit-transform : translate3d(0, -100px, 0);
    transform         : translate3d(0, -100px, 0)
}

.fade-left {
    -webkit-transform : translate3d(-100px, 0, 0);
    transform         : translate3d(-100px, 0, 0)
}

.fade-right {
    -webkit-transform : translate3d(100px, 0, 0);
    transform         : translate3d(100px, 0, 0)
}

.fade.in-view {
    opacity : 1
}

.fade-down.in-view, .fade-left.in-view, .fade-right.in-view, .fade-up.in-view {
    opacity           : 1;
    -webkit-transform : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0)
}

.fade-down.in-view.n1, .fade-left.in-view.n1, .fade-right.in-view.n1, .fade-up.in-view.n1, .fade.in-view.n1 {
    -webkit-transition-delay : .5s;
    -o-transition-delay      : .5s;
    transition-delay         : .5s
}

.fade-down.in-view.n2, .fade-left.in-view.n2, .fade-right.in-view.n2, .fade-up.in-view.n2, .fade.in-view.n2 {
    -webkit-transition-delay : .8s;
    -o-transition-delay      : .8s;
    transition-delay         : .8s
}

.fade-down.in-view.n3, .fade-left.in-view.n3, .fade-right.in-view.n3, .fade-up.in-view.n3, .fade.in-view.n3 {
    -webkit-transition-delay : 1.2s;
    -o-transition-delay      : 1.2s;
    transition-delay         : 1.2s
}

.fade-down.in-view.n4, .fade-left.in-view.n4, .fade-right.in-view.n4, .fade-up.in-view.n4, .fade.in-view.n4 {
    -webkit-transition-delay : 1.5s;
    -o-transition-delay      : 1.5s;
    transition-delay         : 1.5s
}

.fade-down.in-view.n5, .fade-left.in-view.n5, .fade-right.in-view.n5, .fade-up.in-view.n5, .fade.in-view.n5 {
    -webkit-transition-delay : 1.8s;
    -o-transition-delay      : 1.8s;
    transition-delay         : 1.8s
}

.fade-down.in-view.n6, .fade-left.in-view.n6, .fade-right.in-view.n6, .fade-up.in-view.n6, .fade.in-view.n6 {
    -webkit-transition-delay : 2.1s;
    -o-transition-delay      : 2.1s;
    transition-delay         : 2.1s
}

.fade-down.in-view.n7, .fade-left.in-view.n7, .fade-right.in-view.n7, .fade-up.in-view.n7, .fade.in-view.n7 {
    -webkit-transition-delay : 2.4s;
    -o-transition-delay      : 2.4s;
    transition-delay         : 2.4s
}

.fade-down.in-view.n8, .fade-left.in-view.n8, .fade-right.in-view.n8, .fade-up.in-view.n8, .fade.in-view.n8 {
    -webkit-transition-delay : 2.7s;
    -o-transition-delay      : 2.7s;
    transition-delay         : 2.7s
}

.fade-down.in-view.n9, .fade-left.in-view.n9, .fade-right.in-view.n9, .fade-up.in-view.n9, .fade.in-view.n9 {
    -webkit-transition-delay : 3s;
    -o-transition-delay      : 3s;
    transition-delay         : 3s
}

.fade-down.in-view.n10, .fade-left.in-view.n10, .fade-right.in-view.n10, .fade-up.in-view.n10, .fade.in-view.n10 {
    -webkit-transition-delay : 3.3s;
    -o-transition-delay      : 3.3s;
    transition-delay         : 3.3s
}

.fade-down.in-view.n11, .fade-left.in-view.n11, .fade-right.in-view.n11, .fade-up.in-view.n11, .fade.in-view.n11 {
    -webkit-transition-delay : 3.6s;
    -o-transition-delay      : 3.6s;
    transition-delay         : 3.6s
}

.fade-down.in-view.n12, .fade-left.in-view.n12, .fade-right.in-view.n12, .fade-up.in-view.n12, .fade.in-view.n12 {
    -webkit-transition-delay : 3.9s;
    -o-transition-delay      : 3.9s;
    transition-delay         : 3.9s
}

.grid-layout {
    height: 500px;
}

.grid-layout .big-img {
    height: 100%;
    float: left !important;
    position: relative;
}

.grid-layout .big-img.push-right {
    float: right !important;
}

.grid-layout .medium-img,
.grid-layout .small-img {
    height: 50%;
    float: left !important;
    position: relative;
}

.grid-layout .big-img .copyright-box,
.grid-layout .medium-img .copyright-box,
.grid-layout .small-img .copyright-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

@media (max-width: 768px) {
    .grid-layout {
        height: auto;
    }

    .grid-layout .big-img,
    .grid-layout .medium-img,
    .grid-layout .small-img {
        float: none !important;
        width: 100%;
        height: 300px;
        margin-bottom: 15px;
    }

    .sidebar nav {
        position: relative;
        z-index: 5;
    }

    .sidebar nav ul li {
        background: #fff;
    }
}

@media (max-width: 670px) {

    #stoerer.low {
        top: 301px;
    }

    .sidebar nav {
        margin-top: 70px;
    }
}

@media (max-width: 670px) and (max-height: 860px) {
    #dAopener {
        top: auto;
        bottom: 45px;
    }
}