body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
 /* Programmierung: CompuSense Communication; +49 2102 309 78 50 / Rodeck@CompuSense.de */
/* Farben:
Dunkelblau: #304090;
Schrift: #232323;
Grün: 7ec41b; 
Mouseover: #fd6a02;
Dunkelgrau: #e2e5eb;
Hellgrau: eff1f5;*/


 body {font-family: 'Fira Sans Extra Condensed', sans-serif; font-size:14px; line-height:normal;background-position:center 30px; font-weight:300 }
#wrapper {max-width:1620px}
header {position: absolute;top: 0;width: 100%; max-height:192px}
header .inside {max-width:1620px }

#container {margin-top:193px;  min-height:555px;  padding-top: 30px;}

#left {margin-top:30px; }

#right {margin-top:30px; width: 29.5%;}
#right .grau {padding:30px}
#right .grau h1 , #right h2{ margin-top:0}
/*
footer {margin-top:30px; padding: 30px 0 30px 0;  min-height: 51px;position: absolute; width:100%}*/
#main {margin-bottom: 30px;} /*bei Footer fixed*/
footer {min-height: 21px;position: fixed;width: 100%;bottom: 0;}
footer .inside { max-width: 1620px; display: none}
footer a {text-decoration:none; font-weight:400}
footer .log{left:18.5%;position:relative; top:0; max-width:12%}
footer .haupt {left:31.5%;position:absolute; top:0; max-width:20%}
footer .fo_text{left:51.5%;position:absolute; top:0; width:48.5%}
footer .ce_text {width: 32.33%;  margin-left: 1%;float:left}

/*elemente*/
.clear {clear:both}

#claim {left: 3.7%;position: absolute;top: 5px;z-index: 20;letter-spacing: 2.55px;text-transform: uppercase; font-weight:400}
#logo {padding-top:	30px; width: 15.8%;}

#titel {position:absolute; top:	30px;left:18.5%; font-weight: 700; font-size: 2em; letter-spacing: 0.55px;font-family: 'Heebo', sans-serif; text-transform: uppercase; letter-spacing: -0.9px;margin-top:48px; }


/*links nach außen*/
a[target=_blank] {padding-right:13px; }

/*Pagination*/
.pagination {position:absolute; right:60px; top:30px}
#main .ce_text ul {}
.pagination p {margin-bottom:0}
.pagination li {float:left; width:auto;  padding: 0 10px 0 0;}
.pagination li a { text-decoration:none}
.pagination li span {font-weight: 400;}

/*formularfelder*/
input, textarea, select {padding: 5px;}
input[type="submit"], .button {font-size: 14px;}

/*nur LinseLinks */
body.linselinks #left {padding-right: 40px;right: 325px;width: 285px;}
body.linselinks #main .inside {padding: 0 70px 0 0;}

/*listen im Text*/
#main .ce_text ul, aside .ce_text ul {list-style:disc; padding: 0 0 0 15px;}

/*fontvergrößerung*/
.gruen #main, .blau #main {font-size:16px}
/* Programmierung: CompuSense Communication; +49 2102 309 78 50 / Rodeck@CompuSense.de */

/* Farben:
Dunkelblau: #304090;
Hellblau:#b9c8e7
Schrift: #232323;
Grün: 7ec41b; 
Mouseover: #fd6a02;
Dunkelgrau: #e2eseb;
Hellgrau: b9c8e7;*/

/*Navi Topnavigation */
#Topnavigation {  font-size: 1.2em;font-weight: 700;left: 18.5%;position: absolute;text-transform: uppercase;top: 5px; width:600px}
#Topnavigation li { float:left}
#Topnavigation a, #Topnavigation strong{ text-decoration: none;padding: 0 20px 0 0}


/*Navi Hauptnavigation */

#Hauptnavigation {left: 18.5%;position: absolute;top: 125px;font-size: 1.3em;font-weight: 700; }
#Hauptnavigation ul { padding:0; margin: 0; }
#Hauptnavigation li { float:left;border-radius: 20px;  margin-right: 15px; padding: 7px 12px 7px 12px;}
#Hauptnavigation  a, #Hauptnavigation a:visited {text-decoration: none}
#Hauptnavigation a.active, #Hauptnavigation a.trail, #Hauptnavigation strong.active  { }
#Hauptnavigation li.active, #Hauptnavigation li.trail {}
#Hauptnavigation a:hover  {}

