/*
Theme Name: TwentyTwelve Child
Description: Mattheis Twentytwelve Childtheme
Author: Siegbert Mattheis, Japheth Kohl und Tobias Mayer
Author URI: https://www.mattheis-berlin.de
Template: twentytwelve
Version: 1.0
Tags:
 __  __       _______ _______ _    _ ______ _____  _____ 
|  \/  |   /\|__   __|__   __| |  | |  ____|_   _|/ ____|
| \  / |  /  \  | |     | |  | |__| | |__    | | | (___  
| |\/| | / /\ \ | |     | |  |  __  |  __|   | |  \___ \ 
| |  | |/ ____ \| |     | |  | |  | | |____ _| |_ ____) |
|_|  |_/_/    \_\_|     |_|  |_|  |_|______|_____|_____/ 
                                                         
__          ________ _____  ____  ______          _____ ______ _   _ _______ _    _ _____  
\ \        / /  ____|  __ \|  _ \|  ____|   /\   / ____|  ____| \ | |__   __| |  | |  __ \ 
 \ \  /\  / /| |__  | |__) | |_) | |__     /  \ | |  __| |__  |  \| |  | |  | |  | | |__) |
  \ \/  \/ / |  __| |  _  /|  _ <|  __|   / /\ \| | |_ |  __| | . ` |  | |  | |  | |  _  / 
   \  /\  /  | |____| | \ \| |_) | |____ / ____ \ |__| | |____| |\  |  | |  | |__| | | \ \ 
    \/  \/   |______|_|  \_\____/|______/_/    \_\_____|______|_| \_|  |_|   \____/|_|  \_\
                                                                                           
 ____  ______ _____  _      _____ _   _ 
|  _ \|  ____|  __ \| |    |_   _| \ | |
| |_) | |__  | |__) | |      | | |  \| |
|  _ <|  __| |  _  /| |      | | | . ` |
| |_) | |____| | \ \| |____ _| |_| |\  |
|____/|______|_|  \_\______|_____|_| \_|–––––––––––––––––––––––––––––––––––––––––––––––––*/
/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*
Variables
General
Page Layout Content
WPBakery Page Builder
Fonts
Change Font Size
Header
Sticky Header Changes
Header Image
Buttons
Breadcrumbs
Homepage / Startseite
Kategorie Seiten
Beiträge
Kontaktformular
Contact Box Sidebar
Search Results / Archives
Entry Meta
Footer
Copyright Line
To Top Button
*/
/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/








/*------------------------------- Variables ------------------------------*/
	:root {
		/* Color */
			--light-grey: #ededed;
			--grey: #484847;
			--dark-grey: #333;
			--beige: #EBBC96;
			--beige-light: #ffdabb;
			--copper: #D67A4B;
			--copper-dark: #994d27;
			background-color: var();
			--link-color: var(--copper);
			--link-color-hover: var(--copper-dark);
			--link-color-light: var(--beige);
			--link-color-light-hover: var(--beige-light);
		/* Transitions */
			--transition-duration-sticky-header: .3s;
			--transition-timing-function-sticky-header: ease-in;
			--transition-buttons: all .2s ease-in-out;
	}




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

	body {
		max-width: 100%;
		background-color: #fff;
	}
	.noscroll {
		overflow: hidden;
	}

	#page {
		margin: 0;
		padding: 0;
		box-shadow: none;
		max-width: none;
	}

	/*----- Image -----*/
		/* Image Appearance */
			.entry-content img, 
			img.wp-post-image {
				box-shadow: none !important;
				border-radius: 0 !important;
			}
	/*--- Image Caption ---*/
		figcaption, 
		.entry-content > .wpb-content-wrapper .vc_row.wpb_row .wpb_wrapper figcaption {
			font-style: italic;
			margin-top: 5px;
			font-size: .75em;
			line-height: 20px;
		}

	#primary.site-content {
		margin: 0;
	}
	#primary.site-content article {
		border-bottom: none;
		margin-bottom: 0;
		padding: 0;
	}

	#secondary.widget-area {
		padding: 0;
	}
	/*header.entry-header {
		display: none;
	}*/




/*------------------------------- Page Layout Content ------------------------------*/

		#page > #main {
			width: 100%;
			max-width: 1860px;
			margin: 0 auto;
			box-sizing: border-box;
		}
		#page > #main > * {
			width: 100%;
			padding: 0 20px;
			margin: 0;
			box-sizing: border-box;
		}
		@media screen and (min-width: 768px){
			#page > #main > * {
				padding: 0 30px;
			}
		}
		@media screen and (min-width: 1200px){
			#page > #main > * {
				padding: 0 50px;
			}
		}
		@media screen and (min-width: 1600px){
			#page > #main > * {
				padding: 0 80px;
			}
		}
		#page > #main > #primary {
			margin-top: 0px;
		}



/*---- container post Beiträge ----*/

	body.post-template-default.single.single-post #page > #main {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		box-sizing: border-box;
	}

	/*--- Post Navi ---*/
		.nav-single * {
			line-height: 1.2;
		}

	/*---- postgrid media ----*/

		@media (min-width: 768px) and (max-width:1024px) {
			.vc_row .vc_grid.vc_row > .vc_pageable-slide-wrapper > .vc_grid-item {
				width: 50%;
			}
		}

		@media (max-width:1024px) {
			.vc_grid.vc_pageable-wrapper .vc_grid-item > .vc_grid-item-mini > .vc_gitem-zone > .vc_gitem-zone-mini > .vc_gitem_row > * > .wpb_single_image > *, 
			.vc_grid.vc_pageable-wrapper .vc_grid-item > .vc_grid-item-mini > .vc_gitem-zone > .vc_gitem-zone-mini > .vc_gitem_row > * > .wpb_single_image a,
			.vc_grid.vc_pageable-wrapper .vc_grid-item > .vc_grid-item-mini > .vc_gitem-zone > .vc_gitem-zone-mini > .vc_gitem_row > * > .wpb_single_image a img{
			max-width: none;
			width: 100%;
			}
		}



