@charset "utf-8";
/* Predefine */
html,body {
width:100%;
height:100%;
font-family: 'source_sans_proregular';
text-rendering: optimizeLegibility;/* kerning, primarot-sign-img*/
}
html {
background: #FFFFFF url("../images/hintergrund-osthepathie-radebeul.jpg") no-repeat center center fixed;
background-size: cover;
}
body {
font-size:16px;
line-height:25px;
color:#0A0A0A;
}
/* Heading */
h2,h3,h4,h6 {
font-family: 'georgia';
font-size: 100%;
font-weight: inherit;
margin:0px;
}
h2 {
font-size:4.5vw;
line-height:5.5vw;
letter-spacing:-1px;
}
h1 {
font-family: 'uni_sans_light';
font-size: 2.5vw;
font-weight: inherit;
line-height:3.3vw;
margin:0px;
}
h5 {
font-family: 'source_sans_prosemibold';
font-weight:250;
font-size:16px;
line-height:24px;
}
/* Link */
.uk-link, a {
color:#444;
}
.uk-link:hover, a:hover {
color:#444;
text-decoration:underline !important;
}
.uk-link:active, a:active {
color:#444;
}
.uk-link:visited, a:visited {
color:#444;
}
/* Typography */
.ot-white-font, .ot-white-font p, .ot-white-font div, .ot-white-font h1, .ot-white-font h2, .ot-white-font h3, .ot-white-font h4, .ot-white-font h5, .ot-white-font h6, .ot-white-font a {
color:#fff !important;
}
.uk-text-small {
font-size:14px !important;
line-height:22px !important;
}
.ot-kontakt-header-box-line-height {
line-height:24px;
}
/* Navigation */
.ot-navigation {
z-index:200;
position:relative;
}
.uk-navbar-nav>li>a[href='#'] {
cursor:pointer;
}
.uk-navbar {
background: none;
color:#313131;
padding-left: 16px;
padding-top: 6px;
padding-bottom: 6px;
letter-spacing: 0.3px;
}
.uk-navbar-nav>li>a {
color:#313131;
padding: 0px;
font-size:15px;
font-style:normal;
font-weight:normal;
}
.uk-navbar-nav>li.uk-open>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus {
background:none;
color:#313131;
text-decoration:none !important;
}
.uk-navbar-nav>li.uk-open>a>span, .uk-navbar-nav>li:hover>a>span, .uk-navbar-nav>li>a:focus>span {
background:none;
color:#313131;
text-decoration:underline !important;
}
.uk-navbar-nav>li>a:after {
content:"|";
padding:0 5px;
}
.uk-navbar-nav>li:last-child>a:after {
content:"";
padding:0 5px;
}
.uk-offcanvas-bar h1 {
padding-left:15px;
}
.uk-navbar-toggle:after {
content: "" !important;
background: url("../images/icon-menue-mobil.png") no-repeat center center;
width:50px;
height:50px;
font-family: FontAwesome;
vertical-align: middle;
display:block;
}
.uk-navbar-brand:before, .uk-navbar-content:before, .uk-navbar-toggle:before {
height:auto;
display:block;
}
.uk-navbar-toggle {
padding:0px;
}
/* Sticky Navigation */
.ot-sticky-navigation .uk-navbar-nav>li>a[href='#'] {
cursor:pointer;
}
.ot-sticky-navigation .uk-navbar {
background: none;
color:#fff;
padding-left: 16px;
padding-top: 27px;
padding-bottom: 6px;
letter-spacing: 0.3px;
opacity:0.75;
}
.ot-sticky-navigation .uk-navbar-nav>li>a {
color:#fff;
padding: 0px;
font-size:15px;
font-style:normal;
font-weight:normal;
}
.ot-sticky-navigation .uk-navbar-nav>li.uk-open>a, .ot-sticky-navigation .uk-navbar-nav>li:hover>a, .ot-sticky-navigation .uk-navbar-nav>li>a:focus {
background:none;
color:#fff;
text-decoration:none !important;
}
.ot-sticky-navigation .uk-navbar-nav>li.uk-open>a>span, .ot-sticky-navigation .uk-navbar-nav>li:hover>a>span, .ot-sticky-navigation .uk-navbar-nav>li>a:focus>span {
background:none;
color:#fff;
text-decoration:underline !important;
}
.ot-sticky-navigation .uk-navbar-nav>li>a:after {
content:"|";
padding:0 5px;
}
.ot-sticky-navigation .uk-navbar-nav>li:last-child>a:after {
content:"";
padding:0 5px;
}
.ot-sticky-navigation {
background-color: rgba(0,0,0,0.75);
height:97px;
z-index:100;
position:absolute;
opacity:0;
}
/* Header */
.ot-sticky-header-logo {
margin-top:12px;
}
.ot-sticky-header-logo h1 {
color:#fff;
font-size:20px;
line-height:25px;
opacity:0.75;
}
.ot-header-box-1 {
position:absolute;
margin-left:15px;
margin-top:2vw;
}
.ot-header-box-2 {
position:absolute;
margin-left:15px;
margin-top:1.2vw;
z-index:1;
}
.ot-header-box-3 {
position:absolute;
width: 97.1%;
display: block;
text-align: right;
margin-top: -29.8vw;
}
.ot-header-box-4 {
padding: 3vw;
padding-top: 21.5vw;
padding-bottom: 19px;
padding-left: 15px;
line-height:24px;
z-index:1;
position:relative;
}
.ot-header-box-4 .uk-width-medium-7-10 .uk-panel-box {
padding-right:10px !important;
}
.ot-header-box-5 {
padding: 3vw;
padding-top: 13.5vw;
padding-bottom: 1.8vw;
padding-left: 15px;
}
.ot-header-box-5 .ot-white-font {
line-height:24px;
}
.ot-header-2 {
margin-top:-22.2vw;
line-height: 23px;
}
.ot-header-3 {
margin-top:-29.9vw;
line-height: 23px;
}
.ot-header-4 {
margin-top:-16.0vw;
line-height: 23px;
padding-bottom: 1.4vw;
}
.ot-header-5 {
margin-top: -21.8vw;
line-height: 23px;
padding-bottom: 2.1vw;
}
/* Footer */
footer {
font-size:12px;
}
.ot-footer-link {
margin:0px;
padding:0px;
margin-top:-6px;
}
.ot-footer-map {
margin-bottom:-8px;
}
.tm-totop-scroller > a {
display: block;
}
.tm-totop-scroller > a, .tm-totop-scroller-fixed > a {
width: 99px;
height: 49px;
background: url('../images/icon-nach-oben.png') 0 0 no-repeat;
}
.tm-totop-scroller-mobile > .tm-totop-scroller > a, .tm-totop-scroller-mobile > .tm-totop-scroller-fixed > a {
width: 50px;
height: 50px;
background: url('../images/totop_scroller.svg') 0 0 no-repeat;
}
.ot-totop-opacity {
opacity:0;
z-index:8000;
top:80% !important;
position:absolute;
}
.ot-totop-margin-left{
margin-right:-99px;
}
/* Link */
a:hover {
text-decoration:none;
}
.ot-read-more {
color: #B4B4B4 !important;
background:url(../images/rollover-none-osteopathie-radebeul.png) no-repeat;
padding-top:15px;
padding-bottom:15px;
padding-left:63px;
margin-top:28px;
line-height:20px;
display:block;
font-size:14px;
font-weight:400;
}
.ot-read-more:hover {
color: #737373 !important;
background:url(../images/rollover-over-osteopathie-radebeul.png) no-repeat;
text-decoration:none !important;
}
.ot-gray-color a, .ot-gray-color a:link, .ot-gray-color a:hover, .ot-gray-color a:visited, .ot-gray-color a:active {
color:#fff;
}
.ot-gray-color a:hover {
text-decoration:underline;
}
.uk-nav-offcanvas li a.uk-active {
background: #404040;
color:#fff;
}
/* Image */
.ot-dash-border img {
width:100%;
}
.ot-header-box-3 img {
width:50vw;
}
.ot-sign-img {
margin-bottom: -0.4vw;
margin-top: -0.3vw;
}
.ot-sidebar-osteopathie img {
margin-top:6px !important;
margin-bottom:9px !important;
width:100% !important;
}
.ot-osteopathie-sidebar-content {
line-height:22px;
}
.ot-osteopathie-sidebar-url {
margin-top:8px;
}
/* Container */
.uk-container {
padding: 0 10px;
}
.uk-grid>* {
padding-left:10px;
}
.uk-grid {
margin-left:-10px;
}
.ot-middle {
background:url(../images/hintergrund2-osteopathie-radebeul.jpg) no-repeat left top;
padding:2.6vw;
padding-top:5.3vw;
padding-bottom:5.1vw;
}
.ot-middle-1 {
padding:2.2vw;
padding-top:1.5vw;
padding-bottom: 0.5vw;
}
.ot-perta-top {
padding-top: 19.8vw;
}
.ot-gray-color {
background-color:#534741;
}
/* Article */
.uk-article {
margin-bottom:43px;
line-height: 24px;
padding-left: 3px;
}
.ot-osteopathie-page .uk-article {
margin-bottom:46px;
line-height: 24px;
padding-left: 3px;
}
.ot-kontakt-page .ot-middle .uk-article h3.uk-article-title {
padding-right:10px;
}
h3.uk-article-title, h2.uk-article-title {
font-family: 'georgia';
color:#0A0A0A;
font-size:32px;
margin-bottom: 6px !important;
line-height: 45px;
margin-top:4px;
}
h3.ot-petra-article-title, h2.ot-petra-article-title {
margin-top:31px;
margin-bottom:-8px;
}
h5.uk-article-title {
font-family: 'georgia';
color:#0A0A0A;
font-size:28px;
margin-bottom: 3px !important;
line-height: 45px;
margin-top:4px;
letter-spacing:0;
}
h5.ot-footer-title, h3.ot-footer-title {
font-family: 'georgia';
color:#0A0A0A;
font-size:24px;
margin-bottom: 3px !important;
line-height: 0px;
margin-top: 39px;
letter-spacing: 0;
margin-bottom: 21px !important;
}
ol {
margin-left:-10px;
}
ol li span {
display:block;
margin-left:-7px;
position:relative;
}
ol li ul li span {
display:block;
margin-left:-6px;
position:relative;
}
ol li ul {
margin-left:-19px;
/*list-style-image:url(../images/ul-dash-line.png);*/
list-style:disc;
list-style-position:outside;
}
/* Sidebar */
.ot-sidebar-osteopathie {
padding-top:29px;
}
/* Panel */
.uk-panel-box {
background:none;
padding:10px;
}
.ot-middle .uk-panel-box {
background:none;
padding:5px;
line-height:24px;
}
.uk-panel-box-primary {
background-color:#fff;
padding:15px;
color:#0A0A0A;
}
.uk-panel-title {
background:url(../images/linie_726_1-crop-u2265.png) bottom repeat-x;
padding-bottom:22px;
}
.uk-panel-title h4,
.uk-panel-title h2 {
font-family: 'georgia';
color:#0A0A0A;
font-size:22px;
line-height: 29px;
}
/* h4 soll aussehen wie das bisherige h5 im Footer-Block */
.ot-middle-1 .uk-panel-box.ot-no-dash .uk-panel-title h4.h5-look{
font-family: 'source_sans_prosemibold';
font-weight: 250;
font-size: 16px;
line-height: 24px;
margin: 0;
padding: 0;
}
.ot-middle-1 .uk-panel-title h5 {
padding:0px;
margin:0px;
}
.ot-middle-1 .uk-panel {
margin-top:6px;
}
.ot-middle-1 .uk-width-medium-1-3:last-child {
padding-bottom:5px;
}
.ot-no-dash .uk-panel-title {
background:none;
padding-bottom:0px;
margin-bottom:0px;
}
.ot-sub-panel {
margin-top:5px;
}
/* Form */
.ot-field {
background-color:#fff;
border:0px solid #fff !important;
width:100%;
}
.ot-button {
background-color:#fff;
border:0px solid #fff !important;
padding-left:12px;
padding-right:12px;
padding-top:4px;
padding-bottom:4px;
color:#42410B;
font-size:14px;
font-size: 13px !important;
z-index:3;
position:relative;
}
.ot-button:hover {
background-color:#c8c8c8;
color:#41410c;
}
.ot-kontakt-page .ot-button {
margin-top:2px;
}
input::placeholder {
color:#42410B;
}
.ot-kontakt-form-padding {
padding-left:13px;
margin-top:27px;
}
.ot-kontakt-field-padding {
margin-bottom:10px !important;
}
.ok-kontakt-textarea {
height:119px !important;
}
.ot-kontakt-form-title {
margin-bottom:14px !important;
font-family:"source_sans_prosemibold" !important;
font-weight:250;
font-size:16px;
line-height:24px;
}
.required::-webkit-input-placeholder {
color: red !important;
}
.required:-moz-placeholder { /* Firefox 18- */
color: red !important;
}
.required::-moz-placeholder { /* Firefox 19+ */
color: red !important;
}
.required:-ms-input-placeholder {
color: red !important;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color:#fff !important;
}
/* Margin */
.uk-margin-large-top {
margin-top:35px !important;
}
.ot-header-margin-top {
margin-top:-49px;
}
/* Custom */
.ot-orange-background {
background-color:#ffb500;
}
.ot-gray-background {
background-color:#8F7D7D;
}
.ot-dash-border {
background:url(../images/linie_726_1-crop-u2265.png) bottom repeat-x;
display:block;
width:100%;
padding-bottom:17px;
margin-bottom:21px !important;
}
.ot-bold {
font-family: 'source_sans_prosemibold';
font-weight:250;
font-size:16px;
line-height:24px;
}
.ot-ul-padding {
padding-left:15px;
margin-top: 7px;
}
.ot-petra-page .ot-ul-padding {
padding-left:16px;
margin-top: 7px;
}
.ot-ul-padding li {
padding-bottom:4px;
}
.ot-ul-padding li:last-child {
margin-bottom:3px;
}
.ot-kontakt-ul-padding {
padding-left: 17px;
margin-top: 3px;
margin-bottom: 0px;
}
.ot-kontakt-middle-space {
margin-top: 24px;
margin-bottom: 25px;
}
.ot-kontakt-middle-space-2 {
margin-top: 21px;
margin-left:17px;
}
.ot-petra-margin-top {
margin-top:-25px;
}
.ot-kontakt-img {
padding-left:5px;
}
.ot-kontakt-img-1 {
padding-left:0px;
}
.ot-kontakt-content-img {
margin-top: 14px;
margin-bottom: 50px;
}
.ot-kontact-address-box {
margin-top: -24px;
margin-bottom: 47px;
}
#ot-loading {
position:absolute;
width:95%;
text-align:center;
padding-top:100px;
padding-bottom: 100px;
background-color: rgba(255, 255, 255, 0.8);
}
/* Footer */
footer {
line-height:14px;
padding-bottom:27px !important;
}
/* MEDIA QUERY */
/* Extra Small Size */
@media (max-width: 768px) {
/* Typography */
h2 {
font-size:6.5vw;
line-height:7.5vw;
letter-spacing:-1px;
}
h1 {
font-family: 'uni_sans_light';
font-size:4.2vw;
font-weight: inherit;
line-height:5.7vw;
margin:0px;
font-weight: 900;
}
h3.ot-petra-article-title {
margin-top:16px;
}
/* Header */
.ot-header-min-height {
min-height:29.3vw !important;
}
.ot-home .ot-header-box-4 {
padding-bottom:4px;
}
.ot-impressum-page .ot-header-box-4 {
padding-bottom:10px;
}
.ot-header-box-4 {
padding-bottom:22px;
}
.ot-header-box-2 .uk-panel-box {
padding:0px;
padding-left:0px;
padding-top:10px;
}
.ot-header-box-3 .uk-panel-box {
padding-left:0px;
}
.ot-header-box-4 .uk-panel-box {
padding-left:0px;
}
.ot-header-box-5 .uk-panel-box {
padding-left:0px;
padding-bottom:19px;
}
/* Navigation */
.uk-offcanvas-bar h1 {
font-size:30px !important;
margin-top:15px;
}
.uk-nav-offcanvas{
margin-bottom:30px;
}
/* Sidebar */
.ot-sidebar{
padding-top:30px;
}
.ot-osteopathie-page .ot-sidebar{
padding-top:56px;
}
.ot-perta-sidebar-content-2 {
padding-bottom:18px;
}
.ot-osteopathie-sidebar-url {
padding-bottom:21px;
}
/* Article */
.uk-article {
margin-top: 10px;
margin-bottom: 0px;
line-height: 24px;
padding-left: 3px;
}
/* Middle */
.ot-home .ot-middle {
padding-top:21px;
padding-bottom:41px;
}
.ot-petra-page .ot-middle {
padding-top:41px;
}
.ot-osteopathie-page .ot-middle {
padding-top:9px;
}
.ot-kontakt-page .ot-middle {
padding-top:9px;
}
.ot-impressum-page .ot-middle {
padding-top:16px;
padding-bottom:46px;
}
/* Form */
.ot-button {
margin-top:10px;
}
.uk-form input:not([type=radio]):not([type=checkbox]), .uk-form select, .uk-form textarea {
/*border:1px solid #444447 !important;*/
background-color:#8F7D7D;
color:#fff;
}
.uk-form input:not([type]):focus, .uk-form input[type=text]:focus, .uk-form input[type=password]:focus, .uk-form input[type=email]:focus, .uk-form input[type=url]:focus, .uk-form input[type=search]:focus, .uk-form input[type=tel]:focus, .uk-form input[type=number]:focus, .uk-form input[type=datetime]:focus, .uk-form input[type=datetime-local]:focus, .uk-form input[type=date]:focus, .uk-form input[type=month]:focus, .uk-form input[type=time]:focus, .uk-form input[type=week]:focus, .uk-form input[type=color]:focus, .uk-form select:focus, .uk-form textarea:focus {
background-color:#8F7D7D;
color:#fff;
}
.submitted input:invalid { background-color:red !important; color:#fff !important; }
.submitted input:valid { background-color:#8F7D7D !important; color:#fff !important; }
::-webkit-input-placeholder {
color: white !important;
}
:-moz-placeholder { /* Firefox 18- */
color: white !important;
}
::-moz-placeholder { /* Firefox 19+ */
color: white !important;
}
:-ms-input-placeholder {
color: white !important;
}
input:invalid::-webkit-input-placeholder {
color: white !important;
}
input:invalid:-moz-placeholder { /* Firefox 18- */
color: white !important;
}
input:invalid::-moz-placeholder { /* Firefox 19+ */
color: white !important;
}
input:invalid:-ms-input-placeholder {
color: white !important;
}
.ot-kontakt-form-padding {
padding-left:0px;
padding-bottom:25px;
}
.ot-recaptcha-wrap {
width:100%;
overflow:auto;
}
.ot-kontact-address-box .uk-width-medium-1-2:last-child {
margin-top:-27px;
}
/* Footer */
.ot-middle-1 {
margin-top:30px;
}
/* Custom */
.ot-read-more {
margin-bottom:16px;
}
.ot-totop-margin-left {
margin-right:0px;
}
}
/* Small Size */
@media (min-width: 768px) and (max-width: 992px) {
/* Heading */
h1 {
font-size: 32px;
font-weight: 900;
letter-spacing: 0px;
line-height: 44px;
}
h2 {
font-size: 62px;
line-height: 76px;
letter-spacing: -1px;
}
/* Navigation */
.uk-active span {
text-decoration:underline !important;
}
/* Header */
.ot-header-box-2 .uk-panel-box {
padding:0px;
padding-left:5px;
padding-top:10px;
}
.ot-header-box-2 {
position: absolute;
margin-top: 16px;
z-index: 1;
}
.ot-header-box-4 {
padding: 3vw;
padding-top: 184px;
padding-bottom: 1.3vw;
padding-left: 3vw;
line-height:24px;
z-index:1;
position:relative;
}
.ot-header-box-4 .uk-panel {
padding-left:0px;
padding-right:0px;
}
.ot-header-box-5 {
padding:113px 30px 27px 11px;
}
/* Middle */
.ot-petra-page .ot-middle {
padding-bottom: 70px !important;
}
.ot-osteopathie-page .ot-middle {
margin-bottom: 28px !important;
padding-left: 37px;
padding-right: 37px;
padding-top: 70px;
}
.ot-kontakt-page .ot-middle {
padding-top: 69px;
padding-left:37px;
margin-bottom:0px !important;
}
.ot-impressum-page .ot-middle {
padding-top: 70px;
padding-left:37px;
margin-bottom:34px !important;
}
/* Form */
#captcha_container {
transform:scale(0.61);
-webkit-transform:scale(0.61);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
/* Sidebar */
.ot-sidebar{
padding-top:30px;
}
.ot-perta-sidebar-content-2 {
padding-bottom:50px;
}
/* Custome */
.ot-totop-margin-left {
margin-right:0px;
}
.ot-kontakt-img-1 {
width:38px;
}
}
/* Medium Size */
@media (min-width: 992px) and (max-width: 1024px) {
/* Heading */
h1 {
font-size: 32px;
font-weight: 900;
letter-spacing: 0px;
line-height: 44px;
}
h2 {
font-size: 62px;
line-height: 76px;
letter-spacing: -1px;
}
/* Navigation */
.uk-active span {
text-decoration:underline !important;
}
/* Header */
.ot-header-2 {
margin-top:-304px;
}
.ot-header-3 {
margin-top:-408px;
margin-bottom:-2px;
line-height: 23px;
}
.ot-header-4 {
margin-top:-218px;
line-height: 23px;
padding-bottom: 19px;
}
.ot-header-5 {
margin-top:-298px;
line-height: 23px;
padding-bottom: 29px;
}
.ot-header-box-1 {
margin-left: 41px;
margin-top: 28px;
}
.ot-header-box-2 {
margin-left: 30px;
margin-top: 17px;
}
.ot-header-box-3 img {
width:687px;
}
.ot-header-box-3 {
margin-top: -408px;
}
.ot-header-box-4 {
padding: 3vw;
padding-top: 184px;
padding-bottom: 4px;
padding-left: 40px;
line-height:24px;
}
.ot-header-box-2 {
position: absolute;
margin-left: 30px;
margin-top: 16px;
z-index: 1;
}
.ot-header-box-4 .uk-panel {
padding-left:0px;
padding-right:0px;
}
.ot-osteopathie-header .ot-header-box-4 {
padding: 3vw;
padding-top: 182px;
padding-bottom: 18px;
padding-left: 40px;
line-height:24px;
}
.ot-impressum-page .ot-header-box-4 {
padding: 3vw;
padding-top: 184px;
padding-bottom: 0px;
padding-left: 40px;
line-height:24px;
margin-bottom:-1px;
}
.ot-header-box-5 {
padding:113px 30px 27px 30px;
}
.ot-sign-img {
margin-bottom: -9px;
margin-top: -4px;
}
.ot-header-second-row-text {
margin-top:-3px;
}
.ot-osteopathie-header-second-row-text {
margin-top:-5px;
}
.ot-impressum-header-second-row-text {
margin-top:-5px;
}
/* Middle */
.ot-middle {
padding:34px;
padding-top: 73px;
}
.ot-home .ot-middle {
padding-bottom: 81px !important;
}
.ot-petra-page .ot-middle {
padding-bottom: 76px !important;
}
.ot-osteopathie-page .ot-middle {
margin-bottom: 13px !important;
padding-left: 37px;
padding-right: 37px;
padding-top: 70px;
padding-bottom: 69px;
}
.ot-kontakt-page .ot-middle {
padding-top: 69px;
padding-left:37px;
margin-bottom:3px !important;
padding-bottom:70px !important;
}
.ot-impressum-page .ot-middle {
padding-top: 70px;
padding-left:37px;
margin-bottom:10px !important;
padding-bottom:70px !important;
}
.ot-middle-1 {
padding: 30px;
padding-top: 21px;
padding-bottom: 9px;
}
.ot-perta-top {
padding-top: 106px;
}
/* Article */
.ot-middle .uk-panel {
padding-right:20px;
}
/* Sidebar */
.ot-sidebar .uk-panel {
background: url(../images/linie_726_1-ver-crop-u2448.png) left top repeat-y;
padding-left:20px;
padding-top:0px;
}
.ot-petra-page .ot-sidebar {
margin-top:-2px;
}
.ot-perta-sidebar-content {
margin-bottom: 8px;
margin-top: -1px;
}
.ot-perta-sidebar-content-2 {
padding-bottom:50px;
}
/* Form */
#captcha_container {
transform:scale(0.72);
-webkit-transform:scale(0.72);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
/* Custom */
.ot-impressum-page .ot-middle .uk-article p {
line-height: 21px;
margin-bottom: 21px;
margin-top: 6px;
}
.ot-totop-margin-left {
margin-right:0px;
}
.ot-kontakt-img-1 {
width:38px;
}
}
/* Large Size */
@media (min-width: 1024px) {
/* Heading */
h1 {
font-size: 32px;
font-weight: 900;
letter-spacing: 0px;
line-height: 43px;
}
h2 {
font-size: 61px;
line-height: 76px;
letter-spacing: -0.5px;
}
.ot-header-box-1 h1:first-child {
font-size: 32px;
font-weight: 900;
letter-spacing: 0px;
line-height: 43px;
margin-bottom:0px;
}
/* Navigation */
.uk-active > span {
text-decoration:underline !important;
}
/* Container */
.uk-container {
max-width:1120px;
}
/* Header */
.ot-header-2 {
margin-top:-304px;
}
.ot-header-3 {
margin-top:-408px;
margin-bottom:-2px;
line-height: 23px;
}
.ot-header-4 {
margin-top:-218px;
line-height: 23px;
padding-bottom: 19px;
}
.ot-header-5 {
margin-top:-298px;
line-height: 23px;
padding-bottom: 27px;
}
.ot-header-box-1 {
margin-left: 41px;
margin-top: 28px;
}
.ot-header-box-3 img {
width:687px;
}
.ot-header-box-3 {
margin-top: -408px;
}
.ot-header-box-4 {
padding: 3vw;
padding-top: 184px;
padding-bottom: 4px;
padding-left: 40px;
line-height:24px;
}
.ot-header-box-4 .uk-panel {
padding-left:0px;
padding-right:0px;
}
.ot-header-box-2 {
position: absolute;
margin-left: 30px;
margin-top: 16px;
z-index: 1;
}
.ot-osteopathie-header .ot-header-box-4 {
padding: 3vw;
padding-top: 182px;
padding-bottom: 18px;
padding-left: 40px;
line-height:24px;
}
.ot-impressum-page .ot-header-box-4 {
padding: 3vw;
padding-top: 184px;
padding-bottom: 0px;
padding-left: 40px;
line-height:24px;
margin-bottom:-1px;
}
.ot-header-box-5 {
padding:113px 30px 20px 30px;
}
.ot-sign-img {
margin-bottom: -7px;
margin-top: -4px;
}
.ot-header-second-row-text {
margin-top:-3px;
}
.ot-osteopathie-header-second-row-text {
margin-top:-5px;
}
.ot-impressum-header-second-row-text {
margin-top:-5px;
}
/* Middle */
.ot-middle {
padding-top: 73px;
margin-bottom:-1px !important;
}
.ot-home .ot-middle {
padding-bottom: 81px !important;
}
.ot-petra-page .ot-middle {
padding-bottom: 76px !important;
}
.ot-osteopathie-page .ot-middle {
margin-bottom: 13px !important;
padding-left: 37px;
padding-right: 37px;
padding-top: 70px;
padding-bottom: 69px;
}
.ot-kontakt-page .ot-middle {
padding-top: 69px;
padding-left:37px;
margin-bottom:3px !important;
padding-bottom:70px !important;
}
.ot-impressum-page .ot-middle {
padding-top: 70px;
padding-left:37px;
margin-bottom:10px !important;
padding-bottom:70px !important;
}
.ot-middle-1 {
padding: 30px;
padding-top: 21px;
padding-bottom: 9px;
}
.ot-perta-top {
padding-top: 106px;
}
/* Article */
.ot-middle .uk-panel {
padding-right:3px;
}
/* Sidebar */
.ot-sidebar .uk-panel {
background: url(../images/linie_726_1-ver-crop-u2448.png) left top repeat-y;
padding-left:20px;
}
.ot-petra-page .ot-sidebar {
margin-top:-2px;
}
.ot-perta-sidebar-content {
margin-bottom: 8px;
margin-top: -1px;
}
.ot-perta-sidebar-content-2 {
padding-bottom:50px;
}
/* Form */
#captcha_container {
transform:scale(0.92);
-webkit-transform:scale(0.92);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
/* Custom */
.ot-impressum-page .ot-middle .uk-article p {
line-height: 21px;
margin-bottom: 21px;
margin-top: 6px;
}
.datenschutz-container h1, .datenschutz-container h2, .datenschutz-container h3, .datenschutz-container h4 {
font-family: 'source_sans_proregular';
font-size:14px;
}
.ot-kontakt-img-1 {
width:38px;
}
}
/* To Top Scroll */
/* Large Size */
@media (min-width: 1024px) and (max-width: 1320px) {
/* Custom */
.ot-totop-margin-left {
margin-right:0px;
}
}
/* Firefox CSS Hack */
@media screen and (-moz-images-in-menus:0) {
/* Article */
ol li span {
margin-left:-1px;
}
ol li ul li span {
margin-left:-4px;
}
ol li ul {
margin-left:-14px;
}
.hero-title {
font-family: "Roboto", Arial, sans-serif;
font-size: 36px;
font-weight: 400;
line-height: 1.2;
letter-spacing: 0;
color: #333;
text-align: center;
margin: 0;
padding: 0;
text-transform: none;
}
/* Tablet */
@media (max-width: 1024px) {
.hero-title {
font-size: 30px;
line-height: 1.2;
}
}
/* Smartphone quer */
@media (max-width: 768px) {
.hero-title {
font-size: 26px;
line-height: 1.2;
}
}
/* Smartphone hochkant */
@media (max-width: 480px) {
}
.hero-title {
font-size: 22px;
line-height: 1.2;
}
}
#site-claim { margin: 0; padding: 0; }
#site-claim > span { display: block; }
/* Claim als echtes H1, Optik wie vorherige H2 */
#site-claim {
font-family: 'georgia';
font-size: 4.5vw;
line-height: 5.5vw;
letter-spacing: -1px;
margin: 0;
padding: 0;
}
#site-claim > span {
display: block;
}
/* XS ≤768px */
@media (max-width: 768px) {
#site-claim {
font-size: 6.5vw;
line-height: 7.5vw;
letter-spacing: -1px;
}
}
/* Small 768–992px */
@media (min-width: 768px) and (max-width: 992px) {
#site-claim {
font-size: 62px;
line-height: 76px;
letter-spacing: -1px;
}
}
/* Medium 992–1024px */
@media (min-width: 992px) and (max-width: 1024px) {
#site-claim {
font-size: 62px;
line-height: 76px;
letter-spacing: -1px;
}
}
/* Large ≥1024px */
@media (min-width: 1024px) {
#site-claim {
font-size: 61px;
line-height: 76px;
letter-spacing: -0.5px;
}
}
/* Mobil ≤768px: Größen wie dein h1 */
@media (max-width: 768px) {
.footer-claim {
font-size: 4.2vw; /* aus h1 mobil */
line-height: 5.7vw; /* aus h1 mobil */
}
}
/* Tablet 768–992px: Größen wie dein h1 */
@media (min-width: 768px) and (max-width: 992px) {
.footer-claim {
font-size: 32px; /* aus h1 small */
line-height: 44px; /* aus h1 small */
}
}
/* Desktop ≥1024px: Größen wie dein h1 */
@media (min-width: 1024px) {
.footer-claim {
font-size: 32px; /* aus h1 large */
line-height: 43px; /* aus h1 large */
}
}
/* Footer-Claim als h3, 1:1 wie altes h1 */
h3.ot-white-font.footer-claim, h2.ot-white-font.footer-claim {
font-family:'uni_sans_light', Arial, sans-serif !important;
font-size:2.5vw !important;
line-height:3.3vw !important;
font-weight:inherit !important;
margin:0 !important;
}
/* ≤768px */
@media (max-width:768px){
h3.ot-white-font.footer-claim{
font-size:4.2vw !important;
line-height:5.7vw !important;
}
}
/* 768–992px */
@media (min-width:768px) and (max-width:992px){
h3.ot-white-font.footer-claim{
font-size:32px !important;
line-height:44px !important;
}
}
/* 992–1024px */
@media (min-width:992px) and (max-width:1024px){
h3.ot-white-font.footer-claim{
font-size:32px !important;
line-height:44px !important;
}
}
/* ≥1024px */
@media (min-width:1024px){
h3.ot-white-font.footer-claim{
font-size:32px !important;
line-height:43px !important;
}
}
/* Hero-Dreizeiler als Text, Optik = altes h1 (Uni Sans Light) */
.ot-header-box-1 .hero-title,
.ot-sticky-header-logo .hero-title{
font-family:'uni_sans_light', Arial, sans-serif;
font-size:2.5vw;
line-height:3.3vw;
font-weight:inherit;
margin:0;
letter-spacing:0;
text-transform:none;
display:block;
text-align:left;
}
/* ≤768px: frühere Mobilwerte */
@media (max-width:768px){
.ot-header-box-1 .hero-title,
.ot-sticky-header-logo .hero-title{
font-size:4.2vw;
line-height:5.7vw;
}
}
/* 768–992px */
@media (min-width:768px) and (max-width:992px){
.ot-header-box-1 .hero-title,
.ot-sticky-header-logo .hero-title{
font-size:32px;
line-height:44px;
}
}
/* 992–1024px */
@media (min-width:992px) and (max-width:1024px){
.ot-header-box-1 .hero-title,
.ot-sticky-header-logo .hero-title{
font-size:32px;
line-height:44px;
}
}
/* ≥1024px */
@media (min-width:1024px){
.ot-header-box-1 .hero-title,
.ot-sticky-header-logo .hero-title{
font-size:32px;
line-height:43px;
}
}
/* H1 wie H3 für .uk-article-title */
h1.uk-article-title {
font-family: 'georgia';
color:#0A0A0A;
font-size:32px;
margin-bottom: 6px !important;
line-height: 45px;
margin-top:4px;
}
/* Seitenkontext wie im H3-Selektor */
.ot-kontakt-page .ot-middle .uk-article h1.uk-article-title {
padding-right:10px;
}
/* Sticky-Menü: "OSTEOPATHIE RADEBEUL MITTE" kleiner + weiß */
.ot-sticky-header-logo .hero-title,
.ot-sticky-header-logo.hero-title{
color: #fff !important;
font-size: 20px !important;
line-height: 1.15 !important;
}
/* Header-Claim: Zeilenabstand gezielt steuerbar (nur im Header, nicht Off-Canvas) */
.ot-header-box-1 .hero-title.ot-header-claim{
line-height: 1.20 !important; /* Wert bei Bedarf anpassen (z.B. 1.10–1.30) */
}
/* FIX: Sticky-Header Claim — kleiner + weiß (Off-Canvas bleibt unberührt) */
.ot-sticky-claim{
color:#fff !important;
font-size:24px !important;
line-height:1.15 !important;
}
/* Sticky-Claim: 3 feste Zeilen, keine Binnen-Umbrüche, immer im Viewport */
@media (max-width: 980px){
.ot-sticky-claim{
/*
erzwingt 3 Zeilen; Wörter selbst dürfen NICHT umbrechen */
white-space: pre-line !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
/* Breite begrenzen: längste Zeile ~12 Zeichen + Sicherheitsrand */
max-width: min(12ch, calc(100vw - 24px)) !important;
box-sizing: border-box !important;
padding-right: 12px !important;
/* schrumpft bei wenig Platz */
font-size: clamp(10px, 2.2vw, 24px) !important;
line-height: 1.15 !important;
}
}
@media (max-width: 980px){
.ot-sticky-navigation{
height: auto !important; /* nicht fix 97px */
min-height: 97px !important; /* Untergrenze wie bisher */
overflow: visible !important;
}
}
/* Off-Canvas: Claim bündig + grau + Uni Sans */
#ot-offcanvas-menu .uk-offcanvas-bar .ot-offcanvas-claim{
text-align: left !important;
padding-left: 15px !important;
padding-right: 15px !important;
color: #737373 !important;
margin-top: 15px !important;
font-size: 20px !important; /* falls du größer willst: 24–28px */
line-height: 1.15 !important;
font-family: 'uni_sans_light', Arial, sans-serif !important;
}