* {
    box-sizing: border-box;
}


/*-----------------------------------------------------------------ALLGEMEIN-----------------------------*/


.mainTitle{
color: #004280;
font-size: 26px;
line-height: 29px;
font-weight:bold;    
}

.telIcon{
height: 25px;
padding: 0px;
}

.titleSub{
color: #555;
font-size: 18px;
}


.titleBox{
padding-left: 572px;
padding-top: 110px;
}


.titleBox button{
padding:8px 20px;
} 


.homeBild{
float:right;padding-left:20px;
}
.welcome{
height: auto; overflow: hidden;
}

.homeText{
	font-size: 19px;line-height: 28px;
}

.defArticleFull{
    padding:10px 0;
}

.defArticle{
margin:0 auto;
max-width:1170px;
}

#grey{
background: #ccc url(../../../images/home/karton_1.png);
background-repeat: no-repeat;
background-position: 57px 133px;
}



#grey_2{
background: #ccc url(../../../images/home/karton_2.png);
background-repeat: no-repeat;
background-position: 1644px 163px;
background-size: 290px;
}


.titleWrapper{
height: 552px;	
background: #d7d7d7;
}

/*-----------------------------------------------------------------Kopfzeile-----------------------------*/
.mod-list li a{
    background:url(../../../images/home/menu_icon.png);
    background-repeat:no-repeat;
}



#header{
background: url('../../../images/home/banner_2.png');
background-repeat:no-repeat;
background-position:top center;
}



#header-b{
position: absolute;
width:50%;
right:0px;
height: 200px;
z-index:-200;
background: url('../../../images/home/banner_3.png');
background-repeat:repeat-x;;
background-position:top center;
}

#header-a{
z-index: -200;
position: absolute;
width: 50%;
height: 200px;

background: url('../../../images/home/banner_1.png');
background-repeat:repeat-x;;
background-position:top center;
}

#header-w{

}

/*-----------------------------------------------------------------Kopfzeile-----------------------------*/
/*-----------------------------------------------------------------Fusszeile-----------------------------*/



#bottom-a{
z-index: -200;
position: absolute;
width: 50%;
height: 200px;
bottom:0px;

background: url('../../../images/home/banner_1_flip.png');
background-repeat:repeat-x;;
background-position:bottom center;
}

#bottom-b{
height: auto;
position: absolute;
width:50%;
right:0px;
height: 200px;
z-index:-200;
bottom:0px;

background: url('../../../images/home/banner_3_flip.png');
background-repeat:repeat-x;;
background-position:bottom center;
}





/*-----------------------------------------------------------------Fusszeile-----------------------------*/

.title{
border:0px solid red;
height: 553px; 
background: url('../../../images/home/title.png');
background-repeat:no-repeat;
background-position:bottom center;
}



