html, body {
    height:101%;
    text-align:left;
    font-family: 'Open Sans', sans-serif;
    
  font-style: normal;
  font-weight: 300;
    font-size:15px;
    color: #666;
}

body {
    margin:0;
    padding:0

}
.clear{
    clear:both;
}








/***************** FONTS **********************/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v34-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}













/*** Hintergründe ***/

/*
.hg_top {
        background: #666; 
}
*/

.hg_logo{
    width: 100%;
    float: left;
    margin-bottom: 10px;
    min-height: 80px;
    padding-top: 10px;
}


.hg_mainnav{
    width: 100%;
    float: left;
    background-color: white;
    /* box-shadow: 0 1px 5px 0 rgba(0,0,0,.1); */
    max-height: 50px;
}


.hg_header{
    width: 100%;
    float: left;
}


.hg_buttons{

    width: 100%;
    float: left;

    background: -moz-linear-gradient(top, #333 47%, #ff6300 47%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #333 47%,#ff6300 47%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #333 47%,#ff6300 47%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


.hg_slogan{
    width: 100%;
    float: left;

    /* 
    border-bottom-style: solid;
    border-color: #666;
    border-width: 2px;
    
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.1); */
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
}


.hg_content{
    width: 100%;
    float: left;

}
#startseite .hg_fragen {
    display:none;

}

.hg_fragen {
    width: 100%;
    float: left;
    background: #ff6300;
    margin-top: 45px;

}

.hg_bulletpoints{
    width: 100%;
    float: left;
}


.hg_footer{
    width: 100%;
    float: left;
    background: #222;

    border-top-style: solid;
    border-color: #333;
    border-width: 15px;
}

.hg_copy{
    width: 100%;
    float: left;
    background-color: #333;

}

/*      Text       */

p {

}

/*Linkfarbe*/

a {
    color: #666;
}

a:hover {
    color:#ff6300;
    text-decoration: none;
    cursor: pointer;
}

/*      Überschriften h1   -groß schwarz Startseite-    */
h1 {

    font-size: 45px;
    margin: 0px;
}

/*      Überschriften h2   -groß schwarz -    */
h2 {

    font-size: 40px;
    margin-bottom: 0px;
}

/*      Ãœberschriften h3   - orange -   */

h3 {

    font-size: 25px;
    color: #ff6300;
    margin-top: 5px;
    margin-bottom: 15px;
}

/*      Überschriften h4  - Fußmenü Überschrift für Iconanbindung */

h4 {
    font-size: 15px;
}

/*      Ãœberschriften h5  - Bulletpoints -    */
h5 {

    font-size: 20px;
}


/*      Überschriften h6  - Startseite Zwischenüberschrift -    */
h6 {
    font-size: 25px;
}


.icons {
/*    font-family:"Material Icons";
    font-size:32px;

     Support for all WebKit browsers. 
    -webkit-font-smoothing: antialiased;
     Support for Safari and Chrome. 
    text-rendering: optimizeLegibility;

     Support for Firefox. 
    -moz-osx-font-smoothing: grayscale;

     Support for IE. 
    font-feature-settings: 'liga';*/
}


/********************************* Header *********************************/

/******** Top_bar *********/


.top_bar{
    display: none;
}
.top_bar p{
    color: white;
    text-align: right;
    font-size: 13px;
    margin-bottom: 6px;
    margin-top: 6px;
}

/********* LOGO *********/



.logo {

    position: relative;
    margin: 0 auto;
    display: block;
    max-width: 400px;
}

.logo img{

    width: 100%;

}


/*******************   Hauptmenü  *******************/


.mainmenu_search {
    width: 100%;
}




.navbar-collapse {

    /*
            position: relative;
            margin: 0 auto; 
            display: block;
            min-width: 500px; 	
    */
}


.navbar-brand{
    padding: 0;

}


#MainNavE1 ul {
    position: relative;
    margin: 0 auto;
    float: none;
    display: block;
    z-index:4;
    width: 100%;
    background-color: white;
}

#MainNavE1 ul li {
    float:none;
    padding-right: 15px;


}

#MainNavE1 ul li a {

    position: relative;
    text-transform: uppercase;
    font-size: 17px;

}

#MainNavE1 ul li a:hover, #MainNavE1 ul li a.focus {
    background-color: transparent;
}

#MainNavE1 .current a {
    color: #ff6300;
}

/*Hauptnavigation*/



.navgroup {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}

.navbar {
    margin-bottom: 0;
    margin-left:0;
    margin-right:0;
    overflow:visible;
    width: 100%;
}

.m-s {
    float: left;
    width: 100%;
}

.header-image{
    z-index:1;
}

.navbar-header {
    float:left;
    width: 100%;
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    display: block;
    float: none;
    margin: 0;
    position: relative;
}

.m-s .navbar-header .icon-bar {
    background: #ff6300 none repeat scroll 0 0;
}

.navbar .btn-navbar {
    margin-bottom: 3px;
    margin-right: 3px;
    margin-top: 3px;
}

