@import url("reset.css");
.clear {
    clear: both;
}
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

/************* KAMPAGNEN TEMPLATE ****************************/
.dsa_lp-landinpage.kampagne .headerbild .claim{top:40%;}
.dsa_lp-landinpage.kampagne .col-left{width:55%;}
.dsa_lp-landinpage.kampagne .call-to-action{top:55%; background-color:#562a27; box-shadow:2px 2px 2px #3c1d1b}
.dsa_lp-landinpage.kampagne .call-to-action:hover{top:55%; background-color:#6b3936; box-shadow:2px 2px 2px #5f3532}



/*Newsletter Inputfeld*/

.dsa_lp-landinpage.kampagne aside .newsletter--field {
    border-color: #cbcbdb #dadae5 #dadae5;
    border-radius: 3px 0 0 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px #dadae5 inset;
    color: #864540;
    float: left;
    font-size: 14px;
    padding: 11px 10px 11px 10px;
    width: 80%;
    margin-top: 19px;
    position: relative;
}
.dsa_lp-landinpage.kampagne aside .newsletter--field:focus {
    border: 1px solid #522a27;
    z-index: 1;
}
.dsa_lp-landinpage.kampagne aside button.newsletter--button {
    background: #fff url(../images/newsletter-button.jpg) no-repeat center center;
    border: 1px solid #dadae5;
    border-radius: 0 3px 3px 0;
    box-shadow: 0 0 0 transparent;
    float: left;
    padding: 11px 5px;
    margin-left: -1px;
    margin-top: 20px;
    text-indent: -9999px;
    width: 20%;
    cursor: pointer;
    position: relative;
}
.dsa_lp-landinpage.kampagne aside button.newsletter--button:hover {
    border: 1px solid #522a27;
}

.dsa_lp-landinpage.kampagne .headerbild{height: 70vh;
    background-position: center center;
    background-size: cover;
    position: relative;
}


.dsa_lp-landinpage.kampagne article img{max-width:100%; height:auto;}
.dsa_lp-landinpage.kampagne h1{margin-bottom:30px;}
.dsa_lp-landinpage.kampagne h2{margin-bottom:0;}
.dsa_lp-landinpage.kampagne h3, .dsa_lp-landinpage.kampagne h2{ font: 400 16px/22px 'Noto Sans'; font-weight:bold;}
.dsa_lp-landinpage.kampagne h3{font: 400 italic 14px/22px 'Noto Sans';}
.textbox_mit_video{margin-top:30px;}
.dsa_lp-landinpage.kampagne .textbox_mit_video h2{font: 400 italic 30px/32px 'Noto Serif', serif; margin-bottom:20px;}

.kampagne-produktbox{width:44%; margin:3%; border:1px solid #522a27; border-radius:5px; background-color:white; padding:30px 30px 65px 30px; text-align: center; position: relative;}
.kampagne-produktbox h4 a{display:block; font: 600 italic 20px/22px 'Noto Serif', serif; text-decoration: none;     color: #522a27; min-height:45px;}
.kampagne-produktbox a.produktbox-button-kampagne{background-image:url(../dsa_lp/images/paper-brown-bg.jpg); display:inline-block; position: absolute; padding:10px 50px; border:1px solid #522a27; border-radius:5px; font: 600 italic 14px/22px 'Noto Serif', serif; text-decoration: none; bottom:10px; right: 5%; width:90%;}
.dsa_lp-landinpage.kampagne .kampagne-produktbox a.produktbox-button-kampagne:hover{background-image:url(../dsa_lp/images/paper-bg.jpg);}



.kampagne-produktbox-wrapper{display:table; border-spacing:20px; width:100%; margin:auto;}
.kampagne-produktbox{display:table-cell;}

.dsa_lp-landinpage.kampagne .inhalt{font: 400 italic 14px/22px 'Noto Serif'; color:#522a27;}
.dsa_lp-landinpage.kampagne .inhalt strong{font-weight:600}
.urpreis{text-decoration: line-through; text-decoration-color:red;}
.urpreis, .apreis{font: 400 italic 18px/22px 'Noto Serif'; color:#522a27;}
.dsa_lp-landinpage.kampagne .urpreis{font-size:12px;}

.textbox_mit_video_video video{width:100%; height:auto; margin-bottom:30px; }



.conversion-button{background-color:#9dba42; padding:10px 15px; border-radius: 5px; display:block; text-align: center; width:90%; margin:auto; color:white; text-decoration: none;}
.conversion-button:hover{background-color:#b8da4e;}
.notice{font-size:10px; margin-top:20px; margin-left: 15px; width:100%; max-width:300px;}


body {
    font: 400 13px/22px 'Noto Sans', sans-serif;
}
.inner {
    width: 1300px;
    margin: auto;
}
.logo {
    display: inline-block;
    margin: 0 0 0 20px;
    float: left;
}
.logo img {
    width: 140px;
}
/*.top-bar--navigation {
    float: right;
    margin: 10px 20px 0 0;
}
.top-bar--navigation li {
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
}
.top-bar--navigation li.active {
    font-weight: 700;
}
.top-bar--navigation li a {
    color: #522a27;
    text-decoration: none;
    padding: 0 6px;
}

.cart--link {
    position: relative;
    top: 8px;
}
*/
.headerbild {
    height: 700px;
}
.headerbild img {
    width: 100%;
}
.headerbild .claim {
    font: 400 2.225rem/2.5rem 'Noto Serif', serif;
    font-style: italic;
    text-align: center;
    color: #fff;
    position: absolute;
    text-shadow: 0 2px 2px #8d7574;
    right: 50px;
    top: 20%;
}
.headerbild .claim strong {
    font: 400 3rem/3.5rem 'Noto Serif', serif;
    font-style: italic;
}

/*
.icon--basket {
    background: url(../images/warenkorb-icon.png) no-repeat;
    height: 29px;
    width: 29px;
    display: inline-block;

}*/    
#nav_button,
.burger > span {
    display: none;
}
.header-main .inner {
    background: url(../images/papier-weiss.png) no-repeat top center;
    position: absolute;
    height: 135px;
    top: 0;
    left: 0;
    right: 0;
}
.bxslider {
    position: absolute!important;
    top: 0!important;
    z-index: -1!important;
}
.bxslider .claim {
    font: 400 40px/44px 'Noto Serif', serif;
    font-style: italic;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 12%;
    top: 35%;
}
.bxslider .claim strong {
    font: 400 50px/62px 'Noto Serif', serif;
    font-style: italic;
}
.info-bar {
    background: url(../images/info-banner.png) no-repeat;
    height: 115px;
    width: 1300px;
    position: absolute;
    z-index: 5;
    margin-top: -115px;
    transform: translate3d(0px, 52px, 0px);
    -moz-transform: translate3d(0px, 52px, 0px);
    -webkit-transform: translate3d(0px, 52px, 0px);
    -o-transform: translate3d(0px, 52px, 0px);
    -ms-transform: translate3d(0px, 52px, 0px);
    transition: transform 0.8s ease 0s;
    -webkit-transition: transform 0.8s ease 0s;
    -moz-transition: transform 0.8s ease 0s;
    -ms-transition: transform 0.8s ease 0s;
    -o-transition: transform 0.8s ease 0s;
}
.info-bar:hover {
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
}
.link-left,
.link-right {
    display: inline-block;
    padding: 25px 0 0;
    text-align: center;
    width: 49.8%;
    text-decoration: none;
}
.link-left span,
.link-right span {
    font: 700 18px/24px 'Noto Serif', serif;
    font-style: italic;
    color: #522a27;
}
.link-left img,
.link-right img {
    margin: 0 0 10px 0;
}
.leaf-rotate {
    position: absolute;
    left: 20px;
    top: -10px;
    transition: transform 0.8s ease 0s;
    -webkit-transition: transform 0.8s ease 0s;
    -moz-transition: transform 0.8s ease 0s;
    -ms-transition: transform 0.8s ease 0s;
    -o-transition: transform 0.8s ease 0s;
}
.info-bar:hover .leaf-rotate {
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}
.leaf-rotate-2 {
    position: absolute;
    right: 20px;
    bottom: 0;
    transition: transform 0.8s ease 0s;
    -webkit-transition: transform 0.8s ease 0s;
    -moz-transition: transform 0.8s ease 0s;
    -ms-transition: transform 0.8s ease 0s;
    -o-transition: transform 0.8s ease 0s;
}
.info-bar:hover .leaf-rotate-2 {
    -moz-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
.content {
    background: url(../images/paper-bg.jpg);
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    padding: 100px 0;
    position: relative;
    z-index: 10;
}
h1 {
    font: 400 40px/44px 'Noto Serif', serif;
    font-style: italic;
    margin: 0 0 22px 15px;
    color: #522a27;
}
.comment {
    margin: 30px 0 0 0;
}
.comment input {
    border: 1px solid #522a27;
    border-radius: 5px;
    font: italic 400 14px/20px "Noto Serif", serif;
    height: 40px;
    padding: 0 0 0 20px;
    display: block;
    width: 75%;
    margin: 0 0 20px 20px;
}
.comment h2 {
    color: #522a27;
    font: italic 400 30px/34px "Noto Serif", serif;
    margin: 0 0 22px 20px;
}
.comment textarea {
    margin: 0 0 20px 20px;
    border-radius: 5px;
    padding: 20px 0 0 20px;
    font: italic 400 14px/22px "Noto Serif", serif;
    border: 1px solid #522a27;
    width: 75%;
    min-height: 300px;
}
.comment #sub_kontakt {
    cursor: pointer;
    padding: 0;
}
.comment #sub_kontakt:hover {
    background: #522a27;
    color: #fff;
    transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
}
.comment .captcha {
    margin: 0 0 20px 20px;
}
.comment .captcha label {
    font: italic 400 16px/18px "Noto Serif", serif;
    display: block;
    color: #522a27;
}
.user-comment {
    border-bottom: 1px solid #c4c0a7;
    margin: 20px 0 0 20px;
    padding: 20px;
    width: 75%;
}
.user-info {
    font-style: italic;
}
.user-info strong {
    font-weight: 700;
}
.col-left {
    width: 70%;
    float: left;
}
.dsa_lp-landinpage h1 {
    font: 400 italic 30px/32px 'Noto Serif', serif;
    margin: 0 0 30px 0;
}
.dsa_lp-landinpage p {
    margin: 0 0 12px 0;
}
.dsa_lp-landinpage h2,
.dsa_lp-landinpage h3 {
    font: 400 italic 18px/22px 'Noto Serif', serif;
    color: #522a27;
    margin: 0 0 12px 0;
}
.content-dsa_lp {
    column-count: 2;
}
.content-dsa_lp-2 {
    margin: 30px 0 0 0;
}
.content-dsa_lp-2 h2 {
    margin: 20px 0 12px 0;
}
.content-dsa_lp-2 p {
    column-count: 2;
}
.call-to-action {
    background: #9dba42;
    position: absolute;
    font: 400 26px/30px 'Noto Serif', serif;
    z-index: 999;
    top: 40%;
    right: 150px;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #546912;
}
.call-to-action span {
    font: 400 12px/12px 'Noto Serif', serif;
    position: relative;
    top: -3px;
}
.call-to-action a {
    text-decoration: none;
    color: #fff;
}
.col-right h3 {
    border-bottom: 1px solid #522a27;
    padding: 0 0 8px 3px;
}
img.barf-fuetterung {
    width: 100%;
    margin: 0 0 5px 0;
}
.product {
    background: #fff;
    border: 1px solid #522a27;
    border-radius: 5px;
    padding: 20px 0;
    margin: 20px 0 0 0;
}
.product img {
    margin: auto;
    display: block;
}
.product h4 {
    font: italic 400 1.125rem/1.725rem "Noto Serif", sans-serif;
    text-align: center;
    color: #522a27;
}
.product .price {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    color: #1e0f0e;
    text-align: center;
}
.product .inhalt {
    text-align: center;
    font-size: 11px;
    line-height: 15px;
    color: #522a27;
}
.product .inhalt strong {
    font-weight: bold;
}
aside {
    float: right;
    width: 290px;
}
.col-right {
    width: 290px;
}
.suche-mobil {
    display: none;
}
.col-left #search {
    margin: 40px 0 30px 15px;
}
.col-left select.kategorie {
    -moz-appearance: none;
    background: #fff url("../images/pfeil-unten.png") no-repeat scroll 95% center;
    cursor: pointer;
    border: 1px solid #522a27;
    border-radius: 5px;
    font: 400 14px/18px 'Noto Serif', serif;
    font-style: italic;
    height: 40px;
    width: 240px;
    padding: 0 40px;
}
.col-left select.kategorie option {
    padding: 8px;
}
.col-left #search > input {
    background: #522a27;
    font: 400 14px/18px 'Noto Serif', serif;
    font-style: italic;
    cursor: pointer;
    border-radius: 5px;
    margin: 0 0 0 15px;
    border: 1px solid #522a27;
    color: #fff;
    height: 40px;
    padding: 0 30px;
    transition: 0.5s ease 0s;
    -webkit-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -ms-transition: 0.5s ease 0s;
    -o-transition: 0.5s ease 0s;
}
.col-left #search > input:hover {
    background: #e0ded2;
    color: #522a27;
}
.beitrag {
    border-style: solid;
    border-width: 0px 0px 6px;
    -moz-border-image: url(../images/trennlinie.png) 0 0 6 repeat;
    -webkit-border-image: url(../images/trennlinie.png) 0 0 6 repeat;
    -o-border-image: url(../images/trennlinie.png) 0 0 6 repeat;
    border-image: url(../images/trennlinie.png) 0 0 6 repeat;
    padding: 30px 15px;
}
.beitrag:first-of-type {
    padding: 0 15px 30px 15px;
}
.beitragsbild {
    display: inline-block;
}
.artikel .beitragsbild {
    display: block;
}
.beitragsbild > img {
    border-radius: 5px;
}
.beitrag-teaser {
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: top;
    width: 60%;
}
.beitrag-ansicht {
    margin: 0 0 0 20px;
    width: 75%;
}
.beitrag-ansicht p {
    margin: 0 0 12px 0;
}
.beitrag-teaser .date,
.beitrag-ansicht .date {
    color: #8d7574;
    font-style: italic;
    margin: 12px 0 0 0;
}
.beitrag-teaser h2,
.beitrag-ansicht h2 {
    font: 400 18px/22px 'Noto Serif', serif;
    font-style: italic;
    margin: 8px 0 6px 0;
    color: #522a27;
}
.beitrag-teaser .read-more,
.beitrag-ansicht .read-more {
    font: 400 14px/20px 'Noto Serif', serif;
    font-style: italic;
    color: #522a27;
    text-decoration: none;
    float: right;
    margin: 20px 0 0 0;
}
.beitrag-teaser .read-more > img,
.beitrag-ansicht .read-more > img {
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: middle;
}
.col-left .pagination {
    float: right;
    margin: 40px 0 0 0;
}
.col-left .pagination a {
    border: 1px solid #d6d3c2;
    display: inline-block;
    color: #522a27;
    height: 35px;
    border-radius: 20px;
    margin: 0 0 0 2px;
    padding: 6px 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 10px;
    width: 35px;
    transition: 0.5s ease 0s;
    -webkit-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -ms-transition: 0.5s ease 0s;
    -o-transition: 0.5s ease 0s;
}
.col-left .pagination .active,
.col-left .pagination a:hover {
    background: #e0ded2;
    color: #522a27;
}
.col-right #searchsubmit {
    text-indent: -9999px;
    background: url(../images/lupe.png) no-repeat;
    box-shadow: none;
    border: none;
    height: 34px;
    margin-left: -50px;
    text-indent: -9999px;
    width: 40px;
}
.col-right input#search {
    border: 1px solid #522a27;
    border-radius: 5px;
    font: 400 14px/20px 'Noto Serif', serif;
    font-style: italic;
    height: 40px;
    padding: 0 0 0 20px;
    width: 290px;
}
.col-right .last-post {
    background: url("../images/paper-brown-bg.jpg");
    border-radius: 5px;
    margin: 30px 0 0;
    padding: 25px;
}
.col-right .last-post h3,
.col-right .category h3 {
    font: 400 22px/26px 'Noto Serif', serif;
    margin: 0 0 20px 0;
    font-style: italic;
    color: #522a27;
    border-image: url("../images/trennlinie-brown.png") 0 0 6 0 repeat repeat;
    border-style: solid;
    border-width: 0 0 6px;
    padding: 10px 0;
}
.col-right .last-post ul li a {
    color: #522a27;
}
.col-right .last-post ul li {
    list-style: upper-roman;
    color: #522a27;
    margin: 0 0 6px 18px;
}
.col-right .category {
    background: url(../images/bg-green-2.jpg);
    border-radius: 5px;
    margin: 30px 0 0;
    padding: 25px;
}
.col-right .category ul {
    margin: 10px 0 0;
}
.col-right .category li {
    border-image: url("../images/trennlinie-brown.png") 0 0 6 0 repeat repeat;
    border-style: solid;
    border-width: 0 0 3px;
    margin: 0 0 10px;
    padding: 0 0 10px;
}
.col-right .category a {
    color: #522a27;
    font: 400 16px/20px 'Noto Serif', serif;
    font-style: italic;
    margin: 0 0 0 20px;
    text-decoration: none;
}
.category li a img {
    float: right;
    margin: 0 20px 0 0;
}

/* Messetermine Styles */

.events .monat {
    border-image: url("../images/trennlinie.png") 0 0 6 0 repeat repeat;
    border-style: solid;
    border-width: 0 0 6px;
    padding: 30px 15px;
}
.event.beitrag h1 {
    margin: 0 0 12px;
}
.events h2 {
    font: italic 400 24px/26px "Noto Serif", serif;
    color: #522a27;
}
.event-box {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #522a27;
    display: inline-block;
    margin: 30px 2% 0 0;
    vertical-align: top;
    padding: 5px 20px 20px 20px;
    width: 32%;
    min-height: 182px;
    position: relative;
}
.event-box h3 {
    font: italic 400 16px/20px "Noto Serif", serif;
    color: #522a27;
    margin: 15px 0 6px 0;
}
.events .date {
    background: url("../images/paper-brown-bg.jpg");
    border: 1px solid #522a27;
    border-radius: 5px;
    color: #522a27;
    font-size: 18px;
    position: relative;
    top: -8px;
    margin-left: 5pxpx;
    padding: 6px 20px;
}
.events .link {
    background: #522a27;
    border-radius: 5px;
    color: #fff;
    position: relative;
    bottom: 20px;
    right: 20px;
    position: absolute;
    padding: 5px 10px;
    text-decoration: none;
}
.event-box.first {
    border: 1px solid #87b924;
}
.event-box.first .date {
    background: #87b924;
    border: 1px solid #87b924;
    color: #fff;
}
.event-box.first .link {
    background: #87b924;
}
.event-details h3 {
    font-weight: 700;
    font-size: 14px;
    color: #522a27;
}
.event-details p.small {
    font-size: 11px;
    line-height: 15px;
}
iframe.maps {
    width: 100%;
    height: 280px;
    margin: 12px 0 0 0;
}

@import url("reset.css");
.clear {
    clear: both;
}
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
body {
    font: 400 13px/22px 'Noto Sans', sans-serif;
}
.inner {
    width: 1300px;
    margin: auto;
}
/*
.logo {
    display: inline-block;
    margin: 0 0 0 20px;
    float: left;
}
*/
.logo img {
    width: 140px;
}
/*
.top-bar--navigation {
    float: right;
    margin: 10px 20px 0 0;
}
.top-bar--navigation li {
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
}
.top-bar--navigation li.active {
    font-weight: 700;
}
.top-bar--navigation li a {
    color: #522a27;
    text-decoration: none;
    padding: 0 6px;
}
/*.cart--link {
    position: relative;
    top: 8px;
}
*/
.headerbild {
    height: 700px;
}
.headerbild img {
    width: 100%;
}
.icon--basket {
    background: url(../images/warenkorb-icon.png) no-repeat;
    height: 29px;
    width: 29px;
    display: inline-block;
}
#nav_button,
.burger > span {
    display: none;
}
.header-main .inner {
    background: url(../images/papier-weiss.png) no-repeat top center;
    position: absolute;
    height: 135px;
    top: 0;
    left: 0;
    right: 0;
}
.bxslider {
    position: absolute!important;
    top: 0!important;
    z-index: -1!important;
}
.bxslider .claim {
    font: 400 40px/44px 'Noto Serif', serif;
    font-style: italic;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 12%;
    top: 35%;
}
.bxslider .claim strong {
    font: 400 50px/62px 'Noto Serif', serif;
    font-style: italic;
}
.info-bar {
    background: url(../images/info-banner.png) no-repeat;
    height: 115px;
    width: 1300px;
    position: absolute;
    z-index: 5;
    margin-top: -115px;
    transform: translate3d(0px, 52px, 0px);
    -moz-transform: translate3d(0px, 52px, 0px);
    -webkit-transform: translate3d(0px, 52px, 0px);
    -o-transform: translate3d(0px, 52px, 0px);
    -ms-transform: translate3d(0px, 52px, 0px);
    transition: transform 0.8s ease 0s;
    -webkit-transition: transform 0.8s ease 0s;
    -moz-transition: transform 0.8s ease 0s;
    -ms-transition: transform 0.8s ease 0s;
    -o-transition: transform 0.8s ease 0s;
}
.info-bar:hover {
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
}
.link-left,
.link-right {
    display: inline-block;
    padding: 25px 0 0;
    text-align: center;
    width: 49.8%;
    text-decoration: none;
}
.link-left span,
.link-right span {
    font: 700 18px/24px 'Noto Serif', serif;
    font-style: italic;
    color: #522a27;
}
.link-left img,
.link-right img {
    margin: 0 0 10px 0;
}
.leaf-rotate {
    position: absolute;
    left: 20px;
    top: -10px;
    transition: transform 0.8s ease 0s;
    -webkit-transition: transform 0.8s ease 0s;
    -moz-transition: transform 0.8s ease 0s;
    -ms-transition: transform 0.8s ease 0s;
    -o-transition: transform 0.8s ease 0s;
}
.info-bar:hover .leaf-rotate {
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}
.leaf-rotate-2 {
    position: absolute;
    right: 20px;
    bottom: 0;
    transition: transform 0.8s ease 0s;
    -webkit-transition: transform 0.8s ease 0s;
    -moz-transition: transform 0.8s ease 0s;
    -ms-transition: transform 0.8s ease 0s;
    -o-transition: transform 0.8s ease 0s;
}
.info-bar:hover .leaf-rotate-2 {
    -moz-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
.content {
    background: url(../images/paper-bg.jpg);
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    padding: 100px 0;
    position: relative;
    z-index: 10;
}
h1 {
    font: 400 40px/44px 'Noto Serif', serif;
    font-style: italic;
    margin: 0 0 22px 15px;
    color: #522a27;
}
.comment {
    margin: 30px 0 0 0;
}
.comment input {
    border: 1px solid #522a27;
    border-radius: 5px;
    font: italic 400 14px/20px "Noto Serif", serif;
    height: 40px;
    padding: 0 0 0 20px;
    display: block;
    width: 75%;
    margin: 0 0 20px 20px;
}
.comment h2 {
    color: #522a27;
    font: italic 400 30px/34px "Noto Serif", serif;
    margin: 0 0 22px 20px;
}
.comment textarea {
    margin: 0 0 20px 20px;
    border-radius: 5px;
    padding: 20px 0 0 20px;
    font: italic 400 14px/22px "Noto Serif", serif;
    border: 1px solid #522a27;
    width: 75%;
    min-height: 300px;
}
.comment #sub_kontakt {
    cursor: pointer;
    padding: 0;
}
.comment #sub_kontakt:hover {
    background: #522a27;
    color: #fff;
    transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
}
.comment .captcha {
    margin: 0 0 20px 20px;
}
.comment .captcha label {
    font: italic 400 16px/18px "Noto Serif", serif;
    display: block;
    color: #522a27;
}
.user-comment {
    border-bottom: 1px solid #c4c0a7;
    margin: 20px 0 0 20px;
    padding: 20px;
    width: 75%;
}
.user-info {
    font-style: italic;
}
.user-info strong {
    font-weight: 700;
}
.col-left {
    width: 70%;
    float: left;
}
.adwords-landinpage h1 {
    font: 400 italic 30px/32px 'Noto Serif', serif;
    margin: 0 0 30px 0;
}
.adwords-landinpage p {
    margin: 0 0 12px 0;
}
.adwords-landinpage h2,
.adwords-landinpage h3 {
    font: 400 italic 18px/22px 'Noto Serif', serif;
    color: #522a27;
    margin: 0 0 12px 0;
}
.content-adwords {
    column-count: 2;
}
.content-adwords-2 {
    margin: 30px 0 0 0;
}
.content-adwords-2 h2 {
    margin: 20px 0 12px 0;
}
.content-adwords-2 p {
    column-count: 2;
}
.call-to-action {
    background: #9dba42;
    position: absolute;
    font: 400 26px/30px 'Noto Serif', serif;
    z-index: 999;
    top: 40%;
    right: 140px;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #546912;
}
.call-to-action span {
    font: 400 12px/12px 'Noto Serif', serif;
    position: relative;
    top: -3px;
}
.call-to-action a {
    text-decoration: none;
    color: #fff;
}
.col-right h3 {
    border-bottom: 1px solid #522a27;
    padding: 0 0 8px 3px;
}
img.barf {
    width: 100%;
    margin: 0 0 5px 0;
}
.product {
    background: #fff;
    border: 1px solid #522a27;
    border-radius: 5px;
    padding: 20px 0;
    margin: 20px 0 0 0;
}
.product img {
    margin: auto;
    display: block;
}
.product h4 {
    font: italic 400 1.125rem/1.725rem "Noto Serif", sans-serif;
    text-align: center;
    color: #522a27;
}
.product .price {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    color: #1e0f0e;
    text-align: center;
}
.product .inhalt {
    text-align: center;
    font-size: 11px;
    line-height: 15px;
    color: #522a27;
}
.product .inhalt strong {
    font-weight: bold;
}
aside {
    float: right;
    width: 290px;
}
.col-right {
    width: 290px;
}
.suche-mobil {
    display: none;
}
.col-left #search {
    margin: 40px 0 30px 15px;
}
.col-left select.kategorie {
    -moz-appearance: none;
    background: #fff url("../images/pfeil-unten.png") no-repeat scroll 95% center;
    cursor: pointer;
    border: 1px solid #522a27;
    border-radius: 5px;
    font: 400 14px/18px 'Noto Serif', serif;
    font-style: italic;
    height: 40px;
    width: 240px;
    padding: 0 40px;
}
.col-left select.kategorie option {
    padding: 8px;
}
.col-left #search > input {
    background: #522a27;
    font: 400 14px/18px 'Noto Serif', serif;
    font-style: italic;
    cursor: pointer;
    border-radius: 5px;
    margin: 0 0 0 15px;
    border: 1px solid #522a27;
    color: #fff;
    height: 40px;
    padding: 0 30px;
    transition: 0.5s ease 0s;
    -webkit-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -ms-transition: 0.5s ease 0s;
    -o-transition: 0.5s ease 0s;
}
.col-left #search > input:hover {
    background: #e0ded2;
    color: #522a27;
}
.beitrag {
    border-style: solid;
    border-width: 0px 0px 6px;
    -moz-border-image: url(../images/trennlinie.png) 0 0 6 repeat;
    -webkit-border-image: url(../images/trennlinie.png) 0 0 6 repeat;
    -o-border-image: url(../images/trennlinie.png) 0 0 6 repeat;
    border-image: url(../images/trennlinie.png) 0 0 6 repeat;
    padding: 30px 15px;
}
.beitrag:first-of-type {
    padding: 0 15px 30px 15px;
}
.beitragsbild {
    display: inline-block;
}
.artikel .beitragsbild {
    display: block;
}
.beitragsbild > img {
    border-radius: 5px;
}
.beitrag-teaser {
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: top;
    width: 60%;
}
.beitrag-ansicht {
    margin: 0 0 0 20px;
    width: 75%;
}
.beitrag-ansicht p {
    margin: 0 0 12px 0;
}
.beitrag-teaser .date,
.beitrag-ansicht .date {
    color: #8d7574;
    font-style: italic;
    margin: 12px 0 0 0;
}
.beitrag-teaser h2,
.beitrag-ansicht h2 {
    font: 400 18px/22px 'Noto Serif', serif;
    font-style: italic;
    margin: 8px 0 6px 0;
    color: #522a27;
}
.beitrag-teaser .read-more,
.beitrag-ansicht .read-more {
    font: 400 14px/20px 'Noto Serif', serif;
    font-style: italic;
    color: #522a27;
    text-decoration: none;
    float: right;
    margin: 20px 0 0 0;
}
.beitrag-teaser .read-more > img,
.beitrag-ansicht .read-more > img {
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: middle;
}
.col-left .pagination {
    float: right;
    margin: 40px 0 0 0;
}
.col-left .pagination a {
    border: 1px solid #d6d3c2;
    display: inline-block;
    color: #522a27;
    height: 35px;
    border-radius: 20px;
    margin: 0 0 0 2px;
    padding: 6px 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 10px;
    width: 35px;
    transition: 0.5s ease 0s;
    -webkit-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -ms-transition: 0.5s ease 0s;
    -o-transition: 0.5s ease 0s;
}
.col-left .pagination .active,
.col-left .pagination a:hover {
    background: #e0ded2;
    color: #522a27;
}
.col-right #searchsubmit {
    text-indent: -9999px;
    background: url(../images/lupe.png) no-repeat;
    box-shadow: none;
    border: none;
    height: 34px;
    margin-left: -50px;
    text-indent: -9999px;
    width: 40px;
}
.col-right input#search {
    border: 1px solid #522a27;
    border-radius: 5px;
    font: 400 14px/20px 'Noto Serif', serif;
    font-style: italic;
    height: 40px;
    padding: 0 0 0 20px;
    width: 290px;
}
.col-right .last-post {
    background: url("../images/paper-brown-bg.jpg");
    border-radius: 5px;
    margin: 30px 0 0;
    padding: 25px;
}
.col-right .last-post h3,
.col-right .category h3 {
    font: 400 22px/26px 'Noto Serif', serif;
    margin: 0 0 20px 0;
    font-style: italic;
    color: #522a27;
    border-image: url("../images/trennlinie-brown.png") 0 0 6 0 repeat repeat;
    border-style: solid;
    border-width: 0 0 6px;
    padding: 10px 0;
}
.col-right .last-post ul li a {
    color: #522a27;
}
.col-right .last-post ul li {
    list-style: upper-roman;
    color: #522a27;
    margin: 0 0 6px 18px;
}
.col-right .category {
    background: url(../images/bg-green-2.jpg);
    border-radius: 5px;
    margin: 30px 0 0;
    padding: 25px;
}
.col-right .category ul {
    margin: 10px 0 0;
}
.col-right .category li {
    border-image: url("../images/trennlinie-brown.png") 0 0 6 0 repeat repeat;
    border-style: solid;
    border-width: 0 0 3px;
    margin: 0 0 10px;
    padding: 0 0 10px;
}
.col-right .category a {
    color: #522a27;
    font: 400 16px/20px 'Noto Serif', serif;
    font-style: italic;
    margin: 0 0 0 20px;
    text-decoration: none;
}
.category li a img {
    float: right;
    margin: 0 20px 0 0;
}

