/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/



/*Dropdown Menü*/

.avada-menu-highlight-style-arrow:not(.fusion-header-layout-v6).fusion-top-header .fusion-main-menu .fusion-dropdown-menu .sub-menu .sub-menu {
    margin-left: 0px;
}



/*STARTSEITE SLIDER */

.caption .fusion-title h1, .caption .fusion-title h2,
.caption .fusion-title h3, .fusion-title h4,
.caption .fusion-title h5,  .fusion-title h6
{
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

.tfs-slider .slide-content-container .slide-content {
    width: 500px !important;
    height: 200px;
    margin-right: 20% !important;
    background: #0aa0e19e;
    padding: 40px 20px 20px;
    border-left: 2px solid #FFF;
    border-right: 2px solid #FFF;
}
.tfs-slider .slide-content-container .slide-content .heading {
    height: 50px;
}
.tfs-slider .slide-content-container .slide-content .caption {
    height: 100px;
}

.tfs-slider .slide-content-container .slide-content * 
{
    background: none !important;
}

.tfs-slider .before {
    height: 40px;
    overflow: hidden;
    padding: 14px 0 0;
    border-right: 2px solid #FFF;
    width: 500px;
    margin: -80px 0 0 -22px;
}
.tfs-slider .before .block {
    height: 40px;
    transform: rotateZ(-3deg);
    position: relative;
    width: 500px;
    background: #0aa0e19e !important;
    border-top: 2px solid #FFF;
    border-left: 2px solid #fff;
}
/*.tfs-slider .after {
    height: 28px;
    overflow: hidden;
    width: 500px;
    margin-top: 0;
    margin-right: 25%;
    margin-left: auto;
    position: relative;
    z-index: -1;
}*/
.tfs-slider .after {
    height: 28px;
    overflow: hidden;
    position: relative;
    z-index: -1;
    margin: 36px -22px 0 -20px;
}
.tfs-slider .after .block {
    height: 30px;
    transform: skewY(3deg);
    position: relative;
    z-index: -1;
    background: #0aa0e19e !important;
    border-bottom: 2px solid #FFF;
    border-right: 2px solid #FFF;
    margin-top: -15px;
}

.tfs-slider .slide-content-container .buttons {
    margin: 0 0 0 35px !important;
    position: absolute;
    z-index: 10;
}

.tfs-slider .slide-content-container .slide-content .fusion-button
{
    margin-top: 20px;
    width: 150px;
    text-align: center;
    padding: 0 !important;
    background: #fff !important;
    font-family: roboto;
    font-size: 20px !important;
    position: relative;
    z-index: 10;
}
.tfs-slider .slide-content-container .slide-content .fusion-button:before {
    content: "";
    display: block;
    background: #fff !important;
    height: 20px;
    margin: -8px 0 0 0;
    transform: skewY(4deg);
    position: relative;
    z-index: 10;
    padding: 0;
}
.tfs-slider .slide-content-container .slide-content .fusion-button:after {
    content: "";
    display: block;
    background: #fff;
    height: 20px;
    margin: 0px 0 -10px 0;
    transform: skewY(-4deg);
    position: relative;
    z-index: 10;
    padding: 0;
}
.tfs-slider .slide-content-container .slide-content .fusion-button .fusion-button-text {
    color: #0ca1e1;
    text-align: center !important;
    text-transform: uppercase;
    margin-left: -10px;
    position: relative;
    z-index: 10;
}








/*STARTSEITE*/

.home main#main {
    margin-top: 8px;
}

.home section#content .post-content {
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
}
.home .tilted {
    transform: rotateZ(-1deg);
    width: 110%;
    margin: -20px -5% !important;
}
.home .tilted div:first-child {
    transform: rotateZ(0.2deg);
}

.home .tilted .fusion-row {
    max-width: 1200px !important;
    margin: 0 auto;
    padding: 0;
}

.tilted p {
    font-size: 22px !important;
    line-height: 1.3;
}

.tilted .fusion-button
{
    margin-top: 20px;
    width: 150px;
    text-align: center;
    padding: 0 !important;
    font-family: roboto;
    font-size: 20px !important;
}
.tilted .fusion-button:before {
    content: "";
    display: block;
    background: #fff;
    height: 20px;
    margin: -8px 0 0 0;
    transform: skewY(4deg);
    position: relative;
    z-index: -1;
    padding: 0;
}
.tilted .fusion-button:after {
    content: "";
    display: block;
    background: #fff;
    height: 20px;
    margin: 0px 0 -10px 0;
    transform: skewY(-4deg);
    position: relative;
    z-index: 1;
    padding: 0;
}

.tilted .startseite_button {
	display: inline-block;
}




/*HAUPTMENÜ*/

