@charset "utf-8";


/*WEBFONTS-EINBINDUNG*/

/* pt-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-sans-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v17-latin-ext_latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/pt-sans-v17-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-sans-v17-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v17-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v17-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v17-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v17-latin-ext_latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v17-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-sans-v17-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v17-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v17-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v17-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v17-latin-ext_latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/pt-sans-v17-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-sans-v17-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v17-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v17-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v17-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v17-latin-ext_latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}


/* pt-serif-regular - latin-ext_latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-serif-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-serif-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-serif-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-serif-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-serif-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-serif-v17-latin-ext_latin-regular.svg#PTSerif') format('svg'); /* Legacy iOS */
}

/* pt-serif-italic - latin-ext_latin */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/pt-serif-v17-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-serif-v17-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-serif-v17-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-serif-v17-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-serif-v17-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-serif-v17-latin-ext_latin-italic.svg#PTSerif') format('svg'); /* Legacy iOS */
}

/* pt-serif-700 - latin-ext_latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-serif-v17-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-serif-v17-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-serif-v17-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-serif-v17-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-serif-v17-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-serif-v17-latin-ext_latin-700.svg#PTSerif') format('svg'); /* Legacy iOS */
}

/* pt-serif-700italic - latin-ext_latin */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/pt-serif-v17-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-serif-v17-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-serif-v17-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-serif-v17-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-serif-v17-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-serif-v17-latin-ext_latin-700italic.svg#PTSerif') format('svg'); /* Legacy iOS */
}



/* CSS-Design - Intersystem Website - ejuhasz */


/*RESET*/

*{
margin:0;
padding:0;
-mozbox-sizing:border-box;    
-webkit-box-sizing:border-box;    
box-sizing:border-box;
}


/*LAYOUT*/

html{ 
position:relative;
min-height:100%;
}

/* #viewport{
height:100vh;
}
*/

#wrapper{
max-width:1200px;
margin:0 auto;
}

.wrapper{
max-width:1200px;
margin:0 auto;
overflow:hidden;
}

#teaser .wrapper, #content_home .wrapper{
max-width:960px;
margin:0 auto;
overflow:hidden;
}


.clear{
clear:both;
}


/*spalten*/

.col_2, .col_3, .col_2_3, .col_2_border, .col_2_border_none, #aside_3, .aside_4{
float:left;
margin:10px 1%;
}

.col_1, .col_3_4, .col_1_kontakt{
float:left;
margin:10px 1%;
padding:0 30px;
}

.col_3_4_sub{
float:left;
margin:10px 1% 10px 3%;
}

.col_1_in, .col_1_in_partner, .col_2_in{
float:left;
}

.col_1_in, .col_1_in_partner{
width:100%;
}

.col_3_in_teaser{
float:left;
width:31.33%;
text-align:center;
line-height:0;
margin:0 1%;
}

.col_2_in{
width:50%;
}

.col_1, .col_1_kontakt{
width:98%;
}

.col_3_4, .col_3_4_sub{
width:73%;
}

.col_2_3{
width:64.67%;
}

.col_2, .col_2_border, .col_2_border_none{
width:48%;
}

.col_3, #aside_3{
width:31.33%;
}

.aside_4{
width:23%;
}


.dark, .light, .ultralight, .grey{
float:left;
width:100%;
line-height:2;
padding:0 30px;
margin:0 0 50px;
}

.dark{
background:#009a9b;
color:#ffffff;
margin:10px 0 50px;
}

.dark h2{
color:#ffffff;
}

.light{
background:#59c4bf;
color:#ffffff;
}

.ultralight{
background:#afdfdc;
}

.grey{
background:#f2f3f3;
}

/*medizinische verpackungen*/
.stericlin1, .stericlin2{
float:left;
width:100%;
line-height:2;
margin:10px 0 50px;
}

