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



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


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

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



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


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

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

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

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

}

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

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


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

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

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

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


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

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

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


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


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


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

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

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

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

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


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


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

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

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


legend {
    font-weight: bold;
}


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


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


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


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


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



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


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

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


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

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


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

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

}

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

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

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


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


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




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

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


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


.stadt-wrapper #paketuebersicht::after {
    content: "*1 Rechnungstellung erfolgt jährlich im Voraus. Sie schliessen einen 1 Jahres Vertrag ab inkl. Verlängerungsoption. Alle Preise zzgl. der gesetzlichen MwSt..";
    font-size: 11px;
    display: block;
}

/***NEUE SACHEN - Franchisekonzept-Handelspartner****/

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

.mobile {display: none}

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

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

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

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



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

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


iframe.seo-form {
    display: none;
}

section.highlight-kontakt {
    display: none;
}

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


/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: /*local('Roboto Thin'), local('Roboto-Thin'),*/
       url('fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/roboto-v20-latin-100italic.eot'); /* IE9 Compat Modes */
  src:/* local('Roboto Thin Italic'), local('Roboto-ThinItalic'),*/
       url('fonts/roboto-v20-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src:/* local('Roboto Light'), local('Roboto-Light'),*/
       url('fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v20-latin-300italic.eot'); /* IE9 Compat Modes */
  src: /*local('Roboto Light Italic'), local('Roboto-LightItalic'),*/
       url('fonts/roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src:/* local('Roboto'), local('Roboto-Regular'),*/
       url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: /*local('Roboto Italic'), local('Roboto-Italic'),*/
       url('fonts/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: /*local('Roboto Medium'), local('Roboto-Medium'),*/
       url('fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/roboto-v20-latin-500italic.eot'); /* IE9 Compat Modes */
  src: /*local('Roboto Medium Italic'), local('Roboto-MediumItalic'),*/
       url('fonts/roboto-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src:/* local('Roboto Bold'), local('Roboto-Bold'),*/
       url('fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v20-latin-700italic.eot'); /* IE9 Compat Modes */
  src:/*local('Roboto Bold Italic'), local('Roboto-BoldItalic'),*/
       url('fonts/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src:/* local('Roboto Black'), local('Roboto-Black'),*/
       url('fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/roboto-v20-latin-900italic.eot'); /* IE9 Compat Modes */
  src:/* local('Roboto Black Italic'), local('Roboto-BlackItalic'),*/
       url('fonts/roboto-v20-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}


/***VARIABLEN***/	
:root { --accent-color: #86c7ff;}
:root { --accent-color-two: #ebf5fe;}
/***************/

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

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

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

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


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


#myBtn-top {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
  font-size: 16px;
  border: 1px white solid;
  outline: none;
  background-color: rgba(134, 199, 255, 0.8);
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 3px;
}

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


wrapper {position: absolute;}

* {
    box-sizing: border-box;
}
body {  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;
    text-transform: uppercase;
    padding: 0;
    margin: 25px 0 25px 0;
}

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

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

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

h1, h2, h3, h4, h5, h6 {
	text-align: left !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: 0% !important;
    padding-right: 0% !important;

}


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



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

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

article img {
    width: 100%;
}


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



/* 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: #86c7ff;}
    25%, 100% {background: none;}
}
 
@-webkit-keyframes slideControl01 {
    24.99% {background: #86c7ff;}
    25%, 100% {background: none;}
}
 
@keyframes slideControl101 {
    24.99% {background: #86c7ff;}
    25%, 100% {background: none;}
}
 
@-webkit-keyframes slideControl101 {
    24.99% {background: #86c7ff;}
    25%, 100% {background: none;}
}
 
@keyframes slideControl02 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: #86c7ff;}
}
 
@-webkit-keyframes slideControl02 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: #86c7ff;}
}
 
@keyframes slideControl102 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: #86c7ff;}
}
 
@-webkit-keyframes slideControl102 {
    24.99%, 50% {background: none;}
    25%, 49.99% {background: #86c7ff;}
}
 
@keyframes slideControl03 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: #86c7ff;}
}
 
@-webkit-keyframes slideControl03 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: #86c7ff;}
}
 
@keyframes slideControl103 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: #86c7ff;}
}
 
@-webkit-keyframes slideControl103 {
    49.99%, 75% {background: none;}
    50%, 74.99% {background: #86c7ff;}
}
 
@keyframes slideControl04 {
    74.99% {background: none;}
    75%, 100% {background: #86c7ff;}
}
 
@-webkit-keyframes slideControl04 {
    74.99% {background: none;}
    75%, 100% {background: #86c7ff;}
}
 
@keyframes slideControl104 {
    74.99% {background: none;}
    75%, 100% {background: #86c7ff;}
}
 
@-webkit-keyframes slideControl104 {
    74.99% {background: none;}
    75%, 100% {background: #86c7ff;}
}
 
/* 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: #86c7ff!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: #86c7ff;
}
 
#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: #86c7ff;
}
 
#slide01:checked ~ .slideControl label[for="slide102"],
#slide02:checked ~ .slideControl label[for="slide103"],
#slide03:checked ~ .slideControl label[for="slide104"],
#slide04:checked ~ .slideControl label[for="slide101"] {
    -webkit-animation-name: slideControl02;
    animation-name: slideControl02;
}
 
#slide101:checked ~ .slideControl label[for="slide02"],
#slide102:checked ~ .slideControl label[for="slide03"],
#slide103:checked ~ .slideControl label[for="slide04"],
#slide104:checked ~ .slideControl label[for="slide01"]  {
    -webkit-animation-name: slideControl102;
    animation-name: slideControl102;
}
 
#slide01:checked ~ .slideControl label[for="slide103"],
#slide02:checked ~ .slideControl label[for="slide104"],
#slide03:checked ~ .slideControl label[for="slide101"],
#slide04:checked ~ .slideControl label[for="slide102"]  {
    -webkit-animation-name: slideControl03;
    animation-name: slideControl03;
}
 
#slide101:checked ~ .slideControl label[for="slide03"],
#slide102:checked ~ .slideControl label[for="slide04"],
#slide103:checked ~ .slideControl label[for="slide01"],
#slide104:checked ~ .slideControl label[for="slide02"]  {
    -webkit-animation-name: slideControl103;
    animation-name: slideControl103;
}
 
#slide01:checked ~ .slideControl label[for="slide104"],
#slide02:checked ~ .slideControl label[for="slide101"],
#slide03:checked ~ .slideControl label[for="slide102"],
#slide04:checked ~ .slideControl label[for="slide103"] {
    -webkit-animation-name: slideControl04;
    animation-name: slideControl04;
}
 
#slide101:checked ~ .slideControl label[for="slide04"],
#slide102:checked ~ .slideControl label[for="slide01"],
#slide103:checked ~ .slideControl label[for="slide02"],
#slide104:checked ~ .slideControl label[for="slide03"]  {
    -webkit-animation-name: slideControl104;
    animation-name: slideControl104;
}

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

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



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

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

.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/AP24-Slider-1280x500-SeoAgentur);}
.slide.slide02 {background-image: url(/images/AP24-Slider-1280x500-MehrTraffic-MehrUmsatz);}
.slide.slide03 {background-image: url(/images/AP24-Slider-1280x500-GoogleAds-SilberPaket);}
.slide.slide04 {background-image: url(/images/AP24-Slider-1280x500-GoogleAds-GoldPaket);}


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

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

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

  to {
    margin-top: 0%;
   
  }
}



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








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

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


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

.login-btn::after {
    border-right: 1px solid #86c7ff;
    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 {width: 70px;}

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: #86c7ff;

}

nav ul ul {    background-color: rgba(134, 199, 255, 0.8) !important;}


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


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

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


/*Später entfernen*/

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

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

nav a {

    padding: 0 5px 0 5px !important;
    display: unset;

}

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

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

#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: #86c7ff;
    width: 100%;
    border: none;
    padding: 5px;

}



.stoerer {

    background-color: #86c7ff;
    padding: 10px;
    text-align: center;
    color: white;
    font: normal 900 33px/53px 'Roboto', sans-serif;
    text-transform: uppercase;
	width: 30%;
}

#stoerer-gesamt {

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

}

.rechtsgebiete {
    background-color: #e3e6eb;
    padding: 40px 10px 25px 10px;
    background-image: url(../images/AP24-rechtsgebiete.jpg);
    min-height: 500px;
	background-repeat: no-repeat;
background-size: 100%;
}


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

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

.pakete:first-of-type {

    margin-right: 0;

}

.pakete {

    width: 30%;
    float: none;
    background-color: #86c7ff;
    min-height: inherit;
    min-width: inherit;
    position: inherit;

}
.pakete ul {

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

}

.pakete ul li {

    text-align: center;
    color: white;
    text-transform: uppercase;
    line-height: 40px;
    font-size: 22px;
	padding: 0px 20px;

}

.pakete ul li::after {

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

}

.pakete a {

    color: white;

}


.paket-vorschau {

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

}


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

.top-anwaelte {
    background-color: #f1ece6;
    padding: 60px 10px 25px 10px;
    background-image: url(../images/ap24-top-anwaelte.jpg);
    min-height: 500px;
	background-repeat: no-repeat;
background-size: cover;
background-position: right;
}


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

 .branchenkategorien-kacheln ul li {
    width: 19%;
    height: 210px;
    background-color: #86c7ff;
    margin-bottom: 20px;
}


.bundesland-kacheln ul li a, .branchenkategorien-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(54, 80, 102, 0.8);
}
.bundesland-kacheln ul li a:hover, .branchenkategorien-kacheln ul li a:hover {
    background-color: rgba(134, 199, 255, 0.0);
}


.bundesland-kacheln ul {
    display: flex;

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

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

.branchenkategorien-kacheln ul li {background-position: center; background-size: 100%; background-size: cover;}

.branchenkategorien-kacheln ul li.mietrecht {background-image: url("../images/branchenkategorien/ap24_mietrecht.jpg");}
.branchenkategorien-kacheln ul li.schiedsgerichtsbarkeit {background-image: url("../images/branchenkategorien/ap24_schiedsgerichtsbarkeit.jpg");}
.branchenkategorien-kacheln ul li.strafrecht {background-image: url("../images/branchenkategorien/ap24_strafrecht.jpg");}
.branchenkategorien-kacheln ul li.steuerrecht {background-image: url("../images/branchenkategorien/ap24_steuerrecht.jpg");}
.branchenkategorien-kacheln ul li.schadenersatzrecht {background-image: url("../images/branchenkategorien/ap24_schadenersatzrecht.jpg");}
.branchenkategorien-kacheln ul li.asylrecht {background-image: url("../images/branchenkategorien/ap24_asylrecht.jpg");}
.branchenkategorien-kacheln ul li.sozialrecht {background-image: url("../images/branchenkategorien/ap24_sozialrecht.jpg");}
.branchenkategorien-kacheln ul li.erbrecht {background-image: url("../images/branchenkategorien/ap24_erbrecht.jpg"); }
.branchenkategorien-kacheln ul li.arbeitsrecht {background-image: url("../images/branchenkategorien/ap24_arbeitsrecht.jpg"); }
.branchenkategorien-kacheln ul li.familienrecht {background-image: url("../images/branchenkategorien/ap24_familienrecht.jpg");}


.bundesland-kacheln ul li.badenwuerttemberg {background-image: url("../images/staedte/Header-BadenWuerttemberg.jpg"); background-position: center;}
.bundesland-kacheln ul li.bayern {background-image: url("../images/staedte/Header-Bayern.jpg"); background-position: center;}
.bundesland-kacheln ul li.berlin {background-image: url("../images/staedte/Header-Berlin.jpg"); background-position: center;}
.bundesland-kacheln ul li.brandenburg {background-image: url("../images/staedte/Header-Brandenburg.jpg"); background-position: center;}
.bundesland-kacheln ul li.bremen {background-image: url("../images/staedte/Header-Bremen.jpg"); background-position: center;}
.bundesland-kacheln ul li.hamburg {background-image: url("../images/staedte/Header-Hamburg.jpg"); background-position: center;}
.bundesland-kacheln ul li.hessen {background-image: url("../images/staedte/Header-Hessen.jpg"); background-position: center;}
.bundesland-kacheln ul li.niedersachsen {background-image: url("../images/staedte/Header-Niedersachsen.jpg"); background-position: center;}
.bundesland-kacheln ul li.nordrheinwestfalen {background-image: url("../images/staedte/Header-NRW.jpg"); background-position: center;}
.bundesland-kacheln ul li.saarland {background-image: url("../images/staedte/Header-Saarland.jpg"); background-position: center;}
.bundesland-kacheln ul li.rheinlandpfalz {background-image: url("../images/staedte/Header-RheinlandPfalz.jpg"); background-position: center;}
.bundesland-kacheln ul li.mecklenburgvorpommern {background-image: url("../images/staedte/Header-MecklenburgVorpommern.jpg"); background-position: center;}
.bundesland-kacheln ul li.sachsen {background-image: url("../images/staedte/Header-Sachsen.jpg"); background-position: center;}
.bundesland-kacheln ul li.sachsenanhalt {background-image: url("../images/staedte/Header-SachsenAnhalt.jpg"); background-position: center;}
.bundesland-kacheln ul li.schleswigholstein {background-image: url("../images/staedte/Header-SchleswigHolstein.jpg"); background-position: center;}
.bundesland-kacheln ul li.thueringen {background-image: url("../images/staedte/Header-Thueringen.jpg"); background-position: center;}


#footer-menu {

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

}

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

}

#footer-menu ul title {

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

}




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

.stoerer a {
    color: white;
}

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

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


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


.highlight-link {
    display: inline-block;
    border: 1px solid #86c7ff;
    padding: 5px 10px 5px 10px;
}


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

}


.vorteile ul li {
    line-height: 200%;
    font-weight: bold;
}



.kundencenter a {
    background-color:#86c7ff;
    padding: 0 5px 0 5px !important;
    font-size: 16px !important;
	color:black !important;
}



.login-erfolg.top-bar-btn {
    font-weight: bold;
    padding: 0px 10px 0px 10px;
    background-color:#86c7ff;
	color:black;
}





.pakete.bronze {
    background-color: #86c7ff;
}

.pakete.silber {
    background-color: #618eb5;
}

.pakete.gold {
    background-color: #2f485e;
}




section.basiseintrag {
    background-color: #86c7ff;
    padding: 20px;
    text-align: center;
}

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

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

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


.btt-anmelden a:hover {
    text-decoration: none;
    background-color: white;
    color: #86c7ff;
}











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

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


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

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

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

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


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


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


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




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




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



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

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

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


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





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

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

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

ul.stadt-info-punkte li {
    list-style-type: none;
    width: 15%;
    border: 1px solid #86c7ff;
    padding: 5px;
}


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

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

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

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


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

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

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


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

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



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

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


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




.tes-eintraege {
    background-color: #86c7ff;
}



ul.eintraege-liste {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px 0px;
	color: #86c7ff;
	  
}

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

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

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

}



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


