/* ..... Staging ..... */ /* ..... Fonts .... */ /* roboto-300italic - latin */ @font-face { font-family: "Roboto"; font-style: italic; font-weight: 300; font-display: swap; src: url("../fonts/roboto-v20-latin-300italic.eot"); /* IE9 Compat Modes */ src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("../fonts/roboto-v20-latin-300italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-v20-latin-300italic.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-v20-latin-300italic.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-v20-latin-300italic.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-v20-latin-300italic.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-300 - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/roboto-v20-latin-300.eot"); /* IE9 Compat Modes */ src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-v20-latin-300.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-v20-latin-300.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-v20-latin-300.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-v20-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-italic - latin */ @font-face { font-family: "Roboto"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/roboto-v20-latin-italic.eot"); /* IE9 Compat Modes */ src: local("Roboto Italic"), local("Roboto-Italic"), url("../fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-v20-latin-italic.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-v20-latin-italic.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-v20-latin-italic.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-v20-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-500 - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/roboto-v20-latin-500.eot"); /* IE9 Compat Modes */ src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-v20-latin-500.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-v20-latin-500.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-v20-latin-500.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-v20-latin-500.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-v20-latin-500.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/roboto-v20-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-v20-latin-regular.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-v20-latin-regular.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-v20-latin-regular.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-v20-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-500italic - latin */ @font-face { font-family: "Roboto"; font-style: italic; font-weight: 500; font-display: swap; src: url("../fonts/roboto-v20-latin-500italic.eot"); /* IE9 Compat Modes */ src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("../fonts/roboto-v20-latin-500italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-v20-latin-500italic.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-v20-latin-500italic.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-v20-latin-500italic.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-v20-latin-500italic.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/roboto-v20-latin-700.eot"); /* IE9 Compat Modes */ src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-v20-latin-700.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-v20-latin-700.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-v20-latin-700.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-v20-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-900 - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/roboto-v20-latin-900.eot"); /* IE9 Compat Modes */ src: local("Roboto Black"), local("Roboto-Black"), url("../fonts/roboto-v20-latin-900.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-v20-latin-900.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-v20-latin-900.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-v20-latin-900.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-v20-latin-900.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-700italic - latin */ @font-face { font-family: "Roboto"; font-style: italic; font-weight: 700; font-display: swap; src: url("../fonts/roboto-v20-latin-700italic.eot"); /* IE9 Compat Modes */ src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("../fonts/roboto-v20-latin-700italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-v20-latin-700italic.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-v20-latin-700italic.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-v20-latin-700italic.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-v20-latin-700italic.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-900italic - latin */ @font-face { font-family: "Roboto"; font-style: italic; font-weight: 900; font-display: swap; src: url("../fonts/roboto-v20-latin-900italic.eot"); /* IE9 Compat Modes */ src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("../fonts/roboto-v20-latin-900italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-v20-latin-900italic.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-v20-latin-900italic.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-v20-latin-900italic.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-v20-latin-900italic.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-condensed-300 - latin */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/roboto-condensed-v18-latin-300.eot"); /* IE9 Compat Modes */ src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url("../fonts/roboto-condensed-v18-latin-300.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-condensed-v18-latin-300.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-condensed-v18-latin-300.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-condensed-v18-latin-300.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-condensed-v18-latin-300.svg#RobotoCondensed") format("svg"); /* Legacy iOS */ } /* roboto-condensed-regular - latin */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/roboto-condensed-v18-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("../fonts/roboto-condensed-v18-latin-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-condensed-v18-latin-regular.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-condensed-v18-latin-regular.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-condensed-v18-latin-regular.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed") format("svg"); /* Legacy iOS */ } /* roboto-condensed-300italic - latin */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 300; font-display: swap; src: url("../fonts/roboto-condensed-v18-latin-300italic.eot"); /* IE9 Compat Modes */ src: local("Roboto Condensed Light Italic"), local("RobotoCondensed-LightItalic"), url("../fonts/roboto-condensed-v18-latin-300italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-condensed-v18-latin-300italic.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-condensed-v18-latin-300italic.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-condensed-v18-latin-300italic.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-condensed-v18-latin-300italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */ } /* roboto-condensed-italic - latin */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/roboto-condensed-v18-latin-italic.eot"); /* IE9 Compat Modes */ src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url("../fonts/roboto-condensed-v18-latin-italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-condensed-v18-latin-italic.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-condensed-v18-latin-italic.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-condensed-v18-latin-italic.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-condensed-v18-latin-italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */ } /* roboto-condensed-700 - latin */ @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/roboto-condensed-v18-latin-700.eot"); /* IE9 Compat Modes */ src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("../fonts/roboto-condensed-v18-latin-700.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-condensed-v18-latin-700.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-condensed-v18-latin-700.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-condensed-v18-latin-700.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed") format("svg"); /* Legacy iOS */ } /* roboto-condensed-700italic - latin */ @font-face { font-family: "Roboto Condensed"; font-style: italic; font-weight: 700; font-display: swap; src: url("../fonts/roboto-condensed-v18-latin-700italic.eot"); /* IE9 Compat Modes */ src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url("../fonts/roboto-condensed-v18-latin-700italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/roboto-condensed-v18-latin-700italic.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/roboto-condensed-v18-latin-700italic.woff") format("woff"), /* Modern Browsers */ url("../fonts/roboto-condensed-v18-latin-700italic.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/roboto-condensed-v18-latin-700italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */ } .red { color: #eb3e32; } h1 b, h1 strong { font-weight: 500; } .list-space li { margin-top: 1rem; } /* H2*/ h2 { font-style: italic; } body:not(.page-id-gdpr-article):not(.page-id-gdpr-recital):not(.page-id-fdpa):not(.page-id-ttdsg):not(.page-id-jobs):not(.page-id-kb) h2 { font-weight: 600; margin-top: 40px; } .page-id-gdpr-article h2, .page-id-gdpr-recital h2, .page-id-fdpa h2, .page-id-ttdsg h2 { margin-bottom: 5px; } /* Article 4 Special */ .article-4 .textbox ol li:before { content: counter(section) ". "; } .article-4 .textbox ol ol li:before { content: counter(section2, lower-alpha) ") "; } .english.article-4 .textbox ol li:before { content: "(" counter(section) ") "; } .english.article-4 .textbox ol ol li:before { content: "(" counter(section2, lower-alpha) ") "; } .card { background-clip: initial; border: none; border-radius: 0; } .card-header { padding: 0; background-color: transparent; border-bottom: 2px solid #fff; } .card-header a { display: block; padding: 0.75rem 1.25rem; color: #353535; font-size: 17px; } .card-header a[aria-expanded="false"]:before { content: url(../../assets/img/dreieck.svg); float: right; } .card-header a[aria-expanded="true"]:before { content: url(../../assets/img/dreieck_up.svg); float: right; } .card-header a[aria-expanded="false"] { background-color: #fff; } .card-header a[aria-expanded="true"] { background-color: #4ab35b; color: #fff !important; } .nav-icon, .nav-iconbox { background: #353535; border-radius: 50px; float: left; } .card-header a:hover { color: #195ebf; } .nav-iconbox { margin: 4px 19px 0 0; min-width: 39px; min-height: 39px; display: table; } @media (min-width: 768px) and (max-width: 991px) { .card-header a { padding: 0.75rem 1.25rem; font-size: 14px; } .nav-iconbox { margin: 0 20px 0 0; border-radius: 50px; min-width: 39px; min-height: 39px; } } .nav-iconset { text-align: center; display: table-cell; vertical-align: middle; color: #fff; } .header, .header-min { margin-bottom: 25px; } .nav-icon { margin: 3px 20px 0 0; padding: 3px; } .h2, h2, .h3, h3, .h4, h4 { font-size: 15px; } .nav-utitle { font-size: 16px; font-family: "Roboto Condensed"; display: block; margin-top: 3px; margin-left: 58px; } .card-body { background-color: #dbf0df; padding: 0; } .list-group-item { display: block; padding: 0.75rem 1.25rem; border: none; border-bottom: 1px solid #fff; background: 0 0; } .td, .td-artikel { display: table-cell; } .td-artikel { min-width: 80px; font-weight: 500; } .list-group:last-child { border-bottom: 1px solid #fff; } /*.navbar-light {}*/ @media (min-width: 576px) { .navbar-light .navbar-toggler { position: absolute; right: 70px; top: 44px; } } /* #navifix : Main Navi Elemente ?*/ @media (max-width: 767px) { #topnavi-container { max-width: none; } } .navbar { padding: 0 !important; } #accordion-1 { min-width: 100%; } .fa.fa-search.glyphicon.glyphicon-search { margin-left: 9px; } .col-md-8.col-lg-8.col-xl-8.order-4.header { min-height: 190px; } .nav-tabs .nav-link { top: 0; } /* #navifix : Main Navi Elemente ?*/ @media (max-width: 767px) { .nav.nav-tabs { padding: 0 6px; margin-left: auto; margin-right: auto; text-align: center !important; } .nav-tabs .nav-item { margin-left: auto; margin-right: auto; } } .navbar-toggler { border: none !important; box-shadow: none !important; } .navcolumn { background-color: #195ebf; height: 66px; } @media (min-width: 768px) { .navcolumn { height: 66px; } .firstcard { border-radius: 10px 10px 0 0; } } @media (min-width: 768px) and (max-width: 991px) { .nav-utitle { font-size: 14px; } #accordion-1 { width: 230px; } .after::after, .before::before { content: "\A"; white-space: pre; } } .header-pic { text-align: center; height: 266px; } .textbox .h1, h1 { font-size: 22px; } .trenner { color: #fff; padding: 10px 0 10px 77px; margin-bottom: 0; } .lastkapitel { margin-bottom: 26px; } .card-header:first-child { border-radius: 0 !important; } .erwaeg-box { display: grid; margin: 40px 0; } sup { color: #999; margin-right: 2px; } .hinweis { font-weight: 600; color: #000; font-size: 11px; } .fussnote { background: #eee; font-size: 13px; padding: 10px; } .inartikel { margin-top: 15px; } body { font-family: Roboto; font-size: 15px; color: #515151; background-color: #fff; } .head-start, .kapitel, .textbox .h2, h2 { font-family: "Roboto Condensed"; } @media (min-width: 768px) { body { background-color: #f6f7f7; } } /* ..... Rechtstexte ..... */ @media (min-width: 768px) and (max-width: 991px) { body.page-id-gdpr-article, body.page-id-gdpr-recital, body.page-id-fdpa, body.page-id-ttdsg { font-size: 14px; } } .erwaegbox a { color: #353535; } .fussnote a, .textbox ol a { color: #0056b3; } .kapitel, a { color: #353535; } .fussnote a:hover, .textbox ol a:hover { text-decoration: underline; } .logo { height: 128px; } .column-navi { border-radius: 10px; background-color: #fff; } @media (min-width: 768px) { .column-navi { padding: 0 22px 0 0; background: 0 0; } } .icon_heading { position: relative; margin-right: 20px; } @media (min-width: 1200px) { .icon_heading { left: -62px; } } .header, .header-min { background-color: #fff; padding: 30px 30px 0; } @media (min-width: 576px) { .header { background-position: 243px -6px; background-size: 390px; background-image: url(../../assets/img/DSGVO-Portal_Paragraph.jpg); background-repeat: no-repeat; padding: 30px 0 30px 68px; height: 252px; } .kapitel { text-align: left !important; } } @media (min-width: 768px) { .header { background-position: 236px 9px; background-size: 429px; margin-bottom: 36px; height: 310px; } } @media (min-width: 992px) { .header { background-position: 316px -7px; background-size: 660px; padding: 58px 0 30px 61px; border-radius: 0 0 10px 10px; height: 443px; } } .kapitel { font-size: 20px; margin: 0; font-weight: 600; } /* Textbox Width */ .textbox { overflow-y: auto; background-color: #fff; border-radius: 10px 10px 0 0; padding: 40px 27px 60px; } @media (min-width: 576px) { .textbox { padding: 50px 60px 26px 72px; } } /* Textbox Tablet */ @media (min-width: 768px) { .textbox { padding: 75px 40px 70px 40px; } } @media (min-width: 768px) and (max-width: 991px) { .h4, h4 { font-size: 15px; margin-bottom: 12px; } } .h2, h2 { font-size: 22px; } @media (min-width: 768px) and (max-width: 991px) { .h2, h2 { font-size: 18px; } } .h4, h4 { font-size: 16px; } .textbox ol li { counter-increment: section; margin-top: 1em; } .textbox ol li:before { content: "(" counter(section) ") "; margin-left: -2.6em; width: 2.5em; display: inline-block; font-weight: 600; } /* #Counter english */ .english .textbox ol li:before { content: counter(section) ". "; } .english .textbox ol ol li:before { content: "(" counter(section2, lower-alpha) ") "; } .textbox ol ol li { counter-increment: section2; } .textbox ol ol li:before { content: counter(section2, lower-alpha) ") "; font-weight: 400; } .shadow-all { box-shadow: 0 0 20px #ccc; z-index: 0; } .pagi { margin-top: 40px; } .floatleft { float: left; } .floatright { float: right; } .footer { background-color: #195ebf; z-index: 20; min-height: 44px; margin-bottom: 20px; border-radius: 0 0 10px 10px; } .nav-link, .nav-tabs { border: none !important; } .footer-link { color: #fff; display: table-cell; vertical-align: middle; text-align: center; } .head-start { color: #353535; } .head-start { text-shadow: 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff; font-weight: 700; font-size: 30px; } @media (min-width: 576px) { .head-start { font-weight: 700; font-size: 32px; text-align: left !important; margin-left: 0; margin-right: 0; } } @media (min-width: 768px) { .head-start { font-size: 40px; } } @media (min-width: 992px) { .textbox { padding: 84px 80px 84px 84px; } .head-start { max-width: 490px; font-size: 50px; } } .pagi-navi { width: 64px; } @media (min-width: 768px) { .pagi-navi { width: 70px; } } .trennerblue { background-color: #195ebf !important; height: 40px; } .headerpic { width: 380px; text-align: center; } .gesetz { font-weight: 600; margin-right: 5px; } .text-column { padding-right: 0; padding-left: 0; } @media (min-width: 992px) { .page-id-gdpr-article .text-column, .page-id-gdpr-recital .text-column, .page-id-fdpa .text-column, .page-id-ttdsg .text-column { padding-left: 28px; } } .info-start { margin-top: 54px; } .untertitel { color: #eb3e32; text-align: center; font-style: italic; } .logolink { margin: 18px auto 16px; } @media (min-width: 768px) { .logolink { float: left; padding-left: 40px; margin: 0; } } .searchbar { position: relative; top: 100%; transform: translateY(-100%); display: block; margin-left: auto; margin-right: auto; padding-right: 81px; } .bullet, .nav-tabs, .neu-button { position: relative; } .logocolumn { margin: 15px 0 22px; } @media (max-width: 767px) { #content-container { max-width: none !important; padding-left: 0; padding-right: 0; } .col-md-8.col-lg-8.col-xl-8.order-8.shadow-all.textbox { padding-left: 75px; padding-right: 56px; } } .textbox .h2, h2 { font-size: 16px; margin-bottom: 14px; } ol { list-style-type: none; } a:hover { text-decoration: none; } .nav-link:focus, .nav-link:hover { color: #353535 !important; } .nav-link { padding-right: 0; } @media (min-width: 768px) { .nav-link { padding-right: 18px; } .nav-lastchild { margin-left: auto; } } @media (min-width: 992px) { .nav-link { padding-right: 38px; } } .nav-tabs { top: 50%; transform: translateY(-50%); padding-left: 33px; } .nav-lastchild { padding-right: 0; padding-left: 4px; } .bullet { font-size: 30px; font-weight: 800; top: 6px; line-height: 0; margin-right: 3px; } .neu-button { font-weight: 700; font-size: 12px; color: #fff; background: #353535; padding: 4px 8px; border-radius: 6px; margin-left: 4px; bottom: 1px; letter-spacing: 1px; } @media (max-width: 575px) { .bullet { display: none; } } .container-fluid { padding: 0 !important; } .fa.fa-search.glyphicon.glyphicon-search { position: absolute; top: 53px; left: 15px; font-size: 22px; } @media (min-width: 576px) { .untertitel { text-align: left; } .fa.fa-search.glyphicon.glyphicon-search { left: 92px; } } .navbar-toggler:not(:disabled):not(.disabled) { border: none; } #topcontainer { margin-top: 20px !important; } @media (min-width: 768px) { .fa.fa-search.glyphicon.glyphicon-search { position: initial; font-size: initial; } #mobile-search { display: none; } #topcontainer, .topnavi-container { margin-top: 40px; } } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: transparent; color: #fff; font-weight: 700; font-family: "Roboto Condensed"; font-size: 14px; letter-spacing: 0.2px; } /* #General / #Head */ @media (max-width: 767px) { .logolink { /* margin: 18px auto 16px; */ text-align: center !important; display: block; margin: 0; } } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { font-size: 15px; } .searchbar { display: none !important; } li.nav-lastchild { display: none !important; } #mobile-search { display: none; } .flag { height: 20px; border: 1px solid #999; border-radius: 5px; } .language { position: absolute; right: 15px; top: 98px; z-index: 50; } @media (min-width: 768px) { .language { position: relative; float: right; right: 40px; top: 100px; } } /* Twitter Link Icon */ .twitt-icon img { height: 30px; } .twitt-icon { float: left; top: -28px; position: relative; right: 36px; background: #1da1f2; border-radius: 30px; } @media (max-width:767px) { .english .twitt-icon { right: 0px; } } .twitt-icon:hover { background: #353535; } @media (min-width: 768px) { .twitt-icon { float: right; right: 125px; top: 97px; } } /* Side Navi */ /* Background behind rounded Edges */ .card { background-color: transparent; } .activeArticle, .activeSection { background-color: beige !important; } @media (max-width: 767px) { .navbar-toggler { position: absolute; left: 12px; top: 177px; z-index: 50; } } /* .fullscreen{position:absolute;left:0;top:230px;z-index:1030;background-color:rgba(25,94,191,.85);height:200vh} */ /* ........... .............. Page Navi ........................... */ .pagi p { margin-top: 0px !important; } /* ................... #Buttons ................ */ .but-small:hover, .but-small:active { background-color: #4ab35b; } .but-small { background-color: #353535; border-radius: 5px; display: inline-block; cursor: pointer; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; padding: 2px 6px 4px; margin-right: 14px; } .but-small img { height: 17px; width: 17px; } @media (min-width: 576px) { .but-small { margin-left: 14px; margin-right: 0px; } .headline-but h1 { float: left; } .page-id-fine-calculator .headline-but { text-align: right; padding: 0 7px 0 4px; } } /* ................................ #GDPR Page ......................... */ .page-id-gdpr-article .td-artikel { min-width: 58px; } @media (min-width: 768px) and (max-width: 991px) { .page-id-gdpr-article .nav-iconbox { margin: 0 12px 0 0; } .page-id-gdpr-article .nav-utitle { margin-left: 52px; } .page-id-gdpr-article .card-header a { padding-left: 14px; padding-right: 14px; } .page-id-gdpr-article .td-artikel { padding-right: 0px; text-align: center; min-width: 65px; } .page-id-gdpr-article .list-group-item { padding-left: 0; } } /* ............................... #BDSG Page ...................... */ /* Icon Box */ .nav-iconbox { height: 39px; } /* Header */ .header-min { display: none; } .navcolumn { margin-bottom: 35px; z-index: 30; } /* - Trenner */ .trenner.firstcard { background: #353535; } @media (min-width: 768px) { .trenner.firstcard { border-radius: 10px 10px 0 0; } } /* Abschnitt */ .card .trenner-plus { background-color: seagreen; } /* Teil */ .card ~ .trenner { background: #353535; } /* Artikel - Recital/ fdpa */ .page-id-fdpa .td-artikel, .page-id-ttdsg .td-artikel, .page-id-gdpr-recital .td-artikel { min-width: 59px; padding-right: 21px; text-align: center; } /* ......... BDSG ... ICONS, ICONS, ICONS ..............*/ .fdpa-chapter-img-1-1, .fdpa-chapter-img-3-1 { width: 27px; padding-bottom: 2px; padding-left: 1px; } .fdpa-chapter-img-1-2, .fdpa-chapter-img-2-1, .fdpa-chapter-img-3-2 { width: 21px; } .fdpa-chapter-img-1-5 { padding-top: 2px; } .fdpa-chapter-img-1-6, .fdpa-chapter-img-2-6 { width: 25px; margin-bottom: 1px; } .fdpa-chapter-img-2-3, .fdpa-chapter-img-3-4 { width: 17px; margin-bottom: 1px; } .fdpa-chapter-img-2-5, .fdpa-chapter-img-3-7 { width: 29px; margin-top: 2px; } .fdpa-chapter-img-3-5 { width: 21px; } .fdpa-chapter-img-3-6 { width: 23px; } /* Text */ .page-id-fdpa .textbox ol ol li:before { content: counter(section2) ". "; } .textbox ol ol ol li { counter-increment: section3; } .page-id-fdpa .textbox ol ol ol li:before { content: counter(section3, lower-alpha) ") "; } /* #Themenrelevante #Links */ .recitals-box a, .sections-box a { font-style: italic; } .page-id-gdpr-article .recitals-box strong { min-width: 15px; display: inline-block; } .page-id-gdpr-article .recitals-box a { text-indent: -19px; display: block; padding-left: 41px; } .page-id-gdpr-article .sections-box strong { min-width: 37px; display: inline-block; } .page-id-gdpr-article .sections-box a { text-indent: -43px; display: block; padding-left: 89px; } .page-id-fdpa .sections-box strong { min-width: 52px; display: inline-block; } .page-id-ttdsg .sections-box strong { min-width: 52px; display: inline-block; } .page-id-fdpa .sections-box a { text-indent: -57px; display: block; padding-left: 115px; } .page-id-ttdsg .sections-box a { text-indent: -57px; display: block; padding-left: 115px; } .page-id-gdpr-recital .recitals-box strong { min-width: 48px; display: inline-block; } .page-id-gdpr-recital .recitals-box a { text-indent: -52px; display: block; padding-left: 106px; } /* Source */ .source-ref { font-size: 10px; font-style: italic; margin-top: 40px; } p + .source-ref { padding-left: 0px; } /* Fix Distance */ p { margin-top: 1rem !important; } /* Old Versions Box */ .sections-box.regulation-versions-box a { padding-left: 57px; } /* .............................. #Recitals Page ........................ */ .page-id-gdpr-recital .card-header a[aria-expanded="true"] { min-height: 66px; } .nav-recitals-title { display: table-cell; padding: 11px 0; } .page-id-gdpr-recital .card-header a[aria-expanded="true"]:before { padding: 10px 0; } .page-id-gdpr-recital .card-header a[aria-expanded="false"]:before { padding: 10px 0; } @media (min-width: 768px) and (max-width: 991px) { .page-id-gdpr-recital:not(.english) .nav-recitals-title { padding: 6px 0; max-width: 115px; text-align: center; } } @media (min-width: 992px) and (max-width: 1199px) { .page-id-gdpr-recital .column-navi { padding: 0; } .page-id-gdpr-recital:not(.english) .card-header a { font-size: 15px; } /* .page-id-gdpr-recital.english .card-header a { font-size: 17px; } */ } /* ...................................... Country-Filter and Tag-Filter ....................... */ .button-tag-filter { background-color: #fff !important; color: #505050; font-family: 'Roboto', sans-serif; font-size: 15px; background-clip: border-box; border: 1px solid #ccc !important; border-top-left-radius: 5px; border-bottom-left-radius: 5px; height: calc(1.5em + .8375rem + 2px); padding: .375em .75rem; background-size: calc(1.25em + 0.375rem) calc(1.25em + 0.375rem); -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -moz-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -ms-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } .button-tag-filter:hover { background-color: #fff !important; color: #505050; font-family: 'Roboto', sans-serif; font-size: 15px; background-clip: border-box; border: 1px solid #ccc !important; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .button-tag-filter:active { background-color: #fff !important; color: #505050; font-family: 'Roboto', sans-serif; font-size: 15px; background-clip: border-box !important; border: 1px solid #ccc !important; border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .tag-item { font-size: 14px; } @media (min-width: 768px){ .tag-item { font-size: 15px; } } .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars .div-tag-filter .select-list{ position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; width: 100%; padding: 0px; margin: 5px 0 10px; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: border-box; border: 1px solid #ccc; border-top-left-radius: 5px; border-bottom-left-radius: 5px; visibility: hidden; height: 320px; opacity: 0; overflow-y: scroll; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } @media (min-width: 576px) and (max-width: 660px){ .divFilter { display: block; /* margin: 0px 0px 0px -100px; */ position: static; } .divFilter.divTagfilter { margin-left:auto; } .divFilter.divCountryFilter { float: both; } } @media (min-width: 661px) and (max-width: 991px) { .divFilter { display: flex; /* margin: 0px 0px 0px -100px; */ position: static; } .divFilter.divTagfilter { margin-left:auto; } .divFilter.divCountryFilter { float: right; } } @media (min-width: 992px) and (max-width: 1199px) { .divFilter { display: flex; /* margin: 0px 0px 0px -100px; */ position: static; } .divFilter.divTagfilter { margin-left:auto; } .divFilter.divCountryFilter { float: both; } } @media (min-width: 1200px) { .divFilter { display: flex; position: static; } .divFilter.divTagfilter { margin-left:auto; } .divFilter.divCountryFilter { float: right; } } /* ...................................... Toggle switch for #tagfilter ....................... */ .switch { position: relative; display: inline-block; width: 90px; height: 36px; margin-bottom:0; } .switch input {display:none;} /* Focus kill Filter Button*/ .btn-secondary.dropdown-toggle:focus { box-shadow: none!important; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #195ebf; -webkit-transition: .4s; transition: .4s; border-radius: 6px; } .slider:before { position: absolute; content: ""; height: 34px; width: 32px; top: 1px; left: 1px; right: 1px; bottom: 1px; background-color: white; transition: 0.4s; border-radius: 6px; } input:checked + .slider { background-color: #2ab934; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(55px); } .slider:after { content:'Alle'; color: white; display: block; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 65%; font-size: 1rem; font-family: Roboto; } input:checked + .slider:after { content:'Eine'; left: 35%; } /* Filter & Search Buttons Layout */ .page-id-incidents .search.btn-group { width: 100%; } .page-id-incidents div#filterContainer { display: flex; } /* Page List Fix - Hide Tagfilters here*/ .page-list .dropdown-menu span { display: none; } /* Tagfilter Sub Title */ .slider-untertitel, .slider-untertitel-single { top: 8px; left: 102px; position: relative; } input:checked ~ .slider-untertitel { display: none; } .slider-untertitel-single { display: none; } input:checked ~ .slider-untertitel-single { display: inline; } .divTagfilter .dropdown-menu span:first-child { margin-bottom: 30px; margin-top: 20px; } /* Tagfilter Menü */ .divTagfilter .dropdown-menu { margin: 4px 0 0; } @media (max-width: 575px) { .divTagfilter .dropdown-menu { max-width: 380px; }} .divTagfilter .dropdown-menu.show { display: flex; flex-wrap: wrap; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .divTagfilter .dropdown-menu span { min-width: 162px; } @media (min-width: 768px) { .divTagfilter .dropdown-menu span { min-width: 210px; } } @media (min-width: 992px) { .divTagfilter .dropdown-menu span { min-width: 250px;} } /* Buttons unten */ .but-end-container { margin: 24px 0; width: 100%; display: flex; } .page-id-incidents .but-small { padding: 10px; margin: 0 34px 0 99px; } @media (min-width: 768px) { .page-id-incidents .but-small { margin: 0 34px 0 24px; } } .but-close { background: #195ebf; padding: 10px 20px; font-weight: 500; letter-spacing: 0.5px; border-radius: 5px; color: white; float: right; } .but-close:hover { background: #4ab35b; cursor: pointer; } /* Tagfilter - 360px Layout */ @media (max-width: 767px) { .dropdown-item { padding: 0.25rem 0.5rem; } .divTagfilter .dropdown-menu { font-size: 15px } .slider:after { font-size: 15px; } } /* Checkboxen */ .page-id-incidents input[type=checkbox] { margin-right: 2px; position: relative; top: 2px; width: 13px; height: 13px; } @media (min-width: 768px) { .page-id-incidents input[type=checkbox] { margin-right: 5px; top: 3px; width: 17px; height: 17px; }} /* ...................................... #Incidents Page ....................... */ .page-id-incidents .data-note { font-weight: 400 !important; } .page-id-incidents .textbox h1 { padding-bottom: 20px; } .page-id-incidents .gesetz { font-weight: 500; } .table-incidents { border-collapse: separate; border-spacing: 0 11px; border: none; font-weight: bold; } @media (min-width: 768px) { .table-incidents { border-spacing: 0 17px; } } .tableIncidentsHeaderTextColor { color: white; } @media (max-width: 767px) { body.page-id-incidents { font-size: 14px; } } /* @media (min-width: 1200px) { .tableIncidentHeaderCol4::before { margin: 0px 0 -16px 188px; } } */ /* Column 2 - Datum (Incidents) */ .tableIncidentHeaderCol2 { background-color: #000 !important; } .tableIncidentHeaderCol4 { background-color: #4ab35b !important; } /* Popup - Sichercheitsvorfälle */ .page-id-incidents .modal-content #incidentLinks a { display: initial; padding-right: 10px; } .page-id-incidents .modal-content #fieldDescription a { display: inline-block; } .page-id-incidents .modal-content #fieldDescription p { white-space: pre-wrap; word-break: break-word; -ms-word-break: break-word; } /* Searchbar */ .page-id-incidents .textbox .h1, .page-id-incidents .textbox h1 { float: left; padding-top: 6px; } .page-id-incidents .bootstrap-table .search { margin-top: 0px !important; } /* @media (min-width: 768px) { .page-id-incidents .bootstrap-table .search { min-width: 293px; } } @media (min-width: 992px) { .page-id-incidents .bootstrap-table .search { min-width: 307px; } } */ /* Table Headers */ /* Colors */ .tableIncidentHeaderCol1, .tableIncidentHeaderCol3 { background-color: #195ebf !important; } .tableIncidentHeaderCol2 { background-color: #000; } .tableIncidentHeaderCol4 { background-color: #4ab35b; } /* Column-1 Datum (Incidents) */ .page-id-incidents .bootstrap-table .fixed-table-container .table thead th:first-child .th-inner { padding-left: 0px!important; padding-right: 14px!important; } .page-id-incidents .bootstrap-table td:first-child { /* width: 84px; max-width: 84px; */ width: 100px!important; max-width: 100px!important; } .page-id-incidents.english .bootstrap-table td:nth-child(1) { width: 88px; max-width:88px; } .tableIncidentHeaderCol1 .th-inner { padding-right: 17px!important; } .english .tableIncidentHeaderCol1 .th-inner { padding-left: 0px!important; } .tableIncidentHeaderCol1 .th-inner { padding-left: 20px!important; } @media (min-width: 576px) { .english .tableIncidentHeaderCol1::before { margin-left: 0px; } .tableIncidentHeaderCol1 .th-inner { padding-left: 0px!important; } } @media (min-width: 768px) { .english .tableIncidentHeaderCol1::before { margin-left: 0px; } .tableIncidentHeaderCol1 .th-inner { padding-left: 0px!important; } } @media (min-width: 992px) { .page-id-incidents .bootstrap-table td:first-child { min-width: 98px; max-width: 98px; padding-left: 10px; padding-right: 10px; } .page-id-incidents .bootstrap-table td:nth-child(1) { width: 98px; } .page-id-incidents.english .bootstrap-table td:nth-child(1) { width: 98px; } /*.tableIncidentHeaderCol1::before { content: url(https://www.dsgvo-portal.de/assets/img/kalender_datum_jahr_date.svg); transform: scale(0.2); display: block; width: 10px; height: 10px; margin: 0px 0 -18px 10px; } */ .english .tableIncidentHeaderCol1::before { content: none; } .tableIncidentHeaderCol1 .th-inner { padding-left: 30px !important; } } @media (min-width: 1200px) { .page-id-incidents .bootstrap-table td:nth-child(1) { width: 254px; max-width: 254px; } .page-id-incidents.english .bootstrap-table td:nth-child(1) { width: 98px; } .tableIncidentHeaderCol1::before { margin: 0px 0 -18px 18px; } .tableIncidentHeaderCol1 .th-inner { padding-right: 0px!important; /* padding-left: 20x!important; Vor Änderung der header_de.php*/ /* Nach Änderung der header_de.php */ padding-left:38px!important; } } /* Column 2 - Betroffene Organisation (Incidents)*/ /*Kill Bootstrap's padding-right */ .page-id-incidents .bootstrap-table .fixed-table-container .table thead th.tableIncidentHeaderCol2 .sortable { padding-right: 0!important; } @media (min-width: 576px) { .page-id-incidents .bootstrap-table td:nth-child(2) { width: 150px; max-width: 150px; } } @media (min-width: 768px) { .tableIncidentHeaderCol2::before { content: url(https://www.dsgvo-portal.de/assets/img/empfaenger_02.svg); transform: scale(1.02); display: block; width: 10px; height: 10px; margin: 0px 0 -20px 30px; } .page-id-incidents .bootstrap-table td:nth-child(2) { width: 170px; max-width: 170px; } .page-id-incidents .bootstrap-table .fixed-table-container .table thead th.tableIncidentHeaderCol2 .th-inner.sortable { padding-left: 15px; } } @media (min-width: 992px) { .page-id-incidents .bootstrap-table td:nth-child(2) { width: 220px; max-width: 220px; } .tableIncidentHeaderCol2::before { margin-left: 54px; } .tableIncidentHeaderCol2 .th-inner { padding-left: 15px !important; } } @media (min-width: 1200px) { .page-id-incidents .bootstrap-table td:nth-child(2) { width: 270px; max-width: 270px; } .tableIncidentHeaderCol2::before { margin-left: 86px; } .tableIncidentHeaderCol2 .th-inner { /* padding-left: 11px !important; Vor Änderung der header_de.php*/ /* Nach Änderung der header_de.php */ padding-left: 30px !important; } } /* Column 3 - Country (Incidents) */ .page-id-incidents .bootstrap-table .fixed-table-container .table thead th:nth-child(3) .sortable { padding-left: 0px!important; padding-right: 14px!important; } @media (min-width: 576px) { .page-id-incidents .bootstrap-table .fixed-table-container .table thead th:nth-child(3) .sortable { padding-left: 10px!important; padding-right: 24px!important; } } @media (min-width: 992px) { .page-id-incidents .bootstrap-table .fixed-table-container .table thead th:nth-child(3) .sortable { padding-left: 14px!important; padding-right: 28px!important; } } .page-id-incidents .bootstrap-table td:nth-child(3) { width: 68px; min-width: 68px; } .tableIncidentHeaderCol3 .th-inner { padding-left: 20px!important; padding-right: 13px !important; } .english .tableIncidentHeaderCol3 .th-inner { padding-left: 0px !important; } @media (min-width: 576px) { .english .tableIncidentHeaderCol3::before { margin-left: 0px; } .tableIncidentHeaderCol3 .th-inner { padding-left: 20px!important; } } @media (min-width: 768px) { .english .tableIncidentHeaderCol3::before { margin-left: 0px; } .tableIncidentHeaderCol3 .th-inner { padding-left: 20px!important; } } @media (min-width: 992px) { .bootstrap-table .flag { margin-right: 4px!important; } } @media (min-width: 992px) { .page-id-incidents .bootstrap-table td:nth-child(3) { width: 84px; /* max-width: 97px; */ padding-left: 0px; padding-right: 0px; } .page-id-incidents.english .bootstrap-table td:nth-child(3) { width: 98px; } /*.tableIncidentHeaderCol3::before { content: url(https://www.dsgvo-portal.de/assets/img/flag_country_02.svg); transform: scale(0.046); display: block; width: 10px; height: 10px; margin: 0px 0 -18px 4px; } */ .english .tableIncidentHeaderCol3::before { content: none; } .tableIncidentHeaderCol3 .th-inner { padding-left: 20px !important; } } @media (min-width: 1200px) { .page-id-incidents.english .bootstrap-table td:nth-child(3) { width: 98px; } .tableIncidentHeaderCol3::before { margin-left: 18px; } .tableIncidentHeaderCol3 .th-inner { padding-right: 0px!important; /* padding-left: 20x!important; Vor Änderung der header_de.php*/ /* Nach Änderung der header_de.php */ padding-left: 40px!important; } } @media (max-width: 575px) { .page-id-incidents .tableIncidentHeaderCol4 { display: none; } } /* Column 4 - Sicherheitsvorfall */ @media (min-width: 768px) { .tableIncidentHeaderCol4::before { content: url(https://www.dsgvo-portal.de/assets/img/broken_shield.svg); transform: scale(0.3); display: block; width: 10px; height: 10px; margin: 0px 0 -17px 84px; } .tableIncidentHeaderCol4 .th-inner { padding-left: 25px !important; } } @media (min-width: 992px) { .tableIncidentHeaderCol4::before { margin-left: 166px; } } @media (min-width: 1200px) { .tableIncidentHeaderCol4::before { /* margin: 0px 0 -18px 192px; Vor Änderung der header_de.php*/ /* Nach Änderung der header_de.php */ margin-left: 189px; } } /* Textbox - Incidents */ .page-id-incidents .textbox { padding-left: 2px; padding-right: 2px; min-height: 1300px; } .page-id-incidents .but-cat { margin-right: 8px !important; border-radius: 5px !important; } @media (min-width: 360px) { .page-id-incidents .textbox { padding-left: 7px; padding-right: 7px; } } @media (min-width: 576px) { .page-id-incidents .textbox { padding-left: 20px; padding-right: 20px; min-height: 1150px; } } @media (min-width: 768px) { .page-id-incidents .textbox { padding-left: 20px; padding-right: 20px; } } @media (min-width: 1200px) { .page-id-incidents .textbox { padding-left: 63px; padding-right: 63px; } } .page-id-incidents td:nth-child(2) { word-break: break-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } @media (max-width: 767px) { .page-id-incidents td:last-child { word-break: break-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } } /* ............................ #Court Decisions Page ....................... */ .page-id-courtdecisions .data-note { font-weight: 400 !important; } .page-id-courtdecisions .textbox h1 { padding-bottom: 20px; } .page-id-courtdecisions .gesetz { font-weight: 500; } .table-decisions { border-collapse: separate; border-spacing: 0 11px; border: none; font-weight: bold; } @media (min-width: 768px) { .table-decisions { border-spacing: 0 17px; } } .tableCourtDecisionsHeaderTextColor { color: white; } @media (max-width: 767px) { body.page-id-courtdecisions { font-size: 14px; } } @media (min-width: 1200px) { .page-id-courtdecisions .modal-dialog { max-width: 960px; } } /* Popup - Gerichtsentscheidungen */ .page-id-courtdecisions .modal-content #decisionLinks a { display: initial; padding-right: 10px; } .page-id-courtdecisions .modal-content #fieldSummary a { display: inline-block; } .page-id-courtdecisions .modal-content #fieldSummary, .page-id-courtdecisions .modal-content #fieldDescription { position: relative; padding-right: 8.333333333%; } .page-id-courtdecisions .modal-content #fieldSummary, .page-id-courtdecisions .modal-content #fieldDescription p { white-space: pre-wrap; word-break: break-word; -ms-word-break: break-word; } .page-id-courtdecisions .modal-content .modal-row.hide-row { display: none; /*hide modal-row on empty details*/ transition: all 0.5s ease-out; } /*More-Less Button*/ .page-id-courtdecisions .modal-content a.read { position: relative; width: 0; margin: 0 auto; height: 0; border-top: 9px solid transparent; border-right: 9px solid #dc3545; transform: rotate(10deg); } .page-id-courtdecisions .modal-content a.read::before { content: ""; position: absolute; border: 0 solid transparent; border-top: 3px solid #dc3545; border-radius: 20px 0 0 0; top: -12px; left: -9px; width: 12px; height: 12px; transform: rotate(45deg); } .page-id-courtdecisions .modal-content .less { background: #fff; bottom: 0px; left: -24px; margin: 0 auto; padding: 0; position: absolute; width: 100%; height: 40px; text-align: center; z-index: 1; -webkit-box-shadow: 0 -9px 6px -6px rgba(215, 215, 215, 1); -moz-box-shadow: 0 -9px 6px -6px rgba(215, 215, 215, 1); box-shadow: 0 -9px 6px -6px rgba(215, 215, 215, 1); } .page-id-courtdecisions .modal-content a.read .tip { visibility: hidden; width: 120px; margin: 0 auto; top: 150%; left: 50%; text-align: center; font-size: 14px; padding: 5px 0; color: white; background-color: #dc3545d2; border-radius: 6px; z-index: 1; position: absolute; transform: rotate(-10deg); } .page-id-courtdecisions .modal-content a.read .tip::after { content: " "; position: absolute; bottom: 100%; /* At the top of the tooltip */ left: 15px; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #dc3546d2 transparent; } .page-id-courtdecisions .modal-content a.read:hover .tip { visibility: visible; } .page-id-courtdecisions .modal-content span.more { margin-top: -16px; visibility: hidden; transition: all 0.5s ease-out; opacity: 0; } .page-id-courtdecisions .modal-content span.more.open { visibility: visible; transition: all 0.5s ease-in; opacity: 1; } /* Table Headers */ /* Colors */ .tableCourtDecisionHeaderCol1 { background-color: #195ebf; } .tableCourtDecisionHeaderCol2 { background-color: #000000; } .tableCourtDecisionHeaderCol3 { background-color: #eb3e32; } .tableCourtDecisionHeaderCol4 { background-color: #195ebf; } .tableCourtDecisionHeaderCol5 { background-color: #4ab35b; } /*...Table Columns...*/ /* Column 1 - Publish Date*/ .page-id-courtdecisions .bootstrap-table td:first-child { width: 80px; } .tableCourtDecisionHeaderCol1 .th-inner { padding-right: 10px !important; } @media (min-width: 992px) { .page-id-courtdecisions .bootstrap-table td:first-child { width: 110px; } .tableCourtDecisionHeaderCol1 .th-inner { padding-right: 0 !important; padding-left: 11px !important; } .tableCourtDecisionHeaderCol1::before { content: url(https://www.dsgvo-portal.de/assets/img/kalender_datum_jahr_date.svg); transform: scale(0.2); display: block; width: 10px; height: 10px; margin: 0 0 -18px 6px; } } /* Column 2 - Case Identifier*/ .page-id-courtdecisions .bootstrap-table td:nth-child(2) { width: 168px; } @media (min-width: 576px) { .page-id-courtdecisions .bootstrap-table td:nth-child(2) { width: 150px; } } @media (min-width: 768px) { .page-id-courtdecisions .bootstrap-table td:nth-child(2) { width: 170px; } } @media (min-width: 992px) { .tableCourtDecisionHeaderCol2::before { content: url(https://www.dsgvo-portal.de/assets/img/books3.svg); transform: scale(0.03); display: block; width: 10px; height: 10px; margin-bottom: -18px; margin-left: 8px; } .tableCourtDecisionHeaderCol2 .th-inner { padding-left: 20px !important; } } /* Column 3 - Court Code*/ .page-id-courtdecisions .bootstrap-table td:nth-child(3) { width: 124px; } .tableCourtDecisionHeaderCol3 .th-inner { padding-right: 13px !important; } @media (min-width: 992px) { .tableCourtDecisionHeaderCol3::before { content: url(https://www.dsgvo-portal.de/assets/img/supervisory_authority.svg); transform: scale(0.98); display: block; width: 10px; height: 10px; margin-bottom: -20px; margin-left: 8px; } .tableCourtDecisionHeaderCol3 .th-inner { padding-left: 24px !important; } } /* Column 4 - Jurisdiction*/ .page-id-courtdecisions .bootstrap-table td:nth-child(4) { width: 100px; } .tableCourtDecisionHeaderCol4 .th-inner { padding-right: 13px !important; } @media (min-width: 992px) { .page-id-courtdecisions.bootstrap-table td:nth-child(4) { width: 98px; } .tableCourtDecisionHeaderCol4::before { content: url(https://www.dsgvo-portal.de/assets/img/flag_country_02.svg); transform: scale(0.046); display: block; width: 10px; height: 10px; margin: 0px 0 -18px 8px; } .tableCourtDecisionHeaderCol4 .th-inner { padding-left: 24px !important; } } @media (max-width: 575px) { .page-id-courtdecisions .bootstrap-table td:nth-child(4), .page-id-courtdecisions .tableCourtDecisionHeaderCol4, .page-id-courtdecisions .tableCourtDecisionHeaderCol5 { display: none; } } /* Column 5 - Court Decision */ @media (min-width: 768px) { .tableCourtDecisionHeaderCol5::before { /* content: url(https://www.dsgvo-portal.de/assets/img/court_decision.svg); */ content: url(https://www.dsgvo-portal.de/assets/img/court_decision.svg); transform: scale(0.036); display: block; width: 10px; height: 10px; margin: 0px 0 -16px 0px; } } @media (min-width: 768px) { .tableCourtDecisionHeaderCol5 .th-inner { padding-left: 25px !important; } } @media (min-width: 992px) { .tableCourtDecisionHeaderCol5::before { margin: 0px 0 -16px 88px; } } @media (min-width: 1200px) { .tableCourtDecisionHeaderCol5::before { margin: 0px 0 -16px 133px; } } /* Searchbar */ .page-id-courtdecisions .textbox .h1, .page-id-courtdecisions .textbox h1 { float: left; padding-top: 6px; } .page-id-courtdecisions .bootstrap-table .search { margin-top: 0px !important; } @media (max-width: 575px) { .page-id-courtdecisions .bootstrap-table .search { max-width: 190px; } } @media (min-width: 768px) { .page-id-courtdecisions .bootstrap-table .search { min-width: 293px; } } @media (min-width: 992px) { .page-id-courtdecisions .bootstrap-table .search { min-width: 307px; } } /* Textbox - Court Decisions */ .page-id-courtdecisions .textbox { padding-left: 2px; padding-right: 2px; } .page-id-courtdecisions .but-cat { margin-right: 8px !important; border-radius: 5px !important; } @media (min-width: 360px) { .page-id-courtdecisions .textbox { padding-left: 7px; padding-right: 7px; } } @media (min-width: 768px) { .page-id-courtdecisions .textbox { padding-left: 20px; padding-right: 20px; } } @media (min-width: 1200px) { .page-id-courtdecisions .textbox { padding-left: 63px; padding-right: 63px; } } .page-id-courtdecisions td:nth-child(2) { word-break: break-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } @media (max-width: 767px) { .page-id-courtdecisions td:last-child { word-break: break-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } } /* ...................................... #Fines Page ....................... */ /* General - Fines */ /* Sub Headline / Untertitel */ .page-id-fines .data-note { font-weight: 400 !important; } .page-id-fines .textbox h1 { padding-bottom: 20px; } .page-id-fines .gesetz { font-weight: 500; } .bootstrap-table th { text-align: center; } .bootstrap-table .th-inner { padding: 11px 0; } thead tr:first-child { height: 52px; } .bootstrap-table td { text-align: center; font-weight: 500; } .table-fines { border-collapse: separate; border-spacing: 0 11px; border: none; font-weight: bold; } @media (min-width: 768px) { .table-fines { border-spacing: 0 17px; } } .tableFinesHeaderTextColor { color: white; } @media (max-width: 767px) { body.page-id-fines { font-size: 14px; } } @media (max-width: 991px) { .bootstrap-table .table td, .table th { padding-right: 5px; padding-left: 5px; } } @media (min-width: 768px) and (max-width: 991px) { .bootstrap-table { font-size: 14px; } } @media (min-width: 992px) { .page-id-fines .bootstrap-table td:nth-child(2) { font-size: 18px; } } /* Searchbar */ .page-id-fines .textbox .h1, .page-id-fines .textbox h1 { float: left; padding-top: 6px; } .page-id-fines .bootstrap-table .search { margin-top: 0px!important; } @media (max-width: 575px) { .page-id-fines .bootstrap-table .search { max-width: 190px; } } @media (min-width: 768px) { .page-id-fines .bootstrap-table .search { min-width: 293px; } } @media (min-width: 992px) { .page-id-fines .bootstrap-table .search { min-width: 220px; margin-right: 10px; } } /* Country Filter Select Fines */ .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars { margin-top: 0; } .page-id-fines tr > th[data-field="countries"], .page-id-fines tr > td:last-child{ display: none; visibility: hidden; } .page-id-fines tr.no-records-found{ display: table-row!important; } .page-id-fines tr.no-records-found > td{display: table-cell!important; visibility: visible;} /* Custom Select Filter */ .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country{ position: relative; background-clip: padding-box; cursor: pointer; width: 100%; height: calc(1.5em + .8375rem + 2px); font-family: 'Roboto', sans-serif; font-size: 15px; color: #505050; border: 1px solid #ced4da; border-radius: 0.25em; } .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country select{ display: none; } .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .button-drop-down{ display: flex; align-items: center; background-clip: padding-box; cursor: pointer; height: calc(1.5em + .8375rem + 2px); padding: .375em .75rem; background-image: url(/assets/img/arrow_down.svg); background-repeat: no-repeat; background-position: center right 0px; background-position-y: 2px; background-size: calc(1.25em + 0.375rem) calc(1.25em + 0.375rem); -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -moz-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -ms-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .button-drop-down > span:nth-child(2){ width: 60%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .select-list{ position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; width: 100%; padding: 0px; margin: 5px 0 10px; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: border-box; border: 1px solid #ccc; border-top-left-radius: 5px; border-bottom-left-radius: 5px; visibility: hidden; height: 320px; opacity: 0; overflow-y: scroll; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .select-list.open{ display: block; visibility: visible; opacity: 1; overflow-y:scroll; } .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .select-list li{ display: none; cursor: pointer; } .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .select-list li > span{ display: flex; align-items: center; min-height: 38px; background-color: transparent; border-bottom: 1px solid rgba(0,0,0,0.125); padding: .75rem; width: 100%; } .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .select-list li > .wrapp-item > .item-text{ width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .select-list li > .wrapp-item > p.item-text{ margin: 0!important; } .bg-image{ background-repeat: no-repeat; background-size: contain; margin-right: 15px; margin-top: 0px; border: 1px solid #999; border-radius: 4px; width: 29px; height: 20px; display: inline-block; vertical-align: middle; } .page-id-fines .bootstrap-table .fixed-table-toolbar{ display: -webkit-flex;/*Safari, Opera, Edge, Chrome...*/ display: -moz-box;/*Mozzila*/ display: -ms-flexbox /*Internet Explorer*/; display: flex;/*Chrome etc...*/ justify-content: flex-end; margin: 0; align-items: center; flex-wrap: wrap; } @media (min-width:992px){ .page-id-fines .bootstrap-table .search, .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars{ position: relative; max-width: 245px; } .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars{ margin-right: 10px; } } @media (max-width:991.98px){ .page-id-fines .bootstrap-table .search{order: 0} .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars{ order: 1; } } @media (max-width:991.98px){ .page-id-fines .bootstrap-table .search, .page-id-fines .bootstrap-table .fixed-table-toolbar .bs-bars{ max-width: 245px; } } @media (max-width:575.98px){ .page-id-fines .bootstrap-table .fixed-table-toolbar{ justify-content: space-between; } .page-id-fines .textbox h1{ float: none;} .page-id-fines .bootstrap-table .search{ float: left!important; } } @media (max-width:503.98px){ .page-id-fines .bootstrap-table .fixed-table-toolbar{ justify-content: flex-end; } .page-id-fines .bootstrap-table .search{ float: right!important; } } /* Country Filter Select Incidents*/ .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars{ margin-top: 0; width: 100% } .page-id-incidents tr > th[data-field="countries"], .page-id-incidents tr > td:last-child{ display: none; visibility: hidden; } .page-id-incidents tr.no-records-found{ display: table-row!important; } .page-id-incidents tr.no-records-found > td{display: table-cell!important; visibility: visible;} /* Custom Select Filter Incidents */ .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country{ position: relative; background-clip: padding-box; cursor: pointer; width: 100%; height: calc(1.5em + .8375rem + 2px); font-family: 'Roboto', sans-serif; font-size: 15px; color: #505050; border: 1px solid #ced4da; border-radius: 0.25em; margin-left: 25px; } @media (min-width: 768px) { .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country{ max-width: 450px; }} .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country select{ display: none; } .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .button-drop-down{ display: flex; align-items: center; background-clip: padding-box; cursor: pointer; height: calc(1.5em + .8375rem + 2px); padding: .375em .75rem; background-image: url(/assets/img/arrow_down.svg); background-repeat: no-repeat; background-position: center right 0px; background-position-y: 2px; background-size: calc(1.25em + 0.375rem) calc(1.25em + 0.375rem); -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -moz-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -ms-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } /* Länder Button Focus */ .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .button-drop-down:focus { box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); } .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .button-drop-down > span:nth-child(2){ display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .select-list{ position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; width: 100%; padding: 0px; margin: 5px 0 10px; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: border-box; border: 1px solid #ccc; border-top-left-radius: 5px; border-bottom-left-radius: 5px; visibility: hidden; height: 320px; opacity: 0; overflow-y: scroll; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .select-list.open{ display: block; visibility: visible; opacity: 1; overflow-y:scroll; } .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .select-list li{ display: none; cursor: pointer; } .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .select-list li > span{ display: flex; align-items: center; min-height: 38px; background-color: transparent; border-bottom: 1px solid rgba(0,0,0,0.125); padding: .75rem; width: 100%; } .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .select-list li > .wrapp-item > .item-text{ width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars .drop-down-country .select-list li > .wrapp-item > p.item-text{ margin: 0!important; } .bg-image{ background-repeat: no-repeat; background-size: contain; margin-right: 15px; margin-top: 0px; border: 1px solid #999; border-radius: 4px; width: 29px; height: 20px; display: inline-block; vertical-align: middle; } .page-id-incidents li:first-child .bg-image { border: none; } .page-id-incidents .bootstrap-table .fixed-table-toolbar{ display: -webkit-flex;/*Safari, Opera, Edge, Chrome...*/ display: -moz-box;/*Mozzila*/ display: -ms-flexbox /*Internet Explorer*/; display: flex;/*Chrome etc...*/ margin: 0; align-items: center; flex-wrap: wrap; } @media (min-width:992px){ .page-id-incidents .bootstrap-table .search { position: relative; } } .page-id-incidents .bootstrap-table .search{order: 0} .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars{ order: 1; } /* @media (max-width:991.98px){ .page-id-incidents .bootstrap-table .search, .page-id-incidents .bootstrap-table .fixed-table-toolbar .bs-bars{ max-width: 245px; } } */ /* @media (max-width:575.98px){ .page-id-incidents .bootstrap-table .fixed-table-toolbar{ justify-content: space-between; } */ .page-id-incidents .textbox h1{ float: none;} .page-id-incidents .bootstrap-table .search{ float: left!important; } /* @media (max-width:503.98px){ .page-id-incidents .bootstrap-table .fixed-table-toolbar{ justify-content: flex-end; } */ .page-id-incidents .bootstrap-table .search{ float: right!important; } @media (min-width:768px){ .page-id-incidents .bootstrap-table .search{ max-width: 550px; }} /* Details Link Mobile */ @media (min-width: 576px) { .offenceDetailLinkMobile { display: none; } } /* Table Headers */ /* Colors */ .tableFinesHeaderCol1, .tableFinesHeaderCol4 { background: #195ebf !important; } .tableFinesHeaderCol2, .tableFinesHeaderCol5 { background-color: #d30e0e !important; } .tableFinesHeaderCol3 { background-color: #000 !important; } /* ..... Individual - Columns ..... */ .bootstrap-table .fixed-table-container .table thead th .sortable { padding-right: 0px; padding-left: 0px; } /* Column 1 - Datum (Fines)*/ /* Table Header Datum Minimize */ /* .page-id-fines .bootstrap-table td:first-child, .page-id-incidents .bootstrap-table td:first-child { */ .page-id-fines .bootstrap-table .fixed-table-container .table thead th:first-child .th-inner { padding-left: 0px!important; padding-right: 14px!important; } .page-id-fines .bootstrap-table td:first-child { width: 84px; max-width: 84px; } .tableFinesHeaderCol1 .th-inner { padding-right: 10px!important; } @media (max-width: 575px) { .english .tableFinesHeaderCol1::before { margin-left: 20px; } } .tableFinesHeaderCol1 .th-inner { padding-left: 20px!important; } @media (min-width: 576px) { /* Table Header Datum Minimize */ .page-id-fines .bootstrap-table .fixed-table-container .table thead th:first-child .th-inner { padding-left: 0px!important; padding-right: 14px!important; } .page-id-fines .bootstrap-table td:first-child { min-width: 82px; width: 82px; max-width: 82px; } .tableFinesHeaderCol1 .th-inner { padding-left: 20px!important; } } @media (min-width: 768px) { .english .tableFinesHeaderCol1::before { margin-left: 20px; } .tableFinesHeaderCol1 .th-inner { padding-left: 20px!important; } } @media (min-width: 992px) { .page-id-fines .bootstrap-table td:first-child { min-width: 98px; max-width: 98px; padding-left: 10px; padding-right: 10px; } .tableFinesHeaderCol1 .th-inner { padding-right: 0px!important; padding-left: 40px!important; } .english .tableFinesHeaderCol1::before { margin-left: 13px; } } @media (min-width: 1200px) { .tableFinesHeaderCol1 .th-inner { padding-right: 0px!important; padding-left: 40px!important; } } /* Column 2 - Bussgeld (Fines) */ .page-id-fines .bootstrap-table td:nth-child(2) { width: 120px; min-width:120px; font-weight: 600; } @media (min-width: 576px) { .page-id-fines .bootstrap-table td:nth-child(2) { text-align:right; max-width: 120px; } } @media (max-width: 991px) { .tableFinesHeaderCol2 .th-inner { padding-left: 20px!important; } .english .tableFinesHeaderCol1::before { margin-left: 20px; } } @media (min-width: 992px) { .page-id-fines .bootstrap-table td:nth-child(2) { width: 164px; min-width: 164px; } .tableFinesHeaderCol2 .th-inner { padding-left: 45px!important; } .tableFinesHeaderCol2::before { content: url(https://www.dsgvo-portal.de/assets/img/euro_einzeln.svg); transform: scale(0.09); display: block; width: 10px; height: 10px; margin: 0px 0 -18px 34px; } .english .tableFinesHeaderCol2::before { margin-left: 20px; } } @media (min-width: 1200px) { .tableFinesHeaderCol2::before { margin-left: 36px; } .tableFinesHeaderCol2 .th-inner { /* padding-right: 0px!important; */ padding-left: 52px!important; } } /* Column 3 - Empfänger (Fines) */ @media (min-width: 576px) { .page-id-fines .bootstrap-table td:nth-child(3) { width: 110px; min-width: 110px; } /* Minimize Table Header Empfänger */ .page-id-fines .bootstrap-table .fixed-table-container .table thead th:nth-child(3) .sortable { padding-left: 10px!important; padding-right: 24px!important; } .page-id-fines.english .bootstrap-table td:nth-child(3) { width: 130px; max-width: 130px; } } @media (min-width: 640px) { .page-id-fines .bootstrap-table td:nth-child(3) { width: 130px; min-width: 130px; } } @media (min-width: 992px) { .english .tableFinesHeaderCol3::before { margin-left: 56px; } .english .tableFinesHeaderCol3 .th-inner { padding-left: 10px !important; } } @media (min-width: 576px) { .page-id-fines.english .bootstrap-table td:nth-child(3) { width: 130px; max-width: 130px; } } @media (max-width: 767px) { .english .tableFinesHeaderCol3::before { margin-left: 30px; } .tableFinesHeaderCol3 .th-inner { padding-left: 30px!important; } } @media (min-width: 768px) { .page-id-fines .bootstrap-table td:nth-child(3) { width: 146px; max-width: none; } .tableFinesHeaderCol3::before { content: url(https://www.dsgvo-portal.de/assets/img/empfaenger_02.svg); transform: scale(1.02); display: block; width: 10px; height: 10px; margin: 0px 0 -20px 19px; } .english .tableFinesHeaderCol3::before { margin-left: 35px; } .page-id-fines .bootstrap-table .fixed-table-container .table thead th:nth-child(3) .sortable { padding-left: 38px!important; } } @media (min-width: 992px) { .page-id-fines .bootstrap-table td:nth-child(3) { width: 208px; } .tableFinesHeaderCol3::before { margin-left: 54px; } .page-id-fines .bootstrap-table .fixed-table-container .table thead th:nth-child(3) .sortable { padding-left: 50px!important; } .english .tableFinesHeaderCol3::before { margin-left: 65px; } .english .tableFinesHeaderCol3 .th-inner { padding-left: 20px !important; } } @media (min-width: 1200px) { .page-id-fines .bootstrap-table td:nth-child(3) { width: 240px; } .tableFinesHeaderCol3::before { margin: 0px 0 -20px 68px; } .tableFinesHeaderCol3 .th-inner { padding-right: 0px!important; padding-left: 44px!important; } } /* Column 4 - Country (Fines)*/ .page-id-fines .bootstrap-table td:nth-child(4) { width: 68px; min-width: 68px; } .page-id-fines.english .bootstrap-table td:nth-child(4) { width: 80px; } .tableFinesHeaderCol4 .th-inner { padding-right: 13px!important; } .english .tableFinesHeaderCol4 .th-inner { padding-left: 0px !important; } /* Minimize Land */ @media (min-width: 576px) { .page-id-fines .bootstrap-table .fixed-table-container .table thead th:nth-child(4) .sortable { padding-left: 10px!important; padding-right: 24px!important; } } /* english */ @media (min-width: 576px) { .english .tableFinesHeaderCol4::before { margin-left: 20px; } .tableFinesHeaderCol4 .th-inner { padding-left: 20px!important; } } @media (min-width: 768px) { .english .tableFinesHeaderCol4::before { margin-left: 20px; } .tableFinesHeaderCol4 .th-inner { padding-left: 20px!important; } } @media (max-width: 575px) { .bootstrap-table td:nth-child(4), .bootstrap-table td:nth-child(5), .tableFinesHeaderCol4, .tableFinesHeaderCol5 { display: none; } } @media (min-width: 992px) { .page-id-fines .bootstrap-table td:nth-child(4) { width: 84px; padding-left: 0px; padding-right: 0px; } .page-id-fines.english .bootstrap-table td:nth-child(4) { width: 98px; } .english .tableFinesHeaderCol4::before { content: none; } .tableFinesHeaderCol4 .th-inner { padding-left: 20px!important; } } @media (min-width: 1200px) { .page-id-fines.english .bootstrap-table td:nth-child(4) { width: 98px; } .english .tableFinesHeaderCol4::before { content: none; } .tableFinesHeaderCol4 .th-inner { padding-right: 0px!important; padding-left: 40px!important; } } /* Column 5 - Vergehen (Fines) */ @media (min-width: 768px) { .tableFinesHeaderCol5::before { content: url(https://www.dsgvo-portal.de/assets/img/handcuffs_simple_02.svg); transform: scale(0.036); display: block; width: 10px; height: 10px; margin: 0px 0 -17px 77px; } .english .tableFinesHeaderCol5::before { margin-left: 58px; } .tableFinesHeaderCol5 .th-inner { padding-left: 45px!important; } } @media (min-width: 992px) { .tableFinesHeaderCol5::before { margin-left: 124px; } .english .tableFinesHeaderCol5::before { margin-left: 90px; } } @media (min-width: 1200px) { .english .tableFinesHeaderCol5::before { margin-left: 140px; } } @media (min-width: 768px) { .english .tableFinesHeaderCol5::before { margin-left: 58px; } } @media (min-width: 992px) { .english .tableFinesHeaderCol5::before { margin-left: 90px; } } @media (min-width: 1200px) { .tableFinesHeaderCol5::before { margin-left: 154px; } .english .tableFinesHeaderCol5::before { margin-left: 140px; } } /* Arrow Icon */ .bootstrap-table .fixed-table-container .table thead th .asc { background-image: url(/assets/img/pfeil_hoch.svg) !important; } .bootstrap-table .fixed-table-container .table thead th .desc { background-image: url(/assets/img/pfeil_runter.svg) !important; } .bootstrap-table .fixed-table-container .table thead th .both { background-image: url(/assets/img/pfeil_beide.svg); } /* ... Text Block ... */ .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background: rgba(250, 160, 50, 0.15) !important; /* background: rgba(94,179,91,0.15); */ /* background: rgba(25,94,191,0.15); */ } /* Flagge zu Land */ .bootstrap-table .flag { margin-right: 3px; margin-bottom: 3px; } .page-id-fines .bootstrap-table .flag { margin-right: 1px; } @media (min-width: 992px) { .page-id-fines .bootstrap-table .flag { margin-right: 3px; } } /* Textbox - Fines */ .page-id-fines .textbox { padding-left: 2px; padding-right: 2px; } @media (min-width: 360px) { .page-id-fines .textbox { padding-left: 7px; padding-right: 7px; } } @media (min-width: 768px) { .page-id-fines .textbox { padding-left: 20px; padding-right: 20px; } } @media (min-width: 1200px) { .page-id-fines .textbox { padding-left: 63px; padding-right: 63px; } } .page-id-fines td:nth-child(3) { word-break: break-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } @media (max-width: 767px) { .page-id-fines td:last-child { word-break: break-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } } /* Edge Scrollbar Fix - Fines */ @supports (-ms-ime-align: auto) { .page-id-fines .bootstrap-table .fixed-table-container .fixed-table-body { overflow-x: visible; overflow-y: visible; } } /* #Pagination - Fines */ .fixed-table-footer { display: none; } .fixed-table-pagination { padding: 20px 0 40px; } /* Pages Block */ [aria-label="Vorherige Seite"] { content: url(https://www.dsgvo-portal.de/assets/img/tablenavi_arrow_left.svg); } [aria-label="Nächste Seite"] { content: url(https://www.dsgvo-portal.de/assets/img/tablenavi_arrow_right.svg); } [aria-label="Vorherige Seite"], [aria-label="Nächste Seite"] { height: 34px; } @media (min-width: 992px) { [aria-label="Vorherige Seite"], [aria-label="Nächste Seite"] { height: 35px; } } .page-id-fines .page-item.active .page-link, .page-id-incidents .page-item.active .page-link, .page-id-courtdecisions .page-item.active .page-link { color: #fff !important; background-color: #195ebf; border-color: #195ebf; } @media (max-width: 767px) { .float-right.pagination { justify-content: center; padding-top: 10px; } } /* Row Selector */ .dropdown-item.active, .dropdown-item:active { color: #fff !important; background-color: #0056b3; } .dropdown-item:focus, .dropdown-item:hover { background-color: #eee; } .dropup .dropdown-toggle::after { border-right: 5px solid transparent; border-bottom: 9px solid; border-left: 5px solid transparent; } .btn-secondary { background-color: #353535; border-color: #353535; } .page-list { padding-left: 22px; } span.btn-group.dropdown.dropup { padding-right: 3px; } @media (max-width: 767px) { .bootstrap-table .fixed-table-pagination > .pagination-detail, .bootstrap-table .fixed-table-pagination > .pagination { width: 100%; text-align: center; } } /* ... ... #Popup Fines ... ... */ .modal-row div { display: table-cell; } /* Individual */ .modal-row div:first-child { min-width: 130px; } .modal-content { padding: 36px 20px; } @media (min-width: 576px) { .modal-row div:first-child { min-width: 160px; } .modal-content { padding: 36px; } } @media (min-width: 576px) { .page-id-fines .modal-dialog { max-width: 940px; }} @media (min-width: 768px) { .modal-dialog { max-width: 600px; } } .modal-row img { margin: 0 0 3px 12px; } .modal-header { padding: 0; } .modal-title { margin-bottom: 16px; } .modal-body { padding: 20px 0 0; } .modal-row { padding-top: 10px; } .modal-content a { display: block; } .modal-content .pFine a { display: initial; } @media (max-width: 767px) { .modal-row div:nth-child(2) { word-break: break-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } } /* #Share Buttons */ .share-row div:first-child { font-weight: 500; } .share-row { margin-top: 30px; } .modal-row.share-row a { display: inline-block; margin-right: 12px; margin-bottom: 16px; } .modal-row.share-row img { margin: 0px; } /* All Icons */ .share-icon img { height: 30px; } .share-icon { border-radius: 3px; } .share-icon:hover { background: #353535; } /* Facebook Icon */ .f-share-icon { background: #1977f3; } /* Twitter Share Icon */ .twitter-share-icon { background: #1da1f2; } /* Linked-in */ .linkedin-share-icon { background: #2867b2; } /* Xing Share Button */ .xing-share-icon { background: #006567; } /* Reddit Share Button*/ .reddit-share-icon { background: #ff4500; } /* ...................................... #Front Page ........................... */ /*General */ .textbox-front { margin: 0; padding: 40px 27px 60px; } @media (min-width: 576px) { .textbox-front { margin: 0; padding: 40px 63px 60px; } } @media (min-width: 768px) { .textbox-front { margin: 0; padding: 0; } } .page-id-frontpage .footer { margin-top: 35px; } /* Header Box */ .page-id-frontpage .header { border-bottom: 2px solid #353535; padding: 0 10px 0 0; } @media (min-width: 576px) and (max-width: 767px) { .page-id-frontpage .header { padding: 0 160px 0 0; } } @media (max-width: 767px) { .page-id-frontpage .header-container { padding-right: 0px; } } .page-id-frontpage .header-container { padding-left: 0px; } .page-id-frontpage .header h1 { line-height: 1; margin-bottom: 40px; } .page-id-frontpage .untertitel { margin: 2px 0 15px !important; text-align: left; font-size: 13px; } @media (min-width: 768px) { .page-id-frontpage .header { border-radius: 10px; border-bottom: none; padding: 40px 80px 0 63px; } .page-id-frontpage .header h1 { margin-bottom: 50px; } .page-id-frontpage .untertitel { font-size: 15px; } .page-id-frontpage .header-container { padding: 0px; } } .but-arrow { min-width: 61px; text-align: center; padding: 7px 0px 8px !important; margin-bottom: 20px !important; } .but-arrow:hover, .but-arrow:active { background: #353535; } /* Teaser Box */ .teaser-first { padding-left: 0px; padding-right: 20px; } .teaser-middle { padding-left: 10px; padding-right: 10px; } .teaser-last { padding-right: 0px; padding-left: 20px; } .teaserbox { padding: 25px 0 60px; } .page-id-frontpage .img-fluid { border-radius: 10px; margin-top: 0 !important; } @media (min-width: 768px) { .teaserbox { background: white; padding: 30px; border-radius: 0px 0px 10px 10px; height: 254px; } .page-id-frontpage .img-fluid { border-radius: 10px 10px 0 0; } } /* Simulator Teaser Box */ .header-sim { background-image: url(../../assets/img/money_hill_euro_1920.webp); background-position: 38px 22px; background-repeat: no-repeat; background-size: 500px; } @media (min-width: 576px) { .header-sim { background-position: 20px 6px; background-size: 660px; } } @media (min-width: 768px) { .header-sim { background-position: 230px 20px; } } @media (min-width: 992px) { .header-sim { background-position: 260px 13px; } } /* #Top #5 Fines */ @media (max-width: 767px) { .top5-col { padding: 0; } .teaser { padding: 0; } } .top5-first { border-bottom: 1px solid #ccc !important; margin-bottom: 2px; padding-bottom: 11px !important; } .page-id-frontpage .list-group-item { padding: 10px 0; border: none; } .page-id-frontpage .list-group:last-child { border-bottom: none; } .page-id-frontpage .nav-iconbox { margin: 0px 12px 0 0; min-width: 25px !important; min-height: 25px !important; max-height: 25px; font-weight: 600; } .page-id-frontpage .fines-sum { float: right; font-weight: 600; } .top5 { height: 100%; } .top5 h1 { padding: 10px 0px 10px 34px; color: white; background: #195ebf; border-radius: 5px; margin-bottom: 16px; } .top5.teaserbox { background: rgb(255, 255, 255, 0.88); padding: 35px 0px 60px; } @media (min-width: 576px) and (max-width: 767px) { .page-id-frontpage .nav-iconbox { margin: 0px 30px 0 0; } .top5 h1 { padding: 10px 0px 10px 52px; } } @media (min-width: 768px) { .top5-first { margin-bottom: 0px; padding-bottom: 14px !important; } .page-id-frontpage .list-group-item { padding: 14px 0; } .top5-col { padding-left: 0; padding-right: 15px; } .top5 { border-radius: 10px; height: 480px; } .top5 h1 { margin-bottom: 30px; } .top5.teaserbox { padding: 60px 30px 50px; margin-bottom: 35px; } .top5-container { background-image: url(../../assets/img/money_hill_euro_1920.webp); background-size: 200%; background-position: -322px 39px; background-repeat: no-repeat; border-radius: 10px; } .top5-col { padding-left: 0; padding-right: 15px; } .teaser-first { padding-left: 15px; padding-right: 0px; } .teaser-middle { padding-left: 0px; padding-right: 15px; } .teaser-last { padding-left: 15px; padding-right: 0px; } } @media (min-width: 992px) { .top5-first { margin-bottom: 2px; padding-bottom: 10px !important; } .page-id-frontpage .list-group-item { padding: 10px 0; } .top5 h1 { margin-bottom: 20px; } .top5 { height: 400px !important; } .top5.teaserbox { padding: 60px 30px 50px; } .page-id-frontpage .header { padding: 56px 80px 0 63px; height: 400px; } .header-sim { background-position: 220px 13px; } .page-id-frontpage .header-container { padding-right: 7px; } .top5-col { padding-left: 14px; padding-right: 0px; } .teaser-first { padding-left: 0px; padding-right: 14px; } .teaser-middle { padding-left: 7px; padding-right: 7px; } .teaser-last { padding-left: 14px; padding-right: 0px; } .teaserbox { height: 286px; } } @media (min-width: 1200px) { .header-sim { background-position: 260px 13px; } .top5.teaserbox { padding: 60px 40px 50px; margin-bottom: 35px; } .teaserbox { height: 254px; } } /* .............. #Imprint / Datenschutz / Rechtliche Hinweise ................ */ /* #Links */ .textbox a:hover, .modal-content a:hover { text-decoration: underline !important; } .textbox a, .modal-content a { color: #0056b3 !important; cursor: pointer; } .page-id-imprint p { margin-top: 1rem; } .phone { font-weight: 500; } /* @media (max-width 575) */ /* Textbox Full */ .page-id-imprint .textbox, .page-id-dpnotice .textbox, .page-id-legal-notice .textbox { padding: 40px 30px 65px 30px; } /* Address */ .page-id-imprint .textbox div span, .page-id-dpnotice .textbox div span { min-width: 70px; display: inline-block; } @media (min-width: 576px) { .page-id-imprint .textbox, .page-id-dpnotice .textbox, .page-id-legal-notice .textbox { padding: 40px 65px 65px 65px; } .page-id-imprint .textbox div span, .page-id-dpnotice .textbox div span { min-width: 80px; } } @media (min-width: 768px) { .page-id-imprint .textbox, .page-id-dpnotice .textbox, .page-id-legal-notice .textbox { padding: 80px 125px 80px 135px; } body:not(.page-id-gdpr-article):not(.page-id-gdpr-recital):not(.page-id-fdpa):not(.page-id-ttdsg) .text-column { flex: none; max-width: 100%; } } @media (min-width: 992px) { .page-id-imprint .textbox, .page-id-dpnotice .textbox, .page-id-legal-notice .textbox { padding: 80px 270px 80px 135px; } } @media (min-width: 1200px) { .page-id-imprint .textbox, .page-id-dpnotice .textbox, .page-id-legal-notice .textbox { padding: 80px 420px 80px 135px; } } /* .................... Datenschutz Page .....................*/ .data-note { font-style: italic; font-size: 13px; } /* Page Navi */ .page-id-gdpr-recital .floatleft { text-align: center; margin-left: -16px; } .page-id-gdpr-recital .floatright { text-align: center; margin-right: -16px; } @media (min-width: 768px) and (max-width: 991px) { .page-id-gdpr-recital .textbox { padding-left: 50px; padding-right: 50px; } } @media (min-width: 576px) { .page-id-gdpr-recital .floatleft { margin-left: -40px; } .page-id-gdpr-recital .floatright { margin-right: -40px; } } /* ................... Fine #Simulator Page ......................... */ /* General */ @media (max-width: 575px) { .page-id-fine-calculator .but-small { margin-top: 20px; margin-bottom: 20px; } } .page-id-fine-calculator p.data-note { margin-top: 8px !important; } .data-note-box { margin-top: 40px; } @media (min-width: 576px) { .page-id-fine-calculator .data-note { padding-left: 5px; } } .page-id-fine-calculator .data-note { max-width: 400px; } @media (min-width: 768px) { .page-id-fine-calculator .data-note { max-width: 500px; } } .data-note-box .data-note { max-width: unset; } @media (min-width: 992px) { .page-id-fine-calculator .data-note { max-width: 560px; } .data-note-box .data-note { max-width: 460px; } } @media (min-width: 1200px) { .data-note-box .data-note { max-width: 610px; } } .page-id-fine-calculator .textbox h1 { padding-top: 1px; } @media (min-width: 768px) { .formcol-2 { margin-left: 50px; } } .form-row { margin-top: 40px; } .form-row:last-child { margin-top: 52px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 10px; padding-left: 10px; } /*Textbox - Fines Simulator */ .page-id-fine-calculator .textbox { padding: 40px 30px 60px; } @media (min-width: 576px) { .page-id-fine-calculator .textbox { padding: 40px 63px 60px; } } @media (min-width: 768px) { .page-id-fine-calculator .textbox { padding: 75px 63px; } } @media (min-width: 992px) { .page-id-fine-calculator .textbox, .page-id-blog .textbox { padding-left: 135px; padding-right: 135px; } } /* Input Fields */ @media (max-width: 767px) { label[for="violatedArticle"], label[for="fineAvg"], label[for="fineMax"] { margin-top: 16px; } } .page-id-fine-calculator input { text-align: right; } .form-check-input { transform: scale(1.2); } .page-id-fine-calculator ::placeholder { font-style: italic; font-size: 13px; color: #aaa; } /* Range Slider */ /* Raster Nummerierung */ .irs { font-family: roboto; } .irs-grid-text { font-size: 9px; line-height: 0px; font-family: roboto condensed; top: 20px; } @media (min-width: 360px) { .irs-grid-text { font-size: 10px; } } @media (min-width: 576px) { .irs-grid-text { font-size: 12px; font-family: roboto; } } @media (min-width: 992px) { .irs-grid-text { font-size: 13px; } } .irs-bar, .irs-line { top: 34px !important; } .irs-from, .irs-to, .irs-single { font-size: 15px !important; font-weight: 500; padding: 4px 10px 3px !important; margin-left: -1px; border-radius: 5px !important; } .irs-single, .irs-bar { background-color: #e73e33 !important; } .irs--flat .irs-min, .irs--flat .irs-max { font-size: 12px; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { border-top-color: #e73e33 !important; } /* Raster text Schweregrad - german*/ .german .js-grid-text-0:after { content: " (unbekannt)"; } .german .js-grid-text-1:after { content: " (leicht)"; } .german .js-grid-text-2:after { content: " (mittel)"; } .german .js-grid-text-3:after { content: " (schwer)"; } .german .js-grid-text-4:after { content: " (sehr schwer)"; } /* english */ .english .js-grid-text-0:after { content: " (unknown)"; } .english .js-grid-text-1:after { content: " (light)"; } .english .js-grid-text-2:after { content: " (moderate)"; } .english .js-grid-text-3:after { content: " (severe)"; } .english .js-grid-text-4:after { content: " (extreme)"; } /* Add Trigger */ .irs--flat .irs-handle { top: 30px; width: 14px; height: 10px; background-color: #353535; margin-left: -0.1%; } .irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 7%; width: 0; height: 0; border: 7px solid transparent; border-top-color: #353535; background-color: transparent; } /* Hover */ .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { border-top-color: #55687f; background-color: transparent; } .irs--flat .irs-handle.state_hover, .irs--flat .irs-handle:hover { background-color: #55687f; } .irs--flat .irs-grid { height: 15px; } /* #Check Box */ .form-check { padding-left: 30px; } /* ............................ #News / #Blog Page .............................. */ .but-cat { color: white; font-weight: 500; font-family: roboto condensed; background-color: #4ab35b; padding: 4px 8px 3px; display: inline-block; /* cursor: pointer; */ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow; border-radius: 8px; margin-bottom: 5px; } .but-cat-small { font-size: 12px !important; } .but-cat.blue { background: #e73e33; } @media (max-width: 767px) { .page-id-blog .but-cat { margin-top: 11px; } .page-id-blog .form-row { margin-top: 40px; } } .news-date { font-size: 13px; color: #445462; font-style: italic; font-weight: 500; } .date-icon { height: 14px; margin: 0 5px 3px 0; } .page-id-blog .img-fluid { border-radius: 5px; border: 1px solid #ced4da; } .page-id-blog .textbox .form-row h1 { font-size: 19px; } .page-id-blog .form-row:last-child { margin-top: 40px; } .page-id-blog .form-row h1 { margin-bottom: 5px; margin-top: 3px; padding: 0px; } .page-id-blog .form-row h1 { margin-bottom: 5px; margin-top: 3px; } .news-date-block { margin-top: 5px; } @media (min-width: 768px) { .page-id-blog .textbox { padding: 75px 40px 75px 63px; } .page-id-rss .col-md-7, .page-id-blog .col-md-7 { padding-left: 30px !important; } } @media (min-width: 992px) { .page-id-blog .textbox { padding-left: 135px; padding-right: 125px; } } @media (min-width: 1200px) { .page-id-blog .textbox { padding-right: 180px; } } /* ..... #Single #News Page ......... */ .page-id-news h4 { font-weight: 400; font-style: italic; font-family: roboto condensed; margin-top: 80px; } .smallest { font-size: 13px; font-style: italic; } .smallest div, .smallest a { margin-bottom: 5px; display: block; } .page-id-news .img-fluid { margin-top: 20px; } @media (min-width: 768px) { .page-id-news .textbox { padding-left: 135px; padding-right: 120px; } } @media (min-width: 992px) { .page-id-news .textbox { padding-right: 226px; } } @media (min-width: 1200px) { .page-id-news .textbox { padding-right: 390px; } } .blogMonth { margin-bottom: -25px; padding-top: 30px; color: cadetblue; font-style: italic; } /* ...................... #Jobs page .................. */ .page-id-jobs .textbox h1 { margin-left: 6px; } .page-id-jobs .textbox .form-row h2 { font-family: Roboto; font-style: normal; font-size: 22px; padding-top: 6px; line-height: 1.2; font-weight: 500; color: #0056b3; } .page-id-jobs .job-intro { margin-left: 6px; padding-top: 12px; padding-bottom: 0px; } .page-id-jobs .job-block { margin: 0 0 0 20px; } .page-id-jobs .job-block-left { margin: 0 0 0 0; } /* ...................... #RSS Feed .................. */ .page-id-rss .date-icon { height: 13px; margin: 0 7px 7px 0; } .page-id-rss .news-date-block { margin: 0 0 5px; } @media (min-width: 768px) { .page-id-rss page.form-row > .col, .page-id-rss .form-row > [class*="col-"] { padding-left: 5px; } .page-id-rss .col-md-7, .page-id-blog .col-md-7 { padding-left: 30px !important; } } @media (max-width: 767px) { .page-id-rss .col-md-7 { margin-top: 20px; } } @media (min-width: 576px) and (max-width: 767px) { .page-id-rss .col-md-7 { max-width: 366px; } } /* #Rss Button */ /* Frontpage */ .rss-share-icon { background: #f88b02; right: -36px; } @media (min-width: 768px) { .rss-share-icon { right: 207px; } } /* ....... #Fußnotenbereich - alle ............*/ .footnote { background: #eee; font-size: 13px; font-style: italic; padding: 10px; } .recitals-box, .sections-box { margin-top: 40px; } /* ................ Footer .............. */ .footer { min-height: 44px; border-radius: 0px 0 20px 20px; height: 44px; } .footer { color: white; } .footer a { color: white; } .footer a:hover { color: #5eb35b; } @media (max-width: 575px) { .footer-link a { font-size: 13px; } } /* .................... #Custom Modal Button ............................. */ .btn-modal-close{ box-sizing: content-box; width: 1em; height: 1em; padding: .375rem .375rem; color: #353535; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23353535'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5; position: relative; font-size: 1rem; font-weight: 600; z-index: 1; } .btn-modal-close:hover, .btn-modal-close:focus{ border: 0; outline: 0; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2317a2b8'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; } /* .................... #ADS ............................. */ .ad-content{ display:block; padding: 0!important; position:relative; border: none!important; background-color:transparent; } #tableFines tbody tr:not(.ads-container):hover{ background-color: rgba(0,0,0,.075)!important; } .ads-container{position:relative;} .ads-container:hover{ background-color: #fff!important; } #tableIncidents tbody tr:not(.ads-container):hover{ background-color: rgba(0,0,0,.075)!important; } /* .ad-link{ display: block; width:100%; height: 224px; position: absolute; text-decoration: none; cursor: pointer; z-index: 1; } */ .frame{ display: block; margin: 0 auto; position: relative; width:100%; max-width:760px; height:100%; overflow: hidden!important; } @media (min-width:576px){ .page-id-fines .frame, .page-id-incidents .frame{ height:190px!important; }} @media (min-width:640px){ .page-id-fines .frame, .page-id-incidents .frame{ height:202px!important; }} @media (min-width:680px){ .page-id-fines .frame, .page-id-incidents .frame{ height:228px!important; }} @media (min-width:768px){ .page-id-fines .frame, .page-id-incidents .frame{ height:201px!important; } .ad-content::before{ content:""; position:absolute; top: 0; left:0; width:100%; height: 100%; background:url("/assets/img/adsimg/Werbebanner_Background_1014px_05_100proz.jpg") center center / cover no-repeat; display: block; } } @media (min-width:992px){ .page-id-fines .frame, .page-id-incidents .frame{ height:224px!important; }} @media (max-width:991px) { .page-id-fines .bootstrap-table .ad-content::before, .page-id-incidents .bootstrap-table .ad-content::before { background: none; }} .ad-frame{ display: block; width: 100%; height: 224px; overflow: hidden; } /* .... Ad Mobile #Smartphone Portrait ...... */ @media (max-width:575px){ .close-ad-container { width: 360px; position: absolute; z-index: 10; left: 50%; margin-left: -180px; } button#close-ad { background: rgb(0,0,0,0.5); color: white; top: 6px; right: 2px; line-height: 0; border-radius: 50px; opacity: 1; width: 10px; height: 10px; font-size: 14px; } } @media (min-width: 410px) and (max-width:575px){ .close-ad-container { width: 410px; margin-left: -205px; } button#close-ad { top: 5px; background: #999; } } /* ......Ad Modal ....... */ #ad-container.ad-modal-row{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -36px; margin-left: -36px; padding-top: 10px; margin-bottom: 10px; } #ad-container.ad-modal-row .ad-content{ display: block; width: 100%; } /* #ad-container.ad-modal-row{ width:100%; } */ #ad-container.ad-modal-row .ad-content-modal{ display: block; position: relative; width:100%; margin: 0 auto; } #ad-container.ad-modal-row .ad-content-modal::before{ content:""; position:absolute; top: 0; left:0; width:100%; height: 100%; background:url("/assets/img/adsimg/Werbebanner_Background_1014px.jpg") center center / cover no-repeat; display: block; } .blocked-info{ display: flex; border: none; width: 100%; max-width:360px; padding: 15px; justify-content: flex-start; align-self: center; align-items: center; position: fixed; justify-self: center; margin: 0 auto; border-radius: 5px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ffffff; box-shadow: 0 0 7px 2px rgb(0 0 0 / 7%); } .blocked-info .template-info{ margin:1rem 0; display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: baseline; width:100%; } .blocked-info .template-info .message-info{ font-family: 'RobotoMedium', Roboto Medium, Arial, sans-serif; font-size: 15px; } .blocked-info .template-info .button-group button{ background-color:#195ebf; color:#ffffff; } .btn-close{ box-sizing: content-box; width: 1em; height: 1em; padding: .25rem .25rem; color: #353535; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23969696'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5; position: absolute; top: 8px; right: 8px; font-size: 1rem; font-weight: 600; z-index: 1; } .btn-close:hover, .btn-close:focus{ border: none; outline: none; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E73E33'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; } /* Fix Lücke unterhalb Modal Ad und seitlich -- Fines & Incidents */ @media (min-width:576px) { .page-id-fines .ad-frame, .page-id-incidents .ad-frame { height: 224px!important; } .page-id-fines .modal-dialog .frame, .page-id-incidents .modal-dialog .frame { height: 196px !important; } } @media (min-width:670px) { .page-id-fines .modal-dialog .frame, .page-id-incidents .modal-dialog .frame { height: 224px !important; } } @media (max-width:789px) { .page-id-fines .modal-dialog .ad-content::before, .page-id-incidents .modal-dialog .ad-content::before { background: none; }} .page-id-fines.modal-open #fineDetails, .page-id-incidents.modal-open #incidentDetails { padding-right: 5px !important; padding-left: 5px!important; } @media (min-width:576px) { .page-id-fines.modal-open #fineDetails, .page-id-incidents.modal-open #incidentDetails { padding-right: 10px !important; padding-left: 10px!important; }} @media (min-width:880px) { .page-id-fines.modal-open #fineDetails, .page-id-incidents.modal-open #incidentDetails { padding-right: 3% !important; padding-left: 3% !important; }} @media (min-width:992px) { .page-id-fines.modal-open #fineDetails, .page-id-incidents.modal-open #incidentDetails { padding-right: 8% !important; padding-left: 8% !important; } .page-id-fines #fieldDescription, .page-id-incidents #fieldDescription { padding-right: 5%; } } /* .................. */ @media (min-width:360px) and (max-width:767.98px) { .ad-content::before{ height: 100%; } td .ad-link{height: 100%} } @media (orientation: portrait){ .ad-content::before{ height: 100%; } .ad-frame, .ad-content, tr.ads-container{ height: 100%; } } @media (orientation: landscape){ .ads-content{ padding: 0; margin-top: 15px; width:100%; } .ads-content .ad-content{ display: block; } } /* Höhe Desktop Ad Background */ @media (min-width:768px){ .ad-frame{ height:200px!important; } } @media (min-width:992px){ .ad-frame{ height:224px!important; } } @media (max-width:575.98px){ .ad-content{ display: block; width:100%!important; } .ad-content::before{ background:url("/assets/img/adsimg/Werbebanner_Background_575px_03_85proz.jpg") center center / cover no-repeat; display: block; } .ads-container{ position: fixed!important; bottom: 0; left: 0; width:100%; height: 210px; display: block; padding-left: 0px!important; padding-right: 0px!important; z-index: 2040; background: white; box-shadow: 0 -30px 30px #FFF; } .frame{ position: relative; display: block; margin: 0 auto; width:100%; height:100%; overflow: hidden; } .ad-frame{ position:absolute; bottom: 0; left:0; width:100%; height:100%; overflow: hidden; } td .ad-link{height: 100%} .ad-content::before{ height: 100%; } .bootstrap-table{margin-bottom:60px;} .ad-frame-carbackground{ position: relative; width:100%; } .ad-frame-carbackground::before{ content:""; position:absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-animation: caranimate 18.00s alternate forwards ease-out; -moz-animation: caranimate 18.00s alternate forwards ease-out; -o-animation: caranimate 18.00s alternate forwards ease-out; animation: caranimate 18.00s alternate forwards ease-out; } } /* Split Table vertical Distance FIX */ table#splitted_tableFines, table#splitted_tableIncidents { margin-top: -11px!important; } @media (min-width:768px) { table#splitted_tableFines, table#splitted_tableIncidents { margin-top: -17px!important; } div#ad-content { margin-bottom: 17px; } } /* ..................... #NEW #Main MENU ........................ */ #cssmenu * { margin: 0; padding: 0; text-decoration: none; } #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile { border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu #head-mobile { display: none; } #cssmenu { font-family: "Roboto Condensed"; } #cssmenu > ul > li { float: left; } #cssmenu > ul > li > a { padding: 17px 10px 17px 17px; font-size: 15px; letter-spacing: 0.2px; text-decoration: none; color: white; font-weight: bold; } @media (min-width: 1200px) { #cssmenu > ul > li > a { padding: 17px; } } #cssmenu > ul > li:hover > a, #cssmenu ul li.active a { color: #fff; } @media (min-width: 768px) { #cssmenu > ul > li:hover, #cssmenu ul li.has-sub.active:hover { background: #4ab35b !important; } } #cssmenu > ul > li:hover, #cssmenu ul li.has-sub.active:hover { -webkit-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; } #cssmenu ul li.active { background: none; color: #999 !important; } #cssmenu > ul > li.has-sub > a { padding-right: 30px; } /* Plus Minus Button */ #cssmenu > ul > li.has-sub > a:after { position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: white; content: ""; } /* Plus / Minus Button */ #cssmenu > ul > li.has-sub > a:before { position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px; background: white; content: ""; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease; } #cssmenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0; color: #5eb35b !important; } #cssmenu ul ul { position: absolute; left: -9999px; } /* Sub Menu - Background */ #cssmenu ul ul li { height: 0; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; background: #353535; transition: all 0.25s ease; } #cssmenu li:hover > ul { left: auto; } /* Sub Menu List Height */ #cssmenu li:hover > ul > li { height: 44px; } #cssmenu ul ul ul { margin-left: 100%; top: 0; } #cssmenu ul ul li a { border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 11px 15px; width: 170px; font-size: 15px; text-decoration: none; color: white; font-weight: 400; } #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a { border-bottom: 0; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #fff; } #cssmenu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: white; content: ""; } #cssmenu ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: white; content: ""; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease; } #cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; } #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover { background: #363636; } #cssmenu ul ul ul li.active a { border-left: 1px solid #333; } #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a { border-top: 1px solid #333; } @media screen and (max-width: 991px) { nav { width: 100%; } #cssmenu { width: 100%; } #cssmenu ul { width: 100%; display: none; } #cssmenu ul li { width: 100%; border-top: 1px solid #444; } #cssmenu ul li:hover { background: #363636; } #cssmenu ul ul li, #cssmenu li:hover > ul > li { height: auto; } #cssmenu ul li a, #cssmenu ul ul li a { width: 100%; border-bottom: 0; } #cssmenu > ul > li { float: none; } #cssmenu ul ul li a { padding-left: 25px; } #cssmenu ul ul li { background: #333 !important; } #cssmenu ul ul li:hover { background: #363636 !important; } #cssmenu ul ul ul li a { padding-left: 35px; } #cssmenu ul ul li a { color: white; background: none; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { color: #fff; } #cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; } #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before { display: none; } #cssmenu #head-mobile { display: block; padding: 23px; color: white; font-size: 12px; font-weight: 700; } .button { width: 55px; height: 46px; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 12399994; } .button:after { position: absolute; top: 22px; right: 20px; display: block; height: 4px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ""; } .button:before { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; top: 16px; right: 20px; display: block; height: 2px; width: 20px; background: white; content: ""; } .button.menu-opened:after { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; top: 23px; border: 0; height: 2px; width: 19px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .button.menu-opened:before { top: 23px; background: #fff; width: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #444; height: 46px; width: 46px; cursor: pointer; } #cssmenu .submenu-button.submenu-opened { background: #262626; } #cssmenu ul ul .submenu-button { height: 34px; width: 34px; } #cssmenu .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: white; content: ""; } #cssmenu ul ul .submenu-button:after { top: 15px; right: 13px; } #cssmenu .submenu-button.submenu-opened:after { background: #fff; } #cssmenu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: white; content: ""; } #cssmenu ul ul .submenu-button:before { top: 12px; right: 16px; } #cssmenu .submenu-button.submenu-opened:before { display: none; } #cssmenu ul ul ul li.active a { border-left: none; } #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a { border-top: none; } } /* <--- End Menu Original*/ .order-4.navcolumn { z-index: 40; } @media (min-width: 768px) { #cssmenu2 { display: none; } } /* mobile akkordeon */ @media (max-width: 767px) { .mobilespace { background: #353535; min-height: 800px; } .navcolumn { margin-bottom: 0; } /* akkordeon button */ .btn-primary:hover { background-color: transparent; } } /* Hamburger Button */ .button { top: 12px; } /* ...................... Smartphone ...................... */ @media (max-width: 767px) { .row { margin-right: 0; margin-left: 0; } /* Rechtstexte Navi linke Seite */ .column-navi { padding-right: 0; padding-left: 0; } } @media (max-width: 991px) { /* ... Seitenabstand Main Dropdown Menu */ .navcolumn { padding-right: 0; padding-left: 0; } /* mobile main menu Button */ #cssmenu .navdrop a { background: #195ebf; } ul.navdrop.open { background: rgb(255, 255, 255, 0.85); margin-top: 20px !important; height: 200vh; } #cssmenu .navdrop a:active:not(#legalTexts) { background: #4ab35b; } #cssmenu .navdrop a:active:not(#fineRessources) { background: #4ab35b; } #cssmenu ul ul a { background: rgb(53, 53, 53) !important; } #cssmenu .submenu-button { height: 49px; width: 47px; } #cssmenu .submenu-button.submenu-opened { background: #353535; } } /* .......... TABLET ........... */ @media (min-width: 768px) and (max-width: 991px) { .page-id-gdpr-recital .pagi { padding-left: 9px; padding-right: 9px; } .trenner { font-size: 14px; } } /* .......... Desktop ...............*/ @media (min-width: 768px) { /* #Top Navi */ .navcolumn { border-radius: 20px 20px 0px 0px; } } @media (min-width: 992px) { /* Position Contact */ header li:last-child { float: right !important; } /* ... Position Links .. */ #cssmenu > ul > li { height: 66px; padding-top: 11px; } /* Sub Menu Distance Fix */ #cssmenu ul ul { padding: 7px 0px 0px !important; background: rgb(53, 53, 53); } #cssmenu ul ul { margin-top: 6px; } #cssmenu ul ul li a { width: 240px; line-height: 1.3; } /* Main Menu */ nav { padding: 0px 28px 0 32px; width: unset; } } /* .... Akkordeon Update ..... */ .page-id-gdpr-article .btn, .page-id-gdpr-recital .btn, .page-id-fdpa .btn, .page-id-ttdsg .btn { text-align: inherit; border-radius: 0 !important; font-weight: 500; } .btn:hover { cursor: pointer; } .nav-utitle { margin-top: 0px; } .card-header a { padding-top: 0.8rem !important; padding-bottom: 0.7rem !important; } /* ..... ..... #Side Navi .............. */ /* Rounded Top */ @media (min-width: 768px) { .page-id-gdpr-article a[aria-controls="chapter-1"], .page-id-gdpr-recital a[aria-controls="recitalGroup-1"] { border-radius: 10px 10px 0 0 !important; } } /* ........... ALL resolutions ........... */ /* Sub Menu - Link brighter */ #cssmenu ul ul li a:hover { color: #61d15d; } /* ........................ Internet Explorer Fixes ........................ */ _:-ms-lang(x), .page-id-frontpage .row .row { width: 100%; } @media (min-width: 992px) { _:-ms-lang(x), .fullscreen { max-width: 296px !important; } } @media (min-width: 1200px) { _:-ms-lang(x), .fullscreen { max-width: 350px !important; } } .colFineMobile { background-color: transparent !important; } /* ................. Jahresrückblick 2020 ......................... */ /* Table Style */ .page-id-news thead tr:first-child { color: white; background: #195ebf; } .page-id-news tbody tr:last-child { background: rgba(25, 94, 191, 0.12) !important; border-top: 2px solid #444 !important; } .page-id-news tbody td { text-align: right; } .page-id-news .table-responsive { margin-top: 19px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .page-id-news .table { margin-bottom: 0 !important; } .page-id-news .table thead th { text-align: right; } .page-id-news .table th:first-child { text-align: left; min-width: 230px; padding-left: 12px; } .page-id-news .table thead th:last-child { padding-right: 12px; } .page-id-news.english .table thead th:last-child { min-width: 124px; } /* ..................... TTDSG Rechtstexte ............................. */ /* Counter */ .page-id-ttdsg .textbox ol ol li:before { content: counter(section2) ". "; } .page-id-ttdsg .textbox ol ol ol li:before { content: counter(section3, lower-alpha) ") "; } /* Counter Sektion 4 - aa, bb, ... */ .page-id-ttdsg .textbox ol ol ol ol li { counter-increment: section4; } .page-id-ttdsg .textbox ol ol ol ol li:nth-child(1):before { content: "aa)"; } .page-id-ttdsg .textbox ol ol ol ol li:nth-child(2):before { content: "bb)"; } .page-id-ttdsg .textbox ol ol ol ol li:nth-child(3):before { content: "cc)"; } .page-id-ttdsg .textbox ol ol ol ol li:nth-child(4):before { content: "dd)"; } .page-id-ttdsg .textbox ol ol ol ol li:nth-child(5):before { content: "ee)"; } .page-id-ttdsg .textbox ol ol ol ol li:nth-child(6):before { content: "ff)"; } .page-id-ttdsg .textbox ol ol ol ol li:nth-child(7):before { content: "gg)"; } .page-id-ttdsg .textbox ol ol ol ol li:nth-child(8):before { content: "hh)"; } .page-id-ttdsg .textbox ol ol ol ol li:nth-child(9):before { content: "ii)"; } .page-id-ttdsg .textbox ol ol ol ol li:nth-child(10):before { content: "jj)"; } /* Navi Card Colors */ .page-id-ttdsg .card-body { background-color: white; } .page-id-ttdsg .show .card-body { background-color: #dbf0df; } /* Icons */ .page-id-ttdsg .fdpa-chapter-img-2-1 { width: 18px; padding-bottom: 1px; } .page-id-ttdsg .fdpa-chapter-img-2-2 { width: 21px; } .page-id-ttdsg .fdpa-chapter-img-2-3 { width: 20px; margin-bottom: 1px; } .page-id-ttdsg .fdpa-chapter-img-2-4{ width: 25px; margin-bottom: 1px; margin-left: 1px; } .page-id-ttdsg .fdpa-chapter-img-3-1 { width: 21px; margin-top: 4px; } .page-id-ttdsg .fdpa-chapter-img-3-2 { width: 23px; padding-bottom: 2px; } /* Sobald Sicherheitsvorfälle Link online --> aktiv schalten: Tablet Portrait Navi: Reduce total width - Anti Umbruch @media (min-width:768px) And (max-width:991px) { #cssmenu > ul > li > a { padding-right: 10px; padding-left: 10px; } nav { padding-left: 39px!important; padding-right: 0px!important; } } */ .page-id-courtdecisions .bootstrap-table .fixed-table-container .table thead th .sortable { padding-right: unset!important; } .tableCourtDecisionHeaderCol3 .th-inner { padding-left: 13px !important; padding-right: 13px !important; } .tableCourtDecisionHeaderCol4 .th-inner { padding-right: 13px !important; } .tableCourtDecisionHeaderCol4 .th-inner { padding-left: 12px !important; }