/**
 * Meine Styles und Infos.

@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}} 
 
 */

/** Styles überschreiben  **/

body {
	font-size:150%;
	line-height: 22px;
}

@media (min-width:1200px){.container{width:100%; max-width:1640px;}}
.navbar-default{background-color:#fff;border-color:#fff}

.myslider {
	width:100%;
	/* ALT  max-width:1640px;  */
	max-width:calc(1640px - 30px);
	margin:0 auto;	
}
.myhighlights {
	width:calc(100% - 30px);
	max-width:calc(1610px - 30px);
	margin:0 auto;	
}
.navbar-header {
	width:100%;
}
#navbar-collapse {
	float:right;
}
.navbar-header img {
	width:100%;
	max-width:350px;
	height:auto;
	margin:0 auto;
}

/* 
.logo {
	padding: 0 160px 0 0;
	background-image: url(../img/made-in-germany_header.png);
	background-position: right center;
	background-size: auto 90%;
	background-repeat: no-repeat;
} 
.logo img {
	width:100%;
	max-width:280px;
	height:auto;
	padding:20px 0;
}
*/

.logo img {
	width:100%;
	max-width:237px;
	height:auto;
	padding:5px 0;
}

.navbar-header {
	padding: 0 120px 0 0;
	background-image: url(../img/made-in-germany_header.png);
	background-position: right center;
	background-size: auto 60%;
	background-repeat: no-repeat;
}
.navbar {
	margin-bottom:0;
}

.overheader-wrapper {
	background:#39679e;
	color:#FFF;
	font-size: 120%;
}
.overheader-wrapper a {
	color:#FFF;
	text-decoration: none;
}
.overheader-wrapper p {
	padding:20px;
	margin:0;
}
.overheader-wrapper span {
	padding:10px;
	margin-left:20px;
}

/**  Beginn: Slider  **/

#block-responsive-slideshow-responsive-slideshow .column {
	padding:0;
}

.carousel-caption{
	position:absolute;
	right:15%;
	bottom:calc(50% - 60px);
	left:15%;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0,0,0,.6)
}

.mycarousel {
	position:absolute;
	right:0%;
	bottom:50%;
	left:0%;
	height:100px;	
}
.carousel-caption h2 {
	padding:20px 60px;
	font-size: 380%;
	background-image: url(../img/hintergrund-slider.png);
	background-repeat: repeat;	
}

@media (max-width:1140px){
.carousel-caption h2 {
	padding:15px 30px;
	font-size: 280%;
	background-image: url(../img/hintergrund-slider.png);
	background-repeat: repeat;	
}
}

@media (max-width:960px){
.carousel-caption h2 {
	padding:10px 20px;
	font-size: 180%;
	background-image: url(../img/hintergrund-slider.png);
	background-repeat: repeat;	
}
}

.carousel-caption a {
    font-size: 14px;
}
.carousel-caption p {
    font-size: 24px;
}

/**  Ende: Slider **/

