@charset "UTF-8";

@font-face {
	font-family: 'SolexOT-Bold';
	src: url('fonts/SolexOT-Bold.eot?') format('eot'), 
	     url('fonts/SolexOT-Bold.otf')  format('opentype'),
	     url('fonts/SolexOT-Bold.woff') format('woff'), 
	     url('fonts/SolexOT-Bold.ttf')  format('truetype'),
	     url('fonts/SolexOT-Bold.svg#SolexOT-Bold') format('svg');
}

@font-face {
	font-family: 'SolexOT-Regular';
	src: url('fonts/SolexOT-Regular.eot?') format('eot'), 
	     url('fonts/SolexOT-Regular.otf')  format('opentype'),
	     url('fonts/SolexOT-Regular.woff') format('woff'), 
	     url('fonts/SolexOT-Regular.ttf')  format('truetype'),
	     url('fonts/SolexOT-Regular.svg#SolexOT-Regular') format('svg');
}

/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local(''),
	url('fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('fonts/open-sans-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local(''),
	url('fonts/open-sans-v28-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('fonts/open-sans-v28-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


* {
	padding: 0;
	margin: 0;
}

html {
	height: 100.1%;
	color: #0055a4;
	font-family: SolexOT-Regular;
}




p {
	margin-bottom: 0.7em;
}

a {
	color: #0055a4;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style: circle;
}

li {
	padding-left: 10px;
}

h1, h2, h3, h4 {
	color: #0055a4;
	font-family: SolexOT-Bold;
}

h1 {
	font-size: 20pt;
	font-weight: bold;
	margin-bottom: 12px;
	line-height: 1;
	margin-top: 10px;
}

h2 {
	font-size: 16pt;
	font-weight: normal;
	margin-bottom: 10px;
}

h3 {
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 8px;
}

h4 {
	font-size: 12pt;
	font-weight: normal;
	font-style:italic;
	margin-bottom: 6px;
}

hr { border-top: 1px solid #0055a4; }

.clearfix {
	clear: both;
}

#downloads {
  box-shadow: 0 0 5px #ccc;
  padding: 1rem 0 0 1rem;
}

#downloads td {
  vertical-align: top;
  padding-bottom: 1rem;
}

#downloads img {
  max-width: 170px;
  height: auto;
   box-shadow: 0 0 5px #ccc;
}

#downloads p {
  margin-left: 0 !important;
}

strong {
	font-family: SolexOT-Bold, Arial, sans;
	font-weight: normal;
}

img {
	height: auto;
	max-width: 100%;
}

/* Beginn spezifische Befehle */

#wrapper {
	margin: 0 auto;
}

#header_outer {
	margin-bottom: 15px;
}

#logo a {
	margin: 10px auto 0;
}

.jubitext {
    font-size: 28px;
    
}

#kopfbanner {
	box-shadow: 0 0 5px #666;
}

#kopfbanner img {
	max-width: 100%;
	height: auto;
	display:block;
}

#body {
	min-height: 400px;
}

/* Kopfbereich */

#header_inner {
	position: relative;
}


#mainmenu, #rightmenu, #drache  {
	position: absolute;
	bottom: 0;
	font-family: SolexOT-Bold;
}

#headmenu {
	font-family: SolexOT-Bold;
}

#mainmenu, #mainmobil_mobil {
	text-align: left;
}

#mainmenu ul, #mainmenu_mobil ul, #rightmenu ul, #rightmenu_mobil ul, #headmenu ul {
	list-style: none;
}

#mainmenu ul li, #rightmenu li, #headmenu li {
	display: inline;
	padding: 0;
}

#mainmenu li a {
	padding-right: 1.3em;
}

#mainmenu li .nav-header {
	padding-right: 1.3em;
}

#rightmenu {
	text-align: right;
}

#rightmenu li a {
	padding-left: 1.3em;
}

#headmenu, #headmenu_mobil {
	position: absolute;
	top: 0;
}

/* Content-Top */

#content_top.keinteaser {
	display: none;
}

.top_outer {
	float: left;
	}

.top8_outer {
	float: left;
	}

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

.top_inner {
	background-size: cover !important;
	background-repeat: no-repeat;
	font-family: SolexOT-Bold, verdana;
	box-shadow: 0 0 10px #888;
}

.top_inner .medium {
	font-family: SolexOT-Regular, Arial, sans;
	display: block;
	line-height: 1.2;
	margin-top: 10px;
	width: 60%;
}

.rotheader {
    transform: skewY(-5.5deg); 
    margin-bottom: 30px; 
    background-color: #2d7eba; 
    padding: 10px; 
    border-radius: 8px; 
    color: white; 
    display: inline-block; 
    margin-top: 30px; 
    font-size: 32px; 
    padding-left: 25px; 
    padding-right: 25px;
}

#content_outer {
    /* background-color:  white; */
    overflow: hidden;
}

/*
.jubilaeum #content_outer {
    background-color:  white;
    overflow: hidden;
}
*/


/*
#content_top0_inner {
	background: url("img/content_top/vegan4.jpg");
}
*/

#content_top0_inner {
	background: url("img/content_top/limo4.png");
}


#content_top1_inner {
	background: url("img/content_top/natriumarm.jpg");
}

#content_top2_inner {
	background: url("img/content_top/geschichte3.jpg");
}

#content_top3_inner {
	background: url("img/content_top/einkaufen.jpg");
}

#content_top4_inner {
	background: url("img/content_top/veranstaltungen.jpg");
}

#content_top #content_top5_inner {
	background: url("img/content_top/kueste.jpg");
}

