/* CSS Document */
@import url('fonts.css');
/*
blau #00afcb

gruen #96c11f

orange #ff8b24
*/
*{
	font-family: 'Open Sans', sans-serif;
}

html {
	font-size: 16px;
}
body {
	font-size: 1.2rem;
}

.hide-big {
	display: none;
}
.hide-small {
	display:block;
}


nav.navbar.navbar-expand-lg.navbar-dark.bg-dark {
	position: relative;
    position: sticky;
	width:100%;
    top: 0;
    z-index: 5;
}


.jumbotron.jumbotron-fluid {
    padding: 0;
    margin: 0 auto;
	position: relative;
	max-width: 2400px;
}
.jumbotron.jumbotron-fluid .container {
	position: relative;
}
.jumbotron .logo {
    position: absolute;
    left: 20px;
    top: 20px;
    max-width: 400px;
    width: 35%;
}

.jumbotron h2 {
    color: #fff;
    position: absolute;
    /*bottom: 20px;
    left: 20px;*/
}

.bg-dark {
	background: #8e999a !important;
}
.bg-dark-2 {
	background: #3e3e3e;
}
.bg-blau {
	background: #00afcb;
}
.bg-gruen {
	background: #96c11f;
}
.bg-orange {
	background: #ff8b24;
}
 
a.nav-link {
    font-size: 1.6rem;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: #393d3e;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #393d3e;
}

.font-2 {
	font-size:2rem;
}

.h-15 {
	height:15px;
}

/*
.br-1 {
	border-right: 0.25rem solid #fff;
}
.bl-1 {
	border-left: 0.25rem solid #fff;
}
.br-2 {
	border-right: 0.5rem solid #fff;
}
.bl-2 {
	border-left: 0.5rem solid #fff;
}
.br-3 {
	border-right: 1rem solid #fff;
}
.bl-3 {
	border-left: 1rem solid #fff;
}
*/
main .mt-4 > .row > .bg-blau {
	border-left: 5px solid #fff;
    border-right: 5px solid #fff;
}
.ptb-24 {
	padding-top:24px;
	padding-bottom: 24px;
}
.mt-4, .my-4 {
    margin-top: 20px !important;
}

#index > .container > .row > .col-lg-6:first-child {
	padding-right: 10px;
}
#index > .container > .row > .col-lg-6:nth-child(2) {
	padding-left: 10px;
}

p, li, a {
	font-size: 1.2rem;
}

/* Überschriften auf Header */

.display-4 {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.2;
}
h2.display-4 {
    bottom: 0;
}
#start .jumbotron h2.headline-start {
    		bottom: 25vw;
   			left: 18vw;
			z-index: 5;
}
#start .jumbotron h2.headline-business {
    		bottom: 25vw;
    		right: 14vw;
    		z-index: 5;
			font-size: 3rem;
}
#start .jumbotron h2.headline-trauer {
    		bottom: 18vw;
    		left: 45vw;
    		z-index: 5;
			font-size: 2rem;
			width: 40%;
}
#start .jumbotron h2.headline-trauer-en {
    		bottom: 18vw;
    		left: 46vw;
    		z-index: 5;
			font-size: 2rem;
			width: 40%;
}
h2.headline-burnout span {
    padding-left: 450px;
    padding-top: 25px;
    display: block;
}
#start .jumbotron h2.headline-burnout {
    bottom: 60px;
    right: 475px;
    font-size: 3.5rem;
}
.jumbotron h2.headline-leistungen {
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 80px;
    font-size: 3.5rem;
}
h2.display-4.headline-profil {
    left: 10vw;
    top: 19vw;
    font-size: 3vw;
}
@media screen and (max-width:1400px){
	 #start .jumbotron h2.headline-burnout {
		right: 12vw;
		z-index: 5;
		bottom: 0vw;
		font-size: 2.5rem;
		text-shadow: 2px 2px 2px #000;
	}
	h2.headline-burnout span {
		padding-left: 312px;
		padding-top: 25px;
		display: block;
	}
	.jumbotron h2.headline-leistungen {
    font-size: 2.5rem;
}
}
@media screen and (max-width : 1371px ){
	 #start .jumbotron h2.headline-business {
		font-size: 2.3rem;
	}
}
@media screen and (max-width:1199px){
	#start .jumbotron h2.headline-start {
			font-size: 1.8rem;
			left: 18vw;
			bottom: 23vw;
	}
	#start .jumbotron h2.headline-business {
		font-size: 1.8rem;
		right: 18vw;
		bottom: 23vw;
	}
	#start .jumbotron h2.headline-burnout {
    left: 18vw;
}
h2.display-4.headline-burnout span {
    padding-left: 0;
    padding-top: 0;
    display: block;
}
	.jumbotron h2.headline-leistungen {
    font-size: 2rem;
    right: 40px;
}
	
}
@media screen and (max-width:991px){
	#start .jumbotron h2.headline-business {
		left: 18vw;
	}
	#start .jumbotron h2.headline-burnout {
    left: 15px;
}
}
@media screen and (max-width: 887px){
	#start .jumbotron h2.headline-start {
		font-size: 1.8rem;
		left: 3vw;
		bottom: 0;
		color: #fff;
		text-shadow: 1px -2px 2px #000;
	}
