/*
 Theme Name:   OceanWP Child
 Description:  Child Theme des high-performance WP-Theme OceanWP
 Author:       Philipp Limbeck
 Author URI:   https://insyde.at/
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp-child
*/

/* colors and typography */
:root{
	--blue-light: #6EAFAF;
	--blue-middle: #0000FF;
	--blue-dark: #0F4B77;
	--box-padding: 5%;
	--border-spacing: 15px;
}


span.mopoint-button-download-svg{
	display: flex;
	align-items: center;
}

#major-publishing-actions {
	flex-wrap: wrap;	
}

#main .no-margin-bottom,
#footer .no-margin-bottom{
	margin-bottom: 0;
}

#main .vc_row,
#footer .vc_row{
	margin-left: 0;
	margin-right: 0;
}

#main .logo-row img{
	width: 100%;
	max-width: 150px;
	margin: 0 auto;
}

#site-logo{
	padding-bottom: 10px;
}

#site-header.full_screen-header .fs-dropdown-menu li.open-sub>a .nav-arrow:before{
	content: '✖';
}

#site-header.full_screen-header .fs-dropdown-menu li>a .nav-arrow:before{
	content: '>';
}

form.mc4wp-form input[type=text],
form.mc4wp-form input[type=email],
form.mc4wp-form select,
form.mc4wp-form option{
	background-color: #fff;
	font-size: 0.75rem;
	margin-bottom: 15px;
}

form.mc4wp-form label{
	font-size: 0.75rem;
}

#main form.mc4wp-form a:hover{
	color: #fff !important;
}

.verortung{
	background-color: #F5F5F5;
	border-radius: 42px;
}

#main .vc_grid-btn-load_more>a{
	border-radius: 42px;
	background-color: var(--blue-middle);
	text-decoration: none;
	font-weight: bold;
}

#footer-nl-button{
	border-radius: 42px;
	background-color: var(--blue-middle);
	color: #fff;
	font-weight: bold;
	font-size: 1.3rem;
	padding: 5px 20px;
}

#footer{
	border-top: 1px solid white;
}

#main .highlight-links a{
	font-size: 1.3rem !important;
	color: var(--blue-middle) !important;
}

#site-header.full_screen-header .fs-dropdown-menu>li>a{
	font-weight: 500;
}

#tablepress-1 .column-1{
	min-width: 200px;
}

#main .map-legende-row .wpb_column>.vc_column-inner{
	border-radius: 42px;
	padding-top: 10px;
}

#main .map-legende-row .wpb_column>.vc_column-inner .wpb_text_column{
	margin-bottom: 10px;
}

#main .map-legende-row .wpb_column{
	margin-bottom: 10px;
}

#main .map-legende-row .wpb_column p{
	 display: flex;
    align-items: center;
    justify-content: center;
}

.mopoint-button-wrapper.is-inline {
    display: inline-block;
}

.mopoint-button-wrapper.is-block {
    display: block;
}

.mopoint-button-wrapper .mopoint-button {
    display: inline-flex;
	gap: 20px;
}

html.html{
	font-size: 28px;
	color: var(--dark-blue);
}

html.html body{
	font-size: 1rem;
}

#main h1,
#main h2{
	font-size: 2rem; /* 48px */
}

#main h3{
	font-size: 1.66rem; /* ~40px */
}

#main h4{
	font-size: 1.33rem; /* ~32px */
}

#main .text-blue-middle div,
#main .text-blue-middle p,
#main .text-blue-middle h1,
#main .text-blue-middle h2,
#main .text-blue-middle h3,
#main .text-blue-middle a{
	color: var(--blue-middle);
}

#main .text-blue-dark div,
#main .text-blue-dark p,
#main .text-blue-dark h1,
#main .text-blue-dark h2,
#main .text-blue-dark h3,
#main .text-blue-dark a{
	color: var(--blue-dark);
}

#main .text-white div,
#main .text-white p,
#main .text-white h1,
#main .text-white h2,
#main .text-white h3,
#main .text-white a{
	color: #fff;
}

#main .text-white a:hover{
	color: var(--blue-middle);
}

#footer .small-text div{
	font-size: 0.5rem;
}

/* site-header */
header#site-header{
	padding-top: 25px;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

#site-header-inner{
	max-width: unset;
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
}

#right-header-part{
	position:fixed;
	top: 30px;
	right: 30px;

    display: flex;
    align-items: center;
    gap: 30px;
}

