/*
Theme Name: Spot Flavie
Theme URI: http://flamencooldenburg.de/wordpress/spot-flavie/
Description: Spot by XtremelySocial is an adaptation of the "Spot" theme by Blacktie.co. It is a modern, fully responsive, "flat" style theme with a nice color palette, big full-width images, and full-width colored sections. The navbar is dark and fixed at the top of the page for easy navigation. It includes several beautiful header images for businesses, photographers, musicians, writers and you can upload your own as well. For more information go to http://xtremelysocial.com/wordpress/spot/.
Author: XtremelySocial and Blacktie
Author URI: http://xtremelysocial.com
Author Child Theme: Birgit Berghoff
Version: 1.3
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.4
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, rtl-language-support, theme-options, translation-ready, sticky-post, threaded-comments, light, blue, black, red

Spot WordPress theme, Copyright (C) 2014 XtremelySocial
Spot WordPress theme is licensed under the GPL.
See readme.txt file for license information on components used in this theme.
*/

/* IMPORT the parent theme's stylesheet(s)
@import url("../flat-bootstrap/style.css");  */

/* IMPORT the parent theme's stylesheet(s)
@import url("../flat-bootstrap/bootstrap/css/bootstrap.min.css");  */

/* OVERRIDDEN styles from the parent theme's stylesheet(s) */

/* Need room for fixed navbar at the top. If you change the height of it, change it 
 * here as well. Make sure the navbar doesn't wrap on tablets or this won't work 
 * right.
 */
 
 

 /*--------------------------------------------------------------
komplette PAGE  NAVIGATION und FOOTER FULLSCREEN 
--------------------------------------------------------------*/
#page, .navbar, .after-footer {
    max-width: 100%;
    margin: 0 auto;
}


 /*--------------------------------------------------------------
ACHTUNG: Nur KURSE Neu - Content Container schmaler!!! 
--------------------------------------------------------------*/
/*
.page-id-7279 .entry-content .container {
	width: 860px !important;
}
*/

@media (min-width:1000px) {
.page-id-7279 .entry-content .container {
	max-width: 860px !important;
}
}
/*
body {
    padding-top: 80px;
}
*/


.site-content {
    padding-top: 80px;
}

@media screen and (max-width:782px) {
	.site-content {
		padding-top: 60px; 
	}
}



 /*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/



body {
	font-size: 17px;
	font-family: "Lato","Helvetica Neue",Arial,sans-serif;
    font-weight: 300;
    color: #333 !important;
    letter-spacing: 0.01em;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    
}


body.custom-background {
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-khtml-background-size: cover
	}

/*
p {
	font-size: 17px;
	font-family: "Lato","Helvetica Neue",Arial,sans-serif;
	font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.01em;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
}
*/


h1,h2,h3,h4,h5,h6 {
	color: #333;
	font-family:"Raleway","Helvetica Neue",Arial,sans-serif;
    word-wrap: break-word;
    }




h1 {
	font-size: 40px;
	font-weight: 300;
}

h2 {
	font-size: 32px;
	font-weight: 300;
}

h3 {
	font-size: 26px;
	font-weight: 600;
	text-transform: uppercase;

}
h4 {
	font-size: 22px;
	font-weight: 400;
	text-transform: uppercase;

}

h5 {
	font-size: 22px;
	font-weight: 400;
}

/* XXL Headline */
h6 {
	font-size: 90px;
	font-weight: 100;
}



@media (max-width:768px) {
    h1 {
    font-size: 24px;
	line-height: 120%;
      }
}

@media (max-width:768px) {
    h2 {
    font-size: 20px;
	line-height: 120%;
      }
}


@media (max-width:768px) {
    h3 {
    font-size: 18px;
	line-height: 120%;
      }
}

@media (max-width:768px) {
    h4 {
    font-size: 18px;
	line-height: 120%;
      }
}


