@font-face {
	font-family: 'Roboto';
	font-weight: 400;
	src: url('../fonts/Roboto-Light.ttf') format('truetype');
}


@font-face {
	font-family: 'Roboto';
	font-weight: bold;
	src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}


@font-face {
	font-family: 'Roboto';
	font-weight: 900;
	src: url('../fonts/Roboto-Medium.ttf') format('truetype');
}

/*
@font-face {
	font-family: 'Roboto Black';
	font-weight: 900;
	src: url('../fonts/Roboto-Black.ttf') format('truetype');
}
*/


@font-face
{
	font-family: 'RobotoCondensed';
	src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}

/*
@font-face {
	font-family: 'OpenSans';
	src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}


@font-face {
	font-family: 'OpenSans';
	src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
	font-style: italic;
}


@font-face {
	font-family: 'OpenSansLight';
	src: url('../fonts/OpenSans-Light.ttf') format('truetype');
}


@font-face {
	font-family: 'OpenSansLight';
	src: url('../fonts/OpenSans-LightItalic.ttf') format('truetype');
	font-style: italic;
}

@font-face {
	font-family: 'OpenSansLight';
	src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: bold;
}
*/

/*
@font-face {
	font-family: "Playfair";
	src: url("fonts/playfair-regular.ttf") format("truetype");
}
*/

html, body
{
	/*min-width: 40em; */
	margin: 0 0 0 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;

	font-size: 16px;
	
	line-height: 1.7;

	text-align: center;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.01);

/*	transform: rotate(-0.0002deg) */
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;

	
	height: 100%;
	color: #333;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}





ul {
  list-style: none; /* Remove default bullets */
}


a:link, a:visited, a:active, a:focus
{
	color: #ce307a;
	text-decoration: none;
}

a:hover
{
	color: #bc7279;
}


.content_area
{
	max-width: 65vw;
	width: 90%;
}



.header
{
	padding-left: 8.9%;
	padding-right: 8.9%;
	box-shadow: 5px 15px 30px 0px rgba(200, 200, 200, 0.2);
	/*
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f2f2f2",GradientType=1);
	*/
}

.header_row
{
	display:table;
	display: inline-table;
	padding-top: 25px;
	padding-bottom: 15px;
}



.small_par p
{
	margin-top: 0;
	margin-bottom: 0.3em;
}

/* Create two equal columns that floats next to each other */
.hcol {
	padding: 0;
	
	background-color: #fff;
	padding-top: 3px;
}

#hcol_l
{
	
	
	display: table-cell;
	text-align: left;
	/*
	width: 240px;
	height: 64px;
	*/
	margin-left: 5px;
	/*
	background: #fff url('content_img/logo.jpg');
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='content_img/logo.jpg',
		sizingMethod='scale');
	display: inline-block;
	*/
}

#hcol_l img
{
	width: 200px;
	border: 0px;
	
}

#hcol_r
{
	padding-top: 9px;
	display:table-cell;
	text-align: right;	
}

#hcol_menu_symb
{
	padding: 0;
	position: relative;
	overflow: hidden;
	height: 60px;
	display: none;
}


.nav_bar, .menu_symb
{

	display: inline-block;
	bottom: 0;
	right: 0;
	text-align: right;
}

.menu_symb
{
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: center;
	cursor: pointer;
}

#hcol_r ul
{
	margin: 0;
	padding-left: 0;
}



#nav
{
	display: inline-block;
	list-style-type: none;
}

.nav_item, .nav_item2
{
	display: inline-block;
	font-size: 1rem;
	text-transform: uppercase;
}

.nav_item a, .nav_item2 a
{
	
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 12px;
	line-height: 2em;
	padding-bottom: 3px;
	border-bottom: 3px solid transparent;
	text-decoration: none;
}

.nav_item2
{
	
/*	background-color: #f6dddd; */
	
}

.nav_item a:link, .nav_item a:visited, .nav_item a:active
{
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color: #555;
}

.nav_item2 a:link, .nav_item2 a:visited, .nav_item2 a:active
{
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color: #ce307a;
}

