@charset "UTF-8";
/* CSS Document */
/* html */
* {
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}
h1 {
	font-size: calc(60pt + 0.390625vw);
	font-weight:400;
	text-align: center;
	color: #fff;
	padding-bottom: 50px;
	text-shadow: 1px 1px 1px #4b575f;
}
h2 {
	font-size: calc(30pt + 0.390625vw);
	font-weight:400;
	color: #4b575f;
	padding-bottom: 15px;
}
h3 {
	font-size: calc(24pt + 0.390625vw);
	font-weight:400;
	color: #4b575f;
	padding-bottom: 15px;
}
h4 {
	font-size:calc(20pt + 0.390625vw);
	font-weight:400;
	padding-bottom: 15px;
	color: #4b575f;
}
h5 {
	font-size:calc(15pt + 0.390625vw);
	font-weight:400;
	padding-bottom: 15px;
	color: #4b575f;
}
hr {
	color: #4b575f;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #db001b;
	text-decoration: none;
}
p {
	padding-bottom: 10px;
}
ul {
	list-style-type: none;
	margin: 0px 0;
}
ol {
    list-style-type: decimal;
	margin: 0px 0;
}
li {
	padding-bottom: 15px;
}
img {
	width: 100%;
}
.tab {
	width: 60%;
	margin: 3em 0 2em 0;
	padding:0;
}
.tab td {
	padding: 5px 0 5px 5px;
}
/* buttons */
.arr_left {
	width:  50px;
}
.firstbutton {
	width: 300px;
  	margin:0 0.5em 1em 0;
	float: right;
}
.more_btn {
	padding: 5px 16px;
  	width: 250px;
  	height: 65px;
	transform: skew(-20deg);
  	cursor: pointer;
  	font-size: 1.15rem;
  	color: #4b575f;
  	background: #fff;
  	border-top: solid 1px #4b575f9c;
  	border-left: solid 1px #4b575f9c;
  	border-right: solid 6px #4b575f;
  	border-bottom: solid 4px #4b575f;
  	border-radius: 25px;
  	font-weight: 400;
  	font-style: italic;
}
.more_btn:hover {
	color: #db001b;
	transition: 0.5s;
}
.mailbtn {
	margin: 1em auto;
	max-width: 300px;
  	height: 58px;
  	border: outset 3px #8a8a8a !important;
  	background: #fff !important;
  	color: #db001b;
  	font-weight: 700;
  	cursor: pointer;
  	outline: none;
	text-align:center;
	padding-top: 12px;
}
.mailbtn:hover {
	border: outset 3px #db001b !important;
  	transition: .2s;
	background: #ececec !important;
	color: #4b575f;
}
/* zitat-blockquote */
.zitat {
	font-style: italic;
	background: #f7f7f7;
    padding: 15px;
  	margin: 20px 0;
}
.no6a blockquote {
	font-style: italic;
  	font-size: 1.2rem;
  	margin: 1em 0 0 0;
  	background: #f7f7f7;
  	padding: 1.2em;
	border-radius: 3px;
	display: inline-block;
}
/* body */
body {
	font-family: 'Noto Sans', sans-serif;
	font-size: calc(12pt + 0.390625vw);
	font-weight: 350;
	color: #4f4e4b;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color:#eceeef;
} 
/*  main  */
.wrapper {
	width: 100%;
	margin: 0 auto;
}
.wrapper::after {
  	content: "";
  	display: table;
  	clear: both;
}
article {
  	padding: 0%;
	margin: 0 auto;
	width: 100%;
}
/* background */
.bg_bild {
	width: 100%;
  	max-width: 750px;
  	margin: 0 auto;
  	position: fixed;
  	left: 0;
  	right: 0;
  	top: 105px;
  	bottom: 0;
  	z-index: -10;
  	transition: 1s ease;
}
.bg_bildstart {
	width: 100%;
  	max-width: 1080px;
  	margin: 0 auto;
  	position: fixed;
  	left: 0;
  	right: 0;
  	top: 105px;
  	bottom: 0;
  	z-index: -1;
  	transition: 1s ease;
}
/* flex-container */
.flex-container {
  	display: flex;
  	flex-direction: row;
  	margin: 3em auto;
	width: 100%;
	max-width: 1480px;
}
.flex-item-left, .flex-item-right {
  	width: 50%;
  	margin: 0 auto;
	padding: 0 1%;
}
.vertalign {
	margin: 0;
  	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
}
/* article-bgs-border */
.no2a, .no2b, .no2c {
	width: 100%;
	margin: 0 auto 8em auto;
  	background: #fff;
	background-image: url("../img/circle-background.gif");
	background-repeat: no-repeat;
  	background-size:30%;
  	background-position: left top;
	box-shadow: 0px 0px 10px #00000024;
}
.no4a, .no5a, .no6a, .no7a {
	width: 100%;
  	background: #fff;
	border-bottom: solid 5px #4b575f;
	box-shadow: 0px 0px 10px #00000024;
	margin: 0 auto;
	overscroll-behavior: auto contain;
	-webkit-animation: 1.5s ease 0s normal forwards 1 fadecont;
    animation: 1.5s ease 0s normal forwards 1 fadecont;
	position: relative;
}
@keyframes fadecont{
    0% { opacity:0; }
    60% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadecont{
    0% { opacity:0; }
    60% { opacity:0; }
    100% { opacity:1; }
}
.no2a {
	border-bottom: solid 3px #4b575f;
}
.no2b {
	border-bottom: solid 3px #db001b;
}
.no2c {
	border-bottom: solid 3px #babdbf;
}
.no4a {
	border-bottom: solid 6px #4b575f;
}
.no5a {
	border-bottom: solid 6px #db001b;
}
.no6a {
	border-bottom: solid 6px #babdbf;
}
.no6a, .no1a, .no4 {
	padding: 2em 0 0 0;
}
/* article-parallax */
.parallax-1, .parallax-2, .parallax-3, .parallax-4 {
	box-sizing: border-box;
  	animation: 1.5s ease 0s normal forwards 1 fadecont;
  	box-shadow: 0px -2px 10px #0000002e;
  	border-top: solid 1px #ffffff45;
  	height: 35vh;
	width: 100%;
  	position: relative;
	background: #fff;
} 
.parallax-1 .image-container {
	background: url("../img/service-1.jpg") no-repeat center top fixed;
  	background-size: 100vw;
	overflow: scroll;
}
.parallax-2 .image-container {
	background: url("../img/beratung-1.jpg") no-repeat center top fixed;
  	background-size: 100vw;
}
.parallax-3 .image-container {
	background: url("../img/kompetenz-1.jpg") no-repeat center top fixed;
  	background-size: 100vw;
}
.parallax-4 .image-container {
	background: url("../img/kontakt-1.jpg") no-repeat center top fixed;
  	background-size: 100vw;
}
.image-container {
	position: absolute;
  	margin: 0 auto;
  	width: 100%;
	top: 0;
	height: 35vh;
	z-index: -1;
}
.pagetitel{
	position: absolute;
	z-index: 2;
  	width: 100%;
  	height: 35vh;
    background: linear-gradient( to bottom, hsla(5, 15%, 5%, 0) 0%, hsla(5, 15%, 5%, 0.013) 17%, hsla(5, 15%, 5%, 0.026) 34%, hsla(5, 15%, 5%, 0.055) 51%, hsla(5, 15%, 5%, 0.120) 68%, hsla(5, 15%, 5%, 0.170) 75%, hsla(5, 15%, 5%, 0.200) 100%);
}
.pagetitel h1 {
	text-align: center;
  	padding: 0px;
  	margin-top: 10vh;
}
/* content */
.onebox {
	max-width: 1480px;
  	margin: 0 auto;
  	padding: 4em 5% 8em 5%;
	width:  100%;
}
/* article-box1 */
.no1_start {
	width: 100%;
  	padding: 2% 5%;
  	background: #ffffffe8;
  	font-size: 1.2rem;
  	font-weight: 300;
  	line-height: 1.8;
  	text-align: center;
  	margin-top: 55vh;
  	box-shadow: 0px 0px 10px #00000024;
  	overscroll-behavior: auto contain;
	-webkit-animation: 1.2s ease-in 0s normal forwards 1 fadein;
    animation: 1.2s ease-in 0s normal forwards 1 fadein;
}
.introtext2 {
  	width: 100%;
  	padding: 33px 5% 23px 5%;
  	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgba(255,255,255,0) 100%);
  	text-align: center;
  	margin-top: 70vh;
  	box-shadow: 0px 0px 10px #00000024;
  	overscroll-behavior: auto contain;
	-webkit-animation: 1s ease 0s normal forwards 1 fadein;
    animation: 1.5s ease-in 0s normal forwards 1 fadein;
}
.introtext {
  	width: 100%;
  	padding: 3% 5% 2% 5%;
 	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgba(255,255,255,0) 100%);
  	text-align: center;
 	margin-top: 70vh;
  	box-shadow: 0px 0px 10px #00000024;
  	overscroll-behavior: auto contain;
	-webkit-animation: 4s ease 0s normal forwards 1 fadein;
    animation: 4s ease-in 0s normal forwards 1 fadein;
}
.introtext p, .introtext2 p {
	max-width: 1080px;
  	margin: 0 auto;
	line-height: 1.2;
}
@keyframes fadein{
    0% { opacity:0; }
    88% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes fadein{
    0% { opacity:0; }
    88% { opacity:0; }
    100% { opacity:1; }
}
.no1, .no1a  {
	padding: 0;
	width: 100%;
	height: 30vh;
  	margin-bottom: 8em;
}
#intro {
  	margin: 0 auto;
  	position: fixed;
  	left: 0;
  	right: 0;
  	top: 115px;
  	bottom: 0;
  	z-index: -10;
	width: 100%;
  	max-width: 1080px;
}
video {
	object-fit: contain;
	content:normal;
}
video::-webkit-media-controls, video::-moz-media-controls, video::-o-media-controls, video::-ms-media-controls, video::-webkit-media-controls-enclosure, video::-webkit-media-controls-container {
	display: none !important; 
	}
