html {
    background: url("hintergrund.jpg") no-repeat center center fixed;
    background-size: cover; /* füllt den gesamten Bildschirm */
    overflow: auto;
}
html, body {
    border: 0 none;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
body {
    font-family: Open Sans;
    margin: 0 auto;
    min-width: 1424px;
    position: relative;
    width: 1624px;
}
img {
    border: 0 none;
}
h1 {
    color: #009;
}
label, input#show_menu, input#show_filter, input#hide_menu, input#hide_filter {
    display: none;
}
#header {
    background-color: #999;
    height: 225px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.column {
    padding-top: 225px !important;
}
#main {
    background: rgba(255, 255, 255, 0.85) !important; /* leicht milchig, wirkt glasartig */
    backdrop-filter: blur(2px); /* optionaler Glas-Effekt (modern) */
    height: auto !important;
    min-height: 100%;
    overflow: hidden;
    position: relative;
}
* html #main {
    overflow: visible;
}
article {
    float: left;
    padding-bottom: 100px !important;
    position: relative;
}
.logo {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #009;
    float: left;
    height: 225px;
    position: relative;
    width: 25%;
    z-index: 2;
}
.logo div {
    bottom: 0;
    color: #009;
    height: 140px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 180px;
}
.logo a {
    color: #009;
    text-decoration: none;
}
.seminare {
    bottom: 0;
    float: left;
    margin-top: 41px;
    position: relative;
    width: 25%;
}
.seminare a {
    background: #000180 url("/images/seminare.jpg") no-repeat scroll 50% 15px;
    color: #fff;
    display: block;
    height: 185px;
    opacity: 0.8;
    position: relative;
    text-decoration: none;
}
.seminare a:hover {
    opacity: 1;
}
.seminare span {
    bottom: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.fachanwaltslehrgaenge {
    bottom: 0;
    float: left;
    margin-top: 41px;
    position: relative;
    width: 25%;
}
.fachanwaltslehrgaenge a {
    background: #f90 url("/images/fachanwalt.jpg") no-repeat scroll 50% 15px;
    color: #fff;
    display: block;
    height: 185px;
    opacity: 0.8;
    position: relative;
    text-decoration: none;
}
.fachanwaltslehrgaenge a:hover {
    opacity: 1;
}
.fachanwaltslehrgaenge span {
    bottom: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.auslandsseminare {
    bottom: 0;
    float: left;
    margin-top: 41px;
    position: relative;
    width: 25%;
}
.auslandsseminare a {
    background: #78cd58 url("/images/ausland.jpg") no-repeat scroll 50% 15px;
    color: #fff;
    display: block;
    height: 185px;
    opacity: 0.8;
    position: relative;
    text-decoration: none;
}
.auslandsseminare a:hover {
    opacity: 1;
}
.auslandsseminare span {
    bottom: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.topinfo {
    background-color: #666;
    clear: left;
    height: 41px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: right;
}
.fixed_top {
    height: 41px !important;
    left: 0;
    margin: auto;
    position: fixed !important;
    right: 0;
    top: 0;
    width: 1024px !important;
    z-index: 2;
}
.fixed_top .topinfo {
    display: none;
}
.fixed_top .logo {
    height: 40px;
}
.fixed_top .logo img {
    width: 50px;
}
.fixed_top .logo img#logo {
	content: url("/images/logo.png");
}
.fixed_top .logo div {
    height: 41px;
    margin-top: 5px;
    width: 100%;
}
.fixed_top .logo span {
    display: block;
    float: right;
    margin: 5px 10px 5px 0;
}
.fixed_top .seminare, .fixed_top .fachanwaltslehrgaenge, .fixed_top .auslandsseminare {
    margin-top: 0;
}
.fixed_top .seminare a, .fixed_top .fachanwaltslehrgaenge a, .fixed_top .auslandsseminare a {
    background-image: none;
    height: 41px !important;
}
.telefon {
    background: rgba(0, 0, 0, 0) url("/images/telefon.png") no-repeat scroll 0 50%;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    text-decoration: none;
    text-indent: 30px;
}
.verteiler {
    background: rgba(0, 0, 0, 0) url("/images/verteiler.png") no-repeat scroll 0 50%;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    text-decoration: none;
    text-indent: 30px;
}
.downloads {
    background: rgba(0, 0, 0, 0) url("/images/downloads.png") no-repeat scroll 0 50%;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    text-decoration: none;
    text-indent: 30px;
}
.facebook {
    background: rgba(0, 0, 0, 0) url("/images/facebook.png") no-repeat scroll 0 50%;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    text-decoration: none;
    text-indent: 30px;
}
.left {
    border: 1px solid #dadada;
	background: #fff;
    float: left;
    margin: 0 15px 15px 0;
    padding: 10px;
}
.right {
    border: 1px solid #dadada;
	background: #fff;	
    float: right;
    margin: 0 0 15px 15px;
    padding: 10px;
}
#top {
	display: none;
	position: fixed;
	width: 30px;
	height: 30px;
	bottom: 0;
	right: 0;
	background: #fff;
	border: solid #ccc 1px;
}
.short_info {
	display: inline-block;
	padding: 0;
}
.short_info span.small{
	display: block;
	padding: 10px 0 0 0;	
	font-size: 80%;
}
.short_info span.strong{
	display: block;
	font-weight: bold;
}
.seminar_info {
	padding: 0;
}
.seminar_info span.title {
	display: inline-block;
	width: 20%;
	padding: 2px 0;
}
.seminar_info span.data {
	display: inline-block;
	font-weight: normal;
	width: 80%;
	padding: 2px 0;	
}
.seminar_info span.download {
	display: block;
	text-align: center;
	width: 100%;
}
.seminar_info span.download  a {
	display: inline-block;
	font-weight: normal;
	width: 430px;
	padding: 20px 30px 20px 40px;	
	margin: 20px;
	background: #fff url("/images/pdf.png") no-repeat scroll 10px 50%;
	text-decoration: none;
}
.seminar_info iframe {
	width: 100%;
	margin: 10px 0;
	border: 0;
	height: 700px;
}
a.seminare-im-schloss {
    text-decoration: none;
    padding: 0.2em 0.4em;
	margin: 10px;
	width: 40%;
	background-color: #ffffff;
	border-color: #A9A9A9 #8C8C8C #C6C6C6 #C0C0C0;
	border-radius: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px 1px 3px;
	box-shadow: -1px 1px 1px #484848, 1px 1px 1px #484848;
	color: #333333;
	display: inline-block;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-transform: Uppercase;	
	
}
.extra-buttons {
	width: 35%;
	padding: 0;
	float: right;
}
@media all and (min-width: 0px) {
article {
    margin-bottom: 0 !important;
    padding-bottom: 100px !important;
}
article::before {
    background: inherit;
    content: "";
    display: block;
    height: 0;
    margin-bottom: -1000em !important;
    padding-top: 1000em !important;
}
}
#main::after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
article {
    width: 100%;
}
article div {
    padding: 20px 40px;
}
p {
    color: #333333;
    text-align: justify;
}
a {
    color: #009;
}
article div ul {
	padding: 0 0 0 15px;
}	
article div ul li {
    color: #333333;
    padding: 5px;
}
.filter {
    padding: 0;
}
.filter span {
    display: block;
    font-weight: bold;
    padding: 5px;
}
.filter a {
    background: #fafafa none repeat scroll 0 0;
    border-radius: 3px;
    display: inline-block;
    margin: 8px;
    padding: 3px;
    text-decoration: none;
}
.filter  a:hover {
	background: #fff;
}
.filter_ausland {
    padding: 0;
}
.filter_ausland img {
	width: 54px;
	height: 58px;
	padding: 5px;
	vertical-align: middle;
}
.filter_ausland span.city {
	display: inline-block;
	color: #333;
	font-size: 90%;
    padding: 0 5px;
}
.filter_ausland a {
	white-space: nowrap;
	width: 19%;
    background: #fafafa;
    display: inline-block;
    margin: 2px;
    padding: 2px;
    text-decoration: none;
}
.filter_ausland  a:hover {
	background: #fff;
}

.hotels {
    padding: 0;
}
.hotels img {
	width: 54px;
	height: 58px;
	padding: 5px;
	vertical-align: middle;
}
.hotels span.city {
	display: inline-block;
	color: #333;
	font-size: 90%;
    padding: 0 5px;
}
.hotels a {
	white-space: nowrap;
	width: 19%;
    background: #fafafa;
    display: inline-block;
    margin: 2px;
    padding: 2px;
    text-decoration: none;
}
.hotels  a:hover {
	background: #fff;
}


.referent {
    background: #fafafa url("/images/user.png") no-repeat scroll 0 50%;
    padding: 0;
}
.referent:hover {
    background: #fff url("/images/user.png") no-repeat scroll 0 50%;
}
.referent a {
    display: block;
    margin: 4px 0;
    padding: 6px 30px;
    text-decoration: none;
}
.referent span {
	vertical-align: middle;
	height: 100%;
}
.referent span.subject {
    display: inline-block;
	width: 25%;
}
.referent span.surname {
    color: #333;
    display: inline-block;
	width: 25%;	
    font-weight: bold;
}
.referent span.name {
    color: #333;
	width: 25%;
    display: inline-block;
}
.referent span.city {
    color: #333;
	width: 20%;	
    display: inline-block;
}
.seminar {
    background: #fafafa url("/images/info.png") no-repeat scroll 0 50%;
    padding: 0;
	font-size: 90%;
}
.seminar:hover {
    background: #fff url("/images/info.png") no-repeat scroll 0 50%;
}
.seminar a {
    display: block;
    margin: 4px 0;
    padding: 6px 30px;
    text-decoration: none;
}
.seminar span {
	vertical-align: middle;
	height: 100%;
}
.seminar span.subject {
	width: 20%;
    display: inline-block;
    font-weight: bold;
	padding-left: 20px;	
}
.seminar span.tema {
	color: #333;
	width: 47%;
    display: inline-block;
    font-weight: bold;
	padding-left: 10px;		
}
.seminar span.date {
	width: 80px;
    color: #333;
    display: inline-block;
}
.seminar span.price {
   color: #333;
	padding-left: 10px;
	width: auto;
   display: inline-block;
	white-space: nowrap;
}
.seminar span.city {
	width: 10%;
    color: #333;
    display: inline-block;
	white-space: nowrap;	
}
.f_seminar {
    background: #fafafa url("/images/info.png") no-repeat scroll 0 50%;
    padding: 0;
	font-size: 90%;
}
.f_seminar:hover {
    background: #fff url("/images/info.png") no-repeat scroll 0 50%;
}
.f_seminar a {
    display: block;
    margin: 4px 0;
    padding: 6px 30px;
    text-decoration: none;
}
.f_seminar span {
	vertical-align: middle;
	height: 100%;
}
.f_seminar span.tema {
	color: #333;
	width: 55%;
    display: inline-block;
    font-weight: bold;
	padding-left: 10px;		
}
.f_seminar span.date {
	width: 15%;
    color: #333;
    display: inline-block;
}
.f_seminar span.price {
    color: #333;
	width: auto;
	padding-left: 10px;
    display: inline-block;
	white-space: nowrap;
}
.f_seminar span.city {
	width: 15%;
    color: #333;
    display: inline-block;
}
.aus_seminar {
    background: #fafafa url("/images/info.png") no-repeat scroll 0 50%;
    padding: 0;
	font-size: 90%;
}
.aus_seminar:hover {
    background: #fff url("/images/info.png") no-repeat scroll 0 50%;
}
.aus_seminar a {
    display: block;
    margin: 4px 0;
    padding: 6px 30px;
    text-decoration: none;
}
.aus_seminar span {
	vertical-align: middle;
	height: 100%;
}
.aus_seminar span.subject {
	width: 100%;
    display: block;
	font-weight: bold;
	font-size: 80%;
	padding-left: 0;	
}
.aus_seminar span.tema {
	color: #333;
	width: 63%;
    display: inline-block;
    font-weight: bold;
	padding-left: 20px;		
}
.aus_seminar span.date {
	width: 80px;
    color: #333;
    display: inline-block;
}
.aus_seminar span.price {
    color: #333;
	width: auto;
	padding-left: 10px;
    display: inline-block;
	white-space: nowrap;
}
.aus_seminar span.city {
	width: 10%;
    color: #333;
    display: inline-block;
	white-space: nowrap;	
}
.f_aus_seminar {
    background: #fafafa url("/images/info.png") no-repeat scroll 0 50%;
    padding: 0;
	font-size: 90%;
}
.f_aus_seminar:hover {
    background: #fff url("/images/info.png") no-repeat scroll 0 50%;
}
.f_aus_seminar a {
    display: block;
    margin: 4px 0;
    padding: 6px 30px;
    text-decoration: none;
}
.f_aus_seminar span {
	vertical-align: middle;
	height: 100%;
}
.f_aus_seminar span.subject {
	width: 100%;
    display: block;
	padding-left: 0;	
}
.f_aus_seminar span.tema {
	color: #333;
	width: 60%;
    display: inline-block;
    font-weight: bold;
	padding-left: 10px;		
}
.f_aus_seminar span.date {
	width: 15%;
    color: #333;
    display: inline-block;
}
.f_aus_seminar span.price {
    color: #333;
	width: auto;
    display: inline-block;
	white-space: nowrap;
}
.f_aus_seminar span.city {
	width: 15%;
    color: #333;
    display: inline-block;
}
footer {
    background: #444 none repeat scroll 0 0;
    height: 100px;
    margin-top: -100px;
    position: relative;
    width: 100%;
}
nav {
    background: #444 none repeat scroll 0 0;
    bottom: 0;
    height: 40px;
    left: 0;
    margin: auto;
    opacity: 0.8;
    padding: 0;
    position: fixed;
    right: 0;
    width: 1024px;
    z-index: 2;
}
nav:hover {
    opacity: 1;
}
nav ul {
    list-style: outside none none;
    margin: 0;
    padding: 10px 0 0;
    text-align: center;
}
nav ul li {
    display: inline;
    margin: 0 10px;
}
nav a {
    color: #ccc;
    text-decoration: none;
}
nav a:hover {
    color: #fff;
}
.fixed_bottom {
    opacity: 1;
    position: relative !important;
}
.copyright {
    color: #999;
    margin-right: 100px;
    padding-left: 20px;
    position: relative;
}
.copyright a {
    color: #cccccc;
}
.copyright span {
    white-space: nowrap;
}
.webdesign {
    bottom: 10px;
    padding: 0;
    position: absolute;
    right: 20px;
    width: 88px;
}
.webdesign img {
    float: left;
}
.error span {
	background-color: transparent;
}
.error {
    background-color: #ffcccc !important;
}
.errornotice {
    color: red;
    font-weight: bold;
    padding: 5px;
	display: block;
}
.folder {
	display: block;
	font-size: 120%;
	font-weight: bold;
    background: url("/images/folder.png") no-repeat 0 50%;
    padding: 0 20px 0 40px;
	margin: 30px 0 0 0;
}
.note {
	display: block;
    padding: 0 0 0 40px;
	margin: 0 0 10px 0;
	font-size: 70%;
}
.pdf {
	display: block;
    background: #fafafa url("/images/pdf.png") no-repeat 10px 50%;
    padding: 20px 50px;
	margin: 5px 0 0 0;
	text-decoration: none;
	color: #444;
	cursor: pointer;	
}
.pic {
	display: block;
    background: #fafafa url("/images/pic.png") no-repeat 10px 50%;
    padding: 20px 50px;
	margin: 5px 0 0 0;
	text-decoration: none;
	color: #444;
	cursor: pointer;	
}
.pdf:hover{
    background: #fff url("/images/pdf.png") no-repeat 10px 50%;
}
.pic:hover   {
    background: #fff url("/images/pic.png") no-repeat 10px 50%;
}
form.contactform div {
	display: block;
	background: #fafafa;
	margin: 5px;
	padding:  10px;
}
form.contactform div:hover {
	background: #fff;
}
form.contactform span.title {
	display: inline-block;
	width: 30%;
	height: 100%;
	vertical-align: top;
}
form.contactform span.date {
	display: inline-block;
	width: 60%;
	height: 100%;
	vertical-align: top;	
}
form.contactform input[type="text"] {
	font-family: Open Sans;
	font-size: 100%;
	width: 82%;
}
form.contactform input.half {
	width: 40%;
}
form.contactform input[type="radio"] {
	display:none;
}
form.contactform label {
    display:block;
    background-color:#fafafa;
    padding:4px 11px;
    font-family:Arial;
    font-size:16px;
	cursor: pointer;
}
form.contactform input[type="radio"]:checked + label {
    background-color:#444;
	color: #fff;
}
form.contactform input[type="submit"] {
	margin: 20px;
}
form.downloadform span {
	font-weight: bold;
}
form.downloadform input[type="text"] {
	font-family: Open Sans;
	font-size: 100%;
}
form.downloadform input[type="password"] {
	font-family: Open Sans;
	font-size: 100%;
}
#fb-root{
	display: none;
}
.fb-page {
	padding: 0;
	margin-bottom: 20px;
}
.main_cont {
	width: 100%;
	float: none;
	margin: 0 auto;
}
.extra {
	display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
html {
    background: none;
}
body, .fixed_top, nav {
    margin: 0 auto;
    min-width: 768px;
    width: 100% !important;
}
.fixed_top .logo span {
    display: block;
    float: right;
    font-size: 70%;
    margin: 8px;
}
article div {
    padding: 10px 30px;
}
.seminar a {
	position: relative;
}
.seminar span.subject {
	width: auto;
    display: inline-block;
    font-weight: bold;
	padding-left: 20px;	
}
.seminar span.tema {
	color: #333;
	width: 100%;
    display: block;
    font-weight: bold;
	padding-left: 0;		
}
.seminar span.date {
	width: 80px;
    color: #333;
    display: inline-block;
}
.seminar span.price {
    color: #333;
	font-size: 80%;	
	position: absolute;
	top: 10px;
	right: 10px;
	margin-left: 10px;
    display: block;
}
.seminar span.city {
	width: 15%;
    color: #333;
    display: inline-block;
	white-space: nowrap;	
}
.f_seminar span.date {
	width: 80px;
}
.f_seminar span.price {
	padding-left: 10px;		
}
.aus_seminar span.tema {
	width: 53%;
    display: inline-block;
    font-weight: bold;
	padding-left: 0;		
}
.aus_seminar span.city {
	width: 20%;
	white-space: nowrap;	
}
.f_aus_seminar span.subject {
	font-size: 80%;
}
.filter_ausland span.city {
	font-size: 80%;
}
.filter_ausland a {
	width: 23.8%;
}
.hotels span.city {
	font-size: 80%;
}
.hotels a {
	width: 23.8%;
}
.copyright {
    font-size: 90%;
    padding-top: 10px;
}
.main_cont {
	width: 100%;
	float: none;
}
.extra {
	width: 100%;
	float: none;
}
.extra-buttons {
	display: none;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
html {
    background: none;
}
body, .fixed_top, nav {
    margin: 0 auto;
    min-width: 640px;
    width: 100% !important;
}
.logo img {
    width: 130px;
}
.logo div {
    font-size: 75%;
    height: 100px;
    width: 130px;
}
.topinfo {
    font-size: 90%;
}
.topinfo a {
	margin-right: 6px;
}
.fixed_top .logo span {
    display: none;
}
.seminare a {
    border-left: 5px solid #000180;
    border-right: 5px solid #000180;
}
.fachanwaltslehrgaenge a {
    border-left: 5px solid #f90;
    border-right: 5px solid #f90;
}
.auslandsseminare a {
    border-left: 5px solid #78cd58;
    border-right: 5px solid #78cd58;
}
.seminare span, .fachanwaltslehrgaenge span, .auslandsseminare span {
    font-size: 80%;
}
article div {
    padding: 5px 25px;
}
.seminar a {
	position: relative;
}
.seminar span.subject {
	width: auto;
    display: inline-block;
    font-weight: bold;
	font-size: 80%;	
	padding-left: 20px;	
}
.seminar span.tema {
	color: #333;
	width: 100%;
    display: block;
    font-weight: bold;
	padding-left: 0;		
}
.seminar span.date {
	width: 80px;
    color: #333;
	font-size: 80%;	
    display: inline-block;
}
.seminar span.price {
    color: #333;
	font-size: 80%;	
	position: absolute;
	top: 10px;
	right: 10px;
    display: block;
}
.seminar span.city {
	font-size: 80%;
	width: 15%;
    color: #333;
    display: inline-block;
	white-space: nowrap;	
}
.f_seminar a {
	position: relative;
}
.f_seminar span.tema {
	color: #333;
	width: 100%;
    display: block;
    font-weight: bold;
	padding-left: 0;		
}
.f_seminar span.date {
	width: 80px;
    color: #333;
	font-size: 80%;	
    display: inline-block;
}
.f_seminar span.price {
    color: #333;
	font-size: 80%;	
	position: absolute;
	top: 10px;
	right: 10px;
    display: block;
}
.f_seminar span.city {
	font-size: 80%;
	width: 15%;
    color: #333;
    display: inline-block;
	white-space: nowrap;	
}
.aus_seminar span.subject {
	font-size: 75%;
    font-weight: normal;	
}
.aus_seminar span.tema {
	width: 45%;
    display: inline-block;
    font-weight: bold;
	padding-left: 0;		
}
.aus_seminar span.city {
	width: 20%;
	white-space: nowrap;	
}
.f_aus_seminar span.tema {
	width: 50%;
}	
.f_aus_seminar span.subject {
	font-size: 75%;
    font-weight: normal;	
}
.filter_ausland span.city {
	font-size: 80%;
}
.filter_ausland a {
	width: 31.8%;
}
.hotels span.city {
	font-size: 80%;
}
.hotels a {
	width: 31.8%;
}
nav {
    font-size: 80%;
}
.copyright {
    font-size: 70%;
    padding-top: 10px;
}
.referent span {
	font-size: 90%;
}
.seminar_info span.title {
	width: 30%;
	height: 100%;
	vertical-align: top;
}
.seminar_info span.data {
	width: 65%;
}
.seminar_info iframe {
	height: 500px;
}
.main_cont {
	width: 100%;
	float: none;
}
.extra {
	width: 100%;
	float: none;
}
.extra-buttons {
	display: none;
}
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
html {
    background: none;
}
body, .fixed_top, nav {
    margin: 0 auto;
    min-width: 321px;
    width: 100% !important;
}
#header {
    height: 41px !important;
    position: fixed;
}
.column {
    padding-top: 41px !important;
}
article {
    padding: 0 !important;
}
article div {
    font-size: 90%;
    padding: 0 10px;
}
.topinfo {
    display: none;
    font-size: 90%;
    height: 42px;
    position: absolute;
    text-align: center;
    z-index: 5;
	white-space: nowrap;
	overflow: scroll;	
}
.topinfo a {
    margin: 0;
    padding: 10px 7px;
}
.topinfo label {
    position: fixed;
    right: 0;
	top: 0;
	background:#fff;
}
a.facebook:after {
	content: " . . . . . ";
	color: transparent;
}
.seminare, .auslandsseminare {
    display: none;
	margin: 0;
    width: 33%;
	font-size: 110%;
}
.fachanwaltslehrgaenge {
    display: none;
    margin: 0;
    width: 34%;
	font-size: 110%;	
}
.seminare a, .fachanwaltslehrgaenge a, .auslandsseminare a {
    background-image: none;
    font-size: 80%;
    height: 40px;
    opacity: 1;
}
.logo {
    height: 41px !important;
    text-align: left;
    width: 100%;
}
.logo div {
    height: 41px;
    margin: 0;
    overflow: hidden;
    width: 220px;
}
.logo img {
    float: left;
    margin: 5px 15px 0;
    width: 50px;
}
.logo img#logo {
	content: url("/images/logo.png");
}	
.logo span {
    display: block;
    font-size: 80%;
    margin: 0;
    padding: 10px 0;
    white-space: nowrap;
}
label {
    cursor: pointer;
    display: inline-block;
    float: right;
    position: relative;
}
label img {
    height: 30px;
    margin: 5px 0 0 5px !important;
    width: 30px !important;
}
label span {
    color: #009;
    display: inline-block;
    float: right;
    font-size: 80%;
    padding: 10px 10px 10px 0 !important;
}
#filter {
    display: none;
}
nav {
    display: none;
	font-size: 100%;
    height: auto;
    opacity: 1;
    position: fixed;
    top: 80px;
    z-index: 6;
}
nav li {
    padding: 0;
}
nav li a {
    display: inline-block;
    padding: 10px;
}
.copyright {
    font-size: 70%;
    padding: 2px 10px 0;
}
footer {
    height: 50px;
    margin-top: 0 !important;
}
input#show_menu:checked ~ div div.seminare {
    display: block;
}
input#show_menu:checked ~ div div.fachanwaltslehrgaenge {
    display: block;
}
input#show_menu:checked ~ div div.auslandsseminare {
    display: block;
}
input#show_menu:checked ~ div div.topinfo {
    display: block;
}
input#show_menu:checked ~ footer nav {
    display: block;
}
input#hide_menu:checked ~ div div.seminare {
    display: none;
}
input#hide_menu:checked ~ div div.fachanwaltslehrgaenge {
    display: none;
}
input#hide_menu:checked ~ div div.auslandsseminare {
    display: none;
}
input#hide_menu:checked ~ div div.topinfo {
    display: none;
}
input#hide_menu:checked ~ footer nav {
    display: none;
}
.referent {
    background: #fafafa url("/images/user.png") no-repeat scroll 0 50%;
    padding: 0;
    width: 100%;
	font-size: 130%;
}
.referent:hover {
    background: #fff url("/images/user.png") no-repeat scroll 0 50%;
}
.referent a {
    display: block;
    margin: 4px 0;
    padding: 6px 30px;
    text-decoration: none;
}
.referent span.subject {
    display: block;
    font-size: 70%;
	width: auto;
}
.referent span.surname {
    color: #333;
    display: inline-block;
    font-weight: bold;
	width: auto;
}
.referent span.name {
    color: #333;
    display: inline-block;
	width: auto;	
}
.referent span.city {
    color: #333;
    display: block;
    font-size: 80%;
	width: auto;	
}
.seminar {
	font-size: 120%;
}
.seminar a {
	position: relative;
}	
.seminar span.subject {
	width: auto;
	font-size: 80%;	
    display: block;
    font-weight: normal;	
	padding-left: 0;	
}
.seminar span.tema {
	color: #333;
	width: auto;
    display: block;
	padding-left: 0;
}
.seminar span.date {
	font-size: 80%;	
	width: auto;
    color: #333;
    display: inline-block;
}
.seminar span.price {
    color: #333;
	font-size: 80%;	
	position: absolute;
	top: 10px;
	right: 10px;
    display: block;
}
.seminar span.city {
	font-size: 80%;	
	width: auto;
	padding-left: 10px;	
    color: #333;
    display: inline-block;
}
.f_seminar {
	font-size: 120%;
}
.f_seminar a {
	position: relative;
}	
.f_seminar span.tema {
	color: #333;
	width: auto;
    display: block;
	padding-left: 0;
}
.f_seminar span.date {
	font-size: 80%;	
	width: auto;
    color: #333;
    display: inline-block;
}
.f_seminar span.price {
    color: #333;
	font-size: 80%;	
	position: absolute;
	top: 10px;
	right: 10px;
    display: block;
}
.f_seminar span.city {
	font-size: 80%;	
	width: auto;
	padding-left: 10px;	
    color: #333;
    display: inline-block;
}
.aus_seminar {
	font-size: 120%;	
}
.aus_seminar a {
	position: relative;
}
.aus_seminar span.subject {
	font-size: 75%;
    font-weight: normal;
	width: 80%;	
}
.aus_seminar span.tema {
	width: 100%;
    display: block;
    font-weight: bold;
	padding-left: 0;		
}
.aus_seminar span.date {
	font-size: 80%;
	width: auto;
	white-space: nowrap;	
}
.aus_seminar span.city {
	font-size: 80%;
	padding-left: 10px;
	width: auto;
	white-space: nowrap;	
}
.aus_seminar span.price {
    color: #333;
	font-size: 80%;	
	position: absolute;
	top: 10px;
	right: 10px;
    display: block;
}
.f_aus_seminar {
	font-size: 120%;	
}
.f_aus_seminar a {
	position: relative;
}
.f_aus_seminar span.subject {
	font-size: 75%;
    font-weight: normal;
	width: 80%;	
}
.f_aus_seminar span.tema {
	width: 100%;
    display: block;
    font-weight: bold;
	padding-left: 0;		
}
.f_aus_seminar span.date {
	font-size: 80%;
	width: auto;
	white-space: nowrap;	
}
.f_aus_seminar span.city {
	font-size: 80%;
	padding-left: 10px;
	width: auto;
	white-space: nowrap;	
}
.f_aus_seminar span.price {
    color: #333;
	font-size: 80%;	
	position: absolute;
	top: 10px;
	right: 10px;
    display: block;
}
.filter  {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: auto;
	height: 100%;
	background: #fafafa;
	z-index: 9;
}
.filter  label {
	position: fixed;
	top: 0;
	right: 0;
}
.filter  a {
	font-size: 130%;
}
.filter_ausland {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: auto;
	height: 100%;
	background: #fafafa;
	z-index: 9;
}
.filter_ausland p {
	padding-left: 20px;
}
.filter_ausland a {
	background: #fff;
	font-size: 130%;
	margin: 7px;
	text-align: center;
}
.filter_ausland img {
	padding: 10px;
}
.filter_ausland label {
	position: fixed;
	right: 0;
	top: 0;
}	
.filter_ausland img.close {
	width: 30px;
	height: 30px;
	padding: 0;
}
.filter_ausland span {
	margin: 10px;
	display: inline-block;
}
.filter_ausland span.city {
	display: block;
	margin: 0;
	font-size: 80%;
}
.filter_ausland a {
	width: 20%;
}
.hotels p {
	padding-left: 20px;
}
.hotels a {
	background: #fff;
	font-size: 130%;
	margin: 7px;
	text-align: center;
}
.hotels img {
	padding: 10px;
}
.hotels span {
	margin: 10px;
	display: inline-block;
}
.hotels span.city {
	display: block;
	margin: 0;
	font-size: 80%;
}
.hotels a {
	width: 20%;
}
input#show_filter:checked ~ div article div div.filter {
    display: block;
}
input#hide_filter:checked ~ div article div div.filter {
    display: none;
}
input#show_filter:checked ~ div article div div.filter_ausland {
    display: block;
}
input#hide_filter:checked ~ div article div div.filter_ausland {
    display: none;
}
.short_info {
	font-size: 120%;
	width: 60%;
}
.seminar_info {
	font-size: 120%;
}
.seminar_info span.title {
	width: 40%;
	height: 100%;
	vertical-align: top;
}
.seminar_info span.data {
	width: 55%;
}
.seminar_info span.download  a{
	display: inline-block;
	font-weight: normal;
	width: 395px;
	padding: 20px 10px 20px 40px;	
	margin: 10px 0;
	background: #fff url("/images/pdf.png") no-repeat scroll 10px 50%;
	text-decoration: none;
}
.seminar_info iframe {
	height: 400px;
}
form.contactform div {
	font-size: 120%;
}
form.contactform span.title {
	width: 40%;
}
form.contactform span.date {
	width: 50%;
}
form.contactform label {
	float: none;
}
.main_cont {
	width: 100%;
	font-size: 100%;
	float: none;
}
.extra {
	width: 100%;
	float: none;
}
.fb-page {
	width: 100%;
	overflow: hidden;
}
.extra-buttons {
	display: none;
}
}
@media only screen and (min-width: 240px) and (max-width: 479px) {
html {
    background: none;
}
body, .fixed_top, nav {
    margin: 0 auto;
    min-width: 240px;
    width: 100% !important;
}
#header {
    height: 41px !important;
    position: fixed;
}
.column {
    padding-top: 41px !important;
}
article {
    padding: 0 !important;
}
article div {
    font-size: 90%;
    padding: 0 10px;
}
.topinfo {
    display: none;
    font-size: 90%;
    text-align: center;
    z-index: 5;
	white-space: nowrap;
	overflow: scroll;
}
.topinfo a {
    margin: 0;
    padding: 10px 7px;
}
.topinfo label {
    position: fixed !important;
    right: 0;
	top: 0;
    display: block;
	background: #fff;
}
a.facebook:after {
	content: " . . . . . . . ";
	color: transparent;
}
.seminare, .auslandsseminare, .fachanwaltslehrgaenge {
    display: none;
    margin: 0;
    width: 100%;
}
.seminare a, .fachanwaltslehrgaenge a, .auslandsseminare a {
    background-image: none;
    font-size: 90%;
    height: 40px;
    opacity: 1;
}
.logo {
    height: 41px !important;
    text-align: left;
    width: 100%;
}
.logo div {
    height: 41px;
    margin: 0;
    overflow: hidden;
    width: 220px;
}
.logo img {
    float: left;
    margin: 5px 15px 0;
    width: 50px;
}
.logo img#logo {
	content: url("/images/logo.png");
}
.logo div a span {
    display: none;
}
label {
    cursor: pointer;
    display: inline-block;
    float: right;
    position: relative;
}
label img {
    height: 30px;
    margin: 5px 0 0 5px !important;
    width: 30px !important;
}
label span {
    color: #009;
    display: inline-block;
    float: right;
    font-size: 80%;
    padding: 10px 10px 10px 0 !important;
}
#filter {
    display: none;
}
nav {
    display: none;
    font-size: 90%;
    height: auto;
    opacity: 1;
    position: fixed;
    top: 160px;
    z-index: 6;
}
nav li {
    padding: 0;
}
nav li a {
    display: inline-block;
    padding: 10px;
}
.copyright {
    font-size: 70%;
	margin-right: 0;
    padding: 2px 10px 0;
}
footer {
    height: 110px;
    margin-top: 0 !important;
}
#top {
	bottom: 0;
}
iframe {
	width: 100%;
	height: auto;
}
input#show_menu:checked ~ div div.seminare {
    display: block;
}
input#show_menu:checked ~ div div.fachanwaltslehrgaenge {
    display: block;
}
input#show_menu:checked ~ div div.auslandsseminare {
    display: block;
}
input#show_menu:checked ~ div div.topinfo {
    display: block;
}
input#show_menu:checked ~ footer nav {
    display: block;
}
input#hide_menu:checked ~ div div.seminare {
    display: none;
}
input#hide_menu:checked ~ div div.fachanwaltslehrgaenge {
    display: none;
}
input#hide_menu:checked ~ div div.auslandsseminare {
    display: none;
}
input#hide_menu:checked ~ div div.topinfo {
    display: none;
}
input#hide_menu:checked ~ footer nav {
    display: none;
}
.referent {
    background: #fafafa url("/images/user.png") no-repeat scroll 0 50%;
    padding: 0;
    width: 100%;
	font-size: 130%;
}
.referent:hover {
    background: #fff url("/images/user.png") no-repeat scroll 0 50%;
}
.referent a {
    display: block;
    margin: 4px 0;
    padding: 6px 30px;
    text-decoration: none;
}
.referent span.subject {
    display: block;
    font-size: 70%;
	width: auto;
}
.referent span.surname {
    color: #333;
    display: inline-block;
    font-weight: bold;
	width: auto;
}
.referent span.name {
    color: #333;
    display: inline-block;
	width: auto;	
}
.referent span.city {
    color: #333;
    display: block;
    font-size: 80%;
	width: auto;	
}
.seminar {
	font-size: 120%;
}
.seminar a {
	position: relative;
}	
.seminar span.subject {
	width: auto;
	font-size: 80%;	
    display: block;
    font-weight: normal;	
	padding-left: 0;	
}
.seminar span.tema {
	color: #333;
	width: auto;
	font-size: 80%;
    display: block;
	padding-left: 0;
}
.seminar span.date {
	font-size: 80%;	
	width: auto;
    color: #333;
    display: inline-block;
}
.seminar span.price {
    color: #333;
	font-size: 80%;	
	position: absolute;
	top: 10px;
	right: 10px;
    display: block;
}
.seminar span.city {
	font-size: 80%;	
	width: auto;
	padding-left: 10px;	
	padding-right: 30px;
    color: #333;
    display: inline-block;
}
.f_seminar {
	font-size: 120%;
}
.f_seminar a {
	position: relative;
}	
.f_seminar span.tema {
	color: #333;
	width: auto;
    display: block;
	padding-left: 0;
}
.f_seminar span.date {
	font-size: 80%;	
	width: auto;
    color: #333;
    display: inline-block;
}
.f_seminar span.price {
    color: #333;
	font-size: 80%;	
	position: absolute;
	top: 10px;
	right: 10px;
    display: block;
}
.f_seminar span.city {
	font-size: 80%;	
	width: auto;
	padding-left: 10px;	
    color: #333;
    display: inline-block;
}
.aus_seminar {
	font-size: 120%;	
}
.aus_seminar a {
	position: relative;
}
.aus_seminar span.subject {
	font-size: 75%;
    font-weight: normal;
	width: 80%;	
}
.aus_seminar span.tema {
	width: 100%;
    display: block;
    font-weight: bold;
	padding-left: 0;		
}
.aus_seminar span.date {
	font-size: 80%;
	width: auto;
	white-space: nowrap;	
}
.aus_seminar span.city {
	font-size: 80%;
	padding-left: 40px;
	width: auto;
	white-space: nowrap;	
}
.aus_seminar span.price {
    color: #333;
	font-size: 80%;	
	position: absolute;
	top: 10px;
	right: 10px;
    display: block;
}
.f_aus_seminar {
	font-size: 120%;	
}
.f_aus_seminar a {
	position: relative;
}
.f_aus_seminar span.subject {
	font-size: 75%;
    font-weight: normal;
	width: 80%;	
}
.f_aus_seminar span.tema {
	width: 100%;
    display: block;
    font-weight: bold;
	padding-left: 0;		
}
.f_aus_seminar span.date {
	font-size: 80%;
	width: auto;
	white-space: nowrap;	
}
.f_aus_seminar span.city {
	font-size: 80%;
	padding-left: 10px;
	width: auto;
	white-space: nowrap;	
}
.f_aus_seminar span.price {
    color: #333;
	font-size: 80%;	
	position: absolute;
	top: 10px;
	right: 10px;
    display: block;
}
.filter  {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: auto;
	height: 100%;
	background: #fafafa;
	z-index: 9;
}
.filter  label {
	position: fixed;
	top: 0;
	right: 0;
}
.filter  p {
	margin-top: 20px;
}
.filter  a {
	font-size: 130%;
	display: block;
}
.filter_ausland {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: auto;
	height: 100%;
	background: #fafafa;
	z-index: 9;
}
.filter_ausland p {
	padding-left: 0;
}
.filter_ausland a {
	background: #fff;
	font-size: 130%;
	width: 29% !important;
	margin: 3px;
	text-align: center;
}
.filter_ausland img {
	padding: 10px;
}
.filter_ausland label {
	position: fixed;
	right: 0;
	top: 0;
}	
.filter_ausland img.close {
	width: 30px;
	height: 30px;
	padding: 0;
}
.filter_ausland span {
	margin: 10px;
	display: inline-block;
}
.filter_ausland span.city {
	display: block;
	margin: 0;
	font-size: 80%;
}
.filter_ausland a {
	width: 20%;
}
.hotels p {
	padding-left: 0;
}
.hotels a {
	background: #fff;
	font-size: 130%;
	width: 29% !important;
	margin: 3px;
	text-align: center;
}
.hotels img {
	padding: 10px;
}
.hotels span {
	margin: 10px;
	display: inline-block;
}
.hotels span.city {
	display: block;
	margin: 0;
	font-size: 80%;
}
.hotels a {
	width: 20%;
}
input#show_filter:checked ~ div article div div.filter {
    display: block;
}
input#hide_filter:checked ~ div article div div.filter {
    display: none;
}
input#show_filter:checked ~ div article div div.filter_ausland {
    display: block;
}
input#hide_filter:checked ~ div article div div.filter_ausland {
    display: none;
}
.short_info {
	font-size: 120%;
	width: 60%;
}
.seminar_info {
	font-size: 120%;
}
.seminar_info span.title {
	font-size: 80%;
}
.seminar_info span.data {
	width: 100%;
}
.seminar_info span.download  a {
	display: inline-block;
	font-weight: normal;
	width: 80%;
	padding: 20px 10px 20px 30px;	
	margin: 10px 0;
	background: #fff url("/images/pdf.png") no-repeat scroll 10px 50%;
	text-decoration: none;
}
.seminar_info iframe {
	height: 400px;
}
form.contactform div {
	font-size: 120%;
}
form.contactform span.title {
	width: 100%;
	font-size: 80%;
}
form.contactform span.date {
	width: 100%;
}
form.contactform label {
	float: none;
}
form.downloadform span {
	display: block;
	width: 40%;
}
form.downloadform input[type="text"] {
	margin: 5px;
}
form.downloadform input[type="password"] {
	margin: 5px;
}
form.downloadform input.button {
	display: block;
	margin: 5px;
}
.main_cont {
	width: 100%;
	font-size: 100%;	
	float: none;
}
.extra {
	width: 100%;
	float: none;
}
.fb-page {
	width: 100%;
	overflow: hidden;
}
.extra-buttons {
	display: none;
}
}

