@charset "utf-8";

/* noto-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: "Noto Sans";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/noto-sans-v30-latin-300.eot"); /* IE9 Compat Modes */
	src: url("../fonts/noto-sans-v30-latin-300.eot?#iefix") format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/noto-sans-v30-latin-300.woff2") format("woff2"),
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
			url("../fonts/noto-sans-v30-latin-300.woff") format("woff"),
		/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
			url("../fonts/noto-sans-v30-latin-300.ttf") format("truetype"),
		/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
			url("../fonts/noto-sans-v30-latin-300.svg#NotoSans") format("svg"); /* Legacy iOS */
}

/* noto-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: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/noto-sans-v30-latin-regular.eot"); /* IE9 Compat Modes */
	src: url("../fonts/noto-sans-v30-latin-regular.eot?#iefix") format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/noto-sans-v30-latin-regular.woff2") format("woff2"),
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
			url("../fonts/noto-sans-v30-latin-regular.woff") format("woff"),
		/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
			url("../fonts/noto-sans-v30-latin-regular.ttf") format("truetype"),
		/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
			url("../fonts/noto-sans-v30-latin-regular.svg#NotoSans") format("svg"); /* Legacy iOS */
}

/* noto-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: "Noto Sans";
	font-style: normal;
	font-weight: 600;
	src: url("../fonts/noto-sans-v30-latin-600.eot"); /* IE9 Compat Modes */
	src: url("../fonts/noto-sans-v30-latin-600.eot?#iefix") format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/noto-sans-v30-latin-600.woff2") format("woff2"),
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
			url("../fonts/noto-sans-v30-latin-600.woff") format("woff"),
		/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
			url("../fonts/noto-sans-v30-latin-600.ttf") format("truetype"),
		/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
			url("../fonts/noto-sans-v30-latin-600.svg#NotoSans") format("svg"); /* Legacy iOS */
}

/* noto-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: "Noto Sans";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/noto-sans-v30-latin-700.eot"); /* IE9 Compat Modes */
	src: url("../fonts/noto-sans-v30-latin-700.eot?#iefix") format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/noto-sans-v30-latin-700.woff2") format("woff2"),
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
			url("../fonts/noto-sans-v30-latin-700.woff") format("woff"),
		/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
			url("../fonts/noto-sans-v30-latin-700.ttf") format("truetype"),
		/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
			url("../fonts/noto-sans-v30-latin-700.svg#NotoSans") format("svg"); /* Legacy iOS */
}

/* noto-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: "Noto Sans";
	font-style: normal;
	font-weight: 800;
	src: url("../fonts/noto-sans-v30-latin-800.eot"); /* IE9 Compat Modes */
	src: url("../fonts/noto-sans-v30-latin-800.eot?#iefix") format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/noto-sans-v30-latin-800.woff2") format("woff2"),
		/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
			url("../fonts/noto-sans-v30-latin-800.woff") format("woff"),
		/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
			url("../fonts/noto-sans-v30-latin-800.ttf") format("truetype"),
		/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
			url("../fonts/noto-sans-v30-latin-800.svg#NotoSans") format("svg"); /* Legacy iOS */
}

/* cutive-regular - latin */
@font-face {
	font-family: "Cutive";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/cutive-v12-latin-regular.eot"); /* IE9 Compat Modes */
	src: local(""), url("../fonts/cutive-v12-latin-regular.eot?#iefix") format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/cutive-v12-latin-regular.woff2") format("woff2"),
		/* Super Modern Browsers */ url("../fonts/cutive-v12-latin-regular.woff") format("woff"),
		/* Modern Browsers */ url("../fonts/cutive-v12-latin-regular.ttf") format("truetype"),
		/* Safari, Android, iOS */ url("../fonts/cutive-v12-latin-regular.svg#Cutive") format("svg"); /* Legacy iOS */
}

html,
body {
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	overflow-x: hidden;
}

body {
	font-family: "Noto Sans", sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	/*color: #193c48;*/
	color: #000;
	font-size: 18px;
	line-height: 30px;
	/*background-color: rgba(64,72,115,0.25);*/
	background: #fff;
}

p strong {
	color: #3b1c6c;
}

p {
	margin: 0;
	padding: 0;
}

p a {
	color: #3b1c6cc0;
}

p a:hover {
	color: #3b1c6c;
}

a {
	text-decoration: none;
}

