/*
Theme Name: Waipoua
Theme URI: http://www.elmastudio.de/en/themes/waipoua/
Description: updated for schab. Waipoua is mobile-first, responsive WordPress blog theme (optimized for smartphones, tablets and desktop computers) with post format support, two- or three-column blog layout, a featured posts column option, an easy to use theme-options page, a custom logo and background option and sidebar and header widget areas. The modern, minimalistic theme design focuses on usability and optimized readability on different devices.

Author: Elmastudio
Author URI: http://www.elmastudio.de/en/
Version: 1.1.5
Tags: two-columns, custom-background, post-formats, custom-colors, custom-menu, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, featured-images, editor-style

License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: waipoua
*/

/* version for caching: 1.0.5 */

/* GLOBAL BOX-SIZING RESET - muss ganz am Anfang stehen! */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*---------------------------------------------------------------------------------------------*/
/*	CSS Reset by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0
/*---------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
input:focus,textarea:focus{border:1px solid #999; outline:0;}
a:hover, a:active, a:focus { outline: none;}
::placeholder {color:#787974; opacity: 1;}
.screen-reader-text {display: none;}
.bypostauthor {}
.sticky {}

/* --- Clearfix --- */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}

.fb_iframe_widget span {
top: -8px;
left: 10px;
}

/*-----------------------------------------------------------------------------------*/
/*	General Structure
/*-----------------------------------------------------------------------------------*/
html {
    scroll-behavior: smooth
}

body {
	background-color:var(--cs-background-color);
	color: var(--cs-text-color);
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
}

#wrap {
	margin:0 auto;
}

/*-----------------------------------------------------------------------------------*/
/*	Headlines
/*-----------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
	color: var(--cs-text-color);
	font-weight:normal;
	text-rendering: optimizeLegibility;
}
h1 {
	margin: 2em 0 1.6em;
	font-size: 2em;
}
h2 {
	margin: 1.4em 0 0.6em;
	font-size: 1.7818em;
}
h3 {
	margin: 1.3em 0 0.6em;
	font-size: 1.5874em;
}
h4 {
	margin: 1.1em 0 0.5em;
	font-size: 1.4142em;
}
h5 {
	margin: 0.9em 0 0.9em;
	font-size: 1.2599em;
}
h6 {
	margin: 0.7em 0 0.7em;
	font-size: 1.1225em;
}
h1.page-title {
	margin: .8em 0;
}


/*-----------------------------------------------------------------------------------*/
/*	Alignment
/*-----------------------------------------------------------------------------------*/
.alignleft,
.alignright {
	float: none;
	display: block;
}
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}
img.alignleft,
img.alignright {
	margin-top:10px;
	margin-bottom:10px;
}

/*-----------------------------------------------------------------------------------*/
/*	Links
/*-----------------------------------------------------------------------------------*/
a,
#site-title h1 a:hover,
#content .entry-details ul li.entry-postformat a {
	text-decoration:none;
	transition: all 0.2s ease-in-out;
}
.entry-content p a,
.entry-summary p a,
#sidebar .textwidget a,
#comments .comment-text a,
#comments ol li.pingback a.url {
	text-decoration:underline;
}
a:hover,
#content .entry-content p a:hover,
#content .entry-summary p a:hover,
#sidebar .textwidget a:hover,
#content #comments .comment-text a:hover,
#comments ol li.pingback a.url:hover {
	text-decoration:none;
}
/* --- Link Colors --- */
a,
.entry-header h2.entry-title a:hover {
	color:#F55243;
}
.entry-meta a.share-btn {
	background:#F55243 url(images/standardicons.png) 7px -78px no-repeat;
}
blockquote {
	border-left:6px solid #F55243;
}
input#submit,
input.wpcf7-submit,
.format-link .entry-content a.link,
.flickr_badge_wrapper a img:hover,
.jetpack_subscription_widget form#subscribe-blog input[type="submit"] {
	background:#F55243;
}
a:hover,
#content .entry-content p a:hover,
#content .entry-summary p a:hover,
#sidebar .textwidget a:hover,
#content #comments .comment-text a:hover,
#comments ol li.pingback a.url:hover {
	color:#909090;
}

/*-----------------------------------------------------------------------------------*/
/*	Lists
/*-----------------------------------------------------------------------------------*/
ol {
	list-style: decimal;
	font-size: 1.1em;
}
ul {
		list-style: square;
	 font-size: 1.1em;
}
.post ol,
.page #content ol {
	 margin:0 0 30px 22px;
}
.post ol ol,
.page #content ol ol {
	margin:0 0 0 22px;
	font-size: 1em;
}
.post ul,
.page #content ul {
		margin:0 0 30px 22px;
}
.post ul ul,
.page #content ul ul {
		margin:0 0 0 22px;
	 font-size: 1em;
}
ul li,
ol li {
	margin: 0;
	padding: 0;
	display: list-item;
	line-height:1.8;
}
dl dt {
	font-size:1.2em;
	color:#4C4A4A;
	font-weight: bold;
	line-height:1.6;
}
dl dd {
	margin: 0 0 30px 0;
	font-size:1.2em;
	line-height: 1.4;
}

/*-----------------------------------------------------------------------------------*/
/*	Header
/*-----------------------------------------------------------------------------------*/
#branding {
	display:block;
	padding:40px 20px;
	overflow:hidden;
	text-align:center;
}
#site-title {
	padding:0;
	text-align:center;
}
#site-title h1 {
	margin:0;
	padding:0;
	font-size:3.2em;
	line-height:1.2;
	word-wrap: break-word;
}
#site-title h1 a {
	color:#4C4A4A;
}
#site-title h2#site-description {
	display:none;
	margin:0;
	padding:15px 0 0 0;
	font-size:1.1em;
	color:#909090;
}
/* --- Custom Logo Image --- */
#site-title img {
	max-width:100%;
	height:auto;
	transition: all 0.2s ease-in-out;
}
#site-title img:hover {
	opacity:0.8;
	filter: none;
}
/* --- Site Nav Color --- */
#site-nav-wrap {
	background:var(--cs-menu-bg-color);
}
/* --- Site Nav --- */
#site-nav-wrap a#home-btn {
	display:none;
}
#site-nav-wrap a#mobile-menu-btn {
	display:block;
	width:115px;
	height:50px;
	margin:0 auto;
	padding:0;
	background: url(images/standardicons.png) 40px -26px no-repeat;
	color: #fff;
	font-size:1.6em;
	font-weight:normal;
	text-decoration:none;
	text-indent:-9999em;
}
#site-nav {
	display:none;
	position:relative;
	overflow:hidden;
	padding:10px 0 0;
	background:initial;
	text-align:center;
}
#site-nav ul {
	padding:0 0 10px;
}
#site-nav ul ul {
	padding:0;
}
#site-nav ul ul li:last-child a {
	border-bottom:1px solid #ececec;
}
#site-nav ul li {
	display:block;
	padding:0 20px;
}
#site-nav li li {
	padding:0;
}
#site-nav li a {
	display:block;
	padding:9px 0;
	border-bottom:1px solid #ececec;
	font-size:1.1em;
}
#site-nav li li a {
	font-size:.75em;
	color:#909090;
	text-transform:none;
	letter-spacing:0;
}
#site-nav li li li a {
	font-size:.7em;
}
#site-nav li a:hover {
	color:#909090;
}
#site-nav li li a:hover {
	color:#333;
}
/* --- Site Nav Search --- */
#site-nav-container #searchform {
	position:relative;
	padding:10px 0;
	background:#848484;
}
#site-nav-container #searchform div {
	margin: 0;
}
#site-nav-container #s {
	position:relative;
	width: 80%;
	height: 44px;
	padding:0 0 0 33px;
	background:#E7E7E6 url(images/search-grey.png) 10px 14px no-repeat;
	border:none;
	font-size:1.1em;
	color:#909090;
	border-radius: 6px;
	transition: all 0.2s ease;
}
#site-nav-container #s:focus {
	background:#fff url(images/search-grey.png) 10px 14px no-repeat;
}
#searchsubmit {
	display: none;
}
/* --- Header Widget Area --- */
.header-widget-area {
	float:none;
	margin:0 auto;
	padding:10px 0 0;
}
.header-widget-area h3.widget-title {
	margin: 0 0 3px;
	font-size: 1.2em;
	font-weight:bold;
	letter-spacing:0.1em;
}
.header-widget-area .textwidget {
	font-size:1.1em;
	font-style:italic;
}
.header-widget-area ul.sociallinks {
	display:inline-block;
}

/*-----------------------------------------------------------------------------------*/
/*	Posts
/*-----------------------------------------------------------------------------------*/
.post {
	display:block;
	position: relative;
	margin:0 0 45px;
	padding: 0 20px 45px;
	border-bottom:1px solid #ececec;
}
.entry-content,
.entry-summary {
	padding-bottom:20px;
}

/*-----------------------------------------------------------------------------------*/
/*	Post Header
/*-----------------------------------------------------------------------------------*/
.entry-details ul {
	margin:0;
	padding:0 0 8px;
}
.entry-details ul li {
	list-style:none;
	float:left;
	color:#909090;
	line-height: 1;
}
.entry-details ul li.entry-edit  {
	display: none;
	padding-left:10px;
}
.entry-details ul li.entry-comments {
	display: inline;
	margin-left:5px;
}
.entry-details ul li.entry-comments:before {
	content: " \00b7 \0020";
}
.entry-details ul li a {
	color:#909090;
	font-size:.85em;
}
.entry-details ul li.entry-comments span.comments-link {
	font-size:.85em;
}
.entry-details ul li a:hover {
	color:#333;
	text-decoration:none;
}
/* --- Post Header --- */
.entry-header {
	padding:0 0 25px;
	word-wrap: break-word;
}
.entry-header h1.entry-title,
.entry-header h2.entry-title {
	margin:0;
}
.entry-header h1.entry-title {
	font-size:1.9em;
	line-height:1.4em;
}
.entry-header h2.entry-title {
	font-size:1.7em;
	line-height:1.3em;
}
.entry-header h2.entry-title a {
	color:#4C4A4A;
}

/*-----------------------------------------------------------------------------------*/
/*	Post Meta
/*-----------------------------------------------------------------------------------*/
.entry-meta {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	color:#909090;
}
.entry-meta a {
	color:#909090;
	text-decoration:none;
}
.entry-meta a:hover {
	color:#333;
}
.entry-meta ul {
	margin:0;
	padding:0;
	list-style:none;
}
.post .entry-meta ul li {
	display:inline-block;
}
.entry-meta ul li.entry-cats,
.entry-meta ul li.entry-tags,
.single-attachment .entry-meta ul li {
	display:inline-block;
	width:75%;
	font-size:.85em;
}
.entry-meta ul li.entry-cats span {
	display:none;
}
.entry-meta ul li.entry-image {
	display:inline-block;
	padding:8px 20px 0;
	font-size:.85em;
}
/* --- Share Buttons --- */
.entry-meta ul li.share {
	display:none;
	margin:0;
	padding-top:15px;
	padding-bottom:0;
}
.entry-meta ul li.share ul {
	margin:0;
	padding:0;
	text-align:left;
}
.entry-meta ul li.share ul li {
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
.entry-meta ul li.share ul li.twitter,
.entry-meta ul li.share ul li.gplus {
	padding-top:3px;
}
.entry-meta ul li.share ul li.gplus {
	padding-right:12px;
}
.entry-meta a.share-btn {
	display:block;
	position:absolute;
	top:0;
	right:0;
	padding:4px 6px 4px 26px;
	font-size:.85em;
	color:#fff;
	border-radius: 6px;
}
.entry-meta a.share-btn:hover {
	background:#909090 url(images/standardicons.png) 7px -78px no-repeat;
	color:#fff;
}
.page-link {
	display: block;
	clear: both;
	word-spacing:18px;
}

/*-----------------------------------------------------------------------------------*/
/*	Typography
/*-----------------------------------------------------------------------------------*/
.entry-content p,
.entry-summary p {
	margin: 0 0 30px;
	font-size:1.2em;
	line-height:1.6;
	hyphens: auto;
}
p.intro {
	font-size:1.5em;
	line-height:1.3;
}
p.justify {
	text-align:justify;
}
.entry-content p:last-child,
.entry-summary p:last-child {
	margin: 0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
pre,
code {
	font-size:1.15em;
}
pre {
	margin-bottom: 30px;
	padding: 15px;
	overflow: auto;
	background: #f8f8f8;
	font-family: "Courier 10 Pitch", Courier, monospace;
	line-height: 1.3;
}
address{
	padding:0 0 30px;
	line-height:1.7;
}
abbr,acronym {
	border-bottom:.1em dotted #909090;
	cursor: help;
}
ins{
	background:#ffffcc;
	text-decoration:none;
}
small {
	font-size:.7em;
}
blockquote {
	background:#f6f6f6;
	margin:0 0 30px;
	padding:20px;
}
blockquote blockquote {
	margin:10px 0 0;
}
.entry-content blockquote p,
#comments blockquote p {
	margin: 0;
	font-size:1.3em;
	font-style:italic;
	line-height:1.5 !important;
}
.entry-content blockquote p cite,
#comments blockquote p cite {
	display:inline-block;
	margin:20px 0 0 0;
	font-size:.75em;
	font-style:normal;
}
blockquote p cite:before,
.single-post blockquote p cite:before {
	content:"\2212 \0020";
}
blockquote.pull {
	margin: 0 0 1.4em;
	background:none;
	border:none;
	text-align: center;
}
blockquote.pull.alignleft {
	width: 50%;
	display:inline;
	float:left;
	margin: 0 1.4em 0.5em 0;
	padding:0;
	font-size:1.15em;
	text-align: right;
}
blockquote.pull.alignright {
	width: 50%;
	display:inline;
	float:right;
	margin: 0 0 0.5em 1.4em;
	padding:0;
	font-size:1.15em;
	text-align: left;
}

/*-----------------------------------------------------------------------------------*/
/*	Images / Video
/*-----------------------------------------------------------------------------------*/
img {
	max-width:100%;
	height:auto;
}
img.img-border {
	max-width:98.1%;
	padding:5px;
	background:#fff;
	border:1px solid #e5e5e5;
}
.widget img {
	max-width:100%;
	height:auto;
}
img.wp-post-image {
	width:130px;
	float: left;
	margin:7px 10px 5px 0;
}
.wp-caption.alignnone {
	margin: 0;
}
.wp-caption {
	width:auto !important;
	max-width: 100%;
	text-align: left;
}
.entry-content p.wp-caption-text,
.entry-content .entry-caption p {
	margin: 0;
	padding: 10px 0 15px;
	font-size:1em;
	line-height: 1.4;
	font-style:italic;
}
/* Embedded elements */
object,
embed {
	max-width:100%;
}

/*-----------------------------------------------------------------------------------*/
/*	Tables
/*-----------------------------------------------------------------------------------*/
table {
	width: 100%;
	margin:10px 0 30px;
}
table thead {
	border-top:1px solid #ececec;
}
table tr {
	border-bottom:1px solid #ececec;
}
table tr th {
	padding: 10px 12px;
	border-top:1px solid #ececec;
	border-left:1px solid #ececec;
	border-right:1px solid #ececec;
	font-weight:bold;
	text-align:left;
}
table tr td {
	padding: 10px 12px;
	border-left:1px solid #ececec;
	border-right:1px solid #ececec;
}

/*-----------------------------------------------------------------------------------*/
/*	Layout Options
/*-----------------------------------------------------------------------------------*/
p.intro {
	font-size:1.5em;
	line-height:1.3;
}

/*-----------------------------------------------------------------------------------*/
/*	Single Posts
/*-----------------------------------------------------------------------------------*/
.single-post .entry-header {
	padding: 0 0 30px;
}
.single-post .entry-details ul {
	padding-bottom: 8px !important;
}
/* --- Single Post Content --- */
.single-post .entry-content p {
	margin: 0 0 30px;
	font-size:1.2em;
}
.single-post .entry-content p:last-child {
	margin: 0;
}
.single-post p.intro {
	font-size:1.5em;
	line-height:1.3;
}
.single-post .entry-content blockquote p {
	margin: 0;
	font-style:italic;
	line-height:1.5 !important;
}
.single-post .entry-content pre,
.single-post .entry-content code,
.single-post .entry-content address {
	font-size:1.15em;
}
.single-post .entry-content ol,
.single-post .entry-content ul {
	font-size: 1.2em;
}
.single-post .entry-content ol ol,
.single-post .entry-content ul ul {
	font-size: 1em;
}
.single-post p.wp-caption-text,
.single-post .entry-caption p {
	padding: 12px 0 30px;
	font-size:1em;
}
/* --- Post Meta --- */
.single-post .post,
.single-post .page,
.single-post .type-attachment {
	border-bottom:none;
}
.single-post .entry-meta ul,
.page .entry-meta ul,
.single-attachment .entry-meta ul {
	padding: 30px 0 0;
}
.page #content .entry-meta ul {
	margin: 0;
}
.single-post .entry-meta ul li.entry-cats {
	padding:0 15px 0 0;
	display:inline-block;
}
.single-post .entry-meta a.share-btn,
.page .entry-meta a.share-btn  {
	display:none;
}
.single-post .entry-meta ul li.share,
.page .entry-meta ul li.share {
	display:block !important;
}
/* --- Author Info Box --- */
.single-post .entry-meta .author-info {
	overflow:hidden;
	clear:both;
	margin:40px 0 0 0;
	padding:20px 25px;
	background:#f6f6f6;
	color:#333;
}
.single-post .entry-meta .author-info img {
	display:none;
}
.author-info h3 {
	margin: 0;
	padding:0 0 10px;
	color:#333;
	font-size:1.25em;
	font-weight:normal;
}
.post .author-description p {
	margin:0;
	font-size:1em;
	line-height:1.45;
}
.post .author-description a {
	text-decoration:underline;
	color:#909090;
}
.post .author-description a:hover {
	text-decoration:none;
	color:#333;
}