.view-leistungen .col-lg-3,
.view-leistungen .col-lg-4 {
	margin:0;
	padding:0;
	text-align: center;
}
.view-leistungen .col-lg-3 .mynormal,
.view-leistungen .col-lg-4 .mynormal {
	opacity:1;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.view-leistungen .col-lg-3 .myhover,
.view-leistungen .col-lg-4 .myhover {
	opacity:0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.view-leistungen .col-lg-3 a,
.view-leistungen .col-lg-4 a {
	width:100%;
	height:120px;
	line-height:120px;
	color: #FFF;
	background-color:#ebc765;
	text-decoration: none;
	float:left;
	margin:0;
	padding:0;
	opacity:1;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	position:relative;	
}
.view-leistungen .col-lg-3 h3,
.view-leistungen .col-lg-4 h3 {
	padding:0 20px;
	margin:0;
	position:absolute;
	width:100%;
	top:40%;
	left:0;
	font-size: 140%!important;
}

@media (min-width:960px){
.view-leistungen .col-lg-3 a,
.view-leistungen .col-lg-4 a {
	height:220px;
	line-height:220px;	
}
}
@media (max-width:960px){
.view-leistungen .col-lg-3 h3,
.view-leistungen .col-lg-4 h3 {
	padding:0 10px;
	top:40%;
	font-size: 110%!important;
}
}

.view-leistungen .row:nth-child(1) .col-lg-3:nth-child(1) a,
.view-leistungen .row:nth-child(1) .col-lg-4:nth-child(1) a {
	background-color:#ebc765;
}
.view-leistungen .row:nth-child(1) .col-lg-3:nth-child(2) a,
.view-leistungen .row:nth-child(1) .col-lg-4:nth-child(2) a {
	background-color:#666666;
}
.view-leistungen .row:nth-child(1) .col-lg-3:nth-child(3) a,
.view-leistungen .row:nth-child(1) .col-lg-4:nth-child(3) a {
	background-color:#8aa4c5;
}
.view-leistungen .row:nth-child(1) .col-lg-3:nth-child(4) a,
.view-leistungen .row:nth-child(1) .col-lg-4:nth-child(4) a {
	background-color:#39679e;
}
.view-leistungen .row:nth-child(2) .col-lg-3:nth-child(1) a,
.view-leistungen .row:nth-child(2) .col-lg-4:nth-child(1) a {
	background-color:#8aa4c5;
}
.view-leistungen .row:nth-child(2) .col-lg-3:nth-child(2) a,
.view-leistungen .row:nth-child(2) .col-lg-4:nth-child(2) a {
	background-color:#39679e;
}
.view-leistungen .row:nth-child(2) .col-lg-3:nth-child(3) a,
.view-leistungen .row:nth-child(2) .col-lg-4:nth-child(3) a {
	background-color:#ebc765;
}
.view-leistungen .row:nth-child(2) .col-lg-3:nth-child(4) a,
.view-leistungen .row:nth-child(2) .col-lg-4:nth-child(4) a {
	background-color:#666666;
}
.view-leistungen .row:nth-child(3) .col-lg-3:nth-child(1) a,
.view-leistungen .row:nth-child(3) .col-lg-4:nth-child(1) a {
	background-color:#ebc765;
}
.view-leistungen .row:nth-child(3) .col-lg-3:nth-child(2) a,
.view-leistungen .row:nth-child(3) .col-lg-4:nth-child(2) a {
	background-color:#666666;
}
.view-leistungen .row:nth-child(3) .col-lg-3:nth-child(3) a,
.view-leistungen .row:nth-child(3) .col-lg-4:nth-child(3) a {
	background-color:#8aa4c5;
}
.view-leistungen .row:nth-child(3) .col-lg-3:nth-child(4) a,
.view-leistungen .row:nth-child(3) .col-lg-4:nth-child(4) a {
	background-color:#39679e;
}
.view-leistungen .col-lg-3 a:hover,
.view-leistungen .col-lg-4 a:hover {
	opacity:0.8;
}
.view-leistungen .col-lg-3 a:hover .mynormal,
.view-leistungen .col-lg-4 a:hover .mynormal {
	opacity:0;
}
.view-leistungen .col-lg-3 a:hover .myhover,
.view-leistungen .col-lg-4 a:hover .myhover {
	opacity:1;
}

.site-map-menu li {
	margin-bottom:10px;
}
.site-map-menu li ul {
	margin-bottom:10px;
}
.site-map-menu li ul li:first-child {
	margin-top:10px;
}

#block-system-main,
.view-infoboxen,
.view-leistungen-hervorgehoben,
.view-auszeichnungen {
	margin-bottom:50px;
}
.front .node-page .field-name-body p,
.view-leistungen-hervorgehoben .views-field-body p {
/*
	color:#999;
	font-style: italic;  */
}

.footer-wrapper {
	padding-top:10px;
	background:#343434;
	color:#FFF;
	padding-bottom:50px;
}

.footer-wrapper .block {
	margin-bottom:30px;
}

.highlighted {
	padding:30px 0 0px 0;
	margin:60px auto;
}
#block-views-kundenzufriedenheit-block .block-title {
	margin-top:0;
	margin-bottom:30px;
	padding-top:0;
	text-align: center;
}

blockquote {
	font-size: 2em;
	background: none;
	margin: 1em 0px;
	quotes: "\201C""\201D""\2018""\2019";
	border-left-style: none;
	font-weight: 600;
	color: #999;	
	padding: 0.5em 0 0 0;
	margin-bottom: 0;
}
blockquote:before {
	color: #999;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0;
	vertical-align: -0.4em;
	font-weight: 400;  
}
blockquote:after {
	color: #999;
	content: close-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-left: 0;
	vertical-align: -0.7em;
	font-weight: 400;  
}
blockquote p {
	font-size: 1.35em!important;
	display:inline;
	padding:0;
	margin:0;
}
#views-bootstrap-carousel-1 .carousel-inner {
	margin:10px 0 30px 0;
	text-align: center;
}
#views-bootstrap-carousel-1 .views-field-field-slideshow-image .field-content .img-responsive {
	margin:0 auto;
}

