/*---------------------------------------- logo slider --------------------------------- */
.network {
	margin-top: 40px;
}
.network .text-center h1 {
	color: #003959;
	margin-bottom: 22px;
}
.network .text-center p {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 48px;
}
.network .green-button {
	margin-top: 53px;
	margin-bottom: 86px;
	color: #fff;
	line-height: 33px;
	font-size: 12px;
    font-weight: 900;
	text-transform: uppercase;
}
.carousel-wrap {
	margin: 0px auto;
	padding: 0 5%;
	/* width: 80%; */
	position: relative;
  }
  
  /* fix blank or flashing items on carousel */
  .network .owl-carousel .item {
	position: relative;
	z-index: 100; 
	width:60% !important;
	height:auto !important;
	-webkit-backface-visibility: hidden; 
  }
  
  /* end fix */
  .network .owl-nav > div {
	margin-top: -26px;
	position: absolute;
	top: 59%;
	color: #cdcbcd;
  }
  
  .network .owl-nav .arrow {
    border: solid #003959;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 7px;
  }
  .network .owl-next {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
  }
  
  .network .owl-prev {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
  }
  
  .network .owl-nav .owl-prev {
	left: -30px;
  }
  
  .network .owl-nav .owl-next {
	right: -30px;
  }
/*---------------------------------------- logo slider --------------------------------- */


.cta{
color:#1fa3a9;	
text-transform:uppercase;
font-size:24pt;
font-weight:600;
}

.cta-lp{
color:#1fa3a9;	
text-transform:uppercase;
  font-size: 64pt;
font-weight:600;
}


.h3-lp{
color:#fff;	
text-transform:uppercase;
  font-size: 20px;
font-weight:600;
}
  

