/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://www.webdesign-eckernfoerde.com
Author:       Olaf Hudecek
Author URI: https://www.webdesign-eckernfoerde.com
Template: twentytwentythree
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* bodoni-moda-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/bodoni-moda-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bodoni-moda-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/bodoni-moda-v25-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bodoni-moda-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/bodoni-moda-v25-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bodoni-moda-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 500;
  src: url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/bodoni-moda-v25-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bodoni-moda-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/bodoni-moda-v25-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bodoni-moda-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 600;
  src: url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/bodoni-moda-v25-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bodoni-moda-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/bodoni-moda-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bodoni-moda-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/bodoni-moda-v25-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bodoni-moda-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 800;
  src: url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/bodoni-moda-v25-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bodoni-moda-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 800;
  src: url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/bodoni-moda-v25-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-pro-regular - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-600 - latin */
  @font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	src: url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-600.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-600.woff') format('woff'), /* Modern Browsers */
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-700 - latin */
  @font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src: url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('https://www.webdesign-eckernfoerde.com/wordpress/test-wordpress/wp-content/themes/twenty-twenty-three-child/assets/fonts/source-sans-pro-v13-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }

html {
	scroll-behavior: smooth;
	overflow-y: noscroll;
	background: #BCBCBB;
}
body {
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	max-width: 3000px;
	height: 100%;
	margin: 0px;
	margin: 0 auto;
	animation:fadein 2s;
	-moz-animation:fadein 2s;
	-webkit-animation:fadein 2s;
	background: white;
	overflow-y: noscroll
}
.wp-site-blocks,
.wp-block-template-part,
.has-global-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin: 0px !important;
}
/*
element.style {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    margin: 0px !important;
}  */

element.style {
    z-index: -108 !important;
}

p,
h2,
h3,
h4,
ul,
.max1200 {
    max-width: 1200px !important;
	margin: 0 auto;
}
p {
	margin-bottom: 15px !important;
}
.max850 {
    max-width: 850px !important;
	margin: 0 auto;
}
.entry-content ul {
	padding-left: 55px;
	list-style: square;
}
li::marker {
  color: #31513A;
}
@media only screen and (max-width: 999px) {
	.entry-content ul {
	
	}
}

hr, .wp-block-separator {
	margin: 20px 0px !important;
}


/*-----------   HEADER   -----------*/
header {
    top: 0px !important;
    left: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}
main {
    margin: 0px !important;
}
@media only screen and (orientation: landscape) and (max-width: 999px) {
	header {
  	z-index: 20;
  	}
}
/*---   Kopfzeile   ---*/
.kopfzeile {
    position: fixed;
	top: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    height: 208px;
	width: 100%;
	max-width: 3000px !important;
	margin: 0 auto !important;
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.25), transparent);
	background-size: 100% 100%;
	/*background: red;*/
	pointer-events: none;
    z-index: 99;
}
/*---   MENU Kopfzeile   ---*/
.mega-menu-kopfzeile {
    position: fixed;
	top: 42px;
	right: 125px;
    padding: 0px !important;
    margin: 0px !important;
    z-index: 9900;
}
@media only screen and (max-width: 1250px) {
	.mega-menu-kopfzeile { 
	top: 42px;
	right: 125px;
	}
}

@media only screen and (max-width: 505px) {
	.mega-menu-kopfzeile {     /*  Position Toggle in mobiler Version
	display:block;  */
    position: fixed;
	top: 26px;
	right: 6%;
	height: auto;
	margin: 0px 0px 0px 0px !important;
    z-index: 9900;
	}
}
@media only screen and (min-width: 505px) and (max-width: 888px) {
	.mega-menu-kopfzeile {
    position: fixed;
	top: 26px;
	right: 135px;
	}
}


.kontakt-navi {
    position:absolute;
	top: 55px;
	right: 38px;
    height: 108px;
	cursor: pointer;
	pointer-events: fill;
    z-index: 10025;
}
a.kontaktschalter,
.kontaktschalter a {
	text-decoration: none;
	color: #ffffff;
    width: 108px !important;
}
.kontaktschalter {
    position:relative;
	top: 0px;
	padding-top: 108px !important;
	padding-bottom: 8px !important;
	padding-left: 25px !important;
	padding-right: 25px !important;
	margin-top: -108px !important;
	background: rgba(55,63,48,0.3) !important;
	border: solid 2px #fff !important;
	border-radius: 55px !important;
  	transition:all 0.18s ease-in-out;
}
.kontaktschalter:hover {
    position:relative;
	top: 12px;
	background: #D67600 !important;
	border: solid 2px D67600!important;
}
.kontaktschalter .dashicons-phone {
    position:relative;
	width: 18px !important;
	top: -25px;
	left: -13px;
	color: #ffffff;
	font-size: 3rem !important;
}
@media only screen and (min-width: 890px) and (max-width: 995px) {
	.kontaktschalter {
	display: none;
	}
}
@media only screen and (min-width: 505px) and (max-width: 888px) {
	.kontakt-navi {
    position:absolute;
	top: 48px;
	}
}
@media only screen and (max-width: 505px) {
	.kontaktschalter {
	display: none;
	}
}



/*---   LOGO   ---*/
.logo {
    position: fixed;
	top: 12px;
	left: 38px;
	width: 245px;  /*  258  */
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	pointer-events: auto;
    z-index: 999 !important;
}/*
@media only screen and (orientation: landscape) and (min-width: 3000px) {
.logo {
  }
}*/
@media only screen and (max-width: 785px) {
	.logo {
	top: 7px;
	left: 6%;
	width: 200px;
	}
}


/*-----   COVER-Elemente -----*/

.cover_hoehe_80 {
	top: 0px !important;
	height: 90vh !important;
	padding: 0px 0px 0px 0px !important;
	margin: -35px 0px 0px 0px !important;
}