@media (max-width:960px){
blockquote {
	font-size: 1.25em;
	margin: 0.5em 0px;
	padding: 0.25em 0 0 0;
	margin-bottom: 0;
}
blockquote:before {
	font-size: 2em;
	line-height: 0.1em;
	vertical-align: -0.4em;
}
blockquote:after {
	font-size: 2em;
	line-height: 0.1em;
	vertical-align: -0.7em;
}
blockquote p {
	font-size: 1em!important;
}
#views-bootstrap-carousel-1 .carousel-inner {
	margin:10px 0 15px 0;
}
#views-bootstrap-carousel-1 img {
	width:60%;
	max-width:150px;
	height:auto;
}
}

.node-page .field-type-image,
.node-type-leistungen .field-type-image,
.view-leistungen-hervorgehoben .views-field-field-image {
	width:calc(50% - 30px);
	max-width:690px;
	float:left;
	margin-right:30px!important;
	margin-bottom:20px;
}
.node-page .field-type-image img,
.node-type-leistungen .field-type-image img,
.view-leistungen-hervorgehoben .views-field-field-image img {
	width:100%;
	height:auto;
}

.front .page-header {
	display: none;
}
.node-page .field-name-body h2,
.view-leistungen-hervorgehoben h2 {
	margin-top:0;
}

.view-auszeichnungen img {
	width:100%;
	max-width:345px;
	height:auto;
	margin:0 auto;
} 

article h1:first-child,
article h2:first-child,
article h3:first-child,
article h3:first-child {
    margin-top:0;
	padding-top:0;
}

article .field-name-body ul {
	padding-top: 10px;
	padding-bottom: 10px;
	
}
article .field-name-body ul li {
	padding: 5px 0;
	
}

/**  Beginn: Hauptnavigation  **/