#content_top #content_top7_inner {
	background: url("img/content_top/kueste4.jpg") right;
}

#content_top8_inner {
	background: url("img/content_top/willkommen.jpg");
}

#content_top9_inner {
	background: url("img/content_top/gourmet_limonade.jpg");
}

#content_top10_inner {
	background: url("img/content_top/aktiv-tour.jpg");
}

#content_top11_inner {
	background: url("img/content_top/natriumarm.jpg");
}

#content_top12_inner {
	background: url("img/content_top/henry4.jpg");
}

#content_top13_inner {
	background: url("img/content_top/natriumarm.jpg");
}

#content_top14_inner {
	background: url("img/content_top/labyrinth4.jpg");
}

#content_top15_inner {
	background: url("img/content_top/drachenbrause4.jpg");
}

#content_top16_inner {
	background: url("img/content_top/isovital.jpg");
}

#content_top16_inner a {
	color: white;
}


#teaser8x_outer {
    background-color:  white;
    /* margin-left: 60px;
    margin-right: 60px; */
    overflow: hidden;
}

/*
div.item-pagejubilaeum {
    background-color: white;
}
*/

#tease8x_inner1 {
    background-image: url("img/teaser/danke.png");
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
}
#tease8x_inner2 {
    background-image: url("img/teaser/WQ_125_Kachel_2_neu-Storchenkasten-Wittenseer-Jubilaeum.png");
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
}
#tease8x_inner3 {
    background-image: url("img/teaser/Wittenseer-Aktiv-Tour-Aktion-Kachel_3_n.png");
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
}
#tease8x_inner4 {
    background-image: url("img/teaser/WQ_125_Kachel_4_neu-Streuobstwiese-Groß-Wittensee.png");
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
}
#tease8x_inner5 {
    background-image: url("img/teaser/WQ_125_Kachel_5_neu-Jubilaeumsgetraenk-125-Jahre-Wittenseer.png");
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
}
#tease8x_inner6 {
    background-image: url("img/teaser/WQ_125_Kachel _6_neu-Erfrischend-Regional.png");
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
}
#tease8x_inner7 {
    background-image: url("img/teaser/historie.png");
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
}
#tease8x_inner8 {
    background-image: url("img/teaser/WQ_125_Kachel_8_neu-aktuelles-Wittenseer-125-Jahre.png");
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
} Bei 3 Teasern */

#content_top.dreiteaser #content_top1_inner {
	background: url("img/content_top/natriumarm3.jpg");
}

#content_top.dreiteaser #content_top2_inner {
	background: url("img/content_top/geschichte3.jpg");
}

#content_top.dreiteaser #content_top3_inner {
	background-position: bottom !important;
}

#content_top.dreiteaser #content_top6_inner {
	background: url("img/content_top/regional3.jpg");
}

/*
#content_top.dreiteaser #content_top5_inner .kueste {
	background: url("img/content_top/kueste.jpg");
}
*/

#content_top.dreiteaser #content_top5_inner  {
	background: url("img/content_top/kueste.jpg");
}


#content_top.dreiteaser #content_top4_inner {
	background: url("img/content_top/veranstaltungen3.jpg");
}

#content_top.dreiteaser #content_top8_inner {
	background: url("img/content_top/willkommen.jpg");
}

#content_top.dreiteaser #content_top9_inner {
	background: url("img/content_top/gourmet_limonade.jpg");
}

#content_top.dreiteaser #content_top10_inner {
	background: url("img/content_top/aktivteam2016.jpg");
}

.historieersatz a {
		background: url("img/content_top/geschichte3.jpg");
}

.regionalersatz a {
		background: url("img/content_top/regional3.jpg");
}

.top_inner a {
	display:block;
}

.top_inner a:hover {
	text-decoration: none;
}

/* Contentbereich */

#content_inner, #bottom_text_inner {
	line-height: 1.3;
	font-size: 1.1em;
}

#content_inner p {
	/* margin-left: 20px; */
}

#content_inner #produkttext p, #content_inner #produkttext h1, #content_inner .blog p {
	margin-left: 0;
}	

#content_inner li {
	margin-left: 2em;
	padding-left: 0;
}

#content_inner h1 {
	font-size: 3em;
	margin-left: 20px;
}

#content_inner ul {
	margin-bottom: 10px;
}

#footer {
	text-align: center;
	font-size: 1.2em;
}

/* Footermenu */

#footer_menu, #footer_menu .moduletable, #copyright, #social {
	display: inline;
}

#footer_menu ul {
	list-style: none;
	text-align: right;
	display: inline;
	font-family: SolexOT-Bold, verdana;
}

#footer_menu li {
	display: inline;
	padding-left: 0;
}

#footer_menu li a {
	padding-right: 15px;
}

#footer_menu li:last-child a {
	padding-right: 0;
}

#footer_menu2, #footer_menu2 .moduletable, #copyright, #social {
	display: inline;
}

#footer_menu2 ul {
	list-style: none;
	text-align: right;
	display: inline;
	font-family: SolexOT-Bold, verdana;
}

#footer_menu2 li {
	display: inline;
	padding-left: 0;
}

#footer_menu2 li a {
	padding-right: 15px;
}

#footer_menu2 li:last-child a {
	padding-right: 0;
}

#footer_menu2 { display: none; }

#copyright {
	margin: 0 25px;
}

#social ul {
	list-style: none;
	display: inline;
}

#social ul li {
	display: inline;
	padding: 0 5px 0 0;
}

#social ul li:last-child {
	padding: 0;
}

#social ul li a {
	display: inline-block;
	width: 22px;
	height: 22px;
}

