/*   
Theme Name: Elita WP Theme 2016 (Sputnik)
Theme URI: http://elita.ch
Description: Custom Theme for Elita.ch
Author: Matthias Kampitsch
Author URI: http://starflower.at
Version: 2.0
*/


/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  


/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #CCC;
    -webkit-font-smoothing: antialiased;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #CCC;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #CCC;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #CCC;
}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
html {
}

body {
	font-family: "Helvetica Neue",  Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 400;
	font-size: 16px;
	color: #444;
	line-height: 24px;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}

body, select, input, textarea {
	color: #444;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
	border-radius: 0;
}

.desktop-logo {
	display: inline;
}
.mobile-logo {
	display: none;
}
.mobile-search {
}
.mobile-nav {
	display: none;
}

.nav > li, .slider-box h2, .content-row h2, .content-row h3, .footer h3, .slider-box h3, .main-content h2, .sidebar h3, .stellenanzeigen th, .mobile-content h2, .team-cell h2  {
	font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Arial Narrow", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:600; font-stretch:condensed; 
}

.wrapper {
	width: 970px;
	margin: auto;
}

input:focus, textarea:focus {
	outline: none;
}

hr {
	background-color: #f2f2f2;
	border-color: #f2f2f2;
	margin: 0;
}


a {
	
}
a:hover {
	
}

.header {
	width: 970px;
	margin: auto;
	padding-top: 20px;
	position: relative;
	}
	.logo {
		display: inline;
	}
	.searchform {
		display: inline;
		position: relative;
	}

		.searchform input[type="search"] {
			border: none;
			border-bottom: 1px solid  #d9d9d9;
			font-size: 17px;
			color: #666;
			padding-bottom: 8px;
			padding-left: 0;
			position: relative;
			top: 5px;
			width: 232px;
		}
		
		.searchform input[type="submit"] {
			background: url("_/img/search-icon.svg") no-repeat center top transparent;
			border: none;
			text-indent: -9999em;
			width: 40px;
			position: relative;
			top: 5px;
			left: -4px;
			height: 30px;
			border-bottom: 1px solid  #d9d9d9;			
		}
		
		
		.ie8 .searchform input[type="submit"], .ie9 .searchform input[type="submit"] {
			background: url("_/img/search-icon.png") no-repeat center top #FFF;
			top:4px;
			filter: none;
		}
	.facebook, .youtube, .twitter, .gplus {
		position: relative;
		top: 7px;
		margin-left: 6px;
		display: inline;
		color: #FFF;
	}
	.facebook img, .youtube img, .twitter img, .gplus img{
		width: 25px;
	}	
	nav {
		margin-left: -20px;
	}
	.nav{
		margin-top: 42px;
	    list-style:none;
	    margin-left:0;
		}
	    .nav > li,
	        .nav > li > a{
	            display:inline-block;
	           *display:inline;
	            zoom:1;
	            text-decoration: none;
	    }
	    .nav > li {
		    margin-right: 30px;
		    /* margin-right: 50px; geändert am 21.5.2019, ps */
	    }
	    
		.nav > li > a:after { 
		  content: url("_/img/drop-down-dark.svg");
		  position: relative;
			top: -4px;
			left: 5px;
		} 
		.ie8 .nav > li > a:after {
			content: url("_/img/drop-down-dark.png");
		}
	    .nav > li:hover > a:after {
	    	content: url("_/img/drop-down-white.svg");
		}
	    .ie8 .nav > li:hover > a:after {
	    	content: url("_/img/drop-down-white.png");
		}
		.nav > li > a:only-child:after { 
			content: ''; 
		}   
	    .nav > li > a {
		    font-size: 22px;
		    color: #444;
		    padding: 10px 20px;
	    }
	    .nav > li:hover, .nav > li:hover > a {
	    	background-color: #265187;
		    color: #FFF;
	    }
	    .nav > li:hover .mega-drop-down {
	    	display: block;
	    }
	    .mega-drop-down {
		    display: none;
		    position: absolute;
		    background-color: #265187;
		    color: #FFF;
		    left: 0;
		    padding: 10px 0 30px 0;;
		    width: 100%;
		    z-index: 9999;
		    box-shadow: -25rem 0 0 #265187, 25rem 0 0 #265187;
	    }
	    .sub-menu {
		    padding-top: 20px;
	    }

   	    .sub-menu > li > a {
	   	    font-size: 26px;
	   	    padding-bottom: 20px;
	   	    color: #FFF;
	   	    text-decoration: none;
	   	    cursor:default;
   	    }
   	    .sub-menu > li > a:hover {
	   	    text-decoration: none;
   	    }
   	     .sub-menu-level-2:before {
	   		position: relative;
	   	    left: 0;
			top: 0px;
			width: 36px;
			height: 1px;
			display: block;
			background-color: #FFFFFF;
			margin-bottom: 8px;
   	    }
   	    .sub-menu-level-2 a {
	   	    color: #fff;
	   	    text-decoration: none;
	   	    font-family: "Helvetica Neue",  Helvetica, Arial, "Lucida Grande", sans-serif; 
	   	    font-size: 18px;
	   	    font-weight: 400;
	   	    line-height: 30px;
	   	    padding: 0;
   	    }
   	    .sub-menu-level-2 a:hover {
   	    	background: none;
   	    	text-decoration: underline;
   	    }
   	    
   	    .sub-menu > li {
	   		display: block;
	   		float: left;
	   		width: 33.33%;
   	    }


