@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
h2, h3 {
	color:#3d281c
}
/**  {
  font-family: "Bodoni Moda", serif;  font-style: normal;
		font-weight:500

}*/
.wp-block-cover + section .wp-block-columns .wp-block-column:nth-child(2) .is-style-block-font-subHeadline { color:#ae7a50}
* {
  font-family: "Unna", serif;
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3, h4 {
	margin-bottom:0.5rem;
	font-weight:600
}
strong{
		font-weight:600
}
h1{
	font-size:2.75rem
}
h2{
	font-size:2.5rem
}
h3{
	font-size:2.15rem
}
p, li {
	font-size:1.15rem;
	line-height: 1.75rem;
	margin-bottom:0.25rem;
	letter-spacing:0.025rem
}

.is-style-block-font-subHeadline{
	font-size:1.35rem;
	margin-bottom:0.25rem
}
.wp-block-cover
h1.wp-block-heading {
	max-width:33rem;
	    line-height: 3.25rem;
	text-shadow: 0px 0px 4px #000, 0px 0px 0px #000;
    letter-spacing: 0.025rem;
}
.wp-block-cover
h1.wp-block-heading, .wp-block-cover p, a.wp-element-button {
	color:#fce4c5
}
.wp-block-cover p {
text-shadow: 0px 0px 4px #000, 0px 0px 0px #000;
    letter-spacing: 0.025rem;
}
.wp-block-inline {
	margin-left:1.5rem;
	margin-right:1.5rem
}


.wp-block-cover .is-style-block-font-subHeadline + p {
	margin-top:0.5rem;
	text-shadow: 0px 0px 4px #000, 0px 0px 0px #000;
    letter-spacing: 0.025rem;
}

.wp-block-cover 
.wp-block-buttons {
	margin-top:1rem
}

.wp-block-button__link{
	border-radius:8px
}
#ablauf div.wp-block-element-div {
	display:grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
	
	gap: 3.5rem;
	  }
@media (min-width: 768px) {
    #ablauf div.wp-block-element-div {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
@media (min-width: 1024px) {
    #ablauf div.wp-block-element-div {
        grid-template-columns: repeat(3, minmax(0, 1fr));
			gap:1.5rem;
    }
}

#ablauf div.wp-block-element-div .wp-block-group {
	background-color: rgba(255,255,255,0.5);
	border:1px solid lightgray;
	border-radius:0.5rem
}

#ablauf div.wp-block-element-div {margin-top:2rem; margin-bottom:2rem}
#ablauf div.wp-block-element-div .wp-block-group p:nth-child(1){
	text-align:center;
	background-color:#ae7a50;
	border-radius:50%;
	width:2rem;
	height:2rem;
	padding:0.5rem;
	color:#fce4c5;
	margin:-2.5rem auto 0.5rem
} 

#ablauf div.wp-block-element-div .wp-block-group p:nth-child(2){
	font-size:1.5rem; margin:1rem 0 0.5rem 0
}
#ablauf div.wp-block-element-div .wp-block-group p:nth-child(3){
	line-height:1.5rem
}
#ablauf div.wp-block-element-div
.wp-block-group__inner-container {
	padding: 1.25rem;
}
#ablauf div.wp-block-element-div .wp-block-group{position:relative}

#ablauf div.wp-block-element-div .wp-block-group:not(:last-child) .wp-block-group__inner-container::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px; /* Abstand zwischen den Boxen */
  transform: translateY(-50%);
  
  width:  2.25rem;
  height: 2.25rem;

  background-color: #ae7a50;

  /* SVG als Maske */
  mask-image: url(/wp-content/themes/wptheme-narudee_massage/inc/images/icon-arrow.svg); 
  
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;

  /* Safari Support */
  -webkit-mask-image: url(/wp-content/themes/wptheme-narudee_massage/inc/images/icon-arrow.svg); 
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
	z-index:2;
}


@media (max-width: 1024px) {
	#ablauf div.wp-block-element-div .wp-block-group:not(:last-child) .wp-block-group__inner-container::after {
    top: auto;
    bottom: -25px;
    right: 50%;
    transform: translateX(50%) rotate(90deg);
  }
}