/* article-box2 */
.no2a .onebox, .no4a .onebox {
	background-image: url("../img/svgs/beratung.svg");
	background-repeat: no-repeat;
  	background-size:contain;
  	background-position: right bottom;
}
.no2b .onebox {
	background-image: url("../img/svgs/services.svg");
	background-repeat: no-repeat;
  	background-size:contain;
  	background-position: right bottom;
}
.no2c .onebox {
	background-image: url("../img/svgs/kompetenz.svg");
	background-repeat: no-repeat;
  	background-size:contain;
  	background-position: right bottom;
} 
.no2a h3 {
	color: #4b575f;
}
.text {
	margin: 2em auto;
}
/* article-box3 */
.no3 {
	width: 100%;
	background: none;
	height: 45vh;
}
/* article-box4 */
.no4  {
	padding: 0;
	width: 100%;
	height: 30vh;
  	margin-bottom: 8em;
}
/* article-box5 */
.no5a .onebox {
	background-image: url("../img/svgs/services.svg");
	background-repeat: no-repeat;
  	background-size:contain;
  	background-position: right bottom; 
}
.no5a .flex-container {
	margin: 1em auto;
}
.no5a h3 {
  	border-bottom: solid 2px #db001b;
  	padding: 0;
  	margin-bottom: 1em;
	text-align: left;
	margin-top: 1em;
}
.no5a table {
	margin-bottom: 1em;
}
.no5a table tr {
	line-height: 1.5;
}
.ic_tabl img {
	width: 75px;
}
			/* flex no5*/