#start .jumbotron h2.headline-business {
	font-size: 1.8rem;
	left: 3vw;
	bottom: 0;
	color: #fff;
	text-shadow: 1px -2px 2px #000;
	}
	#start .jumbotron h2.headline-burnout {
	font-size: 1.2rem;
	left: 3vw;
	bottom: 0;
	color: #fff;
	text-shadow: 1px -2px 2px #000;
	}
	.jumbotron h2.headline-leistungen {
    font-size: 1.8rem;
    right: 40px;
}
	h2.display-4.headline-leistungen {
    text-shadow: 1px 1px 3px #000;
}
}
@media screen and (max-width: 600px) {
	.jumbotron .logo {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 150px;
}
.jumbotron h2 {
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 10px;
}
	.jumbotron h2.headline-leistungen {
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: initial;
    right: 15px;
    font-size: 1.5rem;
}
}
@media screen and (max-width:540px){
	#start .jumbotron h2 {
			font-size: 1rem !important;
	}
	h2.display-4.headline-profil {
    	left: 10px;
    	bottom: 5px;
		top: initial;
    	text-shadow: 2px 1px 1px #000;
}
	
}
@media screen and (min-width:1401px){
	#start .jumbotron h2.headline-burnout {
    z-index: 5;
    bottom: 1%;
    right: 14%;
    font-size: 3rem;
}
h2.display-4.headline-burnout span {
    padding-left: 380px;
    padding-top: 25px;
    display: block;
}
}
@media screen and (min-width:1700px){
	#start .jumbotron h2.headline-burnout {
    z-index: 5;
    bottom: 1%;
    right: 14%;
    font-size: 3.5rem;
}
}

@media screen and (min-width:1999px){
	#start .jumbotron h2.headline-burnout {
    z-index: 5;
    bottom: 5%;
    right: 18%;
    font-size: 3.5rem;
}
	h2.display-4.headline-burnout span {
    padding-left: 450px;
    padding-top: 25px;
    display: block;
}
}
@media screen and (min-width:2400px) {
	#start .jumbotron h2.headline-start {
			bottom: 630px;
			left: 475px;
			font-size: 3rem;
	}
	#start .jumbotron h2.headline-business {
		bottom: 630px;
		right: 475px;
		font-size: 3rem;
	}
	h2.display-4.headline-profil {
    left: 300px;
    top: 400px;
    font-size: 4rem;
}
}





/* end Überschriften auf Header */

li{
	position: relative;
}

ul.plusliste {
	list-style-type: none;
	padding: 0;
}
ul.plusliste >li::before {
    content: "+";
    font-size: 1.3rem;
    padding-right: 10px;
    color: #00afcb;
    font-weight: bold;
	position: absolute;
    left: -17px;
}

.row.bg-orange.text-right.mx-0 {
    min-height: 250px;
}

ul.navbar-nav {
    white-space: nowrap;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    font-weight: 600;
}
nav > div > .container {
    max-width: 1300px;
}
/*.pfeil {
	font-family: "Open Sans";
	position: relative;
	background: url("../img/pfeil-weiss.png");
}
.pfeil::before {
	content:"▶";
	content:" ";
	background: url("../img/pfeil-weiss.png");
	position: absolute;
	left:-30px;
	
}*/

.pfeil {
    background: url(../img/pfeil-weiss.png);
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: center;
    overflow: visible;
    padding-left: 30px;
}

@media screen and (min-width:992px) and (max-width:1199px){
	.font-2 {
    font-size: 1.6rem;
}
	a.nav-link {
    font-size: 1.4rem;
}
	.jumbotron h2.headline-start {
    font-size: 2.5rem;
}
}


@media screen and (max-width: 991px) {
	body {
    font-size: 1rem;
}
	.row.bg-orange.text-right.mx-0 {
    min-height: 400px;
}
	.display-4 {
    font-size: 2.5rem;
}
	.jumbotron h2.headline-start {
    bottom: 10vw;
    left: 0;
    z-index: 5;
    font-size: 2rem;
    text-shadow: 1px 1px #000;
}
	.turnaround {
		display: flex;
		flex-direction: column;
	}
	.turnaround > .mt-4:first-child {
		order:1;
	}
	.hide-small {
		display:none;
	}
	.hide-big {
		display:block;
	}
}

@media screen and (min-width:768px) and (max-width:991px){
	.bg-blau h2.text-white.text-uppercase {
    font-size: 1.5rem;
}
}

@media screen and (max-width: 767px) {
	.display-4 {
    font-size: 1.5rem;
}
	.br-2 {
    border-right: 0.25rem solid #fff;
}
.bl-3 {
    border-left: none;
}

.col-md-2.col-2.bg-orange.br-2 {
    padding: 0;
}
.col-md-2.col-2.bg-gruen.br-2 {
    padding: 0;
}
	.br-3 {
    border-right: 0.25rem solid #fff;
}
.bl-2 {
    border-left: 0;
}

}
	
@media screen and (max-width: 600px) {
	.jumbotron .logo {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 150px;
}
.display-4 {
    font-size: 1.2rem;
}
	a.nav-link {
    font-size: 1.4rem;
}
	.jumbotron h2.headline-start {
    bottom: 2vw;
    left: 10px;
    z-index: 5;
    text-shadow: 1px 1px #000;
	font-size: 1.5rem;
}
	.jumbotron h2.headline-leistungen{
		left:initial;
	}
	
}

@media screen and (max-width: 400px) {
	h2, .h2 {
    font-size: 1.5rem;
}
}