/* Piranja Theme */
/* Version 2017 */
/* created by Marc Philippi */

body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #252525;
	line-height: 1.3;
	font-size: 15px;
	background-color: #000000;
}

.h1, h1 {
	font-size: 27px;
	letter-spacing: 3px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .h7, h7 {
	font-size: 15px;
	font-weight: 700;
	margin: 0 0 5px;
}

p {
	margin: 0 0 21px;
}

a, a:hover, a:focus, a:active {
	color: #000000;
}

#main a, #main a:hover, #main a:focus, #main a:active {
	text-decoration: underline;
}

form p.error {
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

label {
	font-weight: normal;
}

.input-group-addon {
	border: none;
	background: none;
	color: #333333;
}

.form-control {
    font-size: 15px;
    color: #000000;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
	background-color: rgba(255, 255, 255, 0.75);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-default, .btn-default:hover, .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default, .btn-default.focus, .btn-default:focus, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #ffffff;
    background-color: #000000;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    text-decoration: none !important;
}

.btn-default:hover, .btn-default.active:hover, .btn-default:active:hover, .open > .dropdown-toggle.btn-default:hover {
	color: #00bdb8;
}

form .invisible {
	display: none;
}

/* ######
 * Navbar
 * ###### */

.navbar {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
	border: none;
}

.navbar-toggle {
	border: none;
}

.navbar-inverse {
	background-color: #000000;
	border-color: #000000;
}

.affix {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}

/* .navbar-header {
	background: url("/files/piranja2017/img/fisch_weiss.jpg") no-repeat 15px 5px;
	background-size: 40px;
} */

@media (min-width: 768px) {

.navbar-right {
    margin-right: -20px;
}

/* #navbar-collapse-1 {
	background: url("/files/piranja2017/img/fisch_weiss.jpg") no-repeat 15px 5px;
	background-size: 40px;
} */

}

.navbar-inverse .navbar-nav > li > a {
	padding: 15px 20px;
}

.shop {
	color: #ffffff;
	position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 8px;
}

.shop:hover, .shop:focus {
	text-decoration: none;
}

@media (min-width: 768px) {

.shop {
	width: 78px;
	height: 73px;
	background: url('/files/piranja2017/img/shop.png') no-repeat;
	padding: 0;
	margin: 0;
	position: absolute;
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}

@media (min-width: 768px) {

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus  {
    color: #ffffff;
    background: #000000 url('/files/piranja2017/img/nav_active.jpg') no-repeat center bottom 0;
}

}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a:hover, .shop:hover {
	color: #00bdb8;
}

@keyframes anim-shop {
	0% {
		color: #ffffff;
    }
    100% {
    	color: #00bdb8;
    }
}
  
.navbar-inverse .navbar-nav > li > .shop-link {
	animation: anim-shop 1s ease infinite alternate;
}


/* ######
 * Header
 * ###### */
 
#titel {
	/*background-image: url('/files/piranja2017/img/hg_titel_piranja.jpg');
	background-position: center center;
	background-repeat: no-repeat
	background-size: cover;*/
	background-color: #000000;
	width: 100%;
	height: 100vh;
	justify-content: center;
	align-items: center;
	display: flex;
}

#titel > img {
	width: 250px;
}

@media (min-width: 768px) {

#titel > img {
	width: auto;
}

}

#titel > .icons {
	position: absolute;
	top: 5%;
	right: 5%;
}

#titel > .icons > li {
	list-style-type: none;
	display: inline;
}

#titel > .icons > li > a {
	float: left;
	height: 51px;
	width: 49px;
	margin-left: 15px;
	background-image: url('/files/piranja2017/img/icons_startseite_weiss.png');
}

#titel > .icons > .instagram > a {
    background-position: 0 0;
}

#titel > .icons > .instagram > a:hover {
	background-position: 0 -51px;
}

#titel > .icons > .facebook > a {
    background-position: -60px 0;
}

#titel > .icons > .facebook > a:hover {
	background-position: -60px -51px;
}

#titel > .icons > .twitter > a {
    background-position: -120px 0;
}

#titel > .icons > .twitter > a:hover {
	background-position: -120px -51px;
}