.sf-menu.sf-style-white {
	float: right;
	margin-bottom: 0;
	margin-top: 70px;
	padding: 0;
	font-weight: bold;
	font-size: 110%;
	text-decoration: overline;
}
.sf-menu.sf-style-white.sf-navbar {
  width: 100%;
}
.sf-menu.sf-style-white ul {
  padding-left: 0;
}
.sf-menu.sf-style-white a,
.sf-menu.sf-style-white span.nolink {
  border: 0px solid #fff;
  color: #343434;
  padding: 0.75em 0.75em;
}
.sf-menu.sf-style-white a.sf-with-ul,
.sf-menu.sf-style-white span.nolink.sf-with-ul {
  padding-right: 2.25em;
}
.sf-menu.sf-style-white.rtl a.sf-with-ul,
.sf-menu.sf-style-white.rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
.sf-menu.sf-style-white.sf-navbar a,
.sf-menu.sf-style-white.sf-navbar span.nolink {
  border: 0;
}
.sf-menu.sf-style-white span.sf-description {
  color: #343434;
  display: block;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 5px 0 0 5px;
  padding: 0;
}
.sf-menu.sf-style-white.rtl span.sf-description {
  margin: 5px 5px 0 0;
}
.sf-menu.sf-style-white li,
.sf-menu.sf-style-white.sf-navbar {
  background: #fff;
}
.sf-menu.sf-style-white li li {
	background: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d7d7d6;
}
.sf-menu.sf-style-white li li li {
  background: #fff;
}
.sf-menu.sf-style-white li:hover,
.sf-menu.sf-style-white li.sfHover,
.sf-menu.sf-style-white a:focus,
.sf-menu.sf-style-white a:hover,
.sf-menu.sf-style-white a:active,
.sf-menu.sf-style-white .active,
.sf-menu.sf-style-white span.nolink:hover,
.sf-menu.sf-style-white.sf-navbar li li {
  background: #fff;
  color:#39679e;
}
.sf-menu.sf-style-white.sf-navbar li ul {
  background-color: #fff;
}
.sf-menu.sf-style-white.sf-navbar li ul li ul {
  background-color: transparent;
}
.sf-menu.sf-style-white .sf-sub-indicator {
  background-image: url('../img/arrows-777777.png');
  top:15px;
}
.sf-menu.sf-style-white.rtl .sf-sub-indicator {
  background-image: url('../img/arrows-777777-rtl.png');
  top:15px;
}
div.sf-accordion-toggle.sf-style-white a {
  background: #f9f9f9;
  border: 1px solid #e1e1e1;
  color: #343434;
  padding: 1em;
}
div.sf-accordion-toggle.sf-style-white a.sf-expanded,
.sf-menu.sf-style-white.sf-accordion li.sf-expanded {
  background-color: #e9e9e9;
}
div.sf-accordion-toggle.sf-style-white a.sf-expanded,
.sf-menu.sf-style-white.sf-accordion li.sf-expanded > a,
.sf-menu.sf-style-white.sf-accordion li.sf-expanded > span.nolink {
  font-weight: bold;
}
.sf-menu.sf-style-white.sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}
.sf-menu.sf-style-white.sf-accordion li li a,
.sf-menu.sf-style-white.sf-accordion li li span.nolink {
  padding-left: 2em;
}
.sf-menu.sf-style-white.sf-accordion li li li a,
.sf-menu.sf-style-white.sf-accordion li li li span.nolink {
  padding-left: 3em;
}
.sf-menu.sf-style-white.sf-accordion li li li li a,
.sf-menu.sf-style-white.sf-accordion li li li li span.nolink {
  padding-left: 4em;
}
.sf-menu.sf-style-white.sf-accordion li li li li li a,
.sf-menu.sf-style-white.sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}
.sf-menu.sf-style-white.rtl.sf-accordion li li a,
.sf-menu.sf-style-white.rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em;
}
.sf-menu.sf-style-white.rtl.sf-accordion li li li a,
.sf-menu.sf-style-white.rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em;
}
.sf-menu.sf-style-white.rtl.sf-accordion li li li li a,
.sf-menu.sf-style-white.rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em;
}
.sf-menu.sf-style-white.rtl.sf-accordion li li li li li a,
.sf-menu.sf-style-white.rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em;
}
.sf-menu.sf-style-white ul.sf-megamenu li.sf-megamenu-wrapper ol,
.sf-menu.sf-style-white ul.sf-megamenu li.sf-megamenu-wrapper ol li {
  margin: 0;
  padding: 0;
}
.sf-menu.sf-style-white ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent,
.sf-menu.sf-style-white ul.sf-megamenu li.sf-megamenu-wrapper span.nolink.menuparent {
  font-weight: bold;
}
.sf-menu.sf-style-white ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  display: inline;
  float: left;
}
.sf-menu.sf-style-white.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  float: right;
}

/**  Ende: Hauptnavigation  **/

