/*
Theme Name: impulse
Theme URL: https://impulse-schule.de
Author: Thomas Schmitz
Author URL: cs-schmitz.de
Description: Dies ist eine einfache Beschreibung für das Impulse Theme
Version: 1.0
Lizense: GNU Gerenal Public License  v2
Lizense URL: http://www.gnu-org/licenses/glu-2.0.html
Tags: one-colum, right-sidebar, responsive-layout
*/

/* @viewport {width: device-width;} */

/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* BOX MODELL * * * * * * * * */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }


html {
font: 12pt Verdana, Helvetica, Arial, sans-serif;
	/* margin-top: 1rem; */
	background: #c8c8c8;
	color: #341616;
}

/* RASTER * * * * * * * * */

.wrapper {
	margin: 0 auto; /* Zentriert das Layout */
	max-width: 140em; /* Definiert die maximale Gesamtbreite des Layouts */
	/* text-align: center; */
	/* padding-top: 1rem; */
}

.haupt {
  color: #341616;
}

.row {
	/* background: none; */
	/* margin-bottom: 25px; */
}

.example .row{
	/* background: none; */
}

.column{
	float: left; /* floaten der Spalten */
	padding-left: 1%; /* Abstand zwischen den Spalten */
	padding-right: 1%;
	/* margin-bottom: 1rem; */
}

li span{
	/* background: none; */
	/* display: block; */
	/* padding: 2rem; */
	color: #341616;
  /* font-size: 1.0em; */
	/* font-weight: bold; */	
}

	/* SPALTEN * * * * * * * * */
	.span_1, .span_2, .span_3, .span_4, .span_5, .span_6 , .span_7, .span_8, .span_9, .span_10, .span_11, .span_12 {width: 100%;}
	.ausblenden {display: none;}
	.ausblenden_1200 {display: none;}
	.einblenden {display: block;}
	.einblenden_1200 {display: block;}

ol, ul {
	list-style: disc;
  margin-left: 12pt;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* Hier geht's los mit eigenem Code */

/*Schriftgröße */
#site-title	{font-size: 2em; font-weight: bold;}

/* Links */
a 			{color: #341616; text-decoration: none;}
/*h1 a 		{text-decoration: none;}*/
a:hover 	{color: orange;}
a:active 	{color: orange;}
footer a	{color: white; text-decoration: none;}
div#header a{color: #0B3168; text-decoration: none;}

/* Bilder */
img 		{max-width: 100%; height: auto;}

/* Menü */
nav#menu_haupt ul 		{list-style: none;}
nav#menu_haupt li a 	{background: lightgray; padding: 0.5em; display: block; margin-top: 1px; text-decoration: none;}
nav#menu_haupt li a:hover {color: #fff; background: darkgray;}
nav#menu_haupt ul ul li a {padding-left: 1.5em;}
nav#menu_haupt ul ul ul li a {padding-left: 3em;}

nav.menu_footer li {line-height: 1.2;}

ul.menu_fb {list-style-type: disc; list-style-position: outside; margin-left: 1em; color: #0859B5}

/* Artikel */
article		{border-bottom: 1px solid lightgrey; padding-bottom: 0em; margin-bottom: 0em;}
header		{font-size: 1em}
/* header h1	{font-size: 1.2em;} */
header h1 a	{color: black;}
header h1 a:hover	{color: orange;}

/*Widget */
aside		{font-size: 0.9em;}
/* aside h2	{font-size: 1em; font-weight: normal; color: orange;} */
aside li	{list-style: none;}
li.widget	{margin-bottom: 2em;}

/* Header */
div#header {background-color: #8FB8F0; padding-top: 0.5em; color: #0B3168; font-size:0.8em;}

/* Footer */
footer		{font-size: 0.8em; color:white; text-align: left; padding:1em; background-color: #0B3168;}

/* Hintergünde */
.verlauf_bl {
  background: linear-gradient(to bottom, #F5F5F5, #DDE9FC);
  background: -prefix-linear-gradient(top, #F5F5F5, #DDE9FC);
}

.verlauf_or {
  background: linear-gradient(to bottom, #F5F5F5, #FFEBBE);
  background: -prefix-linear-gradient(top, #F5F5F5, #DDE9FC);
}

.teaser {
	padding: 10px 10px;
}
@media screen and (min-width: 768px){
	
html {font-size: 11pt}
  
  /* SPALTEN * * * * * * * * */

	.span_1 {
	  width: 12.5%;
	}
	.span_2 {
	  width: 25%;
	}
	.span_3 {
	  width: 37.5%;
	}
	.span_4 {
	  width: 50%;
	}
	.span_5 {
	  width: 62.5%;
	}
	.span_6 {
	  width: 75%;
	}
	.span_7 {
	  width: 87.5%;
	}
	.span_8 {
	  width: 100%;
	}
  
	.ausblenden {display: block;}
	.einblenden {display: none;}
	
	/* Menü in die Horizontale legen */
	nav#menu_haupt li {float: left;}
	nav#menu_haupt ul {width: 100%; float: left; background: lightgray; margin-bottom: 1.5em;}
	
	/* Untermenüs */
	nav#menu_haupt li ul 			{display:none;}
	nav#menu_haupt li:hover ul 	{display: block; position: absolute; width: auto;}
	nav#menu_haupt li:hover ul li 	{float: none;}				/* Unterpunkte in neue Zeilen */ 
	nav#menu_haupt ul ul li a 		{padding-left: 0.5em;}		/* Abstand zurücksetzen */
	
	/* UnterUntermenüs */
	nav#menu_haupt li:hover ul ul 	{display:none;}
	nav#menu_haupt ul ul li:hover ul	{display: block; position: absolute; width: auto;}
	nav#menu_haupt ul ul ul li a 		{padding-left: 1em;}

  .menuleft {list-style-type: square; list-style-position: outside; margin-left: 1em; color: #0859B5}
  .menuleft ul {list-style-type: disc; list-style-position: outside;  margin-left: 1em;color: #0859B5}
  .menuleft li, .menuleft li li {list-style: unset}

  /* Klick auf Tel-Nr deaktivieren */
a.tel {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}  
  /* Accordion lnks */
	.content {display: none}
	.bar {cursor: pointer}

.teaser {
	padding: 10px 25px;
}
}

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

  /* SPALTEN * * * * * * * * */

	.span_1 {
	  width: 8.3333333333%;
	}
	.span_2 {
	  width: 16.6666666666%;
	}
	.span_3 {
	  width: 25%;
	}
	.span_4 {
	  width: 33.3333333333%;
	}
	.span_5 {
	  width: 41.6666666666%;
	}
	.span_6 {
	  width: 50%;
	}
	.span_7 {
	  width: 58.3333333333%;
	}
	.span_8 {
	  width: 66.6666666666%;
	}
	.span_9 {
	  width: 75%;
	}
	.span_10 {
	  width: 83.3333333333%;
	}
	.span_11 {
	  width: 91.6666666666%;
	}
	.span_12 {
	  width: 100%;
	}

  
  .ausblenden_1200 {display: block;}
	.einblenden_1200 {display: none;}  
}