html {
	font-size: 100%;
	font-size: 16px;
        overflow-x:hidden;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev{
    display:block;
}

/**Carousel**/

/* carousel */
#quote-carousel
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.1em;
  text-shadow: none;
  margin-top: 20px;
}
.sticky-header__nav {
    padding-left: 40px;
    margin-right: 20px;
}
.sticky-header__phone {
    margin-left: auto;
    margin-right: 50px;
}



/* Previous button  */
/* Next button  */

/* Changes the position of the indicators */
/* Changes the color of the indicators */

/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}



.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #quote-carousel
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }

}

/* Small devices (tablets, up to 768px) */

/**Carousel**/




@media (max-width:1023px) {
	html {
		font-size: 90%
	}


}

@media (max-width:768px) {
	html {
		font-size: 80%
	}
	.col-sm-12.col-12.fstfull {
    height: 1033px;
}

}
.fullCar{display: none;}
section.career-description{display: block;}

@media (max-width:480px) {
	html {
		font-size: 65%
	}
	.col-sm-12.col-12.fstfull {
	height: 1083px;
}
}

body {
	color: #272727;
	font-family: Open Sans, sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.9;
       overflow-x:hidden;
}


.button1{
	padding: 10px 15px;
	border:2px solid #eeb320;
	transition: 0.5s;
	background-color: #eeb320;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;


}

.button2{
	padding: 10px 15px;
	border:2px solid #fff;
	transition: 0.5s;
	background-color: #213A73;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;


}

.harware h2{
	font-weight: bold;
	color: #000;
}

.harware p{
	color: #000;
}

#fever-fifth h2{
	font-weight: bold;
	color: #414141;
}

#fever-fifth p{
	text-align: justify;
}

.for-mobile{
	display: none;
}
.for-mobile-sec2{
	display: none;
}
@media (max-width:768px) {
	.for-pc{display: none;}
	.for-mobile{display: block;}
	.for-pc-sec2{display: none;}
	.for-mobile-sec2{display: block;}
	.fullCar{display: block;}
	section.career-description{display: none;}
}

hr::after{
  content: "";
  height: 2px;
  width: 100px;
  position: absolute;
  background: navy;

}





@-webkit-viewport {
	width: device-width
}

@-moz-viewport {
	width: device-width
}

@-ms-viewport {
	width: device-width
}

@-o-viewport {
	width: device-width
}

@viewport {
	width: device-width
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color: #272727;
	text-decoration: none
}

.btn:focus,
.btn:active {
	outline: inherit
}

*,
*:before,
*:after {
	outline: 0 none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

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

li {
	list-style: none
}

img {
	max-width: 100%
}

video {
	width: 100% !important;
	height: auto !important;
}

.intro-heading,
.hero-heading {
	font-size: 2rem;
	font-weight: 700;
	margin: 2.8rem 0;
	padding: 0 0 1.1rem
}

.hero-heading {
	font-weight: 600
}

.intro-section+.hero .hero-heading,
.section-heading {
	font-size: 1.75rem;
	font-weight: 600;
	margin: 2.8rem 0 4.5rem
}

#kontakt-hero .hero-heading {
	margin: 2.8rem 0
}

.section-heading {
	margin: 2.4rem 0 3rem
}

.hero-subheading,
.section-subheading,
.newsletter-item p:first-of-type {
	font-size: 1.38rem;
	font-weight: 600;
	margin: 2.2rem 0 1.5rem
}

.hero-subheading {
	margin-bottom: 2.2rem
}

.section-subheading,
.newsletter-item p:first-of-type {
	font-weight: 700
}

.small-heading {
	font-size: 19px;
	font-weight: 600;
	margin: .63rem 0 .88rem
}

.small-subheading {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	margin: 0
}

.form-heading {
	font-size: 1.38rem;
	font-weight: 600;
	margin: 0 0 2rem
}

.u-1 {
	border-bottom: 1px solid #e4e4e4;
	padding: 0 0 10px 0;
	text-align: center;
	display: inline-block
}

.u-1.-white {
	border-color: rgba(255, 255, 255, 0.3)
}

.u-2 {
	border-bottom: 1px solid rgba(15, 16, 20, 0.3);
	padding: 0 0 .38rem 0;
	display: inline-block
}

.u-2.-white {
	border-color: rgba(255, 255, 255, 0.3)
}

.text-yellow.u-3 {
	text-decoration: underline
}

.strong {
	font-weight: 600
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.text-yellow,
a.text-yellow,
a.text-yellow:hover,
.text-yellow a,
.text-yellow a:hover {
	color: #eeb315
}

.text-dark {
	color: #272727
}

a.text-dark:hover,
a.text-dark:active,
a.text-dark:focus {
	color: #272727
}

.text-white,
a.text-white,
a.text-white:visited,
a.text-white:hover,
a.text-white:active {
	color: #fff
}

.text-large {
	font-size: 18px
}

p,
.paragraph {
	text-align: left
}

li p {
	overflow: auto
}

.yellow-link,
a.yellow-link,
.yellow-button,
a.yellow-button {
	font-family: Oswald, sans-serif;
	color: #fff;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 22px;
	background-color: #eeb315;
	border: 0 none;
	border-radius: 10px;
	padding: .2rem 1.5rem .13rem;
	text-transform: uppercase;
	position: relative
}

.yellow-button {
	font-size: 18px
}

.kontaktontakt-container .yellow-link {
	padding: .5rem 1.7rem
}

.yellow-link:hover,
.yellow-button:hover {
	color: #fff;
	background-color: #e2a500;
	text-decoration: none
}

.yellow-link:focus,
.yellow-link:active,
.yellow-button:focus,
.yellow-button:active {
	color: #fff;
	outline: none;
	text-decoration: none
}

.blue-link,
a.blue-link,
.blue-button,
a.blue-button {
	font-family: Oswald, sans-serif;
	font-weight: 200;
	letter-spacing: 1px;
	font-size: 20px;
	color: #fff;
	background-color: #213a73;
	border-radius: 10px;
	padding: .2rem 1.5rem .13rem;
	text-transform: uppercase;
	position: relative
}

@media (min-width:800px) {
	.blue-link,
a.blue-link,
.blue-button,
	a.blue-button {
	font-family: Oswald, sans-serif;
	font-weight: 200;
	letter-spacing: 1px;
	font-size: 10px;
	color: #fff;
	background-color: #213a73;
	border-radius: 12px;
	padding: .2rem 1.5rem .13rem;
	text-transform: uppercase;
	position: relative
}
	}

.blue-link:hover,
.blue-button:hover {
	color: #fff;
	text-decoration: none;
	background-color: #1b305f
}

.blue-link:focus,
.blue-link:active,
.blue-button:focus,
.blue-button:active {
	color: #fff;
	outline: none;
	text-decoration: none
}

.blue-link span {
	position: absolute;
	right: .94rem;
	top: .11rem
}

.blue-link.with-arrow {
	padding: .38rem 2.13rem .38rem 1.5rem
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.gradient-blue {
	background: url(../img/gradient-blue.jpg) center repeat;
}
.gradient-yellow {
	background: url(../img/gradient-yellow.png) center repeat;
	color: #fff;
}
.gradient-white {
	background: url(../img/gradient-white.png) center repeat;
}

.light-bg {
	background-color: #f1f1f1
}

.dokument-unsere {
	overflow: hidden
}

.dokument-unsere .hero-images p {
	margin-top: .31rem
}

.dokument-unsere .hero-images p strong {
	color: #272727;
	font-size: 1rem
}

.img-formular img {
	margin-right: -0.94rem
}

.col-frame {
	border: 1px solid #d6d6d6;
	border-radius: 1px;
	padding: 1.56rem
}

.yellow-bullets {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left
}

.yellow-bullets li {
	padding-left: 1em;
	text-indent: -0.7em
}

.yellow-bullets li:before {
	content: "• ";
	color: #eeb315
}

.seminarinhalte ul,
.tick-ul {
	list-style: none;
	text-align: left
}

p+.tick-ul {
	margin: 1.2rem 0
}

.seminarinhalte ul li:before,
.tick-ul li:before {
	content: "✔";
	color: #eeb315 !important;
	margin-right: .8rem;
	margin-bottom: .6rem;
	display: inline-block;
	float: left
}

.seminarinhalte ul li,
.bold-li li {
	font-size: 17px;
	font-weight: 600
}

ul:not(.nav) li {
	clear: both;
	padding-bottom: .63rem
}

.email-chart {
	width: 100%;
	max-width: 41.88rem
}

.email-archivierung img:not(.arrow-bottom) {
	height: 5.5rem;
	margin-bottom: 1.25rem
}

.email-ihre-vorteile {
	margin-bottom: .94rem
}

.tick {
	color: #213a73;
	margin-right: .63rem
}

.padding-bottom-30 {
	padding-bottom: 1.88rem
}

section {
	padding-bottom: 2.5rem
}

.container {
	width: 85rem;
	margin: 0 auto;
	max-width: 100%
}

.kontakt-container {
	display: inline-block;
	margin: 3.7rem auto 0;
	position: relative
}

#kontakt,
.kontakt {
	overflow: auto
}

a.mehr {
	font-size: 1.38rem;
	font-weight: 500;
	position: absolute;
	right: -11rem;
	top: 0;
	text-decoration: underline
}

.mehr.text-white {
	font-weight: 300
}

.arrow-bottom {
	position: absolute;
	right: -4.3rem;
	top: 1rem
}

.big-note {
	font-size: 1.38rem;
	font-weight: 500;
	display: block;
	margin-bottom: 1rem
}

.top-panel {
	background-color: #f3f3f3;
	height: auto;
	color: #7d7c7c;
	text-align: center;
	font-size: .88rem;
	padding-bottom: 0
}

.top-panel span {
	line-height: 1.88rem
}

.top-panel-divider {
	width: 1px;
	border-right: 1px solid #7d7c7c;
	height: .88rem;
	margin: 0 1.56rem
}

.logo-link {
	display: inline-block
}

.logo-link img {
	width: 11.8125rem
}

.logo-contact {
	height: 5rem;
	background-color: #fff;
	margin: 1rem 0;
	position: relative;
	z-index: 100;
}

.logo-contact .pull-right {
	margin-top: .5rem
}

.logo-contact .pull-right div {
	float: left;
	border-right: 1px solid #d2d2d2;
	padding: 0 1.88rem 0 0;
	display: inline;
	text-align: right
}

.logo-contact .pull-right div p {
	text-align: right;
	font-family: Raleway;
	font-size: 1.22rem;
	font-weight: 400;
	color: #545454;
	margin: 0
}

.logo-contact .pull-right div .contact-phone {
	line-height: 1.13rem;
	font-size: 1.88rem;
	letter-spacing: -1px;
	color: #22427b;
	font-weight: 600
}

.logo-contact .pull-right .cta-call {
	display: inline;
	/*font-size: 1.38rem;*/
	font-size: 1.2rem;
	font-family: Oswald;
	font-weight: 300;
	letter-spacing: 1px;
	padding: .4rem 1.5rem .2rem 2rem;
	/*background-color: #213a73;*/
	background-color: #eeb315;
	border-radius: 8px;
	color: #fff;
	text-decoration: none;
	margin: .44rem 0 0 1.25rem;
	float: right
}

.logo-contact .pull-right .cta-call span {
	position: relative;
	left: -7px;
	top: -2px;
}

.navbar {
	margin-bottom: 0;
	min-height: 2.75rem
}

.navbar-default {
	background-color: #213a73;
	border: none;
	border-radius: 0
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	border-bottom: 4px solid #213a73;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	background: transparent
}

.navbar-default .navbar-nav>li>a:hover {
	color: #fff
}

.navbar-default .navbar-nav>li>a:active {
	color: #fff
}

.navbar-default .navbar-nav>li>a:focus {
	/*color: #fff !important;*/
	color: #fff;
	outline: none;
	background-color: inherit !important
}

.navbar-default .navbar-nav>.active>a {
	color: #fff
}

.navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
	color: #fff
}

.navbar-default .navbar-nav.navbar-right li a {
	border-bottom: none
}

#navigation li:not(:first-child):before {
	content: " | "
}

.navbar-default .navbar-toggle {
	border: none;
	float: none;
	margin: 0 auto;
	display: none;
	color: #fff;
	width: 100%;
	font-size: 1.38rem;
	position: relative
}

.navbar-default .navbar-toggle:hover {
	background-color: transparent
}

.navbar-default .navbar-toggle:focus {
	background-color: transparent
}

.intro-section {
	padding: 0 0 2.5rem
}

.hero {
	background: url(../img/general/blue-bg.jpg) 50% 0 repeat-y;
	color: #fff;
	text-align: center
}

.hero-images {
	display: block;
	color: #fff;
	float: left;
	font-size: 1.38rem;
	font-weight: 600;
	line-height: 1.3
}

#archivierung-hero .hero-images,
#pb-hero .hero-images,
#dm-hero .hero-images,
#seminare-hero .hero-images {
	width: 33%
}

.hero-images img {
	display: block;
	margin: 0 auto 1.6rem;
	max-width: 70%
}

.hero-images p {
	margin-top: 1.25rem
}

.hero-images.dokumentmanagement {
	min-width: 14.38rem;
	font-size: 1.13rem
}

#home-hero {
	overflow: hidden
}

.scroll-list {
	overflow: hidden
}

.scroll-list .scroll-list-item {
	float: left;
	width: 20%
}

#home-hero .scroll-list .scroll-list-item {
	width: 25%;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

#home-hero .scroll-list .scroll-list-item.scroll-list-item--intro {
	width: 20%;
}

.scroll-list .scroll-list-item img {
	margin-bottom: 1.7rem
}

.scroll-list>div .small-heading {
	text-align: center
}

.scroll-list .scroll-list-item .yellow-link {
	color: #fff;
	display: inline-block;
	margin: 2rem auto 0
}

#home-hero .scroll-list .scroll-list-item>div {
	border-right: 2px solid rgba(255, 255, 255, 0.25);
	padding: 0 14%;
	flex-grow: 1
}

#home-intro .scroll-list .scroll-list-item>div {
	padding: 0;
	flex-grow: 1
}

#home-hero .scroll-list .scroll-list-item:last-of-type>div {
	border: 0 none
}

#unified-archiving .scroll-list {
	margin-top: 3.3rem
}

#unified-archiving .scroll-list-item {
	width: 18.4%
}

#unified-archiving .scroll-list-item {
	margin-right: 2%
}

#unified-archiving .scroll-list-item:last-of-type {
	margin-right: 0
}

.buro-images {
	display: inline-block;
	width: 16%
}

.buro-images img {
	max-height: 5rem;
	margin-bottom: 1.88rem
}

.buro-images p {
	color: #fff;
	font-weight: 600
}

.buro-images-positiver img {
	margin-left: -0.69rem
}

.reference {
	width: 100%;
	display: inline-block;
	max-width: 27.5rem
}

.reference img {
	max-width: 100%
}

.branch-heading {
	font-size: 16px;
	font-weight: 600;
	color: #213a73;
	margin-bottom: .63rem
}

.branch-desc {
	line-height: 1.5;
	margin-bottom: 1.25rem
}