.mean-bar {
	background-color:#39679e!important;
  max-height:44px;
  float:none!important;
}
.mean-nav {
	padding-bottom:5px;
	background-color:#39679e!important;
  width:auto!important;
  float:none!important;
}

.page-node-6 .main-container .region-content {
	background-image: url(../img/made-in-germany.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom:30px;
	margin-bottom:30px;
}

#user-login,
#contact-site-form input.form-text {
	width:100%;
	max-width:600px;
}

.view-partner {
	margin-top:-50px;
}

.view-partner .views-row {
	padding-bottom:20px;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;	
}
.view-partner .views-row-last {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	margin-bottom:30px;	
}

.view-beruf-karriere {
	margin-top:-40px;
}
.view-beruf-karriere ul li {
	margin-bottom:10px;
}

.front .overflow {
	/*
	overflow:hidden;
	*/
}

@media (max-width:960px){
.page-node-6 .main-container .region-content {
	padding-bottom:80px;
	margin-bottom:30px;
}
}

@media (max-width:1200px){ #navbar-collapse {display: none!important;}}

@media (max-width:1300px){ 
.sf-menu.sf-style-white a,
.sf-menu.sf-style-white span.nolink {
  border: 0px solid #fff;
  color: #343434;
  padding: 0.4em 0.4em;
}
.sf-menu.sf-style-white a.sf-with-ul,
.sf-menu.sf-style-white span.nolink.sf-with-ul {
  padding-right: 1.5em;
}
.sf-menu.sf-style-white.rtl a.sf-with-ul,
.sf-menu.sf-style-white.rtl span.nolink.sf-with-ul {
  padding-left: 1.5em;
  padding-right: 0.5em;
}
div.sf-accordion-toggle.sf-style-white a {
	padding: 0.5em;
}
}
.node-leistungen h3,
.node-page h3 {color:#38669D;}

.region-sidebar-second {
	margin-top:0px;
	margin-bottom:60px;
}

@media (min-width:960px){
.region-sidebar-second {
	margin-top:90px;
	margin-bottom:120px;
}

.region-sidebar-second .view-header,
.region-sidebar-second .views-row {
	margin-top:40px;
}

#block-system-main .field-name-body img {
	/*
	margin:20px -30px; */
}

#block-system-main .col-lg-12 {
	padding:0;
	margin:20px -5px;
}
#block-system-main .col-lg-6 {
	padding:5px;
}

hr {
	width:100%;
	clear: both;
}

.view-kontakt .views-row,
.view-kontakt .view-content {
	/*
	margin-top:0px;
	padding-top:0px; */
}

.view-kontakt h3 {
	font-size:130%;
}
}


/*  Beginn: Better Search  */

#block-search-form {
	height: 60px;
	margin-top:10px!important;
	padding-bottom:0!important;
	margin-bottom:0!important;
}

#block-search-form .input-group-btn {
	display:none;
}

i.better_search{
  background:url("../img/search-icon.svg") center center no-repeat!important;  
  height:20px!important;
  width:20px!important;
  font-style: normal!important;
  font-weight: normal!important;
  line-height: 1!important;
  -webkit-font-smoothing: antialiased!important;
  display:inline-block!important;
}  

#search-block-form{
	width: 330px!important;
	height: 80px!important;
	vertical-align: middle!important;
	white-space: nowrap!important;
	position: relative!important;
}

.input-group input.form-text{
  width: 30px!important;
  height: 50px!important;
  background: #eeeeee!important;
  border: none!important;
  font-size: 10pt!important;
  float: left!important;
  color: #262626!important;
  padding-left: 50px!important;
  -webkit-border-radius: 5px!important;
  -moz-border-radius: 5px!important;
  border-radius: 5px!important;
 
  -webkit-transition: width .55s ease!important;
  -moz-transition: width .55s ease!important;
  -ms-transition: width .55s ease!important;
  -o-transition: width .55s ease!important;
  transition: width .55s ease!important;
}

