/*----------	 Fonts  -------------*/
/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Light'), local('OpenSans-Light'),
    url('../fonts/open-sans/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('../fonts/open-sans/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url('../fonts/open-sans/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/*----------	 ROOT  -------------*/
html { min-height: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body { background-attachment:fixed !important; background-repeat: no-repeat; min-height: 100%; font-family: Open Sans,sans-serif; font-size: 13px; line-height: 1.1;}

h1,h2 {font-family: 'Open Sans', sans-serif; font-weight: 100; font-size: 24px; margin-left: 15px; margin-top: 10px; margin-bottom: 15px;}
.padding-infotext h2, h3,h5 {font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px;margin-left:0;}
h4 {font-family: 'Open Sans', sans-serif; font-weight: 100; font-size: 18px;}
h6 {}

a {font-weight: 700;}
p, li {font-size: 13px; line-height: 19px;}
img {width: 100%; height: auto;}

ul {padding: 0 10px 0 20px;}

/*----------	 STANDARD-CLASSES  -------------*/
.inner {float: left; width: 100%; height: 100%;}
.hyphen {-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}

/*----------	 MAIN DIVS  -------------*/
#header_standard {height: 140px; margin-bottom: 25px;}
#content-wrapper {position: relative;}
#footer {}
.vignette-screen {display: block; width: 45px; height: 175px; position: absolute; right: -30px; top: 0;
    background: #e7e7e7;
    background: -moz-linear-gradient(left,  #e7e7e7 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e7e7e7), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left,  #e7e7e7 0%,#ffffff 100%);
    background: -o-linear-gradient(left,  #e7e7e7 0%,#ffffff 100%);
    background: -ms-linear-gradient(left,  #e7e7e7 0%,#ffffff 100%);
    background: linear-gradient(to right,  #e7e7e7 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=1 );
    border: 0;  }
.vignette-screen a {float: left; width: 100%; height: 100%; padding: 10px 15px;}
.vignette-screen a img {width: auto; height: 100%;}
.vignette-mobile {display: none; height: 45px; top: 0; left: 0; width: 100%; z-index: 160; float: left; -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.3);  box-shadow:0px 2px 5px 0px rgba(50, 50, 50, 0.3);}
.vignette-mobile a {float: left;  padding:8px 0; height: 100%; text-align: center; width: 100%;}
.vignette-mobile a img {height: 90%; width: auto;}

/*----------	 HEADER     -------------*/
.header-standard-inner {padding: 20px 40px;}
.logo img {visibility: hidden;}
.logo a {width: 100%; height: 100%; float: left;}

.language-switch {position: absolute; right: 50px; top: 15px; z-index: 150;}
.internal-language-switch {right: 45px;}
.language-switch-button { float: left; position: relative;}
.language-switch-button:hover {cursor: pointer; }
.language-switch-button-text {color: #333333; font-size: 15px; font-weight:700; line-height: 1.1; text-transform: uppercase; padding: 2px 2px 2px 8px; float: left;}

.language-switch-languages {background-color: #e6e6e6; clear: both; display: none; float: left;position: relative; top: 10px; left: 0px;}
.language-switch-languages-element {text-transform: uppercase; padding: 2px 8px; clear: both; float: left; font-size: 15px; line-height: 1.1;}
.language-switch-languages-element a { color: #333333; font-size: 15px;  font-weight:700;}

.active-language a {text-decoration: underline; color: #333333;}
.language-switch-arrow {font-size: 9px; color: #333333;}

.language-switch-button .glyphicon { float: left; position: relative;}
.language-switch-button .glyphicon:hover {cursor: pointer; }
.language-switch .glyphicon {font-size: 21px;}
.language-switch .glyphicon-triangle-bottom, .language-switch .glyphicon-triangle-top {font-size: 6px;}
.language-switch-popup {display: none; position: absolute; top: 40px; right: 0; float: left; background-color: #f0f0f0; width: 270px; padding: 15px;}
.language-switch-popup-close .glyphicon {font-size: 12px; position:absolute; top: 5px; right: 5px;}
.language-switch-popup-close .glyphicon:hover {cursor: pointer;}
.language-switch-popup img {width: auto;}
.language-switch-text {position: relative; top: 0px; left: 0px;}
.language-switch-text h3 {margin-top: 0;}
#google_translate_element {float: left; width: 100%;}

.login-button {position: absolute; right: 85px; top: 12px;}
.login-button a {color: #333; font-size: 24px;}

.search-wrapper {max-width: 250px; position: absolute; right: 0; z-index: 140;}
.search-wrapper .search-input {position: relative; right: 0px; top: 50px; float: right; border-radius: 0; padding:0; width:0px; height: 45px; border: 0; background-color: #e6e6e6;  box-shadow: none;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.search-wrapper .search-submit, .search-wrapper .search-button {color: #333333; width: 45px; float: right; height: 50px; background-color: transparent; border: 0 none; font-size: 21px; position: absolute; right: 0; top: 0;}
.search-wrapper .search-submit {display: none;}
.search-wrapper .search-input.active-search {width: 100%; padding: 6px 12px;}
.search-wrapper .search-close {background-color: transparent; border: 0 none; display: none; position: absolute; right: 0; top: 65px;}

/*----------	NAVIGATION    -------------*/
.navbar {margin-bottom: 0;}
.navbar-inverse {background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
    border: 0;
}

.navbar-home a {color: #333333; font-size: 15px; font-weight: 700; padding: 15px 15px 15px 0; float: left;}

.navbar-collapse {float: left;}

.navbar-language {float:right;}
.navbar-language a {color: #333333; font-weight: 700; padding: 17px 50px 17px 0; float: right; font-size: 11px;}
.navbar-language a::before {content: "› "; font-size: 15px;}
.navbar-language a:hover {text-decoration: none;}

.navbar-inverse .glyphicon-home {padding-left: 20px;}

.navbar-inverse .navbar-nav > li > a {color: #333333; font-size: 15px; font-weight: 700;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {background-color: #fff; color: #333333; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {background-color: #fff; color: #333333; }
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #000;}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #333333; text-decoration: none;}

.navbar-nav .nav-2 { border: 0 none;  border-radius: 0; box-shadow: 0 12px 12px rgba(0, 0, 0, 0.176); padding: 10px; }
.navbar-nav .nav-2 a {font-weight: 700; font-size: 14px; text-transform: uppercase; color: #333;}

.navbar-nav .nav-3 {list-style-type: none; margin: 0 0 10px 0; padding: 0 20px; float: left; }
.navbar-nav .nav-3 li {list-style-type: none;}
.navbar-nav .nav-3 a {font-size: 14px; color: #333; text-transform: none; padding: 2px 20px; font-weight:400; width: 100%; float: left;}

.navbar-nav .nav-3 a:focus, .navbar-nav .nav-3 a:hover { color: #333333; text-decoration: none;}

.navbar-inverse .navbar-toggle {background-color: #4c4c4c; border-color: #4c4c4c;}

.droplink {display: none !important;}

/* BREADCRUMB NAVIGATION */
.breadcrumb {margin: -25px 0 0 15px; background-color: transparent; text-transform: uppercase; font-size: 11px; padding: 8px 0px 5px 15px;}
.breadcrumb a {color: #333333; padding-right: 5px; font-size: 10px;}
.breadcrumb-arrow {padding-right: 5px;}

/*----------	 CONTENT  -------------*/
.content-inner-wrapper {background-color: #fff; padding: 25px 20px 25px 35px;}
.content-inner-left {margin-right: -15px; width: 205px; height: 100%; float: left; }
.content-inner-right {width: calc(100% - 190px); height: 100%; float: left;}

.content-inner-right-area-left {padding: 0;}
.content-inner-right-area-right {padding-left: 0;}

/*
.content-inner-right-area-left div[class*="col-md-"]:first-of-type .headline_decorated > * {margin-top:0 !important;}
.content-inner-right-area-left div[class*="col-md-"]:nth-of-type(2) .headline_decorated > * {margin-top:0 !important;}
.content-inner-right-area-left div.col-md-6:first-of-type .headline_decorated > * {margin-top:0 !important;}
.content-inner-right-area-left div.col-md-6:nth-of-type(2) .headline_decorated > * {margin-top:0 !important;}
*/

.content-box {height: 50px; padding: 15px;}

/* SLIDER */

.slider-container-head {text-align: center; font-family: 'Open Sans', sans-serif; font-size: 21px; text-transform: uppercase; margin-bottom: 2px;}

.swiper-container {height: 100%; padding: 0; height: 313px;}
.swiper-slide {height: 313px; text-align: center; display: -webkit-box; display: -ms-flexbox;  display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide a {height: 100%; width: 100%;}
.swiper-slide img {height: 313px; width: auto; text-align: center; display: -webkit-box; display: -ms-flexbox;  display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

#navi-outer {padding: 0; background-color: #fff; right: 0; position: relative; height: 313px; overflow: hidden;}
.swiper-pagination .navbar-title {font-weight: 700; float: left; text-transform: uppercase;}
.swiper-pagination .navbar-tagline { float: left; clear:both;}
.swiper-pagination a {width: 100%; float: left; padding: 11px 5px 10px 20px; margin-bottom: 2px; font-size: 13px; -moz-border-radius: 0px; -webkit-border-radius: 0; border-radius: 0px;  height: auto;}
.swiper-pagination-bullet { width: 20px; height: 20px; text-align: left; line-height: 20px; font-size: 12px; color:#000; opacity: 1; background: rgba(0,0,0,0.2); min-height: calc(20% - 1px);}
.swiper-pagination a.swiper-pagination-bullet-active {padding: 11px 5px 10px 16px;}
.swiper-button-next, .swiper-button-prev {height: 33px; width: 18px; background-size: 18px 33px; background-color: rgba(255,255,255,0.2);}
.swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23444444'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23444444'%2F%3E%3C%2Fsvg%3E");}

.slidetext-wrapper { bottom: 0; position: absolute; width: 100%; padding: 20px;}
.slidetext {background-color: rgba(255,255,255,0.8); position: relative; float: left;}
.slidetext-wrapper h2 {font-family: Open Sans, sans-serif; font-size: 21px; font-weight: 700; float: left; clear: both; padding: 10px 20px; margin:0; color: #333; text-align: left;}
.slidetext-wrapper h3 {font-family: Open Sans, sans-serif; font-size: 12px; color: #ffffff; font-weight: 700; text-transform: uppercase; padding: 5px 10px; float: left; margin:0;}

/* CONTACT-BOX */
.contact-box-screen {display: block;}
.contact-box-mobile {display: none;}
.contact-box-head {height: 60px; width: 100%; background-color: #f0f0f0; font-size:18px; color: #333333; font-family: 'Open Sans', sans-serif; font-weight: 300; text-transform: uppercase; height: 50px; padding: 15px; border-right: 2px solid #fff;}
.contact-box-content {padding: 30px 5px; font-size: 12px; line-height: 1.4;}

/* DECORATED-HEADLINE */
.headline_decorated > * { align-items: center; display: flex; padding: 15px 20px; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; margin-bottom: 2px;}

/* MORE-LINK */
.more-link a {padding: 3px 12px; float: left; clear: both; font-weight: 700;}

/* PADDING INFOTEXT FOR MAINPAGE */
.padding-infotext {padding: 20px 0; float: left; }

/* FORMS GENERAL */
.form-general {padding: 20px 0px; float: left; width: 100%;}
.form-general .form-group {float: left; width: 100%; position: relative; }
.form-general .form-group .form-control {float: left; width: 100%; border:1px solid #cccccc; border-radius: 5px; height: 30px;}
.form-general .form-group label {background-color: transparent; border: 0; font-weight: 400; float: left; padding: 8px 8px 8px 0;}
.form-general .form-group select {margin: 3px 0;}

/* HOTELBOOKING */
.hotelbooking-wrapper {padding: 20px 30px; float: left; width: 100%;}
.hotelbooking-wrapper .form-group {float: left; width: auto; display: table; position: relative;}
.hotelbooking-wrapper .form-group .form-control {float: left; width: 100px; border:0; border-radius: 0; height: 30px; margin: 0;}
.hotelbooking-wrapper .form-group label {background-color: transparent; border: 0; font-weight: 400; float: left; padding: 8px;}
.hotelbooking-wrapper .form-group select {width: 50px !important;}
.hotelbooking-wrapper .form-group:first-of-type label {padding-left: 0;}
.hotelbooking-wrapper .form-group .btn-primary {margin-left: 10px;}

/* KURSSUCHE */
.kurssuche .form-group { width:50%; }
.kurssuche .form-group .form-control { width:100%; }

/* Videos */
.responsive-video {
    position: relative;
    padding: 0 0 56.25% 0;
    margin: 0 15px;
    height: 0;
    overflow: hidden;
}

.responsive-video-iframe, .responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* BUTTONS */
.btn {border-radius: 0; border: 0; text-transform: uppercase; font-weight: 700; padding: 3px 12px; margin: 3px 0; font-size: 13px;}
.jobbtn { color: #fff; width:162px; height:25px; }
.jobbtn a { color: #fff; }

/* MARGINALIA */
.content-marginalia-box {padding: 15px 25px; float: left; width: 100%; background-color: #f0f0f0; margin-top: 20px;}
.content-marginalia-box:first-of-type {margin-top: 50px;}
.content-marginalia-box-head {font-family: 'Open Sans', sans-serif; font-weight: 100; font-size: 18px; text-transform: uppercase; text-align: center;}
.content-marginalia-box-content {font-family: Open Sans, sans-serif; font-size: 11px; font-weight: 700; text-align: center; line-height: 1.1;}
.content-marginalia-box-content li {font-family: Open Sans, sans-serif; font-size: 11px; font-weight: 700; text-align: left; line-height: 1;}
.content-marginalia-box-content img {width: 75%; margin: 0 auto; }

.content-marginalia-box .downloads {text-align: left;}
.content-marginalia-box .downloads {padding:0;}
.content-marginalia-box .downloads li {padding: 2px; list-style-type: none;}
.content-marginalia-box .downloads a {color: #333333; word-wrap: break-word}
.content-marginalia-box .downloads a:before {content:"› ";font-size: 15px; line-height: 1.1;}

.content-marginalia-box-content-social {width: 50%; float: left; margin: 20px 0 ;}
.content-marginalia-box-content-social img {width: 75%;}

/* EVENT CALENDAR */
.event-calendar-form-wrapper {padding: 20px 10px; float: left; width: 100%;}
.event-calendar-form-wrapper label {min-width: 80px;}
.event-calendar-form-wrapper .form-group .form-control {width: calc(100% - 100px);}
.event-calendar-form-wrapper .form-group {margin-bottom: 5px;}
.event-calendar-form-wrapper .start {width: 50%; clear: both;}
.event-calendar-form-wrapper .ende {width: 50%; clear: both;}
.event-calendar-form-wrapper .zielgruppe {width: 50%; clear: none;}
.event-calendar-form-wrapper .zielgruppe  input[type="checkbox"] { margin: 10px 0 0;}
.event-calendar-form-wrapper .suche {width: 50%; clear: both;}
.event-calendar-form-wrapper .form-group.suche input {}
.event-calendar-form-wrapper .kategorie {clear: both;}
.event-calendar-form-wrapper .form-group.kategorie select { }
.event-calendar-form-wrapper .form-group.kategorie select.select2-multi {visibility: hidden}
.event-calendar-form-wrapper .submit {width: 100%; margin-left: 80px;}

.datepicker { z-index: 1500 !important; }

#event_search_form {width: 100% !important;}

/* Pagination */
.pagination {float: right;}
.pagination .bold {float: left; padding: 5px; font-weight: 700; font-size: 12px;}
.pagination .separator {margin-right: 4px;}
/* .pager {float: left;} */
.pager li {margin-right: 0;}
.pager li > a, .pager li > span {border: 0; padding: 5px 2px 5px 0px; font-weight: 700; font-size: 12px;}
.pager li > a:focus, .pager li > a:hover {background-color: transparent;}

/* results */
#pager_load_content {float: left; width: 100%;}
.event_day {font-weight: 700; padding: 10px; text-align: left !important; height: auto; display: inline-block; width: 100%;}
.event_box { width: 100%; border: 0; padding-top: 20px; padding-bottom: 20px;}
.event_box .col-md-8 {}
.event_box .col-md-4 {width: 32%; padding-right: 0; float: right;}
.event_box h3 {font-size: 18px; font-weight: 700; margin-top: 0px;}
.event_inner_box_middle {padding: 0 15px;}
.event_picture {height: auto; overflow: hidden; width: 100%; margin-top: 0px;}
.event_box .fa {font-size: 24px; height: auto; width: auto; text-align: center;}
.event_inner_box_right_icons {float: right; padding: 20px 20px 0 0;}

/* detail */
.event-detail {}
.event-detail h2 {margin-top:0;}
.event-detail img {margin: 0;}
.event-detail-image-caption {font-size: 13px; text-align: right; float: left; width: 100%; margin: 3px 0 20px 0;}

.event-detail-date {font-weight: 700; color: #333; font-size: 18px; padding: 5px 0;}

.event-detail-content {width: 100%; padding: 10px 0 30px 0; float: left; clear: both;}
.event-detail-content .headline_decorated {margin-bottom: 30px;}

.event-detail-overview { float: right; }
.event-detail .col-md-3:first-of-type {padding-left: 0;}
.event-detail .col-md-3:last-of-type {padding-right: 0;}

.event-detail-further {width: 100%; float: left;}

.dp-nav-head { background: #222222 none repeat scroll 0 0;  color: #dddddd;  margin-top: 20px; }
.dp-calendar {  background: #222222 none repeat scroll 0 0; }
#dp-popup .current-month { color: #e18300;}

.event-detail-shariff {float: left; width: 100%; padding: 10px 0;}

.event-detail-further-events {float: left; width: 100%; padding: 10px 0;}

/* CONTACTS */
.form-contact {width: 100%; float: left; padding-bottom: 20px;}
.form-contact .form-group label {float: left;}
.form-contact .form-group .form-control { border: 1px solid #cccccc; margin-right: 20px;}
.form-contact .form-group select {clear: both; float: left; margin-right: 20px; height: 25px;}
.form-contact .form-group .btn-primary { float: left;}

/* NEWS LIST */
.inner_news {padding-left: 15px; padding-right: 15px; float: left; position: relative;}
.inner_news:nth-of-type(odd) {}
.col-md-12 > .inner_news p {width: calc(100% - 70px); float: left; position: relative;}
.inner_news hr {display: none;}
.inner_news h2 {font-size: 17px; margin-top: 0;}
.inner_news .btn-primary {float: right; position: absolute; bottom: 5px; right: 0;}
.inner-news-date {font-weight: 700;}

/* NEWS TEASER */
.inner-news-wrapper {float: left;}
.inner_news {padding-top: 15px; padding-bottom: 15px;}

/* PUBLICATIONS LIST */
.inner_publications {padding: 15px; float: left; position: relative;}
.inner_publications:nth-of-type(odd) {}
.col-md-12 > .inner_publications p {width: calc(100% - 70px); /*float: left;*/ position: relative;}

.inner_publications h2 {font-size: 17px; margin-top: 0;}
.inner_publications .btn-primary {float: right; position: absolute; bottom: 5px; right: 0;}

/* OVERLAY */
.overlay-wrapper {position: relative;}
.overlay-wrapper img {position: relative; top: 0;}
.overlay-item {position: absolute; top: 0; text-align: center; background-size: 70% 70% !important; width: 100%; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.overlay-item:hover {opacity: 1;}
.overlay-item img {visibility: hidden;}

/* COLOURED TABLE */
.table-coloured thead th {color: #fff; border-right: 2px solid #fff;}

/* COLOURED COLLAPSIBLE */
.panel-group .panel-default {border-radius: 0;}
.panel-default > .panel-heading {width: 100%; padding: 10px 20px; border-color: #ddd; border-radius: 0;}
.panel-default > .panel-heading h4 {width: 100%; height: 100%; }
.panel-default > .panel-heading h4 a {width: 100%; height: 100%; font-size: 15px; font-weight: 700;}

/* IMAGES */
.imgleft {float: left; padding: 5px 20px 5px 0; max-width: 50%;}
.imgright {float: right; padding: 5px 0px 5px 20px; max-width: 50%;}

.caption {font-size: 0.85em; padding: 2px 0 0; text-align: right;}

/* IMAGE GALlERY */
.contentgallery .col-md-12 {padding: 0;}
.contentgallery > .row > .col-md-12 > .row div.col-md-3:nth-child(4n+1) {clear: both;}
.contentgallery .contentgallery-item {padding: 5px; width: 160px; height: 160px;}
.contentgallery .contentgallery-item-large {width: 100%; min-height: 300px; padding: 5px;}
.contentgallery .contentgallery-item-inner {border: 1px solid #eee; padding: 3px; background-color: #fff; width: 100%; height: 100%; position: relative;}
.contentgallery .contentgallery-item a { float: left; width: 100%; height: 100%; overflow: hidden; position: relative; background-repeat:no-repeat; background-size: cover;}
.contentgallery .contentgallery-item .caption {padding: 5px; float: left; width: 100%; position: absolute; background-color: rgba(255,255,255,0.9); bottom: 0; font-weight: 400;}
.blueimp-gallery>.prev, .blueimp-gallery>.next {border: none !important; width: auto !important;}

/* DOWNLOADS */
.contentdownloadlist .icon span.fa { padding: 0 10px 0 0;}
.contentdownloadlist a {color: #fff; }

/* LINKS */
.marginalia-link {width: 100%; color: #333; float: left; text-align: left;}

/* SUCHE */

.SVJ_Search_Main .pager {
    list-style: outside none none;
    margin: 0;
    padding-left: 0;
    text-align: center;
}

.SVJ_Search_Main .pagination > li > a, .pagination > li > span {
    border-radius: 4px;
}

.SVJ_Search_Main ul.pagination {
    float: right;
    padding: 8px 0;
}

.SVJ_Search_Main .pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 10px 0;
    padding-left: 0;
}

.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: #eee;
    border-color: #ddd;
    color: #23527c;
}

a.selected {
    font-weight: bold;
    color: #000;
}

.search-max-entries {
    margin-bottom: 20px;
}

.ng-hide {
    display: none;
}

.search-header, .search-results, .search-footer {
    padding: 0 25px;
}

.suchbox {
    display: inline-block;
}

.suchbox button {
    padding: 4px;
}

.suchbox .event_info {
    padding: 4px;
}

.suchbox_1 label {
    font-weight: normal;
}

.exact_search {
    vertical-align: bottom;
    margin: 10px 5px 0 10px;
}

.checkbox_text {
    margin: 0;
}

.filter{
    margin: 20px 0;
}

ul.suchfilter li, ul.suchsort li {
    border-bottom: 1px solid #dfdfdf;
    display: inline-block;
    width: 200px;
    margin: 5px;
}

.selected {
    font-weight: bold;
}

.notSelectable {
    cursor: not-allowed;
    color: lightgray;
}

.notSelectable:hover {
    text-decoration: none;
    color: lightgray;
}

article {
    margin: 15px 0;
    padding: 1px 15px 15px 15px;
    background-color: #f5f5f5;
}

.highlight {
    font-weight: bold;
    background-color: lightyellow;
}

.content {
    margin-bottom: 20px;
}

.suchpfad {
    font-size: 11px;
    margin: 0 !important;
    padding: 0 !important;
}

.suchpfad li {
    display: inline-block;
}

.pfeil {
    display: inline-block;
    color: #a9a9a9;
    cursor: default;
    margin: 2px;
}

.tstamp {
    font-size: 11px;
    margin: 0;
}

.ui-widget-content {
    background: none repeat scroll 0 0 #FFFFFF;
}
.ui-autocomplete {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 1px 0 #000000 inset;
    text-align: left;
    z-index: 901 !important;
}
.ui-menu {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
}
.ui-autocomplete {
    cursor: default;
    position: absolute;
}
.ui-widget {
    font-size: 1.1em;
}

.ui-menu .ui-menu-item a, .ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a:focus, .ui-menu .ui-menu-item a:active {
    background: none repeat scroll 0 0 #FFFFFF!important;
    border-color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2 !important;
    padding: 1px !important;
    color: #000;
}

.ui-menu .ui-menu-item a {
    display: block;
    line-height: 1.5;
    padding: 0.2em 0.4em;
    text-decoration: none;
}

.ui-menu .ui-menu-item a:hover, .ui-autocomplete .ui-menu-item a:hover, .ui-corner-all .ui-menu-item a:hover {
    background-color: #EAEAEA;
}

.ui-helper-hidden-accessible {
    display:none;
}

/* Spezialseiten */
.special-site h2 {
    margin-left:0;
    font-size: 20px;
}

.special-site h3 {
    font-weight: 100;
}

/*----------	 FOOTER  -------------*/
.footer-topnav {float: left; width: 100%; padding: 10px; text-align: right;}
.footer-topnav a {font-size: 12px; font-weight: 700; padding: 0 5px; border-right: 1px solid;}
.footer-topnav a:last-of-type {border: 0;}

.footer-mainnav {float: left; width: 100%; padding: 30px 0;}
.footer-mainnav > div {border-left: 1px solid #717171;}
.footer-mainnav .footer_nav_first {width: 13%; margin-left: 50px;}
.footer-mainnav h2 { font-size: 12px; line-height: 20px; font-weight: 700; margin-top: 0;}
.footer-mainnav ul {margin: 0; padding: 0;}
.footer-mainnav li {list-style-type: none;}
.footer-mainnav li a {font-size: 12px; line-height: 20px;}

.footer-mainnav li a:before {content:"› "; font-size: 15px;}

.socialmedia {width: 7%; max-width: 65px;}
.socialmedia img {margin-bottom: 15px;}

/*--------  Teaser / Absätze --------*/
.row {
    margin: 0 0 15px 0;
    float: left;
    width:100%;
}

/*---------  Kalender Marginalia  -------------*/
.calendar {
    margin-top: 15px;
    width: 100%;
    height: 150px;
    border-collapse: separate;
}

.calendar .calendar-head {
    color: #ffffff;
}

.calendar .calendar-next a, .calendar .calendar-prev a {
    color: #ffffff;
}

.calendar .calendar-prev a {
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

.calendar .calendar-next {
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

.calendar th {
    text-align: center;
}

.calendar td {
    width: 25px;
    border: 1px solid #ffffff;
    color: darkgrey;

}
.calendar .calendar-weekday{
    background: lightgray;
}

.calendar .calendar-weekend{
    background: lightgray;
}

.calendar .calendar-past {
    cursor: not-allowed;
}

/*---------  Veranstaltungskalender -------------*/
.event_list_lupe {
    border: medium none;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    width: 90px;
    margin: 0;
    padding-left: 30px;
    cursor: pointer;
}
.event_list_buttons {
    cursor: pointer;
    display: inline-block;
    height: 26px;
    margin-top: 5px;
    width: 30px;
}
.event_list_buttons:hover {
    text-decoration: none;
}
.event_list_table {
    width: 100%;
}
.event_inner_box_right {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 113px;
}
.event_inner_box_left {
    display: table-cell;
    height: 100%;
    position: relative;
    text-align: center;
    width: 39px;
}
.event_inner_box_middle {
    display: table-cell;
    height: 100%;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 430px;
}

/* Kulturvereine */

.event_box:nth-of-type(1) {
    border-top: 1px solid silver;
}

.event_box p a {
    color: #333;
    font-weight: normal;
}

/* Kulturvereine Ende */

.event_box {
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    display: table;
    position: relative;
}
.sprite_icon_container {
    display: flex;
    align-items: center;
}
.sprite_icon {
    width: 16px;
    padding-left: 20px;
}
.sprite_icon_adresse{
    background: url('../img/sprite_icons_vk.png') no-repeat;
    background-position: -0px -0px; height: 16px;
}
.sprite_icon_kategorien{
    background: url('../img/sprite_icons_vk.png') no-repeat;
    background-position: -0px -26px; height: 16px;
}
.sprite_icon_wecker{
    background: url('../img/sprite_icons_vk.png') no-repeat;
    background-position: -0px -52px; height: 16px;
}
.sprite_icon_bett{
    background: url('../img/sprite_icons_vk.png') no-repeat;
    background-position: -0px -78px; width: 35px; height: 35px;
}
.sprite_icon_geschenk{
    background: url('../img/sprite_icons_vk.png') no-repeat;
    background-position: -0px -123px; width: 35px; height: 35px;
}
.sprite_icon_drucker{
    background: url('../img/sprite_icons_vk.png') no-repeat;
    background-position: -0px -168px; width: 33px; height: 30px;
}
.sprite_icon_kalender{
    background: url('../img/sprite_icons_vk.png') no-repeat;
    background-position: -0px -208px; width: 35px; height: 28px;
}
.sprite_icon_lupe{
    background: url('../img/sprite_icons_vk.png') no-repeat;
    background-position: -0px -246px; height: 29px;
}
.sprite_icon_karten{
    background: url('../img/sprite_icons_vk.png') no-repeat;
    background-position: -0px -285px; width: 36px; height: 29px;
}
.sprite_icon_email{
    background: url('../img/sprite_icons_vk.png') no-repeat;
    background-position: -0px -324px; width: 28px; height: 28px;
}
.sprite_icon_poi{
    background: url('../img/sprite_icons_vk.png') no-repeat;
    background-position: -0px -362px; width: 24px; height: 24px;
}

/*---------  VHS-BOX  -------------*/
.infobox-vhs {float: left; width: 100%; padding: 15px; background-color: #f0f0f0;}
.infobox-vhs a {color: #333;}
.infobox-vhs-element {float: left; width: 25%; padding: 15px;}
.infobox-vhs-element img {padding: 15px;}
.infobox-vhs-element p {text-align: center; font-weight: 700; margin-bottom: 15px;}

/*---------  HACKS  -------------*/
.mainpage .content-marginalia-box:first-of-type { margin-top: 0px;}

.padding-top-10 {padding-top: 10px; float: left;}

/* RIBBON */
.ribbon {
    /* width: 75%; */
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    /* padding: 0 2em; */
    padding: 0 1em;
    text-align: center;
    /* transform: translateY(-100%) rotate(90deg) translateX(70.71067811865476%) rotate(-45deg); */
    transform: translateY(-90%) rotate(90deg) translateX(59.71067811865476%) rotate(-52deg);
    transform-origin: bottom right;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
    background-color: #fff;
    color:#333;
    /* line-height: 2em; */
    line-height: 2.5em;
    z-index: 1;
}

.event-detail-image {
    display: inline-block;
    overflow:hidden;
    position:relative
}

.shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.5s;
}

.event-detail-image > .ribbon {
    /* font-size: 3em; */
    font-size: 4em;
    letter-spacing: 0.05em;
    font-weight: bolder;
}

/*----------	 RESPONSIVE  -------------*/
@media (max-width: 1500px) {
    /*ALLGEMEIN*/

    /*HEADER*/

    /*CONTENT */

    /*FOOTER */

}
@media (max-width: 1366px) {
    /*ALLGEMEIN*/

    /*HEADER*/

    /*CONTENT */

    /*FOOTER */


}
@media (max-width: 1200px) {
    /*ALLGEMEIN*/

    /*HEADER*/

    /*CONTENT */
    .content-marginalia-box-head {word-wrap: break-word;}
    .headline_decorated > * {min-height: 50px; align-items: center; display: flex; padding: 5px 20px;}
    .hotelbooking-wrapper .form-group:first-of-type label {padding-left: 8px;}

    .infobox-vhs-element img {padding: 15px 5px;}

    /* IMAGE GALLERY */
    .contentgallery > .row > .col-md-12 > .row div.col-md-3:nth-child(4n+1) {clear: none;}

    /* RIBBON */
    .event-detail-image > .ribbon {
        font-size: 3em;
    }

}
@media (max-width: 1200px) and (min-width: 991px) {
    /*ALLGEMEIN*/

    /*Calendar*/
    .calendar {height: 100px;}

    /*HEADER*/
    .navbar-inverse .glyphicon-home { padding-left: 0px;  }
    .navbar-inverse .navbar-nav > li > a {padding-left: 10px; padding-right: 7px; font-size: 13px;}

    /*CONTENT */

    /*-- SLIDER --*/
    .swiper-pagination a {padding: 11px 5px 6px 10px;}
    .swiper-slide {height: 313px;}
    .swiper-slide a {height: 100%; width: 100%; float: left;}
    .swiper-slide img {height: 100%; width: auto;}
    .slidetext-wrapper {padding: 10px;}

    .event-detail-further .col-md-3 {width: 100%; padding-left: 0;}
    .event-detail-further .event-detail-overview {float: left; }

    .content-marginalia-box {padding: 15px 15px;}

    /*FOOTER */

}

@media (max-width: 1020px) {
    /*ALLGEMEIN*/

    /*Calendar*/
    .calendar {height: 220px;}

    /*HEADER*/

    /*CONTENT */

    /*FOOTER */

}
@media (max-width: 990px) {

    h1,h2,.special-site h2 {font-size: 18px; margin-left: 0;}
    .padding-infotext h2, h3,h5 {font-size: 15px;}

    p {font-size: 13px; line-height: 19px; }

    .vignette-screen {display: none;}
    .vignette-mobile {display: block;}

    /*HEADER*/
    #header_standard { height: 100px; position: relative;  margin-top: 0; width: 100%;  display: inline-block; padding: 0; margin-bottom: 0px; z-index: 150;}
    .header_standard{ -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.3); box-shadow:0px 2px 5px 0px rgba(50, 50, 50, 0.3);}
    .header-standard-inner {background-image: none !important; background-color: #fff !important; z-index: 15; position: relative; }
    .logo { margin: 0 auto;}

    .language-switch {right: auto; left: 50px;}
    .internal-language-switch {left: 41px;}
    .language-switch-popup {right: auto; left: -15px;}
    .login-button {right: auto; left: 15px;}
    .search-wrapper {right: auto; max-width: 150px; position: relative; left: 75px;}
    .search-wrapper .search-submit, .search-wrapper .search-button {float: left; position: relative; left: 0;}
    .search-wrapper .search-input {right: 0; top: 0; float: left; position: relative; left: 0px;}
    .search-wrapper .search-input.active-search {width: calc(100% - 45px);}
    .search-wrapper .search-close {right: 43px;top: 16px;}

    .navigation {z-index: 100; position: relative; float: left; width: 100%;}
    .navbar-wrapper .container {padding: 0;}

    .navbar-toggle {display: block;}
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {padding-left: 15px; padding-right: 5px;}

    .navbar-collapse.collapse {display: none !important;}
    .navbar-collapse.in {display: block !important; }

    .navbar-home a {float: right; font-size: 25px; color: #c0c0c4; padding-top: 10px;}
    .navbar-language {float: left; position: absolute;}
    .navbar-language a {padding: 17px 50px 17px 30px;}
    .navbar-collapse {width: 100%; border:0;}
    .navbar-nav {margin-left: 0; width: 100%;}
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {margin: 0; background-color: #fff; padding-bottom: 20%;}
    .navbar-nav li { border-bottom: 1px solid #c1c1c1; border-top: 1px solid #fff; width: 100%;}
    .droplink { border-left: 1px solid #c1c1c1; width: 40px;  height: 40px;  position: relative;  float: right;  cursor: pointer;  padding: 13px; background-color: #e8e8e8; display: inline-block; text-align: center;}
    .active .droplink { border-left: 1px solid #fff; color: #fff;}
    .navbar-nav .nav-2 {background-color: #e9e8e9;}
    .navbar-nav .nav-2 li {border-bottom: 1px solid #fff; border-bottom: 0;}

    .activated-nav-item .droplink {background-color: #bdbdbd;}

    #nav, #nav2 { position: relative; }
    #nav > ul > li, #nav2 > ul > li{width: 100%; float: none;}
    #nav li ul, #nav2 li ul{position: static;}
    #nav li ul, #nav2 li ul  { width: 100%; }
    #nav li a {width: calc(100% - 40px);  float: left;  display: inline-block;  padding-bottom: 10px; padding-top: 10px; }
    #nav li ul.dropdown-menu, #nav li:hover ul.dropdown-menu {  display: none;  }

    #nav > li { min-height: 41px; }
    #nav li {   display: block;  clear: both;  }

    #nav li a:hover, #nav .dropdown-menu > li > a:hover {  background: none;  }
    #nav li.active ul.dropdown-menu.menu1 {  display: block;  }
    #nav .dropdown-menu {  padding: 0;  border-radius: 0;  box-shadow: none;  margin: 0;  }
    #nav .dropdown-menu > li > a {  border: none;  }
    #nav .dropdown-menu li {  margin: 0;}
    #nav .dropdown-menu li a {  padding: 10px 15px;  word-wrap:break-word;  }

    /*-- reset --*/
    #nav .dropdown-menu > .active > a, #nav .dropdown-menu > .active > a:hover {  background: #fff;  min-height: 40px; color: #333; }
    #nav .dropdown-menu.menu2 {  display: none;  }
    #nav .dropdown-menu > li > a {  white-space: normal; min-height: 40px;  }

    /*-- level 2 --*/
    #nav .dropdown-menu.menu1 {  padding-top: 0;  }
    #nav li > ul > li a {  /*border-bottom: 1px solid #ccc;*/ }
    .nav-2 > .active > a, .nav-2 > .active > a:hover {background-color: transparent !important;}
    .nav-2 .active .toggled, .nav-2 li.active, .nav-2 .active .droplink, .nav-2 > .active > a {background: #bdbdbd none repeat scroll 0 0 !important;}

    /*-- level 3 --*/
    .nav-3 {  background: #bdbdbd; display: none; border: 0;  }
    .navbar-nav .nav-3 a { color: #333; font-size: 14px; font-weight: 700; text-transform: uppercase; }
    #nav li.active > ul.dropdown-menu.menu2 li.active, #nav li.active > ul.dropdown-menu.menu2 li.active a {  background: #bdbdbd;  }
    #nav .dropdown-menu.menu2 li a {border-bottom: 1px solid #ccc;}

    .breadcrumb {display: none;}

    /*CONTENT */
    #content-wrapper {padding:0;}
    .content-inner-wrapper {padding: 0; position: relative;}
    .content-inner-left {width: 100%; margin: 0; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; float: right; clear: left; position: absolute; bottom:0; }
    .content-inner-right {width: 100%; padding-bottom: 15px; padding-left: 0;}
    .content-inner-right-area-right {padding-left: 15px; }

    .content-inner-right-marginalia {float: left; padding: 0; width: 100%;}
    .content-marginalia-box:first-of-type { margin-top: 0px; }
    .content-marginalia-box {width: 50%; margin: 0 15px 30px 15px; float: left; min-height: 301px; width: 46%;}

    .contact-box-screen {display: none;}
    .contact-box-mobile {display: block; float: left; width: 100%; }
    .contact-box-head {color: #fff; font-size: 21px; font-weight: bold; text-align: center;}
    .contact-box-content {background-color: #fff; text-align: center;}

    .content-box-head, .slider-container-head, .slider-introtext h3, .headline_decorated { clear: both; float: left; text-align: center; width: 100%; }
    .headline_decorated > * {margin-bottom: 10px; margin-top: 10px; float: left; width: 100%;}

    .content-inner-right-area-left div[class*="col-md-"]:first-of-type .headline_decorated > *, .content-inner-right-area-left div[class*="col-md-"]:nth-of-type(2) .headline_decorated > *, .content-inner-right-area-left div.col-md-6:nth-of-type(2) .headline_decorated > * { margin-top: 10px !important;}

    .content-inner-right-area-left div[class*="col-md-"] {padding-bottom: 10px; float: left; width: 100%;}

    /*-- SLIDER --*/
    .swiper-container {height: 300px; width: 100%;}
    .swiper-container .swiper-wrapper a {width: 100%; float: left;}
    .swiper-slide img {width: 100%; height: auto;}

    /* IMAGE GALLERY */
    .contentgallery .contentgallery-item {  width: 33% !important;}
    .contentgallery .contentgallery-item-large {  width: 100% !important;}

    /*-- EVENTS --*/
    .event_inner_box_middle {display: block; width: 100%; }
    .event_box .col-md-4 { float: left; width: 100%; }
    .event_inner_box_right_icons { float: none; padding: 20px 0px 0 0; width: 80px; text-align: center;  margin: 0 auto;}

    .event-detail-further div[class*="col-md-"] {padding-left: 0;}
    .dp-nav-head, .date-pick {max-width: 200px; margin: 0 auto;}
    .dp-nav-head {margin-top: 20px;}

    /*-- FORMS --*/
    .form-general .form-group select { width: 100%;}
    .form-general {padding: 10px 0px;}
    .form-general .form-group {width: 100%;}
    .form-general div[class*="col-md-"] {padding: 0;}
    .form-general .form-group label {padding-left: 0;}

    .event-calendar-form-wrapper .form-group label {padding-left: 8px;}

    .form-hotel {padding: 10px;}

    .hotelbooking-wrapper .form-group .btn-primary {margin-left: 0;}

    /* IMAGES */
    .imgleft {float: left; max-width: 100%;}
    .imgright {float: right; max-width: 100%;}
    .hochformat { max-width: 50%;}

    /*FOOTER */
    #footer {padding: 0;}
    #footer .footer-mainnav {background-image: none;}
    #footer .col-md-2 {display: none;}
    #footer .socialmedia {display: block; width: 50%; text-align: center; margin: 0 auto; max-width: 100%; border-left: none;}
    #footer .socialmedia img {width: 30%;}
    #footer .footer-topnav { text-align: center; float: none;}

    /* RIBBON */
    .ribbon, .event-detail-image > .ribbon {
        font-size: 4em;
    }
}

@media (max-width: 768px) {
    /*ALLGEMEIN*/

    /*HEADER*/

    /*CONTENT */
    .content-inner-right-marginalia {float: left; padding: 15px 20%; width: 100%;}
    .content-marginalia-box:first-of-type { margin-top: 0px; }
    .content-marginalia-box {margin: 0 15px 15px 15px; float: left; min-height: 0; width: 100%;}

    /*FOOTER */

}
@media (max-width: 667px) {
    /*ALLGEMEIN*/

    /*HEADER*/

    /*CONTENT */

    /*-- SLIDER --*/
    .swiper-container {height: 200px; width: 100%;}
    .swiper-container .swiper-wrapper {height: 100%; width: 100%;}
    .swiper-container .swiper-wrapper .swiper-slide {height: 100%; width: 100%;}
    .swiper-container .swiper-wrapper a {width: 100%;}

    /*FOOTER */

}
@media (max-width: 580px) {
    /*ALLGEMEIN*/

    /*HEADER*/

    /*CONTENT */
    .infobox-vhs {padding:0;}
    .infobox-vhs-element {width: 33.333333%;}
    .infobox-vhs-element img {padding: 15px;}

    .hochformat { max-width: 100%;}
    .imgleft {float: left; padding: 5px 0px 5px 0; width: 100%;}
    .imgright {float: left; padding: 5px 0px 5px 0px; width: 100%;}

    /* RIBBON */
    .ribbon, .event-detail-image > .ribbon {
        font-size: 3em;
    }

}
@media (max-width: 480px) {
    /*ALLGEMEIN*/

    /*HEADER*/

    /*CONTENT */
    .content-inner-right-marginalia {float: left; padding: 15px; width: 100%;}
    .content-marginalia-box {margin: 0 0 15px 0;}

    /*-- SLIDER --*/
    .content-box {height: auto;}
    .swiper-container {height: auto; width: 100%;}
    .slidetext-wrapper {position: relative; background-color: #fff; float: left;}
    .slidetext-wrapper h2 {font-size: 13px;}
    .slidetext-wrapper h3 {font-size: 13px;}
    .slider-container-head, .headline_decorated > * {font-size: 15px;}
    .slider-introtext {padding: 10px;}
    .slider-introtext h1 {font-size: 13px;}
    .slider-introtext h3 {font-size: 11px;}

    /* IMAGE GALLERY */
    .contentgallery .contentgallery-item { width: 50% !important;}
    .contentgallery .contentgallery-item-large { width: 100% !important;}

    /* RIBBON */
    .ribbon, .event-detail-image > .ribbon {
        font-size: 2.5em;
    }
}
@media (max-width: 400px) {
    /*ALLGEMEIN*/

    /*HEADER*/
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { padding-left: 0; padding-right: 0;}
    .navbar-wrapper .container {padding: 0;}
    .navbar .container {padding:0;}
    .navbar-collapse {padding: 0;}
    .navbar-nav {margin: 0; padding: 0;}

    .navbar-language a {padding: 17px 50px 17px 15px;}

    /*CONTENT */
    .infobox-vhs-element {width: 50%;}

    /* RIBBON */
    .ribbon, .event-detail-image > .ribbon {
        font-size: 2em;
    }
}

@media (max-width: 300px) {
    /* RIBBON */
    .ribbon, .event-detail-image > .ribbon {
        font-size: 1em;
    }
}


@media (min-width: 1930px) {
    /*ALLGEMEIN*/

    /*HEADER*/

    /*CONTENT */

    /*FOOTER */
}

@media screen and (min-width: 990px) {
    .navbar .dropdown:hover > .dropdown-menu {display: block;}
    .navbar .dropdown:hover > .dropdown-toggle, .navbar .dropdown:focus > .dropdown-toggle {background-color: #fff; color: #333333;}
}


@media print {
    h1, h2, h3, h4, h5, h6 {margin: 0 !important; padding: 0 !important;}

    * {float: left !important; text-align: left !important; margin: 0 !important;}

    img {width: auto; display: none;}

    /* HIER KLASSEN DER INHALTSELEMENTE EINFUEGEN, DIE AUSGEBLENDET WERDEN SOLLEN */
    .footer,
    .header_standard,
    .navigation, .shariff,
    .content-inner-right-marginalia,
    .breadcrumb,
    .vignette-mobile,
    .vignette-screen,
    .btn,
    #navi-outer {display: none;}

    a[href]:after { content: none !important;}

    .table-responsive {float: left; width: 100%; clear: both;}
    table, tbody {float: left; width: 100%;}
    th {border-bottom: 2px solid #000;}
    tr {float: left; clear: both; width: 100%;}
    td {border-bottom: 1px solid #000;}
}