/* !COMMONS ----------------------------------------------- */
/*
font-family: "CorpidC1_300_Light";
font-family: "CorpidC1_700_Bold";
font-family: "CorpidC1_900_Black";

ROT: rgb(255, 103, 85)

color:rgb(255, 103, 85);

BEIGE: #e8dacc;

f7e5d1
Safari Beige #f9e8d8

Safari grau: #ecdfd3;


*/
/* !BODY ----------------------------------------------- */
body {
	background-image:url(/img/triangle-body.png);
	background-position:center top;
	background-repeat:no-repeat;
/* 	background-color: #f6e3d2;  ORIGINAL PHOTOSHOP*/ 
/* 	background-color: #f6e4d1; */
/* 	background-color:#f9e8d8; SAFARI VIDEO HINTERGRUND*/
/* 	background-color:#f7e5d1; */
	
/* 	background-color:#f4e2cf;	BEI ON AUSGESUCHT */
	background-color:#e8dacc  /* GRAU */;
/* 	background-color:#ecdfd3  */ /* GRAU */;	
/* 	background-color: #e8dacc; */
	font-family:"CorpidC1_300_Light";
	line-height:1.3em;
	text-rendering:optimizeLegibility;
	-webkit-text-size-adjust:none;
/* Prevent font scaling in landscape */
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	padding-bottom:100px;
/* 	text-align: justify; */
/*
   	moz-hyphens:auto;
	-o-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
*/
	
}

body.safari {
	
	background-color:#ecdfd3;
	
}

.rot {
	
	color:rgb(255, 103, 85); 
}


.container {
	max-width:1300px;
	background:url(/img/container.png) top center repeat-y;
	background-size:contain;
}

#container-triangle {
	background-image:url(/img/triangle-html.png);
	background-position:right top;
	background-repeat:no-repeat;
}

hr.dashed {
	border-top:1px dashed #ff6755;
}

hr {
	border-top:1px dashed #ff6755;
}

.img-responsive {
	margin:0 auto;
	display: inline-block;
}

/* !STYLES ----------------------------------------------- */
a {
	color:#ff6755;
}

a:hover {
	color:#d25545;
	text-decoration:none;
}

strong,b {
	font-weight:400;
	font-family:"CorpidC1_700_Bold";
}

/* !HEADER ----------------------------------------------- */
#header {
	padding-top:30px;
}

#header h1 {
	font-family:"CorpidC1_700_Bold";
	font-size:3em;
	color:#fff;
	margin:0;
	margin-bottom:30px;
}

#header h2 {
	margin:0;
	margin-bottom:50px;
}

#header .symbol,#footer .symbol {
	color:#ff6755;
	font-size:1.9em;
}

#header .logo img {
	width:270px;
	float:right;

}

/* !NAVIGATION ----------------------------------------------- */
#navigation {
	list-style:none;
	margin:0;
	padding:0;
}

#navigation ul {
	display:none;
	margin:0;
	padding:0;
	margin:5px 0 5px 20px;
}

#navigation li {
	list-style:none;
	margin:0;
	padding:0;
}

#navigation li a {
	font-family:"CorpidC1_700_Bold";
	font-size:1.8em;
	color:#ff6755;
	line-height:1.3em;
}

#navigation li.active > a {
	color:#fff;
}

#navigation ul li a {
	font-family:"CorpidC1_700_Bold";
	font-size:1.4em;
	color:#ff6755;
	line-height:1.3em;
}

#navigation li.active ul {
	display:block;
}

#navigation li a:hover {
	color:#fff;
}

.menu {
	font-family:"CorpidC1_700_Bold";
	font-size:1.3em;
	color:#ff6755;
	line-height:1.3em;
	text-transform:uppercase;
}

.navbar-nav>li {
	border-bottom:1px dashed #ff6755;
}

.nav>li>a {
	position:relative;
	display:block;
	padding:5px 15px;
}

.navbar-nav>li>a {
	font-family:"CorpidC1_700_Bold";
	font-size:1.2em;
	color:#ff6755;
	line-height:1.3em;
	padding:10px 0;
}

.navbar-nav>li>a {
	font-family:"CorpidC1_700_Bold";
	font-size:1.2em;
	color:#ff6755;
	line-height:1.3em;
	padding:10px 0;
}

.nav>li>a:focus,.nav>li>a:hover {
	text-decoration:none;
	background-color:rgba(255,102,85,0.47);
}

.navbar-toggle {
	float:none;
	margin:15px 0;
	padding:9px 0;
	border:0 solid #ededed;
	margin-right:5px;
}

.navbar-toggle .icon-bar {
	background-color:#ff6755;
	border:#ff6755;
}

