/*
Theme Name: Susanne Wollanke
Theme URI: https://www.daniel-seidl.net/
Author: Daniel Seidl
Author URI: https://www.daniel-seidl.net/
Version: 1.0
*/

* {
	box-sizing: border-box;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
*:focus {
  outline: none;
}
html {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #2F2F2F;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.00em;
	background: #ffffff;
	overflow-x: hidden;
}
p, #content ul, #content ol {
	margin-bottom: 30px;
}
a {
	color: #CBAE61;
}
a:hover {
	text-decoration: underline;
}
.clear {
	clear: both;
}
.wrapper {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0px 15px;
}
#content h2 {
	font-family: 'Bodoni Moda', serif;
	color: #0B5C54;
	font-weight: 400;
	font-size: 40px;
	line-height: 53px;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
}
#content h1, body.home #content h2 {
	font-family: 'Bodoni Moda', serif;
	color: #0B5C54;
	font-weight: 400;
	font-size: 50px;
	line-height: 67px;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
}
#content h3 {
	font-family: 'Bodoni Moda', serif;
	color: #0B5C54;
	font-weight: 400;
	font-size: 30px;
	line-height: 44px;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
}
#content h4 {
	font-family: 'Bodoni Moda', serif;
	color: #0B5C54;
	font-weight: 400;
	font-size: 26px;
	line-height: 40px;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
}
#content h5 {
	font-family: 'Bodoni Moda', serif;
	color: #0B5C54;
	font-weight: 400;
	font-size: 24px;
	line-height: 38px;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
}
#content h6 {
	font-family: 'Bodoni Moda', serif;
	color: #0B5C54;
	font-weight: 400;
	font-size: 22px;
	line-height: 36px;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
}
#content .wrapper > div {
	padding: 40px 0px;
}
.wrapper .nofopa {
	padding-bottom: 0px !important;
}
.alignfull {
	width: 100vw;
	margin-left:  calc(50% - 50vw);
	max-width: 100vw;
}

#header {
	width: 100%;
	padding: 0px 30px;
	background: #ffffff;
	position: fixed;
	z-index: 999999;
}
#header .left {
	width: calc(50% - 165px);
	float: left;
	padding-right: 50px;
	text-align: right;
}
#header .center {
	width: 330px;
	float: left;
}
#header .right {
	width: calc(50% - 165px);
	float: left;
	padding-left: 50px;
	text-align: left;
}
#header img {
	display: block;
	width: 100%;
	height: auto;
}
#header ul {
	list-style: none;
}
#header li {
	list-style: none;
}
#header ul li {
	display: inline-block;
}
#header ul a {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #414141;
	font-size: 16px;
	line-height: 54px;
	letter-spacing: 0.04em;
	padding: 32px 22px;
	display: inline-block;
}
#header ul a:hover {
	color: #CBAE61;
	text-decoration: none;
}
#header .right > div > ul > li:last-child a {
	color: #CBAE61;
	font-weight: 700;
	line-height: 52px;
	border: 1px solid #CBAE61;
	border-radius: 26px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 32px;
}
#header .right > div > ul > li:last-child a:hover {
	color: #ffffff;
	background: #CBAE61;
}
#header .sub-menu {
	display: none;
	background: #0B5C54;
	position: absolute;
	width: 100%;
	left: 0px;
	text-align: left;
}
#header li:hover .sub-menu {
	display: block;
}
#header .sub-menu li {
}
#header .sub-menu a {
	padding: 5px 22px;
	color: #ffffff;
}
#content {
	padding-top: 118px;
	padding-bottom: 100px;
	min-height: 1000px;
}
#headimage.frontpage {
	width: 100%;
	height: 698px;
	background-color: #eeeeee;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}
#headimage.subpage {
	width: 100%;
	height: 350px;
	background-color: #eeeeee;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}
