/*
 Theme Name:   Grimselwelt (Sydney Child)
 Description:  Grimselwelt is a Child-Theme from Sydney. 
 Author:       KWO AG
 Author URI:   http://www.grimselwelt.ch
 Theme: 		sydney
 Template: 		sydney
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, responsive-layout, accessibility-ready
 Text Domain:  grimselwelt-sydney-child
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@100;300;400;700&display=swap');
@import url('../../../wp-includes/css/dashicons.min.css');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');



/************************************************************************************
 * BASICS
 * **********************************************************************************/

 html{
 	scroll-behavior: smooth;
 }

 .container {
 	padding-right:20px;
 	padding-left: 20px;
 }

 @media only screen and (min-width:)



/*-----------------------------------------------------------------
TYPO
-----------------------------------------------------------------*/

body{
	letter-spacing: 0.075em;
}

h1, h2, h3, h4, h5, h6, .site-title{
	letter-spacing: 0.25em !important;
    font-weight: 400 !important;
    overflow-wrap: break-word;
    /*-moz-hyphens: manual !important;
    -o-hyphens: manual !important;
    -webkit-hyphens: manual !important;
    -ms-hyphens: manual !important;
    hyphens: manual !important;*/
}

h1, h2, h3{
	margin-top:  40px;
	margin-bottom: 30px;

}

p{
	overflow-wrap: break-word;
}

.hentry h1.title-post {
    padding-bottom: 20px;
    margin: 70px auto;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    max-width: 72rem;
    text-align: center;
    width: 900px;
    max-width: 100%;
}

@media only screen and (max-width: 991px){
	.hentry h1.title-post {
	   margin: 20px auto;
	}
	h1, h2, h3, h4, h5, h6, .site-title{
		/*hyphens: auto !important;*/
		letter-spacing: 0.18em !important;
	}

}



/**************************************************************************************
 * HEADER
 * ***********************************************************************************/



/******************************* single-featured-image-custom *************************/

/* set height for container, even if theres no pictures define */
body.home ..single-featured-image-header{
	min-height: 0;
}
body.post .single-featured-image-header, body.page .single-featured-image-header{
	min-height: 120px;
}
.single-featured-image-custom{
	height: 70vh;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
  	background-attachment: fixed;
}


@media only screen and (max-width: 1200px){
	.single-featured-image-custom{
		height: 60vh;
		/*background-position: center;*/
		background-size: cover;
		background-attachment: unset;
	}
}


@media only screen and (max-width: 991px){
	.single-featured-image-custom{
		height: 80vh;
		background-position: center;
		background-size: cover;
		background-attachment: unset;
	}
}

.slide-inner{
	top: 75%;
}




/*--------------- Menü *********************************/



.main-header {
box-shadow: 0 11px 31px -15px rgb(0 0 0 / 43%);
}


.header-search-form {
	background-color: #efefef !important;
}

.sticky-header.is-sticky, .sticky-header.sticky-always{
	position: absolute;
	width: 100%;
	z-index: 999;
	top:40px !important;
}

.admin-bar .sticky-header.is-sticky, .admin-bar .sticky-header.sticky-always{
	top:72px !important;
}


.admin-bar #masthead-mobile {
   		top: 62px;
   		position: absolute;
    	width: 100%;
	}

#masthead-mobile {
   		top: 40px;
   		position: absolute;
    	width: 100%;
	}

@media only screen and (max-width: 1200px){
	.sticky-header.is-sticky, .sticky-header.sticky-always{
		postition: realtive;
	}
	.admin-bar #masthead-mobile {
  
   		position: relative;
   
	}
}



/*------------------------- Mega Menü Grimselwelt ---------------------------------------*/

/** Thursday 3rd November 2022 16:37:04 UTC (core) **/
/** THIS FILE IS AUTOMATICALLY GENERATED - DO NOT MAKE MANUAL EDITS! **/
/** Custom CSS should be added to Mega Menu > Menu Themes > Custom Styling **/

/** Custom CSS nur für Sachen, welche nicht direkt im Menü Theme eingestellt werden können */




#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
	margin-top: 36px;
	z-index: -1;
	box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%);
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
	letter-spacing: 0.2em;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
	letter-spacing: 0.2em;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover{
	border-bottom: 1px dotted #666;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
	display: none;
}



/* CURRENT */

@media only screen and (min-width: 1201px){
	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>ul.mega-sub-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
	    border-bottom: 1px dotted #999 !important;
	    font-weight: 400;
	}
	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
	    border-bottom: 1px dotted #999 !important;
	    font-weight: 400;
	}



}

