/*========================== ALLGEMEIN =============================*/

html{
    height: 100%;
}

*{
    outline:none;
}

body{
    height: 100%;
    min-height: 1100px;
}
body.com_dpcalendar{
    min-height: 70%;
    height: auto;
}

.pageTherapie #contentwrapper,.pageTraining #contentwrapper,.pageNoIconMenu #contentwrapper {
    display: none;
}


p{
    line-height: 1.2;
    padding: 0;
}
b, strong {
    font-weight: 600;
}

#loader{
    display: none !important;
}

a, nav a{
    color: #00A3DA;
    outline: none; 
}
a:hover, a:active, a:focus {
    outline: 0;
}

img{
/*    border-radius: 24px;*/
}

.nav {
    margin-bottom: 18px;
}

ul, ol {
    padding: 0;
    margin: 0 0 9px 25px;
}

a:hover , .nav.menu > li > a:hover,a:focus , .nav.menu > li > a:focus{
    text-decoration: none !important;
}
h1, h2, h3, h4{
    font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.0;
    margin: 20px 0 5px;
}

h1{
    font-size: 42px;
}
h2{
    font-size: 36px;
    margin-bottom: 20px;
}
h3{
    font-size: 28px;
}
h4{
    font-size: 22px;
}
h5{
    font-size: 18px;
}



li {
    line-height: inherit;
    margin: 3px auto;
}

a.linkbutton {
    background: #00A3DA;
    color: #fff;
    padding: 8px 12px;
}
a.linkbutton:hover {
    opacity: 0.9;
    color: #fff;
}

textarea, input{
    box-sizing: border-box;
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color: #00A3DA;
    -webkit-box-shadow: 0 0 3px #00A3DA;
    -moz-box-shadow: 0 0 3px #00A3DA;
    box-shadow: 0 0 3px #00A3DA;
}


.section-header{
    text-align: center;
}

span.fancy::before {
    right: 100%;
    margin-right: 15px;
}

span.fancy::before, span.fancy::after {
    
}

span.fancy::before, span.fancy::after {
    content: "";
    position: absolute;
    height: 1px;
    border-top: 2px solid #00A3DA;
    top: 14px;
    width: 42px;
    display: inherit !important;
}

.hideAlways{
    display: none !important;
}

.imgResponsive img{
    border-radius: 30px;
}

.sectionTitle h1 {
    text-align: center;
    margin: 0;
    padding-bottom: 60px;
    display: block;
    line-height: 52px;
}
.sectionTitle h1::before {
    font-family: "fiteria2-line";
    display: block;
    width: 74px;
    margin: 0 auto 10px;
    box-sizing: border-box;
    line-height: 74px;
    font-size: 74px;
}

.hideOnTabletDesktop{
    display: none;
}

.scrollToTop{
    display: none !important;
    opacity: 0 !important;
}

.article-info > .published{
    display: none;
    margin-left: 0;
    font-style: italic;
}
.published > .icon-calendar{
    display: none;
}

iframe, object, embed {
    width: 100%;
    max-height: 260px;
    max-width: 460px;
/*    border-radius: 24px;*/
}

/* -------------------------------- Grid System --------------------------------*/

.spa-tb-2{
    width: 50%;
    display: table-cell;
    box-sizing: border-box;
}
.spa-sm-2{
    width: 50%;
    float: left;
    box-sizing: border-box;
}

#preise, #sportphysio, #lgwrapper1, #lgwrapper2, #physio, #ernaehrung, #massage, #footerwrapper, #kontakt, #personaltraining, #infos, #groupfitness, #map, #teammembers, #schmerztherapie, #osteopathie{
    padding-left: 15px;
    padding-right: 15px;
}

/* -------------------------------- Tabs --------------------------------*/

[role="tablist"]{
    text-align: center;
}
[role="tab"]{
    display: inline-block;
    margin: 5px;
}

[role="tab"] > h6{
    font-weight: 100;
    background: transparent;
    border: 1px solid rgba(0,163,218,1);
    color: rgba(0,163,218,1);
    padding: 8px 4px;
    border-radius: 0;
    cursor: pointer;
    box-shadow: none;
/*    border: 1px solid rgba(0,163,218,1);
    background: rgba(0,163,218,0.1);
    background: transparent;
    color: rgba(0,163,218,1);*/
    font-size: 22px;
    min-width: 160px;
    padding: 8px 4px;
}
[data-rlta-state="open"][role="tab"] > h6{
    background: rgba(0,163,218,1);
    color: #fff;
    border: 1px solid rgba(0,163,218,1);
}

[data-rlta-element="panel-content"]{
    display: table;
    width: 100%;
}

[role="tab"].abotypTabs{
    display: inline-block;
    margin: 5px;
    width: 170px;
}

[role="tab"].abotypTabs > h6{
    font-weight: 100;
    background: #005d80;
    color: #fff;
}
[data-rlta-state="open"].abotypTabs > h6{
    box-shadow: none;
    color: #005d80;
    background: #fff;
}

[data-rlta-element="panel-content"]{
    display: table;
    width: 100%;
}


/*
.rl_tabs.top > ul.nav-tabs > li.active > a{
    box-shadow: none;
    background: transparent;
    border: 1px solid rgba(0,163,218,1);
    color: rgba(0,163,218,1);
}

.rl_tabs.top > ul.nav-tabs > li > a:focus, .rl_tabs.top > ul.nav-tabs > li.active > a:focus,.rl_tabs.top > ul.nav-tabs > li > a:hover, .rl_tabs.top > ul.nav-tabs > li.active > a:hover{
    box-shadow: none;
    border: 1px solid rgba(0,163,218,1);
}

.rl_tabs.top > ul.nav-tabs > li.active > a{
    box-shadow: none;
    background: rgba(0,163,218,1);
    color: #fff;
    border: 1px solid rgba(0,163,218,1);
}

.rl_tabs.top > ul.nav-tabs > li > a:focus, .rl_tabs.top > ul.nav-tabs > li.active > a:focus,.rl_tabs.top > ul.nav-tabs > li > a:hover, .rl_tabs.top > ul.nav-tabs > li.active > a:hover{
    box-shadow: none;
    border: 1px solid rgba(0,163,218,1);
}

}
.rl_tabs > ul.nav-tabs > li > a:focus, .rl_tabs > ul.nav-tabs > li.active > a:focus{
    border-color: #ddd;
    background: blue;
}

.rl_tabs .nav-tabs {
    border-bottom: none;
}

.tab-content{
    border: 1px solid rgba(0,163,218,0.5);
    border-radius: 20px;
    margin: 0 ;
    padding: 0;
    background-color: transparent !important;
}

.rl_tabs .tab-content > .active {
    display: table;
    width: 100%;
}
#news.rl_tabs > .tab-content > .tab-pane {
    padding: 10px;
    box-sizing: border-box;
}

.rl_tabs > .tab-content > .tab-pane > h2 {
    padding: 0 20px;
    margin: 10px 0 0;
}



.rl_tabs-pane > h3{
    margin-bottom: 30px;
}

*/


/* -------------------------------- Mediabox Popup --------------------------------*/

#jcemediabox-popup-body {
    max-width: 100%;
}

#jcemediabox-popup-ajax {
    padding: 20px 20px 0;
    margin: 20px 10px;
    height: 86%;
    margin-bottom: -30px;
}

#jcemediabox-popup-ajax img {
    max-width: 100%;
}

.jcemediabox-popup-corner-bl, .jcemediabox-popup-corner-tl {
    display: none;
}

#jcemediabox-popup-container {
    /*border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;*/
    margin-bottom: -70px;
}

#jcemediabox-popup-caption{

    padding: 20px !important;
}

#jcemediabox-popup-closelink {
    top: 20px;
    right: 20px;
}

#jcemediabox-popup-info-bottom{
    display: block !important;
    top: 0 !important;
    visibility: visible !important;
    z-index: 10 !important;
}
.page-header {
    display: inherit;
    margin-top: 0;
}


/* -------------------------------- RL Modals Popup --------------------------------*/



#rl_modals_loading_graphic{
    display: none !important;
}

[data-modals-element="overlay"]{
    background: rgba(244,244,244,0.95) !important;
}

#rl_modals{
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#rl_modals_Wrapper, #rl_modals_content, #rl_modals{
    overflow:visible;
}

