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


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

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



/***VARIABLEN**/
:root { --accent-color: #002e57;}
:root { --accent-color-two: #005697;}
/**************/



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

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



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

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

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


.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/SP24-Slider-1280x500-IhreSeoAgentur.jpg);}
.slide.slide02 {background-image: url(/images/SP24-Slider-1280x500-VorteilSea.jpg);}
.slide.slide03 {background-image: url(/images/SP24-Slider-1280x500-GoogleAds-Silber.jpg);}
.slide.slide04 {background-image: url(/images/SP24-Slider-1280x500-GoogleAds-Gold.jpg);}


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

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

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

  to {
    margin-top: 0%;
   
  }
}



@media screen and (max-width:778px){
	.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;
}
}


/****LOGIN******/


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

.login-erfolg {
float:right;

}

.log-text {
font-size: 14px;
font-weight: bold;
color:white;
right: 0px;
padding: 0px 10px 0px 10px;

}


@media screen and (max-width:1050px)
{
	
	.login-erfolg {display: none !important;}
	
		.kundencenter a {
    background-color:inherit !important;
    padding: 0px !important;
    font-size: 18px !important;
		
}

.kundencenter .toggle {
    background-color:     white;
	color:#002e57;
}
	
}


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




/***************PAKETE-STÄDTESEITEN****************/



.pakete-stadt .pakete h2, .pakete-stadt .pakete ul {display: none;}

.pakete-stadt .pakete .paket_reg a:first-of-type {display: none;}


.pakete-stadt .pakete:first-of-type::before {
	    content: "";
    display: block;
    width: 100%;
    height: 1112px;
    background-color: black;
    background-image: url(/images/SP24-Pakete-Basis.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid black;
}

.pakete-stadt .pakete:last-of-type::before {
	    content: "";
    display: block;
    width: 100%;
    height: 1662px;
    background-color: black;
    background-image: url(/images/SP24-Pakete-Premium.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid black;
}

.pakete-stadt .pakete:nth-child(even)::before {
	    content: "";
    display: block;
    width: 100%;
    height: 1253px;
    background-color: black;
    background-image: url(/images/SP24-Pakete-Komfort.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid black;
}



/*************GOOGLE ADS*************************************/


.googleads-registrierung-pakete-silber, .googleads-registrierung-pakete-gold {
  background-color: #002e57;
  padding: 10px;
	color: white;
}

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

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

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

.bp24-googleads-home > *, .bp24-googleads-home article {
  box-sizing: border-box;
}



.googleads-registrierung-pakete > * {
  box-sizing: border-box;
}

.werbepakete-googleads-tabelle #Basis {
  width: 20%;
}

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

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

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


.col-8-12 {
  width: 60%;
  float: left;
  padding: 0 25px 0 25px;
   
}
.col-first {
  padding-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;
}

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

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

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

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

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

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

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

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

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

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

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





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


.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: 45px;
}

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


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



.start-wasistsea .col-6-12 {
  float: right;
}

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


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


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

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



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


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


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

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


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


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


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

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

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

}


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






/*WEBDESIGN PAKETE***/



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

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

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


summary h3 {    display: inline; color: white;}
.summaryinhalt {  padding: 20px;}


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


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

.wdp-business {  width: 32%;}

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

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


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

.start-seo-statistik a.btt-highlight{text-align: center;width: 100%;}

article img {
    width: 100%;
}

#webdesign-seite article {
  box-sizing: border-box;
}

#webdesign-seite .row {
    display: flex !important;
    justify-content: space-between !important;}

#webdesign-seite .row .col-2 {width: 45% !important;}


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


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



@media screen and (max-width:1050px) {
	
	
	
	
	
	
.section-container-highlight-banner.sec-abstand {background-position: -230px;}
	
	
	
	nav ul li {
		min-width: inherit;}

}



