div{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

  
.maincontent .container-fluid .row h1
{
    color:#e57835;
    font-size:40px;
    font-weight:700;
    margin-bottom:40px;
   /* padding-left:24px;*/
}

.maincontent .container-fluid:first-child
{
    position:relative;
}


input[type=radio]{
    -webkit-appearance: radio !important;
}
input[type="checkbox"]{
    -webkit-appearance: checkbox !important;
}
input[type=checkbox], input[type=radio]{
    height: unset !important;
    width: unset !important;
}
input[type=checkbox]:checked:after, input[type=radio]:checked:after {
    opacity: 0 !important;
}
.modalCheckbox:checked:after, input[type=radio]:checked:after {
    background-image: none !important;
}
.close{
    padding-bottom: 1rem !important;
    padding-top: 0 !important;
}
/* .step2 .modalInput:first-of-type {
    margin-bottom: 20px !important;
} */
hr{
    border-bottom: none !important;
    height: unset !important;
}
/* end */

/* determine line-heights start */
.modal-body .headertext p{
    line-height: 20px !important;
}
h5{
    line-height: 30px !important;
}
/* end */

/* click on marker popup start*/

/* Hide scrollbar for Chrome, Safari and Opera */
/* .popupcontainer::-webkit-scrollbar, */
#side-modal::-webkit-scrollbar
{
    display: none;
  }
  
/* Hide scrollbar for IE, Edge and Firefox */
/* .popupcontainer, */
#side-modal
{
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}

.popupcontainer::-webkit-scrollbar {
    width: 20px;
  }
  
  .popupcontainer::-webkit-scrollbar-thumb {
    border-left: 15px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    background-color: #AAAAAA;
  }

.popuptitle h1 {
    font-family: Calibri, sans-serif;
    line-height: 38px;
    font-weight: 700;
}
.popupcontainer p, .popupcontainer quote{
    font-family: Calibri, sans-serif;
    line-height: 26px;
    font-weight: 400;
}

.popupcontainer h2{
    font-family: Calibri, sans-serif;
    line-height: 1;
    font-weight: 500;
}
.popupcontainer button{
    font-size: 20px;
    font-family: Calibri, sans-serif;
    padding-left: 2rem;
    padding-right: 2rem;
}
.commenttext > .col {
    margin-bottom: 0 !important;
}
/* end */

/* file input */
.custom-file-input{
    opacity: 1 !important;
    padding: 1% 14px !important;
    font-size: 18px !important;
    font-family: Calibri, sans-serif !important;
}

.custom-file{
    background: #e5e5e5 !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 5px !important;
}
/* end */

#markerIdeaModal .headertext{
    margin-bottom: 10px !important;
}

#markerModal .modal-header .close{
    margin: 0;
}

#markerModal .modal-dialog{
    max-width: 620px !important;
}

.modal-body{
    max-height: unset !important;
}

#markerIdeaModal .modal-title{
    color: #6A6868 !important;
}
/*
.popupimage a img:empty {
    display: none;
}
*/
#markerIdeaModal .modal-body .headertext p{
    margin-top: 5px;
}

#markerIdeaModal input.modalInput:first-of-type {
    margin-bottom: 15px;
}

#markerIdeaModal input.modalInput[name="imagesource"]{
    margin-bottom: 0;
}

.dropdown-menu{
    width: max-content;
}

.leaflet-popup-scrolled {
    border-bottom: none !important;
    border-top: none !important;
}
.modal-content {
    max-height: 99%;
    overflow-y: auto;
}

.modal{
    overflow: auto !important;
}

div[id$="btn-addComment"] {
    margin-top: 20px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.modal-content label[for*="TOS"] {
    vertical-align: top;
}
.anim_expandComments {
    animation-name: expandComments;
    animation-duration: .25s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
}
@keyframes expandComments {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(90deg);
    }
}
.popupimage
{
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
}
.popupimage img {
    object-fit: contain;
    height: 175px;
    margin-bottom: 3px;
    max-width:150px;
}

.popup_overrideBottomBorder {
    border-bottom: none !important;
}

.popupcomment h5 {
    margin: 10px 0;
}

.popuptitle h1 {
    color: #e57835;
    font-weight: bold;
    font-size: 1.7rem;
}

.popupdesc p {
    font-size: .95rem;
}

.popupcomment {
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
}

.popupcomment i {
    font-size: 1.6rem;
}

.popupcomment h2 {
    font-weight: normal;
    font-size: 1.55rem;
    margin: 5px 0;
}

.popupfooter i {
    font-size: 1.9rem;
}

.popupfooter p {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
}


/* Inner New-Popup */

.newpopup #popupdesc p {
    margin-bottom: 0;
    margin-top: .6rem;
    font-size: .825rem;
}

.newpopup #popupdesc h1 {
    font-size: 1.333rem;
}

.newpopup #popupdesc ul {
    margin-left: .8rem;
    list-style: none;
    height: 70px;
    border: 1px solid #c4c4c4;
    margin: .5rem 0;
    padding: .5rem .8rem;
}


/* End Inner New-Popup */


/* End Popup */


/* Start Overlay */

#closeOverlayBtn {
    position: relative;
    top: 5px;
    pointer-events: auto;
}

#submitOverlayBtn {
    pointer-events: auto;
}

#mapoverlay button.btn-cancel:hover {
    background-color: #FF7373;
}


/* Start Add Marker Post Click Map */


.step2 .custom-file-label:lang(de)::after {
    font-family: 'Font Awesome 5 Pro';
    content: '\f093';
}

.step2 .custom-file-input.selected:lang(de)::after {
    content: "" !important;
}

.step2 .custom-file {
    overflow: hidden;
}

.step2 .custom-file-input {
    white-space: nowrap;
}

.step2 .custom-file-label {
    background-color: #e5e5e5;
    color: #757575;
    font-size: 1.1rem;
    padding-left: 5%;
    padding-right: 5%;
}

.step4 .buttons button {
    font-weight: bold;
    width: 150px;
    height: 40px;
}


/* End Add Marker Post Click Map */


/* Start Inner SubMarker Modal */

.geotransModal h2.sub {
    font-size: 23px;
    font-weight: normal;
    margin-bottom: 5px;
}

.geotransModal h3.sub {
    font-size: 15px;
}

.geotransModal img.sub {
    margin-top: 5px;
}

.geotransModal p.sub {
    font-size: 14px;
    color: #c4c4c4;
}

.geotransModal#newCommentModal .modal-body .step1, .geotransModal#newCommentModal .modal-body .step2, .geotransModal#newCommentModal .modal-body .step3{
    padding-top: 15px;
    padding-bottom: 15px;
}

/* End Inner AddComment Modal */

#markerModalBodyText {
    color: black;
    font-size: 1rem;
}

#markerModalFooter {
    display: flex;
    justify-content: space-evenly;
}

#markerModalBody i {
    font-size: 3.4rem;
}

#markerModalBody p {
    font-size: 1rem;
}

#markerModalBody {
    border-bottom: 1px solid #e9ecef;
}

#markerModalSubBody {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
}

.data-modal {
    overflow-y: auto;
}

.data-modal .modal-footer button {
    width: 35%;
}

.data-modal .modal-subfooter p {
    font-size: .9rem;
    margin-left: 5px;
    opacity: .85;
}

.data-modal .modal-body .textbody {
    font-size: .973rem;
    padding: 0 20px;
}
.headertext h2 {
    font-size: 1.35rem;
    font-weight: normal;
    margin-bottom: 5px;
}

.headertext h1 {
    margin-bottom: 15px;
}

.headertext p {
    font-size: .9rem;
    width: 66%;
}

.headertext * {
    margin: 0;
}

#markerIdeaTermLabel,
#addMarkerClickedTermLabel {
    border: 1px solid #c4c4c4;
    border-radius: 10px;
    /* padding: .75rem; */
}