.no_title #rl_modals_title {
    height: 45px !important;
    min-height: 45px !important;
}

#rl_modals_title{
    border: none;
    font-weight: 300;
    color: #00A3DA;
    font-size: 24px;
    line-height: 24px;
    padding: 17px 50px 15px 30px;
}

#rl_modals_loaded_content {
    /*margin-top: 50px !important;*/
    margin-bottom: 30px !important;
    max-width: 600px;
    width: 100%;
    /*-webkit-box-shadow: inset 0px 15px 5px -19px rgba(0,0,0,0.61), inset 0px -16px 5px -19px rgba(0,0,0,0.61);
    -moz-box-shadow: inset 0px 15px 5px -19px rgba(0,0,0,0.61), inset 0px -16px 5px -19px rgba(0,0,0,0.61);
    box-shadow: inset 0px 15px 5px -19px rgba(0,0,0,0.61), inset 0px -16px 5px -19px rgba(0,0,0,0.61);*/
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

#rl_modals_current, #rl_modals_next, #rl_modals_previous{
    display: none !important;
}
.fotosModalWindow #rl_modals_current, .fotosModalWindow #rl_modals_next, .fotosModalWindow #rl_modals_previous{
    display: block !important;
}

#rl_modals_next, #rl_modals_previous, #rl_modals_current{
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    height: 50px;
    /*margin-top: -25px;*/
    padding: 0;
    width: 50px;
}
#rl_modals_current {
    color: #00A3DA;
    top: 46px;
    right: 38px;
    margin-left: -40px;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    width: 80px;
    font-weight: 300;
    margin-top: -25px;
}
#rl_modals_next{
    margin-right: 15px;
    text-shadow: 0px 2px rgba(0,0,0,0.7);
}
#rl_modals_previous{
    margin-left: 15px;
    text-shadow: 0px 2px rgba(0,0,0,0.7);
}

#rl_modals_next:before, #rl_modals_previous:before, #rl_modals_close:before{
    content: "o";
    font-family: "fiteria2-line";
    width: 100%;
    height: 100%;
    display: block;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: 600;
}
#rl_modals_previous:before{
    content: "n";
    font-weight: 600;
}
#rl_modals_close {
    padding: 0;
    background: none;
    width: 30px;
    height: 30px;
    opacity: 1;
    font-weight: 300;
}
#rl_modals_close::before {
    content: "m";
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #00A3DA;
}



#rl_modals_overlay{
    background: rgba(0,163,218,0.8);
}
#rl_modals_content{
    background: #fff;
    padding: 0;
}

/*
.cboxPhoto{
    height: auto;
    width: auto;
}
*/



#rl_modals_content .item-page, #rl_modals_content .system-message-container{
    padding: 0 15px;
}




#rl_modals_overlay.fotosModalWindow {
    background: rgba(255,255,255,0.96);
}

.fotosModalWindow h3 {
    display: none;
}

.fotosModalWindow #rl_modals_close:before{

    font-size: 30px;
    line-height: 30px;
}

.fotosModalWindow #rl_modals_content{
    background: transparent;
    padding: 0;
}

/*
.fotosModalWindow #rl_modals_current {
    bottom: 0;
    top: auto;
    width: 80px;
    left: 50%;
    text-align: center;
    margin-bottom: -30px;
}*/

.fotosModalWindow #rl_modals_loaded_content{
    border: none;
    margin-bottom: 0 !important;
    max-width: none;
    overflow: visible !important;
    width: auto;
}

.fotosModalWindow #rl_modals_title{
    overflow: hidden;
}

/* -------------------------------- Header --------------------------------*/

#bannerwrapper{
    z-index: 1;
    position: relative;
    height: 100px !important;
}
#bannerwrapper img{
    border-radius: 0;
}

#bannerwrapper {
    /*position: fixed;
    top: 0;
    left: 0;
    width: 100%;*/
}

.bannerStandort > li, .istopfixed .bannerStandort{
    display: none;
}
.bannerStandort > li.active {
    display: inherit;
    text-align: center;
    height: 100%;
    position: relative;
    top: 34px;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 34px;
}

#bannerlogo-blue, #bannerlogo-blue-notext{
    display: none;
}

#breadcrumbs .menu-bc > li.current > .nav-child li > a{
    background: rgba(0,163,218,0.8);
    color: #fff;
    border-radius: 5px;
    padding: 3px;
}
.menu-bc > li.current > .nav-child li.active > a{
    font-family: "fiteria2-line";
}
 

#bannerwrapper.istopfixed {
    background: rgba(255,255,255,0.975);
    height: 60px;
    border-bottom: 1px solid rgba(0,93,128,0.2);
}

#bannerwrapper > .inner, #bannerrow, #bannerrow > .inner, #bannerrow > .inner > .flexiblecolumn, [id^="bannerlogo"], [id^="bannerlogo"] > .inner, #fullscreenwrapper,#fullscreenwrapper > .inner, #fullscreenimage, #fullscreenimage > .inner, .height100percent, #socialmedia, #socialmedia > .inner, .fullscreenimage .mod-custom{
    height: 100%;
}
.fullscreenimage .mod-custom{
    background-size: cover;
}
.modHalfscreenTeam{
    background: #005D80; 
    height: 200px;
}
.modHalfscreenSpezialangebot{
    background: #00A3DA; 
    height: 200px;
}
.modHalfscreenKontakt, .modHalfscreenNews{
    height: 200px;
}
#halfscreenwrapper {
    height: auto;
    margin-top: -100px;

}

[id^="bannerlogo"] > div.inner{
    margin: 0 !important;
}



[id^="bannerlogo"] img{
    max-height: 90px;
    width: auto;
    margin: 5px 0;
}


#socialmedia .socialLink{
    font-size: 30px;
    line-height: 30px;
    font-family: "fiteria2-line";
    color: #005D80;
}
.istopfixed #socialmedia  .socialLink{
    color: #005D80;
}
#socialmedia  .socialLink:hover{
    opacity: 0.6;
}

#socialmedia > div.inner{
    padding: 0;
}
#socialmedia > .inner > .socialmedia{
    position: relative;
    top:50%;
    margin-top: -16px;
}



.desktopnav{
    padding: 0;
}

.site-title > img{
    max-height: 60px;
}

.site-title {
    height: 100%;
    font-size: 0 !important;
    line-height: 0;
}

/* -------------------------------- QUICK MENU 2023 --------------------------------*/
.quickmenurow{
    position: relative;
}
#quickmenu1, #quickmenu2, #quickmenu3, #quickmenu4{
    padding: 20px 0;
}

.quickmenurow .btnStandort{
    margin-bottom: 10px;
    font-size: 26px;
}
.quickmenurow .btnStandort::after {
    border: none;
    position: relative;
    font-size: 26px;
    top: 4px;
    padding: 0;
    margin-left: 5px;
    font-weight: 600;
  }
.quickmenurow .btnStandort:hover, .quickmenurow a:hover::after{
    background: #fff;
    color: #005e80cb;
}
.quickmenurow a:hover::after{
    border-color: #005e80cb;
}
.quickmenurow a {
    font-size: 22px;
    color: #fff;
}
.quickmenurow h3 {
    margin-bottom: 20px;
}
.quickmenurow a::after {
    content: "o";
    font-family: "Fiteria2-line";
    background: transparent;
    border-radius: 50px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    padding: 2px;
    margin-left: 10px;
    position: absolute;
    line-height: 18px;
  }




/* -------------------------------- NEUES MENU 2020 --------------------------------*/
.menuRubrik{
    margin: 0;
}
.menuRubrik > li {
    display: inline-block;
    margin: 10px;
}
.menuRubrik > li > a, .btnStandort{
    color: #fff;
/*    border-radius: 9px;*/
    border: 1px solid #fff;
    padding: 10px;
    display: inline-block;
    font-size: 26px;
    font-weight: 300;
}



/*.menuRubrik > li.current > a {
    padding: 17px;
}*/


ul.menu.iconsUnterrubrik {
    padding: 0 100px;
}

.iconsUnterrubrik{
    text-align: center;
}
.iconsUnterrubrik > li {
    display: inline-block;
    margin: 0 15px 10px;
    vertical-align: top;
    width: 180px;
  }
