/*
Theme Name: FoBi Template
Theme URI: http://fobi.kurs-anmelden.de
Author: Gregory Jolun
Author URI: http://fobi.kurs-anmelden.de
Description: Master fuer Fort- und Weiterbildungsinstituts mit Anmeldefunktion, Weiterleitung an einem Freund, Googleroutenplanner, Fabebook teilen, AGB's, Impressum, Abmeldefunktion der Applikation.
Version: 1.0
Tags: Anmeldefunktion, Weiterleitung an einem Freund, Googleroutenplanner, Fabebook teilen, AGB's, Impressum, Abmeldefunktion der Applikation RESPONSIVE DESIGN.
Text Domain: fobi

*/

.Qwer{
text-align:right;

}

.glyphicon-route {
    color: #ffffff;
}

#access a span {
color:red;
}

a:link{
	text-decoration:none; !important
}
a:hover{
	text-decoration:none; !important
	}
a:visited{
	text-decoration:none; !important
}
a:active{
	text-decoration:none; !important
}
a:focus{
	text-decoration:none; !important
}


// TABELLEN ÜBERSICHT

table.category-overview > tbody > tr > td > a,
.category_row > a {
	color: white;
	font-size:16px;
	line-height:1;
}
.category-overview{
	width:100%;
	height:50px;
	}











// aCCORDEON üBERSICHT
.panel.panel-heading {
    background-image: none;
    background-color: blue;
    color: blue;
	text-decoration:none; !important
}
#accordion .panel-title.main_category_title {
	color=#91d7f8;
	text-decoration:none;	
}

#accordion > div.panel.panel-default.main_category_color_395 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_330 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_239 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_321 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_287 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_251 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_198 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_192 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_193 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_195 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_189 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_188 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_201 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_199 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_129 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_130 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_65 > div.panel-heading {
    background-color: #f8f8f8;
}
#accordion > div.panel.panel-default.main_category_color_49 > div.panel-heading {
    background-color: #f8f8f8;
}


.panel-body{
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;	
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 0px;
}

.footer-col{
	padding-left:5px;
	padding-right:5px;	
}



/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 0px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}


/* GJ Styling System +++ HEAD +++
-------------------------------------------------- */

.background-logo {
  text-align:left;
  width: 100%;
  background-color: #F5F7FA;
}

.background-header1 {
  text-align:left;
  width: 100%;
  background-color: #ffffff;
}

.background-header2 {
  text-align:left;
  width: 100%;
  background-color: #f9f9f9;
}


.container-logo-hinterground{
background:#F5F7FA;
width:100%;	
}

.container-logo{
width:800px;
margin-left:auto;
margin-right:auto;	
background:#F5F7FA;	
}

/* GJ Styling System +++ BODY +++ #F5F7FA
-------------------------------------------------- */

.container-body-hinterground{
background:#E6E9ED;
width:100%;	
}

.container-body{
width:800px;
margin-left:auto;
margin-right:auto;	
background:#E6E9ED;
padding-top: 15px;
padding-bottom: 15px;	
}

.container-body1-hinterground{
background:#F5F7FA;
width:100%;	
}

.container-body1{
width:800px;
margin-left:auto;
margin-right:auto;	
background:#F5F7FA;	
padding-top: 15px;
padding-bottom: 15px;	
}

.container-body2-hinterground{
background:#FFF;
width:100%;	
}

.container-body2{
width:800px;
margin-left:auto;
margin-right:auto;	
background:#FFF;
padding-top: 15px;
padding-bottom: 15px;	
}




.heading{
font-weight: bold;
}

.centered{
text-align:center;
}

.row{
margin-left:0px;
margin-right:0px;	
}



.nav-tabs {
    margin: 0px auto;
    border-bottom: 1px solid #aaa;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    z-index: 2;
    display: justify; 
}

.nav-tabs > li > a {
    padding: 8px 8px 5px;
    margin-right:20px;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color: #5cb85c;
    border-radius: 3px;
    border:1px solid #aaa;
    border-width: medium medium 1px !important;
    border-style: none none solid !important;
    border-color: -moz-use-text-color -moz-use-text-color transparent !important;
    -moz-border-top-colors: #aaa !important;
    -moz-border-right-colors: none !important;
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    border-image: none !important;

}

.nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #eee;
    color:#555;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #f0ad4e;
    border-top:1px solid #aaa;
    border-bottom: 1px solid #f0ad4e !important;
}
/**---------------- Media query old  color: #52656f; #889098; ----------------**/
body
{
    font-family: "Noto Sans", Arial, Verdana, serif;
	font-size: 1.5rem;
	font-weight: 400;
    color: #333;
    background: #ffffff;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



#responsive-form{
	max-width:100% /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
text-align: left;	
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}	
	
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea , .wpcf7 select {
	
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.wpcf7-submit{
	float: right;
	background: #CA0002;
	color: #fff;
	text-transform: uppercase;
	border: none;
	padding: 8px 20px;
	cursor: pointer;
}
.wpcf7-submit:hover{
	background: #ff0000;
}
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}