section {
	background-image: url(/wp-content/uploads/bg-texture.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}
.wp-block-cover + section {
	padding-top:2rem
}
.wp-block-cover + section hr{
	margin:0.75rem 0 0.5rem
}
.wp-block-cover + section ul {
	margin-top:1rem
}
.wp-block-cover + section p strong {color:#3d281c; margin-top:1rem; display:block; font-size:1.5rem; letter-spacing:0.05rem}

.wp-block-cover + section .wp-block-column:nth-child(1) p
{
    font-size: 1.35rem;
    margin-bottom: 0.25rem;
    line-height: 2rem;
}

section
.wp-block-inline {
	padding-top:2rem;
	padding-bottom:2rem
}

footer nav ul {
	display: flex
}
footer nav ul {
	list-style:none
}
footer nav a {
	text-decoration:none; color:#000;
}

.divider-vertical{
	padding:0.25rem
}
footer nav{
	display:flex;
	justify-content:center
}
footer nav ul li:last-child .divider-vertical{
	display:none
}
#wp-block-element-copyright{
	text-align:center;
	margin:0.75rem;
}
header .wp-block-inline .element-wrap.is-flex{
	display:flex; align-items: center;
}
header .wp-block-inline{
	margin:1rem 0;
}
header .wp-block-element-max-breite {
	margin: 0 auto; max-width:80rem
}

@media (min-width: 1441px) {
.wp-block-cover .wp-block-element-max-breite {
    max-width: 90rem;
    margin: 0 auto;
}
}


header .wp-block-inline .element-wrap.is-flex  .is-flex { display:inline-flex;
justify-content: flex-end; min-/*width:33rem*/}
header nav ul{
	list-style:none
} 
header nav a {
	text-decoration:none;
	color:#000;
}

#menu-hauptnavigation, #menu-hauptnavigation-en {
	display:flex; gap:1rem
}


.wp-block-list.is-style-liste-check{
	content:'✔'
}
.is-style-liste-check{
	list-style:none
}
/**/
.wp-block-cover + section
.wp-block-columns .wp-block-column:nth-child(2){
	border-radius:0.5rem;
		background-color: rgba(255,255,255,0.5);
	border:1px solid lightgray;
	padding:2rem;
}

#ueberuns
.wp-block-columns:nth-child(1){
	border-radius:0.5rem;
		background-color: rgba(255,255,255,0.5);
	border:1px solid lightgray;
}

.wp-block-columns .wp-block-column:nth-child(1) figure {
    display: flex;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.wp-block-columns .wp-block-column:nth-child(1)  img{
	height:100%;
	object-fit:cover;
	border-top-left-radius:0.5rem;
	border-bottom-left-radius:0.5rem
}
.wp-block-columns .wp-block-column:nth-child(2) {
	padding:2rem 0;
} 

.wp-block-buttons a{
	min-width:260px
}
.wp-block-buttons + p {
	font-size:0.85rem;
}

#ueberuns h2{
		/* Zwischen 16px (min) und 36px (max), skaliert mit 5% der Viewport-Breite (val) */
  font-size: clamp(1.15rem, 7vw, 2.25rem);
}
#ueberuns .wp-block-columns .wp-block-columns {
	margin-top:1rem
}
#ueberuns 
.wp-block-columns{
	gap:0
}
#ueberuns 
.wp-block-columns  > .wp-block-column:nth-child(2) {
	padding:2rem;
} 

#kontakt
.wp-block-columns {gap:1.5rem;
margin-top:2.5rem}
#kontakt
.wp-block-columns .wp-block-column{
	border-radius:0.5rem; 	border:1px solid lightgray;

}

#kontakt
.wp-block-columns .wp-block-column:nth-child(1) {
	background-color: rgba(255,255,255,0.5);
	border:1px solid lightgray;
	padding:2rem
}
#kontakt
.wp-block-columns .wp-block-column:nth-child(1) .wp-block-buttons{
	margin-top:1rem
}

#kontakt
.wp-block-columns .wp-block-column:nth-child(2) {
	overflow:hidden;
	padding:0
}

#kontakt
.wp-block-columns .wp-block-column:nth-child(2) iframe{
	width:100%;
	height:100%;
	display:block
} 

.block-adresse{
	margin:0.5rem 0;
}
.block-adresse p:nth-child(1):before {
	mask-img:url();
	mask-repeat:no-repeat;
	mask-site:contain;
	width:1rem;
	height:1rem;
}
.wp-block-group.element-bewertung {
	margin-top:1rem
}
.wp-block-group.element-bewertung > div {
    display: flex;
    align-items: center;
}
.element-bewertung svg {
    fill: #FFD700;
    color: #FFD700;
    margin-right: 0.5rem;
    width: 1rem;
    height: 1rem;
}
.element-bewertung p {
   margin-bottom:0
}

