html {
	width: 100vw;
	overflow-x: hidden;
	scroll-behaviour: smooth;
	scrollbar-color: #000000 #82725F;
	scrollbar-width: thin;
}
body {
	margin: 0px;
	color: #000;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 300;
	font-size: 1.4rem;
	    background: url(../images/seamless_wood.jpg) top left repeat-y;
        background-attachment: scroll;
        background-size: auto;
    background-size: 150% auto;
   /* background-attachment: fixed;
	/* 
background: -moz-linear-gradient(-65deg,  rgba(197,68,95,1) 0%, rgba(255,255,255,0.62) 18%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(-65deg,  rgba(197,68,95,1) 0%,rgba(255,255,255,0.62) 18%,rgba(255,255,255,0) 100%);
background: linear-gradient(155deg,  rgba(197,68,95,1) 0%,rgba(255,255,255,0.62) 18%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5445f', endColorstr='#00ffffff',GradientType=1 );*/
}
.noise {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00000080;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	transition: all 0.25s ease-in-out;
}
.noise.active {
	visibility: visible;
	opacity: 1;
}

/* RESET */

.wp-block-image {
	margin: 0px;
}
.wp-block-image img {
    max-width: 100%;
    height: auto;
}
.dokument a {
	font-weight: 400;
	text-decoration: none;
}



/* VIDEOS */

.page-template-page-videos .wp-block-columns {
	width: min(80%, 1000px);
	margin: 5rem auto;
}
.page-template-page-videos .wp-block-video {
	position: relative;
	border: .25rem solid #FFF;
	box-shadow: 1px 2px 5px 0px #00000080;
	transform: rotate(-2deg);
	z-index: 2;
}
.page-template-page-videos .wp-block-columns.right .wp-block-video {
	transform: rotate(1deg);
}
.page-template-page-videos .wp-block-video video {
	display: block;
}
.page-template-page-videos .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child).dokument {
	margin: -2rem auto 0;
	transform: rotate(1deg);
}
.page-template-page-videos .wp-block-columns.right {
	flex-direction: column-reverse;
}
.page-template-page-videos .wp-block-columns.right > .wp-block-column.dokument {
	margin: -2rem auto 0;
	transform: rotate(-1deg);
}

@media screen and (min-width: 800px) {
	.page-template-page-videos .wp-block-columns.right {
		flex-direction: row;
	}
	.page-template-page-videos .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child).dokument {
		margin: 0 0 0 -1rem;
		padding-left: 3rem;
	}
	.page-template-page-videos .wp-block-columns.right > .wp-block-column.dokument {
		margin: 0 -4rem 0 0;
		padding-right: 3rem;
	}
}

@media screen and (min-width: 1100px) {
	.page-template-page-videos .wp-block-columns {
		padding-right: 200px;
	}
	.page-template-page-videos .wp-block-columns.right {
		padding-left: 200px;
		padding-right: 0;
	}
}

/* FORMS */

.activated_subline + form {
    width: 90%;
    max-width: 400px;
    margin: 0px auto;
    text-align: center;
}
form .segment, #loginform p:not(.login-submit) {
	position: relative;
	margin: 0.3rem 0rem 1rem;
	padding: 1.2rem 0rem;
}
input[type=text], 
input[type=email], 
input[type=password], 
input[type=url], 
textarea {
	margin: 0.5rem 0rem;
	padding: 0.5rem 0rem 0.1rem;
	width: 100%;
	border: 0px;
	border-bottom: 2px solid #333;
	background: transparent;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
}
textarea {
	width: calc(100% - 1rem - 4px);
	min-height: 20rem;
	padding: .5rem;
	border: 2px solid #333;
	font-size: 1.25rem;
	font-weight: 300;
}
.home input[type=text], 
.home input[type=email] {
	color: #FFF;
}
.page-mein-profil form, 
#loginform {
	display: block;
	width: 60%;
	max-width: 20rem;
	margin: 5rem auto 3rem;
	padding: 2rem;
	text-align: center;
	background: url(../images/background_paper.jpg) center center no-repeat;
	background-size: 104% 100%;
	-webkit-box-shadow: 1px 2px 7px 0px #000c;
	-moz-box-shadow: 1px 2px 7px 0px #000c;
	box-shadow: 1px 2px 7px 0px #000c;
	-moz-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	transform: rotate(1deg);
}
#loginform {
	margin-bottom: 7rem;
}
#profil_geschichte_upload h2 {
	-moz-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	transform: rotate(1deg);
}
#profil_geschichte_upload form {
	max-width: 40rem;
}
#profil_geschichte_upload form textarea {
    width: 100%;
    display: inline-block;
    max-width: 98%;
    background: transparent;
    border: 2px solid #333;
}
#profil_geschichte_upload form td {
	display: block;
}
#profil_geschichte_upload form .story_upload td {
	padding-bottom: 1rem;
}
#profil_geschichte_upload form .acceptance_submit td {
	padding-top: 1rem;
	border-top: 2px solid #333;
}
#profil_geschichte_upload form .acceptance_submit td:last-of-type {
	border-top: 0px;
	padding-top: 0rem;
}
#delete_account .del_cut {
	margin: 2rem auto 0rem;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
#delete_account .del_cut i, 
#delete_account .del_cut h2 {
	display: inline-block;
	margin: 0rem;
	font-size: 2rem;
	color: #00000000;
	text-shadow: 4px 1px 0px rgba(255,255,255,.3), 1px -1px 0px rgb(76, 54, 27);
	transform: rotate(2deg);
	transition: all 0.25s ease-in-out;
}
#delete_account .del_cut:hover i, 
#delete_account .del_cut:hover h2 {
	text-shadow: 4px 1px 0px rgba(255,255,255,.3), 1px -1px 0px rgb(0,0,0);
}
#loginform p label, 
body:not(.page-mein-profil) form label {
	position: absolute;
	top: 0;
	left: 0;
	margin: 1.6rem 0rem 0rem;
	transition: all 0.25s ease-in-out;
}
#loginform p label, 
form input:focus + label, 
.segment:not(.empty) label, 
.label_land {
	font-size: 1rem;
	margin: 0rem 0rem;
}
.checbox_info {
	display: inline;
	font-size: 1rem;
	line-height: 1rem;
	margin: 0px;
}
#set_pass {
	width: calc(100% - 36px);
	margin-right: 36px;
}
#togglePasswort {
	position: absolute;
	top: 0;
	right: 0;
	margin: 35px 0px 0px;
	cursor: pointer;
}
#togglePasswort i {
	color: #00000080;
	transition: all 0.25s ease-in-out;
}
#togglePasswort:hover i {
	color: #000;
}
form .clear_checkboxes {
	display: block;
	margin: 2rem 0;
}
form #datenschutz, form #bestellkontrolle, .login-remember input {
	visibility: hidden;
}
form #datenschutz + label, form #bestellkontrolle + label, .login-remember label {
	position: relative;
	padding-left: 5px;
}
form #datenschutz + label::before, form #bestellkontrolle + label::before, .login-remember label::before {
	display: inline-block;
	position: absolute;
	content: "";
	border-radius: 50%;
	height: 16px;
	width: 16px;
	top: 0px;
	left: 0px;
	border: 1px solid #000;
	margin: 1px 5px 0px -20px;
}
.login-remember label::before {
	margin-left: 0px;
}
.home form #datenschutz + label::before {
	border-color: #FFF;
}
form #datenschutz:checked + label::after, form #bestellkontrolle:checked + label::after, .login-remember.checked label::after {
	content: "✔";
	position: absolute;
	top: 0;
	left: 0;
	margin: -0.8rem 0rem 0rem -1.2rem;
	font-size: 1.6rem;
	visibility: visible;
}
.login-remember.checked label::after {
	margin-left: 0rem;
}

/* BUTTONS */