.iconsUnterrubrik > li > a{
    font-size: 20px;
    color: #fff;
    width: 164px;
    line-height: 26px;
}
.iconsUnterrubrik > li > a::before {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 70px;
    display: block;
/*    border-radius: 18px;*/
    background: #fff;
    color: #0B97CB;
    margin: 0 auto;
    margin-bottom: 10px;
}


.modPageTitle .breadcrumb{
    margin: 22px auto 0;
}
.modPageTitle .breadcrumb > li{
    display: none;
}
.modPageTitle .breadcrumb > li.active::before {
    display: none;
}
.modPageTitle .breadcrumb > li.active {
    display: inherit;
    font-size: 44px;
    line-height: 44px;
    font-weight: 300;
}

.modPageTitleBanner{
    text-align: center;
    margin: 15px auto;
}
.modPageTitleBanner li.active.breadcrumb-item  {
    font-size: 30px;
    line-height: 38px;
}
.modPageTitleBanner li.active.breadcrumb-item  > span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.modGoToTop a{
    font-family: "fiteria2-line";
}

.modGoToMainmenu{
    font-size: 22px;
    line-height: 34px;
    margin-top: 35px;
}
.modGoToMainmenu a{
    display: block;
    width: 34px;
    height: 34px;
/*    border-radius: 7px;*/
    float: right;
    padding-top: 4px;
    box-sizing: border-box;
}
.modGoToMainmenu{
    font-size: 22px;
    line-height: 34px;
    margin-top: 35px;
}

.modGoToTop{
    display: none;
    
}
.modGoToTop a{
    display: block;
    width: 40px;
    height: 40px;
    font-size: 40px;
    font-family: "fiteria2-line";
    margin-top: 16px;
    float: right;
    box-sizing: border-box;
}

.istopfixed .modGoToTop{
    display: inherit;
}
.istopfixed #startmenu .modStartmenu{
    display: none;
}
.istopfixed #breadcrumbs{
    display: block;
}

a.zumHauptmenu, a.zumStandortmenu {
    width: auto;
    padding: 6px 8px;
    line-height: 22px;
    height: auto;
}

.istopfixed .zumStandortmenu{
    display: none;
}

#sensoproheader{
    position: relative;
}

/* -------------------------------- Alle Section Titel --------------------------------*/

.h1Icon-dumbbells h1:before {
    content: "a";
}
.h1Icon-apple h1:before {
    content: "b";
}
.h1Icon-first-aid h1:before {
    content: "c";
}
.h1Icon-hand-grab-2 h1:before {
    content: "d";
}
.h1Icon-chat-4 h1:before {
    content: "e";
}
.h1Icon-map-location h1:before {
    content: "f";
}
.h1Icon-arrow-circle-16 h1:before {
    content: "g";
}
.h1Icon-photos-1 h1:before {
    content: "h";
}
.h1Icon-text-wrapping-1 h1:before {
    content: "i";
}
.h1Icon-business-chart-1 h1:before {
    content: "j";
}
.h1Icon-clock-2 h1:before {
    content: "k";
}
.h1Icon-information h1:before {
    content: "l";
}
.h1Icon-cross h1:before {
    content: "m";
}
.h1Icon-arrow-67 h1:before {
    content: "n";
}
.h1Icon-arrow-68 h1:before {
    content: "m";
}
.h1Icon-new-instagram h1:before {
    content: "p";
}
.h1Icon-facebook-square h1:before {
    content: "q";
}
.h1Icon-connection-2 h1:before {
    content: "r";
}
.h1Icon-calendar-1 h1:before {
    content: "s";
}
.h1Icon-clipboard-3 h1:before {
    content: "t";
}
.h1Icon-id-5 h1:before {
    content: "u";
}
.h1Icon-house-1 h1:before {
    content: "v";
}
.h1Icon-play-2 h1:before {
    content: "w";
}
.h1Icon-sensopro-logo h1:before {
    content: "x";
}
.h1Icon-heartpulse h1:before {
    content: "y";
}
.h1Icon-tree h1:before {
    content: "z";
}
.h1Icon-profile-gentleman-1 h1:before {
    content: "A";
}
.h1Icon-physio-icon h1:before {
    content: "B";
}
.h1Icon-sport-physio-icon h1:before {
    content: "C";
}
.h1Icon-arrow-15 h1:before {
    content: "D";
}
.h1Icon-connection-1 h1:before {
    content: "E";
}
.h1Icon-osteopathie h1:before {
    content: "L";
}
.h1Icon-bodygee h1:before {
    content: "M";
}
.h1Icon-note-paper-favorite h1:before {
    content: "N";
}



/* -------------------------------- Navigation --------------------------------*/



.modSocialMobileMenu{
    display: none;
}

.socialMenuItem{
    display: none !important;
}

#bannerrow > .inner{
    position: relative;
}

#startmenu > div.inner, #bannermenu > div.inner{
    height: 80px;
}

#startmenu ul.menu, #bannermenu > div  .nav {
    margin-top: 38px;
    text-align: right;
}


#startmenu > .inner {
    font-weight: 300 !important;
}



ul.menu {
    margin-bottom: 18px;
}

#bannermenu{
    position: absolute;
    right: 0;
    display: none;
}
.istopfixed #bannermenu{
    display: inherit;
}
.istopfixed #bannermenu .current{
    display: none;
}

#bannermenu > .inner  .menu > li{
    font-size: 24px;
    line-height: 24px;
}

#bannermenu .nav-child{
    display: none;
}

/*#bannermenu .mobileckhambuger_togglerlabel {
    display: block !important;
    font-size: 50px !important;
    text-align: right !important;
    padding: 10px !important;
}*/

#breadcrumbs {
    display: none;
}
#breadcrumbs {
    position: absolute;
    margin: 0 auto;
    margin-left: auto;
    left: 50%;
    width: 260px;
    margin-left: -130px;
    text-align: center;
}

/*Breadcrumbs Menu*/
.menu-bc > li{
    display: none;
}
.menu-bc > li > a{
    font-size: 32px;
    line-height: 32px;
    margin: 15px 0 10px;
}
.menu-bc > li.current{
    display: inherit;
}

#bannermenu > li > .nav-child li {
    display: none;
}

.menu-bc > li.current > .nav-child li, #bannermenu .nav-child > li {
    font-family: "fiteria2-line";
    display: inline-block;
    margin: 5px 10px;
    font-size: 24px;
    line-height: 24px;
}

.showRibbon{
    position: relative;
}
.showRibbon::before {
    display: block;
    min-width: 20px;
    position: absolute;
    border-radius: 100%;
    right: -9px;
    top: -10px;
    background: #f34848;
    content: "i";
    color: #fff;
    font-size: 16px;
    vertical-align: top;
    line-height: 20px;
}

.spaInfos.showRibbon::before {
    content: "wichtig";
    color: white;
    left: 20px;
    width: 56px;
    text-align: center;
    padding: 3px 0px;
    font-size: 15px;
    line-height: 14px;
    top: 3px;
    border-radius: 0;
}



/*Breadcrumb Modul*/
.breadcrumb > .active > .divider.icon-location{
    display: none;
}



/* -------------------------------- Startpage  --------------------------------*/
#wrapper {
    display: inherit;
    position: absolute;
    margin-top: -150px;
}



#fullscreenwrapper{
    height: 100% !important;
    margin-top: -100px;
}


.custom.modFullscreen{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tck-module-text{
    height: 100%;
}

#fullscreenimage:after{
    position: absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    display: block;
    z-index:0;
}


/*================== Rubrikfarben ===================*/

/*Standorte*/

body.pageStandorte .modPageTitle .breadcrumb > li.active{
    color: white;
}



/*Therapie*/
body.pageTherapie .colorFullscreen{
    background-color: rgba(0,163,218,0.8);
    height: 100%;
}
.menuRubrik > li.current > a{
    background: #fff;
    color: #0B97CB;
}

body.pageTherapie h1, body.pageTherapie h2, body.pageTherapie h3, body.pageTherapie h4{
    color: #00A3DA;
}
.pageTherapie #socialmedia a, .pageTeam #socialmedia a, .pageTeam #socialmedia a:hover, body.pageTherapie .bannerStandort > li.active > a, body.pageTherapie .bannerStandort > li.active > a:hover, body.pageTeam .bannerStandort > li.active > a, body.pageTeam .bannerStandort > li.active > a:hover{
    color: #fff;
}
.pageTherapie .zumStandortmenu{
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}



