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



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

/***VARIABLEN***/	
:root { --accent-color: #009ba4;}

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



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


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

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

}

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

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

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


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


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

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

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



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


#pp-untertext {font-size:11px}

#pp-untertext::after
{
    content: "Alle Preise zzgl. der gesetzlichen MwSt..";
    font-size: 11px;
    display: block;
}

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

}

.col-2 {width: 50%;}



#hauptinhaltContentBlock, #hauptinhaltContentBlock_Suche {

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

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


section.bp24-slider {
    width: 100%;
    margin: 0px;
    left: 50%;
    position: relative;
    margin-left: -50%;
}
.sliderWrapper {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}




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

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

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

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

.slide.slide01 {background-image: url(/images/Blitz-Slider-1280x500-SeoAgentur.jpg);}
.slide.slide02 {background-image: url(/images/Blitz-Slider-1280x500-Marketing.jpg);}
.slide.slide03 {background-image: url(/images/Blitz-Slider-1280x500-GoogleAds-Silber.jpg);}
.slide.slide04 {background-image: url(/images/Blitz-Slider-1280x500-GoogleAds-Gold.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){
	
.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;
}
	
	.slide.slide03, .slide.slide04 {
  background-position: right;
}
}





/*HEADER*************/
header {

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

}


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

.login-btn::after {
    border-right: 1px solid #009ba4;
    content: " ";
	margin: 0 5px 0 5px;
    height: 10px;
    display: inline-block;
}

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

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

#branding img {
    height: 45px;
}

nav { width:75%;}

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

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

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


nav ul li {margin: 0}


nav a:hover {
    text-decoration: none;
    background-color: white !important;
    color: #009ba4;

}

nav .kundencenter a:hover {
    text-decoration: none;
    background-color: #009ba4 !important;
    color: #009ba4;

}



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


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

#branding.sticky-active img {
    height: 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;}
#suchfelder  .search {    width: 45%;}

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

    font-size: 16px;
    color: #009ba4;
    width: 100%;
    border: none;
    padding: 5px;

}



.stoerer {

    background-color: #009ba4;
    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;
}




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


.pakete {

    width: 400px;
    float: left;
    background-color:    #009ba4;
    margin-right: 50px;

}


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

}


.paket-vorschau {

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

}


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

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


.bundesland-kacheln ul li {
    width: 24%;
    height: 250px;
    background-color: #009ba4;
    margin-bottom: 20px;
}


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


.bundesland-kacheln ul {

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

}


.bundesland-kacheln ul 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_Saarland.jpg"); background-position: center;}
.bundesland-kacheln ul li.rheinlandpfalz {background-image: url("../images/staedte/Staedte_Panorama_Koblenz.jpg"); background-position: center;}
.bundesland-kacheln ul li.mecklenburgvorpommern {background-image: url("../images/staedte/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_Sachsenanhalt.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_Thueringen.jpg"); background-position: center;}


#footer-menu {

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

}

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

}

#footer-menu ul title {

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

}

.such-headline {
    color:     white;
    font: normal 600 18px/28px 'Roboto', sans-serif !important;
    text-transform: uppercase;
    margin-bottom: 10px;

}

.kategorie-buttons ul {

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

}


.kategorie-buttons span {
    display: block;
    text-align: center;
    color:     white;
}

.kategorie-buttons a:hover {

    text-decoration: none !important;

}

#suche-registrieren-banner {
	
	width: 100%;
background-color:#009ba4;
background-image: url(/images/Branchenblitz-Ueberholspur.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 0px 30px 0px;
	margin: 50px 0px 50px 0px;
	    background-position: bottom;

}


#banner-width{padding: 0px 15px 0px 15px;

}

.search input[type="text"] {
    font-size: 16px;
    color:    #009ba4;
    width: 100%;
    border: none;
    line-height: 30px;
    padding: 5px;

}


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


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

}

.paket-basis, .paket-komfort, .paket-premium {
   float: left;
	margin-bottom: 50px;


}


.section-container-highlight-banner {
    background-color:#009ba4;
    width: 100vw;
    float: left;
    position: relative;
    margin-left: -50vw;
    left: 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 30px 0px 30px 0px;
	margin-bottom: 50px;
margin-top: 50px;
}

#start .section-container-highlight-banner {
background-image: url(../images/BB-Highlight-Banner.jpg);

}


.section-container-highlight-banner h2 {
    color:     white;
    font: normal 700 40px/50px 'Roboto', sans-serif !important;
    text-align: center !important;

}

.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: 31%;
}
.visitenkarte-im-netz a:hover {
text-decoration: none !important;
}

.vk-containerliste.vk-con-1::after {
    content: " ";
    height: 250px;
    display: block;
    background-image: url(../images/BB-Visitenkarten-Anmelden.jpg);
    background-size: cover;
}
.vk-containerliste.vk-con-2::after {
    content: " ";
    height: 250px;
    display: block;
    background-image: url(../images/BB-Visitenkarten-Netzwerk.jpg);
    background-size: cover;
}
.vk-containerliste.vk-con-3::after {
    content: " ";
    height: 250px;
    display: block;
    background-image: url(../images/BB-Visitenkarten-Fair.jpg);
    background-size: cover;
}

.vk-container {
    text-align: center;
    background-color:#009ba4;
    padding: 10px;
}

.vk-headline {
    font: bold 43px/53px Roboto, Sans-serif;
    color: 
    white;
    text-transform: uppercase;
}


.news-flex-block {

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

}

.start-news-block {
    width: 45%;
margin-bottom: 50px;
}

.snbr-bild {
    max-height: 365px;
    height: 100%;
    overflow: hidden;
}

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

#iframe-yt {
    position: relative;
    overflow: hidden;
    width: 710px;
    height: 399px;
    margin-left: auto;
    margin-right: auto;
    top: 65px;
    left: -1px;
}

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


footer {
    margin-top: 50px;
    width: 100%;
    background-color:#009ba4;
    font-size: 12px;
    min-height: 100px;
}

#eigener-footer, #eigener-footer a {
    color:     white;

}


nav a, #top-bar a {

    color:#009ba4 !important;

}


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


#quick-navigation li {

    margin: 5px 2.5% !important;
    width: 44%;

}

.paket-text {
    float: left;
    max-width: 50%;

}


unsere-kunden ul {

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

}

.unsere-kunden ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.unsere-kunden li {
width: 33%;
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;

}





.staedte-infos ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;

}

.staedte-infos li {
    width: 15%;
    border: 1px solid #009ba4;
    padding: 15px 5px 15px 5px;
    text-align: center;
	text-transform: uppercase;
	color: black;
	font: normal 900 24px/24px 'Roboto', sans-serif;
}

.staedte-infos ul li span {
    display: block;
	padding-top: 10px;
}

.li-bundesland {font-size: 24px;}
.li-bundesland span { font-size: 13px;}
.li-einwohner {font-size: 24px;}
.li-einwohner span { font-size: 38px;}
.li-kennzeichen {font-size: 24px;}
.li-kennzeichen span { font-size: 38px;}
.li-postleitzahlen {font-size: 18px !important;}
.li-postleitzahlen span { font-size: 23px;}
.li-stadtverwaltung {font-size: 16px !important;}
.li-stadtverwaltung span { font-size: 16px;}
.li-stadtgliederung {font-size: 16px !important;}
.li-stadtgliederung span { font-size: 16px;}


.top-eintrag-icon.dienstleistung {    text-align: center;}

.stadt-hiereintragen {
    width: 100%;
    text-align: center;
    background-color:#009ba4;
padding: 10px;
font: normal 900 20px/24px 'Roboto', sans-serif !important;
color: black;
	text-transform: uppercase;
	margin: 80px 0px 80px 0px;
}

.stadt-hiereintragen a {    color:     white;}

.te-stadt   { width: 100%;
    text-align: center;
padding: 10px;
font: normal 900 20px/24px 'Roboto', sans-serif !important;
color: black;
	text-transform: uppercase;
}



.liste-eintrag-stadt ul {

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

}

.liste-eintrag-stadt li a {
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding: 15px;
    border: 1px solid 
    #009ba4;
    text-align: center;
    font: normal 900 20px/24px 'Roboto', sans-serif !important;
    display: block;
	    box-shadow: inset 0 0 0 0 #009ba4;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;

}

.liste-eintrag-stadt li a:hover {
   box-shadow: inset 1920px 0 0 0 #009ba4;
color:    white;
    text-decoration: none;
}



