/*
    Theme Name: KV Shop Redesign
    Description: Wordpress Theme für den KV-Shop Blog
    Version: 1.0 Alpha
    Author: R. Moczarski
    Author URI: http://www.dsa-marketing.ag
*/
@import url("css/menu.css");
@import url("css/jquery.bxslider.css");
@import url("css/reset.css");
@import url("css/rolfsgrid.css");


/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-display:swap;
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noto-sans-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v12-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-display:swap;
  font-weight: 400;
  src: url('fonts/noto-sans-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v12-latin-italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display:swap;
  font-weight: 700;
  src: url('fonts/noto-sans-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v12-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-display:swap;
  font-weight: 700;
  src: url('fonts/noto-sans-v12-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-v12-latin-700italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}


/* noto-serif-regular - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-display:swap;
  font-weight: 400;
  src: url('fonts/noto-serif-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-serif-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-v9-latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
}
/* noto-serif-italic - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-display:swap;
  font-weight: 400;
  src: url('fonts/noto-serif-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-serif-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-v9-latin-italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
}
/* noto-serif-700 - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-display:swap;
  font-weight: 700;
  src: url('fonts/noto-serif-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-serif-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-v9-latin-700.svg#NotoSerif') format('svg'); /* Legacy iOS */
}
/* noto-serif-700italic - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-display:swap;
  font-weight: 700;
  src: url('fonts/noto-serif-v9-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-serif-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-v9-latin-700italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
}


.code {
    background: url("images/paper-brown-bg.jpg");
    padding: 15px;
    border: 2px solid #522a27;
    text-align: center;
    font-size: 18px;
    border-radius: 5px;
}
.category-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.category-2 .col {
    flex-basis: 32%;
    margin: 0 0 15px 0;
    background: #fff;
    border: 2px solid #8d7574;
    border-radius: 5px;
    transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
}
.category-2 .col:hover {
    opacity: 0.5;
    transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
}
.category-2 .col a {
    text-decoration: none;
    cursor: pointer;
}
.category-2 .col h3 {
  font: 400 16px/22px 'Noto Serif', sans-serif;
    font-style: normal;
  font-style: italic;
  color: #522a27;
  text-align: center;
  margin: 10px 0px 0px 0px;
  margin: .625rem 0rem 0rem 0rem;
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 1.25rem 0rem;
}
.category-2 .col img {
    width: 100%;
}
.small {
    font-style: italic;
    margin: 5px 0 0 0!important;
}
h2.center {
    font: 400 24px/28px 'Noto Serif', serif!important;
    text-align: center;
    font-style: italic!important;
    margin: 50px 0 20px 0!important;
}
.wp-block-media-text__media img, .wp-block-media-text__media video{height:auto;}

@media screen and (max-width: 600px) {
.wp-block-media-text .wp-block-media-text__content{padding: 20px 0;}
    .category-2 .col {
        flex-basis: 48%;
    }
}

html body a.sitemaplink{display:inline-block; background-color:#522a27; color:white; border-radius:5px; padding:10px 20px; text-decoration: none; margin-bottom:15px;}

html .vet-special .read-more{float:none; margin-top:10px; display:block;}
html .vet-special .read-more span{margin: 2px 0px 0 0;}


.vet-special .date{margin-bottom:10px; font-size:14px;}

.autorbox, .vet-special{
    background-color:#b7ddf3; border-radius:5px; padding:30px 40px; margin:30px 15px;  color:#522a27;
    display:flex; flex-wrap: wrap;
}

.autorbox .vet-special-content{width:60%; margin:0 0 0 5%; }
.autorbox .vet-image{width:33%; padding:0 3% 0 0 ; position: relative;}

html .autorbox{margin:30px 0; }
.vet-special h2{
 
  font-size: 30px;
  line-height:  34px;
  font-family: Noto Serif; 
  font-weight: 700;
  font-style: italic;



color:#522a27; margin-bottom:10px;}
.vet-special h3{  font-size: 20px;
  line-height:  24px;
  font-family: Noto Serif; 
  font-weight: 700;
  font-style: italic; color:#522a27; margin-bottom:10px;}
.vet-special-content{width:60%; margin-right:10%;}
.vet-image{width:27%; padding-left:3%; position: relative;}
.vet-image img.vetpic{width:100%; height:auto; border:5px solid white; border-radius:250px;}
.vet-image .vet-icon{position: absolute; top: -5%; right:-5%;     max-width: 40%;
    height: auto;
}
.vet-icon-post{position: absolute; top: -1%; left:-10%;}
.single-post .vet-icon-post{position: absolute; top: -1%; left:-3%;}

@media screen and (max-width: 768px) {
.vet-special-content{width:100%; margin-right:0;}
.vet-image{width:100%; padding-left:0%; max-width:200px; margin:20px auto 0 auto; }  
.vet-special {padding:3% 6%; margin: 0 0;}
}





.mobile-header{display:none; }
.mobile-header picture, .mobile-header img{width:100%; height:auto; max-width:100%; margin-top:85px;}
.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;
    -webkit-font-smoothing: subpixel-antialiased;
}

.attachment-full.size-full.wp-post-image {width:100%; height:auto; max-width:75%;}



/*ADWORDS*/
.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: 50%;
    right: 50px;
    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;
}









.beitrag-ansicht a {
    color: #522a27;
}
.beitrag-ansicht ul li {
    margin: 0 0 10px 30px;
    list-style-type: disc;
}
#wp-admin-bar-search {
    display: none !important;
}
#googlecustommap {
    width: 100%;
    height: 30vh;
}
body {
    font: 400 13px/22px 'Noto Sans', sans-serif;
}
.inner {
    width: 1300px;
    margin: auto;
}
header {
    position: absolute;
    z-index: 999999;
    width:100%;
}
.logo {
    display: inline-block;
    margin: 0 0 0 20px;
    float: left;
}
.logo img {
    width: 140px;
    height:auto;
}
#toggle {
    display: none;
}
.top-bar--navigation {
    float: left;
    margin: 10px 20px 0 20px;
}
.top-bar--navigation li {
    font-size: 14px;
    line-height: 22px;
    float: left;
    color: #522a27;
    margin: 15px 0 0 10px;
}
.top-bar--navigation li:after {
    content: ' • ';
    font-size: 18px;
    vertical-align: middle;
}
.top-bar--navigation li:last-child:after {
    content: '';
}
nav {
    margin: 0 0 0 425px;
}
.cart--link {
    margin: 0 0 0 16px;
    float: left;
}
.top-bar--navigation li.active a,
.menu-item-341 a {
    font-weight: 700;
}
.top-bar--navigation li a {
    color: #522a27;
    text-decoration: none;
    padding: 0 6px;
}
.cart--link {
    position: relative;
    top: 20px;
}
.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.webp) no-repeat top center;
}

