@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

html, body {
	font-family: sans-serif;
	margin: 0;
}

.block {
  position: relative;
  margin: 0 auto;
/*  padding: 1.5em 1.25em;*/
  max-width: 60em;
/*
	background-color: red;
	background-color: #ddd;
	background-color: #ededed;
*/

}

.bildrechts {
    float: right;
    margin-left: 1em;
}

.bildlinks {
    float: left;
    margin-right: 1em;
}


.handyscreen {
  float: right;
  position:relative;
  background-image:url(../bilder/smartphone-420-840.jpg);
  background-repeat:no-repeat;
  overflow:auto;
  width: 420px;
  height: 840px;
  margin-bottom: 1em;

}

.handyscreenhalb {
  float: right;
  position:relative;
  background-image:url(../bilder/smartphone-420-840.jpg);
  background-repeat:no-repeat;
  overflow:auto;
  width: 420px;
  height: 440px;
  margin-bottom: 1em;
    left: 0px;
    top: 0px;
}

.handyinhalt {
  position: relative;
  top: 124px;
  left: 44px;
  width: 340px;
  height: auto;
}

.floatclear {
  clear:both;
}


#tabs {
  font-size: 93% !important;
}

#tabs .formbeschriftung {
  display: inline-block;
  width: 120px;
  text-align: right;
  padding-right: 1em;
}

.close-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #333333 url("../img/close-btn.svg") left center no-repeat;
  background-size: 1.875em 1.875em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .close-btn {
  background-image: url("../img/close-btn.png");
}
.close-btn:focus, .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.nav-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #333333 url("../img/nav-icon.svg") left center no-repeat;
  background-size: 1.875em 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .nav-btn {
  background-image: url("../img/nav-icon.png");
}
.nav-btn:hover, .nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#inner-wrap {
  position: relative;
  width: 100%;
}

#nav {
  z-index: 200;
  position: relative;
/*  overflow: hidden;*/
  width: 100%;
  color: #fff;
}
#nav .close-btn {
  display: none;
}
#nav .block-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#nav .block {
  z-index: 2;
  position: relative;
/*  padding: 0.75em 1.25em;*/
  background: #333333;
}
#nav ul {
  *zoom: 1;
  display: block;
}
#nav ul:before, #nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}


#nav li a:focus, #nav li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
#nav li.is-active a {
  color: #fff;
}

#top {
  z-index: 100;
  position: relative;
  color: #fff;
  background: #333333;
	height: 172px;
	background-image: url(../bilder/hintergrund-oben.jpg);
	
}

#bereichkopf {
  background-image: url(../bilder/php-kurs-com-logo.jpg);
	background-repeat: no-repeat;
/*	background-position: -16px 0;*/
	height: 172px;
/*	background-color: silver;*/
	
}

#top .block-title,
#websitetitel {
  text-align: right;
  white-space: nowrap;
	padding-top: 0.1em;
/*	background-color: hsla(0, 100%, 100%, 0.6);*/
}

#websitetitel a {
  font-size: 1.6em;
  line-height: 1.6em;

	color: white;
/*	background-color: hsla(100, 100%, 100%, 0.6);*/
}

#bereichkopf p {
	text-align: right;
/*	background-color: hsla(200, 100%, 70%, 0.5);*/
	padding-right: 1em;
	margin: 0;
	text-shadow: 1px 1px 0px black, -1px -1px 0px black, 1px -1px 0px black, -1px 1px 0px black;
}

#bereichkopf img {
    border: 0px; 
	padding-top: 25px;
}



#top .nav-btn {
  position: absolute;
  top: 1.5em;
  left: 1.875em;
}

#main {
  background: #fff;
}
#main .block {
  padding: 2.625em 1.875em;
}

footer {
  clear: both;
	border-top:1px solid silver;
}

footer[role="contentinfo"] {
  background: #ddd;
  background: #ededed;
}




#fussbereich {
/*	background-color: limegreen;*/
	overflow: hidden;
}

#fussbereich p {
	font-size: 80%;
}

#fussbereich .bildlinks {
	float: left;
/*
	width: 6.688em;
*/
	padding-right: 0.312em;
/*	background-color: red;	*/
}

#fusslinks {
/*	background-color: lime;*/
	width: 48%;
	float: left;
	margin-left: 1em;
}

#fussrechts {
	text-align: right;
	float: right;
	width: 48%;