@media (max-width:768px) {
    h5 {
    font-size: 18px;
	line-height: 120%;
      }
}


@media (max-width:768px) {
    h6 {
    font-size: 40px;
	line-height: 120%;
      }
}


.lead {
letter-spacing: 1px;
}



hr {
    margin-top: 22px;
    margin-bottom: 22px;
    border: 0;
    border-top: 1px dashed #ccc;
}


.txt-hl-shadow {
text-shadow: 0px 0px 50px #000;
}





/*--------------------------------------------------------------
# Set link color
--------------------------------------------------------------*/


a {
	font-weight: 500;
    color: #c0392b;
}

a:hover, a:focus {
	font-weight: 500;
    color: #e74c3c;
    text-decoration: none;
}




 /*--------------------------------------------------------------
 # NAVIGATION main
 --------------------------------------------------------------*/


/* When WordPress admin bar is displayed, move theme menu down below it. Note that the
 * media query here uses the exact breakpoint in WordPress not the breakpoint in this
 * theme. */
 
.navbar-fixed-top, .navbar-inverse { 
	top: 0px; 
	background-color: rgba(0,0,0,0.8);
	min-height: 80px;
}

@media screen and (max-width:782px) {
	.navbar-fixed-top .navbar-inverse {
		min-height: 60px; 
	}
}



body.admin-bar .navbar-fixed-top { 
	top: 32px !important; 
}

/*
@media screen and (max-width:782px) {
	body.admin-bar .navbar-fixed-top {
		top: 46px !important; 
	}
}
*/


/*--------------------------------------------------------------
# Style the fixed top nav MOBILE
--------------------------------------------------------------*/



.navbar-collapse {
    margin-top: 10px;
}

/*
.navbar-collapse >li>a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 20px;
}
*/

/*

.navbar-inverse {
    font-size: 14px;
    text-transform: none;
    white-space: normal;
}

.navbar-inverse {
    font-size: 14px;
    text-transform: none;
    white-space: normal;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 100%;
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    -webkit-overflow-scrolling: touch;
}


.navbar-inverse {
    font-size: 12px;
    font-family: "Raleway","Helvetica Neue",Arial,sans-serif;
    font-weight: 500;
    color: #777;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 18px;
    padding-bottom: 4px;
}
*/

/*--------------------------------------------------------------
# Style the fixed top nav 
--------------------------------------------------------------*/

.navbar-nav {
  color: #afafaf;
}

.navbar-inverse {
	font-size: 12px;
	font-family: "Raleway","Helvetica Neue",Arial,sans-serif;
	font-weight: 500;
	color: #777;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 18px;
	padding-bottom: 4px;
}

/*
.navbar-inverse .navbar-nav > li > a {
  color: #afafaf;
}
*/


.navbar-inverse .navbar-nav > .active > a {
	background-color: #c53638;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 6px;
}

/*
.navbar-inverse .navbar-nav  a:hover  {
    background-color: #932f31;
    color: #fff;
}
*/

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: transparent;
    padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 6px;
    color: #fff;
}


/* Don't black out the active nav link on hover */

navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus {
	background-color: #c53638;
	color: #fff;
}



/*
.navbar-inverse .navbar-brand {
	font-size: 22px;
	text-transform: uppercase;	
}


.navbar-inverse .navbar-brand i {
	color: #c53638;
	letter-spacing: 0.04em;
}
*/




.navbar-header {
    padding-left: 20px;
}

/*
.navbar-brand {
 font-size: 10px !important;
 min-width: 100px;
 margin-top: -4px;
background: no-repeat url(images/logo-mini.png);
 }
 */
 
.navbar-brand {
	font-size: 10px !important;
	min-width: 100px;
	margin-top: -4px;
	background: no-repeat url(images/logo-flamenco-flavie-cardona.png);
	background-size: 70%;
 }
 
 



 /*--------------------------------------------------------------
# NAVI MAIN - DROPDOWN
--------------------------------------------------------------*/
/*
.navbar-nav>li>.dropdown-menu {
    margin-top: 25px;
}
*/


