@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'ManifoldCF-Light';
	src: url('fonts/manifold-cf-light.eot');
	src: url('fonts/manifold-cf-light.eot?#iefix') format('embedded-opentype'),
             url('fonts/manifold-cf-light.woff2') format('woff2'),
	     url('fonts/manifold-cf-light.woff') format('woff'),
	     url('fonts/manifold-cf-light.ttf') format('truetype'),
	     url('fonts/manifold-cf-light.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
Font: 		Manifold CF
Style: 		Light
URL: 		https://www.youworkforthem.com/font/T5335/manifold-cf
Foundry: 	Connary Fagen
Foundry: 	https://www.youworkforthem.com/designer/479/connary-fagen
Copyright:	Copyright © 2018 by Connary Fagen. All rights reserved.
Version: 	17
Created:	April 16, 2018
License: 	https://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/
@font-face {
	font-family: 'ManifoldCF-Medium';
	src: url('fonts/manifold-cf-medium.eot');
	src: url('fonts/manifold-cf-medium.eot?#iefix') format('embedded-opentype'),
             url('fonts/manifold-cf-medium.woff2') format('woff2'),
	     url('fonts/manifold-cf-medium.woff') format('woff'),
	     url('fonts/manifold-cf-medium.ttf') format('truetype'),
	     url('fonts/manifold-cf-medium.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
Font: 		
Style:		Medium		
URL: 		https://www.youworkforthem.com/font/T5335/manifold-cf
Foundry: 	Connary Fagen
Foundry: 	https://www.youworkforthem.com/designer/479/connary-fagen
Copyright:	
Version: 	17
Created:	April 16, 2018
License: 	https://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/



@font-face {
	font-family: 'ManifoldCF-Regular';
	src: url('fonts/manifold-cf.eot');
	src: url('fonts/manifold-cf.eot?#iefix') format('embedded-opentype'),
             url('fonts/manifold-cf.woff2') format('woff2'),
	     url('fonts/manifold-cf.woff') format('woff'),
	     url('fonts/manifold-cf.ttf') format('truetype'),
	     url('fonts/manifold-cf.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
Font: 		Manifold CF
Style: 		Regular
URL: 		https://www.youworkforthem.com/font/T5335/manifold-cf
Foundry: 	Connary Fagen
Foundry: 	https://www.youworkforthem.com/designer/479/connary-fagen
Copyright:	Copyright © 2014 by Connary Fagen. All rights reserved.
Version: 	17
Created:	April 16, 2018
License: 	https://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/

body {
	font-family: 'ManifoldCF-Light', Helvetica, Arial, Sans-Serif;
	font-size: 18px;
	color: rgba(30,30,30,1.0);
	margin: 0px;
	font-weight: normal;
	font-style: normal;
}
@media screen and (min-width: 0px) and (max-width: 599px) {
body {
	font-family: 'ManifoldCF-Regular', Helvetica, Arial, Sans-Serif;
	font-size: 18px;
	margin: 0px;
	font-weight: normal;
	font-style: normal;
}
}
p {
	line-height: 145%;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
}
.more-spacing {
	letter-spacing: 0.05rem;
}
ul {
	list-style-type: circle;

}

li {
/*	line-height: 150%;*/
	padding: 0px 0px 10px 10px;
}
strong {
	font-family: 'ManifoldCF-Medium', Helvetica, Arial, Sans-Serif;
		font-weight: normal;
	font-style: normal;
letter-spacing: 0.25px;
	font-size:0.90em;
	line-height:138%;


}

.txt-uppercase {
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height:145%;
}



.uppercase-blue {
	line-height: 145%;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: rgba(116,162,186,1.0);
	letter-spacing: 1px;
}
a:link {
text-decoration: none;
color: rgba(24,70,156,1.0); 
}
a:visited {
	color: rgba(24,70,156,1.0);
}
a:hover {
	color: rgba(30,30,30,1.0);
	border-bottom: 1px dotted rgba(24,70,156,1.0);
	margin-bottom:-1px;
}

ul {text-align: left;
margin-left:-20px;}

a[href^="tel"] {
	text-decoration: none;
	cursor: text;
	color:inherit;
}

h1 {
	font-size: 1.777em;
	line-height: 110%;
	margin: 0em 0em 0.2em 0em;
	padding:0px;
	text-align:left;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: rgba(24,70,156,1.0);
	
}
h2 {
	font-size: 1.222em;
	line-height: 130%;
	margin: 0px;
	padding:0px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: rgba(24,70,156,1.0);
}
h3 {
	font-size: 1em;
	line-height: 130%;
	margin: 0px;
	padding:0px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: rgba(24,70,156,1.0);

}



.ci-01 {
	color: rgba(116,162,186,1.0);
}
.ci-02 {
	color: rgba(30,30,30,1.0);
}

.space-01 {
	height:0.55em;
}
.space-02 {
	height:0.27em;
}
@media screen and (min-width: 0px) and (max-width: 600px) {
.space-01 {
	height:0.47em;
}
.space-02 {
	height:0.23em;
}
}

.wcontent {
	
	margin-right: auto;
	margin-left: auto;
	margin-top:6.25em;
	position:relative;
}
.wcontent, .wrapper-menu-02 {
    max-width: 1100px;
}

.wcontent,  .wcontent-02 {
		padding-left:5%;
		padding-right:5%;
}

@media screen and (min-width: 801px) and (max-width: 1280px) {

	.wcontent, .wrapper-menu-02 {
    max-width: 900px;
}
	
	.wcontent {
	
	margin-top:6.75em;

}
	
	
	body {
	font-size: 14px;

}

}
@media screen and (min-width: 600px) and (max-width: 800px) {


	
	body {
	font-size: 15px;

}

}
@media screen and (min-width: 0px) and (max-width: 599px) {


	body {
	font-size: 16px;

}

}



.w100 {
	width: 100%;	
	margin-left:auto;
	margin-right:auto;
}
.wabout-us {
	width: 47.5%;
	float:left;
}
.wabout-us-txt {
width: 100%;
	padding-bottom:1em;
}
.wabout-us-vspace {
margin-right:5%;
}

@media screen and (min-width: 0px) and (max-width: 500px) {
.wabout-us {
	width: 100%;
	float:left;
}
.wabout-us-txt {
width: 100%;
	padding-bottom:1em;
}
.wabout-us-vspace {
margin-right:0%;
}
}



/*4-spaltig*/
.wservices-uebersicht {
	width: 23%;
	float: left;
	padding-bottom: 7%;
}
.wservices-01-04, .wservices-02-04, .wservices-03-04   {
	margin-right: 2.66%;
}
.wservices-04-04 {
	margin-right: 0%;
}
.wservices-height {
	height:2.5em;
	height:4em;
}
/*3-spaltig Ende*/




/*2-spaltig*/
@media screen and (min-width: 546px) and (max-width: 970px) {
.wservices-uebersicht {
	width: 47.5%;
	float: left;
	padding-bottom: 10%;
}
.wservices-01-04, .wservices-03-04{
	margin-right: 5%;
}
.wservices-02-04, .wservices-04-04  {
	margin-right: 0%;
}
		.wservices-height {

			height:2.5em;
}
}
/*2-spaltig Ende*/

/*2-spaltig kleine Ausnahme*/
@media screen and (min-width: 546px) and (max-width: 650px) {

		.wservices-height {

			height:4em;
}
}
/*2-spaltig kleine Ausnahme Ende*/






/*1-spaltig*/
@media screen and (min-width: 0px) and (max-width: 545px) {
.wservices-uebersicht {
	width: 100%;
	float: left;
	padding-bottom: 17%;
	padding-bottom: 25%;
}
.wservices-01-04, .wservices-02-04, .wservices-03-04,  .wservices-04-04 {
	margin-right: 0%;
}
	.wservices-height {
	height:auto;
		margin-bottom:-0.6em;
		margin-bottom:0em;
}
}
/*1-spaltig Ende*/








a.five:link {
	text-decoration: none;
}
a.five:visited {
}
a.five:hover {

	

	border-bottom: none;
	margin-bottom:0px;
}

a.logo-link:link {
	text-decoration: none;
	border:none;
}
a.logo-link:visited {
	text-decoration: none;
	border:none;
}
a.logo-link:hover {

	 text-decoration: none;
	border:none;
}



.wrap-uebersicht{
	width: 90%;
	margin-left:auto;
	margin-right: auto;
	background-color:blue;
	
}
.uebersicht-top{
	float: left;
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
	padding: 0px 100px;
}
.uebersicht{
	width: 33.3333%;
	float: left;
	margin-top:30px;
	margin-bottom:30px;
}
.pad-uebersicht{
	padding-left:45px;
	padding-right:45px;
}
.linie-uebersicht {
    width: 100%;
    border-top: 1px solid rgba(75,75,75,1.00);
    margin-top:10px;
    margin-bottom:0px;
}

.pfeil-uebersicht {
	background-image: url(img/pfeil-01.png);
	width:14px;
	height: 28px;
	background-position:center;
	background-repeat: no-repeat;
	background-size: contain;
 	float:right; 
}
.pfeil-uebersicht:hover {
	background-image: url(img/pfeil-02.png);
}

a.uebersicht-link:link {
	text-decoration: none;
}

/*Übersicht Ende*/

.header {
	top: 100px;
	width: 100%;
	position: absolute;
	text-align: center;
	font-size: 32px;
	font-weight: 100;
	line-height: 100px;
	height: 100px;
	background-color: rgba(255,215,0,0.3);
	color: #fff;
	/*	set animation -webkit-transition: height 0.6s ease;*/
	transition: height 0.6s ease;
}
.header.sticky {
	top: 0px;
	position: fixed;
	font-size: 18px;
	line-height: 45px;
	height: 45px;
	width: 100%;
	background-color: rgba(255,215,0,0.2);
	text-align: center;
	padding-left: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 100;
}
.header-01 {
	display:block;
}
.header-02 {
	display:none;
}

@media screen and (min-width: 0px) and (max-width: 800px) and (orientation: portrait) {
.header-01 {
	display:none;
}
.header-02 {
	display:block;
}
}

.logo {
	width: 13.5em;
	margin-top: 25px;
	margin-bottom: 15px;
	/*	set animation -webkit-transition: height 0.6s ease;*/
	transition: width 0.6s ease;
	position: fixed;
}
.logo.sticky {
	margin-top: 25px;
	margin-bottom: 15px;
	position: fixed;
	width: 13.5em;
}
.logo-mobile {
	width: 200px;
	top: 25px;
	left: 5%;
	position: absolute;
}




.button-01 {
    margin: 0px;
    cursor: pointer;
    border: 1px dotted rgba(116,162,186,1.0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: inherit;
    text-transform: uppercase;
    padding: 9px 12px 9px 13px;
    letter-spacing: 1px;
	position:absolute;

}
.button-01:hover {
    color: rgba(116,162,186,1.0);
	text-decoration: none;
}

/*
.button-center {
	position:relative;
	text-align:center;
	margin-bottom:-35px;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
*/

.dotted-box-02 {
	border: 1px dotted rgba(116,162,186,1.0); 
	box-sizing: content-box;
	padding: 4.5% 5% 3.75% 5%;
	float:left;
	margin: 0px;
}
@media screen and (min-width: 0px) and (max-width: 600px) {
.dotted-box-02 {
	padding: 4.5% 5% 3.75% 5%;
	width: 90%;
}
}

/*Looktrainings*/
.dotted-box-03 {   
	border: 1px dotted rgba(116,162,186,1.0); 
	box-sizing:content-box;
	padding: 5% 5% 8.5% 5%;
	float:left;
	width:37.5%;
	margin-bottom: 2em;
}
@media screen and (min-width: 701px) and (max-width: 850px) {
.dotted-box-03 {   

	padding-bottom:10%;

}
}
@media screen and (min-width: 601px) and (max-width: 700px) {
.dotted-box-03 {   

	padding-bottom:12%;

}
}
@media screen and (min-width: 501px) and (max-width: 600px) {
.dotted-box-03 {   

	padding-bottom:14%;

}
}


/*Looktrainings*/
@media screen and (min-width: 0px) and (max-width: 500px) {
.dotted-box-03 {   
	border: 1px dotted rgba(116,162,186,1.0); 
	box-sizing:content-box;
	padding: 5% 5% 20% 5%;
	float:left;
	width:89.5%;
	margin-bottom: 2em;
}
}

/*Looktrainings*/
@media screen and (min-width:501px) and (max-width: 767px) {
.dotted-box-03-in {
	height:9em;
}
}

.float-right {
	float:right;
}







ul.highlight-box-01 
	{
		text-align: left;
		margin-left:-20px;
		margin-top:0px;
		margin-bottom:0px;
		font-size:1.15em;
		color: rgba(116,162,186,1.0);
		line-height:145%;
		list-style-type: circle;
}

li.highlight-box-01 
	{
		padding: 10px 0px 10px 10px;
/*		font-family: 'ManifoldCF-Regular', Helvetica, Arial, Sans-Serif;*/
}