.sprung {
     margin-top: 600px!important; 
    top: 320px!important;
}

.up{
    margin-top: 60px!important; 
}
.abti {
    margin-top: -100px!important; 
}
.toppic img{
    width: 100%!important;
    height: auto;
}
.picmobil1 img{
    display: block;
width: auto;
    height: 50px!important;
}
.picmobil2 img{
margin-top: 10px;
    margin-bottom: 10px;
  width: auto;
    height: 30px!important;
}
.isotop{
margin-top: 26px;
}
.umbr{
-webkit-hyphens:auto; 
-moz-hyphens:auto; 
-ms-hyphens:auto; 
hyphens:auto;
}
.navbar-toggler img {
    height: 30px;
    width: 40px;
    margin-right: 65px;
}
.logotop {
    position: absolute;
    float: left;
    z-index: 800; 
    margin-top:0px;
    background-color:#FDF7E7;
    width: 250px;
    margin-top: 80px;
    padding-top: 17px;
    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 10px;
    height: auto!important;
        -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,.7);
	-moz-box-shadow: 0px 3px 10px rgba(0,0,0,.7);
	-o-box-shadow: 0px 3px 10px rgba(0,0,0,.7);
	box-shadow: 15px 25px 20px -25px rgba(0,0,0,.5);
}
.logotop img {
    background-color: transparent!important;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
}

.starthead {
    position: absolute;
    width: 100%;
    height: auto;
    font-size: 4em;
    line-height: 1em;
    color: #FDF7E7;
	text-shadow: 3px 3px 12px #000000;
    bottom: 124px!important;
    z-index: 600!important;
	}
.startround {
    position: absolute;
    width: 100%;
    height: auto;
    font-size: 4em;
    line-height: 1em;
    color: #FDF7E7;
    bottom: 80px!important;
    z-index: 600!important;
	}

.topfix {
    top: 94px!important;
    right: 50px!important;
    width: 70px!important;
    height: auto!important;
    position: fixed;
    display: block;
    float: right!important;
    z-index: 600!important;
    float: left;
	}
 .mobilbuttons{
    display: none;
	}
.boxsticky {
    position: fixed;
	}

.boxphone{
    display: block;
    float:inherit;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 17px;
    width: 96px;
    height: 96px;
	}
a .boxphone{ 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxphone {
   background-color:#CDB59D;
	}

.boxletter {
    display: block;
    float: left;
    margin-top: 0px;
    padding-top: 28px;
    padding-left: 19px;
    padding-right: 19px;
    padding-bottom: 17px;
    margin-right: 20px;
    width: 96px;
    height: 96px;
    border-top:none;
	}
a .boxletter { 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxletter {
    background-color:#CDB59D;
	}

.boxtext { 
   display: block;
    float: left;
    z-index: -250;
    padding-left: 5px;
    margin-top: 115px;
    width: 210px;
    height: auto;
    color: #000000;
    font-size: 18px;
    line-height: 24px;
	}
.back {
    z-index: -250;
	}
.boxpic{
  background-size: cover!important;
	}

a .boxpic {
    float: left;
    width: 100%;
    height: 300px;
   color: #FFFFFF;
	}
a:hover .boxpic {
    color: #000000;
   background-image: none!important;
     background-color: #E4D786;
	}
.boxmove {
    float: left;
    margin-top: -155px;
    width: 100%;
    height: auto;
	}
/*---------- Start boxes sechseck   ---------------- */
.pixel-corner {
background-color: #FFFFFF;
clip-path: polygon(5% 0, 95% 0, 100% 8%, 100% 92%, 95% 100%, 5% 100%, 0 92%, 0 8%);
}

.pixel-cornerli {
background-color: #FFFFFF;
clip-path: polygon(10% 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0 90%, 0 10%);
}
/*---------- End boxes sechseck  ---------------- */
#iso{
	display: none;
	}
.red {
	color: #FF9F78;
	}

.hellgelb {
	color: #FDF7E7;
	}

.green{
	color: #409184;
	}

.braun {
	color: #CDB59D;
	}

nav.navbar.navbar-default ul.nav > li > a:hover {
	color: #FDF7E7!important;
	}
nav.navbar.navbar-default ul.nav > li > a:active {
	color: #FDF7E7!important;
	}
.dropdown .simple-dropdown ul.nav > li > a:hover  {
        color: #FDF7E7!important;
        }

.dropdown .simple-dropdown ul.nav > li > a:active  {
        color: #FDF7E7!important;
        }

nav.navbar.bootsnav.navbar-default li.dropdown.simple-dropdown > ul.dropdown-menu > li.selected > a {
	color: #FDF7E7!important;
	}

/* ------------- footer ------------------- */
.separator-box{
    min-width: 100%!important;
    height: 34px!important;
    background-image:url("../img/muster.png");
    background-repeat: space!important;
    background-size: 40px 40px;
    background-position-x: left ;
}

.foolog img{
    min-width: 100px;    
    width: auto;
    height: 40px;
}
.footerlink h6 {
     font-family: 'SpaceGrotesk-Regular'!important;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    color: #000; 
    text-transform: uppercase;
}

.footerlink a{
 font-family: 'SpaceGrotesk-Regular';
    font-size: 18px;
font-weight: 400;
color: #FDF7E7; 
text-decoration:none;
line-height: 30px;
}
.foobi{
    margin-top: 25px;
}
.footerlink a:hover{
     font-family: 'SpaceGrotesk-Regular';
    font-weight: 700;
    color:#FF9F78;
    text-decoration:none;
}

.linkbreit a{
    color:#000;
    text-decoration: none;
}

.linkbreit a:hover{
    color:#fff;
    text-decoration: none;
}
.submit{
    align-items: left;
    max-width: 50%;
}

#contact-antispam{
    font-size: 18px;
}
.formtextklein{
    font-size: 15px;
}
.formtextklein a{
    color:#FF9F78;
}
.formtextklein a:hover{
    color:#575757;
}

