/*********************************************************************************************
	
1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/
				
/* Blogger Sans - bold */
@font-face {
	font-family: 'bloggersans';
	src: url('fonts/Blogger_Sans-Bold-webfont.woff'); 
	src: 
		local('Blogger Sans'),
		local('Blogger-Sans'),
		url('fonts/Blogger_Sans-Bold.otf') 
		format('opentype');
}
/* Extravaganzza - bold */
@font-face {
	font-family: 'extravaganzza';
	src: url('fonts/extravaganzza-extra-bold.ttf'); 
	src: 
		local('Extravaganzza'),
		url('fonts/extravaganzza-extra-bold.ttf') 
		format('truetype');
}
/* Hand Me Down S */
@font-face {
	font-family: 'handmedown';
	src: url('fonts/handmeds.ttf'); 
	src: 
		local('Hand-Me-Down'),
		url('fonts/handmeds.ttf') 
		format('truetype');
}



/* Reset & General Styling */		
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
b, strong { font-weight: bold; }
blockquote {     margin: 0 40px 40px;
    font-style: italic;
    opacity: 0.7;
}			
small { font-size: 85%; }						
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }	
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }	
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; width:unset;-ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2); 
margin-right: 12px;
margin-top:0;vertical-align:top;top:0;position:relative;}
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; border: 0; width: 100%; }
th { text-align: left; }
td { vertical-align: top; line-height:27px; }

	
/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Text Selection Color */
::-moz-selection { background: #ffc107; color: #fff; text-shadow: none; }
::selection      { background: #ffc107; color: #fff; text-shadow: none; }
img::-moz-selection { background: transparent; }
img::selection      { background: transparent; }
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* Navigation */
div.navigation { text-transform:uppercase; padding-bottom: 25px; text-align:center; margin: 0 0 25px; font-size: 16px; }
#comments .navigation.bttm { margin-top: 0px; }
div.navigation a { text-decoration: none; padding: 9px 14px; margin: 11px; font-weight:bold; font-size: 16px; color: #646567; border-radius: 18px; }
div.navigation span.current { padding: 9px 14px; margin: 11px; color:#fff; font-weight:bold; background: #d7241a; border-radius: 18px; }
div.navigation span.pages { display: none; }
div.navigation a:hover { color:#fff; background: #000; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }
div.navigation .prev { float:left;display:none; }
div.navigation .next { float:right;display:none; }
			

/* Forms */
input, textarea {      
	padding: 20px 5%;
    border: 0px solid #D9D6D6;
    width: 90%; 
	margin-top: 5px;
}
input:focus, textarea:focus { border-color: #999;  }
button, input[type=button], input[type=reset], input[type=submit] { background: #ffc107; font-size:24px; letter-spacing: 1px; text-transform:uppercase; border-radius: 8px; padding:15px 30px; border: none 0; color: #000; font-weight: bold;width: unset;
    margin: 5px auto 0;
    display: block; transition: all 0.4s linear; }
input[type=submit]:disabled { opacity:0.5; }
input, textarea {text-align:center;}
button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { cursor: pointer; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s;box-shadow: 0 3px 13px 0 rgb(0 0 0 / 76%), 0 3px 26px 0 rgb(0 0 0 / 30%); }

input#s { text-align:center; margin: auto;padding:0; height: calc(100% - 100px); animation: blink-empty 1s infinite; border-left: transparent solid 1px; }
	
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/*********************************************************************************************

2. Global Styles

*********************************************************************************************/


body {
    color: #fff;
    font-family: Verdana,sans-serif;
    font-size: 16px;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
	background: #38515d;
	background-color: #38515d;
}
				
	
::selection {color: white; background-color: #ffc107;}
::-moz-selection {color: white; background-color: #ffc107;}

/* Links */
a { color: #fff; text-decoration:none; }
a:hover { text-decoration:none;}
a:focus { outline: none; }
a:hover, a:active { outline: none; }

p { margin: 0 0 15px; padding: 0; }
	
textarea:focus, input:focus {    outline: none; }	

/*********************************************************************************************

3. Header  -------------------------  header.php

*********************************************************************************************/

#topleiste {
	width:100%;
	top:0px;
	padding: 10px 0;
	z-index:9999;
	text-align:center;
	display:block;
}	

#topleiste.active {
	box-shadow: 0 4px 10px 0 rgb(0 0 0 / 50%), 0 4px 20px 0 rgb(0 0 0 / 50%);
	height: 46px;
	margin-bottom:0;
	background:#38515d;
}	

#topleiste.active a {
	display: inline-block;
	text-decoration:none;
	font-size:22px;
	padding: 10px 13px;
}

#navilogo {
	display: none;
    width: 70px;
}
#navirest {
	display: inline-block;
}

#topleiste.active #navilogo {
	display: inline-block;
}

#topleiste a#start {
	padding:3px;
	line-height:1;
	background:none;
	transition: all 0.1s linear;
}


#naviwrap {
	width:100%;
	max-width: 1200px;
    margin: 0 auto;
    display: inline-block;
	min-height:52px;
}







#topleiste ul{
  margin:0;
  padding:0;
  display:flex;
}

#topleiste ul li{
  list-style:none;
  margin:0 0;
  transition:0.5s;
}

#topleiste ul li a {
  	display: block;
  	position:relative;
  	text-decoration:none;
  	font-size:20px;
	font-weight: bold;
	padding: 10px 16px;
	font-family: extravaganzza;
	text-transform: uppercase;
	letter-spacing:1px;
	margin: 3px 0;
 	transition:0.3s;
	outline: 1px solid transparent;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    -webkit-perspective: 1000;
}

#topleiste ul li a:hover {
	font-size:24px;
	padding: 12px 18px;
	margin: -3px 0 0;
	font-weight:bold;
	background:#fff;
	transition:0.2s;
	color:#000;
	-ms-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
	box-shadow: 3px 3px 6px rgb(0 0 0 / 50%);
	z-index:99999;
}

