html{font-size:16px;}

body{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height:22px;
font-size: 1.0rem; 
line-height:1.375rem;
margin:0;
padding:0;
color:#000; 
font-weight:normal;
 background-color:#fff;
 /*  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;  
  */
}





img {
   width:100%;
   max-width: 100%;
   width: auto\9; /* ie8 */
   display:block;
   margin:0;
   padding:0;
   height: auto;
   border:0;
   border: none;

}


/*

a:focus:not(:focus-visible) {
border: none;

}
a:focus-visible { 
 border: #dc281e dotted 2px;
 padding:10px;

}



a:focus:not img(:focus-visible) {
outline: none;

}
a:focus-visible img{ 
border: #dc281e dotted 2px;
  padding:10px;

}

.contrast-plus{
filter: contrast(400%);
}


*/

.no-underline{
text-decoration:none !important;
}

.subline{
font-size: 14px;
line-height:20px;
font-size: 0.875rem; 
line-height:1.0rem;
padding-top:8px;
}

.col-3-mittig{
width:40%;
margin:0 auto;
}

.col-30-left{
width:28.0%;
float:left;
margin-bottom:30px;
}

.col-60-right{
width:64.0%;
float:right;
margin-bottom:30px;

}




.col-60-left{
width:64.0%;
float:left;
margin-bottom:30px;

}

.col-30-right{
width:28.0%;
float:right;
margin-bottom:30px;

}



.logo-center{
position: absolute;
      top: 0; 
      left: 0; 
      bottom: 0; 
      right: 0;
   margin:auto;
    max-height:80px;
    width:auto;

    
}

.logo-cont{
width:9.6%;
margin-right:3%;
float:left;
min-height:100px;
margin-bottom:20px;
 position:relative;


}


#ref-container{
width:98%;
margin:0 auto;
}



.logo-more{
width:170%;
left:-44%;
border:1px solid #dc281e;
display:none;
text-align:center;
padding:10px 15px 10px 15px;
background-color:#fff;
position:absolute;
top:90%;
z-Index:10; 
position:absolute;
cursor: default;
margin-bottom:20px;
}


.four{}
.eight{margin-right:0}


.first-left{
left:0
}

.eight-right{left:auto;right:0}


.team-text{
width:30%;
float:left;
margin-right:3.33%;
margin-bottom:40px;

}

.team-3,.team-3-second,.team-3-last {
width:30%;
margin-right:3.33%;
float:left;
margin-bottom:40px;

}




.team-round{
border-radius: 50%;
width:220px;
height:220px;
margin:0 auto;
margin-bottom:20px;

}


.team-intro{
width:85%
}


.no-underline{
text-decoration:none;
}

.cont-min{
width:100%;
min-height:250px;
}

.vertical-box{
    display: flex;
flex-direction: column;
 justify-content: center;
    box-sizing: border-box;
    padding:0;
    margin:0
}


 .flexrow{
 display:flex;flex-direction:row;
 }

.min250{
min-height:250px
}


.min200{
min-height:200px;
}
.min300{
min-height:200px;
}

.min140{
min-height:140px;
}

.svg-object{
width:100%
}

.template-cont-dark{
background-color:#919191;
width:100%;
float:left;
padding:25px 0 25px 0;
}

.template-cont-grey{
background-color:#e6e6e6;
width:100%;
float:left;
padding:25px 0 25px 0;
}