#wpcf7-very-special-field
{
width: 300px;
}


.home-div-styling{
border: 1px solid #F0FFFF;

}

/**---------------- Make That Number Clickable ----------------**/

a[href^="tel:"]:before {

    display: left;
    margin-right: 0.5em;
}

.back_home{
text-align: right;


}

.main_cat{

background-color:#eeeeff;
padding-top: 5px;
padding-right: 5px;
padding-left: 10px;
padding-bottom: 5px;
border:1px solid #e7e7e7;	
	
	
}

.ikon-search{
float:right
}

.search-blue{
	font-size: 18px;
	color: blue;
	line-height: 1.5;
}

.online-events{
	font-size: 14px;
	font-weight: bold;
    border-radius: 5px;
	padding-left: 5px;
    padding-right: 5px;
	padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 2px;
    background-color: red;
    color: white;
	
	
}


.online-events-float-right-top{
	font-size: 18px;
	font-weight: bold;
    border-radius: 25px;
	padding-left: 10px;
    padding-right: 10px;
	padding-top: 4px;
    padding-bottom: 5px;
    margin-right: 5px;
    background-color: red;
    color: white;
	float:left;
	border-radius: 0px 0px 0px 1px;
	border: 2px 5px solid white;

}

.online-events-single{
	font-size: 10px;
	font-weight: bold;
    border-radius: 25px;
	padding-left: 10px;
    padding-right: 10px;
	padding-top: 4px;
    padding-bottom: 5px;
    margin-right: 5px;
    background-color: red;
    color: white;
	float:left;
	
}



.titel_home_balk_en{
    background-color: blue;
    text-decoration: white;
	
	
}



.online-events-single-title{
	font-size: 16px;
	font-weight: bold;
    border-radius: 0px;
	padding-left: 10px;
    padding-right: 10px;
	padding-top: 4px;
    padding-bottom: 5px;
    margin-right: 0px;
    margin-top: 0px;	
    background-color: red;
    color: white;
	float:right;
	border-radius: 0px 0px 0px 10px;
	border-bottom: 2px solid white;
	border-left: 2px solid white;	
	
}


.anmeldung_moeglich{
	font-size: 14px;
	font-weight: bold;
    border-radius: 25px;
	padding-left: 10px;
    padding-right: 10px;
	padding-top: 4px;
    padding-bottom: 5px;
    margin-right: 0px;
    color: green;
}

.online-left{

  background-color: yellow;
  -ms-transform: rotate(-90deg); /* IE 9 */
  transform: rotate(-90deg);


  	

}

.search-orange{
	font-size: 12px;
	color: black;
	color:inherit;
	text-decoration: none;
}

.search-grey{
	font-size: 12px;
	color: #fff;
}


}

.text-deko{
	text-decoration: none;
		color: #889098;
}

.align-right{
text-align: right;
}

.fa-search {
color: #FFA500;
font-weight: bold;
font-size: 1.5em;	

}

.greg- 1{
color:red;
}

.greg- 2{
color:yellow;
background-color: lightblue;	
}

.cat-3{

}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    color: inherit;
}

.institut_stating_one{

	
	color: white;
	padding: 20px;
	

}


.institut_stating_zur_anmeldung{

	background-color: #91d7f8;
	    color: white;
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;	

}


.institut_button{
	background-color: #29467e;
	font-size: 17px;
    border-color: white;	
}

.institut_button_last_minute{
	background-color: red;
	font-size: 17px;	
    border-color: white;
	    color: white;
}

a:hover {
    color: red;
}

.institut_border{
	border: 1px solid black;
}

.institut_inhalt{
	padding-left: 10px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-left: 1px solid #91d7f8;
	border-right: 1px solid #91d7f8;		
	background: ;
}

.institut_inhalt_home{
	padding-left: 10px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-left: 1px solid #91d7f8;
	border-right: 1px solid #91d7f8;
	border-bottom: 1px solid #91d7f8;
	background: ;	
}

.institut_tabelle{
	border-left: 1px solid #91d7f8;
	border-right: 1px solid #91d7f8;		
}	

.institut_formular{
	border-left: 1px solid #91d7f8;
	border-right: 1px solid #91d7f8;	
	border-top: 1px solid #91d7f8;
	border-bottom: 1px solid #91d7f8;	
	padding: 10px;
	background: white;
}

	
.anmeldeformular{
  text-align:middle;
}

.panel-default > .panel-heading{
background-color: #ffffff;

}