.contact-section {
	padding: 2.5rem
}

.contact-faces {
	width: 100%
}

.contact-form {
	margin: .63rem 0 0 0;
	background-color: #213a73;
	padding: 1.25rem
}

#home .contact-form {
	margin: 0 0 1.5rem
}

.contact-form h2,
.contact-form .form-heading {
	margin-top: 0
}

.contact-form form .input-group {
	width: 100%;
	margin-bottom: .63rem;
	position: relative
}

.contact-form form .input-group .error {
	background: #f00;
	color: #fff;
	font-size: 14px;
	height: 34px;
	width: 70%;
	line-height: 1.42857143;
	padding: 6px 12px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9
}

.contact-form .yellow-button {
	margin-top: .4rem
}

.contact-form #send_message {
	border-top: 1px dashed #fff;
	color: #fff;
	display: block;
	margin-top: 20px;
	padding-top: 10px
}

.home-social {
	text-align: center;
	margin-top: 1.5rem
}

.home-social a {
	display: inline-block
}

.contact-section .solution-images li {
	font-weight: 700;
	line-height: 1.3;
	padding-bottom: 4rem
}

.contact-section .solution-images li img {
	display: block;
	margin: 0 auto .7rem
}

.logos-images {
	margin: 0 1.25rem;
	display: inline-block
}

.partner-logos a {
	display: inline-block;
	padding: 0 2rem 2rem
}

.presse-item,
.newsletter-item {
	clear: both;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	overflow: hidden
}

.presse-item>a,
.newsletter-item img {
	float: left
}

.presse-item img {
	margin-right: 1rem;
	width: 150px
}

.presse-item h2,
.newsletter-item p:first-of-type {
	display: inline
}

.presse-item h2 a,
.newsletter-item p a {
	color: #213a73
}

.presse-item p {
	margin: 0
}

.presse-item p,
.newsletter-item p {
	overflow: auto
}

.newsletter-anmeldung-formular form .input-group {
	width: 25%;
	float: left;
	margin: 0 4% 3rem
}

.expand-container button {
	display: block;
	margin: 0 auto
}

#newsletter-confirmation {
	background: transparent;
	color: #fff;
	text-align: center
}

footer {
	background-color: #213a73;
	color: #fff;
	font-size: 12px;
	padding: 1.25rem 0;
	margin-top: 2rem
}

.footer-list {
	float: left;
	margin: .5rem 0 0 0
}

.footer-list li {
	display: inline-block
}

.footer-list li a {
	color: #fff;
	text-decoration: none
}

.footer-list li a:hover {
	color: #e6e6e6;
	text-decoration: none
}

.footer-divider {
	margin: 0 .5rem
}

.footer-divider.-yellow {
	border-color: #eeb315;
	color: #eeb315
}

.img-span {
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	float: left
}

.img-shop {
	width: 21px;
	height: 20px;
	background-position: 0 -50px;
	margin-right: 5px
}

.logo-contact .img-phone {
	width: 1.4375rem;
	height: 1.4375rem;
	background-position: 0 0;
	background-size: 8.5rem;
	margin-top: -2px
}

.img-docs {
	width: 35px;
	height: 37px;
	background-position: 0 -100px;
	margin-right: 6px;
	margin-top: -6px
}

.img-email {
	width: 37px;
	height: 33px;
	background-position: 0 -150px;
	margin-right: 6px;
	margin-top: -4px
}

.contact-form .img-email {
	width: 1.6875rem;
	height: 1.1875rem;
	background-position: -5.9375rem 0;
	background-size: 12.5rem;
	margin: 3px .5rem 0 0
}

.contact-form .img-phone {
	width: 1.125rem;
	height: 1.125rem;
	background-position: -6.25rem -2rem;
	background-size: 12.5rem;
	margin: 5px .5rem 0 0
}

.home-social .img-span {
	background-size: 12.5rem;
	margin-right: .63rem
}

.home-social .img-addtoany {
	width: 1.75rem;
	height: 1.75rem;
	background-position: -8.75rem 0
}

.home-social .img-facebook {
	width: .875rem;
	height: 1.6875rem;
	background-position: -9rem -9.125rem
}

.home-social .img-gplus {
	width: 2.125rem;
	height: 1.6875rem;
	background-position: -8.75rem -6.625rem
}

.home-social .img-linkedin {
	width: 1.75rem;
	height: 1.6875rem;
	background-position: -8.75rem -4.375rem
}

.home-social .img-xing {
	width: 1.4375rem;
	height: 1.75rem;
	background-position: -9rem -2.25rem;
	margin-right: 0
}

.slick-slide img {
	margin: 0 auto
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
	height: 13rem;
	width: 4.25rem;
	z-index: 9999
}

.slick-prev:before {
	content: '‹'
}

.slick-next:before {
	content: '›'
}

.slick-prev:before,
.slick-next:before {
	font-family: 'Open Sans';
	font-size: 10rem;
	font-weight: 300
}

.slick-prev:before,
.slick-next:before,
.slick-prev:focus:before,
.slick-next:focus:before {
	opacity: .35
}

.slick-prev {
	left: 0
}

.slick-next {
	right: 0
}

.slick-email .slick-prev,
.slick-email .slick-next {
	top: 12%
}

.slick-email .slick-next {
	right: -13px
}

.slick-email .slick-prev {
	left: -13px
}

.tab-nav>div {
	padding: 0
}

.tab-nav-item {
	border: 1px solid #d6d6d6;
	border-radius: 10px;
	cursor: pointer;
	display: block;
	text-align: center;
	margin: 0 .56rem;
	padding: 20px 0 15px 0;
	position: relative
}

.tab-nav-item.active:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #213a73;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -12px
}

.tab-nav-item.active,
.tab-nav-item:hover {
	background: #213a73;
	color: #fff
}

.tab-nav-item img.on,
.tab-nav-item:hover img.off,
.tab-nav-item.active img.off {
	display: none
}

.tab-nav-item img.off,
.tab-nav-item:hover img.on,
.tab-nav-item.active img.on {
	display: inline-block
}

.tab-nav-item .section-subheading {
	font-size: 1.13rem;
	font-weight: 700;
	margin: 2rem 0 0
}

.tab-nav-item.active .section-subheading {
	font-weight: 600
}

.tab-nav-item-content:not(.tab-nav-item-content-split),
.tab-nav-item-content-split>div>div {
	border: 1px solid #d6d6d6;
	padding: 1.88rem 2.5rem;
	margin: 3rem 9px 9px
}

.tab-nav-item-content-split>div {
	padding: 0
}

.horizontal-tabs .tabbed-content-nav {
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	z-index: 9
}

.horizontal-tabs ul.tabbed-content-nav li {
	background: #e3e3e3;
	border-radius: 10px 10px 0 0;
	clear: none;
	cursor: pointer;
	float: left;
	font-size: 16px;
	margin-right: 5px;
	padding: 5px 13px
}

.horizontal-tabs .tabbed-content-nav li.active {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-bottom: 0 none;
	padding-right: 20px;
	padding-left: 20px
}

.horizontal-tabs .tabbed-content-nav li.active span {
	border-bottom: 3px solid #213a73;
	padding-bottom: 2px
}

.horizontal-tabs .tabbed-content {
	background: #fff;
	border: 1px solid #e0e0e0;
	margin: 0;
	padding: 0 5px 20px
}

.horizontal-tabs .tabbed-content-item {
	margin: 0
}

.tabbed-content-item.hidden {
	display: none
}

.vertical-tabs .tabbed-content-nav li {
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: 600;
	margin: 1.7rem 0 0;
	padding: 0
}

.vertical-tabs .tabbed-content-nav li.active {
	color: #213a73;
	font-weight: 700;
	position: relative
}

.vertical-tabs .tabbed-content-nav li:before {
	content: '\00BB ';
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
	margin-right: 8px
}

#loesungen-content {
	position: relative
}

#loesungen-content:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #f1f1f1;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	margin: auto
}

#loesungen-hero .solution-tabs-item {
	border-radius: 10px;
	color: #fff;
	display: block;
	height: 208px;
	width: 208px;
	margin: 0 auto 16px;
	padding: 20px 15px 15px
}

#loesungen-hero .solution-tabs-item:hover {
	background: rgba(33, 58, 115, 0.4)
}

#loesungen-hero .solution-tabs-item.active {
	background: rgba(255, 255, 255, 0.25);
	border: 2px solid #fff
}

#loesungen-hero .solution-tabs-item img {
	margin-bottom: .5rem
}

#ueber-loesungen .small-subheading {
	display: inline-block
}

#al-kunden .row>div {
	margin-bottom: 30px
}

#al-kunden .row>div>img,
#cc-produkte .row>div img,
#alle-seminare .row>div>a>img {
	border: 1px solid #c2c2c2
}

.al-solution#cloudcomputing .solution-item {
	margin: 2.5rem 0 0
}

.al-solution#cloudcomputing .solution-item img {
	margin-top: 5px
}

#posteingangsoptimierung .section-subheading {
	margin-top: 0
}

#pb-loesungen .row-eq-height .blue-link {
	position: absolute;
	bottom: 0
}

#pb-loesungen .row-eq-height>div {
	padding-bottom: 5rem
}

#pb-vorteile .scroll-list .scroll-list-item {
	width: 16.66%
}

#pb-vorteile .scroll-list .small-heading {
	font-size: 16px
}

#alle-seminare .row>div>a>img:hover {
	box-shadow: 2px 3px 7px #ccc
}

#seminar-anfrage-formular .contact-faces {
	margin-bottom: 18px
}

.seminar-list {
	display: inline-block;
	margin-bottom: 4rem
}

.seminar-list,
.seminardetails-list {
	margin-left: 16px
}

.seminar-list li {
	font-weight: 600;
	text-align: left
}

.word-seminare li {
	list-style-image: url(../img/ms-word-sm.png)
}

.excel-seminare li {
	list-style-image: url(../img/ms-excel-sm.png)
}

.office-seminare li {
	list-style-image: url(../img/ms-office-sm.png)
}

.powerpoint-seminare li {
	list-style-image: url(../img/ms-powerpoint-sm.png)
}

.access-seminare li {
	list-style-image: url(../img/ms-access-sm.png)
}

.outlook-seminare li {
	list-style-image: url(../img/ms-outlook-sm.png)
}

.windows-seminare li {
	list-style-image: url(../img/ms-windows-sm.png)
}

.seminardetails-list>li {
	list-style-image: url(../img/icon-info.png)
}

.seminardetails-list>li span {
	display: block
}

.seminardetails-list ul {
	margin-left: 19px
}

.seminardetails-list>li li {
	list-style: initial;
	padding-bottom: 0
}

#seminar-buchen {
	margin-bottom: 7rem
}

#seminar-buchen form {
	display: inline-block;
	max-width: 100%
}

#seminar-buchen .input-group {
	display: inline-block;
	margin: 0 15px 1rem;
	text-align: left
}

#seminar-buchen label {
	display: block
}

#seminar-buchen select {
	width: auto;
	padding-right: 20px
}

#seminar-buchen input {
	border-radius: 5px
}

#seminar-buchen .seminaranfrage-button {
	margin: 1rem auto 0
}

#seminar-buchen #personen {
	width: 45px
}

#tt-details-hero {
	padding-top: 4rem;
	padding-bottom: 4.5rem
}

#seminare-hero .hero-images img {
	height: 6.3125rem
}

#posteingangsoptimierung .bold-li li {
	font-size: initial;
	font-weight: 700
}

#posteingangsoptimierung ul {
	padding: 0
}

#digital-mailroom img {
	margin-top: .5rem
}

#digital-mailroom .section-subheading {
	margin: 2rem 0 .7rem
}

#posteingangsoptimierung .tab-nav-item-content-split>div:last-of-type>div {
	padding-right: 1rem
}

#dm-hero .hero-images img {
	height: 7.5rem
}

#ea-vorteile .scroll-list .scroll-list-item {
	width: 33.33%;
	padding: 0 2rem
}

#dm-archivierung .row {
	margin-bottom: 3rem
}

#dm-archivierung .section-subheading {
	margin-top: 0
}

#unified-archiving .section-subheading {
	margin-top: 0
}

#scan-management .solution-item:first-of-type .section-subheading {
	margin-top: 0
}

#smart-capture .tick-ul {
	margin-left: 3rem
}

.solution-item img {
	float: left;
	margin-right: 1rem;
	max-width: 20%
}

.solution-item p {
	overflow: auto
}

.number-icon {
	border: 2px solid #fff;
	border-radius: 9px;
	color: #eeb315;
	font-size: 36px;
	margin: 0 auto 1.5rem;
	width: 68px;
	height: 68px;
	text-align: center
}

#archivierung-hero .hero-images img {
	height: 8.125rem
}

#infrastruktur-hero .hero-heading {
	margin-bottom: .6rem
}

#server-health-check .section-subheading,
#active-directory .section-subheading {
	margin-top: 0
}

#cc-vorteile .scroll-list .scroll-list-item {
	width: 25%;
	padding: 0 1rem
}

#cc-vorteile .scroll-list .clearfix {
	margin-bottom: 2rem
}

#cc-vorteile .scroll-list .scroll-list-item img {
	margin-bottom: 0
}

#cc-vorteile .scroll-list .section-subheading {
	margin: 1.5rem 0 1rem
}

#cc-arbeitsplatz .row .gradient-blue img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

#cc-produkte .row>div>.section-subheading {
	margin-top: 1.5rem;
	margin-bottom: 2.2rem
}

#kontakt-intro .contact-details-container .section-subheading {
	margin: 1.85rem 0 1.43rem
}

#kontakt-intro .contact-details {
	line-height: 1.3
}

#kontakt-intro .contact-phone {
	color: #eeb315;
	font-size: 2.5rem;
	font-weight: 600;
	letter-spacing: -1px
}

#kontakt-hero {
	padding-top: 1rem;
	padding-bottom: 3.6rem
}

#kontakt-hero .contact-details {
	margin-top: 2rem
}

.rotate90 {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.digitali-body .hero {
	background-image: url(../img/hero-bg.jpg);
	background-size: cover;
	background-position: center;
	padding-bottom: 0
}

@media (min-width:992px) {
	.digitali-body .hero>.container {
		height: 420px
	}
}

.digitali-body .hero>.container>.text-white.text-center {
	margin-top: 45px
}

.digitali-body #frutania {
	margin-bottom: -40px;
	padding-bottom: 0
}

.digitali-body #frutania .hero {
	padding-bottom: 50px
}

.digitali-body .yellow-link.--bottom img {
	width: 16px;
	margin: -2px 0 0 5px
}

.digitali-body .hero-heading {
	margin-bottom: 20px
}

.digitali-body .logotypes-row {
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center
}

.digitali-body .logotypes-row .container {
	padding-top: 15px;
	padding-bottom: 15px
}

.digitali-body .logotypes-row img {
	max-height: 35px;
	display: inline-block;
	margin: 10px
}

@media (max-width:1100px) {
	.digitali-body .logotypes-row img {
		max-height: 20px
	}
}

.digitali-body .digitali-container {
	width: 100%
}

