/*!
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: A plain-vanilla & lightweight theme for Elementor page builder
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 2.3.1
	Stable tag: 2.3.1
	Requires at least: 4.7
	Tested up to: 5.6
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/******************
	Fliesstext:
	font-family: 'Open Sans', sans-serif;
	color: #888E96;
	
	Heading:
	font-family: 'Alike', serif;
	color: #34495E;
	
	Menus:
	font-family: 'Open Sans Condensed', sans-serif;
	color: #34495E;
******************/


@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&display=swap');


/* Custom */
@import 'assets/css/menu.css';


/*** Layout ***/
	body {
		font-family: 'Open Sans', sans-serif;
		text-align: left;
		word-wrap: break-word;
		color: #888E96;
		font-size: 17px;
		line-height: 28px;
		letter-spacing: 0.05rem;
		margin: 0;
	}

	h1, h2, h3, h5, h6 {
		font-family: alike, serif;
		color: #34495E;
	}

	h4{
		font-size: 17px;
		text-transform: uppercase;
		font-weight:bold;
		margin-bottom: 18px;
		color: #7F7F7F;
	}

	a {
		color: #B3C491;
		text-decoration: none;
	}
	
	a:hover, a:focus {
		color: #3a3a3a;
	}

	::selection {
		background-color: #DFE8CE;
		color: #333;
	}
	
/*** Header ***/
	.logo-header {
		margin-top: 59px;
		margin-bottom: 41px;
		display: flex;
		justify-content: center;
		
	}


	.logo-image {
		width: 400px;
		padding: 0 20px;
	}

	@media (min-width: 1200px) {
		.logo-image {
			padding-left: 0;
	}
		}

