@CHARSET "UTF-8";

html{
    height:100%;
    position:relative;    
}

body {	
	min-height:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
}

body, p, .p, ul, li, th, td, .check {
    font-size: 15px;
    color: #000000;
}

a {
	font-size: 15px;
	color: #e00a21;
}

h1 {
	font-weight: normal;
	font-size: 28px;
	color: #333333;
	margin-bottom: 8px;
	margin-top: 0px;
	padding-top: 0px;
	text-decoration: none;
}

h2 {
	font-weight: normal;
	font-size: 22px;
	color: #cc3333;
	margin: 16px 0 8px 0;
	text-decoration: none;
}

.home-content {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	/*min-height: 600px;*/
	overflow-x: hidden;
}

.scmb-frame {
	width: 100%;
	max-width: 1880px;
	height: 100%;
	/*max-height: 960px;*/
	
	margin: 0 auto;
	display: block;
	position: relative;
	
	/*
	position: absolute;	
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	*/
	overflow: hidden;
	border-radius: 0px;
	background-image: url(../../images/scmb/SCMB-Hintergrundbild.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
	display: block;
}

#scmb-windows {	
	position: relative;	
	height: 100%;
	width: 100%;
	overflow: auto;
	z-index: 4;
	padding-bottom: 50px;
	display: inline-block;
	box-sizing: border-box;
}

.scmb-swoosh {
	background-image: url('../../images/swoosh-header.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-color: unset;
	margin-top: -3.1%; 
	padding-top: 16%;
	top: 0;
	right: 0;
	position: absolute;
	width: 100%;
	z-index: 7;
	transition: margin-top 1s;
}

.scmb-swoosh img {
	position: absolute;
	left: 54px;
	top: 0;
	margin-top: 4%;
	transition: margin-top 1s;
	width: 30%;
	max-width: 400px;
}

.scmb-flex-container {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	padding: 10% 10% 0;
	position: absolute;
}

.scmb-flex-item {
	width: 350px;
	height: 350px;	
	background-repeat: no-repeat;
	background-size: contain;
	background-color: unset;
	cursor: pointer;
}

.scmb-flex-item h3 {
	display: block;
	width: 200px;
	color: #e00a21;
	font-size: 15px;
	text-align: center;
	margin: 80px auto;
}

.scmb-flex-item h3.scmb-ptop {
	padding-top: 50px;
}

#scmb-item-1 {
	background-image: url('../../images/scmb/1_1_Bmm_Quick-_und_Detailcheck.svg');	
}

#scmb-item-2 {
	background-image: url('../../images/scmb/1_2_Dienstfahrten_und_-reisen.svg');	
}

#scmb-item-3 {
	background-image: url('../../images/scmb/1_3_Fuhrparkauslastung.svg');	
}

#scmb-item-4 {
	background-image: url('../../images/scmb/1_4_Testflottenbuchung.svg');	
}

#scmb-item-5 {
	background-image: url('../../images/scmb/2_1_Mobilitaetsbudget.svg');	
}

#scmb-item-6 {
	background-image: url('../../images/scmb/2_2_Massnahmenplan.svg');	
}

#scmb-item-7 {
	background-image: url('../../images/scmb/2_3_Mobilitaets-Marktplatz.svg');	
}
#scmb-item-8 {
	background-image: url('../../images/scmb/2_4_Wohnstandortanalyse.svg');	
}
#scmb-item-9 {
	background-image: url('../../images/scmb/3_1_Pendlerberatung.svg');	
}
#scmb-item-10 {
	background-image: url('../../images/scmb/3_2_Potenzialanalyse.svg');	
}
#scmb-item-11 {
	background-image: url('../../images/scmb/3_3_Befragung_der_Mitarbeitenden.svg');	
}


#sub-email input,
#sub-phone input {
	font-size: 1em;
	width: 100%;	
	line-height: 30px;
	border: 2px solid #ccc;
	border-radius: 15px;
	padding: 0 15px;
	box-sizing: border-box;
}

#scmb-windows .scmb-empty-input {
	text-decoration: none;
	color: #999;
	font-size: 1em;
	position: absolute;
	right: 30px;
	font-weight: normal;	
}

