:root {
    --color-back: #646464;
    --color-border: #77a020;
    --color-font: #454545;
    --color-logo: #fee9ca;
    --color-wrapper: #ffec99;
    --color-logo-font: #592c1c;                                  
    --color-nav: #8a0b52;
    --color-nav-border1: #ee4799;
    --color-nav-border2: #420527;
    --color-nav-font: #eee;
    --color-nav-font-hover: #ccc;
    --color-side: #ffe4b5;
    --color-footer: #6e9100;
    --color-footer-font: #53554f;
    --color-footer-font-shadow: #fff;
    --color-footer-link: #53554f;
    --color-footer-hover: rgb(94,118,16);
    --color-navicon: #efefef;
    --color-toggle: #abaf1d;
    --color-toggle-hover: #fff;    
    --color-kat-font: #fff; 
    --color-praxis: #e3e3e3;
    --color-feedback: #fcfcfc;
    --color-kat-a: #b1b43f;
    --color-kat-sec: #bec163;
    --color-price: rgba(177, 180, 63,0.7);
    --color-feedback-font: #3c3c3c;
    --color-focused: #30aed6;
    --color-red: rgba(255,102,51,1);
}


body {
	background-color: var(--color-back);
}
* {
	box-sizing: border-box;
}
.wrapper {
	display: block;
	max-width: 1024px;
	margin: 0 auto;
  background: var(--color-back);                         
	border-radius: 20px;
  color: var(--color-font);  
	font: 1.2em Palatino Linotype, Lucida Console;
}
.wrapper > * {
	border: 1px solid var(--color-border);
	background-color: var(--color-wrapper); 
    color: var(--color-font);  
	border-radius: 20px;
	padding: 10px;
}
.main-head {
	background: url(./imgs/header.jpg) no-repeat;
  background-size: 100% 100%;
  height: 170px;    
	grid-area: header;       
}
.logo_wrap{
  background: var(--color-logo);   
  border: 2px solid var(--color-border);
  display: block;
  border-radius: 20px;
  width: 80%;
  max-width: 80%;
  padding: 10px 30px 10px 30px;  
  margin-top:-125px;
  margin-left: auto;
  margin-right: auto;
  position: relative; 
  z-index:1;
}
.logo_link{
height:125px;
  display: block;
  border-radius: 20px;
  width: 80%;         
  margin-top:15px;
  margin-left: auto;
  margin-right: auto;
  opacity: 50;
  z-index: 10;
  overflow: auto;
  position:relative;
}
.logo_container{ 
  color: var(--color-logo-font);
  display: grid;
  grid-row: row 5;
  grid-gap: 0px;
  grid-template-columns: 1fr 6fr; 
  width: 100%;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  background: var(--color-logo);
}
.logo_img{
grid-row: 1 / 5;
grid-column: 1;
background: url(./imgs/logo_img.png) no-repeat center;
background-size: contain;
width: 80px;
height: 100%;  


}
.logo_hhl{         
grid-row: 2;
grid-column: 2;
display: block;  
text-align:left;
margin-bottom: 0px;
margin-top:auto;
font-weight: 900;  
padding-left: 20px;
font: 2vw Papyrus; 
}

.logo_hl{  
grid-row: 3;
grid-column: 2;
display: block; 
text-align: left;  
margin-bottom: 0px;
margin-top:auto;
font-weight: 900;  
padding-left: 20px;
font: 3.7vw Papyrus; 


}
.logo_sl{         
grid-row: 4;
grid-column: 2;
display: block;  
margin-top:auto;
text-align:left;
font-weight: 900;  
padding-left: 20px;
font: 2vw Papyrus; 
}

.content {
  grid-area: content;  
  border: 2px solid var(--color-border);
  border-radius: 2px; 
}
.postarea{  

  color: var(--color-font); 
  margin: 0 15px 0 15px;
  border-radius: 10px;
  padding: 5px 10px 20px 10px;
  background-color: rgba(255, 255, 255, 0.5);
  -moz-hyphens: manual;
   -o-hyphens: manual;
   -webkit-hyphens: manual;
   -ms-hyphens: manual;
   hyphens: manual;
}
.postarea h1{
font: 1em Palatino Linotype, Lucida Console;
font-weight: bold;
}
.postarea p{
font: 0.9em Palatino Linotype, Lucida Console;
}

.page_list{
list-style-position: outside;
margin-left: -20px;
text-align:left;

}

.page_list > li{

font: 0.9em Palatino Linotype, Lucida Console;
}