/*** Main ***/
	#block-Content-Logos img {
		width: 200px !important;
		padding-top: 18px !important;
	}

	#button-content-gowedding {
		border-radius: 100%;
		padding-top: 11px;
		padding-right: 2px;
		width: 100px !important;
		height: 100px !important;
		display: flex;
	}

	#button-content-gowedding > span {
		flex-direction: column;
	}

	#button-content-gowedding .elementor-button-text {
		margin-left: -22px;
		text-transform: uppercase;
	}


	.fa-camera {
		padding-bottom: 5px;
		margin-left: -22px;
		padding-top: 13px;
	}

	.entry-header {
		display: none;
		text-align: center;
	}

	.page .entry-header {
		margin-bottom: 0;
	}

	.logo-icon-main img{
		padding: 6px;
		background-color: white;
		width: 56px;
	}

	/* Post Anzeige */
	.post-col1 article h2{
		font-size: 25px;
		font-weight: 400;
		line-height: 41px;
		margin-bottom: 0;
	}

	.post-col1 article .elementor-post__text{
		padding-left: 30px;
	}


	@media only screen and (max-width: 768px) {
	.post-col1 article .elementor-post__text{
		padding-left: 0;
	}
	}

	#new-album-2block article {
		margin-right: 35px;
	}

	@media only screen and (max-width: 768px) {
		#new-album-2block article {
			margin-right: 0;
		}
	}

	#new-album-2block article:last-of-type {
		margin-right: 0;
	}

	.post-col2 article {
		width: 50%;
	}

	.elementor-portfolio-item__overlay {
		background-color: white !important;
	}


	@media only screen and (max-width: 768px) {
		.post-col2 article {
			width: 100% !important;
			margin-bottom: 60px !important;
		}
	}

	.post-col2 > div > div { 
		display: flex;
	}

	@media only screen and (max-width: 768px) {
	.post-col2 > div > div { 
			flex-wrap: wrap;
		}
	}

	.post-col2 article h2{
		font-size: 22px;
		font-weight: 400;
		line-height: 41px;
		margin-bottom: 0;
	}

	.post-col2 article .elementor-post__text{
		padding: 0 30px;
	}

	@media only screen and (max-width: 767px) {
		.post-col2 article .elementor-post__text{
			padding: 0;
		}
	}


	@media only screen and (max-width: 767px) {
			.testo-box-flex-top > div > div > div:nth-child(2n-1){
			padding-top: 384px;
		}
		
		.testo-box-flex-top > div > div > div:nth-child(even){
			position: absolute;
		}
	}
	
	.logo-icon-main-circle, .logo-icon-main-circle-contact {
		background-color: #B3C491;
		z-index: 33;
		position: absolute;
		width: 80px !important;
		height: 80px;
		border-radius: 100%;
		padding-top: 11px;
		padding-right: 2px;
	}

	.logo-icon-sites-circle img {
		background-color: #F6F6F6;
		border-radius: 100% !important;
		width: 60px !important;
		height: 60px !important;
		padding: 13px 4px;
	}
	
	.logo-icon-main-circle-contact {
		top: 82px!important;
		left: 46.5%!important;
	}

	@media only screen and (max-width: 1024px) {
		.logo-icon-main-circle-contact  {
			top: 165px !important;
			display: flex !important;
		}
	}


	@media only screen and (max-width: 768px) {
		.logo-icon-main-circle-contact  {
			top: 400px;
			left: 40%;
			display: none !important;
		}
	}
	
		
	@media only screen and (max-width: 576px) {
		.logo-icon-main-circle {
			top: 82px!important;
			left: 46.5%!important;
		}
	}
	
	.logo-icon-main-circle {
		top: 82px!important;
		left: 46.5%!important;
	}

	@media only screen and (max-width: 1024px) {
		.logo-icon-main-circle {
			top: 209px !important;
			left: 45% !important
		}
	}

	@media only screen and (max-width: 768px) {
		.logo-icon-main-circle {
			top: 209px !important;
			left: 42.5% !important
		}
	}
	
	@media only screen and (max-width: 576px) {
		.logo-icon-main-circle {
			top: 209px !important;
			left: 39% !important;
		}
	}
	
	
	
	



	#logo-icon-beitrag {
		top: 170px;
	}

	/* Portfolio */
	.elementor-portfolio-item {
		transition: all 200ms ease-in !important;
		/*scale: 1;*/
		transform: scale(1) !important;
		z-index: 0;
	}


	.elementor-portfolio-item:hover {
		box-shadow: 0px 0px 33px rgba(120,120,120,0.66);
		transition: all 200ms ease-in;
		/*scale: 1.03;*/
		transform: scale(1.03) !important;
		z-index: 12;
	}

	.main-testimonials {
		line-height: 1em;
	}

	.main-testimonials a {
		color: #fff;
	}

	#post-421 .elementor-image > img:hover {
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: url(desaturate.svg#greyscale);
		filter: gray;
		-webkit-filter: grayscale(1);
	}

	.main-links-gross a > span {
		font-size:20px;
	}

	.elementor-image-carousel-wrapper {
		height: 620px;
	}

	@media only screen and (max-width: 1024px) {
		.elementor-swiper-button {
			margin: 0 30px;
			top: 0 !important;
		}
		
		.elementor-arrows-position-outside .elementor-swiper-button-prev {
			left: 7% !important;
		}
		
		.elementor-arrows-position-outside .elementor-swiper-button-next {
			right: 8% !important;
		}

		.elementor-2220 .elementor-element.elementor-element-437a6c5b > .elementor-widget-container {
			padding: 0 !important;
		}	
	}

	.elementor-swiper-button-prev, .elementor-swiper-button-next {
		background-color: #E0E8CF;
		border-radius: 100%;
		height: 60px;
		width: 60px;
		padding-top: 10px;
	}

	.eicon-chevron-left {
		padding-left: 7px;
	}

	.eicon-chevron-right {
		padding-left: 10px;	
	}


	/* Contact
	@media only screen and (max-width: 767px) {
			#contact-box-flex-top > div > div > div:nth-child(odd){
			margin-top: 100px;
			position: relative;
			z-index: -11;
		}
		
		#contact-box-flex-top > div > div > div:nth-child(even){
			position: absolute;
		}
	}  */

	.contact-icon-round {
		background-color: #B3C491;
		border-radius: 100%;
		height: 60px;
		width: 60px !important;
		justify-content: center;
	}

	.contact-icon-round:hover {
		background-color: #666;
	}

	#contact-formular {
		font-size: 13px;
		font-weight: Normal;
	}

	.contat-static-text{
		font-size: 13px;
		line-height: 16px;
	}

	.contat-static-text > h6 {
		font-weight: 400;
		font-size: 18px;
		margin-bottom: 0;
		margin-top: 13px !important;
	}

	.contact-box .elementor-widget:not(:last-child) {
		margin-bottom: 0 !important;
	}

	.contact-box a {
		color: #fff !important;
	}

	.elementor-440 .elementor-element.elementor-element-b237c16 .elementor-field-group {
		margin-bottom: 10px !important;
	}

	#submit {
		position: absolute;
		top: 39px;
		z-index: 333 !important;
		border-radius: 100%;
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
		text-transform: uppercase;
		width: 104px !important;
		height: 104px !important;
	}

	#submit:hover {
		background-color: #666666
	}

	.elementor-field-subgroup {
		margin-left: 20px;
	}

	.elementor-message-success {
		color: #34495E;
		position: absolute;
		right: 2px;
	}

	.contact-inhalt-images {
		height: 360px;
	}


