/*
**********************************************
***      created by Boris Schmakowski      ***
***          www.schmakowski.de            ***
**********************************************
*/

/*----------- normalize -------*/

html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/*----------- reset -----------*/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, form, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, main, menu, nav, section, summary, time, mark, audio, video { background: transparent; font-size: 100%; vertical-align: baseline; border: 0; outline: 0; margin: 0; padding: 0; }

html { background: #fff; font: normal 1em/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; color: #333; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; -webkit-overflow-scrolling: touch; }

aside { display: inline-block; }


/*----------- basics -----------*/

object, img, a { outline:none; border:0; }
strong, b { font-weight: bold; }
small { font-size: .875em; }
strike, del { text-decoration: line-through; }
pre, code, kbd, samp { font-family: Consolas, "Lucida Console", Monaco, monospace; font-size: .875em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
sub, sup { font-size: .75em; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
mark { background: #ff6; padding: 1px 3px; }
blockquote { font-style: italic; border-left: 2px solid #07f; margin-bottom: 1.5em; padding: 1.125em 1.5em 1px; }
dl {  }
dt { font-weight: bold; }
dd {  }
dd + dt, dd + dd { margin-top: 1.5em; }
hr { display: block; height: 0; border: 0 none; border-top: 1px solid #384749; margin: 2.5em 0; }
ul { list-style: disc outside; margin-left: 1.5em; padding: 0 0 1em 0; }
ul ul { margin-bottom: 0; }
ol { list-style: decimal outside; margin-left: 1.5em; padding: 0 0 1em 0; }
ol ol { margin-bottom: 0; }

.clr 	{ clear:both; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


/*---- lets go ----*/

#wrapper-a,
#wrapper-b,
#wrapper-c,
#wrapper-d,
#foot_container {
    max-width: 900px;
    margin: 0 0 0 30%;
    padding: 0 20px 0 0;
}

@media all and (max-width: 847px)
{
	#wrapper-a,
	#wrapper-b,
	#wrapper-c,
	#wrapper-d,
	#foot_container {
	    max-width: 900px;
	    margin: 0 0 0 0;
	    padding: 0 10px 0 10px;
	}
}


section#content {
	text-align: left;
	padding: 50px 0 50px 0;
}

#leftcolumn {
	width: 29%;
	float: left;
}
#rightcolumn {
    width: 29%;
	float: right;
	padding: 5px 0 0 0;
}
#content_out {

}
#content_outleft {
	float:right;
	width: 65%;
}
#content_outmiddle {
	float:left;
	width: 40%;
	margin: 0 1%;
}
#content_outright {
	float:left;
	width: 65%;
}

@media all and (max-width: 790px)
{
	div#content_outleft, div#content_outright, div#content_outright {
		float:none;
		width: 100%;
	}
	div#leftcolumn, div#rightcolumn {
		width: 100%;
		float: none;
		padding: 10% 0 0 0;
	}
}


.cols-1	{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1 {
        width:44%;
        float:left;
}
.cols-2 .column-2 {
        width:44%;
        float:right;
        margin:0
}

.cols-3 .column-1 {
        float:left;
        width:27%;
        margin-right:3%
}
.cols-3 .column-2 {
        float:left;
        width:27%;
        margin-left:0;
}
.cols-3 .column-3 {
        float:right;
        width:27%;
}
.items-leading, .items-row {
        overflow:hidden;
}
.items-row, .leading-0, .leading-1, .leading-2, .leading-3, .leading-4, .leading-5 {
        margin-bottom: 25px;
}
.column-2 {
        width:55%;
        margin-left:40%;
}
.column-3 {
        width:30%
}

/*---- startseite ----*/

div.startteaser {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}

div.startteaser > div {
	order: 1;
	flex-grow: 0;
	flex-basis: auto;
	align-self: stretch;
	width: 30%;
	text-align: center;
	position: relative;
}

div.startteaser > div img.startpic {
	width: 100%;
	height: auto;
	border-radius: 10px;
	border: 4px solid rgb(243, 145, 24);
	margin-bottom: 10px;
	-webkit-transition: all 0.35s ease;
       -moz-transition: all 0.35s ease;
        -ms-transition: all 0.35s ease;
         -o-transition: all 0.35s ease;
            transition: all 0.35s ease;
}
div.startteaser > div img.startsvg {
	width: 55%;
	height: auto;
}
div.startteaser > div a {
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	color: transparent;
	opacity: 0;
}

div.startteaser > div:hover img.startpic {
	border: 4px solid #ffffff;
	-webkit-transition: all 0.45s ease;
       -moz-transition: all 0.45s ease;
        -ms-transition: all 0.45s ease;
         -o-transition: all 0.45s ease;
            transition: all 0.45s ease;
}


/*---- Background Giraffe ---*/

div#background {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
}
div#background div {
	width: 27%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.9;
}
div#background div svg {
	width: auto;
	height: 90vh;
	position: absolute;
	bottom: 5px;
	right: 0;
}

html.m-start {
	background-color: rgba(243, 145, 24, 1);	/* #F29018 */
}
html.m-start div#background div {
	opacity: 1;
}

