/*
Theme Name: Friedhof Rellingen
Description: Childtheme von Vilva
Author: brainbreak
Author URI: https://www.brainbreak.de
Template: vilva
Version: 1.0
Tags:
*/

/* ***** FARBEN --- ANFANG ***** 
Vanille: #f6edd3
Grün: #6a7803
 ***** FARBEN --- ENDE ***** */

@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/MwQ5bhbm2POE2V9BPbh5uGM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkBI95WamXgHlI.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {line-height: 1.5;}
h1 {font-size: 1.5em; margin: 10px 0;}
h2 {font-size: 1.5em; margin: 10px 0;}

h2.h2_klein {font-size: 1.2em; margin: 10px 0;}

.clear {clear: both;}

.custom-background .site {max-width: 100%; background: none;}
.wp-block-file {background: none !important; padding: 0 !important;}
.wp-block-file__button {background:none !important; border: 1px solid #6a7803;}

/* ***** HEADER --- ANFANG ***** */
.header-t {display: none;}
.header-mid {padding:30px 0 20px 0; background-image:url(https://www.friedhof-rellingen.de/wp-content/uploads/2021/04/back_top.jpg);}
.header-bottom {border: none; background-color:#f6edd3;}
.top-bar {display:none;}
#content {background-color:#f6edd3; width: 80%; margin-left: 10%;}
/* ***** HEADER --- ENDE ***** */

/* ***** FOOTER --- ANFANG ***** */
.footer-t {margin: 0;padding: 0;background-image: url(https://www.friedhof-rellingen.de/wp-content/uploads/2021/04/back_top.jpg);}
.footer-b {display: none;}
.widget {margin: 0;}
.widget p {margin-bottom: 1em;}
.widget .textwidget {color: #000 !important;}
#text-3.widget {text-align: right;}
#text-3.widget a {color: #000;text-decoration: none;}
/* ***** FOOTER --- ENDE ***** */

/* ***** SLIDER --- ANFANG ***** */
.slideshow {width: 80%; margin-left: 10%;}
.slideshow img {width: 100%;}

#slideshow {width: 100% !important; height: 50vw !important; margin: 10px 0 0 0; padding: 0;}
#slideshow li {width: 100% !important;}
#slideshow li img {width: 100%;}

/*#fssPrev, #fssNext, #fssPlayPause, #fssList {display: none;}
 ***** HOME --- ENDE ***** */
/* ***** SLIDER --- ENDE ***** */

/* ***** STARTSEITE --- ANFANG ***** */
.post-10 .wp-block-columns {margin-bottom: 0;}
/* ***** STARTSEITE --- ENDE ***** */

/* ***** NAVIGATION --- ANFANG ***** */
.main-navigation ul li {font-weight:200; font-size:0.9em; letter-spacing:0;}
/* ***** NAVIGATION --- ENDE ***** */

/* ***** CONTENT --- ANFANG ***** */
header.page-header {display:none;}
.single.full-width-centered .site-main article .entry-content, .page.full-width-centered .site-main article {max-width: none;}
/* ***** CONTENT --- ENDE ***** */

/* ***** GRABARTEN --- ANFANG ***** */
.button_grabarten a {padding: 1px 10px !important; text-decoration:none;}
.is-style-outline > .wp-block-button__link, .wp-block-button__link.is-style-outline {border: 1px solid;}
.wp-caption .wp-caption-text, .wp-block-image figcaption {
	position: absolute;
	margin: -50px 0 0 20px; 
	padding: 5px 50px 5px 10px;
	color: #000000;
	background-color: #f6edd3;
	text-align: left;
	line-height: 0.9rem;
	opacity: 0.9;
	font-size: 0.8rem;
}
.wp-caption .wp-caption-text, .wp-block-image figcaption strong {font-size: 0.9rem;}
/* ***** GRABARTEN --- ENDE ***** */

/* ***** KARTE --- ANFANG ***** */
.page-id-20 #primary {max-width: none;}
.page-id-20 .entry-content {max-width: 1024px;}

#digitale_karte {position: relative;}
/* ***** KARTE --- ENDE ***** */

/***** RESPONSIVE --- ANFANG *****/
@media only screen 
	and (min-width : 1024px)  {
		.container {max-width: 80% !important;}
		.page-id-20 h1, .page-id-20 h2, .page-id-20 .dk_introtext {width: 80%; margin-left: 10%;}
		.dk_klein {display: none;}
		.dk_klein_text {width: 80%; margin-left: 10%;}
		.dk_gross {display: block;}
		.dk_gross_text_headline {margin-left: 10%;}
		.dk_popup {
	position: absolute;
	width: 22px; 
	height: 22px;
	margin: -10px 0 0 -10px;
	border-radius: 10px;
	transition-property: width, height, background, z-index; 
	transition-duration: 0.5s;
	opacity: 0.9;
	overflow: hidden;
	z-index: 100;
		}
		.karte_lupe {position: absolute; right: 20px; top: 10px; z-index: 9;}
		.dk_popup:hover, .dk_popup:active {width: 340px; height: auto; background: #fff; z-index: 999;}
		.dk_popup .dk_inhalt {
	position: relative; 
	width: 340px; 
	height: auto; 
	padding: 25px;
	font-size: 0.9em;
	line-height: 1.1em;
		}

div.dk_popup.kl_trauerhalle {left: 20%; top: 67%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_01.png) no-repeat #fff;}

		
div.dk_popup.buero {left: 18%; top: 63%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_02.png) no-repeat #fff;}
		
div.dk_popup.gr_trauerhalle {left: 17%; top: 56%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_03.png) no-repeat #fff;}
		
div.dk_popup.urnenwahlgrab {left: 19%; top: 38%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_04.png) no-repeat #fff;}
		
div.dk_popup.baumpark {left: 24%; top: 10%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_05.png) no-repeat #fff;}
		
div.dk_popup.ehrenmal4 {left: 24%; top: 42%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_06.png) no-repeat #fff;}
		
div.dk_popup.anonym1 {left: 30%; top: 30%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_07.png) no-repeat #fff;}
		
div.dk_popup.glockenturm {left: 31%; top: 39%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_08.png) no-repeat #fff;}
		
div.dk_popup.urnenwahlgrab2 {left: 33%; top: 36%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_09.png) no-repeat #fff;}
		
div.dk_popup.sternenkinder {left: 36%; top: 33%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_10.png) no-repeat #fff;}
		
div.dk_popup.ehrenmal3 {left: 34%; top: 44%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_11.png) no-repeat #fff;}

div.dk_popup.blumenbeet3 {left: 36%; top: 38%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_12.png) no-repeat #fff;}

div.dk_popup.ehrenmal2 {left: 42%; top: 45%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_13.png) no-repeat #fff;}

div.dk_popup.alte_kapelle {left: 47%; top: 45%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_14.png) no-repeat #fff;}
		
div.dk_popup.blumenbeet1 {left: 54%; top: 47%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_15.png) no-repeat #fff;}
		
div.dk_popup.lindenallee {left: 70%; top: 51%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_16.png) no-repeat #fff; transition-property:left;}
div.dk_popup.lindenallee:hover, div.dk_popup.lindenallee:active {left:60%;}
		
div.dk_popup.kirche {left: 96%; top: 50%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_17.png) no-repeat #fff; transition-property:left;}
div.dk_popup.kirche:hover, div.dk_popup.kirche:active {left:70%;}
		
div.dk_popup.anonym2 {left: 57%; top: 67%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_18.png) no-repeat #fff;}
		
div.dk_popup.anonym3 {left: 51%; top: 76%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_19.png) no-repeat #fff;}
		
div.dk_popup.ehrenmal1 {left: 36%; top: 68%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_20.png) no-repeat #fff;}

div.dk_popup.blumenbeet2 {left: 36%; top: 56%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_21.png) no-repeat #fff;}

div.dk_popup.wahlgraeber {left: 26%; top: 59%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_22.png) no-repeat #fff;}
		
div.dk_popup.wasserurnen {left: 19%; top: 18%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_23.png) no-repeat #fff;}

div.dk_popup.weltkugel {left: 22%; top: 29%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_24.png) no-repeat #fff;}

div.dk_popup.himmelsleiter {left: 43%; top: 38%; background: url(../../../friedhofrellingen/images/karte/Friedhof_Rellingen_Legende_25.png) no-repeat #fff;}
}
@media only screen 
	and (max-width : 1023px)  {
		.main-navigation .primary-menu-list {background-color:#f6edd3;}
		#content {width: 92%; margin-left: 4%;}
		.slideshow {width: 92%; margin-left: 4%;}
		.dk_gross {display: none;}
		.dk_popup {display: none;}
		.dk_klein {display: block;}
		.dk_klein_text {display: inherit;}
		
}
@media only screen 
	and (min-width: 425px)
	and (max-width : 767px)  {
}
@media only screen 
	and (max-width : 599px)  {
		.wp-block-gallery ul li:nth-child(3) {width:calc(100% - 1em);}
		.wp-block-embed {width:calc(100% - 1em);}
		.wp-block-image {width:calc(100% - 1em);}
}
/***** RESPONSIVE --- ENDE *****/