

@font-face {
	font-family: 'Oswald-Light';
	src: url(../fonts/Oswald/static/Oswald-Light.ttf);
}
div, h1, h3, h4, h5, p {
	font-family:'Oswald-Light';
}

h3 {
	font-size: 4.5em;
}

h4 {
	font-size: 3.0em;
}

p {
	font-size: 2.0em;
}

.bigBuchstabe {
	font-size: 4.5em;
}

/*
Text color: #444444;

Pink first rgba(255, 34, 155, 0.801);
Pink color #FF5DA4
Rose #FFA8BD;

Yellow #FFD016;
Green #7CCDC0
Red #F26666;
Blue #00A8DE;

navbar lila color: #410f4f;

*/

.bi::before {
	display: inline-block;
	content: "";
	vertical-align: -.125em;
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
  }

.back-image{
	max-width: 475px;
	min-width: 300px;
	height: auto;
	
}
/* Use a media query to add a breakpoint */
@media screen and (max-width: 520px) {
	.back-image{
		max-width: 100%;
		min-width: 200px;
		height: auto;
	}
  }

.colorWhite{
	color: #ffffff;
}

.colorGray{
	color: #444444;
}
.colorPink{
	color: rgba(255, 34, 155, 0.801);
}
.colorGreen{
	color: #7CCDC0;
}
.colorYellow{
	color: #FFD016;
}
.colorRed{
	color: #F26666;
}
.colorBlue{
	color: #00A8DE;
}

.backgroundcolorPink{
	background-color: #FF5DA4;
}
.backgroundcolorRose{
	background-color: #FFA8BD;
}
.backgroundcolorYellow{
	background-color: #FFD016;
}
.backgroundcolorRose{
	background-color: #FFA8BD;
}
.backgroundcolorGreen{
	background-color: #7CCDC0;
}
.backgroundcolorRed{
	background-color: #F26666;
}
.backgroundcolorBlue{
	background-color: #00A8DE;
}

.backgroundcolorGray{
	background-color: #666;
	opacity: 0.5;

}

.navbar {
	position: relative;
    min-height: 84px;
    margin-bottom: 23px;
	right:0;
	left:0;
}

.navbar-header .navbar-brand {
	color: rgba(255, 34, 155, 0.801);
}

.navbar-brand img {
	padding: 0px 0px 0px 0px;
}

.navbar-brand {
	font-size: 4.5em;
}

.navbar-brand {
    float: left;
    padding: 10px 5px;
    line-height: 23px;
	height: 70px;
}

.navbar-default {
	background-color: #fff
}

.navbar-default {
	opacity: 0.9;
	/*border-bottom: #410f4f 10px solid;*/
}

.navbar-default .navbar-nav>li>a {
	color: #410f4f;
	font-size: 20px; /*navigation*/
}

.navbar ul, .navbar li {
	font-size: 20px;
}


.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: rgba(255, 34, 155, 0.801);
	background-color: #eeeeee;
	font-size: 20px; /*navigation focus*/
}

.navbar-default .navbar-nav>.active>a:hover {
	color: rgba(255, 34, 155, 0.801);
	background-color: #eeeeee;
	font-size: 20px; /*navigation focus*/
	border: rgba(255, 34, 155, 0.801);
}

.navbar-right{
	float: right !important;
    margin-right: 0px;
}

.navbar-nav>li>a {
    padding-top: 20.5px;
    padding-bottom: 20.5px;
}

.navbar-nav>li>a {
    line-height: 53px;
}


/*button primary*/
.btn-primary {
	color: #ffffff;
	background-color: #FF5DA4;
}

