/*layout */
* {margin:0;padding:0;}
body {
	font-family:verdana;
	font-size:14px;
	background: #7D7D7D;
}
@font-face {
  font-family: 'Fredericka the Great';
  font-style: normal;
  
  src: local('Fredericka the Great'), local('FrederickatheGreat'), url(../media/ftgreat.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.clear {
	clear:both;
}
h1, h2, h3 {	font-family: 'Fredericka the Great', cursive; padding:30px 0 18px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);font-weight:normal;}
h1 {font-size:2.2em}
h2 {font-size:2.0em}
h3 {font-size:1.5em;font-weight:normal}

ul, ol {padding-left:20px;margin-bottom:15px}
#logobg {/*background:url(../img/logo.png) no-repeat;*/height:auto;position: relative;z-index: 1;top: 100px;}
header {height: auto;}
#head{	height: auto;	font-family: 'Fredericka the Great', cursive;	background: #323232;	overflow: hidden;position:relative;}
#head h1 {font-size:100px;text-shadow: 2px 2px 1px #fff,2px 2px 1px #fff;display: inline-block;padding: 5px 20px;margin:30px}
#head i {font-style: unset;text-shadow: 2px 2px 1px #fff,2px 2px 1px #fff;position: relative;    top: -60px}
#head strong {padding:4px;border-radius:4px;font-weight:normal;position: absolute;left: 7%;top: 95px;background: rgba(255,255,255,0.3)}
#headslider img{width: 100%;position: absolute;top:0px;left: 0px;}
#headslider > div { position: absolute;  top: 0px;   left:0px;  right: 0px;   bottom: 0px; }
main {clear:both;}
#content {box-shadow: 3px 4px 30px #505050;background:url(../img/bg3.jpg) #eed8bb;position:relative;z-index:1;border-radius:5px}
#content_oben {padding: 35px 3% 3%;}
#rechtespalte {
	color:#fff;
	float:right;
	width:200px;
	min-height:10px;
	text-align: center;
}
#linkespalte {
	background-color:#ccc;
	float:left;
	width:200px;
	min-height:10px;	
}
#linkespalte b {font-family: 'Fredericka the Great', cursive; padding:10px 20px 10px;display:inline-block;font-size:140%;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);font-weight:normal;}
#linkespalte ul{font-family:verdana;text-shadow:none;font-size:14px;}
footer {clear:both;color:#FFFFD4;padding:20px}
footer a, footer > div {color:#ffffd4; float:right; margin-right:20px}
footer #zeit {   color: #333;  font-size: 80%;}

/*Formulare*/




.formular .button {
/*	margin:30px;*/
}
.formular .fehlerm {color:red;padding:3px}
.formular .fehler {border:1px solid red;}
.formular label {
	font-weight: bold;
	width:120px;
	display:inline-block;
	padding:2px;
	text-align:right;
	color:#888;
	margin-top:15px;
    text-shadow: 1px 1px 1px #b3b3b3;
}
.formular label.pflicht  {
	color:#000;
}
.cms .text {	white-space:pre-line;}
.cms .text span {font-size:13px}
.cms .text ul {	white-space:normal;}
.cms .termininfo {margin:20px 0;}
.cms .text img {margin:10px}
.cms .text .txt {padding: 10px;    background: #ffffff7d;}
.editfront.button {position:absolute;top:60px;right:50px;background:red}


.cms {  display: flex;  flex-direction: column;}
.cms .zeile {  display: flex;  flex-wrap: wrap;}
.cms .links,.cms .rechts,.cms .block {  flex-grow: 1;  padding: 10px;  box-sizing: border-box;flex-basis: 50%;}
.cms img {  max-width: 100%;  height: auto;}

.cms blockquote {display:none}
.cms .show-more {padding: 3px;
border-radius: 3px;
background: #696f74;
border: 1px groove white;
color: white;
position: relative;
top: 16px;
text-decoration: none;
font-weight: bold;}
.cms .text .floatleft {float:left; padding:20px}
.cms .text .floatright {float:right; padding:20px}
.sceditor-button-floatleft div { background: url("../img/icons.png") 0 0!important}
.sceditor-button-floatright div { background: url("../img/icons.png") 0 -16px!important}
.sceditor-button-h2 div { background: url("../img/icons.png") 0 -32px!important}
.sceditor-button-h3 div { background: url("../img/icons.png") 0 -48px!important}
a.more::after {
    border-radius: 100%;
    bottom: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.48);
    content: "";
    height: 50%;
    left: 10%;
    position: absolute;
    right: 10%;
    width: 80%;
    z-index: -1;
	
}
a.more {
    background: #fff;
    border-radius: 2px;
    margin: 20px 5% 60px;
    padding: 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    position: relative;
	color: black;
	text-decoration:none;
	display:block;
	position:relative;
}

a.more:hover div::after {position:absolute;
font-size:40px;color:#666;right:5px;bottom:5px;z-index:3;
    content: "mehr...";
	font-family: 'Fredericka the Great', cursive;
	
	
} 


input , textarea{
	width:200px;
	margin:10px;
	padding: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #aaa;
	-webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
	-moz-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
	box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
}
input:focus , textarea:focus{
	outline:0;
	border:1px solid #95D2DF;
	-webkit-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10);
	-moz-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10);
	box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10);
}
input.fehler , textarea.fehler{
	outline:0;
	border:1px solid #ff0000;
	-webkit-box-shadow:inset 0 0 5px 4px rgba(194,20,60, 0.10);
	-moz-box-shadow:inset 0 0 5px 4px rgba(194,20,60, 0.10);
	box-shadow:inset 0 0 5px 4px rgba(194,20,60, 0.10);
}
.button {
	text-decoration:none;
	width: auto;
    background-color: #555555;
    border-color: rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 10px 20px;
    position: relative;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);

	filter: alpha(opacity=100);
    opacity: 1;
}
.button.new {background:green}
.button.edit{background:orange}
.button.delete{background:red}


