/*
 Theme Name:   WR4F
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme
 Author:       Juliane de Vries - Webentwicklung <ju:like>
 Author URI:   https://ju-like.de
 Template:     generatepress
 Version:      0.1
*/

:root {
	--wr-weiss: #ffffff;
	--wr-gelb: #E1FF00;
	--wr-hellblau: #BAE6FF;
	/*--wr-blau: #3388CC;*/
	--wr-blau: #1C6BAB;
	--wr-dunkelblau: #02304A;
	--wr-schwarz: #000000;
}

::selection {
	color: #fff;
	background-color: var(--wr-blau);
}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
a {
	text-decoration: underline;
}
a:focus, button:focus, input:focus {
    outline: 3px solid var(--wr-gelb);
    outline-offset: 2px;
}
.z-high {
	position: relative;
	z-index:999;
}
body {
	font-family: 'Open Sans';
}
h1, h2, h3, .syne, .fokus-text {
	font-family: 'Syne';
}
.fokus-text p {
	font-size: 70px !important;
	text-align: justify;
	text-justify: inter-character;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: clip;
	margin-bottom: 0;
	line-height: 70px;
}
.fokus-text.fontsize p {
    font-size: 70px !important;
}
@media screen and (max-width: 768px ) {
/*	.fokus-text p {
		font-size: 30px !important;
		line-height: 30px;
		text-transform: uppercase;
		font-family: 'Syne';
	}
	.fokus-text.fontsize p {
    	font-size: 30px !important;
		text-transform: uppercase;
		font-family: 'Syne';
	}*/
	.fokus-text p {
		display:none !important;
	}
}
.sc-effect.active-1 {
	color: var(--wr-blau);
}
.link-blau a {
	color: var(--wr-blau);
	font-family: 'Syne';
	font-size: 25px;
	font-weight: 700;
}

.link-blau a:after {
	font-family: "Font Awesome 5 Free";
   	content: "\f062";
   	display: inline-block;
   	padding-left: 13px;
   	font-weight: 900;
	transform: rotate(45deg);
	position: relative;
  	bottom: 6px;
	
}
.link-blau a:hover {
	color: var(--wr-dunkelblau);
}
.link-weiss a {
	color: #fff;
	font-family: 'Syne';
	font-size: 25px;
	font-weight: 700;
}
.link-weiss a:after {
	font-family: "Font Awesome 5 Free";
   	content: "\f062";
   	display: inline-block;
   	padding-left: 13px;
   	font-weight: 900;
	transform: rotate(45deg);
	position: relative;
  	bottom: 6px;
}
.link-weiss a:hover {
	color: var(--wr-gelb);
}
/* Event */
.mec-start-date-label {
	display: inline-block;
	margin-bottom: 5px;
	line-height: 1.2em;
}
.mec-single-event-category {
	display:none !important;
}
/* Jahreskalender modals
.page-id-7354 .mec-events-event-image, .page-id-7354 .col-md-4 {
	display: none!important;
}
.page-id-7354 .col-md-8 {
	width: 100% !important;
	padding-left: 30px !important;
	padding-right: 30px!important;
}*/
.mec-single-modal.mec-single-modern .mec-single-title {
    text-align: center;
    padding: 30px 30px 0 !important;
}
#mailpoet_form_2 form.mailpoet_form {
  padding: 0px !important;
}
.mailpoet_submit:hover {
background-color:var(--wr-gelb) !important;
	color: var(--wr-dunkelblau) !important;
}
/* Partnerslider*/
.pp-logos-content .logo-slider-next {
  right: -60px;
  left: auto;
}
.pp-logos-content .logo-slider-prev {
  left: -60px;
}
/* A11y Toolbar*/
.a11y-toolbar ul li button {
  font-size: 30px !important;
  padding: 1px 1px;
  line-height: 1.8;
  display: grid;
  align-items: center;
  background: #fff;
  border: none;
  position: relative;
  color: var(--wr-blau);
	height: 50px;
  width: 50px;
}
.a11y-toolbar ul li button:hover {
  background: var(--wr-gelb);
  border: none;
  position: relative;
  color: var(--wr-blau);
}
.a11y-toolbar button:hover .offscreen, .a11y-toolbar button:focus .offscreen {
  height: auto !important;
  width: auto !important;
  clip-path: unset !important;
  color:  var(--wr-dunkelblau);
  background: #fff;
  padding: 7px 6px !important;
  box-shadow: 0 0 1px  var(--wr-dunkelblau);
  border-radius: 3px;
  font-size: clamp( 14px, .875rem, 16px );
  margin: auto 3px auto auto !important;
  text-transform: none;
 
}
.aticon-adjust::before {
  content:url('/wp-content/uploads/2025/10/Icons_Werunforfun_Kontrast-erhoehen_v2.svg') !important;
}
.aticon-font::before {
  content:url('/wp-content/uploads/2025/10/Icons_Werunforfun_Schriftgroesse_v3.svg') !important;	
}

.hinweis-box {
	background: var(--wr-hellblau);
	padding: 20px;
	margin: 20px 0;
}