.nav_item a:hover, .nav_item2 a:hover
{

	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;

	border-bottom: 2px solid #ce307a;
	color: #ce307a;
/*	background-color: #f6f4f4; */ 

}
/*
.nav_item2:hover
{
	transition: all .6s;
	background-color: #f6dddd;

}
*/


.menu_symb, .close_symb
{
	display: none;
}

.menu_symb div
{
	width: 35px;
	height: 4px;
	background-color: #ce307a;
	margin: 7px 0;
}

.close_symb
{
	font-size: 35px;
	line-height: 1em;
	cursor: pointer;
	color: #fff;
}


    #small_heading
	{
		display: none;
		text-align: center;
	}
	#main_heading
	{
		display: block;
		text-align:center;
	}


#mail_icon
{
	height: 0.9em;
}

#aktuelle_infos
{
	border-left: 2px solid #ce307a; 
	padding-left: 10px; 
	background-color: #f5f5f5;
}

.hl_title
{
	color:#ce307a;
}


.thankyou_msg
{
	background-color: rgba(200,200,200,0.25); 
	padding: 1em;
}

.vspace_em
{
	height: 1em;
}

.vspace_2em
{
	height: 2em;
}

.vspace_point6em
{
	height: 0.6em;
}

.vspace_point8em
{
	height: 0.8em;
}

#location_icon
{
	height: 0.8em; 
	width: 0.5em; 
	margin-left: 0.1em; 
	margin-right: 0.1em;
}

.display-block
{
	display: block;
}

.align-left
{
	text-align: left;
}

.align-center
{
	text-align: center;
}

.align-justify
{
	text-align: justify;
}

.valign-middle
{
	vertical-align: middle;
}

.margin-top
{
	margin-top: 1em !important;
}

.margin-top2em
{
	margin-top: 2em !important;
}

.margin-bottom
{
	margin-bottom: 1em !important;
}

.margin-bottom2em
{
	margin-bottom: 2em !important;
}


.headline_sub
{
	color: gray; 
	
	text-align: center;
}

.bildnachweise
{
	color: #aaa;
	font-size: 75%;
	line-height: 1.2em !important;
}

.job_box
{
	background-color: #f7f7f7; 
	padding: 0.4em 1.5em 1em 1.5em;
}

.ul_disc, .ul_disc li
{
	list-style-type: disc !important;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 640px) 
{
	.content_area
	{
		width: 100%;
		max-width: 100%;
	}

	#hcol_menu_symb
	{
		display: table-cell;
	}
	.menu_symb
	{
		display: inline-block;
	}
	#hcol_r
	{
		display: none;
	}

	#hcol_r._Menu-show {
		display: table-caption;
		caption-side: bottom;
			
		left: 0;
		z-index: 6;
		background-color: #ce307a;

	}

	.nav_bar
	{
		
		position: relative;
		z-index: 6;
		width: 100%;
	}

	#hcol_r._Menu-show ul
	{
		width: 90%;
		display: block;
	}

	#hcol_r._Menu-show li {
		display: block;
	}

	#hcol_r._Menu-show li a {
		text-align: center;
		padding: 10px;
		display: block;
		font-size: 16px;
		height: auto;
		line-height: normal;
		color: #fff;
		border-bottom: 1px solid #bbb;
		background-color: #ce307a;
	}

	#hcol_r._Menu-show li a:hover {
		background-color: #df6fa4;
	}

	#hcol_r._Menu-show
	{
		height: auto;
		padding-top: 10px;
		padding-bottom: 60px;
	}


	#mail_icon
	{
		display:none;
	}

	/* CONTROL / ADAPT SIZE OF HEADINGS */

	#small_heading
	{
		display: block;
	}

	.sh_startpage
	{
		text-align: left !important;
	}
	#main_heading
	{
		display: none;

	}	

}

.icon
{
color: #ab1034ff;
}







h1, h2, h3
{
	/*text-transform: uppercase;*/
	color: #ce307a; 
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
}


h1 
{
	font-size: 1.5em;
}

#small_heading
{
	font-size: 1.17em;
}

h3 img
{
	vertical-align:middle; height: 1em;
	margin-right: 3px;
	margin-bottom: 4px;
}