#markerIdeaTermLabel p,
#addMarkerClickedTermLabel p {
    margin: 15px 0;
}

.data-modal p {
    margin: 0;
}

.geotransModal label[for*="TOS"] {
    font-size: .9rem;
    padding-left: 10px;
}

.geotransModal #addMarkerClickedNoPosTOS{
    float: left;
    margin-top: 0.45rem;
}

.modalInput {
    height: 40px;
}

.modalCheckbox {
    height: 19px;
}

.modalCheckbox:checked:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
}

.geotransModalForm .contentInput {
    height: 150px;
    padding-top: 2.5%;
}

.geotransModal .modal-body {
    padding-bottom: 0;
}

.btn-cancel {
    background-color: #FF8D8D;
}

.btn-agree {
    background-color: #e57835 !important;
}

.geotransModal h1 {
    color: #e57835;
    font-weight: bold;
    font-size: 1.7rem;
}
.geotransModalForm input[type=text],
.geotransModalForm input[type=email],
.geotransModalForm textarea {
    background-color: #e5e5e5;
    width: 100%;
    border: none;
    border-radius: 5px;
    font-size: 1.1rem;
    padding-left: 5%;
    padding-right: 5%;
}

.popupcontainer {
    color: #6A6868;
}

.popupcontainer h1 {
    margin-bottom: 5px !important;
}

.popuptitle h1 {
    font-size: 24px;
}

.leaflet-popup-content {
    margin: 0;
    /* padding-top: 16px;
    padding-left: 20px;
    padding-right: 18px;
    padding-bottom: 20px; */
    padding: 1rem 1rem 0;
    border-radius: 12px;
}

.popupcontainer .popupdesc p {
    margin-top: 0;
    margin-bottom: 7px;
    font-size: 14px;
}

.leaflet-container a.leaflet-popup-close-button {
    top: 16px;
    right: 18px;
    font: 25px/18px Tahoma, Verdana, sans-serif;
    width: 25px;
    height: 18px;
    color: #6A6868;
    padding: 0 4px 0 0 !important;
}

.popupcomment i {
    color: #6A6868;
    font-size: 20px;
}

.popupcomment h2 {
    font-size: 20px;
}

.popupcomment .col-5.pl-0 {
    padding-left: 0;
    padding-right: 0;
}

.popupfooter {
    margin: 0 !important;
    padding-top: 20px;
}

.popupfooter .col-auto {
    display: inline;
    width: 33%;
    float: left;
    padding: 5px;
    font-size: 20px;
    color: #6A6868;
    font-weight: normal;
}

.popupfooter p {
    font-size: 20px;
    color: #6A6868;
    font-weight: normal;
}

.popupfooter .col-auto .col-auto {
    width: auto;
}

.popupfooter .role-button {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.commenttext p {
    font-size: 14px;
    font-weight: normal;
    padding-right: 10px;
}

.commenttext quote {
    font-size: 14px;
    float: left;
}

.commenttext {
    padding-top: 0;
    padding-bottom: 0;
}

.popupcomment {
    padding-left: 5px;
}

.commenttext .justify-content-center.align-items-center.pl-2.pr-2 .col {
    width: 100%;
    padding-right: 0;
}

.commenttext .justify-content-center.align-items-center.pl-2.pr-2 .col button {
    border: 0;
}

.geotransModal h1 {
    font-size: 30px;
}

.geotransModal h2.sub {
    font-size: 20px;
}

.geotransModal h3.sub {
    font-size: 14px;
    font-weight: normal;
    margin-top: 8px;
    margin-bottom: 10px;
}

.modal-header button.close {
    background: none;
    border: none;
    font-size: 30px;
}

.modal-header {
    border-bottom: none;
}

.modal-body .headertext {
    margin-top: 0 !important;
}

.headertext h2,
.geotransModalForm .contentInput {
    font-size: 18px;
}

.geotransModalForm .contentInput {
    margin-bottom: 0;
    padding-bottom: 0;
}

.geotransModalForm input,
.geotransModalForm textarea {
    padding-left: 14px;
    padding-top: 11px;
    padding-right: 14px;
    padding-bottom: 11px;
}

.modalInput {
    margin-bottom: 12px;
}

.modal-body .headertext p {
    width: 100%;
}

.btn.btn-secondary.btn-cancel,
.btn.btn-primary.btn-agree {
    border: none;
}

.btn.btn-secondary.btn-cancel {
    float: left;
}

.btn.btn-primary.btn-agree {
    float: right;
}

.modal-custom-footer .buttons.mt-3 {
    display: inline-block !important;
    width: 100% !important;
    float: left;
    /* padding-bottom: 30px; */
}

.modal-custom-footer label a {
    color: #e57835;
    cursor: pointer;
}

.modal-subfooter p {
    /* display: none; */
}

#addMarkerClickedModal .modal-content .modal-body {
    padding-top: 0;
}

#addMarkerClickedModal .modal-header {
    padding-bottom: 0;
}

#addMarkerClickedModal .modal-content .modal-body .fa-circle,
#modalBodyTermIcon {
    font-size: 20px !important;
    margin-top: 17px;
}

#addMarkerClickedModal .modal-content .modal-body .step1 .headertext {
    padding-top: 20px;
}

#markerIdeaTermLabel p,
#addMarkerClickedTermLabel p {
    font-size: 18px;
}

#markerIdeaTermLabel.align-items-center {
    align-items: normal !important;
}


.modal-header
{
    padding-left:21px;
    padding-right:21px;
    padding-top:19px;
    padding-bottom:19px;
}

.modal-body
{
    padding-bottom:0;
}

.modal-body .container,.modal-header .container-fluid,.modal-body .container-fluid
{
    padding-right:0 !important;
    padding-left:0 !important;
}


.modal-body .row
{
    margin-left:0;
    margin-right:0;
}

.step2 .custom-file-input
{
    padding:0;
}



.geotransModalForm input[type=text], .geotransModalForm input[type=email], .geotransModalForm textarea
{
    padding-left:14px;
    padding-top:11px;
    padding-bottom:11px;
    padding-right:14px;
    font-size:18px;
}

.modal-custom-footer
{
    border-top:none !important;
    padding-top:0;
}   

.modal-custom-footer .step4
{
    padding-top:25px;
    border-top:1px solid #C4C4C4;
    margin-top: 25px;
}

.modal hr
{
    background-color:#C4C4C4;
}

.modal-subfooter
{
    padding-left:19px;
    padding-right:19px;
    padding-top:0;
    padding-bottom:23px;
}

.data-modal .modal-subfooter p,.headertext p
{
    font-size:16px;
}

.step4 .col-2
{
    width:auto;
    float:left;
    padding-top:5px;
}

.btn.btn-secondary.btn-cancel, .btn.btn-primary.btn-agree
{
    font-size:20px;
}

#markerIdeaTermLabel p, #addMarkerClickedTermLabel p
{
    margin-top:14px;
    margin-bottom:12px;
}
#addMarkerClickedModal .modal-content .modal-body .fa-circle, #modalBodyTermIcon
{
    font-size:22px !important;
    margin-top:14px;
}

#markerIdeaTermLabel .col-10
{
    padding-left:0;
}

.modal-header button.close
{
    padding-right: 0;
margin-right: -6px;
margin-top: -12px;
}