/* Tabellen im Hauptinhalt verschönern */
#main .main_cont table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}
#main .main_cont th,
#main .main_cont td {
    padding: 5px 0px;
    border: 1px solid #ccc;
}
#main .main_cont tr:nth-child(even) {
    background-color: rgb(184, 182, 182);
}
#main .main_cont th {
    background: #e0e8ff;
    font-weight: bold;
}

/* === Fix: Nur den kleinen Header dauerhaft anzeigen === */
#header {
    display: none !important;       /* den großen Header komplett ausblenden */
  }
  
  .fixed_top {
    position: fixed !important;     /* bleibt dauerhaft oben */
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: block !important;      /* sicherstellen, dass er sichtbar ist */
  }
  
  body {
    padding-top: 41px;              /* damit der Inhalt nicht drunterrutscht */
  }
  


/* ==== HEADER FIX (minimal, keeps rest intact) ====
   - Use #header as the only header: fixed, full width, 41px, dark bar
   - Move menu items + topinfo into the same row
   - Hide .fixed_top (scroll header)
   - Push content down by 41px
*/

/* Hide the scroll header */
.fixed_top { display: none !important; }

/* Main header: fixed small dark bar */
#header {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  height: 41px !important;
  background: #444 !important;
  border-bottom: 1px solid #333 !important;

  /* one line layout */
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  width: 100% !important;
}