/*Training*/
body.pageTraining .colorFullscreen{
    background-color: rgba(255,255,255,0.8);
    height: 100%;
}
/*
body.pageTraining .iconsUnterrubrik > li > a, .breadcrumb > li.active, body.pageTraining .bannerStandort > li.active > a, body.pageTraining .bannerStandort > li.active > a:hover, body.pageNews .bannerStandort > li.active > a, body.pageNews .bannerStandort > li.active > a:hover, body.pageKontakt .bannerStandort > li.active > a, body.pageKontakt .bannerStandort > li.active > a:hover{
    color: #005D80;
}
*/
body.pageTraining .iconsUnterrubrik > li > a, .breadcrumb > li.active, .bannerStandort > li.active > a, .bannerStandort > li.active > a:hover{
    color: #005D80;
}
body.pageTraining .iconsUnterrubrik > li > a::before, body.pageTraining .menuRubrik > li.current > a{
    color: #F0EEEC;
    background: #005D80;
}
body.pageTraining .menuRubrik > li > a {
    color: #005D80;
    border: 1px solid #005D80;
}



/*Kontakt*/
.pageKontakt .zumHauptmenu, .pageNews .zumHauptmenu, .pageNoIconMenu .zumHauptmenu, .pageTraining .zumHauptmenu, .pageTraining .zumStandortmenu, .pageTeam .istopfixed .zumHauptmenu{
    background: transparent;
    color: #005D80;
    border: 1px solid #005D80;
}



/*Team*/
.pageTeam .zumHauptmenu{
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}




/*GoToTop*/
.modGoToTop a{
    background: transparent;
    color: #005d80;
    border: none;
}

/*Logo*/
.istopfixed #bannerlogo-white, .pageTraining #bannerlogo-white, .pageKontakt #bannerlogo-white, .pageNoIconMenu #bannerlogo-white,.pageNoIconMenu.pageTeam #bannerlogo-blue, .pageTraining #bannerlogo-white, .modPageTitleBanner,.pageNoIconMenu.pageTeam .istopfixed #bannerlogo-white{
    display: none;
}
.istopfixed #bannerlogo-blue, .pageTraining #bannerlogo-blue, .pageKontakt #bannerlogo-blue,.pageNoIconMenu #bannerlogo-blue, .pageNoIconMenu.pageTeam #bannerlogo-white,.pageTraining #bannerlogo-blue, .istopfixed .modPageTitleBanner, .pageNoIconMenu.pageTeam .istopfixed #bannerlogo-blue{
    display: inherit;
}

/*==================  ===================*/


    
#scrollhint {
    position: absolute;
    bottom: 0;
    font-family: fiteria2-line;
    color: white;
    margin: 0 0 10px;
    text-align: center;
    width: 100%;
    font-size: 40px;
    line-height: 40px;
}
#scrollhint a{
    color: white;
}

#rubriktitel {
    display: inherit;
    position: absolute;
    bottom: 42%;
    text-align: center;
    width: 100%;
    left: 0;
    margin-bottom: 120px;
    color: white;
}

.pageStandorte #rubriktitel {
    position: relative;
    top: 100px;
    margin-bottom: 100px;
  }


.modRubriktitel {
    display: block;
    width: 100%;
    height: 100px;
}





#features {
    display: inherit;
    position: absolute;
    bottom: 50%;
    text-align: center;
    width: 100%;
    left: 0;
    margin-bottom: 110px;
    color: white;
}
#features > .inner {
    text-align: center;
    margin: 0 auto;
}
.sprocket-features-desc {
    font-size: 28px;
    line-height: 36px;
    font-style: italic;
}

#iconswrapper > .inner, #menuicons, #menuicons > .inner{
    height: 100%;
    display: block;
}

#iconswrapper {
    display: inherit;
    position: absolute;
    top: 100px;
    color: white;
    width: 100%;
    text-align: center;
    height: 100%;
    margin-top: -100px;
}

div[id^="menuicon-"]{
    position: relative;
    top: 60%;
    margin-top: -80px;
}


#menuicons .custom h2 > a{
    border-radius: 18px;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    padding: 0;
    display: block;
    line-height: 98px;
    
}



#menuicons .custom:hover{
    opacity: 0.9;
}


#menuicons h2{
    font-family: "fiteria2-line";
    font-size: 60px;
}
#menuicons p{
    font-size: 28px;
}

/* ============================ FITNESS ============================ */

#menuicons .custom h2 > a{
    background: white;
    color: #00A3DA;
}
#menuicons p > a{
    
    color: #fff !important;
}









/* -------------------------------- Infos --------------------------------*/


.pageFitness #infostitle {
    padding: 60px 0 0;
}

#infostitle h1{
    color: #00A3DA;
}

#infostitle h1:before{
    color: #00A3DA;
}

.spaInfos{
    padding: 10px 20px;
}

.rowInfos{
    display: table-row;
}


#infos, .pageSpezialangebote #preise{
    padding-bottom: 60px;
    min-height: 73%;
}

#events h4{
    margin: 0 0 10px;
}

.infoModal .article-info > .published{
    display: inherit;
}
.infoModal img {
    width: 100%;
}
[data-modals-element="close"] {
    z-index: 10000;
}

.tabicon{
    position: relative;
}
/*
.rl_tabs-tab.tabicon > a {
    width: 160px;
    padding: 8px 4px;
}

.rl_tabs-tab.tabicon::before {
    font-size: 22px;
    font-family: "fiteria2-line";
    position: absolute;
    left: 10px;
    display: block;
    float: left;
    top: 8px;
    color: rgba(0,163,218,1);
    z-index: -1;
}
*/



/* -------------------------------- Öffnungszeiten --------------------------------*/

#oeffnungszeiten h1,#oeffnungszeiten h2,#oeffnungszeiten h3,#oeffnungszeiten h4{
    color: #fff;
}

#oeffnungszeiten h1:before{
    color: #fff;
}

#oeffnungszeiten {
    padding: 60px 0;
}

#oeffnungszeitenblock{
    text-align: center;
}



#oeffnungszeitenblock .field-label, #oeffnungszeitenblock .field-value{
    display: inline-block;
    text-align: right;
    margin: 5px 30px;
    font-size: 24px;
    width: 40%;
    vertical-align: top;
    line-height: 24px;
}

#oeffnungszeitenblock .field-label{
    text-align: right;

}

#oeffnungszeitenblock .field-value{
    text-align: left;
}


/* -------------------------------- Fotos --------------------------------*/

#fotos h1{
    color: #00A3DA;
}

#fotos h1:before{
    color: #00A3DA;
}

#fotos {
    padding: 60px 0;
}

#fotosblock{
    text-align: center;
}

.modFotos .tab-content{
    border: none;
}

[data-modals-class="fotosModalLink"] > img{
    max-width: 150px;
}
[data-modals-class="fotosModalLink"]{
    margin: 5px;
    display: inline-block;
}
.fotosModalLink h3{
    display: none;
}



/* -------------------------------- Preise --------------------------------*/

#preise h1,#preise h2,#preise h3,#preise h4{
    color: #fff;
}

#preise  .modWeiteresAngebotTitle h1{
    color: #005D80;
    text-align: center;
    margin-top: 30px;
}

#preisetitle h1:before{
    color: #fff;
}

#preise {
    padding: 60px 0 60px;
}

.modPreis{
    height: 100%;
}
.custom.modWeiteresAngebotTitle{
    padding-top: 30px;
}

.custom.modPreis{
    text-align: left;
/*    display: table;*/
    flex-direction: column;
    width: 100%;
}
.custom.modPreis h1{
    padding: 0 15px;
    text-align: center;
}

.preisBody h2{
    display: block;
/*    background: #00A3DA;*/
/*    border-top-left-radius: 20px;*/
/*    border-top-right-radius: 20px;*/
    margin: 0;
    padding-bottom: 10px;
    font-size: 28px;
}
.custom.modPreis h3 {
    display: block;
    margin: 0;
    padding: 10px 10px 0;
    font-size: 28px;
}

#pricecards{
    margin: 0 -15px 0;
}

a.pricecardbutton{
    position: relative;
    bottom: 10px;
    background: #005D80;
}
.weitereAngebote a.pricecardbutton{
    color: #005D80;
    background: #fff;
}

