.wrapperanimate{
    width:200px;
    height:60px;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
}
.circle{
    width:20px;
    height:20px;
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    left:15%;
    transform-origin: 50%;
    animation: circle .5s alternate infinite ease;
}

@keyframes circle{
    0%{
        top:60px;
        height:5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7);
    }
    40%{
        height:20px;
        border-radius: 50%;
        transform: scaleX(1);
    }
    100%{
        top:0%;
    }
}
.circle:nth-child(2){
    left:45%;
    animation-delay: .2s;
}
.circle:nth-child(3){
    left:auto;
    right:15%;
    animation-delay: .3s;
}


@keyframes shadow{
    0%{
        transform: scaleX(1.5);
    }
    40%{
        transform: scaleX(1);
        opacity: .7;
    }
    100%{
        transform: scaleX(.2);
        opacity: .4;
    }
}
.shadow:nth-child(4){
    left: 45%;
    animation-delay: .2s
}
.shadow:nth-child(5){
    left:auto;
    right:15%;
    animation-delay: .3s;
}
.wrapperanimate span{
    position: absolute;
    top:75px;
    font-family: 'Lato';
    font-size: 20px;
    letter-spacing: 12px;
    color: #fff;
    left:15%;
}
body {
    font-family: eurostile, sans-serif;
}

h3.carousel-subheader {
    color: #f59c00 !important;
    font-weight: bold;
}

.footer-section-content-column-right, .footer-section-content-column-left, .footer-section-content-column-middle {
    color: #fff;
    background-color: #333333;
}

.footer-section-content {
    color: #fff;
    background-color: #333333;
}

.body-bg-top {
    overflow: hidden;
}

.card-group-element-item .card-title {
    font-size: 1.4rem;
    font-weight: bold;
}

.card-group-element-item .card-subtitle {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    font-style: italic;
    color: black;
}

.element-subheader {
    color: black;
}

/*====================added by ashok=====================================*/
div.tx-ext-list {
    position: relative;

}

.tx-ext-list {
    color: #000000;
}

.tx-ext-list .row {
    margin-left: 0px;
    margin-right: 0px;
    background-color: white;
}

.main li {
    background: none;

}
.main li a {
    color: #af0000;

}

.box {
    /*gradient*/
    background-color: #ebe2ec;
    border: 1px solid #611662;
    min-height: 420px;
    margin: 5px;
    margin-bottom: 20px;
}

.box h4 {
    color: #333333;
    margin: 0;
    padding: 6px 0px 6px 0px;
    height: 60px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.box h4 a {
    color: black;
    text-decoration: none;
}

/*.main a:link, .main a:visited {color: #ff9918;text-decoration: none;} */
.box h4 a:hover {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

.box p {
    padding-bottom: 20px;
    font-size: 16px;
}

.box ul {
    list-style: outside none none;
    margin: 0;
    padding: 0 10px 14px;
}

.box ul li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    background: none;
}

li.kurzbeschreibung {
    list-style: none;
}

.startbild {
    margin-bottom: 20px;
    width: 100%;
}

li.kurzbeschreibung > p {
    line-height: 1.6em;
    margin: 0 !important;
    padding: 0;
    color: #000000;
    width: 100%;
}

.itemlink {
    clear: left;
    font-size: 85% !important;
}

.f3-widget-paginator {
    display: inline-block;
    width: 100%;
}

.tx-ext-list ul li {
    list-style: none;
    background: none;
    margin-top: 10px;
    display: inline-block;
}

.tx-ext-list ul li a {
    text-decoration: none;

}

.tx-ext-list ul li a:hover {
    font-weight: bold;
    color: #F87C06;
}

/*------------------------------------------------Detail view css ---------------------------------------------------*/
.tx-ext-list .responsive-image {
    max-width: 100%;
    height: auto;
}

p.zuruecklink a:hover {
    text-decoration: none;
    font-weight: bold;
}

.tx-ext-list > div.box2 {
    background-color: #f4f4f4;
    text-align: left;
    padding: 30px;
}

.box2 h4 {
    /* border-bottom: 1px dotted black; */
    /* border-left: 6px solid #CC0003; */
    color: #333333;
    margin: 0;
    /* padding: 3px 8px 3px 10px; */
    height: 60px;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}

.box2 p {
    line-height: 1.6em;
    margin-left: 10px;
    margin-right: 10px;
}

.box2 h2, .box2 h3, .box2 h4, .box2 h5 {
    padding: 10px 0;
}

.zuruecklink a, .zuruecklink2 a {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

p > span.immo_thumbnail {
    border: 1px solid #245c40;
    float: left;
    margin-bottom: 5px;
    margin-right: 4px;
    padding: 3px;
}

img#tx_gewerbemanager_img {
    float: right;
    margin-left: 3px;
    margin-top: 25px;
    padding: 0 0 3px 3px;
}

div.caption {
    clear: left;
    font-size: 80%;
    font-style: italic;
    padding-right: 5px;
    text-align: right;
}


/* Flex it ... */
.flex-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;

}

.flexbox-card {
    background: #ece2ec !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 5px;
    min-width: 200px;
    border: 1px solid #611562;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
    max-width: 420px;
}


.flexbox-card-b {
    background: #ece2ec !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 5px;
    min-width: 180px;
    border: 1px solid #98bd0a;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 420px;
}

.flexbox-card-b p {
    padding: 5px;
}

.flexbox-card-b h1 a {
    color: #399c6b !important;
    text-transform: uppercase;
}

.flexbox-card-b .btn-primary {
    font-size: 18px;
}

.karten h1 {
    text-align: center
}

.karten h2 {
    text-align: center;
}

a.moreinfo {
    margin-top: auto;
}

/* keine collapsing margins => kein margin-top */
.flexbox-card address, .flexbox-card p {
    padding: 5px;
}

.flexbox-card .Absatz_mit_Hintergrund, .flexbox-card-b .Absatz_mit_Hintergrund {
    margin: 0;
    padding: 6px 8px 3px 10px;
    color: white;
    border-bottom-style: dotted;
    border-bottom-color: #611562;
    border-bottom-width: 2px;
    background: #fff8e8;
    border: none;
    letter-spacing: 1px;
    font-size: 18px;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    text-align: center;
}

svg.icon {
    width: 12px;
    margin-right: 5px;
}

.svg-icon path, .svg-icon polygon, .svg-icon rect {
    fill: #000000;
}

.flexbox-card a {
    font-size: 1.4rem;
}


@media (min-width: 991px) {
    .flexbox-card-b {
        background: #fff8e8 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 5px;
        min-width: 180px;
        border: 1px solid #98bd0a;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 24%;
        flex: 1 0 24%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;;
    }
}


/*------ -------------------------------------Table css--------------------------------*/


.zuruecklink2 {
    border-top: 1px dotted #245c40;
    clear: both;
    padding: 20px 0;
}

