:root {
	--impulsblau: #F86806;
	--impulshellblau: #FFE9DB;
	--impulsrot: #57BBB7;
	--impulsgrau: #E5E5E5;
	--br: 12px;
}

@font-face {
	 font-family: 'Galano Grotesque';
	 src: url('../fonts/GalanoGrotesque-Medium.woff2') format('woff2'), url('../fonts/GalanoGrotesque-Medium.woff') format('woff');
	 font-weight: 500;
	 font-style: normal;
}
 @font-face {
	 font-family: 'Galano Grotesque';
	 src: url('../fonts/GalanoGrotesque-Regular.woff2') format('woff2'), url('../fonts/GalanoGrotesque-Regular.woff') format('woff');
	 font-weight: normal;
	 font-style: normal;
}
 @font-face {
	 font-family: 'Galano Grotesque';
	 src: url('../fonts/GalanoGrotesque-Italic.woff2') format('woff2'), url('../fonts/GalanoGrotesque-Italic.woff') format('woff');
	 font-weight: normal;
	 font-style: italic;
}
 @font-face {
	 font-family: 'Galano Grotesque';
	 src: url('../fonts/GalanoGrotesque-SemiBold.woff2') format('woff2'), url('../fonts/GalanoGrotesque-SemiBold.woff') format('woff');
	 font-weight: 600;
	 font-style: normal;
}
 .floating {
	 font-family: 'Galano Grotesque';
	 font-weight: 500;
	 font-style: normal;
	 border: none;
	 background: var(--impulsrot);
	 color: white;
	 border-radius: 7px;
	 position: fixed;
	 bottom: -90px;
	 right: 30px;
	 text-align: center;
	 padding: 13px 33px 13px 33px;
	 z-index: 999;
	 -webkit-box-shadow: 0px 0px 20px 0px #c4c4c4;
	 -moz-box-shadow: 0px 0px 20px 0px #c4c4c4;
	 box-shadow: 0px 0px 20px 0px #c4c4c4;
	 cursor: pointer;
	 animation-name: floatingAnimation;
	 animation-duration: .35s;
	 animation-fill-mode: forwards;
	 animation-delay: 2s;
	 animation-timing-function: ease-out;
}
 .floating p {
	 margin-bottom: 0;
	 font-size: 18px;
}
 @keyframes floatingAnimation {
	 0% {
		 bottom: -90px;
	}
	 70% {
		 bottom: 40px;
	}
	 100% {
		 bottom: 30px;
	}
}
 @media only screen and (max-width: 767px) {
	 .floating {
		 padding: 10px 23px 10px;
		 right: 20px;
	}
	 .floating p {
		 margin-bottom: 0;
		 font-size: 16px;
	}
	 @keyframes floatingAnimation {
		 0% {
			 bottom: -90px;
		}
		 70% {
			 bottom: 30px;
		}
		 100% {
			 bottom: 20px;
		}
	}
}
 .buffer-top-small {
	 margin-top: 30px;
}
 .buffer-top {
	 margin-top: 100px;
}
 .buffer-top-big {
	 margin-top: 200px;
}
 .buffer-top-landing {
	 margin-top: 100px;
}

.margin-sm-top{
	margin-top: 15px;
}

.margin-md-top{
	margin-top: 30px;
}

.margin-lg-top{
	margin-top: 50px;
}

.margin-xl-top{
	margin-top: 75px;
}

.margin-max-top{
	margin-top: 125px;
}

.margin-sm-bottom{
	margin-bottom: 15px;
}

.margin-md-bottom{
	margin-bottom: 30px;
}

.margin-lg-bottom{
	margin-bottom: 50px;
}

.margin-xl-bottom{
	margin-bottom: 75px;
}

.margin-max-bottom{
	margin-bottom: 125px;
}

.break {
	display: block;
}

 @media only screen and (max-width: 991px) {
	 .buffer-top-big {
		 margin-top: 150px;
	}
	 .buffer-top {
		 margin-top: 60px;
	}
	
	.margin-sm-top{
		margin-top: 10px;
	}
	
	.margin-md-top{
		margin-top: 20px;
	}
	
	.margin-lg-top{
		margin-top: 35px;
	}
	
	.margin-xl-top{
		margin-top: 50px;
	}
	
	.margin-max-top{
		margin-top: 75px;
	}
	
	.margin-sm-bottom{
		margin-bottom: 10px;
	}
	
	.margin-md-bottom{
		margin-bottom: 20px;
	}
	
	.margin-lg-bottom{
		margin-bottom: 35px;
	}
	
	.margin-xl-bottom{
		margin-bottom: 50px;
	}
	
	.margin-max-bottom{
		margin-bottom: 75px;
	}
}
 @media only screen and (max-width: 767px) {
	 .buffer-top-small {
		 margin-top: 20px;
	}
	 .buffer-top-big {
		 margin-top: 100px;
	}
	 .buffer-top-landing {
		 margin-top: 0px;
	}
	 .break {
		 display: inline;
	}
}
 html, body {
	 -moz-osx-font-smoothing: grayscale;
	 -webkit-font-smoothing: antialiased;
	 text-rendering: optimizeLegibility !important;
	 color: black;
}
 body {
	 font-family: 'Galano Grotesque', Helvetica, Arial, sans-serif;
	 font-weight: normal;
	 font-style: normal;
}

.container-lg{
	max-width: 1800px;
}

 ::selection {
	 background: var(--impulsblau);
	 color: white;
}
 ::-moz-selection {
	 background: var(--impulsblau);
	 color: white;
}
 b {
	 font-family: 'Galano Grotesque';
	 font-weight: 600;
	 font-style: normal;
}
 h1 {
	font-family: 'Galano Grotesque';
	font-weight: 500;
	font-style: normal;
	font-size: 55px;
	line-height: 70px;
	margin-bottom: 30px;
}
 h2 {
	 font-family: 'Galano Grotesque';
	 font-style: normal;
	 font-size: 40px;
	 line-height: 55px;
}
 h3 {
	 line-height: 40px;
	 margin-top: 30px;
	 font-weight: 500;
}

h4 {
	 line-height: 40px;
	 margin-top: 35px;
	 font-weight: 600;
}
 p{
	 font-size: 21px;
	 line-height: 37px;
}
 .content ul, .content ul li,
 .content ol, .content ol li {
	 font-size: 21px;
	 line-height: 37px;
}
 .content ul {
	 padding-left: 10px;
	 margin-left: 12px;
}

.note{
	font-size: 18px;
	line-height: 31px;
	border-radius: 12px;
	font-family: 'Galano Grotesque';
	font-weight: 500;
	padding: 16px 24px;
	margin: 20px 0 30px;
}

.note-blue{
	color: var(--impulsblau);
	background: var(--impulshellblau);
}

.note-blue a{
	color: var(--impulsblau);
}

.note-green{
	color: #449275;
	background: #EFFFF1;
}

.note-green a{
	color: #449275;
}

 a {
	 color: black;
	 -webkit-transition-timing-function: ease-in-out-quad;
	 transition-timing-function: ease-in-out-quad;
	 -webkit-transition: all .3s;
	 transition: all .3s;
}
 a:hover {
	 text-decoration: none;
	 -webkit-transition-timing-function: ease-in-out-quad;
	 transition-timing-function: ease-in-out-quad;
	 -webkit-transition: all .3s;
	 transition: all .3s;
	 color: var(--impulsblau);
}