#login-btn-wrapper,
#site-navigation-wrap{
	position: relative;
	display: inline-block;
	right: unset;
	float: unset;
}

#site-navigation-wrap .menu-bar-inner{
	
}

#login-btn{
	color: #fff;
	background-color: var(--blue-middle);
	color: #fff;
	padding: 5px 25px;
	font-weight: 600;
	border-radius: 42px;
}

#site-header.full_screen-header #full-screen-menu{
	background-color: #0F4B77EE;
}

#site-header.full_screen-header #site-header-inner .menu-bar-inner{
	width: 50px;
	height: 50px;
	background-color: var(--blue-middle);
	color: #fff;
	border-radius: 50%;
}

#site-navigation-wrap .menu-bar-inner .menu-bar{
	margin-left: 0;
    width: 100%;
    height: 100% !important;
		display: flex;
	align-items: center;
	justify-content: center;
}

#site-header.full_screen-header .menu-bar .ham{
	top: unset;
}

/* wpb config */
#home-intro-row>.wpb_column>.vc_column-inner{
	padding-top: 5vw;
}

#main #home-intro-row .vc_col-sm-6{
	width: 50%;
	margin: 0;
}

#home-intro-row .mopoint-button-wrapper{
	display: block;
	min-width: 0;
}

#main .mopoint-accordion-content h3{
		font-size: 1.2rem;
}



.wpb_column:first-child{
	padding-left: var(--box-padding);
}
.wpb_column:last-child{
	padding-right: var(--box-padding);
}
.vc_col-sm-12{
	padding-right: var(--box-padding);
	padding-left: var(--box-padding);
}

#main .vc_col-sm-6{
	width: 48%;
}

#main .vc_col-sm-6:first-child{
	margin-right: 4%;
}

.vc_row.vc_inner .vc_col-sm-6:first-child{
	padding-left: 0;
}
.vc_row.vc_inner .vc_col-sm-6:nth-child(2){
	padding-right: 0;
}

#intro-row .wpb_content_element.wpb_single_image{
	margin-bottom: 0;
}

.page:not(.home) #main ul li::marker{
	color: blue;
}

/* span text color */
span.text-white{
	color: #fff !important;
}

span.text-blue-light{
	color: var(--blue-light) !important;
}

span.text-blue-middle{
	color: var(--blue-middle) !important;
}

span.text-blue-dark{
	color: var(--blue-dark) !important;
}

#main .white-rounded-border>.vc_column-inner{
	border: 1px solid #fff;
	padding: 50px;
	border-radius: 30px;
}

/* colored rows and cols */
.row-blue-dark{
	background-color: var(--blue-dark);
}
.row-blue-middle{
	background-color: var(--blue-middle);
}
.row-blue-light{
	background-color: var(--blue-light);
}
.col-blue-dark{
	background-color: var(--blue-dark);
}
.col-blue-middle{
	background-color: var(--blue-middle);
}
.col-blue-light{
	background-color: var(--blue-light);
}

/* FOOTER */
footer#footer{
	background-color: var(--blue-dark);
	color: #fff;
	font-size: 1rem;
}
footer#footer a{
	color: #fff;
}

#footer #footer-inner{
	width: 100%;
	max-width: 100%;
}

#footer ul.menu{
	list-style: none;
	margin: 0;
}

#footer ul.menu li{
	border-top: 0;
	border-bottom: 0;
	padding: 0;
}


/* overwrite general settings of oceanwp for focus of links (black border) */
#main a:focus,
#site-header a:focus,
#footer a:focus{
	outline: 0px !important;
}

#planen-box,
#fahren-box{
	border: 2px solid #fff;
	border-radius: 42px;
	padding: 30px;
	margin-bottom: 35px;
}

#planen-box h2,
#fahren-box h2{
	font-weight: bold;
	color: #fff;
}

#planen-box{
	text-align: right;
	background-color: var(--blue-light);
}

#fahren-box{
	text-align: left;
	background-color: var(--blue-dark);
}

a.mopoint-button{
	color: #fff;
	text-decoration: none !important;
	background-color: var(--blue-middle);
	border-radius: 30px;
	display: block;
	padding: 5px 25px;
	font-size: 0.8rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 600;
}

a.mopoint-button:hover{
	background-color: #fff;
	color: var(--blue-middle);
}