/* Content offset so it doesn't sit under the fixed header */
.column { padding-top: 41px !important; }

/* Logo left */
#header .logo {
  background: transparent !important;
  border: 0 !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  height: 41px !important;
  width: auto !important;
}
#header .logo div { height: 41px !important; margin: 0 !important; width: auto !important; }
#header .logo img { width: 50px !important; height: auto !important; }
#header .logo span { display: inline-block !important; margin-left: 8px !important; color: #fff !important; }
#header .logo a { color: #fff !important; text-decoration: none !important; }

/* Right side: menu items + topinfo */
#header .topinfo {
  background: transparent !important;
  clear: none !important;
  position: static !important;
  height: 41px !important;
  margin-left: auto !important;     /* pushes it to the right */
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}
#header .topinfo a {
  color: #fff !important;
  text-decoration: none !important;
  display: inline-block !important;
  line-height: 41px !important;
  padding: 0 8px !important;
}
#header .topinfo a:hover { background: rgba(255,255,255,.08) !important; }

/* The three big header tiles become compact links inside the header line */
#header .seminare,
#header .fachanwaltslehrgaenge,
#header .auslandsseminare {
  float: none !important;
  position: static !important;
  margin: 0 0 0 6px !important;
  width: auto !important;
  display: inline-block !important;
}
/* Abstand zwischen Logo und erstem Reiter */
#header .seminare {
    margin-left: 100px !important; /* kannst du nach Geschmack anpassen (z.B. 80px) */
  }