/* Checkbox*/
.checkbox{
    margin-left: 40px; 
    font-family: 'SpaceGrotesk-Light', sans-serif;
    font-weight: 300;
    font-size: 20px;
}
 input[type=checkbox] {
     float: left;
	 width: 20px!important;
	 -moz-width: 20px;
	 height: 20px;
     padding-bottom: 20px;
	 position:relative;
	 -moz-transform: scale(1.9);
    -ms-transform: scale(1.9);
    left: 0px!important;
    }


/* Copyright */

	.copyright {
	position: relative;
	text-align: left;
	padding-top: 0.6em;
	padding-right: 0em;
	padding-bottom: 0.6em;
	padding-left: 0em;
	background-color: #000;
	font-family: 'SpaceGrotesk-Regular', sans-serif;
	font-size: 1.0em;
	font-weight: 300;
	display: block;
	}
	
	.copyright a {
	color: #FFF;
	margin-left: 0px;
	margin-right: 20px;
		}
		
	.copyright a:hover {
	color: #D3D3D3;
	margin-left: 0px;
		}
/* --------------------------------------------------------
 Liste Angebot
 ---------------------------------------------------------*/

.pics1 {
	width: 100%;
	background-color: transparent;
	margin: 0;
}
.left {
	margin-left: 3%;
}
.bhover{
    font-family: 'SpaceGrotesk-Bold', sans-serif!important;
}
.list-style-8 {
    background-color: #FDF7E7;
}
.list-style-8 .bhover{
    margin-top: -4px;
 }