a.mopoint-button.left-arrow:before,
a.mopoint-button.right-arrow:after{
	content: ' ';
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 14px;
	height: 30px;
}

a.mopoint-button.left-arrow:before{
	background-image: url('/wp-content/uploads/2026/04/chevron_left.svg');
}

a.mopoint-button.right-arrow:after{
	background-image: url('/wp-content/uploads/2026/04/chevron_right.svg');
}

a.mopoint-button.right-arrow:hover:after,
a.mopoint-button.left-arrow:hover:before,
a.mopoint-button.download-icon:hover svg{
	filter: invert(92%) sepia(99%) saturate(7462%) hue-rotate(247deg) brightness(101%) contrast(145%);
}

.mopoint-button-wrapper{
	margin-bottom: 10px;
	display: inline-block;
	min-width: 450px;
}


.mopoint-headline-wrapper .mopoint-headline:before{
	content: ' ';
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 236px;
	height: 62px;
}

.mopoint-headline-wrapper.icon-blue .mopoint-headline:before{
	background-image: url('/wp-content/uploads/2026/04/moicon_blau.svg');
	
}

.mopoint-headline-wrapper.icon-white .mopoint-headline:before{
	background-image: url('/wp-content/uploads/2026/04/moicon_weiss.svg');
}

.mopoint-headline-wrapper.has-icon .mopoint-headline{
	display: flex;
	align-items: center;
	gap: 50px;
}

#main .vc_row{
	padding-top: 3vw;
	padding-bottom: 3vw;
}


#main #intro-row{
	padding-top: 0;
}


#wrap #site-header{
	position: relative;
	background-color: var(--blue-dark);
	padding-top: 25px;
}

.home #wrap #site-header{
	background: linear-gradient(to left, var(--blue-light) 50%, var(--blue-dark) 50%);
}

#main .vc_row.no-padding-row{
	padding-top: 0;
	padding-bottom: 0;
}

#futureofmobility{
	position: absolute;
	right: 34%;
	bottom: 7%;
}

#mobilityinnovation{
	position: absolute;
	top: 50%;
	right: -17%;
}

#list360 ul{
	list-style: none;
	padding: 50px;
	border: 2px solid var(--blue-dark);
	border-radius: 42px;
	display: inline-block;
}


#main  div.wpb_text_column ul li,
#so-funktioniert-es ul li{
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
}


#main #list360 ul li{
	font-size: 1.1;
}

#main div.wpb_text_column ul li:before,
#so-funktioniert-es ul li:before{
	content: ' ';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: var(--blue-middle);
	border-radius: 50%;
	margin-right: 1.5rem;
	flex-basis: 30px;
    flex-grow: 0;
    flex-shrink: 0;
}

#main ul.lSPager li:before,
#main ul.gwts-gwl-slidergal li:before{
	display: none;
}

#main .gwts-gwl-prev-title{
	display: none;
}

#main #so-funktioniert-es ul,
#main #so-funktioniert-es ul li,
#main #so-funktioniert-es ul li h3{
	margin-top: 0;
	margin-bottom: 0;
}

#main #so-funktioniert-es p{
	margin-bottom: 2vw;
}

.text-align-right{
	text-align: right;
}

.app-store-btn-wrapper{
	display: flex;
    gap: 20px;
    justify-content: center;
}

body:not(.home) #main ul{
	margin-top: 3vw;
}

#main .vc_tta-panels ul{
	margin-top: 0 !important;
}

#main .rounded-img img{
	border-radius: 42px;
}

.mitarbeiter-card{
	background-color: #D9E8EC;
	border-radius: 20px;
	color: var(--blue-dark);
	padding: 15px;
	font-weight: bold;
}

#altneu{
	max-width: 400px;
}


#main .tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*, 
#main .tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{
	background-color: #fff;
}

#main .tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,
#main .tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{
	background-color: #ECECEC;
}

#main .tablepress>.row-hover>tr:has(+.child:hover)>*,
#main .tablepress>.row-hover>tr:hover+:where(.child)>*,
#main .tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{
	color: var(--blue-dark);
}

.tariftabelle .tablepress>:where(thead,tfoot)>tr>*{
	background-color: var(--blue-dark);
	color: white;
}

.tariftabelle table{
	border-collapse: separate;
    border-spacing: var(--border-spacing) 0;
	table-layout: fixed;
}

.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,
.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{
	background-color: #ECECEC;
}

