/*

Dunkelblau  #002878
Grün        #5a8e22
Mittelblau  #0082af
Lichtblau   #c2d9f2
Lichtgrau   #9bb1c7
Orange      #f59400   */


@import url("fonts.css");




/* Icons */

@font-face {
  font-family: 'becom-icons';
  src: url('../fonts/becom-icons.eot');
  src: url('../fonts/becom-icons.eot#iefix') format('embedded-opentype'),
       url('../fonts/becom-icons.woff2') format('woff2'),
       url('../fonts/becom-icons.woff') format('woff'),
       url('../fonts/becom-icons.ttf') format('truetype'),
       url('../fonts/becom-icons.svg#becom-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'becom-icons';
    src: url('../font/becom-icons.svg?63292293#becom-icons') format('svg');
  }
}
*/

 [class^="icon-"]:before,
 [class*=" icon-"]:before,
.btn:before,
.result-title:before,
.item-page ul li:before,
#tinymce ul li:before,
.dropdown.icon:before{
  font-family: 'becom-icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-doppelpfeil:before { content: '\e808'; } /* Doppelpfeil */
.icon-left:before, .icon-previous:before { content: '\e800'; } /* Left */
.icon-right:before, .icon-next:before { content: '\e801'; float: left;} /* Right */
.icon-up:before { content: '\e801'; } /* Up */
.icon-down:before { content: '\e803'; } /* Down */
.dropdown.icon:before { content: '\e803'!important; }

.icon-chevron-right::before {
  content: "\e801";
}
.img-text .btn::before {
  display: none;
}


  /* Font Awesome Breite */

.fas {
    width: 30px;
}








*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "MetronicProLight";
    font-weight: 100;
    font-size: 20px;
    line-height: 140%;
    color: #0082af;
}



.resp,
.resp500{
    display: none;
}

.non-resp,
.non-resp500{
    display: block;
}
.clear {
    clear: both;
    width: 100%;
}

a{
    text-decoration: underline;
    color: inherit;
}
p,
ul{
    margin-bottom: 20px;
}
ul.unstyled {
    list-style: none;
}

/*  Schriften
==========================================  */

h1, h2, h3, h4{
    font-weight: 100;
    margin-bottom: 15px;
	margin-top: 0px!important;
    line-height: 120%;
}


h1{
    font-size: 300%!important;
}
h2,
.search h1{
    font-size: 200%!important;
}
h3{
    font-size: 160%!important;
    font-family: "MetronicProRegular";
	margin-bottom: 5px!important;
}
.list h3 {
	font-size: 130%!important;
}
h4{
    font-size: 100%!important;
    font-family: "MetronicProSemiBold";
	margin-bottom: 0;
}

.item-page h2{
	margin-top: 50px!important;
}
.img-text h2{
	margin-top: 0px!important;
}

strong{
  font-weight: 900;
}



/*  Subline
==========================================  */

.item h4,
.item-page h4{
	margin-bottom:20px;
}
.item h2{
	margin-bottom:5px;
}


/*  H4 ohne Abstand
==========================================  */
.item-page h4.margin0{
	margin-bottom: 0;
}



/*  Anstriche
==========================================  */
.list3span ul li,
.item-page ul li,
#tinymce ul li {
    list-style: none;
	margin-bottom: 10px;
	page-break-inside: avoid;                 /* Firefox   */
   	column-break-inside: avoid;               /* Chrome, Opera, Safari  */
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.list3span ul,
#tinymce ul{
	column-count: 2;
	column-gap: 100px;
	border: 1px solid #0082af;
	padding: 36px;
	margin-bottom: 60px;
}
.item-page ul li{
    margin-left: 20px;
}
.list3span ul li::before,
#tinymce ul li::before {
    content: '\e801';
	font-size: 60%;
	margin-left: -20px;
	vertical-align: 2px;
	margin-right: 7px;
}
.item-page ul li::before {
    content: '\e801';
	font-size: 60%;
	margin-left: -20px;
	vertical-align: 2px;
	margin-right: 7px;
}




/* Video
==========================================  */
video {
    width: 100%;
    height: auto;
}
.video-schmal {
    width: 80%;
}
.plyr--video {
    width: 75%;
    margin: auto;
}


/*  Firmegeschichte Pfeile
==========================================  */


.pfeil {
    border-left: solid 1px #0082af;
    height: 80px;
}
.pfeilspitze1a {
    border-left: solid 1px #0082af;
    height: 30px;
    transform: rotate(30deg);
    width: 30px;
   	margin-left: calc(33% + 6px);
	margin-top: -21px;
	margin-bottom: 2px;
}
.pfeilspitze1b {
    border-left: solid 1px #0082af;
    height: 30px;
    transform: rotate(-30deg);
    width: 30px;
    margin-left: calc(33% + -9px);
	margin-top: -46px;
	margin-bottom: 5px;
}
.pfeilspitze2a {
    border-left: solid 1px #0082af;
    height: 30px;
    transform: rotate(30deg);
    width: 30px;
   	margin-left: calc(66% + 6px);
	margin-top: -21px;
	margin-bottom: 2px;
}
.pfeilspitze2b {
    border-left: solid 1px #0082af;
    height: 30px;
    transform: rotate(-30deg);
    width: 30px;
    margin-left: calc(66% + -9px);
	margin-top: -46px;
	margin-bottom: 5px;
}
.left30 {
    margin-left: 33%;
}
.right30 {
    margin-left: 66%;
}


/*  Layout
==========================================  */
.cont{
    width: 1200px;
    margin: auto;
}
#header {
    height: 150px;
}
#content {
    padding-bottom: 50px;
    padding-top: 50px;
    overflow: hidden;
	min-height: 400px;
	clear: both;
}
#footer {
    padding: 30px 0 0 0;
    background: #0082af;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    line-height: 150%;
    min-height: 500px;
	height: auto;
    clear: both;
}

