@media (max-width: 1640px) {
    .frame-ampel > .rahmen {
        width: 90%;
    }
}

@media (max-width: 1500px) {
    .navigation .navi > ul > li > a, .navigation .navi > ul > li > span {
        padding: 20px 10px;
        margin-left: 10px;
        text-align: left;
    }
}

@media (max-width: 1400px) {
    .ce-textpic.ce-intext .ce-gallery {
        max-width: 400px;
    }
}

@media (max-width: 1400px) {
    .frame-ampel > .rahmen {
        width: 100%;
    }

    .logo {
        width: 130px;
    }

    #header {
        margin: 155px 0 100px 0;
    }
}

@media (max-width: 1350px) {
    .frame-bodytext-black .ce-bodytext {
        left: 20%;
        top: 40px;
    }

    #inhaltsbereich .frame-bodytext-black + .frame-bodytext-black .ce-bodytext {
        right: 20%;
    }
}

@media (max-width: 1300px) {
    .frame-grid-gallery .ce-gallery {
        height: 500px;
    }
}

@media (max-width: 1280px) {
    #header .frame-bildslider {
        height: auto;
        padding-bottom: 10px;
    }

    #header .ce-bodytext {
        position: static;
        width: 90%;
        margin: 30px 5% 0 5%;
        float: left;
        clear: both;
    }

    #header .ce-gallery {
        position: relative;
        overflow: visible;
        display: flex;
        max-height: unset;
    }

    /* #header .ce-gallery::after {
        content: '';
        position: absolute;
        top: 0;
        left: 10px;
        right: 0;
        height: calc(100% + 10px);
        border-left: 3px solid #183300;
        border-bottom: 3px solid #183300;
        z-index: 5;
    } */

    #header .owl-carousel .owl-stage-outer, #header .owl-stage, #header .owl-item {
        overflow: visible;
    }

    #header .ce-textpic::after,#header .ce-textpic::before {
        display: none;
    }

    #header .owl-item {
        position: relative;
    }

    #header .owl-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 10px;
        width: 3px;
        bottom: -10px;
        background: #262626;
        z-index: 5;
    }

    #header .owl-item::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 10px;
        right: 0;
        margin: 10px 0 0 0;
        height: 3px;
        background: #262626;
        z-index: 5;
    }
}

@media (max-width: 1230px) {
    tbody tr td:first-child, tbody tr td:nth-child(2), tbody tr td:nth-child(3) {
        min-width: unset;
    }

    tbody tr td:first-child {
        width: 280px;
    }

    tbody tr td:nth-child(2) {
        width: 150px;
    }

    tbody tr td:nth-child(3) {
        width: 200px;
    }
}

@media (max-width: 1200px) {
    .frame-bildslider .owl-item {
        opacity: 1 !important;
    }
}

