/*
 Theme Name:   Urban Places
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme
 Author:       Juliane de Vries
 Author URI:   https://ju-like.de
 Template:     generatepress
 Version:      0.1
*/

:root {
	--up-hellblau: #E8F6FF;
	--up-tuerkis: #02A1D6;
	--up-blau: #000421;
}
::selection {
	color: #fff;
	background: var(--up-blau);
}

* {
	font-family: 'Montserrat';
	
}
.woocommerce select {
    border-radius: 25px;
    padding: 8px 12px;
    width: 100%;
    cursor: pointer;
	font-family: 'Montserrat' !important;
}

/* Hover */
.woocommerce select:hover {
    border-color: #999;
}

/* Focus */
.woocommerce select:focus {
    outline: none;
    border-color: #007cba;
    box-shadow: 0 0 0 2px rgba(0,124,186,0.2);
}
h1 {
	font-weight: 600;
	font-size: clamp(1.8rem, 7vw, 48px);
	margin-bottom: none;
}
h2 {
	font-weight: 300;
	font-size: clamp(1.8rem, 7vw, 3rem);

}
h3 {
	font-weight: 600;
	font-size: clamp(1.2rem, 7vw, 2.5rem);

}
h4 {
	font-weight: 400;
	font-size: clamp(1.0rem, 7vw, 1.5rem);
}
.super-headline {
	text-transform: uppercase;
}
.socket {
	font-size: 0.8em;
}
@media screen and (min-width: 768px) {
#masthead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
}
/* Main menu*/
.menu-button a {
	color: #fff !important;
	background: var(--up-tuerkis);
	border: 2px solid var(--up-tuerkis);
	border-radius: 25px;
	margin-left: 40px;
}
.menu-button a:hover {
	color: var(--up-tuerkis) !important;
	background: #fff;
}
/* Hero-Section*/
.hero-bild {
	position: relative;
	top: 60px;
  	bottom: -60px;
	margin-right: 0;
	border-top: 2px solid var(--up-tuerkis); 
	border-left: 2px solid var(--up-tuerkis); 
	border-bottom: 2px solid var(--up-tuerkis);
	padding-left: 60px;
	border-radius: 25px 0 0 25px;
}
.hero-bild::before {
  		content: '';
		height: calc(100% + 4px);
		width: 80px;
  		position: absolute; 
  		top: -2px;
  		bottom: 0px;
  		left: -120px;
  		border-top: 2px solid #C0E7F6; /* Ganz rechte border */
		border-left: 2px solid #C0E7F6; 
		border-bottom: 2px solid #C0E7F6; 
  		border-radius: 25px 0 0 25px;
	}
	.hero-bild::after {
  		content: '';
		height: calc(100% + 4px);
		width: 80px;
  		position: absolute; 
  		top: -2px;
  		bottom: 0px;
  		left: -62px;
  		border-top: 2px solid #80D0EB; 
		border-left: 2px solid #80D0EB; 
		border-bottom: 2px solid #80D0EB; /* Mittlere Border */
  		border-radius: 25px 0 0 25px;
	}
/********************************************Section  "Auf einen Blick"       */
.blick-icon {
	height: 60px;
}
.blick-subheadline p {
	height: 60px;
}
/* Produkt in der letzten Box*/
.page-id-350 .woopack-single-product .product-content {
  	width: 100%;
	padding: 0px;
	
}
.page-id-350 .woopack-single-product .product-content p.price {
	color: var(--up-tuerkis);
	font-weight: 700 !important;
	
}
.page-id-350 .woopack-single-product .product-content .subscription-details {
	display:none;
}


/* Mobilgeräte: erste, leere Box ausblenden und dann 2x2*/
@media screen and (max-width:1179px) {
	.blick-box > *:first-child {
  display: none;
}
}
/* Schmalere Breite und die beiden extra borders nur für Bildschirme ab 1180px*/
@media screen and (min-width: 1400px) {
	.blick-box {
		position: relative;
		width: 80%;
		margin-left:0;
	}
}
@media screen and (min-width: 1180px) {
	.blick-box {
		position: relative;
		width: 85%;
		margin-left:0;
	}
	.blick-box::before {
  		content: '';
		height: 100%;
		width: 80px;
  		position: absolute; 
  		top: 0px;
  		bottom: 0px;
  		right: -120px;
  		border-top: 2px solid #C0E7F6; /* Ganz rechte border */
		border-right: 2px solid #C0E7F6; 
		border-bottom: 2px solid #C0E7F6; 
  		border-radius: 0 25px 25px 0;
	}
	.blick-box::after {
  		content: '';
		height: 100%;
		width: 80px;
  		position: absolute; 
  		top: 0px;
  		bottom: 0px;
  		right: -62px;
  		border-top: 2px solid #80D0EB; 
		border-right: 2px solid #80D0EB; 
		border-bottom: 2px solid #80D0EB; /* Mittlere Border */
  		border-radius: 0 25px 25px 0;
	}
}


