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


@import "font/stylesheet.css";



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




/***VARIABLEN***/	
:root { --accent-color: #0064a3;}
:root { --accent-color-transparenz-10: rgba(0,100,163,0.1);}
:root { --accent-color-transparenz-20: rgba(0,100,163,0.2);}
:root { --accent-color-transparenz-30: rgba(0,100,163,0.3);}
:root { --accent-color-transparenz-40: rgba(0,100,163,0.4);}
:root { --accent-color-transparenz-50: rgba(0,100,163,0.5);}
:root { --accent-color-transparenz-60: rgba(0,100,163,0.6);}
:root { --accent-color-transparenz-70: rgba(0,100,163,0.7);}
:root { --accent-color-transparenz-80: rgba(0,100,163,0.8);}
:root { --accent-color-transparenz-90: rgba(0,100,163,0.9);}





/***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 !important;
}

.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-transparenz-20);
    padding: 10px;
    width: 70%;
}

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


ul.saah-detail-infos li {
    background-color: var(--accent-color-transparenz-20);
    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-bewerbungsbtt a:hover {
    text-decoration: none;
}

.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-transparenz-20);
    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-transparenz-20);
    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;
}


@media screen and (max-width:778px){
	.saah-arbeitsort-logo, .saah-info-bereich, ul.saah-detail-infos {    flex-direction: column;}
	
	ul.saah-infos, .saah-beschreibung  {   width: 100%;        margin: 50px 0px;}
.saah-detail-Infos li {
    width: 100% !important;
    margin: 20px 0px 20px 0px !important;
}
	.stellenangebot-ausgabe-headbereich h3 {
    font-size: 30px !important;
    line-height: 150% !important;
}
	.saah-firmenlogo {
    margin: 50px 0px;
}
	
}





/*********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-zwei);
}

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

fieldset {
    margin: 35px 0px;
    padding: 35px;
    border-color: var(--accent-color-zwei);
    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%;
}


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;}
	}
/****************************************/



/***************/
.preis-info {
    font-size: 14px;
    margin: 20px 0px;
    color: black;
    font-weight: light;
    line-height: 100%;
    display: inline-block;
    width: 100%;
}




iframe.seo-form {
    display: none;
}

section.highlight-kontakt {
    display: none;
}

section#start-kontakt-anker {
    display: none;
}



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

/*
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;}

* {
    box-sizing: border-box;
}
body, p {  font: normal 300 20px/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 36px/47px 'Roboto', sans-serif !important;
    text-transform: uppercase;
    padding: 0;
    margin: 25px 0 0 0;
}

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

 h3 {
    font: normal 700 20px/30px'Roboto', sans-serif !important;
    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 {
	text-align: left !important;
}

.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: 50px 0 50px 0;
    float: left;
    width: 100%;

}

.col-2 {width: 50%;}



#hauptinhaltContentBlock, #hauptinhaltContentBlock_Suche {

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

}


article img {
    width: 100%;
}


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


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

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


/* 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: #f99825;}
    25%, 100% {background: none;}
}
 
@-webkit-keyframes slideControl01 {
    24.99% {background: #f99825;}
    25%, 100% {background: none;}
}
 
@keyframes slideControl101 {
    24.99% {background: #f99825;}
    25%, 100% {background: none;}
}
 
@-webkit-keyframes slideControl101 {
    24.99% {background: #f99825;}
    25%, 100% {background: none;}
}
 
@keyframes slideControl02 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: #f99825;}
}
 
@-webkit-keyframes slideControl02 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: #f99825;}
}
 
@keyframes slideControl102 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: #f99825;}
}
 
@-webkit-keyframes slideControl102 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: #f99825;}
}
 
@keyframes slideControl03 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: #f99825;}
}
 
@-webkit-keyframes slideControl03 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: #f99825;}
}
 
@keyframes slideControl103 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: #f99825;}
}
 
@-webkit-keyframes slideControl103 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: #f99825;}
}
 
@keyframes slideControl04 {
    74.99% {background: none;}
    75%, 100% {background: #f99825;}
}
 
@-webkit-keyframes slideControl04 {
    74.99% {background: none;}
    75%, 100% {background: #f99825;}
}
 
@keyframes slideControl104 {
    74.99% {background: none;}
    75%, 100% {background: #f99825;}
}
 
@-webkit-keyframes slideControl104 {
    74.99% {background: none;}
    75%, 100% {background: #f99825;}
}
 
/* 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: #f99825!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: #f99825;
}
 
#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: #f99825;
}
 
#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;
}

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

.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;
	    text-align: center;
}

.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/TB24-Slider-SeoAgentur.jpg);}
.slide.slide02 {background-image: url(/images/TB24-Slider-MehrKundenMehrTraffic.jpg);}
.slide.slide03 {background-image: url(/images/TP24-Slider-GoogleAdsSilber.jpg);}
.slide.slide04 {background-image: url(/images/TB24-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;
}
}




/*HEADER*************/

#log-search-bar {
justify-content: flex-end;
display: flex;
font-size: 16px;
	text-transform: uppercase;
}



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


header {

    width: 100% !important;
    padding-left: 2%;
    padding-right: 2%;
    font-family: 'Roboto', sans-serif !important;
    text-transform: uppercase;
    padding-top: 60px;

}


#top-bar {
    border-bottom: 1px solid #f99825;
    margin-bottom: 10px;
    padding-bottom: 10px;
	justify-content: flex-end;
	display: flex;
	font-size: 12px;
}

.login-btn::after {
    border-right: 1px solid white;
    content: " ";
	margin: 0 5px 0 5px;
    height: 13px;
    display: inline-block;
	top: 6px;

position: relative;
}

.reg-btn.top-bar-btn {

    top: 6px;
    position: relative;

}

.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: var(--accent-color);
    font: normal 300 18px/36px 'Roboto', sans-serif !important;
}

nav ul ul a {    font: normal 300 14px/40px 'Roboto', sans-serif !important; padding-left: 5px !important;}

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


nav ul li {margin: 0}


nav a:hover {
    text-decoration: none;
    color: black;

}

nav ul ul {    background-color:#e8e8e7; 
	min-width: 145px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;}


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


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

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


/*Später entfernen*/

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

nav ul {
    float: none !important;
    position: inherit;}

nav a {

    padding: 0px !important;
    display: unset;

}

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



#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;
    float: left;
    width: 90%;
}

.search img {

    float: right;

}

.top-bar-btn a img {

    float: left;
    margin-right: 5px;

}

.top-bar-btn a span {

    top: 6px;
    position: relative;

}

#suchfelder  .search {    width: 45%;}

#suchfelder  .search input[type="text"] {

    font-size: 16px;
    color: var(--accent-color);
    width: 100%;
    border: none;
    padding: 5px;

}



.stoerer {

    background-color: #f99825;
    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: #f99825;
    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: 30px;

}

.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;

}
*/

#startseite .paket-vorschau {

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

}

#paket-kasten h2 {

    text-align: center !important;

}


.paket-reg {
    text-align: center;
    color: white;
    text-transform: uppercase;
    font: normal 900 34px/60px 'Roboto', sans-serif !important;
    display: block;
    border: 1px solid white;
}

.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: #f99825;
    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: var(--accent-color-transparenz-50);
}
.bundesland-kacheln ul li a:hover {
    background-color: rgba(249, 152, 37, 0.0);
}


.bundesland-kacheln ul {

    display: flex;
    align-content: start;
    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/Staedte_Panorama_Stuttgart.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/Staedte_Panorama_Rostock.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/Staedte_Panorama_Stuttgart.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/Staedte_Panorama_Stuttgart.jpg"); background-position: center;}


#footer-menu {

    display: flex;
    justify-content: space-between;
    width: 100%;
    float: none;

}

#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;

}

header.sticky-active {
    position: fixed;
    background-color: #e8e8e7;
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 10px;
    z-index: 99;
    height: 95px;
    border-bottom: 1px solid #b2b2b2;
    -moz-box-shadow: 1px 1px 6px black;
    -webkit-box-shadow: 1px 1px 6px black;
    -khtml-box-shadow: 1px 1px 6px black;
	box-shadow: 1px 1px 6px black;}





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

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



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


#header-kategorien {
    background-image: url(../images/Teambusiness24-Header-Kategorien.jpg);
   /* margin-top: 0px !important;*/
	background-size: cover;
background-repeat: no-repeat;
}

#header-kategorien ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	    display: flex;
    flex-wrap: wrap;
	width: 80%;
margin-left: auto;
margin-right: auto;
}

.icon {
width: 23%;
margin: 1%;
text-align: center;
background-color: rgba(255,255,255, 0.9);
padding: 10px;
border-radius: 10px;
	border: 1px solid var(--accent-color);
}