@media (max-width: 1130px) {
    #header {
        margin: 155px 0 100px 0;
    }

    .mob_button {
        display: block;
    }

    .navigation {
        position: relative;
    }

    .hnavi {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        padding: 20px;
        background: #FFF;
    }

    .hnavi > li {
        float: left;
        clear: both;
        width: 100%;
        margin: 0 0 2px 0;
    }

    .hnavi > li > a, .hnavi > li > span {
        float: left;
        clear: both;
        width: 90%;
        padding: 10px 5% !important;
        margin: 0 0 0 0 !important;
        text-align: center;
        background: #244d00;
        color: #FFF !important;
    }

    .hnavi > li > a::before,
    .hnavi > li > a::after,
    .hnavi > li > span::before,
    .hnavi > li > span::after {
        display: none;
    }

    .navigation .navi > ul > li.act > a::before {
        display: none;
    }

    .hnavi > li.act > a, .hnavi > li.act > span {
        background: #183300;
    }

    .navigation .navi > ul > li.ifsub > a::after,
    .navigation .navi > ul > li:not(.act) > a::before {
        display: none;
    }

    .hnavi > li.ifsub > a {
        text-align: center;
    }

    .hnavi > li.ifsub > span > .unavi-toggle {
        background: #FFF;
        width: 10px;
        height: 10px;
        display: inline-block;
        margin-left: 10px;
        margin-bottom: 1px;
        clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
        transform: rotate(45deg);
        transition: 0.3s;
    }

    .hnavi > li.ifsub.open > span > .unavi-toggle {
        transform: rotate(0deg);
    }

    .unavi {
        position: static;
        float: left;
        clear: both;
        width: calc(100% - 4px);
        margin: 0 0 0 0;
        padding: 2px;
        border-top: 2px solid #FFF;
        background: #306600;
    }

    .unavi li {
        margin: 2px;
    }

    .unavi li a {
        padding: 10px 20px;
        background: rgba(255, 255, 255, 0.2);
    }

    .frame-ampel > .rahmen {
        width: 80%;
    }

    .frame-ampel .frame {
        padding: 10px 15px;
        border: none !important;
        width: calc(50% - 42px) !important;
        margin: 5px;
        background: #e1e1e1;
    }

    .frame-ampel::before {
        display: none;
    }

    .frame-ampel h3 {
        white-space: nowrap
    }
}

@media (max-width: 1070px) {
    #inhaltsbereich .frame-bodytext-black {
        margin-bottom: 150px;
    }

    #inhaltsbereich .frame-bodytext-black .ce-gallery {
        float: left;
        clear: none;
        width: 30%;
    }

    #inhaltsbereich .frame-bodytext-black .ce-bodytext {
        position: relative;
        float: left;
        clear: none;
        width: calc(65% - 60px);
        margin-left: 5%;
        left: auto !important;
        top: auto !important;
        right: auto !important;
    }

    #inhaltsbereich .frame-bodytext-black + .frame-bodytext-black .ce-bodytext {
        margin-right: 5%;
        margin-left: 0;
    }

    #inhaltsbereich .frame-bodytext-black + .frame-bodytext-black .ce-bodytext a[title="button"] {
        left: auto;
        right: 0;
    }

    #inhaltsbereich .frame-bodytext-black .ce-bodytext a[title="button"] {
        left: 0;
    }
}

@media (max-width: 1030px) {
    .frame-kontakt > .rahmen {
        width: calc(90% - 80px);
        margin: 0 5%;
    }

    .frame-bg-grau .ce-textpic.ce-intext .ce-gallery {
        max-width: 300px;
        clear: both;
    }
}

