/*
Theme Name: ag-stiftung_3
Author: zaak
Author URI: https://www.zaak.ch/
Version: 1.0
License: GNU General Public License
*/


/*
	Copyright (C) Hoefler & Co.
	This software is the property of Hoefler & Co. (H&Co).
	Your right to access and use this software is subject to the
	applicable License Agreement, or Terms of Service, that exists
	between you and H&Co. If no such agreement exists, you may not
	access or use this software for any purpose.
	This software may only be hosted at the locations specified in
	the applicable License Agreement or Terms of Service, and only
	for the purposes expressly set forth therein. You may not copy,
	modify, convert, create derivative works from or distribute this
	software in any way, or make it accessible to any third party,
	without first obtaining the written permission of H&Co.
	For more information, please visit us at http://typography.com.
*/

footer > div.content-footer > p > a {
	color: #fff;
	text-decoration: underline;
}

body {
	font-family: 'Open Sans', sans-serif;
}

.lora {
	font-family: 'Lora', serif;
	
}
h2.lora {
	font-family: 'Lora', serif;
	
}

.footer h2.lora {
	font-family: 'Lora', serif;
	font-size: 30px;
	
}


.weiss {
	color: #fff !important;
}
.page-template-_startseite-event .container {
    position: relative;
    margin: 0 0px;
    padding-top: 0px;
    display: block;
    z-index: 1000;
    box-sizing: border-box;
    padding: 0 0px;
}



.content,
nav.navi {
    opacity: 0;
    -webkit-transition: opacity 500ms ease-out 0s;
    -moz-transition: opacity 500ms ease-out 0s;
    -o-transition: opacity 500ms ease-out 0s;
    transition: opacity 500ms ease-out 0s;
}

body.load .content {
    opacity: 1;
    -webkit-transition: opacity 500ms ease-out 600ms;
    -moz-transition: opacity 500ms ease-out 600ms;
    -o-transition: opacity 500ms ease-out 600ms;
    transition: opacity 500ms ease-out 600ms;
}

body.load nav.navi {
    opacity: 1;
    -webkit-transition: opacity 500ms ease-out 900ms;
    -moz-transition: opacity 500ms ease-out 900ms;
    -o-transition: opacity 500ms ease-out 900ms;
    transition: opacity 500ms ease-out 900ms;
}



.gform_wrapper.gravity-theme .gfield textarea.large {
    border: 0px solid;
	 font-family: 'Raleway', sans-serif;
	font-size: 16px;
}


/* Global */

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
    margin: 0;
    padding: 0;
    border: 0;

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

::-webkit-scrollbar {
    width: 8px;
    z-index: 22000;
}


/* Track */

::-webkit-scrollbar-track {
    background-color: #999;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #414E5A;
    border-radius: 4px;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

header {
    display: block;

	position: relative;
	padding: 30px 0;
}


body,
html {

	  overflow-x: hidden;
	font-size: 18px;
	line-height: 1.5em;
	color: #202020;
}

a {
	text-decoration: none;
	color: #202020;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #202020;
    font-weight: 400;
   
		font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}


p {
	font-family: 'Open Sans', sans-serif;
    display: block;
    margin-block-start: 0em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6{
    hyphens: auto;
	line-height: 1.5;
}



a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
    color: #202020;
}

h1 {
   font-size: 45px;

	font-weight: 700;
	margin: 0 0 40px 0;


}

h2 {
    font-size: 45px;

	margin-bottom: 1em;

	font-weight: 700;
	
}

h2.black {
	color: #000;
	   font-weight: 700;
	
	margin-bottom: 0.3em;
}

h2.klein  {
	font-size: 24px;

}

h3 {
  
    font-weight: 700;
	
}

h4 {
    font-weight: 700;
	margin-bottom: 1em;
	font-size: 24px;
}
h4.einleitung {
     font-size: 25px;
    font-weight: 300;
}
h5 {

    font-weight: 700;
	margin-bottom: 1em;
	font-size: 24px;
}

blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	font-style: italic;
	font-size: 24px;
	line-height: 1.5;
	color: #0aaecc;
}

.toggle-box {
	display: none;
}

.menu-kontakt-container {
	position: absolute;
	right: 0;
	top: 5px;
}
.menu-kontakt-container .menu li a {
	font-size: 15px;
		font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #202020;
	
}

.pp-form-container .pp-form-wrapper.ppBuildScratch {
    max-width: 100%;
    width: 100%;
    padding: 6% 0 6% 0%;
    background: #fff;
    color: #222;
    font-size: 14px;
    position: relative;
    box-shadow: 0 0 0 0.5px rgb(0 20 40 / 0%), 0 2px 8px 0 rgb(50 55 90 / 0%);
    border-radius: 3px;
    margin: 0 auto;
}