#menu-hauptmenue .menu-item {
    text-transform: uppercase;
}
#menu-hauptmenue .current-menu-item > a , #menu-hauptmenue .current-menu-ancestor > a
{ 
    font-weight: 700 !important;
}
#menu-hauptmenue .sub-menu li a {
    border-bottom-style: dashed;
}


/*SLIDER ARROWS*/

.next {
    cursor: pointer;
    width: 50px;
    margin-top: -250px;
    margin-left: -15px;
    float: left;
}
.next icon {

    height: 50px;
    width: 50px;
    background: #0aa0e1;
    position: absolute;
    margin-left: 0px;
    background: url(images/arrow-left-ccc.png) no-repeat center;
}
.prev
{
    cursor: pointer;
    width: 50px;
    margin-top: -250px;
    margin-right: -15px;
    float: right;
}
.prev icon {

    height: 50px;
    width: 50px;
    background: #0aa0e1;
    /*transform: rotate(45deg);*/
    position: absolute;
   /* margin-left: -55px;
    background: url('images/arrow-right.png') no-repeat;*/

    margin-left: 0px;
    background: url(images/arrow-right-ccc.png) no-repeat center;
}



.next icon, .prev icon {
     display: block;
}

body.page:not(.home) .next icon
{
    background: url(images/arrow-left-fff.png) no-repeat center;
} 
body.page:not(.home) .prev icon{
    background: url(images/arrow-right-fff.png) no-repeat center;
}

.postslider-content {
    max-width: 1200px;
    margin: 0 auto;
}
.postslider-posts-wrapper {
    margin: 0 auto;
    padding: 0 35px 50px;
    height: 455px;
    overflow: hidden;

}

.postslider-widget-title h1
{
	font-family: NexaRustSans-Black2;
    font-weight: 400;
    line-height: 1.16;
    letter-spacing: 0px;
    font-style: normal;
    font-size: 54px;
}

.postslider-post {
    margin: 50px 0.5% 80px 0.5%;
    background: #FFF;
    text-align: center;
    box-shadow: 0px 5px 6px #ccc;

    max-width: 24%;
    float: left;
}
.postslider-post-content {
	padding: 20px; 
	line-height: 1.3;
    font-size: 16px;
	height: 180px;
	overflow: hidden;
}
.postslider-post-content p {
    margin: 10px 0;
}
.postslider-post a, .postslider-post a:hover {
	color: #212934;
}
.postslider-post .img_wrapper {
    /*max-width: 100%;
    overflow: hidden;
    height: 200px;*/

    max-width: 300px;
    overflow: hidden;
    /*height: 200px;*/
    display: flex;

    width: 100%;
    height: auto;
}
.postslider-post .img_wrapper img {
    /*width: auto;
    height: 200px;*/
    max-width: initial;
     /*width: 100%;*/
    height: 100%;

    width: 180%;
    margin-left: -40%;
}
.postslider-post-more
{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100px;
    margin: 0 auto -15px;
}
.postslider-post-more a, .postslider-post-more a:hover
{
    color: #FFF;
}



.postslider-post-title, .postslider-post-title:hover{
    font-size: 19px;
    text-transform: uppercase;
    color: #03a9f4;
    font-family: NexaRustSans-Black2;
    font-weight: 400;
}

.postslider-post-more a {
    color: #FFF;
    padding: 12px 26px;
    background: #03a9f4;
}
.orange .postslider-post-title, .postslider-post-title:hover{
    color: #d07327;
}
.orange .postslider-post-more a {
    background: #d07327;
}







ul.Kartenlegende {
    background: #efefef;
    width: 100% !important;
    max-width: 100% !important;
    padding: 3em 20% 2em;
    margin-top: -2em;
    position: absolute;
    z-index: 1000;
    transform: skewY(1deg);
}

ul.Kartenlegende li {
    list-style: none;
    float: left;
    font-weight: normal;
    cursor: pointer;
    margin-right: 10px;
}
ul.Kartenlegende li::before {
    content: "";
    height: 13px;
    width: 13px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}
ul.Kartenlegende li:nth-child(1)::before {
    background: #a9c838;
    border: 2px solid #a9c838;
}
ul.Kartenlegende li:nth-child(1).deactivated::before {
    background: none;
}
ul.Kartenlegende li:nth-child(2)::before {
    background: #c00f5b;
    border: 2px solid #c00f5b;
}
ul.Kartenlegende li:nth-child(2).deactivated::before {
    background: none;
}
ul.Kartenlegende li:nth-child(3)::before {
    background: #0aa0e1;
    border: 2px solid #0aa0e1;
}
ul.Kartenlegende li:nth-child(3).deactivated::before {
    background: none;
}
ul.Kartenlegende li:nth-child(4)::before {
    background: #d07327;
}
ul.Kartenlegende li:nth-child(4).deactivated::before {
    border: 2px solid #d07327;
    background: none;
}