.zuruecklink2 a:hover {
    text-decoration: none;
}

.f3-widget-paginator {
    text-align: center;
}

/*----------------*/
.box2 > p {
    margin-top: 10px;
}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote p {
    display: inline;
}

#tx_gewerbemanager_img {
    float: right;
    max-width: 100%;
}

.frame-type-menu_pages ul li {
    list-style: none;
    text-align: center;
}

.video-shariff-preview-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    -moz-transition: opacity .25s cubic-bezier(0.0, 0.0, 0.2, 1);
    -webkit-transition: opacity .25s cubic-bezier(0.0, 0.0, 0.2, 1);
    transition: opacity .25s cubic-bezier(0.0, 0.0, 0.2, 1);
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background: rgba(255, 255, 255, 0.94);


}

.video-shariff-play {
    position: relative;
    text-align: center;
    display: block;

    margin-top: -56.25%;
}


div.tx-ext-list {
    position: relative;
}

.tx-ext-list {
    color: #000000;
}

.tx-ext-list .row {
    margin-left: 0px;
    margin-right: 0px;
    background-color: white;
}

.main li {
    background: none;
}

.box {
    /*gradient*/
    background-color: #ebe2ec;
    border: 1px solid #611662;
    min-height: 420px;
    margin: 5px;
    margin-bottom: 20px;
}

.box h4 {
    color: #333333;
    margin: 0;
    padding: 6px 0px 6px 0px;
    height: 60px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.box h4 a {
    color: black;
    text-decoration: none;
}

/*.main a:link, .main a:visited {color: #ff9918;text-decoration: none;} */
.box h4 a:hover {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

.box p {
    padding-bottom: 20px;
    font-size: 16px;
}

.box ul {
    list-style: outside none none;
    margin: 0;
    padding: 0 10px 14px;
}

.box ul li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    background: none;
}

li.kurzbeschreibung {
    list-style: none;
}

.startbild {
    margin-bottom: 20px;
}

li.kurzbeschreibung > p {
    line-height: 1.6em;
    margin: 0 !important;
    padding: 0;
    color: #000000;
    width: 100%;
}

.itemlink {
    clear: left;
    font-size: 85% !important;
}

.f3-widget-paginator {
    display: inline-block;
    width: 100%;
}

.tx-ext-list ul li {
    list-style: none;
    background: none;
    margin-top: 10px;
    display: inline-block;
}

.tx-ext-list ul li a {
    text-decoration: none;
}

.tx-ext-list ul li a:hover {
    font-weight: bold;
    color: #F87C06;
}

/*------------------------------------------------Detail view css ---------------------------------------------------*/
.tx-ext-list .responsive-image {
    max-width: 100%;
    height: auto;
}

p.zuruecklink a:hover {
    text-decoration: none;
    font-weight: bold;
}

.tx-ext-list > div.box2 {
    background-color: #f4f4f4;
    text-align: left;
    padding: 30px;
}

.box2 h4 {
    /* border-bottom: 1px dotted black; */
    /* border-left: 6px solid #CC0003; */
    color: #333333;
    margin: 0;
    /* padding: 3px 8px 3px 10px; */
    height: 60px;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}

.box2 p {
    line-height: 1.6em;
    margin-left: 10px;
    margin-right: 10px;
}

.box2 h2, .box2 h3, .box2 h4, .box2 h5 {
    padding: 10px
}

.zuruecklink a, .zuruecklink2 a {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

p > span.immo_thumbnail {
    border: 1px solid #245c40;
    float: left;
    margin-bottom: 5px;
    margin-right: 4px;
    padding: 3px;
}

div.immo_thumbnail img {
    border: 1px solid #245c40;
    margin-bottom: 5px;
    margin-right: 4px;
    padding: 3px;
}

img#tx_gewerbemanager_img {
    float: right;
    margin-left: 3px;
    margin-top: 25px;
    padding: 0 0 3px 3px;
}

div.caption {
    clear: left;
    font-size: 80%;
    font-style: italic;
    padding-right: 5px;
    text-align: right;
}

/* Flex it ... */
.flex-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flexbox-card {
    background: #ece2ec !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 5px;
    min-width: 200px;
    border: 1px solid #611562;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
    max-width: 420px;
}

.flexbox-card-b {
    background: #ece2ec !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 5px;
    min-width: 180px;
    border: 1px solid #98bd0a;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 420px;
}

.flexbox-card-b p {
    padding: 5px;
}

.flexbox-card-b h1 a {
    color: #399c6b !important;
    text-transform: uppercase;
}

.flexbox-card-b .btn-primary {
    font-size: 18px;
}

.karten h1 {
    text-align: center
}

.karten h2 {
    text-align: center;
}

a.moreinfo {
    margin-top: auto;
}

/* keine collapsing margins => kein margin-top */
.flexbox-card address {
    padding: 5px;
}

.flexbox-card .Absatz_mit_Hintergrund, .flexbox-card-b .Absatz_mit_Hintergrund {
    margin: 0;
    padding: 6px 8px 3px 10px;
    color: white;
    border-bottom-style: dotted;
    border-bottom-color: #611562;
    border-bottom-width: 2px;
    background: #fff8e8;
    border: none;
    letter-spacing: 1px;
    font-size: 18px;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    text-align: center;
}

svg.icon {
    width: 12px;
    margin-right: 5px;
    height: 12px;
}

.svg-icon path, .svg-icon polygon, .svg-icon rect {
    fill: #000000;
}

.flexbox-card a {
    font-size: 1.4rem;
}

.startbild {
    padding: 0;
    width: 100%;
}

@media (min-width: 991px) {
    .flexbox-card-b {
        background: #fff8e8 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 5px;
        min-width: 180px;
        border: 1px solid #98bd0a;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 24%;
        flex: 1 0 24%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;;
    }
}

/*------ -------------------------------------Table css--------------------------------*/


.zuruecklink2 {
    border-top: 1px dotted #245c40;
    clear: both;
    padding: 20px 0;
}

.zuruecklink2 a:hover {
    text-decoration: none;
}

.f3-widget-paginator {
    text-align: center;
}

/*----------------*/
.box2 > p {
    margin-top: 10px;
}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote p {
    display: inline;
}

#tx_gewerbemanager_img {
    float: right;
    max-width: 100%;
}