#topleiste ul li a.active:hover {
	color:#fff;
	background:none;
	box-shadow: none;
}

#topleiste ul li a.active::before {
    background-color: #466777;
    content: "";
    position: absolute;
    width: 80%;
    height: 36%;
    left: 10%;
    bottom: 7px;
    z-index: -1;
    transform: rotate(-2deg);
    opacity: 1;
	transition: all 0.2s ease-out;
}
#topleiste ul li a#nav_pics.active::before { background-color: #46b96c; }
#topleiste ul li a#nav_gifs.active::before { background-color: #e3a529; }
#topleiste ul li a#nav_vids.active::before { background-color: #41a2d1; }
#topleiste ul li a#nav_fun.active::before { background-color: #ae5ebd; }
#topleiste ul li a#nav_shirts.active::before { background-color: #9c9c9c; width: 84%; left:8%; }
#topleiste ul li a#nav_produkte.active::before { background-color: #131414; width: 90%; left:5%; }

#topleiste ul li a.active:hover::before {
	height:100%;
	width:100%;
	bottom:0;
	left:0;
	box-shadow: 3px 3px 6px rgb(0 0 0 / 50%);
	transition: all 0.2s linear;
}

#topleiste ul li a#nav_shirts.active:hover::before { width: 100%; left:0; }
#topleiste ul li a#nav_produkte.active:hover::before { width: 100%; left:0; }


#topleiste ul li a.impacted {
	font-size:16px;
	filter: blur(1px);
	opacity:0.8;
}


#minilogo {
	width: 46px;
    height: auto;
    outline: 1px solid transparent;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    -webkit-perspective: 1000;
	transition: none;

}

#topleiste a#start:hover {	padding:1px; transition: all 0.1s linear;}
#topleiste a#start:hover #minilogo { 
	transition: all 0.4s linear;
	-ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#wpadminbar {z-index:9999999999 !important;}
	
.inner-wrap { 
	margin: 0 auto;
    width: 100%;
}

#oben {overflow:hidden;width:85%;max-width:1300px;margin:0 auto;}

#oben img {width:100%;}

#logosetting {
	width: 70%;
	height: 12vw;
	max-height:186px;
    position: relative;
    display: block;
    margin: 50px auto 20px;
}
#oben img.buchstabe {
	width:15%;
	display:inline-block;
	position: absolute;
	transition: all 0.2s linear;
	outline: 1px solid transparent;
	-webkit-backface-visibility: hidden;
	will-change: transform;
	-webkit-perspective: 1000;
}
#oben img.buchstabe.chilled {
	transition: all 0.6s linear;
}

#bs_p1.passive, #bs_i.passive, #bs_c.passive, #bs_d.passive, #bs_u.passive, #bs_m.passive, #bs_p2.passive, #bs_s.passive {
	top:-350px;
	transition: all 0.15s linear;
}

#bs_p1.active { 
	left:0%;
	top:6%;
	z-index:908;
	-ms-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
}
#bs_i.active { 
	left:11.5%;
	top:23%;
	z-index:901;
	-ms-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
#bs_c.active { 
	left:23%;
	top:12%;
	z-index:906;
	-ms-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
#bs_d.active { 
	left:35.5%;
	top:0%;
	z-index:909;
	-ms-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
#bs_u.active { 
	left:48%;
	top:17%;
	z-index:902;
	-ms-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
#bs_m.active { 
	left:60.5%;
	top:5%;
	z-index:903;
	-ms-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
}
#bs_p2.active { 
	left:73.5%;
	top:18%;
	z-index:904;
	-ms-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
}
#bs_s.active { 
	left:85.5%;
	top:9%;
	z-index:909;
	-ms-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg);
}
#bs_com { 
	width:6% !important;
	position:absolute;
	left: 89%;
    top: 82%;
	opacity:0;
	z-index:900;
	-ms-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg);
	transition: all 0.5s linear;
	-webkit-backface-visibility: hidden;
}
#bs_com.active { 
	opacity:1;
	transition: all 0.75s linear;
}

#logosetting:hover #bs_p1.active, #logosetting:hover #bs_i.active, #logosetting:hover #bs_c.active, #logosetting:hover #bs_d.active, #logosetting:hover #bs_u.active, #logosetting:hover #bs_m.active, #logosetting:hover #bs_p2.active, #logosetting:hover #bs_s.active {
	-ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	-moz-box-shadow: 0 0 9px #000;
    -webkit-box-shadow: 0 0 9px #000;
    box-shadow: 0 0 9px #000;
	transition: all 0.05s linear;
}
#logosetting:hover #bs_com.active {
	opacity:0;
	transition: all 0.1s linear;
}

#topleiste ul li a span {
	border-bottom: 0px solid #fff;
    padding: 10px 0;
}


/*********************************************************************************************



4. Homepage    -------------------------  index.php



*********************************************************************************************/

#main {
	max-width: 1400px;
	width:94%;
    margin: 20px auto 0;
	text-align:center;
}

#hpfeatured {display:block;}

#editbutton {
	    width: 100%;
    text-align: center;
}

.editlink, .post-edit-link {
	z-index:1;
	width: 100%;
    text-align: center;
}
.editlink span {
    margin-top: -24px;
}
.editlink a, .post-edit-link {
	padding: 12px 16px;
    color: #5b7684;
    border-radius: 50%;
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
    transition: all 1s ease;
}
.editlink a:hover, .post-edit-link:hover {
    background: #4d6976;
    color: #38515d;
    padding: 45px 50px;
    transition: all 0.3s ease;
}


.ueberschrift {
	font-family: bloggersans;
	font-weight: bold;
	font-size: 34px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 20px 0;
	margin-top: 40px;
}