.liste-eintrag-stadt .empfehlung a {
	 background-color:     #009ba4;
	box-shadow: inset 0 0 0 0 #009ba4;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;}



.liste-eintrag-stadt  .empfehlung a:hover {
    box-shadow: inset 1920px 0 0 0 white;
color:    #009ba4;
    text-decoration: none;
}





/*

.liste-eintrag-stadt .empfehlung {    background-color:     #009ba4;}*/

.iframe-pakete iframe {    height: 3200px;}
.iframe-staedte-kacheln iframe {

    height: 1250px;

}



.bundesland-kacheln ul li.bochum {background-image: url("../images/staedte/Staedte_Panorama_Bochum.jpg"); background-position: center;}
.bundesland-kacheln ul li.bonn {background-image: url("../images/staedte/Staedte_Panorama_Bonn.jpg"); background-position: center;}
.bundesland-kacheln ul li.dortmund {background-image: url("../images/staedte/Staedte_Panorama_Dortmund.jpg"); background-position: center;}
.bundesland-kacheln ul li.duesseldorf {background-image: url("../images/staedte/Staedte_Panorama_Duesseldorf.jpg"); background-position: center;}
.bundesland-kacheln ul li.duisburg {background-image: url("../images/staedte/Staedte_Panorama_Duisburg.jpg"); background-position: center;}
.bundesland-kacheln ul li.essen {background-image: url("../images/staedte/Staedte_Panorama_Essen.jpg"); background-position: center;}
.bundesland-kacheln ul li.gelsenkirchen {background-image: url("../images/staedte/Staedte_Panorama_Gelsenkirchen.jpg"); background-position: center;}
.bundesland-kacheln ul li.hagen {background-image: url("../images/staedte/Staedte_Panorama_Hagen.jpg"); background-position: center;}
.bundesland-kacheln ul li.hamm {background-image: url("../images/staedte/Staedte_Panorama_Hamm.jpg"); background-position: center;}
.bundesland-kacheln ul li.iserlohn {background-image: url("../images/staedte/Staedte_Panorama_Iserlohn.jpg"); background-position: center;}
.bundesland-kacheln ul li.kleve {background-image: url("../images/staedte/Staedte_Panorama_Kleve.jpg"); background-position: center;}
.bundesland-kacheln ul li.krefeld {background-image: url("../images/staedte/Staedte_Panorama_Krefeld.jpg"); background-position: center;}
.bundesland-kacheln ul li.koeln {background-image: url("../images/staedte/Staedte_Panorama_Koeln.jpg"); background-position: center;}
.bundesland-kacheln ul li.muelheim {background-image: url("../images/staedte/Staedte_Panorama_Muelheim.jpg"); background-position: center;}
.bundesland-kacheln ul li.oberhausen {background-image: url("../images/staedte/Staedte_Panorama_Oberhausen.jpg"); background-position: center;}
.bundesland-kacheln ul li.recklinghausen {background-image: url("../images/staedte/Staedte_Panorama_Recklinghausen.jpg"); background-position: center;}


.bundesland-kacheln ul li.heidelberg {background-image: url("../images/staedte/Staedte_Panorama_Heidelberg.jpg"); background-position: center;}
.bundesland-kacheln ul li.freiburgimbreisgau {background-image: url("../images/staedte/Staedte_Panorama_FreiburgImBreisgau.jpg"); background-position: center;}
.bundesland-kacheln ul li.karlsruhe {background-image: url("../images/staedte/Staedte_Panorama_Karlsruhe.jpg"); background-position: center;}
.bundesland-kacheln ul li.stuttgart {background-image: url("../images/staedte/Staedte_Panorama_Stuttgart.jpg"); background-position: center;}
.bundesland-kacheln ul li.ulm {background-image: url("../images/staedte/Staedte_Panorama_Ulm.jpg"); background-position: center;}


.bundesland-kacheln ul li.augsburg {background-image: url("../images/staedte/Staedte_Panorama_Augsburg.jpg"); background-position: center;}
.bundesland-kacheln ul li.muenchen {background-image: url("../images/staedte/Staedte_Panorama_Muenchen.jpg"); background-position: center;}
.bundesland-kacheln ul li.nuernberg {background-image: url("../images/staedte/Staedte_Panorama_Nuernberg .jpg"); background-position: center;}
.bundesland-kacheln ul li.regensburg {background-image: url("../images/staedte/Staedte_Panorama_Regensburg.jpg"); background-position: center;}
.bundesland-kacheln ul li.wuerzburg {background-image: url("../images/staedte/Staedte_Panorama_Wuerzburg.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.brandenburganderhavel {background-image: url("../images/staedte/Staedte_Panorama_BrandenburgAnderHavel.jpg"); background-position: center;}
.bundesland-kacheln ul li.cottbus {background-image: url("../images/staedte/Staedte_Panorama_Cottbus.jpg"); background-position: center;}
.bundesland-kacheln ul li.frankfurtoder {background-image: url("../images/staedte/Staedte_Panorama_FrankfurtOder.jpg"); background-position: center;}
.bundesland-kacheln ul li.potsdam {background-image: url("../images/staedte/Staedte_Panorama_Potsdam.jpg"); background-position: center;}
.bundesland-kacheln ul li.schwedtoder {background-image: url("../images/staedte/Staedte_Panorama_SchwedtOder.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.frankfurt {background-image: url("../images/staedte/Staedte_Panorama_Frankfurt.jpg"); background-position: center;}

.bundesland-kacheln ul li.hannover {background-image: url("../images/staedte/Staedte_Panorama_Hannover.jpg"); background-position: center;}

.bundesland-kacheln ul li.koblenz {background-image: url("../images/staedte/Staedte_Panorama_Boblenz.jpg"); background-position: center;}

.bundesland-kacheln ul li.rostock {background-image: url("../images/staedte/Staedte_Panorama_Rostock.jpg"); background-position: center;}

.bundesland-kacheln ul li.dresden {background-image: url("../images/staedte/Staedte_Panorama_Dresden.jpg"); background-position: center;}

.bundesland-kacheln ul li.kiel {background-image: url("../images/staedte/Staedte_Panorama_Kiel.jpg"); background-position: center;}






.kundencenter a {
    background-color:#009ba4;
    padding: 0 5px 0 5px !important;
    font-size: 16px !important;
	color:white !important;
}



.login-erfolg.top-bar-btn {
    font-weight: bold;
    padding: 0px 10px 0px 10px;
    background-color:#009ba4;
	color:white;
}




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

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


ul.partner-stadtliste {
    padding-left: 20px;
}



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

.paket-leistungen .pakete {
    background-color: inherit !important;
    margin: 0 !important;
    width: 32% !important;
}

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



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

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

.bn_news .btt-news a, .newsblock .btt-news a {
    margin: 22px 0px;
    font-size: 24px;
    background-color: white;
    color: #009ba4;
    padding: 10px 50px;
    display: inline-block;
    text-decoration: none;
    border: 3px solid #009ba4;
	    text-align: center;
}

.bn_news .btt-news a:hover, .newsblock .btt-news a:hover{
	    background-color: #009ba4;
    color: white;
	text-decoration: none;
	transition:background ease-in-out 1s;
}


.newsblock {
    border-top: 2px solid #009ba4;
    margin: 50px 0px 25px 0px;
}



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

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

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


.gp-infokasten {    width: 24%;}

.gp-bg {    background-color: #009ba4;}


.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 #009ba4;
    padding: 20px;
font-weight: bold;
text-transform: uppercase;
	text-decoration: none;
}

.gp-info-btt a:hover {
    color:white;
background-color:#009ba4;
text-decoration: none;
}
.bp24-googlepartner {
    margin: 75px 0px;
}



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


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



.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 {
  width: 20%;
}

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

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

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

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

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

.google-ads-highlightkasten {
  border: 1px solid #009ba4;
  text-align: center;
  padding: 20px 0px;
}

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

.gads-hk-icons {
  background-color: #009ba4;
  padding: 15px 0px;
}

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

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

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

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

.section-container-highlight-banner p, .section-container-highlight-banner li {
  color: white !important;
}

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

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




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


.googleads-registrierung-pakete-silber, .googleads-registrierung-pakete-gold {
  background: rgba(0, 155, 164, 0.1) none repeat scroll 0 0;
	border: #009ba4 thin solid;
  padding: 10px;
}

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

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






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

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


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




#btt_vcard {
    display: none;
}



.start-seoagentur::after {
  background-image: url(/images/dieseoagentur.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: -15%,100%;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}


.start-seoagentur {
background: linear-gradient(90deg, rgb(200, 200, 200) 50%, rgba(200,200,200,0) 75%);
padding: 10px;
position: relative;
width: 100%;
background-blend-mode: color;
box-sizing: border-box;
}

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




.start-seoagentur a {
  border: 1px solid #005162;
  padding: 10px 15px;
  color: #005162;
  margin: 25px 0px;
  display: inline-block;
}






.start-ueberholspur a {
    border: 1px solid white;
    padding: 10px 50px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: rgba(255,255,255,0.2);
    margin: 35px 0px;
    display: inline-block;
	color: white;
}

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

.start-ueberholspur .h1-highlight {
    color: white;
}
/*
.start-ueberholspur {
    margin: 0px 0px 50px 0px;
}*/

section.start-kategorie-branchen ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.start-kategorie-branchen li {
  width: 30%;
  background-color: var(--accent-color);
  margin: 25px 0px;
}

span.skb-bild-rechtsanwalt{ background-image: url(/images/Branchenblitz-Start-Kategorien-Rechtsanwalt.jpg);}
span.skb-bild-handwerker{ background-image: url(/images/Branchenblitz-Start-Kategorien-Handwerker.jpg);}
span.skb-bild-restaurant{ background-image: url(/images/Branchenblitz-Start-Kategorien-Restaurant.jpg);}
span.skb-bild-steuerberater{ background-image: url(/images/Branchenblitz-Start-Kategorien-Steuerberater.jpg);}
span.skb-bild-hotel{ background-image: url(/images/Branchenblitz-Start-Kategorien-Hotel.jpg);}
span.skb-bild-arzt{ background-image: url(/images/Branchenblitz-Start-Kategorien-Arzt.jpg);}


.start-kategorie-branchen span {
  height: 250px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
	margin: 0px 0px 25px 0px;
}


.start-kategorie-branchen a {
  color: white;
  text-align: center;
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
	    padding: 0px 0px 25px 0px;
}

.start-kategorie-branchen a:hover {text-decoration: none;}

.start-kategorie-branchen span:hover {  opacity: 0.3;}






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


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

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

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

}


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



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


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



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



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


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



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

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





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


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

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


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


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





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

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

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



.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: #009ba4;
    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;
}
	
.staedte-infos li {

	font: normal 900 20px/24px 'Roboto', sans-serif;
}
	


.li-einwohner span { font-size: 28px !important;}
.li-kennzeichen {font-size: 18px !important;}
.li-kennzeichen span { font-size: 28px !important;;}
.li-postleitzahlen {font-size: 15px !important;}
.li-postleitzahlen span { font-size: 18px !important;}
.li-stadtverwaltung {font-size: 14px !important;}
.li-stadtverwaltung span { font-size: 14px !important;}
.li-stadtgliederung {font-size: 14px !important;}
.li-stadtgliederung span { font-size: 14px !important;}
	
	
	
	
	header.sticky-active {
    height: inherit !important;
    padding-top: 20px !important;
}
	
		.unternehmen {
    background-position: -85px;
}
	
	
	#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: white;}
	
	
	header.sticky-active{height:inherit !important; padding-top:20px !important;}
	
	/*#branding.sticky-active {   width: 190px;}*/
	
	.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:#009ba4; }

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: 120px;}
	#suchfelder {    display: block;    justify-content: inherit;width: 95%;}
	#suchfelder .search {
    width: inherit;
    margin-bottom: 10px;
    margin-top: 10px;
}
	#suchfelder .search input[type="text"] {    font-size: 10px;}
	
	
	.microsite-arbeiten {
    float: right;
    padding: 25px 0px 0px 45px;
    width: 100%;
}
	
	.paket-reg {
		font: normal 900 36px/46px 'Roboto', sans-serif !important;}
	
	
	
	.kundencenter a {
    background-color:inherit !important;
    padding: 0px !important;
    font-size: 18px !important;
		color: inherit !important;
}

.kundencenter .toggle {
    background-color:     #009ba4;
	color:white;
}
	
	
}



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

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

