body{
	margin:0px;
	padding:0px;
	background-color: #FEF1D2;
	font-family:"Rotis Semi Sans","Century Gothic", "Arial";

	}

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

}

#kopfleiste{
	width:100%;
	height:200px;
	/* padding: 0 5% 0 5%;*/
	background-color: #FEF1D2;
	}
	#logo{
		position: absolute;
		top: 2%;
		left: 10%;
		right:68%;
		height: 172px;


		}
	#sdhig{
	position:absolute;
	top:1%;
	left:40%;
	right:30%;
	bottom:80%;
	text-align:center;
	font-size:2em;
	}
	.schmaus{
		color:#ff6400;
		font-size:2.5em
	}
#nav{
	width:90%;
	height:80px;
	padding:  20px 0 0 0;
	margin: 0 0 0 5%;
	background-color:#FEF1D2;
	}

	#nav li{
	list-style-type:none;
	margin:0;
	border:none;
	}

	#nav a,#nav a :visited  {
	float:left;
	display: block;
	height:40px;
	padding:10px 20px 0px 20px;
	background-color:#ff6400;
	text-decoration:none;
	color:black;
	border-color: black;
	border-style: solid;
	border-width: 0 1px 0 1px;
	min-width:200px;
	}



#inhalt{
	width:74%;
	float:left;
	margin:0 3% 0 3%;
	text-align: center;
	background-color:#FEF1D2;
    border-radius:20px;
    min-height: 100vh;
}


#inhalt .Urlaub{

	width:50%;
	font-size:1.4em;
	padding:1em;
	margin:1em 0 0 22%;
	background-color:#F4E8CD;
	box-shadow: -10px -5px 5px #EADFC4;
	border-radius:20px; 
    text-align: center;
} 

.Urlaubheadline{

    font-weight:bold;
    text-align: center;
}


#Oeffnungszeiten{
	margin:2em 0 0 38%;

}
#Oeffnungszeiten td{

	padding:1.5em 2em 0 0;
	text-align:left;


}


#Oeffnungszeiten table{
	border-collapse:collapse;

}


.termin{
	font-weight:bold;
	padding:1.5em 2em 0 0;
	text-align:left;
}

.Trenner{

    border-top: 2px;
    border-top-style: solid;
    border-top-color:#ff6400;
}

#Terminvereinbaren a{
	display: block;
	background-color:#ff6400;
	text-decoration:none;
	color:black;
	width:100px;
	height:70px;
	padding:15px 10px 0 10px;
	margin:3em 0 5em 45%;
	border-radius:1em;
}



#inhalt.Philosophie p{
	text-align:center;
}


#inhalt.galerie div{
	width:48%;
	min-width:200px;
	height:35em;
	margin:1.5em 0 3em 1%;
	float:left;
	text-align:center;
	padding:0;
}

#inhalt.galerie img{
	max-width:100%;
	max-height:100%;
}

#inhalt.galerie div .title{
	padding:1.5em;
	display:block;
}

#inhalt.produkte img{
	float:left;
	min-height:250px;
	padding: 0px 15px 15px 15px;
}
#inhalt.produkte div{
	min-height:250px;
	width:50%;
	clear:left;
	padding: 15px 0 0 0;
	margin:3em 5% 0 20%;
	border-color: grey;
	border-style: solid;
	border-width: 2px 0 0 0;
}

#inhalt.produkte p{
	text-align:left;
	line-height:1.5em;

}

#RechteSpalte{
	width:18%;
	float:left;
	margin:2% 2% 0 0;
	background-color:#F4E8CD;
	border-radius:20px;
	box-shadow: -10px -10px 8px #EADFC4;

	}

#RechteSpalte p{
	margin:1em 0 0 1.5em;
}

#RechteSpalte td{
	padding:1.5em 0 0 0.5em;
	text-align:left;
}

#RechteSpalte table{
	margin:0 0 0 1em;
}

#RechteSpalte li{
	list-style-type:none;
	padding:0.5em;
	text-align:center;
}