.info-community {
    display: inline-block;
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    width: 610px;
	min-height: 390px;
    height: auto;
    top: px;
    background-image: url(https://www.sport-for-development.com/imglib/tpl/bg_home_slider.png);
	background-repeat: no-repeat;
}

.info-community-learn {
    display: inline-block;
    position: absolute;
    text-align: center;
    right: 0;
    top: 0;
    width: 470px;
	min-height: 390px;
    height: auto;
    top: px;
    background-image: url(https://www.sport-for-development.com/imglib/tpl/bg_learn_slider.png);
	background-repeat: no-repeat;
}

.message-community {
       margin: 50px;
    width: 350px;
    padding: 20px;
    color: #fff;
    /* transform: rotate(7deg); */
}

.hdl-slider { color:#fff; font-size: 26px;     font-weight: 600;}

.btn-light-slider{

    border-radius: 1rem;
    border: none;
    padding-bottom: 8px;
    color: #00576F;
    padding-left: 40px;
    padding-right: 40px;	
	width:130px;
    font-size: 13pt;
    font-weight: 600;

}

section { overflow: hidden !important;}

.seite ul li{ 

	list-style-type: square;

    margin-left: 20px;


	
	}
.video_wrapper {
   
    background-size: cover;
	background-color:#000000;
    position: relative;
    box-shadow: 0px 3px 5px #333;
    height: 400px;
    width: 100%;
}

.video_wrapper .video_trigger {
    padding: 10px;
text-align:center;    
color:#fff;
    background: rgb(182 182 182 / 70%);
   
}
.video_wrapper .video_layer {
    position: relative;
    display: none;
    height: inherit;
    width: inherit;
    margin: auto;
}
.video_wrapper .video_layer iframe {
    border: 0px none transparent;
    height: inherit;
    width: inherit;
}



.drop_book {    border-radius: 1.0rem; height: auto; }
.teaser_info{	position: absolute;    top: 26px;    left: 252px;z-index: 20;}
.teaser_hdl{
	font-family: 'Moon';
    text-transform: none !important;
	line-height: 21pt !important;
    width: 300px;

    color: #a8c08c;
    font-size: 38px !important;
    transform: rotate( 348deg );
}
.teaser_images{    position: absolute;    top: 26px;    left: 22px;z-index: 20; }


#overlay{ display:none;}
/* PROJECT DATA */
.news_text {min-height:160px;}
.projekte_infos_2 { background-color:#fff; background-image: none !important;     border: 10px solid #72aee2; border-radius: 40px; box-shadow: 0 0px 36px 1px #afafaf;
}

.box_md{     position: absolute;    left: 20px;    top: 110px;width: 150px; }
.box_item { margin-bottom: 8px; text-align: left; height: 36px; font-size: 10pt; line-height:10pt; color:#00acec;     margin-left: -10px!important;     width: 180px;}
.map_icon { height:20px; margin-right:10px; }
.map_label{  font-size: 11pt; line-height:10pt; color:#00acec; text-align:left; width: 130px; margin-bottom:10px;}
.box_item_ico { width:30px; margin-right:10px; text-align: center;
    align-content: center;
    padding: 5px;}
.btest { border:0px dotted #ff0000;}
#info-werte{ position: absolute;    top: -50px;   margin-left: -10px; transition: all 0.5s}

@media screen and (min-device-width: 1024px) and (max-device-width:1200px){
#info-werte{  margin-left: -20px;}
}

@media screen and (min-device-width: 699px) and (max-device-width:1023px){
#info-werte{  margin-left: -100px;}
}


@media screen and (min-device-width: 120px) and (max-device-width:698px){
#info-werte{  margin-left: -50px;}
}


.info-countries{ position: absolute; top: 6px;  left: 302px; z-index:20;  }
.info-countries .c-icon{ position: relative;   margin-top: 0px;    margin-left: 0px;    z-index: 100; width: 150px;} 
.info-countries .wert{  font-size: 50pt; font-weight: 600; color:#377a99; position: absolute; top: 10px; left: 1px; width:100%; text-align:center; z-index:300;}

.info-coaches{ position: absolute; top: 125px; left: 170px; text-align: center; z-index:20; }		
.info-coaches .c-icon{ position: relative;   margin-top: 0px;    margin-left: 0px; z-index: 100; width: 170px; } 
.info-coaches .wert{ font-size: 30pt; font-weight: 600; color:#fff; position: absolute; top: 40px;  left: 1px; z-index:300; width:100%; text-align:center; z-index:300; }


.info-sports{ position: absolute; top: 35px; left: 195px; text-align: center; z-index:20; }		
.info-sports .c-icon{ position: relative;   margin-top: 0px;    margin-left: 0px; z-index: 100; width: 90px; } 
.info-sports .wert{ font-size: 20pt; font-weight: 600; color:#377a99; position: absolute; top: 20px;  left: 1px; z-index:300; width:100%; text-align:center; z-index:300; }


.info-children{ position: absolute; top:220px; left:325px; text-align: center; z-index:20; }		
.info-children .c-icon{ position: relative;   margin-top: 0px;    margin-left: 0px; z-index: 100; width: 120px; } 
.info-children .wert{ font-size: 14pt; font-weight: 600; color:#377a99; position: absolute; top: 35px;  left: 1px; z-index:300; width:100%; text-align:center; z-index:300; }


.info-sports_OLD{ color:; }



/* WORK BOX */
.workBoxWrapper {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	position: relative;
}
.workBoxOverlayHover {
    transition: 1s ease;
    opacity: 1;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    height: 100%;
    cursor: pointer;
    text-align: left;
    width: 100%;
    position: absolute;
}

.workBoxOverlay {
    height: 100%;
    width: 100%;
    position: absolute;
	
	
}

.workBoxOverlay_text{
    top:100px;
    left: 30px;
	max-width:200px;
    position: absolute;
	z-index: 1;
	font-size:10pt;
	color:#467B7C;
	line-height:auto;
	
}

.workBoxWrapper .workBoxOverlay .workBoxOverlay_text p{color:#467B7C}
.workBoxWrapper .workBoxOverlay .workBoxOverlay_text a{color:#467B7C;font-style:italic}
.workBoxWrapper .workBoxOverlay .workBoxOverlay_text a:hover{color:#c3c3c3;font-style:italic}
.workBoxWrapper .workBoxOverlay .workBoxOverlay_text h4{font-size:13pt;}

.workBoxOverlay img {
    width: auto;
    height: 2rem;
    position: absolute;
    bottom: 0px;
    right: 0px;
    opacity: 1;
    z-index: 0.5;
	background-color: #2d3e50;
}

.video_bar{ height:auto !important; z-index:1;}

/* WORK BOX END */



.bannerInner {margin-top: 70px;}
.info-block {
border-radius: 50%;
    display: inline-block;
    position: absolute;
    background-color:#3a7c93;
    text-align: center;
    right: 50px;
    width: 150px;
    height: 150px;
    top: 150px;
}

.message{    margin-top: 30px;
    width: 140px;
padding: 10px;
color:#fff;
    transform: rotate(7deg);
}

.col-2spalten {
		margin-top: 1.8ex;
		-moz-column-count: 2;
		-moz-column-gap: 2em;
		-webkit-column-count: 2;
		-webkit-column-gap: 2em;
		column-count: 2;
		column-gap:2em;
		-moz-column-rule-style: dotted; 
		-moz-column-rule-width: 1px;
		-moz-column-rule-color: silver;
		-webkit-column-rule-style: dotted; 
		-webkit-column-rule-width: 1px;
		-webkit-column-rule-color: silver;
		column-rule-style: dotted; 
		column-rule-width: 1px;
		column-rule-color: silver;
		column-width: 50%;
		-webkit-column-width:50%;
		-moz-column-width: 50%;
		box-sizing: border-box;
		line-height:1.2		
}



.form-control {border: 0px solid #ced4da;}

#collapsibleNavbar{ margin-top:30px;}
.navbar-fixed-top {
    position: fixed;
    top: 0;
	
    z-index: 1030;
	width: 100%;
    margin: 0 auto;
 
    max-width: 1280px;
}

.search-datei {font-size:14pt; font-weight: 600;}
.sbadge { margin-right:5px; font-size:10pt; padding-bottom:5px !important; font-weight: 200;}
.txt-blue {color: #00576F;}
.sbox { padding:10px; margin:5px;}

.selectpicker{ display:none;}



.bootstrap-select{margin-bottom:5px !important;}
.btn.dropdown-toggle:focus {
    outline: none !important;
}
.bootstrap-select > .dropdown-toggle{ border-radius: 0px!important; }



.dropdown-menu>li>a { color:#00576F !important; }

.filter-option{ color:#00576F !important; }
.bs-caret{display:none;}


.search_option { }
.search_field { margin-top:50px;}	
.search_icon { height:80px; width:80px; margin-top:25px; margin-bottom:15px;}
.search_field .dropdown  { width: 180px!important; }

/*

TABLET

.documentSearch {
    position: absolute;
    top: 0px;
    right: 0px;
}

 */

.details-card {
	background: #ecf0f1;
}

.card-content {

	margin-top: 25px;
	color:#fff;
}

.card-img {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	z-index: 1;
}

.card-img img {
	width: 100%;
	height: auto;
	display: block;
}

.card-img span {
	position: absolute;
    top: 15%;
    left: 12%;
    background: #21529c;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transform: translate(-50%,-50%);
}
.card-img span h4{
        font-size: 12px;
        margin:0;
        padding:10px 5px;
         line-height: 0;
}
.card-desc {
	padding-top: 1.25rem;
	min-height: 238px;
}

.card-desc h3 {
	
    font-weight: 600;
    font-size: 15pt;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0;

}

.card-desc p {
	color:#fff;
    font-size: 10.5pt;	
	line-height: 16pt;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0;
	

}
.btn_card{
    width: 100% !important;
}
.btn-card:hover {
    background: orange;
}ww
a.btn-card {
    text-decoration: none;

	 position: absolute;
    bottom: 10px;

}
/* End card section */




.btn-light-home{
	border-radius: 1.0rem;
    border: none;
    padding-bottom: 8px;
	color:#00576F;
	padding-left:40px; padding-right:40px;
	}
	
	
.btn-dark{
	border-radius: 1.0rem;
    border: none;
	background-color:#187999;
    padding-bottom: 8px;
	color:#fff;
	padding-left:40px; padding-right:40px;
}

.db{ border:1px dotted #ff0000 !important;}


#chartdiv {
  max-width: 100%;
  height: 600px;
  margin: 0px;
  background-color:#fff;
}

@font-face {
	font-family:'Moon';
	src: 
	url('moon.ttf')  format('truetype');
}


.bg_grey{ background-color:#F0F0F0; }
.bg_blue{ background-color:#00576F; }
.bg_lightblue{ background-color:#009FA8; }


.projekte_infos{ background-image: url(/images/vorlage_new.png); height: 288px;   width: 299px; position: absolute; margin-top: -300px; margin-left: 10px;}
.prc_land {position: absolute; margin-left: 76px; margin-top: -8px; text-align: center; font-size: 10pt; width: 144px; font-weight: 600;}
.prc_icon {    height: 64px; }

.banner_img {    overflow: hidden;}
.banner_img img{max-width: 100%; }
.banner_img .item{position: relative; background-repeat: no-repeat;background-size: cover;    background-position: center;}
.banner_img .item figcaption { padding: 297px 30px 22px 30px;position: relative; z-index: 3;}



.off {display:none!important;}
.header_dynamic
{
	bottom: -12px;
    margin: 0px;
	width: 100%;
	overflow:hidden;
    height: 280px;
    padding: 79px 30px 22px 30px!important;
    position: absolute!important;
    z-index: 3;
    background-image: url(/images/shape_left.png);
    background-repeat: no-repeat;
}
.hd2 {padding: 59px 20px 22px 70px!important;}

.header_dynamic h3{
    font-family: 'Moon';
	text-transform: none !important;
	width:300px;
	 line-height: 36px;
	color:#fff;
	font-size: 50px !important;
	    transform: rotate(348deg);
}
/* SECTION HEADER ICONS 2021 */
.key_intro{color: #ffffff; margin-left:50px; transition: all 1.5s}
.key {color: #ffffff; font-style: italic; margin-left:20px; margin-right:20px;}
.bd-highlight { background-image: url(/images/bg_essentials.jpg); height: 80px; }
.bd-highlight_country { background-image: url(/images/bg_countries.jpg); height: 80px; }
.bd-highlight_tools { background-image: url(/images/bg_tools.jpg); height: 80px; }
.bd-highlight_essentials { background-image: url(/images/bg_essentials.jpg); height: 80px; }
.bd-highlight_topics { background-image: url(/images/bg_topics.jpg); height: 80px; }

.icon_root{ width:150px;     z-index: 500;}
.icon-2021 { position: absolute; margin-top: -36px; margin-left: -15px; transition: all 0.5s;}
.card-body figure img { width:100%; }
.card div span { padding:5px;}
.item{ background-size: cover; height: 390px; }
.keyword{display:none;}
.intro_info {display:block; font-weight: 600;}


/* SECTION TERMINE 2021 */
.termine { background-color:#467B7C; min-height:250px;}
.btn-info {    border-radius: 1.0rem; background-color:#377a99; border: none; padding-bottom: 8px; width: 160px;}
.date_monat { color:#fff; font-size:16pt; border-bottom:2px dotted #ffffff; padding-left:0px; margin-bottom:10px; }
.dates_row{ margin-left:20px; padding:5px; }
.dates_row div{ max-height:80px; color:#467B7C;}
.dates_row div:nth-child(1){ border-right:2px solid #377a99;     min-height: 81px; }
.dates_icon {    position: absolute;    margin-top: -10px;    margin-left: -15px;	z-index:100; }
.dates_txt { background-image: url(/images/bg_termine.png);	background-repeat:no-repeat; height:97px; z-index:90; line-height: 15pt;}
.dates_title { margin-left:0px; }
.date_event { font-weight:400;     width: 60px; position: absolute; color:#fff; margin-top: 0px; margin-left:10px; z-index:101; text-align:center; font-weight: 600; }
.date_row { margin-top:10px; transition: all 1.5s }

@media screen and (min-device-width: 781px) and (max-device-width: 1024px) { 
.date_root_icon{ padding: 0.2rem !important; }
.dates_txt { background-color:#fff; height: auto!important; margin-right: 10px; margin-left: 22px; padding:10px; }
.dates_title { margin-left:50px; }
.dates_info {   padding-right: 0px; padding-top:10px; max-width:100% !important; flex: 0 0 55.666667%;}
.dates_row {    margin-right: -15px; }
.dates_row div{ max-height:unset; }
.dates_row div:nth-child(1){ border-right:2px solid #377a99; }
.dates_row div:nth-child(3){ padding-top:30px; max-width:100% !important; flex: 0 0 55.666667%}
.btn-info {    width: 80%;}
.date_row { margin-top:20px; }

.header .navbar { justify-content: flex-end; margin: 0;}
.navbar-brand{ position:absolute; left:0px; top:0px;}
.nav-link{
    color: #fff !important;
    text-align: left;
    margin: 5px;
	margin-left:20px;
	
}
.nav_bg{ z-index:99999;
	float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    margin-top: 0px;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: rgba(24, 121, 153, 0.95);
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    background-blend-mode: multiply;
	}
	
	#collapsibleNavbar { margin-top: 25px;}
	
}



	

@media (max-width:780px){
.info-block{display:none;}
.keyword{display:unset; margin-right:10px; font-style: italic;}
.date_monat { font-size:18pt; margin:20px!important; padding:10px; text-align:center; flex: unset;}
.date_root_icon{ padding: 0.2rem !important; }
.dates_txt { background-color:#fff; height: auto!important; margin-right: 10px; margin-left: 22px; padding:10px; }
.dates_title { margin-left:50px; }
.dates_info {margin-left:-20px;     padding-right: 0px; padding-top:10px;}
.dates_row {    margin-right: -15px; }
.dates_row div{ max-height:unset; }
.dates_row div:nth-child(1){ border-right:0px solid #377a99; }
.dates_row div:nth-child(2){ border-top:2px solid #377a99; margin-top:10px; }
.btn-info {    width: 80%;}
.date_row { margin-top:20px;  margin-right: 2px;}
.intro_info { font-size: 10.5pt; }
.key{order:3; display:none; }
}

@media screen and (min-device-width: 401px) and (max-device-width:780px) { 
.icon-2021 { position: absolute; margin-top: -15px; margin-left: -5px; height: 100px; order:1;}
.key_intro { margin-left: 100px; order:2; flex:none; max-width:100%; display:block;}
}

@media (max-width:400px){
.icon-2021 { position: absolute; margin-top: -7px; margin-left: -5px; height: 80px; order:1;}
.key_intro { margin-left: 70px; order:2; flex:none; max-width:100%; display:block;}

}

 .dropdown-menu {
	  z-index: 1000;
  position: absolute;
    top: 100%;	
    left: -8px;
	  display: none;
    float: left;
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
	    background-color: rgba(24, 121, 153, 0.85);
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
	 background-blend-mode: multiply;
	 
	
   
  
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
	margin-top:15px;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
	
}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.navbar {
     padding: 10px;
	 height:75px;
}

.navbar-brand {
    display: inline-block;
   margin:0px; padding:0px;

    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
	margin-right: 10px;
}
.navbar-brand img { width:auto; max-width:160px;}


.menu_bg{
	
	background-image: url(../images/bg_topbbar.jpg);
    background-repeat: no-repeats;
}


.midCont{

}

/*  text-indent: -26px; margin-left:42px; */
.file_down{ font-size: 14pt; line-height: 14pt;   padding: 2px;    
margin-bottom:5px !important;   list-style-type: none !important;
border: 1px dotted #c3c3c3;
    border-left: 6px solid #c3c3c3;
	margin-left:4px;
	border-top:0px; border-right:0px;
	float:none; display:block;
	transition: all 0.5s ease-out;
	 text-decoration:none;
	
}

.file_down:hover {background-color:#c3c3c3; color:#000;}

.down_a { float:none; display:block !important;  text-decoration:none !important;}


/*genral css*/

#summary {
  font-size: 14px;
  line-height: 1.5;
}

#summary p.collapse:not(.show) {
    height: 42px !important;
    overflow: hidden;
  
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

#summary p.collapsing {
    min-height: 42px !important;
}

#summary a.collapsed:after  {
    content: '+ Read More';
}

#summary a:not(.collapsed):after {
    content: '- Read Less';
}




.innerAccor ul ul { margin-left:30px;}
.innerAccor li { margin-bottom:4px;} /*was 10*/


label, legend {

    margin-bottom: .5rem;
    font-weight: 200;
	margin-right:4px;
}

.infolabel {
    color:#00576F;
	font-size:16pt;
    margin-bottom: .5rem;
    font-weight: 600;
	margin-right:4px;
	text-transform:uppercase;
	display: block;
	    font-family: 'BundesSansWeb-Regular';
}


#idForm input { margin-right:3px;}

.subtitel {  color:#000;}
.fileinfos{  color:#939393;}


.input_round{     border-radius: 1.0rem; height: auto;}


/* DOWNLOAD BOX BASIC */
.downloadbox{ width:100%; float:none; margin-left:0px; background-color:#fff; border:1px dotted #c3c3c3; margin-bottom:10px; }

.downloadbox_txt{  padding:10px; font-size:12pt; line-height:16pt; margin-top:5px; min-height:120px;}
.downloadbox_txt > h2 { color:#009600; font-size:14pt; margin-bottom:5px; }




body{font-family:'BundesSansWeb-Regular'; font-size: 16px; line-height: 1.5;background-color: #fff; overflow-x: hidden; background-image: url("/images/bg.jpg"); background-size: cover; background-repeat: no-repeat;
    background-attachment: fixed; }
ul{padding: 0;}
ul li{list-style: none;}
.device-width{width: 100%; margin: 0 auto; position: relative;max-width: 1280px;background: #ffffff; box-shadow: 0 0px 36px 1px #afafaf; }
img{max-width: 100%;}
hr{border-width: 2px;border-color: #809bb0}


/* SITEMAP */
#pagetree  ul  li { list-style:square; margin-left:30px; margin-bottom:0px;  padding:0px;	}
#pagetree {color:#000000;}
#pagetree ul li:last-child  { margin-bottom:20px;}


/* infoliste */

.infoliste{padding-left:20px;}
.infoliste li { margin-left:20px; font-size:12pt;  list-style-type: square; margin-bottom:10px;}




/*background color*/
.bg-green{background-color: #00acae !important}
.bg-navy-blue{background-color: #1d4151 !important;}
.bg-gray{background-color: #818181 !important;}
.bg-blue{ background-color: #133457;}
.bg-sky-blue{background-color: #57799f !important;}
.bg-black{background-color: #000 !important;}
.bg-e8{background-color: #e8e8e8;}
.bg-white{background-color: #fff;}

.bg-essentials{background-color: #1fa3a9 !important;}
.bg-essentials-sub{background-color: #4fc0c1 !important;}
.bg-topic{background-color: #1e4150 !important;}
.bg-country{background-color: #818181 !important;}
.bg-country-sub{background-color: #B2B2B2 !important;}
.bg-tools{background-color: #96ac74 !important;}
.bg-tools-sub{background-color: #b1c693 !important;}

.bg-termines {
    background-color: #38788e !important;
}

.topic .card-termine {

    margin-left: 0px; */
    margin-right: 0px; */
 
}

/*header css*/
.headerTopSec{display: flex; position: relative;background:url('../images/header-img1.jpg'); background-repeat: no-repeat;background-size: cover;}
.headerTopSec:before{content:''; background-color: rgba(38, 128, 152, 0.8); height: 100%; width: 100%; position: absolute;top: 0; left: 0;}
.brand { position: relative; z-index: 1;flex: 0 0 161px}
.brand a img{width: 100%;}
.searchSec{background-image: url('../images/search1.png')  ; background-repeat: no-repeat;  background-color: transparent; border:none;
height: 22px;width: 30px;background-position: right;
}
.documentSearch .input-group input {font-size: 12px; border-radius: 0px; padding:1px 30px 10px 10px; min-width:200px;
	letter-spacing: 2px; outline: none;box-shadow: none; color: #00345f;text-transform: uppercase;height: 30px
}
.documentSearch .input-group-append{position: absolute; top: 50%; right: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);-moz-transform: translateY(-50%);    z-index: 3;
}
.documentSearch{position: absolute; right:120px; top:0px; widh:200px;}
.topHeader {padding: 1px 15px;flex:0 0 83.5%; }
.contentView, .dataView {background-color: #fff;width: 49%;display: inline-block;color: #4a4a4a;text-align: center;padding: 0 50px; height: 30px;line-height: 25px;
	letter-spacing: 2px;font-size: 12px; position: relative;
}

.contentView:hover, .dataView:hover{background-color: #133457; color:#fff;}

.contentView svg, .dataView svg{position: absolute; right: 15px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);
}
.contentView.active, .dataView.active{color: #fff; background-color: #133457;}
.contentView.active svg polygon, .dataView.active svg polygon, .dataView.active svg path,.dataView.active svg polyline{fill:#fff !important;}
.contentView { border-radius: 0 0 0 15px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #00345f;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #00345f;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #00345f;
}
:-moz-placeholder { /* Firefox 18- */
	color: #00345f;
}
.menuSec:after{background-color: rgba(105, 137, 162, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: '';}
.menuSec{z-index: 2;padding: 20px 0;background-image: url('../images/sidebar-img.jpg'); background-repeat: no-repeat; height: 100%; 
width: 161px; background-size:cover;    position: fixed;top: 0;padding-top: 75px
}
.menuSec li a{color: #ffffff;}
.Menutext .text-style-1 {letter-spacing: 2px;}
.menuSec li{padding:13px 27px; line-height: 16px;position: relative;z-index: 2;}
.menuSec li.active a{text-decoration: underline;}
.breadcrumb {background-color: transparent;padding: 10px 0 0; margin-bottom: 0;}
.breadcrumb-item a{color: #fff}
.breadcrumb-item.active , .breadcrumb-item{ color: #fff;font-size: 12px;  line-height: 2.4;}
.toggleBar{background-color: #fff; width: 30px; height: 4px; margin-bottom: 6px; display: block;position: relative; z-index: 5;}
.mobileToggle{width: 30px;    cursor: pointer;    position: relative;  z-index: 3}
ul.sub-menu li { padding: 8px 0 8px 10px; font-size: 13px;}
.navbar-top{position: fixed; top: 0; width: 1280px; z-index: 99; height: 75px;}
.breadcrumb-item + .breadcrumb-item::before{display: none;}


/*banner section*/


.margin-left{margin-left: 161px;}

.bannerInner img{max-width: 100%; }
.bannerInner .item{position: relative; background-repeat: no-repeat;background-size: cover;    background-position: center;}
.bannerInner .item figcaption { padding: 297px 30px 22px 30px;position: relative; z-index: 3;}
.XbannerInner .item:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/slider-ptrn.png'); background-repeat: no-repeat;background-size: cover; opacity: 0.2 }
.XbannerInner .item:after{content: ''; background-image: url('../images/rect-img.png'); background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.5; }
.bannerInner .owl-carousel .owl-nav button.owl-prev, .bannerInner .owl-carousel .owl-nav button.owl-next{position: absolute; top:50%; left:0px;background-image: url('../images/arrow_left.png'); background-repeat: no-repeat;height: 53px; width: 56px; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { color: #fff; }

.bannerInner .owl-carousel .owl-nav button.owl-next{background-image: url('../images/arrow_left.png'); left: inherit; right:0px;
 transform: scaleX(-1); top:42%;
}
.bannerInner .owl-carousel .owl-nav button:focus{outline: none;box-shadow: none;}
.bannerInner .item figcaption h1{line-height: 1.11; font-size: 36px;letter-spacing: 2.3px; font-weight: 400;
	text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);color: #fff;text-transform: uppercase;
}
.bannerInner .item figcaption h2{ font-size: 20px;letter-spacing: 2.3px;text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
	color: #fff;font-weight: 400; text-transform: uppercase;
}
/* .bannerInner .item figcaption{position: absolute;bottom: 20px; left:24px;} */
.bannerInner .owl-carousel button.owl-dot{height: 10px ;width: 10px; background-image: url('../images/inactive.png');
background-repeat: no-repeat; margin: 0 6px;
}
.bannerInner .owl-dots { text-align: center;position: absolute;bottom:15px; text-align: center; width: 100%; line-height: 0;}
.bannerInner .owl-carousel button.owl-dot.active{ background-image: url('../images/active.png');}

/*middle section*/
.middleSection{padding: 30px 15px 30px 30px; }
.content h3{ font-size: 20px; line-height: 1.2;letter-spacing: 2px;color: #000000; text-transform: uppercase; margin-bottom: 17px; font-weight: 600;}
.content p {font-size: 16px;line-height: 1.5; color: #000000;}
.contentBottom .content{padding-top: 50px;}
.contentBottom .content h3{text-transform: inherit; letter-spacing: normal;}
.card-body span{display: block;}
.card-header{background-color: transparent; padding: 0; border-bottom:0px;}
.card-header h3{line-height: 0;}
.card-header .btn{width: 100%; border-radius: 0; text-align: left; color: #fff;font-size: 20px;padding: 2px 78px 6px; text-decoration: none;
	background-repeat: no-repeat;  background-position: 98% center;background-image: url('../images/up.png');    position: relative;
}
.card-header .collapsed{background-image: url('../images/down.png');}
.card{margin-bottom: 30px;}
.accordion{margin-top: 10px;}
.conetet-img figcaption{font-size: 12px;line-height: 2; color: #000000;}
.readMore{border-radius: 25px;background-color: #a9a9a9;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); font-size: 13px;
	color: #ffffff; display: inline-block; letter-spacing: 1.5px;width: 263px;text-transform: uppercase; text-align: center;
	padding: 7px 10px 10px;
}
.readMore:hover, .readMore:focus{color: #fff;}
figure.conetet-img { margin-bottom: 35px;}
.card {border: none;box-shadow: 0 0 20px 2px #c2c2c2;}
.card .card-header .btn span object{height: 71px; width: 80px; position: absolute; left: -16px;top: -15px;}
.card .card-header .btn.collapsed .fill{opacity: 0}
.card .card-header .btn .blank{opacity: 0}
.card .card-header .btn.collapsed .blank { opacity: 1}


/*footer section*/
.footer{background-color: #fff; position: relative; padding: 50px 15px; box-shadow: 0 0px 36px 1px #afafaf;font-size: 12px;color: #4a4a4a;}
.footer:before{content: ''; background-image:url('../images/footer-ptrn.png'); background-repeat: no-repeat;
width: 100%; height: 100%; position: absolute;top: 0; left: 0;background-size: cover;background-position: right top;
}

.footer address a{color: #4a4a4a; }
.footer li a { float:left;position:relative;color:#00576F; font-size:12pt; font-weight: 600; padding-right:20px; text-transform:uppercase;} 

.videoSec { display: table; width: 100%;}
.videoSec figure, .videoSec figcaption{display: table-cell;vertical-align: middle}
.videoSec figcaption{padding-left: 10px;}
.footerLogo .fologo{display: flex; align-items: flex-end; justify-content: center;}




/*about us */
.middleSection p span{display: block; color:#1f485c;}

/*topic*/
.topIcon {text-align: center; margin-top: -100px; position: relative;  z-index: 1;}
figure.figureIcon object {position: absolute; top: 0; }
figure.figureIcon span { position: relative; display: block; cursor:pointer; }
figure.figureIcon figcaption{padding: 120px 15px 0; cursor:pointer; }
.listofIcons li{width: 11.7%; display: inline-block; position: relative; text-align: center;margin-bottom: 5px; vertical-align: top;
	transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;-moz-transition: 0.3s; 
}

figure.figureIcon object { position: absolute;  top: 0;  left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%); -moz-transform: translateX(-50%);-o-transform: translateX(-50%);     height: 120px;
}
.listofIcons .fill{opacity: 0;}
.listofIcons li:hover .fill{opacity: 1; transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;-moz-transition: 0.3s; }

.listofIcons li a {color:#000000;}
.listofIcons li a:hover {color:#133457;font-weight:600;text-decoration:none;}

.accordion.topic{margin-top: 35px;}
.topic .card .card-header .btn span object {height: 55px;width: 55px;top: -8px;}
.topic .card-header .btn { padding: 2px 50px 6px;}
.topic .card-body{padding: 0;}
.topicPage{ padding: 30px 0 30px 30px;}
.innerAccor{padding:15px 20px;}
.innerAccor .media { margin-bottom: 30px;}
.innerAccor p span{color: #000;}
.innerAccor ul li{padding-left: 12px; position: relative;}
.innerAccor ul li:before{content: ''; height: 5px; width: 5px; border-radius: 50%; position: absolute;left: 0; top:11px;background-color: #000;}
.nestedAccorInner{padding: 32px 60px;}
#accordionNested .card { box-shadow: none;}
.nestedAccorInner .media-body{font-size: 14px; color: #000; line-height: 20px;  }
.nestedAccorInner a:hover{color: #000}
.nestedAccorInner .row{padding-left: 23px;}
#accordionInner .card { margin-bottom: 14px;}
.topic .card { margin-bottom: 24px; margin-left:50px; margin-right:50px;     overflow: visible;}





/*media Queries*/

@media (max-width: 1109px){
	.col-2spalten { column-count:1; margin-bottom:40px !important;}
	.navbar-top { width: 100%;}
}

@media (max-width: 991px){
	
	.item-lab{
	background-position-x: -354px !important;
	}
	
	.margin-left { margin-left: 0;}
	.documentSearch{margin-bottom: 7px;}
	.topHeader { padding-bottom: 11px; flex: 0 0 75%;}
	.headerTopSec{align-items: center;padding:0 40px ; 

		-webkit-transition: -webkit-transform 300ms ease;
		-webkit-transition-duration: 300ms;
		-moz-transition: -moz-transform 300ms ease;
		transition: transform 300ms ease;
		transform: translate3d(0,0,0);
	}
	.mobileToggle {margin: 20px 10px 0 0;}
	.brand { flex: 0 0 25%;    margin-top: 14px;}
	.topHeader .row {flex-direction: row-reverse; text-align: right;}
	.contentView, .dataView { padding: 0 30px;}
	.menuSec{padding-top: 0; z-index: 99;width: 215px;
		-webkit-transition: -webkit-transform 300ms ease;
		-webkit-transition-duration: 300ms;
		-moz-transition: -moz-transform 300ms ease;
		transition: transform 300ms ease;
		transform: translate3d(-13.5em,0,0)
	}
	.activeNavbar .menuSec{transform: translate3d(0,0,0);}
	.menuSec { padding: 20px 23px;}
	.activeNavbar .headerTopSec { 

		-webkit-transition: -webkit-transform 300ms ease;
		-webkit-transition-duration: 300ms;
		-moz-transition: -moz-transform 300ms ease;
		transition: transform 300ms ease;
		transform: translate3d(13em,0,0);
	}
	.listofIcons li { width: 24%;}
	.nestedAccorInner { padding: 32px 25px;}
	.nestedAccorInner .row {padding-left: 0;}
}

   .b2_video { order: 2; }
    .b1_video { order: 1;  }
@media (max-width: 767px){
	
	   .b2_video { order: 1; margin-bottom:40px; }
    .b1_video { order: 2;  }
	
	
	 .cta{ font-size:18pt; font-weight:600; text-align:center; }
	.headerTopSec { padding: 0 15px;}
	.topHeader {flex: 0 0 70%;}
	.contentView, .dataView {letter-spacing: 1px;    background-position: 95% center;background-size: 14px;}
	.contentFigure {text-align: center;}
	.activeNavbar .menuSec{overflow-y: scroll;}
	.navbar-nav {top: -75px; height: 100%;}
	.menuSec:after{background-color: transparent;}
	.listofIcons li { width: 32%;}
	.topIcon object{height: 100px; width: 100px;}
	.topIcon { margin-top: -77px;}
	.bannerInner .item figcaption {padding: 177px 30px 48px 30px;}

	::-webkit-scrollbar {
		display: none;
	}
	
	
.header .navbar { justify-content: flex-end; margin: 0;}
.navbar-brand{ position:absolute; left:0px; top:0px;}
.nav-link{
    color: #fff !important;
    text-align: left;
    margin: 5px;
	margin-left:20px;
	
}
.nav_bg{ z-index:99999;
	float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    margin-top: 0px;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: rgba(24, 121, 153, 0.95);
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    background-blend-mode: multiply;
	}
	
	#collapsibleNavbar { margin-top: 25px;}
	
}



}

.device-width{overflow: hidden;}

@media (max-width: 575px){
	
	
 
	
	
	 .cta{ font-size:18pt; font-weight:600; text-align:center; }
.teaser_hdl{	
	line-height: 21pt !important;
    font-size: 28px !important;    
}
.teaser_images{   position:unset;  margin-top: -40px; margin-left:20px;}
.teaser_info{top: 30px; left: 30px;}


.search_container{ margin:0px; padding:0px;}
.search_field { margin-top:0px!important;}	
.search_option { flex: 0 0 100%;    max-width: 100%; }
.search_icon { height:80px; width:80px; margin-top:0px; margin-bottom:5px;}
.search_field .dropdown  { width: 100%!important;}
.btn-dark {margin-top:20px; width:100%;}

	.card-header .btn{
		white-space: initial;
		text-align:center;
	}
	.farbbox .col-sm-3{ width:30% !important;}
	.farbbox .col-sm-6{ width:70%!important;}


	.mobileToggle { order: 2;    margin-top: 0;}
	.brand { flex: inherit; order: 1;    position: absolute;  top: 0;margin-top: 6px;}
	.topHeader{order: 3;}
	.headerTopSec { align-items: flex-end; padding: 0 15px 6px;}
	.topHeader { flex: 0 0 94%; padding-bottom: 5px}
	.contentView, .dataView { padding: 0 15px;    
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		text-align: left
	}
	.bannerInner .item figcaption { padding:155px 10px 65px 29px;}
	.bannerInner .owl-carousel .owl-nav button.owl-prev, .bannerInner .owl-carousel .owl-nav button.owl-next {
		_offtop: 46%;
	}
	.contentBottom .content { padding-top: 0;}
	.middleSection {padding: 30px 15px 30px 15px;}
	.card .card-header .btn span object {left: 50%; top: -38px; transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);-o-transform: translateX(-50%);
	}
	.card-header .btn {padding:35px 30px 23px 13px;background-position: 96% center;}
	.headingAccor{text-overflow: ellipsis;overflow: hidden;}
	.card { margin-bottom: 10px; margin-top: 48px;}
	.footer .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.footerLogo .fologo { justify-content: start;}
	.footer:before { background-position: center;}
	.footerLogo .fologo { margin-top: 22px;}
	.videoSec { margin: 5px 0 20px;}
	.footer { padding: 35px 15px;}
	.contentView svg, .dataView svg{ right: 4px; width: 10px;}
	.listofIcons li { width: 49%;}
	figure.figureIcon figcaption { padding: 112px 3px 0;}
	.topic .card .card-header .btn span object{height: 71px; width: 80px;top: -38px}
	.topic .card-header .btn{    padding: 35px 30px 23px 13px;}
	.innerAccor .topic .card-header .btn { padding: 27px 30px 23px 13px;}
	#accordionInner .card { margin-bottom: 0; margin-top: 22px;}
	.nestedAccorInner { padding: 20px 10px;}
	.innerAccor { padding: 15px;}
	
	.topic .card{ margin-right:0px; margin-left:0px;}
}

@media (max-width: 450px){
.documentSearch { display:none!important;}
#info-werte {     margin-left: -140px;}
.row_termine {    margin: 0px!important;    padding:10px!important;}
#inhalt {    margin: 0px;    padding: 0px;}
.form-control{ margin-bottom: 10px; }

.bannerInner .item figcaption h1 { font-size: 31px; letter-spacing: 1px;}
.bannerInner .item figcaption h2 { font-size: 19px;    letter-spacing: 1px;}	
.bannerInner .item figcaption {    padding: 155px 10px 65px 50px; }


.info-community {
    background-image:none !important;
    background-color: rgb(36 163 169 / 72%);
	min-height: unset;
}

.message-community {
    padding: 20px;
	   margin: 20px;
}


.info-community-learn {
	left:0px;
	width:100%;
	background-image:none !important;
    background-color: rgb(36 163 169 / 72%);
	min-height: unset;
	
}


 .cta{ font-size:18pt; font-weight:600; text-align:center; }


}