#header .seminare a,
#header .fachanwaltslehrgaenge a,
#header .auslandsseminare a {
  background-image: none !important;
  height: 41px !important;
  line-height: 41px !important;
  display: inline-block !important;
  padding: 0 80px !important;
  margin-left: 20px !important;
  color: #fff !important;
  text-decoration: none !important;
}
#header .seminare a:hover,
#header .fachanwaltslehrgaenge a:hover,
#header .auslandsseminare a:hover { background: rgba(255,255,255,.08) !important; }

/* Safety: prevent any absolute positioning pushing stuff around */
#header *[style*="position:absolute"] { position: static !important; }



/* === HEADER TEXT / BOX ALIGNMENT FIX (focused) ===
   Problem: Text (z.B. "Seminare") sitzt nicht vollständig in der farbigen Box,
   weil die inneren <span> im Original absolut positioniert sind.
   Lösung: Im Header-Kontext Spans neutralisieren und Links zentriert ausrichten.
*/

/* 1) Links als „Pills“ zentrieren */
#header .seminare a,
#header .fachanwaltslehrgaenge a,
#header .auslandsseminare a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;   /* kein Umbruch im Wort */
  height: 41px !important;
  line-height: 41px !important;
  background-image: none !important;
  /* padding bleibt von dir (z.B. 0 140px); nicht anfassen */
}