#titel > .icons > .email > a {
    background-position: -180px 0;
}

#titel > .icons > .email > a:hover {
	background-position: -180px -51px;
}

#titel .weiter {
	position: absolute;
	bottom: 8%;
	left: 50%;
}

#titel .weiter > a {
	background-image: url('/files/piranja2017/img/pfeil.png');
	background-position: 0 0;
	width: 79px;
	height: 78px;
	display: block;
	position: relative;
	left: -50%;
}

#titel .weiter > a:hover {
	background-position: -79px 0;
}

/* ####
 * Welt
 * #### */
 
#main > .inside {
	background-image: url('/files/piranja2017/img/img_oben.jpg'), url('/files/piranja2017/img/hg_blau01.jpg');
	background-repeat: repeat-x, repeat;
	background-position: center top, center top;
}

#main > .inside .welt {
	height: 273px;
	margin-top: 0;
	margin-bottom: 52px;
	background: url('/files/piranja2017/img/schiff.png'), url('/files/piranja2017/img/wolken.png');
	background-repeat: no-repeat, no-repeat;
	background-position: right 250px top 132px, 120px 46px;
	transition: 0s linear;
}


/* ########
 * Über uns
 * ######## */
 
#ueber-uns {
	padding-bottom: 100px;
}

#ueber-uns .carousel .item {
	min-height: 460px;
}

#ueber-uns .carousel-indicators {
	bottom: -60px;
}

#ueber-uns .carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    border: none;
    background-color: #ffffff;
}

#ueber-uns .carousel-indicators .active {
    background-color: #000000;
}

#ueber-uns .ce_image > .image_container > img {
	width: 100%;
	height: auto;
}


/* ########
 * Produkte
 * ######## */

#produkte {
	padding-top: 64px;
	overflow: hidden;
	background:	url('/files/piranja2017/img/hg_blau02.jpg') repeat;
}

@media (min-width: 1200px) {

#produkte {
	background:
		url('/files/piranja2017/img/fisch_blau.png') no-repeat 18% 36%,
		url('/files/piranja2017/img/wellen01.png') no-repeat 70% 1%,
		url('/files/piranja2017/img/wellen01.png') no-repeat 40% 4%,
		url('/files/piranja2017/img/wellen01.png') no-repeat 35% 8%,
		url('/files/piranja2017/img/wellen01.png') no-repeat 45% 12%,
		url('/files/piranja2017/img/wellen01.png') no-repeat 25% 20%,
		url('/files/piranja2017/img/wellen02.png') no-repeat 38% 22%,
		url('/files/piranja2017/img/wellen02.png') no-repeat 85% 27%,
		url('/files/piranja2017/img/wellen02.png') no-repeat 23% 42%,
		url('/files/piranja2017/img/wellen03.png') no-repeat 80% 44%,
		url('/files/piranja2017/img/wellen03.png') no-repeat 28% 48%,
		url('/files/piranja2017/img/wellen03.png') no-repeat 44% 53%,
		url('/files/piranja2017/img/wellen03.png') no-repeat 30% 57%,
		url('/files/piranja2017/img/wellen03.png') no-repeat 35% 60%,
		url('/files/piranja2017/img/wellen03.png') no-repeat 25% 64%,
		url('/files/piranja2017/img/wellen03.png') no-repeat 29% 69%,
		url('/files/piranja2017/img/wellen04.png') no-repeat 40% 74%,
		url('/files/piranja2017/img/wellen04.png') no-repeat 32% 79%,
		url('/files/piranja2017/img/wellen04.png') no-repeat 38% 83%,
		url('/files/piranja2017/img/wellen04.png') no-repeat 25% 88%,
		url('/files/piranja2017/img/wellen04.png') no-repeat 28% 91%,
		url('/files/piranja2017/img/wellen04.png') no-repeat 41% 95%,
		url('/files/piranja2017/img/wellen04.png') no-repeat 35% 97%,
		url('/files/piranja2017/img/wellen04.png') no-repeat 25% 99%,
		url('/files/piranja2017/img/hg_blau02.jpg') repeat;
}	
	
}

