/*STANDART FRAME BEGINN*/
.element1cols { position:relative; width:100%;margin:0% auto 0 auto; padding:0;clear:left; display:block; background:#FFF}
.element1cols .col1  {position:relative;width:70%;margin:0% auto 0% auto; padding:0% 0 0% 0; display:block;text-align: center;}
.element1cols .col1-3  { position:relative;width:50%;margin:0% auto 0% auto; padding:0% 0 2% 0;display:block; text-align: center;}
.element1cols .col1 {font-family: MuseoSlab-100;font-size: 1.6vw; line-height:2.6vw;}
.element1cols .col1 h1 {text-align:left; text-transform: uppercase;padding:1% 0 0% 0%; margin: 0 0 0 0%;}
.element1cols .col1 h2 {text-align: center; text-transform: uppercase;font-size: 3.8vw; line-height:5.2vw;font-family: MuseoSans-100; padding:7% 0 6% 0}
.element1cols .col1 h3 { color:#81754d; font-weight:normal;padding:0% 0 1% 0%; margin: 0 0 0 0%;font-size: 1.2vw; line-height:1.7vw;}
.element1cols .col1 h4 { color:#444; text-align: center;font-weight:normal;padding:0% 0 0% 0%; margin: 0 0 0 0%;font-size: 1.2vw; line-height:1.7vw;}
.element1cols .col1 h5 {text-align: center; text-transform: uppercase;font-size: 3.8vw; line-height:5.2vw;font-family: MuseoSans-100; padding:7% 0 0% 0;margin: 0 0 -0.0em 0;}

.kontakt-1 {padding: 1em 0 8em 0;}
#c26 h2 {padding:7% 0 6% 0}

.frame-layout-1 {padding:1em 0 0% 0}
.frame-layout-2 {padding:0em 0 0% 0; margin: 0 0 -3em 0;}
.frame-layout-3 {padding:0em 0 0% 0}

.element1cols-space { position:relative;width:100%; padding: 2em 0 8em 0;}

.element1cols .col1 b{font-family: MuseoSans-100;line-height:4.7vw;}
.element1cols .col1 .ce-bodytext{padding:0 0 12% 0;}

.element1cols .col1-3  { position:relative;width:60%;margin:0% auto 0% auto; padding:0% 0 2% 0;display:block; text-align: center;font-size: 1.8vw; line-height:2.6vw;}

.element1cols .col2  { float:left;width:50%;padding:0% 0 0% 0; margin: 0 0 -2em 0; text-align:left;}
.element1cols .col3  { float:left;width:33%;padding:0% 0 0% 0; margin: 0 0 -2em 0; text-align:center}
.element1cols .col3 h2{text-align:center;font-size: 1.1vw; line-height:1.7vw;font-weight: normal;font-family: MuseoSlab-100;}

@media screen and (max-width: 980px) {
    
    #c26 h2 {padding:4% 10% 2% 10%}
    .element1cols .col1 h2 {font-size: 4.2vw; line-height:5.2vw;font-family: MuseoSans-100; padding:1% 0 6% 0; }
    .element1cols .col1 {font-family: MuseoSlab-100;font-size: 2.6vw; line-height:3.6vw;}
    .element1cols .col1 h4 {font-size: 1.6vw; line-height:2.8vw;}
    
    .kontakt-1 {padding: 2em 0 1em 0;}
    .frame-layout-1 {padding:1em 0 0% 0}
    .frame-layout-2 {padding:0em 0 0% 0; margin: 0 0 -0.8em 0;}
    .frame-layout-3 {padding:0em 0 2em 0}
    .element1cols .col1-3  { position:relative;width:80%;margin:0% auto 0% auto; padding:0% 0 2% 0;display:block; text-align: center;font-size: 2.6vw; line-height:3.6vw;}
    .element1cols .col3 h2{text-align:center;font-size: 1.6vw; line-height:2.8vw;font-weight: normal;font-family: MuseoSlab-100;}
    .element1cols .col1 h5 {font-size: 3.8vw; line-height:5.2vw; padding:0% 0 1% 0;margin: -3% 0 0em 0;}

}

@media screen and (max-width: 480px) {
    
    #c26 h2 {padding:1% 10% 6% 10%}
    .element1cols .col1 h2 {font-size: 6.2vw; line-height:7.2vw;font-family: MuseoSans-100; padding:1% 0 6% 0; }
    .kontakt-1 {padding: 2em 0 1em 0;}
    .element1cols .col1 {font-family: MuseoSlab-100;font-size: 4.6vw; line-height:5.6vw;}
    .element1cols .col1 h4 { color:#444; text-align: center;font-weight:normal;padding:0% 0 1em 0%; margin: 0 0 0 0%;font-size: 3.8vw; line-height:5.7vw;}
    .element1cols .col3  { float:left;width:100%;padding:0% 0 0% 0; margin: 0 0 1em 0; text-align:center}
    .frame-layout-1 {padding:2em 0 0% 0; }
    .frame-layout-3 {padding:0em 0 2em 0}
    .element1cols .col1 h5 {font-size: 6.4vw; line-height:7.6vw;padding:0% 0 2% 0;margin: -4% 0 -0.0em 0; }
    .element1cols-space { position:relative;width:100%; padding: 2em 0 0em 0;}
    .frame-layout-2 {padding:0em 0 0% 0; margin: 0 0 -1.3em 0;}
    
}



/*KONTAKT*/
.intro .element1cols .col1  { position:relative;width:50%;margin:0% auto 0% auto; padding:0% 0 0% 0; display:block;text-align: center;}
.intro .element1cols .col1 .ce-bodytext{padding:0 0 6% 0;}
@media screen and (max-width: 980px) {
.intro .element1cols .col1  { position:relative;width:80%;}
.intro .element1cols .col1 a[href^="tel"] { 
  text-decoration: none; 
  cursor: default; 
  color: #444;
}
}

@media screen and (max-width: 480px) {
    .intro .element1cols .col1  {font-size: 5.4vw; line-height:7.2vw; padding:0 0 4% 0}
    .intro .element1cols .col1  h2{font-size: 5.4vw; line-height:7.2vw; padding:0 0 4% 0; }
    .intro .element1cols .col1 .ce-bodytext{font-size: 5.4vw; line-height:7.2vw; padding:0 0 8% 0}
    .intro .element1cols .col3 h2{font-size: 4.4vw; line-height:6.2vw; padding:0 0 2% 0}
    .intro .element1cols .col3 .ce-bodytext{font-size: 5.4vw; line-height:7.2vw; padding:0 0 8% 0}
    .intro .element1cols .col3 a[href^="tel"] { 
      text-decoration: none; 
      cursor: default; 
      color: #444;
    }
    #c14 {font-size: 3.4vw; line-height:5.2vw;}
}

/*MAP*/
.element2cols { position:relative; float:left;width:100%;margin:0% auto 0% auto; padding:0;clear:left; display:block; background:#f3f2f1}
.element2cols .col1 { float:left;width:70%;padding:0% 0 0% 0; text-align:left; }
.element2cols .col2 { float:left;width:20%;padding:5% 5%; text-align:left;font-size: 1.2vw; line-height:1.7vw;font-family: MuseoSlab-100;}
.element2cols .col2 h2{font-size: 1.8vw; line-height:2.6vw;font-family: MuseoSans-100;}


@media screen and (max-width: 480px) {
.element2cols .col1 { float:left;width:100%;padding:0% 0 0% 0; text-align:left; }
.element2cols .col2 { float:left;width:80%;padding:2em 10% 2em 10%; text-align:left;font-size: 5.1vw; line-height:8.2vw; }
.element2cols .col2 table {
	width:100%;
  	border-collapse: collapse;
  	border-spacing: 0; 
}
.element2cols .col2 h2{font-size: 6.3vw; line-height:6.7vw;}

}

.element3cols { position:relative;width:100%;margin:0% auto 0% auto; padding:0;clear:left; display:block; background:#000}
.element3cols .col1 { float:left;width:100%;padding:4% 0 4% 0;display:block; margin:0% 0;text-align: center;}


/*FOOTER*/
.element5cols { position:relative;width:100%;margin:0% auto 0% auto; padding:0% 0;clear:left; display:block; background:#000; color:#ccc;}
.element5cols {font-size: 1.1vw; line-height:1.7vw;}
.element5cols .col1  { float:left;width:80%;padding:4% 0 4% 0%; margin:0 0 0% 10%; text-align:left;}
.element5cols .col2  { float:left;width:50%;padding:0% 0 0% 0; text-align:left;}
.element5cols .col3  { float:left;width:22%;padding:0% 0 0% 3%; text-align:left;}
.element5cols .col33  { float:left;width:47%;padding:0% 0 0% 3%; text-align: left;}
.element5cols .col4  { float:left;width:25%;padding:0% 0 0% 0; text-align:left;}
.element5cols .col5  { float:left;width:80%;padding:2% 0 40% 0%; margin:0 0 4% 10%; text-align:left;}

@media screen and (max-width: 980px) {
    
    .element3cols .col1 { padding:5% 0 5% 0;}
    .element5cols {font-size: 1.8vw; line-height:2.4vw;}
    .social-box {font-size: 0.8vw; line-height:0.8vw;}
    .element5cols .col1  { float:left;width:90%;margin:0 0 0% 5%;}
    .element5cols .col5  { float:left;width:90%;padding:2% 0 40% 0%; margin:0 0 4% 5%; text-align:left;}
    
}

@media screen and (max-width: 480px) {
    .element3cols .col1 { float:left;width:100%;padding:12% 0 12% 0;display:block; margin:0% 0;text-align: center;}    
    .element5cols {font-size: 5.1vw; line-height:7.7vw;}
    .element5cols .col2  { float:left;width:100%;padding:8% 0 0% 0; text-align:left;font-size: 5.8vw; line-height:8.6vw;}
    .element5cols .col3  { float:left;width:100%;padding:8% 0 0% 0%; text-align:left;}
    .element5cols .col33  { float:left;width:100%;padding:8% 0 0% 0%; text-align:left;}
    .element5cols .col4  { float:left;width:100%;padding:8% 0 0% 0; text-align:left;}	
    .element5cols .col5  {padding:4% 0 40% 0%;}
    .social-box {font-size: 3.8vw; line-height:3.8vw;}
}

.col5 a{color:#FFF;} .col5 a:hover{color: #666;}

/*ZWEI-SPALTEN-TABELLEN*/
.element6cols { position:relative;width:100%;margin:-5em auto 0% auto; padding:0;clear:left; display:block;font-size: 1.2vw; line-height:1.7vw;}
.element6cols .col1 { position:relative;width:70%;padding:0% 0 0% 0; margin:0 auto; text-align:left; }
.element6cols .col2 { float:left;width:46%;padding:2% 0 2% 0;display:block; margin:0% 2%;}
.element6cols .col2 h2{font-size: 1.8vw; line-height:2.6vw;font-family: MuseoSans-100; text-transform:uppercase; padding:0 0 8% 2%;}
.element6cols .col2 .frame-type-text{padding:0 0 12% 0;}

.element6cols .col22 { float:left;width:60%;padding:0% 20% 0% 20%;display:block; margin:0% 0%;}
.element6cols .col22 h2{font-size: 1.8vw; line-height:2.6vw;font-family: MuseoSans-100; text-transform:uppercase; padding:0 0 8% 2%;}
.element6cols .col22 .frame-type-text{padding:0 0 12% 0;}

.element6cols table {
	width:100%;
  	border-collapse: collapse;
  	border-spacing: 0; 
}
.element6cols .th-col-1 {width:50%;} .element6cols .th-col-2 {width:50%;}
.element6cols thead {background:#edd9d2; text-transform:uppercase;}
.element6cols .gray thead {background:#ddd;}

.element6cols th {padding:2% 2% 1% 2%;}
.element6cols td {padding:1% 2% 1% 2%; border-bottom: 1px solid #999;font-family: MuseoSlab-100;}

@media screen and (max-width: 980px) {
    
    .element6cols { font-size: 2.2vw; line-height:2.7vw;}
    .element6cols .col1 { position:relative;width:90%;padding:5% 0 0% 0; margin:0 auto; text-align:left; }

}
@media screen and (max-width: 480px) {
    .element6cols { font-size: 5.0vw; line-height:5.3vw;}
    .element6cols .col1 { width:90%; }
    .element6cols .col2 { ;width:100%;padding:2% 0 2% 0;display:block; margin:0% 0%;}
    .element6cols .col2 h2{font-size: 4.8vw; line-height:5.6vw;}
    .element6cols th {padding:3% 2% 2% 2%;}
    .element6cols td {padding:2% 2% 2% 2%;}
    .element6cols .col22 { float:left;width:100%;padding:0% 0% 0% 0%;display:block; margin:0% 0%;} 
    .element6cols {margin:-1em auto 0% auto; padding:0;font-size: 5.0vw; line-height:5.3vw;}
}