/* 2) Spans im Header von absolute lösen, damit Text mittig sitzt */
#header .seminare span,
#header .fachanwaltslehrgaenge span,
#header .auslandsseminare span {
  position: static !important;
  bottom: auto !important;
  width: auto !important;
  display: inline !important;
  line-height: inherit !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important; /* zentriert wird durch Flex im Link */
}

/* 3) Optional: minimal mehr Luft zwischen den drei Boxen */
#header .seminare,
#header .fachanwaltslehrgaenge,
#header .auslandsseminare {
  margin-left: 70px !important; /* kannst du anpassen */
}



/* ===== FOOTER FULL-WIDTH FIX =====
   - Footer & Nav über gesamte Bildschirmbreite
   - Farbe & Stil beibehalten
   - Fester Footer unten am Bildschirm
==================================================== */

footer {
  background: #444 !important;
  height: 100px !important;
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

footer nav,
nav {
  background: #444 !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  position: fixed !important;
  bottom: 0 !important;
  opacity: 1 !important;
  height: 40px !important;
  z-index: 2 !important;
}

/* One column only */
.main_cont,
#main .main_cont{
  width:100% !important;
  float:none !important;
  margin:0 auto !important;
  clear:both !important;
}
.extra,
#main .extra,
.extra-buttons{
  display:none !important;
  visibility:hidden !important;
}
/* Verhindert, dass H3/P, die CKEditor um die Kachel legt, extra Abstände erzeugen */
.sisra-cards .grid > h3,
.sisra-cards .grid > p { margin: 0; }


/* Kachel-Inhalt schön stapeln */
.sisra-cards .tile { display: flex; flex-direction: column; justify-content: center; }

@media only screen and (min-width: 1024px) {

/* === EINZEILIGER HEADER: Logo | drei Kacheln | Top-Links === */
.fixed_top { display: none !important; } /* alten Scroll-Header deaktivieren */

/* Haupt-Header als Flex-Zeile */
#header {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  height: 41px !important;
  background: #444 !important;
  border-bottom: 1px solid #333 !important;
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
}

/* Inhalt nicht unter den Header schieben */
.column { padding-top: 41px !important; }
body { padding-top: 41px; }

/* Logo links kompakt */
#header .logo {
  background: transparent !important;
  border: 0 !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  height: 41px !important;
  width: auto !important;
}
#header .logo div { height: 41px !important; margin: 0 !important; width: auto !important; }
#header .logo img { width: 50px !important; height: auto !important; }
#header .logo span { display: inline-block !important; margin-left: 8px !important; color: #fff !important; }
#header .logo a { color: #fff !important; text-decoration: none !important; }

/* Drei farbige Menüpunkte in der Mitte nebeneinander */
#header .seminare,
#header .fachanwaltslehrgaenge,
#header .auslandsseminare {
  float: none !important;
  position: static !important;
  margin: 0 0 0 6px !important;
  width: auto !important;
  display: inline-block !important;
}
#header .seminare a,
#header .fachanwaltslehrgaenge a,
#header .auslandsseminare a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 41px !important;
  line-height: 41px !important;
  white-space: nowrap !important;
  background-image: none !important;
  padding: 0 36px !important;      /* Breite der „Pills“ */
  color: #fff !important;
  text-decoration: none !important;
  font-weight: bold;
  opacity: 0.9;
}
#header .seminare a            { background-color: #000180 !important; }
#header .fachanwaltslehrgaenge a { background-color: #f90 !important; }
#header .auslandsseminare a    { background-color: #78cd58 !important; }
#header .seminare a:hover,
#header .fachanwaltslehrgaenge a:hover,
#header .auslandsseminare a:hover { opacity: 1; }

/* Top-Links (Telefon/Verteiler/Downloads/Facebook) ganz rechts */
#header .topinfo {
  background: transparent !important;
  clear: none !important;
  position: static !important;
  height: 41px !important;
  margin-left: auto !important;   /* schiebt Block nach rechts */
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}
#header .topinfo a {
  color: #fff !important;
  text-decoration: none !important;
  display: inline-block !important;
  line-height: 41px !important;
  padding: 0 8px !important;
}
#header .topinfo a:hover { background: rgba(255,255,255,.08) !important; }
/* Das mobile "X"-Icon vom alten System im Header ausblenden */
#header .topinfo label { display: none !important; }