@media (max-width: 1000px) {
    .top-navi {
        width: 100%;
        padding: 0;
    }

    .top-navi ul {
        width: 100%;
    }

    .top-navi ul li {
        width: 100%;
        clear: both;
        text-align: center;
        position: relative;
        border-bottom: 1px solid #FFF;
    }

    .top-navi ul li a {
        float: left;
        display: block;
        padding: 10px 5%;
        margin-left: 0;
        position: static;
    }

    .top-navi ul li a::before {
        display: inline-block;
        content: '';
        position: static;
        width: 20px;
        height: 20px;
        margin: 0 10px -5px 0;
    }

    .hnavi .top-navi ul li a::after {
        height: auto;
        width: auto;
        background: none;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .top-navi ul li.act a::after {
        background: rgba(110, 109, 109, 0.3);
        border: none;
    }

    .frame-ampel .ce-bodytext {
        margin-top: 0 !important;
    }

    .frame-grid-gallery {
        display: none;
    }
    
    .frame-default .ce-gallery, .frame-text-down .ce-gallery,
    .frame-bg-hotel .ce-gallery {
        width: auto !important;
        float: left !important;
        clear: both !important;
    }

    .frame-vorstand .ce-gallery {
        width: 100% !important;
    }

    .frame-default .ce-gallery + .ce-bodytext, .frame-text-down .ce-gallery + .ce-bodytext,
    .frame-bg-hotel .ce-gallery + .ce-bodytext {
        width: 100% !important;
        float: left !important;
        clear: both !important;
        margin-top: 20px;
    }

    #inhaltsbereich .frame-bg-hotel .ce-gallery {
        margin: 0 0 10px 0 !important;
    }

    .rahmen {
        width: 90%;
    }

    .frame-text-down .ce-gallery {
        max-width: 200px;
    }

    .frame-willkommen.frame-layout-1 + .frame-text-down.frame-layout-2 {
        padding-top: 100px;
    }

    .frame-text-down + .frame-grid-gallery + .frame-bodytext-black {
        padding-top: 50px !important;
    }

    .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery + .ce-bodytext {
        width: 100%;
        float: left;
        clear: both;
    }

    .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
        margin-left: 0;
        float: left;
        clear: both;
    }

    .frame-default .frame-3-spaltig .ce-bodytext {
        width: auto !important;
        float: none !important;
        clear: none !important;
        margin-top: -50px !important;
    }

    .frame-type-shortcut .frame-3-spaltig {
        width: calc(50% - 20px);
        margin: 0 10px 20px 10px!important;
    }

    #inhaltsbereich .frame-type-shortcut.frame-3-spaltig > .rahmen > .frame-3-spaltig {
        width: 80%;
        margin: 0 10% 30px 10% !important;
    }

    .frame-3-spaltig .ce-textpic,
    .frame-3-spaltig .ce-textpic .ce-gallery {
        width: 100% !important;
    }

    .frame-3-spaltig .ce-textpic .ce-gallery .ce-row,
    .frame-3-spaltig .ce-textpic .ce-gallery .ce-row .ce-column,
    .frame-3-spaltig .ce-textpic .ce-gallery .ce-row .image,
    .frame-3-spaltig .ce-textpic .ce-gallery .ce-row img {
        width: 100%;
        float: left;
        clear: both;
    }

    .frame-type-shortcut .frame-3-spaltig:hover {
        transform: none;
    }

    .frame-3-spaltig .ce-textpic .ce-gallery {
        filter: none;
    }

    .frame-3-spaltig .ce-bodytext {
        z-index: 15;
    }

    .frame-bahnen-ein .ce-gallery {
        width: 100% !important;
        float: left !important;
        clear: both !important;
        max-width: unset !important;
    }

    .frame-bahnen-ein .ce-gallery-2 {
        float: left;
        clear: both;
        width: 100%;
        margin: 10px 0 50px 0;
    }

    .frame-bahnen-ein .ce-gallery > * {
        max-width: 400px;
    }
}

@media (max-width: 980px) {
    .frame-willkommen .ce-bodytext {
        width: 100%;
    }
}

@media (max-width: 950px) {
    #footer .ql {
        float: left;
        clear: both;
        width: 100%;
        display: block;
        padding-top: 20px;
        margin-top: 20px;
        position: relative;
    }

    #footer .ql::before {
        content: '';
        position: absolute;
        left: -10px;
        width: 30px;
        height: 3px;
        background: #FFF;
        top: 0;
    }

    #footer .ql .qnavi {
        margin: 0 0 0 0;
        text-align: left;
    }

    #footer::before, #footer::after {
        background: #FFF
    }
}

@media (max-width: 900px) {
    #header {
        margin: 100px 0 100px 0;
    }

    .hnavi {
        overflow-y: scroll;
        max-height: calc(100vh - 310px);
        padding-bottom: 200px !important;
    }
}

@media (max-width: 890px) {
    .frame-club-historie > .rahmen > .frame-type-shortcut > .rahmen > .frame {
        width: calc(100% - 90px);
        padding: 20px 20px 10px 60px;
    }

    .frame-club-historie > .rahmen > .frame-type-shortcut > .rahmen > .frame header h3 {
        padding: 10px;
    }
}

