@media (max-width: 767px) {
/************************/
/*General*/
/************************/
#hero_wrapper .ce_text .hero_text {
    width: 90%;
}

.container{
padding: 0 20px;
}
#main .container{
padding: 0;
}
.content_inside{
    padding: 0;
}
.box .content_inside{
    padding: 0 10px;
}
    #hero_wrapper .content_inside {
        padding: 0;
    }

body.portal .box .content_inside {
    padding: 0 20px;
}

body.portal .box {
    margin-bottom: 20px;
}

.main_content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#sidebar_right .filter_search input[type="text"] {
    width: 220px;
}
.gap{
margin-bottom: 0px;    
}
[class*="span"]{
    margin-bottom: 20px;    
}
/************************/
/*Header*/
/************************/
#header .container{
background: none;
}
/************************/
/*Hero*/
/************************/
#hero_wrapper h1 {
  font-size: 26px;
  line-height: 32px;
  width: 90%;
}
#hero_wrapper p{
    width: 90%;
}    

body.portal #hero_wrapper .ce_image {
width: 45%;
float: right;
margin-top: -40px;
margin-bottom: 54px;
}
body.portal #hero_wrapper .mod_article.block{
overflow: visible;
}
/************************/
/*Main*/
/************************/
.portal .bereiche .box p.height_control {
    min-height: inherit;
}
.gks-marine.portal .bereiche .box h3{
    min-height: inherit;
} 
.gks-marine.portal .bereiche .box p.height_control {
    min-height: inherit;
}
.breadcrumb{
margin-left: 0px;
}
.main_content{
padding: 0 20px;
}
#sidebar_right{
margin-left: -20px;
margin-right: -20px;
}
body.portal #main .dark{
margin-left: -20px;
margin-right: -20px;
}
body.portal #main .dark .container{
padding: 0 20px;
}
.portal .bereiche .box p.height_control {
	min-height: inherit;
}
.ce_text.teaser.float_left .text {
width: 55%;
float: left;
}
.ce_gallery .span2 {
width: 46%;
margin-bottom: 20px;
float: left;
margin-right: 20px;
}
.ce_gallery .span2.col_1, .ce_gallery .span2.col_3{
margin-right: 0px;    
}
/************************/
/*Footer*/
/************************/
#footer [class*="span"]{
margin-bottom: 40px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.ce_text.teaser.float_left .text {
width: 55%;
float: left;
}
body.gks-marine #hero_wrapper h1{
    font-size: 21px;
}
body.gks-marine #hero_wrapper{
padding-top: 40px;
height: 260px;    
}
.portal .bereiche .box h3{
    min-height: 100px;
}
.portal .bereiche .box p.height_control{
    min-height: 170px;
}
.gks-marine.portal .bereiche .box h3{
    min-height: 100px;    
}
.gks-marine.portal .bereiche .box p.height_control{
    min-height: 280px;        
}
.portal .bereiche .box .btn{
    font-size: 13px;
    padding-left: 4px;    
}
#sidebar_right {
padding: 0 10px 40px;
font-size: 11px;
line-height: 16px;
}
#sidebar_right .ce_text {
font-size: 11px;
line-height: 16px;
}
#sidebar_right .nav ul {
margin-left: 16px;
}
}
@media (max-width: 1200px) {

    .navbar ul.nav {
        margin-right: 39px;
    }

    #header .mod_search input#ctrl_keywords {
        display: none;
    }



/************************/
/*Hero*/
/************************/
    #hero_wrapper h1 {
        font-size: 30px;
        line-height: 40px;
    }
    #sidebar_right .filter_search input[type="text"] {
        width: 120px;
    }

}

@media (min-width: 1200px) {
    .gks-marine.portal .bereiche .box p.height_control {
	min-height: 150px;
}
}
@media (max-width: 1199px) {
    #hero_wrapper .ce_text .image_container{
   position: absolute;
   max-width: 65px;
   right: 120px; 
}
}
@media (max-width: 767px) {
   #hero_wrapper .hero_text{
    width: 90% !important;
   }
}

@media (max-width: 979px) {
/************************/
/*Header*/
/************************/
#hero_wrapper p {
   max-width: 80%; 
}
    #topnav {
        display: none;
    }

    .mod_quicknav {
        display: block;
    }
