/*
Theme Name: Industrie Verzeichnis Theme
Theme URI:
Author: Werbeagentur PR57
Author URI: https://www.pr57.de/
Description: Ein Theme für ein Verzeichnis aller Unternehmen einer Region. Die Unternehmen können hier ein Profil für sich erstellen und werden dann auf einer Karte abgebildet. Das Projekt dient dazu ein Netzwerk innerhalb eines Industriegebietes aufzubauen. Kern des Themes ist die interaktive Karte und daneben ist der Verwaltungsbereich der Unternehmen ein zentrales Element.
Version: 1.0
*/
/*
Debug Boxen Ansicht
header, main, nav, article, aside, footer{
    background:rgba(0,0,0,0.2);
    padding:0.5em;
    margin-bottom:0.5em;
}*/




/* Globals*/

.site{
    font-family: 'Barlow Semi Condensed', Verdana, sans-serif;
        box-sizing: border-box;
}
body{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

html {
    scroll-behavior: smooth;
  }

a{
    text-decoration: none;
    color: #28292a;
}
a:hover{
    text-decoration: none;
    color: #363636;
}

 h1{
    font-size: 35px;
    font-weight: 600;
    color: #9CAB00;

}
h2{
    font-size: 30px;
    font-weight: 500;

}

h3{
    font-size: 20px;
    font-weight: 500;

}

.page-container {
    padding-top: 100px;
}

section.type-page{
    padding: 0px 30px;
}

.theme-button{
    background-color: #fff;
    color: #9CAB00;

    font-size: 18px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    border: .5px solid rgba(81, 81, 81, 0.15);
}


input[type="file"]{
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: -1px;
    left: 0;
    width: 0.1px;
    height: 0.1px;
    user-select: none;
}

input[type="file"]:focus + label[for="unternehmen_image"],input[type="file"]:focus + label[for="sui_image_file"]{
    border: 1px solid #444;
}

label[for="unternehmen_image"], label[for="sui_image_file"], .file_upload_btn {
    background: #fdfdfd;
    padding: 10px;
    color: #363636;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    border: solid 0.5px rgb(206, 206, 206);
    width: 138px;
    text-align: center;
    margin-top: 5px;
    display: block;
}

label[for="unternehmen_image"]:hover, label[for="sui_image_file"]:hover, .file_upload_btn:hover{
    background: #f5f5f5;
}

/** Neue Startseite - Code Snipptes **/

/** Code Snippet **/
.vce-shortcode .suche-umkreissuche .sidebar-widgets .radius label {
	display:none;
}

.vce-shortcode .suche-umkreissuche .sidebar-widgets .radius {
	margin-top: 15px;
}
.vce-shortcode  .suche-umkreissuche .sidebar-widgets .submit {
	padding-left: 0;
	margin-top: 15px;
}


.vce-shortcode .gallery-cell, .vce-shortcode  .unternehmen-item {
	height: 300px;
	
}
.vce-shortcode  .unternehmen-item{
	width:100%;
}
.vce-shortcode .gallery-cell{
	width:25%;
}
.vce-shortcode .unternehmen-name-text,.vce-shortcode .unternehmen-ort{
	display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
word-wrap: break-word;
}

.vce-shortcode .flickity-prev-next-button.previous {
	left: 30px;
	width: 70px;
}
.vce-shortcode  .flickity-prev-next-button.next {
	right: 30px;
	width: 70px;
}

.vce-shortcode .unternehmen-section-container{
	overflow: hidden;
	
}

.vce-shortcode .unternehmen-name{
	left: 0;
	width: 100%;
	height: 75px;
	margin-top: -75px;
	padding: 8px 0px;
	border-radius:0px;
}


.vce-shortcode .section-blog-posts .gallery-cell{
	width:33%;
}


/** Tootips */

.um-misc-with-img{
	display:none;
}
.tooltip-box {
    position: relative;
    display: inline-block;
  
  }

.tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: #333;
    color: #fff;

    padding: 5px 0;
    border-radius: 6px;
    font-size: 12px;
    position: absolute;
    z-index: 8;
    bottom: 125%;
    left: 50%;
    margin-left: -120px;
  
    opacity: 0;
    transition: opacity 0.3s;
    padding: 5px 8px;
  }

.tooltip-box .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
  }
  .tooltip-box:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

  .tooltiptext-mobile, .tooltiptext-tablet {
    display: none;
    font-size: 12px;
    font-weight: 200;
  }

  .tooltiptext.social-media-tooltip{
    width: 350px;
    margin-left: -170px;
  }
  .tooltiptext.branche-tag-tooltip{
    width: 350px;
    margin-left: -170px;
  }

  .frontpage-container .row{
      margin: 0;
  }

/* .searchprofil-section .select2.select2-container .select2-selection .select2-selection__arrow::before {

    content: initial!important;
}

.searchprofil-section .select2.select2-container .select2-selection .select2-selection__arrow{
    border-style: solid!important;
    border-width: 11px 11px 0 11px!important;
    border-color: #9CAB00 transparent transparent transparent!important;
    width: 0!important;
    height: 0!important;
    top: 15px!important;
    right: 15px !important;
}
 */
.content-area{
    min-height: 900px;
}


/** Frontpage**/
/** Section Search **/
.searchprofil-section{
    padding: 105px 0px;
    
}



#background-img-search{
    padding: 135px;
    padding-top: 400px;
    background-image: url('img/background/home-wedding-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#search-box-container{
    background-color: #fff;
    width: 60%;
    margin: 0 20%;
    padding: 50px 30px;
    padding-bottom: 10px;
}
.search-intro-text{
     font-size: 22px;
    font-weight: 200;
}

#search-intro-headline{
    color:#9CAB00!important ;
    position: absolute;
   
    background-color: #fff;
    padding: 15px 30px;
    padding-right: 80px;
    display: inline-block;
    
  
    top: 450px;
    left: 330px;
    margin: 0;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
}
#filter-branchen, #filter-tags, #filter-ort{
    opacity: 0;
}

/* #search-profil-btn{ 
    margin-top: 7px;
    position: relative;
    top: 22px;
    display: inline-block;
    padding: 8px 30px;
    text-align: center;
} */


/* 
#search-box-container .select2-selection__rendered{
    padding-top: 2px ;
    font-size: 18px;
    text-align: center;
	 font-weight: 200;
}
#search-box-container .select2-container{
    min-width: 145px;

} */

/* #search-box-container .select2-selection{
  
    min-height: 45px;
} */


/** Intro Abschnitt Erklärungen zu Funktionen der Seite **/
section#intro{
    margin-bottom: 100px;
}
.intro-container{
    padding-left: 6%;

}

#intro-section-head{
    color: #9CAB00;
    margin-bottom: 50px;

}

.features-item{ 
    height: 225px;
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 20px 30px ;
    margin-bottom: 30px;
}

.features-titel{
    text-transform: uppercase;
    color: #9CAB00;
    text-align: center;
}
.features-beschreibung{
    padding: 5px 10px;
    text-align: center;
	font-weight:200;
}

.features-icon-img{
    text-align: center;
    margin-bottom: 10px;
   
}

.features-icon{
    width: 50px;
    height: auto;
}


/** Abschnitt Erklärungen zur Such von Dienstleistern **/
section#search-info{
    margin-bottom: 100px;
}


#search-info-head{
    color: #9CAB00;
    margin-bottom: 50px;
}

.search-info-item{ 
    height: 180px;
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 20px 35px ;
    margin-bottom: 30px;
}

.search-info-titel{
    text-transform: uppercase;
    color: #9CAB00;
    text-align: left;
    float: left;
    display: block;
}
.search-info-beschreibung{
    padding: 5px 0px;
    text-align: left;
	font-weight: 200;
}

.search-info-icon-img{
    text-align: left;
    margin-bottom: 10px;
    float: left;
}

.search-info-icon{
    width: 30px;
    height: auto;
    margin-right: 15px;
}


/*** Abschnitt zur Karte von der Startseite*/
#home-global-map{
	 margin-bottom: 75px;
	padding:0;
}





/** FAQ erste Fragen auf der Startseite**/

#faq-home{
    margin-bottom: 150px;
}
#faq-home-head{
 
    color: #9CAB00;
    margin-bottom: 50px;
}

.faq-home-item{
    margin-bottom: 20px;
}

.faq-item-box{
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
  
}

.faq-home-frage.accordion{
    padding: 15px 35px;
    background-color: #fff;

    font-size: 18px;
    font-weight: 400;
}
.faq-home-antwort{
    max-height: 0;
}
.faq-home-antwort .faq-antwort-box {
    padding: 10px 35px;
    padding-top: 0px;
    display: inline-block;
	background-color: #fff;
    font-size: 17px;
    font-weight: 200;
}

.faq-home-frage.accordion.active .faq-open-item{
    background-image: url('img/icons/minus-icon.svg');
}


.faq-continue-link{
    margin: 0 auto;
    display: block;
    width: 250px;
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 10px 25px;
}
.faq-continue-box{
    margin-top: 15px;
}

#faq-continue-link-text{
    text-align: center;
    color: #9CAB00;
    font-size: 18px;
    display: inline-block;
    width: 100%;
}

/** Blog Abschnit auf der Startseite Unser generierte Inhalte */


#blog-user-section{
    min-height: 501px;
    background-image: url('img/background/write-blog.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-bottom: 150px;
    padding: 100px;
}

#blog-user-head{
   
 
    color: #9CAB00;
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 10px 20px;
    padding-right: 50px;
    display: inline-block;
    position: relative;
    right: -25%;
    top: 30px;
    z-index: 10;
}
.single-blog-page-container{
    padding: 0;
}
.blog-user-content-paragraph{
    padding: 40px 40px;
    background-color: #fff;
    width: 55%;
    float: right;
    margin-right: 15%;
}

#blog-register-btn,#blog-write-btn{
    background-color: #52BFA0;
    padding: 5px 20px;
    text-align: center;
    display: inline-block;
    color: #fff;
    margin-right: 15px;
    font-size: 18px;
    font-weight: 500;
}

.new-post{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 430px;
    box-shadow: 2px 2px 6px rgba(51, 51, 51, 0.2);
    margin-bottom: 100px;
}

.new-post-content{
	height: 275px;
    position: relative;
    top: 155px;
    color: #1d1e20;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px 25px;
    box-shadow: 2px 2px 6px rgba(51, 51, 51, 0.2);

}
.new-post-meta{
    text-align: left;
    margin-top: 5px;
}
.new-post-title{
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
}
.new-post-thema{
    color:#808080;
    margin-bottom: 5px;
}

.blog-post {
    height: 290px;
    margin-bottom: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    background-color: rgba(240, 240, 240, 0.9);
}

.blog-excerpt {
    font-size: 15px;
    font-weight: 200;
}

.blog-post-content{
    position: relative;
    top: 142px;
    color: #1d1e20;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px 15px;
    box-shadow: 2px 2px 6px rgba(51, 51, 51, 0.2);
	height:148px;
}

.new-post-meta{
    text-align: left;
    margin-top: 5px;
}
.blog-post-title{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
}
.blog-post-thema{
    color:#808080;
    margin-bottom: 5px;
    font-size: 15px;

}
#thema-start-filter{
    padding: 5px 25px;
    margin-right: 30px;
    width: 35%;
}
#thema-reset-btn{
    padding: 5px 25px;
    width: 55%;
}


/*** Blog Beitragsseite Detailansicht  single.php */

.post-image-background{
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 50px;
}
.post-meta-container{
    padding: 0;
    margin-bottom: 30px;
}
.post-content-area{
    padding: 0;
}
#single-post-title{
    color: #1d1e20;
    margin-bottom: 30px;
}
.single-post-content{
    font-size: 18px;
}
#post-autor-name, .single-post-themen a,.single-post-date{
    color: #52BFA0;
}
.post-end{
    margin-top: 50px;
    padding: 0;
}

.post-end-meta{
    padding: 0;
}
#blog-backlink{
    font-size: 18px;
}
#blog-backlink:hover, #autor-link:hover{
    color: #52BFA0;
}
#blog-backlink::before,#autor-link::before {
        color: #9CAB00;
        content: "\00BB";
        padding-right: 7px;
        font-size: 18px;
}
#autor-link{
    float: right;
    font-size: 18px;
}

.other-posts{
padding-left: 5%;
padding-right:5%;
}
#other-posts-head{

    color: #9CAB00;
    margin-bottom: 30px;
}
.next-post-box{
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    min-height: 250px;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}
.next-post-content-area{
    background-color: #fff;
    padding: 11px 15px;
    position: relative;
    top: 170px;
    box-shadow: 2px 2px 6px rgba(51, 51, 51, 0.2);
}

.next-post-thema{
    color:#808080;
    margin-bottom: 5px;
    font-size: 15px;
}

.next-post-link {
    padding: 0;
	margin-bottom: 30px;
}




/*** Themenverzeichnis - Thema Taxonomie **/



#background-img-thema{
    height: 350px;
    background-image: url('img/background/write-blog.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-bottom: 50px;
    padding: 100px;
}

.blog-thema-subhead{
    margin-bottom: 50px;
}
.blog-thema-titel{
    color: #52BFA0;
   
}

.thema-post{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 300px;
    box-shadow: 2px 2px 6px rgba(51, 51, 51, 0.2);
 	margin-bottom: 30px;
}
.thema-beitrags-titel{ 
    margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
}
.thema-post-content {
    position: relative;
    top: 103px;
    color: #1d1e20;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 15px 20px;
    box-shadow: 2px 2px 6px rgba(51, 51, 51, 0.2);
	min-height: 197px;
}
.blog-themen-excerpt{
    font-size: 12px;
}
.thema-post-creator {
    font-size: 13px;
    color: #52BFA0;
}



/*** Branchen Übersicht auf der Startseite */

.branche-section{
    min-height: 250px;
    margin-bottom: 100px;
    padding: 0;
}


.branche-mobile-container{
    display: none;
}
#branchen-section-head{
   
    color: #9CAB00;
    margin-bottom: 30px;
}

.branche-section-container{
    padding: 0;
}

#branche-galerie{
    column-width: 250px;
    column-gap: 20px;
   
}


.branche-box{
   display: none;
    padding: 20px 15px;
}
.branch-item{
    background-color: #ccc;
    min-height: 200px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.branch-name{
    padding: 15px 0px;
    text-align: center;
    display: block;
}

.branche-label-name{
    position: relative;
    left: 20px;
    top: -32px;
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, 0.75);
   color: #fff;
   font-size: 16px;
   border-radius: 10px 10px 0px 0px;
   }



 #branche-section .gallery img:hover {
    box-shadow: 1px 1px 2px #333333b0;
  }
  #branche-section .gallery .cat-content {
    padding: 0px 4px;
  }
  .gallery .branche-gallery-item {
    transition: grid-row-start 300ms linear;
    transition: transform 300ms ease;
    transition: all 0.5s ease;
    cursor: pointer;
  }
 .cat-content{
     display: inline-block;
     width: 100%; 

 }
 .cat-content img{
     width: 100%;    
 }

#mehr-anzeigen-btn{
    width: 30px;
    height: 30px;
    background-image: url('img/icons/plus-icon.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin:0 auto;
    cursor: pointer;
}
#mehr-anzeigen-btn.opened-branch{
    background-image: url('img/icons/minus-icon.svg');
    width: 30.5px;
}

.branchen-monsary-end{
    padding-top: 15px;
}


/** Suche - Seite mit allen Suchfunktionen **/

#background-img-suche{
    padding: 100px;
 
    background-image: url('img/background/header-suche.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 50px; 
}

.suche-icon {
    margin-right: 15px;
    height: 38px;
    width: auto;
    position: relative;
    top: 1px;
    float: left;
    margin-left: 5px;
}
#suche-head{
    margin-bottom: 30px;
    background-color: #fff;
    display: inline-block;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 10px 30px;
    padding-right: 120px;
    position: relative;
    left: 18%;
}
#suche-head h2{
color: #9CAB00;
}

#suchergebnisse-head{
    margin-bottom: 30px;
    background-color: #fff;
    display: block;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 20px 30px;
    padding-right: 80px;
    position: relative;
    width: 60%;
    margin: 0 20% ;
}

#suchergebnisse-head h2{
    color: #9CAB00;
    margin-bottom: 30px;
    margin-left: 15px;
}

#suchbegriff{
    color: #52BFA0;
}
#suche-normale-suche-head{
    padding: 0;
    margin-bottom: 30px;
    margin-left: 15px;
}

.normale-suche-container {
    width: 60%;
    margin: 0 20%;
    padding: 0 30px;
}

#normale-suche-input{
    display: inline-block;
    height: 40px;
    width: 215px;
    padding: 2px 5px;
    text-align: center;
    border: 1px solid #ddd;
    margin-left: 15px;
    margin-right: 50px;
    margin-bottom: 30px;
}

#normale-suche-button{
    width: 215px;
    height: 40px;
}

#suche-umkreissuche-head{
    padding: 0;
    margin-bottom: 30px;

}
#suche-umkreissuche-head h2 {
    margin-bottom: 30px;
}

.suche-umkreissuche{
    width: 60%;
    margin: 0 20%;
}

.suche-umkreissuche #umkreis-suche-box {
    padding: 30px 25px;
}

.suche-umkreissuche .sidebar-widgets .Location{
    display: block;
    float: left;

}
.suche-umkreissuche .sidebar-widgets .Location label{
    display: none;
   
}
.suche-umkreissuche #geomashupsearchwidget-5-input{
    display: inline-block;
    height: 40px;
    width: 215px;
    padding: 2px 5px;
    text-align: center;
    border: 1px solid #ddd;
}
.suche-umkreissuche .sidebar-widgets .radius{
    display: block;
    float: left;
    padding: 0;
    
}
.suche-umkreissuche .select2-selection__rendered{
		text-align:center;
	}
.suche-umkreissuche .sidebar-widgets .radius label{
    opacity: 0;
    display: inline-block;
    width: 50px;
    margin: 0; 
}
.suche-umkreissuche #geomashupsearchwidget-5-radius{
    display: inline-block;
    width: 215px;
    height: 40px;
    text-align: center;
    border: .5px solid rgba(81, 81, 81, 0.6);
}
.suche-umkreissuche .sidebar-widgets .object{
    padding: 0;
}

.suche-umkreissuche .sidebar-widgets .submit{
    padding: 0;
    display: inline-block;
    padding-left: 50px;
}

.suche-umkreissuche #geomashupsearchwidget-5-submit {
    width: 215px;
    height: 40px;
}

.suche-filtersuche #search-profil-btn {
    width: 80%;
    margin-left: 20px;
}

#blog-suchergebnisse{
    margin-top: 50px;
    margin-bottom: 30px;
}

#profile-suchergebnisse{
    margin-top: 25px;
    margin-bottom: 30px;
}
/** Karte */
.map-section{
    
    min-height: 500px;
    margin-bottom: 100px;
/*     background-image: url('img/background/map-travelers.jpg'); */
	background-image: url('https://zwayt.de/wp-content/uploads/2021/06/map-travelers.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 200px;
}

#umkreis-suche-box{
    padding: 30px 15px;
    background-color: #fff;
    min-height: 50px;

}

.map-section .sidebar-widgets .Location{
    display: block;
    float: left;

}
.map-section .sidebar-widgets .Location label{
    opacity: 0;
    display: inline-block;
    width: 50px;
    margin: 0;
   
}
.map-section #geomashupsearchwidget-5-input{
    display: inline-block;
    width: 160px;
    padding: 2px 5px;
    text-align: center;
    border: 1px solid #ddd;
	height: 40px;
}
.map-section .sidebar-widgets .radius{
    display: block;
    float: left;
    padding: 0;
    
}
.map-section .sidebar-widgets .radius label{
    opacity: 0;
    display: inline-block;
    width: 40px;
    margin: 0; 
}
.map-section #geomashupsearchwidget-5-radius{
    display: inline-block;
    width: 130px;
    text-align: center;
    border: .5px solid rgba(81, 81, 81, 0.6);
}
.map-section .sidebar-widgets .object{
    padding: 0;
}

.map-section .sidebar-widgets .submit{
    padding: 0;
    display: inline-block;
    padding-left: 40px;
}

#geomashupsearchwidget-5-submit{
    background-color: #fff;
    color: #9CAB00;
    width: 115px;
    font-size: 18px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    border: .5px solid rgba(81, 81, 81, 0.15);
	height: 40px
}


#map-widget-head h2{ 
    color: #9CAB00;
    margin-left: 37px;
 
}
#map-widget-text{
    font-size: 18px;
    margin-left: 37px;
    margin-right: 40px;
    margin-bottom: 20px;
}




/** Umkreissuche - Ergebnisse der Kartensuche */

#background-img-umkreissuche{
    padding: 100px;
    padding-top: 200px;
    background-image: url('img/background/journey-map.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 50px;
}
#umkreissuche-head{
    color: #9CAB00;
    margin-bottom: 30px;
    background-color: #fff;
    display: inline-block;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 5px 30px;
    padding-right: 80px;
    position: relative;
    left: 150px;
    top: 50px;
}

#umkreissuche-ergebnisse{

    color: #9CAB00;
    margin-bottom: 30px;
}

.widget-umkreisuche{
    padding: 0;
    margin-bottom: 50px;
}


.widget-umkreisuche .sidebar-widgets .Location{
    display: block;
    float: left;

}
.widget-umkreisuche .sidebar-widgets .Location label{
    opacity: 0;
    display: none;
    width: 50px;
    margin: 0;
   
}
.widget-umkreisuche #geomashupsearchwidget-5-input{
    display: inline-block;
    width: 250px;
    padding: 2px 5px;
    text-align: center;
    border: 1px solid #ddd;
	height: 40px;
}
.widget-umkreisuche .sidebar-widgets .radius{
    display: block;
    float: left;
    padding: 0; 
}
.widget-umkreisuche .sidebar-widgets .radius label{
    opacity: 0;
    display: inline-block;
    width: 50px;
    margin: 0;
   
}
.widget-umkreisuche .select2-selection__rendered {
	text-align: center;	
}
.widget-umkreisuche #geomashupsearchwidget-5-radius{
    display: inline-block;
    width: 130px;
    text-align: center;
    border: .5px solid rgba(81, 81, 81, 0.6);
}
.widget-umkreisuche .sidebar-widgets .object{
    padding: 0;
}

.widget-umkreisuche .sidebar-widgets .submit{
    padding: 0;
    display: inline-block;
    padding-left: 30px;
}


#geomashupsearchwidget-5-submit{
    background-color: #fff;
    
    color: #9CAB00;
    width: 115px;
    font-size: 18px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    border: .5px solid rgba(81, 81, 81, 0.15);
}


.umkreissuche-profil .distance{
    width: 130px;
    left: 50%;
    font-size: 12px;
    top: 190px;
}

.umkreissuche-profil .distance-icon {
    top: 2px;
}