/*------------------------------- WPBakery Page Builder ------------------------------*/

	/* Rows */
		.entry-content .vc_row {
			margin-left: 0;
			margin-right: 0;
			margin-bottom: 40px;
			position: relative;
		}
		@media screen and (min-width: 1024px){
			.entry-content .vc_row {
				margin-bottom: 70px;
			}
		}

		/* Row max width 1400px */
			#page .entry-content .vc_row.row-narrow {
				width: 100%;
				max-width: 1400px;
				margin-left: auto;
				margin-right: auto;
			}
			.entry-content .vc_row > .vc_column_container > .vc_column-inner {
				padding: 0;
			}

		/* Row has fill */
			/*@media screen and (min-width: 768px){
				.entry-content .vc_row.vc_row-has-fill {
					padding: 0 !important;
				}
			}*/
			.entry-content .vc_row.vc_row-has-fill {
				padding: 20px 30px;
			}
			@media screen and (min-width: 1024px){
				.entry-content .vc_row.vc_row-has-fill {
					padding: 30px 50px;
				}
			}

		/* Row full height */
			/* First Row on Page */
				.entry-content > .wpb-content-wrapper > .vc_row.vc_row-o-full-height, 
				.entry-content > .wpb-content-wrapper > .vc_row .vc_row-o-full-height {
					max-height: 800px;
					margin-bottom: 0;
				}

	/* Columns */
		.entry-content .vc_row .vc_column_container > .vc_column-inner {
			margin-bottom: 35px;
		}
		.entry-content .vc_row .vc_column_container:last-child > .vc_column-inner {
			margin-bottom: 0;
		}
		@media screen and (min-width: 768px){
			.entry-content .vc_row .vc_column_container > .vc_column-inner {
				margin-bottom: 0;
			}
		}
		.entry-content .vc_col-has-fill>.vc_column-inner, 
		.entry-content .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, 
		.entry-content .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, 
		.entry-content .vc_row-has-fill>.vc_column_container>.vc_column-inner {
			padding-top: 0;
		}
		/* Column has fill */
			.entry-content .vc_row.wpb_row .vc_col-has-fill.vc_column_container > .vc_column-inner {
				padding: 20px 30px;
			}
			@media screen and (min-width: 1024px){
				.entry-content .vc_row.wpb_row .vc_col-has-fill.vc_column_container > .vc_column-inner {
					padding: 30px 50px;
				}
			}
		/* Column Gaps */
			.entry-content .vc_row.vc_column-gap-1 { margin-left: -.5px; margin-right: -.5px; }
			.entry-content .vc_row.vc_column-gap-2 { margin-left: -1px; margin-right: -1px; }
			.entry-content .vc_row.vc_column-gap-3 { margin-left: -1.5px; margin-right: -1.5px; }
			.entry-content .vc_row.vc_column-gap-4 { margin-left: -2px; margin-right: -2px; }
			.entry-content .vc_row.vc_column-gap-5 { margin-left: -2.5px; margin-right: -2.5px; }
			.entry-content .vc_row.vc_column-gap-10 { margin-left: -5px; margin-right: -5px; }
			.entry-content .vc_row.vc_column-gap-15 { margin-left: -7.5px; margin-right: -7.5px; }
			.entry-content .vc_row.vc_column-gap-20 { margin-left: -10px; margin-right: -10px; }
			.entry-content .vc_row.vc_column-gap-25 { margin-left: -12.5px; margin-right: -12.5px; }
			.entry-content .vc_row.vc_column-gap-30 { margin-left: -15px; margin-right: -15px; }
			.entry-content .vc_row.vc_column-gap-35 { margin-left: -17.5px; margin-right: -17.5px; }
			@media screen and (max-width: 767px){
				.entry-content .vc_row.wpb_row > .wpb_column.vc_column_container {
					padding-left: 0 !important;
					padding-right: 0 !important;
				}
				.entry-content .vc_row.vc_column-gap-1, 
				.entry-content .vc_row.vc_column-gap-2, 
				.entry-content .vc_row.vc_column-gap-3, 
				.entry-content .vc_row.vc_column-gap-4, 
				.entry-content .vc_row.vc_column-gap-5, 
				.entry-content .vc_row.vc_column-gap-10, 
				.entry-content .vc_row.vc_column-gap-15, 
				.entry-content .vc_row.vc_column-gap-20, 
				.entry-content .vc_row.vc_column-gap-25, 
				.entry-content .vc_row.vc_column-gap-30, 
				.entry-content .vc_row.vc_column-gap-35 {
					margin-left: 0;
					margin-right: 0;
				}
			}

	/* Content Elements */
		.entry-content > .wpb-content-wrapper > .vc_row .wpb_wrapper > *:not(:first-child) {
			margin-top: 35px;
			margin-bottom: 0;
		}
		.entry-content > .wpb-content-wrapper > .vc_row .wpb_wrapper > *:first-child {
			margin-top: 0;
			margin-bottom: 0;
		}
		.entry-content > .wpb-content-wrapper > .vc_row.wpb_row .wpb_wrapper h1 {
			margin-top: 35px;
		}

		/* Text Elements */
			.wpb_text_column {
				break-inside: avoid-column;
			}
			.wpb_text_column > .wpb_wrapper > * {
				max-width: 1400px;
			}
			.wpb_text_column > .wpb_wrapper > .centered {
				margin-left: auto;
				margin-right: auto;
			}

	/* Text with Multiple Columns */
		@media screen and (min-width: 768px){
			.text-three-columns, 
			.text-two-columns {
				column-count: 2;
			}
		}
		@media screen and (min-width: 1366px){
			.text-three-columns {
				column-count: 3;
			}
		}


