/*
Theme Name: BootstrapWP
Theme URI: http://bootstrapwp.rachelbaker.me
Author: Rachel Baker
Author URI: http://www.rachelbaker.me
Description: A semantic HTML/CSS framework base theme for WordPress Developers ported from Twitter Bootstrap
Version: 1.0
=======
License: GNU General Public License
License URI: license.txt

This theme, like WordPress, is licensed under the GPL.

The development of BootstrapWP was powered by Sublime Text 2 and lots of Diet Coke.
Use this starter theme to make something cool.  Please share the results with me via Twitter @rachelbaker.
Enjoy!

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

Comfortable with LESS?  Check out the /assets/css/less folder where the bootstrapwp.less file is the master complier

Not comfortable with LESS?  You can override the compiled bootstrapwp.css file by adding custom styles here.
-------------------------------------------------- */

body {
font-family: "Arial Narrow", „Helvetica Neue“, Arial,sans-serif;
	overflow-x:hidden;
}

li{
font-family: "Arial Narrow", „Helvetica Neue“, Arial,sans-serif;
}

p {
font-family: "Arial Narrow", „Helvetica Neue“, Arial,sans-serif;
font-size: 16px;
font-weight: lighter;
line-height: 1.6;
margin-bottom: 25px;
word-wrap:break-word;
}
@media (max-width: 978px){
p {
font-family: "Arial Narrow", „Helvetica Neue“, Arial,sans-serif;
font-size: 13px;
font-weight: lighter;
word-wrap:break-word;
margin-left:10px;
margin-right:10px;
}
}
h1 {
font-family: "Arial Narrow", „Helvetica Neue“, Arial,sans-serif;
font-size: 36px;
font-weight: lighter;
word-wrap:break-word;
}
@media (max-width: 978px){
h1 {
font-family: "Arial Narrow", „Helvetica Neue“, Arial,sans-serif;
font-size: 23px;
font-weight: lighter;
word-wrap:break-word;
margin-left:10px;
margin-right:10px;
}
}
h2 {
font-family: "Arial Narrow", „Helvetica Neue“, Arial,sans-serif;
font-size: 30px;
font-weight: lighter;
word-wrap:break-word;
}
@media (max-width: 978px){
h2 {
font-family: "Arial Narrow", „Helvetica Neue“, Arial,sans-serif;
font-size: 18px;
font-weight: lighter;
word-wrap:break-word;
margin-left:10px;
margin-right:10px;
}
}
h3 {
font-family: "Arial Narrow", „Helvetica Neue“, Arial,sans-serif;
font-size: 24px;
font-weight: lighter;
line-height: 1.9;
word-wrap:break-word;
}
@media (max-width: 978px){
h3 {
font-family: "Arial Narrow", „Helvetica Neue“, Arial,sans-serif;
font-size: 15px;
font-weight: lighter;
word-wrap:break-word;
margin-left:10px;
margin-right:10px;
line-height:1.2;
}
}
h4 {
font-family:"Arial Narrow", „Helvetica Neue“, Arial,sans-serif;
font-size: 18px;
font-weight: lighter;
line-height: 1.2;
word-wrap:break-word;
}
@media (max-width: 978px){
h4 {
font-family: "Arial Narrow", „Helvetica Neue“, Arial,sans-serif;
font-size: 13px;
font-weight: lighter;
word-wrap:break-word;
margin-left:10px;
margin-right:10px;
}
}
.margin-bottom-35{
   margin-bottom:35px;
}
.margin-top-40{
   margin-top:40px;
}
.margin-top-25-text-align-left{
   margin-top:25px;
   text-align:left;
}
.center-text{
   text-align:center;
}
.center-text-white{
   text-align:center;
   color:white;
}
.padding-top-100{
   padding-top:100px;
}
.padding-top-50{
   padding-top:50px;
}
.padding-top-40px{
   padding-top:40px;
}
.padding-top-30{
   padding-top:30px;
}
.padding-bottom-30{
   padding-bottom:30px;
}
.padding-top-10{
   padding-top:10px;
}
.kasten-index{
   min-height:450px;
   height:auto;
   margin-right:10px;
   margin-left:10px;
   color: white;
}
.kasten-index-img{
   height:200px; 
   width:230px; 
   display:block; 
   margin:0px auto;
   padding-top:15px;
}
.h1-index-text{
   text-align: center; 
   margin: 45px 20% 45px 20%;
}
.h2-kasten-index{
   padding-top:20px; 
   color:#fff;
   padding:10px;
}
.p-kasten-index{
   color:#fff;
}
.p-text-index{
font-size:1.13em;
}
.img-icon-style{
   height:60px; 
   width:60px; 
   font-size: 1.13em;
}
.footer-seo-full-hover{
   text-align:center;
   width:auto; 
   height:auto;
}
.footer-seo-anfordern-text{
   text-align:center; 
   font-size:2.5em; 
   color:#fff; 
   margin-top:45px;
   margin-bottom:45px; 
   margin-left: 20%;
   margin-right: 20%;
}
.footer-info-style{
   text-align:center;
   font-size:18px;
   margin-top:30px;
}
.footer-info-style2{
   text-align:center;
   font-size:15px;
   margin-top:15px;
}
.footer-icon-style{
   text-align:center;
   font-size:30px;
}
.footer-icon-style2{
   padding:5px;
}
.i-color{
   color:#C1CDCD;
}
.all-rights-reserved{
   text-align:center;
   font-size:0.8em;
}
a {
font-family:"Arial Narrow", „Helvetica Neue“, Arial,sans-serif;
}