#social .fb {
	background: url("img/buttons/fb.png");
}

#social .youtube {
	background: url("img/buttons/youtube.png");
	display: none;
}

#social .twitter {
	background: url("img/buttons/twitter.png");
}

#social .xing {
	background: url("img/buttons/xing.png");
	display: none;
}

/* Übersichten */

.blog .item img {
	width: 100%;
	height:auto;
	box-shadow: 0 0 10px #888;
}

.blog .item h2 {
	display: none;
}

.categories-list .item-title {
	display: none;
}

.categories-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.categories-list li {
	padding: 0;
	margin: 0;
}

.categories-list img {
		width: 100%;
	height:auto;
box-shadow: 0 0 10px #888;
}

.submitbutton {
    background-color:  #2d7eba;
    padding: 5px;
    padding-right: 20px;
    padding-left: 20px;
    color: white;
    line-height: 160%;
    float: right;
    font-size: 32px;
}

.kachel8x2_outer {
    float: left;
    width: 23%;
    padding: 1%;
    
}

.kachel8x2 {
    /* box-shadow: 0 0 5px #888; */
}

.kachel8x2 a {
    margin: 0px;
    padding: 0px;
    display: block;
    min-width: 100%;
    min-height: 100%; 
    overflow: hidden;
    
}


.kachel8x2 img {
    min-width: 100%;
    padding: 0px;
    margin: 0px;
}

#teaser8x2 {
    
}

/* Die verschiedenen Ansichten */

#wrapper.uebersicht #kopfbanner, #wrapper.uebersicht #kopfbannernavi, #wrapper.uebersicht #bottom_text, #wrapper.uebersicht2 #kopfbanner, #wrapper.uebersicht2 #kopfbannernavi, #wrapper.uebersicht2 #bottom_text, #wrapper.detail #kopfbanner, #wrapper.detail #kopfbannernavi, #wrapper.detail #bottom_text, #wrapper.text #kopfbanner, #wrapper.text #kopfbannernavi, #wrapper.detail #bottom_text {
	display: none;
}

 #wrapper.start #content_outer {
	display: none
 }
 
 #wrapper.start #content_inner {
 line-height: normal;
 padding: 0;
 font-size: 1em;
 }
 
.mitschatten {
	box-shadow: 0 0 5px #666;
	/* margin-left: -20px; */
}

/* Gruppenbilder */

.gruppenbild {
	position: relative;
	box-shadow: 0 0 5px #666;
	margin-bottom: 20px;
}

.gruppenbild ul {
	list-style: none;
}

.gruppenbild li {
	display: inline;
	margin: 0 !important;
	position: absolute;
}

.gruppenbild a {
	display: block;
	font-family:SolexOT-Bold, arial, sans;
	height: 200px;
}

/* Gastronomenbild */
#gastronomenbild {
	background: url("img/gruppenbilder/gastronomen_d.jpg") no-repeat;
}

#gastronomenbild li.mineral_gastro {
	left: 5%;
	top: 6.5%;
}

li.mineral_gastro a {
	width: 650px;
	height: 450px;
}

#gastronomenbild li.erfrischung_gastro {
	right: 11%;
	top: 19%;
}

/* Küstenbrausenbild */
#kuestenbrausen {
	background: url("img/gruppenbilder/kuestenbrause_d.jpg") no-repeat;
}

/* Limonadenbild */
#limonadenbild {
	background: url("https://wittenseer.de/images/content/produktbilder/limonaden-sorten-uebersicht.jpg") no-repeat;
}

#limonadenbild li.orange {
	left: 6.5%;
	top: 9%;
}

#limonadenbild li.orangelight {
	left: 17%;
	top: 9%;
}

#limonadenbild li.zitrone {
	left: 30%;
	top: 9%;
}

#limonadenbild li.zitronetrueb {
	left: 41%;
	top: 9%;
}

#limonadenbild li.pinkgrapefruit {
	left: 58%;
	top: 8%;
}

#limonadenbild li.colamix {
	left: 54%;
	top: 9%;
}

#limonadenbild li.cola {
	left: 67.5%;
	top: 9%;
}

#limonadenbild li.colazuckerfrei {
	left: 76%;
	top: 9%;
}

#limonadenbild li.bitterlemon {
	left: 73%;
	top: 6.5%;
}

#limonadenbild li.ace {
	left: 91%;
	top: 9%;
}

/* Schorlenbild */
#fruchtschorlenbild {
	background: url("https://wittenseer.de/images/content/produktbilder/wittensser-fruchtschorlen-uebersicht.jpg") no-repeat;
}

#fruchtschorlenbild li.apfel {
	left: 67%;
	top: 0.5%;
    text-align: center;
}

#fruchtschorlenbild li.apfelbirne {
	left: 47.5%;
	top: 0.5%;
    text-align: center;
}

/* Wasserbild 4 Sorten */
#wassersortenbild {
	background: url("https://wittenseer.de/images/content/produktbilder/wittenseer-mineralwasser-uebersicht.jpg") no-repeat;
}

#wassersortenbild li.sturm {
	left: 38.5%;
    top: 11.5%;
}

#wassersortenbild li.boee {
	left: 53.5%;
	top: 11.5%;
}

#wassersortenbild li.flaute {
	left: 67.5%;
	top: 11.5%;
}

#wassersortenbild li.stille {
	left: 81.5%;
	top: 11.5%;
}

/* Wasserplus Bild */
#wasserplusbild {
	background: url("https://wittenseer.de/images/content/produktbilder/wasser-plus-sortenueberblick.jpg") no-repeat;
}