.list-style-8 .bhover:hover{
    background-color: #CDB59D!important;
}
.list-style-8 li span .box {
    margin-left: 10px; 
    margin-right: 25px; 
    float: left;
    display: inline;
    width: 70px;
    height: auto;
    font-family: 'SpaceGrotesk-Regular', sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.list-style-8 li span .box2 {
    float: left;
    display: inline;
    width: 60px;
    margin-right: 40px;
    height: auto;
    font-family: 'SpaceGrotesk-Regular', sans-serif;
    font-size: 15px;
    font-weight: 400;
}
.list-style-8 li span .box3 {
    float: left;
    display: inline;
    width: 56px;
    margin-right: 25px;
    height: auto;
    font-family: 'SpaceGrotesk-Regular', sans-serif;
    font-size: 15px;
    font-weight: 400;
}
    .list-style-8 li .box4 {
    display: inline;
    width: 25px;
     margin-left: 0px;
     margin-top: -5px;
     font-family: 'SpaceGrotesk-Regular', sans-serif;
    font-size: 15px;
    font-weight: 400;
}
.posted{
    background-color: #CDB59D;!important;
    border-top: 1px solid rgba(0, 0, 0, 0.7);
    color:#000!important;
}

.list-style-8 li span.posted2{
    width: 80px;
    margin-right: 20px;
    margin-left: 10px;
    font-family: 'SpaceGrotesk-Bold', sans-serif;
    font-size: 15px;
    font-weight: 700;
}
.list-style-8 span.posted3{
     width: 80px;
    margin-right: 28px;
    font-family: 'SpaceGrotesk-Bold', sans-serif;
    font-size: 15px;
    font-weight: 700;
}
.list-style-8 span.posted4{
    
    padding-right: 30px;
    width: 40px;
    font-family: 'SpaceGrotesk-Bold', sans-serif;
    font-size: 15px;
    font-weight: 700;
}

/* --------------------------------------------------------
 Start Devices
 ---------------------------------------------------------*/

@media only screen 
and (min-device-width : 1536px) 
and (max-device-width : 2048px) 
and (-webkit-min-device-pixel-ratio: 2.0) { 
    
       .title-large {font-size: 40px; line-height:46px}
    .title-extra-large {font-size: 46px; line-height:54px}
}

@media only screen and (max-width: 1366px) {
    .list-style-8 li span .box {
    margin-right: 15px; 
    width: 70px;
    font-size: 14px;
}

.list-style-8 li span .box2 {
    width: 60px;
    margin-right: 25px;
    font-size: 14px;
}
    .list-style-8 li span .box3 {
    width: 65px;
    margin-right: 0px;
    font-size: 14px;
}
.list-style-8 li .box4 {
    width: 25px;
     margin-left: 5px;
    font-size: 14px;
}
.list-style-8 li span.posted2{
    padding-right: 0px;
    width: 45px;
    margin-left: 10px;
    font-size: 13px;
}
.list-style-8 span.posted3{
    padding-right: 0px;
    width: 40px;
    font-size: 13px;
}
.list-style-8 span.posted4{
    padding-right: 24px;
    width: 40px;
    font-size: 13px;
}

    }

@media only screen and (max-width: 1180px) {

    .logotop {
    width: 200px;
}
  .list-style-8 li span .box {
    margin-right: 17px; 
    width: 70px;
    font-size: 15px;
}

.list-style-8 li span .box2 {
    width: 65px;
    margin-right: 15px;
    font-size: 15px;
}
    .list-style-8 li span .box3 {
    width: 65px;
    margin-right: -5px;
    font-size: 15px;
}
.list-style-8 li .box4 {
    width: 25px;
     margin-left: 0px;
    font-size: 14px;
}
.list-style-8 li span.posted2{
    padding-right: 0px;
    width: 45px;
    margin-left: 10px;
    font-size: 14px;
}
.list-style-8 span.posted3{
    padding-right: 5px;
    width: 40px;
    font-size: 14px;
}
.list-style-8 span.posted4{
    padding-right: 24px;
    width: 40px;
    font-size: 14px;
}
    }


@media only screen and (max-width: 1112px) {
    
  .logotop {
     margin-top:40px;
    margin-left: 15px;
    width: 190px!important; 
    height:auto;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    }  
    
    .list-style-8 li span .box {
    margin-right: 30px; 
    width: 60px;
    font-size: 14px;
}

.list-style-8 li span .box2 {
    width: 65px;
    margin-right: 20px;
    font-size: 14px;
}
    .list-style-8 li span .box3 {
    width: 40px;
    margin-left: -10px;
    margin-right: 20px;
    font-size: 14px;
}
.list-style-8 li .box4 {
    width: 23px;
     margin-left: 0px;
    font-size: 14px;
}
.list-style-8 li span.posted2{
    padding-right: 2px;
    width: 50px;
    margin-left: 10px;
    font-size: 14px;
}
.list-style-8 span.posted3{
    padding-right: 0px;
    width: 40px;
    font-size: 14px;
}
.list-style-8 span.posted4{
    padding-right: 24px;
    width: 40px;
    font-size: 14px;
}


}


@media only screen and (max-width: 990px) {
   .logotop {
     margin-top:20px;
    margin-left: 15px;
    width: 190px!important; 
    height:auto;
    padding-top: 7px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 3px;
    }  
    .up{
    margin-top: 0px!important;
}
    .topfix {
    top: 110px!important;

	}
    
  .list-style-8 li span .box {
    margin-right: 20px; 
    width: 70px;
    font-size: 14px;
}

.list-style-8 li span .box2 {
    width: 60px;
    margin-right: 20px;
    font-size: 14px;
}
    .list-style-8 li span .box3 {
    width: 65px;
    margin-right: -5px;
    font-size: 14px;
}
.list-style-8 li .box4 {
    width: 22px;
     margin-left: 0px;
    font-size: 14px;
}
.list-style-8 li span.posted2{
    padding-right: 0px;
    width: 45px;
    margin-left: 10px;
    font-size: 13px;
}
.list-style-8 span.posted3{
    padding-right: 5px;
    width: 40px;
    font-size: 13px;
}
.list-style-8 span.posted4{
    padding-right: 24px;
    width: 40px;
    font-size: 13px;
}
}

@media screen and (max-width: 896px) and (min-width: 844px){
 .logotop {
     margin-top:-40px;
    margin-left: 15px;
    width: 190px!important; 
    height:auto;
    padding-top: 7px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 3px;
    }  
    .navbar-fixed-top { 
        top:-10px!important;
    }

    .mobi{
    margin-top: -10px!important;
}

    .logotop {
    margin-left: 20px!important;
}
.list-style-8 li span .box {
    margin-right: 60px; 
    width: 70px;
    font-size: 16px;
}

.list-style-8 li span .box2 {
    width: 90px;
    margin-right: 35px;
    font-size: 16px;
}
    .list-style-8 li span .box3 {
    width: 90px;
    margin-right: -10px;
    font-size: 16px;
}
.list-style-8 li .box4 {
    width: 25px;
     margin-left: -30px;
    font-size: 16px;
}
.list-style-8 li span.posted2{
    padding-right: 40px;
    width: 50px;
    margin-left: 10px;
    font-size: 15px;
}
.list-style-8 span.posted3{
    padding-right: 20px;
    width: 60px;
    font-size: 15px;
}
.list-style-8 span.posted4{
    padding-right: 44px;
    width: 40px;
    font-size: 15px;
}
    nav.navbar.bootsnav .navbar-nav{height:200px!important;}
/*  ------------------------ Mobile Navigation höhe ganzer Display ---------------------*/
}

@media screen and (max-width: 843px) and (min-width: 769px){

 .logotop {
     margin-top:-40px;
    margin-left: 15px;
    width: 190px!important; 
    height:auto;
    padding-top: 7px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 3px;
    }   

    /*---------- boxes bottom  ---------------- */
.korbox{ 
width: 50%!important;
	}
    
 
    /*---------- End boxes bottom  ---------------- */
    
      #iso{
	display:block;
	}
    .sliedpic img{
  display: none!important;
      }  
        
    .up{
    margin-top: 100px!important; 
}
    .menblack li a{
    font-size: 26px !important;
    margin-left: 20px;
    margin-right: 60px;
    }

    .menu{ 
    margin-top: 30px;
    }

.list-style-8 li span .box {
    margin-right: 40px; 
    width: 80px;
    font-size: 15px;
}

.list-style-8 li span .box2 {
    width: 90px;
    margin-right: 20px;
    font-size: 15px;
}
    .list-style-8 li span .box3 {
    width: 50px;
    margin-right: 40px;
    font-size: 15px;
}
.list-style-8 li .box4 {
    width: 25px;
     margin-left: -10px;
    font-size: 15px;
}
.list-style-8 li span.posted2{
    padding-right: 30px;
    width: 50px;
    margin-left: 10px;
    font-size: 15px;
}
.list-style-8 span.posted3{
    padding-right: 20px;
    width: 40px;
    font-size: 15px;
}
.list-style-8 span.posted4{
    padding-right: 44px;
    width: 40px;
    font-size: 15px;
}
    }

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

     .logotop {
     margin-top:-40px;
    margin-left: 15px;
    width: 180px!important; 
    height:auto;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    }  
    