/**** Titelbild ****/

.titelbild {
    position: relative;
    width: 100%;
    top: 3px;
    /* text-shadow: 2px 2px 4px #000000; 
    padding-top: 56px;
    /* background-image: url("images/bg-header.jpg");
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: -2px -6px;  */
}



.blog-items.columns-2 {
    display: flex;
    width: 100%;
    flex-flow: row;
}

.blog-items.columns-2 .blog-item {
    width: 100%;
    padding-right: 15px;
}




/***************************** Titeltext *****************************/

div.cameraContent:nth-child(1)
.cameraContent{
    top: -100px;
}


.camera_caption > div{

    font-size: 40px;
    font-weight: bold;
    background: rgba(0, 0, 0, 0);
    text-align: center;

}


.camera_caption > div h2{

    font-size: 25px;
    margin-left: 220px;

}


.camera_caption > div h2:before {

/*    font-family: "Material Icons";
    font-size: 100px;
    content: "remove";*/
content:"";
    color: white;
    display: inline-block;
    position: absolute;
    margin-left: -60px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    
    margin-top: -20px;

}

#header div.hg_header div#camera_wrap_111.camera_wrap.camera_black_skin div.camera_fakehover div.camera_target_content div.cameraContents div.cameraContent.cameracurrent div.camera_caption.moveFromBottom
{
    top:70px;
    bottom: auto;

}

div.cameraContent:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    margin-left: -60px;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
}

div.cameraContent:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
    margin-left: -60px;
}

div.cameraContent:nth-child(2) > div:nth-child(1) > div:nth-child(1) h2:before{
    color: #fff;

}

div.cameraContent:nth-child(3) > div:nth-child(1) > div:nth-child(1) {

    margin-left: -60px;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
}




/*** Slider-buttons **/


.camera_commands {
    top: 350px;
}

.camera_prev{
    top: 350px;
}


.camera_next{
    top: 350px
}


.camera_wrap {

    margin-bottom:0px!important;
}



.camera_wrap .camera_pag .camera_pag_ul {
    margin-top: -46px;
}



/*** Header_Buttons ***/

.header_buttons{


}

.header_buttons h2{
    font-size: 25px;
    margin-top: 10px;
    text-align: center;
    color: white;

}

.header_buttons a{
    color: white;

}

.header_buttons p{
/*    font-family: "Material Icons";
    font-size: 40px;*/

    text-align: center;
    color: white;
    
    margin-bottom: 0px;
}


.header_buttons a:hover{
    color: #333;
}

.kontakt_button a:hover {
    color: #ff6300;
}




/**** Quick Menü ****/


/************************************************* QUICK MENU BASU Teil 1 ******************************/


.quick {


}


.quick h2 {

    padding:5px 10px 3px;
}

.quick a{
    padding-left:16px;
    color:#7297ce;
    transition: 0.2s;
}






.recall{

}


.recall a {
    /* padding: 12px 45px 12px 16px;*/
}

.recall a{
    padding:10px 40px 10px 10px;
    color:#7297ce;
    transition: 0.2s;
}

.recall td {
    padding:0 15px;
}



.mail {

}

.mail a {
    border: 1px solid #ccc;
}

.info {

}


/* ÄNDERN - NUR VORRÜBERGEHEND */
/*
.dropdown
{display: none; }
*/
/* ÄNDERN - NUR VORRÜBERGEHEND */


/* Dropdown Button */
.dropbtn {
    background-color: rgba(255,255,255,0.7);
    color: white;
    padding: 10px 15px;

    border: 2px solid #ccc;
    margin:2px 2px 2px 0;
    cursor: pointer;
    transition: 0.2s;
}

.dropbtn.icons {
    color: #000; /*#008C4A;*/
    font-size:32px;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #008C4A;
    color:#fff;
}


/* QUICK MENU */


#quick-menu {
/*    font-family: "Material Icons";
    font-size: 32px;*/
    position: fixed;
    right: 0;
    top: 145px;
    z-index: 5;
    width: 70px;
    display:none;
}




#quick-menu ul li a {
    background: rgba(255,255,255,0.2);
    color:#000;
    border:2px solid #fff;
    margin:2px;
    transition: 0.2s;
}

#quick-menu ul li a:hover {
    color: #ff0000;
}

.quick-menu-bottom .dropdown-content {
    position: fixed;
    bottom: 68px;
    top: auto;
    text-align: left;
    border-bottom: 15px solid #ccc;
    border-right: 1px solid #eee;
    left:10px;
    right:10px;
    padding: 10px 25px 15px;
    z-index:5;
}




/* Quick Menu BASU Teil 1 Ende */










/*********************************** Quickmenu ********* KONTAKTFORMULAR / Rückrufbitte **************************************/




/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

#myDropdown_rueck::before {
/*    font-family: "Material Icons";
    content: "play_arrow";*/
content:"";
    right: -20px;
    position: absolute;
    top: 15px;
    font-size: 32px;
    color: #fff;

}