.stericlin1{
font-size:26px;
font-size:1.625rem;
color:#6fc4c1;
text-shadow:0.25px 0.25px #009a9b;
text-align:center;
background-image:radial-gradient(#ffffff, #afdfdc);
border:1px solid #afdfdc;
padding:0 80px;
}

.stericlin2{
background:#afdfdc;
padding:0 30px;
}

/*nbs*/
.col_1_in_img{
float:left;
width:96%;
margin:0 2% 30px;
}

.col_3_in_img{
float:left;
width:31.33%;
margin:0 1% 30px;
}

/*medizinische verpackungen, kontakt*/
.border{
float:left;
border-left:3px solid #afdfdc;
padding:0 0 0 30px;
margin:30px 0 50px;
}

/*ueber uns*/
.col_1_in_button{
float:left;
width:100%;
margin:60px 0 10px;
}


/*TYPOGRAFIE*/

html{
font-size:100%; /*Browserstandard:16px*/
}

body{
font-family:'PT Sans', Arial, sans-serif;
font-weight:400;
font-size:19px;
font-size:1.188rem;
line-height:1.6;
color:#34393c;
margin-bottom:525px;
}

#header, #footer{
font-size:18px;
font-size:1.125rem;
line-height:1.5;
}

h1, h2, h3, h4, h5, h6{
font-weight:400;
}

h1{
font-size:34px;
font-size:2.125rem;
}

h2{
font-size:26px;
font-size:1.625rem;
}

h3{
font-size:24px;
font-size:1.5rem;
font-weight:700;
}

h4{
font-size:23px;
font-size:1.438rem;
font-style:italic;
}

h5{
font-size:22px;
font-size:1.375rem;
font-style:italic;
}

h6{
font-size:21px;
font-size:1.313rem;
font-weight:700;
font-style:italic;
}

h1, h4{
color:#009a9b;
}

h2, h5{
color:#6fc4c1;
}

h3, h6{
color:#afdfdc;
text-shadow:0.25px 0.25px #6fc4c1;
}

a{
text-decoration:none;
color:#d53476;
}

a:hover{
color:#59c4bf;
}

h1, h2, h3, h4, h5, h6{
margin:40px 0 30px;
}

.col_1_kontakt h1{
margin:40px 0 0;
}

p{
margin:30px 0;
}

/*printprodukte*/
#content h1 .text-modify{
font-size:26px;
font-size:1.625rem;
}

/*kontakt*/
#content p.kontakt1{
margin:0 0 30px 0;
}

#content p.kontakt2{
margin:0;
}

#content a.kontakt{
color:#34393c;
}

#content a.kontakt:hover{
color:#59c4bf;
}


/*button*/

a.button{
color:#ffffff;
background:#009a9b;
font-size:18px;
font-size:1.125rem;
padding:4px 10px;
border-radius:4px;
}

a.button:hover{
background:#59c4bf;
}


/*liste*/

ul, ol{ 
margin:30px 0 40px 20px;
}

ul li{
list-style:none;
}

#content ul li:before{
content:"\2022";
color:#6fc4c1;
font-weight:bold;
display:inline-block;
width:1em;
margin-left:-1em;
}

#content .light ul li:before, #content .dark ul li:before{
color:#ffffff;
}