.widget-umkreisuche #geomashupsearchwidget-5{
    padding-left: 15px;
}
#umkreissuche-start-filter{
    padding: 5px 25px;
    margin-right: 30px;
    width: 35%;
}
#umkreissuche-reset-btn{
    padding: 5px 25px;
    width: 55%;
    margin-bottom: 20px;
}

/* Unternehmen Darstellung auf der Startseite*/


.gallery-profil {
    background-color: rgb(247, 247, 247);
  width: 100%;
 
  }
  
  .gallery-cell {
    width: 100%;
    height: 500px;
    background: #fff;
    box-shadow: 1px 2px 2px rgba(94, 94, 94, 0.1);
 
  }

  .flickity-viewport {
    overflow: visible!important;
  }
  
/* .flickity-button-icon{
    visibility: hidden;
} */
.flickity-button{
    position: absolute;
    border-radius: 0;
    color: transparent;
    height: 500px;
    background: transparent;
    border: none;
    outline: none;
}

.flickity-button:focus {
  outline: none;
  box-shadow: none;
}

.flickity-page-dots{
    text-align: center;
}

.flickity-prev-next-button.next {
   /*  background: rgb(240,240,240);
    background: linear-gradient(90deg, rgba(240,240,240,0.01) 0%, rgba(240,240,240,0.9) 60%); */
    right: -18%;
    width: 18%;
    
}

.flickity-prev-next-button.next:hover,.flickity-prev-next-button.previous:hover {
    background: rgba(150, 149, 149, 0.1);
} 

.flickity-prev-next-button.previous {
 /*    background: rgb(240,240,240);
    background: linear-gradient(90deg, rgba(240,240,240,0.9) 40%, rgba(255,255,255,0.01) 100%); */
    left: -18%;
    width: 18%
}
.flickity-page-dots{
    display: none;
}

.flickity-prev-next-button .flickity-button-icon {
    width: 40%;
    color: rgba(255, 255, 255, 0.8);
}


.unternehmen-section{
    background-color: #F2F2F2;
    min-height: 250px;
    margin-bottom: 150px;
    padding: 0;
   padding-top: 30px;
   padding-bottom: 50px;
   overflow: hidden;
   width: 90%;

}
.unternehmen-section-container{
    padding: 0;
}
.unternehmen-box{
    padding: 20px 20px;
}
.unternehmen-link{
    padding-right: 10px;
    padding-left: 10px;
    background-color: #F2F2F2;
}
.unternehmen-item{
 
    height: 500px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.unternehmen-name{
    padding: 15px 0px;
    text-align: center;
    display: block;
   
    width: 400px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 18px;
    border-radius: 10px 10px 0px 0px;
    position: relative;
    left: 50%;
    top: 100%;
    height: 100px;
    margin-top:-100px;
    
}
#unternehmen-slider-head{
    color: #9CAB00;
    margin-bottom: 30px;
}


/** Blog-Section */

.blog-section{
    margin-bottom: 150px;
}


#blog-slider-head{
    color: #9CAB00;
    margin-bottom: 30px;
}

.blog-box{
    min-height: 265px;
    margin-bottom: 20px;
}

.blog-box .post{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 265px;
    padding: 0px;
}

.blog-title{
    font-size: 22px;
}

.blog-content-extract{
    position: relative;
    bottom: -80px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.75);
    padding: 10px 15px;
}

.blog-thema{
    padding: 2px 5px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.75);
    display: block;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
    max-width: 160px;
    position: relative;
    left: 40%;
}

.profil-meta{
    text-align: right;
    margin-top: 5px;
}
.post-creator{
    color:#52BFA0;
}
.blog-excerpt{
font-size: 15px;
}

.slide-item {
    display: none;
  }

  .dot-box{
      text-align: center;
  }

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  
  .active, .dot:hover {
    background-color: #717171;
  }

  /* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
  }
  
  @-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }
  
  @keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }

/** Blog Beitragsseite*/

#background-img-blog{
    padding: 100px;
    padding-top: 200px;
    background-image: url('img/background/write-blog.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-bottom: 50px;

}
#blog-seite-head{
  
    margin-bottom: 30px;
    background-color: #fff;
    display: inline-block;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 5px 80px;
      
    padding-left: 30px;
    position: relative;
    left: 150px;
    top: 50px;  
}

.blog-subhead {   
    color: #9CAB00;
    margin-bottom: 30px;
}


/** Dienstleister Verzeichnis */
#background-img-dienstleister{
    padding: 100px;
    padding-top: 200px;
    background-image: url('img/background/photos_wedding.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 50px;
}

.filter-box-container{
    background-color: #fff;
    padding-top: 15px;
}
#start-filter, #reset-btn, .filter-form-btn{
    background-color: #fff;
    color: #9CAB00;
    font-size: 18px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    border: .5px solid rgba(81, 81, 81, 0.15);
/*     padding: 5px 25px;
    margin-top: 7px;
    margin-right: 15px; */
}
.filter-box-container .select2-selection__rendered {
    padding-top: 2px;
    font-size: 18px;
    text-align: center;
}
#verzeichnis-head{    
    margin-bottom: 30px;
    background-color: #fff;
    display: inline-block;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 5px 20px;
    padding-left: 30px;
    padding-right: 80px;
    position: relative;
    left: 80px;
    top: 50px;
}

.dienstleister-icon {
    margin-right: 15px;
    height: 35px;
    width: auto;
    position: relative;
    top: 0px;
    float: left;
    margin-left: 5px;
}
#verzeichnis-subhead{
  
    color: #9CAB00;
    margin-bottom: 15px;
}

.ubox{
    padding: 20px 20px;
   
}

#dienstleister .ubox{
/*     display: none; */
	padding-bottom: 140px;
}
#suchergebnisse .ubox{
	padding-bottom: 140px;
}
#vorbildlich{
	color: #52BFA0;
}
.special-icon{
	width: 25px;
	height: auto;
	margin-left: 30px;
	margin-right: 5px;
	position: relative;
	top:-1px;
}
.special-profil-icon{
	width: 60px;
	height: auto;
	position: absolute;
	top: -80px;
	right: 60px;
	background-color: #fff;
    padding: 10px;
    border-radius: 30px;

}
.kategorie-container .ubox,.tag-container .ubox, .suchergebnisse .ubox, .searchresults-container .ubox, .suchergebnis-container .ubox{
	padding-bottom: 140px;
}
.nearbylist-ubox{
	padding-bottom: 140px;	
}

.searchresults-container .ubox.umkreissuche-profil .profil-felder-box {
	top: -27px;
}

.profil-image-box{
   
    height: 250px;
    background-repeat: no-repeat;
/*     background-size:cover; */
	background-size:cover;
    background-position: top;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
}
.profil-felder-box{
    background-color: #fff;
    padding: 10px 25px;
	padding-bottom: 20px;
    min-height: 115px;
    position: relative;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
}
.link-space{
    min-height: 250px;
}
.post_title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.post_title a{
    color: #9CAB00;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
}

.post_ort{
    font-size: 13px;
    color: #37393D;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
}

.go-profil-btn{
    background-color: #52BFA0;
    padding: 3px 10px;
    text-align: center;
    font-size: 12px;
    
    width: 100px;
}
a .go-profil-btn{
    color: #fff;
    display:inline-block;
   
}
.profil-merken-btn{
    font-size: 13px;
    color: #52BFA0;
    display:inline-block;
  	margin-left: 30px;
    margin-right: 15px;
}


.merken-btn-link{
	position: relative;
	right: -50px;
	display: inline-block;
}

.page:not(.logged-in) .profil-merken-btn,.category:not(.logged-in) .profil-merken-btn,.search:not(.logged-in) .profil-merken-btn,.single:not(.logged-in) #merken-link {
    pointer-events: none;
	display: none;
}
    

.merken-icon{
    width: 13px;
    height: 13px;
    margin-right: 5px;
    margin-top: -5px;
   
}

#loadmore-box, #loadall-box{
    padding: 20px 20px;
}

#loadMore,#loadAll{
    padding: 15px 20px;
    width: 100%;
    margin: 10px 0px;
    cursor: pointer;
    text-align: center;
}

/* Branchenverzeichnis Übersicht  */

#background-img-branche-verzeichnis{
    padding: 100px;
    padding-top: 200px;
    background-image: url('img/background/wedding-checkliste.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 50px;

}
.branche-ober-kategorie {

    padding: 10px 20px;
}

.branche-item{
    padding: 10px 0px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.branche-unter-kategorie{
    min-height: 150px;
    background-color: #fff;
    padding: 20px 10px;
    padding-left: 70px;
    position: relative;
    bottom: -96px;
	box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
}
.oberkategorie-name{
    background-color: #9CAB00;
    color: #fff;
    padding: 10px 15px;
    border-radius: 15px 15px 0px 0px;
    position: relative;
    left: 10%;
    bottom: -96px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
}

#subcat-elements li {
    padding-left: 1.1em;
    text-indent: -1.2em;
}


#subcat-elements li a:hover{
color: rgb(84, 84, 84);
}

#subcat-elements {
    column-count: 3;
    list-style: none;
    padding-left: 0;
}

#subcat-elements li::before {
    color: #9CAB00;
    content: "\00BB";
    padding-right: 7px;
}



/* Einzelbranche category-page */

#background-img-branche{
    padding: 100px;
    padding-top: 200px;
    background-image: url('img/background/wedding-checkliste.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 50px;

}

#branchen-head{
    margin-bottom: 30px;
    background-color: #fff;
    display: inline-block;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 10px 30px;
    padding-right: 80px;
    position: relative;
    left: 160px;
    top: 50px;
}

#branchen-subhead{
  
    color: #9CAB00;
    margin-bottom: 15px;
}


/* Einzeltag Tagseite */

#background-img-tag{
    padding: 100px;
    padding-top: 200px;
    background-image: url('img/background/wedding-checkliste.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 50px;
}

#tag-head{
 
    margin-bottom: 30px;
    background-color: #fff;
    display: inline-block;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 10px 30px;
    padding-right: 130px;
    position: relative;
    left: 150px;
    top: 50px;
}

#tag-subhead{
  
    color: #9CAB00;
    margin-bottom: 15px;
}

.tag-name-head{
    color: #52BFA0;

    font-style: italic;

}

/** Detailansicht Unternehmensprofil*/

#background-img-profil{
    min-height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
   
}

.detail-view-container{
    position: relative;
    top: -250px;
}
.profil-daten-container {
    padding-top: 50px;
}
.profil-content-section{
    padding: 0 30px;
    margin-bottom: 15px;
}
.profil-content{
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding:30px 45px;
    margin-bottom: 15px;
}
.kontaktdaten-container{
    background-color: #fff;
    padding:30px 45px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    margin-bottom: 30px;
}

.social-media-container{
    background-color: #fff;
    padding:30px 45px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    margin-bottom: 15px;  
}


.profil-content{
    padding: 15px 25px;
}

.kontaktdaten-column{
    
    padding-left: 50px;
}
.kontaktdaten-column a:hover, .profil-content-section a:hover{
    color: #52BFA0;
}
#detail-profil-title{
    font-weight: 500;
    margin-bottom: 15px;
    padding: 0;
    
}
#detail-profil-beschreibung{
    max-height: 250px;
    overflow: hidden;
	 font-weight: 200;
    text-align: left !important;
    font-size: 18px;
	font-family: 'Barlow Semi Condensed', Verdana, sans-serif!important;
}
#detail-profil-beschreibung p,#detail-profil-beschreibung p span,#detail-profil-beschreibung p div,#detail-profil-beschreibung h2, #detail-profil-beschreibung h2 span{
	 font-family: 'Barlow Semi Condensed', Verdana, sans-serif!important;
	background-color:transparent!important;
	 font-weight: 200!important;
    text-align: left !important;
    font-size: 18px!important;
}
#beschreibung-mehr-anzeigen{
    width: 25px;
    height: 25px;
    background-image: url('img/icons/plus-icon.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin:0 auto;
    cursor: pointer;
    margin-top: 15px;
}
#beschreibung-mehr-anzeigen.opened-btn{
    background-image: url('img/icons/minus-icon.svg');
}
.branchen-ausgabe,.tags-ausgabe{
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding:15px 25px;
    margin-bottom: 15px;
}
.tags-ausgabe{
    margin-bottom: 45px;
}
#branchen-ausgabe-label, #tags-ausgabe-label{
    font-weight: 600;
}

.mail-adresse, .webseiten-adresse{
	word-wrap: break-word;
}

#uservideo-head{
    color: #9CAB00;
    padding: 0;
    margin-bottom: 30px;
}
#uservideo-head h3{
    display: block;
    float: left;
}
.video-icon{
    margin-right: 15px;
    height: 26px;
    width: auto;
   position: relative;
   top: 6px;
    float: left;
}
.uservideo-box{
margin-bottom:15px;
}

.shared-video-iframe{
    width:100%;
    height:435px
}

.logo-box-thumbnail{
    display: flex;
    max-width: 300px;
    background-color: #fff;
    margin-bottom: 25px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 15px ;
    margin-top: -150px;
	height: 225px;
}
.logo-box-background{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 100%;
	width: 100%;
}
.logo-box-thumbnail img{
    margin: 0 auto;
	height:min-content;
}
.profil-icon{
    width: 20px;
    height: auto;
}
.profil-daten-container{
    padding: 0;
}
.adresse-icon-box{
    position: relative;
    left: 10px;
}
.adresse-daten{
    margin-bottom: 15px;
}
#umkreis-ort-ausgabe{
    color: #225C97;
    text-decoration: underline;
}
#km-ausgabe{
    color: #225C97;
}
#ende-kontaktdaten{
    margin-bottom: 30px;
}

#standort-anker, #faq-anker, #merken-feature, #einzug-ende{
    padding: 0;
}
#merken-link,#faq-link, #standort-link{
    color: #9CAB00;
    font-size: 18px;
    font-weight: 500;
}
#merken-link:hover,#faq-link:hover, #standort-link:hover{
    color: #b9c90c;
}
.merken-profil-icon, .standort-profil-icon, .faq-profil-icon {
    width: auto;
    height: 15px;
    margin-right: 6px;
    margin-top: -5px;  
}


#gemerkt-txt{
    color: #52BFA0;
    font-size: 18px;
    font-weight: 500;
  
}

#standort.sprung ,#faq.sprung{
	position:relative;
}
.social-media-seite{
    margin-bottom: 15px;
}

.galerie-container{
	margin-top:30px;
	padding:0;
}

#galerie-head{
  
    color: #9CAB00;
    padding: 0;
   
}
#galerie-head h2{
    display: block;
    float: left;
    margin-bottom: 30px;
}
.galerie-icon{
    margin-right: 15px;
    height: 25px;
    width: auto;
   position: relative;
   top: 6px;
    float: left;
    margin-left: 5px;
}

#gallery{
    
    transition: .5s;
    column-width: 250px;
    column-gap: 10px;
    max-width: 100%;
	width:100%;
 } 
 #galerie-ende{
    padding-top: 15px;
 }
 #mehr-anzeigen-galerie{
    width: 25px;
    height: 25px;
    background-image: url('img/icons/plus-icon.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin:0 auto;
    cursor: pointer;
 }

 #mehr-anzeigen-galerie.opened-galerie{
    background-image: url('img/icons/minus-icon.svg');
 }

#standort-head h2{
	color: #9CAB00;
}
.copyright-image-text{
	position: relative;
	left: 10px;
	top: -32px;
	background:rgba(255, 255, 255, 0.4);
	padding: 5px 12px;
	font-size:13px;
	max-height: 40px;
}
.gallery-item.full .copyright-image-text{
	width: 25%;
	text-align: center;
	margin: 0 auto;
	font-size: 15px;
}

/* Nearby List **/
#geo-mashup-nearby-container{
    margin-top: 15px;
    padding: 0;
}
.nearby-post-box{
    border-radius: 3px 3px 3px 3px;
    min-height: 260px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
  
}
#nearbylist-head{
 
    color: #9CAB00;
    padding: 0;
}
#nearbylist-head h2{
    display: block;
    float: left;
    margin-bottom: 30px;

}
.nearbylist-icon{
    margin-right: 15px;
    height: 25px;
    width: auto;
   position: relative;
   top: 6px;
    float: left;
    margin-left: 0px; 
}
.nearby-post-content{
    padding: 13px 25px;
    background-color: #fff;
    position: relative;
    top: 225px;
    box-shadow: 2px 2px 6px rgba(51, 51, 51, 0.2);
	min-height:105px;
}
.nearby-post-title{
    color:  #9CAB00;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word;
}

.distance{
    display: inline-block;
    color: #9CAB00;
    background-color: #fff;
    padding: 5px 10px;
    position: relative;
    top: 195px;  
    left: 57%;
    text-align: center;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
}

.near-post-branchen{
    font-size: 12px;
}


.distance-icon{
    margin-right: 5px;
 
   position: relative;
   top: 6px;
    float: left;
    margin-left: 0px; 
}

.show-on-map-link{
    background-color: #fff;
    padding: 5px 15px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    position: relative;
    top: -70px;
    left: 70%;
}
.show-on-map-link a{
    color: #9CAB00;
}
.map-link-icon{
    margin-right: 5px;
    height: 20px;
    width: auto;
}

/** FAQ Bereich */

.faq-container{
    padding: 0;
}

#faq-head{ 
    color: #9CAB00;
    padding: 0;
    margin-bottom: 30px;
}
#faq-head h2{
    display: block;
    float: left;   
}
.faq-icon{
    margin-right: 15px;
    height: 25px;
    width: auto;
   position: relative;
   top: 6px;
    float: left;
    margin-left: 15px;
}

.faq-item-box{
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
}

.faq-frage.accordion{
    padding: 15px 25px;
    background-color: #fff;

    font-weight: 500;
}
.faq-antwort .faq-antwort-text{
    padding: 20px 25px;
   font-weight:200;
    display: inline-block;
}

.faq-frage.accordion:hover{
    background-color: rgb(245, 245, 245);
}
.faq-open-item{
    width: 14px;
    height: 14px;
    background-image: url('img/icons/plus-icon.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin:0 auto;
    position: absolute;
    top: 22px;
    right: 12%;
}

.faq-frage.accordion.active .faq-open-item{
    background-image: url('img/icons/minus-icon.svg');
}

/**  Logo Upload Seite**/
.logo-upload-box{
	padding-top: 50px;
	padding-bottom: 50px;
}

.delete-item{
    font-size: 18px;
    margin: 20px 0px;
    padding: 5px 10px;
    cursor: pointer;
	display: inline-block;
    background-color: #fff;
    color: rgb(19, 19, 19);
    
	display: inline-block;
    position: relative;

    text-align: center;
    border: solid 0.5px rgb(206, 206, 206);
    transition: 0.5;
}
.logo-box img.attachment-medium{
	display:block;
}
.logo-loeschen-icon{
    height: 15px;
    width: auto;
    margin-right: 5px;
}

#logo-submit{
	padding: 5px 10px;
	margin-top: 15px;
	color: #fff;
	background-color: #52BFA0;
	border: solid transparent;
	font-weight: 500;
	font-size: 18px
}



#delete-message{
    position: relative;
    top: -50px;
}

.logo-icon{
    width: 25px;
    height: auto;
    margin-right: 5px;
}
#logo-upload-head{
	margin-bottom: 15px;
}

#list .thumb{
    width: 150px;
}


/*** Neue Galerie ***/

#sui_upload_image_form{
    margin-bottom: 30px;
}
.sui-galerie-container{
    padding: 0px 5px;
    margin-bottom: 30px;
}
#sui_submit{
    padding: 5px 10px;
    margin-top: 15px;
	color: #fff;
	 background-color: #52BFA0;
	border: solid transparent;
	width:140px;
}
#sui_image_file {
	display:block;
	margin-bottom: 5px;
}
#label-image-upload,.label-image-upload{
	font-size: 23px;
	font-weight:500;
	color: #9CAB00;
	margin-bottom: 10px;
}
.sui-select-checkbox{
    position: relative;
    top: 1px;
  
    margin-right: 3px;
}
.sui-label-select-img{
	display: block;
	font-size: 16px;
	padding: 0px 20%;
	margin-top: 6px;
}
.auswahl-loeschen{
    padding: 8px 15px;

}
#submit_titelbild, #submit_indexbild, #delete_selected_images, #submit_logo {
  
	color: #fff;
    background-color: #52BFA0;
	border: solid transparent;

}
#submit_titelbild, #submit_indexbild, #delete_selected_images, #submit_logo{
	margin-left: 25px;
}

.titelbild-label{
    display: none;
}
.titelbild-label.marked{
    display: block;
    text-align: center;
    position: absolute;
    padding: 5px 15px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 16px;
	width:100%;
	height:100%;
	font-weight: 600;
	padding-top: 55px;
}

.upload-msg{
    background-color: #52BFA0;
    color: #fff;
    padding: 5px 20px;
    display: inline-block;
}

.error-msg{
    background-color: #BF5252;
    color: #fff;
    padding: 5px 20px;
    display: inline-block;
}

.upload_error_message{
    color: #BF5252; 
    padding-top:15px
}

.indexbild-label{
    display: none;
}
.logo-label{
    display: none;
}
.indexbild-label.tagged,.logo-label.logologo{
      display: block;
    text-align: center;
    position: absolute;
    padding: 5px 15px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 16px;
	width:100%;
	height:100%;
	font-weight: 600;
	padding-top: 55px;
}

.gallery-item-img.marked .indexbild-label.tagged,.gallery-item-img.marked .logo-label.logologo{
	background-color: transparent;
	padding-top: 70px;
}

.gallery-item-img.tagged .titelbild-label.marked{
	padding-top: 40px;
}

.gallery-item-img.tagged, .gallery-item-img.logologo{
    border: 5px solid #52BFA0;
}



#sui_image_copyright{
   margin-top: 15px;
	width: 350px;
	margin-bottom: 5px;
	display:block;
}
#display-copyright-box{
    margin-top: 50px;
	margin-bottom: 50px;
}
#copyright-setting{
    font-size: 15px;
    display: inline-block;
    padding: 4px 12px;
    color: #1d1e20;
    margin-left: 15px;
    margin-top: 5px;
    box-shadow: none;
    border: solid 0.5px rgb(206, 206, 206);
}
.copyright-checkbox{
    margin-right: 5px;
}

#konto-new-btn,#profil-new-btn{
    font-weight: 600;
    font-size: 18px;
    margin-right: 20px;
    display: inline-block;
	width: 100%;
    border: solid 0.5px rgb(206, 206, 206);
	padding: 10px 20px;
	text-align: center;
}
.back-konto-col {
	margin-bottom:15px;
}

.konto-anzeigen-col,.profil-anzeigen-col {
	padding-top: 5px;
}
.back-icon{
    width: 13px;
    height: auto;
    margin-right: 8px;
    position: relative;
    top: -1px;
}



fieldset { 
    position: relative; 
    background-color: #52BFA0;
    display: inline-block;
    margin-right: 25px;
    margin-bottom:15px;
}
span#auswahl-titelbild-icon { 
    position: absolute; 
    left: 17px; 
    top: 15px; 
    background: url("img/icons/auswahl-titelbild-icon.svg");
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 17px;
}

