/*		Fonts 		*/
body {
	font-family: "brandon-grotesque",sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "brandon-grotesque",sans-serif;
}
h2 {
	text-transform:uppercase;
	margin-top:50px;
}
p, ul li {
	font-size:1.4em;
}
label {
	font-size:1em;
}
@media (max-width: 450px) {
	p, ul li {
		font-size:1em;
	}
	label {
		font-size:0.9em;
	}
}
.content ul li {
	list-style-type:none;
}
.content ul li::before{
	content: "× ";
}
/*		Styling		*/
article {
	min-height:100vh;
}
article.arbitrary {
	min-height:initial;
	margin-bottom:200px;
}

article.entry a {
	text-decoration:underline;
	text-transform:uppercase;
}
article.entry a:hover {
	text-decoration:line-through;
}
/*	Farbe ROT */
body.kgred {
	background-color:#ddbe61;
	background: repeating-linear-gradient(-14deg,#ffffff,#ffffff 10px,#ebd69f 10px,#ebd69f 20px);
	background-attachment:fixed;
	transition: background 0.5s ease;
}
body.kgred .top-bar,
body.kgred .entry .grid-y,
body.kgred .navigation,
body.kgred #post-143.entry,
body.kgred footer {
	background-color:#ddbe61;
	transition: background-color 0.5s ease;
}
.kgred, 
.kgred a,
.kgred label, 
.kgred a:visited, 
.kgred a:active, 
.kgred a:hover,
.kgred .jellyfish .st0,
.kgred .logo .st0,
.kgred .gallery-button i,
.kgred #herojellyfish .st0 {
	fill:#d84d5a;
	color:#d84d5a;
	transition: color 0.5s ease, fill 0.5s ease;
}

.kgred .wpcf7 input,
.kgred .wpcf7 textarea {
	border-color:#d84d5a;
}
.kgred .wpcf7 input.wpcf7-submit {
	color:white;
	background-color:#d84d5a;
}

/*	Farbe ROSA */
body.kgrose,
body.kgrose .top-bar,
body.kgrose .entry .grid-y,
body.kgrose .navigation,
body.kgrose #post-143.entry,
body.kgrose footer {
	background-color:#f0bdbd;
	transition: background-color 0.5s ease;
}
body.kgrose {
	background-color:#f0bdbd;
	background: repeating-linear-gradient(-14deg,#ffffff,#ffffff 10px,#efc0c1 10px,#efc0c1 20px);
	background-attachment:fixed;
	transition: background 0.5s ease;
}
.kgrose, 
.kgrose label, 
.kgrose a, 
.kgrose a:visited, 
.kgrose a:active, 
.kgrose a:hover,
.kgrose .jellyfish .st0 
.kgrose .logo .st0,
.kgrose .gallery-button i ,
.kgrose #herojellyfish .st0 {
	fill:#133c45;
	color:#133c45;
	transition: color 0.5s ease, fill 0.5s ease;
}
.kgrose .wpcf7 input,
.kgrose .wpcf7 textarea {
	border-color:#133c45;
}
.kgrose .wpcf7 input.wpcf7-submit {
	color:white;
	background-color:#133c45;
}

/*	Farbe PINK */
body.kgpink,
body.kgpink .top-bar,
body.kgpink .entry .grid-y,
body.kgpink .navigation,
body.kgpink #post-143.entry,
body.kgpink footer {
	background-color:#5f4c8c;
	transition: background-color 0.5s ease;
}
body.kgpink {
	background-color:#5f4c8c;
	background: repeating-linear-gradient(-14deg,#9484b2,#9484b2 10px,#ad9fc5 10px,#ad9fc5 20px);
	background-attachment:fixed;
	transition: background 0.5s ease;
}
.kgpink, 
.kgpink label, 
.kgpink a, 
.kgpink a:visited, 
.kgpink a:active, 
.kgpink a:hover,
.kgpink .jellyfish .st0, 
.kgpink .logo .st0,
.kgpink .gallery-button i,
.kgpink #herojellyfish .st0 {
	fill:#de4756;
	color:#de4756;
	transition: color 0.5s ease, fill 0.5s ease;
}
.kgpink .wpcf7 input,
.kgpink .wpcf7 textarea {
	border-color:#de4756;
}
.kgpink .wpcf7 input.wpcf7-submit {
	color:white;
	background-color:#de4756;
}