/*	background-color: lightblue;*/
	margin-right: 1em;
}

#fussrechts p {
	margin-bottom: 0;
}


pre {
    position:relative;
    padding: 0em .8em;
    border-left: #b4c6e0 6px solid;
    display: block;
    overflow: auto;
    font-family: monospace;

    line-height: 1.5em;
    background: #eeeeee;
    margin-bottom:1em;
}

code {
   /*padding-left:.4em;*/
   /*padding-right:.4em;*/
   /*background-color: #b4c6e0;*/
   /*font-size:1em;*/
   /*font-weight: bold;*/

  color: darkgreen !important;
  font-family: "Source Code Pro", Consolas, monospace;
  font-weight: 500;
  /* font-size: 1.3em; */
  padding: 0 4px;
  /* border: 1px solid silver; */
  /* background-color: #eee; */
  letter-spacing: -0.05em;

}


kbd {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #eeeeee;
    border-color: #dddddd #bbbbbb #bbbbbb #dddddd;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 0.2em;
    font-size: 0.9em;
    padding: 0 0.4em;
    white-space: nowrap;
}

.browserfenster {
    position:relative;
    background-image:url(../bilder/browserfenster-s.jpg);
    background-repeat:no-repeat;
    padding:70px 16px 16px 16px;
    border:1px solid silver;
    overflow: auto;
    /* width: 90%; */
    margin-bottom:40px;

    /* -webkit-box-shadow: 5px 5px 15px 0px #cccccc; */
    /* -moz-box-shadow: 5px 5px 15px 0px #cccccc; */
    box-shadow: 5px 5px 15px 0px #cccccc;     
}

.browserfenster > .browsertitel {
    position:relative; top:-65px;
    padding-left: 30px;
    font-size: 9pt;
    text-shadow: 0px 0px 10px #ffffff;
    /* filter: dropshadow(color=#ffffff, offx=0, offy=0); */
}


.glasbox {
    background: url(../bilder/glassbox-r-b.gif) repeat-x top right ;
    /* background-position: right; */
    background-repeat: repeat-x;
    margin-left: 0em;
    margin-top: 1em;
    margin-right: 0em;

    margin-bottom: 0em;
    margin-bottom: 1em;
    padding-bottom: 0em;

    min-width: 30em;
    /* background-color: yellow; */
}

.glasboxkopf {
    background-image: url(../bilder/glassbox-l-b.gif);
    background-repeat: no-repeat;
    height: 28px;
    line-height: 28px;
    color: white;
    font-weight: bold;
    letter-spacing: .03em;
    padding-left: 0.7em;

    margin-bottom: 0em;
    padding-bottom: 0em;
}



#glasbox {
    background: url(../bilder/glassbox-r-b.gif) repeat-x top right ;
    /* background-position: right; */
    background-repeat: repeat-x;
    margin-left: 0em;
    margin-top: 1em;
    margin-right: 0em;

    margin-bottom: 0em;
    margin-bottom: 1em;
    padding-bottom: 0em;

    min-width: 30em;
    /* background-color: yellow; */
}

#glasboxkopf {
    background-image: url(../bilder/glassbox-l-b.gif);
    background-repeat: no-repeat;
    height: 28px;
    line-height: 28px;
    color: white;
    font-weight: bold;
    letter-spacing: .03em;
    padding-left: 0.7em;

    margin-bottom: 0em;
    padding-bottom: 0em;
}

.glasboxinhalt {
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    border-top: 0px solid #D4D4D4;
    margin: 0px;
    padding: 0.7em;
    background-color: #f6f6f6;
}

.glasboxinhalti {
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    border-top: 0px solid #D4D4D4;
    margin: 0px;
    padding: 0.7em;
    background-color: #f6f6f6;
}

#glasbox pre {
    position:relative;
    padding: 0em .8em;
    border-left: yellow 0px solid; 
    display: block;
    overflow: auto;
    font-family: monospace;

    line-height: 1.5em;
    background: #F6F6F6;
    margin-bottom:1em;
}

.glasbox pre {
    position:relative;
    padding: 0em .8em;
    border-left: yellow 0px solid;
    display: block;
    overflow: auto;
    font-family: monospace;

    line-height: 1.5em;
    background: #F6F6F6;
    margin-bottom:1em;
}