#myDropdown_mail::before {
/*    font-family: "Material Icons";
    content: "play_arrow";*/
content:"";
    right: -20px;
    position: absolute;
    top: 85px;
    font-size: 32px;
    color: #fff;

}







/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    /*  display: none;*/
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    z-index: 1;
    right: 70px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    float: right;
    top: 0;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 25px 30px;
    /*height: 218px;*/
    margin: 2px 0 2px 2px;
    border-right: 15px solid #ccc;
    box-shadow: -3px 2px 5px rgba(0,0,0,0.3);
    visibility: hidden;

    opacity: 0;
    -webkit-transition: opacity 1s, visibility 1s;
    transition: opacity 1s, visibility 1s;

}

/* Links inside the dropdown */
.dropdown-content .custom {
    min-width:200px;
}

.dropdown-content a {
    color: #666;
    padding: 12px 16px 12px 10px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    transition: 0.2s;

    border-style: solid;
    border-width: 1px;
    text-align: center;
}

.dropdown-content p {
    white-space: nowrap;
}

.dropdown-content span {
    font-size: 24px;
    float: left;
    line-height: 16px;
    display: table-cell;

}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show_new {
    /*display:block;*/
    visibility: visible;

    opacity: 1;

}




/************************************************* QUICK MENU ******************************/


.quick {


}


.quick h2 {

    padding:5px 10px 3px;
}

.quick a{
    padding-left:16px;
    color:#7297ce;
    transition: 0.2s;
}






.recall{

}


.recall a {
    /* padding: 12px 45px 12px 16px;*/
}

.recall a{
    padding:10px 40px 10px 10px;
    color:#7297ce;
    transition: 0.2s;
}

.recall td {
    padding:0 15px;
}



.mail {

}

.mail a {
    border: 1px solid #ccc;
}



/* Dropdown Button */
.dropbtn {
    background-color: rgba(255,255,255,0.7);
    padding: 10px;
    border: 2px solid #ccc;
    margin: 2px 2px 2px 0;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropbtn.icons {
    color: #000; /*#008C4A;*/
    font-size:32px;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #ff6600;
    color:#fff;
}



/* QUICK MENU */


#quick-menu {
/*    font-family: "Material Icons";
    font-size: 32px;*/
    position: fixed;
    right: 0;
    top: 145px;
    z-index: 5;
    width: 70px;
    display:none;
}




#quick-menu ul li a {
    background: rgba(255,255,255,0.2);
    color:#000;
    border:2px solid #fff;
    margin:2px;
    transition: 0.2s;

}

#quick-menu ul li a:hover {
    color: #ff0000;
}

.quick-menu-bottom .dropdown-content {
    position: fixed;
    bottom: 68px;
    top: auto;
    text-align: left;
    border-bottom: 15px solid #ccc;
    border-right: 1px solid #eee;
    left:10px;
    right:10px;
    padding: 10px 25px 15px;
    z-index:5;
}




.kontakt h2 span, .recall h2 span {
    padding: 10px 25px 5px;
    width: 70%;
    float: left;
    background: rgba(255,255,255,0.8);
}



.kontakt h2, .recall h2 {
    border-left: 10px solid #ff6600;
    float: left;
    width: 100%;
    /*margin: 0;*/
}

.kontakt .contact-address.dl-horizontal, .recall .contact-address.dl-horizontal {
    float: left;
    width: 100%;
}

.kontakt .contact-form, .recall .contact-form {
    float: left;
    width: 100%;
}


.kontakt legend::before {
    padding: 0;
    border: 0;
    content: "Sie haben Fragen, Anregungen und Kritik? Senden Sie uns Ihr Feedback mit diesem Kontaktformular.";
    font-size:16px;
}

.recall legend::before {
    padding: 0;
    border: 0;
    content: "Hinterlassen Sie uns Ihre Durchwahl und wir rufen Sie zurück.";
    font-size: 16px;
}

.kontakt .dl-horizontal dd {
    margin-left: 25px;
}


/* Quickmenu Ende */



.quick-menu-bottom {

    display: block;

    background-color: #ff6300;
    text-align: center;
    width: 100%;
    float: left;
}

.quick-menu-bottom .dropbtn {
    background-color: rgba(0,0,0,0);
    color: white;
    padding: 10px 15px;
    border: none;
    margin: 2px 14px 2px 14px;
    cursor: pointer;
    float:left;
}



#responsiv .scrollup {
    float: left;
    position: fixed;
    right: 20px;
    bottom: 73px;
}



.quick-menu-bottom .dropbtn:hover, .quick-menu-bottom .dropbtn:focus {
    background-color: #fff;
    color:#ff6600;
}


.bottom-menu {
    position: fixed;
    width: 100%;
    bottom: 0;
    border-top: 1px solid #fff;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
    z-index: 4;
}

/******** SCROLL BUTTON **********/