.weitereAngebote .priceCardInner {
    background: #005D80;
}
.weitereAngebote h2, .weitereAngebote h3, .weitereAngebote p, .weitereAngebote{
    color: #fff !important;
}

.weitereAngebote{
    display: table;
    width: 100%;
}

.preisBody{
    position: relative;
    height: 100%;
    box-sizing: border-box;
}

#preise .preisBody h2{
    color: #005D80;
    min-height: 48px;
}

.preisBody ul{
    padding-bottom: 20px;;
}

.preisBody > p{
    margin: 0;
    font-size: 20px;
}

.preisTag {
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    right: 0;
    text-align: right;
}
.preisTag > div{
    border-radius: 10px;
}

.preisBetrag > .field-value:first-child{
    font-size: 22px;
    padding: 15px 0 0;

}
.preisBetrag > .field-value:last-child{
    font-size: 32px;
}

.preisZeitraum{
    padding-bottom: 15px;
}

.priceCard {
    display: table-cell;
    width: 50%;
    padding: 15px;
    height: 100%;
    /*padding-bottom: 75px;*/
}
.priceCardInner{
    /*height: 100%;*/
    background: #fff;
/*    background: rgba(0,180,241,0.5);*/
/*    border-radius: 20px;*/
    display: grid;
    padding: 30px;
}

.rl_sliders{
    margin-bottom: 0;
}

.accordion-heading .rl_sliders-toggle,.accordion-heading .rl_sliders-toggle:hover{
    padding: 8px 0;
    color: #005D80;
}
.weitereAngebote .accordion-heading .rl_sliders-toggle, .weitereAngebote .accordion-heading .rl_sliders-toggle:hover{
    padding: 8px 0;
    color: #fff;
}

[data-rlta-type="accordions"] > [data-rlta-element="button"] > h6::after {
    content: "K";
    display: inline-block;
    margin-left: 7px;
    width: 14px;
    height: 14px;
    text-align: center;
    position: relative;
    top: 0;
    font-size: 12px;
    line-height: 12px;
    font-family: "fiteria2-line";
    font-weight: bold;
}
[data-rlta-type="accordions"] > [data-rlta-state="closed"] > h6::after {
    content: "J";
    
}

.accordion-inner {
    border-top: none;
    padding: 0 0 15px;
}

.preisBody .accordion-group {
    border: none !important;
}


/* ============================ THERAPIE ============================ */

.angebotVideo{
    display: inline-block;
    border-radius: 8px;
    border: 1px solid rgba(0,163,218,1);
    padding: 8px 12px 8px 48px;
    font-size: 20px;
    line-height: 20px;
}
.angebotVideo:hover{
    border: 1px solid rgba(0,163,218,0.7);
    color: 1px solid rgba(0,163,218,0.7);
}

.angebotVideo::before{
    content: "w";
    font-family: "fiteria2-line";
    font-size: 24px;
    position: absolute;
    margin-left: -36px;
}


.ifrVideoLeft{
    float: left;
    margin: 0 20px 20px 0;
/*    border-radius: 24px;*/
}

.ifrVideoRight{
    float: right;
    margin: 0 0 20px 20px;
    border-radius: 24px;
}


#personaltrainingblock ul > li {
    position: relative;
    left: 20px;
}

#jcemediabox-popup-iframe, #jcemediabox-popup-img, #jcemediabox-popup-object {
    padding-top: 30px;
}


/* --------------------------- Physiotherapie --------------------------*/

#physiotitle, #sportphysiotitle  {
    padding: 60px 0 0;
}

#physiotitle h1, #sportphysiotitle h1{
    color: #00A3DA;
}

#physiotitle h1:before, #sportphysiotitle h1:before{
    color: #00A3DA;
}


/* --------------------------- Sport-Physiotherapie --------------------------*/





/* -------------------------------- Leitgedanke 1 / 2 --------------------------------*/

#lgwrapper1 {
    background-position: center 40%;
    background-size: cover;
    padding: 50px 0;
}
#lgwrapper2{
    padding: 50px 0;
    background-size: cover;
    background-position: center 35%;
}

.modLeitgedanke{
    vertical-align: middle;
    min-height: 500px;
    font-size: 40px !important;
    color: white !important;
    line-height: 48px;
    width: 50%;
}
.modLeitgedanke h2, .modLeitgedanke h3, .modLeitgedanke h4{
    color: white !important;
}

.modLeitgedanke2{
    width: 80%;
    min-height: 650px;
}






/* --------------------------- Schmerztherapie --------------------------*/

#schmerztherapietitle {
    padding: 60px 0 0;
}

#schmerztherapietitle h1{
    color: #00A3DA;
}

#schmerztherapietitle h1:before{
    color: #00A3DA;
}

/* --------------------------- Ernährung --------------------------*/

#ernaehrungtitle {
    padding: 60px 0 0;
}

#ernaehrungtitle h1{
    color: #00A3DA;
}

#ernaehrungtitle h1:before{
    color: #00A3DA;
}
#ernaehrung{
    padding-bottom: 60px;
}


/* --------------------------- Massage --------------------------*/

#massagetitle {
    padding: 60px 0 0;
}


#massagetitle h1:before{
    color: #00A3DA;
}


/* --------------------------- Osteopathie --------------------------*/

#osteopathietitle {
    padding: 60px 0 0;
}


#osteopathietitle h1:before{
    color: #00A3DA;
}



/* ============================ NEWS ============================ */

#news > h2{
    margin-bottom: 10px;
}

/* ============================ TRAINING ============================ */

/* -------------------------------- Sensopro --------------------------------*/


/* -------------------------------- Group Fitness --------------------------------*/

#seniorenfit h1:before, #outdoor h1:before, #seniorenfit h1, #outdoor h1{
    color: #00A3DA;
}
#groupfitness{
    padding-bottom: 60px;
}

/* ============================ KONTAKT ============================ */

/* -------------------------------- Kontakt --------------------------------*/



#kontakttitle {
    padding: 0;
}

#kontakttitle h1{
    margin-bottom: 60px;
    color: #00A3DA;
}

#kontakttitle h1:before{
    color: #00A3DA;
}

#kontakt{
    padding-bottom: 60px;
}




/* -------------------------------- Kontaktinformationen --------------------------------*/

.contactInfo {
    margin: 10px 0 30px;
}

#kontakt .contactInfo > h3{
    color: #fff;
    background: #005D80;
    margin: 0 auto;
    width: 240px;
    padding: 5px;
    display: block;
    font-size: 24px;
    line-height: 30px;
}

#kontakt .contactInfo > p{
    color: #fff;
    background: #00A3DA;
    margin: 0 auto 15px;
    width: 240px;
    padding: 5px;
    display: block;
    font-size: 24px;
    line-height: 30px;
}
#kontakt .contactInfo > p > a, #kontakt .contactInfo > p > a:hover{
    color: #fff;
}


.anfrageFormButton {
    display: block;
    width: 280px;
    box-sizing: border-box;
    text-align: center;
    margin-top: 5px;
  }

.modAnfrageFormButtons{
    margin-bottom: 30px;
}
.modAnfrageFormButtons > h3{
    margin: 5px 0 15px;
}


/* -------------------------------- Formular --------------------------------*/

.modAllgemeineAnfrage{

}

[id$=_spam_answer]{
    visibility: hidden;
    height: 0px !important;
}


textarea#message {
    width: 100% !important;
}

#kontaktformular span{
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
}
.rapid_contact .form-control {
    max-width: 100%;
}


.mod_rapid_contact_ex {
    max-width: 400px;
    margin: 0 auto;
}
.modAllgemeineAnfrage.mod_rapid_contact_ex{
    margin: 0;
}

.rapid_contact_ex.button{
    margin-top: 15px;
}
div.rapid_contact_ex input.inputbox {
    font-size: 18px;
    padding-left: 13px;
  }
div.rapid_contact_ex .inputbox, div.rapid_contact_ex .textarea {
    font-weight: 300;
}
div.rapid_contact_ex .textarea {
    padding-left: 13px;
    text-align: left;
}

.formReload{
    cursor: pointer;
}

.rpx_loading_image{
    width: 40px;
}

.rpx_field_input > .inputbox::placeholder{
    color: #00A3DA;
}

/* -------------------------------- Google Map Standort --------------------------------*/

