/*************** 960px ***************************/
@media screen and (max-width: 960px) {

.katalogdiv div { width: 30%; }

} /* @media */


/*************** 768px ***************************/
@media screen and (max-width: 768px) {

/***** Base ********************************************************/
#page { width: 100%; }



/***** Header ****************************************************/
#head { width: 100%; position: fixed; top: 0; border: none; }
#head .logo { width: 80px; margin: 0.3em 0 0 0.5em; }
#mobile-head { background: #fff; width: 100%; height: 4em; z-index: 999; position: relative; border-bottom: 2px #D80515 solid; }
#main_navi { opacity: 0; visibility: hidden; position: absolute; width: 101%; left: 0; /*top: -55em;*//* closed*/ padding: 0; text-align: center; background: #4B4B4B; 
			 -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; }
#main_navi ul { position: static; width: 100%; margin: 0/* 0 0 12%*/; padding: 0; background: #4B4B4B; /*border-top: 1px #fff solid;*/ }
#main_navi ul li { float: none; position: static; margin: 0; padding: 0.4rem 0 0.2rem; /*border-bottom: 1px #fff solid;*/ }
#main_navi ul li a { width: 100%; display: block; padding: 1em 0; text-decoration: none; font-size: 1.1rem; color: #fff; }
#main_navi ul li a.active { color: #fff; }
#navi_toggle { display: block; }
.open #navi_toggle span:nth-child(1) { top: 11px; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg); }
.open #navi_toggle span:nth-child(2) { width: 0; left: 50%; }
.open #navi_toggle span:nth-child(3) { top: 11px; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg); }
.open #main_navi { visibility: visible; opacity: 1; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; }



/***** main div *****************************/
#main { margin: 0; padding: 6.5em 1.3em 8rem; }
#main h2 { padding: 0.2em 1em 0.2em 1.5em; font-size: 1em; }



/*** Base div ***/
.contents_one { padding: 1em 1.2em 1.2em; }
.contents_one p { padding-bottom: 1em; }
.contents_one p.wider { padding-bottom: 2em; }


/*** home ***/
.news { margin: 1em 0 1.5em; padding: 1em; height: 10em; background: #fff; border: 1px #c0c0c0 solid; overflow: auto; }


/*** Katalog **/
.katalogdiv div { width: 45%; }


/*** kontakt ***/
.kontakttable { margin: 0; }
.kontakttable th, .kontakttable td{ width: 100%; display: block; }
.kontakttable th { padding: 0; }
.kontakttable td { padding: 0 0 1em; }
.contents_one iframe { max-width: 90%; height: auto; }

/*** links ***/
/* table - other sites */
.linkstable { margin: 0; }
.linkstable th, .linkstable td{ width: 100%; display: block; }
.linkstable th { padding: 0; }
.linkstable td { padding: 0 0 1em; }



/***** Footer ****************************************************/
#footer_link ul li { padding: 0 0.5em; }

} /* @media */



/*************** 560px ***************************/
@media screen and (max-width: 560px) {

.katalogdiv div { width: 98%; }

} /* @media */