body {
  background: #003f54;
  color: #0a2d53;
  font-family: 'proxima-nova', sans-serif;
  font-size: 14px;
  min-width: 305px;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3em;
  margin: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


h1, .col-md-4 h2 {
color: #0a2d53;
padding: 15px 10px 10px;
}

h3 {
  font-size: 18px;
}

.col-md-6 h2,
.col-md-8 h2,
.col-md-12 h2 {
color: #0a2d53;
text-align: left;
margin-top: 15px;
}

p {
  line-height: 1.4;
  margin: 0.5em 0;
}

.col-md-4 p,
.col-md-8 p,
.col-md-4 li,
.col-md-8 li,
.col-md-6 p,
.col-md-6 li,
.col-md-12 p,
.col-md-12 li {
  font-size: 14px;
}

.navbar-inverse {
background: none;
}

a {
  color: #c1cd23;
}

a:hover {
  color: #e1de4b;
  text-decoration: underline;
}

.col-md-8 a:hover {
  color: #0a2d53;
  text-decoration: none;
}

.toplogo {
  display: none;
}

div.navbar {
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.75);
}

div.navbar-collapse.collapse.in {
border: 0;
}

.navbar-collapse.collapse {
height: 92px !important;
background-color: #fff;
overflow: visible !important;
}

.navbar .container {
width: 1280px;
background-image: url('../images/splendid-internet-seit-1998-s.png');
background-position: right;
background-repeat: no-repeat;
background-size: 80px;
}

.startseite .navbar .container {
  background-image: none;
}

.navbar-inverse, .navbar-fixed-top {
  border: 0;
  background-color: #fff;
}

.navbar-inverse  ul.nav.navbar-nav {
height: 92px;
margin-left: 10px; }

.navbar-inverse  ul.nav.navbar-nav li {
font-size: 1.0em;
line-height: 1em;
margin: 0;
padding: 0;
}

.navbar-inverse  ul.nav.navbar-nav li:first-of-type {
  width: 210px;
}

.navbar-inverse  ul.nav.navbar-nav li a {
height: 92px;
min-width: 150px;
padding: 36px 15px 0;
color: #003f54;
text-align: center;
font-size: 18px;
font-weight: 700;
background-color: #fff;
background-image: none;
}

.navbar-inverse .navbar-nav>li>a {
  text-shadow: none;
}

.navbar-inverse .navbar-nav>.active>a {
background-image: none;
filter: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #c1cd23 !important;
}

.navbar-inverse  ul.nav.navbar-nav li a:hover {
  background-color: #c1cd23;
}

.navbar-inverse  ul.nav.navbar-nav li.active a:hover {
  background-color: #fff;
}

.navbar-inverse  ul.nav.navbar-nav li.active ul li a:hover {
  background-color: #c1cd23;
}

.navbar-inverse ul li ul {
  display: none;
}

.navbar-inverse ul li:hover ul,
.navbar-inverse ul.nav.navbar-nav li:hover ul li {
  display: block;
  padding: 0;
}

.navbar-inverse  ul.nav.navbar-nav li ul li a {
  width: 100%;
  height: 60px;
  display: block;
  line-height: 150%;
  padding-top: 16px;
  text-decoration: none;
  border-right: 0;
  font-size: 14px;
  background-color: #f7f7f7;
}

.navbar-brand {
  padding: 0 15px;
}

.navbar-brand img {
  margin: 6px 0 0 10px;
}

.navbar .container {
  margin: 0 auto;
  padding: 0 165px;
}

img.time-logo {
position: relative;
top: 1px;
left: 100px;
}

