@charset "utf-8";
/* CSS Document */






@import "font/stylesheet.css";
/*schriften einladen*/

@import "font/roboto-font.css";


/***VARIABLEN***/	
:root { --accent-color: #5497d2;}
:root { --accent-color-transparent: rgba(84, 151, 210, 0.15);}
:root { --accent-color-zwei: #2a516f;}
/***************/




/***************/


a.kontakt-aus-btt {
    background-color: var(--accent-color);
    color: white;
    padding: 5px 10px;
    margin: 25px 0px;
    float: left;
}

a.kontakt-aus-btt:hover {
    text-decoration: none;
}



/***STELLLENANGEBOT-AUSGABE-LANDING-PAGE*****/

#form_container.stellenangebot-ausgabe {
    float: none;
    width: inherit;
    border: none !important;
    padding: 0px;
}


.saah-trennlinie {
    height: 0.5px;
    background-color: black;
    margin: 50px 0px;
}


.stellenangebot-ausgabe-headbereich h3 {
    font-size: 50px;
}

.saah-info-bereich {
    display: flex;
}

ul.saah-infos  {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.saah-infos li, .saah-detail-Infos li, ul.saah-arbeitgeberinfos li {
    margin: 0px !important;
    float: none;
    width: 100% !important;
}

.saah-beschreibung {
    background-color: var(--accent-color-transparent);
    padding: 10px;
    width: 70%;
}

ul.saah-detail-infos {
    display: flex;
    justify-content: space-between;
}


ul.saah-detail-infos li {
    background-color: var(--accent-color-transparent);
    padding: 20px;
}

.saah-detail-Infos li {
    width: 32% !important;
}

ul.saah-arbeitgeberinfos {
    display: flex;
    flex-direction: column;
}

.saah-firma {
    font-size: 24px;
    margin: 20px 0px;
}


.saah-arbeitsort-logo {
    display: flex;
	    min-height: 250px;
}

.saah-arbeitsort {
    width: 40%;
}

.saah-bewerbungsbtt a {
    display: inline-block;
    background-color: var(--accent-color);
    padding: 5px 50px;
    margin: 20px 0px;
    min-width: 300px;
    text-align: center;
    color: white;
}


.saah-arbeitsort {
    position: relative;
    padding: 0px 0px 0px 40px;
}

.saah-arbeitsort::Before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: red;
    left: 0px;
    top: 0.2rem;
}

.saah-arbeitsort-ausgabe {
    background-color: var(--accent-color-transparent);
    padding: 5px;
    display: inline;
}


.saah-infos li {
    position: relative;
    padding: 0px 0px 0px 40px;
}

.saah-infos li::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background-color: red;
    left: 0px;
    top: 0.2rem;
}

.saah-beschreibung-titel {
    color: var(--accent-color);
    font-weight: bold;
}

.saah-arbeitgeberinfos li {
    position: relative;
    padding: 0px 0px 0px 40px;
}

.saah-arbeitgeberinfos li::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background-color: red;
    left: 0px;
    top: 0.2rem;
}

.saa-felder-ausgabe {
    background-color: var(--accent-color-transparent);
    padding: 5px;
    display: inline-block;
}

.stellenangebot-ausgabe-felder label  {
display: block;
}

.saah-titel {
    font-weight: bold;
    color: var(--accent-color);
}

ul.saah-infos li, ul.saah-arbeitgeberinfos li {
    margin: 10px 0px !important;
}




.saah-arbeitsort::before, #strasse::before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path fill="%23000000" d="M20.63,9.05c0-3.29-2.66-5.95-5.95-5.95-3.29,0-5.95,2.66-5.95,5.95s2.66,5.95,5.95,5.95c3.28,0,5.94-2.67,5.95-5.95M9.98,9.05c0-2.6,2.1-4.7,4.7-4.7s4.7,2.1,4.7,4.7-2.1,4.7-4.7,4.7c-2.59,0-4.7-2.09-4.7-4.68,0,0,0-.01,0-.02"/><path fill="%23000000" d="M26.23,23.65c-2.41-.56-4.87-.92-7.35-1.05 3.25-6.55 4.9-11.1 4.85-13.55C23.67,4.07,19.65.05,14.68,0,9.7-.02,5.64,4,5.62,8.98c0,.02,0,.05,0,.07,0,2.45,1.6,7.05,4.8,13.6-2.33.13-4.64.49-6.9,1.05C1.18,24.35.02,25.2.02,26.25c0,1.2,1.5,2.1,4.55,2.8,3.29.67,6.64.99,10,.95h.4c3.46.04,6.91-.28,10.3-.94,3.15-.7,4.7-1.6,4.7-2.8,0-1.1-1.2-1.95-3.75-2.6M14.68,1.25c4.31,0,7.79,3.49,7.8,7.8.1,4.2-5.85,15.3-7.9,19-2.05-3.8-7.7-14.8-7.7-19.05,0-4.27,3.45-7.74,7.72-7.75.03,0,.05,0,.08,0M1.22,26.25c0-.15.5-.75,2.6-1.35,2.35-.57,4.74-.92,7.15-1.05,1.05,2.1,1.95,3.85,2.5,4.85-2.92-.03-5.83-.33-8.7-.9-2.94-.65-3.54-1.4-3.54-1.55M25.02,27.85c-3.08.6-6.21.9-9.35.9,1.1-1.95,2.25-4.2,2.65-4.9,2.58.08,5.14.43,7.65,1.05,2.3.6,2.8,1.2,2.8,1.4-.05.1-.7.9-3.75,1.55"/></svg>') no-repeat center / contain;
}

#arbeitsortart::before {
 background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path fill='%23000000' d='M17.67,15.22h7.22v9.46h-7.22v-9.46ZM6.65,4.98h10.12v19.7H6.65V4.98ZM5.87,4.21v20.81H0v.78h30v-.78h-4.34v-10.57h-8.12V4.21H5.87Z'/><path fill='%23000000' d='M12.32,9.14h-4.19v3.59h4.19v-3.59ZM11.67,12.09h-2.89v-2.29h2.89v2.29Z'/><path fill='%23000000' d='M15.69,9.14h-4.19v3.59h4.19v-3.59ZM15.04,12.09h-2.89v-2.29h2.89v2.29Z'/><path fill='%23000000' d='M15.69,9.51h-4.19v3.6h4.19v-3.6ZM15.04,12.45h-2.89v-2.29h2.89v2.29Z'/><path fill='%23000000' d='M15.69,14.07h-4.19v3.6h4.19v-3.6ZM15.04,17.01h-2.89v-2.29h2.89v2.29Z'/><path fill='%23000000' d='M15.69,18.6h-4.19v3.59h4.19v-3.59ZM15.04,21.54h-2.89v-2.29h2.89v2.29Z'/><path fill='%23000000' d='M12.32,18.6h-4.19v3.59h4.19v-3.59ZM11.67,21.54h-2.89v-2.29h2.89v2.29Z'/><path fill='%23000000' d='M21.67,15.18h-4.19v3.6h4.19v-3.6ZM21.02,18.12h-2.89v-2.29h2.89v2.29Z'/><path fill='%23000000' d='M24.62,18.38h-4.19v3.6h4.19v-3.6ZM23.96,21.32h-2.89v-2.29h2.89v2.29Z'/></svg>") no-repeat center / contain;
}


#anstellungsart::before{
	  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path fill='%23000000' d='M14.93,0C6.32-.04.24,7.29.07,14.53c-.17,8,6.18,15.28,14.36,15.47,8.48.2,15.81-6.81,15.47-15.11C30.24,7.33,23.78.04,14.93,0M20.91,16.3c-.49.02-.98.07-1.47.07-1.44,0-2.88,0-4.31-.05-1.12-.04-1.34-.26-1.46-1.37-.05-.67-.07-1.33-.05-2,0-1.23-.04-2.46.01-3.68.04-1.09.53-1.5,1.52-1.4.83.08,1.19.42,1.23,1.27.05,1.02.05,2.03.08,3.05.01.38.04.76.07,1.24.62.02,1.17.04,1.72.07.87.05,1.75.07,2.62.15.66,0,1.21.49,1.27,1.15,0,.54-.45,1.46-1.23,1.5'/></svg>") no-repeat center / contain;

}

#arbeitszeit::before{
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path fill='%23000000' d='M29.91,14.88c.33,8.3-6.99,15.31-15.47,15.11C6.26,29.81-.1,22.53.07,14.53.24,7.29,6.32-.04,14.93,0c8.85.04,15.31,7.33,14.98,14.88M27.08,14.86c.07-6.53-5.16-11.88-11.69-11.95-.19,0-.37,0-.56,0-6.67.07-12.02,5.54-11.95,12.21,0,.04,0,.08,0,.12.03,6.31,5.66,11.88,12.11,11.93,6.14.06,12.37-5.38,12.08-12.32'/><path fill='%23000000' d='M16.53,13.42c.62.03,1.17.04,1.72.07.87.04,1.75.07,2.62.15.66,0,1.21.5,1.27,1.15,0,.54-.45,1.46-1.23,1.5-.49.02-.98.07-1.47.07-1.44,0-2.88,0-4.31-.05-1.12-.04-1.34-.26-1.46-1.37-.05-.66-.07-1.33-.05-2,0-1.23-.04-2.46.01-3.68.04-1.09.53-1.5,1.52-1.4.83.08,1.19.42,1.23,1.27.05,1.02.05,2.03.08,3.05.01.38.04.76.07,1.24'/></svg>") no-repeat center / contain;

}

#gehalt::before{
	  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path fill='%23000000' d='M29.6,12.03l-3.61-.83v-5.94c0-.28-.23-.52-.52-.52H.51C.23,4.74,0,4.97,0,5.25v13.4c0,.28.23.52.51.52h2.18v.06c-.08.28.09.55.37.62l.27.06 23.27,5.35c.24,0,.44-.16.5-.39l2.32-10.08.5-2.15c.06-.28-.11-.55-.39-.62ZM16.46,19.84c.72,0,1.43-.21,2.05-.59h6.61l-.25,1.09c-1.03-.01-1.98.54-2.48,1.43-.07.13-.13.26-.19.4l-12.66-2.91h4.86c.1.07.2.13.3.19.24.11.5.2.76.26.29.07.58.1.88.1ZM15.86,19.17h1.2c-.4.07-.8.07-1.2,0ZM1.03,5.77h23.93v12.37H1.03V5.77ZM26.28,24.14l-21.55-4.96h3.24c.01.1.09.18.18.2l14.02,3.23c.11,0,.2-.07.23-.17.32-1.16,1.47-1.88,2.65-1.66l.34-1.49c.09-.1.15-.22.15-.36v-.64l.53-2.3c.03-.12-.05-.25-.17-.28-.12-.04-.24-.08-.36-.14v-3.04l2.88.66-2.58,11.22Z'/><path fill='%23000000' d='M22.98,9.03c-1.26-.08-2.25-1.11-2.29-2.37,0-.14-.12-.24-.25-.24H5.55c-.13,0-.25.11-.25.24-.04,1.26-1.03,2.29-2.29,2.37-.13,0-.24.12-.24.25v5.35c0,.13.1.25.24.25,1.26.08,2.25,1.11,2.29,2.37,0,.13.12.24.25.24h14.9c.14,0,.25-.11.25-.24.04-1.26,1.03-2.29,2.29-2.37.13,0,.24-.12.24-.25v-5.35c0-.13-.11-.25-.24-.25ZM22.72,14.4c-1.32.2-2.35,1.26-2.5,2.59H5.78c-.15-1.33-1.18-2.4-2.51-2.59v-4.88c1.33-.19,2.36-1.26,2.51-2.59h14.44c.15,1.33,1.18,2.39,2.5,2.59v4.88Z'/><path fill='%23000000' d='M13.12,7.82c-2.25.04-4.05,1.89-4.02,4.14-.06,2.22,1.69,4.07,3.91,4.13,2.22.06,4.07-1.69,4.13-3.91,0-.07,0-.15,0-.22.03-2.25-1.77-4.1-4.02-4.14Zm0,7.63c-1.9-.04-3.41-1.6-3.38-3.5-.07-1.86,1.38-3.43,3.25-3.51,1.86-.07,3.43,1.38,3.51,3.25,0,.09,0,.17,0,.26.03,1.9-1.48,3.46-3.38,3.5Z'/></svg>") no-repeat center / contain;
}
	


#befristung::before{
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path fill='%23000000' d='M19.36,15.02c.31.27.52.48.75.65,3.08,2.29,5.1,5.74,5.57,9.55.05.37.17.73.22,1.1.04.37.26.71.59.89.59.43.83,1.19.59,1.88-.17.63-.7.74-1.23.81-.56.07-1.12.11-1.68.11-6.39-.02-12.78-.05-19.17-.09-.52,0-1.04-.1-1.53-.28-.57-.21-.86-.84-.65-1.41.05-.13.12-.24.21-.35,1.1-.95,1.29-2.18,1.56-3.48.64-3.31,2.41-6.3,5.01-8.45,1.11-.93,1.06-.97-.06-1.9-2.33-1.88-3.97-4.48-4.66-7.39-.2-.84-.34-1.69-.5-2.54-.1-.57-.2-1.12-.85-1.34-.49-.17-.87-.41-.8-1.05,0-.69.43-1.31,1.07-1.57.36-.1.73-.16,1.11-.16,5.86,0,11.72.01,17.59.03,1.2,0,2.4,0,3.59.08.59,0,1.09.46,1.13,1.05.22.59-.03,1.26-.58,1.57-.6.25-.98.85-.95,1.5-.32,4.25-2.49,7.47-5.63,10.15-.2.17-.39.35-.71.64M22.58,5.02c-.18-.11-.38-.18-.59-.23-4.61-.02-9.23-.02-13.84-.02-.13,0-.26.11-.36.16-.04.12-.09.2-.08.26.37,2.67,1.84,5.07,4.05,6.62.81.55,1.46,1.3,1.89,2.17.47.85.37,1.9-.27,2.64-.39.45-.84.85-1.26,1.27-.95.85-1.84,1.75-2.67,2.72-1.08,1.25-1.67,2.85-1.66,4.5,4.84.25,9.69.22,14.53-.08.02-.14.02-.28,0-.42-.44-2.3-1.64-4.39-3.41-5.92-.63-.54-1.24-1.09-1.84-1.66-.8-.73-1.06-1.88-.64-2.88.49-1.14,1.31-2.11,2.35-2.78.83-.7,1.56-1.5,2.17-2.4.74-1.22,1.29-2.56,1.62-3.95'/></svg>") no-repeat center / contain;
}

#eintrittstermin::before {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path fill='%23000000' d='M8.61,18.36h2.07v6.5c0,.2.16.36.35.36h1.82c.2,0,.36-.16.36-.36v-9.94c0-.2-.16-.36-.36-.36h-1.55c-.2,0-.36.16-.36.36c0,.1-.03.2-.06.3-.05.21-.16.4-.3.57-.21.22-.48.36-.77.42-.41.07-.82.11-1.23.12-.19,0-.34.16-.34.35v1.33c0,.2.16.36.36.36Zm.35-1.34c.34-.01.68-.05,1.01-.11.43-.09.83-.3,1.14-.62.22-.24.38-.54.47-.86.01-.05.03-.09.04-.14h.89v9.23h-1.11v-6.5c0-.2-.16-.36-.36-.36H8.61v-.64Z'/><path fill='%23000000' d='M15.33,24.47c.72.58,1.63.88,2.55.84,1.11.07,2.18-.38,2.91-1.21.63-.75.97-1.7.96-2.68.14-1.84-1.25-3.45-3.09-3.58-.11,0-.22-.01-.32,0-.39,0-.79.05-1.16.18-.05.02-.11.04-.17.07l.09-1.16h3.24c.2,0,.36-.16.36-.36v-1.66c0-.2-.16-.36-.35-.36h-5.32c-.19,0-.34.15-.35.33l-.37,5.48c-.01.2.14.37.33.38l1.94.08c.14,0,.27-.07.33-.19.1-.2.27-.36.49-.43.16-.05.33-.07.5-.07.32-.03.63.11.81.37.2.32.31.7.29,1.08.02.38-.09.76-.31,1.07-.19.25-.5.39-.82.37-.26.02-.51-.06-.7-.24-.19-.23-.31-.51-.35-.8-.03-.17-.18-.29-.35-.29h-1.94c-.2,0-.36.16-.36.36.03.92.44,1.79,1.14,2.4Zm.87-2.07c.08.32.24.62.47.87.32.32.76.48,1.21.46.54.03,1.06-.22,1.39-.65.31-.44.47-.96.45-1.49.01-.52-.13-1.04-.42-1.48-.32-.46-.85-.71-1.4-.68-.25,0-.5.03-.73.11-.31.11-.57.31-.76.58l-1.37-.06.33-4.78h4.63v.94h-3.21c-.19,0-.34.14-.35.33l-.18,2.17c-.02.2.13.37.33.38.08,0,.16-.01.22-.06.2-.14.41-.26.63-.35.29-.1.6-.14.91-.14,1.45-.04,2.67,1.1,2.71,2.56,0,.11,0,.21-.01.32,0,.81-.27,1.61-.8,2.23-.59.67-1.47,1.02-2.36.95-.76.04-1.5-.2-2.1-.68-.46-.39-.75-.93-.84-1.52h1.26Z'/><path fill='%23000000' d='M25.74,4.64h-.87c-.07,0-.15.02-.21.05V1.76c-.02-.97-.83-1.74-1.8-1.72-.94.02-1.69.78-1.72,1.72v2.89s-.07,0-.1-.01H9.98s-.09,0-.13.02V1.75C9.01.78,8.23,0,7.26,0s-1.76.79-1.76,1.76v2.91c-.06-.02-.12-.03-.18-.03h-.87c-1.67,0-3.03,1.36-3.03,3.03v19.3c0,1.67,1.36,3.03,3.03,3.03h21.47c1.67,0,3.03-1.36,3.03-3.03V7.67c0-1.67-1.36-3.03-3.03-3.03Zm-3.63-2.88c0-.43.35-.77.77-.77s.77.35.77.77v5.29c0,.43-.35.77-.77.77s-.77-.35-.77-.77V1.76ZM6.3,1.76c0-.43.35-.77.77-.77s.77.35.77.77v5.29c0,.43-.35.77-.77.77s-.77-.35-.77-.77V1.76ZM27.7,26.97c0,1.08-.88,1.96-1.96,1.96H4.27c-1.08,0-1.96-.88-1.96-1.96V7.67c0-1.08.88-1.96,1.96-1.96h.34v1.05c0,1.35,1.1,2.45,2.45,2.45s2.45-1.1,2.45-2.45v-1.05h11v1.05c0,1.35,1.1,2.45,2.45,2.45s2.45-1.1,2.45-2.45v-1.05h.33c1.08,0,1.96.88,1.96,1.96v19.3Z'/><path fill='%23000000' d='M26.14,12.33H3.95c-.3,0-.53.24-.54.53v13.11c0,1.01.82,1.84,1.84,1.84h19.58c1.01,0,1.84-.82,1.84-1.84V12.86c0-.29-.24-.53-.53-.53Zm-.53,13.65c0,.42-.34.77-.77.77H5.25c-.42,0-.77-.34-.77-.77V13.4h21.12v12.58Z'/></svg>") no-repeat center / contain;
}

#ansprechpartner::before{
	  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path fill='%23000000' d='M25.21,7.64c1.88-1.35,2.31-3.97.96-5.85-1.35-1.88-3.97-2.31-5.85-.96-1.88,1.35-2.31,3.97-.96,5.85.27.37.59.69.96.96-.2.05-.35.15-.55.2-2.39-2.73-6.53-3-9.26-.62-.19.16-.36.34-.53.52-.1-.05-.25-.1-.35-.15,1.88-1.35,2.31-3.97.96-5.85C9.24-.15,6.62-.58,4.74.78c-1.88,1.35-2.31,3.97-.96,5.85.27.37.59.69.96.96C1.99,8.61.15,11.24.15,14.18v.4c0,.36.29.64.65.65h8.29c.51.98,1.27,1.8,2.2,2.4-4.45.83-7.67,4.71-7.69,9.24v2.5c.01.35.29.63.64.64h21.22c.36,0,.64-.29.65-.65v-2.5c0-4.5-3.21-8.37-7.64-9.18.92-.61,1.67-1.43,2.2-2.4h8.54c.36,0,.64-.29.65-.65v-.4c-.03-2.95-1.88-5.57-4.64-6.59M22.76,1.25c1.63,0,2.94,1.32,2.94,2.94s-1.32,2.95-2.94,2.95c-1.62-.02-2.92-1.33-2.95-2.95-.01-1.61,1.28-2.93,2.89-2.95.02,0,.04,0,.05,0M4.19,4.19c0-1.63,1.32-2.94,2.94-2.94,1.62.02,2.92,1.33,2.94,2.94,0,1.63-1.32,2.94-2.94,2.94s-2.95-1.32-2.95-2.94M1.35,13.98c.14-3.1,2.69-5.53,5.79-5.54.7,0,1.39.14,2.05.4-.92,1.57-1.17,3.44-.7,5.19H1.35v-.05ZM16.72,18.72c4.49,0,8.13,3.64,8.14,8.14v1.9H4.89v-1.9c0-4.49,3.64-8.13,8.14-8.14h3.7ZM14.82,17.47c-2.09,0-3.99-1.24-4.84-3.15-.79-1.8-.54-3.88.65-5.44,1.81-2.31,5.15-2.72,7.46-.91,2.31,1.81,2.72,5.15.91,7.46-1.01,1.29-2.55,2.04-4.18,2.04M21.11,13.98c.49-1.71.26-3.56-.65-5.09,2.95-1.24,6.35.15,7.59,3.11.26.63.42,1.3.45,1.99h-7.39Z'/></svg>") no-repeat center / contain;

}



#telefon.stellenangebot-ausgabe-felder::before {
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path fill='%23000000' d='M27.25,25.21c1.49,0,2.69-1.21,2.7-2.69l.05-14.94c0-1.49-1.2-2.71-2.69-2.71l-24.54-.08c-1.49,0-2.69,1.21-2.7,2.69l-.05,14.94c0,1.49,1.2,2.71,2.69,2.71l24.54.08ZM3.71,24.01h-.95v-.02h-.06c-.86,0-1.56-.7-1.56-1.56l.05-14.94c0-.86.7-1.56,1.57-1.56l24.54.08c.86,0,1.56.71,1.56,1.57l-.05,14.94c0,.86-.7,1.56-1.57,1.56l-23.53-.08Z'/><path fill='%23000000' d='M25.86,7.15h-5.69c-.16,0-.28.13-.28.29v7.56c0,.16.13.28.28.28h5.69c.16,0,.28-.13.28-.28v-7.56c0-.16-.13-.28-.28-.28ZM25.57,14.71h-5.12v-6.99h5.12v6.99Z'/><path fill='%23000000' d='M4.66,17.43h8.82c.31-.01.56-.28.54-.59-.01-.3-.25-.53-.54-.54H4.66c-.31-.01-.58.23-.59.54-.01.31.23.58.54.59.02,0,.03,0,.05,0Z'/><path fill='%23000000' d='M17.6,19.57H4.66c-.31-.01-.58.23-.59.54-.01.31.23.58.54.59.02,0,.03,0,.05,0h12.94c.31.01.58-.23.59-.54.01-.31-.23-.58-.54-.59-.02,0-.03,0-.05,0Z'/></svg>") no-repeat center / contain;
}



/*********STELLENANGEBOTE--- STATUS**************/

fieldset.stellenangebot-bearbeitung ul {
  font-size: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

fieldset.stellenangebot-bearbeitung li {
  display: block;
      margin: 20px 0px;
  padding: 4px 5px 2px 9px;
  position: relative;
}



fieldset.stellenangebot-bearbeitung input.text {
  background: #fff url(../../../images/shadow.gif) repeat-x top;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  border-top: 1px solid #7c7c7c;
  color: #333;
  font-size: 100%;
  margin: 0;
     padding: 10px 5px;
}


fieldset.stellenangebot-bearbeitung textarea.textarea {
  background: #fff url(../../../images/shadow.gif) repeat-x top;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  border-top: 1px solid #7c7c7c;
  color: #333;
  font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size: 100%;
  margin: 0;
  width: 100%;
	    min-height: 200px;
}

fieldset.stellenangebot-bearbeitung label.choice {
  color: #444;
  display: block;
  font-size: 75%;
  line-height: 1.4em;
  margin: -1.55em 0 0 25px;
  padding: 4px 0 5px;
  width: 100%;
}

fieldset.stellenangebot-bearbeitung label.description {
  border: none;
  color: #222;
  display: block;
  font-weight: 700;
  line-height: 150%;
  padding: 0 0 1px;
}

fieldset.stellenangebot-bearbeitung form li.section_break {
    border-top: 1px solid black;
    padding: 20px 0px;
    margin: 50px 0px 0px 0px;

}

fieldset.stellenangebot-bearbeitung input#saveForm {
    width: inherit;
}

fieldset.stellenangebot-bearbeitung input#anonym {
    width: inherit;
}


fieldset.stellenangebot-bearbeitung select.select {
  color: #333;
  font-size: 100%;
  margin: 1px 0;
     padding: 10px 5px;
  background: #fff url(../../../images/shadow.gif) repeat-x top;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  border-top: 1px solid #7c7c7c;
}

fieldset.stellenangebot-bearbeitung input {
    width: 100%;
}

fieldset.stellenangebot-bearbeitung form li::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

li#eintrittstermin span {
  color: #444;
  float: left;
  margin: 0 4px 0 0;
  padding: 0 0 8px;
}


.kunde-stellenuebersicht {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid;
    padding: 10px 0px;
}
.kunde-stellenuebersicht.k-su-header .k-su-spalte {
    font-weight: bold;
}

.k-su-edit, .k-su-frei, .k-su-inaktiv, .k-su-loeschen, .k-su-anzeige {min-width: 10%;}
.k-su-titel {min-width: 45%;}
.k-su-status {min-width: 15%;}

.k-su-spalte {
    word-break: break-word;
    flex: 1;
    padding: 0px 10px;
}


.k-su-edit.k-su-spalte, .k-su-frei.k-su-spalte, .k-su-inaktiv.k-su-spalte, .k-su-loeschen.k-su-spalte {
    text-align: center;}


a.k-su-icon{
  cursor: pointer;
  text-decoration: none;
}


.k-su-icon {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}

