/* Themify Customize Styling */
body {	
	font-family: "Tahoma", "Geneva", sans-serif; 
}
a {	
	color: #007dbd; 
}
a:hover {	
	color: #f7a600; 
}
#sidebar {	
	padding-left: 25px; 
}
h1 {	
	font-family: "ubuntu";	font-weight:200;
	letter-spacing:2px;
	font-size:35px;
 
}
h2 {	
	font-family: "ubuntu";	font-weight:200;
	letter-spacing:2px;
	font-size:30px;
 
}
h3 {	
	font-family: "ubuntu";	font-weight:200;
	letter-spacing:1px;
	font-size:25px;
 
}
h4 {	
	font-family: "ubuntu";	font-weight:200;
	font-size:20px;
	text-transform:none; 
}
h5 {	
	font-family: "ubuntu";	font-weight:200;
	font-size:18px;
 
}
h6 {	
	font-family: "ubuntu";	font-weight:200;
	font-size:16px;
 
}
#site-description {	
	font-family: "ubuntu";	font-style:italic;
	font-weight:normal;
	font-style:italic;
	font-size:18px;
	text-align:center;
	color: #007dbd; 
}
#main-nav a {		font-weight:normal;
 
}
#main-nav a:hover {	
	color: #f7a600; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #f7a600; 
}
#main-nav ul a:hover {	
	color: #f7a600; 
}
#main-nav .sub-menu > .current_page_item > a, #main-nav .sub-menu > .current-menu-item > a {	
	color: #f7a600; 
}
.post-title {	
	font-family: "ubuntu";	font-weight:200;
 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #f7a600; 
}
.loops-wrapper.grid3 .post-title, .loops-wrapper.grid3 .post-title a {	
	font-family: "ubuntu";	font-weight:200;
 
}
.loops-wrapper.list-thumb-image .post-title, .loops-wrapper.list-thumb-image .post-title a {	
	font-family: "ubuntu";	font-weight:normal;
 
}
.module-title {	
	font-family: "ubuntu";	font-weight:normal;
	letter-spacing:2px;
	font-size:25px;
	text-align:left; 
}
#sidebar a, #sidebar-alt a {	
	color: #007ebd; 
}
#footer, #footer-logo, .footer-nav a, .footer-text {		text-align:left; 
}
#footer a {		text-align:left;
	color: #000000; 
}
#footer a:hover {	
	color: #f7a600; 
}
#footer-nav {	
	padding-top: 38px; 
}
#footer-nav a {		text-align:left; 
}
#footer-nav a:hover, #footer-nav li:hover > a {	
	color: #f7a600; 
}
#footer-nav .current_page_item a, #footer-nav .current-menu-item a {	
	color: #f7a600; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #f7a600; 
}
@media(max-width: 1024px) { /* Themify Customize Styling */
a {	
	color: #007dbd; 
}
h1 {	
	font-family: "ubuntu";	font-weight:200;
 
}
h2 {		font-weight:200;
 
}
h3 {		font-weight:200;
 
}
h4 {		font-weight:200;
 
}
h5 {		font-weight:200;
 
}
h6 {		font-weight:200;
 
}
#site-description {	
	font-family: "ubuntu";	font-weight:normal;
 
}
#main-nav a {		font-weight:normal;
 
}
#main-nav a:hover {	
	color: #007ebd; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #007ebd; 
}
#main-nav ul a:hover {	
	color: #007ebd; 
}
#main-nav .sub-menu > .current_page_item > a, #main-nav .sub-menu > .current-menu-item > a {	
	color: #007ebd; 
}
.post-title {		font-weight:200;
 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #f7a600; 
}
.loops-wrapper.grid3 .post-title, .loops-wrapper.grid3 .post-title a {		font-weight:200;
 
}
.loops-wrapper.list-thumb-image .post-title, .loops-wrapper.list-thumb-image .post-title a {		font-weight:normal;
 
}
.module-title {		font-weight:normal;
 
}
#sidebar a, #sidebar-alt a {	
	color: #007ebd; 
}
#footer a {	
	color: #007ebd; 
}
#footer a:hover {	
	color: #024f78; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #f7a600; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
