/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles at the end of this file instead 
of style.css so it is easier to update the theme. 
Simply copy an existing style from style.css to this file, 
and modify it to your liking.
*/

.highlighted {  color:#75CB4E; }						     
.notHighlighted { color:#000000 !important; }     

.featureTable {
	text-align: justify;
	text-align-last: justify;
	text-justify: distribute-all-lines;
	list-style-type: none;

	margin: auto;
	margin-top: 36px;
	max-width: 960px;
}

.justify_last {
	content: ".";
	display: inline-block;
	width: 100%;
	height: 0;
	visibility: hidden;
}

.featureKachel {
	display:inline-block; /* shrink to fit */     	
	max-width:192px;
	min-width: 165px;
	position: relative;
	text-align:center;
	text-align-last: center;
}	       

.kachel {
	float:left;
	width:165px;
	text-align:center;
}	       
.kachelText {
	height:60px;
	margin-top:10px;
	color: #606060;
	text-shadow: 1px 1px 2px #CBCBCB;
}

img.nohover {
	border:0;
	margin:0;
	position:relative;
	top:0;
	left:0;
	display:inline;
} 

img.hover {
	border:0;
	margin:0;
	position:relative;
	top:0;
	left:0;
	display:none;
} 

a:hover img.hover {
	display:inline;
}

a:hover img.nohover {
	display:none;
}

#startDownload {
	font-size:0px;
	width:240px;
	height:70px;
	background-color: none;
	background: url(/wp-content/uploads/2019/02/DramaQueen_Download.png) no-repeat;
 	background-position: center;

	text-shadow: none;

	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: 0px;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;

	border: none;
	cursor:pointer;
}

#startDownload:hover {
	background: url(/wp-content/uploads/2019/02/DramaQueen_Download_hover.png)
}

#startDownloadEN {
	font-size:0px;
	width:240px;
	height:70px;
	background-color: none;
	background: url(/wp-content/uploads/2019/02/DramaQueen_Download.png) no-repeat;
 	background-position: center;

	text-shadow: none;

	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: 0px;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;

	border: none;
	cursor:pointer;
}

#startDownloadEN:hover {
	background: url(/wp-content/uploads/2019/02/DramaQueen_Download_hover.png)
}

#startBetaDownload {
	font-size:0px;
	width:240px;
	height:70px;
	background-color: none;
	background: url(/wp-content/uploads/2015/03/DramaQueen_BetaDownload.png) no-repeat;
 	background-position: center;

	text-shadow: none;

	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: 0px;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;

	border: none;
	cursor:pointer;
}

#startBetaDownload:hover {
	background: url(/wp-content/uploads/2015/03/DramaQueen_BetaDownload_hover.png)
}


ul.nav ul li.current_page_item a, ul.nav ul li.current_page_parent a, ul.nav ul li.current-menu-ancestor a, ul.nav ul li.current-cat a, ul.nav ul li.current-menu-item a {
	color: #666 !important;
}

.woocommerce-message {
	border: 2px solid rgb(112, 192, 51);
	background: #edfcd5;
	padding: 20px;
	font-weight: bold;
	font-size: large;
}
.category #sidebar {
	width:25%;
	float:left;
}
.category #main {
	width:70%;
	float:right;
}
a.woo-sc-button.green {
    border-color: #87bf00 !important;  
    border-bottom-color: #7ca122 !important;
    background: #87c000 !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #a0d53a),color-stop(1, #60b513)) !important;
    background: -moz-linear-gradient(center top,#a0d53a 20%,#60b513 100%) !important;
}
a.woo-sc-button.green:hover {
    background-color: #8dc11e !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ace53e),color-stop(1, #8dca16)) !important;
    background: -moz-linear-gradient(center top,#ace53e 20%,#6bca16 100%) !important;
}

/* */
.woocommerce .images img {
    width:auto;
}

/* Styles für die footer widgets von links nach rechts.*/
.footer-widget-1 .widget {
    background-color:#ffffff;
}
.footer-widget-1 .widget a {
    color:#000000;
}
.footer-widget-1 .widget a:hover {
    color:#525252;
}
.footer-widget-2 .widget {
    background-color:#ffffff;
}
.footer-widget-2 .widget a {
    color:#000000;
}
.footer-widget-2 .widget a:hover {
    color:#525252;
}
.footer-widget-3 .widget {
    background-color:#ffffff;
}
.footer-widget-3 .widget a {
    color:#000000;
}
.footer-widget-3 .widget a:hover {
    color:#525252;
}
.footer-widget-4 .widget {
    background-color:#ffffff;
}
.footer-widget-4 .widget a {
    color:#000000;
}
.footer-widget-4 .widget a:hover {
    color:#525252;
}
/* Keine Aufzählungszeichen für Widgets im Footer */
#footer-widgets ul {
   list-style-type: none;
}
/* Keine Aufzählungszeichen für Widgets im Footer */
#sidebar li {
   list-style-type: none;
}
/*Ausblenden der Wiki Toolbar */
div.incsub_wiki_top, .incsub_wiki_tabs {
    display:none;
}
/*Kommentare immer zeigen, auch wenn das Wiki Plugin sie ausblenden will */
#comments { 
    display: block !important; 
}
.comments { 
    display: inline !important; 
}
/* Wiki Subscription ("notify me of changes") ausblenden */
.incsub_wiki-subscribe {
    display:none;
}
/* Links nie, nie, nie unterstreichen. Egal wo. */
a {
    text-decoration:none !important;
}
/* show different hover and visited color */
a:hover {
    color:#bdbdbd;
}

