@font-face{ font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto/roboto_300.woff2') format('woff2'), url('../fonts/roboto/roboto_300.woff') format('woff'); }
@font-face{ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto/roboto.woff2') format('woff2'), url('../fonts/roboto/roboto.woff') format('woff'); }
@font-face{ font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto/roboto_700.woff2') format('woff2'), url('../fonts/roboto/roboto_700.woff') format('woff'); }
@font-face{ font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: local('Merriweather Regular'), local('Merriweather-Regular'), url('../fonts/merriweather/merriweather.woff2') format('woff2'), url('../fonts/merriweather/merriweather.woff') format('woff'); }

body{
	font-family: 'Roboto', sans-serif;
	overflow-x: hidden;
	padding-top: 86px;
	font-weight: 300;
	color: #333;
	font-size: 20px;
	line-height: 1.3em;
}

#wrapper{
	overflow-x: hidden;
}

.jump_anchor{height:0px!important;}

a{
	color: #003366;
	text-decoration: underline;
}

a:hover{
	color: #001133;
}

a.orange{
	color: #ff9901;
	text-decoration: none;
	font-weight: 400;
}

h1,h2,h3,h4,h5,h6{
	color: #003366;
	font-weight: 700;
}

h1{
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 40px;
}

h2{
	font-size: 26px;
	margin: 40px 0 30px 0;
}

h3{
	font-size: 22px;
	margin: 40px 0 20px 0;
}

h4{
	font-size: 20px;
	margin: 30px 0 20px 0;
}

h5,h6{
	font-size: 18px;
	margin: 30px 0 20px 0;
}

h6{
	font-weight: 400;
}

th{
	background: #003366;
	color: #fff;
}

td,th{
	padding: 16px;
}

tr{
	border-bottom: 1px solid #a2a2a2;
}

hr{
	border: 0px;
	height: 2px;
	background-color: #f1f1f1;
}

img{
	max-width: 100%;
}

#content ul{
	margin-bottom: 10px;
	list-style-type: none;
	padding-left: 20px;
}

#content ul li{
	margin-bottom: 14px;
	position: relative;
}

#content ul li::before{
    position: absolute;
    left: -20px;
    content: '';
	height: 2px;
	width: 10px;
	background-color: #003366;
    top: 13px;
    font-size: 22px;
}

ul.check{
	list-style-type: none;
}

ul.check li{
	position: relative;
	padding-left: 6px;
}

#content ul.check li::before{
    position: absolute;
    left: -20px;
    content: url('../img/check.png');
    top: -1px;
	background-color: transparent;
	width: auto;
	height: auto;
    font-size: 22px;
}

.btn{
	text-shadow: none;
	color: #fff;
	background-color: #003366;
	border-radius: 50px;
	padding: 8px 18px;
	text-decoration: none;
}

.btn:hover{
	color: #fff;
	background-color: #001133;
}

.btn.btn-orange{
	background-color: #ff9901;
}

.btn.btn-orange:hover{
	background-color: #e08600;
}

.font-special{
	font-family:  'Merriweather';
	text-transform: none;
	font-size: 56px;
}

.flex-description .font-special{
	margin-bottom: 50px;
}

#content{
	padding-top: 50px;
	padding-bottom: 50px;
}

body.home #content, body.karriere #content{
	padding: 0px;
}

img,
#mainmenu a{
	outline: none !important;
}

.linkclick{
	cursor: pointer;
}

.subtext{
	font-style: italic;
	font-size: 18px;
	line-height: 24px;
}

/* /////////////////////////////////// COLORS */

.bg-gruen{ background-color: #78e08f; }
.bg-tuerkis{ background-color: #38ada9; }
.bg-blau{ background-color: #4a69bd; }
.bg-dunkelblau{ background-color: #003366; }
.bg-gelb{ background-color: #f6b93b; }
.bg-orange{ background-color: #fa983a; }
.bg-rot{ background-color: #e55039; }
.bg-pink{ background-color: #b71540; }
.bg-grau{ background-color: #f1f1f1; }

#statCounter .row {
	justify-content: center !important;
}

/* /////////////////////////////////// HEADER */

#header{
	padding: 20px 0;
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
}

#header .logo img{
	max-width: 270px;
}

#mainmenu{
	float: right;
}

#mainmenu .navbar{
	padding-left: 0;
	padding-right: 0;
}

#mainmenu ul.lv-0 > li{
	padding: 0 24px;
}

#mainmenu ul.lv-0 > li:last-of-type{
	padding-right: 0;
}

#mainmenu ul.lv-0 > li > a{
	font-size: 18px;
	text-transform: uppercase;
	color: #333;
	font-weight: 300;
	position: relative;
	text-decoration: none;
}

#mainmenu ul.lv-0 > li:hover > a{
	text-decoration: none;
}