/*********************************************************************************************



5. Archive posts styling -------------------------  loop.php



*********************************************************************************************/

#arch-title {
	text-align:center;
}

h1.archive_title, h1.title a {
	font-family: bloggersans;
    font-size: 42px;
    letter-spacing: 1px;
    background: #1f3a47;
    color: #5e727c;
    margin: 0 auto 50px;
    display: inline-block;
    padding: 10px 20px;
    cursor: default;
	text-align:center;
}

#partnerlinks {
	color:#fff;
	font-size: 13px;
	width: 100%;
	text-align:center;
	margin:-35px 0 50px;
	font-style: italic;
} 

#recent-posts {
	padding-bottom:0px;
}

.recent-post {
	width:25%;
	float:left;
}

.recent-post:nth-of-type(4n+1) {
   clear: both;
}
#contentindex .recent-post:nth-of-type(4n+1), #content .recent-post:nth-of-type(4n+1) {
   clear: none;
}
#contentindex .recent-post.n5, #contentindex .recent-post.n9, #content .recent-post.n5, #content .recent-post.n9 {
   clear: both;
}
#recent-posts2 .recent-post:nth-of-type(4n+1) {
	clear:none;
}

.recent-post .post-content {
	z-index:3;
    padding: 0;
	width:90%;
    margin: 0 auto 40px;
    height: 100%;
    max-width: unset;
    text-align: center;
    position: relative;
	overflow:hidden;
	color:#000;
	background: #fff;
    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 76%), 0 3px 16px 0 rgb(0 0 0 / 30%);
	transition: all 0.7s ease-in-out;
}

.recent-post .post-content.bestof {
	background: #e8db9b;
}
.recent-post .post-content.bestof .datum {
	color:#a78e3a;
}
.recent-post .post-content.bestof .kategorie {
	color:#e8db9b;
}
.recent-post .post-content.bestof .kategorie.mixed::before {
	color:#a78e3a;
	background-color:#7d6907;
}





a.divlink {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 10;
}

