/* FONTS */
/* public-sans-100 - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: normal;
 font-weight: 100;
 src: url('fonts/public-sans-v21-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-100italic - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: italic;
 font-weight: 100;
 src: url('fonts/public-sans-v21-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-200 - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: normal;
 font-weight: 200;
 src: url('fonts/public-sans-v21-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-200italic - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: italic;
 font-weight: 200;
 src: url('fonts/public-sans-v21-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-300 - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: normal;
 font-weight: 300;
 src: url('fonts/public-sans-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-300italic - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: italic;
 font-weight: 300;
 src: url('fonts/public-sans-v21-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-regular - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: normal;
 font-weight: 400;
 src: url('fonts/public-sans-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-italic - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: italic;
 font-weight: 400;
 src: url('fonts/public-sans-v21-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-500 - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: normal;
 font-weight: 500;
 src: url('fonts/public-sans-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-500italic - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: italic;
 font-weight: 500;
 src: url('fonts/public-sans-v21-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-600 - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: normal;
 font-weight: 600;
 src: url('fonts/public-sans-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-600italic - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: italic;
 font-weight: 600;
 src: url('fonts/public-sans-v21-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-700 - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: normal;
 font-weight: 700;
 src: url('fonts/public-sans-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-700italic - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: italic;
 font-weight: 700;
 src: url('fonts/public-sans-v21-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-800 - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: normal;
 font-weight: 800;
 src: url('fonts/public-sans-v21-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-800italic - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: italic;
 font-weight: 800;
 src: url('fonts/public-sans-v21-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-900 - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: normal;
 font-weight: 900;
 src: url('fonts/public-sans-v21-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-900italic - latin */
@font-face {
 font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
 font-family: 'Public Sans';
 font-style: italic;
 font-weight: 900;
 src: url('fonts/public-sans-v21-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


i, textarea								{-webkit-transition: 0s; transition: 0s;}
*::-moz-selection						{background-color: #032D67; color: #FFE000;}
*::selection							{background-color: #032D67; color: #FFE000;}
.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: 'Public Sans', sans-serif; font-weight: 700;}

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: 900; color: #ffffff; padding: 5px 0px; background: #032D67; box-shadow: 15px 0 0 #032D67, -15px 0 0 #032D67; color: #FFE000;}
header .underlay .overlay .bar .menutoggler:hover	{color: #FFE000; background: #00A7E7; box-shadow: 15px 0 0 #00A7E7, -15px 0 0 #00A7E7;}
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: #032D67; box-shadow: 15px 0 0 #032D67, -15px 0 0 #032D67; color: #ffffff;}
header .underlay .overlay .text span.line.variant	{padding: 5px 0px; background: #FFE000; box-shadow: 15px 0 0 #FFE000, -15px 0 0 #FFE000; color: #032D67;}

.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: #FFE000; 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: #032D67;}
.outernav nav .inner					{padding: 100px 50px;}
.outernav nav .inner h2					{color: #FFE000; 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: #FFE000; 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: #FFE000;}
.outernav nav .inner ul li.current-menu-item ul li a	{color: #ffffff;}
.outernav nav .inner ul li a:hover		{color: #FFE000!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: #FFE000; 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: 'Public Sans', sans-serif;}
.outernav nav .inner .search input[type="submit"]{width: 40%; background: #00A7E7; color: #ffffff; font-family: 'Public Sans', sans-serif; font-weight: 700; -webkit-transition: 0.3s; transition: 0.3s;}
.outernav nav .inner .search input[type="submit"]:hover	{cursor: pointer; background: #032D67;}
.outernav nav .inner .credits			{margin-top: 70px; display: none;}
.outernav nav .inner .credits a			{color: #ffffff; font-weight: 300; font-family: 'Public Sans', sans-serif;}
.outernav nav .inner .credits a:hover	{color: #FFE000;}

.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: #032D67; color: #FFE000;}
.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: #032D67; margin-bottom: 15px;}
.content h2								{font-size: 3em; font-weight: 900; color: #032D67; margin-bottom: 15px; margin-top: 30px;}
.content h3								{font-size: 2em; font-weight: 900; color: #00A7E7; margin-bottom: 15px; margin-top: 30px;}
.content h4								{font-size: 1.75em; font-weight: 900; color: #032D67; 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: 'Public Sans', sans-serif; margin-bottom: 20px; line-height: 1.25em;}
.content p.stats						{font-size: 1.5em; font-family: 'Public Sans', sans-serif; font-weight: 700; color: #032D67;}
.content p.pagination					{text-align: center; font-family: 'Public Sans', sans-serif; font-weight: 700; 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: 'Public Sans', 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: 'Public Sans', 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: #032D67;}
.content a:hover						{color: #00A7E7;}
.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: #032D67; 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: 'Public Sans', sans-serif;}
.content button							{width: 100%; font-size: 1em; font-weight: 300; border: 0px; background: #efefef; outline: 0px; padding: 10px; font-family: 'Public Sans', sans-serif;}
.content select							{width: 100%; font-size: 1em; font-weight: 300; border: 0px; background: #efefef; outline: 0px; padding: 10px; font-family: 'Public Sans', 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: 'Public Sans', 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: #032D67; color: #ffffff; font-family: 'Public Sans', sans-serif; font-weight: 700;}
.content input[type="submit"]:hover		{cursor: pointer; background: #00A7E7;}
.content button							{width: auto; padding: 10px 50px; background: #032D67; color: #ffffff; font-family: 'Public Sans', sans-serif; font-weight: 700;}
.content button:hover					{cursor: pointer; background: #00A7E7;}

.newsie									{display: block;}
.newsie .icon							{font-size: 50px; line-height: 1em; padding: 25px 0px; width: 100px; height: 50px; border-radius: 50%; background: #032D67; 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: #032D67; color: #ffffff;}
.newsie:hover h2						{color: #032D67;}

.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: #032D67; line-height: 1.25em;}
.card .desc .funktion					{font-size: 1em; font-weight: 700; color: #032D67; 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;}
header .underlay .overlay .bar .menutoggler	{font-size: 1.5em; line-height: 50px;}
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%;}
}