#platzhalter {
    position: relative;
    float: left;
    width: 100%;
    display: none;
    padding: 0 80px;

}


#platzhalter .btn {
    float:right;
}

.scrollup {
    z-index: 5;
}

.btn {
    display: inline;
}

.btn-info {

    background-color: #7297ce;
    border-color: #7297ce;
}

.btn-info a {
    transition: 0.2s;
}

.btn-info a:hover {
    background:#008C4A;
}



/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 450px)     QUICK MENÜ               */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/



@media (min-width: 450px) {


    .quick-menu-bottom .dropbtn {
        margin: 2px 25px 2px 25px;
    }

}


/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 600px)       QUICK MENÜ             */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 600px) {


    #responsiv .scrollup {
        bottom:15px;
    }

}


/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 767px)          QUICK MENÜ          */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/




@media (min-width: 767px) {





    /* quick-menu */


    #quick-menu {
/*        font-family: "Material Icons";
        font-size: 32px;*/
        position: fixed;
        right: 0;
        top: 145px;
        z-index: 5;
        width: 70px;
        display:block;
    }

    #responsiv {
        display:none;

    }


    #copyright {

        margin-bottom:0;
    }

}
/*ENDE @media (min-width: 767px) ENDE*/




/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 990px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/


@media (min-width: 990px) {


    #responsiv {
        display:none;
    }


    #top-menu {
        display: block;
    }

}

/*ENDE @media (min-width: 990px) ENDE*/






























/****** UP Button ******/

.scrollup {
    position: fixed;
    right: 50px;
    bottom: 34px;
}

.scrollup a {
    font-size:0;
    color: white;
}



.scrollup .btn-lg {
    padding:0;
}

.scrollup .btn-info {
    background:none;
    border:none;
}

.scrollup .btn-info:active:hover {
    background:none;
    border:none;
}

.glyphicon.glyphicon-arrow-up {

}

.glyphicon{
    top: -12px;
}

#responsiv .scrollup {
    float: left;
    position: fixed;
    right: 20px;
    bottom: 73px;
}

/*** Slogan **/

.slogan{
    padding-top: 10px;
}

.slogan p{
    font-size: 18px;

}
/********************   Fehler    ****************************/


.alert h4 {
    color: inherit;
    float: left;
    margin: 0 15px 0 0;
    width: auto;
}

.alert-message {
    line-height: 25px;
}







/* Module mit Hover auf Startseite */


/* Logos auf Bildern */

.start .custom::before {
    content: "";
    background: url("./images/malerfachgeschaeft-scharff-wickerstedt.png");
    background-repeat: repeat;
    background-size: auto;
    height: 35px;
    width: 150px;
    z-index: 1;
    position: absolute;
    bottom:1px;
    right:1px;
    background-size: 100%;
    background-repeat: no-repeat;
}


/* Startmodule */

.startmodule {
    display: none;
    margin-top: 25px;
}


/* Startbeitrag 	
        
#home_seite .startbeitrag {
        margin-top: 150px; 
        display: block; 
}

.startbeitrag {
        display:none; 
}
*/

#startseite.content_betraege {
    margin: 0 0 25px 0;
}






/*** Haben Sie Fragen - Button ***/




#startseite .fragen_button{

    width: 100%;
    height: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;

}

#startseite .fragen_button a{
    color: white;
}


#startseite .fragen_button ul {
    list-style-type: none;
    font-size: 25px;

}


#startseite .fragen_button ul:before {

/*    font-family: Material Icons;
    content: "contact_support";
    font-size: 50px;*/
    content:"";
    color: white;
    display: inline-block;
    position: absolute;
    margin-left: -170px;
    
    margin-top: -14px;
}

#startseite .fragen_button a:hover{
    color: #333;
}


/******************************    Beiträge    *****************************************/


.content_betraege {
    float: left;
    width: 100%;
    padding: 50px 0;
    line-height: 25px;
}

.content_betraege ul{
    list-style-type: none;
    padding-left:30px;
    font-size:18px;
}


.content_betraege li {
    padding-bottom: 20px;
}

.content_betraege li::before {

    
    
    
    content:"";
        height:25px;
        width:25px;
        background:url("/images/icons/Haken.png");

    
    color: #ff6300;
    display: inline-block;
    position: absolute;
    margin-left: -30px;

}



.items-leading {
    padding-left: 0px;
    padding-bottom: 50px;
}


.col-sm-12.item.column-1 {
    margin-top: 20px;
}