@media only screen and (max-width: 991px) {
 h1{
	font-size: 43px;
	line-height: 60px;
 }
}

 @media only screen and (max-width: 767px) {
	 h1{
		font-size: 35px;
		line-height: 45px;
	 }
	 
	 h2 {
		 font-size: 27px;
		 line-height: 40px;
	}
	 p {
		 font-size: 19px;
		 line-height: 35px;
	}
	 .home-ul ul, .home-ul li {
		 font-size: 19px;
		 line-height: 35px;
	}
}

.btn {
	color: white;
	font-size: 18px;
	border: none;
	border-radius: var(--br);
	font-weight: 500;
	padding: 14px 35px;
	-webkit-transition-timing-function: ease-in-out-quad;
	transition-timing-function: ease-in-out-quad;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative;
	margin-bottom: 20px;
	margin-right: 15px;
}

 .btn:focus, .btn:hover, .btn:active, .btn:active:focus, .btn:active:hover {
	 background-color: #48668c;
	 color: white;
}

 .btn::before {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 opacity: 0;
	 -webkit-animation-duration: 1s;
	 animation-duration: 1s;
	 border-radius: 18px;
}
 .btn:hover:before, .btn:focus:before, .btn:active:before {
	 -webkit-animation-name: hvr-ripple-out;
	 animation-name: hvr-ripple-out;
}
 @-webkit-keyframes hvr-ripple-out {
	 0% {
		 opacity: 0;
	}
	 30% {
		 opacity: .7;
	}
	 100% {
		 top: -12px;
		 right: -12px;
		 bottom: -12px;
		 left: -12px;
		 opacity: 0;
	}
}
 @keyframes hvr-ripple-out {
	 0% {
		 opacity: 0;
	}
	 30% {
		 opacity: .7;
	}
	 100% {
		 top: -12px;
		 right: -12px;
		 bottom: -12px;
		 left: -12px;
		 opacity: 0;
	}
}
 .btn-primary {
	 background: var(--impulsblau);
}
 .btn-primary::before {
	 border: #cae1fb solid 6px;
}
 .btn-secondary {
	 background: var(--impulsrot);
}
 .btn-secondary:focus, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:active:focus, .btn-secondary:active:hover {
	 background-color: #d3929d;
	 color: white;
}
 .btn-secondary::before {
	 border: #e7b2bb solid 6px;
}

.btn-app {
	 background: #3CBD8D;
}

.btn-app:hover{
	background: #24A094;
}

 .btn-success {
	 background-color: var(--impulsrot);
}
 .btn-success:focus, .btn-success:hover, .btn-success:active, .btn-success:active:focus, .btn-success:active:hover {
	 background-color: #CD5356;
	 color: white;
}
 .btn-success::before {
	 border: #e99b9d solid 6px;
}
 .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
	 background-color: #CD5356;
	 color: white;
}
 .btn:focus, .btn:active, .btn.active {
	 outline: none;
}

 @media only screen and (max-width: 767px) {
	 #scroll {
		 display: none;
	}
}
 .logo {
	 height: 60px;
}
 .navbar-expand-xl {
	 margin: 40px 40px 60px;
	 //background: var(--impulshellblau);
	 padding: 15px 30px;
	 border-radius: var(--br);
	
}

 .navbar-expand-xl .navbar-nav .nav-item {
	 padding-left: 25px;
}
 .navbar-expand-xl .navbar-nav .nav-link {
	 font-family: 'Galano Grotesque';
	 font-weight: 600;
	 font-style: normal;
	 text-transform: uppercase;
	 letter-spacing: .05em;
	 color: black;
	 position: relative;
	 overflow: hidden;
	 padding: 8px 16px;
	 border-radius: 8px;
}

.navbar-expand-xl .navbar-nav .nav-link:hover{
	background: var(--impulsblau);
	color: white;
	border-radius: 8px;
}

.navbar-expand-xl .navbar-nav .nav-item .active{
	background: var(--impulsblau);
	color: white;
	border-radius: 8px;
}

 @media only screen and (max-width: 1470px) {
	 .navbar-expand-xl {
		 margin: 40px;
	}
}
 @media only screen and (max-width: 1280px) {
	 .navbar-expand-xl {
		 margin: 40px;
	}
	 .navbar-expand-xl .navbar-brand {
		 margin-left: 20px;
	}
	 .navbar-expand-xl .nav-link {
		 font-size: 15px;
	}
	
	.navbar-expand-xl .navbar-nav .nav-item {
		 padding-left: 18px;
	}
}
 @media only screen and (max-width: 991px) {
	 .navbar-expand-xl .navbar-nav .nav-item {
		 padding-left: 0rem;
		 text-align: center;
	}
	 .navbar-expand-xl .nav-link {
		 font-size: 30px;
		 margin-top: 25px;
	}
}
 @media only screen and (max-width: 767px) {
	 .logo {
		 height: 100px;
	}
	 .navbar-expand-xl {
		 margin: 20px 5px;
	}
	 .navbar-expand-xl .navbar-brand {
		 margin-left: 0px;
	}
	 .navbar-expand-xl .nav-link {
		 font-size: 20px;
	}
}
 .navbar-toggler.collapsed .top-bar {
	 transform: rotate(0deg);
}
 .navbar-toggler.collapsed .middle-bar {
	 opacity: 1;
}
 .navbar-toggler.collapsed .bottom-bar {
	 -webkit-transform: translate(0px,0px);
	 transform: translate(0px,0px);
}
 .navbar-toggler {
	 margin-right: -15px;
	 margin-top: -3px;
	 color: black;
	 border: none;
}
 .navbar-toggler .icon-bar {
	 background-color: black;
	 display: block;
	 width: 25px;
	 height: 3px;
}
 .navbar-toggler .top-bar {
	 transform: rotate(45deg);
	 transform-origin: 11px 0px;
	 -webkit-transition-timing-function: ease-in-out-quad;
	 transition-timing-function: ease-in-out-quad;
	 -webkit-transition: all .3s;
	 transition: all .3s;
}
 .navbar-toggler .middle-bar {
	 opacity: 0;
	 -webkit-transition-timing-function: ease-in-out-quad;
	 transition-timing-function: ease-in-out-quad;
	 -webkit-transition: all .3s;
	 transition: all .3s;
}
 .navbar-toggler .bottom-bar {
	 transform: rotate(-45deg);
	 transform-origin: 3px 0px;
	 -webkit-transition-timing-function: ease-in-out-quad;
	 transition-timing-function: ease-in-out-quad;
	 -webkit-transition: all .3s;
	 transition: all .3s;
}
 .navbar-toggler .icon-bar + .icon-bar {
	 margin-top: 5px;
}
 #animation_container {
	 margin-left: -150px;
}
 .landingpage-text h1 {
	 width: 650px;
	 font-size: 55px;
	 line-height: 75px;
}
 .landingpage-text .underline {
	 box-shadow: inset 0 -5px 0 black;
}

 .illu-1 {
	 max-width: 350px;
	 padding: 0px 10px;
}
 .illu-2 {
	 max-width: 450px;
	 padding: 0px 10px;
}
 .illu-3 {
	 max-width: 450px;
	 padding: 0px 10px;
}

