body{
	/*font-family:'Nunito Sans', sans-serif;*/
	font-family:'Segoe UI Light', sans-serif;
	font-weight: 200;
	font-size:16px;
	color:#707173;
	line-height:1.6rem;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
    background-color:#f4f4f4;
}
h1, h2, h3, h4, h5, h6{
	/*font-family:'Open Sans Condensed', sans-serif;*/
	font-family:'Segoe UI', sans-serif;
	font-weight: normal;
	color:#707173;
	-ms-hyphens:auto;
    -moz-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;	
}
h1{
	font-size:22px;
	font-size:2.2em;
	margin-top:20px;
	margin-bottom:10px;
}
h2{
	font-size:20px;
	font-size:2.0em;
	margin-top:10px;
	margin-bottom:5px;
}
h3{
	font-size:16px;
	font-size:1.6em;
	margin-top:10px;
	margin-bottom:5px;
}
h4{
	font-size:14px;
	font-size:1.4em;
	margin-top:7px;
	margin-bottom:5px;
}
h5{
	font-size:12px;
	font-size:1.2em;
	font-style:italic;
	color:#333;
	margin:0;
}
h6{
	font-size:10px;
	font-size:1.0em;
	font-style:italic;
	color:#878787;
	margin:0;
}
table{
	width:100%;
}
a:link, a:visited, a:active{
	color:#b3170b;
	text-decoration:none;
}
a:hover{
	color:#009784;
	text-decoration:none;
}
p{
	line-height:2rem;
}
.cite {
	font-size: smaller;
}

/* -----------------------------------------
   Abweichungen Foundation
----------------------------------------- */
.row{
	max-width:1401px;
	/*
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	*/
}
.row.expanded{
    max-width:none;
}
/* -----------------------------------------
   		accordion
----------------------------------------- */
.panel li.accordion-item{
    margin-left: 0px;
}
.accordion-title{
    font-size:1.0rem;
    color:#000;
}
.accordion-title:focus, .accordion-title:hover{
    background-color:#e6e6e6;
	color:#d71f26;
}
.accordion-title::before{
    content:'\25BE';
}

/* -----------------------------------------
   		button
----------------------------------------- */
.button{
	background-color:#333333;
    color:#fff;
    border-radius: 0.4rem;
}
.button:link, .button:visited, .button:active{
	background-color:#333333;
    color:#fff;
}
.button:focus, .button:hover{
    background:#b3170b;
	color:#fff;
}
.panel .button{
	background-color:#333333;
    color:#fff;
}
.panel .button:link, .panel .button:visited, .panel .button:active{
	background-color:#333333;
    color:#fff;
}
.panel .button:focus, .panel .button:hover{
    background:#b3170b;
	color:#fff;
}

.button.small:link, .button.small:visited, .button.small:active{
	background-color:#333333;
    color:#fff;
}
.button.small:focus, .button.small:hover{
    background:#b3170b;
	color:#fff;
}
.panel .button.small:link, .panel .button.small:visited, .panel .button.small:active{
	background-color:#333333;
    color:#fff;
}
.panel .button.small:focus, .panel .button.small:hover{
    background:#b3170b;
	color:#fff;
}
.colorWhite{
	color:#fff;
}
.close-button{
    top:.15rem;
}

/* -----------------------------------------
   Nav Canvas
----------------------------------------- */
.alpha-menu >li.am-content >div ul li:hover a,
.alpha-menu >li.am-content-full >div ul li:hover a,
.alpha-menu >li.am-content >div ul li:hover a:visited,
.alpha-menu >li.am-content-full >div ul li:hover a:visited {
 	background:#fff;
	padding-left:5px;
    border-radius: 0.4rem;    
}


@media screen and (max-width: 768px){
	.alpha-menu .am-row {
		height: 250px;
    	overflow-y: scroll;
	}
}
@media screen and (min-width: 769px){
	.alpha-menu.am-fixed {
		max-width: 1201px;
    	margin: auto;
	}
}

