/*
Theme Name: psychoressourcen-01
description: psychoressourcen - Theme - Ver. 01
Author: neo7
Author URI: https://neo7.de
Template: customify
Version: 1.0.0
Text Domain: psychoressourcen-01
*/

/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/barlow-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/barlow-v12-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v25-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



body {
/*  --sand: rgb(208, 179, 126);*/
/*	--sand: rgb(197, 160, 95);*/
	--sand: rgb(184,140,67);
	--blau: rgb(34, 103, 172);
}

body a {
	color: var(--sand);
}

body h1, body h2, body h3, body h4, body h5, body h6 {
    color:  var(--sand);
} 

body .pointed a {
	color: var(--blau);
	padding-left: 80px;
	background-image:url(hand-blau.svg);
	background-repeat:no-repeat;
	font-size:97%;	
	font-weight:500;
}

body .pointed a:hover {
	color: var(--sand);
	padding-left: 85px;
	background-image:url(hand-gold.svg);
	background-repeat:no-repeat;
	font-size:100%;	
}


body main#main {
	color: #444;
}

body #main, body #sidebar-primary, body #sidebar-secondary {
    padding-top: 0;
}

body .site-branding a {
    text-transform: none;
}

body .site-header .site-branding img {
    margin-right:1em;
}

body .light-mode .site-title a {
	color: var(--blau);
	padding-top: 5px;
	  letter-spacing: 0.05em;
/*	font-size: 1.3em;*/
}

/*
body h1, body h2 {
	color: var(--blau);	
}
*/
body .site-description.text-uppercase {
    text-transform: none;
	color: var(--sand);
	font-weight:normal;
	font-size:100%;
}

body p.site-description.text-uppercase:before {
	font-weight:600;
	content:"Ksymena Hörl ";
}

body .text-xsmall {
    font-size: .9em;
}

body.main-layout-content .entry-content>.alignfull {
    margin: 0;
}

body.main-layout-content .entry-content > .alignwide {
    width: calc(1000px - 4em );
	max-width: calc(100vw - 1em);
}

body .wp-block-image.size-full img {
    width: 100%;
}

body .wp-block-image.size-full a {
    max-height: 70vh;
    display: block;
    overflow: hidden;
}

body h2 + h3, body .comments-area h2 + .comments-title, body .h2 + h3, body .comments-area .h2 + body .comments-title, body .page-breadcrumb {
    border-top-color: transparent;
}

:target {
	display: block;
	position: relative;
	top: -100px; 
	visibility: hidden;
}

.anker {
	color:#fff;
	height:0px;
}	

body .wp-block-quote {
    border-left-width: 0;
    border-left-color: currentColor;
}

body blockquote {
    padding: 0 0;
    margin: 1.41575em 0;
    font-style: italic;
    font-weight: 400;
    font-size: 1.2em;
	color: #3b50a5;
}

body blockquote h1 {
    margin: 1.41575em 0;
    font-style: italic;
	font-size: 1.1em;
    color: #3b50a5;
    font-family: "Montserrat";
    font-weight: 600;
}

body .wp-block-image figcaption {
    font-size: 83%;
	color: var(--blau);
	text-align: center;
	font-style: italic;
}

body .wp-block-image.zitat figcaption {
	margin-top: -25vw;
    margin-bottom: 25vw;
    font-size: 1.8vw;
	color: #fff;
	text-shadow: 2px 1px 4px rgba(0,0,0,0.8);	
}

body .light-mode .nav-menu-desktop.style-plain .nav-menu>li.current-menu-item>a {
    color: var(--blau);
}

body .row-v2 .col-v2.col-v2-center {
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
}

body.main-layout-content .entry-content>.alignfull {
    max-width: calc(var(--vw,1vw) * 100 - 1em);
/*	
max-height: 65vh;
overflow: hidden;
*/
margin-bottom: 3em;	
}

figure.wp-block-image.size-full {
	margin-top:0;
	margin-bottom:0;
}

body .light-mode .nav-menu > li > a {
	color:var(--sand);
}

body .header-main .light-mode {
  box-shadow: 0 1px 2px 0 #fff;
  background: #fff;
}

.trennblock {
    background-color: #fcfafa;
    padding: 0;
	align-items: center !important;
    margin-bottom: 0;
}



body .wp-block-columns.nobottom {
    margin-bottom: 0;
}

body .h1, body h1 ,body .h2, body h2 {
    font-size: 1.8em;
    line-height: 1.216;
}

body .abstand {
	padding:1.5em;
}

body .abstandlinksrechts {
	padding:1.5em;
	padding-top:0;
	padding-bottom:0;
}

body .abstandlinksrechts p {
	margin-bottom:0.5em;
	font-size:90%;
}

body .abstandlinksrechts p b, body .abstandlinksrechts p strong, blockquote p strong{
	font-weight:600;
}


body .miniimg {
    max-width: 5em;
	display:inline-block;
}