#wasserplusbild li.wasserexotic {
	left: 31%;
	top: 6.5%;
}

#wasserplusbild li.wasserlemon {
	left: 51%;
	top: 6.5%;
}

#wasserplusbild li.wasserhimbeer {
	left: 66%;
	top: 6.5%;
}

#wasserplusbild li.wassercassis {
	left: 59%;
	top: 6.5%;
}

/* Isosport Bild */
#isosportbild {
	background: url("https://wittenseer.de/images/content/produktbilder/iso-sport-vital-produkt-uebersicht-mit-500ml-glas.jpg") no-repeat;
}

#kuestenbrausen {
	background: url("https://wittenseer.de/images/content/produktbilder/kuestenbrause-sortenuebersicht.jpg") no-repeat;
}

#isosportbild li.vitalkirschzitrone {
	left: 82.5%;
	top: 5.5%;
  	text-align: center;
}

#isosportbild li.vitalpinkgrapefruit {
	left: 16%;
	top: 27.5%;
}

#isosportbild li.vitalblutorange {
	left: 24%;
	top: 5.5%;
  	text-align: center;
}

#isosportbild li.vitalgrapefruitzitrone {
	left: 57%;
	top: 5.5%;
  	text-align: center;
}

#kuestenbrausen li.kbapfelbrombeere {
	left: 38%;
	top: 20.5%;
}

#kuestenbrausen li.kbkuestenbrause {
	left: 66%;
	top: 6.5%;
}

#kuestenbrausen li.kuestenbrause1 {
	left: 54%;
	top: 6.5%;
}


/* Drachenbrausen Bild */
#drachenbrausenbild {
	background: url("img/gruppenbilder/drachenbrausenbild_d.jpg") no-repeat;
}

#drachenbrausenbild li.drachenhimbeere {
	left: 38.5%;
	top: 5.5%;
}

#drachenbrausenbild li.drachenwaldmeister {
	left: 56%;
	top: 5.5%;
}


/* Rahmen auf Produktdetailseite und Überschrift */

#detailansicht #produkttext {
	border-radius: 10px;
	padding: 20px;
}

/* Mineralwasser */

#detailansicht.boee #produkttext, #detailansicht.boee #produkttext .inhaltsstoffe {
	border: 4px solid #6ca6d1;
}

#detailansicht.boee #produkttext h1 {
	color: #6ca6d1;
}

#detailansicht.flaute #produkttext, #detailansicht.flaute #produkttext .inhaltsstoffe {
	/* border: 4px solid #e9f6fe; */
	/* border: 4px solid #d9e6ee; */
	/* border: 4px solid #c7deec; */
    border: 4px solid #99caf0;
}

#detailansicht.flaute #produkttext h1 {
	/* color: #e9f6fe; */
	/* color: #d9e6ee; */
	/* color: #c7deec; */
    color: #99caf0;
}

#detailansicht.stille #produkttext, #detailansicht.stille #produkttext .inhaltsstoffe {
	border: 4px solid #d5484e;
}

#detailansicht.stille #produkttext h1 {
	color: #d5484e;
}


#detailansicht.sturm #produkttext, #detailansicht.sturm #produkttext .inhaltsstoffe {
	border: 4px solid #0a4197;
}

#detailansicht.sturm #produkttext h1 {
	color: #0a4197;
}

/* Gastro */

#detailansicht.gastro_naturell #produkttext, #detailansicht.gastro_naturell #produkttext .inhaltsstoffe {
	border: 4px solid #ca3e48;
}

#detailansicht.gastro_naturell #produkttext h1 {
	color: #ca3e48;
}

#detailansicht.gastro_classic #produkttext, #detailansicht.gastro_classic #produkttext .inhaltsstoffe {
	border: 4px solid #13549f;
}

#detailansicht.gastro_classic #produkttext h1 {
	color: #13549f;
}

#detailansicht.gastro_kueste #produkttext, #detailansicht.gastro_kueste #produkttext .inhaltsstoffe {
	border: 4px solid #4a5b8a;
}

#detailansicht.gastro_kueste #produkttext h1 {
	color: #4a5b8a;
}

#detailansicht.gastro_kueste_orange #produkttext, #detailansicht.gastro_kueste_orange #produkttext .inhaltsstoffe {
	border: 4px solid #eb9d16;
}

#detailansicht.gastro_kueste_orange #produkttext h1 {
	color: #eb9d16;
}

#detailansicht.gastro_kueste_zitrone #produkttext, #detailansicht.gastro_kueste_zitrone #produkttext .inhaltsstoffe {
	border: 4px solid #f9c616;
}

#detailansicht.gastro_kueste_zitrone #produkttext h1 {
	color: #f9c616;
}

/* Links im ZitronenOrangen-Banner */

.blog .item .azitrone {
	position: absolute;
	top: 13%;
	right: 34%;
}

.blog .item .aorange {
	position: absolute;
	top: 11%;
	right: 8%;
}

/* Küstenbrause */

#detailansicht.kuestenbrause #produkttext, #detailansicht.kuestenbrause #produkttext .inhaltsstoffe  {
	border: 4px solid #526b98;
}

#detailansicht.kbapfelbrombeere #produkttext, #detailansicht.kbapfelbrombeere #produkttext .inhaltsstoffe  {
	border: 4px solid #9e0b26;
}


#detailansicht.kuestenbrause #produkttext h1 {
	color: #526b98;
}


/* Limonaden */

#detailansicht.orange #produkttext, #detailansicht.orange #produkttext .inhaltsstoffe  {
	border: 4px solid #fbcc50;
}

#detailansicht.orange #produkttext h1 {
	color: #fbcc50;
}