.eintrag-kategorie  {
	 border-right: 1px solid #86c7ff;
    display: flex;
    align-items: center;
    padding: 10px;
    width: 20%;
    justify-content: center;
    text-transform: uppercase;
}

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

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


.eintrage-daten:hover {
    background-color: #86c7ff;
    color: white;
    border: 1px solid white;
}



.eintrage-daten {
    border: 1px solid #86c7ff;
}


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


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


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

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


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

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

.stadt-hiereintragen span {
    color: white;
}



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





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

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


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

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

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

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

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

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

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

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

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



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

.gold-bg {background-color: #2f485e; color: white;}


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




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

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


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




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

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


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

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


.stadt-info-texte h2 {
    font-size: 24px !important;
    line-height: 34px;
}



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

#branchenews-eintraege .trennlinie {
    border: solid #abd8ff 1px !important;
}

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

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

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

.bn_news .btt-news a {
    margin: 22px 0px;
    font-size: 24px;
    background-color: #ebf5fe;
    color: black;
    padding: 10px 50px;
    display: inline-block;
    text-decoration: none;
    border: 3px solid #86c7ff;
    text-align: center;
}

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


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

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


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

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

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

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


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



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

section.corona-anzeige-startseite {
    background-color: #86c7ff;
    padding: 5%;}

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

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


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

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

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


