/* bySam */

/* ============================================================ */
/* Bootstrap 5													*/
/* ============================================================ */

:root {
--bs-blue:#0d6efd;
--bs-indigo:#6610f2;
--bs-purple:#6f42c1;
--bs-pink:#d63384;
--bs-red:#dc3545;
--bs-orange:#fd7e14;
--bs-yellow:#ffc107;
--bs-green:#198754;
--bs-teal:#20c997;
--bs-cyan:#0dcaf0;
--bs-white:#fff;
--bs-gray:#6c757d;
--bs-gray-dark:#343a40;
--bs-gray-100:#f8f9fa;
--bs-gray-200:#e9ecef;
--bs-gray-300:#dee2e6;
--bs-gray-400:#ced4da;
--bs-gray-500:#adb5bd;
--bs-gray-600:#6c757d;
--bs-gray-700:#495057;
--bs-gray-800:#343a40;
--bs-gray-900:#212529;
--bs-primary:#bb0000;
--bs-secondary:#6c757d;
--bs-success:#198754;
--bs-info:#0dcaf0;
--bs-warning:#ffc107;
--bs-danger:#dc3545;
--bs-light:#f8f9fa;
--bs-dark:#212529;
--bs-primary-rgb:187, 0, 0;
--bs-secondary-rgb:108, 117, 125;
--bs-success-rgb:25, 135, 84;
--bs-info-rgb:13, 202, 240;
--bs-warning-rgb:255, 193, 7;
--bs-danger-rgb:220, 53, 69;
--bs-light-rgb:248, 249, 250;
--bs-dark-rgb:33, 37, 41;
--bs-white-rgb:255, 255, 255;
--bs-black-rgb:0, 0, 0;
--bs-body-color-rgb:33, 37, 41;
--bs-body-bg-rgb:255, 255, 255;
--bs-font-sans-serif:'Bebas Neue', sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", 'Open Sans', "Liberation Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient:linear-gradient(180deg, hsla(0,0%,100%,.15), hsla(0,0%,100%,0));
--bs-body-font-family:var(--bs-font-sans-serif);
--bs-body-font-size:18px;
--bs-body-font-weight:400;
--bs-body-line-height:1.5;
--bs-body-color:#FFFFFF;
--bs-body-bg:#090909;
}

/* Concrete Fix */
.ui-widget-content {
	color: #333 !important;
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* bebas-neue-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/bebas-neue-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ============================================================ */
/* Custom Project Classes										*/
/* ============================================================ */

.color-red {
	color:#D20233;
}

.color-gray {
	color:#808080;
}

.bgcolor-red {
	background-color:#BB0000;
}


/* ============================================================ */
/* Support / Service											*/
/* ============================================================ */

/* Float Classes */
.public .left {
	float:left !important;
}
.public .right {
	float:right !important;
}
.public .clear {
	clear:both !important;
}

/* Text-Decoration Classes */
.public .tdu {
	text-decoration:underline !important;
}
.public .tdn {
	text-decoration:none !important;
}

.disnone {
	display:none;
}

/* Only Small Big Classes */
.public .only-small {
	display:block !important;
}
.public .only-big {
	display:none !important;
}
@media (min-width: 768px) {
	.public .only-small {
		display:none !important;
	}
	.public .only-big {
		display:block !important;
	}
}

/* Rundunge Ecken */
.rounded { 
	 -webkit-border-radius: 8px;
		-moz-border-radius: 8px;
			 border-radius: 8px;
}

/* Shadow */
.shadow	{
	/*
				  Vertikaler  Farbe des 
				  Versatz     Schatten
					  |           |
	box-shadow: 10px 10px 15px silver inset;
				 |          |           |
		 Horizontaler       |           |
		 Versatz       Größe des     optional:
					   Schatten      Schatten nach innen
	*/
	-webkit-box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.3);
			box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.3);
}

/* Desaturate-Effect (Everything in shades of gray and on hover in color) */
.desaturate {
    filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
/*    filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
    filter: gray;  /* IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit */
}

.desaturate:hover {
    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}

/* No Selection Class */
.public .deselect {
    -ms-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}
.public .deselect ::selection,
.public .deselect ::-moz-selection {
    background:transparent !important;
    color:inherit !important;
}

/* No Outline */
.public .nool { 
	outline:none !important; 
}

/* Bild in original Größe anzeigen, aber nicht über 100% des Bereichs, 
   d.h. keine Scroller, auch nicht wenn das Bild grösser ist als der Viewport (einfach im Editor diese Klasse beim Bild mit angeben) */
.max-width-100p {
	width:auto !important;
	max-width:100% !important;
}