.modal-content
{
    border-radius:0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.btn.btn-secondary.btn-cancel:hover
{
    background-color:#FF8D8D;
}

.btn.btn-primary.btn-agree:hover,
.btn.btn-primary.btn-agree
{
    background-color:#e57835;
}


.leaflet-popup-content
{
    padding-left:19px;
    padding-right:19px;
    padding-top:16px;
}

.leaflet-popup-content .container
{
    padding-left:0;
    padding-right:0;
}

.popuptitle
{
    padding-right:60px;
}
.popupcomment
{
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
    padding-top:12px !important;
    padding-bottom:12px !important;
}

.popupcomment .col-auto
{
    padding-left:3px;
}

.popupfooter
{
    padding-top:15px !important;
}

.geotransModal h1
{
    line-height:28px;
}

#newCommentModalForm .modal-subfooter
{
    float:left;
    width:100%;
    padding:0;
    padding-top:8px;
}

.commenttext h5
{
    font-weight:normal;
    padding-bottom:10px;
}

.commenttext.collapse.show .justify-content-center.align-items-center.pl-2.pr-2
{
    margin-bottom:10px !important;
}

#markerIdeaForm .modal-header
{
    padding-bottom:0;
}

#markerModalBody i
{
    font-size:35px;
}

#markerModal .modal-header
{
    padding-bottom:0;
}

#markerModalBody
{
    padding-top:10px;
}

#markerModalBody .col-2
{
    padding-left:0;
    padding-right:0;
}

#markerModalFooter .btn-green
{
    font-size:1rem;
}

.modal-backdrop
{
    display:none !important;
}

#commentConfirmationModal .modal-header
{
    padding-bottom:0;
}

#commentConfirmationModal .modal-body
{
    padding-top:5px;
}

.leaflet-left
{
    left:25px !important;
}

.leaflet-right
{
    right:23px !important;
}


.ratingstep0
{
    display:none;
}


.popupcontainer h4
{
    font-size:20px;
    font-weight:normal;
    margin-bottom:0;
}

.comments-wrapper,.status-wrapper
{
    padding-top:40px;
    float:left;
    width:100%;
}
.status-wrapper
{
    padding-top:0;
}
.status-wrapper img
{
    max-width:150px;
}

.status-wrapper p
{
    padding-top:5px;
}

.status-wrapper img.ratingssteps0
{
    display:none;
}
.leaflet-top, .leaflet-bottom
{
    z-index:400 !important;
}

.tooltip-status
{
    font-size:18px;
}

.popupcomment
{
    margin-left:0 !important;
    margin-right:0 !important;
}

.leaflet-popup-content
{
    padding:0;
}

.popupfooter.mt-4
{
    margin-top:0 !important;
    padding-top: 0 !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.leaflet-popup-content-wrapper
{
    border-radius:0 !important;
}

.leaflet-container a.leaflet-popup-close-button
{
    top:10px !important;
    right:10px !important;
}
.commenttext p
{
    font-size:14px !important;
    font-weight:normal !important;
}
#newCommentModal .modal-body .step1, #newCommentModal .modal-body .step2, #newCommentModal .modal-body .step3
{
    border-bottom:1px solid #c4c4c4;
}

#newCommentModal .modal-body .step1{
    border-top:1px solid #c4c4c4;
    margin-top: 15px;
}

.modal-header
{
    border-bottom:0 !important;
}

.leaflet-popup-content-wrapper
{
    width:500px !important;
    max-width:100vw;
}

.leaflet-popup-content
{
    width:92% !important;
}

.modal.show .modal-content
{
    border-radius:0 !important;
}

.btn-primary:hover
{
    background-color:#e57835 !important;
}

.btn-secondary.btn-cancel
{
    background-color:#FF8D8D !important;
}
.step4 .col-2
{
    padding-top:0;
   
}

.popupimage img
{   
    width:100%;
    height:auto;
}

#addMarkerClickedForm .modal-custom-footer,#markerIdeaModal .modal-custom-footer
{
    padding-top:0 !important;
}
.modal hr
{
    opacity:1;
    margin-top:25px;
    margin-bottom:25px;
}

.leaflet-popup-scrolled
{
    overflow:visible !important;
    height:auto !important;
}

.leaflet-popup-content
{
    overflow-y:auto !important;
    overflow-x:hidden !important;
    /* height:500px !important; */
}

.commenttext .col.mb-3,.commenttext .col.mb-3 p
{
    float:left;
    width:100%;
}

.popupfooter i
{
    padding-right:10px;
}

.cluster_icon
{
    background-color:#e57835;
    color:white;
border-radius:100%;
text-align:center;
padding-top:5px;
font-size:14px;
}

.projektbeteiligung-text
{
    font-size:20px;
}

.popupcontainer {
    float: left;
    width: 100%;
}

.popupcontainer {
    padding-top: 0;
    padding-bottom: 45px;
}

.modal-body select {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    border-radius: 0;
  
    padding-left: 14px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 14px;
    border: none;
    border:1px solid #6A6868;
    border-radius:5px;
}

/*To remove button from IE11, thank you Matt */
select::-ms-expand {
    display: none;
}

select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

form .select-wrapper{
    margin: 0;
    padding-bottom: 0;
    
    position: relative;
    width: 100%;
    margin-top: 14px;
}

form .select-wrapper::after {
    content: '▼';
    font: 17px "Consolas", monospace;
    color: #6A6868;
    right: 20px;
    position: absolute;
    pointer-events: none;
    height: 100%;
    display: flex;
    align-items: center;
  
}


  .filter-selects .select-wrapper{
    margin: 0;
  
    position: relative;
    height: 100%;
}

.filter-selects .select-wrapper::after {
    content: '▼';
    font: 17px "Consolas", monospace;
    color: #6A6868;
    right: 7.5px;
    top: 0;
    position: absolute;
    pointer-events: none;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .filter-selects select#sort-count {
    padding-right: 15px;
    padding-left: 7.5px;
    background-color: white;
    border-color: rgb(118, 118, 118);
    height: 100%;
    color: rgb(118, 118, 118);
    padding-top: 1px;
    padding-bottom: 1px;
}

.geotransModalForm input[type=text], .geotransModalForm input[type=email], .geotransModalForm input[type=file], .geotransModalForm textarea
{
    font-family:Calibri, sans-serif !important;
}

.navbar.navbar-expand-lg.navbar-light ul li a
{
    font-family:Calibri, sans-serif;
}

.beautify-marker.marker{
    display: flex;
    justify-content: center;
    align-items: center;
}

.beautify-marker.marker > i{
    margin: 0 auto !important;
}

/*
.marker-text .content
{
    padding-top:15px !important;
}
    */

.marker-image-modal{
    background-color: rgb(0, 0, 0, 0.7);
}

.ideen-desktop .close-side-modal
{
    display:none;
}

#markerModal .modal-dialog
{
    max-width:620px !important;
}

.sm-close
{
    font-size:18px;
}

span.term_color
{
    float:left;
    width:100%;
    height:3px;
    margin-top:5px;
    
}


.comments-off-true
{
    display:none !important;
}

.mobile-marker-info
{
    float:left;
    width:100%;
    background-color:#e57835;
    font-size:16px;
    color:white;
    padding:5px;
    border-radius:5px;
    display:none;
}

.menu-footermenue-container
{
    float:left;
    margin-left:15px;
}

.notcommentfrontend-true
{
    display:none !important;
}

select.sort-type
{
    font-size: 24px;
border: 1px solid #6A6868;
border-radius: 5px;
text-align: center;
color: #6A6868;
padding-left:10px;
padding-right:10px;
margin-left:5px;
line-height:1.5;
float:right;
position: relative;
}

select.sort-type::after
{
   
    font-family: 'Font Awesome 5 Free';
    content: '\f0d7';
    display: inline-block;
    width: 100px;
    height: 50px;
    background-color: black;
    position: absolute;
      
}



.readmore
{
    cursor:pointer;
    text-decoration: underline;
}

.marker-image-modal .modal-content,.marker-image-modal .modal-body
{
    padding:0;
}

.marker-image-modal .modal-body
{
    position: relative;
}

.marker-image-modal .modal-body img
{
    width:100%;
}
.marker-image-modal .modal-body button
{
    position: absolute;
    right:5px;
    top:5px;
}

.marker-image-modal .modal-dialog
{
    max-width:1000px;
}
@media(min-width:1201px)
{
    
    .leaflet-popup-content
    {
        margin-left: 20px !important;
        margin-right: 20px !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }

    .popuptitle h1
    {
        font-size:34px ;
    }

    .popupcontainer .popupdesc p
    {
        font-size:20px;
    }

    .popupcontainer h1
    {
        margin-bottom:5px;
    }

    quote
    {
        font-size:20px !important;
    }

    .popupcomment h2
    {
        font-size:30px;
    }

    .commenttext p
    {
        font-size:20px !important;
    }

    .btn-green.fullwidth
    {
        width:auto !important;
        float:right;
        margin-top:10px;
    }

    .popupfooter p
    {
        font-size:30px;
        line-height:1;
    }
    .geotransModal h1
    {
        font-size:34px;
    }

    .geotransModal h2.sub
    {
        font-size:30px;
        margin-bottom:20px;
    }

    .geotransModal h3.sub
    {
        font-size:20px;
    }

    .geotransModal p.sub
    {
        font-size:20px;
    }

    .geotransModal#newCommentModal .modal-body,.geotransModal#addMarkerClickedModal .modal-body
    {
        margin-top:0;
        padding-top:0;
    }

    .geotransModal#newCommentModal .modal-body .step1
    {
        border-top:1px solid #c4c4c4;
    }

    .geotransModal#addMarkerClickedModal .modal-title,.geotransModal#markerIdeaModal .modal-title
    {
        font-size:34px;
        color: #e57835;
        font-weight:bold;
        margin:0;
        padding:0;
        margin-bottom:15px;
    }

    .geotransModal#addMarkerClickedModal .modal-header button.close,.geotransModal#markerIdeaModal .modal-header button.close
    {
        margin-top:-30px;
    }

    .geotransModal#addMarkerClickedModal .modal-header
    {
        margin-top:0 !important;
    }
}
@media(max-width:1200px)
{
  
    #markerModalBody .col-auto
    {
        width:100%;
        text-align:center;
        padding-bottom:15px;
        padding-left:0;
        padding-right:0;
    }

    #markerModalBody .col-10
    {
        width:100%;
        padding-left:0;
        padding-right:0;
    }

    .maincontent .container-fluid .row h1
    {
        margin-bottom:0 !important;
        margin-top:30px !important;
    }

    .ideen-desktop .marker-list .col-10,.ideen-desktop .marker-list .col-2,.ideen-desktop .marker-list .col-6
    {
        float:left;
        width:100%;
        max-width:100% !important;
        flex:none !important;
    }

    .ideen-desktop .marker-item
    {
        padding-bottom:50px !important;
    }

    .ideen-desktop .marker-item .col-10 .content, .ideen-desktop .marker-list .content.subinfo
    {
        padding-left:0 !important;
        padding-top:10px !important;
    }
    .ideen-desktop .marker-list .content.emotionen
    {
        padding-top:15px;
    }

    .marker-tags
    {
        padding-left:0 !important;
    }
}

#markerIdeaTermLabel
{
    display:none;
}


.comment-answer
{
    float:left;
    width:100%;
    margin-top:15px;
    padding-left:30px;
}




.no-padding
{
    padding-left:0 !important;
    padding-right:0 !important;
}
.modal-body input
{
    margin-left:0 !important;
    margin-right:0 !important;
}
.modal-header button.close
{
    background-color:transparent !important;
}

.maincategories h2 {
    font-size: 20px !important;
}

.maincategories .fa-chevron-right.caticon {
    font-size: 22px !important;
}

.marker-list .title {
    font-size: 20px;
}

/*
.maincategories
{
    border-bottom:0;
    border-top:1px solid #c4c4c4;
}
*/
.maincategories:first-child
{
    border-top:0;
}

.maincategories .dot
{
    padding-right:20px;
}

.marker-item .dot
{
    padding-right:19px;
}

.maincategories .cat-text,.marker-item .cat-text
{
    padding-left:0;
}

.marker-list .content
{
    font-size:14px;
    padding-top:5px;
    margin-bottom:15px;
}
.marker-item
{
    padding-bottom:21px;
}

.marker-item .dot .fa-circle
{
    font-size:12px !important;
}


.ideen-mobile,.ideen-desktop
{
    float:left;
    width:100%;
    max-width:100% !important;
}

.ideen-desktop form input, .ideen-desktop select{
    border: 1px solid #6A6868;
    border-radius: 5px;
    text-align: center;
    color: #6A6868;
}

.ideen-desktop form button{
    background-color: transparent;
    border: none;
    color: #6A6868;
    position: absolute;
    right: 14px;
    padding-top: 3px;
}

.ideen-mobile
{
    display:none;
}

.ideen-desktop h1
{
    font-size:40px;
    padding-bottom:20px;
}

.ideen-desktop p
{
    font-size:20px;
}

.ideen-desktop .maincategories h2
{
    font-size:40px !important;
}

.ideen-desktop .maincategories .dot
{
    padding-top:6px;
}
.ideen-desktop  .marker-item .dot
{
    padding-left:20px;
}
.ideen-desktop .marker-list .title
{
    font-size:30px !important;
    font-family:Calibri, sans-serif !important;
    font-weight:500 !important;
}


.ideen-desktop .maincategories
{
    padding-bottom:40px;
}

.ideen-desktop .marker-list .content
{
    font-size:20px;
    margin-bottom:0;
}

.ideen-desktop .marker-list .content.subinfo
{
    color: #C4C4C4;


}

.ideen-desktop .maincategories
{
    padding-top:65px;
}

.ideen-desktop .marker-list
{
    padding-bottom:30px;
}

.ideen-desktop .maincategories:first-child
{
    padding-top:30px;
}

.ideen-desktop .marker-item
{
    padding-bottom:100px;
}

.ideen-desktop .all_comments,.ideen-desktop .single-comment,.ideen-desktop .single-comment .comment-text,.ideen-desktop .single-comment .comment-author
{
    float:left;
    width:100%;
}

.ideen-desktop .single-comment
{
    padding-bottom:35px;
}
.ideen-desktop .single-comment .comment-text p:last-child
{
    margin-bottom:0;
}

.ideen-desktop .single-comment .comment-author
{
    color:#c4c4c4;
}

.no-padding
{
    padding-left:0 !important;
    padding-right:0 !important;
}

.ideen-desktop .maincategories
{
    border-bottom:0;
}

.ideen-desktop .marker-list .info-icon
{
    float:left;
    width:auto;
    /* padding-right:55px; */
}

.ideen-desktop .marker-item .dot
{
    padding-top:3px;
}

.comments-wrapper,.status-wrapper
{
    padding-top:40px;
    float:left;
    width:100%;
}
.status-wrapper
{
    padding-top:0;
}
.status-wrapper img
{
    max-width:150px;
}

.status-wrapper p
{
    padding-top:5px;
}

.status-wrapper img.ratingssteps0
{
    display:none;
}

.ideen-mobile .maincontent p
{
    font-size:14px;
}

.ideen-mobile .maincontent p:last-child
{
    margin-bottom:0;
}

.ideen-mobile .maincategories
{
    border-bottom:0;
}

.ideen-mobile .marker-item .cat-text
{
    padding-left:0;
}

.ideen-mobile .marker-list .title
{
    font-size:20px;
}








.mapcontainer-wrapper
{
    float:left;
    width:100% !important;
    position:relative;
    max-width:100% !important;
}

.button-dot-wrapper
{
    position:absolute;
    right:15px;
    bottom:15px;
}

#mapfab {
    background-color: #e57835;
    outline: none;
    border: none;
    border-radius: 100%;
   
    width: 50px;
    height: 50px;
    z-index: 1000;
    transition: .3s;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mapfab-tgl {
    transform: scale(1.1);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


#mapfab i {
    font-size: 24px;
    margin-top:5px;
    
}

.dropdown-menu
{
    z-index:3000;
    min-width: 15rem !important;
}

.dropup .dropdown-toggle::after {
    content: none !important;
}

.geotransModal
{
    max-width:100% !important;
}

#markerModalFooter .btn-primary
{
    float:right;
}

#markerModalFooter
{
    display: inline;
}

.geotransModalLatLng
{
    height:auto !important;
}


.ideen-desktop,.ideen-mobile
{
    font-family: Calibri, sans-serif, sans-serif !important;
}
.ideen-desktop .maincategories h2
{
    font-size:34px !important;
    font-weight:700 !important;
   margin-top:5px !important;
   margin-bottom:0 !important;
   color:#6A6868 !important;
   font-family:Calibri, sans-serif !important;
}

.ideen-desktop .maincategories h2:before
{
    margin:0 !important;
    content:"" !important;
    background-color:transparent !important;
}

.ideen-desktop .maincategories .dot
{
    padding-left:0 !important;
}

.ideen-desktop .marker-list .title
{
    font-size:30px !important;
    line-height:30px !important;
    color:#6A6868 !important;
    font-weight:500 !important;
    margin-top:8px !important;
    margin-bottom:0 !important;
}

.ideen-desktop .marker-item .dot,.ideen-desktop .maincategories .dot
{
    
    width:50px;
    padding:0;
    text-align:center;
}

.ideen-desktop .maincategories .dot
{
    font-size:36px;
}



.ideen-desktop .marker-list .content
{
    font-size:20px !important;
    font-weight:24px !important;
    color:#6A6868;
}

.ideen-desktop .marker-list .content p:last-child
{
    margin-bottom:0;

}

.ideen-desktop .marker-list .content.subinfo
{
    padding-top:0;
    font-size:20px !important;
    font-weight:26px !important;

}

.ideen-desktop .marker-list .content.emotionen
{
    float:left;
    width:100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.comments-wrapper
{
    padding-top:55px !important;
    font-size:20px !important;
    line-height:18px !important;
    color:#6A6868;
}

.status-wrapper
{
    padding-top:24px !important;
    font-size:20px !important;
    line-height:18px !important;
    color:#6A6868;
}

.ideen-desktop .all_comments
{
    padding-left:30px;
    padding-top:14px !important;
}

.ideen-desktop .single-comment
{
    font-size:20px !important;
    line-height:26px !important;
    color:#6A6868;
}

.comments-wrapper .new-comment.btn,.all_comments .new-comment.btn
{
    float:left;
    margin-top:20px !important;
    background-color:#e57835 !important;
    color:white !important;
    border-radius:4px !important;
    border:none;
    font-size:20px !important;
    line-height:28px !important;
    padding-top:6px !important;
    padding-bottom:8px !important;
    padding-left:50px !important;
    padding-right:50px !important;
}

.all_comments .new-comment.btn
{
    margin-top:0 !important;
}

.ideen-desktop .status-wrapper .status-content
{
    float:left;
    width:100%;
    font-size:20px !important;
    line-height:1.8 !important;
    color:#6A6868;
}

.marker-image .content 
{
    padding-top:15px;
    float:left;
    width:100%;
}
.marker-image .content img
{
    float:left;
    width:100%;
}

.ideen-desktop .marker-list .marker-text .content
{
    padding-left:0 !important;
}

.ideen-desktop .single-comment .comment-author
{
    font-size:20px !important;
    font-weight:normal !important;
}

.ideen-desktop  .status-wrapper img,.ideen-desktop  .status-wrapper b,.ideen-desktop  .status-wrapper span
{
    float:left !important;
}

.ideen-desktop  .status-wrapper img
{
    max-width:150px !important;
}

.popupcontainer  h1:before, .popupcontainer  h2:before
{
    height:0 !important;
    margin:0 !important;
    background-color:transparent !important;
    content:"" !important;
}

.popupcontainer  h1
{
    margin-top:0 !important;
    margin-bottom:20px !important;
}
.leaflet-container a.leaflet-popup-close-button
{
    font: 26px/24px Tahoma, Verdana, sans-serif !important;
    width:28px !important;
}
.popupcontainer  quote
{
    color: #C4C4C4 !important;
    margin-top:5px !important;
}

.popupcomment h2
{
    /* margin-top:0 !important; */
    color:#6A6868 !important;
}
.commenttext .col div p:last-child
{
    margin-bottom:0;
}

.popupfooter i
{
    font-size:26px !important;
}

.popupfooter .col-auto
{
    float:left;
    width:auto !important;
    
}

.popupfooter.mt-4
{
    padding-left:7px !important;
}

#mapfab i
{
    margin-top:6px !important;
}

.geotransModal .modal-title
{
    margin-top:0 !important;
}

.geotransModal .modal-header{
    padding-bottom: 0px;
}

.geotransModal .close span
{
    font-size:26px !important;
}

#markerModalBody p
{
    font-family: Calibri, sans-serif, sans-serif !important;
    font-size:20px !important;
}

#markerModalFooter button
{
    font-size:20px !important;
}

#markerModalFooter button.btn-green
{
    background-color:#e57835 !important;
    color:white !important;
    border:none !important;
}

.geotransModal#newCommentModal .modal-header, #addMarkerClickedModal .modal-header, #markerIdeaModal .modal-header
{
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:0 !important;
    font-family: Calibri, sans-serif, sans-serif !important;
}

.geotransModal#newCommentModal .modal-body, #markerModal .modal-header, #addMarkerClickedModal .modal-body, #markerIdeaModal .modal-body
{
    padding-top:0 !important;
}

.geotransModal#addMarkerClickedModal .modal-header button.close, .geotransModal#markerIdeaModal .modal-header button.close,.modal-header button.close
{
    color:#6A6868 !important;
}

.geotransModalForm input[type=text], .geotransModalForm input[type=email],.geotransModalForm input[type=file], .geotransModalForm textarea
{
    font-family: Calibri, sans-serif, sans-serif !important;
}

.modal-body .headertext p
{
    font-family: Calibri, sans-serif, sans-serif !important;
    color:#6A6868 !important;
}
.geotransModal label[for*="TOS"]
{
    font-size:16px !important;
    font-family: Calibri, sans-serif, sans-serif !important;
    color:#6A6868 !important;
}

.modal-subfooter p
{
    font-family: Calibri, sans-serif, sans-serif !important;
}
p.modal-title
{
    font-family: Calibri, sans-serif, sans-serif !important;
    font-size:20px !important;
}
.dropdown-item
{
    font-family: Calibri, sans-serif, sans-serif !important;
    font-size:20px !important;
}

.popupCommentsToggle
{
    text-decoration: none !important;
}

.popupcontainer button.btn-green
{
    background-color:#e57835 !important;
    color:white !important;
    border:none !important;
}


#markerModalIdeaBtn:focus,
#markerModalIdeaBtn:active,
.btn-primary.btn-green:focus,
.btn-primary.btn-green:active,
#markerModalAdd:focus,
#markerModalAdd:active,
.btn.btn-primary.btn-agree:focus,
.btn.btn-primary.btn-agree:active,
.btn.btn-primary.show-more:focus,
.btn.btn-primary.show-more:active
{
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: initial !important;
}

.popupcontainer button.btn-green:focus,
.popupcontainer button.btn-green:active
{
    background-color:#e57835 !important;
}

.geotransModal h1:before,.geotransModal h2:before
{
    content:"" !important;
    margin:0 !important;
    background-color:transparent !important;
}

.geotransModal h1,.geotransModal h2{
    font-family: Calibri, sans-serif, sans-serif !important;
    color:#6A6868 !important;
}

.geotransModal h2.sub
{
    margin-top:0 !important;
    color:#6A6868 !important;
}

div#markerIdeaModal .modal-header {
    align-items: center;
    padding-top: 0;
}

.geotransModal .modal-title
{
    color:#e57835 !important;
    margin-bottom: 24px;
}

.data-modal .modal-subfooter p, .headertext p
{
    color:#6A6868 !important;
}

#markerModal .modal-content {
    padding: 1rem;
}