input[type=submit] {
	cursor: pointer;
}
input:disabled {
	cursor: no-drop;
}
input:focus-visible {
	outline: none;
}
.submit_button, .login-submit {
	position: relative;
	display: inline-block;
	margin: 0rem auto;
	/* border: 2px solid #000; */
	/* -webkit-box-shadow: 0px 0px 0px 1px inset #FFF; */
	/* -moz-box-shadow: 0px 0px 0px 1px inset #FFF; */
	/* box-shadow: 0px 0px 0px 1px inset #FFF; */
	/* background: #333; */
}
.submit_button:not(.active) {
	opacity: 0.75;
	-webkit-box-shadow: 0px 0px 0px 1px inset #FFFFFF50;
	-moz-box-shadow: 0px 0px 0px 1px inset #FFFFFF50;
	box-shadow: 0px 0px 0px 1px inset #FFFFFF50;
}
.submit_button::after, .login-submit::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 0%;
	height: calc(100% - 2px);
	z-index: 1;
	transition: all 0.25s ease-in-out;
	margin: 1px;
}
/*.submit_button.active:hover::after, .login-submit:hover::after {
	width: calc(100% - 2px);
}
.submit_button.green::after, .login-submit::after {
	background: #C5445F;
}*/
#wp-submit, 
/*#register_user*/ {
	position: relative;
	display: block;
	padding: 0.5rem 1rem;
	font-family: "Barlow Condensed";
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #FFFFFF50;
	background: none;
	border: 0px;
	z-index: 3;
}
/*#wp-submit, 
.active #register_user {
	color: #FFF;
}*/
#profil_daten input[type="submit"], 
#profil_bildauswahl input[type="submit"], 
.wpcf7-submit, 
#register_user, 
#send_code_again, 
#bild_reservieren, 
#wp-submit, 
.quick_delete input[type="submit"] {
	background: url(../images/background_paper.jpg) center right no-repeat #333;
	background-size: 100%;
	padding: 0.3rem 0.7rem;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	text-decoration: none;
	border: 0px;
	border-radius: 6px;
	-webkit-box-shadow: 1px 2px 6px 0px #000;
	-moz-box-shadow: 1px 2px 6px 0px #000;
	box-shadow: 1px 2px 6px 0px #000;
	transition: all 0.25s ease-in-out;
}
#profil_daten input[type="submit"]:hover, 
#profil_bildauswahl input[type="submit"]:hover, 
.wpcf7-submit:hover, 
#register_user:hover, 
#send_code_again:hover, 
#bild_reservieren:hover, 
#wp-submit:hover, 
.quick_delete input[type="submit"]:hover {
	background-size: 0%;
	color: #FFF;
}
.wpcf7-submit:disabled, 
#register_user:disabled {
	color: #333;
	background-size: 100%;
	opacity: 0.5;
}
#profil_daten input[type="submit"], 
#profil_bildauswahl input[type="submit"], 
.quick_delete input[type="submit"] {
	margin: 2rem 0rem 0rem;
}
#send_code_again {
	margin: 0rem auto 2rem;
}
#profil_bildauswahl input[type="submit"] {
	margin-top: 0rem;
}
.wpcf7-text, .wpcf7-textarea {
	font-size: 1.5rem !important;
    font-weight: 300 !important;
}
.partnercode {
	display: none;
}

/* LAYOUT */

.left {
	text-align: left;
}
.center, .activated_icon, .activated_headline, .activated_subline {
	text-align: center;
}
section, footer {
	padding: 5rem 0rem;
}
.section_inside {
	width: 90%;
	max-width: 1000px;
	margin: 0px auto;
}
#footer {
	color: #FFF;
}

#intro .wp-block-image, .group_wood .wp-block-image, .page-aktion .wp-block-image {
	position: relative;
	transform: rotate(3deg);
	max-width: 300px;
}
.group_wood .wp-block-image {
	margin: 3rem auto;
}
#intro .wp-block-image a, 
.group_wood .wp-block-image a, 
.page-aktion .wp-block-image a {
	position: relative;
	display: block;
	z-index: 3;
}
.group_wood .wp-block-image a {
	cursor: default;
}
#intro .wp-block-image::after, .group_wood .wp-block-image::after, .page-aktion .wp-block-image::after {
	content: "";
	position: absolute;
	top: 2%;
	left: 3%;
	width: 95%;
	-webkit-box-shadow: 1px 2px 6px 0px #000;
	-moz-box-shadow: 1px 2px 6px 0px #000;
	box-shadow: 1px 2px 6px 0px #000;
	height: 95%;
}
#intro p a {
	font-weight: 400;
	text-decoration: none;
}
#register_account {
	color: #FFF;
	-webkit-box-shadow: inset 0px 0px 30px 0px #000, 0px 0px 10px 0px #FFFFFF50;
	-moz-box-shadow: inset 0px 0px 30px 0px #000, 0px 0px 10px 0px #FFFFFF50;
    box-shadow: inset 0px 0px 30px 0px #000, 0px 0px 10px 0px #FFFFFF50;
    margin-left: -5vw;
    width: 110vw;
    background: #7f71619c;
	-moz-transform: skewY(-0.5deg);
	-webkit-transform: skewY(-0.5deg);
	-o-transform: skewY(-0.5deg);
	-ms-transform: skewY(-0.5deg);
    transform: skewY(-0.5deg);
}
#register_account .section_inside {
    width: 80%;
}
#register_account a {
	color: #FFF;
}
#register_account h2 {
    text-shadow: 0px 0px 0px rgb(202, 185, 165), 1px 1px 1px rgba(0, 0, 0, 0.5), 2px 1px 2px rgba(0, 0, 0, 0.5), 3px 2px 3px rgba(0, 0, 0, 0.5), 4px 2px 4px rgba(0, 0, 0, 0.5), 5px 3px 5px rgba(0, 0, 0, 0.5);
    color: transparent;
	font-size: 3rem;
    font-weight: 700;
	color: #00000000;
text-shadow: 4px 1px 0px rgba(255,255,255,.3), 2px -1px 0px rgba(41, 29, 15, 1);
}
#cause .cause_title {
	font-size: 2rem;
	font-weight: 400;
}
#cause .column.large_icon {
	font-size: 15vw;
	text-align: center;
	color: #FFF;
	text-shadow: 0px 0px 10px #00000050;
}
#guter-zweck .wp-block-columns {
	width: 90%;
	max-width: 1000px;
	margin: 2rem auto;
	font-weight: 300;
}
#guter-zweck .wp-block-image.image_card figure, 
.page-aktion .wp-block-image.image_card figure {
	background: #FFF;
	padding: 2rem 1rem;
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
	-webkit-box-shadow: 1px 1px 5px 0px #000;
	-moz-box-shadow: 1px 1px 5px 0px #000;
	box-shadow: 1px 1px 5px 0px #000;
}
#guter-zweck .wp-block-image.image_card:nth-of-type(2) figure, 
.page-aktion .wp-block-image.image_card:nth-of-type(2) figure {
	margin: -1rem 2rem 0rem 0rem;
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	-webkit-box-shadow: 1px 2px 5px 0px #000;
	-moz-box-shadow: 1px 2px 5px 0px #000;
	box-shadow: 1px 2px 5px 0px #000;
}
.activated_icon {
	display: block;
	font-size: 4rem;
	color: #00000000;
	text-shadow: 4px 1px 0px rgba(255,255,255,.3), 1px -1px 0px rgba(76, 54, 27, .75);
	margin: 4rem auto 0rem;
}
.activated_headline {
	margin: 1rem auto 0rem;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	color: #00000000;
	text-shadow: 2px 1px 0px rgba(255,255,255,.3), 1px -1px 0px rgb(76, 54, 27);
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}