.wrap
{
	
/*	background-color: #e7d4d5; */
	padding-left: 8.9%;
	padding-right: 8.9%;
}

#welcome
{
/*	background-color: #fff;
	background-image: url('content_img/team_lower_transparent.jpg');
	background-repeat: no-repeat;

	
	background-size: contain;

	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	

	background-position: center top;
	*/
}


.wrap .content_area
{
	display:inline-block;
}

.content
{
/*	padding-left: 2em;
	padding-right: 2em;
*/
	padding-top: 0.6em;
	text-align: left;
}

.content h2
{
	text-align: center;
}

.sub_h2
{
	padding-top: 0px;
	margin-top: 0px;
}


.line_border
{
	border: 2px solid #ccc;
	margin-top: 0.5em;
}


.shaded
{

/*	background: rgb(240,221,222);
background: -moz-linear-gradient(180deg, rgba(240,221,222,1) 0%, rgba(255,255,255,1) 13%);
background: -webkit-linear-gradient(180deg, rgba(240,221,222,1) 0%, rgba(255,255,255,1) 13%);
background: -ms-linear-gradient(180deg, rgba(240,221,222,1) 0%, rgba(255,255,255,1) 13%);
background: -o-linear-gradient(180deg, rgba(240,221,222,1) 0%, rgba(255,255,255,1) 13%);

background: linear-gradient(180deg, rgba(240,221,222,1) 0%, rgba(255,255,255,1) 13%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0ddde",endColorstr="#ffffff",GradientType=0); 

*/	

	/* background: #fff url('content_img/roter_farbuebergang.gif') repeat-x;*/


/*	   background: rgb(244,244,244);
	   background: linear-gradient(180deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
	  */ 
/*	     background-color: #ab1034ff;
	   color: #fff; */
/*	   background: rgb(171,16,52);
background: linear-gradient(180deg, rgba(171,16,52,1) 0%, rgba(188,114,121,1) 100%);
*/
	
	
/*
	background: rgb(239,239,239);
background: -moz-linear-gradient(180deg, rgba(239,239,239,1) 0%, rgba(247,247,247,1) 11%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(239,239,239,1) 0%, rgba(247,247,247,1) 11%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(239,239,239,1) 0%, rgba(247,247,247,1) 11%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efefef",endColorstr="#ffffff",GradientType=1);

*/

/*	background: rgb(233,233,233);
background: -moz-linear-gradient(180deg, rgba(233,233,233,1) 0%, rgba(247,247,247,1) 32%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(233,233,233,1) 0%, rgba(247,247,247,1) 32%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(233,233,233,1) 0%, rgba(247,247,247,1) 32%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9e9e9",endColorstr="#ffffff",GradientType=1);

*/

/*
	background: rgb(171,16,52);
	background: -moz-linear-gradient(180deg, rgba(171,16,52,1) 0%, rgba(183,42,73,1) 15%, rgba(189,56,84,1) 45%);
	background: -webkit-linear-gradient(180deg, rgba(171,16,52,1) 0%, rgba(183,42,73,1) 15%, rgba(189,56,84,1) 45%);
	background: linear-gradient(180deg, rgba(171,16,52,1) 0%, rgba(183,42,73,1) 15%, rgba(189,56,84,1) 45%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ab1034",endColorstr="#bd3854",GradientType=1);

	color: #fff;
	*/
}



#img_row
{
	z-index: 1;
	text-align: center;
	background-color: #bbb; /* #d0d0d0; */ /* #ce307a;   */
	box-shadow: 7px 20px 40px 0px rgba(200,200,200,0.3); 
	
background: rgb(221,221,221);
background: linear-gradient(90deg, rgba(221,221,221,1) 0%, rgba(170,170,170,1) 50%, rgba(221,221,221,1) 100%);

/*	background: rgb(171,16,52);
background: -moz-linear-gradient(180deg, rgba(171,16,52,1) 0%, rgba(185,18,57,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(171,16,52,1) 0%, rgba(185,18,57,1) 100%);
background: linear-gradient(180deg, rgba(171,16,52,1) 0%, rgba(185,18,57,1) 100%);
*/
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ab1034",endColorstr="#b91239",GradientType=1); */


	/*background-image: url('content_img/bg.jpg')
	background-size: cover; */
	padding-left: 8.9%;
	padding-right: 8.9%;
/*	width: 85%;*/
}