.headline_headerbild {
	padding-bottom: 0px !important;
	margin-bottom: 20px !important;
	line-height: 1;
}
.cover-text-1 {
	margin-top: 0px !important;
	margin-bottom: 35px !important;
	width: 75vw !important;
	max-width: 880px !important;
}

/*--------      BUTTONS     --------*/

.buttons_headerbild {
	width: 100% !important;
	min-width: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
	z-index: 1;
}
@media only screen and (max-width: 781px) {
	.buttons_headerbild {
	}
}
.buttonspalten_headerbild {
	width: 220px !important;
	min-width: 220px !important;
}

@media only screen and (orientation: landscape) and (max-width: 1250px) {
	.buttonstart {
	margin-top: -25px !important;
	}
}

.maus {
	z-index: 999999;
}
.maus a {
	position: relative;
	display: block;
	height: 70px;
	width: 48px;
	margin: 0 auto;
	margin: 0 auto;
	text-align: center;
  	background: #42422355;
	border: 0.115rem solid rgba(255,255,255,0.7);
	border-radius: 30px !important;
  	transition:all 0.25s ease-in-out;
	cursor: pointer;
	z-index: 999999;
}

.next {
	position: absolute;
	padding: 0px !important;
	bottom: 45px;
	left: calc(50% - 24px);
	text-align: center;
	z-index:9998;
}

@media only screen and (orientation: landscape) and (max-width: 888px) {
	.next {
	position: absolute;
	left: calc(50% - 50px);
	width: 100px;
	bottom: 30vh;
	right: 0px;
	text-align: right;
	}
	.maus a {
	margin: 0px;
	text-align: right;
	}
}
@media only screen and (max-width: 500px) {
	.next {
	bottom: 108px;
	}
}
.maus a:hover {
  	background: rgba(86,86,64,0.65);
	box-shadow: 0px 0px 10px 7px rgba(255,255,255,0.22);
}
.maus a:after {
	content: "";
	position: absolute;
	left: 10px;
	top: 7px;
	width: 25px;
	height: 25px;
  	background: url(images/pfeil-runter.png) no-repeat;
	background-position: bottom center;
	background-size: 100%;
	-moz-animation: easy 2.5s infinite;
	-webkit-animation: easy 2.5s infinite;
	animation: easy 2.5s infinite;
}
@keyframes easy {
  0% {
    transform: translateY(0px);
    opacity: 0;
  }
  45% {
    transform: translateY(20px);
    opacity: 1;
  }
  100% {
    transform: translateY(25px);
    opacity: 0;
  }
}