#gesch .weiss, #gesch li.weiss_log   {font-size: 1.1em;font-weight: 400;}
#gesch li.weiss, #gesch li.weiss_log    { float:left; border-radius: 20px; height: 24px; margin-right: 15px; min-width: 56px;  padding: 7px 12px 5px 45px;}
#gesch li.weiss_edit {margin-right:60px}
#gesch  a, #gesch a:visited {text-decoration: none}

/*bereichsnavigation*/
/*#Hauptbereiche .trail, #Hauptbereiche .active  {display:none}*/
#Hauptbereiche {position: absolute;right: 0;top: 43px ; width: 18.5%;font-size: 1.3em;font-weight: 700;}
#Hauptbereiche li {border-radius: 20px;  margin-bottom: 5px; padding: 6px 12px 6px 12px; }
#Hauptbereiche  a, #Hauptbereiche a:visited {text-decoration: none}

/*Navi Links */
aside nav {margin-left: -25%;  font-size: 1.3em;font-weight: 700;}
aside nav a {text-decoration:none}
aside nav li {padding-bottom:15px}
aside nav.mod_iso_cumulativefilter {margin-left:60px}

/*navi footer*/
footer .weiss, footer li.weiss_log   {font-size: 1.1em;font-weight: 400;}
footer li.weiss, footer li.weiss_log    {border-radius: 20px; height: 24px; margin-right: 15px; min-width: 56px;  padding: 7px 12px 5px 45px;}

/*hamburger*/
html.mm-front .mm-slideout #hamburger, #hamburger::before, #hamburger::after, #hamburger strong {z-index:999999999 !important}
#hamburger{box-sizing: border-box;display: block;width: 70px;height: 45px;position: absolute;top: 40px;left: 0;z-index: 2;}
#hamburger:before,#hamburger:after,#hamburger strong{background: #e7512e;content: '';display: block;width: 30px;height: 5px;position: absolute;left: 20px;}
#hamburger:before{top: 10px;}
#hamburger strong{top: 20px;}
#hamburger:after{top: 30px;}

/* Hamburger animation */
#hamburger:before,#hamburger:after,#hamburger strong{-webkit-transition: none 0.5s ease 0.5s;transition: none 0.5s ease 0.5s;-webkit-transition-property: transform, top, bottom, left, opacity;transition-property: transform, top, bottom, left, opacity;}
html.mm-opening #hamburger:before,html.mm-opening #hamburger:after{top: 20px;	}
html.mm-opening #hamburger strong{left: -80px;opacity: 0;}
html.mm-opening #hamburger:before{transform: rotate( 45deg );}
html.mm-opening #hamburger:after{transform: rotate( -45deg );}

 /* Programmierung: CompuSense Communication; +49 2102 309 78 50 / Rodeck@CompuSense.de */
/* Farben:

Schrift Claim: #9d9d9c
Schrifft: #575756

Grau: # dadada
Mittelgrau: #575756
Dunkelgrau #3c3c3b
LL-Kachel: #9d9d9c
LL-Kreis : #dadada
Soft-Grau: #ededed

Blau:#004b93
Gruen:#00a870
Gelb: #fbba00
Rot: #cd1719
Hellrot: #efbaa7
Soft-rot: #efbaa7
*/

