/*
     Design & Copyright by www.netz-schmiede.de
     Do not use without permission
     Simple responsive layout

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/



/* ------ Basics 1 ------ */

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus { outline: 0;}

ol, ul {list-style-tpye: none;}

table {border-collapse: separate; border-spacing: 0;}

caption, th, td {font-weight: normal; text-align: left;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

cite {
	
	font: 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	
}

cite:before, q:before {
	content: " »";
}
cite:after, q:after {
	content: "«";
}

a img {border: 0;}

article1, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}





/* ------ small line on top ------ */
#line {
     background-color:#DB4455;
     height:6px;
     width:100%;
    
}


/* ------ Alignment ------ */

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.475em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.475em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Text elements */

p {margin-bottom: 1.475em;}

ul, ol {margin: 0 0 1.475em 2.2em;}


ul {list-style: url(grey-square.png);}
/* macht auch den text grau, nicht nur bullte WA: span mit color black 
ul {list-style: square;}
ul > li { color:#999999;}
*/
ol {list-style-type: decimal;}

ol ol {list-style: upper-alpha;}

ol ol ol {list-style: upper-roman;}

ol ol ol ol {list-style: lower-alpha;}

ul ul, ol ol, ul ol, ol ul {margin-bottom: 0;}

dl {margin: 0 1.475em;}

dt {font-weight: bold;}

dd {margin-bottom: 1.475em;}



i {font-style: italic;}

cite {font-style: italic; color:#333333; font-size:88%;}

div#footer2  cite {font-style: italic; color:#cccccc; font-size:100%;}
div#footer2  cite {font-style: italic; color:#cccccc; font-size:100%;}

em  {color:#1A0DAB; font-weight: 400;  letter-spacing:0.06em; }
u  {color:#DB6612; font-weight: 400;   text-decoration:none; }
strong {font-weight: bold; color:#121958;   letter-spacing:0.03em;}

strike, del, s {text-decoration: line-through;}


pre {
	background-color:#ededed;
	margin:0 0 30px 0;
	padding:30px 30px 30px 40px;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	font-size:15px;
	line-height:20px;
}

code, kbd, samp, var {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}

address {
	display: block;
	margin: 0 0 1.475em;
}

ins {
	background: #ffccaa;
	text-decoration: none;
}

sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {bottom: 1ex;}

sub {top: .5ex;}




/* ------ Links ------ */

a {
	color:#DF4E33;
	text-decoration: none;
	
	
}


/* url im klar text hinter dem Link 
a:after {
    content: " (" attr(href) ")";
} 
*/
#container a:before {content:"» ";color:#FF0000;}
a.more-link {
	text-decoration: underline;
}


#container .image a:before {content:none; color:#FFFFFF;} /* class mus im übergeordneten Element aufgerufen werden nicht im a tag selber */

div#content .pbig2 {margin:0.9em 0.5em 0.1em 0.4em; text-align:justify; line-height:1.5em;}
.nobullet   {list-style: none;}
div.bild-down img {float:left; margin:0.4em 2em 2em 0.4em;}
a:focus,
a:active 
 {
    color:#DF4E33;
	text-decoration: none;

}

a:hover {
    color:#DF4E33;

	text-decoration: underline; 
}
/* ------ bullet points ------ */

#content a:visited {color:#7C9CAA; }

#nav1 ul  {list-style: none;}
 .nav2 ul {list-style: none;}
#content .nav2 li  {margin: 0em 0em 0.6em 0em; list-style: none;}

.nav li.akta{background-color:#DDDDDD;}
.nav li.aktd a{}

/* ------ Headings ------ */

h1, h2, h3, h4, h5, h6 {font-weight: 500;}

h1 {font-size: 1.14em; line-height: 1.4em;  color: #DF4E33;}
h2 {font-size: 1.02em; line-height: 1.3em;}
h3 {font-size: 1.3em; line-height: 2.5em;}
h4 {font-size: 1.1em; line-height: 2.8em;}
h5 {font-size: 1.0em; line-height: 2.3em;}
h6 {font-size: 0.9em; line-height: 2.6em;}


#content .article1 h2 {font-size: 1.0em; color: #DF4E33;}
#content .article1 h3 {font-size: 1.4em;}
#content .article1 li  {margin-bottom: 0.4em;}


#content .article-title h2 {font-size: 1.0em; color: #DF4E33;}
#content .article-title h3 {font-size: 0.8em;}



/* ------ Tables ------ */

table {
	border-bottom: 1px solid #ddd;
	margin: 1em 0 2em 0;
	width: 100%;
}

th {
	color: #666;
	font-size: 1.1em;
	font-weight: 500;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 3.1em;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ddd;
	text-align: left;
	padding: 0.9em 0.9em 0.9em 0.1em;
}


/* ------ Images ------ */

img {
	display: block;
	margin-top:2em;
	border:0;
	margin-bottom: 2em;
	max-width: 92.5% !important;
	box-shadow: 0 1px 3px #9e9e9e;
}

img.meta {
    display: inline;
	margin-top:0;
	margin-bottom:0;
	box-shadow: 0 0 0px #c5c5c5;
}

img.smiley {
	display: inline;
	margin-top:0;
	margin-bottom:0;
	box-shadow: 0 0 0px #c5c5c5;
}

.thumbborder {
    margin: auto;
    border: 3px solid #BF1C2C;
    padding: 10px;
}

/* ------ Navigation ------ */

#container {
	margin:20px auto 20px auto;
	max-width:66em;

}

#nav {
	background-color: #ffffff;
	box-shadow: 0 1px 3px #9e9e9e;
	clear: both;
	display: block;
	margin:2em 0 0 0;
	
	font-family: Helvetica;
	width: 100%;
}

#nav ul {
	font-weight: bold;
	font-size: 14px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding-left: 0;
}

#nav li {
/* regulate the menue items*/	
	display:inline-block;

	width:16.0em;
	font-size:1.2em;
}

#nav a {
	color: #69686A;
	display: block;
	line-height: 3.333em;
	border-left:1px solid #ebebeb;
	padding: 0px 1.2125em 0px 1.2125em;
	text-decoration: none;
}



#nav li:hover > a,
#nav ul ul :hover > a,
#nav a:focus {
	background: #efefef;
}

