/*
* Base
___________________________________________________________________________________ */

html {
	box-sizing: border-box;
	overflow-y: scroll;
}
*,
*:before,
*:after {
	box-sizing: inherit;
	margin: 0;
	padding: 0;
	border: 0;
}

@-webkit-viewport {	width: device-width; }
   @-moz-viewport { width: device-width; }
    @-ms-viewport { width: device-width; }
     @-o-viewport { width: device-width; }
        @viewport {	width: device-width; }


/*
/* Bilder above-the-fold vorladen
___________________________________________________________________________________ */


/*
:root {
	content:url(logo.png) url(banner-header.jpg) url(social-sprite.png) url(conception-design.jpg) url(bkgnd.png)
}
*/


/*
/* Icons
=================================================================================== */

.genericon {
	font-size: 4.572em;
	font-family: 'Genericons';
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
}


/*
* SVG Icons - svgicons.sparkk.fr
___________________________________________________________________________________ */

.svg-icon {
	width:	3em;
	height: 3em;
transition: all .4s ease;
	float: left;
}
.svg-icon:hover {
	width:	3.25em;
	height: 3.25em;
	transition: all .4s ease;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
transition: fill .4s ease;
}
.svg-icon:hover path,
.svg-icon:hover polygon,
.svg-icon:hover rect,
.svg-icon:focus path,
.svg-icon:focus polygon,
.svg-icon:focus rect {
    transition: fill .4s ease;
}
.svg-icon:active path,
.svg-icon:active polygon,
.svg-icon:active rect {
transition: fill .4s ease;
}

.svg-icon circle { stroke-width: 1; }


/*
* LigatureSymbols
___________________________________________________________________________________ */

.lsf {
	font-size: 3.5rem;
	margin-right: 2rem;
    -webkit-font-feature-settings: "liga" 1;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}
.lsf,
.lsf-icon:before,
#social-menu,
#menu-social-links {
	font-family: 'LigatureSymbols';
	text-rendering: optimizeLegibility; /* Font Rendering mit Ligaturen etc */
    -webkit-font-feature-settings: "liga" 1;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
	-webkit-font-variant-ligatures: common-ligatures discretionary-ligatures;
			font-variant-ligatures: common-ligatures discretionary-ligatures;
}
[data-icon]::before {
	content: attr(data-icon);
	font-family: 'LigatureSymbols', 'Georgia', serif;
    -webkit-font-feature-settings: "liga" 1;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
	font-size: 1.5em;
	margin-right: .5em;
}
.lsf-icon:before {
	content: attr(title);
	font-size: 1.5em;
	margin: 0 .3em 0 0;
}

.lsf-icon.amazon:before { content: '\E007'; }

.lsf-icon.cat-links:before {
    content: '\E04c';
    display: inline-block;
	width: 1rem;
}
.lsf-icon.tag-links:before {
    content: '\E128';
    display: inline-block;
	width: 1rem;
}
.lsf-icon.entry-date:before {
    content: '\E025';
    display: inline-block;
	width: 1rem;
}

.lsf-icon.feed-link:before { content: '\E113'; }
.lsf-icon.comments-link:before { content: '\E034'; }

.byline.lsf-icon:before {
	content: '\E137';
    display: inline-block;
	width: 1rem;
}

.post__meta .lsf-icon:not(.entry-date) { margin-left: 1em; }

.post-edit-link:before,
.comment-edit-link:before,
.logged-in-as:before,
.extern-link:before {
	font-family: 'LigatureSymbols';
	font-size: 1.5em;
	margin-right: .25em;
}
	.post-edit-link:before,
	.comment-edit-link:before {
        content: '\E041';
	}
	.logged-in-as:before { content: '\E087'; }

.extern-link {
	margin-bottom: 1.45rem;
    margin-bottom: var(--baselineX1);
	display: inline-block;
    -webkit-font-feature-settings: "liga" 1;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}
    .extern-link:before { content: '\E046'; }