.content-row {
	padding: 40px 0;
}

.content-row h2 {
	font-size: 32px;
	color: #054e87;
}

.stellen-list {
	list-style-type: disc;
	color: #f2f2f2;
	list-style-position: outside;
	margin: 10px 0 10px 20px;
}

.first-row .stellen-link {
	color: #faa43f;
	text-decoration: none;
}
.first-row a.stellen-link:hover {
	text-decoration: underline;
	background-color: none;
}

a.stellen-alle {
	color: #054e87;
	font-size: 14px;
	text-decoration: none;
}
a.stellen-alle:hover {
	background: none;
}

.content-cell {
	float: left;
	width: 30%;
	margin-right: 5%;
	position: relative;
	padding: 20px 0 0 0;
}

.content-cell h3 {
	font-size: 20px;
	color: #FFF;
	display: inline-block;
	position: absolute;
	right: 0px;
	padding: 5px 10px;
}



.first-row h3 {
	background-color: #faa43f;
}
.second-row h3 {
	background-color: #74a0d8;
}



.content-cell:last-child {
	margin-right: 0;
}

.team-cell:nth-child(3n+3) {
	margin-right: 0;
}

.team-cell {
	margin-bottom: 20px;
}
.team-cell h2 {

padding: 5px 0!important;
	
}
.team-cell p {
	font-size: 15px;
}

.team-email {
	font-size: 15px;
}


.main-content {
	padding: 40px 0;
	color: #595959;
}
.main-content pre {
	color: #595959;
	font-family: "Helvetica Neue",  Helvetica, Arial, "Lucida Grande", sans-serif; 	
}

.content-left {
	width: 630px;
}
.content-full {
	width: 100%;
}

.content-left p, .content-full p {
	margin: 10px 0;
}

.content-left ul, .content-left ol {
	list-style-type: disc;
	list-style-position: outside;
	margin:10px 0 10px 20px;
}

.zeugnis ul {
	line-height: 40px;
	list-style: none;
	margin: 0;
}

.kontaktaufnahme ul {
	list-style: none;
	margin: 0;
}

.zeugnis input[type="file"], .fotoupload {
	font-size: 14px;
	color: #cccccc;
	margin-bottom: 5px;
}

.main-content a {
	text-decoration: none;
	color: #faa43f;
}
.main-content a:hover {
	text-decoration: underline;
}
.main-content h2, .mobile-content h2 {
	font-size: 24px;
	padding-bottom: 15px;
	color: #444444;
}

.alert {
	color: #fa3f3f;
	font-size: 15px;
}

.mobile-content h2 {
	margin-top: 20px;
}

.main-content hr {
	margin: 25px 0;
}

.main-content form fieldset .label, .label {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	display: block;
}
#hstellenwunsch,
#hreferenznummer,
.estellenwunsch,
.referenznummer {
	display: none;
}
.astyle {
	color: #faa43f;
	cursor: pointer;
}
.astyle:hover {
	text-decoration: underline;
}
.red {
	color: #bc3434;
}