.leaflet-popup-content
{
    margin:0 !important;
    padding-left: 35px !important;
    padding-right: 33px !important;
    padding-top: 37px !important;
    padding-bottom: 40px !important;
    width:100% !important;
}

.popupcomment h2
{
    font-weight:500 !important;
}

.modal-content
{
    padding-top: 12px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom: 15px;
}


[data-bs-toggle='tooltip']
{
    outline:none !important;
}
a:focus {
    -webkit-appearance: none !important;
}

a:hover {
    -webkit-appearance: none !important;
}
.projektbeteiligung-text p
{
    font-family: Calibri, sans-serif;
line-height: 23px;
font-weight: 400;
font-size:16px;
}

.commenttext h5
{
    line-height: 23px;
font-weight: 400;
font-size:16px;
}

.maincontent .popupcomment h2
{
    font-size:29px !important;
}

.filter-selects
{
  
    text-align:left;
}



.marker-item .show-more
{
    float:left;
    width:100%;
    background-color:#e57835;
    margin-top:24px;
    border:none;
}

#searchform
{
  
    position: relative;
    float:left;
}

.category-select
{
    float:right;
    
    padding-left:10px;
}
.cat-select
{
    float:left;
    margin-right:20px;
    font-size:18px;
    margin-top:8px;
}