#social-menu,
#menu-social-links {
	font-size: 2rem;
	margin: 0;
	line-height: 1;
    -webkit-font-feature-settings: "liga" 1;
    font-feature-settings: "liga" 1;
    -ms-font-feature-settings: "liga" 1;
}
	#social-menu li,
	#menu-social-links li {
        display: inline;
        margin-right: .5em;
        -webkit-font-feature-settings: "liga" 1;
        font-feature-settings: "liga" 1;
        -ms-font-feature-settings: "liga" 1;
	}
	#social-menu li a,
	#menu-social-links li a {
        border: 0;
	}

/*
* Icons ENDE
=================================================================================== */


/*
/* Alerts
___________________________________________________________________________________ */

body .wpcf7-response-output {
	margin: 2em 0 1em;
	padding: .5em 1em;
}
.alert,
.wpcf7-validation-errors {
	margin-bottom: 1.45em;
	padding: .6em 2.5em .6em 1em;
	border-radius: 4px;
	text-align: center;
}
body span.wpcf7-not-valid-tip {
	position: relative;
	top: -1em;
}
/*
/* Alerts ENDE
___________________________________________________________________________________ */


/*
/* LAYOUT
=================================================================================== */

.custom-background {
	background-size: cover;
    background-blend-mode: screen;
}
figure.wp-block-media-text__media,
.post__content figure img {
	width: 100%;
}
.wp-block-column:first-child p.inhalt__links,
.wp-block-column .inhalt__rechts:first-child {
	padding-top: 4.35rem;
}
.error404 #page {
	background-image: url('../images/404-image.jpg');
	background-size: cover;
	background-position-y: bottom;
	color: #fff;
}

.error404 #main { margin-top: 5em; }
.error404 .site-content { background-color: transparent; }
[role=main] > img {	padding: .725rem; }
.main { 
	/* margin-bottom: var(--baselineX2);  */
	max-width: 100vw;
}

figure.wp-block-audio.alignleft {
	clear: both;
	float: none;
	display: block;
}
.wp-block-audio figcaption {
	margin-top: 1em;
	margin-bottom: 0;
	color: var(--text);
	font-size: 1rem;
	text-align: center;
}

/*
* Header
___________________________________________________________________________________ */

.menu-sprachwaehler-container {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 5.8rem;
}
.page-header {
	height: auto;
	background-size: cover;
	margin: 0 0 1.45em 0;
}
.page-header__nav {
	height: 100%;
	display: block;
	top: 4px;
	position: relative;
}

.page-header__logo {
	margin-bottom: 0;
	height: .85em;
}
	.page-header__logo img { width: 6rem; }

.page-header__logo h1 {
	margin: 0;
	white-space: nowrap;
}
.page-header__logo a {
	display: block;
	width: 134px;
	border: none;
}
.page-header__logo a:hover,
.page-header__logo a:focus {
	opacity: .9;
}
.page-header__logo--fallback {
	height: 3em;
	background: url('../images/logo.svg') no-repeat left top;
}
.page-header__nav__site-description {
	position: absolute;
	clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
	clip: rect(1px, 1px, 1px, 1px);
}

.no-inlinesvg .page-header__logo { background: url('../images/logo.png') no-repeat left top; }
.page-header__nav__site-description { font-size: 1rem; }
#primary-menu .menu-item:last-child a { margin-bottom: 3em; }


/*
Header ENDE
___________________________________________________________________________________ */

div[role="main"] {
	max-width: 100vw;
	display: inherit;
}
.site-content + div {
    margin-top: var(--baselineX2);
    margin-bottom: var(--baselineX2);
}

.wp-block-image { margin-bottom: 0; }

.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.is-resized {
	border: 0;
}
.gallery {
    margin-bottom: 2.9rem;
    margin-bottom: var(--baselineX2);
}


/*
* Sticky Footer neu
___________________________________________________________________________________ */

html,
body,
#page {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
/*	overflow-x: hidden;*/
/*	max-width: 100vw;*/
}
#page {
	display: grid;
	margin-left: auto;
	margin-right: auto;
/*	overflow-x: hidden*/
}
/*
* Sticky Footer neu ENDE
___________________________________________________________________________________ */

/*
/* Layout ENDE
=================================================================================== */