#img_row div
{
	display: inline-block;
}

#img_row
{	
	position: relative;
}

/*
#img_row:after
{
	content: " ";
	z-index: 10;
	display: block;
	position: absolute;
	width: 100%;
	height: 7px;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.7);
}


#img_row:before
{
	content: " ";
	z-index: 10;
	display: block;
	position: absolute;
	width: 100%;
	height: 7px;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.7);

}
*/




@media screen and (max-width:1100px)
{
	 .content_area
	{
		max-width: 800px;
		width: 100%;
	}


	
	.nav_item, .nav_item2
	{
		font-size: 14px;
	}


	

}


@media screen and (min-width:1500px)
{
	 .content_area
	{
		max-width: 75vw;
		width: 75%;
	}

	body {
		font-size: 1.1vw;
	}

	.nav_item, .nav_item2
	{
		font-size: 1vw;
	}

	
	#hcol_l img
	{
		width: 16vw;

	}

}




@media screen and (max-width:600px) 
{
	.header, .wrap, #img_row
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.content
	{
		padding-left: 2.2em;
		padding-right: 3.2em;
	}

	.header_row
	{
		padding-left: 10px;
		padding-right: 12px;
	}
	

	h2
	{
		 font-size: 18px;
	}

	#hcol_l
	{
		padding-left: 1em;
	}





}


.side_termin_button
{
	font-family: 'RobotoCondensed';
	position: fixed;
	z-index: 20000;
	top: 40vh; 
	right: 0;
	display: block;
	text-align: center;
	/*opacity: 0.85;*/
	background-color: #ce307a;
	color: #ffffff !important;
	font-size: 0.85em; /* 12px; */
	overflow: hidden;
	overflow-wrap: break-word;
	width: fit-content; /* 75px;*/ /* 50px; */
	border-radius: 4px 0 0 4px;
	text-decoration: none;
	padding: 1em 0.7em 1em 0.7em;
	line-height: 1.2;
}


/* STICKY BEHAVIOR */
@media screen and (max-width:600px) 
{

	.header
	{
		max-height: 110px;
	}
	.sticky
	{
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
		overflow: hidden;
		z-index: 10;
		max-height: 110px;
		height: 110px;
		box-shadow: 5px 15px 30px 0px rgba(200, 200, 200, 0.2);

	}
	#page_content
	{
		padding-top: 110px;
	}

	.header, .header_row
	{
		box-sizing:border-box;
		padding-right: 16px;
	}
}

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

	.side_termin_button
	{
		top: 49vh; /* 150px; */
		font-size: 13px; /* 12px; */
		 /* 75px;*/ /* 50px; */
		border-radius: 4px 0 0 4px;
		text-decoration: none;
		padding: 10px 6px 10px 6px;
		line-height: 1.2;
	}


}



#start_img
{
	
	
/*	background-image: url('content_img/team.jpg');	
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='content_img/team.jpg',
		sizingMethod='scale');


	background-position: center center;
	*/

	vertical-align: bottom;
	padding: 0;
	margin: 0;
	line-height: 0;
}

@media screen and (max-width:600px)
{
	#start_img img
	{
		width: 100%;
		height: 160px;
		object-fit: cover;
		object-position: 65% 0;
	}

	#start_img
	{
		
	}
}

#img_row img
{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	display: block;
	
}

.column {

	float: left;
	width: 50%;
}

.left_col_div
{
	padding-right: 10px;
}

.left_col_div p, .right_col_div p, .right_col_div ul
{
	margin-top: 0px;
}

.left_col_div h3, .right_col_div h3
{
	margin-bottom: 7px;
	margin-top: 7px;
}

.right_col_div
{
	padding-left: 10px;
}

.third_lower
{
	float: left;
	width: 38%;
}

.third_mid
{
	float: left;
	width: 30%;
}