.moduletable.span3 {
    width: 33%;
    float: left;
}
.item-page{

}
.item-page.schmal {
  width: 100%;
  margin: auto;
  padding-right: 15vw;
}
.cont.schmal {
  width: 1200px;
}
body.schmal{
    width: 100%;
    margin: auto;
}
.sehr-schmal{
    width: 50%;
    margin: auto;
}

.slider-wrapper-bg .last {
    margin-bottom: -50px;
}
.slide h5{
  font-size: 130%;
}



/*  Kontaktformular
==========================================  */
.convertforms .cf-form-wrap {
  padding: 0!important;
  margin-top: 30px!important;
}

/*  Streifen unter Header
==========================================  */

.streifen {
    height: 20px;
    width: auto;
    background-image: linear-gradient(90deg, #d9e3d5, #9fb0cc, #cbdd83);
    background-size: 200% 200%;
    animation-name: spin;
    animation-duration: 5s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
}
@keyframes spin {
  0% {background-position:0% 0%;}
  100% {background-position:100% 100%;}
}



/*  Zoomeffekt
==========================================  */

img.zoom {
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
img.zoom:hover {
 -moz-transform: scale(1.1, 1.1);
 -webkit-transform: scale(1.1, 1.1);
 -o-transform: scale(1.1, 1.1);
 -ms-transform: scale(1.1, 1.1);
 transform: scale(1.1, 1.1);
}



/*  ERROR Seite
==========================================  */

.error {
    padding: 50px;
    border-top: 0!important;
}


/*  Login
==========================================  */


#login {
    color: #5a8e22;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
}
#login:hover,
#login.active{
    color: #002878;
}
#login-form a{
    font-size: 14px;
    line-height: 120%;
}
#login-form ul.unstyled{
    margin-top: 40px;
}
#login div {
    float: right;
    width: 150px;
}

#form-login-username label,
#form-login-password label{
    display: none;
}
.input-small,
input.inputbox,
.controls input{
    height: 40px;
    margin-top: 15px;
    border: 1px solid #0082af;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
}
#user-registration .controls input{
	margin-bottom:20px;
}
#modlgn-remember{
    float: left;
    margin: 6px 10px 0 0;
    width: auto;
    padding: 0;
    height: auto;
}
#form-login-remember {
    margin: 10px 0 7px 0;
    font-size: 14px;
}

.login-menu ul li a {
    float: right;
}

.login-menu ul li a {
    float: right;
    display: block;
    position: absolute;
    right: 0;
    margin: 0!important;
    padding: 0!important;
    text-decoration: none;
    font-family: inherit;
}
.login-menu ul li a:before {
    margin: 3px 5px 0 0;
    font-size: 17px;
}
#content .login {
    width: 400px;
    margin: auto;
}
ul.unstyled li::before {
    display: none;
}
ul.unstyled li {
    margin: 0;
}
fieldset {
    border: 0;
}



/*  Login Preview
==========================================  */

#form-login {
	border:none;
	padding:50px;
}

#form-login fieldset{
	border:0px;
}
#form-login .btn-primary{
	background:none;
}
#form-login .btn-primary:hover{
	background: #0082af;
}



/*  Fehlermeldung
==========================================  */


.alert{

    padding: 30px;
    background: #9bb1c7;
    color: #fff;
    margin-bottom: 60px;
    text-align: center;

}

.alert a.close{
	float:right;
	display: none;
}

h4.alert-heading{
	font-size:200%!important;
}




/*  Blog Layout    Bild / Text
==========================================  */

.blog {
    overflow: hidden;
}

.crop,
.img-text .blog-item .item-image {
    width: 500px;
	overflow: hidden;
	height: 300px;
}
.img-text .blog-items div:nth-child(2n+1) .item-image {
    float: right;
    margin-right: 0;
    margin-left: 30px;
    margin-bottom: 40px;
}
.img-text .blog-items div:nth-child(2n) .item-image {
    float: left;
    margin-right: 30px;
    margin-bottom: 40px;
}
.img-text .blog-item {
    clear: both;
    overflow: hidden;
    margin-top: 40px;
}

.img-text .item-image img {
    width: auto;
	height: 300px;
	left: -50%;
	position: relative;
}
.crop {
	float:left;
	margin-right: 40px;
}
.crop img{
	width: auto!important;
	height: 100%;
	position: relative;
	max-width:1000%!important;
	left: 50%;
	transform: translate(-50%,-50%);
	top: 50%;
}


.img-text .blog-item::after {
  content: " ";
  background: rgba(0,131,175,0);
  background: -moz-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,131,175,0)), color-stop(30%, rgba(0,131,175,1)), color-stop(51%, rgba(0,131,175,1)), color-stop(70%, rgba(0,131,175,0.73)), color-stop(100%, rgba(0,131,175,0)));
  background: -webkit-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
  background: -o-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
  background: -ms-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
  background: linear-gradient(to right, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083af', endColorstr='#0083af', GradientType=1 );
  height: 2px;
  width: 70%;
  display: block;
  margin: auto;
    margin-top: auto;
  margin-top: auto;
  margin-top: 20px;
  clear: both;
}







/*  Blog Layout    Text / Text
==========================================  */

.blog .span6 {
    width: 50%;
    float: left;
    padding-right: 50px;
}



/*  Layout 2 Spalten
==========================================  */


.span2 {
    width: 50%;
    float: left;
}

.span2:nth-child(even) {
    padding-left: 50px;
}

.span30-70{
	width: 30%;
}
.span30-70:nth-child(even) {
	width: 70%;
}




/*  Layout    Icon  / Text
==========================================  */

.img-text {
    clear: both;
    margin-bottom: 40px;
    overflow: hidden;
}
.img {
	width: 25%;
	float: left;
	margin-right: 80px;
}
.img.right {
    float: right;
    margin: 0;
}
.img img {
	width: 100%;
}
.text{
	width: auto;
	display: table;
}
.text.left{
	float: left;;
}
.text.shadow{
  color: #fff;
}





