/* global color classes */

/* dark-blue - rgb(40,50,115) */
.color_dark-blue {
	color: #283273;
} 
.background-color_dark-blue {
	background-color: #283273;
}

/* magenta - rgb(230,0,126) */
.color-magenta {
	color: #E6007E;
} 
.background-color_magenta {
	background-color: #E6007E;
}

/* cyan - rgb(0,159,227) */
.color_cyan {
	color: #009FE3;
} 
.background-color_cyan {
	background-color: #009FE3;
}

/* dark-gray - rgb(77,78,77) */
.color_dark-gray {
	color: #4d4e4d;
}
.background-color_dark-gray {
	color: #4d4e4d;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/utils/googlefonts/OpenSans/OpenSans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/utils/googlefonts/OpenSans/OpenSans-400-Italic.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/utils/googlefonts/OpenSans/OpenSans-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/utils/googlefonts/OpenSans/OpenSans-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/utils/googlefonts/OpenSans/OpenSans-700-Italic.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: bold;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/utils/googlefonts/OpenSans/OpenSans-700-Italic.ttf) format('truetype');
}

/* css classes to get bootstrap columns with equal height */

.row-flex, .row-flex > div[class*='col-'] {  
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
	align-content: flex-start;
	flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}

.flex-col {
	display: flex;
	display: -webkit-flex;
	flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
	-webkit-flex: 2;
	flex: 2;
}

@media (min-width: 768px) { /* SM */

	.row-flex-sm, .row-flex-sm > div[class*='col-'] {  
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex:1 1 auto;
	}

	.row-flex-wrap-sm {
		-webkit-flex-flow: row wrap;
		align-content: flex-start;
		flex:0;
	}

	.row-flex-sm > div[class*='col-'] {
		 margin:-.2px; /* hack adjust for wrapping */
	}

	.row-flex-sm > div[class*='col-'] div {
		width:100%;
	}
}

body {
	font-family: "Open Sans",Arial,sans-serif;
	max-width:1250px;
	margin-left:auto;
	margin-right:auto;
}
.pagecontent-area-with-navi {
	/*margin-top: 10px;*/
}
body .container-fluid {
	font-size:14px;
}
/* for debugging purpose: display current Bootstrap mode */
.breakpointindicator {
	position:fixed;
	bottom:5px;
	right:5px;
	color:#c0c0c0;
}
.serverindicator {
	position:fixed;
	top:5px;
	right:5px;
	color:#c0c0c0;
	z-index: 1000;
}
.bodyheading {
	font-weight: bold;
}

/* columns of same height styles
   (http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height)
*/
.row-same-height {
    display: table;
    width: 100%;
}
.col-xs-height {
    display: table-cell;
    float: none !important;
}

@media (min-width: 768px) {
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 1200px) {
    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}

/* firefox fix (stylesheet from columns of same height article) */
.img-responsive {
    width: 100%;
}

/* vertical alignment styles (stylesheet from columns of same height article) */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}
/* remove round borders from all buttons */
.btn {
	border-radius: 0;
	font-weight: bold;
	padding: 4px 10px;
}
.control-label  {
	text-align: left !important;
}
.has-error .control-label, .has-warning .control-label {
	color: #000000 !important;
}

/* Top navigation */
.topnav-row {
	border-bottom-color: #DFE4E8;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin-bottom: 15px;
	/*padding-top: 10px;*/
	padding-bottom: 10px;
	padding-right:0;
	margin-right:0;
}
.navbar-header {
	position: relative;
}
.navbar-header .navbar-toggle {
	position: absolute;
	bottom: 0;
	right: 0;
}
.brand-logo:after {
	content: "";
	display: block;
	width: 90px;
    height: 140px;
	margin-top: -1px;
	margin-left: -1px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(Logo.svg);
}