/* Messetermine Styles */

.events .monat {
    border-image: url("../images/trennlinie.png") 0 0 6 0 repeat repeat;
    border-style: solid;
    border-width: 0 0 6px;
    padding: 30px 15px;
}
.event.beitrag h1 {
    margin: 0 0 12px;
}
.events h2 {
    font: italic 400 24px/26px "Noto Serif", serif;
    color: #522a27;
}
.event-box {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #522a27;
    display: inline-block;
    margin: 30px 2% 0 0;
    vertical-align: top;
    padding: 5px 20px 20px 20px;
    width: 32%;
    min-height: 182px;
    position: relative;
}
.event-box h3 {
    font: italic 400 16px/20px "Noto Serif", serif;
    color: #522a27;
    margin: 15px 0 6px 0;
}
.events .date {
    background: url("../images/paper-brown-bg.jpg");
    border: 1px solid #522a27;
    border-radius: 5px;
    color: #522a27;
    font-size: 18px;
    position: relative;
    top: -8px;
    margin-left: 5pxpx;
    padding: 6px 20px;
}
.events .link {
    background: #522a27;
    border-radius: 5px;
    color: #fff;
    position: relative;
    bottom: 20px;
    right: 20px;
    position: absolute;
    padding: 5px 10px;
    text-decoration: none;
}
.event-box.first {
    border: 1px solid #87b924;
}
.event-box.first .date {
    background: #87b924;
    border: 1px solid #87b924;
    color: #fff;
}
.event-box.first .link {
    background: #87b924;
}
.event-details h3 {
    font-weight: 700;
    font-size: 14px;
    color: #522a27;
}
.event-details p.small {
    font-size: 11px;
    line-height: 15px;
}
iframe.maps {
    width: 100%;
    height: 280px;
    margin: 12px 0 0 0;
}
footer {
    background: url(../images/footer-bg.jpg);
    -webkit-box-shadow: inset 0px 20px 12px -8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 20px 12px -8px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 20px 12px -8px rgba(0, 0, 0, 0.1);
    height: 400px;
    padding: 50px 0 0;
}
footer .col {
    display: inline-block;
    vertical-align: top;
    width: 300px;
}
footer .col h4 {
    font: 400 16px/22px 'Noto Serif', serif;
    font-style: italic;
    color: #522a27;
    margin: 0 0 12px 0;
}
footer .col h5 {
    font: 700 13px/22px 'Noto Sans', sans-serif;
    color: #522a27;
}
footer .col:nth-child(3),
footer .col:nth-child(4) {
    padding: 0px 0 0;
}
footer .col ul {
    margin: 0 0 12px 0;
}
footer .col .socialmedia:hover img {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: 0.9s ease 0s;
    -webkit-transition: 0.9s ease 0s;
    -moz-transition: 0.9s ease 0s;
    -ms-transition: 0.9s ease 0s;
    -o-transition: 0.9s ease 0s;
}
footer .col a {
    text-decoration: none;
    display: inline-block;
    margin: 0 3px 0 0;
    color: #522a27;
    font: 400 12px/22px 'Noto Sans', sans-serif;
}
@media screen and (max-width: 1360px) {
    .headerbild {
        height: 600px;
    }
    .call-to-action {
        top: 40%;
    }
}
@media screen and (max-width: 1300px) {
    
    .kampagne-produktbox h4 a{font-size:14px;}
    
    
    .call-to-action {
        top: 40%;
        font: 400 22px/24px 'Noto Serif', serif;
    }
    .headerbild {
        height: 550px;
    }
    .inner {
        width: 1024px;
        margin: auto;
    }
    .header-main .inner {
        background: rgba(0, 0, 0, 0) url("../images/papier-weiss.png") no-repeat scroll center top / contain;
        height: 108px;
    }
    .logo img {
        width: 110px;
    }
    .bxslider .claim {
        font: italic 400 32px/34px "Noto Serif", serif;
        top: 24%;
    }
    .bxslider .claim strong {
        font: italic 400 44px/58px "Noto Serif", serif;
    }
    .info-bar {
        background: url(../images/info-banner.png) no-repeat center center / contain;
        width: 1024px;
        height: 106px;
        margin-top: -95px;
        transform: translate3d(0px, 30px, 0px);
        -moz-transform: translate3d(0px, 30px, 0px);
        -webkit-transform: translate3d(0px, 30px, 0px);
        -o-transform: translate3d(0px, 30px, 0px);
        -ms-transform: translate3d(0px, 30px, 0px);
    }
    .link-left img,
    .link-right img {
        margin: 0;
    }
    .col-left {
        width: 64%;
    }
    .beitrag-teaser {
        width: 44%;
    }
    .beitrag-ansicht {
        width: 100%;
    }
    .event-box {
        width: 47%;
    }
    footer .col {
        width: 250px;
    }
}
@media screen and (max-width: 1024px) {
    .inner {
        width: 960px;
        margin: auto;
    }
    .headerbild {
        height: 500px;
    }
    .info-bar {
        background: url(../images/info-banner.png) no-repeat center center / contain;
        width: 960px;
        height: 106px;
        margin-top: -95px;
        transform: translate3d(0px, 30px, 0px);
        -moz-transform: translate3d(0px, 30px, 0px);
        -webkit-transform: translate3d(0px, 30px, 0px);
        -o-transform: translate3d(0px, 30px, 0px);
        -ms-transform: translate3d(0px, 30px, 0px);
    }
    .artikel .beitragsbild img {
        width: 100%;
    }
    .content-adwords, .content-adwords-2 p {
        column-count: 1;
    }
    footer .col {
        width: 200px;
        margin: 0 0 0 30px;
    }
}
@media screen and (max-width: 960px) {
    .dsa_lp-landinpage.kampagne .col-left{width:100%;}
        
    .kampagne-produktbox h4 a{font-size:20px;}
    .inner {
        width: 768px;
        margin: auto;
    }
    .header-main .inner {
        background: url(../images/paper-bg.jpg);
        height: 90px;
    }
    .bxslider .claim {
        font: italic 400 24px/28px "Noto Serif", serif;
        top: 32%;
    }
    .bxslider .claim strong {
        font: italic 400 34px/38px "Noto Serif", serif;
    }
    .info-bar {
        background: url(../images/info-banner.png) no-repeat center center / cover;
        width: 768px;
        height: 106px;
        margin-top: -80px;
        transform: translate3d(0px, 22px, 0px);
        -moz-transform: translate3d(0px, 22px, 0px);
        -webkit-transform: translate3d(0px, 22px, 0px);
        -o-transform: translate3d(0px, 22px, 0px);
        -ms-transform: translate3d(0px, 22px, 0px);
    }
    .link-left,
    .link-right {
        width: 49.5%;
        padding: 20px 0 0 0;
    }
    .link-left span,
    .link-right span {
        font: italic 700 14px/20px "Noto Serif", serif;
    }
    .leaf-rotate {
        width: auto!important;
    }
    .col-left {
        width: 100%;
        float: none;
    }
    aside {
        display: none;
    }
    aside.schnupperpakete {
        display: block;
        float: none;
        width: 100%;
    }
    .col-right {
        width: 100%;
    }
    .product {
        width: 33%;
        display: inline-block;
    }
    .col-left select.kategorie {
        width: auto;
    }
    .col-left #searchsubmit {
        text-indent: -9999px;
        background: url(../images/lupe.png) no-repeat;
        box-shadow: none;
        border: none;
        height: 34px;
        margin-left: -50px;
        text-indent: -9999px;
        width: 40px;
    }
    .col-left input#search-2 {
        border: 1px solid #522a27;
        border-radius: 5px;
        font: 400 14px/20px 'Noto Serif', serif;
        font-style: italic;
        height: 40px;
        padding: 0 0 0 20px;
        width: 290px;
    }
    .col-left #search > input {
        margin: 0;
    }
    form#search,
    .suche-mobil {
        display: inline-block;
        width: 44%;
    }
    .beitrag-teaser {
        width: 55%;
    }
    .beitragsbild > img {
        width: 100%;
    }
    .comment input,
    .comment textarea,
    .comment h2 {
        width: 100%;
        margin: 0 0 20px 0;
    }
    footer {
        height: auto;
        padding: 50px 0 30px 0;
    }
    footer .col {
        margin: 0 0 0 2%;
        width: 22%;
    }
}
@media screen and (max-width: 880px) {

    .headerbild {
        height: inherit;
    }
    .call-to-action {
        top: 30%;
        font: 400 18px/22px 'Noto Serif', serif;
        width: 185px;
    }
}
@media screen and (max-width: 768px) {

.dsa_lp-landinpage.kampagne .call-to-action{top:51%; right:5%;}
    .inner {
        width: 90%;
        margin: 0 5%;
    }
    .logo {
        display: block;
        margin: auto;
        float: none;
    }
    .header-main .inner {
        width: 100%;
        margin: 0;
        height: 80px;
    }
    .logo img {
        width: 90px;
        margin: 8px 0 0 0;
    }
    .info-bar {
        width: 90%;
    }
    .leaf-rotate,
    .leaf-rotate-2 {
        display: none;
    }
    .content {
        padding: 50px 0;
    }
    .col-left #search {
        margin: 40px 0;
    }
    .col-left #search > input {
        padding: 0 5%;
    }
    .col-left select.kategorie {
        padding: 0 12%;
    }
    .col-left input#search-2 {
        width: 100%;
        padding: 0 0 0 5%;
    }
    .suche-mobil {
        width: 30%;
        margin: 0 0 0 10%;
    }
    .beitrag {
        padding: 30px 0;
    }
    .beitrag-teaser {
        width: 100%;
        margin: 0;
    }
    .beitrag.artikel {
        padding: 0;
    }
    .beitrag-ansicht {
        margin: 0;
    }
    .event-box {
        width: 100%;
        margin: 40px 0 0 0;
    }
    .product {
        width: 100%;
        display: block;
    }
    footer .col {
        margin: 0;
        width: 48%;
    }
}
@media screen and (max-width: 670px) {
    .headerbild .claim{font:400 2rem/2.5rem 'Noto Serif', serif;}
    .headerbild .claim strong{font: 400 2.2rem/3.5rem 'Noto Serif', serif}
    .dsa_lp-landinpage.kampagne .call-to-action{left:calc(50% - 145px); text-align: center;}
    .bxslider .claim {
        display: none;
    }
    .info-bar {
        display: none;
    }
    form#search {
        display: block;
        width: 100%;
        margin: 0;
    }
    .suche-mobil {
        width: 65%;
        margin: 0;
    }
    .beitrag.artikel {
        padding: 40px 0;
    }
    .col-left #search {
        margin: 40px 0 20px 0;
    }
}
@media screen and (max-width: 580px) {
    .kampagne-produktbox-wrapper{display:block;}
    .kampagne-produktbox{display:block; width:calc(100% - 61px); margin:5% auto;}
    
    .headerbild {
        padding: 70px 0 0 0;
    }
    .call-to-action {
        top: 36%;
        font: 400 14px/18px 'Noto Serif', serif;
        width: 220px;
    }
    .call-to-action span {
        font: 400 8px/12px 'Noto Serif', serif;
        position: relative;
        top: -1px;
    }
    h1 {
        font: italic 400 30px/38px "Noto Serif", serif;
    }
    footer .col {
        width: 100%;
        text-align: center;
    }
    footer .col:nth-child(3),
    footer .col:nth-child(4) {
        padding: 0;
    }
}
@media screen and (max-width: 480px) {
    .dsa_lp-landinpage.kampagne .call-to-action{top:54%;}
    .content {
        padding: 70px 0;
    }
    .call-to-action {
        top: 29%;
        padding: 10px;
        right: 20px;
        width: inherit;
    }
}
@media screen and (max-width: 360px) {
    .call-to-action {
        top: 24%;
        padding: 5px;
    }
}
@media screen and (max-width: 335px) {
    .beitragsbild img {
        width: 100%;
    }
    
}


