/*
Theme Name: technopark.ch (2014)
Version: 1.00
Author: Tim Portner @  Partner & Partner AG
Author URI: http://www.partner-partner.ch
*/

@import "css/reset.css"; 
@import "css/tools.css"; 
@import "css/fontawesome.min.css"; 

@font-face {
  font-family: 'Tech';
  src: url('webfonts/Tech-Round-Bold-beta.eot'); /* IE9 Compat Modes */
  src: url('webfonts/Tech-Round-Bold-beta.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/Tech-Round-Bold-beta.woff') format('woff'), /* Modern Browsers */
       url('webfonts/Tech-Round-Bold-beta.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfonts/Tech-Round-Bold-beta.svg#575e0dc3e4b24d90d2a216d4dc5d0f09') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Tech';
  src: url('webfonts/Tech-Round-Medium-beta.eot'); /* IE9 Compat Modes */
  src: url('webfonts/Tech-Round-Medium-beta.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/Tech-Round-Medium-beta.woff') format('woff'), /* Modern Browsers */
       url('webfonts/Tech-Round-Medium-beta.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfonts/Tech-Round-Medium-beta.svg#575e0dc3e4b24d90d2a216d4dc5d0f09') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Tech';
  src: url('webfonts/Tech-Round-Light-beta.eot'); /* IE9 Compat Modes */
  src: url('webfonts/Tech-Round-Light-beta.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/Tech-Round-Light-beta.woff') format('woff'), /* Modern Browsers */
       url('webfonts/Tech-Round-Light-beta.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfonts/Tech-Round-Light-beta.svg#575e0dc3e4b24d90d2a216d4dc5d0f09') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  200;
}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("webfonts/fa-brands-400.eot");
  src: url("webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("webfonts/fa-brands-400.woff2") format("woff2"), url("webfonts/fa-brands-400.woff") format("woff"), url("webfonts/fa-brands-400.ttf") format("truetype"), url("webfonts/fa-brands-400.svg#fontawesome") format("svg"); 
}

.fab {
  font-family: 'Font Awesome 5 Brands'; 
}