.white{
color:#fff}

.template-cont{
width:100%;
float:left;
margin:30px 0 30px 0;
}

.text-left{
float:left;
width:90%;

}

.button-right{
float:right;
}



.sprechblase{
min-width: 80px;
  max-width:400px;
  text-decoration: none;
  display: inline-block;
  outline: none;
  cursor: pointer;
  border-style: none;
   overflow: none;
  text-align: center;
  padding:0;
    background-image: url(129.svg);
  background-size: cover;
  background-color:#fff;
       font-size: 30px;
line-height:36px;
font-size:  1.875rem; 
line-height:2.255rem;
 
}

.button-more,.button-red{
 background-color: #e6e6e6;
 min-width: 50px;
  max-width:180px;
  text-decoration: none;
  display: inline-block;
  outline: none;
  cursor: pointer;
  border-style: none;
  border-radius: 100%;
  overflow: none;
  text-align: center;
  padding:0;
    
    
}

.button-red{
font-weight:normal;
min-width: 50px;
  max-width:400px;
background-color:#dc281e;
  color:white;
  
   font-size: 30px;
line-height:36px;
font-size:  1.875rem; 
line-height:2.255rem;


/*  font-size: 38px;
line-height:46px;
font-size: 2.375rem; 
line-height:2.875rem;
*/

  }


.button-more:before,.button-red:before, .sprechblase:before {
  content:'';
  display:inline-block;;
  vertical-align:middle;
  padding-top:100%;
}

.text-button{
  font-size: 30px;
line-height:36px;
font-size:  1.875rem; 
line-height:2.255rem;}


span {
  display:inline-block;
  vertical-align:middle;
  max-width:87%;
}





.full-width{
width:100%;
float:left
}

.float-right{
float:right;
}

.col-2{
width:46%;
float:left;
}

.col-2-right{
float:right;
width:46%;
}

.col-3,.col-3-second,.col-3-last,.col-3-intro,.col-3-intro-second,.col-3-intro-last,.col-3-icons,.col-3-icons-second,.col-3-icons-last{
width:28%;
float:left;
margin-right:8%;

}

.col-3-last,.col-3-intro-last,.col-3-icons-last{
float:right;
margin-right:0
}





.grey{
color:#505050; 

}


.red{
   color:#DC281E
}

.banner-icons-home{
position:absolute;
z-index:99;
right:5%;
 top: 50%;
  transform: translateY(-50%);
display:table;
width:100%;

}



#stickytypeheader,#stickytypeheader-mobile {
  
  width: 100%;
    height:105px;
    z-index:99;
   opacity: 0.99;
  background: rgba(230, 230, 230, 0.8);

    }
    
#stickytypeheader {
	 margin-top: -105px;
}

#stickytypeheader-mobile {
	 margin-top: -90px;
}



.banner-icons{
width:100%;
height:105px;
padding:0;
display: flex; 
align-items: center;
justify-content: center;
z-index:9999
}



#banner-all-mobile{display:none}

#lang-mobile{
display:none}

#lang-desktop{
float:left;
margin:15px 18px 0 0;
}

.black{
color:#000;
}



 
 
 
      .fixed {
  position: fixed;
  top:82px; 
  width: 100%; } 
                



#header-fix{
width:100%;
background-color:#fff;
height:82px;
position:fixed;
top:0;
z-index:99999
}


#i-location{
width:12px;
float:left;
margin:10px 15px 0 0
}

#i-mail{
width:22px;
float:left;
margin:12px 15px 0 0
}


#i-tel{
width:12px;
float:left;
margin:11px 15px 0 0
}
.top-level-menu a {
	height: 100%;
    width: 100%;
}
    
#container-top{
height:82px;
width:100%;
float:left;
position:relative;
}

#logo{
float:right;
width:165px;
margin-top:40px
}

#top-left{
display:inline-block;
float:left;
}


#nav-desktop{
position:absolute;
left:-3px;
top:48px;

}


#toggle-menu{
display:none
}



.icon-text,.icon-text-content {
margin-top:-4px;
 font-size: 18px;
line-height:22px;
font-size: 1.125rem; 
line-height:1.375rem;
   font-weight:normal;
       white-space: nowrap; 


}
#Toolbar {
    margin-left: 64%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}


.icon-text-container{
margin:0 auto;
margin:0 8% 0 8%;
}

.icon-home{

margin:0 4% 0 4%;
}

.icon-cont{
width: 60px;
height: 60px;
}


.icon-container{
background-color:#fff; 
width: 50px;
height: 50px;
border-radius: 50%; 
text-align: center;
margin-bottom:6px;
display:inline-block

}

.icon-child{
padding-top: 18%;
text-align: center; 
width: 100%;

}