@media (max-width: 850px) {
    #inhaltsbereich .tx_cn-multicontent .tx_cn-columns .row > div,
    #inhaltsbereich .tx_cn-multicontent .tx_cn-columns .row > div > div {
        width: 100% !important;
        float: left;
        clear: both;
        margin: 0 0 0 0 !important;
    }

    #inhaltsbereich .tx_cn-multicontent .tx_cn-columns .row > div:last-child {
        margin: 20px 0 0 0 !important;
    }

    .frame-kontakt .ce-gallery {
        display: none;
    }

    #inhaltsbereich .tx_cn-multicontent .tx_cn-columns .row > div > div.frame-news,
    #inhaltsbereich .tx_cn-multicontent .tx_cn-columns .row > div > div.frame-yt-grau {
        width: calc(100% - 60px) !important;
        margin-bottom: 50px !important;
    }

    h2.margin-top {
        margin: 40px 0 10px 0;
        min-height: unset;
    }

    .frame-news {
        min-height: unset;
    }

    #inhaltsbereich .frame-bahnen-bubble {
        margin-top: 30px;
    }

    #inhaltsbereich .frame-grau-col-50 .tx_cn-columns .row > div {
        width: calc(100% - 80px) !important;
        margin: 0 0 0 0 !important;
        padding: 40px;
    }

    #inhaltsbereich .frame-grau-col-50 .tx_cn-columns .row > .col-50:last-child {
        margin-top: 100px !important;
    }

    .frame-top-info .ce-gallery {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 30px 0;
        text-align: center;
    }

    .frame-top-info .ce-gallery .ce-row {
        width: 200px;
        display: inline-block;
        float: none;
    }
    
    .frame-top-info .ce-bodytext {
        clear: both;
        width: 100%;
    }
}

@media (max-width: 830px) {
    .frame-vorstand > .rahmen > .frame {
        width: calc(33% - 20px);
        margin: 0 10px;
        float: left;
    }

    .frame-vorstand > .rahmen > .frame .ce-bodytext {
        min-height: 70px;
    }

    .frame-bahnen-gesamt .ce-gallery .ce-row {
        width: 19%;
    }

    .frame-bahnen-gesamt .ce-gallery::after {
        content: "";
        flex: auto;
    }
}

@media (max-width: 800px) {
    .frame-willkommen .rahmen {
        width: calc(90% - 80px) !important;
        padding: 40px;
    }

    .frame-willkommen h2, .frame-willkommen h3, .frame-willkommen .ce-bodytext {
        text-shadow: 0 0 5px #000, 0 0 10px #000;
    }

    .frame-sponsoren .ce-row {
        width: calc(33% - 10px);
    }
}

@media (max-width: 780px) {
    .frame-ampel > .rahmen {
        width: 90%;
    }
}

@media (max-width: 770px) {
    #header .ce-bodytext h2 {
        font-size: 30px;
    }

    #header .ce-bodytext h3 {
        font-size: 20px;
    }
}

@media (max-width: 760px) {
    .frame-club-historie {
        display: none;
    }

    .frame-club-historie-resp {
        display: block;
    }
}

@media (max-width: 750px) {
    #header {
        margin: 110px 0 100px 0;
    }

    tbody tr td {
        padding-left: 10px;
    }
}