/*---*/
.schalter,
.schalter_2 {
	margin: 20px 0px 0px 0px !important;
}
.schalter a,
.schalter_2 a {
	padding: 5px 35px 7px 35px !important;
	width: auto;
  	color: #ffffff;
	text-decoration: none !important;
	letter-spacing: 0.03em;
	text-align: center;
  	background: #D67600;
  	background: linear-gradient(to left, #D67600 50%, #FFA90A 50%);
  	background-size: 220% 100%;
  	background-position:right bottom;
  	transition:all 0.25s ease-in-out;
	border-radius: 30px !important;
	border: solid 1px rgba(255,255,255,0);
}
.schalter_2 a {
  	background: rgba(12,12,12,0.15);
  	background: linear-gradient(to left, rgba(12,12,12,0.15) 50%, #FFA90A 50%);
  	background-size: 220% 100%;
  	background-position:right bottom;
  	transition:all 0.25s ease-in-out;
	border: solid 1px rgba(255,255,255,0.5); /*rgba(255,255,255,0.15);*/
}
.schalter a:hover,
.schalter_2 a:hover {
	background-position:left bottom;
	color: #ffffff !important;
	text-decoration: none !important;
	border: solid 1px rgba(255,255,255,1);
	cursor: pointer;
}


/*--------    ARCHIVE   --------*/

.archiv_gruppe {
	width: 100% !important;
	max-width: 100vw !important; /* */
	padding: 0px !important;
	margin: 0px !important;
    gap: 0 !important;
}
.archiv_template {
	background: #ffffff !important;    /* EDEFE7 */
	width: 100% !important;
	max-width: 100vw !important;  
	padding: 0px !important;
	margin: 0px !important;
    gap: 0 !important;
}

@media only screen and (min-width: 600px) {
	.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li {
	width:50% !important;
	}
}

.archiv_beitrag {
	position: relative;
	height: 35vh !important;
	max-height: 972px !important;
	width: 100% !important;
  	background: #BCCBC0;   /*  BDC3AC  */ 
	padding: 0px !important;
	margin: 0px !important;
    gap: 0px !important;
	border: 1px solid #fff;
}
.archiv_beitrag ul,
.archiv_beitrag li,
.entry-content .archiv_beitrag ul,
.columns-2 alignfull, .archiv_template, .wp-block-post-template, .is-layout-grid, .wp-container-core-post-template-is-layout-1, .wp-block-post-template-is-layout-grid {
	padding-left: 0px !important;
	list-style: none !important;
}

/*
@media (orientation: portrait) {
.archiv_beitrag {
	height: 29vh !important;
	} 
}
@media (orientation: portrait) and (max-aspect-ratio: 4/8) { 
.archiv_beitrag {
	height: 25vh !important;
	} 
}
@media (orientation: portrait) and (min-width: 600px) and (min-aspect-ratio: 3/8) { 
.archiv_beitrag {
	height: 14vh !important;
	} 
}
@media (orientation: portrait) and (min-width: 600px) and (min-aspect-ratio: 4/8) { 
.archiv_beitrag {
	height: 18vh !important;
	} 
}
@media (orientation: portrait) and (min-width: 600px) and (min-aspect-ratio: 5/8) { 
.archiv_beitrag {
	height: 20vh !important;
	} 
}
@media (orientation: portrait) and (min-width: 600px) and (min-aspect-ratio: 6/8) { 
.archiv_beitrag {
	height: 25vh !important;
	} 
}
@media (min-aspect-ratio: 7/8) { 
.archiv_beitrag {
	height: 28vh !important;
	}
}
@media (min-aspect-ratio: 8/7) { 
.archiv_beitrag {
	height: 37vh !important;
	}
}*/
@media (min-aspect-ratio: 8/5) {   /*  breit  */
.archiv_beitrag {
	height: 35vh !important;  /*  45vh  */
	}
}
@media (min-aspect-ratio: 8/4) {   /*  breiter  */
.archiv_beitrag {
	height: 35vh !important;
	}
}
@media (min-aspect-ratio: 8/3) {   /*  sehr breit  */
.archiv_beitrag {
	height: 35vh !important;  /*  80vh  */
	}
}

.archiv_beitragsbild {
	position: relative;	
	height: 100%;
	width: 100%;
	
	/*
	display: flex;
    justify-content: center; 
    align-items: center;
	*/
		
	height: 100% !important;
	min-height: 100% !important;
	max-height: 972px !important;
	width: 100% !important;
	min-width: 100% !important;
	overflow: hidden;
}	
.archiv_beitragsbild img {
	height: 100%;
	min-height: 100% !important;
	width: 100%;
	min-width: 100% !important;
	object-fit: cover !important;
	transform: scale(1.01);
	transition:all 2.5s ease; 
	box-sizing: unset !important;
    overflow-clip-margin: unset !important;
    overflow: unset !important;
	
}
/*
.archiv_beitragsbild {
	position: relative;
	display: flex;
    justify-content: center; 
    align-items: center;	
	height: 100% !important;
	min-height: 100% !important;
	max-height: 972px !important;
	width: 100% !important;
	min-width: 100% !important;
	object-position: bottom !important;
	overflow: hidden;
}	
.archiv_beitragsbild img {
	height: 100%;
	min-height: 100% !important;
	width: 100%;
	min-width: 100% !important;
	object-fit: cover !important;
	transform: scale(1.01);
	transition:all 2.5s ease; 
	box-sizing: unset !important;
    overflow-clip-margin: unset !important;
    overflow: unset !important;
	
}
*/

.archiv_beitragsbild img:hover {	
	transform: scale(1.05);
	filter: sepia(.4) brightness(105%) saturate(1.3) hue-rotate(-15deg);
}
.archiv_beitragsbild:before {
	content:"";
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 0px 0px 20px 20px;
	color: #ffffff;
	width: calc(100% - 20px);
	height: 85%;
	background-image: linear-gradient(-174deg, transparent, transparent, rgba(0,0,0,0.77));
	background-size: 100% 100%;
	z-index:100;
	pointer-events: none;
}
.archiv_beitragstitel {
	/*  font-family: 'Bodoni Moda';  */
	font-family: 'Source Sans Pro';
	font-size: 2.0rem !important;
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 0px 0px 5px 20px;
	color: #ffffff !important;
	width: calc(100% - 20px);
	z-index:1;
	pointer-events: none;
}
.archiv_beitragstitel:after {
  	margin-right: 30px;
	margin-left: 3px;
  	content:'\f345';
	position: relative;
	color: #ffffff;
	top: 3px;
  	font-size: 1.55rem;
  	font-family: dashicons;
	text-decoration: none !important;
}
h2.archiv_beitragstitel a,
h2.wp-block-post-title a {
	font-family: 'Source Sans Pro';
	color: #ffffff !important;
	line-height: 1.25 !important;
	font-color: #ffffff !important;
	font-size: 2.0rem !important;
}

/*--------    Rubriken   --------*/

.rubrikhoehe {
	position: relative;
	height: 55vh !important;   /*  33.3333  */
}
@media only screen and (max-width: 783px) {
	.rubrikhoehe {
	height: 28vh !important;
	}
}
@media only screen and (orientation: landscape) and (max-width: 999px) {
	.rubrikhoehe {
	height: 65vh !important;
	}
}

.rubrik {
	position: relative;	
	height: 100%;
	width: 100%;
	overflow: hidden;
}	
.rubrik img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transform: scale(1);
	transition:all 2.5s ease; 
}
.rubrik img:hover {	
	transform: scale(1.05);
	filter: sepia(.4) brightness(105%) saturate(1.3) hue-rotate(-15deg);
}
.rubriktitel {
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 0px 0px 20px 20px;
	color: #ffffff;
	width: calc(100% - 20px);
	z-index:1;
	pointer-events: none;
}
.rubrik:before {
	content:"";
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 0px 0px 20px 20px;
	color: #ffffff;
	width: calc(100% - 20px);
	height: 55%;
	background-image: linear-gradient(-174deg, transparent, transparent, rgba(0,0,0,0.55));
	background-size: 100% 100%;
	z-index:1;
	pointer-events: none;
}

.loader {
	content:'';
	position: absolute;
	color: rgba(255,255,255,0.4);
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	border: 5px solid rgba(255,255,255,0.2);
	border-radius: 50%;
	border-top: 5px solid rgba(255,255,255,0.55);
	width: 30px;
	height: 30px;
}
.loader.active {
	animation: rotate 0.8s linear 7;
}
@keyframes rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*--------      INHALT     --------*/


/*-----   Headlines   -----*/
h1 {
	margin-top: 20px !important;
	margin-bottom: 10px !important;
	color: #D67600 !important;
	font-size: 3rem !important;
}
h2 {
	margin-top: 20px !important;
	margin-bottom: 10px !important;
	color: #D67600 !important;
	font-size: 2.5rem !important;
}
h3 {
	margin-top: 15px !important;
	margin-bottom: 5px !important;
	color: #D67600;
	font-size: 2.0rem !important;
}
h4 {
	margin-top: 0px !important;
	margin-bottom: 10px !important;
}

.headline_textspalte {
	margin-top: 0px !important;
}
@media only screen and (max-width: 785px) {
	h2.headline_textspalte {
	margin-bottom: 10px !important;
	}
}

.wp-block-heading {
	font-weight: 300 !important;
	margin: 0 auto !important;
	margin-bottom: 10px !important;
	padding: 0px !important;
}

.entry-content a {
	color: #807576;   /*   Links Fliesstext   */
}
.wp-block-post-content a {
	word-wrap: break-word;  /* Umbrechen zu langer Links */
}

.nichtzeigen {
	display: none;  /* Umbrechen zu langer Links */
}

.seitenheadline {
	padding: 0px 30px 0px 30px !important;
}
@media only screen and (max-width: 1250px) {
	.textblock {
	padding: 0px 30px 0px 30px !important;
	}
}
@media only screen and (max-width: 785px) {
	.seitenheadline,
	.textblock {
	padding: 0px 15px 0px 15px !important;
	}
}


.spalte_rand {
	color: #fff;
	text-align: center;
	background: #31513A;   /*656F3A   475A21     4E5A29*/
	margin: 0px 20px 20px 20px !important;
	padding: 21px 0px 18px 0px;
	border-radius: 8px;
	border: solid 1px rgba(255,255,255,0.55);
}
.spalte_rand h3 {
	color: #FF8D00;
}
.spalte_rand .dashicons {
	color: rgba(255,255,255,0.8);   /*  D67600  */
	font-size: 3rem;
	margin: 0 auto !important;
	padding: 0px 0px 35px 0px;
}
.dashicons, .dashicons-before:before {
	width: auto !important;
}
@media only screen and (max-width: 500px) {
	.spalte_rand {
	border: solid 1px rgba(189,188,177,1);
	}
}

.activities .dashicons {
	color: #D67600;
	font-size: 2.5rem;
	margin: 0px !important;
	padding: 0px 20px 0px 0px;
	float: left;
}
.activities img,
.activities .wp-block-image {
	width: 45px;
	heighte: auto;
	margin: 0px 15px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	float: left;
}
.activities p {
	padding: 5px 0px 12px 0px !important;
}

.activities .wp-block-columns {
	margin-left: 21px !important;
}
@media only screen and (max-width: 750px) {
	.activities .wp-block-column {
	margin-bottom: -31px !important;
	margin-left: 78px !important;
	padding-bottom: 0px !important;
	}
	.activities .wp-block-columns {
	margin-bottom: 21px !important;
	}
}


/*-----  Einzelbeiträge  -----*/
.rund img {
	border-radius: 20px;
}

.einzelbild {
	position: relative;	
	height: 100%;
	width: 100%;
	overflow: hidden;
}	
.einzelbild img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.bild_mittig_rechts {
	text-align: right !important;
}
@media only screen and (max-width: 785px) {
	.bild_mittig_rechts {
	text-align: center !important;
	margin: 0 auto !important;
	}
}

.einzeltext {
	padding: 0px 20% 0px 20% !important;
	position: relative;	
	height: 100%;
	width: 100%;
	overflow: hidden;
}
/*@media only screen and (max-width: 785px) {
	.einzeltext {
	padding: 0px !important;
	}
}*/
.einzeltext_schmal {
	padding: 0px 20% 0px 0px !important;
}
@media only screen and (max-width: 785px) {
	.einzeltext_schmal {
	padding: 0px !important;
	margin: 0 auto !important;
	}
}

.pdf {
  	padding: 5px 0px 5px 42px !important;
	line-height: 1 !important;
	max-width: calc(100% - 42px) !important;
	margin-bottom: 12px !important;
}

.pdf:before {
	content:"";
	position: absolute;
	top: 3px;
	left: 0px;
	width: 31px;
	height: 35px;
	background: url(images/pdf-icon.png) no-repeat;
	background-position: left center;
}
.jpg {
  	padding: 5px 0px 5px 42px !important;
	line-height: 1 !important;
	max-width: calc(100% - 42px) !important;
	margin-bottom: 12px !important;
}

.jpg:before {
	content:"";
	position: absolute;
	top: 3px;
	left: 0px;
	width: 31px;
	height: 35px;
	background: url(images/jpg-icon.png) no-repeat;
	background-position: left center;
}

.portrait-over {
	background: url(https://stelling-architekt.de/wordpress/neu2023/wp-content/uploads/TS1-scaled.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	transition: all ease 0.35s;
}
.portrait-over:hover {
	background: url(https://stelling-architekt.de/wordpress/neu2023/wp-content/uploads/TS2-scaled.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}

/*---  Team  --*/

@media only screen and (orientation: portrait) and (max-width: 785px) {
	.bild-komplett {
	display: block;
	width: 100%;
	height: 100%;
	}
}
@media only screen and (max-width: 785px) {
	.bild-komplett.wp-block-image .alignright,
	.bild-komplett.wp-block-image.alignright,
	.bild-komplett.wp-block-image .alignright img,
	.bild-komplett.wp-block-image.alignright img {
	float: left !important;
	margin: 0px 0px 5px 0px;
	}
}

/*-----*/
.sp_quer_li {
	width: 100%;
	max-width: calc(50vw - 45px) !important;
	height: 62vh;
	margin: 30px 15px 0px 30px !important;
	padding: 0px !important;
	overflow: hidden;
}
.sp_quer_li_text {
	width: 100%;
	max-width: calc(50vw - 45px) !important;
	margin: 30px 15px 0px 30px !important;
	padding: 0px !important;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sp_quer_re {
	width: 100%;
	max-width: calc(50vw - 45px) !important;
	height: 62vh;
	margin: 30px 30px 0px 15px !important;
	padding: 0px !important;
	overflow: hidden;
}
.sp_quer_re_ohne {
	width: 100%;
	max-width: calc(50vw - 45px) !important;
	margin: 30px 30px 0px 15px !important;
	padding: 0px !important;
	overflow: hidden;
}
.sp_quer_re_text {
	width: 100%;
	max-width: calc(50vw - 45px) !important;
	margin: 30px 30px 0px 15px !important;
	padding: 0px !important;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 1250px) {
	.sp_quer_li,
	.sp_quer_re {
	height: 52vh;
	}
}
@media only screen and (max-width: 785px) {
	.sp_quer_li,
	.sp_quer_re {
	max-width: calc(100vw - 30px) !important;
	height: 33vh;
	min-height: auto !important;
	margin: 15px 15px 0px 15px !important;
	}
	.sp_quer_li_text,
	.sp_quer_re_text {
	max-width: calc(100vw - 108px) !important;
	min-height: auto !important;
	margin: 18px 54px 0px 54px !important;
	}
}
@media only screen and (min-width: 785px) and (orientation: portrait) {
	.sp_quer_li,
	.sp_quer_re {
	height: 25vh;
	}
}
/*-----*/
.sp_hoch_li {
	width: 100%;
	max-width: calc(33.3333vw - 40px) !important;
	height: 80vh;
	margin: 30px 10px 0px 30px !important;
	padding: 0px !important;
	overflow: hidden;
}
.sp_hoch_mi {
	width: 100%;
	max-width: calc(33.3333vw - 40px) !important;
	height: 80vh;
	margin: 30px 20px 0px 20px !important;
	padding: 0px !important;
	overflow: hidden;
}
.sp_hoch_re {
	width: 100%;
	max-width: calc(33.3333vw - 40px) !important;
	height: 80vh;
	margin: 30px 30px 0px 10px !important;
	padding: 0px !important;
	overflow: hidden;
}
.sp_hoch_re_text {
	width: 100%;
	max-width: calc(33.3333vw - 40px) !important;
	margin: 30px 30px 0px 10px !important;
	padding: 0px !important;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 1250px) {
	.sp_hoch_li,
	.sp_hoch_mi,
	.sp_hoch_re {
	height: 65vh;
	}
}
@media only screen and (max-width: 785px) {
	.sp_hoch_li,
	.sp_hoch_mi,
	.sp_hoch_re {
	max-width: calc(100vw - 30px) !important;
	height: 62vh;
	margin: 15px 15px 0px 15px !important;
	}
	.sp_hoch_re_text {
	max-width: calc(100vw - 108px) !important;
	min-height: auto !important;
	margin: 45px 54px 45px 54px !important;
	}
}
@media only screen and (min-width: 785px) and (orientation: portrait) {
	.sp_hoch_li,
	.sp_hoch_mi,
	.sp_hoch_re {
	height: 40vh;
	}
}

/*-----*/
.sp4_hoch_li,
.sp4_hoch_re {
	width: 16.666666666vw !important;
	max-width: 16.666666666vw !important;
	height: 80vh;
	margin: 30px 0px 0px 0px !important;
	padding: 0px !important;
	overflow: hidden;
}
.sp4_hoch_mili {
	width: 100%;
	max-width: calc(33.3333vw - 30px) !important;
	height: 80vh;
	margin: 30px 15px 0px 15px !important;
	padding: 0px !important;
	overflow: hidden;
}
.sp4_hoch_mili_text {
	width: 100%;
	max-width: calc(33.3333vw - 30px) !important;
	margin: 30px 15px 0px 15px !important;
	padding: 0px !important;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sp4_hoch_mire {
	width: 100%;
	max-width: calc(33.3333vw - 30px) !important;
	height: 80vh;
	margin: 30px 15px 0px 15px !important;
	padding: 0px !important;
	overflow: hidden;
}
.sp4_hoch_mire_ohne {
	width: 100%;
	max-width: calc(33.3333vw - 30px) !important;
	margin: 30px 15px 0px 15px !important;
	padding: 0px !important;
	overflow: hidden;
}
.sp4_hoch_mire_text {
	width: 100%;
	max-width: calc(33.3333vw - 30px) !important;
	margin: 30px 15px 0px 15px !important;
	padding: 0px !important;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 1250px) {
	.sp4_hoch_li,
	.sp4_hoch_re,
	.sp4_hoch_mili,
	.sp4_hoch_mire {
	height: 65vh;
	}
}
@media only screen and (max-width: 785px) {
	.sp4_hoch_li,
	.sp4_hoch_re {
	display: none;
	}
	.sp4_hoch_mili,
	.sp4_hoch_mire {
	max-width: calc(100vw - 30px) !important;
	height: 62vh;
	margin: 15px 15px 0px 15px !important;
	}
	.sp4_hoch_mire_text,
	.sp4_hoch_mili_text {
	max-width: calc(100vw - 108px) !important;
	min-height: auto !important;
	margin: 45px 54px 45px 54px !important;
	}
}
@media only screen and (min-width: 785px) and (orientation: portrait) {
	.sp4_hoch_li,
	.sp4_hoch_re,
	.sp4_hoch_mili,
	.sp4_hoch_mire {
	height: 40vh;
	}
}


/*-----  Beitragslinks  -----*/

.post-navigation-link-next,
.post-navigation-link-previous {
	margin: 0px !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	padding: 0px 0px 4px 0px !important;
}
.post-navigation-link-next a,
.post-navigation-link-previous a {
	text-decoration: none;
}
.post-navigation-link-next:hover,
.post-navigation-link-previous:hover {
	text-decoration: underline;
}
.post-navigation-link-next a:before {
  	margin-left: 30px;
	margin-right: 3px;
  	content:'\f341';
	position: relative;
	color: black;
	top: 4px;
  	font-size: 1.3rem;
  	font-family: dashicons;
	text-decoration: none !important;
}
.post-navigation-link-previous a:after {
  	margin-right: 30px;
	margin-left: 3px;
  	content:'\f345';
	position: relative;
	color: black;
	top: 4px;
  	font-size: 1.3rem;
  	font-family: dashicons;
	text-decoration: none !important;
}
@media only screen and (max-width: 785px) {
	.post-navigation-link-next a:before {
  	margin-left: 15px;
	}
	.post-navigation-link-previous a:after {
  	margin-right: 15px;
	}
}

.alignfull {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.breite750 {
	max-width: 750px;
	margin: 0 auto !important;
	padding: 0px 15px 0px 15px !important;
}
@media only screen and (max-width: 785px) {
	.breite750 {
	margin-left: 10px !important;
	margin-right: 10px !important;
	}
}
.spalte850 {
	max-width: 850px;
	border-radius: 10px;
}
.spalte100pro {
	width: 100%;
	margin: 0px !important;
	padding: 0px !important;
	background: rgba(75,75,73,0.4);
	transition: all ease 0.75s;
}
.spalte100pro:hover {
	background: rgba(75,75,59,0.6);
}
.nachunten {
	position: absolute;
	bottom: 0px;
	right: 0px; 
	padding: 0px !important;
	margin: 0px !important;
	width: 100%;
}

@media only screen and (max-width: 610px) {
.wp-block-media-text__content {
	margin-top: 12px;   /* auf mobil mehr Abstand von Bild zu Text */
	}
}

.mittig {
	margin: 0 auto !important;
	text-align: center;
}

blockquote {
	font-style: italic;
	font-style: oblique !important;
	font-size: 35px;
	color: #A19596;  /*605758*/
}

/*--------  Tabellen  --------*/
table {
	border: 0px solid #C2BABA !important;
	margin: 0px;
	padding: 0px;
}
.wp-block-table td, .wp-block-table th {
	padding: 0px;
	vertical-align: top;
}
caption,
th,
td {
	border: 0px solid #C2BABA !important;
	padding: 0px;
	vertical-align: top;
}
.footer_2 thead tr th:first-child,
.footer_2 tbody tr td:first-child {
  width: 45px;
}
.vita thead tr th:first-child,
.vita tbody tr td:first-child {
  width: 108px;
}
/*--- frabig wechselnde Reihen ---*/
/*tr:nth-child(even) {
   background-color: rgba(255, 255, 255, 0.25); 
}
tr:nth-child(odd) {
   background-color: rgba(178, 178, 178, 0.15);
   background-color: rgba(255, 255, 255, 0.25); 
}*/
 
 
 
/*--------      AKKORDEON     --------*/
details {
  	background: rgba(255,255,255,0.5);
  	padding: 12px 0px 12px 0px;
	border-top: 1px solid #BFBCBC;
	border-bottom: 1px solid #BFBCBC;
  	margin-bottom: 18px;
}

details summary {
  	cursor: pointer;
  	transition: margin 330ms ease-out;
  	list-style: none;
  	color: #000000; /*  9C002D  */
  	font-size: 1.5rem;
    line-height: 1.2 !important;
    font-weight: normal !important;
}
details[open] summary {
  	margin-bottom: 14px;
}

details >  summary:before {
  	margin-right: 12px;
  	content:'\f543';
	position: relative;
	color: white;
	top: 0px;
  	font-size: 16px;
  	font-family: dashicons;
	background: #AE0032;
	border-radius: 108px;
}

details[open] > summary:before {
  	content:'\f460'; 
  	font-size: 16px;
  	font-family: dashicons;
}


/*-----   Definition FadeIn der Seite   -----*/
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}
}

/*-----   Einfaden von Inhalten   -----*/


.vonoben {
  transform: translateY(-30px) translateX(0px);
  opacity: 0;
  transition: 1.25s all ease-out;
}
.vonoben.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}

/*----*/
.vonrechts {
  position: relative;
  transform: translateY(0px) translateX(20px);
  opacity: 0;
  transition: 1.0s all ease-out;
}
.vonrechts.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}

/*----*/
.vonunten {
  transform: translateY(42px) translateX(0px);
  opacity: 0;
  transition: 1.25s all ease-out;
}
.vonunten.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}

/*----*/
.vonlinks {
  transform: translateY(0px) translateX(-20px);
  opacity: 0;
  transition: 0.85s all ease-out;
}
.vonlinks.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}

/*----*/
.einfaden {
  transform: translateY(0px) translateX(0px);
  opacity: 0;
  transition: 2s all ease-out;
}
.einfaden.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}