#nav li:hover > a,
#nav a:focus {
	background: #f9f9f9;
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5));
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}

#nav ul li:hover > ul {
	display: block;
}

#nav .current-menu-item > a,
#nav .current-menu-ancestor > a,
#nav .current_page_item > a,
#nav .current_page_ancestor > a {
	color:#DF4E33;
}

#nav .current-menu-item:hover > a,
#nav .current-menu-ancestor:hover > a,
#nav .current_page_item:hover > a,
#nav .current_page_ancestor:hover > a {
	color:#DF4E33;
}


/* ------ Title ------ */

#toptitle {
	width:98%;
	text-align: left;
	margin: 30px auto 0 0px;
	padding-left: 4px;
	padding-right: 4px;
}

#sitetitle {
	width:100%;
	font-family: Helvetica;
	font-weight: 100;
	color: #69686A;
	font-size: 2.7em;
}

#sitedescription {
	width:100%;
	font-family: Helvetica;
	color: #8d8d8d;
	margin:9px 0 0 0px;
	font-weight: 100;
	font-size: 1.5em;
	letter-spacing: .07em;
}


/* ------ Header ------ */



#header {
	margin:30px 0 30px 0px;
	width:100%;
/*	box-shadow: 0 1px 3px #9e9e9e; */
}


/* ------ Layout ------ */

iframe {
	 /* Very important setting to keep the layout with onyl a few words of text */
	width:70%;
	
	height:22em;
	margin-bottom: 30px;
}

#content {
	width:100%;
	margin-top:2.5em;
	display:flex;
}

#articles {
	width:100%; /* Very important setting to keep the layout with onyl a few words of text */

	
	margin-bottom: 30px;
}

#full-width-articles {

    width: 98%;
	
	margin-bottom: 30px;
}




/* ------ Articles ------   	min-width: 43em;  padding:50px 50px 40px 50px; */

.article1 {
	box-shadow: 0 1px 3px #9e9e9e;
	background-color: #fff;
	margin:30px 0px 0px 0px;
	color: #69686A;
    padding:1.8rem 2.4rem 1.2rem 2.4rem;
    font-family: Helvetica;
    line-height: 27px;
}



.article1:first-child {
	margin:30px 0 0 0;
}

.post-title {
	font-size: 13px;
	text-align: left;
	font-weight: 500;
	letter-spacing: 0.1em;
	width:90px;
	text-transform: uppercase;
	color:#fff;
	width:600px;
	margin:-20px -20px 2em -50px;
	padding:8px 50px 8px 50px;
	background-color: #DF4E33;
}

