/*
 Theme Name:   Stadt Alsfeld
 Description:  Child Theme für die Stadt Alsfeld
 Author:       vobitz
 Author URI:   https://www.vobitz.info
 Template:     palm-beach
 Version:      1.0
*/

/*--------------------------------------------------------------
# 1.0 - allgemeine Anpassungen Head
--------------------------------------------------------------*/
body 	{font-size:1em;background:#eee}
p 		{margin-top:0}


#fontsize:hover {cursor:pointer}
#wpfront-scroll-top-container i {color:#fff}

/*HEADER*/		
header.site-header {position:fixed;width:100%;z-index:10000;border:none;top:0;box-shadow:0px 0px 5px 1px rgba(0,0,0,.4)}

.headerTopBar		{background-color:#fff;height:30px;width:100%;padding:2px 0px}
.headerTopBarInner	{max-width:960px;text-align:right;margin:0px auto}
.headerTopBarInner * {display:inline;margin-left:0px;}	
.headerTopBarInner .header-top-nav	{margin-right:10px;}
.headerTopBarInner .header-top-nav li {display:inline;margin-right:10px;}
.headerTopBarInner .header-top-nav li a {font-size:0.8em;color:#000;}
.headerTopBarInner .search-form {width:200px;}
.headerTopBarInner .search-form .search-field {width:200px;padding:0px 4px;font-size:0.8em;height:23px;}
.headerTopBarInner .search-form * {padding:0px}
.headerTopBarInner .search-form .search-submit {padding:0px;height: 23px;  top: 2px;}
.headerTopBarInner .search-form .search-submit .genericon-search {padding:0px;font-size: 18px;    margin-top: -3px;}


.site-header-inner	{position:relative;}
.site-header-inner .header-main {padding:0;position:relative;}
.site-branding {margin:0}
.site-branding .custom-logo 	{display:block;max-height:100px;height:100px;width:auto;padding:5px}
.site-branding .custom-logo-sm 	{display:none;max-height:50px;max-width:143.5px;height:50px;width:auto;padding:5px;}

/*HEADER - HAUPT NAVIGATION oben*/
.primary-navigation {display:flex;position:absolute;right:0;bottom:0;width:75%;margin:0;height:100px}
.primary-navigation ul.main-navigation-menu {flex:1 1 30%}
.main-navigation-menu li {width:33.3333333%; height:100%;display:flex;}
.main-navigation-menu li:nth-child(1) {background:rgba(81,145,202,1);background-image: linear-gradient(transparent, rgba(0,0,0,0.3));}
.main-navigation-menu li:nth-child(2) {background:rgba(188,164,133,1);background-image: linear-gradient(transparent, rgba(0,0,0,0.3));}
.main-navigation-menu li:nth-child(3) {background:rgba(164,29,35,1);background-image: linear-gradient(transparent, rgba(0,0,0,0.3));}
.main-navigation-menu li:nth-child(1):hover {background:rgba(81,145,202,1);background-image: linear-gradient(transparent, rgba(0,0,0,0.6));}
.main-navigation-menu li:nth-child(2):hover {background:rgba(188,164,133,1);background-image: linear-gradient(transparent, rgba(0,0,0,0.6));}
.main-navigation-menu li:nth-child(3):hover {background:rgba(164,29,35,1);background-image: linear-gradient(transparent, rgba(0,0,0,0.6));}   
.main-navigation-menu li:nth-child(1) > a:after {content:'Alsfeld von A-Z';}
.main-navigation-menu li:nth-child(2) > a:after {content:'Alsfeld muss man erleben';}
.main-navigation-menu li:nth-child(3) > a:after {content:'Alsfeld - das Beste aus Land und Metropole';}
.main-navigation-menu li a {display:block; width:100%;height:100%;}
.main-navigation-menu li.current-menu-item > a {text-decoration:none}		
.main-navigation-menu li a:link, 
.main-navigation-menu li a:visited {padding:0.5em 1.25em;font-size:1.2rem;color:#fff;align-self:center;}
.main-navigation-menu li a:after {display:block;font-size:0.7rem;font-weight:300;line-height:1.15em;}

/*HEADER - Ein/Ausblenden Seitennavigatzion*/
#nav-toggle {position:absolute;top:10px;left:50px;z-index:50000000000000} 
#nav-toggle {color:black; font-size:1.5em}	

/*STICKY HEADER - Beim scrollen Header anpassen*/		
.sticky {position:fixed}
.sticky .headerTopBar {display:none;}	
.sticky .site-branding .custom-logo {display:none;}
.sticky .site-branding .custom-logo-sm {display:block;}
.sticky .primary-navigation {height:auto}
.sticky .primary-navigation .main-navigation-menu li  			{height:55px}
.sticky .primary-navigation .main-navigation-menu li a 			{padding:0.75em 1.25em}
.sticky .primary-navigation .main-navigation-menu li a:after 	{display:none;}


/*Side Menu*/
.sidr {background:#fff;}
.sidr .sidr-level-header:after {clear:both}
.sidr .sidr-level-header p {color:#000;margin:0}
.sidr .sidr-level-header span {float:left;padding-left:0}

.sidr-level-back .menuArrow {margin:0}
.sidr-inner .sidr-class-page_item span.menuArrow {width:3em;text-align:center;}
.sidr-inner .sidr-level-back span.menuArrow {width:1em;}
.parentNav .menuArrow i {transform:rotate(90deg)}
.sidr-class-page_item::after {clear:both}
		
/* HEADER - ENDE */


/* ???????????????? */

.header-title-image-container {background:none;height:720px;}	
#background-gradient {position:absolute;bottom:-1px;left:0}

#jubilaeum {max-width:500px; margin:190px auto -180px auto;background:#fff }
@media only screen and (max-width: 600px) {
	#jubilaeum {display:none;}	
}
/*--------------------------------------------------------------
# 2.0 - Allgemeine Anpassungen bei allen Templates
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"], button.checkout-button {text-transform:none;color:#fff}
.fa-heart {color:#fff} /*Favorite Heart*/


h1,h2,h3,h4,h5,h6 	{clear:none;margin-top:0;color:#000}
   h2,h3,h4,h5,h6 	{font-size:1.2em;font-weight:400;}
a 					{color:#000}
th, td 				{border:none;}

.site-main p {color:#666}
.content-area .entry-content ul {color:#666}

.header-title {font-size:3rem;text-transform:none;display:block}

.container, .site-content .centered-content-area {max-width:960px}
.su-slider-pagination {top:90%}

.post-wrapper {margin-right:-1.5em}


/* # 3.1 eigene Klassen: Startseite */
.home-content {border-bottom:none;}
.home .flex {justify-content:space-between}
.home.page-template-template-leben-overview .site-content:before {content:'Herzlich willkommen in Alsfeld'; background:rgba(255,255,255,0);display:none}
.home.page-template-template-leben-overview .site-content h1:first-of-type {background:#ddd url(/wp-content/uploads/2018/06/verlauf.png);color:#000;padding:.6rem 1rem 0.4rem}
.home.page-template-template-leben-overview .termin a, .home.page-template-template-leben-overview .termin a:link, .home.page-template-template-leben-overview .termin a:visited {color:#000}
.content-container-aktuelles h2, .content-container-veranstaltungen h2 {padding:10px}
.content-container-veranstaltungen .site-content .entry-content a:visited, .content-container-veranstaltungen .site-content .entry-content a:link {color:rgba(81,145,202,1)} 
.news-item p {margin:0}
.search-form .search-submit:hover {border-color:#9a9a9a; background:#9a9a9a;}


.post-wrapper .lebenGrid, 
.post-wrapper .tourismusGrid, 
.post-wrapper .wirtschaftsGrid  {padding-right:1.5em}



.site-content {box-shadow:1px 1px 3px rgba(0,0,0,0.5); max-width:960px; position:relative;padding:0;}
.site-content .entry-content a:link, a:visited {color:#5191ca}
.site-content .entry-content .contentPicture a:link, a:visited {color:#000}
.entry-content {font-size:16px;font-weight:100;}
.page-template-template-leben-single .entry-content,  .page-template-template-wirtschaft-single .entry-content { border-bottom:1px solid #ccc;padding-bottom:2em;}
.site-content h1:first-of-type, .content-container-aktuelles h2, .content-container-veranstaltungen h2{background:#ddd url(/wp-content/uploads/2018/06/verlauf.png);padding: .6rem 1.2rem 0.4rem; font-weight:500;font-size:1.2em; position:relative;width:100%;margin:0} 
.sidebar {padding-top:2.5em}

 .site-content .content-bottom {position:relative; width:100%; padding:0.2em 2em; font-weight:500;font-size:0.8em;display:flex;justify-content:space-between}
div.content-bottom a {color:#fff;}
.woocommerce ul.products li.product a {color:#000;}

.tp-mask-wrap { font-weight:bold;text-shadow:0px 0px 2px #000} /*Für Revolution Slider*/
.woocommerce div.product form.cart .button {float:right}
.post-layout-three-columns {clear:both;}
.post-navigation .nav-links a, .post-navigation .nav-links a:link {border-color:rgba(110,89,88,0.8);background:rgba(110,89,88,0.8);}
.post-navigation .nav-links a:hover, .post-navigation .nav-links a:active {border-color:#d4c5b1;background:rgba(110,89,88,1);}
.post-navigation .nav-links a {text-transform:none;}
.header-title-image-container {background:rgba(0,0,0,0.1)}
.page-header .entry-meta {display:none;}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {background:#6e5958;border-color:#6e5958}
.header-title-image-container .post-navigation .nav-links a:link, .header-title-image-container .post-navigation .nav-links a:visited {color:#fff}
.woocommerce form .form-row label {color:#000}
/* Allgemeine Anpassungen bei allen Templates Ende */



/*--------------------------------------------------------------
# 3.0 - Allgemeine selbst definierte Klassen
--------------------------------------------------------------*/
.breadcrumb {color:#666;background:#ddd;padding:0.5em 2.5em}
.breadcrumb a:link, .breadcrumb a:visited {color:#666}
.content-links ul		{list-style-type:none;font-weight:100;border:0px solid #ccc;padding-left:0}
.content-links ul li	{border:1px solid #fff;border-width: 1px 0 1px 0px;background:#fff url(/wp-content/uploads/2018/06/verlauf.png);margin:0;padding:0;}
.content-links ul li a::before {content: "»";margin-right:0.3em;}
.content-links ul li a	{display:block;width:auto;padding:3px 10px;text-decoration:none;color:#333;font-weight:100;font-size:0.9em;overflow:hidden}
.content-links ul li:not(:first-child) 	{border-top: 0;}
.content-links ul li a:hover			{background-color:#eee;}
.content-links h4 {display:inline-block;background:#5191ca; color:#fff; padding:7px 5px;margin:0; width:100%;font-size:1.1em;font-weight:normal;}
.relatedPost {padding-bottom:1.5em !important;position:relative;padding-right:1.5em !important;}
.relatedPost article {position:relative;}
.relatedPost header {display:flex;align-items:center; position:absolute;justify-content: center;height:100%;text-align:center;width:100%}
.relatedPost header a {color:#fff;padding:5px 0; background:rgba(81,145,202,0.7);font-size:1em;display:block;width:100%}
.relatedPost img {border-bottom:5px solid rgba(81,145,202,1);margin:0;display:block;width:100%;}
.contentPicture {float:right; margin:0 0 20px 20px; position:relative;max-width:300px;}
.contentPicture img {margin:0}
.featured_caption {color:#000;font-size:0.8em}
.copyrights {position:absolute;background:rgba(255,255,255,0.5);color:#666;left:0;bottom:25px;width:100%;padding:13px;font-size:0.8em;bottom:14px}
.step-span-container {width:20%}
span.step-number {display:inline-block;background-color:#6e5958;color:#fff;border:3px solid white;width:45px; height:45px;text-align:center; vertical-align:super;border-radius:100%;line-height:39px;}
.activeStep {color:#6e5958}
.scrollToContent {display:block;margin:0 auto;text-align:center;top:-1em;position:relative;}
.scrollToContent:link, .scrollToContent i {color:#fff;}
.scrollToContent i {background:#c2afa8;padding:0 0.25em;font-weight:bolder}

.no-margin {margin:0;padding:1em 0}
.choiceTab {background:rgba(252,243,234,0.6);padding:1em;margin-bottom:1em;display:flex;}
.header-title-image-mobil {display:none;}

.owl-carousel .owl-stage {display:flex}
.veranstaltungshinweise {background:#f6f6f6;padding:1em }
.saveChoice {text-transform:none;background:#6e5958;width:100%}
#my_custom_checkout_field {}
#my_custom_checkout_field #abholungs_ort_field {text-align:left;padding:0;color:#000}
.sandstein-background {background:#fcf3ea;background-image: url(/wp-content/uploads/2019/01/hintergrund-504px-211px.jpg);}
.genre-filter-navigation {margin-bottom:1em; display: block; width: 100%;}
favorites-design {background-image: url(/wp-content/uploads/2019/01/pergament.svg);max-width:33%}
favorites-design p {background-image: url(/wp-content/uploads/2019/01/schriftrolle.svg);}
favorites-list {justify-content:space-between;}
.tooltips {border-bottom: 2px dotted #000;margin-bottom: 10px;display:inline-block}
.fuehrung-extras {width:100%;}
/*eigene Klassen  Ende */

/* Nachrichten Archiv */
.archive.leben-body .content-container-aktuelles, .blog .content-container-aktuelles{width:100%}
.archive.leben-body .content-container-aktuelles li.news-item, .blog li.news-item{list-style:none;border-bottom:1px solid #eee;padding:1em 0}
.archive.leben-body .content-container-aktuelles h2, .home-body.blog h1 {background-color:rgb(81, 145, 202);color:#fff}
.home-body.blog .post-wrapper .post-column {width:100%}
.archive.leben-body .month-choice {display:flex; justify-content:space-between ;flex-wrap:wrap;margin-bottom:1.5em}
.archive.leben-body .month {padding:0.5em;background:rgb(81, 145, 202);margin-bottom:0.5em;margin-right:0.5em}
.archive.leben-body .month a {color:#fff;}
.archive.leben-body .post-wrapper .post-column {width:100%}
.archive-dropdown {margin-bottom:1em}
.home-body.blog .nav-links {margin-top:1em}
.leben-body .site-content, .home-body.blog .site-content {margin-top:250px;}
body.search .site-content  {margin-top:0px}

/*STARTSEITE*/
.site {positon:absolute}
.home-body, .leben-body {background:url(' /wp-content/uploads/2018/08/alsfeld-background.jpg');background-attachment:fixed;background-repeat:no-repeat;background-size:100%;background-size: cover;}
.home-body .site-content {margin-top:250px;}


/* STARTSEITE NEU */
.home-body .top-news {position:relative;width:100%;left:0;top:0;max-height:auto;border:1px solid #eee;margin-bottom:1rem}
.home-body .short-overview {display:flex;justify-content:space-between;background:#f6f6f6;text-align: center;}
.home-body .short-overview div {padding:1em}
.home-body .start-search {display:none}

/*
.home-body .top-news {position:absolute;top:180px;left:50%;width:480px;background:rgba(255,255,255,0.7);max-height:350px;}*/
.top-news h2 {padding: 0;background: #ddd url(/wp-content/uploads/2018/06/verlauf.png);padding: .6rem 1.2rem 0.4rem;font-weight: 500;font-size: 1.2em;position: relative;width: 100%;margin: 0;}
.top-news-container-around {padding:0.5em;display:flex;margin-top:-2.9em}
.top-news-container {display:flex;}
.top-news-text {padding-left:1em;line-height:1.2em;}
.top-news-text h4{margin:0.5em 0;}
.top-news-text P{margin:0;margin-bottom:2em}
.top-news-text a, .top-news-text a:link, .top-news-text a:visited, .top-news-text a:hover{color:#000;text-decoration:underline;font-weight:400;}
.top-news-container .owl-carousel .owl-item {display:flex}
.top-news-bild {flex: 1 1 50%;} 
.top-news-text {flex: 1 1 50%;}
.sue-content-slider {margin-bottom:0.5em !important;}
.owl-stage-outer {margin-top:1em;}
.sue-content-slider .owl-dots {top:90% !important;left:45% !important}
.sue-content-slider .owl-dot::before {border:1px solid #000;}

.lebenGrid  a, 
.tourismusGrid a, 
.wirtschaftsGrid a {padding:0px;display:block}

.lebenGrid  a{background:rgba(81,145,202,1);background-image: linear-gradient(transparent, rgba(0,0,0,0.3));}
.lebenGrid h2 {margin:0;padding:10px 10px 5px;line-height:1.3em;;color:rgba(255,255,255,1);}
.lebenGrid img {border-bottom:2px solid rgba(81,145,202,1);border-top:1px solid rgba(38,84,125,1.00);line-height: 1;display: block;width: 100%;}
.lebenGrid p {color:#fff;padding:5px 10px;font-size:0.8em;}

.tourismusGrid a{background:rgba(188,164,133,1);background-image: linear-gradient(transparent, rgba(0,0,0,0.3));}
.tourismusGrid h2 {margin:0;padding:10px 10px 5px;line-height:1.3em;color:rgba(255,255,255,1);}
.tourismusGrid img {border-bottom:2px solid rgba(188,164,133,1);border-top:1px solid rgba(100,80,55,1.00);line-height: 1;display: block;width: 100%;}
.tourismusGrid p {color:#fff;padding:5px 10px;font-size:0.8em;}

.wirtschaftsGrid a{background:rgba(164,29,35,1);background-image: linear-gradient(transparent, rgba(0,0,0,0.3));}
.wirtschaftsGrid h2 {margin:0;padding:10px 10px 5px;line-height:1.3em;color:rgba(255,255,255,1);}
.wirtschaftsGrid img {border-bottom:2px solid #a41d23;border-top:1px solid rgba(110,19,23,1.00);line-height: 1;display: block;width: 100%;}
.wirtschaftsGrid p {color:#fff;padding:5px 10px;font-size:0.8em;}
	
	
.page-template-template-home	.site-content #primary	 {padding:1em;}


.content-container-aktuelles {width:66%;border:1px solid #eeee}
.content-container-aktuelles ul	{list-style-type:none;padding:10px;} 
.content-container-aktuelles ul li	{padding:1em 0;border-bottom:1px solid #eee; } 

.content-container-veranstaltungen	{background-color:#f6f6f6;width:calc(33.3333333333333% - 1em)}
.content-container-veranstaltungen ul	{list-style-type:none;padding:10px;} 
.content-container-veranstaltungen ul li	{} 

.page-template-template-home .site-content .content-bottom {background:#9a9a9a}
.news-link, .news-link:link, .news-link:active, .news-link:visited  {color:#000}
.news-link:after {content: "."; clear: both; display: block; visibility: hidden; height: 0px;}
.news-item h4 {color:#000;margin-bottom:0}
.news-item .news-bild img {max-width:150px}
.news-datum {text-decoration:underline;}
.news-item:last-of-type  {border-bottom:none}
.content-container-veranstaltungen .termin-tag {border-bottom:1px solid #ccc;font-weight:bold;}
.content-container-veranstaltungen .termin a:link, .content-container-veranstaltungen .termin a:visited {color:#000}
.content-container-veranstaltungen .termin a:hover {color:#9e1c22}
.content-container-veranstaltungen .termin-uhrzeit {float:right;max-width:30%}
.content-container-veranstaltungen .termin {display:flex;justify-content:space-between;margin-bottom:1rem}
.content-container-aktuelles .news-bild {float:right;margin-left:0.5em}
.termine {list-style:none;margin:0;padding:0}


/* # 3.2 eigene allgemeine Klassen: Darstellung Visitenkarten */
.content-visitenkarte {width:200px;height:100%;border:1px solid grey;bottom:0; margin:50px auto;box-shadow:1px 1px 5px #666;-moz-transform: rotate(3deg);-ms-transform: rotate(3deg);-o-transform: rotate(3deg);-webkit-transform: rotate(3deg);transform: rotate(3deg);font-size:0.8em;padding:15px;background-color:rgba(108,140,180,0.02)}
.content-visitenkarte:hover {transform:translateY(-10px) rotate(3deg); transition:0.5s}
.content-visitenkarte a {color:rgba(108,140,180,1);word-break:break-all;word-wrap:break-word}
.content-visitenkarte:after {clear:both}
.visitenkarte-name {font-size:1.2em;font-weight:bold;color:rgba(108,140,180,1);margin-top:1em;}
.visitenkarte-adresse, visitenkarte-telefon, .visitenkarte-email {margin-top:0.5em;}
.visitenkarte-email {-moz-hyphens: manual; -o-hyphens: manual; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; }



/* # 3.3 eigene allgemeine Klassen: Darstellung Post It */
.postIt {background-image:url(/wp-content/uploads/2018/10/Post-it.svg);background-repeat:no-repeat;-moz-transform: rotate(-3deg);-ms-transform: rotate(-3deg);-o-transform: rotate(-3deg);-webkit-transform: rotate(-3deg);transform: rotate(-3deg); width:350px; height:350px; text-align:center; color:rgb(85,84,202);  overflow:hidden;padding:0.4em;max-width:100%}
.page-template-template-wirtschaft-single .site-main .postIt p  {padding:1em;  margin-left:0; font-family: 'Caveat', cursive; color:#2a306e; font-size:1.2em;margin:0}


/* # 3.3 eigene Klassen: Sidebar Menü */
.pagenav {display:none;width:100%;height:100%;position:fixed;top:100px;left:0;right:0;z-index:1000;background:#fff;}
.pagenav .menuArrow {width:3em; text-align:center;display:inline-block;transform:rotate(0deg); transition-duration:1s}
.pagenav a, .pagenav a:visited {color:#000}
.pagenav ul, .pagenav li {list-style:none}
.pagenav > ul {display:flex;justify-content:space-between}
.pagenav > ul > li > .children {position:absolute;left:0;width:100%}
.children, .children .page_item {display:none;}
.children li a {width:100%;display:block}
.current_page_parent > .children > .current_page_item{display:block}
.current_page_item {background:#eee}
.pagenav .current_page_ancestor, .pagenav .current_page_ancestor .children, .pagenav .current_page_item, .pagenav .current_page_ancestor, .pagenav .current_page_ancestor > .children > .current_page_parent > .children >  .page_item, .pagenav > ul > .current_page_ancestor > .children > .page_item {display:block}
.pagenav .current_page_ancestor > a > .menuArrow {transform:rotate(90deg);transition-duration:1s}

/*--------------------------------------------------------------
# 3.0 - Bereich Leben Darstellung
--------------------------------------------------------------*/
.pagination a:hover, .pagination .current {border-color:#5191ca;background:#5191ca}
.single-veranstaltung, .single {background:#eeeeee }
.page-template-template-leben-overview .breadcrumb a, .page-template-template-leben-single .breadcrumb a, .page-template-template-leben-overview .breadcrumb, .page-template-template-leben-single .breadcrumb {color:#000}
.page-template-template-leben-single .site-content .entry-content a:link, .page-template-template-leben-single .site-content .entry-content a:visited {color:#5191ca} 
.page-template-template-leben-single strong, .page-template-template-leben-overview strong {color:#666}
.page-template-template-leben-single a, .page-template-template-leben-overview a {color:#5191ca}
.page-template-template-leben-single .search-form .search-submit:hover {border-color:#5191ca; background:#5191ca;}
.page-template-template-leben-single .site-content h1:first-of-type, .page-template-template-leben-overview  .site-content h1:first-of-type, .archive.leben-body .site-content h1:first-of-type {background:rgba(81,145,202,1); color:#fff;font-size:1.5em;line-height:1em;padding:1rem 2.5rem}
.site-content #primary {padding:2.5em}
.page-template-template-leben-single .contentPicture .wp-post-image, .page-template-template-leben-overview .contentPicture .wp-post-image {border-bottom:5px solid rgba(81,145,202,1);}
.page-template-template-leben-single .site-content .content-bottom, .page-template-template-leben-overview .site-content .content-bottom{background:rgba(81,145,202,1);}
.page-template-template-leben-single .header-title-image, .page-template-template-leben-overview .header-title-image {width:100%;height:100vh; background-attachment:fixed;display:none;}
.page-template-template-leben-single .header-title-image-container, .page-template-template-leben-overview .header-title-image-container {display:none;}
.single-veranstaltung .site-content, .single .site-content {margin-top:0}
#rev_slider_8_1_forcefullwidth {top:100px;}
.page-template-template-leben-single, .page-template-template-leben-overview, .search, .archive.leben-body {background:url(' /wp-content/uploads/2018/08/alsfeld-background.jpg');background-attachment:fixed;background-repeat:no-repeat;background-size:cover}
.search .header-title-background {background:transparent;border:none;}
.search .header-title-background .page-header .header-title {color:#fff}
.search .site {margin-top:25vh}
.lebenPrimary input[type="button"], .lebenPrimary input[type="reset"], .lebenPrimary input[type="submit"] {background:#4c87bd}
.wpt-form-radio {margin-right:0.5em}


/* Bereich Leben Darstellung Ende */


/*--------------------------------------------------------------
# 4.0 - Bereich Tourismus Darstellung
--------------------------------------------------------------*/
/* # 4.1 HEAD */

.tourismus-body .site-content #primary {padding:0}
.woocommerce-checkout .site-content #primary, .woocommerce-cart .site-content #primary {padding:1em}


/* # 4.2 SLIDER */
.page-template-template-tourismus-overview .forcefullwidth_wrapper_tp_banner {margin-top:130px !important}
.page-template-template-tourismus-overview .forcefullwidth_wrapper_tp_banner::after {content: "";width:100%;height:50px;bottom:0;background:url(/wp-content/uploads/2018/09/header-sandstein.png) no-repeat;position:absolute;background-size:cover;}
.page-template-template-tourismus-overview .site-content #primary {padding:0}


/* # 4.3 CONTENT */
.tourismus-body .header-title-image::after {content: "";width:100%;height:50px;background:url(/wp-content/uploads/2018/09/hintergrund-head-1200px-60px.png) no-repeat;position:absolute;background-size:cover;top:0;left:0}

.tourismus-body .site-content, .single-ausflugsziel .site-content, .single-gastgeber .site-content {box-shadow:none;background:transparent}
.tourismus-body .site-content .entry-content a:link {color:#6e5958}
.tourismus-body .site-content > *{font-family: 'PT Serif', serif;}
.tourismus-body .site-content h1:first-of-type {background:none;display:none}

.tourismus-body .site-content a:link, .tourismus-body .site-content a:visited, .restore-item:link {color:#6e5958}
.tourismus-body a.go-back, a.go-back:link, a.go-back:visited {color:#fff;display:inline-block; font-size:1em;background:rgba(110,89,88,0.8);padding:0.5em }
.tourismus-body a.go-back:hover {background:rgba(110,89,88,1)}
.page-template-template-tourismus-single #primary {background:rgba(252,243,234,0.6)}

.tourismus-body .su-tabs, .single-gastgeber .su-tabs { background:rgba(252,243,234,0.6)}
.tourismus-body .su-tabs-pane, .single-gastgeber .su-tabs-pane { background:rgba(252,243,234,0.8)}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background:transparent}

.single-ausflugsziel .site-content .entry-content a:link, .single-ausflugsziel .site-content .entry-content a:visited, .single-ausflugsziel .site-content .entry-content a:link,.single-ausflugsziel .entry-content a:visited {color:#6e5958 !important;font-weight:bold}
.tourismus-body .site-main {padding: 1em 0;}  

/* # 4.4 Kontakt-Pergament-Darstellung an der Seite (header-tourismus.php) */
.kontaktdiv {position:fixed;right:0;top:60%;display:flex;flex-direction:row;padding:0 ;background:url(/wp-content/uploads/2018/09/vektorkontakt-rolle.svg);background-size:cover;height:185px;z-index:1000}
.kontaktdiv:hover {cursor:pointer;}
.kontaktdiv:hover .kontaktDaten {display: block;}
.kontaktdivOeffner {transform:rotate(-90deg);height:30%;align-self:center;position:relative;padding:10px;color:#000;margin-right:-15px}
.kontaktDaten {display:none;padding:30px; color:#000;font-size:0.8em}
.kontaktDaten a {color:#000}
.kontaktDaten p {margin:0}
.kontaktdivOeffner:hover .kontaktDaten {display:block;}
.kontaktdivOeffner:hover .kontaktdivOeffner {display:none;}

.warenkorb-seitlich {position:fixed;right:0;top:45%;z-index:1000}
.warenkorb-seitlich a {font-size:0.8em}
.warenkorb-seitlich img {width:60px}
.warenkorb-seitlich span {color:#000}

/* # 4.5 für die Gestaltung der Pergamente (Tourismus Übersichtsseite)*/
.post-layout-three-columns .post-wrapper .pergamentDiv {width:calc(25% - 2%);margin-right:2%;}
.pergamentDiv header a {background:transparent;position:absolute;height:100%;top:0}
.pergamentCat {text-transform:uppercase;font-family: 'Alegreya', serif;font-size:0.9em;color:#000}
.pergamentDiv header{position:unset;height:auto}
.pergamentContent {position:absolute;bottom:0;width:100%;}
.pergamentContent:hover .pergamentText{display:block;}
.pergamentContent:hover #schriftrolle {bottom:80%;}
.pergamentText {display:none;overflow:hidden;position:relative; bottom:-5px;width:90%;padding-top:1em;line-height:1em;hyphens: auto;font-size:0.8em  }
.site-main .pergamentText a:link {color:#000; margin:.5em 0;padding:0.5em 0;font-family: 'PT Serif', serif;}
.pergamentDiv header:hover + .pergamentText {display:block}
#schriftrolle {position:absolute;left:-15%;width:120%;bottom:-5%;z-index:11}
.pergamentDiv article{ position:absolute; top:0; padding:0.5em; left:0; width:calc(100% - 2em);display:flex; flex-direction:column; justify-content:space-between;padding-left:1em;}
.pergamentDiv img {border-bottom:none;height:100%;object-fit:cover}
.pergamentDiv .simplefavorite-button {position:absolute;right:0.5em;z-index:10;border:none;padding:0;background:transparent; background:url(/wp-content/uploads/2018/09/rathaus.svg);background-size:contain;width:21.63px;height:40px;background-repeat:no-repeat;top:-5px;}
.svg-shadow {-webkit-filter: drop-shadow(-1px 1px 0px #000); filter: drop-shadow(-1px 1px 0px #000);}
.pergamentDiv button:hover, .pergamentDiv button:focus, .pergamentDiv button:active {color:#000}
.pergamentTitle {font-size:1.2em;transform:rotate(-2deg);display:none;}
.pergamentTitle2 {position:absolute;color:#000;font-size:0.9em;transform:rotate(-2deg);line-height:1.15em;z-index:1000;text-align:left;top:-35px;display:table;vertical-align:middle;height:35px;} 
.pergamentTitle2 div {display:table-cell;vertical-align:middle;}


.sehenswuerdigkeit #pergament .pergamentBox {fill:#b39e97}
.sehenswuerdigkeit .pergamentText {background:#b39e97}
.sehenswuerdigkeit .pergamentCat {color:#e2cfc1}
.sehenswuerdigkeit #pergament .pergamentShadow{fill:#bda6a0}

.persoenlichkeiten #pergament .pergamentBox {fill:#e7b3aa}
.persoenlichkeiten .pergamentText {background:#e7b3aa}
.persoenlichkeiten .pergamentCat {color:#8d3b0b}
.persoenlichkeiten #pergament .pergamentShadow{fill:#eed6d6}

.product #pergament .pergamentBox {fill:#e2cfc1}
.product .pergamentText {background:#e2cfc1}
.product .pergamentCat {color:#8d3b0b}

.touristik-info .pergamentBox {fill:#d9bbaa}
.touristik-info .pergamentCat {color:#8d3b0b}
.touristik-info .pergamentText {background:#d9bbaa}

.ausflugsziel .pergamentBox {fill:#d9bbaa}
.ausflugsziel .pergamentCat {color:#8d3b0b}
.ausflugsziel .pergamentText {background:#d9bbaa}

.gastgeber .pergamentBox {fill:#d9bbaa}
.gastgeber .pergamentCat {color:#8d3b0b}
.gastgeber .pergamentText {background:#d9bbaa}

.veranstaltung #pergament .pergamentBox {fill:#e4bebe}
.veranstaltung #pergament .pergamentShadow {}
.veranstaltung .pergamentCat {}
.veranstaltung .pergamentText {background:#e4bebe}



/*Warenkorb icon im Header*/
.cart-contents:hover {    	text-decoration: none;}
.cart-contents-count 		{color: #fff;font-weight: bold; padding: 1px 6px; line-height: 1; vertical-align: top;}
.cart-contents-count img 	{height:22px}

#favoritenButton {background: url(/wp-content/uploads/2018/09/rathaus.svg);background-repeat: no-repeat; height:22px;background-size:contain;align-self:flex-end;position:relative;display:none}


/* # 4.6 Gestaltung der Auswahl Tabs (Tourismus Übersichtsseite)*/

.single-sehenswuerdigkeit .site-main p, .single-persoenlichkeiten .site-main p, .single-product .site-main p, .single-product .content-area .entry-content ul {color:#000}
.page-template-template-tourismus-overview {color:transparent}
.page-template-template-tourismus-overview p {color:#000}






.page-template-template-tourismus-overview .selection .selector div:last-child {padding:0;left:0;bottom:-38px;position:absolute;width:100%}

.page-template-template-tourismus-overview #post-wrapper {margin-right:-2.5em}
.page-template-template-tourismus-overview .site-content {box-shadow:none;background:transparent}


.page-template-template-tourismus-overview .selection {display:flex; flex-direction: column; margin-bottom:1em; width:30%;position:relative;}
.page-template-template-tourismus-overview .selection .selectionContainer {position:absolute;left:0;right:0;z-index:100;background:transparent;}
.page-template-template-tourismus-overview .selection span {font-size:1.5em; border-bottom:2px solid black;width:100%;display:block;z-index:0;color:#000}
.page-template-template-tourismus-overview .selection span:after {content: "\f078"; font-family: FontAwesome; font-style: normal; font-weight: normal;position:absolute; right:0; font-size:0.8em;transform:rotate(0deg);transition-duration:1s;color:#000}
.page-template-template-tourismus-overview .selection span.active {border-bottom:2px solid #6e5958;color:#6e5958}
.page-template-template-tourismus-overview .selection span.active:after {transform:rotate(180deg);transition-duration:1s} 
.page-template-template-tourismus-overview .selection .selector {display:none;border: 1px solid #eee;overflow-y:scroll;max-height:150px;background:#fff}
.page-template-template-tourismus-overview .selection .selector div {padding: 0.5em;}
.page-template-template-tourismus-overview .selection .selector div:hover {background:#eee;cursor:pointer}
.page-template-template-tourismus-overview .selection .selector div label {font-size:1rem;line-height:1em;color:#000;width:80%;position:absolute;}
.page-template-template-tourismus-overview .selection .selector div label:hover, .selection:hover {cursor:pointer}
.page-template-template-tourismus-overview .selection .selector div input[type="checkbox"] {margin-right:1em}

.page-template-template-tourismus-overview .categoryCheck input[type="radio"] {visibility: hidden}
.page-template-template-tourismus-overview .categoryCheck label:hover {cursor:pointer;}
.genre-filter-navigation a:link, .genre-filter-navigation a:visited, .genre-filter-navigation a:hover {color:#6e5958}
.page-numbers.current, .page-numbers.dots {color:#000}
#deleteCategories {margin-bottom:0}
#deleteCategories:hover {cursor:pointer;}
#deleteCategories:before {content: "\f057"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;padding-right:10px;}
.success {position:fixed;width:33.3333%;height:33.3vh; left:33.3333%; top:33vh; background:#fcf3ea;z-index:10000;display:table;}
.success p {color:#6e5958;vertical-align: middle;text-align:center;top:50%; font-size:2em;display:table-cell;}
.success img {max-width:50px;display:block;margin:0 auto;}
.catButtons img {max-width:60%;margin:0 auto;display:block}
.catButtons:hover {cursor:pointer}
.filter-area {display:flex;justify-content:space-between;flex-direction: row;}
.favoriten-container {display:flex; justify-content:flex-start}
.simplefavorites-clear {background:#6e5958}
/*Ende Gestaltung der Auswahl Tabs*/


/*Einzelseiten Tourismus*/
.page-template-template-tourismus-single .site, .single-sehenswuerdigkeit .site, .single-product .site {background:#fcf3ea}
.woocommerce table.shop_table, #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {border-radius:none}
.tourismus-body .outerFooter {margin-top:0}

/*Toursimus Startseite - Darstellung der Auswahlfelder ohne Dropdown - aktiv+passiv */
.cat_selected 	{display: block;    overflow-x: auto;    margin: 0 0 20px;line-height:1em;padding:0}
.cat_item		{float: left;list-style: none;margin-bottom: 10px;    display: list-item;    text-align: -webkit-match-parent;}
.cat_filter		{display: flex;cursor: pointer;min-width: 50px;outline: none;text-decoration: none;background-color: none;border: 1px dashed #999;border-radius: 16px;padding: 4px 12px;margin-right: 8px;transition: background .15s linear;}
.cat_filter_selected {display: flex;cursor: pointer;min-width: 50px;outline: none;text-decoration: none;background-color: none;border: 1px solid #2a2a2a;border-radius: 16px;padding: 4px 12px;margin-right: 8px;    transition: background .15s linear;}
.cat_text		{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;max-width: 155px;height: 20px;line-height: 20px;}
.cat_pic   		{max-width:100px}
.cat_close, .cat_select {padding-left: 4px;transform: scale(1);transform-origin: center right;margin-top: 2px;margin-right: 10px;display: inline-block;vertical-align: middle;position: relative;}
.cat_filter .cat_text {color:#999}
.cat_filter_selected .cat_text {color:#2a2a2a}
.cat_filter_reset {    color: #fff;    background-color: #c2afa8;	border-color: #c2afa8;}
.cat_filter_reset .cat_text {color:#fff}
.single-touristik-info .site-main p {color:#000}

/*Anpassungen für die Auswhalfelder*/
	.cat_item {float:none;}	
	.cat_selected {width:30%}
	.filter-area {display:none;}
	.cat_select {padding-left: 4px;transform: scale(1);transform-origin: center right;margin-top: 2px;margin-right: 5px;margin-left:0;padding-left:0;display: inline-block;vertical-align: middle;position: relative;}






/*--------------------------------------------------------------
# 5.0 - Bereich Wirtschaft Darstellung
--------------------------------------------------------------*/
.page-template-template-wirtschaft-single .content-links h4, .page-template-template-wirtschaft-overview .content-links h4 {background: #a41d23}
.page-template-template-wirtschaft-single .search-form .search-submit:hover, .page-template-template-wirtschaft-overview .search-form .search-submit:hover {border-color:rgb(164,29,35); background:rgb(164,29,35);}
 .page-template-template-wirtschaft-single ul, .page-template-template-wirtschaft-overview ul {list-style:none;}
.page-template-template-wirtschaft-single h1, .page-template-template-wirtschaft-single h2, .page-template-template-wirtschaft-single h3, .page-template-template-wirtschaft-single h4, .page-template-template-wirtschaft-single h5 .page-template-template-wirtschaft-single h6, .page-template-template-wirtschaft-overview h1, .page-template-template-wirtschaft-overview h2, .page-template-template-wirtschaft-overview h3, .page-template-template-wirtschaft-overview h4, .page-template-template-wirtschaft-overview h5, .page-template-template-wirtschaft-overview h6, .page-template-template-wirtschaft-overview strong, .page-template-template-wirtschaft-single strong, body.page-template-template-wirtschaft-single .site-content .entry-content a:link, a:visited {color:rgb(164,29,35)}
body.page-template-template-wirtschaft-single, body.page-template-template-wirtschaft-overview {color:#666}
.page-template-template-wirtschaft-single .content-links h4 {color:#fff}
.page-template-template-wirtschaft-single .site-main ul {list-style: none; margin-left: 0; padding-left: 0;}
.page-template-template-wirtschaft-single .site-main ul li {padding-left: 1em;  text-indent: -1em;}
.page-template-template-wirtschaft-single .wp-post-image, .page-template-template-wirtschaft-overview .relatedPost img {border:1px solid #eee}
.page-template-template-wirtschaft-single .site-main ul li:before, .page-template-template-wirtschaft-overview .site-main ul li:before {content:'✓ ';}
.page-template-template-wirtschaft-single .contentPicture, .page-template-template-wirtschaft-overview .contentPicture {border-bottom:5px solid rgb(164,29,35);}
.page-template-template-wirtschaft-single .site-content .content-bottom, .page-template-template-wirtschaft-overview .site-content .content-bottom{background:rgb(164,29,35);}
.page-template-template-wirtschaft-single .relatedPost article, .page-template-template-wirtschaft-overview .relatedPost article{box-shadow:1px 1px 3px rgba(0,0,0,0.5);padding:5px}
.page-template-template-wirtschaft-single .relatedPost img, .page-template-template-wirtschaft-overview .relatedPost img {border-bottom:none;}
.page-template-template-wirtschaft-single .relatedPost header a, .page-template-template-wirtschaft-overview .relatedPost header a {background:rgba(164,29,35,0.7);margin-left:-10px;width:calc(100% - 10px)}
.page-template-template-wirtschaft-single .content-visitenkarte a, .page-template-template-wirtschaft-overview .content-visitenkarte a, .page-template-template-wirtschaft-single .visitenkarte-name, .page-template-template-wirtschaft-overview .visitenkarte-name, .page-template-template-wirtschaft-overview h2, .page-template-template-wirtschaft-single h2{color:rgb(164,29,35)}

.page-template-template-wirtschaft-single .site-content h1:first-of-type, .page-template-template-wirtschaft-overview .site-content h1:first-of-type {background:rgb(164,29,35); color:#fff;}
.page-template-template-wirtschaft-overview .breadcrumb a, .page-template-template-wirtschaft-single .breadcrumb a, .page-template-template-wirtschaft-overview .breadcrumb, .page-template-template-wirtschaft-single .breadcrumb {color:#a41d23}

.page-template-template-wirtschaft-single .header-title-image-container, .page-template-template-wirtschaft-single .header-title-image {height:90vh;background:transparent;background-size:cover}
.page-template-template-wirtschaft-single .teaser-h1, .page-template-template-wirtschaft-single .teaser-h2 {color:#fff; font-size:3rem;text-shadow:2px 2px 4px #000;width:100%;max-width:960px;padding:0 1rem;margin:0 auto; text-align:left;line-height:3rem} 
.page-template-template-wirtschaft-single .teaser-h1 {margin-bottom:10vh}
.page-template-template-wirtschaft-single .teaser-h2 {font-size:2.5rem;line-height:2.5rem}


/* Bereich Wirtschaft Darstellung Ende*/



/*--------------------------------------------------------------
# 6.0 - Anpassungen WooCommerce
--------------------------------------------------------------*/
/* Woocommerce Anpassungen */
.product-template-default .content-area{width:100%}
.woocommerce div.product .product_title{background:none;}
.woocommerce div.product form.cart {display:flex;flex-direction:column}
.woocommerce div.product form.cart input {margin-bottom:1rem}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {border-radius:none;}
.steps-around {margin:1em auto}
.woocommerce div.product .woocommerce-tabs ul.tabs {display:none;}
.product_title.entry-title {text-transform:none}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color:#6e5958;text-transform:none}
.tourismus-body .site-content a.button.alt:link, .tourismus-body .site-contenta.button.alt:visited {color:#fff}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color:#6e5958}
body.page-template-template-tourismus-single #payment .place-order {padding:0}
.woocommerce div.product form.cart a.reset_variations:link {color:#6e5958}
.woocommerce .woocommerce-variation-add-to-cart {margin-top:1em}
.woocommerce .woocommerce-variation-add-to-cart label, .personen-field label {display:block}
.woocommerce a.wc-backward {background:#6e5958;color:#fff;border-radius:none}
.woocommerce a.wc-backward:hover {background:#fff;color:#6e5958;}
#abholungs_ort_field .woocommerce-input-wrapper {display:flex; justify-content:flex-start}
#abholungs_ort_field .woocommerce-input-wrapper label{margin-right:1.5em}
#abholungs_ort_field .woocommerce-input-wrapper input {margin-right:0.5em}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {float:none}
.tourismus-body .site-content .entry-content .woocommerce a.button:link {color:#fff}
#prospekte {margin: 1.5em auto;}
#prospekte p {margin-bottom:0.5em}
.product-name a {color:#6e5958;}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {background-color:#6e5958}

/*--------------------------------------------------------------
# 7.0 - Darstellung Footer mit eigenen Klassen
--------------------------------------------------------------*/
.outerFooter {background:rgba(187,187,187,1); padding-top:5px;margin-top:2.5rem}

.aktionen-leiste-h3	{width:auto;max-width:960px;margin:0px auto;position:relative;padding:0px;}
.aktionen-leiste-h3 h3 {line-height:0.9em;color:rgba(0,0,0,1);margin:0;padding:0.7em 0 }

.aktionen-leiste 			{display: block;background:rgba(0,0,0,0.3); background:#aaa}
.aktionen-leiste .wrapper	{width:auto;max-width:960px;margin:0px auto;position:relative;padding:0px;line-height:0em;}
.aktionen					{line-height:0em;}
.aktionen img 				{height:80px;margin:10px;line-height:0em;}
.aktionen img:first-child 	{margin-left:0px;}
.scrollableArea 			{width:100% !important;}	
.scrollableArea .float 		{float:left;}
.scrollableArea .float:after {clear:both}

.weiteres-kontakt 		{margin:0 auto;max-width:960px;clear:both;padding:1em 0}
.weiteres-kontakt h4 	{color:#000;margin-bottom:0.5em}
.weiteres-kontakt .kontakt 		{flex:1 1 66%;}
.weiteres-kontakt .kontakt ul 		{list-style-type:none;padding:0}
/*.weiteres-kontakt .kontakt ul li 	{width:30%;display:inline-block;font-size:0.9em}*/
.weiteres-kontakt .kontakt ul li a {color:#000;text-decoration:none;font-weight:100;}
.weiteres-kontakt .kontakt ul li.current_page_item {background:transparent}
.weiteres-kontakt .kontakt {flex:1 1 25%;}
.weiteres-kontakt .kontakt ul{padding:0;margin:0}
.weiteres-kontakt .kontakt li {color:#000;text-decoration:none;font-weight:100;list-style:none;font-size:0.9em}

.footer-wrap {border-top:none; background:#5d5d5d;padding:10px 0}
.site-footer {display:flex;justify-content:flex-start; flex-wrap:wrap;}
.site-footer div{flex:0 1 31.3%;margin:10px 3% 10px 0}
.site-footer div:nth-child(3) {margin:10px 0 10px 0}
.footerNav {max-width:960px;margin:0px auto;position:relative;padding:0px;list-style-type:none;text-align:center;width:100%}
.footerNav li {display:inline;margin:10px;font-size:0.8em}
.footerNav li a {color:#fff;text-decoration:none;}


.tourismusFooter {margin-top:0}
/* Footer Darstellung Ende */

.flex	{display:flex;justify-content:center;}

/*--------------------------------------------------------------
# 8.0 - Corona Seite anpassungen
--------------------------------------------------------------*/
body.page-id-8516 .relatedPost header {align-items:end}
/*body.page-id-8516 .site-content h1:first-of-type {color:rgba(81,145,202,1)}
/*--------------------------------------------------------------
# 8.0 - Media Queries
--------------------------------------------------------------*/
@media only screen and (max-width: 1230px) {
	#nav-toggle {left:10px; text-align:right}
}
@media only screen and (max-width: 1000px) {

	.page-template-template-tourismus-overview .site-content {width:90%}
}
@media only screen and (max-width: 960px) {	
	 .main-navigation-toggle {display:none;} 
	.pergamentDiv article {width:calc(100% - 2em)}
	 .post-layout-three-columns .post-wrapper .pergamentDiv {width:calc(50% - 1em)}
}
@media only screen and (max-width: 800px) {
.search .site {margin-top:0}
.search #primary {padding:0.5em 1em}

	
.page-template-template-leben-single .site, .page-template-template-leben-overview .site {padding-top:0}
.page-template-template-leben-single .site-content h1:first-of-type, .page-template-template-leben-overview  .site-content h1:first-of-type, .home.page-template-template-leben-overview .site-content h1:first-of-type {padding:1rem}
.search .header-title-image-mobil{display:none;}
}
@media only screen and (max-width: 800px) {
	.page-template-template-tourismus-overview .forcefullwidth_wrapper_tp_banner {margin-top:80px !important;}
	.header-title-image-mobil {display:block;position:relative;top:70px}
	.page-template-template-wirtschaft-single .header-title-image {display:none}
	.page-template-template-leben-single .site-content, .page-template-template-leben-overview .site-content {margin-top:-20vh}
	.site-content, .main-leben .site-content, .aktionen-leiste .wrapper, .aktionen-leiste-h3, .weiteres-kontakt {max-width:100%;margin:0 auto;}
	.site-content .content-bottom, .site-content h1, .site-content #primary, .breadcrumb, .site-content h1:first-of-type {padding:0.5em 1em;}
	.breadcrumb {margin-bottom:1rem}
	.archive.date {overflow-x: hidden;}
	.page-template-template-leben-single, .page-template-template-leben-overview  {margin-top:30vh;background-size:100%} 
	.archive.leben-body {background-size:contain }
	.page-template-template-leben-single .site-content .centered-content-area {padding-right:1em;}
	.flex {flex-direction:column}
	.page-template-template-leben-single .site-main {flex-direction:column}
	.page-template-template-tourismus-overview #post-wrapper {margin-right:0 !important}
	.page-template-template-tourismus-overview .primary-navigation .search-form, .page-template-template-tourismus-single .primary-navigation .search-form {display:none;}
	.linkRow {padding:0 5px;margin:0}
	.site-branding .custom-logo {height:50px;width:auto;}
	.site-branding {float:right;}
	#nav-toggle {left:10px; text-align:left;width:100px}
	.header-title {font-size:2rem}
	.aktionen-leiste {display:none;}
	.tp-mask-wrap div {font-size:2em}
	.post-wrapper {margin-right:0}
	.page-template-template-tourismus-overview .post-wrapper {margin-right:0}
	.kontaktdiv, .warenkorb-seitlich {display:none;}	
	.page-template-template-tourismus-overview .primary-navigation div{display:none;}
	.site-header .header-main {height:70px}
	.catTab2 div div {flex-direction:column}
	.catTab2 div div p {font-size:1.5em;line-height:1}
  	.catButtons img {margin-bottom:1em}
	.scrollToContent i {font-size:2rem}
	.content-container-veranstaltungen, .content-container-aktuelles {width:100%}
	.lebenGrid, .tourismusGrid, .wirtschaftsGrid {width:100%}
	.home .post-wrapper {margin-right:0}
	.home .post-wrapper .post-column {padding-right:0}
	.page-template-template-leben-single .site, .page-template-template-leben-overview .site {background-image:none}
	.page-template-template-tourismus-overview .su-tabs-panes .catTab3 .selection {margin-bottom:2rem}
	.page-template-template-tourismus-overview .selection .selectionContainer {position:relative;}
	.header-title-image-container .post-navigation {display:none}
	
	/*LEBEN*/
	.page-template-template-leben-single .site-content, .page-template-template-leben-overview .site-content {margin-top:-0}
	.page-template-template-leben-single .site-content .centered-content-area {padding-right:1em;}
	.page-template-template-leben-single .site-main {flex-direction:column}
	.page-template-template-leben-single .site-content #primary, .page-template-template-leben-overview .site-content #primary {padding:0.5em 1em}
	.page-template-template-leben-single .contentPicture, .page-template-template-leben-overview .contentPicture {float:none;}
	#rev_slider_8_1_forcefullwidth {top:30px;}
	.header-title-image-container {height:480px} 
	
	/*TOURISMUS*/
	.page-template-template-tourismus-overview .su-tabs-nav {display:block}
	.page-template-template-tourismus-overview .su-tabs-nav span {margin:0}
	.page-template-template-tourismus-overview .site-content, .page-template-template-tourismus-overview .outerFooter, .page-template-template-tourismus-overview .footer-wrap {top:5em;position:relative}
	.page-template-template-tourismus-overview .catTab2 div {flex-direction:column}
	.page-template-template-tourismus-overview .filter-area {flex-direction:column !important}
	.page-template-template-tourismus-overview .filter-area .selection {width:100%;}
	.success {width:100%;margin:0 auto; left:0}
	#abholungs_ort_field .woocommerce-input-wrapper {display:block;}
	#abholungs_ort_field .woocommerce-input-wrapper input {float:left;position:relative;top:0.5em;}
	.page-template-template-tourismus-overview .selection {height:auto;margin-bottom:2.5em}
	.page-template-template-tourismus-overview .selection .selectionContainer {position:relative}
	.choiceTab {dispaly:flex;flex-direction:column}
	.choiceTab .cat_selected {width:100%}
	.success {position:fixed;width:100%;height:100%; left:0; top:0; background:rgba(252,243,234, 0.5);z-index:10000;display:table;}
	.tourismus-body .site-content #primary {padding:0.25rem 0.5rem}

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

	.content-container-aktuelles .news-bild {float:none;margin-left:0}
	.news-item .news-bild img {max-width:100%}
	.content-visitenkarte {float:none}
	.relatedPost {padding-right:0 !important}
	.relatedPost img {height:auto !important;}
	.pergamentDiv img {height:100% !important;}
	.outerFooter {padding:0.5em 1em}
	.wp-post-image {width:100%}
	.top-news-container {flex-direction:column}
	#oben {display:none;}
	.weitere-seiten ul li {width:100%;padding:5px 0}
	.post-layout-three-columns .post-wrapper .pergamentDiv {width:calc(90% - 2em);margin:0 auto}
	.pergamentText {width:94%; margin-left:-2px}
	.page-template-template-tourismus-overview .forcefullwidth_wrapper_tp_banner::after {background:url(/wp-content/uploads/2018/10/header-mobil-sandstein.png) no-repeat;margin-top:-30%;backround-size:contain}
	.page-template-template-wirtschaft-single .teaser-h1 {font-size:2rem}
	.page-template-template-wirtschaft-single .teaser-h2 {font-size:1.5rem}
	.pergamentDiv article {width:calc(100% - 0.5em) }
	.steps-around {display:none;}
	
	.relatedPost {padding-right:0 !important}
	
	
	.headerTopBar .search-form {display:none;}
	.site-header .header-main {height:50px;}
	/*Startseite Top News*/
	.home-body .top-news {position:relative;top:0;left:0;width:100%;background:rgba(255,255,255,0.7);max-height:1200px;margin: 0 auto;}
	.top-news h2 {background: #ddd url(/wp-content/uploads/2018/06/verlauf.png);padding: .6rem 1.2rem 0.4rem;font-weight: 500;font-size: 1.2em;position: relative;width: 100%;margin: 0;}
	.top-news-container-around {padding:0.5em;display:flex;margin-top:-2.9em}
	.home-body .site-content {margin-top: 7em;}
	
	.weiteres-kontakt .weitere-seiten ul li {width:100%}
	.aktionen-leiste-h3 {display:none;}
	.primary-navigation {display:none;}
	
}

@media only screen and (max-width: 500px) {
	.site-footer div {flex:0 1 calc(50% - 2%)}
	.site-footer div:nth-child(3) {margin:10px 3% 10px 0}
	.site-footer div:nth-child(even) {margin-right:0}
	.contentPicture {max-width:100%;margin:0 auto}
}