@media (max-width: 700px) {
    #inhaltsbereich .frame-bodytext-black .ce-gallery {
        float: left;
        clear: both;
        width: auto;
        max-width: 200px;
        margin-left: 20px;
    }

    #inhaltsbereich .frame-bodytext-black + .frame-bodytext-black .ce-gallery {
        margin-left: 0;
        margin-right: 20px;
    }

    #inhaltsbereich .frame-bodytext-black .ce-bodytext {
        position: static;
        float: left;
        clear: both;
        width: calc(100% - 60px);
        margin: -100px 0 0 0 !important;
        z-index: 5;
        position: relative;
        top: auto;
        left: auto !important;
        right: auto !important;
        text-align: left !important;;
    }

    #inhaltsbereich .frame-bodytext-black + .frame-bodytext-black .ce-bodytext a[title="button"] {
        right: 0%;
    }

    #inhaltsbereich .frame-bodytext-black .ce-bodytext a[title="button"] {
        left: 0%;
    }

    .frame-bahnen-gesamt .ce-gallery .ce-row {
        width: 24%;
    }

    #inhaltsbereich .ce-textpic.ce-intext .ce-gallery,
    #inhaltsbereich .ce-textpic.ce-intext .ce-bodytext {
        clear: both;
        margin-bottom: 20px;
    }

    #inhaltsbereich .ce-textpic.ce-intext .ce-gallery + .ce-bodytext,
    #inhaltsbereich .ce-textpic.ce-intext .ce-bodytext + .ce-gallery{
        margin-bottom: 0;
    }

    #inhaltsbereich .frame-ampel {
        margin: 0 0 20px 0;
    }

    #header {
        margin: 110px 0 30px 0;
    }

    #inhaltsbereich .frame-bahnen-bubble ul {
        margin: 0 0 0 0;
    }

    #inhaltsbereich .frame-bahnen-bubble ul li {
        padding: 15px !important;
        width: 100px;
        height: 100px;
        font-size: 20px;
        margin: 0 20px 20px 0 !important;
    }

    #inhaltsbereich .frame-bahnen-bubble ul:last-child {
        margin-left: 0px !important;
    }

    #inhaltsbereich .frame-bahnen-bubble ul:last-child li {
        padding: 5px !important;
        width: 50px;
        height: 50px;
        margin: 0 10px 10px 0 !important;
        font-size: 16px;
    }
}

@media (max-width: 680px) {
    .frame-ampel .frame {
        width: calc(50% - 14px) !important;
        padding: 5px;
        border: none !important;
        margin: 2px;
    }

    .frame-ampel h3, .frame-ampel p {
        font-size: 11px;
    }

    .frame-ampel .frame .ce-gallery {
        width: 25px !important;
        margin-right: 5px !important;
    }

    .frame-ampel .ce-gallery * {
        float: left;
        clear: both;
        width: 100%;
    }

    .frame-bildslider > .rahmen {
        width: 90%;
        margin: 0 auto;
    }
}

@media (max-width: 670px) {
    #inhaltsbereich .frame-praes-historie li {
        padding-top: 5px;
    }

    .frame-praes-historie .ce-bodytext strong {
        padding: 5px 10px;
        margin-top: -5px;
    }

    .frame-praes-historie .ce-bodytext {
        font-size: 20px;
    }

    #inhaltsbereich .frame-praes-historie li:first-child strong {
        min-width: 125px;
    }
}

@media (max-width: 650px) {
    .matomo {
        height: 300px !important;
    }
}

@media (max-width: 630px) {
    .frame-praesidium > .rahmen > .frame {
        width: 80%;
        margin: 0 10% !important;
    }

    .frame-praesidium > .rahmen > .frame:first-child {
        margin-bottom: 30px !important;
    }

    .frame-vorstand > .rahmen > .frame {
        width: calc(50% - 20px);
        margin: 0 10px;
    }
}

@media (max-width: 600px) {
    .frame-type-shortcut .frame-3-spaltig {
        width: 80%;
        margin: 0 10% 30px 10%!important;
    }

    tbody {
        font-size: 14px;
    }

    tbody tr td {
        padding-bottom: 15px;
    }
}

@media (max-width: 550px) {
    #inhaltsbereich > .frame-bg-hotel + div:last-of-type {
        margin-top: 0;
    }

    .frame-sponsoren .ce-row {
        width: calc(50% - 10px);
    }

    .frame-bahnen-gesamt .ce-gallery .ce-row {
        width: 32%;
    }
}