ul.Kartenlegende li::selection {
  background: none; /* WebKit/Blink Browsers */
}
ul.Kartenlegende li::-moz-selection {
  background: none; /* Gecko Browsers */
}


.gMaps_frontpage {
    height: 600px;
}





/*SEARCH PAGE*/

.search #content, .error404 #content {
    float: none !important;
    max-width: 1200px;
    margin: 140px auto;
}
.search aside {
    display: none;
}
.search .fusion-post-title
{
    font-size: 28px !important;
}
.search .fusion-post-wrapper
{
    box-shadow: 0 2px 12px #ccc;
}


/*REGENBOGEN FÜR TITELBILDER UND SLIDER*/

#sliders-container:before {
	content: "";
    width: 100%;
    height: 80px;
    position: absolute;
    z-index: 10010;
    transform: rotateZ(-1deg);
    margin-top: -35px;
    background: url(images/color-stripe-bottom.png);
    background-repeat: no-repeat;
    background-size: 100% 9px;
    background-position: 0 bottom;
    background-color: #fff;
}

#sliders-container:after {
	background: url(images/color-stripe-bottom.png) #f90;
	background-repeat: no-repeat;
	background-size: 100% 9px;
	background-position: 0 bottom;
	padding-bottom: 8px !important;
	content: "";
    width: 100%;
    position: absolute;
}
.post-slideshow .slides {
	background: url(images/color-stripe-bottom.png);
	background-repeat: no-repeat;
	background-size: 100% 9px;
	background-position: 0 bottom;
	padding-bottom: 8px !important;
}
.fusion-header-shadow>div {
    box-shadow: none !important;
}




/*SINGLE POST and PAGES*/

section#content .post-content {
    /*max-width: 1200px;  */
    max-width: 1300px;
	margin: 0 auto;
}

.fusion-image-carousel {
    margin-bottom: -10px !important;
}

.fusion-text.adressblock {
    padding: 20px 20px 0;
    /*font-family: monospace;*/
    font-size: 90%;
}

.fusion-flexslider .flex-active-slide a {
  cursor: default;
  pointer-events: none;
}

/*KATEGORIE MOUDL*/
section.posts-in-category {
	padding-top: 30px;
}
.posts-in-category-seperator {
	position: absolute;
    width: 110%;
    height: 100px;
    z-index: 10;
    transform: rotateZ(-1deg);
    margin: -50px 0 0;
}

