/*
# **********************************************************************
#
#  (c) 2018 Tobias Fleckenstein <tfleckenstein@mp-group.net>, mp group GmbH
#
# **********************************************************************
# date/time    : 03/2018
# project      : Baukasten Bootstrap4
# developer    : Tobias Fleckenstein
#
#   .-------------'```'----....,,__                        _,
#   |                               `'`'`'`'-.,.__        .'(
#   |                                             `'--._.'   )
#   |                                                   `'-.<
#   \               .-'`'-.                            -.    `\
#    \               -.o_.     _                     _,-'`\    |
#     ``````''--.._.-=-._    .'  \            _,,--'`      `-._(
#       (^^^^^^^^`___    '-. |    \  __,,..--'                 `
#        `````````   `'--..___\    |`
#                              `-.,'
# **********************************************************************
*/

/* Pfad zur CSS über konfig oder überschreib/erweiterbar machen - CKEditor yaml */

@font-face {
	font-family: 'Glyphicons Halflings';
	src:	url('../Fonts/glyphicons-halflings-regular.eot');
	src:	url('../Fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
				url('../Fonts/glyphicons-halflings-regular.woff2') format('woff2'),
				url('../Fonts/glyphicons-halflings-regular.woff') format('woff'),
				url('../Fonts/glyphicons-halflings-regular.ttf') format('truetype'),
				url('../Fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/* Auswahl Farben*/
::-moz-selection {
	background: #d67e22;
	color: #ffffff
}
::selection {
	background: #d67e22;
	color: #ffffff;
}

/* BOF allgemeine klassen */
.logoClaimRow{
	padding-top: 15px;
	padding-bottom: 15px;
}
.containerFullWidthSlider > .row {
	margin-left: 0;
	margin-right: 0;
}
.containerFullWidthSlider > .row > div{
	padding-right: 0;
	padding-left: 0;
}

/* abstand davor/danach von T3 */
.frame-space-before-extra-small{margin-top:20px !important;}
.frame-space-before-small{margin-top:50px !important;}
.frame-space-before-medium{margin-top:80px !important;}
.frame-space-before-large{margin-top:100px !important;}
.frame-space-before-extra-large{margin-top:150px !important;}

.frame-space-after-extra-small{margin-bottom:20px !important;}
.frame-space-after-small{margin-bottom:50px !important;}
.frame-space-after-medium{margin-bottom:80px !important;}
.frame-space-after-large{margin-bottom:100px !important;}
.frame-space-after-extra-large{margin-bottom:150px !important;}

/* abstand davor/danach wenn farbiger Hintergrund in Container gewählt*/
[class*=" mpBootstrapBg"] .frame-space-before-extra-small{padding-top:20px !important;margin-top:0 !important;}
[class*=" mpBootstrapBg"] .frame-space-before-small{padding-top:50px !important;margin-top:0 !important;}
[class*=" mpBootstrapBg"] .frame-space-before-medium{padding-top:80px !important;margin-top:0 !important;}
[class*=" mpBootstrapBg"] .frame-space-before-large{padding-top:100px !important;margin-top:0 !important;}
[class*=" mpBootstrapBg"] .frame-space-before-extra-large{padding-top:150px !important;margin-top:0 !important;}

[class*=" mpBootstrapBg"] .frame-space-after-extra-small{padding-bottom:20px !important;margin-bottom:0 !important;}
[class*=" mpBootstrapBg"] .frame-space-after-small{padding-bottom:50px !important;margin-bottom:0 !important;}
[class*=" mpBootstrapBg"] .frame-space-after-medium{padding-bottom:80px !important;margin-bottom:0 !important;}
[class*=" mpBootstrapBg"] .frame-space-after-large{padding-bottom:100px !important;margin-bottom:0 !important;}
[class*=" mpBootstrapBg"] .frame-space-after-extra-large{padding-bottom:150px !important;margin-bottom:0 !important;}

/* Content*/
.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }

/* Headline */
.ce-headline-left { text-align: left; }
.ce-headline-center { text-align: center; }
.ce-headline-right { text-align: right; }

.pointer{
	cursor: pointer;
}
/* EOF allgemeine klassen */

body{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}

/* BOF Inhalts Formatierung */
header{
	padding-bottom: 15px;
}
h1{}
h2{}
h3{}
h4{}
h5{}

h1 + h2{
	color: lightgrey;
	margin-top: -0.5rem;
}
h2 + h3{
	color: lightgrey;
	margin-top: -0.5rem;
}
h3 + h4{
	color: lightgrey;
	margin-top: -0.5rem;
}
h4 + h5{
	color: lightgrey;
	margin-top: -0.5rem;
}
h5 + h6{
	color: lightgrey;
	margin-top: -0.5rem;
}
p {
	margin: 0 0 15px;
}
/*
## unicode zero width space character
## Füllt lerre p tags aus dem CKEditor
*/
p:empty:before {
  content: "\200b";
}
.ce-bodytext ol{
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
}
.ce-bodytext ul{
	margin: 0 0 15px 30px;
	padding: 0;
}
/* EOF Inhalts Formatierung*/

/* BOF Farbigeblöcke */
.mpBootstrapBgBlue{
	background: CornflowerBlue;
}
.mpBootstrapBgRed{
	background: red;
}
.mpBootstrapBgGreen{
	background: green;
}
.mpBootstrapBgViolett{
	background: DeepPink;
}
.mpBootstrapBgYellow{
	background: GoldenRod;
}
.mpBootstrapBgOrange{
	background: DarkOrange;
}
.mpBootstrapBgTurquois{
	background: DeepSkyBlue;
}
.mpBootstrapBgBlack{
	background: black;
}
.mpBootstrapBgWhite{
	background: white;
}
.mpBootstrapBgGrey{
	background: grey;
}
[class*=" mpBootstrapBg"] h1,
[class*=" mpBootstrapBg"] h2,
[class*=" mpBootstrapBg"] h3,
[class*=" mpBootstrapBg"] h4,
[class*=" mpBootstrapBg"] h5{
	color: #ffffff;
}
[class*=" mpBootstrapBg"] p,
[class*=" mpBootstrapBg"] li,
[class*=" mpBootstrapBg"] span{
	color: #ffffff;
}
[class*=" mpBootstrapBg"] a,
[class*=" mpBootstrapBg"] a:hover,
[class*=" mpBootstrapBg"] a:focus,
[class*=" mpBootstrapBg"] a:active{
	color: #ffffff;
	text-decoration: underline;
}

.mpBootstrapBgWhite h1,
.mpBootstrapBgWhite h2,
.mpBootstrapBgWhite h3,
.mpBootstrapBgWhite h4,
.mpBootstrapBgWhite h5{
	color: #000000;
}
.mpBootstrapBgWhite p,
.mpBootstrapBgWhite li,
.mpBootstrapBgWhite span{
	color: #000000;
}
.mpBootstrapBgWhite a,
.mpBootstrapBgWhite a:hover,
.mpBootstrapBgWhite a:focus,
.mpBootstrapBgWhite a:active{
	color: #000000;
	text-decoration: underline;
}

/* BOF Box auf breite begrenzen --> 15px überhang entfernen*/
.mpBootstrapBgBlock[class*=" mpBootstrapBg"]{
	background: transparent;
}
.mpBootstrapBgBlock.mpBootstrapBgBlock[class*=" mpBootstrapBg"] > .row{
	margin-left: 0;
	margin-right: 0;
}
.mpBootstrapBgBlock.mpBootstrapBgBlue > .row{
	background: CornflowerBlue;
}
.mpBootstrapBgBlock.mpBootstrapBgRed > .row{
	background: red;
}
.mpBootstrapBgBlock.mpBootstrapBgGreen > .row{
	background: green;
}
.mpBootstrapBgBlock.mpBootstrapBgViolett > .row{
	background: DeepPink;
}
.mpBootstrapBgBlock.mpBootstrapBgYellow > .row{
	background: GoldenRod;
}
.mpBootstrapBgBlock.mpBootstrapBgOrange > .row{
	background: DarkOrange;
}
.mpBootstrapBgBlock.mpBootstrapBgTurquois > .row{
	background: DeepSkyBlue;
}
.mpBootstrapBgBlock.mpBootstrapBgBlack > .row{
	background: black;
}
.mpBootstrapBgBlock.mpBootstrapBgWhite > .row{
	background: white;
}
.mpBootstrapBgBlock.mpBootstrapBgGrey > .row{
	background: grey;
}

@media (max-width: 575px) {
	.mpBootstrapBgBlock.mpBootstrapBgBlock[class*=" mpBootstrapBg"] > .row{
		margin-left: -15px;
		margin-right: -15px;
	}
}
/* BEF Box auf breite begrenzen --> 15px überhang entfernen*/
/* EOF Farbigeblöcke */
/* BOF Tab Unterüberschrift */
.tabHeader{
	display: block;
	text-align: center;
}
.tabSubHeader{
	display: block;
	text-align: center;
	font-size: 80%;
}
/* EOF Tab Unterüberschrift */

/* BOF responsive Map */
.map-responsive{
	overflow:hidden;
	padding-bottom:99%;
	position:relative;
	height:0;
}
.map-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}
/* EOF responsive Map */

/* BOF Standard Tabelle */
.contenttable{
	background: #f3f3f3;
	width: 100%;
}
.contenttable th,
.contenttable td{
	padding: 20px;
}
.contenttable thead th{
	background: #f0f0f0;
	vertical-align:baseline;
	border-bottom: 2px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}
.contenttable thead th:last-child{
	border-right: none;
}

.contenttable tbody tr th{
	background: #ffffff;
}
.contenttable tbody th,
.contenttable tbody td{
	vertical-align:baseline;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}
.contenttable tbody tr:last-child th,
.contenttable tbody tr:last-child td{
	border-bottom: none;
}
.contenttable tbody th:first-child{
	border-right: none;
}
.contenttable tbody td:last-child{
	border-right: none;
}
/* EOF Standard Tabelle */

/* BOF Scroll to Top */
.scroll-top {
	display: none;
	position:fixed;
	bottom:0;
	right:6%;
	z-index:100;
	background: #ffcc33;
	font-size:24px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
.scroll-top a:link,
.scroll-top a:visited,
.scroll-top a .fa {
	color:#222;
}
.scroll-top:hover a:hover,
.scroll-top:hover a:active,
.scroll-top:hover a:focus {
	background: transparent;
}
.scroll-top:hover {
	background: #c0c0c0;
}
/* EOF Scroll to Top */


/* BOF Topnavigation */
.contentTopBarContainer,
.navTopContainer,
.searchBoxContainerIcon,
.loginBoxContainerIcon,
.languageSwitchContainerIcon{
	display: inline-block;
	margin-right: 10px;
}
.contentTopBarRow > div > div > *:last-child{
	margin-right: 0;
}
/* EOF Topnavigation */

/* BOF Linke Navigationsleiste */
.mpDefaultLeftMenu{

}
.mpDefaultLeftMenuhHeader{
	font-size: 20px;
	color: #4b4b4b;
	text-transform: uppercase;
	border-top: 1px solid #ffbe00;
	background: #f0f0f0;
	background: rgba(0,0,0,0.05);
	padding:1px 6px;
	margin-bottom: 25px;
}
.mpDefaultLeftMenuhHeader a{
	font-size: 20px;
	color: #4b4b4b;
	text-transform: uppercase;
}
.mpDefaultLeftMenuhHeader a:hover,
.mpDefaultLeftMenuhHeader a:active,
.mpDefaultLeftMenuhHeader a:focus{
	color: #ffbe00;
	text-decoration: none;
}
.mpDefaultLeftMenuContainer{
	list-style: none;
	padding: 0;
	margin: 0;
}
.mpDefaultLeftMenuContainer.levelTwo > li > a{
	display: block;
	padding: 10px 10px 10px 0;
	border-top: 1px solid #c0c0c0;
	font-family: 'Roboto Condensed','Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
}
.mpDefaultLeftMenuContainer.levelTwo > li.dropdown{
	border-bottom: none;
	padding-bottom: 5px;
}
.mpDefaultLeftMenuContainer.levelTwo > li.dropdown > a{
	border-top: 1px solid #c0c0c0;
}
.mpDefaultLeftMenuContainer li a{
	font-size: 14px;
	color: #4b4b4b;
	text-decoration: none;
}
.mpDefaultLeftMenuContainer li a:hover,
.mpDefaultLeftMenuContainer li a:active,
.mpDefaultLeftMenuContainer li a:focus{
	color: #ffbe00;
	text-decoration: none;
}
.mpDefaultLeftMenuContainer li.active > a,
.mpDefaultLeftMenuContainer li.active > a:hover,
.mpDefaultLeftMenuContainer li.active > a:active,
.mpDefaultLeftMenuContainer li.active > a:focus{
	color: #ffbe00;
	text-decoration: none;
}
.mpDefaultLeftMenuContainer li.dropdown a .fa{
	position: absolute;
	right: 0;
}
.mpDefaultLeftMenuContainer.levelThree > li > a{
	display: block;
	padding: 5px 10px 5px 15px;
	border-bottom: none;
	font-family: 'Roboto Condensed','Helvetica Neue',Helvetica,Arial,sans-serif;
}
.mpDefaultLeftMenuContainer.levelThree > li.dropdown{
	border-bottom: none;
}
.mpDefaultLeftMenuContainer.levelThree > li.dropdown > a{
	border-bottom: none;
}
.mpDefaultLeftMenuContainer.levelFour > li > a{
	display: block;
	padding: 5px 10px 5px 30px;
	border-bottom: none;
	font-family: 'Roboto Condensed','Helvetica Neue',Helvetica,Arial,sans-serif;
}
/* EOF Linke NAvigationsleiste */

/* BOF Default bootbox */
.bootbox .modal-header .modal-title{
	color:#ffffff;
}
.bootbox .modal-header .close{
	color:#ffffff;
	text-shadow:none;
	opacity:.7;
	filter:alpha(opacity=70);
}
.bootbox .modal-header .close:hover,
.bootbox .modal-header .close:focus{
	color:#ffffff;
	text-shadow:none;
	opacity:.9;
	filter:alpha(opacity=90);
}
.successMessage .modal-header{
	background:#449d44;
}
.errorMessage .modal-header{
	background:#c9302c;
}
.warningMessage .modal-header{
	background:#ec971f;
}
.infoMessage .modal-header{
	background:#31b0d5;
}
/* EOF Default bootbox */

/* BOF Formulare */
/* form EXT TYPO3*/
.has-error .error,
.has-error > .form-check,
.has-error .input > .inputs-list{
	border: none;
	background: rgba(255,0,0,.05);
}
.has-error .input input[type="text"],
.has-error .input select,
.has-error .input textarea{
	border: 1px solid #990000;
}

.has-error .input > .form-check.singleCheckbox{
	background: rgba(255,0,0,.05);
	border:none;
	padding-left: 0;
}
.has-error .input .inputs-list.singleRadio .form-group{
	padding-left: 20px;
}
.has-error label{
	color: #990000;
}
.has-error ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #990000;
}
.has-error ::-moz-placeholder { /* Firefox 19+ */
	color: #990000;
}
.has-error :-ms-input-placeholder { /* IE 10+ */
	color: #990000;
}
.has-error :-moz-placeholder { /* Firefox 18- */
	color: #990000;
}
.has-error span.error,
.has-error label.error{
	display: none;
	position: absolute;
	left: 18px;
	color: #ffffff;
	font-size: 80%;
	line-height: 1rem;
	border: 1px solid #990000;
	background: rgba(255,0,0,.5);
	padding: 0px 15px;
	margin-top: -1px;
	margin-left: 3px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.inputs-list > .form-group{
	margin-bottom: 0;
}
.input .inputs-list > .form-group,
.input .inputs-list.singleRadio .form-group{
	padding-left:20px;
}
.input .form-check,
.input > .inputs-list > .form-check,
.input > .form-check.singleCheckbox{
	padding-left: 0;
}
.input.checkbox [type="checkbox"]{
	margin-right: 6px;
}

/* EOF Formulare */

/* Carousel */
.staticCarousel .carousel-indicators,
.staticCarousel .carousel-control-prev,
.staticCarousel .carousel-control-next{
	display: none;
}
.carousel-caption-top{
	right: 15%;
	bottom: auto;
	top: 20px;
	left: 15%;
}
.carousel-caption-top h1,
.carousel-caption-top h2,
.carousel-caption-top h3,
.carousel-caption-top h4,
.carousel-caption-top h5{
	margin-top: 0;
}
.carousel-caption-middle{
	top: 50%;
	bottom: auto;
	transform: translateY(-50%);
}
.carousel-caption-middle h1,
.carousel-caption-middle h2,
.carousel-caption-middle h3,
.carousel-caption-middle h4,
.carousel-caption-middle h5{
	margin-top: 0;
}

/* BOF Cookie Banner */
.acceptCookieContainer{
	display: none;
}
.cookieBanner{
	z-index: 5000;
	width: 100%;
	position: fixed;
	background: #000000;
	background: rgba(0,0,0,0.8);
	padding: 5px 15px;
}
.cookieBanner.positionTop{
	top: 0;
}
.cookieBanner.positionBottom{
	bottom: 0;
}
.cookieBanner.positionCenter{
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	width: 30%;
	top: 10%;
}
.cookieBannerText{
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
	padding-top: 4px;
}
.cookieBannerButton{
	float:right;
}
.cookieBannerButton .btn{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/* EOF Cookie Banner */

/* BOF Shariff */
.mpShariff{
	margin-top: 25px;
}
.mpShariff .orientation-horizontal{
	width: 100%;
	max-width: 100%;
}
.mpShariff .orientation-vertical{
	width: 30px;
}
.shariff .orientation-horizontal li {
	width: auto;
	min-width: 30px !important;
	margin-right: 5px;
}
.mpShariff .shariff .orientation-horizontal li .share_text{
	display: inline-block;
	float:left;
}
.mpShariff .fab{
	line-height: 30px;
	float:left;
}
@media (max-width: 767px) {
	.shariff .orientation-horizontal li{
		margin-right: 10px;
	}
	.shariff .orientation-horizontal li .share_text {
		display: block;
		text-indent: -9999px;
		padding-left: 3px;
	}
	.mpShariff .fab {
		line-height: 35px;
		float: inherit;
		text-align: center;
		width: 100%;
	}
}
/* ENTE OF Shariff */
/* BOF Container ohne Rand */
@media (min-width: 1200px) {
	.container-xl-fullWith{
		width: 100% !important;
		max-width: unset !important;
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (max-width: 1199px) {
	.container-lg-fullWith{
		width: 100% !important;
		max-width: unset !important;
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (max-width: 991px) {
	.container-md-fullWith{
		width: 100% !important;
		max-width: unset !important;
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (max-width: 767px) {
	.container-sm-fullWith{
		width: 100% !important;
		max-width: unset !important;
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (max-width: 575px) {
	.container-xs-fullWith{
		width: 100% !important;
		max-width: unset !important;
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
	}
}

/* EOF Container ohne Rand */