.icon-bearbeiten {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M3%2017.25V21h3.75L17.81%209.94l-3.75-3.75L3%2017.25zM20.71%207.04a1.003%201.003%200%200%200%200-1.42l-2.34-2.34a1.003%201.003%200%200%200-1.42%200l-1.83%201.83%203.75%203.75%201.84-1.82z'/%3E%3C/svg%3E");}

.icon-freischalten {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%2300aa00'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%2017a2%202%200%201%200%20.001-3.999A2%202%200%200%200%2012%2017zm6-8h-1V7a5%205%200%200%200-10%200h2a3%203%200%201%201%206%200v2H6c-1.1%200-2%20.9-2%202v9c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2v-9c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");}

.icon-deaktivieren {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23ff8800'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%202a5%205%200%200%201%205%205v3h1a1%201%200%200%201%201%201v10a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V11a1%201%200%200%201%201-1h11V7a3%203%200%200%200-6%200H9a5%205%200%200%201%203-5zm0%2012a1.5%201.5%200%201%200%200%203%201.5%201.5%200%200%200%200-3z'/%3E%3C/svg%3E");
}

.icon-loeschen {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23cc0000'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6%2019c0%201.1.9%202%202%202h8a2%202%200%200%200%202-2V7H6v12zM19%204h-3.5l-1-1h-5l-1%201H5v2h14V4z'/%3E%3C/svg%3E");}


/*********STELLENANGEBOTE ---- FORMULAR ********************/


ul.stellenausgabe-ansicht label.description {
    color: var(--accent-color);
}

fieldset.stellenangebot-bearbeitung label {
    color: var(--accent-color);
}

fieldset {
    margin: 35px 0px;
    padding: 35px;
    border-color: var(--accent-color);
    border-style: solid;
}


legend {
    font-weight: bold;
}


fieldset label {
    width: 100%;
    display: block;
}


fieldset label input, fieldset label select {
    width: 100%;
    height: 30px;
    margin: 10px 0px;
}


fieldset label textarea {
    width: 100%;
    min-height: 100px;
    margin: 10px 0px;
}


fieldset label input[type="checkbox"] {
    width: 25px;
    margin: 10px 10px 0px 10px;
    top: 8px;
    position: relative;
}


fieldset label input[type="date"] {
    width: 220px;
}



/***********************************************************/



/*****STELLENAUSGABE**********************************/

.stellenangebot-ausgabe-felder label {
    font-weight: bold;
    color: var(--accent-color);
}


.stellenangebot-ausgabe-felder {
    margin: 20px 0px;
}

li#stellentitel, li#stellenbeschreibung {
    width: 100% !important;
}


li#stellenbeschreibung::after {
    border-bottom: 1px solid var(--accent-color);
    content: " ";
    display: block;
    padding: 0px 0px 35px 0px;
}

.stellenangebot-ausgabe .trennlinie::after {
    border-bottom: 1px solid var(--accent-color);
    content: " ";
    display: block;

}

.stellenangebote-ausgabe-container label {
    display: inline-block;
    min-width: 150px;
    font-weight: bold;
}

.stellenangebote-ausgabe.sa-informationen a {
    margin: 20px 0px;
    display: inline-block;
    background-color: var(--accent-color);
    color: white;
    padding: 10px 20px;
}

.stellenangebote-ausgabe.sa-informationen a:hover {
    text-decoration: none;
}


.stellenangebote-ausgabe {
    line-height: 200%;
}


/****************************************/



/*SOCIAL MEDIA ICONS-BEREICH****/	
	.socialmedia-links {display: flex; justify-content: space-between;}
	.sm-title {display: block; text-align: center; margin:0 0 20px 0;}
	.sm-row a {display: block; text-align: center;}
	.sm-row img {height:45px; width:auto;}
    .sm-title {    font-size: 15px;}

	@media screen and (max-width:778px)	{
	.socialmedia-links {flex-direction: column;}
	.sm-row {margin: 0 0 25px 0;}
	}
/****************************************/




/***********UMBAU FÜR WERBEPORTAL*************************************/

.mobile {display: none}

.gap {
    display: block;
    width: 100%;
    float: left;
}

.gap-50 {height: 50px;}
.gap-100 {height: 100px;}
.gap-150 {height: 150px;}
.gap-200 {height: 200px;}

.raster-img-full img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.raster-img-full {
    overflow: hidden;
    position: relative;
    height: auto;
}

/*
.startseite-header-wp {
    background-image: url(/images/wp-duesseldorf-startseite-small.jpg);
    height: 377px;
    background-repeat: no-repeat;
    background-size: contain;
}
*/


.sea-google-bereich {
    display: flex;
    justify-content: space-between;
    width: 100%;
	    gap: 35px;
}

.sgb-kasten h3 {
    min-height: 65px;
}

.sgb-kasten .img-container {
    max-height: 190px;
    overflow: hidden;
}

.reihe, .raster-reihe {
    display: flex;
    gap: 25px;
    margin: 35px 0px;
}



.raster-1-12 {width: 8,33%;}
.raster-2-12 {width: 16,67%;}
.raster-3-12 {width: 25%;}
.raster-4-12 {width: 33,33%;}
.raster-5-12 {width: 41,67%;}
.raster-6-12 {width: 50%;}
.raster-7-12 {width: 58,33%;}
.raster-8-12 {width: 66,67%;}
.raster-9-12 {width: 75%;}
.raster-10-12 {width: 83,33%;}
.raster-11-12 {width: 91.67%;}
.raster-12-12 {width: 100%;}

footer {background-color:#1a1c20;width: 100%;padding: 50px 0px;}
.footer-width {max-width: 1280px;margin: 0px auto;}
footer title {color: white;}
footer a {color: #8b8d94;}


section.headerimage {
    height: 500px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.startseite-header-wp {
	display: flex;
  align-items: center;
  justify-content: center;
	height: 500px;
  background-image: url(/images/Werbeportal-Duesseldorf-Start-Header.webp);
}

.shwp {	width: 1280px;}

.header-highlight-text {
  background-color: rgba(255,255,255,0.8);
  display: inline-block;
  padding: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 28px;
	line-height: 38px;
}

.header-reg-btt {  display: block;	text-decoration: none;}
	
.header-reg-btt:hover {text-decoration: none;}

@media screen and (max-width:778px){
	
.startseite-header-wp {
    height: 350px;
align-items: flex-start;
  }

.header-highlight-text {
  font-size: 20px;
  line-height: 24px;
}
	.desktop {display: none}
	.mobile {display: block}
/*.startseite-header-wp {
    background-image: url(/images/wp-duesseldorf-startseite-mobile.jpg);
    height: 210px;
    background-repeat: no-repeat;
    background-size: contain;}*/
	
	.sea-google-bereich {  flex-direction: column;}
	
	.reihe, .raster-reihe {flex-direction: column;}
	.raster-1-12, .raster-2-12, .raster-3-12, .raster-4-12, .raster-5-12, .raster-6-12, .raster-7-12, .raster-8-12, .raster-9-12, .raster-10-12, .raster-11-12, .raster-12-12 {width: 100%;}
section.headerimage {
  height: 200px;
}
}



/**TEXT FORMATIERIUNGEN**/

.zentriert {text-align:center !important;} 
.txtgross {text-transform: capitalize;}

a { color:var(--accent-color); ;text-decoration:none;}
a:hover {text-decoration:underline;}


h4.hh-trennlinien {
    display: flex;
}

h4.hh-trennlinien::before {
    content: "";
    width: 50%;
    display: inline-block;
    height: 1px;
    background-color: lightgrey;
    margin: 0px 10px 0px 0px;
    align-self: center;
}


h4.hh-trennlinien::after {
    content: "";
    width: 50%;
    display: inline-block;
    height: 1px;
    background-color: lightgrey;
    margin: 0px 0px 0px 10px;
    align-self: center;
}


a.btt.btt-block {
    border: 1px solid black;
    width: 100%;
    display: block;
    text-align: center;
    padding: 20px;
    text-decoration: none;
}

a.btt.btt-block:hover {background-color: #f0f0f0;}


#btt_vcard_call a {
    background-image: url(/images/brancheneintrag/Fon-negativ.svg);
    width: 80px;
    height: 80px;
    display: block;
    background-color: var(--accent-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    border-radius: 50px;
}

#btt_vcard_mail a {
    background-image: url(/images/brancheneintrag/Mail-negativ.svg);
    width: 80px;
    height: 80px;
    display: block;
    background-color: var(--accent-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    border-radius: 50px;
}

#btt_vcard_web a {
    background-image: url(/images/brancheneintrag/Web-negativ.svg);
    width: 80px;
    height: 80px;
    display: block;
    background-color: var(--accent-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    border-radius: 50px;
}

#btt_vcard_route a {
    background-image: url(/images/brancheneintrag/Adresse-negativ.svg);
    width: 80px;
    height: 80px;
    display: block;
    background-color: var(--accent-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    border-radius: 50px;
}


.btt_vcard_btt img {
  display: none;
}

.microsite-section #ds_adr_kat_adresse {   
	background-image: url(/images/brancheneintrag/Adresse-positiv.svg);
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;

}


.detailsuch_icons.detail-telefon::before {   
	background-image: url(/images/brancheneintrag/Fon-positiv.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
	content:"";

}


.detailsuch_icons.detail-fax::before  {   
	background-image: url(/images/brancheneintrag/Fax-positiv.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
	content:"";
}


.detailsuch_icons.detail-mobil::before  {   
	background-image: url(/images/brancheneintrag/Mobil-positiv.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
	content:"";
}


.detailsuch_icons.detail-mail::before  {   
	background-image: url(/images/brancheneintrag/Mail-positiv.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
	content:"";
}

.detailsuch_icons.detail-web::before  {   
	background-image: url(/images/brancheneintrag/Web-positiv.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
	content:"";
}


#detailsuche_suchb_kontaktdaten img {
  display: none;
}


.wpss-highlight {margin: 20px 0px;}

a.wpss-duesseldorf {
    background-image: url(/images/staedte/Header-Duesseldorf.jpg);
    width: 100%;
    height: 350px;
    display: flex;
}


.wpss-duesseldorf h3, .wp-stadte-startseite ul li h3  {
    justify-content: center;
    align-self: center;
    display: flex;
    width: 100%;
    color: white !important;
    text-shadow: 0px 0px 20px black, 1px 1px 1px black, -1px 1px 1px black, 1px -1px black;
}

.wpss-duesseldorf h3  {font-size: 4em;}


.wp-stadte-startseite ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 15px;
}


.wp-stadte-startseite ul li {width: 19%;}

.wp-stadte-startseite ul li a {
    display: flex;
    min-height: 200px;
}


.wp-stadte-startseite a {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-decoration: none;}


a.wpss-dormagen {background-image: url(/images/staedte/Header-Erkrath.jpg);}
a.wpss-erkrath {background-image: url(/images/staedte/Header-Erkrath.jpg);}
a.wpss-hilden {background-image: url(/images/staedte/Header-Hilden.jpg);}
a.wpss-krefeld {background-image: url(/images/staedte/Header-Krefeld.jpg);}
a.wpss-langenfeld {background-image: url(/images/staedte/Header-Langenfeld.jpg);}
a.wpss-meerbusch {background-image: url(/images/staedte/Header-Meerbusch.jpg);}
a.wpss-mettmann {background-image: url(/images/staedte/Header-Mettmann.jpg);}
a.wpss-monheim {background-image: url(/images/staedte/Header-Monheim.jpg);}
a.wpss-neuss {background-image: url(/images/staedte/Header-Neuss.jpg);}
a.wpss-ratingen {background-image: url(/images/staedte/Header-Ratingen.jpg);}

.wp-stadte-startseite ul li a:hover, a.wpss-duesseldorf:hover {
    background-color: var(--accent-color);
    backdrop-filter: blur(84px);
    background-blend-mode: multiply;
}

.wpss-staedte-text {
    margin: 15px 0px;
	font-size: 15px;
}

@media screen and (max-width:778px){
.wpss-duesseldorf h3 {font-size: 2em;}
a.wpss-duesseldorf {height: 200px;}
.wp-stadte-startseite ul li {width: 48%;}
.wp-stadte-startseite ul li a {min-height: 100px;}
}


img.franchise-konzept-logo {
    max-width: 200px;
}

/** NEUER CSS BEREICH FÜR DIE ZUKUNFT*********************************************/

/*1
Inhaltsverzeichnis:
- Basis
- Header
- Content
  - Startseite
  - Suche
  - News
  - Leistungen
  - Partner
  - Login
  - Registrieren
- Footer
- Tablet
- Mobile
*/



/****BASIS******/

/*body {font:normal 300 20px/30px 'Roboto', sans-serif;}*/



wrapper {position: absolute;     overflow: hidden;}

* {
    box-sizing: border-box;
}
body, p {  font: normal 300 16px/24px 'Roboto', sans-serif !important; letter-spacing: 0px !important;}

#startseite {  font: normal 300 20px/24px 'Roboto', sans-serif !important; letter-spacing: 0px;}


#startseite h1, h1 {
    font: normal 900 52px/60px 'Roboto', sans-serif !important;
    text-transform: uppercase;
    padding: 0;
    margin: 25px 0 0 0;
}

#startseite h2, h2 {
    font: normal 700 34px/34px 'Roboto', sans-serif !important;
    text-transform: uppercase;
    padding: 0;
    margin: 25px 0 25px 0;
}

 h3 {
    font: normal 700 20px/30px'Roboto', sans-serif;
    text-transform: uppercase;
    padding: 0;
    margin: 25px 0 25px 0;
}


 h4 {
    font: normal 700 18px/24px'Roboto', sans-serif !important;
    text-transform: uppercase;
    padding: 0;
    margin: 25px 0 25px 0;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--accent-color) !important;
	text-align: left !important;
	word-wrap: break-word;
}

.werbepaket-tabelle-kopfzeile h2 {
    text-align: center !important;
}

.h1-highlight{ font: normal 900 30px/36px 'Roboto', sans-serif; text-transform: uppercase;}
.h2-highlight{ font: normal 700 24px/28px 'Roboto', sans-serif; text-transform: uppercase;}

section {
    margin: 25px 0 25px 0;
    float: left;
    width: 100%;
}

.col-2 {width: 50%;}

article img {
    width: 100%;
}

#hauptinhaltContentBlock, #hauptinhaltContentBlock_Suche {

    width: 100%;
    padding-left: 0% !important;
    padding-right: 0% !important;

}


.floating-left{float: left;}
.floating-right{float:right;}


.row {
    display: flex;
    justify-content: space-between;}

.row .col-2 {width: 45%;}



.btt-standard a {
  margin: 25px 0px;
  border: 1px solid;
  display: inline-block;
  padding: 15px 50px;
  font-weight: bold;
  text-transform: uppercase;
}

.btt-standard a:hover {
background-color: var(--accent-color);
	text-decoration: none;
	color: black;
	
}



/* Definition der Animationen */
/* 1. Bewegung des Sliders */
@keyframes slidesStart01 {
    0%, 15% {left: 0;}
    25%, 40% {left: -100%;}
    50%, 65% {left: -200%;}
    75%, 90% {left: -300%;}
    100% {left: -400%;}
}
 
@-webkit-keyframes slidesStart01 {
    0%, 15% {left: 0;}
    25%, 40% {left: -100%;}
    50%, 65% {left: -200%;}
    75%, 90% {left: -300%;}
    100% {left: -400%;}
}
 
@keyframes slidesStart101 {
    0%, 15% {left: 0;}
    25%, 40% {left: -100%;}
    50%, 65% {left: -200%;}
    75%, 90% {left: -300%;}
    100% {left: -400%;}
}
 
@-webkit-keyframes slidesStart101 {
    0%, 15% {left: 0;}
    25%, 40% {left: -100%;}
    50%, 65% {left: -200%;}
    75%, 90% {left: -300%;}
    100% {left: -400%;}
}
 
@keyframes slidesStart02 {
    90.01% {left: 0;}
    0%, 15%, 100% {left: -100%;}
    25%, 40% {left: -200%;}
    50%, 65% {left: -300%;}
    75%, 90% {left: -400%;}
}
 
@-webkit-keyframes slidesStart02 {
    90.01% {left: 0;}
    0%, 15%, 100% {left: -100%;}
    25%, 40% {left: -200%;}
    50%, 65% {left: -300%;}
    75%, 90% {left: -400%;}
}
 
@keyframes slidesStart102 {
    90.01% {left: 0;}
    0%, 15%, 100% {left: -100%;}
    25%, 40% {left: -200%;}
    50%, 65% {left: -300%;}
    75%, 90% {left: -400%;}
}
 
@-webkit-keyframes slidesStart102 {
    90.01% {left: 0;}
    0%, 15%, 100% {left: -100%;}
    25%, 40% {left: -200%;}
    50%, 65% {left: -300%;}
    75%, 90% {left: -400%;}
}
 
@keyframes slidesStart03 {
    65.01% {left: 0;}
    0%, 15%, 100% {left: -200%;}
    25%, 40% {left: -300%;}
    50%, 65% {left: -400%;}
    75%, 90% {left: -100%;}
}
 
@-webkit-keyframes slidesStart03 {
    65.01% {left: 0;}
    0%, 15%, 100% {left: -200%;}
    25%, 40% {left: -300%;}
    50%, 65% {left: -400%;}
    75%, 90% {left: -100%;}
}
 
@keyframes slidesStart103 {
    65.01% {left: 0;}
    0%, 15%, 100% {left: -200%;}
    25%, 40% {left: -300%;}
    50%, 65% {left: -400%;}
    75%, 90% {left: -100%;}
}
 
@-webkit-keyframes slidesStart103 {
    65.01% {left: 0;}
    0%, 15%, 100% {left: -200%;}
    25%, 40% {left: -300%;}
    50%, 65% {left: -400%;}
    75%, 90% {left: -100%;}
}
 
@keyframes slidesStart04 {
    40.01% {left: 0;}
    0%, 15%, 100% {left: -300%;}
    25%, 40% {left: -400%;}
    50%, 65% {left: -100%;}
    75%, 90% {left: -200%;}
}
 
@-webkit-keyframes slidesStart04 {
    40.01% {left: 0;}
    0%, 15%, 100% {left: -300%;}
    25%, 40% {left: -400%;}
    50%, 65% {left: -100%;}
    75%, 90% {left: -200%;}
}
 
@keyframes slidesStart104 {
    40.01% {left: 0;}
    0%, 15%, 100% {left: -300%;}
    25%, 40% {left: -400%;}
    50%, 65% {left: -100%;}
    75%, 90% {left: -200%;}
}
 
@-webkit-keyframes slidesStart104 {
    40.01% {left: 0;}
    0%, 15%, 100% {left: -300%;}
    25%, 40% {left: -400%;}
    50%, 65% {left: -100%;}
    75%, 90% {left: -200%;}
}
 
/* 2. Wechsel des ersten Slides ans Ende und zurück */
@keyframes slide01ToEndStart01 {
    89.99% {left: 0;}
    90%, 100% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart01 {
    89.99% {left: 0;}
    90%, 100% {left: 100%;}
}
 
@keyframes slide01ToEndStart101 {
    89.99% {left: 0;}
    90%, 100% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart101 {
    89.99% {left: 0;}
    90%, 100% {left: 100%;}
}
 
@keyframes slide01ToEndStart02 {
    49.99%, 90.01% {left: 0;}
    50%, 90% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart02 {
    49.99%, 90.01% {left: 0;}
    50%, 90% {left: 100%;}
}
 
@keyframes slide01ToEndStart102 {
    49.99%, 90.01% {left: 0;}
    50%, 90% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart102 {
    49.99%, 90.01% {left: 0;}
    50%, 90% {left: 100%;}
}
 
@keyframes slide01ToEndStart03 {
    24.99%, 65.01% {left: 0;}
    25%, 65% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart03 {
    24.99%, 65.01% {left: 0;}
    25%, 65% {left: 100%;}
}
 
@keyframes slide01ToEndStart103 {
    24.99%, 65.01% {left: 0;}
    25%, 65% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart103 {
    24.99%, 65.01% {left: 0;}
    25%, 65% {left: 100%;}
}
 
@keyframes slide01ToEndStart04 {
    40.01% {left: 0;}
    0%, 40% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart04 {
    40.01% {left: 0;}
    0%, 40% {left: 100%;}
}
 
@keyframes slide01ToEndStart104 {
    40.01% {left: 0;}
    0%, 40% {left: 100%;}
}
 
@-webkit-keyframes slide01ToEndStart104 {
    40.01% {left: 0;}
    0%, 40% {left: 100%;}
}
 
/* 3. Animationen für den Farbwechsel in den Controls */
@keyframes slideControl01 {
    24.99% {background: var(--accent-color);}
    25%, 100% {background: none;}
}
 
@-webkit-keyframes slideControl01 {
    24.99% {background: var(--accent-color);}
    25%, 100% {background: none;}
}
 
@keyframes slideControl101 {
    24.99% {background: var(--accent-color);}
    25%, 100% {background: none;}
}
 
@-webkit-keyframes slideControl101 {
    24.99% {background: var(--accent-color);}
    25%, 100% {background: none;}
}
 
@keyframes slideControl02 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: var(--accent-color);}
}
 
@-webkit-keyframes slideControl02 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: var(--accent-color);}
}
 
@keyframes slideControl102 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: var(--accent-color);}
}
 
@-webkit-keyframes slideControl102 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: var(--accent-color);}
}
 
@keyframes slideControl03 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: var(--accent-color);}
}
 
@-webkit-keyframes slideControl03 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: var(--accent-color);}
}
 
@keyframes slideControl103 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: var(--accent-color);}
}
 
@-webkit-keyframes slideControl103 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: var(--accent-color);}
}
 
@keyframes slideControl04 {
    74.99% {background: none;}
    75%, 100% {background: var(--accent-color);}
}
 
@-webkit-keyframes slideControl04 {
    74.99% {background: none;}
    75%, 100% {background: var(--accent-color);}
}
 
@keyframes slideControl104 {
    74.99% {background: none;}
    75%, 100% {background: var(--accent-color);}
}
 
@-webkit-keyframes slideControl104 {
    74.99% {background: none;}
    75%, 100% {background: var(--accent-color);}
}
 
/* Basisfunktionalität des Sliders */
.slider {
    overflow: hidden;
}
 
.slider input {
    position: absolute;
    left: -10000px;
    top: 0;
}
 
.slideList {
    width: 400%; /* Anzahl der Slides mal 100 */
    position: relative; /* über die relative Positionierung wird der Slider durchs Sichtfenster geschoben */
    -webkit-transition: left 2s;
    -moz-transition: left 2s;
    -o-transition: left 2s;
    transition: left 2s; /* für den fließenden Schub */
    margin: 0;
    padding: 0;
}
 
.slideList:after {
    content: ".";
    display: block;
    height: .1px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    overflow: hidden;
}
 
.slide {
    list-style: none;
    width: 25%; /* Breite gleich 100 / Anzahl Slides */
    float: left;
    position: relative;
    left: 0;
    -webkit-transition: left 0s .5s;
    -moz-transition: left 0s .5s;
    -o-transition: left 0s .5s;
    transition: left 0s .5s; /*bei Klick auf ein Control werden alle Slides wieder auf Original-Position geschoben, hier für den ersten relevant. Damit die Aktion erst nach der slides-Verschiebung beginnt, kommt ein delay hinzu*/
}
 
#slide04:checked ~ .slideList .slide,
#slide104:checked ~ .slideList .slide {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s; /* damit er nicht zu früh zurückrutscht */
}
.slideList img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
 
/* Zuweisung der Keyframe-Animationen */
.slideList,
.slide,
.slideControl label {
    -webkit-animation: 20s 2s infinite;
    animation: 20s 2s infinite; /* allgemeingültige Werte für die Keyframe-Animation */
}
 
/* Positionierung und Aufruf der passenden Animation in Abhängigkeit des Status der Radiobuttons */
#slide01:checked ~ .slideList {
    -webkit-animation-name: slidesStart01;
    animation-name: slidesStart01;
    left: 0;
}
 
#slide02:checked ~ .slideList {
    -webkit-animation-name: slidesStart02;
    animation-name: slidesStart02;
    left: -100%;
}
 
#slide03:checked ~ .slideList {
    -webkit-animation-name: slidesStart03;
    animation-name: slidesStart03;
    left: -200%;
}
 
#slide04:checked ~ .slideList {
    -webkit-animation-name: slidesStart04;
    animation-name: slidesStart04;
    left: -300%;
}
 
/* Damit der Wechsel von 01 zu 101, 02 zu 102 usw. klappt, muss jeweils eine andere Animation aufgerufen werden*/
#slide101:checked ~ .slideList {
    -webkit-animation-name: slidesStart101;
    animation-name: slidesStart101;
    left: 0;
}
 
#slide102:checked ~ .slideList {
    -webkit-animation-name: slidesStart102;
    animation-name: slidesStart102;
    left: -100%;
}
 
#slide103:checked ~ .slideList {
    -webkit-animation-name: slidesStart103;
    animation-name: slidesStart103;
    left: -200%;
}
 
#slide104:checked ~ .slideList {
    -webkit-animation-name: slidesStart104;
    animation-name: slidesStart104;
    left: -300%;
}
 
/* Der erste Slide wird jeweils zur rechten Zeit an den Anfang oder das Ende gestellt */
#slide01:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart01;
    animation-name: slide01ToEndStart01;
}
 
#slide02:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart02;
    animation-name: slide01ToEndStart02;
}
 
#slide03:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart03;
    animation-name: slide01ToEndStart03;
}
 
#slide04:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart04;
    animation-name: slide01ToEndStart04;
}
 
/* Separate Animations-Namen für die zweite Steuerung */
#slide101:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart101;
    animation-name: slide01ToEndStart101;
}
 
#slide102:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart102;
    animation-name: slide01ToEndStart102;
}
 
#slide103:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart103;
    animation-name: slide01ToEndStart103;
}
 
#slide104:checked ~ .slideList .slide01 {
    -webkit-animation-name: slide01ToEndStart104;
    animation-name: slide01ToEndStart104;
}
 
/* nur zur Deko */
.sliderWrapper {
    position: relative;
    margin-bottom: 40px;
}
 
.slide p {
    position: absolute;
    bottom: 1em;
    left: 0;
    background: rgba(0, 0, 0, .6);
    color: #ddd;
    padding: .4em 1em;
}
 
/* Steuerung durch den Benutzer */
.slideControl {
    width: 135px;
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -75px;
}
 
.control01:checked ~ .slideControl01,
.control02:checked ~ .slideControl02 {
    left: -5000px; /* Blendet die nicht benötigten Labels aus */
}
 
.slideControl li {
    float: left;
    margin: 0 4px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: relative;
    text-indent: -10000px;
    border: 1px solid #ccc;
    list-style: none;
}
 
.slideControl label {
    display: block;
    cursor: pointer;
    background: none;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid #fff;
}
 
.slideControl label:hover {
    background: var(--accent-color)!important;
}
 
#slide01:checked ~ .slideControl label[for="slide101"],
#slide02:checked ~ .slideControl label[for="slide102"],
#slide03:checked ~ .slideControl label[for="slide103"],
#slide04:checked ~ .slideControl label[for="slide104"] {
    -webkit-animation-name: slideControl01;
    animation-name: slideControl01;
    background: var(--accent-color);
}
 
#slide101:checked ~ .slideControl label[for="slide01"],
#slide102:checked ~ .slideControl label[for="slide02"],
#slide103:checked ~ .slideControl label[for="slide03"],
#slide104:checked ~ .slideControl label[for="slide04"]  {
    -webkit-animation-name: slideControl101;
    animation-name: slideControl101;
    background: var(--accent-color);
}
 
#slide01:checked ~ .slideControl label[for="slide102"],
#slide02:checked ~ .slideControl label[for="slide103"],
#slide03:checked ~ .slideControl label[for="slide104"],
#slide04:checked ~ .slideControl label[for="slide101"] {
    -webkit-animation-name: slideControl02;
    animation-name: slideControl02;
}
 
#slide101:checked ~ .slideControl label[for="slide02"],
#slide102:checked ~ .slideControl label[for="slide03"],
#slide103:checked ~ .slideControl label[for="slide04"],
#slide104:checked ~ .slideControl label[for="slide01"]  {
    -webkit-animation-name: slideControl102;
    animation-name: slideControl102;
}
 
#slide01:checked ~ .slideControl label[for="slide103"],
#slide02:checked ~ .slideControl label[for="slide104"],
#slide03:checked ~ .slideControl label[for="slide101"],
#slide04:checked ~ .slideControl label[for="slide102"]  {
    -webkit-animation-name: slideControl03;
    animation-name: slideControl03;
}
 
#slide101:checked ~ .slideControl label[for="slide03"],
#slide102:checked ~ .slideControl label[for="slide04"],
#slide103:checked ~ .slideControl label[for="slide01"],
#slide104:checked ~ .slideControl label[for="slide02"]  {
    -webkit-animation-name: slideControl103;
    animation-name: slideControl103;
}
 
#slide01:checked ~ .slideControl label[for="slide104"],
#slide02:checked ~ .slideControl label[for="slide101"],
#slide03:checked ~ .slideControl label[for="slide102"],
#slide04:checked ~ .slideControl label[for="slide103"] {
    -webkit-animation-name: slideControl04;
    animation-name: slideControl04;
}
 
#slide101:checked ~ .slideControl label[for="slide04"],
#slide102:checked ~ .slideControl label[for="slide01"],
#slide103:checked ~ .slideControl label[for="slide02"],
#slide104:checked ~ .slideControl label[for="slide03"]  {
    -webkit-animation-name: slideControl104;
    animation-name: slideControl104;
}

/*******************/


.sonderpreis {
    font-weight: bold;
    color: red;
    margin: 10px 0px 0px 0px;
}


/*STARTSEITE HEADER***********/
#startseite-header {
    width: 100vw;
    float: left;
    position: relative;
    margin-left: -50vw;
    left: 50%;
	background-color: var(--accent-color);
    margin-bottom: 135px;
    max-height: 550px;}




.header-content {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    float: none;
	    display: flex;
}



.header-formular {
    width: 35%;
    background-color: white;
    text-align: center;
    padding: 20px;
    min-height: 600px;
    border: 5px solid var(--accent-color);
}

form.startseite-header-formular input {
    width: 100%;
    border-radius: 0px;
    padding: 5px;
    border: 1px solid black;
}


form.startseite-header-formular label {
    margin: 20px 0px;
    display: block;
	    font-size: 14px;
}

form.startseite-header-formular input[type="checkbox"] {
    width: 10px;
    cursor: pointer;
}

form.startseite-header-formular input[type="submit"] {
    background-color: var(--accent-color);
    color: white;
    border: none;
    font-size: 20px;
	    margin: 35px 0px 0px 0px;
}

form.startseite-header-formular input[type="submit"]:hover {
    background-color: black;
    cursor: pointer;
}

.header-slogan-highlight {
    padding: 20px 60px;
    color: white;
	    width: 65%;
}

.header-formular span {
    font-size: 24px;
    font-weight: bold;
}


.slogan-gross {
    font-size: 60px;
    font-weight: bold;
    line-height: 120%;
}

.slogan-text p {
    font-size: 30px !important;
    line-height: 120% !important;
}


.google-logo {
    display: flex;
    align-items: center;
	    margin: 0px 0px 25px 0px;
}

svg.header-google-logo {
    margin: 0px 10px 0px 0px;
}


@media screen and (max-width:778px){	
	#startseite-header {max-height: inherit;margin-bottom: 50px;}
	.header-content {flex-direction: column-reverse;}	
	.header-formular {width: 100%;}
	.header-slogan-highlight {width: 100%;padding: 25px;}
	.slogan-gross {font-size: 40px;}
	.slogan-text p {font-size: 24px !important;}	
}

/*******************/

.sliderWrapper {
    width: 1280px;
    margin-left: auto;
	margin-right: auto;
}

section.bp24-slider {
    width: 100vw;
    margin: 0px;
    left: 50%;
    position: relative;
    margin-left: -50vw;
}