/*** Footer ***/
	footer {
		text-align: center;
	}
	
	address { 
		font-style: normal !important;
	}


	#footer-wa-logo > img {
		width: 130px;
		margin: 0;
	}

	#footer-link-media > div > ul > li > a {
		font-size: 13px !important;
	}


	.footer-primary-navigation {
		margin-bottom: 54px;
	}

	.site-footer a {
		color:#7F7F7F;
	}

	.site-footer a:hover {
		color: #000;
	}

	.div-footer-main {
		background-color: #F6F6F6;
		justify-content: center;
		padding: 25px 0;
		color:#34495E;
	}
	
	.footer--nav--padding {
		padding: 10px 0 25px 0;
	}

	.logo-footer-size {
		width: 250px;
		padding-top: 30px;
	}

	.logo-icon-footer{
		margin-top: -85px;
		background-color: #F6F6F6;
		padding: 6px;
	}

	hr {
		border: 0;
		height: 1px;
		background-color: #ccc;
		width: 734px;
	}

	@media only screen and (max-width: 767px) {
		hr {
			width: 70%;		
		}
	}

	.footer-contact-us {
		color: #7F7F7F !important;
		padding-top: 4px;
		font-size: 13px;
	}
	
	.footer-follow-us {
		padding-top: 1.5rem;

	}

	.footer-contact-us h4, .footer-follow-us h4 {
		font-size: 14px;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
	}

	.footer-contact, .footer-contact a {
		margin-top:23px;
		color: #7F7F7F;
	}

	.fab {
		font-size: 24px;
		padding: 0 12px;
	}

	.footer-copyright {
		padding: 22px 0;
		font-size: 12px;
		color:#9D9D9D;
		display: flex;
		justify-content: center;
		align-items: center;
		
	}

	@media only screen and (max-width: 768px) {
		.footer-copyright {
			justify-content: start;
		}
	}

	.footer-copyright > div {
		width: 50%;
	}


	address {
		display: flex;
		justify-content: center;
		padding: 0 10px;
	}

	address > div {
		width: 41%;
	}

	@media only screen and (max-width: 1000px) {
		address > div {
			width: 100%;
		}
	}

	address > div > span{
		padding-right: 15px;
	}

	.plz-padding-off {
		padding-right: 0;
	}

	.footer-copyright a {
		color:#9D9D9D;
	}

	.main-header-menu a {
		text-decoration: none;
		display: inline-block;
		transition: all .2s linear;
	}



	/* badge-footer */
	#badge-footer {
		display: flex;
		background-color:#fff;
		justify-content: center;
		margin: 3rem 1.5rem;
		flex-wrap: wrap;
	}


	#badge-footer > a > img {
		padding: 1.5rem 0;
		width: 100%;
	}


	@media (min-width: 500px) {
		#badge-footer > a > img {
			width: 250px;
			padding: 3rem 1.5rem;
		}
	}



