:root {
    --mc-orange:#ff960f;
    --mc-light-green:#B3DB30;
    --mc-green:#66B73D;
    --mc-light-blue:#0087DA;
    --mc-blue:#144D86;
}



body {
    font: 300 14px/26px "Open Sans", Arial, sans-serif;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    position: relative;
    background-color: #fff;
    text-align: center;
    line-height:18px;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
    line-height: 1;
    margin-bottom: 5px;
}
body h1 {
    margin: 0;
    font-size: 36px;
    font-weight: 400;
    color: #000;
}
body h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 200;
    color: #000;
}
body p {
    font-size: 20px;
    font-weight: 200;
    text-align: center;
    line-height: 24px;
}
body .fa {
    color: #ff960f;
    font-size: 60px;
}
body hr {
    background-color: #ff960f;
    color: #ff960f;
    border: #ff960f;
    width: 140px;
    height: 2px;
}
body .equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
body .text-left {
    text-align: left;
}
@media (max-width:1030px) {
    body h1 {
    margin: 0;
    font-size: 30px;
}
}@media (max-width:480px) {
    body h1 {
    margin: 0;
    font-size: 30px;
    line-height: 40px;
}
body p {
    font-size: 18px;
    line-height: 26px;
}
}.btn {
    border-radius: 0;
    transition: all .2s ease-out 0s;
    -webkit-transition: all .2s ease-out 0s;
}
.btn-default {
    color: #333!important;
    background-color: #ddd;
}
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #ff960f!important;
    background-color: #fff;
}
.btn-contact {
    margin-top: 50px;
    padding: 10px 20px;
    border-width: 2px;
    border-color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff!important;
    background-color: transparent;
}
.btn-contact.active, .btn-contact:active, .btn-contact:focus, .btn-contact:hover, .open>.dropdown-toggle.btn-contact {
    color: #ff960f!important;
    background-color: #fff;
}
.btn-center {
    text-align: center;
}

.childBox {
		position:absolute;
		left:0;
		bottom:0;
		height:100px;
		width:100%;
		}

