/* CSS, Fabian Schenk, 25.03.2016*/

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

/*
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800');
*/

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






body{
	background-color: #D6E3F1;
	/*
	background-image: url("../../../images/hintergrund/3.jpg");
	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: top center; 
	background-attachment: fixed;
	*/
	}











/*



.owl-prev {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 38%;
    left: -100px;
    display: block!IMPORTANT;
    border:0px solid black;
}

.owl-next {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 38%;
    right: -100px;
    display: block!IMPORTANT;
    border:0px solid black;
}

*/

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


.panorama {
	height: 400px;
	overflow-x: hidden;
	overflow-y: hidden;
	img {
		width: 100%;
		
		height: 100%;
	}
}


.div_whitebox			{	border:0px #F8F7F2 solid; padding:20px;	}

.div_whitebox2		{	border:1px #F8F7F2 solid; padding:20px 20px 0px 20px;	margin:0px 0px 40px 0px;}


#img_container {
  position:relative;
  display:inline-block;
  text-align:right;
	}

.button {
  position:absolute;
  bottom:10px;
  right:10px;
  width:100px;
  height:30px;
	}



.pageshadow{
	-webkit-box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.35);
	}



.team_rahmen{
	border:2px #58473D dashed ; padding:15px; margin:40px 30px;
	background-color: #F8F7F2;
	}


.index_team{  
	-ms-transform: rotate(-5deg); /* IE 9 */
	-webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
	transform: rotate(-5deg);
	-webkit-box-shadow: 0px 0px 15px 5px rgba(75,75,75,1);
	-moz-box-shadow: 0px 0px 15px 5px rgba(75,75,75,1);
	box-shadow: 0px 0px 15px 5px rgba(75,75,75,1);
	}



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