@media (min-width:992px) {
	.digitali-body .digitali-container {
		width: 991px
	}
}

.digitali-body .digitali-container .kontakt-container {
	margin-top: 3rem
}

.digitali-body .was-img {
	width: 100%;
	margin: 1p 5x 0 0
}

.digitali-body .contact-section-ld {
	float: left
}

.digitali-body .contact-section-ld img {
	float: left
}

.digitali-body .contact-section-ld .contact-form {
	width: auto
}

.digitali-body .digitali {
	font-weight: 100;
	font-size: 22px
}

@media (max-width:670px) {
	.digitali-body .digitali {
		font-size: 18px;
		line-height: 22px
	}
}

.digitali-body .was-desc {
	margin-bottom: 30px
}

@media (min-width:768px) {
	.digitali-body .was-desc {
		overflow: hidden;
		margin-top: 40px
	}
}

.digitali-body .was-desc h3 {
	font-size: 20px;
	font-weight: 700
}

.digitali-body .was-desc img {
	margin-top: 30px;
	width: auto
}

.digitali-body .ul-section {
	padding: 20px 0
}

.digitali-body .ul-section .container {
	max-width: 991px
}

.digitali-body .ul-section ul.tick-ul li:before {
	content: url(../img/ok.png);
	color: #9bbf43 !important;
	margin-right: 6px
}

.digitali-body .ul-section ul.tick-ul.x-ul li:before {
	content: url(../img/x.png) !important;
	color: #c84e4e !important;
	margin-right: 10px
}

.digitali-body .ul-section h2 {
	display: block;
	float: left;
	text-align: left;
	margin: 20px 0;
	font-size: 1.5rem
}

.digitali-body .contact-digitali {
	padding: 40px 0;
	overflow: auto;
	text-align: center
}

@media (min-width:768px) {
	.digitali-body .contact-digitali {
		padding: 40px 0 80px 0
	}
}

.digitali-body .contact-digitali .contact-form {
	margin-top: 0;
	background: url(../img/gradient-blue.jpg) center repeat;
	background-size: contain
}

.digitali-body .contact-digitali .digitali-container {
	display: flex
}

.digitali-body .contact-digitali .contact-faces-container {
	height: 298px;
	flex: 1;
	margin-right: 20px;
	background-image: url('../img/digitalisierung/img-contact.jpg');
	background-size: cover;
	background-position: top center
}

@media (max-width:600px) {
	.digitali-body .contact-digitali .contact-faces-container {
		display: none
	}
}

.digitali-body .contact-digitali .contact-form-container {
	width: 320px;
	float: right
}

.digitali-body .contact-digitali .contact-form-container .contact-form {
	padding: 2rem 1.25rem
}

.digitali-body .button-digitali {
	display: inline-block;
	padding: .2rem 1.5rem .13rem;
	font-weight: 300;
	border-radius: 8px;
	border: 2px solid #213a73;
	font-family: Oswald;
	font-size: 19px;
	color: #213a73;
	letter-spacing: 1px;
	margin-bottom: 50px
}

.digitali-body .button-digitali:hover {
	text-decoration: none
}

.text-center {
	text-align: center
}

.active-directory h1.big-header {
	font-size: 2.9rem;
	font-weight: 600;
	text-align: left
}

@media (max-width:500px) {
	.active-directory h1.big-header {
		text-align: center
	}
}

.active-directory #die-arbeit {
	text-align: left
}

@media (max-width:500px) {
	.active-directory #die-arbeit {
		text-align: center
	}
}

.active-directory #die-arbeit p {
	max-width: 470px
}

.active-directory #die-arbeit a {
	display: inline-block
}

@media (max-width:500px) {
	.active-directory #die-arbeit a:not(.-mobile) {
		display: none
	}
}

.active-directory #die-arbeit a.-mobile {
	display: none;
	text-align: center
}

@media (max-width:500px) {
	.active-directory #die-arbeit a.-mobile {
		display: inline-block;
		margin: 0 auto;
		min-width: 195px
	}
}

.active-directory .hero {
	padding-top: 40px;
	margin-bottom: -40px
}

@media (max-width:480px) {
	.active-directory .hero {
		padding-top: 0
	}
}

.active-directory .arbeit-bg {
	background-image: url('../img/active1.png');
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	height: 775px;
	margin-bottom: 40px
}

@media (max-width:991px) {
	.active-directory .arbeit-bg {
		height: 600px;
		background-size: cover;
		background-position: top left
	}
}

@media (max-width:669px) {
	.active-directory .arbeit-bg {
		height: 500px;
		/*background-size: 839px;*/
		background-size: contain;
		background-position: right 100px;
	}
}

@media (max-width:460px) {
	.active-directory .arbeit-bg {
		height: 400px;
		/*height: 300px;*/
		background-size: contain;
		/*background-size: 710px*/
		background-position: right 100px;
	}
}

@media (max-width:460px) {
	.active-directory #die-arbeit {
		margin-top: 0
	}
}

.active-directory .active-quote {
	font-size: 16px;
	font-style: italic;
	font-weight: 600
}

.active-directory .active-analyse {
	max-width: 600px;
	text-align: left;
	margin: 0 auto
}

.active-directory .active-analyse h2 {
	padding-top: 30px;
	margin-bottom: 20px
}

.active-directory .active-analyse img {
	float: left;
	margin-right: 15px
}

@media (max-width:669px) {
	.active-directory .active-analyse img {
		width: 120px
	}
}

.active-directory #active-mistakes {
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2)
}

.active-directory .active-quote2 {
	max-width: 600px;
	margin: 0 auto;
	border: 1px solid #fff;
	padding: 100px 0;
	text-align: center
}

@media (max-width:440px) {
	.active-directory .active-quote2 {
		padding: 20px 0
	}
}

.active-directory .hero .container {
	margin: 30px auto
}

.active-directory h2 {
	font-size: 2.5rem;
	font-weight: 700
}

.active-directory h3 {
	text-align: left;
	font-size: 20px
}

@media (min-width:670px) {
	.active-directory .typical-mistakes div {
		padding-right: 200px
	}
}

.active-directory .typical-mistakes img {
	float: right;
	width: 200px;
	margin: 0 0 0 20px
}

@media (max-width:669px) {
	.active-directory .typical-mistakes img {
		display: block;
		float: none;
		margin: 0 auto
	}
}

.active-directory .logotypes-row {
	text-align: center
}

.active-directory .logotypes-row img {
	max-height: 35px;
	display: inline-block;
	margin: 10px
}

@media (max-width:1100px) {
	.active-directory .logotypes-row img {
		max-height: 20px
	}
}

.active-directory .logotypes-row img.ad-logo-gdb {
    max-height: 57px;
    margin-top: -12px;
}

.active-directory .termin-vereinbaren {
	background-color: #5cb68c;
	text-transform: none;
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
	border-radius: 6px
}

body.landing-page > section,
.landing-page .header,
body.landing-page > section *,
.landing-page .header * {
	font-family: 'Raleway', sans-serif
}

#frutania h1,
#frutania #kontakt h2 {
	font-size: 2.5rem;
	font-weight: 600;
	margin-bottom: 3.7rem
}

.digitali-body section#sparpotential {
	padding-top: 45px;
	padding-bottom: 75px;
}

#frutania h2,
#sparpotential h2 {
	font-size: 3.13rem;
	font-weight: 600;
	letter-spacing: -2px;
	line-height: 1.2;
	margin-bottom: 2.6rem
}

#frutania h2,
#frutania #kontakt h2 {
	color: #272727
}
#frutania #ergebnis h2,
#frutania #sparpotential h2 {
	color: #fff;
}

#frutania > section p,
#frutania .header p {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 1.7
}

#frutania > section .text-center p,
#frutania .header.text-center p {
	text-align: center
}

#frutania > section .text-white *,
#frutania .header .text-white * {
	color: #fff
}

#frutania .yellow-link,
#frutania a.yellow-link {
	font-size: 1.25rem;
	font-weight: 200;
	text-transform: none;
	padding: .7rem 3rem
}

#frutania .green-link,
#frutania a.green-link {
	background: #5cb68c;
	border-radius: 10px;
	color: #fff;
	font-size: 1.88rem;
	font-weight: 600;
	text-transform: uppercase;
	padding: .7rem 3rem
}

#frutania .hero {
	background: url(../img/gradient-blue.jpg) repeat
}

#frutania .solution-section {
	padding-top: 3.5rem;
	padding-bottom: 5rem
}

#frutania .header {
	padding: 10px 0;
	font-size: 1rem
}

#frutania .logo-link {
	margin-right: 1rem
}

#frutania .logo-link img {
	width: auto
}

#frutania .hero {
	text-align: left;
	padding-top: 6.8rem;
	padding-bottom: 3rem
}

#frutania .hero .row>div:first-child {
	margin-bottom: 3rem
}

#frutania #analyse h2 {
	margin-top: 3rem
}

#frutania #automatisierung img {
	margin-top: 2.5rem
}

#frutania #klassifizierung img {
	margin-top: 4rem
}

#frutania #ergebnis .hero-images {
	width: 33%;
	font-size: 1.13rem;
	font-weight: normal;
	margin-top: 3rem
}

#sparpotential {
	background: #263861
}

#sparpotential .slider-section-label {
	font-size: 1.5rem;
	font-weight: 500;
	margin-top: 3rem;
	margin-bottom: 1rem
}

#sparpotential .ui-slider-horizontal {
	height: 5px;
	border: 0 none
}

#sparpotential .ui-state-default,
.ui-widget-content .ui-state-default {
	background: #eeb315;
	border: 0 none;
	border-radius: 50px;
	top: -8px
}

#sparpotential .slider-label input {
	max-width: 55px;
	text-align: right;
	height: 26px;
	background-color: #263861;
	color: #eeb315;
	font-weight: bold;
	margin-top: 10px;
	outline: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

#sparpotential .slider-label input {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

#sparpotential .slider-result {
	background: #fff;
	border-radius: 100%;
	display: inline-block;
	margin-top: 2rem
}

#sparpotential .slider-result * {
	color: #000;
	font-family: 'Raleway', sans-serif
}

#sparpotential .slider-result-inner {
	padding: 4rem 1rem 3rem
}

#sparpotential p {
	text-align: center;
}

#sparpotential .slider-result-title {
	color: #272727;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase
}

#sparpotential .slider-result-title,
#sparpotential .slider-result-note {
	white-space: nowrap
}

#sparpotential .slider-result-money,
#sparpotential .slider-result-money * {
	color: #eeb315;
	font-size: 4.75rem;
	font-weight: 600
}

#sparpotential .slider-result-money {
	border-style: solid;
	border-width: 3px 0;
	border-color: #e4e4e4;
	display: inline-block;
	line-height: 1;
	margin: 2.9rem 0 .5rem 0;
	padding: .2rem 0 .8rem
}

#sparpotential .slider-result-hours {
	font-size: 1.25rem;
	font-weight: 600
}

#sparpotential .slider-result-note {
	color: #c6c6c6;
	font-size: .81rem;
	line-height: 1.1;
	margin-top: 1.3rem
}

#frutania #kontakt * {
	font-family: 'Open Sans', sans-serif
}

#dehag-list ul li {
	font-size: 18px;
	padding: 0;
	text-align: left
}

#dehag-list ul li:before {
	margin-bottom: 0
}

#dehag-list img {
	margin-top: 200px
}

.bullet-ul {
	padding: 0;
	margin: 0;
	list-style-type: disc;
	padding-left: 20px
}

.bullet-ul li span {
	color: #000
}

.bullet-ul li {
	padding-left: 1em;
	color: #eeb315;
	list-style: disc
}

.bullet-ul li:before {
	margin-right: .4rem;
	color: #eeb315
}

.font-bold {
	font-weight: bold
}

.strong-span {
	font-weight: bold;
	color: #eeb315 !important
}
#papierloses-buero.digitalisierung > section:not([class*="gradient"]) {
	font-weight: 400;
}
#papierloses-buero.digitalisierung > section.bottom-pad-none {
	padding-bottom: 0;
}
#papierloses-buero.digitalisierung > section .container {
	width: 54rem;
}
#papierloses-buero.digitalisierung > section .hero-heading {
	font-size: 2.188rem;
}
#papierloses-buero.digitalisierung > section .hero-subheading {
	font-size: 1.375rem;
}
#papierloses-buero.digitalisierung > section .section-heading {
	font-size: 1.563rem;
	margin: 3rem 0 2.5rem;
}
#papierloses-buero.digitalisierung > section .section-subheading {
	font-weight: 600;
}
#papierloses-buero.digitalisierung > section p:not(:last-child),
#papierloses-buero.digitalisierung > section:not(.hero) ul:not(:last-child),
#papierloses-buero.digitalisierung > section:not(.hero) li:not(:last-child) {
	margin-bottom: 2rem;
}
#papierloses-buero.digitalisierung > section a:not(.yellow-link) {
	color: #eeb315;
	word-wrap: break-word;
    display: block;
    text-align: left;
}
#papierloses-buero.digitalisierung > section li {
	padding-bottom: 0;
}
#papierloses-buero.digitalisierung > section ul.yellow-arrow-list li {
	background: url(../img/list-arrow-yellow.png) no-repeat left 8px;
    padding-left: 27px;
}
#papierloses-buero.digitalisierung > section ul.yellow-dot-list li {
	background: url(../img/yellow-dot.png) no-repeat left 13px;
    padding-left: 20px;
}
#papierloses-buero.digitalisierung > section .big-bold {
	font-size: 18px;
	font-weight: 600;
}
#papierloses-buero.digitalisierung > section .row-eq-height {
	align-items: center;
    flex-wrap: wrap;
}
.article-nav {
	background: rgba(11, 22, 48, 0.75);
	font-size: 1.125rem;
	position: absolute;
	padding-right: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.article-nav * {
	color: #fff;
}
.article-nav .article-nav-separator {
	clear: both;
    display: block;
    width: calc(100% - 1.8rem);
    height: 1px;
    background-color: rgba(255,255,255,0.1);
    margin-left: 1.8rem;
}
.article-nav .article-nav-item {
	padding: 0;
}
.article-nav .article-nav-item a {
	padding-right: 0.8rem;
	line-height: 3.125rem;
}
.article-nav-point,
.article-nav-header a {
    display: inline-block;
    font-size: 1.875rem;
    font-weight: 600;
    float: left;
    line-height: 1;
    margin: 0 10px 0 0;
    padding: 10px 8px 10px 0;
    text-align: right;
	width: 4.7rem;
}
.article-nav-header a {
	width: auto;
	padding-left: 2.1875rem;
}
.article-nav-point-title,
.nav-heading {
	display: none;
	letter-spacing: -7px;
	opacity: 0;
	font-weight: 300;
}
.article-nav-point-title {
	padding-right: 65px;
}
.nav-heading {
    color: #eeb315;
    font-size: 1.125rem;
    font-weight: 400;
    text-align: left;
}
.article-nav-item:hover  .article-nav-point,
.article-nav-item.active .article-nav-point {
	background: #eeb315;
}
.article-nav-item:hover .article-nav-point-title,
.article-nav-item.active .article-nav-point-title {
	font-weight: 600;
	padding-right: 0;
}
#digitalisierung-hero .hero-heading {
	margin-bottom: 0;
	padding: 0;
}
#digitalisierung-hero .hero-subheading {
	font-weight: 300;
	margin: 0;
	padding: 0.6rem 0 3rem;
}
#uber-digitalisierung .gradient-yellow,
#uber-pb .gradient-yellow {
	padding-bottom: 2rem;
	margin-bottom: 3rem;
}
#uber-digitalisierung .gradient-yellow,
#uber-pb .gradient-yellow {
	margin-top: 2.5rem;
}
#uber-digitalisierung .big-bold {
	margin-bottom: 1.7rem;
}
#digitalisierung-fakten {
	padding-bottom: 1rem;
}
.fakten-item {
	margin-bottom: 2.5rem;
}
.fakten-item .fakten-zahlen {
	font-size: 70px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    margin-bottom: 1rem;
    padding-left: 10px;
}
.fakten-item .fakten-zahlen span {
	display: inline-block;
	line-height: 1;
}
.fakten-item .fakten-zahlen img {
	margin-top: -1rem;
}
.fakten-item .fakten-text span {
	display: block;
	font-size: 20px;
	font-weight: 600;
}
#papierloses-buero.digitalisierung #digitalisierung-fakten a {
	display: inline;
	font-size: 14px;
	text-decoration: underline;
}
#digitalisierung-frutania {
	padding: 2.5rem 0;
}
#digitalisierung-frutania h1 {
	font-family: 'Raleway';
	font-size: 1.81rem;
	font-weight: 500;
	margin: 3rem 0;
}
#digitalisierung-frutania a.yellow-link {
    font-family: 'Open Sans';
    font-size: 1rem;
    font-weight: 600;
    border-radius: 5px;
    width: 50%;
    display: inline-block;
    text-align: center;
    padding: 4px 0;
    color: #fff;
}
#digitalisierung-fragen .section-subheading,
#archivierung-fragen .section-subheading {
	color: #42537c;
	font-size: 18px;
	background: url('../img/list-arrow-blue.png') no-repeat left 7px;
	padding-left: 32px;
	line-height: 1.5;
}
#digitale-poststelle .row-wrapper {
	padding-bottom: 2rem;
}
#digitale-poststelle .row-wrapper:nth-child(odd) {
	background-color: #f5f5f5;
}
#pb-links a {
	display: block;
	margin-bottom: 2rem;
}
#papierloses-buero.digitalisierung footer,
#papierloses-buero.digitalisierung .footer-list {
	margin-top: 0;
	margin-bottom: 0 !important;
}

