@charset "utf-8";
/* CSS Document */
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
*					{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
body, td, th		{font-family: "Times New Roman", Times, serif, Arial, Helvetica, sans-serif; color: rgba(0,102,0,1); font-size: 1rem;;
			 	 	 -webkit-word-break: break-normal; word-break: break-normal; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
body				{display: grid; grid-template-rows: auto auto 1fr auto; grid-template-areas: "header" "nav" "article" "footer";}
.grid-container		{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); grid-gap: 1rem;}
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
body, html		{margin: 0 auto; height: 100vh; background-color: "snow";}
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
header			{position: -webkit-sticky; position: sticky; top: 0; z-index: 9;}
nav				{text-align: center; margin: 0 auto; width: 95%;}
article			{margin: .9rem;}
footer			{font-size: .8rem; padding: .4rem; text-align: center;}
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
img				{max-width: 100%; height: auto; border: none;}
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
.float-rechts	{float: right;}			.float-links	{float: left;}			.clear-all		{clear: both;}
.text-rechts	{text-align: right;}	.text-links		{text-align: left;}		.text-center	{text-align: center;}		
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
.kein-trennen	{-moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none;}			
/*============================================================================================================================================================================*/
.objekt-center	{margin: 0 auto;}
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
a 				{font-size: .9rem;}
a:link 			{text-decoration: none; color: rgba(0,0,255,1);}
a:visited		{text-decoration: none; color: rgba(0,0,255,1);}
a:hover 		{text-decoration: underline; color: rgba(255,0,0,1);}
a:active 		{text-decoration: none; color: rgba(0,0,255,1);}
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
#menu a			{font-size: .9rem;}
#menu a:link	{text-decoration: none; color: rgba(0,0,255,1);}
#menu a:hover	{text-decoration: underline; color: rgba(255,0,0,1);} 
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
.schrift-01		{font-size: .9rem;}
.schrift-02		{font-size: 1rem;}
.schrift-03		{font-size: .9rem;}
.schrift-04		{font-size: 1rem; color: rgba(0,0,255,1);}
.schrift-05		{font-size: 1.7rem; font-style: italic; font-stretch: extra-expanded; font-weight: bolder;}
.schrift-06		{font-size: 0.8rem; font-style: italic; font-family: Georgia; margin-top: 0.5rem; padding-bottom: .5rem;}	
.schrift-07		{font-size: 1.2rem; font-style: italic; font-stretch: expanded; font-weight: bolder;}
.schrift-08		{font-size: .8rem;}
.schrift-09		{font-size: 1.3rem; color: rgba(51,102,255,1);}
.schrift-10 	{font-size: 1.1rem; color: rgba(0,102,0,1);}
.schrift-11		{font-size: 1.1rem; font-style: italic; font-stretch: expanded; font-weight: bolder;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.stil_5			{font-size: .7rem;}
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
.hr-01 			{background: rgba(0,0,255,1); border: none; color: rgba(0,0,255,1); height: 1px; width: 85%; margin-top: 1rem; margin-bottom: 1rem;}
.hr-02 			{background: rgba(0,0,255,1); border: none; color: rgba(0,0,255,1); height: 1px; width: 98%; margin: 1% auto;}
.hr-03 			{border: none; margin-top: 1rem; margin-bottom: 1rem; visibility: hidden;}
.hr-04 			{background: rgba(0,0,255,1); border: none; color: rgba(0,0,255,1); height: 1px; margin-top: 1rem; margin-bottom: 1rem;}
.hr-05 			{background: rgba(0,0,255,1); border: none; color: rgba(0,0,255,1); height: 1px; margin-top: 1rem; margin-bottom: 1rem;}
.hr-06 			{background: rgba(0,0,255,1); border: none; color: rgba(0,0,255,1); height: 1px; width: 85%; margin-top: .4rem; margin-bottom: .4rem;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*============================================================================================================================================================================*/
.rahmen-01		{border-radius: 3rem; border: rgba(0,0,255,1) solid 1px; overflow: hidden; box-shadow: 8px -10px 5px -2px rgba(0,0,255,1); padding: 1rem;}
.rahmen-02		{border-radius: 3rem; border: rgba(0,0,255,1) solid 1px; overflow: hidden; box-shadow: 8px 10px 5px -2px rgba(0,0,255,1); padding: 1rem;}
.rahmen-03		{border-radius: 1rem; border: rgba(170,0,0,1) solid 1px; overflow: hidden; box-shadow: 8px -10px 5px -2px rgba(204,102,51,1); padding: 1rem;}
.rahmen-04		{border-radius: 1rem; border: rgba(153,51,0,1) solid 1px; overflow: hidden; box-shadow: 8px -10px 5px -2px rgba(153,51,51,1); padding: 1rem;}
.rahmen-05		{border: rgba(153,51,0,1) 1px solid; border-radius: .8rem; padding: 1rem;}
.rahmen-06		{border: hidden 1px solid; border-radius: .8rem; padding: 1rem;}
.rahmen-07		{border: rgba(255,0,0,1) 2px solid; border-radius: .8rem; padding: 1rem;}
.rahmen-08		{border-radius: 20px 20px 0px 0px;}
.rahmen-09		{border-left: 1px solid rgba(153,51,0,1);}
.rahmen-10		{border-radius: 20px;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*======== div hidden  ===============================================================================================================================*/
#div_notdienst			{text-align:center; display:none; position: absolute; top:20%; left:5%; z-index: 900; padding:1%; border:outset 5px gold; width:400px; height:auto; 
				 		 background-image: linear-gradient(to right bottom, #86caf7, #90cef6, #9bd2f5, #a5d6f4, #afdaf3, #badef3, #c4e2f2, #c9e4f2, #cee5f1, #d3e7f1, #d8e8f1, #ddeaf0, 
						 #e2ebf0);}
#div_notdienst_region	{text-align:center; display:none; position:absolute; top:20%; left:5%; z-index: 800;}
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
/*========  Ausklappbox  =====================================================================================================================================================*/
#notfall {margin:0 auto; text-align:center; width: 98%;}
/* für die Boxen*/
.dbox, .dboxTab, .TabKopfzeile, p.linkleiste, .linkleiste a:link, .linkleiste a:visited, .linkleiste a:hover
{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.87em; text-align:center; }
.dbox{font-weight:normal; color: #2F2F2F; background-color:#FFFFFF; line-height:130%; margin: 5px 0px 10px 0px; border-bottom:1px dotted #00468C; padding:10px; text-align:center;}
.dboxTab{color: #2F2F2F; background-color:#FFFFFF; line-height:130%; margin-top: 10px;}
.dboxTab td{text-align:left; vertical-align:top; color: #2F2F2F; padding:5px;}
.TabKopfzeile td{padding:4px; color: #00468C; border-top:1px solid #00468C; border-bottom:1px solid #00468C; line-height:130%;}
.FotoLinks{float:left; margin:0px 15px 15px 0px; border:6px solid #BFBFBF;}
/* für die Linkleisten untereinander*/ 
.linkleiste  {text-align: left;}
p.linkleiste {width:100%; padding:3px; color:#00468C; font-weight:normal; background-color:#A6CAD6; border-bottom:1px solid #838C19; margin:0px 0px 2px 0px;}
.linkleiste a:link {color:#00468C; font-weight:normal; text-decoration:none; text-transform:none;}
.linkleiste a:visited {color:#00468C; font-weight:normal; text-decoration:none; text-transform:none;}
.linkleiste a:hover{color:#FFFFFF; text-decoration:none; text-transform:none;}
.ausklappen_info {font-size:0.80em; text-align:left; padding-left:5%; margin-bottom:1.5%;}
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
.form textarea					{font-family:  sans-serif;}
.form							{width: 100%; background-color: whitesmoke; margin: 0 auto; padding: .2rem; border-radius: 20px; text-align: center;}
.form label						{font-size: .9rem; color: darkslategrey; padding-left: 3px;}
.form input, form textarea		{width: 80%; font-size: 1rem; padding: 4px; font-family: inherit; font-weight: lighter; border:1px solid gray; outline: none; ^
								 border-radius: 0.3rem;}
.form input:focus, 
.form textarea:focus			{border:1px solid orange;}

.form input[type=submit],
.form input[type=reset] 		{background-color: limegreen; cursor: pointer; padding: .5rem 0; border-radius: 0.8rem; width: 70%;}

.form input[type=submit]:hover,
.form input[type=reset]:hover	{background-color: yellow; box-shadow: 2px 2px 2px grey; width: 70%;}
/*==============================================================================================================================================================*/
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
.tbl-notdienst-01	{display: none;}
.tbl-notdienst-02	{max-width: 60rem; display: block;}

.box-fle-02			{margin: .8rem auto;}
@media only screen and (min-width: 1600px){
.flexbox-notdienst	{display: flex; flex-wrap: wrap;}
.box-fle-01			{flex: 5;}
.box-fle-02			{flex: 2; margin: 0 1rem;}
.box-fle-03			{flex: 3;}
}

@media only screen and (max-width: 800px){
.tbl-notdienst-01	{display: block; margin: 0 auto; text-align: center;}
.tbl-notdienst-02	{display: none;}
}
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
.notdienst-region	{max-height: 30rem; width: 100%; overflow: scroll; margin: 1.2rem auto; text-align: center;}
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
/*===========  Boxen für Startseite Notdienst flexiebel gestalten  ===========================================================================================================*/
.aside-01 	{display: flex; margin: 0 auto; flex-direction: column; width: 100%; height: 81vh;}/* obere Box */
.aside-02	{min-height: 0rem; flex: 1;}/* untere Box */
/*============================================================================================================================================================================*/
.aside-03 	{display: flex; margin: 0 auto; flex-direction: column; width: 100%; height: auto;}/* obere Box */
.aside-04	{min-height: 3rem; flex: 1;}/* untere Box */
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
.bg-01-notdienst	{ background-image:url(../assets_4linden/notdienst_4lindenapo/apofinder.png); background-position:center; background-repeat: no-repeat;}
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/









/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
/*============================================================================================================================================================================*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/