/*=======================================================================*/
@media only screen and (max-width: 540px) {
    .ausfluege {
        width: 98%;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (min-width: 541px) {
    .ausfluege {
        width: 47%;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (min-width: 992px) {
    .ausfluege {
        width: 31.33333333%;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (min-width: 1024px) {
    #tx_gewerbemanager_img {
        float: right;
        width: auto;
        max-width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .ausfluege {
        width: 23%;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (max-width: 639px) {
    .startbild {
        float: none;
        width: 100%;
    }

    .tx-ext-list ul li {
        width: 100%;
    }

    .tx-ext-list ul li {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .box h4 {
        font-size: 16px;
    }
}

.moreinfo {
    color: white !important;
    text-align: center;
}

a.website {
    color: #245c40 !important;
    padding: 10px 0;
}

.share_text {
    color: white;
}

.addressen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    clear: both;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 25px;
}

.flexbox-card {
    background: #fff8e8 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 5px;
    min-width: 200px;
    border: 1px solid #611562;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
}

.box3 p {
    line-height: 1.6em;
    margin-left: 0px;
    margin-right: 10px;
    font-style: normal;
}

.addresstitel {
    padding: 10px;
    margin: -5px -5px 5px -5px;
    color: #399c6b !important;
    background: #fff8e8;
    border-bottom: 1px solid grey;
    text-transform: uppercase;
    min-height: 70px;
    text-align: center;
}

.box3 p.adresstitel {
    font-size: 200%
}

.adresslogo {
    float: right;
}

.listview {
    width: 100%;
}

.abisz {
    font-size: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category {
}

.list {
    border: solid lightgrey 1px;
    margin: 5px;
}

.sorry {
    text-align: center;
    margin-top: 45px;
}

.image > img {
    float: right;
    padding: 5px;
}

.f3-widget-paginator {
    list-style: none;
    text-align: center;
}

.f3-widget-paginator > li {
    display: inline;
}

.f3-widget-paginator > li.current {
    color: #CC0000;
}

.f3-widget-paginator > li.previous, .f3-widget-paginator > li.next {
    display: none;
}

.f3-widget-paginator::before {
    content: 'Seite';
}

.activelinkcolor {
    color: #CC0000;
}

.deadlinkcolor {
    color: #999999;
}

.abisz a {
    display: block;
    padding: 8px;
}

.abisz .deadlinkcolor {
    display: block;
    padding: 8px;
}

.activelinkcolor {
    display: block;
    padding: 8px;
}

.search_address {
    padding: 5px;
    width: 200px;
    height: 30px;
    border-radius: 4px;
    border-width: 1px;
    border-color: #245C40;
    border-style: solid;
    text-decoration: none;
    vertical-align: bottom;
}

.address_dropdown {
    height: 30px;
}

.adresssuche {
    width: auto;
    padding: 5px;
    height: 30px;
    color: #fff;
    border-radius: 4px;
    border-width: 1px;
    border-color: #245C40;
    border-style: solid;
    background-color: #f2982d;
    text-decoration: none;
}

_:-ms-lang(x),
_:-webkit-full-screen,
#top-a {
    background-attachment: scroll !important;
}

.interactive-park-planner .leaflet-container {
    background-color: white;
}


.bootstrappackageicon-facebook:before {
    content: "\f101"
}

.bootstrappackageicon-file-audio:before {
    content: "\f102"
}

.bootstrappackageicon-file-image:before {
    content: "\f103"
}

.bootstrappackageicon-file-video:before {
    content: "\f104"
}

.bootstrappackageicon-file:before {
    content: "\f105"
}

.bootstrappackageicon-github:before {
    content: "\f106"
}

.bootstrappackageicon-googleplus:before {
    content: "\f107"
}

.bootstrappackageicon-instagram:before {
    content: "\f108"
}

.bootstrappackageicon-linkedin:before {
    content: "\f109"
}

.bootstrappackageicon-rss:before {
    content: "\f10f"
}

.bootstrappackageicon-twitter:before {
    content: "\f10a"
}

.bootstrappackageicon-vimeo:before {
    content: "\f10b"
}

.bootstrappackageicon-vk:before {
    content: "\f10e"
}

.bootstrappackageicon-xing:before {
    content: "\f10c"
}

.bootstrappackageicon-youtube:before {
    content: "\f10d"
}

.cookie-consent-settings {
    margin-bottom: 10px;
    position: fixed;
    bottom: 5px;
    left: 5px;
    height: 100px
    width: 100px;
    background-image: url(cookie.png);
}

a.js-gme-show img {
    max-width: 100% !important;
    height: auto !important;
}

footer#page-footer {
    margin-bottom: 100px;
}

.tour {
    width: 100%;
    height: 280px;
}

@media (min-width: 991px) {
    .tour {
        width: 100%;
        height: 480px;
    }
}

.flexbox-card-b h1 a {
    color: #ffffff !important;
    text-transform: uppercase;
}

.submit {
    background-color: #611562;
    display: block;
    vertical-align: bottom;
    cursor: pointer;
    color: #fff;
    bottom: 0;
    width: 100%;
    text-decoration: none;
    padding: 10px;
}

.flexbox-card .Absatz_mit_Hintergrund, .flexbox-card-b .Absatz_mit_Hintergrund {
    margin: 0;
    padding: 6px 8px 3px 10px;
    color: white;
    border-bottom-style: dotted;
    border-bottom-color: #611562;
    border-bottom-width: 2px;
    background: #611562 !important;
    border: none;
    letter-spacing: 1px;
    font-size: 18px;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    text-align: center;
}

@media (min-width: 576px) {
    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 50%;
    }
}


@font-face {
    font-family: 'icomoon';
    src: url('icomoon.eot');
    src: url('icomoon.eot#iefix') format('embedded-opentype'), url('icomoon.ttf') format('truetype'), url('icomoon.woff') format('woff'), url('icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

table {
    width: 100%;
    font-size: 1.2rem;
}

table.produkttabelle td {
    padding: 3px;
    vertical-align: middle;
    text-align: center;
}

table.produkttabelle p {
    font-size: 12px;
}

table.produkttabelle td {
    border: 1px dotted #15589e;
}

table.produkttabelle th {
    background-color: #F2982D;
}

table.produkttabelle th, table.produkttabelle tr td {
    padding: 5px;
}

table.produkttabelle th, table.produkttabelle tr:first-child td {
    padding: 5px;
    background-color: #80BDFF;
}

table.produkttabelle .hover {
    background-color: #E3EEDE;
    font-weight: bold;
}

.produkttabelle th {
    text-align: left;
}

.produkttabelle th.td-0 {
    text-align: left;
}

.produkttabelle td {
    text-align: left;
}

.produkttabelle td.td-0 {
    text-align: left;
}


@media only screen and (max-width: 600px) {
    table.produkttabelle, table.produkttabelle thead, table.produkttabelle tbody, table.produkttabelle th, table.produkttabelle td, table.produkttabelle tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.produkttabelle tr:first-child {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table.produkttabelle tr {
        border: 1px solid #ccc;
    }

    table.produkttabelle td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 70%;
        background-color: #B3D4FD;
    }

    table.produkttabelle td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 25%;
        padding-right: 10px;
        white-space: nowrap;
    }

    table.produkttabelle td:nth-of-type(1):before {
        content: "Zusatz für 1 L Eismix";
        padding: 15px 0;
    }

    table.produkttabelle td:nth-of-type(2):before {
        content: "1 kg €";
        padding: 15px 0;
    }

    table.produkttabelle td:nth-of-type(3):before {
        content: "4 kg €";
        padding: 15px 0;
    }

    table.produkttabelle td:nth-of-type(4):before {
        content: "kg* €";
        padding: 15px 0;
    }

    table.produkttabelle td:nth-of-type(5):before {
        content: "20 kg €";
        padding: 15px 0;
    }

    table.produkttabelle td:nth-of-type(6):before {
        content: "kg** €";
        padding: 15px 0;
    }

    table.produkttabelle td:nth-of-type(7):before {
        content: "Ansatz per Liter in €";
        padding: 15px 0;
    }

    .produkttabelle td {
        text-align: left;
    }

    .produkttabelle td.td-0 {
        text-align: left;
        background-color: #F2982D;
        font-weight: bold;
    }

    table.basket_items caption {
        width: 100%;
        display: block;
    }

    table.basket_items, table.basket_items thead, table.basket_items tbody, table.basket_items th, table.basket_items td, table.basket_items tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.basket_items thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table.basket_items tr {
        border: 1px solid #ccc;
    }

    table.basket_items td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 30%;
        border-bottom: 1px solid #ccc;
        padding-top: 8px;
    }

    table.basket_items td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 25%;
        padding-right: 10px;
        white-space: nowrap;
    }

    table.basket_items td:nth-of-type(1):before {
        content: "Nr.";
    }

    table.basket_items td:nth-of-type(2):before {
        content: "Artikel";
    }

    table.basket_items td:nth-of-type(3):before {
        content: "Preis";
    }

    table.basket_items td:nth-of-type(4):before {
        content: "MwSt.";
    }

    table.basket_items td:nth-of-type(5):before {
        content: "Anzahl";
    }

    table.basket_items td:nth-of-type(6):before {
        content: "löschen";
    }

    table.basket_items td:nth-of-type(7):before {
        content: "akt.";
    }

    .basket_items td {
        text-align: left;
        vertical-align: central;
        height: 48px;
    }

    .basket_items td.td-0 {
        text-align: left;
        font-weight: bold;
    }
}

#adresse {
    display: none;
}


.productBox4 hr:before {
    background: #F9F2D7;
}


.listwrap {

    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
}

.listform {
    display: flex;
    flex: 1 0 100%;
    position: relative;

    -webkit-box-shadow: 1px 5px 10px -3px #000000;
    box-shadow: 1px 3px 10px -3px #000000;
    margin: 5px;

}

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

    .listform {
        display: flex;
        flex: 1 1 50%;
        position: relative;
    }

    .listwrap {

        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        flex-direction: row;
    }
}

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

    .listform {
        display: flex;
        flex: 0 1 calc(50% - 1em);
        position: relative;
    }
}

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

    .listform {
        display: flex;
        flex: 0 1 calc(33% - 1em);
        position: relative;
    }
}

.listform:after {
    content: '';
    height: 10px;

    display: block;
    background: url(schatten.png) top center no-repeat;
    background-size: 96% 100%;
    position: absolute;
    /* left: 5px; */
    bottom: 0px;

}

.productBox {
    border: 1px solid gray;
    -moz-box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
    text-align: center;
    width: 100%;
}

.animated img {
    flex-shrink: 0;
}

.productcontent {

    min-height: 1px;
    padding: 5px;
}

.kaufen {
    background-color: #e0d7c3;
    padding: 10px;
    margin: -5px;
}

.variante {
    margin: -5px;
    padding: 20px;
    background-color: #f7eed9;
}

.productBox2 {
    width: 99%;
    margin: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    background: white;
    position: relative;
    color: white;
    border-radius: 3px;
    padding: 5%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}

.productBox3 {
    width: 99%;
    margin: 0 0 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    background: white;
    position: relative;
    color: white;
    border-radius: 3px;
    padding: 5%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}

.productBox4 {
    width: 99%;
    margin: 0 0 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    background: white;
    position: relative;
    color: black;
    border-radius: 3px;
    border: 1px dotted #c1bca7;
    padding: 5px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    background-image: url(../img/bg-boxen.png);
}

.tt-products h4, .tt-products h5 {
    text-transform: none;
}

.zahlung {
    width: 48%;
}


.productBox2:after {
    content: '';
    height: 10px;
    width: 100%;
    display: block;
    background: url(schatten.png) top center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.productBox3:after {
    content: '';
    height: 10px;
    width: 100%;
    display: block;
    background: url(schatten.png) top center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.productBox4:after {
    content: '';
    height: 10px;
    width: 100%;
    display: block;
    background: url(schatten.png) top center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.
.productBox p + a.detaillink {
    background: rgba(46, 46, 45, 1);
    text-align: center;
    background: rgba(94, 92, 94, 1);
    background: -moz-linear-gradient(top, rgba(94, 92, 94, 1) 0%, rgba(36, 36, 36, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(94, 92, 94, 1)), color-stop(100%, rgba(36, 36, 36, 1)));
    background: -webkit-linear-gradient(top, rgba(94, 92, 94, 1) 0%, rgba(36, 36, 36, 1) 100%);
    background: -o-linear-gradient(top, rgba(94, 92, 94, 1) 0%, rgba(36, 36, 36, 1) 100%);
    background: -ms-linear-gradient(top, rgba(94, 92, 94, 1) 0%, rgba(36, 36, 36, 1) 100%);
    background: linear-gradient(to bottom, rgba(94, 92, 94, 1) 0%, rgba(36, 36, 36, 1) 100%);
    color: white;
    border-radius: 3px;
    padding: 3% 7%;
    width: 100%;
    margin-top: 3%;
    margin-bottom: -6%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
}

.list-produkttitle {
    color: black;
}

.content span.list-price-tax {
    font-size: 26px;
    color: #FF0A7E;
}

.detailbutton {
    background: rgba(46, 46, 45, 1);
    color: white;
    width: 100%;
    height: 35px;
}


@media screen and (max-width: 680px) {
    .productBox {
        width: 100%;

    }

    .zahlung {
        width: 100%;
    }

    .productBox a {

    }

    table {
        font-size: 0.8em
    }
}

.pricebox {
    border: 1px solid #95380f;
    padding: 15px;
    text-align: center;
}

.pricebox .tax-notice {
    display: block;
    color: #aaaaaa;
}

.pricebox .tax-notice a {
    color: #aaaaaa;
    text-decoration: underline;
}

.pricebox .tax-notice a:hover, .pricebox .tax-notice a:focus {
    color: #aaaaaa;
    text-decoration: none;
}

.pricebox .regular-price {
    color: #cc2650;
    font-family: "Laila Bold";
    font-weight: normal;
    line-height: 1.4em;
    padding: 0.4em 6px 0.4em 0;
    font-size: 40px;
    color: black;
}

.pricebox .price .base-price {
    color: #535353;
}

.pricebox .button-wrap {
    text-align: center;
    vertical-align: bottom;
    padding-top: 15px;
}

.button-wrap-inner.clearfix {
    display: flex;
    justify-content: flex-end;
}

.pricebox .button-wrap .button-box-1 {
    display: inline-block;
    /* vertical-align: bottom; */
    display: flex;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: space-evenly;
}

.pricebox .button-wrap .button-box-1 input {
    width: 50px;
    text-align: center;
}

.pricebox .button-wrap .button-box-2 {
    display: inline-block;
    vertical-align: bottom;
}

@media only screen and (min-width: 580px) {
    .pricebox {
        text-align: left;
    }

    .pricebox .button-wrap {
        text-align: right;
    }

    .pricebox .price-box-info {
        float: left;
        width: 50%;
    }

    .pricebox .price-box-buy {
        float: right;
        width: 50%;
    }
}


#tt-products-single-36-color {
    width: 80px;
}

.tt-products-single {
    padding: 15px;
}

.menu_search {
    padding: 5px;
}

fieldset {
    padding: 5px;
}

legend {
    font-size: 1.4em;
    padding: 5px
}

div.tt-products input {
    line-height: normal;
    font-size: 14px;
}

div.tt-products input.qty {
    width: 45px;
}

div.tt-products input[type="image"] {
    max-width: 100%;
    width: 30px;
    vertical-align: top;
}

div.tt-products input[type="image"]:first-child {
    max-width: 100%;
    width: 45px;
}

div.tt-products select {
    line-height: normal;
    width: 60px;
    height: 30px;
    font-size: 14px;
    float: none !important;
}

div.tt-products input[type="checkbox"], div.tt-products input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

div.tt-products input[type="number"]::-webkit-inner-spin-button, div.tt-products input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

div.tt-products input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

div.tt-products input[type="submit"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
}

div.tt-products input[type="number"] {
    width: 60px;
}

div.tt-products input[type="search"]::-webkit-search-cancel-button, div.tt-products input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

div.tt-products fieldset {
    border: 1px solid #95380f;
    margin: 0 2px;
    padding: 0.35em 0.625em 2.75em
}

fieldset {
    border: 1px solid #95380f;

}

div.tt-products legend {
    border: 0;
    padding: 0;
    font-size: 18px;
    padding-top: 10px;
}

div.tt-products label {
    display: block;
    height: 30px;
    font-size: 14px;
    padding: 15px 0 0 0;
    font-weight: 700;
    margin-bottom: 3px;
}

div.tt-products label > input[type="checkbox"] {
    display: block;
    height: 30px;
    font-size: 14px;
    padding: 15px 0 0 0;
    clear: left;
    float: left;
}

div.tt-products label input[type="checkbox"] {
    display: block;
    height: 30px;
    font-size: 14px;
    padding: 15px 0 0 5px;
    margin-right: 10px;
    clear: left;
    float: left;
}

div.tt-products textarea {
    overflow: auto;
    width: 100%;
    font-size: 14px;
}

div.tt-products textarea #delivery_notes {
    overflow: auto;
    width: 100%;
    font-size: 14px;
}

div.tt-products input, div.tt-products button, div.tt-products select, div.tt-products textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

input#delivery_zip {
    width: 50px;
}

.tt-products-tracking select {
    width: 80%;
    height: auto
}

.warenkorb {
}

.list-produkttitle {
    margin: 5px 0 0 0;
    font-weight: bold;
}

.single-product-title {
    margin: 0;
}

.list-price-tax {
    margin: 2px 0;
    color: #CD0000;
}

.single-price-tax {
}

.single-tax {
}

span.single-price-tax-only {
}

p.artikelnummer {
}

.artikelbild1 {
}

.thumbs h4.header-produktinfo {
}

div.article-note {
}

p.info-download h4.to-the-basket {
}

.single-qty {
    width: 85px;
    height: 35px;
    vertical-align: top;
    margin: 0;
    padding: 2px;
}

.single-image-basket {
    width: 35px;
    height: 35px;
}

h4.single-back-to-list {
    text-transform: none;
    padding: 30px 0;
    clear: both;
}

#tab1 > div > h2 {
    clear: both;
    padding: 10px 0;
}