.lang{
color:#505050}


.lang-act{
color:#3d3c3c;
font-weight:600}

.t11{
font-size: 11px;
line-height:15px;
font-size: 0.6875rem; 
line-height: 0.9375rem;
text-decoration:none;

}


.t13{
font-size: 13px;
line-height:16px;
font-size: 0.812rem; 
line-height: 1.0rem;
text-decoration:none;
}

.red{
color:#DC281E;
}




.page-center{
width:1760px;
margin:0 auto;

}

.cont-template{

}

#banner-all,#banner-all-mobile{
width:100%;
text-align:center;
margin-top:82px;
}



#footer-all{
margin-top:40px;
border-top:1px solid #e6e6e6;
padding:10px 0 30px 0;
width:100%;
text-align:center;

}


h1 {
font-size: 38px;
line-height:46px;
font-size: 2.375rem; 
line-height:2.875rem;
margin:0px;
  font-weight:normal;

 /*
-ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;  
  */
  }



h2,h3,.consent-titel {
 font-size: 20px;
line-height:28px;
font-size: 1.25rem; 
line-height:1.75rem;
   font-weight:normal;
   margin:0px;
   margin-bottom:20px;
 /*
 -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  */
}

h3{font-weight:bold;margin-bottom:5px}


br.cb { 
   clear: both; 
}

a{
text-decoration:underline ;
color:#DC281E; 
}

a:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}



:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}






ul  { margin-left: -1.0em; list-style: none;}
li { position: relative; line-height: 140%;}

ul li:before{
    position:absolute;
      z-i ndex:-9;
     left: -1.45em;
     content: url(98.svg) " "
}



ul.headline1 li{
      z-index:9;
  
      
      }
      


ul.headline1 li:before{
    position:absolute;
   
    top:3px;
     left: -1.3em;
     content: url(110.svg) " "
}






 #search-d{
   width:163px;
   height:25px;
   float:left;
   text-align:center;
    background-image:url(68.gif);
   margin:8px 0 0 0px;
   z-index:9;
   display:none;
      background-size:163px 25px;

   
   
} 

#search_mobile{
   width:195px;
   height:25px;
   float:left;
   text-align:center;
   background-image:url(69.gif);
   margin:0;
   z-index:9;
   float:left;
  
   
} 
 
.search_button{
   float:right;
   width:14px;
   margin:5px 6px 0 0;
}




.suchfeld{
   float:left;
   border:0;
 
}

.sucheingabe{
 font-size:14px;
   line-height:16px;
  font-size:  0.875rem; 
   line-height:1.0rem;
   width:120px;
   border:0 !important;
   margin-left:4px;
   float:left;
   border:1px solid black;
   background-color:#f1f2f4;
   margin-top:1px;
      color:#333333;
      height:16px;
      letter-spacing:0.01rem;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:    #a7acb8;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #a7acb8;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #a7acb8;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #a7acb8;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #a7acb8;
}



input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
    color: #333333; 
    display: block;
    width: 100%;
    font-size: 14px;
    padding-left:2%;
    padding-top:4px;
    line-height: 1.42857143;
 height:50px;
 background-color: #fcfcfc;
border: 1px solid #dddddd;
border-radius: 4px;
/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    */
width: 98%;
    
}

input:focus, select:focus, textarea:focus {
border-color:  #DC281E;
outline:none;
}

select{ width:100.5%;height:50px !important}

.my_button {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
  
}



.videoScale {
   position: relative;
     z-index:9;
   padding-bottom: 56.25%; /* 16:9 */
   /*padding-top: 25px;*/
     padding-top: 0px;
   height: 0;
   
}
.videoScale iframe {
  position: absolute;
 z-index:9;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border:1px solid #e6e6e6;
}


ul.mylist_numbers li:before {
    position: absolute;
    z-index: -9;
    left: -1.5em;
    content: url() " ";

}

.mylist_numbers li{
   list-style-type:decimal;
   margin-top:10px;
   list-style-position: outside;
   
   
}

