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

/* ubuntu-500 - latin */
@font-face {
  font-family:'Ubuntu';
  font-style:normal;
  font-weight:500;
  src:url('/css/fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
  src:local('Ubuntu'),
      url('/css/fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('/css/fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
      url('/css/fonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */
      url('/css/fonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
      url('/css/fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* -------------------------------- GLOBAL -------------------------------- */
body 									{margin:0; padding:0 0; background:#ffffff; color:#494949; font-family:'Ubuntu',sans-serif; font-size:16px; line-height:24px; text-align:left;}
#stage									{width:100%; padding:0; margin:auto; text-align:left;}
#content-body							{max-width:1170px; min-width:280px; margin:auto; padding:10px 10px 10px 10px; background:#ffffff; -webkit-box-shadow:0 1px 7px #afafaf; -moz-box-shadow:0 1px 7px #afafaf; -o-box-shadow:0 1px 7px #afafaf; box-shadow:0 1px 7px #afafaf;}

.clear									{clear:both;}

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

.logo									{width:100%; max-width:462px; padding:25px 0 0 40px;}
.logo-height							{height:98px;}
/*.figur									{width:100%; max-width:151px; display:block; padding:127px 0 32px 0;}*/
.figur									{width:100%; max-width:400px; display:block; padding:127px 0 32px 0;}
.figur300								{display:none; height:187px; padding:127px 0 32px 0;}
.bottom-spacer							{display:block; height:20px;}
.input									{border:1px solid #cccccc; padding:4px; margin:4px 0 4px 0; background:#EDEDED; color:#494949; font-family:'Ubuntu',sans-serif; font-size:12px;}

.facebook{display:none; position:fixed;    top:42px;    right:10px;    background:url(/img/logo_blue_29.png) no-repeat;    width:1.8125em;    height:1.8125em;    background-size:cover;}

.facebook:hover							{background:url('/img/logo_blue_29.png') no-repeat;}

/* -------------------------------- BOXES -------------------------------- */
.box-left-right							{display:table; width:100%;}
.box-left-right div.content-left		{display:table-cell; width:100%; background:#ffffff; vertical-align:top;}
/*.box-left-right div.content-right		{display:table-cell; min-width:400px; text-align:center; background:#eff0f4 url('/img/content_right_bg_bigger.jpg') no-repeat;}*/
.box-left-right div.content-right		{display:table-cell; min-width:400px; text-align:center; background:#eff0f4 url('/img/content_right_bg_bigger_bw.jpg') no-repeat;}
.box-left-right div.content-right h3	{font-family:'Ubuntu',sans-serif; font-size:26px; line-height:22px; color:#788ca1; text-align:center; font-weight:normal;}
.box-left-right div.content-right h4	{font-family:'Ubuntu',sans-serif; font-size:20px; line-height:28px; color:#788ca1; text-align:center; font-weight:normal;}
.box-left-right div.content-right h4 a	{text-decoration:none; color:#494949;}

div.claim 								{text-align:center; background:#cc744f url('/img/claim_pic_bg.jpg') 60% 40% no-repeat; background-size:cover; height:167px; margin:0 0 25px 0; padding:20px 0 0 0;}
div.claim h2 							{font-family:'Ubuntu',sans-serif; font-size:19px; line-height:35px; margin:22px 0 0 0; padding:0 0 0 0; font-style:normal; text-shadow:0 0 3px #fed554; color:#fff3cd; font-weight:normal;}
div.claim h3 							{font-family:times new roman,times; font-size:19px; line-height:19px; margin:0 0 0 0; padding:0 0 0 0; font-style:italic; color:#ffffff; font-weight:bold;}

.inner-left								{width:84%; margin:0 0 30px 40px; background:#ffffff;}

/* -------------------------------- NAVIS -------------------------------- */
.nav-main								{width:84%; margin:0 0 12px 40px; background:#ffffff;}
.nav-main td a 							{color:#494949; text-decoration:none; line-height:17px; font-size:14px; font-weight:normal; letter-spacing:.06em; font-family:'Ubuntu',sans-serif;}
.nav-main td a:hover 					{color:#6e91b8; text-decoration:none;}

#nav-mobile								{display:none; width:100%; margin:0 0 12px 0; background:#ffffff;}
#nav-mobile a 							{display:block; text-align:center; padding:6px 0 6px 0; background:#f1f1f1; border-bottom:1px solid #fff; color:#494949; text-decoration:none; line-height:20px; font-size:14px; font-weight:normal; letter-spacing:.06em; font-family:'Ubuntu',sans-serif;}
#nav-mobile a:hover 					{color:#6e91b8; text-decoration:none;}

.icon-nav-mobile, .icon-nav-mobile a	{display:none; position:absolute; top:38px; right:10px; font-size:30px; color:#494949; text-decoration:none;}

.nav-switch								{max-width:1170px; min-width:280px; margin:0 auto; padding:10px 10px 10px 0; background:#ffffff; text-align:right; text-decoration:none; font-family:'Ubuntu',sans-serif; font-weight:normal; font-size:13px; letter-spacing:.05em; color:#788ca1; line-height:16px;}
.nav-switch a 							{color:#BEBEBE; text-decoration:none;}
.nav-switch a:hover 					{color:#494949; text-decoration:none;}

.footer									{width:100%; max-width:840px; margin:0 auto; padding:0 0 20px 0; color:#bbbbbb; font-family:'Ubuntu',sans-serif; font-size:14px; line-height:22px; text-align:center; background:#ffffff;}
.footer a								{text-decoration:none; color:#bbbbbb;}
.footer a:hover							{text-decoration:none; color:#494949;}
.footer h4								{color:#bbbbbb; font-size:14px; line-height:22px;}
.footer h5								{display:inline; color:#bbbbbb; font-size:14px;}

/* -------------------------------- FONTS -------------------------------- */
h1										{margin:0 0 0 0; padding:0 0 0 0; font-weight:normal;}
h2										{margin:0 0 0 0; padding:0 0 0 0; font-weight:normal;}
h3										{margin:0 0 0 0; padding:0 0 0 0; font-weight:normal;}
h4										{margin:0 0 0 0; padding:0 0 0 0; font-weight:normal;}
h5										{margin:0 0 0 0; padding:0 0 0 0; font-weight:normal;}

.times_22								{font-family:'Ubuntu',sans-serif; font-size:34px; line-height:32px;}
.arial_12								{font-family:'Ubuntu',sans-serif; font-size:16px; line-height:24px;}
.arial_10								{font-family:'Ubuntu',sans-serif; font-size:10px; line-height:12px;}
.Meldung								{font-family:'Ubuntu',sans-serif; font-size:10px; line-height:14px; color:#ff0000;}

/* -------------------------------- RESPONSIVE -------------------------------- */
@media screen and (max-width:1024px)
{
	.logo								{width:92%; padding:10px 0 30px 4%;}
	.nav-main							{width:90%; margin:0 0 12px 4%;}
	.box-left-right div.content-right	{min-width:300px;}
	.inner-left							{width:90%; margin:0 0 30px 4%;}
	.figur								{display:none;}
	.figur300							{display:block;}
	/*div.claim h2 						{font-size:40px; margin:55px 0 0 0; padding:0 0 0 0;}*/
}

@media screen and (max-width:760px)
{
	/* #content-body						{padding:5px 6px 10px 6px; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;} */
	#content-body						{padding:5px 20px 10px 20px; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;}
	.nav-switch							{text-align:center; background:#eeeeee; border-bottom:15px solid #ffffff;}
	.box-left-right div.content-left	{display:table-row; width:100%; background:#ffffff;}
	.box-left-right div.content-right	{background:#eff3f4;}
	.logo								{width:100%; padding:0 0 10px 0;}
	.logo-height						{height:auto;}
	.icon-nav-mobile, .icon-nav-mobile a	{display:block;}
	#nav-mobile							{display:block;}
	.nav-main							{display:none;}
	/*div.claim 							{height:105px; margin:0 0 20px 0; padding:20px 0 0 0;}*/
	/*div.claim h2 						{font-size:30px; margin:25px 0 0 0; padding:0 0 0 0;}*/
	.inner-left							{width:100%; margin:0 0 30px 0;}
	.bottom-spacer						{display:none; height:0px;}
	.footer								{width:96%; padding:0 0 10px 0;}
	.figur								{display:block; padding:20px 0 20px 0; margin:0 auto;}
	.figur300							{display:none;}
}