/*
/* Alignment
___________________________________________________________________________________ */

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5rem;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5rem;
}
.aligncenter {
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}
.alignnone {
	display: inline;
	float: none;
}
.gallery-item { text-align: left !important; }
	.gallery-icon {
        position: relative;
        top: 1rem;
	}

/*
/* Alignment ENDE
___________________________________________________________________________________ */


/*
/* =Content
___________________________________________________________________________________ */

.diskografie__img figure.alignleft {
	height: auto;
	width: 10rem;
	padding: 0;
	display: block;
}
.sticky .post__title::before {
	content: 'sticky';
	font-size: .5em;
	opacity: .5;
}
.taxonomy-description {
    padding-top: 1.45rem;
    padding-top: var(--baselineX1);
}
.post {
    margin-bottom: 2.9rem;
    margin-bottom: var(--baselineX2);
}

.post+.post,
img+.post {
	margin-top: 5.8rem;
}
#comments .post+.post {
    margin-top: 1.45rem;
    margin-top: var(--baselineX1);
}
img:before {
    content: "We're sorry, the image below is broken :(";
    display: block;
    margin-bottom: 1.45rem;
    margin-bottom: var(--baselineX1);
}
img:after {
	content: "(url: " attr(src) ")";
	display: block;
}
.post__meta {
	clear: both;
	padding: .725rem 0;
	line-height: 1.45rem;
    line-height: var(--baselineX1);
    border-style: dotted;
    border-width: 1px 0 1px;
}
.post__meta--footer {
    border-bottom-style: solid;
    border-width: 1px 0 2px;
	margin-top: 1.45rem;
    margin-top: var(--baselineX1);
	padding: .725rem 0;
	overflow: hidden;
	width: 100%;
	display: block;
	line-height: 1.45rem;
    line-height: var(--baselineX1);
}

.byline { display: none; }

.single .byline,
.group-blog .byline {
	display: inline;
}
.single article {
    margin-top: -1.45rem;
    margin-top: var(--baselineX1);
}
.post__content,
.post__summary {
	max-width: 100% !important;
}

body .post__content--search { margin-top: 0; }
body .post--search { margin-bottom: 0; }

.content__page-links {
	clear: both;
	margin: 0 0 1.45rem;
    margin: 0 0 var(--baselineX1);
}

.searchterm { font-weight: bold; }

/* 404 */
#primary #searchform {
    margin-bottom: 1.45rem;
    margin-bottom: var(--baselineX1);
}


/* Social Buttons */

body [role="main"] .shariff * {
	top: 0;
	height: auto;
	border-bottom: 0;
	box-shadow: none;
	text-indent: 0;
	text-shadow: none;
}

.shariff .info { border: none; }

/*
* Content ENDE
___________________________________________________________________________________ */


/*
* Concerts / Appearances
___________________________________________________________________________________ */

/* .gig-datetime::after { content: ' - ';} */


/*
* Media
___________________________________________________________________________________ */

img,
embed,
iframe,
object,
video {
	max-width: 100%;
	height: auto;
}
video {
	height: 100%;
	max-width: 100%;
}
.video-wrapped {
	max-width: 100%;
	width: 100%;
}
.video-wrapped-play {
	background-color: rgba(0, 0, 0, 0.7);
	padding-bottom: 1.45rem;
}
article .video-wrapped a {
	text-shadow: 2px 0 0 #000;
	color: #fff;
}
article .video-wrapped a:hover,
article .video-wrapped a:focus {
	text-shadow: 2px 0 	#8DB6B8;
	text-shadow: 2px 0 	var(--active1Color);
	color: #fff;
}

.wp-block-embed__wrapper {
	overflow: hidden;
	max-width: 81vw;
}
.wp-video { width: 100% !important; }


/*
* Responsive Video
___________________________________________________________________________________ */

.videoWrapper {
	position: relative;
	overflow: hidden;
	margin-bottom: 1.45rem;
    margin-bottom: var(--baselineX1);
	padding-top: 30px;
	padding-bottom: 56.25%;
	height: 0;
}
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*
* Responsive Video ENDE
___________________________________________________________________________________ */


