/*
 Theme Name:   OceanWP Child
 Description:  Child Theme des high-performance WP-Theme OceanWP
 Author:       Philipp Limbeck
 Author URI:   https://insyde.at/
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp-child
*/

/* overwrite general settings of oceanwp for focus of links (black border) */
#main a:focus,
#site-header a:focus,
#footer a:focus{
	outline: 0px !important;
}

:root {
	--farbe-schwarz: #2D2D2C;
	--farbe-weiss: #ffffff;
    --farbe-hellblau: #69C8EB;
    --farbe-dunkelblau: #00728C;
}

#main .no-margin-bottom{
	margin-bottom: 0;
}

#main h1{
	font-size: 64px;
}

.termin-vereinbaren,
.termin-vereinbaren a,
.termin-vereinbaren,
.termin-vereinbaren a{
	font-size: 42px;
	font-weight: 500;
	color: var(--farbe-hellblau);
	line-height: 1;
	text-transform: uppercase;
}
#main .termin-vereinbaren-hell,
#neueroeffnung a,
#neueroeffnung p,
#neueroeffnung h2{
	color: var(--farbe-weiss);
}
#neueroeffnung strong{
	font-weight: 500;
	letter-spacing: 2px;
}
#neueroeffnung h2{
	font-size: 60px;
}
#neueroeffnung{
	background: radial-gradient( ellipse at 65% 45%, #69C8EB 0%, #52B5D2 35%, #2C96B2 65%, #00728C 100% );
}
#neueroeffnung #angebot-massage,
#neueroeffnung .termin-vereinbaren-hell{
	line-height: 1;
}

#dreier-sektion{
	margin-top: 3vw;
}

#dreier-sektion img{
	max-width: 20vw;
	height: auto;
}

#dreier-sektion a{
	color: var(--farbe-hellblau);
	font-size: 40px;
	font-weight: 500;
}
#dreier-sektion .dreier-sektion-text p{
	max-width: 400px;
	height: auto;
	margin: 0 auto;
}

#behandlungen{
	background: linear-gradient(68deg, #00728C 0%, #69C8EB 91%);
	padding-top: 2vw;
}

#behandlungen div.vc_column-inner{
	padding-left: 8vw;
    padding-right: 8vw;
}
#behandlungen h2,
#behandlungen ul,
#behandlungen ol{
	color: var(--farbe-weiss);
}

#main #behandlungen ul{
	list-style-type: none;
	margin-bottom: 3vw;
	margin-left: 0;
	margin-top: 10px;
	font-weight: 200;
}
#main #behandlungen li::marker{
	background-color: var(--farbe-weiss);
}
/* Über mich – Punkte links */
#ueber-mich {
	position: relative;
	overflow: visible;
}

#ueber-mich::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 190px;
	height: 100%;
	background-image: url('/wp-content/uploads/2026/09/Punkte-links.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
	pointer-events: none;
	z-index: 0;
}

/* Inhalt über der Grafik halten */
#ueber-mich > * {
	position: relative;
	z-index: 1;
}