/*  Layout    Bild im Text
==========================================  */


.item-image img,
.img_caption {
    float: left;
    margin-right: 40px;
}
p.img_caption {
    font-size: 80%;
    font-family: MetronicProSemibold;
    margin-top:5px;
}




/*  Trenner
==========================================  */


hr {
    border: 0;
background: rgba(0,131,175,0);
background: -moz-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,131,175,0)), color-stop(30%, rgba(0,131,175,1)), color-stop(51%, rgba(0,131,175,1)), color-stop(70%, rgba(0,131,175,0.73)), color-stop(100%, rgba(0,131,175,0)));
background: -webkit-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
background: -o-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
background: -ms-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
background: linear-gradient(to right, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083af', endColorstr='#0083af', GradientType=1 );
height: 2px;
width: 70%;
display: block;
margin: auto;
margin-top: 40px;
margin-bottom: 40px;
}
.row-0 hr {
display: none;
}





/*  Kontaktformular
==========================================  */

a.chronoforms6_credits {
	font-size: 8px;
	color: #999;
	text-decoration: none;
}
.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"],
.ui.form textarea,
.ui.selection.dropdown
{
	border: 1px solid rgba(0,130,175,1)!important;
	color: rgba(0,130,175,1)!important;
}
.ui.form ::placeholder,
.ui.form :-ms-input-placeholder,
.ui.form ::-ms-input-placeholder,
.ui.form ::-webkit-input-placeholder  {
    color: rgba(0,130,175,0.9)!important;
}
.ui.dropdown .menu .active.item {
    font-weight: 100!important;
    font-family: "MetronicProBold"!important;
}
.form-schmal {
    width: 50%;
}

/*  Semantic CSS Override
==========================================  */

.ui.form ::placeholder {
    color: inherit!important;
}
.ui.form textarea{
	font-size: 16px!important;
	padding: .5em 0.85em!important;
}
.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"] {
    font-family: inherit!important;
   	font-size: 16px!important;
}
.ui.dropdown .menu > .item{
	font-size: 16px!important;
}
.ui.selection.active.dropdown .menu {
    border-color: inherit!important;
}
button, input, optgroup, select, textarea {
    font-family: inherit!important;
    font-size: initial!important;
}

/*  Google Maps Karte
==========================================  */
.responsive_map {
height: 0;
overflow: hidden;
padding-bottom: 56%;
position: relative;
}

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



/*  Placeholder
==========================================  */

.ui.dropdown > .text,
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #0082af;
opacity: 0.5;
font-size: 16px;
    line-height: 20px;
font-family: "MetronicProRegular";
font-weight: 100;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #0082af;
opacity: 0.5;
font-size: 16px;
    line-height: 20px;
font-family: "MetronicProRegular";
font-weight: 100;
}
:-ms-input-placeholder { /* IE 10+ */
 color: #0082af;
opacity: 0.5;
font-size: 16px;
    line-height: 20px;
font-family: "MetronicProRegular";
font-weight: 100;
}
:-moz-placeholder { /* Firefox 18- */
  color: #0082af;
opacity: 0.5;
font-size: 16px;
    line-height: 20px;
font-family: "MetronicProRegular";
font-weight: 100;
}



/*  Logo
==========================================  */

.logo {
    width: 143px;
    float: left;
    margin-top: 30px;
}
.logo img{
    width: 100%;
}





/*  Sprachmodul
==========================================  */

.mod-languages {
    text-align: center;
    width: auto;
    float: right;
    margin-right: 20px;
    margin-top: 15px;
}
div.mod-languages li{
    margin-left: 0!important;
    margin-right: 0!important;
    height: 30px;
    line-height: 135%;
}
.lang-inline {
    text-align: center;
    width: auto;
}
.lang-inline li a{
    color: inherit;
    font-size:14px;
    line-height: 80%;
    padding: 8px 8px 5px 8px;
}
.lang-inline li {
    float: left;
}
.lang-inline li:hover {
    background: rgba(0,130,175,0.5);
}
.lang-inline li.lang-active,
.lang-inline li.lang-active:hover,
div.mod-languages ul li.lang-active{
    background: #0082af!important;
}
.lang-inline li:nth-child(1n){
    border: 1px solid #0082af;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}
.lang-inline li:nth-child(2n){
    border: 1px solid #0082af;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}
.lang-inline li:hover,
.lang-inline li.lang-active a {
    color:#fff;
}




/* JT Slider Override */

.jt-cs .owl-carousel .owl-nav .owl-next,
.jt-cs .owl-carousel .owl-nav .owl-prev {
  opacity: 1!important;
  font-size: 30px!important;
  margin-top: -50px;
  font-family: 'becom-icons'!important;
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em!important;
margin-right: 0;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0;
color: rgb(0, 130, 175);
position: absolute;
}




.jt-imagecover {
  height: 300px;
  width: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  margin-right: 40px;
}



.jt-cs .jt-imagecover::before {
  background: rgba(0,0,0,0)!important;
}
.jt-cs .jt-imagecover:hover::before {
  opacity: 0!important;
}

.jt-cs .owl-carousel .owl-nav .owl-next{
    margin-right: -100px;
    right: 0;
  }
  .slider-normal .jt-cs .owl-carousel .owl-nav .owl-prev{
      margin-left: -20px;
    }
.owl-next::before {
  content: '\e801'!important;
  float: left;
}
.owl-prev::before {
  content: '\e800'!important;
}
.owl-nav i{
  display: none;
}
.owl-nav button{
  transition: all 0.2s!important;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;

}
.owl-nav button:hover {
  -moz-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5)!important;
  margin-top: -90px !important;
}
.slider-startseite .owl-nav button:hover {
  margin-top: -50px !important;
}

.owl-nav {
  width: calc(100% + 80px);
  margin-left: -40px;
}
.owl-carousel {
  width: 90%!important;
  margin: auto;
  padding: 20px 0 50px 0;
}
.jt-cs .owl-carousel .owl-nav .owl-next, .jt-cs .owl-carousel .owl-nav .owl-prev
{
  background: rgba(0,0,0,0)!important;
}
.slider-head h3 {
  font-size: 200%;
  text-align: center;
  padding-bottom: 20px;
}

.slider-head h3::after {
  content: " ";
  background: rgba(0,131,175,0);
  background: -moz-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,131,175,0)), color-stop(30%, rgba(0,131,175,1)), color-stop(51%, rgba(0,131,175,1)), color-stop(70%, rgba(0,131,175,0.73)), color-stop(100%, rgba(0,131,175,0)));
  background: -webkit-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
  background: -o-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
  background: -ms-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
  background: linear-gradient(to right, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083af', endColorstr='#0083af', GradientType=1 );
  height: 2px;
  width: 70%;
  display: block;
  margin: auto;
    margin-top: auto;
  margin-top: 20px;
}