h1 {	
	font-family: "ubuntu";	font-weight:200;
 
}
h2 {		font-weight:200;
 
}
h3 {		font-weight:200;
 
}
h4 {		font-weight:200;
 
}
h5 {		font-weight:200;
 
}
h6 {		font-weight:200;
 
}
#site-description {	
	font-family: "ubuntu";	font-weight:normal;
 
}
#main-nav a {		font-weight:normal;
 
}
.post-title {		font-weight:200;
 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #f7a600; 
}
.loops-wrapper.grid3 .post-title, .loops-wrapper.grid3 .post-title a {		font-weight:200;
 
}
.loops-wrapper.list-thumb-image .post-title, .loops-wrapper.list-thumb-image .post-title a {		font-weight:normal;
 
}
.module-title {		font-weight:normal;
 
}
 }@media(max-width: 600px) { /* Themify Customize Styling */
a {	
	color: #007dbd; 
}
h1 {	
	font-family: "ubuntu";	font-weight:200;
 
}
h2 {		font-weight:200;
 
}
h3 {		font-weight:200;
 
}
h4 {		font-weight:200;
 
}
h5 {		font-weight:200;
 
}
h6 {		font-weight:200;
 
}
#site-description {	
	font-family: "ubuntu";	font-weight:normal;
 
}
#main-nav a {		font-weight:normal;
 
}
#main-nav a:hover {	
	color: #007ebd; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #007ebd; 
}
#main-nav ul a:hover {	
	color: #007ebd; 
}
#main-nav .sub-menu > .current_page_item > a, #main-nav .sub-menu > .current-menu-item > a {	
	color: #007ebd; 
}
.post-title {		font-weight:200;
 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #007dbd; 
}
.loops-wrapper.grid3 .post-title, .loops-wrapper.grid3 .post-title a {		font-weight:200;
 
}
.loops-wrapper.list-thumb-image .post-title, .loops-wrapper.list-thumb-image .post-title a {		font-weight:normal;
 
}
.module-title {		font-weight:800;
 
}
#sidebar a, #sidebar-alt a {	
	color: #007ebd; 
}
#footer-logo a img {		width: 200px; 
}
#footer, #footer-logo, .footer-nav a, .footer-text {		text-align:center; 
}
#footer a {	
	color: #007ebd; 
}
#footer a:hover {	
	color: #024f78; 
}
#footer-nav a {		text-align:center; 
}
#footer-nav a:hover, #footer-nav li:hover > a {	
	color: #f7a600; 
}
#footer-nav .current_page_item a, #footer-nav .current-menu-item a {	
	color: #f7a600; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #f7a600; 
}
 }.header-minbar #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap .sidemenu-on a:hover, .mobile_menu_active #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap #main-nav ul a:hover { 
	color: #007dbd; }.mobile_menu_active #menu-icon { background: none;
	background-color: #f7a600; }
/* Themify Custom CSS */
/* Content  

   * 1. Global Layout 
	 * 2. Contact Form Styling 
	 *	  2.1 Newsletter
	 *    2.2 Kontakt
	 *    2.3 Online-Anmeldung
	 * 		2.4 Gutschein
	 *    2.5 Bewerbungen
   * 3. Pricing Table Styling 
   * 4. Styling main-menu 
   * 5. Styling Icon Font 
   * 6. Styling Timeline Sidemenu
   * 7. Fix Audio Builder Plugin
   * 8. Styling Timetable
   * 9. Animations
   * 10. Styling Header Widget
   * 11. Styling Footer Row
   * 12. Styling Team
   * 13. Position Post-img
   * 14. Kontakt Margin
   * 15. Green in Tables
   * 16. Header
   * 17. bdfm Button
   * 18. Fixes after Major Update


*/







/* Responsive 

    * 1. Mobile  
        * 1.1 Sidebar 
        * 1.2 Center Content 
	      * 1.3 Center Footer 
	      * 1.4 Menu Button
	      * 1.5 Title */
