body {
    line-height: 1.25rem;
}
p, ul {
    margin: 0.75em 0 0.75em 0;
}
nav > ul:after,
nav > ul:before {
    display: block;
    content: " ";
    width: 12px;
    margin-right: 30px;
	background-position: right center;
	background-repeat:no-repeat;
}
nav > ul:before {
	margin-right:0px; 
	margin-left: 30px;
	background-position: center left
}
#navigation { line-height: 100%;}
#navigation nav > ul > li:after {
	content:"\2022";
	color:#ffd500;
	margin: 0 0.3rem;
}
#navigation nav > ul > li:last-child:after {
	display:none;
}
#headerslider, #kopfbild {
	height: 25vh;
	min-height: 377px!important;
}
#volltextsuche_mobil {
	display: none;
}
/*** SCHRIFT ***/
body {
	font-size: 14px;
}
#slogan p,
.inhalt_slogan {
	font-family:squerril,'Amatic SC', cursive;
}
button, input[type=submit],
nav ul li a,
h1 { 
	font-family: squerril, ArialBlack, sans-serif;
	letter-spacing: 0.05rem;
}
nav > ul > li > ul > li > a,
h1,
h2 {
	font-size: 1.2rem;
	font-weight:bold;
}
h3 {
	font-size: 1rem;
	font-weight:bold;
	font-style: normal;
}
#navigation ul li ul {
    font-size: 0.75em; /* !em! */
}
hr {
    border: 0;
    height: 0.05em;
    width: 100%;
    margin: 1em 0;
}
/*** FARBE ***/

.inhalt_kontakt input[type=checkbox]:checked,
hr,
body.index,
footer,
footer:after,
main .button, main a.button, button, input[type=submit] {
   background: #ffd500;
}
main a {
    color: #000;
    /*background: transparent;*/
    /*font-style: italic;*/
    text-decoration: underline;
}
main a:hover,
.artikel .text a.mehr:before,
.artikel .text a.mehr:after,
#next_show {
	color: #ffd500;
    /*background: transparent;*/
}
.button:hover,
a.button:hover {
	box-shadow:0px 0px 3px rgba(0,0,0,0.7);
}
#seminarSuchfeld,
#hauptinhalt_seminar #buchen,
#seminar .rechts,
#inhaltrechts .news,
nav > ul > li > ul,
#hauptinhalt_seminar .rechts .inner .inhalt_text_bild,
#volltextsuche input[type=search], 
#inhaltrechts > .inner > .inhalt_text_bild{
	background-color: #e5e5e5
}
 
header #navigation nav { 
	background: #fff;
	padding: 0.5rem 0;
}
.button, a.button, button,
#navigation ul li a {
    color: #000;
}
nav > ul > li > a,
label.open-menu-label {
	border-bottom: 0.1rem solid #fff;
}
#unternavigation .titel,
nav > ul > li.aktiv > a,
label.open-menu-label{
    border-bottom: 0.3rem solid #ffd500;
    box-sizing: border-box;
}

#hauptinhalt_seminar .rechts .inner a,
#navigation ul li a:hover { 
	color:#808080;
}
#topnav,
#topnav a {
	color:#ffd500;
	font-size: 1rem;
}
#suchergebnisse h3 a,
.artikel .text a.mehr,
button,
input[type=submit],
#copyright a { color:#000; text-decoration:none;}