.corona-btt a:hover {
    text-decoration: none;
    background-color: white;
    color: #86c7ff}





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



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

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


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


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

.basis-registrier-formular #saveForm:hover {
    background-color: #86c7ff;
}

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


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

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

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

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




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

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

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


.gp-infokasten {width: 24%;}

.gp-bg {    background-color: #86c7ff;}


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


.gp-info-btt a {
    width: 100%;
    text-align: center;
    display: block;
    border: 1px solid #86c7ff;
    padding: 20px;
font-weight: bold;
text-transform: uppercase;
	text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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


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

.googleads-registrierung-pakete-silber, .googleads-registrierung-pakete-gold {
  background-color: #86c7ff;
  padding: 10px;
}

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


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

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

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

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

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

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



.start-seoagentur {
  background-image: url(/images/seoagentur.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%,100%;
  padding: 10px;
}


.start-seoagentur > * {
  color: white;
}

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



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

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


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




.teaser-registrierung {  background-color: #86c7ff;  padding: 15px;}

.teaser-registrierung > *, .teaser-registrierung h2 { text-align: center !important;}


.g-icon-5 {
  background-image: url(../images/AP24-G-Star5.png);
	background-repeat: no-repeat;
  width: 60px;
  height: 48px;
  display: block;
margin: 10px auto 25px auto;
}


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


.googlebewertung li {
  width: 20%;
  text-align: center;
  background-color: #ebf5fe;
  padding: 10px;
  font-size: 14px;
  line-height: 120%;
  min-height: 200px;

}


.teaser-registrierung a {
  width: 50%;
  display: block;
  text-align: center;
  padding: 15px;
  margin: 50px auto;
  border: 1px solid;
}

.teaser-registrierung a:hover {
  text-decoration: none;
  background-color: white;
  color: black;
}





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


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


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



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



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


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




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


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

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

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

}


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






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



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


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





/***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:  var(--accent-color); 
    padding: 10px;
    min-width: 31%;
}


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

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

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

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

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


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

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

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


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

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


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

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

#werbepaket-tabelle s {
    display: block;
}





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




@media screen and (max-width:1050px)
{
	
	
	.section-container-highlight-banner section {
    max-width: 90% !important;
}
	
	.section-container-highlight-banner.sec-abstand {
  background-position: -230px;
}
	
	.pakete img {
    width: 100%;
}
	
	
		.stadt-header h1 {    padding: 2%;}		
	ul.stadt-info-punkte {    flex-wrap: wrap;}
	ul.stadt-info-punkte li {   width: 30%;    margin: 10px 0px;}
	.tes-eintraege ul.eintraege-liste {    width: 95%;}
	ul.eintraege-liste {    width: 100%;}
	.eintrag-kategorie{width: 25%;}
	.eintrag-firmendaten {    width: 75%;}
	
	
	
		.kundencenter a {
    background-color:inherit !important;
    padding: 0px !important;
    font-size: 18px !important;
	
}

.kundencenter .toggle {
    background-color:     white;
	color:black;
}
	
	
	
	
	
	#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;}
	
	
	.top-anwaelte {
    padding: 25px 10px 25px 10px;
    min-height: inherit;
    background-repeat: no-repeat;
    background-position: -195px;
    background-size: cover;
}
	
	
	.rechtsgebiete {
    background-position: -85px;
}
	
	
	nav ul ul {
    position: inherit !important;
    top: inherit !important;

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

	
	
	nav label.togglemenu { float:none; text-align: right;}
nav label.togglemenu:hover {color:#86c7ff ; }

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:-25px; 		
	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:#86c7ff ;}

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;}
	
	
	.top-anwaelte {
    float: right;
    padding: 25px 0px 0px 45px;
    width: 100%;
}
	
	.paket-reg {
		font: normal 900 36px/46px 'Roboto', sans-serif !important;}
	
}



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

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

.abox-empfehlung-text {
    width: 100%;
}
	
	
	
#start-aktuelleeintraege li {
  width: 100%;
}

	
	.googlebewertung ul {
  flex-flow: column;
}

.googlebewertung li {
  width: 100%;
  margin: 25px 0px;
}

.teaser-registrierung a {
  width: 100%;
}
	
		.googlepartnerlogo-nav img {
  max-width: 70px;
}


.sticky-active .googlepartnerlogo-nav img {
  max-width: 70px;
}
	
	
	
	.start-seoagentur {
  background-image: inherit;
  background-color: #d3e3ee;
}

.start-seoagentur > * {
  color: black;
}


.start-seoagentur::after {
  background-image: url(/images/seoagentur.jpg);
  display: block;
  content: "";
  width: 100%;
  height: 150px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}


.start-seoagentur a {
  color: black;
  border-color: black;
}
	
	
	.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;
    padding-right: 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%;}
	
	
		section.corona-anzeige-startseite img {    width: 100%;}
.corona-anzeige-startseite article {    width: 100%;}
.corona-btt a {    width: 100%;}
	.corona-basis-eintrag img {    width: 100%;}
	
	
		.bn_news img, .newsblock img  {
    height: auto;
		width: 100%;}
	
	
	.bn_news .btt-news a, .newsblock .btt-news a  {
    background-color: #86c7ff;
    color: white;
    padding: 10px 4px;
    border: 3px solid #86c7ff;
    width: 100%;
}
	

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

	
	section.stadt-header {    height: 150px;}
	.stadt-header h1 {    font-size: 2em !important;}
	ul.stadt-info-punkte li {    width: 100%;}
		ul.stadt-info-punkte.sipbundesland li {    width: 100%;}
	.stadt-info-texte article {    width: 100%;}
	.stadt-info-texte {    display: block;}
	.tes-head-bild {    height: 150px;}
	.tes-head-bild h2 {		font-size: 1em !important;}
	.eintrage-daten {    display: block;    height: inherit;}
	.eintrag-kategorie {    width: 100%;    border: none;    display: block;}
	.eintrag-firmendaten {    width: 100%;    display: block;}
	.eintrag-firmenname {    height: inherit;    margin: 20px 0px;}
	section.stadt-infobereich h2 {    font-size: 1.5em !important;}
	
	
	
	
	.pakete img {
    width: 100%;
}
	
	
	
	section.stadt-header {    height: 150px;}
	.stadt-header h1 {    font-size: 2em !important;}
	ul.stadt-info-punkte li {    width: 100%;}
		ul.stadt-info-punkte.sipbundesland li {    width: 100%;}
	.stadt-info-texte article {    width: 100%;}
	.stadt-info-texte {    display: block;}
	.tes-head-bild {    height: 150px;}
	.tes-head-bild h2 {		font-size: 1em !important;}
	.eintrage-daten {    display: block;    height: inherit;}
	.eintrag-kategorie {    width: 100%;    border: none;    display: block;}
	.eintrag-firmendaten {    width: 100%;    display: block;}
	.eintrag-firmenname {    height: inherit;    margin: 20px 0px;}
	section.stadt-infobereich h2 {    font-size: 1.5em !important;}
	
	
	.start-news-block-row-eins, .start-news-block-row-zwei, .start-news-block-row-drei{float:none !important;}

		.MarketingSeo::after {
    background-image: url(../images/AP24-MarketingSeo.jpg);
    content: " ";
    display: block;
    height: 281px;
    background-size: 180%;
    background-repeat: no-repeat;
		background-position: right;}
	
	.MarketingSeo {
    background-color: #d3e3ee;
    padding: 25px 10px 25px 10px;
    background-image: none;
    min-height: inherit;
}
	

	
	.floating-left{float: none;}
.floating-right{float:none;}
	
	.col-2 {
    width: 100%;
}
	
	.top-anwaelte {
    background-color: #f1ece6;
    padding: 25px 10px 25px 10px;
    background-image: none;
    min-height: inherit;
}
	
	.top-anwaelte::after {
   background-image: url(../images/ap24-top-anwaelte.jpg);
    content: " ";
    display: block;
    height: 281px;
    background-size: 180%;
    background-repeat: no-repeat;
    background-position: right;
}
	
	.rechtsgebiete {
    padding: 25px 10px 25px 10px;
    background-image: none;
    min-height: inherit;
}
	
	
	.rechtsgebiete::after {
    background-image: url(../images/AP24-rechtsgebiete.jpg);
    content: " ";
    display: block;
    height: 281px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: right;
}
	
	
	ul#branchenpaekchen-liste {    display: block !important;}
	
	.snbr-bild {		width: 100% !important;}
	
	footer {    padding: 0 5% 0 5% !important;
    float: left;
    width: 100%;
}
	#footer-menu {    display: block;}
	
	.bundesland-kacheln ul, .branchenkategorien-kacheln ul {    width: 100%;    display: block;}
	
	.bundesland-kacheln ul li, .branchenkategorien-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; font: normal 900 34px/45px 'Roboto', sans-serif; }


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

.alle-news a {

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

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

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

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

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

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

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

.start-news-block-row-eins, .start-news-block-row-zwei, .start-news-block-row-drei {
    border: 1px solid #86c7ff;
    float: left;
    padding: 2%;
    margin-bottom: 10px;
}


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

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

.btt-standard a {  width: 100%;  text-align: center;}

.wps-spalte {
    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: #fff !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #86c7ff !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #000 !important; /* Textlink-Farbe "Mehr Infos" */
}


/****************** SCHRIFTEN IMPORT ***********************/
@import url('https://fonts.googleapis.com/css?family=Arbutus+Slab');
/***********************************************************/

@import url('fontawesome/css/font-awesome.css');
@import url('fontawesome/css/font-awesome.min.css');

@font-face { font-family: 'font-awesome'; src: url('fontawesome/fonts/fontawesome-webfont.eot') format('eot'), url('fontawesome/fonts/fontawesome-webfont.woff') format('woff'), url('fontawesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('fontawesome/fonts/fontawesome-webfont.svg#svgFontName') format('svg'); }


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


/******************** Allgemein / Body / Links / Headlines  *************************/


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

.f-awesome {
	font-family:font-awesome, sans-serif;}


#top-brancheneintraege-pakete {

}

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

#branchen-header img {
    width: 100%;
}

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

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

#top-brancheneintraege h3 {
    margin-top: 10px;
    margin-bottom: 5px;
}


#top-brancheneintraege {
    background-color: #86c7ff;
    color: white;
    float: left;
    margin: 0 2.5% 0 0;
    padding: 0;
    width: 18%;
	padding-bottom:10px;
}


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

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

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


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

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


