/*
Theme Name: Doppelt schön
Author: Netzformat Internetagentur
Author URI: http://www.netzformat.de/
Description: Individuelles Theme, responsive
Version: 1.0 05/2019
*/

/* Farbwerte
blau #0091db
grün #5ba224
Schrift-Grau #626262 
Footer Grau #868686 
*/


/* Schriften */
@font-face { 
	font-family: 'DroidSans';
	src: url('fonts/DroidSans.ttf') format('truetype'); 
}

@font-face { 
	font-family: 'DroidSans-Bold';
	src: url('fonts/DroidSans-Bold.ttf') format('truetype'); 
}


/* Allgemeines */
html, body, div, span, h1, h2, p, blockquote, a, strong, ul, li, fieldset, form, label, table, tbody, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
}

html {
	font-size:17px;
	line-height:1.2em;
	color:#626262;
	scroll-behavior:smooth;
}

body {
	font-family:'DroidSans', sans-serif;
	color:#626262;
}

body strong, body b {
	font-family:'DroidSans-Bold';
	font-weight:normal;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:focus {
	outline:none;
}

img {
	max-width:100%;
	height:auto;
}

.clear {
	clear:both;
	width:0;
	height:0;
	visibility:hidden;
}


.post-edit-link {
	position: fixed;
	top:30px;
	left:30px;
	padding:10px 20px 10px 20px;
	background-color:#000;
	color:#FFF;
	font-weight:bold;
	z-index:999;
}



/* Seite / Rahmen */
#page {
	margin:0 auto;
	max-width:1100px;
	background-color:#FFF;
	box-sizing:border-box;
	border:0px solid #CC0000;
}


/* Kopfbereich */
#header {
	position:relative;
	border:0px solid #0f0;
}

#header-img {
	border:0px solid #CC0000;
}


#menu-toggle {
	position:absolute;
	top:20px;
	right:20px;
	background-color:transparent;
	height:auto;
	width:50px;
	cursor: pointer;
	border:0;
}




/* Navigation  */
.main-navigation {
	width:280px;
	position:absolute;
	top:60px;
	right:25px;
	z-index:99;
	display:none;
	box-shadow:0 5px 10px #666;
}

.main-navigation ul {
}


/* Erste Ebene */
.main-navigation ul li {
/*	width:19%; */
	position: relative;
	margin:0;
	list-style:none;
	text-align:right;
}

.main-navigation ul li a {
	padding:15px 15px 15px 15px;
	color: #0091db;
	display:block;
	background-color:#FFF;
	line-height:1.1em;
	text-transform:uppercase;
	border-bottom:1px solid #f2f2f2;
}


.main-navigation ul li a:hover,
.main-navigation ul li.current_page_item a, 
.main-navigation ul li.current_page_ancestor a  {
	text-decoration:none;
	color:#5ba224;
}

.main-navigation ul li a:hover  {
	background-color:#f2f2f2;
}




/* ############################################ */
/* Content Wrapper */
#content {
	margin:0;
	border:0px solid #0F0;
	font-size:17px;
}

h1 {
	font-family:'DroidSans', sans-serif;
	font-weight:normal;
	font-size:24px;
	line-height:1.3em;
	margin:50px 0px 10px 0px;
}

h2 {
	font-family:'DroidSans', sans-serif;
	font-weight:normal;
	color:#0091db;
	font-size:24px;
	margin:0px 0px 0px 0px;
}

p {
	line-height: 1.7em;
	margin-bottom:1.5em;
}

a {
	color:#5ba224
}




.entry-content  {

}

#textinhalt {
	padding:0px 20px 0px 20px;
}

#backtotop  {
	width:40px;
	height:auto;
	width:100%;
	text-align:right;
	margin-bottom:10px;
}

#backtotop img {
	width:25px;
	height:auto;
}






/**** Footer ****/
#footer {
	padding:20px 20px 20px 30px;
	background-color:#868686;
}

#footer-navi {
	display:block;
}

#footer-navi img {
	float:left;
	width:20px;
	height:auto;
	margin-right:30px;
}

#footer-navi li {
	display:inline;
	list-style:none;
	margin-right:30px;
}

#footer-navi a {
	color:#FFF;
	text-transform:uppercase;
	font-size:0.8em;
}

#forderlogos {
	text-align:center;
	padding:20px 0px 20px 0px;
	margin:20px 0px 5px 0px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

