img.branchen {margin-left:20px}
main {padding-top:40px}	
	.logo img {max-width:80%}
	
	td { border-bottom: 1px solid #999; border-left:0px; border-right:0px; padding:10px 0}
a { transition: all ease .4s}
a:hover { transition: all ease .4s}
.ce_text.block h2 {margin-top:40px; margin-bottom:20px}

.mod_newsreader .layout_full h1, .mod_newsreader .layout_full h2  {margin-bottom:20px;}

/*textbreite bei ce_text-element*/
#width75 {width: 75%;}
#width50 {width: 50%;}
#width25 {width: 25%;}

.layout_latest.arc_1, .layout_latest.arc_3 {margin-bottom:20px}
/*anpassung left right*/
ul.level_2 {display:none!important;}

.mainRight .mod_newslist h2 { line-height: 21px!important;} 
.mainRight .mod_newslist p {margin-top:0px}
.mainRight .mod_newslist p {margin-bottom:4px}
.mainRight .mod_newslist p.info {margin-top:12px}
nav.main.desktop li strong {background: #00aac6;
    color: #fff;
    transition: all ease .4s;
	font-size: 13px;
    padding: 3px 18px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Source Sans Pro Regular', Helvetica, Arial, sans-serif;
    }

 nav.topNavi.desktop li strong {background: #00aac6;
    color: #fff;
    transition: all ease .4s;
	font-size: 13px;
    padding: 4px 0px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Source Sans Pro Regular', Helvetica, Arial, sans-serif;
    }
.headerBox.imageLeft .left {    width: 0!important}
 .headerBox.imageLeft .right {padding-left:0px!important;}   
.layout_short p {margin:0px; display:inline;} 
.layout_short h2 a {
    color: #00aac6;
    font-size: 21px!important;margin-bottom:12px!important;}
    .layout_short h2 a::before {
    content: ""!important;
    margin-right: 0px!important;
}
.mod_newslist h2 {
    line-height: 27px!important;
    margin-bottom: 10px;
}

.layout_short {
    line-height: 21px!important;
    margin-bottom: 40px!important;
}
.headerBox a {color:#fff}
.headerBox a:hover {text-decoration:none; color:#006c7d;}
.headerBox a:before, .sidebar li span:before {
    content: "\f105";
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-size: 16px;
}
.mainRight .layout_latest p.more a:hover {color:#006c7d;}

@media print {
  a[href]:after {
    content: none;
  }
}
*::-moz-selection 									{ background: none repeat scroll 0 0 rgba(0, 170, 198, 1); color: #fff; text-shadow: none; }
*::-webkit-selection								{ background: none repeat scroll 0 0 rgba(0, 170, 198, 1); color: #fff; text-shadow: none; }
*::selection 										{ background: none repeat scroll 0 0 rgba(0, 170, 198, 1); color: #fff; text-shadow: none; }

/* FONTS
-------------------------------------------------- */
@font-face {
    font-family: 'Source Sans Pro Regular';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
}
@font-face {
    font-family: 'Source Sans Pro Light';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGOode0-EuMkY--TSyExeINg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format('woff');
}

@font-face {
    font-family: 'Source Sans Pro Bold';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGEo0As1BFRXtCDhS66znb_k.woff2) format('woff2'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format('woff');
}
@font-face {
    font-family: 'Source Sans Pro Semibold';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCOFnW3Jk0f09zW_Yln67Ac.woff2) format('woff2'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff) format('woff');
}

strong {  font-family: 'Source Sans Pro Semibold'; font-weight: 600;}
.highlightbox_left_wrapper h3 { font-family: 'Source Sans Pro Semibold'; }




/* MAIN
-------------------------------------------------- */
body												{ font-family: 'Source Sans Pro Regular', Helvetica, Arial, sans-serif; font-size: 16px; color: #4A4A4A;; }
.invisible                                          { display: none !important; }
h1, h2, h3, h4, h5, h6                              { margin: 0; padding: 0;}
.ce_text.last.block h1 {line-height:34px;}
.ce_text.last.block h2 {color:#00AAC6; margin-top:12px;}
.ce_text.first.block h2 {color:#00AAC6; margin-bottom:12px;}
.ce_text.block h2 {color:#00AAC6; font-size:1.8em; font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; }

h3 {font-size:26px; font-family: 'Source Sans Pro Semibold'; font-weight: 600;margin-bottom:12px;}


.big-text {font-size:16px !important; margin-top:5px;}

.ce_image figure img {width: 100%;
    height: auto;}
.pageWrapper.lock									{ position: fixed; left: calc(50% - 585px); left: -webkit-calc(50% - 585px); } 
.overlayContainerWrapper							{ display: none; }
.overlayContainerWrapper.open						{ display: block; position: absolute; width: 100%; z-index: 99999; }

a                                                   { color: #00aac6; }
/* NAVIGATION
-------------------------------------------------- */

/*menu open*/
.fa-bars                                            { color: #00aac6; font-size: 33px; border: 0; background: none; float: left; margin-right: 18px; position: relative; top: -3px;  }

/*main*/
nav.main.desktop                                    {  }
nav.main.desktop ul                                 { margin: 0; padding: 0; color: #000; }
nav.main.desktop ul ul                              { display: none; }
nav.main.desktop li                                 { float: left; list-style: none; }
nav.main.desktop li a,
nav.main.desktop li strong                            { font-size: 13px; padding: 3px 18px; color: #000; text-decoration: none; text-transform: uppercase; display: inline-block;  }
nav.main.desktop li a:hover,
nav.main.desktop li strong,
nav.main.desktop li.trail		                    { background: #00aac6; color: #fff; transition: all ease .4s; }
nav.main.desktop li.trail a		                    { color:#fff; }

/*topNavi*/
nav.topNavi.desktop ul                              { margin: 0; padding: 0; border-top: 1px solid #8c8c8c;  }
nav.topNavi.desktop li.submenu ul  					{ display: none; }
nav.topNavi.desktop ul li                           { width: 50%; float: left; list-style: none; text-align: center; border-right: 1px solid #8c8c8c; border-bottom: 1px solid #8c8c8c; }
nav.topNavi.desktop ul li:nth-child(odd)			{ border-left: 1px solid #8c8c8c; } 
nav.topNavi.desktop a,
nav.topNavi.desktop strong                            { color: #000; padding: 4px 0; display: inline-block; text-transform: uppercase; font-size: 13px; }
nav.topNavi.desktop li.last a,
nav.topNavi.desktop li.last strong                    { background: #8c8c8c; color: #fff; width: 100%; }
nav.topNavi.desktop li.active,
nav.topNavi.desktop li:hover,
nav.topNavi.desktop li.trail              			{ background: #00aac6; }
nav.topNavi.desktop li.active strong,
nav.topNavi.desktop li:hover strong,
nav.topNavi.desktop li:hover a,
nav.topNavi.desktop li.trail a                      { color: #fff; text-decoration: none; }

nav.topNavi.desktop li.active.last a,
nav.topNavi.desktop li.active.last strong,
nav.topNavi.desktop li.trail.last a,
nav.topNavi.desktop li.trail.last strong,
nav.topNavi.desktop li.last:hover a,
nav.topNavi.desktop li.last:hover strong              	{ background: #00aac6; color: #fff; width: 100%; }

/*navigation overlay*/
nav.main.overlay                                    { padding-top: 15px; margin-bottom: 70px; }
nav.main.overlay ul                                 { padding: 0; width: 100%; }
nav.main.overlay ul ul                              { width: auto; margin: 0 0 0 80px; }
nav.main.overlay li                                 { display: block; }
nav.main.overlay li.submenu ul                      { display: inline-block; }
nav.main.overlay ul ul li                           { display: inline-block;}
nav.main.overlay ul li                              { list-style: none; }
nav.main.overlay a,
nav.main.overlay strong                               { color: #fff; font-size: 26px; display: inline-block; font-family: "servus-slab",georgia; font-style: normal; font-weight: 400; line-height: 1.5em;}
nav.main.overlay strong {color:#006c7d;}
nav.main.overlay li li a,
nav.main.overlay li li strong                         { color: #fff; font-size: 18px; padding-right: 35px; font-family: 'Source Sans Pro Regular', Helvetica, Arial, sans-serif;}
nav.topNavi.overlay ul li.active strong               { text-decoration:underline; }
.fa-times                                           { background: none; color: #fff; border: 0; font-size: 33px; margin-top: 30px; }

/*topNavi overlay*/
nav.topNavi.overlay                                 { margin-bottom: 30px; }
nav.topNavi.overlay ul                              { margin: 0; padding: 0; }
nav.topNavi.overlay li                              { list-style: none; }
nav.topNavi.overlay li a                            { color: #fff; font-size: 24px;  font-family: 'Source Sans Pro Light', Helvetica, Arial, sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing:0.1em;}
nav.topNavi.overlay li.active strong 					{color: #fff; font-size: 24px;  font-family: 'Source Sans Pro Light', Helvetica, Arial, sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing:0.1em; text-decoration:underline; }
nav.topNavi.overlay li.active strong  	{color:#006c7d;}
nav.topNavi.overlay ul ul a,
nav.topNavi.overlay ul ul strong 						{ font-size:16px; }
nav.topNavi.overlay li.submenu ul 					{ display: inline-block; margin-left:50px; } 
nav.topNavi.overlay li.submenu ul li                { display: inline-block; margin-left: 25px; }



nav.main.overlay li.submenu .level_3 {display:none;}
nav.topNavi.overlay li.submenu  .level_2, nav.topNavi.overlay li.submenu  .level_3 {display:none;} 


/*subnavigation*/

.sidebar ul											{ margin: 0; padding: 0; }
.sidebar li											{ list-style: none; border-bottom: 1px solid #ccc; width: 100%;  }
.sidebar ul ul										{ list-style: none; border-bottom: 1px solid #ccc; width: 100%; padding-bottom: 15px;  }
.sidebar li a,
.sidebar li strong									{ padding: 10px 0; display: /*inline-block*/flex; color: #4a4a4a; width: 100%; }
.sidebar li.submenu	,
.sidebar li.submenu ul strong,
.sidebar li.submenu ul a,
.sidebar li li										{ border: none; padding: 5px 0 0 0; }
.sidebar li a:hover,
.sidebar li.active strong,
.sidebar li.trail a		 							{ color: #00aac6; text-decoration: none; }
.sidebar li a:before,
.sidebar li span:before								{ content: "\f105"; font-family: 'FontAwesome'; margin-right: 10px; font-size: 16px; }  
.sidebar ul ul a:before,
.sidebar ul ul strong:before							{ margin-left: 15px; display: inline-block;}
.sidebar li strong.trail								{ padding-bottom: 0; }								

/*phone*/
.fa-phone,
.fa-phone:hover										{ float: right; font-size: 30px; color: #00aac6; margin-right: 10px; text-decoration: none; }

/*slideshow unterseite*/




.slideshowWrapperUnterseite { margin-bottom:20px;}
.slideshowWrapperUnterseite	.img-responsive			{ width: 100%;}
.slideshowWrapperUnterseite	.carousel-inner .item			{ padding: 0 30px; }
.slideshowWrapperUnterseite	.carousel-indicators li	{ background: #8b8b8b; border: 0; width: 10px; height: 10px; margin: 0; margin-right: 8px; }
.slideshowWrapperUnterseite	.carousel-indicators	{ position: static; margin: auto; }
.slideshowWrapperUnterseite	.carousel-indicators li.active	{ background: #049daf; border: 0; width: 10px; height: 10px;  }

.slideshowWrapperUnterseiteCaption 					{ position:relative; width:100%; /*background:rgba(0, 170, 198, 0.85) none repeat scroll 0 0;*/ background: #fff none repeat scroll 0 0; color:rgba(0, 170, 198, 0.85); padding:15px 0 8px 0; 
    												  font-family: "servus-slab",sans-serif; font-size: 14px; font-style: normal; bottom:0; font-weight: 400; }
.slideshowWrapperUnterseite .carousel-control		{  background-image: none !important; top: 0px; width: 3%; opacity: 1; }
.slideshowWrapperUnterseite .carousel-control.left	{ left: 0px; }
.slideshowWrapperUnterseite .carousel-control.right	{ right:0px;}

@media (min-width: 992px) and  (max-width: 1200px)   { .slideshowWrapperUnterseite .carousel-control		{ top: 0px; } }
@media (min-width: 768px) and  (max-width: 992px)   { .slideshowWrapperUnterseite .carousel-control		{ top: 0px; } }
@media (max-width: 768px)   { .slideshowWrapperUnterseite .carousel-control		{ top: 0px; } }
    
/*ce_text*/
.ce_text ul											{ margin: 30px 0 30px 15px; padding: 0; }



/* HEADER
-------------------------------------------------- */
header                                              { margin-bottom: 30px; }

/*logo*/
.logo												{ margin-top: 33px; }

/*border-top*/
.border-top                                         { border-top: 3px solid #00aac6; margin: 0 15px; padding-bottom: 27px;}

/*headerSliderWrapper*/
	.headerSliderWrapper .carousel-caption					{ position: static; }
	.headerSliderWrapper .image .carousel-caption {height: 220px;}

.headerSliderWrapper                                { margin-top: 85px; }
.headerSliderWrapper .item.nonImage                 { background: #00aac6;  }
.headerSliderWrapper .item.nonImage .carousel-caption { margin: 0; position: static; padding: 62px 100px; text-shadow: none; text-align: left; }
.headerSliderWrapper .carousel-control              { background-image: none !important; top: 57px; width: 7%; opacity: 1;}
.headerSliderWrapper .carousel-control img          { margin-top: 100%; }
.headerSliderWrapper .item.nonImage .carousel-caption p{ font-family: "servus-slab",sans-serif; font-style: normal; font-weight: 400; font-size: 28px; margin: 0; line-height: 31px; }
.headerSliderWrapper .item.nonImage .carousel-caption h1{ font-weight: normal; font-family: 'Source Sans Pro Light', Helvetica, Arial, sans-serif; font-size: 40px; text-transform: uppercase; margin-bottom: 12px; }
.headerSliderWrapper .image .carousel-caption		{ width: 100%; bottom: 0; background: rgba(0, 170, 198); left: 0; right: 0; padding: 10px 15px; text-align: left; text-shadow: none;  }  


.headerSliderWrapper .carousel-indicators                  { left: -41%; bottom: -15px; margin-left: auto; width: 100%; text-align: right; padding-right: 15px;  }



.headerSliderWrapper .image .carousel-caption a {
 text-transform:uppercase; letter-spacing:1px; border-bottom:1px solid white;
}

.headerSliderWrapper .image .carousel-caption h1	{ font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal;}


.headerSliderWrapper .image .carousel-caption p		{ font-family: "servus-slab",sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height:1.4em; margin:0;}
    
    
    
    
.headerSliderWrapper .image .carousel-caption a		{ color: #fff; }
.headerSliderWrapper .item							{ height: 480px; overflow: hidden; }
.headerSliderWrapper .img-responsive				{ width: 100% !important; }



/*overlay*/
.overlayWrapper                                     { position: fixed; top: 0; left: 0; bottom: 0 !Important; right: 0; background: rgba(0, 170, 198, .95); z-index: 1000; display: none; height: 100%; }


/*anpassungen 2022*/
.headerSliderWrapper .image .carousel-caption {padding: 20px 45px 10px 45px;}
.headerSliderWrapper .carousel-control {top: 388px;}
.headerSliderWrapper .image .carousel-caption h1.first {font-weight: normal;
    font-family: 'Source Sans Pro Light', Helvetica, Arial, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 42px;}
.second {font-size: 28px;  line-height: 42px; margin-top:10px;}

/* CONTENT
-------------------------------------------------- */
/*gallerie item*/
.gallerieItemWrapper                                { position: relative; margin-bottom: 30px; }
.gallerieItemWrapper:hover .gallerieItemOverlay     { opacity:1; transition: all ease .5s; }
.gallerieItemWrapper img                            { width: 100%; }
.gallerieItemOverlay                                { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/open-plus.png) 10px 20px no-repeat rgba(255, 255, 255, .8); z-index: 300; font-family: "servus-slab",sans-serif; font-style: normal; font-weight: 600; color: #4c4c4c; font-size: 24px; padding: 75px 0 0 80px; opacity:0;  }

/*newslist startseite*/
.mainRight											{ margin-top: 0px; }
.mainRight .day,
.mainRight .month                                   { display: inline-block; width: 100%;  }
.mainRight .month                                   { font-size: 24px; font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif;}
.mainRight .day                                     { font-family: 'Source Sans Pro Semibold', Helvetica, Arial, sans-serif; font-size: 40px; padding-top: 10px; }
.mainRight time                                     { border-left: 1px solid #00aac6; border-right: 1px solid #00aac6; display: inline-block; padding: 0; text-align: center; color: #00aac6; line-height: 15px; width: 65px; }
.mainRight .layout_latest .left                     { float: left; width: 17%; }
.mainRight .layout_latest .right                    { float: left; width: 83%; line-height: 3px; padding-top: 5px; }
.mainRight .layout_latest h2 a                      { font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; font-size: 16px; line-height:5px; color: #4c4c4c; }

.mainRight .layout_latest p.more a                  { color: #00aac6; text-decoration: underline; font-size: 14px; line-height:12px; font-family: 'Source Sans Pro Regular', Helvetica, Arial, sans-serif; }
.mainRight  h2                                      { font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; font-size: 24px; color: #4c4c4c; margin-bottom: 0px; }
.mainRight .mod_newslist                            { margin-bottom: 14px; }
.mainRight .mod_newslist .teaser                    { min-height: 0; line-height:21px; font-size:15px; }
.mainRight .mod_newslist .teaser  p {margin-top:0px;}
.linkNewsStartpage									{ display: block; text-align: right; border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; color: #00aac6; margin-bottom: 20px; }
.linkKundenStartpage								{ display: block; text-align: right; color: #00aac6; margin-bottom: 60px; }
.linkKundenStartpage:hover,
.linkNewsStartpage:hover							{ text-decoration: none; color: #00aac6; }

/*kundenlogos*/
.kundenLogos img                                    { border: 1px solid #d5d5d5; }
.kundenLogos                                        { margin-bottom: 30px; }
.noMarBottom .kundenLogos							{ margin-bottom: 0; }

/*pressePortal*/
.pressePortal                                       { margin-bottom: 95px; margin-top: 18px; }
.pressePortal .item                                 { background: #00aac6; }
.pressePortal .carousel-caption                     { margin: 0; position: static; padding: 40px; text-shadow: none; min-height: 244px; }
.pressePortal .carousel-indicators                  { left: -41%; bottom: -15px; margin-left: auto; width: 100%; text-align: right; padding-right: 15px;  }
.pressePortal .carousel-caption h2                  { font-family: "servus-slab", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 28px; }
.pressePortal .carousel-caption h3                  { font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 2px; }
.pressePortal .carousel-caption p                   { font-family: 'Source Sans Pro Regular', Helvetica, Arial, sans-serif; font-size: 14px; line-height:8px;margin: 0; padding-bottom: 30px; }
.pressePortal .carousel-caption                     { text-align: left;}
.whiteBorder                                        { width: 80px; text-align: left; margin-bottom: 17px; border-top: 4px solid #fff; margin-left: 0; }
a.more                                              { position: relative; z-index: 999; color: #fff; text-decoration: underline; font-size: 14px; font-family: 'Source Sans Pro Regular', Helvetica, Arial, sans-serif; }
.pressePortal p										{ display: inline; }
.pressePortal p.date								{ display: block; margin-bottom: 2px; padding: 0; font-size: 12px; }
.pressePortal .carousel-control						{ background-image: none !important; top: 122px; width: 10%; opacity: 1; }
.pressePortal .carousel-control.left				{ left: -5px; }
.pressePortal .carousel-control.right				{ right:-5px;}
/*.pressePortal .carousel-caption .presseSliderText p { line-height:16px; display: inline-block; padding-bottom:0; }
.pressePortal .carousel-caption .presseSliderText a.more { display: inline; }*/

.fullLayout.content {
    padding-left: 15px!important;
}   



/*vorstellung*/
.vorstellung .carousel-caption                      { width: 31%; position: absolute; right: 0; top: 0; left: auto; text-align: left; padding: 45px 25px; text-shadow: none; }
.vorstellung .carousel-caption2						{ position: absolute; top: 18px; left: 35px; }
.vorstellung .carousel-caption2 h2					{ font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; font-size: 24px; }
.vorstellung .carousel-caption2 p					{ font-family: 'Source Sans Pro Regular', Helvetica, Arial, sans-serif; font-size: 24px; margin: -5px 0 0 0; }
.vorstellung .img-responsive						{ width: 69%; }
.vorstellung                                        { position: relative; margin-bottom: 75px; }
.vorstellung .item									{ background: #00aac6; }
.vorstellung .carousel-indicators                   { left: 66%; bottom: 0; }
.vorstellung h3                                     { font-family: "servus-slab",sans-serif; font-style: normal; font-weight: 600; font-size: 38px; margin-bottom: 10px; }
.vorstellung h4                                     { font-size: 18px; font-family: 'Source Sans Pro Light', Helvetica, Arial, sans-serif; margin-bottom: 70px; font-weight: normal; }
.vorstellung p										{ font-size: 18px; font-family: "servus-slab",sans-serif; font-style: normal; font-weight: 400; }
.btn_profil	a										{ color: #fff; border: 4px solid  #fff; display: inline-block; padding: 10px 55px; position: absolute; bottom: 10px; right: 20px; font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; }
.btn_profil a:hover									{ text-decoration: none; color: #fff; } 
.vorstellung .carousel-control						{ background-image: none !important; top: 285px; width: 10%; opacity: 1; z-index:999; }
.vorstellung .carousel-control.left					{ left: -30px; }
.vorstellung .carousel-control.right				{ right:-30px;}

/*kundenstatements*/
.kundenstatements									{ margin-bottom: 85px; } 
.kundenstatements .img-responsive					{ float: right; } 
.kundenstatements .carousel-control					{ text-shadow: none; background: none; padding-top: 13%; width: 8%; }
.kundenstatements .item								{ padding: 0 100px; } 
.kundenstatements .carousel-caption					{ bottom: auto; left: 0; text-shadow: none; color: #000; text-align: left; position: relative; line-height: 26px; } 
.kundenstatements h2								{ font-family: "servus-slab", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; color: #4c4c4c; font-size: 32px; line-height:36px; margin-bottom: 20px; } 
.kundenstatements a {color: #4c4c4c;}
.kundenstatements p									{ color: #00aac6; font-size:16px; line-height:20px; font-family: "servus-slab",sans-serif; font-style: italic; font-weight: 400; margin: 0; }
.kundenstatements p	a								{ color: #00aac6; font-size:16px; line-height:20px; font-family: "servus-slab",sans-serif; font-style: italic; font-weight: 400; margin: 0; }

.kundenstatements p:last-child						{ margin-top: 5px; }
.kundenstatements .author							{  padding-top: 10px; font-style: normal; font-family: 'Source Sans Pro Semibold', Helvetica, Arial, sans-serif; font-size: 14px; color: #4c4c4c; display: block; line-height: 18px; }
.kundenstatements .erklaerung						{  font-style: normal; font-family: 'Source Sans Pro Regular', Helvetica, Arial, sans-serif; font-size: 14px; color: #4c4c4c; width: 100%; display: block; line-height: 18px; }
.kundenstatements .btn_profil a						{ border-color: #00aac6; color: #00aac6; position: relative; bottom: auto; margin-top: 25px; float: right; right: auto; font-size: 14px; font-style: normal; font-family: "Source Sans Pro Bold",Helvetica,Arial,sans-serif; } 

.kundenstatements .rightWrapper						{ float: left; width: 60%; }

/*schnell kontakt startseite*/
.formWrapperStartseite								{ border: 1px solid #d5d5d5; padding: 25px; position: relative; } 
.formWrapperStartseite input[type=text],
.formWrapperStartseite input[type=email],
.formWrapperStartseite input[type=tel]				{ border: 0; margin-bottom: 10px; border-bottom: 1px solid #4c4c4c; width: 47%; padding: 0px 5px 0px 0; 
													  font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; color: #4c4c4c; font-size: 14px; } 
.formWrapperStartseite .submit						{ position: absolute; bottom: 25px; right: 40px; background: none; border: 4px solid #4c4c4c; color: #4c4c4c; padding: 10px 55px;  
													  font-family: "Source Sans Pro Bold",Helvetica,Arial,sans-serif; font-size: 14px } 
.noMarBottom input[type=text]						{ margin-bottom: 0; }
.formWrapperStartseite .captcha_text 				{ display:block; font-size:14px; font-family: "Source Sans Pro Regular",Helvetica,Arial,sans-serif; margin:3px 0 0 0; color: #4c4c4c;}

.formWrapperStartseite input:required 				{ box-shadow:none; }
.formWrapperStartseite input:required:focus 		{ border-bottom: 1px solid #ff0000; outline: none; }
.formWrapperStartseite input:required:hover 		{ opacity: 1; }

.formWrapperStartseite p.error 						{ display:block; font-size:12px; font-family: "Source Sans Pro Regular",Helvetica,Arial,sans-serif; margin:3px 0 0 0; color: #ff0000; padding:0; position:relative; top:60px; }

.formWrapperStartseite .widget-captcha p.error 		{ top:75px; }

input[placeholder],
[placeholder],
*[placeholder] 										{ opacity: 1 !important; }
::-webkit-input-placeholder 						{ opacity: 1; }
:-moz-placeholder 									{ opacity: 1; }
::-moz-placeholder 									{ opacity: 1; }
:-ms-input-placeholder 								{ opacity: 1; }


/*standart*/
.fullLayout.content									{ padding-left: 50px; }



/*contactWrapperStartseite*/
.contactWrapperStartseite							{ border-top: 4px solid #4c4c4c; padding-top: 35px; }
.contactWrapperStartseite p							{ margin-bottom: 30px; margin-left: 15px; font-family: 'Source Sans Pro Regular', Helvetica, Arial, sans-serif; color: #4c4c4c; font-size: 15px; line-height: 18px; }
.contactWrapperStartseite h4						{ font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; font-size: 24px; color: #4c4c4c; } 
.contactWrapperStartseite a,
.contactWrapperStartseite a:hover					{ font-family: 'Source Sans Pro Regular', Helvetica, Arial, sans-serif; color: #4c4c4c; font-size: 15px; line-height: 18px; }
.formWrapperStartseite h4							{ font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; font-size: 18px; color: #4c4c4c; font-size: 28px; } 
.formWrapperStartseite p							{ margin-left: 15px; font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; color: #4c4c4c; font-size: 15px; line-height: 18px; margin-bottom: 65px; padding-right: 200px; }

/*cases*/
.cases h2 a											{ font-family: 'Source Sans Pro Regular', Helvetica, Arial, sans-serif; font-size: 16px; color: #00aac6; }
.cases h2											{ margin-bottom: 10px; }
.cases .layout_latest								{ margin-bottom: 30px; }	
.cases img											{ width: 100%; height: auto; }													

/*headerBox*/
.headerBox											{ background: #00aac6; padding: 30px; margin-top: 30px; position: relative; }
.headerBox h1										{ font-family: 'Source Sans Pro Light', Helvetica, Arial, sans-serif; font-size: 32px; font-weight: normal; color: #fff; margin-bottom: 10px; line-height: 42px; text-transform: uppercase; }
.headerBox p										{ font-family: "servus-slab",sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 31px; margin: 0; color: #fff; }
.headerBox img										{ float: left; }
.headerBox .left,
.headerBox .right									{ float: left; }
.headerBox .left									{ width: 70%; }
.headerBox .right									{ width: 30%; }
.headerBox.nonImage .left							{ width: 100%; }
.headerBox.nonImage .right							{ display: none; }
.headerBox.imageLeft								{ overflow: hidden; height:253px; max-height: 207px; }
.headerBox.imageLeft .left							{ width: 128px; position: absolute; top: 0; bottom: 0; left: 0; background: yellow; }
.headerBox.imageLeft .left img						{  }
.headerBox.imageLeft .right							{ width: 100%; padding-left: 143px;  }
.headerBox.imageLeft h1								{ font-size: 32px; }

/*nachrichtenliste detailseite*/
.layout_short p.more								{ display: none; }
.layout_short p.info								{ margin: 0; font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; font-size: 14px; color: #4c4c4c;}
.layout_short h2 a									{ color: #00aac6; font-size: 14px; font-family: 'Source Sans Pro Semibold', Helvetica, Arial, sans-serif; }
.layout_short h2									{  line-height: 20px; }
.layout_short h2 a:before							{ content: "»"; margin-right: 3px; }
.layout_short .teaser p								{ margin: 0; }
.layout_short										{ line-height: 20px; margin-bottom: 10px; }
.layout_short .teaser								{ display: none; }
.mod_newslist .teaser								{ min-height: 70px; }
.mod_newslist h2									{ line-height: 20px; }


/*nachrichtenleser detailseite*/
.fullLayout p.back									{ display: none; }
.fullLayout a.back:before							{ content: url(../images/arrowleft.svg); position: relative; top: 3px; margin-right: 15px; }
.fullLayout a.back									{ color: #000; }
.fullLayout .backWrapper							{ text-align: right; }
.layout_full h2,
.layout_full p.info									{ display: inline; }
.layout_full h2										{ font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; }
.layout_full p.info									{ font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; font-size: 12px; margin: 0; }
.layout_full h1										{ font-family: "servus-slab",sans-serif; font-style: normal; font-weight: 600; font-size: 36px; line-height: 48px; margin-bottom: 35px; }  

/*sidebar*/
.sidebar h3											{ font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; margin-bottom: 19px; width: 67px; border-bottom: 4px solid #00aac6; white-space: nowrap; padding-bottom: 8px; text-transform: uppercase; font-size: 14px; }
.sidebar .image_container img						{ width: 120px; height: 120px; border-radius: 50%; margin-bottom: 25px; }

/*blog*/
.blog .sidebar .ce_text:first-child					{ margin-bottom: 63px; }

/*news*/
.news .sidebar										{ padding-top: 100px; }

/*presse item*/
.presseItem											{ border-bottom: 1px solid #ccc; margin-bottom: 35px; font-size: 14px; line-height: 18px; padding-bottom: 20px; }
.presseItem h2										{ font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; font-size: 24px; color: #4c4c4c; margin-bottom: 5px; }
.presseItem h4										{margin-top:15px; }

.presseItem a,
.presseItem a:hover									{ color: #00aac6; text-decoration: underline; }
.presseItem img										{ width: 100%; border: 1px solid #ccc; margin-top: 18px; margin-right: 15px; }
.presseItem .bottomRight							{ text-align: right; }
.presseItem .noPaddLeft								{ padding-left: 0; }
.presseItem .noPaddRight							{ padding-right: 0; }

/*download*/
.ce_download  .mime_icon,
.ce_download  .size									{ display: none; }
.ce_download a										{ text-transform: uppercase; padding: 20px 55px; background: #00aac6; color: #fff; display: inline-block; letter-spacing: 2px; }   
.ce_download a:hover								{ text-decoration: none; }
.ce_download										{ margin-bottom: 15px; }

/*referenzen detail*/
.referenzen p.back									{ display: none; }
.referenzen .container								{ position: relative; }
.refBack											{ position: absolute; right: 20px; top: -100px; font-size: 18px; color: #4c4c4b; }
.refBack:hover										{ color: #00aac6; }
.refBack:before										{ content: url("../images/arrow_news_back.png"); margin-right: 10px; position: relative; top: 5px; }
.referenzen h1										{ color: #4c4c4b; font-size:36px;}
.referenzen header 									{ margin-bottom: 55px; }
.refImageWrapper									{ margin-bottom: 30px; }
.refFirstBox										{ background: #00aac6; color: #fff; padding: 30px 30px 20px 30px; }
.refFirstBox h2										{ font-size: 28px; text-transform: none; line-height: 24px; }
.refFirstBox p										{ font-size: 15px; line-height: 20px; margin-bottom: 0; }  
.refFirstBox .whiteBorder							{ width: 125px; }
.refFirstBox,
.refSecondBox										{ /*height:303px;*/ min-height: 305px; margin-bottom: 30px; }
.imageLeft .btn_profil a							{ color: #00aac6; position: static; border-color: #00aac6; }
.imageLeft .btn_profil								{ float: right; }
.refTextWrapper h2									{ font-family: "servus-slab",sans-serif; font-style: normal; font-weight: 600; font-size: 36px; color: #00aac6; text-transform: none; margin-bottom: 25px; display: block; line-height:1.2em; }
.refTextWrapper h3									{ font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; font-size: 18px;  color: #4c4c4b;}

.imageLeft											{ margin-bottom: 30px; }
.refTextWrapper p									{ font-size: 15px; line-height: 20px; }
.imageRight .refImageWrapper img					{ float: left; width: calc(50% - 1px); width: -webkit-calc(50% - 1px); margin-right: 2px;  }
.imageRight .refImageWrapper img.last				{ margin-right: 0; }
.imageRight .refImageWrapper img.bigImage			{ width: 100%; float: none; margin-bottom: 2px; margin-right: 0;  }
.cyanBorder											{ border-top: 4px solid #00aac6; width: 260px; margin-left: 0; margin-bottom: 29px; }
.imageRight	.refTextWrapper							{ position: relative; top: -20px;  }
.imageRight .refTextWrapper	.btn_profil a			{ color: #00aac6; position: static; border-color: #00aac6; }
.imageRight .refTextWrapper	.btn_profil				{ float: right; }
.imageRight .refTextWrapper h3						{ font-family: 'Source Sans Pro Bold', Helvetica, Arial, sans-serif; font-size: 18px;  color: #4c4c4b; margin-bottom: 10px; line-height: 10px; }
.imageRight .refTextWrapper p						{ margin-bottom: 25px; }
.imageRight .refTextWrapper .btn_profil				{ margin-top: 13px; }


.randspalte {font-size:13px;}
/* FOOTER
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 370px;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 320px;
  background-color: #00aac6;
  color: #fff;
    padding-top: 35px;
}
.footerHeadline h4                                      { font-family: "servus-slab",sans-serif; font-style: italic; font-weight: 300; font-size: 18px; margin-bottom: 35px; }

/*footerCol*/
.footerCol ul                                           { margin: 0; padding: 0; }
.footerCol li   { list-style: none;  font-size: 12px; }

.footerCol a                                            { color: #fff; font-family: 'Source Sans Pro Regular', arial, helvetica, sans-serif; font-weight: 400; font-size: 12px; }
.footerCol li.active span	                            { color: #fff; text-decoration:underline;}
.footerCol h5                                           { margin-bottom: 15px; font-family: 'Source Sans Pro Bold', arial, helvetica, sans-serif; font-size: 12px; }
.footerRightNav											{ text-align: right; }



/*####################################################################################################################*/
/*################################################ RESPONSIVE STYLES #################################################*/
/*####################################################################################################################*/




@media (min-width: 1200px) {
    body 													{  }

}

@media (min-width: 992px) and  (max-width: 1200px) {
    body 													{  }
	nav.main.desktop li a									{ padding: 8px 11px; }
	       .logo .img-responsive									{ width: 80%;}
	nav.topNavi.desktop a									{ font-size: 12px; }
	.mainRight .layout_latest .right						{ padding-left: 20px; }
	.vorstellung h4											{ margin-bottom: 35px; }
	.pageWrapper.lock										{ position: fixed; left: calc(50% - 485px); left: -webkit-calc(50% - 485px); } 
	.headerSliderWrapper .item.nonImage .carousel-caption	{ padding: 60px; }
	.mainRight .layout_latest .right p						{ line-height: 16px; }
	.kundenstatements .leftWrapper							{ width: calc(40% - 50px);  width: -webkit-calc(40% - 50px); margin-right: 50px; }
	.kundenstatements h2									{ font-size: 30px; margin-bottom: 20px; }
	.kundenstatements h2 a {color: #4c4c4c;}
	.kundenstatements p										{ font-size: 16px; }
	.kundenstatements .carousel-caption						{ line-height: 23px; }
	.vorstellung h3											{ font-size: 26px; margin: 0 }
	.vorstellung h4											{ font-size: 16px; }
	.vorstellung p											{ font-size: 15px; }  
	.vorstellung .carousel-indicators						{ left: 66%; }  
	.overlayWrapper											{ height: auto; }
	.headerSliderWrapper .carousel-caption					{ position: static; }
	.headerSliderWrapper .item								{ height: 320px; }
	.mainRight .layout_latest .right h2						{ margin-bottom: 5px; }
	.mainRight .layout_latest .teaser p						{ margin: 0; } 
	.mainRight .layout_latest p.more						{ margin-top: 0; }
		.slideshowWrapperUnterseite .carousel-control.right {right:3px;}
	.presseItem h2											{ line-height: 26px; margin-bottom: 10px; }
	.headerBox.imageLeft p									{ font-size: 22px; line-height: 28px; }
	.fullLayout.content 									{ padding-left: 65px; }
	.mod_newslist .teaser									{ min-height: 90px; }
	.refFirstBox,
	.refSecondBox											{  max-height:none; }
	.gallerieItemOverlay									{ font-size: 14px; padding: 75px 0 0 90px; }
	
	.pressePortal .carousel-caption                         { min-height: 0px; padding-bottom:30px; }
	.pressePortal .carousel-control							{ top: 110px; }
	.pressePortal .carousel-control.left					{ left: 0px; }
	.pressePortal .carousel-control.right					{ right:0px;}
	
	.vorstellung .carousel-control							{ top: 230px; }
	.vorstellung .carousel-control.left						{ left: -15px; }
	.vorstellung .carousel-control.right					{ right:-15px;}
	
	
		
	
	/*anpassungen 2022*/
.headerSliderWrapper .image .carousel-caption {padding: 20px 60px 10px 60px;}
.headerSliderWrapper .carousel-control {top: 370px;}
.headerSliderWrapper .image .carousel-caption h1.first {font-weight: normal;
    font-family: 'Source Sans Pro Light', Helvetica, Arial, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 42px;}
.second {font-size: 28px;  line-height: 42px; margin-top:10px;}
.headerSliderWrapper .item							{ height: 457px; overflow: hidden; }


	

}






@media (min-width: 768px) and  (max-width: 992px){
	
	


    body 													{ margin-bottom: 390px; }
       .logo .img-responsive									{ width: 80%;}
	.mainRight .layout_latest .right						{ padding-left: 20px; }
	.vorstellung h4											{ margin-bottom: 20px; }
	.vorstellung h3											{ font-size: 26px; margin-bottom: 0; }
	.vorstellung .carousel-caption							{ padding-top:20px; padding-left: 10px; padding-right:40px; } 
	.pageWrapper.lock										{ position: fixed; left: calc(50% - 375px); left: -webkit-calc(50% - 375px); } 
	nav.main.overlay                                    { padding-top:0px; margin-bottom: 0px; }
	nav.main.overlay ul                                 { padding: 0; width: 100%; }
	nav.main.overlay ul ul                              { width: auto; margin: 0 0 0 40px; }
	nav.main.desktop										{ display: none; }
	nav.main.overlay ul ul li,		
	nav.main.overlay li.submenu ul							{ display: block; }
	
	.mainRight .layout_latest .right p						{ line-height: 20px; }
	.gallerieItemOverlay									{ font-size: 14px; padding: 40px 0 0 43px; }
	.formWrapperStartseite p								{ padding-right: 50px; }
	.footerCol.footerRightNav li							{ float: left; padding: 0 5px; }
	.footerCol.footerRightNav li:first-child				{ padding-left: 0; }
	.footerRightNav											{ text-align: left; margin-top: 30px; }
	footer													{ height: 360px; }
	.vorstellung h3											{ font-size: 22px; margin: 0 }
	.vorstellung h4											{ font-size: 16px; }
	.vorstellung p											{ font-size: 14px; line-height: 16px; } 
	.vorstellung .btn_profil a								{ position: static; margin-top: 10px; }
	.vorstellung .carousel-indicators						{ left: 66%; }
	.btn_profil a,
	.formWrapperStartseite .submit							{ padding: 10px 40px; }
	.overlayWrapper											{ height: auto; }
	.kundenstatements h2									{ font-size: 26px; margin-bottom: 20px; }
	.kundenstatements h2 a {color: #4c4c4c;}
	.kundenstatements p										{ font-size: 14px; }
	.kundenstatements .carousel-caption						{ line-height: 18px; }
	.kundenstatements .leftWrapper							{ width: calc(40% - 10px);  width: -webkit-calc(40% - 10px); margin-right: 10px; }
	.kundenstatements .carousel-control						{ width: 4%; }
	.headerSliderWrapper .carousel-caption					{ position: static; line-height: 27px;}
	.kundenstatements .item									{ padding: 0 50px; }




	.headerSliderWrapper .item.nonImage .carousel-caption h1{ font-size: 32px; }
	.headerSliderWrapper .item.nonImage .carousel-caption p	{ font-size: 21px; line-height: 22px; } 
	.headerSliderWrapper .item.nonImage .carousel-caption	{ padding: 60px; }
		.slideshowWrapperUnterseite .carousel-control.right {right:9px;}
/*	.headerSliderWrapper .item								{ height: 280px; }*/
	
	
	
	/*anpassungen 2022*/
.headerSliderWrapper .image .carousel-caption {padding: 20px 45px 10px 45px;}
.headerSliderWrapper .image .carousel-caption {height: 252px;}
.headerSliderWrapper .carousel-control {top: 370px;}
.headerSliderWrapper .image .carousel-caption h1.first {
	font-weight: normal;
    font-family: 'Source Sans Pro Light', Helvetica, Arial, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 42px;}
    
.second {font-size: 28px;  line-height: 42px; margin-top:10px;}
.headerSliderWrapper .item {height: 457px; overflow: hidden; }


	
	
	
	
	
	
	.mainRight .layout_latest .right h2						{ margin-bottom: 5px; }
	.mainRight .layout_latest .teaser p						{ margin: 0; } 
	.mainRight .layout_latest p.more						{ margin-top: 0; }
	.pressePortal .carousel-caption h2						{ line-height: 30px; }
	.pressePortal .carousel-caption h3						{ line-height: 20px; }
	.presseItem h2											{ font-size: 19px; line-height: 24px; margin-bottom: 10px; }
	.presseItem .bottomRight								{ text-align: left; }
	.presseItem img											{ width: 40%;}
	
	.pressePortal .carousel-caption 						{ padding-left:45px; padding-right:45px; }
	
	.headerBox.imageLeft p									{ font-size: 16px; line-height: 22px; }
	.fullLayout.content 									{ padding-left: 80px; }
	.refFirstBox,
	.refSecondBox											{  max-height:none; }
	.headerBox h1	{font-size: 22px!important;
    font-weight: normal;
    color: #FFF;
    margin-bottom: 10px;
    line-height: 32px;}

	.pressePortal .carousel-caption                         { padding-bottom:30px; }
	.pressePortal .carousel-control							{ top: 140px; }
	.pressePortal .carousel-control.left					{ left: 0px; }
	.pressePortal .carousel-control.right					{ right:0px;}
	
	.vorstellung .carousel-control							{ top: 170px; }
	.vorstellung .carousel-control.left						{ left: -15px; }
	.vorstellung .carousel-control.right					{ right:-15px;}
	nav.topNavi.overlay li.submenu ul li,
	nav.topNavi.overlay li.submenu ul 						{ display: block; margin-left: 0; }
	nav.topNavi.overlay li.submenu ul 						{ margin: 20px 0 20px 40px; }

}

@media (min-width: 768px) {
	.newlist {display:none}
	

}
@media (max-width: 767px) {
	.logo {
    margin-top: 0px!important;
}
.smallContentStartpage {
    padding: 0 20px 75px 20px!important;
}
.highlightbox_wrapper {
    background: #00aac6;
    color: #fff;
    padding: 30px 30px!important;}

	/*textbreite bei ce_text-element*/
#width75 {width: 100%;}
#width50 {width: 100%;}
#width25 {width: 100%;}
	
	.image_container {/*display:none*/}
	
	
	
	
	

.sidebar nav {display: none;}
	main 													{ margin-bottom: 50px; }
    body 													{ margin-bottom: 0; }
    .logo .img-responsive									{ width: 30%;}
	footer													{ height: auto; }
	.footerRightNav											{ text-align: left; margin-bottom: 30px; }
	.topNavi.desktop,
	.main.desktop											{ display: none; }
	.fa-bars												{ margin-bottom: 30px; }
	nav.main.overlay a										{ font-size: 26px; }
	nav.main.overlay ul ul									{ margin: 0 0 15px 30px; }
	.overlayWrapper											{  }
	.mainRight .layout_latest .right						{ padding-left: 20px; }
	.headerSliderWrapper .item.nonImage .carousel-caption	{ padding: 30px 35px; }
	.headerSliderWrapper .item.nonImage .carousel-caption h1{ font-size: 24px; line-height: 26px; }
	.headerSliderWrapper .item.nonImage .carousel-caption p	{ font-size: 14px; line-height: 20px; } 
	.mainRight .layout_latest .right						{ line-height: 15px; }
	.formWrapperStartseite p								{ padding: 0; }
	.slideshowWrapperUnterseite .carousel-control.right {right:9px;}
	.kundenstatements .carousel-caption						{ width: 100%; }
	.kundenstatements .img-responsive						{ float: none; }
	.kundenstatements .item									{ padding: 0; }
	footer													{ position: relative; }
	.btn_profil												{ position: static; }
	.formWrapperStartseite input[type="text"]				{ width:100%; }
	.kundenstatements .btn_profil							{ float: none; }
	.pageWrapper.lock										{ position: fixed; }
	.cases .layout_latest 									{ margin-bottom: 30px; }
	.headerSliderWrapper .carousel-caption					{ position: static; }
	.kundenstatements .leftWrapper,
	.kundenstatements .rightWrapper							{ width: 100%; }
	.kundenstatements .img-responsive						{ width: 100%; }
	.carousel-caption2										{ display: none; }
	footer													{ display: none; }
	.mainRight .layout_latest .right						{ padding-left: 40px; }
	.formWrapperStartseite									{ display: none; }
	.noPadd													{ padding-left: 0; padding-right: 0; }
	.kundenstatements h2									{ font-size: 26px; margin-bottom: 20px; }
	.kundenstatements h2 a {/*color: #4c4c4c;*/}
	.kundenstatements p										{ font-size: 14px; }
	.kundenstatements .carousel-caption						{ line-height: 18px; margin: 0 35px; width: calc(100% - 70px); }
	.kundenstatements .btn_profil							{ margin-bottom: 30px; display: inline-block; }
	.kundenstatements .carousel-control						{ width: 6%; }
	.kundenstatements .btn_profil a							{ white-space: nowrap; }
	nav.topNavi.overlay li.submenu ul li,
	nav.topNavi.overlay li.submenu ul 						{ display: block; margin-left: 0; }
	nav.topNavi.overlay li.submenu ul 						{ margin: 20px 0 20px 40px; }
	/*navigation overlay*/
	nav.main.overlay                                    { padding-top:0px; margin-bottom: 0px; }
	nav.main.overlay ul                                 { padding: 0; width: 100%; }
	nav.main.overlay ul ul                              { width: auto; margin: 0 0 0 40px; }


	nav.main.overlay ul ul li,		
	nav.main.overlay li.submenu ul							{ display: block; }
	.mainRight .layout_latest .right h2						{ margin-bottom: 0; }
	.mainRight .layout_latest .teaser p						{ margin: 0; } 
	.mainRight .layout_latest p.more						{ margin-top: 0; }
	.mainRight .layout_latest .right						{ padding-top: 7px; }
	.headerSliderWrapper .item								{ /*max-height: 330px; height: auto;*/ }
	.pressePortal .carousel-caption h2						{ line-height: 30px; }
	.pressePortal .carousel-caption h3						{ line-height: 20px; }
	.pressePortal .carousel-caption							{ padding-left:45px; padding-right:45px; }
	.vorstellung .carousel-caption							{ width: 100%; position: relative; padding-bottom: 45px;  }
	.vorstellung .btn_profil a								{ position: static; margin-top: 10px; }
	.vorstellung .img-responsive							{ width: 100%; }
	.vorstellung .carousel-indicators						{ left: 40px; }
	.vorstellung h4											{ margin-bottom: 15px; }
	.vorstellung h3											{ font-size: 26px; margin-bottom: 0; }
	.vorstellung p											{ font-size: 15px; }
	
	.vorstellung .carousel-control							{ top: 120px; }
	.vorstellung .carousel-control.left						{ left: 0; }
	.vorstellung .carousel-control.right					{ right: 0; }
	
	.sidebar nav											{ /*display: none;*/ }
	.sidebar .level_2{display:none;
}
.sidebar li.submenu {padding:0px;}
.sidebar li a, .sidebar li span {padding:0px;}
.presseportal .sidebar nav {display:none;}
.presseItem h2											{ font-size: 19px; line-height: 24px; margin-bottom: 10px; }
	
	.presseItem .bottomRight								{ text-align: left; }
	.presseItem .noPaddRight 								{ padding-right: 15px; }
	.presseItem .noPaddLeft 								{ padding-left: 15px; }
/*	.presseItem img											{ width: 40%;}*/
	
	.pressePortal .carousel-caption                         { padding-bottom:30px; height:auto; }
	.pressePortal .carousel-control							{ bottom: 48%; top:auto; }
	.pressePortal .carousel-control.left					{ left: 5px; }
	.pressePortal .carousel-control.right					{ right:5px;}
	
	.headerBox h1											{font-size: 22px; font-weight: normal; color: #FFF; margin-bottom: 10px; line-height: 27px;}
	



	.headerBox p											{ font-size: 16px; line-height: 20px; }  
	.ce_download a											{ padding: 10px 15px; font-size: 14px; }
	.headerBox.imageLeft .left								{ display: none; }
	.headerBox.imageLeft .right								{ padding-left: 15px; }
	.headerBox h1	{font-size:24px;}
	.fullLayout.content 									{ padding-left: 15px; }
	.headerSliderWrapper                                	{ margin-top: 35px; }
	.headerBox.imageLeft h1									{font-size: 24px;
    line-height: 30px;
    letter-spacing: 1px;}

	.headerBox 												{ background: #00AAC6 none repeat scroll 0% 0%; padding-top: 30px; padding-left:20px; margin-top: 20px; 
															  position: relative; }
	.headerBox.imageLeft 									{ overflow: hidden; }

    
	.mod_newslist .teaser									{ min-height: auto; }
	.refFirstBox,
	.refSecondBox											{ max-height:none; }
	.refBack												{ position: absolute; right: 20px; top: -40px; font-size: 18px; color: #4c4c4b; }
	
	
	
	/*anpassungen 2022*/
.headerSliderWrapper .image .carousel-caption {padding: 20px 45px 10px 45px;}
.headerSliderWrapper .image .carousel-caption {height: 360px;}

.headerSliderWrapper .image .carousel-caption h1.first {font-weight: normal;
    font-family: 'Source Sans Pro Light', Helvetica, Arial, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 42px;}
.second {font-size: 28px;  line-height: 42px; margin-top:10px;}
.headerSliderWrapper .item							{ height: 480px; overflow: hidden; }
.headerSliderWrapper .carousel-control {
    width: 11%;
    top:405px;}

	
	
	
	
			
}

@media (max-width: 414px) {
	.referenzen h1 {color: #4c4c4b; font-size: 21px;line-height:1.4em}
	
	img.branchen {width: 100%; height: auto; margin-bottom:20px; margin-left:0px}
h3 {
    font-size: 21px;
    line-height:1.4em; 
    font-family: 'Source Sans Pro Semibold';
    font-weight: 600;
    margin-bottom: 12px;
}


	#detailseite-all-you-can-read-52 {display:none;}
	#blognav {display:none;}
	#detailseite-all-you-can-read-52 .blog .detail .layout_full h1 {
    font-family: "servus-slab",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;}
    
    .invis {display:none;}
}





.ce_text a.back {text-transform:uppercase;letter-spacing:1px; font-size: 13px;}
.ce_text a.back:before {
    content: url(../images/arrowleft.svg)!important;
    position: relative;
    top: 3px;
    margin-right: 15px;
}
.ce_image figcaption {
    color: rgba(0, 170, 198, 0.85);
    padding: 15px 0 8px 0;
    font-family: "servus-slab",sans-serif;
    font-size: 14px;
    font-style: normal;
       font-weight: 400; margin-bottom:40px;}
       
       
       
       
.pagination                                         { margin-top: 50px; width: 100%; }
.pagination > p                                     { display: none; }
.pagination ul                                      { display: flex; justify-content: center; list-style-type: none; width: 100%; }
.pagination ul li                                   { margin-right: 5px; }
.pagination ul li:last-child                        { margin-right: 0; }
.pagination ul li a                           { background: #00aac6; min-width: 30px; height: 30px; color: white; border-radius: 25px; display: flex; align-items: center; padding: 10px; justify-content: center; line-height: 0; }
.pagination .current                            { background: #999; min-width: 30px; height: 30px; color: white; border-radius: 25px; display: flex; align-items: center; padding: 10px; justify-content: center; line-height: 0;  }


.pagination ul li a:hover                           { color: #ffffff; background: #999; transition: all 0.3s ease; }





/* Update 2023 */


/* Startseite */
.startseite header { position: relative; }
.startseite .container.header-image-wrapper { margin-bottom: 120px; padding: 0; } 
.startseite .header-image img { height: auto; object-fit: cover; object-position: center; }
.startseite .header-logo-image { position: absolute; top: 120px; z-index: -1; overflow: hidden; }
.startseite .header-image {  }

.mainRight .layout_latest .left  { width: 26%; }
.mainRight .layout_latest .right { width: 73%; }

.mainRight .mod_newslist { margin-bottom: 30px; }
.kundenLogos img { width: 100%; }

.smallContentStartpage { padding: 0 50px 75px 50px; }
.smallContentStartpage h2.ce_headline { border-top: 2px solid #4c4c4c; padding-top: 15px; }
.smallContentStartpage h2.ce_headline { padding-bottom: 15px;  font-family: 'Source Sans Pro Bold';}

.ce_image figcaption { padding: 8px 0 8px 0; font-size: 12px; margin-bottom: 20px; }

.startseite .mod_newslist { border-top: 2px solid #4c4c4c; padding-top: 35px;  }
.startseite .mod_newslist h2 { padding-bottom: 20px; }

@media (min-width: 750px) { 
    .startseite .container.header-image-wrapper { width: 100%; height: 220px; } 
    .startseite .header-image img { width: calc(100%); height: 430px; }
    .smallContentStartpage { padding: 0 0 75px 0; }
    
}
@media (min-width: 992px) { 
    .startseite .container.header-image-wrapper { width: 100%; height: 270px; } 
    .startseite .header-image img { width: calc(100%); height: 520px; }
}
@media (min-width: 1200px) { 
    .startseite .container.header-image-wrapper { width: 100%; height: 350px; } 
    .startseite .header-image img { width: calc(100%); height: 610px; }
}
@media (min-width: 1400px) { 
    .startseite .container.header-image-wrapper { width: 1370px; height: 350px; } 
    .startseite .header-image img { width: 1340px;  }
}

@media (max-width: 768px) { 
    .startseite .logo .img-responsive { width: 126px; }
    .startseite .container.header-image-wrapper { width: 100%; height: 220px; } 
    .startseite .header-image img { width: calc(100%); height: 430px; }
      
    .mainRight .layout_latest .left  { width: 10%; }
    .mainRight .layout_latest .right { width: 90%; }
    
    .kundenLogos img { width: 100%; }
}