/*
* Audioplayer
___________________________________________________________________________________ */

.mejs-play button,
.mejs-mute button,
.mejs-controls button {
	box-shadow: none;
}
.mejs-controls a.mejs-horizontal-volume-slider {
	border: 0;
	box-shadow: none;
}
/*
* Audioplayer ENDE
___________________________________________________________________________________ */

[role=banner] img,
.page-header img,
.post__content img,
.comment__content img,
.widget img {
	max-width: 100%;
}
[role=banner] img,
.page-header img,
.post__content img,
img[class*="align"],
img[class*="wp-image-"] {
	height: auto;
}
.post__content img {
	margin-bottom: 1.45rem;
	vertical-align: bottom;
}

.rl-gallery-link img { margin-bottom: 0;}
.wp-block-column {	margin-bottom: 0; }

.post__content img.wp-smiley ,
.comment__content img.wp-smiley {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	border: none;
}
.wp-caption {
	margin-bottom: 1.45rem;
    margin-bottom: var(--baselineX1);
	max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-bottom: 1.45rem;
}
.wp-caption img {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
	font-size: .8075em;
}

.wp-caption .wp-caption-text { margin: .725em 0; }
.gallery { margin-bottom: 1.45em; }

.gallery-caption {
	width: calc(100% - 1.45rem);
	text-align: left;
}
[role="main"] .gallery a img {
	max-width: 90%;
	height: auto;
	border: none;
}

[role="main"] .gallery dd { margin: 0; }
/*
* Media ENDE
___________________________________________________________________________________ */


/*
* Page Navigation
___________________________________________________________________________________ */

#masthead {
	z-index: 3;
	width: 100%;
}
.page-header div {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.nav-previous,
.nav-next {
	position: fixed;
	top: 50%;
}
	.nav-previous,
	.nav-next {
		position: fixed;
		top: 50%;
		z-index: 9;
    }
	.nav-previous {
		left: 0;
		float: left;
	}
	.nav-next {
		right: 0;
		float: right;
		text-align: right;
	}
		.nav-next a { text-align: left; }

        .nav-previous a,
		.nav-next a {
			height: 3em;
			width: 3em;
			white-space: nowrap;
			opacity: .3;
			transition: .4s all ease-out;
		}
			body .nav-previous a { padding-left: .9rem; }

            .single .nav-previous a:hover,
			.single .nav-previous a:focus,
            .single .nav-next a:hover,
			.single .nav-next a:focus,
			.single .nav-next a:active,
			.single .nav-previous a:active{
				width: 100%;
				height: 3.5rem;
				max-width: 53em;
				opacity: 1;
				transition: .4s all ease-out;
				font-weight: bold;
				padding-right: 2em;
				text-overflow: ellipsis;
				white-space: nowrap;
				box-sizing: content-box;
			}
			.single .nav-next a:hover,
			.single .nav-next a:focus { padding-right: 5em; }

			.nav-previous a::before,
			.nav-next a::before {
				font-family: 'LigatureSymbols';
				margin-right: 2.2rem;
				float: left;
				font-size: 2rem;
				padding: 0;
				margin-top: -.7rem;
				margin-left: -.12em;
			}
			.nav-previous a::before {
				content: '\E080';
				margin-left: -.5rem;
				height: 5em;
			}
			.nav-next a::before {
				content: '\E112';
				height: 5em;
			}

[role="main"] .site-navigation { overflow: hidden; }

nav ul,
nav ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
/*
* Page Navigation ENDE
___________________________________________________________________________________ */


/*
* Pagination
___________________________________________________________________________________ */

body .content__page-links a,
body .content__page-links a:hover {
	top: 1.2rem;
	position: relative;
	text-shadow: none;
	box-shadow: none;
}

body .page-numbers,
body .site-navigation a,
body .nav-previous a,
body .nav-next a,
body .content__page-links a,
body .page-numbers.dots:hover {
	display: inline-block;
	padding: 1rem 1.3rem;
	overflow: hidden;
	border: none;
	padding: .75rem 1rem;
    padding: var(--baselineX05) 1rem;
	transition: all .2s ease-out;
}
	body .page-numbers.dots:hover { cursor: default; }

    body .page-numbers,
	body .content__page-links a {
		border-radius: .25em;
		margin: 0 .3125rem	.3125rem 0;
	}
	.page-numbers.current { font-weight: 600; }
		.page-numbers.current:hover,
		.page-numbers.current:focus { cursor: default; }
body		.page-numbers:hover,
body	.page-numbers a:hover,
body .site-navigation a:hover,
body	.nav-previous a:hover,
body		.nav-next a:hover,
body		.page-numbers:focus,
body	.page-numbers a:focus,
body .site-navigation a:focus,
body	.nav-previous a:focus,
body		.nav-next a:focus,
.content__page-links a:hover,
.content__page-links a:focus {
	border: none;
	cursor: pointer;
	transition: all .2s ease-in;
}
/*
* Pagination ENDE
___________________________________________________________________________________ */


/*
* Asides
___________________________________________________________________________________ */

#secondary {
    margin: 0 0 2.9em 0;
    margin: 0 0 var(--baselineX2) 0;
	overflow: hidden;
}
#secondary .sb-dates__list {
	margin: 0;
	display: grid;
	grid-gap: 1.9rem;
	grid-template-columns: repeat(12, 1fr);
}
.gig-datetime,
.sb-dates__list h4,
.sb-dates__list .date__location {
	display: block;
	text-align: center;
	margin: 0;
}