.abox-empfehlung-text {
    width: 100%;
}
	

.wps-spalte {
    width: 100% !important;
}
	
	
		
#start-aktuelleeintraege li {
  width: 100%;
}

	
	.start-kategorie-branchen li {
  width: 100%;
}

	
	.start-seoagentur{
    background-color: #f1ece6;
    padding: 25px 10px 25px 10px;
    background-image: none;
    min-height: inherit;
}
	
	.start-seoagentur::after {
  background-image: url(/images/dieseoagentur.jpg);
  display: block;
  content: "";
  width: 100%;
  height: 150px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  top: inherit;
  left: inherit;
  z-index: 0;
}
	
		.start-seoagentur {
	color: black !important;
}

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


.sticky-active .googlepartnerlogo-nav img {
  max-width: 40px;
}
	
	
	
		.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;}
	
	.row {    display: block;}
	.row .col-2 {    width: 100%;}
	
	.bn_news img, .newsblock img {
    height: auto;
	width: 100%;}
		
	.bn_news .btt-news a, .newsblock .btt-news a {
    background-color: #009ba4;
    color: white;
    padding: 10px 4px;
    border: 3px solid #009ba4;
    width: 100%;
}
	
		.bn_firmenname, .newsblock h2 {
    font-size: 32px !important;}

	
	.paket-leistungen .pakete {
		width: 100% !important;}
	
	article.paket-leistungen {
    display: block;
}
	
	.staedtebanner {
    height: 200px !important;
    overflow: hidden;
}
	.staedtebanner img {
    height: 100%;
    width: auto;
    margin-left: -40%;
}
	
	
.staedte-infos ul {
flex-wrap: wrap;

}

.staedte-infos li {
    width: 45%;
margin: 15px 0px 15px 0px;
}


	
	
	
	
	
	
	.paket-text {
    float: none;
    max-width: 100%;

}
	
	
	.seo-marketing::before {
    content: " ";
    width: 100%;
		height: 200px;}
	
.kategorie-buttons img {

    display: none;

}
	
	
	#start .kategorie-buttons {

    display: inherit !important
		;

}
	
	#quick-navigation li {

    margin: 5px !important;

width: 48%;

}
	
	.UnternehmenBesteHaende {
    background-color:     #f1ece6;
    padding: 25px 10px 25px 10px;
    background-image: none;
    min-height: inherit;
}
	
	.UnternehmenBesteHaende::after {
    background-image: url(../images/BB-Marketing);
    content: " ";
    display: block;
    height: 281px;
    background-size: 180%;
    background-repeat: no-repeat;
    background-position: right;
}
	
	.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/BB-Marketing.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;
}
	
	/********************/
	
	
}





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





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

#headline-leistungen h1 {
    text-align: center;
}

.alle-news a {

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

.snbr-title-text-block {

    margin: 15px 0 15px 0;

}

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

.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 #009ba4;
float: left;
padding: 2%;
margin-bottom: 10px;
width: 96%;
}


@media screen and (max-width:778px)
	
{
	
/*	#branding img {
    height: 40px;
}*/
	
	
	
	.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;}

	
	
			.unsere-kunden ul {

    display: block;

}
	.unsere-kunden li {

    width: 100%;

}
	
	#banner-width {
   width: 95%;
    margin-right: auto;
    margin-left: auto;
}
	
	.kategorie-buttons ul {
    display: inherit !important;
}
	.kategorie-buttons {
    text-align: center;
}
	
	.kategorie-buttons li {
   margin: 25px 0px 25px 0px;
}
	
	.such-headline {
    width: 95%;
}
	
	.pakete {    padding: 5px !important;}
	
	.visitenkarte-im-netz ul {
    display: block;
    flex-wrap: inherit;
    justify-content: inherit;
}
	
	.vk-containerliste {
    width: 100%;
    margin-bottom: 25px;
}
	
	.sektion-video-bbz {
    padding-left: 4%;
    padding-right: 4%;
}
	
	.macbook {
    background-image: none;
    height: inherit !important;
}
	
	#iframe-yt {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    width: 100%;
    height: auto;
    top: 0px;
    left: 0px;
}
	
	.news-flex-block {

    display: inherit !important;

}
	.start-news-block {

    width: 100% !important;

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


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




.cc_container .cc_btn {
background-color: #e84e0f !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #009ba4 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #000 !important; /* Textlink-Farbe "Mehr Infos" */
}



html{height:100%;}



#suchfelderliste {
    width: 100%;
}

#suchfelderliste #suchbegriff {
    width: 100%;
}


#suchfelderliste #searchword {
    width: 100%;
}

#suchortplz, #suchumkreis, #suchland, #sucheintragproseite {
    width: 20%;
}

#suchbutton {
    float: left;
    width: 100%;
}

#suchbutton #saveForm {

    width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
	  background-color: #005162;
    border: 0 none;
    color: white;
    cursor: pointer;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 10px;
    text-transform: uppercase;
    transition: background-color 2s ease 0s, width 1s ease 0s;

}

#suchbutton #saveForm:hover {
    background-color: white;
    color: black;
	width:400px;
}



#suchfelderliste #searchplz, #suchfelderliste #umkreis, #suchfelderliste #land, #suchfelderliste #anzahl {

    width: 100%;

}


.webdesign-tabelle-kopfzeile, .webdesign-tabelle-kopfzeile h2, .werbepaket-tabelle-kopfzeile, .werbepaket-tabelle-kopfzeile h2 {

    color: white;

}


.branchenrow a {
    color: #005162;
    background: #ffffff;
    padding: 5px;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #005162;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}

.branchenrow a:hover {
    box-shadow: inset 500px 0 0 0 #005162;
    color: white !important;
	text-decoration: none !important;
}



.Suchlogo {

    border: 1px #009ba4 solid !important;

}

/*********** AP MENÜ*******************/


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

nav {
  margin: 0;
  padding: 0;
  	text-transform:uppercase;
	
}


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;


}

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

nav a {
  display: block;
  padding: 0 20px;
color:#005162;
  font-size: 16px;
  line-height: 35px;
  text-decoration: none;
	font-weight: bold;
}

nav ul.menu li ul li a {
  display: block;
  padding: 0 8px;
  color: #000;
  font-size: 12px;
  line-height: 50px;
  text-decoration:none;
}
nav ul.menu li ul li a:hover {
  text-decoration:underline;
}

nav ul.menu li ul li a:hover > nav ul {
 background-color:white
}



nav a:hover { background-color:white ; opacity:0.8; color:#e84e0f; text-decoration: none;}

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

nav ul li:hover > ul { display: inherit; visibility:visible; opacity:1; }

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

/*******EMDE AP MENÜ********************/


/******** Branchenblitz Alte CSS übernahme************/



#werbe-paket {
    background-color: #e84e0f;
	float: left;
    margin-left: 2.5%;
    margin-right: 2.5%;
	padding:1%;
    width: 28%;
	color: #ffffff;
	margin-bottom: 20px;
	text-align: center;
	 font-size: 1.3em;
    font-weight: bold;
	min-height: 80px;
	
}


#werbe-paket:first-child {
    margin-left:0;
}
#werbe-paket:last-child {
    margin-right:0;
}




#paket-info-text {
    min-height: 380px;

}

.home-ueberblick {
    min-height: 360px;
}

#paket-info-text p {

	color:#ffffff;
}

.leistungspaket ul {
    padding-left: 15px;
}


.leistungspaket  strong {
    color: #ffffff;
    text-transform: uppercase;
}


.trennhervor {
    margin-top: 29px;
    width: 100%;
	color:#005162;
}


#hl-eins {
float:left;
width:25%;
margin-right:1.5%;}

#hl-zwei {
float:left;
width:44%;
margin-left:1.5%;
margin-right:1.5%;}

#hl-drei {
float:left;
width:25%;
margin-left:1.5%;}


.kastenmaske h1{
	font-size: 2.5em;
	letter-spacing:5px;
    margin: 0;
    text-align: center;
	color:#005162;
		text-transform: uppercase;
		hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;}

.leistungspaket h2{		hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;}

.kastenmaske{
	width: 98%;
	background-color:#009ba4;
float:left;
padding:1%;
margin-bottom:50px;}


.leistungspaket{float:left;
width:30%;
margin-left:2.5%;
margin-right:2.5%;
    position: relative;}

.leistungspaket:first-child{
margin-left:0;}

.leistungspaket:last-child{
margin-right:0;}


.leistungspaket  h2 {
    background-color:#005162;
	color:#009ba4;
    padding: 10px;
    text-align: center;
	    font-size: 1.2em;
    text-transform: uppercase;
	transition:all 2s;
    -moz-transition:all 2s;
	-webkit-transition:all 2s;
    -o-transition:all 2s;
	
}


.leistungspaket  > p {
    color: white;
}

.leistungspaket  ul li {
    color: white;
}



a.start-paket-link:hover > h2 {
   background-color:white;
}



.paket-info-inhalte {
    min-height: 730px;
}

.registrieren a {
    background-color: #005162;
    color: white;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 300px;
	transition:all 2s;
    -moz-transition:all 2s;
	-webkit-transition:all 2s;
    -o-transition:all 2s;}
	


.registrieren a:hover{background-color:white; color:#005162; width:100%;}

.start-leistungen-link a {
	margin-bottom:10px;
    background-color: #005162;
    color: white;
    display: block;
    font-size: 1.0em;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 300px;
	transition:all 2s;
    -moz-transition:all 2s;
	-webkit-transition:all 2s;
    -o-transition:all 2s;}
	


.start-leistungen-link a:hover{background-color:white; color:#005162; width:100%;}



.sektion-werbeflaeche {
    margin-top: 25px;
    margin-bottom: 25px;
}

.artikel {
float:left;
width:30%;
margin-right:2.5%;
margin-left:2.5%;}

.artikel:first-child{
margin-left:0;}

.artikel:last-child{
margin-right:0;}



p, ul li {color:#005162;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
}


h1, h2, h3, h4, h5, h6{color:#005162;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;}


h2{font-size:1em;}


footer{margin-top:50px;}


#eigener-footer {
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 30px;
    padding-bottom: 10px;
}
	
	#footer-text{float:left;}
	
	footer ul {margin:0;padding:0;}
	
	#footer-menue{float:right;}
	
	#footer-menue ul li{
		list-style-type:none;
		display:inline;
		border-right: thin solid white; 
		padding-right:10px;
		padding-left:10px;}
			
		#footer-menue ul li:last-child{border-right:none;}
		
		
	#footer-menue ul li a{color:white;}
	#footer-menue ul li a:hover{color:black;}
		
.footer a, .footer a:visited {

    color: white;

}


#headline-video .hl h2 {
    text-align: center;
    font-size: 1.2em;
}


