body
{
	font-family: 'Roboto', sans-serif;
	margin: 0;
	width:100%;
	height:100%;
	color:#666;
	font-size:16px;
}

a{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}

.col-center{float: none;margin: 0 auto;}

.modal-header{background:#c5d773; color:#fff;}
.modal-title{font-size:24px;}
.close{color:#fff; opacity:1;}

.logo{margin-top:30px;}
.logo img{max-width:500px; width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  transition: all 0.5s; margin:0 auto;}
.navigation{background:transparent; border:0;}
.conpadd{padding: 200px 0 100px 0;}
h1, h2{margin-bottom:30px;}
h1{margin-top:0;}
.blue{color:#0d5c64; font-weight:700;}
.flagstart{max-width:40px; margin-left:15px;}

.section-1 {height: auto;overflow: hidden;}
.section-side {
    height: auto;
    overflow: hidden;
    padding: 180px 0;
}

.boxh1{font-size:24px; font-weight:bold; text-transform:uppercase; color:#0d5c64; border-bottom: 4px solid #c5d773; padding-bottom:10px; margin-bottom:20px;}
.boximg{margin-bottom:20px;}
.btn-color{background:#0d5c64; color:#fff; text-transform:uppercase;}
.btn-color:hover{color:#c5d773; text-transform:uppercase;}
.box .btn-color{margin-top:10px;}
.boxtext{min-height:280px;}
.news_box{border-bottom:1px solid #e5e5e5; padding-bottom:20px; padding-top:20px;}

.content h2{margin-top:0; margin-bottom:50px;}

.bg-supermarkt{background: rgba(0, 0, 0, 0) url("img/ariston-griechischer-supermarkt-slider-1.jpg") no-repeat fixed center top / cover ;}
.bg-imbiss{background: rgba(0, 0, 0, 0) url("img/ariston-griechischer-supermarkt-slider-1.jpg") no-repeat fixed center top / cover ;}
.bg-speisekarte{background: rgba(0, 0, 0, 0) url("img/ariston-griechischer-supermarkt-slider-1.jpg") no-repeat fixed center top / cover ;}

.bg-1 {
    background: rgba(0, 0, 0, 0) url("img/ariston-griechischer-supermarkt-slider-3.jpg") no-repeat fixed center top / cover ;
    color: #fff;
}

.overlay {
    background: rgba(136,143,48, 0.2);
    height: 100%;
    width: 100%;
    padding: 180px 0;
    transition: opacity .5s;
}

.section-spruch-1{font-size:60px; letter-spacing:-1px; font-family: 'Norican', cursive;}
footer{padding-top:30px; color:#c5d773;background:#0d5c64; border-top:5px solid #c5d773;}
footer .col-lg-3:before{padding-left:0;}
footer .col-lg-3{padding:30px;}
.footerkontakt .glyphicon{margin-right:15px;}
.footerkontakt td, #footerkontakt th{padding:3px; vertical-align:top;}
.footerbottom{background:transparent; padding:15px 0; color:#c5d773; font-size:14px;margin-top:30px; border-top:none;}
footer a{color:#c5d773;}
footer a:hover{color:#c5d773;}

.back-to-top.show {
    visibility: visible;
    bottom: 35px;
    opacity: 1;
}
.back-to-top {
    visibility: hidden;
    background: #c5d773;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    position: fixed;
    bottom: 65px;
    right: 35px;
    z-index: 90;
    cursor: poPT Sans;
    border-radius: 1px;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transition: all .6s;
}
.back-to-top .glyphicon{color:#fff;}
.show{display:block!important;}

header{background:#fff;}
.navigation{margin-bottom:0; width:725px; margin:0 auto;}
.navbar-default .navbar-nav > li > a{color:#fff; font-size:18px; padding:15px 30px; font-weight:bold; text-transform:uppercase;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, #navbar_active{color:#0d5c64; background:#c5d773;}
.navbar-default .lastchild{padding:8px 20px!important;}
.sticky-menu .logo img{max-width:250px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s;transition: all 0.5s; margin:0 auto;}
.container-headermain{margin-top:10px;}
.carousel{margin-top:180px;}
.carousel-caption{top:30%;}

main{margin-top:90px;}

.section-logos{height: auto;overflow: hidden;padding-top:180px;}
.section-logos .galerie img {
	max-height:80px;
	height:100%;
}

.galerie img {
    -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	max-height:170px;
	height:100%;
	max-width:260px;
}
.galerie img:hover{-webkit-transform: scale(1.3);transform: scale(1.3);}
.galerie{margin:15px 5px; float:left;}
figure{overflow:hidden;}

.google-maps {height: 0;overflow: hidden; padding-bottom: 60%; position: relative;}
.google-maps iframe {height: 100% !important;left: 0;position: absolute;top: 0;width: 100% !important;}

.anfahrt td {padding: 5px 10px;}
.anfahrt h3 {padding-bottom: 0; padding-left: 10px; margin-top:0; color:#c5d773; font-weight:700; font-size:20px;}


.navibg{margin-top:20px; background:url(img/navibg.png) no-repeat center;}
.navbar{min-height:auto;}
header{padding-bottom:0;}
.navbar-top-border{position:absolute; top:0; width:100%; z-index:5000;}
.topbar-box{padding:5px 10px; font-size:12px; color:#c5d773; float:right;}
.topbar-box .glyphicon{padding-right:5px;}

.carousel-caption h1, .carousel-caption h2{background:#0d5c64; padding:5px 20px; font-size: 66px; font-weight: 700; letter-spacing: -1px; margin:5px; display:inline-block;}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control.left{background:none;}
.carousel-control.right{background:none;}



@media screen and (min-width:992px) and (max-width:1200px) {
	
	.conpadd{padding:50px 0;}
	.section-1{padding:100px 0;}

}

@media screen and (min-width:768px) and (max-width:991px) {
	
	.conpadd{padding:50px 0;}
	.section-1{padding:100px 0;}
	.section-spruch-1{font-size:36px;}
	.footer-logo img{margin:0 auto; float:none;}
	.carousel{margin-top:200px;}
}
@media screen and (max-width:767px) {
	
	.navigation{width:auto;}
	.navibg{background:#0d5c64;}
	.boxtext{min-height:auto;}
	
}


/*Iphone bis 6*/
@media screen and (min-width:375px) and (max-width:767px) {
	
	.container{padding:0 25px;}
	footer .container{padding:0;}
	.conpadd{padding:30px 0;}
	.h2, h2{font-size:24px;}
	.flagstart{margin-left:0;}
	.menubtn {color: #c5d773; float: left; font-size: 16px; margin-top: -5px;}
	.navigation{float:none; margin-top:-17px;}
	.navbar-default .navbar-toggle .icon-bar {background: #c5d773 none repeat scroll 0 0; margin-left:50px;}
	.navbar-default .navbar-toggle {border: 0 none; padding:0; margin:0;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:0;}
	.navbar{min-height:40px;}
	header{padding:15px 0 0 0;}
	.section-side{padding:120px 0;}
	.navigation{margin-top:15px;}
	.navbar{min-height:30px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0;}
	.navbar-top-border{display:none;}
	header{padding-top:0;}
	.carousel-caption h1, .carousel-caption h2{font-size:26px;}
	h2{margin-bottom:15px;}
	.overlay{padding:60px 0;}
	.section-1{padding:0;}
	.section-spruch-1{font-size:30px;}
	.footer-logo img{max-width:150px;}
	footer .col-lg-3{padding:15px 30px;}
	.navbar-default .navbar-nav > li{border:0;}
	.section-logos .galerie img{max-height:38px;}
	.section-logos{padding: 15px 0;}
	.logo img{width:300px;}
	.carousel{margin-top:150px;}
}

/*Iphone bis 5*/
@media screen and (max-width:374px) {
	
	.container{padding:0 25px;}
	footer .container{padding:0;}
	.conpadd{padding:30px 0;}
	.section-1{padding:80px 0;}
	.section-spruch-1{font-size:24px;}
	.h2, h2{font-size:20px;}
	h3{font-size:18px;}
	.flagstart{margin-left:0;}
	.menubtn {color: #c5d773; float: left; font-size: 16px; margin-top: -5px;}
	.navigation{float:none; margin-top:-17px;}
	.navbar-default .navbar-toggle .icon-bar {background: #c5d773 none repeat scroll 0 0; margin-left:50px;}
	.navbar-default .navbar-toggle {border: 0 none; padding:0; margin:0;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:0;}
	.navbar{min-height:40px;}
	header{padding:15px 0 0 0;}
	.section-side{padding:120px 0;}
	.navigation{margin-top:15px;}
	.navbar{min-height:30px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0;}
	.navbar-top-border{display:none;}
	header{padding-top:0;}
	.carousel-caption h1, .carousel-caption h2{font-size:26px;}
	h2{margin-bottom:15px;}
	.overlay{padding:60px 0;}
	.section-1{padding:0;}
	.section-spruch-1{font-size:30px;}
	.footer-logo img{max-width:150px;}
	footer .col-lg-3{padding:15px 30px;}
	.carousel-caption{top:15%;}
	.navbar-fixed-bottom, .navbar-fixed-top{position:static;}
	main, .carousel{margin-top:0;}
	.navbar-default .navbar-nav > li{border:0;}
	.section-logos .galerie img{max-height:38px;}
	.section-logos .galerie{margin:2px;}
	.section-logos{padding: 15px 0;}
	
}
		
	.hm{font-size:10px; margin-top:30px;}
	.hm img {margin-left: 3px; margin-top: -16px; max-width: 160px; opacity: 1;}