body {color: #575756;  }

#claim {color: #9d9d9c}
 
.rot, .home {color: #cd1719}
.blau {color: #004b93}
.gruen {color: #00a870}

#main p, footer .ce_text, #right .ce_text, td, #main ul {color: #575756}
a {color:#3c3c3b}
a[target=_blank]{ background-image:url(../../files/cssjs/img/neue_seite.png); background-position: center right; background-repeat: no-repeat; background-size: 12px auto;}

.rot #container a:hover, body.linselinks #container a:hover, body.linselinks_content #container a:hover{color:#cd1719}
.blau #container a:hover {color:#004b93}
.gruen #container a:hover {color:#00a870}

#header { background-image: url(../../files/cssjs/img/header.png); background-repeat:repeat-x; background-color:#ededed}
#footer {background-color:#ededed;}

#right .grau {background-color:#dadada}

/*cookiebar*/
#cookie-bar, #cookie-bar-prompt-content {background-color: #dadada !important; }
#cookie-bar p, #cookie-bar-prompt-content p {color:#1a171b !important; }
#cookie-bar-prompt-content a, #cookie-bar p a, #cookie-bar-prompt-content span {color:#004b93 !important}
#cookie-bar a[target="_blank"], #cookie-bar-prompt a[target="_blank"] {padding-right: 13px !important}
#cookie-bar-button {background-color:#00a870 !important; font-weight: normal !important; color:#fff !important}
#cookie-bar-button-no{background-color:#cd1719 !important;font-weight: normal !important;color:#fff !important}

/*module*/
.mod_search .highlight { color:#cd1719;}
input.text, input.captcha, textarea, select {border: 1px solid #9d9d9c;color: #cd1719; }
span.mandatory {color: #cd1719; }
table.teaserTable { border-bottom: 1px solid #9d9d9c;}

/*linseLinks Ueberblick*/
#tk figure, #s figure, #k figure {background-color:#575756}

/*LinseLinks Filter/Navi/Suche*/
.mod_iso_cumulativefilter {background-color:#efbaa7}
.mod_iso_cumulativefilter h3{background-color:#cd1719; border-bottom:9px solid #fff ; color:#fff}

.mod_iso_cumulativefilter  ul.level_2  li.active a { color: #cd1719}
.mod_iso_cumulativefilter  ul.level_1 li a {color:#cd1719}
.mod_iso_cumulativefilter ul.level_2  li a { color: #3c3c3b}

/*LinseLinks Produktliste*/
.mod_iso_productlist h1{ color:#cd1719}
.mod_iso_productlist h2 a{ color:#575756}
.pagination li span {color:#cd1719}

/*Navigation*/
#Topnavigation a{color: #fff}
#Topnavigation a:hover {color: #cd1719}
#Topnavigation strong{color: #fbba00}

#Hauptnavigation li {  background-color: #3c3c3b; color: #fff}
#Hauptnavigation li:hover {  background-color: #9d9d9c;}
#Hauptnavigation li a{  color: #fff}
#Hauptnavigation li.active, #Hauptnavigation li.trail{  background-color: #9d9d9c; }

#Hauptbereiche li.rot, body.linselinks #anz, body.linselinks_content #anz  {  background-color: #cd1719; color: #fff}
#Hauptbereiche li.blau {  background-color: #004b93; color: #fff}
#Hauptbereiche li.gruen {  background-color: #00a870; color: #fff}
#Hauptbereiche li:hover {  background-color: #9d9d9c;}
#Hauptbereiche li a, #Hauptbereiche li strong{  color: #fff}
#Hauptbereiche li.trail, #Hauptbereiche li.active {border: 3px solid #3c3c3b;}

aside nav a{  color: #3c3c3b}
aside nav a:hover {  color: #575756}
.linselinks_content aside nav strong, .linselinks_content aside nav a.trail{  color: #cd1719}

footer li.weiss, footer li.weiss_log, #gesch li.weiss , #gesch li.weiss_log {  background-color: #fff; }
#gesch li.weiss a, #gesch li.weiss_log a, #gesch li.weiss_log {   color: #3c3c3b; }
footer li.weiss:hover, footer li.weiss_log:hover , #gesch  li.weiss:hover, #gesch  li.weiss_log:hover, #gesch  li.weiss_log.trail, #gesch  li.weiss_log.active  {  background-color: #9d9d9c;}
footer li.weiss_log, #gesch  li.weiss_log   {background-image:url(../../files/cssjs/img/Login_Icon.png); background-repeat:no-repeat;    background-size: 20px auto; background-position: 15px center;}
footer li.weiss_edit, #gesch  li.weiss_edit {background-image: url(../../files/cssjs/img/Registrierung_Icon.png)}
 /* Programmierung: CompuSense Communication; +49 2102 309 78 50 / Rodeck@CompuSense.de */

#titel {font-size: 3.85em; margin-top: 75px;}

/*Perspektive */
.flip-container{perspective: 660px;}
.flip-container_a,.flip-container_s {perspective: 300px;}

/* drehen bei Hover */
.flip-container:hover .flipper, .flip-container.hover .flipper, 
.flip-container_a:hover .flipper, .flip-container_a.hover .flipper,
.flip-container_s:hover .flipper, .flip-container_s.hover .flipper {transform: rotateY(180deg);	}

/*kein Flip für iPad und alle mobile geräte*/
.ios .flip-container:hover .flipper,.ios .flip-container.hover .flipper, 
.ios .flip-container_a:hover .flipper,.ios .flip-container_a.hover .flipper,
.ios .flip-container_s:hover .flipper, .ios .flip-container_s.hover .flipper,
.mobile.flip-container:hover .flipper,.mobile .flip-container.hover .flipper, 
.mobile .flip-container_a:hover .flipper,.mobile .flip-container_a.hover .flipper,
.mobile .flip-container_s:hover .flipper, .mobile.flip-container_s.hover .flipper {transform: none	}

.flip-container, .front, .back {width: 600px;height: 660px;}
.flip-container_a, .front_a, .back_a{width: 300px;height: 318px; position:absolute;left: 630px; top:343px}
.flip-container_s, .front_s, .back_s {width: 300px;height: 318px; position:absolute;left: 630px;top: 0;}

/* Geschwindigkeit*/
.flipper {transition: 0.6s;transform-style: preserve-3d;position: relative;}

/* Verstecken der anderen Seite */
.front, .back, .front_a, .back_a,.front_s, .back_s  {backface-visibility: hidden;transition: 0.6s;transform-style: preserve-3d;position: absolute;top: 0;left: 0;}

/* Vorderseite liegt vor Rückseie */
.front {z-index: 2;transform: rotateY(0deg);}
 .front_a {z-index: 3;transform: rotateY(0deg);}
.front_s {z-index: 4;transform: rotateY(0deg);}

/*Initialisierung der Rückseite */
.back,  .back_a,  .back_s  {transform: rotateY(180deg);}

/*rechts*/
#right {margin-top: 0;}
#right .grau {height: 600px;}

/*Überschriften, Text, Hintergrund, Linien*/
.flipper h1, .flipper p {color: #fff !important}
h1 a, p a, li a, li{color:#fff ; text-decoration:none}
.back_a p , .back_s p  {font-size: 16px; line-height: 1.15em}

.front h1{ font-size: 3em;padding: 0 40px;text-align: center;}
.back .rot {background-color: #cd1719;height: 600px;padding: 30px;background-image: url(../../files/home/titel_linseLinks_back.jpg); background-position:bottom; background-repeat:no-repeat}
.front .rot {height: 660px; background-color: #cd1719}
.front .rot img {border-bottom: 9px solid #fff;}

.front_a h1{ font-size: 1.8em;padding: 0 40px;text-align: center;}
.back_a .gruen {background-color: #00a870;height: 258px;padding: 0 30px 60px; background-image: url(../../files/home/titel_aktivitaeten_back.jpg); background-position:bottom; background-repeat:no-repeat}
.front_a .gruen {height: 318px; background-color: #00a870}
.front_a .gruen img {border-bottom: 6px solid #fff;}

.front_s h1{ font-size: 1.8em;padding: 0 40px;text-align: center;}
.back_s h1 {line-height: 1em; width: 200px;}
.back_s .blau {background-color: #004b93;height: 258px;padding: 0 30px 60px; background-image: url(../../files/home/titel_studien_back.jpg); background-position:bottom; background-repeat:no-repeat}
.front_s .blau {height: 318px; background-color: #004b93;}
.front_s .blau img {border-bottom: 6px solid #fff;}


/*gelbe Icons*/
.front_a .icon, .front_s .icon {height:60px; width:60px; position:absolute; left: 117px;  top: 190px;}
.back_a img, .back_s img { position:absolute; left: 117px;  top: 190px;}
.front .icon{height:100px; width:100px; position:absolute; left: 250px;  top: 445px;}
.back img {position:absolute; left: 250px;  top: 445px;}


/*schriftgröße*/
.flip-container h1 {font-size: 2.3em}
.flip-container p , .flip-container li {font-size: 1.65em}

/*kleiner wideScreen 1600*900 */
@media (max-width: 1600px) {
	#container {padding-right: 21.5%;}
}

@media (max-width: 1440px) {
	#container {padding-right: 21.5%;}
	#titel.home {top: 30px;font-size: 3em; }
}


/*Laptop 1366*768*/
@media (max-width: 1366px) {
	#right {left: 20px;position: absolute;width: 14.5%;}
}


/*19 Zoll Monitor 1280*800 - nur nötig, wenn Erklärungstext angezeigt wird
@media (max-width: 1280px) {
	.flip-container{perspective: 560px;}
	.flip-container, .front, .back {width: 500px;height: 560px;}
	.back img {left: 200px;  top: 445px;}
	.flip-container figure.float_above {width:120%}
	.front .icon{height:100px; width:100px; left: 200px;  top: 445px;}
	.front h1 {font-size: 2.6em;padding: 10px 40px;}
	
	.flip-container_a {left: 540px;width: 200px;}
	.front_a, .back_a{width: 200px;height: 218px; }
	.flip-container_s {left: 540px;width: 200px;top: 343px;}
	.front_s, .back_s {width: 200px;height: 218px;}
	
	.back_a .gruen, .back_s .blau{height: 258px; padding: 0 10px 60px;}
	.front_a .icon, .front_s .icon {height:60px; width:60px; left: 67px;  top: 190px;}
	.back_a img, .back_s img {  left: 67px;  top: 190px;}
	.flip-container_a figure.float_above, .flip-container_s figure.float_above  {width:150%}
	
	.front_a h1, .front_s h1{ font-size: 1.3em; padding: 10px 20px ;}
	.back_a h1, .back_s h1  { font-size: 1.3em;}
	.back_a p, .back_s p { font-size:0.9em}
	
	#right {width: 28%;right: 20px;position: initial;}
	#right .grau {padding: 20px; height:620px}
	

}*/

/*PiffPaffPro 1366*1024*/
@media (max-width: 1366px) {
	#titel {margin-top: 48px; top: 40px}
}

/*PiffPaff 1024*768*/
@media (max-width: 1024px) {
	header .inside {height: 145px;}
	#titel.home {top: 52px;font-size: 3em; }
	#container {padding-top: 0; padding-right: 10.3% !important}
	.flip-container, .front, .back {width: 420px;}
	.flip-container figure.float_above, .flip-container_a figure.float_above, .flip-container_s figure.float_above  {width: 100%;}
	.front .icon {height: 80px;width: 80px;left: 170px;top: 310px;}
	.front h1 {font-size: 2em;}
	.front .rot {height: 500px;}
	
	.back, .back_a, .back_s   {display:none}
	#main, #left, #right {float:none}
	
	.front_a, .front_s{width: 290px;height: 150px;}
	.front_a figure img, .front_s figure img {height: 160px;}
	.flip-container_a figure.float_above, .flip-container_s figure.float_above {max-height: 200px;overflow: hidden;}
	.flip-container_a, .flip-container_s {    left: 440px;}
	.front_a .gruen, .front_s .blau {height: 240px;}
	.flip-container_a {width: 250px;top: 259px;}
	.front_a .icon, .front_s .icon {left: 107px;top: 135px;}
	
	#main {line-height: 1;}

	#right img {max-width:200px}
	#right .grau {height:auto}
	
/* für kleine Bildschirme nicht berechnet*/
.flip-container:hover .flipper, .flip-container.hover .flipper, 
.flip-container_a:hover .flipper, .flip-container_a.hover .flipper,
.flip-container_s:hover .flipper,  .flip-container_s.hover .flipper,
.flip-container:hover .flipper, .flip-container.hover .flipper, 
 .flip-container_a:hover .flipper, .flip-container_a.hover .flipper,
 .flip-container_s:hover .flipper, .flip-container_s.hover .flipper {transform: none	} 
	

}

/*iPhoneX quer 812*375*/
@media (max-width: 812px) {
		#titel.home {left:2%;right: 2% ;top: 3px !important; font-size: 1.5em; max-width: 100%; line-height: 1em; margin-top: 0 }
	#right, #left, #main, #wrapper, header, footer {width:100% !important}

	.mobile #main {margin-bottom:50px}
	.mobile	.ce_text figure img {min-width:100% !important}
	.mobile footer li.weiss, footer li.weiss_log, #gesch li.weiss, #gesch li.weiss_log {height:25px}
	.mobile footer li.weiss_log, #gesch li.weiss_log {background-position:center; padding:10px 20px 5px}
	#right, #left, #main {width:100% !important}
	
	/*hamburger*/
	h1 a, p a, li a, li {color: inherit}
}


/*PiffPaff hoch 768*1024*/
@media (max-width: 768px) {
	header .inside, header {height: 125px !important;}
	#container {    padding-right: 3% !important;  padding-left: 3% !important;}
	#titel {top: 0px;font-size: 2.8em;margin-top: 72px;}
	#right {margin-right: 0; width:100%}
	
}

/*iPhone 6  Quer  667*375*/
@media (max-width: 667px) {

	
}

/*Smartphone quer 640*360*/
@media (max-width: 640px) {
	
	
/* iPhone 6 375*667 */
@media (max-width: 375px) {
	


}

}
/*Smartphone hoch 360*640*/
@media (max-width: 360px) {
	
}

 /* Programmierung: CompuSense Communication; +49 2102 309 78 50 / Rodeck@CompuSense.de */

/*kleiner wideScreen 1600*900 */
@media (max-width: 1600px) {
	#container {padding-right: 20%;}
	#Hauptbereiche {right:25px}
	body.linselinks #Hauptnavigation, body.linselinks_content #Hauptnavigation {right: 21%;}
	aside nav {margin-left: -30%;}
	aside nav li {font-size: 0.9em;}
}

/*Laptop 1366*768*/
@media (max-width: 1366px) {
	 #claim {letter-spacing: 1.3px;}
	 footer .log { left: 3.5%}
	 footer .haupt {left: 22%;}
}
/*zwischengröße für Fensterschieben*/
@media (max-width: 1330px) {
	body.linselinks #anz, body.linselinks_content #anz {font-size: inherit;}
	#tk, #k {line-height: 1;}
}
/*19 Zoll Monitor 1280*800*/
@media (max-width: 1280px) {
	#claim {letter-spacing: 1.3px;}
	aside nav {margin-left: -50%;}
	.mod_iso_wishlistmanager .show, .mod_iso_wishlistmanager .edit {width: 50%;}

	/*LinseLinks*/
	#e_text {width: 235px;}
	aside nav.mod_iso_cumulativefilter {font-size: 1em;}
	.mod_iso_productlist .link div { bottom: 0; }
	.pagination {top: -30px;}
}
/*zwischengröße für Fensterschieben*/
@media (max-width: 1270px) {
	 #Hauptbereiche {font-size: 1.1em;}
}
/*zwischengröße für Fensterschieben*/
@media (max-width: 1240px) {
	 body.linselinks #anz, body.linselinks_content #anz {max-width:160px; height:auto}
}
/*zwischengröße für Fensterschieben*/
@media (max-width: 1140px) {
	#Topnavigation, #Hauptbereiche, #Hauptnavigation{font-size: 1em}
	#Hauptbereiche {right: 15px;}
}
/*PiffPaff 1024*768*/
@media (max-width: 1024px) {

	#claim {left: 3%;letter-spacing: 0;}
	#titel.blau, #titel.rot, #titel.gruen, #titel{font-size: 1.8em;margin-top: 28px;}
	#Hauptnavigation {top: 100px;}
	 footer .haupt {max-width:100%}
	
	/*LinseLinks*/
	body.linselinks #anz, body.linselinks_content #anz { max-width: 130px; height: inherit;top: 100px;}
	body.linselinks aside h3 {width: 130px; font-size: 18px;}
	#e_text {width: 195px;}
	body.linselinks aside .mod_iso_cumulativefilter h3 {width: 175px;}
	body.linselinks .pagination {top: -30px;}
	.mod_iso_productlist .link div {left: 93%;}
	.mod_iso_productlist .beschr {width:100%}
	.mod_iso_productlist .rez {width:90%}
	
}

/*PiffPaff hoch 768*1024*/
@media (max-width: 768px) {
	#claim {display:none}
	body {font-size:12px}
	header {max-height:unset; height:202px}
	body.linselinks #anz, body.linselinks_content #anz {max-width:unset}
	body.linselinks #Hauptnavigation, body.linselinks_content #Hauptnavigation {left:18.5%; top: 150px;}
	body.linselinks #gesch, body.linselinks_content #gesch {top: 100px;}
	body.linselinks aside {display:none}
	
	#container {padding-left: 3%; padding-right:3%}
	#main, #left, #right {float:none}
	#left {margin-top: 30px;position: relative;margin-left: 130px;width: 100%; border-top: 1px solid #575756;}
	#right {margin: 0; width: 97%}
	
	aside nav {margin-left: unset; margin-top: 20px;}
	#Hauptnavigation {max-width: 50%;}
	#Hauptnavigation li {margin-bottom: 10px;}
	#Hauptbereiche {width: 30%;}
	#logo {    padding-top: 50px;}
	#titel {left: 4.5%; top: 20px}
	
}