#mainmenu ul.lv-0 > li.active > a::after{
	content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -4px;
    right: 0;
	left: auto;
    background-color: #003366;
	visibility: visible;
}

#mainmenu .lv-0 > li > a::after{
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    right: 0;
	left: auto;
    background-color: #003366;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

#mainmenu .lv-0 > li > a:hover::after{
	visibility: visible;
	width: 100%;
	right: auto;
	left: 0;
}

#mainmenu ul.lv-0 li.parent{
	position: relative;
}

#mainmenu ul.lv-0 li.parent:hover ul.lv-1{
	visibility: visible;
	opacity: 1;
}

#mainmenu ul.lv-1{
	position: absolute;
	list-style-type: none;
	background-color: #fff;
	padding: 0;
	left: 15px;
	margin-top: 10px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease-in 50ms, visibility 0.3s ease-in 50ms;
}

#mainmenu ul.lv-1 li:hover a{
	color: #fff;
	background-color: #003366;
}

#mainmenu ul.lv-1 li.active a{
	font-weight: 700;
}

#mainmenu ul.lv-1 li a{
	text-decoration: none;
	color: #333;
	font-weight: 300;
	display: block;
	padding: 6px 10px;
}

#mainmenu .item-104{
	position: relative;
	margin-right: 8px;
}

#mainmenu .item-104 #jobindicator{
	position: absolute;
	right: -4px;
	background-color: #ff9901;
	color: #fff;
	padding: 0 6px;
	border-radius: 15px;
	line-height: 1.6em;
	font-size: 12px;
	text-align: center;
	display: inline-block;
	top: -6px;
	cursor: default;
}

/* /////////////////////////////////// STARTSEITE */
.home .spacer-blue{
	display: none; 
}

#backgroundvideo{
	position: relative;
	height: 800px;
	overflow: hidden;
}

#startvideo{
	width: 100%;
	position: absolute;
	left: 0px;
	right: 0px;
	top: -50px;
	bottom: -50px;
}

#backgroundvideo .flex-description{
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 36%;
	color: #fff;
	font-size: 50px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 50px;
	text-shadow: 0 0 10px rgba(0,0,0,0.8);
	z-index: 99;
}

#backgroundvideo .flex-description .btn{
	font-size: 30px;
	padding: 10px 30px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
}

/* /////////////////////////////////// SLIDESHOW */

#slideshow img{
	width: 100%;
}

#slideshow ul.slides li{
	position: relative;
}

#slideshow .flex-description{
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 36%;
	color: #fff;
	font-size: 50px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 50px;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#slideshow .flex-description .btn{
	font-size: 30px;
	padding: 10px 30px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

#slideshow .flex-control-nav{
	display: none;
}

#slideshow a.flex-next{
    background-image: url(../img/arrow-right.png);
}

#slideshow a.flex-prev{
    background-image: url(../img/arrow-left.png);
}

#slideshow a.flex-prev, #slideshow a.flex-next{
    background-repeat: no-repeat;
    width: 66px;
    height: 95px;
    opacity: 0;
}

#slideshow .flex-direction-nav a{
	top: 40%;
}

#slideshow:hover .flex-direction-nav a.flex-prev{
	left: 150px;
}

#slideshow:hover .flex-direction-nav a.flex-next{
	right: 150px;
}

#slideshow:hover .flex-direction-nav a.flex-prev,
#slideshow:hover .flex-direction-nav a.flex-next{
    opacity: 1;
}

#slideshow .flex-direction-nav a::before{
	display: none;
}

.spacer-blue{
	background-color: #003366;
	width: 100%;
	height: 100px;
}

#slideshow .headline{
	margin-bottom: 50px;
	font-size: 56px;
	line-height: 66px;
	color: #fff;
	font-family: 'Merriweather';
}

#slideshow .maerchen p{
	font-size: 26px;
	line-height: 34px;
}

/* /////////////////////////////////// MODULES */

.p300{ padding: 300px 0; }
.p200{ padding: 200px 0; }
.p100{ padding: 100px 0; }

.module .headline, .home .module .headline, #mod-95 .headline{
	color: #003366;	
	font-weight: bold;
	display: block;
	margin-bottom: 30px;
}

.module .headline{
	font-size: 24px;
	text-align: center;
}

.home .module .headline, #mod-92 .headline{
	font-size: 30px;
	text-align: center;
}

#mod-92 .headline, #mod-91 .headline{
	text-align: left;
}

#mod-94{
	text-align: center;
	background-color: #f1f1f1;
}

#mod-95{ line-height: 0px; }
#mod-95 p{ margin-bottom: 0px; }

.beteiligungen-logos{
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	-webkit-align-items: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 80px 0;
}

.beteiligungen-logos img{
	height: 60px;
}