a.partnerh2link {color:#000;}


.thumbfeatured img, .entry .thumbfeatured img {
	width: 90%;
    margin: 5%;
	outline: 1px solid #00000012;
    outline-offset: -1px;
    border-radius: 2px;
	object-fit: cover;
    aspect-ratio: 1 / 1;
}

.thumbfeatured img.goodnews, .entry .thumbfeatured img.goodnews, .thumbfeatured.goodnews img {
	object-position:4%;
}

.recent-post h2 {
	font-size:16px;
	width: 90%;
    padding: 0 5% 5%;
	margin:0;
	line-height: 1.5em;
    min-height: 3em;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.metadata {
	font-family: handmedown;
	padding: 0 5% 4%;
    display: inline-block;
    width: 90%;
	font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
	cursor:default;
}

.datum, .kategorie {display:inline-block;}
.datum {color: #c5c5c5;}
.entry .datum {   
	width:100%;
	color: #5b7684;
    margin: 0 0 30px;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: bold;
}
.datum.self {float:none;}
.kategorie {margin-left:12px;position:relative;z-index:3;color:#fff;}

.kategorie::before {
      /* Highlight color */
      background-color: #ccc;

      content: "";
      position: absolute;
      width: calc(100% + 8px);
   		height: 110%;
    	left: -4px;
      bottom: 0;
      z-index: -1;
      transform: rotate(-2deg);
	opacity:0.5;
  }

.kategorie.bilder::before { background-color: #46b96c; }
.kategorie.gifs::before { background-color: #dea229; }
.kategorie.mixed::before { background-color: #cf2e2e; }
.kategorie.videos::before { background-color: #4684b9; }
.kategorie.fun::before { background-color: #ae5ebd; }
.kategorie.shirts::before { background-color: #9c9c9c; }
.kategorie.produkt::before { background-color: #000; }
.kategorie.sonstiges::before { background-color: #fff;color: #c5c5c5; }
.kategorie.sonstiges { color: #c5c5c5; }



.werbung, .parwerli {
	width: 50%;
    color: #ffd600;
    background: rgb(203,73,223);
	background: linear-gradient(90deg, rgba(203,73,223,1) 1%, rgba(147,32,165,1) 96%);
    font-size: 10px;
	line-height: unset;
    padding: 6px 0;
    font-family: bloggersans;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    right: -14%;
    top: 6%;
    transform: rotate(45deg);
	box-shadow: 0px 2px 2px #00000096;
}

.post-content:hover {
	margin-top:-10px;
	margin-bottom:50px;
	transition: all 0.15s ease-out;
	box-shadow: 4px 7px 17px 0 rgb(0 0 0 / 70%), 4px 10px 28px 0 rgb(0 0 0 / 55%);
	outline: 1px solid transparent;
	-webkit-backface-visibility: hidden;
	will-change: transform;
	-webkit-perspective: 1000;
}

.post-content:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(255,255,255,0.3);
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
}
.post-content:hover:after {
  height: 75%;
  background-color: rgba(255,255,255,0);
  
	-webkit-transition: all 0.15s ease-in-out;
	   -moz-transition: all 0.15s ease-in-out;
	        transition: all 0.15s ease-in-out;
}


#recent-posts2 .recent-post.hidden {
	opacity:0;
	filter: blur (5px);
	transform: translateX(-100%);
	transition: all 0.75s;
}
#recent-posts2 .recent-post.show {
	opacity:1;
	filter: blur (0);
	transform: translateX(0);
}
#recent-posts2 .recent-post.show:nth-child(1) { transition-delay:600ms;}
#recent-posts2 .recent-post.show:nth-child(2) { transition-delay:450ms;}
#recent-posts2 .recent-post.show:nth-child(3) { transition-delay:300ms;}
#recent-posts2 .recent-post.show:nth-child(4) { transition-delay:150ms;}

    
#pagenavi {
	padding: 10px 0;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
	color:#728e9c;
	font-weight: bold;
	font-family:extravaganzza;
	letter-spacing: 1px;
    padding: 8px 12px;
	border: 2px solid #728e9c;
	border-bottom: 7px solid #728e9c;
    margin: 6px;
	transition: all 0.15s ease;
	display:inline-block;
}

.wp-pagenavi span.current {
    font-size: 20px;
	color:#fff;
    padding: 10px 15px;
    border: 3px solid #fff;
    border-bottom: 12px solid #fff;
    margin: 0px 6px 0px 6px;
    position: relative;
	background: #3c98a7;
    -webkit-touch-callout: none;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.wp-pagenavi span.extend {
    border: none;
    cursor: default;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
	font-size: 24px;
    letter-spacing: -0.5px;
    padding: 0;
}

.wp-pagenavi a:hover {
    color: #fff;
    background: #506d7b;
    border: 2px solid #fff;
    border-bottom: 8px solid #fff;
}


/*********************************************************************************************



6. Single Posts Styling  ---------------------------------  single.php, page.php



*********************************************************************************************/

h1.title {
	text-align:center;
	width: 90%;
    padding: 0 5%;
	margin:0;
}

#contentsingle {text-align:center;}

.entry {
	max-width:1000px;
	margin: 0 auto;
	padding: 0 5%;
}

.entry .thumbfeatured {
	max-width:400px;
	margin:0 auto;
}

.entry .werbung, .entry .parwerli {
    padding: 2px 50px;
    max-width: 70px;
    margin: 0 auto;
    top: -340px;
    right: -140px;
    position: relative;
}

.entry p {
	z-index:3;
	line-height:1.6;
	width:90%;
	padding: 0 5%;
	max-width:800px;
	margin: 0 auto 45px;
	text-align: justify;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.entry img {
	width:100%;
	margin: 0 auto 50px;
}

.entry a {
	color:#5bc6d7;
}

.entry h2 {
	text-align:center;
	font-size:1.8em;
	margin:5px 0 50px;
}

#recent-posts.pagegrid .thumbfeatured {
	width:90%;
	margin:0 auto 10px;
	background:#fff;
	box-shadow: 0 3px 10px 0 rgb(0 0 0 / 76%), 0 3px 16px 0 rgb(0 0 0 / 30%);
    transition: all 0.7s ease-in-out;
}
#recent-posts.pagegrid .thumbfeatured:hover {
	margin-top: -10px;
    margin-bottom: 20px;
    transition: all 0.2s ease-out;
    box-shadow: 4px 7px 17px 0 rgb(0 0 0 / 70%), 4px 10px 28px 0 rgb(0 0 0 / 55%);
    outline: 1px solid transparent;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    -webkit-perspective: 1000;
}

#recent-posts.pagegrid img {
	margin: 5%;
	padding: 0;
}


#recent-posts.pagegrid .alledumps {
	width:90%;
	padding: 0 5%;
}

#recent-posts.pagegrid .alledumps a {
    text-align: center;
    padding: 10px 0;
    display: inline-block;
	font-size: 14px;
    line-height: 1.5;
}

#recent-posts.pagegrid .alledumps a:hover {
	color:#fff;
}

#recent-posts.pagegrid .recent-post {
	margin-bottom:30px;
}

#recent-posts.pagegrid a {
	text-decoration:none;
	display:block;
}

#splidebutton {
	display:none;
	text-align: center;
	cursor:pointer;
	height: 22px;
	width: 150px;
	margin: 0 auto 12px;
	border-radius:20px;
	overflow:hidden;
	border:4px solid #1f3a47;
	background:#1f3a47;
}
#switch {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 100%;
	background:#1f3a47;
	border-radius:20px;
	overflow:hidden;
}

#switch div {
	z-index: 3;
    font-size: 10px;
    width: 50%;
    height: 100%;
    position: absolute;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    font-family:extravaganzza;
	display:table;
	transition: all 0.25s linear;
	opacity:1 !important;
}
#switch #opt-grid {	left:50%; }

#switch span {
	display:table-cell;
	vertical-align:middle;
	color: #fff;
	opacity:1 !important;
}
#switch #opt-grid span { color: #88979e;transition: all 0.25s linear; }
#switch #opt-slider.grid span { color: #88979e;transition: all 0.25s linear; }
#switch #opt-grid.grid span { color: #fff;transition: all 0.25s linear; }

#switch #switcher {
	width:50%;
	position:absolute;
	display:inline-block;
	left:0;
	background:#3c98a7;
	z-index:2;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	transition: all 0.25s ease-out;
}
#switch #switcher.grid {
	left:50%;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	transition: all 0.25s ease-out;
}

.splide, .splide2 {position: relative;visibility:visible; }
.splide__track {overflow:unset !important;}

.entry .bestofpicdumps img {
	outline: 1px solid #00000012;
    outline-offset: -1px;
	margin:0 auto;
	max-width: 600px;
    min-width: 400px;
}
.bestofimg {
	border-radius: 2px;
	background:#fff;
	max-width: 600px;
    width: fit-content;
    min-width: 400px;
    border: 12px solid #fff;
    padding: 0;
    box-shadow: 2px 3px 13px 0 rgb(0 0 0 / 95%), 4px 5px 30px 0 rgb(0 0 0 / 50%);
    display: block;
    position: relative;
	margin: 0 auto 50px !important;
}
.bestofimg::after {
	content: attr(data-after);
	position: relative;
    font-family: bloggersans;
    color: #000;
    letter-spacing: 1px;
    bottom: -6px;
    font-size: 12px;
	display: block;
}