#header-kategorien h3 {
	font-size: 16px !important;
    margin: 0px;
	text-align: center !important;
}

#header-kategorien ul li ul li {

    width: 100%;
    font-size: 16px;

}

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

.start-seoagentur {
background-image: url(../images/Seo-Agentur-Header.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;

}


.section-container {

    background-color: #e8e8e7;
    width: 100vw;
    float: left;
    position: relative;
    margin-left: -50vw;
	left: 50%;}

.sektion-video-bbz {

    margin-top: 25px;
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    float: none;

}


.visitenkarte-im-netz ul {

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

}


.visitenkarte-im-netz a {
    width: 30%;
}


.vk-container {
    text-align: center;
    background-color: var(--accent-color);
   padding: 10px;
}

.vk-headline {

    font: bold 43px/53px Roboto, Sans-serif;
    color: white;
    text-transform: uppercase;

}

.vk-containerliste.vk-con-1::after {

    content: " ";
    height: 250px;
    display: block;
    background-image: url(../images/Teambusiness24-AnmeldenSparen.jpg);
    background-size: cover;

}

.vk-containerliste.vk-con-2::after {

    content: " ";
    height: 250px;
    display: block;
    background-image: url(../images/Teambusiness24-GrossartigesTeam.jpg);
    background-size: cover;

}

.vk-containerliste.vk-con-3::after {

    content: " ";
    height: 250px;
    display: block;
    background-image: url(../images/Teambusiness24-Fair.jpg);
    background-size: cover;

}


.secton-pakete {

    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    float: none;

}

.paket-headline {

    text-align: center !important;
    font: bold 43px/53px 'Roboto', sans-serif !important;

}

.secton-pakete ul {

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

}

.secton-pakete li {

    width: 25%;
    text-align: center;
    margin: 10px;
    padding: 10px;
    color: black;
    font-size: 16px;

}

.vorschau-reg {
padding: 10px;
    width: 100%;
    background-color: var(--accent-color);
    color: white;
    display: flex;
    justify-content: center;
	margin: 20px 0 50px 0;

}

.vorschau-reg span {
    width: 25%;
}

.vorschau-reg a {
    color: white;
}

.paket-preis {
    font-size: 43px;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
}


.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;

}


#iframe-yt {

position: relative;
overflow: hidden;
width: 710px;
height: 399px;
margin-left: auto;
margin-right: auto;
top: 65px;
left: -1px;

}

.macbook {

    background-image: url(../images/TB24-MacBook.png);
    width: 100%;
    height: 635px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;

}


#iframe-yt iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}



.icon span {    width: 50px;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;}

.recht-steuern 		{background-image: url(../images/TB24-Kategorie-Icons-Recht-Steuern.png);}
.gesundheitswesen 	{background-image: url(../images/TB24-Kategorie-Icons-Gesundheitswesen.png);}
.handwerk			{background-image: url(../images/TB24-Kategorie-Icons-Handwerk.png);}
.gastronomie 		{background-image: url(../images/TB24-Kategorie-Icons-Gastronomie.png);}
.kosmetik-beauty 	{background-image: url(../images/TB24-Kategorie-Icons-Beauty.png);}
.kfz 				{background-image: url(../images/TB24-Kategorie-Icons-KFZ.png);}
.rund-um-den-hund {background-image: url(../images/TB24-Kategorie-Icons-Hund.png);}
.vermietung-verleih {background-image: url(../images/TB24-Kategorie-Icons-Verleih.png);}
.hotels {background-image: url(../images/TB24-Kategorie-Icons-Hotels.png);}
.therapeuten {background-image: url(../images/TB24-Kategorie-Icons-Therapeuten.png);}
.dienstleistungen {background-image: url(../images/TB24-Kategorie-Icons-Dienstleistungen.png);}
.zimmervermietung {background-image: url(../images/TB24-Kategorie-Icons-Zimmervermietung.png);}


.secton-pakete li::before {
	    background-repeat: no-repeat;
    background-size: cover;
    width: 50px;
    content: " ";
    height: 50px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.suchbegriffe::before {background-image: url(../images/TB24-Pakete-Icons-Suchbegriffe.png);}
.newsticker::before {background-image: url(../images/TB24-Pakete-Icons-News.png);}
.bilder::before {background-image: url(../images/TB24-Pakete-Icons-Bilder.png);}
.logoanzeige::before {background-image: url(../images/TB24-Pakete-Icons-Logo.png);}
.ranking::before {background-image: url(../images/TB24-Pakete-Icons-Ranking.png);}
.seo-eintrag::before {background-image: url(../images/TB24-Pakete-Icons-SEO.png);}
.film-mikroseite::before {background-image: url(../images/TB24-Pakete-Icons-Film.png);}
.local-seo::before {background-image: url(../images/TB24-Pakete-Icons-Local-SEO.png);}
.promotion::before {background-image: url(../images/TB24-Pakete-Icons-Promotion.png);}
.google-eintrag::before {background-image: url(../images/TB24-Pakete-Icons-GooglePlus.png);}
.facebook-eintrag::before {background-image: url(../images/TB24-Pakete-Icons-Facebook.png);}
.zweiportale::before {background-image: url(../images/TB24-Pakete-Icons-Portale.png);}

.fb-posts::before {background-image: url(../images/TB24-Pakete-Icons-FB-Posts.png);}
.insta-eintrag::before {background-image: url(../images/TB24-Pakete-Icons-Instagram.png);}
.youtube-eintrag::before {background-image: url(../images/TB24-Pakete-Icons-Youtube.png);}
.mybusiness::before {background-image: url(../images/TB24-Pakete-Icons-GoogleMyBusiness.png);}
.drei-portale::before {background-image: url(../images/TB24-Pakete-Icons-DreiPortale.png);}
.logoerstellung::before {background-image: url(../images/TB24-Pakete-Icons-LogoErstellung.png);}

.stellenangebote::before {background-image: url(../images/TB24-Pakete-Icons-Stellenangebote.png);}
.profinewsticker::before {background-image: url(../images/TB24-Pakete-Icons-ProfiNewsticker.png);}
.routenplaner::before {background-image: url(../images/TB24-Pakete-Icons-Routenplaner.png);}
.kontaktaufnahme::before {background-image: url(../images/TB24-Pakete-Icons-Kontaktbrancheneintrag.png);}
.drei-portale::before {background-image: url(../images/TB24-Pakete-Icons-DreiPortale.png);}
.presseportal::before {background-image: url(../images/TB24-Pakete-Icons-Presseportal.png);}
.support::before {background-image: url(../images/TB24-Pakete-Icons-Supoprt.png);}
.beratung::before {background-image: url(../images/TB24-Pakete-Icons-Beratung.png);}
.kostenloseaenderung::before {background-image: url(../images/TB24-Pakete-Icons-AenderungMikroseite.png);}
.socialmediaeinbindung::before {background-image: url(../images/TB24-Pakete-Icons-SocialMedia.png);}
.oeffnungszeiten::before {background-image: url(../images/TB24-Pakete-Icons-Oeffnungszeiten.png);}
.sichtbarkeitstartseite::before {background-image: url(../images/TB24-Pakete-Icons-SichtbarkeitStartseite.png);}
.firmenkategorien::before {background-image: url(../images/TB24-Pakete-Icons-Firmenkategorie.png);}

.linkwebseite::before {background-image: url(../images/TB24-Pakete-Icons-LinkWebseite.png);}
.mobiloptimiert::before {background-image: url(../images/TB24-Pakete-Icons-MobilOptimiert.png);}

.firmennamekontaktdaten::before {background-image: url(../images/TB24-Pakete-Icons-Kontaktdaten.png);}
.werbetextautoren::before {background-image: url(../images/TB24-Pakete-Icons-Werbetext.png);}
.pressemitteilungen::before {background-image: url(../images/TB24-Pakete-Icons-Presseportalen.png);}
.eigenezugangsdaten::before {background-image: url(../images/TB24-Pakete-Icons-Zugangsdaten.png);}
.topplatzstadt::before {background-image: url(../images/TB24-Pakete-Icons-TopStadt.png);}
.topplatzbundesland::before {background-image: url(../images/TB24-Pakete-Icons-TopBundesland.png);}
.googleadsanzeige::before {background-image: url(../images/TB24-Pakete-Icons-GoogleAdsAnzeige.png);}



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

#detailsuche-branchensuche h2 {

    font-size: 16px !important;
    line-height: 21px !important;

}

#detailsuche_daten h2 {
    font-size: 16px !important;
    line-height: 21px !important;
}


#detailsuche_daten h2 {

    max-height: 42px;
    overflow: hidden;

}