/*------------------------------- Fonts ------------------------------*/

	* {
		hyphens: auto;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		white-space: normal;
		box-sizing: border-box;
		color: #484847;
		color: var(--grey);
		font-family: bilo, 'Work Sans', sans-serif;
		font-weight: 400;
	}

	/*----- Text Formatting Inline Elements -----*/
		/* Bold */
		strong, b {
			font-family: inherit;
			color: inherit;
			font-weight: 500;
			font-style: inherit;
		}
		/* Italic */
		em, i {
			font-family: inherit;
			color: inherit;
			font-weight: inherit;
			font-style: italic;
		}
		/* Inline */
		span {
			font-family: inherit;
			color: inherit;
			font-weight: inherit;
			font-style: inherit;
		}

	/*----- Blockquote -----*/
		blockquote {
			color: #9b1f1f;
			background-color: #eee;
			font-size: 1.2em;
		}
		blockquote * {
			font-family: inherit;
			font-style: normal;
			color: inherit;
		}

	/*----- Font Family -----*/
		h1, .entry-content h1, .comment-content h1, .entry-header h1, .entry-header .entry-title,
		h2, .entry-content h2, .comment-content h2, 
		h3, .entry-content h3, .comment-content h3, 
		h4, .entry-content h4, .comment-content h4, 
		h5, .entry-content h5, .comment-content h5, 
		h6, .entry-content h6, .comment-content h6 {
			font-family: abril-display, 'Bodoni Moda', serif;
			font-weight: 800 !important;
		}


	/*----- Custom Heading Styles -----*/
		/* H1 Page Title */
		h1, .entry-header h1.entry-title, .page-header h1.page-title, .archive-header h1.archive-title, .entry-header .entry-title {
			margin-top: 30px;
			margin-left: auto;
			margin-right: auto;
			text-transform: none;
			font-weight: normal;
			color: var(--copper);
			font-style: italic;
		}
		.entry-header h1.entry-title, .page-header h1.page-title, .archive-header h1.archive-title {
			text-align: left;
		}

		/* H2 */
		h2, .entry-content h2, .comment-content h2 {
			color: var(--copper);
		}

		/* H3 */
		h3, .entry-content h3, .comment-content h3 {
			text-transform: uppercase;
		}

		/* Slogan */
			.slogan {
				font-size: 1.5em;
			}
			.slogan * {
				text-shadow: 0 0 3px rgba(255,255,255,.7);
			}


	/*----- General Font Styles -----*/
		h1, .entry-content h1, .comment-content h1, 
		h2, .entry-content h2, .comment-content h2, 
		h3, .entry-content h3, .comment-content h3, 
		h4, .entry-content h4, .comment-content h4, 
		h5, .entry-content h5, .comment-content h5, 
		h6, .entry-content h6, .comment-content h6, 
		p, .entry-content p, .comment-content p, 
		ol, .entry-content ol, .comment-content ol, 
		ul, .entry-content ul, .comment-content ul {
			line-height: 1.2;
			padding: 0;
		}
		p, .entry-content p, .comment-content p, 
		ol, .entry-content ol, .comment-content ol, 
		ul, .entry-content ul, .comment-content ul, 
		li, .entry-content li, .comment-content li {
			line-height: 1.5;
		}

	/*----- Links -----*/
		a, a:link, a:visited, a:hover, a:focus, a:active {
			text-decoration: none;
			outline: none;
			font-family: inherit;
			color: #6585c1;
			color: var(--link-color);
		}
		/* in Paragraph (content area #main) */
			p a, p a:link, p a:visited, 
			.wpb_text_column a, .wpb_text_column a:link, .wpb_text_column a:visited {
				color: #6585c1;
				color: var(--link-color);
			}
			p a:hover, p a:focus, p a:active, .wpb_text_column a:hover, .wpb_text_column a:focus, .wpb_text_column a:active {
				text-decoration: underline;
				color: #5d749f;
				color: var(--link-color-hover);
			}

	/*----- Lists -----*/
		.entry-content ul, .comment-content ul, .mu_register ul, 
		.entry-content ol, .comment-content ol, .mu_register ol {
			list-style-position: outside;
			padding-left: 28px;
		}
		ul + ul, .entry-content .vc_row.wpb_row .wpb_wrapper ul + ul, .comment-content ul + ul {
			margin-top: 0;
		}
		.entry-content li, .comment-content li, .mu_register li {
			list-style-position: outside;
			margin: 0;
			break-inside: avoid-column;
		}

	/*--- Text Colors -----*/
		/* White Text */
			.text-white *, .white-text *, .weiss-text *, .text-weiss * {
				color: #fff;
			}
		/* Links */
			.text-white a, .text-white a:link, .text-white a:visited, 
			.white-text a, .white-text a:link, .white-text a:visited, 
			.weiss-text a, .weiss-text a:link, .weiss-text a:visited {
				color: #96afdf;
				color: var(--link-color-light);
			}
			.text-white a:hover, .text-white a:focus, .text-white a:active, 
			.white-text a:hover, .white-text a:focus, .white-text a:active, 
			.weiss-text a:hover, .weiss-text a:focus, .weiss-text a:active {
				color: #c3d7ff;
				color: var(--link-color-light-hover);
			}



	/*----- Font Size -----*/
		body.font-size-small {
			font-size: 18px;
		}
		body, 
		body.font-size-medium {
			font-size: 20px;
		}
		body.font-size-big {
			font-size: 22px;
		}

		* {
			font-size: 1em;
		}
		header.site-header {
			font-size: 1em;
		}
		footer[role="contentinfo"] {
			font-size: .9em;
		}
		sub/* Tiefstellen */, 
		sup/* Hochstellen */ {
			font-size: .6em;
		}
		/* Widget Titles */
			.widget-title {
				font-size: 1em;
			}

		h1, .entry-content h1, .comment-content h1, .entry-header h1.entry-title, .page-header h1.page-title, .archive-header h1.archive-title { font-size: 1.7em; }
		h2, .entry-content h2, .comment-content h2, .entry-header h2 { font-size: 1.5em; }
		h3, .entry-content h3, .comment-content h3, .entry-header h3 { font-size: 1.4em; }
		h4, .entry-content h4, .comment-content h4, .entry-header h4 { font-size: 1.3em; }
		h5, .entry-content h5, .comment-content h5, .entry-header h5 { font-size: 1.2em; }
		h6, .entry-content h6, .comment-content h6, .entry-header h6 { font-size: 1.1em; }


	/*----- Tablet portrait -----*/
		@media screen and (min-width: 768px){
			body.font-size-small {
				font-size: 20px;
			}
			body, 
			body.font-size-medium {
				font-size: 22px;
			}
			body.font-size-big {
				font-size: 24px;
			}
		}

	/*----- Tablet landscape -----*/
		@media screen and (min-width: 1024px){
			body.font-size-small {
				font-size: 20px;
			}
			body, 
			body.font-size-medium {
				font-size: 22px;
			}
			body.font-size-big {
				font-size: 24px;
			}
			header.site-header {
				font-size: .85em;
			}
		}
		@media screen and (min-width: 1100px){
			header.site-header {
				font-size: 1em;
				font-size: .8em;
			}
		}

	/*----- Tablet big landscape -----*/
		@media screen and (min-width: 1366px){
			body.font-size-small {
				font-size: 22px;
			}
			body, 
			body.font-size-medium {
				font-size: 24px;
			}
			body.font-size-big {
				font-size: 26px;
			}
			footer[role="contentinfo"] {
				font-size: .8em;
			}
			h1, .entry-content h1, .comment-content h1, .entry-header h1.entry-title, .page-header h1.page-title, .archive-header h1.archive-title, .entry-header .entry-title { font-size: 2.3em; }
			h2, .entry-content h2, .comment-content h2, .entry-header h2 { font-size: 1.6em; }
			h3, .entry-content h3, .comment-content h3, .entry-header h3 { font-size: 1.25em; }
			h4, .entry-content h4, .comment-content h4, .entry-header h4 { font-size: 1.2em; }
			h5, .entry-content h5, .comment-content h5, .entry-header h5 { font-size: 1.1em; }
			h6, .entry-content h6, .comment-content h6, .entry-header h6 { font-size: 1em; }
		}
		/* @media screen and (min-width: 1500px){
			header.site-header {
				font-size: 1.2em;
			}
		} */

		

	/*----- High Resolutions -----*/
		/* @media (min-resolution: 100dpi){
			body > #page {
				font-size: 1.3em;
			}
			.main-navigation #searchbox .search-menu {
				margin-bottom: 3px;
			}
		}
		@media (min-resolution: 150dpi){
			body > #page {
				font-size: 1.2em;
			}
			header.site-header {
				font-size: .8em;
			}
			.header-container.stickyHeader header#masthead.site-header {
				font-size: .7em;
			}
		}
		@media (min-resolution: 300dpi){
			body > #page {
				font-size: 1.1em;
			}
		}

		@media (min-resolution: 600dpi){
			body > #page {
				font-size: .9em;
			}
		} */