#tab2 > div > h3 {
    text-transform: none;
    padding: 10px 0;
    clear: both;
}

#tab3 > div > h4 {
    text-transform: none;
    padding: 10px 0;
    clear: both;
}

#tab1 > div > p:first-child {
    text-transform: none;
    padding-top: 10px;
    clear: both;
}

#tab2 > div > p:first-child {
    text-transform: none;
    padding-top: 10px;
    clear: both;
}

#tab3 > div > p:first-child {
    text-transform: none;
    padding-top: 10px;
    clear: both;
}

form .col-xs-12 h3 {
    margin: 20px 0px;
}

select#tt-products-single-1-color {
    height: 35px;
}

select#tt-products-single-2-color {
    height: 35px;
}

select#tt-products-single-3-color {
    height: 35px;
}

.tx-srfeuserregister-pi1 label {
    display: block;
    clear: both;
    font-weight: bold;
    color: #df127b;
    margin: 5px 0
}

.tx-srfeuserregister-pi1 input {
    padding: 5px;
    display: block;
    width: 90%;
    border: 1px solid #8F8F8F;
    border-radius: 4px;
    color: black;
    font-size: inherit;
}

.tx-powermail .col-sm-10.col-sm-offset-2 {
    background-color: red;
    padding: 10px;
    color: white;
    font-size: 1.8rem;
}