body .footer--row-inner.light-mode {
    color: #b88c43;
}

body .footer-copyright, body ul#menu-rechtliches {
    font-size: 0.9em;
}

body .max100 {
	max-width:100px;
}

body .nogap {
    gap: 0;
}

body .footer--row-inner.dark-mode a:not(.button) {
    text-decoration:underline;
}

/* Landing Page */
body.main-layout-content.page-id-1468 .entry-content>.alignfull, body.main-layout-content.page-id-4 .entry-content>.alignfull  {
    margin-top: -5em;
}

body.page-id-1468 .header-main .light-mode, body.page-id-4 .header-main .light-mode {
    box-shadow: none;
}

.textbig figcaption {
	font-size:230% !important;
}

.fragebutton .wp-block-button__link {
    color: #444;
    background-color: #32373c;
    border-radius: 999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(2.666em + 2px) calc(1.333em + 2px);
    font-size: 20px;
    min-height: 290px;
}

.fragebutton .wp-block-button__link:hover {
    color: #3b50a5;
}

.headertext {
margin-top: 26vh;
    margin-bottom: 26vh;
    font-size: 2.3vw;
    color: #fff;
    text-shadow: 2px 1px 4px rgba(0,0,0,0.8);
	    text-align: center;
    font-style: italic;
	font-family: "Montserrat", Arial;
}

a.wp-block-button__link.has-creme-background-color {
    background-color: #f4e2d1;
}

a.wp-block-button__link.has-rosa-background-color {
    background-color: #eed0c3;
}

a.wp-block-button__link.has-gruen-background-color {
    background-color: #bcccb9;
}

body h1.wp-block-heading.has-text-align-center.has-gold-color.has-text-color {
    color: #d0b37e;
}

body.page-id-1468 strong, body.page-id-4 strong {
	color:var(--blau);
}

body.page-id-4 .wp-block-image.zitat figcaption {
    margin-top: -22vw;
    margin-bottom: 22vw;
    font-size: 2.5vw;
}

body footer .nav-menu-desktop .menu>li>a {
    font-size: 1.2em;
    padding-top: 0;
}

@media (prefers-color-scheme: dark) {
  /* Dark theme styles go here */

}

@media screen and (max-width: 1024px) {
	body .wp-block-image.zitat figcaption {
		font-size: 20px;
	}
	
	body .wp-block-image.zitat figcaption {
		margin: 1.8em;
    margin-top: -65vw;
    margin-bottom: 65vw;
    height: 25px;
	}
	
	body.page-id-4 .wp-block-image.zitat figcaption {
		margin-top: -53vw;
		margin-bottom: 53vw;
		font-size: 5.3vw;
		line-height:1.2em;
	}
	
	:where(.wp-block-columns.is-layout-flex) {
		gap: 0.5em;
	}
	
	.entry-content ol, .entry-content ul {
		margin: 0 auto 1.5em;
		list-style-position: outside;
	}
	
	.anker {
		margin:0;
	}	
	
	.wp-block-columns {
		margin-bottom: 0.1em;
	}

}



@media screen and (max-width: 1023px) {
	body .site-branding .site-title {
		font-size: 3.8vw;
	}
	
	body .site-description.text-uppercase {
		font-size: 3.4vw;
	}
	
	body .header--row.header-top .customify-grid, .header--row.header-top .style-full-height .primary-menu-ul > li > a {
		min-height: 22vw;
	}
	
	body .site-header .cb-row--mobile .site-branding img {
		width: 20vw;
		padding-right: 1vw;
	}
}

@media screen and (max-width: 766px) {
	body .is-content-justification-right.anrufen-button, body .is-content-justification-left.doctolib-button {
		    justify-content: center;
	}
	
	
	body .site-header .cb-row--mobile .site-branding img {
		width: 26vw;
		padding-right: 1vw;
	}	
	
	body .site-branding .site-title {
		font-size: 4.5vw;
	}
	
	.site-branding {
		padding-top: 8vw;
		padding-bottom:0;
	}
	body .header--row.header-main .customify-grid, .header--row.header-main .style-full-height .primary-menu-ul > li > a {
		min-height: 0;
	}
	
	body .item--inner.builder-item--nav-icon {
		height: 2em;
	}
		
}


@media screen and (min-width: 1024px) {
	.site-branding .site-title {
		font-size: 1.6em;
		margin: 0;
		font-weight: 600;
		line-height: 1.216;
	}

	body .nav-menu-desktop .menu>li>a {
		padding: 1vw 1vw 1vw 0;
		font-size: 1.37vw;
	}
}

@media screen and (min-width: 1200px) {
	body .nav-menu-desktop .menu>li>a {
		padding: 1vw 1vw 1vw 0;
		font-size: 1.3vw;
	}
	
	body .site-branding .site-title {
		font-size: 1.8vw;
	}
	
	body .site-description.text-uppercase {
		font-size: 1.1vw;
	}
}