#mod-91, #mod-92{
	background-size: cover;
	background-attachment: fixed;
	font-size: 24px;
	line-height: 1.3em;
	background-position: center;
}

#mod-91 .btn, #mod-92 .btn{
	font-size: 20px;
	margin-top: 20px;
}

#mod-105{
	background-repeat: no-repeat;
	background-position: left 25% top 50px;
	text-align: left;
}

#mod-105 .headline, #mod-105 p{
	text-align: left;
	color: #fff;
}

#mod-107 .headline{
	color: #fff;
}

/* /////////////////////////////////// CONTACT MODULE */

.re-contact .row{
	align-items: center;
}

.re-contact .re-contact-name{
	font-weight: 400;
	margin-bottom: 20px;
}

.re-contact .re-contact-email,
.re-contact .re-contact-telefon,
.re-contact .re-contact-xing{
	padding: 14px 0 14px 50px;
	background-repeat: no-repeat;
	background-position: left center;
}

.re-contact .re-contact-email{ background-image: url(../img/kreis_mail.png); }
.re-contact .re-contact-telefon{ background-image: url(../img/kreis_telefon.png); }
.re-contact .re-contact-xing{ background-image: url(../img/kreis_xing.png); }

#mod-101 .re-contact-image{
	text-align: right;
}

.re-contact a{
	text-decoration: none;
}

/* /////////////////////////////////// TESTIMONIALS */

.erfolgsgeschichten, .erfolgsgeschichten .headline{
	color: #fff;
	text-align: center;
}

.erfolgsgeschichten .testimonial-item .flex-description{
	margin-top: 20px;
	padding: 0 100px;
}

.erfolgsgeschichten .testimonial-item .testimonial-img img{
	border-radius: 100%;
	max-width: 235px;
	max-height: 235px;
}

.erfolgsgeschichten .testimonial-item .testimonial-img{
	padding: 50px 0;
	background-image: url(../img/testimonial-bg.png);
	background-repeat: no-repeat;
	background-position: center;
}

#testimonialslider{
	position: relative;
	padding: 0px 20px;
}

#testimonialslider ul.slides li{
	position: relative;
}

#testimonialslider a.flex-next{
    background-image: url(../img/arrow-right.png);
}

#testimonialslider a.flex-prev{
    background-image: url(../img/arrow-left.png);
}

#testimonialslider a.flex-prev, #testimonialslider a.flex-next{
    background-repeat: no-repeat;
    width: 66px;
    height: 95px;
    opacity: 0;
}

#testimonialslider .flex-direction-nav a{
	top: 380px;
}


#testimonialslider .flex-direction-nav a.flex-prev,
#testimonialslider .flex-direction-nav a.flex-next{
	opacity: 1;
}

#testimonialslider .flex-direction-nav a::before{
	display: none;
}


#testimonialslider .flex-viewport::after{
	box-shadow: inset 25px 0px 25px 0px rgb(229, 80, 57), inset -25px 0px 25px 0px rgb(229, 80, 57);
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

#testimonialslider .testimonial-item{
	padding-bottom: 20px;
}

/* /////////////////////////////////// JOBS */

body.karriere #slideshow .flex-description{
	text-transform: none;
}

.blog.karriere .itemwrap{
	padding-left: 0px;
	padding-right: 0px;
}

.karriere-item{
	min-height: 440px;
	background-repeat: no-repeat;
	padding: 0px 15px;
	box-sizing: border-box;
}

.karriere-item .page-header{
	padding-top: 40px;
}

.karriere-item h2{
	color: #fff;
	text-decoration: none;
	font-size: 30px;
	line-height: 38px;
	font-family:  'Merriweather';
	font-weight: normal;
	display: block;
	margin-top: 0px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.karriere-item h2,
.karriere-item h3{
	cursor: default;
}

a .karriere-item h2,
a .karriere-item h3{
	cursor: pointer;
}

.nounscore{
	text-decoration: none !important;
}

.bg-grau .karriere-item h2{
	color: #003366;
}

#mod-105 .headline a{
	color: #fff;
	text-decoration: none;
	font-size: 40px;
	line-height: 48px;
	font-family:  'Merriweather';
	font-weight: normal;
}

.karriere .item-page-image{
	background-repeat: no-repeat;
}

.karriere .tasks{
	padding-bottom: 70px;
	padding-top: 40px;
}

/* BACKGROUNDS */

.boeser-wolf, .bremer-stadtmusikanten,
.dornroeschen, .frau-holle ,
.froschkoenig, .gestiefelter-kater,
.prinz, .rapunzel,
.rote-fuechsin, .rotkaeppchen,
.schneewittchen, .sterntaler,
.tapferes-schneiderlein{
	position: relative;
}