/* Menü 3. Ebene */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link{
	letter-spacing: 0.1em;
	border-bottom: 1px dotted transparent;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover{
	border-bottom: 1px dotted #666;
}

@media only screen and (max-width: 1200px){
	/* show + symbol only on mobile */
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
		display: block;
	}
	
	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
		margin-top: 0px;
		box-shadow: none;
		width: 100% !important;
	}


	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	    border-bottom: 1px solid #eaeaea;
	    
	}

	

}

/***************************** MOBILE MENü FIXES *************************************/

@media only screen and (max-width: 1200px){
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
		font-size: 16px;
	}


	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{
		margin-top: 17px;
   		border-top: 1px solid #eee;
	}
}



/***** CUSTOM TOPNAVI ***************************************************/



.headertop a {
	color: #fff;
	font-size: 14px;
}

.headertop a:hover {
	color: #ccc;
}

.headertop .container div[class*="nav_menu-"] {
	float: right;
	text-align: right;
	padding-right: 20px;
}


.headertop{
	background-color: rgba(0, 60, 104, 1); 
	height: 40px;
    padding: 6px;
    position: fixed;
    width: 100%;
    z-index: 999;
}

@media only screen and (max-width: 1024px){
	.headertop{
		position: absolute
	}
}

.headertop .container div[class*="nav_menu-"] ul li {
	margin-left: 22px;
}

.headertop .topnavi {
	right: 50% text-align: center;
}

.headertop .topnavi ul {
	list-style: none;
	margin: 0;
}

.headertop .topnavi ul li {
	display: inline-block;
	float: left;
	text-transform: uppercase;
	letter-spacing: 3px;
}




.menu .search a {
    content: " ";
    background-image: url(images/search.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    font-size: 0;
    height: 25px;
    width: 25px;
    display: block;
}

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


	.menu .shop a  {
	    content: " ";
	    background-image: url(images/shop.svg);
	    background-size: 24px;
	    background-repeat: no-repeat;
	    font-size: 0px;
	    height: 25px;
	    width: 25px;
	    display: block;
	    margin-top: 1px;
	}

	.menu .webcams a  {
	    content: " ";
	    background-image: url(images/webcams.svg);
	    background-size: 25px;
	    background-repeat: no-repeat;
	    font-size: 0;
	    height: 25px;
	    width: 23px;
	    display: block;
	}


		.menu .info a  {
	    content: " ";
	    background-image: url(images/info.svg);
	    background-size: 26px;
	    background-repeat: no-repeat;
	    font-size: 0;
	    height: 26px;
	    width: 26x;
	    display: block;
	}


}

@media only screen and (max-width: 991px) {
		.menu .jobs a  {
		 display: none;
	}
}







/******************** Sprachewechsler *****************************************/

.headertop div[class*="polylang"] {
	float: right;
	position: relative;
}

div[class*="polylang"] ul {
	display: inline
}

div[class*="polylang"] ul li {
	float: left;
	display: inline-block;
	padding-left: 10px;
	white-space: nowrap;
	overflow: hidden;
}
.current-lang a {
    color: rgba(255, 255, 255, 1) !important;
    cursor: unset;
}

div[class*="polylang"] a{
	color: rgba(255, 255, 255, 0.5);
}



@media only screen and (max-width: 1600px) {
	.container-mainlinks .container {
		margin-right: 10px;
	}
}

@media only screen and (max-width: 1300px) {
	.container-mainlinks .container {
		margin-right: 0px;
	}
}

@media only screen and (max-width: 850px) {
	.container-mainlinks {
		transition: none;
		-webkit-transition: none;
	}
	/*.container-mainlinks > .container {
			height: 95px !important;
	}*/
	.headertop [class*="polylang"] {
		display: none;
		opacity: 0;
	}
	.headertop [class*="nav-menu-"] {
		right: 15px;
	}
	.headertop [class*="nav-menu-"] li a {
		font-size: 15px !important;
	}
}


/*************** Sprachwechsler Menü class .lang-custom *****************/

.lang-custom a.mega-menu-link {
	display: none !important;
}

.lang-custom ul.mega-sub-menu {
	display: block !important;
}

.lang-custom ul.mega-sub-menu li ul{
	display: flex !important;
    justify-content: flex-end;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
}

.lang-custom li.lang-item {
    margin-right: 20px;
    list-style-type: none;
}

.lang-custom li.lang-item a {
   
   font.size: 16px;
   padding: 10px !important;
}