@media (min-width:1025px) {
	#kontakt-intro .row>div {
		width: 34%
	}
	#kontakt-intro .row>div:first-of-type {
		width: 32%
	}
	.article-nav {
		position: fixed;
	}
}

@media (max-width:1024px) {
	.hero-subheading,
	.section-subheading {
		font-size: 21px
	}
	#seminaranfrage .input-group {
		width: 50%
	}
	#seminaranfrage input,
	#seminaranfrage select {
		width: 100%
	}
	#cc-vorteile .clearfix {
		display: none
	}
	#loesungen-hero .slick-prev,
	#loesungen-hero .slick-next {
		top: 25%
	}
	#ueber-seminare .row>.home-cols:first-of-type,
	#ueber-seminare .row>.home-cols:first-of-type p {
		text-align: center
	}
	#seminardetails-section .two-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 3em;
		-moz-column-gap: 3em;
		column-gap: 3em;
		text-align: center
	}
	#unified-archiving .scroll-list-item {
		margin: 0 1%
	}
	.contact-form .img-email,
	.contact-form .img-phone {
		margin-bottom: 1rem
	}
	#home-contact .row>div:first-of-type {
		text-align: center
	}
	.contact-form .yellow-button {
		margin-top: 1rem;
		margin-bottom: .5rem
	}
	#ueber-seminare .section-heading {
		margin-bottom: 0
	}
}

@media (min-width:992px) {
	#home-contact .section-heading {
		margin: 0 0 2.4rem
	}
	#home .contact-form-container {
		width: 35%
	}
	#home .contact-form-container+div {
		width: 31%
	}
	.col-md-5th {
		width: 20%
	}
	.navbar-header {
		display: none
	}
	.navbar-default .navbar-nav>li>a:hover {
		border-bottom: 4px solid #eeb315
	}
	.navbar-default .navbar-nav>li>a:active {
		border-bottom: 4px solid #eeb315
	}
	.navbar-default .navbar-nav>li:not(:first-child):before {
		content: "|  ";
		color: #fff;
		position: absolute;
		top: 5px;
		left: -3px
	}
	.navbar-default .navbar-nav>.active>a {
		background-color: transparent;
		border-bottom: 4px solid #eeb315
	}
	ul.dropdown-menu {
		margin: 0;
		padding: 0
	}
	ul.dropdown-menu li {
		margin: 0 0 1px;
		padding: 5px 0
	}
	ul.dropdown-menu li:last-of-type {
		margin: 0
	}
	ul.dropdown-menu li:hover,
	ul.dropdown-menu li.active {
		background: #eeb315
	}
	ul.dropdown-menu li:hover a,
	ul.dropdown-menu li.active:hover a,
	ul.dropdown-menu li.active a {
		background: transparent;
		color: #000
	}
	.expand-submenu {
		display: none
	}
}

@media (max-width:991px) {
	.hidden-md-down {
		display: none
	}
	div.include+section {
		padding-top: 2rem
	}
	#home .contact-form-container,
	#home .contact-form-container+div {
		margin-top: 2rem
	}
	.navbar-default .navbar-nav>li>a {
		border-bottom: 2px solid #1c3369
	}
	.navbar-default .navbar-nav>li>a:hover {
		background-color: #3258ae
	}
	.navbar-default .navbar-nav>li>a:active {
		background-color: #3258ae
	}
	.navbar-default .navbar-nav>.active>a:hover {
		background-color: #3258ae
	}
	.navbar-default .navbar-nav>.active>a {
		background-color: #3258ae
	}
	.navbar-default .navbar-toggle .menu-hanger {
		position: absolute;
		bottom: -34px;
		background-image: url(../img/menu-up.png);
		left: calc(50% - 30px);
		height: 34px;
		background-size: contain;
		background-repeat: no-repeat;
		transition: all .33s
	}
	.navbar-default .navbar-toggle.collapsed .menu-hanger {
		background-image: url(../img/menu.png)
	}
	.navbar-header {
		float: none
	}
	.navbar-left,
	.navbar-right {
		float: none !important
	}
	.navbar-toggle {
		display: block
	}
	.navbar-collapse {
		border-top: 4px solid #eeb315;
		border-color: #eeb315 !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
		padding: 0
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px
	}
	.navbar-collapse.collapse {
		display: none !important
	}
	.navbar-nav {
		float: none !important;
		margin: 0
	}
	.navbar-nav>li {
		float: none
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px
	}
	.collapse.in {
		display: block !important
	}
	#ea-herausforderung {
		text-align: center
	}
	#seminardetails-section #seminar-anfrage-formular,
	#ueber-cloudcomputing #kontakt-formular {
		width: 100%;
		text-align: center
	}
	#seminardetails-section .contact-form,
	#ueber-cloudcomputing .contact-form {
		width: 70%;
		margin-right: auto;
		margin-left: auto
	}
	.contact-section {
		padding: 0
	}
	#kontakt-intro .row>div:first-of-type {
		text-align: center
	}
	#kontakt-intro .contact-details-container {
		display: inline-block;
		margin-bottom: 4rem;
		text-align: left
	}
	footer {
		text-align: center
	}
	.footer-list,
	.pull-right.footer-right {
		float: none !important
	}
	.horizontal-tabs .tabbed-content-nav {
		margin-bottom: 0
	}
	.horizontal-tabs ul.tabbed-content-nav li {
		border-radius: 0;
		float: none
	}
	.email-chart {
		float: none !important
	}
	.navbar-default .navbar-toggle {
		display: block
	}
	.menu-hanger-container {
		padding: 0
	}
	.expand-submenu {
		background: transparent !important;
		border: 0 none !important;
		border-left: 1px solid #1c3369 !important;
		border-radius: 0;
		box-shadow: none !important;
		color: #eeb315 !important;
		display: block;
		outline: 0 !important;
		width: 40px;
		height: 40px;
		position: absolute;
		right: 0;
		top: 0
	}
	.expand-submenu .caret {
		border-width: 5px;
		border-top: 0;
		border-bottom: 5px dashed
	}
	.expand-submenu.collapsed .caret {
		border-bottom: 0;
		border-top: 5px dashed
	}
	.dropdown-menu {
		position: initial;
		float: none;
		font-size: inherit;
		padding: 0
	}
	.dropdown-menu>li {
		padding: 0 !important
	}
	.dropdown-menu>li>a {
		color: #213a73;
		padding: 10px 12px;
		border-bottom: 1px solid #213a73
	}
	.dropdown-menu>.active>a,
	.dropdown-menu>.active>a:focus,
	.dropdown-menu>.active>a:hover {
		background: #eeb315;
		color: #213a73
	}
	#unified-archiving .row>div:first-of-type,
	#server-health-check .row>div:first-of-type:not(.kontakt-container),
	#active-directory .row>div:first-of-type {
		text-align: center;
		margin-bottom: 5rem
	}
	#dehag-list img {
		margin-top: 10px
	}
	#unified-archiving .row>div .section-subheading,
	#server-health-check .row>div .section-subheading,
	#active-directory .row>div .section-subheading {
		text-align: center
	}
}

@media (min-width:768px) {
	.visible-sm-down {
		display: none
	}
	.hidden-sm-up {
		display: none
	}
	.navbar .container {
		padding: 0
	}
}

@media (max-width:767px) {
	.hidden-sm-down {
		display: none !important
	}
	.logo-contact .pull-right div {
		border: 0 none;
		padding: 0
	}
	.small-heading,
	.small-subheading {
		font-size: 16px
	}
	.hero-subheading,
	.section-subheading {
		font-size: 18px
	}
	.mehr {
		display: none
	}
	.row-eq-height {
		display: initial
	}
	#home-hero .row-eq-height,
	#cc-arbeitsplatz .row-eq-height {
		display: inherit
	}
	#pb-loesungen .row-eq-height>div {
		margin-bottom: 2rem
	}
	.bold-li li {
		font-size: 15px
	}
	#seminaranfrage .input-group {
		width: 90%
	}
	#cc-arbeitsplatz .row .gradient-blue {
		display: none
	}
	#smart-capture .tick-ul {
		margin: 0
	}
	#wegbeschreibung .tab-nav-item {
		height: 155px
	}
	#wegbeschreibung .tab-nav-item img {
		max-width: 50%
	}
	#cc-anwendungen .row>div:not(:last-of-type) {
		padding-bottom: 3rem
	}
	#scan-management .solution-item:first-of-type .section-subheading {
		margin-top: 2.2rem
	}
	#scan-management .solution-item {
		text-align: center;
		padding-top: 3rem
	}
	#scan-management .solution-item img {
		float: none;
		width: auto
	}
	#seminardetails-section .contact-form,
	#ueber-cloudcomputing .contact-form {
		width: 100%
	}
	#kontakt-intro .contact-form {
		width: 70%;
		margin-left: auto;
		margin-right: auto
	}
	/* #papierloses-buero.digitalisierung .mobile-header {
		display: block;
		padding: 20px 20px 10px;
		height: 70px;
	}
	#papierloses-buero.digitalisierung .mobile-header .mobile-logo {
		float: left;
	}
	#papierloses-buero.digitalisierung .mobile-header .toggle-menu {
		float: right;
	} */
	.article-nav {
		position: relative;
	}
	.article-nav,
	.article-nav-header,
	.article-nav-point {
		display: none;
	}
	.article-nav-point-title {
		opacity: 1;
		display: block;
		letter-spacing: 0;
		font-weight: 300 !important;
		padding-left: 30px;
	    line-height: 1.5;
	    padding: 10px 0 10px 30px;
	}
	#digitalisierung-fragen .section-subheading,
	#archivierung-fragen .section-subheading {
		font-size: 15px;
		margin-left: -20px;
		padding-left: 21px;
		background-position: left 50%;
	}
	#digitale-poststelle img {
		margin-bottom: 30px;
	}
	#digitalisierung-frutania {
		text-align: center;
		padding-top: 0;
	}
	#digitalisierung-frutania a.desktop-button {
		display: none;
	}
	#digitalisierung-frutania a.mobile-button {
		display: inline-block;
		font-size: 1.6rem;
		width: 70%;
	    margin: 40px 0 15px;
	}
}

@media (min-width:601px) {
	.two-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 3em;
		-moz-column-gap: 3em;
		column-gap: 3em
	}
}

@media (max-width:601px) {
	.two-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 3em;
		-moz-column-gap: 3em;
		column-gap: 3em
	}
	.pull-right.footer-right {
		margin-top: 2rem
	}
	#kontakt-intro .contact-form {
		width: 100%
	}
}

@media (max-width:559px) {
	#unified-archiving .scroll-list-item p {
		text-align: center
	}
	#archivierung-hero .hero-images:nth-of-type(2) {
		width: 29%
	}
	#seminar-buchen select {
		max-width: 85%
	}
	#frutania .logo-link {
		float: left;
		max-width: 30%
	}
	#frutania .header-info {
		display: inline-block;
		max-width: 65%
	}
}

@media (max-width:336px) {
	#posteingangsoptimierung .tab-nav-item {
		height: 170px
	}
	#wegbeschreibung .tab-nav-item {
		height: 120px
	}
}

@media(min-width: 992px) {
	.nav.navbar-nav .dropdown .dropdown-menu {
		display: block!important;
	}
	.nav.navbar-nav .dropdown .dropdown-menu {
		opacity: 0;
		visibility: hidden;
		transition: transform .3s ease, visiblity .3s ease, opecity .3s ease;

	}

	.nav.navbar-nav .dropdown:hover .dropdown-menu {
		opacity: 1;
		visibility: visible;

	}
}

@media(min-width: 768px) {
	.wide-btn-container {
		margin-top: -39px;
	}

	.wide-btn-container .mobile-button {
		display: block;
		width: 100%!important;
	}
}

@media (min-width: 992px) and (max-width: 1080px) {
	.nav > li > a {
		padding-left: 11px;
		padding-right: 11px; } }

.agree-lnk {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 0;
	color: #fff;
	text-align: center;
}

.agree-lnk a{
	color: #eeb315;
}

.agree-lnk a:hover {
	text-decoration: underline;
}

.mb-20 {
	margin-bottom: 20px!important;
}

.mb-15 {
	margin-bottom: 15px!important;
}

.gradient-blue {
	-webkit-background-size: 100% !important;
	background-size: 100% !important;
}