.subtext{color: #555;font-size: 18px;line-height: 25px;}



/*-----------------------------------------------------------------ALLGEMEIN-----------------------------*/
/*-----------------------------------------------------------------uberuns-----------------------------*/

.teamText{color: #8a7a54;font-size: 19px;line-height: 28px;}
.teamText strong{color:#cbb37c;}



.UberUns:after {
    content: "";
    display: table;
    clear: both;
}








/*-----------------------------------------------------------------uberuns-----------------------------*/
/*-----------------------------------------------------------------FOOT-----------------------------*/


.info{
    color:#555;
    margin:0px;
    font-size:11px;
	margin-left: 15px;margin-top: 9px;
}
.info a{
    color:#555;
}
.info a:hover{
    color:#0065ad;
}


.foot{
color: #555;
list-style-type: none;
text-align: right;
font-size: 15px;
margin-left: 0px;
}

.navi{
color:#004280;
line-height:21px;
font-size: 17px;
margin-left: 20px;
list-style: none;
}



/*-----------------------------------------------------------------FOOT-----------------------------*/
/*-----------------------------------------------------------------DIENSTLEISTUNG//ERSTE SEITE AUFBAU-----------------------------*/

.dicon{
	height:50px
}


.dbild{
	height:171px;float:left;padding-right:20px;
}

.button {
color: #d7d7d7;
padding: 10px 40px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;
background: #0065ad;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

.button:hover{
background-color: #004e98;
color:white;
text-decoration:none;
}
.dtext{
	font-size: 19px;line-height: 28px;
} 
.dienstbild{
	width:365px;
	float:left;
	padding-right: 20px;
}
.dienstleistungen{
overflow:hidden;
} 
 
.vorteile_1{
    overflow:hidden;
}

.singleVorteil .icon, .dienstIcon .icon {
        width: 99px;
}

.singleVorteil {
    float: left;
    width: 25%;
    padding-left:35px;
    padding-right:35px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    text-align:center;
}

.vorteile:after {
    content: "";
    display: table;
    clear: both;
}

 
.dienstIcon {
    float: left;
    width: 25%;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    text-align:center;
}

#dienste{
height:40px;
} 

  
 /*-----------------------------------------------------------------KONTAKT-----------------------------*/
.haftung{font-size: 17px;padding-top: 15px;color:#000000;text-align:justify;}
.haftung strong{color:#004280;}
.kontakttext{font-size: 17px;padding-top: 15px;line-height: 28px;color: #000000;}
.kontakttext strong{color:#004280;}
.map{float:right; float: right;padding: 14px;}
/*-----------------------------------------------------------------KONTAKT-----------------------------*/

 



/*-----------------------------------------------------------------DIENSTLEISTUNG//ERSTE SEITE AUFBAU-----------------------------*/
/*-----------------------------------------------------------------RESPONSIVE-----------------------------*/


@media screen and (max-width: 1700px){
#grey{background-position: -163px 133px;}
}


@media screen and (max-width: 1160px) {
#bottom-a, #bottom-b, #header-a, #header-b{display:none;}
#header, #bottom{width:100%;}
#grey,#grey_2  {background: #ccc;}
#nav ul li a {padding: 10px 26px;}
.title {background-position: 27% 0;}
.user2 {padding-right: 16px;width:204;}
.logo img {padding-left:2px;}
}


@media screen and (max-width: 1020px) {
#nav ul li a {padding: 9px 22px;margin-left:0px;}

.titleBox{padding-left: 526px; padding-top: 75px;}

}


@media screen and (max-width: 1000px) {
#bottom{background-position: -400px 56px;}
.singleVorteil{padding-left: 10px; padding-right: 10px;}
.subtext {font-size: 17px;height: 100px;}
#socialwide {background-image: linear-gradient(90deg,#000 -50%,#cbb37c6e 50%, #000 150%);}

.absatz{margin-bottom:0px;}
#nav ul li a {padding: 9px 25px;}
}

@media screen and (max-width: 900px) {
#header{background-position: -8px -8px;}
.titleBox{padding-left:  400px; padding-top: 55px;}

}


@media screen and (max-width: 800px) {
#bottom{background-position: -580px 56px;}
.titleBox{padding-left: 352px;}
.title {background-position: 27% 0;}
.logo-container {float:none;}
.singleVorteil{width:50%;}
.defArticleFull {padding: 10px 6px;}
.subtext{padding:0 39px;}
.user3{width: 340px;}
}


@media screen and (max-width: 700px) {
.titleBox{padding-left:  253px; padding-top: 18px;}
.singleVorteil {padding-left: 2px; padding-right: 2px;}
.dbild {width: 30%; height: auto;}	
.user2 {width: 235px;}
.homeBild{width:300px;}
.dienstIcon{width:33%;}
}


@media screen and (max-width: 600px) {
#bottom{background-position: -680px 56px;}
#header{background-position: -95px -8px;}
.user2 {padding-left: 5px;width:210px;}	
.user3	{width:180px;}
.singleVorteil {}
.map{float:none; width:100%;}
.subtext {padding:0px 17px;}
.dbild { width: 100%; height: auto; padding-left: 35%; padding-right: 35%;}	

}



@media screen and (max-width: 500px) {
.titleBox{padding-left:  173px; padding-top: 20px;font-size: 23px}
#header{background-position: -74px -8px; background-size: auto 120px;}
#header-w{ height: 142px;}
.logo img {height:82px;margin-top:36px;}
.dienstIcon {width: 50%;}
.teamText{height: 73px;}
.UberUns{padding-bottom:20px;}
.title {background-position: 26% 0;}
#redim-cookiehint{padding:4px 3px;}
.dienstbild{width:245px;}
}



@media screen and (max-width: 450px) {
#bottom {background-position: -578px 94px;background-size: auto 125px;}
.homeBild{width:100%;padding-left:0px;}
.subtext{height:155px;}
}

@media screen and (max-width: 400px) {
.titleWrapper{height:400px;}
h1{line-height: 36px;font-size:24px;}
h2{font-size: 23px;}
.logo img {height:85px;margin-top:38px;}
.MainTitle {height:380px;overflow-y: hidden;}
.titleBox{padding-left:  1px; padding-top: 30px;}
.title {background-size: auto 373px;height: 412px;background-position: 89% 34px;}
.dbild { width: 100%; height: auto; padding-left: 27%; padding-right: 27%;}	
.user2{width: 176px;padding-right: 9px;}
.user3{width:173px}
.singleVorteil .icon{width:110px;}
.subtext{padding:0px 0px;height:auto;}
.singleVorteil{width:100%;}
}



@media screen and (max-width: 350px) {
.dienstbild{width:100%;}
.logo img {height:85px;margin-top:43px;}
.titleBox{padding-left:  8px; padding-top: 30px;width:198px;}
.user3{padding-right: 9px}
.button{padding: 10px 30px;}
#bottomwide{height:384px}
#bottom{background-position: -578px 260px;}
}

@media screen and (max-width: 330px) {
.logo img {height:85px;margin-top:4px;}
.user3{padding-right: 9px}
}


@media screen and (max-width: 300px) {
.titleBox{padding-left: 0px; padding-top: 5px;}
.dicon {height: 40px;}	
.dbild {width: 100%; height: auto; padding-right: 50px;padding-left: 50px;}
.itoggle_style_2 h3{font-size: 23px;}	
.subtext {padding:0px 0px;}
.dienstIcon {width: 100%;}
}






/*-----------------------------------------------------------------RESPONSIVE-----------------------------*/