@media screen and (max-width: 1360px) {
    .headerbild {
        height: 600px;
    }
    .call-to-action {
        top: 40%;
    }
}
@media screen and (max-width: 1300px) {
    .call-to-action {
        top: 40%;
        font: 400 22px/24px 'Noto Serif', serif;
    }
    .headerbild {
        height: 550px;
    }
    .inner {
        width: 1024px;
        margin: auto;
    }
    .header-main .inner {
        background: rgba(0, 0, 0, 0) url("../images/papier-weiss.png") no-repeat scroll center top / contain;
        height: 108px;
    }
    .logo img {
        width: 110px;
    }
    .bxslider .claim {
        font: italic 400 32px/34px "Noto Serif", serif;
        top: 24%;
    }
    .bxslider .claim strong {
        font: italic 400 44px/58px "Noto Serif", serif;
    }
    .info-bar {
        background: url(../images/info-banner.png) no-repeat center center / contain;
        width: 1024px;
        height: 106px;
        margin-top: -95px;
        transform: translate3d(0px, 30px, 0px);
        -moz-transform: translate3d(0px, 30px, 0px);
        -webkit-transform: translate3d(0px, 30px, 0px);
        -o-transform: translate3d(0px, 30px, 0px);
        -ms-transform: translate3d(0px, 30px, 0px);
    }
    .link-left img,
    .link-right img {
        margin: 0;
    }
    .col-left {
        width: 64%;
    }
    .beitrag-teaser {
        width: 44%;
    }
    .beitrag-ansicht {
        width: 100%;
    }
    .event-box {
        width: 47%;
    }
    footer .col {
        width: 250px;
    }
}
@media screen and (max-width: 1024px) {
    .inner {
        width: 960px;
        margin: auto;
    }
    .headerbild {
        height: 500px;
    }
    .info-bar {
        background: url(../images/info-banner.png) no-repeat center center / contain;
        width: 960px;
        height: 106px;
        margin-top: -95px;
        transform: translate3d(0px, 30px, 0px);
        -moz-transform: translate3d(0px, 30px, 0px);
        -webkit-transform: translate3d(0px, 30px, 0px);
        -o-transform: translate3d(0px, 30px, 0px);
        -ms-transform: translate3d(0px, 30px, 0px);
    }
    .artikel .beitragsbild img {
        width: 100%;
    }
    .content-dsa_lp, .content-dsa_lp-2 p {
        column-count: 1;
    }
    footer .col {
        width: 200px;
        margin: 0 0 0 30px;
    }
}
@media screen and (max-width: 960px) {
    .inner {
        width: 768px;
        margin: auto;
    }
    .header-main .inner {
        background: url(../images/paper-bg.jpg);
        height: 90px;
    }
    .bxslider .claim {
        font: italic 400 24px/28px "Noto Serif", serif;
        top: 32%;
    }
    .bxslider .claim strong {
        font: italic 400 34px/38px "Noto Serif", serif;
    }
    .info-bar {
        background: url(../images/info-banner.png) no-repeat center center / cover;
        width: 768px;
        height: 106px;
        margin-top: -80px;
        transform: translate3d(0px, 22px, 0px);
        -moz-transform: translate3d(0px, 22px, 0px);
        -webkit-transform: translate3d(0px, 22px, 0px);
        -o-transform: translate3d(0px, 22px, 0px);
        -ms-transform: translate3d(0px, 22px, 0px);
    }
    .link-left,
    .link-right {
        width: 49.5%;
        padding: 20px 0 0 0;
    }
    .link-left span,
    .link-right span {
        font: italic 700 14px/20px "Noto Serif", serif;
    }
    .leaf-rotate {
        width: auto!important;
    }
    .col-left {
        width: 100%;
        float: none;
    }
    aside {
        display: none;
    }
    aside.schnupperpakete {
        display: block;
        float: none;
        width: 100%;
    }
    .col-right {
        width: 100%;
    }
    .product {
        width: 49.5%;
        display: inline-block;
    }
    .col-left select.kategorie {
        width: auto;
    }
    .col-left #searchsubmit {
        text-indent: -9999px;
        background: url(../images/lupe.png) no-repeat;
        box-shadow: none;
        border: none;
        height: 34px;
        margin-left: -50px;
        text-indent: -9999px;
        width: 40px;
    }
    .col-left input#search-2 {
        border: 1px solid #522a27;
        border-radius: 5px;
        font: 400 14px/20px 'Noto Serif', serif;
        font-style: italic;
        height: 40px;
        padding: 0 0 0 20px;
        width: 290px;
    }
    .col-left #search > input {
        margin: 0;
    }
    form#search,
    .suche-mobil {
        display: inline-block;
        width: 44%;
    }
    .beitrag-teaser {
        width: 55%;
    }
    .beitragsbild > img {
        width: 100%;
    }
    .comment input,
    .comment textarea,
    .comment h2 {
        width: 100%;
        margin: 0 0 20px 0;
    }
    footer {
        height: auto;
        padding: 50px 0 30px 0;
    }
    footer .col {
        margin: 0 0 0 2%;
        width: 22%;
    }
}
@media screen and (max-width: 880px) {
    .headerbild {
        height: inherit;
    }
    .call-to-action {
        top: 40%;
        font: 400 18px/22px 'Noto Serif', serif;
        width: 265px;
        right: 160px;
    }
}
@media screen and (max-width: 768px) {
    .inner {
        width: 90%;
        margin: 0 5%;
    }
    .header-main .inner {
        width: 100%;
        margin: 0;
        height: 80px;
    }
    .logo img {
        width: 90px;
        margin: 8px 0 0 0;
    }
    .info-bar {
        width: 90%;
    }
    .leaf-rotate,
    .leaf-rotate-2 {
        display: none;
    }
    .content {
        padding: 50px 0;
    }
    .col-left #search {
        margin: 40px 0;
    }
    .col-left #search > input {
        padding: 0 5%;
    }
    .col-left select.kategorie {
        padding: 0 12%;
    }
    .col-left input#search-2 {
        width: 100%;
        padding: 0 0 0 5%;
    }
    .suche-mobil {
        width: 30%;
        margin: 0 0 0 10%;
    }
    .beitrag {
        padding: 30px 0;
    }
    .beitrag-teaser {
        width: 100%;
        margin: 0;
    }
    .beitrag.artikel {
        padding: 0;
    }
    .beitrag-ansicht {
        margin: 0;
    }
    .event-box {
        width: 100%;
        margin: 40px 0 0 0;
    }
    .product {
        width: 100%;
        display: block;
    }
    footer .col {
        margin: 0;
        width: 48%;
    }
}
@media screen and (max-width: 670px) {
    .bxslider .claim {
        display: none;
    }
    .info-bar {
        display: none;
    }
    form#search {
        display: block;
        width: 100%;
        margin: 0;
    }
    .suche-mobil {
        width: 65%;
        margin: 0;
    }
    .beitrag.artikel {
        padding: 40px 0;
    }
    .col-left #search {
        margin: 40px 0 20px 0;
    }
}
@media screen and (max-width: 580px) {
    .headerbild {
        padding: 70px 0 0 0;
    }
    .dsa_lp-landinpage.kampagne .call-to-action{display:block; width:90%; left:5%;}
    .dsa_lp-landinpage.kampagne  .headerbild .claim{display:block; font-size:18px;}
    .dsa_lp-landinpage.kampagne  .headerbild .claim strong{font-size:24px;}
    .call-to-action, .headerbild .claim {
        display: none;
    }
    h1 {
        font: italic 400 30px/38px "Noto Serif", serif;
    }
    footer .col {
        width: 100%;
        text-align: center;
    }
    footer .col:nth-child(3),
    footer .col:nth-child(4) {
        padding: 0;
    }
}
@media screen and (max-width: 480px) {
    .dsa_lp-landinpage.kampagne .call-to-action{display:block; width:90%; left:5%;}
    .dsa_lp-landinpage.kampagne  .headerbild .claim{display:block; width:90%; left:5%; font-size:18px;}
    
    
    .content {
        padding: 70px 0;
    }
    .call-to-action {
        top: 29%;
        padding: 10px;
        right: 20px;
        width: inherit;
    }
}

@media screen and (max-width: 375px) {
   .dsa_lp-landinpage.kampagne .call-to-action{top:60vh; position: absolute}

}

@media screen and (max-width: 360px) {
   .dsa_lp-landinpage.kampagne .call-to-action{top:60vh; position: absolute}
    .call-to-action {
        top: 24%;
        padding: 5px;
    }
}
@media screen and (max-width: 335px) {
    .beitragsbild img {
        width: 100%;
    }
    .dsa_lp-landinpage.kampagne .call-to-action{display:none;}
}