.image{
  height: 345px;
  width: 80%;
  margin: auto;
  padding: 15px;
  background-color: #e9e9e9;
  box-sizing: border-box;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.imageh{
  height: 325px;
  width: 100%;
  margin: auto;
  padding: 15px;
  background-color: #e9e9e9;
  box-sizing: border-box;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.image2{
  height: 290px;
  width: 180px;
  margin: auto;
  padding: 15px;
  background-color: #e9e9e9;
  box-sizing: border-box;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.imgfp {
background: url(./imgs/fp.JPG) no-repeat;
background-size: contain;
background-position: center center;
box-shadow: inset 0 0 50px rgba(129, 129, 110, 0.8);
height: 270px;
width: 100%;
margin: auto;
background-color: rgba(0,0,0,0.7);
} 
.imghome {
background: url(./imgs/home.JPG) no-repeat;
background-size: cover;
background-position: center center;
box-shadow: inset 0 0 50px rgba(129, 129, 110, 0.8);
height: 270px;
width: 100%;
margin: auto;
background-color: rgba(0,0,0,0.7);
} 

.imgines{
background: url(./imgs/Ines.jpg) no-repeat;
background-size: contain;
background-position: center center;
box-shadow: inset 0 0 50px rgba(129, 129, 110, 0.8);
height: 215px;
width: 146px;
margin: 0px auto 15px auto;
background-color: rgba(0,0,0,0.7);
}

.imgmaren{
background: url(./imgs/Maren.jpg) no-repeat;
background-size: contain;
background-position: center center;
box-shadow: inset 0 0 50px rgba(129, 129, 110, 0.8);
height: 215px;
width: 146px;
margin: 0px auto 15px auto;
background-color: rgba(0,0,0,0.7);
}

.main-nav {
	display: block;
	grid-area: nav;
	background-color: var(--color-font);
	text-align: center;
}
.toggle,
[id^=drop] {
	display: none;
}
nav > a {
	display: none;
}
nav > ul {
	display: block;
  width: auto;
  margin-left: auto;
  margin-right: auto;
	padding-bottom: 10px;
  padding-left: 0px;      
}
nav  > ul > li {
	display: block;
  width: auto;      
  background: var(--color-nav);      
  margin: 5px auto 5px auto;         
  border-top: 1px solid var(--color-nav-border1); 
  border-left: 1px solid var(--color-nav-border1);
  border-bottom: 1px solid var(--color-nav-border2);  
  border-right: 1px solid var(--color-nav-border2);
  border-radius: 10px;
}
nav > ul > li:hover,nav > ul > li:active {
  background: var(--color-nav);
  border-top: 1px solid var(--color-nav-border2); 
  border-left: 1px solid var(--color-nav-border2);
  border-bottom: 1px solid var(--color-nav-border1);  
  border-right: 1px solid var(--color-nav-border1);
  border-radius: 10px;
  transition: all 500ms;
}
nav > ul > li > a {
	color: var(--color-nav-font);
  display: block;      
  padding: 2px 7px 2px 7px; 
}

nav > ul > li > a:hover,nav > ul > li > a:active{    
color: var(--color-nav-font-hover);
}



.side {
background: var(--color-side);
color: var(--color-font);  
	grid-area: sidebar;
}                                  
.divider{
display: block;
background: var(--color-font);
width: 100%;
height: 1px;
box-shadow: 0 1px 1px;
}
.side h1{ 
	font: 0.8em Palatino Linotype, Lucida Console;
  font-weight: bold;
}
.side p{
	font: 0.7em Palatino Linotype, Lucida Console;
}
.time{
display: block;
}
.kontakt{
display: block;
}  

.main-footer {
	background: url(./imgs/placement.jpg);
  background-size:  100% 100%;
  display: block;
  color: var(--color-footer-font);
  text-shadow: 0 0 1px var(--color-footer-font-shadow);
  padding-top: 10px;
  font-size: 0.8em;  
  font-weight: bold;
	grid-area: footer;
}
.main-footer > a{
	color: var(--color-footer-link);
  background: rgb(255,255,255,0.5);
	text-decoration: none;
  
  border-radius: 5px;
}

.main-footer > a:hover{ 
	color: var(--color-footer-hover);
}

.main-footer > a#nvisi{   
  background: rgb(255,255,255,0);
	text-decoration: none;
}

.wrapper {
	display: grid;
	grid-gap: 2px;
	grid-template-areas:     "header"    "nav"    "content"    "sidebar"     "footer";
	text-align: center;
  
}







@media screen and (max-width: 601px) {.toggle + a, nav-icon,
	nav > ul {
		display: none;
	}
   
  
.content{
border-radius: 20px;
}
.main-nav {
border-radius: 20px;
}
.side{
border-radius: 20px;
}

.nav-icon {
  width: 100%;
  margin-left: auto;
  margin-right: 20px;      
  content: "";
  position: relative;
  top: 30%;
  width: 30px;
  height: 3px;
  background: var(--color-navicon);
  box-shadow: 
    0 8px 0 0 var(--color-navicon),
    0 16px 0 0 var(--color-navicon);
}

	/* Styling the toggle lable */
	.toggle {
    
		display: block;
		background: var(--color-toggle);
    border-radius: 10px ;
    border: 2px solid var(--color-border); 
    height: 50px;
    }

   

  .toggle:hover{
   background: var(--color-border);
  }                    

  .toggle:hover > div{
   background: var(--color-toggle-hover);
   box-shadow: 
    0 8px 0 0 var(--color-toggle-hover),
    0 16px 0 0 var(--color-toggle-hover);
  }    

	[id^=drop]:checked + ul {
  
		display: block; 
    	}

}
@media screen and (min-width: 500px) and (max-width: 601px) {
.wrapper {
	grid-template-columns: 3fr 1fr;
	grid-template-areas:       "header  header"      "nav     nav"      "content sidebar"   "content ."         "footer  footer";
}

.content{
border-radius: 20px 2px 2px 20px;
}

.main-nav {
border-radius: 20px;
} 
.side{
border-radius:  2px 20px 20px 2px; 
border: 2px solid var(--color-border);
}
}


@media screen and (min-width: 601px) and (max-width: 800px){
.wrapper {
	grid-template-columns: 1fr 3fr;
	grid-template-areas:       "header header"      "nav    content"      "nav    content"    "sidebar sidebar"      "footer footer"
}

.content{
border-radius: 2px 20px 20px 2px;
}

.main-nav {
border-radius: 20px 2px 2px 20px;
border: 2px solid var(--color-border);
}
.side{
border-radius: 20px;
}
}
@media screen and (min-width: 800px) {
.wrapper {
	grid-template-columns: 1fr 4fr 1fr;
	grid-template-areas:       "header header  header"    "nav    content sidebar"      "nav    content ."          "footer footer  footer"
}
nav ul {
	flex-direction: column;
}

.content{
border-radius: 2px 2px 2px 2px;
}

.main-nav {
border-radius: 20px 2px 2px 20px;
border: 2px solid var(--color-border);
}
.side{
border-radius: 2px 20px 20px 2px; 
border: 2px solid var(--color-border);
} 
}
@media screen and (min-width: 601px) and (max-width: 799px){
.side{
padding: 0 50px 0 50px;}
.time{
display: block;
float: left;
}
.kontakt{
display: block;
float: right;
}
.divider{
display: none;
}
}
@media screen and (min-width:1024px){
.logo_hhl{
font: 1em Papyrus; 
 }    
.logo_hl{
font: 2em Papyrus; 
 }
.logo_sl{
 font: 1em Papyrus; 
 }
 
}
@media screen and (min-width:600px) and (max-width:1024px){
.logo_hhl{
font: 2vw Papyrus; 
}    
 .logo_hl{
font: 3.7vw Papyrus; 
 }
 .logo_sl{
 font: 2vw Papyrus; 
}
 
}
@media screen and (min-width:520px) and (max-width:600px){
.logo_hhl{
font: 2vw Papyrus; 
}
.logo_hl{
font: 3.2vw Papyrus; 
 }
 .logo_sl{
 font: 2vw Papyrus; 
 }
 
}


@media screen and (max-width:520px){
#.logo_hhl{
#display:none;
# }    
#.logo_hl{
#display:none;
# }
# .logo_sl{
#display:none; 
# }

.logo_hhl{
    font: 2.8vw Papyrus; 
    }
    .logo_hl{
    font: 3.2vw Papyrus; 
     }
     .logo_sl{
     font: 2.8vw Papyrus; 
     }

 .logo_img{  
  margin-left: auto;
  margin-right: auto;
 }
 .logo_container{     
  display: grid;
  grid-template-columns: 1fr; 
  margin-left:auto;
  margin-right: auto; 
}
}





a.trivial {color: #C55;}
#home {
width: 100%;
position:relative; 
}
#home * {
	box-sizing: border-box;
}
#home_box {
	width: 100%;
	position: relative;
border-radius: 10px; 
}
#home_content {
		padding: 20px;
    
}  
#home_content:before {
	content:"";
	width: 80px;
	height: 80px;      
}
#home_link:before, #home_link:after {
	position: absolute;
	display: block;
	z-index: 2;
	border-top-right-radius: 60%;
	width: 50%;
	height: 50%;
	content: "";       
}
#home_link:before {                                                                         
	background: -webkit-radial-gradient(-220% 350%, circle, rgba(255,255,255,0.1) 85%, rgba(0,0,0,1) 93%);
	right: 100%;
	top: 0%;
}
#home_box:hover #home_link:before {
	border-right: solid 1px #fff;
}
#home_box div#home_corner:hover #home_link:before {
	border-right: solid 2px #fff;
}
#home_link:after {                                                                                  
	background: -webkit-radial-gradient(-250% 320%, circle, rgba(255,255,255,0.1) 85%, rgba(0,0,0,1) 93%);
	top: 100%;
	right: 0%;
}
#home_box:hover #home_link:after {
	border-top: solid 1px #fff;
}
#home_box div#home_corner:hover #home_link:after {
	border-top: solid 2px #fff;
}
#home_corner {
	height: 70px;
	width: 70px;
	right: 0;
	top: 0;
	position: absolute;
	overflow: visible;
}
#home_box:hover #home_corner { 
	height: 80px;
	width: 80px;
}
#home_box div#home_corner:hover { 
	height: 100px;
	width: 100px;
}
#home_corner:before {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	display: block;  
	width: 133%;
	height: 133%;
}
#home_corner_content:after {  
	background:  -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 37%, #DDD 62%, rgba(230, 230, 230, 0.1) 64%, rgba(255, 255, 255, 0) 67%), -webkit-radial-gradient(-50% 150%, circle, transparent 74%, rgba(0, 0, 0, 0.2) 74%, transparent 81%);
	position: absolute;
	top: 0;
	right: 0;
	content: "";display: block;
	width: 133%;
	height: 133%;
}
#home_link {                                                                                                       
	background: -webkit-linear-gradient(45deg, #ddd 17%, #dfdfdf 18%, #f5f5f5 30%, #f8f8f8 34%, #eee 39%, rgba(200,200,200,0) 41%);
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
}
#home_corner_button {                                            
	background-color: #900;
	position: absolute;
	width: 150%;
  height: 150%;
  padding-top: 10px;
	top: 0;
	right: 0;
	color: #fff;
	font-family: Papyrus, Verdana, Geneva, sans-serif;
	text-align: center;
	display: inline-block;
	font-size: 0.8em;
  font-weight: bold;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg);
}