#headimage.blogpost {
	height: 517px;
}
#headimage .black {
	"background: rgba(13,44,41,0.42);"
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 20;
}
#headimage .text * {
	color: #ffffff;
}
#headimage .text {
	z-index: 20;
	position: absolute;
	right: 60px;
	bottom: 90px;
}
#headimage h1 {
	font-family: 'Caveat', cursive;
	font-weight: 400;
	font-size: 61px;
	line-height: 81px;
	letter-spacing: 0.02em;
	display: block;
}
#headimage span {
	font-family: 'Bodoni Moda', serif;
	font-weight: 400;
	font-size: 26px;
	line-height: 35px;
	letter-spacing: 0.02em;
	display: block;
	width: 100%;
	text-align: right;
}
#headimage .welle, #content .wave {
	height: 108px;
	width: calc(100% + 2px);
	position: absolute;
	bottom: -2px;
	background-image: url(gfx/welle.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right top;
	z-index: 30;
}
#content .wave {
	position: relative;
	margin-top: 40px;
}
#content .wave.blue {
	background-image: url(gfx/welle2.svg);
}
#content .wave.brown {
	background-image: url(gfx/welle3.svg);
}
#footer-lower {
	padding: 25px 0px;
}
#footer-lower .left ul, #footer-lower .left li {
	list-style: none;
}
#footer-lower .left li {
	display: inline-block;
}
#footer-lower .left li:after {
	content: " | ";
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #414141;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.02em;
	display: inline-block;
	padding: 0px 10px;
}
#footer-lower .left li:last-child:after {
	display: none; 
}
#footer-lower .left a {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #414141;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
#footer-lower .left a:hover {
	color: #CBAE61;
	text-decoration: none;
}
#footer-lower .center {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #414141;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	float: left;
	width: 33.3333%;
}
#footer-lower .right {
	text-align: right;
	float: left;
	width: 33.3333%;
	height: 30px !important;
}
#footer-lower .right a {
	display: inline-block;
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
#footer-lower .left {
	float: left;
	width: 33.3333%;
}
#footer-lower .right a:first-child {
	margin-right: 30px;
}
#footer-lower .right a:hover {
	text-decoration: none;
}
#footer-lower .right a.fb {
	background-image: url(gfx/facebook.svg);
}
#footer-lower .right a.in {
	background-image: url(gfx/instagram.svg);
}
#footer-upper {
	background: #0B5C54;
	padding: 60px 0px;
}
#footer-upper h4 {
	font-family: 'Bodoni Moda', serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0.00em;
}
#footer-upper .left {
	float: left;
	width: 33.3333%;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #ffffff;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.00em;
}
#footer-upper .center {
	float: left;
	width: 33.3333%;
}
#footer-upper .right {
	float: left;
	width: 33.3333%;
}
#footer-upper .line {
	width: 60px;
	height: 1px;
	background: #CBAE61;
	margin: 30px 0px;
}
#footer-upper ul, .contact-data ul, .contact-data li {
	list-style: none;
}
.contact-data li {
	line-height: 30px !important;
}
#footer-upper .center a, #footer-upper .right a {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #ffffff;
	font-size: 18px;
	line-height: 40px;
	letter-spacing: 0.00em;
	color: #ffffff;
}
#footer-upper li a:hover {
	color: #CBAE61;
	text-decoration: none;
}
#footer-upper .left ul {
	margin-top: 30px;
}
#footer-upper .left li, .contact-data li {
	padding-left: 30px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: left center;
}
#footer-upper .left li a {
	color: #ffffff;
}
#footer-upper .left li a:hover {
	color: #CBAE61;
	text-decoration: none;
}
.contact-data li a {
	color: #0B5C54;
}
.contact-data li a:hover {
	color: #CBAE61;
}
#footer-upper .left li.tel, .contact-data li.tel {
	background-image: url(gfx/footer01.svg);
}
#footer-upper .left li.mobile, .contact-data li.mobile {
	background-image: url(gfx/footer02.svg);
}
#footer-upper .left li.mail, .contact-data li.mail {
	background-image: url(gfx/footer03.svg);
}
#content img {
	border-radius: 20px;
	width: 100%;
	height: auto;
}
#content strong, #content b {
	font-weight: 700;
}
#content .line {
	width: 60px;
	height: 1px;
	background: #CBAE61;
	margin-bottom: 24px;
	padding: 0px !important;
}
#content .line.center {
	margin: 0 auto;
	margin-bottom: 24px;
}
#content ul {
	list-style-position: outside;
	padding-left: 17px;
}
#content ol {
	list-style-position: outside;
	padding-left: 17px;
	list-style-type: disc;
	color: #0B5C54;
	font-weight: 500;
}
#content li {
	margin-bottom: 12px;
}
.contact-data li {
	margin-bottom: 0px !important;
}
.dsnet-button {
	color: #CBAE61;
	font-weight: 400;
	line-height: 52px;
	border: 1px solid #CBAE61;
	border-radius: 26px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	display: inline-block;
	padding: 0px 30px;
}
.dsnet-button:hover {
	background: #CBAE61;
	color: #ffffff;
	text-decoration: none;
}
#content .alignfull .wp-block-group__inner-container .wp-block-group__inner-container {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0px 15px;
}
.more-block {
	text-align: center;
}
.more-block h4 {
	font-family: 'Bodoni Moda', serif;
	font-weight: 400;
	color: #165853;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: 0.00em;
	margin-bottom: 26px;
	margin-top: 8px;
}
.more-block .text {
	margin-bottom: 26px;
}
.more-block .image {
	background: #CBAE61;
	width: 250px;
	height: 250px;
	clip-path: polygon(96.05256% 39%, 97.67324% 42.47556%, 98.66577% 46.17974%, 99% 50%, 98.66577% 53.82026%, 97.67324% 57.52444%, 96.05256% 61%, 82.55256% 84.38269%, 80.35298% 87.52401%, 77.64133% 90.23566%, 74.5% 92.43524%, 71.02444% 94.05592%, 67.32026% 95.04846%, 63.5% 95.38269%, 36.5% 95.38269%, 32.67974% 95.04846%, 28.97556% 94.05592%, 25.5% 92.43524%, 22.35867% 90.23566%, 19.64702% 87.52401%, 17.44744% 84.38269%, 3.94744% 61%, 2.32676% 57.52444%, 1.33423% 53.82026%, 1% 50%, 1.33423% 46.17974%, 2.32676% 42.47556%, 3.94744% 39%, 17.44744% 15.61731%, 19.64702% 12.47599%, 22.35867% 9.76434%, 25.5% 7.56476%, 28.97556% 5.94408%, 32.67974% 4.95154%, 36.5% 4.61731%, 63.5% 4.61731%, 67.32026% 4.95154%, 71.02444% 5.94408%, 74.5% 7.56476%, 77.64133% 9.76434%, 80.35298% 12.47599%, 82.55256% 15.61731%);
	padding: 5px;
	margin: 0 auto;
}
.more-block img {
	clip-path: polygon(96.05256% 39%, 97.67324% 42.47556%, 98.66577% 46.17974%, 99% 50%, 98.66577% 53.82026%, 97.67324% 57.52444%, 96.05256% 61%, 82.55256% 84.38269%, 80.35298% 87.52401%, 77.64133% 90.23566%, 74.5% 92.43524%, 71.02444% 94.05592%, 67.32026% 95.04846%, 63.5% 95.38269%, 36.5% 95.38269%, 32.67974% 95.04846%, 28.97556% 94.05592%, 25.5% 92.43524%, 22.35867% 90.23566%, 19.64702% 87.52401%, 17.44744% 84.38269%, 3.94744% 61%, 2.32676% 57.52444%, 1.33423% 53.82026%, 1% 50%, 1.33423% 46.17974%, 2.32676% 42.47556%, 3.94744% 39%, 17.44744% 15.61731%, 19.64702% 12.47599%, 22.35867% 9.76434%, 25.5% 7.56476%, 28.97556% 5.94408%, 32.67974% 4.95154%, 36.5% 4.61731%, 63.5% 4.61731%, 67.32026% 4.95154%, 71.02444% 5.94408%, 74.5% 7.56476%, 77.64133% 9.76434%, 80.35298% 12.47599%, 82.55256% 15.61731%);
	width: 240px !important;
	height: 240px !important;
}
.wp-block-lazyblock-blog-posts .wp-block-column {
	border-radius: 20px 20px 0px 0px;	
}
.wp-block-lazyblock-blog-posts .block {
	background: #ffffff;
	padding: 20px;
}
.wp-block-lazyblock-blog-posts .date {
	font-family: 'Roboto', serif;
	font-weight: 300;
	color: #777777;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.00em;
	margin: 10px 0px 15px 0px;
}
.wp-block-lazyblock-blog-posts .headline {

	font-family: 'Bodoni Moda', serif;
	font-weight: 400;
	color: #0B5C54;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.00em;
	margin-bottom: 24px;
	height: 96px;
	max-height: 96px;
	overflow: hidden;
}
.wp-block-lazyblock-blog-posts .text {
	font-family: 'Roboto', serif;
	font-weight: 300;
	color: #2F2F2F;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.00em;
	margin: 20px 0px;	
	height: 90px;
	max-height: 90px;
	overflow: hidden;
}
.wp-block-lazyblock-blog-posts .image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 240px;
	border-radius: 20px 20px 0px 0px;
}
.wp-block-lazyblock-blog-posts .link {
	display: block;
	margin: 0 auto;
	width: 48px;
	height: 48px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 48px auto;
	background-position: center center;
	background-image: url(gfx/arrow.svg);
	margin-top: 20px;
}
.wp-block-lazyblock-blog-posts .link:hover {
	text-decoration: none;
}
.dsnet-button-holder.center {
	text-align: center;
}
#headimage2 {
	background: #CBAE61;
	width: 420px;
	height: 420px;
	clip-path: polygon(96.05256% 39%, 97.67324% 42.47556%, 98.66577% 46.17974%, 99% 50%, 98.66577% 53.82026%, 97.67324% 57.52444%, 96.05256% 61%, 82.55256% 84.38269%, 80.35298% 87.52401%, 77.64133% 90.23566%, 74.5% 92.43524%, 71.02444% 94.05592%, 67.32026% 95.04846%, 63.5% 95.38269%, 36.5% 95.38269%, 32.67974% 95.04846%, 28.97556% 94.05592%, 25.5% 92.43524%, 22.35867% 90.23566%, 19.64702% 87.52401%, 17.44744% 84.38269%, 3.94744% 61%, 2.32676% 57.52444%, 1.33423% 53.82026%, 1% 50%, 1.33423% 46.17974%, 2.32676% 42.47556%, 3.94744% 39%, 17.44744% 15.61731%, 19.64702% 12.47599%, 22.35867% 9.76434%, 25.5% 7.56476%, 28.97556% 5.94408%, 32.67974% 4.95154%, 36.5% 4.61731%, 63.5% 4.61731%, 67.32026% 4.95154%, 71.02444% 5.94408%, 74.5% 7.56476%, 77.64133% 9.76434%, 80.35298% 12.47599%, 82.55256% 15.61731%);
	padding: 5px;
	margin: 0 auto;
	position: absolute;
	top: 180px;
	left: calc(50% + 605px - 420px);
	z-index: 100;
}
#headimage2 div {
	clip-path: polygon(96.05256% 39%, 97.67324% 42.47556%, 98.66577% 46.17974%, 99% 50%, 98.66577% 53.82026%, 97.67324% 57.52444%, 96.05256% 61%, 82.55256% 84.38269%, 80.35298% 87.52401%, 77.64133% 90.23566%, 74.5% 92.43524%, 71.02444% 94.05592%, 67.32026% 95.04846%, 63.5% 95.38269%, 36.5% 95.38269%, 32.67974% 95.04846%, 28.97556% 94.05592%, 25.5% 92.43524%, 22.35867% 90.23566%, 19.64702% 87.52401%, 17.44744% 84.38269%, 3.94744% 61%, 2.32676% 57.52444%, 1.33423% 53.82026%, 1% 50%, 1.33423% 46.17974%, 2.32676% 42.47556%, 3.94744% 39%, 17.44744% 15.61731%, 19.64702% 12.47599%, 22.35867% 9.76434%, 25.5% 7.56476%, 28.97556% 5.94408%, 32.67974% 4.95154%, 36.5% 4.61731%, 63.5% 4.61731%, 67.32026% 4.95154%, 71.02444% 5.94408%, 74.5% 7.56476%, 77.64133% 9.76434%, 80.35298% 12.47599%, 82.55256% 15.61731%);
	width: 410px !important;
	height: 410px !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.dsnet-quote {
	margin: 20px 0px;
	text-align: center;
	padding: 0px 20%;
}
.dsnet-quote .text, .dsnet-quote-image .quote {
	font-family: 'Caveat', cursive;
	color: #0B5C54;
	font-weight: 400;
	font-size: 44px;
	line-height: 56px;
	letter-spacing: 0.00em;
}
.dsnet-quote .author, .dsnet-quote-image .author {
	font-family: 'Bodoni Moda', serif;
	color: #0B5C54;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.02em;
}
.dsnet-quote-image {
	width: 100%;
	height: 698px;
	background-color: #eeeeee;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.dsnet-quote-image .black {
  	background: rgba(13,44,41,0.42);
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0px;
  	left: 0px;
  	z-index: 20;
}
.dsnet-quote-image .text * {
	color: #ffffff;
}
.dsnet-quote-image .text {
	z-index: 20;
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 80px;
	max-width: 500px;
	text-align: center;
}
.dsnet-quote-image.right .text {
	left: auto;
	right: 120px;
}
.dsnet-quote-image .quote {
	font-size: 32px;
	line-height: 34px;
	margin-bottom: 20px;
}
.dsnet-question {
	background: #ffffff;
	padding: 0px;
	margin-bottom: 0px;
}
.dsnet-question .headline {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #CBAE61;
	font-size: 23px;
	line-height: 28px;
	letter-spacing: 0.00em;
	margin-bottom: 10px;
}
.dsnet-question .text {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #2F2F2F;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0.00em;
	margin-bottom: 20px;
}
.dsnet-question a {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #CBAE61;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.03em;	
	padding-right: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 8px auto;
	background-position: right center;
	background-image: url(gfx/arrowq.svg);
}
.dsnet-question a:hover {
	text-decoration: none;
	color: #2F2F2F;
}
.wp-block-contact-form-7-contact-form-selector {
	padding: 0px !important;
}
.wpcf7-form {
	max-width: 900px;
}
.wpcf7-form p {
	margin: 0px;
}
.wpcf7-form .half {
	width: calc(50% - 20px);
	float: right;
	margin-bottom: 25px;
}
.wpcf7-form .full {
	margin-bottom: 25px;
}
.wpcf7-form .half.left {
	float: left;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #414141;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.03em;	
	padding: 25px;
	background: #F0F0F0;
	border-radius: 27px;
	border: 2px solid #F0F0F0;
	display: inline-block;
}
.wpcf7-form input[type="submit"] {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.03em;	
	padding: 16px 80px;
	background: #CBAE61;
	border-radius: 27px;
	display: inline-block;
	border: 0px;
	cursor: pointer;
}
.wpcf7-form input[type="submit"]:hover {
	background: #0B5C54;
}
.submit-holder {
	text-align: center;
}
.wpcf7-acceptance {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #2F2F2F;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.00em;	
}
.wpcf7-not-valid-tip {
	display: none !important;
}
.wpcf7-not-valid {
	border-color: #dd0000 !important;
}
.wpcf7-form /* Checkbox styles */
input[type="checkbox"] {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  position: relative;
	  display: inline-block;
	  width: 42px;
	  height: 42px;
	  border-radius: 50%;
	  background-color: #F0F0F0;
	  border: none;
	  outline: none;
	  cursor: pointer;
	float: left;
margin-right: 15px;
}
.wpcf7-form input[type="checkbox"]:checked::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 12px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #0B5C54;
}
.wpcf7-form input[type="checkbox"]::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 12px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  border: 0px;
}
.wpcf7-list-item, .wpcf7-form label {
	margin: 0px;
}
.wpcf7-acceptance.wpcf7-not-valid * {
	color: #dd0000;
}
#blogpost-line {
	width: 100%;
	height: 1px;
	background: #707070;
	padding: 0px !important;
}
#blogpost-links > div {
	width: 50%;
	float: left;
}
#blogpost-links .next {
	text-align: right;
}
#blogpost-links a {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #0B5C54;
	font-size: 16px;
	line-height: 48px;
	letter-spacing: 0.03em;	
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 48px 48px;
}
#blogpost-links .next a {
	padding-right: 60px;
	background-position: right center;	
	background-image: url(gfx/arrow.svg);
}
#blogpost-links .prev a {
	padding-left: 60px;
	background-position: left center;	
	background-image: url(gfx/arrow2.svg);
}
#blogpost-links a:hover {
	color: #2F2F2F;
	text-decoration: none;
}
#header-mobile {
	display: none;
	width: 30px;
	height: 50px;
	float: right;
	margin: 14px 0px;
}
#header-mobile a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 13.5px 0px;
	position: relative;
}
#header-mobile a.open div {
	width: 100%;
	height: 3px;
	background: #0B5C54;
	margin-bottom: 7px;
}
#header-mobile a.open div.bar3 {
	margin: 0px;
}
#header-mobile a.close {
	display: none;
	margin-top: 13px;
}
#header-mobile a.close div {
	width: 100%;
	height: 2px;
	background: #0B5C54;
	position: absolute;
}
#header-mobile a.close div.bar1 {
	transform: rotate(-45deg);
}
#header-mobile a.close div.bar2 {
	transform: rotate(45deg);
}
#mobile-menu-holder {
	width: 100vw;
	height: 100vh;
	background: #ffffff;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 90px 26px 30px 26px;
	z-index: 999998;
}
#mobile-menu-holder ul, #mobile-menu-holder li {
	list-style: none;
}
#mobile-menu-holder li {
	position: relative;
}
#mobile-menu-holder a {
	color: #0B5C54;
	text-decoration: none;
	font-size: 18px;
	font-weight: 300;
	line-height: 40px;
	width: calc(100% - 100px);
	display: block;
}
#mobile-menu-holder .toggleSubMenu {
	position: absolute;
	width: 60px;
	right: 0px;
	top: 0px;
	font-size: 30px;
	text-align: right;
	padding-right: 4px;
	cursor: pointer;
}
#mobile-menu-holder .sub-menu {
	padding-left: 40px !important;
	display: none;
}
#mobile-menu-holder .openSubMenu .sub-menu {
	display: block;
}
body.openMobileMenu #mobile-menu-holder {
	display: block;
}
body.openMobileMenu #header-mobile .open {
	display: none;
}
body.openMobileMenu #header-mobile .close {
	display: block;
}
body.openMobileMenu {
	overflow-y: hidden;
}
#mobile-menu-holder .openSubMenu .toggleSubMenu {
	font-size: 24px;
}
.wp-block-columns {
	margin-bottom: 0px;
}