@media screen and (max-width:778px){
	
		nav ul li {
			min-width: inherit;}
	
		.googlepartnerlogo-nav img {
  max-width: 40px;
}


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


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

	
	
			.start-seoagentur, .start-wasistsea, .start-vorteilsea {
  background-image: inherit;
  background-color: #002e57;
}

	
	
	.start-wasistsea::after {
  background-image: url(/images/wasistsea.jpg);
  display: block;
  content: "";
  width: 100%;
  height: 150px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  top: inherit;
  left: inherit;
  z-index: 0;
}
	
	.start-wasistsea .col-6-12 {
  float: none;
}
	

		.start-vorteilsea::after {
  background-image: url(/images/vorteilsea.jpg);
  display: block;
  content: "";
  width: 100%;
  height: 150px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  top: inherit;
  left: inherit;
  z-index: 0;
}
	
	
	
	
	

.gads-hk-icons ul {  display: inline-block;}
.gads-hk-icons li {  width: 100%;  margin-bottom: 10px;}

.col-1-12, .col-2-12, .col-3-12, .col-4-12, .col-5-12, .col-6-12, .col-7-12, .col-8-12, .col-9-12, .col-10-12, .col-11-12, .col-12-12 {
  width: 100%;
  float: none;
  padding: 0px;
}
.section-container-highlight-banner {  left: 50%;}

}


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





/************************ 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 #002e57;
float: left;
padding: 2%;
margin-bottom: 10px;
width: 96%;
}


@media screen and (max-width:778px)
	
{
	
	
	#webdesign-seite .row {
    display: block !important;
    justify-content: inherit !important;}

#webdesign-seite .row .col-2 {width: 100% !important;}

	
		.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: 88%; margin: 50px 0px;}

.btt-standard a {  width: 100%;  text-align: center;}
	
	
	
	/*****************************/
		#start-aktuelleeintraege li {
  width: 100%;
}

	
	/*****************************/
	
	
#sektion-halb-halb {width:100%; float:none;}

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

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


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




.cc_container .cc_btn {
background-color: #418abe !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #002e57 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #005697 !important; /* Textlink-Farbe "Mehr Infos" */
}



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



#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: #002e57;
    color: white;
    float: left;
    margin: 0 2.5% 0 0;
    padding: 0;
    width: 23.125%;
	padding-bottom:10px;
}


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

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

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


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

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


#tb-branchen-reg-hinweis h1 {
    background-color:#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;
}




.platzhalter-werbeflaeche {
    line-height: 350%;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    text-transform: uppercase;
}



#iframe-yt {  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  
  overflow: hidden; 
  width: 100%;
  height: auto;}

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


#steuerberaterportal24-display-none {display: none;}


.sektion-premiumkarte .eintragaufrufen {
    display: none;
}

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


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

body {
    font-family: 'Arbutus Slab', serif;
    margin: 0;
    padding: 0;
	background-color:#ffffff;
}



.sektion-headline {
    background-color: #002e57;
    color: #ffffff!important;
    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 #b2b2b2 1px;		
}


a { color:#002e57;text-decoration:none;}
a:hover {text-decoration:underline;}

#artikel ul {
    float: left;
}


#artikel #stoerer {
	background-color:#005697;
	color:white;
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: #002e57;
    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:#005697!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{
	background-color:#002e57;
	width:98%;
	padding-left:1%;
	padding-right:1%;
	padding-top:10px;
	z-index:99;
	color:white;
	height:155px;}
	
	

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

	

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


#ap24-slogan {
    display: inline-block;
	font-size: 14px;
}

#banner_login {
    float: right;
}

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

#banner_login h2 {
    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: #fff;
    display: inline-block;
    font-size: 14px;}
	
	#registrieren a{
		color:#002e57;
		text-decoration:none;
		background-color:#fff;
		  font-size: 12px;
		padding:5px;
		margin-left:5px;}
		
		
		#logo-zeile {
    margin-bottom: 30px;
}
		
		
		.flexed {
    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: white;
  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: #f99825 ; }*/

nav a:hover { background-color:white ; opacity:0.8; color:#002e57; }

nav ul ul {

  opacity:0;
  visibility:hidden;
  position: absolute;
  top: 35px;
  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:#002e57;
	width:98%;
	padding-left:1%;
	padding-right:1%;
	padding-top:10px;
	z-index:99;
	color:white;
	height:100px;
	border-bottom: 1px solid #b2b2b2;
	-moz-box-shadow:1px 1px 6px black; /* Firefox */
-webkit-box-shadow:1px 1px 6px black; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 6px black; /* Konqueror */
box-shadow:1px 1px 6px black; /* CSS3 */

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


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


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

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

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



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

#suche-registrieren-banner{
    background-color: #005697;
    display: inline-block;
    
    width: 100%;
	

}

#banner-width{
	background-image: url(../images/banner/SP24-Banner.jpg); 
	background-position: center center;
    background-repeat: no-repeat;
	background-size: 1280px 175px;
	height: 175px;
	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: 21%;
}

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

#abokasten {
    background-color: #005697;
    color: white;
	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: #002e57;
    color: white;

}