.content-left {
	float: left;
}

.sidebar {
	float: right;
	width: 300px;
}

.sidebar h3 {
	color: #fff;
	background-color: #faa43f;
	font-size: 20px;
	padding: 10px;
}

.sticky-scroll-box {
	width: 300px;
}

.sidebar ul li {
	background-color: #f7f7f7;
	border-bottom: 1px solid #FFF;
	padding: 10px;
}

.sidebar ul li a {
	color: #054e87;
}
.sidebar ul li a:hover {
	text-decoration: underline;
}

.sidebar .aside {
	margin-bottom: 20px;
}


.widget_facebook_like {
	background-color: #f7f7f7;
}
.widget_facebook_like h3 {
	margin-bottom: 20px;
	background-color: #74a0d8!important;
}
.fb_edge_widget_with_comment {
	display: block!important;
	width: 280px;
	margin: auto;
}


.widget_menu-stellen .widget-title {
	background-color: #F2f2f2;
	color: #444;
}


.hint {
	font-size: 14px;
	color: #666;
}

.obligatory {
	color: #74a0d8;
}

.main-content fieldset {
	margin-bottom: 20px;
}


.main-content form .form-text {
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	padding: 10px;
	width: 100%;
}
.main-content form input:focus, .main-content form textarea:focus {
	border-color: #74a0d8;
	box-shadow: 0px 1px 8px rgba(116,260,216, 0.2), inset 0px 1px 2px rgba(0,0,0,0.1);
}

.main-content .day, .main-content .month, .main-content .year {
	border: 0px;
}

.day, .month {
	width: 50px;
	text-decoration: underline;
	padding: 10px;
}

.year {
	padding: 10px;
	text-decoration: underline;
}

.day, .month, .year {
	margin-top: 10px;
}

.day:after, .month:after {
	width: 40px;
	color: #000;
}

.radio ul {
	margin-top: 10px;
}

.radio ul li{
	line-height: 30px;
}

.radio input[type="radio"], .kontaktaufnahme input[type="radio"] {
	-webkit-appearance: radio;
	margin-right: 5px;
	margin-top: -2px;
}

input[type="checkbox"] {
	-webkit-appearance:checkbox;
	margin-right: 5px;
	margin-top: -2px;
	vertical-align: middle;
}

.main-content form .kontaktaufnahme .form-text {
	width: 50%;
	display: block;
}

.kontaktaufnahme {
	line-height: 40px;
}

.day:focus, .month:focus, .year:focus {
	border: 0;
	box-shadow: 0 0 0 #FFF, inset 0 0 0 #FFF !important;
}

.half-width-form {
	width: 300px;
	float: left;
	margin-right: 30px;
}

.full-width-form {
    clear: both;
    float: none;
}

.small-width {
	width: 50px;
	float: left;
	margin-right: 30px;
}

.hiddenform {
	display: none;
	width: 50%!important;
}

.half-width-form-two {
	margin-right: 0;
}
span.wpcf7-list-item {
	display: block;
	margin-left: 0!important;
}
.bigger-text {
	font-size: 18px;
	line-height: 27px;
}

.bigger-text p {
	margin: 10px 0;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.form-actions input[type="submit"], #button {
	background-color: #faa43f;
	color: #FFF;
	font-weight: 600;
	padding: 13px 30px;
	border: 0;
	float: right;
}
.form-actions input[type="submit"]:hover {
	background-color: #ed9a3b;
}
.form-actions input[type="submit"]:active {
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}


.stellenanzeigen {
	width: 100%;
}

.stellenanzeigen th:first-child {
	padding-left: 20px;
}
.stellenanzeigen td:first-child {
	padding-left: 20px;
}
.stellenanzeigen th {
	text-align: left;
	font-size: 18px;
	border-bottom: 1px solid #f2f2f2;
}

.stellenanzeigen tr {
	border-bottom: 1px solid #f2f2f2;
}

.stellenanzeigen tr:nth-child(2n) {
	background-color: #f2f6f9;
}