.leistungen .row .col-12{
	position: relative;
}

 .leistungen .blase-bg-rot-1 {
	 position: absolute;
	 z-index: -1;
	 left: 30px;
	 top: -60px;
}
 .leistungen .blase-bg-rot-2 {
	 position: absolute;
	 z-index: -1;
	 left: -80px;
	 top: 150px;
}
 @media only screen and (max-width: 991px) {
	 .leistungen .blase-bg-rot-2 {
		 top: -100px;
	}
	 .leistungen ul {
		 padding: 0;
		 margin: 0;
	}
}
 .leistungen ul {
	 list-style-type: none;
	 font-size: 20px;
}
 .leistungen ul li {
	 margin-bottom: 30px;
}
 @media only screen and (max-width: 1470px) {
	 .landingpage-text h1 {
		 font-size: 45px;
		 line-height: 65px;
	}
	 .landingpage-text .underline {
		 box-shadow: inset 0 -5px 0 black;
	}
}
 @media only screen and (max-width: 1280px) {
	 #animation_container {
		 margin-left: -200px;
	}
	 .landingpage-text h1 {
		 font-size: 43px;
		 line-height: 60px;
	}
}
 @media only screen and (max-width: 991px) {
	 #animation_container {
		 margin-left: -30px;
		 margin-bottom: 50px;
	}
	 .landingpage-text h1 {
		 position: relative;
		 width: 100%;
		 margin-left: 0px;
		 top: 0px;
		 font-size: 43px;
		 line-height: 60px;
	}
	 .illu-1, .illu-2, .illu-3 {
		 padding: 0px 30px;
		 margin-bottom: 30px;
	}
}
 @media only screen and (max-width: 767px) {
	 .landingpage-text h1 {
		 position: relative;
		 width: 100%;
		 margin-left: 0px;
		 top: 0px;
		 font-size: 30px;
		 line-height: 45px;
		 margin-bottom: 20px;
	}
	 .landingpage-text .underline {
		 box-shadow: inset 0 -3px 0 black;
	}
	 .illu-1, .illu-2, .illu-3 {
		 padding: 0px 50px;
		 margin-bottom: 20px;
		 max-width: 100%;
	}
	 .illu-1 {
		 padding: 0px 70px;
	}
}
 .header-text h1 {
	 font-size: 55px;
	 line-height: 70px;
}
 .header-text .underline {
	 box-shadow: inset 0 -5px 0 black;
}
 .foerderungen-hero {
	 max-height: 900px;
	 margin-left: -150px;
	 margin-bottom: 150px;
}
 .foerderungen-text h1 {
	 width: 650px;
	 margin-left: -320px;
	 top: 80px;
	 position: absolute;
	 font-size: 55px;
	 line-height: 75px;
}
 .foerderungen-text .underline {
	 box-shadow: inset 0 -5px 0 black;
}
 .businessplan-hero {
	 max-height: 900px;
	 margin-left: -250px;
	 margin-bottom: 50px;
}

 .businessplan-text h1 {
	 width: 650px;
	 margin-left: -420px;
	 top: 320px;
	 position: absolute;
	 font-size: 55px;
	 line-height: 75px;
}
 .businessplan-text .underline {
	 box-shadow: inset 0 -5px 0 black;
}
 @media only screen and (max-width: 1470px) {
	 .header-text h1 {
		 margin-top: 50px;
		 font-size: 45px;
		 line-height: 65px;
	}
	 .foerderungen-text h1 {
		 width: 500px;
		 margin-left: -320px;
		 top: 110px;
		 position: absolute;
		 font-size: 45px;
		 line-height: 65px;
	}
	 .businessplan-hero {
		 max-height: 900px;
		 margin-left: -150px;
		 margin-bottom: 50px;
	}
	 .businessplan-text h1 {
		 width: 650px;
		 margin-left: -420px;
		 top: 320px;
		 position: absolute;
		 font-size: 45px;
		 line-height: 65px;
	}
}
 @media only screen and (max-width: 1280px) {
	 .header-text h1 {
		 font-size: 43px;
		 line-height: 60px;
	}
	 .foerderungen-text h1 {
		 top: 50px;
		 width: 500px;
		 margin-left: -350px;
		 font-size: 43px;
		 line-height: 60px;
	}
	 .businessplan-text h1 {
		 width: 500px;
		 margin-left: -420px;
		 top: 350px;
		 position: absolute;
		 font-size: 43px;
		 line-height: 60px;
	}
}
 @media only screen and (max-width: 991px) {
	 .header-text h1 {
		 margin-top: 0px;
	}
	 .foerderungen-hero {
		 max-height: 900px;
		 margin-left: 0px;
		 margin-bottom: 50px;
		 padding: 0px 30px;
	}
	 .foerderungen-text h1 {
		 position: relative;
		 width: 100%;
		 margin-left: 0px;
		 top: 0px;
		 margin-bottom: 50px;
	}
	 .businessplan-hero {
		 max-height: 400px;
		 margin-left: 0px;
		 margin-bottom: 50px;
		 padding: 0px 30px;
	}
	 .businessplan-text h1 {
		 position: relative;
		 width: 100%;
		 margin-left: 0px;
		 top: 0px;
		 margin-bottom: 50px;
	}
}
 @media only screen and (max-width: 767px) {
	 .header-text h1 {
		 font-size: 30px;
		 line-height: 45px;
		 margin-bottom: 0px;
	}
	 .header-text .underline {
		 box-shadow: inset 0 -3px 0 black;
	}
	 .foerderungen-text h1 {
		 position: relative;
		 width: 100%;
		 margin-left: 0px;
		 top: 0px;
		 font-size: 30px;
		 line-height: 45px;
		 margin-bottom: 20px;
	}
	 .foerderungen-text .underline {
		 box-shadow: inset 0 -3px 0 black;
	}
	 .businessplan-hero {
		 max-height: 500px;
		 margin-left: 0px;
		 margin-bottom: 50px;
		 padding: 0px 30px;
	}
	 .businessplan-text h1 {
		 position: relative;
		 width: 100%;
		 margin-left: 0px;
		 top: 0px;
		 font-size: 30px;
		 line-height: 45px;
		 margin-bottom: 20px;
	}
	 .businessplan-text .underline {
		 box-shadow: inset 0 -3px 0 black;
	}
}

 .foerderungen-themen .blase-bg-rot-1 {
	 position: absolute;
	 z-index: -1;
	 left: 30px;
	 top: 0px;
}
 .foerderungen-themen .blase-bg-rot-2 {
	 position: absolute;
	 z-index: -1;
	 left: -70px;
	 top: 80px;
}
 @media only screen and (max-width: 991px) {
	 .foerderungen-themen .blase-bg-rot-2 {
		 top: -100px;
	}
}
 .foerderungen-themen ul {
	 list-style-type: none;
	 font-size: 20px;
	 line-height: 53px;
}
 @media only screen and (max-width: 991px) {
	 .team .buffer-top {
		 margin-top: 0px;
	}
	 .team .img-fluid {
		 margin-top: 50px;
	}
}
 .contact .flieger {
	 max-width: 400px;
	 margin-bottom: 50px;
}
 .contact p {
	 font-size: 40px;
}
 @media only screen and (max-width: 768px) {
	 .contact .flieger {
		 padding: 0px 40px;
		 max-width: 100%;
		 margin-bottom: 20px;
	}
	 .contact p {
		 font-size: 6vw;
	}
}