#pp-login-1-wrap.pp-form-container {
    max-width: 400px !important;
    width: 100%;
     margin: 0 !important; 
}

.pp-form-container .pp-form-wrapper.ppBuildScratch .ppbs-headline {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 1em;
    margin-top: 0;
    text-align: left;
    margin-right: 6.387%;
}

body #pp-login-1-wrap.pp-form-container {
    max-width: 3000px !important;
    width: 100%;
    margin: 0 auto;
	
	 border-bottom: 2px dotted rgba(0, 87, 108, 0.4);
	 border-top: 2px dotted rgba(0, 87, 108, 0.4);
}

.download-icon {
	position: absolute;
	width: 60px;
	right: 0;
	top: 15px;
	
}

.downloads {
	margin-bottom: 60px;
		border-bottom: 2px dotted rgba(0, 87, 108, 0.4);

	padding-top: 40px;
}

.downloads h3,
.downloads p{
	margin-bottom: 0px;
}

.downloads a {
	text-decoration: none !important;
}
.downloads a:hover {
	opacity: 0.7;
}
.downloads > div {

	border-top: 2px dotted rgba(0, 87, 108, 0.4);
	position: relative;
	width: 100%;
	display: block;
	padding: 30px 0;
	

}
.downloads > div a {



	width: 100%;
	display: block;

	

}


.veranstaltung .text a {
    text-decoration: none;
    text-decoration-color: #0aaecc;
}


button.more {



	bottom: 0;
	font-weight: 700;
	border: none;
	background-color: transparent;
	padding: 0;
	text-transform: uppercase;
	
}
.news .post .more {

    color: #0ac2ac !important;
}
.positionen .post .more {

    color: #0aaecc !important;
}


.news .post .st0 {

    fill: #0ac2ac !important;
}
.positionen .post .st0 {

    fill: #0aaecc !important;
}


.post .more {
  display: inline-block;
  position: relative;
  color: #0069b4;
}

.post .more:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #202020;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.post:hover .more:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}





strong {
	font-weight: 700;
}

.center {
    text-align: center;
}



.toggle-box {
	width: 30px;
	position:absolute;
	right: 0px;
	top: 20px;
}
.mobmen {
	display: none;
}



.content {
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 50px;
	position: relative;
}

.logo {
	width: 400px;
}


.menu li a {
		font-family: 'Lora', serif;
	font-weight: 700;
	font-size: 25px;
	text-decoration: none;
	color: #0aaecc;
	line-height: 1.5;
}

.menu li.current-menu-item a {
	color: #202020;
}

.aktuell.dotstop {
	  border-top: 2px dotted rgba(0, 87, 108, 0.4);
}
.button.weiss {
	padding: 10px 20px;
	color: #fff;
	border: 1px solid #fff;
}
.button.weiss:hover {

	background-color: rgba(255, 255, 255, 0.1);
}



ul.menu ,
ul.menu li{
	list-style-type: none;
}
.nav {
	display: flex;
	gap:30px;
	 border-bottom: 2px dotted rgba(0, 87, 108, 0.4);
	border-top: 2px dotted rgba(0, 87, 108, 0.4);
	margin-bottom: 60px;
}

.nav > div:nth-child(1) {
	flex-basis: 33.333%;
		 border-left: 0px dotted rgba(0, 87, 108, 0.4);
	padding-left: 0px;
}
.nav > div {
	flex-basis: 33.333%;
		 border-left: 2px dotted rgba(0, 87, 108, 0.4);
	box-sizing: border-box;

	padding: 40px 20px;
}




.sliderbox {
	background: linear-gradient(90deg, rgba(10,194,172,1) 0%, rgba(10,174,204,1) 100%);
    color: #fff;
	margin-bottom: 160px;
}



.dots-left {
    border-left: 2px dotted rgba(0, 87, 108, 0.4);
}



.post {
	border-bottom: 2px dotted rgba(0, 87, 108, 0.4);
	padding: 30px 0;
}

.einleitung {
	padding: 30px 0 60px 0;
}

.aktuell .post {
	display: flex;
}


.aktuell h2 {
	font-size: 24px;
}




.home .aktuell .post {
    display: block;
	position: relative;
}

.aktuell .post .text {
	flex-basis: 75%;
	box-sizing: border-box;
	padding-right: 80px;
	position: relative;
}

.datum {
	margin-bottom: 20px;
	color: #666;
}

.aktuell.news .post .icon {
	flex-basis: 25%;
	height:0%;
	width: 25%;
	padding-bottom: 25%;
	position: relative;
	
	
	-webkit-transition: background 1s ease-out;
  	-moz-transition: background 1s ease-out;
  	-o-transition: background 1s ease-out;
  	transition: background 1s ease-out;
	
	
}

