/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/


/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/ 

@media (min-width: 240px) and (max-width: 568px){
.navbar-form { padding:40px 0 0 0; }
.header .header-top { padding-bottom:19px; }

.content { padding-bottom:50px; }
.aktuelle { padding-top:20px; }
.aktuelle ul li a { font-size:16px; line-height:16px; }
.content .content-desc { padding:20px 0 0 0; }
.content-desc .title-desc { padding:0; }
.content-desc .title-desc p { font-size:14px; line-height:20px; padding:0; }
.content-desc .box { padding:0; }
.content-desc .infobox h5 { right:8px; }
.content-desc .infobox span { font-size:14px; line-height:26px; padding:0; }
.content-desc .infobox { padding:30px 10px 0 10px !important; }
.content-desc .infobox p { font-size:14px; line-height:20px; padding:0; }


.f-top .f-t-right { position:relative; right:auto; top:auto !important; width:auto; } 
}
@media (min-width: 569px) and (max-width: 767px){

}
@media (max-width: 767px) {
.navbar ul li:hover ul.dropdown-menu { display: none !important; }
.navbar ul li.open ul.dropdown-menu { display: block !important; }
.navbar-form .input-group > .form-control { margin:0 0 0 79px; }
.aktuelle ul li img { margin-bottom:10px; }
.aktuelle ul li { padding: 0 0 15px 17px; }
.aktuelle .pad-con { margin:0; }
.aktuelle ul li { padding-left:0; }
.aktuelle ul li { display:inherit; }
.content-desc .infobox { padding: 30px 38px 0 38px; }


.footer { padding:25px 0; }
.footer ul li { display:block; border:none; padding:5px 0; margin:0; }
.footer ul li:last-child { display:block; border:none; padding:5px 0; }
.footer .f-top { position:relative; right:auto; top:auto; }
.f-top .f-t-left { float:none; margin:0; }
.f-top .f-t-left ul { padding:0; }
.f-top .f-t-left li { display:block; border:none; padding:5px 0; margin:0; }
.f-top .f-t-right { position:relative; right:auto; top:auto; width:300px; margin:0 auto; height:auto; }


.navbar { position:relative; z-index:9; margin:0; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border:none; }
.nav { background:#64645c; }
.navbar-nav { margin:0 -15px; }
.nav > li { display:block; padding:10px; border-bottom:1px solid #fff; }
.nav > li:last-child { padding:10px; }
.navbar-nav > li:before, .navbar-nav > li:after { display:none; }
.navbar-nav > li > a:before { display:none; }
.navbar-nav > li > a { padding:0; }
.navbar-inverse .navbar-nav > li > a { text-align:left; }
.navbar-inverse .navbar-nav > li > a.active { color:#088e5c; }
.header .header-bottom { background-color:#64645c; }
.navbar-inverse .navbar-toggle { border-color:#fff; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color:#fff; }
.navbar-inverse .navbar-toggle:hover span, .navbar-inverse .navbar-toggle:focus span { background-color:#64645c; }
.navbar-inverse .container .left-color { display:none; }
.navbar-inverse .container .right-color { display:none; }

.typography .image { float:none; }
.typography .image img { width:100%; }
.typography h1 { font-size:24px; line-height:24px; }
.typography h2 { font-size:22px; line-height:22px; }
.typography h3 { font-size:20px; line-height:20px; }
.caret { left:auto; top:10px; }
}

@media (min-width: 768px) {
.navbar ul li.open ul.dropdown-menu { display: none; }
.navbar-default .navbar-nav > li:hover ul.dropdown-menu { display: block; }
.content-desc .infobox { padding: 30px 38px 0 38px; }	
}
@media (min-width: 768px) and (max-width: 991px){
.content-desc .infobox span { padding:0; }
.content { padding-bottom:60px; }
.f-top .f-t-right { right:0; top:-88px; width:400px; }
.navbar-nav > li { padding:0 18px; }
.navbar-nav > li > a { font-size:14px; line-height:14px; }
.caret { top:9.5px; } 
.dropdown-menu > li > a { font-size:14px; line-height:14px; }
}

@media (min-width: 992px) and (max-width: 1199px){
.f-top .f-t-right { right:0; }
.caret { top:10.5px; } 
}
@media (min-width: 1200px) and (max-width: 1920px){
.c-bottom .c-b-right { right:7%; }
.content .c-bottom { padding:53px 0 7px 0; }
}



/*---------- Large Desktop , Large Screen End ----------*/