.no5b .flex-container {
	margin: 8em auto;
  }
 .no5b .flex-item-left,.no5b .flex-item-mid,.no5b .flex-item-right {
	width: 33%;
	background: #fff;
	border-radius: 30px;
	border-bottom: solid 6px #db001b;
	padding: 1.5em;
	margin: 0 1em;
	box-shadow: 0px 0px 6px #0003;
	}
.no5b .flex-container ul {
	list-style-type: none;
  	margin: 1em 0;
  	padding: 0 0 0 0.5em;
}
.no5b .flex-container ul li {
  	line-height: 1.8;
}
.no5c {
	margin: 2em 0 3em 0;	
}
/* article-box6 */
.no6a .onebox {
	background-image: url("../img/svgs/kompetenz.svg");
	background-repeat: no-repeat;
  	background-size:contain;
  	background-position: right bottom; 
	padding: 2em 5% 8em 5%;
}
.no6a .flex-item-left img {
	width: 100%;
	max-width: 400px;
	display: block;
	margin: 0 auto;
  	border-radius: 50%;
  	border: solid 1px #00000030;
}
.no6a .m {
	transform: translate(0%, 15%);
	margin: 0 auto;
  	width: 100%;
  	max-width: 804px;
}
.no6a .m p {
	padding-left: 1.2em;
}
/* article-box7 */
.no7a .onebox {
	background-image: url("../img/svgs/kontakt.svg");
	background-repeat: no-repeat;
  	background-size:contain;
  	background-position: right bottom; 
} 
.kontaktslog {
	width: 100%;
  	display: block;
  	text-align: center;
  	margin:2em auto 0 auto;
  	font-size: 40pt;
  	font-weight: 600;
  	line-height: 1.2;
  	font-style: italic;
	text-shadow: 2px 2px 1px #fff;
}
.ic_tabl {
	padding: 15px 25px 0 0;
  	display: inline-block;
}