#tb-branchen-reg-hinweis h1 {
    background-color:#0064a3;
    color: white;
    font-size: 25px;
    padding: 10px;
    text-align: center;
}


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

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


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


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





#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-stoerer {
    display:none;
}


.sektion-werbeflaeche p {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.wf-netzwerk {
    float: left;
}

.wf-werbeplatz {
    float: right;
}


wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
overflow-x: hidden;}
	

body {
    margin: 0;
    padding: 0;
	background-color:#ebf5fe;
}


/*
.sektion-headline {
    background-color: #86c7ff;
    
    letter-spacing: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    text-transform: uppercase;}*/

	#sektion{float:left;width:100%;margin-bottom: 50px;}
	
	
#home 	#artikel {
	float:left;
	width:30%;
	margin-right:2.5%;
	margin-left:2.5%;
	font-size:14px;
	text-align:justify;}
			
			
 #home #artikel:last-of-type { margin-right:0%;}
 #home  #artikel:first-of-type {margin-left:0%;}

  
#artikel {

    float: left;
    font-size: 14px;
    margin-right: 2.5%;
    text-align: justify;
    width: 30.8%;}
	
	
h1, h2, h3, h4, h5,h6 {
float:none;
clear: both;}
		
.trennlinie{
border:dashed #abd8ff 1px;		
}