#home_corner_content {
	width: 150%;
	position: absolute;
	display: block;
	overflow: hidden;
	-webkit-mask: -webkit-linear-gradient(45deg, transparent 49%, #000 53%);
	top: 0;
	right: 0;
	height: 150%;
}
#home_corner_content:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	display: block;
	width: 125%;
	height: 125%;
}
#home_corner, #home_corner_content, #home_link {
	-webkit-transition-property: all;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: cubic-bezier(0, 0.35, .5, 1.7);
}

#home_container > div{

  margin-left: auto;
  margin-right: auto;
}

#home_container > div > p{  
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  display: block;

  }









.about {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 50px 2px;
  padding: 10px;
}
.about > div{
}   
.about > .item1 { 
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
.about > .item2 {
text-align:left;
padding:0 10px 0 10px;
grid-column-start: 3;
grid-column-end: 7;
grid-row-start: 1;
grid-row-end: 2;
}
.about > .item3{     
text-align:left;     
padding:0 10px 0 10px;
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 3;
grid-row-end: 4;
}
.about > .item4 {    
grid-column-start: 4;
grid-column-end: 7;
grid-row-start: 3;
grid-row-end: 4;
}
.about_div{
border-bottom: 2px dotted;
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 2;
grid-row-end: 3;
}
.about h1{
margin-top: -5px;
}
.about p{
}

.coupon{
background: var(--color-price);
width: 100%;           
padding: 10px 10px 0 10px;      
border-radius: 15px;
display: grid;
grid-template-columns: 1fr;
}


.coupon > .n_container{     
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;     
display: grid;  
background-color: var(--color-kat-a);       
grid-gap: 5px;
grid-template-columns: 1fr; 
border-radius: 10px;
}



.coupon > .n_container > .item1{
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;   
padding: 0 5px 0 5px;
background: rgba(50,50,50,0.1);
border-radius: 10px 10px 0 0;
}

.coupon > .n_container > .item2{
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;     
padding: 0 5px 0 5px;
background: rgba(200,200,200,0.2);
border-radius: 0 0 0 10px;
}
.coupon > .item3{
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;  
padding: 0 5px 0 5px;           
justify-self: end;
}

.news_con{
padding: 10px;
border-radius: 10px;
background: rgba(200,200,200,0.2);
}
.n_month{
width: 100%;
margin-top: 20px;
padding: 10px;
border-radius:  10px 10px 5px 5px;
background-color: rgba(177,180,63,0.3);
}
.n_month_s{
width: 100%;
padding: 10px;
border-radius:  5px 5px 10px 10px;
background-color: rgba(177,180,63,0.3);
}
.n_month > h2{
font: 1.2em Palatino Linotype, Lucida Console;
font-weight: bold;
}
.news{
background: var(--color-price);
width: 100%;           
padding: 10px;      
border-radius: 15px;
display: grid;
margin-bottom: 10px;
grid-template-columns: 1fr 1fr;
}

.news > .item1{        
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;  
padding: 0 5px 0 5px;
}



.news > .n_container_n{       
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;         
display: grid;  
background-color: var(--color-red);       
grid-gap: 5px;
grid-template-columns: 1fr 1fr; 
border-radius: 10px;
}

.news > .n_container_n > .item2{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;   
padding: 0 5px 0 5px;
background: rgba(50,50,50,0.1);
border-radius: 10px 10px 0 0;
}

.news > .n_container_n > .item3{
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;  
padding: 0 5px 0 5px;  
background: rgba(200,200,200,0.2);
border-radius: 0 0 0 10px;
}
.news > .n_container_n > .item4{
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3; 
padding: 0 5px 0 5px;        
background: rgba(200,200,200,0.2);
border-radius: 0 0 10px 0;
}

.news > .n_container{       
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;         
display: grid;  
background-color: var(--color-kat-a);       
grid-gap: 5px;
grid-template-columns: 1fr 1fr; 
border-radius: 10px;
}

.news > .n_container > .item2{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;   
padding: 0 5px 0 5px;
background: rgba(50,50,50,0.1);
border-radius: 10px 10px 0 0;
}

.news > .n_container > .item3{
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;  
padding: 0 5px 0 5px;  
background: rgba(200,200,200,0.2);
border-radius: 0 0 0 10px;
}
.news > .n_container > .item4{
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3; 
padding: 0 5px 0 5px;        
background: rgba(200,200,200,0.2);
border-radius: 0 0 10px 0;
}
.news > .item5{        
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 3;
grid-row-end: 4;
padding: 0 5px 0 5px; 
justify-self: start;

}
.news > .item6{        
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
padding: 0 5px 0 5px; 
justify-self: end;
}

.n_legend{
width: 100%;        
border-radius: 15px;
display: grid;
margin: 25px 0 10px 0;
grid-template-columns: 5fr 30px;
grid-gap: 5px 0px;
}

.n_legend > .n_green_label{      
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;      
justify-self: end;
padding-right: 15px;
}

.n_legend > .n_red_label{      
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;       
justify-self: end;   
padding-right: 15px;
}

.n_legend > .n_green{
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
border-radius: 15px;
background-color: var(--color-kat-a); 
}

.n_legend > .n_red{
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;   
border-radius: 15px;
background-color: var(--color-red); 
}

.praxis{
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 5px;
align-content: end;
} 
.praxis > div{
height: 250px;
border-radius: 10px;
}
.praxis label{
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
display: block;  
border-radius: 10px;
color: var(--color-praxis);  
}
.praxis > .item1{ 
background: url(./imgs/imge1.JPG);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;        
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
.praxis > .item2{ 
background: url(./imgs/imge2.JPG);
background-size: cover;
background-repeat: no-repeat;
background-position: center;        
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 2;
}
.praxis > .item3{ 
background: url(./imgs/imge3.JPG);
background-size: cover;
background-repeat: no-repeat;
background-position: center;        
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
}
.praxis > .item4{ 
background: url(./imgs/imge4.JPG);
background-size: cover;
background-repeat: no-repeat;
background-position: center;        
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
} 
.praxis > .item5{ 
background: url(./imgs/imge5.JPG);
background-size: cover;
background-repeat: no-repeat;
background-position: center;        
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 2;
grid-row-end: 3;
}
.praxis > .item6{ 
background: url(./imgs/imge6.JPG);
background-size: cover;
background-repeat: no-repeat;
background-position: center;        
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 3;
grid-row-end: 4;
}
.praxis > .item7{ 
background: url(./imgs/imge7.JPG);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;        
grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 3;
grid-row-end: 4;
}
.praxis > .l1{      
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
border-radius: 10px;
z-index: 50;
}
.praxis > .l2{      
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 2;
border-radius: 10px;
z-index: 50;
}.praxis > .l3{      
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
border-radius: 10px;
z-index: 50;
}.praxis > .l4{      
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
border-radius: 10px;
z-index: 50;
}.praxis > .l5{      
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 2;
grid-row-end: 3;
border-radius: 10px;
z-index: 50;
}.praxis > .l6{      
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 3;
grid-row-end: 4;
border-radius: 10px;
z-index: 50;
}.praxis > .l7{      
grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 3;
grid-row-end: 4;
border-radius: 10px;
z-index: 50;
}

.kat-container {
  width: 100%;
  margin: 20px auto auto auto;
  background: var(--color-toggle);
  border-radius: 10px;
}
.kat-container > div > a{
text-decoration: none ;
display: none;
}
.kat-container .kat-body {
  width: 98%;
  width: calc(100% - 20px);
  margin: 0 auto;
  height: 0;
  color: rgba(0, 0, 0, 0);;
  background-color: rgba(255, 255, 255, 0.2);
  line-height: 28px;
  padding: 0 20px;
  box-sizing: border-box;
  transition: 0.5s;
  position: relative;
}
.kat-body{
font-size: 0px;
border-bottom: 2px solid var(--color-toggle); 

}
.kat-body > a{
background-color: rgba(0,0,0, 0.2);
color: var(--color-kat-font);
text-decoration: none;
border-radius: 5px; 
display: none;
width: auto;
padding: 0 3px 0 3px;
right: 10px;
bottom: 2px;
top: auto;
left: auto;
position: absolute;
}
.kat-body > ul{ 
list-style: none;
width: 100%;
margin: 0 auto 0 auto;
padding: 0;
}
.kat-body > ul > li{
display: none;
}
.kat-body > ul > li > a{
display: block;
width: 100%;
text-decoration: none;
color: var(--color-kat-font);
margin-bottom: 3px;
background-color: var(--color-kat-a);
border-radius: 5px;
border-bottom: 2px solid var(--color-toggle);
}
.kat-body > ul > li > a:hover{ 
border-top: 2px solid var(--color-toggle);  
border-bottom: none;
background-color: rgba(255, 255, 255, 0.1);
}
.kat-body > ul > li > .secl{
display: block;
width: 100%;
text-decoration: none;
color: var(--color-kat-font);
background-color: var(--color-kat-sec);
}  
.kat-container label {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  padding: 15px;
  width: 100%;
  color: var(--color-kat-font);
  font-weight: 400;
  box-sizing: border-box;
  z-index: 100;
}

.kat-container .sec{
  cursor: pointer;
  background-color: rgba(200,200,200, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  padding: 15px;
  width: 100%;
  color: var(--color-kat-font);
  font-weight: 400;
  box-sizing: border-box;
  z-index: 100;

}

.kat-container input{
  display: none;
}

.kat-container label:before {
  font-weight: bolder;
  float: right;
}

.kat-container input:checked+label {
  display: none;
}
.kat-container input:checked+label:before {
  transition: 0.5s;
}

.kat-container input:checked~.kat-body {
  height: auto;
  color: var(--color-kat-font);
  font-size: 16px;
  padding: 20px 20px 50px 20px;
  transition: 0.2s;
}

.kat-container input:checked~ a{
display: block;
}
.kat-container input:checked~.kat-body > a{
display: block;
}
.kat-container input:checked~.kat-body > ul > li{
display: block;
}
.podologie{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 5px 15px;
  padding: 10px;   
}
.podologie > div{
}  
.podologie > .item1{ 
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}   

.podologie > .item2{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
}  
.podologie > .item3{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
}  
.podologie > .item4{
grid-column-start: 1;
grid-column-end: 2;
text-align:left;
}  
.podologie > .item5{
grid-column-start: 2;
grid-column-end: 3;
text-align:right;
}  
.podologie > .item6{
grid-column-start: 1;
grid-column-end: 3;
border-bottom: 1px dotted;
}   





.price{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-gap: 5px 5px; 
border-radius: 10px;
margin-bottom: 10px;
padding: 3px 0 3px 0;
background: var(--color-price);
}
.price > div{         
}
.price > .item1{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;     
border-radius: 10px;
background: rgba(50,50,50,0.1);
}
.price > .item2{
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;     
border-radius: 10px;
background: rgba(200,200,200,0.2);
}
.price > .item3{
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;        
border-radius: 10px;
background: rgba(200,200,200,0.2);
}

#feedback-page{
	text-align:center;
}

.contact{    
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 25px 10px;

}
.contact > div{
border-radius: 10px;
}
.contact > .item1{
padding-left: 10px;
padding-right: 10px;
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}

.contact > .item1 > h1 {
    display: block;
    margin-left: 0;
    margin-right: auto;
    text-align: left

}
.contact > .item2{  
padding-left: 10px;
padding-right: 10px;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
}

.contact > .item2 > p{
    display: block;
    margin-left: 0;
    margin-right: auto;
    text-align: left

}
//.contact > .item3{
//grid-column-start: 2;
//grid-column-end: 3;
//grid-row-start: 2;
//grid-row-end: 3;
//}

#form-main{
	width:100%;     
  margin-left: auto;
  margin-right: auto;
	padding-top:0px;
}

#form-div {
	padding-left:25px;       
	padding-right:25px;
	padding-top:35px;
	padding-bottom:10px;
	width: 100%;
	position: relative;         
  margin-left: auto;
  margin-right: auto;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.feedback-input {
	color: var(--color-feedback-font);
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 14px;
	border-radius: 10px;
	line-height: 18px;
	background-color: var(--color-feedback);
	padding: 13px 13px 13px 54px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  border: 1px solid rgba(150,150,150,0.3);
}

.feedback-input:focus{
	background: var(--color-kat-font);
	box-shadow: 0;
	border: 3px solid var(--color-toggle);
	color: var(--color-toggle);
	outline: none;
  padding: 13px 13px 13px 54px;
}

.focused{
	color:var(--color-focused);
	border:var(--color-focused) solid 3px;
}

/* Icons ---------------------------------- */
#name{
	background-image: url(./imgs/Account_B.png);
	background-size: 25px 25px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#name:focus{
	background-image: url(./imgs/Account_W.png);
	background-size: 25px 25px;
	background-position: 8px 5px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email{
	background-image: url(./imgs/Mail_B.png);
	background-size: 25px 25px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email:focus{
	background-image: url(./imgs/Mail_W.png);
	background-size: 25px 25px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#password{
	background-image: url(./imgs/Security_B.png);
	background-size: 25px 25px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#password:focus{
	background-image: url(./imgs/Security_W.png);
	background-size: 25px 25px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#comment{
	background-image: url(./imgs/Message_B.png);
	background-size: 25px 25px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}
#comment:focus{
	background-image: url(./imgs/Message_W.png);
	background-size: 25px 25px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}
textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:white;
}