/*------------------------------- Header ------------------------------*/
	
	/* Sticky Container */
		.header-container {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 100;
		}
		/* Logged-In */
			.logged-in.admin-bar .header-container {
				top: 46px;
			}
			@media screen and (min-width: 783px){
				.logged-in.admin-bar .header-container {
					top: 32px;
				}
			}

		#masthead.site-header {
			width: 100% !important;
			padding: 0;
			background-color: #000000;
			color: #484847;
			color: var(--grey);
			position: relative;
			z-index: 10;
			display: flex;
			justify-content: center;
		}
		#masthead.site-header.boxShadow {
			box-shadow: 0px 0px 6px rgb(0 0 0 / 60%);
		}

			#headerwrap {
				height: auto;
				display: inline-block;
				width: 100%;
				/*max-width: 1860px;*/
				margin: 0 auto;
				padding: 10px 12px 0;
				box-sizing: border-box;
			}
			@media screen and (min-width: 768px){
				#headerwrap {
					padding-left: 30px;
					padding-right: 30px;
				}
			}
			@media screen and (min-width: 1200px){
				#headerwrap {
					padding-left: 50px;
					padding-right: 50px;
				}
			}
			@media screen and (min-width: 1600px){
				#headerwrap {
					padding-left: 80px;
					padding-right: 80px;
				}
			}


	/*---------- Links ----------*/
		#masthead.site-header a, 
		#masthead.site-header a:link, 
		#masthead.site-header a:visited {}
		
		/* Hover */
		#masthead.site-header a:hover, 
		#masthead.site-header a:focus, 
		#masthead.site-header a:active {
		}


	/*---------- Header Info Section - first header row -----*/
		#header-info div.widget-wrap > div {
			display: flex;
		}

		#header-info div.widget-wrap div > a:first-child{
			padding-right: 25px
		}
		.header_row_one {
			color: #465497;
			color: var(--dark-blue);
			font-size: 16px;
			font-weight: 700;
			padding: 0;
			margin: 0;
			width: 100%;
			clear: both;
			float: none;
			width: auto;
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}

		/*---- Widgets ----*/
			.header_row_one > * {
				float: right;
				display: flex;
				align-items: center;
				margin: 0 20px 0 0;
				font-family: bilo, 'Work Sans', sans-serif;
			}
			.header_row_one > *:last-child {
				margin: 0 0 0 0 !important;
			}

			/* Links */
				/* Hover */
				#masthead.site-header .header_row_one a:hover, 
				#masthead.site-header .header_row_one a:focus, 
				#masthead.site-header .header_row_one a:active {
					opacity: .5;
				}

			/* Kontakt Links */
				.contact-link {
					display: flex;
					align-items: center;
				}
				/* Icons */
					.header_row_one .contact-link img {
						margin: 0 10px 0 0;
					}

	/*---------- second header row (Logo, Navigation) -----*/

		.header_row_two {
			display: flex;
			justify-content: space-between;
			align-items: stretch;
		}

		/* Columns */
			.header-col {
			    display: flex;
			    align-items: flex-end;
				margin-bottom: 0;
			}
			/* Column 1 */
				.header-col.header-col-1 {
					margin-right: 10px;
					margin-bottom: 10px;
				}
				@media screen and (min-width: 768px){
					.header-col.header-col-1 {
						margin-right: 30px;
						margin-bottom: 20px;
					}
				}
				@media screen and (min-width: 1023px){
					.header-col.header-col-1 {
						margin-bottom: 20px;
					}
				}



	/*---------- Logo -----*/
		#logo {
			clear: none;
			float: left;
			margin-top: 0;
		}
		#logo a:hover, 
		#logo a:focus, 
		#logo a:active {
			opacity: .8;
			cursor: pointer;
		}

		#logo .widget-wrap:nth-child(2) {
			display: none;
		}

		#logo img {
			/* height: 45px !important;
			width: auto !important; */
			height: auto !important;
			width: 100% !important;
			max-width: none !important;
		}
		@media screen and (min-width: 330px){
			#logo img {
				height: 50px !important;
				width: auto !important;
			}
		}
		@media screen and (min-width: 1024px){
			#logo img {
				height: 57px !important;
			}
		}
		@media screen and (min-width: 1200px){
			#logo img {
				height: 75px !important;
			}
		}


	/*---------- Hauptnavigation | Top Menu -----*/

		#site-navigation.main-navigation {
		    clear: none;
		    float: right;
		    height: 100%;
		    margin: 0;
		    padding: 0;
		    display: flex !important;
		    align-items: flex-end;
		}


		/*----- Hamburger Menu Button -----*/
			#site-navigation.main-navigation .menuToggleBtn {
				display: inline-block;
				position: relative;
				height: 23px;
				width: 25px;
				padding: 10px;
				margin-bottom: 3px;
				background: transparent;
				border: none;
				box-shadow: none;
				box-sizing: content-box;
			}
			#site-navigation.main-navigation .menuToggleBtn > div {
				position: relative;
				top: 0;
				left: 0;
				height: 2px;
				width: 25px;
				background-color: #EBBC96;
				background-color: var(--copper);
				border-radius: 10px;
				transform-origin: 0 0;
				transform: rotate(0deg);
				transition-duration: .2s;
				transition-timing-function: linear;
				transition-property: transform, top, left, width;
			}
			#site-navigation.main-navigation .menuToggleBtn > div:first-child {
				top: -8px;
			}
			#site-navigation.main-navigation .menuToggleBtn > div:nth-child(2) {
				top: -1px;
			}
			#site-navigation.main-navigation .menuToggleBtn > div:nth-child(3) {
				top: 6px;
			}
			/* Hover */
				#site-navigation.main-navigation .menuToggleBtn:hover div {
					background-color: #D67A4B;
					background-color: var(--copper);
				}

			/* Active */
				/* Close Button */
					#site-navigation.main-navigation .menuToggleBtn.menuToggle div {
						background-color: #D67A4B;
						background-color: var(--copper);
					}
					#site-navigation.main-navigation .menuToggleBtn.menuToggle div:first-child {
						transform: rotate(41deg);
						width: 33px;
						top: -8px;
						left: 2px;
					}
					#site-navigation.main-navigation .menuToggleBtn.menuToggle div:nth-child(2) {
						transform: rotate(-41deg);
						width: 33px;
						top: 11px;
					}
					#site-navigation.main-navigation .menuToggleBtn.menuToggle div:nth-child(3) {
						opacity: 0;
					}


		/*----- Menu Items -----*/
			.main-navigation li.menu-item a {
				line-height: 1.4;
				display: flex;
				align-items: center;
			}

			/*--- First Layer ---*/
				.main-navigation ul.menu > li.menu-item {
					margin: 0 40px 0 0;
				}
				.main-navigation ul.menu > li.menu-item:last-child {
					margin: 0 10px 0 0;
				}

				/*--- Current ---*/
					#site-navigation.main-navigation .current-menu-item > a,
					#site-navigation.main-navigation .current-menu-ancestor > a,
					#site-navigation.main-navigation .current_page_item > a,
					#site-navigation.main-navigation .current_page_ancestor > a {
						color: #EBBC96;
						color: var(--beige);
					}

			/*--- Menu Item Has Children ---*/
				/* Submenu Trigger */
					li.menu-item-has-children > .trigger {
						width: 45px;
						height: 45px;
						border-left: 1px solid #000;
						float: right;
						display: inline-block;
						display: flex;
						justify-content: center;
						align-items: center;
						position: absolute;
						top: 0;
						left: unset;
						right: 0;
						cursor: pointer;
					}
					li.menu-item-has-children:hover > .trigger div {
						border-color: #D67A4B;
						margin-top: 2px;
					}
					ul.sub-menu li.menu-item-has-children:hover > .trigger div {
						margin-top: 0;
					}
					#nav-header:first-child {
						margin-bottom: 5px;
					}

					#nav-header > * > ul{
						border: none;
					}

					#nav-header > * > ul li.menu-item-has-children > .trigger {
						display: flex;
					}
					li.menu-item-has-children > .trigger > div {
						height: 12px;
						width: 12px;
						border: 2px solid #000;
						border-top: none;
						border-left: none;
						transform: rotate(45deg);
						transition: all .2s linear;
					}
					li.menu-item-has-children.active > .trigger > div {
						transform: rotate(-135deg);
					}
					#nav-header > * > ul li.menu-item.menu-item-has-children:before {
						display: none;
						/* top: 5px ;
						right: 7px; */
					}


		/*----- Sub Menu -----*/
			ul.sub-menu {
				display: flex;
				flex-direction: column;
				box-shadow: 0 0 10px rgba(255,255,255,.5);
			}

			.main-navigation li ul.sub-menu li {
				margin: 0;
			}
			.main-navigation li ul.sub-menu li a {
				font-size: 1em;
				text-align: left;
			}
	




		/*----------- Smartphone Menu ------------*/
			#site-navigation.main-navigation #nav-header > * > ul {
				display: none !important;
				position: absolute;
				top: 100%;
				left: unset;
				right: 0;
				max-height: calc(100vh - 92px);
				width: 100%;
				max-width: 75%;
				min-width: 280px;
				padding-bottom: 100px;
				background-color: #fff;
				box-shadow: 0px 0px 6px rgb(0 0 0 / 60%);
				overflow: scroll !important;
			}
			#site-navigation.main-navigation #nav-header > * > ul.menuToggleOn {
				display: block !important;
				background-color: black;
			}

			/* Menu Items */
				.main-navigation #nav-header > * > ul li.menu-item {
					position: relative;
					display: block;
					margin-right: 0;
					margin-top: 0;
					font-size: 1em;
					border-bottom: 1px solid var(--copper);
				}
				.main-navigation #nav-header > * > ul li.menu-item.menu-item-has-children {
					padding-right: 0;
				}
				.main-navigation #nav-header > * > ul > .menu-item > ul.sub-menu li  > ul.sub-menu li {
					background: #d9d9d9;
					background-color: #d9d9d9;
					border-bottom: 1px solid #c5c5c5;
				}
				.main-navigation #nav-header > * > ul li.menu-item a, 
				.main-navigation #nav-header > * > ul > li.menu-item > ul.sub-menu li a {
					padding: 10px 15px;
					height: 45px;
					width: 100%;
					color: #EBBC96;
					color: var(--copper);
					text-align: left;
					text-transform: none;
					display: inline-flex;
					align-items: center;
					background: transparent;
					border: none;
				}

				.main-navigation #nav-header > * > ul li.menu-item a:hover, 
				.main-navigation #nav-header > * > ul > li.menu-item > ul.sub-menu li a:hover {
					color: var(--beige);
				} 

				.main-navigation #nav-header > * > ul > li.menu-item > ul.sub-menu li a {
					padding-left: 30px;
				}
				.main-navigation #nav-header > * > ul > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu li a {
					padding-left: 40px;
				}

			/* Sub Menu */
				#nav-header > * > ul ul.sub-menu {
					position: static;
					height: 0;
					width: auto;
					clip: unset;
					overflow: hidden;
					transition: height .5s linear .5s;
				}
				#nav-header > * > ul .menu-item-has-children.active > ul.sub-menu {
					height: auto;
					overflow: visible;
				}

					
		/*--------------- Desktop Menu - Break Point ---------------*/
			@media screen and (min-width: 1023px){
				#site-navigation.main-navigation .menuToggleBtn { /* Hide Toggle Button on Desktop */
					display: none;
				}
				#site-navigation.main-navigation #nav-header > * > ul { /* Show Menu */
					display: block !important;
					position: static;
					max-width: none;
					padding: 0;
					box-shadow: none;
					border: none;
					overflow: visible !important;
				}
				/* List Items */
					.main-navigation #nav-header > * > ul li.menu-item {
						border-bottom: none;
					}
					.main-navigation #nav-header > * > ul > li.menu-item {
						margin: 0;
						float: left;
					}
					.main-navigation #nav-header > * > ul > li.menu-item.menu-item-has-children {
						padding-right: 20px;
					}
					.main-navigation li.menu-item:not(:last-child) {
						margin-right: 10px;
					}
					.main-navigation li.menu-item > a {
						padding: 10px 10px;
						height: 45px;
						white-space: nowrap;
					}
					.main-navigation #nav-header > * > ul > li.menu-item.menu-item-has-children > a {
						padding-right: 2px;
					}
					.main-navigation #nav-header > * > ul > li.menu-item ul.sub-menu li a {
						padding: 10px 20px;
					}
				/* Sub Menu */
					#nav-header > * > ul ul.sub-menu {
						position: absolute;
                        min-width: 100%;
						background-color: #fff;
						box-shadow: 0px 0px 6px rgb(0 0 0 / 60%);
					}
                    /* 4th Layer */
                        #nav-header > * > ul ul.sub-menu ul.sub-menu ul.sub-menu {
                            position: static;
                        }
                        ul.sub-menu li.menu-item-has-children:not(.hoverMenuItem) > .trigger > * {
                            transform: rotate(45deg);
                            transition: transform .2s linear;
                        }
                        ul.sub-menu li.menu-item-has-children.active:not(.hoverMenuItem) > .trigger > * {
                            transform: rotate(225deg);
                        }
				/* Submenu Trigger */
					li.menu-item-has-children > .trigger {
						width: 20px;
						height: 45px;
						border-left: none;
					}
					li.menu-item-has-children > .trigger > div {
						margin-top: -8px;
					}
					ul.sub-menu li.menu-item-has-children > .trigger > div {
						transform: rotate(-45deg);
					}
			}
			@media screen and (min-width: 1024px){
				li.menu-item-has-children > .trigger {
					width: 30px;
					height: 45px;
					border-left: none;
				}
				.main-navigation #nav-header > * > ul > li.menu-item.menu-item-has-children {
					padding-right: 30px;
				}
				.main-navigation li.menu-item > a {
					padding: 10px 20px;
				}
			}



		/*----- Search Header Menu -----*/
		
			/* Search Icon Lupe */
				#searchbox .search-menu {
					clear: none;
					float: left;
					padding: 0 5px;
					margin-top: 5px;
					line-height: 2;
					cursor: pointer;
					/* margin-bottom: 4px; */
				}

				#searchbox .search-menu img {
					width: 20px;
				}

			/* Search Form */
				.after-header {
					width: 100%;
					margin: 0 auto;
					padding: 10px 30px 0;
					background-color: #ededed;
					background-color: var(--light-grey);
					position: absolute;
					z-index: 9;
					transform: translateY(-100%);
					transition: all .1s linear;
					box-shadow: 0px 0px 6px rgb(0 0 0 / 60%);
				}
				.after-header > div {
					width: 100%;
					max-width: 1200px;
					margin: 0 auto;
				}
				@media screen and (max-width: 767px){
					.header_row_one {
						display: flex;
						justify-content: center;
					}
				}
				@media screen and (max-width: 530px){
					.header_row_one {
						margin-bottom: 10px;
					}
				}
				@media screen and (min-width: 768px){
					.header_row_one > * {
						margin: 0 38px 0 0;
					}
					.after-header {
						padding-left: 50px;
						padding-right: 50px;
					}
				}
				@media screen and (min-width: 1024px){
					.after-header {
						display: flex;
						justify-content: center;
					}
				}
				@media screen and (min-width: 1200px){
				}
				@media screen and (min-width: 1366px){
					.after-header {
						padding: 10px 50px;
					}
				}
				/* Toggle */
					.after-header.search-toggled-on {
						transform: translateY(0);
					}
				
					/* Search Form  */
						.after-header form {
							display: inline-block;
							float: right;
						}
						.after-header form > * {
							float: left;
							margin: 0 0 10px 10px;
							line-height: 1;
						}
						.after-header input.search-field[type="search"], 
						.after-header input.search-field[type="search"]:focus, 
						.after-header input.search-field[type="search"]:focus-within, 
						.after-header input.search-field[type="search"]:focus-visible, 
						.after-header input.search-field[type="search"]:hover, 
						.after-header input.search-field[type="search"]:active {
							appearance: none;
							-webkit-appearance: none;
							-moz-appearance: none;
							font-size: 16px !important;
							padding: 7px 15px !important;
							max-width: 270px;
							height: auto !important;
							background-color: #fff;
							border: 1px solid #000;
							position: static !important;
						}

						/* Search Submit Button */
							.after-header form input.search-submit[type="submit"], 
							.after-header form input.search-submit[type="submit"]:focus, 
							.after-header form input.search-submit[type="submit"]:focus-within, 
							.after-header form input.search-submit[type="submit"]:focus-visible, 
							.after-header form input.search-submit[type="submit"]:hover, 
							.after-header form input.search-submit[type="submit"]:active {
								appearance: none;
								-webkit-appearance: none;
								-moz-appearance: none;
								color: #fff !important;
								/* background: #484847 !important;
								border: 1px solid #484847 !important; */
								font-size: 16px !important;
								width: auto !important;
								height: auto !important;
								padding: 9px 20px !important;
								position: static !important;
							}
							.after-header form input.search-submit[type="submit"]:focus, 
							.after-header form input.search-submit[type="submit"]:focus-within, 
							.after-header form input.search-submit[type="submit"]:focus-visible, 
							.after-header form input.search-submit[type="submit"]:hover, 
							.after-header form input.search-submit[type="submit"]:active {
								/* background: #fff !important; */
								color: var(--copper) !important;
							}

						/* Close Search Form */
							.after-header .close_search {
								height: 32px;
								margin-right: -5px;
								cursor: pointer;
							}
							.after-header .close_search:hover {
								opacity: .6;
							}
							.after-header .close_search>div {
								width: 30px;
								height: 2px;
								background-color: #000;
							}
							.after-header .close_search>div:first-child {
								transform: rotate(45deg);
								margin-top: 16px;
							}
							.after-header .close_search>div:nth-child(2) {
								transform: rotate(-45deg);
								margin-top: -2px;
							}





	/*----- Sticky Header Changes -----*/

		.header-container.stickyHeader {}

		/* Scroll Down */
			.header-container .header_row_one {
				transition: height var(--transition-duration-sticky-header) var(--transition-timing-function-sticky-header);
				overflow: hidden;
			}
			.scrollDown .header-container.stickyHeader .header_row_one {
				height: 0;
			}

		/* Scroll Up */
			.scrollUp .header-container.stickyHeader {
				height: auto;
			}

		/* Headerwrap */
			.header-container.stickyHeader #headerwrap {
				padding-top: 5px;
			}
			#headerwrap {
				transition-duration: var(--transition-duration-sticky-header);
				transition-timing-function: var(--transition-timing-function-sticky-header);
				transition-property: padding-top;
			}

		/* Navigation Header */
			.header-container.stickyHeader #nav-header:first-child {
				margin-bottom: 0;
			}

		/* Logo */
			.header-container.stickyHeader .header-col.header-col-1 {
				margin-bottom: 10px;
			}
			.header-col.header-col-1 {
				transition-duration: var(--transition-duration-sticky-header);
				transition-timing-function: var(--transition-timing-function-sticky-header);
				transition-property: margin-bottom;
			}

			.header-container.stickyHeader #logo .widget-wrap:first-child {
				display: none;
			}
			.header-container.stickyHeader #logo .widget-wrap:nth-child(2) {
				display: block;
			}

			#logo img {
				transition-duration: var(--transition-duration-sticky-header);
				transition-timing-function: var(--transition-timing-function-sticky-header);
				transition-property: height;
			}
			.header-container.stickyHeader #logo img {
				height: 30px !important;
			}
			@media screen and (min-width: 1024px){
				.header-container.stickyHeader #logo img {
					height: 35px !important;
				}
			}

			@media screen and (min-width: 1200px){
				.header-container.stickyHeader #logo img {
					height: 48px !important;
				}
			}

		/* Font Size */
			.header-container.stickyHeader header.site-header {
				/* font-size: .8em; */
			}
			header.site-header {
				transition-duration: var(--transition-duration-sticky-header);
				transition-timing-function: var(--transition-timing-function-sticky-header);
				transition-property: font-size;
			}
			/* @media screen and (min-width: 1500px){
				.header-container.stickyHeader header.site-header {
					font-size: 1em;
				}
			} */

		/* Menu Items */
			.header-container.stickyHeader .main-navigation li.menu-item a {
				/* line-height: 3; */
			}
			.main-navigation li.menu-item a {
				transition-duration: var(--transition-duration-sticky-header);
				transition-timing-function: var(--transition-timing-function-sticky-header);
				transition-property: line-height;
			}

		/* Search */
			.header-container.stickyHeader #searchbox .search-menu {
				line-height: 1;
			}

			.header-container.stickyHeader #searchbox .search-menu {
				margin-bottom: 11px;
			}
			@media screen and (min-width: 1024px){
				.header-container.stickyHeader #searchbox .search-menu {
					margin-bottom: 7px;
				}
			}

		/* Responsive Menu Pro Button */
			.header-container.stickyHeader button#responsive-menu-pro-button {
				width: 40px;
				height: 40px;
			}
			.header-container button#responsive-menu-pro-button {
				transition-duration: var(--transition-duration-sticky-header);
				transition-timing-function: var(--transition-timing-function-sticky-header);
				transition-property: height, width;
			}