#produktinfo > .row {
	border-bottom: 1px solid #000000;
	margin-bottom: 64px;
}

#produkte > .row:last-child {
	border: none;
}

#produktinfo h2, #produktinfo h3, #bezugsquellen h2, #bezugsquellen h3, #impressum h2, #impressum h3, #agb h2, #agb h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 25px;
}

#produktinfo .flasche a {
	display: block;
	text-decoration: none;
	margin-bottom: 64px;
}

#produktinfo .flasche img {
	margin-bottom: 20px;
	width: 100px;
}

@media (min-width: 768px) {

#produktinfo .flasche img {
	width: auto;
}
	
}

#produktinfo .flasche h3 {
	margin: 0;
}

#produkte .carousel {
	margin-bottom: 84px;
}

#produkte .carousel-inner {
	background: url('/files/piranja2017/img/info_fenster.jpg') repeat;
}

@media (min-width: 768px) {

#produkte .carousel-inner {
	height: 604px;
}
	
}

#produkte .carousel-indicators {
	display: none;
}

@media (min-width: 992px) {
	
#produkte .carousel {
	margin-bottom: 360px;
}

#produkte .carousel-indicators {
	display: block;
	position: absolute;
	bottom: -370px;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	background: url('/files/piranja2017/img/hg_blau06.jpg') repeat;
}
	
#produkte .carousel-indicators li {
    width: 80px;
    height: 320px;
    text-indent: 0;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 250px;
    margin: 0 5px;
    transition: all 0.3s ease;
}

}

@media (min-width: 1200px) {

#produkte .carousel-indicators li {
    margin: 0 20px;
}

}

#produkte .carousel-indicators li:hover {
    background-size: auto 270px;
}

#produkte .carousel-indicators .active, #produkte .carousel-indicators .active:hover {
    background-size: auto 290px;
}

#produkte .carousel-indicators .active::after {
	content: '';
	width: 37px;
	height: 19px;
	display: block;
	position: relative;
	top: -36px;
	left: 20px;
	cursor: auto;
	background-image: url('/files/piranja2017/img/info_fenster_pfeil.png');
}

#produkte .carousel-indicators li[data-slide-to='0'] {
	background-image: url('/files/piranja2017/img/produkte/flasche_cola-normal.png');
}

#produkte .carousel-indicators li[data-slide-to='1'] {
	background-image: url('/files/piranja2017/img/produkte/flasche_cola-kirsche.png');
}

#produkte .carousel-indicators li[data-slide-to='2'] {
	background-image: url('/files/piranja2017/img/produkte/flasche_cola-zuckerfrei.png');
}

#produkte .carousel-indicators li[data-slide-to='3'] {
	background-image: url('/files/piranja2017/img/produkte/flasche_eistee-himbeere.png');
}

#produkte .carousel-indicators li[data-slide-to='4'] {
	background-image: url('/files/piranja2017/img/produkte/flasche_eistee-limette.png');
}

#produkte .carousel-indicators li[data-slide-to='5'] {
	background-image: url('/files/piranja2017/img/produkte/flasche_eistee-pfirsich.png');
}

#produkte .carousel-indicators li[data-slide-to='6'] {
	/* background-image: url('/files/piranja2017/img/produkte/flasche_limo-mandarine.png'); */
	background-image: url('/files/piranja2017/img/produkte/flasche_limo-orange.png');
}

#produkte .carousel-indicators li[data-slide-to='7'] {
	/* background-image: url('/files/piranja2017/img/produkte/flasche_limo-rhabarber.png'); */
	background-image: url('/files/piranja2017/img/produkte/flasche_limo-kirsch.png');
}

#produkte .carousel-indicators li[data-slide-to='8'] {
	background-image: url('/files/piranja2017/img/produkte/flasche_limo-waldmeister.png');
}

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

.carousel-control .icon-next::before, .carousel-control .icon-prev::before {
    content: none;
}

.carousel-control .icon-next, .carousel-control .icon-prev {
	width: 33px;
	height: 57px;
	margin-top: -28px;
}

.carousel-control .icon-next {
	right: 25%;
	background-image: url('/files/piranja2017/img/pfeil_r.png');
}

