/*  -----------------------------------------------------------------------------
  IMPORTE
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
  Hacks
----------------------------------------------------------------------------- */
/* Firefox hält einige seltsame Stile für Fieldsets parat, bei denen width die
   responsive Tabelle stört. Dies kann ohne einen Firefox-spezifischen Hack,
   den wir nicht in Bootstrap zur Verfügung stellen, nicht umgangen werden:   */
@-moz-document url-prefix() { fieldset { display: table-cell; } }
a.btn {
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive-video { position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden; }
.img-hresponsive { display: block; height: 100%; width: auto; }

/* .se-section { margin-top: 20px; margin-bottom: 20px; } */

#page { background: #ffffff; width: 80%; padding: 0px 0 0; margin: 20px auto; }
#wrapper { background-color: none; padding-bottom: 20px !Important; }
.logo a { float: left !Important; margin-left: 10px;}
.logo a img { float: left !Important; }

.se-rechtliches-detail { margin-top: 40px; }
#section_boxen-Farb-Boxen-Link-83c11b396b1ccdf4e741df9c77faa85e_1098 .tile { min-height: 200px; }
#section_boxen-Farb-Boxen-Link-53766ae621f1061ad80cb7bc3e8e9d9b_270 .tile { min-height: 400px; }
#section_text-bild-Bild-Text-Video-rechts-e444fab67c8e2533e47e945357cadb75_164 strong { font-size: 16px; margin-bottom: 8px; }

.btn-warning { background-color: #fc8400; }
.btn-ot { margin-top: 5px; margin-bottom: 5px; }

.terminvergabe { width: 100%; margin-bottom: 0px; }

/* -- BASICS  --------------------------------------------------------------- */

a { color: #fc8400; text-decoration: none; }
a:hover { color: #555; }
hr { border-color: #ddd; }

/* -- Überschriften --------------------------------------------------------- */

h1 { color: #fc8400; margin-top: 0;}
h2 { color: font-size: 20px; #fc8400; }
h3 { color: #555; }
h4 { color: #555; }
h5 { color: #555; }

/* -- NAVIGATION  ----------------------------------------------------------- */

.navbar { background: #fff; margin-bottom: 0; padding: 30px 0 30px 0; border-radius:0; z-index: 200; font-size: 14px; z-index: 9999; }
.navbar .nav { padding-top: 38px; }

.navbar a { color: #fff; }
.navbar ul { margin-bottom:10px; margin-right: 10px; }
.navbar ul li { margin-right: 3px; margin-left: 3px; background: #fedeb5; }
.navbar ul li a { color: #333;  padding: 6px 14px; }
.navbar ul li.open > a:hover { background: #fedeb5; color: #fff;}
.navbar ul ul > li > a { color: #666; }
.navbar ul li.open > a,
.navbar ul > li.active > a,
.navbar ul > li.open > a:focus,
.navbar ul > li.active.open > a,
.navbar ul li a:hover { color:#fff;  background: #666;}
.navbar .dropdown-menu li { background: #fff !Important; }

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #fedeb5;
}

.navbar ul li.open ul { background:#fff; margin-top:7px; }
.navbar ul li.open ul li a { font-weight:normal;  padding:7px 20px;  font-size:14px; }

.navbar ul > li.open > a:focus { color:#fff; background: #fff; border-radius:4px; }
.navbar ul li.open ul { background:#fff;  }

.navbar .navbar-toggle { background: #ffcd1a;  color:#333;  }
.navbar .navbar-toggle .icon-bar { background:#333; }

ul.cart-nav li a i { color: #555; font-size: 18px; }

/* -- Social ---------------------------------------------------------------- */

.social {}
.social li a i { color: #fff; }
.social li a:hover i { color: #fc8400 }

/* -----------------------------------------------------------------------------
  LAYOUT
----------------------------------------------------------------------------- */

#section_text-Text-4eafa43e99472220c5affcabd7443340_1103 img { float: left; margin-right: 10px;}
.team { width: 680px; margin: 0 auto; margin-top: 30px;}
.team .team1 { float: left; margin-right: 20px; }


html {

  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'verdana';
  font-size: 13px;
  color: #555;
  background: #fff;

  
}

#small-header { background: #fc8400; color: #fff; padding-top: 6px; padding-bottom: 6px; }
#small-header .phone { font-size: 16px; color: #fff; padding-top: 8px;}

header { border-bottom: 1px solid #555; padding-bottom: 10px; background: #fc8400; }

.logo { padding-left: 0px; padding-top: 14px;}
.logo a { font-size: 24px; color: #fc8400; float: right; margin-top: 0px;}
.logo a img { float: right; }

footer {
  background: #666666;
  color: #fff;
  font-size: 11px;
  width: 100%;
  height: auto;
}
footer .container {
  background: none;
  padding-top: 10px;
}
footer h4 {
  color: #fc8400;
  border-bottom: 1px dotted #fff;
  padding-bottom: 3px;
}
footer .copyright { padding: 5px; }
footer .copyright,
footer .copyright a,
footer a,
footer a:link,
footer a:active,
footer a:visited,
footer i
{
  color: #666;
  color: #fff;
  font-size: inherit;
}
footer .copyright, footer .copyright a { color: #ddd; }

.kontakt span { float: left; width: 60px; }
.kontakt span.spx { float: left; width: 110px; }

/* -----------------------------------------------------------------------------
  MODULE
----------------------------------------------------------------------------- */

.tutorial-detail {}
.tutorial-detail .container { padding-top: 30px; }
.tutorial-detail .tutorial-headline { padding-bottom: 30px; }
.tutorial-detail .tutorial-info { margin-top: 30px; }

/* -----------------------------------------------------------------------------
  MEDIA-QUERIES
----------------------------------------------------------------------------- */

@media only screen and (min-width : 768px) {
    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

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

    #page { width: 100% !Important; }
}

@media only screen and (max-width : 1480px) {
 .container { width: 100% !Important; }
}