@media screen and (max-width: 600px){
	.page-title{
		margin-top: 36px;
	}
}

/*
    *2. Header_Button 
		

*/




/* Content */
/* 1. Global Layout */

body{
	background-color: white;
}

		@media only screen and (min-width: 1024px) {

	/* Fit Layout for Laptop */

					#layout{
					width: 1280px;
				}

				#content{
					width: 75%;
				}

				#sidebar{
					width: 20%;
				}
}


 /* Fit Layout/Content for Header with Button */

	
@media only screen and (max-width: 920px) {
	#layout{
							margin-top: -60px;
	}
	}

@media only screen and (min-width: 920px) {

			#layout{
		       			margin-top: -60px;
	} 
	}

		@media only screen and (min-width: 1024px) {
			#layout{
					margin-top: 0px;
				} 
}



 /* Fit Layout for Tablet Landscape */ 


		@media only screen and (max-width: 1024px) {
			
			#content{
				width: 100%;
			}

			#sidebar {
				display: none;
			}
			}

	 /* 2. Contact Form Styling 
	 *	  2.1 Newsletter */

.newsletter    input[type="text"],
.newsletter    input[type="email"],
.newsletter    input[type="tel"],
.newsletter    input[type="select"]{
     width: 100%;
}


	 /*	  2.2 Kontakt */
    

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="select"],
    select
{
    background-color: #fff;
    color: #000;
    width: 50%;
		border: solid #000 1px;
		border-radius: 0;
}

input[type="checkbox"]{
		background-color: #fff;
		color: #000;
		border: solid #000 1px;
		border-radius: 0;
}

    textarea
{
    background-color: #fff;
    color: #000;
    width: 100%;
		border: solid black 1px;
		border-radius: 0;
}

      input[type="submit"],
      input[type="password"]{
	background-color: white;
	border-radius: 0;
		color: black;
		font: ubuntu;
		font-weight: normal;
		text-transform: none;
		border: solid #007dbd 1px
}


    input[type="submit"]:hover{
	background-color: white;
	border-radius: 0;
		color: #f7a600;
		font: ubuntu;
		font-weight: normal;
		text-transform: none;
		border: solid #007dbd 1px
}


	 /*	  2.2 Online-Anmeldung */

/*--- 2 Column Form Styles Start --- */

#forms_left {
    width: 47%;
    float: left;
    margin-right:6%;
	  padding-top: 10px;
}
 
#forms_right {
    width: 47%;
    float: left;
	  padding-top: 10px;
}
 
.clearfix_form:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
}
 
.clearfix_form {
    display:block;
}


.anmeldeformular 		input[type="text"],
.anmeldeformular    input[type="email"],
.anmeldeformular    input[type="tel"],
.anmeldeformular    input[type="select"],
.anmeldeformular    select
.anmeldeformular		textarea
{
    background-color: #fff;
    color: #000;
    width: 100%;
		border: solid #666 1px;
		border-radius: 0;
	  
}

.clearfix_whole_form{
		background-color: #fff;
	  padding: 30px 50px;

}

/* Disable Columns on Mobile */

@media only screen and (max-width: 768px){
	#forms_left{
		position: relative;
		width: 100%;
	}
	
	#forms_right{
		position: relative;
		width: 100%;
	}
	
}

/*--- 2 Column Form Styles End ---*/

/* 2.4 Gutschein */

#forms_small_left{
	  width: 47%;
    margin-right:6%;
	  padding-top: 10px;
}

/* 2.5 Bewerbungen */



   /* 3. Pricing Table Styling */

.module-pricing-table-title, .module-pricing-table-button {
	text-transform: none !important;
}



    /* 4. Styling main menu */
.current-menu-ancestor > .sub-menu {
	display: block !important;
}




    /* 5. Styling Icon Font */

.module-icon.small i{
	min-width: 0;
	min-height: 0;
}



.tf_inline_b {
	margin-left: 0.4em;
}


   /* 6. Styling Timeline Sidemenu */

