*
Theme Name:     jnf-kkl
Author:         Dipl.-Ing. Univ. Christian Seebauer
Author URI:     http://www.seebauers-world.com
Template:       stargazer
Version:        0.1
*/





/********************************************************************************************************
 * ====== End Plugins ======
 ********************************************************************************************************/

/********************************************************************************************************
 * 2 - Fun Zone
 *
 * This section of the stylesheet is what I call the fun area.  For the most part, you should feel free 
 * to overwrite the following in your child theme's `style.css` file if your design calls for it.  
 * Specifically, this deals with fonts and colors.  Those things are really the things that give your 
 * child theme its uniqueness.  Have fun with it.  Go wild!
 ********************************************************************************************************/

/**
 * 2.1 - Font Family Definitions
 *
 * This theme operates with three dinstinct font rules.  The "primary" font is used for the majority of 
 * text throughout the theme.  The "secondary" font is used for handling secondary use cases.  The 
 * "headlines" font is specific to h1-h6 headers (with the exception of #site-description).
 *
 * If building a child theme for public release with custom fonts, the child theme should define only the 
 * font rules it needs.  Copy the specific section below that you want to overwrite into the child theme. 
 * Make sure to include the `.font-*` class as this will maintain forward compatibility with future 
 * changes in the parent theme.
 */

/* ====== Primary Font ====== */






/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

/*                                                                     Schaltflächen (Spendenbuttons) individuell  
*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

.button {
    display: inline-block;
    position: relative;

    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    font-size:large;
 
    text-shadow: 1px 1px 1px rgba(255,255,255, .22);
 
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
 
	height: 30px;
	width:200px;

 
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
	

}

.button a:link {
	color:#fff !important;
	text-decoration:none;
}



.button:hover {
	color:#fff !important;
	width:400px !important;

	
	text-decoration:none;
	

    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
    box-shadow: 5px 5px 5px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
}


.button:active {
    -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
    -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
    box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
}


/* Green Color */
 