.third_upper
{
	float: left;
	width: 32%;
	text-align: right;
}

.third_upper img
{
	object-fit: cover;
	height: 150px;
	max-width: 100%;
}

.third
{
	float: left;
	width: 33%;
}

.third ul
{
	padding-left: 1em;
	width: 80%;
}


.third li {
/* your own marker in content */
   list-style: "\203A	 ";
   list-style-position: outside;
}



.two_third
{
	float: left;
	width: 66%;
}

@media screen and (max-width: 640px) {
	.two_third
	{
		float: none;
		width: 100%;
	}

	.col_frame
	{
		margin-left: 15px; 
		box-sizing: border-box; 
		padding-right: 10px;
	}
}

.fourth
{
	float: left;
	width: 50%;
	
}

.two_of_four
{
	float: left;
	width: 100%;
}


.circle_tiles
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; 
}





.circle_third
{
	width: 30%; /* Adjust width of items and padding */
	  
}


/* .fourth:nth-of-type(1), .fourth:nth-of-type(3) { background: #f5d4d7; } */

.fourth .sub_heading
{
	font-size: 20px;
	color: #444;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin: 10px;
	padding: 7px;
}

.circle_third .sub_heading
{
	font-size: 105%;
	color: #444;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-top: 0.3em;
	padding-bottom: 0.4em;
	margin-bottom: 0.5em;
}

.fourth .inner_frame
{
	width: 100%;
	text-align: center;
	/* background-color: #fff; */
	min-height: 450px;

/*	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
*/	
}


.circle_third .inner_frame
{
	width: 100%;	
	text-align: center;
	
}

.circle_third
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 3em;
}




.fourth div p, .circle_third div p
{
	font-size: 85%;
	margin-top: 7px;
	color: #444;
}

.circle_third, .circle_third *
{
	box-sizing: border-box;
}

.circle_third div p
{
	text-align: justify;
	margin-bottom: 0.5em;

}


.fourth div img, .circle_third div img
{
	width: 90%;
	max-width: 200px;
	/* Crop to round shape */
	object-fit:cover;
	border-radius:50%;
	border: 1px solid #bbb;
	

	-moz-box-shadow: 7px 12px 30px 0px rgba(200,200,200,0.5);
	-webkit-box-shadow: 7px 12px 30px 0px rgba(200,200,200,0.5);
	box-shadow: 7px 12px 30px 0px rgba(200,200,200,0.5);
}



.fourth div img, .circle_third div img
{
	opacity: 1;
	transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;

}

.fourth div img:hover, .circle_third div img:hover
{
  opacity: 0.40;
  
}


.two_fourth
{
	float: left;
	width: 75%;
}



.circle_learnmore
{
	text-align: center;
}

.circle_learnmore a
{
	
	background-color: #ce307a;
	color: #ffffff !important;
	font-weight: bold;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.7em;
	padding-right: 0.7em;
	font-size: 90%;
}





#first_row
{
	min-height: 200px;
}

#first_row
{
	background-color: #fff;
	padding-bottom: 15px;
}

.row_gray
{
	min-height: 200px;
background: rgb(240,240,240);
background: -moz-linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=0); 
}

.row_lightgray
{
	min-height: 200px;
background: rgb(245,245,245);
background: -moz-linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=0);
}


/* Clear floats after the columns */
.row_gray:after, .row::after, .list_item_row::after {
	content: "";
	display: table;
	clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 750px) {
  
	.column, .left_col_div, .right_col_div, .third_lower, .third_mid, .third_upper
	{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.third_upper
	{
		text-align: left;
	}

	.lower_row
	{
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin: 0;
		text-align: center !important;
	}

	.lower_row .col_frame
	{
		width: 90%;
	}
	.lower_row ul
	{
		width: 95%;
	}

	.lower_row img
	{
		width: 33%;
		float: left;
		margin-right: 30px;
	}


}

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

	.two_of_four
		{
			width: 100%;
			padding-left: 0;
			padding-right: 0;
		}
}

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

	.fourth
		{
			width: 100%;
			padding-left: 0;
			padding-right: 0;
		}
}


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

	.circle_third
	{
		width: 47%;
		padding-left: 0;
		padding-right: 0;
	}

}

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

	.circle_third
	{
		width: 100%;
	
		padding-left: 1.3em;
		padding-right: 1.5em;
	}	
	.circle_third div p
	{
		text-align: center !important;

	}

}