.powermail_fieldwrap_type_submit .col-sm-10.col-sm-offset-2 {
    background-color: white;
    padding: 0
    color: black;
    font-size: inherit;
}


.tx-srfeuserregister-pi1 input[type="checkbox"], .tx-srfeuserregister-pi1 input[type="radio"], .tx-powermail input[type="radio"], .tx-powermail input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.tx-srfeuserregister-pi1 input[type="submit"] {
    width: auto;
}

.tx-srfeuserregister-pi1 legend {
    text-transform: uppercase;
    color: #95380f;
    margin: 10px;
    font-weight: bold;
    text-align: center;
    padding: 10px;

}

.tx-srfeuserregister-pi1 legend b {
    color: #FF0A7E;
}

.tx-felogin-pi1 {
    min-height: 300px;
}

p.forget a:hover, .button-pink:hover, div.tt-products input[type="submit"]:hover, div.tt-products input[type="button"]:hover {
    background: #000000;
    background-image: -webkit-linear-gradient(top, #000000, #858585);
    background-image: -moz-linear-gradient(top, #000000, #858585);
    background-image: -ms-linear-gradient(top, #000000, #858585);
    background-image: -o-linear-gradient(top, #000000, #858585);
    background-image: linear-gradient(to bottom, #000000, #858585);
    text-decoration: none;
}

.single-qty {
    color: red;
}

#powermail_field_ihrwunsch_freitag {
    width: 65%;
    float: right;
}

#field_personinfo_country_code {
    width: 300px;
}

#field_delivery_country_code {
    width: 300px;
}

a.detaillink {
    background: rgba(46, 46, 45, 1);
    text-align: center;
    background: rgba(94, 92, 94, 1);
    background: -moz-linear-gradient(top, rgba(94, 92, 94, 1) 0%, rgba(36, 36, 36, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(94, 92, 94, 1)), color-stop(100%, rgba(36, 36, 36, 1)));
    background: -webkit-linear-gradient(top, rgba(94, 92, 94, 1) 0%, rgba(36, 36, 36, 1) 100%);
    background: -o-linear-gradient(top, rgba(94, 92, 94, 1) 0%, rgba(36, 36, 36, 1) 100%);
    background: -ms-linear-gradient(top, rgba(94, 92, 94, 1) 0%, rgba(36, 36, 36, 1) 100%);
    background: linear-gradient(to bottom, rgba(94, 92, 94, 1) 0%, rgba(36, 36, 36, 1) 100%);
    color: white;
    display: inline-block;
    text-decoration: none;
    text-align: center;

    display: block;
    padding: 10px;
}

.tt-products-list input[type="number"], .tt-products-search input[type="number"] {
    margin: 1px;
    height: 28px;
    text-align: center;
    color: black;
}

#ARTICLE_TITLE_SINGLE input[type="number"] {
    margin: 1px;
    height: 60px;
    text-align: center;
    color: black;
}

div.tt-products .productcontent label {
    display: inline-block;
    height: auto;
    font-size: 14px;
    padding: 0;
    margin-bottom: 0px;
}

select#powermail_field_anrede {
    width: 200px;
    height: 40px;
}