.no7a .flex-item-left {
	width: 40%;
	padding: 1em;
	margin: 0 1em;
}
.no7a .flex-item-right {
	width: 55%;
	padding: 1em;
	margin: 0 1em;
}
.no7b, .no7c {
	width: 100%;
  	background: #fff;
	background-image: url("../img/circle-background.gif");
	background-repeat: no-repeat;
  	background-size:30%;
  	background-position: left top; 
	border-bottom: solid 5px #4b575f;
	box-shadow: 0px 0px 10px #00000024;
	margin: 115px 0;
	padding-top: 60px;
	position: relative;
}
.no7b .onebox {
	padding: 1em 5% 3em 5%;
}
.no7b .flex-container {
    flex-direction: row;
	margin: 0em auto 2em auto;
	width: 100%;
	max-width: 1280px;
  }
.no7_bg {
	position: absolute;
  	z-index: -1;
  	top: 30%;
  	right: 0;
  	opacity: 0.7;
	width: 97%;
  	max-width: 1080px;
}
.arr {
	width: 40px;
  	padding-right: 10px;
  	padding-top: 5px;
}
.st_left {
	color: #db001b;
  	font-size: 1.8rem;
  	line-height: 0.7;
	text-shadow: 4px 4px 0 #d7dcdf;
	padding: 3px;
}
/*  footer  */
footer {
	width: 100%;
	margin: 0 auto;
	padding: 2% 1% 0% 1%;
	background: #fff;
	border-bottom: solid 10px #db001b;
	box-shadow: 0px -1px 10px #0000002e;
}
footer .flex-container {
	max-width: 900px;
}
.slog {
	max-width: 450px;
  	margin: 0.5em auto !important;
  	font-weight: 600;
  	line-height: 1.2;
  	font-style: italic;
  	text-align: center;
}
.slog span:hover {
	color: #db001b !important;
}
.s_m {
	max-width: 300px;
  	margin: 0 auto;
}
.s_m img {
	width: 130px;
 	display: block;
  	padding-left: 60px;
	float: left;
}
.last {
	text-align: center;
	font-size: 0.6rem;
	margin: 0 auto;
	padding-top: 20px;
  	line-height: 0.8;
}
						/* responsive */