@media (max-width: 500px) {
    .hnavi {
        overflow-y: scroll;
        max-height: calc(100vh - 294px);
        padding-bottom: 200px !important;
    }

    h1, h2 {
        font-size: 26px;
    }

    .frame-praes-historie > .rahmen > .frame {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .frame-willkommen {
        padding-top: 0 !important;
    }

    .frame-willkommen.frame-layout-1 + .frame-text-down.frame-layout-2 {
        padding-top: 50px !important;
    }

    #inhaltsbereich > div {
        margin: 0 0 40px 0;
    }

    #inhaltsbereich .frame-sponsoren.frame-layout-3 + .frame-sponsoren.frame-layout-3 {
        margin-bottom: 40px !important;
    }

    .frame-bahnen-gesamt, .frame-praes-historie, .frame-bg-golf, .frame-bg-hotel,
    .frame-sponsoren.frame-layout-3 + .frame-sponsoren.frame-layout-3,
    .frame-sponsoren.frame-layout-3, .frame-bg-grau {
        padding: 40px 0;
    }

    .frame-kontakt {
        padding: 0 0 40px 0 !important;
    }

    #inhaltsbereich .frame-grau-col-50  .tx_cn-columns .row > .col-50:last-child {
        margin-top: 40px !important;
    }
    
    #inhaltsbereich .frame-sponsoren.frame-layout-3 + .frame-sponsoren.frame-layout-3 {
        margin-bottom: 40px !important;
    }

    #inhaltsbereich .frame-bodytext-black {
        margin-bottom: 60px !important;
    }

    #inhaltsbereich .frame-bodytext-black + .frame-bodytext-black {
        margin-top: 40px;
    }

    #inhaltsbereich .frame-bg-golf + .frame-default,
    #inhaltsbereich .frame-bg-grau + .frame-default {
        margin-top: 40px !important;
    }

    .logo {
        width: 100px;
    }
    
    .mob_button {
        top: 20px;
    }

    #header {
        margin: 90px 0 30px 0;
    }

    .frame-bahnen-gesamt .ce-gallery figcaption {
        font-size: 30px;
        top: 50%;
        padding: 15px;
        width: 30px;
        height: 30px;
        margin: -30px 0 0 -30px;
        line-height: 0.8em;
        text-shadow: 3px 3px #9e9e9e;
    }

    #header .ce-gallery .ce-column .image {
        width: 140%;
        margin-left: -20%;
        height: auto;
    }

    .frame-startzeiten {
        display: none;
    }

    #inhaltsbereich .frame-news a[title="button"] {
        margin-left: -57px;
    }

    .frame-text-down::before {
        bottom: 70%;
    }

    .frame-text-down .ce-gallery {
        max-width: 150px;
    }

    .frame-text-down .ce-textpic {
        position: relative;
    }

    #inhaltsbereich .frame-text-down .ce-textpic a[title="button"] {
        position: absolute;
        left: 160px;
        top: 100px;
    }

    #inhaltsbereich .frame-text-down .ce-textpic a[title="button"]::after,
    #inhaltsbereich .frame-text-down .ce-textpic a[title="button"]::before {
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }

    #inhaltsbereich .frame-text-down .ce-bodytext {
        margin-top: 0 !important;
    }

    #inhaltsbereich .frame-text-down .ce-gallery {
        margin-bottom: 15px !important;
    }

    #inhaltsbereich a[title="button"] {
        font-size: 16px;
        margin: 0 0 0 0;
    }

    #inhaltsbereich .frame-bg-hotel a[title="button"] {
        font-size: 16px;
        margin: 10px 0 0 0;
    }

    #inhaltsbereich .frame-bahnen-bubble ul li {
        padding: 10px !important;
        width: 80px;
        height: 80px;
        font-size: 16px;
        margin: 0 15px 20px 0 !important;
    }

    #inhaltsbereich .frame-3-spaltig a[title="button"] {
        font-size: 30px;
    }

    tbody tr td {
        padding: 5px !important;
    }

    tbody tr {
        background: rgba(0, 0, 0, 0.05);
    }

    tbody tr:nth-child(even) {
        background: rgba(0, 0, 0, 0.1);
    }

    .frame-bg-golf tbody tr {
        background: rgba(255, 255, 255, 0.15);
    }

    .frame-bg-golf tbody tr:nth-child(even) {
        background: rgba(255, 255, 255, 0.2);
    }

    .frame-tigers .ce-textpic {
        display: block;
    }

    .frame-tigers .ce-gallery,
    .frame-tigers .ce-bodytext {
        float: left;
        clear: both;
        width: 100%;
    }

    .frame-bahnen-ein .ce-gallery {
        text-align: center;
    }

    .frame-bahnen-ein .ce-gallery > * {
        display: inline-block;
    }
}