.carousel-control .icon-prev {
	left: 25%;
	background-image: url('/files/piranja2017/img/pfeil_l.png');
}

#produkte .carousel .item {
	padding: 55px 0;
	background-image: url('/files/piranja2017/img/produkte/logo.png');
	background-repeat: no-repeat;
	background-position: right 30px top 55px;
}

@media (min-width: 992px) {

#produkte .carousel .item {
	background-position: right 80px top 55px;
}

}

#produkte .carousel .col_2 {
	padding-top: 55px;
	padding-left: 30px;
	padding-right: 30px;
}

@media (min-width: 768px) {

#produkte .carousel .col_2 {
	padding-top: 0;
	padding-left: 15px;
	padding-right: 15px;
}

}

#produkte .carousel h1 {
	font-size: 17px;
	letter-spacing: 2px;
	margin: 0 0 30px;
}

#produkte .carousel .flasche {
	text-align: center;
}

#produkte .carousel .flasche img {
	max-width: 100%;
	height: auto;
}

@media (min-width: 768px) {

#produkte .carousel .flasche {
	text-align: right;
}

#produkte .carousel .flasche.duo {
	text-align: left;
}

}

#produkte .kaufen a, #produkte .kaufen a:hover, #produkte .kaufen a:focus, #produkte .kaufen a:active {
	text-decoration: none;
}

#produkte .details p {
	margin-left: 30px;
}

@media (min-width: 768px) {

#produkte .item > .ce_colsetStart {
	height: 494px;
}

}

#produkte .item > .ce_colsetStart::before {
	position: absolute;
	bottom: 55px;
	right: 30px;
}

@media (min-width: 768px) {

#produkte .item > .ce_colsetStart::before {
	bottom: 55px;
	right: 80px;
}

}

#produkte .cola-normal::before {
	width: 145px;
	height: 129px;
	background-image: url('/files/piranja2017/img/produkte/illu_cola-normal.png');

}

#produkte .cola-kirsche::before {
	width: 145px;
	height: 129px;
	background-image: url('/files/piranja2017/img/produkte/illu_cola-kirsche.png');

}

#produkte .cola-zuckerfrei::before {
	width: 145px;
	height: 129px;
	background-image: url('/files/piranja2017/img/produkte/illu_cola-zuckerfrei.png');

}

#produkte .eistee-himbeere::before {
	width: 285px;
	height: 209px;
	background-image: url('/files/piranja2017/img/produkte/illu_eistee-himbeere.png');
}

#produkte .eistee-limette::before {
	width: 343px;
	height: 171px;
	background-image: url('/files/piranja2017/img/produkte/illu_eistee-limette.png');
}

#produkte .eistee-pfirsich::before {
	width: 371px;
	height: 207px;
	background-image: url('/files/piranja2017/img/produkte/illu_eistee-pfirsich.png');
}

#produkte .limo-orange::before {
	width: 273px;
	height: 177px;
	background-image: url('/files/piranja2017/img/produkte/illu_limo-orange.png');
}

#produkte .limo-rhabarber::before {
	width: 281px;
	height: 208px;
	background-image: url('/files/piranja2017/img/produkte/illu_limo-rhabarber.png');
}

#produkte .limo-kirsch::before {
	width: 260px;
	height: 158px;
	background-image: url('/files/piranja2017/img/produkte/illu_limo-kirsch.png');
}

#produkte .limo-waldmeister::before {
	width: 256px;
	height: 247px;
	background-image: url('/files/piranja2017/img/produkte/illu_limo-waldmeister.png');
}


/* #############
 * Bezugsquellen
 * ############# */

#bezugsquellen {
	padding-top: 64px;
	padding-bottom: 64px;
	background: url('/files/piranja2017/img/hg_blau03.jpg') repeat;

}

@media (min-width: 768px) {

#bezugsquellen {
	background:
		url('/files/piranja2017/img/wellen_dunkel01.png') no-repeat 65% 4%,
		url('/files/piranja2017/img/hg_blau03.jpg') repeat;
}
	
}

.ce_dlh_googlemaps {
	margin-bottom: 50px;
}