.paket-reg a {

    top: 0px !important;
    position: relative;

}


.reg_boxen h2{

    text-align: center !important;

}

.reg_box p {

    color: white;

}


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

}

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

}


.highlight-link {
display: inline-block;
    border: 1px solid var(--accent-color);
    padding: 5px 10px 5px 10px;

}

.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;

}

/*
.section-container img {

    height: 250px;

}*/


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

.seo-form {

    width: 720px !important;

}



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

.login-erfolg {

    position: relative;
    height: 30px;

}

.log-text {
    text-align: right;
    font-size: 14px;
	 font-weight: bold;
    background-color: var(--accent-color);
color:    white;
    right: 0px;
    position: absolute;
    padding: 0px 10px 0px 10px;

}

nav .kundencenter a:hover {
    color:     black !important;
}



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

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;
}


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



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




.wt-spalte.wt-preise {
    min-height: 250px;
    font-weight: bold;
    padding: 25px 0px 25px 0px;
    line-height: 200%;
}






#startseite .secton-pakete h2 {
    text-align: center !important;
    font-size: 30px !important;
}


.headline-preis {
    width: 100vw;
    background-color: var(--accent-color);
    color: white;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
    padding: 25px 0px;
    text-align: center !important;
}



#startseite .paket-headline {
    color: white;
}


.paket-preis-reg a {
    border: 1px solid white;
    color: white;
    padding: 15px;
    font-size: 25px;
    margin: 10px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
	transition: all 1s;
}

.paket-preis-reg a:hover {
    text-decoration: none;
    background-color: white;
    color: var(--accent-color);
}


#startseite .paket-vorschau a {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font: normal 300 20px/63px 'Roboto', sans-serif;
    color: black;
}





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

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

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

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

#branchenews-eintraege .trennlinie {
    width: 100%;
    float: inherit !important;
    margin: 40px 0px;
    height: 5px;
    background-color: var(--accent-color);
}

.bn_news .btt-news a, .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;
}

.bn_news .btt-news a:hover, .newsblock .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;
}





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




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


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

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

#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;
	color: white;
}


.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;
}

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


.sec-abstand {
    margin-top: 75px;
    margin-bottom: 75px;
}

.section-container-highlight-banner {
    width: 100vw;
    float: left;
    position: relative;
    margin-left: -50vw;
    left: 49%;
    background-color: #dddddd;
}

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


.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;
}


.werbepakete-googleads-tabelle #leistungen {
    width: 60%;
}

.werbepakete-googleads-tabelle #basis {
  text-align: center;
}

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

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

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

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


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

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

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

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

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

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


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

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

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


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


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

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

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


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

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


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


.reg_box ul {
  margin: 10px;
  padding: 0px;
  color: white;
}




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

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

#werbepakete-seite .werbepaket-tabelle-kopfzeile {min-height: 125px;}

#werbepakete-seite .wt-preise {min-height: 270px;}


#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: white !important;

}


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




/*WEBDESIGN PAKETE***/