#startseite .content_betraege h1::before {


    display: none;
    content:"";
    background-image: url("images/Bild_Startbeitrag.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}


.leistungen_mobil {
    display: block;
    width: 100%;
}

.leistungen_mobil img {
    width: 100%;
    max-width: 400px;
}

.innen{
    display: none;
}

.clipso{
    display: none;
}

.aussen{
    display: none;
}

.ytterstone{
    display: none;
}


/******************************    Bulletpoints    *****************************************/


.bulletpoints_start{

    font-size: 25px;
    /*text-align: center;
    padding-left: 45px;
    padding-bottom: 50px;
    margin-top: 70px; */
    display:none;
}

.bulletpoints_start ul{
    list-style-type: none;
    /*text-align: center;
    height: 325px;*/
    padding: 10px;
}

.bulletpoints_start li {
    padding-left: 45px;


}

.bulletpoints_start li::before {

    content:"";
        height:25px;
        width:25px;
        background:url("/images/icons/Haken.png");
    
    
    
    color: #ff6300;
    display: inline-block;
    position: absolute;
    margin-left: -45px;
}

#startseite .bulletpoints_start{
    display: inline-block;
}





.bulletpoints_finish hr{
    border-top: 2px solid #666;
}

.bulletpoints_finish{

    font-size: 45px;
    font-weight: 600;
    text-align: center;
    padding: 50px;
}

.bulletpoints_finish img{
    max-width: 100%;
    padding-top: 35px;
}



/***** Bilder mit Hover - Leistungen *****/



.overlay{
    cursor: pointer;
}



.text_overlay p {

    text-align: center;
    color: white;

}


.text_overlay h2 {

    color: white;
}

.text_overlay ul{
    margin-bottom: 1px;
    color: white;
}

.text_overlay ul:before {

    content:"";
        height:25px;
        width:25px;
        background:url("/images/icons/Haken.png");  
        
    color: white;
    display: inline-block;
    position: absolute;
    margin-left: -25px;
}


/**** Kontaktmodul ***/


#kontaktseite .dl-horizontal dt {
    display: none;
}
#kontaktseite .content_betraege h3 {
    display: none;
}


#kontaktseite .required {
    width: 100%;
}

.form-horizontal .control-label {

    text-align: left;
}

.well {
    padding: 19px;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;

}


.dl-horizontal dd {
    margin-left: 0px;
}


/* Text: "Eine Email senden" verstecken */

#contact-form > fieldset:nth-child(1) > legend:nth-child(1){
    border-bottom:0px;
    display:none;
}

/* Text: "Weitere Informationen" verstecken */

.contact h3:nth-child(7) {

    display: none;
}

.contact h6{
    font-size: 15px;

}
.contact h6:before {
    content: "Hier erreichen Sie uns ";
    margin-top: -50px;
    position: absolute;
    font-size: 25px;
    color: #ff6300;
}


.btn-primary {
    color:  white;
    background-color: #ff6300;
    border-color: #333;
}


.btn-primary:hover {
    color:  #333;
    background-color: #ff6300;
    border-color: #333;
}
/**************************** FOOTER ******************************************/



footer{
    display: block;
    float: left;
    position: relative;
    width: 100%;

}


.hg_dog{
    display: block;
    width:100%;
}

.dog img{

    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: -62px;
    max-width: 100%;
}

.footer_spalten{
    float:left;
    width: 100%;
    margin-top: 10px;
}


/*** Kontaktinfoleiste ***/

.kontakt_info{
    width: 100%;
    padding-top: 10px;
    float:left;
}

.kontakt_info p {
    padding-bottom: 14px;
}



.kontakt_info ul{
    list-style-type: none;
    padding-left: 20px;
}

.kontakt_info li {
    padding-bottom: 5px;
}

.kontakt_info li:nth-child(1):before  {

    content:"";
    height:15px;
    width:15px;
    margin-top: 3px;
    background: url("/images/icons/Adress.png");
    
    color: #ff6300;
    display: inline-block;
    position: absolute;
    margin-left: -20px;
}

.kontakt_info li:nth-child(2):before{

    content:"";
    height:15px;
    width:15px;
    margin-top: 3px;
    background: url("/images/icons/Phone.png");
    
    color: #ff6300;
    display: inline-block;
    position: absolute;
    margin-left: -20px;
}

.kontakt_info li:nth-child(3):before{

    content:"";
    height:15px;
    width:15px;
    margin-top: 3px;
    background: url("/images/icons/Mobil.png");
    
    font-size: 25px;
    color: #ff6300;
    display: inline-block;
    position: absolute;
    margin-left: -20px;
    
}

.kontakt_info li:nth-child(4):before{

    content:"";
    height:15px;
    width:15px;
    margin-top: 3px;
    background: url("/images/icons/FAX.png");
    
    color: #ff6300;
    display: inline-block;
    position: absolute;
    margin-left: -20px;
}

.kontakt_info li:nth-child(5):before{

    content:"";
    height:15px;
    width:15px;
    margin-top: 3px;
    background: url("/images/icons/Mail.png");
    
    color: #ff6300;
    display: inline-block;
    position: absolute;
    margin-left: -20px;
}


.kontakt_info h4:before {

/*    font-family: "Material Icons";
    content: "remove";
    font-size: 22px;*/
    
content:"";
    color: #ff6300;
    display: inline-block;
    position: absolute;
    margin-left: -17px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    
    margin-top: -3px;
}


/*** Fußmenü ***/