/*	Farbe BLAU */
body.kgblue,
body.kgblue .top-bar,
body.kgblue .entry .grid-y,
body.kgblue .navigation,
body.kgblue #post-143.entry,
body.kgblue footer {
	background-color:#6ca6b2;
}
body.kgblue {
	background-color:#6ca6b2;
	background: repeating-linear-gradient(-14deg,#9fbec6,#9fbec6 10px,#ffffff 10px,#ffffff 20px);
	background-attachment:fixed;
	transition: background 0.5s ease;
}
.kgblue, 
.kgblue a, 
.kgblue label, 
.kgblue a:visited, 
.kgblue a:active, 
.kgblue a:hover,
.kgblue .jellyfish .st0, 
.kgblue .logo .st0,
.kgblue .gallery-button i,
.kgblue #herojellyfish .st0 {
	fill:#133c45;
	color:#133c45;
	transition: color 0.5s ease, fill 0.5s ease;
}
.kgblue .wpcf7 input,
.kgblue .wpcf7 textarea {
	border-color:#133c45;
}
.kgblue .wpcf7 input.wpcf7-submit {
	color:white;
	background-color:#133c45;
}


.entry .grid-y {
	padding-top:50px;
	padding-bottom:50px;
	overflow:hidden;
}
.top-bar, .top-bar ul {
	background-color:transparent;
}
.top-bar-left-brand {
	margin-left: 48px;
	margin-top: 12px;
	z-index:1050;
}
.logo, .logo svg, #logo {
	display: inline-block;
	margin-left:24px;
	height:56px;
	margin-top:3px;
}
@media (max-width: 700px) {
	.logo, .logo svg, #logo {
		height:45px;
	}
	.top-bar-left-brand .fa-4x {
		font-size:3.5em;
	}
}
@media (max-width: 450px) {
	.logo, .logo svg, #logo {
		height:30px;
	}
	.top-bar-left-brand .fa-4x {
		font-size:2.7em;
	}
}
.grid-container.full {
	overflow:hidden;
}
.navigation {
	position:fixed;
	width:100vw;
	height:100vh;
	z-index:1030;
	margin-top:0;
	margin-left:0;
	display:none;
}
#topbar {
	z-index:1050;
}
#main-nav .menu-hauptmenue-container {
	margin-top:120px;
	width:100%;
	height: calc(100% - 120px);
	margin-left:auto;
	margin-right:auto;
	letter-spacing: 0.25em;
}
#menu-hauptmenue {
	height:100%;
	width:100%;
}
#main-nav .menu-hauptmenue-container ul li {
	width:100%;
	text-align:center;
	text-transform:uppercase;
	list-style-type: none;
}
#main-nav ul {
	margin-left:0;
	margin-right:0;
	overflow:scroll;
}
@media (min-width: 1000px) {
	#main-nav .menu-hauptmenue-container ul li {
		font-size: 3.5em;
	}
}
@media (max-width: 1000px) {
	#main-nav .menu-hauptmenue-container ul li {
		font-size: 2.5em;
	}
}
@media (max-width: 768px) {
	#main-nav .menu-hauptmenue-container ul li {
		font-size: 1.5em;
	}
}
@media (max-width: 339px) {
	#main-nav .menu-hauptmenue-container ul li {
		font-size: 1em;
	}
}
#main-nav .menu-hauptmenue-container ul li a:hover {
	text-decoration:line-through;
}
@media (min-width: 500px) {
	#main-nav .jellyfish {
		position:fixed;
		bottom:-69px;
		right:-69px;
		width:329px;
		height:339px;
		display:inherit;
	}
}
@media (min-width: 900px) {
	#main-nav .jellyfish {
		position:fixed;
		bottom:-69px;
		right:-69px;
		width:618px;
		height:636px;
		display:inherit;
	}
}
@media (min-width: 1200px) {
	#main-nav .jellyfish {
		position:fixed;
		bottom:-109px;
		right:-150px;
		width:828px;
		height:848px;
		display:inherit;
	}
}
article .left {
	width:50vw;
}
article .right {
	width:50vw;
}
.content {
	padding-left:48px;
	padding-right:48px;
}
.overlaystripes {
	background-attachment:fixed;
	width:100vw;
	height:100vh;
}
.jellyfish {
	pointer-events: none;
}
@media (min-width: 800px) {
	.jellytransition {
	position:relative;
	height:50vh;
	width:100vw;
	}
}
@media (max-width: 800px) {
	.jellytransition {
	display:none;
	}
}
.jellytransition .jellyfish {
	position:absolute;
	top:-200px;
	left:-500px;
	height:80vh;
	width:80vw;
}
.jellytransition .jellyfish.right {
	left:unset;
	right:-800px;
}
.jellytransition .jellyfish svg {
	position:absolute;
	top:0px;
}
.kgred .jellytransition .jellyfish .st0 {
	fill:#d84d5a;
}
.herocontainer {
	width:100vw;
	overflow:hidden;
}
@media (max-width: 500px) {
	#post-143.entry {
		pointer-events: none;
		height:64vh;
		min-height:64vh;
	}
	
}
@media (min-width: 501px) {
	#post-143.entry {
		pointer-events: none;
		height:82vh;
		min-height:82vh;
	}	
}
#hero {
	height:120vh;
	width:110vw;
	top:-0vh;
	left:-10vw;
	position:absolute;
	z-index:2000;
	pointer-events: none;
	
}
#hero svg.zoomout {
	height:20vh;
	width:20vw;
}
#herojellyfish {
	height:120vh;
	width:110vw;
	pointer-events: none;	
}
.gallery {
	height:70vh;
	overflow:hidden;
}
.gallerycontainer {
	height:100%;
	position:relative;
}
.gallery .gallery-inner {
	width:3000vw;
}
.gallery .galleryimage {
	display:inline-block;
	float:left;
}
.gallery .galleryimage img {
	height:70vh;
}
.gallery-button {
	position:absolute;
	top:30vh;
	transition: all 0.5s;
}
.gallery-button:hover i {
	color:white;
	transition: all 0.5s;
}
.gallery-button-right {
	right:32px;
}
.gallery-button-left {
	left:32px;
}
@media (max-width: 799px) {
.clipright1 {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 98%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 98%, 0% 100%);
}
.clipright2 {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
}
.clipleft1 {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 96%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 96%);
}
.clipleft2 {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 93%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 93%);
}
.topclipright1 {
	-webkit-clip-path: polygon(0 0, 100% 4%, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 4%, 100% 100%, 0 100%);
}
.topclipright2 {
	-webkit-clip-path: polygon(0 0, 100% 2%, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 2%, 100% 100%, 0 100%);
}
.topclipleft1 {
	-webkit-clip-path: polygon(0 3%, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 3%, 100% 0, 100% 100%, 0 100%);
}
.topclipleft2 {
	-webkit-clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 100%);
}
}