.scmb-submenu-content {
	position: relative;	
	margin: 13% 10px 0 400px;
	width: 60%;
	/* bottom: 160px; */
	/* min-height: 300px; */
	z-index: 998;
	display: none;
	/* overflow: hidden; */
	/* height: 640px; */
	/* border: 1px solid #7F7F7F; */
	box-sizing: border-box;	
	/* box-shadow: 4px 4px 4px #333; */
	height: auto;
	/*overflow: auto;*/
	padding: 0;
	background-color: #fff;
}

#sub-email textarea {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 15px;
	color: #000;
	font-size: 13px;
	min-height: 200px;	
}

.scmb-info label {
	width: 40%;
	display: inline-block;  
	box-sizing: border-box;
	padding: 0 10px 0 0;
	text-align: right;
	line-height: 34px;
}

#scmb-windows .lpsub-body p {
	/* font-size: 1.1em; */
}

#scmb-windows .lpsub-body h1 {
	margin-top: 16px;
}

#scmb-windows .lpsub-body img {
	width: 100%;
	margin: 0 0 1em 0;
}

#scmb-windows .lpsub-body a > img {
	margin: 1em 0;
	cursor: zoom-in;
	width: 25%;
}

#scmb-windows .lpsub-body .scmb-contact {
	margin-top: 1.4em;
}

#scmb-windows .lpsub-body h3 {
	margin-top: 1.4em;
}
	
#scmb-windows .lpsub-body .scmb-contact img {
	margin: 0;
	cursor: pointer;
	width: 40px;
}

#sub-privacy h3, #sub-privacy h4 {
	margin-bottom: 0.5em;
}

#sub-privacy ul {
	list-style-position: outside;
	list-style-type: circle;
}

#sub-privacy ul > li {
	padding: 0;
}

/*
#sub-about {
	padding: 10px 15px;
	overflow: auto;
	display: inline-block;
}
*/



.scmb-submenu-content.scmb-info {
	background-color: #FFF;
	border-radius: 15px;
	width: 50%;
	margin-bottom: 30px;
}


.scmb-submenu-content .panel {
	margin: 0 -15px;
	background: none;
	border: none;
}

.scmb-submenu-content .panel-heading {
	background: none;
	border: none;
}

.scmb-submenu-content td {
	border: none;
}

.scmb-submenu-content h3 {
	margin: 0;
	font-size: 15px;
}

.scmb-submenu-content h4 {
	margin: 0;
	font-size: 15px;
	font-weight: bold;
}

.scmb-ref-info {
	margin: 0 0 20px 0;	
}


#submenu-search {
	position: absolute;
	right: 24px;
	top: 6px;
	width: 200px;
	
}

#submenu-search input {
	border-radius: 5px;
	width: 180px;
}

#scmb-submenu ul.heads div {
	font-size: 1.2em;
	color: #333;
	display: inline-block;	
}

.lpsub-heading {
	color: #333;
	background-color: #fff;
	border-color: #fff;	
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-radius: 8px 8px 0 0;
	/* position: absolute; */
	top: 3px;
	width: 100%;
	z-index: 2;
	box-shadow: 0px 4px 4px #ccc;
	height: auto;		
}

.lpsub-heading .close, .lpdetails-heading .close {
	position: absolute;
	top: 6px;
	right: 10px;
}

.lpsub-heading .close span, .lpdetails-heading .close span {
	font-size: 1.5em;
}

.lpsub-heading h2, .lpdetails-heading h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;	
}

.lpsub-heading .btn-back {
	position: absolute;
	top: 6px;
	right: 10px;	
	color: #FFF;
	background-color: #e00a21;
	border-radius: 15px;
	font-weight: bold;
	font-size: 1em;
	padding: 5px;
}

.lpsub-body {
	position: relative;
	top: 5px;
	width: 100%;
	overflow: auto;	
	padding: 15px 0;
	/* max-height: 740px; */
	/* background-color: rgba(255, 255, 255, 0.9); */
	/* border-radius: 8px; */
	box-sizing: border-box;
	display: inline-block;
	height: auto;
	max-height: 70vh;
}

.scmb-submenu-content.scmb-info .lpsub-body {
	padding: 15px;
}