/********************** Ende der Section "Auf einen Blick" */
/* Im Detail*/
.detail-number p {
	font-size: 5rem;
	font-weight: 200;
	color: var(--up-tuerkis);
}
.detail-headline p {
	font-weight: 600;
	height: 80px;
}
.details-bildslider .swiper-button-prev {
	margin-left: -60px;
}
.details-bildslider .swiper-button-next {
	margin-right: -60px;
}
.details-bildslider img {
	border-radius: 25px;
  	height: 270px !important;
  	object-fit: cover;
  	object-position: center;
} 
	
/* Module und Termine*/
.digitales-modul p {
	background: var(--up-hellblau);
	border-radius:  25px 25px 0 0;
	padding: 12px 12px 25px 12px;
}
.upl-summit p {
	color: #fff;
	background: var(--up-tuerkis);
	border-radius:  25px 25px 0 0;
	padding: 12px 12px 25px 12px;
}
.modul-text {
	border: 2px solid var(--up-tuerkis);
	border-radius: 25px;
	padding: 30px;
	background: #fff;
	margin-top: -30px;
	margin-bottom: -30px;
	height: 300px;
	overflow: scroll-y;
}
.modul-text h4 {
	font-size: 1.25rem;
	font-weight: 600;
}
/* Dozierende*/
.dozierende-slider .pp-content-wrapper {
	padding: 0 !important;
}
.dozierende-slider .pp-testimonials-content img {
	border-radius: 25px;
	max-width: 320px;
  	height: 400px;
  	object-fit: cover;
  	object-position: center;
}
.dozierende-slider .pp-title-wrapper {
	max-width: 320px;
	background:#fff;
	border-radius:0 0 25px 25px;
	padding: 30px 10px 10px 10px;
	margin-top: -35px;
}
.dozierende-slider .pp-testimonials-name {
	font-weight: 600;
}
.dozierende-slider .pp-testimonials-designation {
	font-style: italic;
	height: 60px;
	overflow: scroll-y;
}
/* Partner und Teilnehmende */
.partner-slider .pp-testimonial {
  	padding: 0px;
}
.partner-slider .pp-testimonials .pp-content-wrapper {
	padding: 0px;
	margin-right: 20px;
}
.partner-slider .pp-testimonials-content img {
	display: inline-block;
	width: 200px;
  	height: 90px;
  	object-fit: contain;
  	object-position: center;
	padding: 20px;
	border: 2px solid var(--up-tuerkis);
	border-radius: 25px;
	margin: 5px 10px;
}

/* Große Bildschirme*/
@media screen and (min-width: 1000px) {
.partner-slider .pp-testimonial {
  	padding: 0px;
}
.partner-slider .pp-testimonials .pp-content-wrapper {
	padding: 10px 20px;
}
.partner-slider .pp-testimonials-content img {
	display: inline-block;
	width: 300px;
  	height: 140px;
  	object-fit: contain;
  	object-position: center;
	padding: 30px;
	border: 2px solid var(--up-tuerkis);
	border-radius: 25px;
	margin: 5px 10px;
}
}
/* Fun numbers section*/
.fun-numbers {
	background: var(--up-tuerkis);
	border-radius: 25px;
	width: 18%;
	margin: 10px 20px;
}
p.fun-number {
	text-align: center;
	font-size: 48px;
	line-height: 1em;
	margin-bottom: 10px;
	font-weight: 300;
}
/* Section mit den Testimonials*/
.testimonials-slider p {
	font-size: clamp(1rem, 4vw, 1.6rem);
	padding: 30px;
}
.testimonials-slider .pp-content-wrapper {
    display: flex;
    align-items: center;   
    justify-content: center; 
    height: 260px;          
}
.pp-vertical-align {
	height: 160px;
	overflow: scroll;
}
.testimonials-slider img, .testimonials-slider .pp-testimonials-image {
	margin-top: 20px;
	margin-left: 30px;
	height: 100px;
	width: 100px;
}
.testimonials-slider .pp-testimonials-name {
	font-weight: 700;
	text-align: left;
}
.testimonials-slider .pp-testimonials-designation {
	text-align: left;
	word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
	
}
.testimonials-slider .pp-testimonial {
		margin-bottom: 10px;
	}
/* Testimonials mobil*/
@media screen and (max-width: 768px) {
	.testimonials-slider .pp-content-wrapper p {
		padding: 10px;
	}
	.testimonials-slider p {
		height: 320px;
		overflow: scroll-y;
	}
	.testimonials-slider img, .testimonials-slider .pp-testimonials-image {
		margin-left: 10px;
		margin-right: 10px; 
	}
	.testimonials-slider .pp-content-wrapper {
    	height: 360px;          
	}
	.testimonials-slider .pp-testimonial {
		margin-bottom: 10px;
	}
}