/* base
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html, body { height: 100%; }
html { text-align: center; overflow-y: scroll; min-width: 320px; background: #215060; }
body { margin: 0px!important; }


/* div#wpadminbar
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#wpadminbar { top: 0; opacity: 1; z-index: 9999; }


/* div.wrapper
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.wrapper { margin: 0 auto; width: 1160px; text-align: left; position: relative; padding: 2.5em; overflow: hidden; }
div.wrapper-main { background: #fff; }
div.wrapper-footer {}


/* header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
header { position: relative; }
header a#logo { position: absolute; top: 40px; left: 40px; }

header aside#teaser { overflow: hidden; }
header aside#teaser img { max-width: 100%; }
header aside#teaser h2.teaser-title { font: 275%/1.1 'Tech', 'Open Sans', Arial, Helvetica, sans-serif; color: #000; position: absolute; bottom: 40px; right: 40px; left: 40px; text-align: right; }
header aside#teaser h2.teaser-white { color: #fff; }

body.id-fix-24 header { background: #26607c; padding: 40px; }
body.id-fix-24 header a#logo { position: static; }
body.id-fix-24 header aside#teaser img, body.id-fix-24 header aside#teaser h2.teaser-title { display: none; }


/* nav
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
nav { font-family: 'Tech', 'Open Sans', Arial, Helvetica, sans-serif; padding: 2em 0 1.8em 0; position: relative; }

nav a.nav-toggle { display: none; color: #27617d; text-decoration: none; font-size: 115%; line-height: 25px; float: left; }
nav a.nav-toggle img { width: 25px; margin: 2px 5px 0 0; float: left; }

nav ul li { float: left; }
nav ul li a { text-decoration: none; text-decoration: none; display: inline-block; }

nav div.nav-main { float: left; }
nav ul#nav-main { font-size: 115%; float: left;}
nav ul#nav-main li { margin-right: 1.6em; }
nav ul#nav-main li a { color: #27617d; }
nav ul#nav-main li a:hover, nav ul#nav-main li.current a { color: #6298b3; }

nav div.nav-inner { float: right; }
nav ul#nav-meta { font-size: 90%; float: right; margin-top: 0.3em; }
nav ul#nav-meta li { margin-left: 1.3em; }
nav ul#nav-meta li a { color: #000000; font-family: 'Tech'; font-weight: 200; }
nav ul#nav-meta li a:hover, nav ul#nav-meta li.current a { color: #27617d; }

nav ul#nav-language { font-size: 90%; float: right; margin-top: 0.3em; }
nav ul#nav-language li { margin-left: 1.4em; }
nav ul#nav-language li a { color: #000; text-transform: uppercase; }
nav ul#nav-language li a:hover, nav ul#nav-language li.current a { color: #27617d; }

nav div.search { position: relative; float: right; font-size: 90%; }
nav div.search ul li { margin-left: 1.3em; }
nav div.search form { position: absolute; top: 20px; right: 0; width: 22em; display: none; background: url('images/bg_searchform.png') top right no-repeat; padding-top: 15px; }

div.search form fieldset { background: #ebefe9; padding: 0.4em; white-space: nowrap; position: relative; overflow: hidden; }
div.search form fieldset input { background: #fff; border: none; color: #000; }
div.search form fieldset input.search-input { width: 100%; padding: 0.5em; }
div.search form fieldset input.search-submit { background: #27617d; color: #fff; cursor: pointer; transition: background .1s linear; padding: 0.5em 1em; position: absolute; right: 0.4em; top: 0.4em; font-weight: 600; }
div.search form fieldset input.search-submit:hover { background: #6298b3; }


/* main
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
main { border-top: 1px solid #5d858f; padding: 3em 0 0 0; }


/* #content
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#content { width: 66%; float: left; }
body.no-sidebar #content { width: 100%; }

#content p { margin: 1em 0; }
#content p.info-error { color: #e5475d; }

#content h1 { margin-top: -0.2em; }
#content h2 { margin-top: 1.5em; }
#content h3 { margin-top: 2em; }

#content ol, #content ul { margin: 1em 1.5em 1.5em 1.5em; }
#content ul li { list-style: disc }
#content ol li { list-style: decimal; }

#content img { max-width: 100%; }
#content iframe, #content video { width: 100%; }

#content hr { background: none; border: none; border-top: 1px solid #27617d; clear: both; height: 1px; margin: 1em 0 0.5em 0;}

/* div.search */
#content div.search { margin: 1em 0 2em 0; }
#content div.search form fieldset { padding: 0.8em; }
#content div.search form fieldset input.search-submit { right: .8em; top: .8em; }
#content article p.search-item { margin-bottom: 1em; padding-top: 1em; border-top: 1px solid #ebeee9; }
#content article p.search-item a { text-decoration: none; }
#content article p.search-item a span.search-item-title { text-decoration: underline; font-family: 'Tech', 'Open Sans', Arial, Helvetica, sans-serif; }
#content article p.search-item a span.search-item-permalink { font-size: 80%; margin-top: -.2em; display: block; text-overflow: ellipsis; color: #a7afa2!important; }
#content article p.search-item span.search-item-excerpt { font-size: 90%; display: block; margin-top: 0.4em; }

/* div.box */
#content div.box { padding: .3em 1.3em; margin: 1em 0; }
#content div.box-blue { background: #27617d; }
#content div.box-blue * { color: #fff; }

/* div.wp-pagenavi */
#content div.wp-pagenavi { margin: 1em 0; padding-top: 2em; border-top: 1px solid #ebeee9; font-size: 120%; text-align: right; color: #000; font-family: 'Tech', 'Open Sans', Arial, Helvetica, sans-serif; }
#content div.wp-pagenavi a, #content div.wp-pagenavi span { margin-left: 0.5em; display: inline-block;}
#content div.wp-pagenavi a { text-decoration: none; }

/* .post */
#content h1.post-headline { padding-bottom: 1em; }
#content .post { border-top: 1px solid #ebeee9; margin-bottom: 1em; padding-top: 1.5em; }
#content .post h2 { margin: 0; }
#content .post h2 a { color: #000; text-decoration: none; }
#content .post-cols .post-image { float: left; margin: 0.5em 1.5em 1em 0; }
#content .post-cols .post-content span.post-date { display: block; margin-bottom: .5em; }
#content .post-cols .post-content span.post-date a { text-decoration: none; display: inline-block; }
#content .post-cols a.more-link { margin-top: -1em; }

/* ui-accordion */
#content h4.accordion-headline { margin: 3em 0 1em 0; color: #7f7f7f; }
#content div.accordion { margin: 0 0 3em 0; }
#content div.accordion h3.ui-accordion-header { background: #f3f5f2 url('images/icon_close.png') right center no-repeat; padding: .5em; color: #669bb4; margin: .1em 0; cursor: pointer; }
#content div.accordion h3.ui-accordion-header-active { color: #27617d; background-image: url('images/icon_open.png'); }
#content div.accordion .post-image { margin: 0; padding: 1em 1.5em 1em 0; }
#content div.accordion p { margin: 0; padding: .8em 0 1em 0; }