/*extra sections*/
#home-intro {
	padding-bottom: 4.6rem;
}
.scroll-list-item--wrap {
	/*background-color: rgba(36, 54, 96, .38);*/
	border: 1px solid transparent;
	border-radius: 7px;
	padding: 38px 28px 20px 28px;
	min-height: 320px;
}
.scroll-list-img--wrap {
	/*background-color: rgba(36, 54, 96, .38);*/
	border: 1px solid transparent;
	width: 102px;
	height: 102px;
	position: relative;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: -51px;
}
.scroll-list-img--wrap img {
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}
.scroll-list-item--wrap p {
	margin-top: 21px;
	line-height: 1.5;
}
.section-heading--info {
	font-size: 30px;
	margin: 2.4rem 0 2rem;
}
.info-section {
	padding-top: 22px;
	padding-bottom: 25px;
}
.section-content--info {
	line-height: 1.7;
}
.section-image--info {
	padding-top: 45px;
}
a.button--info {
	display: inline-block;
	text-transform: capitalize;
	font-size: 15px;
	font-family: open sans, sans-serif;
	letter-spacing: 0.4px;
	border: none;
	border-radius: 5px;
	padding: 5px 55px 5px 55px;
	margin-top: 12px;
	font-weight: 400;
}
.info-content--info {
	line-height: 1.7;
}
.info-last {
	margin-top: 60px;
}
.section-heading--info-last {
	margin-top: 17px;
	margin-bottom: 21px;
}
.partners-section__container .slick-prev {

}
.partners-section__container .slick-next {

}
.partners-section__container .slick-prev:before,
.partners-section__container .slick-next:before {
	font-size: 3rem;
	color: #000;
}
.section-image--info-mobile {
	display: none;
}
.scroll-list-item--intro {
	background-image: url(../img/intro/shape-bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 10px;
}
.section-image--info-bg {
	background-image: url(../img/intro/comp-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 315px;
	margin-top: 50px;
}
.section-image--info-last {
	padding-top: 0px;
}
.button--info-yellow {
	padding: 5px 20px 5px 30px;
}
.section-image--info-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 66%;
	margin: 192px auto 0 auto;
}

ul.section-image--info-list li a {
	color: #4e4e4e;
	font-size: 15px;
	font-weight: 600;
	padding: 0 10px;
}
.section-info-divider {
	position: relative;
}
.section-info-divider::before {
	content: '|';
	position: absolute;
	top: -5px;
	right: -5px;
	font-weight: 300;
}
.top-panel-wrap {
	display: flex;
	justify-content: space-between;
	color: #5b5b5b;
	font-weight: 600 !important;
	font-size: 13px;
}
.top-panel span {
	font-weight: 600 !important;
}
.top-panel-wrap {
	position: relative;
	color: #5b5b5b !important;
}
.top-panel-wrap-1::before {
	content: url('../img/intro/top/money.png');
	position: absolute;
	left: 0;
	top: 4px;
}
.top-panel-wrap-2::before {
	content: url('../img/intro/top/award.png');
	position: absolute;
	left: 0;
	top: 4px;
}
.top-panel-wrap-3::before {
	content: url('../img/intro/top/arms.png');
	position: absolute;
	left: 0;
	top: 6px;
}
.top-panel-wrap-4::before {
	content: url('../img/intro/top/check.png');
	position: absolute;
	left: 0;
	top: 6px;
}
.top-panel-block {
	padding-left: 5px;
	padding-right: 5px;
}
.top-panel-description {
	position: absolute;
	background-color: #fff;
	border: 1px solid #213a73;
	border-radius: 10px;
	width: 25%;
	padding: 15px;
	font-size: 13px;
	text-align: center;
}
p.top-panel-description-1 {
	opacity: 0;
	left: -4%;
	top: 20px;
}
p.top-panel-description-2 {
	opacity: 0;
	left: 27%;
	top: 20px;
}
p.top-panel-description-3 {
	opacity: 0;
	left: 56%;
	top: 20px;
}
p.top-panel-description-4 {
	opacity: 0;
	left: 84%;
	top: 20px;
}
.top-panel-label {
	display: block;
	position: relative;
	font-weight: bold;
	font-size: 14px;
}
.top-panel-wrap-item {
	position: relative;
	color: #5b5b5b !important;
	padding-left: 28px;
}

@media(max-width: 1024px) {
	.scroll-list-item--intro {
		margin: 0 5px;
	}
	.top-panel-wrap-3,
	.top-panel-wrap-4,
	.top-panel-description-3,
	.top-panel-description-4 {
		display: none;
	}
	p.top-panel-description-1,
	p.top-panel-description-2 {
		width: 80%;
		transform: translate(-50%, 0);
		left: 50%;
	}
}
@media(max-width: 768px) {
	.row-eq-height--hero {
		flex-direction: column;
	}
	.scroll-list .scroll-list-item--intro {
		width: 100%;
		margin-bottom: 25px;
	}
	.section-image--info-mobile {
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
	.section-image--info-hide {
		display: none;
	}
	.scroll-list-item--wrap {
		padding: 90px 28px 20px 28px;
	}
	.section-image--info {
		padding-top: 15px;
	}
	.scroll-list-item--wrap {
		min-height: 250px;
	}
	.scroll-list-item--intro {
		margin: 0;
	}
	.section-image--info-list {
		width: 100%;
		margin: 224px auto 0 auto;
	}
	.section-info-divider::before {
		display: none;
	}
	.top-panel-block {
		padding: 5px 0;
	}
	.top-panel-wrap-item {
		padding-left: 20px;
	}
	.top-panel-wrap-1::before,
	.top-panel-wrap-2::before {
		top: 0;
	}
	.top-panel-wrap {
		font-size: 12px;
	}
}
@media(max-width: 375px) {
	.button--info {
		display: block;
		width: 100%;
	}
}


/* Header Updates (21.05.19) */



@media only screen and (max-width: 1023px) {
  .logo-contact {
    height: 5.5rem;
    margin: 0;
    padding: 0; } }

@media only screen and (max-width: 767px) {
  .logo-contact {
    height: 5rem!important;
  }
}

@media only screen and (max-width: 1023px) {
  .logo-contact .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 5.5rem;
    padding: 1rem 8px;
    background: #fff; } }

@media only screen and (max-width: 767px) {
  .logo-contact .container {
    height: 5rem;
    padding: .5rem 8px; } }

@media only screen and (max-width: 1023px) {
  .fixed-header .logo-contact .container {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.95); } }

@media only screen and (max-width: 1023px) {
  .logo-contact .container .logo-link img {
    width: 9.5rem; } }



@media only screen and (max-width: 1023px) {
  .logo-contact .pull-right {
    display: none; } }

.logo-contact .logo-contact__btn {
  display: none;
  padding: 0 1rem;
  margin: 0 auto; }
  @media only screen and (max-width: 1023px) {
    .logo-contact .logo-contact__btn {
      display: block; } }
  .logo-contact .logo-contact__btn .cta-call_mobile {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2.65rem;
    font-size: 16px;
    padding: 0 1.45rem;
    line-height: 2.65rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media only screen and (max-width: 767px) {
      .logo-contact .logo-contact__btn .cta-call_mobile {
        height: 3rem;
        line-height: 3rem; } }
    @media only screen and (max-width: 374px) {
      .logo-contact .logo-contact__btn .cta-call_mobile {
        height: 3.2rem;
        padding: 0 1.2rem;
        font-size: 14px;
        line-height: 3.2rem; } }

.logo-contact .logo-contact__icons {
  display: none; }
  @media only screen and (max-width: 1023px) {
    .logo-contact .logo-contact__icons {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-left: auto; } }
  .logo-contact .logo-contact__icons a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 5px; }
    @media only screen and (max-width: 767px) {
      .logo-contact .logo-contact__icons a {
        width: 3.66rem;
        height: 3.66rem; } }
    @media only screen and (max-width: 374px) {
      .logo-contact .logo-contact__icons a {
        height: 3.2rem;
        line-height: 3.2rem; } }
    .logo-contact .logo-contact__icons a:first-child {
      margin-left: 0; }
    .logo-contact .logo-contact__icons a i {
      font-size: 1.8rem;
      color: #203a73; }
      @media only screen and (max-width: 767px) {
        .logo-contact .logo-contact__icons a i {
          font-size: 2.2rem; } }
      @media only screen and (max-width: 374px) {
        .logo-contact .logo-contact__icons a i {
          font-size: 1.8rem; } }

.fixed-header .logo-contact {
  z-index: 9999; }

.sticky-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: rgba(245, 245, 245, 0.95);
  z-index: 9999;
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  -o-transition: transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s; }
  @media only screen and (max-width: 1023px) {
    .sticky-header {
      display: none; } }
  .sticky-header__i {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 0; }
  .sticky-header__logo a {
    display: block; }
  .sticky-header__logo img {
    display: block; }
  .sticky-header__nav {
    padding-left: 40px; }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .sticky-header__nav {
        padding-left: 25px; } }
    .sticky-header__nav ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      white-space: nowrap; }
      .sticky-header__nav ul li {
        padding: 0 0 0 15px; }
        .sticky-header__nav ul li:first-child {
          padding-left: 0; }
        .sticky-header__nav ul li a {
          position: relative;
          font-size: 14px;
          line-height: 18px;
          color: #2b2b2b; }
          @media only screen and (min-width: 1024px) and (max-width: 1279px) {
            .sticky-header__nav ul li a {
              font-size: 12px;
              line-height: 16px; } }
          .sticky-header__nav ul li a:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 100%;
            height: 1px;
            background: #2b2b2b;
            opacity: 0;
            -webkit-transform: translate(0, 2px);
            -ms-transform: translate(0, 2px);
            transform: translate(0, 2px);
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s; }
          .sticky-header__nav ul li a:hover:after {
            opacity: 1;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0); }
  .sticky-header__phone {
    margin-left: auto; }
    .sticky-header__phone a {
      display: block;
      font-family: 'Open Sans', sans-serif;
      line-height: 1.6rem;
      font-size: 1.55rem;
      letter-spacing: -1px;
      color: #25447a;
      font-weight: 600;
      white-space: nowrap; }
      @media only screen and (min-width: 1024px) and (max-width: 1279px) {
        .sticky-header__phone a {
          font-size: 1.2rem;
          line-height: 1.3rem; } }
    .sticky-header__phone .img-phone {
      width: 1.4375rem;
      height: 1.4375rem;
      background-position: 0 0;
      -webkit-background-size: 8.5rem 8.5rem;
      background-size: 8.5rem;
      margin-top: 2px;
      margin-right: 5px; }
      @media only screen and (min-width: 1024px) and (max-width: 1279px) {
        .sticky-header__phone .img-phone {
          width: 1.1rem;
          height: 1.1rem;
          -webkit-background-size: 6.5rem 6.5rem;
          background-size: 6.5rem; } }
  .sticky-header__btn {
    margin-left: auto; }
    .sticky-header__btn a {
      display: block;
      font-size: 1.13rem;
      line-height: 1.93rem;
      font-family: Oswald;
      font-weight: 300;
      letter-spacing: 1px;
      padding: .2rem 1rem;
      background-color: #eeb315;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      color: #fff;
      text-decoration: none;
      white-space: nowrap; }
      @media only screen and (min-width: 1024px) and (max-width: 1279px) {
        .sticky-header__btn a {
          line-height: 1.8rem; } }
      @media only screen and (max-width: 1439px) {
        .sticky-header__btn a span {
          display: none; } }
      .sticky-header__btn a span.small {
        display: none; }
        @media only screen and (max-width: 1439px) {
          .sticky-header__btn a span.small {
            display: inline; } }
      .sticky-header__btn a i {
        position: relative;
        left: -2px;
        top: -2px;
        font-style: normal; }
        @media only screen and (min-width: 1024px) and (max-width: 1279px) {
          .sticky-header__btn a i {
            top: -1px; } }
  .fixed-header .sticky-header {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
		transform: translate(0, 0); }
		@media (max-width: 1588px) and (min-width: 992px) {
			.top-panel .container {
				padding: 0 75px; }
				.top-panel .container p.top-panel-description-4 {
					left: 81% !important; } }

.ca-breadcrumbs {
  background-color: #152953;
}

.ca-breadcrumbs .ca-breadcrumbs_i .breadcrumbs {
  padding: 1px 15px;
}

@media only screen and (max-width: 767px) {
  .ca-breadcrumbs .ca-breadcrumbs_i .breadcrumbs {
    padding: 1px 0px;
  }
}

.ca-breadcrumbs .ca-breadcrumbs_i .breadcrumbs span {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .ca-breadcrumbs .ca-breadcrumbs_i .breadcrumbs span {
    font-size: 12px;
  }
}

.ca-breadcrumbs .ca-breadcrumbs_i .breadcrumbs span:first-child {
  padding-left: 0;
}

.ca-breadcrumbs .ca-breadcrumbs_i .breadcrumbs span:last-child {
  font-weight: 600;
}

.ca-breadcrumbs .ca-breadcrumbs_i .breadcrumbs span a {
  color: #fff;
}

.ca-breadcrumbs .ca-breadcrumbs_i .breadcrumbs span a:hover {
  text-decoration: underline;
}

.ca-breadcrumbs .ca-breadcrumbs_i .breadcrumbs span i {
  position: absolute;
  right: -4px;
  top: 0;
  font-style: normal;
}


.gradient-blue {
  background-image: none;
  background-color: #152953;
}

.contact-form {
  background-color: #152953;
}

.hero {
  background-image: none;
  background-color: #152953;
}

.ca-btn.ca-btn-general {
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  background-color: #eeb315 !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  color: #fff !important;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.ca-btn.ca-btn-general:hover {
  background-color: #e6a700 !important;
}

.ca-btn.ca-btn-secondary {
  border: solid 3px #eeb315 !important;
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  background-color: transparent !important;
  color: #eeb315 !important;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.ca-btn.ca-btn-secondary:hover {
  background-color: #eeb315 !important;
  color: #fff !important;
}

/* new css */

#frutania .hero{
	background-image: none;
  background-color: #152953;
}

.digitali-body .contact-digitali .contact-form{
	background-image: none;
  background-color: #152953;
}

.section_blue{
	background-image: none;
  background-color: #152953;
}

.resources-list .item__i{
	background-image: none;
  background-color: #152953;
}

#sparpotential{
	background-image: none;
  background-color: #152953;
}

.ca-section-hero{
	background-image: none;
  background-color: #152953;
}

.ca-section-contacts{
	background-image: none;
  background-color: #152953;
}
.mc-modal {
    top: 70px !important;
}

/* cookie-notice */

#cookie-notice {
	right: 16px;
    bottom: 16px;
    padding: 32px;
    max-width: 384px;
    position: fixed;
    z-index: 999999;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    background-color: #fff;
    font-family: Open Sans, sans-serif;
}

.cookie-notice {
	display: none;
}
.cookie-notice-active {
display: block;
}

@media screen and (max-width: 414px) and (orientation: portrait) {
    #cookie-notice {
        bottom: 0;
        right: 0;
        left: 0;
    }
}

.cookie-notice-container {
    text-align: left;
    padding: 0 !important;
}