.claim {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.claim a {
    background-color:rgba(255,255,255,0.8);
    padding: 15px 25px;
    font-weight: 900;
    text-transform: uppercase;
	    font-size: 48px;
    line-height: 48px;
}

.claim a:hover {
	text-decoration: none;
}

.slide.slide01, .slide.slide02, .slide.slide03, .slide.slide04 {
background-size: cover;
background-repeat: no-repeat;
height: 500px;
	    background-position: center;
}

.slide.slide01 {background-image: url(/images/BP24_Slider_SEO-01.jpg);}
.slide.slide02 {background-image: url(/images/BP24_Slider_SEO-02.jpg);}
.slide.slide03 {background-image: url(/images/BP24-Slider-GoogleAdsSilber.jpg);}
.slide.slide04 {background-image: url(/images/BP24-Slider-GoogleAdsGold.jpg);}


.claim-slider01 a {
  animation-duration: 3s;
  animation-name: down-to-top;
}

.claim-slider02 a {
  animation-duration: 3s;
  animation-name: down-to-top;
}

@keyframes down-to-top {
  from {
    margin-top: 100%;
    
  }

  to {
    margin-top: 0%;
   
  }
}



@media screen and (max-width:778px){
	.sliderWrapper {
    width: inherit;
}
.slideList img {    height: 300px;   width: auto;}
	
li.slide {    height: 300px  !important; }
		.claim {    padding: 10%;}
	.claim a {
    font-size: 20px;
    line-height: 130%;
		text-align: center;
}
}



/******************FLICKITY - CAROUSSEL - KARUSELL **************************/


* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.flickity-viewport {
    height: 300px;
}

.gallery {
  background: #EEE;
}

.gallery-cell {
  width: 25%;
  height: 250px;
  margin-right: 10px;
  background: #8C8;
  counter-increment: gallery-cell;
}

.gallery-cell.is-selected {
  background: #ED2;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;

}

.flickity-viewport {
  height: 250px !important;
}
		 
 @media screen and (max-width:778px){
	.gallery-cell {  width: 65%;	}
	 
	.flickity-page-dots {bottom: -85px !important; }
	 
   	.flickity-page-dots .dot {
    width: 20px !important;
    height: 20px !important;
    margin: 8px 8px !important;}	 
	 
	 .carousel-cell {    width: 75% !important;}
	 
		.flickity-page-dots {
  display: none;
}	 
			 
}


.carousel {
  background: #EEE;
}

.carousel-cell {
  width: 25%;
  height: 250px;
  margin-right: 10px;
  background: #8C8;
  border-radius: 5px;
  counter-increment: gallery-cell;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;
}




/****FLICKITY-BUNDESLÄNDER****/


.gallery-cell.badenwuerttemberg {background-image: url("../images/staedte/Staedte_Panorama_Stuttgart.jpg"); background-position: center;}
.gallery-cell.bayern {background-image: url("../images/staedte/Staedte_Panorama_Muenchen.jpg"); background-position: center;}
.gallery-cell.berlin {background-image: url("../images/staedte/Staedte_Panorama_Berlin.jpg"); background-position: center;}
.gallery-cell.brandenburg {background-image: url("../images/staedte/Staedte_Panorama_Potsdam.jpg"); background-position: center;}
.gallery-cell.bremen {background-image: url("../images/staedte/Staedte_Panorama_Bremen.jpg"); background-position: center;}
.gallery-cell.hamburg {background-image: url("../images/staedte/Staedte_Panorama_Hamburg.jpg"); background-position: center;}
.gallery-cell.hessen {background-image: url("../images/staedte/Staedte_Panorama_Frankfurt.jpg"); background-position: center;}
.gallery-cell.niedersachsen {background-image: url("../images/staedte/Staedte_Panorama_Hannover.jpg"); background-position: center;}
.gallery-cell.nordrheinwestfalen {background-image: url("../images/staedte/Staedte_Panorama_Duesseldorf.jpg"); background-position: center;}
.gallery-cell.saarland {background-image: url("../images/staedte/BP24_Bundeslaender_Header_Saarland.jpg"); background-position: center;}
.gallery-cell.rheinlandpfalz {background-image: url("../images/staedte/Staedte_Panorama_Koblenz.jpg"); background-position: center;}
.gallery-cell.mecklenburgvorpommern {background-image: url("../images/staedte/BP24_Bundeslaender_Header_Mecklenburg-Vorpommern.jpg"); background-position: center;}
.gallery-cell.sachsen {background-image: url("../images/staedte/Staedte_Panorama_Dresden.jpg"); background-position: center;}
.gallery-cell.sachsenanhalt {background-image: url("../images/staedte/BP24_Bundeslaender_Header_Sachsen-Anhalt.jpg"); background-position: center;}
.gallery-cell.schleswigholstein {background-image: url("../images/staedte/Staedte_Panorama_Kiel.jpg"); background-position: center;}
.gallery-cell.thueringen {background-image: url("../images/staedte/BP24_Bundeslaender_Header_Thueringen.jpg"); background-position: center;}

.carousel-cell.badenwuerttemberg {background-image: url("../images/staedte/Staedte_Panorama_Stuttgart.jpg"); background-position: center;}
.carousel-cell.bayern {background-image: url("../images/staedte/Staedte_Panorama_Muenchen.jpg"); background-position: center;}
.carousel-cell.berlin {background-image: url("../images/staedte/Staedte_Panorama_Berlin.jpg"); background-position: center;}
.carousel-cell.brandenburg {background-image: url("../images/staedte/Staedte_Panorama_Potsdam.jpg"); background-position: center;}
.carousel-cell.bremen {background-image: url("../images/staedte/Staedte_Panorama_Bremen.jpg"); background-position: center;}
.carousel-cell.hamburg {background-image: url("../images/staedte/Staedte_Panorama_Hamburg.jpg"); background-position: center;}
.carousel-cell.hessen {background-image: url("../images/staedte/Staedte_Panorama_Frankfurt.jpg"); background-position: center;}
.carousel-cell.niedersachsen {background-image: url("../images/staedte/Staedte_Panorama_Hannover.jpg"); background-position: center;}
.carousel-cell.nordrheinwestfalen {background-image: url("../images/staedte/Staedte_Panorama_Duesseldorf.jpg"); background-position: center;}
.carousel-cell.saarland {background-image: url("../images/staedte/BP24_Bundeslaender_Header_Saarland.jpg"); background-position: center;}
.carousel-cell.rheinlandpfalz {background-image: url("../images/staedte/Staedte_Panorama_Koblenz.jpg"); background-position: center;}
.carousel-cell.mecklenburgvorpommern {background-image: url("../images/staedte/BP24_Bundeslaender_Header_Mecklenburg-Vorpommern.jpg"); background-position: center;}
.carousel-cell.sachsen {background-image: url("../images/staedte/Staedte_Panorama_Dresden.jpg"); background-position: center;}
.carousel-cell.sachsenanhalt {background-image: url("../images/staedte/BP24_Bundeslaender_Header_Sachsen-Anhalt.jpg"); background-position: center;}
.carousel-cell.schleswigholstein {background-image: url("../images/staedte/Staedte_Panorama_Kiel.jpg"); background-position: center;}
.carousel-cell.thueringen {background-image: url("../images/staedte/BP24_Bundeslaender_Header_Thueringen.jpg"); background-position: center;}


.gallery-cell a:hover {  background-color: rgba(249, 152, 37, 0.0);}

.gallery-cell a {
    text-align: center;
    display: block;
    padding: 15px 0 0 0;
    color: white;
    font: normal 500 23px/36px 'Roboto', sans-serif;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    background-color: rgba(249, 152, 37, 0.5);
}

.carousel-cell a:hover {  background-color: rgba(249, 152, 37, 0.0);}

.carousel-cell a {
    text-align: center;
    display: block;
    padding: 15px 0 0 0;
    color: white;
    font: normal 500 23px/36px 'Roboto', sans-serif;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    background-color: rgba(249, 152, 37, 0.5);
}






/*****************SUCHAUSGABE**********************************************/



[class^="hvr-"] {
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: /*var(--accent-color)*/ white;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/*.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}*/
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


@keyframes fadein {
    from {
        opacity:0;
		margin-top: 200px;
    }
    to {
        opacity:1;
		margin-top: 0px;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
		margin-top: 200px;
    }
    to {
        opacity:1;
		margin-top: 0px;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
		margin-top: 200px;
    }
    to {
        opacity:1;
		margin-top: 0px;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
		margin-top: 200px;
    }
    to {
        opacity: 1;
		margin-top: 0px;
    }
}



.mein-element {
  opacity: 0;
  transition: all .5s ease-in-out;
transform: translate3d(0, 100px, 0);
}


.visible {
  opacity: 1;
transform: translate3d(0, 0px, 0);
}


.detailsuche_uebersicht.branchenbanner.hvr-bounce-to-bottom.translate.triggeredCSS3, #detailsuche_eintraege.detailsuche_uebersicht.hvr-bounce-to-bottom.translate.triggeredCSS3 {transform: translate3d(0, -100px, 0); }





/*HEADER*************/
header {
    width: 100% !important;
    padding-left: 1%;
    padding-right: 1%;
    font-family: 'Roboto', sans-serif !important;
    text-transform: uppercase;
    padding-top: 20px;
	background-color: var(--accent-color);   
	padding-bottom: 20px;
}


#top-bar {
  /*  border-bottom: 1px solid var(--accent-color);
    margin-bottom: 10px;
    padding-bottom: 10px;*/
	justify-content: flex-end;
	display: flex;
	font-size: 12px;
	gap:15px;
}

.login-btn::after #branding.sticky-active{
    border-right: 1px solid var(--accent-color);
    content: " ";
	margin: 0 5px 0 5px;
    height: 10px;
    display: inline-block;
}

.top-bar-btn a {color: white;}

#brand-nav-block {display: flex;justify-content: space-between;align-items: center;}

#branding img {width: 70px;}

nav { width:75%;}

nav ul a {
    color: white;
    font: normal 700 18px/36px 'Roboto', sans-serif !important;
}

nav ul ul a {     font: normal 700 14px / 40px 'Roboto', sans-serif !important;
    color: black;}

.nav-menu {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}


nav ul li {margin: 0}


nav a:hover {
    text-decoration: none;



}

nav ul ul {    background-color: white;}


nav ul li:hover > ul { display: inherit; }


#top-bar.sticky-active {display: none;}

#branding.sticky-active img { width: 50px;}


/*Später entfernen*/

nav ul ul li {width:inherit !important;}

nav ul {
    float: none !important;
    position: relative;
    padding: 0px 10px;
    margin: 0;
    list-style: none;}

nav a {

    padding: 0px !important;
    display: unset;

}

li > a:only-child::after {    content: none !important;}
li > a::after {    content: none !important;}


#suche-registrieren-banner {
    background-color: white;
    width: 100%;
}


/********************/



#suchfelder {
    padding: 10px 0 10px 0 !important;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
	display: flex;

justify-content: space-between;
}

#suchfelder form {margin: 0 !important;}
#suchfelder  .search {    width: 100%;}

#suchfelder .search input[type="text"] {
  font-size: 12px !important;
  color: white;
  width: 100%;
  border: none;

  background-color: var(--accent-color);
  font-weight: bold;
	padding: 15px;
}
input#searchword::placeholder {
    color: white !important;
}


.stoerer {

    background-color: var(--accent-color);
    padding: 10px;
    text-align: center;
    color: white;
    font: normal 900 43px/53px 'Roboto', sans-serif;
    text-transform: uppercase;
	width: 30%;
}

#stoerer-gesamt {

    display: flex;
    justify-content: space-between;
    margin: 25px 0 25px 0;

}

.unternehmen {
    background-color: #e3e6eb;
    padding: 70px 10px 25px 10px;
    background-image: url(../images/BP24_Unternehmen-Sichtbar.jpg);
    min-height: 500px;
}


.bp24-pakete {
    display: flex;
    justify-content: space-between;
	align-items: start;
}

.pakete h2, .paketpreis {
    text-align: center;
    color: white;
    text-transform: uppercase;
    font: normal 900 43px/63px 'Roboto', sans-serif !important;
}

.pakete:first-of-type {

    margin-right: 0;

}

.pakete {

    width: 30%;
    float: none;
 /*   background-color: var(--accent-color);*/
    min-height: inherit;
    min-width: inherit;
    position: inherit;

}
.pakete ul {

    list-style-type: none;
    margin: 30px 0 0 0;
    padding: 0;

}

.pakete ul li {
    text-align: center;
    color: white;
    text-transform: uppercase;
    line-height: 40px;
    font-size: 22px;
    padding: 0px 20px;
}

.pakete ul li::after {

    border-bottom: 1px solid white;
    content: " ";
    display: block;
    width: 85%;
    padding: 2%;
    margin-bottom: 2%;
    margin-right: auto;
    margin-left: auto;

}

.pakete a {

    color: white;

}


.paket-vorschau {

    text-align: center;
    display: block;
    text-transform: uppercase;
    font: normal 900 30px/63px 'Roboto', sans-serif;

}


.paket-reg {
    text-align: center;
    color: white;
    text-transform: uppercase;
    font: normal 900 43px/63px 'Roboto', sans-serif !important;
    display: block;
    border: 1px solid white;
    width: 90%;
margin: 0 auto 25px auto;
}

.microsite-aufmerkamkeit {
    background-color: #f1ece6;
    padding: 60px 10px 25px 10px;
    background-image: url(../images/BP24_Microsite-Oben.jpg);
    min-height: 500px;
}

/*
.bundesland-kacheln ul li {
    width: 24%;
    height: 250px;
    background-color: var(--accent-color);
    margin-bottom: 20px;
}*/


.bundesland-kacheln ul li {
    width: 24%;
    height: 250px;
    background-color: var(--accent-color);
    margin-bottom: 20px;
	margin: 0.50%;
}



.bundesland-kacheln ul li a {
    text-align: center;
    display: block;
    padding: 15px 0 0 0;
    color: white;
    font: normal 500 23px/36px 'Roboto', sans-serif;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    background-color: rgba(249, 152, 37, 0.5);
}
.bundesland-kacheln ul li a:hover {
    background-color: rgba(249, 152, 37, 0.0);
}


/*
.bundesland-kacheln ul {

    display: flex;
    justify-content: space-between;
    align-content: start;
    list-style-type: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;

}*/

.bundesland-kacheln ul {

    display: flex;
    
    list-style-type: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;

}


.bundesland-kacheln ul li.badenwuerttemberg {background-image: url("../images/staedte/Staedte_Panorama_Stuttgart.jpg"); background-position: center;}
.bundesland-kacheln ul li.bayern {background-image: url("../images/staedte/Staedte_Panorama_Muenchen.jpg"); background-position: center;}
.bundesland-kacheln ul li.berlin {background-image: url("../images/staedte/Staedte_Panorama_Berlin.jpg"); background-position: center;}
.bundesland-kacheln ul li.brandenburg {background-image: url("../images/staedte/Staedte_Panorama_Potsdam.jpg"); background-position: center;}
.bundesland-kacheln ul li.bremen {background-image: url("../images/staedte/Staedte_Panorama_Bremen.jpg"); background-position: center;}
.bundesland-kacheln ul li.hamburg {background-image: url("../images/staedte/Staedte_Panorama_Hamburg.jpg"); background-position: center;}
.bundesland-kacheln ul li.hessen {background-image: url("../images/staedte/Staedte_Panorama_Frankfurt.jpg"); background-position: center;}
.bundesland-kacheln ul li.niedersachsen {background-image: url("../images/staedte/Staedte_Panorama_Hannover.jpg"); background-position: center;}
.bundesland-kacheln ul li.nordrheinwestfalen {background-image: url("../images/staedte/Staedte_Panorama_Duesseldorf.jpg"); background-position: center;}
.bundesland-kacheln ul li.saarland {background-image: url("../images/staedte/BP24_Bundeslaender_Header_Saarland.jpg"); background-position: center;}
.bundesland-kacheln ul li.rheinlandpfalz {background-image: url("../images/staedte/Staedte_Panorama_Koblenz.jpg"); background-position: center;}
.bundesland-kacheln ul li.mecklenburgvorpommern {background-image: url("../images/staedte/BP24_Bundeslaender_Header_Mecklenburg-Vorpommern.jpg"); background-position: center;}
.bundesland-kacheln ul li.sachsen {background-image: url("../images/staedte/Staedte_Panorama_Dresden.jpg"); background-position: center;}
.bundesland-kacheln ul li.sachsenanhalt {background-image: url("../images/staedte/BP24_Bundeslaender_Header_Sachsen-Anhalt.jpg"); background-position: center;}
.bundesland-kacheln ul li.schleswigholstein {background-image: url("../images/staedte/Staedte_Panorama_Kiel.jpg"); background-position: center;}
.bundesland-kacheln ul li.thueringen {background-image: url("../images/staedte/BP24_Bundeslaender_Header_Thueringen.jpg"); background-position: center;}


#footer-menu {

    display: flex;
    justify-content: space-between;
    width: 100%;
    float: none;
	margin-bottom: 50px;

}

#footer-menu ul, #footer-menu ul li {
font-size: 14px;
    margin: 0;
    padding: 0;
    list-style-type: none;
	line-height: 35px;

}

#footer-menu ul title {

    text-transform: uppercase;
    display: block;
    font: normal 500 16px/20px 'Roboto', sans-serif;
    letter-spacing: 0px;
    margin-bottom: 10px;

}

