/* Füge hier Dein eigenes CSS ein */
h3 {color:#c02528 !important;}
a {text-decoration:underline;}
.w-nav a {text-decoration:none;}
a.w-nav-anchor, .level_1 {color:#ea5858}
a.level_2 {color:#000000}
.w-nav-control:before {
    content: '\f0c9';
    font-family: fontawesome;
    vertical-align: top;
    font-size: 1.8rem;
    color:#df2d31 !important;
}
.w-text-value {font-style:italic;}

h2.headlinebox {
 margin: -32px 0 -5px 3px;
 color: #ffffff !important;
 font-weight: 300;
 letter-spacing:0.05em;
 font-family: 'Roboto', sans-serif;
 font-size:36px;
 }

.textbox {
  color: #ffffff;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  letter-spacing:0.06em;
 }

/* ----------- Tablet ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
 
  h2.headlinebox {  font-size:28px; }
  
}

.g-cols.type_default > div > .vc_column-inner {
  padding-left:0.1rem;
  padding-right:0.1rem;
 }

.boxhoehe { min-height:575px; }


/* ----------- Tablet ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

.g-cols.type_default, .valign_middle {
  padding-left:1.5rem;
  padding-right:1.5rem;
  }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

.boxhoehe { min-height:480px; }

.headlinebox { font-size:28px; }

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

.boxhoehe { min-height:550px; }

}

/* ----------- Handy ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)  { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px)
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2)  { 
      
  .boxhoehe { min-height:510px; }
  
  .g-cols.type_default > div > .vc_column-inner {
  padding-left:2.5rem;
  padding-right:2.5rem;
 }
 
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2)  { 
 
 .g-cols.type_default > div > .vc_column-inner {
  padding-left:6.5rem;
  padding-right:0.1rem;
 }
 .wpb_wrapper { max-width:400px; }
 
  }