#detailansicht.orangelight #produkttext, #detailansicht.orangelight #produkttext .inhaltsstoffe  {
	border: 4px solid #fbcc50;
}

#detailansicht.orangelight #produkttext h1 {
	color: #fbcc50;
}

#detailansicht.zitrone #produkttext, #detailansicht.zitrone #produkttext .inhaltsstoffe  {
	border: 4px solid #ebca1f;
}

#detailansicht.zitrone #produkttext h1 {
	color: #ebca1f;
}

#detailansicht.zitronetrueb #produkttext, #detailansicht.zitronetrueb #produkttext .inhaltsstoffe  {
	border: 4px solid #ebca1f;
}

#detailansicht.zitronetrueb #produkttext h1 {
	color: #ebca1f;
}

#detailansicht.bitterlemon #produkttext, #detailansicht.bitterlemon #produkttext .inhaltsstoffe  {
	border: 4px solid #b0bb57;
}

#detailansicht.bitterlemon #produkttext h1 {
	color: #b0bb57;
}

#detailansicht.colamix #produkttext, #detailansicht.colamix #produkttext .inhaltsstoffe  {
	border: 4px solid #ff8800;
}

#detailansicht.produkttext #produkttext h1 {
	color: #7e5039;
}

/* Cola border and h1 */
#detailansicht.cola #produkttext, #detailansicht.cola #produkttext .inhaltsstoffe  {
	border: 4px solid #ff0000;
}

#detailansicht.cola #produkttext h1 {
	color: #ff0000;
}

/* Cola zuckerfrei border and h1 */
#detailansicht.colazuckerfrei #produkttext, #detailansicht.colazuckerfrei #produkttext .inhaltsstoffe  {
	border: 4px solid #000000;
}

#detailansicht.colazuckerfrei #produkttext h1 {
	color: #000000;
}

#detailansicht.pinkgrapefruit #produkttext, #detailansicht.pinkgrapefruit #produkttext .inhaltsstoffe {
	border: 4px solid #d35178;
}

#detailansicht.pinkgrapefruit #produkttext h1 {
	color: #d35178;
}

#detailansicht.ace #produkttext, #detailansicht.ace #produkttext .inhaltsstoffe {
	border: 4px solid #e37b41;
}

#detailansicht.ace #produkttext h1 {
	color: #e37b41;
}

#detailansicht.apfelschorle #produkttext, #detailansicht.apfelschorle #produkttext .inhaltsstoffe {
	border: 4px solid #a5c55f;
}

#detailansicht.apfelschorle #produkttext h1 {
	color: #a5c55f;
}

#detailansicht.apfelbirnenschorle #produkttext, #detailansicht.apfelbirnenschorle #produkttext .inhaltsstoffe {
	border: 4px solid #e9e47a;
}

#detailansicht.apfelbirnenschorle #produkttext h1 {
	color: #e9e47a;
}





#detailansicht.rhabarberapfel #produkttext, #detailansicht.rhabarberapfel #produkttext .inhaltsstoffe {
	border: 4px solid #a52338;
}

#detailansicht.rhabarberapfel #produkttext h1 {
	color: #a52338;
}

#detailansicht.wassercassis #produkttext, #detailansicht.wassercassis #produkttext .inhaltsstoffe {
	border: 4px solid #a24d94;
}

#detailansicht.wassercassis #produkttext h1 {
	color: #a24d94;
}

#detailansicht.wasserlemon #produkttext, #detailansicht.wasserlemon #produkttext .inhaltsstoffe {
	border: 4px solid #c8c81b;
}

#detailansicht.wasserexotic #produkttext, #detailansicht.wasserexotic #produkttext .inhaltsstoffe {
	border: 4px solid #ffb23e;
}

#detailansicht.wasserhimbeer #produkttext, #detailansicht.wasserhimbeer #produkttext .inhaltsstoffe {
	border: 4px solid #ff4069;
}

#detailansicht.wasserkirsche #produkttext, #detailansicht.wasserkirsche #produkttext .inhaltsstoffe {
	border: 4px solid #c83214;
}

#detailansicht.wasserlemon #produkttext h1 {
	color: #c8c81b;
}

/* h1 wird umgebrochen in Wasser+ und Sortenname, der dann kleiner dargestellt werden soll */
#detailansicht.wasserlemon #produkttext .produkttext-subheading {
	font-size: 0.75em;
}

#detailansicht.wasserexotic #produkttext h1 {
	color: #ffb23e;
}

/* h1 wird umgebrochen in Wasser+ und Sortenname, der dann kleiner dargestellt werden soll */
#detailansicht.wasserexotic #produkttext .produkttext-subheading {
	font-size: 0.75em;
}

#detailansicht.wasserhimbeer #produkttext h1 {
	color: #ff4069;
}

/* h1 wird umgebrochen in Wasser+ und Sortenname, der dann kleiner dargestellt werden soll */
#detailansicht.wasserhimbeer #produkttext .produkttext-subheading {
	font-size: 0.75em;
}

#detailansicht.wasserkirsche #produkttext h1 {
	color: #c83214;
}

#detailansicht.kbapfelbrombeere #produkttext h1 {
	color: #9e0b26;
}

#detailansicht.colamix #produkttext h1 {
	color: #7e5039;
}


#detailansicht.kirschzitrone #produkttext, #detailansicht.kirschzitrone #produkttext .inhaltsstoffe {
	border: 4px solid #7c2533;
}

#detailansicht.kirschzitrone #produkttext h1 {
	color: #7c2533;
}

