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

/* --------- OLSSON BUSINESS ACCELERATION -------------------------------------------------------------------------------
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
CSS-Design by royal emotions - stay digital, Regina Meissner, www.royalemotions.de
Kontakt: anfrage@royalemotions.de | Erstellt im März 2017
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
/*----- BASIC --------------------------------------------------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	font-family: 'pantonregular';
}
.respic {
	width:100%;
	max-width:1600px;
	height:auto;
}
.trenner {
	border-top:1px solid #81958e;
	width:100px;
	height:1px;
	margin:auto;
	padding-bottom:0px;
	margin-bottom:20px;
}

h1 {font-family: 'pantonlight'; letter-spacing:1px; font-weight:normal; font-size:34px; line-height:20px; color:#005e62; margin:0px; padding:0;}
h2 {font-family: 'pantonbold'; font-weight:normal; font-size:20px; line-height:38px; color:#005e62; margin:0; padding:0; margin-top:-20px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
h3 {font-family: 'pantonsemibold'; font-weight:normal; font-size:28px; line-height:45px; color:#81958e; margin:0; padding:0; margin-bottom:10px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
h4 {font-family: 'pantonlight_italic'; font-size:24px; font-weight:normal; line-height:38px; color:#CC332F; margin:0; padding:0px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
h5 {font-family: 'pantonlight_italic'; font-size:18px; font-weight:normal; line-height:28px; color:#EA564B; margin:0; padding:0;margin-bottom:20px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
h6 {font-family: 'pantonlight_italic';  font-weight:normal; font-size:14px; line-height:20px; color:#89867C; margin:0; padding:0px;margin-bottom:30px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}

p  {
	font-family: 'pantonregular';
	font-weight:normal; 
	font-size:18px;
	line-height:28px; 
	color:#686763;
	-moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
	margin-bottom:15px;
}

b, strong  			{font-family: 'pantonsemibold'; font-weight:normal; font-size:21px; line-height:32px; color:#686763; margin:0; padding:0; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}

a					{font-family: 'pantonregular'; font-weight:normal;color:#005e62; font-size:22px; line-height:32px; text-decoration:none; hidefocus:0; outline:0;}
a:hover 			{font-family: 'pantonregular'; font-weight:normal;color:#81958e; font-size:22px; line-height:32px; text-decoration:none; hidefocus:0; outline:0;}

/* marker colour for text ------------------------------------------------------------------------------------------- */

* {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

::selection 		{background: #efefef; color: #2d2d2d; }
::-moz-selection 	{background: #efefef; color: #2d2d2d; }

/*----- CUSTOM -------------------------------------------------------------------------------------------------------*/

#topwrapper {
	width:100%; 
	position:fixed; 
	height:180px; 
	background-color:#fff; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	top:0px;
	z-index:100;
}
	
.image_fixed {
	position:absolute;
	padding:0;
	margin:0;
	width: 100%;
	height: 100%;
	background-image: url(back_video.jpg);
	background-size: cover;
	background-position: top center;
	background-color: #fff;
	z-index:1;
}	
video#bgvid { 
	position: absolute; 
	top:8%;
	right: 0; 
	bottom: 0;
	min-width:100%; 
	min-height: 90%;
	width: auto; 
	height: auto; 
	z-index: -100;
	background: url(back_video.jpg) no-repeat;
	background-size: cover; 
	background-position: top center; 
	z-index:1;
}

#startwrapper {
	position: relative; 
	display:table;
	top:30px;
	width:100%;
	margin:auto;
	height:100vh;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
	z-index:20;
}

#contentarea	{margin-top:230px; background-color:#fff; z-index:30;}
#kontaktblock 	{margin-top:20px; background-color:#fff; z-index:30;}

#zitatwrapper {
	width:100%;
	top:100px;
	background-color:#005e62;
	padding:3%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
	z-index:30;
}

#zitat {
	max-width:600px;
	width:96%;
	margin:auto;
}

