/**
 * Basis-CSS für Bootstrap
 *
*/

/* 5 columns
http://jsfiddle.net/sct3j/3/
*/
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
    position: relative;
    min-height: 1px;
}

.col-xs-5 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5 {
        width: 20%;
        float: left;
    }
}

.align-left {
    text-align: left;
}
.ce-center div img {
    margin-left: auto;
    margin-right: auto;
}
/* .ce-center,*/
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.align-justify {
    text-align: justify;
}

.ce-textpic,
.ce-gallery,
.ce-row,
.ce-media,
.ce-column {
    /*width: 100%;*/
    max-width: 100%;
}

video, img {
    max-width: 100%;
    height: auto;
}

.row {
    margin-bottom: 30px;
}


h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}


.fsce-box {
    padding: 10px;
}

.fsce-box-light {
    background-color: #eeeeee;
}
.fsce-box-medium {
    background-color: #aaaaaa;
    color: #ffffff;
}
.fsce-box-dark {
    background-color: #777777;
    color: #ffffff;
}

/* Ab hier überprüfen */

.navbar-collapse {
  max-height: none;
}


.navbar .brand {
	display:block;
	width: 297px;
	background: url("/fileadmin/media/template/logoBreit.png") no-repeat;
	margin: 0px;
	padding: 0px;
	height: 37px;
    margin-top: 9px;
    margin-left: 10px;
}
.navbar a.brand:hover {
    text-decoration: none;
}

.witt .navbar .brand {
    background: url("/fileadmin/media/template/logo-witt.png") no-repeat;
    width: 269px;
    height: 58px;
    margin-top: 0px;
}

div img,
#content img,
#footer img {
    display:block;
    max-width: 100%;
    height: auto;

}

.galleryentry {
    margin-bottom: 30px;
}

.textImBild {
    position: relative;
}

.textImBildBlock {
    position: absolute;
    top:10px;
    padding: 10px;
    color: #ffffff;
    text-shadow: 2px 2px 2px #000000;
}

.custom1 {
    color: rgba(234,189,37,1.0);
}
.custom2 {
    color: rgba(38,88,159,1.0);
}


/* Buttons */
.btn-custom1 {
    background-color: rgba(234,189,37,1.0);
    border-color: #cccccc;
    color: #ffffff;
}
.btn-custom1:hover,
.btn-custom1:focus,
.btn-custom1:active,
.btn-custom1.active {
    background-color: rgba(234,189,37,0.8);
    border-color: #aaaaaa;
    color: #ffffff;
}

.btn-custom2 {
    background-color: rgba(38,88,159,1.0);
    border-color: #CCCCCC;
    color: #ffffff;
}
.btn-custom2:hover,
.btn-custom2:focus,
.btn-custom2:active,
.btn-custom2.active {
    background-color: rgba(38,88,159,0.8);
    border-color: #aaaaaa;
    color: #ffffff;
}

.btn-light {
    background-color: #DDDDDD;
    border-color: #CCCCCC;
    color: #000000;
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active {
    background-color: #cccccc;
    border-color: #999999;
}

.btn-dark {
    background-color: #999999;
    border-color: #888888;
    color: #ffffff;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active {
    background-color: #888888;
    border-color: #333333;
    color: #ffffff;
}

.btn-black{
    background-color: #333333;
    border-color: #CCCCCC;
    color: #ffffff;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active {
    background-color: #000000;
    border-color: #CCCCCC;
    color: #ffffff;
}

/* Buttons-Ende*/


h4.panel-title {
    border-top: 1px solid #0092a7;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

h4.panel-title a {
    color: #0092a7;
}
h4.panel-title a:hover {
    text-decoration: none;
}

.panel-body {
    border-top: 1px solid #0092a7;
    padding-top: 10px;
}
.panel-group {
    border-bottom: 1px solid #0092a7;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    content: "\2212";    /* \e114 für pfeil */
    float: right;
    color: #0092a7;
    font-size: 12px;
}


.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\2b";    /* \e080 für pfeil */
}

#scrollToTop{
    font-size: 18px;
    opacity:1.0;
    position:fixed;
    bottom:15px;
    right:15px;
    display:none;
    padding: 5px 8px;
    background-color: #0092a7;
    color: #dddddd;
    cursor: pointer;
    z-index: 1500;
}
#scrollToTop:hover {
    opacity: 0.7;

}
.navbar-default {
    background-color: transparent;
    border:none;
}