section
.wp-block-element-max-breite{
	max-width:80rem;
	margin: 0 auto
}

.btn-anrufen a{
background: #D69600;
background: linear-gradient(45deg, #D69600, #E6AF54);     padding: calc(.667em + 2px) calc(1.333rem + 2px);
}
.btn-anrufen a:before {
    mask-image: url(/wp-content/themes/wptheme-narudee_massage/inc/images/icon-phone.svg);
    width: 1rem;
    height: 1rem;
    display: inline-block;
    mask-repeat: no-repeat;
    mask-size: contain;
    vertical-align: middle;
    content: '';
    margin-right: 8px;
    background-color: #fce4c5;
}
.btn-whatsapp a{
background: #D68905;
background: linear-gradient(225deg, #D68905, #D69600);     padding: calc(.667em + 2px) calc(1.333rem + 2px);
}
.btn-whatsapp a:before {
    mask-image: url(/wp-content/themes/wptheme-narudee_massage/inc/images/icon-whatsapp.svg);
    width: 1rem;
    height: 1rem;
    display: inline-block;
    mask-repeat: no-repeat;
    mask-size: contain;
    vertical-align: middle;
    content: '';
    margin-right: 8px;
    background-color: #fce4c5;
}

@media (max-width: 768px) {

#massagen > div > div > div:nth-child(2) > div > div.wp-block-element-div.tabs > div > div{
	display:flex
}
}
.tab p {
	text-align:center; font-size:1.25rem; font-weight:600
}
.tab figure {
	text-align:center
}
.tab img {
	border-radius:0.5rem;
	margin-bottom:0.25rem;
	max-height:120px; width:auto
}
.panels .panel .wp-block-group:first-child {	background-color: rgba(255,255,255,0.5);
	border:1px solid lightgray;
	padding:0rem;
width:100%; border-radius:0.5rem}
.panels .panel .wp-block-group figure.wp-block-image {
	max-height:360px; overflow:hidden
}
@media (max-width: 990px) {
.panels .panel .wp-block-group figure.wp-block-image {
	max-height:120px; overflow:hidden
}

}
@media (max-width: 768px) {
.panels .panel .wp-block-group figure.wp-block-image {
	max-height:360px; overflow:hidden
}

}

.panels .panel .wp-block-group img {
	border-top-left-radius:0.5rem;
	border-top-right-radius:0.5rem;

}

#massagen div.wp-block-group:nth-child(1) {
	margin:0rem 0 2rem 
}

#massagen .wp-block-element-max-breite .wp-block-inline div.wp-block-group:nth-child(2) > div.wp-block-group__inner-container

.wp-block-group.element-inline .wp-block-group__inner-container {
	padding:2rem;
	display:flex;
	height: auto;
	justify-content:space-between;
	flex-direction: row;
}
@media (max-width: 990px) {
	#massagen .wp-block-element-max-breite .wp-block-inline div.wp-block-group:nth-child(2) > div.wp-block-group__inner-container

.wp-block-group.element-inline .wp-block-group__inner-container {
 
	flex-direction: column;
}}
@media (max-width: 768px) {
	#massagen .wp-block-element-max-breite .wp-block-inline div.wp-block-group:nth-child(2) > div.wp-block-group__inner-container

.wp-block-group.element-inline .wp-block-group__inner-container {
 
	flex-direction: row;
}}
@media (max-width: 600px) {
	#massagen .wp-block-element-max-breite .wp-block-inline div.wp-block-group:nth-child(2) > div.wp-block-group__inner-container

.wp-block-group.element-inline .wp-block-group__inner-container {
 padding:2rem 1rem;
	flex-direction: column;
}
}


#massagen .wp-block-element-max-breite .wp-block-inline div.wp-block-group:nth-child(2) > div.wp-block-group__inner-container

.wp-block-group.element-inline .wp-block-group__inner-container > div {
	flex-basis:50%
}

#nav-footer {
	margin:1rem 0;
}
.wp-block-table table {
    border-collapse: collapse;
    width: auto;
}
.wp-block-table table
thead{
	border:none
}