#singlepages2 {margin-top:25px;}
#singlepages2 ul {list-style:none; width:100%; display:block;margin:30px 0;}
#singlepages2 span.current li {
	display:inline-block;
	font-size: 20px;
    color: #fff;
    padding: 10px 15px;
    border: 3px solid #fff;
    border-bottom: 12px solid #fff;
    margin: 0px 6px 0px 6px;
    position: relative;
    background: #3c98a7;
    -webkit-touch-callout: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#singlepages2 a {
	text-decoration: none;
    color: #728e9c;
    font-weight: bold;
    font-family: extravaganzza;
    letter-spacing: 1px;
    padding: 8px 12px;
    border: 2px solid #728e9c;
    border-bottom: 7px solid #728e9c;
    margin: 6px;
    transition: all 0.15s ease;
    display: inline-block;
}
#singlepages2 a:hover {
	color: #fff;
    background: #506d7b;
    border: 2px solid #fff;
    border-bottom: 8px solid #fff;
}   

.fluid-width-video-wrapper {
	margin-bottom:50px;
}


/*********************************************************************************************



7. Sidebar & Widgets -------------------------  sidebar.php



*********************************************************************************************/




/*********************************************************************************************



8. Comments  -------------------------  comments.php



*********************************************************************************************/
	
#comments {
	width: 90%;
    padding: 0 5%;
    max-width: 800px;
    margin: 0 auto;
}

.commentlist {list-style-type: none;}
li.comment {margin-bottom:70px;}

.comment-notes {display:none;}
.comment-form-cookies-consent {font-size:12px;margin: 5px 0 25px; }
::-webkit-details-marker {   display:none; }

.commentmetadata a { color: #3c98a7; font-size: 12px; }
cite.fn {
	font-style:unset;
	font-weight:bold;
	font-size: 18px;
	margin: 5px 0 20px;
    display: inline-block;
}

#commenthinweis {
	font-size:11px;
	color: #5b7684;
	margin-bottom:40px;
}

#commenthinweis a {
	color: #3c98a7;
}

#comments h3 {
	font-family: bloggersans;
	font-size: 32px;
	letter-spacing:1px;
	margin: 60px 0;
}

li.bypostauthor .comment-author {
	position: relative;
    line-height: 0;
    padding: 5px;
    display: inline-block;
    margin: 5px 0 10px;
}
li.bypostauthor .comment-author::before {
    background-color: #3c98a7;
    content: "";
    position: absolute;
    width: 104%;
    height: 50%;
    left: -2%;
    top: 4px;
    z-index: -1;
    transform: rotate(-2deg);
}
}

/*********************************************************************************************



9. Footer  -------------------------  footer.php



*********************************************************************************************/


#footer {
	margin:40px 0 100px;
	text-align:center;
}

#footer a {
	color: #5bc6d7;
}

#footer h2 a {
	color: #fff;
}

#footer p {
	margin:-30px auto 0;
	line-height:1.5;
	width: 80%;
	padding: 0 10%;
	max-width:800px;
	text-align: justify;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#footerlinks {
	margin: 80px 0;
    width: 100%;
    text-align: center;
}

#footerlinks a {
	font-size: 14px;
	color: #3c98a7;
    margin: 12px;
    font-family: extravaganzza;
    font-weight: bold;
    letter-spacing: 1px;
}

#amazonpartner {
	width: 100%;
    text-align: center;
    font-size: 10px;
	margin-bottom: 20px;
    opacity: 0.25;
}

#footer a:hover {
    color: #fff;
}

a.weiterlesen {
	font-family: bloggersans;
    font-weight: bold;
    letter-spacing: 2px;
    margin-left: 2px;
}


/*****************************************************************



10. SONSTIGES



********************************************************/

.entry p.einleitung {
	text-align:center;
	margin-top:20px;
}
.wpcf7 {
	padding:20px;
	margin: 20px auto;
	max-width:940px;
}

.wpcf7 p {text-align:center;}

.wpcf7-acceptance {margin: 10px 0;display: inline-block;}
.wpcf7-spinner {display:none !important;}

.intextbanner .symplr-ad-holder, .intextscroller #sas_45111 { margin: 10px auto 4px !important; }
#headerbanner .symplr-ad-holder { margin: 10px auto 30px !important; }
#headerbanner {
	max-width: 1300px;
    margin: 0 auto;
	text-align:center;
	min-height:250px;
}

.bannerwrap {
	width: 90%;
    padding: 0 5%;
	text-align:center;
	margin:0px 0 20px;
	max-width: 420px;
    display: inline-block;
}
.banner {margin: 0 auto;}
.bannerwrap div { 
    margin: 25px 0 30px !important;
}
.bannerwrap div div { 
	color: #5b7684 !important;
    margin-bottom: 8px !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}
.intextscroller { max-width:640px;margin:0 auto; }
.intextscroller div div {display:block !important;}
.intextbanner::after, .intextscroller #sas_45111 > div:first-of-type::before {
  	content: "Werbung";
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	color: #5b7684;
	margin-bottom:30px;
	display:inline-block;
}
#sas_container_7299221 {
	border-bottom: 0px solid #38515d;
	background-color: #38515d;
	border: 2px solid #ffffff;
}
span#sas_advDiv_7299221 {display:none;}

#sidebarbannerlinks, #sidebarbannerrechts {
	position:fixed;
	width:160px;
	height:600px;
	top: 50%;
    transform: translateY(-50%);
}
#sidebarbannerlinks { left:50px; }
#sidebarbannerrechts { right:50px; }
#sidebarbannerrechts .symplr-ad-holder::after, #sidebarbannerlinks .symplr-ad-holder::after {
  	content: "Werbung";
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	color: #5b7684;
    position: absolute;
    bottom: -25px;
	display: inline-block !important;
    width: 100%;
	text-align: center;
}

.gridbanner {
    clear: both;
    display: block;
	line-height:0;
	max-height:140px;
}
.gridbanner div {display:inline-block !important;}
.gridbanner .symplr-ad-holder {margin: 0px auto 40px !important;}

