/*
Theme Name: Trainees.at
Version: 1.0
Author: trainees.at
Text Domain: trainees
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Google font
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Lists
8.0 Tables
9.0 Links
10.0 Navigation
11.0 Layout
   11.1 Header
   11.2 Front Page
   11.3 Regular Content
   11.4 Posts
   11.5 Pages
   11.6 Footer
12.0 Widgets
13.0 Media
14.0 Media Queries

/* ===================================
    Google font
====================================== */
html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {margin: 0; color: #181818; font-family: 'Raleway', sans-serif; font-size: 21px; font-weight: 300; line-height: 32px;/* word-wrap: break-word;*/}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}
figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
/* font family */
.alt-font {font-family: 'Montserrat', sans-serif;}
.cover-background { background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative;}
.banner-typography { height: 100%; left: 0; position: absolute; right: 0; text-align: center; width: 100%;  z-index: 1;}
.banner-text-middle-main{ display: table; height: 100%; width: 100%;}
.banner-text-middle {  display: table-cell; vertical-align: middle;}

button, input, textarea {color: #181818; font-family: 'Raleway', sans-serif; font-weight: 300;}
h1,h2,h3,h4,h5,h6 {clear: both;margin: 0 0 40px; font-family: 'Montserrat', sans-serif; font-weight: 700;}
h1 {font-size: 78px; line-height: 86px;}
h2, .home.blog .entry-title {font-size: 43px; line-height: 46px;}
h3 {font-size: 35px; line-height: 38px;}
h4 {font-size: 30px; line-height: 34px;}
h5 {font-size: 22px; line-height: 24px;}
h6 {font-size: 18px; line-height: 22px;}
p {margin: 0 0 20px; padding: 0;}

dfn,
cite,
em,
i {
	font-style: italic;
}

code,
kbd,
tt,
var {
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}
blockquote{ background: #fae4e4; border: none; padding: 40px; font-size: 21px;}
blockquote p::before { color: #181818; content: "\f10d"; font-family: "FontAwesome"; font-size: 40px;  margin-right: 10px;}

q {
	quotes: "“" "�" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}

/* Typography for Arabic Font */

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
	font-family: 'Raleway', sans-serif;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
	font-weight: 700;
}

/* Typography for Chinese Font */

html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
	font-family: 'Raleway', sans-serif;
}

html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
	font-family: 'Raleway', sans-serif;
}

html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
	font-weight: 700;
}

/* Typography for Cyrillic Font */

html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
	font-family: 'Raleway', sans-serif;
}

html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
	font-weight: 700;
	line-height: 1.2;
}

/* Typography for Devanagari Font */

html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
	font-family: 'Raleway', sans-serif;
}

html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
	font-weight: 700;
}

/* Typography for Greek Font */

html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
	font-family: 'Raleway', sans-serif;
}

html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
	font-weight: 700;
	line-height: 1.3;
}

/* Typography for Gujarati Font */

html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
	font-family: 'Raleway', sans-serif;
}

html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
	font-weight: 700;
}

/* Typography for Hebrew Font */

html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
	font-family: 'Raleway', sans-serif;
}

html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
	font-weight: 700;
}

/* Typography for Japanese Font */

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
	font-family: 'Raleway', sans-serif;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
	font-weight: 700;
}

/* Typography for Korean font */

html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
	font-family: 'Raleway', sans-serif;
}

html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
	font-weight: 600;
}

/* Typography for Thai Font */

html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
	line-height: 1.65;
	font-family: 'Raleway', sans-serif;
}

html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
	line-height: 1.8;
	font-family: 'Raleway', sans-serif;
}

/* Remove letter-spacing for all non-latin alphabets */

html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
	letter-spacing: 0 !important;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