.cat-select input
{
    margin-right:10px;
}

.content.emotionen i
{
    font-size:26px;
}

/* .ideen-desktop .marker-list .info-icon:first-child
{
    padding-right:66px;
}

.ideen-desktop .marker-list .info-icon:nth-child(2)
{
    padding-right:66px;
}

.ideen-desktop .marker-list .info-icon:last-child
{
    padding-right:0;
} */

.marker-tags
{
    float:left;
    width:100%;
    margin-top:5px;
    padding-left:35px;
}

.marker-tags .marker-tag
{
    color:#5BA4E7;
    text-decoration: underline;
    margin-right:10px;
    margin-bottom:10px;
    font-weight:400;
}

.marker-tags .fa-tag
{
    color:#5BA4E7;
    font-size:20px;
    margin-right:10px;
}

.ideen-desktop .marker-item .col-10 .content,.ideen-desktop .marker-list .content.subinfo
{
    padding-left:35px;
}

h1.blue
{
    color:#5BA4E7 !important;
}

#mapcontainer
{
    float:left;
    width:100%;
   
    z-index: 1;
  
}
.scroll-down-arrow
{
    display:none !important;
}

.map_control
{
    position:fixed;
    bottom:110px;
    right:50px;
    top:auto;
    background-color:white;
    border-top-left-radius:60px;
    border-top-right-radius:60px;
    border-bottom-left-radius:60px;
    border-bottom-right-radius:60px;
    z-index:5000;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:17px;
    padding-right:15px;
}