span#auswahl-loeschen-icon { 
    position: absolute; 
    left: 17px; 
    top: 15px; 
    background: url("img/icons/auswahl-loeschen-icon.svg");
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}
span#auswahl-trefferbild-icon { 
    position: absolute; 
    left: 17px; 
    top: 15px; 
    background: url("img/icons/auswahl-trefferbild-icon.svg");
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

/** Galerie Erstellung & Ausgabe **/


#galerie-seite-head {
    margin-top: 30px;
    padding-left: 15px;
}
.galerie-intro-text{
    font-size: 18px;
    padding-left: 15px;
}
.gallery-col{
   padding: 10px;
  
}
.gallery-item-img {
    background-color: #ccc;
    height: 150px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	position: relative;
}
.social-media-icon-box{
    padding: 0;
    padding-left: 30px;
}

.gallery-display-box {
    margin-bottom: 30px;
}
.gallery-delete-btn{
    margin-left: 15px;
    padding: 8px 10px;
    background-color: #fff;
    color: #37393D;
    width: 200px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    border: .5px solid rgba(81, 81, 81, 0.15);
    font-size: 18px;
    float: right;
}
.gallery-delete-btn:hover{
    background-color: rgb(248, 248, 248);
}
#galerie-loeschen-icon{
    margin-right: 5px;
    width: 18px;
    height: auto;
}


.delete-gallery-item{


    color: #222;
    width: 100%;
    display: inline-block;

    text-align: center;
    position: relative;
    font-size: 12px;
    
    transition: .5s;
    background-color: #fff;
    z-index: 5;
 
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 5px 10px;
    margin: 5px 0px;
}

.mark-gallery-item{
    font-size: 12px;
    width: 100%;
    color: #222;
    
    display: inline-block;
    text-align: center;
    text-align: center;
    position: relative;
    background-color: #fff;
  
    transition: .5s;

    z-index: 5;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 5px 10px;
    margin: 5px 0px;
}
.mark-gallery-item:hover,.delete-gallery-item:hover{
    background-color: rgb(245, 245, 245);
}
.markieren-icon, .bild-loeschen-icon{
    height:12px;
    width: auto;
    margin-right: 3px;
    position: relative;
    top: -1px;
}


.error-message-image{
    color: #c63838;
    display: none;
    margin-bottom: 50px;
    padding-left: 30px;
    margin-top: 10px;
}

#error-page{
    padding: 50px 50px;
}



.gallery-item-img.marked{
    border: 5px solid #52BFA0;
}

#bildupload-label{
    font-size: 20px;
    font-weight: 500;
    padding-left: 15px;
    color: #9CAB00;
    position: relative;
    top: 25px;
    margin-bottom: 15px;
}

#usp_add-another{
    background-color: #fff;
    color: #9CAB00;
    width: 200px;
    font-size: 16px!important;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    border: .5px solid rgba(81, 81, 81, 0.15);
    text-align: center;  
    padding: 10px 15px;
    margin: 20px 0px!important;
}

#user-submitted-post{
    background-color: #fff;
    color: #9CAB00;
    width: 130px;
    font-size: 18px!important;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    border: .5px solid rgba(81, 81, 81, 0.15);
    text-align: center;  
    padding: 10px 20px;
    margin: 5px 0px!important;
}

#user-submitted-post:hover, #usp_add-another:hover,.gallerie-upload-box #profil-link-btn:hover {
    background-color: rgb(248, 248, 248);
}

.gallerie-upload-box #profil-link-btn{
    position: relative;
    top: -90px;
    left: 180px;

}

#user-submitted-posts{
    padding-left: 10px;
 
}
#usp-upload-message{
    font-size: 16px!important;
}
#usp_form .usp-images label{
    display: none;
}
div#user-submitted-posts form{
    margin-top: 0;
    padding-top: 0;
}


.cat-label{
    margin-top: 10px;
}

.sub-cat-label{
    margin-right: 15px;
}

.sub-cat-checkbox{
    margin-right: 5px;  
}
.sub-cat-box{
padding: 10px 15px;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 0 15px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  }
  
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .active, .accordion:hover {
    background-color: #ccc;
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .panel {
  
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }





/* Header*/




/* Navigation*/

.top-bar{
    z-index: 90;
    position: fixed;
    background-color:#fff;
    width: 100%;
    height: 105px;
    transition: 0.5s;
    padding: 10px;
    border-bottom: 0.75px solid rgb(243, 243, 243);
}
.header-widgets-container{
    z-index: 25;
    transition: 0.5s;

   
}

.brand{
    z-index: 26;
}

.brand #media_image-3 img{
    position: relative;
    top:-30px;
    width: 160px;
}
#menu-verwaltungszentrum, #menu-register{
    display: inline-flex;
    
    list-style: none;
    padding: 0;    
    float: right;
	margin-right: -10px;
}

#menu-verwaltungszentrum li, #menu-register li{
    margin-left: 15px;
    
}

#menu-verwaltungszentrum li a, #menu-register li a{
text-decoration: none;
color: #37393D;
padding: 15px;
transition: 0.5s;
}
#menu-verwaltungszentrum li a:hover, #menu-register li a:hover{
    
    background-color: rgba(233, 231, 231, 0.87);
 
}
.main-menu{
    padding: 0;
}
 
#haupt-navigation .main-menu ul{
    padding: 0; 
    margin: 0; 
 
    font-weight: 300; 
    border-radius: 0;  
    float: right;
  
}
 
.main-menu ul li{
    display:inline;
    margin: 0 40px 0 0;
   
}
#haupt-navigation .main-menu ul li a{
    text-decoration: none;
    color: #37393D;
    height:50px;
    padding: 7px;
    transition: 0.5s;
    font-size: 22px; 
    text-transform: uppercase;
}

.main-menu ul li a:hover {
    
    background-color: rgba(233, 231, 231, 0.87);
 
}

#haupt-navigation .main-menu ul li.current-menu-item a,  .unternehmen-template-default #haupt-navigation #menu-item-24051 a, .category #haupt-navigation #menu-item-22847 a, .tag #haupt-navigation #menu-item-24051 a,.page-id-479 #haupt-navigation #menu-item-24051 a,.post-template-default #haupt-navigation #menu-item-22848 a,.tax-thema #haupt-navigation #menu-item-22848 a,
.page-id-457 #haupt-navigation #menu-item-22849 a,.page-id-191 #haupt-navigation #menu-item-22849 a,.page-id-23762 #haupt-navigation #menu-item-22849 a,.page-id-23522 #haupt-navigation #menu-item-22849 a, .page-id-22868 #haupt-navigation #menu-item-22849 a,.page-id-22864 #haupt-navigation #menu-item-22849 a,.page-id-22866 #haupt-navigation #menu-item-22849 a, .page-id-24003 #haupt-navigation #menu-item-22849 a  {
    color: #9CAB00;
    font-weight: 500;
    text-decoration: underline;
}

.page-id-22759 #menu-register li#merken-nav a {
    color: #9CAB00;
}
.page-id-204 #menu-register li#login-nav a {
    color: #9CAB00;
}

.page-id-481 #menu-register li#register-nav a {
    color: #9CAB00;
}
.page-id-483 #menu-register li#register-nav a {
    color: #9CAB00;
}

.page-id-205 #menu-register li#register-nav a {
    color: #9CAB00;
}
.page-id-913 #menu-register li#suche-nav a, .page-id-23125 #menu-register li#suche-nav a, .search #menu-register li#suche-nav a{
    color: #9CAB00;
}




.main-menu ul li:last-child{ 
    margin: 0; 
}





#hamburger-menu{
    
    display: none;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 6;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 30px;
  }
  
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    color: #f1f1f1;
    display: block;
    transition: 0.3s;
  }
  
  .sidenav a:hover {
    color: #f1f1f1;
  }
  
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  
  .main-menu-mobile {
      padding: 5px 45px;
  }

  .main-menu-mobile ul{
      padding: 0;
  }

  .main-menu-mobile li{
    list-style-type: none;
    }
    #mobile-cat-menu{
        display: none;
    }

 







/* Content*/

/*** Registrierung */

.auswahl-registrierung-container{
    padding-top: 150px;
}

#auswahl-gruppe-head-box{
    margin-bottom: 30px;
}

.check-register-link{
	color: #52BFA0;
	text-decoration:underline;
}
.check-register-link:hover{
	color: #3d9179;
	text-decoration:underline;
}

.register-link{
    width: 80%;
    padding: 45px 45px;
    display: inline-block;
    background-color: #fff;
    font-size: 18px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    border: .5px solid rgba(81, 81, 81, 0.15);

}
#goback-btn{
	display: inline-block;	
	padding: 10px 20px;
	text-align:center;
	margin-top: 20px;
}
.register-link:hover{
    background-color: rgb(250, 250, 250);
   
}

.link-head{
    text-transform: uppercase;
    color: #9CAB00;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 15px;
}

.registrierung-container, .login-container{
    padding-top: 100px;
}



#register-form .um{
    margin: 0!important;
}
background-img-branche-
#register-form .um-field-label label{
    font-size: 18px !important;
    color: #9CAB00;
    text-transform: uppercase;
}
.um-tip:hover .um-icon-help-circled::before  {
color: #9CAB00!important;
}
#um-submit-btn, #register-form .um-button{
    background-color: #fff;
    color: #9CAB00;
    font-size: 18px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    border: .5px solid rgba(81, 81, 81, 0.15);
    padding: 5px 25px;
    text-align: center;
    min-width: 100% !important;
}
#um-submit-btn:hover, #register-form .um-button:hover{
    background-color: rgb(250, 250, 250);

}
#register-form .um-center{
    text-align: left;
}
#register-form  .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i{
    color: #9CAB00;
}
a.um-toggle-gdpr{
    color: #52BFA0;
}
a.um-toggle-gdpr:hover{
    color: #3d9179;
    text-decoration: underline;
}

.register-help-text {
    margin-top: 30px;
    color: #37393D;
    font-weight: 200;
}
#register-form a.um-link-alt {
    color: #52BFA0!important;
    text-align: left;
}
#register-form a.um-link-alt:hover {
    color: #3d9179!important;
    text-decoration: underline;
}

#register-form  .um-field-checkbox.active{
    background-color: #fff;
}


a#link-to-register{
    color: #52BFA0;
    margin-left: 5px;
}
a#link-to-register:hover{
    color: #3d9179;
    text-decoration: underline;
}
.logged-in .login-help-text{
	display:none;
}
.login-help-text{
    margin-top: 30px;
}

.konto-loeschen-box{
    padding: 0;
}

/** Profil erstellen*/

#profil-head H1{  
    
    margin-top: 50px;
    margin-bottom: 30px;
    font-weight: 500;
}

#postbox{
    width: 100%;
}
.post-container{
    padding: 0;
}
#postbox .label{
    font-weight: 600;
    color: #9CAB00;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
}
#postbox .label-thin{
    font-weight: 200;
}
.label-box {
    padding-left: 15px; 
    padding-right: 0;
    margin-bottom: 15px;
    margin-top: 5px;
}
.container-kontakt{
    padding: 0;
    padding-right: 80px;
    margin-bottom: 50px;
}

.profil-content-column{
    margin-bottom: 30px;
}

.site-content{
    min-height: 800px;
    padding-top: 105px;
}
.page-id-91{
    min-height: initial;
}

.input{
    padding-left: 15px;
    padding-right: 15px;
    height: 40px;
    margin-bottom: 15px;
    border: 0.5px solid rgb(175, 175, 175);
}
.input-large{

    width: 225px;
}
.input-xlarge{
    width: 300px;
}
.input-xl-large{

    width: 400px;
}
.input-absolut{
    width: 100%;
}
.input-small{

    width: 100px;
}
.input-xsmall{
    width: 130px;
}
.input-medium{
    height: 40px;
    width: 170px;
}
#tag-box{
    padding-left: 0px;
}

.input-textarea {
height: 300px;
}

#filter-tags, #filter-branchen, #filter-ort{
font-size: 12px;;
}
.success-message{
    margin-top: 30px;
    background-color: #38c644;
    color: #fff;
    display: inline-flex;
    padding: 5px;
    margin: 0 auto;
}

.thankyou-message{
    padding: 100px 100px;
    margin: 100px auto;
    margin-top: 80px;

    display: block;
    width: 60%;
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
}
#thankyou-head{
    color: #b9c90c;
    margin-bottom: 15px;
   
}

/* .select2-dropdown--below {
    top: -38px;
  } */

  .select2-dropdown {
    z-index:99999;
}
.tag-container,.branchen-container{
    padding-right: 80px;
    margin-bottom: 50px;
}
#tag_input_box{
    width: 100%;
}


#ansprechpartner-column{
    padding-left: 0;
}
.anrede-label{
    margin-right: 20px;
}
.auswahl-anrede{
    margin-top: 10px;
    margin-bottom: 15px;
}



#ort-input-box{
    padding-left: 10px;
}

#ortsname{
   
    background-color: #fff!important;
    border-style: solid;

    border-width: 0.5px;
}

.ort-box{
    pointer-events: none;
    width: min-content;
  
}
.ortsname-plz{
    visibility: hidden;
}

.einzugsbereich-container{
    padding: 0;
}
.einzugsbereich-label{
    margin-left: 10px;
}

#km-angabe{
    margin-left: 10px;

}
#umkreis-ort{
    margin-left: 10px;
}

#km-label{
    margin-left: 75px;
}

.branchen-input{
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    margin: 13px 0px;
}
#branchen-kategorie .accordion{
     background-color: #fff;
     padding: 0px 25px;
     padding-top: 5px;
    font-size: 18px;
    font-weight: 200;
}
#branchen-kategorie .active, .accordion:hover{
    background-color: rgb(250, 250, 250);
}
.branchen-panel{
    padding: 0px 25px;
    font-weight: 200;
}

.branche-open-item{
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 8px 0 8px;
        border-color: #9CAB00 transparent transparent transparent;
        margin:0 auto;
        position: relative;
        top: -25px;
        right: -48%;
    }
    
    #branchen-kategorie .accordion.active .branche-open-item{
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8px 8px 8px;
        border-color: transparent transparent #9CAB00 transparent;
    }

.submit_create{
    width: 200px;
    margin-top: 50px;
}

#submit_create_btn{
   
    background-color: #fff;
    font-size: 18px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    border: .5px solid rgba(81, 81, 81, 0.15);
    padding: 8px 25px;
    color: #9CAB00;
   
}
#update-btn{
    background-color: #fff;
    color: #9CAB00;
    font-size: 18px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    border: .5px solid rgba(81, 81, 81, 0.15);
    padding: 5px 25px;
    margin-top: 7px;
    margin-right: 15px;
    transition: .5s;
}
#update-btn:hover{
    background-color: rgb(250, 250, 250);
}

.logo-container{
    padding-left: 50px;
}

#unternehmen_image{
    margin-top: 15px;
 
}




/* 
Galerie Ausgabe im Profil */

.gallery-container{
    display: block;
}

.hello {
    opacity: 1 !important;
  }
  .full {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
  }
  .full .content {
    background-color: rgba(0,0,0,0.75) !important;
    height: 100%;
    width: 100%;
    display: grid;
  }
  .full .content img {
    left: 50%;
    transform: translate3d(0, 0, 0);
    animation: zoomin 1s ease;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
  }
  .byebye {
    opacity: 0;
  }
  .byebye:hover {
    transform: scale(0.2) !important;
  }

  .gallery img {
    max-width: 100%;
    border-radius: 0px;
    box-shadow: 1px 1px 2px #333333b0;
    transition: all 1.5s ease;
  }
  .gallery img:hover {
    box-shadow: 1px 1px 10px rgba(51, 51, 51, 0.741);
  }
  .gallery .content {
    padding: 4px;
    width: 100%;
	 display: inline-block;
  }

#gallery .gallery-item.full .content {
   
	 display: grid;
  }
  .gallery .gallery-item {
    transition: grid-row-start 300ms linear;
    transition: transform 300ms ease;
    transition: all 0.5s ease;
    cursor: pointer;
    padding-bottom: 10px;
  }
  .gallery .gallery-item:hover {
    transform: scale(1.012);
  }




/* Einzelkarte im Profil */
.map-post-box .gm-map{
    margin-top: 30px;
    min-height: 350px;
}



.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }

  .caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
  }
  
  .gallery-row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Six columns side by side */
  .gallery-column {
    float: left;
    width: 16.66%;
  }

  .demo {
    opacity: 0.6;
  }
  
  .active,
  .demo:hover {
    opacity: 1;
  }








/** FAQ Eingabe */

.faq-label{
    margin-top: 10px; 
}
.faq-frage-input{
    padding: 3px 10px;
}

.faq-antwort-input{
    margin-top: 10px;
    padding: 3px 10px;
    height: 80px;
}


#faq-checkbox{
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: relative;
    top: 4px;
}



.error-message{
    margin-top: 30px;
    background-color: #c63838;
    color: #fff;
    display: inline-flex;
    padding: 5px;
}




/** Konto Einstellungen*/

.konto-container{
    padding-top: 50px;
}

#konto-headline{
  margin: 30px 0;
}
#profil-headline{
    color: #9CAB00;
    font-weight: 500;
}
#konto-einstellungen-container{
    margin-top: 30px;
    padding: 0 15px;
}
.setting-option{
    height: 100%;
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    font-size: 18px;
    text-align: center;
   
    color: #37393D;
    padding: 20px;
    display: block;
}

.option-box{
        padding: 15px;
        height: 200px;
        margin-bottom: 5px;
}

.konto-icon{
    width: auto;
    height: 45px;
    display: block;
    margin: 10px auto;
}


.opacity-75{
opacity: 0.75;
}
.opacity-50{
    opacity: 0.50;
}
.user-container{
    margin-bottom: 30px;
}

#zahlung-label{
      color: #a03a3a;
	font-size: 15px;
}
#premium-mitgliedschaft-label{
	  color: #52BFA0;
}

#premium-link, #bezahlung-link{
	background-color: #f5f5f5;
}
#konto-back-premium-btn{
	display:block;
	width:150px;
	font-weight: 600;
	font-size: 18px;
	margin-right: 20px;
	margin-top:15px;
	border: solid 0.5px rgb(206, 206, 206);
	padding: 10px 20px;
	text-align: center;
	position:relative;
	top:-60px;
	left:320px;
	height:45px;
}
/*File Upload*/

/* Preview */
.preview{
    width: 100px;
    height: 100px;
    border: 1px solid black;
    margin: 0 auto;
    background: white;
 }
 
 .preview img{
    display: none;
 }
.um-extension ul{
    margin: 0;
    padding: 0;
}

.um-account-meta{
    display: none;
}
    #profil-status-text{
        color: rgb(94, 94, 94);
        font-weight: 600;
    
    }

    .published-icon{
        margin-left: 5px;
        width: auto;
        height: 15px;
        position: relative;
        top: -3px;
    }
    #published-status{
        color: #2CC650;
    }

    #pending-status{
        color: #ebbf31;
    }
    
    #missing-status{
        color: #c62c2c;
    }
    #open-view-status{
        background-color:  #eee;
        padding-top: 7px;
        cursor: default;
        text-align: center;
        display: inline-block;
        padding: 10px 38px;
        margin-left: 15px;
        position: relative;
        top: -15px;
    }


#mitgliedschaft-status{
        background-color:  #eee;
        padding-top: 7px;
        cursor: default;
        text-align: center;
        display: block;
        padding: 10px 38px;
        margin-left: 15px;
        position: relative;
        top: -15px;
		min-height:43px;

    }

/** Premium und Basic Mitgliedschaft **/

.premium-marker{
    font-size: 13px;
    margin-top: 15px;
    color: #52BFA0;
    font-weight: 700;
    text-align: center;
}

#premium-submit {
padding: 5px 10px;
color: #fff;
background-color: #52BFA0;
border: solid transparent;
font-weight: 500;
font-size: 18px;
	}
#premium-checkbox span, #premium-agb span{
	margin: 0;
	margin-top: 5px;
}
#premium-checkbox input,#premium-agb input{
	margin-right: 10px;
}
#premium-anmerkung{
	height: 3em;
}
.premium-label{
	margin-bottom: 3px;
}
.premium-icon{
	margin-right: 5px;
	height: 35px;
	width: auto;
	position: relative;
	top: -5px;

	margin-left: 5px;	
}
#user-id{
	visibility:hidden;
}
#kaufabwicklung-head{
	 margin-bottom: 15px;
}

.kaufabwicklung-text{
    margin-bottom: 30px;
}
.kosten-text{
    font-weight: 600;
   
}
#letztezeile-konto{
	margin-bottom: 10px;
}
.thankyou-paidtext{
    margin-bottom: 30px;
}
#select-mitgliedschaft{
    margin-top: 5px;
    margin-bottom: 15px;
}
#ueberweisung-bezahlen{
    margin-bottom: 30px;
}
#paypal-bezahlen{
    padding-left: 30px;
    border-left: #999 solid 0.5px;
    margin-bottom:15 px;
}
#rechnungsadresse-head{
    font-weight: 500;
}

.paypal-logo{
    margin-top: 10px;
    margin-bottom: 25px;
    width: 130px;
    position: relative;

}

#not-paid{
	color: #a03a3a;
	font-weight: 400;
}

    #sure-profil-message, #sure-account-message{
        opacity: 0%;
        margin-bottom: 5px;
    }

  

    .delete-button, .view-button, .yes-no-button{
        background-color: #fff;
        color: #222;
        display: inline-block;
        font-size: 18px;
        box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
        border: .5px solid rgba(81, 81, 81, 0.15);
        padding: 10px 20px;
    
    }

    #yes-delete-button, #no-delete-button, #yes-delete-profil, #no-delete-profil{
        padding: 5px 15px;
        display: inline-block;
        margin-right: 12px;
        opacity: 0%;
    }



  

    #deleteAccountbtn, #delete-profil-button{
        margin-bottom: 15px;
    }

    .profil-delete-container, .profil-view-container, .account-delete-container{
        margin-left: -50px;
        margin-bottom: 20px;
        display: none;
    }


    .filter-container{
      padding-bottom: 50px;
    }
    label#filter-branchen{
        margin-bottom: 10px;
    }

    .filter-subcat{
        margin-left: 30px;
    }


/** Video einbinden - Vorstellungsvideo */
.vorstellungsvideo-container{
    padding-top: 50px;
}
#video-einbinden-head{
    padding: 0;

}
#video-einbinden-head h1{
    
    display: block;
    float: left;
    margin-bottom: 30px;
}
.video-einbinden-text{
    padding: 0;
    font-size: 18px;

}
.video-input{
    padding: 0;
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    margin-bottom: 30px;
}