@media (max-width: 480px) {
    .frame-praesidium > .rahmen > .frame {
        width: 100%;
        margin: 0 !important;
    }

    .frame-vorstand > .rahmen > .frame {
        width: 60%;
        margin: 0 20%;
    }
}

@media (max-width: 450px) {
    #footer::before, #footer::after {
        display: none;
    }
    
    #inhaltsbereich .frame-praes-historie ul {
        text-align: center;
        width: 100%;
        float: left;
        clear: both;
    }

    #inhaltsbereich .frame-praes-historie li {
        clear: both;
        display: inline-block;
        float: none;
        margin: 0 0 0 0;
    }

    #inhaltsbereich .frame-praes-historie li:last-child {
        width: 100%;
        text-align: center;
        display: block;
        margin: 0 0 20px 0;
    }
}

@media (max-width: 420px) {
    .frame-willkommen .rahmen {
        width: calc(90% - 40px) !important;
        padding: 20px;
    }
}

@media (max-width: 400px) {
    .frame-bahnen-gesamt .ce-gallery .ce-row {
        width: 49%;
    }

    .frame-tigers .ce-textpic {
        text-align: center;
    }

    .frame-tigers .ce-gallery {
        width: auto;
        float: none;
        display: inline-block;
        margin: 0 0 20px 0 !important;
    }

    .matomo {
        height: 370px !important;
    }
}

@media (max-width: 390px) {
    .frame-vorstand > .rahmen > .frame {
        width: 100%;
        margin: 0;
    }

    #inhaltsbereich .frame-bahnen-bubble ul li {
        padding: 10px !important;
        width: 70px;
        height: 70px;
        font-size: 14px;
        margin: 0 10px 20px 0 !important;
    }
}

@media (max-width: 380px) {
    .ce-column {
        clear: both;
        margin: 3px 0;
    }
}

@media (max-width: 365px) {
    .frame-ampel h3, .frame-ampel p {
        font-size: 10px;
    }

    .frame-ampel .frame .ce-gallery {
        width: 20px !important;
    }
}

@media (max-width: 360px) {
    .frame-sponsoren .ce-row {
        width: 90%;
        margin: 0 5% 10px 5%;
    }

    .frame-bahnen-gesamt .ce-gallery .ce-row {
        width: 80%;
    }

    .frame-bahnen-gesamt .ce-gallery {
        justify-content: center;
    }

    .frame-bahnen-gesamt .ce-gallery::after {
        display: none;
    }

    .frame-ampel h3, .frame-ampel p {
        font-size: 9px;
    }

    .frame-type-shortcut .frame-3-spaltig {
        width: 90%;
        margin: 0 5% 30px 5% !important;
    }

    tbody tr td {
        padding-left: 5px;
    }

    .frame-tigers .ce-bodytext a, .frame-tigers .ce-bodytext, .frame-tigers .ce-bodytext strong {
        font-size: 16px;
    }
}

@media (max-width: 360px) {    
    #inhaltsbereich .frame-bahnen-bubble ul li {
        padding: 8px !important;
        width: 70px;
        height: 70px;
    }
}