.wp-block-table table
thead tr th {
	border-bottom:1px solid
}
.wp-block-table table
thead th:last-child{
	border-bottom:0px solid
}
.wp-block-table table
thead th {
		border:none;
	font-size:1.25rem;
	font-weight: 600;
    letter-spacing: 0.05rem;
}
.wp-block-table table
thead th:first-child {
		border-right:1px solid
}
.wp-block-table td {
	border:none
}
/*.wp-block-table tr {
	border-bottom:1px solid
}*/
.wp-block-table tr:last-child {
	border-bottom:0px solid
}
.wp-block-table td:first-child {
	border-right:1px solid
}
.wp-block-table td:nth-child(1)
{
	text-align:right;
	border-bottom: 1px solid;
}
.wp-block-table td:nth-child(2)
{
	text-align:right;
	border-bottom: 1px solid;
}

.wp-block-table tr:last-child td:nth-child(1), .wp-block-table tr:last-child td:nth-child(2) {
    border-bottom: 0;
}
#massagen .wp-block-element-max-breite .wp-block-inline div.wp-block-group:nth-child(2) > div.wp-block-group__inner-container

.wp-block-group.element-inline .wp-block-group__inner-container > div:nth-child(2){
    margin-top: -120px;
}
@media (max-width: 990px) {
	#massagen .wp-block-element-max-breite .wp-block-inline div.wp-block-group:nth-child(2) > div.wp-block-group__inner-container

.wp-block-group.element-inline .wp-block-group__inner-container > div:nth-child(2){
    margin-top: 0px;
}
}
@media (max-width: 768px) {
	#massagen .wp-block-element-max-breite .wp-block-inline div.wp-block-group:nth-child(2) > div.wp-block-group__inner-container

.wp-block-group.element-inline .wp-block-group__inner-container > div:nth-child(2){
    margin-top: -120px;
}
}
@media (max-width: 600px) {
	#massagen .wp-block-element-max-breite .wp-block-inline div.wp-block-group:nth-child(2) > div.wp-block-group__inner-container

.wp-block-group.element-inline .wp-block-group__inner-container > div:nth-child(2){
    margin-top: 0px;
}
}
#massagen .wp-block-element-max-breite .wp-block-inline div.wp-block-group:nth-child(2) > div.wp-block-group__inner-container

.wp-block-group.element-inline .wp-block-group__inner-container > div:nth-child(2)
.wp-block-image{
    position: relative;
    z-index: 1;
 
	  margin: 0 auto;
}

.wp-block-group.element-inline .wp-block-group__inner-container > div:nth-child(2)
.wp-block-image img{
   
	width:40px;
	height:40px;
	    
}

.wp-block-group.element-inline .wp-block-group__inner-container > div:nth-child(2) .wp-block-image figure:nth-child(1){
    background-color: burlywood;
    border-radius: 50%;
    padding: 0.5rem;
	margin: 0 auto;
}

figure.wp-block-table{
    display: flex;
    margin-top: -2rem;
    z-index: 0;
    position: relative;
}
table {
    background: burlywood ;/*linear-gradient(225deg, #D68905, #D69600);*/
    border-radius: 0.5rem;
    padding: 2.5rem 1rem 0.5rem 1rem;
    display: inline-block;
		color:#fce4c5;
	margin: 0 auto;
	    font-size: 1.15rem;
}


.wp-block-group.block-adresse:before{
	mask-image: url(/wp-content/themes/wptheme-narudee_massage/inc/images/icon-pin.svg);
    width: 1.25rem;
    height: 1.5rem;
    display: inline-block;
    mask-repeat: no-repeat;
    mask-size: contain;
    vertical-align: top;
    content: '';
    margin-right: 6px;
    background-color: burlywood;
    margin-top: 4px;
}
.wp-block-group.block-adresse
.wp-block-group__inner-container{
	display: inline-block;
}

.element-fav:before{
	mask-image: url(/wp-content/themes/wptheme-narudee_massage/inc/images/icon-star.svg);
    width: 1rem;
    height: 1rem;
    display: inline-block;
    mask-repeat: no-repeat;
    mask-size: contain;
    vertical-align: top;
    content: '';
    margin-right: 6px;
    background-color: #fce4c5;
    margin-top: 2px;
}
 
ul.is-style-liste-check{
margin-left: 1.5rem;}
ul.is-style-liste-check li{
	display:block; position: relative; 
}
ul.is-style-liste-check li::before {
    content: "";
    mask-image: url(/wp-content/themes/wptheme-narudee_massage/inc/images/icon-check.svg);
    display: flex;
    width: 1.2rem;
    height: 1.2rem;
    mask-size: contain;
    mask-repeat: no-repeat;
	    float: left;
	margin-left: -1.5rem;
	margin-top:4px;
	background-color: #ae7a50;
}