/* Slider Header
==========================================  */
.slider-startseite .jt-imagecover {
  height: 600px;
  width: 100%;
}
.slider-startseite .owl-nav {
  width: 100%;
  margin-left: 0;
}
.owl-carousel.slider-head {
  width: 100% !important;
  margin: auto;
  padding: 0;
}
.slider-startseite .jt-inner {
  max-width: 500px;
  left: calc(40% - 250px);
  z-index: 5;
  position: absolute;
  top: calc(50% - 100px);
}
.slider-startseite .jt-introtext .btn{
  margin-top: 20px;
  display: inline-block;
}
.slider-startseite .jt-cs .owl-carousel .owl-nav .owl-next {
  margin-right: 0;
}
.slider-startseite .owl-nav {
  width: calc(100% - 20px);
  position: absolute;
  left: 0;
  margin: 0;
  top: 50%;
  padding: 20px;
  z-index: 1;
}






/* Kategorie Beschreibung
==========================================  */

.category-desc {
    overflow: hidden;
    margin-bottom: 100px;
}




/*  Icons Karriere
==========================================  */

.icons-karriere {
	width: 70%;
	max-width: 110px;
	margin-bottom: 20px;
}
.center{
	text-align: center;
}
.center img{
	margin-left: auto;
	margin-right: auto;
}
.smallfont{
	font-size: 80%;
	line-height: 150%;
}




/*  Container Hover Effekt Color
==========================================  */

.hover:hover {
    background: rgba(0,130,175,0.05);;
}

/*  Container Hover Effekt Images
==========================================  */
.hover img{
  transition: transform .2s; /* Animation */
}
.hover:hover img{
	transform: scale(1.1);
}
.img-crop {
    overflow: hidden;
	max-height: 280px;
	margin-bottom: 20px;
}



/*  Rahmen Container Icons 4 Spalten
==========================================  */

.border{
	border: 1px solid;
	padding: 15px;
}
.list {
  display: flex;
  flex-wrap: wrap;
}
.list-item {
	display: flex;
  padding: 0.5em;
	width: 100%;
}
@media all and (min-width: 600px) {
  .list-item {
    width: 50%;
  }
}
@media all and (min-width: 1000px) {
  .list-item {
    width: 25%;
  }
}

.list-content {
	background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 1em;
	width: 100%;
}
.list-content p {
	flex: 1 0 auto;
}

.fullwidth {
    width: 100%;
    margin-bottom: 10px;
}




/*  Rahmen Container Icons 3 Spalten
==========================================  */
.span3.list img {
    width: 50%;
    height: auto;
	margin: 0 auto 20px auto;
}
.span3.list {
  display: flex;
  flex-wrap: wrap;
  -webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.span3 .list-item {
	display: flex;
  padding: 0.5em;
	width: 100%;
}
@media all and (min-width: 600px) {
  .span3 .list-item {
    width: 50%;
  }
}
@media all and (min-width: 1000px) {
  .span3 .list-item {
    width: 33.33%;
  }
}

/*  Rahmen Container 3 Spalten Bild groß
==========================================  */
.span3.list.img-full img {
    width: 100%;
}
.img-full .list-content p {
    padding: 0 20px 0 20px;
}
.img-full .list-content{
    padding: 0;
}


/*  Rahmen Container 3 Spalten Bild groß + negativ
==========================================  */

.negativ .list-content {
    background: #0082af;
    color: #fff;
}





/*  Rahmen
==========================================  */

.rahmen {
    border: 1px solid;
    padding: 30px 40px;
}
.cont.rahmen {
    border: 0px;
}


/*  Suchmodul
==========================================  */
input {
    font-size: 14px;
    color: inherit;
    position: relative;
}
input.input-small {
    font-size: 16px;
}
.search {
    float: right;
}
.search .btn-primary {
    width: 19px;
    height: 19px;
    display: block;
    background-image: url("/templates/becom/images/lupe.png");
    border: none;
    background-color: #fff;
    background-repeat: no-repeat;
    float: right;
    margin-left: -26px;
    position: relative;
    margin-top: 20px;
    margin-right: 5px;
    float: left;
}
.search .btn-primary:hover{
	background-image: url("/templates/becom/images/lupe.png");
	background-color:transparent;
}
.search input.search-query {
    height: 30px;
    margin-top: 15px;
    border: 1px solid #0082af;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0px 30px 0px 10px;
    width: 220px;
    float: left;
    -webkit-appearance: none;
}
.search .element-invisible{
  display: none;
}
.pagination-list {
    margin-top: 40px;
    clear: both;
    border-top: 1px solid #ccc;
    padding-top: 25px;
}
.pagination-list li {
    list-style: none;
    float: left;
    margin-right: 13px;
}
.pagination-list .icon-next{
  position: absolute;
  margin-top: 3px;
}
.pagination-list li.active a{
  text-decoration: none;

}
.pagenav {
    text-decoration: none;
    font-family: MetronicProBold;
}


/*  Webkit Safari Bug
==========================================  */


textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 5px;
border-radius: 5px;
}


