.validation{display:none;position:absolute;color:red;font-size:11px;right:0;top:0;font-weight:400}
.form-horizontal .validation{right:4.5em;top:.8em}
.modal-dialog{z-index:1600}
.banner-img{background-repeat:no-repeat;background-size:cover;background-position:center center}
.logo img{max-width:175px}
.about_area .about_content h2,.h1,.h2,.h3.h4,h1,h2,h3.h4{color:#172983;font-weight:400;font-size:55px}
.bg-cat--1,.bg-dark{background:#172983!important}
.bg-darkblue{background:linear-gradient(135deg,#172983 0,#4096ee 100%)}
.working_wrapper .work_wrap h2{color:#fff;font-size:51px;font-weight:600;line-height:68px;padding-bottom:7px}
.bg-cat--2{background:#0e1a55!important}
.social-box ul{list-style:none;display:flex;letter-spacing:22px;color:#fff;margin:0;padding:0}
.social-box ul li a{color:#fff}
.social-box-black ul{list-style:none;display:flex;letter-spacing:0;color:#000;margin:0;position:absolute;padding:0;left:120%;top:35%}
.social-box-black ul li a{padding:0 6px;color:#000;margin:0 10px}
.slick-dots li button{font-size:21px;display:block;color:#fff}
.bottom ul{list-style:none;padding-left:0}
.bottom ul li a{display:flex;color:#000;text-align:right;font-size:14px;justify-content:space-between}
.img-shadow{box-shadow:11px 15px 14px rgba(0,0,0,.13);border-bottom:5px solid #666;width:100%}
.img-text-box{background-color:#fafafa;padding:2rem 4rem 4rem 3rem;margin:0 30% 0 -50px}
.img-text-box-left{background-color:#fafafa;padding:2rem 4rem 4rem 3rem;margin:13% -50px 0 15%}
.z-index-1{z-index:-1}
.philosophie_content{margin:50px 0}
.img-text-right{background-color:#fafafa;padding:3rem 4rem 4rem 3rem;margin:15% 30% 0 -50px}
#second_section{background:linear-gradient(270deg,#000113,#161a63,#000113);color:#fff;padding:70px 0;margin:50px 0}
#second_section .h3,#second_section h2,#second_section h4{color:#fff}
#second_section hr{background:#fff}
#de_11_Haupttext{box-shadow:0 2px 9px #162d7b;z-index:999;position:relative}
.accordion dl:after,.accordion-list:after{content:"";display:block;height:1em;width:100%;background-color:#0e328c}
.accordion dd,.accordion__panel{background-color:#eee;font-size:1em;line-height:1.5em;margin:0}
.accordion p{padding:1em 2em}
.accordion{position:relative}
.accordionTitle,.accordion__Heading{background-color:#101450;text-align:center;font-weight:700;padding:2em;display:block;text-decoration:none;color:#fff!important;transition:background-color .5s ease-in-out}
.accordionTitle:before,.accordion__Heading:before{content:"+";font-size:1.5em;line-height:.5em;float:left;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}
.accordionTitle:hover,.accordion__Heading:hover{background-color:#0e328c;color:#fff}
.accordionTitle.is-expanded,.accordionTitleActive{background-color:#0e328c;color:#fff}
.accordionTitle.is-expanded:before,.accordionTitleActive:before{-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}
.accordionItem{height:auto;overflow:hidden;max-height:50em;transition:max-height 1s}
@media screen and (min-width:48em){
.accordionItem{transition:max-height .5s}
}
.accordionItem.is-collapsed{max-height:0}
.no-js .accordionItem.is-collapsed{max-height:auto}
.animateIn{-webkit-animation:accordionIn .45s normal ease-in-out both 1;animation:accordionIn .45s normal ease-in-out both 1}
.animateOut{-webkit-animation:accordionOut .45s alternate ease-in-out both 1;animation:accordionOut .45s alternate ease-in-out both 1}
.contact-li .bottom a{width:100%}
#mid-contact ul li{padding:10px 0;display:flex;justify-content:space-between;align-items:center}
#mid-contact .contact-li .bottom a span{color:#fff}
#mid-contact .contact-li .bottom a{color:#fff}
#mid-contact .contact-li .bottom a i{color:#fff}
#mid-contact .container{max-width:1060px}
.contact-li .bottom span i{padding-right:13px}
.contact-li .bottom a{display:flex;justify-content:space-between}
@-webkit-keyframes accordionIn{
0%{opacity:0;-webkit-transform:scale(.9) rotateX(-60deg);transform:scale(.9) rotateX(-60deg);-webkit-transform-origin:50% 0;transform-origin:50% 0}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes accordionIn{
0%{opacity:0;-webkit-transform:scale(.9) rotateX(-60deg);transform:scale(.9) rotateX(-60deg);-webkit-transform-origin:50% 0;transform-origin:50% 0}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes accordionOut{
0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(.9) rotateX(-60deg);transform:scale(.9) rotateX(-60deg)}
}
@keyframes accordionOut{
0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(.9) rotateX(-60deg);transform:scale(.9) rotateX(-60deg)}
}
.product{position:relative;overflow:hidden;background:#f7f0e8;padding:20px 0;box-shadow:0 0 30px rgba(0,0,0,.3)}
.product .h4,.product h4{text-align:center;margin:0 auto;display:block;width:100%}
.product .product_bg{background-size:cover;position:absolute;left:0;right:0;bottom:0;top:0;z-index:0}
.product img{margin-top:-10px}
.product .content{z-index:1;position:relative}
.product_image{position:relative;height:175px;background-size:contain;background-repeat:no-repeat;background-position:center;box-shadow:0 0 9px rgba(0,0,0,.06);margin:20px 0}
.section-pb-xl{background:#f2f2f2!important}
.read-more{opacity:0;border-radius:50%;height:100px;width:100px;top:0;bottom:0;left:0;right:0;background:#3374cd;color:#fff;z-index:99;position:absolute}
.product:hover .read-more{transform:scale(6);opacity:1;transition:.5s all}
.more-text{position:absolute;padding:20px;top:0;opacity:0;color:#fff;z-index:999}
.product:hover .more-text{opacity:1;transition:.2s all}
.more-text h4{font-size:20px;color:#fff}
.bg-header h1{color:#fff;display:block;font-size:30px;font-weight:700;height:130px;line-height:130px;text-align:center;text-transform:uppercase;width:100%;background:linear-gradient(270deg,#000113,#161a63,#000113);background-size:600% 600%;margin:0;-webkit-animation:gradient-mid 8s ease infinite;-moz-animation:gradient-mid 8s ease infinite;animation:gradient-mid 8s ease infinite}
section.unternehmen_{padding-top:10px;padding-bottom:50px}
.unternehmen_ p.h3{color:#172983;font-size:28px;font-weight:400;line-height:35px}
#mid-contact{background:linear-gradient(270deg,#000113,#161a63,#000113);padding:50px 0}
#mid-contact ul{list-style:none;font-family:"Open Sans",sans-serif;line-height:2.2;margin:20px 0;text-transform:uppercase;padding:0}
#mid-contact h2{font-size:60px;color:#fff;font-weight:100;position:relative}
#mid-contact h2:after{content:"";position:absolute;bottom:0;background:#fff;height:1px;width:10%;left:0}
#mid-contact ul li{color:#fff}
#mid-contact ul li a{color:#fff}
#mid-contact ul li span i{padding-right:10px}
#unternehmen_pic{padding:50px 10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 3px 2px rgba(0,0,0,.24);background:#fbfbfb}
#unternehmen_pic .h2,#unternehmen_pic h2{color:#172983;font-weight:400;text-align:initial;font-size:30px;text-transform:initial}
#unternehmen_pic hr.unternehmen-border{border-bottom:3px solid #172983;width:10%}
#unternehmen_pic p{text-align:justify;font-weight:200;padding:0}
hr.style5{background-color:#f2f2f2;border-top:2px dashed #8c8b8b;margin:0}
hr.unternehmen-border{width:10%}
.side-social{position:fixed;padding:10px 20px;border-top:1px solid;border-left:1px solid;border-bottom:1px solid;right:0;background:linear-gradient(270deg,#000113,#161a63,#000113);background-size:600% 600%;animation:gradient-mid 8s ease infinite;color:#fff}
.image_team{float:right;border-radius:5px}
.image_ps{width:88%;float:left}
.philosophie_ h2{font-weight:400}
.social-list{list-style:none;padding:0;margin:0;padding-left:10px;line-height:3}
#teaser--bg{margin-bottom:-15px;padding:40px}
#teaser--bg h2{color:#fff;text-align:center;font-size:25px;font-weight:200}
.pt-060{padding:0 60px}
.unternehmen-text- p{font-weight:400;color:#000;font-size:16px;line-height:34px;margin-top:20px}
p.unternehmen-text-2{color:#252525;font-size:16px;font-weight:400;line-height:35px}
.philosophie_{padding-top:100px;padding-bottom:100px}
p.brillen_{color:#252525;font-size:16px;font-weight:400;line-height:35px}
.brillen-image{box-shadow:inset 0 10px 0 3px rgba(208,198,198,.5);padding:30px 10px 30px 20px;height:100%}
section#opt-banner{padding:40px 0 60px}
p.text_dark_{color:#000;font-size:16px;font-weight:400;line-height:30px}
.optometrie-header{padding-left:15px;padding-right:15px}
.linsen-col{position:relative;overflow:hidden}
.image-box p{color:transparent}
.image-box:hover{font-size:40px;background-color:rgba(0,0,0,.52);transition:opacity .5s cubic-bezier(.38, .76, 0, .87);color:#fff}
.overlayFade{height:100%;width:100%;top:0;left:0}
.overlay{position:absolute;transition:all .9s ease;opacity:0;background:#000}
.overlay:hover{position:absolute;transition:all .9s ease;opacity:1;cursor:pointer;background:#000}
.linsen-col:hover .linsen-img{filter:blur(1px)}
.linsen-start{padding:100px 50px}
.text p{color:#fff;font-family:Poppins,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:26px}
#teser-section{padding:50px 10px;background:linear-gradient(270deg,#000113,#161a63,#000113);color:#fff}
.linsen-bilder .slick-list .slick-track .slick-slide{margin-right:20px}
.linsen-col .overlay p{font-weight:200;position:absolute;top:50%;left:50%;text-align:center;padding:0 20px;margin-right:-50%;transform:translate(-50%,-50%)}
.text p:after{content:"";display:block;margin:auto;height:2px;width:0;background:0 0;transition:width 1s ease,background-color 1s ease}
.text p:hover{display:block}
.text p:hover:after{width:100%;background:#172983}
.bg-kontaktlinsen{background:linear-gradient(270deg,#000113,#161a63,#000113);padding-top:70px;padding-bottom:70px}
section.kontaktlinsen_{padding-top:0;padding-bottom:80px}
.kontaktlinsen_box{background:rgba(255,255,255,.6);width:auto}
.list p{list-style:square;display:list-item;text-indent:2rem}
.grid{list-style:none}
.gc{box-sizing:border-box;display:inline-block;margin-right:-.25em;min-height:1px;vertical-align:top}
.gc--1-of-3{width:40%}
.gc--2-of-3{width:60%}
.naccs{position:relative}
.nac-in{padding:20px;border-bottom:10px solid #1b328c}
.nac-in:hover{transition:.3s all;padding:10px 25px;cursor:pointer}
footer input::placeholder{color:#fff}
.naccs .menu div:hover{border:1px solid #fff;background-color:#172983;color:#fff}
.naccs .menu div.active{padding:5px 10px 15px 20px;background-color:#172983;color:#fff;border:1px solid #172983}
ul.nacc{position:relative;height:0;list-style:none;margin:0;transition:.5s all cubic-bezier(.075, .82, .165, 1)}
ul.nacc li{opacity:0;transform:translateX(50px);position:absolute;list-style:none;transition:1s all cubic-bezier(.075, .82, .165, 1)}
ul.nacc li.active{transition-delay:0.3s;z-index:2;opacity:1;transform:translateX(0)}
ul.nacc li p{margin:0}
p.h2{color:#172983;font-weight:700;font-size:30px;font-family:Oswald,sans-serif;line-height:1.3;margin:0;margin-bottom:15px}
.contact-li{padding:0}
.contact-li hr{margin:45px 60px;background:#d6d6d6}
.contact-li li{list-style-type:none;display:flex;align-items:center;line-height:2;justify-content:flex-end;gap:1.5rem;flex-wrap:wrap}
.contact-li li span:first-child{margin-right:auto;width:25%;justify-content:flex-start}
.contact-li li span{width:auto;display:flex;align-items:center;justify-content:flex-end;position:relative}
.about_area .contact-li .bottom a{color:#000}
#second_section ul{padding-left:20px}
.about_area .about_content .h3{color:#252525;font-size:20px;font-weight:400;line-height:35px}
#de_1_video{box-shadow:0 5px 12px #1b328c;z-index:999;position:relative}
.contact-icon{font-size:20px;padding-right:10px}
.gogle_map{border-bottom:10px solid #1b328c;padding-bottom:20px}
.map-container{width:100%;height:500px}
.about_content .contact-icon{color:#21449e}
section.contact{margin-top:150px;margin-bottom:150px}
.line-head p.h3{font-weight:700;font-size:26px;font-family:Oswald,sans-serif;line-height:1.3;color:#fff;margin:0;padding-left:20px;padding-top:3px}
.line-head{height:40px;background-color:#172983}
.menu{float:left;width:100%;height:450px}
.footer_top .footer_widget{display:flex;justify-content:center;margin:60px}
#parallax-section{height:230px;overflow:hidden;border-bottom:10px solid #21449e;border-top:5px solid #21449e;position:relative}
.parallax-window{min-height:400px;background:0 0}
.btn-outline:after{position:absolute;content:"";bottom:-20px;left:0;background:#fff;height:1px;width:25%;transition:.7s all}
.btn-outline:hover:after{width:100%}
.btn-outline:hover{cursor:pointer}
.btn-outline{width:50%;background:0 0;border:1px solid #fff;color:#fff;position:relative;padding:10px 65px;border-radius:0;margin:5px 0;border-bottom:10px solid}
.footer_top .footer_widget .ft_widget_title{color:#fff;font-size:23px;font-weight:500;margin-bottom:20px;padding-bottom:12px;position:relative;margin-top:0}
.f-pre{display:flex;align-items:center;justify-content:center;height:220px}
.f-par{height:220px;display:flex;flex-direction:column;justify-content:center}
.text-t h2{color:#fff}
.text-t{margin:0 50px;color:#fff}
.inner-parallax{position:absolute;top:0;bottom:0;right:0;left:0}
ul.footer-contact{list-style-type:none;display:flex;flex-direction:column;margin:0;padding:0}
ul.footer-contact li{color:#fff;font-size:14px;padding-right:25px;margin:5px;margin-left:0}
.slick-dotted.slick-slider{margin:0}
ul.footer-contact li span{position:relative}
ul.footer-contact li span:hover:after{width:100%}
.footer-contact{color:#fff;font-size:14px}
.footer-contact .h3{color:#fff;position:relative;padding:5px 0;font-weight:400}
.contact-li li a span i{color:#016;padding-right:13px}
.contact-li li a span{color:#252525}
.footer-contact .h3:after{position:absolute;bottom:0;left:0;background:#fff;width:10%;height:1px;content:""}
.slider_area .rotate_titlE h2{writing-mode:vertical-lr}
.header{border-bottom:10px solid #21449e;box-shadow:-1px 3px 10px rgba(0,17,102,.48);position:relative;z-index:9999}
ul.footer-contact li a{position:relative;color:#fff;font-size:14px;padding-right:15px;margin-top:0}
li.active.nav-item{background:#21449e}
li.active.nav-item a{color:#fff}
.about_area{padding:50px 0;border-top:10px solid #21449e;background:url("/template/images/images/bg-eing.jpg");background-position-y:-115px}
.footer-data-box{margin-top:0}
.footer_top .footer_widget .ft_widget_title{color:#fff;font-size:20px;font-weight:500;margin-bottom:20px;padding-bottom:12px;position:relative;margin-top:0;text-align:center}
.btn-outline:hover{color:#4096ee}
.front-side{z-index:99;position:relative}
.slider-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.85;background:linear-gradient(135deg,#016 15%,#4096ee66 100%);z-index:0}
.section-title img{margin:0 auto;margin-bottom:50px;width:35%;display:block}
@-moz-keyframes gradient-mid{
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@keyframes gradient-mid{
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.slick-prev{left:-80px}
.slick-prev:before{content:"\ea9d";color:#172983;font-family:IcoFont;transition:.3s all}
.slick-next{right:-80px}
.slick-next:before{content:"\eaa0";color:#172983;font-family:IcoFont;transition:.3s all}
.slick-next:before:hover{transform:scale(1.5)}
.slick-prev:before:hover{transform:scale(1.5)}
footer .h3{color:#fff;color:#fff;position:relative;padding:5px 0;font-weight:400}
.newbutton{font-weight:700;color:#fff}
#break{margin:4% 0}
#break #second_section{margin:0}
#break .col-lg-8{padding:0}
#break .col-lg-4{padding:0;background:url(/template/images/images/119.jpg);background-size:cover;background-position-x:center}
#break .h3{font-size:65px}
.img-text-right .h3{font-size:30px;font-weight:100}
.img-text-box-left .h3{font-size:30px;font-weight:100}
#video_rhodenstock{padding:5% 0}
#video_rhodenstock h2{font-family:Roboto,sans-serif;line-height:1;font-size:55px;font-weight:600;padding-bottom:3%;text-transform:uppercase}
#video_rhodenstock h2 span{font-weight:300;letter-spacing:1.5px}
.strong{font-weight:700}
.h2_custom_xy01{color:#fff;font-size:33px;font-weight:200}
.social_media a{font-size:23px;padding:10px}
.social_media{padding-top:15px;color:#fff;text-align:right}
.footer-data-box-social .footer-contact .h3{text-align:right}
.footer-data-box-social .footer-contact .h3:after{right:0;left:auto}
.mainmenu_nav .main_menu li a{font-size:16px;padding:0 14px}
.date-btn{font-size:16px;background-color:#21449e;color:#fff!important;border-radius:0;transition:.5s;text-transform:uppercase;margin-right:150px;margin-top:0}
.date-btn i{margin-right:5px}
.date-btn:hover{background-color:#2d64bd;transition:.5s}
.mean-container .mean-nav ul li a:hover{background:0 0}
.mean-container .mean-nav ul li{padding-left:10px}
.mainmenu_nav{position:fixed;width:100%;height:100vh;justify-content:center;align-items:center;display:flex;opacity:0;left:0;top:0;background-color:rgba(0,0,0,.9);transform:scale(.9);transition:.3s;pointer-events:none}
.mainmenu_nav.active{opacity:1;transform:scale(1);transition:.3s;pointer-events:all}
.mainmenu_nav .main_menu li{align-self:flex-start;display:block;width:100%}
.mainmenu_nav .main_menu{justify-content:center;flex-direction:column;max-width:500px;margin:0 15px;width:100%}
.mainmenu_nav .main_menu li a{font-size:30px;padding:10px;color:#fff;font-weight:400}
.resp-menu{width:100%}
.resp-menu{display:flex;align-items:center;justify-content:flex-end}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#fff;transition:.3s}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{transition:.5s;background-color:#21449e}
.hamburger-box{transform:scale(.7)}
.hamburger{display:flex;align-items:center;justify-content:center;position:absolute}
.hamburger.is-active{position:fixed;z-index:9999}
.glass_toggle_menu{z-index:9999;position:relative}
.resp-menu .glass_toggle_menu .mainmenu_nav .date-btn{font-size:30px;display:block;margin-right:0;width:100%;text-align:left;margin-top:15px;line-height:1.1em}
.slider_area .rotate_titlE h2{writing-mode:sideways-lr}
.slider_area .rotate_titlE{transform:none;position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;left:0;top:0}
.slider_area .slide_text{padding:0}
.logo-resp{display:none}
.logo-desk{display:block}
.working_wrapper .work_wrap h2{line-height:1.2em;padding-bottom:0}
.working_wrapper .work_process .work h3{color:#fff}
.banner{min-height:350px;display:flex;align-items:center}
.brillen-image{height:auto;min-height:600px}
.desk-txt{display:inline}
.resp-txt{display:none}