/* gloria-hallelujah-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: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('gloria-hallelujah-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('poppins-v21-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('poppins-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('poppins-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('poppins-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('poppins-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




* {outline: none; font-family: "Poppins", sans-serif;  box-sizing: border-box;}
pre {
	all: inherit;
	line-height: 130%;
	max-width: 900px;
	margin: 0 auto;
}
pre strong {display: block; padding-top: 30px;}
html, body {padding: 0; margin:0; min-height: 100%; }
body {background-color: #fff;}
body {overflow-y: scroll;  }
nav, header, body, footer {  }
nav {display: inline-block; width: 220px; vertical-align: top;}
header, footer, body {width: 100%;}
header { margin: 0 auto;}
header img {width: 100%;}

main {padding-left: 20px; padding-right: 20px; 
max-width: 800px; display: inline-block;
 vertical-align: top;
}

section {width: 100%;  padding: 0 40px;  margin: 0 auto; position: relative;}
footer section {max-width: 900px;}
div.white {background-color: #fff;}
div.wrap { max-width: 1100px; margin: 0 auto; padding-left: 20px; padding-right: 20px; position: relative; z-index: 1000; background-color: #fff; padding-top: 20px;padding-bottom: 20px;}
div.body {position: relative;}

#logo {width: 267px; margin: 50px; margin-bottom: 40px; margin-left: 0; box-sizing: border-box; }
#footerlogo {width: 100px; margin: 0 auto; margin-top: -82px;}
#logoarea {position: absolute; z-index: 1000; top: -40px; left: 50px; display: block; }

.header-circle {width: 100%; z-index: 200; position: absolute; top: 0; left: 0; ;}
.header-img {width: 100%; z-index: 100; position: absolute; top: 0; left: 0; ;}


footer {display: block; width: 100%; position: relative; background-color: #fafafa; padding-bottom: 20px;}
footer > div {display: table; width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
footer > div > div {display: table-cell; vertical-align: top;}

main p{ margin-top: 0; margin-bottom: 0; padding-bottom: 15px;

font-size: 16px;
line-height: 27px;
color: #000000;
padding-top: 15px;


margin: 0 auto;

 }

main ul, main ol {font-size: 18px; line-height: 27px;}
main li {font-size: 18px; line-height: 27px;}



@media screen and (max-width: 700px) {
	nav { padding-top: 5px; padding-bottom: 15px; } 

	#logo {width: 200px; padding-top: 27px;  margin-left: 25px; margin-right: 25px; margin-bottom: 15px;}
	#logoarea {left: 25px;}
}

header { position: relative; }/* */

.btn {padding:  8px 20px; background: #494144; color: #fff; border-radius: 5px; cursor: pointer; display: inline-block;}
.btn:hover { background: #2a74bb; color: #fff;}
article {width 100%;}

#searchbtn {
	position: absolute;
	top: 13px; right: 20px;	
}
#navbtn {
	display: none;
}
@media screen and (max-width: 700px) {
	#navbtn {
		position: absolute;
		left: 40px; 
		
		display: initial;
		z-index: 3000;
	}
	#searchbtn {
		position: absolute;
		top: 13px; right: 80px;	
	}	
}