/*------------ Header Image --------------*/
		.header-height {
			height: 100vh;
			max-height: 700px;
		}

		.entry-header img {
			display: none;
		}




/*------------ Change Font Size --------------*/
	/*--- Buttons ---*/
		.contact-box-content .widget-wrap .change-font-size button {
			color: #000;
		}
		/* Small */
			body.font-size-small .change-font-size button.small {
				font-size: 1em;
			}
			body.font-size-small .change-font-size button.medium {
				font-size: 1.2em;
			}
			body.font-size-small .change-font-size button.big {
				font-size: 1.4em;
			}
		/* Medium */
			body .change-font-size button.small, 
			body.font-size-medium .change-font-size button.small {
				font-size: .8em;
			}
			body .change-font-size button.medium, 
			body.font-size-medium .change-font-size button.medium {
				font-size: 1em;
			}
			body .change-font-size button.big, 
			body.font-size-medium .change-font-size button.big {
				font-size: 1.2em;
			}
		/* Big */
			body.font-size-big .change-font-size button.small {
				font-size: .6em;
			}
			body.font-size-big .change-font-size button.medium {
				font-size: .8em;
			}
			body.font-size-big .change-font-size button.big {
				font-size: 1em;
			}






/*------------------------------- Buttons ------------------------------*/

	.vc_row .vc_btn3-container {
		margin: 0;
	}

	/*----- General Button Styles -----*/
		/* Button, Submit */button, input[type="submit"], input[type="button"], 
		/* Ninja Forms */body .nf-form-content button, body .nf-form-content input[type=button], body .nf-form-content input[type=submit], 
		/* Header Search */.after-header form input.search-submit[type="submit"], 
		/* WP Bakery Page Builder */#page .vc_btn3-container .vc_general.vc_btn3, #page .vc_btn3-container .vc_btn3 {
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
			background: #484847;
			background: var(--copper);
			color: #fff;
			font-family: abril-display, Bodoni Moda, serif;
			font-size: 1em;
			height: auto;
			text-align: center;
			text-transform: lowercase;
			text-decoration: none;
			letter-spacing: 0.05em;
			padding: 8px 20px 5px;
			border: 2px solid #484847;
			border: 2px solid var(--copper);
			border-radius: 0;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			transition: var(--transition-buttons);
		}
		/* Hover, Focus, Active */
			/* Button */
			button:hover, button:focus, button:active, 
			/* Input Submit */
			input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, 
			/* Input Button */
			input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, 
			/* Ninja Forms */
			body .nf-form-content button:hover, body .nf-form-content button:focus, body .nf-form-content button:active, 
			body .nf-form-content input[type=button]:hover, body .nf-form-content input[type=button]:focus, body .nf-form-content input[type=button]:active, 
			body .nf-form-content input[type=submit]:hover, body .nf-form-content input[type=submit]:focus, body .nf-form-content input[type=submit]:active, 
			/* Search Form Header */
			.after-header form input.search-submit[type="submit"]:focus, .after-header form input.search-submit[type="submit"]:focus-within, 
			.after-header form input.search-submit[type="submit"]:hover, .after-header form input.search-submit[type="submit"]:active, 
			/* WP Bakery Page Builder */
			#page .vc_btn3-container .vc_btn3:hover, #page .vc_btn3-container .vc_btn3:focus, #page .vc_btn3-container .vc_btn3:active, 
			#page .vc_btn3-container .vc_general.vc_btn3:hover, #page .vc_btn3-container .vc_general.vc_btn3:focus, #page .vc_btn3-container .vc_general.vc_btn3:active {
				background: #fff;
				color: #484847;
				color: var(--copper);
			}
		/* Child Elements (i. e. Icons) */
			/* Button */
			button:hover *, button:focus *, button:active *, 
			/* Input Submit */
			input[type="submit"]:hover *, input[type="submit"]:focus *, input[type="submit"]:active *, 
			/* Input Button */
			input[type="button"]:hover *, input[type="button"]:focus *, input[type="button"]:active *, 
			/* Ninja Forms */
			body .nf-form-content button:hover *, body .nf-form-content button:focus *, body .nf-form-content button:active *, 
			body .nf-form-content input[type=button]:hover *, body .nf-form-content input[type=button]:focus *, body .nf-form-content input[type=button]:active *, 
			body .nf-form-content input[type=submit]:hover *, body .nf-form-content input[type=submit]:focus *, body .nf-form-content input[type=submit]:active *, 
			/* Search Form Header */
			.after-header form input.search-submit[type="submit"]:focus *, .after-header form input.search-submit[type="submit"]:focus-within *, 
			.after-header form input.search-submit[type="submit"]:hover *, .after-header form input.search-submit[type="submit"]:active *, 
			/* WP Bakery Page Builder */
			#page .vc_btn3-container .vc_btn3:hover *, #page .vc_btn3-container .vc_btn3:focus *, #page .vc_btn3-container .vc_btn3:active *, 
			#page .vc_btn3-container .vc_general.vc_btn3:hover *, #page .vc_btn3-container .vc_general.vc_btn3:focus *, #page .vc_btn3-container .vc_general.vc_btn3:active * {
				color: #484847;
				color: var(--copper);
			}

		/* Icon on Button */
			#page .vc_btn3-container .vc_btn3 .vc_btn3-icon {
				color: #fff;
				transition: var(--transition-buttons);
			}
			#page .vc_btn3-container .vc_general.vc_btn3.vc_btn3-icon-right {
				padding-right: 48px;
			}
			#page .vc_btn3-container .vc_general.vc_btn3.vc_btn3-icon-left {
				padding-left: 48px;
			}
			/* Hover */
				/*#page .vc_btn3-container .vc_general.vc_btn3:hover *, 
				#page .vc_btn3-container .vc_general.vc_btn3:focus *, 
				#page .vc_btn3-container .vc_general.vc_btn3:active * {
					color: #fff;
				}*/