.stellenanzeigen a {
	color: #054e87;
}

#mobile-stellenanzeigen {
	display: none;
}
.more-jobs {
	text-align: center;
	padding: 40px 0 10px 0;
	color: #a8a8a8;
}

.stellenanzeigen td {
	padding: 25px 0;
}


.stellen-detail h3 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	display: block;
	color: #265187;
}


a.apply-button {
	background-color: #faa43f;
	color: #FFF;
	font-weight: 600;
	padding: 13px 30px;
	border: 0;
	width: 300px;
	text-align: center;	
	display: block;
}



.footer {
	background-color: #265187;
	color: #FFF;
	padding: 30px 0 50px;
	}
	.footer h3 {
		font-size: 24px;
	}
	
	.footer hr {
		width: 36px;
		background-color: #FFF;
		border-color: #FFF;
		margin: 7px 0 20px;
		text-align: left;
	}
	
	.footer a {
		color: #FFF;
		text-decoration: underline;
	}
	
	.footer-cell {
		float: left;
		width: 25%;
	}
	
.footernav {
	background-color: #e6e6e6;
	line-height: 100px;
	}
	.copyright {
		display: inline-block;
		float: right;
		color: #939393;
	}

.footernav ul {
	    list-style:none;
	    margin-left:0;
	    display: inline-block;
	    
		}
	    .footernav ul > li,
	        .footernav ul > li > a{
	            display:inline-block;
	           *display:inline;
	            zoom:1;
	            text-decoration: none;
	            color: #404040;
	            font-size: 14px;
	    }
	    .footernav a:hover {
		    text-decoration: underline;
	    }
	    .footernav li {
		    margin-right: 85px;
	    }


#codes tr {
	border-bottom: 1px solid #e5e5e5;
}
#codes td {
	padding: 10px 5px;
}

.infobox {
	padding: 3px 15px;
	background-color: #fef6eb;
	border: 1px solid #fcd19f;
}

a.mobile-button {
	display: none;
}

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.left {
	float: left;
}
.right {
	float: right;
}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }



/* Slider Styles 
-------------------------------------------------------------------------------*/



/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { 
	position: relative; 
	zoom: 1; 
	max-width: 1500px;
	margin: auto;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }


/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -25px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #ccc;  cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #faa43f; cursor: default; }


.slider-box {
	position: absolute;
	padding: 15px;
	left:50%;
	margin-left: -465px;
	bottom: 11%;
}

.slider-box hr {
	background-color: #444444;
	border-color: #444444;
	width: 40px;
	margin: 4px 0 11px;
	text-align: left;
}

.slider-box h2 {
	font-size: 20px;
	color: #444;
}

.slider-box h3 {
	font-size: 54px;
	padding: 15px 0;	
}

.slider-box p {
	font-size: 16px;
	line-height: 30px;
	color: #444;
	width: 340px;
}

.first-box {
	background-color: #f2f2f2;
}
.first-box a {
	color: #054e87;
}
.first-box a:hover {
	text-decoration: underline;
}


.bluebox {
	background-color: #74a0d8;
	color: #FFF;
}

.orangebox {
	background-color: #faa43f;
	color: #FFF;
}

.redbox {
	background-color: #c95456;
	color: #FFF;
}

.bluebox h2, .orangebox h2, .redbox h2, .bluebox p, .orangebox p, .redbox p, .bluebox a, .orangebox a, .redbox a {
	color: #FFF;
}

.bluebox hr, .orangebox hr, .redbox hr {
	background-color: #FFF;
	border-color: #FFF;
}



#mobile-slider {
	display: none;
	width: 970px;
	margin: auto;
}

.nothing-found {
	padding-bottom: 100px;
}