/* Spans in den Kacheln dürfen im Header nicht absolut sein */
#header .seminare span,
#header .fachanwaltslehrgaenge span,
#header .auslandsseminare span {
  position: static !important;
  bottom: auto !important;
  width: auto !important;
  display: inline !important;
  line-height: inherit !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Mobile: frühere Media-Queries überschreiben, damit Top-Links NICHT verschwinden */
@media (max-width: 767px) {
  #header .topinfo { display: inline-flex !important; overflow: visible !important; }
  #header { padding-right: 8px; }
}
/* === FINAL OVERRIDES: Header-Abstände + Schloss-Link weg === */
/* 1) Alle marges der drei Reiter erstmal neutralisieren – NUR DESKTOP */
@media only screen and (min-width: 1024px) {
    #header .seminare,
    #header .fachanwaltslehrgaenge,
    #header .auslandsseminare {
      margin-left: 0 !important;
    }
  
    /* 2) Nur den ERSTEN Reiter vom Logo abrücken */
    #header .seminare {
      margin-left: 80px !important; /* nach Geschmack 60–120px */
    }
  
    /* 3) Sicherheit: „Seminare im Schloss“ ausblenden, falls HTML noch da ist */
    a.seminare-im-schloss {
      display: none !important;
    }
  
    /* 4) Sicherheit: Top-Links wirklich nach rechts */
    #header .topinfo {
      margin-left: auto !important;
    }
  }
  

  }
  

   

/***** === FINAL FIXES (Footer Full-Width + Kachel-Overlay) === *****/

/* 1) FOOTER/NAV IMMER FULL-WIDTH – egal ob gescrolled oder „unterer Header“ aktiv */
footer { 
    width: 100% !important;
    left: 0 !important; right: 0 !important; margin: 0 !important;
  }
  footer nav,
  nav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important; right: 0 !important;
    width: 100% !important;
    max-width: none !important;   /* killt alte 1024px-Variante */
    margin: 0 !important;
    opacity: 1 !important;
    z-index: 1500 !important;     /* über Content, unter Overlay */
  }
  
  /* Falls irgendwo .fixed_bottom die Nav wieder relativ macht: neutralisieren */
  .fixed_bottom { position: fixed !important; bottom: 0 !important; }
  
  /* 2) KACHEL-OVERLAY: Schließen-Button sichtbar, Overlay über allem, erste Box bündig */
  
  /* a) Deine alten Global-Regeln verstecken ALLE Labels – im Kachelbereich erzwingen wir Sichtbarkeit */
  .sisra-cards label { 
    display: inline-block !important; 
  }
  
  /* b) Der Schließen-Button ist ein <label> – explizit anzeigen */
  .sisra-cards .close { 
    display: inline-block !important; 
  }
  
  /* c) Overlay über Header/Nav legen, sonst klickt man ins Leere */
  .sisra-cards .overlay { 
    z-index: 2000 !important;       /* Header hatte 1000 – wir gehen drüber */
  }
  
  /* d) Erste Kachel sitzt tiefer? CKEditor legt <h3> und <p> mit Default-Margins rein -> nullen */
  .sisra-cards .kachel h3,
  .sisra-cards .kachel p { 
    margin: 0 !important; 
  }
  
  /* e) Die Kachel-Labels sicher im Block/Flex darstellen (überschreibt globales label{display:none}) */
  .sisra-cards label.tile { 
    display: flex !important; 
    align-items: center !important; 
    justify-content: flex-start !important;
    min-height: 160px;              /* wie in deinem Editor-Style angedacht */
  }
  
  /* f) „Backdrop“ darf da sein, aber nicht den Close-Button verdecken – Panel hat ohnehin höheren z-index */
  .sisra-cards .overlay .backdrop { 
    pointer-events: auto; 
  }
  
  /* BONUS: Wenn dir der Footer auf sehr breiten Screens zu „randlos“ wirkt: ein Innenabstand */
  nav ul { padding-left: 12px !important; padding-right: 12px !important; }
  
  /* === Kachel-Startkanten exakt bündig + saubere Abstände === */
.sisra-cards .grid { 
    align-items: start !important;         /* keine Baseline-Spielchen */
  }
  
  .sisra-cards .kachel {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;                    /* definierter Abstand zwischen H3/P-„Zeilen“ */
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* CKEditor killt dich mit Default-Margins – hier wird alles genullt */
  .sisra-cards .kachel > h3,
  .sisra-cards .kachel > p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
  }
  
  /* Falls irgendein Theme noch ein first-child anfasst: */
  .sisra-cards .kachel > :first-child { margin-top: 0 !important; }
  
  /* Die „Kachelflächen“ (Labels) wirklich als Blöcke behandeln */
  .sisra-cards label.tile {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 160px !important;          /* einheitliche Mindesthöhe */
    width: 100% !important;
    margin: 0 !important;
    padding: 14px !important;
  }
  /* ——— Kachel-Deko rigoros abschalten ——— */
.sisra-cards .kachel,
.sisra-cards .tile,
.sisra-cards .kachel *,
.sisra-cards .tile * {
  border: 0 !important;
  text-decoration: none !important;
  background-image: none !important;
}

/* Falls irgendein Theme Linien via Pseudo-Element malt */
.sisra-cards .kachel::before,
.sisra-cards .kachel::after,
.sisra-cards .tile::before,
.sisra-cards .tile::after {
  content: none !important;
  border: 0 !important;
}

/* H3/P bekommen gerne „Default-Abstände/Linien“ – nullen wir lokal */
.sisra-cards .kachel > h3,
.sisra-cards .kachel > p {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
/* ——— Panel-Tabellen komplett randlos ——— */
.sisra-cards .panel table {
    border: 0 !important;
    border-collapse: separate !important; /* verhindert Border-Collapse-Artefakte */
    border-spacing: 0 !important;
  }
  
  .sisra-cards .panel th,
  .sisra-cards .panel td {
    border: 0 !important;
    background: transparent !important; /* falls der „graue Strich“ von zebra rows stammt */
    box-shadow: none !important;
  }
  
  /* Wenn du Zebra behalten willst, aber ohne obere Linie: kommentiere Zeile oben aus 
     und nutze z. B.: 
     .sisra-cards .panel tr:nth-child(even) { background:#f7f7f7 !important; } 
  */
  /* ==== MOBIL: altes Footer-Menü ausblenden ==== */
@media (max-width: 767px) {
    footer nav,
    nav {
      display: none !important;
    }
  
    /* Sicherheit: auch die alten show_menu-Regeln dürfen nav nicht mehr einblenden */
    input#show_menu:checked ~ footer nav,
    input#hide_menu:checked ~ footer nav {
      display: none !important;
    }
  }
/* ==== MOBIL: Header wieder simpel machen + Burger rechts ==== */
@media (max-width: 767px) {

    /* Header: schmaler Balken, keine Flex-Experimente */
    #header {
      position: fixed !important;
      top: 0; left: 0; right: 0;
      height: 41px !important;
      background: #444 !important;
      display: block !important;      /* Flex vom Desktop ausknipsen */
      padding: 0 !important;
      border-bottom: 1px solid #333 !important;
      z-index: 1000;
    }
  
    /* Inhalt unter den Header schieben */
    .column { padding-top: 41px !important; }
  
    /* Logo links, schmal */
    #header .logo {
      float: left !important;
      width: auto !important;
      height: 41px !important;
      background: transparent !important;
      border: 0 !important;
    }
    #header .logo div {
      height: 41px !important;
      margin: 0 !important;
      width: auto !important;
    }
    #header .logo img {
      width: 50px !important;
      height: auto !important;
      float: left !important;
      margin: 5px 10px 0 10px !important;
    }
    #header .logo span {
      display: inline-block !important;
      font-size: 80% !important;
      color: #fff !important;
      line-height: 41px !important;
      margin-left: 4px !important;
    }
  
    /* Die drei großen Kacheln NICHT in der Kopfzeile zeigen */
    #header .seminare,
    #header .fachanwaltslehrgaenge,
    #header .auslandsseminare {
      display: none !important;
      float: none !important;
    }
  
    /* Topinfo in der Kopfzeile (Telefon/Verteiler/Downloads/Facebook) ausblenden;
       sie soll nur im ausklappenden Menü genutzt werden */
    #header .topinfo {
      display: none !important;
    }
  
    /* Burger-Label (Menü-Icon) sauber rechts oben platzieren */
    label[for="show_menu"] {
      display: inline-block !important;
      position: fixed !important;
      right: 0 !important;
      top: 0 !important;
      z-index: 1100 !important;
      background: #fff !important;
    }
    label[for="show_menu"] img {
      width: 30px !important;
      height: 30px !important;
      margin: 5px 5px 0 0 !important;
    }
    label[for="show_menu"] span {
      color: #009 !important;
      font-size: 80% !important;
      padding: 10px 5px 10px 0 !important;
    }
  }