/* Linkfarbe im Hauptmenü für aktuell ausgewählten Eintrag */
#navigation li.current-menu-item a {
    background: white;
    color: #3088FF;
}
/* Linkfarbe im Hauptmenü für aktuell nicht ausgewählte Einträge */
ul.nav li a {
    color: #666;
}
/* Linkfarbe im Hauptmenü für aktuell nicht ausgewählte Einträge - Hover */
ul.nav li a:hover {
color: #222;
}
/* Linkfarbe im Hauptmenü für aktuell ausgewählten Eintrag */
ul.nav li {
   margin-bottom: 0em;
}

/* Generelle Konfiguration für Aufzählungen */
ul {
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAYAAAA1BOUGAAAAoklEQVQImV3PMUrEUACE4W/fy5IUQsQ2IJZ2ucGDHMODeAeP4AU8g42lpE1hb7UE27AWTzbZtTBp/Nt/YGaiP/bY4eIf+67r3lNKr2gQNxFwXpblWFXVfUrppSzL2y0QcZmm6aNpmoeiKG7qur4bx/ENp4DYtu0T5JwPwzA8o0QICCGE65zzZ9/3j/M8f+EH593afYV6XXzEN5ZNxvUOnLDAL9GnLnnCESTxAAAAAElFTkSuQmCC');
}
ul + ul {
    margin-top: 2.0em;
}
li {
	line-height: 1.4em;
    margin-bottom: 0.6em;
}

/* Keine Hintergründe und Rahmen bei Bildern */
img {
    background:none !important;
    border:0px !important;
}
/* css stil für top-nav facebook icon */
.fb-link-icon a {
   padding-left: 41px !important;
   background:#ffffff url(/wp-content/uploads/2012/12/Facebook_neu.png) no-repeat left !important;
}
/* * css stil für top-nav rss icon */
.rss-link-icon a {
   padding-left: 40px !important;
   background:#ffffff url(/wp-content/uploads/2012/12/RSS_neu.png) no-repeat left !important;
}
/*css stil für top-nav newsletter icon */
.nl-link-icon a {
   padding-left: 48px !important;
   background:#ffffff url(/wp-content/uploads/2012/12/Newsletter_neu.png) no-repeat left !important;
}
/*Top Navigation rechtsbündig ohne Abstände */
#top-nav {
    float:right;
    margin: 0px;
}
/* Durchgängiger Hintergrund Color Wrapper. */
.fullWidthColorBackground {
    margin-left:-300%;
    margin-right:-300%;
}
/* Durchgängiger Hintergrund Content Wrapper.  */
.fullWidthColorContent {
    margin: auto;
    max-width: 960px;
}
/* Schneidet den durchgängigen Hintergrund passend zum Browserfesnter ab, damit keine Scrollbalken entstehen */
body {
    overflow-x: hidden;
}
/*  Sidebar Widget id text-3 (Was ist Dramaturgie) */
#text-3 {
}
#text-3 a {
}
#text-3 a:hover {
}
/*  Sidebar Widget id text-15 (Download Beta) */
#text-15 {
    background-color: transparent;
    padding:0px;
}
#text-15 a {
}
#text-15 a:hover {
}
/* Sidebar Widget id text-42 (Download auf About Seite) */
#text-42{
    background-color: transparent;
    padding:0px;
}
#text-42 a {
}
#text-42 a:hover {
}
/* Sidebar Widget id text-37 (Download Button in Blog) */
#text-37{
    background-color: transparent;
    padding:0px;
}
#text-37 a {
}
#text-37 a:hover {
}
/* Sidebar Widget id text-43 (Download auf About Seite - EN) */
#text-43{
    background-color: transparent;
    padding:0px;
}
#text-43 a {
}
#text-43 a:hover {
}
/* Sidebar Widget id nav_menu-14 Datenschutz, Impressum, Agb */
#nav_menu-14 {
}
#nav_menu-14 a {
}
#nav_menu-14 a:hover {
}
/*  */
.post .title a:hover {
    color:#525252;
}
/* Testimonials */
.testimonial-text {
    font-style:italic;
}
.testimonial-author {
    margin-top:5px;
    text-align:right;
}
/* No borders in features table */
#featuresTable td {
    border:0px;
}
/* Suchfeld im Header */
#headerSearch {
	float:right;
	margin-top: 15px
}
/* vimeo spezifisches css */
.js-video {
  height: 0;
  padding-top: 25px;
  padding-bottom: 62.5%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
.js-video.widescreen {
  padding-bottom: 57.25%;
}
.js-video.vimeo {
  padding-top: 0;
}
.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
/* Wenn Kommentare nicht zugelassen sind auch den Hinweistext nicht anzeigen. */
.nocomments {
    display:none;
}
/* AGB und Wiederrufsbelehrung im Shop nicht umbrechen */
.terms {
  width:70%;
}
/* Bestellnotizen Spalte mit top Abstand und mehr zeilen */
#order_comments {
    height:200px;
}
#customer_details .col-2 {
    margin-top: 38px;
}
/* Sortierungsformular im Shop ausblenden */
.woocommerce_ordering {
    display:none;
}
/* nicer shop error message */
.woocommerce_error {
    border: 1px solid #f0baa2;
    background: #ffd9c8;
}
/* disable spacing for not used avatars */
.avatar {
    display:none;
}
/* disable archive header */
.archive_header {
    display:none;
}
/* disable navigation arrows in menu */
#navigation .nav li.parent > a {
    padding-right: 1em;
}
#navigation .nav li.parent > a:after {
    display:none;
}
#productComparisonTable table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
#productComparisonTable table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
#productComparisonTable table a:active,
#productComparisonTable table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}

