/* @import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700'); */
@import url('http://www.stadtmarketing-magdeburg.de/css/noto-sans.css');
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* Vendor Less */
/* Base colors */
/* Variables */
/* General */
/* Navigation */
/* Links */
/* Header */
/* Footer */
/* Content */
/* Form */
/* Widgets */
/* Dropdown */
/* Layout and Screen */
/* Light Box */
/* Accordion */
/* Tab */
/* Breadcrumb */
/* Sidebar */
.navbar {
  margin-bottom: 0;
}
.navbar.navbar-default {
  background-color: #ffffff;
  border: 0;
}
.navbar.navbar-default .nav {
  width: auto;
}
.navbar.navbar-default .nav > .active > a,
.navbar.navbar-default .nav > .active > a:hover,
.navbar.navbar-default .nav > .active > a:focus {
  background-color: transparent;
  color: #e75113;
}
.navbar.navbar-default .navbar-toggle {
  border: 0; float: right; margin: -16px 0 0 0; position: absolute; right: 15px; top: 50%;
  -: ;-webkit-transition: background-color 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s; transition: background-color 0.2s ease-in-out 0s;
}
.navbar.navbar-default .navbar-toggle > .icon-bar {
  background-color: #e75113;
  width: 28px;
  -: ;-webkit-transition: background-color 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s; transition: background-color 0.2s ease-in-out 0s;
}
.navbar.navbar-default .navbar-toggle:hover,
.navbar.navbar-default .navbar-toggle:active,
.navbar.navbar-default .navbar-toggle:focus {
  background-color: #510e0e;
}
.navbar.navbar-default .navbar-toggle:hover > .icon-bar,
.navbar.navbar-default .navbar-toggle:active > .icon-bar,
.navbar.navbar-default .navbar-toggle:focus > .icon-bar {
  background-color: #e75113 !important;
}
.navbar .navbar-collapse {
  padding: 0;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
  margin-left: 0;
}
.navbar .nav > li > a {
  color: #510e0e;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
}
.navbar .nav > li > a .caret {
  display: none;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li.active > a,
.navbar .nav > li.current-menu-parent > a {
  background-color: transparent;
  color: #e75113;
  text-decoration: none;
}
.navbar .nav > li .dropdown-menu {
  background-color: #ffffff;
}
.navbar .nav > li .dropdown-menu > li a {
  color: #510e0e;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  padding: 8px 20px;
  text-decoration: none;
  text-transform: none;
}
.navbar .nav > li .dropdown-menu > li a:hover,
.navbar .nav > li .dropdown-menu > li a:focus { background-color: #ffffff; color: #921919; }
.navbar .nav > li .dropdown-menu > li.active a { background-color: transparent; color: #921919; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #ffffff; }

.navbar .nav > li.dropdown:hover .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  -: ;-webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);
}
.navbar .nav > li .open > a,
.navbar .nav > li .open > a:hover,
.navbar .nav > li .open > a:focus {
  background-color: transparent;
  color: #510e0e;
}
/* Push Menu */
.navmenu-default {
  background-color: #ffffff;
  border-color: #d9d9d9;
  -webkit-box-shadow: inset 2px 0px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 2px 0px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 2px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
.navmenu-default .navbar-offcanvas {
  background-color: #ffffff;
  border-color: #d9d9d9;
}
.navmenu-default .navbar-offcanvas .navmenu-brand {
  color: #e75113;
  font-family: 'Noto Sans', 'Droid Sans', sans-serif;
  font-style: normal;
  font-weight: 300;
}
.navmenu-default .navbar-offcanvas .navmenu-brand:hover {
  color: #f18355;
}
.navmenu-default .navmenu-brand {
  color: #e75113;
  font-family: 'Noto Sans', 'Droid Sans', sans-serif;
  font-style: normal;
  font-weight: 300;
  text-decoration: none;
}
.navmenu-default .navmenu-brand:hover {
  color: #f18355;
}
.navmenu-default .nav > li.open > a,
.navmenu-default .nav > li.open > a:hover,
.navmenu-default .nav > li.open > a:focus {
  background-color: #e75113;
  color: #ffffff;
}
.navmenu-default .nav > li.current-menu-item a {
  background-color: #e75113;
  color: #ffffff;
}
.navmenu-default .nav > li > a {
  color: #510e0e;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
}
.navmenu-default .nav > li > a:hover,
.navmenu-default .nav > li > a:focus {
  background-color: #e75113;
  color: #ffffff;
  text-decoration: none;
  -: ;-webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.navmenu-default .nav .dropdown-toggle .caret {
  display: none;
}
.navmenu-default .nav .dropdown-menu {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  float: none;
  margin: 0;
  padding: 2px 0 0;
  position: relative;
  opacity: 1;
  -: ;-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;
  /*
			ul {
				list-style-type: none;
				padding: 0;
				margin: 0;
				display: block;
				width: 100%;
			}
			*/
}
.navmenu-default .nav .dropdown-menu > li {
  display: block;
  width: 100%;
}
.navmenu-default .nav .dropdown-menu > li > a {
  color: #510e0e;
  display: block;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
  padding: 10px 15px 10px 35px;
}
.navmenu-default .nav .dropdown-menu > li > a:hover,
.navmenu-default .nav .dropdown-menu > li > a:focus {
  background-color: #e75113;
  color: #ffffff;
  text-decoration: none;
  -: ;-webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.navmenu-default .nav .dropdown-menu > li.current-menu-item > a {
  background-color: #e75113;
  color: #ffffff !important;
}
.navmenu-default .nav .dropdown-menu li + li {
  margin-top: 2px;
}
.navmenu,
.navbar-offcanvas {
  width: 260px;
}
.navbar-sticky {
  height: auto !important;
  opacity: 0;
  -: ;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
  -: ;-webkit-transform: translate(0, -500px); -moz-transform: translate(0, -500px); -ms-transform: translate(0, -500px); -o-transform: translate(0, -500px); transform: translate(0, -500px);
}
.navbar-sticky .navbar-header,
.navbar-sticky .navbar-brand {
  display: block;
  float: none;
}
.navbar-sticky .navbar-header {
  margin: 8px 0 !important;
}
.navbar-sticky .navbar-header .navbar-brand {
  padding: 0;
}
.navbar-sticky .row > div {
  position: static;
}
.navbar-sticky.active {
  opacity: 1;
  -: ;-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);
}
body {
  background-color: #ffffff;
  color: #510e0e;
  font-family: 'Noto Sans', 'Droid Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.3;
  right: 0;
  left: 0;
  text-rendering: geometricPrecision;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
}
body.boxed > #site {
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #510e0e;
  font-family: 'Noto Sans', 'Droid Sans', sans-serif;
  line-height: 1.3;
  margin-top: 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  color: #510e0e;
  text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus,
.h1 a:focus,
.h2 a:focus,
.h3 a:focus,
.h4 a:focus,
.h5 a:focus,
.h6 a:focus {
  color: #921919;
  text-decoration: none;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
.h1 span,
.h2 span,
.h3 span,
.h4 span,
.h5 span,
.h6 span {
  color: #e75113;
}
h1,
.h1 {
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
}
h2,
.h2 {
  color: #510e0e;
  font-family: 'Noto Sans', 'Droid Sans', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
}
h3,
.h3 {
  color: #510e0e;
  font-family: 'Noto Sans', 'Droid Sans', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
}
h4,
.h4 {
  color: #510e0e;
  font-family: 'Noto Sans', 'Droid Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
}
h5,
.h5 {
  color: #510e0e;
  font-family: 'Noto Sans', 'Droid Sans', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
}
p {
  font-size: 14px;
  line-height: 1.5;
}
a {
  border: 0;
  color: #e75113;
  outline: 0 !important;
  -: ;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;
}
a:hover,
a:focus {
  color: #f18355;
  text-decoration: none;
}
/* Layout*/
#site {
  max-width: 100%;
  margin: auto;
}
.alert.alert-cookie {
  margin-bottom: 0;
}
.alert.alert-cookie .close {
  -: ;-webkit-transition: opacity 0.3s ease-in-out 0s; -moz-transition: opacity 0.3s ease-in-out 0s; -ms-transition: opacity 0.3s ease-in-out 0s; -o-transition: opacity 0.3s ease-in-out 0s; transition: opacity 0.3s ease-in-out 0s;
}
.header-menu {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  text-align: right;
  text-transform: none;
}
.header-menu li {
  padding: 0;
}
.header-menu li + li:before {
  color: #510e0e;
  content: ' | ';
}
.header-menu a {
  color: #510e0e;
  text-decoration: none;
}
.header-menu a:hover,
.header-menu a:active,
.header-menu a:focus {
  color: #ffffff;
  text-decoration: none;
}
.brand-slogan {
  max-width: 100%;
}
.navbar-brand { height: auto; }
.breadcrumb a {
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: none;
}
.dropdown-menu {
  background-color: #ffffff;
  box-shadow: none;
  border: 0;
  color: #510e0e;
  padding: 0;
  opacity: 0;
  visibility: visible;
  display: block;
  -: ;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;
  -: ;-webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0);
  -: ;-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;
}
.dropdown-menu > li a {
  text-decoration: none;
  color: #510e0e;
}
.dropdown-menu > li a:hover,
.dropdown-menu > li a:focus {
  background-color: #ffffff;
  color: #510e0e;
}
.dropdown-menu > li.active > a {
  background-color: #ffffff;
  color: #510e0e;
}
.dropdown.open .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  -: ;-webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);
}
.teaser {
  height: 300px;
  position: relative;
}
.teaser .teaser-background-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  height: 100%;
  width: 100%;
}
/* Custom Bootstrap Styles */
.btn.btn-bordered {
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.25);
  color: #fff;
}
.btn.btn-bordered:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
/* Grid System */
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.container-fluid {
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
}
/* Gallery */
.thumb {
  margin-bottom: 30px;
}
.thumbnail {
  display: block;
  opacity: 0.8;
  padding: 0;
  border: 0;
  margin-bottom: 0;
  -: ;-webkit-transition: opacity 0.3s ease-in-out 0s; -moz-transition: opacity 0.3s ease-in-out 0s; -ms-transition: opacity 0.3s ease-in-out 0s; -o-transition: opacity 0.3s ease-in-out 0s; transition: opacity 0.3s ease-in-out 0s;
}
.thumbnail:hover {
  opacity: 1;
}
.modal {
  background-color: #510e0e;
  z-index: 100000;
}
.modal .modal-dialog .modal-content {
  background-color: #ffffff;
  border: 0;
  box-shadow: none;
}
.modal .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
}
.modal .modal-dialog .modal-content .modal-header .close {
  color: #510e0e;
  opacity: 1;
  -: ;-webkit-transition: color 0.3s ease-in-out 0s; -moz-transition: color 0.3s ease-in-out 0s; -ms-transition: color 0.3s ease-in-out 0s; -o-transition: color 0.3s ease-in-out 0s; transition: color 0.3s ease-in-out 0s;
}
.modal .modal-dialog .modal-content .modal-header .close:hover,
.modal .modal-dialog .modal-content .modal-header .close:focus {
  color: #921919;
}
.widget.well {
  background-color: #510e0e;
  border: 0;
  box-shadow: none;
  color: #510e0e;
}
.widget .widget-title {
  margin-top: 0;
  font-family: 'Noto Sans', 'Droid Sans', sans-serif;
  color: #e75113;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
}
.form-control {
  background-color: #ffffff;
  border: 0;
  box-shadow: none;
  color: #510e0e;
  font-family: 'Noto Sans', 'Droid Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  -webkit-appearance: none;
}
.form-control:hover,
.form-control:focus {
  box-shadow: none;
}
.form-control::-webkit-input-placeholder {
  color: #921919 !important;
}
.form-control:-moz-placeholder {
  color: #921919 !important;
}
.form-control::-moz-placeholder {
  color: #921919 !important;
}
.form-control:-ms-input-placeholder {
  color: #921919 !important;
}
.btn {
  border: 0;
  -webkit-appearance: none;
  text-decoration: none;
  -: ;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;
}
.btn:active,
.btn.active {
  box-shadow: none;
}
.btn-primary {
  background-color: #e75113;
  color: luminance(#e75113);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #f18355;
  color: luminance(#e75113);
}
#header .header-menu-wrapper .header-menu,
#header .header-menu-wrapper p {
  margin: 0;
}
#footer {
  background-color: #e75113;
  color: #ffffff;
  font-size: 14px;
}
#footer a {
  color: #ffffff;
  text-decoration: none;
}
#footer a:hover,
#footer a:active,
#footer a:focus {
  color: #ffffff;
  text-decoration: none;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: #ffffff;
}
#footer p, #footer div {
  color: #ffffff;
  font-size: 14px;
  text-align: left;
}
#footer .footer-menu li {
  padding: 0;
}
#footer .footer-menu li + li:before {
  color: #ffffff;
  content: ' | ';
}
#footer .footer-menu a {
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
}
#footer .footer-menu a:hover,
#footer .footer-menu a:active,
#footer .footer-menu a:focus {
  color: #ffffff;
  text-decoration: none;
}
#footer .widget h3,
#footer .widget h4 {
  margin-top: 0;
  font-family: 'Noto Sans', 'Droid Sans', sans-serif;
  color: #ffffff;
  font-size: 26px;
  font-style: normal;
  font-weight: normal;
}
#footer .footer-widget-wrapper .menu {
  list-style-type: none;
  padding-left: 0;
}
#footer .copyright-wrapper {
  background-color: transparent;
  color: #ffffff;
  font-size: 14px;
  text-transform: none;
}
#footer .copyright-wrapper .footer-menu {
  margin: 0;
}
#footer .copyright-wrapper .footer-menu a {
  font-size: 14px;
  color: #ffffff;
  text-transform: none;
}
#footer .copyright-wrapper .footer-menu a:hover {
  color: #ffffff;
}
#footer .copyright-wrapper a {
  color: #ffffff;
}
#footer .copyright-wrapper a:hover {
  color: #ffffff;
}
#footer .copyright-wrapper p {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 0;
}
/* Generic Classes */
.background-primary {
  background-color: #e75113;
}
.background-secondary {
  background-color: #510e0e;
}
.text-primary {
  color: #e75113;
}
.text-secondary {
  color: #510e0e;
}
.text-white {
  color: #fff;
}
.margin-top {
  margin-top: 15px;
}
.margin-top-2x {
  margin-top: 30px;
}
.margin-top-3x {
  margin-top: 45px;
}
.margin-top-4x {
  margin-top: 60px;
}
.margin-bottom {
  margin-bottom: 15px;
}
.margin-bottom-2x {
  margin-bottom: 30px;
}
.margin-bottom-3x {
  margin-bottom: 45px;
}
.margin-bottom-4x {
  margin-bottom: 60px;
}
.label-primary {
  background-color: #e75113;
}
.nav-pills > li.active > a,
.nav-pills > li.active a:hover,
.nav-pills > li.active a:focus {
  background-color: #e75113;
}
.nav-pills > .active > a > .badge {
  color: #e75113;
}
.list-group-item.active {
  background-color: #e75113;
  border-color: #e75113;
}
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #e75113;
  border-color: #e75113;
}
.list-group-item > .active > .badge {
  color: #e75113;
}
.progress-bar-primary {
  background-color: #e75113 !important;
}
.panel-primary {
  border-color: #e75113;
}
.panel-primary > .panel-heading {
  background-color: #e75113;
  border-color: #e75113;
}
.badge {
  background-color: #510e0e;
}
.btn-outline {
  padding: 15px;
  text-align: center;
  width: 220px;
  text-transform: uppercase;
}
.btn-outline.btn-primary {
  border: 1px solid #e75113;
  background-color: transparent;
  color: #e75113;
}
.btn-outline.btn-primary:hover {
  background-color: #e75113;
  color: #510e0e;
}
.btn-outline.btn-secondary {
  border: 1px solid #510e0e;
  background-color: transparent;
  color: #510e0e;
}
.btn-outline.btn-secondary:hover {
  background-color: #510e0e;
  color: #FFFFFF;
}
.breadcrumb {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.breadcrumb li > a {
  color: #b1b1b1;
  font-size: 14px;
}
.breadcrumb li.active > a {
  color: #b1b1b1 !important;
}
.breadcrumb li:not(:first-child):before {
  content: '/';
}
@media (min-width: 768px) {
	.sidebar-nav .navbar .navbar-collapse { padding: 0;    max-height: none;  }
	.sidebar-nav .navbar ul {    float: none;  }
	.sidebar-nav .navbar ul:not {    display: block;  }
	.sidebar-nav .navbar li {    float: none;    display: block;  }
	.sidebar-nav .navbar li a {    padding-top: 12px;    padding-bottom: 12px;  }
	.twocol {width: 100%; column-count: 2; column-gap: 20px;}
	.twocol img { column-break-after: column;}
}


a:hover { text-decoration: none; }

/* Own Styles */
.label { border-radius: 0 !important; }
.menue { display: block ; position: absolute ;  right: 0;  width: 200px ;}
.home-menue {  position: absolute ;  display: block ;  width: 200px ;  right: 0;}
header {  margin-bottom: 0 !important;  height: 140px !important;}
header a:hover {  text-decoration: none;}

header .nav.navbar-nav {  float: none !important;}
header .container-main-menu > div > .navbar-brand {  padding-right: 20px !important;}
header .container-main-menu .dropdown:hover .dropdown-menu {
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  -: ;-webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0) !important;
}
header .container-main-menu li.dropdown.open .dropdown-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  -: ;-webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) !important;
}
header .container-main-menu > #navbar { background-color: #fff; width: 550px; position: absolute !important; right: 0 !important; top: 0 !important; z-index: 1110; box-shadow: #808080 -3px 3px 20px 0px; }
header .container-main-menu > #navbar > ul.navbar-nav.nav {
  float: none !important;
  margin: 0 !important;
  width: 100%;
  background-color: #ffffff;
}
header .container-main-menu > #navbar > ul.navbar-nav.nav > .active > a,
header .container-main-menu > #navbar > ul.navbar-nav.nav > .active > a:hover,
header .container-main-menu > #navbar > ul.navbar-nav.nav > .active > a:focus {
  background-color: transparent;
  color: #510e0e !important;
  font-weight: 700 !important;
}
header .container-main-menu > #navbar > ul.navbar-nav.nav > li + li {
  border-top: 1px solid #f49e00;
}
header .container-main-menu > #navbar > ul.navbar-nav.nav > li {
  float: none;
}
header .container-main-menu > #navbar > ul.navbar-nav.nav > li > a {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  transition: none;
}
header .container-main-menu > #navbar > ul.navbar-nav.nav > li > a:hover {
  background-color: transparent;
  color: #510e0e;
  font-weight: 700 !important;
}
header .container-main-menu > #navbar > ul.navbar-nav.nav > li > a:focus {
  background-color: transparent;
  color: #510e0e;
  font-weight: 700 !important;
}
header .container-main-menu > #navbar > ul.navbar-nav.nav > li > a:first-child {
  border-top: none !important;
}
header .container-main-menu > #navbar > ul.navbar-nav.nav .dropdown.open .dropdown-menu {
  position: relative !important;
}
header .container-main-menu > #navbar > ul.navbar-nav.nav .dropdown a.dropdown-toggle { position: absolute; right: 0; top: 0;}
header .container-main-menu > #navbar > ul.navbar-nav.nav .dropdown a.dropdown-toggle > img { float: right !important; margin-right: 195px;}
header .container-main-menu > #navbar > ul.navbar-nav.nav .dropdown a.dropdown-toggle > .minus {
  display: none !important;
}
header .container-main-menu > #navbar > ul.navbar-nav.nav .dropdown.open a.dropdown-toggle > img {
  float: right !important;
  margin-right: 195px;
}
header .container-main-menu > #navbar > ul.navbar-nav.nav .dropdown.open a.dropdown-toggle > .plus {
  display: none !important;
}
header .container-main-menu > #navbar > ul.navbar-nav.nav .dropdown.open a.dropdown-toggle > .minus {
  display: inline !important;
}
header .container-main-menu > #navbar > ul.navbar-nav.nav .dropdown-toggle {
  background-color: #ffffff !important;
}
header .container-main-menu > #navbar > ul.navbar-nav.nav .dropdown-menu {
  box-shadow: none !important;
  width: 100% !important;
  z-index: 999999;
  float: none !important;
  transition: none;
  padding-left: 25px !important;
  background-color: #e7e7e7;
  /* transition for dropdown
                    -webkit-transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -ms-transition: all 0.4s;
                    -o-transition: all 0.4s;
                    transition: all 0.4s;


                    display: block;
                    overflow: hidden;
                    opacity: 0;*/
}
header .container-main-menu > #navbar > ul.navbar-nav.nav .dropdown-menu li > a { font-size: 14px;}
header .container-main-menu > #navbar > ul.navbar-nav.nav .dropdown-menu li > a:hover { background-color: transparent;  color: #510e0e;}
header .container-main-menu > #navbar > ul.navbar-nav.nav .dropdown-menu li > a:focus { background-color: transparent;}
header .container-main-menu > .navbar-header { padding-top: 15px !important; position: relative;}
header .container-main-menu > .navbar-header .smart { margin-left: 150px;}