/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/
/*Smartphone Portrait */
@media only screen and (min-width: 320px) {
	
	#mobile-slider {
		width: 320px;
	}
	.stellenanzeigen {
		display: none;
	}
	#mobile-stellenanzeigen { 
		display: block;
	}

	#mobile-stellenanzeigen h3 {
		color: #054e87;
		font-weight: normal;
		border-bottom: 1px solid #f2f2f2;
		padding: 10px 0;
		cursor: pointer;
	}
	#mobile-stellenanzeigen h3 a {
		color: #054e87;
	}
	#mobile-stellenanzeigen h3.active {
		background-color: #004f85;
		color: #FFF;
		font-weight: bold;
	}
	#mobile-stellenanzeigen table {
		display: none;
	}
	a.mobile-button {
		background-color: #faa43f;
		padding: 10px 50px;
		color: #FFF;
		margin: 10px 0;
		display: inline-block;
	}
	.header {
		width: 320px;
		padding: 20px 20px 10px;
	}
	.wrapper {
		width: 320px;
		padding: 0 20px;
	}
	.footernav li {
		margin-right: 50px;
	}
	.sidebar, .mobile-hide {
		display: none;
	}
	.mobile-content {
		display: block;
		margin-bottom: 30px;
	}
	.content-left {
		width: 280px;
	}

	.slider-box {
		position: static;
		width: auto;
		padding: 15px;
		left: auto;
		margin-left: auto;
		bottom: auto;
	}
	.slider-box p {
		font-size: 16px;
		line-height: 24px;
		color: #444;
		width: 100%;
	}
	.bluebox p, .orangebox p, .redbox p {
		color: #FFF;
	}

	#slider-pager {
		text-align: center;
		font-size: 18px;
		position: static;
		float: none;
		background-color: #f2f2f2;
		width: 100%;
	}
	#slider-pager > li, #slider-pager > li > a {
		color: #bbb;
	}	
	.desktop-logo {
		display: none;
	}
	.mobile-logo {
		display: inline;
	}
	.mobile-search {
		margin-right: 23px;
	}
	.mobile-nav {
		display: inline;
	}
	.searchform {
		display: none;
		/*position: absolute;*/
		width: 100%;
		background-color: #004f85;
		height: 60px;
		top: 0;
		left: 0;
		padding: 15px 13px;
	}
	.searchform input[type="search"] {
		width: 100%;
		height: 100%;
		border: none;
		padding: 0;
		top:0;
		border-radius: 5px;
	}
	.searchform input[type="submit"] {
		background: #e5e5e5; /* Old browsers */
		background: -moz-linear-gradient(top, #e5e5e5 0%, #cecece 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e5e5e5 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e5e5e5 0%,#cecece 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #e5e5e5 0%,#cecece 100%); /* IE10+ */
		background: linear-gradient(to bottom, #e5e5e5 0%,#cecece 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
		border-radius: 5px;
		text-indent: 0;
		width: 65px;
		color: #444444;
		font-weight: bold;
		text-shadow: 0 1px 1px #ffffff;
		font-size: 12px;
		position: relative;
		height: 26px;
		border: 0;
		position: absolute;
		margin-left: 244px;
		margin-top: 12px;
		
		
	}
	.facebook, .youtube, .twitter, .gplus {
		display: none;
	}
	nav {
		margin-left:auto;
		/*position: absolute;*/
		z-index: 999;
		background-color: #004f85;
		top: 0;
		display: none;
		width: 100%;		
	}
	
	.nav{
		margin-top: auto;
	    list-style:none;
	    margin-left:0;
	    
		}
	    .nav > li,
	        .nav > li > a{
	            display:inline;
	            zoom:1;
	            text-decoration: none;
	            color: #FFF;
	    }
	    .nav > li {
		    margin-right: auto;
		    display: block;
		    border-bottom: 1px solid #FFF;
	    }
	    
		.nav > li > a:after { 
		  content: url("_/img/drop-down-white.svg");
		  position: relative;
			top: -4px;
			left: 5px;
		} 
	    .nav > li:hover > a:after {
	    	content: url("_/img/drop-down-white-up.svg");
		}
		.nav > li > a:only-child:after { 
			content: ''; 
		}   
	    .nav > li > a {
		    font-size: 22px;
		    color: #FFF;
		    padding: 10px 20px;
		    display: block;
	    }
	    .nav > li:hover, .nav > li:hover > a {
	    	background-color: #265187;
		    color: #FFF;
	    }
	    .nav > li:hover .mega-drop-down {
	    	display: block;
	    }
	    .mega-drop-down {
		   	display: none;
		    position: inherit;
		    background-color: #265187;
		    color: #FFF;
		    left: 0;
		    padding: 0px;
		    width: 100%;
		    z-index: 99999;
		    box-shadow:inherit;
	    }
   	    .mega-drop-down ul {
   	    	float: none;
   			width: 100%;
   			padding-bottom: 13px;
   	    }

   	    .sub-menu > li > a {
	   	    font-size: 15px;
	   	    color: #444444;
	   	    padding-bottom: 0px;
	   	    background-color: #FFF;
	   	    margin-bottom: 10px;
	   	    padding: 0 0 0 20px;
	   	    display: block;
   	    }
   	     .sub-menu-level-2:before {
	   	    content : "";
	   		position: inherit;
	   	    left: auto;
	   	    top: auto;
   	    }
   	    .sub-menu-level-2 a {
	   	    color: #fff;
	   	    text-decoration: none;
	   	    font-family: "Helvetica Neue",  Helvetica, Arial, "Lucida Grande", sans-serif; 
	   	    font-size: 16px;
	   	    font-weight: 400;
	   	    line-height: 34px;
	   	    padding: 0 0 0 20px;
	   	    display: block;
   	    }
   	    .sub-menu-level-2 a:hover {
   	    	background: none;
   	    	text-decoration: underline;
   	    }
   	    
   	    .sub-menu li {
	   	    width: 100%;
   	    }
   	    
   	 .content-cell {
		float: left;
		width: 100%;
		margin-right: 0;
		position: relative;
		padding: 20px 0 0 0;
	}

	.content-cell img {
		width: 100%;
	}
	.footer-cell {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	.footer-awards {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: space-between;
		align-items: center;
	}
	.footer-awards a {
		width: 50%;
	}
	.footer-awards img {
	}
	}
	.footernav ul {
		    list-style:none;
		    margin-left:0;
		    display: block;
		    
			}
			.footernav ul > li {
				border-bottom: 1px solid #d9d9d9;
			}
		    .footernav ul > li,
		        .footernav ul > li > a{
		            display:block;
		            zoom:1;
		            text-decoration: none;
		            color: #404040;
		            font-size: 14px;
		            line-height: 44px;
		     }
	.copyright {
		float: none;
	}

}


/*Smartphone Landscape Styles */

@media only screen and (min-width: 480px) {
	#mobile-slider {
		width: 480px;
	}

	.header {
		width: 480px;
	}
	.wrapper {
		width: 480px;
	}
	.footernav li {
		margin-right: 50px;
	}
	.desktop-logo {
		display: none;
	}
	.mobile-logo {
		display: inline;
	}
	.mobile-search {
		display: inline;
	}
	.mobile-nav {
		display: inline;
	}
	.content-left {
		width: 440px;
	}
	.searchform {
		/*display: none;*/
		/*position: absolute;*/
		width: 100%;
		background-color: #004f85;
		height: 60px;
		top: 0;
		left: 0;
		padding: 15px 13px;
	}
	.searchform input[type="search"] {
		width: 100%;
		height: 100%;
		border: none;
		padding: 0;
		top:0;
		border-radius: 5px;
	}
	.searchform input[type="submit"] {
		background: #e5e5e5; /* Old browsers */
		background: -moz-linear-gradient(top, #e5e5e5 0%, #cecece 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e5e5e5 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e5e5e5 0%,#cecece 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #e5e5e5 0%,#cecece 100%); /* IE10+ */
		background: linear-gradient(to bottom, #e5e5e5 0%,#cecece 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
		border-radius: 5px;
		text-indent: 0;
		width: 65px;
		color: #444444;
		font-weight: bold;
		text-shadow: 0 1px 1px #ffffff;
		font-size: 12px;
		position: relative;
		height: 26px;
		border: 0;
		position: absolute;
		margin-left: 404px;
		margin-top: 12px;
	}
	.facebook, .youtube, .twitter, .gplus {
		display: none;
	}
	.footer-awards {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: space-between;
		align-items: center;
	}
	.footer-awards a {
		width:auto;
	}
}


/*Tablet Portrait Styles */
@media only screen and (min-width: 768px) {	
	#mobile-slider {
		display: none!important;
	}
	.stellenanzeigen {
		display: table;
	}
	#mobile-stellenanzeigen {
		display: none;
	}
	a.mobile-button {
		display: none;
	}
	.header {
		width: 768px;
		padding: 20px 20px 0px;
	}
	.wrapper {
		width: 768px;
	}
	.footernav li {
		margin-right: 50px;
	}
	.sidebar, .mobile-hide {
		display: block;
	}
	.mobile-content {
		display: none;
	}
	.content-left {
		width: 460px;
	}
	.sidebar {
		width: 240px;
	}
	a.apply-button {
		width: 240px;
	}
	.slider-box {
		position: absolute;
		padding: 15px;
		left:50%;
		margin-left: -364px;
		bottom: 11%;
	}
	.slider-box p {
		width: 340px;
	}
	.desktop-logo {
		display: inline;
	}
	.mobile-logo {
		display: none;
	}

	.searchform {
		display: inline;
		position: relative;
		width: auto;
		background-color: transparent;
		height: auto;
		padding: 15px 0;
	}
		.searchform input[type="search"] {
			border: none;
			border-bottom: 1px solid  #d9d9d9;
			border-radius: 0;
			font-size: 17px;
			color: #666;
			padding-bottom: 8px;
			padding-left: 0;
			position: relative;
			top: 5px;
			width: 270px;
			padding-right: 40px;
			left: 40px;
		}
		
		.searchform input[type="submit"] {
			background: url("_/img/search-icon.png") no-repeat center top transparent;
			background: url("_/img/search-icon.svg") no-repeat center top transparent;
			border: none;
			border-radius: 0;			
			text-indent: -9999em;
			width: 40px;
			position: relative;
			top: 5px;
			height: 30px;
			margin: auto;		
		}
	.facebook, .youtube, .twitter, .gplus {
		display: inline;
	}
	.mobile-search {
		display: none;
	}
	.mobile-nav {
		display: none;
	}
	nav {
		margin-left: -20px;
		position: inherit;
		z-index: 999;
		background-color: transparent;
		top: 0;
		display: block;
		width: 100%;
	}
	.nav{

		margin-top: 42px;
	    list-style:none;
	    margin-left:0;
	    
		}
	    .nav > li,
	        .nav > li > a{
	            display:inline-block;
	           *display:inline;
	            zoom:1;
	            text-decoration: none;
	    }
	    .nav > li {
		     margin-right: 30px;
		    /* margin-right: 50px; geändert am 21.5.2019, ps */
		    border-bottom: none;
	    }
	    
		.nav > li > a:after { 
		  content: url("_/img/drop-down-dark.svg");
		  position: relative;
			top: -4px;
			left: 5px;
		} 
	    .nav > li:hover > a:after {
	    	content: url("_/img/drop-down-white.svg");
		}
		.nav > li > a:only-child:after { 
			content: ''; 
		}   
	    .nav > li > a {
		    font-size: 22px;
		    color: #444;
		    padding: 10px 20px;
	    }
	    .nav > li:hover, .nav > li:hover > a {
	    	background-color: #265187;
		    color: #FFF;
	    }
	    .nav > li:hover .mega-drop-down {
	    	display: block;
	    }
	    .mega-drop-down {
		    display: none;
		    position: absolute;
		    background-color: #265187;
		    color: #FFF;
		    left: 0;
		    padding: 10px 0 30px 0;;
		    width: 100%;
		    z-index: 9999;
		    box-shadow: -25rem 0 0 #265187, 25rem 0 0 #265187;
	    }
	    .sub-menu {
		    padding-top: 20px;
		    padding-left: 20px;
	    }

   	    .sub-menu > li > a {
	   	    font-size: 26px;
	   	    color: #FFF;
	   	    text-decoration: none;
	   	    cursor:default;
	   	    background-color: transparent;
	   	    padding-left: 0;
   	    }
   	    .sub-menu > li > a:hover {
	   	    text-decoration: none;
   	    }
   	     .sub-menu-level-2:before {
	   		position: relative;
	   	    left: 0;
			top: 0px;
			width: 36px;
			height: 1px;
			display: block;
			background-color: #FFFFFF;
			margin-bottom: 8px;
   	    }
   	    .sub-menu-level-2 a {
	   	    color: #fff;
	   	    text-decoration: none;
	   	    font-family: "Helvetica Neue",  Helvetica, Arial, "Lucida Grande", sans-serif; 
	   	    font-size: 18px;
	   	    font-weight: 400;
	   	    line-height: 30px;
	   	    padding: 0;
   	    }
   	    .sub-menu-level-2 a:hover {
   	    	background: none;
   	    	text-decoration: underline;
   	    }
   	    
   	    .sub-menu > li {
	   		display: block;
	   		float: left;
	   		width: 33.33%;
   	    }


   	    
	.content-cell {
		float: left;
		width: 30%;
		margin-right: 5%;
		position: relative;
		padding: 20px 0 0 0;
	}
	.first-row .content-cell a:hover {
		background-color: rgba(250, 164, 63, 1);
	}
	.second-row .content-cell a:hover {
		background-color: #74a0d8;
	}
	.team-cell a:hover {
		background: none!important;
	}
	.first-row a.stellen-link:hover {
		text-decoration: underline;
		background:none;
	}
	.first-row a.stellen-alle:hover {
		background: none;
		text-decoration: underline;
	}
	.footer-cell {
		float: left;
		width: 25%;
	}
	.footernav ul {
	    list-style:none;
	    margin-left:0;
	    display: inline-block;
	    
		}
	    .footernav ul > li,
	        .footernav ul > li > a{
	            display:inline-block;
	           *display:inline;
	            zoom:1;
	            text-decoration: none;
	            color: #404040;
	            font-size: 14px;
		}
		.footernav ul > li {
			border-bottom: none;
			}
	.copyright {
		float: right;
	}
	.footer-awards {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: space-between;
		align-items: center;
	}
	.footer-awards a {
		flex: 1;
		/* display: inline-block;
		width: 50%;
		float: left; */
	}
	
	.footer-awards img {
	}
}


