/*!
changes 2020 by cblte <https://github.com/cblte/bludit-theme-pmfws>

Licensed under the WTFPL License.
https://de.wikipedia.org/wiki/WTFPL

*/

html {
  overflow-y: scroll; /* hack by https://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/ */
}

body {
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
    font: 1.125em/1.5 'Avenir Next', 'HelveticaNeue-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #30302F;
    background-color: #efe /*#F4F4F2; */
}

/* BLOCK STYLES */ 
header {
  margin: auto;
  display: block;
}

main {
  display: block;
  margin: 20px auto;
  padding: 0 20px;
}

footer {
  display: block;
  margin: auto;
}

h1,
h2,
h3 {
  line-height: 1.2;
  color: #c560ff;
  
}

h4 {
  color: #c560ff;	
}

img {
  width: 100%;
  height: auto;
}

blockquote {
  font-style: italic;
}

a, a:visited {
  color: #1253A4;
}

a:hover {
  color: #F26964;
}

.hakerl li {
	list-style-type: " ✓ ";
}

.preistab {
   width: 250px;
   display: block;
   float: left;
}
.preistab1 {
   width: 300px;
   display: block;
   float: left;
}
.preistab2 {
   width: 350px;
   display: block;
   float: left;
}
.csstab {
   width: 350px;
   display: block;
   float: left;
}
.tablinks {
   display: block;
   float: left;
} 
.tabrechts {
	width: 100%;
	text-align:right;
   display: block;
} 

.kostengru {
	margin-top: 2em;
}	

/* LOOKING GOOD */

/* ================= Hamburger ===================== */

	/*----- Navi-Menü -----*/	
		nav {
			margin: 0px auto;
			width: 100%;
			height: 3.5em; /* Abstand Inhalt (!) nach oben 11*/
			text-align: right;
			font-size: 90%; 
			position: relative;
			background: #efe;
			border-bottom: 1px solid white;
			-webkit-transition: all 0.8s ease;
			-moz-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
			transition: all 0.8s ease;
		}	
		nav ul {
			margin: 0;
			padding: 1.5em 0 0 0;	/* Dicke Desktop-Menü */
			height: 40vh;  /*höhe mobil-menü Hintergrund, Farbe in Media Screen */
						Background: #efe;
		}
		nav ul li {			
			list-style: none;
			margin: 0;
			display: inline;
		}
		nav ul li a {
			color: #c560ff; /* Farbe der Menüschrift ohne Hamburger */
			position: relative;
			padding: 0 0 0.5em 0;
			display: inline-block;
			text-decoration: none;
			text-transform: uppercase;
		}
		nav ul.menu li a:hover {
			color: #03405f;	/* Farbe der Menüschrift ohne Hamburger */
			border-bottom: 2px solid #03405f;
		}		
	/*----------------*/
	
	
	/*----- Media Queries -----*/
		@media screen and (min-width: 961px) {
			nav ul.menu {
				max-height: 20px; /* Zeilenhöhe Normalmenü */
			}			
			a#nav-m, a.close {
				display: none;
			}
			nav ul li {
				margin: 0 30px 0 0; /* Abstand der Menüpunkte untereinander (rechts) */
			}			
		}


		@media screen and (max-width: 960px) {	
			/*Formatierung Mobiles Menue*/				
			nav ul {
				top: 7em; /* Position Mobil-Menü 10em */
				position: absolute;
				background: #efe;	
				opacity: 0.85;
				/*background: rgba(200,200,200,0.95);*/
				width: 100%;
				left: -100%; /* ??? */

				list-style-type:none;
				margin: 0;
				padding: 0;				
				transition:all .6s ease;
				-webkit-transition:all .6s ease;
			}
			nav ul li{
				display: block;
				text-align: left;
				padding: 0em 0.5em;
				border-bottom: 1px solid #fff;
			}	
			nav ul li a {
				color: #555;
				padding: 1em 0;				
			}
			nav ul.menu li a:hover {
				border-bottom: 0;
			}			

			/*Hamburger-Icon*/
			a#nav-m img, a.close img {
				width: 40px;
				height: auto;
			}			
			nav > .close,
			a#nav-m:target {
				display: none;
			}

			a:target ~ ul,
			a:target ~ .close {
				display: inline-block;
			}
			
			a:target ~ .close {
				position: absolute;
				margin-left: -40px;
			}		

			a:target ~ ul {
				left: 0;
			}
		}
	/*--------------------------------------*/		
	/* ================= Hamburger Ende ===================== */
	
	/* um die oberhalb der Sprungziele zu landen */
	
	.sprungziel {visibility: hidden; height: 0px; position: absolute; margin: -100px;}