.message {
	padding:14px !important;
	border-radius: 10px !important;
}

.grecaptcha-badge {display:none;}


#msoanchor, #anchorSymplr {border-top:none !important;padding-top:12px !important;padding-bottom: 12px !important;background: #3c98a7 !important;}
#buttonContainer {padding:6px !important;width:36px !important;height:31px !important;    top: -35px !important; box-shadow:none !important;background: #3c98a7 !important;}
svg#msoanchorclose, svg#anchorcloseSymplr, svg#closeButtonSymplr {padding:6px !important;width:36px !important;height:31px !important;    top: -3px !important; right: 0;}
svg#msoanchorclose, svg#anchorcloseSymplr path, svg#closeButtonSymplr, svg#closeButtonSymplr path {stroke-width: 6 !important;}
#anchorSymplr { box-shadow: rgb(0 0 0) -15px 0px 20px !important;}
#stickyFooterLogoContainer {left: 10px !important;background: #fff !important;display:none !important;}
.slidebanner { display:none; }

	
/*********************************************************************************************


11. Media Queries



*********************************************************************************************/
				
			


@media screen and (max-width: 1500px) {
	.werbung, .parwerli { font-size: 9px; padding: 5px 0 4px; }
	.recent-post h2 { font-size: 1.2vw;height: 3.8vw; }
	.recent-post h2.long { font-size: 1.1vw; }
	.recent-post h2.longest { font-size: 1vw; }
	.inner-wrap.best-of-wrap { width: calc(100% - 210px); margin: 0; }
	.inner-wrap.best-of-wrap #oben {width:100%;}
	#sidebarbannerlinks { display:none; }
}


@media screen and (max-width: 1240px) {
	.werbung, .parwerli { font-size: 8px; right:-12%; }
	h1.archive_title {font-size: 2.6vw;}
	#headerbanner {	max-width: 82%;         overflow: hidden;   width: 82%;}
}	

@media screen and (max-width: 1040px) {
	#naviwrap {min-height:45px;}
	#topleiste ul li a {font-size:16px;}
	#topleiste ul li a:hover {font-size:20px;}
	#topleiste ul li a.impacted { font-size:13px; }
	h1.archive_title {font-size: 3.5vw;margin-bottom: 40px;}
	#partnerlinks {margin: -25px 0 40px;font-size:11px;}
	.recent-post {width:33%;}
	.recent-post:nth-of-type(4n+1) { clear: unset; }
	.recent-post:nth-of-type(3n+1) { clear: both; }
	#contentindex .recent-post:nth-of-type(3n+1), #contentindex .recent-post.n5, #contentindex .recent-post.n9 { clear: unset; }
	#content .recent-post:nth-of-type(3n+1), #content .recent-post.n5, #content .recent-post.n9 { clear: unset; }
	#contentindex .recent-post.n4, #contentindex .recent-post.n7, #contentindex .recent-post.n10 { clear: both; }
	#content .recent-post.n4, #content .recent-post.n7, #content .recent-post.n10 { clear: both; }
	#recent-posts3 .recent-post {width:25%;}
	#recent-posts3 .recent-post:nth-of-type(4n+1) { clear: both; }
	#recent-posts3 .recent-post:nth-of-type(3n+1) { clear: unset; }
	#logosetting {	width: 80%; }
	#bs_com {top:89%;}
	.recent-post h2 { font-size: 1.5vw; }
	.metadata {font-size: 1.2vw;}
	.inner-wrap.best-of-wrap { width: 100%; margin: 0 auto; }
	.inner-wrap.best-of-wrap #oben {width:85%;}
	#sidebarbannerrechts { display:none; }
}

@media screen and (max-width: 800px) {
	#recent-posts3 .recent-post {width:50%;}
	#recent-posts3 .recent-post:nth-of-type(2n+1) { clear: both; }
	#recent-posts3 .recent-post h2 {font-size:2.4vw;}
	.werbung, .parwerli { font-size: 7.5px; top:5%; }
	.post-content:hover {box-shadow: 3px 5px 14px 0 rgb(0 0 0 / 70%), 3px 8px 22px 0 rgb(0 0 0 / 45%);}
	#recent-posts2 .recent-post.hidden { opacity:1;	filter: unset;	transform: unset; transition: unset; }
	#recent-posts2 .recent-post.show { opacity:1; filter: unset; transform: unset; transition: unset; }
	#recent-posts2 .recent-post.show:nth-child(1) { transition-delay:unset;}
	#recent-posts2 .recent-post.show:nth-child(2) { transition-delay:unset;}
	#recent-posts2 .recent-post.show:nth-child(3) { transition-delay:unset;}
	#recent-posts2 .recent-post.show:nth-child(4) { transition-delay:unset;}
	#recent-posts2 .recent-post.grid.hidden { opacity:0;	filter: blur (5px);	transform: translateX(-100%);  transition: all 0.75s; }
	#recent-posts2 .recent-post.grid.show { opacity:1; filter: blur (0); transform: translateX(0);  }
	#recent-posts2 .recent-post.grid.show:nth-child(1) { transition-delay:300ms;}
	#recent-posts2 .recent-post.grid.show:nth-child(2) { transition-delay:150ms;}
	#recent-posts2 .recent-post.grid.show:nth-child(3) { transition-delay:300ms;}
	#recent-posts2 .recent-post.grid.show:nth-child(4) { transition-delay:150ms;}
	#gridbanner1 {  }
}	