#forderlogos img {
	max-width:50%;
	height:auto; 
}





/*### Startseite ###*/
/* Video */
home video {
	width:50%;
	height:auto;
}

/* Karte */
.page-id-2 .wpgmaps_user_form {
	display:none;
}
.page-id-2 h2 {
	display:none;
}

.wpgmza-reset-custom-fields {
	display:none;
}


/* Popup Fenster */
.wpgmza_infowindow_image {
	float:none;
}

.wpgmza_infowindow_title {
	color:#0091db;
}

.wpgmza_infowindow_description {
	display:none;
}

.wpgmza_infowindow_link {
	display:none;
}

.wpgmza-custom-field {
/*	display:none !important; */
}


/* Zusatzfeld E-Mail */
p[data-custom-field-id="4"] {
 display:none; 
}

.logged-in p[data-custom-field-id="4"] {
	display:block;
}



/* Buttons */
#button1, #button2 {
	margin:30px 0px 30px 0px;
	color:#FFF;
	width:200px;
	padding:0px 30px 0px 10px;
	text-align:left;
	background-repeat:no-repeat;
	background-position:right;
	background-image: url(images/maker_fuer_button.png);
	background-size:contain;
}

#button1:hover, #button2:hover {
	text-decoration:none;
}

#button1 {
	background-color:#0091db;
	border:5px solid #0091db;
	display:inline-block;
	float:right;
}
#button2 {
	background-color:#5ba224;
	border:5px solid #5ba224;
	display:inline-block;
}

#button1:hover {
	background-color:#009FF4;
	border:5px solid #009FF4;
}

#button2:hover {
	background-color:#72CD2E;
	border:5px solid #72CD2E;	
}


/* Boxen */
#spalten {
	clear:both;
	display:flex;
	justify-content:space-between;
}

#inhalt-links, #inhalt-rechts {
	width:48%;
	position:relative;
	border:0px solid #666;
	margin-bottom:20px;
	line-height:1.3em;
}

.titel-de, .titel-pl {
	font-size:1.3em;
	line-height:1.3em;
	margin-bottom:20px;
	clear:both;
}

.titel-de {
	color:#0091db;
}

.titel-pl {
	color:#5ba224;
}

#stoerer {
	clear:both;
	display:flex;
	justify-content:space-between;
}

.page-id-2 #stoerer, .page-id-34 #stoerer {
	display:none;
}

/* Fotos */
#fotos {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	border:0px solid #CC0000;
}

.foto {
	margin:3px;
	height:350px;
	width:350px;
	background-size:cover;
	position:relative;
	overflow:hidden;
	border:0px solid #0F0;
}

.foto-text {
	position:absolute;
	height:150px;
	line-height:30px;
	bottom:-150px;
	left:0;
	right:0;
	text-align:center;
	background-color:rgba(0,0,0,0.4);
	color:#FFF;
	z-index:999;
	transition:all 0.3s;
	box-sizing:border-box;
	padding:10px;
}

.foto:hover .foto-text {
	bottom:0;
}

.titel {
	font-family:'DroidSans-Bold';
	font-weight:normal;
}

.beschreibung {
	font-size:0.8em;
}

.kartenlink, .seitenlink {
	font-size:0.8em;
	width:45%;
	position:absolute;
	bottom:8px;
	cursor:pointer;
	line-height:1em;
	border:0px solid #FFF;
}

.kartenlink {
	left:5px;
}

.kartenlink:hover {
	text-decoration:underline;
	left:5px;
}

.seitenlink {
	right:5px;
}

.seitenlink a {
	color:#FFF;
}


/* Voting */
.voting-box {
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	background-color:#F07D00;
	color:#FFF;
	padding:5px;
}

.voting-box a {
	color:#FFF;
}

.voting-box a:hover {
	text-decoration:none;
}

.on_img {
	background-image: url(/wp-content/themes/doppelt-schoen/images/herz1.png);
	background-repeat:no-repeat;
	padding-left:35px;
	cursor:pointer;
}       

.over_img {
	background-image: url(/wp-content/themes/doppelt-schoen/images/herz2.png);
	background-repeat:no-repeat;
	padding-left:35px;
	cursor:pointer;
}



/* Liebligsort Eingabeformular Frontend */
.wpgmza_marker_approval_msg {
	background-color: #85D748;
	padding: 10px;
	text-align: center;
	color: #FFF;
}