.socialmedia-desktop #facebook-like-frame {display:none;
	 }


.socialmedia-desktop {float:left;}

.socialmedia-desktop .facebook 
{float: left;
height: 21px;
width: 21px;
padding:0;
margin:0;
margin-right: 15px;}

.socialmedia-desktop .googleplus 
{float: left;
height: 21px;
width: 21px;
margin-right: 15px;
margin-left: 0;
padding:0;}

#socialmedia img {width:auto; height:100%; margin:0;padding:0;}


.wt-spalte img {

    max-height: 45px;

}

/*******BLITZ-ALT-ENDE********************/


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


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

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


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


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

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


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

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

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


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


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


#logo-block {
    width: 20%;
}	

#fb-reg-nav-block {
    width: 80%;
    margin: 0 0 0 auto;
}

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

}

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


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

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

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


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


#registrieren {
    display: inline-block;
	color: black;
    font-size: 12px;
    text-transform: none;
	font-family: "Roboto",sans-serif;
}



#banner_login input {
    width: 150px;
    font-size: 12px;
	color: #009ba4;}

#registrieren a {
    color: white;
    text-decoration: none;
    background-color: #009ba4;
    padding: 3px;
    margin-left: 5px;
    font-size: 12px;
}



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

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



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


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



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

.microsite #BEintrag_karte img {
    width: inherit;
}



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


.microsite h2 {
    color: #009ba4;
    text-transform: uppercase; 
	font-size: 30px;
}

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


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

.separator-holder {
    position: absolute;
    display: block;
    top: 49.99%;
    width: 2000px;
    border-top: 2px solid #009ba4;
    content: '';
}

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

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



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

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

.microsite .FirmenBeschreibung {
    width: inherit;
}

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

}






.microsite #BEintrag_oeffnungszeiten {
    padding-left: 0px;
    padding-top:0px;
	padding-bottom:0px;
    width: 43%;
    border-right: solid 2px #009ba4;
    padding-right: 6%;
    margin-right: 6%;}


.microsite_day-row .microsite_wochentag{
    background: rgba(0, 155, 164, 0.1);
    padding-left: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-right: 60px;
    margin-right: 20px;
    font-weight: bold;
	   min-width: 100px;
    text-align: center;
}

.microsite_day-row .microsite_uhrzeit {
    background: rgba(0, 155, 164, 0.1);
    padding-left: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 20px;
    font-weight: bold;
    float: left;
    padding-right: 60px;
    min-width: 100px;
    text-align: center;
}

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


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


.microsite #BEintrag_socialmedia {
	float: left;
    padding: 0px;
    width: 43%;
}

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

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

.microsite #BEintrag_videos {
    float: left;
    padding: 10px;
    width: 100%;
}


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


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

.microsite #BEintrag_kategorie-suchbegriffe {
    width: 100%;
	float:left;
}



.microsite #BEintrag_kategorie {
    padding: 0px;
    width: 43%;
}

.microsite #BEintrag_suchbegriffe {
	float: left;
    padding: 0px;
	
	    padding-right: 0px;
    padding-top:0px;
	padding-bottom:0px;
    width: 43%;
    border-left: solid 2px #009ba4;
    padding-left: 6%;
    margin-left: 6%;
}


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


.microsite-section .btn_square {
    background-color: #009ba4;
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: white;
    font-weight: bold;
}


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

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

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

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

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

.q-nav-button a {
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    display: block;
    height: 30px;
    min-width: 306px;
    padding-top: 5px;
    background-color: #009ba4;
    font-size: 24px;
    font-family: "Roboto",sans-serif;
    padding-bottom: 7px;
}


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


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

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

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

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

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

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

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

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


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

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


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

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

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

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

#zieladresse {
    color: #009ba4;
}

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

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

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

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

.microsite #detailsuche_suchb_kontaktdaten {
    float: left;
    width: 100%;
	margin-bottom: 25px;
	font-size: 22px;
font-weight: bold;
}

.microsite #ds_adr_kat_adresse_ausgabe span {
   
  
}

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

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

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

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

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



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



#empfehlung {
    font-size: 30px;
    font-weight: bold;
    font-family: "Roboto",sans-serif;
	 margin-bottom: 35px;
    float: left;
}




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




.wp-reg-link {
    color: #009ba4;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 23px;
    font-weight: bold;
    margin-top: 8px;
    text-transform: uppercase;
}

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




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


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


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

#lp-preis {
    float: left;
    font-family: "Roboto",sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
	 list-style-type: none;
	    margin-top: 15px;
}
#lp-preis span {
    color: #009ba4;
}


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

#paketpreis {
    background-color: #ffffff;
    color: #009ba4;
    font-family: "Roboto",sans-serif;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 5px;
    text-transform: uppercase;
}

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

/**Startseite-Branchen-Pakete**/

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

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

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

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

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

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


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



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

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

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



.br-kat-empfehlung-eintrag {
    background-color: #009ba4;
    float: left;
    margin-right: 10%;
    padding: 1%;
    width: 43%;
	color: white;
}

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

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

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



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


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


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

#top-eintraege-monat a{color:black;}
#top-eintraege-monat a:hover{color: #009ba4;}

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


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

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

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

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


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

.tem-tabelle-header {
	    background-color: #009ba4;

		  color: white;
    font-weight: bold;}

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

.tem-spalte span {
    display: none;
}


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



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

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


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

/** MEINE STATISTIK ENDE**/

	.stoerer-jpg{display:inherit;}
	.stoerer-svg{display:none;}

.stoerer{display: table-cell;width: 27%;}

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

#banner-left-part {
        background-color: #009ba4;
    float: left;
    padding-right: 10px;
    position: absolute;
min-height: 171px;
}


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




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

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

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




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


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



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


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



body {
    font-family: "Roboto",sans-serif;
   
    margin: 0;
    padding: 0;
}

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

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


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





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



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

.empfehlung a{color:white;}

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

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

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



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



.branchensuche_uebersicht:hover{cursor: pointer;}
.detailsuche_uebersicht{cursor:pointer;}
#detailsuche_daten h2{color:#009ba4;}
#ds_adr_kat_adresse_ausgabe{color:#009ba4;}
.kat_ausgabe{color:#009ba4;}

header{z-index:99;}

#float_clearen{clear:both;}

#footer-paket {
    float: left;
    height: 20px;
    margin-bottom: 40px;}
	
	
body{
	margin:0px;
	padding:0px;
	font-family:"Roboto",sans-serif;
	position:relative;
padding-bottom: 120px;
	min-height: 100%;
	}


wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
overflow: hidden;}
	
	
	header{
	width:98%;
	padding-left:1%;
	padding-right:1%;
	font-family:"Roboto",sans-serif;

	padding-top:20px;}
	
/*	#suche-registrieren-banner{float:left;}
	#hauptinhalt{float:left;}
	#laufschrift {float:left;}
	footer{float:left;} */
	
	#sektion{float:left;width:100%;}
	
	
	h1,h2,h3,h4,h5,h6{
		font-family:"Roboto",sans-serif;
		float:none;
		    clear: both;}
		

	
	/*	header,#suche-registrieren-banner,#hauptinhaltContentBlock,#Laufschrift,#hauptinhaltContentBlock_Suche{
margin-bottom:10px;}*/
	
	.trennlinie{
	width:100%;
	float:left;
	margin-top:25px;
	margin-bottom:25px;
	height:1px;
	background-color:#009ba4 ;}
	
	
/*HEADER BEREICH-----------------------------------------------------------------------------------------*/	


	
	
#logo {
  display: block;
  padding: 0;
  margin:0;
  width: 190px;
  float: left;
  height:65px;
}

/*

nav {
  margin: 0;
  padding: 0;
}


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

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

nav ul li {
  margin: 0px;
	margin-left:3px;
	margin-right:3px;
  display: inline-block;
  float: left;

}

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

nav a {
  display: block;
  padding: 0 20px;
  color: #000;
  font-size: 20px;
  line-height: 35px;
  text-decoration: none;
	font-weight: bold;
}

nav ul.menu li ul li a {
  display: block;
  padding: 0 8px;
  color: #000;
  font-size: 16px;
  line-height: 50px;
  text-decoration: none;
}



nav a:hover { background-color: #009ba4 ; opacity:0.8; }

nav ul ul {
  display: none;
  position: absolute;
  top: 35px;
}

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




#suchfelder{
	padding-top: 10px;
padding-left: 10px;}

	
	.search input[type="text"]{
		font-size:16px;
		color:#009ba4 ;
		width:100%;
border: none;
    padding: 10px;

}
		
		
#banner_login{}


#suche-registrieren-banner h2{
	margin:5px 10px 0px 0px;
	padding:0px;
	float:left;
	color:#FFFFFF;
	font-size:16px;}
	

		
		#logo-banner{
			background-image:url(Branchenportal24_Logo.svg);
			width:500px;
			height:auto;
			opacity:0.2;
			background-repeat:no-repeat;
		}

#logo-banner span{display:none;}


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

a { color:#009ba4 ;text-decoration:none;}
a:hover {text-decoration:underline;}

#hauptinhaltContentBlock,#hauptinhaltContentBlock_Suche 
{
padding-left:5%;
padding-right:5%;}



/*Pakete--------------------------*/


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

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

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

/*
.pakete
{width:32%;
float:left;
background-color:#009ba4;
min-height: 430px;
min-width:300px;
position:relative;}

.pakete-home .pakete
{
float:left;
background-color:#009ba4;
min-height: 430px;
min-width:300px;
position:relative;}

.pakete-stadt .pakete
{width:32%;
float:left;
background-color:#009ba4;
min-height: 430px;
min-width:300px;
position:relative;}


.pakete:last-of-type
{margin-left:2%;}

.pakete-home.pakete:last-of-type
{margin-left:2%;}

.pakete-stadt.pakete:last-of-type
{margin-left:2%;}

.pakete:first-of-type
{margin-right:2%;}

.pakete-home .pakete:first-of-type
{margin-right:2%;}

.pakete-stadt .pakete:first-of-type
{margin-right:2%;}	*/