.nowebp .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%;
    text-shadow: 0 2px 2px #8d7574;
}
.bxslider .claim strong {
    font: 400 50px/62px 'Noto Serif', serif;
    font-style: italic;
}
.bxslider .claim .sliderbutton {
    display: inline-block;
    color: white;
    font-size: 16px;
    padding: 0 15px;
    border-radius: 5px;
    text-decoration: none;
    z-index: 9999991!important;
}
.pfeil-unten {
    float: right;
    padding: 11px 0 0 0;
    width: auto!important;
}
.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;
    background: #fff;
    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;
    background: #522a27;
    color: #fff;
}
.comment #sub_kontakt:hover {
    background: #e0ded2;
    color: #522a27;
    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;
}
.col-left a {
    color: #522a27;
}
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 {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.col-left select.kategorie::-ms-expand {
    display: none;
}
.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;
}

.home .beitragsbild ,
.archive .beitragsbild ,
.search .beitragsbild, .artikel .beitragsbild {position: relative;}

.home .beitragsbild img,
.archive .beitragsbild img,
.search .beitragsbild img {
    max-width: 300px;
    height: auto;
}
.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;
    margin-left:20px;
}
.artikel .beitragsbild {
    display: block;
    margin-bottom:15px;
}
.beitragsbild > img {
    border-radius: 5px;
    max-width: 100%;
    height: auto;
}
.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 6px 0;
}
.beitrag-ansicht h1 {
    font-size: 24px;
    margin: 0 0 6px 0;
}
.commentheadline,
.beitrag-teaser h2,
.beitrag-ansicht h2 {
    font: 400 18px/22px 'Noto Serif', serif;
    font-style: italic;
    margin: 12px 0 12px 0;
    color: #522a27;
}
.commentheadline {
    margin: 12px 0 12px 30px;
}
.commenttext {
    margin: 0 0 0 30px;
    font-style: italic;
}
.beitrag-ansicht h3 {
    font: 400 16px/22px 'Noto Serif', serif;
    font-style: italic;
    margin: 8px 0 6px 0;
    color: #522a27;
}
.beitrag-ansicht h4 {
    font: 400 14px/22px 'Noto Serif', serif;
    font-style: italic;
    margin: 8px 0 6px 0;
    color: #522a27;
}

.read-more span{margin: 0px 10px 0 0;
    display: inline-block;
    vertical-align: top;}

.vet-special .read-more, .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;
}
.vet-special .read-more img, .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;
}
#searchform div {
    position: relative;
}
.col-right #searchsubmit {
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(images/lupe.png) no-repeat;
    box-shadow: none;
    border: none;
    height: 34px;
    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!important;
    padding: 0 0 0 20px;
    width: 290px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.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;
}
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: 380px;
    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 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;
}

/*Newsletter Inputfeld*/