.line-one {
    background-color:#d2d2d2;
    height:1px;
	margin:33px 0 20px 0;
	width:100%;
}

.article1 .article-title {
	font-size:28px;
	line-height: 37px;
	margin:0 0 20px 0;
	padding:0 0 15px 0;
	border-bottom: 1px dotted #a9a9a9;
}



.article-meta {
    margin:0px 0 10px 0;
	font-size: 14px;
}

/* ------ Sidebar Search ------ */
input.search-sidebar {
	width:175px;
	border:0;
	background-color: #f6f6f6;
	border:1px solid #dadada;
	outline: none;
	font-size:16px;
	color:#acacac;
	font-family: Helvetica;
	font-weight: 100;
	padding:12px 15px 12px 15px;
	margin:0px 30px 0px 30px;
	-webkit-transition: 0.6s;
   -moz-transition: 0.6s;
   -o-transition: 0.6s;
}

input.search-sidebar:focus {
    outline: none;
	border:1px solid #dadada;
	color:#676767;
}
/* ------ Sidebar ------ */
#sidebars {
    margin-left:2em;

}
#sidebar {
	box-shadow: 0 1px 3px #9e9e9e;
	margin:30px 0px 30px 30px;
	background-color: #fff;
    padding:30px 30px 30px 0px;
    color: #69686A;

    font-family: Helvetica;
    line-height: 27px;
}

#sidebar table {
    padding-left:0.6em;
}




.sidebar-head:first-child {
	margin:0px 0 0 0;
}

.sidebar-head {
	margin:30px 0px 0px 0px;
}

.sidebar-heading {
	font-size: 13px;
	text-align: left;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
	color:#fff;

	margin:0px 0px 20px 0px;
	padding:5px 20px;
	background-color: #DF4E33;
}

.textwidget {
	margin-left:30px;
}	
/* ------ Clear ------ */

.clear {
	clear: both;
}

/* ------ Categories ------ */

div.category-links {
	width:600px;
	margin:30px 0 0 0px;
}

ul.post-categories {
	list-style-type: none;
	margin:-5px 0 0 0px;
}

div.category-links a {
	background-color: #efefef;
	padding:0px 10px;
	float:left;
	margin:10px 10px 0 0;
	font-size: 14px;
	border-radius: 5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	color: #515151;
}

#footer, #footer2 {
	text-transform: uppercase;
	font-family: Helvetica;
	font-weight: 100;
    font-size: 12px;
    letter-spacing: .2em;
	text-align: center;
	margin-top: 8em;
	color:#D3D3D3;
	background-color: #313233;
	min-height:7em;
	padding: 20px 20px 20px 20px;
	
}

#footer  p {text-transform: none; }
#footer a {color:#D3D3D3;}
#footer2 {
	color:#F3F3F3;
	background-color: #1F1F1F;
	min-height:2em;
	margin-top: 0px;
	padding: 20px 20px 20px 20px;
}

.videoWrapper {

	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	width:auto!important;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*-------------------------------------------------------*/

/*
	margin-left: 10px;
	margin-right: 10px;
*/	
	
body {overflow-y:scroll;
	
	border:solid 0px #dddddd;
	margin: auto;
	padding: 0em;
}

.fmt-quote p {
	margin-bottom:1.0em;
	padding-bottom:0.5em;
font-size:1.1em;
 border-style: solid;
 border-width: 0px 0px 2px 0px;
  border-color: #CCCCCC;
}

.fmt-author {font-size:0.9em;

}	
/* ------ Colors ------ */


a:focus,
a:active,
a:hover, #nav .current-menu-item > a,
#nav .current-menu-ancestor > a,
#nav .current_page_item > a,
#nav .current_page_ancestor > a, #nav .current-menu-item:hover > a,
#nav .current-menu-ancestor:hover > a,
#nav .current_page_item:hover > a,
#nav .current_page_ancestor:hover > a, a {
	color:#DF4E33;
}


.sidebar-heading, #button2, #button, .edit-link, .post-title, input[type=submit], a.comment-edit-link, a.comment-reply-link, #line, table[id=wp-calendar] thead, table[id=wp-calendar] th  {
	background-color:#DB4455;
}

blockquote {
	border-left:3px solid #DF4E33;
}

/* #F2F1ED  #DB4455 */

body {
	margin: 0;
	padding: 0;
	background-color: #F4F2EF;
	font-size:102%;
}

/* --------------------------- */
/* ------ Media Queries ------ */
/* --------------------------- */