.navbar-nav>li>.dropdown-menu {
    margin-top: 10px !important;
    }


/*
@media (min-width: 768px)
.navbar-right .dropdown-menu {
    left: auto;
    right: auto;
}
*/



.dropdown-menu>li>a {
	font-size: 14px;
	line-height: 1.4;
	font-weight: normal;
    text-transform: none;
    white-space: normal;
}

.dropdown-menu {
	min-width: 240px;
	}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #e53d3b !important;
}


/*
.dropdown-menu {
	background-color: rgba(0,0,0,0.8);
	min-width: 240px;
	}

.dropdown-menu>li>a {
    display: block;
    padding: 5px 10px;
    clear: both;
    color: #f2f2f2;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    line-height: 1.42857143;
    white-space: normal;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #e53d3b !important;
}
*/



/*--------------------------------------------------------------
# LAYOUT
--------------------------------------------------------------*/

.section-featured {
	border-bottom: 0px !important;
	padding-bottom: 30px;
}



.home .section-featured {
	padding-top: 60px;
	padding-bottom: 30px;
}



/*--------------------------------------------------------------
# BACKGROUND-IMAGES 
--------------------------------------------------------------*/

/* ACHTUNG: Neuer div in header.php: "bg-container" |  WP-Backend: kein normales BG-vis, BG-color=#000 
Bilder fuer mobile einzeln einbinden */

/* Hier die Version für individuelle BG-images via CSS. Versatz oben -margin, damit Bild unter Navi geht. */

.bg-container {
	/*margin-top: -81px;*/
	background-position: center top !important;
  	background-repeat: no-repeat !important;
	background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	-o-background-size: cover !important;
	-webkit-background-size: cover !important;
	-khtml-background-size: cover !important;
	position: fixed !important;
	width: 100vw !important;
	height: 100vh !important;  
	z-index: -1 !important;
	}


/* BG-img HOME */

.page-id-2 .bg-container, .page-id-6668 .bg-container {
    background: url(backgrounds/bg-flavie-manton-home-2200x1340-2b.jpg);
	}

@media (max-width:768px) {
    .page-id-2 .bg-container {
	background: url(backgrounds/bg-mob-home-b.jpg);
      }
}



/* BG-img Kurse */

.page-id-7279 .bg-container, .page-id-7416 .bg-container {
  background: url(backgrounds/bg-kurse-22.jpg);
	}

@media (max-width:768px) {
    .page-id-7279 .bg-container, .page-id-7416 .bg-container  {
	background: url(backgrounds/bg-mob-kurse-22b.jpg);
      }
}


/*
.page-id-1844 .section {
	display: block;
	vertical-align: center;
	max-width: 100%;
	height: auto;
	}

.page-id-1844 .custom-background {
	display: none !important;
	}
*/

/* BG-img Jetpack Portfolio -> alle Unterseiten */

.single-jetpack-portfolio .bg-container {
  background: url(backgrounds/bg-default.jpg);
	}
	
	@media (max-width:768px) {
    .single-jetpack-portfolio .bg-container {
	background: url(backgrounds/bg-mob-default.jpg);
      }
}


/* BG-img KONTAKT */

.page-id-915 .bg-container {
  background: url(backgrounds/bg-CJ-manton-alegria.jpg);
	}
	
@media (max-width:768px) {
    .page-id-915 .bg-container {
	background: url(backgrounds/bg-mob-CJ-manton-alegria.jpg);
      }
}


/* BG-img Beitraege -> alle Seiten */

.single .bg-container {
  background: url(backgrounds/bg-default.jpg);
	}
	
	@media (max-width:768px) {
    .single .bg-container {
	background: url(backgrounds/bg-mob-default.jpg);
      }
}