.boeser-wolf::before, .bremer-stadtmusikanten::before,
.dornroeschen::before, .frau-holle::before ,
.froschkoenig::before, .gestiefelter-kater::before,
.prinz::before, .rapunzel::before,
.rote-fuechsin::before, .rotkaeppchen::before,
.schneewittchen::before, .sterntaler::before,
.tapferes-schneiderlein::before{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	content: '';
	display: block;
	z-index: 100;
}

.boeser-wolf::before{ background-image: url('../img/maerchen/boeser-wolf.png'); }
.bremer-stadtmusikanten::before{ background-image: url('../img/maerchen/bremer-stadtmusikanten.png');}
.dornroeschen::before{ background-image: url('../img/maerchen/dornroeschen.png');}
.frau-holle::before{ background-image: url('../img/maerchen/frau-holle.png');}
.froschkoenig::before{ background-image: url('../img/maerchen/froschkoenig.png');}
.gestiefelter-kater::before{background-image: url('../img/maerchen/gestiefelter-kater.png');}
.prinz::before{ background-image: url('../img/maerchen/prinz.png');}
.rapunzel::before{ background-image: url('../img/maerchen/rapunzel.png'); }
.rote-fuechsin::before{ background-image: url('../img/maerchen/rote-fuechsin.png'); }
.rotkaeppchen::before{ background-image: url('../img/maerchen/rotkaeppchen.png');}
.schneewittchen::before{ background-image: url('../img/maerchen/schneewittchen.png');}
.sterntaler::before{ background-image: url('../img/maerchen/sterntaler.png');}
.tapferes-schneiderlein::before{ background-image: url('../img/maerchen/tapferes-schneiderlein.png');}

.blog.karriere .karriere-item.boeser-wolf::before{ background-size: 305px; background-position: calc(100% - 20px) 65px;}
.blog.karriere .karriere-item.bremer-stadtmusikanten::before{ background-size: 535px; background-position: calc(100% - 20px) 97px; }
.blog.karriere .karriere-item.dornroeschen::before{ background-size: 235px; background-position: calc(100% - 20px) 55px; }
.blog.karriere .karriere-item.frau-holle::before{ background-size: 351px; background-position: calc(100% - 20px) 55px; }
.blog.karriere .karriere-item.froschkoenig::before{ background-size: 435px; background-position: calc(100% - 20px) 85px; }
.blog.karriere .karriere-item.gestiefelter-kater::before{ background-size: 435px; background-position: calc(100% - 20px) 85px; }
.blog.karriere .karriere-item.prinz::before{ background-size: 365px; background-position: calc(100% - 20px) 105px; }
.blog.karriere .karriere-item.rapunzel::before{ background-size: 230px; background-position: calc(100% - 20px) 55px; }
.blog.karriere .karriere-item.rote-fuechsin::before{ background-size: 273px; background-position: calc(100% - 20px) 55px; }
.blog.karriere .karriere-item.rotkaeppchen::before{ background-size: 285px; background-position: calc(100% - 20px) 55px; }
.blog.karriere .karriere-item.schneewittchen::before{ background-size: 230px; background-position: calc(100% - 20px) 55px; }
.blog.karriere .karriere-item.sterntaler::before{ background-size: 235px; background-position: calc(100% - 20px) -37px; }
.blog.karriere .karriere-item.tapferes-schneiderlein::before{ background-size: 245px; background-position: calc(100% - 20px) 97px; }

.item-page.karriere .item-page-image.boeser-wolf::before{ background-size: 305px; background-position: calc(100% - 20px) 65px;}
.item-page.karriere .item-page-image.bremer-stadtmusikanten::before{ background-size: 535px; background-position: calc(100% - 20px) 97px; }
.item-page.karriere .item-page-image.dornroeschen::before{ background-size: 235px; background-position: calc(100% - 20px) 55px; }
.item-page.karriere .item-page-image.frau-holle::before{ background-size: 351px; background-position: calc(100% - 20px) 55px; }
.item-page.karriere .item-page-image.froschkoenig::before{ background-size: 435px; background-position: calc(100% - 20px) 85px; }
.item-page.karriere .item-page-image.gestiefelter-kater::before{ background-size: 435px; background-position: calc(100% - 20px) 85px; }
.item-page.karriere .item-page-image.prinz::before{ background-size: 365px; background-position: calc(100% - 20px) 105px; }
.item-page.karriere .item-page-image.rapunzel::before{ background-size: 230px; background-position: calc(100% - 20px) 55px; }
.item-page.karriere .item-page-image.rote-fuechsin::before{ background-size: 273px; background-position: calc(100% - 20px) 55px; }
.item-page.karriere .item-page-image.rotkaeppchen::before{ background-size: 285px; background-position: calc(100% - 20px) 55px; }
.item-page.karriere .item-page-image.schneewittchen::before{ background-size: 230px; background-position: calc(100% - 20px) 55px; }
.item-page.karriere .item-page-image.sterntaler::before{ background-size: 235px; background-position: calc(100% - 20px) -37px; }
.item-page.karriere .item-page-image.tapferes-schneiderlein::before{ background-size: 245px; background-position: calc(100% - 20px) 97px; }