/* 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;}
.summaryinhalt {  padding: 20px;}


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


.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;
}

.wdp-business >* {    color: white;}

.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;     min-height: 70px;}


.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;} 


.start-seo-statistik h3 { min-height: 70px;}






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

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


@keyframes zoom {
  0% {
    transform: scale(1.0);
  }
  100% {
    transform: scale(1.10);
  }
}


@-webkit-keyframes zoom {
  0% {
     transform: scale(1.0);
  }
  100% {
     transform: scale(1.10);
  }
}

@-moz-keyframes zoom {
  0% {
    transform: scale(1.0);
  }
  100% {
   transform: scale(1.10);
  }
}


.stadt-header {
  overflow: hidden;
}

section .stadt-header::before {
    background-position: center;
	   background-size: cover;
    content: " ";
    width: 100vw;
    height: 500px;
    display: inline-block;
    position: absolute;
    opacity: 0.7;
	background-repeat: no-repeat;
	transform-origin: center;
 animation: zoom 20s ease forwards;
	-webkit-animation: zoom 20s ease forwards;
	-moz-animation: zoom 20s ease forwards;
}

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

.stadt-karte-berlin::after {	
    background-color: var(--accent-color);
    content: " ";
    display: block;
    width: 100%;
    height: 350px;
    opacity: 0.3;
}

li.sip-stadtverwaltung, li.sip-stadtgliederung {display: none;}


.tes-head-bild::before {
    background-color: var(--accent-color-transparenz-50);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.tes-head-bild {
    z-index: -2;
}


#paketuebersicht {
  display: flex;
  justify-content: space-between;
}

 #paketuebersicht .pakete {
  display: flex !important;
  float: none !important;
  width: 25%;
}


 #paketuebersicht .pakete img {
  width: 100%;
  height: auto;
}


.pakete a:hover {
  opacity: 0.8;
}

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

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

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


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


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


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




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


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

section.stadt-wrapper.kaiserslautern .stadt-header::before {  background-image: url(../images/staedte/Header-Kaiserslautern.jpg);     background-position: center;}
.stadt-karte-kaiserslautern {  background-image: url(../images/staedte/Karte-Kaiserslautern.jpg); 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); background-position: center;}
.stadt-karte-badenwuerttemberg {  background-image: url(../images/staedte/Karte-BadenWuerttemberg.jpg); background-position: center;}
.stadt-karte-bayern {  background-image: url(../images/staedte/Karte-Bayern.jpg); background-position: center;}
.stadt-karte-brandenburg {  background-image: url(../images/staedte/Karte-Brandenburg.jpg); background-position: center;}
.stadt-karte-hessen {  background-image: url(../images/staedte/Karte-Hessen.jpg); background-position: center;}
.stadt-karte-niedersachsen {  background-image: url(../images/staedte/Karte-Niedersachsen.jpg); background-position: center;}
.stadt-karte-saarland {  background-image: url(../images/staedte/Karte-Saarland.jpg); background-position: center;}
.stadt-karte-rheinlandpfalz {  background-image: url(../images/staedte/Karte-RheinlandPfalz.jpg); background-position: center;}
.stadt-karte-mecklenburgvorpommern {  background-image: url(../images/staedte/Karte-MecklenburgVorpommern.jpg); background-position: center;}
.stadt-karte-sachsen {  background-image: url(../images/staedte/Karte-Sachsen.jpg); background-position: center;}
.stadt-karte-sachsenanhalt {  background-image: url(../images/staedte/Karte-SachsenAnhalt.jpg); background-position: center;}
.stadt-karte-schleswigHolstein {  background-image: url(../images/staedte/Karte-SchleswigHolstein.jpg); background-position: center;}
.stadt-karte-thueringen {  background-image: url(../images/staedte/Karte-Thueringen.jpg); background-position: center;}

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


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

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


.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;}








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

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

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

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


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%;
	  background-color: var(--accent-color);
  margin: 0px 0px 25px 0px;
  padding: 10px 0px 0px 0px;
  color: white;
}


li.sip-bundesland span {
    font-size: 0.55em;
    line-height: 100%;
	  width: 100%;
  background-color: white;
  display: block;
  padding-top: 15px;
  color: black;
}


ul.stadt-info-punkte li span {
    line-height: 100%;
	  width: 100%;
  background-color: white;
  display: block;
  padding-top: 15px;
  color: black;
}

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: 350px;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
	background-image: url(../images/staedte/Stadt-Top-Eintrag-Header.jpg);
	    display: flex;
	background-position: 50% 25%;
}

.tes-head-bild h2 {
    font-size: 2em !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
	color: white;
}


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);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	  
}

.eintraege-liste li   {
	width: 49%;
    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;
    transition: 1s ease-in-out;
}


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

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

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



.tes-eintraege .eintrage-daten:hover {
    background-color: rgba(255,255,255,0.8);
	transition: 1s ease-in-out;
}


.eintrage-daten:hover {
    background-color: var(--accent-color-transparenz-20);
	transition: 1s ease-in-out;
}


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


.tes-eintraege .eintrage-daten {
    border: 1px solid white;
}


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


.eintrag-adresse span::before, .eintrag-telefon span::before {	
	content: "";
	display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 10px 0px 0px;
	position: relative;
    top: 7px;
} 

.eintrag-adresse span::before {background-image: url(/images/brancheneintrag/icon-adresse-positiv.svg);}

.eintrag-telefon span::before {background-image: url(/images/brancheneintrag/icon-telefon-positiv.svg);}


/*
.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;
	    margin: 0px 0px 0px 5px;
}


.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;
}



.bundesland-liste {
    max-width: 1280px;
    margin: 0 auto 0 auto;
}


.start-bundesland .section-container-highlight-banner {
    background-image: url(/images/staedte/PR-Media24-Bundeslandkarte.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
padding: 100px 0px;
}


.bundesland-liste ul li {
    font-size: 24px;
    line-height: 250%;
    font-weight: bold;
}

.bundesland-liste ul {
    list-style-type: none;
    padding: 0px;
}



.bundesland-karte ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 330px;
    width: 780px;

}


section.bundesland-karte {
    margin-top: 25px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}


.bundesland-karte ul li {
    line-height: 200%;
}



.bundesland-ganzebreite {
    background-image: url(../images/staedte/TB24-Bundeslandkarte-GanzeBreite.jpg);
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
   background-position: center right;
}


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

.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;
	    color: white;
}

.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 white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
	    background-color: white;
    padding: 10px;
}


.google-partner-startseite h2 {
    margin-top: 0px !important;
	text-align: left !important;
	    color: white;
}


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






/***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:white;	
}


span.callbutton-btt-icon {
    content: "";
    background-image: url(/images/btt-action-phone.svg);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    display: block;
    background-size: cover;
    margin: 0px auto 10px auto;
    position: relative;

}
	
	.callbutton-statistik {
    display: block;
}


#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-transparenz-20);
}



.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 }

	

/***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;
}
	
	
	
	
	.bundesland-karte ul {
    width: 100%;
    height: 100%;
}


section.bundesland-karte {
    padding: 0 25px;
}
	
	.bundesland-ganzebreite {
    background-position: -1000px;
}
	
	
		.section-container-highlight-banner.sec-abstand {
    background-position: -230px;
}
	
	
	.login-erfolg {display: none !important;}
	
		.kundencenter a {
    background-color:inherit !important;
    padding: 0px !important;
    font-size: 18px !important;
		color: inherit !important;
}

.kundencenter .toggle {
    background-color:     var(--accent-color);
	color:white;
}
	
	
	
	
	.seo-form {

    width: 100% !important;

}
	
	.col-2.art-float {
    float: none;
}
	
	.secton-pakete, .sektion-video-bbz, .seo-highlight-kasten, .vorteile {
    max-width: 90%;
}
	
	
	header {
    padding-top: 30px;

}
	
	
	
	.sektion-video-bbz {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;

}
	.vk-headline {

		font: bold 23px/33px Roboto, Sans-serif;}
	
	.secton-pakete {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
}
	
	
	#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; background-color:#e8e8e7;}
	
	
	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:#f99825 ; }

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:white ;}

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: 103px;}
#suchfelder {
    width: 100%;
    padding-left: 2% !important;
    padding-right: 2% !important;

}
	
	#suchfelder .search {
    width: 60%;
}

	
	
	.microsite-arbeiten {
    float: right;
    padding: 25px 0px 0px 45px;
    width: 100%;
}
	
	.paket-reg {
		font: normal 900 33px/43px 'Roboto', sans-serif !important;}
	
}

.paket-reg a {

    top: 8px;
    position: relative;

}






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


@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;
}

	
	.stadt-info-texte article {
    width: 100% !important;
}

.stadt-info-texte {
    flex-wrap: wrap;
}
	
	section .stadt-header, section .stadt-header::before {height: 250px;}

.stadt-header h1 {
    font-size: 3em !important;
    margin: 20px;}

ul.stadt-info-punkte {flex-direction: column;}

ul.stadt-info-punkte li {
    width: 100% !important;
    margin: 15px 0px;}

.tes-head-bild {height: 200px;}

ul.eintraege-liste {
    flex-direction: column;
    width: 95%;}

.eintraege-liste li {width: 100%;}

#paketuebersicht {flex-direction: column;}
	
	.tes-head-bild h2 {
    font-size: 1.2em !important;
}
	
	
	.wps-spalte {width: 100% !important;}
	
	
		.googlepartnerlogo-nav img {
  max-width: 70px;
}


.sticky-active .googlepartnerlogo-nav img {
  max-width: 70px;
}
	
	.start-seoagentur {
	color: black !important;
}

.start-seoagentur h2, .start-seoagentur a {
	color: var(--accent-color) !important;
}

.start-seoagentur .highlight-link {
border: 1px solid var(--accent-color) !important;

}
	
		.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%;
}
	
	
	.googlepartner-infokasten {    display: block;}
	.gp-infokasten {    width: 100%;	margin-bottom: 60px;}
	.gp-infokasten h3 {    min-height: inherit;}
	
	#googlepartner-site .row {    display: block;}
	#googlepartner-site .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;}
	
	.paket-bilder {
    display: inline-block;
}
	.paketbild {
    width: 100%;
    margin: 0 0 50px 0;
}
	
	.paketbild img {
    width: 100%;
}
	
	.seo-highlight-kasten p {

    width: 100%;
    float: none;

}
	
	.section-container img {

    height: auto;
    width: 100%;

}
	
	.seo-marketing::before {
    height: 250px;
    background-size: cover;
}
		.seo-agentur::before {
    height: 250px;
    background-size: cover;
}
	
	
	#suchfelder form {
    width: 85%;
}
	
	#log-search-bar {

    width: 100%;
    justify-content: center;
    margin-top: 10px;

}
	header {
		padding-top: 20px;}
	
	#suche-registrieren-banner {

    margin-top: 110px;

}
	.nav-menu {

		margin-top: 36px;}
	
	.visitenkarte-im-netz ul {
    display: block;
    flex-wrap: inherit;
    justify-content: inherit;

}
	
	.vk-containerliste {
    width: 100%;
    margin-bottom: 25px;
}
	
.icon {
	width: 48%;}
	
	#suchfelder {

		display: block;}
	
	#suchfelder .search {
    width: 100%;
}
	
	.secton-pakete li {

		width: 100%;}
	
	
	.UnternehmenBesteHaende::after {
    background-image: url(../images/Teambusiness24-UnternehmenBesteHaende.jpg);
    content: " ";
    display: block;
    height: 281px;
    background-size: 180%;
    background-repeat: no-repeat;
		background-position: right;}
	
	.UnternehmenBesteHaende {
    background-color: #f1ece6;
    padding: 25px 10px 25px 10px;
    background-image: none;
    min-height: inherit;
}
	
		.start-seoagentur::after {
    background-image: url(../images/Seo-Agentur-Header.jpg);
    content: " ";
    display: block;
    height: 281px;
    background-size: 180%;
    background-repeat: no-repeat;
		background-position: right;}
	
	.start-seoagentur{
    background-color: #f1ece6;
    padding: 25px 10px 25px 10px;
    background-image: none;
    min-height: inherit;
}
	
	
	
	.start-news-block-row-eins, .start-news-block-row-zwei, .start-news-block-row-drei {
    width: 100%;

}
	
	.sektion-video-bbz {
    padding-left: 4%;
    padding-right: 4%;

}
	
	.macbook {
		background-image: none;
	height: inherit !important;}
	
	
	#iframe-yt {  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
	top: 0px;

left: 0px;}


#iframe-yt iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
	
	
	.vorschau-reg {
		text-align: center;
		display: block;}
	
	.vorschau-reg span {
    width: 100%;
text-align: center;
		    margin: 15px 0 0 0;
}
	.paket-reg a {

    top: 0px;

}
	.paket-preis {

		font-size: 35px;}
	
	
	
	#header-kategorien ul {
		width: 98%;}
	
	#header-kategorien h3 {
		font-size: 12px !important;}
	
	
	#header-kategorien ul li ul li {

    font-size: 12px;
    line-height: 40px;

}
	.unsere-kunden ul {

    display: block;

}
	.unsere-kunden li {

    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;
		padding: 0 5px 0 5px !important;

}
	
	
	#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;
}*/
	
	/********************/
	
	
}





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






















.cc_container .cc_btn {
background-color: #418abe !important; /* Farbe des Buttons */
color: #fff !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: #418abe !important; /* Textlink-Farbe "Mehr Infos" */
}



.mobile-view {
    display: none;
}
.desktop-view{display: 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;}

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

	
#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;}
	
}


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




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

#hauptinhaltContentBlock {
    min-height: 830px;
}

#eigener-header-sticky.sticky-active {
    background-color: white;
    position: fixed;
    width: 100%;
    z-index: 999;
}


	
#header-bild.sticky-active{
	opacity: 0;
	height:0px;
	}
#header-bild.sticky-active img{
	height:0px;	}	
	
	
#logo.sticky-active {
    display: block;
    float: left;
    height: 40px;
    margin: 0 45px 0 0;
    padding: 0;
    width: 135px;}



#banner-width.sticky-active {

    padding-top: 10px;}