#search-block-form .icon{
  position: absolute!important;
  top: 12px!important;
  margin-left: 5px!important;
  margin-top: 5px!important;
  z-index: 99!important;
  color: #4f5b66!important;
  left:10px!important;
}

.input-group input:-webkit-input-placeholder {color: #65737e!important;}
  
.input-group input:-moz-placeholder {color: #65737e!important;}
 
.input-group input:-ms-input-placeholder {color: #65737e!important;}
 
.input-group input.form-text:focus,
.input-group input.form-text:active{
  outline:none!important;
  width: 300px!important;
}
 
.input-group:hover input.form-text{
  width: 300px!important;
  cursor: pointer!important; cursor: hand!important; 
}
 
#search-block-form:hover .icon{
  color: #93a2ad!important;
}

#block-views-standorte-block {
	margin-top:-20px;
	margin-bottom:50px;
}

@media (max-width:1200px){
#search-block-form .icon {
  top: 57px!important;
  margin-left: 5px!important;
  margin-top: 5px!important;
  left:0px!important;
}
.input-group input.form-text:focus,
.input-group input.form-text:active{
  width: 190px!important;
}
 
.input-group:hover input.form-text{
  width: 190px!important;
}
}

#block-menu-menu-service .menu,
#block-menu-menu-service .menu li {
	padding:0;
	margin:0;
}
#block-menu-menu-service .menu a,
#block-menu-menu-service .menu a:hover {
	background:none!important;
	padding:0 0 5px 0;
	margin:0;
}
#block-menu-menu-service .menu a:hover {
	background:none!important;
	text-decoration: underline!important;
}

.region-myslider {
	padding-bottom:40px;
}

.view-infoboxen {
	padding:0 20px;
}

/* .view-infoboxen .col,  */

#views-bootstrap-grid-2 .row {
	padding:20px;
	background: #eeeeee!important;
	border: none!important;
	color: #262626!important;
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	border-radius: 5px!important;	
}

#views-bootstrap-grid-2 {
	margin:-5px 0!important;
	padding:0!important;
}

#block-views-infoboxen-block {
	padding:0!important;
	margin:0!important;
}
#block-block-7 {
	padding:0 0 10px 0!important;
	margin:0 0 20px 0!important;
}

@media (min-width:1200px){
#block-block-7 {
	padding:0 15px 30px 15px!important;
	margin:0 0 30px 0!important;
}

#views-bootstrap-grid-2 {
	margin:0 0 0 -10px!important;
	padding:0 20px 0 0!important;
}

}

.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

@media (max-width:720px){
.region-overheader .col-lg-6 {
	width:100%;
	float:none;
	overflow: hidden;
	padding:0;
}
#search-block-form,
.input-group {
	width: 100%!important;
}
.overheader-wrapper {
	font-size: 100%;
}
.overheader-wrapper p {
	padding:15px 5px;
	margin:0;
	text-align: left;
}
.overheader-wrapper span {
	padding:5px;
	margin-left:0px;
}

.input-group input.form-text{
  width: 100%!important;
}

.input-group:hover input.form-text{
  width: 100%!important;
}

}

.field-name-field-einfuehrungstext blockquote {
	line-height: 130%;
	margin-bottom:30px;
}

.field-name-field-haupttext {
	width: 66.66%;
	float:left;
	margin-bottom:30px;
}

.field-name-field-haupttext h2,
.field-name-field-haupttext h3 {
	margin-bottom:1em;
}

.node-case-study .field-name-field-bild {
	clear:both;
}

.field-name-field-bild .field-item {
	width: calc(50% - 15px);
	float:left;
}

.field-name-field-bild img {
	width: 100%;
	height:auto;
}

.field-name-field-bild .even {
	margin-right:15px;
}

.field-name-field-bild .odd {
	margin-left:15px;
}

