/* CSS, Fabian Schenk, 25.03.2016*/

/*******************************************************************************
   IMPORTS
*******************************************************************************/

/*  @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600');*/


/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url(/includes/fonts/source-sans-pro-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(/includes/fonts/source-sans-pro-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url(/includes/fonts/source-sans-pro-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




/*
@import "navigation.css";

*/

@import "fsw_accordion.css";
@import "fsw_buttons.css";


/*******************************************************************************
=============================== Layout-Elemente ================================
*******************************************************************************/


/*******************************************************************************
========================== Farben Hintergrunde & Texte  ========================
*******************************************************************************/



.bg_white					{ background-color: #FFFFFF; 	}
.bg_grey					{ background-color: #F2F2F3;	}
.bg_lightblue			{ background-color: #5EA1D3;	}
.bg_blue					{ background-color: #00285F;	}
.bg_darkblue			{ background-color: #031041;	}
.bg_yellow				{ background-color: #F9B200;	}
.bg_black					{ background-color: #000000;	}



.text_white				{ color:#FFFFFF; }
.text_yellow			{ color:#F9B200; }
.text_blue				{ color:#0069AE; }
.text_bluegrey		{ color:#98AED6; }
.text_black				{ color:#000000; }




/*******************************************************************************
================================= Navigation ===================================
*******************************************************************************/
.navbar-gendai .navbar-brand {
  color: #075285;
}
.navbar-gendai .navbar-brand:hover,
.navbar-gendai .navbar-brand:focus {
  color: #2E2E2E;
  background-color: none;
}
.navbar-gendai .navbar-text {
  color: #ffffff;
}
.navbar-gendai .navbar-nav > li > a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size:26px;
	color: #ffffff;
	margin-left:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	}
	
.navbar-gendai .navbar-nav > li > a:hover,
.navbar-gendai .navbar-nav > li > a:focus {
  color: #ffffff;
  /*
	background-color: transparent;*/
  background-color: #F9B200;
  
}
.navbar-gendai .navbar-nav > .active > a,
.navbar-gendai .navbar-nav > .active > a:hover,
.navbar-gendai .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #F9B200;
}
.navbar-gendai .navbar-nav > .disabled > a,
.navbar-gendai .navbar-nav > .disabled > a:hover,
.navbar-gendai .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-gendai .navbar-toggle {
  border-color: #ffffff;
}
.navbar-gendai .navbar-toggle:hover,
.navbar-gendai .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-gendai .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-gendai .navbar-collapse,
.navbar-gendai .navbar-form {
  border-color: #e7e7e7;
}
.navbar-gendai .navbar-nav > .open > a,
.navbar-gendai .navbar-nav > .open > a:hover,
.navbar-gendai .navbar-nav > .open > a:focus {
  color: #555;
  /*background-color: #e7e7e7;*/
}



/*******************************************************************************
================================ Schriften =================================
*******************************************************************************/


h1, h2, h3, p 	{  font-family: 'Source Sans Pro', sans-serif; }


/*.h3_footer	{ color:#F9B200;  }*/





/*******************************************************************************
================================== Paragraphs ==================================
******************************************************************************


.p_yellowbox		{ color:#FFFFFF;	background-color:#F9B200; }

.p_footer, .p_footer_copy				{ font-weight:400; }				
*/




/*******************************************************************************
==================================== Forms =====================================
*******************************************************************************/
.form-group { margin-bottom:0px; }

.form-group label { font-family: 'Source Sans Pro', sans-serif; }








/*******************************************************************************
===================================== Lists ====================================
*******************************************************************************/

.ul_paw{
	padding:0px;
	margin:0px;
	}

.ul_paw li{	
 	background: url(../../images/deko/paw.gif) no-repeat left top;
  padding: 5px 0px 0px 50px;
  margin:0px 0px 20px 0px;
  /* reset styles (optional): */
  list-style: none;
	}









/*******************************************************************************
===================================== Tables ===================================
*******************************************************************************/










/*******************************************************************************
=================================	Hyperlinks ===================================
*******************************************************************************/

.a_text:hover{ color:#F9B200;  text-decoration:underline;}

.a_footer{ color:#98AED6; }
.a_footer:visited{ color:#98AED6; }
.a_footer:hover{ color:#F9B200;  text-decoration:underline;}


/*******************************************************************************
=================================	Owl Carousel =================================
*******************************************************************************/



.owl-carousel {
position: relative;
}
.owl-prev,
.owl-next {
position: absolute;
top: 40%;
margin-top: -10px; // Half of the prev/next buttons height here in negatives to center them perfectly
}
.owl-prev {
left: 0;
}
.owl-next {
right: 0;
}





/*******************************************************************************
===================  Media Queries - Mobile First Methode  =====================
*******************************************************************************/


/* ==================== Very Small Mobile Devices under 320px =============== */ 
    @media only screen and (min-width : 1px) {
    	.bis320{ display:none; }	
    
			/* Layout ======================*/    
			.nav-logo						{ width:150px; 	margin:0px 0px 0px 0px; 	padding:0px 0px 0px 0px; 	}
			.nav-adjust					{	margin:25px 25px 25px 0px; 	}
			.div_bubbleframe		{ margin-top:20px; }
			.div_bubble					{	width:260px; margin:10px 0px 0px 4%; padding:25px 25px;	 text-align:center;}
			.div_bubblebottom		{	width:260px; margin:0px 0px 0px 5%; padding:0px 85px 0px 0px; text-align:right;	}
			.bubble_image				{	position:relative; top:-22px; z-index:1; margin:0px 0px -10px 0px; }			
			.div_vorteil				{ margin-top:10px; }
			.img_figur					{ padding:0px 20px 10px 20px; }
			.div_imprint				{ padding:10px 10px; margin:30px 0px 20px 0px; }
			.div_datenschutz		{ padding:10px 10px; margin:15px 0px 20px 0px; }
			.div_faq						{ margin:30px 0px 20px 0px; }
			
			
			
			/* Überschriften ============== */		
			.h1_imprint		{	font-size:23px; line-height:34px; margin:0px; padding:15px 0px; text-align:center;}
			.h2_imprint		{	font-size:20px; line-height:36px; margin:0px; padding:0px 0px 25px 0px; }
			.h3_imprint		{	font-size:16px; line-height:22px; margin:0px; padding:15px 0px 5px 0px; }
			.h2_bubble		{	font-size:24px; font-weight:600; letter-spacing: 1px; line-height:26px;	 padding:0px 0px 10px 0px; margin:0px;}
			.h2_connect		{	font-size:18px; font-weight:600; letter-spacing: 1px; width:290px; text-align:center; padding:10px;  margin:0px auto; position:relative; top:-20px; z-index:1;	}
			.h2_text			{	font-size:18px; font-weight:600; letter-spacing: 1px; text-align:center; padding:20px 0px 10px 0px; }
			.h2_figuren		{	font-size:20px; font-weight:600; letter-spacing: 1px; text-align:center; padding:0px 0px 10px 0px; }
			.h3_footer		{ font-size:16px; font-weight:500; letter-spacing: 0px; padding:18px 0px 0px 0px; margin:0px 0px 3px 0px;}
			.h4_text			{ font-size:16px; line-height:20px; font-weight:400; padding:0px 0px 0px 0px;	margin:0px 0px 5px 0px; }
			.panel-heading{ padding:5px; }
			.panel-title	{ font-size:14px; line-height:22px; font-weight:400; padding:5px 0px 5px 0px;	margin:0px;}	
		
			
			/* Paragraphs ================= */
			.p_text						{ font-size:16px; line-height:20px; font-weight:300; margin:0px; padding:0px;  }
			.p_yellowbox			{ font-size:16px; line-height:16px;	font-weight:400; padding: 10px; margin-right:0px;}
			.p_small					{ font-size:11px; line-height:16px;	font-weight:400; padding: 5px 0px 0px 0px; margin: 5px 0px 0px 0px;  font-style:italic; }
			.p_material				{ font-size:14px; line-height:16px;	font-weight:400; padding: 5px 0px 0px 0px; margin: 5px 0px 0px 0px; }
			.p_figuren				{ font-size:14px; line-height:17px;	font-weight:500; padding: 0px 5px 0px 5px; margin: 10px 0px 30px 0px; font-style:italic; }
			.p_faq_foot				{ font-size:14px; line-height:16px; font-weight:400; padding: 10px 5px 0px 0px; margin: 0px 0px 0px 0px; }
			.p_imprint				{ font-size:14px; line-height:18px;	font-weight:300; }
			.p_footer					{ font-size:16px; line-height:24px;	font-weight:300; padding:0px 0px 2px 0px;}
			.p_footer_copy		{ font-size:14px; line-height:16px;	font-weight:300; text-align:right; padding: 10px 0px; }
			
			
			/* Listen ======================*/
			.ul_paw li { font-size:16px; line-height:20px; font-weight:400; padding-bottom:0px; margin-left:0px; }
			
			.form-group label { font-size:18px; line-height:20px;	font-weight:300; padding:20px 0px 0px 2px; }


			/* Buttons =====================*/
			.btn-gendaiplt	{ margin:10px 0px 0px 0px; padding:6px 20px; font-size:12px; font-weight:400; margin-bottom:30px; }
			.btn-bubble			{ margin:10px 0px 0px 0px; padding:6px 20px; font-size:12px; font-weight:400; }						
    	}

    @media only screen and (max-width : 319px) {
  		.ab320{ display:none; }	
			

    	}




/* ====================== Custom, iPhone Retina 320px-479px ================= */ 
    @media only screen and (min-width : 320px) {
			.bis319{ display:none; }

			/* Layout ====================== */
		
		
			/* Überschriften ============== */	


			/* Paragraphs ================= */
			

    	}
    	
    	
    	
    @media only screen and (max-width : 479px) {
  		.ab480{ display:none; }			
    	}




/* ================= Extra Small Devices, Phones 480px-767px ================ */ 
    @media only screen and (min-width : 480px) {
  		.bis480{ display:none; }
			
			/* Layout ====================== */
			
			.div_bubbleframe		{ margin-top:30px; }
			.div_bubble					{	width:340px; margin:0px 0px 0px 27%; padding:25px 25px;	}
			.div_bubblebottom		{	width:340px; margin:0px 0px 0px 30%; padding:0px 35px 0px 0px; text-align:right;	}

			/* Überschriften ============== */


			/* Paragraphs ================= */
							
							
							
							
    	}

    @media only screen and (max-width : 767px) {
  		.ab768{ display:none; }  	
    	}



/* ===================== Small Devices, Tablets 768px-991px ================= */
    @media only screen and (min-width : 768px) {
			.bis768{ display:none; }

    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }


			/* Layout ====================== */

			.nav-logo						{ width:250px; 	margin:0px 0px 50px 0px; 	padding:0px 0px 0px 0px; 	}
			.nav-adjust					{	margin:35px 15px 35px 0px; 	}		
				
			.div_bubble					{	width:500px; margin:10px 0px 0px 14%; padding:25px 25px;	 text-align:left;}
			.div_bubblebottom		{	width:500px; margin:0px 0px 0px 15%; padding:0px 85px 0px 0px; text-align:right;	}
			.bubble_image				{	position:relative; top:-22px; z-index:1; margin:0px 0px 10px 0px; }			
			
			
			.div_vorteil				{ margin-top:30px; }
			.img_figur					{ padding:10px 30px 20px 30px; }
			
			
			.div_imprint				{ padding:20px 20px; margin:60px 0px 60px 0px;  background-color: #F2F2F3; }
			.div_datenschutz		{ padding:20px 20px; margin:60px 0px 60px 0px;  background-color: #F2F2F3; }
			.div_faq						{ margin:60px 0px 60px 0px; }
			
			
			/* Überschriften ============== */		
			.h1_imprint		{	font-size:34px; line-height:56px; margin:0px; padding:15px 0px; text-align:center;}
			.h2_imprint		{	font-size:26px; line-height:36px; margin:0px; padding:15px 0px 25px 0px; }
			.h3_imprint		{	font-size:18px; line-height:22px; margin:0px; padding:15px 0px 5px 0px; }
			.h2_bubble		{	font-size:30px; font-weight:500; letter-spacing: 1px; line-height:36px;	 padding:0px 0px 10px 0px; margin:0px;}
			.h2_connect		{	font-size:30px; font-weight:600; letter-spacing: 1px; width:600px; text-align:center; padding:20px;  margin:0px auto; position:relative; top:-40px; z-index:1;	}
			.h2_text			{	font-size:34px; font-weight:600; letter-spacing: 1px; text-align:center; padding:60px 0px 10px 0px; }
			.h2_figuren		{	font-size:30px; font-weight:600; letter-spacing: 1px; text-align:center; padding:0px 0px 10px 0px; }
			.h3_footer		{ font-size:22px; font-weight:400; letter-spacing: 0px; padding:20px 0px 0px 0px;  margin:0px 0px 10px 0px;}
			.h4_text			{ font-size:20px; line-height:28px; font-weight:400; padding:20px 0px 0px 0px;	}
			.panel-heading{ padding:10px; }
			.panel-title	{ font-size:18px; line-height:22px; font-weight:400; padding:5px 0px 5px 0px;	}
			
			
			/* Paragraphs ================= */
			.p_text						{ font-size:18px; line-height:22px; font-weight:300;	}
			.p_yellowbox			{ font-size:20px; line-height:26px;	font-weight:400; padding: 10px; }
			.p_small					{ font-size:14px; line-height:20px;	font-weight:400; padding: 5px 0px 0px 0px; margin: 5px 0px 0px 0px;  font-style:italic; }
			.p_material				{ font-size:16px; line-height:22px;	font-weight:400; padding: 5px 0px 0px 0px; margin: 5px 0px 0px 0px; }
			.p_figuren				{ font-size:16px; line-height:22px;	font-weight:400; padding: 0px 5px 0px 5px; margin: 0px 0px 30px 0px; font-style:italic; }
			.p_faq_foot				{ font-size:18px; line-height:26px; font-weight:400; padding: 20px 5px 0px 0px; }
			.p_imprint				{ font-size:18px; line-height:26px;	font-weight:300; }
			.p_footer					{ font-size:16px; line-height:26px;	font-weight:300; padding:0px 0px 20px 0px;}
			.p_footer_copy		{ font-size:14px; line-height:20px;	font-weight:300; text-align:right; padding: 10px 0px; }
			
			
			/* Listen ======================*/
			.ul_paw li { font-size:18px; line-height:26px; font-weight:600; padding-bottom:10px;}
			.form-group label { font-size:18px; line-height:20px;	font-weight:300; padding:20px 0px 0px 2px; }


			/* Buttons =====================*/
			.btn-gendaiplt	{ margin:10px 0px 0px 0px; padding:6px 20px;  font-size:19px; font-weight:400; margin-bottom:30px; }
			.btn-bubble			{ margin:10px 0px 0px 0px; padding:6px 20px; 	font-size:19px; font-weight:400; }		
    	}

    @media only screen and (max-width : 991px) {
  		.ab992{ display:none; }  		
    	}




/* ==================== Medium Devices, Desktops 992px-1199px =============== */
    @media only screen and (min-width : 992px) {
  		.bis992{ display:none; }


			/* Layout ====================== */
			.nav-logo						{ width:350px; 	margin:0px 0px 50px 0px; 	padding:0px 0px 0px 0px; 	}
			.nav-adjust					{	margin:50px 25px 50px 0px; 	}
			.div_bubbleframe		{ margin-top:0px; }
			.div_bubble					{	width:500px; margin:0px 0px 0px 20%; padding:25px 25px;  text-align:left;	}
			.div_bubblebottom		{	width:500px; margin:0px 0px 0px 20%; padding:0px 35px 0px 0px; text-align:right;	}
			.bubble_image				{	position:relative; top:-90px; z-index:1; margin:0px 0px -50px 0px; }
			.div_introblock			{	margin:0px 0px 50px 0px;	}
			.div_vorteil				{ margin-top:70px; }
			.img_figur					{ padding:10px 50px 20px 50px; }
			.div_imprint				{ padding:20px 20px; margin:60px 0px 60px 0px;  }
			.div_datenschutz		{ padding:20px 20px; margin:60px 0px 60px 0px; }
			
			
			/* Überschriften ============== */		
			.h1_imprint		{	font-size:46px; line-height:56px; margin:0px; padding:15px 0px; text-align:center;}
			.h2_imprint		{	font-size:26px; line-height:36px; margin:0px; padding:15px 0px 25px 0px; }
			.h3_imprint		{	font-size:18px; line-height:22px; margin:0px; padding:15px 0px 5px 0px; }
			.h2_bubble		{	font-size:36px; font-weight:300; letter-spacing: 1px; line-height:36px;	 padding:0px 0px 10px 0px; margin:0px;}
			.h2_connect		{	font-size:30px; font-weight:400; letter-spacing: 1px; width:600px; text-align:center; padding:20px;  margin:0px auto; position:relative; top:-40px; z-index:1;	}
			.h2_text			{	font-size:34px; font-weight:400; letter-spacing: 1px; text-align:center; padding:60px 0px 10px 0px; }
			.h2_figuren		{	font-size:34px; font-weight:400; letter-spacing: 1px; text-align:center; padding:0px 0px 10px 0px; }
			.h3_footer		{ font-size:22px; font-weight:400; letter-spacing: 0px; padding:20px 0px 0px 0px; }
			.h4_text			{ font-size:20px; line-height:28px; font-weight:400; padding:20px 0px 0px 0px;	}
			.panel-title	{ font-size:20px; line-height:26px; font-weight:400; padding:5px 0px 5px 0px;	}
			
			
			/* Paragraphs ================= */
			.p_text						{ font-size:20px; line-height:26px; font-weight:300;	}
			.p_yellowbox			{ font-size:20px; line-height:26px;	font-weight:400; padding: 10px; margin-right:50px;}
			.p_small					{ font-size:16px; line-height:20px;	font-weight:400; padding: 5px 0px 0px 0px; margin: 5px 0px 0px 0px;  font-style:italic; }
			.p_material				{ font-size:18px; line-height:22px;	font-weight:400; padding: 5px 0px 0px 0px; margin: 5px 0px 0px 0px; }
			.p_figuren				{ font-size:18px; line-height:26px;	font-weight:500; padding: 0px 5px 0px 5px; margin: 0px 0px 30px 0px; font-style:italic; }
			.p_faq_foot				{ font-size:20px; line-height:26px; font-weight:400; padding: 50px 5px 0px 0px; }
			.p_imprint				{ font-size:18px; line-height:26px;	font-weight:300; }
			.p_footer					{ font-size:20px; line-height:26px;	font-weight:300; padding:0px 0px 20px 0px;}
			.p_footer_copy		{ font-size:16px; line-height:20px;	font-weight:300; text-align:right; padding: 10px 0px; }
			
			
			/* Listen ======================*/
			.ul_paw li { font-size:18px; line-height:26px; font-weight:600; padding-bottom:10px;}
			.form-group label { font-size:18px; line-height:20px;	font-weight:300; padding:20px 0px 0px 2px; }


			/* Buttons =====================*/
			.btn-gendaiplt	{ margin:10px 0px 30px 0px; padding:6px 20px;  font-size:19px; font-weight:400; }
			.btn-bubble			{ margin:10px 0px  0px 0px; padding:6px 20px; 	font-size:19px; font-weight:400; }		
			}
    	
    	
    @media only screen and (max-width : 1199px) {
  		.ab1200{ display:none; }
    	}





/* ===================== Large Devices, Wide Screens above 1200px =========== */
    @media only screen and (min-width : 1200px) {
  		.bis1200{ display:none; }
  		
			/* Layout ====================== */	
			.div_bubble					{	width:500px; margin:0px 0px 0px 27%; padding:25px 25px;	}
			.div_bubblebottom		{	width:500px; margin:0px 0px 0px 30%; padding:0px 35px 0px 0px; text-align:right;	}
			.bubble_image				{	position:relative; top:-100px; z-index:1; margin:0px 0px -50px 0px; }

			
			/* Paragraphs ================= 
			.p_block	{ font-size:17px; line-height:24px; padding: 0px 0px 10px 0px; }		
			*/
			
			
			
    	}































/*

#exTab1 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}


#exTab1 .nav-pills > li > a {
  border-radius: 0;
}


#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  padding : 5px 15px;
}

*/