/*DESKTOP STYLES */
@media only screen and (min-width: 1024px) {	
	
	.desktop-logo {
		display: inline;
	}
	.mobile-logo {
		display: none;
	}
	.mobile-search {
		display: none;
	}
	.mobile-nav {
		display: none;
	}
	.header {
		width: 970px;
		padding: 20px 0 0 0;
	}
	.wrapper {
		width: 970px;
		padding: 0;
	}
	.content-left {
		width: 630px;
	}
	.sidebar {
		width: 300px;
	}
	a.apply-button {
		width: 300px;
	}
	.footernav li {
		margin-right: 85px;
	}
	.slider-box {
		margin-left: -465px;
	}
	.facebook, .youtube, .twitter, .gplus {
		display: inline;
	}
		nav {
		margin-left: -20px;
	}
	.slider-box {
		position: absolute;
		padding: 15px;
		left:50%;
		margin-left: -465px;
		bottom: 11%;
	}
	.fixed {
	   position:fixed;
	   top:0;
	   z-index:99999;
	}

}


.join-form {
	max-width: 400px;
	margin-top: 20px;
}
.join-form .form-actions input[type="submit"], #button {
	float: left;
}
a.stoerer {
	position: absolute;
	background-color: #054e87;
	color: white;
	z-index: 100;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 34px;
	text-align: center;
	text-decoration: none;
	font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Arial Narrow", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	line-height: 1em;
	font-weight: bold;
	transform: rotate(10deg);
	right: 10%;
	top: 10%;
	padding: 20px;
}
a.stoerer-left {
	right: auto;
	left: 10%;
	transform: rotate(-10deg);
}
@media screen and (max-width: 1024px) {
	a.stoerer {
		position: relative;
		display: block;
		text-align: center;
		transform: rotate(0deg);
		padding: 20px;
		font-size: 20px;
		width: 100%;
		height: auto;
		border-radius: 0;
		left: 0;
		top: 0;
	}
	.slider-box h3 {
		font-size: 40px;
		line-height: 40px;
	}
}

.iso-zert{
	margin-left:43px;
	margin-top:-17px;
}
@media (max-width: 760px) {
	.iso-zert{
	margin-left:unset;
	margin-top:unset;
}
}