.btn-more {
    margin: 20px 0 40px;
    padding: 6px 50px;
    font-size: 20px;
    font-weight: 200;
    text-transform: uppercase;
    color: #fff!important;
    background-color: #898989;
}
.btn-more:active, .btn-more:focus, .btn-more:hover {
    background-color: #ff960f;
}
.btn-send {
    margin-top: 10px;
    padding: 10px 20px;
    border-width: 1px;
    border-color: #898989;
    font-size: 18px;
    text-transform: uppercase;
    color: #898989!important;
    background-color: transparent;
}
.btn-send.active, .btn-send:active, .btn-send:focus, .btn-send:hover, .open>.dropdown-toggle.btn-send {
    color: #ff960f!important;
    border-color: #ff960f;
    background-color: #fff;
}
@media (max-width:480px) {
    .btn-contact {
    padding: 5px 10px;
    font-size: 16px;
}
.btn-more {
    margin-top: 20px;
    padding: 5px 40px;
    font-size: 20px;
}
}.navbar-groovy {
    background-color: #fff;
    transition: background-color .2s ease 0s;
    -webkit-transition: background-color .2s ease 0s;
}
.navbar-groovy .ico-burger {
    box-shadow: 0 -5px 0 1px, 0 0 0 1px, 0 5px 0 1px;
    content: "";
    width: 14px;
    display: inline-block;
    vertical-align: super;
}
.navbar-groovy.sticky {
    background-color: #fff;
    box-shadow: 0 0 10px #d7d7d7;
}
.navbar-groovy.sticky .groovy-logo>img {
    height: 63px;
    opacity: 1;
}
.navbar-groovy .groovy-logo {
    display: block;
}
.navbar-groovy .groovy-logo>img {
    height: 63px;
    opacity: 0;
    transition: all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
}
.navbar-groovy .navbar-nav>li>a {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: left;
    color: #000;
    transition: color .2s ease 0s, height .2s ease 0s, line-height .2s ease 0s;
    -webkit-transition: color .2s ease 0s, height .2s ease 0s, line-height .2s ease 0s;
    outline: 0;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
}
.navbar-groovy .navbar-nav>li>a:focus {
    background-color: transparent;
}
.navbar-groovy .navbar-nav>li>a:hover {
    background-color: transparent;
    color: #ff960f;
}
.navbar-groovy .navbar-nav>.active>a {
    background-color: transparent;
    border-color: transparent;
    color: #ff960f!important;
}
.navbar-groovy .navbar-nav>.active>a:focus, .navbar-groovy .navbar-nav>.active>a:hover {
    background-color: transparent;
    color: #ff960f;
}
.navbar-groovy .navbar-nav>.disabled>a, .navbar-groovy .navbar-nav>.disabled>a:focus, .navbar-groovy .navbar-nav>.disabled>a:hover {
    background-color: transparent;
    color: #ccc;
}
.navbar-groovy .navbar-nav>.open>a, .navbar-groovy .navbar-nav>.open>a:focus, .navbar-groovy .navbar-nav>.open>a:hover {
    background-color: #e7e7e7;
    color: #555;
}
.navbar-groovy .navbar-header {
    position: relative;
    height: 90px;
    line-height: 90px;
    transition: color .2s ease 0s, height .2s ease 0s, line-height .2s ease 0s;
    -webkit-transition: color .2s ease 0s, height .2s ease 0s, line-height .2s ease 0s;
}
.navbar-groovy .navbar-toggle {
    border-color: #ddd;
    margin-top: 28px;
    float: none;
    transition: all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
}
.navbar-groovy .navbar-toggle:focus, .navbar-groovy .navbar-toggle:hover {
    background-color: #ddd;
}
.navbar-groovy .navbar-toggle .icon-bar {
    background-color: #888;
}
@media (max-width:767px) {
    .navbar-groovy {
    height: auto;
}
.navbar-groovy .navbar-header {
    height: 80px;
    line-height: 20px;
}
.navbar-groovy .navbar-toggle {
    margin: 20px 0 0 7px;
    border-radius: 0;
}
.navbar-groovy .navbar-nav>li>a {
    padding: 0 15px;
    height: 40px!important;
    line-height: 40px!important;
}
.navbar-groovy .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
}
.navbar-groovy .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-groovy .navbar-nav .open .dropdown-menu>li>a:hover {
    background-color: transparent;
    color: #333;
}
.navbar-groovy .navbar-nav .open .dropdown-menu>.active>a, .navbar-groovy .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-groovy .navbar-nav .open .dropdown-menu>.active>a:hover {
    background-color: #e7e7e7;
    color: #555;
}
.navbar-groovy .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-groovy .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-groovy .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    background-color: transparent;
    color: #ccc;
}
}#Autoscroll {
    bottom: 25px;
    color: #fff;
    margin: 0;
    opacity: 0;
    position: fixed;
    right: 25px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    z-index: 10;
    background: #636363;
    border-radius: 50%;
    height: 48px;
    line-height: 42px;
    text-decoration: none;
    width: 48px;
    font-size: 32px;
    text-align: center;
    outline: 0;
    visibility: hidden;
}
#Autoscroll .fa {
    color: #fff;
    font-size: 30px;
}
#Autoscroll:hover {
    background-color: #181818;
}
#Autoscroll.on {
    opacity: 1;
    visibility: visible;
}
.bannercontainer {
    /*margin-top: 80px;*/
    padding: 0;
    position: relative;
    width: 100%}
.bannercontainer .banner {
    position: relative;
    width: 100%}
.bannercontainer .tp-caption.title {
    color: #fff;
    font-size: 46px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    background: 0 0;
    padding: 15px 60px 20px;
    text-shadow: 0 2px 5px #000;
}
.bannercontainer .tp-caption .btn-default {
    color: #FF8000 !important;
    border-color: #fff;
    padding: 10px 80px;
    font-size: 34px;
    font-weight: 200;
    background-color: white;
    opacity: 0.50;
    filter: alpha(opacity=50);
}
.bannercontainer .tp-caption .btn-default:active, .bannercontainer .tp-caption .btn-default:focus, .bannercontainer .tp-caption .btn-default:hover {
    color: #ff960f!important;
    background-color: #fff;
    opacity: 1.00;
    filter: alpha(opacity=100);
}
@media (max-width:480px) {
    .bannercontainer .tp-caption {
    font-size: 34px;
}
.bannercontainer .tp-caption .teaserlogo {
    width: 1600px;
    height: 376px;
}
.bannercontainer .tp-caption .btn-default {
    margin-top: 40px;
    padding: 5px 40px;
    font-size: 28px;
}
}.full-section {
    -webkit-background-size: cover!important;
    background-size: cover!important;
    position: relative;
    padding: 50px 0;
    background: center center no-repeat fixed;
}
.is-mobile .full-section {
    background-attachment: scroll!important;
}
#section-messages {
	margin-top: 80px;
    background-color: #ff960f;
    background: linear-gradient(150deg, #ff7200 15%, #ff8300 70%, #ff8e00 94%) rgba(0, 0, 0, 0);
    text-align: center;
    color: #fff;
}