a { color:black; text-decoration:none;}
a:hover {text-decoration:underline;}

#artikel ul {
    float: left;
}


#artikel #stoerer {
	background-color:#abd8ff;
height:200px;
width:100%;	
display:table;
}

.text-stoerer {
    display: table-cell;
    font-size: 35px;
    padding: 2%;
    text-align: center;
    vertical-align: middle;
}


#artikel a {
    text-decoration: none;
}

.trennlinie {
    background-color: #86c7ff;
    float: left;
    height: 1px;
    margin-bottom: 25px;
    margin-top: 25px;
    width: 100%;}
	
	
	ul.listeneinzug {
    padding-left: 15px;
}


.fade-button{
	background-color:inherit;
	transition:ease-in-out 2s;
	-o-transition:ease-in-out 2s;
	-moz-transition:ease-in-out 2s;
	-webkit-transition:ease-in-out 2s;
	text-decoration:none;
}

.fade-button:hover{
	background-color:#86c7ff!important;
	color:white;
}

#hauptinhaltContentBlock, #hauptinhaltContentBlock_Suche {
    min-height: 500px;
}


/************************** RSS FEED *************************/


#feedHeaderContainer {
    display: none;
}

#rssfeed-desktop{display:block;}
#rssfeed-tablet{display:none;}
#rssfeed-smartphone{display:none;}

/******************** HEAD-BEREICH *************************/
	
	header{
	padding-left:1%;
	padding-right:1%;}
	
	

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

	

#logo {
  display: inline-block;
  padding: 0;
margin: 0 25px 0 0;
  width: 250px;
  height:65px;
}


#ap24-slogan {
	color:black;
    display: inline-block;
	font-size: 20px;
}

#banner_login {
    float: right;
}

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

#banner_login h2 {
	color:black;
    font-size: 14px;
	display: inline-block;
}


	#banner_login input{
		width:180px;
		font-size:14px;}
		
		
		.login-user {
    display: inline-block;
}
.login-pass {
    display: inline-block;
}

#registrieren{
    color: black;
    display: inline-block;
    font-size: 14px;}
	
	#registrieren a{
		color:black;
		text-decoration:none;
		background-color:#fff;
		  font-size: 12px;
		padding:5px;
		margin-left:5px;}
		
		
		#logo-zeile {
    margin-bottom: 30px;
}
		
		
		.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;
   min-width: 180px;
/*  background-color: #254441;
}*/

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

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

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 ul li ul li:hover { background: #86c7ff ; }*/

nav a:hover { background-color:white ; opacity:0.8; color:#86c7ff; }

nav ul ul {
  display: none;
  position: absolute;
  top: 35px;
	z-index: 9;
}
  transition:ease-in-out 0.5s;
-o-transition:ease-in-out 0.5s;
-moz-transition:ease-in-out 0.5s;
-webkit-transition:ease-in-out 0.5s;
}

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;}
	
	
	
	
	header.sticky-active{
		position:fixed;
	background-color:#ebf5fe;
	width:98%;
	padding-left:1%;
	padding-right:1%;
	padding-top:10px;
	z-index:99;
	color:white;
	height:65px;
	border-bottom: 1px solid #abd8ff;
	-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: 100px;
}


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


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

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

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



/*BANNER BEREICH*************************************************************/

#suche-registrieren-banner{
    background-color: #86c7ff;
    
    width: 100%;
	

}

#banner-width{
	background-image: url(../images/banner/AP24-Banner.jpg); 
	background-position: center center;
    background-repeat: no-repeat;
	background-size: 1280px 205px;
	height: 205px;
	padding-left:1%;
	padding-right:1%;}

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

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



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

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

#logo-banner span{display:none;}



/*HOME*************************************************************/





#abo {
    float: left;
    margin-left: 2.5%;
    margin-right: 2.5%;
    width: 30%;
}

#abo:first-of-type{
	margin-left:0%;}
#abo:last-of-type{
	margin-right:0%;}

#abokasten {
    background-color: #abd8ff;
    color: black;
	min-height: 340px;
	padding:1%;
	position:relative;
	z-index:1;
	transition:all ease-in-out 2s;
	-webkit-transition:all ease-in-out 2s;
	-o-transition:all ease-in-out 2s;
	-moz-transition:all ease-in-out 2s;
}

#abokasten:hover {
    background-color: #86c7ff;
    color: white;

}




.basis-abokasten::after {
    background-image: url("../images/werbepakete/anwaltsportal24-basis-abo.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    content : "";
    display: block;
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    opacity : 0.2;
	z-index:-1;
}
	

.premium-abokasten::after {
    background-image: url("../images/werbepakete/anwaltsportal24-premium-abo.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    content : "";
    display: block;
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    opacity : 0.2;
	z-index:-1;
}	

.premiumplus-abokasten::after {
    background-image: url("../images/werbepakete/anwaltsportal24-premiumplus-abo.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    content : "";
    display: block;
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    opacity : 0.2;
	z-index:-1;
}
	
#abokasten li{
		font-size:14px;}
		
#abo-links {
    text-align: center;
}		



#abo-preis {
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
}

		
#paketpreis {
    background-color: #ffffff;
    color: #86c7ff;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 5px;
    text-transform: uppercase;
}

#pp-untertext {
    display: inline-block;
    font-size: 10px;
    margin-top: 30px;
}


#abokasten h2 {
    text-align: center;
    text-transform: uppercase;
}

#abo a {
	text-decoration:none;}
	
	
	


ul#home-topanwaltliste1, ul#home-topanwaltliste2{
	padding-top:0px;	
	margin-top:0px;
	 text-align: left;}
	
	ul#home-topanwaltliste1 li, ul#home-topanwaltliste2 li{
	padding-top:0px;	
	margin-top:0px;
	margin-bottom:9px;}
	
	ul#home-topanwaltliste1 li:last-child, ul#home-topanwaltliste2 li:last-child{
	margin-bottom:0px;}	

	
ul#home-topanwaltliste1 li a {
        display: block;
font: 500 normal 20px/24px 'Roboto', sans-serif;
    margin: 0;
    padding: 5px;
}
	
	
	#home-kategorienliste1, #home-kategorienliste2 {
	display: inline-block !important;
    float: none !important;
    line-height: 28px;
	font-size: 20px;
	margin: 0;
}
	
#button a{
	padding-left:5%;
	padding-right:5%;
	padding-top:2%;
	padding-bottom:2%;
	background-color:#abd8ff;
	text-decoration:none;
	text-align: center;
	display:block;}
	
	#branchenlink{
		margin-bottom:20px;}
	
	
	#branchenlink a {
		font-size:20px;
    background-color: #abd8ff;
    display: block;
    padding-left:5%;
	padding-right:5%;
	padding-top:1%;
	padding-bottom:1%;
    text-align: center;
    text-decoration: none;
}

#home #button{
    font-size: 20px;
}

#home .reg-button{
	    margin-top: 90px;}
		
#home .branchen-button{
	       margin-top: 10px;}


#home #artikel





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