/* ==== MOBIL: Burger-Menü als Overlay mit deinen Links ==== */
@media (max-width: 767px) {

    /* Gemeinsames Overlay hinter den Punkten */
    .mobile-menu-overlay {
      position: fixed;
      top: 41px;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0,0,0,0.75);
      z-index: 1050;
      display: none;
    }
  
    /* Wir haben keine eigene .mobile-menu-overlay im HTML,
       also „simulieren“ wir das Menü über die bestehenden Blöcke */
  
    /* Grundlayout für die Menüeinträge */
    #header .seminare,
    #header .fachanwaltslehrgaenge,
    #header .auslandsseminare,
    #header .topinfo {
      position: relative;
      width: 100% !important;
      margin: 0 !important;
      background: #333 !important;
      text-align: left !important;
      display: none; /* werden nur bei :checked eingeblendet */
      z-index: 1200;
    }
  
    /* Reihenfolge: erst die drei Hauptbereiche, dann die Service-Links */
    #header .seminare a,
    #header .fachanwaltslehrgaenge a,
    #header .auslandsseminare a,
    #header .topinfo a {
      display: block !important;
      padding: 10px 16px !important;
      height: auto !important;
      line-height: 1.4 !important;
      background-image: none !important;
      border-bottom: 1px solid #444 !important;
      color: #fff !important;
      text-decoration: none !important;
      font-size: 90% !important;
      white-space: nowrap !important;
    }
  
    #header .seminare a { background-color: #000180 !important; }
    #header .fachanwaltslehrgaenge a { background-color: #f90 !important; }
    #header .auslandsseminare a { background-color: #78cd58 !important; }
    #header .topinfo a {
      background-color: #333 !important;
      background-image: none !important;
      text-indent: 0 !important;  /* Icons ausblenden, Text normal */
    }
  
    #header .seminare a:hover,
    #header .fachanwaltslehrgaenge a:hover,
    #header .auslandsseminare a:hover,
    #header .topinfo a:hover {
      background-color: #555 !important;
    }
  
    /* Wenn show_menu angehakt ist → Elemente einblenden */
    input#show_menu:checked ~ div #header .seminare,
    input#show_menu:checked ~ div #header .fachanwaltslehrgaenge,
    input#show_menu:checked ~ div #header .auslandsseminare,
    input#show_menu:checked ~ div #header .topinfo {
      display: block !important;
    }
  
    /* Wenn hide_menu genutzt wird → wieder verstecken */
    input#hide_menu:checked ~ div #header .seminare,
    input#hide_menu:checked ~ div #header .fachanwaltslehrgaenge,
    input#hide_menu:checked ~ div #header .auslandsseminare,
    input#hide_menu:checked ~ div #header .topinfo {
      display: none !important;
    }
  }
      
  /* ==== MOBIL-FIX: Logo sichtbar + Burger-Menü funktioniert ==== */
@media (max-width: 767px) {

    /* Logo im mobilen Header erzwingen */
    #header .logo {
      display: block !important;
    }
    #header .logo img {
      display: block !important;
    }
  
    /* Burger-Icon sichtbar machen, egal was oben drüber steht */
    label[for="show_menu"] {
      display: inline-block !important;
    }
  
    /* Beim Klick auf den Burger (show_menu) Menü wirklich einblenden */
    input#show_menu:checked ~ #header .seminare,
    input#show_menu:checked ~ #header .fachanwaltslehrgaenge,
    input#show_menu:checked ~ #header .auslandsseminare,
    input#show_menu:checked ~ #header .topinfo {
      display: block !important;
    }
  
    /* Falls hide_menu benutzt wird: wieder alles zu */
    input#hide_menu:checked ~ #header .seminare,
    input#hide_menu:checked ~ #header .fachanwaltslehrgaenge,
    input#hide_menu:checked ~ #header .auslandsseminare,
    input#hide_menu:checked ~ #header .topinfo {
      display: none !important;
    }
  }
/* ==== MOBIL: eigenes Header-Menü (Logo links, Burger rechts) ==== */
@media (max-width: 767px) {

    /* Header: schmaler Balken */
    #header {
      position: fixed !important;
      top: 0;
      left: 0;
      right: 0;
      height: 41px !important;
      background: #444 !important;
      display: block !important;
      padding: 0 !important;
      z-index: 1000;
    }
  
    /* Inhalt unter den Header schieben */
    .column {
      padding-top: 41px !important;
    }
  
    /* Logo-Bereich links sichtbar machen */
    #header .logo {
      display: block !important;
      float: none !important;
      height: 41px !important;
      padding: 0 8px !important;
    }
  
    #header .logo > div {
      display: flex !important;
      align-items: center !important;
      height: 41px !important;
      margin: 0 !important;
      width: auto !important;
    }
  
    #header .logo img#logo {
      display: block !important;
      width: 50px !important;
      height: auto !important;
      margin: 5px 10px 5px 0 !important;
    }
  
    /* Burger rechts im Balken */
    #header .logo label[for="show_menu"] {
      margin-left: auto !important;
      display: flex !important;
      align-items: center;
    }
  
    #header .logo label[for="show_menu"] img {
      width: 30px !important;
      height: 30px !important;
      margin: 5px 0 0 5px !important;
    }
  
    #header .logo label[for="show_menu"] span {
      color: #009 !important;
      font-size: 80% !important;
      padding: 10px 5px 10px 0 !important;
    }
  
    /* Filter-Icon im Header mobil ausblenden */
    #header .logo label[for="show_filter"] {
      display: none !important;
    }
  
    /* Standard: keine Menüpunkte im Balken anzeigen */
    #header .seminare,
    #header .fachanwaltslehrgaenge,
    #header .auslandsseminare,
    #header .topinfo {
      display: none !important;
      float: none !important;
      margin: 0 !important;
      width: 100% !important;
      background: #333 !important;
      position: static !important;
    }
  
    /* Darstellung der Menüpunkte als Liste unter dem Balken */
    #header .seminare a,
    #header .fachanwaltslehrgaenge a,
    #header .auslandsseminare a,
    #header .topinfo a {
      display: block !important;
      height: auto !important;
      line-height: 1.4 !important;
      padding: 10px 16px !important;
      background-image: none !important;
      white-space: normal !important;
      border-bottom: 1px solid #444 !important;
      color: #fff !important;
      text-decoration: none !important;
    }
  
    #header .seminare a             { background-color: #000180 !important; }
    #header .fachanwaltslehrgaenge a { background-color: #f90 !important; }
    #header .auslandsseminare a     { background-color: #78cd58 !important; }
    #header .topinfo a              { background-color: #333 !important; }
  
    /* Spans normal, nicht absolut */
    #header .seminare span,
    #header .fachanwaltslehrgaenge span,
    #header .auslandsseminare span {
      position: static !important;
      bottom: auto !important;
      width: auto !important;
      display: inline !important;
      padding: 0 !important;
      margin: 0 !important;
    }
  
    /* Schließen-Icon im mobilen Menü anzeigen */
    #header .topinfo label[for="hide_menu"] {
      display: inline-block !important;
      float: right !important;
      background: none !important;
      border: 0 !important;
    }
  
    /* Burger-Logik: Menü auf/zu */
    input#show_menu:checked ~ div#header .seminare,
    input#show_menu:checked ~ div#header .fachanwaltslehrgaenge,
    input#show_menu:checked ~ div#header .auslandsseminare,
    input#show_menu:checked ~ div#header .topinfo {
      display: block !important;
    }
  
    input#hide_menu:checked ~ div#header .seminare,
    input#hide_menu:checked ~ div#header .fachanwaltslehrgaenge,
    input#hide_menu:checked ~ div#header .auslandsseminare,
    input#hide_menu:checked ~ div#header .topinfo {
      display: none !important;
    }
  }
/* ==== MOBIL: Burger-Icon ausblenden, wenn das Menü geöffnet ist ==== */
@media (max-width: 767px) {

    /* Wenn show_menu aktiviert ist → Burger ausblenden */
    input#show_menu:checked ~ div#header .logo label[for="show_menu"] {
      display: none !important;
    }
  
    /* Sicherheit: nur das X anzeigen */
    input#show_menu:checked ~ div#header .topinfo label[for="hide_menu"] {
      display: inline-block !important;
    }
  }
/* ==== MOBIL: eigenes Menü (Logo links, Burger rechts, X schließt) ==== */
@media (max-width: 767px) {

    /* Fester, schmaler Header oben */
    #header {
      position: fixed !important;
      top: 0;
      left: 0;
      right: 0;
      height: 41px !important;
      background: #444 !important;
      z-index: 1000;
      display: block !important;
      padding: 0 !important;
    }
  
    /* Inhalt unter den Header schieben */
    .column {
      padding-top: 41px !important;
    }
  
    /* Logo links sichtbar */
    #header .logo {
      display: flex !important;
      align-items: center;
      padding: 0 8px !important;
      height: 41px !important;
    }
    #header .logo > div {
      display: flex !important;
      align-items: center;
      height: 41px !important;
      margin: 0 !important;
      width: auto !important;
    }
    #header .logo img#logo {
      display: block !important;
      width: 50px !important;
      height: auto !important;
      margin: 5px 10px 5px 0 !important;
    }
  
    /* Burger rechts im Header */
    #header .logo label[for="show_menu"] {
      margin-left: auto !important;
      display: flex !important;
      align-items: center;
    }
    #header .logo label[for="show_menu"] img {
      width: 30px !important;
      height: 30px !important;
      margin: 5px 0 0 5px !important;
    }
    #header .logo label[for="show_menu"] span {
      color: #009 !important;
      font-size: 80% !important;
      padding: 10px 5px 10px 0 !important;
    }
  
    /* Standard: Menüpunkte unter dem Header VERSTECKEN */
    #header .seminare,
    #header .fachanwaltslehrgaenge,
    #header .auslandsseminare,
    #header .topinfo {
      display: none !important;        /* wichtig: überschreibt die globalen Header-Regeln */
      float: none !important;
      margin: 0 !important;
      width: 100% !important;
      background: #333 !important;
      position: static !important;
      text-align: left !important;
    }
  
    /* Darstellung der Links als einfache Liste */
    #header .seminare a,
    #header .fachanwaltslehrgaenge a,
    #header .auslandsseminare a,
    #header .topinfo a {
      display: block !important;
      padding: 10px 16px !important;
      height: auto !important;
      line-height: 1.4 !important;
      background-image: none !important;
      border-bottom: 1px solid #444 !important;
      color: #fff !important;
      text-decoration: none !important;
      white-space: normal !important;
    }
  
    #header .seminare a             { background-color: #000180 !important; }
    #header .fachanwaltslehrgaenge a{ background-color: #f90 !important; }
    #header .auslandsseminare a     { background-color: #78cd58 !important; }
    #header .topinfo a              { background-color: #333 !important; }
  
    /* Spans in den Kacheln normal, nicht absolut */
    #header .seminare span,
    #header .fachanwaltslehrgaenge span,
    #header .auslandsseminare span {
      position: static !important;
      bottom: auto !important;
      width: auto !important;
      display: inline !important;
      padding: 0 !important;
      margin: 0 !important;
    }
  
    /* X-Label (hide_menu) sichtbar im aufgeklappten Bereich */
    #header .topinfo label[for="hide_menu"] {
      display: inline-block !important;
      float: right !important;
      background: none !important;
      border: 0 !important;
    }
  
    /* --- Logik: Menü auf / zu --- */
  
    /* Menü öffnen: show_menu checked → Blöcke anzeigen */
    input#show_menu:checked ~ div #header .seminare,
    input#show_menu:checked ~ div #header .fachanwaltslehrgaenge,
    input#show_menu:checked ~ div #header .auslandsseminare,
    input#show_menu:checked ~ div #header .topinfo {
      display: block !important;
    }
  
    /* Menü schließen: hide_menu checked → Blöcke wieder verstecken */
    input#hide_menu:checked ~ div #header .seminare,
    input#hide_menu:checked ~ div #header .fachanwaltslehrgaenge,
    input#hide_menu:checked ~ div #header .auslandsseminare,
    input#hide_menu:checked ~ div #header .topinfo {
      display: none !important;
    }
  
    /* Wenn Menü offen ist → Burger-Icon ausblenden */
    input#show_menu:checked ~ div #header .logo label[for="show_menu"] {
      display: none !important;
    }
  }
        
  /* ==== MOBIL: Menü mit EINEM Schalter (Burger wird zum X) ==== */
