/* Effective stylesheet produced by snapshot save */

body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin: 0px; padding: 20px; color: #666; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" ; font-family: font-weight: 300; font-size: 1.2em; line-height: 130%; }

h1 { font-size: 1.5em; line-height:120%; color:#3fa535; font-weight:500; margin: 0; padding: 10px 0 5px 0;}
h2 { font-size: 1.4em; line-height:120%; color:#999; font-weight:400; margin: 0; padding: 10px 0 5px 0;}
h3 { font-size: 1.4em; line-height:120%; color:#3fa535; font-weight:400; margin:0; padding: 10px 0 5px 0; }

h6 { font-size: 0.6em; line-height:120%; color:#DDD; font-weight: 100; margin: 0; padding:0 0 5px 0;}

p { padding: 0 0 10px 0; margin: 0; display:block; text-align:left; }


ul { 
	margin-top: 5px;
	margin-left: 0;
	padding-left: 15px;
	padding-top: 0;
	padding-bottom: 5px;
	list-style-type: square;
}

li { 
	margin-bottom: 4px;
	list-style-type: square;
	padding-left: 0px;
	list-style-position: outside;
}


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

#container { margin: 0px auto; }
#content { background: #FFF; none repeat scroll 0% 0%; padding: 0px; }
#content { margin: 10px; }
#logo { display: block; max-width: 95%; height: 45px; margin-left: 5px; padding-left: 0px;  background-image:url(../logo_ka_140.jpg); background-repeat:no-repeat;}

#navigation { clear: both; display: none; }

#mobinav { float: right; display: block; margin:0;}

#footernavigation { display: block; clear:both;}


#navigation .navbutton { min-width: 128px; width: 45%; background-color: #FFF;; margin: 5px; padding: 0; float: left; border: 1px solid #999; }
#footernavigation .navbutton { min-width: 128px; width: 45%; background-color: #FFF;; margin: 5px; padding: 0; float: left; border: 1px solid #999; }

#navigation a { min-width: 140px; width: 100%; color: #999; display: block; padding: 5px; font-size: 1em; }
#footernavigation a { min-width: 140px; width: 100%; color: #999; display: block; padding: 5px; font-size: 1em; }

#navigation a.nav_on { color:#933; }

#maincontent { clear: both; padding-top: 10px; }

.box1sp { color: FFF; max-width:95%; padding:0; margin: 5px; background-position:center;  background-size: cover;}
.box1sp a.Link { padding: 5px; vertical-align:bottom; width:100%; display:block; font-size: 1.6em; line-height: 110%;}
.box1sp .wie_Link { padding: 5px; vertical-align:bottom; width:100%; display:block;font-size: 1.6em; line-height: 110%;}


.box2sp { color: FFF; max-width:95%; padding:0; margin: 5px; background-position:center; background-size: cover;}
.box2sp a.Link { padding: 5px; vertical-align:bottom; width:100%; display:block; xxxfont-size: 1.6em; line-height: 110%; }
.box2sp .wie_Link { padding: 5px; vertical-align:bottom; width:100%; display:block; font-size: 1.6em; line-height: 110%; }

.box2sp_ref { color: FFF; max-width:95%; padding:0; margin: 5px; background-position:center; background-size: cover;}
.box2sp_ref a { padding: 5px; vertical-align:bottom; width:100%; display:block; font-size: 1.0em; line-height: 110%; }


.box3sp { color: FFF; max-width:95%; padding:0; margin: 5px; background-position:center;}
.box3sp a.Link { padding: 5px; vertical-align:bottom; width:100%; display:block; }
.box3sp .wie_Link { padding: 5px; vertical-align:bottom; width:100%; display:block;}

.box5sp { color: DDD; padding-top:5px; max-width:95%; padding:0; margin: 5px; background-position:center;}


.swipe1sp, .swipe2sp, .swipe3sp { max-width:100%; }


.swiper-container {
        width: 100%;
    }
	
.swiper-slide {
        text-align: left;
        background: #fff;

        /* Center slide text vertically
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; */
    }
	
	.swiper-button-next, .swiper-button-prev { display: none; }
	
	.kundenlogo {color:#BBB;}
	.kundenlogo img {margin: 5px 0;}
    .kundenlogo p {text-align:center; font-weight:normal; padding:0; margin:5px; font-size: 0.8em; line-height:120%;}

.phpform_label { display: block; float: left; width: 100%; clear: left; margin-bottom:10px; }

.phpform_feld { display: block; float: left; width: 95%; margin:0; padding:0; }
.phpform_feld input { width: 95%; font-size: 1em;}
.phpform_feld textarea { width: 95%; height: 180px; margin-bottom: 10px; font-size: 1.2em;}

.phpform_submit { width: 100%; margin-top: 10px; clear:left; }

input[type=submit] {
    min-width: 180px; background-color: #FFF;; margin: 0; padding: 5px; float: left; border: 1px solid #999; font-size: 1em; color: #999; }


@media only screen and (min-width: 760px) {
  #content { width: 750px; margin: 10px auto; }
  #logo { width: 140px; height: 35px; margin: 5px; margin-left:5px; padding-left:0;}
  #logo img {width: 140px; }
  
  #mobinav, #footernavigation { display: none;}
  
  #navigation { display: block; }
  #navigation .navbutton {width: 138px; height: 30px; margin: 5px; float: left; background-size: contain; }
  #navigation a { display: block; min-width: 140px; width: 140px; height: 30px; text-align: center; padding: 5px 0; font-size: 1.1em; }
  
  .box1sp { width: 140px; min-height: 140px; padding:0; float:left;}
  .box1sp a.Link { width: 130px; min-height:130px; }
  .box1sp .wie_Link { width: 130px; min-height:130px; }

  .box2sp { width: 290px; min-height: 140px; padding:0; float: left; overflow:hidden; }
  .box2sp a.Link { width: 280px; height:130px; }
  .box2sp .wie_Link { width: 280px; min-height:130px; }
  
  .box2sp_ref { width: 290px; min-height: 140px; padding:0; float: left; overflow:hidden; }



  .box3sp { width: 440px; xxxmin-height: 140px; padding:0; float: left; overflow:hidden; }
  .box3sp a.Link { width: 430px; xxxheight:130px; }
  .box3sp .wie_Link { width: 430px; xxxmin-height:130px; }

  
  .box5sp { width: 740px; padding:0; float: left; overflow:hidden; max-width:100%;}
 
 .swipe1sp { width:140px; }
 .swipe2sp { width:290px; }
 .swipe3sp { width:440px; }
 
 	.swiper-button-next, .swiper-button-prev { display:block ; }


 
  	.kundenlogo {color:#FFF;}
    .kundenlogo:hover {color:#AAA;}
	.kundenlogo img {width: 140px;}
    .kundenlogo img {-webkit-filter: grayscale(1) opacity(.5); filter: grayscale(1) opacity(.5);}
    .kundenlogo:hover img {-webkit-filter: grayscale(0) opacity(1); filter: grayscale(0) opacity(1);}



.phpform_label { width: 150px; }

.phpform_feld { width: 280px; }
.phpform_feld input { }
.phpform_feld textarea { }

.phpform_submit { margin-left: 150px; }

input[type=submit] {
    min-width: 140px; }


}
@media only screen and (min-width: 1000px) {
  #content { width: 970px; margin: 20px auto; }
  #logo { width: 180px; height: 45px; margin: 5px;  background-image:url(../logo_ka_180.jpg);}
  #logo img {width: 180px; }

  
  #navigation .navbutton { width: 178px; height: 35px; margin: 5px; }
  #navigation a { display: block; width: 180px; height: 32px; text-align: center; padding: 8px 0; font-size: 1.3em; }
  
  .box1sp { width: 180px; min-height:180px; }
  .box1sp a.Link { width: 170px; min-height:170px; }
  .box1sp .wie_Link { width: 170px; min-height:170px; }


  .box2sp { width: 370px; min-height:180px; }
  .box2sp a.Link { width: 360px; min-height:170px; }
  .box2sp .wie_Link { width: 360px; min-height:170px; }

  .box2sp_ref { width: 370px; min-height:180px; }


  .box3sp { width: 560px; xxxmin-height:180px; }
  .box3sp a.Link { width: 550px; xxxmin-height:170px; }
  .box3sp .wie_Link { width: 550px; xxxmin-height:170px; }
  
  .box5sp { width: 940px; padding:0; float: left; overflow:hidden; }

 .swipe1sp { width:180px; }
 .swipe2sp { width:370px; }
 .swipe3sp { width:560px; }

 
	.kundenlogo img {width: 180px;}


.phpform_label { width: 190px; }

.phpform_feld { width: 360px; }
.phpform_feld input { }
.phpform_feld textarea { }

.phpform_submit { margin-left: 190px; }

input[type=submit] {
    min-width: 180px; }

  
}
@media only screen and (min-width: 1320px) {
  #container { width: 80%; max-width: 1388px; background-position: center center; }
  #content { border-left: 15px solid rgb(255, 255, 255); border-right: 15px solid rgb(255, 255, 255); }
}