.green {
    color: rgba(0,18,110, .6);
 	border-radius: 30px;
	
	
    background: #000; /* Old browsers */
    background: -moz-linear-gradient(top,  #a5cd4e 0%, #52af2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#52af2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a5cd4e 0%,#52af2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a5cd4e 0%,#52af2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a5cd4e 0%,#52af2d 100%); /* IE10+ */
    background: linear-gradient(top,  #a5cd4e 0%,#52af2d 100%); /* W3C */

}


 
/* Blue Color */
 
.blue {
    color: rgba(0,18,110, .6);
	border-radius: 30px;
 
    background: #70c9e3; /* Old browsers */
    background: -moz-linear-gradient(top,  #70c9e3 0%, #0268b3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#0268b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #70c9e3 0%,#0268b3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #70c9e3 0%,#0268b3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #70c9e3 0%,#0268b3 100%); /* IE10+ */
    background: linear-gradient(top,  #70c9e3 0%,#0268b3 100%); /* W3C */
}
 
/* Gray Color */
 
.ochre
	
 {
    color: rgba(0,18,110, .6);
	border-radius: 30px;
 
    background: #996633; /* Old browsers */
    background: -moz-linear-gradient(top,  #C48520 0%, #996633 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C48520), color-stop(100%,#996633)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #C48520 0%,#996633 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #C48520 0%,#996633 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #C48520 0%,#996633 100%); /* IE10+ */
    background: linear-gradient(top,  #C48520 0%,#996633 100%); /* W3C */
}



/* Big Button Style */
 
.big {
    padding: 0 40px;
    padding-top: 10px;
	padding-bottom:10px;

    text-transform: uppercase;
   
	font-size:large;
	
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
    box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);

}
 

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */








#branding { position: relative;
opacity:1;

}










.font-primary,
body,
input,
textarea,
.label-checkbox,
.label-radio,
.required,
#site-description,
#reply-title small { 
	font-family: 'Droid Serif', 'Lora', 'Georgia', serif; 
}

/* ====== Secondary Font ====== */

.font-secondary,
/*dt,
 th,  ------------------- -----------------------------------------------------------------    ausgeblendet, indi tabelle -------------------------------------------------------------- */
legend,
label,
input[type="submit"],
input[type="reset"], 
input[type="button"],
button,
select,
option,
.wp-caption-text,
.gallery-caption,
.mejs-controls,
.wp-playlist-item-meta,
.entry-byline,
.entry-footer,
.chat-author cite,
.chat-author,
.comment-meta,
.menu,
.breadcrumb-trail,
.media-info .prep,
.comment-reply-link,
.comment-reply-login,
.clean-my-archives .day,
.whistle-title {
	font-family:  'Open Sans', Arial, sans-serif;
}

/* ====== Headlines Font ====== */

.font-headlines,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:  'Open Sans', Arial, sans-serif;
}



.font-headlines,
h1 {
	font-size:26px;
	color:#0268b3;
}


h2 {
	font-size:22px;
	color:#3d9025;
}

.gewerbetafel{
	color:#666;
	font-size:12px;
}


.gewerbetafel hover{
	color:#666;
	font-size:12px;
	background-color:#0C9;
}



/**
 * 2.2 - Color Definitions
 *
 * The following are all of the colors defined by the theme.  The only other colors are part of the theme 
 * customizer options and should not be overwritten.  If needed, copy the specific sections below into 
 * your child theme and make the necessary changes there.
 */

/*
 * Fun Zone: The colors below are safe to overwrite depending on what you need to do.  Have at it!
 */

/* ====== color: #656565 ====== */




/* ------------- Schriftfarbe ---------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------ */
body,
.media-shortcode-extend .media-info,
.wp-playlist-dark .wp-playlist-item {
	color: #8F7854;  /* ====== ockergrau ====== */
	color: #394F69;  /* ====== graublau ====== */
	color: #235880;  /* ====== graublau2 ====== */
}

/* ====== border-color: #e3e3e3 ====== */

h1,
h2,
hr,
code,
pre,
.form-allowed-tags code,
fieldset,
legend,
input,
select,
textarea,
.gallery .gallery-icon a img,
.avatar,
.display-header-text #header,
.entry,
.format-chat .chat-author,
.media-info li,
.wp-playlist-tracks,
.wp-playlist-item,
.loop-description,
.loop-pagination,
.loop-nav,
#sidebar-subsidiary,
li.ping,
.comment-content,
.clean-my-archives .day-duplicate .day,
.whistles-tabs-nav li a,
.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus,
.whistles-tabs .whistles-tabs-wrap,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title,
.whistles-toggle .whistle-content,
.whistles-accordion .whistle-content {
	/* border-color: #e3e3e3; kkl indi kein rand*/
}



/* ====== color: #555 ====== */

h6,
.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a,
.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus,
.whistles-toggle .whistle-title:hover,
.whistles-toggle .whistle-title:focus,
.whistles-toggle .whistle-title[aria-selected="true"],
.whistles-accordion .whistle-title:hover,
.whistles-accordion .whistle-title[aria-selected="true"],
label:hover,
label:focus,
label.focus,
.loop-pagination .current {
	color: #555;
}

/* ====== color: #858585 ====== */

caption,
/* td, ------------- ausgeblendet, indi tabelle oben ------------------------------------------------------------------------------------------------------------------------------------ */
label,
input,
textarea,
select,
.gallery .gallery-caption,
.page-links,
.loop-pagination,
.loop-nav,
.widget_recent_entries .post-date,
.widget-entry-views .entry-view-count,
.gallery-count,
.comment-respond .must-log-in,
.comment-respond .logged-in-as,
.comments-closed,
.comment-notes,
.form-allowed-tags,
.whistles-tabs-nav li a,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title,
.wp-playlist-dark .wp-playlist-item-meta {
	color: #858585;
}

/* ====== background: #252525 ====== */

#menu-primary,
#menu-primary .search-form > div,
#footer,
.audio-shortcode-wrap,
.media-shortcode-extend .media-info,
.media-info-toggle,
.entry-content .media-info-toggle,
.media-info-toggle:hover,
.media-info-toggle:focus,
.wp-audio-shortcode.mejs-container,
.mejs-controls,
.mejs-volume-button .mejs-volume-slider,
.mejs-overlay-play .mejs-overlay-button::after,
.mejs-time-rail .mejs-time-float,
.wp-playlist-dark {
	background:#315f9b;
}

/* ====== background: transparent ====== */

hr,
.mejs-container, 
.mejs-embed, 
.mejs-embed body,
.mejs-overlay-button,
.mejs-controls > .mejs-button button:hover,
.mejs-controls > .mejs-button button:focus,
#menu-primary .menu-toggle button,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus,
#menu-primary .search-toggle,
#menu-primary .search-toggle:hover,
#menu-primary .search-toggle:focus  {
	background: transparent;
}

/* ====== background: #fff ====== */

html,
#container > .wrap,
#reply-title small a,
.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
	background: #fff;   /* ====== farbe des banners ====== */
	margin-top:50px;

	
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

/*                                                                     Headlines Textfarbe individuell  
*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

h1 { color: #52af2d; }	/* ====== headline kkl gruen ====== */
h2 { color: #353535; }
h3 { color: #404040; }
h4 { color: #454545; }
h5 { color: #505050; }



code {
	color:        #000;
	background:   #f6f6f6;
}



/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

/*                                                                     Tabelle zweifarbig individuell  
*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */


tr, 
thead,
tfoot,
td {
	background:none;
	color:#0268b3;
	vertical-align:middle;
}

tr {
	background-color:#009;
	
	font-size:smaller;
	line-height:normal;
	vertical-align:top;
	
	-webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -o-transition: all 3s ease;
    -ms-transition: all 3s ease;
    transition: all 3s ease;

}


tr:nth-child(even) {
 background-color: rgba( 250, 213, 153, 0.75 ); /* heller ocker */
 vertical-align:top;
}
tr:nth-child(odd) {
 background-color:rgba( 247, 193, 107, 0.75 ); /* mittelheller ocker */ 
 color:#FFF;
 vertical-align:top;
}

tr:hover {
 background-color: #52af2d;
}


th {
	background-color: #0267b3;
	font-size:larger;
	color:#FFF;
	vertical-align:top;
}



/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */









/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

/*                                                                     Inputfelder Formularfelder farblich anpassen individuell  
*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
	background-color:#FFDBA1;	/* ====== kkl input beige ====== */
	background-color:#ffffff;	/* ====== kkl input blau ====== */
	
	border-color: #e3e3e3;
	border-color: #a66700;		/* ====== kkl input beige ====== */
	border-color: #0268b3;		/* ====== kkl input blau ====== */
	
}








input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus,
select:focus {
	color:        #0267b3;
	background:   #9DE87F;
	border-color: #52af2d;
	
	
}


/*
.wp-caption .wp-caption-text {
	color:      #e3e3e3;
	background: rgba( 0, 0, 0, 0.75 );
}
*/


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

/*                                                                     Bildbeschriftung individuell, am ehesten wie twentytwelfe
*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */


.wp-caption .wp-caption-text {
	max-width: 100%; /* Bildunterschriften individuell kkl --------------------------------------------------------------------- */
	padding: 4px;
	background:none;

	font-style:italic;
	font-size:smaller;
	color:#FFF;
	line-height:normal;
	background-color:rgba( 2, 103, 179, 0.3 );


}






wp-caption-text {
-webkit-box-shadow: 9px 9px 13px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    9px 9px 13px 0px rgba(50, 50, 50, 0.75);
box-shadow:         9px 9px 13px 0px rgba(50, 50, 50, 0.75);	
	
	-webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;

	
}



wp-caption-text:hover {
	background-color:#090 !important;
	color:#F00 !important;


}


.gallery .gallery-icon a img { background: #f9f9f9; }

.gallery-icon a:hover img,
.galley-icon a:focus img { background: #f3f3f3; }

#menu-primary .menu-toggle button { color: rgba( 255, 255, 255, 0.75 ); }

#menu-primary li a,
#menu-secondary li li a,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus { color: rgba( 255, 255, 255, 0.75 ); }

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

	#menu-secondary .wrap,
	#menu-primary .search-form > div { background: #1f1f1f; }

	#menu-primary li a,
	#menu-secondary li a,
	#menu-secondary .menu-toggle button {
		color:        rgba( 255, 255, 255, 0.75 );
		background:   #1f1f1f;
		border-color: #1c1c1c;
	}

	#menu-primary li a:hover,
	#menu-secondary li a:hover,
	#menu-primary li a:focus,
	#menu-secondary li a:focus {
		color: #fff;
		background: #191919;
	}
}

#site-title a:hover,
#site-title a:focus { /* border-bottom-color: #d3d3d3; */}

.entry-title,
.entry-title a { color: #0268b3; } /* ====== headline kkl gruen ====-------------------------------------------------------------------------------------------------------------------------------------== */

.entry-byline,
.entry-footer,
.comment-meta,
.wp-playlist-item-meta { color: rgba( 85, 85, 85, 0.75 ); }

.image-sizes .sep { color: #e3e3e3; }

.format-chat .chat-speaker-1 .chat-author,
.format-chat .chat-speaker-11 .chat-author { color: #3498db; }
.format-chat .chat-speaker-2 .chat-author,
.format-chat .chat-speaker-12 .chat-author  { color: #f1c40f; }
.format-chat .chat-speaker-3 .chat-author,
.format-chat .chat-speaker-13 .chat-author  { color: #2b711d; }
.format-chat .chat-speaker-4 .chat-author,
.format-chat .chat-speaker-14 .chat-author  { color: #2ecc71; }
.format-chat .chat-speaker-5 .chat-author,
.format-chat .chat-speaker-15 .chat-author  { color: #f39c12; }
.format-chat .chat-speaker-6 .chat-author,
.format-chat .chat-speaker-16 .chat-author  { color: #c88c14; }
.format-chat .chat-speaker-7 .chat-author,
.format-chat .chat-speaker-17 .chat-author  { color: #95a5a6; }
.format-chat .chat-speaker-8 .chat-author,
.format-chat .chat-speaker-18 .chat-author  { color: #3d9025; }
.format-chat .chat-speaker-9 .chat-author,
.format-chat .chat-speaker-19 .chat-author  { color: #e67e22; }
.format-chat .chat-speaker-10 .chat-author,
.format-chat .chat-speaker-20 .chat-author  { color: #479f29; }

.loop-description {
	color:      #757575;
	background: #f9f9f9;
}

li.ping,
.comment-content { background: #f9f9f9; }

#footer a { color: rgba( 255, 255, 255, 0.75 ); }

.clean-my-archives .comments-number { color: #aaa; }

.whistles-tabs-nav li a,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title { background: #f3f3f3; }

.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus { background: #efefef; }

.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
	border-bottom-color: #fff;
}

.media-shortcode-extend .audio-info     { border-color: #202020; }
.media-shortcode-extend .media-info li,
.wp-playlist-dark .wp-playlist-item     { border-color: #353535; }
.wp-video-shortcode .mejs-controls,
.wp-playlist-dark .mejs-controls        { border-color: #151515; }
.mejs-time-rail .mejs-time-float        { border-color: #454545; }
.mejs-time-rail .mejs-time-float-corner { border-top-color: #fff; }

.whistles-toggle .whistle-title:hover,
.whistles-toggle .whistle-title:focus,
.whistles-toggle .whistle-title[aria-selected="true"],
.whistles-accordion .whistle-title:hover, 
.whistles-accordion .whistle-title:focus, 
.whistles-accordion .whistle-title[aria-selected="true"] {
	background: #efefef;
}

.mejs-time-rail .mejs-time-total,
.mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	background: #454545;
}

.mejs-time-rail .mejs-time-current { background: rgba( 255, 255, 255, 0.35 ); }

.mejs-overlay-play .mejs-overlay-button::after { text-shadow: 1px 1px 2px #151515; }

.mejs-button button:focus { outline-color: #555; }

	/* Menu colors */

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

		.menu li > ul::before {
			border-right-color:  transparent;
			border-bottom-color: #252525;
			border-left-color:   transparent;
		}

		.menu li li > ul::before {
			border-top-color:    transparent;
			border-bottom-color: transparent;
		}

		.ltr .menu li li > ul::before { border-right-color: #252525; }
		.rtl .menu li li > ul::before { border-left-color:  #252525; }

		#menu-primary   li li a,
		#menu-secondary li li a {
			background:   #4fa32b;
			border-color: #1d1d1d;
		}

		#menu-primary   ul ul li a:hover,
		#menu-secondary ul ul li a:hover,
		#menu-primary   ul ul li a:focus,
		#menu-secondary ul ul li a:focus { background: #04872e; }

		#menu-primary .search-form .search-toggle::before {
			color: rgba( 255, 255, 255, 0.75 );
		}

		#menu-primary .search-toggle:hover::before,
		#menu-primary .search-toggle:focus::before { color: #fff; }

	}

/* =/=/=/=/=/= End fun zone. =/=/=/=/=/= */

/*
 * Colors Danger Zone: The white color is used in contrast to the 'primary' theme color. It's not recommended to 
 * overwrite this specific color section. If overwriting, it should be a very light color.
 */

::selection {
	color: #fff; /* Don't combine with other elements. Breaks Firefox. */
}

blockquote,
blockquote a:hover,
blockquote a:focus,
.entry-content blockquote a:hover,
.entry-content blockquote a:focus,
.wp-calendar td.has-posts a,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus,
#menu-primary   li.current-menu-item > a,
#menu-primary   li a:hover,
#menu-primary   li a:focus,
#menu-secondary li li a:hover,
#menu-secondary li li a:focus,
#menu-sub-terms li a,
.page-links a,
.page-links a:hover,
.page-links a:focus,
.widget-title > .wrap,
.widget-title > .wrap a,
#comments-number > .wrap,
#reply-title > .wrap,
.attachment-meta-title > .wrap,
.comment-reply-link,
.comment-reply-login,
.comment-reply-link:hover,
.comment-reply-link:focus,
.comment-reply-login:hover,
.comment-reply-login:focus,
.media-shortcode-extend a,
.media-shortcode-extend a:hover,
.media-shortcode-extend a:focus,
.media-info-toggle,
.entry-content .media-info-toggle,
.mejs-time .mejs-currenttime,
.mejs-time .mejs-duration,
.mejs-volume-button .mejs-volume-slider .mejs-volume-current,
.mejs-volume-button .mejs-volume-slider .mejs-volume-handle,
.media-info-toggle:hover,
.media-info-toggle:focus,
.mejs-overlay-play .mejs-overlay-button::after,
.mejs-time-rail .mejs-time-float,
.wp-playlist-dark .wp-playlist-playing,
.wp-playlist-dark .wp-playlist-caption:hover, 
.wp-playlist-dark .wp-playlist-caption:focus, 
.wp-playlist-dark .wp-playlist-item:hover
.wp-playlist-dark .wp-playlist-item:focus,
.skip-link .screen-reader-text:focus {
	color: #fff;
}


pre,
.form-allowed-tags code {
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, 0.5)), color-stop(.5, transparent), to(transparent));
	background-image: -webkit-linear-gradient( rgba( 255, 255, 255, 0.5 ) 50%, transparent 50%, transparent );
	background-image:    -moz-linear-gradient( rgba( 255, 255, 255, 0.5 ) 50%, transparent 50%, transparent );
	background-image:      -o-linear-gradient( rgba( 255, 255, 255, 0.5 ) 50%, transparent 50%, transparent );
	background-image:         linear-gradient( rgba( 255, 255, 255, 0.5 ) 50%, transparent 50%, transparent );
}

blockquote { border-color: rgba( 255, 255, 255, 0.15 );

}

blockquote a,
.entry-content blockquote a {
	color:        rgba( 255, 255, 255, 0.75 );
	border-color: rgba( 255, 255, 255, 0.25 ); 
	
}

blockquote a:hover,
blockquote a:focus,
.entry-content blockquote a:hover,
.entry-content blockquote a:focus { border-color: #fff; }



/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

/*                                                                     blockquote farben überschreiben, individuell 
*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */



blockquote {
	background-color:#52af2d !important;
	outline-color: #52af2d !important;
	
}


blockquote2 {
	background-color:#06F !important;
	outline-color: #06F !important;
	
}





/* =/=/=/=/=/= End colors danger zone. =/=/=/=/=/= */

/********************************************************************************************************
 * This concludes the fun area for making your child theme unique.
 ********************************************************************************************************/

/* ====== Top oben fixieren ====== */

#menu-primary {
	position: fixed;
	top: 0;
	width:100%;
	z-index: 1000;
}


/* ====== Zoom on Hover ====== */

.zoomcontainer {width:900px; margin:0 auto;}

.zoom { 
width:150px; 
height:150px;
margin-right:5px;
float:left; 
overflow:hidden; 
cursor:pointer; 
}

.zoom > img { 
-webkit-transition:all 500ms linear; 
-moz-transition:all 500ms linear; 
-o-transition:all 500ms linear; 
-ms-transition:all 500ms linear; 
transition:all 500ms linear; 
}

.zoom > img:hover { 
-moz-transform: scale(1.2); 
-webkit-transform: scale(1.2); 
-o-transform: scale(1.2); 
transform: scale(1.2); 
}









/* ====== test iframe spende einbetten ====== */

.embed-wrap  {

min-width:100% !important;
width:100% !important;
max-width:100% !important;

height:100% !important;
min-height:100% !important;
border:none;


	
	
}

.embed-wrap iframe {
min-width:100% !important;
width:100% !important;
max-width:100% !important;


height:100% !important;	
min-height:100% !important;
border:none;

}


#frame{
	width:100%;
	background-color:#009;
	
	
}

#frame iframe{
min-width:100% !important;
width:100% !important;
max-width:100% !important;
height:auto;



border:none;
	
}




/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

/*                                                                     Zweifarbige Tabellen und Listen
*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */



 /* zweifarbige liste
li:nth-child(even) {
 background-color: rgba(100,162,200,0.2) ;

}
li:nth-child(odd) {
 background-color:#960;  

}

*/



/* zweifarbige liste im div seitenleiste */



.seitenleiste li:nth-child(even) {
 background-color: rgba(100,162,200,0.2) ;

}

.seitenleiste li:nth-child(odd) {
 /* background-color:#960;  */

}