.pass_foto
{
	width: 100%;
	margin-top: 7px;	
	
	
	-moz-box-shadow: 5px 15px 30px 0px rgba(200,200,200,0.5);
	-webkit-box-shadow: 5px 15px 30px 0px rgba(200,200,200,0.5);
	box-shadow: 5px 15px 30px 0px rgba(200,200,200,0.7);
}


.col_frame
{
	display: inline-block;
	text-align: left;
	width: 80%;
}



#tabelle_sprechzeiten td
{
	padding-right: 10px;
}

.td_regular
{
	border-bottom: 1px solid #eee;
}

.warning
{
	
	width: auto;
	padding-left: 0.4em;
	cursor: pointer;
	color: #ab1034;
/*	background-color: #eee; */
border: 1px solid #ddd;
	border-radius: 2px;
}

.warning b
{
	color: #ab1034;
}

.warning b:hover
{
	color: #bc7279;
}

.warning_text
{
	font-size: 75%;
	color: #ab1034;
	background-color: #f0e6e7;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 0;
	margin-top: 4px;
	border-radius: 4px;
}

#news_sec ul
{
	margin: 0;
	padding: 0;
}





.button, .button:link, .button:visited, .button:active, .button:focus
{
	
	background-color: #ce307a;
	border: 0px;
	color: #fff;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 9px;
	padding-left: 10px;
	padding-right: 10px;
	
	-moz-box-shadow: 0px 10px 30px 0px rgba(153,153,153,0.5);
	-webkit-box-shadow: 0px 10px 30px 0px rgba(153,153,153,0.5);
	box-shadow: 0px 10px 30px 0px rgba(153,153,153,0.5);

	cursor: pointer;
}

.button:hover
{
	background-color: #bf3241;  /* helleres rot: #dc3637; */

	-moz-box-shadow: 0px 10px 30px 0px rgba(153,153,153,0.5);
	-webkit-box-shadow: 0px 10px 30px 0px rgba(153,153,153,0.5);
	box-shadow: 0px 10px 30px 0px rgba(153,153,153,0.5);


	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	
}

.fontsize_1rem
{

	font-size: 1rem !important;
}

.disabled_btn
{
	background-color: #bbb;
}

.disabled_btn:hover
{
	background-color: #bbb;
}


.list_item_row
{
	padding: 0;
	margin: 0
}

.list_item_row .col1, .col2
{
	float: left;
}


.list_item_row .col1
{
	width: 40%;
}

.list_item_row .col1.narrowcol
{
	width: 25%;
	min-width: 150px;
}


.list_item_row .col1 div
{
	padding-right: 1.5em;
	padding-bottom: 10px;
	padding-top: 3px;
}

.list_item_row .col1 img
{
	width: 100%;
}


.list_item_row .col2
{
	width: 60%;
}

.list_item_row .col2.widecol
{
	width: 75%;
}

@media screen and (max-width: 640px) {
	.list_item_row .col2
	{
		float: none;
		width: 95% !important;
	}
}


.list_item_row .col2 p:nth-of-type(1), .list_item_row .col2 h3:nth-of-type(1)
{
	margin-top: 0;
	
}


 /* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  font-size: 16px;

  -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;
  margin-bottom: 3px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  
  -webkit-transition: max-height .2s ease-out;
 -moz-transition: max-height .2s ease-out;
 -ms-transition: max-height .2s ease-out;
 -o-transition: max-height .2s ease-out;
 transition: max-height .2s ease-out;

}

.panel_show
{
	max-height: none;
}


.accordion span:before {
    content: "\25BE";
    padding-right: 7px;
}







.edit_form
{
}

.edit_form td
{
	border: 1px solid white;
	background-color: #eee;
	min-width: 100px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
}

.form_key
{
	text-align: right;
}

.form_textarea
{
	width: 700px;
	margin-top: 5px;
}

#form_welcome_txt
{
	height: 200px;
}

#form_textarea_times
{
	height: 100px;
}

.contact_form
{
	width: 100%;
/*	max-width: 830px; */
	
}