@media screen and (max-width: 660px) {
	#naviwrap {width:95%;min-height:40px;}
	#topleiste ul li a {font-size:2.5vw;padding: 8px 12px;}
	#topleiste ul li a:hover {font-size:3vw;}
	#topleiste ul li a.impacted { font-size:2vw; }
	#topleiste ul li a.active::before, #topleiste ul li a#nav_produkte.active::before, #topleiste ul li a#nav_shirts.active::before {width: 100%;height: 100%;left: 0;bottom: 0px;}
	h1.archive_title {font-size: 5vw;margin-bottom: 30px;}
	#partnerlinks {margin: -5px 0 30px;font-size:2vw;}
	.recent-post {width:50%;}
	.recent-post:nth-of-type(3n+1) { clear: unset; }
	.recent-post:nth-of-type(2n+1) { clear: both; }
	#contentindex .recent-post:nth-of-type(2n+1), #contentindex .recent-post.n4, #contentindex .recent-post.n10 { clear: unset; }
	#contentindex .recent-post.n3, #contentindex .recent-post.n5, #contentindex .recent-post.n9, #contentindex .recent-post.n11 { clear: both; }
	 #content .recent-post.n4, #content .recent-post.n10 { clear: unset; }
	#content .recent-post.n3, #content .recent-post.n5, #content .recent-post.n9, #content .recent-post.n11 { clear: both; }
	.recent-post .post-content {margin-bottom:25px;}
	#recent-posts h2, #recent-posts3 h2 {font-size: 2.5vw;}
	#recent-posts h2.long, #recent-posts3 h2.long {font-size: 2.2vw;}
	#recent-posts h2.longest, #recent-posts3 h2.longest {font-size: 2vw;}
	.metadata {font-size: 2vw;}
	#logosetting {	width: 90%;margin-top:40px; }
	#bs_com {top:100%;}
	#logosetting:hover #bs_p1.active, #logosetting:hover #bs_i.active, #logosetting:hover #bs_c.active, #logosetting:hover #bs_d.active, #logosetting:hover #bs_u.active, #logosetting:hover #bs_m.active, #logosetting:hover #bs_p2.active, #logosetting:hover #bs_s.active {
	-moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;}
	.werbung, .parwerli { font-size: 7px;letter-spacing: 0.5px; padding: 4px 0 3px; }
	
	#footer { margin: 80px 0 70px; width: 90%; padding: 0 5%; }
	#footer p {width: 90%; padding: 0 5%;font-size:3vw;}
	#footerlinks a { margin: 1.5vw; font-size: 3vw; padding: 1.5vw; display: inline-block; line-height: 1; }
	.bestofimg {
    width: 90%;
	margin: 0 auto 35px;
    border: 9px solid #fff;
    box-shadow: 2px 3px 9px 0 rgb(0 0 0 / 95%), 4px 5px 20px 0 rgb(0 0 0 / 50%);
	}
	.entry .bestofpicdumps img, .bestofimg {
	max-width: 600px;
    min-width: unset;
	}
	.bestofimg {
	width: 100%;
    margin-left:-9px !important;
	}
	.bestofimg::after {bottom:-4px;font-size: 12px;}
}	