.paket_reg
{bottom:21px;
position:absolute;
left:50%;
white-space:nowrap;
width:250px;
margin-left:-125px;}

.pakete-home .paket_reg-startseite
{bottom: 20px;
margin-left: 5%;
margin-right: 5%;
position: absolute;
text-align: center;
white-space: nowrap;
width: 90%;}	

.pakete-stadt .paket_reg-stadt
{bottom: 20px;
margin-left: 5%;
margin-right: 5%;
position: absolute;
text-align: center;
white-space: nowrap;
width: 90%;}
	
		
.paket_reg a
{background-color:#ffffff;
padding:5px;
text-decoration:none;
color:#009ba4;}

.pakete-home .paket_reg a
{background-color:#ffffff;
padding:5px;
text-decoration:none;
color:#009ba4;}

.pakete-stadt .paket_reg a
{background-color:#ffffff;
padding:5px;
text-decoration:none;
color:#009ba4;}	

.pakete-home .paket_reg-startseite a 
{background-color: #ffffff;
color: #009ba4;
font-family: "Roboto",sans-serif;
font-size: 28px;
padding: 5px 37px;
text-decoration:none;}	
		
.pakete-stadt .paket_reg-stadt a 
{background-color: #ffffff;
color: #009ba4;
font-family: "Roboto",sans-serif;
font-size: 28px;
padding: 5px 37px;
text-decoration:none;}

.paket_reg a:hover
{text-decoration:underline;}
		
.pakete-home.paket_reg a:hover
{text-decoration:underline;}

.pakete-stadt.paket_reg a:hover
{text-decoration:underline;}
		
	
/*Pakete Ende----------------------------------*/



#hauptinhaltContentBlock .videos a {
		font-family:"Roboto",sans-serif;
		text-decoration:none;
		color:#009ba4 ;}
		
	#hauptinhaltContentBlock .videos a:hover {
		text-decoration:underline;}
		
		#artikel {
			float:left;
			width:31%;
			margin-right:2%;}
			
			
			#artikel:last-of-type { margin-right:0%;}
			
			
			#artikel-sektion #artikel.beispiel-eintraege ul{margin:0;padding:0;}
			#artikel-sektion #artikel.beispiel-eintraege ul li{list-style-type:none;}
			
			.videotext {float:left;
			width:32%;
			min-width:300px;
			margin-bottom:20px;}
			
			.videotext:first-of-type{margin-right:2%;}
			.videotext:last-of-type{margin-left:2%;}
			
			.eintragaufrufen{margin-top:10px;display:block;text-align:center;}
			
			.Top-Tabellen{float:left; width:48%;margin-bottom:15px;}
			.Top-Tabellen:first-of-type{margin-right:2%;}
		    .Top-Tabellen:last-of-type{margin-left:2%;}

.BP24Table {border:1px solid; text-align:center; color:#000000; border-collapse: collapse; line-height:25px;}

.BP24Table td,.BP24Table th {
    border: 1px solid black;}

.BP24Table a{color:#000000; font-family:"Roboto",sans-serif;}
.BP24Table a:hover{color:#009ba4 ; text-decoration:underline;}
.BP24Table a b{font-weight:normal;}

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

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

.BP24Table tr:first-child td {background-color:#009ba4 ; color:#ffffff;font-family:"Roboto",sans-serif;}

.BP24Table tr:nth-child(2n+1){background-color:#7eb3b6;}

#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:345px;
			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;
	 margin-bottom: 25px;
    float: left;
    list-style: outside none none;
}
	   
.suchmaske {float:left; margin-right:25px;margin-bottom: 25px;}
.suchmaske:last-of-type{margin-right:0px;}

.suchmaske span{display:block;margin-left: 3px;  margin-bottom: 3px;}
	   
#suchfelderliste:last-of-type{margin-right: 0px;}



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



#detailsuche_eintraege{border:1px solid #009ba4; background:rgba(0, 155, 164, 0.1); float:left; width:100%;margin-bottom:25px;}

#detailsuche_daten{padding: 5px 5px 5px 15px;float:left; }

#detailsuche_logo{float:right;padding-right: 5px;    padding-top: 5px;}

#detailsuche_suchb_kontaktdaten{float:left;min-width:350px;}


#ds_adr_kat_adresse {color:#000000; float: left;padding-top: 7px;}
#ds_adr_kat_adresse_ausgabe{margin-left: 30px; float: left;}
.kat_ausgabe{float:left;margin-left: 8px;}
.content.kat_ausgabe a{display:block;}
#ds_adr_kat_adresse_ausgabe span{display: block;}
#ds_adr_kat_kategorie{color:#000000; float: left;}


#detailsuche_seitenzahl{color:#ffffff;padding:5px;text-align:center;}
#detailsuche_seitenzahl a{color:#ffffff;}

.detailsuch_icons:first-of-type{float:left; margin-right: 15px;}

#detailsuche_sb_icons{float: left;}

#microsite_link{white-space: nowrap;}

#detailsuche-branchensuche .detailsuch_icons {
    color:  var(--accent-color);
}

#zahlung-webdesign{float:left;}

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





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


#form_container {
    clear: both;
	border:thin solid #009ba4;
	padding:1%;
	line-height:35px;
	width:98%;
	float:left;
	margin-top:15px;
	margin-bottom:15px;}


#form_kontaktdaten{width:100%; float:left;}
#form_kontaktdaten .text, #form_kontaktdaten .select {width:100%;}
#form_kontaktdaten .select{height:25px;}

#form_container li {list-style-type:none;float:left; margin-right:4%; width:48%}
#form_container li:nth-child(even){margin-right:0px;}
#form_container li:last-of-type{margin-right:0px;}
#form_container ul {margin:0; padding:0;}


#form_anfrage{width:100%;}
#form_anfrage ul li:nth-of-type(2){float:none;}
#form_anfrage li:first-of-type{width:100%;margin-right:0px;}
#form_anfrage .textarea{width:100%;height:100px;}
#form_anfrage li:last-of-type{margin-top:15px;}

.description.pflichtfeld{float:left;}

.bildfeld{float:left;width:32%;}
.vorschau{width:100%;}

#wrapper_berufe ul#list_berufe{padding-left:15px;margin:0;}

#wrapper_berufe #list_berufe li ul.fly{padding-left:20px;margin:0;}
#wrapper_berufe #list_berufe > li{float:left;width:32%;margin-bottom:30px;}

#wrapper_berufe #list_berufe > li:nth-child(3n+4){clear:left;}


#stellenportal_titel{color:#000000;font-weight:bold;}
#stellenportal_ort, #stellenportal_beginn{color:#000000;}
#view_container div#wrapper_berufe ul#list_berufe li.li_header ul.fly li ul.fly li div#view_container div#stellenportal_titel a.description_view{color:#000000;}

ul#list_berufe > li.li_header{font-weight:bold; list-style-type:none;color:#000000;}
ul#list_berufe > li.li_header a {color:#000000;}
ul#list_berufe > li.li_header ul li {font-weight:normal; list-style-type:circle; color:#009ba4;}
ul#list_berufe > li.li_header ul li a {color:#009ba4;}


.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:#009ba4;clear:both;}
.eintrittstermin_zeile{display:block;}
#form_container.stellenportal_form form ul.stellenportal_dritte_ul li{float:none;}

.login_formular div form ul {list-style-type:none; margin:0px;padding:0px;}
.login_formular li {float:left;}
.Login-Text {float:right;}
.login-felder li:last-of-type{position:relative;bottom:-15px;}
.login-felder .text{width:100%;}
.login-felder li div{margin-right:20px;}
/*.login_formular {float:left;margin-bottom:40px;}*/

#passwort-formfelder div form ul{list-style-type:none;margin:0;padding:0;}
#passwort-formfelder div form ul li {line-height: 40px;}

#passwort-formfelder #email.text{width:250px;}

#passwort-formfelder .btn{margin-top:25;margin-bottom:25px;}

.impressum {float: left;margin-right: 2%;}



#kontaktdaten {
    float: left;
    margin-right: 150px;
	    margin-bottom: 25px;
}
#kontaktkarte {
    float: left;
}

#kontaktkarte > img {
    width: 100%;
}

#kontaktformular_daten ul li .text {
    width: 100%;
}
#kontaktformular_daten ul li div select#Land {
    width: 100%;
}


#kontaktformular_funktion ul li div textarea#Nachricht {
    width: 100%;
}




#sektion > span {
    display: block;
    margin-bottom: 25px;
}


#agbs {
    float: left;
    margin-right: 2%;
    text-align: justify;
    width: 48%;
-ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
}

#agbs p{}


#agbs:last-of-type {margin-right:0px;}



#webdesign-tabelle {
    float:left;
	width:100%;
}


.webdesign-spalte{float:left;width: 25%;}
	
.webdesign-spalte ul{list-style-type:none;margin:0;padding:0;}
.webdesign-spalte ul li{margin:0;padding:10px;border: thin solid #009ba4;}

#Basis, #Komfort, #Premium{text-align:center;    margin-bottom:50px;}


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

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

.wt-spalte:nth-child(2n+1) {
    background-color: #7eb3b6;
}

#Basis.webdesign-spalte ul li.wt-spalte, #Komfort.webdesign-spalte ul li.wt-spalte, #Premium.webdesign-spalte ul li.wt-spalte{
    align-items: center;
    display: flex;
    justify-content: center;}
	
#leistungen.webdesign-spalte ul li.wt-spalte{
    align-items: center;
    display: flex;}

.wt-spalte span {
    display: none;
}


.webdesign-formular #Firma.text, .webdesign-formular #Name.text, .webdesign-formular #Strasse.text, .webdesign-formular #PLZ.text, .webdesign-formular #Ort.text, .webdesign-formular #Land, .webdesign-formular #Telefon.text, .webdesign-formular #Email.text, .webdesign-formular #Nachricht.textarea
  {  width: 100%;}

#webdesign_senden {
    margin-top: 35px;
}



#werbepaket-tabelle {
    float:left;
	width:100%;
}


.werbepaket-spalte{float:left;width: 25%;}
	
.werbepaket-spalte ul{list-style-type:none;margin:0;padding:0;}
.werbepaket-spalte ul li{margin:0;padding:10px;border: thin solid #009ba4;}



.werbepaket-tabelle-kopfzeile {
    min-height: 190px;
	    background-color: #009ba4;
		border: thin solid white !important;}


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


#faq-artikel #artikel {width:48% !important; margin-left:2%;}
 #artikel:last-of-type {margin-right:0;}
  #artikel:first-of-type {margin-left:0;}
  
  
.question {
    font-weight: bold;
}
  
#faq-artikel span {
    color: #009ba4;
    font-weight: bold;
}