#detailansicht.grapefruitzitrone #produkttext, #detailansicht.grapefruitzitrone #produkttext .inhaltsstoffe {
	border: 4px solid #46b5d9;
}

#detailansicht.isopinkgrapefruit #produkttext, #detailansicht.isopinkgrapefruit #produkttext .inhaltsstoffe {
	border: 4px solid #e6005b;
}

#detailansicht.isoblutorange #produkttext, #detailansicht.isoblutorange #produkttext .inhaltsstoffe {
	border: 4px solid #be0e0e;
}

#detailansicht.grapefruitzitrone #produkttext h1 {
	color: #46b5d9;
}

#detailansicht.isopinkgrapefruit #produkttext h1 {
	color: #e6005b;
}

#detailansicht.isoblutorange #produkttext h1 {
	color: #be0e0e;
}

#detailansicht.drachenhimbeere #produkttext, #detailansicht.drachenhimbeere #produkttext .inhaltsstoffe {
	border: 4px solid #af2355;
}

#detailansicht.drachenhimbeere #produkttext h1 {
	color: #af2355;
}

#detailansicht.drachenwaldmeister #produkttext, #detailansicht.drachenwaldmeister #produkttext .inhaltsstoffe {
	border: 4px solid #369c37;
}

#detailansicht.drachenwaldmeister #produkttext h1 {
	color: #369c37;
}

.inhaltsstoffe {
	border-width: 1px !important;
	border-radius: 4px;
	padding: 0 5px;
	font-family: SolexOT-Bold, Arial, sans;
	display: block;
}

#inhaltsstoffe {
		border-collapse:collapse;
		margin-bottom: 10px;
}

#inhaltsstoffe thead td {
	border: none !important;
}

#inhaltsstoffe tr:first-child td {
	border-bottom: none;
}

#inhaltsstoffe td:nth-child(1n+2) {
	border-bottom: 1px solid #666;
}

#inhaltsstoffe img {
	margin-right: 10px;
}

/* Startslider */
.startslider {
	background-repeat: no-repeat;
	position: relative;
}

.startslider .medium {
	line-height: 1.3 !important;
}

.agrauNavigation {
	position: absolute !important;
	bottom: 10px !important;
	right: 50%;
	margin-right: -40px;
	left: auto !important;
	top: auto !important; 
}

.agrauNavigation div {
	box-shadow: 0 0 5px #666;
}

.startslider a {
	display: block;
	position: absolute;
}

.startslider .sortimentwasser {
	width: 30%;
	left: 0;
	top: 0;
	height: 100%;
}
	
.startslider .sortimenterfrischung {
	width: 30%;
	right: 0;
	top: 0;
	height: 100%;
}

.startslider .sortimentpinkgrapefruit, .startslider .sortimentwassereinzel {
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
}

.startslider .slidertext {
	position: absolute;
}

.startslider .einzelslider {
	left: 20px;
	top: 20px;
}

.startslider .doppelslider {
	text-align: center;
	left: 50%;
}

.startslider .kueste {
	text-align: center;
	left: 50%;
}


/* ================== Slider Händler ================================== */

.sliderhaendler {
	width: 100%;
	height: 386px;
	position: relative;
}

.sliderhaendler a {
	display: block;
	position: absolute;
}

.sliderhaendler .sortimentwasser {
	width: 30%;
	left: 0;
	top: 0;
	height: 100%;
}
	
.sliderhaendler .sortimenterfrischung {
	width: 30%;
	right: 0;
	top: 0;
	/* height: 100%;  
	max-height: 386px; */
	height: 100%;
}

.sliderhaendler .sortimentpinkgrapefruit, .sliderhaendler .sortimentwassereinzel {
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
}

.sliderhaendler .slidertext {
	position: absolute;
}

.sliderhaendler .einzelslider {
	left: 20px;
	top: 20px;
}

.sliderhaendler .doppelslider {
	text-align: center;
	left: 50%;
}

.sliderhaendler .kueste {
	text-align: center;
	left: 50%;
}




/* ### Produktbanner ### */

/* Generelles: Blog */

.blog .item a:hover {
	text-decoration: none;
}

.blog .item a.produkt {
	display: block;
	box-shadow: 0 0 10px #666;
	background-size: cover;
	background-position: right center;
}

.blog .item a .large, .blog .item a .medium, .startslider .large, .startslider .medium {
	display: block;
}

.blog .item a .large, .startslider .large {
	font-family: SolexOT-Bold, arial, sans;
	margin-bottom: 5px;
}

.blog .item a .medium, .startslider .medium {
	line-height: 1.1;
	margin-bottom: 5px;
}

.blog .item a .more, .startslider .more {
	font-family: SolexOT-Bold, arial, sans;
}

.blog .item a .large, .blog .item a .medium, .sliderhaendler .large, .startslider .medium {
	display: block;
}

.blog .item a .large, .sliderhaendler .large {
	font-family: SolexOT-Bold, arial, sans;
	margin-bottom: 5px;
}

.blog .item a .medium, .sliderhaendler .medium {
	line-height: 1.1;
	margin-bottom: 5px;
}

.blog .item a .more, .sliderhaendler .more {
	font-family: SolexOT-Bold, arial, sans;
}

.blog .item a:hover .more {
	text-decoration: underline !important;
}

#breadcrumb {
	position: absolute;
	bottom: -10px;
	font-size: 0.8em;
	color: #666;
}

#produktbild img {box-shadow: none;}

.controls label { 
  padding: 5px;   
  display: block;
  cursor: pointer; 
  height: 20px;
  padding-right: 20px;
  
}

.controls label input[type="radio"]{
  margin-right: 10px;
}