/*----*/
.delay1 {
  transition-delay: 0.4s;
}
.delay2 {
  transition-delay: 0.8s;
}
.delay3 {
  transition-delay: 1.2s;
}
.delay4 {
  transition-delay: 1.6s;
}
.delay5 {
  transition-delay: 2s;
}

/*----*/
.schnell {
  transition-duration: 1.15s;
}
.mittel {
  transition-duration: 1.55s;
}
.langsam {
  transition-duration: 2.0s;
}
.sehrlangsam {
  transition-duration: 2.55s;
}



/*-----   KONTAKTFORMULAR - CONTACT FORM 7   -----*/

.wpcf7 p {
	padding: 0px;
	margin: 12px 0px -5px 0px;
}

.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-submit input[type="submit"],
.wpcf7-submit input[type="button"],
.wwpcf7-submit input[type="reset"],
.wpcf7-textarea,
input, 
textarea,
.wpcf7-form-control-wrap input[type="checkbox"] {
	float:none !important;
	margin: 0px 0px 0px 0px;
	padding: 5px 3px 5px 3px;
	border: 1px solid #C0C0C0 !important;
    border-radius: 5px;
	width: auto;
	max-width: 100%;
	font-size: 16px;
}
.wpcf7-form-control-wrap input[type="checkbox"] {
	margin: 10px 3px 0px -14px !important;
	display:block;
	width: 30px;
}
.captcha-image {
	margin: 15px 0px 10px 0px;
	background: rgba(255,255,255,1); 
	border: 1px solid rgba(0,0,0,0.15) !important;
    border-radius: 5px;
	width: auto;
	max-width: 100%;
}
.cf7ic_instructions span {
	color: #A0002E !important;
}
input:focus,
textarea:focus {
	border: 1px solid #ffffff;
}
.wpcf7-submit {
	color: #ffffff;
	background: #D67600;
	font-size: 16px;
	line-height: normal;
    border-radius: 50px;
	border: 0px solid #ffffff !important;
	padding: 10px 44px 10px 44px;
	margin: 20px 0px 0px 0px;
	cursor:pointer;
	transition: ease-in 0.15s;
}
.wpcf7-submit:hover {
	background: #FFA90A !important;
	border: 0px solid #ffffff !important;
	color: #ffffff;
}