/* FRONT PAGE */
h1 {
	display: block;
	font-size: 3.4rem;
	color: #00000000;
	text-shadow: 4px 1px 0px rgba(255,255,255,.3), 2px -1px 0px rgba(41, 29, 15, 1);
	transition: all 0.25s ease-in-out;
	font-weight: 700;
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
}
#team {
	position: relative;
	/*background: #FFF;*/
}
#team::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	-webkit-box-shadow: 0px 0px 1px 2px rgba(210, 210, 210, 0.6), 0px 1px 0px 2px rgba(67, 43, 13, 0.76), 0px 1px 0px 2px rgba(67, 43, 13, 0.76);
	-moz-box-shadow: 0px 0px 1px 2px rgba(210, 210, 210, 0.6), 0px 1px 0px 2px rgba(67, 43, 13, 0.76), 0px 1px 0px 2px rgba(67, 43, 13, 0.76);
	box-shadow: 0px 0px 1px 2px rgba(210, 210, 210, 0.6), 0px 1px 0px 2px rgba(67, 43, 13, 0.76), 0px 1px 0px 2px rgba(67, 43, 13, 0.76);
	background: #00000087;
	overflow: hidden;
	-moz-transform: skewY(1deg);
	-webkit-transform: skewY(1deg);
	-o-transform: skewY(1deg);
	-ms-transform: skewY(1deg);
	transform: skewY(1deg);
	display: block;
}
.geschichten_pagination h2, 
#guter-zweck h2, 
#team h2, 
.page-aktion h2 {
	display: block;
	font-size: 3rem;
	color: #00000000;
	text-shadow: 4px 1px 0px rgba(255,255,255,.3), 2px -1px 0px rgba(41, 29, 15, 0.75);
	transition: all 0.25s ease-in-out;
	font-weight: 700;
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
}
.geschichten_pagination h2 {
	font-size: 2rem;
	margin: 0 auto 4rem;
	width: max-content;
	max-width: 100%;
	text-align: center;
}
.team {
	margin: 2rem auto;
	max-width: 1000px;
}
.team .wp-block-column {
	text-align: center;
	background: url(../images/background_paper.jpg) center center repeat-y;
	background-size: 104% auto;
	max-width: 70%;
	height: max-content;
	margin: 0rem auto 3rem;
	padding: 2rem 1rem;
	-webkit-box-shadow: 2px 2px 6px 0px #000000b0;
	-moz-box-shadow: 2px 2px 6px 0px #000000b0;
	box-shadow: 2px 2px 6px 0px #000000b0;
	transition: all 0.25s ease-in-out;
}
.team .wp-block-column:nth-of-type(2) {
	background-position: top center;
}
.team .wp-block-column:nth-of-type(3) {
	background-position: bottom center;
}
.team .wp-block-column:nth-of-type(1n+3) {
	-moz-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	transform: rotate(1deg);
}
.team .wp-block-column:nth-of-type(3) {
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
}
.team .wp-block-column:hover {
	-webkit-box-shadow: 2px 2px 6px 0px #000000b0, 40px 40px 20px 0px #00000080;
	-moz-box-shadow: 2px 2px 6px 0px #000000b0, 40px 40px 20px 0px #00000080;
	box-shadow: 2px 2px 6px 0px #000000b0, 40px 40px 20px 0px #00000080;
	transform: scale(1.1) rotate(3deg);
	-moz-transform: perspective(600px) rotateY(5deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	-webkit-transform: perspective(600px) rotateY(5deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	-o-transform: perspective(600px) rotateY(5deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	-ms-transform: perspective(600px) rotateY(5deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	transform: perspective(600px) rotateY(5deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	z-index: 4;
}
.team .wp-block-column:nth-of-type(2):hover {
	-moz-transform: perspective(600px) rotateY(2deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	-webkit-transform: perspective(600px) rotateY(2deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	-o-transform: perspective(600px) rotateY(2deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	-ms-transform: perspective(600px) rotateY(2deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	transform: perspective(600px) rotateY(2deg) translateY(-10px) rotateX(-6deg) scale(1.1);
} 
.team .wp-block-column:nth-of-type(3):hover {
	-moz-transform: perspective(600px) rotateY(-2deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	-webkit-transform: perspective(600px) rotateY(-2deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	-o-transform: perspective(600px) rotateY(-2deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	-ms-transform: perspective(600px) rotateY(-2deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	transform: perspective(600px) rotateY(-2deg) translateY(-10px) rotateX(-6deg) scale(1.1);
}
.team .wp-block-column:nth-of-type(4):hover {
	-moz-transform: perspective(600px) rotateY(-5deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	-webkit-transform: perspective(600px) rotateY(-5deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	-o-transform: perspective(600px) rotateY(-5deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	-ms-transform: perspective(600px) rotateY(-5deg) translateY(-10px) rotateX(-6deg) scale(1.1);
	transform: perspective(600px) rotateY(-5deg) translateY(-10px) rotateX(-6deg) scale(1.1);
}
.team .wp-block-column figure {
	position: relative;
	max-width: 150px;
	margin: 0px auto;
}
.team .wp-block-column figure::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-box-shadow: inset 2px 2px 6px 0px #00000080;
	-moz-box-shadow: inset 2px 2px 6px 0px #00000080;
	box-shadow: inset 2px 2px 6px 0px #00000080;
}
.team .wp-block-image img {
	display: block;
	border-radius: 50%;
	height: 150px;
	max-height: 150px;
	width: auto;
	max-width: 150px;
}
.team p {
	margin: 0rem;
	font-size: 1.15rem;
}
.team p strong {
	display: block;
	margin: 1rem 0rem 0rem;
	font-size: 1.6rem;
}
.team p em {
	display: block;
	margin: 0rem 0rem 1rem;
	font-size: 1.2rem;
}
.team p a {
	font-weight: 400;
	text-decoration: none;
}
.team .wp-block-social-links {
	text-align: center;
	margin: 1rem 0rem 0rem;
}
.team .wp-block-social-links .wp-social-link svg {
    color: #666;
    fill: #666;
	transition: all 0.15s ease-in-out;
}
.team .wp-block-social-links .wp-social-link:hover svg {
    color: #000;
    fill: #000;
}
/*.team .team_zitat {
	position: relative;
	display: block;
	width: 75%;
	padding: 3% 3% 3% 20%;
	text-align: left;
	background: #00000020;
	transform: rotate(-2deg) translateY(0.7rem);
	box-shadow: 1px 2px 6px 0px #00000080;
	border-radius: 2rem 0rem 0rem 2rem;
}*/
.team .team_zitat {
	position: relative;
	border-top: 1px dashed #00000080;
	padding: 3rem 1rem 1rem;
	width: 100%;
	margin: 1rem 0rem -2rem -1rem;
	font-style: italic;
}
.team .team_zitat::before {
	position: absolute;
	content: "\f10e";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	top: 0;
	left: 0;
	width: 100%;
	margin: 1rem 0rem 0rem;
	color: #00000050;
	font-style: normal;
}
/*.team .team_zitat::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	margin: -0.5rem 0.3rem 0.3rem;
	box-shadow: inset 0px 0px 1px #000;
	border: 2px solid #9B9B9B;
	box-shadow: 0px 0px 3px 1px inset #00000090;
	background: url(https://ebzg.nightbird-design.de/wp-content/uploads/2021/07/seamless_wood.jpg) center center no-repeat;
	background-size: auto;
	background-size: cover;
}
.team .team_zitat::before {
	content: "„“";
	position: absolute;
	top: 50%;
	left: 50%;
}
.team .team_zitat::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 13px;
	border: 1px solid #A94D29;
	margin: -0.9px 0px 0px -4px;
	border-right: 0px;
	border-radius: 4px 0px 0px 4px;
}
.team .team_zitat::after {
	position: absolute;
	content: "";
    top: 0;
    left: 0;
    width: 29px;
    height: 10px;
    border: 1px solid #A94D29;
    z-index: 3;
    border-radius: 0px 5px 5px 0px;
    border-left: 0px;
    -moz-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg);
    margin: 0px;
}*/


/* BILDER-ARCHIV */
.archive .content {
	max-width: 1000px;
	margin: 0rem auto;
}
/*a.bild {
	position: relative;
	display: inline-block;
	width: 90%;
	margin: 4vw;
	max-width: 13.4vw;
	background: #FFF;
	border: 1vw solid #FFF;
	border-bottom: 4vw solid #FFF;
	-webkit-box-shadow: 1px 2px 10px 0px #000;
	-moz-box-shadow: 1px 2px 10px 0px #000;
	box-shadow: 1px 2px 10px 0px #000;
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}*/
.bild {
	position: relative;
	display: inline-block;
	width: 80%;
	margin: 4vw;
	max-width: 250px;
	background: transparent;
	border: 0px;
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
	line-height: 100%;
	padding: 0px;
}
.group_wood .bild::after, 
.bild::after {
	content: "";
	position: absolute;
	top: 1%;
	left: 1%;
	width: 98%;
	height: 98%;
	background: #0005;
	-webkit-box-shadow: 0px 0px 5px 0px #00000050;
	-moz-box-shadow: 0px 0px 5px 0px #00000050;
	box-shadow: 0px 0px 5px 0px #00000050;
	z-index: -2;
	transition: all 0.25s ease-in-out;
}
.group_wood .bild::after {
	height: 97%;
}
.group_wood .bild:hover::after, 
.bild:hover::after {
	-webkit-box-shadow: 1px 2px 10px 0px #00000050, 30px 60px 10px 3px #00000040;
	-moz-box-shadow: 1px 2px 10px 0px #00000050, 30px 60px 10px 3px #00000040;
	box-shadow: 1px 2px 10px 0px #00000050, 30px 60px 10px 3px #00000040;
}
.group_wood .bild:hover::after {
    height: 96%;
}
.group_wood .bild {
	z-index: 1;
	transition: all 0.25s ease-in-out;
}
.archive .bild {
	margin: 0px;
	z-index: 1;
	transition: all 0.25s ease-in-out;
}
.archive .bild.reserviert {
	z-index: 0;
	/*opacity: 0.75;*/
}
.archive .bild.reserviert:hover {
	opacity: 1;
}
.bild:nth-of-type(2n+2) {
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
.bild .bild_inside {
	display: block;
	width: 100%;
	height: auto;
	/*box-shadow: inset 0px 0px 1px 0px #00000050;*/
}
.bild img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	z-index: -1;
}
.bild .pictures_message {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0rem 0rem 1.5rem -2.5rem;
	padding: 0rem;
	border-radius: 10px;
	/* background: #000; */
	/* color: #FFF; */
	font-size: 1.4rem;
	font-weight: 500;
	z-index: 2;
	width: 5rem;
	text-align: center;
}
																	.single-bilder .bild_nummer {
																		font-size: 3rem;
																		font-weight: 400;
																	}
																	.single-bilder .geschichte_hochladen {
																		margin: 1rem 0 0;
																		transform: rotate(2deg);
																		transition: all 0.25s ease-in-out;
																	}
																	.single-bilder .geschichte_hochladen:hover {
																		transform: rotate(-1deg);
																	}
																	.bild .bild_nummer {
																		position: absolute;
																		display: flex;
																		align-content: center;
																		justify-content: center;
																		width: 1.6rem;
																		height: 1.6rem;
																		top: 0;
																		left: 0;
																		margin: 11%;
																		padding: 0;
																		background: #FFF;
																		border-radius: 50%;
																		font-size: 1rem;
																		font-weight: 400;
																		box-shadow: inset 0 0 1px 0 #0009;
																	}
																	.bild .pictures_message {
																		position: absolute;
																		bottom: 0;
																		left: 50%;
																		margin: 0rem 0rem 0.5rem -32%;
																		padding: 0.25rem 0;
																		border-radius: 0;
																		font-size: 1.125rem;
																		font-weight: 400;
																		z-index: 2;
																		width: 5rem;
																		text-align: center;
																		width: 64%;
																		background: url(../images/background_paper.jpg) center center no-repeat;
																		background-size: auto;
																		background-size: 100% 100%;
																		opacity: 0;
																		visibility: hidden;
																		transition: all 0.25s ease-in-out;
																		transform: rotate(-3deg) translateY(0.75rem);
																		box-shadow: 1px 1px 3px 0px #000;
																	}
																	.bild:hover .pictures_message {
																		opacity: 1;
																		visibility: visible;
																	}
																	.bild .pictures_message a {
																		text-decoration: none;
																	}

.archive .bild.reserviert .pictures_message {
	opacity: 0.75;
}
.bild.reserviert img {
	opacity: 0.4;
	filter: saturate(0.4);
	transition: all 0.25s ease-in-out;
}
.group_wood .bild:hover {
	-moz-transform: scale(1.4) rotate(-2deg);
	-webkit-transform: scale(1.4) rotate(-2deg);
	-o-transform: scale(1.4) rotate(-2deg);
	-ms-transform: scale(1.4) rotate(-2deg);
	transform: scale(1.4) rotate(-2deg);
	z-index: 4;
}
.archive .bild:hover {
	-moz-transform: scale(1.4) rotate(2deg);
	-webkit-transform: scale(1.4) rotate(2deg);
	-o-transform: scale(1.4) rotate(2deg);
	-ms-transform: scale(1.4) rotate(2deg);
	transform: scale(1.4) rotate(2deg);
	z-index: 4;
	/*-webkit-box-shadow: 1px 2px 10px 0px #000, 30px 60px 10px 3px #00000040;
	-moz-box-shadow: 1px 2px 10px 0px #000, 30px 60px 10px 3px #00000040;
	box-shadow: 1px 2px 10px 0px #000, 30px 60px 10px 3px #00000040;*/
}
.bild.reserviert:hover img {
	opacity: 1;
	filter: saturate(1);
}

/* PAGE */


.dokument {
	background: url(../images/background_paper.jpg) center center repeat-y;
	background-size: 104% auto;
	width: 80%;
	max-width: 800px;
	margin: 5rem auto;
	padding: 1rem;
	-webkit-box-shadow: 1px 2px 5px 0px #00000080;
	-moz-box-shadow: 1px 2px 5px 0px #00000080;
	box-shadow: 1px 2px 5px 0px #00000080;
}
.page-faq .dokument {
	-moz-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	transform: rotate(1deg);
}
.page-faq .dokument h2 {
    font-size: 1.6rem;
}
.page-faq .dokument:nth-of-type(2n+1) {
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
}
.page-faq .dokument:nth-of-type(3n) {
    background-position: top center;
}
.page-faq .dokument:nth-of-type(4n) {
    background-position: bottom center;
}
.page-teilnahmebedingungen .dokument ol {
	padding: 0rem 0rem 0rem 1.5rem;
	margin: 0rem;
}
.page-teilnahmebedingungen .dokument ol li {
    margin-bottom: 2rem;
}
.page-teilnahmebedingungen .dokument ul {
	list-style: none;
}
.page-teilnahmebedingungen .dokument ul li {
	margin: 0.5rem 0rem 0rem -1.4rem;
}
.page-teilnahmebedingungen .dokument ul li::before {
	content: "–";
	font-weight: 400;
	margin: 0rem 0rem 0rem -1.1rem;
	padding: 0rem 0.5rem 0rem 0rem;
}
.page-teilnahmebedingungen .dokument ol li ol {
	padding: 0rem 0rem 0rem 1rem;
}
.page-teilnahmebedingungen .dokument ol li ol li {
    margin-bottom: 1rem;
}
.page-teilnahmebedingungen .dokument ol li strong {
	margin: 3rem 0rem 1rem;
	display: block;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.page-teilnahmebedingungen .dokument ol li:first-of-type strong {
	margin-top: 1rem;
}
/*.page-aktion .activated_icon {
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
.page-aktion h1 {
	margin-top: 1rem;
}*/
.page-aktion .wp-block-columns {
	width: 80%;
	max-width: 1000px;
	margin: 3rem auto;
}
.page-aktion .bild_nachricht {
    display: block;
    margin: 0rem auto;
	max-width: 480px;
}
.page-aktion .bild_nachricht.beispiel_story {
	width: 80%;
	max-width: 440px;
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
	transition: all 0.25s ease-in-out;
}
.page-aktion .bild_nachricht.beispiel_story:hover {
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
}
.page-aktion h2 {
	font-size: 2rem;
}


/* SINGLE BILD */

.single-bilder .content {
	margin: 0px auto;
	max-width: 1000px;
}
.single-bilder .content .bild {
	display: block;
	margin: 0px auto;
	max-width: 350px;
	/*border-bottom: 5rem solid #FFF;*/
	z-index: 1;
	transition: all 0.25s ease-in-out;
}
.single-bilder .content .bild:hover {
	-moz-transform: scale(1.2) rotate(-1deg);
	-webkit-transform: scale(1.2) rotate(-1deg);
	-o-transform: scale(1.2) rotate(-1deg);
	-ms-transform: scale(1.2) rotate(-1deg);
	transform: scale(1.2) rotate(-1deg);
}
.bild_pagination {
	text-align: center;
}
.bild_nav {
	position: relative;
	display: inline-block;
	text-align: center;
	max-width: 180px;
	margin-bottom: 3rem;
	/*z-index: 3;*/
}
.bild_nav:hover {
	z-index: 2;
}
.bild_nav .bild {
	max-width: 200px;
	margin: 0px;
	/*border: 10px solid #FFF;
	border-bottom: 40px solid #FFF;*/
	transition: all 0.25s ease-in-out;
}
.bild_nav i {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 2;
	margin: 0rem 0rem 1.2rem -1rem;
	/*box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 3px 2px #000;
	border-radius: 50%;*/
	transition: all 0.25s ease-in-out;
}
.bild_nav.prev .bild {
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
.bild_nav .bild::before {
	content: "\f137";
	position: absolute;
	bottom: 0;
	left: 50%;
	font-family: "Font Awesome 5 Free";
	font-size: 100%;
	font-weight: 700;
	margin: 0% 0% 6.5% -5%;
}
.bild_nav.next .bild::before {
	content: "\f138";
}
.bild_nav.prev:hover .bild {
	margin: 25px 0px 0px 60px;
	-moz-transform: perspective(600px) rotateY(5deg) translateY(-10px) rotateX(-6deg) scale(1.2);
	-webkit-transform: perspective(600px) rotateY(5deg) translateY(-10px) rotateX(-6deg) scale(1.2);
	-o-transform: perspective(600px) rotateY(5deg) translateY(-10px) rotateX(-6deg) scale(1.2);
	-ms-transform: perspective(600px) rotateY(5deg) translateY(-10px) rotateX(-6deg) scale(1.2);
	transform: perspective(600px) rotateY(5deg) translateY(-10px) rotateX(-6deg) scale(1.2);
	/*box-shadow: 0px 0px 3px 0px #000000E8, 30px 60px 10px 3px #00000040;*/
}
.bild_nav.next:hover .bild {
	margin: 25px 60px 0px 0px;
	-moz-transform: perspective(600px) rotateY(-5deg) translateY(-10px) rotateX(-6deg) scale(1.2);
	-webkit-transform: perspective(600px) rotateY(-5deg) translateY(-10px) rotateX(-6deg) scale(1.2);
	-o-transform: perspective(600px) rotateY(-5deg) translateY(-10px) rotateX(-6deg) scale(1.2);
	-ms-transform: perspective(600px) rotateY(-5deg) translateY(-10px) rotateX(-6deg) scale(1.2);
	transform: perspective(600px) rotateY(-5deg) translateY(-10px) rotateX(-6deg) scale(1.2);
	/*box-shadow: 0px 0px 3px 0px #000000E8, 30px 60px 10px 3px #00000040;*/
}
.bild_nav:hover i {
	margin: 12px 0px 0px 1.7rem;
	-moz-transform: perspective(600px) rotateY(5deg) translateY(-10px) rotateX(-6deg) scale(1.2);
	-webkit-transform: perspective(600px) rotateY(5deg) translateY(-10px) rotateX(-6deg) scale(1.2);
	-o-transform: perspective(600px) rotateY(5deg) translateY(-10px) rotateX(-6deg) scale(1.2);
	-ms-transform: perspective(600px) rotateY(5deg) translateY(-10px) rotateX(-6deg) scale(1.2);
	transform: perspective(600px) rotateY(5deg) translateY(-16px) rotateX(-6deg) scale(1.2);
}
.bild_nav.next:hover i {
	margin: 12px 0rem 0px -1.9rem;
}
.bild_nachricht {
	position: relative;
	display: inline-block;
	width: auto;
	max-width: 75%;
	padding: 1rem;
	background: url(../images/background_paper.jpg) center center no-repeat;
	background-size: 100% 100%;
	-webkit-box-shadow: 2px 2px 5px 0px #00000090;
	-moz-box-shadow: 2px 2px 5px 0px #00000090;
	box-shadow: 2px 2px 5px 0px #00000090;
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
	z-index: 0;
}
.bild_nachricht a {
	font-weight: 400;
	text-decoration: none;
}
#intro .bild_nachricht {
	margin: 2rem auto 4rem;
	padding: 0rem;
	display: block;
	width: max-content;
	transition: all 0.25s ease-in-out;
}
#intro .bild_nachricht:hover {
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}
#intro .bild_nachricht a {
	display: block;
	padding: 1rem;
}
.show_quick_login {
	cursor: pointer;
}
.quick_login, 
.quick_delete {
	position: fixed;
	top: -150vh;
	left: 50%;
	margin: -170px 0rem 0rem -150px;
	width: 300px;
	transition: all 0.5s ease-in-out;
	z-index: 10;
	height: 340px;
}
.quick_login.active, 
.quick_delete.active {
	top: 50%;
}
.close_quick_login, 
.close_confirm {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 4;
	background: #000;
	color: #FFF;
	width: 30px;
	height: 29px;
	padding: 1px 0px 0px;
	margin: -17px -12px 0px 0px;
	border-radius: 50%;
	cursor: pointer;
	border: 2px solid #FFF;
	-webkit-box-shadow: 0px 0px 4px 1px #000;
	-moz-box-shadow: 0px 0px 4px 1px #000;
	box-shadow: 0px 0px 4px 1px #000;
}
.quick_login #loginform, 
.quick_delete form {
	position: relative;
	margin: 0rem;
	width: calc(100% - 4rem);
	max-width: calc(100% - 4rem);
	-webkit-box-shadow: 2px 2px 6px 0px #00000090, 60px 60px 20px 0px #00000060;
	-moz-box-shadow: 2px 2px 6px 0px #00000090, 60px 60px 20px 0px #00000060;
	box-shadow: 2px 2px 6px 0px #00000090, 60px 60px 20px 0px #00000060;
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-2deg);
	z-index: 3;
}

/* FANCYBOX */

#fancybox-outer, 
#fancybox-content {
	border: 0px !important;
	background: transparent !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}


/* GESCHICHTE */

.group_wood {
	padding: 3rem 0rem;
}
.story_wrapper {
	position: relative;
	display: block;
	width: 100%;
	padding: 2rem 0rem 4rem;
	background: #FFF;
}
.geschichten_dots_explanation {
	display: block;
	width: 90%;
	text-align: center;
	margin: 0rem auto 1rem;
}
.geschichten_dots {
	position: sticky;
	top: 1rem;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 2;
	transition: all 0.25s ease-in-out;
}
/*.geschichten_dots.active {
	top: 90vh;
}*/
.geschichten_dots li {
	display: inline-block;
	margin: 0.3rem 2rem;
	width: 2rem;
	height: 1.6rem;
	border-radius: 50%;
	background: #FFF;
	-webkit-box-shadow: 0px 0px 0px 1px #000;
	-moz-box-shadow: 0px 0px 0px 1px #000;
	box-shadow: 0px 0px 0px 1px #000;
	font-size: 1.4rem;
	line-height: 1rem;
	padding: 0.4rem 0rem 0rem;
	cursor: pointer;
	transition: all 0.25s ease-in-out;
}
.geschichten_dots li.active {
	background: #C5445F;
	color: #FFF;
	font-weight: 700;
}
.geschichten_spalten {
	width: 90%;
	padding: 1rem 0rem;
	margin: 0rem auto;
	overflow-x: hidden;
}
.geschichten_spalten > .wp-block-group__inner-container {
	position: relative;
	display: block;
	width: 200%;
	margin: 0rem auto;
	padding: 3rem 0rem;
}
.geschichten_spalte {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	transition: all 0.25s ease-in-out;
}
.geschichten_spalte:first-of-type {
	padding: 0rem 2rem 0rem 0rem;
	border-right: 1px solid #999;
}
.geschichten_spalte:last-of-type {
	padding: 0rem 0rem 0rem 2rem;
	margin-left: -6px;
}
#left_story {
	margin-left: -24%;
}
.geschichten_spalte h2 {
	text-transform: uppercase;
}
.geschichten_spalte:first-of-type h2 {
	text-align: right;
	padding-top: 2.45rem;
	font-weight: 700;
}
.geschichten_spalte:last-of-type h2 {
	font-style: italic;
}
.geschichten_spalte p {
	text-align: justify;
	margin: 0rem;
	font-size: 1.2rem;
	text-indent: 2rem;
}
.geschichten_spalte:last-of-type p {
	font-style: italic;
}

/* FOOTER */

footer {
	position: relative;
	color: #333;
	font-size: 1rem;
	text-align: center;
	padding: 4rem 0rem 2rem;
	margin: 0rem;
}
.page-id-77 footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: -1rem 0rem 0rem;
	width: 100%;
	height: 2rem;
	background: #FFF;
	overflow: hidden;
	-moz-transform: skewY(-1deg);
	-webkit-transform: skewY(-1deg);
	-o-transform: skewY(-1deg);
	-ms-transform: skewY(-1deg);
	transform: skewY(-1deg);
	display: block;
	z-index: 2;
}
.no_registration_needed {
	position: relative;
}
.no_registration_needed::after, 
footer::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: 1rem 0rem 0rem;
	width: 100%;
	height: 2px;
	-webkit-box-shadow: 0px 0px 1px 2px rgba(210, 210, 210, 0.6), 0px 1px 0px 2px rgba(67, 43, 13, 0.76), 0px 1px 0px 2px rgba(67, 43, 13, 0.76);
	-moz-box-shadow: 0px 0px 1px 2px rgba(210, 210, 210, 0.6), 0px 1px 0px 2px rgba(67, 43, 13, 0.76), 0px 1px 0px 2px rgba(67, 43, 13, 0.76);
	box-shadow: 0px 0px 1px 2px rgba(210, 210, 210, 0.6), 0px 1px 0px 2px rgba(67, 43, 13, 0.76), 0px 1px 0px 2px rgba(67, 43, 13, 0.76);
	background: #00000087;
	overflow: hidden;
	-moz-transform: skewY(-1deg);
	-webkit-transform: skewY(-1deg);
	-o-transform: skewY(-1deg);
	-ms-transform: skewY(-1deg);
	transform: skewY(-1deg);
	display: block;
}
footer a {
	color: #333;
	text-decoration: none;
	font-weight: 500;
}
footer ul {
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
footer ul li {
	display: inline-block;
}
footer .social_links {
	text-align: center;
	margin: 0vw 0vw 5vw;
	font-size: 1.4rem;
}
footer .social_media li {
	margin: 0rem 1rem;
}
footer .social_media li a {
	position: relative;
	display: block;
    font-size: 3rem;
    color: #00000000;
    text-shadow: 4px 1px 0px rgba(255,255,255,.3), 1px -1px 0px rgba(76, 54, 27, .75);
	-moz-transform: translateY(-2px) rotate(6deg);
	-webkit-transform: translateY(-2px) rotate(6deg);
	-o-transform: translateY(-2px) rotate(6deg);
	-ms-transform: translateY(-2px) rotate(6deg);
    transform: translateY(-2px) rotate(6deg);
    transition: all 0.25s ease-in-out;
}
footer .social_media li.instagram a::after {
	content: "#1bild2geschichten";
	position: absolute;
	bottom: 0;
	left: 0;
	background: #F00;
	font-size: 1rem;
	padding: 0rem 0.3rem 0.2rem;
	border-radius: 3px;
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
	-webkit-box-shadow: 1px 1px 5px 0px #000;
	-moz-box-shadow: 1px 1px 5px 0px #000;
	box-shadow: 1px 1px 5px 0px #000;
	text-shadow: none;
	margin: 0rem 0rem -0.5rem -3.5rem;
	background: url(../images/background_paper.jpg) center right no-repeat #333;
	background-size: 104% 104%;
	color: #000;
	transition: all 0.25s ease-in-out;
}
footer .social_media li:nth-of-type(2n+1) a {
	-moz-transform: translateY(-2px) rotate(-6deg);
	-webkit-transform: translateY(-2px) rotate(-6deg);
	-o-transform: translateY(-2px) rotate(-6deg);
	-ms-transform: translateY(-2px) rotate(-6deg);
    transform: translateY(-2px) rotate(-6deg);
}
footer .social_media li:hover a {
	color: #00000000;
	text-shadow: 0px 0px 0px #00000045, 1px 1px 0px #00000040, 2px 2px 0px #00000035;
	text-shadow: 4px 1px 0px rgba(255,255,255,.3), 1px -1px 0px rgb(0,0,0);
}
footer .social_media li.instagram:hover a::after {
	background-size: 0% 104%;
	color: #FFF;
}
footer .colophone {
	color: #333;
	font-weight: 400;
	margin: 3rem 0rem 2rem;
	display: block;
}
#menu-footer li {
	margin: 1rem 0rem;
	display: block;
}











.header {
	position: relative;
	display: block;
	width: 100%;
	margin: -0.5rem auto 0rem;
	padding: 0rem;
	z-index: 9;
	max-width: 1000px;
	align-items: center;
}
.header > div {
	/*float: left;
	display: inline-block;*/
	display: flex;
	flex-direction: row;
}
.header > .header_left {
    margin-left: 5%;
}
/*.header > .header_left, .header > .header_right {
	width: calc(50% - 80px);
}
.header > .header_left {
	text-align: right;
	background: #444;
	padding: 3px 50px 2px 0px;
	margin: 18px -20px 0px 0px;
}*/
.header > .header_center {
	width: 100%;
	text-align: center;
}
/*.header > .header_right {
	background: #E14360;
	padding: 0px 0px 0px 30px;
	margin: 18px 0px 0px -20px;
}*/
.header_right {
	position: absolute;
	top: 0;
	right: 5%;
	margin: 2rem 1rem;
}
.branding {
	display: inline-block;
	margin: 0rem 0rem 0rem 1rem;
	font-size: 2rem;
	font-weight: 700;
	font-style: italic;
	text-decoration: none;
}
.custom-logo {
	width: 120px;
	height: auto;
}
.custom-logo-link {
	background: url(../images/background_paper.jpg) center center no-repeat;
	background-size: cover;
	padding: 1rem 1rem 0.5rem;
	box-shadow: 1px 1px 5px 1px #00000080;
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	transition: all 0.25s ease-in-out;
	z-index: 9;
}
.custom-logo-link:hover {
	-moz-transform: rotate(-7deg) scale(1.4) translateX(0.5rem) translateY(1rem);
	-webkit-transform: rotate(-7deg) scale(1.4) translateX(0.5rem) translateY(1rem);
	-o-transform: rotate(-7deg) scale(1.4) translateX(0.5rem) translateY(1rem);
	-ms-transform: rotate(-7deg) scale(1.4) translateX(0.5rem) translateY(1rem);
	transform: rotate(-7deg) scale(1.4) translateX(0.5rem) translateY(1rem);
	-webkit-box-shadow: 2px 2px 6px 0px #000000B0, 40px 40px 20px 0px #00000060;
	-moz-box-shadow: 2px 2px 6px 0px #000000B0, 40px 40px 20px 0px #00000060;
	box-shadow: 2px 2px 6px 0px #000000B0, 40px 40px 20px 0px #00000060;
}
.header .nav-toggle {
	position: absolute;
	top: 0;
	left: 0;
	margin: 6px 0px 0px -55px;
	font-size: 1.1rem;
	transition: all 0.5s ease-in-out;
	width: auto;
	text-align: center;
	display: block;
	z-index: 2;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: url(../images/background_paper.jpg) center center no-repeat;
	background-size: cover;
	padding: 6px 30px 6px 10px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px 0px #00000040;
	-moz-box-shadow: 1px 1px 1px 0px #00000040;
	box-shadow: 1px 1px 1px 0px #00000040;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
	cursor: pointer;
}
.header .nav-toggle.active {
	margin: 24px 0px 0px -40px;
	-moz-transform: rotate(-72deg);
	-webkit-transform: rotate(-72deg);
	-o-transform: rotate(-72deg);
	-ms-transform: rotate(-72deg);
	transform: rotate(-72deg);
}
.header .nav-toggle .toggle_label::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: -7px 8px 0px 0px;
	border: 2px solid #9B9B9B;
	-webkit-box-shadow: 0px 0px 3px 1px inset #00000090;
	-moz-box-shadow: 0px 0px 3px 1px inset #00000090;
	box-shadow: 0px 0px 3px 1px inset #00000090;
	background: url(../images/seamless_wood.jpg) center center no-repeat;
	background-size: cover;
}
/*.nav-toggle::before, .nav-toggle::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 30px;
	border-top: 2px solid #3d3122;
	border-radius: 50%;
	margin: 6px -58px 0px 0px;
	z-index: 2;
	transition: all 0.25s ease-in-out;
}
.nav-toggle::after {
	border-bottom: 1px solid #000;
	border-top: 0px;
	height: 20px;
	margin: 3px -68px 0px 0px;
	border-radius: 0% 0% 50% 30%;
	transform: rotate(-13deg);
}
.nav-toggle.active {
	transform: rotate(-4deg);
	margin: 6px 0px 0px -55px;
}*/
.nav-toggle.active::before {
	height: 20px;
}
.nav-toggle.active::after {
	height: 8px;
	margin-right: -69px;
}
.main-navigation {
	display: inline-block;
	margin: 0rem auto;
	/*transform: translateY(-0.3rem);
	max-height: 0px;
	overflow: hidden;*/
	transition: all 0.25s ease-in-out;
}
.main-navigation.active {
	max-height: 99999px;
	overflow: visible;
}
.main-navigation .menu, 
.profile-navigation .menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-size: 1.4rem;
	line-height: 100%;
}
#account-navigation {
	float: right;
	margin: 0px 0px 5px 0px;
}
.logout_link {
	position: absolute;
	bottom: 0;
	background: url(../images/background_paper.jpg) center right no-repeat #333;
	background-size: 150%;
	padding: 0.3rem 0.7rem;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	border-radius: 6px;
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
	margin: 0rem 0rem -1rem -0.5rem;
	-webkit-box-shadow: 1px 1px 3px 0px #00000080;
	-moz-box-shadow: 1px 1px 3px 0px #00000080;
	box-shadow: 1px 1px 3px 0px #00000080;
	transition: all 0.25s ease-in-out;
}
.logout_link:hover {
	background-size: 0%;
	color: #FFF;
}

.login_stempel {
	color: #00000000;
	text-shadow: 2px 1px 0px rgba(255,255,255,.3), 1px -1px 0px rgba(76, 54, 27, .75);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1rem;
	position: absolute;
	bottom: 0;
	left: 0;
	-moz-transform: rotate(12deg);
	-webkit-transform: rotate(12deg);
	-o-transform: rotate(12deg);
	-ms-transform: rotate(12deg);
	transform: rotate(12deg);
	display: block;
	width: 100%;
	text-align: center;
	margin: 0px 0px -4px -9px;
	transition: all 0.25s ease-in-out;
}
.login_stempel span {
	display: inline-block;
	margin: 0px 2px;
}
.login_stempel span:first-of-type {
	-moz-transform: rotate(30deg) translateY(-1px);
	-webkit-transform: rotate(30deg) translateY(-1px);
	-o-transform: rotate(30deg) translateY(-1px);
	-ms-transform: rotate(30deg) translateY(-1px);
	transform: rotate(30deg) translateY(-1px);
}
.login_stempel span:nth-of-type(2) {
	-moz-transform: rotate(13deg) translateY(4px);
	-webkit-transform: rotate(13deg) translateY(4px);
	-o-transform: rotate(13deg) translateY(4px);
	-ms-transform: rotate(13deg) translateY(4px);
	transform: rotate(13deg) translateY(4px);
}
.login_stempel span:nth-of-type(3) {
	-moz-transform: rotate(0deg) translateY(6px);
	-webkit-transform: rotate(0deg) translateY(6px);
	-o-transform: rotate(0deg) translateY(6px);
	-ms-transform: rotate(0deg) translateY(6px);
	transform: rotate(0deg) translateY(6px);
}
.login_stempel span:nth-of-type(4) {
	-moz-transform: rotate(-12deg) translateY(6px);
	-webkit-transform: rotate(-12deg) translateY(6px);
	-o-transform: rotate(-12deg) translateY(6px);
	-ms-transform: rotate(-12deg) translateY(6px);
	transform: rotate(-12deg) translateY(6px);
}
.login_stempel span:nth-of-type(5) {
	-moz-transform: rotate(-27deg) translateY(2px);
	-webkit-transform: rotate(-27deg) translateY(2px);
	-o-transform: rotate(-27deg) translateY(2px);
	-ms-transform: rotate(-27deg) translateY(2px);
	transform: rotate(-27deg) translateY(2px);
}
.page-template-page-profile .login_stempel, 
.header_right:hover .login_stempel {
	text-shadow: 2px 1px 0px rgba(255,255,255,.3), 1px -1px 0px rgb(0,0,0);
}
.main-navigation ul li {
	position: relative;
	display: inline-block;
	margin: 0rem 0rem 0rem 1.5rem;
}
.main-navigation ul li:first-of-type {
	margin-left: 0rem;
}
.main-navigation ul li a {
	font-weight: 700;
	text-decoration: none;
	font-size: 1.3rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #00000000;
	text-shadow: 2px 1px 0px rgba(255,255,255,.3), 1px -1px 0px rgb(76, 54, 27);
	transition: all 0.25s ease-in-out;
}
.main-navigation ul li ul {
	padding: 0;
}
.main-navigation ul li ul li {
	margin: 0.75rem 0rem;
}
.main-navigation ul li ul li a {
	font-size: 1.1rem;
	color: #3c3c3c !important;
}
#menu-profile a {
	display: block;
	font-size: 4rem;
	color: #00000000;
	text-shadow: 4px 1px 0px rgba(255,255,255,.3), 1px -1px 0px rgba(76, 54, 27, .75);
	-moz-transform: translateY(-2px) rotate(14deg);
	-webkit-transform: translateY(-2px) rotate(14deg);
	-o-transform: translateY(-2px) rotate(14deg);
	-ms-transform: translateY(-2px) rotate(14deg);
	transform: translateY(-2px) rotate(14deg);
	transition: all 0.25s ease-in-out;
}
.main-navigation ul li:hover > a, .main-navigation ul li.current-menu-item > a {
	color: #00000000;
	text-shadow: 0px 0px 0px #00000030, 1px 0.5px 0px #00000025, 2px 1px 0px #00000020;
	text-shadow: 2px 1px 0px rgba(255,255,255,.3), 1px -1px 0px rgb(0,0,0);
}
.main-navigation ul li ul li:hover > a, .main-navigation ul li ul li.current-menu-item > a {
	color: #3c3c3c;
	text-shadow: none;
}
.header_right:hover #menu-profile li a, #menu-profile li.current-menu-item a {
	color: #00000000;
	text-shadow: 0px 0px 0px #00000045, 1px 1px 0px #00000040, 2px 2px 0px #00000035;
	text-shadow: 4px 1px 0px rgba(255,255,255,.3), 1px -1px 0px rgb(0,0,0);
}
h1 {
	font-weight: 700;
	margin: 0;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
h2 {
	font-size: 2rem;
	font-weight: 400;
	margin-top: 0rem;
}
#section_buecher h2 {
	margin: 7rem 0rem 20vh;
}
a {
	color: #000;
}
p.subtitle {
	margin: 0px;
}

/* PROFIL */

#profil_daten h1 {
	margin-top: 0rem;
}
#profil_bildauswahl, #profil_geschichte_upload, #delete_account {
	position: relative;
	text-align: center;
}
#profil_bildauswahl::after, #profil_geschichte_upload::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: 1rem 0rem 0rem;
	width: 100%;
	height: 2px;
	-webkit-box-shadow: 0px 0px 1px 2px rgba(210, 210, 210, 0.6), 0px 1px 0px 2px rgba(67, 43, 13, 0.76), 0px 1px 0px 2px rgba(67, 43, 13, 0.76);
	-moz-box-shadow: 0px 0px 1px 2px rgba(210, 210, 210, 0.6), 0px 1px 0px 2px rgba(67, 43, 13, 0.76), 0px 1px 0px 2px rgba(67, 43, 13, 0.76);
	box-shadow: 0px 0px 1px 2px rgba(210, 210, 210, 0.6), 0px 1px 0px 2px rgba(67, 43, 13, 0.76), 0px 1px 0px 2px rgba(67, 43, 13, 0.76);
	background: #00000087;
	overflow: hidden;
	-moz-transform: skewY(2deg);
	-webkit-transform: skewY(2deg);
	-o-transform: skewY(2deg);
	-ms-transform: skewY(2deg);
	transform: skewY(2deg);
	display: block;
}
#profil_geschichte_upload::after {
	-moz-transform: skewY(-1deg);
	-webkit-transform: skewY(-1deg);
	-o-transform: skewY(-1deg);
	-ms-transform: skewY(-1deg);
	transform: skewY(-1deg);
}
.archive h1, 
.page-template-page-profile h2, 
.single-bilder h2, 
.page:not(.home) h1 {
	font-size: 4rem;
	font-weight: 700;
	text-align: center;
	margin: 0rem 0rem 4rem;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
	color: #00000000;
    text-shadow: 4px 1px 0px rgba(255,255,255,.3), 1px -1px 0px rgb(76, 54, 27);
} 
.page:not(.home) h1 {
	max-width: 90%;
	margin: 5rem auto 0rem;
	font-size: 3.5rem;
}
.page-template-page-profile h2, 
.single-bilder h2 {
	margin: 0 auto 4rem;
	width: min(80%, 800px);
	font-size: 3rem;
}
.page-template-page-profile .explanation {
	margin: -0.5rem 0rem 2rem;
	text-align: left;
	font-size: 1.15rem;
}
.page-template-page-profile label {
	font-size: 1rem;
	text-align: left;
	display: block;
	margin: 0rem 0rem 1rem;
}
.page-template-page-profile input[type="text"], .page-template-page-profile input[type="email"], .page-template-page-profile input[type="password"], .page-template-page-profile input[type="url"] {
	margin: 0rem;
	padding: 0.25rem 0rem 0.1rem;
}
#profil_bildauswahl .bild_wrapper {
	display: inline-block;
	margin: 0rem 1rem;
}
#profil_bildauswahl .bild {
	display: block;
	margin: 0rem auto;
	width: 100%;
	max-width: 300px;
	transition: all 0.25s ease-in-out;
	/* border: 1.2vw solid #FFF; */
	/* border-bottom: 5vw solid #FFF; */
}
#profil_bildauswahl a.bild:hover::after {
	-webkit-box-shadow: 0px 0px 5px 0px #00000050;
	-moz-box-shadow: 0px 0px 5px 0px #00000050;
	box-shadow: 0px 0px 5px 0px #00000050;
}
/*
#profil_bildauswahl a.bild:hover, 
#profil_bildauswahl a.bild:hover + form {
	-moz-transform: scale(1.4) rotate(-2deg);
	-webkit-transform: scale(1.4) rotate(-2deg);
	-o-transform: scale(1.4) rotate(-2deg);
	-ms-transform: scale(1.4) rotate(-2deg);
	transform: scale(1.4) rotate(-2deg);
	z-index: 4;
}
#profil_bildauswahl form {
	padding: 0rem 1rem 0.4rem;
	width: auto;
	transform: rotate(1deg) translateY(-3rem);
	display: inline-block;
	margin: 0rem auto 0rem 11rem;
}*/
#profil_bildauswahl form {
	padding: 0rem 1rem 0rem 0rem;
	width: auto;
	-moz-transform: rotate(2deg) translateY(-3rem);
	-webkit-transform: rotate(2deg) translateY(-3rem);
	-o-transform: rotate(2deg) translateY(-3rem);
	-ms-transform: rotate(2deg) translateY(-3rem);
	transform: rotate(2deg) translateY(-3rem);
	display: block;
	margin: -0.5rem auto 0rem;
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	transition: all 0.25s ease-in-out;
}