/*-----------------------------------------------------------------------------------*/
/*	Comments
/*-----------------------------------------------------------------------------------*/
#comments {
	position: relative;
	margin:0;
	padding:0 20px 40px;
}
#comments .comment {
	overflow:hidden;
	margin:0 0 40px;
}
#comments h3#comments-title {
	margin-top:0;
	padding-top:30px;
	font-size: 2em;
}
#comments h3#comments-title span {
	display:none;
	margin:0 0 0 7px;
	font-size: .55em;
	color:#909090;
}
#comments h3#comments-title span a {
	color:#909090;
}
#comments h3#comments-title span a:hover {
	color:#333;
}
#content ol.commentlist {
		list-style:none;
}
#content ol.commentlist li {
	margin:0;
}
#content #comments ol li ul.children {
	margin:0;
	padding:0;
}
/* --- Comment Content --- */
#comments .comment-content h1 {
	margin: 1em 0 0.6em;
	font-size:1.6em;
}
#comments .comment-content h2 {
	margin: 1em 0 0.6em;
	font-size:1.4em;
}
#comments .comment-content h3 {
	margin: 0.6em 0 0.4em;
	font-size: 1.3em;
}
#comments .comment-content h4 {
	margin: 0.5em 0 0.3em;
	font-size: 1.2em;
}
#comments .comment-content h5,
#comments .comment-content h6 {
	margin: 0.3em 0 0.3em;
	font-size: 1.1em;
}
#comments .comment-content {
	display:block;
	padding:0;
}
#comments .comment-avatar  {
	float:left;
	padding:0 20px 0 0;
}
#comments .comment-avatar img.avatar {
	width:45px;
	height:45px;
	border-radius: 42px;
}
#comments .comment-content ul.comment-meta {
	margin:0;
	padding:7px 0 10px;
	overflow:hidden;
	list-style:none;
	font-size:0.95em;
}
#comments .comment-content .comment-text {
	margin:0;
	padding:0 0 40px;
	overflow:hidden;
	border-bottom:1px solid #ececec;
}
#comments .comment-content ul li.comment-author {
	margin:0;
	font-weight:bold;
	line-height:normal;
	color:#4C4A4A;
}
#comments ul.children .comment-content ul li.comment-author {
	margin:0;
}
#comments .comment-content ul li.comment-time,
#comments .comment-content ul li.comment-edit {
	display:none;
	margin:0 0 0 10px;
	font-size:0.85em;
}
#comments ul.children .comment-content ul li.comment-time,
#comments ul.children .comment-content ul li.comment-edit {
	font-size:0.8em;
}
#comments .comment-content ul li.comment-author,
#comments .comment-content ul li.comment-time,
#comments .comment-content ul li.comment-edit {
	float:left;
}
#comments .comment-content ul li.comment-time,
#comments .comment-content ul li.comment-time a,
#comments .comment-content ul li.comment-edit,
#comments .comment-content ul li.comment-edit a,
.pingback a.comment-edit-link {
	color:#909090;
}
#comments .comment-content ul li.comment-time a:hover,
#comments .comment-content ul li.comment-edit a:hover,
.pingback a.comment-edit-link:hover {
	color:#333;
	text-decoration:none;
}
#comments .comment-content ul li.comment-reply {
	margin:0;
	padding:0;
	float:right;
	font-size:.95em;
	position:relative;
}
#comments ul.children .comment-content ul li.comment-reply {
	margin:0;
	font-size:.9em;
}
#comments .comment-content p {
	margin:0 0 17px;
	font-size:0.95em;
}
#comments .comment-content p:last-child {
	margin:0;
}
#comments .comment-content blockquote {
	padding: 0 0 0 15px;
	background:none;
	border-left:1px solid #999;
}
#comments .comment-content blockquote p cite {
	margin-top:0;
	font-size:.85em;
}
#comments .comment-content ul,
#comments .comment-content ol {
		margin:0 0 30px 25px;
	 font-size: .95em;
}
#comments .comment-content ol ol,
#comments .comment-content ul ul {
	margin:0 0 0 22px;
	font-size: 1em;
}
#comments .comment-content table {
	font-size: .9em;
}
#comments .comment-content dl dt,
#comments .comment-content dl dd {
	font-size:.95em;
}
#comments ol.commentlist li.depth-2 .comment {
	margin-left:0;
}
ol.commentlist li.depth-2 .comment {
	font-size:.95em;
}
ol.commentlist li.depth-3 .comment {
	font-size:.9em;
}
#comments ol.commentlist li.depth-2 li .comment {
	margin-left:0;
}
ol.commentlist ul.children {
	list-style: none;
}
#comments p.comment-awaiting-moderation {
	display:inline;
	font-style:italic;
}
/* --- Pingback --- */
#comments ol li.pingback {
	display:block;
	margin:0 0 40px;
	padding:0 0 40px;
	font-size:0.95em;
	border-bottom:1px solid #ececec;
}
#comments ol li.pingback span {
	color:#4C4A4A;
	font-weight:bold;
	line-height:normal;
}
#comments ol li.pingback p {
	margin:0;
}
#comments ol li.pingback a {
	font-weight: normal;
}
#comments ol li.pingback a.comment-edit-link {
	font-size:.85em;
}
/* --- No Comments Info --- */
#content .nopassword,
#content p.nocomments {
	margin:0;
	padding:0 0 60px;
	font-size:1.1em;
	font-style:italic;
}
/* --- Comments Reply --- */
#comments #respond {
	margin: 0;
	padding:0 0 30px;
}
#comments ol.commentlist li.depth-1 #respond {
	padding:0 0 30px !important;
	font-size: .9em;
}
#comments ol.commentlist li.depth-2 #respond {
	font-size: .8em;
}
#comments #respond h3#reply-title {
	margin:0;
	padding:20px 0 0;
	font-size: 1.7em;
}
#comments #respond p.comment-note,
#comments #respond p.logged-in-as {
	margin:3px 0 10px;
	font-size:1em;
	line-height:normal;
}
#respond a#cancel-comment-reply-link {
	margin:0 0 0 8px;
	font-size:.8em;
}
#respond #commentform label,
.wpcf7 {
	font-size:1em;
}
#content .wpcf7 .wpcf7-form p {
	font-size:1em;
}
#commentform p.comment-form-author,
#commentform p.comment-form-email,
#commentform p.comment-form-url,
#commentform p.comment-form-comment,
#content .wpcf7-form p {
	margin:0;
	padding:15px 0 0;
}
#commentform p.form-allowed-tags {
	display:none;
}
#commentform input#author,
#commentform input#email,
#commentform input#url,
#content .wpcf7 input.wpcf7-text {
	display: block;
	width: 96%;
	margin: 6px 0 0;
	padding: 10px;
	background:#f6f6f6;
	border:1px solid #ececec;
	font-size:1.05em;
	color:#333;
	appearance: none;
	border-radius: 6px;
	transition: all 0.18s ease-in-out;
}
#commentform textarea#comment,
#content .wpcf7 textarea {
	width:92%;
	margin: 6px 0 0;
	padding: 10px;
	background:#f6f6f6;
	border:1px solid #ececec;
	font-size:1.05em;
	color:#333;
	line-height:1.6;
	appearance: none;
	border-radius: 6px;
	transition: all 0.18s ease-in-out;
}
#commentform textarea#comment:hover,
#commentform textarea#comment:focus,
#commentform textarea#comment:active,
#commentform input#author:hover,
#commentform input#author:focus,
#commentform input#author:active,
#commentform input#email:hover,
#commentform input#email:focus,
#commentform input#email:active,
#commentform input#url:hover,
#commentform input#url:focus,
#commentform input#url:active,
#content .wpcf7 textarea:hover,
#content .wpcf7 textarea:focus,
#content .wpcf7 textarea:active,
#content .wpcf7 input.wpcf7-text:hover,
#content .wpcf7 input.wpcf7-text:focus,
#content .wpcf7 input.wpcf7-text:active {
	background:#fcfcfc;
	border: 1px solid #ddd;
	box-shadow: inset 0 0 4px rgba(0,0,0, 0.1);
}
#commentform p.form-submit {
	margin:0;
}
input#submit,
input.wpcf7-submit {
	margin: 15px 0;
	padding: 14px 25px;
	border:none;
	color:#fff;
	cursor: pointer;
	appearance: none;
	border-radius: 6px;
	transition: all 0.18s ease-in-out;
}
input#submit {
	font-size:1.1em;
}
input.wpcf7-submit {
	font-size:1.05em;
}
input#submit:hover,
input.wpcf7-submit:hover {
	background:#909090;
	color:#fff;
}
.comment-form-cookies-consent {
	clear: both;
	display: block;
	padding: 20px 0 10px;
}
#wp-comment-cookies-consent {
	margin-right: 6px;
}

/* --- Comments Navigation --- */
#comment-nav {
	padding: 0 0 60px;
	font-size:.9em;
}
#comment-nav a {
	display:inline-block;
	padding:8px 10px;
	background:#bbb;
	color:#fff;
	border-radius: 6px;
}
#comment-nav a:hover {
	background:#333;
	text-decoration:none;
}
.single-post #comment-nav .nav-previous {
	float: left;
}
.single-post #comment-nav .nav-next {
	float: right;
}

/*-----------------------------------------------------------------------------------*/
/*	Post Formats
/*-----------------------------------------------------------------------------------*/
#content .format-image .entry-details ul,
#content .format-link .entry-details ul,
#content .format-video .entry-details ul,
#content .format-quote .entry-details ul,
#content .format-status .entry-details ul {
	padding: 0 0 30px;
}
#content .format-chat .entry-header h2.entry-title,
#content .format-gallery .entry-header h2.entry-title,
#content .format-audio .entry-header h2.entry-title,
#content .format-aside .entry-header h2.entry-title {
	font-size:1.6em;
}
/* --- Link --- */
.format-link .entry-content a.link {
	display:inline-block;
	margin:0;
	padding:15px 20px;
	border:none;
	font-size:1.35em;
	color:#fff !important;
	line-height:1.3 !important;
	text-decoration:none !important;
	border-radius: 6px;
}
.format-link .entry-content a.link:hover {
	background:#6B645E;
	color:#fff !important;
}
.format-link .entry-content a.link:after {
	content:" \2192";
}
.single-post .format-link .entry-content {
	padding-top:0;
}
/* --- Quote --- */
.format-quote blockquote {
	margin:0;
	padding:20px;
	background:#f6f6f6;
}
/* --- Status --- */
.format-status p,
.single-post .format-status p {
	font-size:1.5em;
	line-height:1.4;
}
/* --- Chat --- */
.format-chat ul.chat {
	margin:0;
	padding:0;
	list-style:none;
}
.format-chat ul.chat li {
	padding:10px;
	line-height:1.4;
}
.format-chat ul.chat li.odd {
	background:#f6f6f6;
}
/* --- Image --- */
.format-image p,
.format-image a,
.format-image p img {
	margin:0;
}
.format-image a {
	border:none !important;
}
.single-post .format-image p.wp-caption-text:last-child,
.single-post .format-image .entry-caption p:last-child {
	padding: 12px 0 0;
}
/* --- Image on Single Posts --- */
.single-post .format-image .entry-wrap {
	position:relative;
	float:left;
	width: 100%;
	padding:0;
}
.single-format-image ul.entry-info li.entry-date {
	display:inline;
}
.single-post .format-image ul.entry-info li.post-author:before {
	content: " \00b7 \0020";
}
.single-post .format-image .entry-wrap img {
	max-width:100%;
	margin-left:0;
}
.single-format-image .format-image p img {
	margin: 0;
}
/* --- Gallery --- */
.gallery {
	margin:0;
	padding:0;
}
.gallery-item {
	text-align:center;
}
.gallery-item img {
	width:32.3%;
	height:auto;
	margin:0 1% 1% 0;
	float:left;
}
.format-gallery .gallery-caption {
	display:none;
}
/* --- Image Attachment --- */
.type-attachment {
	display: block;
	position: relative;
	margin: 0 0 45px;
	padding: 0 20px 45px;
}
/* --- Post Formats / Single Post --- */
.single-format-link h1.entry-title,
.single-format-status h1.entry-title {
	display:none;
}

/*-----------------------------------------------------------------------------------*/
/*	Shortcodes
/*-----------------------------------------------------------------------------------*/
/* ------- Multicoumns ------- */

/* ------- Infoboxes ------- */
.white-box,
.blue-box,
.yellow-box,
.red-box,
.green-box,
.lightgrey-box,
.grey-box,
.dark-box {
	margin: 30px 0;
	padding: 30px;
	overflow:hidden;
	font-size:1.1em;
	line-height:1.45;
}
.entry-content .white-box p,
.entry-content .blue-box p,
.entry-content .yellow-box p,
.entry-content .red-box p,
.entry-content .green-box p,
.entry-content .lightgrey-box p,
.entry-content .grey-box p,
.entry-content .dark-box p,
.entry-content .white-box ul,
.entry-content .blue-box ul,
.entry-content .yellow-box ul,
.entry-content .red-box ul,
.entry-content .green-box ul,
.entry-content .lightgrey-box ul,
.entry-content .grey-box ul,
.entry-content .dark-box ul,
.entry-content .white-box ol,
.entry-content .blue-box ol,
.entry-content .yellow-box ol,
.entry-content .red-box ol,
.entry-content .green-box ol,
.entry-content .lightgrey-box ol,
.entry-content .grey-box ol,
.entry-content .dark-box ol{
	margin: 0 0 20px;
	font-size:1em;
	line-height:1.45;
}
.white-box {
	background:#fff;
	border:1px solid #333;
}
.blue-box {
	background:#56B3B7;
	color:#fff;
}
.yellow-box {
	background:#F7EC69;
	color:#333;
}
.red-box {
	background:#E22727;
	color:#fff;
}
.green-box {
	background:#71B247;
	color:#fff;
}
.lightgrey-box {
	background:#f6f6f6;
}
.grey-box {
	background:#D3D3D3;
}
.dark-box {
	background:#333;
	color:#fff;
}
/* ------- Buttons ------- */
.standard-btn {
	display:inline-block;
	margin:10px 10px 10px 0;
	padding:8px 15px;
	overflow:hidden;
	cursor:pointer;
	font-size:.9em;
	color:#fff;
	text-decoration:none !important;
	text-align:center;
	border-radius: 6px;
}
.standard-btn:hover {
	background:#909090;
	text-decoration:none;
}
.standard-btn.small-btn {
	padding:5px 10px;
	font-size: .8em;
}
.standard-btn.large-btn {
	margin:15px 15px 15px 0;
	padding:12px 22px;
	font-size: 1.1em;
}
.red-btn {
	background:#E22727;
	color:#fff;
}
.green-btn {
	background: #71B247;
	color:#fff;
}
.blue-btn {
	background: #56B3B7;
	color:#fff;
}
.yellow-btn {
	background: #F9D93A;
	color:#333 !important;
}
.grey-btn {
	background: #D3D3D3;
	color:#333 !important;
}
.grey-btn:hover {
	color:#333;
}
.black-btn {
	background: #000;
	color:#fff;
}

/*-----------------------------------------------------------------------------------*/
/*	Archives / Search Results / 404
/*-----------------------------------------------------------------------------------*/
.page-header {
	margin:0 0 4em;
	padding:0 20px 80px;
}
.page-header h2.page-title {
	margin:0;
	padding:0;
	font-size:1.7em;
	color:#909090;
	line-height:1;
}
.page-header .taxonomy-description p {
	padding:12px 0 0;
	font-size:1.1em;
	color:#909090;
}
.search-results .page {
	margin:0 0 45px;
	padding: 0 20px 45px;
	border-bottom:1px solid #ececec;
}
.search-results .entry-meta {
	display:none;
}

/*-----------------------------------------------------------------------------------*/
/*	Pages
/*-----------------------------------------------------------------------------------*/
.page #content {
	padding:0 20px;
}
.page #content #comments {
	padding:45px 0;
}
.page .entry-meta ul li.post-edit {
	color:#333;
}
/* --- Share Buttons on Pages --- */
.page .entry-meta a.share-btn {
	margin:30px 50px;
}
.page .entry-meta ul li.share-btns {
	text-align:left;
}
.page li.share-btns ul {
	clear:both;
	margin:10px 0 0;
}
.page li.share-btns ul li {
	display:inline;
	float:left;
}

/*-----------------------------------------------------------------------------------*/
/*	Previous / Next Pagination
/*-----------------------------------------------------------------------------------*/
#nav-below,
#image-nav {
	display:block;
	clear:both;
	overflow:hidden;
	margin:0;
	padding: 15px 20px 60px;
	font-size:1em;
}
.single-post #nav-below {
	margin:0;
	padding: 60px 20px;
	border-top:1px solid #ececec;
}
#nav-below .nav-next a,
.previous-image a  {
	display:inline-block;
	padding:7px 12px;
	background:#909090;
	color:#fff;
	border-radius: 6px;
}
#nav-below .nav-previous a,
.next-image a  {
	display:inline-block;
	padding:7px 12px;
	background:#909090;
	color:#fff;
	border-radius: 6px;
}
#nav-below .nav-next a:hover,
#nav-below .nav-previous a:hover,
.next-image a:hover,
.previous-image a:hover {
	background:#333;
}
.nav-previous,
.previous-image {
	float:left;
}
.nav-next,
.next-image {
	float:right;
}
.single-post .nav-previous {
	float:right;
}
.single-post .nav-next {
	float:left;
}