/*  Suchseite
==========================================  */

#content .search {
    float: left;
}
.pull-left input.inputbox{
    margin: 0 0 0 0;
}
.search .pull-left{
    float: left;
}
.search .pull-left:nth-child(1){
    margin-right: 15px;
}
.searchintro {
    float: none;
    clear: both;
    padding-top: 20px;
}
.form-limit,
.result-category,
#language_picker_des_88{
	display:none;
}
.highlight{
    color: #5a8e22;
}
.result-text {
    margin-bottom: 20px;
}
.result-title{
	font-size: 120%;
	margin-bottom:10px;
	margin-top:30px;
}
.result-title a{
}



/*  Buttons
==========================================  */

.btn,
#button5{
    height: 40px;
    border: 1px solid #0082af;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: inherit;
    font-size: 18px;
    text-transform: uppercase;
    background: none;
    font-family: "MetronicProRegular";
    font-weight: 100;
    cursor: pointer;
    padding: 3px 10px 0 10px;
}
#button5{
	width: auto;
}
.btn:hover,
#button5:hover{
    color: #fff;
    background-color: #0082af;
}

.btn:before,
.result-title:before{
    content: "\e801";
    margin-right:5px;
    font-size: 90%;
    top: -1px;
    position: relative;
}
#header .search button.btn:before {
    content: none;
}
a.btn{
    border: 1px solid #0082af;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    color: inherit;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    background: none;
    font-family: "MetronicProRegular";
    font-weight: 100;
    cursor: pointer;
    padding: 7px 10px 7px 10px;
}
a.btn:hover {
    color: #fff;
    background: rgba(0,130,175,0.5);
}
a.white {
    border-color: #fff;
}
a.white:hover {
     border-color: #0082af;
}



/*  Slider Background
==========================================  */

.color {
    background-image: linear-gradient(90deg, #e3e8f6, #e2ecea, #e1efe0);
}
.white {
    background: #fff;
}
.padding-vertical{
	padding-top: 30px;
	padding-bottom: 0px;
}



/*  SLIDER BT CONTENT
==========================================  */

.bt-cs .bt-inner img {
    outline: 0Px solid #b5b5b5;
    border: 0px solid #fff;
    max-width: 100%;
}

.shadow{
    text-shadow: 1px 1px 15px #002878;
}



/*  Slider Text Effekte
==========================================  */
@keyframes slideInFromRight {
  0% {
    transform: translateX(200%);
      opacity: 0.2;
  }
  100% {
    transform: translateX(0);
      opacity: 1;
  }
}
.ease{
    animation-name: slideInFromRight;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: 1;
    animation-fill-mode: none;
    animation-play-state: running;
    z-index: 2;
}
.ease2{
    animation-name: slideInFromRight;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-delay: 0.2s;
    animation-direction: alternate;
    animation-iteration-count: 1;
    animation-fill-mode: none;
    animation-play-state: running;
    z-index: 2;
}
.ease3{
    animation-name: slideInFromRight;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-delay: 0.4s;
    animation-direction: alternate;
    animation-iteration-count: 1;
    animation-fill-mode: none;
    animation-play-state: running;
    z-index: 2;
}
.ease4{
    animation-name: slideInFromRight;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-delay: 0.6s;
    animation-direction: alternate;
    animation-iteration-count: 1;
    animation-fill-mode: none;
    animation-play-state: running;
    z-index: 2;
}

/*  Slider Bild Effekte
==========================================  */

.color-fx::after{
    z-index: 1;
    background: linear-gradient(238deg, #b1f990, #0081ff);
    background-size: 400% 400%;
    content: "";
    height: 600px;
    width: auto;
    display: block;
    opacity: 0;
    margin-top: 0;
    animation-name: imagecolor;
    animation-duration: 8s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
    z-index: 1;
position: relative;

}
@keyframes imagecolor {
  0% {
    opacity: 0;
    display: none;
    background-position:0% 0%;
  }
  1% {
    opacity: 0;
    display: block;
  }
  50% {
    opacity: 0.4;
    display: block;
    background-position:100% 100%;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
    background-position:0% 63%;
  }
}



/*  Header Bilder
==========================================  */

.header-img div {
	overflow: hidden;
	background-position-x: center;
	background-size: cover;
}



/*  Breadcrumb
==========================================  */
ol.breadcrumb{
	font-size:80%;
	opacity: 0.7;
}
ol.breadcrumb li{
	list-style: none;
	float:left;
}
ol.breadcrumb .divider {

    margin-right: 10px;
    margin-left: 5px;

}
.breadcrumb-item:after{
  content: "/";
  margin: 0 5px 0 5px;
}
.breadcrumb-item.active:after{
  content: "";
}

/*  Menü allgemein
==========================================  */
.menu-wrap {
    width: 900px;
    float: right;
    position: relative;
    margin-top: 56px;
}
#nav-wrap {
    margin-top: 0;
    float: left;
}
#nav-wrap ul.nav {
    padding: 0;
    margin: 0;background: #fff;
}
ul.nav li{
    list-style: none;
}
#nav-wrap ul.nav li a{
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
}
#nav-wrap ul.nav li:hover a,
#nav-wrap ul.nav li.active a{
    color: #5a8e22;
}
#nav-wrap ul.nav li ul li{
    margin-top: 0;
    padding: 0 15px 0 15px;
}
#nav-wrap ul.nav li ul li a{
    text-transform: none;
    line-height: 180%;
    font-weight: 100;
    border: 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: rgba(255,255,255,0);
}