#hauptinhalt .artikel > h2:after,
#seminar > h1:after,
.galerie ul li p {
	background: #ffd500;
}
#kopfbild {
	background-color: #ffd500;
    border-bottom: 10px solid #ffd500;
}
#hauptinhalt .artikel,
#seminare {
    border-color: #ffd500;
}
#suchergebnisse h3 {
    background: #ffd500;
}
/**** ABSTAND *******/
h1, h2 {
    margin: 1rem 0;
}
#unternavigation nav,
header h1,
footer > div,
#copyright .inner,
main {
    padding: 0 2.5rem;
	box-sizing:border-box;
}
main {
	
	padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: #fff;
}
#suchergebnisse h3,
#suchergebnisse .ergebnistext {
	padding: 0.5rem 1rem;
}
#logo, main, #navigation nav, #copyright {
	width: 100%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
     box-sizing: border-box;
}
footer:after {
    content: " ";
    height: 120px;
    margin-top: -150px;
}
.inhalt_text_bild .bilderrahmen,
header {
	padding:0;
}
#inhaltrechts img {
    max-width: 100%;
}
.artikel .text a.mehr:before,
.artikel .text a.mehr:after,
#navigation ul li a{
	padding: 0.7rem 0.25rem 0.4rem;
	padding: 0.6rem 0.25rem 0.4rem;
}
#hauptinhalt_seminar aside.rechts {
	box-sizing:border-box;
	padding-bottom: 1rem;
}
div#suchergebnisse,
#seminar .links,
div#hauptinhalt,
#hauptinhalt_seminar > .inhalt_text_bild{
	box-sizing:border-box;
	padding: 0 2.5rem 1rem 0;
}
#volltextsuche {
    padding: 1rem 0;
    z-index: 5;
}
#buchen .mitte,
#hauptinhalt_seminar #buchen,
#seminar .rechts,
#inhaltrechts .news, 
#inhaltrechts > .inner > .inhalt_text_bild,
#hauptinhalt_seminar .rechts .inner .inhalt_text_bild  {
	padding: 1px 1.5rem 1.5rem;
	padding: 1px 1.5em 1.5em;
	box-sizing:border-box;
	margin-bottom: 1rem;
	margin-bottom: 1.2em;
}
#buchen .links,
#buchen .rechts {
	padding: 0;
}
#volltextsuche input {
    display: inline-block;
    width: 80%;
    border: none;
    box-sizing: border-box;
    float: left;
    height: 2rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;

}
#volltextsuche button {
    width: 20%;
    display: inline-block;
    box-sizing: border-box;
    height: 2rem;
    overflow: hidden;
    margin: 0;
}
.news .text,
#hauptinhalt_seminar #volltextsuche {
    padding: 1rem 0 ;
}
button,
input[type=submit]{
    padding: 0.5rem;
    font-weight: bold;
}
/*** POSITIONIERUNG ***/
#logo {
    max-height: none;
    position: static;
    top: auto;
	right: auto;
	padding: 2rem;
    text-align: left;
}
#logo img {
	height: 4rem;
	width: auto;
}
#logo a {
    display: block;
}
nav > ul {
	position: relative;
}
nav > ul:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
nav > ul:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
nav > ul > li > ul {
	min-width: 200px;
}
nav ul li > ul li {
    list-style: disc;
    margin-left: 2rem;
    display: list-item;
    box-sizing: border-box;
    text-align: left;
}
div#hauptinhalt {
    width: 66%;
    box-sizing: border-box;
    float: left;
}
div#hauptinhalt.suche, 
div#hauptinhalt.einspaltig {
    width: 100%;
    float: none;
}
div#suchergebnisse {
	width: 66%;
	float:left;
}
#copyright,
main {
    z-index: 5;
    position: relative;
}
footer:after {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
}
div#inhaltrechts {
    width: 33%;
    box-sizing: border-box;
    float: right;
}
main:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
div#navigation {
    position: absolute;
    bottom: -0.3rem;
    left: 0;
    top: auto;
    right: auto;
    width: 100%;
	background:transparent;
}
#hauptinhalt_seminar aside.rechts {
	width: 33%;
	float: right;	
}
#hauptinhalt_seminar > .inhalt_text_bild {
	width: 66%;
	float: left;	
}
#hauptinhalt_seminar #seminare,
#hauptinhalt_seminar #seminar {
	clear:both;
}
/*** BILDER ***/
.inhalt_slogan {
	background-size: cover;
    background-image: url('/medien/seiten/Startseite/kopf/2_zwei.jpg');
}
body {
	background: #fff url('../img/hintergrund.jpg') no-repeat top center fixed;
	background-size: cover;
}
#logo {
	background: #fff url('../img/euz_sonne.png') no-repeat right 1rem center;
}