.navi_versatz{
    height: 95px;
    padding-top: 18px;
    float:left;
    position: relative;
    width:100%;
}

.navi_versatz p{

}


.navi_versatz ul{
    list-style-type: none;
    text-transform: uppercase;
    margin-left: -41px;
}



.navi_versatz:before {
/*    font-family: "Material Icons";
    content: "remove";
    font-size: 22px;
    */
    content:"";
    color: #ff6300;
    display: inline-block;
    position: absolute;
    margin-left: -17px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    
    margin-top: -4px;

}

.footer_nav{
    position: relative;
    width: 35%;
    float: left;
    text-transform: uppercase;
}

.footer_nav ul {
    float:left;
}

.footer_nav ul li {
    float: left;
    font-size: 20px;
    width: 100%;
    font-size: 15px;
    padding-bottom: 15px;
}

.footer_nav ul li a{

    padding: 0px;
    color:  white;
}


.footer_nav ul li a:hover{
    background: none;
    color: #ff6300;
}

/*** Copyright ***/

.copyright{
    margin: 0 auto;
    text-align:center;
    font-size: smaler;
    width: 100%;
    float: left;
    margin-bottom: 0px;

}

.copyright img{
    height: 27px;
}

.copyright p{

    margin-top: 4px;
    margin-bottom: 8px;
}


/******            COOKIE HINT               ******/



#redim-cookiehint {
    padding: 15px 0;
    background: #ff6300;
}

#redim-cookiehint-modal {
    padding:5px;
}


#redim-cookiehint .cookiehead .headline {
    color:#fff;
}
#redim-cookiehint .cookiecontent {
    color:#fff;
}


#redim-cookiehint .cookiecontent ul{

    padding-left: 25px;
    padding-bottom: 10px;
}


#redim-cookiehint .cookiecontent {
    margin: 5px 20px;
    position:relative;
    padding-bottom: 0;
}

#redim-cookiehint .cookiebuttons {
    margin: 5px 20%;

    position:relative;
    float:left;
}


#redim-cookiehint .cookiebuttons .btn {
    background-color: #fff;
    color: #ff6300;
}

#redim-cookiehint .cookiebuttons .btn:hover {

}

#cookiehintinfo > * {
    margin: 2px 15px 2px 0;
}

#cookiehintinfo {
    color:#fff;
}

#redim-cookiehint a {
    color:#fff;
}

#redim-cookiehint a:hover {
color:#333;    
}

#redim-cookiehint-bottom {
  
    box-shadow: 0 0 15px #000;
}


/***************************************************** RESPONSIV  *****************************************************/
@media (max-width: 349px) {

    .content_betraege h2{
        font-size: 25px;
    }

    .content_betraege h1{
        font-size: 30px;
    }

    h3 {
        font-size: 20px;
    }

}


@media (min-width: 350px) {

    .content_betraege h2{
        font-size: 33px;
    }

    h1{
        font-size: 40px;
    }

}

/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 450px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/



@media (min-width: 450px) {
    /*

.hg_logo {
    background-color: blue 
}
    */



    h1{
        font-size: 45px;
    }

    h3 {

        font-size: 25px;
    }

    .bulletpoints_finish img{
        max-width: 430px;
        padding-top: 35px;
    }


}/*ENDE @media (min-width: 450px) ENDE*/


/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 600px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 600px) {

    /*
    .hg_logo {
            background-color: red; 
    }
    */






}/*ENDE @media (min-width: 600px) ENDE*/

/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 767px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 767px) {
    /*
.hg_logo {
    background-color: yellow; 
}
    */



    /*********************** NAVI *****************************/
    /*****************************************************************************
    **********************************************************************************
    **************************************************************************/


    .navbar-toggle {
        display: none;
    }


    .logo-response img {
        max-height: 80px;
        width: auto;

    }

    .logo-response a, .logo-response p {
        padding:0;
    }

    .navgroup {
        display: block;
        float: left;
        left: 0;
        position: relative;
        top: 0;
        width: 80%;
    }

    .navgroup_responsive {

        display: none;
    }

    .navbar {
        margin-bottom:0px;
    }


    #MainNavE1 ul {

        width: 655px;
        background-color: transparent;

    }


    #MainNavE1 ul li {
        float: left;
        padding-right: 15px;

    }

}/*ENDE @media (min-width: 767px) ENDE*/


.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.navbar-default .navbar-toggle {
    position:relative;
    padding-top:20px;
    z-index:100
}
.navbar-toggle .top-bar {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform-origin: 10% 10%;
    -webkit-transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
    -webkit-transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
    -webkit-transform: rotate(0);
}



.navbar-toggle .search-bar {
    width: 22px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.navbar-toggle .search-bar {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);

}

.navbar-toggle.collapsed .search-bar {
    transform: rotate(0);
    -webkit-transform: rotate(0);
}


/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 990px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/


