a:link			{	text-decoration:none;color:#79c0c1;	}
a.linkfarbe 	{	color:white;text-decoration:none;	}
#inhalt a.linkfarbe:link	{	color:white;text-decoration:none;	}
#inhalt a.linkfarbe:link	{	color:white;text-decoration:none;	}
#inhalt a.linkfarbe:hover	{	color:#333;	}
#inhalt a.linkfarbe:visited	{	color:white;text-decoration:none;	}

	.table_popup			{		padding:8px 5px 3px 8px;border-spacing:3px;width:100%;		}
	.cal_table				{		border:0;border-spacing:1;padding:2;width:100%; 		}
	.calendar				{		border-collapse: separate;border-spacing:15px 30px;			}
	.calendar a:link		{		color:white;font-weight:bold;background-color:#79c0c1;text-decoration:none;padding:10px 10px 10px 10px;									
									display:flex;border:1px solid #9b9b9b;box-sizing:border-box;border-radius:3px 3px 3px 3px;box-shadow: 4px 4px 4px silver;	}
	.calendar a:hover		{		color:#262C2F;background-color:#f9f9f9;	}
	.calendar a:visited		{		color:#333;	}

            a.cal_head
            {
                color: #262C2F;
            }
            a.cal_head:hover
            {
                text-decoration: none;
            }
            .cal_head
            {
                background-color: #f8f0da;
                color:            #262C2F;
                font-weight:      bold;
				padding: 5px;
				padding-right: 5px;
				padding-left: 5px;
            }
			.pop_head
            {
                background-color: rgba(248,210,110,0.3);
                color:            #262C2F;
                font-size:        16;
                font-weight:      bold;
				padding: 5px;
				padding-right: 5px;
				padding-left: 5px;
            }
			.pop_row
            {
                background-color: rgba(248,210,110,0.3);
                color:            #262C2F;
                font-size:        12;
                font-weight:      bold;
				padding: 			5px;
				padding-right: 	5px;
				padding-left: 	5px;
            }
			.pop_row2
            {
                background: rgba(121,192,193,0.25);
                color:            #262C2F;
                font-size:        12;
                font-weight:      bold;
				padding: 			5px;
				padding-right: 	5px;
				padding-left: 	5px;
            }
            .cal_days 
            {
                font-weight:      bold;
            }
            .cal_content
            {
                background-color: #f8f0da;
                color:            #262C2F;
                font-weight:      normal;
            }
            .cal_today
            {
                background-color: #79c0c1;
                color:            white;
                font-weight:      bold;
            }
            .cal_event, a.cal_event
            {
                background-color: #f9f9f9;
                color:            #262C2F;
                font-size:        14;
                font-weight:      bold;
            }
            .cal_event_ferien, a.cal_event_ferien
            {
                background-color: #BF3B3B;
                color:            white;
                font-weight:      bold;
            }

/*	POPUP-Kalender	*/
body {

  background-size: cover;
  height: 100vh;
}

.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .EFS{
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 30px;
  transition: all 200ms;
  font-size: 40px;
  font-weight: bold;
  color: #00AEAF;
}

.popup .close{
  z-index: 1;
  position: absolute;
  top: -10px;
  right: 30px;
  transition: all 200ms;
  font-size: 50px;
  font-weight: bold;
  color: #333;
}
.popup .close:hover {
  color: #333;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}