@media screen and (max-width: 480px) {
	#naviwrap {width:92%;min-height:30px;}
	#topleiste ul {display:block;}
	#topleiste ul li {display:inline-block;}
	#topleiste ul li a { font-size: 2.3vw; padding: 1vw; margin: 1vw;}
	#topleiste ul li a.impacted { font-size:2.3vw; }
	#topleiste ul li a:hover { font-size: 2.3vw; box-shadow: 2px 2px 4px rgb(0 0 0 / 40%); padding: 8px;}
	#topleiste ul li:nth-of-type(4n+1) {clear: both;}
	#topleiste ul li:nth-child(4n):after { content: ' '; display: block; }
	#logosetting {	width: 94%; }
	#bs_com {display:none;}
	#logosetting:hover #bs_p1.active, #logosetting:hover #bs_i.active, #logosetting:hover #bs_c.active, #logosetting:hover #bs_d.active, #logosetting:hover #bs_u.active, #logosetting:hover #bs_m.active, #logosetting:hover #bs_p2.active, #logosetting:hover #bs_s.active {
	-moz-box-shadow: 0 0 4px #000;
    -webkit-box-shadow: 0 0 4px #000;
    box-shadow: 0 0 4px #000;}
	h1.archive_title {padding: 10px 5%; position: relative; left: -5%; width: 100%;}
	.werbung, .parwerli { font-size:6px; width:70%; right:-22%;top:6%; }

	#main {margin:5px auto 0;}
	#splidebutton { display:block;}
	.archiveposts {padding-top:12px;}
	.splide .splide__list, .splide #hpfeatured { display: flex; }
	.splide .splide__slide, .splide .recent-post { flex-shrink: 0; width:100%; }
	#splidebutton.grid #hpfeatured, #hpfeatured.grid, #splidebutton.grid #hpfeatured2, #hpfeatured2.grid { display: inline-block !important;transform: translateX(0) !important; }
	#hpfeatured.grid {display:block !important;}
	#splidebutton.grid .recent-post, #hpfeatured .grid, #hpfeatured2 .grid { width:50% !important; }
	.splide__pagination li {margin: 20px 0 0px;width:4%;}
	button.splide__pagination__page { padding: 4px;border-radius: 50%;background:#fff;opacity:0.2;transition: opacity 0.3s linear;}
	button.splide__pagination__page.is-active { opacity:0.6;transition: opacity 0.3s linear;}
	.splide__pagination.grid {display:none;}
	#hpfeatured .post-content, #hpfeatured2 .post-content {width:75%;transition: unset;margin-bottom:0px; }
	#hpfeatured.grid .post-content, #hpfeatured2.grid .post-content {width:90%;transition: unset;transition: box-shadow 0.25s linear;transition: margin 0.25s linear;margin-bottom:25px;}
	.post-content:hover {margin-top:unset;}
	#hpfeatured.grid .post-content:hover, #hpfeatured2.grid .post-content:hover {margin-top:-8px;margin-bottom:33px;}
	#recent-posts, #recent-posts3 {overflow:visible;}
	#hpfeatured h2.short, #hpfeatured2 h2.short {font-size: 4.4vw;width: 84%;padding: 0 8% 5%;}
	#hpfeatured h2, #hpfeatured2 h2, #recent-posts3 .recent-post h2 {font-size: 4.3vw;}
	#hpfeatured h2.long, #hpfeatured2 h2.long {font-size: 3.9vw;line-height:1.6em;}
	#hpfeatured h2.longest, #hpfeatured2 h2.longest {font-size: 3.4vw;line-height:1.7em;}
	#hpfeatured.grid h2.short, #hpfeatured2.grid h2.short {width: 84%;padding: 0 8% 5%;}
	#hpfeatured.grid h2, #hpfeatured2.grid h2 {font-size: 2.8vw;height: 9vw;}
	#hpfeatured.grid h2.long, #hpfeatured2.grid h2.long {font-size: 2.5vw;}
	#hpfeatured.grid h2.longest, #hpfeatured2.grid h2.longest {font-size: 2.3vw;line-height:1.6em;}
	#hpfeatured .metadata, #hpfeatured2 .metadata {font-size: 3vw;}
	#hpfeatured.grid .metadata, #hpfeatured2.grid .metadata {font-size: 2vw;}
	#hpfeatured.grid .kategorie::before {opacity:0.75;}
	#hpfeatured.grid .datum {color: #a9a9a9;}
	#hpfeatured .werbung, #hpfeatured2 .werbung, #hpfeatured .parwerli, #hpfeatured2 .parwerli {font-size: 2.5vw;}
	#hpfeatured.grid .werbung, #hpfeatured2.grid .werbung, #hpfeatured.grid .parwerli, #hpfeatured2.grid .parwerli {font-size: 1.5vw;}
	.recent-post .post-content {box-shadow: 2px 4px 10px 0 rgb(0 0 0 / 70%), 4px 5px 20px 0 rgb(0 0 0 / 30%);}
	.recent-post .post-content:hover {box-shadow: 4px 4px 15px 0 rgb(0 0 0 / 80%), 5px 6px 35px 0 rgb(0 0 0 / 50%);}
	.recent-post.grid .post-content {box-shadow: 0px 2px 8px 0 rgb(0 0 0 / 62%), 0px 3px 15px 0 rgb(0 0 0 / 25%);}
	.recent-post.grid .post-content:hover {box-shadow: 2px 3px 10px 0 rgb(0 0 0 / 70%), 2px 4px 18px 0 rgb(0 0 0 / 45%);}
	
	.ueberschrift {font-size:30px;margin-top: 30px;}
	.wp-pagenavi a, .wp-pagenavi span  {font-size:12px;padding: 4px 7px;margin: 0 8px;}
	.wp-pagenavi span.current {
	font-size: 16px;
    padding: 6px 10px;
    border: 2px solid #fff;
    border-bottom: 8px solid #fff;
    margin: 0 8px;
    top: 2px;
	transition: unset;
	background: #3c98a7;
	}
	.wp-pagenavi span.extend {margin:0 6px;font-size: 22px;letter-spacing: -1px;}
	
	h1.archive_title, h1.title a {font-size:28px; margin: 0 auto 30px; padding: 15px 5%; }
	.entry p { margin:0 0 30px; font-size:14px; line-height:1.65;padding:0; width: 100%;}
	.entry img { margin: 0 0 35px; }
	.entry h2 {	font-size:1.4em; margin:0 0 35px; }
	
	#recent-posts.pagegrid .alledumps a {font-size:2.5vw;padding:5px 0;}
	#recent-posts.pagegrid {margin-top:20px;}
	
	button, input[type=button], input[type=reset], input[type=submit] {font-size:16px;padding: 13px 18px;}
	input[type=checkbox], input[type=radio] { -ms-transform: scale(1); /* IE */
  -moz-transform: scale(1); /* FF */
  -webkit-transform: scale(1); /* Safari and Chrome */
  -o-transform: scale(1); /* Opera */
  transform: scale(1); 
		margin: 0;
    top: 0;
    position: relative;
    float: left;
		text-align:left;
    vertical-align: top;
    display: inline-block;
		width:10%;
}
	.wpcf7-list-item-label {
		float: right;
    width: 85%;
    display: inline-block;
    position: relative;
    top: -5px;
	text-align: left;
	}
	.comment-form-cookies-consent {margin: 8px 0 35px; }
	
	.fluid-width-video-wrapper { margin-bottom:35px; }
	
	#headerbanner .symplr-ad-holder { margin: 5px auto 20px !important; }
	.bannerwrap { width: 75%; padding: 0 12.5%; max-width:400px; margin: 15px 0 10px;}
	.intextbanner .symplr-ad-holder { margin: 0 auto 5px !important; }
	#gridbanner1, .gridbanner { display: none; }
	#hpfeatured.grid #gridbanner1, #hpfeatured.grid .gridbanner {display:block;max-height:250px;}
	.gridbanner .symplr-ad-holder {margin: 0px auto 30px !important;}
	#hpfeatured .slidebanner { display:inline-block;padding-top: 50px; }
	#hpfeatured .slidebanner #slideadwrap { width: 74%;    margin: 0 13%; max-width: 74%;  display: inline-block; overflow: hidden;}
	#hpfeatured.grid .slidebanner { display:none; }
	#hpfeatured .slidebanner .symplr-ad-holder::after {
  	content: "Werbung";
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	color: #5b7684;
    position: absolute;
    top: 25px;
	display: inline-block !important;
    width: 100%;
	text-align: center;
}
	
	#footer { margin: 60px 0 80px; }
	
}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
	.werbung, .parwerli {padding: 5.5px 0 3px;}
	.splide__pagination {margin-top:-5px;}
}}