/*  DMSB-Übergangsseite: Basisformatierungen
	###############################################
 */

/* Page: Typographie */
/* ------------------------------------ */
.dmsb-transition-page * {
	box-sizing: border-box;
}

p,
div,
li,
td {
	/* Basisschrift */
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	text-align: left;
}

a:hover {
	text-decoration: underline;
}

.dmsb-transition-page h2 {
	font-weight: 700;
	font-size: 20px;
}

.dmsb-transition-page h3 {
	font-weight: 700;
	font-size: 18px;
}

.dmsb-transition-page h4 {
	font-weight: 700;
	font-size: 16px;
}

.dmsb-transition-page h5 {
	font-weight: 700;
	font-size: 14px;
}

/* Page: Bereiche */
/* ------------------------------------ */
.dmsb-transition-header {
	position: relative;
}
.dmsb-transition-header__callout {
	position: absolute;
	right: 12px;
	bottom: 12px;
}

.dmsb-transition-content {
	background-color: #f2f2f2;
	width: 960px;
	padding: 12px 12px 12px 12px;
	margin: 0px auto;
	/* Legacy */
	z-index: 10;
	position: relative;
}

.dmsb-transition-footer {
	background-color: #00305d;
	width: 960px;
	padding: 0;
	margin: 0px auto;
}

.dmsb-transition-footer__row {
	display: table;
	width: 100%;
}
.dmsb-transition-footer__col {
	display: table-cell;
	vertical-align: top;
}

.dmsb-transition-footer--links {
	padding: 24px 12px;
}
.dmsb-transition-footer--links .dmsb-transition-footer__col {
	width: 25%;
}
.dmsb-transition-footer--links .dmsb-transition-footer__col--2,
.dmsb-transition-footer--links .dmsb-transition-footer__col--3,
.dmsb-transition-footer--links .dmsb-transition-footer__col--4 {
	padding-left: 6px;
}

.dmsb-transition-footer--legal {
	padding: 12px 12px;
	background-color: #002446;
}

.dmsb-transition-footer--legal .dmsb-transition-footer__col--2 {
	text-align: right;
}


/* Komponente: Imagebar */
/* ------------------------------------ */
.dmsb-transition-imagebar {
	padding: 36px 0px;
}

.dmsb-transition-imagebar__header {
	line-height: 32px;
	margin-bottom: 12px;
}

.dmsb-transition-imagebar__title {
	color: #333333;
	font-weight: 700;
	font-size: 24px;
	display: inline-block;
	padding-right: 24px;
}

.dmsb-transition-imagebar__subtitle {
	color: #666;
	font-weight: 400;
	font-size: 16px;
	display: inline-block;
}

.dmsb-transition-imagebar__list {
	/* Reset */
	list-style: none;
	margin: 0;
	padding: 0;
	/* Layout */
	display: table;
	width: 100%;
	table-layout: fixed;
}

.dmsb-transition-imagebar__item {
	/* Reset */
	list-style: none;
	margin: 0;
	padding: 0px 12px 0px 0px;
	/* Layout */
	display: table-cell;
}

.dmsb-transition-imagebar__item:last-of-type {
	padding: 0;
}

.dmsb-transition-imagebar__image {
	max-width: 100%;
	height: auto;
}

/* Komponente: Button */
/* ------------------------------------ */
.dmsb-transition-button {
	display: inline-block;
	padding: 6px 12px;
	font-weight: 700;
	text-align: center;
	color: white;
	border: solid 1px transparent;
	font-size: 14px;
	line-height: 22px;
}
.dmsb-transition-button.dmsb-transition-button--color-blue,
.dmsb-transition-button.dmsb-transition-button--color-blue:link,
.dmsb-transition-button.dmsb-transition-button--color-blue:visited {
	background-color: #00305d;
	border-color: #00305d;
	color: #fff;
	text-decoration: none;
}
.dmsb-transition-button.dmsb-transition-button--color-blue:active,
.dmsb-transition-button.dmsb-transition-button--color-blue:hover,
.dmsb-transition-button.dmsb-transition-button--color-blue:focus {
	background-color: #00254b;
	border-color: #00254b;
	color: #fff;
	text-decoration: none;
}
.dmsb-transition-button.dmsb-transition-button--color-orange,
.dmsb-transition-button.dmsb-transition-button--color-orange:link,
.dmsb-transition-button.dmsb-transition-button--color-orange:visited {
	background-color: #ef7d00;
	border-color: #ef7d00;
	color: #fff;
	text-decoration: none;
}
.dmsb-transition-button.dmsb-transition-button--color-orange:active,
.dmsb-transition-button.dmsb-transition-button--color-orange:hover,
.dmsb-transition-button.dmsb-transition-button--color-orange:focus {
	background-color: #d66b00;
	border-color: #d66b00;
	color: #fff;
	text-decoration: none;
}