@media (min-width: 990px) {
    /*
    .hg_logo {
            background-color: green; 
    }
    */


    #MainNavE1 ul {

        width: 655px;
        background-color: transparent;

    }


    #MainNavE1 ul li {
        float: left;
        padding-right: 15px;

    }



    .hg_buttons{

        display: block;
        background: -moz-linear-gradient(left, #ff6300 50%, #333 50%, #333 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ff6300 50%,#333 50%,#333 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ff6300 50%,#333 50%,#333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .hg_slogan{
        border-bottom-style: none;
    }


    /***************************** Titeltext *****************************/
    .camera_caption > div{

        font-size: 60px;
    }

    .camera_caption > div h2{

        font-size: 25px;
    }

    div.cameraContent:nth-child(1) > div:nth-child(1) > div:nth-child(1) {

        margin-left: 200px;
    }

    div.cameraContent:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
        margin-left: -300px;
    }

    div.cameraContent:nth-child(3) > div:nth-child(1) > div:nth-child(1) {

        margin-left: -400px;
    }


    /*** Slider-buttons **/

    .camera_commands {
        top: 200px;
    }

    .camera_prev{
        top: 200px;
    }


    .camera_next{
        top: 200px
    }




    .header_buttons{


    }

    .header_buttons h2{
        font-size: 25px;
        margin-top: 25px;
        text-align: center;
        color: white;

    }

    .header_buttons a{
        color: white;

    }

    .header_buttons p{
/*        font-family: "Material Icons";
   font-size: 70px;*/
        text-align: center;
        color: white;
     
    }


    .header_buttons a:hover{
        color: #ff6300;
    }

    .kontakt_button a:hover {
        color: #333;
    }


    .col-sm-12.item.column-1 {
        margin-top: 60px;
    }




    /************************************************* Startmodule *************************************************/

    .startmodule {
        display: none;
        margin-top: 25px;
    }

    #startseite .startmodule {
        margin-right: -1%;
        min-height: 300px;
        width: 100%;
        display: block;
    }

    #startseite .start {
        min-height: 350px;
    }


    #startseite .startmodule ul{
        font-size: 25px;
        list-style-type: none;
        padding-left: 42px;
        position:absolute;
        top:-40px;
    }

    #startseite .startmodule ul:before {

        
        content:"";
        height:25px;
        width:25px;
        background:url("/images/icons/Haken.png");

        color: #ff6300;
        display: inline-block;
        position: absolute;
        margin-left: -30px;
        margin-top: 5px;
    }

    #startseite .startmodule P {
        text-align: center;
        padding: 35px;

        color: white;
        font-size: 20px;
        z-index:3;

    }


    /* Startmodule Speziell */

    /* Ytterstone-Sandstein */


    .startmodule .start div div.custom p {
        height: 350px;
    }
    
    
    .startmodule div:nth-child(1) div:nth-child(1) .custom,
    .sandstein {

        background-image: url("images/Sandstein1.jpg");
        background-repeat: no-repeat;
        margin: 40px 0 0 0;

        width: 100%;
        float: left;
        position: relative;

    }
    .sandstein p {
        height: 350px;
    }

    .startmodule div:nth-child(1) div:nth-child(1) .custom p,
    .sandstein p{

        width: 100%;
        float: left;
        position: relative;
        

        transition: 0.35s all;
        background-color: rgba(255,99,0,0);
        margin:0;
        opacity:0;
    }

    .startmodule div:nth-child(1) div:nth-child(1) .custom p:hover,
    .sandstein p:hover {

        width: 100%;
        float: left;
        position: relative;
        

        transition: 0.35s all;
        background-color: rgba(255,99,0,1);
        margin:0;
        opacity:1;
    }


    /* Textilspanndecken */


    .spanndecke > ul:nth-child(1) > li:nth-child(1) > span:nth-child(1) {
        display: none;
    }

    .startmodule div:nth-child(1) div:nth-child(2) .custom,
    .spanndecke {

        background-image: url("images/Spanndecke3.jpg");
        background-repeat: no-repeat;
        margin: 40px 0 0 0;
        

        width: 100%;
        float: left;
        position: relative;

    }

    .spanndecke p {
        height: 350px;
    }

    .startmodule div:nth-child(1) div:nth-child(2) .custom p,
    .spanndecke p{

        width: 100%;
        float: left;
        position: relative;

        transition: 0.35s all;
        background-color: rgba(255,99,0,0);
        margin:0;
        opacity:0;
    }

    .startmodule div:nth-child(1) div:nth-child(2) .custom p:hover,
    .spanndecke p:hover {

        width: 100%;
        float: left;
        position: relative;
        

        transition: 0.35s all;
        background-color: rgba(255,99,0,1);
        margin:0;
        opacity:1;
    }


    /* Malerarbeiten */

    .startmodule div:nth-child(1) div:nth-child(3) .custom,
    .malerarbeiten {
        width: 100%;
        float: left;
        position: relative;

        background-image: url("images/Innen2.jpg");
        background-repeat: no-repeat;
        background-position: bottom center;
        margin: 40px 0 0 0;

    }

    .malerarbeiten p {
        height: 350px;
    }

    .startmodule div:nth-child(1) div:nth-child(3) .custom p,
    .malerarbeiten p{

        width: 100%;
        float: left;
        position: relative;

        transition: 0.35s all;
        background-color: rgba(255,99,0,0);
        margin:0;
        opacity:0;
    }

    .startmodule div:nth-child(1) div:nth-child(3) .custom p:hover,
    .malerarbeiten p:hover {

        width: 100%;
        float: left;
        position: relative;

        transition: 0.35s all;
        background-color: rgba(255,99,0,1);
        margin:0;
        opacity:1;
    }





    /* Fassaden */


    .startmodule div:nth-child(2) div:nth-child(1) .custom,
    .fassaden {

        background-image: url("images/Fassade3.jpg");
        background-repeat: no-repeat;
        margin: 40px 0 0 0;

        width: 100%;
        float: left;
        position: relative;

    }

    .fassaden p {
        height: 350px;
    }

    .startmodule div:nth-child(2) div:nth-child(1) .custom p,
    .fassaden p{

        width: 100%;
        float: left;
        position: relative;

        transition: 0.35s all;
        background-color: rgba(255,99,0,0);
        margin:0;
        opacity:0;
    }

    .startmodule div:nth-child(2) div:nth-child(1) .custom p:hover,
    .fassaden p:hover {

        width: 100%;
        float: left;
        position: relative;

        transition: 0.35s all;
        background-color: rgba(255,99,0,1);
        margin:0;
        opacity:1;
    }




    /* Fußbodenverlegung */

    .startmodule div:nth-child(2) div:nth-child(2) .custom,
    .fussboden{

        background-image: url("images/Innen1.jpg");
        background-repeat: no-repeat;
        margin: 40px 0 0 0;

        width: 100%;
        float: left;
        position: relative;

    }

    .fussboden p {
        height: 350px;
    }

    .startmodule div:nth-child(2) div:nth-child(2) .custom p,
    .fussboden p{

        width: 100%;
        float: left;
        position: relative;

        transition: 0.35s all;
        background-color: rgba(255,99,0,0);
        margin:0;
        opacity:0;
    }

    .startmodule div:nth-child(2) div:nth-child(2) .custom p:hover,
    .fussboden p:hover {

        width: 100%;
        float: left;
        position: relative;

        transition: 0.35s all;
        background-color: rgba(255,99,0,1);
        margin:0;
        opacity:1;
    }

    /* ...und vieles mehr! */



    .startmodule div:nth-child(2) div:nth-child(3) .custom,
    .mehr {

        background-image: url("images/Sandstein2.jpg");
        background-repeat: no-repeat;
        margin: 40px 0 0 0;

        width: 100%;
        float: left;
        position: relative;

    }

    .mehr p {
        height: 350px;
    }

    .startmodule div:nth-child(2) div:nth-child(3) .custom p,
    .mehr p{

        width: 100%;
        float: left;
        position: relative;

        transition: 0.35s all;
        background-color: rgba(255,99,0,0);
        margin:0;
        opacity:0;
    }

    .startmodule div:nth-child(2) div:nth-child(3) .custom p:hover,
    .mehr p:hover {

        width: 100%;
        float: left;
        position: relative;

        transition: 0.35s all;
        background-color: rgba(255,99,0,1);
        margin:0;
        opacity:1;
    }

    /***** Kontankt zu uns/ Telefon ****/



    /* Haben Sie Fragen? - Button */

    #startseite .hg_fragen {

        display: block;
    }


    #startseite .fragen_button ul {

        font-size: 35px;
    }

    #startseite .fragen_button ul:before {

        margin-left: -210px;
        margin-top: -10px;
    }




    /* Foto Beitrag Startseite */

    #startseite .content_betraege h1::before {

        content: url("images/Bild_Startbeitrag.png");
        float: right;
        display: block;
    }

    .dog img{

        margin-bottom: -69px;
    }




    #startseite .bulletpoints_start{
        display: none;
    }



    /***** Kontaktseite ******/

    #kontaktseite #jform_contact_name {
        width: 30%;
    }

    #kontaktseite #jform_contact_email{
        width: 30%;
    }

    #kontaktseite #jform_contact_emailmsg{
        width: 50%;
    }

    #kontaktseite #jform_contact_message{
        width: 50%;
    }


    .kontakt_info{
        width: 65%;
    }


} /*ENDE @media (min-width: 990px) ENDE*/



/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 1200px)   - Leistungen -            */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/



@media (min-width: 1200px) {


    .leistungen_mobil {
        display: none;
    }


    .innen{
        display: block;

    }

    .clipso{
        display: block;

    }

    .aussen{
        display: block;

    }

    .ytterstone{
        display: block;

    }

    .spanndecke > ul:nth-child(1) > li:nth-child(1) > span:nth-child(1) {
        display: inline-block;
    }



} /*ENDE @media (min-width: 1160px) ENDE*/