@media(max-width:767px) { /* XS */
	.brand-logo:after {
		margin-bottom: 10px;
	}
}
.areaname {
	color: rgb(51,51,51);
	text-transform: uppercase;
	font-weight: 400;
	font-size: 140%;
	white-space: nowrap;
	position: absolute;
    bottom: -5px;
    left: 0px;
}
.navbar-header .areaname {
	position: absolute;
	bottom: 5px;
    left: 90px;
}
@media (max-width: 400px) {
	.areaname {
		font-size: 90%;
	}
}
.topnav-col-logo {
	padding-left: 0px;
	padding-right: 0px;
}
.topnav-col-area {
}
.topnav-col-sections {
	text-align: right;
	padding-right:0;
}
.bottom-navbar {
	margin-bottom: 0;
	border-radius: 0;
	background-color: #4D4E4D;
	border-style: none;
	color: #ffffff;
	font-size: 90%;
	text-align: center;
	padding-top:15px;
	position:absolute;
	left:0;
	right:0;
}
.bottom-navbar .container {
	margin-top: 20px;
	margin-bottom: 20px;
}
.bottom-navbar .footer-image {
	text-align: center;
}
.bottom-navbar .footer-image img {
	width: 400px;
	max-width: 100%;
	vertical-align: initial;
}
.bottom-navbar a:first-of-type {
	margin-left:0;
}
.bottom-navbar a {
	margin-left: 15px;
	color: #ffffff;
}
/* Area with main content */
.maincontent-col {
	border-right-width: 2px;
	height: 100%;
	padding-bottom: 20px;
}
.maincontent-container h1 {
	color: rgb(51,51,51);
	font-size: 14px; /* same as normal content text */
	font-weight:bold;
	margin-bottom:5px;
	margin-top: 5px;
}
.maincontent-container h2 {
	font-size:17pt;
	font-weight:bold;
	margin-top:4px;
}
.maincontent-container label {
	font-weight: normal;
}
.maincontent-container table.no-border, .maincontent-container table.no-border td {
	border-style: none;
}
.maincontent-container table.min-cellpadding td {
	padding: 4px;
}
/* progress bar in dark blue */
.maincontent-container .progress {
	height: 12px;
}
.maincontent-container .progress-bar {
	background-color: #283273;
}
/* Area specific coloring */
.area-start .maincontent-container .btn, .area-abo-service .maincontent-container .btn {
	background-color: #283273; /* blue */
	border-color: #283273; /* blue */
	color: #ffffff;
}
.area-start .maincontent-container h2, .area-abo-service .maincontent-container h2 {
	color: #283273; /* blue */
}
.area-start .maincontent-container a, .area-abo-service .maincontent-container a {
	color: #283273;
}
.area-start .bodyheading , .area-abo-service .bodyheading  {
	color: #283273; /* dark-blue */
}

.area-e-abo .maincontent-container .btn {
	background-color: #E6007E; /* magenta */
	border-color: #E6007E; /* magenta */
	color: #ffffff;
}
.area-e-abo .maincontent-container h2 {
	color: #E6007E; /* magenta */
}
.area-e-abo .bodyheading  {
	color: #E6007E; /* magenta */
} 

.area-meine-daten .maincontent-container .btn {
	background-color: #009FE3; /* cyan */
	border-color: #009FE3; /* cyan */
	color: #ffffff;
}
.area-meine-daten .maincontent-container h2 {
	color: #009FE3; /* cyan */
}

.area-meine-daten .bodyheading  {
	color: #009FE3; /* cyan */
}

/* wizard styles */
.wizard.loading {
	display:none;
}

.wizard-load-mask {
	position: absolute;
	height: 50%;
	width: 50%;
	margin: auto;
	display: block;
}

.wizard-content .notice .attention {
	font-weight: bold;
}

.area-abo-service .wizard-content .notice {
	background-color: #283273; /* blue */
	color: #FFFFFF;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 10px;
}