.lpdetails-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;	
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-radius: 3px;
	width: 100%;
	z-index: 2;
}

#scmb-submenu .scmb-icon, #scmb-info-contact .scmb-icon {
	width: 30px;
	margin: 0 8px 0 0;
}

#scmb-info-contact {
	margin-top: -50px ! important;
	padding-top: 50px ! important;
	padding-bottom: 20px ! important;
}

#scmb-trhome {
	width: 325px;
	z-index: 1001;
	background-color: #ffffff;		
	border-radius: 20px;
	margin: 25px 10px 0px 5px;
	padding: 0 20px;
	display: inline-block;
}

#scmb-trhome img {
	display: block;
	margin: 10px auto 15px 0;
}

#scmb-trhome a {	
	margin-top: 10px;
	text-decoration: none;
	display: block;
	color: #000 ! important;
}

.scmb-teaser {
	background-color: rgba(255, 255, 255, 0.9);		
	box-sizing: border-box;	
	border-radius: 8px;
	margin: 20px 10px 10px 5px;  
}

.scmb-teaser-content {
	padding: 8px 15px 8px 20px;
	overflow: auto;
	display: inline-block;
	width: 100%;
}

.scmb-teaser-content .panel {
	margin: 0 -15px;
}
.scmb-teaser-content h3 {
	margin: 0;
	font-size: 15px;
}

.scmb-teaser-content h4 {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

.scmb-teaser-heading {
	position: relative;
	color: #333;
	background-color: #fff;
	border-color: #fff;	
	padding: 10px 15px 10px 20px;
	border-bottom: 1px solid transparent;
	border-radius: 3px;
	width: 100%;
	z-index: 2;
	box-shadow: 0px 4px 4px #ccc;
	height: auto;	
}

.scmb-teaser-heading h2, .lpdetails-heading h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;	
}

.tr-logo {
	margin-top: 0;
	/* background: #fff; */
	text-align: center;
}


#scmb-windows.scmb-fresh #scmb-menu {
	/* top: 0; */
	margin-top: 16%;
	/* height: 60%; */
	/* min-height: 600px; */
}

/*
#scmb-windows.scmb-fresh .tr-logo {
	display: none;
}
*/


#scmb-windows.scmb-fresh .scmb-swoosh img {
	margin-top: 4%;	
}


#scmb-windows.scmb-fresh .scmb-swoosh {
	margin-top: 0;
}

.scmb-head-row {
	float: left;
	width: 100%;
}

.scmb-head-info {
	display: inline-block;
	width: 75%;
	padding: 15px 0;	
}


.scmb-head-image img {
	width: 100%;
	height: auto;
}


.scmb-contact-text h3 {
	font-size: 1.2em;
	margin: 0;
}

.scmb-contact-text div {
	width: 100%;
	margin: 1em 0 1em 0;
}

#scmb-submenu ul.heads div.scmb-head-info {
	/* width: 60%; */
	/* padding-left: 10px; */
	word-wrap: break-word;
	box-sizing: border-box;	
	font-size: 13px;
}

.scmb-head-info a {
	font-size: 1em;	
}

.scmb-head-info .pictext {
	display: none;	
}

.scmb-head-info table {
	margin-left: 10px;
}

/* Modal Dialog */
.modal-title {
	float: left;
}

.modal-footer {
    display: inline-block;
    width: 100%;
}


.scmb-footer {
	position: absolute;
	width: 100%;	
	height: 50px;
	padding-top: 5px;
	bottom: 0;
	/* background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 1) 100%); */
	background-color: #e1e1e1;
	z-index: 5;
}

.scmb-footer-buttons-left {
	/* width: 50%; */
	padding: 0 40px;
	float: left;
	position: relative;
}

.scmb-footer-buttons-left a {
	color: #333;
	text-decoration: none;
	height: 40px;
}

.scmb-footer-buttons-left img {
	height: 40px;
	margin-left: 10px;
	cursor: pointer;
}

.scmb-footer-buttons-right {
	/* width: 50%; */
	padding: 0 50px;
	float: right;
	text-align: right;
	position: relative;	
}

.scmb-footer-buttons-right img {
	height: 40px;
	margin-left: 10px;
}