#button-send{
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	width: 100%;
	border: var(--color-feedback) solid 4px;
	cursor:pointer;
	background-color: var(--color-toggle);
	color:white;
	font-size:18px;
	padding-top:10px;
	padding-bottom:10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  margin-top:-4px;    
	border-radius: 10px;
  font-weight:700;
}

#button-send:hover{
	background-color: rgba(0,0,0,0);
	color: var(--color-toggle);
}
	
.submit:hover {
	color: var(--color-toggle);
}
	
.ease {
	width: 0px;
	height: 46px;
	background-color: var(--color-feedback);
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:white;
}

.new_news{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 0px 15px;
  padding: 0 5px 0 5px;
  margin-top: -10px;
}

.new_news > .item1{
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 2;
}
.new_news > .item2{
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 2;
grid-row-end: 3;
}
.new_news > .item3{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
}
.new_news > .item4{
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 3;
grid-row-end: 4;
}
.new_news > .item5{
grid-column-start: 4;
grid-column-end: 5;
grid-row-start: 3;
grid-row-end: 4;
}
.new_news > .item6{
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 4;
grid-row-end: 5;
}
.new_news > .item7{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 5;
grid-row-end: 6;
}
.new_news > .item8{
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 5;
grid-row-end: 6;
}  
.new_news > .item9{
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 6;
grid-row-end: 7;
}  
.new_news > .item10{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 7;
grid-row-end: 8;
} 
.new_news > .item11{
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 7;
grid-row-end: 8;
}
.edit-input {
	color: var(--color-feedback-font);
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 14px;
	border-radius: 10px;
	line-height: 18px;
	background-color: var(--color-feedback);
	padding: 13px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  border: 1px solid rgba(150,150,150,0.3);
}