#zitat h1 {
	line-height:45px;
	color:#fff;
	font-family: 'pantonlight_italic';
	font-size:36px;
	font-weight:normal;
}
#zitat h6 {
	font-size:15px;
	color:#338989;
	font-family: 'pantonbold_italic';
	font-weight:bold;
}

.logowrapper {max-width:1200px; width:100%; margin:auto;}

.logodiv {
	float: left; 
	display:inline; 
	margin-top:40px; 
	padding-left:20px;
	width:100px; 
	height:100px;
}

.logo_simple_start {
	position: absolute; top: 50%; left: 50%; width: 500px; height: 500px; margin-top: -250px; margin-left: -250px;
}
#logoarea {margin:auto; margin-top:15%; width:20%; height:20%}
@media screen and (max-width: 1200px) {
#logoarea {margin:auto; margin-top:25%; width:30%; height:30%}
}
@media screen and (max-width: 800px) {
	
#logoarea {margin:auto; margin-top:60%; width:50%; height:50%}
video#bgvid {height:100vh;}	
.image_fixed {background-position:left top; height:100vh;}	
	
}

#lawblock 		{float:right; display:inline; padding-right:30px; margin-top:30px;}
.lawblock 		{font-size:11px; letter-spacing:1px; color:#81958e; font-family: 'pantonbold';}
.lawblock:hover {font-size:11px; letter-spacing:1px; color:#005e62; font-family: 'pantonbold';}
.lawblock:focus {font-size:11px; letter-spacing:1px; color:#005e62; font-family: 'pantonbold';}

.lawblock2 		{font-size:11px; letter-spacing:1px; color:#81958e; font-family: 'pantonbold';}

#footer {
	float:left; clear:both; display:block; width:100%; 
	padding:70px; text-align:center; height:250; 
	background-color:#ecefee; border-top:4px solid #005d63; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;
	z-index:30;
}

/*----- SPRACHWEICHE -------------------------------------------------------------------------------------------------*/

#sprachweiche {
	position: relative;
    float: right;
    margin-right: 20px;
    text-decoration: none;
    z-index: 1000;
}
#sprachweiche ul {
text-decoration:none;
}
#sprachweiche li {
	float:left;
	list-style:none;
	text-decoration:none;
	padding-left:10px;
}
#sprachweiche li a {
	color:#464F4D;
	text-decoration:none;
	font-size:16px;
	font-family: 'pantonsemibold';
    -webkit-transition: .5s all ease-out;
	-moz-transition: .5s all ease-out;
	transition: .5s all ease-out;
}
#sprachweiche li a:hover {
	color:#89867C;
	text-decoration:none;
}
.lang {
	text-decoration:none;
}

/*----- MENU ---------------------------------------------------------------------------------------------------------*/

nav {
	max-width: 1200px; 
	width:100%; 
	margin: auto;
}

#mobilmenu {
	margin-top: 0;
}
.acbox {
	position: absolute;
	display: block;
	top: 40px;
	width: 100%;
}

* {margin:0; padding:0;}
.menu {position:fixed; top:0px; background: rgba(255, 255, 255, 0.90); height:40px; line-height:40px; margin-top:0px; max-width:1600px; width:100%; z-index:50;}
.content {margin-top:10px;}
.menu-padding {padding-top:40px;}
.content {padding:10px;}
.content p {margin-bottom:20px;}

/* */

#top-menu {
	float:right;
	margin-right:0px;
	width:40%;
	height:50px;
    left: 0;
    right: 0;
    top: 0;
	z-index:50;
	clear:right;
}
#top-menu li {
	float: right;
	margin-top:50px;
	list-style:none;
	padding-left:10px;
	padding-right:10px;
}
#top-menu a {
	display: block;
	padding: 3px 20px 7px 20px;
	padding-left:20px;
	padding-right:20px;
	text-align: left;
	-webkit-transition: .5s all ease-out;
	-moz-transition: .5s all ease-out;
	transition: .5s all ease-out;
	color: #000000;
	text-decoration: none;
	font-family: 'pantonsemibold';
	font-size:14px;
	letter-spacing:1px;
}
#top-menu a:hover, a:focus {
	color: #81958e;
}
#top-menu li.active a {
	color: #81958e;
	list-style:none;
}