ol li{
color:#6fc4c1;}

ol li p{
color:#34393c;
margin:0 !important;
}


/*trennstrich*/

hr{
float:left;
background-image:linear-gradient(to left, #ffed00 20%, #59c4bf 80%, #afdfdc); 
width:100%;
height:3px;    
border:0;
}


/*blockquote*/

blockquote{
font-family:'PT Serif', Times, serif;
font-style:italic;
color:#666666;
margin:30px 0 40px 25px;
}

blockquote:before{
content: '„';
font-size:40px;
font-size:2.5rem;
line-height:0.725;
color:#009a9b;
}


/*tabelle*/

table, thead, tbody, tr, th, td{
border-collapse:collapse;
font-size:18px;
font-size:1.125rem;
}

table{
margin:40px 0;
}

thead tr{
background:#6fc4c1;
color:#ffffff;
}

th{
border-right:2px solid #f7f7f7;
padding:3px 0;
}

td{
border-top:4px solid #ffffff;
border-right:2px solid #ffffff;
padding:3px 6px;
}

tbody tr:nth-child(even){
background:#e4e4e4;
}

tbody tr:nth-child(odd){
background:#f2f3f3;
}


/*image*/

img{
max-width:100%;
}

img.rundung{
border-radius:2px;
}

.alignleft{
float:left; 
margin:8px 25px 0 0; 
}

.alignright{
float:right; 
margin:8px 0 0 25px;
}

.stericlin1 img{
margin:10px 0 0;
}

/*to top button*/
.top{
position:fixed;    
bottom:20px; 
right:20px;
z-index:1;
color:#afdfdc;
font-size:25px;
padding:10px 0 0 25px;
}


/*HEADER*/

/*logo*/

#header{
width:100%;
}

a#logo{
float:left;
margin:0 5% 0 2%;
}

a#logo .css-bild{
display:block;
float:left;
background:url("../images/logo-intersystem.png") no-repeat;
background-size:contain;
width:71px;
height:62px;
margin:20px 0 18px;
}

ul#logo-text{
float:left;
margin:18px 0 0 0;
padding:0 0 0 15px;
}

ul#logo-text li{
list-style:none;	
}

ul#logo-text li h1{
font-size:26px;
font-size:1.625rem;
}

ul#logo-text li h1 .text-modify{
font-size:24px;
font-size:1.5rem;
}

ul#logo-text li h2{
font-size:15px;
font-size:0.938rem;
}

ul#logo-text li h1, ul#logo-text li h2{
margin:0;
}


/*navigation*/

#respnavi{ 
display:none;
}

.button-dropnavi{ 
display:none;
}


#navigation{
float:right;
margin:0 1%;
}

ul#mainnavi{
padding:39px 0 34px;
margin:0;
}

ul#mainnavi li{
display:inline;
list-style:none;
padding:41px 0 36px;
position:relative;
}

ul#mainnavi li a{
color:#009a9b;
text-transform:uppercase;
padding:41px 20px 36px;
border-right:1px solid #ffffff;
}

ul#mainnavi li a .text-modify{
text-transform:lowercase;
}

ul#mainnavi li a .navisign{
color:#59c4bf;
font-size:10px;
font-size:0.625rem;
}


/*dropdown * ul#mainnavi ul = .dropnavi **/

ul#mainnavi ul{
display:none;
}

ul#mainnavi ul{
width:320px;
border-bottom:1px solid #afdfdc;
position:absolute;
top:100px;
left:0;
z-index:1;
margin:0;
}

ul#mainnavi ul li a{
display:block;
background:#009a9b;
font-size:16px;
font-size:1rem;
text-transform:none;
padding:10px 20px;
border-right:0;
border-top:1px solid #f7f7f7;
}


/*subnavigation*/

#subnavigation{
float:left;
margin:60px 1%;
width:21%;
}

ul#subnavi{
margin:0;
}

ul#subnavi li{
list-style:none;
border-bottom:0.5px solid #d7d8d9;
}

#content ul#subnavi li:before{
display:none;
}

ul#subnavi li a{
display:block;
color:#59c4bf;
font-size:16px;
font-size:1rem;
text-transform:uppercase;
padding:10px 20px;
}

ul#subnavi li a .text-modify{
text-transform:lowercase;
font-weight:400;
}

ul#subnavi li a.box, ul#subnavi li:hover, ul#subnavi li a:hover{
background:#59c4bf;
color:#ffffff;
}


/*hamburger*/

.hamburger{
width:35px;
height:5px;
background:#59c4bf;
margin:6px 0;
}


/*TEASER home*/

img#only_print{
display:none;
}

