/* eb-garamond-regular - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/eb-garamond-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/eb-garamond-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/eb-garamond-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/eb-garamond-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/eb-garamond-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/eb-garamond-v26-latin-regular.svg#EBGaramond') format('svg'); /* Legacy iOS */
}
/* eb-garamond-700 - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/eb-garamond-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/eb-garamond-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/eb-garamond-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/eb-garamond-v26-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/eb-garamond-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/eb-garamond-v26-latin-700.svg#EBGaramond') format('svg'); /* Legacy iOS */
}


/* Reset Browser */
* 		{vertical-align:baseline;font-weight:inherit;font-family:inherit;font-style:inherit;font-size:100%;border: 0 none;outline:0;padding:0;margin:0}
:focus 	{outline:0}
ul	 	{list-style:none}
body 	{line-height:1;font-family:Arial;color:#000; background:url(../images/bg_body.jpg) top center no-repeat #FFF5CC}
strong	{font-weight:bold}

/* Keine Skalierung von Text */
html 	{-webkit-text-size-adjust:none;-ms-text-size-adjust:none} 

/* Bling Bling */
@-webkit-keyframes redPulse
{
	from {
		background: #A30000;
		
	}
	50% {
		background: #670000;
		
	}
	to {
		background: #A30000;
	
	}
}
@-moz-keyframes redPulse
{
	from {
		background: #A30000;
		
	}
	50% {
		background: #670000;
		
	}
	to {
		background: #A30000;

	}
}
@keyframes redPulse
{
	from {
		background: #A30000;
		
	}
	50% {
		background: #670000;
		
	}
	to {
		background: #A30000;
		
	}
}

.blink_me {
	-webkit-animation-name: redPulse;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-iteration-count: infinite;}

/* Wrapper */
.wrap 			{margin:0 auto 0 auto;width:980px}

/* Headlines */ 
#rightpane	h1	{font-family: 'EB Garamond';font-size:1.9rem;color:#970000;line-height:2.3rem;margin-bottom:10px;letter-spacing:1px}
#rightpane	h2	{font-family: 'EB Garamond';font-size:1.4rem;color:#000;line-height:1.7rem;margin-bottom:20px;letter-spacing:1px}

#rightpane	div.content_right h1	{font-size:1.4rem;line-height:1.4rem;margin-bottom:10px}
#rightpane	div.content_right h2	{font-size:1.2rem;line-height:1.4rem;margin-bottom:10px}

/* Body Text */ 
#rightpane p, ul.story li, label, #rightpane li	{font-family: 'EB Garamond';font-size:1.2rem;line-height:1.8rem;margin-bottom:10px}
#rightpane ul	{margin-left:20px}
#rightpane li	{margin-bottom:0;list-style-type:disc}
p.hinweis		{padding:20px;text-align:center;background:#970000;color:#fff;width:400px;float:left;margin-right:25px}

#rightpane	div.content_right p		{font-size:1rem;line-height:1.6rem;margin-bottom:10px}

p a.history_btn, p.hinweis a	{color:#FFF}
a.history_btn 		{width:300px;height:auto;padding:10px;background-color:#970000;float:left;margin-right:25px;text-align:center;display:inherit}
a.history_btn:hover	{text-decoration:none;background-color:#FF0000}

.last, a.last	{margin-right:0}

.trenner	{clear:both;height:45px;background:url(../images/bg_trenner_line.png) left center repeat-x}

/* Header Kontakt */
#header			{height:150px;font-size:0.75rem;color:#FFF;line-height:1.2rem}
#header	h1		{font-size:1rem;margin-bottom:5px;font-weight:700}
#header .header_adress	{padding:30px 0 0 15px;float:left}
#header ul.contact 		{margin:0;padding:0}
#header ul.contact li	{list-style-type:none}
#header ul.contact li a	{color:#FFF}
#header ul.contact li.first		{width:50px;float:left}
#header ul.contact li.second 	{width:200px;float:left}

/* Container */
#leftpane			{width:235px;height:auto;float:left;padding-top:16px}
#rightpane			{width:665px;height:auto;padding:40px;float:left;background:#FFF;overflow:visible;box-shadow: 0 0 26px #333333}
#content			{}
div.eyecatcher		{width:665px;height:230px;background:url(../images/eyecatcher_shadow.png) 50% 97% no-repeat;margin-bottom:20px}
div.eyecatcher img	{padding:5px;background-color:#FFF;border:1px solid #ccc}

div.eyecatcher_start	{width:665px;height:695px;background:url(../images/eyecatcher_shadow.png) 50% 97% no-repeat;margin-bottom:20px}
div.eyecatcher_start img{padding:5px;background-color:#FFF;border:1px solid #ccc}

div.content_left		{float:left;width:400px;margin-right:20px}
div.content_right		{float:left;width:245px}

/* Logo */
#logo		{width:auto;height:auto;float:right;margin:40px 20px 0 0}
img.logo	{width:290px;height:auto}

/* Bilder */
.pic_im_text, .pic_im_text_right	{padding:5px;background-color:#FFF;border:1px solid #ccc;float:left;margin:0 20px 10px 0}
.pic_im_text_right					{float:right;margin:0 0 10px 20px}

.width_mob		{width:90%;height:auto}

.pic_chef		{width:auto;height:auto;float:left;margin-right:20px}
.pic_chef.last	{margin:0}
.pic_chef img	{border:1px solid #CCC;padding:5px;margin-bottom:5px;width:140px;height:auto}
#rightpane p.pic_chef_info	{font-size:0.9rem;line-height:1.2rem}

/* Font Sizer */
.fontsizer			{margin:10px 0 0 15px;float:left}
.fontsizer p		{font-size:0.85rem;color:#fff}
.fontsizer a:link 	{color:#FFF}

span.small		{font-size:0.75rem}
span.medium		{font-size:0.85rem}
span.large		{font-size:1rem}

/* Footer */
#footer			{float:right;width:745px;margin:15px 0 0 0}
#footer ul		{margin:0;padding:0;text-align:center}
#footer ul li	{text-transform:uppercase;font-size:0.75rem;margin:0 10px 0 10px;line-height:1.5rem;display:inline;color:#970000}

#footer a:link, #footer a:visited	{color:#970000; text-decoration:none}
#footer a:hover						{color:#970000; text-decoration:underline}

/* Blockquote */
blockquote {
font-family: 'EB Garamond';
font-size: 1.3rem;
width: auto;
margin:25px 0 25px 0;
padding:25px 25px 15px 60px;
line-height: 2rem;
position: relative;
color: #970000;
border-top:1px solid #970000;
border-bottom:1px solid #970000;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 7rem;
position: absolute;
left: 10px;
top: 50px;
color: #970000;
}

blockquote cite {
color: #000;
font-size: 1rem;
display:block;
margin-top: 5px;
text-align:right
}
 
blockquote cite:before {
content: "\2014 \2009";
}

p.contact_col								{width:45%;float:left;margin-right:3%}

div.hinweis_start p							{padding:20px; background:#FEF5CC}
div.hinweis_start p strong					{color:#970000}

div.hinweis_start_top p						{padding:40px; background:#970000;color: #fff;font-size: 4rem}
div.hinweis_start_top p strong				{color:#fff}

div.hinweis_start_top a:link, div.hinweis_start_top a:visited				{color:#fff}
div.hinweis_start_top a:hover				{color:#fff}

/* Navigation */
.navcontainer 								{width:235px;margin:0;overflow:hidden;padding:38px 0 0 0;font-family: 'EB Garamond';font-weight:400}
#navlist									{margin-left:0;padding-left:0}
#navlist li									{list-style:none;margin:8px 0 8px 0;padding:0;font-size:1.2rem}
#navlist li a 								{text-decoration:none;display:block;padding-left:40px}
#navlist li a:link, #navlist li a:visited	{text-decoration:none;color:#fff}
#navlist li a:hover							{text-decoration:underline}
#navlist li a.current						{background: url(../images/nav_arrow.png) 8% 60% no-repeat;color:#fff;font-weight:700}

#navlist li a.chapter						{font-weight:bold}

#navlist ul.pflege							{margin:40px 0 40px 0}
#navlist ul.hgp								{margin-bottom:40px}

#mobile-header		{display:none}
li.mobile			{display:none}

/*.zert_siegel	{width:234px;background-color:#800000;margin-top:40px;padding:15px 0 10px 0; text-align:center;font-size:1rem;float:right;font-family: 'EB Garamond', serif;font-weight:200;color:#FFF}
.zert_siegel a	{margin-top:12px;background-color:#800000;width:185px;height:27px;background-image:url(http://www.seniorplace-partner.de/partnerportal/widget/18DF422CBFCEA2BDC1256F42003B045D_w.png);display:inline-block;background-repeat:no-repeat}*/

.zert_siegel								{width:234px;background-color:#800000;margin-top:40px;padding:13px 0 13px 0; text-align:center;font-size:1.2rem;float:right;font-family: 'EB Garamond';font-weight:200;color:#FFF}
.zert_siegel a:link, .zert_siegel a:visited	{color:#FFFFFF}

/* Google Map */
iframe.google_map	{width:100%;height:450px}

/* Tabs Geschichte */
#rightpane ul.story 			{margin:0;padding:0}
#rightpane ul.story li			{list-style-type:none}
#rightpane ul.story li.first	{width:30%;float:left;color: #970000}
#rightpane ul.story li.second 	{width:70%;float:left;color: #000;margin-bottom:20px}

/* Kontaktformular */
.kontakt_form					{margin-top:18px}
.kontakt_form label				{float: left;width:180px;height:35px;line-height:35px}
.kontakt_form input, textarea	{width: 250px;margin:0 0 15px 0;padding:10px; background:#fff;border:1px solid #CCCCCC;font-family:Arial,sans-serif; font-size:0.75em;-webkit-appearance: none}
.kontakt_form textarea			{width: 250px;height: 100px;font-family:Arial}
.kontakt_form br				{clear: both}
.kontakt_form input.btn			{font-family: 'EB Garamond';font-size:1rem;width:250px;height:40px;line-height:40px;padding:0;display:block;cursor:pointer;background-color:#970000;border:none;color:#fff;margin:5px 0 0 190px;-webkit-appearance: none}
.kontakt_form input.btnhov		{background-color:#FF0000;color:#fff}
.kontakt_form .focus			{width: 250px;margin:0 0 15px 0;padding:10px; background:#f0f0f0;border:1px solid #970000}
.kontakt_form .blur				{width: 250px;margin:0 0 15px 0;padding:10px; background:#fff;border:1px solid #ccc}

/* Links allgemein */
a:link, a:visited	{color:#970000; text-decoration:none}
a:hover				{color:#970000; text-decoration:underline}

/* Button Top */
#btn_top							{text-align:center;margin-bottom:40px}
p#back-top a:link					{font-size:1.8rem;color:#fff;background:#940000;text-decoration:none;width:45px;height:45px;border-radius:100%;line-height:47px;text-align:center;display:inline-block;padding:0;margin-top:15px}
p#back-top a:hover					{text-decoration:none;background-color:#c00}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {



/* Wrapper */
.wrap 				{width:768px}

/* Container */
/*#leftpane			{width:235px;height:auto;float:left}*/
#leftpane			{width:200px;height:auto;float:left}
/*#rightpane			{width:665px;height:auto;padding:40px;float:left;background:#FFF;overflow:visible;box-shadow: 0 0 26px #333333}*/
#rightpane			{width:528px;padding:20px}

#rightpane	h1, #rightpane	div.content_right h1	{font-family: 'EB Garamond';font-size:1.9rem;color:#970000;line-height:2.3rem;margin-bottom:10px;letter-spacing:1px}	
#rightpane	h2, #rightpane	div.content_right h2	{font-family: 'EB Garamond';font-size:1.4rem;color:#000;line-height:1.7rem;margin-bottom:20px;letter-spacing:1px}

#rightpane	div.content_right p		{font-size:1.2rem;line-height:1.8rem;margin-bottom:10px}

div.content_left		{float:none;width:100%;margin:0 0 25px 0;border-bottom:1px solid #e5e5e5;padding-bottom:10px}
div.content_right		{float:none;width:100%}

/*div.eyecatcher		{width:665px;height:230px;background:url(../images/eyecatcher_shadow.png) 50% 97% no-repeat;margin-bottom:20px}*/
div.eyecatcher, div.eyecatcher_start		{width:auto;height:auto;background:none}
/*div.eyecatcher img	{padding:5px;background-color:#FFF;border:1px solid #ccc}*/
div.eyecatcher img, div.eyecatcher_start img	{width:98%;height:auto;padding:1%}

p.hinweis			{width:315px;margin-right:15px;float:none}

.navcontainer 								{padding:38px 0 0 0}
#navlist li									{font-size:1.1rem;line-height:1.2rem}
#navlist li a 								{padding-left:35px}

.zert_siegel	{width:202px;background-color:#800000;margin-top:40px;padding:15px 0 15px 0; text-align:center;font-size:1rem;float:right;font-family: 'EB Garamond';font-weight:200;color:#FFF}

a.history_btn	{width:510px;float:none;margin-bottom:10px}

/* Footer */
#footer			{width:568px}
}

/*layouts smaller than 600px, iPhone and mobiles*/
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 767px)  {

/*body 	{line-height:1;font-family:Arial, sans-serif;color:#000; background:url(../images/bg_body.jpg) top center no-repeat #FFF5CC}*/
body 	{background:url(../images/header_mobile.jpg) top center no-repeat #FFF5CC}

/* Wrapper */
.wrap 			{width:100%}

/* Header */
#header			{height:140px;font-size:0.75rem;color:#FFF;line-height:1.2rem}
#mobile-header	{display:inherit}
li.mobile		{display:inherit}

/* Logo */
#logo		{width:auto;height:auto;float:left;margin:40px 0 0 20px}
img.logo	{width:250px;height:auto}

/* Headlines */ 
#rightpane	h1	{font-size:1.6rem;line-height:2rem}
#rightpane	h2	{font-size:1.4rem;line-height:1.6rem}

/* Body Text */ 
#rightpane	p	{line-height:1.8rem}

p.contact_col	{width:100%;float:none;margin-right:0}

/* Container */
/*#rightpane		{width:665px;height:auto;padding:40px;float:left;background:#FFF;overflow:visible;box-shadow: 0 0 26px #333333}*/
#rightpane			{width:92%;height:auto;padding:4%;float:none}

div.content_left	{float:none;width:100%;margin:0 0 25px 0;border-bottom:1px solid #e5e5e5;padding-bottom:10px}
div.content_right	{float:none;width:100%}

p.hinweis			{width:92%;padding:4%;margin:0 0 20px 0;float:none;clear:both}

.pic_chef		{width:100%;height:auto;float:none;margin:30px 0 0 0;text-align:center}
.pic_chef.last	{margin:30px 0 0 0}

/*div.eyecatcher	{width:665px;height:230px;background:url(../images/eyecatcher_shadow.png) 50% 97% no-repeat;margin-bottom:20px}*/
div.eyecatcher, div.eyecatcher_start	{width:auto;height:auto;background:none}
/*div.eyecatcher img{padding:5px;background-color:#FFF;border:1px solid #ccc}*/
div.eyecatcher img, div.eyecatcher_start img	{width:98%;height:auto;padding:1%}

a.history_btn	{width:100%;height:auto;padding:10px 0 10px 0;float:none;margin-right:0}

/* Kontaktformular */
.kontakt_form input, textarea	{width: 92%;margin:0 0 15px 0;padding:4%;-webkit-appearance: none}
.kontakt_form textarea			{width: 92%}
.kontakt_form input.btn			{width:100%;height:50px;line-height:50px;margin:5px 0 0 0;-webkit-appearance:none}
.kontakt_form .focus			{width: 92%;padding:4%}
.kontakt_form .blur				{width: 92%;padding:4%}

/* Tabs Geschichte */
#rightpane ul.story li.first	{width:100%;float:none}
#rightpane ul.story li.second 	{width:100%;float:none;margin-bottom:30px}

/* Footer */
#footer			{float:none;width:100%;margin:20px 0 20px 0}
#footer ul		{margin:0;padding:0;text-align:center}
#footer ul li	{text-transform:uppercase;font-size:0.55rem;margin:0;line-height:1.3rem;display:block}

#footer a:link, #footer a:visited	{font-size:0.85rem;line-height:2.0rem}
#footer a:hover						{text-decoration:none}

a.btn_responsive_menu
{position:absolute;font-size:1.3rem;color:#970000;text-transform:uppercase;background:#fff;right:6%;top:6.5%;text-decoration:none;width:55px;height:55px;border-radius:100%;line-height:60px;text-align:center}

/*Google Map*/
iframe.google_map	{width:100%;height:450px}

/* Bilder */
.width_mob							{width:100%;height:auto}
.pic_im_text, .pic_im_text_right	{width:auto;height:300px}
.pic_im_text_right					{float:right;margin:0 0 10px 20px}

/*DISPLAY NONE*/
.header_adress	{display:none}
#leftpane		{display:none}
.fontsizer 		{display:none}
.navcontainer 	{display:none}
#fbox			{display:none}

}