.lang-custom li.lang-item.current-lang a {
    color: #333 !important;
    border-bottom: 1px dotted #333;
}

.lang-custom li.mega-menu-item {
    text-align: right !important;
}

.lang-custom li.mega-menu-item select{
	font-size: 16px;
    padding: 0 10px !important;
    height: 40px;
}




 /***** Button Startseite Sydney Slider***********************************************/


.slide-inner{
	top: 75% !important;
}


.roll-button {
    position: fixed;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.255em !important;
    color: #FFFFFF !important;
    font-weight: 200 !important;
    transform: rotate(-10deg);
    background: transparent !important;
    border: none !important;
    font-family: 'Open Sans';
    bottom: 0px;
}
.roll-button::after {
	content: url(images/arrow-down.svg);
	display: block;
	width: 40px;
	height: 40px;
	margin: 20px 10px 10px 45px;
	transform: rotate(10deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.roll-button:hover {
	color: #fff;
	border: none;
}





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

.footer-widgets {
	padding: 0 0 40px 0;
	background-color: rgba(0, 5, 10, 0.8);
}

.footer-widgets .widget-title{
	padding: 10px 0 24px !important;
}
.container-footer{
	margin-top: 50px;
}

.footer-top {
	text-align: center;
    background-color: rgba(0, 60, 104, 1);
    padding: 70px 10px 40px 10px;
}
.footer-top li {
	list-style: none;
}

.footer-widgets h2{
	font-size: 26px;
	margin-bottom: 10px;
}


/* Footer Mittlerer mit Logos (Sydney Custom) */


#sidebar-footer{
	background-attachment: fixed;
	background-size: cover;
	background-image: url("https://www.grimselwelt.ch/media/winterruheoase-historisches-alpinhotel-grimsel-hospiz.jpg");
	margin-top: -30px;
}

.admin-bar #sidebar-footer {
    margin-top: -55px;
}


.footer-sydney-custom{
	background-color: rgba(0, 5, 10, 0.8);

}


/*Footer Social Media Buttons*/