#nav-wrap ul.nav li.deeper ul li > a {
    font-size: 90%;
    line-height: 130%;
    display: block;
}

.divider{
    margin-right: 15px;
}



/*  Menü non-resp
==========================================  */


#nav-wrap .non-resp ul.nav li{
    float: left;
    margin-right: 15px;
}
#nav-wrap .non-resp ul.nav li a{
    height: 50px;
    padding-bottom: 25px;
}
#nav-wrap .non-resp ul.nav li ul li{
    float: none;
    margin-right: 0;
    margin-bottom: 0;
}
#nav-wrap .non-resp ul.nav li ul li a{
    height: auto;
    padding-bottom: 5px;
}
#nav-wrap .non-resp li.deeper .nav-child {
    position: absolute;
    background: rgba(90,142,34,0.8);
    padding: 15px 0 10px 0px;
    margin-top: 21px;
}
#nav-wrap .non-resp ul.nav li.deeper .nav-child li{
    float: none;
}

#nav-wrap .non-resp ul.nav li ul li a{
    color: #fff;
    padding: 3px 10px 0px 10px;
    margin: 0 0 8px 0;
}

#nav-wrap .non-resp ul.nav li ul li a:hover,
#nav-wrap .non-resp ul.nav li ul li.active a{
    border-color: rgba(255,255,255,1);
}




/*  Menü non-resp - Fade Effekt
==========================================  */
#nav-wrap .non-resp li.deeper .nav-child {
    visibility: hidden;
     z-index: -1;
  opacity: 0;
height: 0px;
  transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.01s, z-index 0s linear 0.01s;
}

#nav-wrap .non-resp li.deeper:hover .nav-child {
    visibility: visible;
  opacity: 1;
  transition-delay: 0s, 0s, 0s;
 z-index: 1000;
    height: auto;
}



/*  Slider
==========================================


.container {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: center;
  height: auto;
}
.slider-wrapper {
  width: auto;
  height: auto;
  overflow: hidden;
}

.inner-wrapper,
.inner-wrapper-2{
  width: 500%;
  height: 100%;
  position: relative;
  left: -100%;

}

.slide-header {
  width: calc(100% / 5);
  height: auto;
  float: left;
  font-size: 100px;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider-button {
  width: 30px;
  height: 30px;
  border-top: 1px solid #564a3e;
  position: absolute;
  cursor: pointer;
}

.prev,
.prev-2{
  border-left: 1px solid #564a3e;
  margin-right: 93%;
  transform: rotate(-45deg);
}

.next,
.next-2{
  border-right: 1px solid #564a3e;
  margin-right: -93%;
  transform: rotate(45deg);
}
.slider-button:hover {
  border-top: 2px solid #aa0000;
}

.prev:hover {
  border-left: 2px solid #aa0000;
}

.next:hover {
  border-right: 2px solid #aa0000;
}

*/








/*  Footer Menü Sitemap
========================================== */

#footer ul.nav li a {
    color: #fff;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0;
}
#footer li.deeper .nav-child {
    display: block;
    font-size: inherit;
    margin-left: 10px;
}
#footer .divider{
    display: none;
}
#footer ul.nav li ul {
    margin-top: 5px;
    margin-bottom: 15px;
}
#footer ul.nav > li {
    margin-bottom: 10px;
}
#footer ul.nav li.deeper ul li {
    font-size: 100%;
    margin-bottom: 5px;
}
#footer ul.nav li:hover {
    background: none;
}
#footer ul.nav a:hover {
    color: inherit;
    text-decoration: underline;
}
#footer li.deeper:hover .nav-child {
    background: none;
}
#footer ul.nav li:hover ul li {
    background: none;
}
#footer li.deeper:hover .nav-child {
    position: relative;
}









/*  ============ MEDIA QUERIES ==========  */


@media (max-width: 1200px) {


.cont{
    width: auto;
	padding: 20px;
}
.slider-wrapper.cont{
	padding: 0;
}
#header{
    padding: 0 20px 0 20px;
}
#content{

}
#footer {
    padding: 30px 20px 0 20px;
}
.resp{
    display: block;
}

.non-resp{
    display: none;
}
	.slider-head{
		width: 80%;
		margin: auto;
	}
.plyr--video {
    width: 100%;
}

.jt-imagecover{
  float: none;
margin-right: 0;
}



/*  Menü responsive
==========================================  */
#nav-wrap ul.nav li {
    padding: 10px 10px 10px 20px;
    display: block;
}
#nav-wrap ul.nav li.deeper {
    padding: 10px 0 0 20px;
}
#nav-wrap ul.nav li ul li{
    padding: 10px 10px 10px 40px;
    display: block;
}

li.deeper:hover .nav-child {
    position: relative;
}

*, *:before, *:after {
  box-sizing: border-box;
}

body {
  width: 100%;
  height: 100%;
}
body.overflow {
  overflow: hidden;
}
.menu-wrap {
    width: auto;
    float: none;
    position: absolute;
    margin-top: 0;
    right: 20px;
    top: 45px;
}
.divider,
.separator {
    display: none;
    padding: 0 !important;
}
.breadcrumb .divider {
    display: inline-block;

}
/*  BURGER
==========================================  */
.burger {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50px;
    right: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 100;
}
.burger span {
  margin-bottom: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1.5px;
}
.burger span, .burger span::before, .burger span::after {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #0082af;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.burger span::before, .burger span::after {
  position: absolute;
  content: "";
}
.burger span::before {
  top: -9px;
}
.burger span::after {
  top: 9px;
}
.burger.clicked span {
  background-color: transparent;
}
.burger.clicked span::before {
  -webkit-transform: translateY(9px) rotate(45deg);
  -moz-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}
.burger.clicked span::after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -moz-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}
.burger.clicked span:before, .burger.clicked span:after {
  background-color: #0082af;
}
.burger:hover {
  cursor: pointer;
}

/*  NAV
========================================== */