#banner_suche.sticky.sticky-active div.search form {
    margin-bottom: 5px;}
	
	#banner-width.sticky.sticky-active #suchfelder.sticky.sticky-active #banner_suche .search form {margin-bottom: 5px;}
	
#banner_suche.sticky-active	.search input[type="text"] {
font-size: 10px;}


 #banner_suche.sticky-active .search form input#suchstabe {
font-size: 10px;}


#banner-width.sticky.sticky-active #banner_login.banner_login.sticky.sticky-active form {
    float: left;
}

#banner-width.sticky.sticky-active #banner_login.banner_login.sticky.sticky-active form span input#email, #banner-width.sticky.sticky-active #banner_login.banner_login.sticky.sticky-active form span input#passwort {  font-size: 10px; }



#banner-width.sticky.sticky-active #banner_login.banner_login.sticky.sticky-active form label#registrieren {display:inline!important;}


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

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




/**PARTNER-SEITE*******************************************/

.sektion-partnerseiten{min-height:800px;}

.partner-logo {
    float: left;
    height: auto;
    margin-left: 3%;
    margin-right: 3%;
    min-width: 11%;
}

.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%;
}



.sektion-video-bbz{margin-top:25px;}


/*
#iframe-yt {  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 
  height: 0; 
  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;
}








/* städteseiten anfang*/

body {
    font-family: futonnormal;
    margin: 0;
    padding: 0;
}


#top-brancheneintraege-pakete {

}

#branchen-header {
    margin-bottom: 35px;
	  width: 100%;
}

#branchen-header img {
    width: 100%;
}
/*
.row {
    display: inline-block;
	margin-bottom: 35px;
    width: 100%;
}*/

.tbe-bild img {
    width: 100%;
}


#top-brancheneintraege {
    background-color: var(--accent-color);
    color: white;
    float: left;
    margin: 0 4% 0 0;
    padding: 0;
    width: 22%;
	padding-bottom:10px;
}


#top-brancheneintraege:last-child {
	 margin: 0px;
	 padding:0px;
	 padding-bottom:10px;
}

#top-brancheneintraege li {
    font-size: 12px;
    line-height: 170%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#top-brancheneintraege ul {
    margin: 0;
    padding: 0;
}


#top-brancheneintraege a:link, #top-brancheneintraege a:visited, #top-brancheneintraege a:hover {
	color: white;	
}

#top-brancheneintraege h3 {
	color: white;
	text-align:center;	
}


#tb-branchen-reg-hinweis h1 {
    background-color:var(--accent-color);
    color: white;
    font-size: 25px;
    padding: 10px;
    text-align: center;
}


#tb-eintraege-bild.desktop {
	display:block;}
	
#tb-eintraege-bild.smartphone {
    display: none;
}

#tb-branchen-reg-hinweis a {
    color: white;
}


#tb-branchen-reg-hinweis a:link {
    color: white;
}


#tb-branchen-reg-hinweis a:visited {
    color: white;
}


.tb-haken{width:36px; height:auto;}
.tb-kreuz{width:36px; height:auto;}

#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;}
	
#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;}

#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;}




.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: #f99825;
    color: white;
    float: left;
    padding: 10px;
	margin-right: 2%;
	margin-bottom: 35px;
	    min-height: 120px;
    min-width: 230px;

	}

.empfehlung-eintrag-stadt 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)}
#ds_adr_kat_adresse_ausgabe{color:var(--accent-color)}
.kat_ausgabe{color:var(--accent-color)}

header{z-index:99;}

#float_clearen{clear:both;}


	
	
body{
	margin:0px;
	padding:0px;
	font-family:verdana;
	color:#454545;
overflow-x: hidden;}


wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;}
	
	
	header{
	width:100%;
	font-family:verdana;
	background-color:#e8e8e7;}
	

	
	#sektion{float:left;width:100%;}
	
	
	h1,h2,h3,h4,h5,h6{
		font-family:verdana;
		float:none;
		    clear: both;
			color:var(--accent-color);}
			
		

	
#hauptinhaltContentBlock,#Laufschrift,#hauptinhaltContentBlock_Suche{
padding-bottom:10px;}
	
	.trennlinie{
	width:100%;
	float:left;
	margin-top:25px;
	margin-bottom:25px;
	height:1px;
	background-color:#c3c3c3 ;}
	
	
/*HEADER BEREICH-----------------------------------------------------------------------------------------*/	

#banner_fb {
	margin:10px 0px 10px 0px;}
	
	
#logo {
  display: block;
  padding: 0;
  margin:0;
  width: 200px;
  float: left;
   height: 80px;
  margin: 0 45px 0 0;
}



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

nav {
    width: 75%;
}


nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
/*  background-color: #254441;*/
}

nav ul.menu li ul li {
  background-color:white ;
  opacity:0.8;
}

nav ul.menu li ul li:hover{background-color:var(--accent-color);}
nav ul.menu li ul li a:hover{color:#ffffff;}

nav a {
  display: block;
  padding: 0 20px;
  color: var(--accent-color);
  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: #f99825 ; }*/

nav a:hover {}

nav ul ul {
  display: none;
  position: absolute;
  top: 35px;
	z-index: 99;
}

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

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-------------------------------------------------------------------------------------------*/


#header-bild {
    background-color: white;
    border-bottom: 1px solid #C3C3C3;
    border-top: 1px solid #C3C3C3;
    float: left;
    width: 100%;}
	
	
#banner-width > img {
    height: auto;
    width: 100%;
}

#suche-registrieren-banner{
	background-color:var(--accent-color) ;
	width:100%;
}

#banner-width{
	padding-left:1%;
	padding-right:1%;
	padding-top: 25px;}



	
	.search input[type="text"]{
		font-size:14px;
		color:var(--accent-color) ;
		width:400px;}
		
		
#banner_login{float:right;}


#suche-registrieren-banner h2{
	margin:5px 10px 0px 0px;
	padding:0px;
	float:left;
	font-size:16px;}
	
	#banner_login input{
		width:150px;
		font-size:14px;
		color:var(--accent-color);}

#registrieren{
	margin-top:15px;
	display:block;
	font-size: 10px;}
	
	#registrieren a{
		 float: right;
		color:var(--accent-color) ;
		text-decoration:none;
		background-color:#fff;
		padding:5px;
		margin-left:5px;}
		
		#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------------------------------------------------------------------------------------*/



#tb-eintraege ol {
    display: inline-block;
    width: 45%;
}

#tb-eintraege a, #tb-empfehlung  a {
    font-size: 16px;
    font-weight: bold;
}


#tb-eintraege li, #tb-empfehlung li {
    line-height: 35px;
}	

#tb-empfehlung li {
    float: left;
    width: 50%;
}

#tb-eintraege-bild {
    width: 100%;
}

#tb-eintraege-bild img {
    width: 100%;
}

/** 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;}

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


ul li.tem-tabelle-header {
    }

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

		  color: white;
    font-weight: bold;}

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

.tem-spalte span {
    display: none;
}


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



.oben-null {
    margin-top: 0;
    padding-top: 0;
	color:var(--accent-color);
	font-weight:bold;
}

ul.kundenmeinungen li {
    background-color: var(--accent-color);
    color: #ffffff;
    line-height: 34px;
    list-style-type: none;
    margin: 5px;
    padding-left: 5px;
}

.kundenmeinungen {
    margin: 0;
    padding: 0;
}


#row-stoerer {
    float: left;
    margin-bottom: 9px;
    width: 100%;
}

.svg-stoerer-mittel {
    float: left;
    height: 93px;
   margin-right: 9%;
    width: 179px;}

.svg-stoerer-mittel:last-child {
    margin-right: 0px;
}


.svg-stoerer-klein {
    float: left;
    height: 99px;
    margin-right: 9%;
    width: 99px;
}


.svg-stoerer-klein:last-child {
    margin-right: 0px;
}



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

#hauptinhaltContentBlock,#hauptinhaltContentBlock_Suche {
	width:98%;
	padding-left:1%;
	padding-right:1%;
}

.pakete h2{text-align:center;
color:white;
text-transform:uppercase;}



.pakete {
    float: left;
    width: 100%;
	margin-bottom: 20px;
}

#paket-kasten {
    width: 31%;
	float: left;
	color:#ffffff;
}

.paket-free {
    background-color: #81a8d1;
    text-align: center;
	padding-bottom: 15px;
    padding-top: 15px;
}

.paket-premium {
    background-color: #418abe;
    text-align: center;
		padding-bottom: 25px;
    padding-top: 25px;
}

.paket-premiumpro {
    background-color: var(--accent-color);
    text-align: center;
	padding-bottom: 35px;
    padding-top: 35px;
}

#paket-kasten > h2 {
    margin: 0;
    padding: 0;}
	
.pakete > ul {
    float: left;
    margin: 0 0 0 40px;
    padding: 0;
}


	
	.paket_reg a{
		padding:5px;
		text-decoration:none;
		color:#ffffff ;

		}
	.paket_reg a:hover{
		text-decoration:underline;}
		
		
.pakete ul {
    font-size: 14px;
	 min-width: 295px;
}
		
		.restliste {
    display: none;
}
		
		
	
	#hauptinhaltContentBlock .videos a {
		font-family:futoncondensednormal;
		text-decoration:none;
		color:#f99825 ;}
		
	#hauptinhaltContentBlock .videos a:hover {
		text-decoration:underline;}
		
		#artikel {
			float:left;
			width:31%;
			margin-right:2%;}
			
			#artikel.two-rows {
    		margin-right: 4%;
    width: 48%;
			}
			
			
			#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:#f99825 ; text-decoration:underline;}
.BP24Table a b{font-weight:normal;}

/*.BP24Table tr:nth-child(2n) {background-color:#f99825 ;}*/

