.rechtsanwaelte .profile .anwalt{width:33.333%}.rechtsanwaelte .profile{display:flex;width:100%}.rechtsanwaelte{display:grid;margin:20px 0;width:100%}.rechtsanwaelte .profile .anwalt .name{display:flex;font-size:18px;margin-top:-7px}.rechtsanwaelte .profile .anwalt .titel{background:#f1f1f1;font-size:13px;line-height:1.4;padding:10px;height: 6em}.rechtsanwaelte .profile .anwalt .name a{background:#006FAB;color:#fff;display:block;padding:10px;width:100%}.rechtsanwaelte .profile .name a:hover{background:#006FAB!important}.rechtsanwaelte .profile .anwalt.links{padding-right:10px}.rechtsanwaelte .profile .anwalt.mitte{padding-right:5px;padding-left:5px}.rechtsanwaelte .profile .anwalt.rechts{padding-left:10px}.rechtsanwaelte .profile img{width:100%}.social-buttons .fab,.social-buttons .fas{display:inline;font-style:normal;font-size:36px}.social-buttons a{display:inline-flex}.social-button.facebook,.social-button.instagram,.social-button.linkedin{padding:0 5px}.social-button.instagram{color:#f15761}.social-button.facebook{color:#4064ac}.social-button.linkedin{color:#0270ad}.social-button.youtube{padding-right:5px;color:red}.social-button.twitter{padding-left:5px;color:#1c9cea}.social-buttons .titel{border-bottom:1px solid #f2f2f2;padding-bottom:7px;margin-bottom:15px}.social-buttons{width:max-content;max-width:100%;margin:13px 0}.social-button.youtube i:hover{color:#006FAB}.social-button.instagram i:hover{color:#006FAB}.social-button.facebook i:hover{color:#006FAB}.social-button.linkedin i:hover{color:#006FAB}.social-button.twitter i:hover{color:#006FAB}.startseite.copyright{margin-bottom:0!important;padding:5px 50px}.gessner-youtube{width:80%!important;margin:0 auto!important}.gessner-youtube.beitraege{background:#f2f2f2;padding:10px 20px;margin-bottom:23px;display:flex;border-left:8px solid #006FAB;align-items:center}.gessner-youtube.beitraege iframe{margin:0 auto}.youtube-box .ult-video{margin:10px 0}.highlight-box{font-size:inherit;margin:25px 0;padding:20px 40px;width:100%}.highlight-box.blau{background:#006FAB;color:#fff}.highlight-box.grau{background:#f2f2f2;color:#006FAB;border-top:3px solid #006FAB}.highlight-box.dark-grey{background:#8b949e;color:#fff}.highlight-box.light-grey{background:#d9d9d9;color:#000}.wp-video{width:100%!important}.captcha-image{border:2px solid #f2f2f2!important;max-width:100%;width:300px}.cf7ic_instructions{margin-bottom:5px}.lwpcngNotice_message{font-size:14px}.js-lwpcngNotice.lwpcngNotice{width:565px;border:none!important;border-radius:0}.lwpcngNotice-dark .lwpcngNotice_accept{border-color:#fff!important;color:#fff;margin-left:0}::-moz-selection{background:#006FAB;color:#fff}::selection{background:#006FAB;color:#fff}.team-titelbereich h2{padding:0;margin:0}.g-recaptcha{margin-bottom:20px}.absender-name{margin-bottom:24px}.beitraege-sidebar #custom_html-6 .widgettitle{background:#f2f2f2;margin-bottom:0;padding:15px 10px}.beitraege-sidebar #custom_html-6{max-width:100%;margin:0 auto;width:307px}.beitrag-bloguebersicht-auszug{align-items:center;display:flex;margin-bottom:0;min-height:195px}.beitrag-bloguebersicht-meta{margin-bottom:0;width:100%}.beitrag-bloguebersicht-ueberschrift{background:#006FAB;font-size:17px!important;line-height:1.2!important;margin-bottom:0!important;width:100%;padding:10px!important}.beitrag-bloguebersicht-ueberschrift a{color:#fff!important}.beitrag-bloguebersicht-ueberschrift a:hover{color:#cbcfd3!important}.blog-uebersicht .bloguebersicht-beitrag-auszug{align-items:center;display:flex;height:140px;max-height:100%}.blog-uebersicht .page-numbers,.blog-uebersicht .page-numbers.current{border-radius:0}.blog-uebersicht .w-btn{margin:0 auto;width:90%;display:block}.blog-uebersicht .w-btn-wrapper,.footer-beitraege .w-btn-wrapper,.startseite-blogbeitraege .w-btn-wrapper{border-bottom-color:#006FAB;border-width:0 1px 4px;border:solid #f2f2f2;margin:0!important;padding:20px!important}.bloguebersicht-beitrag-auszug{display:block;height:170px;max-height:100%}.beitrag-bloguebersicht-auszug,.bloguebersicht-beitrag-auszug,.startseite-blogbeitraege{border-width:0 0 1px!important;border:solid #f2f2f2;display:flex;margin-top:0!important;max-height:100%;padding:20px}.beitrag-bloguebersicht-meta,.bloguebersicht-beitrag-meta,.startseite-blogbeitraege .bloguebersicht-beitrag-meta{background:#f2f2f2;padding:5px 20px}.bloguebersicht-beitragstitel{background:#006FAB;font-size:17px!important;margin-bottom:0!important;padding:10px 20px!important}.bloguebersicht-beitragstitel a{color:#fff}.bloguebersicht-beitragstitel a:hover{color:#cbcfd3}.bloguebersicht-bild{margin-bottom:0!important}.caption-neu{font-size:8px;text-align:right;color:#909090}.copyright{border-top:1px solid #f2f2f2;color:#bdbdbd;display:block;font-size:12px;margin-bottom:15px!important;padding:5px 0}.copyright.beitraege{margin-bottom:35px}.cta-box.startseite .button{background:#006FAB;color:#fff;border:2px solid #006FAB!important;margin:0 auto;height:max-content;width:max-content}.cta-box.startseite .button::before{border:none}.cta-box.startseite .button:hover{cursor:pointer;background:0 0;color:#006FAB;border:2px solid #006FAB}.cta-box.startseite .oben{max-width:100%;width:65%;background:#006FAB;color:#fff;padding:30px}.cta-box.startseite .oben h3{color:#fff!important;margin-bottom:20px}.cta-box.startseite .unten{align-items:center;display:inline-flex;max-width:100%;width:35%}.cta-box.startseite{display:flex;border-top:2px solid #006FAB}.cta-box.unterseiten .button{display:block;height:max-content;margin:0 auto;background:#006FAB;color:#fff}.cta-box.unterseiten .button:hover{background:0 0;border:#006FAB;color:#006FAB}.cta-box.unterseiten .oben{width:75%;padding:25px 15px;background:#006FAB;font-size:19px;color:#fff;border:2px solid #006FAB}.cta-box.unterseiten .unten{width:35%;display:inline-flex;align-items:center;border:2px solid #006FAB}.cta-box.unterseiten{display:flex;margin-bottom:5px;margin-top:35px;padding:25px 0;border-top:1px solid #f2f2f2}.footer-beitraege .beitrag-bloguebersicht-auszug{line-height:25px!important}.footer-beitraege .beitrag-bloguebersicht-meta{margin-top:-14px}.footer-beitraege .beitrag-bloguebersicht-ueberschrift{min-height:60px;max-height:100%;display:flex;align-items:center}.footer-beitraege .post_image{margin-bottom:0}.footer-beitraege .w-btn-wrapper{width:100%}.footer-beitraege .w-separator{margin-bottom:30px}.footer-beitraege .w-separator-text,.unterseite-content .w-separator-text{font-size:22px!important}.footer-beitraege{margin:40px 0 0!important;max-width:100%;width:865px}.footer-ende{display:none}.footer-logo-kanzlei{display:inline-block;margin-bottom:-20px;margin-top:5px}.footer-logo.klein{padding-bottom:20px;padding-top:20px}.footer-logos img{width:100px}.footer-ueberschrift{color:#fff!important;font-size:20px}.footer.aehnliche-beitraege{margin:0;width:786px}.footer.oben{background:#006FAB}.footer.oben a{color:#fff}.footer.oben a:hover{color:#006FAB}.footer.startseite.unten .g-cols{align-items:center!important}.full-w{display:inline-block;width:100%}.half-w{float:left;padding:10px;width:max-content}.info-text{background:#f2f2f2;border-top-color:#006FAB;border-top-width:8px;border:1px solid #ebebeb;color:#006FAB;margin-bottom:35px;margin-top:35px;padding:30px;letter-spacing:1px}.kategorie-info{background:#f2f2f2;color:#006FAB;display:block;font-size:24px;line-height:1.4;padding:2rem;text-align:center;width:100%}.kontakt-box.unterseiten .adresse{border-top:1px solid #ebebeb;font-size:inherit;line-height:33px;padding:20px}.kontakt-box.unterseiten .mail{font-size:inherit;padding:10px 20px 20px}.kontakt-box.unterseiten .telefon{font-size:inherit;padding:20px 20px 10px}.kontakt-box.unterseiten .titel{background:#006FAB;color:#fff;font-size:22px;padding:20px}.kontakt-box.unterseiten{background:#f2f2f2;border-top-color:#006FAB;border-top-width:8px;border:1px solid #ebebeb;color:#006FAB;font-size:19px;margin-bottom:35px;margin-top:50px;max-width:100%;width:600px}.kontakt-box.unterseiten span{display:block}.kontakt-titel{background:#006FAB;color:#fff;display:block;font-size:20px;line-height:28px;padding:15px}.kontakt.bild{margin:0 0 -7px 0}.kontakt.e-mail{border-width:0 1px!important;border:solid #f2f2f2;color:#006FAB;padding:10px 10px 5px}.kontakt.e-mail,.kontakt.telefon{align-items:center;display:flex}.kontakt.fachgebiet span{background:#f2f2f2;color:#006FAB;display:block;padding-left:10px;padding-right:10px}.kontakt.e-mail,.kontakt.fachgebiet,.kontakt.telefon{font-size:14px}.kontakt.name{background:#006FAB;color:#fff;padding:10px}.kontakt.e-mail,.kontakt.fachgebiet,.kontakt.name,.kontakt.telefon,.widget_nav_menu,.widget_us_blog{width:307px;max-width:100%;margin:0 auto}.kontakt.telefon{border-width:0 1px 1px!important;border:solid #f2f2f2;color:#006FAB;padding:5px 10px 10px}.kontaktbox-adresse{padding:15px 10px}.kontaktbox-adresse span,.kontaktbox-details span{display:block;color:#006FAB}.kontaktbox-bild img{width:307px;display:block;max-width:100%;margin:0 auto}.kontaktbox-details{border-bottom:3px solid #006FAB;padding:0 10px 25px}.kontaktbox-name{background:#006FAB;color:#fff;padding:15px 10px}.kontaktbox-position{background:#ececec;border-bottom:3px solid #006FAB;color:#006FAB;padding:15px 10px}.kontaktformular .wpcf7-submit{background:#006FAB!important;border-radius:0!important}.kontaktformular .wpcf7-submit:hover{border:2px solid #006FAB!important;cursor:pointer;background:#006FAB!important}.kontaktformular{padding:25px}.l-canvas.type_boxed{-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.15);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.15);box-shadow:0 0 15px 0 rgba(0,0,0,.15)}.l-sidebar{padding:47px 0 55px}.l-subheader.at_middle{border-bottom:1px solid #f2f2f2}/*.l-subheader.at_top{background:#006FAB!important;height:35px;line-height:35px;}*/.level_2 .w-nav-title{height:auto;font-size:inherit!important;padding:0}.mitarbeiter-titel{color:#3e6287;display:block;font-size:28px}.mitarbeiter.unterseite-contentbereich .unterseite-content .w-image{margin-bottom:25px;padding:0 0 0 25px}.mitarbeiter.unterseite-contentbereich .unterseite-content .w-image img{background:#f2f2f2;padding:8px}.mitarbeiter.unterseite-contentbereich .unterseite-sidebar .widget_custom_html{display:none}.mitarbeiter.unterseite-contentbereich h1{color:#000!important;font-size:28px;margin-top:-20px;padding-top:0}.mitarbeiter.unterseite-contentbereich h2{font-size:22px}.pagination .page-numbers{font-size:inherit;height:2.5rem;line-height:2.5rem;width:2.5rem}.pe-richsnippets{text-align:center}.presse-contentbox{border-bottom:1px solid #f2f2f2;margin-bottom:40px;padding:0 .5rem 30px 1.5rem}.presse-contentbox-bild{display:block;float:left;background:#f2f2f2;padding:5px}.presse-contentbox-text{display:flex}.presse-contentbox-ueberschrift{background:#006FAB;color:#fff!important;display:flex;font-size:20px;padding:10px 23px}.presse-contentbox-ueberschrift a{color:#fff}.presse-contentbox-ueberschrift a:hover{color:#d0d4d8}.provenexpert-siegel{margin-top:30px}.sidebar-fix .w-grid-item-h .post_title{font-size:16px!important;margin-bottom:15px!important;line-height:1.2!important;font-weight:700}.sidebar-kontakt .fal.fa-envelope,.sidebar-kontakt .fal.fa-phone{display:block;float:left;font-size:15px;padding-right:7px}.sidebar-navigation.accordion .su-spoiler{margin-bottom:0}.sidebar-navigation.accordion .su-spoiler-content{padding:0}.sidebar-navigation.accordion .su-spoiler-title{font-size:inherit;font-weight:inherit}.sidebar-navigation.accordion{margin-bottom:-1px;background:#f2f2f2;border-width:1px 0!important;border:solid #e8e8e8;padding:8px 15px}.sidebar-navigation.accordion a{color:inherit}.sidebar-navigation.accordion a:hover,.sidebar-navigation.link:hover{color:#006FAB!important}.sidebar-navigation.accordion li{border-bottom:1px solid #e8e8e8;margin-bottom:0;padding:10px 41px}.sidebar-navigation.accordion ul{border-top:1px solid #e8e8e8;list-style:none;margin-bottom:-9px;margin-left:-15px;margin-top:7px;width:calc(100% + 30px)}.sidebar-navigation.link{background:#f2f2f2;border-width:1px 0!important;border:solid #e8e8e8;color:#333!important;display:block;margin-bottom:-1px;padding:12px 42px}.single-post .beitrag-bloguebersicht-auszug{height:170px;max-height:100%}.single-post .wp-caption.alignleft .wp-caption-text{width:100%!important}.single-post #beitraege-trenner{margin-top:25px;border-bottom:1px solid #f2f2f2;color:#006FAB;font-size:24px;padding-bottom:25px}.single-post h1{font-size:30px;line-height:36px;padding-top:10px}.single-post h2,.single-post h3{font-size:22px;line-height:28px;padding-top:1.5em}.single-post main .l-section-h{padding-bottom:15px;padding-top:48px}.startseite-blogbeitraege .bloguebersicht-beitrag-auszug{height:145px;max-height:100%}.startseite-blogbeitraege .btn{padding:0 15px 15px}.startseite-blogbeitraege .post_title,.startseite-blogbeitraege .usg_hwrapper_1{padding:0 15px}.startseite-blogbeitraege .vc_custom_heading,.startseite-themengebiete .vc_custom_heading{padding-bottom:10px}.startseite-blogbeitraege .w-btn{margin:20px!important}.startseite-blogbeitraege .w-grid-item{display:flex!important;flex-direction:column!important;flex-wrap:wrap!important}.startseite-blogbeitraege .w-grid-item-h{background:#fff}.startseite-blogbeitraege{margin:60px 0 0;padding-top:40px;padding-bottom:20px}.startseite-contentbereich{margin:20px 0}.startseite-cta .g-cols{left:-25px;width:calc(100% + 100px)}.startseite-cta{background:#fff;padding-left:0!important;padding-right:0!important}.startseite-cta h3{color:#fff!important}.startseite-cta-links{background:#006FAB;padding:30px 15px 40px;color:#fff;margin-left:-2px}.startseite-cta-links h1,.startseite-cta-links h2,.startseite-cta-links h3,.startseite-cta-links h4{color:#fff}.startseite-cta-rechts{background:#fff;border-top:2px solid #006FAB;padding:30px 15px 40px}.startseite-slider{margin-bottom:40px}.startseite-themengebiete{margin:60px 0;padding:40px 0 60px}.su-spoiler-icon-plus .su-spoiler-icon::before{content:'\f078'!important}.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before{content:'\f054'!important}.tab-content{border-bottom:1px solid #ebebeb;padding:15px 25px}.tab-titel::before{content:"+";display:block;float:left;font-weight:700;padding-right:15px}.tabs .su-spoiler{margin-bottom:0!important}.tabs .su-spoiler-content{padding-bottom:5px!important;border-top:1px solid #ebebeb;margin-bottom:0!important;margin-left:-25px;margin-top:15px;width:calc(100% + 50px)}.tabs .su-spoiler-title{color:#0e4dad;font-size:inherit;font-weight:400;padding-bottom:0;text-transform:uppercase}.tabs{background:#fafafa;border:1px solid #ebebeb;margin:0 auto;width:80%}.team-spalte{display:table}.team-titelbereich{text-align:center}.teaser-text{font-size:18px;line-height:28px}.themengebiet-ueberschrift{background:rgba(41,51,61,.7);color:#fff!important;font-size:20px;margin-bottom:0!important;padding:10px 20px!important}.themengebiete-hauptueberschrift{padding-left:40px;padding-right:40px}.themengebiete-text{align-items:center;background:rgba(0,0,0,.5);color:#fff;display:flex;height:120px;max-height:100%;padding:10px 20px}.themengebiete-wrapper{height:340px;max-height:100%}.themengebiete-wrapper.links{padding:0 10px 0 0}.themengebiete-wrapper.mitte{padding:0 5px}.themengebiete-wrapper.rechts{padding:0 0 0 10px}.themengebiete-zeile.oben{margin:0;padding:0 40px 20px}.themengebiete-zeile.unten{margin:0;padding:0 40px}.unterseite-ansprechpartner{margin:0}.unterseite-ansprechpartner.links{padding:15px 23px 0}.unterseite-beitragsuebersicht .page-numbers,.unterseite-beitragsuebersicht .page-numbers.current{border-radius:0}.unterseite-beitragsuebersicht .w-btn-wrapper{border-width:0 1px 1px;border:solid #f2f2f2;padding:15px;width:100%}.footer-beitraege .w-btn,.unterseite-beitragsuebersicht .w-btn{margin:20px auto;width:85%}.unterseite-content .post_image{margin-bottom:0;max-width:100%;width:465px}.unterseite-content .w-actionbox{border-radius:0;margin:35px 22px!important;max-width:100%;width:80%}.unterseite-content .w-grid-list{padding:0 25px}.unterseite-content .wpb_wrapper{padding-left:1.5rem;padding-right:.5rem}.unterseite-content{max-width:100%;width:calc(68% + 30px)}.unterseite-sidebar .vc_column-inner{padding-left:0!important;padding-right:5px!important}.unterseite-sidebar .w-grid .post_title{font-size:16px!important;margin-bottom:15px!important;line-height: 1.2 !important;font-weight:700;}.single-post .sidebar-fix .w-grid,.unterseite-sidebar .w-grid{font-size:14px;line-height:18px}.single-post .sidebar-fix .widgettitle,.unterseite-sidebar .widgettitle{font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center}.unterseite-sidebar{max-width:100%;width:295px}.unterseite-sidebar,.us_widget_area_beitraege_-_sidebar{max-width:100%;width:25%}.unterseite-sidebar.team .adresse{background:#f2f2f2;margin-top:-23px;padding:15px}.unterseite-sidebar.team .e-mail{border-top-width:0;border:1px solid #f2f2f2;padding:0 15px 10px}.unterseite-sidebar.team .fax{border-bottom-width:0;border-top-width:0;border:1px solid #f2f2f2;padding:5px 15px 10px}.unterseite-sidebar.team .telefon{border-bottom-width:0;border-top-width:0;border:1px solid #f2f2f2;padding:10px 15px 5px}.unterseite-sidebar.team{font-size:inherit;line-height:inherit}.unterseite-team-mitglieder{padding-top:0!important;margin-top:45px}.unterseite-titelbereich .l-section-h.i-cf{padding-bottom:7.5rem;padding-top:7rem}.unterseite-titelbereich h1{color:#fff!important;padding-left:45px;padding-right:45px;font-weight:900;letter-spacing:.5px;margin-top:5%;font-size:3em}.unterseiten-contentbereich{margin:35px 0 55px}.unterseiten-sidebar #nav_menu-2{background:#f2f2f2}.unterseiten-titel.mitarbeiter{color:#006FAB;display:block;font-size:20px;margin:40px 0 30px;text-transform:uppercase}.w-actionbox-text h3{color:#fff!important}.w-grid a:hover{color:#d0d4d9}.w-person-content{background:#fff;display:inline-block;height:auto;padding:0;text-align:left;width:100%}.w-person-description{display:block;font-size:15px;height:6em!important;color:#006FAB;line-height:1.4em;padding:15px;margin-top:0}.w-person-image{float:left;width:100%}.w-person-name{background:#006FAB;color:#fff!important;font-size:18px;padding:10px 15px!important}.w-person-role{color:#006FAB;font-size:inherit;padding:5px 20px}.w-person.team{display:contents;margin:0}.w-separator-text{color:#006FAB}.wp-caption{margin-top:6px}.wp-caption-text{background:#f2f2f2;border-bottom:2px solid #006FAB;font-size:12px;margin:0 0 15px!important;padding:10px;width:100%!important;width:calc(100% - 10px)!important}.wp-caption.alignleft .wp-caption-text,.wp-caption.alignright .wp-caption-text{width:calc(100% - 10px)!important}.wpb_text_column:not(:last-child){margin-bottom:1.5rem}#custom_html-3 .widgettitle{display:none}#custom_html-3 .widgettitle,#custom_html-7 .widgettitle{display:none}#custom_html-3{margin-bottom:0;margin-bottom:0}#custom_html-7{margin-bottom:0}#custom_html-6{padding-top:20px}#custom_html-3,#custom_html-6{margin-bottom:0}#custom_html-5 .widgettitle{background:#f2f2f2;margin-bottom:0;padding:15px 10px}#custom_html-5{margin:0 auto;padding-top:20px;width:307px}#nav_menu-2 .widgettitle,#nav_menu-3 .widgettitle{padding:10px}#nav_menu-3{margin-top:15px}#us_blog-2 .w-grid-item{background:#fff;margin:10px;padding:10px}#us_blog-2 .w-grid-item,#us_blog-3 .w-grid-item{background:#fff;margin:10px;padding:10px}#us_blog-2 .widgettitle{padding:20px 10px 0;padding:20px 10px 0 10px}#us_blog-2 .widgettitle,#us_blog-3 .widgettitle{padding:20px 10px 0}#us_blog-2,#us_blog-3{background:#f2f2f2;margin-bottom:0;padding-bottom:10px}.wpcf7-response-output{margin:0 25px}h1,h2,h3,h4,h5,h6{color:#006FAB}.w-grid-none{margin-bottom:30px}input:focus{border-color:#006FAB}input[type=submit]:hover{color:red!important}input[type=date],input[type=email],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fff;border-radius:unset;border:2px solid #f2f2f2;box-shadow:none;padding:0 .8rem;padding:15px!important;transition:all .3s;width:100%}.urheberrecht-medienrecht{padding-top:10px;line-height:initial}.master-of-laws{padding-bottom:10px;line-height:initial}.wpcf7-not-valid-tip{border:2px solid;margin:15px 0;width:max-content;padding:10px 15px}#callnowbutton{bottom:-10px;background-size:20px 34px;height:50px;width:70px}.post_author{display:none} .cta-box.beitraege { max-height: 120px; padding: 15px; background: #006FAB; color: #fff; border-top: 1px solid #f2f2f2; display: flex; width: 100%; overflow: hidden; } .cta-box.beitraege .left { width: 11%; } .cta-box.beitraege .left img { margin-right: 10px; border-radius: 100px; border: 4px solid #fff; width: 80px; height: 80px; } .cta-box.beitraege .center { padding: 18px 0; font-size: 13px; width: 64%; line-height: 1.3; } .cta-box.beitraege .right { padding: 18px 0; width: 24%; } .cta-box.beitraege .right a { color: #fff; } .cta-box.beitraege .right i { margin-right: 10px; } .header-logo-wrapper { bottom: 50px; position: absolute; width: 100%; background-color: rgb(255,255,255, 0.8); padding-bottom: 10px; } .header-logo-wrapper h3 { margin-bottom: 0; text-align: center; margin-top: 15px; font-size: 22px; } .header-logos { margin-bottom: 5px !important; display: grid; grid-template-columns: auto auto auto auto auto auto; padding-top: 15px; } .header-logos .logo-picture { width: 100%!important; padding: 0 20px; text-align: center; } .header-logo-text { text-align: center; } .header-logo-text a { text-decoration: underline; } .header-logos .logo-picture { padding: 10px 0 10px 0; } .header-logos img { width: 120px; } .gform_wrapper { background: #f2f2f2; padding: 20px; } .gfield_radio { padding: 0; margin-bottom: 1rem; list-style: none; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gfield_radio .gchoice { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0; max-width: unset; margin: 1.5rem 0 0 0; } .gfield_radio .gchoice input { display: none !important; } .gfield_radio .gchoice label { border-radius: 10px; background: #fff; padding: 25px 25px 20px; border: 1px solid #efefef; } .gfield_radio .gchoice input:checked+label { border: 2px solid #006FAB; } .gfield_description { margin-top: 20px; border-top: 1px solid #ddd; color: #bdbdbd; } .gform_wrapper .gf_page_steps { border-bottom: 0; margin-bottom: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gform_wrapper .gf_page_steps .gf_step { width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; position: relative; } .gform_wrapper.gravity-theme .gf_step { margin: 2px 0; } .gform_wrapper .gf_page_steps .gf_step .gf_step_number { position: relative; z-index: 2; display: block; margin: 0 auto; height: 3rem; width: 3rem; border-radius: 3rem; line-height: 3rem; font-weight: 500; font-size: 1.25rem; } .gform_wrapper .gf_page_steps .gf_step.gf_step_active .gf_step_number { background: #fff; color: #006FAB; -webkit-box-shadow: 0 0 0 0.25rem #006FAB inset; box-shadow: 0 0 0 0.25rem #006FAB inset; } .gform_wrapper .gf_page_steps .gf_step .gf_step_label { padding: 0; display: block; margin-top: 0.5rem; font-size: .875em; color: #6c757d; font-weight: 500; } .gform_wrapper .gf_page_steps .gf_step.gf_step_first::before { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before { position: absolute; background: #006FAB; border: none; border-radius: 100px; content: ""; display: table-cell; height: 50px; left: -2px; top: -2px; width: 50px; } .gform_page_footer { text-align: center; } .kontakt_butt { width: 13rem; margin-left: 0px !important;} .kontakt_butt > a { margin-left: 0px !important;} .sidebar-box { background: rgb(84,95,104, 0.4); width: 300px; margin: auto; padding: 1.5rem 0; } .sidebar-div { width: 300px; max-width: 100%; margin: 0 auto; padding: 1rem; } .sidebar-a-box { margin:auto; text-align: center; } .sidebar-a { font-size: 0.7rem; } .sidebar-img { width:277px !important; } --- ## Allgemeine Website-Elemente css .kontakt_butt { width: 13rem; margin-left: 0 !important; /* Ensure no left margin */ /* Add other button styles here if not already defined */ } /* Sidebar Elements */ .sidebar-box { background-color: rgba(84,95,104, 0.4); width: 300px; margin: 20px auto; /* Centered */ padding: 15px; border-radius: 8px; /* Example: rounded corners for sidebar box */ box-sizing: border-box; } .sidebar-div { padding: 10px; margin-bottom: 10px; /* Spacing between sidebar divs */ } .sidebar-a-box { margin-bottom: 5px; /* Spacing between link boxes */ } .sidebar-a { font-size: 0.7rem; color: #fff; /* Example: white link color */ text-decoration: none; display: block; /* Make link a block element for full clickable area */ padding: 5px 0; /* Example padding */ transition: color 0.2s ease; } .sidebar-a:hover { color: #cceeff; /* Example: lighter color on hover */ } .sidebar-img { width: 277px; height: auto; /* Maintain aspect ratio */ display: block; /* Remove extra space below image */ margin: 0 auto 15px auto; /* Centered with bottom margin */ border-radius: 4px; /* Example: slightly rounded image corners */ } /* ========================================================== Rechtsverletzung-Formular – Generalisiert ========================================================== */ /* ===== 0. Grundlegend ==================================== */ @import url('//www.rechtsanwalt-gessner-berlin.de/wp-content/uploads/omgf/local-stylesheet-import-73/local-stylesheet-import-73.css'); .rechtsverletzung-formular-wrapper { background: #ffffff !important; margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; } form.rechtsverletzung-formular { background: #0067A3 !important; border-radius: 12px; padding: 40px; width: 100%; margin: 0 auto; font-family: 'Roboto', Arial, sans-serif; color: #ffffff; box-sizing: border-box; position: relative; border: none !important; box-shadow: none !important; } /* Titel ausblenden */ form.rechtsverletzung-formular .gform_heading, form.rechtsverletzung-formular .gform_title { display: none !important; } /* ===== 1. Zwei-Spalten-Layout ============================ */ .rechtsverletzung-formular .gform_fields { position: relative; } .rechtsverletzung-formular .gfield.infoblock-links { position: absolute; top: 0; left: 0; width: 45%; max-width: 450px; padding-right: 10px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; height: 100%; background: transparent !important; } .infoblock-links .überschrift { font-size: 1.8em; font-weight: 700; margin-bottom: 15px; color: #fff; } .infoblock-links p { font-size: 1.3em; line-height: 1.8; margin-bottom: 1.2em; } .infoblock-links u { text-decoration: underline; font-weight: 700; margin-bottom: 1.5em; } .rechtsverletzung-formular .gfield:not(.infoblock-links) { width: 55%; margin-left: auto; margin-bottom: 15px; display: block; } /* ===== 2. Eingabefelder ================================= */ .rechtsverletzung-formular input, .rechtsverletzung-formular select, .rechtsverletzung-formular textarea { background: #d0dde5; color: #000; border: none; border-radius: 8px; padding: 15px; font-size: 1em; font-family: 'Roboto', Arial, sans-serif; width: 100%; box-sizing: border-box; min-height: 56px; } textarea.long { min-height: 120px; } /* URL-Feld */ .rechtsverletzung-formular textarea.url-feld { min-height: 52px !important; max-height: 120px; resize: vertical !important; overflow: auto !important; padding: 13px !important; line-height: 1.4 !important; border-radius: 8px; background: #d0dde5; transition: all .2s; } /* Abstände URL ↔ Upload */ .rechtsverletzung-formular .feld-url { margin-bottom: 2px !important; } .rechtsverletzung-formular .feld-upload { margin-top: 2px !important; } /* Datei-Upload */ .rechtsverletzung-formular .ginput_container_fileupload { background: #d0dde5; border-radius: 8px; height: 56px; display: flex; align-items: center; justify-content: center; position: relative; } .rechtsverletzung-formular .gform_drop_instructions, .rechtsverletzung-formular .gform_fileupload_rules { display: none !important; } .rechtsverletzung-formular .gform_drop_area { width: 100%; height: 100%; background: transparent !important; border: none !important; display: flex !important; align-items: center; justify-content: center; } .rechtsverletzung-formular [id^="gform_browse_button_"], .rechtsverletzung-formular .upload-button { background: none !important; border: none !important; box-shadow: none !important; color: #000 !important; font-size: 1em; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0 !important; } .rechtsverletzung-formular [id^="gform_browse_button_"]::before, .rechtsverletzung-formular [id^="gform_browse_button_"]::after { content: none !important; } /* ===== 3. Buttons ======================================== */ .rechtsverletzung-formular .gform_footer, .rechtsverletzung-formular .gform_page_footer { width: 55% !important; margin: 4px 0 0 auto !important; padding: 0 !important; clear: both !important; } .rechtsverletzung-formular .gform_button, .rechtsverletzung-formular input[type="submit"], .rechtsverletzung-formular .gform_next_button { background: #e34f0e !important; color: #fff !important; font-size: 1.2em !important; font-weight: 700; border: none; border-radius: 10px !important; padding: 15px; width: 100% !important; cursor: pointer; transition: background .3s; } .rechtsverletzung-formular .gform_button:hover, .rechtsverletzung-formular .gform_next_button:hover, .rechtsverletzung-formular input[type="submit"]:hover { background: #cf460d !important; } .rechtsverletzung-formular .gform_previous_button { color: #000 !important; } /* ===== 4. Bewertung ====================================== */ .infoblock-links .bewertungen { margin-top: 1em; border-top: 1px solid #ffffff55; padding-top: .8em; font-size: .85em; color: #fff; display: flex; flex-direction: column; gap: .6em; align-items: flex-start; } .bewertung-link { text-decoration: none; color: inherit; } .bewertung-zeile { display: flex; align-items: flex-end; gap: 10px; background: #fff; padding: 6px 10px; border-radius: 8px; transition: transform .2s, box-shadow .2s; } .bewertung-zeile:hover { transform: translateY(-1px); box-shadow: 0 2px 5px rgba(0, 0, 0, .1); } .bewertung-logo { height: 28px; width: auto; } .sterne { display: flex; gap: 1px; align-self: center; top: -1px; position: relative; } .sterne img { height: 14px; } .bewertung-wert { font-weight: 700; color: #000; font-size: .62em; line-height: 1; padding-bottom: 1px; } /* ===== 5. Pflichtmarkierung ============================== */ .rechtsverletzung-formular .gfield_required { color: #ffffff !important; } /* ===== 6. Datenschutz-Link =============================== */ .rechtsverletzung-formular .ginput_container_consent a { color: #ffffff !important; text-decoration: underline; } /* ===== 7. Seitenweise Layout-Anpassung =================== */ .rechtsverletzung-formular [id^="gform_page_"]:not([id$="_1"]) .gfield.infoblock-links { display: none !important; } .rechtsverletzung-formular [id^="gform_page_"]:not([id$="_1"]) .gfield:not(.infoblock-links), .rechtsverletzung-formular [id^="gform_page_"]:not([id$="_1"]) .gform_footer, .rechtsverletzung-formular [id^="gform_page_"]:not([id$="_1"]) .gform_page_footer { width: 100% !important; margin: 0 0 20px 0 !important; } .rechtsverletzung-formular [id^="gform_page_"]:not([id$="_1"]) .gform_page_footer { display: flex !important; gap: 4% !important; justify-content: space-between; flex-wrap: nowrap; } .rechtsverletzung-formular [id^="gform_page_"]:not([id$="_1"]) .gform_previous_button, .rechtsverletzung-formular [id^="gform_page_"]:not([id$="_1"]) .gform_next_button { flex: 1 1 0; width: auto !important; margin: 0 !important; } .rechtsverletzung-formular [id^="gform_page_"]:not([id$="_1"]) .gform_page_footer br { display: none !important; } /* ===== 8. Überprüfungsseite / Tabellenfeld ============== */ .rechtsverletzung-formular .review-tabelle { background: #d0dde5 !important; border-radius: 8px !important; padding: 16px !important; margin-bottom: 15px !important; border: none !important; } .rechtsverletzung-formular .review-tabelle table { width: 100%; border-collapse: collapse; } .rechtsverletzung-formular .review-tabelle thead th { background: #0067A3 !important; color: #fff !important; font-weight: 700; text-align: left; padding: 10px 12px; } .rechtsverletzung-formular .review-tabelle tbody td { background: #ffffff !important; color: #000 !important; padding: 10px 12px; border-top: 1px solid #d0dde5; } .rechtsverletzung-formular .review-tabelle tbody tr:nth-child(even) td { background: #f3f6f8 !important; } /* ===== 9. Responsive Breakpoints ========================= */ @media (max-width: 1170px) { form.rechtsverletzung-formular { border-radius: 0 !important; margin: 0 !important; padding: 32px 24px; } .gfield.infoblock-links, .gfield:not(.infoblock-links), .gform_footer, .gform_page_footer { position: static !important; width: 100% !important; margin: 0 0 24px 0 !important; clear: both !important; } .gform_page_footer, .gform_footer { display: block !important; } } @media (max-width: 768px) { form.rechtsverletzung-formular { padding: 20px 16px; border-radius: 0; } .infoblock-links .bewertungen { flex-direction: row !important; flex-wrap: wrap; gap: 10px; justify-content: flex-start; } .infoblock-links .bewertung-zeile { flex: 1 1 48%; font-size: .8em; padding: 4px 6px; } .infoblock-links .bewertung-wert { font-size: .55em; } .infoblock-links .bewertung-logo { height: 24px; } .infoblock-links .sterne img { height: 12px; } .infoblock-links .bewertungen > *:first-child { flex: 0 0 100%; width: 100%; } } /* ========== 1. Global Reset ========== */ *, *::before, *::after { box-sizing: border-box; } /* ========== 2. Karten-Grid (Radio-Container) ========== */ #gform_wrapper_30 .marke-q1 ul.gfield_radio, #gform_wrapper_31 .marke-q1 ul.gfield_radio, #gform_wrapper_32 .marke-q1 ul.gfield_radio, #gform_wrapper_33 .marke-q1 ul.gfield_radio { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 24px; padding: 0; margin: 0 auto; list-style: none; } /* ========== 3. Einzelne Karte (Listenpunkt) ========== */ #gform_wrapper_30 .marke-q1 ul.gfield_radio li, #gform_wrapper_31 .marke-q1 ul.gfield_radio li, #gform_wrapper_32 .marke-q1 ul.gfield_radio li, #gform_wrapper_33 .marke-q1 ul.gfield_radio li { flex: 0 1 220px; max-width: 260px; } /* ========== 4. Radio-Input ausblenden ========== */ #gform_wrapper_30 .marke-q1 input[type="radio"], #gform_wrapper_31 .marke-q1 input[type="radio"], #gform_wrapper_32 .marke-q1 input[type="radio"], #gform_wrapper_33 .marke-q1 input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; } /* ========== 5. Karte (Label) ========== */ #gform_wrapper_30 .marke-q1 input[type="radio"] + label, #gform_wrapper_31 .marke-q1 input[type="radio"] + label, #gform_wrapper_32 .marke-q1 input[type="radio"] + label, #gform_wrapper_33 .marke-q1 input[type="radio"] + label { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 14px 16px 12px; background: rgba(255, 255, 255, 0.35); backdrop-filter: blur(2px); border: 4px solid #fff; border-radius: 12px; color: #000 !important; cursor: pointer; text-align: center; transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s; touch-action: manipulation; -webkit-tap-highlight-color: transparent; } /* ========== 6. Aktive Auswahl ========== */ #gform_wrapper_30 .marke-q1 input[type="radio"]:checked + label, #gform_wrapper_31 .marke-q1 input[type="radio"]:checked + label, #gform_wrapper_32 .marke-q1 input[type="radio"]:checked + label, #gform_wrapper_33 .marke-q1 input[type="radio"]:checked + label { border-color: #e34f0e; box-shadow: 0 0 0 2px #cf460d; transform: translateY(-1px); } /* ========== 7. Hover/Fokus ========== */ #gform_wrapper_30 .marke-q1 input[type="radio"] + label:hover, #gform_wrapper_30 .marke-q1 input[type="radio"]:focus + label, #gform_wrapper_31 .marke-q1 input[type="radio"] + label:hover, #gform_wrapper_31 .marke-q1 input[type="radio"]:focus + label, #gform_wrapper_32 .marke-q1 input[type="radio"] + label:hover, #gform_wrapper_32 .marke-q1 input[type="radio"]:focus + label, #gform_wrapper_33 .marke-q1 input[type="radio"] + label:hover, #gform_wrapper_33 .marke-q1 input[type="radio"]:focus + label { transform: translateY(-1px); } #gform_wrapper_30 .marke-q1 input[type="radio"]:focus + label, #gform_wrapper_31 .marke-q1 input[type="radio"]:focus + label, #gform_wrapper_32 .marke-q1 input[type="radio"]:focus + label, #gform_wrapper_33 .marke-q1 input[type="radio"]:focus + label { outline: 2px solid #e34f0e; } /* ========== 8. Flaggenbereich ========== */ #gform_wrapper_30 .marke-q1 .flag-block, #gform_wrapper_31 .marke-q1 .flag-block, #gform_wrapper_32 .marke-q1 .flag-block, #gform_wrapper_33 .marke-q1 .flag-block { display: flex; align-items: center; justify-content: center; margin-bottom: 12px; } #gform_wrapper_30 .marke-q1 .flag, #gform_wrapper_31 .marke-q1 .flag, #gform_wrapper_32 .marke-q1 .flag, #gform_wrapper_33 .marke-q1 .flag { width: 36px; height: auto; display: block; } #gform_wrapper_30 .marke-q1 .flag-row, #gform_wrapper_31 .marke-q1 .flag-row, #gform_wrapper_32 .marke-q1 .flag-row, #gform_wrapper_33 .marke-q1 .flag-row { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } /* ========== 9. Textbereich ========== */ #gform_wrapper_30 .marke-q1 .text-block, #gform_wrapper_31 .marke-q1 .text-block, #gform_wrapper_32 .marke-q1 .text-block, #gform_wrapper_33 .marke-q1 .text-block { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-top: auto; line-height: 1.2; } #gform_wrapper_30 .marke-q1 .text-block br, #gform_wrapper_31 .marke-q1 .text-block br, #gform_wrapper_32 .marke-q1 .text-block br, #gform_wrapper_33 .marke-q1 .text-block br { display: none; } #gform_wrapper_30 .marke-q1 strong, #gform_wrapper_31 .marke-q1 strong, #gform_wrapper_32 .marke-q1 strong, #gform_wrapper_33 .marke-q1 strong { font-size: 1.05em; font-weight: 700; margin: 0 !important; line-height: 1.2; } #gform_wrapper_30 .marke-q1 small, #gform_wrapper_31 .marke-q1 small, #gform_wrapper_32 .marke-q1 small, #gform_wrapper_33 .marke-q1 small { font-size: 0.85em; font-style: italic; color: #222 !important; margin: 0 !important; padding: 0 !important; line-height: 1.2; } /* ========== 10. Responsiveness ========== */ /* Standard: 3 Karten nebeneinander */ #gform_wrapper_30 .marke-q1 ul.gfield_radio li, #gform_wrapper_31 .marke-q1 ul.gfield_radio li, #gform_wrapper_32 .marke-q1 ul.gfield_radio li, #gform_wrapper_33 .marke-q1 ul.gfield_radio li { flex: 0 0 calc(33.333% - 24px); max-width: calc(33.333% - 24px); } /* Tablet: 2 Karten nebeneinander */ @media (max-width: 770px) { #gform_wrapper_30 .marke-q1 ul.gfield_radio li, #gform_wrapper_31 .marke-q1 ul.gfield_radio li, #gform_wrapper_32 .marke-q1 ul.gfield_radio li, #gform_wrapper_33 .marke-q1 ul.gfield_radio li { flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); margin-bottom: 20px; } } /* Handy: 1 Karte pro Zeile */ @media (max-width: 500px) { #gform_wrapper_30 .marke-q1 ul.gfield_radio li, #gform_wrapper_31 .marke-q1 ul.gfield_radio li, #gform_wrapper_32 .marke-q1 ul.gfield_radio li, #gform_wrapper_33 .marke-q1 ul.gfield_radio li { flex: 0 0 100%; max-width: 100%; } } /* ========== 10. Responsiveness ========== */ @media (max-width: 770px) { .marke-q1 ul.gfield_radio li { flex: 0 0 calc(50% - 12px); margin-bottom: 20px; } } /* Standard: 3 Karten nebeneinander */ .marke-q1 ul.gfield_radio li { flex: 0 0 calc(33.333% - 24px); max-width: calc(33.333% - 24px); } /* Tablet: 2 Karten nebeneinander */ @media (max-width: 770px) { .marke-q1 ul.gfield_radio li { flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); } } /* Handy: 1 Karte pro Zeile */ @media (max-width: 500px) { .marke-q1 ul.gfield_radio li { flex: 0 0 100%; max-width: 100%; } } .marke-q1 ul.gfield_radio { display: flex; flex-wrap: wrap; gap: 16px 20px; /* horizontal + vertikal Abstand */ justify-content: center; } /* ========== 11. Datei-Upload (optional, falls genutzt) ========== */ .upload-standard input[type="file"] { appearance: none; background: #d0dde5; border: none; border-radius: 8px; padding: 15px; width: 100%; height: 56px; color: #000; font-family: 'Roboto', Arial, sans-serif; font-size: 1em; cursor: pointer; } .upload-standard input[type="file"]:hover, .upload-standard input[type="file"]:focus { outline: none; box-shadow: 0 0 0 2px #0067A355; } .upload-standard .gfield_label { margin-bottom: 8px !important; } .upload-standard { margin-top: 16px; margin-bottom: 20px; } /* Responsive: Radiobutton-Elemente untereinander auf kleineren Geräten */ @media (max-width: 600px) { #gform_wrapper_30 .marke-q1 ul.gfield_radio li, #gform_wrapper_31 .marke-q1 ul.gfield_radio li, #gform_wrapper_32 .marke-q1 ul.gfield_radio li, #gform_wrapper_33 .marke-q1 ul.gfield_radio li { flex: 0 0 100%; margin-bottom: 16px; } } /* === Gravity Forms Radiobutton-Karten-Layout (kompakt + keine Umbrüche) === */ /* === Karten-/Flaggenlayout für Formulare 30–33 ======================= */ /* 1. marke-q1 UL-Container */ #gform_wrapper_30 .marke-q1 ul.gfield_radio, #gform_wrapper_31 .marke-q1 ul.gfield_radio, #gform_wrapper_32 .marke-q1 ul.gfield_radio, #gform_wrapper_33 .marke-q1 ul.gfield_radio { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 8px; margin: 0; padding: 0; list-style: none; } #gform_wrapper_30 .marke-q1 ul.gfield_radio li, #gform_wrapper_31 .marke-q1 ul.gfield_radio li, #gform_wrapper_32 .marke-q1 ul.gfield_radio li, #gform_wrapper_33 .marke-q1 ul.gfield_radio li { flex: 0 0 calc(33.333% - 8px); max-width: calc(33.333% - 8px); box-sizing: border-box; } /* 2. Flaggenkarten (Feld ID 3) */ #input_30_3, #input_31_3, #input_32_3, #input_33_3 { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 8px; margin: 0 auto; } #input_30_3 .gchoice, #input_31_3 .gchoice, #input_32_3 .gchoice, #input_33_3 .gchoice { flex: 0 0 calc(33.333% - 8px); max-width: calc(33.333% - 8px); box-sizing: border-box; } /* 3. Markenformen (Feld ID 5) */ #input_30_5, #input_31_5, #input_32_5, #input_33_5 { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 6px; margin: 0 auto; } #input_30_5 .gchoice, #input_31_5 .gchoice, #input_32_5 .gchoice, #input_33_5 .gchoice { flex: 0 0 calc(33.333% - 6px); max-width: calc(33.333% - 6px); box-sizing: border-box; } /* Kein Zeilenumbruch bei langen Begriffen in Feld 5 */ #input_30_5 label strong, #input_31_5 label strong, #input_32_5 label strong, #input_33_5 label strong { white-space: normal; font-size: 1em; } /* === Responsive Verhalten =================================== */ /* Tablet: 2 Karten nebeneinander */ @media (max-width: 770px) { #gform_wrapper_30 .marke-q1 ul.gfield_radio li, #gform_wrapper_31 .marke-q1 ul.gfield_radio li, #gform_wrapper_32 .marke-q1 ul.gfield_radio li, #gform_wrapper_33 .marke-q1 ul.gfield_radio li, #input_30_3 .gchoice, #input_31_3 .gchoice, #input_32_3 .gchoice, #input_33_3 .gchoice { flex: 0 0 calc(50% - 6px); max-width: calc(50% - 6px); } #input_30_5 .gchoice, #input_31_5 .gchoice, #input_32_5 .gchoice, #input_33_5 .gchoice { flex: 0 0 calc(50% - 4px); max-width: calc(50% - 4px); } } /* Mobil: 1 Karte pro Zeile */ @media (max-width: 500px) { #gform_wrapper_30 .marke-q1 ul.gfield_radio li, #gform_wrapper_31 .marke-q1 ul.gfield_radio li, #gform_wrapper_32 .marke-q1 ul.gfield_radio li, #gform_wrapper_33 .marke-q1 ul.gfield_radio li, #input_30_3 .gchoice, #input_31_3 .gchoice, #input_32_3 .gchoice, #input_33_3 .gchoice, #input_30_5 .gchoice, #input_31_5 .gchoice, #input_32_5 .gchoice, #input_33_5 .gchoice { flex: 0 0 100%; max-width: 100%; } } /* Wrapper: sorgt für gleichmäßige Ausrichtung */ .gfield_checkbox .gchoice { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 10px; line-height: 1.2; } /* Checkbox-Größe fixieren */ .gfield-choice-input[type="checkbox"] { width: 20px; height: 20px; flex-shrink: 0; margin-top: 4px; appearance: none; border: 2px solid #999; border-radius: 4px; background-color: white; position: relative; cursor: pointer; } /* Stil für gecheckte Checkbox */ .gfield-choice-input[type="checkbox"]:checked::before { content: ""; position: absolute; top: 2px; left: 6px; width: 4px; height: 10px; border: solid #0073aa; border-width: 0 2px 2px 0; transform: rotate(45deg); } /* Labeltext nebeneinander in zwei Zeilen */ .class-label { display: flex; flex-direction: column; font-size: 14px; margin: 0; line-height: 1.3; } /* Erste Zeile (z. B. Klasse 06) */ .class-label .line-1 { font-weight: bold; } /* Zweite Zeile (z. B. Beschreibung) */ .class-label .line-2 { font-style: italic; color: #444; margin-top: 2px; } /* Optional: für mobile Geräte etwas mehr Abstand */ @media (max-width: 480px) { .gfield_checkbox .gchoice { flex-direction: column; align-items: flex-start; } .gfield-choice-input[type="checkbox"] { margin-top: 0; } } /* Container auf Grid umstellen */ .gfield_checkbox { display: grid; grid-template-columns: repeat(3, 1fr); /* 3 Spalten */ gap: 16px 24px; /* vertikaler und horizontaler Abstand */ } /* Einzelne Checkbox-Zeile sauber innerhalb der Spalte */ .gfield_checkbox .gchoice { margin-bottom: 0; /* wird jetzt durch grid gap geregelt */ } @media (max-width: 768px) { .gfield_checkbox { grid-template-columns: 1fr; } } /* Navigation: Zurück-Buttons schwarz */ #gform_wrapper_30 .gform_previous_button, #gform_wrapper_31 .gform_previous_button, #gform_wrapper_32 .gform_previous_button, #gform_wrapper_33 .gform_previous_button { color: #000 !important; } /* Tabellenfarben im Formular erzwingen */ .rechtsverletzung-formular table, .rechtsverletzung-formular td, .rechtsverletzung-formular th, .rechtsverletzung-formular font { color: #000 !important; } /* Infoblock links auf voller Breite unter 1170px */ @media (max-width: 1170px) { .rechtsverletzung-formular .gfield.infoblock-links { width: 100% !important; max-width: 100% !important; padding-right: 0 !important; margin-bottom: 24px !important; } } /* Formular-Titel ausblenden */ #gform_wrapper_30 .gform_heading, #gform_wrapper_30 .gform_title, #gform_wrapper_31 .gform_heading, #gform_wrapper_31 .gform_title, #gform_wrapper_32 .gform_heading, #gform_wrapper_32 .gform_title, #gform_wrapper_33 .gform_heading, #gform_wrapper_33 .gform_title { display: none !important; } /* Grauen Hintergrund und Rahmen entfernen */ #gform_wrapper_30, #gform_wrapper_31, #gform_wrapper_32, #gform_wrapper_33 { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; } /* Falls veraltetes HTML mit bgcolor verwendet wird */ #gform_wrapper_30 table[bgcolor="#EAEAEA"], #gform_wrapper_31 table[bgcolor="#EAEAEA"], #gform_wrapper_32 table[bgcolor="#EAEAEA"], #gform_wrapper_33 table[bgcolor="#EAEAEA"], #gform_wrapper_30 td[bgcolor="#EAEAEA"], #gform_wrapper_31 td[bgcolor="#EAEAEA"], #gform_wrapper_32 td[bgcolor="#EAEAEA"], #gform_wrapper_33 td[bgcolor="#EAEAEA"] { background-color: transparent !important; } /* Consent-Link & Text weiß + ohne Unterstrich */ .consent-link-white .gform-field-label, .consent-link-white .gform-field-label a, .consent-link-white .gform-field-label a:visited, .consent-link-white .gform-field-label a:hover, .consent-link-white .gform-field-label a:focus { color: #ffffff !important; text-decoration: none !important; } /* Optional: Cursor als Link-Hinweis */ .consent-link-white .gform-field-label a {  cursor: pointer; } /* --- Gravity Forms Marken-Formular – Fix für Infoblock links --- */ /* UL wieder normal blockig (kein Grid/Flex) */ .rechtsverletzung-formular .gform_fields { display: block !important; position: relative; /* wichtig für das absolute Positionieren der linken Spalte */ } /* Linker Infoblock: weiterhin links fixiert, aber NICHT mehr gestreckt */ .rechtsverletzung-formular .gfield.infoblock-links { position: absolute; top: 0; left: 0; width: 45%; max-width: 450px; padding-right: 10px; box-sizing: border-box; background: transparent !important; /* WICHTIG: diese drei Zeilen „entstressen“ die Spalte */ display: block !important; /* kein flex-container mehr */ height: auto !important; /* nicht mehr 100% der Formularhöhe */ justify-content: flex-start !important; /* falls irgendwo noch flex greift */ } /* Rechte Spalte bleibt wie definiert – falls nötig sicherstellen: */ .rechtsverletzung-formular .gfield:not(.infoblock-links) { width: 55%; margin-left: auto; margin-bottom: 15px; display: block; } /* Formular ID 31 – zentriert */ .formular-wrapper-31 { width: 80%; margin: 0 auto; } /* Formular 31 – Bilder im Überprüfungs-Feld (ID 39) verkleinern */ #gform_wrapper_31 #field_31_39 img { max-width: 80px; /* maximale Breite für die großen Bilder */    max-height: 80^0px;   /* optional: maximale Höhe */ width: auto; height: auto; display: inline-block; }