.blog .card{
	background: var(--card-bg);
	color: var(--main-text-color);
}

.blog .card-row a{
	text-decoration: none;
	color: var(--main-text-color);
}

.blog .card{
	border-radius: 12px;
	border: none;
	margin-bottom: 40px;
	-webkit-box-shadow: 15px 16px 28px 0 rgb(0 0 0 / 11%);
	box-shadow: 15px 16px 28px 0 rgb(0 0 0 / 11%);
	-webkit-transition: all .2s;
	transition: all .2s;
}

.blog .card:hover{
	transform: translateY(-10px);
	-webkit-transition: all .2s;
	transition: all .2s;
}

.blog .card-header{
	font-variant: small-caps;
	font-size: 15px;
	letter-spacing: .05em;
	border: none;
	background: none;
	padding: 24px 24px 20px;
	border: none;
}

.blog .badge-bg{
	background: var(--impulsblau);
	text-transform: uppercase;
	padding: .55em 0.65em;
	margin-right: 6px;
}

.blog .card-body{	
	padding: 0 24px 8px;
}

.blog .card-body-no-tag
{
	margin-top: 20px;
}

.blog .card-body .card-title{
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 16px;
}

.blog .card-footer{
	border: none;
	background: none;
	padding: 5px 24px 20px;
}

.blog .card-footer .card-date{
	font-variant: small-caps;
	font-size: 15px;
	letter-spacing: .05em;
	margin-bottom: 0;
}

.blog .author-img{
	border-radius: 100px;
	width: 40px;
	height: 40px;
	float: left;
}

.blog .card-body .card-author{
	font-variant: small-caps;
	font-weight: 600;
	padding-top: 3px;
	font-size: 11px;
	text-align: center;
	margin-bottom: 0;
	width: 24px;
	height: 24px;
	border-radius: 100px;
	background: rgb(204, 225, 224);
}

.blog .card .card-img-top{
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.blog .card-body .container-fluid{
	padding: 0;
}

.blog .card-text{
	line-height: 26px;
	font-size: 18px;
}

.blog .card-body .container-fluid .col-1{
	margin-right: 14px;
}

footer {
	 height: 535px;
	 position: relative;
	 margin-top: 100px;
}
 footer .container {
	 max-width: 1500px;
}
 footer .contact {
	 background-color: var(--impulsblau);
	 min-height: 215px;
	 border-top-left-radius: var(--br);
	 border-top-right-radius: var(--br);
}
 footer .contact .questions-container {
	 -ms-flex-item-align: center;
	 align-self: center;
}
 footer .contact .questions {
	 font-size: 40px;
	 font-family: 'Galano Grotesque';
	 font-weight: 600;
	 font-style: normal;
	 color: white;
}
 footer .contact .number-container {
	 -ms-flex-item-align: center;
	 align-self: center;
}
 footer .contact .number {
	 font-size: 25px;
	 color: white;
}
 footer .contact .number a {
	 color: white;
	 box-shadow: inset 0 -2px 0 white;
	 -webkit-transition-timing-function: ease-in-out-quad;
	 transition-timing-function: ease-in-out-quad;
	 -webkit-transition: all .3s;
	 transition: all .3s;
	 text-decoration: none;
}
 footer .contact .number a:hover {
	 text-decoration: none;
	 box-shadow: inset 0 -5px 0 white;
	 -webkit-transition-timing-function: ease-in-out-quad;
	 transition-timing-function: ease-in-out-quad;
	 -webkit-transition: all .3s;
	 transition: all .3s;
}
 footer .contact .btn {
	 margin-left: 30px;
	 margin-top: -6px;
	 -webkit-transition-timing-function: ease-in-out-quad;
	 transition-timing-function: ease-in-out-quad;
	 -webkit-transition: all .3s;
	 transition: all .3s;
}
 footer .contact .btn:focus, footer .contact .btn:hover, footer .contact .btn:active, footer .contact .btn:active:focus, footer .contact .btn:active:hover {
	 background-color: #333333;
	 color: white;
}
 footer .contact .btn-primary {
	 background: var(--impulshellblau);
	 color: black;
	 border-radius: var(--br);
	 font-weight: 500;
}
 footer .contact .btn-primary::before {
	 border: none;
}
 @media only screen and (max-width: 767px) {
	 footer .contact .questions-container {
		 -ms-flex-item-align: end !important;
		 align-self: flex-end !important;
	}
	 footer .contact .questions {
		 font-size: 35px;
	}
	 footer .contact .number-container {
		 -ms-flex-item-align: flex-start !important;
		 align-self: flex-start !important;
	}
	 footer .contact .btn {
		 display: none;
	}
}
 footer .sites {
	 background-color: var(--impulshellblau);
	 min-height: 215px;
	 border-bottom-left-radius: var(--br);
	 border-bottom-right-radius: var(--br);
}
 footer .sites .titel {
	 font-family: 'Galano Grotesque';
	 font-weight: 600;
	 font-style: normal;
	 font-size: 18px;
	 letter-spacing: 0.03em;
	 text-transform: uppercase;
	 display: inline;
	 margin-left: 25px;
}
 @media only screen and (max-width: 991px) {
	 footer .sites .titel-container {
		 margin: 70px 0px;
	}
	 footer .sites .sites-container {
		 margin: 0px 0px 70px 0px;
		 text-align: center;
	}
}
 @media only screen and (max-width: 767px) {
	 footer .sites .titel {
		 display: block;
		 margin-top: 20px;
		 margin-left: 0px;
	}
}
 footer .sites .sites-container p {
	 font-size: 18px;
	 line-height: 28px;
}
 footer .sites .sites-container p a {
	 color: black;
	 box-shadow: inset 0 -2px 0 black;
	 -webkit-transition: all .3s;
	 transition: all .3s;
}
 footer .sites .sites-container p a:hover {
	 text-decoration: none;
	 box-shadow: inset 0 -4px 0 black;
	 -webkit-transition: all .3s;
	 transition: all .3s;
}
 footer .menu ul {
	 margin: 0 0;
	 padding: 0 0;
	 list-style-type: none;
	 text-align: center;
	 padding: 20px 0px;
}
 footer .menu ul li {
	 display: inline-block;
	 font-family: 'Galano Grotesque';
	 font-weight: 600;
	 font-style: normal;
	 text-transform: uppercase;
	 letter-spacing: .05em;
	 color: black;
	 padding: 20px 40px;
}
 @media only screen and (max-width: 767px) {
	 footer .menu ul {
		 padding: 30px 0px;
	}
}

/*##########################*/
/*    Kundenlogos         */
/*##########################*/

.logo-container .col-lg-2{
	margin-bottom: 25px;
	text-align: center;
}

.logo-container .col-lg-2 .kundenlogo{
	padding: 10px;
	border-radius: 12px;
	box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 20%);
	-webkit-transition: all .2s;
	transition: all .2s;
}

.logo-container .col-lg-2 .kundenlogo:hover{
	transform: translateY(-10px);
	-webkit-transition: all .2s;
	transition: all .2s;
}

.logo-container .col-lg-2 .img-fluid{
	max-width: 150px;
	width: 100%;
}

@media only screen and (max-width: 991px) {
	.logo-container .col-lg-2 .img-fluid{
		max-width: 100%;
	}
}

/*##########################*/
/*    3 Steps         */
/*##########################*/