/*-----------------------------------------------------------------------------------*/
/* Sidebar
/*-----------------------------------------------------------------------------------*/
#sidebar {
	margin:0;
	padding-top:10px;
	padding-bottom:20px;
	background:#f6f6f6;
}
/* ---  Sidebar Widgets --- */
#sidebar .widget {
	margin: 0;
	padding:30px 20px;
}
#sidebar .widget h3.widget-title,
#sidebar .widget_get_recent_comments h1.widget-title {
	margin:0 0 15px;
	padding:0;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.2em;
}
#sidebar .widget ul li {
	padding-bottom:10px;
	list-style:none;
	font-size: .9em;
	line-height:1.35;
}
#sidebar .widget ul li a:hover {
	text-decoration:none;
}
#sidebar .widget img.resize {
	max-width: 100%;
	height:auto;
}
/* --- Text Widget --- */
.textwidget {
	line-height:1.4;
}
.textwidget img.alignleft,
.textwidget img.alignright {
	margin:5px 10px 0 0;
}
/* --- Pages, Custem Menu, Categories Widget --- */
.widget_pages ul.children,
.widget_categories ul.children,
.widget_nav_menu ul.sub-menu  {
	margin:5px 0 0 0;
	padding:3px 0 0 15px;
	border-top:1px solid #ddd;
}
.widget_pages ul.children ul,
.widget_categories ul.children ul {
	margin:0;
	padding:0;
	border-top:none;
}
.widget_nav_menu ul.sub-menu ul {
	margin:0;
	padding:0 0 0 15px;
	border-top:none;
}
#sidebar .widget_pages li,
#sidebar .widget_categories li,
#sidebar .widget_nav_menu li {
	padding-bottom:0 !important;
	line-height:1.9 !important;
}
.widget_pages ul.children li a,
.widget_categories ul.children li a,
.widget_nav_menu ul.sub-menu li a {
	color:#909090;
	font-size:0.9em;
}
.widget_pages ul.children li li a,
.widget_categories ul.children li li a,
.widget_nav_menu ul.sub-menu li li a {
	font-size:0.9em;
}
/* --- Search Widget --- */
.widget_search #searchform {
	position:relative;
	padding:0;
}
.widget_search #searchform div {
	margin: 0;
}
.widget_search #s {
	position:relative;
	width: 85%;
	height: 38px;
	padding:0 0 0 30px;
	background:#fff url(images/search-lightgrey.png) 8px 10px no-repeat;
	border:1px solid #ddd;
	font-size:1.05em;
	color:#afafaf;
	appearance: none;
	border-radius: 6px;
	transition: all 0.18s ease-in-out;
}
.widget_search ::placeholder {
	color:#afafaf;
}
/* --- Calendar Widget --- */
.widget_calendar #calendar_wrap {
	position:relative;
	display:inline-block;
	font-size:.95em;
	text-align:center;
	color:#333;
}
#sidebar table#wp-calendar  {
	margin:10px 0 0 0;
}
.widget_calendar #calendar_wrap {
	position:relative;
	margin:0 auto;
	display:inline-block;
	font-size:.95em;
	text-align:center;
}
.widget_calendar #calendar_wrap a {
	font-weight:bold;
}
.widget_calendar #wp-calendar caption {
	margin-bottom: 8px;
	font-weight:bold;
	text-align: center;
	color: #333;
}
.widget_calendar table#wp-calendar tr th {
	padding: 3px;
	text-align: center;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-weight:bold;
}
.widget_calendar table#wp-calendar tr td {
	padding: 6px 9px;
	border: 1px solid #ddd;
}
.widget_calendar table#wp-calendar tr td#today {
	background: #fff;
}
.widget_calendar table#wp-calendar tbody tr td a {
	display:block;
}
.widget_calendar table#wp-calendar tbody tr td a:hover {
	text-decoration:underline;
}
.widget_calendar table#wp-calendar tfoot tr td#prev a {
	position:absolute;
	bottom:10px;
	left:10px;
}
.widget_calendar table#wp-calendar tfoot tr td#next a {
	position:absolute;
	bottom:10px;
	right:10px;
}
/* --- Flickr Photo Widget --- */
#sidebar .widget_waipoua_flickr {
	clear:both;
	overflow:hidden;
}
.flickr_badge_wrapper {
	display:block;
	padding-top:10px;
}
.flickr_badge_wrapper a img {
	width:118px;
	height:118px;
	display:block;
	float:left;
	margin:0 3px 6px;
	padding:3px;
	background:none;
	transition: all 0.18s ease-in-out;
}
.flickr_badge_wrapper .flickr-bottom {
	display:inline-block;
	margin:12px 0 0 6px;
}
.flickr_badge_wrapper .flickr-bottom a {
	text-decoration:underline;
}
.flickr_badge_wrapper .flickr-bottom a:hover {
	text-decoration:none;
}
/* --- Social Links Widget --- */
ul.sociallinks {
	display:block;
	padding:10px 0 0;
	overflow:hidden;
	text-align:center;
}
.header-widget-area  ul.sociallinks {
	padding:15px 0 0;
}
.header-widget-area  .widget_waipoua_sociallinks h3.widget-title {
	display:none;
}
ul.sociallinks li {
	float:left;
	margin:0px 6px 6px 0;
	padding:0 !important;
	list-style:none;
}
.header-widget-area ul.sociallinks li {
	float:right;
	margin:0px 0 8px 8px;
	list-style:none;
}
ul.sociallinks li a {
	width:37px;
	height:37px;
	display:block;
	padding:0;
	margin:0;
	background-color:#909090;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 42px;
}
ul.sociallinks li a:hover {
	background-color:#333 !important;
}
ul.sociallinks li a.twitter {
	background:#B3B4AE url(images/socialicons.png) 0 0 no-repeat;
}
ul.sociallinks li a.facebook {
	background:#B3B4AE url(images/socialicons.png) -37px 0 no-repeat;
}
ul.sociallinks li a.googleplus {
	background:#B3B4AE url(images/socialicons.png) -74px 0 no-repeat;
}
ul.sociallinks li a.flickr {
	background:#B3B4AE url(images/socialicons.png) -111px 0 no-repeat;
}
ul.sociallinks li a.instagram {
	background:#B3B4AE url(images/socialicons.png) -148px 0 no-repeat;
}
ul.sociallinks li a.picasa {
	background:#B3B4AE url(images/socialicons.png) -185px 0 no-repeat;
}
ul.sociallinks li a.fivehundredpx {
	background:#B3B4AE url(images/socialicons.png) -222px 0 no-repeat;
}
ul.sociallinks li a.youtube {
	background:#B3B4AE url(images/socialicons.png) -259px 0 no-repeat;
}
ul.sociallinks li a.vimeo {
	background:#B3B4AE url(images/socialicons.png) -296px 0 no-repeat;
}
ul.sociallinks li a.dribbble {
	background:#B3B4AE url(images/socialicons.png) -333px 0 no-repeat;
}
ul.sociallinks li a.ffffound {
	background:#B3B4AE url(images/socialicons.png) -370px 0 no-repeat;
}
ul.sociallinks li a.pinterest {
	background:#B3B4AE url(images/socialicons.png) -407px 0 no-repeat;
}
ul.sociallinks li a.zootool {
	background:#B3B4AE url(images/socialicons.png) -444px 0 no-repeat;
}
ul.sociallinks li a.behance {
	background:#B3B4AE url(images/socialicons.png) -481px 0 no-repeat;
}
ul.sociallinks li a.deviantart {
	background:#B3B4AE url(images/socialicons.png) -518px 0 no-repeat;
}
ul.sociallinks li a.squidoo {
	background:#B3B4AE url(images/socialicons.png) -555px 0 no-repeat;
}
ul.sociallinks li a.slideshare {
	background:#B3B4AE url(images/socialicons.png) -592px 0 no-repeat;
}
ul.sociallinks li a.lastfm {
	background:#B3B4AE url(images/socialicons.png) -629px 0 no-repeat;
}
ul.sociallinks li a.grooveshark {
	background:#B3B4AE url(images/socialicons.png) -666px 0 no-repeat;
}
ul.sociallinks li a.soundcloud {
	background:#B3B4AE url(images/socialicons.png) -703px 0 no-repeat;
}
ul.sociallinks li a.foursquare {
	background:#B3B4AE url(images/socialicons.png) -740px 0 no-repeat;
}
ul.sociallinks li a.github {
	background:#B3B4AE url(images/socialicons.png) -777px 0 no-repeat;
}
ul.sociallinks li a.linkedin {
	background:#B3B4AE url(images/socialicons.png) -814px 0 no-repeat;
}
ul.sociallinks li a.xing {
	background:#B3B4AE url(images/socialicons.png) -851px 0 no-repeat;
}
ul.sociallinks li a.wordpress {
	background:#B3B4AE url(images/socialicons.png) -888px 0 no-repeat;
}
ul.sociallinks li a.tumblr {
	background:#B3B4AE url(images/socialicons.png) -925px 0 no-repeat;
}
ul.sociallinks li a.rss {
	background:#B3B4AE url(images/socialicons.png) -962px 0 no-repeat;
}
ul.sociallinks li a.rsscomments {
	background:#B3B4AE url(images/socialicons.png) -999px 0 no-repeat;
}

/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/
#footer {
	clear:both;
	padding:0 20px;
	font-size:.92em;
}
#footer ul li {
	font-size: .92em;
	list-style:none;
}
#site-info {
	position:relative;
	clear:both;
	padding:60px 0 75px;
	color:#909090;
}
#site-info ul li {
	margin:0;
	padding:0;
}
#site-info a {
	color:#909090;
}
#site-info a:hover {
	color:#333;
}
#site-info .footer-nav {
	display:block;
	padding:30px 0 0;
	margin:0;
	line-height:2.2;
}
#site-info a.top {
	position:absolute;
	bottom:57px;
	right:0;
}
.credit li span:after {
	content: '\002e';
	display: inline;
}


/*-----------------------------------------------------------------------------------*/
/*	Styles for external WP-Plugins
/*-----------------------------------------------------------------------------------*/
/* --- Jetpack Subscription Widget --- */
.jetpack_subscription_widget {
	clear:both;
	overflow:hidden;
}
.jetpack_subscription_widget p {
	margin:0;
	line-height:1.4;
}
.jetpack_subscription_widget form#subscribe-blog input#subscribe-field {
	width:246px !important;
	display: block;
	float:left;
	margin: 10px 10px 0 0;
	padding: 10px 6px !important;
	background:#fff;
	color:#afafaf;
	border:1px solid #ddd;
	font-size:1em;
	appearance: none;
	border-radius: 6px;
}
.jetpack_subscription_widget form#subscribe-blog input[type="submit"] {
	float:left;
	margin: 12px 0 0;
	padding: 9px 15px;
	border:none;
	font-size:1em;
	color:#fff;
	cursor: pointer;
	appearance: none;
	border-radius: 6px;
	transition: all 0.18s ease-in-out;
}
.jetpack_subscription_widget form#subscribe-blog input[type="submit"]:hover {
	background:#909090;
}
/* ---  Jetpack Image Widget --- */
.widget_image img {
	max-width:100%;
}
/* ---  Jetpack Twitter Widget --- */
.widget_twitter ul li {
	margin-top: 12px;
	padding-bottom: 12px;
	border-bottom:1px solid #ddd;
}
.widget_twitter ul li:last-child {
	padding-bottom: 0;
	border-bottom:none;
}
.widget_twitter ul li a.timesince {
	font-style:italic;
	color:#909090;
}
.widget_twitter ul li a.timesince:hover {
	color:#333;
}
/* --- WP-PageNavi --- */
.wp-pagenavi {
	margin:15px 0 60px;
	padding: 0 20px;
	font-size:1em;
}
.wp-pagenavi a.page,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.first,
.wp-pagenavi a.last {
	width:auto;
	clear:none !important;
	margin:0 4px 5px;
	padding:9px 12px;
	display:inline-block;
	background:#909090;
	overflow:visible;
	color:#fff;
	border-radius: 6px;
}
.wp-pagenavi a:hover {
	background:#333;
	text-decoration:none;
}
.wp-pagenavi span.current {
	display:inline-block;
	margin:0 4px 5px;
	padding:9px 12px;
	background:#333;
	color:#fff;
	border-radius: 6px;
}
.wp-pagenavi span.pages {
	display:none;
	padding:0 20px 0 0;
	color:#909090;
}
.wp-pagenavi span.extend {
	padding:0 2px;
}
/* --- Smart Archives Reloaded ---- */
#content .page ul#smart-archives-block {
	margin:0 0 50px;
	padding:30px 30px 10px;
	overflow: hidden;
	background:#f6f6f6;
	font-size:1.05em;
}
ul#smart-archives-block li {
	float: left;
	margin:0;
	padding:0 0 20px;
	list-style:none !important;
	line-height:1.7;
}
ul#smart-archives-block li a {
	float: left;
	margin:0 15px 0 0;
	display: block;
}
ul#smart-archives-block li strong {
	float: left;
	margin:0 18px 0 0;
	font-weight:bold;
}
ul#smart-archives-block li span.empty-month {
	float: left;
	margin:0 18px 0 0;
}
#smart-archives-list h2 {
	margin:2em 0 0.3em;
}
#content .page #smart-archives-list ul {
	margin: 0;
	font-size:1.1em;
}
#smart-archives-list ul li {
	padding: 0 !important;
	list-style:none;
}

/*-----------------------------------------------------------------------------------*/
/*	Styles for Internet Explorer 8 and below
/*-----------------------------------------------------------------------------------*/

/* --- Header --- */
/* --- Site Nav --- */
/* --- Site Nav Search --- */
/* --- Posts --- */
/* --- Single Post --- */
/* --- Footer --- */

/*-----------------------------------------------------------------------------------*/
/*	CSS3 Media Queries for Responsiveness (mobile-first, from small to big)
/*-----------------------------------------------------------------------------------*/
/* --- smartphones in landscape mode --- */
@media screen and (min-width: 480px) {
/* --- Alignment --- */
.alignleft {
	display:inline;
	float: left;
	margin-right: 20px;
}
.alignright {
	display:inline;
	float: right;
	margin-left: 20px;
}
img.wp-post-image {
	float: left;
	margin: 10px 15px 10px 0;
	padding: 0;
}
.entry-meta ul li.entry-cats,
.entry-meta ul li.entry-tags {
	width:80%;
}
/* --- Comments Reply --- */
#commentform textarea#comment,
#content .wpcf7 textarea {
	width:96%;
}
}

/* --- tablets in portrait mode --- */
@media screen and (min-width: 768px) {
/* --- General Structure --- */
#branding,
.post,
.page #content,
.search-results .page,
.type-attachment,
#comments,
.page-header,
#nav-below,
.single-post #nav-below,
#image-nav,
.wp-pagenavi,
#sidebar .widget,
#footer {
	padding-left:65px;
	padding-right:65px;
}
/* --- Header --- */
#branding {
	padding-top: 60px;
	padding-bottom: 60px;
}
#site-title h1 {
	display: inline-block;
}
#site-title h1 {
	margin:0;
}
#site-title h2#site-description {
	display:block;
}
/* --- Posts --- */
.entry-header h1.entry-title {
	font-size:2.2em;
	line-height:1.4em;
}
.entry-header h2.entry-title {
	font-size:2em;
	line-height:1.4em;
}
.entry-content,
.entry-summary {
	padding-bottom:30px;
}
img.wp-post-image {
	width:auto;
}
.entry-details ul li.entry-edit  {
	display: inline;
}
.entry-meta ul li.entry-cats,
.entry-meta ul li.entry-tags {
	width:85%;
}
.entry-meta ul li.entry-cats span {
	display:inline;
}
/* --- Single Post --- */
.single-post .entry-meta .author-info {
	padding:40px 30px;
}
.post .author-description {
	padding:0 0 0 95px;
}
.single-post .entry-meta .author-info img {
	display:inline-block;
	float:left;
	border-radius: 42px;
}
/* --- Comments --- */
#comments .comment-avatar img.avatar {
	width:60px;
	height:60px;
}
#comments .comment-content ul.comment-meta {
	padding:19px 0 10px;
}
#comments h3#comments-title span {
	display:inline;
}
#commentform p.form-allowed-tags {
	display:block;
	padding:25px 0 10px;
}
#comments .comment-content ul li.comment-time,
#comments .comment-content ul li.comment-edit {
	display:inline;
}
#comments ol.commentlist li.depth-2 .comment {
	margin-left:80px;
}
/* --- Post Formats --- */
#content .format-chat .entry-header h2.entry-title,
#content .format-gallery .entry-header h2.entry-title,
#content .format-audio .entry-header h2.entry-title,
#content .format-aside .entry-header h2.entry-title {
	font-size: 1.8em;
}
/* ------- Shortcodes ------- */

/* --- Footer --- */
#site-info .footer-nav {
	margin:0;
	line-height:1.5;
}
#site-info .footer-nav ul.menu li {
	margin:0 2px;
}
#site-info .footer-nav ul.menu li:after {
	content: " \00b7 \0020";
}
#site-info .footer-nav ul.menu li:last-child::after {
	content: "";
}
#footer #site-info ul li {
	line-height:1.5;
}
#footer #site-info .footer-nav ul li {
	float: left;
}
/* --- Plugins --- */
.wp-pagenavi span.pages {
	display:inline;
}
}

/* tablets in landscape mode */
@media screen and (min-width: 1024px) {
/* --- General Structure --- */
body {
	font-size: 120%;
}
#branding,
.post,
.page #content,
.search-results .page,
.type-attachment,
#comments,
.page-header,
#nav-below,
.single-post #nav-below,
#image-nav,
.wp-pagenavi,
#sidebar .widget,
#footer {
	padding-left:100px;
	padding-right:100px;
}
/* --- Header --- */
#branding {
	padding-top: 80px;
	padding-bottom: 80px;
}
.header-widget-area {
	width:50%;
	float:right;
	text-align:right;
}
#branding,
#site-title {
	text-align:left;
}
#site-title {
	float:left;
}
/* --- Posts --- */
.entry-meta a.share-btn,
.entry-meta a.share-btn:hover {
	background-position:7px -76px;
}
/* --- Comments Reply --- */
#commentform p.comment-form-author,
#commentform p.comment-form-email,
#commentform p.comment-form-url {
	width: 33.3%;
	display: block;
	float:left;
	margin: 0;
	padding:15px 0 0;
}
#commentform input#author,
#commentform input#email,
#commentform input#url {
	width: 88%;
}
#commentform p.comment-form-comment {
	width: 100%;
	display: block;
	float:none;
	clear:both;
	padding:15px 0 0;
}
}