ul.activity,ul.book,ul.calendar,ul.clock,ul.heart,ul.map_pin,ul.send,ul.watch,ul.user,ul.beach,ul.railway,ul.domain,ul.home_work,ul.school,ul.stadia,ul.finance  { margin-left:-10px; list-style: none;margin-block-start: 0em;margin-block-end: 0em; margin-bottom:10px}
ul.activity,ul.book,ul.calendar,ul.clock,ul.heart,ul.map_pin,ul.send,ul.watch,ul.user,ul.beach,ul.railway,ul.domain,ul.home_work,ul.school,ul.stadia,ul.finance  li { position: relative;}
ul.activity,ul.book,ul.calendar,ul.clock,ul.heart,ul.map_pin,ul.send,ul.watch,ul.user,ul.beach,ul.railway,ul.domain,ul.home_work,ul.school,ul.stadia,ul.finance  li:before { line-height: 125% !important;}

ul.activity li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(100.svg) " "
      
}


ul.book li:before{
top:-2px;
 position:absolute;
   width:27px;
     left: -1.95em;
   content: url(101.svg) " "
      
}


ul.calendar li:before{
top:-2px;
  position:absolute;
   width:27px;
     left: -1.95em;
   content: url(102.svg) " "
      
}


ul.clock li:before{
top:-2px;
  position:absolute;
   width:27px;
     left: -1.95em;
   content: url(103.svg) " "
      
}


ul.heart li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(104.svg) " "
      
}


ul.map_pin li:before{
top:-2px;
  position:absolute;
   width:27px;
     left: -1.95em;
   content: url(105.svg) " "
      
}

ul.send li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.9em;
   content: url(106.svg) " "
      
}


ul.watch li:before{
  top:-2px;
  position:absolute;
   width:27px;
     left: -1.95em;
   content: url(107.svg) " "
      
}



ul.user li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(108.svg) " "
      
}



ul.beach li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(472.svg) " "
      
}


ul.railway li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(473.svg) " "
      
}


ul.domain li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(474.svg) " "
      
}

ul.home_work li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(475.svg) " "
      
}


ul.school li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(476.svg) " "
      
}

ul.stadia li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(477.svg) " "
      
}

ul.finance li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(478.svg) " "
      
}





@media screen and (max-width:1800px) {
.page-center,#footer-center{
width:95%;
}




}




@media screen and (max-width:1500px) {
.text-left{width:80%;} 

.col-3,.col-3-second,.col-3-last,.col-3-intro,.col-3-intro-second,.col-3-intro-last,.col-3-icons,.col-3-icons-second,.col-3-icons-last{
width:30.6%;
margin-right:4%;
}

.col-3-last,.col-3-intro-last, .col-3-icons-last{
margin-right:0;
}



.col-3-mittig{
width:45%;
margin:0 auto;
}




.min250{
min-height:40px;
}


.col-30-left{
width:30.6%;
float:left;
margin-bottom:30px;
}

.col-60-right{
width:65.2%;
float:right;
margin-bottom:30px;

}




.col-60-left{
width:65.2%;
float:left;
margin-bottom:30px;

}

.col-30-right{
width:30.6%;
float:right;
margin-bottom:30px;

}


}

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


.logo-cont{
width:21.0%;
margin-right:5%;
float:left;
min-height:140px;
}


.logo-more{
width:120%;
top:80%;
left:-18%;}

.first-left{
left:0
}

.eight-right{left:auto;right:0}

.four-right{left:auto;right:0}

.four{margin-right:0}
.eight{margin-right:0}
 

}
 
 
 
@media screen and (max-width:980px) {



#ref-container{
width:95%;

}

   .icon-text-container {
    margin: 0 5% 0 5%;
}
 
 .team-intro{
 width:100%;}
 
 .team-text{
 width:100%;
 margin-right:0;
 }
 
 .team-3,.team-3-second, .team-3-last
 {width:50%;margin-right:0;}
 
 
 
  .col-3-intro{width:100%;margin-bottom:0px;margin-right:0}

 
 
.margin-extra{
margin-bottom:25px;
}

 
.col-3, .col-3-second, .col-3-last,.col-3-intro-second,.col-3-intro-last{
width:47%;
float:left;
 margin-right:0;
}
 

 
 .col-3-second,.col-3-intro-last{
 width:47%;
 margin-right:0;
 float:right;
 }
 
 .col-3-last{
 float:left;
  margin:20px 0 0 0;
clear:both;
 
 }
 
 
 
 
.col-30-left{
width:47%;
}

.col-60-right{
width:47%;
}