div.sm {
	text-align: center;
	display: inline-block;
}
li.button-sm {
	display: block;
	background-color: rgba(255, 214, 22, 1);
	border: 2px solid #ffd616;
	border-radius: 3px;
	height: 40px;
	margin: 10px;
	width: 40px;
	float: left;
}
li.button-sm:hover {
	display: block;
	cursor: pointer;
	background-color: rgba(255, 214, 22, 0);
}
li.button-sm a{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
li.button-sm:hover a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
li.button-sm a.facebook {
	background-image: url(/wp-content/themes/grimselwelt/images/fb.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 23px;
	display: block;
	height: 100%;
	width: 100%;
	padding: 18px;
}
li.button-sm:hover a.facebook {
	background-image: url(/wp-content/themes/grimselwelt/images/fb2.svg);
}
li.button-sm a.instagram {
	background-image: url(/wp-content/themes/grimselwelt/images/ig.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 29px;
	display: block;
	height: 100%;
	width: 100%;
	padding: 13px;
}
li.button-sm:hover a.instagram {
	background-image: url(/wp-content/themes/grimselwelt/images/ig2.svg);
}
li.button-sm a.tripadvisor {
	background-image: url(/wp-content/themes/grimselwelt/images/ta.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 27px;
	display: block;
	height: 100%;
	width: 100%;
	padding: 14px;
}
li.button-sm:hover a.tripadvisor {
	background-image: url(/wp-content/themes/grimselwelt/images/ta2.svg);
}
li.button-sm a.holiday {
	background-image: url(/wp-content/themes/grimselwelt/images/hc.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 31px;
	display: block;
	height: 100%;
	width: 100%;
	padding: 0px;
}
li.button-sm:hover a.holiday {
	background-image: url(/wp-content/themes/grimselwelt/images/hc2.svg);
}
li.button-sm a.linkedin {
	background-image: url(/wp-content/themes/grimselwelt/images/in.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 31px;
	display: block;
	height: 100%;
	width: 100%;
	padding: 0px;
}
li.button-sm:hover a.linkedin {
	background-image: url(/wp-content/themes/grimselwelt/images/in2.svg);
}


/* Footer Disclaimer und Site-Info */
.site-info {
	display: inline-block;
	text-transform: uppercase;
	float: left;
	width: 100%;	
}




.site-info a{
	border-bottom: 1px dotted transparent;
}

.site-info a:hover{
	border-bottom: 1px dotted #ffffff;
}

#colophon p {
	margin-bottom: 0 !important;
}


.footer-disclaimer {
	display: block;
	float: right;
	text-align: right;
	text-transform: uppercase;
}
.footer-disclaimer .disclaimer{
	display: inline-block;
}
.footer-disclaimer ul {
	list-style-type: none;
	margin: 0 10px;
	padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.footer-disclaimer ul li {
	float: left;
	padding-right: 15px;
}
.footer-disclaimer ul li a:hover {
	color: white;
}


@media only screen and (max-width: 991px){
	
	.site-info .sydney-credits, .site-info .social-profile {
	    text-align: center !important;
	}
	.footer-disclaimer{
		text-align: center;
		float: none;
	}

	.footer-disclaimer ul {
	list-style-type: none;
	margin: 0 10px;
	padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
	}
}


/* BUTTOM OUTLINE */

a.button-outline,
input.button-outline {
font-size: 16px;
    display: inline-block;
    padding: 12px 24px;
    margin: 10px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.25em;
    color: #FFFFFF !important;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    line-height: 1;
    font-weight: 100;

}

a.button-outline:hover,
input.button-outline:hover {
	font-size: 16px;
	background-color: rgba(255, 255, 255, 0.2);
	border: 1px solid #FFFFFF;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

@media only screen and (max-width: 991px){
	a.button-outline, input.button-outline {
		display: block;
	}
}


/*-------------------------------------------------------------------*/
/* BULLETIN BAHNEN UND WANDERWEGE DARSTELLEN 
----------------------------------------------------------------------*/
ul.bulletin {
	list-style: none;
	flex-wrap: wrap;
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;

}
ul.bulletin>li {
	display: block;
	float: left;
	width: 33%;
	text-align: left;
	min-height: 70px;
}
ul.bulletin>li p {
	margin-bottom: 0.5em !important;
    text-transform: uppercase;
    font-size: 1.2em;
    margin-top: 0;
}
ul.bulletin>li p strong {
	font-weight: 300;
}

ul.bulletin>li p.bulletin-text {
	padding-left: 50px;
	hyphens: auto;
	text-transform: none;
    font-size: 1em;
}
ul.bulletin>li.close:before {
	display: inline-block;
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 20px;
	content: "";
	background: url("images/status-close.png") no-repeat 0 0;
	background-size: 100%;
}
ul.bulletin>li.open:before {
	display: inline-block;
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 20px;
	content: "";
	background: url("images/status-open.png") no-repeat 0 0;
	background-size: 100%;
}
ul.bulletin:after {
	content: " ";
	clear: both;
	display:block;
}
ul.bulletin>li a{
	text-transform: uppercase;
	padding-bottom: 3px;
	border-bottom: 1px dotted transparent;
	color: #333;
    font-size: 18px;
    font-weight: 100;

}
ul.bulletin>li a:hover{
	text-transform: uppercase;
	padding-bottom: 3px;
	border-bottom: 1px dotted #333;

}

div.bulletin-container {
	display:block;
	clear: both;
	padding-left: 35px;
}
.bulletin-wanderwege:before {
	display: block;
	position: relative;
	top: -15px;
	left: -30px;
	width: 35px;
	height: 35px;
	content: "";
	background: url("../../images/tipps/status-info.svg") no-repeat 0 0;
	background-size: 100%;
	margin-bottom: -20px;
}
.bulletin-wanderwege {
	width: 80%;
	padding: 0 20px 10px 20px;
	background-color: #EEEEEE;
	text-align: left;
	margin: 0 auto;
}
.bulletin-wanderwege p {
	margin: 10px !important;
}
@media screen and (max-width: 1024px) {
	ul.bulletin>li {
		display: block;
		float: left;
		width: 100%;
		text-align: left;
		min-height: 70px;
	}
	.bulletin-wanderwege {
		width: 100%;
	}
}


/*-----------------------------------------------------------------------------------------------
/* UEBERSICHTSSEITEN SPOTLIGHT
---------------------------------------------------------------------------------------------------*/



section.spotlight{
	padding: 0px !important;
}

.spotlight .elementor-container .elementor-row {
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: stretch;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	height: auto;
}
.spotlight .elementor-widget-image {
	height: 100%;
}
.spotlight .elementor-widget-image .elementor-widget-container {
	height:100%;
}
.spotlight .elementor-widget-image .elementor-widget-container .elementor-image {
	height:100%;
}
.spotlight .elementor-widget-image img {
	object-fit: cover;
	height: 100%;
	min-width: 100%;
}
.spotlight h1,
.spotlight h2,
.spotlight h3 {
	text-align: left;
}
.spotlight h2.elementor-heading-title {
	padding: 0;
	margin: 20px 0px;
}
.spotlight:nth-child(2n)>div>div {
	-moz-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

/* Bild */
.spotlight>div>div>div:first-child {
	width: 40%;
	height: 100%;
}
.spotlight>div>div>div:first-child .elementor-column-wrap {
	height: 100%;
}
.spotlight .elementor-image {
	overflow: hidden;
}
.spotlight .elementor-image img {
	min-height: 550px;
}

/* Content */
.spotlight>div>div>div:last-child {
	width: 60%;
	max-width:48%;
	text-align: left;
}
.spotlight>div>div>div:last-child>.elementor-column-wrap {
	padding: 60px 50px !important;
}
.spotlight>div>div>div:last-child>.elementor-column-wrap .elementor-widget-wrap {
	align-content: center;
}
.spotlight h2 {
	margin-top: 30px;
}

/* button left */
.spotlight .elementor-widget-wrap{
	justify-content: flex-start;
}

/* Abstand nach letzem Absatz */
.spotlight p:last-child {
	margin-bottom: 30px;
}



/* Slider im Spotlight */

.spotlight>div>div>div:first-child .swiper-image-stretch .swiper-slide .swiper-slide-image{
	/*width: auto;*/
    height: 100%;
    overflow: hidden;
    max-width: 200%;
    min-height: 550px;
}


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


	.spotlight .elementor-widget-image-carousel {
	    height: 100%;
	
	}

	.spotlight .elementor-widget-image-carousel .elementor-widget-container{
		height: 100%;
	}

	.spotlight .elementor-widget-image-carousel .swiper-container .swiper-slide figure{
		height: 100%;
	}

	.spotlight .elementor-widget-image-carousel .swiper-container {
		height: 100%;
	}

}



/* Aufteilung Mobile/Tablet */
@media screen and (max-width: 1200px) {
	.spotlight>div>div>div:first-child {
		width: 48%;
	}

	/*Slider Bild auto, damit nicht verquetscht NEU */
	.spotlight>div>div>div:first-child .swiper-image-stretch .swiper-slide .swiper-slide-image{
	width: auto;
    height: 100%;
    overflow: hidden;
    max-width: 200%;
    min-height: 400px;
    object-fit: cover;
	}

	.spotlight>div>div>div:last-child>.elementor-column-wrap{
		padding: 45px 50px 35px 50px !important;
	}

	.spotlight .elementor-image img{
		min-height: 400px;
		max-width: 150%;
	}


}
@media screen and (max-width: 991px) {
	
	.spotlight>div>div>div:last-child>.elementor-column-wrap {
		padding: 0px !important;
		width: 750px;
		margin: auto;
	}

	.spotlight .elementor-image img{
		min-height: 350px;
    	max-width: 100%;
    	height: auto;
	}


	.spotlight>div>div>div:first-child {
		width: 100%;
		height: auto;
	}

	.spotlight {
		margin-top: 50px;
	}
	.spotlight>div>div>div:first-child .swiper-image-stretch .swiper-slide .swiper-slide-image {
	    min-height: unset;
	    height: auto;
	    width: 100%;
	    max-width: 140%;
	}

	.spotlight>div>div>div:last-child {
		width: 100%;
		max-width: 100%;

	}
	.spotlight .elementor-widget-image{
		margin-top: -10px;
	}
	.spotlight .elementor-widget-image-carousel{
		margin-top: -10px;
	}

}


/* Farben Spotlights */
section.spotlight:nth-child(1n) {
	background-color:rgba(0,
	0,
	0,
	0.05)
}
section.spotlight:nth-child(2n) {
	background-color:rgba(0,
	0,
	0,
	0.09)
}


/*---------------------------------------------------------------------------------------------------------
ELEMENTOR Custom
---------------------------------------------------------------------------------------------------------*/

/* ************  FLIPBOX CUSTOM **********************/
.bdt-flip-box-layer-title{
	font-weight: 400 !important;
	text-transform: uppercase;
	padding-bottom: 1em !important;
	letter-spacing: 0.25em;
    line-height: 1.3 !important;
    font-size: 	20px !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -moz-hyphens: manual !important;
    -o-hyphens: manual !important;
    -webkit-hyphens: manual !important;
    -ms-hyphens: manual !important;
    hyphens: manual !important;
}

.bdt-flip-box-button{
	color: #FFFFFF !important; 
    background-color: #FFFFFF00 !important;
    border: 1px solid white !important;
}

.bdt-flip-box-button:hover, .bdt-flip-box-button:active, .bdt-flip-box-button:focus{
    background-color: #FFFFFF66 !important;
    border: 1px solid white !important;
    color: white !important;
}

/* FLIPBOX CUSTOM END */


.elementor-heading-title{
	line-height: 1.5 !important;
}


.elementor-image-box-title{
	font-size: 22px;
}

.elementor-button{
	letter-spacing: 0.25em;
}

.elementor-align-left{
	width: auto !important;
	margin-right: 10px;
}

/*.elementor-widget-button {
	width: unset !important;
	margin-right: 10px;
}*/


@media (min-width: 992px){
	.elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
	    width: 100%;
	    text-align: center;
	}

	.elementor-widget-wrap {
		justify-content: center ;
	}
}
@media (max-width: 991px){
	.elementor-widget-wrap{
		display: block !important;
	}
	.elementor-button{
		width: 100% !important;
	}

	.elementor-align-left{
	margin-right: 0px;
	}
}



/*sections abstände oben unten */
.elementor-section-wrap>section.elementor-section{
	padding: 80px 0 100px 0;
}

@media (max-width: 1199px){
	/*sections abstände oben unten */
	.elementor-section-wrap>section.elementor-section{
		padding: 50px 0 70px 0;
	}

	/*sections abstände bei stretched sections */
	.elementor-section-wrap>section.elementor-section.elementor-section-stretched{
		padding: 50px 25px 70px 25px;
	}
}


/******* Trailer Box Custom Button *****************/
.elementor-widget-bdt-trailer-box .elementor-widget-container .bdt-trailer-box-button{
	padding: 10px 30px;
    margin-bottom: 50px;
    border: 1px solid white;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 3.6px;
    background-color: #FFFFFF00;
}

.elementor-widget-bdt-trailer-box .elementor-widget-container .bdt-trailer-box-button:hover{
    background-color: #FFFFFF66;
}


/* --------------------------------------------------------------------------------------
POPUP 
---------------------------------------------------------------------------------------*/
.spu-container {
	border: none !important;
	padding: 40px !important;
}
.spu-box {
	box-shadow: 2px 2px 8px 1px rgba(3,	3, 3, 0.2) !important;
	border-radius: 5px !important;
    overflow: inherit !important;
    margin-top: 26px;
}
.spu-box h1, .spu-box h2, .spu-box h3, .spu-box h4, .spu-box h5{
	margin-bottom: 20px !important;
}
.spu-close {
	color: #aaa !important;
	text-shadow: none !important;
}




.spu-box:before {
	position: relative;
	top: -19px;
	left: -22px;
	width: 45px;
	height: 45px;
	background: url(images/status-info.svg) no-repeat 0 0;
	background-size: 100%;
}


@media screen and (max-width: 991px) {
	.spu-box {
	    max-width: 81% !important;
	    top: 30px !important;
	    max-height: 85vh !important;
	    overflow: auto !important;
	}
	.spu-container {
		padding: 50px 20px 20px 20px !important;
	}
	.spu-close{
		font-size: 65px !important;
	}
	.spu-box:before {
		display: none;
	}
}




/******************************************************************************************
   Instragram Plugin Startseite
 ****************************************************************************************/

.zoom-instagram-widget__items {
    list-style: none !important;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.zoom-instagram-widget__item {
    position: relative;
    width: 15.5%;
    margin: auto !important;
    margin-bottom: 10px !important;
    background-color: #000;
}

.zoom-instagram-widget__item a  {
    width: 100% !important;
    height: auto !important;

}

.zoom-instagram-widget__item a:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}


a.zoom-instagram-link:hover{
	opacity: 0.8;
}

@media screen and (max-width: 1024px) {
	
	.zoom-instagram-widget__item {
	    width: 24%;
	}

}


@media screen and (max-width: 768px) {
	
	.zoom-instagram-widget__item {
	    width: 32%;
	}

}


/*********************************************************************************
NEWSLETTER abonnieren - Externe Divs formatieren
********************************************************************************/
div#nl_signup{
	text-align: left;
}

#ems-wf-dest .ems-wf-twoColumn{
	width: 100%;
	height: auto;
    margin-bottom: 20px;
}

#ems-wf-dest input[type='text'], #ems-wf-dest input[type='password'], #ems-wf-dest textarea {
    border: 1px #b3b3b3 solid;
}