/* div.col */
#content div.col { width: 100%;}
#content div.col h3, #content form h3 { margin-top: 1em; } 
#content div.col img { margin-bottom: -.75em; }

#content div.cols-2 div.col-1-2 { float: left; width: 50%; margin-left: -.75em; }
#content div.cols-2 div.col-2-2 { float: right; width: 50%; margin-left: -.75em; }
#content div.cols-2 div.col-inner { margin-left: .75em; }

#content div.cols-3 { margin-left: -2.5em; }
#content div.cols-3 div.col-1-3 { float: left; width: 33.333333%; }
#content div.cols-3 div.col-inner { margin-left: 2.5em; }

#content div.col div.col-inner { position: relative; }

/* .wp_list_categories */
#content .wp_list_categories { background: #f6f7f1; margin: 1.5em -2.5em; padding: 0 1.25em; }
#content .wp_list_categories ul, #content .wp_list_categories ul li { list-style: none; margin: 0 .5em; }
#content .wp_list_categories ul li { display: inline-block; }
#content .wp_list_categories ul li a { text-transform: uppercase; text-decoration: none; padding: .5em .25em; display: block; }
#content .wp_list_categories ul li.current-cat a, #content .wp_list_categories ul li.current_page_item a { border-bottom: 3px solid #215060; font-weight: 700 }



    /* div.home-page */
body.home div.wrapper { padding-bottom: 0; overflow: hidden; }
body.home #content h3 { margin-top: 0; font-size: 1.75em; }
body.home #content div.cols-3 div.col-inner a.more-link { position: absolute; bottom: 0; right: 0; }
body.home #content div.cols-3 div.col-inner { padding-bottom: 1.5em; }
body.home #content div.home-posts { background: #f5f7f4; margin: 1.5em -2.5em 0 -5em; padding: 2em 2.5em; }
body.home #content div.home-posts h4 { margin-left: 2.5em; margin-bottom: .75em; color: #27617d; }

body.home #content div.home-events ul, body.home #content div.home-events ul li { list-style: none; margin: 0; padding: 0; }
body.home #content div.home-events h4 { margin-top: -1.8em; }
body.home #content div.home-events ul { background: #27617d; padding: .5em 1em; }
body.home #content div.home-events ul li { color: #fff; padding: .5em 0; position: relative; font-family: 'Tech'; font-weight: 200; }
body.home #content div.home-events ul li strong { font-weight: 400; }
body.home #content div.home-events a.more-link { position: absolute; bottom: 0; right: 0; background-image: url('images/icon_read_more_white.png')!important; bottom: auto; top: 1em; }


/* #companyindex */
div#asortlist { font-size: 12px; }
div#asortlist a { text-decoration: none; }

table#companyindex { width: 100%; table-layout: fixed; margin-top: 2em; }

table#companyindex tbody tr td.company-asort, table#companyindex tbody tr td.person-asort { font-weight: 600; text-align: center; }
table#companyindex tbody tr td.company-company { color: #27617d; } 
table#companyindex tbody tr td.company-pcat {} 
table#companyindex tbody tr td.company-city {} 

table#companyindex .company-asort { width: 3%; }
table#companyindex .company-company { width: 43%; } 
table#companyindex .company-pcat { width: 48%; } 
table#companyindex .company-city { width: 12%; } 

table#companyindex .person-asort { width: 3%; }
table#companyindex .person-lastname { width: 25%; } 
table#companyindex .person-firstname { width: 24%; } 
table#companyindex .person-company { width: 48%; } 

table#companyindex tbody tr.index-title td { cursor: pointer; }

table#companyindex tbody tr.index-content { display: none; }
table#companyindex tbody tr.index-content td { padding: 1em 2.7em; background: #fff!important; color: #000!important; border-bottom: 0.2em solid #27617d; }
table#companyindex tbody tr.index-content td div.index-content-inner { position: relative; }
table#companyindex tbody tr.index-content td div.index-content-inner strong { width: 80px; display: inline-block; }
table#companyindex tbody tr.index-content td div.index-content-inner a.close-index-content { position: absolute; top: .5em; right: 0em; background: url('images/icon_close.png') right top no-repeat; text-indent: -9999999px; width: 30px; height: 30px; }

table#companyindex thead tr th, #companyindex tbody tr td { font-size: 12px; width: auto; padding: .2em .5em;  }
table#companyindex thead tr th { color: #8a9584; font-weight: 600; padding: .5em; } 
table#companyindex tbody tr td { background: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
table#companyindex thead tr th span, table#companyindex tbody tr td span { display: block; overflow: hidden; }