.button:hover, .button:focus, .button:active {
    background-color: #3A80B3;
    color: #FFFFFF;

}
/* loginfeld*/
form.login {
}
form.login label{display: inline-block; text-align: right;    width: 30%;;}
form.login input, form.login textarea{
	width:auto;
	margin: 0 auto;
	position:relative;
	display:inline-block;
} 
form.login h1{
	padding:5px;
	font-size:10px;
}
/*loginfeld angemeldet*/
form.logout {
	float:right;
}
form.logout input.button {
	background-image: url("../img/exit.png");
    background-position: top center;
    background-repeat: no-repeat;
    padding: 19px 3px 3px;
	margin: 0 8px 0 0;
	text-align:center;
}


/* special */

.transparent, input, textarea {
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.8;
}
form.register {
	width:370px;
	
}
code { font-family: monosize; white-space: pre; }

.fehler0 {border: 1px solid green; border-radius: 6px;color: green; font-weight: bold;padding: 10px;background:rgba(214,255,204,0.5);}
.fehler1 {border: 1px solid red; border-radius: 6px;color: red; font-weight: bold;padding: 10px;background:rgba(255,204,204,0.5);}
	
/* MENU NAVIGATION */
header nav {width:100%;display: table;position: absolute;z-index:2;   top: 0;}
header nav  a {width: 95px;font-family: 'Fredericka the Great', cursive;color:#000;padding:30px 15px;display: table-cell; float: none; text-align: center; font-size: 1.4em;text-decoration:none;background: #fff7;border: 1px solid #6b6b6b59; font-weight:bold}
header nav a:hover {/*box-shadow:0 0 5px #000 inset*/ color: #fff; text-shadow: 1px 1px 3px #000;}
/*header nav a:nth-child(1) { background-image:url("../img/n1.png")}
header nav a:nth-child(2) { background-image:url("../img/n2.png")}
header nav a:nth-child(3) { background-image:url("../img/n3.png")}
header nav a:nth-child(4) { background-image:url("../img/n4.png")}
header nav a:nth-child(5) { background-image:url("../img/n5.png")}
header nav a:nth-child(6) { background-image:url("../img/n6.png")}

/*links navi*/
#navkurse > ul {padding:0;margin:0;display:none}
#navkurse{cursor:pointer;}
#navkurse:hover >ul{display:block}
#navkurse > ul > li {position:relative;padding: 10px 5px 10px 8px;}
#navkurse ul ul{display:none; position:absolute;right:-240px;z-index:2;top:0;width:240px}
#navkurse li {list-style:none; background:#eee;box-shadow:1px 1px 3px rgba(0,0,0,0.4)}
#navkurse >ul >li:before {content:"» ";font-family: 'Fredericka the Great';}
#navkurse li:hover {background:orange}
#navkurse > ul > li:hover ul {display:block}	
#navkurse a {color:black;text-decoration:none;display:block;padding: 10px 10px 10px 16px;}
#linkespalte .e1 {box-shadow: 0px 4px 6px rgba(0,0,0,0.1);}
#linkespalte .e1  a{display:block;font-weight:normal}
	
#rechtespalte {padding-top:50px;position:absolute}	
#rechtespalte a {font-family: 'Fredericka the Great', cursive;color:#fff;font-size:20px;display:block}
#rechtespalte li a {font-family: 'Verdana';color:#fff;font-size:15px;display:block;text-align:left}
	
.infobox {background:rgba(255,236,139, 0.50);border: 1px solid #FFB90F; padding:5px; border-radius:5px; } 
.infobox .sign{width:20px;height:19px;background-position:-120px -91px;background-image:url("../img/glyphicons-halflings.png");display: inline-block;}
.abstand {margin:20px 25px 0 0}
.infobox.fehler {background:rgba(159,0,0, 0.30);border: 1px solid #9f0000; padding:5px; border-radius:5px; } 
.infobox.fehler a{color:#fff; } 
.infobox.fehler .sign{width:20px;height:19px;background-position:0px -115px;background-image:url("../img/glyphicons-halflings.png");display: inline-block;}

hr {margin:10px}
.viewbox{position:fixed;top:0;left:0;z-index:9000;width:100%;height:100%;background:rgba(0,0,0,0.7);}
/* auto layout */


#content.kurse ul{
	background: rgba(255,255,255,0.7);
    border-radius: 2px;
    padding: 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    position: relative;
	color: black;
	text-decoration:none;
	display:block;
	position:relative;
}
#content.kurse ul h3{
	padding-top:0px;
}
#content.kurse ul li{
	margin-left:40px;
}
#content.termine ul {
    list-style-type: none;
}
#content.termine li.wdh1:not(:has(~ li.wdh1)) {
    margin-bottom: 10px;color:red
}
#content.termine ul {padding-left: 0;}
#content.termine .wdh28 a {display:block}

@media (max-width: 1000px){
	header {    height: auto;}
	#head {height: auto}
	header nav a {
		padding:15px 0;
		vertical-align: middle;
	}
	#head h1 {		  font-size: 78px;	}
	#head .logobreak {display:none}
	/*header nav{top:auto;position:relative}
	header {height:auto}*/
	#content{margin:0px}
	#linkespalte,#zeit {display:none}
	.cms .text img {margin: 1%;  width:100%;}
	h1 { font-size: 1.6em;}
	h1,h2,h3 {padding: 18px 0 18px;}
	#content_oben {  padding: 3% 3% 3%;}
	
	#logobg {height: auto;    position: sticky;  top: 15px;margin-top: 34px;    overflow: hidden;}
	#head i {top:auto;margin-left: 10px;white-space: nowrap;}
	
	/*#head,#logobg {height:auto}*/
}
@media (max-width: 600px){
	header nav a {
		font-size: 0.7em;
		font-family: sans-serif;
	}
	header {    height: auto;}
	#head {height: auto}
	#head h1 {  font-size: 58px;}
	
	#logobg {height: auto;    position: sticky;  top: 15px;margin-top: 34px;}
	#head i {top:auto;margin-left: 10px}
	#headslider img {height:100%; width:auto}
	
}