select {
	background: #FFFFFF;
	font-family: "Source Sans Pro", Arial, sans-serif;
	color: #000000;
	line-height: normal;
	border: 1px solid #C0C0C0;
    border-radius: 5px;
	margin: 8px;
	z-index: -1;
}
.wpcf7-not-valid-tip {
	font-weight: bold !important;
	color: #482400 !important;
	z-index: 100;
	background: #ffffff;
	border: 2px solid #A70018 !important;
	border-radius: 5px;
	margin-top: 3px;
	font-size: 16px;
	padding: 3px 3px 3px 10px !important;
	width: 300px !important; /*   */
	-moz-box-shadow: 3px 3px 4px #5F5025; 
	-webkit-box-shadow: 3px 3px 4px #5F5025; 
	box-shadow: 3px 3px 4px #5F5025; 
}
.wpcf7-not-valid-tip:before {  
	content: ' ';  
  position: absolute;  
  width: 0;  
  height: 0;  
  left: 290px;  
  top: 8px;  
  border: 10px solid;  
	border-color: transparent transparent #A70018 transparent;
}
div.wpcf7-mail-sent-ok {
	background: #ffffff;
	color: #482400 !important;
	font-weight: bold !important;
	border: 2px solid #A70018 !important;
	border-radius: 5px;
	margin: 0px;
	-moz-box-shadow: 3px 3px 4px #5F5025; 
	-webkit-box-shadow: 3px 3px 4px #5F5025; 
	box-shadow: 3px 3px 4px #5F5025;
}
div.wpcf7-validation-errors {
	background: #ffffff;
	color: #482400 !important;
	border: 2px solid #A70018 !important;
	font-weight: bold !important;
	border-radius: 5px;
	margin: -8px 0px 20px 0px;
	-moz-box-shadow: 3px 3px 4px #5F5025; 
	-webkit-box-shadow: 3px 3px 4px #5F5025; 
	box-shadow: 3px 3px 4px #5F5025;
}
.wpcf7-not-valid-tip-no-ajax {
	position: relative;
	text-align: left;
	float: right;
	margin-top: -2px;
	margin-bottom: 10px;
	z-index: 5;
	background: #ffffff;
	border: 2px solid #A70018;
	font-size: 16px;
	padding: 1px 6px 1px 6px;
	color: #482400;
	-moz-box-shadow: 3px 3px 4px #5F5025; 
	-webkit-box-shadow: 3px 3px 4px #5F5025; 
	box-shadow: 3px 3px 4px #5F5025;
}
#textbereich {
	width: 90%;
	max-width: 270px;
}
.klein {
	font-size: 14px;
	color: #7A7655 !important;
	line-height: 18px;
}