.cookie-notice-container span {
    color: rgb(153, 153, 153);
    font-family: Helvetica,Calibri,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.cookie-notice-container span a {
	display: block;
	color: rgb(153, 153, 153);
	text-decoration: underline;
    margin-bottom: 23px;
    opacity: .8;
    padding: .2em;
}

#cn-notice-text {
    font-family: Helvetica,Calibri,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.cc-link {
    display: block;
    cursor: pointer;
    text-decoration: underline !important;
    color: rgb(153, 153, 153) !important;
    opacity: .8;
    padding: .2em;
    color: rgb(153, 153, 153);
}

#cn-accept-cookie {
	display: block;
	padding: 5.76px 11.52px;
	margin-left: 0 !important;
        margin-top: 15px;
	font-family: Helvetica,Calibri,Arial,sans-serif;
        font-size: 14.4px;
        font-weight: 700;
        line-height: 1.84;
	text-align: center;
	text-shadow: none;
	color: black;
	width: 100%;
	background: rgb(241, 214, 0);
	border-radius: 0;
	cursor: pointer;
	border-color: transparent;
	outline: none;
}


#frutania .ca-lead_frutania {
  padding: 66px 0 71px;
  background-color: #f6f6f6;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-lead_frutania {
    padding: 30px 0 20px;
  }
}

#frutania .ca-lead_frutania .container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

#frutania .ca-lead_frutania .ca-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-lead_frutania .ca-info {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#frutania .ca-lead_frutania .ca-info .ca-image {
  width: 410px;
  padding-right: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-lead_frutania .ca-info .ca-image {
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px;
  }
}

#frutania .ca-lead_frutania .ca-info .ca-image img {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-lead_frutania .ca-info .ca-image img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
}

#frutania .ca-lead_frutania .ca-info .ca-text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-lead_frutania .ca-info .ca-text {
    width: 100%;
  }
}

#frutania .ca-lead_frutania .ca-info .ca-text p {
  font-size: 18px;
  line-height: 30px;
  color: #272727;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-lead_frutania .ca-info .ca-text p {
    font-size: 16px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-lead_frutania .ca-info .ca-text p {
    font-size: 16px;
    line-height: 25px;
  }
}

#frutania .ca-lead_frutania .ca-info .ca-text p.ca-big {
  padding-top: 10px;
  font-size: 25px;
  line-height: 30px;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-lead_frutania .ca-info .ca-text p.ca-big {
    font-size: 20px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-lead_frutania .ca-info .ca-text p.ca-big {
    font-size: 20px;
    line-height: 25px;
  }
}

#frutania .ca-frutania_future_challenges {
  padding: 49px 0 30px;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_future_challenges {
    padding: 29px 0 20px;
  }
}

#frutania .ca-frutania_future_challenges .container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

#frutania .ca-frutania_future_challenges h2 {
  font-size: 50px;
  line-height: 60px;
  color: #272727;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania_future_challenges h2 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_future_challenges h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

#frutania .ca-frutania_future_challenges .ca-text p {
  padding-bottom: 20px;
  font-size: 18px;
  line-height: 30px;
  color: #272727;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania_future_challenges .ca-text p {
    font-size: 16px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_future_challenges .ca-text p {
    font-size: 16px;
    line-height: 25px;
  }
}

#frutania .ca-frutania_future_challenges .ca-text p:last-child {
  padding-bottom: 0;
}

#frutania .ca-frutania_result {
  padding: 46px 0 56px;
  background-repeat: repeat;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_result {
    padding: 26px 0 36px;
  }
}

#frutania .ca-frutania_result .container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

#frutania .ca-frutania_result h2 {
  font-size: 50px;
  line-height: 60px;
  color: #272727;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania_result h2 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_result h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_result h2 br {
    display: none;
  }
}

#frutania .ca-frutania_result .ca-text {
  padding-bottom: 32px;
}

#frutania .ca-frutania_result .ca-text p {
  font-size: 18px;
  line-height: 30px;
  color: #272727;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania_result .ca-text p {
    font-size: 16px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_result .ca-text p {
    font-size: 16px;
    line-height: 25px;
  }
}

#frutania .ca-frutania_result .ca-icons-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_result .ca-icons-info {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#frutania .ca-frutania_result .ca-icons-info .ca-item {
  width: 33.333%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_result .ca-icons-info .ca-item {
    width: 100%;
    padding-bottom: 20px;
  }
}

#frutania .ca-frutania_result .ca-icons-info .ca-item .ca-item-image {
  padding-bottom: 20px;
}

#frutania .ca-frutania_result .ca-icons-info .ca-item .ca-item-image img {
  display: block;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
}

#frutania .ca-frutania_result .ca-icons-info .ca-item .ca-item-text p {
  font-size: 18px;
  line-height: 30px;
  color: #272727;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania_result .ca-icons-info .ca-item .ca-item-text p {
    font-size: 16px;
    line-height: 25px;
  }
}

#frutania .ca-frutania_document_managment {
  padding: 46px 0 56px;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_document_managment {
    padding: 26px 0 36px;
  }
}

#frutania .ca-frutania_document_managment .container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

#frutania .ca-frutania_document_managment h2 {
  font-size: 50px;
  line-height: 60px;
  color: #272727;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania_document_managment h2 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_document_managment h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

#frutania .ca-frutania_document_managment .ca-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_document_managment .ca-info {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#frutania .ca-frutania_document_managment .ca-info .ca-text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 5px;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_document_managment .ca-info .ca-text {
    padding-right: 0;
    padding-bottom: 20px;
  }
}

#frutania .ca-frutania_document_managment .ca-info .ca-text p {
  padding-bottom: 20px;
  font-size: 18px;
  line-height: 30px;
  color: #272727;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania_document_managment .ca-info .ca-text p {
    font-size: 16px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_document_managment .ca-info .ca-text p {
    font-size: 16px;
    line-height: 25px;
  }
}

#frutania .ca-frutania_document_managment .ca-info .ca-text p:last-child {
  padding-bottom: 0;
}

#frutania .ca-frutania_document_managment .ca-info .ca-image {
  width: 559px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: -19px;
}

@media (max-width: 1300px) and (min-width: 1024px) {
  #frutania .ca-frutania_document_managment .ca-info .ca-image {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania_document_managment .ca-info .ca-image {
    margin-right: 0px;
    width: 350px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania_document_managment .ca-info .ca-image {
    width: 100%;
  }
}

#frutania .ca-frutania_document_managment .ca-info .ca-image img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

#frutania .ca-frutania-renewal {
  padding: 46px 0 90px;
  background-repeat: repeat;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-renewal {
    padding: 26px 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-renewal {
    padding: 26px 0 40px;
  }
}

#frutania .ca-frutania-renewal .container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

#frutania .ca-frutania-renewal .ca-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-renewal .ca-info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-renewal .ca-info {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

#frutania .ca-frutania-renewal .ca-info .ca-text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 52px;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-renewal .ca-info .ca-text {
    width: 100%;
    padding-left: 0;
    padding-bottom: 20px;
  }
}

#frutania .ca-frutania-renewal .ca-info .ca-text h2 {
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -2.7px !important;
  color: #272727;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-renewal .ca-info .ca-text h2 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-renewal .ca-info .ca-text h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

#frutania .ca-frutania-renewal .ca-info .ca-text p {
  padding-bottom: 20px;
  font-size: 18px;
  line-height: 30px;
  color: #272727;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-renewal .ca-info .ca-text p {
    font-size: 16px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-renewal .ca-info .ca-text p {
    font-size: 16px;
    line-height: 25px;
  }
}

#frutania .ca-frutania-renewal .ca-info .ca-text p:last-child {
  padding-bottom: 0;
}

#frutania .ca-frutania-renewal .ca-info .ca-image {
  width: 422px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: -48px;
}

@media (max-width: 1300px) and (min-width: 1024px) {
  #frutania .ca-frutania-renewal .ca-info .ca-image {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-renewal .ca-info .ca-image {
    width: 320px;
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-renewal .ca-info .ca-image {
    padding-left: 0;
    width: 100%;
    margin-left: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}

#frutania .ca-frutania-renewal .ca-info .ca-image img {
  display: block;
  width: auto;
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-renewal .ca-info .ca-image img {
    margin: 0 auto;
  }
}

#frutania .ca-frutania-chalenge {
  padding: 25px 0 50px;
}

#frutania .ca-frutania-chalenge .container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

#frutania .ca-frutania-chalenge .ca-info .ca-info__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__top {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__text {
  padding-right: 75px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__text {
    padding-right: 25px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__text {
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px;
  }
}

#frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__text h2 {
  padding-bottom: 5px;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -2.7px !important;
  color: #272727;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__text h2 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__text h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__text h2 br {
    display: none;
  }
}

#frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__text p {
  padding-bottom: 20px;
  font-size: 18px;
  line-height: 30px;
  color: #272727;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__text p {
    font-size: 16px;
    line-height: 18px;
  }
}

#frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__text ul {
  padding-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__text ul {
    font-size: 16px;
    line-height: 18px;
  }
}

#frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__text ul li {
  padding-bottom: 0;
  font-size: 18px;
  line-height: 30px;
  color: #272727;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__text ul li {
    font-size: 16px;
    line-height: 18px;
  }
}

#frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__image {
  width: 433px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: -60px;
}

@media (max-width: 1300px) and (min-width: 1024px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__image {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__image {
    width: 333px;
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__image {
    width: 100%;
  }
}

#frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__image img {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__top .ca-info__top__image img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
}

#frutania .ca-frutania-chalenge .ca-info .ca-info__bottom {
  width: 800px;
  padding: 24px 28px;
  background-color: #f7f7f7;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__bottom {
    width: 100%;
    max-width: 800px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__bottom {
    width: 100%;
    padding: 20px;
  }
}

#frutania .ca-frutania-chalenge .ca-info .ca-info__bottom p {
  font-size: 18px;
  line-height: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__bottom p {
    font-size: 16px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-chalenge .ca-info .ca-info__bottom p {
    font-size: 16px;
    line-height: 25px;
  }
}

#frutania .frutania-hero {
  position: relative;
  height: 588px;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
}

#frutania .frutania-hero .container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

#frutania .frutania-hero .ca-hero-top-img {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media only screen and (max-width: 767px) {
  #frutania .frutania-hero .ca-hero-top-img {
    width: 200px;
  }
}

#frutania .frutania-hero .ca-hero-top-img img {
  display: block;
  width: 100%;
}

#frutania .frutania-hero h1 {
  position: absolute;
  top: 194px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  font-size: 40px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  letter-spacing: -.5px;
  white-space: nowrap;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .frutania-hero h1 {
    font-size: 38px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .frutania-hero h1 {
    width: 90%;
    max-width: 700px;
    top: 130px;
    font-size: 25px;
    line-height: 35px;
    white-space: normal;
  }
}

#frutania .ca-frutania-after-hero {
  position: relative;
  padding: 120px 0 15px;
}

@media (max-width: 1700px) and (min-width: 1500px) {
  #frutania .ca-frutania-after-hero {
    padding: 90px 0 15px;
  }
}

@media (max-width: 1500px) and (min-width: 1366px) {
  #frutania .ca-frutania-after-hero {
    padding: 70px 0 15px;
  }
}

@media (max-width: 1366px) and (min-width: 992px) {
  #frutania .ca-frutania-after-hero {
    padding: 35px 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-after-hero {
    padding: 35px 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  #frutania .ca-frutania-after-hero {
    padding: 35px 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-after-hero {
    padding: 5px 0 15px;
  }
}

#frutania .ca-frutania-after-hero .container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

#frutania .ca-frutania-after-hero .top-image {
  position: absolute;
  top: -125px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media (max-width: 1700px) and (min-width: 1500px) {
  #frutania .ca-frutania-after-hero .top-image {
    top: -150px;
  }
}

@media (max-width: 1500px) and (min-width: 1366px) {
  #frutania .ca-frutania-after-hero .top-image {
    top: -180px;
  }
}

@media (max-width: 1366px) and (min-width: 992px) {
  #frutania .ca-frutania-after-hero .top-image {
    top: -204px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  #frutania .ca-frutania-after-hero .top-image {
    top: -204px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-after-hero .top-image {
    width: 90%;
    max-width: 400px;
    top: -155px;
  }
}

#frutania .ca-frutania-after-hero .ca-info-top {
  width: 765px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding-bottom: 58px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-after-hero .ca-info-top {
    width: 100%;
    max-width: 765px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-after-hero .ca-info-top {
    width: 100%;
    max-width: 765px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#frutania .ca-frutania-after-hero .ca-info-top .left-info {
  padding-right: 30px;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-after-hero .ca-info-top .left-info {
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px;
  }
}

#frutania .ca-frutania-after-hero .ca-info-top .left-info p {
  margin-bottom: 0;
  font-size: 30px;
  line-height: 35px;
  color: #272727;
  font-weight: 600;
  letter-spacing: -0.8px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-after-hero .ca-info-top .left-info p {
    font-size: 25px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-after-hero .ca-info-top .left-info p {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
  }
}

#frutania .ca-frutania-after-hero .ca-info-top .right-info {
  padding-left: 30px;
  border-left: 1px solid #d7d7d7;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-after-hero .ca-info-top .right-info {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
    border-left: 0;
    border-top: 1px solid #d7d7d7;
  }
}

#frutania .ca-frutania-after-hero .ca-info-top .right-info p {
  margin-bottom: 0;
  font-size: 17px;
  line-height: 20px;
  color: #272727;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-after-hero .ca-info-top .right-info p {
    font-size: 16px;
    line-height: 19px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-after-hero .ca-info-top .right-info p {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
  }
}

#frutania .ca-frutania-after-hero .ca-info-bottom {
  width: 820px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #frutania .ca-frutania-after-hero .ca-info-bottom {
    width: 100%;
    max-width: 820px;
  }
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-after-hero .ca-info-bottom {
    width: 100%;
    max-width: 820px;
  }
}

#frutania .ca-frutania-after-hero .ca-info-bottom p {
  font-size: 18px;
  line-height: 30px;
  color: #272727;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #frutania .ca-frutania-after-hero .ca-info-bottom p {
    font-size: 16px;
    line-height: 28px;
  }
}

#frutania .solution-section .container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

.ca-contact-widget {
  position: fixed;
  bottom: -webkit-calc(100vh - (100vh - (5% + 50px)));
  bottom: calc(100vh - (100vh - (5% + 50px)));
  z-index: 99998;
  font-size: 14px;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .ca-contact-widget {
    bottom: -webkit-calc(100vh - (100vh - (5% + 32px)));
    bottom: calc(100vh - (100vh - (5% + 32px)));
  }
}

.ca-contact-widget .item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}

.ca-contact-widget .item:first-child {
  margin-bottom: 5px;
  -webkit-transform: translate(-239px);
  -ms-transform: translate(-239px);
  transform: translate(-239px);
}

@media only screen and (max-width: 767px) {
  .ca-contact-widget .item:first-child {
    -webkit-transform: translate(-167px);
    -ms-transform: translate(-167px);
    transform: translate(-167px);
  }
}

.ca-contact-widget .item:first-child.active {
  -webkit-transform: translate(-181px);
  -ms-transform: translate(-181px);
  transform: translate(-181px);
}

@media only screen and (max-width: 767px) {
  .ca-contact-widget .item:first-child.active {
    -webkit-transform: translate(-140px);
    -ms-transform: translate(-140px);
    transform: translate(-140px);
  }
}

