body { background: #fff; color: #77777A; font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; } body.HomePage { min-height: 100vh;} a { color: #83276B; text-decoration: none; } a:hover, a:active { color: #83276B; text-decoration: none; } h1,h2,h3 { font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; padding-bottom: 4px; display: inline-block; color: #83276B; } h1 { font-size: 2.4rem; color: #b12028; text-transform: uppercase; font-weight: 400; padding-left: 0px; margin-left: 0px; padding-bottom: 32px;} h2 { font-weight: 700; font-size: 1.15rem; line-height: 1; } h3 { font-size: 1.3rem; font-weight: 300; } h4 { font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; padding-bottom: 4px; display: inline-block; font-size: 1.15rem; } img { max-width: 100%; height: auto; } .mobile { display: none; } p { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; line-height: 2; font-size: 1rem; color: #77777A; margin-bottom: 1.5rem; color:#8699b1; font-weight: 500; } p strong { font-weight: 700; font-size: 1em; } li { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; line-height: 2; font-size: 1rem; color: #77777A;} .HomePage .content p { font-size: 1.3rem; font-weight: 300; line-height: 1.5; color: #83276B; max-width: 380px; } /* Header */ header { position: relative; z-index: 999999; background-color: #fff; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; -o-transition: 0.2s all ease; -ms-transition: 0.2s all ease; transition: 0.2s all ease;} /*header.sticky { position: fi; z-index:999999; background-color: #fff; top: -1px;}*/ header.sticky { position: fixed; top: -90px; } header.sticky.finished { top: -1px; } header.sticky .stickynomb { margin-bottom: 0 !important; display: none; } header.sticky .homelink img { width: 20%; } header.sticky .metanavi { display: none; } .mainimageteam { position: absolute; width: 100%; height:auto; } .mainimage { position: absolute; min-width: 1140px; height: 550px; } .headcontainer { min-height: 600px; max-height: 600px; background-position: bottom center; background-size: cover; position: relative; } #tothetop { position: fixed; color: black; right: 30px; bottom: 30px; z-index: 1000; display: none; width:40px; height: 40px; } #tothetop img { max-width: 100%; height: auto; } nav ul { list-style-type: none; text-transform: uppercase; padding-left: 0px; border-top: 1px solid #9AC6DE; padding-top: 15px;} nav ul li { float: left; padding-right: 15px;} nav ul li a { color: #fff; font-weight: 300; font-size: 1.5rem;} nav ul li a:hover { color: #fff;} nav ul li.current > a, nav ul li.section > a { color: #fff; font-weight: 300;} .homelink img { max-width: 25%;} .homelink2 img { max-width: 50%; margin-top: -80px;} .mobile-link { display: none;} .mainmenu { display:none; position: absolute; height: 855px; width: 835px; background-color: rgba(131, 39, 107, 1); top: -85%; right: -309px; } .menu { cursor: pointer; margin: 0 auto;position: absolute; width: 70px; height: 70px; display: block; right: 8px; bottom: -5%; background: transparent; z-index: 999999; } .menu-global { backface-visibility: hidden; position: absolute; left: 0; border-top: 1px solid #000; width: 60%; margin-left: 22px; margin-top: 26px; transition: 0.55s; } .menu-top { top: 0; } .menu-middle { top: 12px; } .menu-bottom { top: 24px; } .menu-top-click { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(45deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(45deg); -moz-transition: 0.55s 0.5s; transform: rotate(45deg); transition: 0.55s 0.5s; border-top: 1px solid #fff; } .menu-middle-click { opacity: 0; border-top: 1px solid #fff; } .menu-bottom-click { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(-405deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(-405deg); -moz-transition: 0.55s 0.5s; transform: rotate(-405deg); transition: 0.55s 0.5s; border-top: 1px solid #fff; } .teamheadline { border-bottom: 1px solid #85276B; } .teamheadline h1 { padding-bottom: 5px; margin-bottom:0; color: #000; text-transform:none; } .innermenu { position: absolute; top: 25%; width: 15%; left: 10%; } .innermenu li { line-height: 1.3; } .innermenu a { font-size: 2rem; } .shortnavi { display: block; float: left; clear: both; position: relative; bottom: -60px; min-width: 300px; min-height: 30px; } .shortnavi a { color: #fff; font-size: 0.8rem; text-transform: none; border: 1px solid transparent; font-weight: bold; line-height: 0; display: block; float: left; text-align: left; } .firstlink:after { content:'\25CF'; position: relative; left: 25px; bottom: 2px; font-size: 0.7rem; } .menusign { position: absolute; left: -40px; bottom: 20px; font-size: 1rem; font-weight: 100; color: #77777A; } .signactive { color: #fff; transition: 0.55s 0.5s; } .kontaktinfo { padding-left: 25px; color: #77777A !important; } .kontaktinfo a { color: #fff } .fa-long-arrow-right:before { font-family: 'FontAwesome'; color: #83276B; } .siebarcontent p { color: #76777A; } .langs { padding-top: 23px; } .langlink { display: inline-block; font-size: 1.1rem; padding: 0px 5px; color: #77777A} .langlink.current { color: #83276B} .langlink:hover { color: #83276B; opacity: 0.8 } .langlink:first-child { border-right: 1px solid #777; padding-right: 9px; line-height: 16px } header.sticky .langs { padding-top: 13px; } /* Footer */ .footer { background-color: #98999B; margin-top: 10vh; } .footer p { line-height: 20px; } .footer-titel { color: #83276B; font-size: 1.1em; text-transform: uppercase; font-weight: 400;} .footer-text { font-size: 1.1em; font-weight: 500;} .footer-menu { list-style-type: none; padding-left: 0px;} .footer-menu a { color:#83276B; text-transform: uppercase; font-weight: 500; font-size: 1em; } .footer-border { border-top: 1px solid #71add1;} .footer-border-right { border-top: 1px solid #71add1; text-align: right;} .footer-border-left { border-top: 1px solid #71add1; text-align: left;} .mitte { padding-top: 0px !important;} .addressinfo p { color: #fff;} .kontaktinfo p { color: #fff; } #footerlogo img { width: 60%; margin-top: 10px; } .footermenu { margin-top: 35px; } .footermenu a { font-size: 1.1rem; color:#fff; font-weight: bold;} .borderright { padding-right:15px; margin-right: 15px; border-right: 2px solid #fff; } /* Body */ #SearchFormFluentFixExt_SearchForm_Search { background-color: transparent; border: none; border-bottom: 2px solid #fff; color: #fff; font-size: 2rem; } #SearchFormFluentFixExt_SearchForm { position: relative; margin-top: -60px; margin-bottom: 30px; } #SearchFormFluentFixExt_SearchForm_action_results { position: absolute; top: 0px; right: 0px; width: 26px; height: 40px; text-indent: -999em; background: #83276B url(../img/lupe.png) 0 14px no-repeat; background-size: contain; border: none } .fa-map-marker:before, .fa-mobile-alt:before, .fa-envelope:before { color: #83276B; } .morelink { color: #77777A; } .morelink:hover { color: #000; } .black { color: #000 !important; } .sidebarcontent .purpletext p { font-size: 1.8rem; color: #83276B; line-height: 35px; word-break: break-word; } .sidebarcontent { margin-top: 14rem; } /* HomePage */ .introbox { background-color: rgba(131,39,107, 0.7); padding:20px; left: 100px; bottom: 100px; width:75%; position: absolute; } .introbox h1 { padding-bottom:0; margin-bottom:0; color: #fff; font-family: 'Abril Fatface', cursive; text-transform:none; line-height:40px; font-size:2.1rem; } .introbox p { margin-bottom:0; color:#fff; font-weight:300; font-size: 1.3rem; } .contentbox h2 { font-size:2.4rem; font-weight:500; color:#76777A; } .contentbox p { font-weight: 300; line-height: 1.5; font-size: 1.2rem; color:#76777A; } .contentbox h3 { font-weight: 500; color: #83276B; margin-bottom: 0; padding-bottom: 0; } .quotetext {} .purpletext { color: #83276B; } .smallpurpletext { color: #83276B; } .purpletext p { font-size:1.8rem; color: #83276B; font-family:'Abril Fatface', cursive ; line-height: 35px; letter-spacing: 1px; margin-bottom: 0; } .purpletext p:before { content: "\f10e"; font-family: "FontAwesome"; font-size: 1rem; position: relative; bottom: -10px; } .purpletext p:after { content: "\f10d"; font-family: "FontAwesome"; font-size: 1rem; position: relative; top: -20px; } .subtext { font-size: 1rem; color: #000; font-weight: 900; } .sidebarheadline { font-size: 2rem; color: #000; font-weight: 300; font-family: 'Open Sans Condensed', sans-serif; margin-bottom: 0; padding-bottom: 0; } .morelink { text-decoration: underline; margin-left: 15px; font-size: 1rem } .morelink:hover { text-decoration: underline; } .pinkseparator { border-bottom: 1px solid #83276B; margin-top: 5px;} .publikationenheadline { font-weight: 700; font-size: 1rem;} .newsheader img { padding-bottom: 10px; } .neuepublikationen .publikationenheader { min-height: 80px; } .neuepublikationen .publikationenheadersmall { min-height: 80px; border-bottom: 1px solid #83276B; } /* NewsPage */ .newsheadline { font-weight:700; font-size: 1rem; text-transform: uppercase; color: #000 } .boxborder { border: 1px solid rgba(118,119,122, 0.3); } .separator { width: 100%; border-bottom: 1px solid rgba(118,119,122, 0.3); } .newsheader { padding: 15px; } .newscontent { padding: 15px; } .newscontent p { color: #77777A; font-size: 1.2rem; line-height: 1.5; font-weight: 300} .NewsPage .sidebarcontent { margin-top: 50px; } /* KlientPage */ .borderbottom { border-bottom: 1px solid #83276B; } /* TeamPage */ .jobtitel { font-weight: bold; color: #77777A; padding-bottom: 0; margin-bottom:0; } .jobslogan { font-size: 1.2rem; color: #77777A; } .fieldleft p strong, .fieldright p strong, .fieldleft p, .fieldright p { color: #77777A; line-height: 1.5; } .TeamPage .purpletext { font-size: 2.2rem; margin-bottom: 0; } .TeamPage .quotetext { padding-right: 20px; margin-top: 100px; } #teampagefilter { margin-top: 2rem; } /* TeamHolder */ #allteam, #teamnavi button, #teamnavi button:focus { background-color: transparent; border: none; border-right: 1px solid #000; outline: none; font-size: 1.1rem; cursor: pointer; } #teamnavi { display: inline-block; } .downloadmenu { list-style-type: none; } .downloadmenu li .fa { font-size:1rem; margin-right: 10px; color: #83276B; } .downloadmenu li a { color: #77777A; text-decoration: underline; font-size: 1.1rem; font-weight: 100; } .nextmember .fa, .prevmember .fa { color: #83276B; } .nextmember, .prevmember, .nextmember:hover, .prevmemeber:hover { color: #77777A !important ; font-size: 1.1rem; text-decoration: underline; } .siebarcontent p { line-height: 20px; } .TeamHolder .purpletext { font-size: 2.1rem; margin-bottom: 0; } .TeamHolder .quotetext { margin-top: 50px; } .imageframe { overflow: hidden; } .teamimage img { width: 100%; transform-origin: 50% 65%; transition: transform 1.3s, filter 1.3s ease-in-out;} .teamimage img:hover { transform: scale(1.1); } .teamtitel { font-weight: bold; } .blacklink { color: #000 } .blacklink:hover { opacity: 0.8; color: #000 } .greyfilter img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } /* Karriere Page */ .KarrierePage h3 { color: #83276B; font-weight: bold; } .KarrierePage ul li { line-height: 1.5; } .KarrierePage ul li:before { display: inline-block; content: "-"; width: 1em; } .KarrierePage ul { list-style-type: none; padding-left: 0; } .kleintext { padding-right: 110px; margin-top: 50px; margin-bottom: 50px; } .kleintext h5 { font-size: 0.9rem; border-bottom: 1px solid #83276B; padding-bottom: 5px; } .KarrierePage .contentbox a { color: #000; text-decoration: underline; font-size: 1.2rem; } .KarrierePage .contentbox .karrierelink:before { content: '\f30b'; font-family:"FontAwesome"; color: #83276B; margin-right: 15px; text-decoration: none; } .listeheadline { margin-bottom: 0; } .KarrierePage .mainmenu li:before { display: none; content: none; width: 1em; } /* Kontakt Page */ .KontaktPage h2 { font-size: 2.2rem; font-weight: 500; color: #000; } .kontaktcontent p { color: #76777A; line-height: 1.5; } .impressumcontent p { color: #76777A; line-height: 1.5; } /* FachPage */ .FachPage .boxcontent p { color: #76777A; line-height: 1.5; } .boxcontent { padding-top: 10px; } .fachheadline { font-size: 1.5rem; } .bottomcontent p { color: #76777A; line-height: 1.5; } /* PublikationenHolder */ .yeartitel { font-size: 2rem; font-weight: bold; } .yearborder { border-bottom: 2px solid #83276B; width: 100%; } .publikationencontent p { color: #76777A; line-height: 1.5; } .publikationenheader { min-height: 60px; border-bottom: 1px solid #83276B; } .pubheadline { font-size: 1rem; font-weight: bold; color: #000; margin-bottom: 5px; } .logoholder { display: inline-block; max-width: 20%; } .contentholder { display: inline-block; max-width: 77%; } .contentholder h3 { position: relative; bottom: -15px; right: -10px; } .filterlink { font-size: 1.3em; text-decoration: underline; color: #76777a; } .filterlink.activ, .filterlink:hover { color: #83276B; font-weight: 600; font-size: 1.4em; } #pubSrch label { font-size: 2rem; color: #000; font-weight: 300; font-family: 'Open Sans Condensed', sans-serif; margin-bottom: 0; padding-bottom: 0; } #fldSrch { border: none; border-bottom: 1px solid #76777a; width: 50%; font-size: 1.8rem; color: #83276B; padding-left: 10px; font-weight: 400; } .resetSrc { color: #83276B; padding-left: 20px; margin-bottom: -40px; } #SearchFormFluentFixExt_SearchForm_Search::-webkit-input-placeholder { color: white; text-transform: uppercase; } #SearchFormFluentFixExt_SearchForm_Search:-ms-input-placeholder { color: white; text-transform: uppercase; } #SearchFormFluentFixExt_SearchForm_Search::placeholder { color: white; text-transform: uppercase; } #SearchResults { list-style-type: none; margin-left: 0px; padding-left: 0px; } #SearchResults li p { font-size: 1.2rem;color: #76777A; font-weight: 100; } @media screen and (min-width: 1200px) { .container { max-width: 1200px } } @media screen and (max-width: 1200px) { .headcontainer { max-height: 500px; } } @media screen and (max-width: 900px) { .headcontainer { max-height: 330px; } } @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait ) { .headcontainer { max-height: unset; min-height: 500px; background-size: 100% auto; background-repeat: no-repeat; background-position: top;} .langlink { padding-right: 35px; } .langs { padding-top: 7px } } @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape ) { .headcontainer { max-height:500px; min-height:500px; } } @media screen and (max-width: 767px) { p, li { font-size: 1.1rem } #SearchFormFluentFixExt_SearchForm { margin-top: -15px } .langs { position: absolute; top: -90px; padding-top: 0px; } .langlink { font-size: 2rem !important; color: #fff } .langlink.current { color: #000 !important; } /* Header */ header.sticky .homelink img { width: 100%; } header.sticky .menu { top: -65px; } header.sticky { height: 70px; } header.sticky .navbar { padding-top: 15px; } .mainimageteam, .mainimage { min-width: 100%; height: 230px; } .ubermich-logo img { max-width: 100%; } header .homelink { width: 40% } header .homelink img { width: 100%; max-width: 100%;} header .kontaktinfo { display: inline; } header .kontaktinfo .fas { font-size: 1.6rem } .mobile { display: block;} .nomobile { display: none !important; } .topinfo { position: absolute; right: 130px; } .menu { cursor: pointer; margin: 0 auto;position: absolute; width: 70px; height: 50px; display: block; right: -3px; top: -55px; background: transparent; z-index: 999999; } .menu-global { backface-visibility: hidden; position: absolute; left: 0; border-top: 2px solid #83276B; width: 40%; margin-left: 22px; margin-top: 26px; transition: 0.55s; } .menu-top { top: -5px; } .menu-middle { top: 5px; } .menu-bottom { top: 15px; } .menu-top-click { backface-visibility: hidden; top: 10px; -webkit-transform: rotate(45deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(45deg); -moz-transition: 0.55s 0.5s; transform: rotate(45deg); transition: 0.55s 0.5s; border-color: #fff !important } .menu-middle-click { opacity: 0; } .menu-bottom-click { backface-visibility: hidden; top: 10px; -webkit-transform: rotate(-405deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(-405deg); -moz-transition: 0.55s 0.5s; transform: rotate(-405deg); transition: 0.55s 0.5s; border-color: #fff !important } .menusign { bottom: 5px; left: -25px; } .mainmenu { height: 110vh; width: 790px; top: -120px; right: -370px; } .innermenu { top: 20%; } nav ul { border-top: 0px;} .introbox { padding: 15px; left: 20px; right: 20px; width: auto; } .introbox h1 { font-size: 1.8rem; line-height: 30px; } .introbox p { line-height: 1.2; } /* HomePage */ .HomePage .content p { font-size: 1.3rem; font-weight: 300; line-height: 1.8; color: #83276B; } .HomePage .content p strong { font-size: 1.3rem; font-weight: 700; line-height: 1.8; color: #83276B; } .HomePage .contentbox { padding-top: 20px; } .homeslider { bottom: 1px; } .homeslider img { max-width: 80%;} .homelink img { padding-top: 0rem;} .homelink2 img { margin-top: -25%; margin-left: -25%; padding-top: 30px;} .mobile-link { display: block;} .mobile-link img { max-width: 65%; margin-left: -60px; padding-top: 35px;} .slider-text { padding-top: 0px;} .neuepublikationen .publikationenheadersmall { min-height: 20px; border-bottom: 1px solid #83276B; } .newscontent { padding-bottom: 20px; } .purpletext p { font-size: 1.8rem; } .pubheadline { font-size: 1.3rem; padding-top: 15px; } .morelink { font-size: 1.1rem } .content_div, .newscontent, .publikationencontent p, .publikationencontent { font-size: 1.1rem } .newsheadline { font-size: 1.3rem } /* NewsPage */ .NewsPage .sidebarcontent { margin-top: 1rem; } /* TeamHolder */ .TeamHolder .headcontainer { min-height: 270px; } .TeamHolder .contentbox { margin-top: 1rem; } .TeamHolder .quotetext { margin-top: 1rem; } .TeamHolder .siebarcontent p { font-size: 1.2rem; line-height: 1.5 !important; } .TeamHolder .blacklink { font-size: 1.2rem; line-height: 1.2 } .TeamHolder .blacklink br { line-height: 1px; } #allteam { padding-left: 0; } #teamnavi button, #allteam { font-size: 1.1rem; color: #000; text-decoration: underline;} #teamnavi .Geschäftsführer { padding-left: 30px; } #teamnavi .Rechtsanwaltsanwärter { padding-left: 0; border: none; } .TeamPage .quotetext {} .TeamPage .headcontainer { margin-bottom: 30vh; } .TeamPage .quotetext { position: unset; margin-top: 30px; } /* Krankheitsbilder & Leistungen */ .center-text { text-align: center;} /* FachPage */ .FachPage .contentbox { margin-top: 1rem; } /* Kontakt */ .KontaktPage .sidebarcontent { margin-top: 1rem; } /* PublikationenHolder */ .PublikationenHolder .sidebarcontent { margin-top: 1rem; } .publikationenheader { min-height: unset; } /* KarrierePage */ .KarrierePage .sidebarcontent { margin-top: 1rem; } .KarrierePage ul li { line-height: 1.3; } /* Footer */ .footer { text-align: center; } #footerlogo { margin-top: 15px; } .footermenu { margin-top: 15px; margin-bottom: 15px; } .footer .mitte { padding-left: 0px; padding-right: 0px; } .footer-border-right { text-align: center !important;} .footer-border-left { text-align: center !important;} .footer .mitte .footer-border { margin-left: 0px !important; margin-right: 0px !important; } .kontaktinfo p { margin-bottom: 0; } .addressinfo p { margin-bottom: 0; } .TeamPage .headcontainer { margin-bottom: 0px; } .TeamPage .nextmember { float: right; } .TeamHolder .headcontainer { background-size: contain; background-repeat: no-repeat; background-position: top; } .TeamHolder .introbox { left: 0px; right: 0px; bottom: 21px; } } @media screen and (max-width: 767px) and (orientation: portrait) { .headcontainer { max-height: 70vh; max-width: 100%; margin: 0 auto } } @media screen and (max-width: 767px) and (orientation: landscape) { .container { max-width:95% } header.sticky .homelink img { width: 55% } .menu { top: -80px } .TeamHolder .headcontainer { min-height: 350px; } .mainmenu { top: -102px; height: 150vh; left: -20px } .shortnavi { position: absolute; bottom: unset; left: 265%; top: 75px; } } @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait ) { .mainimage { height: 430px; min-width: 720px;} } @media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait ) { .mainimage { height: 450px; min-width: 965px; } } /* Landscape */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) { .headcontainer { height: 500px !important; min-height: 500px; } .purpletext p { font-size: 1.5rem !important; letter-spacing: 0px; } }