.nav>li>a.active {
	background-color:rgba(255,255,255,0.3);
	border-color:none;
	padding-left:10px;
}

.nav>li>.nav>li:last-child {
	margin-bottom:10px;
}

.nav>li>.nav>li>a.active {
	background-color:rgba(255,255,255,0.7);
	border-color:none;
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
	background-color:rgba(255,255,255,0.5);
	border-color:none;
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
	background-color:#ff6755;
	background-image:none;
/*
    background-image: -webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#2e6da4 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));
    background-image: linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
*/
}

.dropdown-menu {
	display:block;
}

.dropdown-menu {
	margin-top:0;
}

/* !CONTENT STRUCTURS ----------------------------------------------- */

.start {
	margin-top:100px;
}


.start.colums {
	display: flex;
	flex-direction: row;
	align-items:stretch;
	align-content:stretch;
	position: relative;
}


.start .item {

	display: flex; 
	flex-direction: column;
	justify-content:space-between;
	padding-right: 15px;
	padding-left: 15px;
	width: calc(100%/3);
	
}

#m-t-n-lg {
	margin-top:-100px;
}

#m-t-n-md {
	margin-top:-75px;
}

#m-t-n-sm {
	margin-top:-50px;
}

.b-b {
	border-bottom:3px solid #ff6755;
}

tt {
	font-family:"CorpidC1_900_Black";
}


.img-home {
	
	width: 100%;
	max-width: 353px;
	margin: 0 auto;
	
}

/* !CONTENT  ----------------------------------------------- */
#content .headline h1 {
	font-family:"CorpidC1_700_Bold";
	font-size:3em;
	color:#fff;
	margin:0;
	margin-bottom:15px;
}

#content .headline h2 {
	margin:0;
	margin-bottom:50px;
}

#content .row {
	margin-top:15px;
}

#content h1 {
	font-family:"CorpidC1_700_Bold";
	color:#000;
	font-size:2em;
	margin-top:10px;
}

#content h2 {
	font-family:"CorpidC1_700_Bold";
	color:#ff6755;
	font-size:1.5em;
/* 	margin-bottom: 50px; */
}

#content h3 {
	font-family:"CorpidC1_900_Black";
	color:#ff6755;
	font-size:1em;
	margin:0;
	margin-bottom:5px;
}

#content blockquote {
	position:relative;
	padding:10px 0;
	margin:10px 0 0;
	font-size:1.5em;
	line-height:1.1em;
	text-transform:normal;
	font-family:"CorpidC1_700_Bold";
	border:0;
/*
	moz-hyphens:auto;
	-o-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
*/
}

#content blockquote:before {
	content:'';
	width:150px;
	height:2px;
	background:#ff6755;
	position:absolute;
	bottom:100%;
	left:0;
	margin-left:0;
}

#content .box1:before {
	content:" ";
	position:absolute;
	width:149px;
	height:186px;
	top:-60px;
	left:-90px;
	background:url(/img/triangle-box.png) no-repeat;
}

#content .box3:before {
	content:" ";
	position:absolute;
	width:186px;
	height:149px;
	top:-80px;
	right:-40px;
	background:url(/img/triangle-box-right.png) no-repeat;
}

#content .box1 {
	position:relative;
	box-shadow:inset 0 0 4px 2px rgba(0,0,0,0.15);
	padding:15px;
}

#content ul {
	list-style:none;
	padding:0;
	padding-left:20px;
}

#content ul li {
	margin:5px 0;
	position:relative;
}

#content ul li:before {
	position:absolute;
	top:8px;
	left:-20px;
	content:" ";
	width:12px;
	border-top:2px solid #ff6755;
	color:#ff6755;
	font-weight:bolder;
}

.icon-email {
	
	position: absolute; 
	margin-top:-32px;
	margin-left: -15px;
	
}

#page-22 .box2  {
	
	padding: 20px;
}

#page-22 .box2 .box-wrapper {
	
	height: 230px;
	background-color: white;
	border-radius: 50px 0px 50px 50px;
	padding: 20px 30px;
	
	
}




.Sachverstand .box2 {
	
	height: 300px;
	
}

.Team .box2 {
	
	height: 425px;
	
}

/* !SIDE ----------------------------------------------- */
#side {
	text-align:left;
}

#side h1 {
	font-family:"CorpidC1_900_Black";
	color:#ff6755;
	font-size:3em;
	margin:0;
}

#side h2 {
	font-family:"CorpidC1_700_Bold";
	color:#fff;
	font-size:1.2em;
	margin:0;
}

/* !VIDEO ----------------------------------------------- */
#video video {
	max-width:100%;
	height:auto;
	background-color:transparent;
}