.edit-input:focus{
	background: var(--color-kat-font);
	box-shadow: 0;
	border: 3px solid var(--color-toggle);
	color: var(--color-toggle);
	outline: none;
  padding: 13px;
}

.date-tccontainer { 
	color: var(--color-feedback-font);
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 14px;
	border-radius: 10px;
	line-height: 18px;
  text-decoration: none;
	background-color: var(--color-feedback);
	padding: 11px;
	margin: 10px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  border: 1px solid rgba(150,150,150,0.3); 
  }
  


.manage_n{
border-radius: 15px 15px 5px 5px;
background: var(--color-price);
display: grid;
grid-template-columns: 3fr 1fr 1fr;
grid-template-rows: auto;
grid-gap: 0px 5px;
height: 40px;
padding-top: 10px;
}


.manage_n_container{
background: var(--color-side);
border-top: 2px solid rgba(177, 180, 63,0.9);
border-left: 2px solid rgba(177, 180, 63,0.9);
border-right: 2px solid rgba(177, 180, 63,0.9);
border-bottom: 1px dotted rgba(177, 180, 63,0.9);
padding: 5px 0 5px 0; 
border-radius: 5px;
margin: 1px 0 1px 0;
display: grid;
grid-template-columns: 3fr 1fr 1fr;
grid-template-rows: auto;
grid-gap: 0px 5px;
}