ul.nav li{
    float: none;
}

nav.resp {
  background-color: #fff;
  position: fixed;
  z-index: 9;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 250px;
  width: 100%;
  padding: 150px 0px 60px 0px;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
nav.resp.show {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
nav.resp.show ul.main li {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}
nav.resp.show ul.main li:nth-child(1) {
  transition-delay: 0.15s;
}
nav.resp.show ul.main li:nth-child(2) {
  transition-delay: 0.3s;
}
nav.resp.show ul.main li:nth-child(3) {
  transition-delay: 0.45s;
}
nav.resp.show ul.main li:nth-child(4) {
  transition-delay: 0.6s;
}
nav.resp.show ul.main li:nth-child(5) {
  transition-delay: 0.75s;
}
nav.resp.show ul.main li:nth-child(6) {
  transition-delay: 0.9s;
}
nav.resp.show ul.main li:nth-child(7) {
  transition-delay: 1.05s;
}
nav.resp.show ul.main li:nth-child(8) {
  transition-delay: 1.2s;
}
nav.resp.show ul.main li:nth-child(9) {
  transition-delay: 1.35s;
}
nav.resp.show .about,
nav.resp.show .social,
nav.resp.show ul.sub {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: .85s;
}

nav.resp ul.main {
  list-style-type: none;
}
nav.resp ul.main li {
  margin-bottom: 20px;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav.resp ul.main li:last-of-type {
  margin-bottom: 0px;
}
nav.resp ul.main li a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.5rem;
  display: block;
  letter-spacing: 5px;
  font-weight: 600;
  padding: 10px 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav.resp ul.main li a span {
  color: #b7ac7f;
}
nav.resp ul.main li a:hover {
  color: #b7ac7f;
}
nav.resp .about {
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
nav.resp .about p {
  color: #ffffff;
  font-family: "Spectral", serif;
  font-size: 1.05rem;
  letter-spacing: 0.5px;
  line-height: 170%;
}
nav.resp .social {
  margin-top: 40px;
  position: relative;
  padding-bottom: 30px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
nav.resp .social:after {
  content: "";
  width: 230px;
  height: 2px;
  background-color: #b7ac7f;
  position: absolute;
  bottom: 0;
  left: 0;
}
nav.resp .social a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 25px;
}
nav.resp .social a:last-of-type {
  margin-right: 0px;
}
nav.resp .social a:hover svg path,
nav.resp .social a:hover svg circle {
  fill: #b7ac7f;
}
nav.resp .social a svg {
  width: 100%;
  height: 100%;
}
nav.resp .social a svg path,
nav.resp .social a svg circle {
  fill: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav.resp ul.sub {
  list-style-type: none;
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
nav.resp ul.sub li {
  margin-bottom: 10px;
}
nav.resp ul.sub li:last-of-type {
  margin-bottom: 0px;
}
nav.resp ul.sub li a {
  color: #ffffff;
  letter-spacing: 1px;
  font-size: 0.9rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav.resp ul.sub li a:hover {
  color: #b7ac7f;
}
#nav-wrap li.deeper:hover .nav-child {
    display: block;
    position: relative;
    margin-bottom: 0;
    padding: 0;
    background: none;
}
#nav-wrap li.deeper .nav-child {
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
}
#nav-wrap ul.nav li:hover ul li a,
#nav-wrap ul.nav li ul li a {
    color: inherit;
    text-transform: none;
}
#nav-wrap ul.nav li ul li {
    padding: 0;
}
#nav-wrap ul.nav li:hover ul li {
    padding: 0;
}

#nav-wrap ul.nav li ul li a {
}
#nav-wrap ul.nav li.deeper ul li {
    margin-bottom: 10px;
    margin-left: 10px;
}
#nav-wrap ul.nav li ul li a {
    border: 1px solid rgba(255,255,255,0);
}
#nav-wrap ul.nav li:hover ul li a,
#nav-wrap ul.nav li.active ul li a {
    color: inherit;
}
#nav-wrap ul.nav li:hover a,
#nav-wrap ul.nav li.active a,
#nav-wrap ul.nav li ul li:hover a,
#nav-wrap ul.nav li ul li.active a{
    color: #5a8e22;
}



/*  OVERLAY
========================================== */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #9bb1c7;
  opacity: 0;
  visibility: hidden;
}
.overlay.show {
  opacity: 0.8;
  visibility: visible;
}



/*  Login
========================================== */

.login-menu ul li a {
    float: left;
    right: inherit;
}
#nav-wrap .login-menu ul {
    margin-bottom: 60px;
}


/*  Slider
========================================== */
.color-fx::after {
    height: 600px;
}
}



@media (max-width: 1200px) {
.cont.schmal {
  width: 100%;
}
.jt-imagecover {
  height: 250px;
  width: 100%;
}
.owl-carousel {
  width: 50% !important;
}
.jt-cs .jt-imagecover {
  margin-bottom: 30px;
}

}


@media (max-width: 1024px) {

.clear {
    width: auto;
}

/*  Slider
========================================== */
.color-fx::after {
    height: 500px;
}
.header-img {
    height: 500px;
}

.slider-startseite .jt-imagecover {
  height: 500px;
}
.slider-startseite .owl-nav {
  top: 45%;
}
.owl-carousel {
  width: 80% !important;
}

}