#adresse {
    display: none;
}

.c-socialwall {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.c-socialwall__item.c-socialwall__item--instagram {
    flex: 1 1 300px;
}

.c-socialwall__item.c-socialwall__item--instagram {
    background-color: #151515bf;
    padding: 10px;
    margin: 10px;
    border: 1px dotted #f7cf8e7a;
}

div.tx-powermail input, input {
    height: auto;
    background-color: rgba(255, 170, 0, 0.83);
    font-size: 18px;
    color: black;

    padding: 5px;
    width: 100%;
}

select#powermail_field_anrede {
    height: auto;
    background-color: rgba(255, 170, 0, 0.83);
    font-size: 18px;
    color: black;

    padding: 5px;
}

input#powermail_field_maximalebildbreiteincm {
    width: 100px;
}

#powermail_field_maximalebildhoeheincm {
    width: 100px;
    margin-bottom: 30px;
    border-bottom: 1px solid grey;
}

a.lightbox.bild {

    padding: 10px;
}

#powermail_field_ihrinteresseambild {
    width: 100%;
    padding: 10px 10px 10px 0;
    background-color: white;
    color: #ff0000;
    border: none;
    font-size: 24px;
    font-width: bold;
    text-transform: uppercase;
}

#powermail_field_bemerkungen {
    width: 100%;
    height: 300px;
}

input#powermail_field_preisbildalsdownload {
    width: 120px;
    border: none;
    background: white;
    color: red;
    font-weight: bold;
    font-size: 26px;
}

/*** intext left and right BEGIN ***/
.textpic-intext-right-media {

    padding-bottom: 20px;
}

.textpic-intext-right, .textpic-intext-left {
    clear: both;
}

@media (min-width: 480px) {
    .textpic-intext-left .textpic-intext-left-header,
    .textpic-intext-right .textpic-intext-right-header {
        margin-bottom: 12px;
    }

    .textpic-intext-right .textpic-intext-right-media,
    .textpic-intext-left .textpic-intext-left-media {
        display: block;
        min-width: 100px;
        max-width: 60%;
        width: inherit;
    }

    .textpic-intext-left .textpic-intext-left-media {
        float: left;
        clear: both;
    }

    .textpic-intext-right .textpic-intext-right-media {
        float: right;
        padding: 10px;
        clear: both;
    }

    .textpic-intext-left .textpic-intext-left-body,
    .textpic-intext-right .textpic-intext-right-body {
        display: block;
        float: none;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .textpic-intext-left .textpic-intext-left-media {
        max-width: 600px;
        width: 15vw;
    }

}

.textpic-item.textpic-text {
    order: 0;
}

.section-column.subcontent-wrap {
    border-left: 1px solid grey;
}

.news .article {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted grey;
}

.teaser-text {
    font-size: 1.25rem;
    font-weight: bold;
    color: #d97200;
}

.startseite .teaser-text {
    font-size: 1.1rem;
    font-weight: normal;
    color: black;

}

.news.news-single {
    max-width: 600px;
}

.news-img-wrap img {
    width: 100%;
    height: auto;
}

.news .footer {
    clear: both;
    padding: 10px 0 0 0;
    border-top: 1px solid #eee;
    margin-top: 15px;
    color: #000;
}

.news .footer p {
    line-height: 1em;
}

.news .footer span {
    display: inline-block;
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #ddd;
}

.news .footer span:last-child {
    border-right: 0;
}

.news .footer .news-category a {
    text-transform: uppercase;
}

.news .no-news-found {
    color: #DB0202;
    font-style: italic;
}

.zusatz {
    margin: 0 0 50px 0;
    padding: 20px 0;
    border-bottom: 1px dotted grey;
}

p.news-img-caption {
    font-size: .9rem;
    background-color: #ebebeb;
    padding: 5px;
}

a.more, .button, .btn-primary {
    color: white !important;
    text-decoration: none;
    background: #666 !important;

}

.more, .button, .btn-primary {
    background: #666;
    color: white;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 20px;
    margin-right: 10px;

}

.more:hover::after, .button:hover::after, .btn-primary:hover::after {
    transform: translateY(10%) translateX(-25px) rotate(-45deg);
}

.more:after, .button:after, .btn-primary:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500%;
    height: 1000%;
    background: #838383;
    z-index: -1;
    transform-origin: 0% 0%;
    transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);
    transform: translateY(10%) translateX(16%) rotate(-45deg);
    transition: transform .3s;
}

.news.news-single {
    max-width: 600px;
}