.container div.jumbotron {
margin-bottom: 0;
background: 0;
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

div.container.theme-showcase {
  margin-top: 100px;
}

div.container.theme-showcase ul {
-webkit-padding-start: 0;
}

.startheader {
color: #fff;
background-color: transparent;
margin: 30px 0 12px;
}

.claimdiv {
display: block;
height: 215px;
background-image: url('../images/splendid-internet-seit-1998-m.png');
background-repeat: no-repeat;
background-size: 175px;
background-position: 75px 20px;
padding-left: 300px;
width: 960px;
}

.jumbotron.start .claimdiv h1 {
  font-size: 38px;
  color: #c1cd23;
  text-align: center;
  line-height: 1.25;
}

.jumbotron p.claim,
.jumbotron h1 {
margin-top: -5px;
margin-bottom: 0;
font-size: 28px;
font-weight: 700;
}

p.anfordern {
  margin: 0;
}

.anfordern a {
font-size: 24px;
font-weight: 700;
color: #fff;
}

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

p.anfordern,
p.kontakt {
  text-align: center;
}

p.kontakt {
margin-top: 0;
font-size: 24px;
font-weight: 700;
}

.t-grid-jumbotron {
display: block;
padding: 20px !important;
}

.t-grid-jumbotron h1,
.t-grid-jumbotron h2 {
font-size: 44px;
margin: 0 auto;
font-family: 'proxima-nova', sans-serif;
font-weight: 700;
line-height: 1.2;
max-width: 1000px;
color: #c1cd23;
text-align: center;
}

.t-grid-row {
  background-color: #fff;
}

.t-grid-row.teamgrid {
  background-color: #003f54;
}

.t-grid-row.teamgrid .col-md-4 {
  background-color: #fff;
}


.t-grid-row.extra {
  background: none;
}

.t-grid-row.extra .col-md-12{
  margin: 0 0 48px;
}

}

.t-grid-row .col-md-8, .t-grid-row .col-md-12 {
  background-color: #fff;
  padding: 12px 36px;
}

.t-grid-row .col-md-12,
.t-grid-row .col-md-8,
.t-grid-row .col-md-6,
.t-grid-row .col-md-4 {
padding: 35px;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

@media screen, projection {

  .row.start-drei {
  overflow: hidden;
  }

  .row.start-drei > [class*="col-md"] > div {
  padding-bottom: 10000px;
  margin-bottom: -10000px;
  }

}

.col-md-4 .drei {
background-color: #fff;
margin: 0 5px;
}

.imglink {
  transition-duration: 0.4s;
  transition-property: opacity;
}

.drei .imglink img {
  width: 100%;
}

.imglink:hover {
  opacity: 0.8;
}

.agentur,
div.drei h2 {
padding: 15px 15px 0 !important
}

.erfahren {
width: 280px !important;
background-color: #c1cd23 !important;
color: #fff;
line-height: 24px;
text-align: center;
margin: 30px auto;
font-size: 18px;
font-weight: bold;
border-radius: 25px 25px 25px 25px;
display: block;
padding: 6px;
text-transform: uppercase;
transition-duration: 0.4s;
transition-property: opacity;
}

.erfahren:hover, .erfahren:focus {
background-color: #003f54 !important;
text-decoration: none !important;
color: #fff !important;
}

.startseite .erfahren {
  padding: 3px;
  font-size: 14px;
  width: 240px !important;
}

.startseite .erfahren.shdw {
width: 320px !important;
-webkit-box-shadow: 4px 2px 2px 0px rgba(103,103,103,0.5);
-moz-box-shadow: 4px 2px 2px 0px rgba(103,103,103,0.5);
box-shadow: 4px 2px 2px 0px rgba(103,103,103,0.5);
}

.erfahren.shdw:hover {
color: #003f54 !important;
background-color: #fff !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.vzg-top {
  margin-top: 30px;
}

.start-drei .col-md-4 {
  width: 305px;
}

div.start-drei .col-md-4:first-of-type {
  padding-left: 0;
}

div.start-drei .col-md-4 .drei:first-of-type {
  margin-left: 0;
}

.start-drei .col-md-4:nth-of-type(2) {
  width: 320px;
}

div.start-drei .col-md-4:last-of-type {
  padding-right: 0;
}

div.start-drei .col-md-4 .drei:last-of-type {
  margin-right: 0;
}

.por-img img {
  display: block;
  margin: 0 auto;
}

.por-img ~ h3 {
text-align: center;
}

.ansprechklasse {
  margin-top: 5px;
  color: #c1cd23;
  font-size: 18px !important;
  font-weight: 700;
  text-align: center;
}

.por-name {
margin-bottom: 40px;
font-size: 15px !important;
}

.unten-title {
font-size: 21px !important;
font-weight: bold !important;
padding-top: 10px;
text-transform: uppercase;
text-align: left !important;
}

.bestae-meld,
.vollgruen {
  margin: 24px -35px;
  background: #c1cd23;
  padding: 12px 36px;
  font-weight: 700;
}

.vollgruen h2 {
  color: #fff;
  margin-bottom: 24px;
}

.service-ul {
  padding: 0;
  -webkit-padding-start: 0px !important;
  list-style-position: inside;
}

.start-ul li {
    margin: 16px 0 0 24px;
    list-style-position: outside;
}

.service-ul li {
		list-style-type: disc;
    font-size: 16px;
    margin: 16px 0 0 24px;
    list-style-position: outside;
}

.service-ul.no-disc li {
  list-style-type: none;
}

.service-ul li span,
.service-ul li a {
position: relative;
left: 18px;
}

.service-ul li a {
color: #0a2d53;
background-color: #fff;
padding: 4px 8px;
border-radius: 15px;
margin: 4px 0;
display: inline-block;
}

.service-ul li a:hover {
color: #fff;
background-color: #0a2d53;
}

.ankerplus {
padding-top: 92px;
margin-top: 0; }

.ankerminus {
  margin-bottom: -92px;
}

.kontakt {
font-size: 16px;
font-weight: bold;
}

.erfahren.auto {
width: auto !important;
}

.google-partner-link {
    margin: 20px 0 40px;
		text-align: center;
    display: block;
}

#badgeMain {
    cursor: pointer;
}