.map_control .map_icon
{
    font-size:50px;
    line-height:1;
    text-align: center;
    color:#C4C4C4;
    padding-bottom:20px;
}

.map_control .map_icon:hover, .map_control .map_icon.active
{
    color:#e57835;
}


#side-modal
{
    overflow: scroll;
    width: 519px;
    float:left;
    height:100%;
    /*transition: width 0.5s;*/
    padding-top:35px;
    padding-bottom:50px;
    padding-left:40px;
    padding-right:40px;
    display:none;
    background-color:white;
    max-width: 520px;
}
.full-width
{
    float:left;
    width:100%;
}

.sm-options{
    float: right;
    font-size: 30px;
}
.sm-close{
    padding-left: 15px;
}
.sm-close:hover{
    cursor: pointer;
}
.close-side-modal, .btn-confirm
{
    font-size:20px;
    font-weight:400;
    color:#6A6868;
    background-color:transparent;
    border: 1px solid #6A6868;
    border-radius: 5px;
    padding-left:38px;
    padding-right:20px;
    line-height:26px;
    padding-top:3px;
    margin-bottom: 35px;
    padding-bottom: 3px;
}

.btn-confirm{
    width: 100%;
    margin-top: 35px;
    margin-bottom: 0;
    color:white;
    background-color: #e57835;
    border-color: #e57835;
}

.close-side-modal:not(.sm-options .close-side-modal){
    float:right;
}

.close-side-modal i
{
    margin-left:20px;
}




.layer_sidebar .layer
{
    /* width:33%; */
    float:left;
    /* padding-bottom:26px;
    padding-right:21px; */

    width: calc(33% - 27.6px);
}