/*
#form_container ul li input#Firma.text, #form_container ul li input#Name.text, #form_container ul li input#Strasse.text, #form_container ul li input#PLZ.text, #form_container ul li input#Ort.text, #form_container ul li select#Land.select, #form_container ul li input#Telefon.text, #form_container ul li input#Email.text, #form_container ul li textarea#Nachricht.textarea,  #form_container ul li input#mail.text, #form_container ul li#stellenbeschreibung textarea#anfrage.textarea {width:100%;}
*/

input#Firma.text, input#Name.text, input#Strasse.text, input#PLZ.text, input#Ort.text, select#Land.select, input#Telefon.text, input#Email.text, textarea#Nachricht.textarea,  input#mail.text, #anfrage.textarea {width:100%;}

#form_container ul li input.btn {
    margin-top: 25px;
}

#trenner{display:none;}


#suchfilter span{font-weight:bold; color:#009ba4;}



#branenchensuche_buchstaben {
    text-align: center;
}



.branchensearch{float:left; }

.branchensearch form input#suchstabe{ border-radius:0px; color:#009ba4;}

a.goto {display: inline-block; background-color: #009ba4;margin: 5px; width: 40px; height:40px;}
label.goto{line-height: 40px;font-weight:bold;font-size:25px;}
a.goto:link{color:#FFFFFF;}
a.goto:hover{text-decoration:underline; background-color:#000000;}
a.goto:visited{color:#FFFFFF;}

.nogoto {display: inline-block;background-color:#8B8B8B;margin: 5px; width: 40px;height:40px;color:#ffffff;}

p.branchenletter{background-color:#009ba4;color: #ffffff; padding:10px;font-size: 20px;    font-weight: bold;}

.branchenrow {

    display: inline-block;
    width: 33.3%;}

p.branchenrow a{text-decoration: none;color: #000000;}

p.branchenrow a:hover{text-decoration:underline; color:#009ba4;}

p.topofsite{text-align:center;}

p.topofsite a{
background-color:#009ba4;
    color: white;
    padding: 5px;
    text-decoration: none;}
	p.topofsite a:hover{text-decoration:underline;}



#detailsuche-eintraege{border:thins solid  #009ba4;}

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


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

#suchb-kontakt {
    float: left;
}

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

#detailsuche_logo img {
    max-width: 200px;
}

#detailsuche-branchensuche{    background: rgba(0, 155, 164, 0.1) none repeat scroll 0 0;
    border: 1px solid #009ba4;
    float: left;
    margin-bottom: 25px;
    width: 98%;}
	
	
	
#BEintrag_firmenbeschreibung {
    float: left;
}


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

#BEintrag_Beschreibung{float:left;  padding: 10px;}
#BEintrag_route{float:right;}

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

#BEintrag_socialmedia{float:left;padding: 10px;}
#BEintrag_videos{float:left;padding: 10px;}
#BEintrag_galerie{float:left;padding: 10px;}
#BEintrag_kontaktformular{float:left;padding: 10px;}
#BEintrag_kategorie{float:left;padding: 10px;}
#BEintrag_suchbegriffe{float:left;padding: 10px;}
#BEintrag_oeffnungszeiten{float:left;padding: 10px;    min-width: 250px;}

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


.galerie_bild {

    float: left;
    height: 150px;
    margin: 5px;
    overflow: hidden;
    padding: 5px;
    width: 150px;
}


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


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

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


#BEintrag_karte {
    margin-bottom: 20px;
}
#BEintrag_route input#start {
    margin-left: 5px;
    margin-right: 5px;
}


#BEintrag_kontaktformular #form_container form .form_description {
    clear: left;
    font-weight: bold;
	color: #009ba4;
}
#form_container form ul.BEintrag_dritte_ul li {
    float: none;
}






#stellentitel label.description,#arbeitsort label.description,#stellenbeschreibung label.description,#berufserfahrung label.description,#arbeitszeit label.description,#eintrittstermin label.description,#firma label.description,#strasse label.description,#PLZ label.description,#ort label.description,#land label.description,#telefon label.description,#mail label.description {
    font-weight: bold;
	color: #009ba4;
}

#form_container select#anrede.select, #form_container input#vorname.text, #form_container input#nachname.text, #form_container input#mobil.text{width:100%;}


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


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


/* registrieren_auswahl */

.reg_box_left h2{text-align:center;}

.reg_box {
	border: #009ba4 thin solid;
	background: rgba(0, 155, 164, 0.1) none repeat scroll 0 0;
	width:23.5%;
	float:left;
	margin-right:2%;
	min-height: 300px;
}

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


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



.reg_box_left{
	
	padding: 5px;
	min-height:375px;
}

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




/* registrieren_standard/registrieren_komfort/registrieren_premium */

.reg_form{
	background: rgba(0, 155, 164, 0.1) none repeat scroll 0 0;
	margin-top: 10px;
	margin-bottom: 10px;
	border: #009ba4 thin solid;
	overflow: hidden;
}

.reg_form_break{
	border-top:#f37e17 2px solid;
	margin-top:9px;
	padding-bottom:0;
	padding-left:9px;
	padding-top:13px;
	width:100%;
	font-size:75%;
}

.reg_form_choice{
	color:#444;
	display:block;
	font-size:75%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;

}


.reg_box_right span{border: 1px solid white;
    width: 96%;
    display: block;
    margin: 5% 2%;
    padding: 2%;}

.reg_boxen a:hover{color:#009ba4;}


.reg_form ul li #anrede.select, .reg_form form ul li input#vorname.text, .reg_form form ul li input#hausnummer.text, .reg_form form ul li  select#kategorie.select, .reg_form form ul li input#mobil.text, .reg_form form ul li input#nachname.text{width:100%;}


.reg_form form ul li {
    float: left;
    list-style-type: none;
    margin-right: 4%;
    width: 48%;}
	
#form_container.reg_form form ul.basis_vierte_ul li{float:none;}
#form_container.reg_form form ul.komfort_vierte_ul li{float:none;}
#form_container.reg_form form ul.premium_vierte_ul li{float:none;}

/*** Calendar **********************/
div.calendar { position: relative; }

.calendar table {
cursor:pointer;
border:1px solid #ccc;
font-size: 11px;
color: #000;
background: #fff;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.calendar .button { 
text-align: center;    
padding: 2px;          
}

.calendar .nav {
background:#f5f5f5;
}

.calendar thead .title { 
font-weight: bold;      
text-align: center;
background: #dedede;
color: #000;
padding: 2px 0 3px 0;
}

.calendar thead .headrow { 
background: #f5f5f5;
color: #444;
font-weight:bold;
}

.calendar thead .daynames { 
background: #fff;
color:#333;
font-weight:bold;
}

.calendar thead .name { 
border-bottom: 1px dotted #ccc;
padding: 2px;
text-align: center;
color: #000;
}

.calendar thead .weekend { 
color: #666;
}

.calendar thead .hilite { 
background-color: #444;
color: #fff;
padding: 1px;
}

.calendar thead .active { 
background-color: #d12f19;
color:#fff;
padding: 2px 0px 0px 2px;
}


.calendar tbody .day { 
width:1.8em;
color: #222;
text-align: right;
padding: 2px 2px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}

.calendar table .wn {
padding: 2px 2px 2px 2px;
border-right: 1px solid #000;
background: #666;
}

.calendar tbody .rowhilite td {
background: #FFF1AF;
}

.calendar tbody .rowhilite td.wn {
background: #FFF1AF;
}

.calendar tbody td.hilite { 
padding: 1px 1px 1px 1px;
background:#444 !important;
color:#fff !important;
}

.calendar tbody td.active { 
color:#fff;
background: #529214 !important;
padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { 
font-weight: bold;
border: 1px solid #888;
padding: 1px 1px 1px 1px;
background: #f5f5f5 !important;
color: #222 !important;
}

.calendar tbody td.weekend { 
color: #666;
}

.calendar tbody td.today { 
font-weight: bold;
color: #529214;
background:#D9EFC2;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { 
visibility: hidden;
}

.calendar tbody .emptyrow { 
display: none;
}

.calendar tfoot .footrow { 
text-align: center;
background: #556;
color: #fff;
}

.calendar tfoot .ttip { 
background: #222;
color: #fff;
font-size:10px;
border-top: 1px solid #dedede;
padding: 3px;
}

.calendar tfoot .hilite { 
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}

.calendar tfoot .active { 
background: #77c;
padding: 2px 0px 0px 2px;
}

.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
border: 1px solid #ccc;
background: #f5f5f5;
color: #222;
font-size: 90%;
z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .hilite {
background: #444;
color:#fff;
}

.calendar .combo .active {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background: #dedede;
font-weight: bold;
}




.ferienhaus li {
    line-height: 250%;
}


.ferienhaus-empfehlung {
    max-width: inherit;
    width: 50%;
}

/*

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

#iframe-yt-videos
{float: left;
    width: 47.5%;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

#iframe-yt-videos:first-child{margin-left: 0%;}
#iframe-yt-videos:last-child{margin-right: 0%;}


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

#werbeflaechen-banner img {
    width: 100%;
}

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

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

.partner-logo {
    float: left;
    height: auto;
    margin-left: 3%;
    margin-right: 3%;
    min-width: 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%;
}


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

#Laufschrift{
	background-color:#009ba4;
	float:left;
	width:100%;
	margin-top:20px;}
	
	#Laufschrift span{
		margin-left:1%;
		color:#ffffff;
		font-family:"Roboto",sans-serif;
		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:"Roboto",sans-serif;
		text-decoration:none;
		color:#009ba4 ;
		font-size:20px;}
		
	.laufband a:hover{		
		text-decoration:none;
		color:#009ba4 ;}	

.laufband a h4{font-family:"Roboto",sans-serif !important; display:inline;}








/*FOOTER-----------------------------------------------------------------------------------------------*/

	

		
		
		


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

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

	#logo{width:270px;}	
	#fb-reg-block {width: 100%;}
}
	
	@media screen and (max-width : 1125px)
{
	#fb-reg-nav-block {
		width: 80%;}
	nav ul li{margin-left:0px;
	margin-right:0px;}
	#logo{width:160px;}	
	#fb-reg-block {
		width: 100%;}
}

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

	#logo
	{width: 300px;
float: none;
margin-bottom: 85px;
margin-left: auto;
margin-right: auto;}
	
	#fb-reg-nav-block {		width: 100%;}
	#logo-block{width:inherit!important;}

	#logo.sticky-active{    margin-bottom: 30px;    display: block;    margin-right: auto;    margin-left: auto;}
	
	header.sticky-active{		height:145px;}
	
	
}

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