.video-auswahl.accordion{
    padding: 15px 25px;
    background-color: #fff;
    margin-bottom: 15px;

    font-weight: 500;
}
.video-eingabefeld .input-box{
    padding: 20px 25px;
    padding-top: 0px;
    display: inline-block;
}
.social-media-speichern-col, .video-speichern-col, .faq-speichern-col{
	padding-top: 5px;
}
#video-speichern-btn,#profil-link-btn, #social-media-speichern-btn, #faq-speichern-btn{
   	 font-weight: 600;
    font-size: 16px;
	color: #28292a;
    text-align: center;
    padding: 10px 20px;
    border: solid 0.5px rgb(206, 206, 206);
	box-shadow:none;
	width: 100%
}
.video-speichern-box{
    padding: 0;
}


.video-open-item{
    width: 15px;
    height: 15px;
    background-image: url('img/icons/plus-icon.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin:0 auto;
    position: absolute;
    top: 22px;
    right: 10%;
}

.video-auswahl.accordion.active .video-open-item{
      background-image: url('img/icons/minus-icon.svg');
}

#video-entfernen-btn{
    font-weight: 600;
	font-size: 18px;
	margin-right: 20px;
	display: inline-block;
	width: 100%;
	border: solid 0.5px rgb(206, 206, 206);
	padding: 10px 20px;
    color: #28292a;
	box-shadow: none;
}
#video-entfernen{

    margin-top: 20px;
   
    display:inline-block;
}
.video-vorschau-box {
	padding-left: 50px;
}
.video-vorschau-box .shared-video-iframe{
	height: 275px;
	width: 66%;
}

/*** Social Media einbinden */

.social-media-profile-container{
    padding-top: 50px;
}
#social-media-einbinden-head{
   
    color: #9CAB00;
    padding: 0;
}
#social-media-einbinden-head h1{
  
    display: block;
    float: left;
    margin-bottom: 30px;
}
.social-media-einbinden-text{
    padding: 0;
    font-size: 18px;

}
.social-media-input{
    padding: 0;
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    margin-bottom: 30px;

}


.social-media-open-item{
     width: 15px;
    height: 15px;
    background-image: url('img/icons/plus-icon.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin:0 auto;
    position: absolute;
    top: 22px;
    right: 10%;
}


.social-media-auswahl.accordion.active .social-media-open-item{
    background-image: url('img/icons/minus-icon.svg');
}
.social-media-name{
    margin-bottom: 15px;
}


.social-media-auswahl.accordion{
    padding: 15px 35px;
    background-color: #fff;

    font-size: 18px;
    font-weight: 200;
   
}
.social-media-eingabefeld .input-box{
    padding: 20px 35px;
    padding-top: 0px;
    display: inline-block;
}
.social-media-label{
    margin-bottom: 5px;
    font-weight: 200;
}

.social-media-speichern-box{
    padding: 0;
}

.info-icon{
    width: 15px;
    height: auto;
    margin-left: 10px;
}

/* FAQ erstellen */

.faq-item{
    margin-bottom: 30px;
    padding-right: 60px;
}
#faq-fragen-ende{
    margin-bottom: 50px;
}
.faq-label{
    font-size: 18px;
    color: #9CAB00;
    font-weight: 500;
}

.faq-speichern-box {
    padding: 0;
}


/*  Karte */

#background-img-karte{
    padding: 100px;
    padding-top: 150px;
    background-image: url('img/background/journey-map.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 50px;
}
#globale-karte-head{
 
    margin-bottom: 30px;
    background-color: #fff;
    display: inline-block;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 10px 30px;
    padding-right: 100px;
    position: relative;
    left: 150px;
    top: 50px;
}

.karte-box{
    display: block;
   margin-bottom: 100px;
}
.gm-legend.category{
    padding: 0;
    column-count: 3;
}
.gm-visible-list{
    padding: 0;
    column-count: 2;
}

.gm-legend.category li{
    list-style-type: none;
}

.karte-legende{
    position: absolute;
   bottom:30px;
   left: 30px;
   background-color: rgba(255, 255, 255, 0.673);
   padding: 15px;
}
.ansicht-betriebe{
    position: absolute;
    bottom: 30px;
    left:30px;
    background-color: rgba(255, 255, 255, 0.673);
    padding: 15px;
}
.ansicht-betriebe ul{
    margin: 0;
    padding: 0;
}
.ansicht-betriebe li{
list-style-type: none;
}
#list-marker,#list-cats{
    display: none;
}
#show-marker-btn, #show-cats-btn{
    padding: 5px 3px;
    cursor: pointer;
    font-weight: 700;
}

#logo-on-mappost{
    position: relative;
   background-color:#ffffffe6;
	padding:5px;
	box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
	display: block;
	width: max-content;
}
#logo-on-mappost img{
    width: 100px;
    height: auto;
}

.gm-style .gm-style-iw-c, .gm-style .gm-style-iw-d {
	padding:0!important;
	max-height:unset!important;
}
.gm-ui-hover-effect{
	top: 5px!important;
	right: 10px!important;
	opacity: 0.75!important;
	background-color: #fff!important;
	border-radius: 20px!important;
}
.locationinfo{
   
    width: 300px!important;
   	height:100%!important;
	background-color: #ffffffe6;
	padding: 0px;
	
}
.background-info-window{
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	padding: 30px 15px;
	min-height:150px;
	margin-bottom:5px;
}


#title-on-mappost{
    color: #9CAB00;
  padding: 8px 12px;
  font-size: 16px;
	background-color: #ffffffe6;;
	box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
	display: inline-block;
}
.branchen-on-mappost{
    font-size: 12px;
	padding: 8px 12px;
	background-color: #ffffffe6;;
	box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
	
}




   /** Neuer Ort Einzugsbereich **/
   .neuer-ort-container .label-box{
    margin-bottom: 3px;
}
.neuer-ort-text{
    padding-bottom: 20px;
}
#ort-speichern-btn{
    font-weight: 600;
font-size: 16px;
color: #28292a;
text-align: center;
padding: 10px 20px;
border: solid 0.5px rgb(206, 206, 206);
box-shadow:none;
width: 100%
}
.ort-speichern-col{
    padding-top: 5px;
}
.ort-speichern-box{
    padding-top:50px;
}
.neuer-ort-container{
    padding-top: 50px;
}
#neuer-ort-head{
    padding-left: 15px;
    margin-bottom: 30px;
}


/* Merkliste */

#background-img-merkliste{
    padding: 100px;
    padding-top: 100px;
    padding-top: 200px;
    background-image: url('img/background/merkliste-background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-bottom: 50px;

}
#merkliste-head{
   
   
    margin-bottom: 30px;
    background-color: #fff;
    display: inline-block;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 10px 30px;
  
    padding-right: 80px;
    position: relative;
    left: 150px;
    top: 50px;

}

.merkliste-subhead{
    margin-bottom: 30px;
    padding: 0;
    color: #9CAB00;
}

#merkliste-container{
	width: 100%;
    margin-bottom: 30px;
}

.merkliste-item{
    border: 0.5px solid #eee; 
}
.item-attribute{
    font-size: 13px;
 
   padding:  0px 25px;
   border-right: 0.5px solid #eee;
   margin: 20px 0px;

}
.item-attribute-label{
color: #9CAB00;
width: 100%;
}

#merkliste-item-box{
    padding: 0;
}

#logo-sm-thumnail{
   height: auto;
    width: 100px;
    margin: 0 auto;
}




#print-list-btn{
    text-align: center;
    display: inline-block;    
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 10px 25px;
    color: #9CAB00;
}

.delete-item-btn{
    position: absolute;
    right: 65px;
    top: 20px;
    padding: 5px;
    cursor: pointer;
	width: 100px;
}

.delete-item-icon{
    color: #666;
    font-size: 25px;
    transition: .3s;
}
.delete-item-icon:hover{
    background-color: #efefef;
    border-radius: 10px;
}

.item-loeschen-icon{
    margin-right: 5px;
    width: 20px;
    height: auto;
}

/* Sidebar*/
.site-sidebar{
    padding:1em;
    background: rgba(0,0,0,0.5);
    color:#fff;
    min-height: 150px;
}


.archive-container{
margin-bottom: 50px;
}

.space-field{
    display: none;
}


/* FAQ Seite - wir beantworten deine Fragen */
#background-img-faq{
    padding: 100px;
    padding-top: 100px;
    padding-top: 100px;
    padding-top: 200px;
    background-image: url('img/background/faq-fragezeichen.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 50px; 
}

#faq-page-head{
   
    margin-bottom: 30px;
    background-color: #fff;
    display: inline-block;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 5px 80px;
        padding-left: 80px;
    padding-left: 80px;
    padding-left: 30px;
    position: relative;
    left: 150px;
    top: 50px;
}
.faq-sub-head{
    padding: 0px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.faq-nav-box{
    color: #9CAB00;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 10px 25px;
    margin-top: 20px;
    background-color: #fff;
    width: 400px;
}
.faq-nav-box.fixed-position{
    position: fixed;
    top: 150px;
}


#end-faq-navbar{
    min-height: 3px;
    padding: 3px;
}
.sprung {
    visibility: hidden;
    height: 0px !important; 
    position: absolute; 
    margin: -140px;
}


#faq-navliste{
    list-style: none;
    padding: 0;
    margin: 0;
}

.faq-menu-item{
margin-bottom: 10px;
}

.faq-frage-box{
    padding: 0;
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    margin-bottom: 20px;
}

.faq-antwort-text{
    padding: 20px 35px;
    font-weight:200;
    padding-top: 0px;
    display: inline-block;
	
}
.faq-fraqe-auswahl.accordion {
    padding: 15px 35px;
    background-color: #fff;

    font-size: 18px;
    font-weight: 400;
}

.faq-open-question{
    width: 15px;
    height: 15px;
    background-image: url('img/icons/plus-icon.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin:0 auto;
    position: relative;
    float: right;
    top: 10px;
    
}

.faq-fraqe-auswahl.accordion.active .faq-open-question{
    background-image: url('img/icons/minus-icon.svg');
}

.faq-frage-bereich {
    padding-right: 80px;
}

/* Kontakt Seite   */


/* Footer  - Footer Menu */

.footer-container{
   
    padding-top:30px;
    min-height:200px;
    background-color: rgba(7, 7, 7, 0.99);
    position: relative;
    z-index: 50;
    color:#fff;
    }
   .footer-widgets{
       padding: 20px 0px 30px 0px;
   } 

.footer-menu ul, .footer-widgets ul{ 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    
}


 
 
.footer-menu ul li{
    display: inline; 
    margin: 0 10px 0 0;
   
}
 
 
 
.footer-menu ul li:last-child{ 
    margin: 0; 
}
 
.footer-menu ul li a{
    text-decoration: none;
      color:#fff;
   
}
 
.footer-menu ul li.current-menu-item a{ 
    color: #52BFA0; 
}
 
.footer-menu ul li a:hover{
  
    color: rgb(90, 90, 90);
   
}

#navigation-footer a,#profil-nav-footer a{
    color: #fff;
	font-weight: 200;

}
#navigation-footer .widgettitle,#profil-nav-footer .widgettitle{
    font-size: 25px;
}

#nav_menu-5{
    margin-top: 15px;
}
#branchen-widget-head{
    font-size: 25px;
    margin-bottom: 10px;
}
.branchen-box a{
    color: #fff;
	font-weight: 200;
}
#footer-branchen-liste{
    column-count: 2;
}
#footer-branchen-liste li a:hover{
    color: #52BFA0;
}
.register-widget-text{
    margin-top: 20px;
    color: #fff;
    font-size: 18px;
}

#footer-register-link{
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    width: 130px;

}
#footer-register-btn{
    background-color: #52BFA0;
    padding: 5px 15px;
    text-align: center;
    display: inline-block;
}



.space-footer{
    min-height: 10px;
    background-color: #fff;
}


.footer-icon{
    width: auto;;
    height: 18px;
    margin-top: 5px;
    margin-right: 10px;
}

#copyright-section{
    min-height: 45px;
    padding: 5px 0px;
    background-color: #1d1e20;
}

.copyright-text{
    margin-top: 8px;
    font-size: 12px;
}
.copyright-text a{
    color: #fff;
}
.copyright-text a:hover{
    color: #52BFA0;;
    transition: .5s;
}

#menu-rechtliches a{
  
    font-size: 12px;
    
}
.menu-rechtliches-container{
    padding-top: 5px;
}
#menu-rechtliches a:hover{
    color: #52BFA0;;
    transition: .5s
}

/** Landing Page ***/


#landing-intro{
    height: 100vh;
    background-color: #F1F1F1;
}
#background-img-intro{
    padding: 135px;
    padding-top: 0;
    background-image: url('img/background/start-hintergrund.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 85vh;

}

#zwayt-logo-box{
    background-color: #fff;
    padding: 30px;
    display: inline-block;
    border-radius: 175px;
    width: 350px;
    height: 350px;
    padding-top: 175px;
    margin-top: -150px;
}
#zwayt-logo-box img{
    width: 200px;
    position: relative;
    margin: 0 auto;
    display: block;
    top: 15px;
}

#zwayt-headline{
    background-color: rgb(245, 245, 245);
    padding: 20px;
    position: relative;
    display: inline-block;
    left: 25%;
    top: 30px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    
}
.intro-content-box{
    margin-top: -50px;
}
#zwayt-headline h1 {
    margin: 0;
    font-size: 30px;
}
#zwayt-headline h2 {
    font-size: 25px;
    margin: 0;
    font-weight: 500;
}
#zwayt-intro-text{
    padding-left: 40px;
    padding-right: 65px;
    padding-top: 50px;
    padding-bottom: 25px;
    display: block;
    background-color: #fff;
    width: 50%;
    margin:0 auto;
    margin-bottom: 15px;
    font-weight: 300;
}
#deine-vorteile-btn{
    display: inline-block;
    background-color: #fff;
    color: #52BFA0;
    padding: 8px 12px;
    margin-right: 30px;
    font-weight: 500;
    font-size: 20px;
}
#intro-register-btn{
    display: inline-block;
    background-color: #52BFA0;
    color: #fff;
    padding: 8px 12px;  
    font-weight: 500;
    font-size: 20px;
}

#intro-btn-box{
    padding-left: 45% ;
}
.intro-features-item-box{
    padding: 10px 20px;
    margin-top: -110px;
}
.intro-features-item{
    padding: 10px 25px;
    padding-top: 20px;
    background-color: #fff;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
}
.intro-features-head{
    color: #9CAB00;
    text-transform: uppercase;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 500;
}
.intro-features-icon{
    height: 30px;
    width: auto;
    margin-right: 8px;
    position: relative;
    top: -3px;

}
#next-section-btn{
    padding-top: 25px;
    padding-left: 50px;
    width: 150px;
    margin: 0 auto;
    display: block;
}

#background-profil-features{
    padding: 135px;
    background-image: url('img/background/dein-profil-hintergrund.jpg');
    background-repeat: no-repeat;
    background-size: cover;

}
#profil-features-head{
    background-color: #FFF;
    padding: 15px 30px;
    display: inline-block;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    position: relative;
    left: 40%;
    top: 30px;
    z-index: 3;
}

#profil-features-head h2{
    color: #9CAB00;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 3px;
}
#profil-features-head h3{
    color: #222;
    font-size: 23px;
    font-weight: 500;
}
#profil-features-content-box{
    display: block;
    position: relative;
    left: 45%;
    width: 40%;
}
#profil-features-content{
    background-color: #FFF; 
    padding: 25px 30px;
    padding-top: 45px;
    margin-bottom: 15px;
    font-weight: 300;
}
.profil-features-container{
    padding: 0;
}
.profil-features-item {
    color: #9CAB00;
    font-size: 18px;
    margin: 3px 0px;
    text-transform: uppercase;
    font-weight: 500;
}
#profil-features-register-btn{
    display: block;
    width: 210px;
    background-color: #52BFA0;
    color: #fff;
    padding: 8px 12px;  
    font-weight: 500;
    font-size: 20px;
    margin: 0 auto;
    text-align: center;
}
.features-haken-icon{
    height: 18px;
    width: 18px;
    margin-right: 5px;
    position: relative;
    top: -2px;
}
#detail-features{
    padding: 100px 0px;
}

.detail-features-item-box{
    padding: 15px 25px;
}
.detail-features-item{
    background-color: #FFF;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 20px 35px; 
    min-height: 225px; 
}
.detail-features-icon{
    width: auto;
    height: 45px;
    margin: 0 auto;
    display: block;
}
.detail-features-text{
    font-weight: 300;
}

.detail-features-head{
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    color: #9CAB00;
    margin: 8px 0px;
}


#background-blog-features{
    padding: 100px;
    background-image: url('img/background/blog-hintergrund.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}


#blog-features-head{
    background-color: #FFF;
    padding: 15px 30px;
    display: inline-block;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    position: relative;
    left: 40%;
    top: 30px;
    z-index: 3;
}

#blog-features-head h2{
    color: #9CAB00;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 3px;
}
#blog-features-head h3{
    color: #222;
    font-size: 23px;
    font-weight: 500;
}
#blog-features-content-box{
    display: block;
    position: relative;
    left: 45%;
    width: 40%;
}
#blog-features-content{
    background-color: #FFF; 
    padding: 25px 30px;
    padding-top: 45px;
    margin-bottom: 25px;
    font-weight: 300;
}
.blog-features-btn-box{
    width: 70%;
    display: block;
    margin: 0 auto;
}

#blog-kontakt-btn,#goto-blog-btn {
    display: inline-block;
    background-color: #52BFA0;
    color: #fff;
    padding: 8px 12px;  
    font-weight: 500;
    font-size: 20px;
    text-align: center;
}
#blog-kontakt-btn{
    margin-right: 30px;
}



#howto-find-features{
    padding: 100px 0px;
}

#howto-find-features-headline h2{
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 3px;
  
}
#howto-find-features-headline h3{
    color: #222;
    font-size: 23px;
    font-weight: 500;

}

.howto-find-features-item-box{
    padding: 15px 25px;
}
.howto-find-features-item{
    background-color: #FFF;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 20px 35px; 
    padding-bottom: 10px;
    min-height: 190px; 
}
.howto-find-icon{
    width: auto;
    height: 30px;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    top: -2px;
}

.howto-find-features-head{
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #9CAB00;
    margin: 8px 0px;
    display: inline-block;
}
#howto-end-register{
    padding-top: 85px;
}
#howto-register-btn{
    display: block;
    width: 210px;
    background-color: #52BFA0;
    color: #fff;
    padding: 8px 12px;  
    font-weight: 500;
    font-size: 20px;
    margin: 0 auto;
    text-align: center;
}
#howto-find-headline-box{
    padding-left: 25px;
    margin-bottom: 30px;
}
#howto-find-features-headline{
    background-color: #52BFA0;
    padding: 15px 30px;
    display: inline-block;
  
}
.howto-find-features-text{
font-weight: 300;
}


.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}


.space-after{
    min-height: 150px;
    clear: both;
}
.space-medium{
    min-height: 75px;
    clear: both;
}
.space-small{
    min-height: 30px;
    clear: both;

}
.space-clear{
    clear: both;
}








/** Responsiv Design - Optimierungen für das Smartphone */

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

    #haupt-navigation{
        display: none;
    }
    #menu-register{
        display: none;
    }
	#menu-item-22905 a,#menu-item-28448 a, #menu-item-22910 a , #menu-item-22908 a, #menu-item-22906 a, #menu-item-22909 a, #suche-nav a, #register-nav a,#login-nav a,#merken-nav a{
		display: inline-block;
	}
	#menu-item-22905::before,#menu-item-28448::before,#menu-item-22910::before,#menu-item-22908::before,#menu-item-22906::before,#menu-item-22909::before, #suche-nav a::before, #register-nav a::before,#login-nav a::before, #merken-nav a::before, #logout-nav a::before,#merken-nav a::before{
		content: "";
		margin-right: 15px;
		width:20px;
		height:20px;		
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		display: inline-block;
		position: relative;
		top: 3px;
	}
	#menu-item-22905::before{
		background-image: url('img/icons/smartphone-home.svg');	
	}
	#menu-item-28448::before{
		background-image: url('img/icons/smartphone-branchen.svg');	
	}
	#menu-item-22910::before{
		background-image: url('img/icons/smartphone-dienstleister.svg');	
	}
	#menu-item-22908::before{
		background-image: url('img/icons/smartphone-karte.svg');	
		
	}
	#menu-item-22906::before{
		background-image: url('img/icons/smartphone-blog.svg');	
	}
		#menu-item-22909::before{
		background-image: url('img/icons/smartphone-konto.svg');	
	}
	#suche-nav a::before{
		background-image: url('img/icons/smartphone-suche.svg');	
	}
	#register-nav a::before{
		background-image: url('img/icons/smartphone-registrieren.svg');
	}
	#login-nav a::before{
		background-image: url('img/icons/smartphone-login.svg');
	}
		#logout-nav a::before{
		background-image: url('img/icons/smartphone-logout.svg');
	}
		#merken-nav a::before{
		background-image: url('img/icons/smartphone-merkliste.svg');
	}
  
  
    #hamburger-menu{
        display: block;
        position: relative;
        top: 10px;
        left: 75px;
        cursor: pointer;
        padding: 3px 10px;
        font-size: 30px;
        z-index: 5;
        color: #222;
    }
	
	#konto-back-premium-btn{
		width:100%;
		position:initial;
		margin-top:0;
	}
	#premium-submit{
		width:100%;
	}
	
    .brand{
        padding-left: 30px;
        z-index: 5;
      
    }
    .brand .widget_media_image{
        width: 80%;
       

    }
    .brand #media_image-3 img {
        top: 15px;
    }
    .register-mobile{
        position: absolute;
        bottom: 8%;
        left: 16px;
    
    }

    #menu-register-mobile{
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #menu-register-mobile li{
        list-style: none;
    }



    .main-menu-mobile .active {
        background-color: initial;
    }

    h1{
        font-size: 25px;
    }
    h2{
        font-size: 20px;
    }
    h3{
        font-size: 15px;
    }

    .space-after {
        min-height: 50px;
    }
    .tooltiptext-mobile{
      
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #youtube-mobile-tooltip, #vimeo-mobile-tooltip,#instagram-mobile-tooltip,
    #facebook-mobile-tooltip,#twitter-mobile-tooltip,#pinterest-mobile-tooltip{
        display: block;
    }

    .galerie-mobile-tooltip-box{
        padding-left: 15px;
        padding-right: 15px;

    }
    .branche-tooltip-box{
        margin-bottom: 20px;
    }
    #tag-box{
        padding: 0;
        margin-bottom: 10px;
    }

    .thankyou-message{
        width: 90%;
		padding: 15px 15px;
    }
	
	#goback-btn{
		display: block;
		margin: 0 auto; 
		margin-top: 20px;
	}
	#mitgliedschaft-status{
		width: 300px;
		margin: 0 auto;
		margin-top: 15px;
    }
 /** Smartphone Intro Video **/