.karriere-item .page-subheader h3{
	color: #fff;
	font-style: italic;
	font-weight: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.karriere-item .page-header,
.karriere-item .page-subheader{
	-text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
	max-width: 90%;
	padding-left: 50px;
	padding-bottom: 20px;
	position: relative;
	z-index: 200;
}

.item-page.karriere .page-header{
		position: relative;
	z-index: 200;
}

.karriere-item .page-header{padding-bottom: 35px; }
.karriere-item .page-subheader{padding-bottom: 20px; }

.karriere-item .page-header h2{margin: 0px;}
.karriere-item .page-subheader h3{margin: 0px;}

@media(max-width: 1200px){
	.karriere-item .page-header,
	.karriere-item .page-subheader{padding-left: 20px;}
	
	.karriere-item .page-header h2{font-size: 26px; line-height: 34px;}
	.karriere-item .page-subheader h3{font-size: 18px; line-height: 26px;}
	
	.blog.karriere .karriere-item.boeser-wolf::before{ background-size: auto 400px; background-position: calc(100% - 20px) 65px;}
	.blog.karriere .karriere-item.bremer-stadtmusikanten::before{ background-size: 400px auto; background-position: calc(100% + 120px) 100px; }
	.blog.karriere .karriere-item.dornroeschen::before{ background-size: auto 500px; background-position: calc(100% - 20px) 100px; }
	.blog.karriere .karriere-item.frau-holle::before{ background-size: auto 400px; background-position: calc(100% - 20px) 100px; }
	.blog.karriere .karriere-item.froschkoenig::before{ background-size: 300px auto; background-position: calc(100% - 10px) 135px; }
	.blog.karriere .karriere-item.gestiefelter-kater::before{ background-size: 300px auto; background-position: calc(100% - 10px) 100px; }
	.blog.karriere .karriere-item.prinz::before{ background-size: 300px auto; background-position: calc(100% - 20px) 115px; }
	.blog.karriere .karriere-item.rapunzel::before{ background-size: 200px auto; background-position: calc(100% - 20px) 100px; }
	.blog.karriere .karriere-item.rote-fuechsin::before{ background-size: 230px auto; background-position: calc(100% - 10px) 70px; }
	.blog.karriere .karriere-item.rotkaeppchen::before{ background-size: 250px auto; background-position: calc(100% - 20px) 100px; }
	.blog.karriere .karriere-item.schneewittchen::before{ background-size: auto 500px; background-position: calc(100% - 20px) 110px; }
	.blog.karriere .karriere-item.sterntaler::before{ background-size: 200px auto; background-position: calc(100% - 20px) 0px; }
	.blog.karriere .karriere-item.tapferes-schneiderlein::before{ background-size: 245px; background-position: calc(100% - 20px) 97px; }
	
	.karriere-item{
		min-height: 380px;
	}
}

/* JOB DETAIL */ 
.karriere .item-page-image h1{
	color: #fff;
	font-family:  'Merriweather';
	font-size: 36px;
	margin: 0px;
	padding-top: 300px;
	padding-right: 350px;
	padding-bottom: 20px;
}

/* /////////////////////////////////// BLOG */

.blog.default .item-image img{
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.blog.default .item{
	margin: 20px 0;
}

.blog.default .item h2{
	margin: 0 0 10px 0;
	color: #333;
	font-size: 22px;
}

.blog.default .item .row{
    align-items: center;
}

/* /////////////////////////////////// BREADCRUMBS */

.breadcrumb{
	background-color: transparent;
	padding: 0;
	margin: 30px 0 0 0 !important;
/*	float: right;*/
	text-align: right;
	display: block;
	width:100%;
}

.breadcrumb a, .breadcrumb span{
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
}

.breadcrumb a{
	color: #003366;
}

.breadcrumb .divider{
	color: #a2a2a2;
	padding: 0 10px 0 8px;
}

.breadcrumb li {
	background: none;
	display: inline-block;
}

.breadcrumb li:first-of-type{
	display: none;
}

#content ul.breadcrumb li::before {
	display: none !Important;
}

/* /////////////////////////////////// PAGINATION */

.pagination li::before{
	display: none !important;
}

.pagination a{
	text-decoration: none;
}

.page-item.active .page-link{
	background-color: #003366;
	border: 0px;
}

.pagination .page-link{
	border: 0px;
	border-radius: 20px;
	line-height: 1em;
	margin-right: 8px;
	color: #003366;
	transition: background-color 0.2s ease-in, color 0.2s ease-in;
}

.pagination .page-link:hover{
	background-color: #f1f1f1;
	transition: background-color 0.2s ease-in, color 0.2s ease-in;
}

.page-item:last-child .page-link, .page-item:first-child .page-link{
	border-radius: 20px;
}

/* /////////////////////////////////// SEARCH */

.search .result-category{
	display: none;
}

.search .result-text{
	margin-bottom: 30px;
}

.badge-info{
	background-color: #ff9901;
	border-radius: 100%;
	padding: 5px 8px;
}

#searchForm input{
	background-color: #f1f1f1;
	border: 0px;
	padding: 10px;
	border-radius: 20px;
	margin-right: 10px;
}