@media screen and (min-width : 1280px)
{
	
/*	
.pakete{min-height:380px;}
*/


.pakete-home.pakete
{min-height: 425px;}

.pakete-stadt.pakete
{min-height: 425px;}


#banner-width,#hauptinhaltContentBlock, #eigener-footer, #hauptinhaltContentBlock_Suche
{max-width:1280px;
margin-left:auto;
margin-right:auto;}
		

}


/*Zwischenbrakes-----------------------------------------------------------------------------------------*/

@media screen and (min-width : 1020px) and (max-width : 1270px) 
{

.pakete-home.paket_reg-startseite 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}

.pakete-stadt.paket_reg-stadt 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}


.pakete-home#paketpreis 
{font-size: 30px;}

.pakete-stadt#paketpreis 
{font-size: 30px;}
	
.pakete-home.paket_reg-startseite a 
{font-size: 17px;
padding: 5px 25px;}

.pakete-stadt.paket_reg-stadt a 
{font-size: 17px;
padding: 5px 25px;}

}


@media screen and (min-width : 1020px) and (max-width : 1065px) {

.pakete-home.paket_reg-startseite 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}

.pakete-stadt.paket_reg-stadt 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}

.pakete-home#paketpreis 
{font-size: 30px;}

.pakete-stadte#paketpreis 
{font-size: 30px;}
	
.pakete-home.paket_reg-startseite a
{font-size: 17px;
padding: 5px 25px;}

.pakete-stadt.paket_reg-stadt a
{font-size: 17px;
padding: 5px 25px;}

}


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

@media screen and (min-width : 981px) and (max-width : 1020px) {
	
	nav ul{float:left;}
	nav ul.menu li a:first-of-type {padding-left:0;}
	
	
.pakete-home .paket_reg-startseite 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}

.pakete-stadt .paket_reg-stadt 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}
	
.pakete-home #paketpreis {font-size: 30px;}

.pakete-stadt #paketpreis {font-size: 30px;}
	
.pakete-home .paket_reg-startseite a 
{font-size: 17px;
padding: 5px 20px;}

.pakete-stadt .paket_reg-stadt a 
{font-size: 17px;
padding: 5px 20px;}


}

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

@media screen and (min-width : 768px) and (max-width : 980px) {
	
	
	
	#wrapper_berufe #list_berufe > li{float:left;width:50%;margin-bottom:30px;}
	#wrapper_berufe #list_berufe > li:nth-child(2n+3){clear:left;}
	#wrapper_berufe #list_berufe > li:nth-child(3n+4){clear:inherit;}
	
nav ul {float: left;}
  
nav ul.menu li a:first-of-type {padding-left:0;}
	
	
	
/*Pakete-Start------*/	

.pakete
{min-height:570px;
min-width:inherit;}
	
.pakete-home.pakete
{min-height:570px;
min-width:inherit;}

.pakete-stadt.pakete
{min-height:570px;
min-width:inherit;}

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

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

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

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

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

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

.paket_reg a {display:block; text-align:center;}

.pakete-home.paket_reg a {display:block; text-align:center;}

.pakete-stadt.paket_reg a {display:block; text-align:center;}

.pakete-home.paket_reg-startseite a {display:block; text-align:center; font-size: 31px; margin-bottom: 10px;}

.pakete-stadt.paket_reg-stadt a {display:block; text-align:center; font-size: 31px; margin-bottom: 10px;}
	
.pakete-home.paket_reg-startseite 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}

.pakete-stadt.paket_reg-stadt 
{margin-left: 13%;
margin-right: 13%;
width: 74%;}
		
.pakete-home#paketpreis {font-size: 38px;}

.pakete-stadt#paketpreis {font-size: 38px;}
	
	
/*Pakete-Ende------*/			
	
	
#suchbutton{margin-top:25px;}
	
#detailsuche_daten{width:90%;}
#detailsuche_logo{float:none;padding-left: 15px;}


	
}

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




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


@media screen and (max-width : 767px) {
	
	
	
	#paket-info-text {
    min-height: inherit;

}

.home-ueberblick {
    min-height: inherit;
}
	
	
	
	#suchortplz, #suchumkreis, #suchland, #sucheintragproseite {

    width: 100%;

}
	
	
	
	/*************** BRANCHENBLITZ ALT CSS******************/
	
	
	
	
		.paket-info-inhalte {
    min-height: inherit;
}
	
	.werbe-sektion h1 {
    background-color: #e84e0f;
    color: #ffffff;
    font-size:inherit;
    margin-top: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
	margin-bottom: 20px;
	letter-spacing:inherit;
}



#werbe-paket {
    background-color: #e84e0f;
	float: none;
    margin-left: 0;
    margin-right:0;
	padding:1%;
    width: 98%;
	color: #ffffff;
	margin-bottom: 20px;
	text-align: center;
	 font-size: inherit;
    font-weight: bold;
	
}
	
	
	
	
	
	header, #content, footer{   
     padding-left: 5%;
    padding-right: 5%;}
	
	#unsere-leistungen { padding: 4%;}
	
	p{font-size:1em;line-height:1.5em;}
	
	
	.artikel {
float:none;
width:100%;
margin-right:0%;
margin-left:0%;
margin-top:50px;
margin-bottom:50px;}


#unsere-leistungen{float:none;}

#unsere-leistungen h1 {
    color: #005162;
    font-size: 1.5em;
    letter-spacing: 2px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}	

.leistungspaket > h2{font-size:1em;}
	
#hl-eins{display:none;}
#hl-zwei {
    float: none;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
}
#hl-drei{display:none;}	
	
	
	.kastenmaske h1{
    font-size: 1.5em;
}

#headline-buchstaben #hl-zwei {
    width: 100% !important;
}

#unsere-leistungen{
	width: 92%;
}

		
#hl-eins {
    float: left;
    margin-right: 1.5%;
    width: 20%;
}

#hl-zwei {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 54%;
}

#hl-drei {
    float: left;
    margin-left: 1.5%;
    width: 20%;
}


	.leistungspaket {
    float: none;
    margin-left: 0;
    margin-right:0;
	margin-bottom:50px;
	margin-top:50px;
    position: inherit;
    width: 100%;
}

.registrieren a {
	margin-bottom:50px;
	margin-top:50px;
    background-color: #005162;
    bottom: 0;
    color: white;
    display: block;
    float: none;
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    position: inherit;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}	
	
	
	.artikel {
float:none;
width:100%;
margin-right:0%;
margin-left:0%;
margin-top:50px;
margin-bottom:50px;}


#unsere-leistungen{float:none;}

#unsere-leistungen h1 {
    color: #005162;
    font-size: 1.5em;
    letter-spacing: 2px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}	

.leistungspaket > h2{font-size:1em;}
	
#hl-eins{display:none;}
#hl-zwei {
    float: none;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
}
#hl-drei{display:none;}	
	
	
		header, #content, footer{   
     padding-left: 5%;
    padding-right: 5%;}
	
	#eigener-footer {
    color: white;
    float: left;
    min-height: 25px;
    padding: 4%;
    width:92%;
}

#footer-text, #footer-menue{margin-bottom:30px;float:none;}
	
	
	#footer-Rechte {
    float: none;
}

	#footer-menu {
    float: none;
}
	

	
	/*****************************************************/
	
	
	
	div#quick-navigation {
    float: left;
    margin-bottom: 50px;
}
	
	
	
	
	
	
	
	
	.microsite #ds_adr_kat_adresse_ausgabe span {
    float: none;
}
	
.microsite #ds_adr_kat_adresse {
    float: left !important;
}
	
.microsite	#ds_adr_kat_adresse_ausgabe{
	    float: left;
}
	
	#ziel-titel {
    float: none;
    margin-right: 0px;
}
	
.microsite .detailsuch_tel-fax-mobil, .microsite .detailsuch_mail-web {
    width: 100%;
    margin-right: 0px;
    float: none;
}
	
	
	#quick-navigation li {    display: inherit;
    width: 48%;
    float: left;}
	
	.q-nav-btn-info, .q-nav-btn-open, .q-nav-btn-sm, .q-nav-btn-open, .q-nav-btn-stelle, .q-nav-btn-video, .q-nav-btn-img, .q-nav-btn-kontakt {
    display: none !important;
}
	.q-nav-btn-anruf {
    display: inherit !important;
}
	
	.microsite-section #start {
    width: 98%;
}
	
	.microsite-section .btn_square {width:100%;}
	
	.microsite #BEintrag_oeffnungszeiten {
    padding: 0px;
    width: 100%;
	 border-right: none;
    margin-right: 0px;
}
	
	
	.microsite #BEintrag_suchbegriffe {
	 padding: 0px;
    width: 100%;

    border-left: none;
    margin-left: 0px;
}

.microsite #BEintrag_karte {
    width: 100%;
}
	
	.microsite_day-row .microsite_wochentag {
    background: rgba(0, 155, 164, 0.1);
		padding-left:0px;
		padding-right:0px;
    padding-top: 10px;
    padding-bottom: 10px;
		margin:0px;
    font-weight: bold;
    text-align: center;
		width: 100%;
}
	
	.microsite_day-row .microsite_uhrzeit {
    background: rgba(0, 155, 164, 0.1);
		padding-left:0px;
		padding-right:0px;
		margin:0px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    float: left;
    min-width: 100px;
    text-align: center;
		width: 100%;
}
	
	
	#vertikal-trennstrich-microsite {
    display: none;
}
	
	.microsite #BEintrag_socialmedia {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
	
	.microsite-section #BEintrag_kontaktformular {
    float: left;
    width: 95%;
}
	
	.microsite-section #form_container li {
    
    width: 100%;
}
	
	.microsite-section {
    float: left !important;
		width:95% !important;
		margin-top:25px;
		margin-bottom:25px;
}
	
	.microsite #detailsuche_daten{
		width:95% !important;
	}
	
	
	#iframe-yt-videos
{float: none;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
	margin-bottom: 25px;
}
	
	
	#top-eintraege-monat{float:none;min-width:inherit;position:inherit;}
	
		#top-eintraege-monat:first-child{margin-bottom:15px;}
	
	#tem-firmen{width:inherit;float:none;}
	