/* BG in row (Auftritte)*/
/*
.bgbootrow {
	margin-top: -140px;
	background-position: center top !important;
  	background-repeat: no-repeat !important;
	background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	-o-background-size: cover !important;
	-webkit-background-size: cover !important;
	-khtml-background-size: cover !important;
	position: fixed !important;
	width: 100vw !important;
	height: auto !important;  
	z-index: -1 !important;
	}
*/



/*--------------------------------------------------------------
# HEADLINES HOME
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# NUR CORONA!!!
--------------------------------------------------------------*/
/*

@media (min-width:780px) {
.page-id-2 h2, .page-id-6668 h2 {
	margin-left: 60px;
	margin-right: 60px;
}
}
*/


@media (min-width:780px) {
.corona {
	margin-left: 60px;
	margin-right: 60px;
}
}

@media (max-width:780px) {
.page-id-2 h6, .page-id-6668 h6 {
	font-size: 50px;
}
}

/*-------------------------------------------------------------*/
/*
.page-id-2 .entry-content {
	margin-top: 300px;
}

.page-id-2 .entry-content .section {
	padding-top: 300px;
	height: 40vh;
}
*/


.section-home {
	padding-top: 300px;
	margin-bottom: 100px;
	/*height: 80vh !important; */
}


@media screen and (min-width:1400px) {
.section-home {
	padding-top: 350px;
	margin-bottom: 150px;;
	  }
}


/*
@media screen and (max-width:780px) {
.page-id-2 .entry-content {
	margin-top: 300px !important;
	  }
}

@media (min-width:1400px) {
.page-id-2 .entry-content {
	margin-top: 320px !important;
      }
}
*/

/* Flavie Cardona */
.page-id-2 .entry-content h5 {
	margin-bottom: -16px;
	font-size: 28px !important;
	font-weight: 600;
}

/* Flamenco */
.page-id-2 .entry-content h1 {
	font-size: 50px !important;
}

@media (min-width:768px) {
.page-id-2 .entry-content h1 {
	font-size: 72px !important;
      }
}

/* & Danza Latina 
.page-id-2 .entry-content h4 {
	margin-bottom: 32px;
	font-size: 26px !important;
}
*/


/*
@media (max-width:768px) {
.page-id-2 .su-spacer {
	height: 40px !important;
      }
}
/*


a.scroll-down span {
	color: #e2000b;
	font-size: 30px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


a.scroll-down:hover span {
	font-size: 30px;
	color: #ff7878;
}

/*
a.scroll-down:hover span, .carousel-control:hover, .carousel-control:focus {
	color: #ff7878;
}
*/

a.scroll-down, a.scroll-down:focus span {
	color: #e2000b;
	font-size: 30px;
}




 /*--------------------------------------------------------------
# Geaenderte Theme-Farben 
--------------------------------------------------------------*/

.bg-gray {
    background-color: rgba(256,256,256,0.8) !important; 
}
.bg-almostblack{
    background-color: rgba(0,0,0,0.8) !important; 
}
.bg-lightgreen{
    background-color: rgba(0,0,0,0.5) !important;
}

.bg-brightgreen {
    background-color: rgba(0,0,0,0.3) !important;
}

.content-header {
    background-color: rgba(0,0,0,0.4) !important; 
    color: #fff;
}


.red, .bg-red {
    background-color: #c53638 !important;
}

.bg-yellow {
    background-color: rgba(194,33,27,0.6) !important;
}



/*--------------------------------------------------------------
# Link-Farbe auf bg-Farben 
 --------------------------------------------------------------*/
 
