@import url("../fonts/Fonts/museo_300_macroman/stylesheet.css");
@import url('../fonts/Fonts/museo_500_macroman/stylesheet.css');
@import url('../fonts/Fonts/museo_700_macroman/stylesheet.css');
@import url('../fonts/Fonts/museosans_300_macroman/stylesheet.css');
@import url('../fonts/Fonts/museosans_500_macroman/stylesheet.css');
@import url('../fonts/Fonts/museosans_700_macroman/stylesheet.css');
:root {

/* Colors: */
--10-edf1f2: #EDF1F2;
--opg-text-color: #43495A;
--opg-btn-color: #3d535e;
--unnamed-color-dc0711: #b4060e;
--50-a9b9c1: #A9B9C1;

/* Font/text values */
--unnamed-font-family-museo: Museo500-Regular;
--unnamed-font-family-museo-sans: MuseoSans_300;
--unnamed-font-style-normal: normal;
--unnamed-font-weight-normal: normal;
--unnamed-font-size-14: 1rem;
--unnamed-font-size-16: 1.143rem;
--unnamed-font-size-18: 1.286rem;
--unnamed-font-size-19: 1.357rem;
--unnamed-font-size-26: 1.857rem;
--unnamed-font-size-35:2.5rem;
--unnamed-character-spacing-0: 0px;
--unnamed-line-spacing-20: 1.429rem;
--unnamed-line-spacing-25: 1.786rem;
--unnamed-line-spacing-26: 1.857rem;
--unnamed-line-spacing-35: 2.5rem;
--unnamed-line-spacing-42: 3rem;
}

html { font-size: 87.5%; }
body {
    font-family: 'MuseoSans_300','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 87.5%; 
   line-height: 1.858rem;  
}u
.wrapper11{
	min-height: 1080px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'MuseoSans_300',sans-serif;
}
.main-header {
    max-height: 125px;   
}
.main-header .container {    
    padding-left: 45px;    
}
.main-footer {
    background: #fff;
    padding: 0px;
    color: #444;
    border-top: 0px;
}
.main-footer .container{
    background: #fff;
    padding: 25px;
   	font: normal normal normal 14px/20px MuseoSans_300;
   	font-weight: 300;
	letter-spacing: 0px;
	opacity: 1;
    border-top: 1px solid #43495A;
    color: #b4060e;
}
.main-footer .container a, .alert-cookie a{
	text-align: left;
	
	font-family: var(--unnamed-font-family-museo-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-14);
	letter-spacing: 0px;
	color: #b4060e;
	text-decoration: underline;
	
}
.main-footer .container .dot, .alert-cookie .dot{
	text-align: left;
	font: normal normal normal 14px/20px MuseoSans_300;
	font-weight: 300;
	letter-spacing: 0px;
	color: #43495A;
	margin-left:5px;
	margin-right:5px;
}

.navbar-toggle {
	top:-28px;
	right:10px;
    color: #43495A;
    font-weight:bold;
    border: 0;
    margin: 0;
    padding: 15px 15px;
}
/* Character Styles */
.h4-museo-–-16-pt, h4 {
font-family: var(--unnamed-font-family-museo);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-25);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--opg-text-color);
}
.h3-museo-–-19-pt,h2,h3 {
font-family: var(--unnamed-font-family-museo);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-19);
line-height: var(--unnamed-line-spacing-25);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--opg-text-color);
}
/*h2, h3, .form-control {
    font-weight: 300 !important;
}*/
.page-top{
	margin-bottom:19px;
}
.h2-tariff{
	margin-bottom:0px;
}
.h3-tariff{
    margin-bottom: 7px;
}
.tariff-row-header{
	font-size: 18px;
	font-weight: 600;
	color: #43495A;
	margin-top: 10px;
}
.btn-tariff-new{
	margin-top:10px;
}
.h2-museo-–-26-pt, .login-logo,.tipp-title {
font-family: var(--unnamed-font-family-museo);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-26);
line-height: var(--unnamed-line-spacing-35);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--opg-text-color);
}
.h1-museo-–-35-pt,h1 {
font-family: var(--unnamed-font-family-museo);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-35);
line-height: var(--unnamed-line-spacing-42);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--opg-text-color);
}
.p-museo-sans-–-14-pt, .control-label, .form-control,.checkbox-inline, .dl-opg dt, .dl-opg dd, .radio-inline{
font-family: var(--unnamed-font-family-museo-sans);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-14);
line-height: var(--unnamed-line-spacing-20);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--opg-btn-color);
}
.intro-museo-sans-–-18-pt {
font-family: var(--unnamed-font-family-museo-sans);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-18);
line-height: var(--unnamed-line-spacing-26);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--opg-text-color);
}
.intro {
	text-align: left;
	font-family: var(--unnamed-font-family-museo-sans);
	font-style: var(--unnamed-font-style-normal);
	font-size: var(--unnamed-font-size-18);
	font-weight: 300;
	letter-spacing: 0px;
	color: #43495A;
	opacity: 1;
}
.invalid-feedback,.form-group.has-error .help-block, .info-block{
	font-family: var(--unnamed-font-family-museo-sans);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-14);