input[type="text"]
{
  width: 300px;
  height: 30px;
}

input[type="password"]
{
  width: 300px;
  height: 30px;
}

label#username-lbl.required
{
  padding-left: 0px;
  margin-left: 0px;
}

label#password-lbl.required
{
	padding-left: 0px;
  margin-left: 0px;
}

.phrases
{
border: none;
}

fieldset
{
 border: none;
}

button[type="submit"]
{
padding-left: 20px;
padding-right: 20px;
font-size: inherit;
color: inherit;
font-family: inherit;
}

.control-label {
  width: 200px;
}

.control-label label {
height: 20px;
display: inline;
}

#remember {
  display: inline;
}

ul.nav-tabs {
  margin-top: 30px;
}

#ordering{
font-size: inherit;
color: inherit;
font-family: inherit;  
padding: 2px;
}

#ordering + option{
padding: 3px;  
}

.ordering-box{
margin-top: 15px;  
}

/* =========== Fix fuer unbeschrifteten Button auf der Suchseite ============== */

button.btn {
  margin-top: 5px;
  width: 208px;  
  height: 30px;
font-size: inherit;
color: inherit;
font-family: inherit;    
}

.btn .icon-search:after {
  /* content: "Suchen"; */
}

#drache {
	/* background-color:#F01C20; */
	width: 35px;
	height: 40px;
	right: 0px;
	z-index: 101;	
}

html#abenteuer {
	background: url("img/backgrounds/drachenbrause.jpg") no-repeat white;
	background-size:cover;
}

div#contentabenteuer {
	background-color: #8bd4f7;
	background: url("img/abenteuer.jpg") no-repeat;
	background-size: contain;
	/* width: 960px; */
	width: 100%;
	min-height: 532px;
}

.custom {
	width: 100%;
}

.agrau-slider {
	/*
	width: calc(100% - 20px) !important;
	padding-left: 10px;
	padding-right: 10px;
	*/
}

html#aktivteamblog h2
	{
	display: none !important;
	}
	
html#aktivteamblog p.rip
	{
	display: none !important;
	}	
	
html#aktivteamblog h3
	{
	font-size: 3em !important;
	line-height:1em !important;
	/* margin-top: 550px !important; */
	margin-left: 0px !important;
	margin-bottom: 25px !important;
	}	

html#aktivteamblog #content_inner p
	{
	margin-left: 0px !important;

	}	
/*	
html#aktivteamblog #ezblog-body
	{
	margin-top: 550px !important;

	}	
*/	

 	
/* html#aktivteamblog div#eblog-wrapper
	{
		background-image:url(/templates/wittenseer/img/backgrounds/aktivteam.jpg);
		background-repeat:no-repeat;
	}	
*/
	
.link-rss {
	visibility:hidden;
}
	
/* .control-label { float: left; display:inline-block; } */

input[type="checkbox"].controls {
		float: left;
	}
	
.mooblock-title {
    color: #333b62;
    text-align: left;
    background: url("/templates/wittenseer/img/icon-showhide1.png") no-repeat -24px -1px;
    padding-left: 22px;
    margin: 0.7em 0 0;
}
.mooblock-title.expanded {
    background-position: 0 -28px;
}
.mooblock-el {
    padding-left: 22px;
}	

.eb-entry-tools { display: none; }
.gdpr-notice-container { display: none; }

/* Wittenseer Boxes */