/* Bei Bookmarks Header mitrechnen, vor allem für Fixed-Header sinnvoll (jedem Anker diese Klasse mitgeben) und natürlich den Top-Wert auf die Header Größe(n) anpassen */
.anchor { 
	display:block;
	position:relative;
	top:-80px;
	visibility:hidden;
}
@media (min-width: 768px) {
	.anchor { 
		top:-165px;
	}
}





/* [1] The container */
.img-hover-zoom {
	height: 300px; /* [1.1] Set it as per your need */
	height:auto; /* [1.1] Set it as per your need */

	overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
	transition: transform 1.2s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
	transform: scale(1.2);
}



.top-placeholder {
	margin-top:67px;
}
@media (min-width: 992px) {
	.top-placeholder {
		margin-top:139px;
	}
}

/* Scroll Top Arrow */	
#scrollup {
    position:fixed;
	z-index:100;
    bottom:30px;
    right:20px;
    width: 50px;
    height: 50px;

    display:flex;
	justify-content:center;
	align-items:center;

    opacity:0.9;
    cursor:pointer;

    color:#FFFFFF;
    background-color:#D20233;

	transition: background-color .4s ease;
}
#scrollup img {
	transform: rotate(270deg);
	max-height:12px;
}

/* ============================================================ */
/* Global 														*/
/* ============================================================ */