.module.layout-list .module-timeline-date{
   width: 0%;
}

.module.layout-list .module-timeline-icon {
	left: 10%;
}


.module.layout-list .module-timeline-dot{
	display:none;
}

.module.layout-list>ul:before {
	left: 10%;
}

.module.layout-list .module-timeline-content-wrap{
	width: 82%;
}


		/* 7. Fix Audio Builder Plugin	*/
		
			.module .builder-audio-download{
				z-index: 5;
			}
			

			
			
			
		/* 8. Styling Timetable */



.timely a, .timely a:link, .timely a:visited, .timely a:active, .timely a:hover, #ai1ec-container a, #ai1ec-container a:link, #ai1ec-container a:visited, #ai1ec-container a:active, #ai1ec-container a:hover {
	background: white !important;

}

.ai1ec-month-view td, .ai1ec-week-view td, .ai1ec-oneday-view td {
	border: none !important;
}


table.ai1ec-month-view, .ai1ec-week-view table, .ai1ec-oneday-view table {
	border: none !important;
}

.ai1ec-calendar-title, .ai1ec-calendar-title-short {
	font-size: inherit;
	text-transform: none;
}

/*.ai1ec-calendar-toolbar  {
	display: none;
} */






/* 8. Animations */
/* 8.1 Hover Image */

.img-module-hover {
	transition: 500ms;
}

   .img-module-hover:hover{
	transform: scale(1.03);
}


/* 10. Styling Header Widget */

.header-widget .widgettitle{
	text-transform: inherit;
	text-decoration: none !important;
	font-weight: normal;
	font-family: tahoma;
	letter-spacing: 0px;
}


/* 11. Footer Row */

.footer-row{
	padding-left: 350px;
	padding-right: 50px;
}

@media only screen and (max-width: 900px) {
	.footer-row{
		padding-left: 50px;
	}




/* Responsive */

    /* 1. Mobile */
        /* 1.1 Sidebar */

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

	      #toggle-mobile-sidebar-button {
		display: none !important;
		background: black;
	}
	
	
	
	      /* 1.2 Center Content */
	#content{
		text-align: center;
		margin: auto;
	}
	
	
	
	      /* 1.3 Center Footer */
	
	.footer-horizontal-left #footer .footer-nav, .footer-horizontal-right #footer .footer-nav {
		float: none;
	}
	
	.footer-nav{
		margin-left: auto;
		margin-top: 0px;
		margin-bottom: 5px;
		padding-top: 0px !important;
	}
	
	



	}
}

    /* 1.4 Menu-Button */

.mobile_menu_active #menu-icon{
	margin-top: 110px;
}

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

.tf_inline_b{
	margin-left: 0.1em;
}
}
			/* 2. Header Button */






/* Mobile Styling Kacheln */
/*	.img-module-hover img{
		height: 150px;
		width: auto;
	} */
	
.img-module-hover-karussell {
	transition: 500ms;
}

   .img-module-hover-karussell:hover{
	transform: scale(1.03);
}


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

.img-module-hover-karussell .image-title a{
	font-size: 12px;
	padding-left: 2px;
	padding-right: 2px;
	
}

} 





/* Team Styling */


@media only screen and (max-width: 678px){
	
	.team-img img{
		height: 250px;
		width: auto;
		margin-top: 10px;
	}
	
	
}

/* 13. Post-img */

.post-image img{
	display: flex;
	margin-left: auto;
	margin-right: auto
}

/* 14. Kontakt Margin */


@media screen and (max-width: 1024px){
.contact-form-margin{
	
	margin-top: -10px;
	
	}

}




/* 15. Green in Tables */

.green{
	color: green;
}



/* HEader */

.hook-header{
	text-align: center;
}



/* 17. bdfm zertifiziert */

.bdfm-container{
	display: flex;
	justify-content: center;
}
.bdfm-logo{
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	display: block;
	
}



/* 18. 	Fixes after Major Update */
/* 18.1 Gap in Timeline-Plugin */

.module.layout-list>ul>li {
  column-gap:1px;
}