/*
Theme Name: VR Private Banking
Template: twentytwentyfive
Author: Online Profession GmbH & Co. KG
Author URI: https://online-profession.de/
Description: das VR Private Banking Theme
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: vrprivatebanking
*/

/* legt das Menü über alles */
.wp-block-group.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-be98b96d.wp-block-group-is-layout-constrained.wp-container-5.is-position-sticky {
    z-index: 99999;
}

/* Buttons stylen*/

.suchzeile-submit button.wp-block-search__button.wp-element-button {
	position: relative;
	padding-right: 2em;
}

.submit-wrapper {
    position: relative;
    display: inline-block;
}

.submit-wrapper::after, .suchzeile-submit button.wp-block-search__button.wp-element-button::after {
    content: '';
    display: inline-block !important;
    background-image: url(/wp-content/themes/vrprivatebanking/icons/pfeil-gold.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.5em;
    height: 1em;
    vertical-align: middle;
    position: absolute;
    right: 13px;
    top: 48%;
    transform: translateY(-50%);
    pointer-events: none;
}

.submit-wrapper input {
    padding-right: 2em; /* Platz für das Icon */
}

.kontakt-button {
	cursor: pointer;
}

.kontakt-button:hover {
	background-color: var(--wp--preset--color--contrast);
    border-color: transparent;
    color: var(--wp--preset--color--base);
}

.kontakt-button,
.kontakt-input,
.kontakt-textarea {
    align-content: center;
    align-items: center;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(140, 114, 89);
    border-radius: 6px;
    box-shadow: none;
    box-sizing: border-box;
    color: rgb(37, 38, 42);
    display: flex;
    font-family: GenosGFG;
    font-size: 18px;
    font-weight: 400;
    height: auto;
    letter-spacing: -0.1px;
    line-height: 25.2px;
    overflow-wrap: break-word;
    padding: 10px 20px;
    text-decoration: none;
    width: 100%;
    word-break: break-word;
}

.op-kuemmerer-header {
    padding-bottom: 2em;
}

/* Entfernt Link-Verhalten vom Hauptmenüpunkt mit Untermenü */
.wp-block-navigation-item.has-child > a[href="#"] {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}

.wp-block-navigation-item.has-child > a[href="#"]:hover {
    text-decoration: none;
}

/* Unterpunkte bleiben klickbar */
.wp-block-navigation-submenu a {
    pointer-events: auto;
    cursor: pointer;
}

/* Logo Größe */
img.wp-image-556 {
    width: 301px;
    height: 58px;
}

.op-sidebarcircle h2 {
    color: #ab8c73;
}

a {
	text-decoration: none;
	color: var(--wp--preset--color--accent-1, #8C7259);
}

video {
	cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
	hyphens: auto;
  	word-break: break-word;
}

@media (max-width: 599px) {
	.op-sidebarcircle p {
		hyphens: auto;
		word-break: break-word;
		font-size: .9em;
	}
	.op-sidebarcircle h2 {
		font-size: 1.3em;
	}
	.op-sidebarcircle h3 {
		font-size: 1em;
	}
}

h1.arrow, 
h2.arrow, 
h3.arrow, 
h4.arrow, 
h5.arrow, 
h6.arrow,
.wp-block-button a {
	display: flex;
	align-items: center;
}

h1.arrow.has-text-align-right, 
h2.arrow.has-text-align-right, 
h3.arrow.has-text-align-right, 
h4.arrow.has-text-align-right, 
h5.arrow.has-text-align-right, 
h6.arrow.has-text-align-right,
.wp-block-button.has-text-align-right a {
	justify-content: right;
}

h1.arrow::before, 
h2.arrow::before, 
h3.arrow::before, 
h4.arrow::before, 
h5.arrow::before, 
h6.arrow::before,
.wp-block-button a::after,
.kontakt-button::after {
	content: '';
	display: inline-block;
	background-image: url('/wp-content/themes/vrprivatebanking/icons/pfeil-gold.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 1em;
	height: 2em;
}

h1.arrow.arrow-left::before, 
h2.arrow.arrow-left::before, 
h3.arrow.arrow-left::before, 
h4.arrow.arrow-left::before, 
h5.arrow.arrow-left::before, 
h6.arrow.arrow-left::before {
	position: absolute;
	margin-left: -1em;
}

h1.arrow.has-text-align-right::before, 
h2.arrow.has-text-align-right::before, 
h3.arrow.has-text-align-right::before, 
h4.arrow.has-text-align-right::before, 
h5.arrow.has-text-align-right::before, 
h6.arrow.has-text-align-right::before,
.wp-block-button.has-text-align-right a::after {
	order: 1;
	transform: scalex(-1);
	margin-left: 0;
	right: 1em;
}

.wp-block-button a::after {
	width: 0.5em;
	height: 1em;
	margin-left: 1em;
	vertical-align: middle;
}

h1.arrow.arrow-black::before, 
h2.arrow.arrow-black::before, 
h3.arrow.arrow-black::before, 
h4.arrow.arrow-black::before, 
h5.arrow.arrow-black::before, 
h6.arrow.arrow-black::before,
.wp-block-button.arrow-black a::after {
	background-image: url('/wp-content/themes/vrprivatebanking/icons/pfeil-schwarz.svg');
}

h1.arrow.arrow-gray::before, 
h2.arrow.arrow-gray::before, 
h3.arrow.arrow-gray::before, 
h4.arrow.arrow-gray::before, 
h5.arrow.arrow-gray::before, 
h6.arrow.arrow-gray::before {
	background-image: url('/wp-content/themes/vrprivatebanking/icons/pfeil-grau.svg');
}

.w-full {
	width: 100%;
}

#header > div {
	grid-template-areas:
		"a b" 
		"c c";
  justify-items: center;
  grid-template-columns: auto;
}

#header > div > figure {
	grid-area: a;
}

#header > div > nav {
	grid-area: b;
}