/*
min-width:20em;
max-width:26em;	
*/

@media (min-width:64em) {
#sidebar	{max-width:28em;}	
}
@media (max-width:53.99em) {
	
body {

	font-size:96%;
}	
	
#content {
	margin-left:0.4em;
	margin-right:0.4em;
	width:98%;
	display:flex;

	flex-direction: column;
}

h1 {font-size:0.9em;}
#content h2 {font-size:0.7em;}
#content h3 {font-size:0.6em;}
#articles {
margin:0px;
padding:0px;
}
.article1 {
    padding:0.9rem 0.6rem 0.2rem 0.6rem;
	margin:0px;
}
#sidebars {
	margin-left:0em;
}

#sidebar {
	margin-left:0em;
}
.nav2 {
	font-weight:bold; font-size:110%; 
}

.nav2 li {
	 margin-bottom:0.9em!important;
}
}

/* --------------------------- */
/* ------ END Media Querry --- */
/* --------------------------- */



.btn-danger{background-color:#f44d3c;}
.btn-qg{border-radius:30px;border:1px solid #f9a69d;background:#fff;color:#f44d3c;}
.btn-qg:hover{border:1px solid #f44d3c;color:#f44d3c;}
.btn-pill{border-radius:30px;}
.text-danger,a.text-danger{color:#f44d3c;}
.btn-huge{padding:14px 18px;font-size:22px;}

#section3 {background:linear-gradient(45deg,#fdcbde 0%,#f4f4a6 33%,#b4edf3 66%,#fdcbde 100%)!important;background-size:cover;color:rgba(0,0,0,.2);}
.homesection {background:linear-gradient(45deg,#fdcbde 0%,#f4f4a6 33%,#b4edf3 66%,#fdcbde 100%)!important;color:#333!important;padding-top:50px;padding-bottom:50px;}
.homesection h1,.homesection h2{font-weight:200;}
.homesection h2{font-size:32px;margin-top:15px;}
#section4{background-color:#f6f6f6;color:#444;}
#section2{background-color:#fff;padding-top:15px;padding-bottom:10px;}

#section3{background-color:rgba(0,0,0,0.9);}
#section5{background-color:#fff;}
#section6{background-color:#eee;min-height:130px;padding-top:40px;padding-bottom:40px;}
#section7{background-size:cover;color:#f6f6f6;min-height:130px;padding-top:40px;padding-bottom:40px;border-top:1px solid #ccc;}
#section7 a{color:#999;}
#section7 a:hover{color:#f44d3c;}
.homesection .btn{background:rgba(255,0,0,.5);color:#fff;border:none;font-weight:300;margin:0 5px;padding:9px 25px 11px;border-radius:6px;margin-top:20px;}


.staticsection {
	padding-top:30px;
	padding-bottom:40px;
	background:linear-gradient(45deg,#fdcbde 0%,#f4f4a6 33%,#b4edf3 66%,#fdcbde 100%)!important;
}
.staticsection h1 {
	margin-top:10px;
	font-weight:100;
	color:#333;
}
.container-fluid {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;

}

.v-center {
	
}


.text-left {
	text-align:left
}
.text-right {
	text-align:right
}
.text-center {
	text-align:center
}
.text-justify {
	text-align:justify
}
.text-nowrap {
	white-space:nowrap
}
.text-lowercase {
	text-transform:lowercase
}
.text-uppercase {
	text-transform:uppercase
}
.text-capitalize {
	text-transform:capitalize
}
.text-muted {
	color:#777
}
.text-primary {
	color:#337ab7
}
a.text-primary:hover {
	color:#286090
}
.text-success {
	color:#3c763d
}
a.text-success:hover {
	color:#2b542c
}
.text-info {
	color:#31708f
}
a.text-info:hover {
	color:#245269
}
.text-warning {
	color:#8a6d3b
}
a.text-warning:hover {
	color:#66512c
}
.text-danger {
	color:#a94442
}
a.text-danger:hover {
	color:#843534
}


div#content

 
.st01{font:bold			0.9em 	"Georgia", Times; 					color:#FF6666;}
.st02{font:normal		1.0em 	"Arial Narrow", Arial;     	 		color:#6EBF03;}
.st03{font:normal		1.0em 	"Microsoft Sans Serif", Geneva;   	color:#CC0033;}

.st04{font:normal		0.94em 	"Microsoft Sans Serif", Geneva;   	color:#009900; letter-spacing: 0.06em;}
.st05{font:normal		1.0em 	"Times New Roman", Times; 	 		color:#CDC51D;}
.st06{font:italic		1.0em 	"Lucida Console", Arial; 	 		color:#6699FF;}
.st07{font:normal		1.0em 	"Bodoni Black"; 	       	 		color:#44C944;}
.st08{font:normal		1.0em 	"Modern", Arial; 		 			color:#FF6633;}
.st09{font:normal		1.0em 	"Verdana", Arial; 		 			color:#009999;}
.st10{font:normal		0.9em 	"New Berolina"; 		 			color:#FF3333;}
.st11{font:normal		1.0em 	"Courier New", Courier; 	 		color:#0000FF;}
.st12{font:italic		0.85em 	"Comic Sans MS"; 		 			color:#336600;}
.st13{font:normal		0.9em 	"Tahoma"; 			 				color:#999900;}
.st14{font:normal		1.0em 	"Monaco"; 			 				color:#FF9900;}
.st15{font:normal		1.0em 	"Bookman Old Style"; 	 			color:#B30047;}
.st16{font:normal		1.0em 	"Century Gothic Old Style"; 		color:#009900;}
.st17{font:lighter		1.0em 	"Bitstream Charter Times"; 	 		color:#C81E1C;}
.st18{font:normal		1.0em 	"Palatino Linotype"; 	 			color:#DD8823;}
.st19{font:normal		1.0em 	"Verdana", Arial; 		 			color:#004080;}
.st20{font:lighter		0.96em 	"Trebuchet MS", Helvetica;			color:#679D38;}
.st21{font:lighter		0.96em 	"Trebuchet MS", Helvetica;			color:#B35812;}
.st22{font:normal		1.0em 	"Arial Narrow", Arial;     	 		color:#666666;}
.st23{font:normal		1.1em 	"Arial Narrow", Arial;		 		color:#60ADB5;}
.st24{font:normal		1.1em 	"Lucida Sans Unicode", Arial; 		color:#F2B380;}
.st31{color:#FF6666;} /* hellrot */
.st32{color:#6CB709;} /*  hellgrün #8AB74E;*/
/* Abwechselnd je Zeile*/
.st33{color:#6B754D;}
.st34{color:#6B956D;}

.st35{color:#ADC88A;} /* hellgrün  */

.st41{font:normal		1.06em 	"Rockwell"; 	       				color:#CC0033;  letter-spacing: 0.03em;}
.st42 {font:normal		1.1em 	"Microsoft Sans Serif", Geneva;   	color:#009900; letter-spacing: 0.03em;}
/* grün - orange*/
.sto0 {color:#B35812;}
.sto1 {color:#A33812;}
.sto2 {color:#C35518;}
.sto3 {color:#E58942;}
.sto4 {color:#F2B380;}
.sto5 {color:#FCAF81;}


.stg0 {color:#6B754D;}
.stg1 {color:#6B956D;}
.stg2 {color:#8A8F57;}
.stg3 {color:#A6A78A;}
.stg4 {color:#A0A783;}
.stg5 {color:#C7CEAC;}

/* Farbe für wechslende Dialog*/
.fab1  {color:#2f4f4f;}
.fab2  {color:#00008b;}
.fab0  {color:#000080;}


.intend1  {margin-left:2em;}

/* Ausrichtung von Text*/
.txright {text-align:right;}
.txleft {text-align:left;}
.txcent {text-align:center;}
.txjust {text-align:justify;}

.su01{color:#FF6666 !important;}
.su02{color:#6EBF03 !important;}
.su03{color:#CC0033 !important;}
.su04{color:#009900 !important;}
.su05{color:#CDC51D !important;}
.su06{color:#6699FF !important;}
.su07{color:#44C944 !important;}
.su08{color:#FF6633 !important;}
.su09{color:#009999 !important;}
.su10{color:#FF3333 !important;}
.su11{color:#0000FF !important;}
.su12{color:#336600 !important;}
.su13{color:#999900 !important;}
.su14{color:#FF9900 !important;}
.su15{color:#B30047 !important;}
.su16{color:#009900 !important;}
.su17{color:#C81E1C !important;}
.su18{color:#DD8823 !important;}
.su19{color:#004080 !important;}
.su20{color:#679D38 !important;}
.su21{color:#B35812 !important;}
.su22{color:#666666 !important;}
.su23{color:#60ADB5 !important;}
.su24{color:#F2B380 !important;}