.hl_phpt { color:#ccc;color:black; }
.hl_hcom,
.hl_pcom { color:#808080;font-style:italic; }
.hl_doctype { color:#4682B4;color:black; }
.hl_htag { color:inherit; }
.hl_string { color:orange; color:#e57903; }
.hl_regex { color:#4682B4; }
.hl_number { color: green; font-weight: bold;}
.hl_bool { font-weight:bold;color:orange; color:#e57903;}
.hl_var { font-weight:bold; color: black; }
.hl_enti { color:#FF4500; }
.hl_keyw { color:blue; color:#3b64b5; }
.hl_htag1 { color:#800080;font-weight:bold; }
.hl_htag2 { font-weight:bold; }
.hl_htag3 { color:#0000FF; }

.php  {font-family:monospace;}
.php .imp {font-weight: bold; color: red;}
.php .kw1 {color: #b1b100;}
.php .kw2 {color: #000000; font-weight: bold;}
.php .kw3 {color: #990000;}
.php .kw4 {color: #009900; font-weight: bold;}
.php .co1 {color: #666666; font-style: italic;}
.php .co2 {color: #666666; font-style: italic;}
.php .co3 {color: #0000cc; font-style: italic;}
.php .co4 {color: #009933; font-style: italic;}
.php .coMULTI {color: #666666; font-style: italic;}
.php .es0 {color: #000099; font-weight: bold;}
.php .es1 {color: #000099; font-weight: bold;}
.php .es2 {color: #660099; font-weight: bold;}
.php .es3 {color: #660099; font-weight: bold;}
.php .es4 {color: #006699; font-weight: bold;}
.php .es5 {color: #006699; font-weight: bold; font-style: italic;}
.php .es6 {color: #009933; font-weight: bold;}
.php .es_h {color: #000099; font-weight: bold;}
.php .br0 {color: #009900;}
.php .sy0 {color: #339933;}
.php .sy1 {color: #000000; font-weight: bold;}
.php .st0 {color: #0000ff;}
.php .st_h {color: #0000ff;}
.php .nu0 {color: #cc66cc;}
.php .nu8 {color: #208080;}
.php .nu12 {color: #208080;}
.php .nu19 {color:#800080;}
.php .me1 {color: #004000;}
.php .me2 {color: #004000;}
.php .re0 {color: #000088;}
.php span.xtra { display:block; }


#blaettern {
	margin-bottom: 2em;
}

#nav_unten {
    margin-top: 20px;
    border-top : 1px solid silver ;
    padding-top: 20px;
    clear: both;
}

#nav_unten_zurueck {
    display: block;
    width: 45%;
    background-color: #EFEFEF;
    border-right: dotted 1px silver;
    float: left;
}

#nav_unten_zurueck span+span {
    display: block;
    margin-left: 22px;
}

#nav_unten_zurueck_pfeil {
    display: block;
    float: left;
    width: 16px;
    height:19px;
    background-image:url(../bilder/icons-links-hoch-rechts.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    vertical-align:text-top;
}

a:hover #nav_unten_zurueck {
    background-color: #DBDBDB;
}

a:hover #nav_unten_zurueck_pfeil {
    background-position: 0px -30px;
}


#nav_unten_weiter {
    display: block;
    width: 45%;
    background-color: #EFEFEF;
    border-left: dotted 1px silver;
    float: right;
}

#nav_unten_weiter span+span {
    display: block;
    text-align: right;
    margin-right: 22px;
}

#nav_unten_weiter_pfeil {
    display: block;
    float: right;
    width: 16px;
    height:19px;
    background-image:url(../bilder/icons-links-hoch-rechts.gif);
    background-position: -32px 2px;
    background-repeat: no-repeat;
    vertical-align:text-top;
}

a:hover #nav_unten_weiter {
    background-color: #DBDBDB;
}

a:hover #nav_unten_weiter_pfeil {
    background-position: -32px -30px;
}

#nav_unten_anfang {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 16px;
    height:19px;
}

#nav_unten_anfang_pfeil {
    display: block;
    width: 16px;
    height:19px;
    background-image:url(../bilder/icons-links-hoch-rechts.gif);
    background-position: -16px 2px;
    background-repeat: no-repeat;
    vertical-align:text-top;
}

a:hover #nav_unten_anfang_pfeil {
    background-position: -16px -30px;
}

.tab_inhalt,
#main table {
    width: 100%;
    margin-bottom: 2em;
    border-collapse:collapse;
    /* -webkit-box-shadow: 5px 5px 15px 0px #cccccc; */
    /* -moz-box-shadow: 5px 5px 15px 0px #cccccc; */
    box-shadow: 5px 5px 15px 0px #cccccc;
    
}

.tab_inhalt th,
#main th {
    padding: 4px 6px;
	background-color: silver;
}

.tab_inhalt td,
#main td {
    padding: 4px 6px;
    border: 1px;
    border-bottom: 1px dotted silver;
}

.tab_inhalt thead,
#main thead {
    background-color: #B3D6F6;
}

.tab_inhalt tr:nth-of-type(odd),
#main tr:nth-of-type(odd) {
    background-color: #F6F6F6;
}

.tab_inhalt tr:nth-of-type(even),
#main tr:nth-of-type(even) {
    background-color: #F1F1F1;
}

.tab_inhalt tr:last-child ,
#main tr:last-child  {
    border-bottom: 1px solid black;
}


.tab_inhalt tr:hover,
#main tr:hover { 
    background:yellow;
}



figure {
    border: 1px solid black;
    /*padding: 10px 10px 0 10px;*/
    margin-bottom: 1em;
    box-shadow: 8px 8px 50px #666;
    margin-top: 30px;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
}

figure { 
  display: block; 
  position: relative; 
  overflow: hidden; 
}

figcaption { 
  position: absolute; 
  background: rgba(0,0,0,0.75); 
  color: white; 
  padding: 8px 16px; 
  opacity: 0.85;
  bottom: 0; 
  left: 0;
  border-radius: 0 20px 0 0;
  border-top: 3px solid black;
  border-right: 3px solid black;
}

figure:hover figcaption {
  opacity: 0;
    background-color: red;

  bottom: -10%;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
}








@media screen and (min-width: 60.0625em) {
	#wprojekte {
      margin: 0 auto;
      max-width: 910px;    
  }

  #wrapper_nav_nor	 {
/*		background-color: yellow;*/
/*
		width: 55.0625em;
		margin: 0 auto;
*/
/*		min-height: 200px;*/
/*		border: 1px solid red;*/
		
		  position: relative;
		  margin: 0 auto;
		  max-width: 60em;		
		
		overflow: hidden;
	}	
		

	#main,
	#main .block {
/*		margin-left: 450px;*/
/*		background-color: orange;*/
		float: right;
		padding: 0;
/*		width: 680px;*/
		width: 42.5em;
    
/*		width: 41em;*/
/*		margin-left: 1em;*/
/*		margin-right: 1em;*/
/*	 	margin-top: 1em;*/
	}

	#main h1 {
		margin-bottom: 0;
	}
	
	#main h2
	{
		font-size: 1.1em;
		margin-bottom: 0;
		padding-bottom: 0;
		margin-top: 1.8em;
		
	}
	
	
	#main p {
		margin-top: 0;
		margin-bottom: 1.4em;
	}
	
	#main p,
  #main ul,
	#main ol
	{
		width: 33em;
		line-height: 1.6em;
	}
	
#main ul li,
#main ol li
  {
    margin-bottom: 0.3em;
  }
  

	#steuerungoben {
		background-color: black;
		overflow: hidden;
		line-height: 1.8em;
	}
	
	#steuerungoben li {
		display: inline-block;
/*		width: 15em;*/
		margin-right: 5em;
		list-style-type: none;
	}
	
	#steuerungoben li:last-child  {
		float: right;
		margin-right: 2em;
	}
	
	#steuerungoben a {
		color: white;
		text-decoration: none;
	}
	#steuerungoben a:hover {
		color: white;
		text-decoration: underline;
	}
	
	
	#nav {
/*		background-color: limegreen;*/
		float: left;
/*		padding: 0;*/
		margin: 0;
	}

	#nav {
		margin: 0.3em 1em;
/*		padding-left: 1em;*/
	}

	
  #top .nav-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  #nav .close-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #nav .block-title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #nav ul {
/*    text-align: center;*/
/*    white-space: nowrap;*/
	  float: left;
/*	  width: 200px;*/
/*	  width: 12.5em;*/
/*
	  background-color: yellow !important;
*/	  background-color: #eeeeee !important;

/*	  background-color: white  !important;*/
  }

	#nav .block {
/*
		margin: 0;
		background-color: red;
*/
	}
	
	#nav ul li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	
	#nav li {
/*    display: inline-block;*/
/*    border-right: 1px solid rgba(255, 255, 255, 0.1);*/
  }
  #nav li:last-child {
    border-right: none;
  }
  #nav li a {
/*    padding: 0.42857em 0.85714em;*/
  }
	
	
	

	#nav {
/*		box-sizing: border-box;*/
/*		width: 245px;*/
		width: 15.5em;
		float: left;

/*		background-color:#eeeeee !important;*/
/*		border-right:1px solid silver;*/
		font-size:.8em;
		margin-bottom:1em;
	}

	#nav a {
	  color:black;
	  text-decoration:none;
    width: 100%;
    display: inline-block;
	}

	#nav li a {
	  font-size: 0.875em;
	}	
	
	#nav li a {
	  color: #333333;
	}


	#nav strong {
		color: red;
	}

	#nav li a:hover {
	  color:red;
	}
	
	.dsteu_normal {
/*		background-color: white !important;*/
		background-color: #eeeeee !important;

	}

	.dsteu1 > a, 
	.dsteu2 > a, 
	.dsteu3 > a, 
	.dsteu4 > a, 
	.dsteu5 > a, 
	.dsteu6 > a, 
	.dsteu7 > a, 
	.dsteu8 > a, 
	.dsteu9 > a, 
	.dsteu10 > a, 
	.dsteu11 > a, 
	.dsteu12 > a, 
	.dsteu13 > a, 
	.dsteu14 > a, 
	.dsteu15 > a, 
	.dsteu16 > a {
/*		margin-top:20px !important;*/
		padding-top:20px !important;
/*		color: black !important;*/
/*		background-color: aquamarine !important;*/
/*		display: inline-block;*/
		display: inline-block;
/*		background-color: #ee00ee;*/
/*		height: 2em;*/
/*		overflow: hidden;*/
		border-left: 10px solid orange;
		padding-left: 4px;
/*		padding-top: 10px;*/
		margin-bottom: 8px;
		line-height: 1.4em !important;
		
		width: 100%;
		background-color: silver;
	} 	
	
	.dsteu1 > a:hover, 
	.dsteu2 > a:hover,  
	.dsteu3 > a:hover,  
	.dsteu4 > a:hover,  
	.dsteu5 > a:hover,  
	.dsteu6 > a:hover,  
	.dsteu7 > a:hover,  
	.dsteu8 > a:hover,  
	.dsteu9 > a:hover,  
	.dsteu10 > a:hover,  
	.dsteu11 > a:hover,  
	.dsteu12 > a:hover,  
	.dsteu13 > a:hover,  
	.dsteu14 > a:hover,  
	.dsteu15 > a:hover,  
	.dsteu16 > a:hover {
		border-left: 10px solid red;
		background-color: silver !important;
	} 	
	
	
	#nav ul li li {