#teaser{
text-align:center;
background:#f7f7f7;
margin:0 0 70px;
padding:142px 0 150px;
}

#teaser .css-bild{
display:block;
background:url("../images/teaser_main.png") no-repeat;
background-size:contain;
width:98%;
height:240px;
margin:0 1%;
}

#teaser h2{
font-size:24px;
font-size:1.5rem;
margin:30px 0 0;
padding:0 10px;
}


/*TEASER unterseite*/

#teaser_sub{
float:left;
text-align:center;
line-height:0;
margin:50px 0 20px;
}


/*TEASER ueber uns*/

#teaser2{
background:#f2f3f3;
text-align:center;
line-height:0;
padding:40px 0;
}


/*CONTENT home*/

#content_home{
text-align:center;
}

#content_home .col_1{
margin:10px 1% 150px;
padding:0 10px;
}

#content_home .col_3{
background:#f2f3f3;
margin:10px 1%;
padding:0 0 10px;
}

#content_home .col_3 p.padding{
padding:0 10px;
}

#content_home h2{
color:#009a9b;
font-size:32px;
font-size:2rem;
}

#content_home img{
margin:0 0 10px;
}


/*FOOTER*/

#footer{
background:#009a9b;
margin:160px 0 0;
padding:20px 0 30px;
position:absolute;
left:0;
bottom:0;
height:365px;
width:100%;
}

#footer .col_2{
margin:10px 1%;
padding:0 30px;
}

#footer .col_2_border{
margin:50px 1% 40px;
border-left:2px solid #59c4bf;
padding:0 30px;
}

#footer .col_2_border_none{
margin:50px 1% 40px;
border-left:none;
padding:0 30px;
}

#footer h2.kontakt1{
margin:0 0 30px;
}

#footer p.kontakt2{
margin:0;
}

#footer h2{
color:#ffffff;
font-size:20px;
font-size:1.25rem;
font-style:italic;
}

#footer p{
color:#ffffff;
}

#footer a{
color:#afdfdc;
}

#footer a.email{
color:#ffed00;
}

#footer a:hover{
color:#ffffff;
}

p#metanavi{
text-align:right;
margin:238px 0 30px 0;
}


/*PRINT*/ 
 
@media print{
	
#header, #footer{ 
display:none; 
}

#teaser{
margin:100px 0 80px;	
padding:0;
}

#teaser h2{
margin:0;
padding:0;
}

img#only_print{
display:block;
}

#teaser2, #teaser_sub{
display:none;
}

#subnavigation{ 
display:none;
}

html{
font-size:85%; /*Browserstandard:16px*/
}

body{
line-height:1.5;
}

h1, h2, h3, h4, h5, h6{
margin:20px 0 10px 0;
}

p{
margin:10px 0;
}

h3, h6{
text-shadow:none;
}

.col_1, .col_1_kontakt, .col_2_3, .col_3_4, .col_3_4_sub, .aside_4{
width:100%;
padding:0;
margin:0;
}

.col_2, .col_3{
padding:0;
margin:0;
}

.col_1_in_partner{
margin:150px 0 0;
}

.dark, .light, .ultralight, .grey, .stericlin1, .stericlin2{
padding:0;
margin:0;
line-height:1.5;
}

#aside_3{
display:none;
}

ul, ol{ 
margin:10px 0 20px 20px;
}

}


/*MEDIA QUERIES*/

/*!L - laptop, desktop - 980px-1279px!*/


/*XL - large laptop, large desktop, mega display, tv - 1280px-1600px*/


/****M - landscape tablet - 760px-979px****/

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

.wrapper, #teaser .wrapper, #content_home .wrapper{
max-width:740px;
}

body{
font-size:18px;
font-size:1.125rem;
}

a.button{
font-size:17px;
font-size:1.063rem;
padding:10px;
}

#subnavigation{
display:none;
}

.col_2_3, .col_3_4{
width:98%;
}