@media (min-width: 800px) {
.clipright1 {
	-webkit-clip-path: polygon(0 0, 101% 0, 101% 83%, 0% 101%);
	clip-path: polygon(0 0, 101% 0, 101% 83%, 0% 101%);
}
.clipright2 {
	-webkit-clip-path: polygon(0 0, 101% 0, 101% 89%, 0 101%);
	clip-path: polygon(0 0, 100% 0, 101% 89%, 0 101%);
}
.clipleft1 {
	-webkit-clip-path: polygon(0 0, 101% 0, 101% 101%, 0 94%);
	clip-path: polygon(0 0, 101% 0, 101% 101%, 0 94%);
}
.clipleft2 {
	-webkit-clip-path: polygon(0 0, 101% 0, 101% 101%, 0 79%);
	clip-path: polygon(0 0, 100% 0, 101% 101%, 0 79%);
}
.topclipright1 {
	-webkit-clip-path: polygon(0 0, 101% 4%, 101% 101%, 0 101%);
	clip-path: polygon(0 0, 100% 4%, 101% 101%, 0 101%);
}
.topclipright2 {
	-webkit-clip-path: polygon(0 0, 101% 7%, 101% 101%, 0 101%);
	clip-path: polygon(0 0, 101% 7%, 101% 101%, 0 101%);
}
.topclipleft1 {
	-webkit-clip-path: polygon(0 3%, 101% 0, 101% 101%, 0 101%);
	clip-path: polygon(0 3%, 100% 0, 101% 101%, 0 101%);
}
.topclipleft2 {
	-webkit-clip-path: polygon(0 6%, 101% 0, 101% 101%, 0 101%);
	clip-path: polygon(0 6%, 101% 0, 101% 101%, 0 101%);
}
}
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
	border-style:solid;
	border-width:2px;
}