.aktuell.news .post:hover .icon {

	-webkit-transition: background 1s ease-out;
  	-moz-transition: background 1s ease-out;
  	-o-transition: background 1s ease-out;
  	transition: background 1s ease-out;

}



.aktuell.positionen .post .icon {
	flex-basis: 25%;
	height:0%;
	width: 25%;
	padding-bottom: 25%;
	position: relative;
	
	
	-webkit-transition: background 1s ease-out;
  	-moz-transition: background 1s ease-out;
  	-o-transition: background 1s ease-out;
  	transition: background 1s ease-out;
	
	
}

.aktuell.positionen .post:hover .icon {

	-webkit-transition: background 1s ease-out;
  	-moz-transition: background 1s ease-out;
  	-o-transition: background 1s ease-out;
  	transition: background 1s ease-out;
	
}





.aktuell .post .icon svg  {
	position: absolute;
	width: 100px;
	top: 20px;
	right: 20px;

}


.aktuell .post .icon .st0 {
	fill:#0AAECC;
}


.box.slick-slide {
	padding: 60px 0 100px 0;
}


.box.slick-slide h2 {
	color: #fff;
}
#page-section img,img{
	width: 100%;
}
.column {
	columns:  2;
	min-height: 205px;

	column-fill: auto;

}

.aktuell.veranstaltung .post .icon .st0 {
    fill: #0069b4;
}

.einleitung.ein-66 {
	width: 66.66%;
}


.aktuell.veranstaltung .post .icon {
	flex-basis: 25%;
	height:0%;
	width: 25%;
	padding-bottom: 25%;
	position: relative;
	
	
	-webkit-transition: background 1s ease-out;
  	-moz-transition: background 1s ease-out;
  	-o-transition: background 1s ease-out;
  	transition: background 1s ease-out;
		
	
}
.newgreen {
		color: #0ac2ac !important
}

.posblue {
	color: #0aaecc !important
}

body.veranstaltungen #menu-item-2124 a {
	color: #202020;
} 
.column a ,
.text a {
	text-decoration: underline;
	text-decoration-color: #0aaecc;
}
.flex-home {
	display: flex;
	border-top: 2px dotted rgba(0, 87, 108, 0.4);
}
.flex-home > div:nth-child(1)  {
	flex-basis: 50%;
	box-sizing: border-box;
	padding-left: 0px;
		padding-right: 0px;
	box-sizing: border-box;

}
.flex-home > div:nth-child(2) {
	flex-basis: 50%;
	border-left: 2px dotted rgba(0, 87, 108, 0.4);

}

.flex-home  .aktuell.news .post {
	padding-right: 30px;
}


 .aktuell .post:hover  {
	opacity: 0.6;
		-webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;
}


 .aktuell .post  {
	opacity: 1;
		-webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;
}


.flex-home  .aktuell.positionen .post {
	padding-left: 30px;
}


.flex-home  .aktuell .post .icon {
    background: transparent;
	position: absolute;
	top: 20px;
	right: 20px;
}

.flex-home  .aktuell .post:hover .icon {
    background: transparent;

}


.home .aktuell .post .icon {
	width: 60px;
}
.home .aktuell .post .icon svg {
    position: relative;
    width: 60px;
    top: 0px;
    right: 0px;
	width: 
}




.flex-home  .aktuell .post .icon .st0 {
	fill: #0aaecc;
}

.button-news:hover,
.button-positionen:hover{
	color: #202020;
}
.button-news {
	font-family: 'Lora', serif;
	font-size: 35px;
	font-weight: 700;
	height: 60px;
	margin-top: -60px;
	display: block;
	color: #0ac2ac;
}

.button-positionen {
	font-family: 'Lora', serif;
	font-size: 35px;
	font-weight: 700;
	height: 60px;
	margin-top: -60px;
	display: block;
	text-align: right;
	color: #0aaecc;
}






.flex25 {
	display: flex;
	flex-wrap: wrap;
	margin-right: -30px;

	
}

.flex25 > div {
	flex-basis: 25%;
	box-sizing: border-box;
	padding-right: 30px;
	margin-bottom: 40px;
	position: relative;

	
}
.flex25 > div img {
	width: 100%;

	
}


.stiftungsrat h2 {
	font-size: 18px;
	margin: 0;
}
.portrait {
	margin-bottom: 20px;
}
.footer {
	background: rgb(10,194,172);
background: linear-gradient(90deg, rgba(10,194,172,1) 0%, rgba(10,174,204,1) 100%);
	color: #fff;
	padding:   60px 30px 30px 30px;
	box-sizing: border-box;
	margin-top: 100px;
	margin-bottom: 90px;
	display: flex;
	min-height: 500px;
}