/*		border-left: 10px solid orange !important;*/
		padding-left: 14px;
	}
	
	#nav ul {
		padding-left: 0 !important;
	}
	
	#nav ul li {
	  font-weight: bold;
	  line-height: 1.3em;
/*	   border-bottom:1px solid black; */
/*		margin-top:17px;*/
		margin-bottom:7px;

/*		background-color: orange;*/
/*		background-color: silver;*/
		color: black;
		font-weight: bold;
/*		border-left: 10px solid #eee;*/
	}
	
	
	#nav ul li ul li {
		margin-top:0px;
		border: 0;
	  	font-weight: normal;
		background-color: yellow;
/*		background-color: silver;*/
/*		background-color: #eee;*/
/*		background-color: white;*/
/*		list-style-type: square;*/
	}

	#nav ul ul ul,
	#nav ul li li li {
	  font-weight: normal;
	  list-style: square;
/*	  margin-left: 17px;*/
	  margin-left: .6em;
		list-style-position: inside;
		margin-bottom: 0px;
/*	  width: 210px;*/
/*		color: red;*/
/*		background-color: limegreen;*/
		list-style: square outside none !important;

    padding-left: 0px !important;



	}

/*
	#nav ul li li li a {
	  width: 213px;
	}
*/

	#nav ul li li li  {
	  width: 170px;
	}
	
	#main img {
    max-width: 680px;
		/*max-width: 100%;*/
		height: auto;
	}	
	
}