.wittenboxes__items {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.25rem;
}
.wittenboxes__items-item > a {
	display: block;
	aspect-ratio: 1 / 1;
	position: relative;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
.wittenboxes__items-item > a:hover {
	transform: perspective(4000px) rotateX(20deg);
	animation-direction: alternate;
	animation-iteration-count: infinite;
	text-decoration: none;
}
.wittenboxes__items-item-image {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wittenboxes__items-item-content {
	position: relative;
	z-index: 2;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: flex-end;
	padding: .5em;
	box-sizing: border-box;
	background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,.4) 100%);
}
.wittenboxes__items-item--noshadow .wittenboxes__items-item-content {
	background: transparent;
}
.wittenboxes__items-item-content-title {
	color: #fff;
	width: 100%;
	text-align: center;
	font-family: SolexOT-Regular;
	font-size: 30px;
}
@media screen and (min-width: 576px) {
	.wittenboxes__items.cols-2,
	.wittenboxes__items.cols-4,
	.wittenboxes__items.cols-6 {
	 	grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (min-width: 768px) {
	.wittenboxes__items.cols-3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.wittenboxes__items.cols-4 {
		grid-template-columns: repeat(4, 1fr);
	}
	.wittenboxes__items.cols-5 {
		grid-template-columns: repeat(5, 1fr);
	}
	.wittenboxes__items.cols-6 {
		grid-template-columns: repeat(6, 1fr);
	}
}

/* Wittenslider */

.wittenslider {
	box-shadow: 0 0 5px #666;
	margin-bottom: 2rem;
}

.wittenslider button[data-action="stop"],
.wittenslider button[data-action="start"] {
	display: none;
}
.wittenslider__slides-item,
.wittenslider__slides-item > a {
	position: relative;
	display: inline-grid !important;
}

.wittenslider__slides-item.center {
	text-align: center;
}
.wittenslider__slides-item.center .wittenslider__slides-item-content-text {
	margin: 0 auto;
}
.wittenslider__slides-item.right {
	text-align: right;
}

.wittenslider__slides-item-image {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}
.wittenslider__slides-item-content {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	width: 100%;
	padding: 1rem;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}
.wittenslider__slides-item-content-text {
	max-width: 450px;
}
.wittenslider__slides-item-content a {
	display: block;
	margin-top: 10px;
	font-family: SolexOT-Bold, arial, sans;
	font-size: 18px;
}

.wittenslider__slides-item-content-title {
	font-size: 52px !important;
	margin-bottom: 5px !important;
	margin-left: 0 !important;
}

.wittenslider .tns-nav {
	display: flex;
	justify-content: center;
	position: relative;
	align-items: center;
	height: 40px;
	margin-top: -40px;
}
.wittenslider .tns-nav button {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: rgb(204, 204, 204);
	box-shadow: 0 0 5px #666;
	appearance: none;
	margin: 0 3px;
	border: 0px;
}
.wittenslider .tns-nav button.tns-nav-active {
	background: rgb(0, 85, 164);
}

@media screen and (max-width: 767px) {
	.wittenslider__slides {
		background: #0055a4;
	}
	.wittenslider__slides-item {
		background: #0055a4;
	}
	.wittenslider__slides-item-image {
		height: auto;
		width: 100%;
	}
	.wittenslider__slides-item-content {
		grid-row: 2 / 3;
		background: #0055a4;
		color: #fff;
	}
	.wittenslider__slides-item-content-title {
		color: #fff;
		font-size: 32px;
	}
	.wittenslider .tns-nav button.tns-nav-active {
		background: #fff;
	}
}

/* Grid */

.grid--col2 {
	display: grid;
	grid-gap: 1.5rem;
	align-items: center;
}

@media screen and (min-width: 576px) {
	.grid--col2 {
		grid-template-columns: repeat(2, 1fr);
	}
}


@media screen and (max-width: 576px) {
	.mobile-order-1 {
		order: -1;
	}
}

/* Wittenseer-Blog */

.wittenseerblog__itemintro {
	display: grid;
	position: relative;
	box-shadow: 0 0 10px #666;
	width: 100%;
	margin-bottom: 1rem;
}
.wittenseerblog__itemintro:hover {
	text-decoration: none;
}
.wittenseerblog__itemintro:hover .more {
	text-decoration: underline;
}

.wittenseerblog__itemintro .item-image {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.wittenseerblog__itemintro .item-image img {
	display: block;
}

.wittenseerblog__itemintro-content {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	width: 100%;
	padding: 1rem;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

.wittenseerblog__itemintro-content-text {
	max-width: 350px;
}

.wittenseerblog__itemintro-content-text .more {
	display: block;
	margin-top: 10px;
	font-family: SolexOT-Bold, arial, sans;
	font-size: 18px;
}

.wittenseerblog__itemintro-content .page-header h2 {
	font-size: 52px;
	margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
	.wittenseerblog__itemintro-content {
		grid-row: 2 / 3;
		background: #0a4197;
		color: #fff;
	}
	.wittenseerblog__itemintro-content .page-header h2 {
		color: #fff;
		font-size: 32px;
	}
}


/* Item-Page */

.item-page .page-header h2  {
	font-size: 52px;
	margin-bottom: 15px;
}

/* RS Forms Styles */

.formControlLabel {
	margin-bottom: .5rem;
	font-size: .95rem;
	display: block;
}

.formResponsive input[type="text"],
.formResponsive input[type="number"],
.formResponsive input[type="email"],
.formResponsive input[type="tel"],
.formResponsive input[type="url"],
.formResponsive input[type="password"],
.formResponsive textarea,
.formResponsive select {
	min-width: 300px;
	width: 100%;
	box-sizing: border-box;
}

.formResponsive select,
.formResponsive input[type="file"] {
	height: auto;
}

.formResponsive select,
.formResponsive textarea,
.formResponsive input[type="text"],
.formResponsive input[type="number"],
.formResponsive input[type="email"],
.formResponsive input[type="tel"],
.formResponsive input[type="url"],
.formResponsive input[type="password"] {
	padding: 8px 16px;
	font-size: 1rem;
	font-family: 'SolexOT-Regular', sans-serif;
	box-sizing: border-box;
	height: auto;
}
.formResponsive input[type="button"],
.formResponsive button[type="button"],
.formResponsive input[type="submit"],
.formResponsive button[type="submit"],
.formResponsive input[type="reset"],
.formResponsive button[type="reset"] {
	min-width: 300px;
	width: 100%;
	padding: 8px 16px;
	font-size: 1rem;
	font-family: 'SolexOT-Regular', sans-serif;
}
.rsfp-field-multiple-plus-button {
	background: transparent !important;
	border: 2px solid #088A25 !important;
	color: #088A25 !important;
}
.rsfp-field-multiple-plus-button:hover {
	background: #088a25 !important;
	color: #fff !important;
}
.formResponsive input.rsform-upload-box {
	width: 100%;
	box-sizing: border-box;
	font-size: 1rem;
	font-family: 'SolexOT-Regular', sans-serif;
	padding: 16px;
	border: 2px dotted  #0055a4;
	margin-bottom: 12px;
}

/* Content-Block in Article: text-left / img-right & img-left / text-right / img-left-img-right --> responsive column text - img - text img */
.text-left-img-right {
  display: flex;
  gap: 32px;
  margin-bottom: 48px;
}

.img-right img {
  max-width: none;
  width: 464px;
}

.img-left-text-right {
  display: flex;
  gap: 32px;
  margin-bottom: 48px;
}

.img-left img {
  max-width: none;
  width: 464px;
}

/* Content-Block in article with 2 images same size */
.img-left-img-right {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 48px;
    flex-direction: row;

}

.img-with-caption-container {
    width: 50%;
}

.img-with-caption-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}