input#fp_gdpr {
    height: 40px;
    width: 40px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;

}
input#powermail_field_terminwunsch {
    width: 240px;
}
input.btn.btn-sm {
    background: #666;
    color: white;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 20px;
    margin-right: 10px;
    height: auto;
    background-color: rgba(255, 170, 0, 0.83);
    font-size: 18px;
    color: black;
    padding: 5px;
    width: 100%;
}
input#powermail_field_plz {
    width: 100px;
}
select#powermail_field_anzahl {
    width: 80px;
    height: 35px;
    background-color: rgba(255, 170, 0, 0.83);
}
input#powermail_field_rueckrufnummer {
    width: 240px;
}
select#powermail_field_uhrzeit {
    height: 35px;
    background-color: rgba(255, 170, 0, 0.83);
    width: 90%;
}
input#fp_mathcaptcha {
    width: 40px;
    margin: 10px 0;
}
input#powermail_field_datenschutz_1 {
    width: 30px;
    height: 30px;
}
input#powermail_field_newsletter_1, input#powermail_field_newsletter_2,powermail_checkbox {
    width: 30px;
    height: 30px;
}
.powermail_fieldwrap.powermail_fieldwrap_type_radio.powermail_fieldwrap_newsletter {
    margin: 20px 0;
}
textarea {padding:20px;width:100%; height: 300px;background-color: rgba(255, 170, 0, 0.83);line-height: 1.8rem;font-size: 1.6em;}


img#powermail_captchaimage {
    width: 100%;
}
input#powermail_field_marker {
    width: 80px;
    margin: 10px 0;
}
label.powermail_label {
    font-weight: bold;
    margin: 10px 0;
    color: #f59c00;
    padding-top: 15px;
}
input#powermail_field_telefon {
    width: 200px;
}

input.powermail_submit {
    margin: 20px 0;
}
input#powermail_field_spam_schutzrechenaufngabe {
    width: 80px;
    margin: 10px 0;
}
textarea:focus {
    background: #BDC3C7;
}
.powermail_input:focus {background-color:BDC3C7 !important }
div.tx-powermail input:focus, input:focus {

    background: #BDC3C7;

}
select#powermail_field_uhrzeit:focus, select#powermail_field_anzahl:focus, select#powermail_field_anrede:focus  {

    background: #BDC3C7;

}
.tx-srfeuserregister-pi1 input[type="checkbox"], .tx-srfeuserregister-pi1 input[type="radio"], .tx-powermail input[type="radio"], .tx-powermail input[type="checkbox"] {

    width: 30px;
    height: 30px;
    margin:3px 0;

}
.modal-body p, .modal-body h2, h5.modal-title {color:black !important;}
.modal-content.modal-light {
    background-color: #e1e1e1;
}


button.cookies {
    border: none;
    margin-top: 40px;
}

.cookie-consent-container {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: Helvetica Light, sans-serif;
    font-weight: 300;
    font-size: 1rem;
    color: #000;
    line-height: 1.5;
}