line-height: var(--unnamed-line-spacing-20);
letter-spacing: var(--unnamed-character-spacing-0);
color:  #b4060e;
}

.login-page{
	background: #fff;
}
.login-page h1{
	margin-top: 25px;
	margin-bottom: 28px;
}
.login-page img{
	margin-top: 42px;
}
.login-box, .register-box, .tipp-box {
    width: 100%;
    min-width: 300px;   
}
.login-box, .login-box-body, .tipp-box{
	background: #EDF1F2 0% 0% no-repeat padding-box;
	opacity: 1;
}
.login-logo{
	padding:25px 25px 20px 25px;
	margin-bottom: 0px;
	text-align: left;
}
.login-box-body{
	padding:0px 25px 25px 25px;
}
.login-box-body .form-control {   
    height: 34px;
    border: 1px solid var(--opg-text-color);
    font-family: var(--unnamed-font-family-museo-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-14);
	line-height: var(--unnamed-line-spacing-20);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--opg-text-color);       
}
.tipp-title{
	padding:10px 25px 3px 25px;
	margin-bottom: 0px;
	text-align: left;
}
.tipp-box-body{
	padding:0px 25px;
}
.btn-info {
	padding: 12px 18px;
	border: 1px solid #b4060e;
	border-radius: 6px;
	background-color: #fff;	
	text-align: left;
	font: normal normal normal 14px/20px MuseoSans_300;
	line-height: 15px;
	letter-spacing: 0px;
	color: #b4060e;
	opacity: 1;
}
.login-page .btn-info, .alert-cookie .btn-info{	
	color: var(--opg-btn-color);
	background: #EDF1F2 0% 0% no-repeat padding-box;
	border: 1px solid #43495A;
	border-radius: 6px;
	font: normal normal normal 14px/20px MuseoSans_300;
	font-weight:500;
	line-height: 15px;
	padding: 12px 18px;
	opacity: 1;
	outline: none;
}
.login-box-body .pass-col {
    padding-top: 14px;
}
.register-row h3{
	margin-top: 40px;
	margin-bottom: 20px;
}
.new-customer h3{
	margin-top: 0px;
	margin-bottom: 15px	
}
.form-control {   
    height: 50px;
    padding: 6px 12px;   
    border: 1px solid var(--opg-text-color);    
}
.footer-row{
	margin-top:30px;
}

.btn-info:hover,.btn-info:active,.btn-info.focus, .btn-info:focus, .login-page .btn-info:hover, .login-page .btn-info:focus, .login-page .btn-info:active,.btn-info:active:hover{
    color: #fff;
    background-color: #b4060e;
    border-color: #b4060e;
	outline: 10px auto Highlight !important;
	outline: 10px auto -webkit-focus-ring-color !important;
    outline-offset: 4px !important;
    
}