/* Link Colors */
a,
a:link,
a:visited,
a:active { color:#FFFFFF; outline:none; text-decoration:none; }
a:focus  { color:#D20233; background:none; text-decoration:underline; }
a:hover  { color:#D20233; background:none; text-decoration:none; }

/* Überschriften */
.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: .5rem;
    margin-top: 0;
}
.h1, h1, .display-1 {
    font-size: calc(1.375rem + 1.5vw);
}
.h2, h2, .display-2 {
    font-size: calc(1.325rem + .9vw);
}
.h3, h3, .display-3 {
    font-size: calc(1.3rem + .6vw);
}
.h4, h4, .display-4 {
    font-size: calc(1.275rem + .3vw);
}
.h5, h5, .display-5 {
    font-size: 1.25rem;
}
.h6, h6, .display-6 {
    font-size: 1.125rem;
}
@media (min-width: 1200px) {
    .h1, h1, .display-1 {
        font-size: 2.5rem;
    }
    .h2, h2, .display-2 {
        font-size: 2rem;
    }
    .h3, h3, .display-3 {
        font-size: 1.75rem;
    }
    .h4, h4, .display-4 {
        font-size: 1.5rem;
    }
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family:'Bebas Neue';
	letter-spacing:2px;
}


a, a:visited { outline:none !important; } /* Safari Fix */

/* Select Colors */
::selection {
	background:#808080;
	color:#FFFFFF;
}
::-moz-selection {
	background:#808080;
	color:#FFFFFF;
}
::-webkit-selection {
	background:#808080;
	color:#FFFFFF;
}

/* Body, Header, Footer, Main, ... */
body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight:400;
	font-size:18px;
	line-height:24px;
}
@media (min-width: 1200px) {
	body {
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		font-weight:400;
		font-size:20px;
		line-height:30px;
	}
}

.public header {
	width:100% !important;
	background-color:rgba(0,0,0,0.8);
}
.public .navbar-inner {
	height:67px !important;
	width:100% !important;
	border-bottom:3px solid #D20233;
}
@media (min-width: 992px) {
	.public .navbar-inner {
		border-bottom:none;
	}
}


.public main {
	padding-top:67px;

padding-top:0px;

}
@media (min-width: 992px) {
	.public main {
		padding-top:139px;

padding-top:0px;

	}
}


.public main .main-content-wrapper {
	padding-top:30px;
}

.public footer .footer-wrapper {
	margin-top:45px;
	border-top:1px solid #D20233;
}
.public footer a {
	text-decoration:none;
}

.public footer a:hover,
.public footer a:focus {
	text-decoration:underline;
}


.public .footer-top {
	font-size:14px;
	line-height:24px;
}

.public .footer-col-1,
.public .footer-col-2,
.public .footer-col-3,
.public .footer-col-4 {
	font-size:14px;
	line-height:24px;
}
.public .footer-col-1 h4,
.public .footer-col-2 h4,
.public .footer-col-3 h4,
.public .footer-col-4 h4 {
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

.public .footer-copyright {
	padding:15px;
	font-size:12px;
}

@media (min-width: 992px) {
	.public .navbar-inner {
		height:139px !important;
	}
}

.public hr {
    background-color:#D20233;
    border: 0;
    color: inherit;
    margin: 1rem 0;
    opacity:1;
}

a.de-flag {
	background:url(/media/flag-de.gif) left top no-repeat;
	background-size:30px 22px;
	padding-left:40px;
}

a.nl-flag {
	background:url(/media/flag-nl.gif) left top no-repeat;
	background-size:30px 22px;
	background-position:2px;
	padding-left:40px;
}

/* ============================================================ */
/* Header Navigation 											*/
/* ============================================================ */

.public header {
	z-index:1000;
}


/* Navbar */
.public .navbar {
	padding-top:0px;
	padding-bottom:0px;
}

.public .navbar > .container, 
.public .navbar > .container-fluid, 
.public .navbar > .container-lg, 
.public .navbar > .container-md, 
.public .navbar > .container-sm, 
.public .navbar > .container-xl, 
.public .navbar > .container-xxl {
	 display:block;
}

.public .navbar-nav {
	position:absolute;
	left:0px; right:0px;
	top:67px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:rgba(0,0,0,0.8);
	border-bottom:1px solid #D20233;
}

.public .navi-headline {
	position:absolute;
	top:12px;
	left:15px;
	right:auto;

	display:flex;
	justify-content:left;
	align-items:center;

	font-size:18px;
}

@media (min-width: 576px) {
	.public .navi-headline {
		font-size:inherit;
	}
}


@media (min-width: 992px) {
	.public .navbar-header {
		position:absolute;
		left:0px; right:0px;
		top:74px;
	}

	.public #navbar-topnavi-1 {
		display:flex;
		justify-content:center;
		align-items:center;
		border-top:3px solid #D20233;
		border-bottom:1px solid #D20233;
	}

	.public .navbar-nav {
		position:relative;
		top:0px;

		border-top:none;
		border-bottom:none;
		background-color:transparent;
	}

	.public .navi-headline {
		position:absolute;
		top:-50px;
		left:0px;
		right:0px;

		display:flex;
		justify-content:center;
		align-items:center;
		
		font-size:32px;
		line-height:42px;
	}
}

/* Navbar Custom Logo */
.navbar-custom .navbar-brand {
	position:absolute;
	left:15px; top:10px;
	padding:0px !important;
	margin:0px !important;
}
.navbar-custom .navbar-brand, 
.navbar-custom .navbar-brand:focus, 
.navbar-custom .navbar-brand:hover {
	color:#5B5B5B;
}
.navbar-custom .navbar-brand img {
	height:44px;
	width:auto;
}
@media (min-width: 992px) {
	.navbar-custom .navbar-brand {
		top:-65px;
		left:calc( 50vw - 140px );
	}
	.navbar-custom .navbar-brand img {
		height:auto;
	}
}

/* Navbar Custom Burgermenu */
.navbar-custom .navbar-toggler {
	border-color:#FFFFFF;
	color:#FFFFFF;
	position:absolute;
	right:15px; top:13px;
}
.navbar-toggler:focus {
	box-shadow: none;
}


.navbar-toggler:hover {
	border-color:#D20233;
}


.navbar-toggler[aria-expanded=true] {
	border-color:#D20233;
}


.navbar-custom .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

/* Navbar Custom Text */
.navbar-custom .navbar-text {
	color:#FFFFFF;
}
.navbar-custom .navbar-text a {
	color:#FFFFFF;
}
.navbar-custom .navbar-text a:focus, 
.navbar-custom .navbar-text a:hover {
	color:#D20233;
}

/* Navbar Custom Links */
.navbar-custom .navbar-nav .nav-link {
	margin-top:9px;
	padding:6px 15px 6px 15px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;


	font-family:'Bebas Neue';
	letter-spacing:2px !important;

}
.navbar-custom .navbar-nav .nav-link:focus, 
.navbar-custom .navbar-nav .nav-link:hover {
	color:#D20233;
}
.navbar-custom .navbar-nav .nav-link.disabled {
	color:#8B8B8B;
}
.navbar-custom .navbar-nav .nav-link.active, 
.navbar-custom .navbar-nav .show>.nav-link {
	color:#D20233;
}

/* Navbar Custom Dropdown */
.navbar-custom .dropdown-menu {
	padding:0px 0px 0px 15px;
	border:none;
	background-color: transparent;
}
@media (min-width: 992px) {
	/* Navbar Custom Links */
	.navbar-custom .navbar-nav .nav-link {
		white-space:nowrap;
		padding-left:20px;
		padding-right:20px;
		letter-spacing:1px;
	}

	/* Navbar Custom Dropdown */
	.navbar-custom .dropdown-menu {
		min-width: 300px;
		padding:0px 0px 10px 0px;
		margin-top:5px;

		background-color:rgba(0,0,0,0.8);

		border:none;
		border-left:1px solid #D20233;
		border-right:1px solid #D20233;
		border-bottom:1px solid #D20233;

		border-radius:0px 0px 15px 15px;
	}

	@keyframes aniMoveUp {
		0% {
			display:none;
			transform: translateY(30px);
		}
		1% {
			display:block;
		}
		100% {
			display:block;
			transform: translateY(0px);
		}
	}
	
	/* Dropdown animation */
	.dropdown-menu.show {
		transform-origin:top;
		animation: aniMoveUp .3s;
	}
}

/* Navbar Custom Path Colors */
.navbar-custom .nav-selected,
.navbar-custom .nav-path-selected {
	color:#D20233 !important;
}

/* Service Area */
.public .header-service {
	position:absolute;
	top:18px;
	right:100px;
}
.public .header-service img {
	width: 28px;
	height: auto;
}


/* Language Area */
.public .header-language {
	position:absolute;
	top:11px;
	right:100px;
}

/* -xs- */
@media (min-width: 576px) {
}
/* -md- */
@media (min-width: 768px) {
	/* Service Area */
	.public .header-service {
		position:absolute;
		top:25px;
		right:20px;
	}
}
/* -lg- */
@media (min-width: 992px) {
}
/* -xl- */
@media (min-width: 1200px) {
}
/* -xxl- */
@media (min-width: 1400px) {
}

/* ============================================================ */
/* Navi horizontal (footer)										*/
/* ============================================================ */

.public ul.navi-horizontal {
	padding:0px 0px 5px 0px;
	margin:0px;
	list-style:none;
}

.public ul.navi-horizontal li {
}

.public ul.navi-horizontal li a,
.public ul.navi-horizontal li a:link,
.public ul.navi-horizontal li a:visited,
.public ul.navi-horizontal li a:active { color:#5B5B5B; outline:none; text-decoration:none; }
.public ul.navi-horizontal li a:focus,
.public ul.navi-horizontal li a:hover  { color:#000000; background:none; text-decoration:underline; }

/* Navbar Custom Path Colors */
.public ul.navi-horizontal a.nav-selected,
.public ul.navi-horizontal a.nav-path-selected {
	color:#000000 !important;
}

/* ============================================================ */
/* Breadcrumb													*/
/* ============================================================ */

.public ol.breadcrumb {
	margin-top:0px;

	font-size:14px;
	line-height:18px;
	color:#808080;
}

.public ol.breadcrumb .active {
	color:#5B5B5B;
}

.public ol.breadcrumb a {
	color: #000000;
}
.public ol.breadcrumb a:hover {
	text-decoration:underline !important;
}

.public .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #5B5B5B;
    content: "/\00a0";
}

/* ============================================================ */
/* Social Links													*/
/* ============================================================ */

.public .ccm-block-social-links {
}
.public .ccm-block-social-links ul {
}
.public .ccm-block-social-links ul li {
	display:block;
	padding-bottom:15px;
	font-size:36px;
}

/* ============================================================ */
/* Hero Image													*/
/* ============================================================ */

.public .default-block-hero-image .neu-button {
	position:absolute;
	left:-10px; top:-15px;
	z-index:999;
	width:95px; height:70px;
	background:url(/images/neu-button.png) left top no-repeat;
	background-size:95px 70px;
}

.public .default-block-hero-image .new-button {
	position:absolute;
	left:-10px; top:-15px;
	z-index:999;
	width:95px; height:70px;
	background:url(/images/new-button.png) left top no-repeat;
	background-size:95px 70px;
}

/* default-block-hero-image */
.public .default-block-hero-image {
	padding:15px;
	margin-bottom:0px;
}
.public .default-block-hero-image-image {
	width:100%;
	text-align:center;
	margin-bottom:15px;
}
.public .default-block-hero-image-image img {
	width:100%;
}
.public .default-block-hero-image-text {
	position:static !important;
	width:100% !important;
	overflow: hidden;
}
.public .default-block-hero-image-text h1,
.public .default-block-hero-image-text h2,
.public .default-block-hero-image-text h3,
.public .default-block-hero-image-text h4,
.public .default-block-hero-image-text h5,
.public .default-block-hero-image-text h6 {
	font-size:18px;
	font-weight:bold;
}
.public .default-block-hero-image-button {
}

/* border-block-hero-image */
.public .border-block-hero-image {
	padding:15px 15px 0px 15px;
	border:1px solid #000000;
	 -webkit-border-radius: 8px;
		-moz-border-radius: 8px;
			 border-radius: 8px;
			 margin-bottom:0px;
}
.public .border-block-hero-image-image {
	width:100%;
	text-align:center;
	margin-bottom:15px;
}
.public .border-block-hero-image-image img {
	width:100%;
}
.public .border-block-hero-image-text {
	position:static !important;
	width:100% !important;
	overflow: hidden;
}
.public .border-block-hero-image-text h1,
.public .border-block-hero-image-text h2,
.public .border-block-hero-image-text h3,
.public .border-block-hero-image-text h4,
.public .border-block-hero-image-text h5,
.public .border-block-hero-image-text h6 {
	font-size:18px;
	font-weight:bold;
}
.public .border-block-hero-image-button {
	margin:-8px 0px 30px 0px;
}

/* ============================================================ */
/* Switch language												*/
/* ============================================================ */

.public .ccm-region-flag {
	width:24px;
	height:auto;
	margin-right:4px;
}

/* ============================================================ */
/* Video														*/
/* ============================================================ */

.public .ccm-video {
	text-align:center;
}
.public .ccm-video h1 {
	display:block; 
	position:absolute; 
	left:0px; right:0px; top:0px; 
	padding:15px;
	font-size:16px;
	text-align:center; 
	color:#5B5B5B;
	background:url(/images/bg/transparent-white-50.png) left top repeat;
}
.public .ccm-video-outside {
	padding:0px 15px 0px 15px;
}
.public .ccm-video-outside h1 {
	text-align:center;
}
/* -lg- */
@media (min-width: 992px) {
	.public .ccm-video h1 {
		font-size:22px !important;
		line-height:30px;
	}
}
/* -xl- */
@media (min-width: 1200px) {
	.public .ccm-video h1 {
		font-size:26px !important;
		line-height:34px;
	}
}
/* -xxl- */
@media (min-width: 1400px) {
	.public .ccm-video h1 {
		font-size:32px !important;
		line-height:40px;
	}
}
@media (min-width: 1600px) {
	.public .ccm-video h1 {
		font-size:36px !important;
		line-height:40px;
	}
}

/* ============================================================ */
/* exsys Contact Form											*/
/* ============================================================ */

.public .captcha-view {
	display:inline-block;
	padding-right:10px;
	font-size:24px;
}

/* ============================================================ */
/* Bootstrap 5 override: ;										*/
/* ============================================================ */

/* Buttons */

.public .btn {
	font-size:18px;
	line-height:20px;
	padding-top:15px;
	padding-bottom:13px;
}

.public .btn:focus,
.public .btn:active,
.public .btn-primary:active,
.public .btn-primary:focus {
	box-shadow: 0 0 0 .25rem rgba(255,0,0,.5);
}

.public .btn-primary {
	background-color:#BB0000;
	color:#FFFFFF !important;
	text-decoration:none !important;
	width:100%;
	border-color:#FFFFFF;
}

.public .btn-primary a {
	color:#FFFFFF !important;
	text-decoration:none;
}

.public .btn-primary a:focus {
	text-decoration:underline;
}


.public .btn-outline-primary {
	width:100%;
}

.public .btn-more {
	font-weight:bold;
	width:auto;
	padding:10px 30px 10px 30px;
}
.public .btn-more:after {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
	font-weight:900;

	padding-left:15px;
}



.form-control:focus {
	border-color: #bb0000;
	box-shadow: 0 0 0 .25rem rgba(255,0,0,.25);
}

/* ============================================================ */
/* Developement Helper											*/
/* ============================================================ */

/* Screensize Helper 
body::after {
	position:fixed;
	right:0px; bottom:0px;
	background-color:#FFFFFF;
	color:#000000;
	content:"- | <576px (XS)";
	z-index:999999;
	padding:0px 5px 0px 5px;
}
@media (min-width: 576px) {
	body::after { content:"-SM- | >=576px"; }
}
@media (min-width: 768px) {
	body::after { content:"-MD- | >=768px"; }
}
@media (min-width: 992px) {
	body::after { content:"-LG- | >=992px"; }
}
@media (min-width: 1200px) {
	body::after { content:"-XL- | >=1200px"; }
}
@media (min-width: 1400px) {
	body::after { content:"-XXL- | >=1400px"; }
}
*/
/* Container Helper
.container { background-color:#E0E0E0 !important; }
@media (max-width: 320px) {
}
@media (min-width: 576px) {
	.container { background-color:#FFC1FC !important; }
}
@media (min-width: 768px) {
	.container { background-color:#FCB1B3 !important; }
}
@media (min-width: 992px) {
	.container { background-color:#FFFE9B !important; }
}
@media (min-width: 1200px) {
	.container { background-color:#BCFBF8 !important; }
}
*/