.basis-abokasten::after {
    background-image: url("../images/werbepakete/steuerberaterportal24-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/steuerberaterportal24-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/steuerberaterportal24-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: #f99825;
    font-family: futoncondensednormal;
    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, ul#home-topanwaltliste2 li a {
        display: block;
    font-size: 13px;
    margin: 0;
    padding: 5px;
}
	
	
	#home-kategorienliste1, #home-kategorienliste2 {
	display: inline-block !important;
    float: none !important;
    line-height: 132%;
	font-size: 13px;
	margin: 0;
}
	
#button a{
	padding-left:5%;
	padding-right:5%;
	padding-top:2%;
	padding-bottom:2%;
	background-color:#002e57;
	color:white;
	text-decoration:none;
	text-align: center;
	display:block;}
	
	#branchenlink{
		margin-bottom:20px;}
	
	
	#branchenlink a {
		font-size:20px;
    background-color: #b2b2b2;
    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: #f99825;
    display: block;
    font-family: futoncondensednormal;
    font-size: 23px;
    font-weight: bold;
    margin-top: 8px;
    text-transform: uppercase;
}

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



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


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


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

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


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

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

		  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: #f99825;
    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: white;
    float: left;
    font-size: 24px;
    font-weight: bold;
	padding-left:1%;
	padding-right:1%;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 98%;}
	
.stadt-hiereintragen_home{background-color: #002e57; margin-bottom:20px;}	
.stadt-hiereintragen_home a {color: white;}	

#stadt-hiereintragen{background-color: #002e57!important; margin-bottom:20px;}	
#te-stadt{color: #002e57!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/steuerberaterportal24-emblem.svg);
background-repeat:no-repeat; background-position:right bottom;}


.empfehlung-eintrag-stadt
{background-color: #002e57;
color: white;
float: left;
padding: 10px;
margin-right: 2%;
margin-bottom: 35px;
min-height: 270px;
min-width: 230px;
max-width: 344px;
}





.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:#002e57!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:#005697!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: white;
}

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


.pakete h2
{text-align:center;
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:#002e57;
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:#002e57;
min-height: 430px;
min-width:300px;
position:relative;}

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

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

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

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

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

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

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


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

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

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

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

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

.pakete-home .paket_reg-startseite a 
{background-color: #ffffff;
color: #f99825;
font-family: futoncondensednormal;
font-size: 28px;
padding: 5px 37px;
text-decoration:none;}	
		
.pakete-stadt .paket_reg-stadt a 
{background-color: #ffffff;
color: #f99825;
font-family: futoncondensednormal;
font-size: 28px;
padding: 5px 37px;
text-decoration:none;}

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

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



#hauptinhaltContentBlock .videos a {
		font-family:futoncondensednormal;
		text-decoration:none;
		color:#f99825 ;}
		
	#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; font-family:futonnormal;}
.BP24Table a:hover{color:#f99825 ; text-decoration:underline;}
.BP24Table a b{font-weight:normal;}

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

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

.BP24Table tr:first-child td {background-color:#f99825 ; color:#ffffff;font-family:futoncondensednormal;}

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

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


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


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


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

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



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

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

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

#detailsuche_daten{padding: 5px 5px 5px 15px;float:left; }
.detailsuche_uebersicht #detailsuche_daten {
    max-width: 1000px;
}

#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;min-width:350px;}

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

.detailsuch_icons > img {
    margin-right: 10px;
}

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

#microsite_link a {
    color: white;
}

#zahlung-webdesign{float:left;}

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


.newsblock{	border:thin solid #002e57; padding:10px; margin-bottom:15px;}

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


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


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


.stellenportal_form #stellentitel .text {width:100%;}
.stellenportal_form #arbeitsort .text {width:100%;}
.stellenportal_form #stellenbeschreibung .textarea {width:100%;}
.stellenportal_form #berufserfahrung .text {width:100%;}
.stellenportal_form #arbeitszeit .text {width:100%;}
.stellenportal_form #firma .text {width:100%;}
.stellenportal_form #strasse .text {width:100%;}
.stellenportal_form #PLZ .text {width:100%;}
.stellenportal_form #ort .text {width:100%;}
.stellenportal_form #land .text {width:100%;}
.stellenportal_form #mail .text {width:100%;}
.stellenportal_form .form_description{font-weight:bold;color:#f99825;clear:both;}
.eintrittstermin_zeile{display:block;}
#form_container.stellenportal_form form ul.stellenportal_dritte_ul li{float:none;}

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

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

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

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

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



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

#kontaktkarte > img {
    width: 100%;
}

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


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




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

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


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

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

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

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



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


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


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

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



#branenchensuche_buchstaben {
    text-align: center;
}