.head-wrapper {
	text-align:left;
/* 	margin:0 auto; */
	display:inline-block;
}

#video h1 {
	font-family:"CorpidC1_900_Black";
	color:#ff6755;
	font-size:3em;
	margin:0;
/* 	margin-left: 80px; */
}

#video h2 {
	font-family:"CorpidC1_700_Bold";
	color:#fff;
	font-size:1.2em;
	margin:0;
/* 	margin-left: 80px; */
}

/* !CONTENT ----------------------------------------------- */
hr.dashed {
	margin-top:20px;
	margin-bottom:20px;
	border:0;
	border-top:1px dashed #ff6755;
}



/* !Galerie ----------------------------------------------- */
.galerie .image {
	background-size:cover;
	background-position:center center;
	width:100%;
	max-height:200px;
	height:200px;
	margin:10px 0;

	border:2px solid #fff;
	box-shadow:1px 1px 8px rgba(0,0,0,0.20);
	outline: 1px solid #ff6755;
    outline-offset: 0px;

}

.galerie .image.small {
	background-size:cover;
	width:100%;
	max-height:100px;
	height:100px;
}

/* !NEWS ----------------------------------------------- */


.newsfull-head {
	
	margin-top: 10px;
}

.newslink {
	
	text-transform: uppercase;
	font-family:"CorpidC1_700_Bold";
	font-size: 0.8em;
	top: 20px;
	position: relative;

}


.newslink:before {
	
	content:'';
	width:25px;
	height:2px;
	background:#ff6755;
	position:absolute;
	bottom:100%;
	top:-7px;
	left:0;
	margin-left:0;
	
}





.news h5 {
	
	text-transform: uppercase;
	
}

.news-datum {
	color:white;
	text-transform: uppercase;
	font-size: 0.9em;
	font-family:"CorpidC1_700_Bold";
}

.news-head {
	
	margin: 5px 0;
	font-size: 1.2em;
	color:#ff6755;
	font-family:"CorpidC1_700_Bold";
}

/* !FOOTER ----------------------------------------------- */
#footer {
	margin-top:50px;
	margin-bottom:50px;
}

#footer .dashed {
	width:inherit;
	border-top:1px dashed #ff6755;
	margin-bottom:10px;
	padding-top:5px;
	width:75%;
}

#footer a {
	font-size: 90%;
	font-family:"CorpidC1_700_Bold";
	text-transform:uppercase;
	margin-right: 5px;
}

/* !MEDIA ----------------------------------------------- */
@media(max-width:1200px) {
	
}

@media(max-width:992px) {
	#header h1 {
		font-family:"CorpidC1_700_Bold";
		font-size:2.4em;
		color:#fff;
		margin:0;
		margin-bottom:20px;
	/*
						   	moz-hyphens:auto;
					-o-hyphens:auto;
					-webkit-hyphens:auto;
					-ms-hyphens:auto;
					hyphens:auto;
			*/
	}
	
	
	
	#m-t-n-sm {
		margin-top:0;
	}
	
	#m-t-n-md {
		margin-top:0;
	}
	
	#m-t-n-lg {
		margin-top:0;
	}
	
}

@media(max-width:768px) {
	#header .logo img {

		float:none;

		margin-bottom:20px;
	}
	
	#container-triangle {
		background-image:url(/img/triangle-html.png);
		background-position:top right;
		background-repeat:no-repeat;
	}
	
	#header h1 {
		font-family:"CorpidC1_700_Bold";
		font-size:1.5em;
		color:#fff;
		margin:0;
		margin-bottom:20px;
	}
	
	#content h1 {
	/*
			font-family: "CorpidC1_700_Bold";
			color:black;
			font-size: 2.0em;
			margin-top: 10px;
		*/
		moz-hyphens:auto;
		-o-hyphens:auto;
		-webkit-hyphens:auto;
		-ms-hyphens:auto;
		hyphens:auto;
	}
	
	#m-t-n-sm {
		margin-top:0;
	}
	
	#m-t-n-md {
		margin-top:0;
	}
	
	#m-t-n-lg {
		margin-top:0;
	}
	
	.start {
		margin-top:50px;
	}


	.start.colums {
		display: block;
	
	}
		
		.start .item {
	
		display: block; 
		padding-right: 15px;
		padding-left: 15px;
		width: 100%;
		
	}
	.img-home {
		
		width:100%;
		margin: 0 auto;
		
	}

	
}

@media(min-width:767px) {
	
}

/* !HIRES IMAGES ---------------------------------------------- */
@media only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 21),only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2) {
	
}

div {
/* 	border:1px solid red; */
}