body {
    background:#ffffff;
    padding-top:0;
    font-size: 1.1rem;
}
html,body,#wrapper {width:100%;height:100%;}

a, a:hover {
    color: #e30613;
}

div.row > div > img {width:100%;height:auto;}
#content img {margin-bottom:1em;}
.col-lg-12 img {width:100%;margin:0 0 39px;}

h1 {color:#e30613;font-family:'Zesta-MediumItalic';font-size:48px;margin:1rem 0;text-align:center;}
h2,h3,h5, h2 a {color:#e30613;font-family:'Zesta-MediumItalic';}
h3,h5 {font-size:24px;color:#000000;}
h3.thema {font-family:'TTCommons-Medium';text-transform:uppercase;color:#444444;font-size:17px;}
.beitrag h3.thema {margin-top: 30px;}
.h2, h2 { font-size: 1.85rem;}


body div input {border-radius:0;}

/* HEADER */
body.shrunk {padding-top:150px;}
#top {height:auto;min-height:120px;overflow:hidden;background:#ffffff;padding:0;}
#top img {height:100%;}
body.shrunk #top div#logo a#name,body.shrunk #top  p#claim,body.shrunk #top  #topnav,body.shrunk #top  div#logo a#schriftzug {opacity:0;height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;-webkit-transition:opacity 0.3s ease-out, height 0.3s ease-out, margin 0.3s ease-out, padding 0.3s ease-out;-moz-transition:opacity 0.3s ease-out, height 0.3s ease-out, margin 0.3s ease-out, padding 0.3s ease-out;-o-transition:opacity 0.3s ease-out, height 0.3s ease-out, margin 0.3s ease-out, padding 0.3s ease-out;transition:opacity 0.3s ease-out, height 0.3s ease-out, margin 0.3s ease-out, padding 0.3s ease-out;}
body.shrunk #top a#kopf img {height:50px;-webkit-transition:height 0.3s ease-out;-moz-transition:height 0.3s ease-out;-o-transition:height 0.3s ease-out;transition:height 0.3s ease-out;}
body.shrunk #top {background:rgba(255,255,255,0.7);position:fixed;top:0;left:0;right:0;margin:0;z-index:500;width:100%!important;height:auto;max-width:100%;padding-top:0;}
body.shrunk #top p#claim {border:0px none;}

.responsive-nav {display:none;overflow:hidden;max-height:45px;-webkit-transition:max-height 0.3s ease-out;-moz-transition:max-height 0.3s ease-out;-o-transition:max-height 0.3s ease-out;transition:max-height 0.3s ease-out;}
.expanded-nav {height:auto;max-height:1000px;-webkit-transition:max-height 0.3s ease-out;-moz-transition:max-height 0.3s ease-out;-o-transition:max-height 0.3s ease-out;transition:max-height 0.3s ease-out;}

.responsive-nav.expanded-nav .suche {position:static;width:auto;margin:0 0 10px;padding:12px;left:0;}
.responsive-nav.expanded-nav .suche h3 {color:#e30613;font-family:'Zesta-MediumItalic';font-size:21px;margin:0.5rem 0 0;text-align:center;padding:0.75em 0;}
.responsive-nav.expanded-nav .suche form {height:45px;overflow:hidden;margin:0;border:1px solid #e30613;-webkit-transition:height 0.3s ease-out;-moz-transition:height 0.3s ease-out;-o-transition:height 0.3s ease-out;transition:height 0.3s ease-out;}
.responsive-nav.expanded-nav .suche form input[type="text"] {float:left;width:66.666666%;}
.responsive-nav.expanded-nav .suche form input[type="submit"] {float:left;width:33.333333%;}
div#social {float:right;margin-top:-17.5em;}
div#social a {text-align:center;font-size:30px;text-shadow:1px 1px 0 #999999,1px -1px 0 #999999,-1px 1px 0 #999999,-1px -1px 0 #999999;color:#ffffff;}
div#social span {display:none;}

.responsive-nav.expanded-nav div.main {margin:0 0 18px;}
.responsive-nav.expanded-nav div.main a {font-size:18px;width:225px;border-top:1px solid black;padding-left:0;margin-left:15px;}
.responsive-nav.expanded-nav div.main a:first-child {border:0px none;}
.responsive-nav.expanded-nav div.info a {font-size:18px;}

#topnavcontainer {padding-left:0;margin-left:-0.5rem;padding-right:0;margin-right:-0.5rem;}
#topnav {display:block!important;text-rendering:optimizeLegibility;width:100%;}
#topnav ul li a span {display:none;}

#topnav ul#toplinks {float:left;margin:0!important;}
#topnav ul#toprechts {float:right;margin:0!important;}

div#logo {display:block;text-align:center;}
div#logo a:link, div#logo a:visited, div#logo a:hover {display:block;text-align:center;font-family:'TTCommons-Medium';text-transform:uppercase;letter-spacing:0.2em;font-size:20px;margin:0;text-decoration:none;color:#515151;}
div#logo a img {height:75px;width:auto;}
div#logo a#schriftzug {color:#e30613;margin-top:10px;}

.navbar-toggler {display:none;}

p#claim {display:block;text-align:center;font-family:'Zesta-Medium';font-size:58px;line-height:52px;padding:15px 15px 10px;border:1px solid #333333;border-width:1px 0;margin:15px 0;}

.navbar-nav {flex-direction:row!important}
.navbar-expand-lg .navbar-nav .nav-link {padding-right:.5rem!important;padding-left:.5rem!important;}

.navbar-nav.ml-auto a {font-family:'TTCommons-Medium';text-transform:uppercase;color:#444444;cursor:pointer;font-size:17px;}
.navbar-nav.ml-auto a:hover {color:#aaaaaa;}

.navbar-nav.ml-auto {margin:0 auto!important}

#top nav#main-nav li a {text-align:center; line-height: 1em;}

.responsive-nav {overflow:hidden;background-color:rgba(255,255,255,0.0);}
.responsive-nav a {float:left;display:block;color:#515151;text-align:center;padding:9px 15px;text-decoration:none;font-size:15px;font-family:'TTCommons-Medium';}
.responsive-nav a.icon {border:none;}
.responsive-nav a:hover {background-color:rgba(127,127,127,0.1);color:black;}
.responsive-nav .icon {display:none;}

a.mehr {padding-left:0.5em;color:#e30613!important;}
a.mehr:hover {text-decoration:underline;}

p img {max-width:100%;display:block;margin:0 auto;}


/* HERO */
div.hero {flex:0 0 calc(100% - 30px);background:transparent center top no-repeat;background-size:cover;margin:0 15px 40px;}
img.full-width.background {100%;}
div.overlay {background:rgba(255,255,255,0.75);padding:2% 1.7%;width:31%;margin:6%;}
div.overlay div.rahmen {border:1px solid #e30613;text-align:left;padding:6% 5%;}
p.comments {font-family:'TTCommons-Light';text-transform:uppercase;color:#444444;font-size:15px;}
a.post.button {display:inline-block;border:1px solid #e30613;text-align:left;padding:6px 12px 6px;font-family:'TTCommons-Medium';text-transform:uppercase;color:#e30613;cursor:pointer;font-size:15px;background:rgba(255,255,255,0);}
a.post.button:hover {background:rgba(255,255,255,0.75);}



/* TEASER */
.row {margin-bottom:40px;}
.row.grid {display:flex;width:calc(100% + 30px);flex-wrap:wrap;align-items:stretch;margin-bottom:0;}
.grid .wrapper {display:flex;}
.grid .teaser {width:100%;height:2000px;margin:0 0 40px;}
.grid .teaser > div {width:100%;padding:20px;border:1px solid #d6d6d6;height:100%;}
.grid .teaser div.image {overflow:hidden;}
.grid .teaser div.image img {width:100%; }

#tm211 img, #tm212 img, tm2122img, #tm2121 img {height:auto;}

.datum {margin-bottom: 0.25em;}

.grid .teaser.a-half {flex:0 0 50%;max-width:50%;padding:0 15px;max-height:990px;}
.grid .teaser.a-half > div {padding:38px;}
.grid .teaser.a-half div.image {height:680px;width:calc(100% + 76px);margin:-38px -38px 40px;}

.grid .wrapper.b-quarter {flex:0 0 25%;max-width:25%;height:auto;flex-direction:column;}
.grid .teaser.b-quarter {flex:0 0 100%;padding:0 15px;max-width:100%;max-height:600px;}
.grid .teaser.b-quarter > div {padding:17px;}
.grid .teaser.b-quarter div.image {height:343px;width:calc(100% + 34px);margin:-17px -17px 17px;}
.grid .teaser.b-quarter h2 {font-size:1.4rem;}

.grid .teaser.c-threequarters {flex:0 0 75%;max-width:75%;padding:0 15px;max-height:1240px;}
.grid .teaser.c-threequarters > div {padding:90px 95px;}
.grid .teaser.c-threequarters div.image {height:748px;width:100%;margin:0 0 70px;}



#content img#motivational {
    border-top: 1px solid #e30613;
    border-bottom: 1px solid #e30613;
    margin-bottom: 28px;
    margin-top: 28px;
    width: auto;
    height: auto;
    max-width: 100%;
    
}

div.row.motiv {
    text-align: center;
}


/* LIEBLINGSSTUECKE, WERBUNG */
.lieblingsstuecke .row, .werbung.col-lg-12 > .row,.auchgefallen .row {background:#ffffff;margin:0 0 20px; border-bottom:1px solid #d6d6d6;}
.werbung.col-lg-12 .row .row {background:#ffffff;margin:0 0 15px;height:166px;width:100%;}
.lieblingsstuecke h2, .werbung.col-lg-12 h2, .beitrag .auchgefallen h2 {background:url('../images/line-grey.gif') left 50% repeat-x;text-align:center;color:#000000;font-size:15px;}
.lieblingsstuecke h2 span, .werbung.col-lg-12 h2 span, .auchgefallen h2 span {background:#ffffff;padding:0 40px;font-family:'TTCommons-Medium';text-transform:uppercase;}
#content .lieblingsstuecke div img {width:100%;margin:0;}
#content .lieblingsstuecke #gallery .row,#content .auchgefallen #gallery .row {border:0px none;}
#content .lieblingsstuecke .carousel-control-next,#content .lieblingsstuecke  .carousel-control-prev,#content .auchgefallen .carousel-control-next,#content .auchgefallen .carousel-control-prev {bottom:20px;width:5%;}
.lieblingsstuecke a.carousel-control-next,.lieblingsstuecke a.carousel-control-previous,.auchgefallen a.carousel-control-next,.auchgefallen a.carousel-control-previous {color:#6e6e6e;cursor:pointer;}
.lieblingsstuecke a i,.auchgefallen a i {color:#6e6e6e;cursor:pointer;width:40px;height:40px;border-radius:50%;background:white;display:block;line-height:40px;}
.werbung.col-lg-6 .col-lg-12 {border:1px solid #d6d6d6;padding:26px;height:calc(200px - 52px);margin:0 0 40px;}
.werbung.col-lg-6 .col-lg-12 h2 {color:#d6d6d6;text-align:center;text-transform:uppercase;font-size:15px;}

.auchgefallen #gallery .row .col a:hover {text-decoration:none!important;}
.auchgefallen #gallery .row .col a h2 {color:#e30613;font-family:'Zesta-Medium';text-align:left;background:transparent;}
.auchgefallen #gallery .row .col div {width:100%;height:210px;overflow:hidden;margin-bottom:20px;}
.auchgefallen #gallery .row .col div img {margin:0;}


/* HEADER */



/* ABOUT */
.about .padding {padding:0 10% 0 0;}
.about.col-lg-12 {background:#eeeeee;margin:80px 15px 0;padding:54px 0 49px;flex:0 0 calc(100% - 30px);margin-top:0;}
.about.col-lg-12 h2 {color:#000000;font-size:33px;font-family:'Zesta-Medium';}
.about img {margin:0 40px 40px;width:calc(100% - 80px);height:100%;}



/* LIEBLINGSBLOGS */
.lieblingsblogs {margin:35px 0 0;}
.lieblingsblogs h3 {display:block;color:#000000;text-transform:uppercase;font-size:15px!important;margin:0 0 25px;}
.lieblingsblogs a {display:block;color:#000000;font-size:15px;}

.lieblingsblogs {column-count: 4;}
.lieblingsblogs a {display:block;}
.lieblingsblogs img {width:100%;max-width:185px;margin-top:5em;}

/* FOOTER */
footer {background:#666666;text-align:center;padding:27px 0 125px;margin:47px 0 0;}
footer *,footer *:hover {color:#ffffff;}
footer p.datenschutz a {text-transform:uppercase;}



/* SUCHE, NEWLSETTER */
.suche, .texterella.abonnieren {z-index:500;background:rgba(225,225,225,0.8);text-align:center;left:50%;width:350px;margin-left:-175px;}
.suche {position:absolute;top:-260px;-webkit-transition:top 0.2s ease;-moz-transition:top 0.2s ease;-o-transition:top 0.2s ease;transition:top 0.2s ease;}
.suche.on {top:0;-webkit-transition:top 0.2s ease;-moz-transition:top 0.2s ease;-o-transition:top 0.2s ease;transition:top 0.2s ease;}
.suche form input[type="text"], .texterella.abonnieren form input[type="text"] {width:235px;height:43px;border:0px none;margin:0 0 36px;text-align:center;}
.suche form input[type="submit"], .texterella.abonnieren form input[type="submit"] {width:160px;height:43px;border:0px none;color:#ffffff;text-transform:uppercase;font-weight:bold;background:#999999;cursor:pointer;}
.suche.on form,.texterella.abonnieren.on form {height:254px;margin:-12px 12px 12px;border:1px solid #e30613;-webkit-transition:height 0.3s ease-out;-moz-transition:height 0.3s ease-out;-o-transition:height 0.3s ease-out;transition:height 0.3s ease-out;}
.suche.on h3,.texterella.abonnieren h3 {color:#e30613;font-family:'Zesta-MediumItalic';font-size:24px;margin:1rem 0 0;text-align:center;padding:0.75em 2em;}
span.closebutton {font-weight:bold;width:25px;height:25px;border-radius:50%;border:1px solid #818181;margin:-5px -9px 0 0;background:#eeeeee;float:right;cursor:pointer;}
span.closebutton:before {content: "\00d7";font-size:32px;font-weight:bold;position:relative;top:-13.5px;left:0.5px;}
.suche span.closebutton {margin:233px -9px 0 0;}

.texterella.abonnieren {height:55px;position:fixed;bottom:0;padding:0;}
.texterella.abonnieren a, .texterella.abonnieren a:hover {display:inline-block;text-align:center;height:55px;overflow:hidden;padding:0 5%;font-family:'TTCommons-Medium';color:#e30613;cursor:pointer;font-size:18px;line-height:55px;}
.texterella.abonnieren a span {font-family:'Zesta-Medium';color:#e30613;font-size:18px;}
.texterella.abonnieren a:before {content:'+ ';}
.texterella.abonnieren{height:55px;-webkit-transition:height 0.3s ease-out;-moz-transition:height 0.3s ease-out;-o-transition:height 0.3s ease-out;transition:height 0.3s ease-out;}
.texterella.abonnieren.on {height:280px;-webkit-transition:height 0.3s ease-out;-moz-transition:height 0.3s ease-out;-o-transition:height 0.3s ease-out;transition:height 0.3s ease-out;}
.texterella.abonnieren.on a {height:0;-webkit-transition:height 0.3s ease-out;-moz-transition:height 0.3s ease-out;-o-transition:height 0.3s ease-out;transition:height 0.3s ease-out;}


#mce-success-response {
    float: left;
    font-weight: bold;
}

/* UEBERSICHT */
.row.uebersicht {margin-top:27px;}
.row.uebersicht img { max-width: 100%; }


/* BEITRAG */
.beitrag h1 {text-align:left;font-size:36px;}
.beitrag h2 {font-size:26px;}
.row.kommentare ul,#mc-embedded-subscribe-form ul {list-style-type:none;padding:0;}
.kommentare p {font-size:1em;line-height:1.3em;}
/* .kommentare p.reply {float:right;width:50%;text-align:right;padding-top:1.3em;} */
.kommentare img {float:left;margin-right:0.5em; border:1px solid #d6d6d6;}


li.comment {padding:20px;margin:0 0 20px;}

.beitrag a {color:#e30613;}
.beitrag input.txt-bx, .beitrag textarea {border:1px solid #d6d6d6;margin-bottom:1em;padding:0.5em;}

.beitrag .kommentare input[type="submit"],#mc-embedded-subscribe-form input[type="submit"] {width:auto;height:43px;border:0px none;color:#ffffff;text-transform:uppercase;font-weight:bold;background:#999999;cursor:pointer;padding:0 2em;}

p.viewscomments {clear:both;padding:0.5em;line-height:2rem;}	
p.viewscomments span {padding:5px 48px 9px 0;white-space:nowrap;}
p.viewscomments span.commentshare {}	
p.viewscomments span.tags {overflow:hidden;max-width:100%;display:block;text-overflow:ellipsis;}	
p.viewscomments span.commentshare i,p.viewscomments span#shareon i {cursor:pointer;}	
p.viewscomments span.commentshare i:hover {color:#e30613;}	
p.viewscomments i {padding:0 15px 0 0;}
p.viewscomments #shareon .social i {padding:0 10px;text-shadow:1px 1px 0 #999999,1px -1px 0 #999999,-1px 1px 0 #999999,-1px -1px 0 #999999;color:#ffffff;}
p.viewscomments #shareon .social i:hover {text-shadow:1px 1px 0 #e30613,1px -1px 0 #e30613,-1px 1px 0 #e30613,-1px -1px 0 #e30613;color:#ffffff;}

p.viewscomments #shareon {border-right:1px solid #818181;margin:-5px 14px 0 0;padding-right:0;position:absolute;display:inline-block;width:35px;height:38px;background:#ffffff;overflow:hidden;webkit-transition:width 0.3s ease-out;-moz-transition:width 0.3s ease-out;-o-transition:width 0.3s ease-out;transition:width 0.3s ease-out;}	
p.viewscomments #shareon:hover {width:200px;-webkit-transition:width 0.3s ease-out;-moz-transition:width 0.3s ease-out;-o-transition:width 0.3s ease-out;transition:width 0.3s ease-out;}	


h3.anzahl-kommentare {color:#e30613;}

li.comment img {border:1px solid #d6d6d6;}
p.kommentartext {clear:both;}

ul.comments ul.comments {margin-left:10%;}

#comment_form label,#mc-embedded-subscribe-form label {float:left;width:25%;text-transform:uppercase;}
#comment_form input.txt-bx,#comment_form textarea,#mc-embedded-subscribe-form input.txt-bx {float:left;width:75%;}

p.speichernnachricht span {margin-right:1em;}
p.speichernnachricht input,p.disclaimer input {margin-right:0.5em;}


.komm-level-1 { padding-left: 4%;}
.komm-level-2 { padding-left: 8%;}
.komm-level-3 { padding-left: 12%;}
.komm-level-4 { padding-left: 16%;}
.komm-level-5 { padding-left: 20%;}
.komm-top { padding-top: 15px;}


/* CONTACT */
.contact.container div.row h1,.contact.container div.row p {width:100%;margin:0 0 45px;}
.contact.container div.row h1{margin-top:25px;}




/* RESPONSIVE */


@media screen and (max-width:1200px) {
	.grid .teaser.a-half {max-height:875px;}
	.grid .teaser.a-half div.image {height:550px;}
	.grid .teaser.b-quarter {max-height:560px;}
	.grid .teaser.b-quarter div.image {height:279px;}
	.grid .teaser.c-threequarters {max-height:1160px;}
	.grid .teaser.c-threequarters div.image {height:678px;}
        .h2, h2 { font-size: 1.6rem;}
}

@media screen and (max-width:993px) {
         body {font-size: 1rem;}
        .navbar-nav.ml-auto a {font-size: 15px;}
         h3.thema {font-size:15px;}
         
	.grid .teaser.a-half {max-height:780px;}
	.grid .teaser.a-half div.image {height:412px;}
	.grid .wrapper.b-quarter {flex:0 0 33.333333%;max-width:33.333333%;height:auto;flex-direction:column;}
	.grid .teaser.b-quarter {max-height:510px;}
	.grid .teaser.b-quarter div.image {height:220px;}
	.grid .teaser.c-threequarters {flex:0 0 66.666666%;max-width:66.666666%;max-height:1060px;}
	.grid .teaser.c-threequarters > div {padding:50px 55px;}
	.grid .teaser.c-threequarters div.image {height:452px;}
	.lieblingsstuecke .col-lg-3 {flex:0 0 25%;}
	.row.uebersicht .col-lg-7 {flex: 0 0 58.333333%;}
	.row.uebersicht .col-lg-3 {flex: 0 0 25%;}
	.offset-1 {margin-left:0;}
	.grid .teaser.a-half h2 {font-size:1.3rem;}
	.auchgefallen #gallery .row .col div {height:140px;}
}
@media screen and (max-width:993px) and (min-width:769px) {
	div.overlay {margin:4%;width:46%;}
	div.overlay div.rahmen h2 {font-size:1.6em;}
	.about img {margin:0 160px 40px;width:calc(100% - 320px);height:100%;}
}

@media screen and (max-width:767px) {
	.grid .teaser.a-half {max-height:765px;}
	.grid .teaser.a-half div.image {height:300px;}
	.grid .wrapper.b-quarter {flex:0 0 100%;max-width:50%;height:auto;flex-direction:row;}
	.grid .teaser.b-quarter {flex:0 0 50%;padding:0 15px;max-width:50%;max-height:600px;}
        .grid .teaser.b-quarter {flex:0 0 100%;padding:0 15px;max-width:100%;height:auto;max-height:710px;}
	.grid .teaser.b-quarter {max-height:580px;}
	.grid .teaser.b-quarter div.image {height:320px;}
	.grid .teaser.c-threequarters {flex:0 0 100%;max-width:100%;max-height:1030px;}
	.grid .teaser.c-threequarters > div {padding:50px 55px;}
	.grid .teaser.c-threequarters div.image {height:529px;}
	.lieblingsblogs {flex-direction:column;}
	.lieblingsblogs div {flex:0 0 50%;}
	#top {padding-top:10px;}
	p#claim {font-size:42px;}
	div.overlay {margin:70.7% -15px 0;width:calc(100% + 30px);padding:0;position:static;}
	div.overlay div.rahmen {border-width:0 1px 1px;}
	div.hero {background-size:contain;}
	a.texterella.abonnieren {width:60%;left:20%;}
	img.full-width.background {margin-bottom:0;}
	.about .padding {padding:0 10% 0;}
	.auchgefallen #gallery .row .col div {height:97px;}
        .navbar-nav.ml-auto a {font-size: 15px;}
}

@media screen and (max-width:575px) {
	.grid h2 {font-size:1.5rem;}
	.grid .teaser.a-half {flex:0 0 100%; height:auto;max-width:100%;}
	.grid .teaser.a-half > div {padding:19px;}
	.grid .teaser.a-half div.image {height:auto;width:calc(100% + 38px);margin:-19px -19px 20px;}
	.grid .teaser.b-quarter {flex:0 0 100%;padding:0 15px;height:auto;}
	.grid .teaser.b-quarter > div {padding:9px;}
	.grid .teaser.b-quarter div.image {height:auto;width:calc(100% + 18px);margin:-9px -9px 10px;}
	.grid .teaser.c-threequarters {height:auto;}
	.grid .teaser.c-threequarters > div {padding:28px;}
	.grid .teaser.c-threequarters div.image {height:auto;width:100%;margin:0 0 15px;}
	#top {padding-top:10px;}
	p#claim {font-size:28px;}
	div.overlay {margin:73% -15px 0;}
	div.overlay div.rahmen {border:0px none;}
	a.texterella.abonnieren {width:80%;left:10%;}
	.lieblingsstuecke .col-lg-3 {flex:0 0 50%;}
	.lieblingsstuecke .aussen {display:none;}
	.row.uebersicht .col-lg-7 {flex: 0 0 100%;}
	.row.uebersicht .col-lg-3 {flex: 0 0 100%;margin-bottom:1em;}
	.lieblingsblogs {column-count: 2;}
	.auchgefallen {display:none;}
        .beitrag h1 {
            font-size: 28px;
        }
        .beitrag h2 {
            font-size: 24px;
        }
}


@media screen and (max-width:400px) {
	.grid .teaser.a-half {flex:0 0 100%;padding:0 15px;max-width:100%;height:auto;}
	.grid .wrapper.b-quarter {flex:0 0 100%;max-width:100%;height:auto;flex-direction:column;}
	.grid .teaser.b-quarter {flex:0 0 100%;padding:0 15px;max-width:100%;height:auto;max-height:710px;}
	.row {margin-bottom:10px;}
	body.shrunk {padding-top:80px;}
	#top {padding:5px 0 0;}
	body.shrunk #top {min-height:0;padding:5px 0;}
	p#claim {font-size:24px;margin-bottom:40px;}
        #comment_form label {            font-size:70%;        }
        h1 {            font-size: 28px;        }
}


@media screen and (max-width:600px) {
	nav {display:none!important;}
	.responsive-nav {display:block;position:absolute;z-index:800;top:0;right:0;}
	.responsive-nav a {display:none;}
	.responsive-nav a.icon {float:right;display:block;}
	.responsive-nav.expanded-nav {position:relative;top:-5px;background-color:rgba(255,255,255,0.7);}
	.responsive-nav.expanded-nav .icon {position:absolute;right:0;top:0;}
	.responsive-nav.expanded-nav a {float:none;display:block;text-align:left;}
}


/* BLOGWORK ---------------------------------------------------------------------------------- */


ul.comments li.comment ul.children {
    padding-top: 15px;
}

.linke_spalte img, .rechte_spalte img { 
    max-width: 100%;
}

img.inl { margin: 0 auto;}


.produkte .box-sizer {
	width: 277px;
}

.produkte .box {
	border: 1px solid #d6d6d6;	
	margin: 10px 0;
	padding: 17px;
	width: 253px;
	float: left;
}

.produkte .box a {
	color: #e30613;
}


.produkte .box img {
	width: 100%;
}

.produkte .box h2 {
    font-size: 1.4rem;
}

.produkte .box div.image {
 
    margin: -17px -17px 17px;
}


.blaettern {
	background: rgba(225,225,225,0.8);
	height: 55px;
}

.blaettern a span {
font-family: 'Zesta-Medium';
color: #e30613;
font-size: 18px;
}

.blaettern a, .blaettern a:hover {
    display: inline-block;
    text-align: center;
    height: 55px;
    overflow: hidden;
    padding: 0 5%;
    font-family: 'TTCommons-Medium';
    color: #e30613;
    cursor: pointer;
    font-size: 18px;
    line-height: 55px;
}

.pagination-right {
	text-align: right;
}

.clearb {
	clear: both;
}

div.teaser.a-half div,
 div.teaser.b-quarter div {
	overflow: hidden;
	text-overflow: ellipsis;
}


/**
 * Filters
 */
#filters {
  list-style-type: none;
  text-align: center;
   margin: 0 5% 15px 0;
    display:block;
}

#filters li {

  float: left;
  padding: 6px 3px 4px 3px;
  cursor: pointer;
  margin: 0 1% 0 1%;
/*  width: 8%; */
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

#filters li:hover {
 
 
}

#filters li.active {
  background: #e05065;
  color: #ffffff;
}



#cookiebanner h5, .card h5 {
    font-size: 18px;
}

#cookiebanner .modal-header, .card .modal-header {
    padding: 0.5rem;
}

#cookiebanner .card-header, .card .card-header {
    line-height: 16px;
}

#cookiebanner td, .card td  {
    vertical-align: top;
    border: 1px solid black;
}

#cookiebanner .card-header, .card .card-header {
    padding: .5rem 1rem;
}

#cookiebanner, .card {
    font-size: 85%;
}

#cookiebanner p, .card p {
    margin-bottom: .25rem;
    font-size: 80%;
}

.card table {
    width: 90%;
    font-size: 90%;
}

.card table tr td:first-child {
   width: 30%;
}

.btn-link {
    color: #e30613;
}

.btn-primary {
    background-color: #e30613;
    border-color: #e30613;
    color: #fff;
}

.btn-primary:hover {
    background-color: #e20411;
    border-color: #e10411;
}

.ytp_disclaimer {
    font-size:80%;
    line-height: 1;
}

video {
    max-width:100% !important;
}