.dlh_googlemap img {max-width:none}.dlh_googlemap .routinglink{white-space:nowrap} header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} /* default.css */ html{font-size:100%;/* die Basis für alle Schriftgrößen Default Browser=16px - ableiten mit font-size: Wert=Größe/16 rem */}body{font-family:pt_sansregular;color:#454545}header{font-family:pt_sansregular;/*Fallback für alte Browser einbauen */font-size: 19px;font-size: 1.2rem;/* statt font-size mit 120% = 19/16=1.19rem */}h1{margin-bottom:.5rem;margin-top:.5rem; /*11.3.2016 - weiter oben*/ color: #232750; /*Fallback für alte Browser einbauen */ font-size: 26px; font-size: 1.625rem; font-weight: 400; /* Schriftgröße in EM basierend auf dem body */ /* Abstand nach Unten */ /* z.B. wäre möglich: text-shadow: 4px 4px 2px rgba(10, 89, 157, 0.5);*/}h2{/*height gibt probleme bei Ãœberschriften mit Umbruch - deshalb stattdessen "min-height" */ color: #232750; min-height:1.8rem; margin-bottom:.4em; margin-top:.4em; /*Fallback für alte Browser einbauen */ font-size: 22px; font-size: 1.375rem; font-weight: normal; /* font-size + Abstand nach Unten - statt 1.8em = 29/16=1.8rem*/}p{margin-bottom:1rem; line-height: 1.5; /*zeilenabstand ohne einheit! */ margin-bottom: 1rem; /*Fallback für alte Browser einbauen */ font-size: 14px; font-size: 0.875rem; /* p { line-height: 1.5rem; margin-bottom: 1rem; } */}.mitte{margin-right:auto; padding:0; vertical-align:top; text-align:left; white-space:normal; border-spacing:10px; font:pt_sansregular; /*ggf. eine spezielle Schriftart im Textfeld*/ line-height:1.3rem; /*Fallback für alte Browser einbauen */ font-size: 16px; font-size: 1.0rem} /* style_default.css */ html{font-size:100%;/* die Basis für alle Schriftgrößen Default Browser=16px - ableiten mit font-size: Wert=Größe/16 rem */}body{font-family:pt_sansregular;color:#454545;color: #454545}h0{font-size:1.000em;color: 232750;/*Fallback für alte Browser einbauen */ font-size: 36px;/* Schriftgröße in EM basierend auf dem body */ /* Abstand nach Unten */ /* z.B. wäre möglich: text-shadow: 4px 4px 2px rgba(10, 89, 157, 0.5);*/}h1{font-size:1.625em;color: 232750;/*Fallback für alte Browser einbauen */ font-size: 26px;/* Schriftgröße in EM basierend auf dem body */ /* Abstand nach Unten */ /* z.B. wäre möglich: text-shadow: 4px 4px 2px rgba(10, 89, 157, 0.5);*/}h2{font-size:1.375em;/*height:1.8rem;/*deaktiviert am 9.7.2015, da bei zweizeiliger Ãœberschrift zuwenig Abstand nach unten */ margin-bottom: .9rem;/*detto - deshalb von .4>.12em*/ /*Fallback für alte Browser einbauen */ font-size: 22px;/* font-size + Abstand nach Unten - statt 1.8em = 29/16=1.8rem*/}h3{margin-bottom:.25em;font-size:1.125em;/*Fallback für alte Browser einbauen */ font-size: 18px}margin-bottom:1rem; line-height: 1.5; /*zeilenabstand ohne einheit! */ margin-bottom: 1rem; /*Fallback für alte Browser einbauen */ font-size: 14px; font-size: .875rem; /* p{margin-bottom:1em;line-height:1.5em}margin-bottom:1rem; line-height: 1.5; /*zeilenabstand ohne einheit! */ margin-bottom: 1rem; /*Fallback für alte Browser einbauen */ font-size: 14px; font-size: .875rem; /* p{*/}header{font:1.2em pt_sansregular;font-weight:bold;/*Fallback für alte Browser einbauen */ font-size: 19px;/* statt font-size mit 120% = 19/16=1.19rem */}.mitte{margin-right:auto;padding:0;vertical-align:top;text-align:left;white-space:normal;border-spacing:10px;/*Fallback für alte Browser einbauen */ font-size: 16px} /* responsive-1140-16-percent-uncompressed.css */ #wrapper{width:1140px;margin:0 auto}*[class*="grid"]{float:left;display:inline;margin-right:1%;margin-left:1%}.mod_article>*{margin-right:1%;margin-left:1%}.inside>*[class*="grid"]{margin-right:0;margin-left:0}.grid1{width:4.25%}.grid2{width:10.5%}.grid3{width:16.75%}.grid4{width:23%}.grid5{width:29.25%}.grid6{width:35.5%}.grid7{width:41.75%}.grid8{width:48%}.grid9{width:54.25%}.grid10{width:60.5%}.grid11{width:66.75%}.grid12{width:73%}.grid13{width:79.25%}.grid14{width:85.5%}.grid15{width:91.75%}.grid16{width:98%}.grid16_0{width:100%;margin: 0 !important}.mod_article.grid1{width:6.25%}.mod_article.grid2{width:12.5%}.mod_article.grid3{width:18.75%}.mod_article.grid4{width:25%}.mod_article.grid5{width:31.25%}.mod_article.grid6{width:37.5%}.mod_article.grid7{width:43.75%}.mod_article.grid8{width:50%}.mod_article.grid9{width:56.25%}.mod_article.grid10{width:62.5%}.mod_article.grid11{width:68.75%}.mod_article.grid12{width:75%}.mod_article.grid13{width:81.25%}.mod_article.grid14{width:87.5%}.mod_article.grid15{width:93.75%}.mod_article.grid16{width:100%}.offset1{margin-left:7.25%}.offset2{margin-left:13.5%}.offset3{margin-left:19.75%}.offset4{margin-left:26%}.offset5{margin-left:32.25%}.offset6{margin-left:38.5%}.offset7{margin-left:44.75%}.offset8{margin-left:51%}.offset9{margin-left:57.25%}.offset10{margin-left:63.5%}.offset11{margin-left:69.75%}.offset12{margin-left:76%}.offset13{margin-left:82.25%}.offset14{margin-left:88.5%}.offset15{margin-left:94.75%} /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 19, 2022 */ @font-face { font-family: 'pt_sansbold'; src: url('../../files/fonts/ptsans-bold-webfont.woff2') format('woff2'), url('../../files/fonts/ptsans-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pt_sansbold_italic'; src: url('../../files/fonts/ptsans-bolditalic-webfont.woff2') format('woff2'), url('../../files/fonts/ptsans-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pt_sansitalic'; src: url('../../files/fonts/ptsans-italic-webfont.woff2') format('woff2'), url('../../files/fonts/ptsans-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pt_sansregular'; src: url('../../files/fonts/ptsans-regular-webfont.woff2') format('woff2'), url('../../files/fonts/ptsans-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* style_huS.css, Hubert Wohlfart - für Kunde: Mag.Huchler Stefan, kanzlei-huchler.at */ /* GRUNDEINSTELLUNGEN, siehe auch default.css (in Contao) */ /*-------------------------------------------------------*/ /* Grafik-Container-Abstand eleminieren statt im Grafikelment direkt bei z.B. verticalborder: > Abstand davor -18, und danach 5 angesprochen werden nur alle die im alt mit "1140" beginnen Deshalb nur selectierte da z.B. Logo-Symbol sonst falsch ausgerichtet wird*/ /*Update auf Contao 4.4x *06-2019 alle span.active mit strong.active ersetzt !! */ /*Änderungen: am 30.11.2015: News von Blog getrennt jedoch beides in den Nachrichten - schnelle Lösung zu "#blog..." gleich "#news..." hinzugefügt am 14.5.2017: #14517: Farbe #999ED2 (wegen Rot-Stich) auf #5281AA korrigiert */ a:link {color: #717ACE;} a:visited {color: #232750;} a:hover {color: #232750;} a:active {color: #232750;} img[alt^="1140"] { display: block; vertical-align: bottom; } /* abhängig davon die direkten Grafiken nochmals korrigieren - nicht in verwendung*/ #my-logo-symbol a img { /*right: 30px; /* #LOGO: immer gleich von rechts, jedoch vom Header abhängig */ right: 50%; margin-right: -46%; text-align:right; /* #LOGO: immer soll der rechte Abstand gleich bleiben! */ position: fixed; /*#LOGO: relative nicht gut - da abhängig vom Header immer ganz rechts passender! - aber soll sich bewegen*/ z-index: 2; height: 135px; width: 135px; top: 8px; } /*der Logo-Platzhalter ist bei jeden Artikel in der zweiten Spalte und verhindert dass der Text in das Logo geht wenn dieser platzsparend neben dem Logo bei kleineren Auflösungen/Breiten steht */ #logo-platzhalter { background-image: url("../../files/template_k/logo-platzhalter.png"); /*zischenzeitlich deaktiviert > Muss in den Fluss auf der rechten Seite den Platz für das Logo reservieren */ height: 105px; width: 105px; right: 0px; display: none; } #my-logo-schrift { font-size: 32px; padding-top: 10px; width: 74%; /*74.5% /*ca. die 12 Grids (73% - 2) */ margin-left: 4.5%; left: 4.5%; } /* NAVIGATION */ /*deaktivierte Menüs */ .menue_deaktiviert { color:AAA; list-style: none outside none; } /* zuerst alles allgemeine, auf die Navigation bezogene */ .navigation ul { list-style: none; /* list-style:none; blendet die Punkte aus. circle... */ } .navigation ul li { border: 0px solid #AAA; /*ein dünner Rahmen pro Menü-Element - 0.5px geht nur im Firefox...*/ border-left-style: solid; border-right-style: solid; border-bottom: 0px solid #AAA; /*unten einen dickeren Rahmen pro Menü-Element*/ border-top: 0px; /* da oben keine Linie notwendig */ text-align: center; /* Text mittig im LI Element ausrichten*/ color: #232750; /*background-color: #FFF; /* Hintergrundfarbe LI Elemente */ } .navigation ul li a, .navigation ul li strong.active, .navigation ul li.last.active { text-decoration: none; /* keine Linie unter dem Link */ display: block; /* 100% width & height */ color: #232750; /* Schriftfarbe der Links ist nun hellgrau */ padding: 5px; /*15px; (am 02.08.2016 geändert)/*20%*/ padding-top: 12px; /*bis auf unten immer einen Abstand*/ padding-bottom: 12px; } .navigation ul li.last.active { padding-left:4%; padding-right:4%; padding-bottom: 0px; padding-top: 7px; /*Test*/ padding-bottom: 5px;/*/ /*Test*/ } .navigation ul li a:hover{ /*Ändert Schriftfarbe des A Elementes beim Hovern des LI Elementes */ /*color: #FFF; background-color: #C1DFC2; */ } .navigation ul li strong.active, .navigation ul li.last active { /* Ändert Schriftfarbe des A Elementes beim Hovern des LI Elementes */ /*color: #FFF; background-color: #AAA;*/ } /*Navigations-Mini-Menü wird eingeblendet über Artikel menue.html */ #navigation-mini { } .ce_image.kopf-top-linie { width: 98%; left: 50%; z-index: 3; margin-left: -49%; background-image: url("../../files/template_k/8x1_5281AA.gif"); background-repeat: repeat-x; position: fixed; } .ce_image.kopf-bottom-linie { background-image: url("../../files/template_k/8x1_e4e4e4.gif"); background-repeat: repeat-x; position: absolute; left: 50%; margin-left: -45%; /*#LOGO: statt -45.87%; */ top: 143px; width: 92%; /*wegen größeren (>2Grid) Logo (140px) größer als 14Grid von der Linie*/ z-index: 1; } /* wariable Anpassunge des Footers */ .page-row-expanded { height: 100%; } .page-row {display: table-row;} .ce_image.footer-hintergrund { width: 98%; left: 50%; margin-left: -49%; background-image: url("../../files/template_k/120x1_e4e4e4.gif"); background-repeat: repeat-x; position: fixed; opacity: 0.90; } #willkommen_bei_anwalt-huchler {display:none;} /*nur einblenden wenn unter 480px*/ #menue_mini {display: none;} #menue_mini_close {display: none;} #navigation-top_aktiv {display: none;} #top.unser_team_menue #navigation-top_aktiv {display: inline;} #navigation-top_aktivFIX {display: none;} #top.unser_team_menue #navigation-top_aktivFIX {display: inline;} #navigation-top, #navigation-top_aktiv, #navigation-topFIX, #navigation-top_aktivFIX { left: 8.80%; position: absolute; z-index: 3; top: 108px; } #navigation-topFIX, #navigation-top_aktivFIX { top: 0px; position: fixed; } #navigation-top ul li, #navigation-top_aktiv ul li, #navigation-topFIX ul li, #navigation-top_aktivFIX ul li { float:left; /* float -> Elemente ordnen sich Links an... eliminiert floaten */ background-image: url("../../files/template_k/8x1_5281AA.gif"); background-repeat: repeat-x; background-position: bottom; /*border-bottom: 8px solid #fff; /*unten einen dickeren Rahmen pro Menü-Element*/ width: 14.2%; /*bei 14 Elementen durch 100*2*/ width: 148px; /*08.07.2016: #MENÜ: fixieren der Breite solange die Gesamtbreite ausreichend ist*/ } #navigation-topFIX ul li, #navigation-top_aktivFIX ul li { background-position: top; } #navigation-top ul li strong.active, #navigation-top_aktiv ul li strong.active, #navigation-topFIX ul li strong.active, #navigation-top_aktivFIX ul li strong.active { background-image: url("../../files/template_k/8x1_232750.gif"); background-repeat: repeat-x; background-position: bottom; border-bottom: 8px solid #232750; /*unten einen dickeren Rahmen pro Menü-Element*/ } #navigation-topFIX ul li strong.active, #navigation-top_aktivFIX ul li strong.active { background-position: top; border-bottom: none; border-top: 8px solid #232750; /*unten einen dickeren Rahmen pro Menü-Element*/ } #navigation-top ul li a:hover, #navigation-top_aktiv ul li a:hover, #navigation-topFIX ul li a:hover, #navigation-top_aktivFIX ul li a:hover { background-image: url("../../files/template_k/8x1_232750.gif"); background-repeat: repeat-x; background-position: bottom; /*color: #FFF;*/ /*background-color: #E4E4E4; /* oder grün: #C8D200; */ } #navigation-topFIX ul li a:hover, #navigation-top_aktivFIX ul li a:hover { background-position: top; } #navigation-top ul li.last.active, #navigation-top_aktiv ul li.last.active, #navigation-topFIX ul li.last.active, #navigation-top_aktivFIX ul li.last.active { padding:0px; } /* wenn also das team-Menü aktiv so wird eine gesonderte Menüdarstellung aktiv: */ #top.unser_team_menue #navigation-top_aktiv > ul:nth-child(2) > li:nth-child(2) { background-image: url("../../files/template_k/8x1_232750.gif"); background-repeat: repeat-x; background-position: bottom; border-bottom: 8px solid #232750; } /* wenn also das team-Menü aktiv so wird eine gesonderte Menüdarstellung aktiv: ???????????????????*/ #top.unser_team_menue #navigation-top_aktivFIX > ul:nth-child(2) > li:nth-child(2){ background-image: url("../../files/template_k/8x1_232750.gif"); background-repeat: repeat-x; background-position: top; border-top: 8px solid #232750; } #top.unser_team_menue #navigation-topFIX > ul:nth-child(2) > li:nth-child(2) a { /*color: #FFF; /*"ausblenden" da sonst versetzt */ margin-top: 8px; } #navigation-bottom { right: 4.25%; position: absolute; z-index: 3; top: 0px; width: 100%; /*bei 14 Elementen durch 100*2*/ } #navigation-bottom ul li { float:right; /* float -> Elemente ordnen sich Links an... eliminiert floaten */ background-image: url("../../files/template_k/8x1_5281AA.gif"); background-repeat: repeat-x; background-position: top; width: 14.2%; width: 148px; /*#MENÜ*/ /*border-top: 8px solid #fff; /*unten einen dickeren Rahmen pro Menü-Element*/ } #navigation-bottom ul li strong.active { background-image: url("../../files/template_k/8x1_232750.gif"); background-repeat: repeat-x; background-position: top; border-top: 8px solid #232750; /*unten einen dickeren Rahmen pro Menü-Element*/ } #navigation-bottom ul li.last.active { /* Navigation überschreiben */ padding-left: 0px; padding-right: 0px; margin-top: -8px; /*korrektur damit aktives Element links auch auf 0 steht */ } #navigation-bottom ul li a:hover { background-image: url("../../files/template_k/8x1_232750.gif"); background-repeat: repeat-x; background-position: top; /*color: #FFF;*/ /*background-color: #E4E4E4; /* oder grün: #C8D200; */ } #navigation-info ul li.last.active { /* padding:0px;*/ } #navigation-info { width: 92%; /*bei 14 Elementen durch 100*2*/ right: 50%; /*#FOOTER*/ margin-right: -50%; /*#FOOTER*/ left: 9%; /*#FOOTER*/ position: absolute; margin-top: 10px; /* Abstand zur Hauptseite oben */ z-index: 3; top: 0px; } #navigation-info ul li { float:none; /* float -> Elemente ordnen sich Links an... eliminiert floaten */ display: block; text-align: left; /* Text mittig im LI Element ausrichten*/ color: #red; /*#454545;*/ opacity: 90%; margin: 0px; /*border-bottom: 8px solid #fff; /*unten einen dickeren Rahmen pro Menü-Element*/ } #navigation-info ul li a{ padding: 0px; /* überschreiben der Navigationsabstände */ font-size: 14px; font-size: .875rem; } #navigation-info ul li strong.active { } #navigation-info ul li.last.active { padding:0px; } .mouse_deaktiviert { cursor:none; /* alle Menüs mit dieser Class zeigen keine Mouse an */ } .mouse_als_text { cursor:inherit; /* alle Menüs mit dieser Class zeigen als Mousezeiger den Eingabecursor an - speziell für die beiden Menüs first+last */ } /* Navigaiton-Pfad */ #navigation-last { border-top:1px solid #AAA; border-bottom:1px solid #AAA; } #navigation-last ul li { float: right; text-align:left; text-transform: lowercase; } #navigation-last ul li a { padding-bottom: 0px; /*8px;*/ } #navigation-last ul li:first-child { /*speziell für jedes Navigationselement dezitiert*/ border-left: none; } /* oder die richtige Pfad-Lösung*/ #navigation-pfad { border-top:1px solid #AAA; border-bottom:1px solid #AAA; } #navigation-pfad ul li{ float: left; text-align:left; text-transform: lowercase; } #navigation-pfad ul li a, #navigation-pfad ul li strong.active #navigation-pfad ul li.last.active { padding-bottom: 0px; /*8px;*/ border-top: 0px solid #AAA; /*unten einen dickeren Rahmen pro Menü-Element*/ padding-top: 7px; /*Test*/ padding-bottom: 5px;*/ /*Test*/ } #navigation-pfad ul li:first-child { /*speziell für jedes Navigationselement dezitiert*/ border-left: none; text-transform: none; /*Homepage-Adresse wie geschrieben*/ } /* social */ /*im Moment sind die verticalborder jedoch deaktiviert > besser mit Border+Hintergundbild:*/ #social { background-image: url("../../files/template_k/8x1_e4e4e4.gif"); background-repeat: repeat-x; background-position: top; border-top:1px solid #AAA; border-bottom:1px solid #AAA; } #social ul li { float: right; } #social ul li a, #social ul li strong.active { padding-bottom: 0px;/*4px;*/ border-top: 0px solid #AAA; /*unten einen dickeren Rahmen pro Menü-Element*/ padding-top: 7px; /*Test*/ padding-bottom: 5px;*/ /*Test*/ } #social ul li.last.active { padding:0px; } #social ul li:first-child { border-right: none; text-align:left; } #fusszeile { border-top:1px solid #AAA; background-image: url("../../files/template_k/8x1_5281AA.jpg"); background-repeat: repeat-x; background-position: top; } #fusszeile ul li { float: right; height: 20px; } #fusszeile ul li a, #fusszeile ul li strong.active { font-size: 0.7rem;/*statt 0.7em = 11/16=0.69;*/ padding-left: 10px;/*überschreiben von 20px;*/ padding-right: 10px; padding-bottom: 14px; border-top: 8px solid #5281AA; /*unten einen dickeren Rahmen pro Menü-Element*/ } #fusszeile ul li:first-child { border-right: none; text-align:left; } #fusszeile ul li:last-child { border-left: none; text-align:right; } #fusszeile ul li.last.active { padding:0px; } .fusszeile-tag { padding: 3px; } #adresse { border-top:1px solid #AAA; box-sizing:border-box; /* bei Grid-Systemen sinnvoll das keine Konflikte mit Border ... */ } #adresse ul li { float: none; /*none;*/ height: 40px; } #adresse ul li a { font-size: 0.7rem;/*statt 0.7em = 11/16=0.69;*/ text-align: left; padding: 4px;/*überschreiben von 20px;*/ padding-bottom: 4px; padding-left: 25px; padding-bottom: 26px; } #adresse ul li a:hover { /* Ändert Schriftfarbe des A Elementes beim Hovern */ /*color: #FFF; background-color: #C1DFC2;*/ border-left:40px; background-image: url("../../files/template_k/8x1_232750.gif"); background-repeat: repeat-x; background-position: bottom; } /*Kopf-Elemente */ .kopf_linie_bottom { background-image: url("../../files/template_k/8x1_e4e4e4.gif"); background-repeat: repeat-x; background-position: bottom; } /*Artikel-Elemente */ /* die linie über den Artikelbereich und unter dem Artikelbereich - angepasst an die Breite */ .artikel-pos { /*für alle Texte im Teambereich mit Menü die nach oben versetzt gehören (statt früher mit -200px inline gesetzt. */ margin-top: -21%;/*war -21% 06-2019 - doch nicht wegen span>strong**/ } .artikel_linie_top { margin-top: 2px; /*vor der Linie der Abstand */ margin-bottom: 2px; /*nach der Linie der Abstand */ background-image: url("../../files/template_k/1x1_232750.gif"); background-repeat: repeat-x; background-position: top; } .artikel_linie_bottom { margin-top: 0px; /*vor der Linie der Abstand */ margin-bottom: 0px; /*nach der Linie der Abstand */ background-image: url("../../files/template_k/1x1_232750.gif"); background-repeat: repeat-x; background-position: bottom; } .artikeltext_bottom { /*Text kurz nach der unteren Artikellinie (bei nicht Team-Artikeln*/ } /* Wenn das Fix-Menü aktiv ist: > alle Artikel-Überschriften auf Höhe der kopf_linie_bottom setzen und diese ausblenden, > My-Logo-Schrift ausblenden > artikel_linie_top wie kopf_linie_bottom aussehen lassen */ .artikel_schrift_top { /*margin-bottom: -30px;*/ } /*Nachrichtenliste */ #blog.mod_article div.layout_simple, #news.mod_article div.layout_simple { padding: 5px; padding-top:10px; padding-bottom: 19px; } #blog.mod_article.first.last.block div.layout_simple a, #news.mod_article.first.last.block div.layout_simple a{ /* short-Darstellung der Liste */ text-decoration:none; color: #5281AA; display: list-item; float: left; margin-left: 0px; list-style: none outside none; clear: both; /*verhindert den Float neben das datum - also immer unter dem Datum! */ } #blog.mod_article.first.last.block div.layout_simple a:hover, #news.mod_article.first.last.block div.layout_simple a:hover { color: #FFF; background-color: #232750; } #blog.mod_article.first.last.block div.layout_simple time, #news.mod_article.first.last.block div.layout_simple time { /* Zeit-Anzeige in Liste */ color: #AAA; float:left; padding-right: 10px; /*Abstand zum Text*/ padding-bottom: 5px; } #blog-detail.mod_article.first.last.block div.mod_newsreader p.back a { /*Zurück-Button im Blog */ text-decoration:none; color: #000; } #blog-detail.mod_article.first.last.block div.mod_newsreader p.back a:hover { /*Zurück-Button im Blog */ color: #FFF; background-color: #232750; } /* Blog-Liste rechts immer sichtbar */ #blog-liste.mod_newslist.blog-liste-rechts div.layout_simple a, #blog-liste.mod_newslist.blog-liste-rechts div.layout_simple strong.active { text-decoration:none; font-size: 0.8rem; color: #5281AA; margin-left: 10px; float:left; margin-bottom:12px; border-bottom: #AAA; line-height: 1.25; /* Zeilenabstand */ } #blog-liste.mod_newslist.blog-liste-rechts div.layout_simple a:hover { color: #FFF; background-color: #232750; } #blog-liste.mod_newslist.blog-liste-rechts div.layout_simple time { display:none; } /* Sitemap */ #sidemap.mod_sitemap.sitemap-rechts.grid4.block ul li a, #sidemap.mod_sitemap.sitemap-rechts.grid4.block ul li strong.active { text-decoration:none; font-size: 0.8rem; color: #232750; margin-left: 10px; float:left; margin-bottom:12px; border-bottom: #AAA; line-height: 1.25; /* Zeilenabstand */ } #primaryNav li a { background-color: #989ED2; border-color: #989ED2; background: none; color: #232750; /*#717ACE;*/ } #primaryNav li li a, #primaryNav li li li a, #utilityNav li a { background-color: #E7E7E7; border-color: #E7E7E7; color: #232750; /*#717ACE;*/ } #primaryNav li li a:hover, #primaryNav li li li a:hover, #utilityNav li a:hover { background-color: #D9D9E8; border-color: #D9D9E8; } #primaryNav li li a:hover { background-color: #D9D9E8; border-color: #D9D9E8; } #primaryNav li a:link::before, #primaryNav li a:visited::before, #primaryNav li li a:link::before, #primaryNav li li a:visited::before { color: #5281AA; } #primaryNav li a:hover::before, #primaryNav li li a:hover::before { color: #FFF; } /* Bilder, Logos */ #my-logo { position:relative; } /*.ce_image.grid8.block figure.image_container a img*/ .XXXright_vom_rand { /*alle Element von rechts vom Rand um x entfernt*/ text-align: right; } .50prozent { /*Kachceln-Bilder auf 50% der 8 Grid anpassen*/ width: 50% } .verticalborder { background-color: #AAAAAA; } #team-bild {position:relative; width: 200px; /*display: none;*/} .kachelmenue-left ul li a, .kachelmenue-left ul li strong.active, #menue nav ul li a, #menue nav ul li strong.active { /* wenn Menü aktiv ist */ background-image: url("../../files/template_k/8x1_5281AA.jpg"); background-repeat: repeat-x; background-position: bottom; height: 20px; /* nicht vergessen - Padding dazuzählen! */ text-align: left; /* Text mittig im LI Element ausrichten*/ vertical-align:middle; color: #232750; background-color: #FFF; /*#DCDCDC; /* Hintergrundfarbe LI Elemente */ text-decoration: none; /* keine Linie unter dem Link */ display: block; /* 100% width & height */ padding: 10px; padding-left: 10%; /*26.07.: statt 25px;*/ margin-bottom:5px; margin-left:10px; font-size: 17px; /* da sonst die Größe vom Body=14px... verwendet wird */ font-size: 1.1rem; } #menue { /*alles was sich unterscheidet*/ position: absolute; left: -10px; /*rand von Seite ist 10*/ width: 50%; top: 43px; z-index: 3; } #menue nav ul li a, #menue nav ul li strong.active { margin-top: 2px; margin-bottom: 2px; padding-top: 0px; } /* wenn das Menü Teil von unser_team_menue dann rechtsbündig darstellen ***GEHT NICHT????*/ .kachelmenue-tag1 a, .kachelmenue-tag1 strong.active { /*text-align: right;*/ } .rand_links { clear: right; float: left; padding-bottom: 500px; /*clear noch nicht richtig funktional - aber mit diesem 100px-Block eine zwischenlösung*/ } /* clear: both versetzt das Element sowohl unter rechts als auch unter links schwebende Boxen. */ .clearright { clear: right; float: left; } .clearfloat{ clear: right; float: left; padding-bottom: 120px; /*clear noch nicht richtig funktional - aber mit diesem 100px-Block eine zwischenlösung*/ } /* CSS clear: left schiebt ein Element so weit nach unten, dass es unter einem links schwebenden Element steht */ .clear-zwichen-menue-left { clear: left; } .kachelmenue-left.kachel_rechts.block { /*margin-left:0px;*/ /*padding-right:30px;/*11.3.2016*/ /*float:right;/*11.3.2016*/ } /* wenn die Kacheln auf der rechten Seite keinen Abstand von Links! - GEHT SO NOCH NICHT */ /* deshalb den Abstand der anderen Elemente mit margin-left geändert! */ /* .kachelmenue-left kachel_rechts a, .kachelmenue-left ul li kachel_rechts strong.active { margin-left:0px; } */ .kachelmenue-left ul li a:hover, #menue nav ul li a:hover { background-image: url("../../files/template_k/8x1_232750.gif"); background-repeat: repeat-x; background-position: bottom; /*color: #FFF; background-color: #C1DFC2; /* oder grün: #C8D200; */ } .kachelmenue-left ul li strong.active, #menue nav ul li strong.active { /*color: #FFF; background-color: #AAA;*/ height: 12px; /*verkleinern um die 8px-vom Unterstrich - von gesamt 20px*/ border-bottom: 8px solid #232750; /*unten einen dickeren Rahmen pro Menü-Element*/ } .kachelmenue-tag1 ul li strong.active { background-image: url("../../files/template_k/rechtsanwalt.jpg"); background-position: top; background-size:100%; padding-top: 100%; } .kachelmenue-tag2 ul li strong.active { background-image: url("../../files/template_k/team_ges.jpg"); background-position: top; background-size:100%; padding-top: 100%; } .kachelmenue-tag3 ul li strong.active { background-image: url("../../files/team/sekretariat_a.jpg"); background-position: top; background-size:100%; padding-top: 100%; } .kachelmenue-tag4 ul li strong.active { background-image: url("../../files/team/buchhaltung.jpg"); background-position: top; background-size:100%; padding-top: 100%; } .kachelmenue-tag5 ul li strong.active { background-image: url("../../files/team/office_a.jpg"); background-position: top; background-size:100%; padding-top: 100%; } /*Erweiterung ab 11.03.2016: Wichtige Links mit separaten Kachel die nicht im Standard-Menü links vorhanden ist */ /*.kachelmenue-tag-nutzen ul li strong.active { background-image: url("../../files/template_k/kachel_1.jpg"); background-position: top; background-size:100%; padding-top: 100%; }*/ /* Haupt-Artikel - Bilder anzeigen wenn Navigations-left gewählt wird */ .kachel-left ul li{ /*background-image: url("../../files/template_k/40x40.gif"); background-position: left; background-repeat: no-repeat;*/ background-image: url("../../files/template_k/8x1_5281AA.jpg"); background-repeat: repeat-x; background-position: bottom; opacity: 0.3; filter: alpha(opacity=30); } .kachel-left ul li:hover { opacity: 1; filter: alpha(opacity=100); } .adresse { box-sizing:border-box; margin-bottom:0px; border: medium none; color: #333; padding: 9px 10px; vertical-align: top; display: table-cell; text-align:left; font-size: 0.875rem; /*statt 14px; = 14/16=0.875rem*/ line-height: 18px; text-decoration: none; /* keine Linie unter dem Link */ } /*Gallerie für das Team - anpassen */ .ce_gallery > ul li { text-align: center; } .ce_gallery > ul li > figure{ /*einzelne Elemente mit :nth-child(1) ansprechbar */ margin: 2px; /*ist inline gesetzt deshalb hier keine Wirkung*/ background-color: #5281AA; opacity: 0.9; } li.row_0:nth-child(1) > figure:nth-child(1) { /*das Team-Element ist aktiv */ background-color: #232750; } .ce_gallery > ul li > figure:hover{ /*einzelne Elemente mit :nth-child(1) ansprechbar */ background-color: #232750; opacity: 1; } .ce_gallery > ul li > figure a{ /*light-box unten nicht sichtbar */ margin-top: -10px; margin-bottom: 0px;/*statt 3px*/ } .ce_gallery > ul li > figure > figcaption{ /*light-box unten nicht sichtbar */ margin-top: -20px; margin-bottom: 0px;/*statt 3px*/ height: 25px; color: #232750; } /*Formulare - Kontaktformular */ .kontaktformular { line-height: 1em; /*margin-bottom: 45px;*/ } .kontaktformular label { display:block; /* Erzwingt Objekt den Zustand Block einzunehmen = volle Breite */ margin-bottom: 0.5em; } .kontaktformular input { /* soll gleich wie .modell select aussehen */ width: 95%; /*100%;*/ padding: 0.5em; border: none; background-color: #f3f3f3; margin-bottom: 1em; } .kontaktformular textarea { width: 95%; /*100%*/ height: 10em; resize: none; /* Hindert User daran, dass Fenster zu verkleinern */ margin-bottom: 1em; padding: 1em; border: none; background-color: #f3f3f3; } .kontaktformular input.submit { width: 50%; /*25%*/ background-color: #5281AA; color: #232750; cursor: pointer; margin-top: 1em; } .kontaktformular input.submit:hover { background-color: #5281AA; color: #FFF; } .kontaktformular input:focus, .kontaktformular textarea:focus { /* focus als Pseudoklasse - wenn Element ausgwählt */ background-color: #B1B5CE; border: 0px solid #717ACE; color: #FFF; } /* Quick-Kontaktfomular auf jeder Seite bei der Unterschrift */ .kontaktformular-quick input { /* soll gleich wie .modell select aussehen */ padding: 0.1em; border: none; background-color: #f3f3f3; margin-bottom: 0.1em; margin-right: 0.2em; } .kontaktformular-quick input.submit:hover { background-color:#5281AA; color: #FFF; } /* direkt die Felder ansprechen */ .quick-kontaktfelder p.error {display: none;} .quick-kontaktfelder {font-size: 0.9rem;} .quick-email {float: left; } .quick-email.error {float: left;} .quick-email label {display: none;} .quick-betreff {float: left;} .quick-betreff label {display: none;} .quick-sicherheitsabfage {float: left;} .quick-sicherheitsabfage.error {float: left;} .quick-sicherheitsabfage label {display: none;} .quick-senden {float: right;} .quick-kontaktfelder input:focus { /* focus als Pseudoklasse - wenn Element ausgwählt */ background-color: #e8e8e8; /*border: 1px solid #C8D200; /*mehrere Felder sind eingerahmt - nicht ganz ok - eindeutigkeit ist notwendig*/ } /* Akkordion */ .ce_accordion div.accordion > div { margin-bottom:2px; padding-top:10px; display:false; } .ce_accordion div { background: #FFF; padding: 0 3px; margin-bottom: 2px; } .ce_accordion div.accordion { /*das Element das geöffnet wird */ background: #FFF; /*#C8D200; oder grün*/ font-weight:100; } .ce_accordion div.active { background: #232750; color: #fff; font-weight:bold; } .ce_accordion div.hover { text-decoration:none; background: #232750; color: #fff; cursor:pointer; font-weight:bold; } .section.ce_accordionStart.active{ background:#232750; color: #fff; } section.ce_accordionStart.ce_accordion{ background: #5281AA; /*#DCDCDC;*/ } section.ce_accordionStart.ce_accordion:hover{ background:#232750; color:FFF; } ce_accordionStart.ce_accordion.block div.toggler { background: #5281AA; /*#DCDCDC;*/ } /* footer am Bildrand nur ok wenn Inhalt nicht größer - sonst überlappend! */ /* mit media-querys selber anpassen */ /* Anpassen je nach Bildschirmgrösse */ /*#home_kacheln { background-image: url("../../files/template_k/logo-hintergrund.gif"); background-position:center; background-size: 25%; background-size:percentage; background-repeat:no-repeat; opacity: 0.95; }*//* deaktiviert - da zu überladen*/ .home_kachel { /*die einzelnen Kacheln ansprechen */ /*width: 48%; float:left; /*margin-top:1px;*/ opacity: 0.75; /* statt immer mit 0.75 - mit hover kombiniert */ /*margin-left:5px;*/ } .home_kachel:hover { opacity: 1; } /*immer das aktive Menüelement ganz oben anzeigen - die Lösung wie: 1.) ich erstelle zwei individuelle Navigationen - 1x blende ich alle nicht aktivien aus, 1x blende ich alle aktiven aus dadurch habe ich das aktive Element immer oben. */ /*#navigation-left_team_aktiv {display: none;}*/ #navigation-left_team_aktiv > ul:nth-child(2) > li:nth-child(1) {display: none;} #navigation-left_team_aktiv > ul:nth-child(2) > li:nth-child(2) {display: none;} #navigation-left_team_aktiv > ul:nth-child(2) > li:nth-child(3) {display: none;} #navigation-left_team_aktiv > ul:nth-child(2) > li:nth-child(4) {display: none;} #navigation-left_team_aktiv > ul:nth-child(2) > li:nth-child(5) {display: none;} #navigation-left_team_aktiv > ul:nth-child(2) > li.active {display: inline;} #navigation-left_team_aktiv > ul:nth-child(2) > li.trail {display: inline;} #navigation-left_team > ul:nth-child(2) > li:nth-child(1) {display: inline;} #navigation-left_team > ul:nth-child(2) > li:nth-child(2) {display: inline;} #navigation-left_team > ul:nth-child(2) > li:nth-child(3) {display: inline;} #navigation-left_team > ul:nth-child(2) > li:nth-child(4) {display: inline;} #navigation-left_team > ul:nth-child(2) > li:nth-child(5) {display: inline;} #navigation-left_team > ul:nth-child(2) > li.active {display: none;} #navigation-left_team > ul:nth-child(2) > li.trail {display: none;} /*#navigation-left_team_aktiv kachelmenue-left {display:none;} /*zuerst alle Elemente ausblenden */ /*#navigation-left_team_aktiv kachelmenue-left.a.u.li.li active {display:inline;} /*dann nur die aktiven einblenden */ /*Media-Anpassung für kleine Geräte - Start am 08.07.2016 #MENÜ: unter 965px Breite wird das Menü nicht mehr korrekt dargestellt (*1) */ /* in Verbindung mit responsiv-wrapper-anpassungen! --dran: 09.07.2016 */ #willkommen_kurz {display: none;} /*kurze Willkommen-Überschrift nur unter 600px Breite anzeigen*/ #willkommen_lang {display: inline;} /*kurze Willkommen-Überschrift nur unter 600px Breite anzeigen*/ #rechtsanwalt_kurz {display: none;} #rechtsanwalt_lang {display: inline;} #kontakt_kurz {display: none;} #kontakt_lang {display: inline;} #navigation-left_team {display: inline;} #navigation-left_team_wahl {display: none;} #buchhaltung_lang {display: inline;} #buchhaltung_kurz {display: none;} #honorar_lang {display: inline;} #honorar_kurz {display: none;} @media (min-width:867px) { #my-logo-schrift { width: 74%; /*74% */ } } @media (max-width:866px) { #my-logo-schrift { width: 66%; /*74% */ } } /*übernommenes CSS aus responsiv... 09.07.2016 - wird hier überschrieben*/ /*@media (min-width:980px) and (max-width:1160px){/** Reduce the overall width *//* #wrapper {width:960px;}} *//*wird überschrieben*/ /* Achtung: Der Zoom von z.B. Firefox muss auf 100% stehen sonst sind die Werte nicht zuordenbar!!! */ /*@media (min-width:1161px) and (max-width:1400px) {#wrapper {width:1360px;}}*/ @media (min-width:1112px) and (max-width:1160px) {#wrapper {width:1096px;}} @media (min-width:1063px) and (max-width:1111px) {#wrapper {width:1047px;}} /* oder: @media (max-width:1024px) and (min-width: 480px) */ @media (max-width:1024px) { /*alles was kleiner ist wird in der Schrift auf 90% gestellt*/ /*#header {font-size: 16px; font-size: 1.0rem;}*/ #navigation-left_team, #navigation-left_team_aktiv, .navigation_bild {float: left; display: block; width: 135px;} /*fix auf 200px statt 25%*/ /*{float: left; display: block; width: 135px; left: 0px; margin-left: -10px; margin-right: 10px; } /*fix auf 200px statt 25%*/ } @media (min-width:1014px) and (max-width:1062px) {#wrapper {width:998px; }} @media (min-width:965px) and (max-width:1013px) {#wrapper {width:949px; }} @media (min-width:916px) and (max-width:964px) {#wrapper {width:900px; }} @media (min-width:867px) and (max-width:915px) {#wrapper {width:851px; } } @media (min-width:818px) and (max-width:866px) {#wrapper {width:802px; }} @media (min-width:769px) and (max-width:817px) {#wrapper {width:753px; }} /*ergänzt bis >480px*/ @media (min-width:730px) and (max-width:768px) {#wrapper {width:714px; }} @media (min-width:681px) and (max-width:729px) {#wrapper {width:665px; }} @media (min-width:632px) and (max-width:680px) {#wrapper {width:616px; }} @media (min-width:601px) and (max-width:631px) {#wrapper {width:567px; }} /*@media (min-width:534px) and (max-width:582px) {#wrapper {width:518px; }} @media (min-width:481px) and (max-width:533px) {#wrapper {width:465px; }}*/ /*@media (min-width:768px) and (max-width:979px) {/** Reduce the overall width *//* #wrapper {width:768px;}} *//*wird überschrieben*/ /* @media (max-width:767px) { /** Remove the overall width */ /* #wrapper {width:auto;} /** Show all columns underneath each other */ /** *[class*="grid"],.inside>*[class*="grid"] {float:none; display:block; width:auto; margin:0;} */ /** } */ /* Menüanpassung wenn unter 980px: Die Breiten+ Schrift werden verkleinert #MENÜ: */ @media (min-width:481px) and (max-width:979px) { .kachelmenue-left ul li a, .kachelmenue-left ul li strong.active { /* wenn Menü aktiv ist */ padding-left: 7%; /*26.07.: statt 25px;*/ height: 15px; font-size: 15px; /* da sonst die Größe vom Body=14px... verwendet wird */ font-size: 0.9375rem; /*16px=1rem*/ } .kachelmenue-left ul li strong.active { height: 7px; /*verkleinern um die 8px-vom Unterstrich - von gesamt 20px*/ } } @media (min-width:917px) and (max-width:979px) { /* statt width: 148px; ...bei 980 sind es ~14.8% Breite */ #navigation-top ul li, #navigation-top_aktiv ul li, #navigation-topFIX ul li, #navigation-top_aktivFIX ul li ,#navigation-bottom ul li {width: 16%; /*bis >916 #MENÜ*/ } } @media (min-width:868px) and (max-width:916px) { #navigation-top ul li, #navigation-top_aktiv ul li, #navigation-topFIX ul li, #navigation-top_aktivFIX ul li ,#navigation-bottom ul li {width: 17%; /*bis >867 #MENÜ*/ } } @media (min-width:818px) and (max-width:867px) { #navigation-top ul li, #navigation-top_aktiv ul li, #navigation-topFIX ul li, #navigation-top_aktivFIX ul li ,#navigation-bottom ul li {width: 18%; /*bis >817 #MENÜ*/ } } @media (max-width:865px) { .artikeltext_last{padding-bottom: 40px;} /*bei Willkommen der letzte Textblock*/ } @media (min-width:769px) and (max-width:817px) { #navigation-top ul li, #navigation-top_aktiv ul li, #navigation-topFIX ul li, #navigation-top_aktivFIX ul li ,#navigation-bottom ul li {width: 19%; /*bis >768 #MENÜ*/ } } @media (min-width:481px) and (max-width:768px) { /*Schrift kleiner, Logo kleiner und Header nicht so hoch*/ #my-logo-symbol a img {height: 102px; width: 102px;} #header {height: 147px;} /*statt 180px normal*/ #navigation-top, #navigation-top_aktiv, #navigation-topFIX, #navigation-top_aktivFIX {top: 78px;} #navigation-top, #navigation-top_aktiv, #navigation-topFIX, #navigation-top_aktivFIX, #navigation-bottom {font-size: 16px; font-size: 1.0rem;} .ce_image.kopf-bottom-linie {top:110px;} #my-logo-schrift {font-size:28px;} #navigation-info ul li a{ font-size: 12px;font-size:.6875rem; /* statt: font-size: 12px;font-size:.75rem;*/ } .kachelmenue-left ul li a, .kachelmenue-left ul li strong.active { padding-left: 1%; /*26.07.: statt 25px;*/ height: 17px; font-size: 16px;font-size:1.0rem; /* statt: font-size: 12px;font-size:.75rem;*/ } .kachelmenue-left ul li strong.active { height: 11px; /*verkleinern um die 8px-vom Unterstrich - von gesamt 20px*/ } } @media (min-width:632px) and (max-width:768px) { #navigation-top ul li, #navigation-top_aktiv ul li, #navigation-topFIX ul li, #navigation-top_aktivFIX ul li ,#navigation-bottom ul li {width: 19.6%; /*bis >669 #MENÜ*/ } } @media (max-width: 631px) { #navigation-top, #navigation-top_aktiv, #navigation-topFIX, #navigation-top_aktivFIX {top: 79px;} #navigation-top, #navigation-top_aktiv, #navigation-topFIX, #navigation-top_aktivFIX, #navigation-bottom ul li { font-size: 14px; font-size: .875rem;} } @media (min-width:300px) { /*alle Breiten mit mehr als 1140px */ #footer-abstand { margin-bottom:45px; } #footer { right: 50%; margin-right: -50%; position: fixed; bottom: 0px; height: 82px; z-index: 1; width: 100%; /*1140px;*/ } } @media (min-width:601px) and (max-width:631px) { #navigation-top ul li, #navigation-top_aktiv ul li, #navigation-topFIX ul li, #navigation-top_aktivFIX ul li ,#navigation-bottom ul li {width: 19.6%; /*bis >719 #MENÜ*/ } } @media (max-width:600px) { /* von 767 auf 768 geändert */ #wrapper {width:auto;} #header {height: 30px;} #container {margin-left: 10px;} /** Show all columns underneath each other */ *[class*="grid"],.inside>*[class*="grid"] {float:none; display:inline; width:auto; margin:0;} /*display inline statt block*/ #navigation-top, #navigation-top_aktiv, #navigation-topFIX, #navigation-top_aktivFIX {top: 148px; left:10px; width: 94%;} #navigation-top ul li, #navigation-top_aktiv ul li, #navigation-topFIX ul li, #navigation-top_aktivFIX ul li ,#navigation-bottom ul li {width: 25%; font-size: 16px; font-size: 1.0rem; opacity: 0.8;} #my-logo-symbol a img {height: 140px; width: 140px; position: absolute; margin-top: -19px; opacity: .8/*nicht transp*/;} #my-logo-schrift {float: none; top: 0px; margin-left: 10px; font-size:1.3em;} .ce_image.kopf-top-linie {left: 0px; width: 100%;} .ce_image.footer-hintergrund {width: 100%; margin-left: -50%;} .ce_image.kopf-bottom-linie {top: 148px; left: 10px; width: 94%;} /*kurze Überschriften statt lange einblenden */ #willkommen_kurz {display: block;} #willkommen_lang {display: none;} #rechtsanwalt_kurz {display: block;} #rechtsanwalt_lang {display: none;} #kontakt_kurz {display: block;} #kontakt_lang {display: none;} #buchhaltung_lang {display: none;} #buchhaltung_kurz {display: block;} #honorar_lang {display: none;} #honorar_kurz {display: block;} .artikel_schrift_top {width: 66%; display: block; margin-bottom: 90px;} /* Abstand zu oben größer da Überschrift weiter oben*/ #navigation-top ul li, #navigation-top_aktiv ul li {background-position: top;} #navigation-top ul li strong.active, #navigation-top_aktiv ul li strong.active {background-position: top; border-top: 8px solid #232750;border-bottom: none;} #navigation-top ul li a:hover, #navigation-top_aktiv ul li a:hover {background-position: top;} #top.unser_team_menue #navigation-top_aktiv > ul:nth-child(2) > li:nth-child(2) {background-position: top; border-top: 8px solid #232750; border-bottom:none;} #top.unser_team_menue #navigation-top > ul:nth-child(2) > li:nth-child(2) a {margin-top: 8px;} /*da sonst versetzt*/ #navigation-info ul li a{font-size: 12px;} #navigation-info {margin-top:18px; left: 10px;} #navigation-left_team, #navigation-left_team_aktiv {float: left; display: block; width: 200px; left: 0px; margin-left: -10px; margin-right: 10px;} /*fix auf 200px statt 25%*/ #team-text {float: left;} /* .artikel-pos > div:nth-child(1) {margin-top: -240px;} .artikel-pos > p:nth-child(1) {margin-top: -240px;} #team_galerie.ce_gallery > ul {margin-top: -240px;} */ .artikeltext_last{padding-bottom: 80px;} /*bei Willkommen der letzte Textblock*/ } @media (max-width:480px) { #my-logo-schrift {float: none; top: 0px; margin-left: 5px; font-size:1.1em;} .artikel_schrift_top {width: 66%; display: block; margin-bottom: 90px; margin-left: -5px;} #navigation-top ul li, #navigation-top_aktiv ul li, #navigation-topFIX ul li, #navigation-top_aktivFIX ul li ,#navigation-bottom ul li{font-size: 15px; font-size: .875rem;} #navigation-info ul li a{font-size: 11px;} #navigation-info {10px; margin-top: 16px;} } @media (max-width:361px) { /*iphone*/ #artikel_ende {height:20px;} .navigation ul li a, .navigation ul li strong.active, .navigation ul li.last.active {padding-left: 3px; padding-right: 3px;} #my-logo-schrift {float: none; top: 0px; margin-left: 5px; font-size:1.0em;} #navigation-top ul li, #navigation-top_aktiv ul li, #navigation-topFIX ul li, #navigation-top_aktivFIX ul li ,#navigation-bottom ul li{font-size: 13px;} #navigation-info ul li a{font-size: 12px;font-size:.75rem;} #navigation-info {left:5px; margin-top:20px;} #navigation-left_team, #navigation-left_team_aktiv {width: 50%; height:auto; margin-left: -10px; margin-right: 10px;} /*fix auf 200px statt 25%*/ #navigation-top ul li, #navigation-top_aktiv ul li, #navigation-topFIX ul li, #navigation-top_aktivFIX ul li ,#navigation-bottom ul li {width: 24.75%; font-size: 13px;} /*auswahl statt Menü:*/ #navigation-left_team {display: none;} #navigation-left_team_wahl {display: inline; padding-bottom: 30px; margin-top: -100px; float:left; width:50%; margin-bottom:1px;} #navigation-left_team_aktiv {margin-top: 0px; margin-bottom: 25px;} #navigation-left_team > ul:nth-child(2) > li:nth-child(1) {display: none;} #navigation-left_team > ul:nth-child(2) > li:nth-child(2) {display: none;} #navigation-left_team > ul:nth-child(2) > li:nth-child(3) {display: none;} #navigation-left_team > ul:nth-child(2) > li:nth-child(4) {display: none;} #navigation-left_team > ul:nth-child(2) > li:nth-child(5) {display: none;} .artikeltext_bottom {font-size: 18px;} .artikel-pos > p:nth-child(1) {margin-top: -230px;} /*Team-Menü -> Bild nach rechts und das Menü links neben den Bild gleich hoch */ /*#navigation-left_team_aktiv {margin-left: 45%;} #navigation-left_team {}*/ /*offen: Überschrift von Kontakt+Rechtsanwalt(stattdessen "Werdegang-Überschrift hinauf" - auch kurz statt lang. >Team-Menü links ist zu breit (~65% breit) und der Text wird nur eine halbe Zeile angezeigt - +auch die Grafik ist nicht ganz oben ~80px bis Rechtsanwalt-Foto oben luft +Text nach Menü links ist ca. 180px unten entfernt und beginnt dort nach der ersten halben Zeile oben +Text verschwindet unter Footer */ /*umstellung auf minimenü, keine normalen - alles weg...*/ /*logo kleiner*/ #logo-platzhalter {display: inline; width: 100px;} #logo-platzhalter figure img {min-width: 50px;} /*#logo-platzhalter > figure > img {min-width: 60px;} */ /*.text_mit_logo > p:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {width: 70%;}*/ #navigation-info {left:5px; margin-top:13px;} #menue_mini {display: block; z-index:1;} #menue_mini_close {display: none;} #menue_mini_bord {display: block; position: fixed; width: 360px; height: 32px; margin-top: -12px; z-index:1;} #navigation-left_team, #navigation-left_team_aktiv {float: left; display: block; width: 200px; left: 0px; margin-left: -10px; margin-right: 100%; margin-top: 0px; margin-bottom: 0px;} /*fix auf 200px statt 25%*/ #team_galerie.ce_gallery > ul {width: 200px; height:auto; float: left; margin-top: 0px;} /*statt width: 200px*/ .artikel-pos > p:nth-child(1) {margin-top: -18px; float: left;}/*{margin-top: -230px; float: left;} /*Text darunter beginnen */ #header {height: 109px; position: fixed; z-index:1;} #my-logo-schrift {display: none;} /*schrift nicht mehr darstellen */ #navigation-top, #navigation-bottom {display: none;} /*menüs ausblenden*/ /*.ce_image.kopf-bottom-linie {position:fixed; top: 108px; left: 0px; width: 100%;} /*linie nach oben und schmaler */ .ce_image.kopf-bottom-linie {display: none;} /* doch ausblenden */ /*ausblenden des unteren Menüs unter Bild */ .kachelmenue-left ul li a, .kachelmenue-left ul li strong.active {height:0px; color:#FFF;} .kachelmenue-left ul li strong.active, #menue nav ul li strong.active {height: 0px; border-bottom: none;} .artikel_schrift_top {position: fixed; top: 10px; width: 75%; display: block; margin-bottom: 0px; margin-left: 32px; z-index:2;} #my-logo-symbol a img {right: 50%; margin-right: -50%; text-align:right; position:fixed; z-index:2; height:auto; width:100px; top:26px;} /*schrift für svg-Text: */ text {font-family: "Source Sans"; font-size: 5px; text-anchor: middle;} .clearfloat{padding-bottom: 0px;} } @media (max-width:319px) { /*alles verstecken und nur das Logo + Willkommen, dass separat im Kopf versteckt ist, einblenden */ #navigation-top, #navigation-top_aktiv, .artikel_linie_top, #navigation-bottom {display:none;} #top.unser_team_menue #navigation-top_aktiv {display:none;} #main {display: none;} #my-logo-symbol a img {display: block; height: auto; width: 50%; margin-right: -50%;} #my-logo-schrift {display:none;} #willkommen_bei_anwalt-huchler {display: inline;} .navigation_bild img {width: 50%; height:auto;} #willkommen_kurz {margin:0px;} /*Bild hinauf, Text darunter: */ /*.navigation_bild img {position: absolute; top: 8px;}*/ /*#willkommen_bei_anwalt-huchler div.ce_text:nth-child(5) > div:nth-child {margin-left: 10px;}*/ .ce_image.kopf-bottom-linie {display:none;} #header {margin-left:10px; margin-right: 10px;} div.ce_text:nth-child(5) > div:nth-child(1) {border-top: 8px solid #E4E4E4;} .navigation_bild > figure:nth-child(1) {margin-bottom: -3px;} #navigation-info {left:10px;} #navigation-info ul li a{font-size: 11px;font-size:.75rem;} } /*.ce_image.kopf-top-linie {background-image: url("../../files/template_k/8x1_FF0000.gif");/*zzz*//*}*/ #top.menue_mini_aktiv #menue_mini {display: none;} #top.menue_mini_aktiv #menue_mini_bord {display: none;} #top.menue_mini_aktiv #menue_mini_close {display: inline;} /*sobald dieses Mini-Menü aktiv ist wird auch das lose-Menü eingeblendet*/