/* -------------------------
| Generelle-Formatierungen |
-------------------------- */
::-moz-selection 				{color: #fff; background: #27BBBC;}
::selection 					{color: #fff; background: #27BBBC;}

html							{font-family: Arial, sans-serif; color:#666;}
body 							{background-image:url(../_images/background.jpg); background-attachment:fixed; background-size:cover; width:100%; height:100%; overflow-x:hidden;}

div.infos						{position:relative; margin:0 15% 75px 0; float:right; text-align:left; color:#bbb;}
div.footer						{position:fixed; bottom:0; left:0; text-align:center; width:100%; background:#27BBBC; padding:10px 0; color:#fff;}
div.footer a					{color:#fff; text-decoration:none;}
img.logo						{margin:45px 0 0 -210px; width:720px; position:absolute;}
img.logo2						{margin:45px 0 0 0; width:250px; position:absolute;}

img.coaching_consulting			{margin:115% 0 0 14px; width:150px; cursor:pointer; padding:15px; background:rgba(0,170,173,0.6); transition:background 0.3s;}
img.coaching_consulting2		{margin:115% 0 0 14px; width:132px; cursor:pointer; padding:15px; background:rgba(0,170,173,0.6); transition:background 0.3s;}

img.coaching_consulting:hover	{background:rgba(0,170,173,1);}
img.coaching_consulting2:hover	{background:rgba(0,170,173,1);}

div.impressum-content			{margin:100% 0 0 0;}
div.kontakt-content				{margin:300px 0 0 0; width:400px;}

div.kontakt-content	input		{width:96%; padding:5px 2%; font-family: Arial, sans-serif; color:#666; font-size:14px;}
div.kontakt-content	input[type="submit"]		{width:150px; padding:5px 2%; font-family: Arial, sans-serif; color:#666; font-size:14px;}
div.kontakt-content	textarea	{width:96%; padding:5px 2%; font-family: Arial, sans-serif; color:#666; font-size:14px;}

a.impressum						{position:absolute; bottom:5px; right:5px; font-size:12px;}

span							{margin:-23px 0 -30px 20px; display:block;}
span.footer-element				{display:inline-block; margin:0 10px;}

ul								{margin-left:-47px;}
ul li							{list-style-type:none; margin-bottom:15px;}
ul li:before 					{content: "»"; margin-right:20px; display:inline-block; width:1%; vertical-align:top;}

ul li div						{display:inline-block; width:94%; vertical-align:top;}


p.top							{margin:10px 0 0 0 !important; font-size:15px; line-height:1.6}
p								{margin:50px 0 0 0; font-size:15px; line-height:1.6}
a								{color:#666;}
a.webseite						{color:#bbb; text-decoration:none; font-weight:700 !important; margin:100px 0 0 18px !important;}


div.footer table				{width:80%; margin:0 auto;}

div#captcha						{display:block; position:relative; margin:10px 0 40px -5px; width:100%; text-align:left;}
span#one99						{display:inline-block; position:relative; margin:0 !important;}
span#two99						{display:inline-block; position:relative; margin:0 !important;}
span#operation99				{display:inline-block; position:relative; margin:0 !important;}

a.for-mob						{display:none;}


/* -------------------------------
| Accordion-formatierungen    |
------------------------------- */
div.accordion							{margin:0 0 30px 0;}
div.accordion h3						{position:relative; border-bottom:1px solid #ddd; padding:10px 0; margin:0; cursor:pointer; color:#27BBBC; font-weight:300;}
div.accordion h3:after					{content:'+'; position:absolute; right:0; top:9px; transition:all 0.3s;}
div.accordion h3:hover:after			{transform:rotate(25deg);}
div.accordion h3:focus:after			{transform:rotate(90deg);}

/*-----------------------------------------------------------------------------------------------*/


@media screen and (max-width:1760px) {
div.footer table				{font-size:14px;}
}


@media screen and (max-width:1600px) {
div.footer table				{font-size:13px;}

img.logo						{margin:45px 0 0 -175px; width:620px; position:absolute;}
}


@media screen and (max-width:1500px) {
div.footer table				{font-size:12px; width:80%;}
img.logo						{margin:45px 0 0 -147px; width:530px; position:absolute;}
img.coaching_consulting			{margin:95% 0 0 14px;}
p.top,ul						{font-size:14px;}
ul li div						{width:93%;}
p								{font-size:14px;}
}

@media screen and (max-width:1400px) {
div.infos						{background:rgba(0,0,0,0.5); padding:0 40px 0 70px;}
img.logo						{width:400px !important; margin:45px 0 0 -20px;}
img.coaching_consulting			{margin:85% 0 0 14px; }
img.coaching_consulting2		{margin:85% 0 0 14px;}
}


@media screen and (max-width:1240px) {
div.footer table				{font-size:12px; width:80%;}
img.coaching_consulting			{margin:95% 0 0 14px;}
p.top,ul						{font-size:13px;}
p								{font-size:13px;}

span.footer-element				{display:inline-block; margin:0 5px;}
}

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

div.infos						{position:relative; margin:0 5% 75px 0; float:right; text-align:left; color:#bbb;}
div.footer table				{font-size:10px;}

a.impressum						{bottom:45px;}
}

@media screen and (max-width:1000px) {
div.footer table				{width:100%;}

img.coaching_consulting			{margin:95% 0 0 14px;}
p.top,ul						{font-size:11px;}
ul li div						{width:92%;}
p	
}

@media screen and (max-width:800px) {
div.footer table td				{font-size:10px; display:block !important;}
div.footer table td:nth-child(even){display:none !important;}
a.impressum						{bottom:13px; font-size:10px;}
}

@media screen and (max-width:635px) {
body 							{background-image:url(../_images/background2.jpg);}
}

@media screen and (max-width:600px) {
img.logo						{width:200px !important; margin:145px 0 0 0;}
.margintop						{margin:0 0 200px 0 !important; display:block;}
a.no-mob						{display:none;}
a.for-mob						{display:block; color:#fff; background:#27BBBC; margin:5px 0; width:200px; text-decoration:none; padding:5px}
}

@media screen and (max-width:500px) {
img.logo						{width:200px !important; margin:145px 0 0 0;}
img.logo2						{width:200px !important; margin:25px 0 0 0;}
div.infos ul					{margin:0 0 75px 0; width:100%; padding:0;}
div.infos						{margin:0; padding:0 1% 150px 1%; width:98% !important;}
div.kontakt-content				{width:100%; margin:200px 0 0 0;}
form.kontakt					{width:100%;}
form.kontakt input,
form.kontakt textarea			{width:90%; padding:5px 2%;}
}