#navigation ul > li > ul {
	background-image: url('../img/euz_unternavi_ecke.gif');
	background-repeat: no-repeat;
	background-position:left top;
	z-index:50;
	border:3px solid #fff;
	border-width: 0 3px 3px;
} 
nav > ul:after,
nav > ul:before {
    background-image: url('../img/klammer.png');
}

body.index #navigation ul > li > ul {
    position: absolute;
    bottom: 2.5rem;
	background-image: url('../img/euz_unternavi_ecke_start.gif');
	background-position:left bottom;
	border-width: 3px;
	padding-bottom: 0.5rem;
}

body.index main {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25vh;
    background: transparent;
}
body.index main,
body.index #hauptinhalt {
	padding:0;
}
body.index #logo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}
body.index .text p {
background: #fff;
    display: block;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
    padding: 0.2em 0.5em;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 0.45rem;
    float: left;
    clear: left;
    line-height: 1em;
    margin: 0 0.25em 0.5em;
}

body.index div#hauptinhalt {
    width: 100%;
}
body.index #kopfbild {
	background-color:#fff;
	border-bottom: 20px solid #ffd500;
}

body.index #headerslider, 
body.index #kopfbild {
	height: 90vh;
}
body.index footer:after {
	display: none;
}

footer { position:relative;}
#socialmedia {
	display: block;
	list-style:none!important;
	margin:0 auto;
	padding:0;
    text-align: center;
	position: absolute;
    bottom: 1em;
    z-index: 1001;
    width: 30%;
    left: 0;
    right: 0;
}
#socialmedia li {
	list-style:none!important;
	display: inline-block!important;
	font-size: 20px;
	margin-right: 10px;
}
#socialmedia a{
	color: #000;
}

/*** sonstiges ***/
a.weiter, a.button {
	display: inline-block;	
    box-shadow: none;
}
.artikel .text a.mehr:before {
	content: "[";
	font-style:normal;
}
.artikel .text a.mehr:after {
	content: "]";
	font-style:normal;
}
.artikel .text a.mehr {
	font-weight:bold;
	font-style:italic;
}
.artikel .text a.mehr:hover {
	text-decoration:underline;
}
.news .text p {
	display:inline;
}
.news .bilderrahmen {
    max-height: 6rem;
    overflow: hidden;
}

footer #copyright a:after {
    content: " \2022 ";
}
footer #copyright a:last-child:after {
    display: none;
}

#seminar .rechts {
    width: 33%;
    float: right;
    box-sizing: border-box;
    margin-bottom: 1rem;
}
#seminar .links {
    width: 66%;
    float: left;
}
#datenschutz_hinweis.field_wrapping { 
    word-break: normal;
}
div#datenschutz_hinweis input {
    float: left;
    margin: 0.25em 1em 3em 0;
}

/**** Bugfixes IE ***/

body.index {
	overflow:hidden;
}



    .gallery ul li {
        width: 250px !important;
        height: 200px !important;
        margin: 10px !important;
        display: inline-block !important;
        float: none !important;
    }
    .gallery ul li a {
        max-width: 250px;
        max-height: 200px;
        display: block;
    }
    .gallery img {
        min-width: 250px !important;
        width: auto !important;
        min-height: 200px !important;
        height: auto !important;
        max-width: 320px !important;
        max-height: 320px !important;
    }
    body.hidden-scroll {
        padding: 0 !important;
    }
    .sl-overlay {
        opacity: .9 !important;
    }
    .galerie ul li p {
        background: none;
    }

    .simple-lightbox button:hover {
        box-shadow: none;
    }


@media only screen and (max-device-width: 767px) and (min-device-width: 320px) {
    .referenten tr td {
        display: inline-block !important;
        width: 100% !important;
    }
}