.branchensearch{float:left; }

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

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

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

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

.branchenrow {

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

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

p.branchenrow a:hover{text-decoration:underline;}

p.topofsite{text-align:center;}

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



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

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


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

#suchb-kontakt {
    float: left;
}

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

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

#detailsuche-branchensuche{    
    background-color:#002e57;
    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:#b2b2b2;
}	
	
	
	
#BEintrag_firmenbeschreibung {
    float: left;
}


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

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

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

#FirmenBeschreibungInhalt {
    background-color: #ccddea;
    float: left;
    font-size: 14px;
    min-width: 380px;
    padding: 20px 15%;
    text-align: justify;
	width: 70%;
}

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

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

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


.galerie_bild {

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


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


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

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


#BEintrag_karte {
    margin-bottom: 20px;
	 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: black;
}
#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: black;
}

#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: #002e57;
    width: 23.5%;
    float: left;
    margin-right: 2%;
    padding: 1%;
    box-sizing: border-box;
}

.reg_boxen 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(0, 46, 87, 0.1) none repeat scroll 0 0;
	margin-top: 10px;
	margin-bottom: 10px;
	border: #f99825 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%;
box-sizing: border-box;}

.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_boxen ul {
    margin: 0px;
    padding: 0px 0px 0px 20px;
}


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

.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:#f99825;
	float:left;
	width:100%;
	margin-top:20px;}
	
	#Laufschrift span{
		margin-left:1%;
		color:#ffffff;
		font-family:futoncondensednormal;
		font-size:20px;
		display:block;
	}
	
	#laufband-slider marquee ul li{
		background-color:#ffffff;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		padding-top:10px;}
	
.laufband a{		
font-family:futonnormal;
		text-decoration:none;
		color:#f99825 ;
		font-size:20px;}
		
	.laufband a:hover{		
		text-decoration:none;
		color:#f99825 ;}	

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








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

footer{
	float:left;
	width:100%;
	padding-top: 20px ;
	min-height:100px;
	background-color:#005697;
	color:white;}
	

#second-footer {
	    padding-left:1%;
	padding-right:1%;
    background-color:#002e57;
    clear: both;
    height: 40px;
    padding-top: 20px;
    text-align: center;
}
	
		
#eigener-footer {
    padding-left:1%;
	padding-right:1%;
}	

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


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

#footer-widgets #leistungen{
    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:white;}


#footer-widgets #googlepartner {
    margin: 0 0 25px 0;
}


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




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

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


.pakete
{min-height: 425px;}

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

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


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

}


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

@media screen and (min-width : 1020px) and (max-width : 1270px) 
{
	
	
#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) {
	
		#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) {
	
	
		#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) {
	
	
		
	#top-brancheneintraege h3 {
    margin-top: 10px;
    margin-bottom: 5px;
		font-size: 12px;}
	
	
	#logo {
    width: 190px;
}
	
	#ap24-slogan {
    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;
}

	
	
	
	#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)  {
	
	
		
	#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: #f99825;
    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_karte img {    width: 100%;}
	
	
#BEintrag_kontaktformular {    float: none;    padding: 5px;}	
#BEintrag_Beschreibung {    padding: 5px;float:none;}

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


#BEintrag_route input#start {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
	   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;}
	

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

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

.Suchlogo{max-width:250px;}

#detailsuche_logo{float:none;padding-left: 15px;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: #b2b2b2;
    float: left;
    font-size: 18px;
    min-width: inherit;
    padding: 20px 2%;
    text-align: justify;
}
  
  

  
	  	header{
			position:inherit;
	  top: 0;
	background-color:#002e57;
	width:98%;
	padding-left:1%;
	padding-right:1%;
	padding-top:10px;
	z-index:99;
	color:white;
	height: inherit;}
	  

	header.sticky-active{
	position:inherit;
	top: 0;
	background-color:#002e57;
	width:98%;
	padding-left:1%;
	padding-right:1%;
	padding-top:10px;
	z-index:99;
	color:white;
	height: inherit;
	border-bottom:none;;
    box-shadow:none;	
	}
	




		#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: 18px;
    margin-bottom: 20px;
    text-align: center;
	width: 65%;}


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

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


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


.toggle {
  display: block!important;
  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, #footer-widgets #leistungen {
    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: #f99825;
    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;}


}