@charset "UTF-8";

/* ################################################################################################################################################# */
/* Small screens ################################################################################################################################### */
/* ################################################################################################################################################# */

@media all and (max-width: 702px) {

	body {
		background-color:#ffffff;
	}

	.wrapper {
		display: flex;
		flex-direction: column;
		margin:0;
	}

	.flex_wrapper {
		margin:0;
	}


	#flex_header{
		display: none;
	}

	#fh_mobileheader{
		position:relative;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-content:center;
		align-items: center;
		margin:0;
		/*padding-top:10vmin;*/
		background-color: white;
		border-radius: 0;
		box-shadow: none;
		overflow:hidden;
	}

	.fh_logo {
		width:80vw;
		height: auto;
		margin: 20px auto;
	}

	.fh_text {
		display:none;
		text-align: center;
	}

	/*
	.wrapper > * {
		flex: 1 100%;
	}*/

	.flex_Left {
		margin:0;
		flex: 1 1 100%;
		min-width:100px;


	}

	.flex_LeftFirst {
		box-shadow:none;
	}

	.flex_BannerLeft {
		display:none;
	}

	.flex_MidBannerLeft {
		display:none;
	}

	.flex_MobileBanner {
		display:block;
		text-align:center;
	}

	.flex_AfterBannerLeft{
		display:none;
	}

	.flex_Menu {
		display:none;
	}

	.flex_MobileMenu {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		align-content:center;
		flex-direction: row;
		margin:0;
		padding:2vmin;
		padding-top:0;
		/*background-color:#ffffff;*/
		background-color:#7baf2c;
		/*margin-top:6px;
		margin-bottom:6px;*/
	}

	.flex_MobileMenu.fixed {
		display:none;
	}

	#fixed_MobileMenu {
		position:fixed;
		top:0;
		display: none;
		width:100%;
		flex-flow: column wrap;
		margin:0;
		padding:0;
		box-shadow: 0px 0px 5px #565656;
		/*background-color:#ffffff;*/
		background-color:#7baf2c;
	}

	#fixed_MobileMenu_inner {
		display: flex;
		flex-flow: row wrap;
		margin:0;
		padding:2vmin;
	}

	.flag_button {
		margin:0;
		margin-right:1vmin;
		box-shadow:none;
	}

	/*.flag_button:first-child {
		margin-left:0;
	}*/

	.flag_button:last-child {
		margin-right:0;
	}

	.flex_MiddleFirst {
		box-shadow:none;
	}

	.fixed_Search {
		flex: 1 1 100%;
		margin:0;
		padding:2vmin;
		padding-top:0;
		border:0;
		/*margin-top:6px;*/
		background-color:#7baf2c;
		box-shadow: none;
	}

	.flex_Search {
		flex: 1 1 100%;
		margin:0;
		padding:2vmin;
		padding-top:0;
		border:0;
		/*margin-top:6px;*/
		background-color:#7baf2c;
		box-shadow: none;
	}

	.flex_Search.hidden {
		display:none;
	}

	.fls {
		width:96vw;
		position:relative;
		/*margin-top:12px;
		margin-bottom:6px;*/
		margin:0;
		display:flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: flex-start;
		border-radius:1vw;
	}

	.fls_c {
		flex:1 1 82vw;
		background-color:#ffffff;
		color:#153d5e;
		margin:0;
		padding:1.5vmin 2vmin;
		font-size:5vmin;
		border-radius:1vw 0 0 1vw;
	}

	.fls_l {
		cursor:pointer;
		flex:1 1 10vw;
		background-color:#153d5e;
		border-radius:0 1vw 1vw 0;
		display:flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}

	.fls_l:hover {
		background-color:#7baf2c;
	}

	.fls_li {
		width:20px;
		height:20px;
		margin:0 auto;
		background-image:url(/PICs/Symbole/osys_symbole.png);
		background-size:500px 80px;
		background-position:0px -20px;
		background-repeat: no-repeat;
	}

	.fls_li:hover {
		background-position:0px 0px;
	}

	.search_erg {
		margin: 0;
	}

	.search_ul {
		margin-bottom:2rem;
		padding-bottom:2rem;
		list-style-type:none;
		border:none;
		border-bottom:3px solid #7baf2c;
	}

	.search_ul:last-of-type {
		border:none;
	}

	.search_li {
		text-align:center;
		padding:0;
		margin:0;
		font-size:1rem;
		word-wrap: break-word;
	}

	.search_snipped {
		text-align:center;
		font-size:0.8rem;
	}

	.search_link {
		text-align:center;
		font-size:0.8rem;
		color:#ababab;
		word-wrap: break-word;
	}

	.flex_LeftWidgets {
		display:none;
	}

	.flex_Middle {
		flex: 1 1 100%;
		min-width:100px;
		margin:0;
		box-shadow:none;
	}

	.flex_BannerMiddle {
		display:none;
	}

	.flex_MidBannerMiddle {
		display:none;
	}

	.flex_AfterBannerMiddle {
		display:none;
	}

	.flex_Main {
		box-shadow:none;
	}

	.flex_BannerPic {
		display:none;
	}

	.flex_Footer {
		display:none;
	}

	.flex_MobileFooter {
		display:block;
		background-color:#7baf2c;
		margin:0;
		width:100%;
		padding:4em 0;
	}

	.flex_Right {
		flex: 1 1 100%;
		min-width:100px;
		margin:0;
	}

	.flex_BannerRight {

	}

	.flex_AfterBannerRight {
		display:none;
	}

	.flex_RightWidgets {
		display:none;
	}

	.flex_MiddleWidgets {
		display:none;
	}

	.flex_widget {
		position:relative;
		width:80vw;
		margin:2rem auto;
		background-color:#ffffff;
		overflow:hidden;
		box-shadow:none;
		padding-left:1em;
		padding-right:1em;
	}

	.flex_widget p {
		text-align:center;
	}

	/*
	.flex_widget:before {
		content:"";
		position:absolute;
		bottom:auto;
		left:10vw;
		width:80vw;
		height:5px;
		border-radius:5px;
		background-color:#153d5e;
	}*/

	.flex_widget.first {
		/*box-shadow:none;
		margin-top:9px;
		margin-bottom:9px;*/
		position:relative;
		width:80vw;
		margin:2rem auto;
		background-color:#ffffff;
		overflow:hidden;
		box-shadow:none;
		padding-left:1em;
		padding-right:1em;
	}

	.flex_widget a {
		margin:0;
		padding:0;
	}


	.flex_widget img {
		max-height:500px;
		width:auto;
		margin:0 auto;
		display: flex;
	}

	.flex_widget img.fullwidget {
		/*margin-top:-1em;*/
		width: calc(100% + 2em);
		margin-left:-1em;
		max-height:500px;
	}

	.flex_widget iframe.fullwidget {
		/*margin-top:-1em;*/
		margin:0;
		padding:0;
		width: calc(80vw);
		height: calc(80vw * 0.6);
		/*margin-left:-1em;*/
	}

	.flex_widget:last-child {
		width:100%;
		padding:0;
		margin:0;
		margin-top:2vmin;
	}

	.flex_MobileWidgets {
		display:block;
		/*max-width:420px;*/
		flex: 1 1 100%;
		min-width: 100px;
		margin: 0;

		/*display:flex;
		flex-flow: row wrap;
		justify-content: space-around;
		align-content:flex-start;
		align-items:flex-start;
		flex-direction: row;*/
	}

	.flex_Slider {
		display:none;
	}

	#main {
		padding:2em;
	}

	.banner_logo {
		display: none;
		width:60%;
		margin:3em;
		margin-bottom:1em;
	}

	.banner_text {
		display: none;
		font-size:1em;
		padding:2em;
	}

	.banner_pic {
		width:100%;
		border-top:10px solid #7baf2c;
	}

	.bannertext_klinik {
		font-size:1.4em;
		color:#7baf2c;
		font-weight:bold;
		margin-top:0;
		margin-bottom:1em;
		text-align: center;
	}

	.bannertext_abteilung {
		font-size:1.6em;
		margin-top:0;
		margin-bottom:1em;
		text-align: center;
	}

	.bannertext_zusatz {
		font-size:1em;
		color:#153d5e;
		text-align: center;
	}

	.bannertext_info {
		font-size:0.8em;
		color:#153d5e;
		text-align: center;
	}

	#id_header {
		background-color:#7baf2c;
		font-size:1.2em;
		color:#ffffff;
		font-weight:100;
		padding:1em;

	}

	.nfootertext_group {
		padding: 0 1em;
		/*padding-top:2em;*/
		/*padding-bottom:0;*/
		margin:0;
		text-align:center;
		align-items: center;
	}

	.nfootertext_group.center {
		padding-top:4em;
	}

	.nfootertext_wrapper {
		align-content: stretch;
		flex-direction: column;
		align-items: center;
	}

	.nfootertext {
		font-size: 3.5vmin;
		margin-bottom: 0.5em;
	}

	.nfootertext a:link { font-weight:normal; color:#454545; text-decoration:none; cursor:pointer; }
	.nfootertext a:visited { font-weight:normal; color:#454545; text-decoration:none; cursor:pointer; }
	.nfootertext a:focus { font-weight:normal; color:#454545; text-decoration:none; cursor:pointer; }
	.nfootertext a:hover { font-weight:normal; color:#153d5e; text-decoration:none; cursor:pointer; }
	.nfootertext a:active { font-weight:normal; color:#454545; text-decoration:none; cursor:pointer; }

	.nfootertext:link { font-weight:normal; color:#ffffff; text-decoration:none; cursor:pointer; }
	.nfootertext:visited { font-weight:normal; color:#ffffff; text-decoration:none; cursor:pointer; }
	.nfootertext:focus { font-weight:normal; color:#ffffff; text-decoration:none; cursor:pointer; }
	.nfootertext:hover { font-weight:normal; color:#153d5e; text-decoration:none; cursor:pointer; }
	.nfootertext:active { font-weight:normal; color:#ffffff; text-decoration:none; cursor:pointer; }


	.footerheader {
		text-align:center;
	}

	#fh_ELK {
		margin-bottom:3em;
	}

	#footerlogo {
		display:block;
	}

	#f_adresse {
		margin:0;
		padding:1em 4em;
		font-size: 3vmin;
		background-color: transparent;
	}

	.sozialmedia_wrapper {
		flex-direction: column;
		justify-content: center;
	}

	.icon_ig {
		margin-left:12px;
		margin-right:20px;
	}

	.icon_yt {
		margin-left:12px;
		margin-right:20px;
	}

	/*
	.flex_widget .fullwidget {
		width: calc(100% + 2em);
		margin-left:-1em;
		margin-right:-1em;
	}*/

	.hideOnMobile {
		display:none;
	}

	.WdGreenName {
		font-size:1.2em;
		color:#7baf2c;
		text-align: center;
	}

	.WdWhiteText {
		font-size:1em;
		color:#ffffff;
	}

	.WidgetName {
		font-size:1em;
		color:#153d5e;
		text-align: center;
	}

	.WidgetGreyText {
		font-size:1em;
		text-align: center;
		color:#898989;
	}

	.WdGreyText {
		font-size:1em;
		text-align: center;
		color:#898989;
	}

	.flex_ToTop {
		display:block;
	}

	.mainGreenHeader {
		display:none;
	}

	.ma_ListItem {
		/*display:block;*/
		flex-direction: column;
	}

	.team_foto {
		/*display:none;*/
	}

	.team_roundfoto {
		margin:2em auto;
	}

	.team_nofoto {
		display:none;
	}

	.team_mobilefoto {
		/*display:block;*/
	}

	.team_name {
		text-align: center;
	}

	.team_informationen {
		flex:1;
		margin:2em 0 2em 0;
	}

	.team_sonderfkt {
		text-align: center;
	}

	.team_xtrainfos {
		margin:0 auto;
		text-align: center !important;
		text-decoration:underline;
	}

	.team_infos {
		margin:0 auto;
		text-align: center !important;
	}

	.team_infos ul {
		list-style-type:none;
		border:0;
		margin-top:1em;
		text-align: center !important;
	}

	.team_infos li {
		text-align: center !important;
		margin-top:1em;
	}

	.team_infos p {
		text-align: center !important;
	}

	.clickable_table p {
		text-align: center;
	}

	.clickable_table:hover {
		box-shadow: none;
	}

	#MB_page {
		position:fixed;
		top:-100vh;
		left:0;
		right:0;
		height:100vh;
		height: calc(var(--vh, 1vh) * 100);
		background-color:rgba(0,0,0,0);
		z-index:10000;
		overflow:hidden;
		transition: background-color 0.1s linear;
	}

	#MB_page.active {
		background-color:rgba(0,0,0,0.8);
	}

	#MB_container {
		position:fixed;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: stretch;
		align-content: center;
		width:96vw;
		height:100vh;
		min-height:100vh;
		height: calc(var(--vh, 1vh) * 100);
		min-height: calc(var(--vh, 1vh) * 100);
		/*max-height:100vh;*/
		/*max-height:95vh;
		max-height: calc(var(--vh, 1vh) * 100);*/
		max-width:none;
		left:2vw;
		top:-100vh;
		z-index:10001;
		/*border-radius:0 0 1vmin 1vmin;*/
		border-radius:0;
		transition: all 0.3s ease-out;
		box-shadow:none;
		overflow-y:scroll;
		background-color:transparent;
	}

	#MB_container.active {
		top:0vh;
	}

	#MB_header_div {
		flex:none;
		width:100%;
		text-align:center;
		background-color:#7baf2c;
		color:#ffffff;
		border:none;
	}

	#MB_header {
		width:100%;
		text-align:center;
		background-color:transparent;
		color:#ffffff;
		border:none;
	}

	#MB_logo {
		display:none;
	}

	#MessBOX {
		flex:2 1;
		text-align:center;
		/*border-radius: 0 0 3px 3px;*/
		border-radius: 0;
		box-shadow: none;
		background-color:#ffffff;
		/*margin-bottom:1rem;*/
		width:88vw;
		padding:4vw;

	}

	.MB_text {
		font-size:1.2rem;
	}

	.MB_innerContent {
		/*position:relative;
		width:100%;
		max-width:96vw;
		left:2vmin;
		right:2vmin;*/
		margin:5vmin 2vmin;
		font-size:1.2rem;
		/*overflow-wrap: break-word;
	  	word-wrap: break-word;
	  	hyphens: auto;*/
	}


	.MB_highlight {
		font-size:4rem;
		color:#7baf2c;
		font-weight:bold;
	}

	#MB_close {
		display:block;
	}

	.MB_button {
		flex:none;
		/*left:0;
		right:0;*/
		width:100%;
		margin:0;
		border-radius: 0;
		box-shadow: none;
	}

	.MB_innerButton {
		padding:0.8em 0.5em 0.8em 1em;
		font-size:1.2em;
	}

	#PDF_close {
		display:none;
	}

	.MB_MobileClose {
		flex:0 2;
		display:block;
		width:100%;
		height:auto;
		margin: 0;
		line-height:2rem;
		padding:0;
		padding-top:1.5rem;
		padding-bottom:2rem;
		font-size:1.2rem;
		color:#ffffff;
		background-color:#153d5e;
		border-radius: 0;
		box-shadow: none;
		letter-spacing: 0.1rem;
		z-index:10004;
	}

	.MB_pdf {
		width:100%;
		height:100%;
	}

	.baby_navigator {
		display:none;
	}

	.baby_secnavigator {
		display:block;
	}

	.baby_img {
		width:100%;
		height:auto;
	}

	.baby_infos {
		position:relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: stretch;
		align-content: center;
		background-color:#ffffff;
		text-align:center;
		padding:1em;

	}

	.resborder {
		padding:2em;
	}

	.pokl_header {
		padding:0.5em 1.5em 0.5em 1.5em;
	}

	.pokl_item {
		flex-flow: column wrap;
		justify-content: flex-start;
		border-bottom:10px solid #7baf2c;
	}

	.pokl_itemmain {
		padding:0.5em 1.5em 0.5em 1.5em;
	}

	.pokl_itempics {
		justify-content: space-between;
		flex-flow: row wrap;
		justify-content: flex-start;
		padding:0.5em 1.5em 1.5em 1.5em;
	}

	.pokl_fas {
		flex-flow: column wrap;
	}
	.pokl_fapic {
		align-self:center;
		flex:1 1 100%;
		width:100%;
		/*max-width:360px;*/
	}

	.pokl_faspecs {
		flex:1 1 100%;
		width:100%;
	}

	.InfoN {
		text-align:center;
		padding:0.5em 1.5em 0.5em 1.5em;
	}

	.InfoB {
		text-align:center;
		padding:0.5em 1.5em 0.5em 1.5em;
	}

	.InfoB.disabled {
		display:none;
	}

	.InfoC {
		padding:0.5em 1.5em 0.5em 1.5em;
	}

	#BackToTop {
		display:block;
		position:fixed;
		bottom:10vmin;
		right:10vmin;
		height:10vmin;
		width:10vmin;
		border-radius:5px;
		background-color:#153d5e;
		color:#ffffff;
		background-image: url(/PICs/Symbole/osys_download.png);
		background-size: 8vmin auto;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
		box-shadow: 0px 0px 5px #000000;
	}

	#Datenschutz {
		position:fixed;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-items: stretch;
		align-content: center;
		z-index: 100000;
		bottom: 0;
		width:100vw;
		padding:0;
		margin:0;
		box-shadow: 0px 0px 5px black;
	}

	.DS_Row {
		flex:1;
		color:#ffffff;
		font-size:1rem;
		padding:5vmin;
		text-align:center;
	}

	.DS_Row:first-child {
		flex:1;
		padding:5vmin;
		padding-bottom:0;
		padding-top:10vmin;
		text-align:center;
	}

	.DS_Button {
		cursor: pointer;
		float:none;
		margin:0 auto;
		margin-bottom:5vmin;
		width:80vw;
		border: 1px solid #ffffff;
		border-radius: 0.2vmin 0.2vmin 0.2vmin 0.2vmin;
	}

	.DS_Button:last-child {
		margin:0 auto;
		margin-bottom:5vmin;
	}

	.DS_Button:hover {
		background-color:#153d5e;
	}

	.DS_innerButton {
		text-align: center;
		margin:5px;
		font-size:1em;
		color:#ffffff;
	}

	.klt_header::after {
		content: '';
		display: none;
	}

	.klt_header.open::after {
		content: '';
		display: none;
	}


}