#map h1, #map h2, #map h3, #map h4{
    color: #fff;
}

#maptitle {
    padding: 60px 0 0;
}

#maptitle h1{
    margin-bottom: 60px;
}

#maptitle h1:before{
    color: #fff;
}

#map{
    padding-bottom: 60px;
}

.modGoogleMap iframe {
    max-width: 100%;
    max-height: none;
}

/* -------------------------------- Team --------------------------------*/

#team h1, #team h2{
    color: #fff;
}

#teamtitle {
    padding:  0;
}



#teamtitle h1:before{
    color: #fff;
}

#team{
    padding-bottom: 60px;
}



.modTM{
    height: 100%;
}





#teammembers2{
    margin: 0 -15px 0 -15px;
    padding-bottom: 60px;
}

.rowTeammembers, .rowPricecards{
    height: 100%;
    display: table-row;
}

.teammemberCard{
    display: table-cell;
    padding: 15px;
    width: 50%;
    height: 100%;
}
.teammemberCardInner{
    min-height: 100%;
    background: rgba(255,255,255,.98);
    display: flex;
}
@-moz-document url-prefix() {
    .teammemberCardInner{
        display: block;
    }
}


.teammemberPic > h3{
    color: #005D80;
    height: 52px;
    display: block;
}
.teammemberPic{
    text-align: center;
    padding: 15px;
}
.teammemberDesc{
    padding: 15px 15px 15px 0;
}
.teammemberPic > h4{
    font-style: italic;
}

.teammemberPic > div > img {
    width: 100%;
}

/*
.teammemberPic > .img-intro- {
    width: 300px;
    margin: 0 auto;
    
}*/

/* -------------------------------- Spezialangebote --------------------------------*/

#spezialangebotetitle h1:before{
    color: #fff;
}
#spezialangebotetitle h1{
    color: #fff;
    padding-bottom: 0;
}

.pageSpezialangebote{
    background: #00A3DA;
}


/* -------------------------------- Footer --------------------------------*/

#footer{
    padding: 40px 0 30px;
}




#popupwrapper, #popup{
    height: 0 !important;
    overflow: hidden;
}

.custom.modLoggedin{
    position: fixed;
    left: 5px;
    top: 5px;
    display: block;
    border: 1px solid red;
    border-radius: 7px;
    padding: 3px;
    color: red;
    z-index: 9999999;
    background: rgba(255,255,255,0.95)
}



/* -------------------------------- Bilder allgemein --------------------------------*/


#physioblock img, #sportphysioblock img, #ernaehrungblock img, #massageblock img, #personaltraining img, .ifrVideoLeft, .ifrVideoRight{
    max-width: 50%;
    width: 50%;
}



/*========================================= INFO SCREEN ===========================================*/

.modInfoScreenSlideshow{
    width: 100%;
    z-index: 1000000000;
}



.infoscreen [data-modals-element="slide-before"], .infoscreen [data-modals-element="pagination-bar"], 
.infoscreen [data-modals-element="left"], .infoscreen [data-modals-element="right"], .infoscreen [data-modals-element="close-bar"]{
    display: none;
}
[data-modals-element="slide"]{
    position: absolute;
    padding: 0 !important;
}
.infoscreen [data-modals-element="main"]{
    margin: 0 !important;
}

.modInfoScreenSlideshow img{
    z-index: 10000000;
}



/* ============================== SENSOPRO ============================== */

.modSensoProStandort {
    z-index: 1000;
}

.itemid-620, .itemid-620 #dp-calendar-calendar h2{
    font-size: 30px;
}
.itemid-620.itemid-620 > #ui-datepicker-div, .itemid-620 > #ui-datepicker-div .ui-state-default{
    font-size: 24px;
}


.reservationStandorte .tck-article-title,.reservationStandorte #bannerwrapper, .reservationStandorte #bannerwrappertmp, .com_dpcalendar #bannerwrapper, .com_dpcalendar #bannerwrappertmp, .view-login #bannerwrapper, .view-login #bannerwrappertmp, .dp-free-information-text, .control-group.dp-field-catid, .dp-free-information-text, .dp-page-heading, .dp-field-end-date .dp-datepicker__button, .fc-add-button, .dp-field-description, .dp-field-schedule, .dp-field-url, .dp-field-color, joomla-alert, .dp-event__capacity{
    display: none !important;
}


.dp-button.dp-button-save2new{
    max-width: 110px;
    overflow: hidden;
    font-size: 16px;
}

.com_dpcalendar #contentwrapper{
    display: inherit;
    height: 85%;
}


#sensoproheaderwrapper{
    padding: 5px 0;
}

.modSensoProHeaderLogo{
    height: 80px;
    font-size: 26px;
}
.modSensoProHeaderLogo  h3 {
    position: relative;
    left: 65px;
    top: -80px;
    font-size: 20px;
    max-width: 80px;
}

.fiteriaSensoProLogo{
    margin-top: -2px;
}

.modSensoProHeaderMenu{
    text-align: right;
}

.modSensoProHeaderMenu  ul > li {
    display: inline-block;
    margin-left: 20px;
    margin-top: 30px;
    font-size: 22px;
}

.custom.modLoginLinkSensoPro{
    padding: 30px 10px 0;
}

.dp-calendar h2{
    font-size: 26px;
    padding: 4px 0 !important;
}
.fc-toolbar {
    text-align: right;
}

#jform_end_date_time{
    margin-left: 136px;
}

#dp-calendar-map, [id*="show_end_time"], [id*="all_day"], [id*="scheduling"], .dp-event-form-free-information-text, .dp-button.dp-button-apply, .dp-button.dp-button-save2copy, .dp-button.dp-button-save, .dp-button.dp-button-cancel, .dp-tabs__label, .dp-button.dp-button-delete {
    display: none !important;
}
#dp-event-form-message-box, #dp-calendar-loader{
    display: none !important;
}
#dp-event-form-actions-delete{
    background: #F25F49;
}
#dp-event-form-actions-apply{
    background: #45AD49;
}



#jform_start_date{
    width: 100px;
    max-width: 100px;
}

#jform_end_date{
    display: none;
}

.field-end_date > .controls::before {
    display: block;
    width: 100px;
    max-width: 100px;
    content: "_";
    color: white;
    visibility: hidden;
    float: left;
}

#dp-event-form-container-tabs{
    padding: 10px;
}


label, input, button, select, textarea {
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
}

.pika-single.is-bound {
    margin-left: 120px;
}

.com-dpcalendar-eventform .dp-info-box {
    min-height: 100px;
    display: block !important;
    margin-bottom: 0;
    padding-bottom: 0;
}



.modSensoProStandort {
    position: absolute;
    right: 296px;
    top: 22px;
}

.modSensoProStandort li{
    display: none;
}
.modSensoProStandort li.active{
    display: inherit;
}
.modSensoProStandort li.active > a, .modSensoProStandort li.active:hover > a {
    display: inherit;
    font-size: 18px;
    line-height: 20px;
    background: #00A3DA;
    color: #fff;
    padding: 4px;
}
    
/* ============================== MOBILE / RESPONSIVE ============================== */


@media screen and (max-width: 1024px) {

    ul.menu.iconsUnterrubrik {
        padding: 0 100px;
    }
    
    /* -------------------------------- Navigation --------------------------------*/
    #bannerwrapper > .inner, #team > .inner, #leitgedanke1 > .inner, #leitgedanke2 > .inner, #preise > .inner, #fotos > .inner{
        padding-left: 15px; 
        padding-right: 15px;
    }
    
    
    
    /* -------------------------------- Leitgedanke 1 --------------------------------*/
    [id^="lgwrapper"] {
        background-position: 50% 40%;
        padding: 60px 0;
    }
    [id^="lgwrapper"] > .container {
        width: 100%;
    }
    .moduletable.modLeitgedanke {
        padding-left: 20px;
    }
    .moduletable.modLeitgedanke h2, .moduletable.modLeitgedanke h3, .moduletable.modLeitgedanke h4{
        font-size: 30px;
    }
   
    
    /* -------------------------------- Footer --------------------------------*/    
  
    
}


@media screen and (max-width: 1100px) {
    #menuicons .custom h2 > a {
        border-radius: 12px;
        width: 76px;
        height: 76px;
        margin: 0 auto;
        padding: 0;
        display: block;
        line-height: 76px;
    }
    #menuicons h2 {
        font-size: 50px;
        margin-bottom: 5px;
    }
    #menuicons p {
        font-size: 22px;
    }
    
}



