/* Move down content because we have a fixed navbar that is 50px tall */
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 970px;
  }
}

body {
  padding-top: 50px;
  padding-bottom: 0px;
  font-size: 16px;
  color: #323232; /* Farbe black */
  background-color: #fefefe; /* Farbe lightwhite */
}

section {
  padding-bottom: 40px;
  padding-top: 40px;
}

a {
  color: #e89a00;
}

a:focus, a:hover {
  color: #ba7500;
}

blockquote footer cite a {
  color: #777777;
}


nav.navbar {
  background-color: #fefefe;
  border-bottom: 2px solid #f7f8fa;

}

.jumbotron {
    margin-bottom: 0px;
    background-color: #e3e3e3;
    background-image: url(bilder/seo-arbeiten-bezahlbar3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    border-bottom: 2px solid #e89a00;
}

.jumbotron .h1, .jumbotron h1 {
    font-size: 45px;
}

.jumbotron h1 {
  color: #e89a00;
}

.jumbotron ol {
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 15px;
}

.jumbotron p {
    font-size: 18px;
}

.jumbotron .alert p {
    margin-bottom: 15px;
}

.jumbotron .alert .text-green {
    color: #3c763d;
}

/* Klasse bigger für etwas größere Schrift zum hervorheben */
.jumbotron .bigger {
    font-size: 21px;
}

h1, h2, h3 {
  color: #e89a00;
}

.btn-default {
    background-color: #0186ca;
    border-color: #e5e5e5;
    color: #e5e5e5;
}

.btn-primary {
    background-color: #e89a00;
    border-color: #ba7500;
    color: #ffffff;
    background-image: linear-gradient(to bottom, #e89a00 0px, #ba7500 100%);
    background-repeat: repeat-x;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.btn-primary:hover {
    background-color: #ba7500;
    border-color: #e89a00;
    color: #fffaf2;
}
.pricing-table-1 .btn-primary.disabled:hover,
.pricing-table-1 .btn-primary.disabled:focus {
    border-color: darkred;
}
a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: inherit;
}
body > footer {
  color:#fefefe;
  background-color: #727272;
  border-top: 2px solid #e89a00;
  padding: 30px 0px 15px;
}

.editable_content {
  font-size: 24px;
}

section.cta-darkblue .editable_content {
  font-size: 14px;
}

hr {
    margin-bottom: 10px;
    margin-top: 10px;
    border-color: transparent;
}

hr.hr15 {
    margin-bottom: 15px;
    margin-top: 15px;
}

hr.hr20 {
    margin-bottom: 20px;
    margin-top: 20px;
}

hr.hr25 {
    margin-bottom: 25px;
    margin-top: 25px;
}

.img-thumbnail {
  background-color: #fdf4eb;
} 


.panel-primary {
    border-color: #e89a00;
}   

.panel-primary > .panel-heading {
    background-color: #e89a00;
    border-color: #e89a00;
    color: #ffffff;
}   

/* Farben */
.white {background-color: #f7f8fa}
.lightblue {background-color: #008ed6}
.darkblue {background-color: #0186ca}
.darkorange2 {background-color: #ff8c00}
.darkblack {background-color: #101010}
.black {background-color: #323232}
.lightblack {background-color: #333333}
.darkgrey {background-color: #727272}
.grey {background-color: #999999}
.lightgrey {background-color: #e3e3e3}
.darkwhite {background-color: #e5e5e5}
.lightwhite {background-color: #fefefe}
.darkyellow {background-color: #ffb900}

.text-white {color: #f7f8fa}
.text-lightblue {color: #008ed6}
.text-darkblue {color: #0186ca}
.text-darkblack {color: #101010}
.text-black {color: #323232}
.text-lightblack {color: #333333}
.text-darkgrey {color: #727272}
.text-grey {color: #999999}
.text-lightgrey {color: #e3e3e3}
.text-darkwhite {color: #e5e5e5}
.text-lightwhite {color: #fefefe}
.text-darkyellow {color: #ffb900}

.text-warning {color: #8a6d3b;}

section.cta-darkblue {
  border-top: 2px solid #ffb900;
  border-bottom: 2px solid #ffb900;
  background-color: #337ab7
}

section.cta-darkblue h2 {
  color: #323232;
  margin: 0px 0px 5px;
  letter-spacing: 2px;
}

section.cta-darkblue p {
  margin: 5px 0px 30px;
  font-size: 20px;
  letter-spacing: 1px;
}

section.cta-darkblue form {
  margin-top: 20px;
}

section.cta-darkblue .editable_content {
  font-size: 14px;
}


/* Preistabellen */
.pricing-table-1 {
    background: #e8e8e8 none repeat scroll 0 0;
    border-radius: 15px;
    padding-bottom: 40px;
    text-align: center;
    margin: 10px 0px;
}
.pricing-table-1 .pricing-table-name {
    background: #d1d1d1 none repeat scroll 0 0;
    border-radius: 15px 15px 0 0;
    color: #191919;
    font-weight: 700;
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
}
.pricing-table-price {
    font-size: 40px;
    line-height: 1.33333;
    -moz-user-select: none;
    font-weight: 600;
    vertical-align: middle;
}
.pricing-table-1 ul li span {
    color: #ba7500;
}
.pricing-table-1 ul {
    background: #ffffff none repeat scroll 0 0;
    margin: 30px 35px;
    padding: 0;
}
.pricing-table-1 ul li {
    border-bottom: 1px solid #e8e8e8;
    display: block;
    font-size: 15px;
    list-style: outside none none;
    padding: 15px;
}
.pricing-table-1.pricing-table-favorite .pricing-table-name {
    background: #e89a00 none repeat scroll 0 0;
    color: #ffffff;
}

p.fussnote,
a.fussnote {
  color: #898989;
  font-size: 75%;
  padding:  10px 0px;
}

.pricing-table-1 .pricing-table-price {
  position: relative;
  margin-right: 10px;
}
.pricing-table-1 .pricing-table-price sup {
  font-size: 40%;
  color: #bababa;
  font-weight: 600;
  vertical-align: super;
}
.pricing-table-1 a.btn,
.pricing-table-1 button.btn {
 margin-top: 20px;
}
.pricing-table-1 .pricing-table-price span {
  position: absolute;
  color: #bababa;
    font-size: 50%;
    font-weight: 100;
    vertical-align: super;
    bottom: -20px;
    right: 2px;
}

.cta.jumbotron {
    background-image: none;
    border-bottom: 2px solid #ffb900;
    border-top: 2px solid #ffb900;
    margin-bottom: 30px;
    margin-top: 30px;
}

.cta.jumbotron h2 {
    color: #ffb900;
    margin-top: 0;
}

.cta h2 {
    color: #000000;
}

.form-control {
    color: #3e8f3e;
}

.form-control:focus {
    border-color: #3e8f3e;
}