.field-name-field-die-aufgabe,
.field-name-field-die-vorteile,
.field-name-field-der-realisierungspartner {
	padding:15px;
	margin-bottom:30px;
	background-color:#cad4e5;
	width: 30%;
	margin-left:3.33%;
	float:right;
}
.field-name-field-die-vorteile {
	background-color:#00518b;
	color:#fff;
}
.field-name-field-der-realisierungspartner {
	background-color:#f9c188;
}

.field-name-field-die-aufgabe .field-label,
.field-name-field-die-vorteile .field-label,
.field-name-field-der-realisierungspartner .field-label {
	margin-bottom:15px;
	font-size: 140%;
	font-weight: 600;
}

.node-case-study .field-name-field-datei {
	clear:both;
	margin-bottom:30px;
	font-size: 120%;
}

.field-name-field-portrait {
	width: 200px;
	margin-right:60px;	
	float:left;
	padding-top:60px;
}

.field-name-field-kundenmeinung {
	width: calc(100% - 260px);
	float:left;
	margin-bottom:30px;
	padding-top:20px;
}

.field-name-field-kundenmeinung blockquote {
	line-height: 130%;
	margin-bottom:30px;
}

.view-referenzen .row {
	margin-bottom:30px;
}

@media (max-width:720px){
.field-name-field-haupttext {
	width: 100%;
	float:none;
	margin-bottom:30px;
}
.field-name-field-die-aufgabe,
.field-name-field-die-vorteile,
.field-name-field-der-realisierungspartner {
	padding:15px;
	margin-bottom:30px;
	width: 100%;
	margin-left:0;
	float:none;
}
.field-name-field-portrait {
	width: 100%;
	float:none;
	overflow:hidden;
	margin-top:0px;
}

.field-name-field-kundenmeinung {
	width:100%;
	float:none;
	margin-bottom:30px;
	padding-top:20px;
}
}

.view-referenzen #views-bootstrap-grid-2 .row {
	background-color:#fff!important;
}

.page-contact #block-system-main {
	margin-bottom:10px;
}

#block-block-9 {
	overflow:hidden;
	margin-bottom:40px;
}

.page-node-184 .page-header {
	display:none;
}

/* #webform-client-form-186 #edit-submitted-datenschutzbestimmungen .control-label */

#webform-client-form-186 {}
#webform-client-form-186 .webform-component-textfield,
#webform-client-form-186 .webform-component-email,
#webform-client-form-186 .webform-component-country-list,
#webform-client-form-186 .webform-component-select {
	width:calc(50% - 20px);
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
#node-186 .field-name-field-beschreibung {
	width:calc(50% - 20px);
	float:left;	
	margin-right:20px;
	margin-bottom:20px;
}
#node-186 #webform-client-form-186 {
	width:calc(50% - 20px);
	float:left;	
	margin-left:20px;
	margin-bottom:20px;
}

@media (max-width:960px){
#node-186 .field-name-field-beschreibung {
	width:100%;
	float:none;
	margin-right:0px;
	margin-bottom:20px;
}
#node-186 #webform-client-form-186 {
	width:100%;
	float:none;	
	margin-left:0px;
	margin-bottom:20px;
}	
}