.footer .social{
flex-basis: 50%;
	order: 1;
}
.footer .content-footer{
flex-basis: 50%;
	order: 2;
}


.footer .social img{
	width: 80px;
	
}
.footer .social a {
	margin-bottom: 20px;
	display: block;
}

.slick-dots {

    text-align: right !important;
}



#menu-item-1986 {
	display: none;
}

.toggle-box {
  
	z-index: 1000;
}

.toggle-x {
	display: none;
	
}

body.akk-nav .toggle-x {
	display: block;
}

body.akk-nav .toggle {
	display: none;
}


@media (max-width: 850px) {
	.flex25 > div {
    flex-basis: 33.33%;

}
	
	
	
	
	.toggle-box {
    display: block;
}
.aktuell .post {
    display: block;
}	
	
	.aktuell .post .text {
    flex-basis: 100%;
    box-sizing: border-box;
    padding-right: 80px;
    position: relative;
}
	
	
.aktuell .post .icon svg {
    position: absolute;
    width: 50px;
    top: 0px;
    right: 00px;
}	
	.menu-kontakt-container {
    display: none;
}
	

	nav.nav {
		display: none;
		padding-top: 120px;
		box-sizing: border-box;
		border: none;
		  overflow-x: auto;
	}
	
body.akk-nav	nav.nav {
		display: block;
	position: fixed;
	top: 0;
	height: 100%;
	background-color: #fff;
	z-index: 999;
	width: 100%;
	padding-right: 100px;
	}
	
	
	.nav > div:nth-child(1) {

    border-left: 0px dotted rgba(0, 87, 108, 0.4);
		 border-top: 2px dotted rgba(0, 87, 108, 0.4);
		padding: 30px 0;

}
	
	
	.nav > div:nth-child(2) {
	padding: 30px 0;
	 border-top: 2px dotted rgba(0, 87, 108, 0.4);
    border-left: 0px dotted rgba(0, 87, 108, 0.4);

}
	
	.nav > div:nth-child(3) {
	 border-top: 2px dotted rgba(0, 87, 108, 0.4);
    border-left: 0px dotted rgba(0, 87, 108, 0.4);
padding: 30px 0;
}
	
	#menu-item-1986 {
    display: block;
}
	header {
        border-bottom: 2px dotted rgba(0, 87, 108, 0.4);
}
	
	
.flex-home {
    display: block;
  
}	
	
.flex-home > div:nth-child(2) {
    border-left: 0px dotted rgba(0, 87, 108, 0.4);
}	
	
	.flex-home .aktuell.news  {
	margin-bottom: 180px
}		
.flex-home .aktuell.positionen {
    padding-left: 0px;
	    border-top: 2px dotted rgba(0, 87, 108, 0.4);
}		
	
.flex-home .aktuell.news .post {
    padding-left: 0px;

}		
.flex-home .aktuell.positionen .post {
    padding-left: 0px;
}	
	
.button-positionen {
    text-align: left;

}
	
.content {
    padding: 0 30px;
}
	.home .aktuell .post .icon svg {
    position: relative;
    width: 50px;
    top: 0px;
    right: 0px;
    width: ;
}

	.aktuell.news .post ,
	.aktuell.positionen .post {
		position: relative;
	}	
	
.aktuell.news .post .icon,
	.aktuell.positionen .post .icon{
    flex-basis: 25%;
		position: absolute;
		width: 50px;
		top: 15px;
		right: 0;

 
    padding-bottom: 25%;
 
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}
	
	.logo {
    width: 400px;
		max-width: 70%;
}
	
	
	.einleitung.ein-66 {
    width: 100%;
}
	
	
	.footer {
    background: rgb(10,194,172);
    background: linear-gradient(90deg, rgba(10,194,172,1) 0%, rgba(10,174,204,1) 100%);
    color: #fff;
    padding: 60px 30px 30px 30px;
    box-sizing: border-box;
    margin-top: 100px;
    margin-bottom: 90px;
    display: block;
    min-height: 500px;
}
	
	.footer >  .social .social  {
    margin-bottom: 20px;
    display: inline-block;
}
	.social-box {
		margin-top: 60px;
	}
	.social-box > div{
    margin-bottom: 20px;
    display: inline-block;
		margin-right: 30px;
}
	
	
	
	
	
}















@media (max-width: 650px) {   

	
		.flex25 > div {
    flex-basis: 50%;

}
	
	
	
.aktuell .post .text {
    flex-basis:  100%;
	width: 100%;
    box-sizing: border-box;
    padding-right: 0px;
    position: relative;
}




}