#top-eintraege-monat:first-child {
    margin-right: 0%;
}


#top-eintraege-monat:last-child {
    margin-left: 0%;
}
	
		#tem-nr{display:none;}
	
.tem-spalte span {
        display: block;
    margin-bottom: 10px;
}
	
	
	#bundeslaender-auflistung > ul > li {
    font-size: 20px;
    line-height: 24px;
}
	#bundeslaender-karte{display:none;}
	
	
	.stoerer{display:inherit;width:inherit;    margin-top: 5px;
    text-align: center;}
	.stoerer-jpg{display:none;}
	.stoerer-svg{display:inherit;}
	
	#mobile-banner-bild{display:inherit;width:100%;height:auto;}
	
	#banner-left-part {
        background-color: #009ba4;
    float: none;
    padding-right: 0px;
    position: inherit;

}


#banner-bild{   
display:none;}
	
	
	
	.liste-eintrag-stadt{width:inherit;}

	
	#staedte-menu ul li {    
    float: left;
    font-size: 20px;
    line-height: 40px;
    list-style-type: none;
    margin-bottom: inherit;
    margin-left: inherit;
    margin-right: 38px;
    text-align: center;
    	
	}
	
#staedte-menu > ul {
    margin: 0;
    padding: 0;
}

#staedte-menu ul li span {
    display:block;
}


#staedte-menu img {
    width: 30px;
}	
	
	
	.Top-Tabellen {float:none;width:100%;}
	.reg_box_right span{display:block;}
	.reg_box{width:100%;float:none;margin:0;margin-bottom:25px;}
	
.reg_box_left {float:none;min-height:inherit;}

#BEintrag_kategorie .content a {
    display: block;
	margin:0;
}

	
#BEintrag_kategorie {
    float: none;
    padding: 5px;
}
#BEintrag_karte img {    width: 100%;}
	
	
#BEintrag_kontaktformular {    float: none;    padding: 5px;}	
#BEintrag_Beschreibung {    padding: 5px;float:none;}

#BEintrag_videos #content iframe{width:100%; height:auto;}
	
	
.FirmenBeschreibung { float: none;    width: 100%; min-width:inherit;}
	
#BEintrag_route {    float: none;}


#BEintrag_route input#start {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
}
	
#BEintrag_firmenbeschreibung {    float: none;}
	
.branchenrow {    width: 100%;}
	
	
	#trenner { display: inherit; }
	
	#faq-artikel #artikel {width:100% !important; float:none;}
	
	
	#leistungen.webdesign-spalte{display:none;}
	
.wt-spalte span {
    display: inherit;
}
	.webdesign-spalte{width:100%;}
	.werbepaket-spalte{width:100%;}
	#leistungen.werbepaket-spalte{display:none;}
	
	
	
	#agbs {
    float: left;
    margin-right: 2%;
    text-align: justify;
    width: 100%;
}

	#kontaktdaten{margin-right:0px;}
	
	.impressum{max-width:98%;}
	#passwort-formfelder #email.text{width:100%;}
	#passwort-formfelder .btn{width:100%;}
	
	
	header{border-bottom:thin solid #009ba4;}
	
	.login_formular li, .login_formular{float:none;}
	.login-felder li div{margin:0px;}
	.login-felder li input.btn{width:100%;}
	.Login-Text{float:none;}
	
	#wrapper_berufe #list_berufe > li{float:none;width:100%;margin-bottom:30px;}
	
	
	.bildfeld{width:inherit;}
	#videowerbung video{width:100%; height:auto;}
	#form_container li{float:none;margin:0;width:inherit;}
	

#detailsuche_daten, #detailsuche_suchb_kontaktdaten, #detailsuche_sb_icons, #ds_adr_kat_adresse, #ds_adr_kat_adresse_ausgabe, #ds_adr_kat_kategorie{float:none;}
	
.kat_ausgabe{float:none;margin:0px;margin-bottom:10px;}

#ds_adr_kat_adresse_ausgabe{margin:0px;margin-bottom:10px;}

.Suchlogo{max-width:250px;}

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

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

#detailsuche_suchb_kontaktdaten{min-width:inherit;}
	
	
	.suchmaske{float:none; margin:0 0 5px; text-align: center;}
#suchfelderliste {float:none;}


#suchfelderliste input, #suchfelderliste select {width:100%;}

#suchbutton{margin-top:25px;}

	
	#mapspacehome{width:90%;}
	
	#footer-Rechte > span{display:block;}
	
	#statistik-bild img {width:95%;}
				.videotext:first-of-type{margin-right:0%;}
			.videotext:last-of-type{margin-left:0%;}
			
			
			.Top-Tabellen:first-of-type{margin-right:0%;}
		    .Top-Tabellen:last-of-type{margin-left:0%;}
	
	
	header{position:fixed;
	background-color:#ffffff;
	  top: 0;}
	
	#suche-registrieren-banner{margin-top:120px;}
	
	
	.search input[type="text"]{
		font-size:14px;
	width:100%;}
	
	#suche-registrieren-banner h2{
		float:none;}
	
	
	#footer-menu{
		
		margin-top:10px;
		margin-bottom:20px;}
	
	#artikel{width:100%;margin:0px;}
	
/*	#hauptinhaltContentBlock div#sektion div div{float:none;!important; width:100%;}*/
	
	
/*Pakete Start------------------------ */	


.pakete
{min-height:inherit;
min-width:iherit;
margin-bottom: 10px;
margin-top: 10px;
width:100%;
position:inherit;}

	
.pakete-stadt .pakete
{min-height:inherit;
min-width:iherit;
margin-bottom: 10px;
margin-top: 10px;
width:100%;
position:inherit;}

.pakete-home .pakete
{min-height:inherit;
min-width:iherit;
margin-bottom: 10px;
margin-top: 10px;
width:100%;
position:inherit;}

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

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

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

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

.pakete-hom e.pakete:first-of-type{margin-right:0px;}

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

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


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

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

.pakete-home .paket_reg-startseite
{padding-bottom: 30px;
text-align: center;
position:inherit;
bottom:0px;}

.pakete-stadt .paket_reg-stadt
{padding-bottom: 30px;
text-align: center;
position:inherit;
bottom:0px;}


.pakete-home #paketpreis {font-size: 30px;}

.pakete-stadt #paketpreis {font-size: 30px;}


.pakete-home .paket_reg-startseite a 
{font-size: 30px;
padding: 5px 14px;}

.pakete-stadt .paket_reg-stadt a 
{font-size: 30px;
padding: 5px 14px;}



/*Pakete Ende------------------------ */


	
	#suche-registrieren-banner {
   margin-top: 108px;
}
#fb-reg-nav-block {
    width: 100%;
}
	
	#fb-reg-block, #fb-reg-block.sticky-active  {
    margin-bottom: 30px;
}
	
#logo , #logo.sticky-active
{display: block;
  padding: 0;
  text-align: center;
  float: none;
	width:90% !important;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;}
	
	.fb-share-button {
    
		margin-top: -21px;}
	
	#banner_login{display: inherit!important;margin-left:0px;}
	
	#banner_login form {
    margin: 0px;
        margin-top: 40px;
    padding: 0px;
    text-align: center;
    
}
	
	.login-user label {
    display: block;
		margin-bottom: 10px;}
	
	#banner_login input {
		width: 90%;}

	
	#registrieren {
    display: block;
    margin-top: 20px;
		text-align: center;}
	
	#banner_fb {
    display: block;
}
	.fb_iframe_widget {
		display: block;}
	
	.fb-share-button {
    margin-top: 0px;
}
	
	#bp24-socialmedia-leiste {
    display: block;
    margin-left: auto;
    margin-right: auto;
		width: 275px;
	margin-bottom: 25px;
	text-align: center;}
	
	
	
	#banner_login {
		float: none;}
	
	/******************AP-MENÜ*****/
	
	nav label.togglemenu {    float: none;
    text-align: right;
}
nav label.togglemenu:hover {color:black; }

nav a {

    font-size: 20px;}

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

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

.toggle {
  display: block;
  padding: 0 20px;
  color: #005162;
  font-size: 20px;
  line-height: 35px;
  text-decoration: none;
  border: none;
	font-weight: bold;
}

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

[id^=drop]:checked + ul { display: block!important;     right: 0px;
    transition: linear 0.8s;
    -o-transition: linear 0.8s;
    -moz-transition: linear 0.8s;
    -webkit-transition: linear 0.8s;
}

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:hover > ul,
nav ul li:hover > ul { display: none; }

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

nav ul ul ul li { position: static;

}



nav ul ul {
    opacity: inherit;
    position: inherit;
    top: 35px;
    transition: all 0.5s ease-in-out 0s;
    visibility: inherit;
	display:none;
}

	
	/**
	

nav label.togglemenu { float:none; text-align: center;}
nav label.togglemenu:hover {color:#009ba4 ; }

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

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

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

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:hover > ul,
nav ul li:hover > ul { display: none; }

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

nav ul ul ul li { position: static;

}

**/


.br-ka-spalte {
    float: none;
    margin-right: 0;
    width: 100%;
	margin-bottom: 25px;
}


.br-kat-empfehlung-eintrag {
    background-color: #009ba4;
    color: white;
    float: none;
    margin-right: 0;
    padding: 1%;
    width: 100%;
	margin-bottom: 25px;
}




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

ul#branchenpaekchen-liste  li 
{list-style-type: none;
	flex:inherit;}




	/** PARTNER-SEITEN******************************/
	
.partner-logo {
    height: auto;
    width: 80%;
	margin-bottom: 25px;
	padding-left:10%;;
}






#wp-karte-desktop {
     overflow: hidden;
    width: 100%;
}

#wp-karte-desktop img{
    margin-left: -60%;
    width: 250%;
}
	


}

@media all and (max-width : 400px) {
	#logo{width:60%;}
	
	.paket_reg-startseite a 
	{font-size: 30px;
    padding: 5px 8px;}

}


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

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

.pakete-home.paket_reg-startseite a 
{font-size: 30px;
padding: 5px 8px;}

.pakete-stadt.paket_reg-stadt a 
{font-size: 30px;
padding: 5px 8px;}


}