img.rotunde {
    margin-left: 15px;
    margin-top: 30px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {

    background-color: #0092a7;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #0092a7;
    color: #ffffff;
}
.dropdown-menu  {
    background-color: rgba(255,255,255,0.9);
    border:1px solid #0092a7;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #0092a7;
    color: #ffffff;
}

a.brand {
    text-decoration: none;
}

/* Springpunkt Menü eingeblendet */
/* @media (min-width: 980px) {*/
@media (min-width: 768px) {
	/* Aktiviert Hover für die Navbar*/
	ul.nav222 li.dropdown:hover ul.dropdown-menu{
	    display: block;
	    margin-top:0px
	}
    .smartmenu {
        margin-top: 50px;
        margin-bottom: 25px;
    }
    .navbar-collapse {
        padding: 0px;
    }
	.navbar .brand {
		background: url("/fileadmin/media/template/logoLG.png") no-repeat;
		width: 295px;
		height: 40px;
        margin-top: 60px;
	}
    .witt .navbar .brand {
        background: url("/fileadmin/media/template/logo-witt.png") no-repeat;
        width: 269px;
        height: 58px;
        margin-top: 42px;
    }
	.navbar-inner{
		background-color: transparent;
	}
	.navbar .nav	{

		font-size: 16px;
	}

    .navbar .nav > li {
        margin-left: 25px;
    }
	.navbar .nav > li > a {
		padding: 10px 0px 10px 0px;
	}
    .navbar-default .navbar-nav > li > a {
        color: #595959;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #0092a7;
        background-color: transparent;
        border-top: 1px solid #0092a7;
        border-bottom: 1px solid #0092a7;

    }
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: transparent;
        color: #0092a7;
        border-top: 1px solid #0092a7;
        border-bottom: 1px solid #0092a7;
    }


}
@media (min-width: 768px) {
    .navbar-nav {
        float: right;
        margin: 0;
    }
}



@media (min-width: 1200px) {
  #sidebar {width: 256px;}
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {

  }
}

@media (max-width: 979px) {
	#sidebar {width: 180px;}
}



@media (max-width: 767px) {

	#sidebar {width: auto;}
    .smartmenu {
        background-color: #0092a7;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #df001a;
    }
    .witt .navbar-default .navbar-nav > .active > a,
    .witt .navbar-default .navbar-nav > .active > a:hover,
    .witt .navbar-default .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #ef8214;
    }

    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

    }
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: #df001a;
        color: #ffffff;
    }
    .witt .navbar-default .navbar-nav > .open > a,
    .witt .navbar-default .navbar-nav > .open > a:hover,
    .witt .navbar-default .navbar-nav > .open > a:focus {
        background-color: #ef8214;
        color: #ffffff;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        text-decoration: none;
        color: #262626;
        background-color: #0000ff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #df001a;
    }
    .witt .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .witt .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .witt .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #ef8214;
    }

    .smartmenu  a.has-submenu:after {
        /* symbol for "opening" panels */
        font-family: 'Glyphicons Halflings';
        content: "\2b";    /* \e114 für pfeil */
        float: right;
        color: #ffffff;
        font-size: 12px;
    }


    .smartmenu  a.has-submenu.highlighted:after {
        /* symbol for "collapsed" panels */
        content: "\2212";    /* \e080 für pfeil */
    }

    .navbar-nav.sm-collapsible a.has-submenu {
        padding-right: 15px !important;
    }
}

/* Springpunkt Handy*/
@media (max-width: 480px) {

}

/* eigener Springpunkt Logo oben*/
@media (max-width: 500px) {
	.navbar .brand {
		width: 295px;
		background: url("/fileadmin/media/template/logoSM.png") no-repeat  ;
		height: 37px;
        margin-top: 9px;
	}
}


/* Gallerie bis 992px auf volle Breite */
@media (max-width: 992px) {
    .ce-gallery {
        width: 100%;
    }
}
/* Media-Gallery Start*/
/* Anpassungen von kleinen bis groeßeren Geraeten */
/* @media (min-width: 640px) and (max-width: 1200px) {*/
    @media (min-width: 640px)  {
    .ce-gallery .ce-column {
        margin: 0;
        /* Abstand zwischen Bildern */
        padding: 0 5px;
        box-sizing: border-box;
    }


    /* Kein Abstand beim ersten und letzten Bild */
    .ce-gallery .ce-column:first-child {
        padding-left: 0;
    }
    .ce-gallery .ce-column:last-child {
        margin-right: 0;
    }

    /* Fluid Image Tags */
    .ce-gallery img,
    .ce-gallery picture {
        /*width: 100%;*/
        height: auto;
    }

    /* Spaltenbreiten je nach eingestellten Columns */
    .ce-gallery[data-ce-columns="2"] .ce-column {
        width: 50%;
    }

    .ce-gallery[data-ce-columns="3"] .ce-column {
        width: 33%;
    }

    .ce-gallery[data-ce-columns="4"] .ce-column {
        width: 25%;
    }

    .ce-gallery[data-ce-columns="5"] .ce-column {
        width: 20%;
    }
}

/* Anpassungen fuer kleine Geraete */
@media (max-width: 640px) {

    /* Ein Bild pro Zeile */
    .ce-gallery .ce-column {
        margin: 0 0 10px;
        /*width: 100%;*/
        box-sizing: border-box;
    }

    /* Fluid Image Tags */
    .ce-gallery img,
    .ce-gallery picture {
        width: 100%;
        height: auto;
    }

}

/* Media-Gallery Ende*/


/* Ausdruck URL von bootstrap vermeiden */
@media print {
    a[href]:after {
        content: none;
    }
}