/*
Theme Name: Coco Theme
Description: The coco theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: 'Jarek'
Author URI: http://www.jareksierpinski.de
Version: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header
Text Domain: fantin
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background-color: black;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

img, div {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}


html {
	background-color: #000000 !important;
	width: 98%;
	
}

body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}

h1 {  line-height: 180%; text-transform: uppercase; font-size: 14px; letter-spacing: 0.1em;}

ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
a {
text-decoration: none;
}

.content a {border: none !important;}

/* Schriften lokal */

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
		 url('fonts/montserrat-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'montserratbold';
	src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
		 url('fonts/montserrat-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}


/* LAYOUT */

body {
background-color: #000;
text-align: center;
color: #fff;
font-family: 'Montserrat', sans-serif;
}

body.home  h1 img {
margin-top: 5%;
}

h1 img {
width: 30%;
height: auto;
margin-top: 8%;

}
#logo {
cursor: pointer;
}
#header {
padding-top: 0px;
}
.content {
margin: 7%;
font-size: 14px;
line-height: 22px;
}

.entry-content img {max-width: 100% !important; height: auto !important;}
.entry-title {display: none;}

.login {
position: absolute;
bottom: 10px;
left: 0px;
display: none;
}
.login a {
    background: url("images/login.gif") no-repeat scroll 0 3px transparent;
    font-size: 1px;
    height: 12px;
    overflow: hidden;
    text-indent: -1000px;
    width: 10px;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}
.content h2 {
font-size: 20px;
padding-bottom: 30px;
}
.content a{
color: #fff;
border-bottom: 1px solid #fff;
}

p {padding-bottom: 10px;}


/* =Menu Variable Schriftgröße: font-size: 2vw;
-------------------------------------------------------------- */

#access {
display: none;
padding-top: 3%;
padding-bottom: 20px;
}

/* Jarek: Startseite mit ausgeklapptem Menu */
body.home #access {
display: block;
}

.menu-header {
text-align: center;
}
#access ul.menu {
margin-left: auto;
margin-right: auto;
height: auto;
list-style:none;
width: 99%;
position:relative;
}

/* position all dropdowns off screen */
#access ul.menu ul {
    position:absolute;
    top:-999em;
}
/* style the main nav list items */
#access ul.menu li {
	display: inline-block;
	vertical-align: top;
    width: auto;
}

#access ul.menu ul.sub-menu li {
	display: block;
}

/* change the main nav list items on hover */ 
#access ul.menu li:hover {
    visibility:inherit; /* fixes IE7 'sticky bug' */
}

#access li {
padding-right: 20px;
padding-left: 20px;
}

/* position first drop */
#access ul.menu li:hover ul {
    top:auto; /* match top ul list item height */
    position:absolute;
	z-index: 2;
	margin-top: -2px;
	margin-left: -20px;
	background-color: #000;
	text-align: left;
	padding-top: 2px;
/*
	border-bottom: 1px solid #5C5C5C;
	border-left: 1px solid #5C5C5C;
	border-right: 1px solid #5C5C5C;
*/
}
#access ul.menu li:hover ul li {
display: block;
}

#access ul.menu-widget {
/* border-top: 1px solid #5C5C5C; */
width: 86%;
margin-left: auto;
margin-right: auto;
padding-top: 3px;
}

#access ul.menu-widget li {
display: inline-block;
vertical-align: top;
}


#access a {
display: inline-block;
vertical-align: top;
color: #fff;
font-size: 13px;
line-height: 40px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.15em
}
#access a:hover {
color: #9d9d9c;
}
#access ul ul {

}
#access ul ul li {

}
#access ul ul ul {

}
#access ul ul a {

}
#access li:hover > a,
#access ul ul :hover > a {

}
#access ul li:hover > ul {

}
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #9d9d9c;
}
#access ul li.current_page_item > ul,
#access ul li.current_page_ancestor > ul,
#access ul li.current-menu-ancestor > ul,
#access ul li.current-menu-item > ul,
#access ul li.current-menu-parent > ul {

}
* html #access ul li.current_page_item a,
* html #access ul li.current_page_ancestor a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {

}
/* untermenu jarek abgestellt, dafür zeile 263 display: none entfernt */
.menu-menu-1-container {
display: none;
}

