/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-pro-v11-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
       url('../fonts/source-sans-pro-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('../fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-sans-pro-v11-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'),
       url('../fonts/source-sans-pro-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


body { color:#555555; font-family: 'Source Sans Pro', Arial, sans-serif; font-weight:400; font-size:18px; line-height:160%; letter-spacing: 0.03em; }

b, strong { font-weight:900; }

.hide { display:none; }


h1, h2, h3, h4, h5, h6 { color:#555555; font-weight:400; line-height:120%; margin:0; padding:0; letter-spacing: 0.1em; } 
h1 { font-size:3.4rem;  }
h2 { font-size:2.4rem; padding:0 0 30px; font-weight:400; text-transform:uppercase; }
h3 { font-size:1.2em; font-weight:400; padding:0; text-transform:uppercase; color:#006676; }
h4 { font-size:1.1em; padding-bottom:15px; }
h5 { font-size:1.1em; padding-bottom:10px; padding-top:20px; }
/*h6 { font-size:1.0rem; padding-top:20px; padding-bottom:0px; font-weight:700; line-height:160%; color:#555555; }*/

h2+h3 { margin-top:-30px; padding:0 0 30px; }

/* links */
a,
a:visited,
a:active,
a:hover { text-decoration:none; color:#ce1719; outline:0 !important; }

/*Infotext für die Newsletteranmeldung und -abmeldung*/
.newsletter-infotext { display:block; text-align: center; font-size:2.0rem; padding:30px 20px; background:rgba(0,102,118,0.3); color:#555555; font-weight:400; line-height:120%; letter-spacing: 0.1em; }


/* Verschiedene Buttondesigns */
.pfeil-box { display:block; background:#FFF; position:absolute; top:10px; right:10px; width:40px; height:40px; }
.pfeil-box .pfeil { display:block; position:absolute; width:0; height:0; top:9px; left:33%; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:16px solid #006676; }

.pfeil-box-back { display:block; background:#FFF; position:absolute; top:5px; left:5px; width:40px; height:40px; }
.pfeil-box-back .pfeil { display:block; position:absolute; width:0; height:0; top:9px; right:33%; border-top:12px solid transparent; border-bottom:12px solid transparent; border-right:16px solid rgba(0,102,118,0.3); }

.button_inline { font-size:1.4rem; position:relative; text-decoration:none; text-transform:uppercase; color:#FFF !important; background:#006676; display:inline-block; line-height:40px; padding:10px 70px 10px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button_inline:hover { text-decoration:none; background-color:#006676; }


.button_baylern { display:flex; align-items:center; font-size:2.4rem; position:absolute; top:-30px; left:3%; width:94%; text-transform:uppercase; color:#FFF !important; text-align:left; background:#006676; line-height:140%; padding:20px 70px 20px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button_baylern:hover { text-decoration:none; background-color:#006676; }
.button_baylern .pfeil-box { top:initial; bottom:20px; right:20px; }
.button_baylern img { width:20%; }
.button_baylern .button_text { display:block; margin-left:40px; }

.button_back { font-size:1.2rem; position:relative; text-decoration:none; color:#006676; background:rgba(0,102,118,0.3); display:inline-block; line-height:30px; padding:10px 20px 10px 60px; margin-top:70px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button_back:hover { text-decoration:none; background-color:#006676; color:#FFF; }
.button_back:hover .pfeil { border-right:16px solid #006676; }


.button-video { font-size:1.2rem; position:relative; text-decoration:none; color:#006676 !important; background:rgba(0,102,118,0.3) url('../../fileadmin/templates/images/icon_video.png') 5px 5px no-repeat; background-size:40px; display:inline-block; line-height:30px; padding:10px 20px 10px 60px; margin:10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button-video:hover { text-decoration:none; background-color:#006676; color:#FFF !important; }

.button-merkblatt { font-size:1.2rem; position:relative; text-decoration:none; color:#006676 !important; background:rgba(0,102,118,0.3) url('../../fileadmin/templates/images/icon_merkblatt.png') 5px 5px no-repeat; background-size:40px; display:inline-block; line-height:30px; padding:10px 20px 10px 60px; margin:10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button-merkblatt:hover { text-decoration:none; background-color:#006676; color:#FFF !important; }


.button-internerlink { font-size:1.2rem; position:relative; text-decoration:none; color:#006676 !important; background:rgba(0,102,118,0.3) url('../../fileadmin/templates/images/icon_wissen.png') 5px 5px no-repeat; background-size:40px; display:inline-block; line-height:30px; padding:10px 20px 10px 60px; margin:10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button-internerlink:hover { text-decoration:none; background-color:#006676; color:#FFF !important; }


.button-externerlink { font-size:1.2rem; position:relative; text-decoration:none; color:#006676 !important; background:rgba(0,102,118,0.3) url('../../fileadmin/templates/images/icon_wissen.png') 5px 5px no-repeat; background-size:40px; display:inline-block; line-height:30px; padding:10px 20px 10px 60px; margin:10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button-externerlink:hover { text-decoration:none; background-color:#006676; color:#FFF !important; }

.button-download { font-size:1.2rem; position:relative; text-decoration:none; color:#006676 !important; background:rgba(0,102,118,0.3) url('../../fileadmin/templates/images/icon_download-whitebox.png') 5px 5px no-repeat; background-size:40px; display:inline-block; line-height:30px; padding:10px 20px 10px 60px; margin:10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button-download:hover { text-decoration:none; background-color:#006676; color:#FFF !important; }

.button-fehlermelden { position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#006676;
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button-fehlermelden span { z-index: 3; font-size:1.1rem; text-transform: uppercase; position:relative; text-decoration:none; color:#FFF !important; background:url('../../fileadmin/templates/images/icon_fehler-melden.png') right 5px center no-repeat; background-size:30px; display:inline-block; line-height:20px; padding: 10px 45px 10px 25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button-fehlermelden:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, #006676, #004551);
  transition: opacity 0.5s ease-out;
  z-index: 2;
  opacity: 0;
}
.button-fehlermelden:hover:after { opacity: 1; }



.button-neuereintrag { position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#006676;
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button-neuereintrag span { z-index: 3; width:100%; font-size:1.1rem; text-transform: uppercase; position:relative; text-decoration:none; color:#FFF !important; background:url('../../fileadmin/templates/images/icon_fehler-melden.png') right 5px center no-repeat; background-size:30px; display:inline-block; line-height:20px; padding: 10px 45px 10px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button-neuereintrag:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, #006676, #004551);
  transition: opacity 0.5s ease-out;
  z-index: 2;
  opacity: 0;
}
.button-neuereintrag:hover:after { opacity: 1; }






/* Nicht genutzt - kann evtl. gelöscht werden */

.button { position:relative; text-decoration:none; text-transform:uppercase; text-align:center; color:#555 !important; background:#ddd; display:block; line-height:40px; padding:0 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.button:hover { text-decoration:none; color:#fff !important; background-color:#5b99ca; }

.content-pfeil { display:block; overflow:hidden; text-indent:-1000px; position:absolute; width:0; height:0; top:14px; right:15px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:10px solid #CCC; }