.search-box-overlay { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: 0; left: 0; position: absolute; right: 0; width: 100%; padding: 17px 0 0;}
.search-box form ul{ list-style: none; margin: 0 auto; display: table}
.home .search-box form ul li:first-child{ display: none;}
.search-box form ul li:last-child{ margin-right: 0;}
.search .search-box form ul li:last-child, .search .search-box form ul li:last-child, .page-template-traineeprogramme-finden .search-box form ul li:last-child{ width: 178px}
.search-box form ul li{ display: inline-block; float: left;  width: 235px; margin-right: 13px; position: relative;}
.search-box form ul li select{ line-height: 28px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none;  height: 40px; font-family: "Raleway",sans-serif; cursor: pointer; border: 1px solid rgb(218, 218, 218); border-radius: 0; padding: 0 8px; background: #fff;}
.search-box form ul li .select-bereich:before,
.search-box form ul li .select-branchen:before,
.search-box form ul li .select-bundesland:before{color: #000; content: "\f085"; display: block; font-family: "FontAwesome" !important; font-size: 32px; pointer-events: none; position: absolute; right: 8px; top:3px; z-index: 999999;}
.search-box form ul li .select-bereich, .search-box form ul li .select-branchen, .search-box form ul li .select-bundesland { position: relative;}
.search-box form ul li .select-branchen:before{content: "\f277";}
.search-box form ul li .select-bundesland:before{content: "\f041";}
.search-box form ul li select::-ms-expand { display: none;}
.search-box form ul li select option{ font-size: 18px; padding: 5px 10px;}
.search-box form ul li select option:first-child{ color: #9e9e9e}
select{ line-height: 28px;}
.select2-container{ width: 235px !important}
.select2-container--default .select2-selection--single, .search-box .search-field { background-color: rgb(255, 255, 255); border: 1px solid #dadada; border-radius: 0;}
.search-box .search-field{ height: 40px; padding: 0 40px 0 8px;}
.select2-container .select2-selection--single{ height: 40px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 38px; padding-right: 40px;}
.search-box form input[type="submit"]{ width: 100%; height: 40px; background: #01b1ae; border: 1px solid #dadada; border-radius: 0; text-align: center; font-size: 21px; font-weight: 600; padding: 0 15px; text-transform: capitalize  }
.search-box form input[type="submit"]:hover{ background: #dadada;}
.select2-container--default .select2-selection--single .select2-selection__placeholder{ color: #181818;}
.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-selection__arrow{ height: 40px; width: auto; top: 0; right: 6px;}
.select2-selection__arrow{ position: absolute; cursor: pointer;}
.select2-selection__arrow i{ vertical-align: middle; font-size: 32px; margin-top: 3px;}
.job-manager-form h2{ font-size: 30px; line-height: 34px;}
.job_listing_preview h1{ font-size: 48px; line-height: 56px;}
.job_listing_preview_title h2{ font-size: 34px; line-height: 40px;}
.single_job_listing .company .tagline{ margin-left: 62px;}
.mc4wp-response { float: left; width: 100%; margin-top: 10px;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border: 0;
        padding: 10px 20px 12px;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 10px 20px 12px;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #767676;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #181818;
}

:-moz-placeholder {
	color: #181818;
}

::-moz-placeholder {
	color: #181818;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
}


/*--------------------------------------------------------------
7.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
        padding-left: 30px;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
8.0 Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
9.0 Links
--------------------------------------------------------------*/
a { color: #181818; text-decoration: none; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
a:focus {outline: none; outline-offset: 0; text-decoration: none; color: #a7a6a6;}
a:hover,
a:active {color: #a7a6a6; outline: 0; text-decoration: none;}

/*--------------------------------------------------------------
10.0 Navigation
--------------------------------------------------------------*/
.display-none{display:none;}
nav { float: right; padding: 0 15px;}
.nav-menu .nav-list, .nav-menu .nav-list .sub-menu{ list-style: none; margin: 0; padding: 0;}
.nav-menu .nav-list > li { float: left; margin: 0 20px; padding: 37px 0; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
.nav-menu .nav-list > li:last-child{ margin-right: 0;}
.nav-menu .nav-list > li a{ color: #ffffff; font-size: 12px; line-height: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; display: block; border-bottom: 2px solid transparent; padding: 5px 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.nav-menu .nav-list > li a:hover, .nav-menu .nav-list > li.current-menu-item a, .nav-menu .nav-list > li.current-menu-ancestor a{ border-color: #181818; text-decoration: none;}
.nav-menu .nav-list li > .sub-menu, .nav-menu .nav-list li > .sub-menu li ul{ position: absolute; top: 76px; opacity: 0; visibility: hidden; background: rgba(27, 22, 28, 0.95) none repeat scroll 0 0; width: 220px;}
.site-header.stickyheader .nav-menu .nav-list li > .sub-menu{ top: 61px;}
.nav-menu .nav-list li > .sub-menu li ul{ list-style: none; margin-left: 0;}
.nav-menu .nav-list li:hover > .sub-menu, .nav-menu .nav-list li > .sub-menu > li:hover ul{ opacity: 1; visibility: visible}
.nav-menu .nav-list li > .sub-menu > li{ position: relative;}
.nav-menu .nav-list li > .sub-menu > li a{ border-bottom: 1px solid rgba(255, 255, 255, 0.06); padding: 9px 13px; color: rgb(200, 200, 200); font-weight: 400;}
.nav-menu .nav-list li > .sub-menu > li a:hover, .nav-menu .nav-list li > .sub-menu > li a:hover i{ color: #fff;}
.nav-menu .nav-list li > .sub-menu .sub-menu, .nav-menu .nav-list li > .sub-menu li ul { left: 100%; top: 0;}
.nav-menu .nav-list li.left > .sub-menu .sub-menu, .nav-menu .nav-list li.left > .sub-menu li ul { left: auto; right: 100%;}
.nav-menu .nav-list .sub-menu li a i{ font-size: 14px; color: rgb(200, 200, 200); display: block; float: right; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;}
.nav-menu .nav-list .sub-menu li a i.menu-item-icon, .nav-menu .nav-list > li a i{ display: none;}
.site-header a.logo > .sticky-logo{ display: none;}

/*** mega menu ***/
.mega-menu { background: rgba(27, 22, 28, 0.95); left: 0; list-style: outside none none; margin: 0 auto; position: absolute; right: 0; top: 100%; width: calc(100% - 30px); min-width: 200px; padding: 25px; z-index: 1000; opacity: 0; visibility: hidden;}
.mega-menu ul{ list-style: none; margin: 0;}
.mega-menu li[type="col"]:nth-child(2n+1){ clear: both;}
.nav-menu .nav-list li .mega-menu li a{ color: #c8c8c8; display: block; padding: 2px 0; position: relative; border: none; line-height: 23px; font-weight: 400;}
.nav-menu .nav-list li .mega-menu li a i{ display: inline-block;  float: left; font-size: 14px; margin: 0 10px 0 0; padding: 0; position: relative; right: 0; top: 5px;}
.nav-menu .nav-list li .mega-menu li a:hover, .nav-menu .nav-list li .mega-menu li a:focus{ color: #fff;}
.nav-menu .nav-list li .mega-menu li.menu-cat-title > a{ border-bottom: 1px solid rgba(255, 255, 255, 0.3); display: inline-block; margin-bottom: 15px; color: #fff; font-weight: 600;}
.nav-menu .nav-list li .mega-menu li.menu-cat-title > a .fa.fa-angle-right{ display: none;}
.nav-menu .nav-list > li:hover .mega-menu{ opacity: 1; visibility: visible;}

/*--------------------------------------------------------------
11.0 Layout
--------------------------------------------------------------*/
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

#page {
	position: relative;
	word-wrap: break-word;
}

/*--------------------------------------------------------------
11.1 Header
--------------------------------------------------------------*/
.site-header { left: 0; position: fixed; display: table; right: 0; top: 0; width: 100%; background: transparent; /*border-bottom: 1px solid rgba(0,0,0,0.1);*/ z-index: 999; padding: 0; transform: translate3d(0px, 0px, 0px); transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
.site-branding-logo{ float: left; padding: 0 15px;}
.site-header .container {position: relative; display: table-cell; height: 100px; vertical-align: middle; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
.site-header a.logo { display: table-cell; height: 100px; vertical-align: middle;}
.logo > img { width: 150px;}
.header-image-section{ padding: 0; position: relative; z-index: 1;}
.stickyheader{ border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-color: rgb(255, 255, 255); transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
.stickyheader .container { height: 80px;}
.stickyheader a.logo{  height: 80px;}
.stickyheader .nav-menu .nav-list > li a{ color: #181818;}
.stickyheader .nav-menu .nav-list > li{ padding: 27px 0;}
.stickyheader a.logo > .sticky-logo{ display: block;}
.stickyheader a.logo > .non-sticky-logo{ display: none;}
body:not(.has-header-image):not(.has-header-video) .custom-header-media {display: none;}

/*--------------------------------------------------------------
11.2 Front Page
--------------------------------------------------------------*/
.panel-content {
	position: relative;
}
/* Front Page - Recent Posts */

.recent-posts .entry-header {
	margin-bottom: 1.2em;
}

/*--------------------------------------------------------------
11.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
	background-color: #fff;
	position: relative;
}

.site-content {
	padding: 0;
        position: relative;
        background: #edeff2;
        z-index: 1;
        overflow: hidden;
}

/*--------------------------------------------------------------
11.4 Posts
--------------------------------------------------------------*/
/* Post Landing Page */
.sticky {
	position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
	display: none;
}


.entry-header .entry-title {
	margin-bottom: 0.25em;
}

.entry-title a {
	color: #333;
	text-decoration: none;
	margin-left: -2px;
}

.entry-title:not(:first-child) {
	padding-top: 0;
}

.entry-meta {
	color: #767676;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}

.entry-meta a {
	color: #767676;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-numbers.current .screen-reader-text {
	clip: auto;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: auto;
}

/* Blog landing, search, archives */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 2em;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

/* More tag */
.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}

.single-featured-image-header img {
	display: block;
	margin: auto;
}

.page-links a {
	display: inline-block;
}

/* Entry footer */

.entry-footer .edit-link {
	display: inline-block;
}

/* Post Formats */

.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
11.5 Pages
--------------------------------------------------------------*/

.page-header {
	padding-bottom: 2em;
}

.page .entry-header .edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

.search .page .entry-header .edit-link {
	font-size: 11px;
	font-size: 0.6875rem;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.bg-white{ background: #ffffff;}

.breadcrumb{ padding: 20px 0; float: left; width: 100%;}
.breadcrumb ul{ margin: 0; padding: 0; list-style: none;}
.breadcrumb ul li{ float: left; list-style: none; margin-right: 15px;}
.breadcrumb ul li span.title{ color: #a7a6a6}
.breadcrumb ul li a:after{ content: ">>"; display: inline-block; margin-left: 15px;}

/*--------------------------------------------------------------
11.6 Footer
--------------------------------------------------------------*/
.site-footer { color: #fff; font-size: 13px; line-height: 16px; padding: 25px 0; position: fixed; width: 100%; bottom: 0; left: 0; right: 0;}
.site-footer h6{ color: #01b1ae; margin-bottom: 13px;}
.site-footer p{ margin-bottom: 10px;}
.newsletter-footer{ font-weight: 600;}
.newsletter-footer .input-group{ float: left; display: inline-block; width: 100%; position: relative;}
.newsletter-footer form .input-group input[type="email"], .newsletter-footer form .input-group input[type="text"]{ width: 65%; float: left; font-size: 18px; font-weight: 600; height: 31px; border-radius: 0; border: 1px solid #dadada; color: #181818; padding: 0 10px 0 43px; position: relative;}
.newsletter-footer .input-group input[type="submit"]{ font-size: 18px; float: right; width: 33%; height: 31px; border: 1px solid #dadada; border-radius: 0; background: #01b1ae; font-weight: 600; padding: 0;}
.newsletter-footer .input-group input[type="submit"]:hover{ background: #dadada;}
.newsletter-footer form .input-group:after {content: "\f003"; font-family:'FontAwesome';font-style: normal;font-weight: normal;text-decoration: inherit;position: absolute;font-size: 18px;color: #181818;top: 6px;left: 12px;}
.site-footer .footer-menu .footer-menu-wrap{ margin: 0 -15px;}
.newsletter-footer .widget{ padding-bottom: 0;}
.site-footer .footer-menu .widget_nav_menu{ float: left; width: 50%; padding: 0 15px;  margin-bottom: 17px;}
.site-footer .footer-menu .widget_nav_menu:nth-child(2n+1) { clear: both;}
.site-footer .footer-menu .widget_nav_menu .menu li a{ font-weight: 600; color: #fff;}
.site-footer .footer-menu .widget_nav_menu .menu li a:hover{ color: #a7a6a6;}
.copyright{ border-top: 1px solid #666768; border-bottom: 1px solid #666768; padding: 5px 0; margin-top: 24px;}
.copyright h6 i, .copyright span i{ font-size: 14px;}
.copyright h6{ color: #fff; font-weight: 600;font-family: 'Raleway', sans-serif; margin-bottom: 0;}
.copyright span{ display: inline-block; font-weight: 600;}
.footer-text-block p:last-child{ margin-bottom: 0;}

/* Footer widgets */
.site-footer .widget-area {padding-bottom: 2em;	padding-top: 2em;}

/* Social nav */
.social-navigation ul {	list-style: none;margin-bottom: 0;margin-left: 0;}

/*--------------------------------------------------------------
12.0 Widgets
--------------------------------------------------------------*/
#secondary {
	padding: 1em 0 2em;
}

.widget {
	padding-bottom: 3em;
}

.widget-title a {
	color: inherit;
}

/* widget forms */

.widget select {
	width: 100%;
}


/* widget lists */

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

.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}

.widget ul li li {
	border: 0;
	padding-left: 24px;
	padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
	bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}

/* Text widget */

.widget_text {
	word-wrap: break-word;
}

.widget_text ul {
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}

.widget_text ol {
	list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
	border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
	padding-bottom: 0;
}

.widget_text ul li ul {
	margin: 0 0 0 1.5em;
}

.widget_text ul li li {
	padding-left: 0;
	padding-right: 0;
}

/* Recent Comments */

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
	border: 0;
}

/* Recent Posts widget */

.widget_recent_entries .post-date {
	display: block;
}

/* Search */

.search-form {
	position: relative;
}

/* Calendar widget */

.widget_calendar th,
.widget_calendar td {
	text-align: center;
}

.widget_calendar tfoot td {
	border: 0;
}

/*--------------------------------------------------------------
13.0 Media
--------------------------------------------------------------*/
img,
video {	height: auto; /* Make sure images are scaled correctly. */max-width: 100%; /* Adhere to container width. */}

img.alignleft,
img.alignright {float: none;margin: 0;}

embed,
iframe,
object {margin-bottom: 1.5em;max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block; margin-left: auto;	margin-right: auto;}
/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {background: transparent;	border: 0;}

/*--------------------------------------------------------------
 custom css
--------------------------------------------------------------*/
.full-screen{min-height: 981px;}
.no-padding{ padding: 0;}
.no-padding-top{ padding-top: 0;}
.no-padding-bottom{ padding-bottom: 0;}
.no-margin{ margin: 0;}
.overflow{ overflow: hidden;}
.position-relative{ position: relative;}
section{ padding: 80px 0;}
.overlay{position: absolute; height: 100%; width: 100%; opacity: 0.35; top: 0; left: 0; background: #181818;}
.logged-in.admin-bar .site-header{ margin-top: 33px;}
.bg-pattern{ background: url('assets/images/bg-pattern.jpg'); clear: both;}
/* parallax  */
.parallax {position: relative !important; background-size: cover !important; overflow: hidden; background-attachment: fixed !important; transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
.parallax-fix { background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; position: relative; }
/*** home page ***/
.search-box-overlay .title{ text-align: center;}
.search-box{ margin-bottom: 15px;}
.search-box-overlay h1{ font-size: 32px; line-height: 40px; color: #ffffff; border-bottom: 1px solid; display: inline-block; padding: 0 93px 10px; margin-bottom: 28px; letter-spacing: normal;}
.latest-article-wrap.grid-box article:nth-child(3n+1), .small-featured-article.grid-box article:nth-child(3n+1){ clear: both;}
.trainee-program-wrap.grid-box article:nth-child(3n+1) { clear: both;}
.grid-box .row{  margin-left: -22px; margin-right: -22px;}
.search .grid-box .row, .page-template-traineeprogramme-finden .grid-box .row{  margin-left: -15px; margin-right: -15px;}
.search .grid-box article, .page-template-traineeprogramme-finden .grid-box article, .page-template-traineeprogramme-finden .more-reports-link, .search .more-reports-link{ padding: 0 15px;}
.grid-box article{ padding: 0 22px; margin-bottom: 46px; }
.grid-box article .user-meta.white{ background: #fff; border: 2px solid #ef1e8a; color: #ef1e8a}
.grid-box article .user-meta.white a{ color: #ef1e8a}
.grid-box article .user-meta.pink{ border: 2px solid #ef1e8a; background: #ef1e8a; color: #fff;}
.trainee-program-wrap{ padding-bottom: 34px;}
.grid-box .article-wrapper{ background: #fff; top: 0; float: left; width: 100%; position: relative; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease 0s, top 0.3s ease 0s; -webkit-transition: box-shadow 0.3s ease 0s, top 0.3s ease 0s; -moz-transition: box-shadow 0.3s ease 0s, top 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s, top 0.3s ease 0s;}
.grid-box .article-wrapper:hover{ top: -4px; -webkit-box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.37); -moz-box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.37); box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.37);}
.grid-box article .description{ font-size: 19px; line-height: 25px; padding: 20px;}
.search-results .grid-box article .description,
.page-template-traineeprogramme-finden .grid-box article .description, .search .grid-box article .description{ font-size: 14px; line-height: 19px; padding: 15px;}
.grid-box article .description h6{ text-align: left; font-size: 21px; line-height: 28px;  margin-bottom: 15px;/* overflow-wrap: break-word;*/}
.search-results .grid-box article .description h6,
.page-template-traineeprogramme-finden .grid-box article .description h6, .search .grid-box article .description h6{ font-size: 16px; line-height: 21px; margin-bottom: 10px;}
.trainee-program-wrap article .description h6 a:hover, .grid-box article .description h6 a:hover{ text-decoration: none; color: #a7a6a6 !important;}
.trainee-program-wrap article .description h6 a, .grid-box article .description h6 a{  color: #ef1e8a;}
.grid-box article.category-ratgeber .description h6 a{ color: #01b1ae;}
.grid-box article.category-uncategorized .description h6 a{ color: #01b1ae;}
.grid-box article.category-arbeitgeber-interview-bericht .description h6 a{ color: #2379d2;}
.grid-box article.category-trainee-interview-bericht .description h6 a{ color: #614ec1;}
.grid-box article.category-ratgeber .user-meta{ background: #01b1ae;}
.grid-box article.category-uncategorized .user-meta{ background: #01b1ae;}
.grid-box article.category-arbeitgeber-interview-bericht .user-meta{ background: #2379d2;}
.grid-box article.category-trainee-interview-bericht .user-meta{ background: #614ec1;}
.search-results .grid-box article .user-meta i,
.page-template-traineeprogramme-finden .grid-box article .user-meta i, .search .grid-box article .user-meta i{ font-size: 16px; width: 18px; margin-right: 7px;}
.grid-box article .description a{ font-weight: 600;}
.grid-box article .description p{ margin-bottom: 15px;}
.grid-box article .description p:last-child, .big-featured-article .banner-text-middle .content p{ margin-bottom: 0;}
.grid-box .title{ font-size: 48px; line-height: 50px; margin-bottom: 52px; letter-spacing: -3px;}
.grid-box figure{ margin: 0;/* min-height: 200px;*/}
.grid-box figure img{ width: 100%;}
.grid-box article .user-meta{ background: #ef1e8a; padding: 10px 20px; color: #fff; float: left; width: 100%; font-size: 16px; line-height: 21px; text-transform: capitalize;}
.search-results .grid-box article .user-meta,
.page-template-traineeprogramme-finden .grid-box article .user-meta, .search .grid-box article .user-meta{ font-size: 12px; line-height: 18px; padding: 7px 15px;}
.search .grid-box figure{ min-height: 0px;}
.search-results-wrap .category-grid .default-post:nth-of-type(4n+1), .search-results-wrap .category-grid .load-more-post:nth-of-type(4n+1) {  clear: both;}
.grid-box article .user-meta a{ color: #fff;}
.trainee-program-wrap article .user-meta .user-meta-left, .grid-box article .user-meta .user-meta-left{ float: left; width: 67%; padding-right: 7px; overflow-wrap: break-word;}
.trainee-program-wrap article .user-meta .user-meta-right, .grid-box article .user-meta .user-meta-right{ float: right; width: 33%;}
.trainee-program-wrap article .user-meta span, .grid-box article .user-meta span{ display: block; margin-bottom: 7px; position: relative; padding-left: 28px;}
.latest-article-wrap .more-reports-link{ padding: 0}
.latest-article-wrap.grid-box article .user-meta span{ margin-bottom: 0;}
.grid-box article .user-meta span:last-child{ margin-bottom: 0;}
.grid-box article .user-meta a:hover{ color: #181818;}
.trainee-program-wrap article .user-meta .user-meta-left span:last-child,
.trainee-program-wrap article .user-meta .user-meta-right span:last-child,
.grid-box article .user-meta .user-meta-left span:last-child,
.grid-box article .user-meta .user-meta-right span:last-child{ margin-bottom: 0;}
.grid-box article .user-meta span i{ position: absolute; left: 0; font-size: 21px; margin-right: 0; width: 22px; text-align: center;}
.big-featured-article .container{ position: relative;}
.big-featured-article{ padding: 0; position: relative;}
.big-featured-article .banner-text-middle{ color: #fff; padding: 0 15px;}
.big-featured-article .banner-text-middle h2{ font-size: 50px; line-height: 61px; text-shadow: 0 1px 1px #181818; margin-bottom: 60px; letter-spacing: -3px;}
.big-featured-article .banner-text-middle .content{ font-size: 40px; line-height: 48px; font-style: italic; font-weight: 300; text-shadow: 0 1px 1px #181818; }
.more-reports-link{ font-size: 24px; line-height: 30px; font-weight: 600; float: left; width: 100%; padding: 0 22px;}
.more-reports-link a:active, .more-reports-link a:focus{ color: #181818;}
.newsletter{ color: #fff; padding-bottom: 300px;}
.newsletter h2{ font-size: 48px; line-height: 56px; margin-bottom: 92px; letter-spacing: -3px;}
.newsletter span a{ font-size: 48px; line-height: 52px; color: #ef1e8a; text-decoration: underline}
.newsletter span a:hover{ color: #fff; text-decoration: none;}
.newsletter .widget { padding-bottom: 0;}
.newsletter .widget form{ width: 793px; margin: 0 auto;}
.newsletter form .input-group{ display: inline-block; float: left; width: 100%; position: relative;}
.newsletter form .input-group input[type="email"], .newsletter form .input-group input[type="text"]{ width: 72%; float: left; border: 1px solid #dadada; border-radius: 0; height: 54px; font-size: 32px; color: #181818; font-weight: 300;padding: 0 50px 0 75px; position: relative;}
.newsletter form .input-group:after {content: "\f003"; font-family:'FontAwesome';font-style: normal;font-weight: normal;text-decoration: inherit;position: absolute;font-size: 32px;color: #181818;top: 11px;left: 20px;z-index: 1;}
.newsletter form .input-group.round:after, .newsletter-footer form .input-group.round::after{ color: #01b1ae }
.newsletter form .input-group input[ type="submit"]{ width: 27%; float: right; padding: 0 15px; background: #01b1ae; color: #ffffff; font-weight: 300; font-size: 32px; height: 54px; border-radius: 0; border: 1px solid #dadada;}
.newsletter form .input-group input[ type="submit"]:hover{ background: #dadada;}
.author-newletter h2{ font-size: 78px; line-height: 93px; margin-bottom: 54px; letter-spacing: -3px;}
.author-newletter{ padding-bottom: 270px;}
.wrap-image{ padding-top: 0; position: relative; margin-top: -200px; overflow: hidden;}
.wrap-image .wrap-image-box{ text-align: center; display: table-cell; float: none; vertical-align: bottom;}
.wrap-image .wrap-image-box:last-child img{ margin-top: 30px;}
.content-wrap p { width: 97%;}
.content-wrap p:last-child { margin-bottom: 0;}
/*** scrooll down arrow ***/
.scroll-down-link { height: 60px; text-align: center;}
.scroll-down{ color: #fff; z-index: 1; text-align: center; display: inline-block; font-size: 70px; position: absolute; bottom: 0; left: 50%; width: 80px; margin-left: -25px; text-decoration: none; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); -webkit-animation: fade_move_down 2s ease-in-out infinite; animation: fade_move_down 2s ease-in-out infinite; outline: none;}
.scroll-down:hover, .scroll-down:focus{ color: #fff;}
/*** loder css ***/
.loading-img{ float: left; width: 100%; text-align: center;}
/*--------------------------------------------------------------
 sticky css
--------------------------------------------------------------*/
.search-box.fixed, .company-logo.fixed{ position: fixed; top: 81px; width: 100%; z-index: 999; }
.search-box.fixed{ background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; padding: 20px 0;}
.search-box.fixed{left: 0; right: 0; }
.preloader {position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 99999999; }
.preloader-rotate{ position: absolute; top: 50%; left: 50%; border-radius: 50%; margin: -35px 0 0 -35px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); height: 85px; width: 85px; border: 3px solid; border-color: #ffffff #b1afad; animation: preloader-rotate .8s infinite cubic-bezier(0.445,.05,.55,.95); -moz-animation: preloader-rotate .8s infinite cubic-bezier(0.445,.05,.55,.95); -webkit-animation: preloader-rotate .8s infinite cubic-bezier(0.445,.05,.55,.95);}
/*** category page ***/
.page-template-ratgeber-berichte .grid-box article.default-post:nth-child(3n+1), .archive.category .grid-box article.default-post:nth-child(3n+1){ clear: both;}
.page-template-ratgeber-berichte .grid-box article.load-more-post:nth-child(3n+2), .archive.category .grid-box article.load-more-post:nth-child(3n+2){ clear: both;}
/*.page-template-traineeprogramme-finden .grid-box article.default-post:nth-child(4n+1), .search .grid-box article.default-post:nth-child(4n+1){ clear: both;}
.page-template-traineeprogramme-finden .grid-box article.load-more-post:nth-child(4n+2), .search .grid-box article.load-more-post:nth-child(4n+2){ clear: both;}*/
.newsletter-single{ padding: 0 22px; margin-bottom: 46px; padding-bottom: 0 !important}
.newsletter-category{  color: #fff; padding: 32px 15px 42px;}
.newsletter-category h4{ font-size: 25px; line-height: 30px; text-shadow: 0 1px 1px #181818; margin-bottom: 21px;}
/*** category page ***/
.profile-top-banner .banner-text-middle{ padding: 0 15px;}
.profile-top-banner, .trainee-figure, .latest-article-bg-wrap{ color: #fff; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}
.profile-top-banner h1{ margin-bottom: 15px; /*word-break: break-all;*/ letter-spacing: -3px; visibility: hidden;}
.profile-top-banner h2{ font-weight: 300; font-family: 'Raleway', sans-serif; display: inline-block; position: relative; padding-bottom: 38px; margin: 0; letter-spacing: -3px; visibility: hidden;}
.profile-top-banner h2:before{ content: ""; position: absolute; height: 2px; background: #fff; width: 245px; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.company-logo{ background: #fff; padding: 24px 0 20px; border-bottom: 1px solid #e7e7e7; position: absolute; top: 0; left: 0; width: 100%; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;}
.company-logo.fixed{ padding: 20px 0 16px;}
.company-logo img{max-height: 60px; max-width: 420px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;}
.company-logo.fixed img{ max-height: 40px;}
.trainee-entry-content, .company-info-wrap{ color: #2a2a2a;}
.trainee-entry-content{ padding-top: 105px;}
.trainee-entry-content .title{ margin: 60px 0 90px;}
.trainee-entry-content .title h2, .trainee-figure .title h2, .company-info-wrap .title h2{ font-size: 64px; line-height: 70px; margin-bottom: 10px; letter-spacing: -3px;}
.company-info-wrap .title h2{ margin-bottom: 65px;}
.trainee-entry-content .title span, .trainee-figure .title span{ font-size: 30px; line-height: 30px;}
.company-info-wrap .title span{ font-size: 40px; line-height: 50px; margin-bottom: 25px; display: inline-block;}
.entry-content-box ul{ list-style: none;}
.trainee-entry-content ul{ margin-bottom: 0;}
.entry-content-box h4{ display: block; font-size: 25px; line-height: 31px; overflow-wrap: break-word; margin-bottom: 33px;}
.entry-content-box i, .trainee-figure i, .company-content-box i{ font-size: 120px; margin-bottom: 28px; display: block;}
.company-content-box i{ margin-bottom: 18px;}
.figure-content-box span.counter-number, .figure-content-box span.currency, .figure-content-box span.separator, .company-content-box span.counter-number, .company-content-box span.currency, .company-content-box span.separator{ font-size: 64px; line-height: 64px; font-weight: 700; display: inline-block;}
.figure-content-box span.separator{ margin: 0 10px 0 5px;}
.figure-content-box span.counter-number{ margin-bottom: 26px;}
.trainee-figure .figure-content-box i{ line-height: 100px;}
.trainee-figure .title{ margin-bottom: 90px;}
.figure-content-box .figure-subtitle{ font-size: 26px; line-height: 31px; font-weight: 700; list-style: none; display: block; margin-bottom: 0;}
.figure-content-box .figure-title, .company-content-box .figure-title{ margin: 0; font-size: 26px; line-height: 31px; display: block;}
.figure-content-box .figure-title{ margin-bottom: 30px;}
.company-content-box .figure-title{margin-top: 28px; margin-bottom: 0;}
.company-trainee-wrap .description{ padding: 80px 70px 80px 50px}
.personality-education-wrap .description{ padding: 80px 0;}
.company-trainee-wrap .description, .duties-sequence-info .description, .personality-education-wrap .description{ position: relative; z-index: 2;}
/*.bg-image{ position: absolute;* left: 0; right: 0; height: 100%; z-index: 1; background-size: cover; background-position: center center;}*/
.bg-image.bg-image-right{ float: right}
.company-trainee-wrap .bg-image.bg-image-right, .personality-education-wrap .bg-image.bg-image-right{ padding-right: 0;}
.duties-sequence-info .bg-image.bg-image-left, .trainee-programm-wrap .bg-image.bg-image-left{ padding-left: 0;}
.bg-image{ position: relative;}
.company-trainee-wrap .bg-image.bg-image-right.fixed, .personality-education-wrap .bg-image.bg-image-right.fixed{ position: fixed; right: 0; top: 156px;}
.company-trainee-wrap .bg-image.bg-image-right.fixed-to-end, .personality-education-wrap .bg-image.bg-image-right.fixed-to-end{ position: absolute; bottom: 0; right: 0;}
.duties-sequence-info .bg-image.bg-image-left.fixed, .trainee-programm-wrap .bg-image.bg-image-left.fixed{ position: fixed; left: 0; top: 156px;}
.duties-sequence-info .bg-image.bg-image-left.fixed-to-end, .trainee-programm-wrap .bg-image.bg-image-left.fixed-to-end{ position: absolute; bottom: 0; left: 0;}
.personality-education-wrap.cover-background {background: #ffffff;}
/*.bg-image.bg-image-left{ right: auto;}*/
.duties-sequence-info .description h2 i, .personality-education-wrap .description h3 i{ font-size: 64px; left: -100px; position: absolute; text-align: right; top: -5px; width: 75px;}
.personality-education-wrap .description h3 i{ top: 0;}
.duties-sequence-info .description h2{ position: relative;}
.archive.author strong{ font-weight: 600;}
/*.duties-sequence-info{ padding-bottom: 45px;}*/
.duties-sequence-info.cover-background{ background: #f3f5f4;}
.duties-sequence-info .description{ padding: 80px 0 45px;}
.duties-sequence-info .description .mCustomScrollbar{ padding: 0 160px 0 138px;}
.company-trainee-wrap .description p:last-child{ margin-bottom: 0;}
.personality-education-wrap .description .mCustomScrollbar{ padding: 0 50px 0 127px; }
.personality-education-wrap .description h3{ color: #01b1ae; position: relative;}
.latest-article-bg-wrap .overlay{ opacity: 0.20;}
.latest-article-bg-wrap h2{ font-size: 78px; line-height: 86px; margin-bottom: 0; letter-spacing: -3px;}
.latest-article-bg-wrap span{ font-size: 48px; line-height: 50px;}
.latest-article-wrap{ padding-top: 0; margin-top: -35px;}
.trainee-programm-wrap .description .mCustomScrollbar{ padding: 0 95px 0 25px}
.share-media-wrap{ padding: 0; color: #fff;}
.share-media-wrap ul{ margin: 0; padding: 0; list-style: none;}
.share-media-wrap ul li{display: inline-block; width: 12.5%; text-align: center; font-size: 80px; vertical-align: bottom; }
.share-media-wrap.width-7 ul li{width: 14.28%;}
.share-media-wrap.width-6 ul li{width: 16.66%;}
.share-media-wrap.width-5 ul li{width: 20%;}
.share-media-wrap.width-4 ul li{width: 25%;}
.share-media-wrap.width-3 ul li{width: 33.33%;}
.share-media-wrap.width-2 ul li{width: 50%;}
.share-media-wrap.width-1 ul li{width: 100%;}
.share-media-wrap ul li a{ display: block; color: #fff; padding: 115px 0;}
.share-media-wrap ul li a.home{ background: #2a445f}
.share-media-wrap ul li a.graduation{ background: #f08421}
.share-media-wrap ul li a.linkedin{ background: #0274b3}
.share-media-wrap ul li a.xing{ background: #006567}
.share-media-wrap ul li a.kununu{ background: #cdd92d}
.share-media-wrap ul li a.facebook{ background: #3c5a9a}
.share-media-wrap ul li a.youtube{ background: #df192a}
.share-media-wrap ul li a.google-plus{ background: #333230}
.share-media-wrap ul li a.kununu > img { width: 75.5px;}
.banner-bottom-title{ position: absolute; bottom: 0; width: 100%;  background: #01b1ae; color: #fff; padding: 14px 0; min-height: 90px; visibility: hidden;}
.banner-bottom-title.category-arbeitgeber-interview-bericht{ background: #2379d2;}
.banner-bottom-title.category-trainee-interview-bericht{ background: #614ec1;}
.banner-bottom-title h1{ margin-bottom: 0; font-size: 48px; line-height: 56px;}
.social-share{ list-style: none; margin: 0; padding: 0; font-size: 30px; text-align: center; color: #fff;}
.social-share li, .social-share li a, .social-share li a i{ display: block; color: #fff;}
.social-share li a i{ padding: 14px 10px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.social-share li a i span{ display: block; font-size: 12px; margin-top: 7px;}
.social-share li a i:hover{ opacity: 0.8;}
.social-share li .fa.fa-facebook{ background: #3b5998; /*padding-bottom: 5px;*/}
.social-share li .fa.fa-twitter{ background: #1da1f2;}
.social-share li .fa.fa-google-plus{ background: #dc4e41;}
.social-share li .fa.fa-pinterest-p{ background: #cb2027;}
.social-share li .fa.fa-linkedin{ background: #0077b5;}
.social-share li .fa.fa-xing{ background: #1a7576;}
.ads-sidebar{ float: right; width: 300px; background: #fff; -webkit-box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.37); -moz-box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.37); box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.37);}
.ads-sidebar .widget{ padding: 0; margin-bottom: 15px;}
.ads-sidebar .widget:last-child{ margin-bottom: 0;}
.article-content-block article h5{ font-family: 'Raleway', sans-serif; font-weight: 600; font-style: italic;}
.article-content-block .social-wrap{ position: absolute; left: -70px; top: 0; z-index: 1; width: 58px;}
.ads-sidebar.fixed{ left: 50%; margin-left: 285px; position: fixed; bottom: 61px;margin-top: 20px;}
.ads-sidebar.fixed-to-bottom{ position: absolute; bottom: 90px; top: auto; left: 50%; margin-left: 285px;}
.share-sidebar.fixed, .share-sidebar.fixed-to-bottom{  position: fixed; top: 100px; width: 58px;}
.share-sidebar.fixed, .share-sidebar.fixed-to-bottom{margin-top: 20px;}
.social-wrap.fixed-to-bottom{ position: absolute; bottom: 90px; top: auto;}
.social-wrap .share-sidebar .widget{ padding-bottom: 0;}
.social-wrap .share-sidebar .widget .addtoany_list a{ display: block; padding: 0; position: relative; float: left; width: 58px;}
.social-wrap .share-sidebar .widget .addtoany_list a > span{ border-radius: 0; height: 58px; line-height: 58px; width: 58px; padding: 10px;}
.social-wrap .share-sidebar .widget .addtoany_list a.a2a_button_facebook > span,
.social-wrap .share-sidebar .widget .addtoany_list a.a2a_button_facebook,
.social-wrap .share-sidebar .widget .addtoany_list a.a2a_button_pinterest > span,
.social-wrap .share-sidebar .widget .addtoany_list a.a2a_button_pinterest{ height: 66px;}
.social-wrap .share-sidebar .widget .addtoany_list a{ height: 58px;}
.social-wrap .share-sidebar .widget .addtoany_list a .a2a_count { bottom: 3px; color: rgb(255, 255, 255); height: auto !important; left: 0; line-height: 12px !important; padding: 0; position: absolute; text-align: center; vertical-align: top; width: 100% !important; background: transparent; border: 0 !important; padding: 0 !important; margin: 0 !important; float: left; font-size: 12px !important;}
.social-wrap .share-sidebar .widget .a2a_count::before, .social-wrap .share-sidebar .widget .a2a_count::after{ display: none;}
.article-content-block article{ float: left; padding-right: 30px; width: 74.35%;}
.article-content-block article img.alignleft{ float: left; margin-right: 25px;}
.article-content-block article img.alignright{float: right; margin-left: 25px;}
.article-content-block article p:last-child{ margin-bottom: 0;}
.archive.author .profile-top-banner .banner-typography{ top: 0; width: 1200px; padding: 0 15px; margin: 0 auto;}
.profile-navigation{ float: right; margin-top: 10px;}
.company-logo.fixed .profile-navigation{ margin-top: 0;}
.profile-navigation a{ font-size: 12px; line-height: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; display: inline-block; margin: 0 20px; vertical-align: middle;padding: 5px 0;}
.profile-navigation a:last-child{ margin-right: 0;}
.profile-navigation a.active{ color: #a7a6a6;}
.profile-navigation a.company-logo-button{ background: #01b1ae; border: 1px solid #dadada; border-radius: 0; text-align: center; font-size: 21px; font-weight: 600; padding: 12px 15px; text-transform: capitalize; color: #fff; min-width: 235px;}
.profile-navigation a.company-logo-button:hover{ background: #dadada;}

/*** progressive image css ****/
.progressive{overflow:hidden;position:relative;background:#efefef}.progressive__img{width:100%;height:100%;/*transform:translateZ(0)*/}.progressive--not-loaded{filter:blur(30px);/*transform:scale(1.1)*/}.progressive--is-loaded{filter:blur(20px);animation:a .4s both;/*transform:scale(1)*/}@keyframes a{0%{filter:blur(20px)}to{filter:blur(0)}}

/*** article content table ****/
.article-content-block article.full-width-single-post { width: 100%; padding: 30px 0 0 0;}
.article-content-block article.full-width-single-post .table { margin-top: 30px; border: 1px solid #dadada; border-top: 0;}
.article-content-block article.full-width-single-post .table thead tr:first-child td { border: 0; background-color: #373435; color: #fff; border-right: 1px solid #7d7d7d; }
.article-content-block article.full-width-single-post .table tr td:last-child { border-right: 0; }
.article-content-block article.full-width-single-post .table tr:nth-child(even) td { background-color: #fff;}
.article-content-block article.full-width-single-post .table th, .article-content-block article.full-width-single-post .table td { line-height: 20px; font-size: 15px; padding: 15px 10px; border-top: 0 solid #bfbfbf; border-right: 1px solid #dadada; font-weight: 400; }
.article-content-block article.full-width-single-post .table a { font-weight: 600; }
.article-content-block article.full-width-single-post .table .tdcell a { color: #2379d2  }
.article-content-block article.full-width-single-post .table .tdcell a:hover { color: #a7a6a6 }
.article-content-block article.full-width-single-post .table tr th:first-child, .article-content-block article.full-width-single-post .table tr td:first-child { width: 25%;}
.article-content-block article.full-width-single-post .table tr th:nth-child(2), .article-content-block article.full-width-single-post .table tr td:nth-child(2){ width: 10%;}
.article-content-block article.full-width-single-post .table tr th:nth-child(3), .article-content-block article.full-width-single-post .table tr td:nth-child(3){ width: 10%;}

/*--------------------------------------------------------------
14.0 Media Queries
--------------------------------------------------------------*/
@media( max-width: 1500px){
    .nav-menu .nav-list li.left > .sub-menu{ left: -156px;}
}
@media( max-width: 1400px){
    .article-content-block .social-wrap{ left: 0;}
    .article-content-block article{ padding-left: 70px;}
 
    /*** article content table ****/
    .article-content-block article.full-width-single-post { padding-left: 70px; }
}
@media( max-width: 1212px){
    .grid-box .row { margin-left: -15px; margin-right: -15px;}
    .grid-box article, .more-reports-link, .newsletter-single{ padding: 0 15px;}
}

@media( max-width: 1199px){
    /*--------------------------------------------------------------
    Typography
    --------------------------------------------------------------*/
    h1, h2, h3, h4, h5, h6{ margin-bottom: 35px;}
    p{ margin-bottom: 30px;}
    h1 { font-size: 70px; line-height: 76px;}
    h2, .home.blog .entry-title{ font-size: 42px; line-height: 46px;}
    h3 {font-size: 36px; line-height: 40px;}
    .parallax{ background-position: center center; background-attachment: inherit !important;}
    .parallax-text{ opacity: 1 !important; transform: matrix(1, 0, 0, 1, 0, 1) !important;}
    .archive.author .profile-top-banner .banner-typography {width: 970px;}
    .breadcrumb ul li{ font-size: 18px; line-height: 22px;}
    /*** navigation ***/
    .nav-menu .nav-list li.right > .sub-menu .sub-menu { left: auto; right: 100%;}
    
    .search-box-overlay{ padding: 17px 0 0;}
    .select2-container { width: 225px !important;}
    .search-box form ul li{ width: 225px;}
    .page-template-traineeprogramme-finden .search-box form ul li, .search .search-box form ul li{ width: 177px;}
    .page-template-traineeprogramme-finden .select2-container, .search .select2-container { width: 177px !important;}
    .grid-box .title { font-size: 42px; line-height: 44px;}
    .grid-box article .description{ padding: 15px; font-size: 17px; line-height: 23px;}
    .grid-box article .user-meta{ padding-left: 15px; padding-right: 15px;}
    .grid-box article .description h6 { font-size: 19px; line-height: 26px;}
    .grid-box article .user-meta{ font-size: 14px; line-height: 19px;}
    .trainee-program-wrap article .user-meta .user-meta-left, .grid-box article .user-meta .user-meta-left {padding-right: 5px; width: 65%;}
    .trainee-program-wrap article .user-meta .user-meta-right, .grid-box article .user-meta .user-meta-right {width: 35%;}
    .grid-box article .user-meta span i { font-size: 19px; width: 20px;}
    .big-featured-article .banner-text-middle h2 { font-size: 46px; line-height: 57px; margin-bottom: 50px;}
    .big-featured-article .banner-text-middle .content {font-size: 36px; line-height: 44px;}
    .newsletter h2 {font-size: 42px; line-height: 50px; margin-bottom: 70px;}
    .newsletter form .input-group input[type="email"], .newsletter form .input-group input[type="submit"]{ font-size: 28px;}
    .newsletter form .input-group::after{ top: 12px; font-size: 28px;}
    .newsletter form .input-group input[type="email"], .newsletter form .input-group input[type="text"]{ font-size: 28px; padding-left: 65px;}
    .page-template-traineeprogramme-finden .grid-box article .user-meta .user-meta-left, .search .grid-box article .user-meta .user-meta-left{ width: 60%;}
    .page-template-traineeprogramme-finden .grid-box article .user-meta .user-meta-right, .search .grid-box article .user-meta .user-meta-right{ width: 40%;}
    .page-template-traineeprogramme-finden .grid-box article .user-meta span, .search .grid-box article .user-meta span{ padding-left: 23px;}
    /*** author ***/
    .trainee-entry-content { padding-top: 87px;}
    .trainee-entry-content .title h2, .trainee-figure .title h2, .company-info-wrap .title h2 { font-size: 56px; line-height: 62px;}
    .trainee-entry-content .title span, .trainee-figure .title span { font-size: 26px; line-height: 26px;}
    .entry-content-box i, .trainee-figure i, .company-content-box i { font-size: 100px; margin-bottom: 25px;}
    .entry-content-box h4 { font-size: 22px; line-height: 28px; margin-bottom: 25px;}
    .trainee-figure .title, .trainee-entry-content .title { margin-bottom: 70px;}
    .figure-content-box span.counter-number, .figure-content-box span.currency, .figure-content-box span.separator, .company-content-box span.counter-number, .company-content-box span.currency, .company-content-box span.separator { font-size: 54px; line-height: 54px;}
    .figure-content-box span.counter-number { margin-bottom: 20px;}
    .figure-content-box .figure-title, .company-content-box .figure-title { font-size: 22px; line-height: 28px; }
    .figure-content-box .figure-title{ margin: 0 0 25px;}
    .company-content-box .figure-title { margin-bottom: 0;  margin-top: 20px;}
    .figure-content-box .figure-subtitle{ font-size: 22px; line-height: 28px;}
    .company-trainee-wrap .description { padding: 60px 30px 60px 25px; }
    .duties-sequence-info .description { padding: 0 0 45px;}
    .personality-education-wrap .description { padding: 60px 0;}
    .company-trainee-wrap .description, .duties-sequence-info .description, .personality-education-wrap .description, .trainee-programm-wrap .description{ font-size: 18px; line-height: 26px;}
    .company-trainee-wrap .description p, .trainee-programm-wrap .description p{ margin-bottom: 20px;}
    .company-trainee-wrap .description p:last-child, .trainee-programm-wrap .description p:last-child{ margin-bottom: 0;}
    .duties-sequence-info .description .mCustomScrollbar { padding: 0 30px 0 80px;}
    .duties-sequence-info .description h2, .company-trainee-wrap .description h2, .personality-education-wrap .description h2 { font-size: 36px; line-height: 42px; margin-bottom: 25px;}
    .duties-sequence-info .description h2 i, .personality-education-wrap .description h3 i{ font-size: 50px; top: 0;}
    .duties-sequence-info .bg-image { background-position: left 20% center;}
    .personality-education-wrap .description .mCustomScrollbar { padding: 0 30px 0 95px;}
    .personality-education-wrap .description h3{ font-size: 30px; line-height: 34px;}
    .personality-education-wrap .bg-image { background-position: right 25% center;}
    .company-trainee-wrap .bg-image, .duties-sequence-info .bg-image , .personality-education-wrap .bg-image , .trainee-programm-wrap .bg-image { margin-top: 0px !important; }
    .latest-article-bg-wrap span { font-size: 38px; line-height: 40px;}
    .latest-article-bg-wrap h2 { font-size: 56px; line-height: 66px;}
    .newsletter span a { font-size: 36px; line-height: 40px;}
    .newsletter.author-newletter h2{ margin-bottom: 40px;}
    .company-info-wrap .title h2 { margin-bottom: 45px;}
    .trainee-programm-wrap .description .mCustomScrollbar { padding: 0 30px 0 15px;}
    .trainee-programm-wrap { background-position: left 24% center;}
    .share-media-wrap ul li a{ padding: 80px 0;}
    .page-template-traineeprogramme-finden .grid-box article .user-meta .user-meta-left, .search .grid-box article .user-meta .user-meta-left{ margin-bottom: 7px; padding-right: 0; width: 100%;}
    .page-template-traineeprogramme-finden .grid-box article .user-meta .user-meta-right, .search .grid-box article .user-meta .user-meta-right{ width: 100%;}
    .ads-sidebar.fixed{ margin-left: 170px;}
    .grid-box figure{ min-height: 160px;}

    /*** sigle page ***/
    .banner-bottom-title h1{ font-size: 42px; line-height: 50px;}
    .banner-bottom-title{ min-height: 1px;}
    .article-content-block article {padding-right: 20px; width: 68%;}        
    /*** footer **/
    .newsletter-footer form .input-group::after{ font-size: 16px; top: 8px;}
    .newsletter-footer form .input-group input[type="email"], .newsletter-footer form .input-group input[type="text"]{ font-size: 16px; padding-left: 35px; width: 63%;}
    .newsletter-footer .input-group input[type="submit"]{ font-size: 16px; width: 35%;}
    
    /*** article content table ****/
    article.full-width-single-post .table-scroll, article.full-width-single-post .wrapper-scroll { width: 100%; overflow-x: scroll; overflow-y: hidden; }
    article.full-width-single-post .wrapper-scroll { height: 20px;}
    article.full-width-single-post .wrapper-scroll .wrapper-scroll-top { height: 20px;}
    article.full-width-single-post .table-scroll .wrapper-scroll-bottom { overflow: none; }
    .article-content-block article.full-width-single-post .table { width: 1300px; margin-top: 20px; }
    
}

@media( max-width: 991px){
    /*--------------------------------------------------------------
    Typography
    --------------------------------------------------------------*/
    h1, h2, h3, h4, h5, h6{ margin-bottom: 25px;}
    p{ margin-bottom: 20px;}
    h1 { font-size: 56px; line-height: 62px;}
    h2, .home.blog .entry-title{ font-size: 34px; line-height: 40px;}
    h3 {font-size: 28px; line-height: 34px;}
    h4 { font-size: 24px; line-height: 28px;}
    h5 { font-size: 20px; line-height: 24px;}
    blockquote{ padding: 30px; font-size: 19px;}
    body{ font-size: 19px; line-height: 28px;}
    section { padding: 50px 0;}
    .breadcrumb ul li { font-size: 15px; line-height: 19px;}
    .archive.author .profile-top-banner .banner-typography {width: 750px;}
    .select2-container { width: 180px !important;}
    .search-box form ul li{ width: 180px; font-size: 16px;}
    .search-box form ul li select option { font-size: 14px; padding: 3px 5px;}
    .search-box form input[type="submit"]{ font-size: 16px;}
    .page-template-traineeprogramme-finden .search-box form ul li, .search .search-box form ul li { width: 141px; margin-right: 10px;}
    .page-template-traineeprogramme-finden .search-box form ul li:last-child, .search .search-box form ul li:last-child{ margin-right: 0;}
    .page-template-traineeprogramme-finden .select2-container, .search .select2-container { width: 141px !important;}
    .page-template-traineeprogramme-finden .search-box form ul li:last-child, .search .search-box form ul li:last-child{ width: 116px;}
    .search-box form ul li:last-child{  width: 140px;}
    .select2-selection__arrow i { font-size: 24px; margin-top: 5px;}
    .search-box form ul li .select-bereich:before, .search-box form ul li .select-branchen:before, .search-box form ul li .select-bundesland:before{ font-size: 24px; top: 5px;}
    .search-box-overlay h1 { font-size: 26px; line-height: 34px; margin-bottom: 20px; padding: 0 50px 10px;}
    .scroll-down-link { height: 40px;}
    .profile-top-banner h1{ letter-spacing: -2px;}
    .scroll-down{  width: 50px; font-size: 50px;}
    .grid-box .title {font-size: 34px; line-height: 38px; margin-bottom: 35px; letter-spacing: -2px;}
    .grid-box article .description { font-size: 14px; line-height: 20px;}
    .grid-box article .description h6 { font-size: 15px; line-height: 18px; overflow-wrap: break-word; margin-bottom: 10px;}
    .grid-box article .user-meta { padding-left: 10px; padding-right: 10px;}
    .trainee-program-wrap article .user-meta .user-meta-left, .grid-box article .user-meta .user-meta-left{ width: 100%; padding-right: 0; margin-bottom: 7px;}
    .trainee-program-wrap article .user-meta .user-meta-right, .grid-box article .user-meta .user-meta-right { width: 100%;}
    .big-featured-article .banner-text-middle h2 { font-size: 34px; line-height: 38px; margin-bottom: 30px; letter-spacing: -2px;}
    .big-featured-article .banner-text-middle .content {  font-size: 30px;  line-height: 38px;}
    .grid-box article { margin-bottom: 30px;}
    .grid-box.trainee-program-wrap article .user-meta span i { font-size: 19px; width: 20px;}
    .grid-box article .user-meta span i { font-size: 17px; width: 17px;}
    .trainee-program-wrap.grid-box article .user-meta span{ padding-left: 28px;}
    .grid-box article .user-meta span{ padding-left: 23px;}
    .grid-box.trainee-program-wrap article .user-meta {font-size: 14px; line-height: 19px;}
    .grid-box article .user-meta{ font-size: 12px; line-height: 16px;}
    .more-reports-link { font-size: 20px; line-height: 26px;}
    .newsletter h2 { font-size: 34px; line-height: 46px; margin-bottom: 50px; letter-spacing: -2px;}
    .newsletter .widget form { width: 700px;}
    .newsletter.newsletter-single .widget form { width: 600px;}
    .newsletter form .input-group input[type="email"], .newsletter form .input-group input[type="text"]{ font-size: 24px; padding: 0 30px 0 60px;}
    .newsletter form .input-group input[type="submit"]{ font-size: 24px;}
    .newsletter form .input-group::after { top: 14px; font-size: 24px;}
    .newsletter { padding-bottom: 220px;}
    .newsletter-category h4 { font-size: 22px; line-height: 27px;}
    .wrap-image{ margin-top: -160px;}
    .grid-box figure { min-height: 120px;}
    
    /*** navigation ***/
    .nav-menu .nav-list > li{ margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.06); float: left; margin: 0; width: 100%; padding: 0;}
    .stickyheader .nav-menu .nav-list > li { padding: 0;}
    .stickyheader .navbar-toggle{ margin-top: 23px;}
    .nav-menu .nav-list > li a{ padding: 12px 15px; border: none; font-weight: 700;}
    .nav-menu .nav-list > li a:hover{ background: rgba(0, 0, 0, 0.3); border: none;}
    .stickyheader .nav-menu .nav-list > li a{ color: #fff;}
    .navbar-toggle{ display: block; background: #181818; border-radius: 0;  margin-top: 33px; margin-bottom: 0; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s;}
    .navbar-toggle:hover, .navbar-toggle:focus{ background: #181818;}
    .navbar-toggle .icon-bar{ background: #fff;}
    nav {left: 0; top: 100%; position: absolute; right: 0; max-height: 800px; overflow: auto; width: 100%; background: rgba(27, 22, 28, 0.95); padding: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out}
    nav.active{ opacity: 1; visibility: visible;}
    .nav-menu .nav-list > li a i { color: rgb(255, 255, 255); display: inline-block; float: right; height: 25px; width: 30px; text-align: right; font-size: 14px; vertical-align: middle;}
    .nav-menu .nav-list li > .sub-menu, .nav-menu .nav-list li > .sub-menu li ul, .mega-menu{ position: static; width: 100%; opacity: 1; visibility: visible; padding: 0 15px; background: transparent;}
    .mega-menu{ float: left; display: none; padding: 0; border-top: 1px solid rgba(255, 255, 255, 0.06)}
    .mega-menu.open{ display: block;}
    .mega-menu li { width: 100%;}
    .nav-menu .nav-list li .mega-menu li a, .nav-menu .nav-list .mega-menu li.menu-cat-title > a{ border-bottom: 1px solid rgba(255, 255, 255, 0.06); padding: 12px 0; line-height: 14px;}
    .nav-menu .nav-list li .mega-menu li.menu-cat-title > a{ display: block; margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;}
    .nav-menu .nav-list li .mega-menu li a i{ display: none;}
    .nav-menu .nav-list li > .sub-menu .sub-menu li:last-child a, .nav-menu .nav-list .mega-menu li:last-child a { border: 0;}
    .nav-menu .nav-list li > .sub-menu li a{ padding: 12px 0;}
    .nav-menu .nav-list li > .sub-menu > li a{ color: #fff;}
    .dropdown-nav{ display: none;}
    .dropdown-nav.open{ display: block; border-top: 1px solid rgba(255, 255, 255, 0.06);}
    .nav-menu .nav-list .sub-menu li a i{ display: none;}
    /*** author ***/
    .company-logo img { max-height: 50px;}
    .trainee-entry-content { padding-top: 83px;}
    .profile-top-banner h2{ padding-bottom: 15px; letter-spacing: -2px;}
    .trainee-entry-content .title h2, .trainee-figure .title h2, .company-info-wrap .title h2 { font-size: 42px; line-height: 48px; letter-spacing: -2px;}
    .trainee-entry-content .title span, .trainee-figure .title span { font-size: 22px; line-height: 26px;}
    .trainee-figure .title, .trainee-entry-content .title { margin-bottom: 60px;}
    .trainee-entry-content .title{ margin-top: 50px;}
    .entry-content-box i, .trainee-figure i, .company-content-box i { font-size: 70px; margin-bottom: 20px;}
    .entry-content-box h4 { font-size: 18px; line-height: 22px; margin-bottom: 15px;}
    .trainee-figure .title, .trainee-entry-content .title { margin-bottom: 40px;}
    .trainee-figure .figure-content-box i { line-height: 70px;}
    .figure-content-box span.counter-number, .figure-content-box span.currency, .figure-content-box span.separator, .company-content-box span.counter-number, .company-content-box span.currency, .company-content-box span.separator { font-size: 42px; line-height: 42px;}
    .figure-content-box span.counter-number { margin-bottom: 15px;}
    .figure-content-box .figure-title, .company-content-box .figure-title {font-size: 19px; line-height: 22px; }
    .figure-content-box .figure-title{ margin: 0 0 15px;}
    .company-content-box .figure-title {margin-bottom: 0; margin-top: 15px;}
    .figure-content-box .figure-subtitle { font-size: 19px; line-height: 22px;}
    .duties-sequence-info .description h2, .company-trainee-wrap .description h2, .personality-education-wrap .description h2 {font-size: 30px; line-height: 36px; margin-bottom: 20px;}
    .company-trainee-wrap .description, .duties-sequence-info .description, .personality-education-wrap .description, .trainee-programm-wrap .description { font-size: 16px; line-height: 22px;}
    .duties-sequence-info .description{ padding-top: 60px;}
    .trainee-programm-wrap .description{ padding-top: 60px;}
    .duties-sequence-info .description h2 i, .personality-education-wrap .description h3 i { font-size: 40px; width: 50px; left: -70px;}
    .duties-sequence-info .description .mCustomScrollbar { padding: 0 25px 0 120px;}
    .personality-education-wrap .description h3 {font-size: 24px; line-height: 28px;}
    .latest-article-bg-wrap h2 { font-size: 42px; line-height: 52px; letter-spacing: -2px;}
    .latest-article-bg-wrap span {font-size: 30px; line-height: 34px;}
    .latest-article-wrap {margin-top: -20px;}
    .newsletter span a {font-size: 30px; line-height: 36px;}
    .newsletter.author-newletter h2 { margin-bottom: 20px; letter-spacing: -2px;}
    .company-info-wrap .title span { font-size: 30px; line-height: 40px; margin-bottom: 15px;}
    .company-info-wrap .title h2 { margin-bottom: 30px;}
    .share-media-wrap ul li a { padding: 50px 0;}
    .share-media-wrap ul li{ font-size: 60px}
    .share-media-wrap ul li a.kununu > img {width: 56.5px;}
/*    .mCustomScrollbar, .slimScrollDiv{ height: 500px !important}*/
    .page-template-traineeprogramme-finden .grid-box article.default-post:nth-child(4n+1) { clear: none;}
    .page-template-traineeprogramme-finden .grid-box article.default-post:nth-child(2n+1) { clear: both;}
    .page-template-traineeprogramme-finden .grid-box article.load-more-post:nth-child(4n+2) { clear: none;}
    .page-template-traineeprogramme-finden .grid-box article.load-more-post:nth-child(2n+2) { clear: both;}
    .page-template-traineeprogramme-finden .grid-box article .user-meta .user-meta-right, .page-template-traineeprogramme-finden .grid-box article .user-meta .user-meta-left, .search .grid-box article .user-meta .user-meta-right, .search .grid-box article .user-meta .user-meta-left { width: 100%;}
    .ads-sidebar.fixed { margin: 0 auto; position: static;}
    .profile-navigation a.company-logo-button{ font-size: 16px; min-width: 140px;}
    .profile-navigation{ margin-top: 5px;}
    .profile-navigation a{ margin: 0 15px;}
    /*** form ***/
    .job_listing_preview h1 { font-size: 36px; line-height: 44px;}
    .job_listing_preview_title h2 { font-size: 28px; line-height: 34px;}
    /*** sigle page ***/
    .banner-bottom-title h1 { font-size: 36px; line-height: 44px;}
    .article-content-block article{ width: 100%; margin-bottom: 50px;}
    .ads-sidebar{ float: none; display: table; margin: 0 auto;} 
    /*** footer **/
    .site-footer .footer-text-block{ margin-top: 15px;}
    .site-footer{ position: inherit;}
    .site-footer .container{ opacity: 1 !important}
    .site-content{ margin-bottom: 0 !important;}
    
    /*** article content table ****/
    .article-content-block article.full-width-single-post { padding-top: 0; }
    .article-content-block article.full-width-single-post .table { margin-top: 10px; margin-bottom: 10px; }
    
}

@media( max-width: 767px){
    /*--------------------------------------------------------------
    Typography
    --------------------------------------------------------------*/
    h1, h2, h3, h4, h5, h6{ margin-bottom: 15px;}
    p{ margin-bottom: 15px;}
    h1 { font-size: 40px; line-height: 42px;}
    h2, .home.blog .entry-title{ font-size: 28px; line-height: 34px;}
    h3 {font-size: 22px; line-height: 28px;}
    h4 { font-size: 20px; line-height: 24px;}
    h5 { font-size: 18px; line-height: 22px;}
    h6 { font-size: 16px; line-height: 18px;}
    blockquote{font-size: 16px;}
    blockquote p::before{font-size: 30px;}
    body { font-size: 16px; line-height: 24px;}
    section { padding: 40px 0; clear: both;}
    .archive.author .profile-top-banner .banner-typography {width: 100%;}
    nav{ max-height: 300px;}
    
    .navbar-toggle{ margin-top: 30px;}
    .stickyheader .container, .stickyheader a.logo{ height: 80px;}
    .stickyheader .navbar-toggle { margin-top: 23px;}
    .preloader-rotate{ width: 50px; height: 50px; border-width: 2px;}
    .search-box-overlay h1 { font-size: 22px; line-height: 29px; margin-bottom: 20px; padding: 0 30px 10px;}
    .search-box form ul li, .page-template-traineeprogramme-finden .search-box form ul li, .search .search-box form ul li{ width: 50%; margin: 0 0 10px 0; padding: 0 5px; font-size: 14px;}
    .search-box form ul li:last-child{ width: 50%;}
    .page-template-traineeprogramme-finden .select2-container, .search .select2-container{ width: 100% !important}
    .search-box form input[type="submit"]{ font-size: 14px;}
    .select2-container{ width: 100% !important;}
    .search-box form ul{ width: 100%;}
    .select2-selection__arrow i { font-size: 20px; margin-top: 9px;}
    .search-box form ul li .select-bereich:before, .search-box form ul li .select-branchen:before, .search-box form ul li .select-bundesland:before{ font-size: 20px; top: 7px;}
    .page-template-traineeprogramme-finden .search-box form ul li:last-child, .search .search-box form ul li:last-child{ width: 50%;}
    .select2-selection__arrow{ right: 13px;}
    .profile-top-banner h1{ letter-spacing: -1px;}
    
    .grid-box article .description{ height: auto !important}
    .grid-box .title { font-size: 28px; line-height: 32px; margin-bottom: 25px; letter-spacing: -1px;}
    .grid-box article .description h6{ font-size: 16px; line-height: 20px;}
    .big-featured-article .banner-text-middle h2 {font-size: 26px; line-height: 30px; margin-bottom: 20px;}
    .big-featured-article .banner-text-middle .content { font-size: 22px; line-height: 28px;}
    .more-reports-link {font-size: 16px; line-height: 20px;}
    .newsletter h2 { font-size: 26px; line-height: 34px; margin-bottom: 30px; letter-spacing: -1px;}
    .newsletter span a { font-size: 20px; line-height: 24px;}
    .newsletter.author-newletter h2 { margin-bottom: 15px;}
    .author-newletter h2{ letter-spacing: -1px;}
    .newsletter .widget form, .newsletter.newsletter-single .widget form{ width: 100%;}
    .newsletter-category h4 { font-size: 18px; line-height: 24px;}
    .newsletter form .input-group input[type="email"], .newsletter form .input-group input[type="text"]{ height: 45px; font-size: 18px; padding: 0 15px 0 40px; width: 70%; }
    .newsletter form .input-group::after { top: 12px; font-size: 18px; left: 15px;}
    .newsletter form .input-group input[type="submit"]{ font-size: 16px; height: 45px; width: 29%; padding: 0 10px;}
    .newsletter { padding-bottom: 150px;}
    .newsletter-single{ margin-bottom: 30px;}
    .wrap-image { margin-top: -90px; float: left; width: 100%;}
    .trainee-program-wrap { padding-bottom: 10px;}
    /*** author ***/
    .company-logo{ padding: 15px 0; text-align: center; position: static;}
    .profile-navigation{ width: 100%; margin-top: 10px;}
    .profile-navigation a{ margin: 0 15px;}
    .trainee-entry-content { padding-top: 0;}
    .profile-top-banner h2 { padding-bottom: 10px; font-size: 24px; line-height: 28px; letter-spacing: -1px;}
    .profile-top-banner h2::before{ width: 170px; height: 1px;}
    .trainee-entry-content .title h2, .trainee-figure .title h2, .company-info-wrap .title h2 { font-size: 30px; line-height: 38px; letter-spacing: -1px;}
    .trainee-entry-content .title span, .trainee-figure .title span { font-size: 18px; line-height: 20px;}
    .trainee-figure .title, .trainee-entry-content .title { margin-bottom: 30px;}
    .trainee-entry-content .title { margin-top: 30px;}
    .entry-content-box i, .trainee-figure i, .company-content-box i { font-size: 50px;}
    .trainee-figure .figure-content-box i { line-height: 50px;}
    .entry-content-box h4 {font-size: 16px; line-height: 20px; margin-bottom: 10px;}
    .trainee-entry-content .entry-content-box{ margin-bottom: 30px;}
    .trainee-entry-content .entry-content-box:last-child, .trainee-figure .figure-content-box:last-child, .company-info-wrap .company-content-box:last-child{ margin-bottom: 0;}
    .trainee-figure .full-screen{ min-height: 1px !important;}
    .trainee-figure .banner-typography{ position: static;}
    .trainee-figure .banner-typography, .trainee-figure .banner-text-middle-main, .trainee-figure .banner-text-middle{ float: left; width: 100%; display: block;}
    .trainee-figure .figure-content-box, .trainee-figure .title{ padding: 0;}
    .trainee-figure .figure-content-box, .company-info-wrap .company-content-box{ margin-bottom: 30px;}
    .figure-content-box span.counter-number, .figure-content-box span.currency, .figure-content-box span.separator, .company-content-box span.counter-number, .company-content-box span.currency, .company-content-box span.separator {font-size: 30px; line-height: 30px;}
    .figure-content-box span.counter-number { margin-bottom: 10px;}
    .figure-content-box .figure-title, .company-content-box .figure-title { font-size: 16px; line-height: 20px;}
    .figure-content-box .figure-title{ margin: 0 0 10px;}
    .company-content-box .figure-title {margin-bottom: 0; margin-top: 10px;}
    .company-info-wrap .title span { font-size: 22px; line-height: 32px; margin-bottom: 10px;}
    .figure-content-box .figure-subtitle { font-size: 16px; line-height: 20px;}
    .company-trainee-wrap, .duties-sequence-info, .personality-education-wrap, .trainee-programm-wrap{ background-image: none !important;}
    .company-trainee-wrap, .personality-education-wrap, .trainee-programm-wrap{ background-color: #fff;}
    .duties-sequence-info{ background-color: #f4f6f5;}
    .duties-sequence-info .description .mCustomScrollbar { padding:0}
    .company-trainee-wrap .description, .duties-sequence-info .description, .personality-education-wrap .description{ padding: 30px 15px;}
    .trainee-programm-wrap .description{ padding-top: 30px;}
    .bg-image{ position: static;}
    .personality-education-wrap .description .mCustomScrollbar, .trainee-programm-wrap .description .mCustomScrollbar{ padding: 0;}
    .mCustomScrollbar, .slimScrollDiv { height: auto !important;}
    .company-trainee-wrap .description p, .trainee-programm-wrap .description p { margin-bottom: 15px;}
    .duties-sequence-info .description h2, .company-trainee-wrap .description h2, .personality-education-wrap .description h2 { font-size: 28px; line-height: 34px; margin-bottom: 15px;}
    .personality-education-wrap .description h3 { font-size: 22px; line-height: 26px;}
    .latest-article-bg-wrap h2 { font-size: 28px; line-height: 36px; letter-spacing: -1px;}
    .latest-article-bg-wrap span { font-size: 22px; line-height: 30px;}
    .latest-article-wrap { margin-top: 0; padding-top: 30px;}
    .share-media-wrap ul li a { padding: 25px 0;}
    .share-media-wrap ul li { font-size: 38px;}
    .share-media-wrap ul li a.kununu > img {  width: 35.5px;}
    .search-box.fixed{ position: static !important}
    .loading-img img{ width: 50px;}
    .grid-box figure img{ width: 100%;}
    .article-content-block article img.alignleft{ margin-right: 20px; width: 170px;}
    .article-content-block article img.alignright{ margin-left: 20px; width: 170px;}
    /*** single page ***/
    .banner-bottom-title h1 { font-size: 28px; line-height: 34px;}
    .article-content-block .social-wrap { left: 15px;}
    .article-content-block article { padding-left: 75px; padding-right: 15px; margin-bottom: 30px;}
    .social-share{ font-size: 24px;}
    .social-share li a i {  padding: 12px 10px;}
    /*** form ***/
    .job-manager-form fieldset div.field, .job-manager-form fieldset label{ width: 100%;}
    .job-manager-form h2 { font-size: 24px; line-height: 30px;}
    .job_listing_preview_title h2{ display: inline-block; width: 100%; margin-bottom: 10px; font-size: 24px; line-height: 28px;}
    .job_listing_preview h1 { font-size: 30px;  line-height: 34px;}
    #job_preview .job_listing_preview_title .button{ margin-bottom: 15px; float: left;}
    #job_preview .job_listing_preview_title{ float: left; width: 100%; padding: 0;}
    #job_preview .job_listing_preview{ padding: 0; border: 0;}
    #job_preview .single_job_listing .company{ padding: 0;}
    #job_preview .single_job_listing .company .name, #job_preview .single_job_listing .company .tagline{ float: left; width: 100%; margin-left: 0; padding-left: 0; margin-bottom: 15px;}
    #job_preview .single_job_listing .job_description, #job_preview .single_job_listing .company{ float: left; width: 100%;}
    #job_preview .single_job_listing .company img{ position: static; margin-bottom: 15px;}
    #job_preview .single_job_listing .company .name strong{ width: 100%;}
    #job_preview .single_job_listing .company .name a { display: block; margin-bottom: 15px; margin-left: 0; width: 100%;}
        
    /*** footer **/
    .newsletter-footer{ margin-bottom: 25px;}
    .site-footer .footer-menu .widget_nav_menu{ margin-bottom: 10px;}
    .site-footer h6 { font-size: 14px; margin-bottom: 5px;}
}

@media( max-width: 479px){
    blockquote {padding: 20px;}
    blockquote p::before { font-size: 24px;}
    .logo > img { width: 120px;}
    .search-box.fixed, .company-logo.fixed{ top: 65px;}
    .site-header .container, .site-header a.logo{ height: 80px;}
    .stickyheader .container, .stickyheader a.logo { height: 65px;}
    .stickyheader .navbar-toggle { margin-top: 18px;}
    .navbar-toggle{ padding: 6px 5px;}
    .navbar-toggle { margin-top: 26px;}
    .search-box-overlay h1 { font-size: 18px; line-height: 26px; padding: 0 0 10px;}
    .newsletter form .input-group::after{ display: none;}
    .newsletter form .input-group input[type="email"], .newsletter form .input-group input[type="text"]{ padding: 0 15px; width: 67%; height: 38px;  font-size: 16px;}
    .newsletter form .input-group input[type="submit"] { font-size: 14px; height: 38px; padding: 0 6px; width: 32%;}
    .wrap-image{ display: none;}
    .newsletter { padding-bottom: 50px;}
    .newsletter.newsletter-single form .input-group input[type="email"]{ font-size: 14px; padding: 0 10px;}
    .newsletter.newsletter-single form .input-group input[type="submit"]{ font-size: 12px;}
    .newsletter-category{ padding: 25px 15px 35px;}
    /*** single page ***/
    .article-content-block article{ padding: 0;}
    .article-content-block .social-wrap{ position: static; margin-bottom: 30px; width: 100%;}
    .social-share li{ display: inline-block; vertical-align: bottom;}
    .social-share{ text-align: left; font-size: 18px;}
    .social-share li a i { padding:15px;}
/*    .social-share li .fa.fa-facebook{ padding-top: 6px;}*/
    .ads-sidebar{ width: 280px;}
    .bg-image{ position: static;}
    .banner-bottom-title h1 { font-size: 24px; line-height: 30px;}
    .preloader-img{ width: 100px;}
    #job_preview .single_job_listing .meta li{ width: 100%; margin-right: 0;}
    .social-wrap .share-sidebar .widget .addtoany_list a { height: 48px; width: 48px;}
    .social-wrap .share-sidebar .widget .addtoany_list a > span{ height: 48px; line-height: 48px; padding: 5px; width: 48px;}
    .social-wrap .share-sidebar .widget .addtoany_list a.a2a_button_facebook > span,
    .social-wrap .share-sidebar .widget .addtoany_list a.a2a_button_facebook,
    .social-wrap .share-sidebar .widget .addtoany_list a.a2a_button_pinterest > span,
    .social-wrap .share-sidebar .widget .addtoany_list a.a2a_button_pinterest{ height: 48px;}
    .social-wrap .share-sidebar .widget .addtoany_list a.a2a_button_facebook > span, .social-wrap .share-sidebar .widget .addtoany_list a.a2a_button_pinterest > span { padding-top: 0;}
    .social-wrap .share-sidebar .widget .addtoany_list a .a2a_count{ bottom: 1px;}
    .share-media-wrap ul li { width: 25% !important;}
    .share-media-wrap.width-6 ul li{ width: 33.33% !important}
    .article-content-block article img.alignleft, .article-content-block article img.alignright{ width: 150px;}
    .profile-navigation a{ margin: 0; display: block;}
    .profile-navigation a.company-logo-button{ margin-top: 8px;}
    
    /*** footer **/
    .newsletter-footer form .input-group input[type="email"], .newsletter-footer form .input-group input[type="text"], .newsletter-footer form .input-group::after, .newsletter-footer .input-group input[type="submit"]{ font-size: 14px;}
    .newsletter-footer form .input-group::after{ left: 10px;}
    .newsletter-footer form .input-group input[type="email"], .newsletter-footer form .input-group input[type="text"]{ padding-left: 30px;}
    .site-footer .footer-menu .widget_nav_menu { margin-bottom: 15px; width: 100%}
    
    /*** article content table ****/
    .article-content-block article.full-width-single-post { padding-left: 0; }
}

/* =================================
Animation
==================================== */
/*animated arrow animattion*/
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}

@-webkit-keyframes preloader-rotate {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
     0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}