blockquote p:before {
content :'\203A\203A\00a0';
}
blockquote p:after {
content :'\00a0\2039\2039';
}
.scroll-top-inner {
background: url("images/toparrow.png") no-repeat !important; 
opacity: 1 !important;
width: 52px !important;
height: 52px !important;
overflow: hidden;
border: none !important;
right: 10px !important;
bottom: 15px !important;
}
.scroll-top-inner span {
font-size: 1px !important;
line-height: 200px !important;
}
a.post-edit-link {
  position: absolute;
  z-index: 2;
  margin-left: -60px;
  display: block;
  font-size: 1px;
  text-decoration: none;
  text-indent: -1000px;
  overflow: hidden;
  background: url("images/edit.png") no-repeat;
  width: 43px;
  height: 57px;
  border: none !important;
}
.slider-container, .rev_slider_wrapper {
margin-bottom: 30px !important;
}
#footer {
padding-bottom: 30px;
font-size: .5em;
width: 100%;
letter-spacing: 0.2em


}
#footer a {
color: #fff;
}
.startpage h2 {
display: none;
}
.startpage .entry-content {
margin-top: 7%;
}

.cd-headline {font-size: 1rem !important; color: #9d9d9c; top: 40%; width: 100%}
.cd-headline.clip .cd-words-wrapper::after {background-color: #fff;}
.wp-video {margin-left: auto !important; margin-right: auto !important;}

/* Impressum Text */

.page-id-2631 .content {
	text-align: left !important;
}

.page-id-2631 .content h1, .page-id-2631 .content h2, .page-id-2631 .content h3, .page-id-2631 .content h4, .page-id-2631 .content p {
	padding-bottom: 5px !important;
	padding-top: 20px !important;
}

.page-id-2631 .content h1 {
	font-size: 30px !important;
}

/* Mobilemenu */

	.mobilemenu {
	display: none;
	position: absolute;
	z-index: 20000;
	min-height: 50px;
	background-color: #000;	
	width: 100%;
	}

	.mobilemenu .opener {
	display: block;
	position: absolute;
	right: 0px;
	background: url("images/menu.png") no-repeat center center;
	height: 50px;
	width: 50px;
	overflow: hidden;
	font-size: 1px;
	text-indent: -1000px;
	}
	#access-mb {
	display: none;
	padding-bottom: 15px;
	padding-top: 15px;
	}
	#access-mb ul.sub-menu {
	padding-left: 20px;
	}
	
	#access-mb a {
	color: #fff;
	display: block;
	padding: 10px 20px ;
	text-align: left;
	text-transform: uppercase;
	font-size: 14px;
	}
#access-mb ul li.current_page_item > a,
#access-mb ul li.current_page_ancestor > a,
#access-mb ul li.current-menu-ancestor > a,
#access-mb ul li.current-menu-item > a,
#access-mb ul li.current-menu-parent > a {
color: #9d9d9c;
}
	
.vc_gitem-zone .vc-zone-link, .vc_gitem-zone .vc-zone-link, .pp_hoverContainer {background: none}
div.pp_default .pp_content {background-color: black !important;}
.pp_left, .pp_middle, .pp_right {background: none !important;}

@media print {
	body {
		background: none !important;
	}
}

/* RESPONSIVE STYLES */

/*SMARTPHONES */
@media only screen and (max-width:801px) { 
	#header {
	padding-top: 60px;
	}
	#access, body.home #access {
	display: none !important;
	}
	#logo {
	cursor: default;
	}
	.mobilemenu {
	display: block;
	}
	.mobilemenu .opener.active {	
	filter:     alpha(opacity = 50);    /* IE 6, 7, 8 */
	-ms-filter: "alpha(opacity = 50)";  /* ab IE 8 zusätzlich möglich */
	opacity:    .5;                    /* alle anderen Browser einschließlich IE 9 */
	}
	
}

/*PADS&TABLETS*/

@media 
(-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), 
(min-resolution: 192dpi) and (max-width: 1024px) { 
	#header {
	padding-top: 50px;
	}
	#access, body.home #access {
	display: none !important;
	}
	#logo {
	cursor: default;
	}
	.mobilemenu {
	display: block;
	}
	.mobilemenu .opener.active {	
	filter:     alpha(opacity = 50);    /* IE 6, 7, 8 */
	-ms-filter: "alpha(opacity = 50)";  /* ab IE 8 zusätzlich möglich */
	opacity:    .5;                    /* alle anderen Browser einschließlich IE 9 */
	}
}

/*PADS&TABLETS unused*/
@media only screen 
and (min-width : 801px) 
and (max-width: 1024px) { }