.partner li {
list-style-type: none;
text-align: center;
}

.partner li img {
width: 155px;
margin-top: 36px;
}

.partner li img.magento {
width: 100px;
margin-right: 12px;
}

.partner li img.magento-developer {
width: 64px;
}

.break-word {
  word-wrap: break-word;
}

footer {
text-align: center;
margin: 0 auto -20px;
padding: 0 0 25px;
line-height: 32px;
}

footer ul {
  padding: 0;
}

footer a, footer p {
  color: #fff;
  font-weight: 700;
}

footer a:hover {
  text-decoration: none;
  color: #dee122;
}

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 940px;
    margin: 0 auto;
}

.jcarousel-wrapper {
  background-color: #fff;
  width: 100%;
  padding: 24px 0;
}

.jcarousel .referenzenlogos {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 24px 0 0;
}

.jcarousel .referenzlogo {
    float: left;
    height: 135px;
    width: 235px;
	  margin: 0 2px;
}

div.footer-ref {
margin-bottom: 48px;
}

.footer-ref p.vier-10 {
  margin: 0;
  color: #003f54;
  font-size: 14px;
}

.basefoot {
  font-size: 14px;
  color: #fff;
}

.basefoot img {
  margin: 0 14px -5px;
}

.social-div {
  margin: 24px 0 48px;
}

.social-div a {
margin: 0 6px;
}

.bl-100 {
  display: block;
  width: 100%;
}

.teamgrid .col-md-4:first-of-type {
  border-right: 24px solid #003f54;
}

.teamgrid .col-md-4:last-of-type {
  border-left: 24px solid #fff;
}

/*
.teamgrid .col-md-4.right {
height: 2352px;
}
*/

.teamgrid .col-md-4 img {
margin: 0 auto;
display: block;
}

.grid-2 {
display: inline-block;
width: 66%;
padding-right: 12px;
}

.grid-1 {
display: inline-block;
width: 33%;
padding-right: 12px;
vertical-align: top;
}

.grid-1 img {
width: 80%;
max-width: 240px;
float: right;
}

.theme-showcase iframe {
  margin: 32px auto;
  display: block;
  width: 80% !important;
}

.theme-showcase .google-partner-link iframe {
  width: 220px !important;
  margin: 0;
}

.kartenaus {
    text-align: center;
    margin: 24px;
}