.date__location--sb { height: var(--baselineX1); }

.widget__thumbnail {
    height: 2.9rem;
    /*! margin-top: .725rem; */
    margin-bottom: 1.45rem;
}
.widget__thumbnail img {
	margin: auto;
	display: block;
	height: 2.9rem;
}
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.widget ul ul { margin-left: 0; }
.widget ul ul a { padding-left: 1.5em; }
.widget a { display: inline-block; }

.widget-title {
	display: block;
	margin-bottom: .725rem;
}


/*.widget li,*/
.more-sb,
.page-footer__menu li > a {
	box-sizing: border-box;
	clear: both;
	display: block;
}
	.widget li li a {
        padding-left: 1em;
        display: block;
        float: left;
	}
.widget .recentcomments {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: .725rem 0;
}
	.widget .recentcomments a,
	.widget .recentcomments:first-child a {
        border: 0;
	}
.widget li a,
.more-sb a {
	padding: .725rem 0 1.45rem;
    padding: var(--baselineX05) 0 var(--baselineX1);
	width: 100%;
/*	height: 2.8rem;*/
}
.page-footer__menu li > a {
	/*! padding: .725rem 0 0; */
	/*! padding: var(--baselineX05) 0 0; */
}
.footer__site-info {
/*
	padding: .725rem 0;
	padding: var(--baselineX05) 0;
*/
}
	.footer__site-info--design a { border: 0; }

	.page-footer ul {
		max-width: 86vw;
		min-width: 100%;
	}

	.page-footer .widget-title,
	.page-footer li a,
	.page-footer .widget li:first-child a {
		border-width: 1px;
	}

.widget li li:first-child a { border-top: 0; }
.more-sb a { padding: .9rem 0 .55rem; }

.widget__list-item a,
.widget-area li a {
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: right;
}
	.widget li a::before,
	.widget .more-sb a::before {
		/*! width: 0; */
		/*! opacity: 0; */
		/*! overflow: hidden; */
		/*! font-family: 'LigatureSymbols'; */
		/*! content: '\E00d'; */
		/*! float: left; */
		/*! -webkit-transition: all 1s ease; */
		     /*! -o-transition: all 1s ease; */
		        /*! transition: all 1s ease; */
		/*! top: .1em; */
		/*! position: relative; */
	}
		.widget li a:hover::before,
		.widget li a:focus::before,
		.widget .more-sb a:hover::before,
		.widget .more-sb a:focus::before {
			/*! width: 1em; */
			/*! opacity: 1; */
			/*! font-family: 'LigatureSymbols'; */
			/*! content: '\E00d'; */
			/*! float: left; */
			/*! -webkit-transition: all 1s ease; */
				 /*! -o-transition: all 1s ease; */
					/*! transition: all 1s ease; */
		}