.wp-reg-link {
    color: #86c7ff;
    display: block;
    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-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
	 list-style-type: none;
	    margin-top: 15px;
}
#lp-preis span {
    color: #86c7ff;
}


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


/**Startseite-Branchen-Pakete**/

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

ul#branchenpaekchen-liste  li {
    list-style-type: none;
	flex: 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: #86c7ff;
    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: #86c7ff;}

#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: #86c7ff;

		  color: white;
    font-weight: bold;}

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

.tem-spalte span {
    display: none;
}


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



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

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


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

/** 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: #86c7ff;
    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 ///////////////////////////////////////////////////////////*/





/* 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{ 
 margin-bottom: 25px;   
    color: black;
    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: #86c7ff; margin-bottom:20px;}	
.stadt-hiereintragen_home a {color: white;}	

#stadt-hiereintragen{background-color: #86c7ff!important; margin-bottom:20px;}	
#te-stadt{color: #86c7ff!important;}


.stadt-hiereintragen_berlin{background-color: #000000;}
.stadt-hiereintragen_bremen{background-color: #da121a;}
.stadt-hiereintragen_dortmund{background-color: #fdcc00;}
.stadt-hiereintragen_duisburg{background-color: #0044b3;}
.stadt-hiereintragen_duesseldorf{background-color: #ec1b23;}
.stadt-hiereintragen_hamburg{background-color: #ec1b23;}
.stadt-hiereintragen_kiel{background-color: #e83629;}
.stadt-hiereintragen_koeln{background-color: #000000;}
.stadt-hiereintragen_muenchen{background-color: #000000;}
.stadt-hiereintragen_rostock{background-color: #0661bb;}
.stadt-hiereintragen_kleve{background-color: #da121a;}
.stadt-hiereintragen_muelheim{background-color: #0f46ae;}
.stadt-hiereintragen_bochum{background-color: #36a4fd;}
.stadt-hiereintragen_essen{background-color: #0f46ae;}
.stadt-hiereintragen_recklinghausen{background-color: #339900;}
.stadt-hiereintragen_gelsenkirchen{background-color: #000000;}
.stadt-hiereintragen_iserlohn{background-color: #ec1c23;}
.stadt-hiereintragen_hagen{background-color: #2f4aa6;}
.stadt-hiereintragen_hamm{background-color: #fbdd08;}
.stadt-hiereintragen_bonn{background-color: #da121a;}
.stadt-hiereintragen_dresden{background-color: #000000;}
.stadt-hiereintragen_frankfurt{background-color: #e42e17;}
.stadt-hiereintragen_hannover{background-color: #da121a;}
.stadt-hiereintragen_krefeld{background-color: #dd3321;}
.stadt-hiereintragen_koblenz{background-color: #d4150b;}
.stadt-hiereintragen_nuernburg{background-color: #ffcc00;}
.stadt-hiereintragen_stuttgart{background-color: #131415;}


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




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

.empfehlung-daumen{	background-image:url(/images/staedte/anwaltsportal24-emblem.svg);
background-repeat:no-repeat; background-position:right bottom;}


.empfehlung-eintrag-stadt
{background-color: #86c7ff;
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; background-color:#86c7ff!important;
	transition:ease-in-out 2s;
	-o-transition:ease-in-out 2s;
	-moz-transition:ease-in-out 2s;
	-webkit-transition:ease-in-out 2s;}


.detailsuche_uebersicht:hover{    
    background-color:#abd8ff!important;
}

#detailsuche_daten h2{    color: white;
    font-size: 20px;}
#ds_adr_kat_adresse_ausgabe{color:white;}
.kat_ausgabe{color:white;}



#float_clearen{clear:both;}

#footer-paket {
    float: left;
    height: 20px;
    margin-bottom: 40px;}
	



	
/*	#suche-registrieren-banner{float:left;}
	#hauptinhalt{float:left;}
	#laufschrift {float:left;}
	footer{float:left;} */
	

	
/*	#suche-registrieren-banner,*/ #hauptinhaltContentBlock,#Laufschrift,#hauptinhaltContentBlock_Suche{
margin-bottom:10px;}
	

	
	





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



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


#stadt-hiereintragen a {
    color: black;
}

/*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:#86c7ff;
color: white;
min-height: 430px;
min-width:300px;
position:relative;}

.pakete ul {
    font-size: 14px;
}_re

.pakete-home .pakete
{width:32%;
float:left;
background-color:#86c7ff;
min-height: 430px;
min-width:300px;
position:relative;}

.pakete-stadt .pakete
{width:32%;
float:left;
background-color:#86c7ff;
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: 15px;
position:absolute;
left:37%;
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:#86c7ff;}

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

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

.pakete-home .paket_reg-startseite a 
{background-color: #ffffff;
color: #86c7ff;
font-size: 28px;
padding: 5px 37px;
text-decoration:none;}	
		
.pakete-stadt .paket_reg-stadt a 
{background-color: #ffffff;
color: #86c7ff;
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 {
	
		text-decoration:none;
		color:#86c7ff ;}
		
	#hauptinhaltContentBlock .videos a:hover {
		text-decoration:underline;}
		

			
			
			#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;}
.BP24Table a:hover{color:#86c7ff ; text-decoration:underline;}
.BP24Table a b{font-weight:normal;}

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

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

.BP24Table tr:first-child td {background-color:#86c7ff ; color:#ffffff;}

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

#statistik-bild {float:left;margin-left:2%;}
#statistik-bild img {width:450px;}
#statistik-bild label.description{font-size:14px;font-weight:normal;}


#mapspacehome{
			padding:0px;
			height:300px;
			margin-left:auto;
			margin-right:auto;
			overflow:hidden;
			position:relative;
			text-align:center;}


	
	.Suchleiste{height:125px;
	margin:0;
	max-width:100%;
	padding:15px 0 0;
	width:100%;}


 
 #suchfelderliste{
	padding: 0;
	margin-right: 2%;
	margin-bottom: 20px;
    float: left;
    list-style: outside none none;
}
	   
.suchmaske {float:left; margin-right:25px;}
.suchmaske:last-of-type{margin-right:0px;}

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



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

#brancheneintrag-seite #detailsuche_eintraege{background-color:#ebf5fe;}

#detailsuche_eintraege{background-color:#abd8ff; float:left; width:100%;margin-bottom:25px;}

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

detailsuche-branchensuche #detailsuche_daten{max-width: 50%; }

#brancheneintrag-seite #detailsuche_daten{padding:0px!important;float:left; }

#detailsuche_logo{    background-color: white;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px;}
	
	.Suchlogo {
    border: medium none !important;
}

#detailsuche_suchb_kontaktdaten{float:left;margin-left: 25px;width: 100%;}

#brancheneintrag-seite #detailsuche_daten h2{color:black;}
#brancheneintrag-seite #ds_adr_kat_adresse{color:black;}
#brancheneintrag-seite #ds_adr_kat_adresse_ausgabe{color:black;}
#brancheneintrag-seite #detailsuche_daten h2{color:black;}

.detailsuch_icons {
    line-height: 155%;
	display: flex;
}

.detailsuch_icons > img {
      margin-right: 10px;
    width: auto;
    height: 16px;
    margin-top: 5px;
}

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


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

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

#detailsuche_sb_icons{float: left;margin-left: 25px;}

#microsite_link{white-space: nowrap;}

#detailsuche_eintraege .detailsuch_icons {
    color: white;
}

#microsite_link a {
    color: white;
}

#zahlung-webdesign{float:left;}

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





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


#form_container {
    clear: both;
	border:thin solid #86c7ff;
	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:#86c7ff;}
ul#list_berufe > li.li_header ul li a {color:#86c7ff;}


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

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


.webdesign-tabelle-kopfzeile {
    min-height: 160px;
	    background-color: #86c7ff;
		color:black;
		border: thin solid white !important;}

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

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

#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: 20%;}
	
.werbepaket-spalte ul{list-style-type:none;margin:0;padding:0;}
.werbepaket-spalte ul li{margin:0;padding:10px;border: thin solid #86c7ff;}



.werbepaket-tabelle-kopfzeile {
    min-height: 160px;
	color:black;
	    background-color: #86c7ff;
		border: thin solid white !important;}


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


#faq-artikel #artikel {
	width:45% !important; margin-left:2%;
}

  
  
.question {
    font-weight: bold;
}
  
#faq-artikel span {
    color: #86c7ff;
    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:#86c7ff;}



#branenchensuche_buchstaben {
    text-align: center;
}



.branchensearch{float:left; }

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

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

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

p.branchenletter{background-color:#86c7ff;color: black; 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;}

p.topofsite{text-align:center;}

p.topofsite a{text-decoration:none;
background-color:#86c7ff;
    color: black;
    padding: 5px;
    text-decoration: none;}
	p.topofsite a:hover{text-decoration:underline;}



/**DETAILEINTRAG********************************************/