@media screen and (max-width: 60em) {
	#steuerungoben {
		display: none;
	}

	#main img, 
	.bild_verkleinerbar {
		max-width: 100%;
		height: auto;
	}

	#main h1 {
		margin-bottom: 0;
	}
	
	#main h2
	{
		font-size: 1.1em;
		margin-bottom: 0;
		padding-bottom: 0;
		margin-top: 1.8em;
	}
	
	#main p {
		margin-top: 0;
		margin-bottom: 1.4em;
    line-height: 1.5em;
	}	
	
	#nav li {
	  display: block;
	}	
	#nav li a {
	  display: block;
	}
	#nav li a {
	/*  display: block;*/
	  color: #ccc;
	  font-size: 0.875em;
	  line-height: 1.28571em;
	  font-weight: bold;
	  outline: none;
	}

	.kl_screen_ausblenden {
		display: none;
	}

	#fusslinks, #fussrechts {
/*	background-color: lime;*/
	width: 100%;
	float: none;
	margin-left: 1em;
	margin: 0 1em !important;
		text-align: left;
	}

	#fusslinks p, #fussrechts p {
		margin-left: 1em;
		margin-right: 3.5em;
		margin-top: 0.4em;
		margin-bottom: 0.4em;
	}

	
	
	#nav {
	  overflow: hidden;
	}	


  #nav {
    position: absolute;
    top: 0;
    padding-top: 5.25em;
  }
  #nav:not(:target) {
    z-index: 1;
    height: 0;
  }
  #nav:target .close-btn {
    display: block;
  }
  #nav .close-btn {
    position: absolute;
    top: -3.75em;
    left: 1.875em;
  }
  #nav .block {
    position: relative;
    padding: 0;
  }
  #nav li {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav li.is-active:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -0.03125em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-right: 0.625em white solid;
  }
  #nav li a {
    padding: 0.85714em 2.14286em;
  }

  .js-ready #nav {
    height: 100%;
    width: 70%;
    background: #333333;
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }
  .js-ready #nav .block {
    background: transparent;
  }
  .js-ready #nav .close-btn {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .js-ready #nav {
    left: -70%;
  }
  .js-ready #inner-wrap {
    left: 0;
  }

  .js-nav #inner-wrap {
    left: 70%;
  }

  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -webkit-transition: opacity 300ms 100ms ease, -webkit-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  .csstransforms3d.csstransitions.js-nav #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