/* /////////////////////////////////// FOOTER */

#footer{
	background-color: #003366;
	color: #fff;
	padding: 50px 0;
}

#footer ul.nav li{
	border-right: 1px solid #fff;
	margin-right: 10px;
	padding-right: 10px;
	line-height: 1em;
}

#footer ul.nav li:last-of-type{
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

#footer ul.nav li a{
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 16px;
	text-decoration: none;
}

#footer ul.nav li a:hover{
	text-decoration: underline;
}

#footer .social{
	text-align: center;
}

#footer .social a{
	margin: 0 12px;
}

#footer .copyright{
	font-size: 14px;
	text-align: right;
}

#footer .alliance img{
	max-width: 75px;
}

#footer .alliance{
	position: relative;
	right: 5vw;
	transform: scale(2.0);
}

.item-page-image {
	min-height: 440px;
}

#content .btn{
	color: #fff !important;
}

@media (max-width: 1300px){
	
	.maxwidth{
		max-width: 90%;
	}
	
}

@media (max-width: 1262px){
	#footer .copyright{
		font-size: 12px;
	}
}

@media (max-width: 1199.98px){
	
	#slideshow .flex-direction-nav a{
		top: 30%;
	}
	
	#footer .social{
		text-align: right;
	}
	
	#footer .copyright{
		text-align: left;
		font-size: 12px;
	}

	#footer .alliance{
		right: 0;
	}
	
	#mod-105{
		background-position: 20px 50px;
	}
	
	#slideshow .headline{
		font-size: 40px;
		line-height: 48px;
		margin-bottom: 30px;
	}
	
	#slideshow p{
		font-size: 20px;
		line-height: 28px;
	}
	
	#slideshow .flex-description{
		top: 20%;
	}
	 
}
@media( max-width: 1025px){
	#mod-91, #mod-92{
		background-attachment: unset;
	}
}