.steps-top{
	border-top: 7px solid;
	border-top-left-radius: var(--br);
	border-top-right-radius: var(--br);
	border-bottom: 1px solid
}

.steps-top .col-lg-4{
	padding: 25px 35px 10px;
}

.steps-top .col-lg-4 h2{
	font-weight: bold;
	margin-bottom: 0;
	font-size: 45px;
}

.steps-top .col-lg-4 h3{
	font-weight: bold;
	font-size: 22px;
	margin: 0 0 5px;
}

.steps-top .col-lg-4 p,
.steps-bottom .steps-bottom-content p{
	font-size: 20px;
	line-height: 35px;
}

.steps-top-foerderungen{
	border-color: #CED3EB;
	border-top-color: var(--impulsblau);
	background: var(--impulshellblau);
}

.steps-top-foerderungen .col-lg-4:not(:last-child) {
	border-right: 1px solid #CED3EB;
}

.steps-top-app-foerderungen{
	border-color: #C5EB9D;
	border-top-color: #3CBD8D;
	background: #EFFFF1;
}

.steps-top-app-foerderungen .col-lg-4:not(:last-child) {
	border-right: 1px solid #C5EB9D;
}

.steps-top-businessplan{
	border-color: #FBDDEA;
	border-top-color: var(--impulsrot);
	background: #FEF3F8;
}

.steps-top-businessplan .col-lg-4:not(:last-child) {
	border-right: 1px solid #FBDDEA;
}

.steps-bottom{
	border-bottom-left-radius: var(--br);
	border-bottom-right-radius: var(--br);
}

.steps-bottom-foerderungen{
	border-color: var(--impulsblau);
	background: var(--impulshellblau);
}

.steps-bottom-businessplan{
	border-color: var(--impulsrot);
	background: #FEF3F8;
}

.steps-bottom .steps-bottom-content{
	padding: 35px 45px;
}

.steps-bottom .steps-bottom-content h3{
	font-weight: bold;
	font-size: 26px;
	margin: 10px 0 5px;
}

.steps-image{
	padding: 30px;
}

.steps-bottom .buttonuntertext{
	padding: 0;
	margin: 0;
	font-size: 16px;
	text-align: center;
}

.steps-bottom .steps-bottom-button{
	padding: 35px 30px;
}

.steps-bottom .btn{
	margin: 0;
	margin-bottom: 3px;
	padding: 14px 25px;
}

@media only screen and (max-width: 991px) {
	.steps-top-foerderungen .col-lg-4:not(:last-child),
	.steps-top-businessplan .col-lg-4:not(:last-child),
	.steps-top-app-foerderungen .col-lg-4:not(:last-child) {
		border: none;
	}
	
	.steps-image{
		padding-bottom: 0;
		margin-bottom: -50px;
		max-width: 250px;
	}
	
	.steps-top .col-lg-4 p,
	.steps-bottom .steps-bottom-content p{
		font-size: 18px;
		line-height: 28px;
	}
	
	.steps-top .col-lg-4{
		padding: 25px 25px 10px;
	}
	
	.steps-bottom .steps-bottom-content{
		padding: 35px 25px 0;
	}
}
 
/*##########################*/
/*    Blogbeitrag         */
/*##########################*/

#blogbeitrag{
	padding: 0;
}

#blogbeitrag .nav-search .input-group-text, 
#blogbeitrag .nav-search .form-control{
	background: white;
}

#blogbeitrag .margin-sm-top{
	margin-top: 15px;
}

#blogbeitrag .margin-md-top{
	margin-top: 30px;
}

#blogbeitrag .margin-lg-top{
	margin-top: 50px;
}

#blogbeitrag .margin-xl-top{
	margin-top: 75px;
}

#blogbeitrag .margin-max-top{
	margin-top: 100px;
}

#blogbeitrag .margin-sm-bottom{
	margin-bottom: 15px;
}

#blogbeitrag .margin-md-bottom{
	margin-bottom: 30px;
}

#blogbeitrag .margin-lg-bottom{
	margin-bottom: 50px;
}

#blogbeitrag .margin-xl-bottom{
	margin-bottom: 75px;
}

#blogbeitrag .margin-max-bottom{
	margin-bottom: 100px;
}

#blogbeitrag .articlehead-container{
	max-width: 900px;
}

#blogbeitrag .articlehead-data{
	padding: 100px 70px 50px 0;
}

#blogbeitrag .headingintro{
	max-width: 1500px;
	margin: 125px auto 75px;
	padding-left: 25px;
}

#blogbeitrag .btn-back{
	margin-bottom: 25px;
	border-radius: 7px;
	padding: 5px 15px 5px 10px;
	-webkit-transition: all .3s;
	transition: all .3s;
	background: var(--white);
	color: var(--main-text-color);
}

#blogbeitrag .btn-back:hover{
	transform: translateX(-15px);
	-webkit-transition: all .3s;
	transition: all .3s;
}

#blogbeitrag .tags{
	margin: 20px 0 5px;
}

#blogbeitrag .tag-bg-article{
	background: var(--impulsblau);
	margin-right: 6px;
}

#blogbeitrag .author-row .author-data{
	padding-top: 9px;
}

#blogbeitrag .author-row .author-data p{
	margin: 0;
	font-size: 15px;
	line-height: 18px;
}

#blogbeitrag .author-row .author-data .date{
	font-size: 15px;
	position: relative;
}

#blogbeitrag .content a{
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

#blogbeitrag img{
	max-width: 100%;
	//height: auto;
}

#blogbeitrag .img-style{
	border-radius: 12px;
	border: 1px solid rgb(200, 200, 200);
}

#blogbeitrag .article-img-top{
	border-radius: 12px;
	border: none;
}

#blogbeitrag figure{
	margin: 0;
}

#blogbeitrag figcaption{
	font-size: 18px;
	font-style: italic;
	line-height: 33px;
	margin-top: 5px;
}

#blogbeitrag h1{
	margin: 20px 0 20px;
	font-size: 50px;
	line-height: 65px;
	font-weight: 500;
}

#blogbeitrag h2{
	font-size: 37px;
	line-height: 55px;
	font-weight: 500;
	margin-bottom: 30px;
}

#blogbeitrag h3{
	margin: 40px 0 6px;
	font-size: 30px;
	line-height: 42px;
	font-weight: 600;
}

#blogbeitrag .zusammenfassung{
	margin-bottom: 10px;
}

#blogbeitrag .zusammenfassung-text{
	font-size: 20px;
	letter-spacing: .05em;
	font-variant: small-caps;
	color: var(--main-text-color);
	border-radius: 7px;
	text-transform: lowercase;
	font-weight: 500;
}

#blogbeitrag .intro{	
	margin: 0 0 30px;
}

#blogbeitrag .intro hr{	
	margin: 35px 0 0;
}

#blogbeitrag .intro p{
	font-size: 34px;
	line-height: 52px;
	font-weight: 500;
}

#blogbeitrag p{
	font-size: 23px;
	line-height: 39px;
	margin-bottom: 22px;
}

#blogbeitrag .content a{
	color: var(--main-text-color);
}

#blogbeitrag .content a:hover{
	outline: 3px dotted var(--main-text-color);
	background: var(--main-highlight-bg-color);
}

#blogbeitrag .blockquote-container{
	padding: 20px 20px 15px 30px;
	position: relative;
	margin: 30px 0 35px;
}