/* Über uns sektion Mobile*/
.ueber-wrapper {
	position: relative;
  	padding: 20px;
  	margin: 10px 0;
  	border-top: 2px solid var(--up-tuerkis);
  	border-bottom: 2px solid var(--up-tuerkis);
	border-right: 2px solid var(--up-tuerkis);
	border-radius: 0 25px 25px 0;
	width: 95%;
}
/* Über uns sektion mit extra borders auf großen Bildschirmen*/
@media screen and (min-width: 768px) {
.ueber-wrapper {
	position: relative;
  	padding: 60px 80px 60px 40px;
  	margin: 40px 0;
  	border-top: 2px solid var(--up-tuerkis);
  	border-bottom: 2px solid var(--up-tuerkis);
	border-right: 2px solid var(--up-tuerkis);
	border-radius: 0 25px 25px 0;
	width: 80%;
}
.ueber-wrapper::before {
  	content: '';
	height: calc(100% + 4px);
	width: 80px;
  	position: absolute; 
  	top: -2px;
  	bottom: 0px;
  	right: -120px;
  	border-top: 2px solid #C0E7F6; /* Ganz rechte border */
	border-right: 2px solid #C0E7F6; 
	border-bottom: 2px solid #C0E7F6; 
  	border-radius: 0 25px 25px 0;
}

.ueber-wrapper::after {
  	content: '';
	height: calc(100% + 4px);
	width: 80px;
  	position: absolute; 
  	top: -2px;
  	bottom: 0px;
  	right: -60px;
  	border-top: 2px solid #80D0EB; 
	border-right: 2px solid #80D0EB; 
	border-bottom: 2px solid #80D0EB; /* Mittlere Border */
  	border-radius: 0 25px 25px 0;
}
}
/* Mobilgeräte - alle sliders ohne Pfeile*/
@media screen and (max-width: 768px) {
	.owl-prev, .owl-next, .pp-swiper-button {
		display: none !important;
	}
}
/* Footer - back to top*/
a.generate-back-to-top {
  background-color: var(--up-blau);
  color: #ffffff;
}
a.generate-back-to-top:hover, a.generate-back-to-top:focus {
  background-color: var(--up-tuerkis);
  color: #ffffff;
}
/* Woocommerce*/
/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: var(--up-tuerkis) !important; 
	color: #fff !important;
	border: 2px solid var(--up-tuerkis) !important;
	border-radius: 25px;
	padding: 10px 40px !important;
}

/* Links und Preise */
.woocommerce div.product p.price,
.woocommerce div.product span.price
 {
    color: var(--up-tuerkis) !important;
}

/* Sale-Badge */
.woocommerce span.onsale {
    background-color: #0066cc !important;
}

/* Hover-Effekte */
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: #fff !important;
	color: var(--up-tuerkis) !important; 
	
}
/* Product overview*/
.post-type-archive-product .wc-gzd-additional-info {
	display:none;
}
/* Price color*/
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
  color: var(--up-tuerkis) !important;
}
/* Product pages*/
.product h2, .cross-sells h2 {
	font-weight: 700;
	font-size: clamp(1.2rem, 7vw, 1.7rem);
}
.woocommerce-loop-product__title {
	height: 80px;
}
/* no related products*/
.related.products {
	display: none;
}
.woocommerce-product-gallery__image {
	border-radius: 25px;
	margin-bottom: 60px !important;
}
.page-id-16307 h2 {
	font-weight: 700;
	font-size: clamp(1.2rem, 7vw, 1.7rem);
}
/*Multi-currency auf allen Seiten verstecken außer Kasse und Warenkorb und Shop*/
.woo-multi-currency {
	display: none !important;
}
.page-id-16305 .woo-multi-currency, .page-id-16306 .woo-multi-currency, .post-type-archive-product .woo-multi-currency, .single-product .woo-multi-currency {
	display: block !important;
}
.woo-multi-currency.wmc-sidebar {
  position: fixed;
  z-index: 9999999999;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'Montserrat';
}
.wc-block-components-checkout-place-order-button {
	border: 2px solid var(--up-tuerkis);
	border-radius: 25px;
	padding: 8px 40px;
}
/* Payment methods*/
.page-id-16582 .woocommerce img {
  height: auto;
  max-width: 100%;
  margin-left: 10px !important;
}
/* Kassenseite ohne BB höher machen*/
.post-16306 .inside-article {
	min-height: 80vh;
}
/* Startseite Liste Michael */
.Abstand_BulletPoints li {
	margin-bottom: 15px;
}