/*
#edit-actions::before {
    content: "<p>
	Ich habe die <a href="node/47" target="_blank">Datenschutzerklärung </a>zur Kenntnis genommen und bestätige dies mit dem Absenden der Nachricht. Ich stimme zu, dass meine Angaben und Daten zur Beantwortung meiner Anfrage elektronisch erhoben und gespeichert werden. Die Einwilligung kann ich jederzeit für die Zukunft widerrufen.</p>";
} *

/* page cloud service */
.page-node-205 p.p-blue{
  color:#0090d7;
  font-size:17px;
}
.page-node-205 ul.advantages{
  list-style:none;
  margin:0 0 60px;
  padding:15px 0 15px 20px;
}
.page-node-205 ul.advantages li{
  display: flex;
  align-items: center;
  font-weight:bold;
}
.page-node-205 ul.advantages li img{
  margin:0 20px 0 0;
}
.page-node-205 .pakets{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:flex-end;
  max-width:1200px;
  margin:0 auto 60px;
}
.page-node-205 .pakets .paket{
  margin:0 auto 40px;
}
.page-node-205 .pakets .paket-s{
  width:220px;
}
.page-node-205 .pakets .paket-m{
  width:245px;
}
.page-node-205 .pakets .paket-l{
  width:265px;
}
.page-node-205 .pakets .paket-xl{
  width:290px;
}
.page-node-205 .pakets .paket .title{
  width:220px;
  height:128px;
  margin:0 auto -10px;
  padding:75px 0 0;
  background:url(../img/cloud.png) no-repeat 0 0;  
  background-size:contain;
  z-index:10;
  position:relative;
  color:#fff;
  text-align:center;
  font-size:24px;
}
.page-node-205 .pakets .paket-xl .title{
  width:290px;
  height:168px;
  padding:110px 0 0;
  font-size:36px;
}
.page-node-205 .pakets .paket-l .title{
  width:265px;
  height:154px;
  padding:98px 0 0;
  font-size:32px;
}
.page-node-205 .pakets .paket-m .title{
  width:245px;
  height:143px;
  padding:88px 0 0;
  font-size:28px;
}
.page-node-205 .pakets .paket .options{
  width:195px;
  height:300px;
  margin:0 auto;
  padding:36px 0;
  background:url(../img/cloud-footer.png) no-repeat 0 0;
  background-size:contain;
  z-index:1;
  position:relative;
  font-size:22px;
  color:#396bbb;
  text-align:center;
}
.page-node-205 .pakets .paket .options .option{
  padding:0 7px;
}
.page-node-205 .pakets .paket .options .option-1{
  margin:0 0 27px;
}
.page-node-205 .pakets .paket .options .option-2{
  margin:0 0 26px;
}
.page-node-205 .pakets .paket .options .option-3{
  margin:0 0 25px;
}
.page-node-205 .pakets .paket .options .option-4{
  margin:0 0 24px;
  font-size:20px;
  font-weight:bold;
}
.page-node-205 .pakets .paket .options .option-5{
  margin:0 0 24px;
  font-size:16px;
  font-weight:bold;
}
.page-node-205 .pakets .paket-xl .options .option-5{
  font-size:20px;
}
.page-node-205 .pakets .paket .options .option.option-6{
  background:#fff;
  border:solid 1px #39679e;
  margin:0 0 0 1px;
  padding:6px 7px;
  max-width:186px;
}
.page-node-205 .big-btn{
  text-align:center;
  margin:0 0 100px;
}
.page-node-205 .big-btn a{
  font-size:21px;
  color:#fff;
  display:inline-block;
  text-decoration:none;
  background:#39679e;
  padding:10px 25px;
  border:solid 7px #fff;
  border-radius:20px;
  box-shadow: 0px 0px 5px 3px rgba(178,194,217,1);
}
.page-node-205 .big-btn a:hover{
  box-shadow: 0px 0px 7px 5px rgba(178,194,217,1);
}
.page-node-205 .blue-line{
  display:flex;
  justify-content:space-between;
  padding:6px 10px;
  margin:0 0 20px;  
  background:#395d8f;
  border-radius:8px;
  font-size:15px;
  color:#fff;
}
.page-node-205 .blue-line span:first-child{
  flex:1 0;
}
.page-node-205 .blue-line .price{
  width:75px;
}

@media (min-width:768px){
  .page-node-205 .blue-line{
    padding:6px 25px;
  }
  .page-node-205 .blue-line .price{
    width:unset;
  }
}
@media (min-width:992px){
  .page-node-205 .blue-line{
    font-size:18px;
    padding:6px 25px;
  }
}
@media (min-width:1200px){
  .page-node-205 .big-btn a{
    font-size:22px;
    padding:20px 25px;
  }
  .page-node-205 .blue-line{
    font-size:22px;
    padding:10px 55px 10px 60px;
  }
}