.telschalter  {
	margin: 15px 0px 15px 0px !important;
	pointer-events: auto;
}
.telschalter a {
	padding: 0px 35px 7px 28px !important;
	width: auto;
  	color: #ffffff;
	text-decoration: none !important;
	letter-spacing: 0.03em;
	text-align: center;
  	background: #D67600;
	/*border: 0.115rem solid rgba(255,255,255,0.7);
	border-radius: 5px !important;*/
  	/* Old browsers */
  	background: linear-gradient(to left, #D67600 50%, #FFA90A 50%);
  	background-size: 220% 100%;
  	background-position:right bottom;
  	transition:all 0.25s ease-in-out;
	border-radius: 30px !important;
}
.telschalter a:hover {
	background-position:left center;
	color: #ffffff !important;
	text-decoration: none !important;
	cursor: pointer;
}
.telschalter a:before {
	position: relative;
	top: 5px;
	margin-right: 12px;
	content: "\f525";
  	font-size: 1.5rem;
  	font-family: dashicons;
	text-decoration: none !important;
}
@media only screen and (max-width: 550px) {
	.telschalter a {
	padding: 0px 35px 15px 28px !important;
	}
	.telschalter a:before {
	top: 7px;
	}
}


/*-----   FOOTER   -----*/

.kontakt-leiste {
	padding: 75px 0px 75px 0px !important;
	color: #fff;
}
.abstand_oben {
	display: none;
}
@media only screen and (orientation: landscape) and (max-width: 1250px) {
	.kontakt-leiste {
	padding: 33px 0px 33px 0px !important;
	}
	.abstand_oben {
	display: block;
	}
}
.kontakt-leiste a {
	padding: 75px 25px 75px 25px !important;
	text-decoration: none;
	color: #fff;
	background: url(images/chat.png) no-repeat;
	background-position: center center;
	background-size: 133px 134px;
	transition: all ease 0.75s;
}
.kontakt-leiste a:hover {
	color: #FFFFD0;
}
.kontakt-leiste a:before {
	position: relative;
	content:'\f345'; 
	font-family: dashicons;
	font-size:30px;
	color: #fff;
	top: -3px;
	left: -1px;
  	display: inline-block;
  	vertical-align: middle;
	transition: all ease 0.55s;
}
.kontakt-leiste a:hover:before {
	left: 3px;
	color: #FFFFD0;
}

.footer {
    padding: 55px 0px 75px 0px !important;
    margin: 0px 0px 0px 0px;
	width: 100%;
	color: rgba(247,246,246,0.7);
	line-height: 1.5em;
	background: #31513A;
	z-index:99;
	transition: all ease 1.25s;
}
.footer:hover {
}
.footer a {
	text-decoration: none;
	color: rgba(247,246,246,0.7);
}
.footer a:hover {
	color: rgba(247,246,246,1);
	text-decoration: none;
}
.footer-logo {
    opacity: 0.7;
	transition: 0.55s;
}
.footer-logo:hover  {
    opacity: 1;
}

.footer .dashicons {
	width: auto !important;
	font-size: 2.55rem;
	padding: 8px 10px 0px 0px;
}


.footer_1,
.footer_2 {
    padding: 0px 108px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.footer_1 {
	min-width: 258px;
}
.footer_2 {
	min-width: 120px;
}
.footer_3 {
	min-width: 125px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

@media only screen and (max-width: 785px) {
	.footer_1,
	.footer_2,
	.footer_3 {
    padding: 0px 0px 25px 0px;
	min-width: 100%;
	max-width: 100%;
	height: auto;
	}
	.footer_2 {
	padding-bottom: 35px;
	}
}
@media only screen and (max-width: 555px) {
	.footer_1,
	.footer_2,
	.footer_3 {
    padding: 0px 0px 22px 6%;
	min-width: 94%;
	max-width: 94%;
	}
	.footer_2 {
	padding-bottom: 35px;
	}
}


/*-----   TOP-Button   -----*/
#myBtn:before {
  content:'\f343'; 
  font-size:20px;
  font-family: dashicons;
}
#myBtn {
  opacity: 0;
  position: fixed;
  bottom: 18px;
  right: 18px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: rgba(86,86,64,0.55); 
  border: 1px solid rgba(255,255,255,0.35); 
  color: white;
  cursor: pointer;
  padding: 10px 13px;
  transition: all 0.25s;
  border-radius: 25px;
}
#myBtn:hover {
  opacity: 1;
  background-color: #D67600;
}
@media only screen and (max-width: 600px) {
	#myBtn {
  display: none;
	}
}