.ca-contact-widget .item:first-child:hover {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

.ca-contact-widget .item:last-child {
  -webkit-transform: translate(-220px);
  -ms-transform: translate(-220px);
  transform: translate(-220px);
}

@media only screen and (max-width: 767px) {
  .ca-contact-widget .item:last-child {
    -webkit-transform: translate(-161px);
    -ms-transform: translate(-161px);
    transform: translate(-161px);
  }
}

.ca-contact-widget .item:last-child.active {
  -webkit-transform: translate(-162px);
  -ms-transform: translate(-162px);
  transform: translate(-162px);
}

@media only screen and (max-width: 767px) {
  .ca-contact-widget .item:last-child.active {
    -webkit-transform: translate(-126px);
    -ms-transform: translate(-126px);
    transform: translate(-126px);
  }
}

.ca-contact-widget .item:last-child:hover {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

.ca-contact-widget .item .info {
  padding: 12px 20px;
  font-size: 18px;
  line-height: 18px;
  background-color: #fff;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .ca-contact-widget .item .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    font-size: 14px;
    line-height: 14px;
  }
}

.ca-contact-widget .item .info a {
  color: #172b52;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .ca-contact-widget .item img {
    width: 2.5285714285714285em;
    height: 1.9285714285714286em;
    min-width: 2.5285714285714285em;
    max-width: 2.5285714285714285em;
    height: 1.9285714285714286em;
    min-height: 1.9285714285714286em;
    max-height: 1.9285714285714286em;
  }
}
.hp-news-slider-image {
	min-height: 450px;
	margin-top: 20px;
	position: relative;
	background-color: #000;
}

.hp-news-slider-container {
	padding-top: 330px;
	padding-left: 30px;
	padding-right: 30px;
}
.hp-news-slider-item {
	padding-left: 15px;
	padding-right: 15px;
	max-height: 128px;
}
.hp-news-slider-container  .slick-prev {
	padding-top: 300px;
	width: 20px;
}
.hp-news-slider-container  .slick-next {
	padding-top: 300px;
	width: 20px;
}
.hp-news-slider-container  .slick-prev::before {
	opacity: 1;
	font-family: 'Open Sans';
	font-size: 2rem;
	font-weight: 300;
	padding-left: 15px;
}
.hp-news-slider-container  .slick-next::before {
	opacity: 1;
	font-family: 'Open Sans';
	font-size: 2rem;
	font-weight: 300;
	padding-right: 15px;
}
.hp-news-description-text {
	font-style: italic;
	text-align: center;
	font-size: 16px;
}
.hp-news-description {
	padding-top: 20px;
	padding-left: 40px;
	padding-right:40px;
}
.hp-news-main-content {
	padding-top: 50px;
}
.hp-news-main-content-sub-title {
	/*font-size: 22px;*/
	font-size: 18px;
	color: #152953;
	margin-bottom: 10px;
}
.hp-news-main-content-title {
	/*font-size: 24px;*/
	font-size: 22px;
	margin-bottom: 20px;
	color: #152953;
	font-weight: bold;
}
.hp-news-main-content-text {
	/*font-size: 19px;*/
	font-size: 16px;
}
.hpnews-zeit-logo {
	float: right;
	display: inline-block;
	padding-top: 5px;
}
.hp-news-content-sub-footer {
	margin-top: 50px;
	text-align: right;
}
.hp-news-content-sub-footer-text {
	display: inline-block;
	margin-right: 20px;
	font-style: italic;
}
.hp-news-content-footer {

}
.hp-news-rss-symbol {
	padding-left: 20px;
	margin:unset !important;
}
.hp-news-content-footer-text {
	text-align: right;
	font-size: 11px;
	font-style: italic;
	padding-left: 200px;
	margin-top: -20px;
}






.ms-news-slider-image::before{
	background-image: url(../img/msnews/photo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
	opacity: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: ' ';
	display: block;
	-webkit-transition: background-image 0.5s ease-in-out;
	transition: background-image 0.5s ease-in-out;
}


.ms-news-slider-image {
	min-height: 450px;
	margin-top: 20px;
	position: relative;
	background-color: #000;
}

.ms-news-description-text {
	font-style: italic;
	text-align: center;
	font-size: 16px;
	margin-bottom: 0px;
}
.ms-news-description {
	padding-top: 20px;
	padding-left: 40px;
	padding-right:40px;
	text-align: center;
}
.ms-news-main-content {
	padding-top: 50px;
}
.ms-news-main-content-sub-title {
	/*font-size: 22px;*/
	font-size: 18px;
	color: #152953;
	margin-bottom: 10px;
}
.ms-news-main-content-title {
	/*font-size: 24px;*/
	font-size: 22px;
	margin-bottom: 20px;
	color: #152953;
	font-weight: bold;
}
.ms-news-main-content-text {
	/*font-size: 19px;*/
	font-size: 16px;
}
.msnews-zeit-logo {
	float: right;
	display: inline-block;
	/*padding-top: 5px;*/
}
.ms-news-content-sub-footer {
	margin-top: 50px;
	text-align: right;
}
.ms-news-content-sub-footer-text {
	display: inline-block;
	margin-right: 20px;
	font-style: italic;
	padding-top: 3px;
}
.ms-news-content-footer {

}
.ms-news-rss-symbol {
	padding-left: 20px;
	margin:unset !important;
}
.ms-news-content-footer-text {
	text-align: right;
	font-size: 11px;
	font-style: italic;
	padding-left: 200px;
	margin-top: -20px;
}
.ms-news-description-link {
	font-weight: bold;
	color: #152953 !important;
	font-style: italic;
}

#div_news_slider  > .slick-prev {
	width: 20px;
	margin-left: -30px;
}
#div_news_slider > .slick-next {
	width: 20px;
	margin-right: -15px;
}
#div_news_slider > .slick-prev::before {
	opacity: 1;
	font-family: 'Open Sans';
	font-size: 4rem;
	font-weight: 300;
	padding-left: 15px;
	color: #152953;
}
#div_news_slider > .slick-next::before {
	opacity: 1;
	font-family: 'Open Sans';
	font-size: 4rem;
	font-weight: 300;
	padding-right: 15px;
	color: #152953;
}
#div_news_slider .slick-slide {
	margin-left: 3px;
	margin-right: 3px;
}
#div_mobile_news_slider .slick-slide {
	margin-left: 3px;
	margin-right: 3px;
}
.mobile-section {
	display: none;
}
.desktop-section {
	display: block;
}
@media only screen and (max-width: 991px) {
	.desktop-section {
		display: none;
	}
	.mobile-section {
		display:block;
	}
	.logo-contact-new > div.container {
		display: block!important;
	}

}
.mobile-slider-title {
	font-size:24px;
	color:black;
}
.header-logo p {
	font-style: italic;
	font-size: 13px;
}
section.logo-contact-new {
	padding-bottom: 5px;
}
.new-logo-link img {
	padding:15px 0px 5px 0px;
	width: 9rem;
}
.new-logo-link {
	display:inline-block;
}
.header-menus {
	display: flex;
	align-items: center;
	padding-right: 20px;
}
.header-menus nav.navbar-default {
	background-color:white;
	display: inline-block;
	vertical-align: middle;
}
.header-menus .navbar-default .navbar-nav > .active > a {
	color:#213a73;
}
.header-menus .navbar-default .navbar-nav > li > a {
	border-bottom: none;
	color: black;
	background: transparent;
	font-weight: bold;
 }
.header-menus .navbar-default .navbar-nav > li >a:visited {
	color:black;
}
.header-menus .navbar-default .navbar-nav > li >a:focus {
	color:black!important;
}
.header-menus .navbar-default .navbar-nav > li > a:hover {
	color:#213a73;
}
.logo-contact-new > div.container {
	display: flex;
	justify-content: space-between;
}
.header-flag-search {
	display: flex;
	align-items: center;
	margin-left: 50px;
}
.header-flag-search input {
	border: none;
	border-bottom: 2px solid #ffffff;
	font-family: 'FontAwesome';
	font-size: 18px;
	background-color: #213a73;
	color: white;
	margin-bottom: 5px;
	height: 30px;
}
.header-flag-search input::-webkit-input-placeholder {
	text-align: right;
	color:#ffffff;
}
.header-flag-search input:-moz-placeholder {
	text-align: right;
	color:#ffffff;
}
.header-flag-search > div {

}

.arrows {
	border: solid #213a73;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
}

.rights {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.lefts {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.ups {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.downs {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

@media (min-width: 992px) {
	#new_nav_bar .navbar-nav>li:not(:first-child):before {
		content: "";
		color: #fff;
		position: absolute;
		top: 5px;
		left: -3px;
	}
}
#new_nav_bar .navbar-nav>li>a, #new_nav_bar .navbar-default .navbar-nav>li>a:focus, #new_nav_bar .navbar-default .navbar-nav>.open>a:hover {
	border-bottom: 4px solid #213a73;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	background: transparent;
	font-weight: 500;
}
#new_nav_bar .navbar-nav>li:hover {
	background-color: #395082;
}

@media (min-width: 992px){
	#new_nav_bar .navbar-nav>li>a:hover {
		border-bottom: 4px solid #eeb315;
	}
}
.fever-yellow {
	color:#eeb320;
	font-weight: bold;
}
.desktop-padding-left-20 {
	padding-left: 20px;
}
.desktop-padding-top-150 {
	padding-top: 390px;
}
@media only screen and (max-width: 991px) {
	.desktop-padding-left-20 {
		padding-left: 0px;
	}
	.mobile-padding-top-30 {
		padding-top: 30px;
	}
	.desktop-padding-top-150 {
		padding-top: 0px;
	}
	.fever-blue-button {
		 background-color: #152953;
		 color:#ffffff!important;
		 font-weight: bold;
		 font-size: 16px!important;
		 padding: 15px 20px 15px 20px;
		 border-radius: 10px;
		 letter-spacing: 0px!important;
	 }
	.img-mobile-full-width {
		width: 100%!important;
	}
	.logo-contact__btn > div.dropdown.open {
		margin-top: 65px!important;
	}

}

.bitlinks1 ul {
    display: inline-flex;
    letter-spacing: 1px;
    word-spacing: 2px;
		text-align:center;
    color:black;
    font-weight:600;
    font-size:18px;

}

.bitlinks1 li a:hover {
	color: #eeb320;
	font-weight: bold;
}
.bitlinks2 li a:hover {
	color: #eeb320;
	font-weight: bold;
}
.bitlinks3 li a:hover {
	color: #eeb320;
	font-weight: bold;
}

/**word slider**/
@media screen and (max-width: 768px) {
	.col-md-offset-2.col-md-8 {
	    margin-top: -37px;
	    height: 129px;
	}

}


.bitlinks2 ul {
    display: inline-flex;
    letter-spacing: 1px;
    word-spacing: 2px;
    color:black;
    font-weight:600;
    font-size:13px;
	
}
.bitlinks3 ul {
    display: inline-flex;
    letter-spacing: 1px;
    word-spacing: 2px;
    color:black;

    font-weight:600;
    font-size:13px;
	
}
.bitlinks3 {
    text-align: center;
		
}




.bitlinks2 ul li a {
 margin-left:5px;
 margin-right:5px;
}
.bitlinks3 ul li a {
 margin-left:5px;
 margin-right:5px;
}
.bitlinks1 ul li a:last-child {
 margin-left:7px;

}
.bitlinks2{
 text-align: center;
}
.bitlinks1{
    text-align:center;
}
.allbitliks{
    padding-top:190px;;
}

@media screen and (max-width: 768px) {
	.bitblock {
	    margin-top: 20px;
	    margin-left: 16px;
	}

}


.fever-blue-button {
	background-color: #152953;
	color:#ffffff!important;
	font-weight: bold;
	font-size: 18px;
	padding: 15px 20px 15px 20px;
	border-radius: 10px;
	letter-spacing: 1px;
}
#fever-third {
	background-color: #152953;
	padding:50px 0 50px 0;
}
#fever-fourth ul li {
	letter-spacing: 1px;
	margin-left: 20px;
}
#fever-fourth ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #eeb320; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}
#fever-fourth ul {
	margin-top: 30px;
	list-style: none;
}
#fever-fourth {
	padding-top: 30px;
	background-color: #fff;
	padding-bottom: 80px;
}
.fever-yellow-button {
	background-color: #eeb320;
	color:#ffffff!important;
	font-weight: bold;
	font-size: 18px;
	padding: 10px 15px 10px 15px;
	border-radius: 10px;
	letter-spacing: 1px;
}

#fever-fifth ul li {
	letter-spacing: 1px;
	margin-left: 20px;
}
#fever-fifth ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #eeb320; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}
#fever-fifth ul {
	margin-top: 30px;
	list-style: none;
}
#fever-fifth {
	padding-top: 70px;
}

#fever-sixth ul li {
	letter-spacing: 1px;
	margin-left: 20px;
}
#fever-sixth ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #eeb320; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}
#fever-sixth ul {
	margin-top: 30px;
	list-style: none;
}
#fever-sixth {
	padding-top: 30px;
	background-color: #fff;
	padding-bottom: 80px;
}
#fever-seventh {
	padding-top: 40px;
	padding-bottom: 50px;
}

.header-list {
	float: left;
	margin: .5rem 0 0 0
}

.header-list li {
	display: inline-block
}

.header-list li a {
	color: #152953;
	text-decoration: none
}

.header-list li a:hover {
	color: #152953;
	text-decoration: none;
	font-weight:bold;
}

.header-divider {
	margin: 0 .5rem
}




.new-dropdown-menu  div {
	padding: 10px 30px 10px 30px;
	cursor: pointer;
}
.new-dropdown-menu  div a {
	white-space: nowrap;
}
.new-dropdown-menu  div:hover {
	background-color: #f5f5f5;
}
.new-dropdown-menu div:hover a {
	color: #152953;
	font-weight: bold;
}
div.new-dropdown-benefits {
	cursor: pointer;
	display:none;
}
.new-dropdown-benefits div .benefit-title {
	color: #152953;
	font-weight: bold;
	font-size: 14px;
	line-height: 2;
}
.new-dropdown-benefits div .benefit-content {
	font-size: 14px;
}
div.dropdown-wrapper {
	display: flex;
}
div.dropdown-wrapper > div {

}
div.new-dropdown-menu {
	width: 350px;
	background-color: white;
}
div.new-dropdown-benefits {
	width:400px;
	background-color: #f5f5f5;
	padding: 10px 30px 10px 30px;
}
div.new-dropdown-benefits div ul li:before {
	content: '✓';
	color: #152953;
	font-weight: bold;
	vertical-align: middle;
	position: absolute;
	left:380px;
}
div.new-dropdown-benefits div ul li {
	padding-left: 30px;
}
div.new-dropdown-benefits div ul {
	list-style-position: outside;
	padding-top:15px;
}
div.new-dropdown-aware {
	width: 420px;
	background-color: #ffffff;
	padding: 0px 30px 10px 30px;
	border-left: 3px solid #f5f5f5;
}