#RechteSpalte2{
	width:18%;
	float:left;
	margin:2% 2% 0 0;
	background-color:#F4E8CD;
	border-radius:20px;
	box-shadow: -10px -10px 8px #EADFC4;

	}
#RechteSpalte2 p{
	margin:1em 1em 1em 1.5em;
}

#RechteSpalte3{
	width:18%;
	float:left;
	margin:2% 2% 0 0;
	background-color:#F4E8CD;
	border-radius:20px;
	box-shadow: -10px -10px 8px #EADFC4;

	}
#RechteSpalte3 p{
	margin:1em 1em 1em 1.5em;
}

#RechteSpalte3 img {
    margin: 1em;
    width: 15%;
    height: auto;
}

#RechteSpalte3 h3 {

    margin:1em 1em 1em 1.5em;

}


.inhalt_sars_container {

    display: grid;
    grid-template-columns: [first] 8% [second] 10% [third] 60% [fourth] 22% [fifth];
    grid-template-rows: 100px 100px 100px 100px 100px 100px 100px 100px auto 100px;

}

.Inhalt_Hervorhebung {

   font-weight: bold;

}

.inhalt_sars_container img{

    max-height: 80px;
    align-self: center;
    justify-self: center;
    
} 

#Einleitung {

    grid-column: second / fourth ;
    grid-row: 1/1;

}

#Inhalt_sars_img_1 {

    grid-column: second/ third ;
    grid-row: 2/2;
  
}

#Inhalt_sars_text_1 {

    grid-column: third / fourth ;
    grid-row: 2/2;  
    align-self: center;  

}

#Inhalt_sars_img_2 {

    grid-column: second/third;
    grid-row: 3/3;
    
}

.Inhalt_sars_text_2 {

    grid-column: third / fourth;
    grid-row: 3/3;
    align-self: center;
   
}

.Inhalt_sars_text_2 p {

    margin: 0px;
}

#Inhalt_sars_img_3 {

    grid-column: second / third;
    grid-row: 4/4;
}

#Inhalt_sars_text_3 {

    grid-column: third / fourth;
    grid-row:4/4;
    align-self: center;
}

#Inhalt_sars_text_4 {

    grid-column: third / fourth;
    grid-row:5/5;
    align-self: center;
}

/* #Inhalt_sars_img_4 {

    grid-column: second / third;
    grid-row: 6/6;

}

#Inhalt_sars_text_5 {

    grid-column: third / fourth;
    grid-row:6/6;
    align-self: center;
} */



#Inhalt_sars_img_5{

    grid-column: second / third;
    grid-row: 6/6;

}

#Inhalt_sars_text_6 {

    grid-column: third / fourth;
    grid-row:6/6;
    align-self: center;
}

#Inhalt_sars_img_6{

    grid-column: second / third;
    grid-row: 7/7;

}

#Inhalt_sars_text_7 {

    grid-column: third / fourth;
    grid-row:7/7;
    align-self: center;
}

#Inhalt_sars_img_7{

    grid-column: second / third;
    grid-row: 8/8;

}

#Inhalt_sars_text_8 {

    grid-column: third / fourth;
    grid-row:8/8;
    align-self: center;
}



#inhalt.Datenschutz {

	
	text-align: left;
	margin: 0 0 0 6%;

}

.listedatenschutz {

	list-style: none;
}