@media (max-width: 991.98px){
	
	body{
		padding-top: 0;
	}
	
	#header{
		position: static;
	}
	
	#header .logo{
		z-index: 99999;
		width: auto;
	}
	
	#mainmenu{
		float: none;
	}
	
	#mainmenu .navbar .icon-bar{
		display: block;
		width: 20px;
		height: 2px;
		margin: 4px 0;
		background-color: #fff;
	}
	
	#mainmenu .navbar button{
		background-color: #003366;
		outline: 0px;
		border-radius: 20px;
		border: 0px;
	}
	
	#mainmenu .navbar{
		text-align: right;
		display: block;
		margin-top: -45px;
	}
	
	#mainmenu ul{
		text-align: center;
	}
	
	#mainmenu ul.lv-0{
		display: block;
	}

	#mainmenu ul.lv-0{
		margin-top: 30px;
	}
	
	#mainmenu ul.lv-0 > li{
		padding: 0;
		margin: 0;
		border-top: 2px solid #f1f1f1;
	}
	
	#mainmenu ul.lv-0 > li > a{
		padding: 10px;
		display: inline-block;
	}
	
	#mainmenu ul.lv-0 > li.active > a{
		font-weight: 700;
	}
	
	#mainmenu ul.lv-0 > li.item-104 > a{
		padding-left: 19px;
		padding-right: 6px;
	}
	
	#mainmenu ul.lv-0 > li:first-of-type{
		border-top: 0;
	}
	
	#mainmenu ul.lv-0 > li > a::after{
		display: none;
	}
	
	#mainmenu ul.lv-1{
		margin-top: 0;
		display: none;
		position: static;
		visibility: visible;
		opacity: 1;
	}
	
	#mainmenu ul.lv-1 li:hover a{
		color: #333;
	}
	
	#mainmenu ul.lv-1 li a{
		font-size: 16px;
	}
	
	#mainmenu .item-104 #jobindicator{
		position: static;
		vertical-align: text-top;
	}
	
	#slideshow .flex-direction-nav{
		display: none;
	}
	
	#backgroundvideo .flex-description{
		font-size: 30px;
		line-height: 34px;
	}
	
	#footer{
		padding: 30px 0;
	}
	
	#footer, #footer .nav, #footer .copyright, #footer .social{
		text-align: center;
	}

	#footer .alliance{
		margin-bottom: 25px;
		flex: 0 0 100%;
		transform: scale(1.5);
	}
	
	#footer .nav{
		margin: 16px 0 8px 0;
	}
	
	#footer .module-content{
		display: inline-block;
	}
	
	.module.p300, .module.p200{
		padding: 100px 0;
	}
	

	
	#mod-92 .headline, #mod-91 .headline{
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		font-size: 22px;
		margin-bottom: 0px;
	}
	
	#mod-91 .module-content, #mod-92 .module-content{
		background-color: rgba(255,255,255,0.5);
		padding: 20px;
		border-radius: 20px;
	}
	
	.erfolgsgeschichten .testimonial-item .flex-description{
		padding: 0px;
	}
	
	.item-page.karriere{
		min-height: 0px;
	}
	
	.item-page.karriere .item-page-image{
		min-height: 200px;
	}
	
	.item-page.karriere .item-page-image h1{
		padding: 30px 200px 30px 0px;
	}
	
	#mod-105{
		background-size: 275px auto; 
	}
	
	#mod-105 .headline, 
	#mod-105 p {
		text-align: center;
	}
	
	.item-page.karriere .item-page-image.boeser-wolf::before{background-size: 200px auto;background-position: calc(100% - 10px) 20px;}
	.item-page.karriere .item-page-image.bremer-stadtmusikanten::before{background-size: 200px auto;background-position: calc(100% - 10px) calc(100% - 10px);}
	.item-page.karriere .item-page-image.dornroeschen::before{background-size: 150px auto;background-position: calc(100% - 10px) 20px;}
	.item-page.karriere .item-page-image.frau-holle::before{background-size: 250px;background-position: right 55px;}
	.item-page.karriere .item-page-image.froschkoenig::before{background-size: 200px auto;background-position: calc(100% - 10px) calc(100% - 10px);}
	.item-page.karriere .item-page-image.gestiefelter-kater::before{background-size: 200px auto; background-position: calc(100% - 10px) calc(100% - 10px);	}
	.item-page.karriere .item-page-image.prinz::before{background-size: auto 300px; background-position: calc(100% - 20px) 40px;}
	.item-page.karriere .item-page-image.rapunzel::before{background-size: 150px auto;background-position: calc(100% - 10px) 25px;}
	.item-page.karriere .item-page-image.rote-fuechsin::before{background-size: 200px auto;background-position: calc(100% - 10px) 30px}
	.item-page.karriere .item-page-image.rotkaeppchen::before{background-size: 200px auto;background-position: calc(100% - 10px) 30px;}
	.item-page.karriere .item-page-image.schneewittchen::before{background-size: 115px auto;background-position: calc(100% - 10px) 20px;}
	.item-page.karriere .item-page-image.sterntaler::before{background-size: 150px auto;background-position: calc(100% - 10px) -35px;}
	.item-page.karriere .item-page-image.tapferes-schneiderlein::before{background-size: 140px auto;background-position: calc(100% - 10px) 30px;}

	
}