.title-bar{
    background:#c4c4c4;
}
.title-bar-left, .title-bar-right{
    background:#333333;
	padding:5px;
}
.off-canvas-content{
    background:#f4f4f4;
}
.off-canvas{
    background:none;
	color:#FFF;
}
.off-canvas a{
	color:#fff;
}
/* -----------------------------------------
   Nav Content
----------------------------------------- */
.title-bar{
	background-color:#333333;
}
.menu{
     background-color:#333333;
}
.menu>li>a{
    color:#fff;
}
.menu>li>a:hover{
	background-color:#333333;
	color:#fff;
}
.menu.vertical>li>a>h1{
    color:#fff;
}
.menu.vertical>li>a>h1:hover{
    color:#fff;
}
.dropdown.menu .submenu{
    background:#fff;
    border:1px solid #333333;
}
.dropdown.menu>li.is-dropdown-submenu-parent>a::after{
    border-color:#fff transparent transparent;
}
.dropdown.menu>li.is-dropdown-submenu-parent>a{
    color:#fff;
}
.dropdown.menu>li.is-dropdown-submenu-parent>a:hover{
    color:#fff;
}

.dropdown .is-dropdown-submenu a{
    color:#333333;
	width:100%;
}
/* -----------------------------------------
   		columns
----------------------------------------- */
.column, .columns{
    background:transparent;
}

/* -----------------------------------------
   		card
----------------------------------------- */
.card {
    border: 1px solid #E3E3E3;
    border-radius: 0.4rem;
    background: #fefefe;
    /*box-shadow: 3px 3px 3px #e3e3e3;*/
    color: #0a0a0a;
}
.card-divider {
    background: transparent;
}
.card-divider h2{
    margin-top: 0px;
    font-weight: normal;
}

.panel .card img{
    border: 0px;
}

.card img{
    width: 100%;
}