#btt_vcard {
width: 85%;
margin-bottom: 15px;
display: flex;
justify-content: space-between;
}

.btt_vcard_btt {
    

}

#btt_vcard_route {
   cursor:pointer;
}




.detailsuche_eintraglink {
    text-align: center;
}



#detailsuche_vcard-box {
    float: right;
    max-width: 36%;
    margin-left: 2%;
    background-color: #86c7ff;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
		margin-top:15px;
}
 


#detailsuche_vcard-box #detailsuche_logo {
    background-color: white;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
	
	    float: none;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
}

#detailsuche_vcard-box #detailsuche_logo img {
    max-width: 100%;
		max-height: inherit;

}


#detailsuche-eintraege{border:thins solid  #86c7ff;}

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


#detailsuche-eintraege {
    border: thin solid #86c7ff;
    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;
	max-height: 125px;
}

#detailsuche-branchensuche{    
    background-color:#86c7ff;
    float: left;
    margin-bottom: 25px;
    width: 98%;
	transition:ease-in-out 2s;
	-o-transition:ease-in-out 2s;
	-moz-transition:ease-in-out 2s;
	-webkit-transition:ease-in-out 2s;}
	
	
#detailsuche-branchensuche:hover{    
    background-color:#abd8ff;
}	
	
	
	
#BEintrag_firmenbeschreibung {
    float: left;
}


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

#BEintrag_Beschreibung{float:left;width: 100%;}
#BEintrag_route{float:right;}

.FirmenBeschreibung {
    float: left;
	width:60%;
}

#FirmenBeschreibungInhalt {
	float:none;
    background-color: #abd8ff;
    font-size: 16px; 
    padding: 5%;
    text-align: justify;
	max-width: 100%;
}

#BEintrag_socialmedia{float:left;width: 38%; margin-left:2%; }
/*#BEintrag_videos{float: right;width: 38%;}*/
#BEintrag_videos {
    float: left;
    width: 100%;
}

#BEintrag_galerie{float:left;width: 60%;}
#BEintrag_kontaktformular{float:left;width: 60%;}
#BEintrag_kategorie{float:right;width: 38%; margin-left:2%;  }
#BEintrag_suchbegriffe{float:left;width: 60%;}
#BEintrag_oeffnungszeiten{float:left;width: 38%; margin-left:2%;   }
#BEintrag_stellenangebote {    float: right;    width: 38%; }

div#BEintrag_kontaktformular-stellenangebote-komplett {
    float: left;
    width: 100%;
}

#BEintrag_route {
    float: left;
    width: 60%;
}

.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%;*/
	
	    width: 100%;
    position: inherit;
    object-fit: cover;
    height: 100%;

}


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

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


#BEintrag_karte {
    margin-bottom: 20px;
	 text-align: center;
}
#BEintrag_route input#start {
	min-width: 400px;
    margin-left: 5px;
    margin-right: 5px;
}

#routenbuttons {
    text-align: center;
}


#BEintrag_kontaktformular #form_container form .form_description {
    clear: left;
    font-weight: bold;
	color: #86c7ff;
}
#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: #86c7ff;
}

#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 {
	background-color: #86c7ff;
	width:23.5%;
	float:left;
	margin-right:2%;
}

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

.reg_box.silber {
    background-color: #618eb5 !important;
}

.reg_box.gold {
    background-color: #2f485e !important;
}

.reg_box.gold a {
    color: white !important;
}

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


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



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

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




/* registrieren_standard/registrieren_komfort/registrieren_premium */

.reg_form{
	background: rgba(51, 51, 51, 0.1) none repeat scroll 0 0;
	margin-top: 10px;
	margin-bottom: 10px;
	border: #86c7ff 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{}


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


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

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

.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:#86c7ff;
	float:left;
	width:100%;
	margin-top:20px;}
	
	#Laufschrift span{
		margin-left:1%;
		color:#ffffff;
		
		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{		

		text-decoration:none;
		color:#86c7ff ;
		font-size:20px;}
		
	.laufband a:hover{		
		text-decoration:none;
		color:#86c7ff; }	

.laufband a h4 { display:inline;}








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

#footercontentwidth{    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

footer{
	float:left;
	width:100%;
    padding-left:1%;
	padding-right:1%;
	padding-top: 45px ;
	padding-bottom:20px;
	min-height:100px;
	background-color:#86c7ff;
	color:black;}
	
	
		
#eigener-footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
}	


#footer-Rechte {
    width: 100%;
}
		
#footer-widgets .widget {
    float: left;
    width: 30%;
}

#footer-widgets .widget:first-child {
    margin-right: 5%;
}

#footer-widgets .widget:last-child {
    margin-left: 5%;
}

footer a:link, footer a:focus, footer a:active, footer a:visited
{
	color:black;
}
	


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




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

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

.pakete
{min-height: 425px;}

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

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


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

}


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

@media screen and (min-width : 1020px) and (max-width : 1270px) 
{
	
	.mobile-view {
    display: none;
}
#banner_login h2 {
    font-size: 12px;
}
	

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


#registrieren {
    color: #fff;
    display: block;
    font-size: 12px;
}


.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) {
	.mobile-view {
    display: none;
}
	
	#top-brancheneintraege h3 {
    margin-top: 10px;
    margin-bottom: 5px;
		font-size: 12px;}
		
#banner_login h2 {
    font-size: 12px;
}
	

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