.bg_white			{ 	background-color: #FFFFFF; 	}

.bg_beige			{	background-color: #F7EEE1;	}
.bg_darkbeige		{	background-color: #FBF6F0;	}


.bg_brightblue		{	background-color: #E8EFF7;	}
.bg_lightblue		{	background-color: #8BAED8;	}
.bg_deepblue		{	background-color: #003752;	}
.bg_darkblue		{	background-color: #002640;	}


.bg_lightbrown		{	background-color: #D4AA67;	}
.bg_darkbrown		{	background-color: #58473D;	}


.bg_black			{ 	background-color: #000000;	}
.bg_grey			{	background-color: #898981;	}
.bg_khaki			{	background-color: #8B7146;	}
.bg_orange			{	background-color: #E06E00;	}
.bg_darkorange		{	background-color: #832F03;	}



.text_white			{ color:#FFFFFF; }
.text_black			{ color:#000000; }
.text_lightblue		{ color:#D6E3F1; }
.text_deepblue		{ color:#003752; }




/*
.page_shadow{

	}
*/



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


h1, h2, h3, h4 	{  font-family: 'Raleway', sans-serif; }




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

p						{	font-family: 'Raleway', sans-serif;  }

.p_slider		{ text-align:center; padding:5px; background-color:#fff;}



.span_intro	{	font-weight: 300; text-decoration:underline; text-transform: uppercase;	}




/*******************************************************************************
==================================== Images ====================================
*******************************************************************************/

.img_patch{ margin-bottom:30px;	border:1px #D6E3F1 solid ;}









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


.ul_leistung{
	padding-left: 1.5em;
	list-style: none;
	}

.ul_leistung > li:before{
	font-family: FontAwesome;
	content: "\f046";
	display: inline-block;
	width: 1.5em;
	margin-left: -1.5em;
	}





ol					{	font-family: 'Raleway', sans-serif;  }





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










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


.a_text{ color:#000000; }
.a_text:visited{ color:#000000; }
.a_text:hover{ color:#98C12E;  text-decoration:underline;}


.a_white{ color:#ffffff; }
.a_white:visited{ color:#ffffff; }
.a_white:hover{ color:#003752;  text-decoration:underline;}

.a_footer{ color:#000000; }
.a_footer:visited{ color:#000000; }
.a_footer:hover{ color:#ffffff;  text-decoration:underline;}

/*******************************************************************************
=================================	Google Maps ==================================
*******************************************************************************/






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


/* ==================== Very Small Mobile Devices under 320px =============== */ 
    @media only screen and (min-width : 1px) {
    
			/* Layout ======================*/    
			.owl-carousel					{	margin-bottom: 15px; }
			.owl-carousel div img {	border:5px #ffffff solid;	}					
			
			/* Überschriften ============== 		*/			
			.h1_intro				{ font-size:20px; font-weight:200; line-height:30px; padding:20px 0px  0px 0px; text-transform:uppercase; text-align:center;}
			.h1_banner			{	font-size:26px; font-weight:500; line-height:32px; padding:10px 0px 10px 0px; margin:15px;  text-transform:uppercase; text-align:center; }


			.h2_text				{	font-size:24px; font-weight:400; line-height:28px; padding:10px 15px 10px 15px; text-transform:uppercase; text-align:center; }
			.h2_team				{	font-size:24px; font-weight:600; line-height:32px; padding:10px 0px 10px 0px; margin:15px 0px 0px 0px; }
			.h2_kontakt			{	font-size:24px; font-weight:600; line-height:32px; padding: 0px 0px 10px 0px; margin: 5px 0px 0px 0px; }


			.h3_text				{	font-size:20px; font-weight:400; line-height:28px; padding:20px 0px 30px 0px; text-align:center; }
			.h3_team				{	font-size:17px; font-weight:400; line-height:23px; padding: 0px 0px 10px 0px; font-style:italic;  margin:0px;}
			.h3_kontakt			{ font-size:20px; font-weight:300; line-height:25px; padding: 0px 5px  5px 0px; 	margin: 0px 0px 5px 0px;}
			
			.h3_leistungen		{	font-size:14px; font-weight:400; line-height:28px; padding: 0px 0px 10px 42px; text-transform:uppercase; min-height:40px; line-height:20px; }
			.h3_banner			{	font-size:20px; font-weight:400; line-height:28px; padding:20px 0px 40px 0px; text-align:center; }


			.h4_text				{ font-size:17px; font-weight:600; line-height:17px; padding: 10px 0px  10px 15px; margin: 0px 0px 5px 0px;}

			
			/*Paragraphs ==================			*/
			.p_intro			{ font-size:15px; font-weight:200; line-height:25px; padding:10px 10px 20px 10px;  text-align:center;}
			.p_leistungen	{	font-size:15px; font-weight:200; line-height:27px; padding:10px 10px 20px 43px; margin-top:-25px;}
			.p_text				{	font-size:17px; font-weight:300; line-height:25px; padding: 0px 15px 15px 15px; 	margin: 0px 0px 5px 0px;}
			.p_team				{	font-size:15px; font-weight:300; line-height:20px; padding: 0px 15px  5px 0px; 	margin: 0px 0px 5px 0px;}


			.p_footer			{	font-size:14px; font-weight:500; text-align:center; padding:20px 20px 10px 20px; }
			
			
			.ol_text 			{ font-size:17px; font-weight:300; line-height:25px; padding: 0px 5px  5px 15px; 	margin: 0px 0px 5px 15px;}
			
			
			
			
    	
    	/* Bilder	===================*/
    	.logo2				{ padding:20% 20% 10% 20%; margin:0px auto 50px; }
		.index_team			{ padding:0px; margin:0px 0px 0px 0px; }      	
	   	.contact_icon		{ margin:25px 0px 25px 0px; padding:0px 30px;}			
			
			
    	}
    	

    @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 ====================== */



			/* Ü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 ====================== */
	
			

			/* Überschriften ============== */	
			.h1_intro				{ font-size:30px; font-weight:200; line-height:38px; padding:0px 0px  0px 0px; text-transform:uppercase; text-align:center;}
			.h1_banner			{	font-size:30px; font-weight:500; line-height:32px; padding:10px 0px 10px 0px; margin:15px;  text-transform:uppercase; text-align:center; }
			.h1_text				{	font-size:30px; font-weight:400; line-height:38px; padding:30px 0px 10px 0px; text-transform:uppercase; text-align:center;}


			.h2_text				{	font-size:26px; font-weight:400; line-height:28px; padding:30px 15px 30px 15px; text-transform:uppercase; text-align:center; }
			
			.h3_leistungen		{	font-size:16px; font-weight:400; line-height:28px; padding: 0px 0px 10px 42px; text-transform:uppercase; min-height:40px; line-height:24px; }

			/* Paragraphs ================= */	
			.p_intro			{ font-size:21px; font-weight:200; line-height:25px; padding:10px 10px 40px 10px;  text-align:center;}
			.p_leistungen	{	font-size:19px; font-weight:200; line-height:27px; padding:10px 0px 20px 43px; margin-top:-25px;}
				
				
				
				
    	
    	
    	/* Bilder	===================*/
    	.contact_icon	{ margin:50px 0px 25px 0px; padding:0px 0px;}			
				
    	}

    @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 ====================== */
			.block_introkontact		{ margin:  0px 0px  50px 0px; }
			.block_imgpatch				{ margin:100px 0px 300px 0px; }
			
			.owl-carousel					{	margin-bottom: 30px; }
			.owl-carousel div img {	border:7px #ffffff solid;	}
		
			/* Überschriften ============== */		
			.h1_intro				{ font-size:32px; font-weight:200; line-height:38px; padding:60px 0px  0px 0px; text-transform:uppercase; }
			.h1_text				{	font-size:32px; font-weight:400; line-height:38px; padding:30px 0px 10px 0px; text-transform:uppercase; text-align:center;}
			.h1_banner			{	font-size:32px; font-weight:500; line-height:32px; padding:10px 0px 10px 0px; margin:15px;  text-transform:uppercase; text-align:center; }
			
			
				
			.h2_text				{	font-size:28px; font-weight:400; line-height:28px; padding:30px 15px 30px 15px; text-transform:uppercase; text-align:center; }
			.h2_team				{	font-size:28px; font-weight:600; line-height:32px; padding:10px 0px 10px 0px; margin:15px 0px 0px 0px; }
			.h2_kontakt			{	font-size:24px; font-weight:600; line-height:32px; padding: 0px 0px 10px 0px; margin: 5px 0px 0px 0px; }
			.h2_banner			{	font-size:28px; font-weight:600; line-height:38px; padding:10px 0px 10px 0px; margin:50px 0px 0px 0px; text-align:center; }
			
			
			.h3_text				{	font-size:20px; font-weight:400; line-height:28px; padding:20px 0px 30px 0px; text-align:center; }
			.h3_leistungen			{	font-size:18px; font-weight:400; line-height:28px; padding: 0px 0px 10px 42px; text-transform:uppercase; min-height:40px; line-height:40px; }
			.h3_team				{	font-size:18px; font-weight:400; line-height:23px; padding: 0px 0px 10px 0px; font-style:italic;  margin:0px;}
			.h3_kontakt			{ font-size:20px; font-weight:300; line-height:25px; padding: 0px 5px  5px 0px; 	margin: 0px 0px 5px 0px;}
			.h3_banner			{	font-size:20px; font-weight:400; line-height:28px; padding:20px 0px 40px 0px; text-align:center; }
			
			.h4_text				{ font-size:17px; font-weight:600; line-height:17px; padding: 10px 0px  10px 15px; margin: 0px 0px 5px 0px;}
			
			
			
			
			/* Paragraphs ================= */
			.p_intro			{ font-size:19px; font-weight:200; line-height:27px; padding:20px 0px 20px  0px; }
			.p_title			{ font-size:19px; font-weight:200; line-height:22px; padding:0px 0px 75px  0px; text-align:center;	max-width:65%; margin:0 auto;}
			
			.p_leistungen	{	font-size:17px; font-weight:200; line-height:27px; padding:10px 0px 20px 43px; margin-top:-25px;}
			.p_text				{	font-size:17px; font-weight:300; line-height:25px; padding: 0px 15px  5px 15px; 	margin: 0px 0px 5px 0px;}
			.p_team				{	font-size:17px; font-weight:300; line-height:25px; padding: 0px 15px  5px 0px; 	margin: 0px 0px 5px 0px;}
			
			.p_table			{	font-size:17px; font-weight:300; line-height:21px; padding: 0px 5px  5px 0px; 	margin: 0px 0px 0px 0px;}

			.p_footer			{	font-size:14px; font-weight:500; }
			
			
			.ol_text 			{ font-size:17px; font-weight:300; line-height:25px; padding: 0px 5px  5px 15px; 	margin: 0px 0px 5px 15px; }
			
			
			/* Tabellen */
			.table_text		{	font-size:17px; font-weight:300; line-height:25px; padding: 0px 5px  5px 0px; 	margin: 0px 0px 5px 0px;}
			
			
			
			/* Buttons ================= */
			.btn-intro, .btn-beige { font-size:17px;  font-weight:500; padding:10px 10px 10px 10px; width:200px;}
    	
    	
    	
    	/* Bilder	===================*/
    	.logo			{ padding:10px 0px 0px 0px; }
		.index_team		{ padding:10px; margin:80px 20px 80px -20px; }    
		.contact_icon	{ margin:20px 0px 20px 0px; }
    	
    	
    	
    	.panel-group { margin:10px 0px 30px 0px; padding:5px 15px 0px 15px;	}
    	}
    	
    	
    	
    	
    	
    @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 ======================
			.listbox				{ min-height:680px; margin-bottom:30px; }  		
			.therapiebox		{ min-height:481px; }
			.imprintbox			{ min-height:1100px; }
			*/	
			
			/* Paragraphs ================= 
			.p_block	{ font-size:17px; line-height:24px; padding: 0px 0px 10px 0px; }		
			*/
    	}