/* INSTAWIDGET */
#post-207 {
	min-height:700px;
}
@media (min-width: 768px) {
.instawidget {
	width:100vw;
	height:640px;
	overflow:hidden;
}
.instawidget ul {
	list-style-type:none;
	width: calc( 100vw + 320px );
	margin-left:0px;
	margin-right:0px;
}
.instawidget ul li {
	float:left;
}
.instawidget ul li {
	position:relative;
}
.instapicture .instaoverlay {
	display:none;
	transition: all 0.5s ease;
}
.instapicture .toinstapp {
	display:none;
}
.instapicture:hover .instaoverlay {
	background-color:black;
	display:inline;
	position:absolute;
	top:160px;
	left:0px;
	width:320px;
	height:160px;
	background-color:rgba(255,255,255,0.8);
	font-size:0.8em;
	padding:12px;
	transition: all 0.5s ease;
}
}
@media (max-width: 768px) {
	.instawidget {
		width:100vw;
		height:100vw;
		overflow:hidden;
	}
	.instawidget ul {
		list-style-type:none;
		width: 100vw;
		margin-left:auto;
		margin-right:auto;
	}
	.instapicture .instaoverlay {
		display:none;
	}
	.instapicture img {
		width:100vw;
	}
	.instawidget ul li {
		position:relative;
	}
	.instapicture .toinstapp {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100vw;
		height: 100vw;
		background-color: rgba(255,255,255,0.80);
	}
	.instapicture .toinstapp p {
		text-align: center;
		    margin-top: calc(50% - 50px);
		
	}
}
footer {
	height:200px;
	position:relative;
}
footer i {
	margin-left:16px;
}
footer .pullupfurther {
	margin-top:-180px;
	height:350px;
	overflow:hidden;
}
footer .pullup {
	margin-top:24px;
}
@media (max-width: 1026px) {
	footer .pullupfurther {
		display:none;
	}
}
.bildnachweis {
    width: 250px;
    height: 250px;
    float: left;
    margin: 16px;
}
.content .blumenabo ul li::before {
	content: initial;
}

/* Single rubrics retain the existing section heading scale and spacing. */
body.single-post .entry h1 { text-transform: uppercase; margin-top: 50px; font-size: 1.25rem; }
@media screen and (min-width: 40em) { body.single-post .entry h1 { font-size: 2.5rem; } }
body.single-post article.entry { min-height: 0; margin-bottom: 120px; }

body.single-post .content { width: 100%; min-width: 0; overflow-wrap: anywhere; }

/* Restore the continuous original layout after progressive enhancement. */
body.kg-onepager.single-post article.entry { min-height: 100vh; margin-bottom: 0; }
body.kg-onepager .content { width: 100%; min-width: 0; overflow-wrap: anywhere; }
body.kg-onepager .entry h1 { text-transform: uppercase; margin-top: 50px; font-size: 1.25rem; }
@media (min-width: 40em) { body.kg-onepager .entry h1 { font-size: 2.5rem; } }
@media (min-width: 501px) { body.kg-onepager #post-143.entry { min-height: 82vh; } }

/* Preserve intrinsic image proportions at the original gallery height. */
.gallery .galleryimage img { width: auto; max-width: none; }

/* Keep navigation accessible on phones where Foundation disables sticky. */
@media (max-width: 639px) {
 #topbar { position: fixed !important; top: 0 !important; left: 0; width: 100%; max-width: none; margin-top: 0 !important; }
 #main-nav { top: 0; left: 0; height: 100dvh; }
 body.admin-bar #topbar { top: 46px !important; }
}