.lightgreen a:not(.btn), .bg-lightgreen a:not(.btn), .darkgreen a:not(.btn), .bg-darkgreen a:not(.btn), 
.brightgreen a:not(.btn), .bg-brightgreen a:not(.btn), .brightdarkgreen a:not(.btn), .bg-brightdarkgreen a:not(.btn), 
.lightorange a:not(.btn), .bg-lightorange a:not(.btn), 
.orange a:not(.btn), .bg-orange a:not(.btn), .darkorange a:not(.btn), .bg-darkorange a:not(.btn), 
.blue a:not(.btn), .bg-blue a:not(.btn), .darkblue a:not(.btn), .bg-darkblue a:not(.btn),  
.brightred a:not(.btn), .bg-brightred a:not(.btn), .darkred a:not(.btn), 
.bg-darkred a:not(.btn) {
    color: #fff;
    text-decoration: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: none;
}

.yellow a:not(.btn), .bg-yellow a:not(.btn) {
    color: #c0392b;
    text-decoration: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: none;
}

.lightgreen a:hover:not(.btn), .bg-lightgreen a:hover:not(.btn), .darkgreen a:hover:not(.btn), .bg-darkgreen a:hover:not(.btn), 
.brightgreen a:hover:not(.btn), .bg-brightgreen a:hover:not(.btn), .brightdarkgreen a:hover:not(.btn), .bg-brightdarkgreen a:hover:not(.btn), 
.yellow a:hover:not(.btn), .bg-yellow a:hover:not(.btn), .lightorange a:hover:not(.btn), .bg-lightorange a:hover:not(.btn), 
.orange a:hover:not(.btn), .bg-orange a:hover:not(.btn), .darkorange a:hover:not(.btn), .bg-darkorange a:hover:not(.btn), 
.blue a:hover:not(.btn), .bg-blue a:hover:not(.btn), .darkblue a:hover:not(.btn), .bg-darkblue a:hover:not(.btn), 
.red a:hover:not(.btn), .bg-red a:hover:not(.btn), 
.brightred a:hover:not(.btn), .bg-brightred a:hover:not(.btn), .darkred a:hover:not(.btn), .bg-darkred a:hover:not(.btn) {
    color: #ff7878;
}







/*--------------------------------------------------------------
# Bilder 
 --------------------------------------------------------------*/

img {
	margin-bottom: 40px;
}


/*--------------------------------------------------------------
# HOME TEASER (Aktuelle Termine) in content-page-posts.php 
 --------------------------------------------------------------*/


.wrapper-post {
	background-color: rgba(0,0,0,0.6);
	max-width: 320px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  	-moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  	-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
	}

	
.entry-meta, .entry-summary {
	display: none;
	}


.entry-header {
	margin-top: -6px;
}

.entry-title {
	color: #c53638;
	min-height: 46px;
	padding: 0px 10px 20px 10px;
	font-size: 18px;
	line-height: 125%;
	text-decoration: none !important;
}

h3.entry-title a, h2.entry-title a {
	color: #e2000b !important;
	font-weight: 600;
	text-transform: none;
	text-decoration: none !important;
}

h3.entry-title a:hover, h2.entry-title a:hover {
	color: #f22a27 !important;
	font-weight: 600;
	text-transform: none;
	text-decoration: none !important;

}

@media (max-width:768px) {
    .entry-title {
    font-size: 20px;
      }
}



.post-thumbnail {
	background-color: transparent;
	height: auto;
	position: relative;
}


.post-thumbnail .img-responsive {
	border: 0px !important;
	border-color: transparent;
	border-radius: 0px;
	padding: 0 !important;
	width: 100%;
	height: auto;
	margin: 0 auto;
	}

/*
a.post-thumbnail {
	opacity: 1;
	}

a.post-thumbnail:hover {
	opacity: 0.85;
	}
*/



/*--------------------------------------------------------------
# CONTENT-HEADER BEITRAEGE
 --------------------------------------------------------------*/
/* 
 * Abstand Navi - Content 
 
.page .entry-content {
    padding-top: 20px;
}

*/


.content-header-image,
.content-header {
	background-color: rgba(0,0,0,0.4) !important;
	color: #fff;
}
.content-header h1, 
.content-header h2, 
.content-header h3, 
.content-header h4, 
.content-header h5, 
.content-header h6 {
	color: #fff;
	text-align: center;
}