/* -----------------------------------------
   		panel
----------------------------------------- */
.panel{
	/*font-family:'Nunito Sans', sans-serif;*/
	font-family:'Segoe UI Light', sans-serif;
	font-weight: normal;
	font-size:16px;
	color:#707173;
	line-height:1.6rem;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	background-color:#fff;
	border:1px solid #fff;
    border-radius: 0.4rem;
	margin:15px;
	margin-bottom:20px;
	padding:15px;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6{
	/*font-family:'Open Sans Condensed', sans-serif;*/
	font-family:'Segoe UI', sans-serif;
	font-weight: normal;
	color:#707173;
	-ms-hyphens:auto;
    -moz-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;	
}
.panel h1{
	font-size:22px;
	font-size:2.2em;
	margin-top:20px;
	margin-bottom:10px;
}
.panel h2{
	font-size:20px;
	font-size:2.0em;
	margin-top:10px;
	margin-bottom:5px;
}
.panel h3{
	font-size:16px;
	font-size:1.6em;
	margin-top:10px;
	margin-bottom:5px;
}
.panel h4{
	font-size:14px;
	font-size:1.4em;
	margin-top:10px;
	margin-bottom:5px;
}
.panel h5{
	font-size:12px;
	font-size:1.2em;
	font-style:italic;
	margin:0;
	margin-bottom:3px;
}
.panel h6{
	font-size:10px;
	font-size:1.0em;
	font-style:italic;
	color:#878787;
	margin:0;
	margin-bottom:3px;
}

.panel li, ul{
    margin-left:20px;
}
.panel a:link, .panel a:visited, .panel a:active{
	color:#b3170b;
	text-decoration:none;
}
.panel a:focus, .panel a:hover{
	color:#FF0000;
	text-decoration:none;
}
.panel img{
    border:1px solid #9A9A9A;
    border-radius: 0.4rem;
/*	
    margin-right:5px;
	margin-bottom:10px;
*/
}

.radius {
    border-radius: 0.4rem;
}

/* -----------------------------------------
   switch
----------------------------------------- */
.switch {
    margin-bottom: 1.4rem;
}
/* -----------------------------------------
   orbit
----------------------------------------- */
.orbit-caption{
    /*padding:0;*/
	padding: 50px;
	font-size: 2em;
	font-size: 2.5vw;
}
.ul.orbit-container{
    /*max-height:500px;*/
}
.orbit-container{
    /*max-height:500px;*/
}
/* -----------------------------------------
   Callout
----------------------------------------- */
.callout{
	margin:15px;
	padding:15px;
    border-radius: 0.4rem;
}
.primary{
	color:#2199e8;
}	
.primary h2{
	color:#2199e8;
}
.warning{
	color:#da9500;
}
.warning h2{
	color:#da9500;
}
.alert{
	color:#FF0000;
}
.alert h2{
	color:#FF0000;
}
.success{
	color:#00A403;
}
.success h2{
	color:#00A403;
}

/* für die Thumbnails von Foundation */
.th{
	margin:4px;
}

.thumbnail {
    box-shadow: 0 0 0 0;
}
/* für die Thumbnails von Foundation */

/* für die icons von Foundation */
.size-12{ font-size:12px; }
.size-14{ font-size:14px; }
.size-16{ font-size:16px; }
.size-18{ font-size:18px; }
.size-21{ font-size:21px; }
.size-24{ font-size:24px; }
.size-36{ font-size:36px; }
.size-48{ font-size:48px; }
.size-60{ font-size:60px; }
.size-72{ font-size:72px; }
/* für die icons von Foundation */

/* -----------------------------------------
   Diverse
----------------------------------------- */
.fas {
	font-size: 20px;
}
.fab {
	font-size: 20px;
}
.imgborder{
    border-radius: 0.4rem;
}
.canvas_nav_BG{
	background-color:#333333;
}
.canvas_nav_BGcms{
	background-color:#a21818;
}
.customBody{
	border:15px solid #f4f4f4;
	border-top:none;
	border-bottom:none;
	background-color:#f4f4f4;
}
.customBG{
	background-color:#333333;
	color:#fff;
}
.customBG a:link, a:visited, a:active{
	color:#333333;
	text-decoration:none;
}
.customBGnav{
	background-color:#333333;
	color:#fff;
}
.customBGnav a:link, a:visited, a:active{
	color:#fff;
	text-decoration:none;	
}

.customBG a:hover{
	color:#fff;
	text-decoration:none;
}
.customBGFooterInnen{
	background-color:#252a2e;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:0px solid #fff;
}
.customBGFooterInnen a:link, customBGFooterInnen a:visited, customBGFooterInnen a:active{
	color:#b3170b;
}
.customBGFooterInnen a:hover{
	color:#fff;
}

.customBGcms{
	background-color:#a21818;
	color:#fff;
}
.customBGcms a:link, a:visited, a:active{
	color:#333333;
	text-decoration:none;
}
.customBGcms a:hover{
	color:#fff;
	text-decoration:none;
}


.customMARGIN-BOTTOM{
	margin-bottom:20px;
}
.customBrand {
	width: 2px;
	background-color: #FF6A6A;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.customHilfe {
	width: 2px;
	background-color: #09F;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.customGefahrgut {
	width: 2px;
	background-color: #0C3;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.customSonstiges {
	width: 2px;
	background-color: #666;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.mandatory{
	color:#b3170b;
}
.OnlineSince{
	z-index:1000;
    position:absolute;
    top:8px;
    left:60%;
    width:250px;
	color:#afafb0;
	font-size:8px;
	font-size:0.8em;
    -moz-transform:rotate(-30deg);
    -ms-transform:rotate(-30deg);
    -o-transform:rotate(-30deg);
    -webkit-transform:rotate(-30deg);
    transform:rotate(-15deg);
}

i.material-icons {
    font-size: 11px;
    line-height: 1.8;
    letter-spacing: normal;
}
.headline2Intern {
	color: #F33;
}

.typeahead,
.tt-query,
.tt-hint,
.twitter-typeahead{
	width: 100%;
	outline: none;
}
.typeahead {
	background-color: #fff;
}

.typeahead:focus {
	border: 1px solid #000;
}
.tt-query {
}

.tt-hint {
	color: #999;
}

.tt-menu {
	width: 100%;
	margin: 5px 0;
	padding: 5px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.tt-open {
	width: 100%;
}
.tt-suggestion {
	padding: 3px 5px;
}

.tt-suggestion:hover {
	cursor: pointer;
	color: #fff;
	background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: #0097cf;
}

.tt-suggestion p {
	margin: 0;
}