/* KONTAKTFORMULAR */
.content{behavior:url(border-radius.htc); position:relative; left:50%; margin:50px 0 50px -492px; padding-bottom:5px; background:#fff; overflow:auto;}
.simpletitle{float:left; font-family:'proxima-nova', sans-serif; font-style:bold; color:#fff; text-transform:none; font-size:28px; font-weight:bold; height:80px;text-align: center; width:100%; padding-top:20px; background-color: rgb(11, 37, 51);}
.sub-head1 {float: left; margin-top: 5px;}
.sub-head2 {float: left; margin: 0px 0px 15px 30px; text-transform:none; color:#444; font-size:14px; font-weight:normal;}
.innercontent{border:0px solid #ddd; padding:15px;}
.simple h1{font-family:Trebuchet MS,sans-serif; color:#474541; font-size:25px; margin-top:15px; text-transform:uppercase}
.simple h2{margin-top:25px; font-size:21px !important}
.simple h3{font-size:15px !important}
.innerleft{margin-left:0px !important}
.main a{display:inline; border-bottom:1px dotted; font-family:Trebuchet MS,sans-serif; font-size:1em; font-style:italic; color:#5a6e75}
.main{float:left; margin-left:15px}
#kontaktformular{font-family:'proxima-nova', sans-serif; font-size:0.9em; line-height:1.5em; color #444}
.required{color:#f00}
#kontaktformular label{ font-family:'proxima-nova', sans-serif; font-size:14px; color:#0b2331;}
#kontaktformular textarea{width:97%; height:200px; background-color : #e9e8e0; border: 0px solid;}
#kontaktformular input{width:97%; height: 25px; background-color : #e9e8e0; border: 0px solid;}
#vorname, #nachname{width:44% !important;}
#vorname{margin-right:25px;}
#nachnamelabel{position:absolute; left:50%}
#nicknamelabel, #nickname{display:none}
.main h2{font-size:21px !important; font-weight:normal; text-transform:none; color:#0b2331; margin-bottom:5px; margin-bottom:0.8em; font-style: inherit; vertical-align: baseline;}
.main p {margin-bottom:0.5em; font-family:'proxima-nova', sans-serif; font-size:14px; color:#0b2331; line-height:1.5em}
.tspace{margin-top:50px !important}
.tspace1{margin-top:20px !important}
.no-hover:hover {background-color: #fff !important;}
.communicate-data {margin-top: 120px; text-transform:none; color:#444; font-size:12px; font-weight:normal;}
.sub-right-head1 {float: left;}
.sub-right-head2 {float: left; margin-left: 30px; text-transform:none; color:#444; font-size:14px !important; font-weight:normal;}
.sub-right-head2-block {float: left; margin-left: 10px; text-transform:none; color:#444; font-size:14px !important; font-weight:normal;display:block; background-color: #FFFFCC;border:1px solid black; padding:0px 15px;}
.right-text {font-size:14px; font-weight:700; text-align:center; }
.name-chef {font-weight: 700; font-size: 24px; text-align:center;}
.tel-chef {font-family:'proxima-nova', sans-serif; font-size:15px; font-weight:bold; color: #bdbc07; text-align:center;}
.tel-chef a  {font-family:'proxima-nova', sans-serif; font-size:15px; font-weight:bold; color: #bdbc07; font-style: normal; border-bottom: 0px dotted; text-align:center;}
#anrede {width:225px; background-color : #e9e8e0; border: 0px solid;}
#submit {width:220px !important; background-color: #c1cd23 !important; color: #fff; height:35px !important; margin-top:50px; font-size: 14px; font-weight:bold; border:2px solid; border-radius:25px;}

.referenzenlogos {
width: 100%;
text-align: center;
background-color: #fff;
}

.referenzlogo {
max-width: 235px;
display: inline-block;
background: #003f54;
margin: 0 0 3px;
}

.referenzlogo a {
  border-bottom: 0;
}

.referenzlogo.verlinkt a img {
  opacity: .97;
}

.referenzlogo:hover a img {
  opacity: .33;
}

.referenzrahmen {
	text-align: center;
}

.referenzbild {
	width: 80%;
  max-width: 360px;
  height: auto;
  margin: 12px auto;
}

div.container.footer {
  width: 100%;
  padding: 0;
  -webkit-box-shadow: 0px -4px 8px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px -4px 8px 0px rgba(0,0,0,0.75);
  box-shadow: 0px -4px 8px 0px rgba(0,0,0,0.75);
  margin-top: 72px;
}

@media (min-width: 1280px) {

  div.container.theme-showcase {
    width: 1120px;
    padding: 0 1.5em;
  }

  .startseite div.container.theme-showcase {
    padding: 0 6em;
  }

}

@media (min-width: 992px) {
  .col-md-8 ~ .col-md-4 {
    border-left: 28px solid #003f54;
  }

  .col-md-8.ueberlang {
    border-right: 28px solid #003f54;
  }

  .col-md-8.ueberlang ~ .col-md-4 {
    border-left: 0;
  }

}

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

 .navbar .container {
   background-image: none;
   width: 100%;
   max-width: 970px;
   padding: 0 1.5em;
 }

  div.navbar-collapse.collapse {
    text-align: center;
  }

  .navbar-inverse ul.nav.navbar-nav {
    margin: 0 auto;
    display: inline-block;
  }

  .startseite div.container.theme-showcase {
    width: 1000px;
  }

}

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

  .navbar .container {
    padding: 0;
  }

  .toplogo {
    display: block;
    height: 150px;
    position: absolute;
    background: #fff;
    width: 100%;
    text-align: center;
    padding-top: 35px;
    top: 0;
  }

  .toplogo img {
    margin: 0 auto;
  }

  .navbar-fixed-top {
    position: absolute;
    top: 150px;
  }

  div.navbar-fixed-top.fixed {
    position: fixed;
    top: 0;
  }

  .navbar-nav {
    float: none;
    margin: 0;
  }

  .navbar-brand {
    display: none;
  }

  .navbar-inverse ul.nav.navbar-nav li a {
    text-align: center;
    line-height: 300%;
    padding: 15px 15px 11px;
    min-width: 75px;
  }

  .navbar-inverse ul.nav.navbar-nav li {
    border: 0;
  }

 .navbar-toggle {
   border: 0;
   border-radius: 0;
   width: 100%;
   height: 100%;
   font-size: 24px;
   margin: 0 !important;
   font-weight: 700;
 }

.mobilestart {
display: none; }

.mobilestart.mobilelogo {
display: inline-block;
vertical-align: middle;
width: 64px;
height: 64px;
background-image: url('../images/mage-helden-navi-icon.gif');
background-repeat: no-repeat;
background-size: 64px 64px;
margin-right: -64px;
float: left;
background-color: #fff;
background-position: center;
border-radius: 32px;
position: absolute;
top: 12px;
left: 12px;
}

  .navbar-inverse .navbar-toggle:focus {
  background-color: #fff;
  }

 .navbar-inverse .navbar-toggle:hover {
   background-color: #c1cd23;
 }

  div.container.theme-showcase {
    padding-top: 220px;
    margin-top: 0;
  }

  .startseite div.container.theme-showcase {
    width: 100%;
  }


  .startheader {
    margin-top: 55px;
  }

  .claimdiv,
  .claimdiv h1 {
    text-align: center !important;
    margin-left: 0;
  }

  .claimdiv {
    height: auto;
    width: 100%;
    padding-left: 0;
    padding-bottom: 160px;
    background-position: center bottom;
  }

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

.jumbotron {
  margin-top: 30px;
}

  .jumbotron.start h1 {
    font-size: 24px !important;
  }

  .start-drei .col-md-4 {
    width: 320px !important;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
    }

  .start-drei img {
    margin: 0 auto;
    display: block;
    width: 100%;
    width: 320px;
  }

  .jcarousel {
    width: 705px;
  }

  .teamgrid .col-md-4:first-of-type {
    width: 100%;
    border: 0;
    margin-bottom: 24px;
  }

  .teamgrid .col-md-4:nth-of-type(2) {
    float: left;
    width: 48%;
    display: inline-block;
  }

  .teamgrid .col-md-4:last-of-type {
    float: right;
    width: 52%;
    display: inline-block;
  }

  .partner li {
   display: inline-block;
   margin-right: 42px;
  }

}

/* iPad Extrawurst */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait),
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  
  .navbar-inverse ul li:hover ul {
   display: none;
  }

}

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

  .container {
    padding-left: 0;
    padding-right: 0;
  }

  .container div.navbar-header {
    background-color: #fff;
    height: 92px;
    margin: 0;
  }

  .navbar-toggle {
    margin-top: 15px;
  }

  .navbar-toggle span {
    margin-top: 20px;
    display: block;
  }

  .navbar .container {
    max-width: 767px !important;
    padding: 0;
  }

  .navbar-inverse ul.nav.navbar-nav {
    width: 100%;
    margin-left: 0;
  }

  .navbar-inverse  ul.nav.navbar-nav li:first-of-type {
    width: 100%;
  }

  .navbar-inverse ul.nav.navbar-nav li a {
    padding: 0 15px;
    max-width: 100%;
    font-size: 18px;
    height: 60px;
    background-color: #f7f7f7;
  }

  .navbar-inverse ul li:hover ul {
    display: none;
  }

  .t-grid-jumbotron h1, .t-grid-jumbotron h2 {
    font-size: 24px;
  }

  .teamgrid .col-md-4 {
    width: 100% !important;
    max-width: 500px;
    padding: 10% !important;
    border: 0 !important;
    margin: 0 auto !important;
    float: none !important;
    display: block !important;
  }

  .teamgrid .col-md-4:first-of-type {
    margin-bottom: 24px !important;
  }

  .teamgrid .col-md-4:nth-of-type(2) {
    padding-bottom: 24px !important;
  }

  .teamgrid .col-md-4:last-of-type {
    padding-top: 0 !important;
  }

  .jcarousel {
    width: 470px;
  }

}

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

  .partner li {
   margin: 0 4%;
   width: 40%;
  }

}

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

  .partner li {
    display: block;
    margin: 0 auto;
    width: 200px;
  }

}

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

  .erfahren {
    font-size: 14px;
    width: 220px !important;
  }

  .jcarousel {
    width: 235px;
  }

}