.btn-primary.focus{color:#ffffff;background-color:#FF5DA4;border-color:rgba(0,0,0,0)}
.btn-primary:hover{color:#ffffff;background-color:#FF5DA4;border-color:rgba(0,0,0,0)}
.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#ffffff;background-color:#FF5DA4;border-color:rgba(0,0,0,0)}
.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#ffffff;background-color:#FF5DA4;border-color:rgba(0,0,0,0)}
.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}
.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#FF5DA4;border-color:transparent}
.btn-primary .badge{color:#FF5DA4;background-color:#ffffff}



.containertop{
	margin-right: auto;
    margin-left: auto;
    padding-left: 0px; 
    padding-right: 15px;
}

.jumbotron0 {
	background-color: rgb(255, 34, 155, 0.801);
	height: 600px;
	padding: 80px 40px;
	margin: 0;
	font-size: 16px;
}
.jumbotron0 h1, .jumbotron0 h3, .jumbotron0 p {
	color: #FFFFFF;
}

.jumbotron2 {
	background-image: url(../img/Julia_5685_m.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: center;

	max-height: 800px;
	max-width: auto;
	padding: 300px 40px 0px 15px;
	margin: 0;
}
.jumbotopcontainer2 {
	width: 400px;
    margin-left: auto;
	padding-left: 15px;
    padding-right: 15px;
}
.jumbotron2 h1, .jumbotron2 h3, .jumbotron2 p {
	color: #FFFFFF;
}
.jumbotron2 h1 {
	font-size:6em;
}
.jumbotron2 h3 {
	font-size: 4em;
}
.jumbotron2 h4 {
	font-size: 3em;
}
.jumbotron2 p {
	font-size: 2em;
}
.jumbotron2 ul {
	font-size: 1em;
}


.jumbotron3 {
	background-image: url(../img/IMG_5672_m.JPG);
	background-size: cover;
	background-repeat: no-repeat;
	height: 700px;
	padding: 80px 40px 0px 15px;
	margin: 50px 0px 0px 0px;
	font-size: 16px;
}
.jumbotopcontainer3 {
    width: 400px;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
	.jumbotopcontainer3 {
		width: 100%;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
  }

.jumbotron3 h1, .jumbotron3 h3, .jumbotron3 p {
	color: #FFFFFF;
	background-color: E725F3;
}

.jumbotron4 {
	background-image: url(../img/IMG_5627_s.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	height: 600px;
	padding: 0px 40px 0px 10px;
	margin: 0;
	font-size: 16px;
}
/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
	.jumbotron4 {
		height: 600px;
		width: auto;
		padding: 0px 40px 0px 10px;
		margin: 0;
		font-size: 16px;
	}
  }

.jumbotopcontainer4 {
    width: 400px;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.jumbotron4 h1, .jumbotron4 h3, .jumbotron4 p {
	background-color: E725F3;
}



.jumbotron5 {
	background-image: url(../img/IMG_5663_m.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 600px;
	padding: 80px 40px 0px 15px;
	margin: 0;
	font-size: 16px;
}
.jumbotopcontainer5 {
    width: 400px;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}


.jumbotron5 p, .jumbotron5 ul, .jumbotron5 ul li {
	color: #444444;
	/*background-color: #E725F3;*/
}
.jumbotron5 h3 {
	font-size: 4em;
}
.jumbotron5 h4 {
	font-size: 3em;
}
.jumbotron5 ul {
	font-size: 1.1em;
}

.jumbotron6 {
	background-image: url(../img/IMG_5570_m.JPG);
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: center;
	height: 600px;
	width: auto;
	padding: 5px 15px 0px 10px;
	margin: 50px 0px 0px 0px;
	font-size: 16px;
}
.jumbotron6 h1{
	font-size: 4em;
}

.jumbotron6 p{
	font-size: 1.8em;
	height: auto;
	width: 70%;
}
.jumbotopcontainer6 {
    width: 600px;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 800px) {
	.jumbotron6 h1{
		font-size: 8vw;
	}
	
	.jumbotron6 p{
		font-size: 1.8em;
		height: auto;
		width: 70%;
	}
	.jumbotopcontainer6 {
		width: 100%;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
  }

.bottomtext{
	display: table-cell;
    vertical-align: bottom;
}
.ontheleft{
	text-align: left;
}
.ontheright{
	text-align: right;
}
.colred {
	border-top: 10pt solid #410f4f;
	padding: 0.9em;
	height: 350px;
}

.marg {
	margin-right: 0.4em;
}

.b1 {
	background-image: url("../img/b1_gelb.png");
	background-repeat: no-repeat;
	background-size: 356px;
}

.b2 {
	background-image: url("../img/b2_rosa.png");
	background-repeat: no-repeat;
	background-size: 356px;

}

.b3 {
	background-image: url("../img/b3_gruen.png");
	background-repeat: no-repeat;
	background-size: 356px;

}

.b4 {
	background-image: url("../img/b4_rot.png");
	background-repeat: no-repeat;
	background-size: 356px;

}

.b5 {
	background-image: url("../img/b5_blau.png");
	background-repeat: no-repeat;
	background-size: 356px;

}

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
	.b1, .b2, .b3, .b4, .b5 {
		background-size: 100%; /* The width is 100%, when the viewport is 800px or smaller */
	}
  }


.ha {
	background-image: url("../img/hase.PNG");
	background-repeat: no-repeat;
	background-size: 200px;
	background-position: right;

}

.marg h3,
.marg p {
	text-transform: uppercase;
}

.colhighcontainer {
	min-height: 400px;
}
.backcoloryellow {
	background-image: url("../img/b1_gelb.png");
	background-repeat: no-repeat;
	background-size: 556px;
	background-position: left;
}

.backcolorrose {
	/*background: rgb(255, 168, 189);*/
	background-image: url("../img/b2_rosa.png");
	background-repeat: no-repeat;
	background-size: 556px;
	background-position: right;
}

.backcolorgruen {
	background-image: url("../img/b3_gruen.png");
	background-repeat: no-repeat;
	background-size: 656px;
	background-position: left;
}
.backcolorred {
	background: rgb(242, 102, 102);
	background-image: url("../img/IMG_5627.JPG");
	background-repeat: no-repeat;
	background-size: 656px;
	background-position: left;
}
.backcolorblue {
	/*background: rgb(0, 168, 222);*/
	background-image: url("../img/b5_blau.png");
	background-repeat: no-repeat;
	background-size: 656px;
	background-position: left;
}
/*
.backcolorklugesglueck {
	background: rgb(255, 168, 189);
	background-image: url("../img/IMG_5627_m.JPG");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}
*/



.section0,
.section1,
.section2,
.section3,
.section4,
.section5,
.section6 {
	font-size: 12px;
	margin: 10 30px 0 30px;
	padding: 20px 20px;
	color: #444444; /*color: #410f4f;*/
}

.section5 ul, .section5 li {
	font-size: 25px;
	color: #444444; 
}


.section0 {
	background-color: #fff;
	color: #444444;
}

.section1 {
	background-color: #fff;
	color: #444444;
}


.section2,
.section2 .withsection {
	color: #444444;
}
.section2 .bgsection{
	background-color: rgb(255, 168, 189);
}
.section2 .bildchen2 {
	/* background-image: url("../img/R.jpg"); 
	background-repeat: no-repeat;*/
	height: 600px;

}

.section3{
	padding-top: 100px;
	margin: auto;
}
.section3,
.section3 .withsection {
	color: #444444;
}
.section3 .bgsection {
	background-color: rgb(124, 205, 192);
}
.section3 .bildchen3 {
	/* background-image: url("../img/landschaft.jpg"); */
	background-repeat: no-repeat;
	height: 100px;

}


.section4,
.section4 .withsection {
	color: #444444;
}
.section4 .bgsection {
	background-color: rgb(FFF);
}
.section4 .bildchen4 {
	background-image: url("../img/impro-coaching-red21.jpg"); 
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center;
	height: 700px;
	width: auto;
}



.section5,
.section5 .withsection {
	color: #444444;
}
.section5 .bgsection {
	background-color: rgb(0, 168, 222);
}
.section5 .bildchen5 {
	/* background-image: url("../img/impro.jpg"); 
	background-repeat: no-repeat;*/
	height: 450px;
}


.section6,
.section6 .withsection {
	color: #444444;
}
.section6 .bgsection {
	background-color: rgb(255, 255, 0);
}
.section6 .bildche6 {
	/* background-image: url("../img/landschaft.jpg"); */
	background-repeat: no-repeat;
	height: 450px;

}

.containerhase img{
	height: 250px;
}


.footer {
	background-color: #eee;
	color: #333;
	font-size: 13px;
	/*padding: 60px 10px;*/
	padding: 0px 0px;
}

/* Color Theme Swatches in Hex */
/*grau*/
.Las-Flores-2020-1-hex {
	color: #92A0A6;
}

/*grün-grau*/
.Las-Flores-2020-2-hex {
	color: #285954;
}

/*rot*/
.Las-Flores-2020-3-hex {
	color: #D91818;
}

/*rot-pastell*/
.Las-Flores-2020-4-hex {
	color: #F23838;
}

/*rosa-pastell*/
.Las-Flores-2020-5-hex {
	color: #F26666;
}

/* Color Theme Swatches in RGBA */
.Las-Flores-2020-1-rgba {
	color: rgba(145, 160, 165, 1);
}

.Las-Flores-2020-2-rgba {
	color: rgba(40, 89, 84, 1);
}

.Las-Flores-2020-3-rgba {
	color: rgba(216, 23, 23, 1);
}

.Las-Flores-2020-4-rgba {
	color: rgba(242, 55, 55, 1);
}

.Las-Flores-2020-5-rgba {
	color: rgba(242, 101, 101, 1);
}

/* Color Theme Swatches in HSLA */
.Las-Flores-2020-1-hsla {
	color: hsla(196, 10, 61, 1);
}

.Las-Flores-2020-2-hsla {
	color: hsla(174, 37, 25, 1);
}

.Las-Flores-2020-3-hsla {
	color: hsla(0, 80, 47, 1);
}

.Las-Flores-2020-4-hsla {
	color: hsla(0, 87, 58, 1);
}

.Las-Flores-2020-5-hsla {
	color: hsla(0, 84, 67, 1);
}