.tariftabelle .tablepress td,
.tariftabelle .tablepress th{
	text-align: center;
	color: var(--blue-dark);
	font-weight: 500;
}

.tariftabelle .tablepress th{
	color: white;
}

.tariftabelle .tablepress .subtitle{
	font-weight: 400;
}

.tariftabelle .tablepress .maintitle{
	font-size: 1.5em;
	font-weight: 600 !important;
}

.tariftabelle .tablepress .icons{
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.tariftabelle .tablepress .icons img{
	max-width: 3vw;
}

.tariftabelle .tablepress br{
	display: none;
}

#main .tariftabelle,
#main .tariftabelle table{
	margin-bottom: 0;
}

.owp-row .vc_column_container > .vc_column-inner{
	padding-left: 0;
	padding-right: 0;
}

div.leaflet-control-attribution.leaflet-control{
	display: none;
}

#main .vc_row.vc_column-gap-35{
	margin-left: 0;
	margin-right: 0;
}

#main .no-margin-bottom{
	margin-bottom: 0;
}


#standorte-table{
	padding-right: 3vw;
	padding-left: 3vw;
}

#standorte-table table tr td:first-child{
	font-weight: bold;
}

#standorte-table table td{
	color: var(--blue-dark);
	line-height: 1.4;
	padding: 0;
}

#standorte-table table tr,
#standorte-table table td{
	border-top: 0;
	border-bottom: 0;
}

#standorte-table table td.column-1:not(:empty),
#standorte-table table td.column-1:not(:empty)+td{
	border-top: 25px solid white;
}

#main .vc_gitem-zone-a .vc_gitem-row-position-bottom, 
#main .vc_gitem-zone-b .vc_gitem-row-position-bottom{
	position: relative;
}

.vc_row.vc_gitem_row{
	padding-top: 0;
	padding-bottom: 0;
}

.vc-gitem-zone-height-mode-auto:before{
	display: none;
}

#main .projektname div{
	text-align: right !important;
	font-weight: bold;
}

#main .projektname{
	margin-bottom: 0;
}

body #main div.vc_gitem-zone-mini ul,
#wrap #main ul.vc_grid-filter{
	margin-top: 0;
	margin-left: 0;
	list-style: none;
}

#main div.vc_gitem-zone-mini ul li:before,
#wrap #main ul.vc_grid-filter li:before{
	display: none;
}

#main div.vc_gitem-zone-mini ul li{
	margin-bottom: 0;
	display: inline-block;
	border: 1px solid var(--blue-dark);
	border-radius: 30px;
	padding: 5px 20px;
	font-weight: 400;
	font-size: 0.75rem;
	margin-bottom: 5px;
}

#wrap #main ul.vc_grid-filter li{
	margin-bottom: 0;
	font-weight: 400;
	padding: 5px 30px;
	border-radius: 30px;
	margin-right: 30px;
	display: inline-block;
	border: 1px solid var(--blue-dark);
	line-height: 1.4;
}

#wrap #main ul.vc_grid-filter li.vc_active,
#wrap #main ul.vc_grid-filter li:hover{
	background-color: var(--blue-light);
	border-color: var(--blue-light);
}

#wrap #main ul.vc_grid-filter li.vc_active>span,
#wrap #main ul.vc_grid-filter li:hover>span{
	color: #fff;
}

#main div.vc_gitem-zone-mini ul{
	text-align: left;
}

#main .vc_row.vc_gitem_row,
#main .vc_row.vc_grid{
	padding-top: 0;
	padding-bottom: 0;
}

/* Scrollbereich */
.tariftabelle {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
}

/* Tabelle breiter machen, damit Scroll überhaupt entsteht */
.tariftabelle table,
table.tariftabelle {
    min-width: 1200px;
}

/* Erste Spalte fixieren */
.tariftabelle table th:first-child,
.tariftabelle table td:first-child,
table.tariftabelle th:first-child,
table.tariftabelle td:first-child {
    position: sticky;
    left: 0;
    z-index: 3;
}

/* erste Spalte links bündig */
.tariftabelle table tr > *:first-child {
    margin-left: -10px;
}

/* letzte Spalte rechts bündig */
.tariftabelle table tr > *:last-child {
    margin-right: -10px;
}

/* Header der ersten Spalte über normale Zellen legen */
.tariftabelle table th:first-child,
table.tariftabelle th:first-child {
    z-index: 5;
    background-color: #15527a;
}