.wpgmza-vgm-marker-added-wrapper {
	display:none !important;
}

.page-id-23 h2 {
	color:#0091db;
	padding-top:30px;
	padding-bottom:30px;
	text-transform:none;
}

.page-id-23 h2 span {
	color:#5ba224;
}

.page-id-23 .wpgmaps_user_form {
	padding:20px;
	background-color:#e5e5e5;
	max-width:100%;
	box-sizing:border-box;
}

.page-id-23 .wpgmza-link {
	display:none;
}

.page-id-23 .desc {
	font-size:0.8em;
	font-style:italic;
}

.page-id-23 input[type="text"], .page-id-23 input, .page-id-23 textarea {
	border:0;
	padding:6px;
	width:50%;
}

.page-id-23 input[type="file"] {
	background-color:#FFF;
	padding:10px;
	width:49%;
}

.page-id-23 input[type="checkbox"] {
	width:20px;
	min-width:20px;
}

.page-id-23 textarea {
	width:80%;
	height:200px;
}

.page-id-23 #wpgmza_ugm_spm {
}

.page-id-23 #wpgmza_ugm_addmarker  {
	color:#FFF;
	padding:10px;
	background-color:#999;
	font-size:1.1em;
	width:450px;
}

.page-id-23 #wpgmza_ugm_addmarker:hover  {
	background-color:#B0B0B0;
	cursor:pointer;
}


/* Lieblingsort Detailseite */
.page-id-34 .wpgmaps_user_form {
	display:none;
}
.page-id-34 h2 {
	display:none;
}

#detailseite {
	clear:both;
	display:inline-block;
	margin-top:20px;
	background-color:#f2f2f2;
	position:relative;
	width:100%;
}

#links {
	float:left;
	width:50%;
}

#rechts {
	float:right;
	width:45%;
	padding:0px 20px 30px 0px;
}

#kartenlink2, #kartenlink3 {
	float:left;
	padding:5px;
	width:150px;
	text-align:center;
	cursor:pointer;
	border:1px solid #999;
}

#kartenlink2 {
	margin-right:20px;
}

#kartenlink3 {

}

#kartenlink3 a {
	color:#666;
	display:block;
}

#kartenlink3 a:hover {
	text-decoration:none;
}

#kartenlink2:hover, #kartenlink3:hover {
	background-color:#FFF;
}

#detailseite img {
	width:100%;
	height:auto;
	display:block;
}


#categories  {
	border:0px solid #000;
	text-align:center;
	margin:20px 0px 30px 0px;
}


#categories a {
	color:#FFF;
	padding:8px 15px 8px 15px;
	background-color:#868686;
	text-transform:uppercase;
	border:1px solid transparent;
	font-size:0.9rem;
}

#categories a:hover {
	text-decoration:none;
	background-color:#ACACAC;
}


#categories li {
	display:inline-block;
	line-height:2.5em;
}

#categories li {
	margin:0 0 0 20px  !important;
}

#categories a.aktiv {
	background-color:#ACACAC;
}



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

	#header {
		border-bottom:0px solid #000;
	}

	#spalten {
		padding:20px;
	}
	
	#backtotop img {
		margin-right:20px;
	}

	
}




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

	#header {
		border-bottom:0px solid #0F0;
	}

	#spalten {
		display:block;
	}
	
	#inhalt-links, #inhalt-rechts {
		width:100%;
	}

	
	#buttons {
		text-align:left;
		padding:30px 0px 30px 0px;
	}
	
	#button1, #button2 {
		margin:10px 0px 0px 20px;
	}

	.page-id-23 h2 {
		padding-left:20px;
	}

	.page-id-23 input[type="text"], .page-id-23 input, .page-id-23 textarea {
		width:85%;
	}
	
	.page-id-23 input[type="file"] {
		width:85%;
	}
	
	.page-id-23 input[type="checkbox"] {
		width:20px;
		min-width:20px;
	}


	#footer-navi img {
		float:none;
	}

	#footer-navi li {
		margin-right:10px;
		line-height:1.8em;
	}


	#links, #rechts {
		float:none;
		width:100%;
	}

	#detailseite img {
		width:100%;
		height:auto;
		display:block;
	}
	
	#rechts {
		padding:0px 20px 30px 20px !important;
		box-sizing:border-box;
	}
	

}