.col_3_4_sub{
width:98%;
margin:10px 1%;
}

.col_1_in_partner{
padding:0 30px;
}

.col_1_in_partner h2, .col_1_in_partner h3{
padding:0;
}

#aside_3{
display:none;
}

.stericlin1{
padding:0 80px;
}

#teaser{
padding:170px 0 180px;
}

#teaser .css-bild{
height:185px;
}

#teaser h2{
font-size:22px;
font-size:1.375rem;
}

#teaser_sub{
margin:40px 0 10px;
}

#content_home .col_1{
padding:0 30px;
}

#content_home .col_3 p.padding{
padding:0 20px;
}

}


/*tablet - neue navi - in extra zeile, kleineres logo*/

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

#header{
text-align:center;
}

ul#logo-text li, ul#mainnavi li{
text-align:left;
}

a#logo{
float:none;
display:inline-block;
margin:0;
}

a#logo .css-bild{
width:61px;
height:52px;
margin:20px 0 18px;
}

ul#logo-text{
margin:15px 0 0 0;
}

ul#logo-text li h1{
font-size:23px;
font-size:1.438rem;
}

ul#logo-text li h1 .text-modify{
font-size:21px;
font-size:1.313rem;
}

ul#logo-text li h2{
font-size:14px;
font-size:0.875rem;
}

#navigation{
width:100%;
margin:0;
}

ul#mainnavi{
padding:18px 0;
}

ul#mainnavi li{
padding:20px 0;
}

ul#mainnavi li a{
padding:20px 20px;
}

ul#mainnavi ul{
top:63px;
}

#teaser{
padding:140px 0 150px;
}

}


/****S - portrait tablet, large smartphone - 600?-759px****/

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

.wrapper{
width:100%;
}

.col_1, .col_2, .col_3, .col_2_3, .col_3_4, .col_3_4_sub, .col_1_kontakt{
width:100%;
margin:0;
}

.col_2_border, .col_2_border_none{
width:100%;
}

#teaser2{
margin:0 0 10px;
}

#teaser2 .col_3{
width:31.33%;
margin:0 1%;
}

.col_2_in{
width:100%;
}

.col_2_3 h1, .col_2_3 h2, .col_3_4_sub h1, .col_3_4_sub h2, .col_3_4_sub h3{
padding:0 30px;
}

.col_1_in_partner{
padding:0 30px;
}

.col_1_in_partner h2, .col_1_in_partner h3{
padding:0;
}

.col_3_in_img{
width:96%;
margin:0 2% 30px;
text-align:center;
}

.stericlin1{
font-size:24px;
font-size:1.5rem;
padding:0 40px;
}

.col_1_in_button{
padding:0 30px;
}


body{
font-size:17px;
font-size:1.063rem;
}

a.button{
font-size:16px;
font-size:1rem;
}

h1{
font-size:31px;
font-size:1.938rem;
}

h2, #content h1 .text-modify{
font-size:23px;
font-size:1.438rem;
}

h3{
font-size:21px;
font-size:1.313rem;
}

#content_home .col_1 p, #content_home .col_3 p{
font-size:18px;
font-size:1.125rem;
}

#content_home a.button{
font-size:17px;
font-size:1.063rem;
}

#content_home .col_3{
margin:10px 0 20px;
padding:45px 0 10px;
}

#content_home .col_3 p.padding{
padding:0 30px;
}

#teaser{
padding:166px 0 180px;
}

#teaser .wrapper{
max-width:520px;
}

#teaser .css-bild{
height:130px;
}

#teaser h2{
font-size:21px;
font-size:1.313rem;
}

#content_home .col_1{
margin:10px 0 150px;
}

#footer{
height:425px;
}

#footer .col_2_border{
border-left:none;
}

#footer .col_2_border, #footer .col_2_border_none{
margin:40px 0 30px;
}

#footer .col_2{
margin:0;
}

p#metanavi{
font-size:17px;
font-size:1.063rem;
text-align:left;
margin:30px 0 0 0;
}

}