/*--------------------------------------------------------------
# Widgets Sidebars FOOTER
--------------------------------------------------------------*/

.widget-title {
	font-size: 18px !important;
	font-weight: 600;
	text-transform: uppercase; 
	color: #bd1d20 !important;
	text-align: left;
}


.sidebar-footer, .footer-nav-menu {
	font-size: 16px;
	font-weight: 500;
    color: #b2b2b2;
}


.sidebar-footer a:hover:not(.btn), .footer-nav-menu a:hover:not(.btn) {
    color: #ff7878;
}


.site-footer .cat-post-title {
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: none !important;
}


.site-footer .cat-post-item {
    margin: 3px 0 !important;
    padding: 1px 0px 11px 0px !important;
}



/*--------------------------------------------------------------
# AFTER FOOTER
--------------------------------------------------------------*/

#menu-menue-meta {
	font-size: 15px;
}




/*--------------------------------------------------------------
# Forms and Buttons
--------------------------------------------------------------*/

.so-widget-sow-button-flat-5c84d3a4f7ec .ow-button-base a {
	font-weight: 500;
	text-decoration: none;
    border: none;
}




/* Set colors for input buttons (Search, Reply). Change these in your child theme. */

button,
html input[type="button"],
input[type="submit"] {
    color: #fff;
    font-family: "Lato","Helvetica Neue",Arial,sans-serif;
    font-size: 1em;
    letter-spacing: 0.01em;
    font-weight: 500;
    padding: 1em 2em;
    background-color: #e83b35;
    border: none;
}

button:hover, 
button:focus,
html input[type="button"]:hover, 
html input[type="button"]:focus,
input[type="submit"]:hover, 
input[type="submit"]:focus {
    color: #fff;
    background-color: #ea4d47;
    border: none;
}

	
	
/* Kontaktformular Contactform 7*/

.wpcf7 p {
	color: #e0e0e0;
	}

.wpcf7 input[type="text"], .wpcf7 input[type="email"] {
    background-color: rgba(0,0,0,0.3);
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    color: #ffffff !important;
    width: 100%;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
    outline: 0 none;
}
	

.wpcf7 textarea {
    background-color: rgba(0,0,0,0.3);
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    color: #ffffff !important;
    width: 100%;
    height: 160px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
    outline: 0 none;
}	



/*--------------------------------------------------------------
# Jetpack Portfolio: disable Metabox, Bg und Schatten featured image 
--------------------------------------------------------------*/


.jetpack-portfolio-shortcode {
	padding: 0px !important;
}

.tiled-gallery {
    margin-bottom: 5px !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px !important;
}

.portfolio-featured-image .wp-post-image {
-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3) !important;
-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3) !important;
box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3) !important;
}

.portfolio-entry {
	background: rgba(256,256,256,0.8);
	padding: 20px !important;
}

@media (max-width: 768px) {
	.portfolio-entry {
	padding: 10px !important;
	margin-bottom: 1em !important;
	}
}

.portfolio-entry-title {
	font-size: 24px;
	}

@media (max-width: 768px) {
	.portfolio-entry-title {
	font-size: 16px;
	}
}

.tiled-gallery-caption {
	/*background: rgba(0,0,0,.4) !important;*/
	background: transparent !important;
	color: rgba(255,255,255,0.8) !important;
	font-size: 11px !important;
	font-weight: 300 !important;
	}

/*--------------------------------------------------------------
# Jetpack Portfolio Lightbox
--------------------------------------------------------------*/

/* Hide JetPack comments and meta-box on gallery carousel */
.page .jp-carousel-image-meta {
	display: none;
}

.jp-carousel-titleanddesc-title {
	display: none;
}

#jp-carousel-comment-form-container {
	display: none;
}

#jp-carousel-comment-form {
	display: none;
}

#jp-carousel-comments-loading {
	display: none !important;
}