.cookie-consent-container .detail {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.cookie-consent-container .detail.open {
    height: auto;
    width: 100%;
    visibility: visible;
    opacity: 1;
    overflow: auto;
    display: block;
    margin-bottom: 15px;
    font-size: 1rem;
    transition: all 0.5s ease-in-out;
}

.cookie-consent-container .text-center {
    text-align: center;
}

.cookie-consent-container p {
    margin: 0 0 15px 0;
}

.cookie-consent-container a,
.cookie-consent-container a:visited,
.cookie-consent-container a:active,
.cookie-consent-container a:focus,
.cookie-consent-container a:focus:active {
    color: #000;
    text-decoration: none;
}

.cookie-consent-container a:hover,
.cookie-consent-container a:visited:hover,
.cookie-consent-container a:active:hover,
.cookie-consent-container a:focus:hover,
.cookie-consent-container a:focus:active:hover {
    color: #000;
    transition: all 0.5s ease-in-out;
}

.cookie-consent-container a.show-details,
.cookie-consent-container a:visited.show-details,
.cookie-consent-container a:active.show-details,
.cookie-consent-container a:focus.show-details,
.cookie-consent-container a:focus:active.show-details {
    display: block;
    position: relative;
    padding-right: 20px;
    font-size: 0.75rem;
    margin-bottom: 25px;
}

@media all and (min-width: 660px) {
    .cookie-consent-container a.show-details,
    .cookie-consent-container a:visited.show-details,
    .cookie-consent-container a:active.show-details,
    .cookie-consent-container a:focus.show-details,
    .cookie-consent-container a:focus:active.show-details {
        margin-bottom: 15px;
    }
}

.cookie-consent-container a.show-details:after,
.cookie-consent-container a:visited.show-details:after,
.cookie-consent-container a:active.show-details:after,
.cookie-consent-container a:focus.show-details:after,
.cookie-consent-container a:focus:active.show-details:after {
    content: "";
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #999 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    margin: 7px 0 0 5px;
    position: absolute;
    top: 0;
}

.cookie-consent-container a.show-details:hover:after,
.cookie-consent-container a:visited.show-details:hover:after,
.cookie-consent-container a:active.show-details:hover:after,
.cookie-consent-container a:focus.show-details:hover:after,
.cookie-consent-container a:focus:active.show-details:hover:after {
    transition: all 0.5s ease-in-out;
    border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.cookie-consent-container a.show-details .less,
.cookie-consent-container a:visited.show-details .less,
.cookie-consent-container a:active.show-details .less,
.cookie-consent-container a:focus.show-details .less,
.cookie-consent-container a:focus:active.show-details .less {
    display: none;
}

.cookie-consent-container a.show-details.open .more,
.cookie-consent-container a:visited.show-details.open .more,
.cookie-consent-container a:active.show-details.open .more,
.cookie-consent-container a:focus.show-details.open .more,
.cookie-consent-container a:focus:active.show-details.open .more {
    display: none;
}

.cookie-consent-container a.show-details.open .less,
.cookie-consent-container a:visited.show-details.open .less,
.cookie-consent-container a:active.show-details.open .less,
.cookie-consent-container a:focus.show-details.open .less,
.cookie-consent-container a:focus:active.show-details.open .less {
    display: inline-block;
}

.cookie-consent-container a.show-details.open:after,
.cookie-consent-container a:visited.show-details.open:after,
.cookie-consent-container a:active.show-details.open:after,
.cookie-consent-container a:focus.show-details.open:after,
.cookie-consent-container a:focus:active.show-details.open:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(1800deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.cookie-consent-container .label {
    color: #000;
    font-size: 1rem;
    font-weight: 300;
    display: inline-block;
    margin: 0 0 12px 0;
    position: relative;
    padding: 0 0 0 30px;
    line-height: 1.5;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cookie-consent-container .label.partially-checked .checkmark {
    background-color: #bc0012;
}

.cookie-consent-container .label.partially-checked .checkmark:after {
    display: none;
}

.cookie-consent-container .label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.cookie-consent-container .label input:checked ~ .checkmark {
    background-color: #bc0012;
}

.cookie-consent-container .label input:checked ~ .checkmark:after {
    display: block;
}

.cookie-consent-container .label input:disabled:checked ~ .checkmark {
}

.cookie-consent-container .label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background: #fff;
    border: 1px solid #000;
}

.cookie-consent-container .label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 0;
    width: 7px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cookie-consent-container .consent-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
    width: 90%;
    height: 590px;
    max-height: calc(100vh - 50px);
    min-height: 295px;
    margin: auto;
    padding: 1em;
    background-color: #fff;
    overflow-y: auto;
    box-shadow: 0 0 5px #000;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}

@media all and (min-width: 500px) {
    .cookie-consent-container .consent-modal {
        height: 470px;
    }
}

@media all and (min-width: 900px) {
    .cookie-consent-container .consent-modal {
        height: 450px;
        max-height: calc(100vh - 100px);
    }
}

.cookie-consent-container .consent-modal .option-wrapper {
    background: #eee;
    padding: 15px;
    margin-bottom: 15px;
}

.cookie-consent-container .consent-modal .option-wrapper:last-child {
    margin-bottom: 0;
}

.cookie-consent-container .consent-modal .option-wrapper p:last-child {
    margin-bottom: 0;
}

.cookie-consent-container .consent-modal .option-wrapper .option-headline {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.25rem;
    font-weight: 400;
}

.cookie-consent-container
.consent-modal
.option-wrapper
.option-detail-wrapper {
    margin-bottom: 10px;
    border-bottom: 2px solid #afafaf;
}

.cookie-consent-container
.consent-modal
.option-wrapper
.option-detail-wrapper:last-child {
    margin-bottom: 0;
}

.cookie-consent-container
.consent-modal
.option-wrapper
.option-detail-wrapper
.option-detail {
    border-bottom: 1px solid #ddd;
    padding: 7px 10px 3px;
    font-size: 0.875rem;
    color: #000000;
}

.cookie-consent-container
.consent-modal
.option-wrapper
.option-detail-wrapper
.option-detail:last-child {
    border-bottom: none;
    padding-bottom: 6px;
    color: #000000;
}

.cookie-consent-container
.consent-modal
.option-wrapper
.option-detail-wrapper
.option-detail.cookie-option {
    background: #dedede;
    font-size: 1rem;
    font-weight: 400;
    transition: all ease-in-out 0.5s;
    color: #000000;
}

.cookie-consent-container
.consent-modal
.option-wrapper
.option-detail-wrapper
.option-detail.cookie-option:hover {
    background: #d4d0d0;
    transition: all ease-in-out 0.5s;
    color: #000000;
}

.cookie-consent-container
.consent-modal
.option-wrapper
.option-detail-wrapper
.option-detail.cookie-option:hover
~ .option-detail {
    background: #f3f3f3;
    transition: all ease-in-out 0.5s;
    color: #000000;
}

.cookie-consent-container
.consent-modal
.option-wrapper
.option-detail-wrapper
.option-detail.cookie-option
.label {
    color: #000000;
    text-align: left;
    font-weight: 400;
}

.cookie-consent-container
.consent-modal
.option-wrapper
.option-detail-wrapper
.option-detail
.option-title {
    font-weight: 400;
    width: 100%;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    color: #000000;
}

@media all and (min-width: 500px) {
    .cookie-consent-container
    .consent-modal
    .option-wrapper
    .option-detail-wrapper
    .option-detail
    .option-title {
        width: 30%;
    }
}

.cookie-consent-container
.consent-modal
.option-wrapper
.option-detail-wrapper
.option-detail
.option-value {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

@media all and (min-width: 500px) {
    .cookie-consent-container
    .consent-modal
    .option-wrapper
    .option-detail-wrapper
    .option-detail
    .option-value {
        width: 69%;
    }
}

.cookie-consent-container .consent-modal .option-wrapper .label {
    margin-bottom: 0;
    padding: 0 20px 0 0;
    width: 100%;
}

.cookie-consent-container .consent-modal .option-wrapper .label .checkmark {
    right: 0;
    left: inherit;
    background: #fff;
    border: 1px solid #000;
}

.cookie-consent-container
.consent-modal
.option-wrapper
.label
input:checked
~ .checkmark {
    background-color: #bc0012;
}

.cookie-consent-container .consent-modal .cookie-headline {
    line-height: 1.5;
    margin: 0 0 15px 0;
    color: #000000;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.25rem;
    font-weight: 400;
}

.cookie-consent-container .consent-modal.open {
    max-width: 750px;
    height: calc(100vh - 50px);
}

.cookie-consent-container .consent-modal .options {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

.cookie-consent-container .consent-modal .options li {
    margin-bottom: 5px;
}

@media all and (min-width: 500px) {
    .cookie-consent-container .consent-modal .options li {
        width: 49%;
        display: inline-block;
    }
}

.cookie-consent-container .consent-modal .footer-links {
    display: block;
    width: 100%;
    line-height: 90%;
}

.cookie-consent-container .buttons {
    margin-bottom: 25px;
}

@media all and (min-width: 660px) {
    .cookie-consent-container .buttons {
        margin-bottom: 15px;
    }
}

.cookie-consent-container .buttons .btn {
    font-size: 1rem;
    padding: 11px 10px;
    cursor: pointer;
    border-radius: 3px;
    width: 100%;
    max-width: 370px;
    text-align: center;
    font-weight: 300;
    clear: both;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 100%;
}

.cookie-consent-container .buttons .btn:hover {
    transition: all 0.5s ease-in-out;
}

.cookie-consent-container .buttons .btn--primary {
    background: #bc0012;
    color: #fff;
    border: 2px solid #bc0012;
    margin-bottom: 10px;
}

.cookie-consent-container .buttons .btn--primary:hover {
    background: #30400f;
    border: 2px solid #30400f;
}

.cookie-consent-container .buttons .btn--secondary {
    background: rgba(0, 0, 0, 0);
    color: #000;
    border: 2px solid #000;
}

.cookie-consent-container .buttons .btn--secondary.deny {
    margin-bottom: 10px;
}

.cookie-consent-container .buttons .btn--secondary:hover {
    background: rgba(0, 0, 0, 0);
    color: #000;
    opacity: 1;
}

.cookie-consent-settings {
    margin-bottom: 10px;
}

.cookie-consent-settings .detail {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.cookie-consent-settings .detail.open {
    height: auto;
    width: 100%;
    visibility: visible;

    overflow: auto;
    display: block;
    margin-bottom: 15px;
    font-size: 1rem;
    transition: all 0.5s ease-in-out;
}

.cookie-consent-container .buttons .btn--primary {
    background: #bc0012;
    color: #fff;
    border: 2px solid #000;
    margin-bottom: 10px;
}

.cookie-consent-container .buttons .btn--secondary {
    background: rgb(255 255 255);
    color: #000;
    border: 2px solid #000;
}
.news {
    padding: 10px;
}
time {
    color: black;
}
.news-list-author{
    color:black;
}
.section-column.subcontent-wrap {
    border-left: 1px solid grey;
    padding: 5px;
}
div#c281 {
    background-color: #5f5f5f;
}