/*
Theme Name: Löwenstark
Theme URI: https://www.loewenstark.com
Author: Felix Oppermann
Author URI: https://www.loewenstark.com
Description: 
Version: 1.0
Tags:
*/
:root .is-layout-constrained > * { 
	margin-block-start: unset; 
}
:root .is-layout-constrained > :last-child {
	margin-block-end: unset;
}


h1, .h1{font-size:46px; font-weight:bold;}
h2, .h2{font-size:36px; font-weight:bold;}
h3, .h3{font-size:30px; font-weight:bold;}
h4, .h4{font-size:20px; font-weight:bold;}
.wp-block-group.round,
.wp-block-group.rund {
	border-radius:15px;
}
.wp-block-image.is-style-rounded img {
	border-radius:10px;
}
.wp-block-button .wp-element-button {
	padding:10px 60px;
	border-radius:30px;
	border:2px solid var(--wp--preset--color--magenta); 
	background-image: linear-gradient(to bottom, var(--wp--preset--color--magenta) 0%, #b9046a 45%, #b9046a 100%);
	background-size: 100% 220%;
	background-position: 50% 0%;
	color:#fff;
	transition: background-position 0.45s ease, border-color 0.3s ease, color 0.3s ease;
	font-weight:500;
	text-align:center;
	font-size:18px;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	z-index:1;
}
.wp-block-button:not(.is-style-outline) .wp-element-button::after,
.wp-block-button:not(.light) .wp-element-button::after {
	content:"";
	position:absolute;
	inset:0;
	background-position: 50% 100%;
	background-image: linear-gradient(to bottom, #b9046a 0%, #b9046a 45%, var(--wp--preset--color--magenta) 100%);
	opacity:0;
	transition: opacity 0.35s ease;
	z-index:-1;
}
.wp-block-button.is-style-big .wp-element-button { 
	padding:20px 60px;
	border-radius:40px;
	border:1px solid transparent; 
	color:#fff;
	font-size:20px;
	outline:1px solid #B90269;
	outline-offset:7px;
	transition:ease 0.3s background;
	margin-top:20px;
}
.wp-block-button.is-style-bigflat .wp-element-button { 
	padding:20px 60px;
	border-radius:40px;
	background: #B90269;
	border:1px solid transparent; 
	color:#fff;
	font-size:20px;
	outline:1px solid #B90269;
	outline-offset:7px;
	transition:ease 0.3s background;
	margin-top:20px;
}
.wp-block-button.is-style-bigwhiteline .wp-element-button { 
	padding:20px 60px;
	border-radius:40px;
	border:1px solid transparent; 
	color:#fff;
	font-size:20px;
	outline:2px solid #bbb;
	outline-offset:7px;
	transition:ease 0.3s background, ease 0.3s outline;
}
.wp-block-button.is-style-outline .wp-element-button { 
	background: transparent;
	border:2px solid #B90269; 
	color:#B90269;
	transition:ease 0.3s background;
}
.wp-block-group.has-text-title-background-color .wp-block-button .wp-element-button:hover {
    border: 2px solid #fff;
}
.wp-block-button .wp-element-button:hover {
    background: linear-gradient(to bottom,  var(--wp--preset--color--magenta) 0%, #b9046a 100%);
    color:#fff; 
    border:2px solid transparent;
}
.wp-block-button.is-style-big .wp-element-button:hover,
.wp-block-button.is-style-bigflat .wp-element-button:hover,
.wp-block-button.is-style-bigwhiteline .wp-element-button:hover { 
    background: linear-gradient(to bottom,  #b9046a 0%, var(--wp--preset--color--magenta) 100%);
    border:1px solid transparent; 
}
.wp-block-button.is-style-bigwhiteline .wp-element-button:hover { 
    outline:2px solid #fff;
}
.wp-block-button .wp-element-button:hover::after {
    opacity: 1;
}

.wp-block-group.has-text-title-background-color .wp-block-button.is-style-outline .wp-element-button {
    border: 2px solid #fff;
    color:#fff;
}

.has-white-color.has-text-color {
	color: #fff !important;
}

ul.is-style-punkt,
ol.is-style-punkt,
.wp-block-list.is-style-punkt {
	list-style-type: disc;
	margin-left:20px;
}
ul.is-style-punkt li,
ol.is-style-punkt li,
.wp-block-list.is-style-punkt li {
	padding-top:3px;
	padding-bottom:5px;
}
ul.is-style-haekchen,
ol.is-style-haekchen,
ul.is-style-haekchengruen,
ol.is-style-haekchengruen,
ul.is-style-haekchenblau,
ol.is-style-haekchenblau,
.wp-block-list.is-style-haekchen,
.wp-block-list.is-style-haekchengruen,
.wp-block-list.is-style-haekchenblau {
	list-style: none;
	padding-left: 0;
}

ul.is-style-haekchen li,
ol.is-style-haekchen li,
ul.is-style-haekchengruen li,
ol.is-style-haekchengruen li,
ul.is-style-haekchenblau li,
ol.is-style-haekchenblau li,
.wp-block-list.is-style-haekchen li,
.wp-block-list.is-style-haekchengruen li,
.wp-block-list.is-style-haekchenblau li {
	position: relative;
	padding-left: 1.6em;
	padding-top:3px;
	padding-bottom:3px;
}
ul.is-style-haekchen.has-white-color li::before,
ol.is-style-haekchen.has-white-color li::before,
.wp-block-list.is-style-haekchen.has-white-color li::before {
	content: "";
	width:16px;
	height:22px;
	display:block;
	background-image: url(img/haken-white.svg);
	background-size: 16px;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	font-weight: 700;
}
ul.is-style-haekchen li::before,
ol.is-style-haekchen li::before,
.wp-block-list.is-style-haekchen li::before {
	content: "";
	width:25px;
	height:34px;
	display:block;
	background-image:url(img/haken.svg);
	background-repeat:no-repeat;
	background-position:left 10px;
	background-size:22px;
	position: absolute;
	left: 0;
	top: 0;
	color: var(--wp--preset--color--blau);
	font-weight: 700;
}

ul.is-style-haekchengruen li::before,
ol.is-style-haekchengruen li::before,
.wp-block-list.is-style-haekchengruen li::before {
	content: "";
	width:25px;
	height:34px;
	display:block;
	background-image:url(img/check-green-circle.svg);
	background-repeat:no-repeat;
	background-position:left 10px;
	background-size:22px;
	position: absolute;
	left: 0;
	top: 0;
}
ul.is-style-haekchenblau li::before,
ol.is-style-haekchenblau li::before,
.wp-block-list.is-style-haekchenblau li::before {
	content: "";
	width:25px;
	height:34px;
	display:block;
	background-image:url(img/check-circle.svg);
	background-repeat:no-repeat;
	background-position:left 10px;
	background-size:22px;
	position: absolute;
	left: 0;
	top: 0;
}

.loewe {
	position:relative;
}
.loewe:after {
	content:"";
	width:300px;
	height:350px;
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	background-image: url("img/geometric-lion.svg");
	background-position: bottom right;
	background-repeat: no-repeat;
}
.rahmen-schatten {
	position: relative;
}
.rahmen-schatten > .wp-block-group {
	border-radius: 37px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
	padding: 30px;
	position: relative;
	background: #fff;
	z-index: 1;
	min-height: 330px;
}
.rahmen-schatten::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -20px;
	right: -20px;
	width: 100%;
	height: 100%;
	border-radius: 37px;
	background: linear-gradient(to bottom, #00243D 0%, #003C66 100%);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
	z-index: 0;
}
.rahmen-schatten::before {
	content: '';
	display: block;
	position: absolute;
	top: 44%;
	right: -45px;
	width: 27px;
	height: 45px;
	background: url("/wp-content/themes/ls-pk/img/rahmen_schatten_ecke.svg") no-repeat center;
	z-index: 0;
}
.rahmen-schatten:last-of-type::before {
	display: none;
}
@media only screen and (max-width:1500px){
	.mobile_padding {
		padding-left:15px !important;
		padding-right:15px !important;
	}
}
@media only screen and (max-width:768px){
	.wp-block-button .wp-element-button {
		padding: 10px 30px;
		font-size: 16px;
	}
	.wp-block-button.is-style-bigflat .wp-element-button { 
		padding: 12px 40px;
		font-size: 18px;
	}
	.wp-block-button.is-style-bigwhiteline .wp-element-button { 
		padding: 12px 40px;
		font-size: 18px;
	}
	.wp-block-button.is-style-big .wp-element-button {
		padding: 12px 40px;
		font-size: 18px;
	}
	.wp-block-button.is-style-bigwhiteline .wp-element-button {
		padding: 12px 40px;
		font-size: 18px;
	}
	.rahmen-schatten:before {
		top:auto;
		bottom:-55px;
		right:40%;
		transform: rotate(90deg);
	}
	.rahmen-schatten {
		width: 80%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 60px;
	}
	.rahmen-schatten > .wp-block-group {
		min-height: 250px;
	}
}

.kreis_rot {
	border-radius: 50%;
	background: linear-gradient(to bottom, #c53787 0%, #b9046a 100%);
	width: 80px;
	height: 80px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 34px;
	font-weight: 700;
}

.wp-block-group .whitepaper {
	padding:30px 3%;
}
.wp-block-group .whitepaper.whitepaper_geo {
	background:url(/wp-content/uploads/leistungen/banner-whitepaper-geo.png) no-repeat bottom right; 
	background-size:contain;
}
@media only screen and (max-width:768px){
	.wp-block-group .whitepaper.whitepaper_geo {
		background: #EDF5F9 url(/wp-content/uploads/leistungen/bild-whitepaper-seotrends-2025-mobile.webp) no-repeat top center; 
		background-size:300px;
		padding-top:320px !important;
	}
}
.wp-block-group .whitepaper.whitepaper_ai-max{
	background:url(/wp-content/uploads/leistungen/whitepaper-banner_ai-max-for-search.webp) no-repeat bottom right; 
	background-size:cover;
}

.bg_galaxy {
	background: url(/wp-content/themes/ls-pk/img/galaxy-background-16-9.jpg) no-repeat center;
	background-size: auto;
	background-size: cover;
}

.blockslider .slick-prev, .blockslider .slick-next {
  background-size: 60px;
  border: none;
  border-radius: 0;
  width: 66px;
  height: 66px;
}
.wp-block-group .wp-block-heading.zahlen_titel {
	padding-left:7% !important;
}

@media only screen and (max-width: 992px) {
	.wp-block-group.infoleiste.galaxy {
		background: #00375D url(/wp-content/themes/ls-pk/img/loewe-bg-mobile.png) no-repeat center bottom !important;
		background-size: contain !important;
		padding-bottom:240px !important;
	}
	.wp-block-group .wp-block-heading.zahlen_titel {
		padding-left:0 !important;
	}
}
@media only screen and (max-width: 768px) {

	ul.is-style-haekchengruen li::before,
	ol.is-style-haekchengruen li::before,
	.wp-block-list.is-style-haekchengruen li::before {
		background-position:left 7px;
	}
	ul.is-style-haekchenblau li::before,
	ol.is-style-haekchenblau li::before,
	.wp-block-list.is-style-haekchenblau li::before {
		background-position:left 7px;
	}
}