#section-messages .callout {
	padding: 50px 0;
}


#section-1 {
    padding: 60px 0;
    margin-bottom: 70px;
    background-color: #ff960f;
    background: linear-gradient(150deg, #ff7200 15%, #ff8300 70%, #ff8e00 94%) rgba(0, 0, 0, 0);
    text-align: center;
    color: #fff;
}
#section-1 h1 {
    margin: 0 0 4px;
    line-height: 60px;
    color: #fff;
    text-transform: none;
}
#section-1 h2 {
    margin: 0 0 4px;
    line-height: 50px;
    color: #fff;
    text-transform: none;
}
@media (max-width:480px) {
    #section-1 {
    padding: 30px 0;
}
#section-1 h1 {
    line-height: 30px;
    font-size: 26px;
}
#section-1 h2 {
    line-height: 26px;
    font-size: 20px;
}
}#section-2 {
    padding: 60px 0;
    margin: 40px 0;
    background-color: #ff960f;
    background: linear-gradient(150deg, #ff7200 15%, #ff8300 70%, #ff8e00 94%) rgba(0, 0, 0, 0);
    color: #fff;
}
#section-2 h1 {
    margin: 0 0 4px;
    line-height: 60px;
    color: #fff;
    text-transform: none;
}
#section-2 h2 {
    margin: 0 0 4px;
    line-height: 30px;
    color: #fff;
    text-transform: none;
}
#section-news {
    padding: 60px 0;
    margin: 0 0 20px;
    background-color: #f9f9f9;
}
@media (max-width:480px) {
    #section-2 {
    padding: 60px 26px;
}
#section-2 h1, #section-2 h2 {
    text-align: center;
}
}#mitcon-info {
    margin-bottom: 50px;
}
.serviceboxes {
    margin-top: 50px;
}
.servicebox01 {
    background-color: #f2f2f2;
    padding: 40px 40px 100px;
}
.servicebox02 {
    background-color: #ededed;
    padding: 40px 40px 100px;
}
.servicebox01 p, .servicebox02 p {
    font-size: 16px;
    line-height: 22px;
    text-align: inherit;
}
.newsbox01 {
    margin: 20px 0;
    padding: 0px 0px 100px;
    text-align: left;
    background-color: #fff;
}

.newsbox01 .blog_img {
	height:230px;
}
.newsbox01 h3 {
    margin-top: 8px;
    padding: 0 20px;
    font-size: 32px;
    color: #ff960f;
}
.newsbox01 h4 {
    margin-top: 40px;
    padding: 0 20px;
    color: #999;
    font-size: 16px;
    line-height: 22px;
}
.newsbox01 p {
    padding: 0 20px;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
}
@media (max-width:480px) {
    .newsbox01 h3, .newsbox01 h4 {
    	text-align: left;
	}
	.newsbox01 p {
		text-align: justify;
	}
}