/*** PlugIn ***/
	/* Sprachmenu */
	.side-menu-lang {
		position: absolute;
		top: 3px;
		right: 15px;
		z-index: 123;
		font-size: 14px;
		text-transform: uppercase;
		font-family: 'Open Sans Condensed', sans-serif;
		color: #779C59;
		z-index: 444;
	}

	.side-menu-lang a:active {
		color: #3a3a3a !important;
	}

	.current-lang > a{
		color: black;
	}

	.current-lang a:first-child {
		color: black;
	}

	.side-menu-lang > li {
		padding-right: 10px;
	}

	.lang-item {
		display: inline;
	}

	.elementor-button-wrapper a:hover, a:focus {
			text-decoration: none !important;
	}

	.entry-content p {
		margin-bottom: 0;
	}


	/* Elementor */
	.elementor-portfolio-item__title {
		color: #B3C491 !important;
	}
	
	.entry-title {
		display: none !important;
	}

	
	
	
	/* Press Seite  */
	.press-block .elementor-column-gap-default  {
		flex-wrap: wrap !important;
		padding: 0 !important;
	}



	.press-block .elementor-row {
		justify-content: center;
	}

	.press-block .elementor-column {
		border: 1px solid #dfe8ce;
		width: 100% !important;
		margin: 0 0 20px 0;
	}

	@media (min-width: 1200px) {
	.press-block .elementor-column {
			width: 45% !important;
			margin: 1.5rem;
		}
	}
	
	@media (min-width: 1920px) {
	.press-block .elementor-column {
			width: 30% !important;
		}
	}


	.logo-icon-main-circle-press {
		background-color: #B3C491;
		width: 80px !important;
		height: 80px;
		border-radius: 100%;
		position: relative!important;
		left: 34% !important;
		top: -94px !important;
	}

	@media (min-width: 1025px) {
	.logo-icon-main-circle-press {
		left: 43% !important;
	}
	}



	@media (min-width: 1295px) {
	.logo-icon-main-circle-press {
		left: 39% !important;
	}
	}
	
	
	/* Font Icons */
	@font-face {
	  font-family: 'Font Awesome 5 Brands';
	  font-style: normal;
	  font-weight: 400;
	  font-display: block;
	  src: url("assets/webfonts/fa-brands-400.eot");
	  src: url("assets/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/fa-brands-400.woff2") format("woff2"), url("assets/webfonts/fa-brands-400.woff") format("woff"), url("assets/webfonts/fa-brands-400.ttf") format("truetype"), url("assets/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

	.fab {
	  font-family: 'Font Awesome 5 Brands';
	  font-weight: 400;
font-style: normal !important;

	  }
	  

	.fa-facebook-square:before {
	  content: "\f082"; }


	.fa-xing-square:before {
		content: "\f169";
	}


	.fa-instagram:before {
		content: "\f16d";
	}


	.fa-youtube:before {
		content: "\f167";
	}

	.fa-linkedin:before {
		content: "\f08c";
	}


/* Cookies */
.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  border-radius: 0;
  transform: translateY(100%);
  transition: all 300ms ease-out;
  color: vwhite;
  background-color: rgba(223,232,206,1);
  font-size: 16px;
  text-align: center;
 border-top: 2px solid #b3c491;
 padding-top: 1rem;
}

.cookiealert.show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 100ms;
}

.cookiealert a {
  text-decoration: underline;
  display: inline-block;
  margin-left: 3rem;
  color: #8d939b;
  background-color: white;
  padding: 10px 20px;
  border: 2px solid #b3c491;
  margin-left: 1rem;
  transition: all 0.7s;
  text-decoration: none;
  margin-bottom: 1rem;
}

.cookiealert a:hover {
  color: white;
  background-color: #b3c491;
  border: 2px solid white;
}


.fa-camera {
	font-size: 27px;
	padding: 0 0 5px 35px;
}

.imgrightside > div {
	flex-direction: row-reverse;
}



@media (max-width: 1025px){
	.minheight {
		height: 250px !important;
	}
	
	.imgrightside > div {
	flex-direction: row;
}
}