/* linken Abstand entfernen */
.tariftabelle table {
    margin-left: calc( -1 * var(--border-spacing)); /* = Ihr border-spacing horizontal */
}

/* rechten Abstand entfernen */
.tariftabelle {
    margin-right: calc( -1 * var(--border-spacing));
}



/* accordion */
.mopoint-accordion {
	margin-top: 20px;
	background: #ECECEC;
	margin-right: 30px;
}

.mopoint-accordion-title {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	padding: 28px 60px;
	border: 0;
	background: transparent;
	color: #0b4d7a;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
	cursor: pointer;
}

.mopoint-accordion-chevron {
	display: inline-block;
	transition: transform 0.25s ease;
}

.mopoint-accordion.is-open .mopoint-accordion-chevron {
	transform: rotate(90deg);
}

.mopoint-accordion-content {
	display: none;
	padding: 0 60px 35px;
	color: #0b4d7a;
}

.mopoint-accordion.is-open .mopoint-accordion-content {
	display: block;
}

.mopoint-accordion-content-inner > *:last-child {
	margin-bottom: 0;
}

#main .owp-row .wpb_column{
	padding-left: 0;
	padding-right: 0;
}

.vc_tta-panels .mopoint-accordion-title{
	font-size: 0.9rem;
}

/* TABS / FAQs */
#main .vc_tta-container ul.vc_tta-tabs-list li a{
	color: var(--blue-dark);
	text-decoration: none;
	font-size: 0.9rem;
    font-weight: bold;
}

#main .vc_tta-container ul.vc_tta-tabs-list li:not(.vc_active) a{
	background-color: #D9D9D9;
}

#main .vc_tta-container h4{
	font-size: 1rem;
	font-weight: 400;
}

#main .vc_tta-container .vc_toggle_title{
	margin-bottom: 20px;
}

#main .vc_tta-container .vc_toggle_content{
	font-size: 0.8rem;
	margin-left: 30px;
}

.fahrzeug-icon img{
	height: 70px;
	width: 70px;
}

#main .fahrzeug-row h3,
	#main .standort-row h3{
		font-size: 1.35rem;
	}

#mopoint-footer-logo img{
	max-width: 200px;
	margin-top: 50px;
}

@media all and (max-width: 1920px){
	html.html{
		font-size: 24px;
	}
}

@media all and (max-width: 1500px){
	:root{
		--border-spacing: 5px;
	}
	
	html.html{
		font-size: 20px;
	}
	
	.mopoint-headline-wrapper .mopoint-headline:before{
		width: 120px;
		height: 31px;
	}
	
	#main div.wpb_text_column ul li:before,
	#so-funktioniert-es ul li:before{
		margin-right: 2rem;
	}
	
	.mopoint-headline-wrapper.has-icon .mopoint-headline{
		gap: 30px;
	}
	
	#main div.wpb_text_column ul li, #so-funktioniert-es ul li{
		margin-bottom: 1rem;
	}
	
	#main .fahrzeug-row h3,
	#main .standort-row h3{
		font-size: 1.2rem;
	}
	.mopoint-headline-wrapper h2.mopoint-headline{
		line-height: 1.1;
	}
}

@media all and (max-width: 1300px){
	#main h2{
		font-size: 1.7rem;
	}
	
	#main h3{
		font-size: 1.4rem;
	}
	
	#main #home-intro-row #planen-box,
	#main #home-intro-row #fahren-box{
		width: 80%;
	}
	
	#main #home-intro-row #planen-box + .wpb_column,
	#main #home-intro-row #fahren-box + .wpb_column{
		width: 0%;
	}
	
	.tariftabelle th,
  	.tariftabelle td {
		width: 180px;
		min-width: 180px;
  }
	
	
}



