/* ========================================================================
    Template Schriften Standards
=========================================================================== */
html, body { 
    font-family: 'Arial',sans-serif; 
    font-weight: 300; 
    font-size: 14px; 
    line-height: 1.7; color: #242729; 
}

nav { font-size: 1.429rem; }

@media (max-width: 1199px) { 
    nav { font-size: calc(1.429rem - 0.2vw); }}

b, strong { font-weight: 700; }

p { margin-top: 1.071rem; margin-bottom: 0.7143rem; }

p, .form-control { color: #242729 }

pre { font: 12px / 18px Consolas, monospace, serif; color: #f0f0f0; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.3571rem; line-height: 1.25}

h1, .h1 
{ font-family: 'Segoe UI', Open Sans, sans-serif; font-weight: 700; }

h2, h3, h4, h5, h6,
.h2, .h3, .h4, .h5, .h6 
{ font-family: 'Segoe UI', Open Sans, sans-serif; font-weight: 400; }

h1, .h1 { font-size: 4.156rem; line-height: 4.65rem; color: #444; }
h2, .h2 { font-size: 2.256rem; line-height: 2.55rem; color: #0085cd; }
h3, .h3 { font-size: 1.750rem; color: #0085cd; }
h4, .h4 { font-size: 1.500rem; color: #0085cd; }
h5, .h5 { font-size: 1.250rem; }
h6, .h6 { font-size: 1rem; }

/* Responsive Schriftgrößen */
@media (max-width: 991px) {

h1, .h1 { font-size: calc(1.375rem + 3.95vw); line-height: calc(1.375rem + 4.6vw); }
h2, .h2 { font-size: calc(1.325rem + 1.3vw); line-height: calc(1.325rem + 1.85vw); }
h3, .h3 { font-size: calc(1.250rem + 0.6vw); line-height: calc(1.250rem + 1.0vw); }
h4, .h4 { font-size: calc(1.175rem + 0.3vw); }

.display-1 { font-size: calc(1.725rem + 5.7vw); }
.display-2 { font-size: calc(1.675rem + 5.1vw); }
.display-3 { font-size: calc(1.575rem + 3.9vw); }
.display-4 { font-size: calc(1.475rem + 2.7vw); }

legend { font-size: calc(1.275rem + 0.3vw); }
.close { font-size: calc(1.275rem + 0.3vw); }

    }
/* ========================================================================
    BG-Dark: Stellt die Schriftfarbe um
=========================================================================== */
.bg-dark h1, .bg-dark .h1,
.bg-dark h2, .bg-dark .h2,
.bg-dark h3, .bg-dark .h3,
.bg-dark .lead p { color: #ffffff !important; }


/* ========================================================================
    Text | Links | SVGs
=========================================================================== */
.text-blue { color: #0085cd !important; }
.text-red { color: red !important; }
.text-grey { color: #444444 !important; }

.svg10 { width: 0.7143rem; height: auto; }
.svg20 { width: 1.429rem; height: auto; }
.svg30 { width: 2.143rem; height: auto; }
.svg40 { width: 2.857rem; height: auto; }
.svg50 { width: 3.571rem; height: auto; }
.svg60 { width: 4.286rem; height: auto; }
.svg70 { width: 5rem; height: auto; }
.svg80 { width: 5.714rem; height: auto; }
.svg90 { width: 6.429rem; height: auto; }
.svg100 { width: 7.143rem; height: auto; }

a { color: #0085cd; }
a:hover { color: orange; text-decoration: none; }


/* ========================================================================
    Open Sans fonts
=========================================================================== */
/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans/Light/OpenSans-Light.woff2?v=1.101") format("woff2"), 
       url("../fonts/opensans/Light/OpenSans-Light.woff?v=1.101") format("woff");
  font-weight: 300;
  font-style: normal;
}
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans/LightItalic/OpenSans-LightItalic.woff2?v=1.101") format("woff2"), 
       url("../fonts/opensans/LightItalic/OpenSans-LightItalic.woff?v=1.101") format("woff");
  font-weight: 300;
  font-style: italic;
}
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans/Regular/OpenSans-Regular.woff2?v=1.101") format("woff2"), 
       url("../fonts/opensans/Regular/OpenSans-Regular.woff?v=1.101") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans/Italic/OpenSans-Italic.woff2?v=1.101") format("woff2"), 
       url("../fonts/opensans/Italic/OpenSans-Italic.woff?v=1.101") format("woff");
  font-weight: normal;
  font-style: italic;
}
/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans/Semibold/OpenSans-Semibold.woff2?v=1.101") format("woff2"), 
       url("../fonts/opensans/Semibold/OpenSans-Semibold.woff?v=1.101") format("woff");
  font-weight: 600;
  font-style: normal;
}
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.101") format("woff2"), 
       url("../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.101") format("woff");
  font-weight: 600;
  font-style: italic;
}
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans/Bold/OpenSans-Bold.woff2?v=1.101") format("woff2"),
       url("../fonts/opensans/Bold/OpenSans-Bold.woff?v=1.101") format("woff");
  font-weight: bold;
  font-style: normal;
}
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff2?v=1.101") format("woff2"),
       url("../fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff?v=1.101") format("woff");
  font-weight: bold;
  font-style: italic;
}
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff2?v=1.101") format("woff2"),
       url("../fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff?v=1.101") format("woff");
  font-weight: 800;
  font-style: normal;
}
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.101") format("woff2"),
       url("../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.101") format("woff");
  font-weight: 800;
  font-style: italic;
}
/* END Extrabold Italic */

/* ========================================================================
    Asia fonts
=========================================================================== */
html[lang="ja-jp"] body, 
html[lang="ja-jp"] p ,
html[lang="ja-jp"] .cc-revoke, 
html[lang="ja-jp"] .cc-window {
    font-family: "Yu Gothic Medium", 
                 "Meiryo", "MS Gothic", 
                 "Hiragino Maru Gothic Pro", 
                 "Arial", "Helvetica", 
                 sans-serif;
    font-size: 16px;
}

html[lang="zh-cn"] body, 
html[lang="zh-cn"] p, 
html[lang="zh-cn"] .cc-revoke, 
html[lang="zh-cn"] .cc-window {
    font-family: "Microsoft YaHei UI", 
                 "ST Heiti", 
                 "Arial", 
                 "Helvetica", 
                 sans-serif;
    font-size: 16px;
}

html[lang="ko-kr"] body, 
html[lang="ko-kr"] p ,
html[lang="ko-kr"] .cc-revoke, 
html[lang="ko-kr"] .cc-window {
    font-family: "Malgun Gothic",
                 "Apple Gothic", 
                 "Arial", 
                 "Helvetica", 
                 sans-serif;
    font-size: 16px;
}