/*     .home #top-bar{
        display: none;
    } */
    #mobile-video-intro{
       
        width: 100%;
        padding: 0;
        height: 100vh;
    }

    .nk-awb { 
        height: 100%; 
    }
    #continue-button{
        position: relative;
        bottom: -85%;
        width: 150px;
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 10px;
       
      
    }
    .scroll-icon{
        width: 35px;
        height: auto;
    }
    #start.sprung{
        margin:0px;
    }
    /** Footer Widgets */

    .footer-widgets {
        padding: 15px;
        font-size: 14px;
    }

    .register-widget-text {
        font-size: 16px;
    }

    #media_image-2{
        width: 60%;
      
    }

    #branchen-widget-head, #navigation-footer .widgettitle, #profil-nav-footer .widgettitle {
        font-size: 20px;
    }

    #copyright-section {
        text-align: center;
        padding: 15px 0px;
    }

    .footer-social-media-links{
        margin-bottom: 10px;
    }

    /**  Startseite**/
    #background-img-search{
        padding:  25px 0;
		background-position: 80%;
    }
    #search-box-container{
        width: 80%;
        margin: 0 10%;
        padding: 25px;
		background-color: #ffffffde;
    }
    #search-intro-headline{
        position: initial;
       
        margin: 0 auto;
        padding: 2px 10px;
        font-size: 22px;
    }

    .search-intro-text {
        font-size: 15px;
        padding-top: 10px;
    }
    #search-box-container .select2-container {
        display: block;
    }
    .filter-container {
        padding-bottom: 0;
    }

    #branche,  #produkte, #orteauswahl{
        width: 100%;
    }
    #filter-tags, #filter-branchen, #filter-ort {
        display: none;
    }
    #search-profil-btn{
        width: 100%;
        margin-bottom: 25px;
    }
    .searchprofil-section {
        padding-bottom: 15px;
    }
    .search-info-container,.intro-container, .faq-home-container{
        padding: 15px;
    }
   
    #intro-section-head{
        margin-bottom: 30px;
    }

    section#intro {
        margin-bottom: 50px;
    }

    .map-section {
        padding:30px 25px;
        margin:0;
        min-height: initial;
        margin-bottom: 30px;
    }
    #map-widget-text {
        margin: 0;
        font-size: 15px;
        margin-bottom: 15px;
    }
    #map-widget-head h2 {
        margin: 0;
        margin-bottom: 15px;
    }
	#umkreis-suche-box{
		background-color: #ffffffde;
	}
    .map-section .sidebar-widgets .Location, .map-section .sidebar-widgets .radius {
        margin: 0 auto;
        width: 90%;
        float: initial;
        margin-bottom: 15px;
    }
    .map-section #geomashupsearchwidget-5-input, .map-section #geomashupsearchwidget-5-radius  {
        width: 100%;
    }
    .map-section .sidebar-widgets .Location label, .map-section .sidebar-widgets .radius label {
        display: none;
    }
    .map-section .sidebar-widgets .submit {
        margin: 0 auto;
        width: 90%;
        float: initial;
        padding-left: 0;
        display: block;
    }
    #geomashupsearchwidget-5-submit{
        width: 100%;
        padding: 5px 0px;
    }

    .features-item {
        height: initial;
        margin-bottom: 15px;
		padding: 20px 20px;
    }
    .branche-section-container{
        padding: 15px;
    }

    #branchen-section-head {
        margin-bottom: 15px;
        text-align: center;
    }


    .branche-mobile-item{
        padding: 0 30px;
    }
    .branche-mobile-buttons{
        text-align: center;
        padding: 10px 15px;
        display: inline-block;
        margin-bottom: 15px;
        box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
        width: 100%;
    }

 

	#branche-galerie {
    column-width: 100px;
    column-gap: 20px;
}

	.branche-label-name {
		font-size: 13px;
		width: 100%;
		background-color: #fcfcfc;
		top: -13px;
		display: block;
		z-index: 15;
		box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
		left: 0px;
		color: #28292a;
		text-align: center;
		border-radius:0px;
		padding: 5px 10px;
	}
    .branche-section {
        min-height: initial;
        margin-bottom: 30px;
    }


    .unternehmen-item {
        height: 250px;

    }

    .unternehmen-name {
        left: initial;
        top: 170px;
        height: 80px;
     
        width:  80%;
        margin: 0 auto;
        margin-top: -20px;
		
    }
	.unternehmen-name-text{
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
		word-wrap: break-word;
	}.unternehmen-ort{
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
		word-wrap: break-word;
	}

    .unternehmen-section {
        padding: 30px ;
        min-height: initial;
        width: 100%;
        margin-bottom: 50px;
    }
    .gallery-cell{
        height: 250px;
        background: transparent;
    }
    #unternehmen-slider-head {
        text-align: center;
        margin-bottom: 15px;
    }

    .flickity-prev-next-button.next {
        width: 70px;
        right: -10px;
    }
    .flickity-prev-next-button.previous {
        width: 70px;
        left: 0px;
    }
    .flickity-button {
        height: 100px;
    }

    .flickity-prev-next-button .flickity-button-icon {
        color: rgba(255, 255, 255, 0.8);
    }
    .unternehmen-link {
    background-color: transparent;
    }
    section#search-info {
        margin-bottom: 50px;
    }
    #search-info-head {
        margin-bottom: 30px;
        text-align: center;
    }
    .search-info-item {
        height: initial;
        margin-bottom: 15px;
    }

    .blog-section {
        margin-bottom: 50px;
    }
    #blog-slider-head{
        text-align: center;
    }
    #background-img-global-map{
        display: none;
    }

    #faq-home-head{
        margin-bottom: 30px;
        text-align: center;
    }

    #faq-home{
        margin-bottom: 50px;
    }

    #blog-user-section{
       
        padding: 30px 0;
        margin-bottom: 50px;
    }

    #blog-user-head-box{
        text-align: center;
    }
    #blog-user-head {
        position: initial;
      
        padding: 10px 20px;
    }


    .blog-user-content-paragraph {
		background-color: #ffffffde;
        width: 100%;
        float: initial;
        margin: 0 auto;
        padding: 20px;
    }

    #blog-register-btn, #blog-write-btn {
    width: 100%;
    margin: 5px auto;
    }

    #thema-filter-col, #themen-filter-col{
        margin-bottom: 15px;
    }
    #thema-start-filter,#thema-reset-btn {
        margin-bottom: 15px;
        width: 100%;
    }

	
	section.type-page {
    	padding: 0px;
	}

    /*** Suche ***/

    #background-img-suche{
        padding: 30px;
    }

    #suche-head {
        width: 100%;
        padding: 15px;
        position: initial;
        margin: 0;
        text-align: center;
    }
    .normale-suche-container{
        width: 100%;
        margin: 0;
    }
    #suche-normale-suche-head{
        margin: 0;
        margin-bottom: 15px;
    }
    #normale-suche-input {
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }

    #normale-suche-button {
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }
    .site-search{
        width: 100%;
    }
	

    #suche-umkreissuche-head{
     
        margin: 0;
        margin-bottom: 15px;
    }
    .suche-umkreissuche {
        width: 100%;
        padding: 15px;
        margin: 0;
      
    }
    .suche-umkreissuche .sidebar-widgets .Location,.suche-umkreissuche .sidebar-widgets .radius  {
        width: 100%;
        margin-bottom: 15px;
    }
	
    .suche-umkreissuche #geomashupsearchwidget-5-input, .suche-umkreissuche #geomashupsearchwidget-5-radius, 
    .suche-umkreissuche #geomashupsearchwidget-5-submit, .suche-umkreissuche .sidebar-widgets .submit   {
        display: block;
        width: 100%;
        padding: 0;
    }
    .suche-umkreissuche .sidebar-widgets .radius label {
        display: none;
    }
    #suche-filtersuche-hintergrund #search-box-container {
        width: 100%;
        margin: 0;
        padding: 30px;
    }
    .suche-filtersuche #search-profil-btn {
        width: 100%;
        margin: 0;
    }

    #suchergebnisse-head {
        width: 100%;
        margin: 0;
        padding: 30px;
    }
    #suchergebnisse-head h2 {
        margin: 0;
        margin-bottom: 15px;
    }
    .suchergebnis-container{
        padding: 30px;
    }
    #background-img-suche{
        margin-bottom: 15px;
    }
    #profile-suchergebnisse {
        margin: 0;
    }
 
    .suchergebnis-container .blog-post {
        margin-bottom: 45px;
    }



    /** Detailansicht Unternehmensprofil*/

	
    .detail-view-container {
       
        top: -80px;
    }

    #background-img-profil{
        min-height: 250px;
    }

    .logo-box-mobile-box {
        padding: 0 40px;
        text-align: center;
    }

    .logo-box-mobile{
        display: block;
        width: 100%;
        background-color: #fff;
        margin-bottom: 30px;
        box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
        padding: 15px;    
		height: 225px;
    }

    .branchen-ausgabe, .tags-ausgabe {
        padding: 15px 25px;
    }

    .tags-ausgabe {
        margin: 0;
    }

    .profil-content-section {
        margin-bottom: 15px;
    }

    .uservideo-box, #uservideo-head, .logo-box-thumbnail{
        display: none;
    }
    #detail-profil-beschreibung p {
        font-size: 14px !important;
        text-align: justify !important;
    }

    .kontaktdaten-column {
        padding: 0 30px;

    }
    .kontaktdaten-container{
        padding: 25px;
    }

    .uservideo-box-mobile{
        margin-bottom: 30px;
        position: relative;
    }
    #uservideo-head-mobile{
        color: #9CAB00;
        padding:  15px 15px;
        
        text-align: center;
    }
    .social-media-container{
        padding: 25px;
    }

    .uservideo-box-mobile .shared-video-iframe {
        position: relative;
        width: 100%;
        height: 200px;
    }
    .video-icon{
        height: 20px;
        top: 3px;
        left: 20%;
    }
	.special-profil-icon{ 
		top: 10px;
		right: 40px;
	}
	
#merken-link, #faq-link, #standort-link, #gemerkt-txt {
		font-size:15px;
	}

	.social-media-icon-box {
		    padding-left: 15px;

	}

    #galerie-head h2 {
        text-align: center;
        float: initial;
    }

    .galerie-icon{
        height: 20px;
        top: 3px;
        left: 30%;
    }
    #mehr-anzeigen-galerie{
        border-width: 15px 15px 0 15px;
    }
    #gallery{
        column-width: 150px;
        column-gap: 10px;
        overflow: visible;
        max-height: initial;
    }
    #galerie-ende{
        display: none;
    }
	#standort-head{
		padding-left: 35px;
	}
    #faq-head {
        padding-left: 30px;
    }
	.faq-container{
		padding-top: 15px;
	}
	.faq-frage.accordion{
		padding-right: 35px;
	}
    .show-on-map-link {
        margin: 0 8%;
        margin-top: 30px;
        position: initial;
		display:block;
		width:84%;
		text-align:center;
    }
	.map-post-box{
		padding: 0;
	}
    .faq-container {
        padding: 0px 15px;
    }

    .faq-item {
        margin-bottom: 15px;
        padding-right: 15px;
    }
	
	.faq-open-item {
		    right: 8%;
	}

    #geo-mashup-nearby-container{
        padding: 0px 15px;
    }

    .nearbylist-icon {
        height: 20px;
        top: 3px;
    }
    #nearbylist-head {
        padding-left: 30px;
    }
    #nearbylist-head h2 {
        margin-bottom: 15px;
    }
    .nearby-post-box{
        margin-bottom: 30px;
        min-height: 250px;
    }
	.nearby-post-content {
		top:115px;
	}
	.nearbylist-ubox {
		padding-bottom: 30px;
	}

    #geo-mashup-nearby-container .distance {
        left: 50%;
    }


    /* Dienstleisterverzeichnis*/

    #background-img-dienstleister {
        padding: 30px 15px;
        margin-bottom: 30px;
    }
    #verzeichnis-head {
        left: initial;
        width: 100%;
        text-align: center;
        padding: 5px 20px;
    }
    .filter-box-container {
        padding: 10px 15px;
    }
    #start-filter, #reset-btn {
        width: 100%;
/*         margin: 0 ;
        margin-bottom: 15px; */
    }
	#verzeichnis-subhead{
		    text-align: center;
	} 
   
	 #verzeichnis-subhead h2 {
    
		display:inline-block;
    }
	.dienstleister-icon{
		display:inline-block;
		top:-2px;
		float:none;
	}
    .verzeichnis-container .ubox{
        padding: 10px 20px;
    }

    #loadmore-box, #loadall-box {
        padding: 5px 20px;
    }

    /* Branchenverzeichnis* */

    #background-img-branche-verzeichnis{
        padding: 30px 20px;
        margin-bottom: 30px;
    }
    #branchen-head {
        left: initial;
        width: 100%;
        text-align: center;
        padding: 5px 30px;
    }
    .branche-unter-kategorie{
        padding: 15px 20px;
    }
    #subcat-elements {
        column-count: 2;
    }
    #subcat-elements li {
        margin-bottom: 3px;
    }

    #background-img-branche {
        padding: 30px 20px;
        margin-bottom: 30px;
    }
    #branchen-head{
        top: 30px;
    }
    #branchen-subhead{
        text-align: center;
    }
    .kategorie-container .ubox{
        padding: 10px 20px;
		padding-bottom: 140px;
    }
    .kategorie-container .profil-image-box {
        background-size: cover;
    }

    /** Tagverzeichnis */

    #background-img-tag {
        padding: 30px 20px;
        margin-bottom: 30px;
    }
    #tag-head {
        left: initial;
        width: 100%;
        text-align: center;
        padding: 5px 20px;
    }
    .tag-container{
        padding: 15px;
        margin-bottom: 0px;
    }
    .tag-container .ubox{
        padding: 10px 20px;
		padding-bottom: 140px;
    }
    #tag-subhead{
        text-align: center;
    }

    /* Login & Registrierung */
    .login-container{
        padding: 0px 30px;
        padding-top: 50px;
    }
    .auswahl-registrierung-container{
        padding: 0px 30px;
        padding-top: 50px;
    }
    .register-link {
        width: 100%;
        padding: 15px 20px;
        margin-bottom: 30px;
    }
    #auswahl-gruppe-head-box {
        margin-bottom: 15px;
    }
    .registrierung-container{
        padding: 0px 30px;
        padding-top: 50px;

    }




    /** Konto Seite*/
    #konto-einstellungen-container{
        margin-top: 15px;
        padding: 0px 30px;
    }

    #konto-headline{
        text-align: center;
    }
    #profil-headline{
        text-align: center;
    }
    .logo-konto-thumbnail{
        text-align: center;
    }
    #um-konto div.uimob340 .um-account-meta{
        display: none;
    }
    #um-konto{
        margin: 0 16.66666%;
    }
    #open-view-status{
        margin: 0 auto;
    }
	#space-konto-settings{
		display:none;
	}
	
		
    .setting-option {
        padding: 10px;
        margin: 0;
    }
    .option-box {
        height: initial;
        
        padding: 10px 15px;
    }
    .konto-icon{
        height: 30px;
    }
    .profil-loeschen-box,.profil-deaktivieren-box,.profil-aktivieren-box{
        margin-bottom: 15px;
    }
    #sure-profil-message, #sure-account-message{
        opacity: initial;
        display: none;
    }
    #yes-delete-button, #no-delete-button, #yes-delete-profil, #no-delete-profil {
        opacity: initial;
        display: none;
    }

    .konto-loeschen-box {
        padding-left: 15px;
        padding-right: 15px;
    }
    .delete-button{
        width: 100%;
  
    }
    #deleteAccountbtn{
        width: 100%;
    }
    #delete-profil-button{
        margin: 0;
    }

    .user-container{
        margin-bottom: 30px;
    }
	
	
	
	/** Neue Galerie **/
	#sui_image_copyright {
		width: 100%;
	}
	.sui-label-select-img{
		padding: 0 25px;	
	}
	#label-image-upload {
    	font-size: 20px;
	}
	#submit_titelbild, #submit_logo, #submit_indexbild, #delete_selected_images {
		width: 100%;
		display: block;
	}
	fieldset{
		display: block;
	}
	.label-display-copyright{
		margin-top: 8px;
	}
	#sui_submit{
		width: 100%;
	}
	label[for="unternehmen_image"], label[for="sui_image_file"],.file_upload_btn {
		width: 100%;
	}
	#copyright-setting {
		margin-left: 0;
		width: 100%;
	}
    /** Profil erstellen */
    #profil-head{
        text-align: center;
        display: block;
        width: 100%;
    }
    .post-container  {
        padding: 0 30px;
    }
    .container-kontakt{
        padding: initial;
    }
 
    #input_title{
        width: 100%;
    }
    .label-box {
        margin: 3px 0px;
    }
    #ort-input-box{
        padding-left: 15px;
    }
    #ansprechpartner-column .container-kontakt{
        padding: 0 15px;
    }
    .anrede-label {
        margin-right: 15%;
    }
    #umkreis-ort {
        margin-left: 0;
    }
    #km-label {
        margin-left: 0;
    }
    #branchen-kategorie{
         padding: 0px 15px;
    }
    .branchen-panel {
        padding: 0px 25px;
    }
    .sub-cat-label {
        margin-right:0px;
        display: block;
        width: 100%;
    }
    .branchen-container {
        margin-bottom: 30px;
    }
    .logo-container {
        padding-left: 15px;
        margin-bottom: 30px;
    }
    .delete-item,#update-btn,#submit_create_btn  {
        width: 100%;
    }
	#logo-submit{
	width: 100%;	
	}
  

    /** FAQ erstellen **/
    .faq-erstellen-box{
        padding: 0px 30px ;
    }
    #faq-speichern-btn{
        width: 100%;
        margin-bottom: 15px;
    }
    #profil-link-btn{
        width: 100%;
    }

    /** Social Media einbinden */

    .social-media-profile-container {
        padding: 30px 30px;
    }
    #social-media-speichern-btn{
        width: 100%;
        margin-bottom: 15px;
    }

    .social-media-name, .social-media-link {
        width: 100%;
    }
    .social-media-eingabefeld .input-box{
        width: 100%;
        padding: 20px 30px;
    }

    /* Video einbinden */
    .vorstellungsvideo-container{
        padding: 0px 30px;
    }
    #video-speichern-btn{
        width: 100%;
        margin-bottom: 15px;
    }
    .video-vorschau-box .uservideo-box{
        padding: 0%;
        display: block;
        margin-top: 30px;
    }

    .video-vorschau-box .uservideo-box .shared-video-iframe{
        position: relative;
        height: 200px;
        width: 100%;
    }
    #video-entfernen-btn{
       margin: 0;
    }
    #video-entfernen{
        margin: 15px 0px;
        margin-bottom: 50px;
    }
    .video-input-field{
        width: 100%;
    }

    /* Galerie erstellen/bearbeiten */
    .gallerie-upload-box #profil-link-btn {
        position: initial;
        width: 95%;
        margin-left: 15px;
        margin-bottom: 30px;
    }
    div#user-submitted-posts div#usp-submit {
        margin: 10px 0;
    }
    #user-submitted-post, #usp_add-another {
        width: 100%;
    }
    #ganze-galerie-loeschen{
        padding: 10px;
    }
    .gallery-delete-btn {
        margin: 0;
        float: initial;
        width: initial;
    }

    /** Umkreissuche */
    #background-img-umkreissuche {
        padding: 30px;
        margin-bottom: 30px;
    }

    #umkreissuche-head {
        left: 0px;
        top: 0px;
        padding: 5px 20px;
        width: 100%;
        text-align: center;
    }
    #map-search-widget-container{
        padding: 0px 30px;
    }
    .searchresults-container .ubox{
        padding: 10px 0px;
		padding-bottom: 140px;
    }
    #umkreissuche-ergebnisse{
        padding-right: 80px;
    }
 
    .widget-umkreisuche #geomashupsearchwidget-5 {
        padding: 0;
    }
    .widget-umkreisuche .sidebar-widgets .Location{
        float: initial;
        margin-bottom: 15px;
    }
    .widget-umkreisuche #geomashupsearchwidget-5-input {
        width: 100%;
    }
    .widget-umkreisuche .sidebar-widgets .radius {
        float: initial;
        margin-bottom: 15px;
    }
    .widget-umkreisuche .sidebar-widgets .radius label {
        display: none;
    }
    .widget-umkreisuche #geomashupsearchwidget-5-radius {
        width: 100%;
    }
    .widget-umkreisuche #geomashupsearchwidget-5-submit {
        display: inline-block;
    }
    .widget-umkreisuche .sidebar-widgets .submit {
        width: 100%;
        padding: 0;
    }

    #umkreissuche-branche-col,#umkreissuche-tag-col, #umkreissuche-filter-col{
        margin-bottom: 15px;
        padding: 0;
    }
    #umkreissuche-start-filter, #umkreissuche-reset-btn{
        width: 100%;
        margin-bottom: 15px;
    }
  
    /** Globale Karte  */
    #background-img-karte {
        padding: 30px 20px;
        margin-bottom: 30px;
    }
    
    #globale-karte-head {
        left: 0px;
        top: 0px;
        padding: 5px 20px;
        width: 100%;
        text-align: center;
    }
    #globale-karte-widget{
        padding: 20px;
        margin-bottom: 30px;
    }
    .karte-box{
        padding: 0px 20px;
    }
    .karte-legende{
        display: none;
    }
    .ansicht-betriebe {
        right: initial;
        left: 30px;
        padding: 5px 10px;
    }
    .gm-visible-list {
        column-count: 1;
    }

    .locationinfo {
     
        width: 260px !important;
        height: 200px !important;
    }
    #title-on-mappost {
        font-size: 15px;
        padding-top: 0px;
    }
    .locationinfo h2{
        font-size: 15px;
        margin: 10px 0px;
    }
	
	.page-id-3 .page-container, .page-id-23326 .page-container,.page-id-34 .page-container{
		padding: 0px 40px;
	}

    /** Blog Seite */
    #background-img-blog {
        padding: 30px 30px;
        margin-bottom: 30px;
    }
    #blog-seite-head {
        left: 0px;
        top: 0px;
        padding: 5px 20px;
        width: 100%;
        text-align: center;
    }
    .blog-subhead{
        text-align: center;
    }
    .blog-container{
        padding: 0px 15px;
    }
    .blog-box{
        padding: 0 15px;
    }
    .blog-excerpt {
        font-size: 12px;
    }
    .new-post-title {
        font-size: 20px;
    }
    .new-post-content {
        padding: 15px 15px;
    }
    .new-post {
       
        margin-bottom: 20px;
    }
    .blog-post-title {
        font-size: 20px;
    }
    .blog-post-content {
        top: 144px;
    }
   /*  Blog Einzelseite */
   .post-image-background {
        height: 300px;
        margin-bottom: 30px;
   }
   .single-blog-page-container{
    padding: 0px 30px;
   }
   .single-post-content p{
     text-align: justify;
     font-size: 14px;
   }
   #other-posts-head{
       margin-top: 30px;
   }
   .other-posts{
       padding: 0px;
   }
   .next-post-content-area {
        top: 174px;
   }
   .next-post-box {
       margin-bottom: 15px;
   }
   #blog-backlink, #autor-link {
       font-size: 14px;
   }