/*----------------------------------------------------*/
     /*--------.----- Max Menu ----------------*/
/*----------------------------------------------------*/

/*---------------   NUR DESKTOP-MENÜ   ---------------*/


@media only screen and (min-width: 889px) {
	.mega-but-smart,
	#mega-but-contact {
  display: none !important;
	}
}

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

/*-----  Einblenden Untermenüs  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"] li.mega-menu-item > ul.mega-sub-menu {
    opacity: 0;       
    transition: opacity 330ms ease-in, visibility 330ms ease-in !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    opacity: 1;
}

/*-----  VON UNTEN Einblenden Untermenüs  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    opacity: 0;
    transform: translate(0, 5px);
	transition: opacity 330ms ease-in-out, transform 430ms ease-in-out, visibility 200ms ease-in;
	transition-delay: 0s !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
    opacity: 1;
    transform: translate(0, 0);
}

/*-----  Pfeile im Desktop-Menü   ------*/  
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  /*  display: none;  font-size: 17px;   */ 
}
/*-----  Pfeile im Desktop-Menü bei Untermenüs wieder eingeblendet   ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link > span.mega-indicator {
  display: block;
}
}

/*----  Menüleiste geringere Breiten  ------*/
@media only screen and (min-width: 889px) and (max-width: 1100px) {
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {
	 margin-right: 0px !important;  /**/ 
	}
}
/*----  Menüleiste noch geringerer Abstände  ------*/
@media only screen and (min-width: 889px) and (max-width: 985px) {
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {
	 margin-left: 0px !important;  /**/ 
	}
	.mega-menu-kopfzeile {
	right: 10px;
	}
}