/* standard laptop + desktop screens */
@media screen and (min-width: 1170px) {
/* --- General Structure --- */
body {
	font-size: 100%;
}
#wrap,
#site-nav-container {
	max-width: 1110px;
	margin:0 auto;
}
#content {
	width:100%;
}
#content-wrap {
	width:68.46846846846847%;
	float:left;
}
.page #content.fullwidth {
	width:100% !important;
}
.page #content,
.archive #content,
.search #content,
.error404 #content,
.single-post #content,
.single-attachment #content {
	width:68.85245901639344% !important;
	float:left;
}
#sidebar {
	width:27.02702702702703%;
	float:right;
}
#branding,
.post,
.page #content,
.search-results .page,
.type-attachment,
#comments,
.page-header,
#nav-below,
.single-post #nav-below,
#image-nav,
.wp-pagenavi,
#footer {
	padding-left:0;
	padding-right:0;
}
#sidebar .widget {
	padding-left:20px;
	padding-right:20px;
}
/* --- Header --- */
#site-title h2#site-description {
	display: inline-block;
	margin: 0;
	padding: 17px 0 0 12px;
}
/* --- Site Nav --- */
#site-nav-wrap a#mobile-menu-btn {
	display:none;
}
#site-nav-wrap a#home-btn {
	width:40px;
	height:60px;
	display:inline-block;
	margin:0;
	padding:0;
	text-align:left;
	background: url(images/standardicons.png) 0 21px no-repeat;
	float:left;
	font-size:1.1em;
	text-decoration:none;
	text-indent:-9999em;
	opacity:0.75;
	filter: none;
}
#site-nav-wrap a#home-btn:hover {
	opacity:1;
	filter: none;
}
#site-nav {
	position:relative;
	padding:0;
	display:block !important;
	background:none;
	overflow:visible;
}
#site-nav ul {
	padding: 0;
}
#site-nav ul li {
	position:relative;
	display:inline-block;
	float:left;
	padding:0;
	background:none;
}
#site-nav ul.sub-menu,
#site-nav ul.children {
	width:auto;
	display: none;
	position:absolute;
	top:55px;
	background:#fff;
	border:1px solid #ececec;
	z-index: 99999;
}
#site-nav ul.sub-menu ul,
#site-nav ul.children ul {
	display: none;
	top:-5px;
	left:152px;
	z-index: 99999;
}
#site-nav li li {
	position:relative;
	display:block;
	width:160px;
	float:none;
	color:#333;
}
#site-nav li li li {
	width:160px;
	display:block;
}
#site-nav li a {
	height:32px;
	display:inline-block;
	margin:0 15px 0 0;
	padding:14px;
	border:none;
	font-size:.95em;
	color: rgba(255, 255, 255, 0.75);
	text-transform:none;
	letter-spacing:0;
	transition: all 0.2s ease-in-out;
}
#site-nav li li a {
	height:auto;
	display:block;
	float:none;
	margin:0 15px;
	padding:12px 0;
	border-bottom:1px solid #ececec;
	font-size:.7em;
	word-break: break-word;
}
#site-nav li li li a {
	font-size:.65em;
}
#site-nav ul.menu ul.sub-menu li:last-child a,
#site-nav ul ul.children li:last-child a {
	border-bottom: none;
}
#site-nav ul.menu ul.sub-menu li ul.sub-menu li a,
#site-nav ul ul.children li ul.children li a {
	border-bottom: 1px solid #ececec;
}
#site-nav ul.menu ul.sub-menu li ul.sub-menu li:last-child a,
#site-nav ul ul.children li ul.children li:last-child a {
	border-bottom: none;
}
#site-nav li a:hover {
	background:none;
	color: rgba(255, 255, 255, 1) !important;
}
#site-nav li li a:hover {
	background:none;
	color:#333 !important;
}
#site-nav ul li:hover > ul {
	display: block;
	color:#909090;
	transition: all 0.5s ease-in-out;
}
#site-nav li:hover > a {
	color:#fff;
}
#site-nav li li:hover > a {
	background:none;
	color:#333 !important;
}
/* --- Site Nav Search --- */
#site-nav-container #searchform ::placeholder {
	color: rgba(255, 255, 255, 0.75);
}
#site-nav-container #searchform {
	position:relative;
	float: right;
	margin-top:12px;
	margin-bottom:12px;
	padding: 0;
	background:none;
}
#site-nav-container #searchform div {
	margin: 0;
}
#site-nav-container #s {
	position:relative;
	width: 58px;
	height: 35px;
	padding:0 0 0 33px;
	background:#f55243 url(images/search-white.png) 10px 10px no-repeat;
	border:none;
	font-size:1.05em;
	color: rgba(255, 255, 255, 0.75);
	transition: all 0.4s ease;
}
#site-nav-container #s:focus {
	width: 210px;
	background:#fff url(images/search-lightgrey.png) 10px 10px no-repeat;
	color:#afafaf !important;
}
#site-nav-container #s:focus::placeholder {
	color:#afafaf;
}
/* --- Posts --- */
.post {
	padding: 0 0 45px;
}
.entry-meta a.share-btn,
.entry-meta a.share-btn:hover {
	background-position:7px -78px;
}
/* --- Post Nav --- */
#nav-below,
#image-nav {
	padding: 0;
}
/* --- Sidebar --- */
#sidebar {
	margin:3px 0 0;
	padding-top: 0;
	padding-bottom: 0;
}
/* --- Footer --- */
#footer {
	padding:0;
}
/* --- Shortcodes --- */
.four-columns-three {
	width:68.75%;
	position:relative;
	float:left;
	margin-right:3%;
	margin-bottom:0;
}
}

/* 3 column layout option */

/*-----------------------------------------------------------------------------------*/
/*	Retina Display optimized Images
/*-----------------------------------------------------------------------------------*/
/* temp deactivated (Safari Flicker Test)
 * @media
 * screen and (-webkit-min-device-pixel-ratio: 2),
 * screen and (min-resolution: 192dpi),
 * screen and (min-resolution: 2dppx) {
 *
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#site-nav-wrap a#mobile-menu-btn {
	background: url(images/x2/menu-icon.png) 40px 12px no-repeat;
	-webkit-background-size: 35px 22px;
}
#site-nav-wrap a#home-btn {
	background: url(images/x2/home-icon.png) 0 21px no-repeat;
	-webkit-background-size: 20px 20px;
}
#site-nav-container #s {
	background:#E7E7E6 url(images/x2/search-grey.png) 10px 14px no-repeat;
	-webkit-background-size: 18px 18px;
}
#site-nav-container #s:focus {
	background:#E7E7E6 url(images/x2/search-grey.png) 10px 14px no-repeat;
	-webkit-background-size: 18px 18px;
}
.widget_search #s {
	background:#fff url(images/x2/search-lightgrey.png) 8px 10px no-repeat;
	-webkit-background-size: 18px 18px;
}
.entry-meta a.share-btn {
	background:#F55243 url(images/x2/share-icon.png) 7px 5px no-repeat;
	-webkit-background-size: 15px 12px;
}
.entry-meta a.share-btn:hover {
	background:#909090 url(images/x2/share-icon.png) 7px 5px no-repeat;
	-webkit-background-size: 15px 12px;
}
ul.sociallinks li a.twitter {
	background:#909090 url(images/x2/twitter.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.facebook {
	background:#909090 url(images/x2/facebook.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.googleplus {
	background:#909090 url(images/x2/googleplus.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.flickr {
	background:#909090 url(images/x2/flickr.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.instagram {
	background:#909090 url(images/x2/instagram.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.picasa {
	background:#909090 url(images/x2/picasa.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.fivehundredpx {
	background:#909090 url(images/x2/fivehundredpx.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.youtube {
	background:#909090 url(images/x2/youtube.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.vimeo {
	background:#909090 url(images/x2/vimeo.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.dribbble {
	background:#909090 url(images/x2/dribbble.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.ffffound {
	background:#909090 url(images/x2/ffffound.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.pinterest {
	background:#909090 url(images/x2/pinterest.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.zootool {
	background:#909090 url(images/x2/zootool.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.behance {
	background:#909090 url(images/x2/behance.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.deviantart {
	background:#909090 url(images/x2/deviantart.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.squidoo {
	background:#909090 url(images/x2/squidoo.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.slideshare {
	background:#909090 url(images/x2/slideshare.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.lastfm {
	background:#909090 url(images/x2/lastfm.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.grooveshark {
	background:#909090 url(images/x2/grooveshark.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.soundcloud {
	background:#909090 url(images/x2/soundcloud.png) 0 0 no-repeat;
	-webkit-background-size: 35px 35px;
}
ul.sociallinks li a.foursquare {
	background:#909090 url(images/x2/foursquare.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.github {
	background:#909090 url(images/x2/github.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.linkedin {
	background:#909090 url(images/x2/linkedin.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.xing {
	background:#909090 url(images/x2/xing.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.wordpress {
	background:#909090 url(images/x2/wordpress.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.tumblr {
	background:#909090 url(images/x2/tumblr.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.rss {
	background:#909090 url(images/x2/rss.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.rsscomments {
	background:#909090 url(images/x2/rsscomments.png) 0 0 no-repeat;
	-webkit-background-size: 37px 37px;
}
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5) and (min-width: 1170px), only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 1170px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1170px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 1170px) {
	#site-nav-container #s {
		background:#f55243 url(images/x2/search-white.png) 10px 10px no-repeat;
		-webkit-background-size: 18px 18px;
	}
	#site-nav-container #s:focus {
		background:#fff url(images/x2/search-lightgrey.png) 10px 10px no-repeat;
		-webkit-background-size: 18px 18px;
	}
}
*/

/*-----------------------------------------------------------------------------------*/
/*	Print
/*-----------------------------------------------------------------------------------*/
@media print {
body {background: none !important; font-size: 14pt;}
#header { background:none !important;}
#branding { color:#000 !important;}
#content { margin: 0; width: auto; }
.header-image, #header #site-nav, #sidebar {display:none;}
#site-title h1 {font-size:28pt;}
h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid;font-weight:bold;}
a{font-weight:bold;color:#000 !important;text-decoration:underline !important;}
blockquote,table,pre{page-break-inside:avoid;}
ul,ol,dl{page-break-before:avoid;}
img.aligncentered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
.right{float:right;}
.left{float:left;}
img{page-break-inside:avoid;page-break-after:avoid;}
}
/* filename: _3_schab.css		*/
/* version for caching: 1.2.0	*/

/*-----------------------------------------------------------------------------------*/
/*	General Structure
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	Headlines
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	Alignment
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Links
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Lists
/*-----------------------------------------------------------------------------------*/
.post figure ul {
	margin: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	Header
/*-----------------------------------------------------------------------------------*/
#site-nav-wrap a#mobile-menu-btn:hover {
	text-indent: 0;
	background: transparent;
	width: 100%;
	text-align: center;
	line-height: 1.6em;
}
#site-nav-container #s {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
}
/* --- Header Widget Area --- */
.header-widget-area h3.widget-title {
	font-family: 'Roboto Condensed', sans-serif;
}

/*-----------------------------------------------------------------------------------*/
/*	Posts
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Post Header
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Post Meta
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Typography
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Images / Video
/*-----------------------------------------------------------------------------------*/
img.wp-post-image {
	width: 100%;
	float: none;
	margin: 0;
}


/*-----------------------------------------------------------------------------------*/
/*	Tables
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Layout Options
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Single Posts
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Comments
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Post Formats
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Shortcodes
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Archives / Search Results / 404
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Pages
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Previous / Next Pagination
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Sidebar
/*-----------------------------------------------------------------------------------*/
#popup,
#sidebar {
	margin:0;
	padding-top:10px;
	padding-bottom:20px;
	background:#f6f6f6;
}
/* ---  Sidebar Widgets --- */
#popup .widget,
#sidebar .widget {
	margin: 0;
	padding:30px 20px;
}
#popup .widget h3.widget-title, 
#sidebar .widget h3.widget-title, 
#sidebar .widget_get_recent_comments h1.widget-title {
	margin:0 0 15px;
	padding:0;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1em;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing:.2em;
}
#popup .widget ul li,
#sidebar .widget ul li {
	padding-bottom:10px;
	list-style:none;
	font-size: .9em;
	line-height:1.35;
}
#sidebar .widget ul li a:hover {
	text-decoration:none;
}
#sidebar .widget img.resize {
	max-width: 100%;
	height:auto;
}
/* --- Text Widget --- */
.textwidget {
	line-height:1.4;
}
.textwidget img.alignleft,
.textwidget img.alignright {
	margin:5px 10px 0 0;
}
/* --- Pages, Custem Menu, Categories Widget --- */
.widget_pages ul.children,
.widget_categories ul.children,
.widget_nav_menu ul.sub-menu  {
	margin:5px 0 0 0;
	padding:3px 0 0 15px;
	border-top:1px solid #ddd;
}
.widget_pages ul.children ul,
.widget_categories ul.children ul {
	margin:0;
	padding:0;
	border-top:none;
}
.widget_nav_menu ul.sub-menu ul {
	margin:0;
	padding:0 0 0 15px;
	border-top:none;
}
#sidebar .widget_pages li,
#sidebar .widget_categories li,
#sidebar .widget_nav_menu li {
	padding-bottom:0 !important;
	line-height:1.9 !important;
}
.widget_pages ul.children li a,
.widget_categories ul.children li a,
.widget_nav_menu ul.sub-menu li a {
	color:#909090;
	font-size:0.9em;
}
.widget_pages ul.children li li a,
.widget_categories ul.children li li a,
.widget_nav_menu ul.sub-menu li li a {
	font-size:0.9em;
}
/* --- Search Widget --- */
.widget_search #searchform {
	position:relative;
	padding:0;
}
.widget_search #searchform div {
	margin: 0;
}
.widget_search #s {
	position:relative;
	width: 85%;
	height: 38px;
	padding:0 0 0 30px;
	background:#fff url(../waipoua/images/search-lightgrey.png) 8px 10px no-repeat;
	border:1px solid #ddd;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.05em;
	color:#afafaf;
	-webkit-appearance: none;
	border-radius: 6px;
	transition: all 0.18s ease-in-out;
}
.widget_search ::placeholder {
	color:#afafaf;
}
.widget_search .placeholder {
	color:#afafaf;
}
/* --- Calendar Widget --- */
.widget_calendar #calendar_wrap {
	position:relative;
	display:inline-block;
	font-size:.95em;
	text-align:center;
	color:#333;
}
#sidebar table#wp-calendar  {
	margin:10px 0 0 0;
}
.widget_calendar #calendar_wrap {
	position:relative;
	margin:0 auto 0 auto;
	display:inline-block;
	font-size:.95em;
	text-align:center;
}
.widget_calendar #calendar_wrap a {
	font-weight: bold;
}
.widget_calendar #wp-calendar caption {
	margin-bottom: 8px;
	font-weight: bold;
	text-align: center;
	color: #333;
}
.widget_calendar table#wp-calendar tr th {
	padding: 3px;
	text-align: center;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-weight: bold;
}
.widget_calendar table#wp-calendar tr td {
	padding: 6px 9px;
	border: 1px solid #ddd;
}
.widget_calendar table#wp-calendar tr td#today {
	background: #fff;
}
.widget_calendar table#wp-calendar tbody tr td a {
	display:block;
}
.widget_calendar table#wp-calendar tbody tr td a:hover {
	text-decoration:underline;
}
.widget_calendar table#wp-calendar tfoot tr td#prev a {
	position:absolute;
	bottom:10px;
	left:10px;
}
.widget_calendar table#wp-calendar tfoot tr td#next a {
	position:absolute;
	bottom:10px;
	right:10px;
}
/* --- Flickr Photo Widget --- */
#sidebar .widget_waipoua_flickr {
	clear:both;
	overflow:hidden;
}
.flickr_badge_wrapper {
	display:block;
	padding-top:10px;
}
.flickr_badge_wrapper a img {
	width:118px;
	height:118px;
	display:block;
	float:left;
	margin:0 3px 6px;
	padding:3px;
	background:none;
	transition: all 0.18s ease-in-out;
}
.flickr_badge_wrapper .flickr-bottom {
	display:inline-block;
	margin:12px 0 0 6px;
}
.flickr_badge_wrapper .flickr-bottom a {
	text-decoration:underline;
}
.flickr_badge_wrapper .flickr-bottom a:hover {
	text-decoration:none;
}
/* --- Social Links Widget --- */
.header-widget-area  ul.sociallinks {
	padding:15px 0 0;
}
.header-widget-area  .widget_waipoua_sociallinks h3.widget-title {
	display:none;
}

/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/
#footer {
	clear:both;
	padding:0 20px;
	font-size:.92em;
}
#footer ul li {
	font-size: .92em;
	list-style:none;
}
#site-info {
	position:relative;
	clear:both;
	padding:60px 0 75px;
	color:#909090;
}
#site-info ul li {
	margin:0;
	padding:0;
}
#site-info a {
	color:#909090;
	text-decoration:underline;
}
#site-info a:hover {
	color:#333;
	text-decoration:none;
}
#site-info .footer-nav {
	display:block;
	padding:30px 0 0;
	margin:0;
	line-height:2.2;
}
#site-info a.top {
	position:absolute;
	bottom:57px;
	right:0;
}

/*-----------------------------------------------------------------------------------*/
/*	Styles for external WP-Plugins
/*-----------------------------------------------------------------------------------*/
/* --- Jetpack Subscription Widget --- */
.jetpack_subscription_widget {
	clear:both;
	overflow:hidden;
}
.jetpack_subscription_widget p {
	margin:0;
	line-height:1.4;
}
.jetpack_subscription_widget form#subscribe-blog input#subscribe-field {
	width:246px !important;
	display: block;
	float:left;
	margin: 10px 10px 0 0;
	padding: 10px 6px !important;
	background:#fff;
	color:#afafaf;
	border:1px solid #ddd;
	border-radius: 6px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1em;
	-webkit-appearance: none;
}
.jetpack_subscription_widget form#subscribe-blog input[type="submit"] {
	float:left;
	margin: 12px 0 0;
	padding: 9px 15px;
	border:none;
	border-radius: 6px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1em;
	color:#fff;
	cursor: pointer;
	-webkit-appearance: none;
	transition: all 0.18s ease-in-out;
}
.jetpack_subscription_widget form#subscribe-blog input[type="submit"]:hover {
	background:#909090;
}
/* ---  Jetpack Image Widget --- */
.widget_image img {
	max-width:100%;
}
/* ---  Jetpack Twitter Widget --- */
.widget_twitter ul li {
	margin-top: 12px;
	padding-bottom: 12px;
	border-bottom:1px solid #ddd;
}
.widget_twitter ul li:last-child {
	padding-bottom: 0;
	border-bottom:none;
}
.widget_twitter ul li a.timesince {
	font-style:italic;
	color:#909090;
}
.widget_twitter ul li a.timesince:hover {
	color:#333;
}
/* --- WP-PageNavi --- */
.wp-pagenavi {
	margin:15px 0 60px;
	padding: 0 20px;
	font-size:1em;
}
.wp-pagenavi a.page,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.first,
.wp-pagenavi a.last {
	width:auto;
	clear:none !important;
	margin:0 4px 5px;
	padding:9px 12px;
	display:inline-block;
	background:#909090;
	overflow:visible;
	color:#fff;
	border-radius: 6px;
}
.wp-pagenavi a:hover {
	background:#333;
	text-decoration:none;
}
.wp-pagenavi span.current {
	display:inline-block;
	margin:0 4px 5px;
	padding:9px 12px;
	background:#333;
	color:#fff;
	border-radius: 6px;
}
.wp-pagenavi span.pages {
	display:none;
	padding:0 20px 0 0;
	color:#909090;
}
.wp-pagenavi span.extend {
	padding:0 2px;
}