@media screen and (max-width: 950px) {
    #startmenu ul.menu > li > a{
        margin-left: 22px;
        font-size: 22px;
    }
  
    .quickmenurow a {
        font-size: 20px;
    }
    .quickmenurow a:after{
        margin-left: 4px;
    }
    
    #preisblocks1 > .inner, #preisblocks2 > .inner {
        display: block;
        width: 500px;
        margin: 0 auto;
    }
    
    /* --- SENSOPRO RESERVATION --- */
    #sensoproheaderwrapper, #contentwrapper{
        padding: 0 10px;
    }
    .custom.modLoginLinkSensoPro {
        position: absolute;
        top: 0;
        right: 0;
    }
    
    #jcemediabox-popup-iframe, #jcemediabox-popup-img, #jcemediabox-popup-object {
        max-width: calc(100% - 20px);
        padding-top: 30px;
    }
    
    .iconsUnterrubrik > li {
        margin: 0 0 15px;
    }
    
    .iconsUnterrubrik > li > a::before {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 64px;
/*        border-radius: 16px;*/
        margin-bottom: 3px;
    }
    .iconsUnterrubrik > li > a {
        font-size: 21px;
        line-height: 24px;
    }

    
}



@media screen and (max-width: 758px) {
    ul.menu.iconsUnterrubrik {
        padding: 0;
    }
    
    .bannerStandort > li.active {
        top: 8px;
        font-size: 24px;
    }
    
    #bannerpagetitle {
        height: auto !important;
        width: 60%;
        margin: 0 auto;
    }
    
    
    #bannerrowcolumn1 {
        padding-top: 4px;
    }
    #bannerrowcolumn3 {
        position: absolute;
        top: 8px;
    }
    #bannerrowcolumn4{
        position: absolute;
    }
    .modPageTitleBanner {
        text-align: center;
        margin: 2px auto;
    }
    .modPageTitle .breadcrumb {
        margin: 0 auto;
    }
    .modPageTitleBanner li.active.breadcrumb-item  {
        font-size: 22px;
        line-height: 30px;
    }
    
    #sensoproheader{
        position: static;
    }
    .modSensoProStandort {
        position: absolute;
        right: 10px;
        top: 8px;
    }
    
    #fullscreenimage {
        height: 100% !important;
    }
    
    .showRibbon::before {
        right: -8px;
        top: -8px;
        font-size: 13px;
        line-height: 18px;
        min-width: 18px;
    }
    
    .spaInfos.showRibbon::before {
        top: -22px;
        left: 1px;
    }
    
    .menuRubrik > li {
        display: inline-block;
        margin: 6px;
    }
    .menuRubrik > li > a {
        font-size: 24px;
        border: 1px solid #fff;    
    }
    
    .iconsUnterrubrik > li > a::before {
        width: 60px;
        height: 60px;
        line-height: 56px;
        font-size: 46px;
        padding-top: 2px;
/*        border-radius: 14px;*/
        margin-bottom: 3px;
    }
    .iconsUnterrubrik > li {
        margin: 0 -2px 24px;
    }
    
    .colorRubrik .custom.modFullscreen{
        background-position: 23% 50%;
    }
    
    .colorUnterrubrik .custom.modFullscreen{
        background-position: 53% 50%;
    }
    
    .pageKontakt .custom.modFullscreen {
        background-position: 50% 0%;
    }
    .spa-tb-2{
        width: 100%;
        display:block;
    }
    
    .spaInfos{
        padding: 0;
        margin-bottom: 45px;
    }
    #fullscreenwrapper {
        height: 100% !important;
        margin-top: -50px;
    }
    #bannerwrapper {
        height: 50px !important;
    }
    #bannerrow > .inner > .flexiblecolumn{
        height: 0;
        min-height: 0;
    }
    #bannerlogo-blue > div.inner, #bannerlogo-white > div.inner , #bannerlogo-blue-notext > div.inner {
        margin-top: 5px;
        margin-left: 0;
    }
    [id^="bannerlogo"] img {
        max-height: 40px;
        margin:0;
    }
    

    
    
    
    .istopfixed #bannerlogo-blue{
        margin-top: 5px;
    }
    
    .menu-bc > li > a {
        font-size: 24px;
        line-height: 24px;
        margin: 5px 0 0;
    }
    #breadcrumbs .nav-child{
        display: none;
    }
    
    .mobileckhambuger_togglerlabel {
        width: 30px;
        right: 0;
        position: absolute;
        top: 0;
        margin-top: -46px;
        margin-right: 8px;
    }
    
    .istopfixed #bannermenu {
        display: inherit;
        position: fixed;
        width: 100%;
        top: 51px;
        background: rgba(255,255,255,0.98);
    }
    #bannermenu > div.inner{
        height: 100%;
    }
    #bannermenu ul.menu > li > a{
        text-align: center;
        margin:10px 0;
        
    }

    #bannermenu ul.menu li li {
        display: inline-block;
        width: 40px !important;
    }
    #bannermenu ul.menu li {
        text-align: center;
    }
    #bannermenu ul.menu li ul{
        background: transparent;
    }
    
    #bannerwrapper.istopfixed #bannermenu ul.menu li li:hover a{
        background: transparent;
    }
    #bannerwrapper.istopfixed #bannermenu ul.menu li li.active a{
        font-family: "fiteria2-line";
    }
    #bannermenu > .inner > .moduletable{
        -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    }

    #bannermenu  div > .nav {
        margin-top: 0;
        padding: 50px 0;
        padding-bottom: 20px;
    }

    .istopfixed #socialmedia {
        display: none;
    }
    
    #socialmedia {
        left: 76px;
        position: absolute;
        margin-top: -4px;
        z-index: 100;
    }
    
    .istopfixed #bannermenu .item-552.parent > ul{
        display: block !important;
        margin-top: 30px !important;
    }
    
    .instagramMenuItem{
        display: inline-block;
    }


    .priceCard {
        display: block;
        width: auto;
        padding: 15px 15px 0;
        height: auto;
    }
    
    /* --- Startmenu --- */
    #startmenu > div.inner, #bannermenu > div.inner {
        height: 50px;
    }
    
    .modGoToMainmenu {
        font-size: 18px;
        line-height: 18px;
        margin-top: 11px;
    }
    .modGoToTop{
        font-size: 28px;
        line-height: 28px;
        margin-top: 11px;
    }
    .modGoToTop a {
        width: 28px;
        height: 32px;
        line-height: 24px;
        margin-top: 3px;
        margin-right: 0px;
        right: 0px;
        font-size: 32px;
    }
    .modGoToMainmenu a {
        padding: 2px 7px;
        font-size: 20px;
    }
    
    #startmenu{
        position: absolute;
        top: 0;
        width: 100%;
    }
    #startmenu > div.inner {
        margin-top: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    #startmenu > .inner  .nav{
        display:table; 
        width:100%;
        text-align: center;
        margin-top: 0;
    }
    #startmenu ul.menu li, #startmenu ul.maximenuck li {
        display:table-cell; 
        vertical-align:middle;
        width: 33.3333%;
    }
    #startmenu ul.menu > li > a{
        margin: 0 8px;
        text-align: center !important;
    }
    #startmenu ul.menu > li > a, #bannermenu ul.menu > li > a{
        font-size: 24px;
    }
    #startmenu > div  .nav{
        margin-top: 15px;
    }
    
    
    #rubriktitel {
        top: 26%;
        position: relative;
        margin-bottom: 0;
        bottom: auto;
    }
    
    .modUnterrubriktitel > div > .menu > li > a {
        font-size: 24px;
        line-height: 50px;
    }
    
    #features{
        top: 210px;
        font-size: 24px;
        bottom: auto;
    }
    .sprocket-features-desc {
        font-size: 22px;
        line-height: 28px;
    }
    
    #iconswrapper {
        top: 0;
        margin-top: -40px;
        height: 100% !important;
    }

    #menuicons .flexiblemodule {
        height: 240px !important;
        top: 46%;
    }
    
    #menuicons .custom h2 > a {