table.BP24Table tbody {border:1px solid;}

.BP24Table tr:first-child td {background-color:#f99825 ; 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%;}


.FirmenBeschreibung {
    float: left;
    min-width: 380px;
    width: 10%;
}


#detailsuche_eintraege.detailsuche_uebersicht #detailsuche_logo, #detailsuche-branchensuche.branchensuche_uebersicht #detailsuche_logo {
    background-color: white;
    float: left;
    height: 200px;
    margin: 20px;
    overflow: hidden;
    width: 200px;
	position:relative;
}






#detailsuche_eintraege.detailsuche_uebersicht div#detailsuche_logo-daten div#detailsuche_daten{
    float: left;
    font-size: 12px;
    max-width: 330px;
}




#detailsuche_eintraege.detailsuche_uebersicht div#detailsuche_logo-daten div#detailsuche_daten div#detailsuche_suchb_kontaktdaten div#ds_adr_kat {
    float: left;
    margin-bottom: 10px;
    min-width: 100%;
}


.branchenbanner #detailsuche_daten h2, .branchensuche_uebersicht #detailsuche_daten h2, .detailsuche_uebersicht #detailsuche_daten h2
{    font-size: 14px; margin-top:20px; margin-bottom:20px;}

#detailsuche_eintraege, #detailsuche-branchensuche{ 
position:relative;   
    background: #e8e8e7 none repeat scroll 0 0;
    float: left;
    margin-bottom: 25px;
    width: 47.5%;
	margin-right:2.5%;
min-height: 325px;}
	
	
	

#detailsuche_eintraege:nth-child(2) {    
	margin-right:0px}


#detailsuche-branchensuche.branchensuche_uebersicht #detailsuche_daten {max-width:330px; float:left; font-size:12px; }


#detailsuche_eintraege.detailsuche_uebersicht.branchenbanner div#detailsuche_logo-daten div#detailsuche_daten {max-width:330px; float:left; font-size:12px; }



#detailsuche-branchensuche.branchensuche_uebersicht #detailsuche_logo-daten #detailsuche_daten #detailsuche_suchb_kontaktdaten #ds_adr_kat{
    float: left;
    min-width: 100%;
	 margin-bottom: 10px;
}


#detailsuche_eintraege.detailsuche_uebersicht.branchenbanner div#detailsuche_logo-daten div#detailsuche_daten div#detailsuche_suchb_kontaktdaten div#ds_adr_kat{
    float: left;
    min-width: 100%;
	 margin-bottom: 10px;
}

#detailsuche_eintrag.BEintrag_eintraege#detailsuche_daten{    float: left;
    padding: 5px 5px 5px 15px;
    width: 99%;}


	
	

#detailsuche_eintrag.BEintrag_eintraege #detailsuche_daten #detailsuche_logo{    
border-right: thin solid var(--accent-color);
    float: left;
    margin-right: 100px;
    min-width: 350px;
    padding-right: 100px;}

	
	.BEintrag_eintraege #detailsuche_suchb_kontaktdaten{   
    margin-bottom: 12px;
}


#ds_adr_kat_adresse {color:#000000; float: left;}
#ds_adr_kat_adresse_ausgabe{margin-left: 30px; float: left;}
.kat_ausgabe{float:left;margin-left: 12px;}
.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 {
    margin-bottom: 5px;
}

.detailsuche_uebersicht .detailsuch_icons, .branchensuche_uebersicht .detailsuch_icons, .branchenbanner .detailsuch_icons {
	float:left;}

.detailsuch_icons{margin-right: 15px;}

.branchenbanner #detailsuche_sb_icons, .branchensuche_uebersicht #detailsuche_sb_icons, .detailsuche_uebersicht #detailsuche_sb_icons {float: left; margin-top:20px;}

.BEintrag_eintraege #detailsuche_sb_icons{  float: left;}

#kontaktdaten-icons {
    float: left;
}

 #microsite_link {
    background-color: var(--accent-color);
    color: white;
    font-size: 13px;
    padding-top: 5px;
    position: absolute;
    right: -147px;
    text-align: center;
    top: 148px;
    transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
    width: 325px;
}

#microsite_link a{color:white;}



#zahlung-webdesign{float:left;}

#tabelle-webdesign{width:90%; border:0;}





#videowerbung video{width:440px; height:auto;}


#form_container {

	line-height:35px;
}


#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;}


li.datenschutz {
    width: 100% !important;
    margin-top: 20px;
}

li.sendenbutton {
    width: 100% !important;
}

#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:#f99825;}
ul#list_berufe > li.li_header ul li a {color:#f99825;}


.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:#f99825;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%;
	    min-height: 150px;
}




#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 #f99825;}

#free, #premium, #premiumpro{text-align:center;}


.webdesign-tabelle-kopfzeile {
    min-height: 116px;
	    background-color: #f99825;
		border: thin solid white !important;}

.wt-spalte{min-height:95px;}

.wt-spalte:nth-child(2n+1) {
    background-color: #418abe;
	color:#ffffff;
	border-left: 2px solid #ffffff;
}

#free.webdesign-spalte ul li.wt-spalte, #premium.webdesign-spalte ul li.wt-spalte, #premiumpro.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;
}

.werbepaket-spalte ul li.wt-spalte a{font-weight:bold;}


.werbepaket-spalte ul li.wt-spalte > a::after {
    content: inherit;
}



.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%;
}


.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;}

#leistungen.werbepaket-spalte ul li.werbepaket-tabelle-kopfzeile{padding-left:10px;}



.werbepaket-tabelle-kopfzeile {
	    background-color: var(--accent-color);
		border: thin solid white !important;
		  min-height: 95px;}


.durchgestrichen {
    font-size: 14px;
    text-decoration: line-through;
}



.werbepaket-tabelle-kopfzeile h1, .werbepaket-tabelle-kopfzeile h2, .werbepaket-tabelle-kopfzeile h3, .werbepaket-tabelle-kopfzeile h4, .werbepaket-tabelle-kopfzeile h5, .werbepaket-tabelle-kopfzeile h6{color:#ffffff;    margin: 0;
    padding: 0;}



#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: #f99825;
    font-weight: bold;
}


/*
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:70%;margin-top: 15px;}

input#Strasse.text{width:79%!important;}
input#hausnummer.text{width:20%!important;}

input#PLZ.text{width:20%!important;}
input#ort.text{width:79%!important;}
*/
#form_container ul li input.btn {
       background-color:var(--accent-color);
    border: medium none;
    color: white;
    font-weight: bold;
    margin-top: 25px;
    padding: 5px 10px;
    width: 143px;
}

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

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

#stellenbeschreibung textarea#anfrage {
    min-height: 200px;
}

#form_container.reg_form input#saveForm.btn{width:195px;}

#form_container ul li input.btn:hover{ cursor:pointer; background-color:#e8e8e7; color:#000000;}


#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:#f99825;}