/* Komponente: Grid */
/* ------------------------------------ */
.dmsb-transition-content-grid {
}

.dmsb-transition-content-grid__row {
	display: table;
	width: 100%;
}

.dmsb-transition-content-grid__col {
	display: table-cell;
	width: 33.3333%;
	vertical-align: top;
}

.dmsb-transition-content-grid__col--1 {
	padding: 0px 16px 0px 0px;
}

.dmsb-transition-content-grid__col--2 {
	padding: 0px 8px 0px 8px;
}

.dmsb-transition-content-grid__col--3 {
	padding: 0px 0px 0px 16px;
}

/* Variante: Zeile 1 */
.dmsb-transition-content-grid.dmsb-transition-content-grid--frist {
}

/* Variante: Zeile 2 */
.dmsb-transition-content-grid.dmsb-transition-content-grid--second {
}

/* Komponente: Copyright */
/* ------------------------------------ */
.dmsb-transition-footer-copyright {
	color: #ffffff;
	font-size: 12px;
}

/* Komponente: SMM-Link */
/* ------------------------------------ */
.dmsb-transition-social-media-link {
	color:#fff;
}
.dmsb-transition-social-media-link__icon {
	font-size: 18px;
}


/* Komponente: Callout */
/* ------------------------------------ */
.dmsb-transition-callout {
	background-color: #fff;
	color: #00305d;
	padding: 6px;
	line-height: 22px;
	position: relative;
	padding-right: 60px;
}

.dmsb-transition-callout__label {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	display: block;
}
.dmsb-transition-callout_phone {
	font-size: 16px;
	font-weight: 400;
	display: block;
}
.dmsb-transition-callout_phone:link, .dmsb-transition-callout_phone:visited, .dmsb-transition-callout_phone:hover, .dmsb-transition-callout_phone:active, .dmsb-transition-callout_phone:focus {
	text-decoration: none;
	color: #00305d;
}
.dmsb-transition-callout_icon {
	position: absolute;
	right: 6px;
	bottom: 6px;
	font-size: 36px;
}


/* Komponente: News / Flexslider */
/* ------------------------------------ */

.dmsb-transition-page .flexslider {
	margin:0;
	width: 272px;
}

.dmsb-transition-page  ul.slides li div.caption-content {
	box-sizing: border-box;
	height: auto !important;
	padding: 0;
	font-weight: 400;
	font-size: 14px;
	border-top: none;
	border-bottom: none;
	text-align: center;
}
.dmsb-transition-page  ul.slides li div.caption-content a {
	font-style: italic;
}

.dmsb-transition-page .flexslider .slides img {
	border-radius: 0;
	max-width: 100%;
	width: 100%;
	height: auto;
}

.dmsb-transition-page .flexslider .slides .news-img-wrap {
	max-height: 130px;
	overflow: hidden;
}

.dmsb-transition-page .flex-control-nav {
	text-align: center;
	top: 105px !important;
}
.dmsb-transition-page .flex-control-nav.flex-control-paging {

}
.dmsb-transition-page .flex-control-nav.flex-control-paging a {
	color: transparent !important;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 8px;
	border: solid 1px #999;
	opacity: 0.6;
}
.dmsb-transition-page .flex-control-nav.flex-control-paging a.flex-active {
	background-color: #fff;
	opacity: 0.9;
}

/* Komponente: Footer Nav */
/* ------------------------------------ */
.dmsb-transiton-nav-footer {

}
.dmsb-transiton-nav-footer__link {
	display: block;
	padding: 6px 0px;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	opacity: 0.9;
}

.dmsb-transiton-nav-footer__icon {
	margin-right: 12px;
	font-size:8px;
}

/* Komponente: Link mit Icon */
/* ------------------------------------ */