/*    Kategorie Thema */
   #background-img-thema{
    padding: 30px 30px;
    margin-bottom: 30px;
    height: initial
   }
   .blog-thema-subhead{
       text-align: center;
       padding: 0px 30px;
   }
   .blog-themen-container{
       padding: 0px 30px;
   }
   .thema-blog-box {
       margin-bottom: 20px;
   }
   .thema-post-content{
        top: 109px;
   }

   /* Unsere FAQ Seite */
   #background-img-faq{
    padding: 30px 30px;
    margin-bottom: 30px;
   }
   #faq-page-head{
        text-align: center;
        padding: 0px 25px;
        left: initial;
        top: initial; 
   }
   .faq-frage-bereich {
       padding: 0 30px;
   }
   .faq-fraqe-auswahl.accordion {
       font-size: 15px;
       padding: 15px 20px;
       padding-right: 40px;
   
   }
   .faq-antwort-text{
     font-size: 15px;
	
   }
   .faq-open-question {
        top: 0px;
        right: -20px;
        border-width: 8px 8px 0 8px;
    
   }

   .faq-fraqe-auswahl.accordion.active .faq-open-question{
        border-width: 0 8px 8px 8px;
   }
   .faq-navigation{
       display: none;
   }

  /*  Merkliste */
  .merkliste-subhead{
      text-align: center;
  }
  #background-img-merkliste{
    padding: 30px 30px;
    margin-bottom: 30px;
  }
  #merkliste-head{
    text-align: center;
    padding: 5px 25px;
    left: initial;
    top: initial; 
    width: 100%;
  }
  .merkliste-container{
      padding: 0px 30px;
     
  }
  .merkliste-subhead {
    padding: 0px 15px;
  }
  #merkliste-container{
    padding: 0px 30px;
    margin-bottom: 0px;
  }


  .merkliste-item-titel {
      background-color: #fff;
      padding: 10px 25px;
      color: #444;

  }
  .merkliste-item-headline{
    font-size: 18px;
  }
  .item-attribute {
    padding: 0px 40px;
    font-size: 15px;
    margin: 10px 0px;
  }
  .merkliste-item {
      margin-bottom: 20px;
      box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
  }
  #logo-sm-thumnail {
    width: 200px;
  }
  .delete-item-btn {
      position: initial;
      width: 50%;
      display: block;
      text-align: center;
      margin: 0 auto;
  }
  .merkitem-loeschen-box{
      margin-top: 10px;
      margin-bottom: 15px;
  }
  #print-list-btn{
      display: none;
  }

  .merkliste-open-item{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #9CAB00 transparent transparent transparent;
    margin:0 auto;
    position: absolute;
    top: 22px;
    right: 10%;
}

.merkliste-item-titel.accordion.active .merkliste-open-item{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #9CAB00 transparent;
}

/** Landing Page **/

#landing-intro {
    height: initial;
}
#background-img-intro {
    padding: 20px;
}
#zwayt-logo-box {
    display: block;
    border-radius: 125px;
    width: 250px;
    height: 250px;
    padding-top: 125px;
    margin: 0 auto;
    margin-bottom: 75px;
    margin-top: -125px;
    
}
#zwayt-logo-box img {
    width: 150px;
}

#zwayt-headline {
    position: initial;
    padding: 15px;
}
#zwayt-headline h1 {
    font-size: 22px;
}
#zwayt-headline h2 {
    font-size: 20px;
}
#zwayt-intro-text {
    width: 100%;
    padding: 15px;
    padding-bottom: 5px;
}
#intro-btn-box {
    padding: 0px 15px;
}
.intro-features-item-box {
    margin: 0;
}
#intro-features-container{
    padding-top: 100px;
    padding-bottom: 20px;
}

#deine-vorteile-btn {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
}
#intro-register-btn {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0;
}
.intro-features-item-box {
    padding: 8px 20px;
}
.intro-features-item {
    padding: 8px 25px;
    padding-top: 15px;
}
#next-section-btn{
    display: none;
}
#background-profil-features {
    padding: 20px;
}   
#profil-features-head {
    position: initial;
    padding: 10px 30px;
}

#profil-features-head h2 {
    font-size: 22px;
}
#profil-features-head h3 {
    font-size: 20px;
}
#profil-features-content-box {
    position: initial;
    width: 100%;
}
#profil-features-content {
    padding: 25px 30px;
    padding-top: 15px;
}
#detail-features{
    padding:50px 5px;

}
.detail-features-item{
    padding-bottom: 15px;
    min-height: initial;
}
.detail-features-icon {
    height: 38px;
}
.detail-features-item-box {
    padding: 12px 20px;
}
#background-blog-features {
    padding: 20px;
}
#blog-features-head {
    position: initial;
    padding: 10px 25px;
    width: 100%;
}
#blog-features-head h2 {
    font-size: 22px;
}
#blog-features-head h3 {
    font-size: 20px;
}
#blog-features-content-box {
    position: initial;
    width: 100%;
}
#blog-features-content {
    padding: 15px 25px;
}
#blog-features-content p{
    margin: 0;
}
.blog-features-btn-box {
    width: 100%;
    margin: 0;
}
#blog-kontakt-btn {
    margin: 0;
    margin-bottom: 15px;
    width: 100%;
}
#goto-blog-btn{
    width: 100%;
}
#howto-find-features {
    padding: 50px 0px;
    padding-bottom: 0;
}
#howto-find-features-headline {
    padding: 15px 25px;
}
#howto-find-features-headline h2 {
    font-size: 22px;
    font-weight: 500;
}
#howto-find-features-headline h3 {
    font-size: 20px;
}
.howto-find-features-item {
    padding: 15px 25px;
    min-height: initial;
}
#howto-find-headline-box {
    margin-bottom: 15px;
}
#howto-end-register {
    padding-top: 15px;
}

}



 /** Responsiv Design - Optimierungen für Tablets */

 @media screen and (min-width:750px) and (max-width:1024px) and (min-height: 1000px)  {


    h1{
        font-size: 30px;
    }
    h2{
        font-size: 25px;
    }
    h3{
        font-size: 20px;
    }
    body{
        font-size: 14px;

    }

    .space-after {
        min-height: 50px;
    }

    .tooltiptext-mobile{
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
    
    }
  
    .thankyou-message{
        width: 75%;
    }

    /* Header Navigationsleiste*/

    #haupt-navigation .main-menu ul {
        margin: 0;

    }
    .main-menu ul li {
        display: inline;
        margin: 0 8px 0 0;
    }
    #haupt-navigation .main-menu ul li a {
        font-size: 16px;
    }
    #menu-register {
        margin-right: -10px;
    }
    #menu-register li {
        margin-right: 0px;
    }

    /** Footer */
    #media_image-2{
        width: 150px;
    }
    .register-widget-text {
    font-size: 15px;
    }
    #branchen-widget-head, #navigation-footer .widgettitle, #profil-nav-footer .widgettitle {
        font-size: 20px;
    }


    /* Startseite */
	 #mobile-video-intro{
		 display: none;
	 }
	 .search-intro-text {
    	font-size: 18px;
	 }
    .searchprofil-section {
        padding-bottom: 30px;
    }
    #background-img-search {
        padding: 100px 30px;
    }
    #search-intro-headline {
        left: 105px;
        top: 175px;
    }
    #search-box-container {
        width: 80%;
        margin: 0 10%;
    }
   #search-box-container .select2-container {
        width: 100%!important;
        min-width: 80px;   
    }

    #filter-ort{
        margin: 0px;
    } 

    .filter-container {
        padding-bottom: 0px;
    }
    #search-box-container .select2-selection__rendered {
        font-size: 14px;
		
    }
    #search-profil-btn{
        position: relative;
        top: 12px;
        margin-bottom: 30px;
        width: 100%;
    }
    section#intro {
        margin-bottom: 50px;
    }
    #intro-section-head {
        margin-bottom: 30px;
    }
    .map-section {
        padding: 50px 15px;
        min-height: initial;
        margin-bottom: 50px;
    }
    #map-widget-text {
        font-size: 14px;
    }

    #branchen-section-head {
        margin-bottom: 15px;
    }
    .branche-section {
        margin-bottom: 50px;
    }
	 
	 #branche-galerie {
		column-width: 200px;
	 }

    .unternehmen-section {
        margin-bottom: 50px;
    }

    .unternehmen-item {
        height: 300px;
    }
    .gallery-cell {
        height: 300px;
    }
    .unternehmen-name {
        left: 40%;
        width: 300px;
    }
    .flickity-prev-next-button .flickity-button-icon {
        left: 0%;
        color: rgba(255, 255, 255, 0.8);
        height: 60px;
        top: 40%;
    }
    .flickity-prev-next-button.previous {
        left: 2%;
    }
    .flickity-prev-next-button.next {
        right: -10%;
        width: 20%;
    }
    .flickity-prev-next-button.next .flickity-button-icon{
        height: 45px;
        top: 42%;
    }
    .flickity-button {
        height: 300px;
    }
    section#search-info {
        margin-bottom: 50px;
    }
    #search-info-space{
        display: none;
    }
	 .search-info-item {
		height: 175px;
	 }
    #search-info-head {
        margin-bottom: 30px;
    }
	 
	 .features-item {
   		 height: 210px;
	 }

    .blog-section {
        margin-bottom: 50px;
    }

    .blog-content-extract {
        padding: 5px 15px;
		bottom: -30px;
    }
	 .blog-thema{
		 left: 15%;
	 }
	 .blog-title {
		 font-size:16px;
	 }
	 .blog-box {
		 min-height: 125px;
		 padding-left: 10px;
		 padding-right:10px;
		 margin-bottom:30px;
	 }
	 .blog-box .post {
		 min-height: 170px;
	 }
	 .dot-box {
		 padding: 15px;
     }
	 #blog-register-btn, #blog-write-btn {
		 font-size: 15px;
	 }
	 .search-info-titel h3{
		 font-size: 18px;
	 }
	 .search-info-item {
		 padding: 20px 30px;
	 }
     

    #background-img-global-map {
        height: 300px;
        margin-bottom: 50px;
    }
    #global-map-section-link {
        padding: 10px 20px;
        width: 200px;
        height: 48px;
        margin-top: 125px;
    }
    #karten-abschnitt-label {
        font-size: 18px;
    }
    #faq-home-head {
        margin-bottom: 30px;
    }

    #faq-home {
        margin-bottom: 50px;
    }
	 .faq-home-frage.accordion {
		 font-size: 15px;
		 padding: 15px 20px;
	 }
	 .faq-home-antwort .faq-antwort-box {
		 padding: 10px 20px;
		 padding-top: 0px;
		font-size: 14px; 
	 }
    #mehr-anzeigen-btn{
        border-width: 12px 12px 0 12px;
    }
    
    #blog-user-section {
        height: initial;
        margin-bottom: 75px;
        padding: 50px 100px;
    }
    .blog-user-content-paragraph {
        width: 100%;
        margin: 0;
        padding: 40px 40px;
    }

    #blog-user-head {
        right: 30px;
    }

	 .suche-umkreissuche .map-container{
		 padding: 25px;
		margin: 0;
		
	 }
	 
    /** Suche **/

    #background-img-suche {
        padding: 50px;
    }
    #suchergebnisse-head {
        padding: 30px;
        width: 80%;
        margin: 0 10%;
    }
    #profile-suchergebnisse {
        margin: 10px 0;
    }

  
    #blog-suchergebnisse{
        margin: 15px 0;
        margin-top: 30px;
    }
    
    .normale-suche-container {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }
    #suche-normale-suche-head {
        margin-bottom: 20px;
    }
    .suche-umkreissuche {
        width: 100%;
        margin: 0;
    }
    .suche-umkreissuche #umkreis-suche-box{
        padding: 0;
        margin-bottom: 15px;
    } 
    #suche-umkreissuche-head h2 {
        margin-bottom: 20px;
    }
    .suche-umkreissuche .sidebar-widgets .radius label {
        width: 25px;
    }
    .suche-umkreissuche .sidebar-widgets .submit {
        padding-left: 25px;
    }
    .suche-filtersuche {
        padding: 0px 20px;
    }
    .suche-filtersuche #search-box-container {
        width: 100%;
        margin: 0;
        padding: 30px 0px;
    }
    .suche-filtersuche #search-profil-btn {
        width: 100%;
        margin: 0;
    }
    #normale-suche-input {
        margin-right: 25px;
    }



    /** Dienstleister Verzeichnis **/
    #background-img-dienstleister {
        padding:  50px 100px;

    }
    #verzeichnis-head {
        left: 70px;
    }
    #verzeichnis-subhead {
        padding-left: 20px;
    }

    .filter-box-container {
        padding: 30px 20px;
      
    }  
/*     #filter-ort-col, #filter-branche-col{
        padding-left: 70px;

    } */
 
/*     #start-filter, #reset-btn{
        padding: 5px 15px;
     
        font-size: 14px;
        margin-top: 0;
		margin-right: 10px;
    }
    #reset-btn{
        margin-right: 0px;
    } */

     #branche, #orteauswahl{
        width: 90%;
     
    }
    #produkte{
        width: 90%;
        position: relative;
        top: 5px;
    }
    #background-img-dienstleister #filter-tags{
        margin-bottom: 10px;
    }

  

    /** Unternehmensprofil*/

    .detail-view-container {
        top: -150px;
    }

    #background-img-profil {
        min-height: 400px;
    }

    .kontaktdaten-column {
        padding: 0px 5px;
    }

    .logo-box-mobile-box{
        display: none;
    }
    
    .kontaktdaten-container {
        padding: 20px 15px;
		font-size:13px;
    }
	 .social-media-container {
		padding: 20px 15px;
		font-size:13px;
	 }
    .profil-content-section {
       padding: 0 15px;
        margin-bottom: 30px;
    }
    .profil-daten-container {
        padding: 15px 0px;
    }
    
    #detail-profil-beschreibung p{
        font-size: 14px!important;
    }
    .branchen-ausgabe, .tags-ausgabe {
        padding: 15px 30px;
    }
    .logo-box-thumbnail {
        margin: 0 auto;
        margin-top: -110px;
        margin-bottom: 20px;
		height: 150px;
        max-width: 200px;
    }
	 .logo-box-thumbnail img{
		width:200px; 
		 height:min-content;
		 height: -moz-fit-content;
	    height: max-content;

	 }
    .uservideo-box {
        padding: 15px 0;
    }
    .shared-video-iframe {
        height: 250px;
        width: 100%;
        position: relative;
    }

    #uservideo-head-mobile, .uservideo-box-mobile{
        display: none;
    }
    #merken-link, #faq-link, #standort-link {
        font-size: 15px;
    }
    #gallery{
        column-width: 180px;
        column-gap: 10px;
        max-height: initial;
        overflow: visible;
     } 
     #galerie-ende{
         display: none;
     }

    #mehr-anzeigen-galerie {
      
        border-width: 10px 10px 0 10px;
    }
    .faq-item {
        margin-bottom: 10px;
        padding-right: 10px;
    }
    .faq-frage.accordion {
        padding-right: 50px;
    }
    .faq-open-item {
        border-width: 8px 8px 0 8px;
    }
    .faq-home-frage.accordion.active .faq-open-item{
        border-width: 0 8px 8px 8px;
    }
    #nearbylist-head h2 {
        margin-bottom: 15px;
    }
    .nearby-post-box {
        min-height: 227px;
        margin-bottom: 25px;
    }

    .show-on-map-link {
        top: -55px;
        left: 55%;
    }
    .distance {
        left: 50%;
		top: 175px;
    }
	 .nearby-post-content{
		 top: 190px;
	 }
	.nearbylist-ubox {
		padding-bottom: 100px;
	}
    #background-img-branche-verzeichnis {
        padding: 50px 100px;
    }
    #branchen-head {
        left: -20px;
        top: 15px;
    }
    .branche-ober-kategorie {
        padding: 15px 15px;
    }
    #subcat-elements {
        column-count: 2;
        margin-bottom: 0;
        padding-bottom: 15px;
    }
    .branche-unter-kategorie {
        padding: 15px 30px;
        min-height: 120px;
        max-height: 120px;
        overflow: scroll;
    }
    .branche-item {
        min-height: 266px;
    }

    #gemerkt-txt {
        font-size: 15px;
    }

	 
   /*  Kategorie Seite */
    #background-img-branche {
        padding: 50px 100px;
    }
    .kategorie-container .ubox, .tag-container .ubox, .suchergebnis-container .ubox {
		padding-bottom: 150px;
    }
	 
  /*   Tag Seite */

    #background-img-tag {
        padding: 50px 100px;
     }
    #tag-head {
        left: -20px;
        top: 15px;
    }
    #tag-subhead {
        padding-left: 20px;
    }
    .tag-container{
        margin-bottom: 0px;
    }

    /* Umkreissuche */
    #background-img-umkreissuche {
        padding: 50px 100px;
     }
     #umkreissuche-head{
        left: -20px;
        top: 15px;
    }
    .searchresults-container {
        padding: 0;
    }
    .searchresults-container .ubox {
        padding: 20px 20px;
		padding-bottom: 140px;
    }
	 .umkreissuche-profil .distance {
    	width: 160px;
		 left: 45%;
		 top: 180px;
     }
     .widget-umkreisuche #geomashupsearchwidget-5 {
        padding-left: 0px;
    }
     #umkreissuche-tag-col, #umkreissuche-branche-col,#umkreissuche-filter-col{
         margin-bottom: 15px;
     }
     #umkreissuche-start-filter{
        width: 47.5%;
     }
     #umkreissuche-reset-btn{
        width: 47.5%;
     }


    /* Globale Karte */

    #background-img-karte{
        padding: 50px 100px;
     }

    #globale-karte-widget{
        padding-left: 15px;
    }
    #globale-karte-head {
        left: -27px;
        top: 15px;
    }

    .karte-legende{
        display: none;
    }

  /*  Merkliste */

    #background-img-merkliste{
    padding: 30px 30px;
    margin-bottom: 30px;
    }
    #merkliste-head{
        left: 60px;
        top: 15px;
    }
    .merkliste-container{
        padding: 0px 30px;
    
    }
    .merkliste-subhead {
    padding: 0px 15px;
    }
    #merkliste-container{
    padding: 0px 30px;
    margin-bottom: 0px;
    }
    .merkliste-item{
        padding-left: 30px;
        padding-right: 30px;
    }

    .merkliste-item-titel {
        background-color: #fff;
        padding: 10px 25px;
        color: #444;

    }
    .merkliste-item-headline{
    font-size: 18px;
    }
    .item-attribute {
		padding: 0px 20px;
		font-size: 12px;
		margin: 10px 0px;
    }
    .merkliste-item {
        margin-bottom: 20px;
        box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
		padding: 15px 20px;
    }
    #logo-sm-thumnail {
    width: 125px;
    }
    .delete-item-btn {
        position: initial;
        width: 50%;
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    .merkitem-loeschen-box{
        margin-top: 10px;
        margin-bottom: 30px;
        padding-top: 30px;
    }
    #branche-attribute{
        margin-bottom: 30px;
        min-height: 100px;
    }
    #ansprechpartner-attribute{
        margin-bottom: 15px;
    }
    #print-list-btn{
        display: none;
    }
    .delete-item-btn {
        padding: 5px 15px;
        box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
        width: 70%;
		font-size: 12px
    }

    .merkliste-open-item{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #9CAB00 transparent transparent transparent;
    margin:0 auto;
    position: absolute;
    top: 22px;
    right: 10%;
    }

    .merkliste-item-titel.accordion.active .merkliste-open-item{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #9CAB00 transparent;
    }

    .item-attribute-label{
        margin-bottom: 5px;
    }

    /** Blog Seite */
    #background-img-blog{
        padding: 40px 30px;
        margin-bottom: 30px;
    }
    #blog-seite-head{
        left: 40px;
        top: 15px;
    }
    .blog-post-title {
        font-size: 18px;
    }
    .blog-post {
        height: 290px;
        margin-bottom: 50px;
    }
    .blog-excerpt {
        font-size: 11px;
    }
    .new-post-title {
        font-size: 20px;
    }
    .new-post-content {
        top: 151px;
		height:279px;
    }
    .new-post{
        margin-bottom: 30px;
    }
	 .post-themen-column{
		 padding: 0;
	 }

    .post-image-background {
        height: 250px;
    }
    .single-post-content {
        font-size: 15px;
    }
    .autor-column{
        padding-left: 0;
    }
    .post-date-column{
        padding-right: 0;
        text-align: right;
    }
    .post-end-meta{
        padding: 0px 18px;
    }
    #other-posts-head{
        padding-left: 15px;
    }
    .other-posts {
        padding: 30px 0px;
        padding-bottom: 0px;
    }
    .next-post-link{
        padding: 0px 15px;
    }
    .other-post-container{
        padding: 0;
    }

    #themen-filter-col{
        margin-bottom: 15px;
    }
    #thema-start-filter,#thema-reset-btn {
        margin-bottom: 15px;
        width: 47.5%;
    
    }
    #thema-start-filter{
        margin-right: 5%;
    }

    /** Kategorie Thema */
    .thema-blog-box{
        margin-bottom: 30px;
    }
    #background-img-thema{
        padding: 40px 30px;
        margin-bottom: 30px;
        height: initial;
    }
    #blog-seite-head{
        left: 40px;
        top: 15px;
    }
    .thema-post-content {
        top: 106px;
    }
    .blog-thema-subhead {
        margin-bottom: 30px;
    }

    /* Konto Seite */

