@media only screen and (min-width: 768px) {

    .wrapper, header #headeroben {
        max-width: 48em;
    }

    .wrappernurnav {
        max-width: 48em;
    }

    /* Grid
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .grid_1 {
        float: left;
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 24%;
    }

    .grid_2 {
        float: left;
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 49%;
    }

    .grid_3 {
        float: left;
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 74%;
    }

    .grid_4 {
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 99%;
    }

    .grid_4 .grid_1 {
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 24.25%;
    }

    .grid_4 .grid_2 {
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 49%;
    }

    .grid_4 .grid_2.firstchild {
        margin-left: 0;
    }

    .grid_4 .grid_2.lastchild {
        margin-right: 0;
    }

    .grid_4 .grid_3 {
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 74.75%;
    }

    .grid_3 .grid_1 {
        float: left;
        margin-left: 0.6625%;
        margin-right: 0.6625%;
        width: 32.45%;
    }

    .grid_3 .grid_1.firstchild {
        margin-right: 0.6625%;
    }

    .grid_3 .grid_1.lastchild {
        margin-left: 0.6625%;
    }

    .grid_3 .grid_1 .grid_1 {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .grid_4 .grid_3.firstchild {
        margin-left: 0;
    }

    .grid_4 .grid_3.lastchild {
        margin-right: 0;
    }

    .grid_3 .grid_2,
    .grid_3 .slot_m .grid_2 {
        float: left;
        margin-left: 0.6625%;
        margin-right: 0.6625%;
        width: 66.2125%;
    }

    .grid_3 .grid_2.firstchild,
    .grid_3 .slot_m .grid_2.firstchild {
        margin-left: 0;
    }

    .grid_3 .grid_2.lastchild,
    .grid_3 .slot_m .grid_2.lastchild {
        margin-right: 0;
    }

    .grid_3.veranstaltung .grid_2 {
        float: left;
        margin-left: 0.6625%;
        margin-right: 0.6625%;
        width: 66.2125%;
    }

    .grid_3.veranstaltung .grid_2.lastchild {
        margin-right: 0;
    }

    .grid_2 .grid_2 {
        float: left;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .grid_2 .grid_1 {
        margin-left: 1%;
        margin-right: 1%;
        width: 49%;
    }

    .grid_2 .grid_1.lastchild {
        margin-bottom: 0;
    }

    .grid_1.firstchild,
    .grid_2.firstchild,
    .grid_3.firstchild {
        margin-left: 0;
    }

    .grid_1.lastchild,
    .grid_2.lastchild,
    .grid_3.lastchild {
        margin-right: 0;
    }

    section#produktbeschreibung div figure.grid_1.firstchild.bildlinks {
        margin-right: 1.35%;
    }

    .kopfbereich article.teaser.nurtext,
    .kopfbereich article.teaser.textbildoben,
    .kopfbereich article.teaser.linkliste {
        min-height: 123px;
    }

    .kopfbereich article.teaser.listbox {
        min-height: 156px;
    }

    .kopfbereich article.teaser.textbildoben figure {
        float: left;
        width: 24%;
    }

    .kopfbereich article.teaser.textbildoben .inhalt {
        float: left;
        width: 76%;
    }

    article.teaser.textbildoben figure {
        float: none;
        width: 100%;
    }

    article.teaser.textbildoben .inhalt {
        float: none;
        width: 100%;
    }

    .teaser .grid_3.linkliste ul,
    .grid_3 .teaser.linkliste ul {
        width: 102.75%;
    }

    .teaser .grid_2.linkliste ul,
    .grid_2 .teaser.linkliste ul {
        width: 105.5%;
    }

    .teaser.listbox.grid_4 ul,
    .grid_4 .teaser.listbox ul {
        column-count: 4;
        -moz-column-count: 4;
        -webkit-column-count: 4;
        width: 102.75%;
    }

    .teaser.listbox.grid_3 ul,
    .grid_3 .teaser.listbox ul {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
        width: 103.75%;
    }

    .teaser.listbox.grid_2 ul,
    .grid_2 .teaser.listbox ul {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        width: 105.5%;
    }

    .teaser.listbox.grid_1 ul,
    .grid_1 .teaser.listbox ul {
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        width: 112.5%;
    }

    .kopfbereich .teaser.listbox.grid_1 ul,
    .kopfbereich .grid_1 .teaser.listbox ul {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        width: 102.75%;
    }

    .grid_3 .grid_1.bildlinks.firstchild {
        margin-right: 1.325%;
    }

    .grid_3 .grid_1.bildrechts.lastchild {
        margin-left: 1.325%;
    }

    /* Slots
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .slot_s article.teaser.textbildlinks {
        min-height: 187px;
    }

    .slot_m article.teaser.textbildlinks,
    .slot_m article.teaser.textbildoben,
    .slot_m article.teaser.nurtext,
    .slot_m .teaser.listbox,
    .slot_m .teaser.linkliste {
        min-height: 252px;
    }

    .slot_m .multithemen article.teaser.textbildoben {
        margin-bottom: 0;
        min-height: 216px;
    }

    .slot_m .multithemen article.teaser.textbildoben.lastchild {
        margin-bottom: 0;
    }

    .slot_m article.teaser.nurtext.grid_2 {
        clear: none;
        float: left;
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 49.5%;
    }

    .slot_m article.teaser.nurtext.grid_2.firstchild {
        margin-left: 0;
    }

    .slot_m article.teaser.nurtext.grid_2.lastchild {
        margin-right: 0;
    }

    .slot_m article.teaser.textbildlinks.grid_2 {
        clear: none;
        float: left;
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 49.5%;
    }

    .grid_3 .slot_m article.teaser.textbildlinks.grid_2,
    .grid_3 .slot_m article.teaser.linkbox.grid_2,
    .grid_3 .slot_m article.teaser.linkliste.grid_2 {
        margin-left: 0.6625%;
        margin-right: 0.6625%;
        width: 66.2125%;
    }

    .slot_m article.teaser.textbildlinks.grid_2.firstchild,
    .slot_m article.teaser.linkbox.grid_2.firstchild,
    .slot_m article.teaser.linkliste.grid_2.firstchild {
        margin-left: 0;
    }

    .slot_m article.teaser.textbildlinks.grid_2.lastchild,
    .slot_m article.teaser.linkbox.grid_2.lastchild,
    .slot_m article.teaser.linkliste.grid_2.lastchild {
        margin-right: 0;
    }

    .slot_m .tabbox .tabpanel {
        min-height: 215px;
    }

    .slot_xl .textteaserliste {
        min-height: 530px;
    }

    .slot_xl article.teaser.textbildliste {
        min-height: 516px;
    }

    .slot_xl article.teaser.textbildlinks,
    .slot_xl article.teaser.textbildoben,
    .slot_xl article.teaser.nurtext,
    .slot_xl article.teaser.listbox {
        min-height: 252px;
    }

    /* wegen contentteaser grid2 Hoehe */
    .slot_xl article.teaser.grid_2.textbildlinks {
        min-height: 152px;     
    }

    .slot_xl article.teaser.nurtext.mega {
        min-height: 516px;
    }

    .slot_xl article.teaser.nurtext.grid_2 {
        clear: none;
        float: left;
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 49%;
    }

    .grid_3 .slot_xl article.teaser.nurtext.grid_2 {
        margin-left: 0.6625%;
        margin-right: 0.6625%;
        width: 66.2125%;
    }

    .slot_xl article.teaser.nurtext.grid_2.firstchild {
        margin-left: 0;
    }

    .slot_xl article.teaser.nurtext.grid_2.lastchild {
        margin-right: 0;
    }

    .teaser.listbox ul li a,
    .teaser.textbildliste ul li a {
        padding-bottom: 9px;
        padding-top: 9px;
    }

    .kopfbereich .teaser.listbox ul li a {
        padding-bottom: 11px;
        padding-top: 11px;
    }

    .teaser.textbildliste .inhalt .inhalt {
        width: 49%;
    }

    header .header-overflow,
    header #headeroben {
        height: 8.2em;
        padding: 0;
    }

    header #headeroben .headerlinks {
        display: block;
        float: left;
        position: relative;
        top: auto;
        width: 33%;
    }

    header #headeroben .headerrechts {
        display: block;
        float: right;
        width: 67%;
    }

    header #headeroben h1 {
        margin-top: 47px;
    }

	header #headeroben div.headerlinks span {
        margin-top: 50px;
		display: block;
    }

    header #headeroben h1 a {
        height: 40px;
        min-height: 1px;
        width: 242px;
    }

    header #headeroben h1 a img {
        height: 40px;
        width: 242px;
    }

    /* 0,1643835616438356 */
    header #mainnav {
        clear: both;
    }

    header #mainnav > ul > li > a {
        font-size: 1.1em;
    }

    header #mainnav > ul > li > a > span {
        display: inline;
    }

    header #volltextsuche {
        margin: 48px 0 0 0;
        position: relative;
        width: 50%;
    }

    header #volltextsuche p {
        padding: 0;
    }

    header #volltextsuche p input {
        font-size: 1em;
        line-height: 1.3;
        padding: 8px 4px 9px 4px;
        width: 100%;
    }

    header #volltextsuche button {
        font-size: 1em;
        padding: 11px 10px 12px 10px;
        text-transform: none;
    }

    header #breadcrumb {
        /*NEU 2016-09-06*/
		padding: 0 0 10px 0;
    }

    footer {
		/*NEU 2016-09-06*/
		padding-top: 10px;
		}

    footer .grid_2 {
        clear: none;
        float: left;
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 49%;
    }

    footer .grid_2 .grid_1 {
        margin-left: 0.6625%;
        margin-right: 0.6625%;
        width: 49%;
    }

    footer .grid_2 .grid_1.firstchild {
        margin-left: 0;
    }

    footer .grid_2 .grid_1.lastchild {
        margin-right: 0;
    }

    article.teaser {
        min-height: 252px;
    }

    article.teaser.nurtext,
    article.teaser.linkliste {
        min-height: 252px;
    }

    #mainList > li {
        font-size: 100%
    }

    #mainnav .hoverMenu > ul > li {
        width: 25%;
    }

    .teaser {
        margin-bottom: 12px;
    }

    .topteaser.rahmen .inhalt {
        clear: none;
        padding-left: 0;
    }

    .buttonbottom {
        border: 0;
        margin: 0 0 26px 0;
        padding: 0;
    }

    .buttonbottom .controls {
        background-color: transparent;
    }

    .buttonbottom .controls ul.slides li {
        float: left;
        /*width: 33.33333%;*/
        padding: 6px 0 0 0;
    }

    .buttonbottom .controls ul.slides li a {
        background-color: #ffffff;
        border-bottom: none;
        border-left: 1px solid #cbcbcb;
        border-right: none;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        display: table-cell;
        font-size: 0.95em;
        height: 2.3em;
        padding: 4px 5px 6px 5px;
        text-align: center;
        vertical-align: middle;
        /*   text-transform: uppercase; */
        width: 16.666666%;
    }

    .buttonbottom .controls ul.slides li a:hover,
    .buttonbottom .controls ul.slides li a:focus,
    .buttonbottom .controls ul.slides li a:active,
    .buttonbottom .controls ul.slides li.flex-active-slide a {
        background-color: #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 5px;
    }

    .buttonbottom .controls ul.slides li:first-child a {
        border-left: none;
    }

    .buttonbottom .controls ul.slides li:nth-child(3n+1) a {
        border-left: none;
    }

    .buttonbottom .controls ul.slides li:nth-child(2n) a {
        border-left: 1px solid #dfdfdf;
    }

    .buttonbottom .controls ul.slides li.flex-active-slide {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAICAYAAAAftBSpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIdJREFUeNpifHDvJgMewArEMUC8AIj/41LEhMcAdiBeC8TzgHg2EDOTagg3EG8BYl8oPxmIl0BdRpQh/EC8E4hd0MQjoC7jIGSICBDvA2JrHC4EuWwz1KVYDZEE4gNAbMSAH7hAXcqPbog8EB8CYm0G4oA11MUiMEPUoQaoMJAGjKAulwQIMAAeghMo8JRXsQAAAABJRU5ErkJggg==');
        background-position: top center;
        background-repeat: no-repeat;
    }

    .buttonbottom ul.content li article .inhalt {
        background-color: #ffffff;
        border: 0;
        bottom: 0;
        display: block;
        
        margin-bottom: 3.45em;
        margin-left: 0.6625%;
        margin-right: 0.6625%;
       /*NEU 2016-11-04 padding: 14px 20px 14px 20px;*/
	   padding: 0;
     /* 2016-11-07 Anpassung wg. teaser oben  height: auto; */
	   height: 40%;
        position: absolute;
        width: 32.45%;
    }

    .buttonbottom ul.content li article .inhalt.links {
        left: 5px;
    }

    .buttonbottom ul.content li article .inhalt.mitte {
        right: 33.3%;
    }

    .buttonbottom ul.content li article .inhalt.rechts {
        right: 5px;
    }

    .buttonbottom ul.content li article .inhalt.oben {
        margin-bottom: 0;
        top: 10px;
    }

    .topbox section {
        background-color: #EFEEEC;
        float: left;
        width: 50%;
    }

    .kopfbereich.medium .topbox section {
        min-height: 200px;
    }

    .kopfbereich.large .topbox section {
        /*  min-height: 350px; */
    }

    .articlehead {
        font-size: 1.9em;
    }

    .kopfbereich h2.rot {
        font-size: 1.6em;
    }

    .produkt .produktcontrols {
        display: none;
    }

    #produktbeschreibung {
        border: 0;
        float: left;
        margin: 0 0.5% 0 0.5%;
        padding: 0;
        width: 49%;
    }

    #produktinfocenter {
        background-color: #efeeec;
        border: 1px solid #d5d5d5;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        float: left;
        margin: 0 0.5% 0 0.5%;
        padding: 0 14px 14px 14px;
        width: 49%;
    }

    #produktinfocenter .sectionhead {
        background-color: #6c655f;
        color: #ffffff;
        font-family: 'OpenSansBold', sans-serif;
        font-size: 1em;
        font-weight: normal;
        left: auto;
        line-height: 1;
        margin: -1px -15px 20px -15px;
        padding: 12px 14px 12px 14px;
        /*  text-transform: uppercase; */
        position: relative;
        top: auto;
    }

    /* Accordion
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    html.js #produktinfocenter .accordionhead a.klapper {
        display: none;
    }

    html.js #produktinfocenter .accordionpanel .wartezeiten a.klapper {
        display: block;
    }

    html.js #produktinfocenter .accordionpanel {
        display: block;
    }

    /* Ausnahme Wartezeiten: Diese sollen auch ausgeblendet werden können */
    #produktinfocenter .itemlist li .wartezeitenclose {
        display: none;
    }

    #produktinfocenter .itemlist li {
        font-size: 0.9em;
    }

    #produktinfocenter .itemlist li.amt-info {
        padding-bottom: 12px;
    }

    #produktinfocenter .itemlist li.amt-info:last-child {
        border: 0;
        padding: 0;
    }

    #produktinfocenter .itemlist li span {
        color: #b00002;
        display: block;
        font-family: 'OpenSansBold', sans-serif;
        font-size: 1.1em;
        padding-top: 12px;
    }

    #produktinfocenter .accordionhead {
        border-bottom: none;
        display: block;
        margin: 0;
        min-height: 1px;
        padding: 0;
    }

    #produktinfocenter .accordionhead:first-child {
        border-top: none;
    }

    /* Tabbox
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .grid_2 .tabbox .tabboxcontrols li a {
        padding-bottom: 10px;
    }

    .grid_3 .tabbox .tabboxcontrols li a {
        padding-bottom: 9px;
    }

    .grid_4 .tabbox .tabboxcontrols li a {
        background-color: #6C655F;
        font-size: 1em;
        padding: 10px 10px 10px 10px;
    }

    .tabbox .tabboxcontrols li a:hover,
    .tabbox .tabboxcontrols li a:focus,
    .tabbox .tabboxcontrols li a:active,
    .tabbox .tabboxcontrols li.ui-state-active a {
        background-color: #ffffff;
        background-image: none;
        color: #000000;
        padding-bottom: 9px;
        text-decoration: none;
    }

    .greywrap .tabbox .tabboxcontrols li a:hover,
    .greywrap .tabbox .tabboxcontrols li a:focus,
    .greywrap .tabbox .tabboxcontrols li a:active,
    .greywrap .tabbox .tabboxcontrols li.ui-state-active a {
        background-color: #ffffff;
        border-bottom: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        border-top: 1px solid #ffffff;
        text-decoration: none;
    }

    .grid_4 .tabbox .tabpanel .dottedlinklist {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
    }

    .grid_3 .tabbox .tabpanel .dottedlinklist {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
    }

    .grid_2 .tabbox .tabpanel .dottedlinklist {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
    }

    /* Slider Buttonside
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    html.js .buttonside figure {
        float: none;
        left: 0;
        margin: 0 0.6625% 0 0;
        position: absolute;
        top: 0;
        width: 66.2125%;
    }

    html.no-js .buttonside figure {
        float: left;
        margin: 0 0.6625% 0 0;
        width: 66.2125%;
    }

    .buttonside figure {
        z-index: 0;
    }

    html.no-js .buttonside .inhalt {
        border-bottom: 1px dotted #a1a1a1;
        float: none;
        width: auto;
    }

    .buttonside .inhalt {
        border-bottom: 1px dotted #a1a1a1;
        display: block;
        float: right;
        width: 32.45%;
    }

    .buttonside .inhalt h2 {
        border-bottom: none;
        padding: 0;
        position: relative;
        z-index: 10;
    }

    .buttonside .inhalt h2 span {
        display: block;
        margin: 0 0 0 -7px;
        padding: 15px 0 16px 10px;
    }

    .buttonside .inhalt h2:hover span,
    .buttonside .inhalt h2:focus span,
    .buttonside .inhalt h2:active span {
        background-color: #e0ded9;
        border-bottom: 1px solid #e0ded9;
        padding-bottom: 15px;
    }

    .buttonside .inhalt h2:hover,
    .buttonside .inhalt h2:focus,
    .buttonside .inhalt h2:active,
    .buttonside .inhalt h2.ui-state-active {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAwCAYAAADpVKHaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAsNJREFUeNrEmEtrE1EUxzM3k2RemWmin0CwIH6AatVYEEK1bixYKLQ7EYRSdaFuxE1BQejCheCiKqhZ6UJRuyn4ggriQsSFKFJdFISiTeadJpPE/zSTUqShSZw5Hgjck8zw5zx+594b7sfSlxi1aX07dtqWXmDUwmm1b8jQVxc9z8uTikuyctE0Sk8ajUa/7/NEaU66jnXXsa1xuFzr+8jFVS3Tj2jv1eu1gb9/izTtSlodN/Tiy62EI41cEKRZyzSmsEy2e4aPBiPjfrnsDG/3LAsZo0PA6I3nVYc7eZ6FiNF5NNZTYLSn03f4kDCaA0YTmzGKXBwY7Q4w2tfL+6x3jLSTwOhFr8I9Ry6I0nXL1KexTP1L5vgu65tdx8h1joXRpHwXGA0Co7luujmUmktyehqN9SxM4W0jR5p517WBkTkZxT7AtxfO7kK0D9DN+6Oa/6wNRqO6XnwdpfCWkYuidA0YnfWXUe/1/Kb6qsCo4LrOcapjFd/EKDMAjG6jm/dSnumYLKenTKM4Ty3carhG8CE3ZtvmTaT9KMexT/8j8hjS/h7b42AikXxMLu6bXvptVauVE6Ioz8B1SMVbhnF6BUNmjOO47+TivmHIPEcf5OJx/hW5uG/gfhkZOJJKCbfg1kjFgz6or62Vz8iKehruCql4yzB274CGPGPsA7l4swzFj+iDg8DxYVhDqasDAsrgAMcxSVIu+31JKt4yx7Gu4kw3Chy/kYs3p2JpQdWyB4DjArl4UIaVWs3LC4J4A26FVLxl5bJ7TlHUU1j+JBdfn4q4TADHIcbi78jFAxy/ohFzyWSq0AmOoZ/F0QeVSmVtAheNC75LKr6Bo23OIgsjwPEzuXiA4yJwzPF8Yp5cPCjDL8+rjvjXah8MUvENHF3nErboyRjHLZOLB4eUR5qWOQwc35KLN8uwuuT/Zeav/wgwAEWaKUwpf0tZAAAAAElFTkSuQmCC');
        background-position: 10px 0;
        background-repeat: no-repeat;
        margin: 0 0 0 -40px;
        padding: 0 0 0 40px;
        /*background-image: url('../img/layout/inline-icons/buttonside-pfeil-grau.png');*/
    }

    .buttonside .inhalt h2.ui-state-active {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAwCAYAAADpVKHaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdpJREFUeNrEmM8rRFEUx+fqNX42i/EoStRrsGAhm0kiCxtZKSWxsbLyBygLpaz8ATYWU7KRnaQoCiMLNtSsUQpLWdB4vqfO1PSYH2/eved+61PvzXuv79zz3rn3nqN8349ZkAve6iwYT4InOpA23wTHoIFOHCHTODgH6eIfJcz7wSVIBi+YDvsSuP/P2PTI98BcuRscQ2l0DbxKN+oO+wR4rMZYt/k6OAWN1T7gaEojMh0N+2BU815wBVpreThK2BfBQ63GUUaeYfNICmue5DRK6fhCw4R9DDzrMg5jvgbOwqSRjrDT9RMwbmL+LWfu8ft1TU3+pcI+D3ImjUuZ74BdibW+2CABbkCf1J6qMPIR8CJpXDBfBRegSXobS+Y+Iy7FRUOa87nZhjmpBWTBgPQHR/oAg2DbxsiLNcO7z7gNc1IXT6+d0tNrjIs5+gOHNsxJP2AarPCxWNiDGuI1PSG9mSDdgQ5wa8Oc9AmGwZaOWVFFaItMgQNQb8Oc1M7LcLd00UB6BT1g34Z5QbNgGeQlw151C0SiPs9xOmZtmJO+eFu2USkdleEOJBUbR6UqHSXQ/nS5hk9JhD2od24iZP5coZELsgC+fZay0HX2OBvalKWWN73u/K8AAwB0mMR2bhOTKgAAAABJRU5ErkJggg==');
        background-position: 10px 0;
        background-repeat: no-repeat;
        /*background-image: url('../img/layout/inline-icons/buttonside-pfeil-weiss.png');*/
    }

    .buttonside .inhalt h2.ui-state-active span {
        background-color: #ffffff;
        border-bottom: 1px solid #ffffff;
        padding-bottom: 15px;
    }

    .buttonside .inhalt a p {
        min-height: 80px;
        padding: 1px;
    }

    .buttonside .inhalt a p:hover,
    .buttonside .inhalt a p:focus,
    .buttonside .inhalt a p:active {
        padding: 0;
    }

    /*  Volltextsuche Detail
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #volltextsuche_detail p.suchbox {
        width: 67%;
    }

    /*  Veranstaltungskalender
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .mobilespringer {
        display: none;
    }

    form.veranstaltungskalender .formgrid_1 {
        float: left;
    }

    form.veranstaltungskalender .formgrid_1.firstchild {
        width: 28%;
    }

    form.veranstaltungskalender .formgrid_1.middlechild {
        width: 25%;
    }

    form.veranstaltungskalender .formgrid_1.lastchild {
        width: 38%;
    }

    form.veranstaltungskalender .formgrid_1.marginright {
        margin-right: 1%;
    }

    /*  Veranstaltungssuche
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .veranstaltungssuche tr th a,
    .veranstaltungssuche tr td a {
        padding: 4px 1px 4px 1px;
    }

    .veranstaltungssuche tr th a:hover,
    .veranstaltungssuche tr th a:focus,
    .veranstaltungssuche tr th a:active,
    .veranstaltungssuche tr td a:hover,
    .veranstaltungssuche tr td a:focus,
    .veranstaltungssuche tr td a:active {
        padding: 3px 0 3px 0;
    }

    .veranstaltungssuche .feldbox .selectbox select {
        width: 115%;
    }

    /*  Multicontent Modul
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .multicontent > .grid_2.firstchild {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0;
        width: 66.5%;
    }

    .multicontent > .grid_1.lastchild {
        float: right;
        margin: 0;
        width: 33.5%;
    }

    .multicontent .navlist a.active .leftarrow:before,
    .multicontent .navlist a:hover .leftarrow:before {
        border-bottom: 20px solid transparent;
        border-right: 15px solid #EFEEEC;
        border-top: 20px solid transparent;
        content: " ";
        height: 0;
        left: -15px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
        width: 0;
    }

    .multicontent .navlist {
        clear: none;
    }

    .multicontent .navlist li {
        border-bottom: 1px dotted #999999;
        border-top: 0;
    }

    /*  Service Block
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .service-abisz ul.abiszlist {
        margin: 0 -1px 0 0;
    }

    .service-abisz ul.abiszlist li {
        min-width: 14.68%
    }

    .service-abisz ul.abiszlist li:first-child {
        width: 28.9%;
    }

    /* Adressen
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .adressen.grid_3 .grid_1 {
        float: left;
        margin-left: 0.6625%;
        margin-right: 0.6625%;
        width: 32.45%;
    }

    .adressen.grid_3 .grid_2 {
        float: right;
        margin-left: 0.6625%;
        margin-right: 0.6625%;
        width: 66.2125%;
    }

    .adressen.grid_3 .grid_1.firstchild {
        margin-left: 0;
        margin-right: 0;
    }

    .adressen.grid_3 .bildlinks.grid_1.firstchild {
        margin-right: 0.6625%;
    }

    .adressen.grid_3 .bildrechts.grid_1.lastchild {
        margin-left: 0.6625%;
    }

    .adressen.grid_3 .grid_2.lastchild {
        margin-left: 0;
    }

/*    .adressen #fahrrad #fahrrad-ziel-adresse {
        width: 78%;
    } */

    .adressen #kvb #kvb-datum {
        width: 59%;
    }

    /*  Anfahrt Anpassungen für Ausblenden der KVB-Linien Anfahrt 0 in styles.css und Anfahrt 100 Radermacher 2018-12-05
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .grid_3 .anfahrt50 {
        float: left;
        margin: 0 1% 0 1%;
        width: 48%;
    }

    .grid_3 .anfahrt100 {
        float: left;
        margin: 0 1% 0 1%;
        width: 98%;
    }

    .grid_3 .grid_2 .anfahrt100 {
        float: none;
        margin: 0;
        width: auto;
    }

    .grid_3 .grid_2 .anfahrt50 {
        float: none;
        margin: 0;
        width: auto;
    }

    /* Bildergalerie */
    .bildergalerie .flex-direction-nav {
        bottom: 55%;
    }

    .bildergalerie figure {
        /*min-height: 405px;*/
    }

    /*** STEFAN ***/
    /* Filterbox */
    .filterbox button {
        float: right;
        padding: 5px 20px 5px 10px;
        text-align: right;
        width: auto;
    }

    /* Verkehrskalender */
    .verkehrskalender_form ul {
        float: right;
        margin-bottom: 10px;
    }

    .verkehrskalender_form ul li {
        display: inline;
    }

    .verkehrskalender .datepicker_form input {
        display: inline;
    }

    .tabbox.verkehrskalender h5,
    .tabbox.verkehrskalender form h5 {
        float: left;
    }

    .datepicker_form input {
        margin: 0;
    }

    .verkehrskalender .datepicker_form {
        float: left;
    }

    /* data-tables */
    .width-min { /* fiese Umbrüche verhindern */
        min-width: 11em;
    }

    .verkehrskalenderdetail dt,
    .verkehrskalenderdetail dd {
        clear: none;
    }

    .verkehrskalenderdetail dd.grid_2 {
        width: 66.2125%;
    }

    /*Kondolenzbuch*/
    .filterbox input.breiter {
        margin: 0 0 0 0;
        padding: 7px 0 7px 4px;
        width: 98.5%;
    }

    .teaser.multithemen.grid_4 {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    /* GSA Keymatch Anpassungen*/
    .suchergebnis.keymatch li strong {
        /*NEU 2016-11-24*/
		color: #b00001;
		margin-top: 0.8em;
        float: right;
        font-family: "OpenSansBold", sans-serif;
        font-size: 1em;
        font-weight: normal;
        line-height: 1.2;
        padding: 0;
        text-decoration: none;
        text-transform: uppercase;
    }

    /* grid_1 Teamseiten :: 1-spaltiges layout START */
    #inhalt article.teaser.textbildoben.teamseiten {
        border: 1px solid #e3e4df;
        /*NEU 2016-11-28 padding: 10px;*/
		padding: 0;
    }

    #inhalt article.teaser.textbildoben.teamseiten h2 {
        display: block;
        min-height: 2em;
        text-align: left;
		/*NEU 2016-11-28*/
		margin: 0;
    }

    /* merker für Übernahme auf 169er */
    #inhalt article.teaser.textbildoben.teamseiten .det_text {
        display: block;
        /*  min-height: 9.5em; 
        min-height: 8em;*/
    }

    .tbheight_2 {
        min-height: 2.8em !important;
    }
	
    .tbheight_3 {
        min-height: 3.9em !important;
    }

    .tbheight_4 {
        min-height: 5.2em !important;
    }

    .tbheight_5 {
        min-height: 6.5em !important;
    }

    .tbheight_6 {
        min-height: 7.8em !important;
    }

    .tbheight_7 {
        min-height: 9.1em !important;
    }
	
	.tbheight_8 {
        min-height: 10.4em !important;
    }
	
	.tbheight_10 {
        min-height: 11em !important;
    }

    /* merker für Übernahme auf 169er */
    #inhalt article.teaser.textbildoben.teamseiten p.ueberschrift2 {
        display: block;
        /*  min-height: 4em; */
        min-height: 2.8em;
    }

    #inhalt article.teaser.textbildoben.teamseiten div.team_email {
        display: block;
        /*NEU 2016-11-28 min-height: 3.2em;*/
		
    }

    #inhalt article.teaser.textbildoben.teamseiten div.team_download {
        display: block;
        min-height: 3.86em;
    }

    #inhalt article.teaser.textbildoben.teamseiten div.team_download_empty {
        border-bottom: 1px dotted #a1a1a1;
        display: block;
        margin-bottom: 0.71em;
        min-height: 3.15em;
    }

    #inhalt article.teaser.textbildoben.teamseiten div.team_links {
        display: block;
        max-height: 2.6em;
        min-height: 2.6em;
        overflow: hidden;
    }

    /* merker für Übernahme auf 169er */
    #inhalt article.teaser.textbildoben.teamseiten p.telefon {
        display: block;
        /*  min-height: 2.8em; */
        min-height: 1.3em;
    }

    #inhalt article.teaser.textbildoben.teamseiten a.standardlink:last-child {
        border-bottom: 0;
    }

    #inhalt article.teaser.textbildoben.teamseiten .inhalt a.download {
        display: block;
        font-size: 0.9em;
        min-height: 2.8em;
        padding: 6px 4px 4px 24px;
    }

    #inhalt article.teaser.textbildoben.teamseiten .bild-embedded {
        /*max-width: 40em;*/
        display: block;
        padding: 0;
    }

    #inhalt article.teaser.textbildoben.teamseiten .bild-embedded .bild-container {
        border: none;
        height: 0;
        overflow: hidden; /* accessibility! */
        position: relative;
    }

    #inhalt article.teaser.textbildoben.teamseiten .bild-embedded .bild-container img {
        border: none;
        height: auto;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    #inhalt article.teaser.textbildoben.teamseiten .bild-embedded .bild-container.ratio1_1 {
        padding-bottom: 100%; /* 1:1; */
    }

    /* grid_1 Teamseiten :: 1-spaltiges layout END */

    .mainslider_start .tab-container{
        display: block;
    }
}

/* breakpoint 768px */