/*-----------------------------------------------------------------------------------*/
/*	CSS3 Media Queries for Responsiveness (mobile-first, from small to big)
/*-----------------------------------------------------------------------------------*/

.single-post #nav-below {
	padding-left:3vw;
	padding-right:3vw;
}



/* --- smartphones in landscape mode --- */
@media screen and (min-width: 480px) {
::placeholder {color: rgba(255, 255, 255, 0.75);}
	/*
img.wp-post-image {
	float: left;
	margin: 10px 15px 10px 0;
	padding: 0;
}
	*/
}

/* --- tablets in portrait mode --- */
@media screen and (min-width: 783px) {
/* --- General Structure --- */

/* --- Site Nav Search --- */
::placeholder {
	color: rgba(255, 255, 255, 0.75);
}
.placeholder {
	color: rgba(255, 255, 255, 0.75);
}
#site-nav-container #searchform div {
	margin: 0;
}
#site-nav-container #s {
	position:relative;
	width: 58px;
	height: 35px;
	padding:0 0 0 33px;
	background:#cccc99 url(../waipoua/images/search-white.png) 10px 10px no-repeat;
	border:none;
	font-size:1.05em;
	color: rgba(255, 255, 255, 0.75);
	transition: all 0.4s ease;
}
#site-nav-container #s:focus {
	width: 210px;
	background:#fff url(../waipoua/images/search-lightgrey.png) 10px 10px no-repeat;
	color:#afafaf !important;
}
/* --- Posts --- */
.entry-header h1.entry-title {
	font-size:1.6em;
	line-height:1.6em;
}
.entry-header h2.entry-title {
	font-size:2em;
	line-height:1.4em;
}
.entry-content,
.entry-summary {
	padding-bottom:30px;
}
img.wp-post-image {
	width:auto;
}
.entry-details ul li.entry-edit  {
	display: inline;
}
.entry-meta ul li.entry-cats,
.entry-meta ul li.entry-tags {
	width:85%;
}
.entry-meta ul li.entry-cats span {
	display:inline-block;
}
/* --- Single Post --- */
.single-post .entry-meta .author-info {
	padding:40px 30px;
}
.post .author-description {
	padding:0 0 0 95px;
}
.single-post .entry-meta .author-info img {
	display:inline-block;
	float:left;
	border-radius: 42px;
}
/* --- Comments --- */
#comments .comment-avatar img.avatar {
	width:60px;
	height:60px;
}
#comments .comment-content ul.comment-meta {
	padding:19px 0 10px;
}
#comments h3#comments-title span {
	display:inline;
}
#commentform p.form-allowed-tags {
	display:block;
	padding:25px 0 10px;
}
#comments .comment-content ul li.comment-time,
#comments .comment-content ul li.comment-edit {
	display:inline;
}
#comments ol.commentlist li.depth-2 .comment {
	margin-left:80px;
}
/* --- Post Formats --- */
#content .format-chat .entry-header h2.entry-title,
#content .format-gallery .entry-header h2.entry-title,
#content .format-audio .entry-header h2.entry-title,
#content .format-aside .entry-header h2.entry-title {
	font-size: 1.8em;
}
/* ------- Shortcodes ------- */
/* --- Footer --- */
#site-info .footer-nav {
	margin:0;
	line-height:1.5;
}
#site-info .footer-nav ul.menu li {
	margin:0 2px;
}
#site-info .footer-nav ul.menu li:after {
	content: " \00b7 \0020";
}
#site-info .footer-nav ul.menu li:last-child::after {
	content: "";
}
#footer #site-info ul li {
	line-height:1.5;
}
#footer #site-info .footer-nav ul li {
	list-style:inline-block;
	float:left;
}
/* --- Plugins --- */
.wp-pagenavi span.pages {
	display:inline;
}
}

/* tablets in landscape mode */
@media screen and (min-width: 1024px) {
/* --- General Structure --- */
body {
	font-size: 100%;
}
#branding,
.post,
.page #content,
.search-results .page,
.type-attachment,
#comments,
.page-header,
#nav-below,
#image-nav,
.wp-pagenavi,
#footer {
	padding-left:0;
	padding-right:0;
}
#sidebar .widget {
	padding-left:20px;
	padding-right:20px;
}
/* --- Header --- */
#branding {
	padding-top: 80px;
	padding-bottom: 80px;
}
.header-widget-area {
	width:50%;
	float:right;
	text-align:right;
}
#branding,
#site-title {
	text-align:left;
}
#site-title {
	float:left;
}
/* --- Posts --- */
.entry-meta a.share-btn,
.entry-meta a.share-btn:hover {
	background-position:7px -76px;
}
/* --- Comments Reply --- */
#commentform p.comment-form-author, 
#commentform p.comment-form-email,
#commentform p.comment-form-url {
	width: 33.3%;
	display: block;
	float:left;
	margin: 0;
	padding:15px 0 0;
}
#commentform input#author, 
#commentform input#email, 
#commentform input#url {
	width: 88%;
}
#commentform p.comment-form-comment {
	width: 100%;
	display: block;
	float:none;
	clear:both;
	padding:15px 0 0;
}
}

/* standard laptop + desktop screens */
@media screen and (min-width: 1024px) {
/* --- General Structure --- */
#wrap,
#site-nav-container {
	max-width: 964px;
	margin:0 auto;
}
#content {
	width:100%;
}
#content-wrap {
	width:68.46846846846847%;
	float:left;
}

.page #content,
.archive #content,
.search #content,
.error404 #content,
.single-post #content,
.single-attachment #content {
	width:68.85245901639344%;
	float:left;
}
#sidebar {
	width:27.02702702702703%;
	float:right;
}
/* --- Header --- */
#site-title h2#site-description {
	display: inline-block;
	margin: 0;
	padding: 17px 0 0 12px;
}
/* --- Posts --- */
.post {
	padding: 0 0 45px;
}
.entry-meta a.share-btn,
.entry-meta a.share-btn:hover {
	background-position:7px -78px;
}
/* --- Post Nav --- */
#nav-below,
#image-nav {
	padding: 0;
}
/* --- Sidebar --- */
#sidebar {
	margin:3px 0 0;
	padding-top: 0;
	padding-bottom: 0;
}
/* --- Footer --- */
#footer {
	padding:0;
}
/* --- Shortcodes --- */
.four-columns-three {
	width:68.75%;
	position:relative;
	float:left;
	margin-right:3%;
	margin-bottom:0;
}
}





/*-----------------------------------------------------------------------------------*/
/*	Retina Display optimized Images
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Print
/*-----------------------------------------------------------------------------------*/


/* ------- Buttons ------- */
.standard-btn {
	vertical-align: middle;
}

/* tablets in landscape mode */
@media screen and (min-width: 1024px) {
/* --- General Structure ---
#site-nav-container {
	max-width: 964px;
	margin:0 auto;
} */
}

/* =Layout
-------------------------------------------------------------- */

/*
.page-template-default #wrap {
	max-width: 910px;
}
*/


body #site-nav li a				{ color:#dddddd; }
body #site-nav li a:hover		{ color:#ffffff; }
body #site-nav li#menu-item-9717 a		{ background-color:#335C7F; }
body #site-nav li#menu-item-9717 a:hover{ background-color:#77a6c9; }
body #site-nav li#menu-item-7682 a		{ background-color:#335C7F; }
body #site-nav li#menu-item-7682 a:hover{ background-color:#77a6c9; }
body #site-nav li#menu-item-2004 a		{ background-color:#335C7F; }
body #site-nav li#menu-item-2004 a:hover{ background-color:#77a6c9; }
body #site-nav li#menu-item-999 a		{ background-color:#335C7F; }
body #site-nav li#menu-item-999 a:hover	{ background-color:#77a6c9; }

#site-nav-container #searchform 		{ background-color:#182657; }
body #site-nav-container #s	 			{ background:#335C7F url(../waipoua/images/search-white.png) 10px 10px no-repeat; }
/*body #site-nav-wrap						{ background-color:#f82657; }*/

.page-content a:visited, 
.page-content a:link 
{
	color: #335C7F;
	text-decoration: none;
}
#hauptmenue
{
	color:#ffff00;
}


/* -----------*/



/* tablets in landscape mode */
@media screen and (min-width: 783px) {
/* --- Nav Menu -- */

#site-nav li a {
	background: none repeat scroll 0 0 #A4A471;
	border-radius: 6px 6px 6px 6px;
	transition: all 0.2s ease-in-out 0s;
	padding: 3px 16px 0;
	margin-top: 12px;
}
#site-nav li a:hover {
	background: none repeat scroll 0 0 #C0C090;
}

}



/* popup widget area */

#popup-box{position:fixed;top:10px;right:10px;width:100%;max-width:260px;border:1px solid #666;box-shadow:5px 5px 5px rgba(0,0,0,0.5);padding:0;z-index:9999;background:#fff;}


#mask {
	background-color:#000;
	display:none;
	left:0;
	position:absolute;
	top:0;
	z-index:9000;
} 
#boxes {
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing:0;
} 
#boxes .window {
	display:none;
	height:auto;
	left:0;
	padding:20px;
	position:absolute;
	top:0;
	width:440px;
	z-index:9999;
}
/* 
#boxes #popup {
  width:375px;
  height:203px;
  padding:10px;
  background-color:#ffffff;
}
*/
#x-mybox-content {
	border-color: #FFFFFF;border-width: 10px;
	box-shadow: 0 0 20px #000000;
	height: auto;
	outline: medium none;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 421px;
	z-index: 110002;
}
#mybox-close {
	background: url(img/mybox.png) repeat scroll -40px 0 transparent;
	cursor: pointer;
	height: 30px;
	position: absolute;
	width: 30px;
	z-index: 110003;
	right: -15px;
	top: -15px;
}


.page .post-date { font-size: 75%; color: #666; }
.page .post-date::before { content: '('; }
.page .post-date::after { content: ')'; }

.issuuembed {width:100%;}

#footer {
	background-color: var(--cs-bg-blue-4);
	margin-top:40px;
}
#site-info {
	padding: 20px 0 75px;
	color: #909090;
	max-width: 964px;
	margin: 0 auto;
}

/* --------------------------------------------------- */
/* navigation below content */
#nav-below {
	margin-top: 2em;
}
#nav-below .nav-next a,
.previous-image a,
#nav-below .nav-previous a,
.next-image a  {
	background:steelblue;
	color:#fff;
}
#nav-below  {
	position: relative;
	text-align: center;
}
#nav-below .nav-previous {
	float: left;
}
#nav-below .nav-next {
	float: right;
}
#nav-below .nav-back {
	display: inline-block;
}
#nav-below .nav-back a {
	display: inline-block;
	padding: 7px 12px;
	background:steelblue;
	color:#fff;
	border-radius: 6px;
}
#nav-below .nav-back a:hover {
	background: #333;
}
/* --------------------------------------------------- */

.standard-btn {
	text-decoration: none;
	box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 8px -4px;
}
.standard-btn:hover {
	box-shadow: rgba(0,0,0,0.33) 2px 2px 8px;
}
.red-btn {
	background-color:#e9254d;
	color:#fff !important;
	}
.red-btn:hover {
	background-color:#c61f42;
	}
.blue-btn{
	background-color:#1e4179;
	color: white !important;
	}
.blue-btn:hover{
	background-color:#77a6c9;
	}
.download-btn:hover {
/*	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='rgb(255, 255, 255)' d='M6 13h4v-7h4v7h4l-6 6-6-6zm16-1c0 5.514-4.486 10-10 10s-10-4.486-10-10 4.486-10 10-10 10 4.486 10 10zm2 0c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12 12-5.373 12-12z'></path></svg>");
*/	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='rgb(255, 255, 255)' d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'></path></svg>");
	background-repeat: no-repeat;
	background-size:1.75em;
	background-position:1em center;
	}
.download-btn {
/*	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='rgb(255, 255, 255)' d='M6 13h4v-7h4v7h4l-6 6-6-6zm16-1c0 5.514-4.486 10-10 10s-10-4.486-10-10 4.486-10 10-10 10 4.486 10 10zm2 0c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12 12-5.373 12-12z'></path></svg>");
*/	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='rgb(255, 255, 255)' d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'></path></svg>");
	background-repeat: no-repeat;
	background-size:1.75em;
	background-position:1em center;

	color:#fff;
	padding: 0.75em 0.75em 0.75em 4em;
	margin-bottom:20px;
	width:100%;
	/*font-size:0.9rem;*/
	line-height:1.5;
	text-align: left;
}
.white-btn {
	color: #e9254d;
	background-color: #fff;
	border: 1px solid #e9254d;
	margin: 0 10px 0 0;
	box-shadow: 1px 2px 8px 0 rgba(0,0,0,0.05);
}
.white-btn:hover {
	color: #fff !important;
	background-color: #e9254d;
}


/*
.back-to-top{opacity:0;position:fixed;right:24px;bottom:0;z-index:1;width:48px;height:48px;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22none%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%230050AA%22%20rx%3D%2224%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.087%22%20d%3D%22M23.9986%2014V34M29.216%2019.2174L23.9986%2014L29.216%2019.2174ZM23.9986%2014L18.7812%2019.2174L23.9986%2014Z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat}
@media screen and (max-width:63.99875em){.back-to-top{right:20px;bottom:0}}.back-to-top-enter{opacity:0}.back-to-top-enter-done,.back-to-top-enter-active{opacity:1;bottom:24px}
@media screen and (max-width:63.99875em){.back-to-top-enter-done,.back-to-top-enter-active{bottom:20px}}.back-to-top-enter-active{transition:opacity 300ms,bottom 300ms}.back-to-top-exit{opacity:1}
@media screen and (max-width:63.99875em){.back-to-top-exit{bottom:0}}.back-to-top-exit-active-done,.back-to-top-exit-active{opacity:0;bottom:0}.back-to-top-exit-active{transition:bottom 300ms}
*/
.back-to-top{
	opacity:0;
	position:fixed;
	right:24px;
	bottom:0;
	z-index:1;
	width:48px;
	height:48px;
	cursor:pointer;
	background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22none%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%230050AA%22%20rx%3D%2224%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.087%22%20d%3D%22M23.9986%2014V34M29.216%2019.2174L23.9986%2014L29.216%2019.2174ZM23.9986%2014L18.7812%2019.2174L23.9986%2014Z%22%2F%3E%3C%2Fsvg%3E);
	background-repeat:no-repeat
}
 @media screen and (max-width:63.99875em){
	.back-to-top{
		right:20px;
		bottom:0
	}
}
.back-to-top-enter{
	opacity:0
}
.back-to-top-enter-done,.back-to-top-enter-active{
	opacity:1;
	bottom:24px
}
 @media screen and (max-width:63.99875em){
	.back-to-top-enter-done,.back-to-top-enter-active{
		bottom:20px
	}
}
.back-to-top-enter-active{
	transition:opacity 300ms,bottom 300ms
}
.back-to-top-exit{
	opacity:1
}
 @media screen and (max-width:63.99875em){
	.back-to-top-exit{
		bottom:0
	}
}
.back-to-top-exit-active-done,.back-to-top-exit-active{
	opacity:0;
	bottom:0
}
.back-to-top-exit-active{
	transition:bottom 300ms
}


/* --------------------------------------------------- */
.vcover-block {
	display:block;
	width: 450px;
	height: 600px;
	z-index:-1;
	object-fit: cover;
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	margin: auto; 
	min-width: 50%;
	min-height: 50%;
}


/* ---------------------------------------------------
 * partnerlink Block 
 */
.partnerlink {
	font-size: 1rem;
	display: grid;
	/* Vertauschte Werte korrigiert: 0.5em vertikaler, 1.5em horizontaler Abstand */
	gap: 0.5em 1.5em;
	grid-template-columns: auto 1fr;
	border: 1px solid #ddd;
	border-radius: 12px;
	padding: 1em;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	margin-bottom: 1em;
	line-height: 1.5;
	background-color: var(--cs-background-color-3);
}

.partnerlink figure {
	grid-column: 1;
	grid-row: 1 / span 2;
	margin: 0;
}

.partnerlink img {
	margin:0 !important;
}

.partnerlink .plstrong {
	grid-column: 2;
	grid-row: 1;
	font-weight: bold;
	/* Hier überschreiben wir den Inline-Style */
	margin-bottom: 0 !important;
}

.partnerlink p {
	grid-column: 2;
	grid-row: 2;
	margin: 0;
	hyphens: manual;
}

.partnerlink .plimg {
	display: none;
}
/* partnerlink Block Ende */


/* --------------------------------------------------- */

.display-none { display: none; }
.uppercase { text-transform: uppercase; }

/* accordion */

/* gridcard */
.gridcard {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}



/* =End of File
-------------------------------------------------------------- *//* filename: _4_subheader.css	*/
/* version for caching: 1.1.0	*/

/*
 *	Styles subheader block on #vpage
 */


/* mobile first */
.l-subheader {
    transition-property: transform,background,box-shadow,line-height,height;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    margin: 0 auto;
}
.l-subheader.at_top {
	display: none;
}
.l-subheader-h {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 auto;
/*    max-width: var(--site-content-width,910px); */
    height: inherit;
}
.l-subheader-cell {
    display: flex;
    align-items: center;
    flex-grow: 1;
}
.l-subheader-cell:empty {
    display: none;
}
.l-subheader-cell.at_left {
    justify-content: flex-start;
	display:none;
}
.l-subheader-cell.at_center {
    justify-content: center;
}
.l-subheader-cell.at_right {
    justify-content: flex-end;
	padding: 0 1em;}
.w-text.nowrap {
    white-space: nowrap;
}
.l-subheader-cell.at_left>* {
    margin-right: 1.4rem;
}
.w-text.icon_atleft i {
    margin-right: .4em;
}
.w-text i {
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
}
.far {
    font-family: "fontawesome";
    font-weight:normal;
}
.fa, .fab, .fad, .fal, .far, .fas {
    display: inline-block;
    line-height: 1;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-variant: normal;
    text-rendering: auto;
}
.l-subheader-cell.at_right>* {
    margin-left: 1.4rem;
}
/*
.w-socials-list {
    white-space: nowrap;
}
.ush_socials_1 .w-socials-list {
    margin: -0.5em;
}
.ush_socials_1 .w-socials-item {
    padding: 0.5em;
}
.w-socials-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: var(--gap,0);
}
*/


