/*
	Magenta		e5007d		Violett		a5027d
	Blau		009ee3		Türkis		10b0af
	Gelb		ffed00
*/

@font-face {
font-family: 'DIN Pro Condensed Black';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Black'), url('DINPro-CondBlack.woff') format('woff');
}
@font-face {
font-family: 'DIN Pro Light';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Light'), url('DINPro-Light.woff') format('woff');
}


a									{-webkit-transition: 0.3s; transition: 0.3s;}
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: 'DIN Pro Light';}
.landing							{font-family: 'DIN Pro Condensed Black'; position: absolute; width: 100%; height: 100%; background-image: url('img/DSC04238Web.jpg'); background-position: bottom; background-size: cover;}
.landing .overlay					{position: absolute; width: 100%; height: 100%; /*background-image: url('img/overlay.png');*/}
.landing .text						{position: absolute; left: 50px; bottom: 100px; width: 1000px;}
.landing .text .textline			{font-size: 3em; line-height: 1.15em; display: inline; background: #a5027d; box-shadow: 10px 0 0 #a5027d, -10px 0 0 #a5027d; color: #ffffff; -webkit-box-decoration-break: clone; box-decoration-break: clone;}
.landing .nav						{position: absolute; top: 50px; right: 50px;}
.landing .nav a						{color: #ffffff; font-size: 2em; text-transform: uppercase; padding: 10px 20px; text-shadow: 0px 0px 70px #000000;}
.landing .nav a:hover				{color: #ffed00;}
.landing .branding					{position: absolute; top: 50px; left: 50px; color: #ffffff; font-size: 2em; padding: 0px 20px; text-shadow: 0px 0px 70px #000000; text-transform: uppercase;}
.landing .branding.mobile			{display: none;}
.landing .branding:hover			{color: #ffed00; letter-spacing: 2px;}
.menu								{font-family: 'DIN Pro Condensed Black'; display: none; width: 100%; height: 100%; position: absolute; z-index: 88888; background-color: #a5027d; color: #ffffff; text-align: center;}
.menu .inner						{position: absolute; width: 100%; top: 50%; margin-top: -180px;}
.menu a								{font-size: 3em; line-height: 1.5em; text-transform: uppercase; width: 100%; display: block;}
.menu a:hover						{color: #ffed00;}
.menu .sociallinks					{position: absolute; bottom: 50px; left: 50px; z-index: 99999;}
.menu .sociallinks a				{display: inline-block; font-family: 'DIN Pro Condensed Black'; font-size: 2.5em; line-height: 1.5em; color: #ffffff; width: auto; margin-right: 20px;}
.menu .sociallinks a:hover			{color: #ffed00;}
.disnav								{font-family: 'DIN Pro Condensed Black'; display: none; position: absolute; top: 50px; right: 50px; z-index: 99999;}
.disnav a							{color: #ffffff; font-size: 2em; text-transform: uppercase; padding: 10px 20px;}
.disnav a:hover						{color: #ffed00;}

.wrapper							{width: 1000px; margin: auto; margin-top: 100px;}
.wrapper .navbar					{text-align: right; padding-bottom: 30px;}
.wrapper .navbar a					{color: #a5027d; font-size: 2em; text-transform: uppercase; padding: 10px 20px; font-family: 'DIN Pro Condensed Black';}
.wrapper .navbar a:hover			{color: #009ee3;}
.wrapper .title						{text-align: right; position: relative;}
.wrapper .title h1					{position: absolute; max-width: 60%; left: 0px; top: 70%; z-index: 77777; font-size: 3em; line-height: 1.15em; font-family: 'DIN Pro Condensed Black'; text-align: left;}
.wrapper .title h1 .line			{display: inline; background: #e5007d; box-shadow: 10px 0 0 #e5007d, -10px 0 0 #e5007d; color: #ffffff; -webkit-box-decoration-break: clone; box-decoration-break: clone;}
.wrapper .title h1 .line.magenta	{background: #e5007d; box-shadow: 10px 0 0 #e5007d, -10px 0 0 #e5007d;}
.wrapper .title h1 .line.lila		{background: #a5027d; box-shadow: 10px 0 0 #a5027d, -10px 0 0 #a5027d;}
.wrapper .title h1 .line.blau		{background: #009ee3; box-shadow: 10px 0 0 #009ee3, -10px 0 0 #009ee3;}
.wrapper .title h1 .line.turkis		{background: #10b0af; box-shadow: 10px 0 0 #10b0af, -10px 0 0 #10b0af;}
.wrapper .title img					{width: 80%;}
.wrapper .title iframe				{width: 70%; height: 40%;}
.wrapper .content					{padding: 50px 70px;}
.wrapper .content h1				{font-family: 'DIN Pro Condensed Black'; margin-bottom: 18px; margin-top: 18px; font-size: 3em; line-height: 1.25em; color: #e5007d;}
.wrapper .content h2				{font-family: 'DIN Pro Condensed Black'; margin-bottom: 18px; margin-top: 18px; font-size: 2.5em; line-height: 1.25em; color: #009ee3;}
.wrapper .content h3				{font-family: 'DIN Pro Condensed Black'; margin-bottom: 18px; margin-top: 18px; font-size: 2em; line-height: 1.25em; color: #a5027d;}
.wrapper .content h4				{font-family: 'DIN Pro Condensed Black'; margin-bottom: 18px; margin-top: 18px; font-size: 1.5em; line-height: 1.25em; color: #2c2c2c;}
.wrapper .content h5				{font-family: 'DIN Pro Condensed Black'; margin-bottom: 18px; margin-top: 18px; font-size: 1.25em; line-height: 1.25em; color: #cccccc;}
.wrapper .content h6				{font-family: 'DIN Pro Condensed Black'; margin-bottom: 18px; margin-top: 18px; font-size: 1.25em; line-height: 1.25em; color: #cccccc;}
.wrapper .content p					{margin-bottom: 18px; font-size: 1.25em; line-height: 1.25em;}
.wrapper .content p p				{font-size: 1em; line-height: 1em;}
.wrapper .content blockquote		{margin-bottom: 18px; margin-left: 40px; font-size: 1em; line-height: 1.25em; font-style: italic;}
.wrapper .content img				{max-width: 100%; height: auto!important;}
.wrapper .content ol				{margin-bottom: 18px; font-size: 1.25em; line-height: 1.25em; list-style-type: decimal; margin-left: 60px;}
.wrapper .content ul				{margin-bottom: 18px; font-size: 1.25em; line-height: 1.25em; list-style-type: square; margin-left: 60px;}
.wrapper .content ul ul, .wrapper .content ul ol, .wrapper .content ol ul, .wrapper .content ol ol	{font-size: 1em; margin-left: 30px;}
.wrapper .content p.stats			{color: #a5027d;}
.wrapper .content hr				{background-color: #a5027d; border: 0px; width: 150px; height: 10px; margin: 50px 0px 20px 0px; text-align: left;}
.wrapper .content b					{font-weight: 700;}
.wrapper .content em				{font-weight: 700;}
.wrapper .content strong			{font-weight: 700;}
.wrapper .content s					{text-decoration: line-through;}
.wrapper .content u					{text-decoration: underline;}
.wrapper .content i					{font-style: italic;}
.wrapper .content i.fa				{font-style: normal;}
.wrapper .content a					{color: #e5007d; font-weight: 700;}
.wrapper .content a:hover			{color: #a5027d;}
.wrapper .content input[type="text"],.wrapper .content input[type="tel"],.wrapper .content input[type="email"],.wrapper .content textarea, .wrapper .content select			{width: 100%; background-color: #f8f8f8; border: 0px; font-size: 1em; font-family: 'DIN Pro Light'; outline: 0px; padding: 10px 20px; color: #000000;}
.wrapper .content input[type="submit"]			{font-family: 'DIN Pro Light'; font-weight: 700; background-color: #ffffff; color: #009ee3; border: 5px solid #009ee3; font-size: 1em; padding: 10px 20px; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s;}
.wrapper .content input[type="submit"]:hover	{background-color: #009ee3; color: #ffffff; cursor: pointer;}
.wpcf7-list-item					{display: block!important;}
.wrapper .content .pagination		{text-align: center; margin-top: -50px;}
.wrapper .content .pagination a		{margin: 0px 20px; display: inline-block; padding: 10px 0px;}

.bio								{margin-top: 50px;}
.bio .eintrag						{position: relative; width: 45%; margin-bottom: -25px;}
.bio .eintrag.links					{float: left; border-right: 2px solid #cccccc; margin-left: -1px; padding-right: 5%;}
.bio .eintrag.rechts				{float: right; border-left: 2px solid #cccccc; margin-right: -1px; padding-left: 5%;}
.bio .eintrag .marker				{color: #a5027d; font-size: 3em; position: absolute; top: 4px; right: -21px; z-index: 77777;}
.bio .eintrag .marker .fa			{background-color: #ffffff;}
.bio .eintrag.rechts .marker		{left: -21px;}
.bio .eintrag .img					{margin-right: 20%; width: 80%;}
.bio .eintrag.rechts .img			{margin-left: 20%; margin-right: 0%; width: 80%;}
.bio .eintrag .title				{position: absolute; top: 10px; z-index: 77777; font-size: 2em; line-height: 1.15em; font-family: 'DIN Pro Condensed Black'; text-align: right; right: 40px;}
.bio .eintrag.noimg .title			{position: relative; margin-bottom: 10px;}
.bio .eintrag.rechts .title			{text-align: left; left: 40px;}
.bio .eintrag .title .line			{display: inline; background: #a5027d; box-shadow: 10px 0 0 #a5027d, -10px 0 0 #a5027d; color: #ffffff; -webkit-box-decoration-break: clone; box-decoration-break: clone;}
.bio .eintrag .text					{font-size: 1.25em; line-height: 1.25em; padding: 20px 0px;}

.bio .eintrag.lila .marker			{color: #a5027d;}
.bio .eintrag.lila .title .line		{background: #a5027d; box-shadow: 10px 0 0 #a5027d, -10px 0 0 #a5027d;}
.bio .eintrag.blau .marker			{color: #009ee3;}
.bio .eintrag.blau .title .line		{background: #009ee3; box-shadow: 10px 0 0 #009ee3, -10px 0 0 #009ee3;}
.bio .eintrag.magenta .marker			{color: #e5007d;}
.bio .eintrag.magenta .title .line	{background: #e5007d; box-shadow: 10px 0 0 #e5007d, -10px 0 0 #e5007d;}
.bio .eintrag.turkis .marker			{color: #10b0af;}
.bio .eintrag.turkis .title .line	{background: #10b0af; box-shadow: 10px 0 0 #10b0af, -10px 0 0 #10b0af;}

.articles							{margin-top: 40px;}
.articles .entry					{position: relative; margin-bottom: 50px;}
.articles .entry .pic				{width: 300px;}
.articles .entry .pic img			{width: 100%;}
.articles .entry .text				{margin: -30px 0px 0px 100px;}
.articles .entry .text .title		{max-width: 60%; font-size: 2.5em; line-height: 1.15em; font-family: 'DIN Pro Condensed Black'; text-align: left; left: 0px; margin: 0px;}
.articles .entry .text .title .line	{display: inline; background: #a5027d; box-shadow: 10px 0 0 #a5027d, -10px 0 0 #a5027d; color: #ffffff; z-index: 66666; -webkit-box-decoration-break: clone; box-decoration-break: clone;}
.articles .entry .text .teaser		{width: 100%; padding: 20px 0px; margin-bottom: 18px; font-size: 1.25em; line-height: 1.5em;}
.articles .entry .text .teaser p	{font-size: 1em; line-height: 1em;}
.articles .entry .text .teaser		{padding: 20px 0px;}
.articles .entry .text .teaser a	{margin-top: 20px; background-color: #ffffff; color: #a5027d; border: 5px solid #a5027d; font-size: 1em; padding: 5px 10px; display: inline-block;}
.articles .entry .text .teaser a:hover	{background-color: #a5027d; color: #ffffff;}

.articles .entry.lila .text .title .line	{background: #a5027d; box-shadow: 10px 0 0 #a5027d, -10px 0 0 #a5027d;}
.articles .entry.lila .text .teaser a		{background-color: #ffffff; color: #a5027d; border: 5px solid #a5027d;}
.articles .entry.lila .text .teaser a:hover	{background-color: #a5027d; color: #ffffff;}
.articles .entry.magenta .text .title .line	{background: #e5007d; box-shadow: 10px 0 0 #e5007d, -10px 0 0 #e5007d;}
.articles .entry.magenta .text .teaser a		{background-color: #ffffff; color: #e5007d; border: 5px solid #e5007d;}
.articles .entry.magenta .text .teaser a:hover	{background-color: #e5007d; color: #ffffff;}
.articles .entry.turkis .text .title .line	{background: #10b0af; box-shadow: 10px 0 0 #10b0af, -10px 0 0 #10b0af;}
.articles .entry.turkis .text .teaser a		{background-color: #ffffff; color: #10b0af; border: 5px solid #10b0af;}
.articles .entry.turkis .text .teaser a:hover	{background-color: #10b0af; color: #ffffff;}
.articles .entry.blau .text .title .line	{background: #009ee3; box-shadow: 10px 0 0 #009ee3, -10px 0 0 #009ee3;}
.articles .entry.blau .text .teaser a		{background-color: #ffffff; color: #009ee3; border: 5px solid #009ee3;}
.articles .entry.blau .text .teaser a:hover	{background-color: #009ee3; color: #ffffff;}

@media (max-width: 1550px)
{
.landing							{/*background-image: url('img/matti-karstedt-v4-m.jpg');*/}
}

@media (max-width: 1100px)
{
.landing							{/*background-image: url('img/matti-karstedt-v4-s.jpg');*/}
.landing .text						{bottom: 50px; width: 700px;}
.landing .text .textline			{font-size: 2.5em; line-height: 1.15em;}

.wrapper							{width: 800px;}
}

@media (max-width: 900px)
{
.wrapper							{width: 80%; margin-top: 50px;}
.wrapper .title h1					{top: 70%; font-size: 2em;}
}

@media (max-width: 800px)
{
.landing .text						{left: 10%; width: 70%;}
.landing .text .textline			{font-size: 1.5em; line-height: 1.15em;}

.wrapper .title img					{max-width: 70%;}
.wrapper .content					{padding: 30px 40px;}

.bio .eintrag						{position: relative; width: 100%; margin-bottom: 50px;}
.bio .eintrag.links					{float: none; border: 0px; margin: 0px; padding: 0%; margin-bottom: 50px;}
.bio .eintrag.rechts				{float: none; border: 0px; margin: 0px; padding: 0%; margin-bottom: 50px;}
.bio .eintrag .title				{font-size: 2em;}

.articles .entry .text .title		{font-size: 2em;}
}

@media (max-width: 700px)
{
.wrapper .content					{padding: 30px 00px;}
.wrapper .title h1					{top: 60%;}
.articles .entry .pic				{width: 300px;}
.articles .entry .text				{margin: -45px 0px 0px 50px;}
.articles .entry .text .title		{max-width: 90%;}
}

@media (max-width: 600px)
{
.landing							{/*background-image: url('img/matti-karstedt-v4-smartphone.jpg');*/}
.landing							{background-position: center;}
.nav								{top: 20px!important; right: 10px!important;}
.disnav								{top: 20px!important; right: 10px!important;}
.branding							{display: none; top: 20px!important; left: 10px!important;}
.branding.mobile					{display: block!important; top: 20px!important; left: 10px!important;}

.wrapper .title h1					{font-size: 1.75em; max-width: 100%;}
.wrapper .title img					{width: 100%;}
.wrapper .title iframe				{width: 100%; height: 40%;}
.menu a								{font-size: 2em;}
.menu .inner						{margin-top: -120px;}

.bio .eintrag .title				{position: relative; margin-top: -30px; margin-bottom: 30px;}
.bio i.fa							{display: none;}
}

@media (max-height: 500px)
{
.landing							{/*background-image: url('img/matti-karstedt-v4-s.jpg');*/}
.wrapper .content					{padding: 30px 00px;}
.wrapper .title h1					{top: 60%;}
.articles .entry .pic				{width: 300px;}
.articles .entry .text				{margin: -45px 0px 0px 50px;}
.articles .entry .text .title		{max-width: 90%;}
}

@media (max-width: 500px)
{
.wrapper .title img					{max-width: 100%;}
.articles .entry .pic				{width: 100%;}
.articles .entry .text				{margin: -45px 0px 0px 20px;}
}

@media print
{

}

.gallery img{border: 2px solid #ffffff!important;}
.aligncenter{text-align: center; margin: auto;}
.wpcf7-response-output{font-weight: 700; text-align: center; font-size: 2em;}