.scmb-footer-menu {
	text-align: center;
	padding: 10px;
	position: absolute;
	width: 100%;
	bottom: 0;
}

.scmb-footer-menu a, .scmb-footer-menu a:hover, .scmb-footer-menu a:visited {
	color: #333;
}

.tr-more-link {
	display: inline-block;
	width: auto;
	height: auto;
	background-color: #e30613;
	color: #EFEFEF;
	padding: 5px 10px;
	border-radius: 20px;
}

.tr-more-link a {
	color: #EFEFEF;
	text-decoration: none;
}

/* event registration */
.form-error {
	border-color: #e30613 !important;
}

.hescmb-block {
	color: #a94442;
}

.nocomment {
	position: absolute;
	top: -2000px;
}


.right-shadow {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 20px;
	background: rgb(255,255,255, 0);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); 
	pointer-events: none; 
}

.scmb-head-01-front {
	background-image: url(../../images/scmb/head-kipp-front.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px;	
}

.scmb-head-01-back {
	background-image: url(../../images/net_os_logo.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px;
}

.scmb-head-div {	
	/* transition: transform .3s; */
	/* background-color: #999; */
	
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	display: inline-block;
	position: relative;
}

.scmb-head-image {	
	width: 50%;
	height: auto;
	float: left;
}

.scmb-head-text {
	background: #fff;
	padding: 0 15px 15px;
	width: 48%;
	float: right;
}

.scmb-head-more {	
	background: #FFF;
	padding: 15px;
	border-radius: 15px;
	width: auto;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.scmb-flip-in {
	-webkit-transform: scale(0.01, 1);
	transform: scale(0.01, 1);
}

.scmb-flip-out {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}


#scmb-drop-zone {
    border: 2px dashed #bbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 25px;
    text-align: center;
    font-size: 2em;
    color: #bbb;
}

@-webkit-keyframes zoomOut {
  0% {
    -webkit-opacity: 1;
    -webkit-transform: scale(0.8);
  }
  100% {
    -webkit-opacity: 0;
    -webkit-transform: scale(0);
    -webkit-display: none;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(0.8);
  }
  100% {
    opacity: 0;
    transform: scale(0);
    display: none;
  }
}


/* screens */
@media (max-width:1199px) {
	
	/*
	.home-content {
		min-height: 1500px;
	}
	
	#scmb-details {
		top: 740px;
		left: 340px;
	}
	*/
		
}

@media (max-width: 991px) {
	.scmb-swoosh, #scmb-windows.scmb-fresh .scmb-swoosh {
		margin-top: 0;
	}
	
	.scmb-swoosh img, #scmb-windows.scmb-fresh .scmb-swoosh img {
		margin-top: 2%;
		width: 30%;
	}
	
	
	#scmb-windows {
		width: unset;
		min-width: 100%;
	}
	
	.scmb-flex-container {
		padding: 10% 0;
		justify-content: center;
	}
	
	.scmb-flex-item {
		width: 300px;
		height: 300px;	
	}

	.scmb-flex-item h3 {
		margin: 70px auto;
		width: 180px;
		font-size: 14px;
	}

	
	.scmb-flex-item h3.scmb-ptop {
		padding-top: 40px;
	}

	
	.scmb-footer {
		height: 80px;
	}
	
	
	.scmb-footer-buttons-left {
  		padding: 0 0 0 5px;
	}
	
	.scmb-footer-buttons-right {
		padding: 0 15px 0 0;
	}
		
	.scmb-submenu-content {
		width: 80%;
		margin: 20% auto;
	}
	
	.scmb-submenu-content.scmb-info {
		width: 80%;
		margin: 20% auto;
	}
}

@media (max-width: 500px) {
	/*
	.home-content {
		min-height: 600px;
	}
	*/
	
	.scmb-footer-buttons-left {
		padding: 0;
	}
	
	.scmb-footer-buttons-left img {
		height: 30px;
		margin-left: 10px;	
	}

	.scmb-footer-buttons-right {	
		padding: 0 10px 0 0;
	}

	.scmb-footer-buttons-right img {
		height: 30px;
		margin-left: 10px;
	}
}