@media screen and (min-width: 600px){
.l-subheader.at_top {
    line-height: 36px;
    height: 36px;
	display: block;
}

.fa-facebook:before {
    content: "\f09a";
}
.l-subheader {
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}
}



/* --- News Line in Header --- */
.cl100 {
	width: 100%;
	margin: 0;
	padding: 3px 10px 7px;
	overflow: hidden;
	background-color: transparent;
	color: #EEE;
	text-align: center;
}
.cl101 {
	display: inline-block;
	padding: 3px 0.5em;
	border-radius: 6px;
	color: #EEE;
	color: var(--cs-subheader-text);
	border: 1px solid currentColor;
	text-align:center;
}
.cl101:hover {
	background: #e9254d;
	color: #ffffff !important;
	border-color: #fbb03b;
}
.manuell .parent-76 .hig2 a:hover,
.manuell .parent-76 .hig2 a {
	text-indent: 0;
	background: transparent;
	display: block;
}
#schab-logo-inline {
	fill: var(--cs-bg-blue-2);
	width: 285px;
	height: auto;
	margin-top:	10px;
}
#schab-logo-inline:hover {
	fill: #999;
}

.l-subheader-cell.at_right {
    justify-content: flex-end;
    padding: 0 0 0 1em;
}

.at_top,.w-text-h {
    background-color: var(--cs-subheader-bg);
    color: var(--cs-subheader-text);
}

.l-subheader-cell.at_left {
    justify-content: flex-start;
    margin-left: 0.33em;
}
/* filename: _5_custom.css		*/
/* version for caching: 1.4.6	*/

/* base layout */
.base-width {
	max-width: 1280px;
}



/* Block Styles */
:root{
	--wp--preset--aspect-ratio--square: 1;
	--wp--preset--aspect-ratio--4-3: 4/3;
	--wp--preset--aspect-ratio--3-4: 3/4;
	--wp--preset--aspect-ratio--3-2: 3/2;
	--wp--preset--aspect-ratio--2-3: 2/3;
	--wp--preset--aspect-ratio--16-9: 16/9;
	--wp--preset--aspect-ratio--9-16: 9/16;
	--wp--preset--font-size--small: 13px;
	--wp--preset--font-size--medium: 20px;
	
	--wp--preset--font-size--large: 36px;
	--wp--preset--font-size--x-large: 42px;
	--wp--preset--spacing--20: 0.44rem;
	--wp--preset--spacing--30: 0.67rem;
	--wp--preset--spacing--40: 1rem;
	--wp--preset--spacing--50: 1.5rem;
	--wp--preset--spacing--60: 2.25rem;
	--wp--preset--spacing--70: 3.38rem;
	--wp--preset--spacing--80: 5.06rem;
	--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
	--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
	--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

/* font-size */
.has-small-font-size {font-size: var(--wp--preset--font-size--small)}
.has-medium-font-size {font-size: var(--wp--preset--font-size--medium)}
.has-large-font-size {font-size: var(--wp--preset--font-size--large)}
.has-x-large-font-size {font-size: var(--wp--preset--font-size--x-large)}

.nowrap{white-space: nowrap;}

/* border-radius */
.teaser2 img,
.size-post_thumbnail_3012,
.product-card,
.borderradius12,
.borderradius12 .lP,
.post_thumbnail_3012 {
	border-radius: 12px;
	overflow: hidden;
}


.product-card { 
	font-size: 1rem; 
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

article.product-card .entry-title {
	font-size: 1.2em
}

article.product-card .wp-block-group {
	background-color: var(--color-content-bg-alt);
	margin-block-start: 0;
	padding: 1em .5em
}

article.product-card .wp-block-post-excerpt__excerpt {
    min-height: 5.6em;
}


a{-webkit-tap-highlight-color: rgba(240,240,0,0);}




#footer{
	margin:30px 0 0;
	padding:0;
	background-color:var(--cs-bg-blue-4);
}
#site-info{color:#ddd;margin:0 auto;max-width:910px;padding:0 4em 0 0}
#site-info {
  padding: 12px 0;
}
#site-info a.top {
  position: absolute;
  bottom: auto;
  right: 0;
}
#site-info,
#site-info a {
  color:#ccc
}
#site-info a:hover{color:#fff}

.standard-btn.white-btn { padding: 7px 14px;}

/* --- Accordion --- */
.c-accordion__item {border-bottom:1px solid #eee;} /* The accordion item container */
.c-accordion__item:first-child {border-top:1px solid #eee;} /* The accordion item container */
.c-accordion__item.is-open {} /* is-open is added to open accordion items */
.c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */
.c-accordion__title {padding-left:3em; }
.c-accordion__title::before {content: "\f543";  font-family: dashicons; color:var(--cs-link-color); margin:-0.2em 0 0 -2em; display:inline-block;width:2em;
transform:none;vertical-align:middle} /* An accordion item title */
.c-accordion__item.is-open .c-accordion__title::before {content: "\f460";}
.c-accordion__title--button {} /* An accordion item title that is using a button tag */
.c-accordion__title:hover {text-decoration: underline;} /* To modify the style when hovering over an accordion item title */
.c-accordion__title:focus {outline-color:#c60} /* To modify the style when an accordion item title currently has broswer focus */
.c-accordion__content {margin: 2em} /* An accordion item content container */
.c-accordion__title::after {content:initial}
h3.c-accordion__title {font-size:1.3em}

#site-title img {width:368px;height:42px}



/* Overwrite Waipoua Theme Options */
a, .entry-header h2.entry-title a:hover {color:var(--cs-link-color);}
.entry-meta a.share-btn {background:var(--cs-link-color) url(https://www.schablonen-technik.de/wp-content/themes/waipoua/images/standardicons.png) 7px -78px no-repeat;}
blockquote {border-left:6px solid var(--cs-link-color);background-color:transparent}
input#submit, input.wpcf7-submit, .format-link .entry-content a.link, .flickr_badge_wrapper a img:hover, .jetpack_subscription_widget form#subscribe-blog input[type="submit"] {background:var(--cs-link-color);}

#site-nav,
#site-nav-wrap {background:var(--cs-menu-bg-color);
}


h1, h2, h3, h4, h5, h6 {color: var(--cs-header-color)}


header.entry-header .entry-title a {
    color: var(--cs-header-color);
}


a {
	color:var(--cs-link-color);
}
a:hover, #content .entry-content p a:hover, #content .entry-summary p a:hover, #sidebar .textwidget a:hover, #content #comments .comment-text a:hover, #comments ol li.pingback a.url:hover {
	color:var(--cs-link-color-hover);
}
.has-super-silver-color { 
	color: var(--cs-super-silver-color)
}
.has-super-silver-background-color { 
	background-color: var(--cs-super-silver-color)
}

#sidebar {
background-color:var(--cs-background-color-2);
margin-top:0;
}
article.post {background-color:var(--cs-background-color-3)}

.c-accordion__item {
	background-color: var(--cs-background-color-2);
}
.c-accordion__title:focus {
	background-color:  var(--cs-background-color-3);
}

#header {
    display: contents!important;
}

.page.page-id-72 #header,
.page.page-id-1404 #header {
    display: block;
}
#cn-accept-cookie:hover {
    background-color: #eee;
}
#cn-accept-cookie {
    background-color: #fff;
    border-radius: 0.3em;
    padding: 0.3em;
}
a.has-steel-blue-color { color: SteelBlue }
ä.has-steel-blue-background-color { background-color: SteelBlue }

a.has-steel-blue-background-color:hover,
a.has-steel-blue-background-color:focus { color: #fff }

a.wp-block-button__link:hover,
a.wp-block-button__link:focus { text-decoration: underline }
/*
.wp-block-button__link:visited,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:active
{ color: SteelBlue }
*/
.wp-block-button__link.has-steel-blue-background-color { background-color: SteelBlue }

/* youtube privat */
.video-wrapped {
	width: 100% !important;
	/*height: auto !important;
	padding: 56.25% 0 0;*/
}
.video-wrapped .video-wrapped-play a {color:#ffccf3}
.video-wrapped .video-wrapped-play::before {margin:-20px 0 20px 0;
}


/* --- Header --- */
#branding {
	padding: 16px 0 64px;
}

#wrap #content .read-more-link {
	text-decoration: none;
	display: inline-block;
	padding: 1px .5em;
	border-radius: 6px;
	border: 1px solid currentColor
}

#wrap #content .read-more-link:hover {
	background: #e9254d;
	color: #fff;
	border-color: #fbb03b
}
 
 .video-wrapped .video-wrapped-play {
    text-align: center;
    font-size: 2em;
    margin-top: 20px;
	padding:5px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    cursor: pointer;
	background-color: rgba(0,0,0,0.5);
}
	
.wp-block-post-title {font-size:1.4rem;line-height:125%;min-height:3.75em;margin-top:0}
.wp-block-post-date p {font-size:80%;margin-bottom:2em}
.wp-block-post-template.is-flex-container li{display:flex;flex-direction:column;border-bottom:none}

.logo #schab-logo-inline {
    margin-top: 20px;
}


svg.icon-phone {
	fill: currentColor;
	height: 1em;
	display: inline;
	vertical-align: -10%;
	margin-right: .25em;	 
}

/* Touch screen device style goes here 
@media (hover: none) and (pointer: coarse) {
}
*/

.svg-inline-icon {
	fill: currentColor;
	height: 1em;
	display: inline;
	vertical-align: middle;
}
.icon_atleft span {
    margin-left: 0.25em;
}

/* wrap */
#wrap, #site-nav-container, .l-subheader-h, .post-wrap, #content.fullwidth {
	width: 100%!important;
    max-width: 560px;
    margin: 0 auto;
	float: none;
}

#site-nav-container #s {
	width:490px;
}

@media screen and (min-width: 48px) {
	#wrap, #site-nav-container, #branding, #site-info, #content.fullwidth, .l-subheader-h, .post-wrap {
		max-width: 100%;
		margin: 0 auto;
	}
	#s:focus::placeholder {
		color: #afafaf;
	}
	::placeholder {
		color: #fff;
	}
}

@media screen and (min-width: 782px){
	#wrap, #site-nav-container, #branding, #site-info, #content.fullwidth, .l-subheader-h, .post-wrap {
		max-width: 728px;
	}
	#site-nav-container #s:focus {
		width: 490px;
	}
	#site-nav-container #s:focus::placeholder {
		color: #afafaf;
	}
}

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

	#wrap, #site-nav-container, #branding, #site-info, #content.fullwidth, .l-subheader-h, .post-wrap {
		max-width: 728px;
	}

/* --- Site Nav --- */
#site-nav-wrap a#mobile-menu-btn {
	display:none;
}
#site-nav-wrap a#home-btn {
	width:40px;
	height:60px;
	display:inline-block;
	margin:0;
	padding:0;
	text-align:left;
	background: url(https://www.schablonen-technik.de/wp-content/themes/waipoua/images/standardicons.png) 0 21px no-repeat;
	float:left;
	font-size:1.1em;
	text-decoration:none;
	text-indent:-9999em;
	opacity:0.75;
	filter: none;
}
#site-nav-wrap a#home-btn:hover {
	opacity:1;
	filter: none;
}
#site-nav {
	position:relative;
	padding:0;
	display:block !important;
	background:none;
	overflow:visible;
}
#site-nav ul {
	padding: 0;
}
#site-nav ul li {
	position:relative;
	display:inline-block;
	float:left;
	padding:0;
	background:none;
}
#site-nav ul.sub-menu,
#site-nav ul.children {
	width:auto;
	display: none;
	position:absolute;
	top:55px;
	background:#fff;
	border:1px solid #ececec;
	z-index: 99999;
}
#site-nav ul.sub-menu ul,
#site-nav ul.children ul {
	display: none;
	top:-5px;
	left:152px;
	z-index: 99999;
}
#site-nav li li {
	position:relative;
	display:block;
	width:160px;
	float:none;
	color:#333;
}
#site-nav li li li {
	width:160px;
	display:block;
}
#site-nav li a {
	height:32px;
	display:inline-block;
	margin:12px 15px 0 0;
	padding:14px;
	padding: 3px 16px 0;
	border:none;
	font-size:.95em;
	color: rgba(255, 255, 255, 0.75);
	text-transform:none;
	letter-spacing:0;
	transition: all 0.2s ease-in-out;
}
#site-nav li li a {
	height:auto;
	display:block;
	float:none;
	margin:0 15px;
	padding:12px 0;
	border-bottom:1px solid #ececec;
	font-size:.7em;
	word-break: break-word;
}
#site-nav li li li a {
	font-size:.65em;
}
#site-nav ul.menu ul.sub-menu li:last-child a,
#site-nav ul ul.children li:last-child a {
	border-bottom: none;
}
#site-nav ul.menu ul.sub-menu li ul.sub-menu li a,
#site-nav ul ul.children li ul.children li a {
	border-bottom: 1px solid #ececec;
}
#site-nav ul.menu ul.sub-menu li ul.sub-menu li:last-child a,
#site-nav ul ul.children li ul.children li:last-child a {
	border-bottom: none;
}
#site-nav li a:hover {
	background:none;
	color: rgba(255, 255, 255, 1) !important;
}
#site-nav li li a:hover {
	background:none;
	color:#333 !important;
}
#site-nav ul li:hover > ul {
	display: block;
	color:#909090;
	transition: all 0.5s ease-in-out;
}
#site-nav li:hover > a {
	color:#fff;
}
#site-nav li li:hover > a {
	background:none;
	color:#333 !important;
}
/* --- Site Nav Search --- */
#site-nav-container #searchform ::placeholder {
	color: rgba(255, 255, 255, 0.75);
}
#site-nav-container #searchform .placeholder {
	color: rgba(255, 255, 255, 0.75);
}
#site-nav-container #searchform {
	position:relative;
	float: right;
	margin-top:12px;
	margin-bottom:12px;
	padding: 0;
	background:none;
}
#site-nav-container #searchform div {
	margin: 0;
}
#site-nav-container #s {
	position:relative;
	width: 58px;
	height: 35px;
	padding:0 0 0 33px;
/*---	background:#f55243 url(https://www.schablonen-technik.de/wp-content/themes/waipoua/images/search-white.png) 10px 10px no-repeat;---*/
	border:none;
	font-size:1.05em;
	color: rgba(255, 255, 255, 0.75);
	transition: all 0.4s ease;
}
#site-nav-container #s:focus {
	width: 210px;
}
#site-nav-container #s:focus::placeholder {
	color:#afafaf;
}
}


@media screen and (min-width:1080px) {
	#wrap, #site-nav-container, #branding, #site-info, #content.fullwidth, .l-subheader-h, .post-wrap {
		max-width: 1024px;
	}
}


@media screen and (min-width: 1170px){
	#wrap, #site-nav-container, #branding, #site-info, #content.fullwidth, .l-subheader-h, .post-wrap {
		max-width: 1110px;
	}
}

@media screen and (min-width: 1440px){
	#wrap, #site-nav-container, #branding, #site-info, #content.fullwidth, .l-subheader-h, .post-wrap {
		max-width: 1280px;
	}
}


img.wp-post-image {
    width: 100%;
}
.post-thumbnail-link {display:block;margin-bottom:1em}

html {scroll-behavior: smooth; transition: all 1s ease-in-out;}
[id] {scroll-margin-top: 64px;} /* fix sticky header */

.tm4em {margin-top:4em}
.page-content ul{padding:2px;margin:1em 0 0}
#toc.has-background {padding:1em}

h2,
.entry-content .h2 {
	font-family: oswald,sans serif;
	color: var(--cs-header-color);
	margin: 1.4em 0 0.6em;
	font-size: 1.4em;
}

.h3,
.entry-content .h3 {
	font-family: oswald,sans serif;
	color: var(--cs-header-color);
	margin: 1.2em 0 0.6em;
	font-size: 1.2em;
}

.post-wrap {max-width: 1000px;}
.post-wrap ul {margin:0 0 30px !important;}
 
.wp-block-group p {
    margin: 0 0 1.4em;
    line-height: 1.4;
}

.padding-2em {padding:0.005em 25% 3em}

/* lyte video embed */
.ytp-gradient-top,.tC{background-image:none!important}
.tT{text-shadow: 2px 2px 2px #ccc, 2px -2px 2px #ccc, -2px 2px 2px #ccc, -2px -2px 2px #ccc, 2px 0px 2px #ccc, 0px 2px 2px #ccc, -2px 0px 2px #ccc, 0px -2px 2px #ccc;color:#000!important}
.lyte_disclaimer {
	display: none;
	padding: .25em .5em;
	border: 2px solid steelblue;
	width: 100%;
	bottom: 0;
	position: relative;
	background: var(--cs-semiwhite-background-color);
}
.entry-content .is-provider-youtube {
	position:relative;
	padding-bottom:4em;
}

.entry-content .is-provider-youtube:hover .lyte_disclaimer {
	display: inline-block;
}
.play {
    top: calc(50% - 31px - 5em)!important;
}


/* archive-flexcard */
.archive-flexcard {
	background-color: var(--color-content-bg-alt);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	overflow: hidden;
}
.archive-flexcard .wp-block-post-title {
	margin-top: .5em;
}

.archive-flexcard .aspect-16-9 {
    object-fit: cover;
    aspect-ratio: 16/9
}
.archive-flexcard > div, 
.archive-flexcard >  .wp-block-post-title {
	padding-left: .5rem;
	padding-right: .5rem;
}
.card-readmore {
	margin: .9em 0 1.8em;
}



/* improve gallery flex */
.no-flex-grow figure.wp-block-image:not(#individual-image) {flex-grow: inherit}
.no-flex-grow{flex-grow:inherit!important}
.is-layout-flex {display:flex; flex-flow:row wrap; row-gap: 1em}

@media (max-width: 1439px){
 .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
   width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
}
}

@media (max-width: 599px){
 .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
	 width: 100%;
}
}
.space-evenly {justify-content:space-evenly}
.fontweight400 {font-weight:normal;	font-family: oswald,sans serif;
}