.posts-in-category-seperator.grün{ background: #a9c838; }
.posts-in-category-seperator.blau{ background: #0aa0e1; }
.posts-in-category-seperator.pink{ background: #c00f5b; }
.posts-in-category-seperator.orange{ background: #d07327; }

.posts-in-category.grün{ background: #a9c838; }
.posts-in-category.blau{ background: #0aa0e1; }
.posts-in-category.pink{ background: #c00f5b; }
.posts-in-category.orange{ background: #d07327; }


.grün .category-post-more a, .grün .category-post-more a:hover { color: #a9c838; }
.blau .category-post-more a, .blau .category-post-more a:hover { color: #0aa0e1; }
.pink .category-post-more a, .pink .category-post-more a:hover { color: #c00f5b; }
.orange .category-post-more a, .orange .category-post-more a:hover { color: #d07327; }

.posts-in-category-content
{
    padding: 50px 10px;
    max-width: 1300px;
    margin: 0 auto;
}

.category-posts-wrapper {

    max-width: 1200px;
    margin: 0 auto;

	height: 420px;
    overflow: hidden;


    padding: 0 35px;
}
.category-post {
	margin: 20px 1% 50px 0;
	color: #FFF;
	text-align: center;

    max-width: 24%;
    float: left;
}

.category-post .img_wrapper {
    max-width: 300px;
    overflow: hidden;
    height: 200px;
    border: 3px solid #FFF;
    display: flex;
}
.category-post .img_wrapper img {
    width: auto;
    height: 200px;
    max-width: initial;
}

.category-post-content {
	padding: 20px 0px;
	line-height: 1.2;
	height: 140px;
	overflow: hidden;

}
.category-post a, .category-post a:hover {
	color: #FFF;
}
.category-post-title {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.category-post-more
{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    background: #FFF;
    width: 100px;
    margin: 0 auto;
}
.category-post-more a
{
    padding: 8px 24px;
}

/*IN DER NÄHE MODUL*/

section.in-der-nahe{
    margin: 0 auto;
    background: #efefef;
}

.in-der-nahe-content
{
    max-width: 1200px;
    padding: 50px 15px 0;
    margin: 0 auto;
}
.nah-posts-wrapper 
{
    margin: 0 auto;
    height: 500px;
    overflow: hidden;
    padding: 0 35px;
}

.nah-posts-widget-title {
    margin-left: 35px;
}

.nah-post {
	background: #FFF;
	max-width: 24%;
    float: left;
	margin: 20px 1% 50px 0;

	text-align: center;
}
.nah-post-content {
	padding: 20px;
	line-height: 1.2;
	height: 200px;
	overflow: hidden;
}
.nah-post .img_wrapper {
    max-width: 300px;
    overflow: hidden;
    height: 200px;
    display: flex;
}
/*.nah-post .img_wrapper img {
	border: 3px solid #FFF;
    width: auto;
    height: 200px;
    max-width: initial;
}*/
.nah-post .img_wrapper img {
    width: 200%;
    margin-left: -50%;
    height: auto;
    max-width: initial;
}




.nah-post a, .nah-post a:hover {
	color: #212934;
}
.nah-posts-widget-title h1
{
	font-family: NexaRustSans-Black2;
    font-weight: 400;
    line-height: 1.16;
    letter-spacing: 0px;
    font-style: normal;
    font-size: 54px;
}
.nah-post-title {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.freizeit .nah-post-title, .nah-posts-widget-title.freizeit h1  { color: #0aa0e1 !important; }
.imgruenen .nah-post-title, .nah-posts-widget-title.imgruenen h1 { color: #a9c838 !important; }
.kultur .nah-post-title, .nah-posts-widget-title.kultur h1 { color: #c00f5b !important; }
.sightseeing .nah-post-title, .nah-posts-widget-title.sightseeing h1 { color: #d07327 !important; }

.nah-post-more
{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    background: #333;
    width: 100px;
    margin: 0 auto 20px;
}
.nah-post-more a {
	color: #FFF;
    padding: 8px 24px;
}

.freizeit .nah-post-more { background: #0aa0e1; }
.imgruenen .nah-post-more { background: #a9c838; }
.kultur .nah-post-more { background: #c00f5b; }
.sightseeing .nah-post-more { background: #d07327; }


.nah-post-more a, .nah-post-more a:hover
{
	color: #FFF;
}


section.in-der-nahe .seperator{
	position: absolute;
    width: 110%;
    height: 100px;
    z-index: 10;
    transform: rotateZ(-1deg);
    margin: -30px;
}
section.in-der-nahe .seperator.white{
	background: #FFF;
}
section.in-der-nahe .seperator.gray{
	background: #efefef;
}
.gMaps {
	height: 600px;
}
/*section.in-der-nahe {
	padding-bottom: 8px;
}
section.in-der-nahe:after, section.posts-in-category:after {
	background: url(images/color-stripe-bottom.png) #f90;
	background-repeat: no-repeat;
	background-size: 100% 9px;
	background-position: 0 bottom;
	height: 8px !important;
    content: "";
    width: 100%;
    position: absolute;
}*/


/*FOOTER STYLING */

.footer-seperator{
    width: 100%;
    height: 8px;
    background: url(images/color-stripe-bottom.png) #fff;
    background-repeat: repeat-y;
    background-size: 100%;
}
.fusion-footer {
	max-width: 1200px;
    margin: 0 auto;
}

.fusion-widget-area .widget_nav_menu li {
	padding: 0;
	font-size: 16px;
}

.fusion-widget-area .widget_nav_menu li { border-bottom: none;}
.fusion-footer-widget-area .widget_nav_menu li a:before {display: none;}




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

    /*Post Sliders*/
    .postslider-content {
        max-width: 100%;
    }
    .postslider-post, .category-post {
        max-width: 32.3%;
    }
    .postslider-post .img_wrapper, .category-post .img_wrapper {
        max-width: 100%;
    }
/*    .postslider-post .img_wrapper img {
        height: 230px;
    }*/

}


@media screen and (max-width: 900px) {
    .postslider-post {
        max-width: 49%;
    }
/*    .postslider-post .img_wrapper img {
        height: 250px;
    }*/
}



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

    .nah-post {
        max-width: 49%;
    }
}
@media screen and (max-width: 800px) {

    .category-post {
        max-width: 49%;
    }

    /*Startseiten Top Slider*/
    .fusion-slider-container .slide-content
    {
        transform: scale(0.8);
        margin: 40px 0 0 10% !important;
    }
}

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

    .flexslider .slides img {
        width: 160%;
        max-width: inherit;
    }

    .postslider-post, .category-post, .nah-post  {
        max-width: 100%;
        float: none;
    }

    /*Startseiten Top Slider*/
    .fusion-slider-container .slide-content
    {
        transform: scale(0.6);
        margin: 40px 0 0 -30% !important;
    }

    iframe.visitberlin {
        width: 114%;
        margin-left: -8%;
        margin-top: -50px;
        height: 500px !important;
    }

}



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

    .postslider-posts-wrapper {
        height: 400px;
    }
}