.jp-carousel-comments {
	display: none !important;
}

.jp-carousel-titleanddesc {
  border-top: none !important;
  }




/*--------------------------------------------------------------
# Responsive Lightbox Gallery Plugin
--------------------------------------------------------------*/

.rl-gallery:not(.rl-hidden-text) .rl-gallery-link::after {
  background-color: rgba(0,0,0,0.3) !important;
  
#swipebox-title {
  margin-top: 50px !important;
}

/*--------------------------------------------------------------
# Tabelle Stundenplan responsive 
--------------------------------------------------------------*/

#tablepress-1, #tablepress-5 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

#tablepress-6 {
	max-width: 100%
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	color: #000!important;
	font-weight: 400;
}

#tablepress-6 a {
	color: #000;
	text-decoration: underline !important;
	}
	


@media screen and (max-width: 800px) {
	.tablepress {
	max-width: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
	}
}

@media screen and (max-width: 800px) {
	#tablepress-6 {
	max-width: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
	}
}




/*--------------------------------------------------------------
# Cookie Notice
--------------------------------------------------------------*/

#cookie-notice{
 background: rgba(0,0,0,0.8) !important;
 margin-top: 100px;
 }

.cookie-notice-container {
    padding: 20px;
    text-align: center;
    width: 100%;
}

.cn-button.wp-default {
    font-family: sans-serif;
    line-height: 18px;
    padding: 4px 12px;
    background: linear-gradient(to bottom,#c53638,#c53638) repeat scroll 0 0 #f2f2f2;
    border-color: #f2f2f2;
    color: #f2f2f2;
    text-shadow: 0 0 0 #c53638;
    -moz-box-sizing: border-box;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
    white-space: nowrap;
    outline: none;
    margin-top: 8px;
}

.cn-button.wp-default:hover, .cn-button.bootstrap:hover {
    font-family: sans-serif;
    line-height: 18px;
    padding: 4px 12px;
    background: linear-gradient(to bottom,#bd1d20,#bd1d20) repeat scroll 0 0 #f2f2f2;
    border-color: #f2f2f2;
    color: #f2f2f2;
    text-shadow: 0 0 0 #c53638;
    -moz-box-sizing: border-box;
    border-radius: 30px 30px 30px 30px;
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
    white-space: nowrap;
    outline: none;
    margin-top: 8px;
}


/* Datenschutz - mobile ohne padding */

@media (max-width: 768px) {
	.post-920 .row {
	padding-left: 0px !important;
	padding-right: 0px !important;

	}
}


#category-posts-630410001-internal .cat-post-thumbnail {
    max-width: 100%;
}


 /*--------------------------------------------------------------
# map press - Karten
--------------------------------------------------------------*/

.mapp-layout {
	margin-right: auto !important;
	margin-left: auto !important;
}




 /*--------------------------------------------------------------
# Kategorie Seite
--------------------------------------------------------------*/

/* #category-posts-630410001-internal */

/*
.cat-post-item {
	color: #f2f2f2;
    border-bottom: 1px solid #ccc;
    list-style: none;
    list-style-type: none;
    margin: 3px 0;
    padding: 3px 45px 6px 45px !important;
    background-color: rgba(0,0,0,0.6);
}


ul.category-posts-internal {
	padding-inline-start: 0px;
{

.cat-post-title {
	font-size: 28px !important;
}

.cat-post-thumbnail {

}

*/

/*Rechte Sidebar auf Kategorieseiten ausblenden*/
.category #secondary {
display: none;
}
/*Primary Content-Area auf 100% Breite*/
.category .content-area {
width: 100%;
padding-right: 0;
}



 /*--------------------------------------------------------------
# Blättern durch Mediathek verhindern (Grund: Zugriff/Link über Google)
--------------------------------------------------------------*/

.attachment-template-default .entry-header, .attachment-template-default .entry-attachment {
display: none;
}