/*---- Layout und Background wenn kleiner 847 ---*/

@media all and (max-width: 847px)
{
	#wrapper-a,
	#wrapper-b,
	#wrapper-c,
	#wrapper-d,
	#foot_container {
	    max-width: 900px;
	    margin: 0 0 0 0;
	    padding: 0 10px 0 10px;
	}
	div#background {
		display: none;
		visibility: hidden;
		opacity: 0;	
	}
}


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

div#headtop123 {
	padding: 30px 0 20px 0;
}



div#headtop1 {
	width: 40%;
	display: inline-block;
}
div#headtop1 img {
	width: 100%;
	height: auto;
	max-width: 300px;
}
div#headtop1 a {
	border: none;
}
div#headtop1 div.justmobile {
	display: none;
}

@media all and (max-width: 847px)
{
	div#headtop1 div.justmobile {
		display: block;
	}
	div#headtop1 div.nomobile {
		display: none;
	}
}
@media all and (max-width: 600px)
{
	div#headtop1 {
		width: 80%;
		display: block;
	}
}



div#headtop3 {
	display: inline-block;
	width: 50%;
	float: right;
	text-align: right;
	color: #F29018;
	font-size: 0.9em;
	margin-top: 35px;
}
@media all and (max-width: 1000px)
{
	div#headtop3 {
		margin-top: 5px;
	}	
}
@media all and (max-width: 600px)
{
	div#headtop123 {
	    padding: 20px 0 10px 0;
	}
	div#headtop3 {
		display: block;
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
}

div#headtop3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#headtop3 ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	padding-left: 20px;
}
div#headtop3 ul li.active a {
	color: #555555;
	text-decoration: none;
	border: none;
}
body.m-start div#headtop3 ul li a {
	color: #ffffff;
}
body.m-start div#headtop3 ul li a:hover {
	border-color: #ffffff;
}

/*---- footer ----*/

footer {
	padding: 0 0 50px 0;
	letter-spacing: 0.05em;
	font-size: 0.95em;
}

html.m-start div#foot123 {
	padding: 50px 0 0 0;
	border-radius: 10px;
	text-align: center;
	color: #ffffff;
}
html.m-start div#foot123 a {
	color: #ffffff;
}

html.m-start section#content {
	padding: 50px 0 0px 0;
}


/*---- pagenav ----*/

ul.pagenav {
	list-style-type: none;
	display: block;
	margin:20px 0 0 0;
	width:100%;
}
ul.pagenav::after {
	content: " ";
	font-size: 0px;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
ul.pagenav li {
	display:inline-block;
	padding: 0;
	margin:	0;
}
ul.pagenav li {
	line-height:2em
}
ul.pagenav li.previous {
	padding: 0 25px 0 0;
}
ul.pagenav li.next {

}
ul.pagenav li a {
	text-decoration: none;
}
ul.pagenav li i {
	display: inline-block;
    height: auto;
    line-height: auto;
    width: auto;
}
/*---- pagination ----*/

div.pagination {
}
div.pagination ul {
    list-style-type: none;
    margin: 50px 0 0 0;
    padding: 0;
    text-align:left;
}
div.pagination li {
    display: inline-block;
    padding: 0 25px 0 0;
    margin:	0;
    font-size: 20px;
}
div.pagination li.disabled a {
	color: #bbbbbb;
}
div.pagination li.active a {
	text-decoration: none;
	font-weight: bold;
}
div.pagination li.active a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #00574b;
}

p.counter {
	font-weight:bold;
	text-align:right;
	clear:both;
}

p.readmore:before {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

/*--- system msg ---*/

div#system-message {
	font-weight:bold;
	font-size:15px;
}
div#system-message .alert {
	color: red;
	background-color: #fff;
	border: 1px solid;
	padding: 5px 30px;
	margin: 0 0 10px 0;
}

/*---- cookiehint ----*/

#cookiehint {
	width: 100%;
	padding: 1% 0 1% 0;
	position: fixed;
	background-color: rgba(255, 255, 255, 0.6);
	border-top: 1px solid #ffffff;
	z-index: 9999999;
	bottom: 0px;
}

#cookiehint .cookiecontent {
	color: #000000;
	max-width: 80%;
	margin: 0 auto;
	padding: 0 20px;	
}
#cookiehint .cookiecontent p {
	margin: 0;
	padding: 0;
}

#cookiehint a {
	text-decoration: none;
}
#cookiehint a:hover {
	text-decoration: none;
}

#cookiehint .cookiebuttons {
	float: right;
	margin: 8px 0 0 20px;
}
#cookiehint .cookiebuttons .btn {
	padding: 15px !important;
	margin: 0;
	border: none !important;
	color: #F39118;
	background-color: #ffffff;
	font-size: 1em;
	line-height: 1.2em;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 200px;
}

#cookiehint .cookiebuttons .btn:hover{ 
	background-color: #F39118;
	color: #ffffff;
}

#cookiehint.hidden{
	display: none;
	visibility: hidden;
}

/*---- j-tooltipp wech ----*/

body div.easy-tooltip-wrapper { display: none !important; }
body div.tooltip.fade.top { display: none !important; }