@media (max-width: 768px) {

.blog .span6 {
    width: 100%;
    float: none;
    padding-right: 0;
    margin-bottom: 30px;
}
.blog .span6:after{
     content: " ";
background: rgba(0,131,175,0);
background: -moz-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,131,175,0)), color-stop(30%, rgba(0,131,175,1)), color-stop(51%, rgba(0,131,175,1)), color-stop(70%, rgba(0,131,175,0.73)), color-stop(100%, rgba(0,131,175,0)));
background: -webkit-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
background: -o-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
background: -ms-linear-gradient(left, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
background: linear-gradient(to right, rgba(0,131,175,0) 0%, rgba(0,131,175,1) 30%, rgba(0,131,175,1) 51%, rgba(0,131,175,0.73) 70%, rgba(0,131,175,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083af', endColorstr='#0083af', GradientType=1 );
height: 2px;
width: 100%;
display: block;
margin: auto;
margin-top: 20px;
}
.blog .span6:last-child:after{
    display: none;
}

.item-image img {
    float: none;
    margin-right: 0;
    width: 100%;
}

.header-img {
    height: 400px;
}
.sehr-schmal{
    width: 100%;
}

.owl-carousel {
  width: 90% !important;
}


/*  Slider Bild Effekte
==========================================  */

.color-fx::after{
    opacity: 0.7!important;
	background-size: 100% 100%!important;
    animation-play-state:paused;
}
.color-fx.header-img::after{
    opacity: 0!important;
}
}







@media (max-width: 900px) {

hr{
	width: 100%;
}
.moduletable.span3 {
    width: 50%;
}
.list3span ul{
	column-count: 2;
}
.item-image img, .img_caption{
	width: 100% !important;
}
.blog.img-text div:nth-child(2n) .span12 .item-image {
    margin-left: 0;
    float: none;
}
.blog.img-text div:nth-child(2n+1) .span12 .item-image {
    margin-right: 0;
    float: none;
}
.blog.img-text .span12 .item-image {
    height: auto;
    width: auto;
    margin-bottom:30px;
}
.blog.img-text .span12 .item-image img {
    width: auto;
    height: auto;
    left: 0;
}
.crop{
	width:auto;
	margin-right:0;
	float:none;
    margin-bottom:30px;
}
.img-text .blog-items div:nth-child(2n+1) .item-image {
  float: none;
  margin-right: 0;
  margin-left: 0;
}
.img-text .blog-items div:nth-child(2n) .item-image {
  float: none;
  margin-right: 0;
  margin-left: 0;
}
.img-text .item-image img {
  width: auto !important;
  left: -30%;
}
.img-text .blog-item .item-image {
  width: 100%;
}
.img-text .blog-item::after {
margin-top: 50px;
}
.item-page.schmal {
  padding-right: 20px;
}

}








@media (max-width: 767px) {

.slide img{
    float: none!important;
    margin-right: 0!important;
}
.blog.img-text .span12 .item-image {
    width: 100%;
}
.form-schmal {
    width: 100%;
}

.slider-head .slider-head {
    width: 100%;
    }

/*  Slider
========================================== */
.color-fx::after {
    height: 400px;
}
.slider-startseite .jt-imagecover {
  height: 400px;
}
.slider-startseite .jt-inner {
  max-width: 400px;
  left: calc(50% - 200px);
  top: calc(50% - 140px);
}

}


@media (max-width: 500px) {

#content {
    padding-top: 0;
}
.resp500{
    display: block;
}
.non-resp500{
    display: none;
}
.mod-languages {
    margin-right: 50px;
}
#header {
    height: 100px;
}
.logo img{
    width: 100%;
    height: auto;
}
.logo {
    width: 100px;
    margin-top: 15px;
}
.menu-wrap {
    top: 5px;
}
nav.resp {
    padding: 50px 0px 60px 0px;
}
.burger {
    top: 10px;
}
.header-img {
    height: 300px;
}
.list3span ul{
	column-count: 1;
}

.item-page.schmal {
    width: 100%;
}
.crop{
	height: 200px;
}
.search .pull-leftm,
.search .pull-left:nth-child(1) {
    float: none;
    margin-right: 0;
    margin-bottom:20px;
}
.rahmen {
    border: 0;

}
.slider-startseite .owl-nav {
  width: 100%;
  left: 0;
  padding: 0;
}
.slider-startseite .jt-inner {
  top: 20px;
  max-width: 300px;
  left: calc(50% - 150px);
}

.img-text .item-image img {
  left: -55%;
}


/*  Schriften
========================================== */

h1, h2, h3, h4,
p,
.slider-startseite .text p,
.result-text{
  -webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
line-height: 130%;
}
h1{
    font-size: 200%!important;
}
h2,
.search h1{
    font-size: 150%!important;
}
h3{
    font-size: 120%!important;
}
h4{
    font-size: 100%!important;
}
a.btn {
    font-size: 16px;
  }

  .jtcs_item_wrapper {
  font-size: 0.8em!important;
}


/*  Slider
========================================== */
.color-fx::after {
    height: 300px;
}
.slider-startseite .jt-imagecover {
  height: 300px;
}


.icons-karriere{
	width: 50%;
}
.moduletable.span3 {
    width: 100%;
	float: none;
}
#footer .cont {
	padding: 0;
}


}

@media (max-width: 900px) {
.img-text .item-image img {
  left: 0%;
}
}
@media (max-width: 700px) {
.img-text .item-image img {
  left: -40%;
}
}
@media (max-width: 500px) {
.img-text .item-image img {
  left: -70%;
}
}
@media (max-width: 400px) {
.img-text .item-image img {
  left: -90%;
}
}
@media (max-width: 300px) {
.img-text .item-image img {
  left: -120%;
}
}

/*  Microsoft Edge Bug
========================================== */

@supports (-ms-ime-align:auto) {

a.btn,
.btn, #button5 {
    padding: 7px 10px 8px 10px;
}
#nav-wrap .non-resp ul.nav li ul li a {
    padding: 3px 10px 3px 10px;
    margin: 0 0 11px 0;
}
.login-menu ul li a::before {
    margin: 5px 5px 0 0;
}
div.mod-languages li {
    line-height: 110%;
}
}




/*  Passwort Box Downloadbereich
========================================== */

.password-box{
  	border: 1px solid #0082af;
	padding: 36px;
	margin-bottom: 60px;
}

.password-box .inputbox {
  width: auto!important;
}