/* KONTAKT */

.wpcf7-form p {
	margin: 0px;
}
.wpcf7-form input, .wpcf7-form textarea {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1rem;
	padding: 0.3rem;
	margin: 0.5rem 0rem;
	width: 90%;
	max-width: 400px;
}
.wpcf7-form .wpcf7-acceptance {
	display: block;
    text-align: left;
    font-size: 1rem;
    line-height: 1.3rem;
	padding: 0.3rem;
	margin: 0.5rem auto;
	width: 90%;
	max-width: 400px;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
	margin-left: 0rem;
}
.wpcf7-form input[type="checkbox"] {
	width: 0px;
	line-height: -1rem;
	margin: 0rem;
	visibility: hidden;
}
.wpcf7-list-item-label {
	position: relative;
	padding-left: 5px;
}
.wpcf7-list-item-label::before {
	display: inline-block;
	position: absolute;
	content: "";
	border-radius: 0;
	height: 16px;
	width: 16px;
	top: 0px;
	left: 0px;
	border: 1px solid #000;
	margin: 1px 5px 0px -20px;
}
input:checked + .wpcf7-list-item-label::after {
	content: "✔";
	position: absolute;
	top: 0;
	left: 0;
	margin: -0.3rem 0rem 0rem -1.2rem;
	font-size: 1.6rem;
	visibility: visible;
}
div.wpcf7 .ajax-loader {
	display: block;
}
.wpcf7 form .wpcf7-response-output {
	padding: 0.2em 0.2em;
	border: 2px solid #000;
	max-width: 380px;
	margin: 0px auto;
	font-size: 1rem;
}
.wpcf7-not-valid-tip {
	color: #CA1D1D;
	font-size: 1rem;
	font-weight: 500;
	text-align: left;
	max-width: 400px;
	margin: 0px auto;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #CA1D1D;
}