header {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

header .menu {
	text-align: center;
	padding-bottom: 1rem;
}

header .menu-btn {
	float: right;
	cursor: pointer;
	width: 40px;
}

.menu-link {
	margin: 0 1rem;
	color: #3a3a3a;
}

.menu-link:hover {
	color: #000;
}

.menu-link svg {
	fill: #5a5a5a;
}

.menu-link:hover svg {
	fill: #000;
}

.claim span {
	font-weight: 600;
	font-size: 20px;
	display: block;
	padding: 45px 0 0 0;
	color: #919397;
}

/**/

.mb40 {
	margin-bottom: 40px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.posrel {
	position: relative;
}

ul.social {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.social li {
	display: inline;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 30px;
	float: right;
}

ul.social li a {
	color: #0081da;
}

a.smallimg img {
	width: 27px;
	padding-top: 3px;
	float: left;
}

/**/

.bigblobblue::before {
	bottom: 0;
	content: "";
	position: absolute;
	right: 100%;
	top: 0;
	background: url(/assets/images/blobgrey2.svg) no-repeat right center;
	width: 9999px;
	display: block;
	height: auto;
	background-size: contain;
}

.sofa .bigblobblue::before,
.coaching .bigblobblue::before,
.workshops .bigblobblue::before {
	bottom: 0;
	content: "";
	position: absolute;
	right: 100%;
	top: 0;
	background: url(/assets/images/bloborange.svg) no-repeat right center;
	width: 9999px;
	display: block;
	height: auto;
}

.stopgo .bigblobblue::before {
	bottom: 0;
	content: "";
	position: absolute;
	right: 100%;
	top: -50px;
	background: url(/assets/images/bloborange.svg) no-repeat right center;
	width: 9999px;
	display: block;
	height: auto;
}

.gemeinwohl .bigblobblue::before {
	bottom: 0;
	content: "";
	position: absolute;
	right: 100%;
	top: 0;
	background: url(/assets/images/blobyellow1.svg) no-repeat right center;
	width: 9999px;
	display: block;
	height: auto;
}

.ira .bigblobblue::before {
	bottom: 0;
	content: "";
	position: absolute;
	right: 100%;
	top: -50px;
	background: url(/assets/images/bloborange.svg) no-repeat right center;
	width: 9999px;
	display: block;
	height: auto;
}

.praxis .bigblobblue::before {
	bottom: 0;
	content: "";
	position: absolute;
	right: 100%;
	top: -50px;
	background: url(/assets/images/blobpurple.svg) no-repeat right center;
	width: 9999px;
	display: block;
	height: auto;
}

.stopgo .bigblobblue::after {
	background: url(/assets/images/blobblue.svg) no-repeat left center;
	bottom: 0;
	content: "";
	height: auto;
	position: absolute;
	left: 100%;
	top: 50px;
	width: 9999px;
	display: block;
}

.learning .bigblobblue::after {
	background: url(/assets/images/blobblue2.svg) no-repeat left center;
	bottom: 0;
	content: "";
	height: auto;
	position: absolute;
	left: 100%;
	top: 50px;
	width: 9999px;
	display: block;
}

.gemeinwohl .bigblobblue::after {
	background: url(/assets/images/bloborange.svg) no-repeat left center;
	bottom: 0;
	content: "";
	height: auto;
	position: absolute;
	left: 100%;
	top: 50px;
	width: 9999px;
	display: block;
}

.ira .bigblobblue::after {
	background: url(/assets/images/blobgreen.svg) no-repeat left center;
	bottom: 0;
	content: "";
	height: auto;
	position: absolute;
	left: 100%;
	top: 50px;
	width: 9999px;
	display: block;
}

.praxis .bigblobblue::after {
	background: url(/assets/images/blobgreen.svg) no-repeat left center;
	bottom: 0;
	content: "";
	height: auto;
	position: absolute;
	left: 100%;
	top: 50px;
	width: 9999px;
	display: block;
}

.pb100 {
	padding-bottom: 100px;
}

/**/

h1,
h3 {
	font-family: "Cutive", serif;
	position: relative;
	z-index: 2;
	font-weight: 600;
}

h1 {
	font-size: 32px;
	font-weight: 400;
	line-height: 44px;
	/* margin: 0;
    padding: 303px 0 190px 140px; */
	color: #3b1c6c;
	text-align: center;
}

/* h1 {
    background-image: url(/assets/images/bigblobblue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
} */

.sofa h1,
.coaching h1,
.workshops h1 {
	font-size: 24px;
	font-weight: 400;
	line-height: 35px;
	margin: 0;
	padding: 276px 0 181px 200px;
	color: #fff;
	text-align: center;
}

.sofa h1 span,
.sofa h1 code {
	font-family: "Cutive", serif;
	font-style: normal;
	font-size: 20px;
	letter-spacing: 1px;
	color: #fff;
}

.sofa h1,
.coaching h1,
.workshops h1 {
	background-image: none;
	color: #fff;
	background-color: #0081da;
	display: inline-block;
	padding: 50px 25px 50px 25px;
	border-radius: 0 40px 0 40px;
	border-right: 8px solid #f28128;
	border-left: 8px solid #f28128;
	font-size: 40px;
}

.stopgo h1 {
	background-image: none;
	color: #fff;
	background-color: #4ecdc4;
	display: inline-block;
	padding: 50px;
	border-radius: 0 40px 0 40px;
	border-right: 8px solid #f28128;
	border-left: 8px solid #f28128;
	font-size: 40px;
}

.learning h1 {
	background-image: none;
	color: #fff;
	background-color: #f28128;
	display: inline-block;
	padding: 50px;
	border-radius: 0 40px 0 40px;
	border-right: 8px solid #4ecdc4;
	border-left: 8px solid #4ecdc4;
	font-size: 40px;
}

.gemeinwohl h1 {
	background-image: none;
	color: #fff;
	background-color: #0081da;
	display: inline-block;
	padding: 50px;
	border-radius: 0 40px 0 40px;
	border-right: 8px solid #4ecdc4;
	border-left: 8px solid #4ecdc4;
	font-size: 40px;
}

.ira h1 {
	background-image: none;
	color: #fff;
	background-color: #fec900;
	display: inline-block;
	padding: 50px 100px;
	border-radius: 0 40px 0 40px;
	border-right: 8px solid #f28128;
	border-left: 8px solid #f28128;
	font-size: 40px;
}

.praxis h1 {
	background-image: none;
	color: #fff;
	background-color: #0081da;
	display: inline-block;
	padding: 50px 100px;
	border-radius: 0 40px 0 40px;
	border-right: 8px solid #f28128;
	border-left: 8px solid #f28128;
	font-size: 40px;
}

.praxis h1 span {
	background-image: none;
	color: #fff;
	background-color: #0081da;
	display: inline-block;
	padding: 0;
	font-size: 20px;
}

.stopgo h2,
.learning h2 .gemeinwohl h2,
.ira h2 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	margin: 0 0 20px 0;
	display: inline-block;
}

.stopgo h2 {
	color: #4ecdc4;
}

.learning h2 {
	color: #f28128;
}

.gemeinwohl h2 {
	color: #0081da;
}

.ira h2 {
	color: #fec900;
}

.coaching h1,
.workshops h1 {
	padding: 60px 50px 50px 50px;
}

.tac {
	text-align: center;
}

.quota p {
	background: #fff;
	color: #000;
	padding: 0 0 40px 60px;
	margin-bottom: 24px;
	background-image: url(/assets/images/quoteblue.svg);
	background-repeat: no-repeat;
	background-position: -2px -2px;
	background-size: 40px;
	font-size: 20px;
	text-align: left;
}

h3 {
	font-size: 18px;
	line-height: 28px;
	color: #000;
	font-weight: 400;
	letter-spacing: 1px;
}

.index .blob1 h3,
.index .blob2 h3,
.index .blob3 h3 {
	font-size: 16px;
	line-height: 28px;
	color: #000;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 40px 0 40px 78px;
}

.leistungen h3 {
	color: #0081da;
}

.workshops h3 {
	font-weight: 600;
}

.coachme h3 {
	text-align: center;
	line-height: 54px;
	font-size: 18px;
	font-weight: 600;
}

.inner h3 {
	background-image: url(/assets/images/blobgreen2.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-align: center;
	padding: 80px;
	font-weight: 600;
	color: #fff;
}

.blog h3 {
	margin-bottom: 20px;
}

.blog img {
	margin-bottom: 20px;
}

.chart .inner h3 {
	background-image: url(/assets/images/blobblue.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	text-align: center;
	padding: 50px 63px 40px 80px;
	font-weight: 600;
	color: #fff;
	line-height: 85px;
}

.pt76 {
	padding-top: 76px;
}

.pt64 {
	padding-top: 64px;
}

.intro {
	padding: 0;
	color: #000;
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	text-align: center;
	/* margin: 40px 0 0 0; */
}

.intro.new {
	padding: 0;
	color: #000;
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	text-align: left;
	/* margin: 80px 0 0 0; */
}

.intro.new p {
	margin: 0 0 20px 0;
}

.intro::after {
	background: url(/assets/images/blobpurple.svg) no-repeat left center;
	bottom: 0;
	content: "";
	height: auto;
	position: absolute;
	left: 100%;
	top: 0;
	width: 9999px;
	display: block;
}

.intro.new::after {
	background: url(/assets/images/blobpurple.svg) no-repeat 40px center;
	bottom: 0;
	content: "";
	height: auto;
	position: absolute;
	left: 100%;
	top: 0;
	width: 9999px;
	display: block;
}

.sofa .intro::after,
.coaching .intro::after,
.workshops .intro::after {
	background: url(/assets/images/blobgreen.svg) no-repeat 50px center;
	bottom: 0;
	content: "";
	height: auto;
	position: absolute;
	left: 100%;
	top: 0;
	width: 9999px;
	display: block;
}

.full {
	width: 100%;
	height: auto;
	margin: 0;
	background: #f0f0f0;
	padding: 60px 0 40px 0;
}

.full.white {
	background: #fff;
}

.full.pb-0 {
	padding-bottom: 0;
}

.full.pt-0 {
	padding-top: 0;
}

.blob1 {
	background-image: url(/assets/images/blobyellow1.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.blob2 {
	background-image: url(/assets/images/blobyellow2.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.blob3 {
	background-image: url(/assets/images/blobyellow3.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.full a,
.leistungen a,
.praxisfaelle a {
	font-weight: 600;
	color: #3b1c6cc0;
}

.full a:hover,
.leistungen a:hover,
.praxisfaelle a:hover {
	color: #3b1c6c;
}

.chart {
	hyphens: auto;
}

.chart a {
	color: #fff;
}

.leistungen {
	margin-bottom: 60px !important;
}

h2 {
	font-size: 28px;
	line-height: 30px;
	color: #0081da;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	margin: 0 0 60px 0;
}

.index .praxis h2 {
	color: #3b1c6c;
	text-align: center;
}

.smalltxt {
	font-size: 14px;
	line-height: 18px;
}

body.praxis p {
	margin-bottom: 20px;
}

body.praxis footer p {
	margin: 0;
}

.praxis h2 {
	color: #3b1c6c;
	margin: 0 0 40px 0;
	text-align: left;
}

/* .praxis strong {
    color: #f28127;
} */

.blogh2 h2 {
	color: #4ecdc4;
}

.sofa h2 {
	font-size: 24px;
	line-height: 30px;
	color: #0081da;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	margin: 0 0 60px 0;
	display: inline-block;
	border-radius: 0 20px;
	border-right: 4px solid #0081da;
	padding: 10px 20px;
	border-left: 4px solid #0081da;
}

.blob4 {
	background-image: url(/assets/images/blobgrey1.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	min-height: 400px;
	padding: 58px;
}

.blob4a {
	background-image: url(/assets/images/blobgreen-a.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	min-height: 332px;
	padding: 58px;
}

.blob4b {
	background-image: url(/assets/images/bloborange-b.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	min-height: 332px;
	padding: 58px;
}

.blob4c {
	background-image: url(/assets/images/blobblue-c.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	min-height: 332px;
	padding: 58px;
}

.blob4d {
	background-image: url(/assets/images/blobyellow-d.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	min-height: 332px;
	padding: 58px;
}

.learning .blob4a p,
.learning .blob4b p,
.learning .blob4c p,
.learning .blob4d p,
.stopgo .blob4a p,
.stopgo .blob4b p,
.stopgo .blob4c p,
.stopgo .blob4d p,
.gemeinwohl .blob4a p,
.gemeinwohl .blob4b p,
.gemeinwohl .blob4c p,
.gemeinwohl .blob4d p,
.ira .blob4a p,
.ira .blob4b p,
.ira .blob4c p,
.ira .blob4d p {
	display: inline;
}

.blob5 {
	background-image: url(/assets/images/blobgrey2.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	min-height: 400px;
	padding: 58px;
}

.blob6 {
	background-image: url(/assets/images/blobgrey3.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	min-height: 400px;
	padding: 58px;
}

.innerquote {
	background-image: url(/assets/images/quoteyellow.svg);
	background-repeat: no-repeat;
	background-size: 25% 25%;
	background-position: left 30px;
	height: auto;
	padding: 0;
}

.innerquote p {
	position: relative;
	z-index: 2;
	padding: 4px 20px 0 44px;
}

.blobber {
	background-image: url(/assets/images/blobgrey1.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	min-height: 200px;
	padding: 58px 0;
}

.white .blobber {
	background-image: url(/assets/images/blobwhite.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	min-height: 200px;
	padding: 58px;
}

footer {
	width: 100%;
	height: auto;
	background: #808080;
	color: #fff;
	font-size: 16px;
	line-height: 80px;
	height: 80px;
}

footer a {
	color: #fff;
}

.link {
	text-align: right;
}

.leistungen ul,
.full ul,
.stopgo ul,
.learning ul,
.gemeinwohl ul,
.ira ul {
	margin-left: 0px;
	padding-left: 18px;
}

.leistungen ul li,
.full ul li {
	margin-bottom: 6px;
}

.stopgo ul.nodot,
.learning ul.nodot,
.gemeinwohl ul.nodot,
.ira ul.nodot {
	list-style: none;
	padding-left: 0;
}

.stopgo ul.nodot li,
.learning ul.nodot li,
.gemeinwohl ul.nodot li,
.ira ul.nodot li {
	margin-bottom: 10px;
}

h4 {
	font-size: 20px;
	line-height: 28px;
	color: #000;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 10px;
}

.stopgo h4 {
	color: #4ecdc4;
}

.learning h4 {
	color: #f28128;
}

.gemeinwohl h4 {
	color: #0081da;
}

.ira h4 {
	color: #fec900;
}

/**/

nav {
	position: fixed;
	background: #f0f0f0;
	padding: 2em;
	width: calc(100%);
	height: calc(100vh);
	display: none;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right;
	transform-origin: right;
	z-index: 3;
}

nav .close-button {
	float: right;
	cursor: pointer;
	opacity: 0;
	width: 40px;
}

nav ul {
	list-style-type: none;
	margin: 10% auto 0 auto;
	padding: 0;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (auto) [4];
	grid-template-columns: repeat(4, auto);
	width: 80%;
}

nav ul a {
	color: #000;
	font-weight: 600;
	font-size: 28px;
	font-family: "Cutive", serif;
	display: block;
	letter-spacing: 1px;
	margin-bottom: 10px;
	cursor: default;
}

nav ul a.small {
	color: #000;
	font-weight: 400;
	font-size: 22px;
	font-family: "Noto Sans", sans-serif;
	display: block;
	letter-spacing: 0px;
	margin-bottom: 6px;
	color: #f28127;
	cursor: pointer;
}

nav ul span {
	color: gray;
	display: block;
	font-size: 0.75em;
	margin-top: 20px;
}

nav ul li {
	opacity: 0;
}

.show-menu {
	display: block;
	-webkit-animation: slide-menu 1s ease-in forwards;
	animation: slide-menu 1s ease-in forwards;
}

.show-menu .close-button {
	-webkit-animation: show-x 1s 1s forwards;
	animation: show-x 1s 1s forwards;
}

.show-menu li:nth-of-type(1) {
	-webkit-animation: menu-item-anim 0.6s forwards 1s ease-in-out;
	animation: menu-item-anim 0.6s forwards 1s ease-in-out;
}

.show-menu li:nth-of-type(2) {
	-webkit-animation: menu-item-anim 0.6s forwards 1.2s ease-in-out;
	animation: menu-item-anim 0.6s forwards 1.2s ease-in-out;
}

.show-menu li:nth-of-type(3) {
	-webkit-animation: menu-item-anim 0.6s forwards 1.6s ease-in-out;
	animation: menu-item-anim 0.6s forwards 1.6s ease-in-out;
}

.show-menu li:nth-of-type(4) {
	-webkit-animation: menu-item-anim 0.6s forwards 1.8s ease-in-out;
	animation: menu-item-anim 0.6s forwards 1.8s ease-in-out;
}

@-webkit-keyframes slide-menu {
	from {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}

@keyframes slide-menu {
	from {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}

@-webkit-keyframes show-x {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes show-x {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes menu-item-anim {
	from {
		-webkit-transform: translateY(70%);
		transform: translateY(70%);
		opacity: 0;
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes menu-item-anim {
	from {
		-webkit-transform: translateY(70%);
		transform: translateY(70%);
		opacity: 0;
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

/**/

.strongblue {
	font-weight: 600;
	color: #0081da;
}

.coachem {
	background-image: url(/assets/images/blobgrey2.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	min-height: 332px;
	padding: 146px 0;
	text-align: center;
}

.coachem a {
	font-weight: 600;
	color: #f28127;
}

p.first {
	min-height: 72px;
	hyphens: auto;
	display: inline-block;
}

body.praxis.two p.first {
	min-height: 78px;
	hyphens: auto;
	display: inline-block;
}

p.first b {
	font-weight: 600;
}

.praxis p {
	hyphens: auto;
}

.praxis.misc p {
	hyphens: none;
}

.ooo,
.mediena a,
.praxis.misc.legal p strong,
.praxis.misc.innergamechild p strong:first-child {
	color: #f28127;
}

.imgquad img {
	width: 80%;
	height: auto;
	margin-left: 10%;
	margin-bottom: 40px;
}

.imgbu {
	font-size: 14px;
	margin-bottom: 10px;
	display: block;
}

body.praxis p span.orange {
	color: #f28127;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 6px;
}

p.orange2 {
	color: #f28127;
	font-weight: 600;
	font-size: 20px;
	min-height: 0;
}

body.praxis p {
	line-height: 24px;
}

body.praxis footer p {
	line-height: 80px;
}

body.praxis.misc footer p {
	line-height: 80px;
}

body.praxis.misc p {
	line-height: 30px;
}

body.praxis p.orangenormal {
	color: #000;
	font-weight: 600;
	font-size: 18px;
	min-height: 0;
	margin-bottom: 0;
	line-height: 22px;
}

.coachem h2 {
	font-size: 24px;
	line-height: 30px;
	color: #0081da;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	margin: 0 0;
}

ol {
	color: #0081da;
	font-weight: 600;
}

ol li {
	margin-bottom: 10px;
}

ol li span,
ol li p {
	color: #000;
	font-weight: 400;
}

.floater {
	float: left;
	margin: 10px 30px 10px 0;
}

.line a {
	line-height: 69px;
}

.line2 a {
	line-height: 59px;
}

.line3 a {
	line-height: 79px;
}

.floatme {
}

.floatme div {
	float: left;
	line-height: 118px;
}

.floatme div.w200 {
	width: 200px;
	margin: 0 10px 30px 10px;
	line-height: 0;
}

.div100 {
	width: 100%;
	height: auto;
	text-align: center;
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
}

.div33 {
	width: 33.33%;
	float: left;
	height: auto;
	text-align: center;
}

a.mb10 {
	margin-bottom: 10px;
	display: block;
}

.mediena figure figcaption {
	font-size: 14px;
}

/*#####################################################################################################################*/

/*Tablet Landscape*/
@media only screen and (min-width: 960px) and (max-width: 1024px) {
	.container.row {
		width: 98%;
		margin-left: 1%;
	}

	.claim span {
		font-weight: 600;
		font-size: 20px;
		display: block;
		padding: 34px 0 0 0;
		color: #919397;
	}

	.blob4 {
		background-image: url(/assets/images/blobgrey1.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 400px;
		padding: 60px 40px;
	}

	.blob5 {
		background-image: url(/assets/images/blobgrey2.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 400px;
		padding: 60px 40px;
	}

	.blob6 {
		background-image: url(/assets/images/blobgrey3.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 400px;
		padding: 60px 40px;
	}

	footer {
		width: 100%;
		height: auto;
		background: #0081da;
		color: #fff;
		font-size: 12px;
		line-height: 80px;
		height: 80px;
	}

	nav ul a {
		color: #000;
		font-weight: 600;
		font-size: 22px;
		font-family: "Cutive", serif;
		display: block;
		letter-spacing: 1px;
		margin-bottom: 10px;
		cursor: default;
	}

	.blob4a {
		background-image: url(/assets/images/blobgreen-a.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 58px 36px;
	}

	.blob4b {
		background-image: url(/assets/images/bloborange-b.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 58px 36px;
	}

	.blob4c {
		background-image: url(/assets/images/blobblue-c.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 58px 36px;
	}

	.blob4d {
		background-image: url(/assets/images/blobyellow-d.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 58px 36px;
	}

	.index .blob1 h3,
	.index .blob2 h3,
	.index .blob3 h3 {
		font-size: 14px;
		line-height: 28px;
		color: #000;
		font-weight: 400;
		letter-spacing: 1px;
		padding: 40px 0 40px 48px;
	}
}

/*#####################################################################################################################*/

/*Tablet Portrait*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {
		font-family: "Noto Sans", sans-serif;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: none;
		/* color: #193c48; */
		color: #000;
		font-size: 16px;
		line-height: 26px;
		/* background-color: rgba(64,72,115,0.25); */
		background: #fff;
	}

	.container.row {
		width: 98%;
		margin-left: 1%;
	}

	.claim span {
		font-weight: 600;
		font-size: 15px;
		display: block;
		padding: 22px 0 0 0;
		color: #919397;
	}

	ul.social li {
		display: inline;
		margin: 0 20px 0 0;
		padding: 0;
		font-size: 23px;
		float: right;
	}

	a.smallimg img {
		width: 22px;
		padding-top: 3px;
		float: left;
	}

	header .menu-btn {
		float: right;
		cursor: pointer;
		width: 34px;
	}

	/* h1 {
		font-size: 24px;
		font-weight: 400;
		line-height: 35px;
		margin: 0;
		padding: 169px 0 102px 140px;
		color: #fff;
		text-align: center;
	} */

	h2 {
		font-size: 24px;
		line-height: 30px;
		color: #0081da;
		font-weight: 600;
		letter-spacing: 1px;
		text-align: center;
		margin: 0 0 0px 0;
	}

	h3 {
		font-size: 13px;
		line-height: 28px;
		color: #000;
		font-weight: 600;
		letter-spacing: 1px;
	}

	.intro.new {
		padding: 0;
		color: #000;
		font-size: 16px;
		line-height: 26px;
		font-weight: 400;
		text-align: left;
		/* margin: 80px 0 0 0; */
	}

	.leistungen {
		margin-bottom: 0px !important;
	}

	.index .innerquote h3 {
		line-height: 23px;
		min-height: 47px;
	}

	.blob4 {
		background-image: url(/assets/images/blobgrey1.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 400px;
		padding: 60px 15px;
	}

	.blob5 {
		background-image: url(/assets/images/blobgrey2.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 400px;
		padding: 60px 15px;
	}

	.blob6 {
		background-image: url(/assets/images/blobgrey3.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 400px;
		padding: 60px 15px;
	}

	footer {
		width: 100%;
		height: auto;
		background: #0081da;
		color: #fff;
		font-size: 10px;
		line-height: 80px;
		height: 80px;
	}

	nav ul a {
		color: #000;
		font-weight: 600;
		font-size: 17px;
		font-family: "Cutive", serif;
		display: block;
		letter-spacing: 1px;
		margin-bottom: 10px;
		cursor: default;
	}

	.blob4a {
		background-image: url(/assets/images/blobgreen-a.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 58px 36px;
		line-height: 20px;
	}

	.blob4b {
		background-image: url(/assets/images/bloborange-b.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 58px 36px;
		line-height: 20px;
	}

	.blob4c {
		background-image: url(/assets/images/blobblue-c.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 58px 36px;
		line-height: 20px;
	}

	.blob4d {
		background-image: url(/assets/images/blobyellow-d.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 58px 36px;
		line-height: 20px;
	}

	.sofa h1,
	.coaching h1,
	.workshops h1 {
		background-image: none;
		color: #fff;
		background-color: #0081da;
		display: inline-block;
		padding: 50px 25px 50px 25px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #f28128;
		border-left: 8px solid #f28128;
		font-size: 18px;
	}

	.sofa h1 span {
		font-size: 13px;
		letter-spacing: 1px;
		color: #fff;
	}

	.intro {
		padding: 0;
		color: #000;
		font-size: 16px;
		line-height: 26px;
		font-weight: 400;
		text-align: center;
		/* margin: 40px 0 0 0; */
	}

	.chart .inner h3 {
		background-image: url(/assets/images/blobblue.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		text-align: center;
		padding: 50px 63px 40px 80px;
		font-weight: 600;
		color: #fff;
		line-height: 19px;
	}

	.pt76 {
		padding-top: 31px;
	}

	.pt64 {
		padding-top: 22px;
	}

	.sofa h2 {
		font-size: 20px;
		line-height: 26px;
		color: #0081da;
		font-weight: 600;
		letter-spacing: 1px;
		text-align: center;
		margin: 0 0 20px 0;
		display: inline-block;
		border-radius: 0 20px;
		border-right: 4px solid #0081da;
		padding: 10px 20px;
		border-left: 4px solid #0081da;
	}

	.quota p {
		background: #fff;
		color: #000;
		padding: 0 0 40px 60px;
		margin-bottom: 24px;
		background-image: url(/assets/images/quoteblue.svg);
		background-repeat: no-repeat;
		background-position: -2px -2px;
		background-size: 40px;
		font-size: 16px;
		text-align: left;
	}

	.coachem h2 {
		font-size: 18px;
		line-height: 30px;
		color: #0081da;
		font-weight: 600;
		letter-spacing: 1px;
		text-align: center;
		margin: 0 0;
	}

	.coachme h3 {
		text-align: center;
		line-height: 54px;
		font-size: 13px;
		font-weight: 600;
	}

	.gemeinwohl .coachme .span_11 {
		margin-bottom: 40px;
	}

	.gemeinwohl h1 {
		background-image: none;
		color: #fff;
		background-color: #0081da;
		display: inline-block;
		padding: 50px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #4ecdc4;
		border-left: 8px solid #4ecdc4;
		font-size: 18px;
	}

	.workshops h3 {
		font-weight: 600;
		font-size: 10px;
	}

	h4 {
		font-size: 18px;
		line-height: 22px;
		color: #000;
		font-weight: 600;
		letter-spacing: 0;
		margin-bottom: 10px;
	}

	.stopgo h1 {
		background-image: none;
		color: #fff;
		background-color: #4ecdc4;
		display: inline-block;
		padding: 50px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #f28128;
		border-left: 8px solid #f28128;
		font-size: 18px;
	}

	.learning h1 {
		background-image: none;
		color: #fff;
		background-color: #f28128;
		display: inline-block;
		padding: 50px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #4ecdc4;
		border-left: 8px solid #4ecdc4;
		font-size: 18px;
	}

	.ira h1 {
		background-image: none;
		color: #fff;
		background-color: #fec900;
		display: inline-block;
		padding: 50px 100px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #f28128;
		border-left: 8px solid #f28128;
		font-size: 18px;
	}

	.praxis h1 {
		background-image: none;
		color: #fff;
		background-color: #0081da;
		display: inline-block;
		padding: 50px 100px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #f28128;
		border-left: 8px solid #f28128;
		font-size: 18px;
	}

	.index .blob1 h3,
	.index .blob2 h3,
	.index .blob3 h3 {
		font-size: 12px;
		line-height: 28px;
		color: #000;
		font-weight: 600;
		letter-spacing: 0px;
		padding: 40px 0 40px 20px;
	}

	.div100 {
		width: 100%;
		height: auto;
		text-align: center;
		display: block;
		margin-bottom: 20px;
		overflow: hidden;
	}

	.div33 {
		width: 100%;
		float: none;
		height: auto;
		text-align: center;
		margin-bottom: 20px;
	}

	a.mb10 {
		margin-bottom: 10px;
		display: block;
	}

	span.break {
		display: block;
	}
}

/*#####################################################################################################################*/

/*Smartphone Portrait*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
	body {
		font-family: "Noto Sans", sans-serif;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: none;
		/* color: #193c48; */
		color: #000;
		font-size: 16px;
		line-height: 26px;
		/* background-color: rgba(64,72,115,0.25); */
		background: #fff;
	}

	.container.row {
		width: 98%;
		margin-left: 1%;
	}

	.logo img {
		width: 60% !important;
		margin-left: 20%;
	}

	.claim span {
		font-weight: 600;
		font-size: 13px;
		display: block;
		padding: 8px 0 0 0;
		color: #919397;
		text-align: center;
	}

	.meta .span_5 {
		margin-top: 10px !important;
	}

	ul.social li {
		display: inline;
		margin: 0 20px 0 0;
		padding: 0;
		font-size: 23px;
		float: right;
	}

	a.smallimg img {
		width: 22px;
		padding-top: 3px;
		float: left;
	}

	header .menu-btn {
		float: right;
		cursor: pointer;
		width: 34px;
	}

	/* h1 {
		font-size: 13px;
		font-weight: 600;
		line-height: 19px;
		margin: 0;
		padding: 94px 0 54px 72px;
		color: #fff;
		text-align: center;
		font-weight: 600;
	} */

	.blob1 br,
	.blob2 br,
	.blob3 br {
		display: none;
	}

	.full {
		width: 100%;
		height: auto;
		/* margin: 60px 0; */
		background: #f0f0f0;
		padding: 20px 0;
	}

	.span_0 {
		display: none !important;
	}

	.index .full .span_5 {
		margin-bottom: 20px;
	}

	h2 {
		font-size: 24px;
		line-height: 30px;
		color: #0081da;
		font-weight: 600;
		letter-spacing: 1px;
		text-align: center;
		margin: 0 0 0px 0;
	}

	.index h2 {
		margin: 0 0 20px 0;
	}

	h3 {
		font-size: 13px;
		line-height: 28px;
		color: #000;
		font-weight: 600;
		letter-spacing: 1px;
	}

	.intro.new {
		padding: 0;
		color: #000;
		font-size: 16px;
		line-height: 26px;
		font-weight: 400;
		text-align: left;
		/* margin: 80px 0 0 0; */
	}

	.leistungen {
		margin-bottom: 0px !important;
	}

	.index .innerquote h3 {
		line-height: 23px;
		min-height: 0;
		margin-bottom: 20px;
	}

	.blob4 {
		background-image: url(/assets/images/blobgrey1.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 400px;
		padding: 92px 40px;
	}

	.blob5 {
		background-image: url(/assets/images/blobgrey2.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 400px;
		padding: 92px 40px;
	}

	.blob6 {
		background-image: url(/assets/images/blobgrey3.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 400px;
		padding: 92px 40px;
	}

	footer {
		width: 100%;
		height: auto;
		background: #0081da;
		color: #fff;
		font-size: 11px;
		line-height: 20px;
		height: auto;
		padding: 10px 0;
		margin-top: 20px;
	}

	footer span {
		white-space: nowrap;
	}

	nav ul a {
		color: #000;
		font-weight: 600;
		font-size: 17px;
		font-family: "Cutive", serif;
		display: block;
		letter-spacing: 1px;
		margin-bottom: 10px;
		cursor: default;
	}

	.blob4a {
		background-image: url(/assets/images/blobgreen-a.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 85px 67px;
		line-height: 20px;
	}

	.blob4b {
		background-image: url(/assets/images/bloborange-b.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 85px 67px;
		line-height: 20px;
	}

	.blob4c {
		background-image: url(/assets/images/blobblue-c.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 85px 67px;
		line-height: 20px;
	}

	.blob4d {
		background-image: url(/assets/images/blobyellow-d.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 85px 67px;
		line-height: 20px;
	}

	.sofa h1,
	.coaching h1,
	.workshops h1 {
		background-image: none;
		color: #fff;
		background-color: #0081da;
		display: inline-block;
		padding: 50px 25px 50px 25px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #f28128;
		border-left: 8px solid #f28128;
		font-size: 18px;
	}

	.sofa h1 span {
		font-size: 13px;
		letter-spacing: 1px;
		color: #fff;
	}

	.intro {
		padding: 0;
		color: #000;
		font-size: 16px;
		line-height: 26px;
		font-weight: 400;
		text-align: center;
		/* margin: 40px 0 0 0; */
	}

	.chart .inner h3 {
		background-image: url(/assets/images/blobblue.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		text-align: center;
		padding: 66px 63px 55px 80px;
		font-weight: 600;
		color: #fff;
		line-height: 19px;
	}

	.pt76 {
		padding-top: 31px;
	}

	.pt64 {
		padding-top: 22px;
	}

	.sofa h2 {
		font-size: 15px;
		line-height: 26px;
		color: #0081da;
		font-weight: 600;
		letter-spacing: 1px;
		text-align: center;
		margin: 0 0 20px 0;
		display: inline-block;
		border-radius: 0 20px;
		border-right: 4px solid #0081da;
		padding: 10px 20px;
		border-left: 4px solid #0081da;
	}

	.quota p {
		background: #fff;
		color: #000;
		padding: 0 0 0 60px;
		margin-bottom: 24px;
		background-image: url(/assets/images/quoteblue.svg);
		background-repeat: no-repeat;
		background-position: -2px -2px;
		background-size: 40px;
		font-size: 16px;
		text-align: left;
	}

	.coachem h2 {
		font-size: 18px;
		line-height: 30px;
		color: #0081da;
		font-weight: 600;
		letter-spacing: 1px;
		text-align: center;
		margin: 0 0;
	}

	.coachme h3 {
		text-align: center;
		line-height: 54px;
		font-size: 13px;
		font-weight: 600;
	}

	.gemeinwohl .coachme .span_11 {
		margin-bottom: 40px;
	}

	.gemeinwohl h1 {
		background-image: none;
		color: #fff;
		background-color: #0081da;
		display: inline-block;
		padding: 50px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #4ecdc4;
		border-left: 8px solid #4ecdc4;
		font-size: 18px;
	}

	.workshops h3 {
		font-weight: 600;
		font-size: 14px;
	}

	h4 {
		font-size: 18px;
		line-height: 22px;
		color: #000;
		font-weight: 600;
		letter-spacing: 0;
		margin-bottom: 10px;
	}

	.stopgo h1 {
		background-image: none;
		color: #fff;
		background-color: #4ecdc4;
		display: inline-block;
		padding: 50px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #f28128;
		border-left: 8px solid #f28128;
		font-size: 18px;
	}

	.learning h1 {
		background-image: none;
		color: #fff;
		background-color: #f28128;
		display: inline-block;
		padding: 50px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #4ecdc4;
		border-left: 8px solid #4ecdc4;
		font-size: 18px;
	}

	.ira h1 {
		background-image: none;
		color: #fff;
		background-color: #fec900;
		display: inline-block;
		padding: 50px 100px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #f28128;
		border-left: 8px solid #f28128;
		font-size: 18px;
	}

	.praxis h1 {
		background-image: none;
		color: #fff;
		background-color: #0081da;
		display: inline-block;
		padding: 50px 30px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #f28128;
		border-left: 8px solid #f28128;
		font-size: 16px;
	}

	.praxis h1 span {
		background-image: none;
		color: #fff;
		background-color: #0081da;
		display: inline-block;
		padding: 0;
		font-size: 14px;
	}

	p.first {
		min-height: 0;
		hyphens: auto;
		display: inline-block;
	}

	body.praxis p.orangenormal {
		color: #000;
		font-weight: 600;
		font-size: 16px;
		min-height: 0;
		margin-bottom: 0;
		line-height: 22px;
	}

	nav ul {
		list-style-type: none;
		margin: 10% auto 0 auto;
		padding: 0;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (auto) [1];
		grid-template-columns: repeat(1, auto);
		width: 80%;
	}

	nav ul li {
		margin-bottom: 40px;
	}

	.coachem {
		background-image: url(/assets/images/blobgrey2.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 0;
		padding: 110px 0px;
		text-align: center;
		margin-bottom: 40px;
	}

	.index .blob1 h3,
	.index .blob2 h3,
	.index .blob3 h3 {
		font-size: 11px;
		line-height: 28px;
		color: #000;
		font-weight: 400;
		letter-spacing: 0px;
		padding: 40px 0 40px 0;
		text-align: center;
	}

	.div100 {
		width: 100%;
		height: auto;
		text-align: center;
		display: block;
		margin-bottom: 20px;
		overflow: hidden;
	}

	.div33 {
		width: 100%;
		float: none;
		height: auto;
		text-align: center;
		margin-bottom: 20px;
	}

	a.mb10 {
		margin-bottom: 10px;
		display: block;
	}

	span.break {
		display: block;
	}
}

/*#####################################################################################################################*/

/*Smartphone Landscape*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {
		font-family: "Noto Sans", sans-serif;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: none;
		/* color: #193c48; */
		color: #000;
		font-size: 16px;
		line-height: 26px;
		/* background-color: rgba(64,72,115,0.25); */
		background: #fff;
	}

	.container.row {
		width: 98%;
		margin-left: 1%;
	}

	.logo img {
		width: 60% !important;
		margin-left: 20%;
	}

	.claim span {
		font-weight: 600;
		font-size: 13px;
		display: block;
		padding: 8px 0 0 0;
		color: #919397;
		text-align: center;
	}

	.meta .span_5 {
		margin-top: 10px !important;
	}

	ul.social li {
		display: inline;
		margin: 0 20px 0 0;
		padding: 0;
		font-size: 23px;
		float: right;
	}

	a.smallimg img {
		width: 22px;
		padding-top: 3px;
		float: left;
	}

	header .menu-btn {
		float: right;
		cursor: pointer;
		width: 34px;
	}

	/* h1 {
		font-size: 16px;
		font-weight: 600;
		line-height: 30px;
		margin: 0;
		padding: 123px 0 70px 72px;
		color: #fff;
		text-align: center;
		font-weight: 600;
	} */

	.innerquote {
		background-image: url(/assets/images/quoteyellow.svg);
		background-repeat: no-repeat;
		background-size: 25% 25%;
		background-position: -56px 40px;
		height: auto;
		padding: 0;
	}

	.blob1 br,
	.blob2 br,
	.blob3 br {
		display: none;
	}

	.full {
		width: 100%;
		height: auto;
		/* margin: 60px 0; */
		background: #f0f0f0;
		padding: 20px 0;
	}

	.span_0 {
		display: none !important;
	}

	.index .full .span_5 {
		margin-bottom: 20px;
	}

	h2 {
		font-size: 24px;
		line-height: 30px;
		color: #0081da;
		font-weight: 600;
		letter-spacing: 1px;
		text-align: center;
		margin: 0 0 0px 0;
	}

	.index h2 {
		margin: 0 0 20px 0;
	}

	h3 {
		font-size: 13px;
		line-height: 28px;
		color: #000;
		font-weight: 600;
		letter-spacing: 1px;
	}

	.intro.new {
		padding: 0;
		color: #000;
		font-size: 16px;
		line-height: 26px;
		font-weight: 400;
		text-align: left;
		/* margin: 80px 0 0 0; */
	}

	.leistungen {
		margin-bottom: 0px !important;
	}

	.index .innerquote h3 {
		line-height: 23px;
		min-height: 0;
		margin-bottom: 20px;
	}

	.blob4 {
		background-image: url(/assets/images/blobgrey1.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 400px;
		padding: 92px 184px;
	}

	.blob5 {
		background-image: url(/assets/images/blobgrey2.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 400px;
		padding: 92px 184px;
	}

	.blob6 {
		background-image: url(/assets/images/blobgrey3.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 400px;
		padding: 92px 184px;
	}

	footer {
		width: 100%;
		height: auto;
		background: #0081da;
		color: #fff;
		font-size: 11px;
		line-height: 20px;
		height: auto;
		padding: 10px 0;
		margin-top: 20px;
	}

	footer span {
		white-space: nowrap;
	}

	nav ul a {
		color: #000;
		font-weight: 600;
		font-size: 15px;
		font-family: "Cutive", serif;
		display: block;
		letter-spacing: 1px;
		margin-bottom: 10px;
		cursor: default;
	}

	.blob4a {
		background-image: url(/assets/images/blobgreen-a.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 85px 200px;
		line-height: 20px;
	}

	.blob4b {
		background-image: url(/assets/images/bloborange-b.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 85px 200px;
		line-height: 20px;
	}

	.blob4c {
		background-image: url(/assets/images/blobblue-c.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 85px 200px;
		line-height: 20px;
	}

	.blob4d {
		background-image: url(/assets/images/blobyellow-d.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 332px;
		padding: 85px 200px;
		line-height: 20px;
	}

	.sofa h1,
	.coaching h1,
	.workshops h1 {
		background-image: none;
		color: #fff;
		background-color: #0081da;
		display: inline-block;
		padding: 50px 25px 50px 25px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #f28128;
		border-left: 8px solid #f28128;
		font-size: 18px;
	}

	.sofa h1 span {
		font-size: 13px;
		letter-spacing: 1px;
		color: #fff;
	}

	.intro {
		padding: 0;
		color: #000;
		font-size: 16px;
		line-height: 26px;
		font-weight: 400;
		text-align: center;
		/* margin: 40px 0 0 0; */
	}

	.chart .inner h3 {
		background-image: url(/assets/images/blobblue.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		text-align: center;
		padding: 66px 63px 55px 80px;
		font-weight: 600;
		color: #fff;
		line-height: 19px;
	}

	.pt76 {
		padding-top: 31px;
	}

	.pt64 {
		padding-top: 22px;
	}

	.sofa h2 {
		font-size: 15px;
		line-height: 26px;
		color: #0081da;
		font-weight: 600;
		letter-spacing: 1px;
		text-align: center;
		margin: 0 0 20px 0;
		display: inline-block;
		border-radius: 0 20px;
		border-right: 4px solid #0081da;
		padding: 10px 20px;
		border-left: 4px solid #0081da;
	}

	.quota p {
		background: #fff;
		color: #000;
		padding: 0 0 0 60px;
		margin-bottom: 24px;
		background-image: url(/assets/images/quoteblue.svg);
		background-repeat: no-repeat;
		background-position: -2px -2px;
		background-size: 40px;
		font-size: 16px;
		text-align: left;
	}

	.coachem h2 {
		font-size: 18px;
		line-height: 30px;
		color: #0081da;
		font-weight: 600;
		letter-spacing: 1px;
		text-align: center;
		margin: 0 0;
	}

	.coachme h3 {
		text-align: center;
		line-height: 54px;
		font-size: 13px;
		font-weight: 600;
	}

	.gemeinwohl .coachme .span_11 {
		margin-bottom: 40px;
	}

	.gemeinwohl h1 {
		background-image: none;
		color: #fff;
		background-color: #0081da;
		display: inline-block;
		padding: 50px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #4ecdc4;
		border-left: 8px solid #4ecdc4;
		font-size: 18px;
	}

	.workshops h3 {
		font-weight: 600;
		font-size: 14px;
	}

	h4 {
		font-size: 18px;
		line-height: 22px;
		color: #000;
		font-weight: 600;
		letter-spacing: 0;
		margin-bottom: 10px;
	}

	.stopgo h1 {
		background-image: none;
		color: #fff;
		background-color: #4ecdc4;
		display: inline-block;
		padding: 50px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #f28128;
		border-left: 8px solid #f28128;
		font-size: 18px;
	}

	.learning h1 {
		background-image: none;
		color: #fff;
		background-color: #f28128;
		display: inline-block;
		padding: 50px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #4ecdc4;
		border-left: 8px solid #4ecdc4;
		font-size: 18px;
	}

	.ira h1 {
		background-image: none;
		color: #fff;
		background-color: #fec900;
		display: inline-block;
		padding: 50px 100px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #f28128;
		border-left: 8px solid #f28128;
		font-size: 18px;
	}

	.praxis h1 {
		background-image: none;
		color: #fff;
		background-color: #0081da;
		display: inline-block;
		padding: 50px 30px;
		border-radius: 0 40px 0 40px;
		border-right: 8px solid #f28128;
		border-left: 8px solid #f28128;
		font-size: 16px;
	}

	.praxis h1 span {
		background-image: none;
		color: #fff;
		background-color: #0081da;
		display: inline-block;
		padding: 0;
		font-size: 14px;
	}

	p.first {
		min-height: 0;
		hyphens: auto;
		display: inline-block;
	}

	body.praxis p.orangenormal {
		color: #000;
		font-weight: 600;
		font-size: 16px;
		min-height: 0;
		margin-bottom: 0;
		line-height: 22px;
	}

	nav ul {
		list-style-type: none;
		margin: 10% auto 0 auto;
		padding: 0;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (auto) [3];
		grid-template-columns: repeat(3, auto);
		width: 80%;
	}

	nav ul li {
		margin-bottom: 40px;
	}

	.coachem {
		background-image: url(/assets/images/blobgrey2.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		min-height: 0;
		padding: 110px 0px;
		text-align: center;
		margin-bottom: 40px;
	}

	.index .blob1 h3,
	.index .blob2 h3,
	.index .blob3 h3 {
		font-size: 14px;
		line-height: 28px;
		color: #000;
		font-weight: 400;
		letter-spacing: 0px;
		padding: 40px 0 40px 0;
		text-align: center;
	}

	span.break {
		display: block;
	}
}