a:link {
   font-weight: bold;
   color: #E65C00;
   text-decoration: underline;
}
a:visited {
   font-weight: normal;
   color: #DF8039;
   text-decoration: underline;
}
a:focus {
   font-weight: bold;
   color:  #EE8D4D;
   text-decoration: underline;
}
a:hover {
   font-weight: bold;
   color:  #EE8D4D;
   text-decoration: underline;
}
a:active {
   font-weight: bold;
   color: #FFB951;
   text-decoration: underline;
}




html, body {width:100%; padding:0; margin:0; overflow-x:hidden; background:url(../pics/technik/hg_tv2_1600.jpg) no-repeat;  background-position: top 40px right 0px; background-size: contain; background-attachment: fixed; background-color:#E9E6E3;}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
.wrapper {min-height:100%; min-width:320px;}
.legals {width:60%; margin:0 auto; background: none; padding:0px 0px; text-align:center;}
.legals p  {padding-bottom: 15px; margin:0; font:normal 12px/14px 'Open Sans', sans-serif, Arial; color:#333;}
orange {color:#333;}
.content {width:60%; margin:0 auto; background: none; padding:150px 0px;}
.content p {padding-bottom: 15px; margin:0; font:normal 16px/26px 'Open Sans', sans-serif, Arial; color:#333;}
orange {color:#E65C00;}
.content h3 {padding:10px 10px 0px 0px; margin:0; font:normal 20px/40px 'Open Sans', sans-serif, Arial; color:#222;}
.content h2 {padding:10px 10px 0 0; margin:100px 0 20px 0; font:normal 20px/40px 'Open Sans', sans-serif, Arial; color:#222;}
.content h1 {padding:10px 10px 0 0; margin:10px 0 20px 0; font:normal 25px/40px 'Open Sans', sans-serif, Arial; color:#222;}
.content ol li {padding:0; margin:0; font:normal 14px/22px 'Open Sans', sans-serif, Arial; color:#333;}
.content ol li a {color:#E6E6E6;}
.content shoptable p {padding:2px 2px; margin:10px 0 20px 0; font:normal 12px/14px 'Open Sans', sans-serif, Arial; color:#333;}
.content shoptable h {padding:2px 2px; margin:0; font:bold 16px/20px 'Open Sans', sans-serif, Arial; color:#333;}

.content img {display:flex; max-width: 100%; height: auto;}
.content summary   {padding-bottom: 15px; margin:0; font:normal 22px/24px 'Open Sans', sans-serif, Arial; color:#333;  cursor: pointer;}

.logo {position:fixed; left:0; top:0; z-index:500; background:url(../pics/plasti_logo.png) no-repeat 20px 10px; width:210px; height:185px; z-index:500;}
original {position:fixed; left:66px; top:165px; font:bold 12px/17px 'Open Sans', sans-serif, Arial; color:#D0C9C4; text-align:center; text-shadow: 0px 0px 4px white;}


-webkit-transition:0.4s;
-o-transition: 0.4s;
-moz-transition:0.4s;
transition:0.4s;
}
.logo img {display:block; float:left; padding:8px 10px 0 10px;}

.mobilesub .footer {width:auto; height:auto; position:relative; right:0; bottom:10px; margin-top:200px; background:none}
.mobilesub p {text-align: left; padding:15px; margin:0; font:normal 18px/26px 'Open Sans', sans-serif, Arial; color:#333;}

.footer {width:auto; height:auto; position:relative; right:0; bottom:10px; margin-top:80px; background:none; z-index:400;}
.footer p {text-align: right; padding:15px; margin:0; font:normal 12px/26px 'Open Sans', sans-serif, Arial; color:#333;}
.footer a {padding:0; margin:0; font:normal 18px/26px 'Open Sans', sans-serif, Arial; color:#E65C00;}
.footer a:visited {font:normal 12px/26px 'Open Sans', sans-serif, Arial; color:#ABABAB;}

.footer_modell {text-align: right; padding:0px; margin:70px 30px 30px 0; position: relative; bottom: 0px; right 0px; font:normal 12px/26px 'Open Sans', sans-serif, Arial; color:#333;}
.footer_modell a {font:normal 18px/26px 'Open Sans', sans-serif, Arial; color:#E65C00;}



/* Mehrspaltig Mobile first - alle Dokument-Blöcke bekommen 100% Breite untereinander  */
			main {
				display: -webkit-flex;
				display: flex;
				-webkit-flex-direction: column;
				flex-direction: column;
				
			}
			text1 { background: none; padding: none; margin: 5% 5% 5% 5%}
			text2 { background: none; padding: none; margin: 5% 5% 5% 5%}
			text3 { background: none; padding: none; margin: 5% 5% 5% 5%}
			text4 { background: none; padding: none; margin: 5% 5% 5% 5%}
			text5 { background: none; padding: none; margin: 5% 5% 5% 5%}
			text6 { background: none; padding: none; margin: 5% 5% 5% 5%}


/* große Viewports */
			@media all and (min-width: 800px) {
				main {
					-webkit-flex-direction: row;
					flex-direction: row;
				}
				text1, text2, text3, text4 {
					-webkit-flex: 1;
					flex: 1 ;
					-webkit-flex-grow: 1;
					flex-grow: 1;

				}
		

			
			}


.printlogo {display:none;}


@media all and (min-width: 650px) {
.footer {display:none;}
.mobilesub {display:none;}
}

@media all and (min-width: 850px) and (max-width: 1000px) {
.content {width:60%; margin:0 15% 0 25%;}
.legals  {width:60%; margin:0 15% 0 25%;}
}
			
@media all and (max-width: 850px) {
.logo {position:fixed; left:0; top:0; z-index:500; background:url(../pics/plasti_logo_kl.png) no-repeat 10px; width:140px; height:120px;}


original {position:fixed; left:16px; top:115px; font:bold 9px/12px 'Open Sans', sans-serif, Arial; color:#D0C9C4; text-align:center; text-shadow: 0px 0px 4px white;}
.content {width:80%; max-width:auto;}

}

@media all and (max-width: 650px) {
original {display:none;}
}

@media all and (max-width: 500px) {

.content {width:95%; max-width:auto;}
.content p {padding-top:20; margin:0; font:normal 18px/28px 'Open Sans', sans-serif, Arial; color:#333;}
.logo {position:fixed; left:0; top:0; z-index:500; background:url(../pics/plasti_logo_kl.png) no-repeat 10px; width:140px; height:120px;}

}

@media print {
.legals  {display:none;}
}