#mitgliedschaft-status{
  
	margin-top: 15px;
    }
    #um-konto .uimob500 .um-account-meta {
        display: none;
    }

    #sure-profil-message, #sure-account-message{
        opacity: initial;
        display: none;
    }
    #yes-delete-button, #no-delete-button, #yes-delete-profil, #no-delete-profil {
        opacity: initial;
        display: none;
    }
    #open-view-status{
        margin-top: 15px;
        padding: 10px 50px;
    }

    /** Registrieren & Login */
    .register-link {
        width: 100%;
    }

    /** Profil erstellen */
    #postbox .label {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .container-kontakt {
        padding-right: 15px;
        margin-bottom: 30px;
    }
    .label-box {
        margin: 0;
    }
    #ort-input-box {
        padding-left: 15px;
    }
	 
	 .logo-container {
    	padding-left: 30px;
		 padding-right:30px;
	}

    #postbox .label {
        margin-bottom: 30px;
        margin-top: 0;
    }
    #ansprechpartner-column {
        padding-left: 30px;
    }
    .anrede-label {
        margin-left: 5px;
        margin-right: 45px;
    }
	 #divers-label{
		 margin-right: 0;
	 }
    #km-angabe {
        margin-left: 5px;
    }
	 #km-label {
		margin-left: 97px;
	}
    #postbox  #tag-head-label {
        margin-bottom: 15px ;
    }
    #tag-box{
        margin-bottom: 30px;
        padding: 0 ;
    }

    #postbox .tag-container .label, #postbox .branchen-container .label {
        margin-bottom: 15px;
    }
    .sub-cat-box {
        padding: 10px 30px;
    }
    .konto-loeschen-box {
        padding-left: 0px;
    }
	 
	 .delete-item{
		 width:70%
	 }
	 
	 #usp_add-another {
		 width: 250px;
	 }

    /** Video einbinden */
    .video-vorschau-box{
        padding: 30px 15px;
        padding-bottom: 60px;
    }
    .video-vorschau-box .uservideo-box .shared-video-iframe{
        height: 450px;
    }
    #video-entfernen, #video-entfernen-btn {
        margin-top: 0px;
    }

    /* FAQ Seite */
    .faq-antwort-input {
        height: 150px;
    }
    .faq-navigation {
        display: none;
    }
    .faq-frage-bereich {
        padding: 0px 30px;
    }
    #background-img-faq{
        padding: 40px 30px;
        margin-bottom: 30px;
    }
 
    #faq-page-head{
        left: 55px;
        top: 15px;
    }

    
    /*** Landing Page ***/
    #zwayt-headline {
        left:0%;
        width: 90%;
        margin: 0 auto;
        display: block;
    }
    #zwayt-intro-text {
        width: 100%;
        padding:45px;
        padding-bottom: 15px;
        font-size: 18px;
        margin-bottom: 30px;
    }
    #zwayt-logo-box {
        width: 300px;
        height: 300px;
        padding-top: 175px;
        margin-top: -175px;
        margin-bottom: 50px;
    }
    #zwayt-logo-box img {
        width: 150px;
    }
    #zwayt-headline h1 {
        font-size: 25px;
    }
    #zwayt-headline h2 {
        font-size: 22px;
    }
    #intro-btn-box {
        padding-left: 8%;
    }
    #deine-vorteile-btn {
        padding: 8px 30px;
    }
    #intro-register-btn{
        padding: 8px 25px;
    }
    #background-img-intro {
        height: 65vh;
    }
    .intro-features-item-box {
        margin: 0;
    }
    .intro-features-item{
        min-height: 145px;
    }
    #intro-features-container{
        margin-top: -50px;
    }
    #next-section-btn {
        padding-top: 30px;
    }
    #background-profil-features {
        padding: 30px;
    }
    #profil-features-head {
        left: 0%;
        margin: 0 auto;
        display: block;
        width: 70%;
    }
    #profil-features-head h2 {
        font-size: 25px;
    }
    #profil-features-head h3 {
        font-size: 22px;
        margin: 0;
    }

    #profil-features-content-box {
        width: 80%;
        position: initial;
        margin: 0 auto;
    }
    #profil-features-content {
        padding: 25px 35px;
        padding-top: 45px;
    }
    .profil-features-item {
        font-size: 16px;
    }
    #detail-features {
        padding: 50px 0px;
    }
    .detail-features-space{
        -ms-flex: 0 0 25;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .detail-features-item-box {
        padding: 12px 20px;
    }
    .detail-features-item {
        padding: 15px 25px;
        min-height: 190px;
    }
    .detail-features-text p{
        margin: 0;
    }

    #background-blog-features{
        padding: 30px;
    }
    #blog-features-head {
        left: 0%;
        margin: 0 auto;
        display: block;
        width: 60%;
    }
    #blog-features-head h2 {
        font-size: 25px;
    }
    #blog-features-head h3 {
        font-size: 22px;
        margin: 0;
    }
    #blog-features-content-box {
        width: 70%;
        position: initial;
        margin: 0 auto;
    }
    .blog-features-btn-box {
        padding-left: 35px;
        width: 100%;
    }
    #howto-find-features-headline  h2 {
        font-size: 25px;
    }
    #howto-find-features {
        padding: 50px 0px;
    }
    #howto-find-features-headline  h3 {
        font-size: 22px;
        margin: 0;
    }
    .howto-find-features-item-box {
        padding: 12px 15px;
    }
    .howto-find-features-item {
        padding: 15px 25px;
        min-height: 175px;
    }
    #howto-find-headline-box {
        padding-left: 15px;
        margin-bottom: 20px;
    }

  
}

 /** Responsiv Design - Optimierungen für das Smartphone quer */

@media screen and (min-width:530px) and (max-width: 850px) and (max-height:600px) and (orientation: landscape){
   
   /* Navigationsleiste */

    #haupt-navigation{
        display: none;
    }
    #menu-register{
        display: none;
    }
  

    #hamburger-menu{
        display: block;
        position: relative;
        top: 0px;
        left: 75px;
        cursor: pointer;
        padding: 3px 10px;
        font-size: 20px;
        z-index: 5;
        color: #222;
    }
    .brand{
        padding-left: 30px;
        z-index: 5;
      
    }
    .brand .widget_media_image{
        width: 80%;
       

    }
    .brand #media_image-3 img {
        top: 5px;
        width: 75px;
    }
    .register-mobile{
        position: absolute;
        bottom: 10%;
        left: 16px;
    
    }

    #menu-register-mobile{
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #menu-register-mobile li{
        list-style: none;
    }
    .top-bar{
        height: 60px;
    }

    .register-mobile{
        left: 45px;
    }
    .sidenav a {
        padding: 3px 0;
        font-size: 15px;
    }


    .main-menu-mobile .active {
    background-color: initial;
    }

    h1{
        font-size: 25px;
    }
    h2{
        font-size: 20px;
    }
    h3{
        font-size: 15px;
    }

    .space-after {
        min-height: 30px;
    }
    body {
        font-size: 14px;
    }

    /** Footer  */

    .footer-widgets {
        padding: 5px 0px 25px 0px;
        
    }
    #logo-footer{
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    #media_image-2{
        width: 150px;
    }
    .register-widget-text {
        font-size: 14px;
    }

    #branchen-footer{
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        padding-left: 20px;
    }
    #navigation-footer{
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    #profil-nav-footer{
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        padding-left: 20px;
    }
    .footer-social-media-links, .copyright-text, .menu-rechtliches-container{
        text-align: center;
    }
    .footer-social-media-links{
        padding-top: 10px;
    }
    .menu-rechtliches-container {
        padding-bottom: 10px;
    }
       
    #branchen-widget-head, #navigation-footer .widgettitle, #profil-nav-footer .widgettitle{
        font-size: 20px;
    }


    /* Startseite */

    .searchprofil-section,.site-content {
        padding: 60px 0px;
    }

    #background-img-search{
        padding:  25px 0;
    }
    #search-box-container{
        width: 80%;
        margin: 0 10%;
        padding: 25px;
    }
    #search-intro-headline{
        position: initial;
       
        margin: 0 auto;
        padding: 2px 10px;
        font-size: 22px;
    }

    .search-intro-text {
        font-size: 15px;
        padding-top: 10px;
    }
    #search-box-container .select2-container {
        display: block;
    }
    .filter-container {
        padding-bottom: 0;
    }

    #branche,  #produkte, #orteauswahl{
        width: 100%;
    }
    #filter-tags, #filter-branchen, #filter-ort {
        display: none;
    }
    #search-profil-btn{
        margin-top: 0px;
        width: 100%;
        margin-bottom: 25px;
    }
    .searchprofil-section {
        padding-bottom: 15px;
    }
    .search-info-container,.intro-container, .faq-home-container{
        padding: 20px;
        padding-top: 5px;
    }
    #filter-home-branche, #filter-home-tags, #filter-home-orte, #filter-home-suche{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
   
    #intro-section-head {
        margin-bottom: 25px;
    }
    .features-item-box{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 8px;
        padding-left: 8px;
    }

    .features-item {
        height: 205px;
        background-color: #fff;
        box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
        padding: 10px 15px;
        margin-bottom: 20px;
    }

    section#intro {
        margin-bottom: 50px;
    }
    .map-section {
        padding-top: 50px;
        min-height: 300px;
        margin-bottom: 50px;
    }

    #umkreis-suche-box {
        padding: 20px 10px;
    }
    #map-widget-text {
        font-size: 15px;
        margin: 0 auto;
    }

    .map-section .sidebar-widgets .Location label  {
        width: 30px;
    }
  .map-section .sidebar-widgets .radius label{
        width: 20px;
    }
    .map-section #geomashupsearchwidget-5-radius {
        width: 100px;
    }

    .map-section .sidebar-widgets .submit {
        padding-left: 20px;

    }

    #map-widget-text {
        padding: 10px 15px;
    }
    #branche-galerie {
        column-width: 180px;
        column-gap: 15px;
       
    }
 
    .branchen-monsary-end {
        padding-top: 0;
    }
    #mehr-anzeigen-btn {
        border-width: 12px 12px 0 12px;
    }

    .branche-section {
        margin-bottom: 50px;
    }
    .unternehmen-section {
        margin-bottom: 50px;
        padding-top: 15px;
        padding-bottom: 20px;
        height: 250px;
    }
    .unternehmen-item, .gallery-cell {
        height: 260px;
    }

    .unternehmen-name {
        width: 200px;
        height:75px;
        top: 71%;
        left: 45%;
    }

    .flickity-button {
        height: 250px;
    }
    .flickity-prev-next-button.next,.flickity-prev-next-button.previous  {
        top: 57px;
    }
    .flickity-prev-next-button.next .flickity-button-icon {
        left: 10%;
    }
  
    .flickity-prev-next-button.previous  {
        left: -12%;

    }
    section#search-info {
        margin-bottom: 30px;
    }

    .search-info-item-box {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .search-info-item {
        height: 220px;
        background-color: #fff;
        box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
        padding: 15px 25px;
        margin-bottom: 20px;
    }

    #search-info-space{
        display: none;
    }

    .blog-section {
        margin-bottom: 30px;
    }

    #background-img-global-map{
        display: none;
    }

    #faq-home {
        margin-bottom: 30px;
    }

    .faq-home-item{
        margin-bottom: 15px;
    }
    #blog-user-section {
        min-height: 350px;
        padding: 15px 30px;
        margin-bottom: 75px;
    }
    .blog-user-content-paragraph {
        width: 100%;
        float: initial;
        margin: 0;
        padding: 30px 30px;
    }
    #blog-register-btn{
        margin-right: 30px;
    }
    #blog-user-head {
        right: -17.5%;
        top: 25px;
    }


   /*  Verzeichnis  */

   #background-img-dienstleister{
       padding: 30px;
       padding-top: 0px;
   }
   #verzeichnis-subhead {
       margin: 0;
   }

   #dienstleister .ubox {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 15px;
    }
	
	#dienstleister .ubox{
		padding-bottom: 140px;
	}

    .filter-box-container {
        padding: 20px;
    }

    #start-filter,#reset-btn{
        width: 47%;
        margin: 0;
    }
    #start-filter{
        margin-right: 5%;
    }
    #loadmore-box, #loadall-box{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 15px;
    }
    #loadMore, #loadAll {
        padding: 10px 15px;
    }

    /* Branchen Kategorie */

    #background-img-branche-verzeichnis {
        padding: 30px;
        margin-bottom: 30px;
    }

    #branchen-head {
        display: block;
        width: 50%;
        margin: 0 auto;
        position: initial;
    }
    .branche-unter-kategorie {
       bottom: -100px;
       box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
       padding: 10px 30px;
    }
    .oberkategorie-name {
        bottom: -100px;
    }
    #subcat-elements li{
        padding-top: 3px;
        padding-bottom: 3px;
    }
    #background-img-branche{
        padding: 30px;
    }
    #branchen-subhead {
        margin: 0;
    }
    .kategorie-container .ubox {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 15px;
		padding-bottom: 150px;
    }

    /* Tag Verzeichnis  */
    #background-img-tag{
        padding: 30px;
        margin-bottom: 30px;
    }
    #tag-head{
        display: block;
        width: 75%;
        margin: 0 auto;
        position: initial;
    }
    #tag-subhead {
        margin: 0px;
    }
    .tag-container .ubox {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 15px;
		padding-bottom: 150px;
    }
	
	.kategorie-container .profil-merken-btn{
		margin-left: -15px;	
	}
 
    .tag-container, .branchen-container {
        padding-right: 15px;
        margin-bottom: 0px;
    }

    /* Unternehmensprofil */
    .detail-view-container {
       
        top: -80px;
    }

    #background-img-profil{
        min-height: 250px;
    }

    .logo-box-mobile-box {
        padding: 0 40px;
        text-align: center;
    }

    .logo-box-mobile{
        display: block;
        width: 75%;
        background-color: #fff;
        margin: 0 auto;
        margin-bottom: 30px;
        box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
        padding: 15px;
       
    }


    .profil-content-section .uservideo-box, #uservideo-head,.logo-box-thumbnail{
        display: none;
    }


    .profil-content-section {
        margin-bottom: 30px;
    }
    .tags-ausgabe {
        margin-bottom: 0px;
    }

    .kontaktdaten-column {
        padding: 0 30px;
    }

    
    .uservideo-box-mobile{
        margin-bottom: 30px;
        position: relative;
    }
    #uservideo-head-mobile{
        color: #9CAB00;
        padding:  15px 15px;     
        text-align: center;
    }
    .social-media-container{
        padding: 25px;
    }

    .uservideo-box-mobile .shared-video-iframe {
        position: relative;
        width: 100%;
        height: 275px;
    }
    .video-icon{
        height: 20px;
        top: 3px;
        left: 30%;
        font-size: 18px;
        margin-right: 10px;
    }

    #galerie-head h2 {
        text-align: center;
        float: initial;
    }

    .galerie-icon{
        height: 20px;
        top: 3px;
        left: 35%;
    }
    #mehr-anzeigen-galerie{
        border-width: 15px 15px 0 15px;
    }
    #gallery{
        column-width: 150px;
        column-gap: 10px;
    }
    #galerie-ende {
        padding-top: 0px;
    }
    .show-on-map-link {
        left: 40%;
    }
    .faq-item {
        margin-bottom: 15px;
        padding-right: 15px;
    }
    .nearbylist-icon {
        height: 20px;
        top: 4px;
        margin-right: 10px;
    }
    .nearbylist-ubox {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .distance {
        left: 40%;
        top: 95px;
    }
    #nearbylist-head h2 {
        margin-bottom: 15px;
    }
    .nearby-post-box {
        min-height: 260px;
    }
    .nearby-post-content {
        top: 110px;
        min-height: 120px;
        padding: 10px 20px;
    }
  
    /* Karte & Umkreissuche */
    #background-img-karte{
        padding: 30px;
        margin-bottom: 30px;
    }
    #globale-karte-head{
        display: block;
        width: 75%;
        margin: 0 auto;
        position: initial;
    }
    .widget-umkreisuche #geomashupsearchwidget-5-input {
        width: 200px;
    }
    .widget-umkreisuche .sidebar-widgets .radius label {
        width: 25px;
    }
    .widget-umkreisuche #geomashupsearchwidget-5-radius {
        width: 115px;
    }
    #geomashupsearchwidget-5-submit {
        width: 130px;
    }
    .karte-legende {
        display: none;
    }
    .karte-box {
        margin-bottom: 30px;
    }
    #background-img-umkreissuche{
        padding: 30px;
        margin-bottom: 30px;
    }

    #umkreissuche-head {
        display: block;
        width: 75%;
        margin: 0 auto;
        position: initial;
    }
    .widget-umkreisuche #geomashupsearchwidget-5-input {
        width: 180px;
    }
    #umkreissuche-branche-col, #umkreissuche-tag-col{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }
    #umkreissuche-start-filter{
        width: 47%;
        margin-right: 5%;
    }
    #umkreissuche-reset-btn {
        width: 47%;
    }

    .searchresults-container .ubox{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 15px 15px;
		padding-bottom: 150px;
    }
    .umkreissuche-profil .distance {
        left: 40%;
    }

    #suchergebnisse .ubox{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 15px 15px;
		padding-bottom: 150px;
    }

    /* Konto & Profil Einstellungen */

    #um-konto .um-account-meta {
        display: none;
    }
    .option-box {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .profil-loeschen-box, .konto-loeschen-box{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .konto-loeschen-box {
        padding-left: 15px;
    }
    #deleteAccountbtn, #delete-profil-button{
        width: 100%;
    }
    #sure-profil-message, #sure-account-message {
        opacity: 1;
        display: none;
    }
    #yes-delete-button, #no-delete-button, #yes-delete-profil, #no-delete-profil {
        opacity: 1;
        display: none;
    }
    #profil-head H1 {
        padding-left: 15px;
    }
    .label-thin{
        margin-bottom: 3px;
    }
    .label-box{
        margin-bottom: 5px;
        margin-top: 0px;
    }

    .container-kontakt {
        padding-right: 15px;
        margin-bottom: 30px;
    }
    #postbox .label {
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .anrede-label{
        margin-left: 5px;
        margin-right: 30px;
    }
    #update-btn {
        margin-top: 10px;
    }
    #umkreis-ort {
        margin-left: 15px;
    }

    /* Registrierung */
    .register-link{
        padding: 30px;
        margin: 0 auto;
        display: block;
        margin-bottom: 30px;
    }
    .auswahl-registrierung-container {
        padding-top: 50px;
    }
    #auswahl-gruppe-head{
        text-align: center;
    }
    .registrierung-container, .login-container {
        padding-top: 50px;
    }

    /** Video, Galerie, Social Media, FAQ einbinden **/
    #video-speichern-btn, #profil-link-btn, #social-media-speichern-btn, #faq-speichern-btn {
        width: 100%;
    }
    .video-speichern-col, .profil-anzeigen-col, .social-media-speichern-col, .faq-speichern-col{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .video-vorschau-box .uservideo-box{
        padding: 0%;
        display: block;
        margin-top: 30px;
    }

    .video-vorschau-box .uservideo-box .shared-video-iframe{
        position: relative;
        height: 300px;
        width: 100%;
    }
    #video-entfernen-btn{
       margin: 0;
    }
    #video-entfernen{
        margin: 15px 0px;
        margin-bottom: 50px;
    }
    .video-input-field{
        width: 100%;
    }
    .video-eingabefeld .input-box{
        width: 80%;
    }
    .gallerie-upload-box #profil-link-btn {
        width: 150px;
    }

    /** FAQ Seite */
    #background-img-faq{
        padding: 30px;
        margin-bottom: 30px;
    }
    #faq-page-head {
        display: block;
        width: 80%;
        margin: 0 auto;
        position: initial;
        padding: 5px 30px;
    }
    .faq-frage-bereich {
        padding-right: 15px;
    }
    .faq-nav-box, #space-end{
        display: none;
    }

    /** Blog */
    #background-img-blog{
        padding: 30px;
    }
    #blog-seite-head {
        display: block;
        width: 80%;
        margin: 0 auto;
        position: initial;
    }
    .new-post {
        margin-bottom: 30px;
    }
    #alle-beitrage-subhead{
        margin-top: 20px;
    }
    #thema-filter-col{
        margin-bottom: 15px;
    }
    #thema-start-filter {
        width: 47%;
        margin-right: 5%;
        margin-bottom: 30px;
    }
    #thema-reset-btn{
        width: 47%;
    }
    .blog-post-box {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .blog-post-title {
        font-size: 18px;
    }
    .blog-post-content {
        top: 150px;
    }
    .post-image-background {
        height: 200px;
    }
    
    .autor-column, .post-themen-column,.post-date-column{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .post-meta-container {
        padding: 0;
        margin: 0;
        margin-bottom: 30px;
    }
    .other-posts, .other-post-container{
        padding: 0;
    }
  
    .next-post-link {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; 
        padding: 15px;
    }
    .next-post-box {
        min-height: 200px;
    }
    #background-img-thema{
        padding: 30px;
        height: initial;
    }

    .thema-blog-box{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; 
        padding: 15px;
        margin-bottom: 15px;
    }
    .thema-post-content {
        position: relative;
        top: 105px;
        padding: 10px 15px;
    }

    /** Merkliste **/
    #background-img-merkliste{
        padding: 30px;
    }
    #merkliste-head {
        display: block;
        width: 50%;
        margin: 0 auto;
        position: initial;
    }

    .merkliste-item-titel {
        background-color: #fff;
        padding: 10px 25px;
        color: #444;
  
    }
  
    .item-attribute {
      padding: 0px 40px;
      font-size: 15px;
      margin: 10px 0px;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .merkliste-item {
        margin-bottom: 20px;
        box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    }
  #logo-sm-thumnail {
      width: 125px;
    }
    .delete-item-btn {
        position: initial;
        width: 50%;
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    .merkitem-loeschen-box{
        margin-top: 10px;
        margin-bottom: 15px;
    }
    #print-list-btn{
        display: none;
    }
  
    .merkliste-open-item{
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 8px 0 8px;
      border-color: #9CAB00 transparent transparent transparent;
      margin:0 auto;
      position: absolute;
      top: 22px;
      right: 10%;
  }
  
  .merkliste-item-titel.accordion.active .merkliste-open-item{
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 8px 8px 8px;
      border-color: transparent transparent #9CAB00 transparent;
  }

  .merkliste-box-row{
      margin: 0;
  }

  #branche-attribute{
      margin-bottom: 15px;
  }
 

}

 /**** Optimierungen für Tablet quer / im Landscape Modus**/