@media screen and (min-width: 1200px) {

   #nav a:hover {
        background-color: #FF9146;
    }


    #Terminvereinbaren a:hover {
        background-color: #FF9146;
    }




}


    @media screen and (max-width:1660px) {

        #nav a {
            min-width: 160px;
        }
    }

	@media screen and (max-width:1400px) {

        #nav a {
            min-width: 100px;
        }
    }

 @media screen and (max-width: 1200px) {

        #kopfleiste {
            height: auto;
        }

        #logo {
            position: static;
            margin: 3% 0 0 25%;
        }

        #sdhig {
            position: static;
        }

        #inhalt {
            float: none;
            width: 100%;
        }

        #Oeffnungszeiten {
            margin: 2em 0 0 30%;
        }

        #RechteSpalte {
            float: none;
            width: 100%;
            padding: 1% 0 1% 0;
            margin: 0 0 1% 0;
            text-align: center;
            box-shadow: 0 0 0 0 black;
        }

            #RechteSpalte table {
                margin: 0 0 0 25%;
            }

        #RechteSpalte2 {
            float: none;
            width: 100%;
            padding: 1% 0 1% 0;
            margin: 0 0 1% 0;
            text-align: center;
            box-shadow: 0 0 0 0 black;
        }


        #RechteSpalte3{
            width:100%;
            float:none;
            margin:1% 1% 0 0;
            text-align: center;
            background-color:#F4E8CD;
            box-shadow: 0 0 0 0 black;
        
            }
        #RechteSpalte3 p{
            margin:1em 1em 1em 1.5em;
        }
        
        #RechteSpalte3 img {
            margin: 0.5em;
            width: 10%;
            height: auto;
        }

        #Terminvereinbaren a {
            margin: 4em 0 5em 35%;
        }

        #nav {
            height: auto;
            margin: 2% 0 0 0%;
            width: 90%;
        }

            #nav a {
                float: none;
                width: 100%;
                border-width: 0 0 1px 0;
                border-color: black;
                border-style: solid;
                text-align: center;
            }




        #inhalt.Philosophie {
            width: 90%;
        }

        #inhalt.produkte img {
            margin: 0% 0% 0% 0%;
            float: none;
        }

        #inhalt.produkte h3 {
            clear: left;
        }

        #inhalt.produkte p {
            clear: left;
        }

        #inhalt .Urlaub {
            width: 100%;
            margin: 0px;
            padding: 1em 0px 1em 0px;
        }

        .inhalt_sars_container {

            display: grid;
            grid-template-columns: [first] 5% [second] 10% [third] 80% [fourth] 5% [fifth];
            grid-template-rows: 150px 150px auto 150px 150px 150px 150px 150px auto 100px;
    }

    }
    @media screen and (max-width:630px) {

        #kopfleiste {
            height: auto;
        }

        #logo {
            position: static;
            margin: 0px;
        }

        #sdhig {
            position: static;
        }

        #inhalt {
            float: none;
            width: 100%;
			margin: 0 0 0 0;
        }

        #Oeffnungszeiten {
            margin: 0 0 0 2%;
        }

        #RechteSpalte {
            float: none;
            width: 100%;
            padding: 1% 0 1% 0;
            margin: 0 0 1% 0;
            text-align: center;
            box-shadow: 0 0 0 0 black;
        }

            #RechteSpalte table {
                margin: 0 0 0 25%;
            }

        #RechteSpalte2 {
            float: none;
            width: 100%;
            padding: 1% 0 1% 0;
            margin: 0 0 1% 0;
            text-align: center;
            box-shadow: 0 0 0 0 black;
        }

        #Terminvereinbaren a {
            margin: 35%;
        }

        #nav {
            height: auto;
            margin: 2% 0 0 0%;
            width: 80%;
        }

            #nav a {
                float: none;
                width: 100%;
                border-width: 0 0 1px 0;
                border-color: black;
                border-style: solid;
                text-align: center;
            }


        #inhalt.Philosophie {
            width: 90%;
        }

        #inhalt.galerie div {
            float: none;
            width: 90%;
            min-width: 200px;
            height: auto;
            margin: 1em 0 3em 1%;
            text-align: center;
            padding: 0;
        }

        #inhalt.produkte img {
            margin: 0% 0% 0% 0%;
            float: none;
            
        }

        #inhalt.produkte h3 {
            clear: left;
        }

        #inhalt.produkte p {
            clear: left;
        }

        #inhalt .Urlaub {
            width: 100%;
            margin: 0px;
            padding: 1em 0px 1em 0px;
        }

        .inhalt_sars_container {

            display: grid;
            grid-template-columns: [first] 5% [second] 10% [third] 80% [fourth] 5% [fifth];
            grid-template-rows: 150px 150px auto 150px 150px 150px 150px 150px auto 100px;

    }
    }