.skin-blue .main-header .navbar ,.content-wrapper{
    background-color: #fff;
}
.navbar-header {
    margin-top: 30px;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body,
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body  {
    color: #b4060e !important;
    background-color: #fff !important; 
    font-size: 16px;
    font-weight: 500;
}
.password-reset-link {
    cursor: pointer;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body 
{
	 color: #00572E !important;
}
.sort, .sort-2{
text-align: left;
font: normal normal normal var(--unnamed-font-size-16)/25px Museo300-Regular;
letter-spacing: 0px;
color: #43495A;
opacity: 1;
}
.sort .fa-long-arrow-alt-up,.sort .fa-long-arrow-alt-down{
	color: gainsboro;
	font-size: 14px;
}
.asc .fa-long-arrow-alt-up, .desc .fa-long-arrow-alt-down{
	color: #43495A;
}
.tariff-row .box-header, .tariff-row .fieldset-title, .tariff-row dt, .tariff-row dd{
	font: normal normal normal 14px/20px MuseoSans_300;
	font-weight:500;
	letter-spacing: 0px;
	color: #43495A;
	opacity: 1;
}
.tariff-row .collapsed-box .box-header, .tariff-row dd  {	
	font-weight:300;
		
}
.tariff-row .box.box-success, .box.box-default {
	border-top: 2px solid #43495A;
	border-radius: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	box-shadow: 0 0px 0px rgba(0,0,0,0.1);
}
.margin-top-20{
	margin-top: 20px;
}
.agb-help {
	margin-left: 34px;
}

@media (min-width: 768px)
{
.navbar-nav {
    float: left;
    margin-top: 93px;
    margin-left: 72px;
    
}
}
.navbar-brand{
top: 30px;
left: 376px;
width: 167px;
height: 95px;
padding:0;
}
.skin-blue .main-header .navbar .nav>li>a,.dropdown-menu>li>a  {
	font-family: "Museo300-Regular", sans-serif;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;    
	text-align: left;	
	letter-spacing: 0px;
	color: #43495A;
}
.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav>.active>a {
    background: none;
    color: #b4060e;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #b4060e;
    outline: 0;
}
.dropdown-menu>li>a:hover {
   	color: #fff;
   	background-color: #b4060e;
}
.news-page{
	margin-bottom: 35px;	
}
.news {
	height: 405px;
	margin-bottom: 50px;	
}
.news:after {
  position: absolute;
  content: '';
  border-bottom: 2px dotted #43495A;
  width: 90%;
  transform: translateX(-50%);
  bottom: 0px;
  left: 50%;
}
.news-header{
	font-weight: 300 !important;    
	margin-top: 60px;
	margin-bottom: 40px;
}
.news img, .news-details img{
	min-width:350px;
}
.news-details img{
	margin-bottom:40px;
}
.news-date{
	font-weight: 300 !important;    
	text-align: left;
	font: normal normal normal 14px/20px MuseoSans_300;
	letter-spacing: 0px;
	color: #43495A;
	opacity: 1;
}
.news p, .news-details p{
	font-weight: 300 !important;    
	text-align: left;
	font: normal normal normal 14px/20px MuseoSans_300;
	letter-spacing: 0px;
	color: #43495A;
	opacity: 1;
}
@media (max-width: 767px){
.navbar-custom-menu>.navbar-nav {
    margin-top: 118px;
}
.navbar-toggle {
     top: 88px;
    
}	
.skin-blue .main-header .navbar .dropdown-menu li a {
     color: #43495A;
}
	 .dropdown-menu li a {
    color: #43495A;
}
	
	.skin-blue .main-header .navbar .nav>li>a,.dropdown-menu>li>a  {
	font-family: "Museo300-Regular", sans-serif;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;    
	text-align: left;	
	letter-spacing: 0px;
	color: #43495A;
}

	

.skin-blue .main-header .navbar .dropdown-menu li a:hover,.skin-blue .main-header .navbar .dropdown-menu li a:active,.dropdown-menu>.active>a {
   color: #fff;
   	background-color: #b4060e;
}

}
.input-group .input-group-addon {
    border-radius: 0;
    border-color: #43495A;
    background-color: #fff;
}
.kfz-plate{
	margin-right: 0px;
    margin-left: 0px;
	align-items: center;
    background-color: #fff;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
    display: flex;
    border-color: #05648f;
}
.kfz-plate div{
	padding-left: 10px;
}
.kfz-plate .stars {
    height: 25px;
    width: 25px;
}
.kfz-plate .country {
	padding: 3px;
	padding-right: 2px;
    align-items: center;
    background-color: #078ac5;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 60px;
    justify-content: space-around;
    width: 52px;
}
.kfz-plate .country select{
		color:#000;
	 background-color: #078ac5;
	 border-color: #078ac5;
	 font-weight:bold;
	 
}
.kfz-plate input, .kfz-plate .kfz-options select {
    border: 1px solid #05648f;
    border-radius: 2px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.3) inset;
    font-family: gl-nummernschild-mtl, sans-serif;
    font-size: 20px;
    height: 50px;
    padding: 0;
    text-align: center;
}
.kfz-plate  .kfz-options  {
	padding-right:3px
}
.kfz1{
	padding: 6px 3px;
}
.email-conf{
	margin-top: 10px;
}
.margin-right{
	margin-right: 5px;
}
.tariff-details{	
	margin-bottom: 10px;
	padding-left: 0px;
}
.dl-opg{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
}
.dl-opg dt {
    float: left;
    width: 100px;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dl-opg dd {
    margin-left: 110px;
}
.in-out-options{
	margin-bottom:15px;
}
@media only screen and (max-width: 576px) {
  h1 {
    font-size: 25px; 
    line-height:30px;
  }
  h2, .login-logo {
    font-size: 20px; 
  }
  h3 {
    font-size: 16px; 
  }
  .impressum {
	margin-left:15px;
}
}	
	
.preview{
    margin-bottom: 15px;
    }
.preview .tariff td {
	padding: 2px 0px;
}
.preview .control-label {
	display: inline-block;	
	padding-bottom: 5px;	
	text-align: left;
	font: normal normal normal 14px/20px Museo_Sans_300;
	font-weight: 500;
	letter-spacing: 0px;
	color: #43495A;
	opacity: 1;
}
.preview .tariff-value {
	display: inline-block;
	width: 100%;
	height: 50px;
	padding: 16px 20px;
	background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #43495A;	
	text-align: left;
	font: normal normal normal 14px/20px MuseoSans_300;
	font-weight: 300;
	letter-spacing: 0px;
	color: #43495A;
	opacity: 1;
    
}
.park-name{
    margin-top: 30px;
}
.footer-row .btn+.btn{
    margin-right: 30px;
} 
.info-block{
	display: block;
	color:  var(--opg-text-color);
}
.required{
	color:  var(--opg-text-color);
} 
.step-2 .preview .col-md-6, .step-2 .preview .col-xs-12{
    margin-bottom: 15px;
   }
 .preview-title{
 	margin-top: 40px;
 	margin-bottom: 30px; 	
}
.preview-title span{
 	text-align: left;
	font: normal normal normal 19px/25px Museo;
	font-weight: 500;
	letter-spacing: 0px;
	color: #43495A;
	opacity: 1;
	 
 }
 .preview .costs-table{
 	width: 100%;
 	margin-top: 35px; 
 	margin-bottom:30px
 }
.costs-table td{
	padding: 17px 0px; 
	border-bottom: 1px solid #43495A;
}
 .costs-table .table-header-left{
	width: 65%;	
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
 }
 .costs-table .table-header-left span{
    font: normal normal normal 19px/25px Museo300-Regular;
	letter-spacing: 0px;
	color: #43495A;
	opacity: 1;
}
 .costs-table .table-header-right{
	padding: 15px 2px;
	border-bottom: 1px solid #fff;
 }
 .costs-table span{
   	text-align: left;
	font: normal normal normal 14px/20px MuseoSans_300;
	font-weight: 300;
	letter-spacing: 0px;
	color: #43495A;
	opacity: 1;
}
.costs-table > tbody > tr:first-child td{
	padding: 0px; 
}
.costs-table > tbody > tr:last-child td{
	border-bottom: 0px; 
	}
.costs-table > tbody > tr:last-child span1{
	font-weight: 500;
}
.total-row{
	padding-bottom: 0px !important;
	border-top: 4px solid #43495A;
	border-bottom: 0px !important;
}
.total-row span{
	font-weight: 600;
}
.total-row-cost span{
	font-weight: 500;
}
.preview h3{
	font-weight: 500 !important;
}
.preview .checkbox-inline{
	font-weight: 300 !important;
}
.preview .checkbox-inline a{
	color: #b4060e !important;
}
.btn-back{
	color: #43495A;
	font-weight: 500 !important;
	border: 1px solid #43495A;
	opacity: 1;
}

.alert-cookie{
	background:rgb(130,155,170) !important;
	margin-bottom: 0px !important;
	border-color: rgb(130,155,170) !important;
	border-radius: 0px;
}
.alert-cookie  .close {
    opacity: .7 !important;    
}
.alert-cookie .row{
	width:100%;
}
.cost-col{
    -webkit-box-shadow: 1px 1px 10px 2px #d0d6d9;
    box-shadow: 1px 1px 10px 2px #d0d6d9;
}
.step-2-table {
    margin-right: 0px;
    margin-left: 0px;
}
@media (min-width: 768px){
.modal-dialog {
    width: 700px;
}
}
.kfz-plate-con .help-block {
    display: none;
}
.radio-inline{
	margin-bottom: 15px;
}
.has-error .radio-inline {
   color: #b4060e;
}
.help-block-row  .help-block {
    display: block;
    margin-top: -10px;
    margin-bottom: 10px;
    color: #b4060e;
}
.alert-info {
    color: #43495A !important;
    background-color: #fff !important;
    border-color: #43495A !important;
    font-size: 16px;
    font-weight: 500;
}
.alert-info span{
    display :inline-flex;
 }
.more-info {
	font: normal normal normal 18px/26px MuseoSans_300;
	font-weight: 300;
	letter-spacing: 0px;
	color: #43495A;
	opacity: 1;
    cursor: pointer;
}
.left-action {
	margin-left: 5px;
}
.p-top-14{
	padding-top: 14px;
}
.p-bottom-40 {
    padding-bottom: 40px;
}
.opg-logo {
    display: block;
    margin-left: -15px;
}
.qlink-underline{	
	text-decoration: underline !important;	
}
.link-underline :focus, .link-underline :hover {
    color: #b4060e !important;
}
.help-block {    
    color: #585858;
}
.form-group.has-error label, .alert-error .has-error .help-block{
  color: #b4060e !important;
}
form-group.has-error .form-control, .form-group.has-error .input-group-addon,
 .alert-error,.form-group.has-error .form-control, .form-group.has-error .input-group-addon {
  border-color: #b4060e !important;
}
a:hover, a:active, a:focus,.btn-box-tool:hover, .btn-box-tool:active, .btn-box-tool:focus{
    text-decoration: underline;
    color:  #b4060e;
	outline: 10px auto Highlight !important;
	outline: 10px auto -webkit-focus-ring-color !important;
    outline-offset: 4px !important;
}
.form-control:focus {
    border-color: #31749b !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #31749b !important;
}
.b-outline:hover, .b-outline:active, .b-outline:focus {
    text-decoration: none;
    color:  #fff;
	outline: 10px auto Highlight !important;
	outline: 10px auto -webkit-focus-ring-color !important;
    outline-offset: 4px !important;
}
ul.nav li.dropdown:hover > ul.dropdown-menu, ul.nav li.dropdown:active > ul.dropdown-menu{
    display: block;    
}
.underline{
	text-decoration: underline !important;
}
.fw-400{
	font-weight: 400 !important;
	line-height: 3rem;
}
.main-footer .btn-info:hover, .main-footer .btn-info:focus, .main-footer .btn-info:active{
    color: #fff !important;
    background-color: #b4060e;
    border-color: #b4060e;
    outline: 10px auto Highlight !important;
    outline: 10px auto -webkit-focus-ring-color !important;
    outline-offset: 4px !important;
}