#dlh_googlemap_1 {
	width: auto;
	height: 600px;
	background-color: #ffffff;
	border: 10px #000000 dashed;
}

#map {
    width: auto;
    height: 600px;
    z-index: 1;
    position: relative;
    margin-bottom: 50px;
    background-color: #ffffff;
	border: 10px #000000 dashed;
}

#map .leaflet-popup-content {
	font-size: 15px;
}


/* ##########
 * Newsletter
 * ########## */
 
#newsletter {
	padding-top: 64px;
	padding-bottom: 64px;
	background: url('/files/piranja2017/img/hg_blau04.jpg') repeat;
}


/* #######
 * Kontakt
 * ####### */

#kontakt {
	padding-top: 64px;
	padding-bottom: 64px;
	background: url('/files/piranja2017/img/hg_blau04.jpg') repeat;
}

@media (min-width: 768px) {

#kontakt {
	background: 
		url('/files/piranja2017/img/wellen_dunkel01.png') no-repeat 70% 1%,
		url('/files/piranja2017/img/wellen_dunkel02.png') no-repeat 35% 25%,
		url('/files/piranja2017/img/wellen_dunkel03.png') no-repeat 20% 90%,
		url('/files/piranja2017/img/fische.png') no-repeat 65% 80%,
		url('/files/piranja2017/img/hg_blau04.jpg') repeat;
}

}

#kontakt .kontaktform {
	border-right: 1px solid #000000;
}

#kontakt .textbox {
	min-height: 80px;
}

.form-horizontal .control-label {
	text-align: left;
}

form > .formbody > * {
	margin-bottom: 20px;
}

#kontakt .kontaktbox {
	padding-right: 15px;
}

#kontakt .newsletterbox {
	padding-left: 15px;
}


/* ########
 * Kunden-Login
 * ######## */

#kunden-login {
	padding-top: 64px;
	background: url('/files/piranja2017/img/hg_blau05.jpg') repeat;
}

@media (min-width: 768px) {

#kunden-login {
	background: 
		url('/files/piranja2017/img/wellen_dunkel01.png') no-repeat 40% 1%,
		url('/files/piranja2017/img/wellen_dunkel02.png') no-repeat 75% 3%,
		url('/files/piranja2017/img/wellen_dunkel03.png') no-repeat 65% 80%,
		url('/files/piranja2017/img/algen.png') no-repeat 80% 100%,
		url('/files/piranja2017/img/hg_blau05.jpg') repeat;
}
	
}

#kunden-login .infodownload {
	border-right: 1px solid #000000;
}

#kunden-login .info {
	list-style-type: none;
	padding-left: 0;
}

#kunden-login .info > li {
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 30px;
}

#kunden-login .info > li > a {
	display: block;
	text-decoration: none;
	padding-top: 120px;
	min-width: 98px;
	background: url('/files/piranja2017/img/icon_info.jpg') no-repeat top center;
	text-align: center;
}

#kunden-login .haendlerlogin {
	padding-left: 15px;
}

#kunden-login .loginoptionen {
	list-style-type: none;
	margin-top: 20px;
}

#kunden-login .loginoptionen > li {
	margin-bottom: 10px;
}

#kunden-login .loginoptionen > li::before {
    content: "\2014";
    position: absolute;
    left: 15px;
}


/* #####
 * Login
 * ##### */
 
.control-label {
	padding-top: 7px;
}

#passwort-vergessen form .fields > div, #registrieren fieldset > div {
	margin-bottom: 15px;
}

fieldset legend {
	border: none;
	text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    font-weight: 700;
}

#bestellformular {
	background: url('/files/piranja2017/img/info_fenster.jpg') repeat;
	padding: 10px 30px;
}

#bestellformular .row {
	margin-left: 0;
	margin-right: 0;
}