#productComparisonTable .bold {
    font-weight:bold;
}

#productComparisonTable strong {
    font-size:14px;
}

#productComparisonTable p {
    margin-bottom:7px;
}

#productComparisonTable table {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	border:#ccc 1px solid;
        border-collapse: separate;
        table-layout: fixed;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
#productComparisonTable table th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
        width: 25%;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
        font-size: large;
}
#productComparisonTable table th:first-child {
	text-align: left;
	padding-left:20px;
}
#productComparisonTable table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
#productComparisonTable table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
#productComparisonTable table tr {
	text-align: center;
	padding-left:20px;
}
#productComparisonTable table td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
#productComparisonTable table td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
        width: 25%;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
#productComparisonTable table tr.alt-table-row td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
#productComparisonTable table tr:last-child td {
	border-bottom:0;
}
#productComparisonTable table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
#productComparisonTable table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
#productComparisonTable table tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

@media only screen and (max-width: 767px) {
	#headerSearch {
		display:none;
	}
	#mobileMenu_top-nav {
		display:none !important;
	}	
	
	.fullWidthColorBackground {
		margin-left:-15px;
		margin-right:-15px;
	}

	.fullWidthColorContent {
		margin: auto;
		padding: 0 1em;
	}
}

@media only screen and (min-width: 767px) and (max-width: 960px) {

	.fullWidthColorBackground {
		width: 100%;
		margin: 0px;
	}

	.fullWidthColorContent {
		margin: auto;
		max-width: 100%;
	}
	
	#wrapper {
		padding: 0px;
	}
	
}

@media only screen and (min-width: 767px) {
    /* zweispaltig links 25% */
    .two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main {
        width: 70%; 
    }
    .two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #sidebar {
        width: 25%; 
    }
}


/* Language Selector */

/* center county flag vertically */
#top .menu-item-language a img {
	vertical-align: middle;
}

/* (non-hover) text color */
#top .menu-item-language a,
#top .submenu-languages .menu-item-language a {
	color: #666 !important;
}

/* list background, border, shadow */
#top li.menu-item-language ul {
    border: 1px solid #dbdbdb;
	background: #f6f6f6 !important;
	box-shadow: 2px 2px 3px -1px #aaa;
}

/* hover text color and background for list items and anchors */
#top li.menu-item-language:hover,
#top .menu-item-language a:hover,
#top .submenu-languages .menu-item-language a:hover {
    background: #f6f6f6 !important;
	color: #222 !important;
}

/* current language item border */
#top .menu-item-language-current > a {
	border: 1px solid transparent;
	border-bottom: 1px transparent;
}

/* current language item background, border, shadow */
#top .menu-item-language-current > a:hover,
#top .menu-item-language-current:hover > a {
	border: 1px solid #dbdbdb;
	border-bottom: 1px transparent;
	box-shadow: 2px 2px 3px -1px #aaa;
}


/* Main menu: Hack to work around a Firefox issue: When moving the mouse from a
   navigation bar item to the submenu controlled by it the submenu would close
   when hitting exactly the submenu border. Apparently Firefox considered this
   not hitting the submenu, but the navigation bar underneath it and thus the
   submenu would close, since the mouse was neither on the item nor the submenu.
   We work around this by giving the item a 1px transparent bottom border,
   visually compensating for that by a -1px margin. The net result is a 1px
   overlap of item and submenu, thus avoiding the hit-testing issue.
 */
#navigation #main-nav > li {
	border-bottom: 1px solid transparent;
	margin-bottom: -1px;
	/* override border-box which would cause the background to be drawn instead
	   of having the parent shine through.
	 */
	background-clip: padding-box;
}