/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('../fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}



@media print { 
  a[href]:after {
    content: none;
  }
}

*::-moz-selection 											{ background: none repeat scroll 0 0 rgba(49, 66, 83, 1); color: #fff; text-shadow: none; }
*::-webkit-selection										{ background: none repeat scroll 0 0 rgba(49, 66, 83, 1); color: #fff; text-shadow: none; }
*::selection 												{ background: none repeat scroll 0 0 rgba(49, 66, 83, 1); color: #fff; text-shadow: none; }


/* Reset ############################################################################################### */
figure 														{ margin: 0; padding: 0; }
button 														{ margin: 0; padding: 0; }

#wrapper                                                    { overflow-x: hidden; }

/* Allgemeine Farben ############################################################################################### */
:root {
--weiss: #fff;
--blau: #191E28;
--orange: #FA7731;
--rot: #BB1F10;
--grau: #8B8B8B;
--gelb: #FAC931;
--grau1: rgba(20,20,20,1); 
--grau2: rgba(50,50,50,1);
--grau3: rgba(100,100,100,1);
--grau4: rgba(190,190,190,1);
--grau5: rgba(240,240,240,1);
    
--headline_size1: 2.4rem;
--headline_lineheight1: 2.8rem;

--headline_size2: 2.0rem;
--headline_lineheight2: 2.4rem;

--headline_size3: 1.6rem;
--headline_lineheight3: 1.8rem;

--headline_size4: 1.2rem;
--headline_lineheight4: 1.7rem;
    
--padding_container: 100px 0 100px 0;
--padding_top: 100px;
    
--margin_container: 100px 0 100px 0;
--margin_top: 100px;
    
--font_weight_light: 300;
--font_weight_normal: 400;
--font_weight_bold: 800;
    
--mm-color-button: #ff0000;
}


/* Struktur ---------------------------------------------------------- */
html                                                        { overflow-x: hidden; } 
html, body													{ font-family: 'Roboto'; background: var(--blau); font-size: 18px; line-height: 26px; font-weight: 300; color: #fff; }  
body                                                        { background-repeat: no-repeat; background-position: bottom right; }
.invisible													{ display: none !important; }
span.rot 	                                                { color: var(--rot); }

.container-fluid                                            { max-width: 1300px; }

/* Buttons */
.btn1                                                       { background-color: var(--farbe1); padding: 12px 30px; border-bottom-right-radius: 15px; transition: all ease .4s; font-weight: 400;
                                                              color: #fff; display: inline-block; margin-bottom: 30px; margin-top: 30px; border: 0; cursor: pointer; }
.btn1:hover                                                 { border-bottom-right-radius: 0; transition: all ease .4s; text-decoration: none; color: #fff; }
.btn1 svg                                                   { width: 20px; height: auto; margin-left: 10px; position: relative; top: 2px; }
.btn1 svg .st0                                              { fill:#FFFFFF; }
.btn1 svg.telIcon                                           { width: 13px; }




a                                                           { color: #fff; transition: all ease .4s; } 
main .text_wrapper a                                        { text-decoration: underline; }  
main .text_wrapper a:hover                                  { color: inherit; } 

h1				                                            { font-size: 3.611rem; line-height: 4.167rem; }
h2			                                                { font-size: 3.056rem; line-height: 3.667rem; }
h3				                                            { font-size: 3.056rem; line-height: 3.667rem; }
h4				                                            { font-size: 2.667rem; line-height: 3.222rem; }
h5				                                            { font-size: 2.222rem; line-height: 2.944rem; }
h6				                                            { font-size: 1.444rem; line-height: 1.889rem; }

.copyboxen                                                  { font-size: 0.889rem; line-height: 1.333rem; }
.sterntext                                                  { font-size: 0.889rem; line-height: 1.111rem; }
.grosser_text                                               { font-size: 1.444rem; line-height: 1.889rem; font-weight: 400; }
.text_wrapper strong,
.text_wrapper strong .grosser_text                          { font-weight: 700 !important; }

.btn.linkUrl_wrapper a                                      { display: flex; color: #fff; font-size: 0.828rem; width: 155px; justify-content: space-between; padding: 10px 15px; font-weight: 400; border-radius: 5px;
                                                              margin: 0 auto; }
.btn.linkUrl_wrapper a:hover                                { box-shadow: 0px 0px 21px 3px rgba(0,0,0,0.63); text-decoration: none; }
.btn.linkUrl_wrapper img                                    { width: 6px; height: auto; }
 
.btn.linkUrl_wrapper.orange a,
body.orange .btn.linkUrl_wrapper a                          { background: rgb(250,119,49); background: linear-gradient(180deg, rgba(250,119,49,1) 0%, rgba(129,55,16,1) 100%); } 
.btn.linkUrl_wrapper.rot a,
body.rot .btn.linkUrl_wrapper a                             { background: rgb(187,31,16); background: linear-gradient(180deg, rgba(187,31,16,1) 0%, rgba(118,16,6,1) 100%); } 
.btn.linkUrl_wrapper.grau a,
body.grau .btn.linkUrl_wrapper a                            { background: rgb(198,198,198); background: linear-gradient(180deg, rgba(198,198,198,1) 0%, rgba(96,96,96,1) 100%); } 
.btn.linkUrl_wrapper.gelb a,
body.gelb .btn.linkUrl_wrapper a                            { background: rgb(250,201,49); background: linear-gradient(180deg, rgba(250,201,49,1) 0%, rgba(144,113,18,1) 100%); }
.btn.linkUrl_wrapper.download_color a                       { background: rgba(154,165,192,.2); border: 1px solid #9AA5C0; } 

.buttonUp {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 60000;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    opacity: 0.5;
    cursor: pointer;
    background: #525252;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    opacity: 0;
    border: 1px solid #525252;
}
.buttonUp .buttonSVG {
    width: 24px;
    height: auto;
    position: relative;
    top: 9px;
    left: 12px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}
.buttonUp .cls-1 {
    fill: #fff;
    width: 25px;
    height: auto;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}
.buttonUp.active {
    opacity: 0.8;
}

@media (min-width: 1460px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 992px) and  (max-width: 1200px) {

}

@media (min-width: 768px) and  (max-width: 992px) {

}

@media (max-width: 767px) {
html, body								{ font-size: 16px; line-height: 21px; }  
body                                    { background-size: 170%; background-position: bottom left; }    
.mobile-hidden                          { display: none; }
    
}