.UnternehmenBesteHaende {
background-image: url(../images/BP24-Marketing.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 10px 25px 10px;
    background-position: center;
}


.seo-marketing::before {
    content: " ";
    width: 100%;
    height: 350px;
    background-image: url(../images/BP24-Marketing.jpg);
    display: block;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 150%;

}

.bundsteuer-einleitung::before {
    content: " ";
    width: 100%;
    height: 350px;
    background-image: url(../images/Branchenportal24-BundderSteuerzahler.webp);
    display: block;
background-position: 50% 75%;
  background-repeat: no-repeat;
  background-size: 100%;

}


.highlight-link {
display: inline-block;
border: 1px solid var(--accent-color);
padding: 5px 10px 5px 10px;
background-color: rgba(255,255,255, 0.5);
}

.vorteile {
    margin-top: 25px;
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

/*
.seo-highlight-kasten
 {
    margin-top: 25px;
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    float: none;
	 margin-bottom: 25px;
}*/

.vorteile ul li {

    line-height: 200%;
    font-weight: bold;

}

.seo-highlight-kasten p {

    width: 50%;
    float: left;

}

.seo-highlight-kasten img {

    height: 250px !important;
width: auto;
}


.col-2.art-float {
    float: left;
}

.seo-form {

    width: 720px !important;

}

.unsere-kunden ul {

    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;

}

.unsere-kunden li {
width: 25%;
text-align: center;
padding: 10px;
margin-bottom: 30px;
}

.g-icon-4 {
background-image: url(../images/TB24-G-Star-4.png);
    width: 60px;
    height: 48px;
    display: block;
    margin-left: auto;
    margin-right: auto;

}
.g-icon-5 {
background-image: url(../images/TB24-G-Star-5.png);
    width: 60px;
    height: 48px;
    display: block;
    margin-left: auto;
    margin-right: auto;

}



.kundencenter a {
    background-color:var(--accent-color-zwei);
    padding: 0 5px 0 5px !important;
    font-size: 16px !important;
}
.kundencenter ul li a {
    background-color: inherit !important;
}


.login-erfolg.top-bar-btn {
    font-weight: bold;
    padding: 0px 10px 0px 10px;
    background-color: var(--accent-color-zwei);
	color:white;
   
}



/*****FIXXXX**************/

#zahlung-webdesign img {
    width: auto;
}
/*****************************/





.pakete.bronze {
    background-color: #8f4e35;
}

.pakete.silber {
    background-color: #919191;
}

.pakete.gold {
    background-color: #bc9d58;
}



section.basiseintrag {
    background-color: var(--accent-color);
    padding: 20px;
    text-align: center;
}

.basiseintrag {
  width: 100vw;
  left: 50%;
  position: relative;
  margin-left: -50vw;
}


section.basiseintrag h2 {
    text-align: center !important;
    color: white;
}

.highlight-text p {
    font: normal 700 20px/34px 'Roboto', sans-serif !important;
    text-transform: uppercase;
}

.btt-anmelden a {
    display: block;
    font: normal 700 20px/34px 'Roboto', sans-serif !important;
    text-transform: uppercase;
    color: white;
    border: 2px solid white;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
	
    text-align: center;
}


.btt-anmelden a:hover {
    text-decoration: none;
    background-color: white;
    color: var(--accent-color);
}



/* NEUE STÄDTE SEITEN ***********************************/

section.stadt-wrapper {
    margin-top: 0px;
    position: relative;
}


section.stadt-header {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    height: 500px;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

section.stadt-wrapper.dortmund .stadt-header {  background-image: url(../images/staedte/Header-Dortmund.jpg);     background-position: center;}
.stadt-karte-dortmund {  background-image: url(../images/staedte/Karte-Dortmund.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.wolfsburg .stadt-header {  background-image: url(../images/staedte/Header-Wolfsburg.jpg);     background-position: center;}
.stadt-karte-wolfsburg {  background-image: url(../images/staedte/Karte-Wolfsburg.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.erfurt .stadt-header {  background-image: url(../images/staedte/Header-Erfurt.jpg);     background-position: center;}
.stadt-karte-erfurt {  background-image: url(../images/staedte/Karte-Erfurt.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.goettingen .stadt-header {  background-image: url(../images/staedte/Header-Goettingen.jpg);     background-position: center;}
.stadt-karte-goettingen {  background-image: url(../images/staedte/Karte-Goettingen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.hildesheim .stadt-header {  background-image: url(../images/staedte/Header-Hildesheim.jpg);     background-position: center;}
.stadt-karte-hildesheim {  background-image: url(../images/staedte/Karte-Hildesheim.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.oldenburg .stadt-header {  background-image: url(../images/staedte/Header-Oldenburg.jpg);     background-position: center;}
.stadt-karte-oldenburg {  background-image: url(../images/staedte/Karte-Oldenburg.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.osnabrueck .stadt-header {  background-image: url(../images/staedte/Header-Osnabrueck.jpg);     background-position: center;}
.stadt-karte-osnabrueck {  background-image: url(../images/staedte/Karte-Osnabrueck.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.saarbruecken .stadt-header {  background-image: url(../images/staedte/Header-Saarbruecken.jpg);     background-position: center;}
.stadt-karte-saarbruecken {  background-image: url(../images/staedte/Karte-Saarbruecken.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.salzgitter .stadt-header {  background-image: url(../images/staedte/Header-Salzgitter.jpg);     background-position: center;}
.stadt-karte-salzgitter {  background-image: url(../images/staedte/Karte-Salzgitter.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.braunschweig .stadt-header {  background-image: url(../images/staedte/Header-Braunschweig.jpg);     background-position: center;}
.stadt-karte-braunschweig {  background-image: url(../images/staedte/Karte-Braunschweig.jpg);     height: 350px;     background-position: center;}

section.stadt-wrapper.bochum .stadt-header {  background-image: url(../images/staedte/Header-Bochum.jpg);     background-position: center;}
.stadt-karte-bochum {  background-image: url(../images/staedte/Karte-Bochum.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.bonn .stadt-header {  background-image: url(../images/staedte/Header-Bonn.jpg);     background-position: center;}
.stadt-karte-bonn {  background-image: url(../images/staedte/Karte-Bonn.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.duesseldorf .stadt-header {  background-image: url(../images/staedte/Header-Duesseldorf.jpg);     background-position: center;}
.stadt-karte-duesseldorf {  background-image: url(../images/staedte/Karte-Duesseldorf.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.duisburg .stadt-header {  background-image: url(../images/staedte/Header-Duisburg.jpg);     background-position: center;}
.stadt-karte-duisburg {  background-image: url(../images/staedte/Karte-Duisburg.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.essen .stadt-header {  background-image: url(../images/staedte/Header-Essen.jpg);     background-position: center;}
.stadt-karte-essen {  background-image: url(../images/staedte/Karte-Essen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.gelsenkirchen .stadt-header {  background-image: url(../images/staedte/Header-Gelsenkirchen.jpg);     background-position: center;}
.stadt-karte-gelsenkirchen {  background-image: url(../images/staedte/Karte-Gelsenkirchen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.hagen .stadt-header {  background-image: url(../images/staedte/Header-Hagen.jpg);     background-position: center;}
.stadt-karte-hagen {  background-image: url(../images/staedte/Karte-Hagen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.hamm .stadt-header {  background-image: url(../images/staedte/Header-Hamm.jpg);     background-position: center;}
.stadt-karte-hamm {  background-image: url(../images/staedte/Karte-Hamm.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.iserlohn .stadt-header {  background-image: url(../images/staedte/Header-Iserlohn.jpg);     background-position: center;}
.stadt-karte-iserlohn {  background-image: url(../images/staedte/Karte-Iserlohn.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.kleve .stadt-header {  background-image: url(../images/staedte/Header-Kleve.jpg);     background-position: center;}
.stadt-karte-kleve {  background-image: url(../images/staedte/Karte-Kleve.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.krefeld .stadt-header {  background-image: url(../images/staedte/Header-Krefeld.jpg);     background-position: center;}
.stadt-karte-krefeld {  background-image: url(../images/staedte/Karte-Krefeld.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.koeln .stadt-header {  background-image: url(../images/staedte/Header-Koeln.jpg);     background-position: center;}
.stadt-karte-koeln {  background-image: url(../images/staedte/Karte-Koeln.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.muelheim .stadt-header {  background-image: url(../images/staedte/Header-Muelheim.jpg);     background-position: center;}
.stadt-karte-muelheim {  background-image: url(../images/staedte/Karte-Muelheim.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.recklinghausen .stadt-header {  background-image: url(../images/staedte/Header-Recklinghausen.jpg);     background-position: center;}
.stadt-karte-recklinghausen {  background-image: url(../images/staedte/Karte-Recklinghausen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.berlin .stadt-header {  background-image: url(../images/staedte/Header-Berlin.jpg);     background-position: center;}
.stadt-karte-berlin {  background-image: url(../images/staedte/Karte-Berlin.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.bremen .stadt-header {  background-image: url(../images/staedte/Header-Bremen.jpg);     background-position: center;}
.stadt-karte-bremen {  background-image: url(../images/staedte/Karte-Bremen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.hamburg .stadt-header {  background-image: url(../images/staedte/Header-Hamburg.jpg);     background-position: center;}
.stadt-karte-hamburg {  background-image: url(../images/staedte/Karte-Hamburg.jpg);     height: 350px;     background-position: center;}

section.stadt-wrapper.heidelberg .stadt-header {  background-image: url(../images/staedte/Header-Heidelberg.jpg);     background-position: center;}
.stadt-karte-heidelberg {  background-image: url(../images/staedte/Karte-Heidelberg.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.freiburgimbreisgau .stadt-header {  background-image: url(../images/staedte/Header-FreiburgimBreisgau.jpg);     background-position: center;}
.stadt-karte-freiburgimbreisgau {  background-image: url(../images/staedte/Karte-FreiburgimBreisgau.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.karlsruhe .stadt-header {  background-image: url(../images/staedte/Header-Karlsruhe.jpg);     background-position: center;}
.stadt-karte-karlsruhe {  background-image: url(../images/staedte/Karte-Karlsruhe.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.stuttgart .stadt-header {  background-image: url(../images/staedte/Header-Stuttgart.jpg);     background-position: center;}
.stadt-karte-stuttgart {  background-image: url(../images/staedte/Karte-Stuttgart.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.ulm .stadt-header {  background-image: url(../images/staedte/Header-Ulm.jpg);     background-position: center;}
.stadt-karte-ulm {  background-image: url(../images/staedte/Karte-Ulm.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.augsburg .stadt-header {  background-image: url(../images/staedte/Header-Augsburg.jpg);     background-position: center;}
.stadt-karte-augsburg {  background-image: url(../images/staedte/Karte-Augsburg.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.muenchen .stadt-header {  background-image: url(../images/staedte/Header-Muenchen.jpg);     background-position: center;}
.stadt-karte-muenchen {  background-image: url(../images/staedte/Karte-Muenchen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.nuernberg .stadt-header {  background-image: url(../images/staedte/Header-Nuernberg.jpg);     background-position: center;}
.stadt-karte-nuernberg {  background-image: url(../images/staedte/Karte-Nuernberg.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.regensburg .stadt-header {  background-image: url(../images/staedte/Header-Regensburg.jpg);     background-position: center;}
.stadt-karte-regensburg {  background-image: url(../images/staedte/Karte-Regensburg.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.wuerzburg .stadt-header {  background-image: url(../images/staedte/Header-Wuerzburg.jpg);     background-position: center;}
.stadt-karte-wuerzburg {  background-image: url(../images/staedte/Karte-Wuerzburg.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.brandenburganderhavel .stadt-header {  background-image: url(../images/staedte/Header-BrandenburganderHavel.jpg);     background-position: center;}
.stadt-karte-brandenburganderhavel {  background-image: url(../images/staedte/Karte-BrandenburganderHavel.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.cottbus .stadt-header {  background-image: url(../images/staedte/Header-Cottbus.jpg);     background-position: center;}
.stadt-karte-cottbus {  background-image: url(../images/staedte/Karte-Cottbus.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.frankfurtoder .stadt-header {  background-image: url(../images/staedte/Header-FrankfurtOder.jpg);     background-position: center;}
.stadt-karte-frankfurtoder {  background-image: url(../images/staedte/Karte-FrankfurtOder.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.potsdam .stadt-header {  background-image: url(../images/staedte/Header-Potsdam.jpg);     background-position: center;}
.stadt-karte-potsdam {  background-image: url(../images/staedte/Karte-Potsdam.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.schwedtoder .stadt-header {  background-image: url(../images/staedte/Header-SchwedtOder.jpg);     background-position: center;}
.stadt-karte-schwedtoder {  background-image: url(../images/staedte/Karte-SchwedtOder.jpg);     height: 350px;     background-position: center;}


section.stadt-wrapper.frankfurt .stadt-header {  background-image: url(../images/staedte/Header-Frankfurt.jpg);     background-position: center;}
.stadt-karte-frankfurt {  background-image: url(../images/staedte/Karte-Frankfurt.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.koblenz .stadt-header {  background-image: url(../images/staedte/Header-Koblenz.jpg);     background-position: center;}
.stadt-karte-koblenz {  background-image: url(../images/staedte/Karte-Koblenz.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.rostock .stadt-header {  background-image: url(../images/staedte/Header-Rostock.jpg);     background-position: center;}
.stadt-karte-rostock {  background-image: url(../images/staedte/Karte-Rostock.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.dresden .stadt-header {  background-image: url(../images/staedte/Header-Dresden.jpg);     background-position: center;}
.stadt-karte-dresden {  background-image: url(../images/staedte/Karte-Dresden.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.kiel .stadt-header {  background-image: url(../images/staedte/Header-Kiel.jpg);     background-position: center;}
.stadt-karte-kiel {  background-image: url(../images/staedte/Karte-Kiel.jpg);     height: 350px;     background-position: center;}


section.stadt-wrapper.trier .stadt-header {  background-image: url(../images/staedte/Header-Trier.jpg);     background-position: center;}
.stadt-karte-trier {  background-image: url(../images/staedte/Karte-Trier.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.merzig .stadt-header {  background-image: url(../images/staedte/Header-Merzig.jpg);     background-position: center;}
.stadt-karte-merzig {  background-image: url(../images/staedte/Karte-Merzig.jpg);     height: 350px;     background-position: center;}


section.stadt-wrapper.aachen .stadt-header {  background-image: url(../images/staedte/Header-Aachen.jpg);     background-position: center;}
.stadt-karte-aachen {  background-image: url(../images/staedte/Karte-Aachen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.siegen .stadt-header {  background-image: url(../images/staedte/Header-Siegen.jpg);     background-position: center;}
.stadt-karte-siegen {  background-image: url(../images/staedte/Karte-Siegen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.bottrop .stadt-header {  background-image: url(../images/staedte/Header-Bottrop.jpg);     background-position: center;}
.stadt-karte-bottrop {  background-image: url(../images/staedte/Karte-Bottrop.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.muenster .stadt-header {  background-image: url(../images/staedte/Header-Muenster.jpg);     background-position: center;}
.stadt-karte-muenster {  background-image: url(../images/staedte/Karte-Muenster.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.solingen .stadt-header {  background-image: url(../images/staedte/Header-Solingen.jpg);     background-position: center;}
.stadt-karte-solingen {  background-image: url(../images/staedte/Karte-Solingen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.wuppertal .stadt-header {  background-image: url(../images/staedte/Header-Wuppertal.jpg);     background-position: center;}
.stadt-karte-wuppertal {  background-image: url(../images/staedte/Karte-Wuppertal.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.guetersloh .stadt-header {  background-image: url(../images/staedte/Header-Guetersloh.jpg);     background-position: center;}
.stadt-karte-guetersloh {  background-image: url(../images/staedte/Karte-Guetersloh.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.remscheid .stadt-header {  background-image: url(../images/staedte/Header-Remscheid.jpg);     background-position: center;}
.stadt-karte-remscheid {  background-image: url(../images/staedte/Karte-Remscheid.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.paderborn .stadt-header {  background-image: url(../images/staedte/Header-Paderborn.jpg);     background-position: center;}
.stadt-karte-paderborn {  background-image: url(../images/staedte/Karte-Paderborn.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.herne .stadt-header {  background-image: url(../images/staedte/Header-Herne.jpg);     background-position: center;}
.stadt-karte-herne {  background-image: url(../images/staedte/Karte-Herne.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.oberhausen .stadt-header {  background-image: url(../images/staedte/Header-Oberhausen.jpg);     background-position: center;}
.stadt-karte-oberhausen {  background-image: url(../images/staedte/Karte-Oberhausen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.leverkusen .stadt-header {  background-image: url(../images/staedte/Header-Leverkusen.jpg);     background-position: center;}
.stadt-karte-leverkusen {  background-image: url(../images/staedte/Karte-Leverkusen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.neuss .stadt-header {  background-image: url(../images/staedte/Header-Neuss.jpg);     background-position: center;}
.stadt-karte-neuss {  background-image: url(../images/staedte/Karte-Neuss.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.bielefeld .stadt-header {  background-image: url(../images/staedte/Header-Bielefeld.jpg);     background-position: center;}
.stadt-karte-bielefeld {  background-image: url(../images/staedte/Karte-Bielefeld.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.moenchengladbach .stadt-header {  background-image: url(../images/staedte/Header-Moenchengladbach.jpg);     background-position: center;}
.stadt-karte-moenchengladbach {  background-image: url(../images/staedte/Karte-Moenchengladbach.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.moers .stadt-header {  background-image: url(../images/staedte/Header-Moers.jpg);     background-position: center;}
.stadt-karte-moers {  background-image: url(../images/staedte/Karte-Moers.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.bergischgladbach .stadt-header {  background-image: url(../images/staedte/Header-BergischGladbach.jpg);     background-position: center;}
.stadt-karte-bergischgladbach {  background-image: url(../images/staedte/Karte-BergischGladbach.jpg);     height: 350px;     background-position: center;}




section.stadt-wrapper.jena .stadt-header {  background-image: url(../images/staedte/Header-Jena.jpg);     background-position: center;}
.stadt-karte-jena {  background-image: url(../images/staedte/Karte-Jena.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.erlangen .stadt-header {  background-image: url(../images/staedte/Header-Erlangen.jpg);     background-position: center;}
.stadt-karte-erlangen {  background-image: url(../images/staedte/Karte-Erlangen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.pforzheim .stadt-header {  background-image: url(../images/staedte/Header-Pforzheim.jpg);     background-position: center;}
.stadt-karte-pforzheim {  background-image: url(../images/staedte/Karte-Pforzheim.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.bremerhaven .stadt-header {  background-image: url(../images/staedte/Header-Bremerhaven.jpg);     background-position: center;}
.stadt-karte-bremerhaven {  background-image: url(../images/staedte/Karte-Bremerhaven.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.heilbronn .stadt-header {  background-image: url(../images/staedte/Header-Heilbronn.jpg);     background-position: center;}
.stadt-karte-heilbronn {  background-image: url(../images/staedte/Karte-Heilbronn.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.reutlingen .stadt-header {  background-image: url(../images/staedte/Header-Reutlingen.jpg);     background-position: center;}
.stadt-karte-reutlingen {  background-image: url(../images/staedte/Karte-Reutlingen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.wiesbaden .stadt-header {  background-image: url(../images/staedte/Header-Wiesbaden.jpg);     background-position: center;}
.stadt-karte-wiesbaden {  background-image: url(../images/staedte/Karte-Wiesbaden.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.offenbach .stadt-header {  background-image: url(../images/staedte/Header-Offenbach.jpg);     background-position: center;}
.stadt-karte-offenbach {  background-image: url(../images/staedte/Karte-Offenbach.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.mainz .stadt-header {  background-image: url(../images/staedte/Header-Mainz.jpg);     background-position: center;}
.stadt-karte-mainz {  background-image: url(../images/staedte/Karte-Mainz.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.fuerth .stadt-header {  background-image: url(../images/staedte/Header-Fuerth.jpg);     background-position: center;}
.stadt-karte-fuerth {  background-image: url(../images/staedte/Karte-Fuerth.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.ingolstadt .stadt-header {  background-image: url(../images/staedte/Header-Ingolstadt.jpg);     background-position: center;}
.stadt-karte-ingolstadt {  background-image: url(../images/staedte/Karte-Ingolstadt.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.luebeck .stadt-header {  background-image: url(../images/staedte/Header-Luebeck.jpg);     background-position: center;}
.stadt-karte-luebeck {  background-image: url(../images/staedte/Karte-Luebeck.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.darmstadt .stadt-header {  background-image: url(../images/staedte/Header-Darmstadt.jpg);     background-position: center;}
.stadt-karte-darmstadt {  background-image: url(../images/staedte/Karte-Darmstadt.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.halle .stadt-header {  background-image: url(../images/staedte/Header-Halle.jpg);     background-position: center;}
.stadt-karte-halle {  background-image: url(../images/staedte/Karte-Halle.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.ludwigshafen .stadt-header {  background-image: url(../images/staedte/Header-Ludwigshafen.jpg);     background-position: center;}
.stadt-karte-ludwigshafen {  background-image: url(../images/staedte/Karte-Ludwigshafen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.chemnitz .stadt-header {  background-image: url(../images/staedte/Header-Chemnitz.jpg);     background-position: center;}
.stadt-karte-chemnitz {  background-image: url(../images/staedte/Karte-Chemnitz.jpg);     height: 350px;     background-position: center;}


section.stadt-wrapper.mannheim .stadt-header {  background-image: url(../images/staedte/Header-Mannheim.jpg);     background-position: center;}
.stadt-karte-mannheim {  background-image: url(../images/staedte/Karte-Mannheim.jpg);     height: 350px;     background-position: center;}

section.stadt-wrapper.kaiserslautern .stadt-header {  background-image: url(../images/staedte/Header-Kaiserslautern.jpg);     background-position: center;}
.stadt-karte-kaiserslautern {  background-image: url(../images/staedte/Karte-Kaiserslautern.jpg);     height: 350px;     background-position: center;}




section.stadt-wrapper.dormagen .stadt-header {background-image: url(../images/staedte/Header-Dormagen.jpg);     background-position: center;}
.stadt-karte-dormagen {background-image: url(../images/staedte/Karte-Dormagen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.hilden .stadt-header {background-image: url(../images/staedte/Header-Hilden.jpg);     background-position: center;}
.stadt-karte-hilden {background-image: url(../images/staedte/Karte-Hilden.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.meerbusch .stadt-header {background-image: url(../images/staedte/Header-Meerbusch.jpg);     background-position: center;}
.stadt-karte-meerbusch {background-image: url(../images/staedte/Karte-Meerbusch.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.erkrath .stadt-header {background-image: url(../images/staedte/Header-Erkrath.jpg);     background-position: center;}
.stadt-karte-erkrath {background-image: url(../images/staedte/Karte-Erkrath.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.ratingen .stadt-header {background-image: url(../images/staedte/Header-Ratingen.jpg);     background-position: center;}
.stadt-karte-ratingen {background-image: url(../images/staedte/Karte-Ratingen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.langenfeld .stadt-header {background-image: url(../images/staedte/Header-Langenfeld.jpg);     background-position: center;}
.stadt-karte-langenfeld {background-image: url(../images/staedte/Karte-Langenfeld.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.mettmann .stadt-header {background-image: url(../images/staedte/Header-Mettmann.jpg);     background-position: center;}
.stadt-karte-mettmann {background-image: url(../images/staedte/Karte-Mettmann.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.monheim .stadt-header {background-image: url(../images/staedte/Header-Monheim.jpg);     background-position: center;}
.stadt-karte-monheim {background-image: url(../images/staedte/Karte-Monheim.jpg);     height: 350px;     background-position: center;}



.bundesland-kacheln ul li.bochum {background-image: url("../images/staedte/Header_Bochum.jpg"); background-position: center;}
.bundesland-kacheln ul li.bonn {background-image: url("../images/staedte/Header_Bonn.jpg"); background-position: center;}
.bundesland-kacheln ul li.dortmund {background-image: url("../images/staedte/Header_Dortmund.jpg"); background-position: center;}
.bundesland-kacheln ul li.duesseldorf {background-image: url("../images/staedte/Header_Duesseldorf.jpg"); background-position: center;}
.bundesland-kacheln ul li.duisburg {background-image: url("../images/staedte/Header_Duisburg.jpg"); background-position: center;}
.bundesland-kacheln ul li.essen {background-image: url("../images/staedte/Header_Essen.jpg"); background-position: center;}
.bundesland-kacheln ul li.gelsenkirchen {background-image: url("../images/staedte/Header_Gelsenkirchen.jpg"); background-position: center;}
.bundesland-kacheln ul li.hagen {background-image: url("../images/staedte/Header_Hagen.jpg"); background-position: center;}
.bundesland-kacheln ul li.hamm {background-image: url("../images/staedte/Header_Hamm.jpg"); background-position: center;}
.bundesland-kacheln ul li.iserlohn {background-image: url("../images/staedte/Header_Iserlohn.jpg"); background-position: center;}
.bundesland-kacheln ul li.kleve {background-image: url("../images/staedte/Header_Kleve.jpg"); background-position: center;}
.bundesland-kacheln ul li.krefeld {background-image: url("../images/staedte/Header_Krefeld.jpg"); background-position: center;}
.bundesland-kacheln ul li.koeln {background-image: url("../images/staedte/Header_Koeln.jpg"); background-position: center;}
.bundesland-kacheln ul li.muelheim {background-image: url("../images/staedte/Header_Muelheim.jpg"); background-position: center;}
.bundesland-kacheln ul li.oberhausen {background-image: url("../images/staedte/Header_Oberhausen.jpg"); background-position: center;}
.bundesland-kacheln ul li.recklinghausen {background-image: url("../images/staedte/Header_Recklinghausen.jpg"); background-position: center;}



.stadt-karte-nordrheinwestfalen {  background-image: url(../images/staedte/Karte-NRW.jpg);     height: 350px;     background-position: center;}
.stadt-karte-badenwuerttemberg {  background-image: url(../images/staedte/Karte-BadenWuerttemberg.jpg);     height: 350px;     background-position: center;}
.stadt-karte-bayern {  background-image: url(../images/staedte/Karte-Bayern.jpg);     height: 350px;     background-position: center;}
.stadt-karte-brandenburg {  background-image: url(../images/staedte/Karte-Brandenburg.jpg);     height: 350px;     background-position: center;}
.stadt-karte-hessen {  background-image: url(../images/staedte/Karte-Hessen.jpg);     height: 350px;     background-position: center;}
.stadt-karte-niedersachsen {  background-image: url(../images/staedte/Karte-Niedersachsen.jpg);     height: 350px;     background-position: center;}
.stadt-karte-saarland {  background-image: url(../images/staedte/Karte-Saarland.jpg);     height: 350px;     background-position: center;}
.stadt-karte-rheinlandpfalz {  background-image: url(../images/staedte/Karte-RheinlandPfalz.jpg);     height: 350px;     background-position: center;}
.stadt-karte-mecklenburgvorpommern {  background-image: url(../images/staedte/Karte-MecklenburgVorpommern.jpg);     height: 350px;     background-position: center;}
.stadt-karte-sachsen {  background-image: url(../images/staedte/Karte-Sachsen.jpg);     height: 350px;     background-position: center;}
.stadt-karte-sachsenanhalt {  background-image: url(../images/staedte/Karte-SachsenAnhalt.jpg);     height: 350px;     background-position: center;}
.stadt-karte-schleswigHolstein {  background-image: url(../images/staedte/Karte-SchleswigHolstein.jpg);     height: 350px;     background-position: center;}
.stadt-karte-thueringen {  background-image: url(../images/staedte/Karte-Thueringen.jpg);     height: 350px;     background-position: center;}

section.stadt-wrapper.magdeburg .stadt-header {  background-image: url(../images/staedte/Header-Magdeburg.jpg);     background-position: center;}

section.stadt-wrapper.badenwuerttemberg  .stadt-header {  background-image: url(../images/staedte/Header_BadenWuerttemberg.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.bayern  .stadt-header {  background-image: url(../images/staedte/Header_Bayern.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.brandenburg  .stadt-header {  background-image: url(../images/staedte/Header_Brandenburg.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.hessen  .stadt-header {  background-image: url(../images/staedte/Header_Hessen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.niedersachsen  .stadt-header {  background-image: url(../images/staedte/Header_Niedersachsen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.nordrheinwestfalen  .stadt-header {  background-image: url(../images/staedte/Header_NRW.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.saarland  .stadt-header {  background-image: url(../images/staedte/Header_Saarland.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.rheinlandpfalz  .stadt-header {  background-image: url(../images/staedte/Header_RheinlandPfalz.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.mecklenburgvorpommern  .stadt-header {  background-image: url(../images/staedte/Header_MecklenburgVorpommern.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.sachsen  .stadt-header {  background-image: url(../images/staedte/Header_Sachsen.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.sachsenanhalt  .stadt-header {  background-image: url(../images/staedte/Header_SachsenAnhalt.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.schleswigHolstein  .stadt-header {  background-image: url(../images/staedte/Header_SchleswigHolstein.jpg);     height: 350px;     background-position: center;}
section.stadt-wrapper.thueringen  .stadt-header {  background-image: url(../images/staedte/Header_Thueringen.jpg);     height: 350px;     background-position: center;}

section.stadt-wrapper.hannover .stadt-header {  background-image: url(../images/staedte/Header_Hannover.jpg);     background-position: center;}
.stadt-karte-hannover {  background-image: url(../images/staedte/Karte-Hannover.jpg);     height: 350px;     background-position: center;}



@keyframes zoom-image {
  0% {
    background-size: 105%;
  }
  100% {
    background-size: 150%;
  }
}

 .stadt-header  {
  background-size: 100%; /* Startgröße */
  background-repeat: no-repeat;
  animation: zoom-image 180s infinite alternate; /* Animation */
}

.stadt-karte {margin: 40px 0px;}

.bundesland-kacheln ul li.wolfsburg {background-image: url("../images/staedte/Header_Wolfsburg.jpg"); background-position: center;}
.bundesland-kacheln ul li.erfurt {background-image: url("../images/staedte/Header_Erfurt.jpg"); background-position: center;}
.bundesland-kacheln ul li.goettingen {background-image: url("../images/staedte/Header_Goettingen.jpg"); background-position: center;}
.bundesland-kacheln ul li.hildesheim {background-image: url("../images/staedte/Header_Hildesheim.jpg"); background-position: center;}
.bundesland-kacheln ul li.hannover {background-image: url("../images/staedte/Header_Hannover.jpg"); background-position: center;}
.bundesland-kacheln ul li.oldenburg {background-image: url("../images/staedte/Header_Oldenburg.jpg"); background-position: center;}
.bundesland-kacheln ul li.osnabrueck {background-image: url("../images/staedte/Header_Osnabrueck.jpg"); background-position: center;}
.bundesland-kacheln ul li.saarbruecken {background-image: url("../images/staedte/Header_Saarbruecken.jpg"); background-position: center;}
.bundesland-kacheln ul li.salzgitter {background-image: url("../images/staedte/Header_Salzgitter.jpg"); background-position: center;}
.bundesland-kacheln ul li.braunschweig {background-image: url("../images/staedte/Header_Braunschweig.jpg"); background-position: center;}
.bundesland-kacheln ul li.berlin {background-image: url("../images/staedte/Header_Berlin.jpg"); background-position: center;}
.bundesland-kacheln ul li.bremen {background-image: url("../images/staedte/Header_Bremen.jpg"); background-position: center;}
.bundesland-kacheln ul li.hamburg {background-image: url("../images/staedte/Header_Hamburg.jpg"); background-position: center;}
.bundesland-kacheln ul li.heidelberg {background-image: url("../images/staedte/Header_Heidelberg.jpg"); background-position: center;}
.bundesland-kacheln ul li.freiburgimBreisgau {background-image: url("../images/staedte/Header_FreiburgimBreisgau.jpg"); background-position: center;}
.bundesland-kacheln ul li.karlsruhe {background-image: url("../images/staedte/Header_Karlsruhe.jpg"); background-position: center;}
.bundesland-kacheln ul li.stuttgart {background-image: url("../images/staedte/Header_Stuttgart.jpg"); background-position: center;}
.bundesland-kacheln ul li.ulm {background-image: url("../images/staedte/Header_Ulm.jpg"); background-position: center;}
.bundesland-kacheln ul li.augsburg {background-image: url("../images/staedte/Header_Augsburg.jpg"); background-position: center;}
.bundesland-kacheln ul li.muenchen {background-image: url("../images/staedte/Header_Muenchen.jpg"); background-position: center;}
.bundesland-kacheln ul li.nuernberg {background-image: url("../images/staedte/Header_Nuernberg.jpg"); background-position: center;}
.bundesland-kacheln ul li.regensburg {background-image: url("../images/staedte/Header_Regensburg.jpg"); background-position: center;}
.bundesland-kacheln ul li.brandenburganderhavel {background-image: url("../images/staedte/Header_BrandenburganderHavel.jpg"); background-position: center;}
.bundesland-kacheln ul li.wuerzburg {background-image: url("../images/staedte/Header_Wuerzburg.jpg"); background-position: center;}
.bundesland-kacheln ul li.cottbus {background-image: url("../images/staedte/Header_Cottbus.jpg"); background-position: center;}
.bundesland-kacheln ul li.frankfurtOder {background-image: url("../images/staedte/Header_FrankfurtOder.jpg"); background-position: center;}
.bundesland-kacheln ul li.potsdam {background-image: url("../images/staedte/Header_Potsdam.jpg"); background-position: center;}
.bundesland-kacheln ul li.schwedtOder {background-image: url("../images/staedte/Header_SchwedtOder.jpg"); background-position: center;}
.bundesland-kacheln ul li.frankfurt {background-image: url("../images/staedte/Header_Frankfurt.jpg"); background-position: center;}
.bundesland-kacheln ul li.koblenz {background-image: url("../images/staedte/Header_Koblenz.jpg"); background-position: center;}
.bundesland-kacheln ul li.rostock {background-image: url("../images/staedte/Header_Rostock.jpg"); background-position: center;}
.bundesland-kacheln ul li.dresden {background-image: url("../images/staedte/Header_Dresden.jpg"); background-position: center;}
.bundesland-kacheln ul li.kiel {background-image: url("../images/staedte/Header_Kiel.jpg"); background-position: center;}
.bundesland-kacheln ul li.trier {background-image: url("../images/staedte/Header_Trier.jpg"); background-position: center;}
.bundesland-kacheln ul li.merzig {background-image: url("../images/staedte/Header_Merzig.jpg"); background-position: center;}
.bundesland-kacheln ul li.aachen {background-image: url("../images/staedte/Header_Aachen.jpg"); background-position: center;}
.bundesland-kacheln ul li.siegen {background-image: url("../images/staedte/Header_Siegen.jpg"); background-position: center;}
.bundesland-kacheln ul li.bottrop {background-image: url("../images/staedte/Header_Bottrop.jpg"); background-position: center;}
.bundesland-kacheln ul li.muenster {background-image: url("../images/staedte/Header_Muenster.jpg"); background-position: center;}
.bundesland-kacheln ul li.solingen {background-image: url("../images/staedte/Header_Solingen.jpg"); background-position: center;}
.bundesland-kacheln ul li.wuppertal {background-image: url("../images/staedte/Header_Wuppertal.jpg"); background-position: center;}
.bundesland-kacheln ul li.guetersloh {background-image: url("../images/staedte/Header_Guetersloh.jpg"); background-position: center;}
.bundesland-kacheln ul li.remscheid {background-image: url("../images/staedte/Header_Remscheid.jpg"); background-position: center;}
.bundesland-kacheln ul li.paderborn {background-image: url("../images/staedte/Header_Paderborn.jpg"); background-position: center;}
.bundesland-kacheln ul li.herne {background-image: url("../images/staedte/Header_Herne.jpg"); background-position: center;}
.bundesland-kacheln ul li.leverkusen {background-image: url("../images/staedte/Header_Leverkusen.jpg"); background-position: center;}
.bundesland-kacheln ul li.neuss {background-image: url("../images/staedte/Header_Neuss.jpg"); background-position: center;}
.bundesland-kacheln ul li.bielefeld {background-image: url("../images/staedte/Header_Bielefeld.jpg"); background-position: center;}
.bundesland-kacheln ul li.moenchengladbach {background-image: url("../images/staedte/Header_Moenchengladbach.jpg"); background-position: center;}
.bundesland-kacheln ul li.moers {background-image: url("../images/staedte/Header_Moers.jpg"); background-position: center;}
.bundesland-kacheln ul li.bergischgladbach {background-image: url("../images/staedte/Header_BergischGladbach.jpg"); background-position: center;}
.bundesland-kacheln ul li.jena {background-image: url("../images/staedte/Header_Jena.jpg"); background-position: center;}
.bundesland-kacheln ul li.erlangen {background-image: url("../images/staedte/Header_Erlangen.jpg"); background-position: center;}
.bundesland-kacheln ul li.pforzheim {background-image: url("../images/staedte/Header_Pforzheim.jpg"); background-position: center;}
.bundesland-kacheln ul li.bremerhaven {background-image: url("../images/staedte/Header_Bremerhaven.jpg"); background-position: center;}
.bundesland-kacheln ul li.heilbronn {background-image: url("../images/staedte/Header_Heilbronn.jpg"); background-position: center;}
.bundesland-kacheln ul li.reutlingen {background-image: url("../images/staedte/Header_Reutlingen.jpg"); background-position: center;}
.bundesland-kacheln ul li.wiesbaden {background-image: url("../images/staedte/Header_Wiesbaden.jpg"); background-position: center;}
.bundesland-kacheln ul li.offenbach {background-image: url("../images/staedte/Header_Offenbach.jpg"); background-position: center;}
.bundesland-kacheln ul li.mainz {background-image: url("../images/staedte/Header_Mainz.jpg"); background-position: center;}
.bundesland-kacheln ul li.fuerth {background-image: url("../images/staedte/Header_Fuerth.jpg"); background-position: center;}
.bundesland-kacheln ul li.ingolstadt {background-image: url("../images/staedte/Header_Ingolstadt.jpg"); background-position: center;}
.bundesland-kacheln ul li.luebeck {background-image: url("../images/staedte/Header_Luebeck.jpg"); background-position: center;}
.bundesland-kacheln ul li.darmstadt {background-image: url("../images/staedte/Header_Darmstadt.jpg"); background-position: center;}
.bundesland-kacheln ul li.halle {background-image: url("../images/staedte/Header_Halle.jpg"); background-position: center;}
.bundesland-kacheln ul li.ludwigshafen {background-image: url("../images/staedte/Header_Ludwigshafen.jpg"); background-position: center;}
.bundesland-kacheln ul li.chemnitz {background-image: url("../images/staedte/Header_Chemnitz.jpg"); background-position: center;}
.bundesland-kacheln ul li.gelsenkirchen {background-image: url("../images/staedte/Header_Gelsenkirchen.jpg"); background-position: center;}
.bundesland-kacheln ul li.mannheim {background-image: url("../images/staedte/Header_Mannheim.jpg"); background-position: center;}
.bundesland-kacheln ul li.kaiserslautern {background-image: url("../images/staedte/Header_Kaiserslautern.jpg"); background-position: center;}




.eintrag-firmendaten .eintrag-adresse img, .eintrag-firmendaten .eintrag-telefon img {display:none;}


.eintrag-firmendaten .eintrag-adresse::before, .eintrag-firmendaten .eintrag-telefon::before {
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-position: center;
    content: "";}

.eintrag-firmendaten .eintrag-adresse::before {background-image: url(/images/brancheneintrag/Adresse-positiv.svg);}
.eintrag-firmendaten .eintrag-telefon::before {background-image: url(/images/brancheneintrag/Fon-positiv.svg);}



.stadt-header h1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    color: white !important;
    font-size: 5em !important;
    margin-top: 60px;
	    line-height: 100% !important;
}


@keyframes slideIn-animation {
  0% {
    margin-left: -100%; /* Startposition links außerhalb des Containers */
    opacity: 0; /* Unsichtbar */
  }
  100% {
    margin-left: 0; /* Endposition */
    opacity: 1; /* Voll sichtbar */
  }
}

.stadt-header .stadt-header-reg-btt {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    margin-top: 60px;
	line-height: 100% !important;

}

.stadt-header-reg-btt a {
    background-color: var(--accent-color);
    padding: 20px 40px;
    font-size: 2em;
    font-weight: bold;
    color: white;
    text-decoration: none;
		  animation: slideIn-animation 1.5s ease-out forwards; /* Animation */
	  opacity: 0; /* Startzustand */
	display: inline-block;
	 margin-left: 0;

}


@media screen and (max-width:778px){
	.stadt-header-reg-btt a {    font-size: 1em;    padding: 5px 10px;}
	.stadt-header .stadt-header-reg-btt {margin-top: 0px;}
	.stadt-header h1 {    margin-top: 30px;}
}



section.stadt-infobereich h2 {
    font-size: 2em !important;
}

ul.stadt-info-punkte {
    margin: 20px 0px 20px 0px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
}

ul.stadt-info-punkte li {
    list-style-type: none;
    width: 15%;
    border: 1px solid var(--accent-color);
    padding: 5px;
}


ul.stadt-info-punkte.sipbundesland li {
    width: 24%;}

ul.stadt-info-punkte.sipbundesland li h3 {
    font-size: 1.5em !important}

li.sip-bundesland.sipbundesland h3, li.sip-einwohner h3{
    font-size: 1.5em !important;
}

ul.stadt-info-punkte li h3 {
    text-align: center !important;
    font-weight: 900 !important;
    font-size: 0.8em;
    line-height: 150%;
}


li.sip-bundesland span {
    font-size: 0.55em;
    line-height: 100%;
}

li.sip-bundesland h3, li.sip-einwohner h3, li.sip-kennzeichen h3 {
    font-size: 1.2em !important;
}

li.sip-plz h3  {
    font-size: 1em !important;
}


.stadt-info-texte {
    display: flex;
    justify-content: space-between;
}

.stadt-info-texte article {
    width: 30%;
    text-align: justify;
}



.tes-head-bild {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    height: 300px;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
	background-image: url(../images/staedte/Stadt-Top-Eintrag-Header.jpg);
	    display: flex;
	background-position: right;
}

.tes-head-bild h2 {
    font-size: 5em !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
	color: white !important;
  text-shadow: 0px 0px 20px black, 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black;
}


section.top-eintrag-stadt{    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;}



/*
.tes-eintraege {
    background-color: var(--accent-color);
}*/



ul.eintraege-liste {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px 0px;
	color: var(--accent-color);
	  
}

.eintraege-liste li   {
    list-style-type: none;
}

.eintraege-liste li a {
    display: block;
}

.eintraege-liste li a:hover {
text-decoration: none;

}



.eintrage-daten {   
    background-color: white;
    margin: 10px 0px;
    padding: 10px;
    height: 150px;
    display: flex;
}


.eintrag-kategorie  {
	 border-right: 1px solid var(--accent-color);
    display: flex;
    align-items: center;
    padding: 10px;
    width: 20%;
    justify-content: center;
    text-transform: uppercase;
}

.eintrag-firmendaten {
    width: 80%;
 padding:0px 10px;}   

.eintrag-firmenname {
    font-weight: bold;
    height: 75px;
}



.eintrage-daten:hover {
    background-color: var(--accent-color);
    color: white;
    border: 1px solid white;
}



.eintrage-daten {
    border: 1px solid var(--accent-color);
}


.eintrage-daten:hover  .eintrag-kategorie {border-right: 1px solid white; }


section.standard-eintraege-stadt {
    margin: 100px 0px;
}


.eintrag-firmendaten img {
    background-color: white;
    padding: 5px;
}

.eintrag-adresse span, .eintrag-telefon span {
    top: -5px;
    position: relative;
}


.stadt-hiereintragen  {
	background-color: var(--accent-color);
    float: left;
    font-size: 24px;
    font-weight: bold;
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

.stadt-hiereintragen a  {
display:block;
	color:black;
}

.stadt-hiereintragen span {
    color: white;
}



/* NEUE STÄDTE SEITEN ***********************************/

.fullwidth {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    float: left;
}

section.branchenseiten {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}


.grey-bg {background-color: rgba(216,216,216,1.00)}



/*
ul.stadt-listen {
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: contain;
    border-top: 1px solid var(--accent-color);
    padding: 10px 0px 25px 45px;
    border-bottom: 1px solid var(--accent-color);
}

ul.stadt-listen.liste-debadenwuerttemberg {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Baden-Wuerttemberg.jpg);}
ul.stadt-listen.liste-debayern {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Bayerm.jpg);}
ul.stadt-listen.liste-deberlin {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Berlin.jpg);}
ul.stadt-listen.liste-debrandenburg {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Brandenburg.jpg);}
ul.stadt-listen.liste-debremen {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Bremen.jpg);}
ul.stadt-listen.liste-dehamburg {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Hamburg.jpg);}
ul.stadt-listen.liste-dehessen {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Hessen.jpg);}
ul.stadt-listen.liste-deniedersachsen {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Niedersachsen.jpg);}
ul.stadt-listen.liste-denordrheinwestfalen {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Nordrhein-Westfalen.jpg);}
ul.stadt-listen.liste-desaarland {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Saarland.jpg);}
ul.stadt-listen.liste-derheinlandpfalz {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Rheinland-Pfalz.jpg);}
ul.stadt-listen.liste-demecklenburgvorpommern {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Mecklenburg-Vorpommern.jpg);}
ul.stadt-listen.liste-desachsen {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Sachsen.jpg);}
ul.stadt-listen.liste-deschleswigholstein {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Schleswig-Holstein.jpg);}
ul.stadt-listen.liste-dethueringen {    background-image: url(../images/bundeslaender-bilder/BP24_Bundeslaender_Header_Thueringen.jpg);}

*/

.sl-headerbild img {
    width: 100%;
}

ul.stadt-listen {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid var(--accent-color);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
    max-height: 120px;
    max-width: 1280px;
	line-height: 200%;
}

.partner-nrw-liste ul.stadt-listen {
    max-height: 350px;
}

ul.stadt-listen li {
    margin: 0px 0px 0px 25px;
}

.sl-headerbild {
	    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.stadt-listen h3 {
    width: 100%;
    height: 25px;
}

.sl-headerbild img {
    position: absolute;
    width: 100%;
    height: auto;
    transform: translatey(-50%);
    top: 50%;
}

#partnerseitenzwei .fullwidth {
    margin-top: 70px;
    margin-bottom: 70px;
}

/*
.stadt-listen li {
    width: 25%;
}*/


.fw-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.gold-bg {background-color: #bc9d58;}


.btt-pgb a {
    background-color: white;
    display: block;
    width: 300px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
}




.werbeportal-logo {
    width: 200px;
    margin: 0 0 20px 0;
}

section#partnerseitenzwei img {
    max-width: 100%;
}


article.werbeportal-liste {
    display: flex;
    justify-content: space-between;
}




.premium-gold-bereich ul {
    max-height: 450px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 0 0 25px;
    flex-direction: column;
}

.premium-gold-bereich ul li {
    width: 25%;
    height: 60px;
    margin: 5px;
}


.partner-stadtliste {
    height: 285px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 1280px;
}

ul.partner-stadtliste li {
    font-weight: bold;
    line-height: 275%;
}



/*********** BRANCHENNEWS ****************/

.bn_news img {
    height: 400px;
    width: auto;
    float: inherit;
    margin-right: 680px;
    margin-bottom: 20px;
    margin-left: 0px;
}

.bn_firmenname {
    font-weight: bold;
    font-size: 40px;
    color: var(--accent-color);
    margin: 90px 0px 25px 0px;
	line-height: 150% !important; 
}

.bn_news p, .bn_news {
    font-size: 24px !important;
	letter-spacing: 0.5px !important;
    line-height: 150% !important;
	}
#branchenews-eintraege .trennlinie {
    width: 100%;
    float: inherit !important;
    margin: 40px 0px;
    height: 5px;
    background-color: var(--accent-color);
}

.bn_news .btt-news a {
    margin: 22px 0px;
    font-size: 24px;
    background-color: white;
    color: var(--accent-color);
    padding: 10px 50px;
    display: inline-block;
    text-decoration: none;
    border: 3px solid var(--accent-color);
	    text-align: center;
}

.bn_news .btt-news a:hover{
	    background-color: var(--accent-color);
    color: white;
	text-decoration: none;
	transition:background ease-in-out 1s;
}


.newsblock {
    border-top: 2px solid var(--accent-color);
    margin: 50px 0px 25px 0px;
}

.newsblock, .newsblock p  {
    font-size: 24px !important;
    letter-spacing: 0.5px !important;
    line-height: 150% !important;
}


.newsblock h2 {
    font-weight: bold !important;
    font-size: 40px !important;
    color: var(--accent-color);
   margin: 30px 0px 45px 0px;
	 line-height: 150% !important;
}

.newsblock img {
    height: 400px;
    width: auto;
    float: inherit;
    margin-right: 680px;
    margin-bottom: 20px;
    margin-left: 0px;
}

.newsblock .btt-news a {
    margin: 22px 0px;
    font-size: 24px;
    background-color: white;
    color: var(--accent-color);
    padding: 10px 50px;
    display: inline-block;
    text-decoration: none;
    border: 3px solid var(--accent-color);
	    text-align: center;
}

.newsblock .btt-news a:hover{
	    background-color: var(--accent-color);
    color: white;
	text-decoration: none;
	transition:background ease-in-out 1s;
}


/******************************************/



/****CORONA ANZEIGE****/

section.corona-anzeige-startseite {
    background-color: var(--accent-color);
    padding: 5%;}

section.corona-anzeige-startseite img {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    display: flex;}

section.corona-anzeige-startseite h2 {    text-align: center !important;}


.corona-anzeige-startseite article {
    width: 75%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;}

.corona-btt {    text-align: center;}

.corona-btt a {
    display: inline-block;
    color: white;
    border: 1px solid;
    padding: 10px;
    text-align: center;
    width: 30%;
    font-weight: bold;
    text-transform: uppercase;
margin: 50px 0px 25px 0px;}


.corona-btt a:hover {
    text-decoration: none;
    background-color: white;
    color: var(--accent-color)}





.corona-basis-eintrag img {
    width: 50%;
    margin: 40px 0px 0px 0px;
}



.basis-registrier-formular #form_container {
    float: none !important;
}

.basis-registrier-formular img {
    width: 150px;
}


.basis-registrier-formular h2, .basis-registrier-formular h3 {
    clear: both;
}


.basis-registrier-formular #saveForm {
    background-color: white;
    border: 1px solid black;
    padding: 10px;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 20px;
cursor: pointer;
}

.basis-registrier-formular #saveForm:hover {
    background-color: var(--accent-color);
}

.basis-registrier-formular #form_container {
    border: 1px solid black;
    background-color: rgba(0,0,0,0.05);
}


.reg-l-preis {
    font-size: 30px;
    margin: 60px 0px;
    font-weight: bold;
    color: black;
    background-color: var(--accent-color);
    padding: 10px;
    display: inline-block;
	line-height: 150%;
}

.reg-l-preis span {
    text-transform: uppercase;
    font-weight: bolder;
}

.basis-registrier-formular .description {
    color: black;
    font-weight: bold;
    margin: 10px 0px;
    display: block;
}

/****************************/


/************* GOOGLE PARTNER*****/

#googlepartner-site section {margin: 60px 0px;}
.sea-headerbild {    width: 100%;}

.googlepartner-infokasten {
    display: flex;
    justify-content: space-between;
}


.gp-infokasten {    width: 24%;}

.gp-bg {    background-color: var(--accent-color);}


.gp-infokasten h3 {
    padding: 20px 5px;
    text-align: center !important;
    min-height: 135px;
}


.gp-info-btt a {
    width: 100%;
    text-align: center;
    display: block;
    border: 1px solid var(--accent-color);
    padding: 20px;
font-weight: bold;
text-transform: uppercase;
	text-decoration: none;
}

.gp-info-btt a:hover {
    color:white;
background-color:var(--accent-color);
text-decoration: none;
}
.bp24-googlepartner {
    margin: 75px 0px;
}

/********************************/



/******* BUND DER STEUERZAHLER STARTSEITE**************/

img.bundsteuerzahlerlogo-startseite {
    max-width: 400px;
}


/*************************************************************************/





/** BLOG & NEWS BEREICH STARTSEITE ****/

article.bp24-sb-eyecatcher { position: relative;}

a.bp24-sb-highlight-btt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 10px 25px;
    font-weight: bold;
    border: 1px solid var(--accent-color);
}




.start-highlight-news {
    background-color: var(--accent-color);
    margin-bottom: 50px;
    padding: 5px;
    height: 450px;
    display: flex;
	    min-width: 0;
}

.start-high-news-bild-hilfscontainer {
    width: 50%;
}

.start-high-news-bild {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.start-high-news-bild img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
  /*  width: auto;*/
}


.start-high-news-text-hilfscontainer {
    padding: 20px;
    width: 50%;
	    position: relative;
}


.start-high-news-text {
    overflow: hidden;
    -webkit-line-clamp: 8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


.start-high-news-text p::after {
    content: "...";
}


.start-highlight-news a.start-news-btt {
    border: 1px solid white;
    color: white;
    padding: 5px 45px;
	    position: absolute;
    bottom: 0;
	    transition: all 1s;
}

.start-highlight-news a.start-news-btt:hover {
    text-decoration: none;
    background-color: white;
    color: var(--accent-color);
}

article.normale-news-reihen {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.start-normale-news {
    width: 24%;
    border: 1px solid var(--accent-color);
    margin-bottom: 25px;
/*	max-height: 500px;*/
}


.start-news-bild {
    overflow: hidden;
    position: relative;
    height: 200px;
}

.start-news-bild img {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    margin: auto;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
}



.start-news-text-hilfscontainer {
    padding: 10px;
	position: relative;
	    min-height: 250px;
}

@-moz-document url-prefix() { 
	
	.start-news-text{
    overflow: inherit;
    -webkit-line-clamp: inherit;
    display: -webkit-box;
    -webkit-box-orient: inherit;
}
	
 .start-news-text p{
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
}

.start-news-text{
    overflow: hidden;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

/*
a.start-news-btt {
	position: absolute;
    bottom: 0;
	margin-bottom: 10px;
}
*/

a.start-news-btt {
  color: inherit !important;
  text-decoration: none !important;
}


section.googleads-leistungen {
  /*  background-color: var(--accent-color);*/
    padding: 20px;
}

#footer-Rechte {    font-size: 12px;    color: white;}

/*
#googleadssilberpaket .goodleads-einleitung::before {
    content: " ";
    width: 100%;
    height: 320px;
    background-image: url(../images/BP24-GoogleAds-Header-Silber.jpg);
    display: block;
background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#googleadsgoldpaket .goodleads-einleitung::before {
    content: " ";
    width: 100%;
    height: 320px;
    background-image: url(../images/BP24-GoogleAds-Header-Gold.jpg);
    display: block;
background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}*/

.goodleads-einleitung h1 span {
    background-color: var(--accent-color);
    padding: 0px 15px;
	    color: white !important;
    line-height: 150%;
}



.highlight-kontakt h2, .highlight-kontakt p {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
}

.section-container-highlight-banner {
    width: 100vw;
    float: left;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    background-color: #dddddd;
}
.sec-abstand {
    margin-top: 75px;
    margin-bottom: 75px;
}

.col-first {
  padding-right: 25px;
  padding-left: 0px !important;
}

.col-last {
  padding-right: 0px !important;
  padding-left: 25px;
}

.col-8-12 {
    width: 60%;
    float: left;
    padding: 0 25px 0 25px;
}

.col-6-12 {
    width: 50%;
    float: left;
    padding: 0 25px 0 25px;
}

.col-4-12 {
    width: 25%;
    float: left;
    padding: 0 25px 0 25px;
}

.col-12-12 {
    width: 100%;
    float: left;
    padding: 0px;
}

.section-container-highlight-banner section {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.section-container-highlight-banner section {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.highlight-kontakt h2, .highlight-kontakt p {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
}


.google-ads-highlightkasten {
  border: 1px solid var(--accent-color);
  text-align: center;
	padding: 20px 0px;
}

.google-ads-highlightkasten h3 {
  text-align: center !important;
}

.gads-hk-icons {
  background-color: var(--accent-color);
	padding: 15px 0px;
}

.gads-hk-icons ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
	display: flex;
}

.gads-hk-icons img {
  height: 40px;
  width: auto;
}

.gads-hk-icons li {
  width: 25%;
}

.gads-hk-icons li span {
  display: block;
	  font-weight: bold;
  margin-top: 10px;

}

.google-ads-highlightkasten p {
  min-height: 80px;
	padding: 0px 25px;
}

.gads-preis {
  font-weight: bold;
  font-size: 1.3em;
  margin: 20px;
}


.googleads-registrierung-pakete-silber, .googleads-registrierung-pakete-gold {
    background-color: var(--accent-color);
    padding: 10px;
}


.googleads-registrierung-pakete-gold h2, .googleads-registrierung-pakete-silber h2 {
    text-align: center !important; color:white !important;
}

.gads-reg-link a {
    border: 1px solid white;
    color: white !important;
    text-align: center;
    display: block;
    padding: 10px;
}

.gads-reg-link a:hover {
    text-decoration: none;
    background-color: white;
    color: black !important;
}

section.googleads-registrierung-pakete article {
    margin: 50px 0px;
}





.googlepartnerlogo-nav img {
  max-width: 70px;
}

.googlepartnerlogo-nav {
  margin: 0px 35px;
}


.sticky-active .googlepartnerlogo-nav img {
  max-width: 45px;
}



.start-seoagentur {
background-image: url(../images/seoagentur-startseite.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 10px 25px 10px;
    background-position: left;
	color: white;
}

.start-seoagentur h2, .start-seoagentur a {
	color: white;
}

.start-seoagentur .highlight-link {
border: 1px solid white;

}


.wps-spalte {
    width: 15%;
}


#werbepakete-seite #leistungen {
    width: 40%;
}

/*******************************************************/
.wps-spalte {
    width: 15% !important;
}


#werbepakete-seite #leistungen {
    width: 40%;
}



ul.reg-auswahl-liste {
    list-style-type: none;
    margin: 0;
    padding: 0;
}



ul.reg-auswahl-liste li {
    text-align: center;
    border-bottom: 1px solid white;
    padding: 20px 10px;
}


.stadt-wrapper .pakete {
  background-color: inherit !important;
}


#start-aktuelleeintraege ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}


#start-aktuelleeintraege li {
  width: 45%;
}

#start-aktuelleeintraege li a {
  border: 1px solid var(--accent-color);
  margin: 20px 0px;
  text-align: center;
  display: flex;
  padding: 15px 15px;
  background-color: white;
  color: black !important;
  font-weight: bold;
  min-height: 125px;
  justify-content: center;
  align-items: center;
  transition: all ease-in-out 0.5s;
  flex-direction: column;
}

#start-aktuelleeintraege li a:hover {
  text-decoration: none;
  background-color: var(--accent-color);
  color: black !important;

}


.akpe-kategorie {
  font-weight: normal !important;
  margin: 15px 0px 0px 0px;
}




/* Grundlegende Styles */
details {background: #eee; border: 1px solid #666; margin-bottom: 1.5rem;    cursor: pointer;    padding: 0px 0px 15px 0px;}
summary {background: var(--accent-color); color: #fff; cursor: pointer; padding: 10px 20px;;}
.akkordeon-inhalt {padding: 1rem 1rem 1px 1rem;}

/* Der verzögerungseffekt */
details[open] summary ~ * {animation: sweep .7s ease-in-out;}

@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}


summary h3 {    display: inline;color:white !important;}
.summaryinhalt {  padding: 20px;}
.webdesign-pakete.wdp-business h2 {
    color: white;
}

li.webdesign-tabelle-kopfzeile h2 {    text-align: center !important;}



/*WEBDESIGN PAKETE***/


.wdp-smart, .wdp-premium {  width: 30%;}

.wdp-business {  width: 36%;}

.webdesign-pakete {
  border: 1px solid black;
  padding: 20px;
  text-align: center;}

.webdesign-pakete h2 {  text-align: center !important;}

.webdesign-pakete ul {
  padding: 0px;
  margin: 0px;}


.webdesign-pakete ul li {
  list-style-type: none;
  border-bottom: 1px solid;
  padding: 20px 0px;}

.wdp-u-title {
  margin: 30px 0px 30px 0px;
  display: block;}

.wdp-preis {
  margin: 25px 0px;
  display: block;
  font-weight: bold;
  font-size: 28px;}

.wdp-optional, .wdp-inklusive {
  margin: 25px 0px;
  display: block;}

.wdp-business {background-color: var(--accent-color);}

.wdp-smart, .wdp-premium {background-color: #eee;}

.wdp-title, .wdp-u-title {font-size: 16px;}

.wdp-text-pakete {
  border: 1px solid;
  padding: 20px;
  width: 30%;}


.wdp-text-pakete span {
  font-weight: bold;
  display: block;
  font-size: 28px;
  margin: 20px 0px;
}

.webdesign-pakete a, .wdp-text-pakete a {
  text-transform: uppercase;
  background-color: white;
  padding: 15px 20px;
  display: block;
  color: black;
  border: 1px solid;
  font-weight: bold;
  text-align: center;
  margin: 25px 0px;
}


.webdesign-pakete a:hover, .wdp-text-pakete a:hover {
  background-color: var(--accent-color);
  text-decoration: none;
}



.seo-grafiken ul {margin: 0;  padding: 0;  display: flex;  justify-content: space-between; flex-direction: row;}

.seo-grafiken ul li {list-style-type: none;width: 33%;}

.seo-grafiken ul li img {width: 100%;}

.seo-grafiken h3 {  text-align: center !important;}


.start-seo-statistik {margin: 50px 0px;}

.start-seo-statistik ul li {list-style-type: none;width: 50%;}

.start-seo-statistik ul {
    margin: 25px 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;} 


/**VIDEO*******************************/
video.fullscreen {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width:100%;
  height:100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  &::-webkit-media-controls {
     display:none !important;
  }
}


.video-container {
position: relative;
    display: grid;
    place-items: center;
    margin: 0 auto;
    background: #ccc;

}

section.stadt-header.video-container {
    height: 600px !important;
}

.video-bg-color {
/*    background-color: rgba(0,0,0,0.5);*/
    width: 100%;
    height: 100%;
    position: absolute;
}

.content {
  z-index: 1;
}

/***************************************/


.highlight-news-highlight-container {
  width: 100vw;
  float: left;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}



.start-normale-news h3 {
  background-color: var(--accent-color);
  padding: 10px;
  min-height: 140px;
	margin: 0px;
}

.start-normale-news.hvr-bounce-to-bottom:before {
	background: /*var(--accent-color)*/ rgba(249, 152, 37, 0.5) !important;}

/*
.start-normale-news.hvr-bounce-to-bottom p:hover {color:black !important;}*/

.weiterlesen-start-news {
  width: 100%;
  text-align: center;
  display: block;
  background-color: var(--accent-color);
  color: black;
  font-weight: 500;
  font-size: 16px;
  padding: 5px;
}

.section-container-highlight-banner.sec-abstand .bundesland-slider {
  padding-bottom: 25px;
}


.facebook-share-button {
    padding: 5px;
    margin: 25px 0px;
}



.hw-googlepartner-start-highlight {
    margin-bottom: 100px;
	    margin-top: 100px;
    background-color: var(--accent-color) !important;
    padding: 50px 0px 50px 0px;
}

.gp-startseite-button a.btt-highlight {
    text-align: center;
    min-height: 100px;
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 44px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
	    background-color: white;
    padding: 10px;
	color: black;
}


.google-partner-startseite h2 {
    margin-top: 0px !important;
}


.gp-startseite-button a.btt-highlight:hover {
    background-color: var(--accent-color);
}


.microsites-info::before {
    content: " ";
    width: 100%;
    height: 350px;
    background-image: url(../images/BP24_Microsite-Oben.jpg);
    display: block;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 150%;

}



.callbutton-statistik {
    display: none;
}



.login_formular .description {
  font-weight: bold;
  margin: 20px 0px;
  display: block;
}

.login_formular #email, .login_formular #passwort {
  max-width: 350px;
  padding: 5px;
  min-width: 350px;
}


.login_formular .btn {
  display: block;
  margin: 35px 0px;
  width: 200px;
  padding: 10px;
}



a.btt-highlight {
    text-transform: uppercase;
    background-color:var(--accent-color);
    color: white;
    display: inline-block;
   /* padding: 20px;
    font-size: 28px;*/
	padding: 10px 15px;
font-size: 18px;
    font-weight: 900;
	transition: all ease-in-out 1s;
}

a.btt-highlight:hover {text-decoration: none; background-color: var(--accent-color); color:black }

	
	
/***CALLBUTTON****/

.callbutton-btt a {
    background-color: grey;
    width: 100vw;
    position: relative;
    text-align: center;
    margin: 50px 0px;
    padding: 25px;
    display: block;
    left: 50%;
    margin-left: -50vw;
    color: white;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 28px;
    letter-spacing: 0.025em;
     line-height: 130%;
		transition: 1s all ease-in-out;
}



.callbutton-btt a:hover {
    text-decoration: none;
    font-size: 36px;
	background-color: var(--accent-color) !important;
	color:black;	
}


span.callbutton-btt-icon {
  content: "";
  background-image: url(/images/brancheneintrag/Fon-negativ.svg);
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  display: block;
  margin: 0px auto 10px auto;
  position: relative;
  border: 1px solid;
  background-color: var(--accent-color);
  border-radius: 50px;
  background-size: 70%;
  background-position: center;
}
	
	.callbutton-statistik {
    display: block;
}




/***STARTSEITE_ANGEBOT_BOX HIGHLIGHT****************************/

article.angebot-boxen {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.angebot-box {
    background-color:  var(--accent-color); 
    padding: 10px;
    min-width: 31%;
}


.abox-headline {
    font-weight: bold;
    text-transform: uppercase;
    background-color: white;
    padding: 10px;
}

.abox-normalpreise {
    margin: 20px 0px;
    color: white;
    font-weight: bold;
}

span.laufzeit-trennstrich {
    display: flex;
    height: 2px;
    background-color: white;
    width: 65%;
    margin: 20px auto;
}

span.laufzeit-zwei {
    font-size: 30px;
    line-height: 120%;
}

.laufzeit-drei {
    background-color: white;
    padding: 25px 0px 0px 0px;
    font-weight: bold;
    color: red;
    font-size: 35px;
    line-height: 100%;
}


.laufzeit-drei span {
    display: flex;
    justify-content: center;
}

span.abox-preis {
    font-size: 40px;
    line-height: 200%;
}

span.abox-alterpreis::after {
    display: block;
    height: 4px;
    background-color: black;
    content: "";
    width: 140px;
    z-index: 99;
    position: absolute;
    margin: 17px 0px 0px 0px;
}


a.abox-link {
    display: flex;
    background-color: white;
    margin: 20px 0px;
    justify-content: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 0px;
}

a.abox-link:hover {
    text-decoration: none;
    color: black;
}


article.abox-empfehlung {
    display: flex;
    justify-content: end;
}

.abox-empfehlung-text {
    width: 31%;
    text-align: center;
    font-weight: bold;
    margin: 25px 0px 0px 0px;
}

#werbepaket-tabelle s {
    display: block;
}




/*******************************************************/

@media screen and (max-width:1050px)
{
	
	.section-container-highlight-banner section {
    max-width: 90% !important;
}
	
	.section-container-highlight-banner.sec-abstand {
    background-position: -230px;
}
	
	.tes-head-bild {
    background-position: center;
}
	
	section.branchenseiten {
    max-width: 1000px;
}
	
	.fw-container {
    max-width: 1000px;
}
	
	.stadt-listen li {
    width: inherit;
}
	

	
	
	.pakete img {    width: 100%;}
	
	.stadt-header h1 {    padding: 2%;}		
	ul.stadt-info-punkte {    flex-wrap: wrap;}
	ul.stadt-info-punkte li {   width: 30%;    margin: 10px 0px;}
	.tes-eintraege ul.eintraege-liste {    width: 95%;}
	ul.eintraege-liste {    width: 100%;}
	.eintrag-kategorie{width: 25%;}
	.eintrag-firmendaten {    width: 75%;}
	
	
	
	#hauptinhaltContentBlock, #hauptinhaltContentBlock_Suche {
    width: 100% !important;
    padding-left: 2% !important;
    padding-right: 2% !important;
}
	
	.col-2 {width: 50%;}
	
	.toggle {font: normal 300 18px/36px 'Roboto', sans-serif !important;}
	
	
	.microsite-aufmerkamkeit {
    padding: 25px 10px 25px 10px;
    min-height: inherit;
    background-repeat: no-repeat;
    background-position: -195px;
    background-size: cover;
}
	
	
	.unternehmen {
    background-position: -85px;
}
	
	
	nav ul ul {
    position: inherit !important;
    top: inherit !important;

}
	
	nav ul li:hover > ul { display: none; }
	
	#top-bar{display:none;}
	
	header, header.sticky-active{position: fixed !important; }
	
	
	header.sticky-active{height:inherit !important; padding-top:20px !important;}
	
	#branding.sticky-active img {   width: 70px;}
	
	.nav-menu {
		overflow: scroll;
	right:-100%;  		
	transition:linear 0.8s;
	-o-transition:linear 0.8s;
	-moz-transition:linear 0.8s;
	-webkit-transition:linear 0.8s;
	z-index: 999;
	position: fixed;
	width: 90%;
	height: 100%;
	margin-top: 31px;
		display:block;
}
	

	
	
	nav label.togglemenu { float:none; text-align: right;}
nav label.togglemenu:hover {        color: black;
        text-decoration: none; }

nav { margin: 0;text-align: center; }

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block !important;
  padding: 0 20px;
  color: #000000;
  font-size: 20px;
  line-height: 35px;
  text-decoration: none;
  border: none;
}
	
	.togglemenu {
  display: flex !important;
justify-content: flex-end;
}
	

.toggle:hover {text-decoration:underline; }

[id^=drop]:checked + ul { display: block; 
	right:0px; 		
	transition:linear 0.8s;
	-o-transition:linear 0.8s;
	-moz-transition:linear 0.8s;
	-webkit-transition:linear 0.8s;
}
	
	
[id^=drop-off]:checked + .nav-menu { 
	overflow: hidden;
	right:-100%; 		
	transition:linear 0.8s;
	-o-transition:linear 0.8s;
	-moz-transition:linear 0.8s;
	-webkit-transition:linear 0.8s;
	z-index: 999;
	position: fixed;
	width: 90%;
	height: 100%;
	margin-top: 31px;
		display:block;
}


nav ul {background-color:var(--accent-color) ;}

nav ul li {
	border-bottom:1px solid;
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }


nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}



nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}



	#suche-registrieren-banner {    margin-top: 120px;}
	#suchfelder {    display: block;    justify-content: inherit;width: 95%;}
	#suchfelder .search {
    width: inherit;
    margin-bottom: 10px;
    margin-top: 10px;
}
	#suchfelder .search input[type="text"] {    font-size: 10px;}
	
	
	.microsite-arbeiten {
    float: right;
    padding: 25px 0px 0px 45px;
    width: 100%;
}
	
	.paket-reg {
		font: normal 900 36px/46px 'Roboto', sans-serif !important;}
	
	
	.vorteile {
    max-width: 90%;
}
	
	.seo-form {
    width: 100% !important;
}





.kundencenter a {
    background-color:inherit !important;
    padding: 0px !important;
    font-size: 18px !important;
}

.kundencenter .toggle {
    background-color:     white;
}

	
	
}

@media screen and (max-width:778px)
{
	
	
	
	
	article.angebot-boxen {
    flex-direction: column;
}

.angebot-box {
    margin: 30px 0px;
}

.abox-empfehlung-text {
    width: 100%;
}
	
	
	#ms-reihe {
    flex-wrap: wrap;
}
	
	.ms-ergebnis {
    margin: 10px 0px 0px 0px;
}

	
	

	#branchenpaekchen-liste li {
  width: 100% !important;
  height: 100px;
  margin: 20px 0px !important;
}
	
.section-container-highlight-banner.sec-abstand {padding: 20px;}
	
#start-aktuelleeintraege li {
  width: 100%;
}



.wps-spalte {
    width: 100% !important;
}
	
		
		.start-seoagentur::after {
    background-image: url(../images/seoagentur-startseite.jpg);
    content: " ";
    display: block;
height: 170px;
background-size: 130%;
    background-repeat: no-repeat;
		background-position: right;}
	
	.start-seoagentur{
    background-color: #f1ece6;
    padding: 25px 10px 25px 10px;
    background-image: none;
    min-height: inherit;
}
	
		.start-seoagentur {
	color: black !important;
}

.start-seoagentur h2, .start-seoagentur a {
	color: black !important;
}

.start-seoagentur .highlight-link {
border: 1px solid black !important;

}
	
	
	.googlepartnerlogo-nav img {
  max-width: 70px;
}


.sticky-active .googlepartnerlogo-nav img {
  max-width: 70px;
}
	
	
		.gads-hk-icons ul {
  display: inline-block;
}

.gads-hk-icons li {
  width: 100%;
  margin-bottom: 10px;
}
	
	.col-first {
    padding-right: 0px;
}
	
	.col-1-12, .col-2-12, .col-3-12, .col-4-12, .col-5-12, .col-6-12, .col-7-12, .col-8-12, .col-9-12, .col-10-12, .col-11-12, .col-12-12 {
    width: 100%;
    float: none;
    padding: 0px;
}
	
	.section-container-highlight-banner {
    left: 50%;
}
	
	img.bp24-sb-bild {
    height: 250px;
    object-fit: cover;
}
	
a.bp24-sb-highlight-btt {
    bottom: -71px;
    top: inherit;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
}
	section#bp24-start-socialblog {
    margin-bottom: 60px;
}
	
	.start-highlight-news {
    height: inherit;
    display: inherit;
}


.start-high-news-bild-hilfscontainer {
    width: 100%;
    height: 200px;
}


.start-high-news-text {
    margin-bottom: 50px;
}



.start-normale-news {
    width: 100%;
}


.start-normale-news {
    width: 100%;
	    max-height: inherit;
}
	
	.start-high-news-text-hilfscontainer {
    width: 100%;
}


.start-news-text {
    margin-bottom: 20px;
}


a.start-news-btt {
    position: inherit;
    bottom: inherit;
}
	
	
	
	.googlepartner-infokasten {    display: block;}
	.gp-infokasten {    width: 100%;	margin-bottom: 60px;}
	.gp-infokasten h3 {    min-height: inherit;}
	
	.row {    display: block;}
	.row .col-2 {    width: 100%;}
	
	.bn_news img, .newsblock img {
    height: auto;
		width: 100%;}

	
	.bn_news .btt-news a, .newsblock .btt-news a  {
    background-color: var(--accent-color);
    color: white;
    padding: 10px 4px;
    border: 3px solid var(--accent-color);
    width: 100%;
}
	

	
		.bn_firmenname, .newsblock h2 {
    font-size: 32px !important;}
	
	
	
		section.branchenseiten {
    padding: 0 2% 0 2%;
}
	
	.partner-stadtliste {
    flex-direction: inherit;
    height: inherit;
    flex-wrap: inherit;
    display: inline-block;
}
	
	.fw-container {
    padding: 0 2% 0 2%;
}
	
	
	.premium-gold-bereich ul {
    display: inline-block;
		    max-height: inherit;
}
	
	.premium-gold-bereich ul li {
    width: inherit;
}
	
	
	ul.stadt-listen {
    display: inline-block;
    max-height: inherit !important;
    max-width: inherit;
    width: 100%;
}
	

	
	section.stadt-header {    height: 150px;}
	.stadt-header h1 {    font-size: 2em !important;}
	ul.stadt-info-punkte li {    width: 100%;}
		ul.stadt-info-punkte.sipbundesland li {    width: 100%;}
	.stadt-info-texte article {    width: 100%;}
	.stadt-info-texte {    display: block;}
	.tes-head-bild {    height: 150px;}
	.tes-head-bild h2 {		font-size: 1em !important;}
	.eintrage-daten {    display: block;    height: inherit;}
	.eintrag-kategorie {    width: 100%;    border: none;    display: block;}
	.eintrag-firmendaten {    width: 100%;    display: block;}
	.eintrag-firmenname {    height: inherit;    margin: 20px 0px;}
	section.stadt-infobereich h2 {    font-size: 1.5em !important;}
	
	
		.unsere-kunden ul {    display: block;}
	.unsere-kunden li {    width: 100%;}
	
	.seo-marketing::before {
    height: 250px;
    background-size: cover;
}
	
	.seo-highlight-kasten p {
    width: 100%;
    float: none;
}
	
	.seo-highlight-kasten img {
    height: auto;
    width: 100%;
}
	
	.UnternehmenBesteHaende {
    background-color:     #f1ece6;
    padding: 25px 10px 25px 10px;
    background-image: none;
    min-height: inherit;
}
	
	.UnternehmenBesteHaende::after {
    background-image: url(../images/BP24-Marketing.jpg);
    content: " ";
    display: block;
    height: 281px;
    background-size: 180%;
    background-repeat: no-repeat;
    background-position: right;
}
	
	
	.start-news-block-row-eins, .start-news-block-row-zwei, .start-news-block-row-drei {
    width: 100%;
}
	
	.microsite-arbeiten {
    width: 100%;
    float: none;
    padding: 0;
		height: auto;
}
	
	.floating-left{float: none;}
.floating-right{float:none;}
	
	.col-2 {
    width: 100%;
		
		
}
	
	

	
	.microsite-aufmerkamkeit {
    background-color: #f1ece6;
    padding: 25px 10px 25px 10px;
    background-image: none;
    min-height: inherit;
}
	
	.microsite-aufmerkamkeit::after {
   background-image: url(../images/BP24_Microsite-Oben.jpg);
    content: " ";
    display: block;
    height: 281px;
    background-size: 180%;
    background-repeat: no-repeat;
    background-position: right;
}
	
	.unternehmen {
    padding: 25px 10px 25px 10px;
    background-image: none;
    min-height: inherit;
}
	
	
	.unternehmen::after {
    background-image: url(../images/BP24_Unternehmen-Sichtbar.jpg);
    content: " ";
    display: block;
    height: 281px;
    background-size: 180%;
    background-repeat: no-repeat;
    background-position: right;
}
	
	
	ul#branchenpaekchen-liste {    display: block !important;}
	
	.snbr-bild {		width: 100% !important;}
	
	footer {    padding: 0 5% 0 5%;
    float: left;
    width: 100%;
}
	#footer-menu {    display: block;}
	
	.bundesland-kacheln ul {    width: 100%;    display: block;}
	
	.bundesland-kacheln ul li {    width: 100%;    height: 150px;}
	
	#iframe-yt-videos {
    float: none !important;
    width: 100% !important;
    margin: 25px 0 25px 0;}
	
	
	#stoerer-gesamt {    display: block !important;}
	
	.stoerer {    width: 100%;    margin: 25px 0 25px 0; }

.bp24-pakete {    display: block !important;}
	
	.pakete {

    width: 100% !important;
    float: none;
    margin: 25px 0 25px 0 !important;
		 min-height: inherit !important;

}
	.pakete img {
    width: 100%;
}
	
	
	#startseite h1, h1 {
    font: normal 900 30px/40px 'Roboto', sans-serif !important;
}

#startseite h2, h2 {
    font: normal 700 26px/36px 'Roboto', sans-serif !important;
}

.h1-highlight{ font: normal 900 20px/30px 'Roboto', sans-serif !important;}
.h2-highlight{ font: normal 700 18px/28px 'Roboto', sans-serif !important;}

	.pakete h2, .paketpreis {
    font: normal 900 30px/40px 'Roboto', sans-serif !important;

}
	.pakete ul li {
    font-size: 20px !important;

}
	.paket-reg {

    font: normal 900 30px/40px 'Roboto', sans-serif !important;}
#footer-menu ul {    margin: 10px 0 10px 0;}
	
	/***FIXXX*****/
	
	#microsite_link {
    white-space: normal !important;
}
	
	#detailsuche_daten {
		padding: 5px 5px 5px 5px !important; }
	
	
	#detailsuche_daten h2 {

font-size: 19px !important;
    line-height: 23px !important;

}
	
	
	.galerie_bild {
    float: none !important;
    height: auto !important;
    width: 100% !important;
}
	
	/********************/
	
	
}





/*********************************************************************************/






/*
Inhaltsverzeichnis:
- Basis
- Header
- Content
  - Startseite
  - Suche
  - News
  - Leistungen
  - Partner
  - Login
  - Registrieren
- Footer
- Tablet
- Mobile
*/


/*****************************BASIS********************************/

html {
    scroll-behavior: smooth;
}


#myBtn-top {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
  font-size: 16px;
  border: none;
  outline: none;
  background-color: var(--accent-color);
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 3px;
}

#myBtn-top:hover {
  background-color: #555;
}


#branchenpaekchen-liste a img {
    width: 96%;
    height: auto;
    margin: 2%;}

.detailsuche_eintraglink h1 {
    color: black;
	width: 50%;
float: left;
	font-size: 36px !important;}


.cc_container .cc_btn {
background-color: #fff !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: var(--accent-color) !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #000 !important; /* Textlink-Farbe "Mehr Infos" */
}


.detailsuch_mail-web a {
    color: black;
}

/************* branchenstädte-infos ************************/

#section-paket {
    width: 100%;
    float: left;
	margin-top: 40px;
}

#section-col-left {
    width: 68%;
    float: left;
   margin-right: 4%;
}

#section-col-right {
    width: 28%;
    float: left;
}


.section-col-eintrag {
    border: 1px var(--accent-color) solid;
    padding: 2%;
    float: left;
    width: 96%;
	margin-bottom: 50px;
}

.sec-col-eintrag-col-left, .sec-col-eintrag-col-right {
    width: 50%;
    float: left;
}

.sec-col-eintrag-profil-button a {
    width: 100%;
    background-color: var(--accent-color);
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 20px;
	display: block;
}

.sec-col-eintrag-headline {
    margin-top: 0px;
}

.sec-col-eintrag-kontaktdaten img {
    margin-right: 10px;
}

.sec-col-eintrag-kontakt-row {
    line-height: 2;
}

#info-box-col-right {
    background-color: var(--accent-color);
    padding: 5%;
    font-size: 20px;
	margin-bottom: 50px;
}

#info-box-headline {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    font-family: futoncondensednormal;
}

#text-col-right h2 {
    text-transform: uppercase;
}


.branchen-stadt {
		background-color:var(--accent-color);
margin-top: 50px;
height: 350px !important;

}

#banner-headline-text h1 {
    font-size: 80px;
    color: white;
    padding-left: 5%;
padding-top: 25px;
	margin:0px;
}

#banner-headline-text {
    float: left;
height: 100%;}

#banner-headline-text h1::after {
    height: 12px;
    width: 56%;
    background-color: white;
    display: block;
    content: "";
}

#banner-branche-bild {

    float: right;
	max-width: 650px;}

#info-box-col-right ul {
    margin: 0px;
    padding: 0px;
}

#info-box-col-right ul li {
    list-style-type: none;
}

#info-box-col-right ul li span {
    min-width: 100px;
    display: inline-block;
}

.sec-col-eintrag-logo img {
    width: 90%;}

.sec-col-eintrag-regio img {

    width: 100%;

}




#regio-button-col a {

    display: block;
    height: 140px;
    background-color: black;
    margin-bottom: 20px;
    color: var(--accent-color);
    padding: 4%;
    text-align: center;
    font-family: futoncondensednormal;
    font-size: 40px;
    text-transform: uppercase;
    line-height: 95%;
	font-weight: bolder;
	border: none;
	position: relative;
	box-sizing: border-box;
	transition: all 500ms ease;
	z-index:1;
}





#regio-button-col a:hover {
	color:black;
	text-decoration: none;
}

#regio-button-col a:before {
	content:'';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 0px;
	background: var(--accent-color);
	transition: all 2s ease;
	z-index:-1;
} 

#regio-button-col a:hover:before {
	height: 100%;
}


/*************************************/


/************* STICKY HEADER ************************/


	header.sticky-active{
		position:fixed;
	width:98%;
	padding-left:1%;
	padding-right:1%;
	padding-top:10px;
	z-index:99;
	height:65px;
	border-bottom: 1px solid #b2b2b2;
	-moz-box-shadow:1px 1px 6px black; /* Firefox */
-webkit-box-shadow:1px 1px 6px black; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 6px black; /* Konqueror */
box-shadow:1px 1px 6px black; /* CSS3 */

	
	}
	
	#logo.sticky-active {
    display: inline-block;
    height: auto;
    margin: 0 25px 0 0;
    padding: 0;
    width: 210px;
}


#ap24-slogan.sticky-active {
    display: inline-block;
	font-size: 12px;
}


		#logo-zeile.sticky-active  {
    margin-bottom: 10px;
}
	

.sticky{
	transition:linear 0.3s;
	-o-transition:linear 0.3s;
	-moz-transition:linear 0.3s;
	-webkit-transition:linear 0.3s;}


#fb-reg-block.sticky-active {
	margin-bottom:0px;
}

/************************************************************/


.mobile-view {
    display: none;
}
.desktop-view{display: block;}



/**************** HEADER NEU *************************/


#eigener-header {
    max-width: 1280px;
    margin-left: auto;
	margin-right: auto;
/*margin-bottom: 20px;*/}


#banner_login form {
    margin: 0px;
    padding: 0px;
}


#logo-block {
    width: 20%;
}	

/*
#fb-reg-nav-block {
    width: 75%;
    margin: 0 0 0 auto;
}


#fb-reg-block {	
    width: 84%;
    margin: 0 0 0 auto;
    margin-bottom: 30px;

}
*/

#bp24-socialmedia-leiste {
/**	display: inline-block;**/
display:none;
}


#banner_login {
 /**	   display: inline-block;
	margin-left: 20px;
	margin-top:-26px;**/
	float:right;
}

.login-user label {
    display: inline-block;
}

.login-user h2 {
    font-size: 16px;
    font-weight: normal;
	margin: 0px;
	padding:0px;
}


#banner_login input {
	font-size: 12px;}


#registrieren {
    display: inline-block;
	color: black;
    font-size: 12px;
    text-transform: none;
	font-family: futonnormal;
}



#banner_login input {
    width: 150px;
    font-size: 12px;
	color: var(--accent-color);}

#registrieren a {
    color: white;
    text-decoration: none;
    background-color: var(--accent-color);
    padding: 5px;
    margin-left: 5px;
    font-size: 12px;
}



#banner_fb {
	display:inline-block;}
	
	
.fb-share-button {display:inline-block;}

/************************************************************/


/************************ NEWS STARTSEITE **********************/
#sektion-halb-halb {width:50%; float:left;}

.alle-news a {

    margin-bottom: 15px;
    float: left;
    font-size: 20px;
}

.snbr-title-text-block {
    width: 70%;
    float: left;
}
.snbr-bild {
    width: 25%;
    float: right;
}

.snbr-title {
    font-weight: bold;
    font-size: 20px;
}

.snbr-text {
    margin-bottom: 10px;
    margin-top: 10px;
}

.sektion-newsletter {
    float: left;
    width: 98%;
    padding-left: 2%;
}

.sektion-socialblog {
    padding-right: 2%;
}

.snbr-weiterlesen a {
    font-size: 20px;
    font-weight: bold;
}

.start-news-block-row-eins, .start-news-block-row-zwei, .start-news-block-row-drei {
    border: 1px solid var(--accent-color);
    float: left;
    padding: 2%;
    margin-bottom: 10px;
}


@media screen and (max-width:778px)
	
{
	.start-seo-statistik ul {flex-direction: column;}
.start-seo-statistik ul li {width: 100%;}
	
	.seo-grafiken ul li {width:100%;}

.seo-grafiken ul {flex-direction: column;}
	
	
	.webdesign-pakete, .wdp-text-pakete {  width: 100%; margin: 50px 0px;}

.btt-standard a {  width: 100%;  text-align: center;}
	
	
	section.corona-anzeige-startseite img {    width: 100%;}
.corona-anzeige-startseite article {    width: 100%;}
.corona-btt a {    width: 100%;}
	.corona-basis-eintrag img {    width: 100%;}
	
	.paket_reg {
    white-space: normal;
    line-height: 200%;
}
	
#sektion-halb-halb {width:100%; float:none;}

.sektion-newsletter {
    float: left;
    width: 98%;
    padding-left: 0%;
}

.snbr-bild {
    width: 50%;
    float: none;
    margin-top: 25px;
}
	.snbr-title-text-block {
    width: 100%;
    float: none;}
	
}


/********************************************************************/





/**********NEUE DETAILSEITE***************************/


.microsite #detailsuche_eintraege {
    border: none;
    background: inherit;
    margin-bottom: inherit;
}



.microsite #Beintrag_route {
	float:left;
    width: 50%;
}

.microsite #BEintrag_karte img {
    width: 100%;
}



.microsite #BEintrag_karte {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}


.microsite h2 {
    color: var(--accent-color);
    text-transform: uppercase; 
	font-size: 30px;
}

.fancy {
  line-height: 0.5;
  text-align: center;
}
.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 2px solid var(--accent-color);
  top: 0;
  width: 350px;
}
.fancy span:before {
  right: 125%;
  margin-right: 15px;
}
.fancy span:after {
  left: 125%;
  margin-left: 15px;
}


.dt-fancy-title {
    position: relative;
    display: inline-block;
    top: 50%;
}

.separator-holder {
    position: absolute;
    display: block;
    top: 49.99%;
    width: 2000px;
    border-top: 2px solid var(--accent-color);
    content: '';
}

.separator-left {
    right: 100%;
    margin-right: 1em;
}
.separator-right {
    left: 100%;
    margin-left: 1em;
}

.dt-fancy-separator {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}



.microsite #detailsuche_logo {    
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    padding: 0px;
	margin-bottom: 0px;
	margin-top:16px;
}

.microsite #detailsuche_daten {
    width: 100%;
    padding: 5px;
	margin-top:15px;
}

.microsite .FirmenBeschreibung {
    width: inherit;
	    font-size: 19px;
    line-height: 130%;
}

.microsite #BEintrag_oeffnungszeiten-socialmedia {
width: 100%;
float: left;

}





/*
.microsite #BEintrag_oeffnungszeiten {
    padding-left: 0px;
    padding-top:0px;
	padding-bottom:0px;
    width: 43%;
    border-right: solid 2px var(--accent-color);
    padding-right: 6%;
    margin-right: 6%;} */


.microsite_day-row .microsite_wochentag{
    background: rgba(249,152,37,0.1);
    padding-left: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-right: 5%;
    margin-right: 5%;
    font-weight: bold;
	   min-width: 35%;
    text-align: center;
}

.microsite_day-row .microsite_uhrzeit {
    background: rgba(249,152,37,0.1);
    padding-left: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    float: left;
    padding-right: 5%;
    min-width: 35%;
    text-align: center;
}

.microsite_day-row {
    min-height: 40px;
    margin-bottom: 10px;
}


/*
#vertikal-trennstrich-microsite {
    width: 2px;
    background-color: var(--accent-color);
    display: block;
    min-height: 50px;
    float: left;
    margin-left: 6%;
    margin-right: 6%;
    height: 100%;
    max-height: 450px;
}*/




.sm-title {
    float: left;
    font-weight: bold;
	min-width: 100px;}

.sm-row {
    margin-bottom: 20px;
}




.microsite-section {
    width: 100%;
    float: left;
    margin-top: 100px;
    margin-bottom: 100px;
}


#firm-end {
    float: left;
    min-height: 10px;
    width: 100%;
}



/*
.microsite #BEintrag_suchbegriffe {
	float: left;
    padding: 0px;
    width: 43%;
	
	    padding-right: 0px;
    padding-top:0px;
	padding-bottom:0px;
    width: 43%;
    border-left: solid 2px var(--accent-color);
    padding-left: 6%;
    margin-left: 6%;
}*/


.kat-such-title {
    font-weight: bold;
    margin-bottom: 10px;
}


.microsite-section .btn_square {
    background-color: var(--accent-color);
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: white;
    font-weight: bold;
	margin-top: 10px;
margin-left: 5px;
}


.microsite-section #start {
    width: 80%;
}

#quick-navigation {

    width: 100%;

}

#quick-navigation li {
    list-style-type: none;
}

#quick-navigation ul {
    padding: 0px;
}

#quick-navigation li {
    list-style-type: none;
    display: inline-block;
    margin: 5px;
}


.q-nav-btn-route {
    display: none !important;
}
.q-nav-btn-info {
    width: 49%;
}



.q-nav-btn-anruf {
    display: none !important;
}

.q-nav-button a {
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    display: block;
    height: 40px;
    min-width: 306px;
    padding-top: 10px;
    background-color: var(--accent-color);
    font-size: 24px;
    padding-bottom: 5px;
}


.q-nav-button a:hover {
text-decoration: none;
    background-color: grey;
}


#ds_adr_kat {
width:100%;
    margin-bottom: 20px;
    float: left;

}

#btt_vcard {
margin-bottom: 55px;
display: flex;
/*justify-content: space-between;*/
}

.btt_vcard_btt {
       margin-right: 15px; 

}

#btt_vcard_route {
   cursor:pointer;
}

.btt_vcard_btt img {

    max-width: 75%;
    height: auto;

}



.microsite-section #form_container {
    border: none !important;
}

.microsite-section #firma {
    width: 100% !important;
    float: none;
    margin: 0px;
}

/*
.microsite-section #form_container li {
    margin-right: 0px;
    width: 45%;
}*/

.microsite-section textarea#anfrage {
    min-height: 200px;
}

.microsite-section #strasse, .microsite-section #ort, .microsite-section #telefon {
    margin-right: 10% !important;
}

.microsite-section #land {
    margin-bottom: 3px;
}

.microsite-section #stellenbeschreibung {
	width: 100% !important;
margin-bottom: 30px;}

.microsite-section #anonym {
    width: inherit !important;
}

.microsite-section #captcha-text {
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}


.microsite-section ul.BEintrag_dritte_ul li {
    float: left !important;
    width: inherit !important;
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.microsite-section input.btn {
    margin-top: 0px !important;
    background-color: var(--accent-color);
    border: none;
    color: white;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
}


#ziel-titel {
    float: left;
    margin-right: 20px;
}

#zieladresse {
    color: var(--accent-color);
}

#route-plan {
    float: left;
    padding-top: 5px;
}

#ziel-route {
    margin-bottom: 10px;
}

.microsite #detailsuche_logo {
	width: 32%;
max-width: inherit !important;}

.microsite #detailsuche_logo img {
    max-width: 200px;
    float: right;
    display: block;
}

.microsite #detailsuche_suchb_kontaktdaten {
    float: right;
    width: 48%;
	margin-bottom: 25px;
	margin-top:15px;
	font-size: 22px;
font-weight: bold;
}

.microsite #ds_adr_kat_adresse_ausgabe span {
   
  
}

#detailsuche-kontaktdaten {
    float: left;
   
	font-size: 22px;
font-weight: bold;
	
}

.detailsuch_tel-fax-mobil {
    width:100%;
    margin-right: 2%;
    float: left;
 
}

.detailsuch_mail-web {
    float: left;
    width:100%;
}

.microsite .detailsuch_icons:first-of-type {
    float: none !important;
    margin-right: 0px !important;
}

.microsite .detailsuch_icons {
    margin-bottom: 20px;
}



.microsite #ds_adr_kat_adresse_ausgabe {
    margin-left: 20px;
	color:black;
	}



#empfehlung {
    font-size: 30px;
    font-weight: bold;
	 margin-bottom: 35px;
    float: left;
	width:100%
}




/****************************************************/




.wp-reg-link {
    color: black;
    display: block;
    font-family: futoncondensednormal;
    font-size: 23px;
    font-weight: bold;
    margin-top: 8px;
    text-transform: uppercase;
}

.wp-reg-link:hover{
	color: #000000;
}




#lp-headline {
    font-size: 20px;
    font-weight: bold;
}


#lp-basis > ul {
    padding-left: 15px;
}


#lp-leistung {
    float: left;
    margin-right: 20px;
}

#lp-preis {
    float: left;
    font-family: futoncondensednormal;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
	 list-style-type: none;
	    margin-top: 15px;
}
#lp-preis span {
    color: var(--accent-color);
}


.leistung-preis {
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
}

#paketpreis {
    background-color: #ffffff;
    color: var(--accent-color);
    font-family: futoncondensednormal;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 5px;
    text-transform: uppercase;
}

#pp-untertext {
    float: left;
    margin-top: 10px;
}


/***************************STARTSEITE-----BRANCHENPAKETE*******************/


#branchenpaekchen-liste {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;

}

#branchenpaekchen-liste li {
width: 15%;
height: 170px;
    background-color: var(--accent-color);
    margin-bottom: 20px;
    margin: 0.50%;
}

#branchenpaekchen-liste li{background-position: center; background-size: cover;}
 .brrechtsanwalt {background-image: url("../images/branchenkategorien/BP24_Startseite_Branchenbilder_Rechtsanwalt-2022.jpg");}
 .brarzt {background-image: url("../images/branchenkategorien/BP24_Startseite_Branchenbilder_Arzt-2022.jpg");}	 
.brzahnheilkunde {background-image: url("../images/branchenkategorien/BP24_Startseite_Branchenbilder_Zahnheilkunde-2022.jpg");}	  
.brgaststaetteundrestaurant {background-image: url("../images/branchenkategorien/BP24_Startseite_Branchenbilder_EssenTrinken-2022.jpg");}	 
.brbeautysalon {background-image: url("../images/branchenkategorien/BP24_Startseite_Branchenbilder_Beauty-2022.jpg");}	 
.brferienhaeuser {background-image: url("../images/branchenkategorien/BP24_Startseite_Branchenbilder_Ferienhaeuser-2022.jpg");}	 


#branchenpaekchen-liste li a {
    text-align: center;
    display: block;
    padding: 15px 0 0 0;
    color: white;
    font: normal 500 23px/36px 'Roboto', sans-serif;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    background-color: rgba(249, 152, 37, 0.5);
}

#branchenpaekchen-liste li a:hover {  background-color: rgba(249, 152, 37, 0.0);}

/*
/**Startseite-Branchen-Pakete*

ul#branchenpaekchen-liste {
    padding: 0;
	display:flex;
	display:-webkit-flex;
	text-align: center;
}

ul#branchenpaekchen-liste  li {
    list-style-type: none;
	flex: 1 1 100%;
	flex:-webkit-1 1 100%;
}

ul#branchenpaekchen-liste span {
    display: block;
}

/**********************************************/

.branchen-kategorie-header {
    width: 100%;
}

.branchen-kategorie-header > img {
    width: 100%;
}


br-ka-eintraege{margin-top: 50px;}



.br-ka-spalte{    float: left;
    margin-right: 10%;
    width: 45%;}
.br-ka-spalte:nth-child(3n) {
    margin-right: 0;
}	

.br-ka-spalte li {
    line-height: 200%;
}	

.br-ka-spalte > ol {
    margin: 0;
}



.br-kat-empfehlung-eintrag {
    background-color: var(--accent-color);
    float: left;
    margin-right: 10%;
    padding: 1%;
    width: 43%;
	color: white;
}

.br-kat-empfehlung-eintrag:nth-child(2n) {
    margin-right: 0;
}	

.br-kat-empfehlung {
    margin-top: 30px;
}

/** Top-Einträge Startseite START**/



#top-eintraege-monat:first-child {
    margin-right: 2%;
}


#top-eintraege-monat:last-child {
    margin-left: 2%;
}


#top-eintraege-monat {
    float:left;
	    min-width: 48%;
    position: relative;
}

#top-eintraege-monat a{color:black;}
#top-eintraege-monat a:hover{color: var(--accent-color);}

#tem-nr{float:left;width: 10%;}


#tem-nr ul li {
    padding: 5px;
    text-align: center;
	border-right: 0 none;
	border-top: 0 none;}
		
.tem-tabelle ul{list-style-type:none;margin:0;padding:0;}

#tem-firmen ul li {
    padding: 5px 10px;
	border-top: 0 none;
}

.tem-tabelle ul li{margin:0;border: thin solid #000000;}

#tem-firmen{text-align:center;float:left;  width: 90%;}


ul li.tem-tabelle-header {
    border-top: thin solid black !important;}

.tem-tabelle-header {
	    background-color: var(--accent-color);

		  color: white;
    font-weight: bold;}

.tem-spalte:nth-child(2n+1) {
    background-color: #ffdebf;
}

.tem-spalte span {
    display: none;
}


/** Top-Einträge Startseite ENDE**/



/** MEINE STATISTIK START**/
/*
.ms-auflistung{font-weight:bold; float:left;min-width:250px;}
.ms-ergebnis{}
#meine-statistik{float:left;width:45%; margin-right:5%;}
#ms-auswertung{float:left;width:45%;}
#ms-reihe {
    line-height: 40px;
}

.ms-mail-info-header {
font-weight:bold;
}

#ms-info {
    color: red;margin-bottom: 25px;font-size: 12px;
}*/

#ms-reihe {
    display: flex;
    border-bottom: 1px solid;
    padding: 20px;
}

.ms-auflistung {
    min-width: 350px;
    font-weight: bold;
}

#ms-reihe:nth-child(even) {
    background-color: var(--accent-color);
}




/** MEINE STATISTIK ENDE**/


#stoerer-gesamt {

    display: flex;
	justify-content: space-between;}



	
	.stoerer-svg{display:none;}


#stoerer-gesamt img {

   
    height: 100%;

}


#mobile-banner-bild{display:none;}

#banner-left-part {
        background-color: var(--accent-color);
    float: left;
    padding-right: 10px;
    position: absolute;
min-height: 171px;
}


#banner-bild{   
background-image:url(Banner-Handshake_710.jpg);
    background-repeat: no-repeat;
    float: right;
    height: 171px;
    width: 710px;}




/* Bundesländer anfang ///////////////////////////////////////////////////////////*/

#bundeslaender-auflistung{float:left;}
#bundeslaender-karte{margin-right:auto;margin-left:auto;width:500px;}

#bundeslaender-auflistung > ul > li {
    font-size: 24px;
    line-height: 40px;
}




.stadt-hiereintragen_baden-wuerttemberg{background-color: #000000;}
.stadt-hiereintragen_bayern{background-color: #000000;}
.stadt-hiereintragen_deberlin{background-color: #000000;}
.stadt-hiereintragen_brandenburg{background-color: #e60000;}
.stadt-hiereintragen_bremen{background-color: #dd0000;}
.stadt-hiereintragen_dehamburg{background-color: #da121a;}
.stadt-hiereintragen_hessen{background-color: #000000;}
.stadt-hiereintragen_niedersachsen{background-color: #dd0000;}
.stadt-hiereintragen_nordrhein-westfalen{background-color: #e2001b;}
.stadt-hiereintragen_saarland{background-color: #000000;}
.stadt-hiereintragen_rheinland-pfalz{background-color: #000000;}
.stadt-hiereintragen_mecklenburg-vorpommern{background-color: #de0029;}
.stadt-hiereintragen_sachsen{background-color: #000000;}
.stadt-hiereintragen_sachsen-anhalt{background-color: #000000;}
.stadt-hiereintragen_schleswig-holstein{background-color: #0039ac;}
.stadt-hiereintragen_thueringen{background-color: #000000;}


.stadt-hiereintragen_augsburg{background-color: #ef301f;}
.stadt-hiereintragen_brandenburganderhavel{background-color: #fd0404;}
.stadt-hiereintragen_cottbus{background-color: #da121a;}
.stadt-hiereintragen_frankfurtoder{background-color: #e64625;}
.stadt-hiereintragen_freiburgimbreisgau{background-color: #ed1c24;}
.stadt-hiereintragen_heidelberg{background-color: #000000;}
.stadt-hiereintragen_karlsruhe{background-color: #ff0000;}
.stadt-hiereintragen_mannheim{background-color: #000000;}
.stadt-hiereintragen_potsdam{background-color: #c53b21;}
.stadt-hiereintragen_regensburg{background-color: #da121a;}
.stadt-hiereintragen_schwedtoder{background-color: #ed1c29;}
.stadt-hiereintragen_ulm{background-color: #000000;}
.stadt-hiereintragen_wuerzburg{background-color: #df4124;}



.te-baden-wuerttemberg{ color:#000000;}
.te-bayern{ color:#000000;}
.te-deberlin{ color:#000000;}
.te-brandenburg{ color:#e60000;}
.te-bremen{ color:#dd0000;}
.te-dehamburg{ color:#da121a;}
.te-niedersachsen{ color:#dd0000;}
.te-nordrhein-westfalen{ color:#e2001b;}
.te-saarland{ color:#000000;}
.te-rheinland-pfalz{ color:#e2001b;}
.te-mecklenburg-vorpommern{ color:#de0029;}
.te-sachsen{ color:#000000;}
.te-sachsen-anhalt{ color:#000000;}
.te-schleswig-holstein{ color:#0039ac;}
.te-thueringen{ color:#000000;}


/* Bundesländer ende ///////////////////////////////////////////////////////////*/



body {
    font-family: futonnormal;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}

/* städteseiten anfang ///////////////////////////////////////////////////////////*/

#staedte-menu ul li {
    font-size: 26px;
    line-height: 34px;
	    list-style-type: none;
		 text-align: center;
		  float: left;
		  margin-right:4%;
		  margin-left:4%;
		  margin-bottom: 2%;
		  width: 100px;
min-height: 210px;}
	
#staedte-menu ul li span {
display: block;
}
	
	
.liste-eintrag-stadt > ul {
    line-height: 30px;}
#stadt-hiereintragen{     
    color: white;
    float: left;
    font-size: 24px;
    font-weight: bold;
	padding-left:1%;
	padding-right:1%;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 98%;}
	
.stadt-hiereintragen_home{background-color: #000000; margin-bottom:20px;}	
.stadt-hiereintragen_berlin{background-color: #000000;}
.stadt-hiereintragen_bremen{background-color: #da121a;}
.stadt-hiereintragen_dortmund{background-color: #fdcc00;}
.stadt-hiereintragen_duisburg{background-color: #0044b3;}
.stadt-hiereintragen_duesseldorf{background-color: #ec1b23;}
.stadt-hiereintragen_hamburg{background-color: #ec1b23;}
.stadt-hiereintragen_kiel{background-color: #e83629;}
.stadt-hiereintragen_koeln{background-color: #000000;}
.stadt-hiereintragen_muenchen{background-color: #000000;}
.stadt-hiereintragen_rostock{background-color: #0661bb;}
.stadt-hiereintragen_kleve{background-color: #da121a;}
.stadt-hiereintragen_muelheim{background-color: #0f46ae;}
.stadt-hiereintragen_bochum{background-color: #36a4fd;}
.stadt-hiereintragen_essen{background-color: #0f46ae;}
.stadt-hiereintragen_recklinghausen{background-color: #339900;}
.stadt-hiereintragen_gelsenkirchen{background-color: #000000;}
.stadt-hiereintragen_iserlohn{background-color: #ec1c23;}
.stadt-hiereintragen_hagen{background-color: #2f4aa6;}
.stadt-hiereintragen_hamm{background-color: #fbdd08;}
.stadt-hiereintragen_bonn{background-color: #da121a;}
.stadt-hiereintragen_dresden{background-color: #000000;}
.stadt-hiereintragen_frankfurt{background-color: #e42e17;}
.stadt-hiereintragen_hannover{background-color: #da121a;}
.stadt-hiereintragen_krefeld{background-color: #dd3321;}
.stadt-hiereintragen_koblenz{background-color: #d4150b;}
.stadt-hiereintragen_nuernburg{background-color: #ffcc00;}
.stadt-hiereintragen_stuttgart{background-color: #131415;}


#te-stadt{font-size:24px; font-weight:bold;}
.te-berlin{ color:#000000;}
.te-bremen{color:#da121a;}
.te-dortmund{color:#fdcc00;}
.te-duisburg{ color:#0044b3;}
.te-duesseldorf{color:#ec1b23;}
.te-hamburg{color:#ec1b23;}
.te-kiel{color:#e83629;}
.te-koeln{ color: #000000; }
.te-muenchen{color:#000000;}
.te-rostock{ color:#0661bb;}
.te-kleve{ color:#da121a;}
.te-muelheim{ color:#0f46ae;}
.te-bochum{ color:#36a4fd;}
.te-essen{ color:#0f46ae;}
.te-recklinghausen{ color:#339900;}
.te-gelsenkirchen{ color:#000000;}
.te-iserlohn{ color:#ec1c23;}
.te-hagen{ color:#2f4aa6;}
.te-bonn{ color:#da121a;}
.te-dresden{ color:#000000;}
.te-frankfurt{ color:#e42e17;}
.te-hannover{ color:#da121a;}
.te-krefeld{ color:#dd3321;}
.te-koblenz{ color:#d4150b;}
.te-nuernburg{ color:#ffcc00;}
.te-stuttgart{ color:#131415;}




.liste-eintrag-stadt{float:left;margin-right: 2%;width: 500px;}
.empfehlung{font-size:22px; font-weight:bold; margin-bottom:10px }

.empfehlung-daumen{	background-image:url(https://www.branchenportal24.de/images/staedte/Empfehlung_Daumen.svg);
background-repeat:no-repeat; background-position:right bottom;}


.empfehlung-eintrag-stadt
{background-color: var(--accent-color);
color: white;
float: left;
padding: 10px;
margin-right: 2%;
margin-bottom: 35px;
min-height: 120px;
min-width: 230px;
max-width: 360px;}



.empfehlung-eintrag-stadt:last-child {margin-right: 0;}

.empfehlung a{color:white;}

.empfehlung-eintrag-stadt > h2 {margin-top: 0;}

.liste-eintrag-stadt > h2 {margin-top: 0;}

#topeintrag-stadt{margin-bottom:20px;}



/* städteseiten ende////////////////////////////////////////////////////*/



.branchensuche_uebersicht:hover{cursor: pointer;}
.detailsuche_uebersicht{cursor:pointer;}
#detailsuche_daten h2{color:var(--accent-color);font-size: 18px !important;}
#ds_adr_kat_adresse_ausgabe{color:var(--accent-color);}
.kat_ausgabe{color:var(--accent-color);}
img.Suchlogo {
    border: 1px var(--accent-color) solid !important;
}
header{z-index:99;}

#float_clearen{clear:both;}

#footer-paket {
    float: left;
    height: 20px;
    margin-bottom: 40px;}
	
	
body{
	margin:0px;
	padding:0px;
	font-family:futonnormal;
	letter-spacing:1px;}


wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;}
	
	

	
	#sektion{float:left;width:100%;}
	
	
		

	
	/*	header,#suche-registrieren-banner,#hauptinhaltContentBlock,#Laufschrift,#hauptinhaltContentBlock_Suche{
margin-bottom:10px;}*/
	
	.trennlinie{
	width:100%;
	float:left;
	margin-top:25px;
	margin-bottom:25px;
	height:1px;
	background-color:white ;}
	
	
/*HEADER BEREICH-----------------------------------------------------------------------------------------*/	


	
	
#logo {
  display: block;
  padding: 0;
  margin:0;
  width: 335px;
  float: left;
	height: auto;
}


nav {
  margin: 0;
  padding: 0;
}


nav:after {
  content: "";
  display: table;
  clear: both;
}


nav ul li {
  margin: 0px;
	margin-left:3px;
	margin-right:3px;
  display: inline-block;
  float: left;
/*  background-color: #254441;*/
}

nav ul.menu li ul li {
  background-color:white ;
  opacity:0.8;
}

nav a {
  display: block;
  padding: 0 20px;
  color: #000;
  font-size: 20px;
  line-height: 35px;
  text-decoration: none;
}

nav ul.menu li ul li a {
  display: block;
  padding: 0 8px;
  color: #000;
  font-size: 16px;
  line-height: 50px;
  text-decoration: none;
}

/*nav ul li ul li:hover { background: var(--accent-color) ; }*/



nav ul ul {
  display: none;
  position: absolute;
  top: 35px;
	z-index: 9;
}



nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ' +'; }

.toggle, [id^=drop] {
 display: none;
}
li > a:only-child:after { content: ''; }

#login-submenu{
	right:0px;}


/*BANNER BEREICH-------------------------------------------------------------------------------------------*/



#banner-width{
	background-image: url(../images/banner/BP24-Banner.jpg);
	background-position: center center;
background-repeat: no-repeat;
background-size: 1280px 175px;
height: 175px;
	padding-left:1%;
	padding-right:1%;}

#suchfelder{
	padding-top: 10px;
padding-left: 10px;}

	
	.search input[type="text"]{
		font-size:16px;
		color:var(--accent-color) ;
		width:500px;}
		
		



#suche-registrieren-banner h2{
	margin:5px 10px 0px 0px;
	padding:0px;
	float:left;
	color:#FFFFFF;
	font-size:16px;}
	

		
		#logo-banner{
			background-image:url(Branchenportal24_Logo.svg);
			width:500px;
			height:auto;
			opacity:0.2;
			background-repeat:no-repeat;
		}

#logo-banner span{display:none;}


/*INHALTSBEREICH------------------------------------------------------------------------------------*/



#hauptinhaltContentBlock,#hauptinhaltContentBlock_Suche 
{width:98%;
padding-left:1%;
padding-right:1%;}



/*Pakete--------------------------*/


.pakete h2
{text-align:center  !important;
color:white;
text-transform:uppercase;}

.pakete-home .pakete h2
{text-align:center;
color:white;
text-transform:uppercase;}

.pakete-stadt .pakete h2
{text-align:center;
color:white;
text-transform:uppercase;}

.pakete
{width:32%;
float:left;
/*background-color:var(--accent-color);*/
min-height: 430px;
position:relative;}

.pakete-home .pakete
{width:32%;
float:left;
background-color:var(--accent-color);
min-height: 430px;
min-width:300px;
position:relative;}

.pakete-stadt .pakete
{width:32%;
float:left;
background-color:var(--accent-color);
min-height: 430px;
min-width:300px;
position:relative;}

.pakete:last-of-type
{margin-left:2%;}

.pakete-home.pakete:last-of-type
{margin-left:2%;}

.pakete-stadt.pakete:last-of-type
{margin-left:2%;}

.pakete:first-of-type
{margin-right:2%;}

.pakete-home .pakete:first-of-type
{margin-right:2%;}

.pakete-stadt .pakete:first-of-type
{margin-right:2%;}	


.paket_reg
{white-space: nowrap;
margin-left: auto;
margin-right: auto;
width: 90%;
margin-bottom: 25px;
margin-top: 25px;}

.pakete-home .paket_reg-startseite
{bottom: 20px;
margin-left: 5%;
margin-right: 5%;
position: absolute;
text-align: center;
white-space: nowrap;
width: 90%;}	

.pakete-stadt .paket_reg-stadt
{bottom: 20px;
margin-left: 5%;
margin-right: 5%;
position: absolute;
text-align: center;
white-space: nowrap;
width: 90%;}
	
		
.paket_reg a
{background-color:#ffffff;
padding:5px;
text-decoration:none;
color:var(--accent-color);}

.pakete-home .paket_reg a
{background-color:#ffffff;
padding:5px;
text-decoration:none;
color:var(--accent-color);}

.pakete-stadt .paket_reg a
{background-color:#ffffff;
padding:5px;
text-decoration:none;
color:var(--accent-color);}	

.pakete-home .paket_reg-startseite a 
{background-color: #ffffff;
color: var(--accent-color);
font-family: futoncondensednormal;
font-size: 28px;
padding: 5px 37px;
text-decoration:none;}	
		
.pakete-stadt .paket_reg-stadt a 
{background-color: #ffffff;
color: var(--accent-color);
font-family: futoncondensednormal;
font-size: 28px;
padding: 5px 37px;
text-decoration:none;}

.paket_reg a:hover
{text-decoration:underline;}
		
.pakete-home.paket_reg a:hover
{text-decoration:underline;}

.pakete-stadt.paket_reg a:hover
{text-decoration:underline;}
		
	
/*Pakete Ende----------------------------------*/



#hauptinhaltContentBlock .videos a {
		font-family:futoncondensednormal;
		text-decoration:none;
		color:var(--accent-color) ;}
		
	#hauptinhaltContentBlock .videos a:hover {
		text-decoration:underline;}
		
		#artikel {
			float:left;
			width:31%;
			margin-right:2%;}
			
			
			#artikel:last-of-type { margin-right:0%;}
			
			
			#artikel-sektion #artikel.beispiel-eintraege ul{margin:0;padding:0;}
			#artikel-sektion #artikel.beispiel-eintraege ul li{list-style-type:none;}
			
			.videotext {float:left;
			width:32%;
			min-width:300px;
			margin-bottom:20px;}
			
			.videotext:first-of-type{margin-right:2%;}
			.videotext:last-of-type{margin-left:2%;}
			
			.eintragaufrufen{margin-top:10px;display:block;text-align:center;}
			
			.Top-Tabellen{float:left; width:48%;margin-bottom:15px;}
			.Top-Tabellen:first-of-type{margin-right:2%;}
		    .Top-Tabellen:last-of-type{margin-left:2%;}

.BP24Table {border:1px solid; text-align:center; color:#000000; border-collapse: collapse; line-height:25px;}

.BP24Table td,.BP24Table th {
    border: 1px solid black;}

.BP24Table a{color:#000000; font-family:futonnormal;}
.BP24Table a:hover{color:var(--accent-color) ; text-decoration:underline;}
.BP24Table a b{font-weight:normal;}

/*.BP24Table tr:nth-child(2n) {background-color:var(--accent-color) ;}*/

table.BP24Table tbody {border:1px solid;}

.BP24Table tr:first-child td {background-color:var(--accent-color) ; color:#ffffff;font-family:futoncondensednormal;}

.BP24Table tr:nth-child(2n+1){background-color:#ffdebf;}

#statistik-bild {float:left;margin-left:2%;}
#statistik-bild img {width:450px;}
#statistik-bild label.description{font-size:14px;font-weight:normal;}


#mapspacehome{
			padding:0px;
			height:300px;
			margin-left:auto;
			margin-right:auto;
			overflow:hidden;
			position:relative;
			text-align:center;}


	
	.Suchleiste{height:125px;
	margin:0;
	max-width:100%;
	padding:15px 0 0;
	width:100%;}


 
 #suchfelderliste{
	padding: 0;
	margin-right: 2%;
	margin-bottom: 20px;
    float: left;
    list-style: outside none none;
}
	   
.suchmaske {float:left; margin-right:25px;}
.suchmaske:last-of-type{margin-right:0px;}

.suchmaske span{display:block;margin-left: 3px;  margin-bottom: 3px;}
	   
#suchfelderliste:last-of-type{margin-right: 0px;}



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



#detailsuche_eintraege{border:1px solid var(--accent-color); background:var(--accent-color-transparent); float:left; width:100%;margin-bottom:25px;}

#detailsuche_daten{padding: 5px 5px 5px 15px;float:left; }

#detailsuche_logo{float:right;padding-right: 5px;    padding-top: 5px;}

#detailsuche_suchb_kontaktdaten{float:left;min-width:350px;}


#ds_adr_kat_adresse {color:#000000; float: left;}
#ds_adr_kat_adresse_ausgabe{margin-left: 30px; float: left;}
.kat_ausgabe{float:left;margin-left: 8px;}
.content.kat_ausgabe a{display:block;}
#ds_adr_kat_adresse_ausgabe span{display: block;}
#ds_adr_kat_kategorie{color:#000000; float: left;}


#detailsuche_seitenzahl{color:#ffffff;padding:5px;text-align:center;}
#detailsuche_seitenzahl a{color:#ffffff;}

.detailsuch_icons:first-of-type{float:left; margin-right: 15px;}

#detailsuche_sb_icons{float: left;}

#microsite_link{white-space: nowrap;}

#detailsuche_eintraege .detailsuch_icons {
    color: var(--accent-color);
}

#zahlung-webdesign{float:left;}

#tabelle-webdesign{width:90%; border:0;}




#videowerbung video{width:440px; height:auto;}

.kontakt-einleitung {
    margin: 0px 0px 30px 0px;
}

.kontakt-einleitung-firma {
    font-weight: bold;
    font-size: 24px;
}

#form_container {
    clear: both;
	border:thin solid var(--accent-color);
	padding:1%;
	line-height:35px;
	width:100%;
	float:left;}


#form_kontaktdaten{width:100%; float:left;}
#form_kontaktdaten .text, #form_kontaktdaten .select {width:100%;}
#form_kontaktdaten .select{height:25px;}

#form_container li {list-style-type:none;float:left; margin-right:4%; width:48%}
#form_container li:nth-child(even){margin-right:0px;}
#form_container li:last-of-type{margin-right:0px;}
#form_container ul {margin:0; padding:0;}


#form_anfrage{width:100%;}
#form_anfrage ul li:nth-of-type(2){float:none;}
#form_anfrage li:first-of-type{width:100%;margin-right:0px;}
#form_anfrage .textarea{width:100%;height:100px;}
#form_anfrage li:last-of-type{margin-top:15px;}

.description.pflichtfeld{float:left;}

.bildfeld{float:left;width:32%;}
.vorschau{width:100%;}

#wrapper_berufe ul#list_berufe{padding-left:15px;margin:0;}

#wrapper_berufe #list_berufe li ul.fly{padding-left:20px;margin:0;}
#wrapper_berufe #list_berufe > li{float:left;width:32%;margin-bottom:30px;}

#wrapper_berufe #list_berufe > li:nth-child(3n+4){clear:left;}


#stellenportal_titel{color:#000000;font-weight:bold;}
#stellenportal_ort, #stellenportal_beginn{color:#000000;}
#view_container div#wrapper_berufe ul#list_berufe li.li_header ul.fly li ul.fly li div#view_container div#stellenportal_titel a.description_view{color:#000000;}

ul#list_berufe > li.li_header{font-weight:bold; list-style-type:none;color:#000000;}
ul#list_berufe > li.li_header a {color:#000000;}
ul#list_berufe > li.li_header ul li {font-weight:normal; list-style-type:circle; color:var(--accent-color);}
ul#list_berufe > li.li_header ul li a {color:var(--accent-color);}


.stellenportal_form #stellentitel .text {width:100%;}
.stellenportal_form #arbeitsort .text {width:100%;}
.stellenportal_form #stellenbeschreibung .textarea {width:100%;}
.stellenportal_form #berufserfahrung .text {width:100%;}
.stellenportal_form #arbeitszeit .text {width:100%;}
.stellenportal_form #firma .text {width:100%;}
.stellenportal_form #strasse .text {width:100%;}
.stellenportal_form #PLZ .text {width:100%;}
.stellenportal_form #ort .text {width:100%;}
.stellenportal_form #land .text {width:100%;}
.stellenportal_form #mail .text {width:100%;}
.stellenportal_form .form_description{font-weight:bold;color:var(--accent-color);clear:both;}
.eintrittstermin_zeile{display:block;}
#form_container.stellenportal_form form ul.stellenportal_dritte_ul li{float:none;}

.login_formular div form ul {list-style-type:none; margin:0px;padding:0px;}
.login_formular li {float:left;}
.Login-Text {float:right;}
.login-felder li:last-of-type{position:relative;bottom:-15px;}
.login-felder .text{width:100%;}
.login-felder li div{margin-right:20px;}
/*.login_formular {float:left;margin-bottom:40px;}*/

#passwort-formfelder div form ul{list-style-type:none;margin:0;padding:0;}
#passwort-formfelder div form ul li {line-height: 40px;}

#passwort-formfelder #email.text{width:250px;}

#passwort-formfelder .btn{margin-top:25;margin-bottom:25px;}

.impressum {float: left;margin-right: 2%;}



#kontaktdaten {
    float: left;
    margin-right: 150px;
	    margin-bottom: 25px;
}
#kontaktkarte {
    float: left;
}

#kontaktkarte > img {
    width: 100%;
}

#kontaktformular_daten ul li .text {
    width: 100%;
}
#kontaktformular_daten ul li div select#Land {
    width: 100%;
}


#kontaktformular_funktion ul li div textarea#Nachricht {
    width: 100%;
}




#sektion > span {
    display: block;
    margin-bottom: 25px;
}


#agbs {
    float: left;
    margin-right: 2%;
    text-align: justify;
    width: 48%;
-ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
}

#agbs p{}


#agbs:last-of-type {margin-right:0px;}



#webdesign-tabelle {
    float:left;
	width:100%;
}


.webdesign-spalte{float:left;width: 25%;}
	
.webdesign-spalte ul{list-style-type:none;margin:0;padding:0;}
.webdesign-spalte ul li{margin:0;padding:10px;border: thin solid var(--accent-color);}

#Basis, #Komfort, #Premium{text-align:center;    margin-bottom:50px;}


.webdesign-tabelle-kopfzeile {
    min-height: 185px;
	    background-color: var(--accent-color);
		border: thin solid white !important;}

.wt-spalte{min-height:95px;}

.wt-spalte:nth-child(2n+1) {
    background-color: var(--accent-color);
}

#Basis.webdesign-spalte ul li.wt-spalte, #Komfort.webdesign-spalte ul li.wt-spalte, #Premium.webdesign-spalte ul li.wt-spalte{
    align-items: center;
    display: flex;
    justify-content: center;}
	
#leistungen.webdesign-spalte ul li.wt-spalte{
    align-items: center;
    display: flex;}

.wt-spalte span {
    display: none;
}


.webdesign-formular #Firma.text, .webdesign-formular #Name.text, .webdesign-formular #Strasse.text, .webdesign-formular #PLZ.text, .webdesign-formular #Ort.text, .webdesign-formular #Land, .webdesign-formular #Telefon.text, .webdesign-formular #Email.text, .webdesign-formular #Nachricht.textarea
  {  width: 100%;}

#webdesign_senden {
    margin-top: 35px;
}



#werbepaket-tabelle {
    float:left;
	width:100%;
	    margin-top: 50px;
}


.werbepakete-googleads-tabelle #leistungen {
    width: 60%;
}

.werbepaket-spalte{float:left;width: 20%;}
	
.werbepaket-spalte ul{list-style-type:none;margin:0;padding:0;}
.werbepaket-spalte ul li{margin:0;padding:10px;border: thin solid var(--accent-color);}



.werbepaket-tabelle-kopfzeile {
    min-height: 180px;
	    background-color: var(--accent-color);
		border: thin solid white !important;}
li.werbepaket-tabelle-kopfzeile h2 {
    color: white !important;
}

.durchgestrichen {
    font-size: 14px;
    text-decoration: line-through;
}


#faq-artikel #artikel {width:48% !important; margin-left:2%;}
 #artikel:last-of-type {margin-right:0;}
  #artikel:first-of-type {margin-left:0;}
  
  
.question {
    font-weight: bold;
}
  
#faq-artikel span {
    color: var(--accent-color);
    font-weight: bold;
}

/*
#form_container ul li input#Firma.text, #form_container ul li input#Name.text, #form_container ul li input#Strasse.text, #form_container ul li input#PLZ.text, #form_container ul li input#Ort.text, #form_container ul li select#Land.select, #form_container ul li input#Telefon.text, #form_container ul li input#Email.text, #form_container ul li textarea#Nachricht.textarea,  #form_container ul li input#mail.text, #form_container ul li#stellenbeschreibung textarea#anfrage.textarea {width:100%;}
*/

input#Firma.text, input#Name.text, input#Strasse.text, input#PLZ.text, input#Ort.text, select#Land.select, input#Telefon.text, input#Email.text, textarea#Nachricht.textarea,  input#mail.text, #anfrage.textarea {width:100%;}

#form_container ul li input.btn {
    margin-top: 25px;
}

#trenner{display:none;}


#suchfilter span{font-weight:bold; color:var(--accent-color);}



#branenchensuche_buchstaben {
    text-align: center;
}



.branchensearch{float:left; }

.branchensearch form input#suchstabe{ border-radius:0px; color:var(--accent-color);}

a.goto {display: inline-block;background-color: var(--accent-color);margin: 5px;width: 40px; height:40px;}
label.goto{line-height: 40px;font-weight:bold;font-size:25px;}
a.goto:link{color:#FFFFFF;}
a.goto:hover{text-decoration:underline; background-color:#000000;}
a.goto:visited{color:#FFFFFF;}

.nogoto {display: inline-block;;background-color:#8B8B8B;margin: 5px;width: 40px;height:40px;color:#ffffff;}

p.branchenletter{background-color:var(--accent-color);color: #ffffff; padding:10px;font-size: 20px;    font-weight: bold;}

.branchenrow {

    display: inline-block;
    width: 33.3%;}

p.branchenrow a{text-decoration: none;color: #000000;}

p.branchenrow a:hover{text-decoration:underline; color:var(--accent-color);}

p.topofsite{text-align:center;}

p.topofsite a{
background-color:var(--accent-color);
    color: white;
    padding: 5px;
    text-decoration: none;}
	p.topofsite a:hover{text-decoration:underline;}



#detailsuche-eintraege{border:thins solid  var(--accent-color);}

#detailsuche-eintraege{float:left;}
.suchb-kontakt{float:left;}


#detailsuche-eintraege {
    border: thin solid var(--accent-color);
    margin: 0;
    padding: 10px;
	width:98%;
}

#suchb-kontakt {
    float: left;
}

#adressblock a ul{margin:0;padding:0;list-style-type: none;}

#detailsuche_logo img {
    max-width: 200px;
}

#detailsuche-branchensuche{ 
    border: 1px solid var(--accent-color);
    float: left;
    margin-bottom: 25px;
    width: 98%;
    background-color: var(--accent-color-transparent);}
	
	
	
#BEintrag_firmenbeschreibung {
    float: left;
}


.BEintrag_icons span {
    margin-left: 20px;
}

#BEintrag_Beschreibung{float:left;  padding: 10px; width:100%;}
#BEintrag_route{float:right;}

.FirmenBeschreibung {
    float: left;
    width: 50%;
	    min-width: 380px;
}

#BEintrag_socialmedia{float: right;padding: 1%;width: 46%;}
#BEintrag_videos{float:left;padding:  1%; width: 46%;}
#BEintrag_galerie{float:left;padding:  1%; width:49%}
#BEintrag_kontaktformular{float:left;padding:  1%;}
#BEintrag_kategorie{float:left;padding:  1%; width:49%}
#BEintrag_suchbegriffe{float:left;padding:  1%;width: 46%;}
#BEintrag_oeffnungszeiten{float:left;padding:  1%;    width:49%;}

.microsite_wochentag {
    float: left;
    min-width: 100px;}
	
	
.microsite_uhrzeit span {
    margin-left: 5px;
    margin-right: 5px;
}
	


.galerie_bild {

    float: left;
    height: 150px;
    margin: 5px;
    overflow: hidden;
    padding: 5px;
    width: 150px;
}


.galerie_bild img {
    height: auto;
    margin: -20px 0 0 -20px;
    width: 150%;
}


#BEintrag_videos #content iframe {
    margin-bottom: 15px; width:100%;
}

#BEintrag_kategorie .content a {
	float: left;
    margin-right: 20px;
}


#BEintrag_karte {
    margin-bottom: 20px;
}
#BEintrag_route input#start {
    margin-left: 5px;
    margin-right: 5px;
}


#BEintrag_kontaktformular #form_container form .form_description {
    clear: left;
    font-weight: bold;
	color: var(--accent-color);
}
#form_container form ul.BEintrag_dritte_ul li {
    float: none;
}






#stellentitel label.description,#arbeitsort label.description,#stellenbeschreibung label.description,#berufserfahrung label.description,#arbeitszeit label.description,#eintrittstermin label.description,#firma label.description,#strasse label.description,#PLZ label.description,#ort label.description,#land label.description,#telefon label.description,#mail label.description {
    font-weight: bold;
	color: var(--accent-color);
}

#form_container select#anrede.select, #form_container input#vorname.text, #form_container input#nachname.text, #form_container input#mobil.text{width:100%;}


#form_container ul.stellenangebot_dritte_ul li {float:none;}


#form_container form ul li#li_17 {
    float: none;
    line-height: 25px;
}


/* registrieren_auswahl */

.reg_box_left h2{text-align:center !important; color:white !important;}

.reg_box_right h2 {
    text-align: center !important; color: white !important;
}

/*
.reg_box.bronze {
    background-color: #8f4e35 !important;
}

.reg_box.silber {
    background-color: #919191 !important;
}

.reg_box.gold {
    background-color: #bc9d58 !important;
}
*/
.reg_boxen a {
    color: white !important;
}


.reg_box {

	background: var(--accent-color);
	width:23.5%;
	float:left;
	margin-right:2%;
	    word-break: break-word;
    padding: 15px;

}

.reg_box:last-of-type{margin-right:0;}


.reg_box a:link {
	color: #000000;
}



.reg_box_left{
	float: left;
	padding: 5px;
	min-height:185px;
}

.reg_box_right{
	text-align: center;
	font-weight:bold;
}




/* registrieren_standard/registrieren_komfort/registrieren_premium */

.reg_form h2 {
    width: 100%;
    float: left;
}

.reg_form{
	background-color: var(--accent-color-transparent);
	margin-top: 10px;
	margin-bottom: 10px;
	border: var(--accent-color) thin solid;
	overflow: hidden;
}

.reg_form_break{
	border-top:#f37e17 2px solid;
	margin-top:9px;
	padding-bottom:0;
	padding-left:9px;
	padding-top:13px;
	width:100%;
	font-size:75%;
}

.reg_form_choice{
	color:#444;
	display:block;
	font-size:75%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;

}


.reg_box_right span{ border: 1px solid white;
    width: 96%;
    display: block;
    margin: 5% 2%;
    padding: 2%;}

.reg_boxen a:hover{color:var(--accent-color);}


.reg_form ul li #anrede.select, .reg_form form ul li input#vorname.text, .reg_form form ul li input#hausnummer.text, .reg_form form ul li  select#kategorie.select, .reg_form form ul li input#mobil.text, .reg_form form ul li input#nachname.text{width:100%;}


.reg_form form ul li {
    float: left;
    list-style-type: none;
    margin-right: 4%;
    width: 48%;}
	
#form_container.reg_form form ul.basis_vierte_ul li{float:none;}
#form_container.reg_form form ul.komfort_vierte_ul li{float:none;}
#form_container.reg_form form ul.premium_vierte_ul li{float:none;}

/*** Calendar **********************/
div.calendar { position: relative; }

.calendar table {
cursor:pointer;
border:1px solid #ccc;
font-size: 11px;
color: #000;
background: #fff;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.calendar .button { 
text-align: center;    
padding: 2px;          
}

.calendar .nav {
background:#f5f5f5;
}

.calendar thead .title { 
font-weight: bold;      
text-align: center;
background: #dedede;
color: #000;
padding: 2px 0 3px 0;
}

.calendar thead .headrow { 
background: #f5f5f5;
color: #444;
font-weight:bold;
}

.calendar thead .daynames { 
background: #fff;
color:#333;
font-weight:bold;
}

.calendar thead .name { 
border-bottom: 1px dotted #ccc;
padding: 2px;
text-align: center;
color: #000;
}

.calendar thead .weekend { 
color: #666;
}

.calendar thead .hilite { 
background-color: #444;
color: #fff;
padding: 1px;
}

.calendar thead .active { 
background-color: #d12f19;
color:#fff;
padding: 2px 0px 0px 2px;
}


.calendar tbody .day { 
width:1.8em;
color: #222;
text-align: right;
padding: 2px 2px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}

.calendar table .wn {
padding: 2px 2px 2px 2px;
border-right: 1px solid #000;
background: #666;
}

.calendar tbody .rowhilite td {
background: #FFF1AF;
}

.calendar tbody .rowhilite td.wn {
background: #FFF1AF;
}

.calendar tbody td.hilite { 
padding: 1px 1px 1px 1px;
background:#444 !important;
color:#fff !important;
}

.calendar tbody td.active { 
color:#fff;
background: #529214 !important;
padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { 
font-weight: bold;
border: 1px solid #888;
padding: 1px 1px 1px 1px;
background: #f5f5f5 !important;
color: #222 !important;
}

.calendar tbody td.weekend { 
color: #666;
}

.calendar tbody td.today { 
font-weight: bold;
color: #529214;
background:#D9EFC2;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { 
visibility: hidden;
}

.calendar tbody .emptyrow { 
display: none;
}

.calendar tfoot .footrow { 
text-align: center;
background: #556;
color: #fff;
}

.calendar tfoot .ttip { 
background: #222;
color: #fff;
font-size:10px;
border-top: 1px solid #dedede;
padding: 3px;
}

.calendar tfoot .hilite { 
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}

.calendar tfoot .active { 
background: #77c;
padding: 2px 0px 0px 2px;
}

.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
border: 1px solid #ccc;
background: #f5f5f5;
color: #222;
font-size: 90%;
z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .hilite {
background: #444;
color:#fff;
}

.calendar .combo .active {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background: #dedede;
font-weight: bold;
}




.ferienhaus li {
    line-height: 250%;
}


.ferienhaus-empfehlung {
    max-width: inherit;
    width: 50%;
}

.sektion-video-bbz{margin-top:25px;margin-bottom: 70px;}

#iframe-yt-videos
{float: left;
    width: 30%;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

#iframe-yt-videos:first-child{margin-left: 0%;}
#iframe-yt-videos:last-child{margin-right: 0%;}


#iframe-yt {  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  overflow: hidden; 
  width: 100%;
  height: auto;
}

#iframe-yt iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}


#werbeflaechen-banner {
    margin-left: auto;
    margin-right: auto;
      max-width: 1100px;
}

.sektion-werbeflaeche {
    margin-top: 50px;
}

#werbeflaechen-banner img {
    width: 100%;
}

/**PARTNER-SEITE*******************************************/

.sektion-partnerseiten{min-height:800px;}

.partner-logo {
    float: left;
    height: auto;
    margin-left: 3%;
    margin-right: 3%;
    min-width: 10%;
}

.partner-logo:first-child  {
    margin-left: 0%;
}
.partner-logo:last-child  {
    margin-right: 0%;
}

#logo-reihe {
    float: left;
    margin-bottom: 25px;
    width: 100%;
}

#wp-logo {

}

#bp24-logo {
 padding-top: 20px;
}

#tb24-logo {
 padding-top: 20px;
}

#sp24-logo {
 padding-top: 15px;
}



#wp-karte-desktop{
    float: left;
}

#wp-karte-desktop img {
    height: auto;
    width: 100%;
}



#part1, #part3 {
    margin-right: 75px;
}
.partner-stadtliste {
    float: left;
}


ul.partner-stadtliste li {
    font-weight: bold;
    line-height: 275%;
}


/*LAUFSCHRIFT------------------------------------------------------------------------------------------*/

#Laufschrift{
	background-color:var(--accent-color);
	float:left;
	width:100%;
	margin-top:20px;}
	
	#Laufschrift span{
		margin-left:1%;
		color:#ffffff;
		font-family:futoncondensednormal;
		font-size:20px;
		display:block;
	}
	
	#laufband-slider marquee ul li{
		background-color:#ffffff;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		padding-top:10px;}
	
.laufband a{		
font-family:futonnormal;
		text-decoration:none;
		color:var(--accent-color) ;
		font-size:20px;}
		
	.laufband a:hover{		
		text-decoration:none;
		color:var(--accent-color) ;}	

.laufband a h4{font-family:futonnormal !important; display:inline;}








/*FOOTER-----------------------------------------------------------------------------------------------*/

		
		


/*Breakpoints-----------------------------------------------------------------------------------------------*/

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

	#logo{width:270px;}	
	#fb-reg-block {width: 100%;}
}
	
	@media screen and (max-width : 1125px)
{
	#fb-reg-nav-block {
		width: 80%;}
	nav ul li{margin-left:0px;
	margin-right:0px;}
	#logo{width:160px;}	
	#fb-reg-block {
		width: 100%;}
	
	}

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

	#logo
	{width: 300px;
float: none;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;}
	
	#fb-reg-nav-block {
		width: 100%;}
	#logo-block{width:inherit!important;}

}

/*Desktop Standard-----------------------------------------------------------------------------------------*/

@media screen and (min-width : 1280px)
{
	
/*	
.pakete{min-height:380px;}
*/


.pakete
{min-height: 425px;}

.pakete-home.pakete
{min-height: 425px;}

.pakete-stadt.pakete
{min-height: 425px;}


#banner-width,#hauptinhaltContentBlock, #hauptinhaltContentBlock_Suche
{max-width:1280px;
margin-left:auto;
margin-right:auto;}
		

}


/*Zwischenbrakes-----------------------------------------------------------------------------------------*/

@media screen and (min-width : 1020px) and (max-width : 1270px) 
{

.pakete-home.paket_reg-startseite 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}

.pakete-stadt.paket_reg-stadt 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}


.pakete-home#paketpreis 
{font-size: 30px;}

.pakete-stadt#paketpreis 
{font-size: 30px;}
	
.pakete-home.paket_reg-startseite a 
{font-size: 17px;
padding: 5px 25px;}

.pakete-stadt.paket_reg-stadt a 
{font-size: 17px;
padding: 5px 25px;}

}


@media screen and (min-width : 1020px) and (max-width : 1065px) {

.pakete-home.paket_reg-startseite 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}

.pakete-stadt.paket_reg-stadt 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}

.pakete-home#paketpreis 
{font-size: 30px;}

.pakete-stadte#paketpreis 
{font-size: 30px;}
	
.pakete-home.paket_reg-startseite a
{font-size: 17px;
padding: 5px 25px;}

.pakete-stadt.paket_reg-stadt a
{font-size: 17px;
padding: 5px 25px;}
	
		.q-nav-btn-info {

    width: 98%;

}

}


/*Tablets-----------------------------------------------------------------------------------------*/

@media screen and (min-width : 981px) and (max-width : 1020px) {
	
	nav ul{float:left;}
	nav ul.menu li a:first-of-type {padding-left:0;}
	
	
.pakete-home .paket_reg-startseite 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}

.pakete-stadt .paket_reg-stadt 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}
	
.pakete-home #paketpreis {font-size: 30px;}

.pakete-stadt #paketpreis {font-size: 30px;}
	
.pakete-home .paket_reg-startseite a 
{font-size: 17px;
padding: 5px 20px;}

.pakete-stadt .paket_reg-stadt a 
{font-size: 17px;
padding: 5px 20px;}

	
	#banner-branche-bild { max-width: inherit;}
	
		.q-nav-btn-info {

    width: 98%;

}

	
}

/*Tablets-----------------------------------------------------------------------------------------*/

@media screen and (min-width : 768px) and (max-width : 980px) {
	
	.q-nav-btn-info {

    width: 98%;


	}
	

	
	
		#banner-branche-bild { max-width: inherit;}
	
	#wrapper_berufe #list_berufe > li{float:left;width:50%;margin-bottom:30px;}
	#wrapper_berufe #list_berufe > li:nth-child(2n+3){clear:left;}
	#wrapper_berufe #list_berufe > li:nth-child(3n+4){clear:inherit;}
	
nav ul {float: left;}
  
nav ul.menu li a:first-of-type {padding-left:0;}
	
	
	
/*Pakete-Start------*/	

.pakete
{min-height:570px;
min-width:inherit;}
	
.pakete-home.pakete
{min-height:570px;
min-width:inherit;}

.pakete-stadt.pakete
{min-height:570px;
min-width:inherit;}

.pakete ul{padding-right:60px;padding-left:25px;}

.pakete-home.pakete ul{padding-right:60px;padding-left:25px;}

.pakete-stadt.pakete ul{padding-right:60px;padding-left:25px;}

.paket_reg {bottom:11px; margin-left:-90px; width:180px;}

.pakete-home.paket_reg {bottom:11px; margin-left:-90px; width:180px;}

.pakete-stadt.paket_reg {bottom:11px; margin-left:-90px; width:180px;}

.paket_reg a {display:block; text-align:center;}

.pakete-home.paket_reg a {display:block; text-align:center;}

.pakete-stadt.paket_reg a {display:block; text-align:center;}

.pakete-home.paket_reg-startseite a {display:block; text-align:center; font-size: 31px; margin-bottom: 10px;}

.pakete-stadt.paket_reg-stadt a {display:block; text-align:center; font-size: 31px; margin-bottom: 10px;}
	
.pakete-home.paket_reg-startseite 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}

.pakete-stadt.paket_reg-stadt 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}
		
.pakete-home#paketpreis {font-size: 38px;}

.pakete-stadt#paketpreis {font-size: 38px;}
	
	
/*Pakete-Ende------*/			
	
	
#suchbutton{margin-top:25px;}
	
#detailsuche_daten{width:90%;}
#detailsuche_logo{float:none;padding-left: 15px;}


	
}

/*INHALTSBEREICH------------------------------------------------------------------------------------*/




/*Smartphone-----------------------------------------------------------------------------------------*/


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

	
	#banner-branche-bild { max-width: inherit;}
	
	.videotext {
    width: 100%;
}
	
	

	
	#section-col-left {
    width: 96%;
    margin: 2%;
}
	#section-col-right {
    width: 96%;
    float: left;
    margin: 2%;

}
	
	
	.sec-col-eintrag-col-left, .sec-col-eintrag-col-right {
		width: 100%;}
	
	.sec-col-eintrag-logo img {
   
    margin-left: auto;
    margin-right: auto;
    display: block;
}
	#banner-headline-text h1 {

		font-size: 60px;}
	
	#banner-headline-text{height:inherit;}
	
	
	.sec-col-eintrag-profil-button a {margin-top: 35px;

margin-bottom: 60px;}
	
	.section-col-eintrag {
    padding: 5%;
    width: 90%;

}
	
	.sec-col-eintrag-kontakt-row {
    margin-bottom: 15px;
}
	
	
	
		.desktop-view{display: none;}
	.mobile-view{display:block;}
	
	
	
	div#quick-navigation {
    float: left;
    margin-bottom: 50px;
}
	
	
	
	
	
	
	
	
	.microsite #ds_adr_kat_adresse_ausgabe span {
    float: none;
}
	
.microsite #ds_adr_kat_adresse {
    float: left !important;
}
	
.microsite	#ds_adr_kat_adresse_ausgabe{
	    float: left;
}
	
	#ziel-titel {
    float: none;
    margin-right: 0px;
}
	
.microsite .detailsuch_tel-fax-mobil, .microsite .detailsuch_mail-web {
    width: 100%;
    margin-right: 0px;
    float: none;
}
	
	
	#quick-navigation li {    display: inherit;
    width: 48%;
    float: left;}
	
	.q-nav-btn-info, .q-nav-btn-open, .q-nav-btn-sm, .q-nav-btn-open, .q-nav-btn-stelle, .q-nav-btn-video, .q-nav-btn-img, .q-nav-btn-kontakt {
    display: none !important;
}
	.q-nav-btn-anruf {
    display: inherit !important;
}
	
	.microsite-section #start {
    width: 98%;
}
	
	.microsite-section .btn_square {width:100%;}
	
	.microsite #BEintrag_oeffnungszeiten {
    padding: 0px;
    width: 100%;
	 border-right: none;
    margin-right: 0px;
}
	
	
	.microsite #BEintrag_suchbegriffe {
	 padding: 0px;
    width: 100%;

    border-left: none;
    margin-left: 0px;
}

.microsite #BEintrag_karte {
    width: 100%;
}
	
	.microsite_day-row .microsite_wochentag {
    background: rgba(249,152,37,0.1);
		padding-left:0px;
		padding-right:0px;
    padding-top: 10px;
    padding-bottom: 10px;
		margin:0px;
    font-weight: bold;
    text-align: center;
		width: 100%;
}
	
	.microsite_day-row .microsite_uhrzeit {
    background: rgba(249,152,37,0.1);
		padding-left:0px;
		padding-right:0px;
		margin:0px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    float: left;
    min-width: 100px;
    text-align: center;
		width: 100%;
}
	
	
	#vertikal-trennstrich-microsite {
    display: none;
}
	
	.microsite #BEintrag_socialmedia {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
	
	.microsite-section #BEintrag_kontaktformular {
    float: left;
    width: 95%;
}
	
	.microsite-section #form_container li {
    
    width: 100%;
}
	
	.microsite-section {
    float: left !important;
		width:95% !important;
		margin-top:25px;
		margin-bottom:25px;
}
	
	.detailsuche_eintraglink h1 {
    width: 100%;
    float: none;
}
	
	.microsite #detailsuche_daten{
		width:95% !important;
	}
	
	
	#iframe-yt-videos
{float: none;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
	margin-bottom: 25px;
}
	
	
	#top-eintraege-monat{float:none;min-width:inherit;position:inherit;}
	
		#top-eintraege-monat:first-child{margin-bottom:15px;}
	
	#tem-firmen{width:inherit;float:none;}
	
#top-eintraege-monat:first-child {
    margin-right: 0%;
}


#top-eintraege-monat:last-child {
    margin-left: 0%;
}
	
		#tem-nr{display:none;}
	
.tem-spalte span {
        display: block;
    margin-bottom: 10px;
}
	
	
	#bundeslaender-auflistung > ul > li {
    font-size: 20px;
    line-height: 24px;
}
	#bundeslaender-karte{display:none;}
	
	
		#stoerer-gesamt {
		display: block;}
	
		div#stoerer-gesamt img {
    width: 96%;
    margin: 2%;
			height:inherit;
}
	
	
	.stoerer{display:inherit;width:inherit;    margin-top: 5px;
    text-align: center; height:inherit;}
	
	
	.stoerer-svg{display:none;}
	
	#mobile-banner-bild{display:inherit;width:100%;height:auto;}
	
	#banner-left-part {
        background-color: var(--accent-color);
    float: none;
    padding-right: 0px;
    position: inherit;

}


#banner-bild{   
display:none;}
	
	
	
	.liste-eintrag-stadt{width:inherit;}

	
	#staedte-menu ul li {    
    float: left;
    font-size: 20px;
    line-height: 40px;
    list-style-type: none;
    margin-bottom: inherit;
    margin-left: inherit;
    margin-right: 38px;
    text-align: center;
    	
	}
	
#staedte-menu > ul {
    margin: 0;
    padding: 0;
}

#staedte-menu ul li span {
    display:block;
}


#staedte-menu img {
    width: 30px;
}	
	
	
	.Top-Tabellen {float:none;width:100%;}
	.reg_box_right span{display:block;}
	.reg_box{width:100%;float:none;margin:0;margin-bottom:25px;}
	
.reg_box_left {float:none;min-height:inherit;}

#BEintrag_kategorie .content a {
    display: block;
	margin:0;
}

	
#BEintrag_kategorie {
    float: none;
    padding: 5px;
}
#BEintrag_karte img {    width: 100%;}
	
	
#BEintrag_kontaktformular {    float: none;    padding: 5px;}	
#BEintrag_Beschreibung {    padding: 5px;float:none;}

#BEintrag_videos #content iframe{width:100%; height:auto;}
	
	
.FirmenBeschreibung { float: left;    width: 100%; min-width:inherit;}
	
#BEintrag_route {    float: none;}


#BEintrag_route input#start {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
}
	
#BEintrag_firmenbeschreibung {    float: none;}
	
.branchenrow {    width: 100%;}
	
	
	#trenner { display: inherit; }
	
	#faq-artikel #artikel {width:100% !important; float:none;}
	
	
	#leistungen.webdesign-spalte{display:none;}
	
.wt-spalte span {
    display: inherit;
}
	.webdesign-spalte{width:100%;}
	.werbepaket-spalte{width:100%;}
	#leistungen.werbepaket-spalte{display:none;}
	
	
	
	#agbs {
    float: left;
    margin-right: 2%;
    text-align: justify;
    width: 100%;
}

	#kontaktdaten{margin-right:0px;}
	
	.impressum{max-width:98%;}
	#passwort-formfelder #email.text{width:100%;}
	#passwort-formfelder .btn{width:100%;}
	
	
/*	header{border-bottom:thin solid var(--accent-color);}*/
	
	.login_formular li, .login_formular{float:none;}
	.login-felder li div{margin:0px;}
	.login-felder li input.btn{width:100%;}
	.Login-Text{float:none;}
	
	#wrapper_berufe #list_berufe > li{float:none;width:100%;margin-bottom:30px;}
	
	
	.bildfeld{width:inherit;}
	#videowerbung video{width:100%; height:auto;}
	#form_container li{float:none;margin:0;width:inherit;}
	

#detailsuche_daten, #detailsuche_suchb_kontaktdaten, #detailsuche_sb_icons, #ds_adr_kat_adresse, #ds_adr_kat_adresse_ausgabe, #ds_adr_kat_kategorie{float:none;}
	
.kat_ausgabe{float:none;margin:0px;margin-bottom:10px;}

#ds_adr_kat_adresse_ausgabe{margin:0px;margin-bottom:10px;}

.Suchlogo{max-width:250px;}

#detailsuche_logo{float:none;padding-left: 15px;}

#detailsuche_suchb_kontaktdaten, #detailsuche_sb_icons{margin-bottom:10px;}

	.microsite #detailsuche_suchb_kontaktdaten {

    float: none;
		width: 100%;}
	
#detailsuche_suchb_kontaktdaten{min-width:inherit;}
	
	#ds_adr_kat {
width:100%;
    margin-bottom: 20px;
		float: left;}
		
		.microsite #Beintrag_route {
    width: 100%;

}
		
	.suchmaske{float:none; margin:0 0 5px; text-align: center;}
#suchfelderliste {float:none;}


#suchfelderliste input, #suchfelderliste select {width:100%;}

#suchbutton{margin-top:25px;}

	
	#mapspacehome{width:90%;}
	
	#footer-Rechte > span{display:block;}
	
	#statistik-bild img {width:95%;}
				.videotext:first-of-type{margin-right:0%;}
			.videotext:last-of-type{margin-left:0%;}
			
			
			.Top-Tabellen:first-of-type{margin-right:0%;}
		    .Top-Tabellen:last-of-type{margin-left:0%;}
	
	
	header{position:fixed;
	background-color:var(--accent-color);
	  top: 0;}
	
	#suche-registrieren-banner{margin-top:120px;}
	
	
	.search input[type="text"]{
		font-size:14px;
	width:100%;}
	
	#suche-registrieren-banner h2{
		float:none;}
	
	
	#footer-menu{
		float:left; 
		margin-top:10px;
		margin-bottom:20px;}
	
	#artikel{width:100%;margin:0px;}
	
/*	#hauptinhaltContentBlock div#sektion div div{float:none;!important; width:100%;}*/
	
	
/*Pakete Start------------------------ */	


.pakete
{min-height:inherit;
min-width:iherit;
margin-bottom: 10px;
margin-top: 10px;
width:100%;
position:inherit;}

	
.pakete-stadt .pakete
{min-height:inherit;
min-width:iherit;
margin-bottom: 10px;
margin-top: 10px;
width:100%;
position:inherit;}

.pakete-home .pakete
{min-height:inherit;
min-width:iherit;
margin-bottom: 10px;
margin-top: 10px;
width:100%;
position:inherit;}

.pakete:last-of-type{margin-left:0px;}

.pakete-home .pakete:last-of-type{margin-left:0px;}

.pakete-stadt .pakete:last-of-type{margin-left:0px;}

.pakete:first-of-type{margin-right:0px;}

.pakete-hom e.pakete:first-of-type{margin-right:0px;}

.pakete-stadt .pakete:first-of-type{margin-right:0px;}

.paket_reg
{padding-bottom: 10px;
text-align: center;
position:inherit;
bottom:0px;
margin-left:0px;
width:inherit;}


.pakete-home .paket_reg
{padding-bottom: 10px;
text-align: center;
position:inherit;
bottom:0px;
margin-left:0px;
width:inherit;}

.pakete-stadt .paket_reg
{padding-bottom: 10px;
text-align: center;
position:inherit;
bottom:0px;
margin-left:0px;
width:inherit;}

.pakete-home .paket_reg-startseite
{padding-bottom: 30px;
text-align: center;
position:inherit;
bottom:0px;}

.pakete-stadt .paket_reg-stadt
{padding-bottom: 30px;
text-align: center;
position:inherit;
bottom:0px;}


.pakete-home #paketpreis {font-size: 30px;}

.pakete-stadt #paketpreis {font-size: 30px;}


.pakete-home .paket_reg-startseite a 
{font-size: 30px;
padding: 5px 14px;}

.pakete-stadt .paket_reg-stadt a 
{font-size: 30px;
padding: 5px 14px;}



/*Pakete Ende------------------------ */

/*	header, header.sticky-active{position: inherit!important;width: 100%;
padding-left: 0%;
padding-right: 0%;
		padding-top: 0px;
	margin-bottom:0px;
		margin-top: 0px;
	height:inherit!important;}*/
	
/*	#suche-registrieren-banner {
    margin-top: 0px;
}*/
#fb-reg-nav-block {
    width: 100%;
}
	
	#fb-reg-block, #fb-reg-block.sticky-active  {
    margin-bottom: 30px;
}
	
#logo , #logo.sticky-active
{display: block;
  padding: 0;
  text-align: center;
  float: none;
	width:90% !important;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;}
	
	.fb-share-button {
    
		margin-top: -21px;}
	
	#banner_login{display: inherit!important; float:none;}
	
	#banner_login form {
    margin: 0px;
        margin-top: 40px;
    padding: 0px;
    text-align: center;
    
}
	
	.login-user label {
    display: block;
		margin-bottom: 10px;}
	
	#banner_login input {
		width: 90%;}

	
	#registrieren {
    display: block;
    margin-top: 20px;
		text-align: center;}
	
	#banner_fb {
    display: block;
}
	.fb_iframe_widget {
		display: block;}
	
	.fb-share-button {
    margin-top: 0px;
}
	
	#bp24-socialmedia-leiste {
  /**  display: block;**/
		display:none;
    margin-left: auto;
    margin-right: auto;
		width: 275px;
	margin-bottom: 25px;
	text-align: center;}
	

	
	/*
nav label.togglemenu { float:none; text-align: center;}
nav label.togglemenu:hover {color:var(--accent-color) ; }

nav { margin: 0;text-align: center; }

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  padding: 0 20px;
  color: #000000;
  font-size: 20px;
  line-height: 35px;
  text-decoration: none;
  border: none;
}

.toggle:hover {text-decoration:underline; }

[id^=drop]:checked + ul { display: block; }

nav ul {background-color:var(--accent-color) ;}

nav ul li {
	border-bottom:1px solid;
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

/*nav a:hover,
 nav ul ul ul a { background-color: #000000; }*/

/*nav ul li ul li .toggle,
 nav ul ul a { background-color: #212121; }*/

	
	/*
nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
*/



.br-ka-spalte {
    float: none;
    margin-right: 0;
    width: 100%;
	margin-bottom: 25px;
}


.br-kat-empfehlung-eintrag {
    background-color: var(--accent-color);
    color: white;
    float: none;
    margin-right: 0;
    padding: 1%;
    width: 100%;
	margin-bottom: 25px;
}




ul#branchenpaekchen-liste
 {padding: 0;
  display:inherit;
  text-align: center;}

ul#branchenpaekchen-liste  li 
{list-style-type: none;
	flex:inherit;}




	/** PARTNER-SEITEN******************************/
	
.partner-logo {
    height: auto;
    width: 80%;
	margin-bottom: 25px;
	padding-left:10%;;
}






#wp-karte-desktop {
     overflow: hidden;
    width: 100%;
}

#wp-karte-desktop img{
    margin-left: -60%;
    width: 250%;
}
	


}

@media all and (max-width : 400px) {
	#logo{width:60%;}
	
	.paket_reg-startseite a 
	{font-size: 30px;
    padding: 5px 8px;}

}


@media all and (max-width : 330px) {
/*
nav ul li 
{display: block;
  width: 94%;}*/

.pakete-home.paket_reg-startseite a 
{font-size: 30px;
padding: 5px 8px;}

.pakete-stadt.paket_reg-stadt a 
{font-size: 30px;
padding: 5px 8px;}


}