/* meyerweb reset | v2.0 | License: none (public domain) */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* koletzki | Copyright 2021-05-11 by koletzki-ot.de */

*{box-sizing:border-box}

body{background:#fff;font-family:'Maven Pro',sans-serif;font-weight:400;font-size:16px;line-height:27px;color:#1a1a1a;padding-top:150px}

h1,h3,h5,h6,strong{font-weight:500}
h2,h3,h4,h5,h6{margin:10px 0}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none;color:#1a1a1a}

h1,h1 a{font-size:35px;line-height:42px;color:#00628b}
h2,h2 a{font-size:25px;line-height:30px}
h3,h3 a{font-size:25px;line-height:32px;color:#00628b}
h4,h4 a{font-size:25px;line-height:36px}
h5,h5 a{font-size:30px;line-height:36px;color:#00628b}
h6,h6 a{font-size:22px;line-height:30px}

button, a{cursor:pointer}
p{margin-bottom:10px}

.clearfix:before,.clearfix:after,.wrap:before,.wrap:after,.row:before,.row:after,.frame:before,.frame:after{content:'';display:table;clear:both}
.section{padding:120px 0}
.wrap{width:100%;max-width:1140px;margin:0 auto;position:relative}

.row{margin:0 -40px}
.c25,.c33,.c50,.c66{float:left;padding:0 40px}

.c25{width:25%}
.c33{width:33.33333%}
.c50{width:50%}
.c66{width:66.66666%}

.white{background:#fff}
.lightblue{background:#eefafe}
.middleblue{background:#5eabca}
.darkblue{background:#1b84b0}

.darkblue,
.darkblue h1, .darkblue h1 a,
.darkblue h2, .darkblue h2 a,
.darkblue h3, .darkblue h3 a,
#page-content > .section + .section.darkblue h2,
.section.darkblue .frame a {
	color:#fff
}

.section .frame a{color:#1a1a1a;text-decoration:underline}
.section .frame strong{font-weight:700}
.section .frame em{font-style:italic}
.section .frame ul{margin:0 0 10px 40px;list-style:disc}
.section .frame ol{margin:0 0 10px 40px;list-style:decimal}
.section .frame .text-center{text-align:center}
.section .frame .text-right{text-align:right}

/* Header */

#page-header{position:fixed;z-index:9999;left:0;right:0;top:0;background:#fff;box-shadow:3px 3px 6px rgba(0,0,0,0.4)}

#header-images{padding:20px 0}
#logo,#header-images .zertifikat{float:left;height:80px;margin-left:30px}
#header-images .zertifikat{width:84px}
#claim{float:left;width:calc(100% - 542px);height:auto}
#logo a{width:398px;height:80px;display:block;text-indent:-99999px;background:url(../Images/orthopadiekoletzki_Logo.svg);background-size:contain}

/* Navigation */

#nav.open{display:block;width:100%}
#nav{display:none;position:absolute;line-height:30px;z-index:999;top:175px;left:0;text-align:left}
#nav > ul{margin-top:25px;margin-left:5px}
#nav ul,#nav li{margin:0}
#nav ul{list-style:none;list-style-image:none}
#nav.open li{background-color:#00628b;padding:5px 0;list-style:none;width:20%}
#nav.open li a{display:inline-block;vertical-align:middle}
#nav ul#main-nav{position:relative}
#nav ul#main-nav li{display:inline-block;text-align:left}
#nav ul#main-nav li ul.level2.about li,#nav ul#main-nav li ul.level3 li{display:block}
#main-nav .has-children.open ul.level2{display:block}
#nav ul.level2{display:none}
#nav ul.level2{position:absolute;top:46px}
#nav ul.level2 li{width:285px;position:relative}
#nav ul.level2 li a{margin:0 10px}
#main-nav .has-children.open ul.level2 .has-children.open .level3{display:block;position:absolute;top:42px}
#main-nav .has-children.open ul.level2 .has-children.open .level3 li{width:285px}
#main-nav .has-children.open ul.level2.about.clearfix{display:block;position:absolute;top:46px;left:667px;right:-670px}
#nav ul.level3{display:none}
#menutoggle{display:inline-block;font-family:'Open Sans',sans-serif;font-size:20px;background:transparent;border:0;line-height:39px;height:49px;padding-left:49px;position:relative;margin-top:-10px}
#mt-icon{height:43px;width:43px;display:block;position:absolute;left:0;top:0;background:#fff;-webkit-box-shadow:inset 0 3px 0 0 #fff;box-shadow:inset 0 3px 0 0 #b7b7b7;border:3px solid #00628b;box-shadow:3px 3px 6px rgba(0,0,0,0.4);border-radius:20px;z-index:777777}
.mt-line{width:22px;height:2px;display:block;background:#00628b;-webkit-border-radius:2px;border-radius:2px;position:absolute;left:50%;margin-left:-11px;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.mt-line:nth-child(1){top:10px}
.mt-line:nth-child(2){top:18px}
.mt-line:nth-child(3){top:26px}
#menutoggle.open .mt-line:nth-child(1){top:18px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#menutoggle.open .mt-line:nth-child(2){display:none}
#menutoggle.open .mt-line:nth-child(3){top:18px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
span.plus{height:20px;width:20px;display:inline-block;cursor:pointer;position:relative;vertical-align:middle;margin-left:10px}
span.plus-line-hori{width:14px;height:2px;display:block;background:#fff;-webkit-border-radius:2px;border-radius:2px;position:absolute;margin-left:-11px;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;top:10px;left:11px}
span.plus-line-verti{width:2px;height:14px;display:block;background:#fff;-webkit-border-radius:2px;border-radius:2px;position:absolute;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;left:6px;top:4px}
#nav.open li.open > span.plus > span.plus-line-verti{transform:rotate(90deg)}
#nav-background{display:none}
#nav a{color:#fff;text-decoration:none}

/* Contact Block */

#contact-fader{position:fixed;right:-98px;top:256px;width:250px;height:55px;background:#00628b;transform:rotate(-90deg);z-index:10;color:#fff;text-align:center;font-size:25px;text-decoration:none;border:0;padding:0;zoom:1.005}
#contact-form{top:159px;position:fixed;right:60px;z-index:-1;background:#00628b;padding:0;color:#fff;width:570px;transition:opacity .3s ease-out;opacity:0;height:0;text-align:left}
#contact-form.open{opacity:1;height:auto;z-index:6;padding:33px 30px 22px}
#contact-form a{color:#fff;text-decoration:none}

/* First */

#first{background:#8ba9b3;position:relative}
#first h2{text-align:center;font-size:35px;display:block;line-height:45px;color:#fff;background:#00628b;padding:5px 15px;position:absolute;bottom:80px;right:50%;transform:translateX(570px)}
#bg-first{height:600px;background-size:cover;background-repeat:no-repeat;background-position:center center}

/* Teaser */

#teaser .frame.frame-layout-0{}

#teaser .frame.frame-layout-1{background:#eefafe;margin-top:-130px;border:6px solid #fff;border-top:0;padding:0 40px 40px}
#teaser .frame.frame-layout-1 h2{font-weight:500;font-size:35px;line-height:42px;color:#00628b;text-transform:uppercase}

/* Breadcrump */

#breadcrumb > .wrap{padding:20px 40px;border:6px solid #fff;border-bottom:none;margin-top:-74px;background:#eefafe}
#breadcrumb li{list-style:none;text-transform:uppercase;margin-bottom:20px;color:#9a999b;padding-left:0;display:inline;font-size:18px}
#breadcrumb li + li:before{padding:8px;color:#1a1a1a;content:"|"}
#breadcrumb li a{color:#00628b;text-decoration:none}
#breadcrumb li a:hover,.breadcrumb li a:focus{color:#9a999b;font-weight:400}

/* Content */

#page-content > .section + .section .frame{margin-bottom:40px}
#page-content > .section + .section .frame:last-child{margin-bottom:0}
#page-content > .section + .section h2{color:#00628b;font-weight:500;font-size:25px;line-height:32px;margin:10px 0 20px}
#page-content > .section + .section img{width:100%;height:auto;border:6px solid #fff}
#page-content > .section + .section .frame.frame-layout-1, #page-content > .section + .section .frame.frame-layout-2{margin-top:-170px}
#page-content .image > img{max-width:100%;height:auto}

#page-content .ce-textpic.ce-left.ce-intext > .ce-gallery{float:left;width:360px;height:auto}
#page-content .ce-textpic.ce-left.ce-intext > .ce-bodytext{width:calc(100% - 425px);margin-left:425px}
#page-content .ce-textpic.ce-left.ce-intext > .ce-gallery img{border:6px solid #fff;display:block}

/* Footer */

#page-footer{background:#00628b;text-align:center;clear:both;z-index:5;position:relative;padding:40px 0}
#page-footer p{font-size:16px;line-height:21px}
#page-footer .zertifikat{display:inline-block;color:#fff;vertical-align:middle}
#page-footer .zertifikat img{display:inline-block;width:10%;height:auto;padding:3px;vertical-align:middle}
#page-footer .zertifikat,#footernav{font-size:12px}
#page-footer a{color:#fff;text-decoration:none}
#page-footer .row{margin:0 -20px}
#page-footer .c50,#page-footer .c25{padding:0 20px}
#footer-logo{margin-bottom:40px}
#footernav{line-height:66px;display:inline-block}
#footernav li{display:inline-block;margin:0 5px}
#page-footer .footer-address{text-align:left;color:#fff;text-decoration:none;padding:0;line-height:21px;margin-bottom:40px}

/* Stripes */

#page-header .stripes{margin-top:-20px}
#page-footer .stripes{margin-top:-40px;margin-bottom:35px}
.stripes > div{float:left;width:25%;height:5px}
.fs-1{background:#00628b}
.fs-2{background:#1b84b0}
.fs-3{background:#5eabca}
.fs-4{background:#bbd8e9}

/* Form */
.form-group{margin-bottom:1em}
.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-family:Arial;font-size:16px;line-height:normal}
.form-navigation button{border:0;background:#00628b;color:#fff;border-radius:5px;font-family:Arial;font-size:16px;line-height:30px;height:30px;padding:0 20px}

/* Cookie */
#cookie-settings{margin-bottom:170px;margin-top:-210px;padding:30px;background:#fff;border:3px solid #00628b}
#cmsettinglist{margin-top:30px;max-width:660px}
.cmsetting{display:flex;justify-content:start;margin-bottom:18px}
.cmcontrols{display:flex;justify-content:start;width:138px;margin-right:30px}
.cmcontrols button{border:2px solid #1b84b0;border-radius:5px;height:40px;width:64px;margin-right:10px;display:block;background:transparent}
.cmcontrols button[disabled]{border:2px solid #bbd8e9;cursor:default}
.cmcontrols button.active{background:#1b84b0;color:#fff}
#page-content > .section + .section #cmsettinglist h2{margin-top:0;margin-bottom:5px}
.section .frame #cmsettinglist a{color:#00628b}

#cmmodal{z-index:2147483646;position:fixed;background:rgba(0,0,0,0.75);top:0;left:0;right:0;bottom:0}
#cmmodalinner{position:absolute;left:50%;top:50%;border:2px solid #5eabca;background:#fff;padding:20px;transform:translate(-50%,-50%);width:80%;min-width:340px;max-width:1120px}
#cmmodalinner ul{display:flex;margin-top:20px}
#cmmodalinner ul li{margin-right:20px}
#cmmodalinner ul li a{display:block;background:#ccc;padding:0 20px;line-height:40px;text-decoration:none;color:#000}
#cmmodalinner p a{color:#00628b}
#cmmodalinner ul li a#cmbutton-accept{background:#00628b;color:#fff}


/* Smaller Devices */

@media screen and (max-width:1139px){
    
    .section + .section{padding-left:40px;padding-right:40px}
    
    #contact-area{display:none}
    
    #menutoggle{margin-left:15px}
    #claim{display:none}
    
    #page-footer .c25{width:50%}
    #page-footer .wrap{padding:0 15px}
    #page-footer .row{margin:0}
    
    #first h2{left:15px;right:15px;transform:none;min-width:0}
    
    #nav{top:165px}
    #nav ul#main-nav li{display:block;float:none;position:relative;padding:5px 15px;width:auto}
    #nav.open li{width:100%;padding:5px 0}
    span.plus{position:absolute;right:15px;top:10px;height:20px;width:20px;cursor:pointer}
    #nav ul.level2{position:relative;width:100%;top:0}
    #main-nav .has-children.open ul.level2.about.clearfix{display:block;position:relative;left:inherit;right:inherit;top:inherit}
    #main-nav .has-children.open ul.level2 .has-children.open .level3{position:relative;top:initial}
    
}

@media screen and (max-width:767px){
    
    #first h2{display:none}
    #bg-first{height:200px}
    
    #breadcrumb,#header-images .zertifikat{display:none}
    .section, .section + .section{padding: 15px}
    
    .row, #page-footer .row{margin:0}
    .c25,.c33,.c50,.c66{float:none;padding:0 20px}
    
    body{padding-top:105px}
    
    #logo{float:none;margin:0;}
    #logo a{width:298px;height:60px;margin:0 auto}

    #menutoggle{position:absolute;top:66px}
    
    #nav{top:105px}
    
    #teaser .frame.frame-layout-1{margin:0;padding:10px 20px;border:0}
    #page-content > .section + .section .frame.frame-layout-1{margin-top:0}
    #page-content .c33, #page-content .c50, #page-content .c66, #page-content .c25{float:none;width:100%;margin-bottom:20px}
    
    #footer-logo{width:100%;height:auto}
    
    #page-content .ce-textpic.ce-left.ce-intext > .ce-gallery{float:none;width:auto;margin-right:0;margin-bottom:30px}
    #page-content .ce-textpic.ce-left.ce-intext > .ce-bodytext{width:auto;margin-left:0}
	
	.cmsetting{display:block;justify-content:unset}
	.cmcontrols{margin:50px 0 10px}
    
}

@media screen and (max-width:649px){
    
    #page-footer .c50, #page-footer .c25{float:none;width:100%}
    #page-footer .footer-address{margin-bottom:20px}
    
}