@media (max-width: 1500px) {
	#header .right { padding-left: 20px; }
	#header .left { padding-right: 20px; }
	#header ul a { padding: 32px 12px; }
}
@media (max-width: 1300px) {
	#header .left { width: calc(50% - 110px); }		
	#header .center { width: 220px; }	
	#header .right { width: calc(50% - 110px); }	
	#header ul a { padding: 12px 12px; }
	#header .right > div > ul > li:last-child a { margin-top: 12px; }
	#content { padding-top: 78px; padding-bottom: 60px; }
	#headimage2 { width: 310px !important; height: 310px !important; }
	#headimage2 div { width: 300px !important; height: 300px !important; }
}
@media (max-width: 1180px) {
	#header .left { display: none; }
	#header .right { display: none; }
	#header { padding: 0px 15px; }
	#header-mobile { display: block; }
}
@media (max-width: 1050px) {
	#headimage2 { top: 220px; left: calc(50% + 50px); }
}
@media (max-width: 1000px) {
	#footer-upper { padding: 30px 0px; }
	#footer-upper .left, #footer-upper .center, #footer-upper .right { width: 100%; float: none; }
	#footer-upper .center, #footer-upper .right  { margin-top: 30px; }
	#footer-lower .left, #footer-lower .center, #footer-lower .right { width: 100%; float: none; text-align: center; }
	#footer-lower .right { margin-top: 20px;}
}
@media (max-width: 800px) {
	#headimage.frontpage { height: 470px; }
	#headimage .text { right: 26px; bottom: 60px; }
	#headimage span { text-align: right; padding-left: 6px; }
	#headimage .text h1 { margin: 0px !important; }
	#content h1 { font-size: 36px; line-height: 46px; }
	#content h2, body.home #content h2 { font-size: 32px; line-height: 42px; }
	#content h3 { font-size: 28px; line-height: 38px; }
	#content h4 { font-size: 26px; line-height: 36px; }
	#content h5 { font-size: 24px; line-height: 34px; }
	#content h6 { font-size: 22px; line-height: 32px; }
	#headimage2 { top: 180px; left: auto; right: 15px; }
	
	.dsnet-quote-image { height: 400px; }
	.dsnet-quote { padding: 0px 15px; }
	.wpcf7-form .half { width: 100%; float: none; }
}
@media (max-width: 500px) {
	#headimage h1 { font-size: 51px; line-height: 65px; }
	#headimage span { font-size: 20px; line-height: 25px; }
	#headimage2 { width: 130px !important; height: 130px !important; }
	#headimage2 div { width: 120px !important; height: 120px !important; }
	#headimage.subpage { height: 187px; }
	#content h1 { font-size: 28px; line-height: 38px; }
	#content h2, body.home #content h2 { font-size: 26px; line-height: 36px; }
	#content h3 { font-size: 24px; line-height: 34px; }
	#content h4 { font-size: 23px; line-height: 33px; }
	#content h5 { font-size: 22px; line-height: 32x; }
	#content h6 { font-size: 21px; line-height: 31px; }
}