table#companyindex tbody tr.even td { background: #f3f4f2; }
table#companyindex tbody tr.odd td { background: #fff; }

table#companyindex tbody tr.index-title:hover td, table#companyindex tbody tr.active td { background: #27617d; color: #fff; }

p.no-results, p.success { background: #ebeee9; padding: 1em; font-weight: 600; display: none; }

/* a.back-link a.more-link */
#content a.back-link, #content a.more-link { padding: 4px 0 8px 0; display: inline-block; line-height: 1.3em; font-family: 'Tech', 'Open Sans', Arial, Helvetica, sans-serif; text-decoration: none; }
#content a.back-link { margin-top: 2em; background: url('images/icon_back.png') left top no-repeat; padding-left: 40px; }
#content a.more-link { background: url('images/icon_read_more_blue.png') right top no-repeat; padding-right: 40px; }

/* form.contact */
#content form.contact { margin: 2em 0 1em 0; clear: both; background: #ebefe9; padding: .75em 1.5em; }

form.contact { color: #8a9584; position: relative; }
form.contact h3 { margin: .75em 0; color: #8a9584; font-size: 100%; }
form.contact p { margin: .75em 0.5em; font-size: 95%; }

form.contact .email { display: none; }
form.contact p label { display: block; margin-bottom: .2em; }

form.contact p.text input, form.contact p.textarea textarea, form.contact p.select select { color: #8a9584; border: none; padding: .5em .75em; font-size: 100%; background: #fff; width: 100%; line-height: normal; border-bottom: 1px solid #d5dbd2; }

form.contact p.checkbox label { display: inline-block; margin: 0 .5em 0 0; }
form.contact p.checkbox input { margin: 0 .3em 0 0; }

form.contact p.textarea textarea { height: 150px; }
form.contact p.select select:focus, form.contact p.text input:focus, form.contact p.textarea textarea:focus { outline: none; background: #fcfcfc; }

form.contact input#formRentEventZip { width: 30%; }
form.contact input#formRentEventCity { width: 65%; float: right; }

form.contact p.date label { width: 40%; float: left; display: inline-block; padding: .5em 0; }
form.contact p.date input { width: 28%; margin-left: 2%; float: left; }

/*#content form.contact p.submit { position: absolute; bottom: .75em; right: 1.5em; }*/
form.contact p.submit { text-align: right; }
form.contact p.submit input { background: #27617d; color: #fff; cursor: pointer; transition: background .1s linear; padding: 0.5em 1em; border: none; font-weight: 600; }
form.contact p.submit input:hover { background: #6298b3; }

form.contact span.error_form input, #content form span.error_form select, #content form span.error_form textarea { border-bottom: 1px solid #e4465d!important; }
form p.success { display: block; }

#mc-embedded-subscribe-form { margin: 2em 0 1em 0; clear: both; background: #ebefe9; padding: .75em 1.5em; }
#mc-embedded-subscribe-form h2 { margin: .75em 0; color: #8a9584; }

#mc-embedded-subscribe-form tr td { padding: .75em 0; font-size: 95%; }
#mc-embedded-subscribe-form tr td label { padding-right: 1rem; }
#mc-embedded-subscribe-form input, #mc-embedded-subscribe-form select { color: #8a9584; border: none; border: none; padding: .5em .75em; font-size: 100%; background: #fff; width: 100%; line-height: normal; border-bottom: 1px solid #d5dbd2; text-align:center}

#mc-embedded-subscribe-form #mc-embedded-subscribe { width: auto; background: #27617d; color: #fff; cursor: pointer; transition: background .1s linear; padding: 0.5em 1em; border: none; font-weight: 600; margin-bottom: .5rem; }
#mc-embedded-subscribe-form #mc-embedded-subscribe:hover { background: #6298b3; }

/* #sidebar
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar { width: 34%; float: right; font-family: 'Tech', 'Open Sans', Arial, Helvetica, sans-serif; }
body.no-sidebar #sidebar { display: none; }

#sidebar div.sidebar-widget { margin: 0 0 1em 40px; background: #ebeee9; padding: 1.2em 1.5em; }

#sidebar div.sidebar-widget h3 { font-size: 100%; color: #8a9584; }
#sidebar div.sidebar-widget-text p, #sidebar div.sidebar-widget-text ul { margin: 1em 0 0 0; }
#sidebar div.sidebar-widget-text ul li { margin: .5em 0 0 0; }
#sidebar div.sidebar-widget-text ul li a, #content .post-extra a { text-decoration: none; opacity: 1; background: url('images/icon_read_more_blue.png') left top no-repeat; padding: 4px 0 8px 40px; display: inline-block; line-height: 1.3em; }
#sidebar div.sidebar-widget-text ul li a:hover, #content .post-extra a:hover { opacity: .8; }

#sidebar div.sidebar-widget-nav h3 { margin-bottom: 1em; }
#sidebar div.sidebar-widget-nav ul.menu { margin: -.2em -1.5em; }
#sidebar div.sidebar-widget-nav ul.menu ul { margin-bottom: .5em; }
#sidebar div.sidebar-widget-nav ul.menu ul li a { padding-left: 1.5em; }
#sidebar div.sidebar-widget-nav ul.menu li { padding: .2em 0; }
#sidebar div.sidebar-widget-nav ul.menu li a { text-decoration: none; font-family: 'Tech'; font-weight: 200; padding: 0 1em; border-left: .5em solid #ebeee9; }
#sidebar div.sidebar-widget-nav ul.menu li.current_page_item > a, #sidebar div.sidebar-widget-nav ul.menu li.current-cat > a { font-family: 'Tech'; border-left: .5em solid #165673; }

#sidebar div.sidebar-widget-filter { padding-bottom: .5em; }
#sidebar div.sidebar-widget-filter form { margin-top: 1.5em; }
#sidebar div.sidebar-widget-filter form input#filter-s { background: #fff url('images/icon_search_blue.png') right center no-repeat; padding-right: 45px; }

#sidebar div.sidebar-widget-calendar .table { margin: .5em 0;  }
#sidebar div.sidebar-widget-calendar .table table { width: 100%; border: 1px solid #b9beb6; border-collapse: separate; }
#sidebar div.sidebar-widget-calendar .table table td { padding: 6px 8px; text-align: center; vertical-align: middle; font-size: 12px; border-bottom: 1px solid #b9beb6; }
#sidebar div.sidebar-widget-calendar .table table tr:last-child td { border-bottom: none; }
#sidebar div.sidebar-widget-calendar .table table thead td { font-weight: 700; background: #8a9584; color: #fff; }
#sidebar div.sidebar-widget-calendar .table table td span { margin: 0 auto; display: block; }
#sidebar div.sidebar-widget-calendar .table table td.today span { background: #fff; font-weight: 700; }
#sidebar div.sidebar-widget-calendar .table table td.event span { background: #27617d; color: #fff; }
#sidebar div.sidebar-widget-calendar .table table td.old_event span { opacity: 0.5; }
#sidebar div.sidebar-widget-calendar .table table td span a { color: #fff; text-decoration:none; }
#sidebar div.sidebar-widget-calendar table.month_nav { width: 100%; }
#sidebar div.sidebar-widget-calendar table.month_nav td { vertical-align: middle; font-size: 90%; width: 33.3333333%; }
#sidebar div.sidebar-widget-calendar table.month_nav .center { text-align: center; font-weight: 700; }
#sidebar div.sidebar-widget-calendar table.month_nav .prev { text-align: left }
#sidebar div.sidebar-widget-calendar table.month_nav .next { text-align: right; }
#sidebar div.sidebar-widget-calendar h3 { margin-top: 1em; margin-bottom: .5em; }
#sidebar div.sidebar-widget-calendar a { font-family: 'Tech'; font-weight: 200;  text-decoration: none; }


/* footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
footer { font-family: 'Tech', 'Open Sans', Arial, Helvetica, sans-serif; color: #fff; font-size: 90%; }
footer a { color: #fff; text-decoration: none; text-decoration: none; display: inline-block; }
footer a:hover { color: #000; }

footer ul li { float: left; }
footer ul li ul li a { font-family: 'Tech'; }

footer div#footer-nav { padding: 0 0 3em 0;  }

footer ul.menu { float: left; width: 20%; }
footer ul.menu li { padding: .15em 2em .15em 0; display: block; float: none; }
footer ul.menu li ul li { float: none; }

footer ul#menu-socialmedia { float: left; width: 20%; }
footer ul#menu-socialmedia li { float: none; }
footer ul#menu-socialmedia li ul { clear: both; zoom: 1; }
footer ul#menu-socialmedia li ul:before, footer ul#menu-socialmedia li ul:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
footer ul#menu-socialmedia li ul:after { clear: both; }
footer ul#menu-socialmedia li ul li { float: left; padding: .6em 1em .6em 0; }
footer ul#menu-socialmedia li ul li a { opacity: 0.7; font-size: 1.5em; color: #fff; }
footer ul#menu-socialmedia li ul li a:hover { opacity: 1; }

footer ul#menu-sponsor { float: right; width: 20%;}
footer ul#menu-sponsor li { float: none;  padding: .6em 0 1em 0; }
footer ul#menu-sponsor li img { width: 66.66%; }

footer p#footer-copy { font-family: 'Tech'; font-size: 130%; font-weight: 200; }


/* Technopark Allianz
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body.id-fix-599 nav ul#nav-main,
body.id-fix-599 nav div.search,
body.id-fix-599 nav ul#nav-meta,
body.id-fix-599 footer div#footer-nav
{ display: none; }

body.id-fix-599 nav { padding: 0; }
body.id-fix-599 nav ul#nav-language { position: absolute; top: .5em; right: 3em; }

body.id-fix-599 main { position: absolute; bottom: 5em; right: 5em; width: 50%; border: none; font-size: 90%; }
body.id-fix-599 #content { width: 100%!important; }
body.id-fix-599 #content h1, body.id-fix-599 #content p { padding: 0 24px 16px 24px; background: #fff; margin: 0; }
body.id-fix-599 #content h1 { padding-top: 24px; }
body.id-fix-599 #content p a { width: 50%; display: inline-block; font-size: 120%; text-decoration: none; }
body.id-fix-599 #content ul, body.id-fix-599 #content ul li { list-style: none; margin: 0; padding: 0; }
body.id-fix-599 #content ul li { width: 50%; overflow: hidden; float: left; }
body.id-fix-599 #content ul { margin-left: -.4em; font-size: 140%; }
body.id-fix-599 #content ul li a {	background: #27617d; color: #fff; display: block; margin: .4em 0 0 .4em; padding: 10px 24px; text-decoration: none; font-family: "Tech"; }
body.id-fix-599 #content ul li a:hover { background: #6298b3; }

/* Technopark Allianz Neu
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html.index-1722 { 
  background: rgba(139,148,155,1) url('images/tp_allianz-bg.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.id-fix-1722 nav ul#nav-main,
body.id-fix-1722 nav div.search,
body.id-fix-1722 nav ul#nav-meta,
body.id-fix-1722 footer div#footer-nav, body.id-fix-1722 #nav-language, body.id-fix-1722 #logo img
{ display: none; }

body.id-fix-1722 #logo {
	background: url('images/tp_allianz_logo_neg.png') 50% 50% no-repeat;
	width: 382px;
	height: 86px;
}

body.id-fix-1722 nav { padding: 0; }
body.id-fix-1722 nav ul#nav-language { position: absolute; top: .5em; right: 3em; }

body.id-fix-1722 main { /*position: absolute; bottom: 5em; right: 5em;*/ width: 100%; border: none; font-size: 90%; }
body.id-fix-1722 #content { width: 100%!important; }
body.id-fix-1722 #content h1, body.id-fix-599 #content p { padding: 0 24px 16px 24px; background: #fff; margin: 0; }
body.id-fix-1722 #content h1 { padding-top: 24px; }
body.id-fix-1722 #content p a { width: 50%; display: inline-block; font-size: 120%; text-decoration: none; }
body.id-fix-1722 #content ul, body.id-fix-599 #content ul li { list-style: none; margin: 0; padding: 0; }
body.id-fix-1722 #content ul li { width: 50%; overflow: hidden; float: left; line-height: 30px; }
body.id-fix-1722 #content ul { margin-left: -.4em; font-size: 140%; margin-top: 10px; }
body.id-fix-1722 #content ul li a { background: #42505a; color: #fff; display: block; margin: .7em 0 0 .7em; padding: 10px 24px; text-decoration: none; font-family: "Tech"; }
body.id-fix-1722 #content ul li a:hover { background: #6298b3; }

body.id-fix-1722 #content article.text { width: 85%; margin: 0 auto; font-size: 19px; font: 16px/1.5 'Open Sans', Arial, Helvetica, sans-serif; }
body.id-fix-1722 #content p { font-family: 'Open Sans'; }
body.id-fix-1722 #content article.text h3 { font-family: 'Tech'; font-weight: 200; font-size: 30px; }

body.id-fix-1722 #content article.text.list ul { list-style: disc; background: #e9ebed; padding: 35px 100px; margin: 0; margin-top: 20px;}
body.id-fix-1722 #content article.text.list ul li { float: none; width: 100%; line-height: 38px; overflow: visible; font-size: 18px;}

body.id-fix-1722 #content article.text.usp { width: 40%; float: left; padding-left: 87px; box-sizing: border-box;}
body.id-fix-1722 #content article.text.usp a { width: 100%; }
body.id-fix-1722 #content article.text.mitglieder { width: 60%; float: right; box-sizing: border-box;}
body.id-fix-1722 #content article.text.mitglieder a#suchportal {font-size: 22px; font-family: 'Tech'; font-weight: 400; color: #42505a; margin-left: 4px; }
body.id-fix-1722 #content article.text.mitglieder a#suchportal img {  padding-right: 5px; position: relative; top: -2px; }

body.id-fix-1722 #impFooter { display: inline !important; }

body.id-fix-1722 #content .tac h2 { width: 70%; margin: 0 auto; margin-top: 10px; text-align: center; font-family: 'Tech'; font-weight: 200; font-size: 35px; line-height: 45px; letter-spacing: -1px; }

body.id-fix-1722 #content .tac {text-align: center;}
body.id-fix-1722 #content .bb1 {border-bottom: 1px solid #42505a; padding-bottom: 40px;margin-bottom: 40px;}

body.id-fix-599 #content ul li a sup {
  font-size: 140%;
  top: 0.1em;  
}

body.id-fix-1722 #content sup {
  font-size: 140%;
  top: 0.1em;  
}

body.id-fix-1722 #teaser .teaser-title {
	font-family: 'Tech';
	font-size: 28px;
	bottom: 20px;
	right: 55px;
}

.fancybox-lock body {
    overflow: visible !important;
}


/* c-cookie_policy
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.c-cookie_policy {
    text-align: center;
    padding: 0 1rem;
    font-size: 12px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #000;
    color: #fff;
    z-index: 99999;
    box-shadow: 0 0 2rem rgba(0,0,0,.3);
    overflow: hidden;
}
.c-cookie_policy__inner {
    max-width: 1160px;
    margin: 0 auto;
    text-align: left;
    padding: 1rem 0;
    position: relative;
    padding-right: 5rem;
}
.c-cookie_policy.close {
    transform: translateY(100%);
    opacity: 0;
}
.c-cookie_policy__inner a {
	color: #fff;
	text-decoration: underline;
}
.c-cookie_policy__inner a:hover {
	text-decoration: none;
}
.c-cookie_policy__inner p {
    margin: 0;
    line-height: 1.4em;
}
.c-cookie_policy__inner button.close {
    position: absolute;
    top: .2rem;
    right: .2rem;
    border: 1px solid rgba(0,0,0,.4);
    border-radius: 50%;
    font-size: 20px;
    line-height: 1;
    background: rgba(0,0,0,.1);
    text-align: center;
    display: none;
}
.c-cookie_policy__inner button.read {
	display: block;
	border: none;
	cursor: pointer;
	background: map_get($colors, 'white');
	color: map_get($colors, 'black');
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding: .5rem 1.5rem;
	margin-top: .5rem;
	width: 100%;
	position: absolute;
	top: .5rem;
	bottom: 1rem;
	right: 0;
	display: inline-block;
	width: auto;
}
.c-cookie_policy__inner button.read:hover {
    background: rgba(255,255,255,.4);
}


/* typography
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body,input,select,textarea,th,td { color: #000; font: 16px/1.5 'Open Sans', Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6 { font: 100%/1.1 'Tech', 'Open Sans', Arial, Helvetica, sans-serif; text-align: left; clear: both; color: #000; font-weight: 400; }

h1 { font-size: 200%; }
h2 { font-size: 160%; }
h3 { font-size: 120%; }

small, .small { font-size: 85%; }
strong,b { font-weight: 700; }


/* links
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a { color: #27617d; }
a:hover { color: #6298b3; }
a:active { background-color: transparent; }
a,a:hover { transition: color 0.2s linear, opacity 0.2s linear, background 0.2s linear; }


/* ie
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html.ie6 div.wrapper, html.ie7 div.wrapper { display: none; }


/* media querys
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 1160px) {

	div.wrapper { width: auto; padding: 1.25em; font-size: 90%; }
	
	header a#logo { left: 20px; top: 20px; }
	header a#logo img { width: 90%; }
	header aside#teaser h2.teaser-title { right: 20px; bottom: 20px; }
	
	nav { padding-top: 1em; padding-bottom: 1em; }
	nav ul#nav-main li { margin-right: 1.2em; }
	nav ul#nav-meta li { margin-left: 1em; }
	nav ul#nav-language li { margin-left: .8em; }
	
	main { padding-top: 1.5em; }
	
	body.id-fix-599 main { position: static; width: 100%;  }
	body.id-fix-599 #content h1, body.id-fix-599 #content p { padding-left: 0; padding-right: 0; }
	
	body.home #content div.home-posts { padding-top: 1.5em; padding-bottom: 1.5em; }
	
	footer { padding-bottom: 2em; padding-top: 1em; }
	footer div#footer-nav { padding-bottom: 0; float: right; }
	footer div#footer-nav ul.menu,footer div#footer-nav ul span { display: none; }
	footer ul#menu-socialmedia li ul li { padding-top: 0; }
	

}

@media screen and (max-width: 1050px) {  
  body.id-fix-1722 #content article.text.usp, body.id-fix-1722 #content article.text.mitglieder, body.id-fix-1722 #content p a { width: 100%; }
  body.id-fix-1722 #content article.text.mitglieder { padding-left: 85px; }
}

@media screen and (min-width: 890px) { 	

	nav div.nav-main { display: block!important; }
}

@media screen and (max-width: 890px) { 	
	
	div.wrapper { padding: 1em; }

	header a#logo { left: 15px; top: 15px; }
	header a#logo img { width: 70%; }
	header aside#teaser h2.teaser-title { right: 15px; bottom: 15px; font-size: 225%; }	
	
	nav { padding-top: .5em; padding-bottom: .5em; }
	nav a.nav-toggle { display: block; }
	
	nav div.nav-inner { float: none; }
	nav div.nav-main { display: none; float: none; }
	nav ul#nav-main { float: none; background: #27617d; margin-top: .5em; padding: .5em 0; }
	nav ul#nav-main li { float: none; margin: 0; }
	nav ul#nav-main li a { color: #fff; padding: .2em .75em; }
	nav ul#nav-main li a:hover, nav ul#nav-main li.current a { color: #000; }
	
	#content form.contact { padding: 0 0.5em; }

	#content div.cols-3 { margin-left: 0; }
	#content div.cols-3 div.col-1-3 { width: 100%; float: none; margin-bottom: 1em; }
	#content div.cols-3 div.col-1-3 div.col-inner { height: auto!important; margin-left: 0; }	
	
	body.home #content div.home-posts h4 { margin-left: 0; }
	body.home #content div.home-posts { margin-left: -2.5em; }
	body.home #content div.home-events { margin-top: 3em; margin-bottom: 0; }
	
	body.id-fix-599 #content ul li, body.id-fix-599 #content p a { width: 100%; }
	
	#content { width: 100%; float: none; }
	#sidebar { width: 100%; float: none; margin-top: 3em; }
	body.page-template-theme_companyindex-php #sidebar { margin-bottom: 3em; margin-top: 0em; }
	#sidebar div.sidebar-widget { margin-left: 0; padding: .5em; }
	#sidebar div.sidebar-widget-nav ul { margin: 0 -.5em; }

  	body.id-fix-1722 nav { display: none !important; }
  	body.id-fix-1722 #content .tac h2, body.id-fix-1722 #content article.text, body.id-fix-1722 #content p a { width: 100%; }
	body.id-fix-1722 #content article.text.usp, body.id-fix-1722 #content article.text.mitglieder { padding-left: 0px; }
  	body.id-fix-1722 #content article.text.list ul { padding: 35px 45px; }

	body.id-fix-1722 #teaser .teaser-title {
		font-size: 24px;
		bottom: 10px;
		right: 25px;
	}
	
	.c-cookie_policy__inner {
		padding-right: 0;
	}
	.c-cookie_policy__inner button.read {
		position: static;
		width: 100%;
	}
}

@media screen and (max-width: 750px) { 
  	body.id-fix-1722 #content ul li { width: 100%; }

	body.id-fix-1722 #logo {
  		background-size: contain;
  		width: 250px;
	}

	body.id-fix-1722 #teaser .teaser-title {
		font-size: 22px;
		bottom: 5px;
		right: 15px;
	}
}

@media screen and (max-width: 550px) { 	
	
	div.wrapper { padding: .5em; }
	
	header a#logo { left: 10px; top: 10px; }
	header a#logo img { width: 60%; }
	header aside#teaser h2.teaser-title { right: 10px; bottom: 10px; font-size: 150%; }	
	
	#content div.cols-2 div.col-1-2, #content div.cols-2 div.col-2-2 { float: none; width: 100%; margin-left: 0; }
	#content div.cols-2 div.col-inner { margin-left: 0em; }	
	#content div.cols-2 div.col-inner img { width: 100%; }

	body.id-fix-1722 #logo {
  		width: 170px;
		top: -17px;
	}

	body.id-fix-1722 #teaser .teaser-title {
		font-size: 17px;
		bottom: 10px;
		right: 15px;
	}
		
}
@media screen and (max-width: 450px) { 	
	
	table#companyindex .company-asort { display: none; }
	table#companyindex .company-city { width: 15%; } 
	
	table#companyindex .person-asort { display: none; }
	table#companyindex .person-company { width: 51%; } 
	
}