li.subnavigation{
    display: block;    
}
.btn-navbar{
display: block;
margin-top: 10px;
position: relative;
z-index: 999;
padding: 5px 12px;
margin-right: 10px;
}
#header .container {
background: none;
}
#header #search{
position: relative;
z-index: 999;
margin-right: 0px;
float: right;
margin-top: 10px;
}
#header .mod_search .btn.btn-search{
padding: 6px 8px 6px;
height: 30px;        
}
#header #logo{
    z-index: 999;    
}
    #hero_wrapper .ce_text .image_container{
   position: absolute;
   max-width: 65px;
   right: 80px; 
}
/*-----Navigation-----*/
#header .navbar-inner .caret{
display: none;
}
#header .mod_navigation.nav{
    margin-right: 10px;    
}
#header .navbar-inner{
position: absolute;
z-index: 100;
height: 40px;
width: 100%;
margin-top: 5px;
}
#header .mod_navigation.nav {
float: none;
margin-top: 0;
position: relative;
margin-bottom: 0;
}
#header .mod_navigation.nav .navbar-inner ul {
width: 100%;
margin: 0px;
}
#header .navbar .nav > li {
margin-left: 0px;
}
#header .navbar .nav > li a{
border-bottom: 1px solid #BE021B;
padding: 10px 20px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
text-align: center;
margin: 0px;
}
#header .navbar .nav > li.hydraulik a{
background: #CE021B;
}
#header .navbar .nav > li.hydraulik a:hover, #header .navbar .nav > li.hydraulik a:active{
background: #BE021B;
}
#header .navbar .nav > li.marine a{
background: #054392;
}
#header .navbar .nav > li.marine a:hover, #header .navbar .nav > li.marine a:active{
background: #053e7b;
}
body.gks-marine #header .navbar .nav > li a{
border-bottom: 1px solid #053e7b;
}
#header .navbar .nav > li.last a{
border-bottom: 0px;
}
#header .mod_navigation.nav .navbar-inner ul.dropdown-menu{
margin: 0px;
border: none;
}
#header .nav-collapse{
margin-top: 40px;
margin-right: 10px;
background: #CE021B;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 1px rgba(0,11,9,.3);
-moz-box-shadow: 1px 1px 1px rgba(0,11,9,.3);
box-shadow: 1px 1px 1px rgba(0,11,9,.3);
}
body.gks-marine #header .nav-collapse{
background: #054392;
}
#header .nav-collapse ul.dropdown-menu{
display: none;
}
#header .nav-collapse ul.dropdown-menu > li a{
border-bottom: none;
} 
#header .navbar .nav > li ul.dropdown li a{
padding: 0px;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .nav-pills > li > a:hover, .nav-pills > li > a:focus, .nav-pills > li > a.trail, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
background: #BE021B;
}
/************************/
/*Hero*/
/************************/
    #hero_wrapper h1 {
        font-size: 24px;
    }
    #hero_wrapper p {
        font-size: 14px;
    }
/************************/
/*Body*/
/************************/
}
@media (min-width: 980px) {

}
@media (max-width: 640px) {
#wrapper{
    padding-top: 20px;    
}
#main .row.entire {
padding: 0;
margin: 0;
}
.content{
padding-bottom: 0px;
margin-bottom: 0px;
}

/************************/
/*Header*/
/************************/
#header {
margin-bottom: 40px;
}
#header .mod_search{
display: none;
}
#header .search{
margin-right: 105px;
}
#header .btn-mobile{
display: block !important;
} 
#header .btn.btn-search {
padding: 5px 8px 6px;
height: 16px;
margin: 0 6px 0 0;
float: right;
}
#header #logo {
top: -14px;
}
#header #logo img {
    width: 110px;
}
/************************/
/*Hero*/
/************************/
    #hero_wrapper {
        padding: 30px 0;
        height: auto;
    }
    #hero_wrapper h1 {
        font-size: 21px;
        line-height: 18px;
    }
}
@media (max-width: 767px) {
    #hero_wrapper .ce_text .image_container{
   position: absolute;
   max-width: 65px;
   right: 35px;  
}
}
@media (max-width: 480px) {
/************************/
/*Header*/
/************************/
#header a.logo img {
    width: 90px;
}
#hero_wrapper .ce_text .image_container{
   position: absolute;
   max-width: 55px;
   right: 15px; 
}
body.portal #hero_wrapper h1 {
    font-size: 24px;
    line-height: 26px;
}
/************************/
/*Main*/
/************************/
h1{
margin-bottom: 9px;
}
.ce_text figure.float_left {
width: 35%;
margin-right: 15px;
margin-bottom: 10px;
margin-top: 5px;
}
.ce_text.teaser.float_left .text {
width: 100%;
float: none;
}
/************************/
/*News*/
/************************/    
.layout_latest.list .teaser.addimage {
float: none;
width: 100%;
}
.layout_latest.list figure, .ce_text figure.float_right{
width: 100%;
float: none;
margin-bottom: 10px;
}
.layout_latest.list .text_wrapper {
float: none;
width: 100%;
display: block;
}
.layout_full .image_wrapper {
width: 100%;
margin-left: 0px;
float: none;
}
.ce_text figure.float_left {
width: 100%;
margin-right: 0px;
margin-bottom: 10px;
margin-top: 5px;
}
.addthis_toolbox a{
width: 100%;
margin-bottom: 10px;
}
}
@media(max-width: 360px){
        body.portal #hero_wrapper h1 {
    font-size: 21px;
    line-height: 26px; 
}
}
@media (max-width: 320px) {
/************************/
/*Header*/
/************************/
#header a.logo img {
    width: 90px;
}
/************************/
/*Hero*/
/************************/
        body.portal #hero_wrapper h1 {
    font-size: 18px;
    line-height: 26px; 
}
}

@media (min-width: 1280px) {
    body.gks-hydraulik #backdrop,
    body.gks-marine #backdrop {
        background-position: center bottom;
        background-size: 100% auto;
    }
    body.portal.gks-hydraulik #backdrop,
    body.portal.gks-marine #backdrop {
        background-position: center center;
        background-size: 100% auto;
    }
}




/** Startseite Hero Marine **/