/*

	Magenta		e5007d		Violett		a5027d
	Blau		009ee3
	Gelb		ffed00

*/

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

a, button							{-webkit-transition: 0.3s; transition: 0.3s; cursor: pointer;}
i, textarea							{-webkit-transition: 0s; transition: 0s;}
*::-moz-selection					{background-color: #777777; color: #ffffff;}
*::selection						{background-color: #777777; color: #ffffff;}
.clear								{float: none; clear: both;}
a									{text-decoration: none; color: inherit;}
a:hover								{}

body								{font-family: 'Montserrat', sans-serif; font-weight: 400; background-color: #009ee3; color: #ffffff;}
header								{position: relative; width: 100%; height: 100%; background-image: url('img/Phil Hackemann.jpg'); background-position: center top; background-size: cover; background-attachment: fixed;}
.subpage header						{height: 57%;}
header .text						{position: absolute; bottom: 15%; left: 200px; width: 600px;}
header .text .line					{font-size: 3.5em; font-weight: 800; line-height: 1.4em; display: inline; background: #009ee3; box-shadow: 25px 10px 0px #009ee3, -25px -10px 0px #009ee3, -25px 10px 0px #009ee3, 25px -10px 0px #009ee3; color: #ffed00;}

.divider-lower						{position: absolute; width: 100%; height: 50px; bottom: 0px; background-image: url('img/divider.png'); background-size: cover; background-position: center;}
.divider-upper						{position: absolute; width: 100%; height: 50px; top: 0px; background-image: url('img/divider-d.png'); background-size: cover; background-position: center;}

article								{width: 1200px; margin: 50px auto;}
article h1							{font-weight: 800; font-size: 3em; margin-bottom: 30px;}
article h2							{font-weight: 800; font-size: 1.75em; margin-bottom: 10px;}
article h1 span						{color: #ffed00;}
article h2 span						{color: #ffed00;}
article img							{max-width: 100%; margin: auto; height: auto!important;}
article h3							{font-size: 1.25em; line-height: 1.4em; margin-bottom: 20px;}
article h4							{font-size: 1.25em; line-height: 1.4em; margin-bottom: 20px;}
article h5							{font-size: 1.25em; line-height: 1.4em; margin-bottom: 20px;}
article h6							{font-size: 1.25em; line-height: 1.4em; margin-bottom: 20px;}
article p							{font-size: 1.25em; line-height: 1.4em; margin-bottom: 20px;}
article blockquote					{font-size: 1.5em; line-height: 1.4em; margin: auto auto 20px auto; font-weight: 800; max-width: 70%; font-style: italic; color: #ffed00;}
article blockquote::before			{content: " » ";}
article blockquote:before			{content: " » ";}
article blockquote::after			{content: " « ";}
article blockquote:after			{content: " « ";}
article p.imprint					{font-size: 1em;}
article p.long						{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
article .bullets					{}
article .bullets div				{/*width: 47%;*/ margin-right: 3%; float: left; margin-bottom: 30px; text-align: left;}
article .bullets i.fas				{font-size: 4em; color: #ffed00; margin: 0px 20px 20px 0px; float: left;}
article .bullets a i.fas			{font-size: 1em; margin: 0px 0px 0px 0px; float: none;}
article .bullets .box				{display: inline-block; float: left; /*width: 440px;*/}
article .lefty						{width: 48%; float: left;}
article .righty						{width: 48%; float: right;}
article input, article textarea, article button {width: 100%; font-size: 1em; outline: 0px; padding: 15px; color: #ffffff; background: transparent; border: 0px; font-family: 'Montserrat', sans-serif; font-weight: 400; max-width: 100%;}
article input::placeholder, article textarea::placeholder, article button::placeholder {color: #ffffff;}
article input, article textarea		{border-bottom: 5px solid #ffed00;}
article button						{background-color: #ffed00; color: #009ee3; font-weight: 800; text-transform: uppercase;}
article button:hover				{color: #e5007d;}
article b							{font-weight: 700;}
article em							{font-weight: 700;}
article strong						{font-weight: 700;}
article s							{text-decoration: line-through;}
article u							{text-decoration: underline;}
article i							{font-style: italic;}
article i.fa						{font-style: normal;}
article p p							{font-size: 1em; line-height: 1em;}
article a							{font-size: 0.8em; color: #ffed00; font-weight: 800; text-transform: uppercase;}
article a i.fas						{color: inherit!important;}
article a.social					{font-size: 3em; display: inline-block; margin: 0px 10px 20px 0px;}
article a:hover						{color: #e5007d;}
a.mainp								{display: block; position: fixed; bottom: 50px; left: -235px; padding: 20px 30px; font-size: 2em; line-height: 1.4em; background-color: #ffed00; color: #009ee3; font-weight: 800; text-transform: uppercase;}
a.mainp i.fas						{margin-left: 10px;}
a.mainp:hover						{left: 0px;}

.section							{position: relative; width: 100%; background-size: cover; background-position: center; background-attachment: fixed;}
.section .centered					{width: 600px; padding: 150px 0px; margin: auto; text-align: center;}
.section .centered.nocontent		{height: 300px;}
.section .centered img				{width: 100%;}
.section .centered iframe			{width: 100%;}

footer								{background-color: #2c2c2c; padding: 50px 50px 20px 50px; text-align: right;}

.container							{position: relative; width: 100%; height: 30%; padding-bottom: 56.25%;}
.video								{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/*ul								{list-style-image: url('img/ul.png'); font-size: 1.25em; line-height: 1.4em; }*/ 
li									{margin-bottom: 20px;}
th									{text-align: left; vertical-align:top; line-height: 1.5em;}

.erreichen							{font-style:italic; color:#ffed00; margin-bottom: 1em; font-weight: 700;}

@media (max-width: 1350px)
{
article								{width: 1000px;}
header .text						{bottom: 15%; left: 100px; width: 600px;}
header .text .line					{font-size: 3em; line-height: 1.22em;}
.section .centered					{width: 600px; padding: 150px 0px;}
article a.social					{font-size: 2em;}
article .bullets p .box				{width: 350px;}
}

@media (max-width: 1100px)
{
article								{width: 800px;}
header .text						{bottom: 15%; left: 100px; width: 500px;}
header .text .line					{font-size: 2.5em; line-height: 1.28em;}
.section .centered					{width: 600px; padding: 150px 0px;}
article .bullets p i.fas			{font-size: 3em;}
article .bullets p .box				{width: 285px;}

.section .centered.nocontent		{height: 100px;}

article h1							{font-size: 2em; margin-bottom: 15px;}
article h2							{font-size: 1.5em;}
article p							{font-size: 1.15em; margin-bottom: 15px;}
article a.social					{font-size: 1.75em;}
}

@media (max-width: 900px)
{
article								{width: 570px;}
header .text						{bottom: 15%; left: 50px; width: 500px;}
header .text .line					{font-size: 2.5em; line-height: 1.4em;}
.section .centered					{width: 600px; padding: 150px 0px;}
article .bullets p i.fas			{font-size: 3em;}
article .bullets p .box				{width: auto; display: inline;}

.section .centered.nocontent		{height: 100px;}

article h1							{font-size: 2em; margin-bottom: 15px;}
article h2							{font-size: 1.5em;}
article p							{font-size: 1.1em; margin-bottom: 15px;}
article a.social					{font-size: 1.75em;}
article p.long						{-webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;}

header								{background-attachment: scroll; background-size: cover;}
.section							{background-attachment: scroll; background-size: cover;}
}

@media (max-width: 655px)
{
article								{width: 90%;}
header .text						{bottom: 15%; left: 10%; width: 80%;}
header .text .line					{font-size: 1.5em; line-height: 1.4em; box-shadow: 15px 7px 0px #009ee3, -15px -7px 0px #009ee3, -15px 7px 0px #009ee3, 15px -7px 0px #009ee3;}
.section .centered					{width: 90%; padding: 150px 0px;}
article .bullets p i.fas			{font-size: 3em;}
article .bullets p .box				{width: auto; display: inline;}
article .bullets p					{width: 100%; margin-right: 0px; float: left; margin-bottom: 30px;}

article .lefty						{width: 100%; float: right;}
article .righty						{width: 100%; float: left;}

/* .frontpage							{background-position: 25% 15%;} */
.sec1								{background-image: url('img/Phil Hackemann (4).jpg')!important; background-position: left top;}
.sec2								{background-image: url('img/Phil Hackemann (12).jpg')!important; background-position: center;}
.sec3								{background-image: url('img/Phil Hackemann (6).jpg')!important; background-position: left bottom;}

.section .centered.nocontent		{height: 100px;}

article h1							{font-size: 1.75em; margin-bottom: 15px;}
article h2							{font-size: 1.25em;}
article p							{font-size: 1em; margin-bottom: 15px;}
article a.social					{font-size: 3em;}
article p.long						{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
form								{display: none;}
.mobile								{display: none;} 

a.mainp								{bottom: 20px; left: -175px; padding: 15px 20px; font-size: 1.5em; line-height: 1.4em; background-color: #ffed00; color: #009ee3; font-weight: 800; text-transform: uppercase;}
}

@media print
{

}