/*
	background-size: cover; background-position: center;

	font-family: 'AlteDIN1451Mittelschrift';
	font-family: 'Roboto', sans-serif;

	Magenta		e5007d		Violett		a5027d
	Blau		009ee3		Türkis		00abae
	Gelb		ffed00		Neongelb	ffff00
*/

.encoded-check-icon{display: none!important;}

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


@font-face {
  font-family: 'AlteDIN1451Mittelschrift';
  src: url('./fonts/AlteDIN1451Mittelschrift.eot?#iefix') format('embedded-opentype'),  url('./fonts/AlteDIN1451Mittelschrift.woff') format('woff'), url('./fonts/AlteDIN1451Mittelschrift.ttf')  format('truetype'), url('./fonts/AlteDIN1451Mittelschrift.svg#AlteDIN1451Mittelschrift') format('svg');
  font-weight: normal;
  font-style: normal;
}


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

body									{font-family: 'AlteDIN1451Mittelschrift'; font-weight: 300;}

header									{width: 100%; height: 100%; background-color: #ffffff; background-image: url('./img/bg-start.jpg'); background-size: cover; background-position: center; background-attachment: fixed;}
header.small							{position: relative; width: 100%; height: 450px; background-attachment: scroll;}
header .underlay						{}
header .underlay .overlay				{position: absolute; width: 100%; height: 100%;}
header .underlay .overlay .bar			{position: absolute; top: 50px; left: 50px; right: 50px;}
header .underlay .overlay .bar .logo	{float: left; width: 250px;}
header.small .underlay .overlay .bar .logo	{float: left; width: 150px;}
header .underlay .overlay .bar .logo img{width: 100%;}
header .underlay .overlay .bar .menutoggler	{float: right; font-size: 2em; font-weight: 700; color: #ffffff; text-transform: uppercase; text-shadow: 0px 0px 60px #2c2c2c;}
header .underlay .overlay .bar .menutoggler:hover	{color: #ffed00;}
header .underlay .overlay .text			{position: absolute; top: 50%; margin-top: -115px; width: 100%; color: #ffffff; font-weight: 700;}
header.small .underlay .overlay .text	{margin-top: -62px;}
header .underlay .overlay .text .inner	{width: 1000px; text-align: center; margin: auto;}
header .underlay .overlay .text .inner .smallline	{font-size: 2.5em; margin-bottom: 10px;}
header .underlay .overlay .text .inner .bigline		{font-size: 5em; line-height: 1.24em;}
header.small .underlay .overlay .text .inner .smallline	{font-size: 1.75em; margin-bottom: 9px;}
header.small .underlay .overlay .text .inner .bigline	{font-size: 4.5em; line-height: 1.24em;}
header.small .underlay .overlay .text .inner	{width: 100%;}
header .underlay .overlay .text span.line			{padding: 5px 0px; display: inline; background: #009ee3; box-shadow: 15px 0 0 #009ee3, -15px 0 0 #009ee3; color: #ffffff;}
header .underlay .overlay .text span.line.variant	{padding: 5px 0px; background: #e5007d; box-shadow: 15px 0 0 #e5007d, -15px 0 0 #e5007d; color: #ffed00;}

.outernav								{display: none; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background-image: url('./img/semi-transparent.png');}
.outernav .menukiller					{display: block; position: absolute; top: 40px; right: 50px; font-size: 6em; font-weight: 700; color: #ffed00; text-transform: uppercase;}
.outernav .menukiller:hover				{color: #ffffff;}
.outernav nav							{overflow-y: scroll; cursor: auto; display: none; position: fixed; top: 0px; right: 0px; bottom: 0px; width: 600px; background-color: #e5007d;}
.outernav nav .inner					{padding: 100px 50px;}
.outernav nav .inner h2					{color: #ffed00; font-size: 3em; margin-bottom: 20px; font-weight: 900;}
.outernav nav .inner ul					{}
.outernav nav .inner ul li				{}
/*.outernav nav .inner ul li:before		{content: "►"; color: #ffed00; padding-right: 8px;}
.outernav nav .inner ul li ul li:before	{content: "►"; color: #ffffff; padding-right: 8px;}*/
.outernav nav .inner ul li a			{color: #ffffff; font-size: 2em; display: inline-block; padding: 0.25em 0px;}
.outernav nav .inner ul li.current-menu-item a	{color: #ffed00;}
.outernav nav .inner ul li.current-menu-item ul li a	{color: #ffffff;}
.outernav nav .inner ul li a:hover		{color: #ffed00!important;}
.outernav nav .inner ul li ul			{}
.outernav nav .inner ul li ul li		{margin-left: 30px;}
.outernav nav .inner .socials			{margin-top: 20px;}
.outernav nav .inner .socials ul li		{display: inline-block!important;}
.outernav nav .inner .socials ul li a	{color: #ffed00; font-size: 2em; line-height: 1.5em; margin-right: 15px;}
.outernav nav .inner .socials ul li a:hover	{color: #ffffff!important;}
.outernav nav .inner .search			{margin-top: 70px;}
.outernav nav .inner .search input		{width: 55%; font-size: 1em; font-weight: 300; border: 0px; background: #efefef; outline: 0px; padding: 10px; font-family: 'Roboto', sans-serif;}
.outernav nav .inner .search input[type="submit"]{width: 40%; background: #a5027d; color: #ffffff; font-family: 'AlteDIN1451Mittelschrift'; -webkit-transition: 0.3s; transition: 0.3s;}
.outernav nav .inner .search input[type="submit"]:hover	{cursor: pointer; background: #009ee3;}
.outernav nav .inner .credits			{margin-top: 70px; display: none;}
.outernav nav .inner .credits a			{color: #ffffff; font-weight: 300; font-family: 'Roboto', sans-serif;}
.outernav nav .inner .credits a:hover	{color: #ffed00;}

.content								{width: 1200px; margin: auto; padding: 80px 0px 100px 0px;}
.content.side .bar						{width: 250px; float: left;}
.content.side article					{width: 900px; float: right;}
.content article						{}

.content.side .bar						{}
.content.side .bar a.cta				{display: block; text-transform: uppercase; text-align: left; padding: 10px 20px; margin-bottom: 10px; background-color: #888888; color: #ffffff; font-size: 1.15em; font-weight: 400;}
.content.side .bar a.cta.twitter		{background-color: #1da1f2;}
.content.side .bar a.cta.facebook		{background-color: #4267b2;}
.content.side .bar a.cta.magenta		{background-color: #e5007d; color: #ffed00;}
.content.side .bar a.cta i				{margin-right: 8px; -webkit-transition: 0.3s; transition: 0.3s;}
.content.side .bar a.cta:hover i		{margin-right: 18px;}
.content.side .bar a.cta:hover			{background-color: #cccccc!important; color: #ffffff!important;}
.content.side .bar a.cta:hover *		{color: #ffffff!important;}

.content h1								{font-size: 3.5em; font-weight: 900; color: #e5007d; margin-bottom: 15px;}
.content h2								{font-size: 3em; font-weight: 900; color: #009ee3; margin-bottom: 15px; margin-top: 30px;}
.content h3								{font-size: 2em; font-weight: 900; color: #a5027d; margin-bottom: 15px; margin-top: 30px;}
.content h4								{font-size: 1.75em; font-weight: 900; color: #e5007d; margin-bottom: 15px; margin-top: 30px;}
.content h5								{font-size: 1.5em; font-weight: 900; color: #2c2c2c; margin-bottom: 15px; margin-top: 30px;}
.content h6								{font-size: 1.5em; font-weight: 900; color: #cccccc; margin-bottom: 15px; margin-top: 30px;}
.content p								{font-size: 1.5em; font-weight: 300; font-family: 'Roboto', sans-serif; margin-bottom: 20px; line-height: 1.25em;}
.content p.stats						{font-size: 1.5em; font-family: 'AlteDIN1451Mittelschrift'; color: #e5007d;}
.content p.pagination					{text-align: center; font-family: 'AlteDIN1451Mittelschrift'; font-weight: 300; margin-top: 50px;}
.content p.pagination a					{display: inline-block; margin: 0px 15px;}
.content ol								{margin-left: 60px; list-style-type: decimal; font-size: 1.5em; font-weight: 300; font-family: 'Roboto', sans-serif; margin-bottom: 20px; line-height: 1.25em;}
.content ul								{margin-left: 60px; list-style-type: square; font-size: 1.5em; font-weight: 300; font-family: 'Roboto', sans-serif; margin-bottom: 20px; line-height: 1.25em;}
.content ul *							{font-size: 1em;}
.content li								{}
.content li li							{}
.content li ol							{font-size: 1em; margin-left: 30px;}
.content li ul							{font-size: 1em; margin-left: 30px;}
.content em								{font-weight: 700;}
.content strong							{font-weight: 700;}
.content b								{font-weight: 700;}
.content u								{text-decoration: underline;}
.content i								{font-style: italic;}
.content i.fas							{font-style: normal;}
.content i.fa							{font-style: normal;}
.content i.fab							{font-style: normal;}
.content i.far							{font-style: normal;}
.content s								{text-decoration: line-through;}
.content a								{font-weight: 700; color: #e5007d;}
.content a:hover						{color: #a5027d;}
.content small							{text-transform: uppercase; font-size: 0.7em;}
.content img							{max-width: 100%; height: auto!important;}
.content .gallery img					{border: 2px solid #ffffff!important;}
.content hr								{width: 250px; height: 10px; background-color: #e5007d; border: 0px; box-shadow: 0px; outline: 0px; margin: 50px 0px 10px 0px;}
.content input							{width: 100%; font-size: 1em; font-weight: 300; border: 0px; background: #efefef; outline: 0px; padding: 10px; font-family: 'Roboto', sans-serif;}
.content button							{width: 100%; font-size: 1em; font-weight: 300; border: 0px; background: #efefef; outline: 0px; padding: 10px; font-family: 'Roboto', sans-serif;}
.content select							{width: 100%; font-size: 1em; font-weight: 300; border: 0px; background: #efefef; outline: 0px; padding: 10px; font-family: 'Roboto', sans-serif;}
.content textarea						{width: 100%; max-width: 100%; min-width: 100%; font-size: 1em; font-weight: 300; border: 0px; background: #efefef; outline: 0px; padding: 10px; font-family: 'Roboto', sans-serif;}
.content input[type="radio"]			{width: 1em; height: 1em;}
.content input[type="checkbox"]			{width: 1em; height: 1em;}
.content input[type="submit"]			{width: auto; padding: 10px 50px; background: #e5007d; color: #ffffff; font-family: 'AlteDIN1451Mittelschrift';}
.content input[type="submit"]:hover		{cursor: pointer; background: #a5027d;}
.content button							{width: auto; padding: 10px 50px; background: #e5007d; color: #ffffff; font-family: 'AlteDIN1451Mittelschrift';}
.content button:hover					{cursor: pointer; background: #a5027d;}

.newsie									{display: block;}
.newsie .icon							{font-size: 50px; line-height: 1em; padding: 25px 0px; width: 100px; height: 50px; border-radius: 50%; background: #009ee3; color: #ffffff; text-align: center; float: left; margin-top: 50px; margin-left: 50px; -webkit-transition: 0.3s; transition: 0.3s;}
.newsie .txt							{float: right; width: 1000px;}
.newsie .txt h2							{margin-bottom: 5px; font-size: 1.75em; -webkit-transition: 0.3s; transition: 0.3s;}
.newsie .txt p							{color: #000000;}
.newsie:hover .icon						{background-color: #e5007d; color: #ffffff;}
.newsie:hover h2						{color: #e5007d;}

.vorstand								{text-align: center;}
.card									{width: 340px; height: 500px; margin: 30px; float: left;}
.card .img								{width: 100%; height: 340px; background-image: url('./img/mitglied.png'); background-size: cover; background-position: center; -moz-border-radius: 50%; border-radius: 50%;}
.card .desc								{text-align: center; padding: 20px 0px;}
.card .desc .name						{font-size: 2em; font-weight: 700; color: #e5007d; line-height: 1.25em;}
.card .desc .funktion					{font-size: 1em; font-weight: 700; color: #009ee3; text-transform: uppercase; line-height: 1.25em;}
.card .desc .kontakt					{margin-top: 10px;}
.card .desc .kontakt a					{font-size: 2em; color: #cccccc;}
.card .desc .kontakt a:hover			{color: #2c2c2c;}


@media (max-width: 1350px)
{
header.small .underlay .overlay .text	{margin-top: -30px;}
header.small .underlay .overlay .text .inner .smallline	{font-size: 1.75em; margin-bottom: 11px;}
header.small .underlay .overlay .text .inner .bigline	{font-size: 3em;}

.content								{width: 1000px;}
.content.side article					{width: 700px;}

.card									{width: 273px; height: 400px;}
.card .img								{height: 273px;}
.card .desc .name						{font-size: 1.7em;}
.card .desc .funktion					{font-size: 0.8em;}

.newsie .txt							{width: 800px;}


.content h1								{font-size: 3em;}
.content h2								{font-size: 2.5em;}
.content h3								{font-size: 2em;}
.content h4								{font-size: 1.75em;}
.content h5								{font-size: 1.5em;}
.content h6								{font-size: 1.5em;}
.content p								{font-size: 1.35em;}
.content ul								{font-size: 1.35em;}
.content ol								{font-size: 1.35em;}
.content p.stats						{font-size: 1.35em;}

header									{background-image: url('./img/bg-m.jpg');}
}


@media (max-width: 1200px)
{
header .underlay .overlay .bar .logo	{width: 200px;}
header .underlay .overlay .text			{margin-top: -100px;}
header .underlay .overlay .text .inner	{width: 800px;}
header .underlay .overlay .text .inner .smallline	{font-size: 2em; margin-bottom: 10px;}
header .underlay .overlay .text .inner .bigline		{font-size: 4em;}
}


@media (max-width: 1150px)
{
.content								{width: 800px;}
.content.side article					{width: 100%;}
.content.side .bar						{width: 100%; margin-top: 50px;}
.content.side .bar a.cta				{float: left; width: 35%; padding: 10px 5%; margin-bottom: 2.5%;}
.content.side .bar a.cta:nth-of-type(2n){margin-left: 2.5%;}

.card									{width: 203px; height: 360px; display: inline-block; float: none;}
.card .img								{height: 203px;}

.newsie .txt							{width: 600px;}

header									{background-image: url('./img/bg-s.jpg');}
}


@media (max-width: 900px)
{
header .underlay .overlay .text			{margin-top: -75px;}
header .underlay .overlay .text .inner	{width: 600px;}
header .underlay .overlay .text .inner .smallline	{font-size: 1.5em; margin-bottom: 10px;}
header .underlay .overlay .text .inner .bigline		{font-size: 3em;}
}


@media (max-width: 875px)
{
header.small							{height: 400px;}
header.small .underlay .overlay .text	{top: auto; bottom: 100px; margin-top: 0px;}
header.small .underlay .overlay .text .inner			{width: 80%;}
header.small .underlay .overlay .text .inner .smallline	{font-size: 1.25em; margin-bottom: 11px;}
header.small .underlay .overlay .text .inner .bigline	{font-size: 2em;}
header.small .underlay .overlay .bar .logo	{width: 120px;}

.content								{width: 85%; overflow-x: hidden;}
.content.side article					{width: 100%;}
.content.side .bar						{width: 100%; margin-top: 50px;}
.content.side .bar a.cta				{float: left; width: 35%; padding: 10px 5%; margin-bottom: 2.5%;}
.content.side .bar a.cta:nth-of-type(2n){margin-left: 2.5%;}

.card									{width: 206px; height: 360px;}
.card .img								{height: 206px;}

.newsie .icon							{font-size: 30px; padding: 20px 0px; width: 70px; height: 30px; margin: 0px 30px 10px 0px; float: left;}
.newsie .txt							{width: 100%; float: none;}
.newsie .txt h2							{font-size: 1.5em;}

.content.side .bar a.cta				{float: none; width: auto; padding: 10px; margin-bottom: 10px;}
.content.side .bar a.cta:nth-of-type(2n){margin-left: 2.5%;}

.content h1								{font-size: 2.35em;}
.content h2								{font-size: 2em;}
.content h3								{font-size: 1.75em;}
.content h4								{font-size: 1.5em;}
.content h5								{font-size: 1.25em;}
.content h6								{font-size: 1.25em;}
.content p								{font-size: 1.1em; text-align: justify;}
.content ul								{font-size: 1.1em;}
.content ol								{font-size: 1.1em;}
.content p.stats						{font-size: 1.1em;}
}


@media (max-width: 650px)
{
header .underlay .overlay .bar			{top: 50px; left: 25px; right: 25px;}
header .underlay .overlay .bar .logo	{width: 125px; display: none;}
header .underlay .overlay .bar .menutoggler	{font-size: 1.5em;}
header .underlay .overlay .text			{top: auto; bottom: 150px; margin-top: 0px;}
header .underlay .overlay .text .inner	{width: 80%;}
header .underlay .overlay .text .inner .smallline	{font-size: 1.25em; margin-bottom: 10px;}
header .underlay .overlay .text .inner .bigline		{font-size: 2em;}

.outernav nav							{top: 0px; right: 0px; bottom: 0px; left: 0px; width: auto;}
.outernav nav .inner					{padding: 100px 25px;}
.outernav nav .inner ul li a			{font-size: 1.5em; padding: 0.5em 0px;}
.outernav nav .inner ul li ul li		{margin-left: 20px;}
.outernav .menukiller					{font-size: 4em;}
.outernav nav .inner ul li:before		{content: "";}
.outernav nav .inner ul li ul li:before	{content: "";}

header									{background-image: url('./img/bg-smartphone.jpg');}
header.small							{background-image: url('./img/bg-s.jpg');}
}


@media (max-height: 450px)
{
header .underlay .overlay .bar			{top: 25px; left: 25px; right: 25px;}
header .underlay .overlay .bar .logo	{width: 150px;}
header .underlay .overlay .bar .menutoggler	{font-size: 1.5em;}
header .underlay .overlay .text			{top: auto; bottom: 50px; margin-top: 0px;}
header .underlay .overlay .text .inner	{width: 50%;}
header .underlay .overlay .text .inner .smallline	{font-size: 1.25em; margin-bottom: 10px;}
header .underlay .overlay .text .inner .bigline		{font-size: 2em;}

.outernav nav							{top: 0px; right: 0px; bottom: 0px; left: 0px; width: auto;}
.outernav nav .inner					{padding: 100px 25px;}
.outernav nav .inner ul li a			{font-size: 1.5em; line-height: 1.35em;}
.outernav nav .inner ul li ul li		{margin-left: 20px;}
.outernav .menukiller					{font-size: 4em;}
.outernav nav .inner ul li:before		{content: "";}
.outernav nav .inner ul li ul li:before	{content: "";}

header									{background-image: url('./img/bg-s.jpg');}
}

@media print
{
header.small, .content.side .bar		{display: none;}
.content								{width: 100%;}
}