header .sociallinks {display: block; float: right; margin-right: 35%; }

header .container-main-menu > .navbar-header h3 {
  float: right; 
  margin-top: 33px ;
  margin-right: 22px ;
}
main .container-full { width: 100% !important; padding: 0 15px !important; clear: both;}
main .container-full .teaser-img {
  width: 100% !important;
  height: auto;
  z-index: -999 !important;
  position: relative !important;
}
main .container-fluid { padding-top: 25px !important; margin-top: -120px !important; background-color: #ffffff; z-index: 999 !important; position: relative; }
main .container-fluid .breadcrumb {
  padding: 0 15px !important;
}
main .container-fluid .breadcrumb > .active {
  color: #b1b1b1 !important;
}
main .container-fluid > .col-md-8 > div,
main .container-fluid .main-content > div {
  /*display: flex; keine ahnung, warum drin - macht aber (vor allem im backend) die layouts kaputt */
}
main .container-fluid h2 {
  font-weight: 700 !important;
  margin-bottom: 30px !important;
}
main .container-fluid .col-md-6 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
main .container-fluid .col-md-6 h4 {
  font-weight: 700 !important;
}
main .container-fluid .col-md-6 h3 {
  font-weight: 700 !important;
}
main .container-fluid .col-md-6 > .teaser-text {
  /* min-height: 500px; sonst zu hoch */
}
main .container-fluid .col-md-6 > .teaser-text h3 {
  margin-bottom: 30px !important;
}
main .container-fluid .col-md-6 > .teaser-text p a { text-decoration: underline;}
main .container-fluid .col-md-6 > .teaser-text p a:hover { text-decoration: none !important;}
/*main .container-fluid .home-container .col-md-6 { min-height: 350px; }*/
main .container-fluid .home.teaser-container { padding-bottom: 20px !important; }
main .container-fluid .home.teaser-container .row { margin-left: 0; margin-right: 0; }
@media (min-width: 768px) {
	main .container-fluid .home.teaser-container {column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 20px;  -moz-column-gap: 20px; -webkit-column-gap: 20px; }
}
main .container-fluid .home-text { padding-right: 20px !important;}
main .container-fluid .home-right {
  min-height: 300px !important;
  padding-left: 25px !important;
}
main .container-fluid .home-right .home-img {
  width: 350px !important;
}
main .container-fluid .teaser-img { width: 100% !important; height: auto; position: relative !important; box-shadow: 0 0 2px 1px grey; margin-top: 4px;}
main .container-fluid .img-container {
  position: relative !important;
  display: block;
}
main .container-fluid .img-container .banner { position: relative !important; display: block !important; width: 820px !important; height: 190px !important; margin-bottom: 30px;}
main .container-fluid .img-container span {
  display: block !important;
  color: #fff;
  font-size: 31px !important;
  font-weight: 700 !important;
  left: 30%;
  position: absolute !important;
  top: 30%;
  z-index: 999;
}
main .container-fluid .img-container span p {
  font-size: 36px !important;
}
main .container-fluid > .home-sidebar-container {
  max-width: 320px ;
  color: #e75113 !important;
}
main .container-fluid .sidebar-heading {
	margin-top: 3px;
}

main .container-fluid > .home-sidebar-container h2,
main .container-fluid > .home-sidebar-container h3,
main .container-fluid > .home-sidebar-container h4,
main .container-fluid > .home-sidebar-container h5 {
  font-weight: 700 !important;
  color: #e75113 !important;
}
main .container-fluid > .home-sidebar-container h3 {
  margin-bottom: 30px;
}
main .container-fluid > .home-sidebar-container .col-sm-6 + .col-sm-6,
main .container-fluid > .home-sidebar-container .col-xs-12 + .col-xs-12,
main .container-fluid > .home-sidebar-container .col-md-12 + .col-md-12 {
  padding-top: 20px !important;
}
main .container-fluid > .home-sidebar-container .btn-primary {
  background-color: #f49e00 !important;
  color: #510e0e !important;
}
main .container-fluid > .home-sidebar-container p {
  color: #510e0e !important;
}
main .container-fluid > .home-sidebar-container .col-sm-6 .teaser_right_1,
main .container-fluid > .home-sidebar-container .col-xs-12 .teaser_right_1,
main .container-fluid > .home-sidebar-container .col-md-12 .teaser_right_1 {
  background-color: #eeeeee !important;
}
main .container-fluid > .home-sidebar-container .col-sm-6 .teaser_right_1 .teaser-right-text,
main .container-fluid > .home-sidebar-container .col-xs-12 .teaser_right_1 .teaser-right-text,
main .container-fluid > .home-sidebar-container .col-md-12 .teaser_right_1 .teaser-right-text {
  padding: 15px !important;
  border-bottom: 1px solid #d0d1d2;
  border-left: 1px solid #d0d1d2;
  border-right: 1px solid #d0d1d2;
}
main .container-fluid > .home-sidebar-container .col-sm-6 .teaser_right_1 + .teaser_right_1,
main .container-fluid > .home-sidebar-container .col-xs-12 .teaser_right_1 + .teaser_right_1,
main .container-fluid > .home-sidebar-container .col-md-12 .teaser_right_1 + .teaser_right_1 {
  margin-top: 10px;
}
main .container-fluid > .sidebar-container { color: #e75113 !important; width: 325px ; }
main .container-fluid > .sidebar-container .img-responsive { width: 100%;}
main .container-fluid > .sidebar-container h2, main .container-fluid > .sidebar-container h3, main .container-fluid > .sidebar-container h4, main .container-fluid > .sidebar-container h5 {
	font-weight: 700 !important; color: #e75113 !important;}
main .container-fluid > .sidebar-container h3 { margin-bottom: 30px;}
main .container-fluid > .sidebar-container .btn-primary { background-color: #f49e00 !important; color: #510e0e !important; }
main .container-fluid > .sidebar-container p { color: #510e0e !important;}
main .container-fluid > .sidebar-container .col-sm-6 .teaser_right_1, main .container-fluid > .sidebar-container .col-xs-12 .teaser_right_1,
	main .container-fluid > .sidebar-container .col-md-12 .teaser_right_1 { margin-top: 10px; background-color: #eeeeee !important;}
main .container-fluid > .sidebar-container .col-sm-6 .teaser_right_1 .teaser-right-text, main .container-fluid > .sidebar-container .col-xs-12 .teaser_right_1 .teaser-right-text,
	main .container-fluid > .sidebar-container .col-md-12 .teaser_right_1 .teaser-right-text { padding: 15px !important; border-bottom: 1px solid #d0d1d2; border-left: 1px solid #d0d1d2; border-right: 1px solid #d0d1d2; }
footer {
  margin-top: 30px;
  margin-bottom: 30px !important;
  padding-top: 25px !important;
  padding-bottom: 25px !important;
  border-top: 1px solid #ffffff !important;
  text-align: center;
}
footer h5 {
  font-weight: 700 !important;
}
footer a {
  text-decoration: underline !important;
}
footer a:hover {
  text-decoration: none !important;
}
footer > p {
  font-weight: bold;
}
.logos { padding-bottom: 15px !important;}
.logos div.company { min-height: 70px !important; margin-top: 15px; }
.logos .logo-img {  max-width: 130px !important;}
/* fix jasny-bootstrap offcanvas-right issue */
.navmenu-fixed-right {
  left: auto !important;
}
.navbar-header {
  float: none;
}
.navbar-default .navbar-toggle {
  display: block;
  position: relative !important;
  margin-top: 25px !important;
  right: 120px ;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #510e0e !important;
  height: 5px !important;
  width: 33px !important;
}
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #ffffff !important;
}
.navbar-collapse {
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
  float: none!important;
  margin: 7.5px -15px;
}
.navbar-nav > li {
  float: none;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-collapse.collapse.in {
  /* NEW */
  display: block!important;
}
.header-menu {
  display: none;
}
header .navbar.navbar-default {
  height: 110px !important;
}
/* Large devices (large desktops, 1200px and down) */
@media (max-width: 1200px) {
  #navbar {
    z-index: 9999;
  }
  .navbar-default .navbar-toggle {
    right: 25px !important;
  }
  #header .home-menue { right: 0; }
  #header .menue { right: 0;  }
  #header .sociallinks {margin-right: 20%; }
  .container-main-menu > .navbar-header .hidden-menu {
    display: none !important;
  }
  .container-fluid > .home-sidebar-container {
    max-width: none !important;
  }
  .container-fluid > .home-sidebar-container > .row .home + .home {
    background-color: #ffffff;
    padding-bottom: 20px;
  }
  .container-fluid > .home-sidebar-container > .row .home + .home .col-md-12 + .col-md-12 {
    padding-top: 0 !important;
  }
  .container-fluid > .sidebar-container { width: auto !important; }
  .container-fluid > .sidebar-container > .row .sub + .sub {
    background-color: #ffffff;
    padding-bottom: 20px;
  }
  .container-fluid > .sidebar-container > .row .sub + .sub .col-md-12 + .col-md-12 {
    padding-top: 0 !important;
  }
  .container-fluid > .main-content {
    padding-top: 15px !important;
  }
  .container-fluid > .main-content h2 {
    display: inline;
  }
  .container-fluid .home-container .col-md-6 {
    min-height: 200px !important;
  }
  .container-fluid .company {
    min-height: 100px !important;
  }
  footer .text-left {
    text-align: center !important;
  }
}
/* Large devices (Tablets, 992px and down) */
@media (max-width: 992px) {
	
	main .container-full {float: left; }
	main .container-fluid {clear: left; }
	.sidebar { margin-top: 40px;  }
	#mainlogo img {max-width: 250px;}
	header .container-main-menu > .navbar-header .bcsd {max-width: 124px;  }
	header .container-main-menu > .navbar-header .twitter {max-width: 25px; }
	header .container-main-menu > .navbar-header .yt { max-width: 30px; }

	.entry-image > img {    max-width: 100%;    height: auto;  }
	.dropdown:hover .dropdown-menu {    display: block !important;    opacity: 0 !important;    visibility: hidden !important;
		-: ;-webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0) !important;}
	li.dropdown.open .dropdown-menu {
		display: block !important;    opacity: 1 !important;    visibility: visible !important;
		-: ;-webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) !important;  }
	h1,  h2,  h3,  h4,  h5,  h6,  .h1,  .h2,  .h3,  .h4,  .h5,  .h6 {    word-wrap: break-word;  }
	.sidebar-footer .widget {    margin-bottom: 40px;  }
	.sidebar-footer > div:last-child .widget {    margin-bottom: 0;  }
	.nav-justified[role="tablist"] > li {    display: block!important;    width: 100% !important;  }
	.tab-content .tab-pane > .product-info {    padding-left: 15px !important;    margin-top: 30px;    min-height: 270px !important;  }
	#happy-customers .customers-titel {    margin-bottom: 25px !important;  }
	#happy-customers .customers-list {    line-height: 2.5 !important;  }
	#quality-carousel .item .rightest {    display: none;  }
	#innovation > div.section-content > div.innovation-text {    min-height: 275px !important;    padding-left: 15px !important;  }
	#innovation > div.section-content > div.innovation-image {    margin-top: 35px;    padding-left: 15px !important;    text-align: center;  }
	section#company-skills > div.section-content > div.skill-preview {    width: 49.5% !important;    display: inline-block !important;    margin-top: 3px !important;    margin-right: 0 !important;    margin-left: 0 !important;  }
	section#contact-form .section-content > form > div.col-md-6:first-child {    padding-left: 15px !important;  }
	section#contact-form .section-content > form > div {    padding-left: 15px !important;    padding-right: 15px !important;  }
	section#contact-form .section-content > form .contact-captcha {    margin-top: 10px;  }
	header .carousel .carousel-inner .item img {    margin-top: 0 !important;    filter: brightness(0.5) !important;    max-width: 125% !important;  }
	div.image-with-caption {    max-width: inherit !important;  }
	div.gallery-carousel {    max-width: inherit !important;  }
	.sidebar-container {    margin-top: 30px !important;  }
	.sidebar-nav .navbar-collapse {    display: block !important;    border: none !important;    padding: 15px !important;    margin-top: -25px;  }
	.sidebar-nav .navbar-header {    display: none;  }
	.content-with-sidebar .section-content > div {    padding-right: 0 !important;  }
	.header-image {    float: left !important;    margin-top: -30px !important;  }
	.header-image > .header-caption {    top: 85px !important;  }
	.header-image > .header-caption > h1 {    padding: 10px !important;  }
	.header-image img {    margin-top: -31% !important;  }
	
	#footer p, #footer div { text-align: center;}
}
/* Small devices (tablets, 768px and down) */
@media (max-width: 767px) {
	.invisible-xs { display: none !important; }
	#footer .footer-menu { width: 100%; text-align: center; }
	.copyright-wrapper p { width: 100%; text-align: center; }
	header .sociallinks {float: left; }

	header #navbar { width: 90% !important; z-index: 9999; }
	/*header .container-main-menu > .navbar-header .sociallinks { display: none !important; }*/
	header .container-main-menu > .navbar-header .sociallinks { display: ; margin-right: 0px !important;  }
	header .container-main-menu > .navbar-header .sociallinks .navbar-brand { padding: 15px 10px; }
	header .home-menue { right: 0 !important; }
	header .menue { right: 0 !important; }
	header .menue h3 { float: right !important; margin-top: 33px !important; margin-right: 0 !important; }
  header .navbar-default .navbar-toggle {
    margin-top: 5px !important;
    right: 25px !important;
  }
  header ul.navbar-nav.nav .dropdown a.dropdown-toggle > img { margin-right: 75px !important; }
  header .special-nav {
    margin-left: -15px;
  }
  header .special-nav div.nav-offer-request-container {
    display: none;
  }
  header .navbar-brand {
    margin-left: 5px !important;
    /*width: 200px !important;*/
    padding-top: 10px;
  }
  header .navbar.navbar-default {
    height: 122px !important;
  }
  header .carousel .carousel-inner .item img {
    max-width: 300% !important;
  }
  header .carousel .carousel-control {
    display: none;
  }
  header .carousel .carousel-caption {
    left: 0 !important;
    right: 0 !important;
  }
  header .carousel .carousel-caption h1 {
    width: 100% !important;
    padding: 10px 0 !important;
  }
  section#company-skills > div.section-content > div.skill-preview {
    width: 100% !important;
    display: inline-block !important;
    margin-top: 3px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .innovation-image > img {
    width: 100%;
  }
  .innovation-read-more,
  .product-read-more {
    position: initial !important;
  }
  .quality-carousel .item > div,
  .gallery-carousel .item > div {
    text-align: center;
  }
  .quality-carousel .item > div > a,
  .gallery-carousel .item > div > a {
    display: inline-block !important;
  }
  .quality-carousel .item > div:not(:first-child),
  .gallery-carousel .item > div:not(:first-child) {
    display: none;
  }
  .container-main-menu .navbar-collapse .nav {
    margin-top: -25px !important;
  }
  header .navbar.navbar-default {
    height: auto !important;
  }
  main > .container-fluid .col-md-6 > .teaser-text {
    min-height: unset !important;
  }
  main > .container-fluid .teaser_right_1 {
    background-color: #eeeeee !important;
  }
  main > .container-fluid .home-right {
    min-height: unset !important;
    padding-left: 0px !important;
  }
  main > .container-fluid > .home-sidebar-container > .row .home + .home {
    background-color: #ffffff !important;
    padding-bottom: 20px;
  }
  main > .container-fluid > .home-sidebar-container > .row .home + .home .col-md-12 + .col-md-12 {
    padding-top: 0 !important;
  }
  main > .container-fluid > .home-sidebar-container h3 {
    margin-bottom: 0;
  }
  main > .container-fluid > .sidebar-container > .row .sub + .sub {
    background-color: #ffffff !important;
    padding-bottom: 20px;
  }
  main > .container-fluid > .sidebar-container > .row .sub + .sub .col-md-12 + .col-md-12 {
    padding-top: 0 !important;
  }
  main > .container-fluid > .sidebar-container h3 {
    margin-bottom: 0;
  }
  footer .text-left {
    text-align: center !important;
  }
  .logos .text-right {
    text-align: center !important;
  }
}
/**
 * Less Code for Print Styles
 */
@media print {
  body {
    background-color: transparent;
    background-image: none;
  }
  #site > .teaser {
    display: none !important;
  }
  .sidebar {
    display: none !important;
  }
  .breadcrumb-container {
    display: none !important;
  }
  .control-label {
    padding: 0;
  }
  .form-control,
  .input-group-addon {
    border: 0;
    padding: 0;
  }
  .form-group {
    margin-bottom: 5px;
  }
  .btn {
    display: none;
  }
}

/*KID*/

.cb, .cb_mini {clear: both; width: 0; height: 0;}

/* MODUL: cnt_event-liste, tpl: content */
.main-content .eventcal {display: block !important; }
.main-content .eventcal .event {margin-bottom: 3%; float: left; width: 100%; border-bottom: 1px solid #ebeff0; padding-bottom: 10px; }
.main-content .eventcal h3 {font-size: 1.1em; color: #8d0e11; margin: 0px; }
.main-content .eventcal .heute {float: left; width: 70px; background: url("http://www.stadtmarketing-magdeburg.de/images/bg_cal_date.png") no-repeat; height: 110px; margin-right: 20px; color: #8d0e11;}
.main-content .eventcal .heute span { display: block; text-align: center; font-weight: bold; }
.main-content .eventcal .heute .tag { padding-top: 18px;  font-size: 2.4em;}
.main-content .eventcal .heute .monat { padding-top: 8px; text-transform: uppercase;  font-size: 1.6em; }
.main-content .eventcal .va_kat { font-size: 0.6em; color: #808080; text-transform: uppercase; }
.main-content .eventcal .va_date { font-size: 1em; }
.main-content .eventcal .va_headline { font-size: 1.5em; }
.main-content .eventcal .weiter { 	border-bottom: 1px solid #d9e1e3; border-top: 1px solid #d9e1e3; clear: left; display: block; text-align: right; text-decoration: none;	 color: #8d0e11; }

/*MODUL: cnt_event-detail*/
#mod_evi {display: block;  }
#mod_evi .va_detail {clear: both; margin-bottom: 10px; font-size: 1.1em; }
#mod_evi label {width: 29%; font-weight: bold; min-width: 130px; float: left; margin-right: 1%; }
#mod_evi .va_detail div {float: left; width: 70%; }


.titelbild {position:relative;margin:0;padding:1% 0; }
.titelbild img {display:block;width:100%;height:auto;}
.slides, .flex-control-nav, .flex-direction-nav {display:block;position:relative;z-index:100;margin:0;padding:0;list-style:none;}
.slides:after {content: ".";	display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides {display:block;}
* html .slides {height:1%;}
.flex-control-nav {display: none !important;}


/* ARTLIST */ 
.art_teaser .pagination { padding: 10px 0; width: 100%; color: #707070; }
.art_teaser .pagination div.listnav { display: block; float: left; padding: 4px 4px 4px 0px; margin-right: 5px; }
.art_teaser .pagination div.active.listnav { margin-left: 15px; margin-right: 0px; padding-left: 6px; font-weight: bold;  }
.art_teaser .pagination a { display: block; float: left; background-color: #ffffff; padding: 6px 9px; margin-left: 15px; font-size: 1.2em; }
.art_teaser .pagination a.act { color: #ffffff !important; background-color: #e75113; }
.art_teaser .pagination span { display: block; float: left; margin-left: 15px; }


/* CORE-MODUL teaser */
.mitglieder h3 {font-weight: bold !important; border-bottom: 1px solid #e75113; padding: 3px 20px ;}
.mitglieder a {color: #510e0e; }

@media (max-width: 767px) {
	main .container-fluid .drei60 span { font-size: 22px !important; left: 25%; top: 25%;}
	
}
.imagevideo {padding-left: 4px; padding-right: 4px; margin-bottom: 40px;}
.imagevideo img {box-shadow: grey 0px 0px 4px;}
.imagevideo .teaser-right-text {padding: 15px !important; border: 1px solid #d0d1d2; border-top: 0px; background-color: #eeeeee !important;}
.imagevideo .teaser-right-text a {background-color: #f49e00 !important; color: #510e0e !important;}



/* ----- DOWNLOADLIST ----- */
ul.download_list	 { display: inline; }
ul.download_list>li { list-style: none; padding: 15px 7px; float: left; width: 100%;}
ul.download_list ul.formats { display: inline;}
ul.download_list ul.formats li { list-style: none; float: left;}
ul.download_list ul.formats li+li { margin-left: 20px;}
ul.download_list ul.formats li a:link, ul.download_list ul.formats li a:visited, ul.download_list ul.formats li a:active { color: #002f54; background: url('http://www.stadtmarketing-magdeburg.de/images/misc/sprite.png') no-repeat 0 -267px; padding-left: 35px; height: 19px; display: block; }
ul.download_list>li>img { width: 20%; height: auto; float: left; margin-right: 3%; border: 3px solid #f5f5f5; }
ul.download_list>li>img+.content { float: left; width: 67%; }
ul.download_list>li  span.info { color: #a1a1a1; font-size: 9px;  display: block; margin: 10px 0 4px 0;}
ul.download_list>li p { margin: 0px; font-size: 1.1em;}
h2.download_list {  margin-top: 10px;}
ul.download_list>li:nth-child(even) {background-color: #EFEFED ; }