.company-info {
    margin: 40px 0;
}
.company-info .company-right {
    padding: 0;
}
.company-info h2 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
    color: #000;
}
.company-info p {
    padding: 0 60px;
}
@media (max-width:1200px) {
    .company-info h2 {
    margin-top: 50px;
}
.company-info p {
    padding: 0;
}
}#Contact .form-control {
    border-radius: 0;
}
#Contact .contact-box {
    text-align: left;
}
#Contact .contact-box h3 {
    margin-top: 42px;
    text-align: left;
    color: #ff960f;
}
#Contact .contact-box p {
    text-align: left;
}
@media (max-width:480px) {
    #Contact .contact-box h3 {
    margin-top: 42px;
}
}#Contact form {
    margin-top: 40px;
}
#Contact ul {
    list-style: none none;
    padding: 0;
    border-top: 1px solid #e0e0e0;
}
#Contact ul>li {
    border-bottom: 1px solid #e0e0e0;
    padding: 5px 10px;
}
#Contact .alert {
    border-radius: 0;
}
#Contact .alert.alert-danger, #Contact .alert.alert-success {
    background: #fff;
    border-color: #ccc;
}
#Contact .alert>i {
    font-size: 20px;
    margin-right: 20px;
}
#Map {
    width: 100%;
    height: 500px;
    margin: 40px 0;
    margin-bottom: 0px;
}
#Map>iframe {
    width: 100%;
    height: 100%;
    border: 0;
    pointer-events: none;
}
#Map .mapfilter {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
#footer {
    padding: 40px 0 30px;
    background-color: #2b2b2b;
    color: #979797;
    text-align: left;
}
#footer a, #footer h2 {
    color: #fff;
}
#footer h3 {
    color: #ff960f;
}
#footer .footer-text {
    text-align: left;
}
#footer .footer-text p {
    margin-top: 20px;
    font-size: 18px;
    line-height: 26px;
    color: #979797;
    text-align: left;
}
#footer ul {
    list-style: square;
    margin-top: 20px;
    font-size: 18px;
    line-height: 36px;
    color: #979797;
}
@media (max-width:480px) {
    #footer h2 {
    margin-top: 40px;
}
}#footer-bottom {
    margin: 0;
    padding: 4px 0 12px;
    background-color: #181818;
    color: #979797;
    text-align: center;
}
#footer-bottom .copyright {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#footer-bottom .copyrightnav {
    color: #fff;
}
#footer-bottom .copyrightnav:focus, #footer-bottom .copyrightnav:hover {
    color: #ccc;
    text-decoration: none;
}
#footer-bottom .last {
    font-size: 12px;
    margin: 10px 0 0;
    text-align: center;
}
@media (max-width:767px) {
    #footer-bottom .last {
    font-size: 10px;
    margin-bottom: 20px;
    text-align: center;
}
#footer-bottom .copyright {
    text-align: center;
}
}

#section-team {
    padding: 0;
    margin: 0 0 60px;
}

.team .team-photo {
    height: 220px;
    margin: 0 auto 20px;
    position: relative;
    width: 220px;
}
.team .team-photo img {
    height: 220px;
    margin: 0;
    width: 220px;
    border-radius: 50%;
}   
 
/*----------------------------*/
.modal-header {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header:before{
    content: '';
    background:url('../../site/img/LiveBase_Logo_Claim.png');
    background-size:cover;
    position:absolute;
    width:15px;
    height:27px;
    margin-left:0px;
}
 
 
.impressum p, .impressum h1,
.dsvgo p, .dsvgo h1  {
	line-height:16px;
	font-size:14px;
	text-align:left;
}  

.impressum h1, 
.dsvgo h1 {
	font-size:16px;
	font-weight:bold;
}
 
.impressum ul li, 
.dsvgo ul li {
	text-align: left;
}
 
/* ---------------- by mitcon ---------------- */
@font-face { font-family: 'Grotesk';
             src: url('/static/lb_cms/fonts/Reforma_Grotesk_W01_Demi.ttf') format('truetype'); }

#CookielawBanner {
	position:			fixed;
	padding: 			1em 1.8em;
    width: 				100%;
    -ms-flex-direction: row;
    flex-direction: 	row;
    left: 				0px;
    top: 				0px;
    z-index: 			99999;
    color: 				rgb(255, 255, 255);
    background: 		rgba(34, 34, 34, 0.8);
}

#CookielawBanner p {
	font-size: 16px;
    line-height: 1.5em;	
}

#Paragraphs .paragraph {
	padding-top:	20px;
	padding-bottom:	20px;
}

#Paragraphs .paragraph p {
	padding-bottom:20px;
}

#Paragraphs .paragraph-row {
	background-color: var(--mc-blue);
	color: white;
	margin-bottom: 20px;
	padding: 0px;
	padding-bottom: 0px;
	
}

@media (min-width: 1200px) {
    #Paragraphs .paragraph-row {
	    display: 		 flex;
	  	align-items: 	 center;
	  	min-height: 	 170px;
	  	justify-content: center;
	}
}

@media (max-width: 1199px) and (min-width: 992px){
	#Paragraphs .paragraph-row {
		min-height: 	 230px;
	}
}


.paragraph-item {
	flex: 1;
}

.paragraph-img {
	padding: 15px 0px 15px 0px;
}

.paragraph-item-right, .paragraph-item-right p {
	text-align:right;
}

.paragraph-item-left, .paragraph-item-left p {
	text-align:left;
}


@media (max-width: 767px) {
	.paragraph-item-right, .paragraph-item-right p,
	.paragraph-item-left, .paragraph-item-left p {
		text-align:left;
	}
}

#Paragraphs .paragraph-row h2 {
	color: white;
	
}