/*------------------------------- Breadcrumbs - Yoast SEO ------------------------------*/

	#breadcrumbs {
		width: 100%;
		border-top: 10px solid #484847;
		border-top: 10px solid var(--grey);
		margin-top: 10px;
		margin-bottom: 20px;
	}
	#breadcrumbs * {
		font-size: 12px;
		color: #484847;
		color: var(--grey);
	}
	#breadcrumbs p {
		width: 100%;
		margin: 0 auto;
		display: none;
	}
	#breadcrumbs p span {
		color: #000;
	}

	@media screen and (min-width: 768px){
		#breadcrumbs p {
			padding: 10px 30px;
			display: block;
		}
	}
	@media screen and (min-width: 1200px){
		#breadcrumbs p {
			padding: 10px 50px;
		}
	}





/*------------------------------- Homepage / Startseite ------------------------------*/

	/*----- Post Grid -----*/
		.vc_grid.vc_pageable-wrapper .vc_grid-item > .vc_grid-item-mini {
			background-color: #F9F9F9;
			height: 100%;
		}

		@media screen and (min-width: 768px){
			.vc_grid.vc_pageable-wrapper .vc_pageable-slide-wrapper {
				display: flex;
				align-items: stretch;
				flex-wrap: wrap;
			}
			.vc_grid.vc_pageable-wrapper .vc_grid-item > .vc_grid-item-mini > .vc_gitem-zone, 
			.vc_grid.vc_pageable-wrapper .vc_grid-item > .vc_grid-item-mini > .vc_gitem-zone > .vc_gitem-zone-mini, 
			.vc_grid.vc_pageable-wrapper .vc_grid-item > .vc_grid-item-mini > .vc_gitem-zone > .vc_gitem-zone-mini > .vc_gitem_row, 
			.vc_grid.vc_pageable-wrapper .vc_grid-item > .vc_grid-item-mini > .vc_gitem-zone > .vc_gitem-zone-mini > .vc_gitem_row > .vc_gitem-col {
				height: 100%;
			}
		}

		.entry-content .vc_gitem_row.vc_row {
			margin-bottom: 0;
		}

		.vc_grid .vc_gitem_row.vc_row.vc_gitem-row-position-top > .vc_gitem-col {
			padding: 20px;
		}

		/* Post Image */
			.vc_grid .vc_gitem_row .wpb_single_image:first-child {
				margin: -19px -19px 20px;
			}

		/* Button */
			.vc_grid .vc_gitem_row .vc_btn3-container:last-child {
				position: absolute;
				top: unset;
				bottom: 20px;
			}
			.vc_grid .vc_gitem_row .vc_gitem-col > div:nth-last-child(2) {
				margin-bottom: 60px;
			}