/* BESTELLUNG */
.vorbestellung_zusammenfassung {
	position: sticky;
	top: -1rem;
	left: 0;
	background: url(../images/background_paper.jpg) center center no-repeat;
	background-size: cover;
	width: 108%;
	margin: -1.5rem 0 0 -2rem;
	transform: rotate(-1deg);
	padding: 1.5rem 1rem 1rem;
	box-shadow: 1px 1px 6px 0px #00000080;
	z-index: 3;
	display: block;
	align-items: center;
}
.vorbestellung_zusammenfassung > div {
	display: inline-block;
	width: 45%;
	text-align: center;
}
.vorbestellung_zusammenfassung > .anzahl {
    margin-right: 5%;
}
.vorbestellung_zusammenfassung > .summe {
	display: block;
	width: 100%;
}
.vorbestellung_zusammenfassung input {
	display: inline-block;
	width: 80px;
}
.vorbestellung_zusammenfassung .anzahl .anzahl_feld > * {
	display: inline-block;
}
.vorbestellung_zusammenfassung #anzahl_minus, 
.vorbestellung_zusammenfassung #anzahl_plus {
	width: 2rem;
	margin: 0;
	transform: translateY(0.2rem);
	border-radius: 50%;
	font-size: 2.5rem;
	font-weight: 900;
	color: #0000;
	text-shadow: 2px 1px 0px rgba(255,255,255,.3), 1px -1px 0px rgb(76, 54, 27);
	background: url(../images/seamless_wood.jpg) top left repeat-y;
	box-shadow: 1px 2px 1px 1px #a7937d, 2px 3px 3px 0px #000;
	cursor: pointer;
	line-height: 2rem;
}
.vorbestellung_zusammenfassung #anzahl_minus.pressed, 
.vorbestellung_zusammenfassung #anzahl_plus.pressed {
	animation: pressed 0.25s 1;
}
@keyframes pressed {
    0% {box-shadow: 1px 2px 1px 1px #a7937d, 2px 3px 3px 0px #000; transform: translateX(0px) translateY(0.2rem);}
    0% {box-shadow: 1px 2px 1px 0px #a7937d, 2px 3px 0px 0px #00000050; transform: translateX(1px) translateY(0.2rem);}
    100% {box-shadow: 1px 2px 1px 1px #a7937d, 2px 3px 3px 0px #000; transform: translateX(0px) translateY(0.2rem);}
}
.vorbestellung_zusammenfassung #anzahl {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 2rem;
	text-align: center;
	border: 0px;
	background: transparent;
	border-bottom: 2px solid #333;
	width: 40px;
	margin: 0 0.5rem;
}
.vorbestellung_zusammenfassung .versandkosten {
	font-size: 2rem;
	display: block;
	margin-top: 0.1rem;
}
.vorbestellung_zusammenfassung input[type="number"] {
	-moz-appearance: textfield;
}
.vorbestellung_zusammenfassung input[type="number"]::-webkit-outer-spin-button,
.vorbestellung_zusammenfassung input[type="number"]::-webkit-inner-spin-button {
    display: none;
  -webkit-appearance: none;
  margin: 0;
}
.summe_inside {
	position: relative;
	margin: 2rem auto 0;
	border-top: 0.5rem double #000;
	text-align: right;
}
.summe_inside::after {
	font-size: 2rem;
	position: absolute;
	content: "€";
	top: 1rem;
	right: 0;
	margin: 0;
	font-weight: 400;
}
.summe_inside input {
	font-size: 2rem;
	text-align: right;
	padding-right: 20px;
	cursor: default !important;
	color: #000 !important;
	border-color: transparent;
}
.adressblock {
    display: block;
	margin: 3rem 0;
}
.wrapper_adresse {
	flex: 1;
	padding: 0rem 1rem;
}
.wrapper_adresse > div {
	position: relative;
}
.adresse_platzhalter {
	font-size: 1rem;
}
.wrapper_adresse .label_land {
	margin-top: -1rem !important;
	display: block;
}
.wrapper_adresse select {
	width: 100%;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.3rem;
	font-weight: 400;
	border: 0;
	background: transparent;
	border-bottom: 2px solid #333;
	padding: 0.5rem 0;
}
.abweichende_lieferadresse {
	cursor: pointer;
	font-weight: 400;
	font-size: 1rem;
}
.block_lieferadresse {
	max-height: 0px;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
}

/* RESPONSIVE */

@media screen and (max-width: 839px) {
	.header > .header_center {
		width: 270px;
		text-align: center;
		display: block;
		position: absolute;
		margin: 140px -10px 0px 0px;
		padding: 10px;
		height: auto;
		background: url(../images/background_paper.jpg) center center no-repeat;
		background-size: cover;
		top: 0;
		right: -270px;
		-webkit-box-shadow: 1px 2px 5px 0px #00000090;
		-moz-box-shadow: 1px 2px 5px 0px #00000090;
		box-shadow: 1px 2px 5px 0px #00000090;
		-moz-transform: rotate(-1deg);
		-webkit-transform: rotate(-1deg);
		-o-transform: rotate(-1deg);
		-ms-transform: rotate(-1deg);
		transform: rotate(-1deg);
		border-radius: 5px 0px 0px 5px;
		transition: all 0.5s ease-in-out;
	}
	.header > .header_center.active {
		right: 0;
		margin-top: 160px;
		-moz-transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
		-o-transform: rotate(4deg);
		-ms-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	/*.header > .header_center::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		box-shadow: 0px 0px 1px 2px rgba(210, 210, 210, 0.6), 0px 1px 0px 2px rgba(67, 43, 13, 0.76), 0px 1px 0px 2px rgba(67, 43, 13, 0.76);
		background: #00000087;
		overflow: hidden;
		transform: skewY(1deg);
		display: block;
	}
	.header > .header_center::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		box-shadow: 0px 0px 1px 2px rgba(210, 210, 210, 0.6), 0px 1px 0px 2px rgba(67, 43, 13, 0.76), 0px 1px 0px 2px rgba(67, 43, 13, 0.76);
		background: #00000087;
		overflow: hidden;
		transform: skewY(-1deg);
		display: block;
	}*/
	.main-navigation {
		margin: 0rem auto;
	}
	.main-navigation ul li {
		display: block;
		margin: 1rem 0rem;
		text-align: center;
	}
	.main-navigation ul li a {
		font-weight: 400 !important;
		color: #000 !important;
		text-shadow: none !important;
	}
	.bild {
		max-width: 230px;
	}
	.archive .bild {
		margin: 10px;
	}
}

@media screen and (min-width: 840px) {
	
	body {
		background-size: 100% auto;
	}
	.header {
		display: flex;
	}
	.header > .header_left {
    	margin-left: unset;
	}
	.header_right {
		position: relative;
		top: unset;
		right: unset;
		margin: unset;
	}	
	.logout_link {
		margin-bottom: -0.5rem;
	}
	.header .nav-toggle {
		display: none;
	}
	.main-navigation {
		overflow: visible;
		max-height: 999999px;
	}
	.main-navigation ul li ul {
		position: absolute;
		top: -300px;
		left: 0;
		margin: 2rem 0rem 0rem 1rem;
		padding: 0rem 1rem 0.25rem;
		background: url(../images/background_paper.jpg) center center no-repeat;
		background-size: cover;
		text-align: left;
		-webkit-box-shadow: 1px 1px 5px 0px #00000080;
		-moz-box-shadow: 1px 1px 5px 0px #00000080;
		box-shadow: 1px 1px 5px 0px #00000080;
		-moz-transform: rotate(-40deg);
		-webkit-transform: rotate(-40deg);
		-o-transform: rotate(-40deg);
		-ms-transform: rotate(-40deg);
		transform: rotate(-40deg);
		transition: all 0.5s ease-in-out;
	}
	.main-navigation ul > li:hover ul {
		top: 0;
		margin: 1.5rem 0rem 0rem -1rem;
		transform: rotate(-3deg);
	}
	.main-navigation ul li ul li {
		display: block;
	}
	.main-navigation ul li ul li a {
		text-shadow: none;
		font-weight: 400;
	}
	#intro .wp-block-image {
		margin: auto 0px auto auto;
	}
	#intro .bild_nachricht {
		margin-bottom: 0rem;
	}
	#register_account h2 {
		font-size: 4rem;
	}
#guter-zweck .wp-block-image.image_card:nth-of-type(2) figure, 
.page-aktion .wp-block-image.image_card:nth-of-type(2) figure {
	margin: -1rem 0rem 0rem 3rem;
}
.team .wp-block-column {
	margin: 0rem 1rem;
}
.team .wp-block-column:first-of-type {
	margin-left: 0rem;
}
.team .wp-block-column:last-of-type {
	margin-right: 0rem;
}
	
.group_wood {
	padding: 0rem 0rem 1rem;
}
	.geschichten_dots_explanation, 
	.geschichten_dots {
		display: none;
	}
.geschichten_spalten {
	width: 100%;
	padding: 1rem 0rem;
}
.geschichten_spalten > .wp-block-group__inner-container {
	display: flex;
	width: 100%;
	overflow-x: auto;
	max-width: 700px;
}
.geschichten_spalte {
	flex: 1 1 50%;
	display: unset;
	width: unset;
}
.geschichten_spalte:last-of-type {
	border-left: 1px solid #999;
	margin-left: unset;
}
#left_story {
	margin-left: unset;
}
	