/*---------------   NUR MOBILE-MENÜ   ---------------*/

@media only screen and (max-width: 888px) {

/*  -----  Blur hinter Aufklappmenü  ------*/
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1 {
	backdrop-filter: blur(3px) !important;     
}

/*-----  Pfeile im Menü  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    padding: 0px 15px 0px 15px;       
	vertical-align: middle !important;
	vertical-align: top !important;
}

/*-----  mehr Abstand links  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    padding: 12px 10px 12px 24px;
	display: block;
	height: auto !important;
	line-height: 25px !important;
}
/*-----  mehr Abstand links 2te Ebene  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    padding-left: 21px; /* 35px */
}
/*-----  mehr Abstand links 3te Ebene  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
    padding-left: 44px;       
}

/*-----  Menü 2te Ebene Zeilenhöhe + Schriftgröße  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item	 > a.mega-menu-link {
  line-height: 30px;       
  padding-top: 5px; 
  padding-bottom: 5px;
  font-size: 20px;
}
/*-----  Menü 3te Ebene Zeilenhöhe + Schriftgröße  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
  line-height: 30px;       
  padding-top: 5px;      
  padding-bottom: 5px;
  font-size: 20px;
}

/*-----  WICHTIG! macht Abstand unter letztem Menüpunkt  ------*/
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1 {
	padding: 30px 0px 300px 0px !important;   /*-----  300 weil es vom letzten Oberpunkt bemessen wird  ------*/
}
  

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:focus {
    background: #31513A !important;     /*-----    auf Focus neue Hintergrundfarbe  ------*/
	color: #ffffff !important;
}

/*----- Kein Schatten des Untermenüs im mobilen Menü  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;        
}

/*-----  2te Ebene Farben  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    background: #66746B;
	color: #fff;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
  background: #31513A;        /*----- auf Focus und Aktiv neue Hintergrundfarbe  ------*/
}



/*----- Farbe Trennlinien im Untermenü  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
  border-bottom: 1px solid #9FA0A1;   /*B5B5B7  */   
  border-bottom: 0px solid rgba(159, 159, 159, 1);
}
/*----- Trennlinien Oberrmenü  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {
    border-bottom: 0px solid #B5B5B6; 
}

/*----- Pfeile Untermenü  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:before {
	content:'\f139';
	font-family:dashicons;
	font-size:10px;
	color: #fff;
	top: -1px;
	left: 1px;
	position: relative;
  	display: inline-block;
  	vertical-align: middle;
	transition: all ease 0.25s;
  }
} 



/*---------------   GENERELL   ---------------*/

/*-----  Überblenden auf Over oberste Nav-Ebene  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
  transition: all 0.35s;       
}
/*-----  Überblenden auf Over zweite Nav-Ebene  ------*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
  transition: all 0.3s;       
}