/* root colors */
:root {
  --cs-bg-blue-1: #6397bf; /* HSB Gradient mit Easing */
  --cs-bg-blue-2: #4b75a4;
  --cs-bg-blue-3: #273e72;
  --cs-bg-blue-4: #182657;
/* light color-scheme */
  --cs-background-color: #eee;
  --cs-background-color-2: #f5f5f5;
  --cs-background-color-3: #f8f8f8;
  --cs-super-silver-color: #ddd;
  --cs-primary-color: #cc296d;
  --cs-primary-color-hover: #cca3b4;
  --cs-text-color: #333;
  --cs-text-color-hover: #ccc;
  --cs-text-blue: #182657;
  --cs-link-color: #3C6F9A;/*#4279A8;*/
  --cs-link-color-hover: #182657; /*#909090; */
  --cs-menu-bg-color: #182657;
  --cs-vheader-color: #4c4a4a;
  --cs-header-color: #4c4a4a;
  --cs-header-color-hover: #4279A8;
  --cs-subheader-bg: #e4e5e9;
  --cs-subheader-text: #303030;
  --cs-white-background-color: #fff;
  --cs-semiwhite-background-color: rgba(255,255,255,.9);
  --wp--preset--color--distant-wind-chime: #ebeff2;
  --color-content-bg-alt: #e9ecf0;
	--faq-title-background: #dfe6eb;
	--faq-title-color: #333;
	--faq-body-background: #f5f5f5;
}
@media screen and (prefers-color-scheme: dark) {
  :root {
/* dark color-scheme */
    --cs-background-color: #222;
    --cs-background-color-2: #1d1d1d;
    --cs-background-color-3: #161a1e;
    --cs-super-silver-color: #333;
    --cs-primary-color: #cc296d;
    --cs-primary-color-hover: #cca3b4;
    --cs-text-color: #ddd;
    --cs-text-color-hover: #f00;
    --cs-text-blue: #4064e5;
    --cs-link-color: #80c8ff;
    --cs-link-color-hover: #4064e5; /* #d9d9d9; */
    --cs-menu-bg-color: #182657;
    --cs-vheader-color: #ccc;
    --cs-header-color: #ccc;
    --cs-header-color-hover: #f00;
    --cs-subheader-bg: #303030;
    --cs-subheader-text: #e4e5e9;
	--cs-white-background-color: #e6e6e6;
	--cs-semiwhite-background-color: rgba(0,0,0,.9);
	--wp--preset--color--distant-wind-chime: #111213;
	--color-content-bg-alt: #141618;
	--faq-title-background: #335c7f;
	--faq-title-color: 999;
	--faq-body-background: #222;
  }

  img {
	  filter: brightness(.85) contrast(1.15)
  }
  #site-title img {
	  filter: brightness(3.6)
  }
}


/* Screen width dependend */

@media screen and (min-width: 0px) {
    .cta87 {
        font-size: 1.25rem
    }
	.page-header { padding: .5em }
}

@media screen and (min-width: 480px) {
    .cta87 {
        font-size: 1.25rem
    }
}

@media screen and (min-width: 782px) {
	.page-header { padding: 0 }
    #wrap { font-size: 1.25rem }

    .single-post .entry-content p, .entry-content p, .entry-summary p {
        font-size: 1em;
        line-height: 1.5
    }

    .single-post .entry-content h3, .entry-content h3 {
        font-size: 1.2em;
    }

}

@media screen and (min-width: 1024px) {
    #content article>header,#content article>div,#content article>footer {
        padding-left: 1em;
        padding-right: 1em;
        padding-left: 0;
        padding-right: 0;
    }

    aside.entry-details {
        position: relative
    }
}


/* --- Font-weight --- */
body {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300; /* Explicitly use the 300 weight */
}

b, strong {
    font-weight: 400; /* Explicitly use the 400 weight */
}
/* --- /Font-weight --- */


/* --- Globale Typografie-Einstellungen --- */
html {
  font-size: clamp(1rem, 0.7039rem + 0.5263vw, 1.125rem);
  line-height: 1.5;
}

/* --- Block "Teaser" --- */

/* Basis-Einstellungen für den Teaser-Container selbst.
 * Die Schriftgröße kommt vom Body, wenn sie nicht hier explizit in 'rem' überschrieben wird.
 */
.teaser-base {
	font-size: 1.25rem;
  line-height: 1.2; /* etwas engere Zeilenhöhe für den Teaser-Block */
}

.teaser-base.is-layout-flex {
	gap: 3em; 
}

.teaser-base figure, .teaser-base img {
	border-radius: 12px;
}

/* p und ul sollen wie Absätze zu wirken */
.page #content .teaser-base p,
.page #content .teaser-base ul {
	margin-top: 0;
	margin-bottom: 0.6em;
	font-size: inherit;
	line-height: inherit;
}

.teaser-base li {
  margin-top: 0;
  margin-bottom: 0;
}


.wp-block-media-text.teaser2 > .wp-block-media-text__content{
	padding:0;
}
.wp-block-media-text.teaser2 {
	column-gap: 1.5em;
	grid-template-columns: 1fr 1fr;
}
.wp-block-media-text.teaser2 > .wp-block-media-text__content p {
	font-size: 1rem;
	line-height: normal;
	font-weight: 300;
	margin-bottom: 1rem;
	hyphens: manual;
}

.wp-block-media-text.teaser2 > .wp-block-media-text__content p:first-child {
    font-size: 1.5rem;
}

.wp-block-media-text.teaser2 > .wp-block-media-text__content p strong {
    font-weight: 500;
}

.wp-block-media-text.teaser2 > .wp-block-media-text__content p:last-child {
    margin-bottom: 0;
}

/* --- /Block "Teaser" --- */


:root .entry-content :where(.is-layout-flex) {
   /* column-gap: 3em; */
}

.row-reverse {
	flex-direction: row-reverse;
}


/* --- .figmabox anfang --- */

#wrap .figmabox.use-mediabox p.smaller {
	font-size:.8125em;
	margin: 2.4615em 0 1.2307em;
}

.figmabox .bub-buttons li{
	flex-grow:0;
}

.figmabox {
	border-radius: 12px;
	overflow: hidden;
}

#wrap .figmabox :where(.is-layout-flow) > :last-child,	/* overwrite wordpress */
#wrap .orderbox :where(.is-layout-flow) > :last-child {	/* overwrite wordpress */
  margin-block-end: .625em;
}

.single-post .entry-content .figmabox p:last-child,	/* overwrite waipoua.css */
.figmabox.use-mediabox p {
	font-size:1em;
	margin-top:.625em;
	margin-bottom:.625em;
	line-height:1.25em;
}

.figmabox.use-mediabox > .wp-block-media-text__content {
	padding:0 7.5%;
}

.use-font-medium,
.figmabox.use-mediabox p.use-font-medium {
	font-size:1.25em;
}

.figmabox img {
	border-radius: 0;
}

/* --- .figmabox ende --- */



/* --- fix template figma-article --- */

.post-template-figma-article .wp-block-post-title {min-height:0;margin-bottom:0.6em;}
.post-template-figma-article #wrap ul {list-style: outside square;font-size: 1em;margin:.6em 0 .6em 1em;padding-left:0;}
.post-template-figma-article #wrap ol {list-style: outside decimal;font-size: 1em;margin:.6em 0 .6em 1em;padding-left:0;}
.post-template-figma-article .figmabox h3 {font-size: 1.2em;}
.post-template-figma-article .figmabox .h3 {font-family: inherit;font-weight:400;}
.post-template-figma-article .figmabox .lyte-wrapper {margin: 0!important;}
.post-template-figma-article .figmabox .use-textpadding {padding: 1.75em 2.4em .625em;flex: 0 0 50%;overflow:hidden;}
.post-template-figma-article .figmabox .use-videobox {flex: 0 0 50%;overflow:hidden;}
.post-template-figma-article .figmabox.use-mediabox {gap:0;}
.post-template-figma-article .figmabox {gap:0;}
.post-template-figma-article .figmabox .wp-block-column {flex-shrink: 1; flex-grow: 0;padding:1rem 1.5rem;}
.post-template-figma-article #wrap .bub-evenly {padding:.1667em!important;}
.post-template-figma-article :is(h1, h2, h3, .h2, .entry-content .h2, .h3, .entry-content .h3) {
  font-family: 'Roboto Condensed', Oswald, sans-serif;
}
.post-template-figma-article :is(h2, .h2, .entry-content .h2) {
  font-size: 1.4em;
}

/* --- end of fix template figma-article --- */




/* lightweight-accordion faq-default
	https://www.schablonen-technik.de/wp-content/plugins/lightweight-accordion/css/min/lightweight-accordion.min.css?ver=1.6.0 
	*/
.lightweight-accordion.faq-default .lightweight-accordion-title h3 {
	color: var(--faq-title-color);
}
/*div.lightweight-accordion.bordered.faq-default details summary.lightweight-accordion-title,*/
.lightweight-accordion.faq-default .lightweight-accordion-title {
	background: var(--faq-title-background);
}
.lightweight-accordion.bordered.faq-default .lightweight-accordion-body {
	border-color: var(--faq-title-background);
	background: var(--faq-body-background);
}

/* light-dark optimization */
:root{
	color-scheme: light dark;
}
:root :where(.wp-block-image figcaption) {
	color: light-dark(#555, #ffffffa6);
}

/* search-results-grid*/
.wp-container-core-group-is-layout-search {
	grid-template-columns: repeat(auto-fill, minmax(min(18rem, 100%), 1fr));
	container-type: inline-size;
}

/* .q480 image size fit */
.q480 {
	row-gap: 1.5em
}
.q480 img {
	max-height: 480px;
	max-width: 480px!important;
	width: 100%!important
}
.q480 .wp-block-media-text__media {
	margin: 0 auto!important
}


/* =End of File
-------------------------------------------------------------- *//** _6_customizer.css version 1.4.1 */
.blog-grid-layout {
	display: grid;
	gap: 1.25em;
	grid-template-columns:repeat(auto-fill, minmax(min(320px, 100%), 1fr));
	container-type:inline-size;
}

:root :where(.is-layout-flow)>h2 {
	margin-block-end: 0.6em;
}


.buttons-33 .wp-block-button { width: 40%; }

/* main menu */
@media screen and (min-width: 1024px) {
	#site-nav-container #s,
	#menu-hauptmenue .menu-item a {
		width: 6em;
	}
}

.alignfull {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.alignfull>.wp-block-group__inner-container {
	max-width: 1280px;
	margin: 0 auto;
}

.single .entry-content {
	overflow-x: initial
}

#wrap ul.use-margin-0,
.use-margin-0 {
	margin: 0
}

.use-bk-color-tip {
	background-color: #e2e6e3;
	padding: 3em
}

.use-bk-color-tip .wp-block-group__inner-container {
	padding: 1.5em
}

.use-wind-chime {
	background-color: var(--wp--preset--color--distant-wind-chime);
}

.cta87 .wp-block-columns {
	padding: 0 !important;
}

.use-excerpt-compact p.wp-block-post-excerpt__excerpt {
	max-width: 25em;
	font-size: 24px;
	font-weight: 300;
	hyphens: manual;
	text-align: left;
	text-wrap: balance;
}

.use-bottom-spacer-large {
	margin-bottom: 5em
}

.use-bottom-spacer-normal {
	margin-bottom: 1.5em!important
}

.use-bold-paragraph {
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
	line-height: inherit;
	margin-bottom: 0.6em!important;
}

.use-h-to-p h2, 
.use-h-to-p h3 {
	font: inherit;
	font-size: 24px;
	line-height: 1.1;
	margin: 0 0 1.4em;
}

.use-padding-top {
	padding-top: 2em;
}

@media (max-width:781px) {
	.use-sm-hidden {
		display: none!important
	}
	.post-thumbnail-link .size-post_thumbnail_3012{
		border-radius: 0;
	}
}


.margin-caption figcaption {
	margin-left: .5em;
	margin-right: .5em
}

.wbcenter640 {
	max-width: 640px;
	margin: 3em auto
}

.schablonen-features,
.use-mw640 {
	max-width: 640px
}
.use-balance {
	hyphens: manual;
	overflow-wrap: break-word;
	text-wrap: balance;
}
.use-justify {
	text-align: justify;
	hyphens: manual;
	overflow-wrap: break-word;
	text-wrap: balance;
}

#content .entry-content p a.wp-block-post-excerpt__more-link:hover {
	font-weight: 400;
	letter-spacing: -.005em;
}

.article-header h1 {
	font-size: 2.2em!important;
	line-height: 1.4em;
	min-height: 0
}

/*
.article-header h1,
.article-header p {
	padding: 0 30px 0
}
 */
	
/* Seraphinite Accelerator & Wasserzeichen entfernen */
a[href*="s-sols.com"] {
	height: 0;
	overflow: hidden;
	font-size: 0;
	visibility: hidden;
}

.shadowdown {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
	padding: 1em;
}
.boxshadowdown img {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
}

.font-stencil {
	font-family: "StencilStar", "Oswald", sans-serif;
}

.font-condensed,
.h3.font-condensed,
.single-post .entry-content .font-condensed {
	font-family: "Roboto Condensed", "Oswald", sans-serif;
}

.font-bold {
	font-weight: bold
}

.use-padding-normal {
	padding: 1rem
}

/*
.use-padding-normal>p{padding:.5em}
.use-padding-normal>.wp-block-group__inner-container {padding: 2em;margin-bottom: 3em!important}
*/

.background-color-2 {
	background-color: var(--wp--preset--color--distant-wind-chime);
	padding-bottom: 1em
}

.wp-block-group.has-background .font-size-2 > div {
	font-size: 1rem;
	padding: 2rem;
	border-radius: 12px;
}

.h3-grid {
	font-size: 1.625em;
	margin-bottom: 1em!important
}

.list-none {
	list-style: none;
	margin-left: 0!important
}

.list-compact li {
	line-height: 1.25em!important
}

.mediatextpadding h2,
.mediatextpadding h3 {
	margin-top: 0
}

.mediatextpadding figure {
	padding-left: 1vw;
	padding-right: 1vw;
}

.post-template-featured-article p.h2 {
	font-size: 1.7em;
	margin-bottom: 0.6em;
	margin-top: 1.4em;
	text-wrap: balance;
}

.post-template-featured-article p.h2 strong {
	font-weight: 400;
}

.post-template-featured-article p.h3 {
	font-size: 1.2em;
	margin-bottom: 0.6em;
	margin-top: 1.4em;
	text-wrap: balance;
}

.post-template-featured-article p.h3 strong {
	font-weight: 400;
}

#site-nav-container #s {
	font-weight: 400!important;
	color: lightgray!important
}

#site-nav-container #s:focus {
	font-weight: 400!important;
	color: var(--cs-menu-bg-color)!important
}

.cta87 .wp-block-group__inner-container {
	max-width: 52em;
	margin: 0 auto;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
}

.aspect-16-9 img {
	object-fit: cover;
	aspect-ratio: 16/9;
}

.wp-block-post-template-is-layout-grid {
	margin: 0 !important;
}

hr.is-style-wide {
	border: .125em solid;
}

.blocksatz {
	text-align: justify
}

.tw-gutter-large {
	column-gap: 2.5em!important
}

#content.fullwidthcontent {
	width: 100% !important;
	float: none;
}

.padding-video {
	padding-bottom: 4.5em!important;
}

.has-font-oswald {
	font-family: "Oswald", sans-serif;
}

.max-width-m {
	max-width: 24em
}

:where(.wp-block-button__link) {
	padding: calc(.667em + 2px) calc(1.333em + 2px)!important;
}

.has-white-color {
	color: #fff!important
}

.has-steel-blue-background-color {
	background-color: #4682b4
}

.has-super-silver-color {
	color: var(--cs-background-color)
}

.has-super-silver-background-color {
	background-color: var(--cs-background-color)
}

/* post template featured article */
.post-template-featured-article #content {
	float: none;
	margin: 0 auto;
		width: auto!important;
}
/*
.page-template-page-blogpage #branding,
.post-template-featured-article #branding {
	padding: 32px 0
}
*/
.page.page-template-page-blogpage article .entry-content { padding:0!important}

.size-post_thumbnail_3012,
.aspect3012 img {
	aspect-ratio: 30/12;
	object-fit: cover;
}

.fit-content {
	min-height: fit-content
}

.post-template-featured-article article {
	padding: 0 0 2em
}


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

@media screen and (max-width:781px) {
	.post-template-featured-article article>.entry-content,
	.post-template-featured-article article>footer,
	.post-template-featured-article article>header {
		padding-left: 3vw!important;
		padding-right: 3vw!important
	}
}

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

	.page-template-page-blogpage .post {
		padding-left: 0;
		padding-right: 0
	}

	.entry-content,
	.entry-summary {
		padding-bottom: 0;
	}
}

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


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


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


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

/* Bildunterschriften */
figure.wp-block-gallery.put-caption-below figcaption.wp-element-caption {
	background-image: none;
	color: #333;
	min-height: 9em;
	position: static;
	scrollbar-color: #0000 #0000;
	scrollbar-gutter: stable both-edges;
	scrollbar-width: thin;
	text-align: left;
	width: 100%;
	padding: 0.5em .75em;
	background-color: #ddd;
	margin-top: 0;
	font-size: 1rem;
	text-shadow: none;
}

.put-caption-below figcaption.wp-element-caption {
	background-image: none;
	color: #333;
	min-height: 9em;
	position: static;
	scrollbar-color: #0000 #0000;
	scrollbar-gutter: stable both-edges;
	scrollbar-width: thin;
	text-align: left;
	width: 100%;
	padding: 0.5em .75em;
	background-color: #ddd;
	margin-top: 0;
}

#use-background {
	padding: 1em
}

.cl100 {
	padding: 23px 0 27px
}

/* make buttons SteelBlue _3_schab.css */
.white-btn:hover {
	color: #fff !important;
	border-color: #4682b4;
	background-color: #4682b4!important;
}

.white-btn {
	color: #4682b4!important;
	background-color: #fff!important;
	border: 1px solid #4682b4;
	margin: 0 10px 0 0;
	font-weight: 600;
	box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.07);
}

.page-template-landingpage .l-subheader {
	border-bottom: 1px solid #ccc;
}

#site-title img {
	width: 368px;
	height: 42px
}

.wp-lightbox-overlay .scrim {
	background-color: var(--cs-background-color)!important;
}

.entry-header h2.entry-title a:hover,
a {
	color: var(--cs-link-color)
}