/* FORMATIERUNGEN START
-------------------------------------------------- */

.anleitungstext{
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	font-size: 1.5em;
}

.pstext{
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	font-size: 1.5em;}

/* LINKS BUTTON END
-------------------------------------------------- */

/* Social media start
-------------------------------------------------- */

.grid-container {
	

  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "Facebook Instant-Messenger Twitter WhatsApp Empfehlen";
}

.Facebook { grid-area: Facebook; }

.xing { grid-area: Instant-Messenger; }

.Twitter { grid-area: Twitter; }

.WhatsApp { grid-area: WhatsApp; }

.Empfehlen { grid-area: Empfehlen; }


/* Social media End
-------------------------------------------------- */

.social_media_pos {
    position: fixed;
    bottom: 0;
    width: 100%	
}



/** START Balken Dunkelblau und Hellblau Einstellungen für Online-Kurs in Home - Heute - Diese Woche - Diesen Monat - Nächste Monat - Online Kurse  START---**/

.online-events-single-home{
	font-size: 13px;
	font-weight: bold;
    border-radius: 0px;
	padding-left: 10px;
    padding-right: 10px;
	padding-top: 4px;
    padding-bottom: 5px;
    margin-right: 0px;
    margin-top: 0px;	
    background-color: red;
    color: white;
	float:right;
	border-radius: 10px 10px 10px 10px;
	border-bottom: 2px solid white;
	border-left: 2px solid white;	
	
}
/** END Balken Dunkelblau und Hellblau Einstellungen für Online-Kurs in Home - Heute - Diese Woche - Diesen Monat - Nächste Monat - Online Kurse  END---**/

.institut_stating_home{

	background-color: #29467e;
	color: white;
	text-decoration: white;
	padding: 5px;
	

}


.institut_stating_one{

	background-color: #29467e;
	    color: white;
	padding: 20px;
}

.institut_stating_two{

	background-color: #91d7f8;
	color: white;
	padding-left: 20px;
	padding-top: 32px;
	padding-right: 20px;
	padding-bottom: 20px;	

}


/** START Logo Einstellungen für Online-Kurs für Online-Kurs in Home - Heute - Diese Woche - Diesen Monat - Nächste Monat - Online Kurse  START---**/


.online-events-single-home{
	font-size: 13px;
	font-weight: bold;
    border-radius: 0px;
	padding-left: 10px;
    padding-right: 10px;
	padding-top: 4px;
    padding-bottom: 5px;
    margin-right: 0px;
    margin-top: 0px;	
    background-color: red;
    color: white;
	float:right;
	border-radius: 10px 10px 10px 10px;
	border-bottom: 2px solid white;
	border-left: 2px solid white;	
	
}
/** END Logo Einstellungen für Online-Kurs für Online-Kurs in Home - Heute - Diese Woche - Diesen Monat - Nächste Monat - Online Kurse  END---**/


/* START Styling System +++ FOOTER +++ background-color: #29467e; AND border-top:5px solid #91d7f8; ------- */

.footer {
	
  text-align:left;
  position: unset;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: auto;
  /* ORIGINAL background-color: #29467e;  */	
  background-color: #29467e;
  /* ORIGINAL border-top:5px solid #91d7f8;  */		
  border-top:5px solid #91d7f8;
} 

/* END Styling System +++ FOOTER +++ background-color: #29467e; AND border-top:5px solid #91d7f8; ------- */


/* Bottom left text */
.bottom-left {
  background-color: #ffffff;
  opacity: 0.8;	
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.container_header_newsletter{
  position: relative;
  text-align: center;
  color: white;	
}





.screen-reader-response{

	color: green;
	padding : 10px;
	font-size:20px;
	font-weight: bold;
	
}

.wpcf7-response-output{

	color: green;
	padding : 10px;
	font-size:20px;
	font-weight: bold;
}

.margin_bottom_staging_two{
	margin-bottom: 500px;
}

.div.example {
  background-color: lightgrey;
  padding: 20px;
}

@media screen and (min-width: 800px) {
  div.example {
    font-size: 30px;
	line-height:1.3em;  
  }
}




@media screen and (min-width: 400px) {
  div.example {
    font-size: 30px;
	line-height:1.3em;
  
	  
 
  }
}

@media screen and (max-width: 401px) {
  div.example {
    font-size: 40px;
	line-height:1.3em;
	color: red;		  
  }
}

@media screen and (max-width: 370px) {
  div.example {
    font-size: 25px;
	line-height:1.3em;  
	color: white;	 	  
  }
}

@media screen and (min-width: 200px) {
  div.example {
    font-size: 25px;
	line-height:1em;  
  }
}

.cache-cache-lg{

}

@media screen and (max-width: 800px) {
  div.cache-cache-lg {
    display: none;

  }
}