.new-dropdown-aware h3 {
	color: #152953;
	font-weight: bold;
	font-size: 14px;
}
div.new-dropdown-aware ul li a {
	padding-left: 30px;
	white-space: nowrap;
}
div.new-dropdown-aware ul li a:hover {
	font-weight: bold;
}
div.new-dropdown-aware ul {
	list-style-position: outside;
	padding-top:15px;
}

div.new-dropdown-aware ul li a:before {
	content: '-';
	color: #152953;
	font-weight: bold;
	vertical-align: middle;
	position: absolute;
	left:780px;
}

div.hidden-benefit div.new-dropdown-aware ul li a:before {
	left:380px;
}

div.new-dropdown-aware div img {
	padding-top:20px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-bottom: 30px;
}


.new-dropdown-menu  div.new-menu-item-category {
	padding: 20px 30px 20px 30px;
}
.new-dropdown-menu  div.new-menu-item-category:hover {
	background-color: #ffffff;
}
.new-dropdown-menu div.new-menu-item-category:hover a {
	color: #000000;
	font-weight: bold;
}
.new-dropdown-menu  div.new-menu-item-category a {
	white-space: nowrap;
	font-weight: bold;
	cursor:text;
}
.new-dropdown-menu  div.new-menu-item-category {
	cursor:text;
}

div.new-dropdown-menu.seminar-aware {
	width: 400px;
}
div.new-dropdown-aware.seminar-aware ul li a:before {
	left:780px;
}
div.new-menu-item-title a {
	color: #000000;
	font-weight: bold;
	cursor: text;
}
div.new-menu-item-title {
	cursor: text;
}
.new-dropdown-menu  div.new-menu-item-title:hover {
	background-color: #ffffff;
}
.new-dropdown-menu div.new-menu-item-title:hover a {
	color: #000000;
	font-weight: bold;
}

#infrastruktur-collapse div.new-dropdown-benefits div ul li:before {
	left: 440px;
}

#infrastruktur-collapse div.new-dropdown-aware ul li a:before {
	left:840px;
}

#infrastruktur-collapse div.hidden-benefit div.new-dropdown-aware ul li a:before {
	left:440px;
}
body > .skiptranslate {
	display: none;
}
body {
	top: 0px !important;
}

input::-webkit-calendar-picker-indicator {
	display: none;
}
.search-result-list {
	position:fixed;
	z-index: 1000000;
	background-color: #FFFFFF;
	width: 330px;
	height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;

}
.search-result-list-item {
	padding: 10px 15px 10px 15px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;

}
.search-result-title a {
	color: #15C;
	font-size: 14px;
	display: block;
}
.search-result-url {
	display: block;
	color: #009933;
	font-size: 12px;
	word-wrap: break-word;
}
.search-result-thumbnail-div {
	float: left;
	padding: 2px 8px 2px 0;
	margin-right: 0;
	margin-left: 0;
	text-align: center;
	width: 100px;
}
.search-result-description {
	vertical-align: top;
	width: 100%;
}
.search-result-description-text {
	font-size: 12px;
}
.social-icons {
	display:flex;
	justify-content: center;
	padding-top: 100px;
}
.social-icons div {
	width:70px;
	padding-left:20px;
}
#hero-particle canvas {
	position: absolute;
	width: 100%;
	max-width: 1420px;
	height: 100%;
	z-index: 1;
	display: block;
}
#section-particle-hero div {
	text-align: center;
}
#section-particle-hero div h1 {
	color: #ffffff;
	font-weight: bold;
}
#section-particle-hero div h3 {
	color: #ffffff;
	font-weight: bold;
}
#section-particle-hero .hero-first-title {
	margin-top: 80px;
}
#section-particle-hero .hero-second-title {
	margin-top: 50px;
}
#section-particle-hero .hero-arrow {
	margin-top: 100px;
}
@media screen and (max-width: 700px) {
#section-particle-hero .hero-arrow {
  margin-top: 40px;
}
}
#section-particle-hero .hero-arrow img:hover {
	transform: scale(1.1);
}
#section-particle-hero .hero-arrow img {
	height: 40px;
}
#section-particle-hero .hero-third-title {
	margin-top: 50px;
}
section.career-description {
	padding-top: 40px;
	padding-bottom: 50px;
}


@media screen and (max-width: 700px) {
.career-title div{
	height: 36px
	}
	}

@media screen and (max-width: 700px) {
.career-description .career-title div h2 {
	font-size: 20px ;
	color: #979797;
}
	}
@media screen and (max-width: 700px) {
.career-description .career-title .career-first-title h2 b {
	font-size: 22px;
	color: #142852;
}
	}
@media screen and (max-width: 700px) {
.career-description .career-title .career-second-title h2 b {
	font-size: 22px;
	color: #535353;
}
	}
@media screen and (max-width: 700px) {
.career-description .career-title .career-third-title h2 b {
	font-size: 22px;
	color: #edb21f;
}
	}

@media screen and (max-width: 1000px) {
div.mobile-software {
	display: flex;
flex-flow: column;
}
	div.mobile-software1 {
order: 1;
}
	div.mobile-software2 {
order: 2;
}
	}

@media screen and (max-width: 1000px) {
img.mobile-streaming {
	margin-left: 60px	!important;
}
	}

@media screen and (max-width: 1000px) {
img.mobile-im-kasten {
	margin-top: 60px	!important;
}
	}

@media screen and (max-width: 1000px) {
img.mobile-showroom {
	margin-top: 40px	!important;
}
	}


.career-description .career-title div h2 {
	font-weight: bold;
	color: #979797;
}
.career-description .career-title {
	text-align: center;
}
.career-description .career-title .career-first-title h2 b {
	color: #142852;
}
.career-description .career-title .career-second-title h2 b {
	color: #535353;
}
.career-description .career-title .career-third-title h2 b {
	color: #edb21f;
}
.career-description-container {
	text-align: center;
}
.career-description-container > ul {
	display: block;
	padding-top: 20px;
	padding-bottom: 80px;
	border-bottom: 1px solid #f4f4f4;
}
.career-description-container > ul li {
	display: inline-block;
	padding: 10px;
	font-size: 17px;
	color: #152953;
	/*font-weight: bold;*/
	cursor: pointer;
}
.career-description-container > ul li:first-child::after {
	content: "|";
	padding-left:20px;
	color: #eeb320;
}
.career-description-container .job-description .first-headline {
	padding: 40px 0 40px 0;
	border-bottom: 1px solid #f4f4f4;
}
.career-description-container .job-description .first-headline h2 {
	color:  #eeb320;
	text-align: left;
	font-weight: bold;
}
.career-description-container .job-description .first-headline h2::before {
	content: '►';
	font-size: 25px;
	color: #152953;
	font-weight: bold;
	padding-right: 20px;
	vertical-align: middle;
}
.career-description .wrap-800 {
	max-width: 800px;
	width: 100%;
	padding: 0 40px;
	margin: 0 auto;
}
.job-description .first-description {
	padding: 40px 0 40px 0;
	border-bottom: 1px solid #f4f4f4;
}
.job-description .first-description ul li {
	text-align: left;
	font-size: 20px;
	padding-left: 20px;
}
.job-description .first-description ul li::before {
	content: "\2022";
	color:  #eeb320;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
.job-description .second-description {
	padding: 40px 0 40px 0;
	border-bottom: 1px solid #f4f4f4;
}
.job-description .second-description div h2 {
	text-align: left;
	font-weight: bold;
	font-size: 25px;
}
.job-description .second-description div ul {
	padding-left: 35px;
}
.job-description .second-description div ul li {
	text-align: left;
	font-size: 14px;
	padding-left: 20px;
}
.job-description .second-description div ul li::before {
	content: "\2022";
	color:  #eeb320;
	font-weight: bold;
	display: inline-block;
	width: 0.8em;
	margin-left: -0.8em;
}
.job-description .job-contact-us {
	padding: 40px 0 40px 0;
}
.job-description .job-contact-us div h3 {
	font-weight: bold;
	color: #152953;
	line-height: 2;
}
.job-description .job-contact-us div h3 b {
	color: #eeb320;
}
.job-description .job-contact-us .job-contact-icons {
	display: flex;
	justify-content: center;
}
.job-description .job-contact-us .job-contact-icons div img {
	width: 40px;
}
.job-description .job-contact-us .job-contact-icons div {
	padding: 50px 15px 15px 15px;
}
.tab-active {
	font-weight: bold;
}
.career-hero-content {
	position: absolute;
	left: 50%;
	z-index: 2;
}
.career-hero-sub {
	position: relative;
	left: -50%;
}
.partners-section__item .description-overlay-last p {
	display: none;
}
.partners-section__container {
	display: none;
}

@media only screen and (max-width: 410px) {
	 .hp-news-content-sub-footer-text {
		 display: block;
		 text-align: center;
		 padding: 10px;
		 margin: auto;
	 }
	.hp-news-content-footer-text {
		display: block;
		text-align: center;
		padding: 10px;
		margin: auto;
	}
	.ms-news-content-footer-text {
		display: block;
		text-align: center;
		padding: 10px;
		margin: auto;
	}
	.hp-news-rss-symbol {
		padding-left: 15px!important;
	}
}
@media only screen and (max-width: 991px) {
	.top-panel {
		display: none;
	}
	#li-google-search-box {
		display: none;
	}
	.header-flag-search {
		margin-left: 0px;
	}
	.is-mobile-only {
		display: block!important;
	}
	.lang-select > span {
		padding-left: 10px;
	}
	.is-desktop-only {
		display: none!important;
	}
}
div.dropdown-wrapper.is-mobile-only {
	display: none;
}
.is-desktop-only{
	display: block;
}
.lang-select {
	cursor : pointer;
}

.logo-contact__btn .dropdown-backdrop {
	display: none;
}
.new-mobile-menu-item-title .new-mobile-menu-item-link  {
	width: 100%;
	padding: 10px 30px 10px 15px;
}
.new-mobile-menu-item-title .new-mobile-menu-item-link:hover {
	background-color: #f5f5f5;
}
.new-mobile-menu-item-title .new-mobile-menu-item-link a {
	font-weight: bold;
	color: #27396f;
}

.new-mobile-menu-item .new-mobile-menu-item-link {
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
}


.new-mobile-menu-item .new-mobile-menu-item-link .item-link-content:hover {
	background-color: #f5f5f5;
}
.new-mobile-menu-item .new-mobile-menu-item-link .item-link-span:hover {
	background-color: #f5f5f5;
}
.new-mobile-menu-item .new-mobile-menu-item-link .item-link-content {
	width: calc(100% - 40px);
	display: inline-block;
	padding: 10px 10px 10px 30px;
}
.new-mobile-menu-item .new-mobile-menu-item-link .item-link-span {
	width: 30px;
	display: inline-block;
	text-align: center;
}
.new-mobile-menu-item .new-mobile-menu-item-content {
	background-color: #f5f5f5;
	padding: 10px 15px 15px 15px;
	margin-bottom: 10px;
}
.new-mobile-menu-item .new-mobile-menu-item-content .mobile-benefit-title {
	color: #152953;
	font-weight: bold;
	font-size: 14px;
	line-height: 2;
	padding-left: 15px;
	padding-right: 20px;
	margin-top: 10px;
}
.new-mobile-menu-item .new-mobile-menu-item-content ul {
	list-style-position: outside;
}
.new-mobile-menu-item .new-mobile-menu-item-content ul li:before {
	content: '✓';
	color: #152953;
	font-weight: bold;
	vertical-align: middle;
	position: absolute;
	left: 30px;
}
.new-mobile-menu-item .new-mobile-menu-item-content ul li {
	padding-left: 30px;
}

.mobile-arrow {
	border: solid #152953;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
}

.mobile-right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.mobile-left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.mobile-up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.mobile-down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.new-mobile-menu-item-wissen .new-mobile-menu-item-link  {
	width: 100%;
	padding: 10px 30px 10px 30px;
	border-bottom: 1px solid #e2e2e2;
}
.new-mobile-menu-item-wissen .new-mobile-menu-item-link:hover {
	background-color: #f5f5f5;
}
.new-mobile-menu-item-wissen .new-mobile-menu-item-link a {
	/*font-weight: bold;*/
}
@media only screen and (max-width: 991px) {
	#new_nav_bar .navbar-nav>li>a, #new_nav_bar .navbar-default .navbar-nav>li>a:focus, #new_nav_bar .navbar-default .navbar-nav>.open>a:hover {
		border-bottom: 1px solid #e0e0e0;
		color: #000000;
		padding-top: 12px;
		padding-bottom: 12px;
		/*padding-left:30px;*/
		background-color: #f5f5f5;
		font-weight: 500;
	}
	#new_nav_bar .navbar-nav>li.li-expanded>a, #new_nav_bar .navbar-default .navbar-nav>li.li-expanded>a:focus {
		border-bottom: 1px solid #27396f;
		color: #ffffff;
		padding-top: 12px;
		padding-bottom: 12px;
		/*padding-left:30px;*/
		background-color: #27396f;
		font-weight: 500;
	}
	#new_nav_bar .navbar-nav>li.li-shop>a {
		border-bottom: 4px solid #213a73;
		color: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
		background: transparent;
		font-weight: 500;
	}
	.expand-submenu {
		background: transparent !important;
		border: 0 none !important;
		border-left: none!important;
		border-radius: 0;
		box-shadow: none !important;
		color: #47597b !important;
		display: block;
		outline: 0 !important;
		width: 40px;
		height: 40px;
		position: absolute;
		right: 0;
		top: 0;
	}
	.li-expanded .expand-submenu {
		 color: #ffffff !important;
	 }

	.dropdown-menu {
		border:none;
	}
}
@media only screen and (min-width: 991px) and (max-width: 1520px) {
	#seminare-collapse {
		background: transparent;
	}
	#seminare-collapse > div {
		position: relative;
		left: -380px;
		margin-top: -5px;
	}

}
.logo-contact {
    font-family: 'Open Sans', sans-serif;
    background: #ffffff;
}
.include {
    background: #213a73;
    padding-top: 10px;
}
.top-heading-h2{
    font-size: 50px;
}
.header-list li a:hover {
    color: #f0974e !important;
    text-decoration: none !important;
    font-weight: bold !important;
}
.header-list li a {
    color: #213a73;
    text-decoration: none;
}
.header-divider {
    margin: 0 .5rem;
    color: #213a73;
}
.arrows {
    border: solid #213a73;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}
.move-end-hr{
    text-align: end;
    padding-right: 85px;
}
.ca-breadcrumbs {
    background-color: #fff !important;
}

.ca-breadcrumbs .ca-breadcrumbs_i .breadcrumbs span a {
    color: #858484 !important;
}
.ca-breadcrumbs .ca-breadcrumbs_i .breadcrumbs span:last-child {
    font-weight: 600;
    color: #000 !important;
}
.ca-breadcrumbs .ca-breadcrumbs_i .breadcrumbs span i {
    position: absolute;
    right: -4px;
    top: 0;
    font-style: normal;
    color: #858484 !important;
}

@media only screen and (max-width: 1023px) 
{
  .logo-link
  {
     width: 9.5rem;
  }
}

@media only screen and (min-width: 1024px) 
{
  .logo-link
  {
     margin-top: -13px;
  }
}