#blogbeitrag .blockquote-container::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 8px;
	height: 100%;
	border-radius: 10px;
	background-color: var(--impulsblau);
}

#blogbeitrag .blockquote{
	margin-bottom: 10px;
}

#blogbeitrag .blockquote p{
	font-style: italic;
	font-size: 35px;
	line-height: 48px;
	letter-spacing: .01em;
	margin-bottom: 0;
}

#blogbeitrag .blockquote-footer{
	margin-top: 0px;
	font-variant: small-caps;
	font-size: 16px;
	margin-bottom: 7px;
	text-transform: lowercase;
}

#blogbeitrag ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}
#blogbeitrag ol li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}

#blogbeitrag ul p,
#blogbeitrag ol p{
	margin-bottom: 12px;
}

#blogbeitrag ol li::before {
  content: counter(my-awesome-counter) ". ";
  font-size: 23px;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 3px;
  text-align: center;
}

#blogbeitrag .note{
	border-radius: 12px;
	margin-bottom: 20px;
	padding: 20px 25px;
}

#blogbeitrag .note p{
	margin-bottom: 0;
	font-size: 17px;
	line-height: 27px;
	color: var(--main-text-color);
}

#blogbeitrag .note-red{
	background-color: rgb(243, 224, 236);
	color: var(--main-text-color);
}


#blogbeitrag .note-yellow{
	background-color: var(--note-yellow);
	color: var(--main-text-color);
}

#blogbeitrag .note-blue{
	background-color: #cfe2ff;
	color: var(--main-text-color);
}

#blogbeitrag .note-green{
	background-color: #d1e7dd;
	color: var(--main-text-color);
}

#blogbeitrag .dodont{
	width: 100%;
	height: 12px;
	border-radius: 3px;
}

#blogbeitrag .dodonttext{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
	line-height: 23px;
	margin-top: 6px;
}

#blogbeitrag .dodontoptionaltext{
	font-size: 16px;
	color: #616161;
	line-height: 23px;
}

#blogbeitrag #do{
	background: #97C357;
}

#blogbeitrag #dont{
	background: #D03136;
}

#blogbeitrag #caution{
	background: #E79E1E;
}

#blogbeitrag #dotext{
	color: #97C357;
}

#blogbeitrag #donttext{
	color: #D03136;
}

#blogbeitrag #cautiontext{
	color: #E79E1E;
}

#blogbeitrag .articlefooter{
	margin: 100px auto 100px;
}

#blogbeitrag .articlefooter hr{
	margin-bottom: 75px;
}

#blogbeitrag .articlefooter .author-img{
	border-radius: 100px;
	width: 100%;
	max-width: 65px;
	height: 100%;
	max-height: 65px;
}

#blogbeitrag .articlefooter .author-data p{
	margin: 0;
	font-size: 15px;
	line-height: 22px;
	color: rgb(117, 117, 117);
}

#blogbeitrag .related{
	max-width: 1400px;
	padding-top: 40px;
	padding-bottom: 80px;
	margin-top: 50px;
}

#blogbeitrag .related .upnext{
	font-size: 20px;
	letter-spacing: .05em;
	font-variant: small-caps;
	color: var(--main-text-color);
	border-radius: 7px;
	text-transform: lowercase;
	font-weight: 500;
	margin-bottom: 30px;
	padding-left: 10px;
}

#blogbeitrag .related .card{
	background: var(--card-bg);
	color: var(--main-text-color);
}

#blogbeitrag .related .card-row a{
	text-decoration: none;
	color: var(--main-text-color);
}

#blogbeitrag .related .card{
	border-radius: 12px;
	border: none;
	margin-bottom: 40px;
	-webkit-box-shadow: 15px 16px 28px 0 rgb(0 0 0 / 11%);
	box-shadow: 15px 16px 28px 0 rgb(0 0 0 / 11%);
	-webkit-transition: all .2s;
	transition: all .2s;
}

#blogbeitrag .related .card p{
	font-size: 16px;
	line-height: 26px;
}

#blogbeitrag .related .card p:last-child{
	margin-bottom: 0;
}

#blogbeitrag .related .card:hover{
	transform: translateY(-10px);
	-webkit-transition: all .2s;
	transition: all .2s;
}

#blogbeitrag .related .card-header{
	font-size: 15px;
	letter-spacing: .05em;
	border: none;
	background: none;
	padding: 15px 24px 10px;
}

#blogbeitrag .related .card-body{
	padding: 0 24px 8px;
}

#blogbeitrag .related .card-body .card-title{
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
}

#blogbeitrag .related .card-footer{
	border: none;
	background: none;
	padding: 10px 24px 20px;
}

#blogbeitrag .related .card-footer .card-date{
	font-variant: small-caps;
	font-size: 15px;
	letter-spacing: .05em;
	margin-bottom: 0;
}

#blogbeitrag .related .author-img{
	border-radius: 100px;
	width: 40px;
	height: 40px;
	float: left;
}

#blogbeitrag .related .badge-bg{
	background-color: var(--impulsblau);
}

#blogbeitrag .related .card-footer .card-author{
	font-variant: small-caps;
	font-weight: 600;
	padding-top: 3px;
	font-size: 11px;
	text-align: center;
	margin-bottom: 0;
	width: 24px;
	height: 24px;
	border-radius: 100px;
	background: rgb(204, 225, 224);
}

#blogbeitrag .related .card .card-img-top{
	border-radius: 0;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border: none;
}

#blogbeitrag .related .card-body .container-fluid{
	padding: 0;
}

#blogbeitrag .related .card-text{
	line-height: 26px;
}

#blogbeitrag .related .card-body .container-fluid .col-1{
	margin-right: 14px;
}


@media only screen and (max-width: 1300px) {
	#blogbeitrag .headingintro{
		margin: 25px auto 75px;
	}
}

@media only screen and (max-width: 991px) {
	
	#blogbeitrag .margin-sm-top{
		margin-top: 10px;
	}
	
	#blogbeitrag .margin-md-top{
		margin-top: 15px;
	}
	
	#blogbeitrag .margin-lg-top{
		margin-top: 25px;
	}
	
	#blogbeitrag .margin-xl-top{
		margin-top: 35px;
	}
	
	#blogbeitrag .margin-max-top{
		margin-top: 40px;
	}
	
	#blogbeitrag .margin-sm-bottom{
		margin-bottom: 10px;
	}
	
	#blogbeitrag .margin-md-bottom{
		margin-bottom: 15px;
	}
	
	#blogbeitrag .margin-lg-bottom{
		margin-bottom: 25px;
	}
	
	#blogbeitrag .margin-xl-bottom{
		margin-bottom: 35px;
	}
	
	#blogbeitrag .margin-max-bottom{
		margin-bottom: 40px;
	}
	
	#blogbeitrag .articlehead-data{
		padding: 30px 20px 30px 20px;
	}
	
	#blogbeitrag .headingintro{
		margin: 20px auto 25px;
		padding: 0 20px;
	}
	
	#blogbeitrag .article-img-top{
		transform: translateY(0px);
	}
	
	#blogbeitrag .author-row{
		margin: 30px 0 25px;
	}
	
	#blogbeitrag img{
		margin-bottom: 20px;
	}
	
	#blogbeitrag h1{
		margin: 10px 0 15px;
		font-size: 30px;
		line-height: 40px;
	}
	
	#blogbeitrag h2{
		margin: 25px 0 15px;
		font-size: 28px;
		line-height: 42px;
	}
	
	#blogbeitrag h3{
		margin: 25px 0 15px;
		font-size: 24px;
		line-height: 36px;
		font-weight: 600;
	}
	
	#blogbeitrag .intro{
		margin: 15px 0 0;
	}
	
	#blogbeitrag .intro p{
		font-size: 22px;
		line-height: 35px;
	}
	
	#blogbeitrag p{
		font-size: 19px;
		line-height: 31px;
	}
	
	#blogbeitrag ol li::before {
	  font-size: 19px;
	  font-weight: bold;
	  position: absolute;
	  --size: 30px;
	  left: calc(-1 * var(--size) - 10px);
	  line-height: var(--size);
	  width: var(--size);
	  height: var(--size);
	  top: 0;
	}
}