@media (max-width: 767.98px){
	
	body{
		font-size: 16px;
	}
	
	h1 {
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 30px;
	}
	
	h2{
		font-size: 20px;
		margin: 26px 0 14px 0;
	}

	h3{
		font-size: 18px;
		margin: 26px 0 14px 0;
	}

	h4,h5,h6{
		font-size: 16px;
		margin: 16px 0 10px 0;
	}
	
	#content ul li{
		margin-bottom: 10px;
	}
	
	#content ul li::before{
		top: 11px;
	}
	
	#mod-91, #mod-92{
		font-size: 18px;
	}
	
	#mod-91 .btn, #mod-92 .btn{
		margin-top: 0px;
		font-size: 16px;
	}
	
	ul.check li{
		padding-left: 4px;
	}
	
	.btn{
		font-size: 14px;
	}
	
	.module .headline{
		font-size: 20px;
	}
	
	.breadcrumb{
		margin: 20px 0 !important;
	}
	
	.breadcrumb a, .breadcrumb span{
		font-size: 12px;
	}
	
	#mod-101 .re-contact-image{
		text-align: center;
	}
	
	.re-contact-image{
		margin-bottom: 20px;
	}
	
	.blog.default .item-image img{
		margin-bottom: 20px;
	}
	
	.re-contact .re-contact-name{
		margin: 0px;
	}
				
	#testimonialslider{
		padding: 0px 60px;
	}
	
	.erfolgsgeschichten .testimonial-item .testimonial-img img{
		max-width: 150px;
		max-height: 150px;
	}
	
	.erfolgsgeschichten .testimonial-item .testimonial-img{
		background: none;
		border-radius: 150px;
		border: 5px solid #fff;
		display: inline-block;
		padding: 0px;
		margin-top: 20px;
	}
	
	#testimonialslider .flex-direction-nav a{
		top: 150px;
	}
	
	#backgroundvideo{
		height: 300px !important;
		background-image: url(../img/mobile_header.jpg);
		background-size: cover;
		background-position: top center;
	}
	
	#backgroundvideo video{
		display: none;
	}
	#backgroundvideo .flex-description{
		font-size: 22px;
		line-height: 28px;
	}
	#backgroundvideo .flex-description .btn{
		font-size: 20px;
		line-height: 26px;
		padding: 8px 16px;
	}
	
	#backgroundvideo .flex-description{
		top: 80px;
	}
	
	body.karriere #slideshow .flex-description{
		position: relative;
		left: auto;
		top: auto;
		bottom: auto;
		right: auto;
	}
	body.karriere .item-slideshow{
		display: none;
	}
	
	body.karriere .item-slideshow.maerchen{
		background-image: url(../img/bg_slideshow_karriere.jpg);
		background-size: cover;
		display: block;
		padding: 20px 10px;
	}
	
	body.karriere .item-slideshow.maerchen img{
		display: none;
	}
	
	body.karriere #slideshow .item-slideshow .headline{
		font-size: 30px;
		line-height: 38px;
	}
	
	body.karriere #slideshow .item-slideshow p{
		font-size: 18px;
		line-height: 26px;
	}
	
	#mod-105 .container{
		padding: 0px;
	}
	
	#mod-105 .headline a{
		font-size: 30px;
		line-height: 38px;
	}
	
	.karriere .item-page-image h1{
		font-size: 30px;
		line-height: 38px;
	}
	
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px){
	
	.item-page.karriere .item-page-image h1{
		padding-right: 0px !important;
	}
		
	#mainmenu .navbar{
		margin-top: 20px;
	}
	
	#header .logo{
		width: 100%;
		text-align: center;
	}
	.re-contact img{
		max-width: 200px;
		margin: 0 auto;
		display: block;
	}
	
	#testimonialslider{
		padding: 0px;
	}
	#testimonialslider .flex-viewport::after{
		display: none; 
	}
	#testimonialslider .flex-direction-nav{
		display: none;
	}
	
	#mod-91{
		background-position: calc(50% - 100px) center;
	}
	#mod-92{
		background-position: calc(50% - 167px) center;
	}
	
	#mod-105{
		background-image: none !important;
		position: relative;
	}
	
	#mod-105::before{
		content: '';
		display: block;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		width: 100%;
		height: 100%;
		opacity: 0.5;
		background-image: url(../img/maerchen/prinz.png);
		background-repeat: no-repeat;
		background-size: 275px auto;
		background-position: 20px 50px;
	}
	
	
	.karriere-item .page-header, .karriere-item .page-subheader{
		max-width: none;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.blog.karriere .karriere-item.boeser-wolf::before,
	.blog.karriere .karriere-item.bremer-stadtmusikanten::before,
	.blog.karriere .karriere-item.dornroeschen::before,
	.blog.karriere .karriere-item.frau-holle::before,
	.blog.karriere .karriere-item.froschkoenig::before,
	.blog.karriere .karriere-item.gestiefelter-kater::before,
	.blog.karriere .karriere-item.prinz::before,
	.blog.karriere .karriere-item.rapunzel::before,
	.blog.karriere .karriere-item.rote-fuechsin::before,
	.blog.karriere .karriere-item.rotkaeppchen::before,
	.blog.karriere .karriere-item.schneewittchen::before,
	.blog.karriere .karriere-item.sterntaler::before,
	.blog.karriere .karriere-item.tapferes-schneiderlein::before,

	.item-page.karriere .item-page-image.boeser-wolf::before,
	.item-page.karriere .item-page-image.bremer-stadtmusikanten::before,
	.item-page.karriere .item-page-image.dornroeschen::before,
	.item-page.karriere .item-page-image.frau-holle::before,
	.item-page.karriere .item-page-image.froschkoenig::before,
	.item-page.karriere .item-page-image.gestiefelter-kater::before,
	.item-page.karriere .item-page-image.prinz::before,
	.item-page.karriere .item-page-image.rapunzel::before,
	.item-page.karriere .item-page-image.rote-fuechsin::before,
	.item-page.karriere .item-page-image.rotkaeppchen::before,
	.item-page.karriere .item-page-image.schneewittchen::before,
	.item-page.karriere .item-page-image.sterntaler::before,
	.item-page.karriere .item-page-image.tapferes-schneiderlein::before{ opacity: 0.5;}
	
}

.imgtext {
	max-width: 267px;
}