/* Cookie Consent CSS mit K2 Anpassungen */
.cc_banner-wrapper{z-index:9001;position:relative}
.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}
.cc_container .cc_message{font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}

@media screen and (min-width: 500px){
 .cc_container .cc_btn{font-size:0.8em}
 .cc_container .cc_message{font-size:0.8em}
}

@media screen and (min-width: 768px){
 .cc_container .cc_btn{font-size:1em}
 .cc_container .cc_message{font-size:1em;line-height:1em}
}

@media screen and (min-width: 992px){
 .cc_container .cc_message{font-size:1em}
}

@media print{
 .cc_banner-wrapper,.cc_container{display:none}
}

.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px}
.cc_container .cc_btn{padding:8px 10px;background-color:#f1d600;background-color:black;
  cursor:pointer;transition:font-size 200ms;text-align:center;font-size:0.6em;display:block;width:33%;margin-left:10px;float:right;max-width:80px}
.cc_container .cc_message{transition:font-size 200ms;font-size:0.6em;display:block}

@media screen and (min-width: 500px){
 .cc_container .cc_btn{font-size:0.8em}
 .cc_container .cc_message{margin-top:0.5em;font-size:0.8em}
}

@media screen and (min-width: 768px){
 .cc_container{padding:15px 30px 15px}
 .cc_container .cc_btn{font-size:1em;padding:8px 15px}
 .cc_container .cc_message{font-size:1em}
}

@media screen and (min-width: 992px){
 .cc_container .cc_message{font-size:1em}
}

