/* user.css by Stephan Römer
   -------------------------
*/

body{font-size:1rem}
a{color:#224faa}
a:hover{color:#193772}

.heading{margin-bottom:15px}
.heading h1{font-size:2.3rem}
.subheading{margin-top:45px;margin-bottom:10px}
.subheading p.heading{font-size:1.5rem;font-weight:700}
.footer .grid-child{padding-bottom:1.5rem}
.vapsergroup{padding:0px!important}
.vapempinfoblock .vapempimgdiv{margin:0px}
.contact .site-grid{margin-top:15px}
.contact #cf_1{margin-top:-25px}
.convertforms .cf-input[type="checkbox"], .convertforms .cf-input[type="radio"]{width:25px!important;height:25px!important;margin-right:5px}

.datenschutz h5{margin-top:25px}

/* Small Screens, Mobile Phones */

@media (max-width: 767px) {
  .hide-phone{display:none}
  .container-search .osm-active-plans-list{display:none}
    .footer .grid-child{align-items:flex-start}
    .heading h1{font-size:1.8rem;line-height:1.2}
    .subheading p.heading{font-size:1.4rem;line-height:1.2}
}
@media (min-width: 768px) and (max-width: 991px) {
  .hide-tablet{display:none!important}
    .vapserblock{width:calc(calc(100% / 3) - 16px)!important}
}
@media (min-width:768px) {
    .vapsergroup .card{margin:-10px 15px 20px 5px}

}
/* Large Screens, Desktops */
@media (min-width: 992px) {
  .hide-desktop{display:none}
  .grid-child.container-nav{margin-top:-20px}

}
@media(max-width:1350px) {
  header.header.container-header.full-width{padding:0 15px}
}

@media (min-width: 992px) {
  .footer-left{float:left;margin-right:50px}
  .footer-right{float:right}
  .footermenu ul {list-style:none;display:flex}
  .vapserblock{width:calc(calc(100% / 4) - 16px)!important}

}


/* Menu */
.container-header .mod-menu>li>a, .container-header .mod-menu>li>span{font-size:1.1rem}
.container-search ul.osm-active-plans-list{margin-top:8px;margin-bottom:0px}
.container-search ul.osm-active-plans-list{list-style:none!important}
.container-search ul.osm-active-plans-list li{color:#fff!important;font-size:1.1rem}
#navbar112,#navbar1{margin-left:-20px}
.navbar-toggler.navbar-toggler-right{margin-top:-10px}
/* Footer Menu */
  .footer-left{padding-left:15px;margin-bottom:15px}
.footermenu ul li {margin-right:25px}
.footermenu ul li a{text-decoration:none}
.footermenu ul li a:hover{color:#fff;text-decoration:underline}
  .footermenu ul {list-style:none;padding-left:15px}


/* VikAppointments */
#empareaForm input[type="text"]:not(.select2-input), #empareaForm input[type="number"], #empareaForm input[type="password"], #empareaForm input[type="file"], #empareaForm input[type="email"], #empareaForm input[type="tel"], #empareaForm textarea{font-size:1rem!important}
#empareaForm div.control-label{vertical-align:middle!important;margin-top:-6px!important}
#empareaForm input[type="checkbox"]{width:18px;height:18px;vertical-align:middle;margin-right:3px;margin-top:-3px}
.vapcartitemprice{font-size:1rem}
.view-complete #osm-subscription-complete h1.osm-page-title{display:none}
.vap-emplogin-modal li.url{border-bottom: 1px solid #ccc!important}
.vap-allorders-void{font-size:1rem!important}
.url i.fa {float: right;margin-top: -20px;color:#666!important}
i.urlprofile{margin-left:15px!important}
.vaptimeline .vaptimeselected{background-color:#224faa!important}
a.vap-btn,button.vap-btn{font-size:1rem!important}
.vapeditemptitlediv h2{font-size:1.7rem}
.vapeditempactionsdiv{margin-top:0px!important}
.vapemplogintoolbardiv,.vapallcalhead{background:#f6f6f6!important}
.vapemplogintoolbardiv > div{border-top:none!important}
.vapsummaryservicescont .vapcartitemdiv .vapcartitemleft{font-size:1.2rem!important}
.vapcartitemboxdialog .vapcartitemboxdetails,.vapcartitemboxdialog .vapcartitemboxoptionsbottom {font-size: 1rem}
.vapcompleteorderdiv .vap-confirmapp-h3, .vap-packconf-box .vap-confirmapp-h3,.vaploginblock h3, .vapregisterblock h3{font-size:1.3rem}
.vapcartitemboxdialog .vapcartitemboxoptionsbottom{margin-top:5px}
.vaploginblock, .vapregisterblock{margin-top:15px}
.login-fields-rem input[type="checkbox"]{width:17px;height:17px;margin-top:-3px;margin-right:3px}
.login-fields-rem input[type="checkbox"]{vertical-align:middle}
.vap-empheader-div .vapempnamediv{font-size:1.5rem}
.vapserimage#vapimage1,.vapserimage#vapimage2,.vapserimage#vapimage3,.vapserimage#vapimage4,.vapserimage#vapimage5 {height:auto!important}
.vapsergroupdiv{color:#22262a!important;font-size:1.7rem!important}

button.service {
    color: #224faa;
    font-size: 1rem;
    font-weight: 500;
    background: #fff;
    text-align: center;
    margin: 0 0 1rem 0;
    padding: 8px 16px;
    border-radius: 5px;
    border: 2px solid #224faa;
    vertical-align: middle;
    transition: all 0.2s;
}
button.service:hover {
    color: #fff;
    background: #193772;
    border: 2px solid #193772;
    transition: all 0.2s;
}
a.vap-btn.blue, button.vap-btn.blue{background:#224faa!important}
a.vap-btn.blue:hover, button.vap-btn.blue:hover{background:#193772!important}
summary{font-size:1.2rem}
@media(min-width:992px){
  .vaploginfieldsdiv{display:flex}
  .login-fields-rem{width:100%;padding-right:15px;margin-top:42px}
  .vaploginfield{padding-right:25px}
  .vaploginfield button[type="submit"]{float:right}
  .vap-login-footer-links{display:flex}
  .vap-login-footer-links div{padding-top:10px;padding-right:25px}
}
@media(min-width:768px){
  .vap-allorders-singlerow{display:flex}
}
@media(max-width:768px){
  .vapeditemptitlediv h2{font-size:1.5rem}
}
main{margin-top:2.5em!important;margin-bottom:2.5rem!important}
.home main img{border-radius:5px}
.view-article main{margin-top:2em!important;margin-bottom:2.5rem!important}
.view-article.home main{margin-top:1em!important;margin-bottom:2.5rem!important}
.view-servicesearch main,.view-confirmapp main{margin-top:2em}

joomla-tab-element#employee_description{width:100%}
.vapeditempheaderdiv{padding:0px!important}
/* OS Membership Pro */
.osm-container h1, .osm-container h2{font-size:1.7rem}
h2.eb-heading{font-size:1.5rem}
#osm-singup-page .osm-heading{display:none}
@media(min-width:768px) and (max-width:991px){
 .view-register #field_last_name{margin-left:-100px}
 .view-register #city,.view-register #city-lbl{margin-left:-50px}
}
@media(min-width:992px){
  .view-register #field_last_name{margin-left:-167px}
  .view-register #city,.view-register #city-lbl{margin-left:-83px}
  .loginsubscription{width:75%}
}
.loginsubscription{margin-top:15px;border: 1px solid #ddd;padding: 25px;margin-bottom: 20px}
.loginsubscription .loginformfields .col-md-9{width:90%}
@media(min-width:576px){
  .loginformfields{display:flex}
}
.view-register .nav.nav-tabs{background:none!important;border:none;box-shadow:none}
.view-register .nav.nav-tabs li{margin-right:30px}
.loginsubscription .form-group.form-row{width:100%}
.loginsubscription .form-group.form-row input[type="submit"]{margin-top:22px}
.subscriptionspacer{height:30px}
@media(min-width:576px){
  .paymentamounts{display:inline-flex}
  .paymentamounts .form-group{width:200px}
}
#regular_gross_amount_container, #regular_gross_amount, #regular_gross_amount_container .input-group-append span{font-weight:700}
#osm-singup-page .osm-page-title{display:none}
#osm-singup-page .osm-message{margin-bottom:35px}
#payment_method_container{padding:20px 10px;margin-bottom:0px!important}
#osm-payment-method-list .osm-payment-method-item{padding:10px 0}
#payment_method_container .form-control-label{padding-bottom:15px}
#osm-payment-method-list .osm-payment-method-item input{margin-right:7px}
#gewerbe-lbl,#berechtigung-lbl,#nutzungsbedingungen_anbieter-lbl,#datenschutz-lbl,#nutzungsbedingungen-lbl{display:none}
#gewerbe,#berechtigung,#nutzungsbedingungen_anbieter,#datenschutz,#nutzungsbedingungen{margin-bottom:0px;padding:5px 0}
#osm-singup-page input[type="checkbox"]{width:17px;height:17px;margin-right:10px}
.osm-pricing-table-circle .osm-plan{box-shadow:none!important;border:solid 2px #eee}
.osm-pricing-table-circle .osm-plan-header{background-color:#fff!important;color:#22262a!important}
.osm-pricing-table-circle .osm-plan-1 .osm-plan-price,.osm-pricing-table-circle .osm-plan-2 .osm-plan-price,.osm-pricing-table-circle .osm-plan-3 .osm-plan-price{background-color:#224faa!important}
.osm-pricing-table-circle .osm-plan-1:hover .osm-plan-price,.osm-pricing-table-circle .osm-plan-2:hover .osm-plan-price,.osm-pricing-table-circle .osm-plan-3:hover .osm-plan-price{background-color:#193772!important}
.osm-pricing-table-circle .osm-plan-4 .osm-plan-price,.osm-pricing-table-circle .osm-plan-5 .osm-plan-price,.osm-pricing-table-circle .osm-plan-6 .osm-plan-price{background-color:#00b69c!important}
.osm-pricing-table-circle .osm-plan-4:hover .osm-plan-price,.osm-pricing-table-circle .osm-plan-5:hover .osm-plan-price,.osm-pricing-table-circle .osm-plan-6:hover .osm-plan-price{background-color:#048C77!important}
.osm-pricing-table-circle .osm-plan-1 .btn-signup,.osm-pricing-table-circle .osm-plan-2 .btn-signup,.osm-pricing-table-circle .osm-plan-3 .btn-signup{background-color:#224faa!important}
.osm-pricing-table-circle .osm-plan-4 .btn-signup,.osm-pricing-table-circle .osm-plan-5 .btn-signup,.osm-pricing-table-circle .osm-plan-6 .btn-signup{background-color:#00b69c!important}
.osm-plan-7 p.price,.osm-plan-8 p.price{font-size:1.5rem!important}
.osm-plan-price .price sub{margin-top:5px}
.view-plans .osm-page-title{display:none}
h1.osm-page-title_alt{margin-bottom:10px!important}
/* RS Tickets Pro */
#rsticketspro_dashboard_tickets h3{font-size:1.5rem}