@media all and (max-width: 991px){
	
	.maps-marker-pro{
		max-height: 60vh;
	}
	
	#main #home-intro-row #planen-box, #main #home-intro-row #fahren-box{
		width: 100%;
	}
	
	#tablepress-1 .column-1{
		min-width: 150px;
	}
	
	.home #wrap #site-header{
		background: var(--blue-dark);
	}
	
	#wrap #site-header.full_screen-header .fs-dropdown-menu>li>a{
		font-size: 18px;
	}
	
	.tariftabelle table th:first-child,
	.tariftabelle table td:first-child,
	table.tariftabelle th:first-child,
	table.tariftabelle td:first-child{
		left: var(--border-spacing);
	}
	
	.tariftabelle th,
  	.tariftabelle td {
		width: 150px;
		min-width: 150px;
  }

  .tariftabelle table.tablepress{
    display: block;
    overflow-x: auto;
    word-break: break-word;
    white-space: normal;
  }
	
	.tariftabelle table,
	table.tariftabelle{
		min-width: 0;
	}
	
	#login-btn{
		padding: 15px 30px;
	}
	
	#right-header-part{
		gap: 15px;
	}
	
	/*
	.tariftabelle .tablepress div{
		display: inline;
	}
	*/
	
	.tariftabelle .tablepress td,
	.tariftabelle .tablepress th{
		font-size: 0.8rem;
	}

	.tariftabelle .tablepress td,
	.tariftabelle .tablepress th{
		word-wrap: break-word;
		max-width: 150px;
	}
	
	#main h1,
	#main h2{
		font-size: 1.7rem;
	}
	
	#main #intro-row{
		padding-top: 50px;
	}
	
	.mopoint-button-wrapper{
		min-width: unset;
	}
	
	#main .vc_col-sm-6{
		width: 100%;
	}
	
	#list360 ul,
	.white-rounded-border>.vc_column-inner{
		padding: 15px;
		margin-left: 0;
	}
	
	#main #home-intro-row .vc_col-sm-6{
		width: 100%;
	}
	
	#main #home-intro-row>.vc_col-sm-6{
		padding-top: 50px;
	}
	
	#main div.wpb_text_column ul li:before,
	#so-funktioniert-es ul li:before{
		margin-right: 1em;
		width: 20px;
		height: 20px;
		flex-basis: 20px;
	}
	
	html.html{
		font-size: 16px;
	}
	
	.mopoint-headline-wrapper.has-icon .mopoint-headline{
		gap: 15px;
	}
	
	#main h2{
		font-size: 1.6rem;
	}
	
	#main h3{
		font-size: 1.4rem;
	}
	
	#mopoint-footer-logo{
		text-align: center;
	}
	
	.wpb_column:first-child{
		padding-left: 0;
		padding-right: 0;
	}
	
	#site-header-inner{
		padding-left: 15px;
	}
	
	#main .mopoint-headline-wrapper .mopoint-headline:before{
		 content: "";
		display: inline-block;
		flex: 0 0 100px;
		width: 100px;
		height: 38px;
		background-image: url('/wp-content/uploads/2026/04/moicon_blau.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	
	#site-logo #site-logo-inner a img,
	#site-header.center-header #site-navigation-wrap .middle-site-logo a img{
		max-width: 100px !important;
	}
	
	#site-navigation-wrap .menu-bar-inner .menu-bar{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#home-intro-row>.wpb_column>.vc_column-inner{
		padding-top: 0;
	}
	
	.mopoint-accordion-title{
		font-size: 1.3rem;
		padding: 10px 20px;
	}
	
	#main .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper{
		margin-right: 0;
	}
	
	#footer-social-col>.vc_column-inner>.wpb_wrapper{
		display: flex;
		justify-content: space-between;
	}
	
	#main .projektname div{
		font-size: 1.3rem;
	}
	
	#main .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item{
		padding: 0;
	}
	
	#main .vc_col-sm-6:first-child{
		margin-right: 0;
	}
	
	.wpb_column:last-child{
		padding-right: 0;
	}
	
	.white-rounded-border{
		padding: 15px;
	}
	
	#main .white-rounded-border>.vc_column-inner{
		padding: 20px;
	}
	
	#main .vc_row.vc_column-gap-35 > .vc_column_container{
		padding: 0;
	}
	
	#main .fahrzeug-row .wpb_column.vc_col-sm-2{
		width: 30%;
	}
	
	#main .fahrzeug-row .wpb_column.vc_col-sm-6{
		width: 70%;
	}
	
	
	a.mopoint-button.left-arrow:before,
	a.mopoint-button.right-arrow:after{
		width: 10px;
		height: 20px;
	}
	
	#unser-ziel{
		padding-left: 7.5px;
		padding-right: 7.5px;
	}
	
	#unser-ziel .wpb_text_column{
		margin-bottom: 0;
	}
	
}

@media all and (max-width: 991px) and (min-width: 500px){
	.tariftabelle th,
	.tariftabelle td{
		width: 280px;
	}
	
	.tariftabelle .tablepress td,
	.tariftabelle .tablepress th{
		max-width: 280px;
	}
}