.cc_container{background:#eee;background:black;color:#222;color:white;opacity:0.96;font-size:17px;font-family:Arial,sans-serif;box-sizing:border-box;border-top:1px solid #ccc}
.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}
.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#000;background-color:#f1d600;background-color:limegreen;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}
.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#d7bf00;color:#000}
.cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;transition:200ms color}
.cc_container a:hover,.cc_container a:active{color:#555}

@-webkit-keyframes slideUp{
 0%{-webkit-transform:translateY(66px);transform:translateY(66px)}
 100%{-webkit-transform:translateY(0);transform:translateY(0)}
}

@keyframes slideUp{
 0%{-webkit-transform:translateY(66px);-ms-transform:translateY(66px);transform:translateY(66px)}
 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

.cc_container,.cc_message,.cc_btn{animation-duration:0.8s;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;-webkit-animation-name:slideUp;animation-name:slideUp}

/** {
  box-sizing: border-box;
}

#nav {
  box-sizing: border-box;
  border: 2px solid red;
  width: 220px;

}
*/


#nav ul li.dsteu_hight {
  /*background-color: yellow !important;*/
  /*display: block;*/
  /*clear: both;*/
    /*border-left: 10px solid red;*/
    /*padding-left: 4px;*/

    /*padding-top:20px !important;*/
    /*background-color: #333;*/
}

#nav ul li.dsteu_hight li {
  /*background-color: lime !important;*/
    /*margin-top: 8px;*/
}


#nav ul li li.dsteu_hight {
  background-color: transparent !important;
    /*border-right: 5px solid red;*/
  background-color: yellow !important;

    border-left: 0 solid red;
    padding-left: 1em;
    /*padding-top: 8px !important;*/
}

#nav ul li ul li.dsteu_hight {
  background-color: lime !important;
    /*margin-left: 2em;*/
    list-style-type: disc !important;
    display: inline-block;
}


#nav li li {
  /*background-color: lime !important;*/
}

#nav li li li {
/*  background-color: orange !important;
  list-style-type: disc;
  color: red;
  margin-left: 1em;
  padding-left: 1em;*/

}








