@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Upright:wght@300;700&display=swap');


/*
font-family: 'Rochester', cursive;
font-family: 'Yaldevi', sans-serif;
*/


* {
    margin: 0;
    padding: 0;
    -mozbox-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

Benutzer-Agent-Stylesheet
:root {
    view-transition-name: root;
}
Benutzer-Agent-Stylesheet
html {
    display: block;
}

 
.wrapper{
max-width: 1340px;
padding: 0 40px;
margin: 0 auto;
}
 
.column {
float: left;
margin: 0 0 0 2%;
padding: 25px 0 0;
text-align: left;
}
 
.column:first-child{
margin-left: 0;
}
 
/* Clearfix */
.row:before,
.row:after {
content: " ";
display: table;
}
 
.row::after {
clear: both;
}

.center {
display: block;
margin-left: auto;
margin-right: auto;
}
 
/* Raster */

/*Typo*/

h1{
	font-family: 'Cormorant Upright', serif;
	font-size: 2.25em;
	line-height: 0.75em;
	font-kerning: auto;
	color: #BAAF3B;
	text-align: center;
}

h2{
	font-family: 'Cormorant Upright', serif;
	font-size: 2em;
	font-kerning: auto;
	line-height: 3em;
	color: #BAAF3B;
}

h3{
	font-family: 'Cormorant Upright', serif;
	font-weight: 300;
	font-size: 1.75em;
	font-kerning: auto;
	color: #BAAF3B;
	text-transform: uppercase;
}

p{
	font-family: 'Cormorant Upright', serif;
	font-weight: 300;
	font-size: 1em;
	letter-spacing:0.1em;
	line-height: 2;
	font-kerning: auto;
	color: #5D5502;
}

a{
	font-family: 'Cormorant Upright', serif;
	font-weight: 300;
	font-size: 1em;
	letter-spacing:0.1em;
	font-kerning: auto;
	color: #5D5502;
	text-decoration: none;
	text-align: right;
	padding-left: 40px;
}
.subline{
	font-family: 'Cormorant Upright', serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.5em;
	color: #5D5502;
}

/*
a:hover{
	color: #BAAF3B;
}

.navigation{
	text-align: right;
	padding-top: 50px;
}
*/

img{
	max-width: 100%;
	height: auto;
}


section{
  padding: 40px 0;
}

#philosophie_1{
	background-image: url('../img/background_2_2.jpg');
	background-position: center center;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-size: contain;
	height: 600px;
	
 }



#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 60px; /* Place the button at the bottom of the page */
  right: 20px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #5D5502; /* Set a background color */
  color: #E8DDC9; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 30px; /* Rounded corners */
  font-size: 1.25em; /* Increase font size */
  font-family: 'Cormorant Upright', serif;
}

#myBtn:hover {
  background-color: #553834;
}


#philosophie_1 h2{
	padding-top: 60px;
}

#philosophie_2{
	background-color: #E8DDC9;
    z-index: 1;
    position: relative;
}

#philosophie_2 img{
	z-index: 2;
    position: absolute;
	padding-left: 80px;
	top:-10px;
}

#philosophie_2 p{
  text-align: right;
}

#philosophie_3{
	padding:120px 0; 
}

#philosophie_4{
	background-color: #E8DDC9;
	z-index: 1;
    position: relative;
	height: 500px;
}

#philosophie_4 img{
	z-index: 2;
    position: absolute;
	padding-left: 50px;
	top:-300px;
}
#philosophie_4 p{
    text-align: right;
	padding-top: 126px;
}

#philosophie_5{
	background-image: url('../img/background_1.jpg');
	background-position: center center;
	background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
}

#philosophie_5 h2{
    text-align: left;
	padding-top: 60px;
}

#philosophie_5 p{
    text-align: left;
    color:#553834;
}

#philosophie_6{
	background-color: #553834;
	z-index: 1;
    position: relative;
	height: 400px;
}

#philosophie_6 img{
	z-index: 2;
    position: absolute;
	padding-left: 50px;
	top:100px;
}

#philosophie_6 p{
	padding-top: 40px;
	color:#E8DDC9;
}

#philosophie_8 p{
	color: #553834;
	padding-top: 126px;
}

.kurse-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 1.5rem;
    justify-items: center;
	background-color:#E8DDC9; 
}
.kurse-frame p{
    font-family: 'Cormorant Upright', serif;
	font-weight: 300;
	font-size: 1em;
	letter-spacing:0.1em;
	font-kerning: auto;
	color: #5D5502;
	text-align: left;
	padding-right: 40px;
}

.kurse-frame h2{
	font-size: 1.75em;
	text-align: left;
}

.footer-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 1.5rem;
    }

.footer-frame p{
    font-family: 'Cormorant Upright', serif;
	font-weight: 300;
	font-size: 1em;
	letter-spacing:0.1em;
	font-kerning: auto;
	color: #5D5502;
	text-align: left;
	padding-right: 40px;
}



.col_1{
width:100%;
}

.col_1_2{
width:49%;
}

.col_1_3{
width:33%;
}

.col_2_3{
width:66%;
}

.col_1_4{
width:24%;
}

.col_3_4{
width:74%;
}

.no-gutter .column{
margin:0;
padding: 20px;
}

.no-gutter .col_1_2{
width: 50%;
}
.no-gutter .col_1_3{
width: 33.33%;
}
 
.no-gutter .col_2_3{
width: 66.66%;
}
 
.no-gutter .col_1_4{
width: 25%;
}
 
.no-gutter .col_3_4{
width: 75%;
}
 
/* Media Queries */
 
@media only screen and (max-width: 950px) {
.col_1, .col_1_2, .col_1_3, .col_2_3, .col_1_4, .col_3_4, .col_1_2 .no-gutter .col_1_2,
	.no-gutter .col_1_3,
	.no-gutter .col_2_3,
	.no-gutter .col_1_4,
	.no-gutter .col_3_4 {
		width: 100%;
	}
	
.column{
margin-left: 0;
width: auto;
text-align: left;
}

 
}