@font-face {
    font-family: 'Roboto Condensed';
    src: url('RobotoCondensed-Bold.woff2') format('woff2'),
        url('RobotoCondensed-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('RobotoCondensed-LightItalic.woff2') format('woff2'),
        url('RobotoCondensed-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('RobotoCondensed-Light.woff2') format('woff2'),
        url('RobotoCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('RobotoCondensed-Italic.woff2') format('woff2'),
        url('RobotoCondensed-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('RobotoCondensed-Regular.woff2') format('woff2'),
        url('RobotoCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('RobotoSlab-Regular.woff2') format('woff2'),
        url('RobotoSlab-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('RobotoSlab-Bold.woff2') format('woff2'),
        url('RobotoSlab-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('RobotoSlab-Light.woff2') format('woff2'),
        url('RobotoSlab-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



.frame-layout-1 {width: 90%; padding: 0 5%;}
/********************** ke search color:#2163af **********************************/
.kesearch_searchbox .resetbutt {display: none; visibility: hidden;}
.kesearch_searchbox .submitbutt {display: none; visibility: hidden;}
.kesearch_searchbox #ke_search_sword {text-align: center; text-transform: uppercase;}
#kesearch_num_results {font-family: 'Roboto Slab';font-weight:bold; padding: 2em 0 1em 0;}
.result-number {font-family: 'Roboto Slab';font-weight:bold; padding: 2em 0 1em 0;}
.result-title {font-family: 'Roboto Slab';font-weight:bold; padding: 2em 0 1em 0;}
.tx-kesearch-pi1 a{color:#2163af; text-decoration: none; border-bottom: solid 2px #2163af;}
.add-info {padding: 0.5em 0 0em 0;}
.element1cols-intro-2 .kesearch_searchbox {display: none; visibility: hidden;}

/**********************   
#wrapper-main a{color:#2163af; text-decoration: none;}
********************************************/
.tx-tinyaccordion-pi1 a{color:#FFF; text-decoration: none;}
.tx-tinyaccordion-pi1 {text-align: left;}
.element7cols a{color:#2163af; text-decoration: none;border-bottom: 1px solid #2163af;}
.element1cols-intro-2 a{color:#2163af; text-decoration: none; border-bottom: 1px solid #2163af;}
.element1cols-intro-3 a {color:#FFF; text-decoration: none;border-bottom: 1px solid #FFF;}
.element1cols-intro-3 .download {color:#FFF; text-decoration: none;}
.element1cols-intro-2 ul a{color:#2163af; text-decoration: none; border-bottom: 0px solid #2163af; padding: 0;}
.element7cols .underline {color:#FFF; text-decoration: none;border-bottom: 1px solid #FFF;}

.noneDisplay {visibility: visible; display: block}
.noneDisplay-2 {visibility: visible; display: block}
.hidden-mobile {visibility: visible; display: block}
.hidden-mobile-2 {visibility: visible; display: block}

.hidden-main {visibility: hidden; display: none}
.hidden-temp {visibility: hidden; display: block}

@media screen and (max-width:980px) {
.noneDisplay {visibility: hidden; display: none}
.hidden-mobile {visibility: hidden; display: none}
.hidden-mobile-2{visibility: hidden; display: none}

.hidden-temp {visibility: hidden; display: block}
.hidden {visibility: hidden; display: none}
.hidden-main {visibility: visible; display: block}
}

iframe#ifrm { 
    width:100%; 
    margin: auto; padding:0; margin:0;
    }
/* Global reset
   http://meyerweb.com/eric/tools/css/reset/ .tx-rwd-images {background-color:#F00}
*****************************************************************/

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, 
f
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 */
section {
	display: block; padding:0; margin:0;
}

ol, ul {
	list-style: none;
}
.content-main  ul {
	list-style: disc;
}
.content-main li
{
background-image: url(../images/line.jpg); list-style:none;
background-repeat: no-repeat;
background-position: 0px 13px; 
padding-left: 20px; 
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.content-main {padding:0 5%;letter-spacing:1px;}
.slider-text {letter-spacing:1px;}
/*############## CONTENT BEGINN ###########################################*/

.element-datenschutz { position:relative;z-index:23;width:72%;margin:0% auto 0% auto; padding:0% 0 2% 0; color:#FFF;font-size: 1.2vw; line-height:1.6vw;}
.element-datenschutz a{color:#FFF; text-decoration:none}
#c999  a{border-bottom: 0px solid #000; background:none; font-weight:700}

@media screen and (max-width:720px) {
.element-datenschutz { font-size: 4.2vw; line-height:5.6vw; text-align:center}	
}
/* Extended base styles (site specific)
*****************************************************************/

html { 
	overflow-y: scroll; /* always force a scrollbar in non-IE */
	}
body {
	background:#FFF;
	margin: 0;
	padding: 0;
	color: #111;
	font-size: 1.7vw; line-height:2.1vw;
	 font-weight:normal;
	-webkit-font-smoothing: antialiased;
	font-family: 'Roboto Condensed';
	font-weight:300;
}

@media screen and (max-width:1280px) {
	body {font-size: 1.8vw; line-height:2.2vw;}
}

@media screen and (max-width:980px) {
	body {font-size: 3.6vw; line-height:4.1vw;}
}


@media screen and (max-width:720px) {
	body {font-size: 5.6vw; line-height:6.8vw;}
}

img{
  max-width:100%;
  width: 100%;
  height:auto;
  border:0;
}
p {
	margin:0; padding:0;
	}
b {}
.bodytext a{color:#2163af}

/*############## CONTENT BEGINN ###########################################*/
/*content elemente beginn*/
/* TYPO3 Anpassung für Responsive */
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
        float: none; 
}
/* Common shared styles
*****************************************************************/

.divider {float:left; width:100%;clear:left;height:0%; display:block}
.divider hr{border:none; float:left; margin:0; padding:0;  clear:left}

h1 { font-family: 'Roboto Slab';font-weight:bold;padding:0; margin:0; color:#fff;text-align:left;}
h1 strong{font-family: 'Roboto Condensed'; font-weight:300; display:block;}
h1 b{font-family: 'Roboto Condensed';font-weight:300; display:block;}
h2 { font-family: 'Roboto Slab';font-weight:bold;padding:0; margin:0; color:#fff;text-align:left;}
h2 strong{font-family: 'Roboto Condensed'; font-weight:300; display:block;}
h3 { font-family: 'Roboto Slab';font-weight:bold;padding:0; margin:0; color:#fff;text-align:left;}
h3 strong{font-family: 'Roboto Condensed'; font-weight:300; display:block;}
h4 { font-family: 'Roboto Condensed';font-weight:700;padding:0; margin:0; color:#fff;text-align: center;}
h4 strong{font-family: 'Roboto Condensed'; font-weight:300; display:block;}


#map_canvas { position:relative;width:90%;height:500px; margin:-1% auto 0 auto; }


#map_canvas .gmnoprint a, .gmnoprint span {
    display:none;
}

#map_canvas_2 { position:relative;width:90%;height:500px; margin:-1% auto 0 auto; }


#map_canvas_2 .gmnoprint a, .gmnoprint span {
    display:none;
}

#map_canvas_3 { position:relative;width:90%;height:500px; margin:-1% auto 0 auto; }


#map_canvas_3 .gmnoprint a, .gmnoprint span {
    display:none;
}
@media screen and (max-width:980px) {
#map_canvas { position:relative;width:100%;height:450px; margin:-4% auto 0 auto; }
#map_canvas_2 { position:relative;width:100%;height:450px; margin:2% auto 0 auto; }
#map_canvas_3 { position:relative;width:100%;height:450px; margin:2% auto 0 auto; }
}

.nivo-caption h2{ float:left; font-weight:700; font-size: 1.6vw; line-height:1.8vw;margin:0px; color:#fff;display:none;width:100%; }
.nivo-caption h2{ width:auto; padding:0px 20px;  text-transform:none;background: rgba(255,255,255, 0);}
.nivo-caption h3{float:left;font-weight:700;font-size: 1.6vw; line-height:1.8vw;margin:0px 0 0px 0px; padding:0; color:#fff;display:none;text-transform:none}
.nivo-caption h3{ width:auto; padding:0px 20px;  text-transform:none; background: rgba(255,255,255, 0);}

/* Page structure
*****************************************************************/
.header-main
{
	position: relative;
	float:left;
	z-index:100;
	left:0;top:0;
	background:#FFF;		
	color: #fff;
	width: 100%;
	height: auto;
	padding:0; margin:0 0 0 0;
	display:block;
}

.header-main-2{
	
  -webkit-box-shadow: 0px 2px 5px 0px rgba(51,50,51,0.2);
  -moz-box-shadow: 0px 2px 2px 0px rgba(51,50,51,0.2);
	box-shadow: 0px 2px 5px 0px rgba(51,50,51,0.2);
	
	
}

.header-main-box{ position:relative;width:80%;margin:0% auto 0% auto; padding:0% 0 0 0; background: #ddd;}
#wrapper-main { position: relative;width:80%; padding:0% 10% 0 10%; }
#wrapper-main{}

@media screen and (max-width:1280px) {
.header-main-box{ position:relative;width:90%;margin:0% auto 0% auto; padding:0% 0 0 0; background: #ddd;}
#wrapper-main {position: relative;width:90%; padding:0% 5% 0 5%;  }	
}


@media screen and (max-width:980px) {
.header-main-box{ position:relative;width:90%;margin:0% auto 0% auto; padding:0% 0 0 0; background: #ddd;}
#wrapper-main {position: relative;width:90%; padding:12% 5% 0 5%;  }	
}
@media screen and (max-width:720px) {
.header-main-box{ position:relative;width:90%;margin:0% auto 0% auto; padding:0% 0 0 0; background: #ddd;}
#wrapper-main {position: relative;width:90%; padding:32% 5% 0 5%;  }	
}


#wrapper-dok {position: relative;width:100%; padding:0% 0 0 0; }
#footer { float:left; width:100%;bottom:0;}

/*socialbox*/
/*SOCIAL-ICONS NEW*/
.social-box-new {padding: 1.2em 0em 1.0em 0; margin: 0 0 0 0.0em; width:100%; float:left; }
.social-box-new li{ list-style:none; display: inline-block;margin:0; padding: 0.0em 0.0em 0.4em 0.0em; text-align: left;}
.social-box-new img{width: 1.2em;height: auto;padding:0 0.0em;}
.social-box-new .border img{ border-left:#FFF solid 1px; }
@media screen and (max-width:480px) {      
    .social-box-new {padding: 2.0em 0em 0.4em 0; margin: 0; width:100%; float:inherit;text-align:center; }
    .social-box-new li{ list-style:none; display: inline-block;margin:0; padding: 0.0em 0.4em 0.4em 0; text-align: left;}
    .social-box-new img{width: 2.5em;height: auto;}
}

.social-box {float: left; width:100%;padding:3% 0 0% 0}
.social-box img{ width:5%; height:auto; padding:0 2px 0 0px }
.social-box img:hover{opacity: 0.6;filter: alpha(opacity=60)}

.mail {color:#2163af;}
.email {color:#2163af;}

.btn-primary {color:#FFF;font-weight:300;text-decoration:none;padding:4% 0;margin:20% auto 1px auto; width: auto; cursor:pointer; }
.btn-primary:hover{color:#FFF}
.btn-primary a{text-decoration:none;color:#FFF; border-bottom: 1px solid #FFF;}
.btn-primary {background-size: 100% 2px;}


.internal-link {color:#2163af;font-weight:300;text-decoration:none; padding:2% 0;margin:0% auto 10px auto; width: auto; cursor:pointer;}
.internal-link {color:#2163af;}
.internal-link {background-size: 50% 2px;}
.internal-link:hover {color:#2163af;}


.external-link {color:#2163af;font-weight:300;text-decoration:none; padding:2% 0;margin:0% auto 10px auto; width: auto; cursor:pointer;}
.external-link {color:#2163af;}
.external-link {background-size: 50% 2px;}
.external-link:hover {color:#2163af;}



.external-link-new-window {color:#2163af;font-weight:300;text-decoration:none; padding:2% 0;margin:0% auto 10px auto;width: auto; cursor:pointer;}
.external-link-new-window {color:#2163af;}
;
.external-link-new-window {background-size: 50% 2px;}
.external-link-new-window:hover {color:#2163af;}


.download {color:#2163af;font-weight:300;text-decoration:none;padding:2% 0;margin:8% auto 10px auto;width: auto; cursor:pointer;}
.download {color:#2163af;}
.download {background-size: 50% 2px;}
.download:hover {color: #666;}

li .download {background-image: none;}

@media screen and (max-width:980px) {
.download {margin:2% auto 2% auto; display:block;}


}


#spenden{
	position: absolute; z-index:9; margin-top:35%; width:13%; height:auto; left:16%; display:block;
}

#spenden:hover{opacity:0.9;filter: alpha(opacity=90);}

#spenden-main{
	position:absolute; z-index:66;top:31%; width:13%; height:auto; left:16%; display:block;
}

#start{ padding:0% 0 0 0;}
.arrow-down { width:3%; text-align:center; height:auto; margin:-2% auto 2% auto;opacity:1;}
#arrow-down { position: absolute;height:auto;width:3%; text-align:center;  margin:-7% 0 0% 0;opacity:0;}
#zewo { float:right; width:12%; height:auto; margin: 2% 0% 0 0; display:block;opacity:1;}
.detail-box #zewo {display: none}

@media screen and (max-width:1280px) {
#spenden{margin-top:25%; width:16%; height:auto; left:10%; display:block;}
}

@media screen and (max-width:980px) {
#spenden{margin-top:15%; width:16%; height:auto; left:10%; display:block;}
.social-box img{ width:5%; height:auto; padding:10px 5px 0 0px }

}



/*############ SIDEMENU ###############*/
.login-box { position:relative;display: block; margin:40px 0 0 0;}
.login-box-main{ position:absolute; top:25px; right:1%;margin:0 0 0 2%; padding:0% 0; text-align: center}
.login-box-main b{font-size: 0.8vw; line-height:1.8vw; font-weight:700; color:#2163af; text-decoration:none}

.login-box-main a{color:#2163af; }
.loginText {border:solid 1px #2163af; padding:4px; margin:0 10px 0 0; width:80px; background-color:#FFF;font-size:12px;}
.label-text { padding:5px;color:#2163af}
.loginBoxSubmit {border:solid 1px #2163af; padding:5px 10px; margin:0px 0; background-color:#2163af; color:#FFF; font-size:12px; text-transform:uppercase} 
.login-box-main .login-button {float: right;border:solid 1px #2163af; padding:5px 10px; margin:10px 0; background-color:#2163af; color:#FFF; font-size:12px; text-transform:uppercase} 
.sidemenu-box .login-button {border:solid 1px #2163af; padding:5px 10px; margin:10px 0; background-color:#2163af; color:#FFF; font-size:12px; text-transform:uppercase} 

#login{width:30px; height:auto;}
#login:hover{opacity:0.6;filter: alpha(opacity=60);}

.logo-box-2 {float:left;width:14%; height:auto; padding:0px 0% 0 0; margin:1% 0 1% 5%; opacity:1; display:block}
.logo-box-mobile {display:none}
.header-main-2 .logo-box-2 {display:block}

#nav-icon-main:hover{
    -ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg); 
    transform: rotate(90deg);
}

.nav-icon-box { position: fixed; z-index:100; right:1%; top:0px;width:60px; height:auto;margin:2.4% 10px 0% 0%;display:block;opacity:1;}

@media screen and (max-width:1280px) {
.nav-icon-box { position:fixed; z-index:101; float:right;width: 40px; height:auto;margin:2.5% 10px 0% 0%;  }
}

@media screen and (max-width:980px) {

.logo-box-mobile { position: fixed; z-index:99; float:left;width:100%; background-color:#FFF; height:auto;padding:2% 0% 2% 0; margin:0% 0 0% 0%; display: block; }
#logo-box-mobile {width:16%; height:auto; margin:0% 0 0% 5%; }
.nav-icon-box { position:fixed; z-index:101; float:right;width: 3%; height:auto;margin:4% 2% 8% 0%; }
}
@media screen and (max-width:720px) {

.logo-box-mobile { position: fixed; z-index:99; float:left;width:100%; background-color:#FFF; height:auto;padding:6% 0% 6% 0; margin:0% 0 0% 0%; display: block; }
#logo-box-mobile {width:40%; height:auto; margin:0% 0 0% 5%; }
.nav-icon-box { position:fixed; z-index:101; float:right;width: 10%; height:auto;margin:12% 5% 8% 0%; }
}
#login-icon-main{ width:25px; height:auto; padding:5px 0 0 0}

#nav-icon-home { position: fixed; z-index:104;width: auto; height:30px; left:2%; top:4%;padding:0px 10px 0px 10px;background:#2163af; display: none}
#nav-icon-scroll { position: fixed; z-index:100; width: auto; height:33px; right:4%; top:4%;visibility:hidden;padding:10px 10px 10px 20px; background-color:#2163af; }


#home{width:30px; height:auto;transition:all 1s ease;  }
#home:hover{opacity:0.6;filter: alpha(opacity=60);}


.home-menu-box a{text-decoration:none;color:#857867; }


.sidemenu-box { position: relative; width:100%; margin-top:0px;} 
.sidemenu-box h2{color:#2163af; text-align:center; padding:30px 0}
.sidemenu-box-content {float:left; width:100%; }
.sidemenu-icon-left { float:left; width:50px;padding:0; margin:13px 0 0 60px;height: auto}
.sidemenu-icon-right { float:right; width:80%;padding:0; height: auto}


.address-box { position: relative; width:100%; padding:10px 0;color:#2163af} 
.address-box b{font-family: 'Roboto Slab'; font-weight:bold}
.address-box a{text-decoration:none;color:#2163af}

/*SEARCH*/
#kesearch_results {padding:0 0 40px 0}
.element1cols .kesearchbox{ display:none}
#search-icon { float:right;width:75px; height: auto; padding:0px 50px 0 0px;transition:all 1s ease;  }
#search-icon:hover{opacity:0.6;filter: alpha(opacity=60);}
#search-top {cursor:pointer}
#search-panel { position: absolute; z-index:99;top:24px; right:195px;width:220px;height:32px; margin:0; padding:0;text-transform:uppercase; display:none}
#search-panel #ke_search_sword {border: none; padding:5px; margin:0px;font-size:16px;}

#search-panel #kesearch_submit{
    position: absolute;
    top: 4px;
    left: 232px;
    height: 22px;
    width: 11px;
    border: 0 none;
    padding: 0;
}

.teaser_icon { display:none}

/*SEARCH-MAIN*/
#search-icon-main { position:absolute; right:80px; top:15px;width:75px; height: auto; padding:0px 0px 0 0px;transition:all 1s ease; display:none}
#search-icon-main:hover{opacity:0.6;filter: alpha(opacity=60);}
#search-top-main {cursor:pointer}
#search-panel-main { position: absolute; z-index:99;top:37px; right:175px;width:220px;height:32px; margin:0; padding:0;text-transform:uppercase; display:none}
#search-panel-main #ke_search_sword {border: none; padding:5px; margin:0px;font-size:16px;color: #FFF; background-color:#2163af}

#search-panel-main #kesearch_submit{
    position: absolute; 
    top: 4px;
    left: 242px;
    height: 22px;
    width: 11px;
    border: 0 none;
    padding: 0; display:none;
}

.teaser_icon { display:none}

@media screen and (max-width:980px) {
	.sidemenu-box h2{ font-size:22px;}

	.sidemenu-icon-left { float:left; width:45px;padding:0; margin:13px 0 0 20px;height: auto}
	

	#search-icon { float:right;width:65px; height: auto; padding:10px 10px 0 0px;transition:all 1s ease;  }
	
	#search-panel { position: absolute; z-index:99;top:25px; right:90px;width:120px;height:32px; margin:0; padding:0;text-transform:uppercase; display:none}
	#search-panel #ke_search_sword {border: none; padding:5px; width:100px;margin:0px;font-size:12px;}
 
}












/* preloader animation*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999;}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -100px 0 0 -100px; }

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 3px solid transparent;
  border-top-color: #2163af;
  z-index: 1500;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 1001; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*# sourceMappingURL=main.css.map */

/****************  MAIL.FORM  *******************/

@media screen and (max-width:980px) {

}



/*default elements custom*/
/********* ACCORDION START d4e9f5***********************************************/
.acc-li h4{ text-align: center; display:block;text-decoration:none;font-weight:300;}
ul.tinyaccordion h4 {margin: 0 0% 0px 0;padding:1.5% 0px 2% 0;cursor:pointer;}
ul.tinyaccordion h4.acc-selected { color:#d4e9f5}
ul.tinyaccordion h4:hover {text-decoration: none; color:#d4e9f5}

ul.tinyaccordion {list-style:none; background:none !important; margin:0 0% 0 0;}
ul.tinyaccordion li {background:none !important; padding-left:0px;margin:0 0 0% 0%;}
	
ul.tinyaccordion li .csc-header:first-child {display:none;}
	
.tinyaccordion b{font-weight:700; display:block; text-align:left; padding:0 0 1% 0; margin:0;}


ul.tinyaccordion .acc-li h4 {background-image: url("../images/btn-bg-w.png"); background-repeat: no-repeat;background-position:bottom center;background-size: 20% 1px;}

.tinyaccordion .csc-default{padding:0; margin:2% 0% 4% 0%; text-align:left; background-color:#2163af; color:#fff}
.tinyaccordion .bodytext{padding:0 0 0em 0; margin:0 0 0% 0%; text-align: left; }

.tinyaccordion .csc-default a{color:#d4e9f5;text-transform:none; font-weight:300; text-decoration:none; background-image:none; padding:0; margin:0;font-size: 1.7vw; line-height:2.1vw;}
.tinyaccordion .csc-default ul{
	text-align:left;
    margin:0% 0 2% 0px;
}
.tinyaccordion .csc-default li{
    list-style: disc ; margin:1% 0 1% 40px;text-align: left; 
}

.acc-section ul li{
    list-style: disc ; margin:1% 0 1% 40px;text-align: left; 
}

.acc-section .csc-frame-default{padding: 1em 0;}


@media screen and (max-width:980px) {

ul.tinyaccordion h4 {padding:20px 0px 20px 0;}
.tinyaccordion .csc-default ul{ margin:0px 0 20px 0px;}
.tinyaccordion .csc-default li{ margin:0px 40px 1% 20px;}
.tinyaccordion .bodytext{padding:0; margin:20px 20px 0% 0%; }
.tinyaccordion .csc-default a{font-size: 4.6vw; line-height:6.2vw; text-decoration:underline}
}
/********* ACCORDION END ***********************************************/

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 80px;
	right:30px; z-index:9999;
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	background-color:#fff;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: url(../images/arrow-top.png) no-repeat center center;
	
	background-size:50px 50px;
	
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	opacity: 0.6;
}

/****************  MAIL.FORM  *******************/

#kontakt-Formular {float:left; width: 100%; padding: 5% 0% 5% 0%;}

#spende-Formular h2{ display:none; visibility:hidden}
#spende-Formular {float:left; width: 100%; padding: 5% 0% 5% 0%;}

#kontakt-Formular h2{ display:none; visibility:hidden}
.frame-type-form_formframework header{ display:none; visibility:hidden}

.control-label {float:left;width: 35%;text-align: left; margin: 0 0 0 5%; }

.form-control { float:left;border: solid 1px #2163af; width:45%; background:#FFF; color:#000;font-size: 0.9vw; line-height:1.3vw; padding:1% 0% 1% 2%;}
.form-control {margin:0.5% 1% 1.5% 5%;}
.form-control {
	-webkit-border-radius:0;
    -webkit-appearance: none;
   }
.xxlarge {float:left;border: solid 1px #2163af; width:45%; height:4em;background:#FFF; color:#000;font-size: 0.9vw; line-height:1.3vw;padding:1% 0% 1% 2%;}

.xxlarge {
	-webkit-border-radius:0;
    -webkit-appearance: none;
   }

#spende-Formular .btn-primary {width: auto; background: #2163af;padding:1em 3em;  margin:4% 0 0 0}
#spende-Formular .btn-primary { color:#fff;font-size: 0.9vw; line-height:0.9vw;}
#spende-Formular .btn-primary {border: solid 1px #2163af;}
#spende-Formular .btn-primary:hover {color: #FFF;}


#kontakt-Formular .btn-primary {width: auto; background: #2163af;padding:1em 3em;  margin:4% 0 0 0}
#kontakt-Formular .btn-primary { color:#fff;font-size: 0.9vw; line-height:0.9vw;}
#kontakt-Formular .btn-primary {border: solid 1px #2163af;}
#kontakt-Formular .btn-primary:hover {color: #FFF;}

#spende-Formular  .btn-primary {
	-webkit-border-radius:0;
    -webkit-appearance: none;
   }
 
@media screen and (max-width:720px) { 
	
	.control-label {width: 100%;text-align: left; margin: 0 0 0 0%; }
	.form-control { width:100%; background:#FFF; color:#000;font-size: 5.6vw; line-height:6.8vw; padding:1% 0% 1% 0%;}
	.form-control {margin:1.5% 0% 1.5% 0%;}
	#spende-Formular .btn-primary { color:#fff;font-size: 4.6vw; line-height:4.6vw;}
	#kontakt-Formular .btn-primary { color:#fff;font-size: 4.6vw; line-height:4.6vw;}
	
	
	}
   
/*NEWS*/

/*intro*/

/*MAIN*/
/* ============================================================
  GLOBAL
============================================================ */
.effects h3 {font-family: 'Roboto Condensed'; text-transform:uppercase;font-weight:700;font-size: 1.0vw; line-height:1.2vw;  padding:0 0 20px 0}

.effects {
  padding:0 0 ; width:100%;font-size: 1.4vw; line-height:1.8vw;
}
.effects .img {
  position: relative;
  float: left;
  margin:1% 1%;
  width: 23%;
  overflow: hidden;
}


.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(33,99,175, 0.8);
  background: rgba(0,0,0, 0.7);
   background: rgba(33,99,175, 1.0);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.close-overlay {
  display: block;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 100;
  width: 90%;
  height: auto;
  color: #fff;
  text-align:left;
  cursor: pointer;
  padding:0 5%;
}
.close-overlay.hidden {
  display: none;
}

.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: auto;
  height: auto;
  text-align:left;
  color: #fff;
  font-weight: 100;
  padding:4% 15px 0 5%;
}


@media screen and (max-width:980px) {
.effects h3 {font-size: 3.2vw; line-height:6.8vw; }
.effects .img {
  margin:1% 1%;
  width: 48%;
  overflow: hidden;
}
.effects {
  font-size: 3.2vw; line-height:4.8vw;
}
}
/* ============================================================
  EFFECT 1 - SLIDE IN BOTTOM
============================================================ */

#effect-1 .overlay {
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  /*custom*/
  height:12%;
}
#effect-1 .overlay a.expand {
  left: 0;
  right: 0;
  bottom: 100%;
  margin: 0 auto -60px auto;
}
#effect-1 .img.hover .overlay {
  height: 100%;
}
@media screen and (max-width:980px) {
#effect-1 .overlay {
  height:20%;
}	
}
/* ============================================================
  EFFECT 2 - SLIDE IN TOP
============================================================ */
.effects-2 {
  padding-left: 0px;
}
.effects-2 .img {
  position: relative;
  float: left;
  margin:1% 1%;
  width: 31%;
  overflow: hidden;
}
.effects-2 .img img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}
.effect-2 .overlay {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  /*custom*/
 height:20%;
}
.effect-2 .overlay a.expand {
  left: 0;
  right: 0;
  top: 50%;
  margin: -30px auto 0 auto;
}
.effect-2 .img.hover .overlay {
  height: 100%; 
}

@media screen and (max-width:980px) {
.effects-2 h3 {font-size: 3.2vw; line-height:6.8vw; }
.effects-2 .img {
  margin:1% 1%;
  width: 48%;
  overflow: hidden;
}
.effects-2 {
  font-size: 3.2vw; line-height:4.8vw;
}



}
/* ============================================================
  EFFECT 3 - SLIDE IN BOTTOM
============================================================ */

#effect-3 .overlay {
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  /*custom*/
  height: 13%;
}



#effect-3 .overlay a.expand {
  left: 0;
  right: 0;
  bottom: 100%;
  margin: 0 auto -60px auto;
}
#effect-3 .img.hover .overlay {
  height: 100%;
}
#effect-3 .expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: auto;
  height: auto;
  text-align:left;
  color: #fff;
  font-weight: 100;
  text-transform: none; padding:15px 15px 0 5%;
}
#effect-3 .close-overlay {
  display: block;
  position: absolute;
  top: 120px;
  left: 0;
  z-index: 100;
  width: 90%;
  height: auto;
  color: #fff;
  text-align:left;
  cursor: pointer;
  padding:0 5%;
}

@media screen and (max-width:980px) {
	
	#effect-3 .overlay {height: 20%;}
	#effect-3 .expand { padding:8px 15px 0 5%;}
	
	}

/* ============================================================
  EFFECT 4 - SLIDE IN BOTTOM
============================================================ */
#effect-4 {float:left; width:100%;}
#effect-4 a{text-transform:none; color:#999}
#effect-4 .img {
 
  float: left;
  margin:1% 1%;
  width: 23%;
  overflow: hidden; 
  height:620px;
}
#effect-5 .img {
 
  float: left;
  margin:1% 1%;
  width: 23%;
  overflow: hidden;
}
#effect-4 .img img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}
   
/* Cookie notice main container bg-cookie-box.png */
.cookie-box {
  position: fixed;
  z-index: 9999999;
  left: 0;
  right: 0;
  bottom: -12em;
  text-align: center;
  padding: 1em 1em;
  background:#111;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  transition : all 1.5s ease;
  
}
.slot-cookie-box{ position:relative;width:80%;padding:0 10% 0% 10%; margin: 0 0 0 0%; text-align:left;}
.cookie-box-left { float: left; width: 60%; padding: 0 2% 0 8%; text-align: left; color: #FFF;font-size: 1.2vw; line-height:1.6vw;}
.cookie-box-left a{color: #FFF; font-weight: 700;}
.cookie-box-right { float: left; width: 30%; text-align:center; padding: 0 0% 0 0;}

.cookie-box--hide {
  opacity: 0;
  display: none;
  bottom: -100%;
}

.cookie-button {
  display: inline-block;
  cursor: pointer;
  padding:0.5em 1em;
  text-align: center;
  border: solid 1px #FFF;
  color: #fff;
  background:#2163af;
   font-weight: 700;
   font-size: 1.2vw; line-height:1.2vw;
}

@media screen and (max-width:980px) {	
	
	.cookie-box { background:#111;width:90%;padding: 2em 5% 4em 5%;bottom: -32em;}
	.slot-cookie-box{ position:relative;width:90%;padding:0 5% 0% 5%; margin: 0 0 0 0%; text-align:center;}
	.cookie-box-left { float: left; width: 100%; padding: 0 0% 2em 0%; text-align: center; color: #FFF;font-size: 4.8vw; line-height:6.4vw;}
	.cookie-box-left a{color: #FFF;}
	.cookie-box-right { float: left; width: 100%;}
	.cookie-button {font-size: 4.8vw; line-height:4.8vw; }
	
	
} 


/*POWERMAIL*/ 
.powermail_label{font-weight: 300;}
.tx-powermail li{list-style: none; color: #e40521; padding: 1em 0 0.5em 0; margin: 0; text-align: left; display: block;}
.tx-powermail ul {padding: 0; margin: 0;}

.tx-powermail {float: left; width:90%;padding:0% 5% 4em 5% ;}

.tx-powermail h3 { text-align: center; color: #2163af; padding: 2em 0;}

.powermail_legend {display: none; visibility: hidden;}
.powermail_label { float: left;width: 40%; text-align: left;padding:0.3em 0; display: none;}



.powermail_input {width: 100%; }
.powermail_fieldwrap_type_submit {width: 100%;}

.powermail_submit {
  background:#2163af;
  border: solid 1px #2163af;    
  color:#FFF;
  padding:0.5em 2.0em;margin:2.0em auto 0% auto;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 1.2vw; line-height:1.2vw;
  font-weight: 300;
    -webkit-border-radius:0; -webkit-appearance: none;
}


.powermail_fieldwrap_type_input{float: left; width: 46%; padding:1% 2%;}
.powermail_fieldwrap_type_textarea {float: left; width: 96%; padding:1% 2%;}

.powermail_input {
  float: left;
  display: block;
  width: 100%;
  margin: 0%;
  border: 1px solid #2163af;
  padding: 0.5em 0.5em;
  background-color:#FFF;
  color: #2163af;
  font-size: 1.2vw; line-height:1.2vw;
    -webkit-border-radius:0; -webkit-appearance: none;
}
.powermail_textarea {
  float: left;
  display: block;
  width: 100%;
  margin: 0%;
  border: 1px solid #2163af;
  padding: 0.5em 0.5em;
   background-color:#FFF;
  color: #2163af;
    font-family: 'Roboto Condensed';
  font-size: 1.2vw; line-height:1.2vw;
    -webkit-border-radius:0; -webkit-appearance: none;
}


@media screen and (max-width:480px) {
	
	.tx-powermail {float: left; width:100%;padding:0% 0% 4em 0% ; text-align: center;}
	
	.powermail_input {font-size: 5.2vw; line-height:6.8vw;-webkit-border-radius:0; -webkit-appearance: none;}
    .powermail_textarea {font-size: 5.2vw; line-height:6.8vw;-webkit-border-radius:0; -webkit-appearance: none;}
	
	.powermail_label {width: 90%; text-align: left;padding:0.3em 0;}
	.powermail_field { width: 90%;  text-align: center;padding:0.3em 0;}
    
    .powermail_fieldwrap_type_input{ width: 98%; padding:1% 1%;}
    .powermail_fieldwrap_type_textarea {float: left; width: 98%; padding:1% 1%;}
    
    .powermail_submit {
     
      font-size: 5.2vw; line-height:6.8vw;
      
    }
	
}