a.goto {display: inline-block;width:35px;margin: 5px;width: 39px; height:39px;
background-image: url(../images/tb24-stoerer/tb24_letter.svg)}
label.goto{line-height: 40px;font-weight:bold;font-size:25px;}
a.goto:link{color:#FFFFFF;}
a.goto:hover{text-decoration:underline;background-image: url(../images/tb24-stoerer/tb24_letter_hover.svg)}
a.goto:visited{color:#FFFFFF;}

.nogoto {display: inline-block;width:35px;background-image: url(../images/tb24-stoerer/tb24_letter_none.svg);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: #454545;}

p.branchenrow a:hover{text-decoration:underline; color:var(--accent-color);}

p.topofsite{text-align:center;}

p.topofsite a{text-decoration:none;
background-color:var(--accent-color);
    color: white;
    padding: 5px;
    text-decoration: none;}
	p.topofsite a:hover{text-decoration:underline;}



#detailsuche-eintraege{border:thins solid  #f99825;}

#detailsuche-eintraege{float:left;}
.suchb-kontakt{float:left;}


#detailsuche-eintraege {
    border: thin solid #f99825;
    margin: 0;
    padding: 10px;
	width:98%;
}

#suchb-kontakt {
    float: left;
}

#adressblock a ul{margin:0;padding:0;list-style-type: none;}


.branchenbanner #detailsuche_logo img, .branchensuche_uebersicht #detailsuche_logo img, .detailsuche_uebersicht #detailsuche_logo img {
    width: 100%;
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

BEintrag_eintraege #detailsuche_logo img {
    width: 100%;
}


	
	
	
#BEintrag_firmenbeschreibung {
    float: left;
}


.BEintrag_icons span {
    margin-left: 30px;
}

#BEintrag_Beschreibung{}
#BEintrag_route{}

.FirmenBeschreibung {
    float: left;
    width: 100%;
	    min-width: 380px;
}

#BEintrag_socialmedia{float:left;padding: 10px;max-width:47%;}
#BEintrag_videos{float:left;padding: 10px;}
#BEintrag_galerie{float:left;padding: 10px;}
#BEintrag_kontaktformular{float:left;padding: 10px;}
#BEintrag_kategorie{    float: left;    max-width: 47%;    padding: 10px;}
#BEintrag_suchbegriffe{    float: left;
    padding: 10px;
    width: 47%;}
#BEintrag_oeffnungszeiten{float:left;padding: 10px;width:47%;}


.vertikal-trennlinie{    background-color: #c3c3c3;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    max-height: 100%;
    min-height:300px;
    width: 1px;}
	
	#kat-such-horizont-trennlinie {
    display: none;
}
	#sm-oz-horizont-trennlinie {
    display: none;
}

.microsite_wochentag {
    float: left;
    min-width: 100px;}
	
	
.microsite_uhrzeit span {
    margin-left: 5px;
    margin-right: 5px;
}
	

.galerie_bild {
    background-color:#e8e8e7;
    float: left;
    height: 150px;
    margin: 5px;
    overflow: hidden;
    padding: 5px;
    width: 150px;

}

.galerie_bild img {
	height: 150%;
    /*height: auto;*/
    margin: -20px 0 0 -20px;
    /*width: 150%;*/
}


#BEintrag_videos #content iframe {
    margin-bottom: 15px;
}

#BEintrag_kategorie .content a {
    margin-right: 20px;
}


#BEintrag_karte {
    float: left;
    margin-bottom: 20px;
    margin-right: 5%;
    width: 55%;
}

#BEintrag_karte > img {
    height: auto;
    width: 100%;
}

#BEintrag_route input#start {
    height: 30px;
    margin-top: 20px;
    width: 100%;
}


#BEintrag_route input.btn_square{
    background-color: var(--accent-color);
    border: 0 none;
    color: white;
    display: block;
    font-weight: bold;
    margin-top: 20px;
    padding: 5px;
    width: 100%;
}

#BEintrag_route input.btn_square:hover{ cursor:pointer; background-color:#e8e8e7;color:#000000;}


#BEintrag_kontaktformular #form_container form .form_description {
    clear: left;
    font-weight: bold;

}


#karten-buttons {
    float: left;
    position: relative;
    width: 40%;
}

#route-zieladresse{    color: var(--accent-color);
    font-size: 14px;
    margin-top: 20px;}
	
	
.zieladresse {
    color: #454545;
    font-size: 16px;
    margin-bottom: 10px;
}
	

#karten-buttons > span {
    display: block;
}

#form_container form ul.BEintrag_dritte_ul li {
    float: none;
}



#socialmedia-oeffnungszeiten {
    height: auto;
    width: 100%;
}



#video-iframe{width:400px; height:250px;}



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 select#anrede.select, #form_container input#vorname.text, #form_container input#nachname.text, #form_container input#mobil.text, #form_container input#firma.text,  .reg_form select#land.select, #form_container input#telefon.text, #form_container input#email.text{width:100%;}

.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%;}

#form_container ul.stellenangebot_dritte_ul li {float:none;}


#form_container form ul li#li_17 {
    float: none;
    line-height: 25px;
}

.kontakt-einleitung-firma {
    font-weight: bold;
    font-size: 24px;
}

.kontakt-einleitung {
    margin: 0px 0px 30px 0px;
}


/* registrieren_auswahl */

.reg_box_left h2{text-align:center;}
.reg_box h2{color: #ffffff;}

.reg_box {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    padding: 15px;
}

.reg_box:last-of-type{margin-right:0;}


.reg_box a:link {
	color: #ffffff;
}


.rbmeineintrag{background-color:#81a8d1;}
.rbmeinvipeintrag{background-color:#418abe;}
.rbmeinvippluseintrag{background-color:var(--accent-color);}


.reg_box_left{
	float: left;
	padding: 5px;
	min-height: 215px;
}

.reg_box_right{
	text-align: center;
	font-weight:bold;
}




/* registrieren_standard/registrieren_komfort/registrieren_premium */

.reg_form{

}

.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%;
color:white;}

.reg_boxen a:hover{color:#ffffff;}




.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;
}




/*LAUFSCHRIFT------------------------------------------------------------------------------------------*/

#Laufschrift{
	background-color:#f99825;
	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:#f99825 ;
		font-size:20px;}
		
	.laufband a:hover{		
		text-decoration:none;
		color:#f99825 ;}	

.laufband a h4{font-family:futonnormal; !important; display:inline;}


/*FOOTER-----------------------------------------------------------------------------------------------*/
	footer{
		margin-top: 50px;
	width:100%;
	background-color: #e8e8e7;
	border-top:thin solid #c3c3c3;
	font-size: 12px;
	min-height:100px;
}
	
footer ul{margin:0px;padding:0px;}	
footer ul li{list-style-type:none;}

#eigener-footer{padding-left:1%;padding-right:1%;padding-top:30px;padding-bottom:10px;}

#footer-menu,#footer-kontakt-rechte {
    float: left;
}

#footer-rechte {
    margin-bottom: 10px;
}

#footer-kontakt-rechte {
    border-right: thin solid var(--accent-color);
    margin-right: 20px;
    padding-right: 20px;
}

#footer-allemenues{
	display:flex;
	justify-content:space-between;}
	
	footer a {color:var(--accent-color);}

/*Breakpoints-----------------------------------------------------------------------------------------------*/




/*Desktop Standard-----------------------------------------------------------------------------------------*/

@media screen and (min-width : 1280px){
	



	#hauptnavigation, #banner-width,#hauptinhaltContentBlock,#eigener-footer, #hauptinhaltContentBlock_Suche{
		max-width:1280px;
		margin-left:auto;
		margin-right:auto;}
		
		}
		
		
@media screen and (min-width : 1025px) and (max-width : 1279px) {	

#detailsuche_eintraege.detailsuche_uebersicht.branchenbanner div#detailsuche_logo-daten div#detailsuche_daten, #detailsuche_eintraege.detailsuche_uebersicht div#detailsuche_logo-daten div#detailsuche_daten {

    max-width: 220px;
}



#detailsuche-branchensuche.branchensuche_uebersicht #detailsuche_daten {

    max-width: 220px;
}


#banner_suche.sticky-active {
    float: left;
}

.banner_login.sticky.sticky-active{float:none!important;}


#banner-width.sticky.sticky-active #suchfelder.sticky.sticky-active #banner_suche.sticky.sticky-active .search form input#suchstabe{width:300px;}
#banner-width.sticky.sticky-active #suchfelder.sticky.sticky-active #banner_suche.sticky.sticky-active .search form input#searchword {width:300px;}

}


/*Tablets-----------------------------------------------------------------------------------------*/

@media screen and (min-width : 981px) and (max-width : 1024px) {
	

	
	nav ul{float:left;}
	nav ul.menu li a:first-of-type {padding-left:0;}
	
	#detailsuche_eintraege {
}

#ds_adr_kat_adresse {
    color: #000000;
    float: none;
}

#ds_adr_kat_adresse_ausgabe {
    float: none;
    margin-left: 0px;
}

#detailsuche_daten h2 {
    font-size: 11px;
	margin-top:20px;
}


#logo {
    display: block;
    float: left;
    height: 80px;
    margin: 0 15px 0 0;
    padding: 0;
    width: 230px;
}

.search input[type="text"] {
    color: var(--accent-color);
    font-size: 14px;
    width: 350px;
}