#registrieren {
    color: #fff;
    display: block;
    font-size: 12px;
}


.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) {
	
	.mobile-view {
    display: none;
}
	
	#top-brancheneintraege h3 {
    margin-top: 10px;
    margin-bottom: 5px;
		font-size: 12px;}
	
	
	#rssfeed-desktop{display:none;}
#rssfeed-tablet{display:block;}
#rssfeed-smartphone{display:none;}
	
		
#banner_login h2 {
    font-size: 12px;
}
	

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


#registrieren {
    color: #fff;
    display: block;
    font-size: 12px;
}

	
	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) {
	.mobile-view {
    display: none;
}
	
	#top-brancheneintraege h3 {
    margin-top: 10px;
    margin-bottom: 5px;
		font-size: 12px;}
	
	#logo {
    width: 190px;
}
	
	#ap24-slogan {
		color:black;
    font-size: 12px;
}
		
#banner_login h2 {
	color:black;
    font-size: 12px;
}
	

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


#registrieren {
    color: #fff;
    display: block;
    font-size: 12px;
}

	
	
	
	#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) {
	
	
	.desktop-view{display: none;}
	.mobile-view{display:block;}
	
	
	#top-brancheneintraege {
    float: none;
    margin: 0 0 25px 0;
    padding: 0 0 10px;
    width: 100%;
}

	
	
		#rssfeed-desktop{display:none;}
#rssfeed-tablet{display:none;}
#rssfeed-smartphone{display:block;}
	
	
	.text-stoerer {

    font-size: 25px;
}

#artikel #stoerer {
    height: 125px;
}

	
	#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: #86c7ff;
    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, #BEintrag_suchbegriffe, #BEintrag_galerie, #BEintrag_oeffnungszeiten, #BEintrag_socialmedia, #BEintrag_route, #BEintrag_videos, #BEintrag_kontaktformular, #BEintrag_stellenangebote  {width:100%; margin-left:0; margin-right:0;

}
	
	#detailsuche_vcard-box {
    width: 98%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 15px;
    margin-bottom: 15px;
		max-width: inherit;
		margin-left: 0;
		float: inherit

}

#BEintrag_karte img {    width: 100%;}
	
	
#BEintrag_kontaktformular {    float: none;  }	
#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;
	   min-width: inherit;
    width: 98%;
}
	
#BEintrag_firmenbeschreibung {    float: none;}
	
.branchenrow {    width: 100%;}
	
	
	#trenner{display:inherit;}
	#faq-artikel #artikel {width:100% !important; float:none;}
	
	
	#leistungen.webdesign-spalte{display:none;}
	
.wt-spalte span {
    display: inherit;
}
	.webdesign-spalte{width:100%;}
	.werbepaket-spalte{width:100%;}
	#leistungen.werbepaket-spalte{display:none;}
	
	
	
	#agbs {
    float: left;
    margin-right: 2%;
    text-align: justify;
    width: 100%;
}

	#kontaktdaten{margin-right:0px;}
	
	.impressum{max-width:98%;}
	#passwort-formfelder #email.text{width:100%;}
	#passwort-formfelder .btn{width:100%;}
	
	

	
	.login_formular li, .login_formular{float:none;}
	.login-felder li div{margin:0px;}
	.login-felder li input.btn{width:100%;}
	.Login-Text{float:none;}
	
	#wrapper_berufe #list_berufe > li{float:none;width:100%;margin-bottom:30px;}
	
	
	.bildfeld{width:inherit;}
	#videowerbung video{width:100%; height:auto;}
	#form_container li{float:none;margin:0;width:inherit;}
	
	
	
	#ds_adr_kat_adresse {

    float: left !important;

}
	

#detailsuche_daten, #detailsuche_suchb_kontaktdaten, #detailsuche_sb_icons, #ds_adr_kat_adresse, #ds_adr_kat_adresse_ausgabe, #ds_adr_kat_kategorie{float:none;max-width: inherit !important;}
	
	#detailsuche_logo img {
   /* max-width: inherit !important;*/
		    max-height: inherit !important;
}
	
	.microsite_wochentag {    min-width: 50px;}
	
.kat_ausgabe{float:none;margin:0px;margin-bottom:10px; }

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

.Suchlogo{max-width:250px;}

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

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

	
	#suche-registrieren-banner{}
	
	
	.search input[type="text"]{
		font-size:14px;
	width:300px;}
	
	#suche-registrieren-banner h2{
		float:none;}
	
	
	#footer-menu{
		float:left; 
		margin-top:10px;
		margin-bottom:20px;}
	
	#artikel{width:100%;margin: 0 0 25px;}
	
/*	#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------------------------ */


#abo {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 94%;
}

  #abo:first-of-type {
    margin-left: auto;
}

#abo:last-of-type {
    margin-right: auto;
}


.sektion-headline {
    font-size: 20px;
    width: 100%;
}

#FirmenBeschreibungInhalt {
    background-color: #abd8ff;
    float: left;
    font-size: 18px;
    min-width: inherit;
    padding: 20px 2%;
    text-align: justify;
}
  
  






		#logo-zeile.sticky-active  {
    margin-bottom: 10px;
}
	
	
	#banner_login {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}


#banner_login input {
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
}

.login-pass, .login-user{
	display:block;}
	


#logo {
    display: block;
    height: auto;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    text-align: center;
    width: 60%;
}


	#logo.sticky-active {
    display: block;
    height: auto;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    text-align: center;
    width: 60%;
}

#ap24-slogan {

    display: inline-block;
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}


#ap24-slogan.sticky-active {
    display: inline-block;
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

#banner_login.sticky-active {
    display: inline-block;
	float:none;
}


#logo-zeile {
    margin-bottom: 30px;
}

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


/*nav ul.menu.sticky {
    background-color: yellow!important;}*/
/*
nav label.togglemenu {    margin-left: auto;
    margin-right: auto;
    width: 50px;}
nav label.togglemenu:hover {color:white; }

nav a {

    font-size: 20px;}

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

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

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

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

[id^=drop]:checked + ul { display: block!important; }

nav ul {background-color:inherit ;}

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

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

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

/*nav a:hover,
 nav ul ul ul a { background-color: #000000; }*/

/*nav ul li ul li .toggle,
 nav ul ul a { background-color: #212121; }*/
/*
nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

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

nav ul ul ul li { position: static;

}



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

#home #artikel:first-of-type {
    margin-left: 2.5%;
}

#home #artikel:last-of-type {
    margin-right: 2.5%;
}

#home #artikel {
    float: none;
    font-size: 18px;
    margin-left: 2.5%;
    margin-right: 2.5%;
    text-align: justify;
    width: 95%;
	 margin-bottom: 25px;
}


#home-kategorienliste2 {
    float: none!important;
}

ul#home-topanwaltliste2 {
    float: none !important;
}

#artikel ul {
    float: none;
}

#footer-widgets .widget {
    float: none;
    width: 100%;
}


#artikel img {
    width: 94%;
}

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


.br-kat-empfehlung-eintrag {
    background-color: #86c7ff;
    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: 100%;}

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

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


}