/*##########################*/
/*    Erfolgsstory         */
/*##########################*/

#erfolgsstory{
	padding: 0;
}

#erfolgsstory .nav-search .input-group-text, 
#erfolgsstory .nav-search .form-control{
	background: white;
}

#erfolgsstory .margin-sm-top{
	margin-top: 15px;
}

#erfolgsstory .margin-md-top{
	margin-top: 30px;
}

#erfolgsstory .margin-lg-top{
	margin-top: 50px;
}

#erfolgsstory .margin-xl-top{
	margin-top: 75px;
}

#erfolgsstory .margin-max-top{
	margin-top: 100px;
}

#erfolgsstory .margin-sm-bottom{
	margin-bottom: 15px;
}

#erfolgsstory .margin-md-bottom{
	margin-bottom: 30px;
}

#erfolgsstory .margin-lg-bottom{
	margin-bottom: 50px;
}

#erfolgsstory .margin-xl-bottom{
	margin-bottom: 75px;
}

#erfolgsstory .margin-max-bottom{
	margin-bottom: 100px;
}

#erfolgsstory .articlehead-container{
	max-width: 900px;
}

#erfolgsstory .articlehead-data{
	padding: 100px 70px 50px 0;
}

#erfolgsstory .headingintro{
	max-width: 1500px;
	margin: 125px auto 75px;
	padding-left: 25px;
}

#erfolgsstory .btn-back{
	margin-bottom: 25px;
	border-radius: 7px;
	padding: 5px 15px 5px 10px;
	-webkit-transition: all .3s;
	transition: all .3s;
	background: var(--white);
	color: var(--main-text-color);
}

#erfolgsstory .btn-back:hover{
	transform: translateX(-15px);
	-webkit-transition: all .3s;
	transition: all .3s;
}

#erfolgsstory .tags{
	margin: 20px 0 5px;
}

#erfolgsstory .tag-bg-article{
	background: var(--impulsblau);
}

#erfolgsstory .author-row .author-data{
	padding-top: 9px;
}

#erfolgsstory .author-row .author-data p{
	margin: 0;
	font-size: 15px;
	line-height: 18px;
}

#erfolgsstory .author-row .author-data .date{
	font-size: 15px;
	position: relative;
}

#erfolgsstory .content a{
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

#erfolgsstory img{
	max-width: 100%;
	//height: auto;
}

#erfolgsstory .img-style{
	border-radius: 12px;
	border: 1px solid rgb(200, 200, 200);
}

#erfolgsstory .article-img-top{
	border-radius: 12px;
	border: none;
}

#erfolgsstory figure{
	margin: 0;
}

#erfolgsstory figcaption{
	font-size: 18px;
	font-style: italic;
	line-height: 33px;
	margin-top: 5px;
}

#erfolgsstory h1{
	margin: 20px 0 20px;
	font-size: 50px;
	line-height: 65px;
	font-weight: 500;
}

#erfolgsstory h2{
	font-size: 37px;
	line-height: 55px;
	font-weight: 500;
	margin-bottom: 30px;
}

#erfolgsstory h3{
	margin: 40px 0 6px;
	font-size: 30px;
	line-height: 42px;
	font-weight: 600;
}

#erfolgsstory .zusammenfassung{
	margin-bottom: 10px;
}

#erfolgsstory .zusammenfassung-text{
	font-size: 20px;
	letter-spacing: .05em;
	font-variant: small-caps;
	color: var(--main-text-color);
	border-radius: 7px;
	text-transform: lowercase;
	font-weight: 500;
}

#erfolgsstory .intro{	
	margin: 0 0 30px;
}

#erfolgsstory .intro hr{	
	margin: 35px 0 0;
}

#erfolgsstory .intro p{
	font-size: 34px;
	line-height: 52px;
	font-weight: 500;
}

#erfolgsstory p{
	font-size: 23px;
	line-height: 39px;
	margin-bottom: 22px;
}

#erfolgsstory .content a{
	color: var(--main-text-color);
}

#erfolgsstory .content a:hover{
	outline: 3px dotted var(--main-text-color);
	background: var(--main-highlight-bg-color);
}

#erfolgsstory .blockquote-container{
	padding: 20px 20px 15px 30px;
	position: relative;
	margin: 30px 0 35px;
}

#erfolgsstory .blockquote-container::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 8px;
	height: 100%;
	border-radius: 10px;
	background-color: var(--impulsblau);
}

#erfolgsstory .blockquote{
	margin-bottom: 10px;
}

#erfolgsstory .blockquote p{
	font-style: italic;
	font-size: 35px;
	line-height: 48px;
	letter-spacing: .01em;
	margin-bottom: 0;
}

#erfolgsstory .blockquote-footer{
	margin-top: 0px;
	font-variant: small-caps;
	font-size: 16px;
	margin-bottom: 7px;
	text-transform: lowercase;
}

#erfolgsstory ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}
#erfolgsstory ol li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}

#erfolgsstory ol li::before {
  content: counter(my-awesome-counter) ". ";
  font-size: 23px;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 3px;
  text-align: center;
}

#erfolgsstory .note{
	border-radius: 12px;
	margin-bottom: 20px;
	padding: 20px 25px;
}

#erfolgsstory .note p{
	margin-bottom: 0;
	font-size: 17px;
	line-height: 27px;
	color: var(--main-text-color);
}

#erfolgsstory .note-red{
	background-color: rgb(243, 224, 236);
	color: var(--main-text-color);
}


#erfolgsstory .note-yellow{
	background-color: var(--note-yellow);
	color: var(--main-text-color);
}

#erfolgsstory .note-blue{
	background-color: #cfe2ff;
	color: var(--main-text-color);
}

#erfolgsstory .note-green{
	background-color: #d1e7dd;
	color: var(--main-text-color);
}

#erfolgsstory .dodont{
	width: 100%;
	height: 12px;
	border-radius: 3px;
}

#erfolgsstory .dodonttext{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
	line-height: 23px;
	margin-top: 6px;
}

#erfolgsstory .dodontoptionaltext{
	font-size: 16px;
	color: #616161;
	line-height: 23px;
}

#erfolgsstory #do{
	background: #97C357;
}

#erfolgsstory #dont{
	background: #D03136;
}

#erfolgsstory #caution{
	background: #E79E1E;
}

#erfolgsstory #dotext{
	color: #97C357;
}

#erfolgsstory #donttext{
	color: #D03136;
}

#erfolgsstory #cautiontext{
	color: #E79E1E;
}