footer .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: 10px 10px 9px;
    width: 80%;
    margin-top: 20px;
    position: relative;
}
footer .newsletter--field:focus {
    border: 1px solid #522a27;
    z-index: 1;
}
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;
}
button.newsletter--button:hover {
    border: 1px solid #522a27;
}
@media screen and (max-width: 1300px) {
    .inner {
        width: 1024px;
        margin: auto;
    }
    .top-bar--navigation {
        margin: 10px 20px 0 20px;
    }
    
   .nowebp .header-main .inner {
        background: rgba(0, 0, 0, 0) url("images/papier-weiss.png") no-repeat scroll center top / contain;
        height: 108px;
    }    
    
    
    .header-main .inner {
        background: rgba(0, 0, 0, 0) url("images/papier-weiss.webp") no-repeat scroll center top / contain;
        height: 108px;
    }
    .logo img {
        width: 110px;
    }
    nav {
        margin: 0 0 0 180px;
    }
    .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: 41%;
    }
    .beitrag-ansicht {
        width: 100%;
    }
    footer .col {
        width: 250px;
    }
}
@media screen and (max-width: 1024px) {
    .inner {
        width: 960px;
        margin: auto;
    }
    .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);
    }
    .top-bar--navigation li:after {
        content: '  ';
    }
    nav {
        margin: 0;
    }
    .artikel .beitragsbild img {
        width: 100%;
    }
    
    .artikel .beitragsbild img.vet-icon-post {
        width: 20%;
        max-width:70px;
    }    
    
    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/papier-weiss.webp) no-repeat scroll center top;
        height: 90px;
    }
    
    .nowebp .header-main .inner {
        background: url(images/papier-weiss.png) no-repeat scroll center top;
        height: 90px;
    }    
    .logo img {
        margin: 10px 0 0;
        width: 95px;
    }
    .top-bar--navigation {
        margin: 10px 20px 0 0px;
    }
    
    .top-bar--navigation li {
        font-size: 12px;
        list-style: none;
        margin: 15px 0 0;
    }
    .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;
    }
    .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;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    .col-left #search > input {
        margin: 0;
    }
    form#search,
    .suche-mobil {
        display: inline-block;
        width: 44%;
    }
    .beitrag-teaser {
        width: 52%;
    }
    .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%;
    }
    html body .beitragsbild img.vet-icon-post{max-width:50px; top: -1%; left: -20px;}
}
@media screen and (max-width: 768px) {
    #toggle {
        display: block;
    }
    .top-bar--navigation {
        float: none;
    }
    .top-bar--navigation li {
        margin: 0;
        float: none;
    }
    .inner {
        width: 90%;
        margin: 0 5%;
    }
    .header-main .inner {
        width: 100%;
        margin: 0;
        height: 85px;
    }
    .cart--link {
        position: absolute;
        right: 20px;
        float: none;
    }
    .content {
        padding: 50px 0;
    }
    .logo {
        display: block;
        margin: auto;
        width: 90px;
        float: none;
    }
    .logo img {
        width: 90px;
        margin: 8px 0 0 0;
    }
    .info-bar {
        width: 90%;
    }
    .leaf-rotate,
    .leaf-rotate-2 {
        display: none;
    }
    .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;
    }
    footer .col {
        margin: 0;
        width: 48%;
    }
    
    html body .beitragsbild img.vet-icon-post{max-width:50px; top: -1%;
    left: -20px;}
    .home .beitragsbild img, .archive .beitragsbild img, .search .beitragsbild img{width:100%; max-width:100%; height:auto; margin-left:0;}
    html div div.beitragsbild {margin-left:0;}
}
@media screen and (max-width: 670px) {
    .bxslider .claim {
        display: none;
    }
    .info-bar {
        display: none;
    }
    form#search {
        display: block;
        width: 100%;
        margin: 0;
    }
    .suche-mobil {
        margin: 0 0 50px;
        width: 100%;
    }
    .col-left #search {
        margin: 40px 0 20px 0;
    }
    .col-left select.kategorie {
        padding: 0 15%;
    }
}
@media screen and (max-width: 580px) {
    h1 {
        font: italic 400 30px/38px "Noto Serif", serif;
    }
    footer .col {
        width: 100%;
        text-align: center;
    }
    
    footer .col a{
        margin-bottom:10px;
    }    
    
    
    
    footer .col:nth-child(3),
    footer .col:nth-child(4) {
        padding: 0;
    }
}
@media screen and (max-width: 335px) {
    .beitragsbild img {
        width: 100%;
    }
}

/*  WP DEFAULT STYLES */

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
    margin-bottom: 20px;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
    margin-bottom: 20px;
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.attachment-post-thumbnail {
    width: 100%;
    height: auto;
}
.wp-caption-text {
    font-weight: 400;
    font-style: italic;
}


@media screen and (max-width: 480px) {
.desktopheader{display:none;}
.mobile-header{display:block;}
.autorbox .vet-image{width:100%;}
.autorbox .vet-special-content{width:100%; margin:0; text-align: center}
}