.manage_n_container_old{
background: var(--color-red);
border-top: 2px solid rgba(177, 180, 63,0.9);
border-left: 2px solid rgba(177, 180, 63,0.9);
border-right: 2px solid rgba(177, 180, 63,0.9);
border-bottom: 1px dotted rgba(177, 180, 63,0.9);
padding: 5px 0 5px 0; 
border-radius: 5px;
margin: 1px 0 1px 0;
display: grid;
grid-template-columns: 3fr 1fr 1fr;
grid-template-rows: auto;
grid-gap: 0px 5px;
}

.manage_n_titel > a{  
font: 0.9em Palatino Linotype, Lucida Console;
font-weight: bold;
color: var(--color-font);
text-decoration: none;
}

.manage_n_titel{  
font: 0.9em Palatino Linotype, Lucida Console;
font-weight: bold;
color: var(--color-font);
text-decoration: none;
}
.manage_n_datum{  
font: 0.9em Palatino Linotype, Lucida Console;
font-weight: bold;
color: var(--color-font);
text-decoration: none;
}
.manage_n_option{  
font: 0.9em Palatino Linotype, Lucida Console;
font-weight: bold;
color: var(--color-font);
text-decoration: none;
}

.manage_n_footer{
border-radius: 5px 5px 15px 15px;
height: 20px;
background: var(--color-price);  

}

    
.manage_n_button{
	width: 80%;
  margin: auto;
  display: block;
	border: var(--color-feedback) solid 4px;
	cursor:pointer;
	background-color: var(--color-toggle);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  margin-top:20px;
  border-radius: 15px;
}

