@media (min-width: 1900px) {
#navigation{bottom:13px}
#navigation:after{height:135px}
}
@media (max-width: 1320px) {
.braces{padding-top:490px}
}
@media (max-width: 1080px) and (min-width: 1059px) {
#navigation{bottom:34px}
#navigation:after{height:150px}
.lose-fest img{margin-left:-6px;margin-right:-6px}
}
@media (min-width: 1460px) {
.braces{padding-top:900px}
}
@media (max-width: 900px) and (min-width: 900px) {
#navigation{bottom:-13px}
#navigation:after{height:164px}
}
@media (max-width: 899px) {
#navigation{bottom:-11px}
#navigation::after{height:165px}
}
@media (max-width: 1156px) {
.banner,.main{padding-left:44px;padding-right:44px}
}
@media (max-width: 960px) {
.banner,.main,#header{padding-left:10px;padding-right:10px}
#navigation{width:29%}
.banner-content{width:50%}
.top-section{padding-bottom:80px}
.logos li{margin:0 24px}
.braces{padding-top:400px}
.braces article,.braces article:nth-child(2){width:37%}
.lose-fest img{width:200px;margin:-107px 8px}
}
@media (max-width: 767px) {
#container{background-image:url(../images/top-responsive.jpg);background-size:100% 4px}
p{font-size:2em;line-height:1.35;margin-bottom:26px;text-align:justify;-moz-hyphens:auto}
h2{font-size:4em}
.banner-content h2 span{font-weight:700;font-size:.78em}
.responder .banner-content h2 span{font-weight:300;font-size:1.4em}
.responder #header{padding-bottom:20px}
#logo{float:none;display:block;width:543px;height:126px;background-position:-13px -452px}
#logo img{width:100%}
.website{display:none}
#header{padding:49px 48px 41px}
.banner-content{padding-top:0}
.dein-leben{margin-left:66px;margin-bottom:17px}
.banner-content{float:none;width:auto;padding-left:4px}
.dein-leben img{width:412px}
.banner-content h2{margin-left:80px;padding-left:233px;font-size:4.2em}
.banner,.main{padding-left:48px;padding-right:48px}
.banner-content .button,.banner-content .button:hover{margin-left:auto;margin-right:auto;background-position:-592px -118px;width:360px;height:54px;margin-bottom:44px}
.banner-content h1{font-size:2.2em;text-align:center}
.banner-content ul{text-align:center;margin-bottom:8px}
.banner-content li{display:inline-block;float:none;font-size:2.2em}
.banner-content h2{margin-left:0;text-align:center;font-size:4.39em;letter-spacing:0}
.banner-content h1 ~ h2{padding-left:0}
#navigation{width:50%;margin-top:165px;position:relative;bottom:0}
.menu{width:132px;margin-bottom:53px;height:132px;margin-left:-66px;font-size:2.1em;padding-top:43px}
.menu::before{width:112px;height:112px;left:10px;top:10px}
.menu:after{left:57px;top:80px;transform:scale(1.3);-ms-transform:scale(1.3);-webkit-transform:scale(1.3)}
#navigation li{font-size:1.9em;margin-bottom:52px;padding-left:30px}
#navigation li:before{background-position:-1229px -135px;width:52px;height:53px;left:-25px;top:-10px}
#navigation li:nth-child(2):before{background-position:-1301px -135px}
#navigation li:nth-child(3):before{background-position:-1229px -192px}
#navigation li:nth-child(4):before{background-position:-1301px -192px}
.block article{float:none;width:auto;padding:0 4px;margin-bottom:108px;position:relative;z-index:12}
#foreword .space-vertical{padding-bottom:5px}
.block article p{text-align:center}
.space-vertical{padding-bottom:70px;padding-top:70px}
.block article figure{margin-bottom:46px}
.martin-sign{background-position:-1159px -319px;width:192px;height:106px}
.mirjam-sign{background-position:-872px -333px;width:243px;height:81px}
.logos li{margin:0 0 48px;width:50%!important;text-align:center;display:block;float:left}
.logos .dgkfo{width:198px;height:90px;background:url(../images/logo1.png) right center no-repeat}
.logos .bdk{width:62px;height:90px;background:url(../images/logo2.png) center top no-repeat}
.logos .orthocaps{width:186px;height:72px;background:url(../images/logo3.png) right top no-repeat;margin-bottom:0}
.logos .win{width:100px;height:83px;background:url(../images/logo4.png) center top no-repeat;margin-bottom:0}
.logos{overflow:hidden;padding:0 48px}
.braces h2{color:#616161}
.braces{padding-top:329px}
.global-design h2 span{letter-spacing:2px;font-size:1.4em}
#people p{margin-bottom:20px}
.global-design h2{font-size:5.6em;margin-bottom:73px}
.braces article h2{font-size:4em;margin-bottom:22px}
.braces article,.braces article:nth-child(2){width:auto;float:none;margin-bottom:58px}
.braces article a,.braces article a:hover{background-position:0 -200px;width:190px;height:44px}
.braces article.orange-heading a,.braces article.orange-heading a:hover{background-position:-207px -200px}
.braces article.green-heading a,.braces article.green-heading a:hover{background-position:-406px -200px}
.braces article.gray-heading a,.braces article.gray-heading a:hover{background-position:-608px -200px}
.lose-fest{margin:182px 0 266px;background:none;padding:0}
.lose-fest span{background:none;padding:0;display:block}
.lose-fest small:last-child{float:right}
.lose-fest img{width:auto;margin:-139px 14px}
.aesthetic-solution{padding-top:150px}
.aesthetic-solution article,.aesthetic-solution article:nth-child(2){width:auto;padding-bottom:97px;float:none;text-align:center;padding-top:15px}
.aesthetic-solution article h2{margin-bottom:32px}
.contact{padding-top:148px}
.contact address{font-size:2.2em}
.form ul,.form ul:nth-child(2){float:none;margin-bottom:0;width:auto}
.form{padding:51px 33px;margin-bottom:111px}
#kontakt_form > div{padding-bottom:29px}
#kontakt_form > #form-response{padding-bottom:0}
.submit,.submit:hover{background-position:-961px -118px;width:118px;height:68px;margin-top:0}
.go-top,.go-top:hover{background-position:-1101px -119px;width:104px;height:57px;margin-bottom:48px}
.legal-notice{font-size:1.4em}
.top-section{background-image:url(../images/mobile-topbg.jpg)}
.responder{background:#fff url(../images/responder-mobile.jpg) left top no-repeat;background-size:100% auto}
.responder .banner-content{padding-top:1px}
.responder #logo{margin-bottom:260px}
.responder h2 span{margin-left:-328px;margin-bottom:4px}
.responder p{margin-bottom:45px}
.braces{background-image:url(../images/mobile-braces.jpg)}
.aesthetic-solution{background-image:url(../images/mobile-aesthetic-solution.jpg)}
.back,.back:hover{background-position:-441px -118px;width:140px;height:54px;margin:0 auto}
h2 span{letter-spacing:0}
}
@media (max-width: 645px) {
.lose-fest img{width:230px;margin:-111px 11px}
.responder #logo{margin-bottom:100px}
.banner-content h2{padding-left:0}
.banner-content h1 ~ h2{padding-left:0}
.responder h2 span{margin-left:-80px}
}
@media (max-width: 639px) {
#logo{background:url(../images/logo.png) no-repeat;background-size:100% auto;width:100%}
.banner-content h1 span{display:block}
.contact address span{display:block}
.menu{width:86px;height:86px;margin-left:-43px;text-align:center;font-size:1.4em;padding-top:26px;margin-bottom:40px;margin-top:-6px}
.menu:before{width:74px;height:74px;content:"";position:absolute;left:6px;top:6px;border-radius:100%}
.menu span{position:relative;z-index:2}
.menu:after{background:url(../images/arrow-bottom.png) no-repeat;width:17px;height:7px;content:"";left:34px;top:50px;z-index:2}
#navigation{float:right;border-left:1px solid #fff;width:50%;margin-top:165px;margin-bottom:-8px;padding-bottom:130px}
#navigation:after{position:absolute;left:-1px;top:100%;height:150px;border-left:1px solid #c4c0c4;content:"";z-index:10}
#navigation ul{display:inline-block}
#navigation li{position:relative;display:inline-block;background:#fff;border-radius:3px;font-size:1.5em;padding:0 0 0 21px;float:left;clear:both;font-size:1.5em;line-height:1.86;margin-bottom:43px}
#navigation li:before{position:absolute;left:-21px;top:-7px;background:url(../images/sprite.png) -1183px -67px no-repeat;width:42px;height:42px;content:""}
#navigation li a{display:block;padding:0 17px 0 10px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease}
#navigation li:nth-child(2):before{background-position:-1229px -67px}
#navigation li:nth-child(3):before{background-position:-1276px -67px}
#navigation li:nth-child(4):before{background-position:-1323px -67px}
input[type=text],select,textarea,.chosen-container > a{background:#fbedf3;font-family:'frutiger-lightregular';font-size:1.2em;color:#978e92;width:100%;height:62px;border:0;border-radius:5px;padding:15px 25px;border:1px solid #fbedf3;display:block;text-align:left;line-height:1.7;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;position:relative;box-shadow:none!important;-webkit-box-shadow:none!important;-webkit-appearance:none}
textarea{height:150px}
}
@media (max-width: 500px) {
.banner,.main{padding:0 20px}
#header{padding:20px}
.banner-content .button,.banner-content .button:hover{background:url(../images/sprite.png) -244px 0 no-repeat;width:280px;height:48px;display:block;text-indent:-9999px;margin-bottom:59px;transform:scale(.8);-ms-transform:scale(.8);-webkit-transform:scale(.8)}
.martin-sign,.mirjam-sign{width:199px;height:75px;background:url(../images/sprite.png) -635px -340px no-repeat;text-indent:-9999px;display:inline-block}
.martin-sign{width:141px;height:80px;background-position:-452px -338px}
.braces article a,.braces article a:hover{background:url(../images/sprite.png) 0 -73px no-repeat;width:134px;height:31px;display:block;text-indent:-9999px}
.braces article.orange-heading a,.braces article.orange-heading a:hover{background-position:-300px -73px}
.braces article.green-heading a,.braces article.green-heading a:hover{background-position:-597px -73px}
.braces article.gray-heading a,.braces article.gray-heading a:hover{background-position:-891px -73px}
#kontakt_form > div{padding-bottom:29px}
#kontakt_form > #form-response{padding-bottom:0}
.submit,.submit:hover{clear:both;display:block;width:90px;height:52px;background:url(../images/sprite.png) 0 -119px no-repeat;text-indent:-9999px;cursor:pointer;border:none;margin:0 auto}
.go-top,.go-top:hover{background:url(../images/sprite.png) -221px -126px no-repeat;width:79px;height:45px;margin:0 auto;display:block;margin-bottom:37px}
.back,.back:hover{background:url(../images/sprite.png) 0 0 no-repeat;width:99px;height:46px;display:block;text-indent:-9999px}
.dein-leben{margin-left:16px}
.dein-leben img{max-width:260px;display:block;margin:0 auto}
.banner-content h2,h2,.braces article h2{font-size:2.8em}
.banner-content h2 span{font-size:.88em}
.global-design h2{font-size:3em}
.contact address,p,.banner-content h1,.banner-content ul li{font-size:1.4em}
.global-design h2 span{font-size:1.2em}
.braces{padding-top:224px}
.lose-fest span{text-align:center}
.lose-fest small{font-size:3.2em}
.lose-fest img{width:180px;margin:-98px -8px;display:inline-block;float:none}
.lose-fest{margin:130px 0 166px}
.form{padding:50px 0}
.chosen-single span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:30px}
.columns .column{float:none;width:auto;margin-bottom:9px}
.columns .column:nth-child(2){float:none;width:auto;margin-bottom:0}
#navigation{padding-bottom:0}
#navigation li a{padding:0 8px 0 5px}
#navigation li{font-size:1em;padding-left:16px;margin-bottom:30px}
#navigation li::before{transform:scale(.7);-webkit-transform:scale(.7);-ms-transform:scale(.7);top:-11px}
.logos{margin:0 auto;width:307px}
.logos li{float:left!important;display:inline-block;width:50%!important;margin-bottom:48px!important}
.logos li:nth-child(3){clear:both}
.logos .dgkfo{width:117px!important;height:34px;background:url(../images/mobile-icon.jpg) left top no-repeat}
.logos .bdk{width:93px!important;height:46px;background:url(../images/mobile-icon.jpg) -122px top no-repeat}
.logos .orthocaps{width:117px!important;height:37px;background:url(../images/mobile-icon.jpg) left -66px no-repeat;margin-bottom:0}
.logos .win{width:93px!important;height:43px;background:url(../images/mobile-icon.jpg) -122px -65px no-repeat;margin-bottom:0}
}
@media (max-width: 400px) {
#logo{height:100px}
.banner-content h1{margin-right:12px;padding-left:12px}
}
@media (min-width: 320px) and (max-width: 2224px) {
.device .banner-content ul:hover li{color:#616161;border-color:#616161}
.device #navigation li{color:#616161!important}
.device .block article figure{border-color:#85d0f0!important}
.device input[type=text],.device select,.device textarea,.device .chosen-container > a{background:#fbedf3!important;border:1px solid #fbedf3!important}
.device .legal-notice{color:#4b4b42!important}
.device .form ul li select{background:#fbedf3 url(../images/arrow-bottom.png) 90% 28px no-repeat!important;width:100%!important}
}
@media (min-width: 768px) and (max-width: 2224px) {
.device .banner-content .button{background:url(../images/sprite.png) -244px 0 no-repeat}
.device .back{background:url(../images/sprite.png) 0 0 no-repeat}
.device .submit{background:url(../images/sprite.png) 0 -119px no-repeat}
.device .website{background:url(../images/sprite.png) -849px 0 no-repeat}
.device .go-top{background:url(../images/sprite.png) -221px -126px no-repeat}
}