.phpvs,
.ajaxvs,
.jqueryvs,
.jsvs,
.css,
.cssvs,
.css_code,
.txtvs,
.textvs,
.htaccessvs,
.codebeispiel_css,
.html5{font-family:monospace;background-position:top right;background-repeat:no-repeat !important;position:relative;padding:0.6em .8em;padding:1em .8em;border-left:#b4c6e0 6px solid;display:block;overflow:auto;font-family:monospace;font-size:1em;line-height:1.5em;background-color:#eeeeee;margin-bottom:1em;min-height:3em;}
.cssvs,
.css,
.css_code,
.codebeispiel_css{border-left:limegreen 6px solid;z-index:100 !important;}
pre[class*="cssvs"]::before{content:'CSS';}
pre[class*="html5"]::before{content:'HTML';}
pre[class*="txtvs"]::before{content:'.txt';}
pre[class*="jsvs"]::before{content:'JavaScript';}
pre[class*="htaccessvs"]::before{content:'.htaccess';}
pre[class*="jsvs"]::before,
pre[class*="txtvs"]::before,
pre[class*="htaccessvs"]::before,
pre[class*="html5"]::before,
pre[class*="cssvs"]::before{color:white;font-family:Arial, sans-serif;font-size:1.6em;font-weight:bold;display:block;position:absolute;right:10px;top:10px;border-radius:3px;text-shadow:1px 1px 10px #666;opacity:0.6;}
.jsvs{border-left:#8800ee 6px solid;}
.ajaxvs{border-left:brown 6px solid;}
.jqueryvs{border-left:#91a500 6px solid;}
.phpvs{border-left:#00729a 6px solid;}
.css50{}
.css75{}
.css100{}
.html100{}
.html75{}
.html50{}
.html5 .kw2{color:#3333BB;font-weight:bold;}
.html5 .kw3{color:#008000;font-weight:bold;}
.html5 .sy0{color:black;}
.html5 .st0{color:#259BE4;}
.html5 .sc-1{color:#808080;font-style:italic;}
.html5 .sc0{color:#2277AA;font-style:italic;}
.html5 .sc1{color:#555555;}
.html5 .sc2{color:black;}
.css{font-weight:bold;}
.css .imp{font-weight:bold;color:red;}
.css .br0{color:black;}
.css .nu0{color:#555555;font-weight:normal;}
.css .co1{color:#2277AA;font-style:italic;font-weight:normal;}
.css .sy0{color:black;font-weight:normal;}
.css .kw1{color:#3333BB;font-weight:bold;}
.css .re0{color:#FF7F2A;font-weight:bold;}
.css .re1{color:#60A11E;font-weight:bold;}
.css .re3{color:#259BE4;font-weight:normal;}
.css .kw2{color:#1B74AA;font-weight:normal;}
.css .coMULTI{color:#808080;font-weight:normal;}
.css .co2{color:#800080;font-weight:normal;}
.css .st0{color:#800080;font-weight:normal;}
.javascript{font-family:monospace;}
.javascript .imp{font-weight:bold;color:red;}
.javascript .kw1{color:#000066;font-weight:bold;}
.javascript .kw2{color:#003366;font-weight:bold;}
.javascript .kw3{color:#000066;}
.javascript .co1{color:#006600;font-style:italic;}
.javascript .co2{color:#009966;font-style:italic;}
.javascript .coMULTI{color:#006600;font-style:italic;}
.javascript .es0{color:#000099;font-weight:bold;}
.javascript .br0{color:#009900;}
.javascript .sy0{color:#339933;}
.javascript .st0{color:#3366CC;}
.javascript .nu0{color:#CC0000;}
.javascript .me1{color:#660066;}
.javascript span.xtra{display:block;}
.html1-comment{color:#008000;}
.html1-djangotemplate{color:#804000;}
.html1-escapeampersand{color:#008000;font-weight:bold;}
.html1-identifier{color:#007D00;font-weight:bold;}
.html1-reservedword{color:#3351C9;font-weight:bold;}
.html1-space{color:#008080;font-style:italic;}
.html1-symbol{font-weight:bold;}
.html1-template{color:#FF6600;}
.html1-text{}
.html1-unknownword{color:#FF0000;font-weight:bold;}
.html1-value{color:#259BE4;}
.jscript1-comment{color:#008000;font-style:italic;}
.jscript1-event{}
.jscript1-identifier{}
.jscript1-non-reservedkeyword{}
.jscript1-number{color:#000080;}
.jscript1-reservedword{font-weight:bold;}
.jscript1-space{color:#008080;font-style:italic;}
.jscript1-specialvariable{color:#66D9EF;}
.jscript1-string{color:#800000;}
.jscript1-symbol{}
.multi1-marker1{color:#000000;}
.multi1-marker2{color:#000000;}
.multi1-marker3{color:#000000;}
.multi1-marker4{color:#000000;}
.multi1-marker5{color:#000000;}
.multi1-marker6{color:#000000;}
.multi1-marker7{color:#000000;}
.multi1-marker8{color:#000000;}
.multi1-marker9{color:#000000;}
.css1-colorvalue{}
.css1-comment{color:#808080;font-style:italic;}
.css1-number{color:#800080;}
.css1-property{font-weight:bold;}
.css1-reservedword{color:#800000;font-weight:bold;}
.css1-space{color:#008080;font-style:italic;}
.css1-string{color:#008000;}
.css1-symbol{color:#000080;font-weight:bold;}
.css1-text{}
.css1-undefinedproperty{color:#8000FF;font-weight:bold;}
.css1-value{color:#0000FF;}
.multi1-marker10{color:#000000;}
.multi1-marker11{color:#000000;font-weight:bold;}


#wprojektekmpl {
  background-color: hsl(203,77%,30%);
  background-color: #115A88;
  background-color: #505050;
}

#wprojekte {
  color: #ddd;
  font-size: 9pt;
  padding: 6px 10px;
  line-height: 1.5em;
}

#wprojekte ul {
  margin: 0 !important;
  padding-left: 1.2em !important;
}

#wprojekte li {
  padding: 0 !important;
  margin-left: 0 !important;
}

#wprojekte strong {
  font-size: 9pt;
  color: silver;
  letter-spacing: 0.1em;
}

#wprojekte a {
  color: white;
  text-decoration: none;
}

#wprojekte a:hover {
  text-decoration: underline;
}

#wprojekte a[href^="https://"] {
  background: none;
  padding-left: 0px;
}

#wprojekte ul li {
  font-size: 8pt;
  line-height: 1.5em;
  margin-left: 1.4em;
  list-style-type: square;
}

#wprojekte #spalten {
    display: flex;
}

#wprojekte #spalte1,
#wprojekte #spalte2,
#wprojekte #spalte3 { flex: 1; }<br />
<b>Deprecated</b>:  Directive 'allow_url_include' is deprecated in <b>Unknown</b> on line <b>0</b><br />