.footer-wrapper {
    color: rgb(155, 160, 162);
    background: rgb(40, 45, 48);
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    height:auto;
}

.footer-copy {
    color: rgb(155, 160, 162);
    background:rgb(37, 40, 42);
    height:auto;
    padding-left:auto;
    padding-right:auto;
}
.seo-full-hover > a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  color:#fff;
  background-color:rgb(142, 198, 63);
  width:100%;
}

.seo-full-hover > a:hover {
  -webkit-transform: scaleY (1.05);
  transform: scale (1.05);
  background-color:rgb(42, 160, 239);
  color:#fff;
  text-decoration:none;
width:100%;
}

.obere-leiste > a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  color:#fff;
}

.obere-leiste > a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  background:rgba(255,105,105,1);
  color:#fff;
  text-decoration:none;
}

.button-blue2 > a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  text-align:left;
}

.button-blue2 > a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    background-color:rgb(42, 160, 239);
    color:#fff;
    text-decoration:none;
    border-style:none;
}
.button-blue > li {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.button-blue > li:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    background-color:rgb(42, 160, 239);
    color:#fff;
    text-decoration:none;
    border-style:none;
}

.vcenter {
    display: flex;
    align-items: center;
}

.bg-grau
{
    background-color:#000;
    background-repeat: repeat-x;
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    color:#C1CDCD;
    height:40px;
    padding-top:20px;
    text-align:center;
}
.bg-lila
{
    background-color:#4d488d;
    background-repeat: repeat-x;
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    color:#C1CDCD;
    height:140px;
    padding-top:20px;
}
.bg-braun
{
    background-color:#792424;
    background-repeat: repeat-x;
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    color:#C1CDCD;
    height:140px;
    padding-top:20px;
}
.bg-gruen
{
    background-color:#488d68;
    background-repeat: repeat-x;
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    color:#C1CDCD;
    height:140px;
    padding-top:20px;
}
.bg-blau
{
    background-color:#0088cc;
    background-repeat: repeat-x;
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    color:#C1CDCD;
    height:140px;
    padding-top:20px;
}
#0088cc
#responsive-form{
	max-width:600px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.wpcf7-submit{
	float: right;
	background:#0088cc;
	color: #fff;
	text-transform: uppercase;
	border: none;
	padding: 8px 20px;
	cursor: pointer;
}
.wpcf7-submit:hover{
	background: rgb(142, 198, 63);
}
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    height: 45px;
}
@media (max-width: 1200px){
.bg-grau{
height:auto;
text-align:center;
padding-bottom:15px;
}
}
@media (max-width: 978px){
body{
    padding-left:0;
    padding-right:0;
}
}

@media (max-width: 978px){
.footer-wrapper{
    padding-left:10px;
    padding-right:10px;
}
}

@media (max-width: 978px){
.footer-copy{
    padding-left:10px;
    padding-right:10px;
    height:auto;
}
}

@media (max-width: 978px){
.footer-wrapper{
   height:auto;
}
}

@media (max-width: 978px){
.container{
    padding-left:15px;
    padding-right:15px;
}

@media (max-width: 767px){
#icon-size1{
  width: 20%;
}
}
@media (max-width: 767px){
#icon-size2{
  width: 20%;
}
}
@media (max-width: 767px){
#icon-size3{
  width: 20%;
}
}
@media (max-width: 1200px){
#headerausblenden{
  display:none;
}
}
@font-face {
    font-family: Roboto-Condensed;
    src: url ("/fonts/Roboto-Condensed.ttf") format("truetype");
    }  
@font-face {
    font-family:"HelveticaCondensed";
    src: url ("/fonts/HelveticaCondensed.ttf") format("truetype");
    }  
@font-face {
   font-family: Arial;
   local('HelveticaCondensed'),
   local('Arial Narrow'),
   src: url('pfad/Arial Narrow.ttf') format('truetype');
}

/* Jumbotrons
-------------------------------------------------- */

/* Base class
------------------------- */
.jumbotron {
  position: relative;
  padding: 40px 0;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
  background: #020031; /* Old browsers */
  background: -moz-linear-gradient(45deg,  #020031 0%, #6d3353 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* IE10+ */
  background: linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
.jumbotron h1 {
  font-size: 80px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
}
.jumbotron p {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 30px;
}

/* Link styles (used on .masthead-links as well) */
.jumbotron a {
  color: #fff;
  color: rgba(255,255,255,.5);
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.jumbotron a:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(255,255,255,.25);
}

/* Download button */
.masthead .btn {
  padding: 19px 24px;
  font-size: 24px;
  font-weight: 200;
  color: #fff; /* redeclare to override the `.jumbotron a` */
  border: 0;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}
.masthead .btn:hover {
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
}
.masthead .btn:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
          box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
}


/* Pattern overlay
------------------------- */
.jumbotron .container {
  position: relative;
  z-index: 2;
}
.jumbotron:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/bs-docs-masthead-pattern.png) repeat center center;
  opacity: .4;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) {

  .jumbotron:after {
    background-size: 150px 150px;
  }

}
/* Subhead (other pages)
------------------------- */
.subhead {
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.subhead h1 {
  font-size: 60px;
}
.subhead p {
  margin-bottom: 20px;
}
.subhead .navbar {
  display: none;
}