.entry-meta a.share-btn {
	background: var(--cs-link-color) url(https://www.schablonen-technik.de/wp-content/themes/waipoua/images/standardicons.png) 7px -78px no-repeat
}

blockquote {
	border-left: 6px solid var(--cs-link-color);
	background-color: transparent
}

.flickr_badge_wrapper a img:hover,
.format-link .entry-content a.link,
.jetpack_subscription_widget form#subscribe-blog input[type=submit],
input#submit,
input.wpcf7-submit {
	background: var(--cs-link-color)
}

header.entry-header .entry-title a {
	color: var(--cs-header-color)
}

#comments ol li.pingback a.url:hover,
#content #comments .comment-text a:hover,
#content .entry-content p a:hover,
#content .entry-summary p a:hover,
#sidebar .textwidget a:hover,
a:hover {
	color: var(--cs-link-color-hover)
}

#sidebar {
	background-color: var(--cs-background-color-2);
	margin-top: 0
}

article.post {
	background-color: var(--cs-background-color-3);
	background-color: transparent
}

.c-accordion__item {
	background-color: var(--cs-background-color-2)
}

.c-accordion__title:focus {
	background-color: var(--cs-background-color-3)
}

.page.page-id-1404 #header,
.page.page-id-72 #header {
	display: block
}

#cn-accept-cookie:hover {
	background-color: #eee
}

#cn-accept-cookie {
	background-color: #fff;
	border-radius: .3em;
	padding: .3em
}

.wp-block-post-title {
	font-size: 1.2em;
	line-height: 125%;
	min-height: 3.75em;
	margin-top: 0
}

.wp-block-post-date p {
	font-size: 80%;
	margin-bottom: 2em
}

#site-nav-wrap {
	position: sticky;
	top: 0;
	z-index: 99;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}


@media screen and (min-width:1024px) {
	#site-nav li a {
		padding: 2px 16px 1px!important
	}

	#site-nav-wrap a#mobile-menu-btn {
		display: none
	}

	#site-nav-wrap a#home-btn {
		width: 40px;
		height: 60px;
		display: inline-block;
		margin: 0;
		padding: 0;
		text-align: left;
		background: url(https://www.schablonen-technik.de/wp-content/themes/waipoua/images/standardicons.png) 0 21px no-repeat;
		float: left;
		font-size: 1.1em;
		text-decoration: none;
		text-indent: -9999em;
		opacity: .75;
		filter: none
	}

	#site-nav-wrap a#home-btn:hover {
		opacity: 1;
		filter: none
	}

	#site-nav,
	#site-nav ul li {
		position: relative;
		padding: 0;
		background: 0 0
	}

	#site-nav {
		display: block!important;
		overflow: visible
	}

	#site-nav ul {
		padding: 0
	}

	#site-nav ul li {
		display: inline-block;
		float: left
	}

	#site-nav ul.children,
	#site-nav ul.sub-menu {
		width: auto;
		display: none;
		position: absolute;
		top: 55px;
		background: #fff;
		border: 1px solid #ececec;
		z-index: 99999
	}

	#site-nav ul.children ul,
	#site-nav ul.sub-menu ul {
		display: none;
		top: -5px;
		left: 152px;
		z-index: 99999
	}

	#site-nav li li {
		position: relative;
		float: none;
		color: #333
	}

	#site-nav li li,
	#site-nav li li li {
		width: 160px;
		display: block
	}

	#site-nav li a {
		height: 32px;
		display: inline-block;
		margin: 12px 15px 0 0;
		padding: 3px 16px 0;
		border: 0;
		font-size: .95em;
		color: rgba(255, 255, 255, .75);
		text-transform: none;
		letter-spacing: 0;
		transition: all .2s ease-in-out
	}

	#site-nav li li a {
		height: auto;
		display: block;
		float: none;
		margin: 0 15px;
		padding: 12px 0;
		border-bottom: 1px solid #ececec;
		font-size: .7em;
		overflow-wrap: break-word
	}

	#site-nav li li li a {
		font-size: .65em
	}

	#site-nav ul ul.children li:last-child a,
	#site-nav ul.menu ul.sub-menu li:last-child a {
		border-bottom: none
	}

	#site-nav ul ul.children li ul.children li a,
	#site-nav ul.menu ul.sub-menu li ul.sub-menu li a {
		border-bottom: 1px solid #ececec
	}

	#site-nav ul ul.children li ul.children li:last-child a,
	#site-nav ul.menu ul.sub-menu li ul.sub-menu li:last-child a {
		border-bottom: none
	}

	#site-nav li a:hover {
		background: 0 0;
		color: #fff!important
	}

	#site-nav li li a:hover,
	#site-nav li li:hover>a {
		background: 0 0;
		color: #333!important
	}

	#site-nav ul li:hover>ul {
		display: block;
		color: #909090;
		transition: all .5s ease-in-out
	}

	#site-nav li:hover>a {
		color: #fff
	}

}


img.wp-post-image {
	width: 100%
}

.post-thumbnail-link {
	display: block;
	margin-bottom: 1em
}

.tm4em {
	margin-top: 4em
}

.page-content ul {
	padding: 2px;
	margin: 1em 0 0
}

#use-background {
	padding: 1em!important
}

.entry-content .h2 {
	font-family: "Oswald", sans-serif;
	color: var(--cs-header-color);
	margin: 1.4em 0 .6em;
	font-size: 1.7em
}

.entry-content .h2sub { margin: -2.25em 0 2em; font-size: 1.3em; }


.post-wrap ul {
	margin: 0 0 30px!important
}

.wp-block-group p {
	margin: 0 0 1.4em;
	line-height: 1.4
}

.post-wrap {
	max-width: 1000px
}

.padding-2em {
	padding: .005em 25% 3em
}


/* Font-size 16/24 @640 20/30 */
html {
	font-size: 1rem;
	line-height: 1.5
}

#content>section ul,
#content>section ul,
.single-post .entry-content ol,
.single-post .entry-content ul {
	font-size: 1em
}

/* Listen */

/* #wrap ul, */
.has-medium-font-size ul {
	font-size: 1em
}

body.error404 #wrap ul {
	margin-left: 2em;
}

.coverimage {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.vw10 {
	height: 47vw!important
}

.mwd {
	max-width: 40rem
}

.wp-block-group .center {
	display: block;
	margin-left: auto;
	margin-right: auto
}
/*
.wp-block-group.has-background:not(.alignfull) {
	padding: var(--wp--custom--spacing--tw-small);
}
*/
.wp-block-group.has-background {
	padding: 1.25em;
}

.page-header .taxonomy-description p {
	color: var(--cs-header-color);
}


/* ------- schab-mediatext-breakpoint ------- */
/* Standard-Grid-Layout für den Medien- und Text-Block (für Breiten über Ihrem Breakpoint) */
.wp-block-media-text.schab-mediatext-breakpoint {
	direction: ltr;
	display: grid;
	grid-template-columns: 50% 1fr;
	grid-template-rows: minmax(300px, auto);
	gap: 20px;
	align-items: center;
}

/* Stile für den Medienbereich, wenn "Bild Spalte ausfüllen" aktiviert ist (behält die Höhe bei) */
.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
	position: relative;
	height: 100%;
	min-width: 0;
	width: 100%;
	overflow: hidden;
}

/* Stil für das Bild innerhalb des Medienbereichs */
.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

/* ### Anpassung für den Breakpoint von 900px (Mobilgeräte) */
@media (max-width: 900px) {
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		min-height: unset;
	}

	/* Sicherstellen, dass der Medienbereich die volle Breite der einzelnen Spalte einnimmt */
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint .wp-block-media-text__media {
		width: 100%;
		height: auto;
		min-height: unset;
	}

	/* Sicherstellen, dass der Textbereich auch die volle Breite einnimmt */
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint .wp-block-media-text__content {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	/* Für das Bild im gestapelten Modus */
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint .wp-block-media-text__media img {
		height: auto;
	}
}

/* ### Optional: Sicherstellung des Normalzustands über dem Breakpoint */
@media (min-width: 901px) {
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint {
		grid-template-columns: 50% 1fr;
		grid-template-rows: minmax(300px, auto);
	}

	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint .wp-block-media-text__media {
		height: 100%;
		width: 100%;
	}

	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint .wp-block-media-text__media img {
		height: 100%;
	}
}

/* Anpassung für den Breakpoint von 900px */
@media (max-width: 900px) {
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint {
		grid-template-columns: 1fr;
	}

	/* Optional: Sicherstellen, dass die Medien- und Textbereiche auf Mobilgeräten korrekt reagieren */
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint .wp-block-media-text__media,
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint .wp-block-media-text__content {
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}

	.cookie-notice-wrapper {
		padding: 15px 25px;
		line-height: 1.5;
		font-size: var(--wp--preset--font-size--small);
		font-weight: 400;
		text-align: center;
	}

	.cn-notice-text {
		display: inline-block;
		margin-bottom: 8px;
		max-width: 70%;
		vertical-align: middle;
		padding-right: 15px;
	}

	.cn-notice-buttons {
		display: inline-block;
		vertical-align: middle;
	}

	.cn-accept-cookie {
		font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, "Helvetica Neue", sans-serif;
		font-size: 14px;
		font-weight: 600;
		padding: 10px 18px;
		border-radius: 5px;
		text-transform: none;
		transition: background-color 0.3s ease, color 0.3s ease;
		cursor: pointer;
		margin: 0 5px;
		background-color: var(--cs-primary-color) !important;
		color: var(--wp--preset--color--white) !important;
		border: 1px solid var(--cs-primary-color);
	}

	.cn-accept-cookie:hover {
		background-color: var(--cs-primary-color-hover) !important;
		color: var(--wp--preset--color--white) !important;
		border-color: var(--cs-primary-color-hover);
	}

	.cn-more-info {
		background-color: transparent !important;
		color: var(--wp--preset--color--white) !important;
		border: 1px solid var(--wp--preset--color--white) !important;
	}

	.cn-more-info:hover {
		background-color: rgba(255, 255, 255, 0.2) !important;
		color: var(--wp--preset--color--white) !important;
	}

	.cn-close-notice {
		opacity: 0.8;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		padding: 5px;
		top: 50%;
	}

	.cn-close-notice:hover {
		opacity: 1;
		transform: scale(1.1);
	}

	.cn-close-notice:after,
	.cn-close-notice:before {
		background-color: var(--wp--preset--color--white);
		height: 18px;
		width: 2px;
	}

	/* And similarly for your media queries, replace IDs with their corresponding classes */
	@media all and (max-width: 900px) {
		.cn-notice-text,
		.cn-notice-buttons {
			display: block;
			width: 100%;
			margin-bottom: 10px;
			padding-right: 0;
			max-width: 100%;
		}

		.cookie-notice-wrapper .cn-button {
			margin: 5px 0;
			width: calc(100% - 10px);
		}

		.cookie-notice-container,
		.cookie-revoke-container {
			padding: 15px 20px;
		}
	}

	@media all and (max-width: 480px) {
		.cookie-notice-wrapper {
			padding: 10px 15px;
		}

		.cn-notice-text {
			font-size: 13px;
		}

		.cookie-notice-wrapper .cn-button {
			font-size: 13px;
			padding: 8px 15px;
		}
	}
}

/* Optional: Sicherstellung, dass das Grid über dem Breakpoint wieder normal ist. */
@media (min-width: 901px) {
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint {
		grid-template-columns: 50% 1fr;
	}
}

.info-icon {
	vertical-align: middle;
	font-size: 2em;
	margin-right: 0.2em;
	color: #FF73aa!important;
}
/* Stile für die gesamte Liste und den Hintergrund */
.my-iconlist.has-background {
	margin: 0 0 30px 0;
	padding: 1.25em;
}

/* Grundlegende Formatierung für alle Listenelemente */
.my-iconlist li {
  list-style-type: none;
  padding-left: 2.5em;
  position: relative;
  line-height: 1.25;
  margin-bottom: 0.5em;
}

/* Spezifische Formatierung für Listenelemente mit Info-Icon */
.my-iconlist li.my-infoicon::before {
  content: "";
  position: absolute;
  left: 0;
  top: -.25em;
  width: 1.7em;
  height: 1.7em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' class='info-icon' fill='%230073aa'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* Spezifische Formatierung für Listenelemente mit OK-Icon */
.my-iconlist li.my-okicon::before {
  content: "";
  position: absolute;
  left: 0;
  top: -.25em;
  width: 1.7em;
  height: 1.7em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2328a745'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* --- Block "bubbles" --- */
/* --- Block "bubbles" (Grundlegende Einstellungen für den übergeordneten Block) --- */
.bub-container {
	line-height: 1;
	/*padding: 1em;*/
	font-size: 1rem;
}

/* --- Standard-Styling für ul (für beide Modi) --- */
.bub-buttons,
.bub-light {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	justify-content: flex-start;
	padding: 0;
	margin: 0 !important;
	max-width: 100% !important;
	font-size: 1.2em
}

/* --- Spezifisches Styling für ul.bub-light "default Rechtecke") --- */
.bub-light {
	padding: 0;
	gap: 1.5em;
}
.bub-keywords {
	padding: .1667em 1em!important;
	/* color: inherit!important; */
	gap:1em;
}

.bub-light li {
	border-radius: 4px;
	font-weight: 300;
	color: var(--cs-text-color);
	background-color: #adbdc6;
	border: none;
	height: 3em;
	font-size: 1.333334em;
	font-size: 1.125em;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 1em;
	flex-grow: 1;
	min-width: 150px;
	flex-basis: auto;
}

.bub-light li>a {
	color: inherit;
	text-decoration: none;
	display: inline;
}
.bub-keywords li {
	color: inherit!important;
	background-color: inherit;
	min-width: 20px;
}

/* Styling für li-Elemente, wenn ihre übergeordnete ul die Klasse .bub-buttons hat */
.bub-buttons li {
	border: none;
	border-radius: 9999px;
	height: 2.25em;
	font-size: 0.8em;
	color: #FFF;
	background-color: #335C7F;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 1em;
	flex-grow: 1;
	min-width: 150px;
	flex-basis: auto;
}
.bub-buttons li {
	height: 2.25em;
	font-size: .9em;
}

/* Anpassungen für das a-Element innerhalb eines .bub-buttons li (damit es den Button-Bereich ausfüllt) */
.bub-buttons li a {
	color: inherit;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

/* Hover-Effekt für li-Elemente, wenn ihre übergeordnete ul die Klasse .bub-buttons hat */
.bub-buttons li:hover {
	color: #FFF;
	background-color: #77a6c9;
}
/* --- /Block "bubbles" --- */

/* --- Links --- */
.download a::after {
	content: "⤓";
	font-weight: 400;
	margin-left: 0.3em;
	display: inline-block;
	color: currentColor;
}
.downarrow a::after {
	content: "▼";
	font-weight: 400;
	margin-left: 0.3em;
	display: inline-block;
	color: currentColor;
}
.rightarrow li a::after {
	content: "►";
	font-weight: 400;
	margin-left: 0.3em;
	display: inline-block;
	color: currentColor;
}

.arrowcolor li a::before {
	color: steelblue;
}

/* define more specific classes in future
.bub-buttons:has(.flex-center) {
	justify-content: center;
}
.bub-buttons:has(.flex-start) {
	justify-content: flex-start;
}
 */
.bub-buttons:has(.flex-end) {
	justify-content: flex-end;
}


li.download-btn {
	flex-grow: 0;
	width: auto;
	padding: 0 1.5em 0 3em;
}

/* --- /Links --- */

/* --- make ul list evenly --- */
.evenly {
	display: flex; 
	justify-content: space-evenly; 
	list-style: none; 
	/* padding: 0; */
	margin: 0;
	gap: .5em 2em;
	flex-wrap: wrap;
}

.evenly span,
.evenly li {
	display: inline-block; 
	padding: 0;
	height: auto;
	white-space: nowrap; 
	flex-grow: 0;
}
/* --- /make ul list evenly --- */


.aspect-square img {
	aspect-ratio: 1 / 1;
}

/* Verhindert, dass einzelne Bilder (figure.wp-block-image) wachsen und sich strecken */
.wp-block-gallery.unstretch-last .wp-block-image {
	flex-grow: 0 !important; /* Verhindert, dass die Bilder wachsen */
	flex-shrink: 1; /* Erlaubt das Schrumpfen, wenn der Platz knapp wird */
	flex-basis: auto; /* Stellt sicher, dass die Basisgröße automatisch berechnet wird */
	box-sizing: border-box; /* Stellt sicher, dass Padding und Border in der Breite enthalten sind */
}

/* section with background-color */
.wp-block-group.alignfull h1,
.wp-block-group.alignfull h2,
.wp-block-group.alignfull h3 {
  color: inherit;
	font-weight: 400;
}

.fontsize-m {
	font-size: 1.111111em
}

@media screen and (prefers-color-scheme: dark) {
	:root {
		--cs-background-color: #232426;
		--cs-text-color: #ededed;
		--wp--preset--color--distant-wind-chime: #111213 !important;
		--wp--preset--color--mercury: #515153 !important;
		--wp--preset--color--super-silver: #222 !important;
	}
	section.has-white-background-color,
	p.has-white-background-color,
	div.has-white-background-color {
		background-color: #000000!important;
	}
	.use-bk-color-tip {
		background-color: #303133;
		padding: 3em;
	}
}

.borderradius24 img {
	border-radius: 24px;
	overflow: hidden;
}

.entry-content .h2sub {
	margin: -.25em 0 2em;
	font-size: 1.3em;
}

body {
	background-color: var(--cs-background-color-2)
}
.cta.has-super-silver-background-color, article.post {
	background-color: initial
}
body .cta87.has-super-silver-background-color {
	background-color: initial!important; /* deine neue Farbe */
}


/* === color science === */
section.bg-blue {background-color:#335c7f}
section.txt-white {color:#f5f5f5}
/* siko
section.btn-orange .bub-buttons li {background-color:#fa853c}
section.btn-orange .bub-buttons li:hover {background-color:#f99354}
.btn-orange .wp-block-button__link {background-color:#fa853c!important}

section.btn-orange .bub-buttons li {background-color:#f0813b}
section.btn-orange .bub-buttons li:hover {background-color:#ffac63}
.btn-orange .wp-block-button__link {background-color:#f0813b}
*/
.btn-orange .bub-buttons li {background-color:#C95100;color:#fff}
.btn-orange .bub-buttons li:hover {background-color:#f59a18}
.btn-orange .wp-block-button__link {background-color:#C95100!important;color:#fff}
.btn-orange .wp-block-button__link:hover {background-color:#f59a18!important}