@charset "utf-8";

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('/css/fonts/noto-sans/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/noto-sans/noto-sans-v27-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('/css/fonts/noto-sans/noto-sans-v27-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/css/fonts/noto-sans/noto-sans-v27-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* HTML5 HACK -------------------------------------- */  

section, article, header, footer, nav, aside, hgroup, figure {  
    display: block;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
	box-sizing: border-box;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible+span, 
#CybotCookiebotDialog :focus-visible,
#CookiebotWidget :focus-visible,
#CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo {
	outline: none!important;
}
#CybotCookiebotDialog a:hover {
	border-bottom: none!important;
	color: rgba(0,0,0,.78)!important;
}

/* STYLES -------------------------------------- */  

body {
	font-family: 'Noto Sans', sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.5875em;
	margin: 96px 48px 0 48px;
}
p {
	margin: 0 0 1.2em 0;
}
strong, b {
	font-weight: 700;
}
a {
	color: rgba(0,0,0,.36);
	text-decoration: none;
	padding-bottom: .12em;
}
section a {
	color: #fff;
}
a:hover {
	color: rgb(0,0,0);
	padding-bottom: .12em;
	border-bottom: .16em solid rgba(0,0,0,.78);
}
h1 {
	font-size: 2.5em;
	font-weight: 700;
	line-height: 1.6em;
	margin: 0 0 .3em 0;
	padding: 0;
}
h2 {
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.6em;
	margin: .8em 0 .6em 0;
	padding: 0;
}
h3 {
	font-weight: 700;
	color: #fff;
	font-size: 1.3em;
	line-height: 1.6em;
	margin: .8em 0 .6em 0;
	padding: 0;
}
section p, section h1, section h2, section h3, section h4, section h5 {
	color: rgb(255, 255, 255);
}

/* HEADER -------------------------------------- */  

header {
	margin: 24px;
	overflow: hidden;
}
#branding a {
	background:url(/../imgs/logo/fidelitatis_logo.png) no-repeat;
	display: block;
	float: left;
	width: 350px;
	height: 64px;
	text-indent: .5em;
	line-height: 6.4em;
	color: rgba(0,0,0,.28);
	font-size: 1em;
	margin-right: 2em;
}
#branding a:hover {
	text-decoration: none;
	border-bottom: none;
}
header nav {
	text-transform: uppercase;
	font-size: 1.32em;
	font-weight: 700;
	margin-top: 24px;
}
header nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
header nav ul li {
	display: inline-block;
	margin: 0 .8em;
}
header nav ul li a {
	color: rgba(0,0,0,.36);
	display: block;
}
header nav ul li a:hover, header nav ul li a.active {
	border-bottom: .25em solid #ced5a4;
	padding-bottom: .2em;
	color: #ced5a4;
}

/* SECTIONS -------------------------------------- */  

section {
	max-width: 100vw;
}
section#subpage {
/*	width: 100%;
*/	padding: 0;
	margin: 0;
	overflow: auto;
}
section#home {
	height: 64vh;
	border-radius: .2em;
	background: url(/../imgs/content/sigmund-akhavan-aghdam.jpg);
	background-size: cover;
	background-position: 100% 35%;
	display: flex;
	align-items: center;
	padding: 4em;
}
section#home video {
	display: inline-block;
	overflow: auto;
	border-radius: .2em;
	box-shadow: 0 10px 80px 20px rgba(0,0,0,.5);
	max-height: 80%;
}
section#home p {
	width: 60%;
	display: inline-block;
	margin: 4em 0 1em 1em;
	text-transform: uppercase;
	font-size: 4.4em;
	font-weight: 800;
	line-height: 1.1em;
	text-align: left;
	/*text-shadow: 1px 1px 2px #000;*/
}

section#subpage article {
	border-radius: .2em;
	float: right;
	width: 49%;
	padding: 6.4em;
	margin-left: 1%;
	background: rgb(183, 200, 114);
	height: 64vh;
	overflow: auto;
}
section#subpage article ul {
	color: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
}
section#subpage article li {
	margin: 0 0 .5em 0;
}

.unternehmen {
	float: left;
	width: 50%;
	border-radius: .2em;
	background: url(/../imgs/content/sigmund-akhavan-aghdam.jpg);
	background-size: cover;
	background-position: center;
	height: 64vh;
	text-indent: -999em;
}
.leistungen {
	float: left;
	width: 50%;
	border-radius: .2em;
	background: url(/../imgs/content/fidelitatis_team.jpg);
	background-size: cover;
	background-position: center;
	height: 64vh;
	text-indent: -999em;
}
.news {
	float: left;
	width: 50%;
	border-radius: .2em;
	background: url(/../imgs/content/fidelitatis_news.jpg);
	background-size: cover;
	background-position: center;
	height: 64vh;
	text-indent: -999em;
}
.kontakt {
	float: left;
	width: 50%;
	border-radius: .2em;
	background: url(/../imgs/content/fidelitatis_team.jpg);
	background-size: cover;
	background-position: center;
	height: 64vh;
	text-indent: -999em;
}

/* FOOTER -------------------------------------- */  

footer {
	color: rgba(0,0,0,.36);
	font-size: .9em;
	margin: 24px;
	overflow: auto;
	clear: both;
}
.left {
	display: block;
	float: left;
	width: 300px;
}
.right {
	text-align: right;
	float: right;
	overflow: auto;
}
footer nav {
	overflow: auto;
}
footer nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
footer nav ul li {
	display: inline-block;
	margin: 0 .8em .4em .8em;
}