/* responsive 1280*/
@media only screen and (max-width: 1280px) {
	.introtext, .introtext2 {
	margin-top: 60vh;
	}
	.introtext, .introtext2 {
  	background: linear-gradient(90deg, rgba(255,255,255,0.3) 0%, rgb(255, 255, 255) 15%, rgb(255, 255, 255) 85%, rgba(255,255,255,0.3) 100%);
	}
	.no2a, .no2b, .no2c, .no7b, .no7c {
	background-size: 40%;	
	}
	.no5b .flex-item-left,.no5b .flex-item-mid,.no5b .flex-item-right {
	padding: 1.8em;
	}
    .no6a .m {
    transform: translate(0%, 20%);
    }
    .no6a blockquote {
    font-size: 1.15rem;
    }
	/* bg-parallax */
	.kontaktslog {
	font-size: 34pt;
	}
}
/* responsive 1080*/
@media only screen and (max-width: 1080px) {
	.introtext, .introtext2, .zitat  {
	font-size: 1.1rem;
	line-height: 1.6;
	}
	.introtext, .introtext2 {
  	background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgb(255, 255, 255) 10%, rgb(255, 255, 255) 90%, rgba(255,255,255,0.5) 100%);
	}
	.more_btn {
  	width: 220px;
  	height: 55px;
  	font-size: 1rem;
	border-right: solid 4px #4b575f;
  	border-bottom: solid 3px #4b575f;
	}
	.no5b .flex-container, .no7b .flex-container {
  	flex-direction: column;
	}
	.flex-item-left, .flex-item-right, .no7a .flex-item-left, .no7a .flex-item-right  {
  	width: 95%;
  	margin: 0 auto;
	}
  	.no5b .flex-item-left, .no5b .flex-item-mid, .no5b .flex-item-right {
	width: 100%;
	max-width: 450px;
	padding: 2em;
	margin: 2em auto;
	}
	.no6a .onebox {
	padding: 1em 2% 4em 2%;
	}
	.no6a .flex-item-right, .no6a .flex-item-left {
	padding: 0;
	margin: 0em auto;
	}
	.no6a .flex-item-left img {
	max-width: 350px;
	}
	.komtext {
	margin: 0 auto;
  	padding: 3em 1em 1em 1em;
	}
	.m p {
	margin: 0 auto;
    display: block;
    text-align: center;
	}
    .no6a .m {
    transform: translate(0%, 5%);
    }
	.no6a .m p {
  	padding-left: 0em;
	}
	.no2a, .no2b, .no2c, .no7b, .no7c {
	background-size: 50%;
	}
	.no7b {
	margin: 100px 0;
	}
	/* bg-parallax */
	.parallax-1 .image-container {
	background: url("../img/service-2.jpg") no-repeat center top scroll;
  	background-size: 100vw;
	overflow: scroll;
	}
	.parallax-2 .image-container {
	background: url("../img/beratung-2.jpg") no-repeat center top scroll;
  	background-size: 100vw;
	}
	.parallax-3 .image-container {
	background: url("../img/kompetenz-2.jpg") no-repeat center top scroll;
  	background-size: 100vw;
	}
	.parallax-4 .image-container {
	background: url("../img/kontakt-2.jpg") no-repeat center top scroll;
  	background-size: 100vw;
	}
	.kontaktslog {
	font-size: 30pt;
	text-shadow: 1px 1px 2px #fff;
	}
}
/* responsive 800*/
@media only screen and (max-width: 800px) {
	h4 {
	font-size: calc(16pt + 0.390625vw);
	}
	.introtext, .introtext2, .zitat  {
     font-size: 1rem;
     line-height: 1.5;
    }
	.onebox {
	padding: 2em 4% 4em 4%;
	}
	.introtext {
	font-size: 1rem;
	line-height: 1.5;
	}
	.introtext, .introtext2 {
  	background: linear-gradient(90deg, rgba(255,255,255,0.7) 0%, rgb(255, 255, 255) 10%, rgb(255, 255, 255) 90%, rgba(255,255,255,0.7) 100%);
	}
	.flex-container {
	flex-direction: column;
	margin: 2em auto 1em auto;
	width: 100%;
	}
	.firstbutton {
  	width: 220px;
  	margin: 0;
  	float: right;
	}
	.zitat {
	font-size: 1.1rem;
	}
	.no5a h3 {
 	font-size: calc(16pt + 0.390625vw);
	}
	.bg_bild {
	padding: 0;
	top: 90px;
	}
	.no3 {
	height: 30vh;
	}
	.no6a .flex-item-left img {
	max-width: 300px;
	}
    .no6a blockquote {
    font-size: 1rem;
    }
	.tab {
  	width: 100%;
	}
	.arr {
	width: 36px;
	padding-top: 3px;
	}
	footer .flex-container {
	flex-direction: row;
	}
	/* bg-parallax */
	.parallax-1, .parallax-2, .parallax-3, .parallax-4 {
	height: 23vh;
	}
	.image-container, .pagetitel {
	height: 23vh;
	}
	.kontaktslog {
	font-size: 24pt;
    margin: 1.5em auto 0 auto;
	}
	 .pagetitel h1 {
    font-size: calc(40pt + 0.390625vw);
    margin-top: 5.5vh;
  	}
}
@media  screen and  (max-height: 800px)  {
	@media  screen and  (max-width: 720px)  {
	   /* bg-parallax */
	.parallax-1, .parallax-2, .parallax-3, .parallax-4 {
	height: 18vh;
	}
	.image-container, .pagetitel {
	height: 18vh;
	}
	.kontaktslog {
	margin: 1.3em auto 0 auto;
	}
}}
/* responsive 640*/
@media only screen and (max-width: 640px) {
	.introtext, .introtext2 {
  	background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgb(255, 255, 255) 10%, rgb(255, 255, 255) 90%, rgba(255,255,255,0.8) 100%);
	}
	.no2a, .no2b, .no2c, .no7b, .no7c {
	background-size: 60%;	
	}
	.no3 {
	height: 35vh;
	}
	.no7b {
	margin: 50px 0;
	}
	.arr_left {
  	width: 35px;
	}
	.more_btn {
  	width: 200px;
  	height: 50px;
  	font-size: 0.95rem;
	}
	.flex-item-left, .flex-item-right, .no7a .flex-item-left, .no7a .flex-item-right {
	width: 98%;	
	}
	.slog {
	font-size: 14.5pt;
	}
	footer .flex-container {
	flex-direction: column;
	}
}
/* responsive 420*/
@media only screen and (max-width: 420px) {
	h1 {
	font-size: calc(40pt + 0.390625vw);
	}
	.no7b h1, .no7c h1 {
	font-size: calc(36pt + 0.390625vw);
	}
	.introtext, .introtext2 {
  	background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgb(255, 255, 255) 5%, rgb(255, 255, 255) 95%, rgba(255,255,255,0.8) 100%);
	}
	.introtext, .introtext2, .zitat {
    font-size: calc(11pt + 0.390625vw);
    line-height: 1.4;
    padding-top: 1em;
    }
	.bg_bild {
	padding: 0;
	top: 70px;
	}
	.no2a, .no2b, .no2c, .no7b, .no7c {
	background-size: 75%;	
	}
	.onebox {
    padding: 2em 3%;
  }
	.no5b .flex-item-left, .no5b .flex-item-mid, .no5b .flex-item-right {
	max-width: 360px;
    padding: 2em;
	}
	.flex-item-left, .flex-item-right, .no7a .flex-item-left, .no7a .flex-item-right {
	width: 100%;	
	}
	.no5a .onebox, .no6a .onebox {
	padding: 1em 5% 2em 5%;
	}
	.no3 {
	height: 25vh;
	}
	.no6a .flex-item-left img {
	max-width: 260px;
	}
	.no2a, .no2b, .no2c, .no7b, .no7c {
	background-size: 75%;
	}
	.ic_tabl img {
  	width: 60px;
	}
	.ic_tabl {
  	padding: 8px 8px 0 0;
	}
	.tab td {
  	padding: 5px 0;
	}
	.komtext {
	padding: 2em 0.5em 1em 0.5em;
	}
	.kontaktslog {
	font-size: 15pt;
	}
	.slog {
	font-size: 13pt;
	}
	/* bg-parallax */
	.kontaktslog {
	font-size: 16pt;
	text-shadow: 1px 1px 1px #ffffffb0;
	margin: 2em auto 0 auto;
	}
	.pagetitel h1 {
	font-size: calc(35pt + 0.390625vw);
	}
}
/* responsive 320*/
@media only screen and (max-width: 320px) {
	.introtext, .introtext2 {
  	background: #fff;
	}
	h1 {
	font-size: calc(36pt + 0.390625vw);
	}
	.no1, .no1a {
    height: 60vh;
  	}
	.no7b h1, .no7c h1 {
	font-size: calc(30pt + 0.390625vw);
	}
	.no2a, .no2b, .no2c, .no7b, .no7c {
	background-size: 100%;	
	}
	.no5b .flex-item-left, .no5b .flex-item-mid, .no5b .flex-item-right {
    max-width: 300px;
    padding: 1.5em;
	}
	.no5b .flex-item-left h5, .no5b .flex-item-mid h5, .no5b .flex-item-right h5 {
	font-size: 15.2pt;
	}
	.no7a .flex-item-right {padding:  0;}
	.no7a .fotorechte p {padding: 1em;}
	.no6a blockquote {
	padding: 1em;
	}
	.no7b {
	margin: 25px 0;
	}
	.komtext {
	padding: 4em 0.3em 1em 0.3em;
	}
	h2 {
	font-size: calc(30pt + 0.390625vw);	
	}
	.slog {
	font-size: 11.5pt;
	}
	/* bg-parallax */
	.kontaktslog {
	font-size: 13pt;
	text-shadow: 1px 1px 1px #ffffffb0;
	}
}