.dmsb-transition-icon-link {
	margin-bottom: 12px;
	display: block;
}
.dmsb-transition-icon-link:hover {
	text-decoration: none;
}
.dmsb-transition-icon-link .dmsb-transition-icon-link__icon {
	color: #ef7d00 !important;
	margin-right: 12px;
	font-size: 16px;
	top: 2px;
}

.dmsb-transition-icon-link .dmsb-transition-icon-link-label {
	display: inline-block;
}
.dmsb-transition-icon-link:hover .dmsb-transition-icon-link__label {
	text-decoration: underline;
	color: #333;
}

/* Komponente: Box */
/* ------------------------------------ */
.dmsb-transition-box {
	padding: 24px 12px 12px 12px;
	min-height: 350px;
	position: relative;
}

.dmsb-transition-box__button {
	position: absolute;
	left: 25%;
	right: 25%;
	bottom: 36px;
}
.dmsb-transition-box__button--hover {
	opacity: 0;
	transition: opacity 300ms ease-in;
}
.dmsb-transition-box:hover .dmsb-transition-box__button--hover {
	opacity: 0.9;
}

.dmsb-transition-box__icon {
	margin-bottom: 24px;
}


/* Variante: Align Center */
.dmsb-transition-box--align-center,
.dmsb-transition-box--align-center *,
.dmsb-transition-box--align-center p,
.dmsb-transition-box--align-center div {
	text-align: center;
}

/* Variante: Weiss */
.dmsb-transition-box.dmsb-transition-box--color-white {
	background-color: #ffffff;
}

.dmsb-transition-box.dmsb-transition-box--color-white * {
	color: #333;
}

.dmsb-transition-box.dmsb-transition-box--color-white a {
	color: #ef7d00;
}

/* Variante: Blau */
.dmsb-transition-box.dmsb-transition-box--color-blue {
	background-color: #00305d;
}

.dmsb-transition-box.dmsb-transition-box--color-blue * {
	color: #ffffff;
}

.dmsb-transition-box.dmsb-transition-box--color-blue a {
	color: #ef7d00;
}

/* Variante: Image */
.dmsb-transition-box.dmsb-transition-box--image {
	padding: 36px 0px 0px 0px;
}
.dmsb-transition-box.dmsb-transition-box--image * {
	color: #ffffff;
}
.dmsb-transition-box.dmsb-transition-box--image a {
	color: #ef7d00;
}


/* Box: CSC-Inhalte */
.dmsb-transition-box .csc-header {
	margin-bottom: 12px;
}
.dmsb-transition-box .bodytext {
	line-height: 22px;
	font-size: 14px;
}

/* Variante: Image */
.dmsb-transition-box.dmsb-transition-box--image .dmsb-transition-box__content {
	background-color: rgba(0,36,70,0.9);
	padding: 12px;
}




/* Box: News */
.dmsb-transition-box.dmsb-transition-box--news {
}

.dmsb-transition-box.dmsb-transition-box--news .title {
	display: none;
	margin-bottom: 12px;
	position: relative;
}
.dmsb-transition-box.dmsb-transition-box--news .title h3 {
	font-size: 20px;
}
.dmsb-transition-box.dmsb-transition-box--news .title a {
	position: absolute;
	right:0;
	top: 6px;
	font-size: 14px;
	font-style: italic;
}

/* Box: Active */
.dmsb-transition-box.dmsb-transition-box--active {
	background: url("../img/hg-Box-Einstieg-Aktive.jpg") left top;
	background-size: 296px 350px;
}

/* Box: mydmsb */
.dmsb-transition-box.dmsb-transition-box--mydmsb {
	background: url("../img/hg-Box-meinDMSB.jpg") left top;
	background-size: 296px 350px;
}

/* Grid: Public & Kontakt */
.dmsb-transition-content-grid--second {
	margin-bottom: 36px;
}

/* Box: Public */
.dmsb-transition-box.dmsb-transition-box--public {
	background-image: url("../img/hg-Box-Einstieg-Public.png");
	background-position:  left bottom;
	background-repeat: no-repeat;
	background-size: 296px 350px;
	min-height: 378px;
}

.dmsb-transition-box.dmsb-transition-box--contact {
	min-height: 378px;
}

.dmsb-transition-box.dmsb-transition-box--links {
	min-height: 378px;
}

/* Box: Banner */
.dmsb-transition-banner {
	margin-top: 12px;
	display:none;
}