#contact_form_name, #contact_form_mail
{
	width: 50%;
	float: left;
	#color: #555;
}

#contact_form_name input
{
	width: 96%;
	box-sizing: border-box;
}

#contact_form_mail input
{
	width: 100%;
	box-sizing: border-box;
}

#contact_form_address input
{
	width: 100%;
	box-sizing: border-box;
	margin-top: 15px;
}

#contact_form_name input, #contact_form_mail input, #contact_form_address input
{
	border: 1px solid #bbb;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#s_field
{
	border: 1px solid #bbb;
	background-color: #eee;
}

#contact_form_mail input
{
	padding-right: 10px;
}

#protection_field
{
	margin-top: 10px;
	border: 1px dashed red;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	width: 100%;
	box-sizing: border-box;
}

#error_field
{
	margin-top: 10px;
	border: 1px dashed red; 
	background-color: #fdeeee;
	padding-left: 20px;
	padding-right: 20px;
	
	margin-bottom: 15px;
	width: 100%;
	box-sizing: border-box;

	padding-top: 1em; 
	padding-bottom: 1em;
}


#contact_form_nachricht
{
	padding-top: 15px;
}

#contact_form_nachricht textarea
{
	font-family: 'Roboto', sans-serif;

	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	overflow: hidden;
	background-color: #eee;
	border: 1px solid #bbb;
	height: 200px;
}

input:focus::placeholder {
  color: transparent;
}

textarea:focus::placeholder {
  color: transparent;
}

#contact_form_send
{
	padding-top: 20px; 
text-align: center;
}



#bottomline
{
	padding: 10px;
	background-color: #eee;
	margin-top: 2em;	
}

#covid_hinweis_large
{
	float:right; 
	width: 33%; 
	min-width: 186px; 
	max-width: 290px; 
	padding-left: 7px;
}

#covid_hinweis_small
{
	border: 1px solid #ce307a;
	padding: 5px;
	color: #ce307a;
	display: none;
}

@media screen and (max-width:600px)
{
       
	#covid_hinweis_small
	{
		display: block;
	}

	#covid_hinweis_large
	{
		display: none;
	}

}



.pass_pic
{
	width: 100%;
	margin: 0;
	margin-top: 7px;
}

.pass_pic > div
{
	width: 100%;
	max-width: 100%;
}

.pass_pic img
{
	max-width: 100%;
	width: 100%;
	aspect-ratio: 600 / 686; 
	height: auto;
	margin-top: 4px;
}

.pass_pic figcaption h4
{
	margin: 0;
	font-weight: bold;
	color: #ce307a;
}

.pass_pic figcaption p
{
	margin: 0;
	font-size: 85%;
}

.three_row
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5em 4em;
}

@media screen and (max-width:900px)
{
	.three_row
	{
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5em 3em;
	}
}

@media screen and (max-width: 600px)
{
	.three_row
	{
		grid-template-columns: repeat(1, 1fr);
	}

	.pass_pic
	{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.pass_pic > div
	{
		width: 40%;
		min-width: 40%;
		max-width: 40%;
	}

	.pass_pic figcaption
	{
		padding-left: 1em;
	}
}




#privacy ul, #privacy ul li
{   
	list-style-type: disc;
}   




#anfahrts_skizze
{
	width: 90%;
}


.img_200
{
	width: 200px;
	max-width: 200px;
}

.float_left
{
	float:left;
}

.width30percent
{
	width: 30%;
	max-width: 30%;
}

.width100
{
	width: 100%;
	max-width: 100%;
}

.paddingTop1em
{
	padding-top: 1em;
}

.paddingTop05em
{
	padding-top: 0.5em;
}

.paddingRight1em
{
	padding-right: 1em;
}

.embed_vid
{
	width: 640px;

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


iframe
{
	width: 100%; height: 700px; max-height: 100vh
}


.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}