.layer_sidebar .layers
{
    padding-top:25px;

    display: flex;
    flex-direction: row;
    flex-wrap: initial;
    column-gap: 21px;
    row-gap: 26px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layer_sidebar .layer .layers-box
{
    background-color:#C4C4C4;
    color:#6A6868;
    border-radius: 5px;
    float:left;
    width:100%;
    margin-top:5px;
    font-size:54px;
    text-align:center;
    padding-top:20px;
    padding-bottom:15px;
    min-height:89px;
    padding-left:15px;
    padding-right:15px;
}

.layer_sidebar .layer .layers-text
{
    float:left;
    width:100%;
    text-align:center;
    padding-top:11px;
   
    line-height:26px;
}
.layer_sidebar .layer .layers-text h4
{
    word-break: break-word;
    font-size:19px !important;
    overflow:hidden;
}   
.popuptitle.layer_categories
{
    padding-top:20px;
}
.all_lines_sidebar,.layer_sidebar,.all_places_sidebar,.line_changes_sidebar
{
    height:100%;
}

.layer_sidebar .layer
{
    cursor: pointer;
}

.scroll-down-arrow {
    float: left;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -50px;
    font-size: 40px;
}

.scroll-down-arrow i {
    padding: 0 10px;
}


.all_lines_sidebar, .layer_sidebar, .all_places_sidebar, .line_changes_sidebar {
    height: 100%;
}

.popuptitle ,
.popupdesc,
.popupcontainer,.popupcontainer p,.popupcontainer quote
{
    font-size:20px;
    font-weight:400;
    line-height:26px;
    font-family:Calibri, sans-serif;
}

.popuptitle h3
{
    font-size:30px;
    
}

.cat-dot
{
    float:left;
    width:12px;
    height:12px;
    border-radius:100%;
    margin-right:15px;
    margin-top:8px;
}

.anmerkung-header
{
    padding-top:8px;
}

.anmerkung-header,.anmerkung-text
{
    float:left;
    width:100%;
}

.anmerkung-header i
{
    color:#7CE196; 
    margin-right:12px;
}

.anmerkung-text
{
    padding-left:30px;
    padding-top:5px;
}

.popup-cat 
{
    float:left;
    width:100%;
    padding-top:5px;
    padding-bottom:5px;
}

.status-text .title-status
{
    float:left;
    
}
.status-text .ratingstep 
{
    float:left;
    width:180px;
    margin-top:-2px;
}

.popupcontainer hr
{
    margin-top:35px;
    margin-bottom:35px;
}

.commenttext h5
{
    font-size:24px;
    font-weight:bold;
}

.commenttext .full-width
{
    padding-bottom:25px;
}

.commenttext .full-width p
{
    margin-bottom:0;
}

quote.answer
{
    color:#6A6868 !important;
    width: 100%;
}

.answer-header,.answer-text
{
    float:left;
    width:100%;
}

.answer-header
{
    padding-top: 8px;
}

.answer-header i
{
    color:#7CE196;
    margin-right:12px;
}

.answer-text
{
    padding-left:30px;
    padding-top: 5px;
}

.add-comment-buttin
{
    margin-top:0 !important;
    margin-bottom:50px !important;
}

.tags
{
    padding-top:10px;
    padding-bottom:15px;
}

.tags .tag-icon
{
    color: #5BA4E7;
font-size: 20px;

float:left;

width: 8%;

}

.tags .tag-text
{

    float: left;
width: 92%;
}
.tags .single-tag
{
    color: #5BA4E7;
text-decoration: underline;
margin-right: 10px;
margin-bottom: 10px;
font-weight: 400;
}


.button-prev-post, .button-next-post {
    font-size: 20px;
    font-weight: 400;
    color: #6A6868;
    background-color: transparent;
    border: 1px solid #6A6868;
    border-radius: 5px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    line-height: 26px;
    padding-top: 3px;
}
.button-prev-post i, .button-next-post i {
    font-size: 12px;
    margin-top: 9px;
    margin-right: 9px;
    float: left;
}

.button-next-post, .button-next-post i {
    float: right;
    margin-right: 0;
    margin-left: 9px;
}

#side-modal form
{
    float:left;
    width:100%;
}

#side-modal  .geotransModal
{
    float:left;
    width:100%;
}

#side-modal .modal-dialog
{
    float:left;
    width:100%;
    max-width:none;
    margin:0;
}

#side-modal .modal-content,#side-modal .modal-body
{
    float:left;
    width:100%;
    padding:0;
    margin:0;
    border:none;
    overflow:none;
    overflow-x: hidden;
    max-width: 100%;
    
    box-shadow:none;
    font-family:Calibri, sans-serif !important;
}
.modal-body .headertext p
{
    font-family:Calibri, sans-serif !important;
    font-size:20px !important;
    line-height:26px !important;
}

.layer_cat.active .layers-box,
.line-list .layers .layer.active .layers-box
{
    background-color:#e57835;
    color:white;
}

.line-list .layers .layer.active .layers-box img{
    filter: brightness(0) invert(1);
}

.pagination-wrapper
{
    float:left;
    width:100%;
}

.pagination 
{
    margin-left:auto;
    margin-right:auto;
}

.pagination li
{
    border:1px solid #6A6868;
    text-align:center;
    margin-left:3px;
    margin-right:3px;
}



.pagination li a
{
    padding-left:14px;
    padding-right:14px;
    padding-top:6px;
    padding-bottom:3px;
    color:#6A6868;
    float:left;
   
}

.pagination li.active,.pagination li:hover
{
    background-color:#6A6868;
}

.pagination li.active a,.pagination li:hover a
{
    color:white;
    text-decoration:none;
}

.layer_sidebar, .all_lines_sidebar, .line_changes_sidebar
{
    position: relative;
}

.content.emotionen .info-icon
{
    cursor: pointer;
}


.popupcontainer {
    max-height: 95%;
    overflow: auto;
    overflow-x: hidden;

    /* height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; */

    /* padding-right: 15px; */
    }

.content-text
{
    float:left;
    width:100%;
    padding-left:24px !important;
    margin-bottom:40px !important;
}
    


.side-modal-right
{
    
    position:absolute;
    right:0;
    z-index:48;
}

.ideen-desktop .side-modal-right form input, .ideen-desktop .side-modal-right select,.ideen-mobile .side-modal-right form input, .ideen-mobile .side-modal-right select
{
    text-align:left !important;
}

header .btn-green
{
    font-size:24px;
}

header .navbar.navbar-expand-lg.navbar-light
{
    padding-top:12px;
}

.mainfooter .copyright
{
    text-transform: none !important;
}

.navbar-brand
{
    height:60px;
    max-width:none !important;
}
.navbar-brand img
{
    height:auto;
    width:auto;
    max-height:100%;
}

.clicker_thankyou
{
    position: absolute;
    height:100%;
    width:100%;
    float:left;
    display:none;
}


.ideen-desktop .side-modal-right
{
    float:left;
    width:100% !important;
    position: static;
    height:auto !important;
    max-width: none !important;
}

form .select-wrapper::after
{
    top:23px;
}

.btn.btn-secondary.btn-cancel, .btn.btn-primary.btn-agree
{
    color:white;
}

.button-liste
{
    display:none;
}

#BorlabsCookieBoxWidget
{
    padding-bottom:75px !important;
}

.btn.show-more
{
    font-size: 20px;
}


body.page-id-9 .maincontent .container-fluid,body.page-id-6 .maincontent .container-fluid,body.page-id-869 .maincontent .container-fluid,body.page-id-20 .maincontent .container-fluid,body.search-results .maincontent .container-fluid,body.search .maincontent .container-fluid
{
    max-width:1140px;
}

.ideen-desktop .marker-item
{
    border-bottom:1px solid #C4C4C4;
    padding-bottom:25px;
    padding-top:25px;
}

.category-select .btn.btn-default.dropdown-toggle
{
    font-size:24px;
    border: 1px solid #6A6868;
border-radius: 5px;
text-align: center;
color: #6A6868;
padding-top:0;
padding-bottom:0;
}

.category-select .dropdown-menu.checkbox-menu
{
    padding-left:10px;
}

.category-select .dropdown-menu.checkbox-menu
{
    cursor:pointer;
}

.select-fields
{
    padding-left: 15px;
    padding-right: 15px;
    float:left;
    width:100%;
}

.ideen-desktop h1
{
    padding-left:30px;  
    padding-right:30px;
}

#navbarSupportedContent li
{
    margin-left:15px !important;
    margin-right:15px !important;
}


.filter-selects 
{
    float: left;
    width: 100%;
}

.ideen-desktop form input
{
    width:400px;
}
@media(max-width:1200px)
{
    .ideen-mobile
    {
        display:inline-block;
    }

    .ideen-mobile .maincategories h2
    {
        margin:0 !important;
        color:#6A6868;
        line-height:20px !important;
        margin-top:5px !important;
        margin-bottom:12px !important;
        
    }

    .ideen-mobile .maincategories h2:before
    {
        margin:0 !important;
        content:"" !important;
        background-color:transparent !important;
        height:0 !important;
    }

    .ideen-mobile .maincategories a.col
    {
        text-decoration:none;
    }

    .ideen-mobile .marker-list .title
    {
        margin-top:0;
        margin-bottom:0;
        color:#6A6868;
        font-weight:500 !important;
        position:relative;
        top:-5px;
    }

    .ideen-mobile .marker-list .content
    {
        color:#6A6868;
    }

    .ideen-mobile .marker-list .btn.btn-green
    {
        background-color: #e57835;
        color:white;
        text-decoration:none;
        border:none;
        font-size:20px !important;
    }

    .ideen-mobile .marker-item .dot
    {
        margin-top:5px;
    }

    #side-modal .buttons button + button{
        margin-top: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1300px)
{
    header .btn-green
    {
        font-size:16px;
    }

    header .navbar.navbar-expand-lg.navbar-light
    {
        padding-top:3px;
    }
}

@media(max-width:992px)
{
    .select-fields{
        margin-bottom: 20px;
    }
    .filter-selects .select-wrapper::after{
        right: 4px;
    }
    .filter-selects{
        position: relative;
        top: 0;
        right: 40px;
        z-index: 10;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0;
        justify-content: space-between;
        margin-bottom: 30px;
        top: unset;
        right: unset;
    }
    .filter-selects #search_submit{
        right: 0;
        position: absolute;
        background-color: transparent;
        border: none;
        height: 100%;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .custom-file-input{
        font-size: 14px !important;
    }
    .modal-subfooter {
        padding-left: 0;
        padding-right: 0;
    }

    #markerIdeaModal .step1, #markerIdeaModal .step2, #markerIdeaModal .step3, #markerIdeaModal .step4{
        padding-top: 0;
    }

    #markerIdeaModal .step4 .headertext{
        padding-top: 25px;
    }

    .modal hr {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .geotransModal label[for*="TOS"]{
        font-size: 14px !important;
    }
    .headertext p {
        font-size: 14px;
    }

    .geotransModal .modal-title{
        margin-bottom: 20px;
    }

    div#markerModalBody p {
        font-size: 14px !important;
    }

    #markerModal .modal-header .close{
        margin: 0 !important;
        padding-right: 0;
    }

    .commenttext .col:first-of-type p {
        margin-top: 0;
    }

    .commenttext p {
        margin: 27px 0;
    }

    .commenttext p:not(.commenttext p:first-of-type){
        line-height: 18px;
    }

    .popuptitle h1{
        line-height: 28px;
    }

    .popupcontainer .popupdesc p{
        line-height: 18px;
    }

    .geotransModal .modal-body{
        padding: 0;
    }

    .popupfooter div a div {
        padding-right: 0;
    }
    .popupfooter{
        justify-content: space-between;
    }

    div#markerModalBody p {
        margin-bottom: 0;
    }

    #markerModal .modal-content{
        background-color: white;
    }

    #markerModalFooter{
        padding-bottom: 0;
    }

    #markerModalFooter .btn-secondary,#markerModalFooter .btn-secondary:focus{
        background-color: #C4C4C4 !important;
    }

  

    .popupcontainer h1{
        margin-bottom: 5px !important;
        margin-right: 20px;
    }

    .popupdesc p{
        margin-bottom: 10px !important;
    }

    /* .leaflet-popup-content{
        height: 310px !important;
    } */

    .popupcontainer button{
        width: 100%;
    }

    /* .geotransModal .modal-dialog{
        padding: 1rem;
    } */

    .geotransModal .modal-content{
        padding: 20px;
    }

    .geotransModal .modal-header{
        padding: 0;
    }

    .modal-subfooter{
        padding-top: 1rem;
    }

    .modal-custom-footer{
        padding: 0 !important;
    }

    .step1, .step2, .step3 {
        padding-top: 20px;
    }

    .step1 textarea{
        padding: 1rem;
    }

    .step3 .align-items-baseline{
        align-items: top !important;
    }

    .leaflet-popup-content::-webkit-scrollbar {
        display: none !important;
    }
      
    .leaflet-popup-content {
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }

    .leaflet-popup-content-wrapper{
        width: 473px !important;
    }
	
	 .popupcontainer
    {
        /* max-height:400px; */
        overflow-x:hidden;
        overflow-y: scroll;
    }

    .marker-image-modal{
        max-height: 100vh;
        height: auto;
        padding-top: 0.75rem;
    }
    .marker-image-modal .modal-body{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .marker-image-modal .modal-content{
        padding: 0;
    }
    .marker-image-modal .modal-dialog{
        height: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .ideen-desktop .close-side-modal
    {
        margin-bottom:0; 
        margin-top:20px; 
        display:inline-block;
        margin-right:17px;
    }

    .mobile-marker-info
    {
        display:inline-block;
    }

    .button-liste
    {
        display:inline-block;
        background-color: #e57835;
        margin-bottom:24px;
        border:none;
    }

    .button-liste span
    {
        color:white;
    }

    #sort-count
    {
        float:left;
        width:100%;
    }

    .select-fields
    {
        float:left;
        width:100%;
    }

    .filter-selects select#sort-count
    {
        height:auto;
        width:auto;
        float:right;
    }
    
    .category-select
    {
        float: left !important;
        padding-left:0;
    }

    .category-select a
    {
        float:left !important;
    }
    
    /* .map_control{
        bottom: calc(50px + 86px + 85px);
    } */

    /* small mobile */
    @media(max-width: 520px){
    /* Hide scrollbar for Chrome, Safari and Opera */
    .popupcontainer::-webkit-scrollbar{
        display: none;
    }

    .category-select
    {
        float:left !important;
        padding-left:0;
        padding-top:10px;
    }
    
    /* Hide scrollbar for IE, Edge and Firefox */
    .popupcontainer{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    }

    /* .popupcontainer{
        padding-right: 0;
    } */

    .layer_sidebar .layer
    {
        width: calc(33% - 12.6px);
    }

        #side-modal{
            width: 100%;
        }

        .footermenu,.footermenu ul li a
        {
            font-size:12px !important;
        }

        .subfooter .mainfooter
        {
            padding-left:10px;
            padding-right:10px;
        }

        .mainfooter .copyright
        {
            padding:0;
        }
    }

    @media(max-width: 768px){
        .layer_sidebar .layers{
            column-gap: 10px;
        }

        #side-modal{
           /* width: 100%; */
            max-width: 100%;
        }
        #side-modal .container{
            max-width: 100%;
        }

        .status-container {
            margin-top: 20px;
        }
        #side-modal .popuptitle{
            padding-right: 0;
        }
        #side-modal .popupcontainer{
            padding-bottom: 0;
            overflow-y: hidden !important;
        }
        #side-modal{
            height: auto !important;
            /* max-height: calc(100vh - 75px - 56px); */
            max-height: 100%;

        }
        .mapcontainer-wrapper{
            max-height: calc(100vh - 75px - 56px);
            /* max-height: 100%; */
            top: 56px;
           bottom: 75px;
           position: fixed;
        }

        .popupcontainer hr{
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .add-comment-buttin{
            margin-bottom: 20px !important;
        }
    
        #side-modal:not(.maincontent + #side-modal, .mapcontainer-wrapper #side-modal){
            height: auto !important;
        }
        .filter-selects select#sort-count{
            padding-right: 7.5px;
        }
        .popupcontainer{
            max-height: 100%;
        }

        .layer_sidebar .layer{
            width: calc(33% - 13px);
        }
        .layer_sidebar .layer .layers-text h4{
            overflow: auto;
            word-break: break-word;
        }
        .button-prev-post{
            margin-bottom: 10px;
        }
        .map_icons i {
            font-size: 35px;
        }
        .pagination li:nth-of-type(3n):not(.active, .pagination li:last-of-type, .pagination li:nth-last-of-type(2)), 
        .pagination li:nth-of-type(4n):not(.active, .pagination li:last-of-type, .pagination li:nth-last-of-type(2)), 
        .pagination li:nth-of-type(5n):not(.active, .pagination li:last-of-type, .pagination li:nth-last-of-type(2)) 
        {
            display: none;
        }
        .pagination li:first-of-type{
            margin-left: 0;
        }
        .pagination li:last-of-type{
            margin-right: 0;
        }
        .pagination{
            margin-left: 0;
            margin-right: 0;
            width: 100%;
            justify-content: space-between;
        }
        .pagination .pagination{
            margin-bottom: 30px;
        }
        .pagination li a{
            font-size: 20px;
        }
        /* .map_control{
            right: 40px;
        } */
        .map_control{
            padding: 10px;

            bottom: 75px;
            right: 15px;
        }
        .map_icons i {
            font-size: 30px;
        }
        .map_control .map_icon{
            padding-bottom: 10px;
        }
        .popupimage img{
            max-width: unset;
            display: block;
        }
        .marker-item .row .row:nth-of-type(2){
            flex-direction: column-reverse;
        }
        .ideen-desktop > .row{
            margin: 0 !important;
        }

        .maincontent .container-fluid .row h1
        {
            padding-left:15px;
        }

        .ideen-desktop form input, .ideen-desktop select
        {
            float:left;
            margin-left:0;
            margin-top:10px;
        }
    }
}


@media(max-width: 400px){
    .ideen-desktop form input
{
    width:100%;
    max-width:100%
}
}
.page-template-template-login .maincontent .container-lg,.page-template-template-register .maincontent .container-lg
{
    margin-top:20%;
}

.page-template-template-login .maincontent .container-lg a,.page-template-template-register .maincontent .container-lg a
{
    color:#e57835;
}

.page-template-template-login .maincontent .container-lg .login-submit input,.page-template-template-register .maincontent .container-lg #register_form input[type=submit]
{
    background-color:#e57835;
    color:white;
    border:none;
}

.page-template-template-register .maincontent .container-lg #register_form input[type=submit]
{
    margin-top:15px;
}

#custom_loginform label,#register_form label
{
    float:left;
    width:100%;
    padding-top:15px;
}

.layer-legenden .legende,.layer_legenden
{
    display:none;
}

.layer_legenden
{
    padding-top:20px;
}