/*
	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
*/


/* 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 .underlay .overlay .newsletter		{position: absolute; bottom: 30px; right: 30px;}
header .underlay .overlay .newsletter img	{width: 150px; height: 150px; -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); -webkit-transform: rotate(15deg); -webkit-transition: 0.3s; transition: 0.3s;}
header .underlay .overlay .newsletter a		{}
header .underlay .overlay .newsletter a:hover img	{-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg);}
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: block!important; float: left;}
.outernav nav .inner .socials ul li a	{color: #ffed00; line-height: 1.5em; font-size: 1.2em; margin-right: 15px;}
.outernav nav .inner .socials ul li a:hover	{color: #ffffff!important;}
.outernav nav .inner .socials ul li .icon	{background: #ffed00; color: #e5007d; border-radius: 6px; -webkit-transition: 0.3s; transition: 0.3s; margin-top: 3px; height: 1.5em; width: 2.5em; text-align: center; font-weight: 900;}
.outernav nav .inner .socials ul li .icon:hover	{background: #ffffff;}
.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 .left						{width: 250px; float: left; color: #646464; text-align: left; font-style: italic; font-size: 0.7em; margin-bottom: 15px;}
.content.side .left img					{width: 100%; height: auto;}
.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: #009ee3; 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 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;}

.content .leftside						{display: block; float: left; width: 250px; color: #646464; text-align: left; font-style: italic; font-size: 0.7em;}
.content .rightside						{display: block; float: right; width: 900px;}

.content .combi.right					{display: inline-block; margin-top: -15px;}
.content .combi.right img				{float: right; max-width: 50%; margin-top: 15px; margin-left: 20px; margin-bottom: 5px;}
.content .combi.left					{display: inline-block; margin-top: -15px;}
.content .combi.left img				{float: left; max-width: 50%; margin-top: 25px; margin-right: 20px; margin-bottom: 5px;}

.content .gallery						{display: block; margin: 20px 5px;}
.content .gallery .box					{width: 200px; height: 150px; position: relative; float: left; margin: 10px;}
.content .gallery .box2					{width: 200px; height: 200px; position: relative; float: left; margin: 10px;}
.content .gallery .pic				{width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; position: absolute; left: 0%; top: 0%; -webkit-transition: 0.75s; transition: 0.75s;}
.content .gallery .pic:hover 		{width: 200%; height: 200%; -webkit-transition: 1s; transition: 1s; z-index: 5; position: absolute; left: -50%; top: -50%;}

.newsie									{display: grid; max-width: 1200px; grid-template-columns: auto auto; padding: 25px;}
.newsie .icon							{width: 250px; height: 250px; text-align: center; background-image: url('./img/Ostprignitz-Ruppin.png'); background-size: cover; background-position: center;}
.newsie .txt							{margin-left: 25px;}
.newsie .txt h2							{margin: 0px 0px 5px; font-size: 1.75em; -webkit-transition: 0.3s; transition: 0.3s;}
.newsie .txt p							{color: #000000;}
.newsie:hover h2						{color: #e5007d;}

.vorstand								{text-align: center;}
.card									{width: 340px; height: 500px; margin: 30px; float: left;}
.card .img								{width: 272px; height: 272px; margin: auto; 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; margin: 5px;}
.card .desc .kontakt a:hover			{color: #2c2c2c;}

.mcard									{display: block; padding-top: 10px;}
.mcard .img								{width: 200px; height: 200px; background-image: url('./img/mitglied.png'); background-size: cover; background-position: center; margin-top: 10px; float: left;}
.mcard .desc							{margin-left: 220px;}
.mcard .desc .name						{font-size: 2.5em; font-weight: 700; color: #e5007d; line-height: 1.25em; margin-bottom: 8px;}
.mcard .desc .kontakt					{font-size: 1.3em; color: #cccccc;}
.mcard .desc .kontakt a					{color: #cccccc;}
.mcard .desc .kontakt a:hover			{color: #2c2c2c;}

.event									{display: block; width: 100%; margin-top: 30px;}
.event summary							{display: flex; text-align: right; background-color: #009ee3; color: #009ee3; font-size: 1.8em; height: auto; align-items: center; padding: 10px 20px; -webkit-transition: 0.3s; transition: 0.3s;}
.event summary:focus					{outline: none;}
.event summary:hover					{background-color: #e5007d; color: #e5007d;}
.event summary::-webkit-details-marker	{display: none;}
.event summary .date					{color: #ffffff; width: 130px; text-align: left;}
.event summary .name					{color: #ffffff; margin-left: 200px; text-align: left;}
.event .info							{border: 1px solid #cccccc; border-top: none; padding: 15px 20px;}
.event .info a							{color: #009ee3; font: inherit;}
.event .info a:hover					{color: inherit;}
.event .info table						{font-size: 1.5em; font-family: 'Roboto', sans-serif; line-height: 1.25em; text-align: left;}
.event .info table tr th				{font-weight: 700; padding: 5px 0; padding-right: 50px;}
.event .info table tr td				{font-weight: 300; padding: 5px 15px;}
.event .desc							{display: block; border: 1px solid #cccccc; border-top: none; padding: 15px 20px 5px;}
.event .desc img						{float: right; max-width: 100%; max-height: 400px; margin-left: 30px; margin-bottom: 10px;}
.event .desc p							{text-align: justify; margin-bottom: 10px;}
.event .extra							{display: inline-block; border: 1px solid #cccccc; border-top: none; padding: 15px 0px;}
.event .extra .surf						{display: inline-block; padding-left: 20px;}
.event .extra .surf button				{margin-right: 20px;}

.map.text								{width: 50%; float: left; margin-bottom: 50px;}
.map.karte								{width: 50%; float: left; margin-bottom: 50px;}
.map.karte svg							{background-color: #ffffff; margin-left: 20px; margin-top: 50px; max-height: 100vh;}
.map.karte svg .area					{fill: #e5007d;}
.map.karte svg .border					{fill: #000000;}
.map.karte svg .area:hover				{fill: #ffed00;}

@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;}
.content .rightside						{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;}

.event summary							{font-size: 1.6em;}
.event summary .date					{width: 110px;}
.event .info							{padding: 10px;}
.event .info table						{font-size: 1.35em;}

.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;}
header .underlay .overlay .newsletter img	{width: 135px; height: 135px;}
} 


@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%;}
.content .rightside						{width: 520px;}

.content .combi.right img				{float: none; min-width: 100%; margin: 0;}
.content .combi.left img				{float: none; min-width: 100%; margin: 0; margin-top: 10px;}
	
.card									{width: 203px; height: 360px; display: inline-block; float: none;}
.card .img								{width: 203px; height: 203px;}
	
.mcard .desc .name						{font-size: 2.2em;}
.mcard .desc .kontakt					{font-size: 1.1em;}

.event summary .name					{margin-left: 125px;}
	
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;}
header .underlay .overlay .newsletter img	{width: 120px; height: 120px;}
}


@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%;}
	
.content .leftside						{margin: 0px; float: none; width: 100%; text-align: center;}
.content .leftside img					{width: auto; max-height: 40vh; margin: 0px;}
.content .rightside						{width: 100%;}
	
.card									{width: 206px; height: 360px;}
.card .img								{width: 203px; height: 206px;}

.newsie .icon							{width: 200px; height: 200px;}
.newsie .txt h2							{font-size: 1.5em;}

.event									{margin-top: 20px;}
.event summary							{padding: 10px 15px;}
.event summary .name					{margin-left: 50px;}
.event .info table						{font-size: 1.1em;}
.event .info table tr th				{font-weight: 700; padding: 2px 0; padding-right: 30px;}
.event .info table tr td				{font-weight: 300; padding: 2px 10px;}
.event .desc							{padding: 10px;}
.event .desc img						{float: none; margin: 0; margin-bottom: 5px;}
.event .desc p							{margin-bottom: 5px;}
.event .extra							{padding: 10px 0px;}
.event .extra .surf 					{padding-left: 10px;}
.event .extra .surf button				{margin-right: 10px;}
	
.map.text								{float: none; width: 100%; margin-bottom: 0px;}
.map.karte								{float: none; width: 100%; margin-bottom: 0px;}
.map.karte svg							{width: 100%; margin: 0px;}
	
.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: 775px)
{
.mcard .desc .name						{font-size: 2.0em;}
.mcard .desc .kontakt					{font-size: 1.0em;}
}


@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;}
header .underlay .overlay .newsletter	{display: none}

.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');}
	
.newsie									{grid-template-columns: auto; grid-template-rows: auto auto;}
.newsie .txt							{margin-left: 0px; margin-top: 25px;}
	
.mcard .img								{float: none;}
.mcard .desc							{margin-left: 0px; margin-top: 15px;}
.mcard .desc .name						{margin-bottom: 4px;}
.mcard .desc .kontakt					{margin-top: 5px;}
	
.event summary							{font-size: 1.1em; padding: 10px;}
.event summary .date					{width: 80px;}
.event summary .name					{margin-left: 10px;}
.event .extra							{display: block; padding: 10px 0px 0px; text-align: center;}
.event .extra .surf						{margin: auto;}
.event .extra .surf button				{margin-bottom: 10px;}
}


@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;}
header .underlay .overlay .newsletter	{display: none}

.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%;}
}