/*------------------------------- Kontaktformular ------------------------------*/

	/*----- Ninja Forms -----*/

		.nf-form-cont {
			max-width: 1024px;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
		}

		/* Form Title */
			.nf-form-cont .nf-form-title {
				max-width: 1024px;
				margin-left: auto;
				margin-right: auto;
				display: block;
				display: none;
			}

		/* line before content (required fields *) */
			/*.nf-form-fields-required {
				display: none;
			}*/

		/* Form Content */
			.nf-form-cont form .nf-form-content {
				max-width: none;
				padding: 0;
			}

			/* Label */
				.nf-field-label label {
					cursor: pointer;
				}

			/* Checkbox | Description Position | Label */
				.checkbox-container.nf-field-container .nf-field .field-wrap {
					flex-direction: column;
				}
				.checkbox-container.nf-field-container .nf-field .field-wrap .nf-field-label {
					margin-bottom: 5px;
				}

		/* Success Message */
			.nf-form-wrap.ninja-forms-form-wrap {
				max-width: 1024px;
				margin-left: auto;
				margin-right: auto;
				padding: 0;
				width: 100%;
			}



/*------------------------------- Contact Box Sidebar ------------------------------*/
	
	/* Container */
		#contact-box-container {
			position: fixed;
			top: 230px;
			left: unset;
			right: -300px;
			transition: right .5s linear;
			z-index: 99;
			display: none;
		}
		#contact-box-container p {
			font-size: .8em;
		}
		@media screen and (min-width: 768px){
			#contact-box-container {
				display: block;
			}
		}
		#contact-box-container > * {
			float: left;
		}
		 #contact-box-container.contactToggle {
			right: 0;
		}

		/* Contact Box Trigger */
			.contact-handle {
				width: 45px;
				padding: 10px;
				background-color: black;
				box-shadow: -3px 3px 5px rgba(0,0,0,.5);
				position: relative;
				z-index: 1;
				display: flex;
				flex-direction: column;
				justify-content: space-evenly;
				align-items: center;
				cursor: pointer;
			}
			.contact-handle:hover img {
				opacity: .7;
			}
			.contact-handle img {
				width: 25px;
				height: auto;
			}
			.contact-handle img:first-child {
				margin-bottom: 20px;
			}

		/* Contact Box */
			.contact-box-content {
				width: 300px;
				padding: 20px;
				background-color: #000;
				position: relative;
				z-index: 0;
			}
			.contact-box-content * {
				color: var(--beige);
			}
			.contact-box-content .widget-wrap a {
				color: #fff;
			}
			.toggle-on .contact-box-content {
				box-shadow: -3px 3px 5px rgba(0,0,0,.5);
			}
			/*.contact-box-content > *:nth-child(2) {
				display: none;
			}*/

		/* image */
			.contact-box-content img {
				border-radius: 100%;
				max-width: 100%;
			}


		@media screen and (min-width: 1366px){
			#contact-box-container {
				right: -380px;
			}
			.contact-box-content {
				width: 380px;
			}
			.contact-handle {
				width: 60px;
			}
			.contact-handle img {
				width: 40px;
			}
			.contact-handle img:not(:last-child), 
			.contact-handle img:not(:last-of-type) {
				margin-bottom: 25px;
			}
		}