#erfolgsstory .articlefooter{
	margin: 100px auto 100px;
}

#erfolgsstory .articlefooter hr{
	margin-bottom: 75px;
}

#erfolgsstory .articlefooter .author-img{
	border-radius: 100px;
	width: 100%;
	max-width: 65px;
	height: 100%;
	max-height: 65px;
}

#erfolgsstory .articlefooter .author-data p{
	margin: 0;
	font-size: 15px;
	line-height: 22px;
	color: rgb(117, 117, 117);
}

#erfolgsstory .related{
	max-width: 1400px;
	padding-top: 40px;
	padding-bottom: 80px;
	margin-top: 50px;
}

#erfolgsstory .related .upnext{
	font-size: 20px;
	letter-spacing: .05em;
	font-variant: small-caps;
	color: var(--main-text-color);
	border-radius: 7px;
	text-transform: lowercase;
	font-weight: 500;
	margin-bottom: 30px;
	padding-left: 10px;
}

#erfolgsstory .related .card{
	background: var(--card-bg);
	color: var(--main-text-color);
}

#erfolgsstory .related .card-row a{
	text-decoration: none;
	color: var(--main-text-color);
}

#erfolgsstory .related .card{
	border-radius: 12px;
	border: none;
	margin-bottom: 40px;
	-webkit-box-shadow: 15px 16px 28px 0 rgb(0 0 0 / 11%);
	box-shadow: 15px 16px 28px 0 rgb(0 0 0 / 11%);
	-webkit-transition: all .2s;
	transition: all .2s;
}

#erfolgsstory .related .card p{
	font-size: 16px;
	line-height: 26px;
}

#erfolgsstory .related .card p:last-child{
	margin-bottom: 0;
}

#erfolgsstory .related .card:hover{
	transform: translateY(-10px);
	-webkit-transition: all .2s;
	transition: all .2s;
}

#erfolgsstory .related .card-header{
	font-size: 15px;
	letter-spacing: .05em;
	border: none;
	background: none;
	padding: 15px 24px 10px;
}

#erfolgsstory .related .card-body{
	padding: 0 24px 8px;
}

#erfolgsstory .related .card-body .card-title{
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
}

#erfolgsstory .related .card-footer{
	border: none;
	background: none;
	padding: 10px 24px 20px;
}

#erfolgsstory .related .card-footer .card-date{
	font-variant: small-caps;
	font-size: 15px;
	letter-spacing: .05em;
	margin-bottom: 0;
}

#erfolgsstory .related .author-img{
	border-radius: 100px;
	width: 40px;
	height: 40px;
	float: left;
}

#erfolgsstory .related .badge-bg{
	background-color: var(--impulsblau);
}

#erfolgsstory .related .card-footer .card-author{
	font-variant: small-caps;
	font-weight: 600;
	padding-top: 3px;
	font-size: 11px;
	text-align: center;
	margin-bottom: 0;
	width: 24px;
	height: 24px;
	border-radius: 100px;
	background: rgb(204, 225, 224);
}

#erfolgsstory .related .card .card-img-top{
	border-radius: 0;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border: none;
}

#erfolgsstory .related .card-body .container-fluid{
	padding: 0;
}

#erfolgsstory .related .card-text{
	line-height: 26px;
}

#erfolgsstory .related .card-body .container-fluid .col-1{
	margin-right: 14px;
}


@media only screen and (max-width: 1300px) {
	#erfolgsstory .headingintro{
		margin: 25px auto 75px;
	}
}

@media only screen and (max-width: 991px) {
	
	#erfolgsstory .margin-sm-top{
		margin-top: 10px;
	}
	
	#erfolgsstory .margin-md-top{
		margin-top: 15px;
	}
	
	#erfolgsstory .margin-lg-top{
		margin-top: 25px;
	}
	
	#erfolgsstory .margin-xl-top{
		margin-top: 35px;
	}
	
	#erfolgsstory .margin-max-top{
		margin-top: 40px;
	}
	
	#erfolgsstory .margin-sm-bottom{
		margin-bottom: 10px;
	}
	
	#erfolgsstory .margin-md-bottom{
		margin-bottom: 15px;
	}
	
	#erfolgsstory .margin-lg-bottom{
		margin-bottom: 25px;
	}
	
	#erfolgsstory .margin-xl-bottom{
		margin-bottom: 35px;
	}
	
	#erfolgsstory .margin-max-bottom{
		margin-bottom: 40px;
	}
	
	#erfolgsstory .articlehead-data{
		padding: 30px 20px 30px 20px;
	}
	
	#erfolgsstory .headingintro{
		margin: 20px auto 25px;
		padding: 0 20px;
	}
	
	#erfolgsstory .article-img-top{
		transform: translateY(0px);
	}
	
	#erfolgsstory .author-row{
		margin: 30px 0 25px;
	}
	
	#erfolgsstory img{
		margin-bottom: 20px;
	}
	
	#erfolgsstory h1{
		margin: 10px 0 15px;
		font-size: 30px;
		line-height: 40px;
	}
	
	#erfolgsstory h2{
		margin: 25px 0 15px;
		font-size: 28px;
		line-height: 42px;
	}
	
	#erfolgsstory h3{
		margin: 25px 0 15px;
		font-size: 24px;
		line-height: 36px;
		font-weight: 600;
	}
	
	#erfolgsstory .intro{
		margin: 15px 0 0;
	}
	
	#erfolgsstory .intro p{
		font-size: 22px;
		line-height: 35px;
	}
	
	#erfolgsstory p{
		font-size: 19px;
		line-height: 31px;
	}
	
	#erfolgsstory ol li::before {
	  font-size: 19px;
	  font-weight: bold;
	  position: absolute;
	  --size: 30px;
	  left: calc(-1 * var(--size) - 10px);
	  line-height: var(--size);
	  width: var(--size);
	  height: var(--size);
	  top: 0;
	}
}

/*##########################*/
/*    Blog Tags             */
/*##########################*/

.blog .badge-bg {
	background: #000000 !important;  /* Schwarz statt Orange */
	color: #ffffff !important;
	text-transform: uppercase;
	padding: .55em 0.65em;
	margin-right: 6px;
	border-radius: 6px;
	font-size: 13px;
}

#blogbeitrag .tag-bg-article {
	background: #000000 !important;  /* Schwarz statt Orange */
	color: #ffffff !important;
	border-radius: 6px;
	font-size: 13px;
	padding: .35em 0.6em;
}

#erfolgsstory .tag-bg-article {
	background: #000000 !important;  /* Schwarz statt Orange */
	color: #ffffff !important;
	border-radius: 6px;
	font-size: 13px;
	padding: .35em 0.6em;
}

footer {
  margin-top: 80px;
  font-family: 'Galano Grotesque', sans-serif;
}

.footer-top {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 20px 0;
}

.footer-logo img {
  height: 40px; /* anpassen je nach Logo-Größe */
}

.footer-social a {
  color: #555;
  font-size: 22px;
  margin-left: 15px;
  transition: color 0.3s ease;
}

.footer-social a:hover {
  color: black;
}

.footer-bottom {
  padding: 20px 0;
}

.footer-bottom a {
  color: #555;
  font-size: 16px;
  text-decoration: none;
  margin: 0 10px;
  transition: color 0.3s ease;
}

.footer-bottom a:hover {
  color: black;
}