@media (max-width: 767px) {

    /* Altes, nicht-funktionierendes rotes Kreuz (hide_menu) komplett verstecken */
    #header .topinfo label[for="hide_menu"] {
      display: none !important;
    }
  
    /* Burger-Label grundsätzlich sichtbar (oben rechts, das hast du ja schon) */
    #header .logo label[for="show_menu"] {
      display: flex !important;
      align-items: center;
    }
  
    /* Wenn das Menü geöffnet ist (show_menu = checked) … */
    input#show_menu:checked ~ div#header .logo label[for="show_menu"] {
      display: flex !important;           /* nicht verstecken! */
    }
  
    /* … Bild im Label ausblenden … */
    input#show_menu:checked ~ div#header .logo label[for="show_menu"] img {
      display: none !important;
    }
  
    /* … und stattdessen ein X anzeigen */
    input#show_menu:checked ~ div#header .logo label[for="show_menu"]::after {
      content: "✕";
      font-size: 22px;
      color: #fff;
      padding: 9px 10px 0 10px;
    }
  }
/* ==== MOBIL: Burger/X ohne weißen Kasten ==== */
@media (max-width: 767px) {

    /* Standard-Zustand: kein weißes Kästchen um das Burger-Icon */
    #header .logo label[for="show_menu"] {
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
      padding: 0 !important;
      margin-right: 5px !important;
    }
  
    /* Auch im geöffneten Zustand (Show_menu = checked) keinen Rahmen/Hintergrund */
    input#show_menu:checked ~ div#header .logo label[for="show_menu"] {
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
    }
  }
/* ==== MOBIL: altes rotes X vollständig ausblenden ==== */
@media (max-width: 767px) {

    /* alle Labels, die hide_menu triggern */
    label[for="hide_menu"],
    #header label[for="hide_menu"],
    #header .topinfo label[for="hide_menu"] {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      width: 0 !important;
      height: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
      overflow: hidden !important;
    }
  }
/* ==== MOBIL: Burger-Icon größer, weiß, ohne Text ==== */
@media (max-width: 767px) {

    /* Menü-Label (Burger) aufräumen */
    #header .logo label[for="show_menu"] {
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
      padding: 0 !important;
      margin: 0 10px 0 auto !important;  /* rechtsbündig */
      display: flex !important;
      align-items: center;
      justify-content: center;
    }
  
    /* Text neben dem Burger komplett entfernen */
    #header .logo label[for="show_menu"] span {
      display: none !important;
    }
  
    /* Burger-Bild größer + in weiß einfärben */
    #header .logo label[for="show_menu"] img {
      width: 34px !important;
      height: 34px !important;
      filter: brightness(0) invert(1) !important;  /* macht es weiß */
      margin: 0 !important;
    }
  
    /* Wenn Menü geöffnet ist (X sichtbar): das X soll weiß bleiben */
    input#show_menu:checked ~ div#header .logo label[for="show_menu"]::after {
      color: #fff !important;
      font-size: 28px !important;
      padding-top: 4px !important;
    }
  }
        

  /* =========================
   FINAL OVERRIDES (Jan 2026)
   ========================= */

/* Hintergrundbild raus, Hintergrund königsblau */
html {
  background: #1f4fbf !important;      /* mittleres Königsblau */
  background-image: none !important;
}
body {
  background: transparent !important;
}

/* Desktop-Layout: Header-Inhalt bündig zum Content-Kasten (Body ist zentriert/fixed width) */
@media (min-width: 1024px) {

  /* Header etwas höher */
  #header {
    height: 60px !important;
    background: #1f4fbf !important;
    display: flex !important;
    align-items: center !important;

    /* Header NICHT über volle Viewport-Breite “kleben”, sondern wie der Content zentrieren */
    width: 1624px !important;                /* entspricht deinem body width */
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 0 !important;
    position: fixed !important;
    padding: 0 40px !important;              /* entspricht deinem Content-Padding-Gefühl */
    box-sizing: border-box !important;
  }

  /* Content unter Header schieben */
  .column { padding-top: 60px !important; }
  body { padding-top: 60px !important; }

  /* Buttons alle gleich groß */
  #header .seminare,
  #header .fachanwaltslehrgaenge,
  #header .auslandsseminare {
    margin: 0 !important;
    width: auto !important;
  }

  #header .seminare a,
  #header .fachanwaltslehrgaenge a,
  #header .auslandsseminare a {
    height: 44px !important;
    line-height: 44px !important;
    width: 210px !important;                /* gleiche Breite */
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
  }

  /* Buttons ein Stück nach rechts starten (bündig zum weißen Kasten) */
  #header .seminare { margin-left: 40px !important; }  /* feinjustieren: 20–60px */

  /* Topinfo bündig “am Content-Ende” statt ganz außen */
  #header .topinfo {
    margin-left: auto !important;
    height: 60px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  /* “Kontakt” sauber ohne Einrückung/Telefon-Icon-Zwang */
  #header .topinfo a {
    margin: 0 !important;
    text-indent: 0 !important;
    background-image: none !important;
    padding: 0 10px !important;
    line-height: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 6px !important;
  }

  /* Logo ganz rechts + etwas größer */
  #header .logo {
    order: 3 !important;
    margin-left: 14px !important;
    height: 60px !important;
    width: auto !important;
  }
  #header .logo img#logo {
    width: 78px !important;                 /* größer */
    height: auto !important;
  }

  /* Topinfo soll vor dem Logo stehen */
  #header .topinfo { order: 2 !important; }
  #header .seminare,
  #header .fachanwaltslehrgaenge,
  #header .auslandsseminare { order: 1 !important; }
}

/* Footer: “Verteiler” Link notfalls auch per CSS ausblenden (falls noch irgendwo drin) */
nav a[href*="/verteiler"],
footer nav a[href*="/verteiler"] {
  display: none !important;
}
/* Logo LINKS lassen, nur größer */
#header .logo {
  order: 0 !important;          /* Standard-Reihenfolge */
  margin-left: 0 !important;
}

#header .logo img#logo {
  width: 78px !important;       /* ggf. 72–84px feinjustieren */
  height: auto !important;
}
/* Mehr Abstand zwischen Logo und erstem Button */
#header .logo {
  margin-right: 24px !important;   /* ggf. 20–32px testen */
}
/* Verteiler abonnieren – Hauptbutton */
input[type="submit"],
button,
a.button,
.verteiler-abo input[type="submit"] {
  background-color: #1f4fbf !important; /* Königsblau */
  color: #fff !important;
  font-size: 18px !important;
  padding: 14px 32px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer;
  font-weight: 600 !important;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

input[type="submit"]:hover,
button:hover,
a.button:hover {
  background-color: #173d99 !important;
  transform: translateY(-1px);
}
/* YouTube-Videos optisch begrenzen */
.hero-embed .embed-wrap{
  max-width: 360px;          /* ideal: 320–380px */
  margin: 0 auto;            /* zentrieren */
}

/* Titel auch zentrieren */
.hero-embed .embed-title{
  text-align: center;
}
/* HERO: Videos wirklich schmaler erzwingen */
.hero-no-borders .hero-embed .embed-wrap{
  max-width: 320px !important;   /* test: 320–360 */
  width: 80% !important;
  margin: 0 auto !important;
}

/* Spalte 2 optisch zentrieren, damit es nicht “an der Kante klebt” */
.hero-no-borders .hero-col-2{
  text-align: center !important;
}
/* =========================
   HERO – Branding Block
   ========================= */

.hero-brand{
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}

.hero-brand-logo img{
  width: 64px;              /* bewusst kompakt */
  height: auto;
  display: block;
}

.hero-brand-text{
  line-height: 1.1;
}

.hero-brand-name{
  font-size: 20px;
  font-weight: 700;
  color: #1f4fbf;           /* dein Königsblau */
}

.hero-brand-r{
  font-size: 65%;
  vertical-align: super;
}

/* Mobil: Logo über Text */
@media (max-width:700px){
  .hero-brand{
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}
/* =========================
   HERO – Branding groß & ruhig
   ========================= */

.hero-brand{
  margin-bottom: 16px;
}

.hero-brand-logo img{
  width: 120px;            /* HIER Größe steuern: 110–140px realistisch */
  height: auto;
  display: block;
}

.hero-brand-text{
  margin-top: 6px;
  font-size: 22px;
  font-weight: 700;
  color: #1f4fbf;          /* Königsblau */
  line-height: 1.1;
}

.hero-brand-r{
  font-size: 60%;
  vertical-align: super;
}

/* Mobil etwas kompakter */
@media (max-width:700px){
  .hero-brand-logo img{
    width: 96px;
  }
  .hero-brand-text{
    font-size: 20px;
  }
}