.col-60-left{
width:47%;
}

.col-30-right{
width:47%;
}
 
 
 
 
 
 }
 
  @media screen and (max-width:850px) {
 
 
    .icon-text-container {
    margin: 0 4% 0 4%;
}
 
 }
 
 
 
 @media screen and (max-width:815px) {

#lang-desktop {
float:right;
    margin: 15px 0 0 0px;
}



.t11 {
    font-size: 13px;
    line-height: 18px;
    font-size: 0.875rem;
    line-height: 1.0rem;
    text-decoration: none;
    margin:0 4px 0 4px;
}

 
    .icon-text-container {
    margin: 0 7% 0 7%;
}
 
 .icon-container{
width: 45px;
height: 45px;   
 }
 

.icon-cont{
width: 60px;
height: 60px;
}


.icon-text {
 font-size: 13px;
line-height:15px;
font-size:  0.8125rem; 
line-height: 0.9375rem;
   font-weight:normal;

}

 
 
#stickytypeheader,#stickytypeheader-mobile, .banner-icons {
    height: 90px;
 }
 
 .text-left{
width:85%;

}
 
 
#nav-desktop, #search_open{display:none;}
.float-right{float:none;}


#banner-all{
display:none;
}

#banner-all-mobile{margin-top:48px;display:block;

}

#container-top,#header-fix{
height:48px;
}

#logo{
width:170px;
margin-top:10px;
}
  
#top-left{margin-left:50px}





#i-location{
width:16px;
float:left;
margin:10px 17px 0 0
}

#i-mail{
width:26px;
float:left;
margin:12px 17px 0 0
}


#i-tel{
width:16px;
float:left;
margin:11px 17px 0 0
}



    
    

}
 
 
 
@media screen and (max-width:700px) {
 
 
 .icon-text-container {
    margin: 0 4% 0 4%;
}
 

#ref-container{
width:95%;

}

.logo-cont{
width:38.5%;
margin-right:23%;
float:left;
min-height:140px;


}


.logo-more{
width:120%;
display:none;
left:0}

.first-left{
left:0
}

 
 

.four-right{right:0;}
  .second-right{left:auto;right:0;}
  
   .eight-right{left:0;right:auto;}

.second {margin-right:0}
.four{margin-right:0}
.eight{margin-right:0}
 
 
 

.min250,.min200,.min140{
min-height:50px
}






.col-3-mittig{
width:100%;
margin:0 auto;
}


.col-30-left,.col-60-right,.col-60-left,.col-30-right{
width:100.0%;
float:left;
margin-bottom:30px;
}



.col-3-icons,.col-3-icons-second{
width:26.6%
}
.col-3-icons-second{
width:38.6%
}

.col-3-icons-last{
width:26.6%

}

 
 .col-3,.col-3-second,.col-3-last,.col-3-intro-second,.col-3-intro-last{
 width:100%;
 float:left;
 margin-bottom:20px;
 
 }
 
  .col-3-last,.col-3-intro-last{
  margin-top:0;
   margin-bottom:40px;
 }
 
 
 
.col-2{
width:100%;
margin-bottom:40px;
}

.col-2-right{
float:left;
width:100%;
}


 .movie-size{
width:100%;
}
   
 .team-3,.team-3-second, .team-3-last {
 width:100%;

}
 
 
 }
 
 
 
 
 
 @media screen and (max-width:520px) {




.icon-text-container {
margin: 0 3% 0 3%;
}

.icon-text {
    font-size: 11px;
    line-height: 13px;
    font-size: 0.6875rem;
    line-height: 0.875rem;
 }




}


 




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

 
.t11 {

    margin:0 2px 0 2px;
}




#lang-mobile{
display:block}

#lang-desktop{display:none}

}
}




 


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

 
  .icon-text-container {
}
   
   
   
.icon-text {
    font-size: 10px;
    line-height: 13px;
    font-size: 0.625rem;
    line-height: 0.875rem;
 }
   
   }
   
   
   
/*   youtube hinweis, wenn cookies nicht gesetzt werden  */
.cc_yt_hinweis {
	width:560px;
	height:315px;
	background:#eee;
	border:1px solid #333;
	padding:20px;
}