.korbox{ 
width: 100%!important;
	}
    
    
    /*---------- boxes bottom  ---------------- */
    
.boxphone2{
    display: block;
    float: left;
    padding-top: 11px;
    padding-left: 21%;
    padding-bottom: 17px;
    align-items: center!important;
    margin-left: 0px;
    width: 760px;
    max-width: 50%!important;
    height: auto;
	}
a .boxphone2{ 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxphone2 {
   background-color:#CDB59D;
	}
    
    .boxletter2{
    display: block;
    float: left;
    padding-top: 11px;
    padding-left: 23%;
    padding-bottom: 17px;
    align-items: center!important;
    margin-left: 0px;
    width: 760px;
    max-width: 50%!important;
    height: auto;
	}
a .boxletter2 { 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxletter2 {
    background-color:#CDB59D;
	}
 
    /*---------- End boxes bottom  ---------------- */
    
    .mobi {
          margin-top: -20px;
    }
    .mobi p{
            font-size: 34px;
           line-height: 37px;
    }
        .logotop {
   margin-left: 10px;
    width: 180px!important; 
    height:auto;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    }  
    
    .list-style-8 li span .box {
    margin-right:30px; 
    width: 60px;
    font-size: 16px;
}

.list-style-8 li span .box2 {
    width: 70px;
    margin-right: 30px;
    font-size: 15px;
}
        .list-style-8 li span .box3 {
    width: 70px;
    margin-right: 0px;
    font-size: 16px;
}
.list-style-8 li .box4 {
    width: 25px;
     margin-left: 0px;
    font-size: 16px;
}
.list-style-8 li span.posted2{
    padding-right: 10px;
    width: 50px;
    margin-left: 10px;
    font-size: 14px;
}
.list-style-8 span.posted3{
    padding-right: 10px;
    width: 40px;
    font-size: 14px;
}
.list-style-8 span.posted4{
    padding-right: 24px;
    width: 40px;
    font-size: 14px;
}
    
    
    }


@media (max-width: 735px) {

 .logotop {
     margin-top:-40px;
    margin-left: 15px;
    width: 180px!important; 
    height:auto;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    }  
    .korbox{ 
width: 100%!important;
	}
    .submit{
    align-items: left;
    max-width: 90%;
}

.list-style-8 li span .box {
    margin-right:27px; 
    width: 70px;
    font-size: 15px;
}

.list-style-8 li span .box2 {
    width: 80px;
    margin-right: 25px;
    font-size: 15px;
}
        .list-style-8 li span .box3 {
    width: 50px;
    margin-right: 10px;
    font-size: 15px;
}
.list-style-8 li .box4 {
    width: 25px;
     margin-left: -20px;
    font-size: 15px;
}
.list-style-8 li span.posted2{
    padding-right: 15px;
    width: 50px;
    margin-left: 10px;
    font-size: 13px;
}
.list-style-8 span.posted3{
    padding-right: 10px;
    width: 40px;
    font-size: 13px;
}
.list-style-8 span.posted4{
    padding-right: 34px;
    width: 40px;
    font-size: 13px;
}

}

    
@media screen and (max-width: 667px) and (min-width: 568px){
 .logotop {
     margin-top:-40px;
    margin-left: 15px;
    width: 160px!important; 
    height:auto;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    }  
    .boxphone{ 
display: none!important;
	}
.boxletter{ 
display: none!important;
	}
    .boxtext{ 
display: none!important;
	}
    .sliedpic img{
  display: none!important;
}
.list-style-8 li span .box {
    margin-right: 30px; 
    width: 65px;
    font-size: 14px;
}

.list-style-8 li span .box2 {
    width: 70px;
    margin-right: 25px;
    font-size: 14px;
}
        .list-style-8 li span .box3 {
    width: 70px;
    margin-right: 20px;
    font-size: 14px;
}
.list-style-8 li .box4 {
    width: 24px;
     margin-left: 0px;
    font-size: 14px;
}
.list-style-8 li span.posted2{
    padding-right: 20px;
    width: 50px;
    margin-left: 10px;
    font-size: 13px;
}
.list-style-8 span.posted3{
    padding-right: 20px;
       margin-left: -10px;
    width: 40px;
    font-size: 13px;
}
.list-style-8 span.posted4{
    padding-right: 34px;
    width: 40px;
    font-size: 13px;
}    
             .mobilbuttons{ 
       position: fixed;
        display:inline;
       float: left;
       z-index: 9999!important;
       bottom: 71px!important;
       width: 100%!important;
	}
.boxphone2{
    display: block;
    float: left;
    padding-top: 11px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width: 285px!important;
    height: auto;

	}
a .boxphone2{ 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxphone2 {
   background-color:#CDB59D;
	}
    .boxletter2{
    display: block;
    float: left;
    padding-top: 11px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width:283px!important;
    height: auto;
	}
a .boxletter2 { 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxletter2 {
    background-color:#CDB59D;
	}
    .list-style-8 li span .box {
    margin-right: 10px; 
    width: 60px;
    font-size: 14px;
}
}
    
@media screen and (max-width: 567px) and (min-width: 451px){
 .logotop {
     margin-top:-40px;
    margin-left: 15px;
    width: 148px!important; 
    height:auto;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    }  
    .boxphone{ 
display: none!important;
	}
.boxletter{ 
display: none!important;
	}
    .boxtext{ 
display: none!important;
	}
    .sliedpic img{
  display: none!important;
}
.list-style-8 li span .box {
    margin-right: 25px; 
    width: 60px;
    font-size: 14px;
}

.list-style-8 li span .box2 {
    width: 70px;
    margin-right: 5px;
    font-size: 14px;
}
        .list-style-8 li span .box3 {
    width: 50px;
    margin-right: 20px;
    font-size: 14px;
}
.list-style-8 li .box4 {
    width: 22px;
     margin-left: 20px;
    font-size: 14px;
}
.list-style-8 li span.posted2{
    padding-right: 15px;
    width: 50px;
    margin-left: 10px;
    font-size: 13px;
}
.list-style-8 span.posted3{
    padding-right: 5px;
    margin-left: -10px;
    width: 40px;
    font-size: 13px;
}
.list-style-8 span.posted4{
    padding-right: 0px;
    width: 40px;
    font-size: 13px;
}    
         .mobilbuttons{ 
       position: fixed;
        display:inline;
       float: left;
       z-index: 9999!important;
       bottom: 71px!important;
       width: 100%!important;
	}
.boxphone2{
    display: block;
    float: left;
    padding-top: 11px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width: 225px!important;
    height: auto;
	}
a .boxphone2{ 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxphone2 {
   background-color:#CDB59D;
	}
    .boxletter2{
    display: block;
    float: left;
    padding-top: 11px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width:225px!important;
    height: auto;
	}
a .boxletter2 { 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxletter2 {
    background-color:#CDB59D;
	}
    .list-style-8 li span .box {
    margin-right: 10px; 
    width: 60px;
    font-size: 14px;
}
}

@media screen and (max-width: 450px) and (min-width: 415px) {

        .boxphone{ 
display: none!important;
	}
.boxletter{ 
display: none!important;
	}
    .boxtext{ 
display: none!important;
	}
 .logotop {
     margin-top:-40px;
    margin-left: 15px;
    width: 140px!important; 
    height:auto;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    }   
.copyright a {
	margin-right: 20px;
		}
    .up{
    margin-top: 80px!important; 
}
        .list-style-8 li span .box3 {
    font-size: 13px;
}

     .mobilbuttons{ 
       position: fixed;
        display:inline;
       float: left;
       z-index: 9999!important;
       bottom: 71px!important;
       width: 100%!important;
	}
.boxphone2{
    display: block;
    float: left;
    padding-top: 11px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width: 207px!important;
    height: auto;
	}
a .boxphone2{ 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxphone2 {
   background-color:#CDB59D;
	}
    .boxletter2{
    display: block;
    float: left;
    padding-top: 11px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width:207px!important;
    height: auto;
	}
a .boxletter2 { 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxletter2 {
    background-color:#CDB59D;
	}
    .list-style-8 li span .box {
    margin-right: 10px; 
    width: 60px;
    font-size: 14px;
}

.list-style-8 li span .box2 {
    width: 70px;
    margin-right: 5px;
    font-size: 14px;
}
        .list-style-8 li span .box3 {
    width: 50px;
    margin-right: 10px;
    font-size: 14px;
}
.list-style-8 li .box4 {
    width: 22px;
     margin-left: 7px;
    font-size: 14px;
}
.list-style-8 li span.posted2{
    padding-right: 10px;
    width: 50px;
    margin-left: 10px;
    font-size: 13px;
}
.list-style-8 span.posted3{
    padding-right: 0px;
    margin-left: -10px;
    width: 40px;
    font-size: 13px;
}
.list-style-8 span.posted4{
    padding-right: 34px;
    width: 40px;
    font-size: 13px;
}    
}


@media screen and (max-width: 414px) and (min-width: 394px) {


        .sliedpic img{
  display: none!important;
}
    
    .submit{
    align-items: left;
    max-width: 100%!important;
}
 .logotop {
     margin-top:-40px;
    margin-left: 15px;
    width: 140px!important; 
    height:auto;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    }  
.list-style-8 li span .box {
    margin-right: 0px; 
    width: 67px;
    font-size: 13px;
}

.list-style-8 li span .box2 {
    width: 60px;
    margin-right: 10px;
    font-size: 13px;
}
    .list-style-8 li span .box3 {
    width: 60px;
    margin-right: 0px;
    font-size: 13px;
}
.list-style-8 li .box4 {
    width: 20px;
    margin-left: 0px;
    font-size: 13px;
}
.list-style-8 li span.posted2{
    padding-right: 0px;
    width: 55px;
    margin-left: 10px;
    font-size: 11px;
}
.list-style-8 span.posted3{
    padding-right: 0px;
    width: 40px;
    font-size: 11px;
}
.list-style-8 span.posted4{
    padding-right: 10px;
    width: 40px;
    font-size: 18px;
}
     .mobilbuttons{ 
       position: fixed;
        display:inline;
       float: left;
       z-index: 9999!important;
       bottom: 67px!important;
       width: 100%!important;
	}
.boxphone{ 
display: none!important;
	}
.boxletter{ 
display: none!important;
	}
    .boxtext{ 
display: none!important;
	}
 .mobilbuttons{ 
       position: fixed;
        display:inline;
       float: left;
       z-index: 9999!important;
       bottom: 72px!important;
       width: 100%!important;
	}
.boxphone2{
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width: 187px!important;
    height: auto;
	}
a .boxphone2{ 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxphone2 {
   background-color:#CDB59D;
	}
    .boxletter2{
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width:187px!important;
    height: auto;
	}
a .boxletter2 { 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxletter2 {
    background-color:#CDB59D;
	}
}


@media screen and (max-width: 393px) and (min-width: 377px) {
    .boxphone{ 
display: none!important;
	}
    
 .logotop {
     margin-top:-40px;
    margin-left: 15px;
    width: 140px!important; 
    height:auto;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    }   
    boxphone{ 
display: none!important;
	}
.boxletter{ 
display: none!important;
	}
    .boxtext{ 
display: none!important;
	}
 .mobilbuttons{ 
       position: fixed;
        display:inline;
       float: left;
       z-index: 9999!important;
       bottom: 72px!important;
       width: 100%!important;
	}
.boxphone2{
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width: 187px!important;
    height: auto;
	}
a .boxphone2{ 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxphone2 {
   background-color:#CDB59D;
	}
    .boxletter2{
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width:187px!important;
    height: auto;
	}
a .boxletter2 { 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxletter2 {
    background-color:#CDB59D;
	}

    .list-style-8 li span .box {
    margin-right: 7px; 
    width: 50px;
    font-size: 13px;
}

.list-style-8 li span .box2 {
    width: 70px;
    margin-right: 0px;
    font-size: 13px;
}
        .list-style-8 li span .box3 {
    width: 50px;
    margin-right: 0px;
    font-size: 13px;
}
.list-style-8 li .box4 {
    width: 22px;
     margin-left: 0px;
    font-size: 13px;
}
.list-style-8 li span.posted2{
    padding-right: 0px;
    width: 50px;
    margin-left: 10px;
    font-size: 12px;
}
.list-style-8 span.posted3{
    padding-right: 0px;
    margin-left: -10px;
    width: 40px;
    font-size: 12px;
}
.list-style-8 span.posted4{
    padding-right: 0px;
    width: 40px;
    font-size: 12px;
}  
    
}

@media (max-width: 376px) {
.boxphone{ 
display: none!important;
	}
.boxletter{ 
display: none!important;
	}
    .boxtext{ 
display: none!important;
	}
 .logotop {
     margin-top:-40px;
    margin-left: 15px;
    width: 140px!important; 
    height:auto;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    }   
    .menu{
    margin-top: 0px;
}
    .mobi{
    margin-top: -20px;
}
#popup {
    margin-left: 12px;
}
     .mobilbuttons{ 
       position: fixed;
        display:inline;
       float: left;
       z-index: 9999!important;
       bottom: 70px!important;
       width: 100%!important;
	}
.boxphone2{
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width: 185px!important;
    height: auto;
     border: solid 3px;
    border-color: #000;
	}
a .boxphone2{ 
    color: #000000;
   background-color: #fcc01f;
	}

a:hover .boxphone2 {
   background-color:#B4B4B4;
	}
    .boxletter2{
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width:185px!important;
    height: auto;
  border-top: solid 3px;
    border-right: solid 3px;
    border-bottom: solid 3px;
    border-color: #000;
	}
a .boxletter2 { 
    color: #000000;
   background-color: #fcc01f;
	}

a:hover .boxletter2 {
    background-color:#B4B4B4;
	}
.list-style-8 li span .box {
    margin-right: 8px; 
    width: 55px;
    font-size: 12px;
}

.list-style-8 li span .box2 {
    width: 60px;
    margin-right: 5px;
    font-size: 12px;
}
        .list-style-8 li span .box3 {
    width: 40px;
    margin-right: 10px;
    font-size: 12px;
}
.list-style-8 li .box4 {
    width: 19px;
     margin-left: 7px;
    font-size: 12px;
}
.list-style-8 li span.posted2{
    margin-right: 0px;
    width: 45px;
    margin-left: 5px;
    font-size: 11px;
}
.list-style-8 span.posted3{
       margin-right: 0px;
    width: 40px;
    font-size: 11px;
}
.list-style-8 span.posted4{
    padding-right: 0px;
    width: 30px;
    font-size: 11px;
}
}

    @media screen and (max-width: 374px) and (min-width: 321px) {
  .boxphone{ 
display: none!important;
	}
.boxletter{ 
display: none!important;
	}
    .boxtext{ 
display: none!important;
	}
 .logotop {
     margin-top:-40px;
    margin-left: 15px;
    width: 140px!important; 
    height:auto;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    }   
.menblack li a{
   font-size: 14px !important;
    margin-left: 5px;
    margin-right: 6px
}
    .menu{
    margin-top: 0px;
}

    .mobi{
    margin-top: -20px;
}

 .mobilbuttons{ 
       position: fixed;
        display:inline;
       float: left;
       z-index: 9999!important;
       bottom: 70px!important;
       width: 100%!important;
	}
.boxphone2{
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width: 160px!important;
    height: auto;
	}
a .boxphone2{ 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxphone2 {
   background-color:#CDB59D;
	}
    .boxletter2{
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width:160px!important;
    height: auto;
	}
a .boxletter2 { 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxletter2 {
    background-color:#CDB59D;
	}
#popup {
    margin-left: 12px;
}
.menblack {
    padding-bottom: 10px;
}
.list-style-8 li span .box {
    margin-right: 5px; 
    width: 45px;
    font-size: 11px;
}

.list-style-8 li span .box2 {
    width: 50px;
    margin-right: 5px;
    font-size: 11px;
}
     .list-style-8 li span .box3 {
    width: 40px;
    margin-right: 0px;
    font-size: 11px;
}
.list-style-8 li .box4 {
    width: 19px;
     margin-left:  10px;
    font-size: 11px;
}
.list-style-8 li span.posted2{
    margin-right:  5px;
    width: 20px;
    margin-left: 10px;
    font-size: 11px;
}
.list-style-8 span.posted3{
    margin-right:  15px;
    margin-left: -16px;
    width: 20px;
    font-size: 11px;
}
.list-style-8 span.posted4{
   margin-right:  0px;
    margin-left: -15px;
    width: 30px;
    font-size: 11px;
}
}
    
@media (max-width: 320px) {
.boxphone{ 
display: none!important;
	}
.boxletter{ 
display: none!important;
	}
    .boxtext{ 
display: none!important;
	}
            .logotop {
    margin-left: 15px;
    width: 130px!important; 
    height:auto;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    }
.list-style-8 li span .box {
    margin-right: 0px; 
    width: 45px;
    font-size: 11px;
}

.list-style-8 li span .box2 {
    width: 52px;
    margin-right: 3px;
    font-size: 11px;
}
        .list-style-8 li span .box3 {
    width: 40px;
    margin-right: 5px;
    font-size: 11px;
}
.list-style-8 li .box4 {
    width: 19px;
     margin-left: 7px;
    font-size: 11px;
}
.list-style-8 li span.posted2{
    margin-right:  5px;
    width: 20px;
    margin-left: 7px;
    font-size: 11px;
}
.list-style-8 span.posted3{
    margin-right:  10px;
    margin-left: -16px;
    width: 20px;
    font-size: 11px;
}
.list-style-8 span.posted4{
    margin-right:  0px;
    margin-left: -15px;
    width: 30px;
    font-size: 11px;
}
         .mobilbuttons{ 
       position: fixed;
        display:inline;
       float: left;
       z-index: 9999!important;
       bottom: 70px!important;
       width: 100%!important;
	}
.boxphone2{
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width: 155px!important;
    height: auto;
	}
a .boxphone2{ 
    color: #000000;
   background-color: #FDF7E7;
	}

a:hover .boxphone2 {
   background-color:#CDB59D;
	}
    .boxletter2{
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 20%;
    padding-bottom: 10px;
    align-items: center!important;
    margin-left: 0px;
    width:155px!important;
    height: auto;
	}
a .boxletter2 { 
    color: #000000;
   background-color: #fcc01f;
	}

a:hover .boxletter2 {
    background-color:#B4B4B4;
	}


}