#bestellformular .col-lg-1, #bestellformular .col-lg-10, #bestellformular .col-lg-11, #bestellformular .col-lg-12, #bestellformular .col-lg-2, #bestellformular .col-lg-3, #bestellformular .col-lg-4, #bestellformular .col-lg-5, #bestellformular .col-lg-6, #bestellformular .col-lg-7, #bestellformular .col-lg-8, #bestellformular .col-lg-9, #bestellformular .col-md-1, #bestellformular .col-md-10, #bestellformular .col-md-11, #bestellformular .col-md-12, #bestellformular .col-md-2, #bestellformular .col-md-3, #bestellformular .col-md-4, #bestellformular .col-md-5, #bestellformular .col-md-6, #bestellformular .col-md-7, #bestellformular .col-md-8, #bestellformular .col-md-9, #bestellformular .col-sm-1, #bestellformular .col-sm-10, #bestellformular .col-sm-11, #bestellformular .col-sm-12, #bestellformular .col-sm-2, #bestellformular .col-sm-3, #bestellformular .col-sm-4, #bestellformular .col-sm-5, #bestellformular .col-sm-6, #bestellformular .col-sm-7, #bestellformular .col-sm-8, #bestellformular .col-sm-9, #bestellformular .col-xs-1, #bestellformular .col-xs-10, #bestellformular .col-xs-11, #bestellformular .col-xs-12, #bestellformular .col-xs-2, #bestellformular .col-xs-3, #bestellformular .col-xs-4, #bestellformular .col-xs-5, #bestellformular .col-xs-6, #bestellformular .col-xs-7, #bestellformular .col-xs-8, #bestellformular .col-xs-9 {
    padding-right: 30px;
    padding-left: 0;
}

#bestellformular p {
	padding-top: 7px;
	margin: 0;
}


/* ######
 * Footer
 * ###### */
 
#main > .inside > div:last-child {
	padding-bottom: 64px;
}

footer {
	padding-top: 32px;
	padding-bottom: 32px;
	background-color: #000000;
	color: #ffffff;
}

footer .icons {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 20px;
	border-bottom: 1px solid #ffffff;
}

footer .icons > li {
	display: inline-block;
	margin-right: 15px;
}

footer .icons > li > a {
	margin-bottom: 20px;
	display: inline-block;
	height: 51px;
	width: 49px;
	background-image: url('/files/piranja2017/img/icons_startseite_weiss.png');
}

footer .icons > .instagram > a {
    background-position: 0 0;
}

footer .icons > .instagram > a:hover {
	background-position: 0 -51px;
}

footer .icons > .facebook > a {
    background-position: -60px 0;
}

footer .icons > .facebook > a:hover {
	background-position: -60px -51px;
}

footer .icons > .twitter > a {
    background-position: -120px 0;
}

footer .icons > .twitter > a:hover {
	background-position: -120px -51px;
}

footer .icons > .email > a {
    background-position: -180px 0;
}

footer .icons > .email > a:hover {
	background-position: -180px -51px;
}

footer .hashtag {
	text-transform: uppercase;
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 20px;
}

footer .hashtag li {
	display: inline-block;
	padding-right: 30px;
}

footer a, footer a:hover, footer a:focus, footer a:active {
	color: #ffffff;
}

footer .container {
	background: url('/files/piranja2017/img/fisch_weiss.jpg') no-repeat center 0;
	padding-top: 150px;
}

@media (min-width: 768px) {

footer .container {
	background: url('/files/piranja2017/img/fisch_weiss.jpg') no-repeat 15px 80px;
	padding-top: 0;
}	

}


footer #instafeed {
	display: table;
	height: 192px;
	width: 100%;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 20px;
	overflow: hidden;
}

footer #instafeed > a {
	display: inline-block;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px
}

footer #instafeed > a:last-child {
	margin-right: 0;
}

footer #instafeed > a > img {
	height: 150px;
}

footer .nav-pills > li > a {
	border-radius: 0;
	border-left: 1px solid #ffffff;
	padding: 0 15px;
	line-height: 1;
	text-transform: uppercase;
}

footer .nav-pills > li:first-child > a {
	border-left: none;
	padding-left: 0;
}

footer .nav > li > a:focus, footer .nav > li > a:hover {
	background-color: #000000;
	text-decoration: underline;
}



/* Modal */
.modal-content {
	background: rgba(255, 255, 255, 0.9);
	border-radius: 0;
}

#newsletter-modal form {
	margin-bottom: 20px;
}