/*        border-radius: 9px;*/
        width: 50px;
        height: 50px;
        margin: 0 auto;
        padding: 0;
        display: block;
        line-height: 50px;
    }
    #menuicons h2 {
        font-size: 34px;
        margin-bottom: 5px;
    }
    #menuicons p {
        font-size: 18px;
    }
    
    .istopfixed #bannermenu .parent > ul{
        display: none !important;
    }
    .istopfixed #bannermenu .current, .istopfixed #bannermenu .current > ul {
        display: inherit !important;
    }
    
    
    
    #oeffnungszeitenblock .field-label, #oeffnungszeitenblock .field-value {
        margin: 5px 20px;
    }
    
    .rl_tabs > .tab-content > .tab-pane > h2 {
        padding: 0;
    }
    
    #preise {
        padding: 60px 60px 30px;
    }
    #preisblocks1 > .inner, #preisblocks2 > .inner {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    
    [id^="teamblock-"], #teamphoto{
        padding: 0 60px;
    }
    
    
    /* -------------------------------- Leitgedanke 1/2 --------------------------------*/
    [id^="lgwrapper"] {
        background-position: 50% 40%;
        padding: 40px 0;
    }
    .modLeitgedanke {
        padding-left: 20px;
    }
    .modLeitgedanke h2, .modLeitgedanke h3, .modLeitgedanke h4{
        font-size: 26px;
    }
    .modLeitgedanke2 {
        padding-left: 0;
        min-height: 450px;
    }
    
    
    .teammemberCard {
        display: flex;
        padding: 15px;
        height: 100%;
        margin: 0 auto;
        width: 80%;
    }
    
    .modSensoProHeaderMenu  ul > li {
        display: inline-block;
        margin: 0 10px;
        float: none;
    }
    .modSensoProHeaderMenu  ul{
        text-align: center;
    }
    
    #pricecards {
        margin: 0;
    }


    .modAnfrageFormButtons > h3, .modAllgemeineAnfrage > h3{
        text-align: center;
    }
    .modAnfrageFormButtons{
        margin-top: 20px;
    }
    .modAllgemeineAnfrage.mod_rapid_contact_ex {
        margin: 0 auto;
      }
    .anfrageFormButton {
        margin: 5px auto;
    }
    
}

@media screen and (max-width: 524px) {
    
    h1{
        font-size: 36px;
    }
    h2{
        font-size: 30px;
        margin-bottom: 20px;
    }
    h3{
        font-size: 24px;
    }
    h4{
        font-size: 18px;
    }
    .modPageTitleBanner li.active.breadcrumb-item  {
        font-size: 20px;
        line-height: 30px;
    }
    .modPageTitleBanner li.active.breadcrumb-item  > span{
        display: block;
        width: 200px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: relative;
        left: 50%;
        margin-left: -100px;
    }
    #rubriktitel {
        top: 28%;
    }
    .menuRubrik > li > a {
        font-size: 20px;
    }
    .menuRubrik > li > a {
/*        border-radius: 7px;*/
        padding: 8px;
    }
    .modGoToMainmenu a {
        padding: 2px 5px;
        font-size: 18px;
    }
    .iconsUnterrubrik > li > a {
        font-size: 19px;
        line-height: 22px;
    }

    .iconsUnterrubrik > li > a::before {
        width: 50px;
        height: 50px;
        line-height: 48px;
        font-size: 44px;
        padding: 4px;
        margin-bottom: 3px;
    }
    #menuicons .flexiblemodule {
        width: 100% !important;
        top: 44%;
    }
    .bannerStandort > li.active {
        top: 54px;
    }
    .iconsUnterrubrik > li {
        margin: 0 15px 15px;
    }
    .iconsRubrik > li > a {
        margin: 0 30px;
    }
    
    #physioblock img, #sportphysioblock img, #ernaehrungblock img, #massageblock img, #personaltraining img, .ifrVideoLeft, .ifrVideoRight{
        max-width: 100%;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    
    #personaltrainingblock ul > li {
        position: relative;
        left: 0;
    }
    .spa-sm-2{
        width: 100%;
        float:none;
    }
    
    .hideOnTabletDesktop{
        display: inherit;
    }
    
    #menuicons .flexiblemodule {
        height: 180px !important;
    }
    
    #menuicons {
        top: -2%;
    }
    
    div[id^="menuicon-"]{
        position: relative;
        top: 55%;
    }
    
    #oeffnungszeitenblock .field-label, #oeffnungszeitenblock .field-value {
        margin: 5px 10px;
        width: 40%;
    }
    
    .fotosModalLink > img {
        max-width: 110px;
/*        border-radius: 18px;*/
    }
    
    #rl_modals_next, #rl_modals_previous{
        display: none !important;
    }
    #rl_modals_current{
        right: 10px;
        font-size: 14px;
        top: 34px;
    }
    .fotosModalWindow #rl_modals_loaded_content{
        padding: 0;
    }
    .fotosModalWindow #rl_modals_title{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    

    .fotosModalWindow #rl_modals_close:before{
        font-size: 18px;
        line-height: 18px;
    }
    
    #rl_modals_close:before{
        font-size: 24px;
        line-height: 24px;
    }
    #rl_modals_title{
        font-size: 18px;
    }
    
    #rl_modals_content h1, {
        font-size: 24px;
    }
    
    #rl_modals_content{
/*        border-radius: 15px;*/
        padding: 0px;
    }
    #rl_modals_title{
        padding: 12px 66px 12px 15px;
    }
    #rl_modals_close{
        margin: 6px 4px 0 0;
    }
    #rl_modals_close::before {
        font-size: 18px;
        line-height: 24px;
    }
    #rl_modals_content .item-page, #rl_modals_content .system-message-container{
        padding: 0;
    }
    
    #preise {
        padding: 60px 0 30px;
    }
    
    [id^="teamblock-"], #teamphoto{
        padding: 0 30px;
    }

    
    
    .teammemberPic > div > img {
        max-width: 260px;
    }
    
    .teammemberDesc{
        padding: 0 15px 15px 15px;
    }



    [id^="lgwrapper"] {
        padding: 20px 0;
    }
    .modLeitgedanke {
        padding-left: 0;
        min-height: 300px;
    }
    .modLeitgedanke2 {
        min-height: 350px;
    }
    .modLeitgedanke h2, .modLeitgedanke h3, .modLeitgedanke h4{
        font-size: 20px;
    }

    #jcemediabox-popup-iframe{
        width: 280px;
        height: 160px;
        left: 50%;
        position: relative;
        margin-left: -140px;
    }
    #jcemediabox-popup-content {
        padding: 0;
        width: 800px;
        height: 600px;
    }
    
    
    .priceCard {
        padding: 15px 0 0;

    }
    .custom.modPreis h2 {
        font-size: 24px;
    }

    

    
}



@media screen and (max-width: 400px) {
    body{
        font-size: 16px;
    }
    [id^="teamblock-"], #teamphoto{
        padding: 15px 15px;
    }
    .teammemberPic > div > img {
        max-width: 200px;
    }
    .view-form #ui-datepicker-div{
        top: 425px ! important;
    }
    #dp-calendar-calendar h2 {
        font-size: 22px;
    }
    .iconsUnterrubrik > li {
        margin: 0 0 15px;
    }

    #rubriktitel {
        top: 25%;
    }
    #menuicons .flexiblemodule {
        top: 42%;
    }
    .modPageTitleBanner li.active.breadcrumb-item  > span{
        width: 140px;
        margin-left: -70px;
    }
    .bannerStandort > li.active {
        top: 44px;
    }
    .teammemberCard {
        width: auto;
    }
    .iconsUnterrubrik > li > a {
        width: 152px;
    }
    #oeffnungszeitenblock .field-label, #oeffnungszeitenblock .field-value {
        font-size: 20px;
        line-height: 20px;
    }
/*
    #socialmedia {
        right: 0;
        left: inherit;
    }
*/
}

@media screen and (max-height: 540px) {
    #rubriktitel {
        bottom: 16%;
    }
    div[id^="menuicon-"]{
        position: relative;
        top: 76%;
    }
    
    /*#features{
        bottom: 20px;
        top: auto;
        margin-bottom: 0;
    }*/
    
}

@media screen and (min-width: 1200px) {

    /* -------------------------------- Leitgedanke 1/2 --------------------------------*/

    .moduletable.modLeitgedanke2 {
        min-height: 850px;
    }

}