#Paragraphs h2 {
	margin-bottom: 10px;
}

#Paragraphs ol {
	list-style: none; 
	counter-reset: li
}

#Paragraphs li::before {
	content: 		counter(li)". "; 
	color: 			var(--mc-blue);
  	display: 		inline-block; 
  	width: 			1em;
  	margin-left: 	-1em;
  	font-size:		20px;
}

#Paragraphs li {
	counter-increment: 	li;
	font-size:			20px;
	margin-bottom:		10px;
	}

	
.img_text {
	width: 		100%;
	position: 	absolute;
    left: 		50%;
    bottom:		0%;
    transform: 	translate(-50%, -50%);
    padding:	10px 0 10px 0;
    background:	rgba(255,255,255,0.4);
    font-size: 	26px;
    color: 		var(--mc-blue);
    text-shadow: 0.05em 0.05em 0.2em black;
    
}
 
.tab-menu-items {
	position:		relative;
	float:			left;
	width:			100%;
	margin-bottom:	15px;
	list-style:		none;
	line-height:	1em;
	border-bottom:	2px solid var(--mc-blue);
} 

.tab-menu-items li {
	float:			left;
	display:		block;
	color:			var(--mc-blue);
	text-decoration:none;
	font-weight:	normal;
	margin:			0;
	padding:		10px 20px 8px 20px;
	border-left:	1px solid #fff;
	border-top:		1px solid #fff;
	border-right:	1px solid #aaa;
	background: 	#F0F0F0;
	font-size: 		20px;
	cursor:			pointer;
}

/* Nav-Tabs im Modal der Service-Boxen verkleinern */  
*[id*='modal-service_']> div > div > div.modal-body > div > div > div > ul > li {
    padding:		5px 10px 3px 10px;
    font-size: 		14px;
}

.tab-menu-items li:hover,
.tab-menu-items li.active {
	background:		var(--mc-blue);
	color:			#fff;
}



.background-grey {
	margin-top: 		80px;
    background-color: 	grey;
    background: 		linear-gradient(2deg, #E6E6E6 40%, #EAEAEA 20%, white 70%) rgba(0, 0, 0, 0);
    text-align: 		center;
    color: 				#fff;
}

.header-banner {
	position: 			relative;
}

.header-banner img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}


.header-banner > span {
	position: 			absolute;
	bottom: 			0;
	left: 				0;
	width: 				100%;
	color: 				#000;
	text-align: 		left;
	height: 			2em;
	line-height: 		2em;
	font-family: 		Grotesk;
	font-size:			45px;
	text-shadow: 		3px -2px 1px rgba(0,0,0,0.4);
}

.header-banner.visible-lg > span:nth-child(2){
	bottom: 			55%;
	left: 				35%;
	width: 				65%;
	font-size:			100px;
}

.header-banner.visible-lg > span:nth-child(3){
	bottom: 			50%;
	left: 				35%;
	width: 				65%;
}
 
.header-banner.visible-lg > span:nth-child(4){
	bottom: 			0;
	left: 				0;
	width: 				100%;
	text-align: 		center;
}

.header-banner.visible-xs > span {
	bottom: 			0;
	left: 				0;
	width: 				100%;
	text-align: 		center;
}

.href-tile {
	text-align:			center;
	padding:			15px;
	background-color:	#F0F0F0;
	border-left:		2px solid #fff;
	border-right:		2px solid #fff; 
}

.href-tile > i.fa {
	color:				var(--mc-blue);
}

.href-tile:hover,
.href-tile:hover > i.fa {
    background: 		var(--mc-blue);
    color: 				#fff;
}

#jobs {
	padding-top:35px;
}

#jobs, #jobs p {
	text-align:left;
	font-size: 16px;
}

#jobs .fa {
	font-size: 20px;
}

#jobs a, 
#jobs a:hover,
#jobs a:focus {
	text-decoration: none;
	color: #333;
}

#jobs a:hover {
	color:#FF960F;	
}

#jobs h1, #jobs h2, #jobs h3 {
	margin: 0;
    font-size: 36px;
    font-weight: bold;
    color: #000;
    padding-bottom:20px;
}

 #jobs h2 {
 	padding-top:20px;
 	font-size: 30px;
 }
 
 #jobs h3 {
 	font-size: 28px;
 }

#jobs .box-body {
	padding:40px;
	background-color: #F2F2F2;
}

	

/* ---------------- by mitcon ---------------- */