#header > div > form {
	grid-area: c;
}

@media (min-width: 600px){
	#header > div > figure,
	#header > div > nav,
	#header > div > form {
		grid-area: unset;
	}

	#header > div {
		grid-template-columns: 1fr 60vw 1fr;
		grid-template-areas: unset;
		justify-items: unset;
	}
}

#header > div form {
	display: flex;
	align-items: center;
}

#header .wp-block-image {
	text-align: right;
}

#header .wp-block-search__inside-wrapper {
	justify-content: center;
}

#header .wp-block-search__button {
	border-color: var(--wp--preset--color--contrast);
	border-width: 2px;
	width: 48px;
	color: var(--wp--preset--color--contrast);
	transform: scaleX(-1);
}

#header .wp-block-search__button:hover {
	color: #fff;
}

.wp-block-navigation .wp-block-navigation__submenu-container {
	background: var(--wp--preset--gradient--header);
	border: 1px solid #dddddd;
	border-radius: 5px;
	box-shadow: var(--wp--preset--shadow--header);
}

.wp-block-navigation .wp-block-navigation__submenu-container li {
	background-color: transparent;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
	min-width: 300px;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item.wp-block-navigation-link {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

.wp-block-navigation-item.wp-block-navigation-link.icon-mail::before,
.wp-block-navigation-item.wp-block-navigation-link.icon-tel::before,
.wp-block-navigation-item.wp-block-navigation-link.icon-contact::before,
.wp-block-navigation-item.wp-block-navigation-link.icon-position::before {
	content: "";
	width: 2em;
	height: 2em;
	margin-left: 1em;
	display: block;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.wp-block-navigation-item.wp-block-navigation-link.icon-mail::before {
	background-image: url("/wp-content/themes/vrprivatebanking/icons/menu-email.svg");
}

.wp-block-navigation-item.wp-block-navigation-link.icon-tel::before {
	background-image: url("/wp-content/themes/vrprivatebanking/icons/menu-telefon.svg");
}

.wp-block-navigation-item.wp-block-navigation-link.icon-contact::before {
	background-image: url("/wp-content/themes/vrprivatebanking/icons/menu-kalender.svg");
}

.wp-block-navigation-item.wp-block-navigation-link.icon-position::before {
	background-image: url("/wp-content/themes/vrprivatebanking/icons/menu-position.svg");
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
	box-shadow: none;
	padding-right: 0;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul:first-child .wp-block-navigation-item a {
	justify-content: end;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation-submenu .wp-block-navigation-item {
	flex-direction: row;
}

div.op-kuemmerer-container h2 {
	padding: 1em 0 0 0;
}

.entry-content {
	height: 100%;
	position: relative;
}

.entry-content::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 70%;
	background-image: url("/wp-content/themes/vrprivatebanking/icons/pfeil-grau.svg");
	z-index: -1;
	right: 5%;
	top: 0;
	background-repeat: no-repeat;
	background-size: cover;
	filter: opacity(6%);
}

.page-id-156 .entry-content::before {
	width: 100%;
	background-image: url("/wp-content/uploads/2025/12/Icon-fa-solid-podcast-1.svg");
	left: 6%;
	top: 9%;
	filter: opacity(100%);
}

footer {
	margin-top: 0;
}

body > div.wp-site-blocks > footer > div > div.wp-block-group.alignwide.is-layout-grid.wp-container-core-group-is-layout-7f67be99.wp-block-group-is-layout-grid > div.wp-block-group.alignfull.is-vertical.is-content-justification-left.is-layout-flex.wp-container-core-group-is-layout-c948f536.wp-block-group-is-layout-flex > div > p > a {
	color: white;
}

div.podcast-host-name p a {
	color: var(--wp--preset--color--contrast);
}

@media (min-width: 576px) {
	div.fokus360-selector object {
		max-width: 50%;
	}
}