header p {margin: 0; padding: 20px 0; color: #fff; font-size: 14px; text-align: center;}


@media screen and (max-width: 700px) {
	#mainnav {display: none; z-index: 2000;  position: Relative; padding: 30px; margin-top: 0; padding-top: 50px;}
	#mainnav.shown {display: block;}
	nav ul, nav li {
		list-style: none;
	}
	#mainnav {padding-left: 0;}
	#mainnav a {text-decoration: none; font-weight: normal; color: #515054; display: block; padding: 20px 10px; width: 100%; border-bottom: 1px solid #eee; font-size: 21pt; }
	#mainnav a:hover { background-color: #494144; color: #fff; }
}

@media screen and (min-width: 700px) {

	 nav > section >  div > ul {
		display: block;
		margin-left: 0;
		margin-right: 0px;
		padding-right: 0;

		z-index: 1000;
	}
	 nav > section >  div > ul > li {
		display: block;
		vertical-align: top;
		 padding: 0px; 
		border-bottom: 1px solid #49ba69;


		text-decoration: none;
		
		
		}
	
	 nav > section >  div > ul > li:hover {
		background-color: #b4f89d;
		
	 }

		
	#mainnav {margin-top: 0px; padding-left: 0;}		
	 nav > section >  div >  ul > li  ul{ display: none; }
	 nav > section >  div > ul > li > a { display: block; font-family:"Poppins"; color: #000; text-decoration: none; 	font-size: 18px; transition: color 200ms;  font-weight: 300; line-height: 20px; padding: 8px 10px; }
	 nav > section >  div > ul > li:last-of-type  { padding-right: 0px;}

	 nav > section >  div > ul > li.current > a { color: #000;  font-weight: 600;}
	 nav > section >  div > ul > li  ul > li a { line-height: 140%; border-top: 0px solid #fff; color: #000;}
	 nav > section >  div > ul > li  ul > li a:hover {color: #cb181b; }
	 .activenav a {color: #333; text-decoration: none; padding-bottom: 5px; }


	 nav > section >  div > ul > li:hover > ul.main_subnav {
		list-style: none;
		display: block;
		position: absolute;
		margin-top: 10px;
		padding-top: 0px;
		padding-left: 0;
		margin-left: -20px;

			background-color: #fff;

	}
	 nav > section >  div > ul > li:hover > ul.main_subnav li {
		text-align: left;
		/*background-color: #e5e5e5; */
		
		border-bottom: 1px solid #ccc;
		
	}
	 nav > section >  div > ul > li:hover > ul.main_subnav li a {
		border-bottom: 0;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
		color: #000; text-decoration: none; 	font-size: 22px;
			text-transform: initial;
			font-size: 16px;
			min-width: 120px;
			z-index: 100;
			white-space: nowrap;
	}
	 nav > section >  div > ul > li:hover > ul.main_subnav li:hover {
		background-color: #f2f2f2;
	}
 nav > section >  div > ul > li:hover > ul.main_subnav li:hover  a{
		color: #000;
	}	
}


footer section > ul {
	list-style: none;
	display: table;
	padding-left: 0;
	float: left;
	margin-top: 0;
	width: 100%;
}
footer section {padding-top: 30px;}
footer section > ul > li {
	display: table-cell;
	padding-right: 20px;
}
li.fnav { padding-right:20px;}
footer section > ul > li > a {
		color:#1a1a1a;
		transition: color 200ms;
	text-transform: initial;
	font-weight: 500;
	text-decoration: none;
	padding-bottom: 20px;
	display: block;
	color: #fff;
	font-family: "Poppins", sans-serif;
	white-space: nowrap; 
}
footer section > ul ul {
	display: block;
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
footer section > ul ul li {
	display: block;
	list-style: none;
padding-left: 0;
	margin-left: 0;	
}
footer section > ul ul li:last-of-type {
		padding-right: 0;
}
footer section > ul ul li a{
	color: #fff;
	transition: color 200ms;
	text-transform: initial;
	line-height: 35px;
	text-decoration: none;
	white-space: nowrap; 
}
footer section > ul ul li a:hover{
	color: #0d9839;
	transition: color 200ms;
}
footer section > ul > li > a:hover{
	color: #fff;
	transition: color 200ms;
}
#copy {
	float: left;
	line-height: 28px;
}
#copy, #copy * {
	font-size: 16px;
	color: rgba(255,255,255,0.8);
	transition: color 200ms;
	text-decoration: none;
}
#copy a:hover {
	color: rgba(255,255,255,1);
	transition: color 200ms;
}
#copy u {font-size: 28px; color: rgba(255,255,255,1);  font-family: "Poppins", sans-serif; }

#social {display: table-cell; vertical-align: top;}
#social a {color: #000; font-size: 14px;}
#social a:hover {	color: #0d9839; font-size: 14px;}
#dhv {display: table-cell;  vertical-align: top; text-align: right;}
#lastrow {text-align: center; color: #49ba69; font-size: 18px; padding-top: 0px; width: 100%;  }
#lastrow img {display: inline-block; height: 25px;}
aside {background-color: #fff; padding-top: 50px; padding-bottom: 80px;}
aside h2 {color: #fff;}

@media screen and (max-width: 700px) { 
	/* footer section > ul { display: none; } */
	#lastrow {padding-top: 0;}
	

	li.fnav { width: 100%; display: block; padding-bottom: 50px; text-align: center; padding-right: 0; }
	
}
@media screen and (max-width: 600px) { 
	footer div { display: block ! important; text-align: center ! important; }
	#dhv {padding-left: 0;}
	footer section {padding: 20px 0;}
	#social {padding: 40px; padding-bottom: 80px;}
	
}
@media screen and (max-width: 1130px) { 
	#copy {
		float: right;
		display: block;
		width: 100%;
		line-height: 150%;
		text-align: center;
	}
}


main > section {padding-top: 25px; padding-bottom: 25px;}
main {line-height: 29px;  padding-bottom: 50px;}
main p, main li {font-weight: 300; color: #424242; }
main p {line-height: 160%;}







div.icons { text-align: center; }
div.icons > div {background-color: #494144; border-radius: 50%; text-align: center; padding: 20px; display: inline-block; width: 100px; height: 100px;}
div.icons > div img { width: 100%; }


h1 { font-family: "Poppins", sans-serif;  font-size: 36px; color: #49ba69; font-weight: 400;   line-height: 120%; margin-top: 20px; margin-bottom: 30px;}
h2 { font-family: "Poppins", sans-serif;  font-size: 24px; color: #2a74bb; font-weight: 600;  line-height: 150%; margin-top: 0px; margin-bottom: 0;  padding-top: 30px; padding-bottom: 15px; }
 
main pre {
	color: #0d9839;
	font-size: 24pt;
	font-weight: 300;
	font-family: "Poppins", sans-serif; 
	text-align: center;
}

main > section {display: table; width: 100%; margin-top: 0; margin-bottom: 0;}
main > section > article {display: table-cell; vertical-align: top; padding-right: 60px;}
main > section > aside {display: table-cell; vertical-align: top; width: 400px;  background-color: #eee; padding: 20px;}





@media screen and (max-width: 1180px) { 
	header section {padding: 0;}
	main img { max-width: 100%; }
	
}

hr {border: none; color: #0d9839; background-color: #0d9839; height: 1px; width: 100%; box-sizing: content-box; margin: 55px auto; max-width: 1020px;  }
@media screen and (max-width: 900px) {
	hr { margin: 0 auto;  }
}
main > section img {max-width: 100%;}


@media screen and (max-width: 600px) { 
	header h1 {font-size: 36px; padding-left: 40px;  padding-right: 40px;}
/*	section {padding-left: 20px; padding-right: 20px;} */
	section {padding: 0}
}



@media screen and (max-width: 700px) { 

	main > section {padding-top: 50px; padding-bottom: 50px;}
}




main h3 {font-size: 24px; color: #0d9839; font-weight: 300; line-height: 120%;  }
main a { color: #0d9839; text-decoration: underline; }
main a:hover { color: #494144;   }
a.arrow { padding-top: 20px; display:inline-block;}
a.arrow::before {
    content: '\1433';
    padding-right: 0.5em;
	transition: padding 200ms;
}
a.arrow:hover::before {
	padding-right: 1em;
	transition: padding 200ms;
}

a img {

	transition: opacity 200ms;
}
a:hover img {
	opacity: 0.8;
	transition: opacity 200ms;
}

.copyright {font-size: 12px; color: rgba(0,0,0,0.3); display: block;}

@media screen and (min-width: 900px) { 
	.bild-text h2 {margin-top: 0px; }
	.bild-text div { display: table-cell; width: 50%; vertical-align: top; }
	.bild-text .bild img { max-width: 100%;   }
	.bild-text .bild  {  padding-right: 10px; }
	.bild-text .text  { padding-left: 10px; }
}


.text-kasten  img {width: 100%;}
.text-kasten  a {display: inline-block; }
.text-kasten .kasten a:hover {color: #fff; }
.text-kasten .kasten  { background-color: #0d9839; padding: 10px; color: #fff; margin-top: 20px;}
.text-kasten .kasten p  { padding: 10px; color: #fff; padding-top: 0; padding-bottom: 0;}
.text-kasten .kasten li  {   color: #fff;}
.text-kasten h3 {font-size: 24px; color: #fff; font-weight: 400; padding: 10px; margin: 0; margin-top: 10px; }
.text-kasten img {padding-top: 50px;}
@media screen and (min-width: 900px) { 
	.text-kasten {display: block;}
	.text-kasten > div {display: table;}
	.text-kasten h2 {margin-top: 10px; text-align: center; }
	.text-kasten > div > div { display: table-cell; width: 50%; vertical-align: top; }
	.text-kasten .text  { padding-right: 20px;}
}



.kasten-text img {padding-top: 50px; width: 100%;}
.kasten-text a {display: block; width: 100%;}
.kasten-text .kasten  { background-color: #0d9839; padding: 10px; color: #fff; margin-top: 20px;}
.kasten-text .kasten p  {  padding: 10px; color: #fff; padding-top: 0; padding-bottom: 0;}
.kasten-text .kasten li  {  color: #fff;}
.kasten-text h3 {font-size: 24px; color: #fff; font-weight: 400; padding: 10px; margin: 0; margin-top: 10px; }
@media screen and (min-width: 900px) { 
	.kasten-text {display: block;}
	.kasten-text > div {display: table;}
	.kasten-text h2 {margin-top: 10px; text-align: center; }
	.kasten-text > div > div { display: table-cell; width: 50%; vertical-align: top; }
	.kasten-text .text  { padding-left: 20px;}
}




.zitat span {font-size: 30px; color: #0d9839; font-weight: 300; line-height: 120%; display: block; margin: 0 auto; max-width: 800px; text-align: center;  }


main .button { background-color: #0d9839; color: #fff; display: inline-block; padding: 5px 20px; transition: padding 200ms; border: 0; appearance: none; cursor: pointer; border-radius: 5px;}
main .button:hover { background-color: #494144; padding: 5px 30px; transition: padding 200ms; color: #fff;}
main .button::before { content: ''; padding-right: 0;}


aside .button { background-color: #fff; color: #333; display: inline-block; padding: 5px 20px; transition: padding 200ms; border: 0; appearance: none; cursor: pointer; border-radius: 5px; text-decoration: none; }
aside .button:hover { background-color: #fff; padding: 5px 30px; transition: padding 200ms; color: #000;}
aside .button::before { content: ''; padding-right: 0;}



footer .button { background-color: #0d9839; color: #494144; display: inline-block; padding: 5px 20px; transition: padding 200ms; border: 0; appearance: none; cursor: pointer; border-radius: 5px;  text-decoration: none;}
footer .button:hover { background-color: #494144; padding: 5px 30px; transition: padding 200ms; color: #fff;}
footer .button::before { content: ''; padding-right: 0;}


.zwei-themen { max-width: 100%; padding: 0;   padding-bottom: 30px; }
.zwei-themen > div { width: 100%;  margin: 0 auto; }
.zwei-themen h2 {text-align: center; margin-top: 40px; min-height: 100px;}
.zwei-themen h3 {text-align: center;}
.zwei-themen p {text-align: center; padding-top: 0; padding-bottom: 20px;}
.zwei-themen a {display: inline-block; margin-top: 20px;}
.zwei-themen > div > div {text-align: center; padding-bottom: 60px;}

@media screen and (min-width: 900px) { 
	.zwei-themen > div {display: table; }
	.zwei-themen > div > div { display: table-cell; width: 50%; vertical-align: top; }
	.zwei-themen  div.thema { padding-left: 30px; padding-right: 30px; }
	.zwei-themen  div.thema:last-of-type { padding-right: 0; }
	.zwei-themen  div.thema:first-of-type { padding-left: 0; }
}

.text-text-bg {background-color: #ededed;padding-top: 50px; padding-bottom:50px;margin-top: 50px; margin-bottom: 50px;  }
.text-text {  display: block !important;  }
.text-text > div { column-count: 1; column-gap: 40px; }
.text-text > div > h2 { margin-top: 0;}
.text-text  p { break-inside: avoid; page-break-inside: avoid; }
@media screen and (min-width: 900px) { 
	.text-text > div {column-count: 2;}
	.text-text > h2 {text-align: center;}
}

header h1, header p {padding-left: 20px; padding-right: 20px;}

@media screen and (max-width: 600px) { 
	header h1 {padding-top: 65%;}
	.headerimg {
		margin-left: -100px;
		margin-right: -100px;
		
	}
}

@media screen and (min-width: 900px) { 
	section p:last-of-type {padding-bottom:0;}
}


main > h2 {}
form input {padding: 8px 16px;}
form button {padding: 8px 16px; background-color: #0d9839; color: #fff; border: 2px solid #0d9839; cursor: pointer;}
form button:hover { background-color: #494144; transition: 200ms; border-color: #494144;}
header {overflow: hidden;}
.headerimg {overflow: hidden;  position: relative;}
.headerimg img:first-of-type {position: relative; }
header h1 { padding-top: 0; }
@media screen and (min-width: 1200px) { 
	.headerimg { max-height: 500px;}
}
.noclick {cursor: default;}
.noclick:hover {color: inherit; cursor: default;}

@media screen and (max-width: 600px) {
	h1 {font-size: 42px;  }
	
	#logo {width: 200px; padding-top: 27px;  margin-left: 0px; margin-right: 25px; margin-bottom: 15px;}
	#logoarea {left: 0;}	
}



.thema h2 {margin-top: 0;}

strong {font-weight: 600; color: #000;}


@media screen and (max-width: 700px) {
	#mainnav {display: none; z-index: 2000;  position: Relative; padding: 30px; margin-top: 0; padding-top: 50px;}
	#mainnav.shown {display: block;}
	nav ul, nav li {
		list-style: none;
	}
	#mainnav {padding-left: 0;}
	#mainnav a {text-decoration: none; font-weight: normal; color: #515054; display: block; padding: 20px 10px; width: 100%; border-bottom: 1px solid #eee; font-size: 21pt; }
	#mainnav a:hover { background-color: #494144; color: #fff; }
	
	h1 {font-size: 36px; line-height: 120%;}
	h1 * {font-size: inherit; line-heigt: inherit;}
	
	aside section, footer section {padding-left: 40px; padding-right: 40px;}
}


h1 > * {font-size: inherit; line-height: inherit;}









#obenlinks {position: absolute; top: 0; left: 0;}
#obenrechts {position: absolute; top: 0; right: 0;}
#untenlinks {position: absolute; bottom: 0; left: 0;}
#untenrechts {position: absolute; bottom: 0; right: 0;}

footer a {color: #49ba69;}

.bgpics {line-height: 80%;}

.logo {font-size: 56px; color: #2a74bb; display: block; font-family:"Poppins"; }
.logo2 {font-size: 36px; color: #49ba69; display: block;}

header {padding-left: 40px; padding-right: 40px; padding-top: 20px;}


nav > section {}
.navbar ul {position: relative;}
.navbar {position: relative; display: inline-block; width: 200px;}
.fox1 { position: absolute; top: -60px; left: -375px;}
.fox2 { position: absolute; top: -165px; left: 187px;}
.fox3 { position: absolute; top: -60px; right: -200px;}
main .zwei ul {padding-left: 20px;}
main ul li {padding-bottom: 10px;}

.rechts {float: right;}
.rechts img {width: 100%; max-width: 500px; border-radius: 8px; margin-left: 50px;}
.mitte img {width: 100%; border-radius: 8px; }


@media screen and (max-width: 700px) {
	.fox1 { display: none; }
	.fox3 { position: relative; top: 5vw; lefT: 5vw; width: 30vw; right: 0; transform: scaleX(-1); }
	.fox2 { display: none; }
	
}


@media screen and (min-width: 700px) {
	main .zwei ul {column-count: 2;   column-gap: 100px;}
	main .zwei p {  column-count: 2;   column-gap: 100px; }
}

@media screen and (max-width: 700px) {
	
	#obenlinks { width: 40vw;} #obenlinks img {width: 40vw;}
	#obenrechts { width: 40vw;} #obenrechts img {width: 40vw;}
	#untenlinks { width: 40vw;} #untenlinks img {width: 40vw;}
	#untenrechts { width: 40vw;} #untenrechts img {width: 40vw;}
	header {}
	


}

@media screen and (max-width: 700px) {
		.navbar {width: 100%;}
		.navbar ul {width: 100%;}
		.navbar li {width: 100%;}
		
	
}

@media screen and (max-width: 700px) {
	nav {width: 100%;}
	nav > section {width: 100%;}
	#navbtn {left: initial; right: 0px;}
}
@media screen and (max-width: 600px) {
	header, main {padding-left: 10px; padding-right: 10px;}
	#navbtn {left: initial; right: 10px;}
	h1 {font-size: 24px; line-height: 130%; margin-bottom: 10px; margin-top: 40px;}
	h2 {font-size: 21px; line-height: 130%;}
	
	.rechts {float: initial; width: 100%;}
	.rechts img {width: 100%;  border-radius: 8px; margin-left: 0px;}
	.mitte img {width: 100%; border-radius: 8px; }	
	#mainnav a {font-size: 18px ! important;}
}

@media screen and (max-width: 700px) {
	.logo {font-size: 6vw; line-height: 110%;}
	.logo2 {font-size: 4vw;}
}

body {
	overflow-x: hidden;
	background: linear-gradient(180deg, #d1fec1 0%, #e7fce1 100%);
}
header {
	
	background: linear-gradient(45deg, rgba(245,247,249,1) 0%, rgba(229,235,238,1) 55.9%, rgba(215,222,227,1) 56%, rgba(243,246,248,1) 100%);
	margin-bottom: 40px;
}
header a img {width: 120px;}
header > a {display: inline-block; vertical-align: top;}
header > div {display: inline-block; vertical-align: top; padding-left: 20px; padding-bottom: 30px;}
span.logo {font-size: 30px; font-weight: 900; color: #fff; text-shadow: 1px 1px 2px #7A7A7A,1px 1px 4px #7A7A7A;;}
span.logo2 {font-size: 25px; color: #777;}


nav > section {padding-left: 0px; padding-right: 0px;}

br {line-height: inherit;}

h1 {margin-top: 0; font-size: 30px; margin-bottom: 20px;}
h2 {margin-top: 0; font-size: 20px; margin-top: 20px; margin-bottom: 20px; color: #49ba69; padding: 0;}
main > p {margin-top: 10px; margin-bottom: 10px; padding: 0; line-height: 140%;}
main > div {margin-top: 10px; margin-bottom: 10px; padding: 0; line-height: 140%; color: #cc0000;}
a.button {text-decoration: none;}


#mn12 a, #mn13 a {color: #c00; font-weight: bold;}

@media screen and (max-width: 1085px) {
	main {max-width: 700px;}
	
}
@media screen and (max-width: 970px) {
	main {max-width: 600px;}
	
}
@media screen and (max-width: 870px) {
	main {max-width: 500px;}
	span.logo { font-size: 3vw; padding-bottom: 10px;}
	span.logo2 { font-size: 2.5vw;}
	
	
	
}
@media screen and (max-width: 770px) {
	main {max-width: 400px;}
	
}
@media screen and (min-width: 700px) {
	#mobilenav {display: none;}
}
@media screen and (max-width: 700px) {
	main {max-width: 100%;}
	nav > section > img {display: none;}
	header {margin-bottom: 12px;}
	#mobilenav > ul {display: block; padding: 0;}
	#mobilenav a {display: block; padding: 0px 0px; text-decoration: none; color: #000;}
	#mobilenav #mn12 a, #mobilenav #mn13 a {color: #c00; font-weight: bold;}
	.wrap {padding: 0 ! important;}
	main > p { font-size: 20px;}
	main > div { font-size: 20px;}
}

@media screen and (max-width: 500px) {
	header a img {width: 60px;}
	header > div {width: calc(100% - 70px);}
	span.logo { font-size: 20px; line-height: 26px; padding-bottom: 10px; display: block;}
	span.logo2 { font-size: 18px;}
	
	
	
}