.manage_n_button > a{ 
	font-family: Arial, Helvetica, sans-serif;
  display: block;
	color:white;       
	padding-top:10px;
	padding-bottom:10px;
  
	font-size:18px;               
  font-weight:700;
  text-decoration: none;
}

.edit_p{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 0px 15px;
  padding: 0 5px 0 5px;
  margin-top: -10px;
}

.edit_p > .item1{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
.edit_p > .item2{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
}
.edit_p > .item3{
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 3;
grid-row-end: 4;
}
.edit_p > .item4{
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
}
.edit_p > .item5{
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 4;
grid-row-end: 5;
}
.edit_p > .item6{
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 4;
grid-row-end: 5;
}
.edit_p > .item7{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 5;
grid-row-end: 6;
}
.edit_p > .item8{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 6;
grid-row-end: 7;
}  

@media screen and (max-width: 950px){
.about > .item1 { 
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 1;
grid-row-end: 2;
}
.about > .item2 {
text-align:center;
padding:0 0 0 0;
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 2;
grid-row-end: 3;
}
.about > .item3{     
text-align:center;
padding:0 0 0 0;
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 5;
grid-row-end: 6;
}
.about > .item4 {    
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 4;
grid-row-end: 5;
}
.about_div{
border-bottom: 2px dotted;
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 3;
grid-row-end: 4;
}
}


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

#home_anschrift{ 
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
#home_sprechzeiten{ 
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
}