#detailsuche_eintraege.detailsuche_uebersicht.branchenbanner div#detailsuche_logo-daten div#detailsuche_daten, #detailsuche_eintraege.detailsuche_uebersicht div#detailsuche_logo-daten div#detailsuche_daten {

    max-width: 200px;
}


#detailsuche-branchensuche.branchensuche_uebersicht #detailsuche_daten {

    max-width: 200px;
}

#banner_suche.sticky-active {
    float: left;
}

.banner_login.sticky.sticky-active{float:none!important;}


#banner-width.sticky.sticky-active #suchfelder.sticky.sticky-active #banner_suche.sticky.sticky-active .search form input#suchstabe{width:300px;}

#banner-width.sticky.sticky-active #suchfelder.sticky.sticky-active #banner_suche.sticky.sticky-active .search form input#searchword {width:300px;}

}


/*Tablets-----------------------------------------------------------------------------------------*/

@media screen and (min-width : 768px) and (max-width : 980px) {
	
#banner_suche.sticky-active {
    float: left;
}

.banner_login.sticky.sticky-active{float:none!important;}


#banner-width.sticky.sticky-active #suchfelder.sticky.sticky-active #banner_suche.sticky.sticky-active .search form input#suchstabe{width:200px;}

#banner-width.sticky.sticky-active #suchfelder.sticky.sticky-active #banner_suche.sticky.sticky-active .search form input#searchword {width:200px;}
	
	#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{
	/*	background-color:red;*/
		min-height:430px;
		min-width:inherit;}

.pakete ul{padding-right:60px;padding-left:25px;}

.paket_reg {bottom:11px; margin-left:-90px; width:180px;}

	.pakete:last-of-type{}
	
	.paket_reg a {display:block; text-align:center;}
	
	#suchbutton{margin-top:25px;}
	

	#detailsuche_logo{float:none;padding-left: 15px;}

	
}

/*INHALTSBEREICH------------------------------------------------------------------------------------*/




/*Smartphone-----------------------------------------------------------------------------------------*/


@media screen and (max-width : 767px) {
	
	
			.desktop-view{display: none;}
	.mobile-view{display:block;}
	
	
	#eigener-header-sticky.sticky-active {
    background-color: white;
    position: inherit !important;
    width: 100%;
    z-index: 999;
}


	
#header-bild.sticky-active{
	opacity: inherit !important;
	height:inherit !important;
	}
#header-bild.sticky-active img{
	height:inherit !important;	}	
	





#banner-width.sticky.sticky-active #banner_login.banner_login.sticky.sticky-active form label#registrieren {display: inherit !important;}


.sticky{
	transition:none;
	-o-transition:none;
	-moz-transition:none;
	-webkit-transition:none;}	
	
	/******************************************************/
	
	
	
	
	
	
	#banner-width.sticky-active {
		padding-top: 5px;}
	
	#suchfelder.sticky-active, #banner_login.sticky-active {
    display:inherit !important;}
	
#logo.sticky-active{
	display:inherit!important;
	 height: 40px;
	    margin: 0 auto 15px;
width:100%;
height: auto;
  display: block;
  padding: 0;
  float:none;}
  
  
  
	#eigener-header-sticky.sticky-active{position: inherit!important;}




#logo {
  display: block;
  padding: 0;
  margin: 0 0 30px;
width:100%;
float:none;
height: auto;
}



	#detailsuche_eintraege.detailsuche_uebersicht #detailsuche_logo, #detailsuche-branchensuche.branchensuche_uebersicht #detailsuche_logo-daten #detailsuche_logo {

    margin: 2%;

}


	
	#detailsuche_logo-daten {
    float: left;
}

#microsite_link { width: 100%;
transform:none;
right:inherit;
top:inherit;
position:inherit;
 float: left;
}
	#detailsuche_eintraege.detailsuche_uebersicht #detailsuche_daten, #detailsuche-branchensuche.branchensuche_uebersicht #detailsuche_logo-daten #detailsuche_daten {
    max-width: inherit!important;
	  padding: 2%;
	  width:96%;
}

.detailsuch_icons:first-of-type {
    float: none;}
	
		#detailsuche_eintraege {
    width: 100%;}
	
	#detailsuche_eintraege, #detailsuche-branchensuche {
    width: 100%;}
	
	
	#tb-eintraege-bild.desktop {
	display:none;}
	
	#tb-eintraege-bild.smartphone {
	display:block;}
	
	
.svg-stoerer-mittel {
    width: 150px;
      margin-right: 5px;
}

.svg-stoerer-klein {
    width: 83px;}
	
	
	#tb-empfehlung li {
    float: none;
    width: 90%;
}
	
	
	#tb-eintraege ol {
    width: 90%;
}
	
#top-brancheneintraege {
    float: none;
    margin: 0 0 25px 0;
    padding: 0 0 10px;
    width: 100%;
}
	#artikel.two-rows {
    margin-right: 0;
    width: 100%;
}
	
#form_container select#anrede.select, #form_container input#vorname.text, #form_container input#nachname.text, #form_container input#mobil.text{width:100%;}

.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%;}


	input#Strasse.text{width:100%!important;}
input#hausnummer.text{width:100%!important;}

input#PLZ.text{width:100%!important;}
input#ort.text{width:100%!important;}
	
	
	#detailsuche_logo{margin-bottom:20px;}
	
	
	h1{
font-size:24px;}
	
	h2{
font-size:22px;}
		
	h3{
font-size:20px;}

.werbepaket-spalte{margin-bottom:50px;}
	
	#hauptinhaltContentBlock, #hauptinhaltContentBlock_Suche{width:97%;}
	
	.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: none;    width: 100%; min-width:inherit;}
	
#BEintrag_route {    float: none;}


#BEintrag_route input#start {
width:100%;
}
	
#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%;}
	
	
	
	.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;}

#detailsuche_eintrag.BEintrag_eintraege #detailsuche_daten #detailsuche_logo {
    border-right: none;
    float: none;
    margin: 0 0 25px;
    padding: 0px;
    width: 100%;
	min-width:inherit;
}

#BEintrag_socialmedia, #BEintrag_kategorie, #BEintrag_suchbegriffe, #BEintrag_oeffnungszeiten{float:none;width:inherit; max-width:inherit;}

#sm-oz-vertikal-trennlinie, #kat-such-vertikal-trennlinie{display:none;}

#detailsuche_suchb_kontaktdaten, #detailsuche_sb_icons{margin-bottom:10px;}

#detailsuche_suchb_kontaktdaten{min-width:inherit;}

.BEintrag_eintraege #detailsuche_suchb_kontaktdaten{width:100%;}

.BEintrag_eintraege #ds_adr_kat_adresse{float:left; margin-right:20px;}

.BEintrag_eintraege #ds_adr_kat_adresse_ausgabe{float:left; }

#karten-buttons {
    float: none;
    width: 100%;
}

#BEintrag_karte {
    float: none;
    margin-right: 0px;
    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{}
	
	#suche-registrieren-banner{}
	
	#banner_login{float:none;}
	
	#registrieren a{float:none;margin-left:37px;}
	
	
	.search input[type="text"]{
		font-size:14px;
		width: 99%;}
	
	#suche-registrieren-banner h2{
		float:none;}
		
		#suchfelder{float:none;}
	
	
	#footer-menu{
		float:left; 
		margin-top:10px;
		margin-bottom:20px;}
	
	#artikel{width:100%;margin: 0 0 40px;}
	#artikel:first-child{margin: 0 0 0px;}
	
/*	#hauptinhaltContentBlock div#sektion div div{float:none;!important; width:100%;}*/
	
		.pakete{
		/*background-color:green;*/
    min-height:inherit;
	min-width:iherit;
    margin-bottom: 10px;
    margin-top: 10px;
	width:100%;
	position:inherit;
	
}

.pakete:last-of-type{margin-left:0px;}
.pakete:first-of-type{margin-right:0px;}

.paket_reg{ 
padding-bottom: 10px;
text-align: center;
position:inherit;
bottom:0px;
margin-left:0px;
width:inherit;}


#paket-kasten{width:100%;}


#top-eintraege-monat{float:none;width:inherit;position:inherit;margin-bottom:20px;}
#tem-firmen{float:none;width:inherit;}



nav label.togglemenu {text-align:center;}
nav label.togglemenu:hover {color:var(--accent-color); }

nav { margin: 0; }

.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:#e8e8e7;}

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;

}

#footer-menu, #footer-kontakt-rechte{float:none;}

#footer-kontakt-rechte{border-bottom:thin solid var(--accent-color);margin: 0 0 20px;padding: 0 0 20px;border-right:none;}

#footer-allemenues{display: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) {

}


@media all and (max-width : 330px) {

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

}