@media (min-width: 750px) and (max-width: 1400px) and (min-height: 700px) and (orientation: landscape) {

    .tooltiptext-mobile{
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
    
    }

    h1{
        font-size: 30px;
    }
    h2{
        font-size: 25px;
    }
    h3{
        font-size: 20px;
    }
    body{
        font-size: 14px;

    }

    .space-after {
        min-height: 50px;
    }

    /** Header */

    .top-bar{
        height: 85px;
    }
    .site-content {
        padding-top: 85px;
    }
    .searchprofil-section {
        padding: 85px 0px;
    }
    .brand #media_image-3 img {
        width: 120px;
    }

    #haupt-navigation .main-menu ul li a {
        font-size: 16px;
    }
    .main-menu ul li {
        margin: 0 10px 0 0;
    }
    #menu-register li a {
        font-size: 14px;
    }

    /** Footer **/

    #media_image-2{
        width:150px;
    }
    .register-widget-text {
        font-size: 15px;
    }
    #footer-register-link {
        font-size: 15px;
    }
    #branchen-widget-head, #navigation-footer .widgettitle, #profil-nav-footer .widgettitle {
        font-size: 20px;
    }

    /** Startseite  */
    #space-umkreissuche{
        display: none;
    }
    #umkreis-suche-box{
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
        margin: 0 auto;
    }
    .blog-user-content-paragraph {
        width: 80%;
        margin: 0 auto;
        float: initial;
    }
    #blog-user-head {
        right: -30px;
    }
    #filter-tags, #filter-branchen, #filter-ort {
        display: none;
    }

    #background-img-search{
        padding: 30px;
    }
    #frontpage-desktop #search-box-container {
        width: 90%;
        margin: 5%;
        padding: 25px 30px;
    }
    #search-intro-headline {
        position: relative;
        top: -35px;
        left: 40px;
    }
    .home #search-profil-btn{
        width: 100%;
        margin: 0;
    }
    #branche-galerie{
        column-width: 200px;
        column-gap: 15px;
    }

    .search-info-item {
        padding: 15px 25px;
        height: 190px;
    }

    .unternehmen-section, section#search-info, .blog-section, #faq-home, section#intro{
        margin-bottom: 50px;
    }
    #background-img-global-map{
        display: none;
    }

    /** Verzeichnis*/
	
	.kategorie-container .ubox, .tag-container .ubox, .suchergebnisse .ubox, .searchresults-container .ubox {
    padding-bottom: 135px;
}
	.branche-unter-kategorie {
		min-height: 155px;
	}
    #filter-branche-col,#filter-tags-col, #filter-ort-col,#filter-search-col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #start-filter, #reset-btn {
        width: 42%;
      
    }
    #start-filter{
        margin-right: 5%;;
    }
    #dienstleister .ubox, .kategorie-container .ubox , .tag-container .ubox {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    #background-img-branche-verzeichnis, #background-img-branche, #background-img-dienstleister, #background-img-tag, 
    #background-img-suche, #background-img-merkliste {
        padding: 50px;
    }
    .branche-unter-kategorie {
        padding: 20px 20px;
        font-size: 14px;
    }
    #branchen-head,#merkliste-head{
        top: 25px;
    }

    #branche,#produkte{
        width: 100%;
    }
  
    .filter-box-container{
        padding: 15px 30px;
    }
    .filter-container {
        padding-bottom: 0px;
    }
    #reset-btn {
        width: 48%;
    }
    #start-filter, #reset-btn {
        margin-top: 0;
        font-size: 15px;
    }
    #tag-head {
        left: 50px;
        top: 25px;
    }
    #print-list-btn{
        display: none;
    }
    .merkliste-container{
        padding: 0px 45px;
    }
    .delete-item-btn {
        right: 30px;
        width: 100px;
    }

    .merkliste-container .accordion{
        background-color: #fff;
        padding: 8px 10px;
    }

 
    /** FAQ Seite**/
    .faq-navigation {
        display: initial;
    }
    

    /** Konto **/

    #km-label {
        margin-left: 0px;
    
    }

    .konto-loeschen-box,.profil-loeschen-box{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
      
    }
    .profil-loeschen-box{
        padding: 0px 15px ;
    }
    #delete-profil-button,#deleteAccountbtn{
        width: 100%;
    }
    .gallery-col {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    #bildupload-label {
        margin-bottom: 30px;
    }

    .video-input-field,.social-media-name,.social-media-link{
        width: 180px;
    }
    .video-vorschau-box .uservideo-box .shared-video-iframe {
        height: 265px;
        width: 90%;
    }
    .detail-view-container .shared-video-iframe {
        height: 340px;
    }

    #social-media-felder-box{
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    .faq-button-col{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    #faq-speichern-btn,.faq-button-col #profil-link-btn{
        width: 100%;
    }
    .profil-aktivieren-box, .profil-deaktivieren-box, .profil-loeschen-box,.konto-loeschen-box{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0px 15px;
    }



    /** Profil */
    #background-img-profil {
        min-height: 400px;
    }
    .detail-view-container {
        top: -150px;
    }
    .nearby-post-box {
        margin-bottom: 35px;
    }

    .profil-daten-container {
        padding: 30px 0px;
    }
    .logo-box-mobile-box {
        display: none;
    }
    .kontaktdaten-column {
        padding-left: 15px;
    }
    .kontaktdaten-container {
        background-color: #fff;
        padding: 20px 25px;
    }

    .logo-box-thumbnail {
        margin-bottom: 20px;
    }
    .social-media-container {
        padding: 15px 30px;
    }
    .kontaktdaten-column{
        font-size: 14px;
    }
    #merken-link, #faq-link, #standort-link,#gemerkt-txt  {
        font-size: 15px;
    }
    #uservideo-head-mobile, .uservideo-box-mobile {
        display: none;
    }
    .uservideo-box {
        padding: 15px 0;
    }
    .shared-video-iframe {
        height: 200px;
        width: 100%;
        position: relative;
    }
    #uservideo-head {
        margin-bottom: 15px;
    }
    #gallery {
        overflow:visible;
        max-height: initial;
        column-width: 200px;
    }
    #galerie-ende{
        display: none;
    }
    .faq-open-item {
        right: 10%;
    }
    .faq-item {
        padding-right: 30px;
    }
    .distance {
        left: 45%;
    }
    .show-on-map-link {
        left: 60%;
    }
    

    /** Karte & Umkreissuche */

    #background-img-karte {
        padding: 50px;
    }
    #globale-karte-widget{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #globale-karte-head {
    left: 50px;
    top: 25px;
    }

    .searchresults-container .ubox {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.3333%;
    }
    .umkreissuche-profil .distance {
        width: 135px;
    }
    #umkreissuche-start-filter {
        margin: 0;
        margin-bottom: 15px;
    }
    #umkreissuche-start-filter, #umkreissuche-reset-btn {
        width: 100%;
    }

    /** Blog **/
    #thema-start-filter, #thema-reset-btn {
        width: 100%;
    }
    
    .post-content-area, .post-meta-container, .other-posts-headline{
        padding: 0 5px;
    }
    .thema-blog-box{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    #background-img-thema {
        height: 200px;
    }
    #background-img-blog {
        padding: 50px;
    }
    .thema-blog-box {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .thema-post-content {
        top: 115px;
    }
    #blog-seite-head {
        left: 50px;
        top: 25px;
    }
    .new-post-title {
        font-size: 20px;
    }
    .blog-post-title {
        font-size: 18px;
    }
    .blog-excerpt {
        font-size: 13px;
    }
    .new-post {
        height: 320px;
        margin-bottom: 50px;
    }
    #thema-start-filter, #thema-reset-btn {
        margin-bottom: 15px;
    }
 
    .next-post-box {
        min-height: 200px;
    }
    .next-post-content-area {
        top: 120px;
    }
	.blog-post {
		height: 200px;
	}

    .blog-post-content {
        top: 100px;
    }
    .post-image-background {
        height: 230px;
    }
    .other-post-container {
        padding: 0 15px;
    }
    /** Suche **/
    #suche-head {
        left: 10%;
    }
    .suche-umkreissuche {
        width: 100%;
        margin: 0 ;
    }
    .normale-suche-container,#search-box-container{
        width: 80%;
        margin: 0 10%;
    }
    .suche-umkreissuche #geomashupsearchwidget-5-input,.suche-umkreissuche #geomashupsearchwidget-5-radius,.suche-umkreissuche #geomashupsearchwidget-5-submit  {
        width:180px;
    }
    #search-box-container{
        padding: 30px;
    }
    #search-box-container #filter-home-branche,#search-box-container #filter-home-tags,
    #search-box-container #filter-home-orte,  #search-box-container #filter-home-suche {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;

    }
    .suche-filtersuche #search-profil-btn {
        width: 100%; margin: 0;
    }
    .suchergebnis-container .ubox{
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
	#umkreis-suche-box{
		width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
    #profile-suchergebnisse {
        margin-top: 15px;
        margin-bottom: 20px;
    }
	
/* 	#search-box-container .select2-container {
    max-width: 400px!important;
}
 #search-box-container .select2-selection__rendered {
		width: 400px;
	}
	.home #search-box-container .select2-selection {
    	width: 400px!important;
	} */

}




/** Responsiv Design - Optimierungen für das Laptops */

@media  only screen and (min-width:1025px) and (max-width: 1680px) and (max-height: 900px) {
    h1{
        font-size: 30px;
    }
    h2{
        font-size: 25px;
    }
    h3{
        font-size: 20px;
    }
    body{
        font-size: 14px;

    }

    .space-after {
        min-height: 50px;
    }


    /** Navigation */
  
    #haupt-navigation .main-menu ul li{
    	margin-right: 20px;
    }
	#haupt-navigation  .main-menu ul li:last-child {
		margin: 0;
	}
    #haupt-navigation .main-menu ul li a {
        font-size: 20px;
    }

    /** Footer*/
    #media_image-2 img {
       width: 200px;
    }
    .register-widget-text {
        font-size: 15px;
    }

    /** Startseite */
	#search-box-container{
		width: 80%;
		margin: 0 10%;
	}
	#search-intro-headline{
		left: 10%;
	}
	
    #branche, #produkte, #orteauswahl{
     
        font-size: 15px;
    }
    #filter-tags{ 
     margin-top: -15px;
    }
/*     .home #search-box-container .select2-selection__rendered{
        font-size: 15px;
        padding: 0px 10px;
       
    }
    .home #search-box-container .select2-selection {
        width: 160px;
        min-height: 35px;
    } */
    .searchprofil-section .select2.select2-container .select2-selection .select2-selection__arrow{
        border-width: 8px 8px 0 8px !important;
   
    }
    #mehr-anzeigen-btn{
        border-width: 15px 15px 0 15px;
    }
    #search-profil-btn {
        padding: 4px 30px;
    }

    .map-section {
        min-height: 400px;
        padding-top: 75px;
    }
	.map-section #geomashupsearchwidget-5-input { 
		margin-right: 20px;
	}
	

    .map-section .sidebar-widgets .radius label {
        display: none;
    }
    .map-section #geomashupsearchwidget-5-radius {
        margin-left: 20px;
		  width: 100px;
    }
	
  
    /* Verzeichnis Seite */
    #background-img-dienstleister #branche,    #background-img-dienstleister #produkte{
        width: 80%;
    
    }
    #background-img-dienstleister #branche{
        margin-left: 20px;
    }
    #reset-btn{
        padding: 5px 15px;
        margin: 0;
    }
    #start-filter{
        padding: 5px 15px;
        margin-left: 15px;
    }
    #filter-branche-col{
        padding-left: 40px;
    }
	
	#blog-register-btn, #blog-write-btn {
		font-size:16px;
	}

    /** Karte */
    .widget-umkreisuche .sidebar-widgets .radius label {
        display: none;
    }
    .widget-umkreisuche #geomashupsearchwidget-5-radius {
        margin-left: 20px;
    }
    .umkreissuche-profil .distance {
        left: 40%;
        top: 90px;
    }
	.widget-umkreisuche #geomashupsearchwidget-5-input {
		margin-right: 30px;
	}
	/** Branchen Verzeichnis **/
	#background-img-branche-verzeichnis, #background-img-blog,#background-img-branche,#background-img-karte,#background-img-suche,#background-img-dienstleister,#background-img-thema,#background-img-tag, #background-img-umkreissuche   {
    	padding: 75px;
	}
	.branche-item {
		min-height: 265px;
	}
	
	.branche-unter-kategorie {
    	min-height: 120px;
	}
	


    /** Merkliste */
    .print-btn-container{
        padding: 0;
    }
    #merkliste-head,#blog-seite-head ,#branchen-head,#tag-head, #globale-karte-head,
    #umkreissuche-head, #faq-page-head
    {
        left: 50px;
        top: 0px;
    }
    .delete-item-btn {
  
        right: 50px;
    }
    /* Unternehmensprofil */
    .profil-daten-container {
        padding-top: 30px;
    }
    .profil-content-section .shared-video-iframe {
        height: 350px;
    }
    .post-image-background {
        height: 300px;
    }
    #merken-link, #faq-link, #standort-link, #gemerkt-txt {
        font-size: 15px;
    }
    /* Blog*/

    .blog-post-title {
            font-size: 18px;
        
    }
  
    .blog-post-content{
        top: 102px;
    }
	.blog-post {
		height:250px;
	}
    #uservideo-head{
        margin-bottom: 30px;
    }
    /** Konto **/
    .konto-loeschen-box, .profil-loeschen-box, .profil-deaktivieren-box, .profil-aktivieren-box {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
      

    }
    .profil-loeschen-box{
        padding: 0px 15px;
		margin-right:15px;
    }
    #delete-profil-button, #deleteAccountbtn, #deactivate-profil-button, #activate-profil-button {
        width: 100%;
    }
	#zahlung-label{
   
	font-size: 13px;
}
	/** Suche ***/
	.suche-umkreissuche {
		width: 80%;
		margin: 0 10%;
	}
	.normale-suche-container {
		width: 80%;
		margin: 0 10%;
	}
	
	#search-box-container .select2-selection__rendered {
		padding-top: 2px;
		font-size: 15px;
	}
	#search-box-container .select2-container {
    	max-width: 200px;
	}
    /** Video **/

    
    .video-vorschau-box .uservideo-box .shared-video-iframe{
        height: 350px;
        width: 100%;
    }

    /** Landing Page **/
    #zwayt-logo-box {
        width: 300px;
        height: 300px;
        padding-top: 175px;
        margin-top: -175px;
        margin-bottom: 50px;
    }
    #zwayt-logo-box img {
        width: 150px;
    }
    .intro-content-box {
        margin-top: -100px;
    }
    #intro-btn-box {
        padding-left: 35%;
    }
    #next-section-btn {
        padding-top: 10px;
    }
    #background-profil-features {
        padding: 55px;
    }
    #profil-features-content-box {
        left: 40%;
        width: 50%;
    }
    #profil-features-head {
        left: 37.5%;
    }
    .profil-features-item {
        font-size: 16px;
    }
    .detail-features-item-box {
        padding: 15px 17px;
    }
    .detail-features-item {
        padding: 20px 30px;
        min-height: 200px;
    }
    .blog-features-btn-box {
        width: 90%;
    }
    #detail-features {
        padding: 80px 0px;
    }
}

/** Optimierungen für das Ipad Pro 12 Zoll **/

@media screen  and (max-width:1100px) and (min-width:1000px) and (min-height:1350px){

    .site-content {
        min-height: 1000px;
    }

    /** Header */
    .top-bar {
        padding: 10px 30px;
    }

    /** Footer */
    #logo-footer{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    #branchen-footer{
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

  /*   Startseite */
    #search-intro-headline {
        left: 150px;
    }
    #filter-tags{
        margin-top: -15px;
        margin-bottom: 0;
    }
    label#filter-branchen{
        margin-top: -15px;
        margin-bottom: 0;
    }
    .searchprofil-section .select2.select2-container .select2-selection .select2-selection__arrow {
        border-width: 8px 8px 0 8px !important;
    }
    .map-section .sidebar-widgets .radius label {
        display: none;
    }
    .map-section #geomashupsearchwidget-5-radius {
        margin-left: 10px;
    }

    #space-umkreissuche{
        display: none;
    }
    #umkreis-suche-box{
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
         margin: 0 auto;
    }

 .blog-content-extract {
    
    bottom: -50px;
}
    /** Konto*/
    .option-box{
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%; 
    }
    .profil-loeschen-box, .konto-loeschen-box{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;  
    }

    /** Verzeichnis **/
    #filter-branche-col, #filter-tags-col,#filter-ort-col, #filter-search-col{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;  
    }
    .verzeichnis-container .ubox, .kategorie-container .ubox, .tag-container .ubox, .searchresults-container .ubox, .thema-blog-box{
    
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%; 
        
    }
    .tag-container, .branchen-container {
        padding-right: 15px;
    }
    /** Unternehmensprofil */
    .profil-daten-container{
        padding-top: 30px;

    }
    .profil-content-section .shared-video-iframe {
        height: 325px;
    }

    /** Karte & Umkreissuche**/
    #space-karte{
        display: none;
    }
    #globale-karte-widget{
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    .umkreissuche-profil .distance {
        top: 90px;
        left: 40%;
        width: 140px;
    }

    #umkreissuche-tag-col, 
    #umkreissuche-branche-col
    {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    
    #umkreissuche-filter-col{
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    #umkreissuche-start-filter {
        width: 30%;
    }
    #umkreissuche-reset-btn {
        width: 55%;
    }
  
   /*  Blog Seite */
   .single-blog-page-container{
        padding: 0px 15px;
   }
   .post-content-area{
       padding: 0px 15px;
       padding-right: 30px;
   }
   .other-posts, .post-meta-container{
       padding-left: 15px;
       padding-right: 15px;
   }
   #other-posts-head{
       padding: 0;
   }
   #alle-beitrage-subhead{
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
   #thema-filter-col, #themen-filter-col{
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    margin-bottom: 15px;
}
#thema-start-filter,#thema-reset-btn {
    margin-bottom: 15px;
    width: 100%;
}




}




@font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: normal;
    font-weight: 100;
  
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-100-normal-7qoIEo.eot');
    src:   local('Barlow Semi Condensed Thin'),
    local('BarlowSemiCondensed-Thin'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-100-normal-oIE4.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-100-normal-qoIEg.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-100-normal-7qoIEs.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: italic;
    font-weight: 100;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-100-italic-EEwAgg.eot');
    src:   local('Barlow Semi Condensed Thin Italic'),
    local('BarlowSemiCondensed-ThinItalic'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-100-italic-wAhg.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-100-italic-EwAgA.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-100-italic-EEwAgw.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: normal;
    font-weight: 200;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-200-normal-u_B2sh.eot');
    src:   local('Barlow Semi Condensed ExtraLight'),
    local('BarlowSemiCondensed-ExtraLight'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-200-normal-B2sl.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-200-normal-_B2sj.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-200-normal-u_B2sg.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: italic;
    font-weight: 200;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-200-italic-Vsno50.eot');
    src:   local('Barlow Semi Condensed ExtraLight Italic'),
    local('BarlowSemiCondensed-ExtraLightItalic'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-200-italic-no5k.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-200-italic-sno58.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-200-italic-Vsno5w.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-300-normal-i_B2sh.eot');
    src:   local('Barlow Semi Condensed Light'),
    local('BarlowSemiCondensed-Light'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-300-normal-B2sl.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-300-normal-_B2sj.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-300-normal-i_B2sg.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: italic;
    font-weight: 300;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-300-italic-lsno50.eot');
    src:   local('Barlow Semi Condensed Light Italic'),
    local('BarlowSemiCondensed-LightItalic'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-300-italic-no5k.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-300-italic-sno58.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-300-italic-lsno5w.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-400-normal-RXeIqu.eot');
    src:   local('Barlow Semi Condensed Regular'),
    local('BarlowSemiCondensed-Regular'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-400-normal-eIqq.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-400-normal-XeIqs.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-400-normal-RXeIqv.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-500-normal-m_B2sh.eot');
    src:   local('Barlow Semi Condensed Medium'),
    local('BarlowSemiCondensed-Medium'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-500-normal-B2sl.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-500-normal-_B2sj.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-500-normal-m_B2sg.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-400-italic-bqoIEo.eot');
    src:   local('Barlow Semi Condensed Italic'),
    local('BarlowSemiCondensed-Italic'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-400-italic-oIE4.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-400-italic-qoIEg.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-400-italic-bqoIEs.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: italic;
    font-weight: 500;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-500-italic-1sno50.eot');
    src:   local('Barlow Semi Condensed Medium Italic'),
    local('BarlowSemiCondensed-MediumItalic'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-500-italic-no5k.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-500-italic-sno58.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-500-italic-1sno5w.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-600-normal-6_B2sh.eot');
    src:   local('Barlow Semi Condensed SemiBold'),
    local('BarlowSemiCondensed-SemiBold'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-600-normal-B2sl.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-600-normal-_B2sj.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-600-normal-6_B2sg.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: italic;
    font-weight: 600;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-600-italic-Fsno50.eot');
    src:   local('Barlow Semi Condensed SemiBold Italic'),
    local('BarlowSemiCondensed-SemiBoldItalic'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-600-italic-no5k.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-600-italic-sno58.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-600-italic-Fsno5w.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-700-normal--_B2sh.eot');
    src:   local('Barlow Semi Condensed Bold'),
    local('BarlowSemiCondensed-Bold'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-700-normal-B2sl.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-700-normal-_B2sj.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-700-normal--_B2sg.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-700-italic-Vsno50.eot');
    src:   local('Barlow Semi Condensed Bold Italic'),
    local('BarlowSemiCondensed-BoldItalic'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-700-italic-no5k.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-700-italic-sno58.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-700-italic-Vsno5w.ttf') format('truetype');
  }
  @font-face { 
    font-family: './Barlow Semi Condensed';
    font-display: swap;
    font-style: normal;
    font-weight: 800;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-800-normal-y_B2sh.eot');
    src:   local('Barlow Semi Condensed ExtraBold'),
    local('BarlowSemiCondensed-ExtraBold'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-800-normal-B2sl.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-800-normal-_B2sj.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-800-normal-y_B2sg.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: italic;
    font-weight: 800;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-800-italic-lsno50.eot');
    src:   local('Barlow Semi Condensed ExtraBold Italic'),
    local('BarlowSemiCondensed-ExtraBoldItalic'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-800-italic-no5k.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-800-italic-sno58.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-800-italic-lsno5w.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: italic;
    font-weight: 900;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-900-italic-1sno50.eot');
    src:   local('Barlow Semi Condensed Black Italic'),
    local('BarlowSemiCondensed-BlackItalic'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-900-italic-no5k.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-900-italic-sno58.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-900-italic-1sno5w.ttf') format('truetype');
  }
  @font-face { 
    font-family: 'Barlow Semi Condensed';
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    src:   url('./fonts/barlow-semi-condensed/barlow-semi-condensed-900-normal-2_B2sh.eot');
    src:   local('Barlow Semi Condensed Black'),
    local('BarlowSemiCondensed-Black'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-900-normal-B2sl.woff2') format('woff2'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-900-normal-_B2sj.woff') format('woff'),
    url('./fonts/barlow-semi-condensed/barlow-semi-condensed-900-normal-2_B2sg.ttf') format('truetype');
  }
/*EOV Developer CSS*/
.archive .profil-merken-btn
{
	display:none;
}
.main-menu ul ul {
    display: none;
}
.main-menu ul li:hover > ul {
    display: block;
}


.main-menu ul ul {
    display: none;
    position: absolute;
    
    left: 0;
    z-index: 99999;
    width: 165px;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	padding-left: 10px !important;
    padding-top: 5px !important;
}
.main-menu li {
    position: relative;
}
.dropdown-item
{
	color:#000 !important;
}
.sub-menu li a
{
	font-size: 15px !important;
    text-transform: none !important;
    padding: 15px 0px !important;
}
.sub-menu li a:hover {
    background: none !important;
}
/*EOV Developer CSS*/  


.custom_submit_btn{
    padding: 5px 10px;
	color: #fff;
	background-color: #52BFA0;
	border: solid transparent;
    width: 140px;
}

.img-prev-title{
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
}

.img-prev-profile{
    width: 310px;
    height: 250px;
    background-repeat: no-repeat;
}

.img-prev-logo{
    display: none;
}

.img-prev-logo-div{
    display: flex;
    max-width: 300px;
    background-color: #fff;
    margin-bottom: 25px;
    box-shadow: 0.5px 1px 5px rgba(51, 51, 51, 0.2);
    padding: 15px;
    height: 225px;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-grey{
    background-color: #e1e5ea;
}

.gallery-img {
    background-color: #1a1c20;
    height: 150px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
}