.bild_nav {
	position: absolute;
	top: 300px;
	left: 25%;
	margin-left: -200px;
	margin-bottom: unset;
	max-width: 250px;
	z-index: 3;
}
.bild_nav.next {
	left: auto;
	right: 25%;
	margin-right: -200px;
}
.bild_nav .bild::before {
	font-size: 120%;
	margin-bottom: 7%;
}
	.page-teilnahmebedingungen .dokument ol {
		padding: 2rem;
	}
	.columns {
		display: flex;
		align-items: center;
	}
	.column {
		flex: 1 1 50%;
	}
	footer {
		text-align: unset;
		padding: 3rem 0rem 2rem;
	}
	.footer_columns {
		display: flex;
		font-size: 0.9rem;
	}
	.footer_columns .footer_column {
		flex: 1 1 50%;
	}
	.footer_columns .footer_column:last-of-type {
		text-align: right;
	}
	footer .colophone {
		display: inline-block;
		margin: 0rem;
	}
	#menu-footer li {
		display: inline-block;
		margin: 0rem 0rem 0rem 1rem;
	}
	
	.vorbestellung_zusammenfassung, 
	.adressblock {
		display: flex;
	}
	.vorbestellung_zusammenfassung {
		width: 100%;
		padding: 1.5rem 2rem 1rem;
	}
	.vorbestellung_zusammenfassung > div {
		flex: 1;
	}
	.summe_inside {
		border: unset;
		width: max-content;
		margin: 0 auto;
	}
	
	#profil_geschichte_upload form td {
		display: table-cell;
	}
	#profil_geschichte_upload form .acceptance_submit td:last-of-type {
		border-top: unset;
		padding-top: unset;
	}
	
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.header .nav-toggle {
		display: block;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.header {
		max-width: 960px;
	}
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
	#register_account .section_inside, 
	footer .section_inside {
		max-width: 1000px;
	}
	.column h2 {
		font-size: 6vw;
		padding-right: 5vw;
		margin: 0;
	}
}

@media screen and (min-width: 1920px) {
	section {
		padding: 10rem 0rem;
	}
	.bild_nav {
		top: 35vh;
	}
}

@media screen and (min-width: 1280px) {
	body {
		background-size: 50% auto;
		background-repeat: repeat;
	}
	/*#intro .section_inside {
		max-width: 500px;
		padding-right: 500px;
	}*/
	.bild_nav {
		left: 50%;
		margin-left: -520px;
	}
	.bild_nav.next {
		right: 50%;
		margin-right: -520px;
	}
	.column h2 {
		font-size: 4vw;
		padding-right: 5vw;
	}
}