#menu2 #top-menu {
	display:none;
}

#mobilmenu {display:none;}
.menuicon_mobile {display:none;}
.acbox {display:none;}

@media screen and (max-width: 1600px) {

video#bgvid {
	position: absolute; 
	top:8%;
	right: 0; 
	bottom: 0;
	width:100%; 
	height: auto; 
	z-index: -100;
	background: url(back_video.jpg) no-repeat;
	background-size: 100%; 
	background-position: top center; 
	z-index:1;
}	

#startwrapper {
	position: relative; 
	display:table;
	top:30px;
	width:100%;
	margin:auto;
	height:100vh;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
	z-index:20;
}

#contentarea	{margin-top:150px; background-color:#fff; z-index:30;}
#kontaktblock 	{margin-top:20px; background-color:#fff; z-index:30;}
	
}

@media screen and (max-width: 1000px) {	

/* ----- TYPO MOBIL ------------------------------- */
	

h1 {font-size:26px; line-height:32px;}
h2 {font-size:24px; line-height:30px;}
h3 {font-size:24px; line-height:36px;}
h4 {font-size:20px; line-height:26px;}
h5 {font-size:16px; line-height:24px;}
h6 {font-size:12px; line-height:18px;}

p  {font-size:18px;	line-height:26px; margin-bottom:10px;}

b, strong  		{font-size:18px; line-height:26px;}

a				{font-size:18px; line-height:26px;}
a:hover 		{font-size:18px; line-height:26px;}
	
#contentarea	{margin-top:0px; background-color:#fff; z-index:30;}
	
	video#bgvid {
	position: absolute; 
	top:8%;
	right: 0; 
	bottom: 0;
	width:200%; 
	height: auto; 
	z-index: -100;
	background: url(back_video.jpg) no-repeat;
	background-size: 100%; 
	background-position: top center; 
	z-index:1;
	}	

/* ----------------------------------------------- */
	
#top-menu {
	display:none;
}

#topwrapper {
	width:100%; 
	position:fixed; 
	height:100px; 
	background-color:#fff; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	top:0px;
	z-index:100;
}
.logodiv {
	display:block; 
	margin-left:30px; 
	margin-top:18px; 
	width:60px; 
	height:60px;
}
#lawblock {float:right; display:inline; padding-right:30px; margin-top:10px;}	

#mobilmenu {display:block; width:100%;margin-top:3px;}
.menuicon_mobile {position:absolute; padding-top:5px; display:block; width:45px; height:37px; z-index:100;}
.acbox {position:top; display:block; top:37px; z-index:100;}

#top-menu2 {
	background-color:#81958e;
	width:100%;
	height:100vh;
	margin:auto;
    margin-top:63px;
	padding-top:60px;
}
#top-menu2 li {
	list-style:none;
	margin:auto;
	margin-left:0px;
	padding-left:40px;
	padding-right:40px;
	text-align:center;
	font-family: 'pantonsemibold';
	box-sizing: border-box;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
}
#top-menu2 a {
	padding: 5px 0px 14px 0px;
	text-align: center;
	color: #fff;
	font-size:18px;
	line-height:32px;
	font-family: 'pantonsemibold';
	text-decoration: none;
	-webkit-transition: .5s all ease-out;
	-moz-transition: .5s all ease-out;
	transition: .5s all ease-out;
}
#top-menu2 a:hover {
	color: #dae8e8;
	-moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#top-menu2 li.active a {
	color: #fff;
	list-style:none;
}

}


@media screen and (max-width: 750px) {	

	video#bgvid {
	position: absolute; 
	top:-100px;
	right: 0; 
	bottom: 0;
	min-width:150%; 
	min-height: auto;
	width: auto; 
	height: auto; 
	z-index: -100;
	background: url(back_video.jpg) no-repeat;
	background-size: cover; 
	background-position: top center; 
	z-index:1;
}
	
	#contentarea	{margin-top:320px; background-color:#fff; z-index:30;}
	
}