/********************************************************Theme Name:    localhyTheme URI:     files/themes/localhyDescription:Author:        Mario Assmann - mario.assmann@acs-it.deLicense:       none (public domain)Tags:          CSS Reset und Organisation, responsive********************************************************/
/*******************************    Reset    INITIALISIEREN    Farben    Header    Content - Intro********************************/
/*******************************FARBENHintergrund              #FFFFFFBlau                     #0094C8Rot                      #B45845Grün                     #B3CE36Orange                   #DFA827********************************/
@import "myfonts.css"; 
@charset "utf-8";

/*------------------------------------*\
                RESET     
\*------------------------------------*/
/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre,  hr, h1, h2, h3, h4, h5, h6, button {
	margin: 0;
	padding: 0
}
h1, h2, h3, h4, h5, h6 {
	/*font-size: 100%;
font-weight: normal*/
}
ul {
	list-style: none
}
button, input, select, textarea {
	margin: 0
}
html {
	box-sizing: border-box
}
*, *:before, *:after {
	box-sizing: inherit
}
img, embed, object, audio, video {
	height: auto;
	max-width: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0;
	text-align: left
}
/*------------------------------------*\
                INITIALISIEREN
\*------------------------------------*/
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	animation-duration: 3s;
	animation-name: slidein;
	color: #0094DA;
  font-size:110%;
}
@keyframes slidein {
from {
	filter: alpha(opacity=0);
	opacity: 0;
}
to {
	filter: alpha(opacity=100);
	opacity: 100;
}
}
body {
	margin: 0;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	background-color: #0094DA;
	scroll-behavior: smooth;
}
h1, h2 , h3, h4, h5, h6 {
	font-weight: bold;
	color: #fffff;
}
h2 {
	width: 100%;
}
a, li, {
	font-size: 120%;
	text-decoration: none;
	color: #A3ADB7;
  }
p {
	font-size: 120%;
	line-height: 1.2;
}
p, li {
	margin-bottom: 1.125rem;
}
img {
display: block; 
vertical-align: bottom;

}


h1 { font-size: 40px; font-size: 2.5rem; line-height: 1.3; margin-bottom: 2em, text-align: center;}
h2 { font-size: 32px; font-size: 2rem; line-height: 1.3; margin-bottom: 2em;text-align: center;}
h3 { font-size: 24px; font-size: 1.5rem; line-height: 1.3; margin-bottom: 2em;}
p { font-size: 16px; font-size: 1rem; line-height: 1.7; margin-bottom: 1em;}

.bg-white {
  background: #ffffff;
}

.bg-white h2 {
color:     #0094DA;
}

/*------------------------------------*\
                Module     
\*------------------------------------*/    

main div.inside {
margin-top:4.6875rem;
}

/*#intro {
margin-top: 4.5rem;
} */

.mod_article {
/*padding:  2rem 1rem;
padding:  4vw 1rem;   */
padding: 2rem 1rem;
}

.mod_article img {
width: 100%;
}

.mod_article ul {
	list-style: disc;
	margin-left: 1.2rem;
}
.ce_gallery ul {
	list-style: none;

}

nav.slider-control {
/*	top: -1.5rem;
	font-size: 4rem;*/
  /*display: none;*/
}
a.slider-next,
a.slider-prev {
  display: none;
}


.toggler {
position: relative;
font-weight: bold;
margin-bottom: 2em;
}
.accordion {
margin-bottom: 4em;

}

.ui-accordion-header-active:after {
content:"-";
position: absolute;
top:0;
right: 2px;
text-align: center;
}
.ui-accordion-header-collapsed:after {
content:"+";
position: absolute;
top:0;
right: 0;
}




/*------------------------------------*\
                Elemente Startseite     
\*------------------------------------*/



main {
/*	padding-top: 4.5rem;*/
}
.slider {
	position: relative;
	overflow: hidden;
}



#navigation-line {
	position: fixed;
	left: 0;
	top: 0;
	height: 4.5rem;
	background-color: #fff;
	width: 100%;
	z-index: 100;
}


#navigation-line .inner {
	position: relative;
	height: 100%;
}
#navigation-line .logo-no-claim {
	position: absolute;
	top: 1rem;
	right: 1rem;
}

#navigation-line .logo-no-claim .ce_image{
	height: 2.1rem;
}

#navigation-line .logo-no-claim img {
	max-width: 9rem;
}
nav button {
	padding: 1.3rem 1rem;
}
#navigation {
	visibility: hidden;
	height: 0;
}
#navigation a {
	font-size: 1.6rem;
  text-decoration: none;
  color: #0094DA;
}
#navigation.visibility {
	visibility: visible;
	background-color: #fff;
	/*height: ;*/
}
#navigation.visibility ul {
	padding: 0;
	text-align: center;
  background-color: #fff;
  padding-bottom: 1rem;
}
#navigation.visibility li {
	margin: 0;
/*	padding: 10px 0;*/
/*	width: 100%;*/
}



span.hamburger-inner, span.hamburger-inner::before, span.hamburger-inner::after {
	background-color: #A3ADB7;
}

#intro.mod_article {
/*  padding: 2rem 0 1.5rem 0;
  padding: 4vw 0 3vw 0;*/

}
#intro .slide {
position: relative;

}
#intro .slide figure {
     min-width: 35rem;
}

#intro .slide .slide-1 figure {
     margin-left: -50%;
}