/*dropnavi ein/ausgeblendet per hover per css - ab 600px-*/

@media only screen and (min-width: 600px) {

ul#mainnavi li a:hover, ul#mainnavi li a:hover .navisign, ul#mainnavi li:hover, ul#mainnavi li:hover .navisign,
ul#mainnavi li a.box, ul#mainnavi li a.box .navisign{
color:#ffffff;
background:#59c4bf;
}

ul#mainnavi li:hover a{
color:#ffffff;
}

ul#mainnavi li:hover ul{ 
display:block;
}

}


/****XS - smartphone 320-599? - neue navi - touch****/

@media only screen and (max-width: 599px) {
	
body, #content_home .col_1 p, #content_home .col_3 p{
font-size:16px;
font-size:1rem;
}

a.button, #content_home a.button{
font-size:15px;
font-size:0.938rem;
}

h1{
font-size:30px;
font-size:1.875rem;
}

h2, #content h1 .text-modify{
font-size:22px;
font-size:1.375rem;
}

h3{
font-size:20px;
font-size:1.250rem;
}

a#logo{
float:left;
margin:0 5%;
}

/*ein/ausgeblendet per JS mit klick auf #respnavi ("hamburger")*/
#navigation{
display:none;
}

#respnavi{
display:block;
float:right;
padding:25px 25px 26px;
margin:0 1% 0 0;
cursor:pointer;
}

#respnavi:hover .hamburger{
background:#afdfdc;
}

ul#mainnavi, ul#mainnavi li{
padding:0;
}

ul#mainnavi li{
float:left;
width:100%;
}

ul#mainnavi li a{
display:block;
background:#59c4bf;
color:#ffffff;
font-size:17px;
font-size:1.063rem;
padding:10px 20px;
border-right:0;
border-top:1px solid #f7f7f7;
}

ul#mainnavi li a .navisign{
color:#ffffff;
}

/*button ueber li mit dropdown inhalt - fuer das ein/ausblenden des dropdowns mit klick funktion per js - ein/ausgeblendet zusammen mit navigation per JS*/
.button-dropnavi{
display:block;
width:100%;
height:46.5px;
position:absolute;
top:1px;
right:0;	
cursor:pointer;
}

/*.dropnavi ein/ausgeblendet per JS mit klick auf .button-dropnavi*/
ul#mainnavi ul{
width:100%;
border:none;
position:relative;
top:0;
left:0;
overflow:hidden;
}

#teaser .wrapper{
width:100%;
}

#teaser{
padding:117px 0 134px;
}

#teaser .wrapper{
max-width:360px;
}

#teaser .css-bild{
height:90px;
}

#teaser h2{
font-size:18px;
font-size:1.125rem;
}

#teaser_sub{
margin:20px 0 10px;
}

.stericlin1{
font-size:22px;
font-size:1.375rem;
padding:0 10px;
}

}


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

.stericlin1{
font-size:20px;
font-size:1.250rem;
}

}


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

.stericlin1{
font-size:18px;
font-size:1.125rem;
}

}


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

.stericlin1{
font-size:16px;
font-size:1rem;
}

}


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

.stericlin1{
font-size:14px;
font-size:0.875rem;
}

}


/*smartphone - kleineres logo*/

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

a#logo .css-bild{
width:51px;
height:42px;
}

ul#logo-text{
margin:16px 0 0 0;
padding:0 0 0 10px;
line-height:1.3;
}

ul#logo-text li h2{
font-size:12px;
font-size:0.750rem;
}

#respnavi{
padding:21px 20px 20px 20px;
}

}


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

a#logo{
margin:0 4%;
}
	
}


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

#respnavi{
padding:21px 18px 20px 16px;
}
	
}


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

#respnavi{
margin:0;
}

}

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

a#logo{
margin:0 3%;
}

}


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

a#logo{
margin:0 2%;
}

}