.praxis > .item1{
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 2;  
}         
.praxis > .item2{
grid-column-start: 1;
grid-column-end: 4;  
grid-row-start: 2;
grid-row-end: 3;  
} 
.praxis > .item3{
grid-column-start: 1;
grid-column-end: 4;   
grid-row-start: 3;
grid-row-end: 4;  
} 
.praxis > .item4{
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 4;
grid-row-end: 5;  
} 
.praxis > .item5{
grid-column-start: 1;
grid-column-end: 4;    
grid-row-start: 5;
grid-row-end: 6;  
} 
.praxis > .item6{
grid-column-start: 1;
grid-column-end: 4;   
grid-row-start: 6;
grid-row-end: 7;  
} 
.praxis > .item7{
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 7;
grid-row-end: 8;  
}
.praxis > .l1{     
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 2;  
}         
.praxis > .l2{      
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 2;
grid-row-end: 3;
}.praxis > .l3{      
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 3;
grid-row-end: 4;
}.praxis > .l4{      
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 4;
grid-row-end: 5;
}.praxis > .l5{      
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 5;
grid-row-end: 6;
}.praxis > .l6{      
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 6;
grid-row-end: 7;
}.praxis > .l7{      
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 7;
grid-row-end: 8;
}
.news > .n_container_n > .item3{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;  
padding: 0 5px 0 5px;  
background: rgba(200,200,200,0.2);
border-radius: 0 0 0 10px;
}
.news > .n_container_n > .item4{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4; 
padding: 0 5px 0 5px;        
background: rgba(200,200,200,0.2);
border-radius: 0 0 10px 0;
}
.news > .n_container > .item3{
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 2;
grid-row-end: 3;  
padding: 0 5px 0 5px;  
background: rgba(200,200,200,0.2);
border-radius: 0 0 0 10px;
}
.news > .n_container > .item4{
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 3;
grid-row-end: 4; 
padding: 0 5px 0 5px;        
background: rgba(200,200,200,0.2);
border-radius: 0 0 10px 0;
}
.new_news > .item3{
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 3;
grid-row-end: 4;
}
.new_news > .item4{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 4;
grid-row-end: 5;
}
.new_news > .item5{
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 4;
grid-row-end: 5;
}
.new_news > .item6{
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 5;
grid-row-end: 6;
}
.new_news > .item7{
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 6;
grid-row-end: 7;
}
.new_news > .item8{
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 7;
grid-row-end: 8;
}     
.new_news > .item9{
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 8;
grid-row-end: 9;
}
.new_news > .item10{
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 9;
grid-row-end: 10;
margin-bottom: 15px;
}
.new_news > .item11{
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 10;
grid-row-end: 11;
}

.edit_p{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 0px 15px;
  padding: 0 5px 0 5px;
  margin-top: -10px;
}

.edit_p > .item1{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
.edit_p > .item2{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
}
.edit_p > .item3{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
}
.edit_p > .item4{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 4;
grid-row-end: 5;
}
.edit_p > .item5{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 5;
grid-row-end: 6;
}
.edit_p > .item6{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 6;
grid-row-end: 7;
}
.edit_p > .item7{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 7;
grid-row-end: 8;
}
.edit_p > .item8{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 8;
grid-row-end: 9;
}  
.manage_n{
border-radius: 15px 15px 5px 5px;
background: var(--color-price);
display: none;
grid-template-columns: 3fr 1fr 1fr;
grid-template-rows: auto;
grid-gap: 0px 5px;
height: 40px;
padding-top: 10px;
}

.manage_n_container{
background: var(--color-side);
border-top: 2px solid rgba(177, 180, 63,0.9);
border-left: 2px solid rgba(177, 180, 63,0.9);
border-right: 2px solid rgba(177, 180, 63,0.9);
border-bottom: 1px dotted rgba(177, 180, 63,0.9);
padding: 3px 0 3px 0; 
border-radius: 5px;
margin: 1px 0 10px 0;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-gap: 5px 5px;
}
.manage_n_titel > a{  
font: 0.9em Palatino Linotype, Lucida Console;
font-weight: bold;
color: var(--color-font);
text-decoration: none;   
}

.manage_n_titel{  
font: 0.9em Palatino Linotype, Lucida Console;
font-weight: bold;
color: var(--color-font);
text-decoration: none;    
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
.manage_n_datum{  
font: 0.9em Palatino Linotype, Lucida Console;
font-weight: bold;
color: var(--color-font);
text-decoration: none;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
}
.manage_n_option{  
font: 0.9em Palatino Linotype, Lucida Console;
font-weight: bold;
color: var(--color-font);
text-decoration: none;
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
}

.manage_n_footer{
border-radius: 5px 5px 15px 15px;
height: 20px;
display: none;
background: var(--color-price);  

}
}




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

.fusspflege > .item1{ 
}
.contact > .item2{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
}
#//.contact > .item3{
#//grid-column-start: 1;
#//grid-column-end: 3;
#//grid-row-start: 3;
#//grid-row-end: 4;
#//}      
}