/*
Theme Name: Max Nadig - Strategieentwicklung und Kommunikation
Author: LEXO Software Development
Author URI: http://www.lexo.ch
Version: 1.0
*/

@charset "utf-8";

@font-face {
    font-family: 'MyriadPro-Light';
    font-display: swap;
    src: url('fonts/myriadpro-light-webfont.eot');
    src: local('☺'), url('fonts/myriadpro-light-webfont.woff') format('woff'),
        url('fonts/myriadpro-light-webfont.ttf') format('truetype'),
        url('fonts/myriadpro-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro';
    font-display: swap;
    src: url('fonts/myriadpro-regular-webfont.eot');
    src: local('☺'), url('fonts/myriadpro-regular-webfont.woff') format('woff'),
        url('fonts/myriadpro-regular-webfont.ttf') format('truetype'),
        url('fonts/myriadpro-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro';
    font-display: swap;
    src: url('fonts/myriadpro-it-webfont.eot');
    src: local('☺'), url('fonts/myriadpro-it-webfont.woff') format('woff'),
        url('fonts/myriadpro-it-webfont.ttf') format('truetype'),
        url('fonts/myriadpro-it-webfont.svg') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'MyriadPro';
    font-display: swap;
    src: url('fonts/myriadpro-semibold-webfont.eot');
    src: local('☺'), url('fonts/myriadpro-semibold-webfont.woff') format('woff'),
        url('fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
        url('fonts/myriadpro-semibold-webfont.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro';
    font-display: swap;
    src: url('fonts/myriadpro-semiboldit-webfont.eot');
    src: local('☺'), url('fonts/myriadpro-semiboldit-webfont.woff') format('woff'),
        url('fonts/myriadpro-semiboldit-webfont.ttf') format('truetype'),
        url('fonts/myriadpro-semiboldit-webfont.svg') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'MyriadPro-Cond';
    font-display: swap;
    src: url('fonts/myriadpro-cond-webfont.eot');
    src: local('☺'), url('fonts/myriadpro-cond-webfont.woff') format('woff'),
        url('fonts/myriadpro-cond-webfont.ttf') format('truetype'),
        url('fonts/myriadpro-cond-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Cond';
    font-display: swap;
    src: url('fonts/myriadpro-boldcond-webfont.eot');
    src: local('☺'), url('fonts/myriadpro-boldcond-webfont.woff') format('woff'),
        url('fonts/myriadpro-boldcond-webfont.ttf') format('truetype'),
        url('fonts/myriadpro-boldcond-webfont.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

* {
    /* set all browsers to the same box-sizing model */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
	outline: none;
}

html {overflow-y: scroll; /*overflow-x: auto;*/} /* always show scrollbar to reduce flickering on page changes */
body {background-color: #FFF; color:#777; font-size:18px; line-height: 1.4em; font-family: 'MyriadPro-Light', Helvetica;}

sup,
sub {
    font-size:85%;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

.clear {clear:both;}
.floatright {float:right !important;}
.floatleft {float:left !important;}

#page_wrapper {position: relative; display: block; width:960px; margin:0px auto; position: relative; height:auto;}
#header {position: relative; display:inline-block; width:100%; margin-top:0px; height:auto; overflow: visible;}
#header #logo {position: absolute; display:block; width:416px; height:200px; background: transparent url('images/logo.png') 0 0 no-repeat; z-index:10;}

#header #mainmenu {position: relative; display: block; width:50%; right:0; height:auto; padding:0; float:right; margin:0; }
ul.hauptmenue {position: relative; display: block; list-style-type: none; float: right; padding:55px 0px 0px 0; text-align: center; margin:0; }
ul.hauptmenue > li {position: relative; display: block; float:left; margin:0 0 0 40px; background-image: none; padding-bottom:10px; padding-left:0;}
ul.hauptmenue > li:first-child {margin-left:0;}
ul.hauptmenue > li:hover, ul.hauptmenue > li.current-menu-item, ul.hauptmenue > li.current-menu-parent {background: url('images/menu_arrow_down.png') center bottom 5px no-repeat !important;}
	ul.hauptmenue > li > a {color:#494848; text-decoration: none; font-size: 26px; font-weight: normal; font-family: 'MyriadPro-Cond';}
	ul.hauptmenue > li:hover > a, ul.hauptmenue > li.current-menu-item > a, ul.hauptmenue > li.current-menu-parent > a {color: #e23230;}

		ul.hauptmenue > li > ul.sub-menu {position: absolute; top:100%; left:0; display: none; transition: all 0.3s ease-in-out;}
		ul.hauptmenue > li:hover > ul.sub-menu {
			display: block;
			background-color: #fff;
			box-shadow: 0 0px 4px 0px rgba(0,0,0,0.2);
			z-index: 300;
			white-space: nowrap;
			padding:5px 25px;
			text-align: left;
			min-width:200px;
			left:-22px;
		}
		
			ul.hauptmenue > li:hover > ul.sub-menu > li {transition: all 0.3s ease-in-out; margin:15px 0px;}
			ul.hauptmenue > li:hover > ul.sub-menu > li > a {color:#494848; font-family: 'MyriadPro-Cond'; font-size: 20px; font-weight: normal; text-decoration: none;}
			ul.hauptmenue > li:hover > ul.sub-menu > li.current-menu-item > a {color:#e23230;}
			ul.hauptmenue > li:hover > ul.sub-menu > li:hover > a {color:#e23230; padding-left: 3px; transition: all 0.3s ease-in-out;}
			
#content_container {display:block; position: relative; float:left; width: 830px; height:auto; margin:30px 0px 0px 130px; padding-bottom:200px;}
#home_page_content {margin-left:-130px !important;}
.home_image {position: relative; display: block; width:100%; height:402px; overflow: visible;}
.home_image img {position: absolute; display: block; z-index: 0; width:960px; height:402px;}

.teaser_banner {
	width:960px;
	height:171px;
	position:absolute;
	bottom:0;
	left:0;
	display: block;
	padding:20px 15px;
	color:#fff;
	font-family: 'MyriadPro-Light';
	background-color: rgba(0,0,0,0.5); 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjcyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.45) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.72)), color-stop(100%,rgba(0,0,0,0.45)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.45) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.45) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.45) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.45) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8000000', endColorstr='#73000000',GradientType=1 );
	height:auto;
}
	.teaser_banner p {margin:0;}
	.teaser_banner h1 {margin:0; font-size: 33px; letter-spacing: 3px; line-height: 1em; font-family: 'MyriadPro-Light';}
	.teaser_statistic {position: absolute; display: block; z-index: 300; background: url('images/statistic.png') 0px 0px no-repeat; width: 300px; height: 212px; bottom:-100px; right:-70px; }

div.box{position: relative; display: block; margin-top:50px; width:960px; }
div.bottom_box {display: block; list-style: none outside none; margin: 40px 0px 0px 0px;  padding: 0px 0 0px 0px;}

div.bottom_box {position: relative; display: block; float:left; margin: 0px 30px 0px 0px; width:300px; font-family: 'MyriadPro-Light'; text-align: justify;}
div.bottom_box:last-child {margin-right: 0;}
div.bottom_box div.title {position: relative; display: inline-block; margin-top:50px; color: #e23230; font-weight: bold; font-size: 20px; font-family: 'MyriadPro-Cond';}
div.bottom_box_icon {position: absolute; display: block; top:0; left:0;}

.page_title {color: #E2312F; font-size:42px; margin-top:37px; font-family: 'MyriadPro-Cond'; font-weight: normal;}
.post_content_position {width:100%; margin-top:  75px;}
.post_image {position: relative; display: block; float:left; width: 150px;}
.post_content_text {width:676px;  display:inline-block; float:left; padding-left: 40px; white-space: normal; overflow: hidden; line-height: 1.2em;}
.bottom_line {width:100%; height:2px; position:relative; display:inline-block; margin:40px 0px 46px 0px; background: url('images/bottom_line.png') 0 0 no-repeat;}

.mandate_content_text {position: relative; display: block; width:640px;}
.project_link {position: relative; display: block; margin: 30px 0 0 0;}
.sub-title {font-size: 16px; font-weight: bold; color:#777676;}
#subcategoryview {text-align: left;}
	#subcategoryview li {list-style: none; display: inline-block; padding-left:30px;}
#mandate_taxonomyinfo {position: relative; display: block; font-size: 80%;}
	
#div_form_contacts {display: block; position: relative; float: left;} /* left column wrapper for the LEXO form; .contact_right floats right beside it */
.contact_left {position: relative; display: block; width: 500px;  float:left}
.contact_text {width:170px; float:left; margin:0;}
.contact_input { float:left; margin-left:25px; margin-bottom:20px;}
.contact_input input {width:305px; border: 1px solid #C2C2C2; font-size:95%; color:  inherit; font-family: inherit; padding:5px 10px;}
.contact_input textarea {width:305px; height:118px; border: 1px solid #C2C2C2; font-size: 95%; color:  inherit; font-family: inherit; padding:5px 10px;}
.contact_right {width: 329px; float:right; font-size: 95%;}
	.contact_right p:first-child {margin-top:0;}
.contact_submit_button {float:right; border:0px; background-color: #8e8d8d; padding:10px 25px; color:#fff; font-size:18px; cursor: pointer;}
	.contact_submit_button:hover {background-color: #e23230;}
.check { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.error { border:1px solid #FF0000 !important; font-weight: normal; box-shadow: 0px 0px 5px #777;}

#footer{position: fixed; bottom: 0px; left:0px; clear:both; display:block; width: 100%;  padding:0; height:59px; overflow: hidden; background: url('images/footer_bg.png') 0px 0px repeat-x; z-index:100; font-size: 16px; }
.footer_container{width:960px; height:59px; margin:0px auto; position: relative; padding: 0px 0px; font-size:16px; color: #7b7b7b;}
.left_side {position: relative; float:right; right:0;}
.footer_left_side {position: absolute; display: block; top:20px; left:0;}
.footer_right_side{padding-top: 20px; position: absolute; right:25px;}
.small_icon {position: absolute; right:0px; width:19px; height:50px; background: url('images/footer_logo_small.png') 0px 10px no-repeat}

/* Gallery properties --------------------------------------------------------------------------------------------------------------------------------------------- */
div.gallery {margin:50px 0px 50px 0px !important;}
	div.gallery a {}
	div.gallery a:last-child {margin-right:0;}
		div.gallery a img {padding:4px; box-shadow: 0 10px 10px -10px #777; margin:0px 12px 10px 0px;}
	.fancybox-title {width: 100%; text-align: center; font-family: 'MyriadPro-Cond' !important; font-weight: normal !important; font-size: 20px !important;}