.textwidget p { padding: .725rem 0; }
.widget fieldset { margin-bottom: 0; }
.widget legend { margin-top: 0; }

.more-sb {
	display: block;
	clear: both;
	text-align: center;
}
/*
* Asides ENDE
___________________________________________________________________________________ */


/*
* Footer
=================================================================================== */

.page-footer {
	width: 100%;
	top: 0;
	position: relative;
	float: left;
}
	.page-footer a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
	}
.page-footer__content {
	overflow: hidden;
	margin-bottom: 1.45rem;
	margin-bottom: var(--baselineX1);
	margin-top: 1.45rem;
	margin-top: var(--baselineX1);
	line-height: 2;
}
body .page-footer__menu .menu,
body .page-footer__menu .menu ul {
	margin: 0;
	padding: 0;
}


/*
* zweispaltiges Footer Menue
___________________________________________________________________________________ */

.page-footer__menu .menu > li {
	display: inline-block;
	clear: left;
	float: left;
/*	top: 3px;*/
/*	position: relative;*/
}
.page-footer__site-info {
	float: left;
	margin-bottom: 1.45em;
    margin-bottom: var(--baselineX1);
}

.page-footer fieldset {	width: 100%; }
/*
/* Footer ENDE
=================================================================================== */


/*
* Back to top
___________________________________________________________________________________ */

.totop-container {
	margin: 2rem auto;
	max-width: 768px;
	width: 90%;
}
.totop-container::after {
	display: table;
	clear: both;
	content: '';
}
.to-top {
	position: fixed;
	right: 15px;
	bottom: 15px;
	display: inline-block;
	visibility: hidden;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border-radius: 2em;
	text-indent: 100%;
	white-space: nowrap;
	opacity: 0;
	transition:         opacity .3s 0s, visibility 0s .3s;
}
a.to-top:hover {
    border: 0;
    opacity: 1;
}
.to-top.totop-is-visible,
.to-top.totop-fade-out,
.no-touch .to-top:hover,
.no-touch .to-top:focus{
	       transition: all .3s 0s, visibility 0s 0s;
}
.to-top.totop-is-visible {
	visibility: visible;
	opacity: 1;
    text-indent: -999em;
}

.to-top.totop-fade-out { opacity: .5; }

.no-touch .to-top:hover,
.no-touch .to-top:focus {
transition: all .3s 0s, visibility 0s 0s;
	opacity: 1;
	border: none;
}
/*
* Back to top ENDE
___________________________________________________________________________________ */



/*
* Widgets
___________________________________________________________________________________ */

.widget,
.woocommerce .widget {
	float: left;
	width: 100%;
}
.widget+.widget,
.widget-area+.widget-area {
	width: 100%;
}
.widget+.widget {
    margin-top: 2.9rem;
    margin-top: var(--baselineX2);
}
.widget-area+.widget-area {
    margin-top: 1.45rem;
    margin-top: var(--baselineX1);
}


/*
* BROWSER AND NON-SEMANTIC STYLING
________________________________________________________________________________________ */

/* IE */
img { -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
/* IE ENDE */

.clearfix:after {
	display: block;
	clear: both;
	content: " ";
}
.visuallyhidden {
	border: 0; clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}


/*
* Styleguide
________________________________________________________________________________________ */

.sg-color--a,
.sg-color--b,
.sg-color--c,
.sg-color--d,
.sg-color--e,
.sg-color--f {
	display: inline-block;
	margin: 0 1em 1em 0;
	width:  7.5em;
	height: 7.5em;
}
/*
/* Styleguide ENDE
________________________________________________________________________________________ */

.wp-block-image {
	padding: 0;
	width: 100%;
	border: 0;
}
.background {
	position: fixed;
	width: 50vw;
	z-index: -1;
	height: 100vh;
	right: 0;
	background-size: cover;
	top: 0;
	background-position: center;
}
:lang(de-DE) .en,
:lang(en-GB) .de {
	display: none;
}