.area-abo-service .wizard-content .notice a {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Checkmark lists in mail content area */
.maincontent-container .body ul {
	padding-left:0;
	display: table;
}
.maincontent-container .body ul > li {
	list-style-type: none;
	/* display: table-row; */
}
.xmaincontent-container .body ul > li:before {
	content: "";
	font-family: FontAwesome;
	font-size: 18pt;
	color: #253D7C;
	padding-right:20px;
	display: table-cell;
}
.maincontent-container .body ul > li {
	background-image: url("/vds/cms_e-abo.nsf/web/checkliste-haken_dunkelblau_gross.png");
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: left center;
	min-height: 40px;
	min-width: 30px;
	padding-left: 40px;
	padding-top: 5px;
	height: auto;
}
/* proper margins for wrapped form cols */
.form-span:after {
	clear:none !important;
}
.form-span {
	margin-bottom: 0;
}
/* Infobox in main content area */
.maincontent-container .infobox {
	background-color: #DFE4E8;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	padding-bottom:15px;
}
.maincontent-container .infobox.compact a {
	text-decoration: none;
}
.maincontent-container .infobox.compact a::after {
	content: "»";
	margin-left: 2px;
}
.area-start .maincontent-container .infobox.compact, .area-abo-service .maincontent-container .infobox.compact {
	background-color: #283273; /* blue */
}
.area-start .maincontent-container .infobox.compact a, .area-abo-service .maincontent-container .infobox.compact a {
	background-color: #283273; /* blue */
	border-color: #283273; /* blue */
	color: #fff;
}
.area-start .maincontent-container .infobox.compact, .area-abo-service .maincontent-container .infobox.compact {
	background-color: #283273; /* blue */
}
.area-start .maincontent-container .infobox.compact a, .area-abo-service .maincontent-container .infobox.compact a {
	background-color: #283273; /* blue */
	border-color: #283273; /* blue */
	color: #ffffff;
}
.area-e-abo .maincontent-container .infobox.compact {
	background-color: #E6007E; /* magenta */
}
.area-e-abo .maincontent-container .infobox.compact a {
	background-color: #E6007E; /* magenta */
	border-color: #E6007E; /* magenta */
	color: #ffffff;
}
.area-meine-daten .maincontent-container .infobox.compact {
	background-color: #009FE3; /* cyan */
}
.area-meine-daten .maincontent-container .infobox.compact a {
	background-color: #009FE3; /* cyan */
	border-color: #009FE3; /* cyan */
	color: #ffffff;
}

.maincontent-container .infobox .headline {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13pt;
	margin-top: 4px;
}
.maincontent-container .infobox .teaser {
	padding-left: 10px;
	padding-right: 10px;
}
.maincontent-container .infobox .linkbutton {
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	
}
.maincontent-container .infobox-row {
	margin-top: 20px;
}

.maincontent-container .faqpanels .panel-default {
	border-style:none;
	margin-bottom: 20px;
}
.maincontent-container .faqpanels .panel-default .panel-heading {
	background-color: transparent;
	border-style:none;
	padding-left: 0;
}
.maincontent-container .faqpanels .panel-default .panel-title a {
	text-decoration:none;
}
.maincontent-container .faqpanels .panel-default .panel-title a:after {
	content: "";
	font-family: FontAwesome;
	margin-left: 5px;
	font-style: normal;
	font-weight: normal;
	color: #BFC0BF;
}
.maincontent-container .faqpanels .panel-default .panel-body {
	border-style:none;
}
.maincontent-container .faqpanels .panel-default {
	box-shadow: none;
}
@media(max-width:767px) { /* XS */
	body {
		margin-top: 0px;
		background-image: none;
	}
	.pagecontent-area-with-navi {
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 5px;
	}
	.infobox {
		margin-bottom: 20px;
	}
	.maincontent-container .infobox .teaser {
		font-size:108%;
	}
	.topnav-row {
		display: none;
	}
	.maincontent-col {
		border-left-style: none;
		border-right-style: none;
		
		border-bottom-color: #DFE4E8;
		border-bottom-style: solid;
		border-bottom-width: 2px;
		
		margin-top: 0;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.topbanner {
		/*margin-left:-20px;
		margin-right:-20px;
		margin-top:-20px;*/
	}
	.sidebar-panel {
		margin-top: 10px;
	}
	.small-navigation-container {
		font-size:120%;
	}
	.navitem {
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.maincontent-container .body {
		font-size: 108%;
	}
}
@media (min-width: 768px) { /* SM */
	body {
		margin-top: 0px;
	}
	.maincontent-col {
		margin-top: 20px;
		border-left-color: #DFE4E8;
		border-right-color: #DFE4E8;
		border-left-style: solid;
		border-right-style: solid;
		border-left-width: 2px;
	}
	.pagecontent-area-with-navi {
		/*margin-top: 5px;*/
		margin-left: 5px;
		margin-right: 5px;
	}
	.pagecontent-area-with-navi .topnav-row {
		margin-left:0;
	}
	.topnav-col-area {
		padding-left:0;
	}
	/*
	body {
  		background-image: url("topnav_geschwungene-linie.png");
  		background-position: -50px -70px;
  		background-repeat: no-repeat;
  		background-size: 70% 20%;
 	}
	*/
 	.topnav-col-sections img {
  		max-height: 50px;
  		margin-left: 2px;
 	}
	.navitem {
		padding-top: 2px;
		padding-bottom: 2px;
	}
}
@media (min-width: 850px) {
	/*
 	body {
  		background-position: -50px -50px;
  		background-repeat: no-repeat;
  		background-size: 70% 20%;
 	}
	*/
}
@media (min-width: 992px) { /* MD */
 	body {
  		background-position: -100px -70px;
  		background-repeat: no-repeat;
  		background-size: 70% auto;
 	}
 	.topnav-col-sections img {
  		max-height: 80px;
  		margin-left: 5px;
 	}
}
@media (min-width: 1000px) {
	/*
	 body {
		  background-position: -120px -40px;
		  background-repeat: no-repeat;
		  background-size: 64% auto;
	 }
	*/
}
@media (min-width: 1200px) { /* LG */
	/*
	 body {
		  background-position: -120px -100px;
		  background-repeat: no-repeat;
		  background-size: 64% auto;
	 }
	*/
	 .topnav-col-sections img {
		  max-height: 90px;
		  margin-left: 5px;
	 }
	.pagecontent-area-with-navi {
		margin-left: 30px;
		margin-right: 30px;
	}
	.maincontent-container .body {
		font-size: 100%;
	}
	.maincontent-container .infobox .teaser {
		font-size:99%;
	}
}


/* Navigation stylesheets */

.navlink {
	text-decoration: none;
	color: #000000;
}
.navlink:hover {
	text-decoration: none;
}
.area-start .navlink:hover, .area-start .navlink:active,
.area-abo-service .navlink:hover, .area-abo-service .navlink:active,
.area-start .activenavitem > a.navlink,
.area-abo-service .activenavitem > a.navlink {
	color: #283273;	
}
.area-start .navlink:active {
	text-decoration: underline;
}
.area-e-abo .navlink:hover, .area-e-abo .navlink:active, .area-e-abo .activenavitem > a.navlink {
	color: #E6007E;
}
.area-e-abo .navlink:active {
	text-decoration: underline;
}
.area-meine-daten .navlink:hover, .area-meine-daten .navlink:active, .area-meine-daten .activenavitem > a.navlink {
	color: #009FE3;
}
.area-meine-daten .navlink:active {
	text-decoration: underline;
}
.navlevel1 {
	margin-left: 0;
}
.navlevel2 {
	margin-left: 0;
	font-size: 120%;
}
.navlevel2.haschildfolders > a.navlink:after {
	content: "";
	font-family: FontAwesome;
	margin-left: 5px;
	font-style: normal;
	font-weight: normal;
	color: #BFC0BF;
}
.navlevel3 {
	margin-left: 5px;
	font-size: 100%;
}
.navlevel3.haschildfolders > a.navlink:after {
	content: "";
	font-family: FontAwesome;
	margin-left: 5px;
	font-style: normal;
	font-weight: normal;
	color: #BFC0BF;
}
.navlevel4 {
	margin-left: 15px;
	font-size: 93%;
}
.navlevel4 > a.navlink:after {
	content: "»";
	margin-left: 4px;
}
.navlevel5 > a.navlink:after {
	content: "»";
	margin-left: 2px;
}
.navlevel5 {
	margin-left: 20px;
	font-size: 93%;
}
.navlevel6 {
	margin-left: 25px;
	font-size: 93%;
}
.activenavitem {
	font-weight: bold;
}

/* bread-crump */
.breadcrump {
	margin-top: 15px;
	font-family: "Open Sans",Arial,sans-serif !important;
}
.breadcrump .link {
	color: #000000;
	text-decoration: none;
}

.area-start .breadcrump .link:hover {
	color: #000000;
}
.area-start .breadcrump .activeitem > a.link {
	color: #000000;
}

.area-abo-service .breadcrump .link:hover {
	color: #000000;
}
.area-abo-service .breadcrump .activeitem > a.link {
	color: #000000;
}

.area-e-abo .breadcrump > a.link:hover {
	color: #000000;
}
.area-e-abo .breadcrump .activeitem > a.link {
	color: #000000;
}

.area-meine-daten .breadcrump .link:hover {
	color: #000000;
}
.area-meine-daten .breadcrump .activeitem > a.link {
	color: #000000;
}

.breadcrump .link {
	margin-right: 4px;
}

.breadcrump .link:after {
	content: "»";
	margin-left: 4px;
}

.breadcrump .activeitem > a.link {
}

/* fix for bootstrap .show class that changes this to block with !important */
.rcrumbs > ul > li.show {
	display:inline-block !important;
}

/* Sidebar panel stylesheets */
.sidebar-panel {
	margin-bottom: 10px;
	padding: 10px;
}
.sidebar-panel .headline {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

/* Advantages sidebar panel with checkmark list */
.sidebar-advantages {
	background-color: #DFE4E8;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
.sidebar-advantages .btn {
	background-color: #4D4D4F;
	border-color: #4D4D4F;
	color: #ffffff;
}
.sidebar-advantages ul {
	padding-left:0;
	display: table;
}
.sidebar-advantages ul li {
	list-style-type: none;
	/* display: table-row; */
	
	
}
.sidebar-advantages ul > li {
	background-image: url("/vds/cms_e-abo.nsf/web/checkliste-haken_magenta_klein.png");
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: left top;
	height: auto;
	min-height: 30px;
	min-width: 30px;
	padding-left: 30px;
	margin-bottom: 5px;
}

/*
.sidebar-advantages ul li:before {
	content: "";
	font-family: FontAwesome;
	font-size: 18pt;
	color: rgb(230,0,126);
	padding-right:5px;
	display: table-cell;
}
*/
/* Login sidebar panel */
.sidebar-login {
	background-color: rgb(230,0,126);
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
.sidebar-login .btn {
	background-color: #E7E7E8;
	color: rgb(230,0,126);
}

.sidebar-login .headline {
	color: #ffffff;
	margin-bottom: 5px;
}
.sidebar-panel label {
	color: #ffffff;
}
.sidebar-login .btn {
	border-color: #e7e7e8;
}
.sidebar-login .loginerror {
	color: #ffffff;
}
.sidebar-login .content {
	color:#ffffff;
	font-size:130%;
}
.sidebar-login .login-servicelink-row {
	color: #ffffff;
	font-size: 70%;
	margin-top: 5px;
}
.sidebar-login .login-servicelink-row a, .sidebar-login .login-servicelink-row a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* FAQs sidebar panel */
.sidebar-faqs {
	border-top-color: #DFE4E8;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom-color: #DFE4E8;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
.sidebar-faqs .btn {
	background-color: #4d4d4f;
	color: #ffffff;
	border-color: #4d4d4f;
}
/* Contact info sidebar panel */
.sidebar-contact a {
	text-decoration: underline;
	color: #000000;
}
.sidebar-contact a:hover {
	text-decoration: underline;
	color: #253D7C;
}
.sidebar-contact .contact-table {
	display: table;
}
.sidebar-contact .contact-row {
	display: table-row;
}
.sidebar-contact .contact-cell  {
	display: table-cell;
}

.sidebar-contact .icon-col {
	width: 50px;
	vertical-align:top;
	padding-left:5px;
	padding-right:5px;
}

/* svg icons for the contact sidebar panel */
.sidebar-contact .icon-col {
	/* color: #283273; */
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;	
}
.area-start .sidebar-contact .icon-col.icon-envelope,
.area-abo-service .sidebar-contact .icon-col.icon-envelope {
	background-image: url(icon_briefumschlag_dunkelblau.svg);
}

.area-e-abo .sidebar-contact .icon-col.icon-envelope {
	/* color: #E6007E; */
	background-image: url(icon_briefumschlag_magenta.svg);
}
.area-meine-daten .sidebar-contact .icon-col.icon-envelope {
	/* color: #009FE3; */
	background-image: url(icon_briefumschlag_cyan.svg);
}

.area-start .sidebar-contact .icon-col.icon-phone,
.area-abo-service .sidebar-contact .icon-col.icon-phone {
	background-image: url(icon_telefon_dunkelblau.svg);
	background-size:40px auto;
}
.area-e-abo .sidebar-contact .icon-col.icon-phone {
	background-image: url(icon_telefon_magenta.svg);
	background-size:40px auto;
}
.area-meine-daten .sidebar-contact .icon-col.icon-phone {
	background-image: url(icon_telefon_cyan.svg);
	background-size:40px auto;
}

.sidebar-contact .text-col {
	vertical-align:top;
	padding-left:5px;
	padding-right:5px;
	font-size: 95%;
}

.thank-you h1 {
	text-align: center;
	font-size: 30pt;
	font-weight: bold;
	color: #283273;
}

.thank-you h2 {
	text-align: center;
	font-size: 17pt;
}

.thank-you .body {
	margin-top: 2em;
	text-align: center;
}

.thank-you .body .target {
	color: #283273;
	font-weight: bold;
}

.thank-you .body .target .linkbutton {
	margin-top: 2em;
}

/* carousel */
.carousel.abo.start .slide {
	max-width: 10%;
	background-color: #4d4e4d;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	height: 70px;
}

.carousel.abo.start .slide.link {
	cursor: pointer;
}

.carousel.abo.start .slide.active .slide_content:after {
	content: "";
	border-color: #ffffff transparent transparent transparent;
	border-style: solid;
  	border-width: 10px;
  	opacity: 0.7;
  	width: 0;
  	height: 0;
  	position: absolute;
  	top: 0px;
  	left: 35%;
	z-index: 1;
}

.carousel.abo.start .slide_content {
	height: 90%;
	color: #FFFFFF;
	border-right: 1px;
	border-right-style: solid;
	border-color: #FFFFFF;
}

.carousel.abo.start .slide:last-child .slide_content {
	border-right-style: hidden;
}

.carousel.abo.start .slide_content .header {
	font-size: 98%;
	font-weight: bold;
}

.carousel.abo.start .slide_content .teaser {
	font-size: 97%;
}

.carousel.abo.start .slide a {
	color: #FFFFFF;
	text-decoration: none;
}

.carousel_margin.abo {
	background-color: #4d4e4d;
	width: 40px;
}

.carousel_margin.right {
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}

.carousel_margin.control:hover {
	cursor: pointer;
}

.area-start .carousel_container td {
	background-color: #4d4e4d;	
}

.arrow {
    /*border-right:4px solid white;
    border-bottom:4px solid white;
    width:30px;
    height:30px;*/
	width: 100%;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 30px;
}

.prev .arrow {
  	/*transform: rotate(135deg);
	margin-left: 15px;*/
	left: 0;
	margin-left: 10px;
	background-image: url(slider_pfeil_links.svg);
	background-position: left center;
}

.next .arrow {
  	/*transform: rotate(-45deg);*/
	right: 0;
	margin-right: 5px;
	background-image: url(slider_pfeil_rechts.svg);
	background-position: left center;
}

/* prevent the carousel to be shifted to the left by the margin of bx-viewport*/
.maincontent-container .bx-wrapper .bx-viewport {
	position: initial !important;
}
.maincontent-container .bx-wrapper .bx-viewport {
	border: none;
	box-shadow: none;
}
/* browser warning */
.browser-warning {
	text-align: center;
}

.browser-warning .warning-banner > img {
	width: 160px;
	height: auto;
}

.browser-warning .header {
	color: #E6007E;
	font-size: 200%;
	font-weight: bold;
}

.browser-warning .subheader {
	color: #283273;
	font-size: 200%;
	font-weight: bold;
}

.browser-warning .btn {
	background-color: #4D4D4F;
	border-color: #4D4D4F;
	color: #ffffff;
}