#intro .slide .slide-2 figure {
     margin-left: -40%;
}

#intro .slide .slide-3 figure {
     margin-left: -30%;
}


#intro .slide-text-1 {
position: absolute;
padding: 1rem;
color: #ffffff;
bottom: 0;
left: 0;

}

#intro .slide-text-2 {
position: absolute;
padding: 1rem;
color: #ffffff;
bottom: 0;
left: 0;
}

#intro .slide-text-3 {
position: absolute;
padding: 1rem;
color: #ffffff;
bottom: 0;
left: 0;
}


#intro  h3 {
font-size: 5vw; 
}

#intro  p {
font-size: 5vw;
line-height: 7vw;
}




#intro .slider-text-1 p {

}
#intro .slider-text-2 p {
width: 65%;
}
 #intro .slide-text-3 p {

}

#intro nav.slider-control {
display:none;
}





#referenzen {
background-color: #0094DA;
color: #ffffff;
}

#referenzen .block{
background-color: #0094DA;
}

#team {
background-color: #0094DA;
color: #ffffff;
padding: 4vw 0;
}

#team h2,
#team .ce_text.block {
margin-bottom: 4vw;
}


#team .block {

}

div#team.mod_article.block {

}


#referenzen h2 {
color: #ffffff;

}

#referenzen h2,
#leistungen h2,
#team h2{
}

#team h3,
#team p

{
color: #ffffff;
padding:  0 1rem;
}

#leistungen {
background-color: #ffffff;
}

#leistungen p,
#leistungen li {
color: #0094DA;
margin-right: 2rem;
}



#faq {
background-color: #ffffff;
}

#faq p {
color: #0094DA;
margin-right: 2rem;

}

#service {
background-color: #ffffff;
}

#service p {
color: #0094DA;
margin-right: 2rem;

}

#servive p,
#service a {
text-decoration: none;
font-size: 1rem;
line-height: 1.7;
margin-bottom: 1vw;
color: #0094DA;
}

#service .ce_hyperlink {
margin-bottom: 1vw;
}

.ce_download a::before {
/*content: "\f107";
border: 1px solid #000000;
font-family: "FontAwesome"; */ /*der alte FontAwesome WebFont*/

}

footer {
padding: 3rem 0;
}
 
footer a,
footer p,
footer h2 {
  color: #ffffff;
  text-decoration: none;
  text-align: center;
}

footer .adresse {
margin-bottom: 1rem; 
}
 
@media only screen  and (min-width: 480px) {

#intro .slide .slide-1 figure,
#intro .slide .slide-2 figure,
#intro .slide .slide-3 figure {
margin-left: 0;
}
 
#intro .slide figure img {
    width: 100%;
 }

 #intro  h3 {
/*font-size: 5vw;*/ 
font-size: 200%;
line-height: 2;
margin-bottom: unset;
}

#intro  p {
/*font-size: 4vw;
line-height: 4.5vw;*/
font-size: 150%;
line-height: 1.5;
}

#team .block {


}


#team figure {
float: left;
max-width: 35%;


}


#team p,
#team h3 {
padding-left: 40%;
	color: #0094DA;
}

#team h3 {

}

#team .ce_text.block {
margin-bottom: 4vw;
background-color: #ffffff;
	color: #0094DA;
padding: 3vw 3vw 2vw 3vw;  
}

#referenzen .slider-control {
display: block;
}

#referenzen .ce_image.block {

}

#referenzen .slide {
display: flex;
}



#referenzen .content-slider {
     width: 74%;
     margin: 0 auto;

   }


#referenzen .ce_image {
flex:3;
}

#referenzen .slide-text {
flex:2;
}

#referenzen div.ce_text {
padding: 1em;
/*background-color: rgb(255,255,255,0.5);*/
height: 100%;

}



#referenzen a.slider-next {
    display: block;
    top: -11vw;
    right: 2vw ;
    position: absolute;
    z-index: 10000;
}


#referenzen a.slider-prev {
    display: block;
    top: -11vw;
    left: 2vw ;
    position: absolute;
    z-index: 10000;
}

#referenzen i {
	border: solid #ffffff;
	border-width: 0 0.3vw 0.3vw 0;
	display: inline-block;
	padding: 2vw;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#referenzen i:hover {
	transition: 0.5s ease-in;
	opacity: 1;
	filter: alpha(opacity=100);
}
#referenzen .right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#referenzen .left {
left: -4vw;	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

#intro .mod_article .block {
/*padding:  2rem 1rem;
padding:  4vw 1rem;   */
padding: 0;
}


}


@media only screen and (min-width: 48rem) {



#navigation-line {
position: fixed;
top:0;
height: 4.6875rem;
}

nav button.hamburger {
    display: none;
}

#navigation {
	visibility: visible;
  padding: 1rem;
  width: 75%;
}


#navigation ul {
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#navigation ul li {
	display: inline;
	margin: 0;
}

.mod_article .block {
max-width: 60rem;
margin: 0 auto;
}

#intro .mod_article,
div#intro.mod_article.slider.first.block   {
padding: 0;
}

#navigation-line .inner {
max-width: 60rem;
margin: 0 auto;

}


#intro .slide-text-1 {
position: absolute;
padding: 1rem;
color: #ffffff;
bottom: 0;
left: 0;

}

#intro .slide-text-1 {
width: 50%;
}


#intro .slide-text-2 {
width: 50%;
}

#intro .slide-text-3 {
width: 50%;
}



}