/*------------------------------- Search Results / Archives ------------------------------*/
	
	body.search-results #content > article, 
	body.archive #content > article {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
	}
	body.search-results #content > article:not(:last-child), 
	body.archive #content > article:not(:last-child) {
		border-bottom: 1px solid #ededed;
		padding-bottom: 25px;
	}

	/* Post Title */
		body.search-results #content > article .search-post-title, 
		body.archive #content > article .archive-post-title {
			font-size: 1.7em;
			margin-bottom: 20px;
		}




/*----- 404 Page -----*/

	.error404 article {
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
	}

	.error404 .entry-content * {
		text-align: center;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}



/*--------- Search Results Page --------*/

	/* No Search Results */
		body.search-no-results .entry-content * {
			text-align: center;
		}

	/* post container */
		body.search-results .post-container {
			width: 100%;
			max-width: 800px;
			margin: 0 auto;
		}
		body.search-results .post-container * {
			max-width: 800px;
		}

		/* post thumbnail */
			body.search-results .search-post-thumbnail img, 
			body.archive .archive-post-thumbnail img {
				margin: 0 0 10px;
			}

		/* post title */
			body.search-results .search-post-title, 
			body.archive .archive-post-title {
				font-size: 1.5em;
				margin: 0 0 20px;
			}
			body.search-results .search-post-title a, 
			body.archive .archive-post-title a {
				color: #D67A4B;
				color: var(--copper);
			}
			body.search-results .search-post-title a:hover, 
			body.search-results .search-post-title a:focus, 
			body.search-results .search-post-title a:active, 
			body.archive .archive-post-title a:hover, 
			body.archive .archive-post-title a:focus, 
			body.archive .archive-post-title a:active {
				color: #994d27;
				color: var(--copper-dark);
			}
		/* post excerpt */
			body.search-results .search-post-excerpt, 
			body.archive .archive-post-excerpt {
				font-size: 1em;
				margin: 0 0 20px;
			}





/*------------------------------- Entry Meta ------------------------------*/
	footer.entry-meta {
		margin-bottom: 40px;
		display: none;
	}





/*------------------------------- Footer ------------------------------*/

	/*----- Container -----*/
		footer#colophon {
			position: relative;
			display: inline-block;
			background-color: #000000;
			/* background-color: var(--dark-grey); */
			width: 100%;
			max-width: none;
			padding: 75px 25px 20px;
			margin: 50px 0 0;
		}
		@media screen and (min-width: 768px){
			footer#colophon {
				padding-left: 30px;
				padding-right: 30px;
			}
		}
		@media screen and (min-width: 1200px){
			footer#colophon {
				padding: 85px 50px 20px;
			}
		}
		@media screen and (min-width: 1600px){
			footer#colophon {
				padding-left: 80px;
				padding-right: 80px;
			}
		}

		/*----- Font -----*/
			footer#colophon * {
				color: #EBBC96;
				color: var(--copper);
				/* color: var(--light-grey); */
				line-height: 1.5;
			}

		/*----- Links -----*/
			footer#colophon a, 
			footer#colophon a:link, 
			footer#colophon a:visited {}
			
			/* Hover */
			footer#colophon a:hover, 
			footer#colophon a:focus, 
			footer#colophon a:active {
				opacity: .5;
			}

		/*----- Widget Title -----*/
			footer#colophon .widget-title {
				margin-bottom: 20px;
			}

		/*----- Paragraph -----*/
			footer#colophon p:not(:last-child) {
				margin-bottom: 20px;
			}

		/*----- Lists -----*/
			footer#colophon li:not(:last-child) {
				margin-bottom: 5px;
			}

		/*----- Widgets Wrapper -----*/
			#footerwidgets {
				max-width: 1760px;
				margin: 0 auto;
			}

			/* Footer Columns */
				footer#colophon #footerwidgets .footer-column {
					width: 100%;
					margin-bottom: 40px;
				}
				@media screen and (min-width: 1024px){
					#footerwidgets .footer-column {
						float: left;
					}
					#footerwidgets .footer-column:not(:last-child) {
						padding-right: 25px;
					}
					#footerwidgets #footereins {
						width: 30%;
					}
					#footerwidgets #footerzwei {
						width: 20%;
					}
					#footerwidgets #footerdrei {
						width: 50%;
					}
				}
				@media screen and (min-width: 1366px){
					footer#colophon #footerwidgets .footer-column {
						width: 33.333%;
					}
				}

			/* Google Maps iframe */
				.google-maps-footer {
					height: 400px;
				}
				@media screen and (max-width: 1023px){
					iframe {
						padding: 20px 0 !important;
					}
				}
				@media screen and (min-width: 1024px){
					.google-maps-footer {
						height: 210px;
					}
				}





/*------------------------------- Copyright Line ------------------------------*/

	#copyrightline {
		padding: 30px 50px 30px;
		font-size: 0.8em;
	}

	#copyrightline * {
		text-align: center;
	}

	/*---------- Links ----------*/
		#copyrightline a, 
		#copyrightline a:link, 
		#copyrightline a:visited {}
		
		/* Hover */
		#copyrightline a:hover, 
		#copyrightline a:focus, 
		#copyrightline a:active {
			opacity: .5;
		}



/*------------------------------- To Top Button ------------------------------*/

#totop {
	display: none;
	position: fixed;
	right: 20px;
	top: unset;
	left: unset;
	bottom: 20px;
	z-index: 999;
	height: 50px;
	width: 50px;
	border-radius: 100px;
	background-color: #333;
	justify-content: center;
	align-items: center;
	box-shadow:0 0 5px rgba(255,255,255,.7);
}
#totop.vsbl {
	display: flex;
}
#totop span {
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	border-bottom: none;
	border-right: none;
	margin-top: 5px;
	transform: rotate(45deg);
}
#totop img {
	filter: drop-shadow(0px 0px 4px rgba(0,0,0,.4));
}
	@media screen and (min-width: 768px){
		#totop {
			right: 40px;
			bottom: 40px;
		}
	}
	@media screen and (min-width: 1366px){
		#totop {
			right: 50px;
			bottom: 50px;
		}
	}
	@media screen and (min-width: 1500px){
		#totop {
			right: 50%;
			margin-right: -700px;
		}
	}




.leaderboard {
	color: darkgoldenrod;
	cursor: pointer;
	
	display: none;
}
.leaderboard:hover {
	color: darkorange;
}


.leaderboard {
    animation-iteration-count: infinite;
    background-image: linear-gradient(90deg, #ff0000, #00ff00);
    animation-name: ColorFade;
    animation-duration: 3s;
    animation-fill-mode: both;
    animation-direction: alternate-reverse;
}
@keyframes ColorFade {
	0% { background-image: linear-gradient(90deg, #ff0000, #00ff00); }
	100% { background-image: linear-gradient(90deg, #0000ff, #ff0000); }
}



