@charset "UTF-8";
/* CSS Document */

html, body { 
	height: 100%; 
	width: 100%; 
	margin: 0; 
	font-family: helvetica,san-serif; 
	font-size: 14px;
	color:#555;
}

/* yanone-kaffeesatz-200 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/yanone-kaffeesatz-v24-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/yanone-kaffeesatz-v24-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/yanone-kaffeesatz-v24-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/yanone-kaffeesatz-v24-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/fonts/yanone-kaffeesatz-v24-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/yanone-kaffeesatz-v24-latin-200.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/yanone-kaffeesatz-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/yanone-kaffeesatz-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/yanone-kaffeesatz-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/yanone-kaffeesatz-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/yanone-kaffeesatz-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/yanone-kaffeesatz-v24-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/noto-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/noto-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/noto-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}


.streuwerk {margin-bottom: 10px;}

.wlzahlungendeblock {margin:auto;margin-top: 70px;margin-bottom: 70px;text-align:center;width:600px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 200;font-size: 32px;}
.wlzahlungendelogo {width:450px;margin-bottom:50px;}
.wlzahlungendetext {width:50%;text-align:center;}
.wlzahlungendebtn {background-color: #e30613; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; border: none; border-radius: 5px; font-family: 'Yanone Kaffeesatz', sans-serif;	font-weight: 200; color:#FFFFFF; font-size: 30px; padding: 3px 15px; margin-top: 16px;}

.bilderboxblock {margin: auto;max-width: 960px;margin-bottom: 35px;margin-top: 25px;}
.bilderboxbildheader {background: url("../img/bilderbox/bilderbox-headerbild.jpg");height: 450px;background-position: 100% 32%;background-repeat: no-repeat;background-size: cover;border-top:3px solid #00abe4;}
.bilderboxbilder {width: 314px;height: 200px;background-position: center center;background-repeat: no-repeat;background-size: cover;float:left;}
.bilderboxbilderright {margin-right:0px;}
.bilderboxbilderleft {margin-right:9px;}
.bilderboxtitel {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 32px;color: #00abe4;text-align: center;margin-bottom: 25px;}
.bilderboxtext {width:70%;margin:auto;margin-top:20px;margin-bottom:25px;}
.bilderboxapp {margin-top:10px;}
.bilderboxgestaltenbuttonblock {text-align: center;margin-top: 30px;margin-bottom: 20px;}
.bilderboxgestaltenbutton {width: 20%;min-width: 400px;height: 65px;background-color: #00a0e1;cursor: pointer;outline: none;border: none;border-radius: 15px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;color:#FFFFFF;font-size: 34px;}
.bilderboxapptitel {text-align:center;margin-bottom:18px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 22px;color: #555555;}
.bilderboxappbuttons {text-align:center;margin-bottom:10px;}
.bilderboxstorebadges { width: 20%; margin-left:2%;margin-right:2%;}
.bilderboxdetailtext {font-size:16px;line-height:20px;float:left;width:95%;margin-bottom:16px;}
.bilderboxdetailicon {font-size:16px;line-height:20px;float:left;width:5%;margin-bottom:16px;}
.bbinfoseitepreis {position: absolute;background: linear-gradient(to bottom,#79bbff 5%,#378de5 100%);background-color: rgba(0, 0, 0, 0);background-color:#79bbff;border-radius: 74px;border: 5px solid #ffffff;display: inline-block;color:#ffffff;font-family: Arial;font-size: 20px;padding: 44px 15px;text-decoration: none;-webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.75);box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.75);margin-top: 55px;margin-left: 770px;transform: rotate(10deg);}
@media only screen and (max-width: 930px) {
	.bbinfoseitepreis {margin-left:unset;right:5%;}
}
@media only screen and (max-width: 700px) {
	.bbinfoseitepreis {font-size: 16px;padding: 42px 15px;}
}
@media only screen and (max-width: 500px) {
	.bbinfoseitepreis {font-size: 13px;padding: 34px 12px;margin-top: 35px;right:3%;}
}

@media only screen and (max-width: 980px) {
	.bilderboxbildheader {height:350px;}
	.bilderboxtitel {margin-left:20px;margin-right:20px;}
	.bilderboxstorebadges { width: 25%;}
	.bilderboxbilder {width: 32%;height: 200px;}
	.bilderboxbilderright {margin-right:0px;}
	.bilderboxbilderleft {margin-right:2%;}
	.bilderboxtext {width:80%;}
	.bilderboxdetailtext {width:94%;}
	.bilderboxdetailicon {width:6%;}
}

@media only screen and (max-width: 650px) {
	.bilderboxbildheader {height:250px;}
	.bilderboxtitel {font-size:26px;margin-left:20px;margin-right:20px;}
	.bilderboxstorebadges { width: 42%;}
	.bilderboxtext {width:90%;}
	.bilderboxdetailtext {width:90%;}
	.bilderboxdetailicon {width:10%;}
	.bilderboxbilder {width: 100%;height: 230px;margin-bottom:10px;}
	.bilderboxbilderright {margin-right:unset;}
	.bilderboxbilderleft {margin-right:unset;}
	.bilderboxgestaltenbutton { width: 86%;min-width:unset;font-size:30px;}
}

.block404 { margin: auto;max-width: 960px;margin-bottom: 35px;margin-top:25px;text-align:center; }
.blocktitel404 { font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 32px;color: #00abe4;text-align: center;margin-bottom: 25px; }
.blocktext404 { font-size: 16px;line-height: 20px;margin-top:20px;margin-bottom:15px; }
img.img404 {}

li.agb {float:unset;line-height: 19px;}

.appinfo {display: none;position: fixed;width: 800px;margin-left: -400px;background-color: #ffffff;z-index: 999998;top: 10%;left: 50%;}
.appinfoclosebtn { z-index: 999999;border-radius: 18px;font-size:25px;position:absolute;top: 5px;right: 10px;float:right;cursor: pointer;}
.appinfotitel {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 35px;margin-bottom:15px;text-align:center;margin-top:10px;}
.appinfotext {text-align: center;line-height: 22px;font-size: 16px;width: 80%;margin: auto;}
.appinfobadgel {float: left;width: 30%;margin-left:20%;text-align: center;margin-bottom:22px;}
.appinfobadger {float: left;width: 30%;margin-right:20%;text-align: center;margin-bottom:22px;}
.appinfoimgblock {text-align: center;margin-top: 10px;margin-bottom: 10px;}
img.appinfoimg {}
img.appinfobadgeimg {width:80%;}
.appinfocloselink {margin: auto;width: 50%;text-align: center;cursor: pointer;text-decoration: underline;margin-bottom: 20px;}

@media only screen and (max-width: 860px) {
.appinfo {height: auto;width: 94%;top: 3%;margin-left: 3%;left:unset;}
.appinfoclosebtn {}
.appinfotitel {font-size: 32px;margin-bottom: 10px;}
.appinfotext {line-height: 20px;font-size: 14px;}
.appinfobadgel {width: 30%;margin-left:20%;}
.appinfobadger {width: 30%;margin-right:20%;}
.appinfoimgblock {}
img.appinfoimg {width:90%;}
img.appinfobadgeimg {width:75%;}
.appinfocloselink {width: 90%;}
}

@media only screen and (max-width: 540px) {
.appinfobadgel {width: 45%;margin-left:5%;}
.appinfobadger {width: 45%;margin-right:5%;}	
img.appinfobadgeimg {width:90%;}
img.img404 {width:90%;}
}

#content {width:1920px;}
.clearing {clear: both;height: 0px;overflow: hidden;}

#nav-trigger {display: none;}


/* OSTERN23*/

.logoontop {
  text-align: center;
  width: 100%;
}

/* zentrierter Hero Text*/
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.hero-text-gs {
  text-align: center;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.aktion-ostern-pre {font-size: 22px;font-family: helvetica,san-serif;font-weight: 600;margin-top: 0px; text-transform: uppercase;margin-bottom: 10px;}
.aktion-ostern-titel {font-size: 90px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;margin-top:-1px;margin-bottom: 5px; text-transform: uppercase; letter-spacing: 7px;}
.aktion-ostern-titel-kl {text-align: center; font-size: 60px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300; text-transform: uppercase; letter-spacing: 7px;}
.yanone-titel {font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:200; font-size: 32px; color: #555555;	margin-bottom:20px;	margin-top:15px; }
.yanone-titel-zentriert {font-family: 'Yanone Kaffeesatz', sans-serif; text-align: center; font-weight:200; font-size: 32px; color: #555555; margin-bottom:20px; margin-top:15px; }
.aktion-ostern-sub {font-size: 16px;font-family: helvetica,san-serif;font-weight: 400;margin-top: 0px;margin-bottom: 10px; letter-spacing: 1px; text-transform: uppercase;}
.aktion-ostern-infosblockleft {width: 48%; float: left; text-align: left; padding-right: 2%; margin-bottom:0px;}
.aktion-ostern-infosblockright {width: 48%; float: left; text-align: left; padding-left: 2%; margin-bottom:0px;}
.aktion-ostern-blocktext { font-family: helvetica,san-serif; font-size: 16px; line-height: 26px;}
p.aktion-ostern-blocktext { font-family: helvetica,san-serif; font-size: 16px; line-height: 26px; }
.aktion-ostern-container {  margin-top: 10%; margin-bottom: 15%; padding-right: 2%; padding-left: 2%;}
.aktion-ostern-zentrierttext { text-align: center; font-family: helvetica,san-serif; font-size: 19px; line-height: 29px; padding-right: 3%; padding-left: 3%;}
.aktion-ostern-blocktext { text-align: justify; text-align-last: none; font-family: helvetica,san-serif; font-size: 19px; line-height: 29px; }
.aktion-ostern-space { margin-top: 3%;margin-bottom: 3%; }
.aktion-ostern-space-top { margin-top: 4%;}
.rounded {border-radius: 10px;}

.ostern-aktion-badgecontainer {float: left; align-content: flex-start; padding-top: 2%; }
.ostern-aktion-storebadges {height: 55px;margin-left: 0px;margin-right: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); transition-duration: 0.4s;}
.grossbuchstaben {text-transform: uppercase;}


.ostern-trenner {
	width: 100%;
	min-height: 384px;
	background-color: #00abe4;
    background: url("../img/osteraktion-bilderbox-trenner1.jpg");
	/* background-position:100% 20%; */
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
	background-position: center;
    background-repeat: no-repeat;
	margin-top: 3%;
	margin-bottom: 3%;
}
.ostern-trenner2 {
	width: 100%;
	min-height: 384px;
	background-color: #00abe4;
    background: url("../img/osteraktion-bilderbox-trenner2.jpg");
	/* background-position:100% 20%; */
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
	background-position: center;
    background-repeat: no-repeat;
	margin-top: 3%;
	margin-bottom: 3%;
}
.ostern-trenner3 {
	width: 100%;
	min-height: 384px;
	background-color: #00abe4;
    background: url("../img/osteraktion-bilderbox-trenner3.jpg");
	/* background-position:100% 20%; */
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
	background-position: center;
    background-repeat: no-repeat;
	margin-top: 3%;
	margin-bottom: 3%;
}
.ostern-trenner4 {
	width: 100%;
	min-height: 384px;
	background-color: #00abe4;
    background: url("../img/osteraktion-gewinnspiel-trenner1.jpg");
	/* background-position:100% 20%; */
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
	background-position: center;
    background-repeat: no-repeat;
	margin-top: 3%;
	margin-bottom: 3%;
}
.ostern-trenner5 {
	width: 100%;
	min-height: 384px;
	background-color: #00abe4;
    background: url("../img/osteraktion-gewinnspiel-trenner2.jpg");
	/* background-position:100% 20%; */
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
	background-position: center;
    background-repeat: no-repeat;
	margin-top: 3%;
	margin-bottom: 3%;
}
.ostern-trenner6 {
	width: 100%;
	min-height: 384px;
	background-color: #00abe4;
    background: url("../img/osteraktion-gewinnspiel-trenner3.jpg");
	/* background-position:100% 20%; */
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
	background-position: center;
    background-repeat: no-repeat;
	margin-top: 3%;
	margin-bottom: 3%;
}
.ostern-trenner7 {
	width: 100%;
	min-height: 384px;
	background-color: #00abe4;
    background: url("../img/osteraktion-gewinnspiel-trenner4.jpg");
	/* background-position:100% 20%; */
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
	background-position: center;
    background-repeat: no-repeat;
	margin-top: 3%;
	margin-bottom: 3%;
}
.ostern-trenner8 {
	width: 100%;
	min-height: 384px;
	background-color: #00abe4;
    background: url("../img/osteraktion-gewinnspiel-trenner5.jpg");
	/* background-position:100% 20%; */
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
	background-position: center;
    background-repeat: no-repeat;
	margin-top: 3%;
	margin-bottom: 3%;
}
button.ostern-button-hero {
    /* width: 20%; */
    min-width: 245px;
    height: 50px;
    #background-color: Transparent;
    background-color: #00a0e1;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    border: 0px solid #FFFFFF;
    border-radius: 15px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 200;
    color: #FFFFFF;
    font-size: 24px;
	margin-top: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
	transition-duration: 0.3s;
}
button.ostern-button-hero:hover {
	background-color: #3fc4fa;
	transform: scaleX(1.05);
}
button.ostern-button {
    /* width: 20%; */
    min-width: 245px;
    height: 50px;
    #background-color: Transparent;
    background-color: #00a0e1;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    border: 0px solid #FFFFFF;
    border-radius: 15px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 200;
    color: #FFFFFF;
    font-size: 22px;
	margin-top: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
	transition-duration: 0.3s;
}
button.ostern-button:hover {
	background-color: #3fc4fa;
	transform: scaleX(1.05);
}

@media only screen and (max-width: 500px) {
	.aktion-ostern-titel {font-size: 65px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300;margin-top: -4px;margin-bottom: 2px; text-transform: uppercase; letter-spacing: 7px;}
	.aktion-ostern-titel-kl {text-align: center; font-size: 50px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 300; text-transform: uppercase; letter-spacing: 7px;}
	.aktion-ostern-pre {font-size: 19px;font-family: helvetica,san-serif;font-weight: 600;margin-top: 0px;margin-bottom: 10px; text-transform: uppercase;}
	.aktion-ostern-sub {font-size: 14px;font-family: helvetica,san-serif;font-weight: 400;margin-top: 0px;margin-bottom: 10px; letter-spacing: 1px; text-transform: uppercase;}
	

}

.menuontop {
	color: #636266;
	font-size: 24px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:400;
	line-height: 90px;
	height:100px;
	padding-left:15%;
	padding-right:15%;
}

img.uglogo {
	width:240px;
	margin-top:3px;
	/* margin-top: -32px; 
	float: left; */
}

a.menulink {
	color:#636266;
	text-decoration:none;
	margin-right: 15px;
}

a.menulink:hover {
	color:#00a2e1;
}

a.warenkorblinkmenu, a.warenkorblinkmenu2 {
	position: unset;
	top: unset;
	right: unset;
	color: #636266;
	text-decoration: none;
	display:block;
	float: right;
	margin-right: 15px;
	margin-top: 2px;
}

a.warenkorblinkmenu:hover, a.warenkorblinkmenu2:hover {
	color: #636266;
}

span.anzahlpkimwk {
font-family: helvetica,san-serif;
font-size: 9px;
color: #fff;
position: absolute;
width: 22px;
margin-left: -20px;
text-align: center;
margin-top: -3px;
}

a.textlink {
	color:#00a0e1;
	text-decoration: underline;
}

a.textlink:hover {
	color:#008bc3;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #ffffff;
  float:right;
  line-height: 30px;
  margin-top: 27px;
}

li {
  float: left;
}

li a, .dropbtn {
  display: inline-block;
  color: #636266;
  text-align: center;
  padding: 5px 10px 9px 10px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: #00abe4;
  color: #ffffff;
  padding: 5px 10px 9px 10px;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #636266;
  padding: 5px 10px 9px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #00abe4; color: #ffffff;}

.dropdown:hover .dropdown-content {
  display: block;
}


.mobilenavi { 
	display:none; 
	background: #ffffff; 
	width:      100%;
	z-index:    10;
	top:        0; 
	left:       0; 
	position:   absolute;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(136,136,136,1);
	-moz-box-shadow: 0px 5px 20px 0px rgba(136,136,136,1);
	box-shadow: 0px 5px 20px 0px rgba(136,136,136,1);
}

a.mobilemenulink { 
	width:95%;
	display: block;
	color: #636266;
	border-top: 1px solid #ccc;
	line-height: 50px;
	font-size: 24px;
	padding-left: 5%;
}

a.mobilemenulink:hover { 
	width:100%;
	display: block;
	color: #ffffff;
	border-top: 1px solid #ccc;
	line-height: 50px;
	font-size: 24px;
	background-color: #00abe4;
}

.mobilenaviclose {
	width:100%;
	display: block;
	color: #636266;
	line-height: 60px;
	text-align:right;
}

a.bilderboxneumenu {color:#ff0091;}

div#overlay {
  opacity:    0.6; 
  background: #000; 
  width:      100%;
  height:     100%; 
  z-index:    10;
  top:        0; 
  left:       0; 
  position:   fixed; 
  display:none;
}

.mmenuicons {
margin-top: 10px;
margin-left: -5px;
font-size: 20px;
}

.mmenuicons2 {
font-size: 23px;
margin-right: 9px;
}

.mmenuicons3 {
margin-right: 12px;
margin-left: 3px;
}

.mmenuicons4 {
margin-right: 7px;
margin-left: -1px;
}

.mmenucloseicon {
margin-top: 10px;
font-size: 27px;
cursor: pointer;
margin-right: 5px;
}

.left {
	float:left;
}

.right {
	float:right;
}

.header {
	width: 100%;
	height: 70%;
	min-height: 600px;
    	background: url("../img/header-start-winter.jpg");
	background-position:100% 30%;
    	background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;
}

.postkartestartseite {position: absolute;left: 0%;width: 500px;margin-top: 0%;}
@media only screen and (max-width: 1650px) {
.postkartestartseite {left: 7%;}
}
@media only screen and (max-width: 1450px) {
.postkartestartseite {left: 5%;width: 450px;margin-top: 0%;}
}
@media only screen and (max-width: 850px) {
.postkartestartseite {left: 5%;width: 420px;margin-top: 3%;}
}
@media only screen and (max-width: 780px) {
.postkartestartseite {left: 16%;width: 400px;margin-top: 7%;}
}
@media only screen and (max-width: 600px) {
.postkartestartseite {left: 12%;width: 380px;margin-top: 9%;}
}
@media only screen and (max-width: 500px) {
.postkartestartseite {left: 4%;width: 92%;margin-top: 15%;}
}

.bigbuttonblock {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400; 
	color: #FFFFFF;
	font-size: 40px;
	text-align:center;
	top: 70px;
	position: relative;
	text-shadow: 0px 1px 2px black;
}

button.bigbuttonstart {
	width: 20%;
	min-width:400px;
	height: 75px;
    	#background-color: Transparent;
	background-color: #00a0e1;
    	background-repeat:no-repeat;
    	cursor:pointer;
    	overflow: hidden;
    	outline:none;
	border: 2px solid #FFFFFF;
	
 	border-radius: 15px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400; 
	color:#FFFFFF;
	font-size: 34px;
	margin-top: 100px;
}

button.bigbuttonstart:hover {
	background-color: #0094ce;
}

button.bigbuttonstartak19 {
	width: 20%;
	min-width:400px;
	height: 75px;
    	#background-color: Transparent;
	background-color: #e83a3a;
    	background-repeat:no-repeat;
    	cursor:pointer;
    	overflow: hidden;
    	outline:none;
	#border: 1px solid #FFFFFF;
	border: none;
 	border-radius: 15px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400; 
	color:#FFFFFF;
	font-size: 34px;
margin-top: 50px;
border: 2px solid #fff;
}

.geschenktipp {
	position: absolute;
	margin-top: -28px;
	background-color:#ff0091;
	border-radius: 15px;
	padding: 2px 10px;
	border: 2px solid #fff;
	font-size: 25px;
}

button.bigbuttonstartbb {
	width: 20%;
	min-width:400px;
	height: 75px;
    	#background-color: Transparent;
	background-color: #00a0e1;
    	background-repeat:no-repeat;
    	cursor:pointer;
    	overflow: hidden;
    	outline:none;
	border: 2px solid #FFFFFF;
 	border-radius: 15px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400; 
	color:#FFFFFF;
	font-size: 34px;
	margin-top: 30px;
}

.headtrennerstart {
	#height: 60px;
	background-color: #00a0e1;
	text-align: center;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 32px;
	color: #FFFFFF;
	font-weight: 200;
	line-height: 40px;
	padding-top: 5px;
	padding-bottom: 10px;
}

button.buttonheadtrenner {
	border-radius: 4px;
	background-color: Transparent;
	border: 1px solid #FFFFFF;
	color:#FFFFFF;
	#height:35px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:26px;
	font-weight: 200;
	cursor:pointer;
}

button.buttonheadtrenner:hover {
	background-color: #00bbff;
}

.content {
	margin: 0 auto;
	max-width: 960px;
}

.appblock {
	margin: 0 auto;
	max-width: 960px;
	/* padding-top:10px; */
	padding-bottom:0px;
}

.themen {
	width: 30.333333333333%;
	float: left;
	text-align:center;
	padding: 1.5%;
	margin-bottom:20px;
}

img.themenbild {
	width:90%;
	border:none;
}

.themenblockbg {
	background-color:#efefef;
}

.medienblock {
	margin: auto;
	max-width: 960px;
	padding-top: 25px;
	padding-bottom: 22px;
	text-align: center;
}

img.medienlogo {
	width: 124px;
}

img.zahlungslogo {
	width: 150px;
}

.themenblock {
	margin: 0 auto;
	max-width: 960px;
	padding-top:40px;
	padding-bottom:20px;
}

.themenbildround {
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    width: 260px;
	height: 260px;
	margin:auto;
	border: 6px solid #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

img.themenbildapps {
	width:90%;
	border:none;
}

button.themenbutton {
	background-color: #00a0e1;
    background-repeat:no-repeat;
    cursor:pointer;
    overflow: hidden;
    outline:none;
	border: none;
 	border-radius: 5px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 200; 
	color:#FFFFFF;
	font-size: 24px;
	margin-top: 10px;
	padding: 2px 8px;
}

button.themenbutton:hover {
	background-color: #0094ce;
}

img.flag {
	height:28px;
	margin-bottom: -6px;
	border:none;
	cursor: pointer;
}

.centerblock { 
	text-align: center; 
	font-family: helvetica,san-serif; 
	font-size: 20px; 
	color:#555; 
	width:96%;
	padding-left:2%;
	padding-right:2%;
	margin-top:30px;
	margin-bottom:20px;
}

.deviceappblock {
	width: 50%;
	float: left;
	text-align: center;
}

.appblockmehrinfo {
	margin-top:20px;
}

button.appmehrinfo {
    background-color: #00a0e1;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    border: none;
    border-radius: 5px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 200;
    color: #FFFFFF;
    font-size: 25px;
    margin-top: 10px;
    padding: 8px 20px;
}

h4 {}
h3 { font-size: 20px; }
h2 { font-size: 24px; }
h1 {}

p { font-size: 18px; }

.footer {
	background-color: #636266;
	color: #ddd;
	text-align:center;
	padding-top:22px;
	padding-bottom:22px;
}

.footer.fixed { 
	position:fixed; 
	bottom:0px; 
	width:100%;
}

.headtrenner {
	background-color: #00abe4;
	width:100%;
	height: 50px;
}

.trenner {
	background-color: #00abe4;
	width:100%;
	height: 3px;
	margin-top: 22px;
}

.socialblock {
	margin-bottom:22px;
	font-size:28px;
}

img.storebadges {
	height: 70px;
	border: none;
}

a {
	color: #ddd;
	text-decoration:none;
}

a:hover {
	color: #fff;
}

.rechtlichesblock {
	margin: 0 auto;
	max-width: 960px;
	padding: 20px;
	margin-bottom: 15px;
}

p.precht {
	font-size: 14px;
}

.infoblock {
	margin: auto;
	max-width: 960px;
	margin-bottom: 35px;
	margin-top:25px;
}

.infoblockcontentleft {
	width: 48%;
	float: left;
	text-align: left;	
	padding-right: 2%;
}

.infoblockcontentright {
	width: 48%;
	float: left;
	text-align: left;	
	padding-left: 2%;
}

img.infobild {
	width:100%;
	border:none;
}

.infoblockcontenttitle {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:400;
	font-size: 32px;
	color: #00abe4;
	margin-bottom:20px;
	margin-top:15px;
}

.infoblockcontenttext {
	font-family: helvetica,san-serif; 
	font-size: 17px; 
	line-height: 26px;
}

a.contentlink {
	color: #00abe4;
	text-decoration: underline;
}

a.contentlink2 {
	color: #00abe4;
	text-decoration: underline;
	font-size:12px;
}

.infoblockcontentbuttonfield {
	margin-top: 10px;
}

button.infoblockbutton {
	background-color: #00a0e1;
    background-repeat:no-repeat;
    cursor:pointer;
    overflow: hidden;
    outline:none;
	border: none;
 	border-radius: 5px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 200; 
	color:#FFFFFF;
	font-size: 24px;
	margin-top: 10px;
	padding: 5px 12px;
}

button.infoblockbutton:hover {
	background-color: #0094ce;
}

.clear {
	clear: both;
	white-space: nowrap;
}

@media all and (max-width: 980px) {
	a.warenkorblinkmenu {
		position: absolute;
		top: -4px;
		right: 75px;
		color: #636266;
		text-decoration: none;
		display:block;
		float: unset;
		margin-right: unset;
		margin-top: unset;
	}

	a.warenkorblinkmenu:hover {
		color: #636266;
	}
	
	a.warenkorblinkmenu2 {
		position: absolute;
		top: 37px;
		right: 75px;
		color: #636266;
		text-decoration: none;
		display:block;
		float: unset;
		margin-right: unset;
		margin-top: unset;
	}

	a.warenkorblinkmenu2:hover {
		color: #636266;
	}
	
span.anzahlpkimwk {
font-family: helvetica,san-serif;
font-size: 10px;
color: #fff;
position: absolute;
width: 22px;
margin-left: -22px;
text-align: center;
margin-top: -2px;
}
	
	ul#webnav {display:none;}
	
  #nav-trigger {
    display: block; 
	float: right;
	cursor:pointer;
	}
	


  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; } 
	
/* .menuontop { font-size:18px; } */
	
}

/*gestaltung inpage*/

/*gestaltung allgemein*/
.gestaltenblock {margin: auto;max-width: 960px;margin-bottom: 35px;margin-top: 25px;text-align:center;}
.gestaltungpunktel {width:33.333333333%;float:left;text-align:left;}
.gestaltungpunktem {width:33.333333333%;float:left;text-align:center;}
.gestaltungpunkter {width:33.333333333%;float:left;text-align:right;}
.gestaltungpunktebutton { border-radius: 7px;width:90%;height: 40px;cursor: pointer;overflow: hidden;outline: none;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 22px; }
.gestaltungpunktebuttonfilled {color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.gestaltungpunktebuttonunfilled {color: #00a0e1;background-color: #FFFFFF;border: 1px solid #00a0e1;}

@media only screen and (max-width: 980px) {
.gestaltungpunktebutton { margin-left: 4%;margin-right:4px;font-size: 19px;  }
.gestaltungpunktel {width:30.333333333%;float:left;text-align:left;margin-left: 3%;}
.gestaltungpunktem {width:33.333333333%;float:left;text-align:center;}
.gestaltungpunkter {width:30.333333333%;float:left;text-align:right;margin-right: 3%;}
}

@media only screen and (max-width: 700px) {
.gestaltungpunktebutton { font-family: helvetica,san-serif;	font-size: 14px;  }
}

@media only screen and (max-width: 500px) {
.gestaltungpunktebutton { font-family: helvetica,san-serif;	font-size: 13px; }
}

/*gestaltung start*/
.stylefilterblock {margin-top:20px;}
.stylefield {float:left;width:25%;margin-top: 20px;text-align:center;cursor:pointer;}
img.styleimg {
	width:225px;
	height:150px;
	-webkit-box-shadow: 0px 0px 1px rgb(150, 150, 150);
	-moz-box-shadow: 0px 0px 1px rgb(150, 150, 150);
	box-shadow: 0px 0px 1px rgb(150, 150, 150);
}
.stylefilterbreak1 {margin-right:20px;}
.stylefilterbreak2 {}
.stylefilterbreak3 {}

@media only screen and (max-width: 980px) {
.stylefield {float:left;width:33.333333333333%;margin-top: 20px;text-align:center;}
img.styleimg {width:210px;height:140px;}
}

@media only screen and (max-width: 700px) {
.stylefield {float:left;width:50%;margin-top: 20px;text-align:center;}
img.styleimg {width:195px;height:130px;}
.stylefilterbreak1 {margin-right:0px;float:left;width:100%;margin-bottom:6px;}
.stylefilterbreak2 {float:left;width:100%;margin-bottom:6px;}
.stylefilterbreak3 {float:left;width:100%;}
}

@media only screen and (max-width: 500px) {
img.styleimg {width:165px;height:110px;}
}

/*gestaltung fertigstellen*/
.gestaltungfertigstellenlinks {width: 32%;margin-right: 2%;float: left;text-align: center;margin-top: 10px;margin-bottom: 25px; }
.gestaltungfertigstellenmitte {width: 32%;float: left;text-align: center;margin-top: 10px;margin-bottom: 25px; }
.gestaltungfertigstellenrechts { width: 32%;margin-left: 2%;float: left;text-align: center;margin-top: 10px;margin-bottom: 25px; }
.gestaltungfertigstellenformateimg {width: 90%;}
.gestaltungfertigstellenbuttonformat { width: 80%; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin-bottom: 0px; }
.gestaltungfertigstellenbuttonformat2 { width: 80%; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin-bottom: 20px; }
.gestaltungfertigstellenbuttonohneumschlag { width: 80%; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin-bottom: 0px; }
.gestaltungfertigstellenbuttonmitumschlag { width: 80%; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin-bottom: 20px; }
.gestaltungfertigstellenumschlagimg {width: 90%;}
.gestaltungfertigstellenbutton { height: 45px; cursor: pointer; overflow: hidden; outline: none; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; font-size: 23px; }
.gestaltungfertigstellenbuttonvdatum { width: 80%;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin-bottom: 30px; }
.gestaltungfertigstellenoptiontitel {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 32px;color: #00abe4;text-align: center;margin-bottom: 25px;margin-top:30px;}
.warenkorbbuttonblock { width: 100%; }
.gestaltungfertigstellenzurueckbutton { cursor: pointer;height: 45px;padding-left: 25px;padding-right: 25px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin-bottom: -10px;margin-top: 25px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 24px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;float:left; }
.gestaltungfertigstellenweiterbutton { cursor: pointer;height: 45px;padding-left: 25px;padding-right: 25px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin-bottom: -10px;margin-top: 25px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 24px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;float:right; }
.gestaltungfertigstellenwarenkorbbutton {cursor:pointer;height:45px;width:310px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin-bottom: -10px;margin-top: 25px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 24px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;float:right;}
.gestaltungfertigstellenwarenkorbbuttondisabled {cursor:pointer;height:45px;width:310px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin-bottom: -10px;margin-top: 25px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 24px;color: #FFFFFF;background-color: #b6b6b6;border: 1px solid #b6b6b6;float:right;}
.gestaltungunvollstaendigepostkarte {box-shadow: 0px 20px 80px #555555;position: fixed;border: 5px solid #ffffff;top: 50%;margin-top:-120px;left: 50%;margin-left:-275px;width: 500px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;background-color: #00a0e1;color: #ffffff;padding: 20px 25px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 25px;display: none;}
.gestaltungunvollstaendigepostkarteclose {font-family: helvetica,san-serif;	font-size: 15px; text-align:right;width:100%;margin-bottom:8px;cursor:pointer;margin-top:-10px;}
.gestaltungunvollstaendigepostkartetitel {margin-bottom: 20px;color: #ffffff;}
.gestaltungunvollstaendigepostkarteelement {font-size: 22px;margin-bottom: 6px;cursor: pointer;color: #ffffff;text-decoration:none;}
a.gestaltungfehlendepkelemente {color: #ffffff;}

@media only screen and (max-width: 980px) {
.gestaltungfertigstellenbutton, .gestaltungfertigstellenbuttonvdatum { font-size: 19px; }
.gestaltungfertigstellenoptiontitel { font-size:25px; }
.warenkorbbuttonblock { width: 94%;margin:auto; }
.gestaltungfertigstellenzurueckbutton, .gestaltungfertigstellenweiterbutton, .gestaltungfertigstellenwarenkorbbutton, .gestaltungfertigstellenwarenkorbbuttondisabled {font-size:20px;}
}

@media only screen and (max-width: 850px) {
.gestaltungfertigstellenlinks {width: 90%;margin-left: 5%;margin-right: 5%;float: left;text-align: center;margin-top:-5px;margin-bottom: 0px; }
.gestaltungfertigstellenmitte {width: 90%;margin-left: 5%;margin-right: 5%;float: left;text-align: center;margin-top:-5px;margin-bottom: 0px; }
.gestaltungfertigstellenrechts { width: 90%;margin-right: 5%;margin-left: 5%;float: left;text-align: center;margin-bottom: 25px; }
.gestaltungfertigstellenbuttonvdatum, .gestaltungfertigstellenbuttonformat, .gestaltungfertigstellenbuttonformat2 {width:85%;}
.gestaltungunvollstaendigepostkarte { width:84%;top:15%;margin-top:unset;margin-left:-43%;padding: 15px 0px;}
.gestaltungunvollstaendigepostkarteclose {font-family: helvetica,san-serif;	font-size: 13px; text-align:right;width:96%;margin-bottom:12px;cursor:pointer;margin-top:0px;}
.gestaltungunvollstaendigepostkartetitel {margin-bottom: 20px;color: #ffffff;font-size:19px;}
.gestaltungunvollstaendigepostkarteelement {font-size: 22px;margin-bottom: 7px;cursor: pointer;color: #ffffff;font-size:18px;}
}

@media only screen and (max-width: 600px) {
.gestaltungfertigstellenzurueckbutton  { padding-left: 15px;padding-right: 20px;font-family: helvetica,san-serif;font-size: 15px; }
.gestaltungfertigstellenweiterbutton  { padding-right: 15px;padding-left: 20px;font-family: helvetica,san-serif;font-size: 15px; }
.gestaltungfertigstellenwarenkorbbutton, .gestaltungfertigstellenwarenkorbbuttondisabled { width:unset; padding-left: 20px;padding-right: 15px;font-family: helvetica,san-serif;	font-size: 15px; }
}

/*gestaltung textseite*/
.gestaltungtextseitekarte {width: 730px;float: left;margin-top: 40px;margin-bottom: 20px;}
.gestaltungtextseitekartebgimg {margin: auto;background: url(../img/pkhblank.jpg) no-repeat;background-size: auto auto;background-size: 100%;width: 720px;height: 480px;box-shadow: 0px 2px 5px rgb(150, 150, 150);}
.gestaltungtextseitekartel {width: 55%;height: 100%;float: left;}
.gestaltungtextseitekarter {width: 45%;height: auto;float: left;margin-top: 215px;}
.gestaltungtextseiteoptionen {width: 230px;margin-top: 20px;float: left;text-align: right;margin-bottom: 20px;}
.gestaltungrueckseitebuttonv2 {height: 50px;cursor: pointer;overflow: hidden;outline: none;font-family: helvetica,san-serif;font-weight: 400;font-size: 18px;}
.gestaltungrueckseitebuttonfullv2 {width: 90%;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.gestaltungrueckseitebuttonfilledv2 {color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.gestaltungrueckseitebuttonlv2 {width: 45%;-webkit-border-top-left-radius: 7px;-webkit-border-bottom-left-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-bottomleft: 7px;border-top-left-radius: 7px;border-bottom-left-radius: 7px;}
.gestaltungrueckseitebuttonrv2 {width: 45%;-webkit-border-top-right-radius: 7px;-webkit-border-bottom-right-radius: 7px;-moz-border-radius-topright: 7px;-moz-border-radius-bottomright: 7px;border-top-right-radius: 7px;border-bottom-right-radius: 7px;}
.gestaltungrueckseitebuttonv3 {height: 50px;cursor: pointer;overflow: hidden;outline: none;font-size: 20px;font-family: helvetica,san-serif;}
.gestaltungrueckseitebuttonv4 {height: 50px;cursor: pointer;overflow: hidden;outline: none;font-size: 15px;font-family: helvetica,san-serif;}
.gestaltungrueckseitebuttonlv3 {width: 20%;-webkit-border-top-left-radius: 7px;-webkit-border-bottom-left-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-bottomleft: 7px;border-top-left-radius: 7px;border-bottom-left-radius: 7px;}
.gestaltungrueckseitebuttonrv3 {width: 70%;-webkit-border-top-right-radius: 7px;-webkit-border-bottom-right-radius: 7px;-moz-border-radius-topright: 7px;-moz-border-radius-bottomright: 7px;border-top-right-radius: 7px;border-bottom-right-radius: 7px;}

.gestaltungtextseitekartev2 {width: 720px;float: left;margin-top: 40px;margin-bottom: 40px;}
.gestaltungtextseitekartebgimgv2 {margin: auto;background: url(../img/pkhblank.jpg) no-repeat;background-size: auto auto;background-size: 100%;width: 720px;height: 480px;-webkit-box-shadow: 0px 2px 5px rgb(150, 150, 150);-moz-box-shadow: 0px 2px 5px rgb(150, 150, 150);box-shadow: 0px 2px 5px rgb(150, 150, 150);}
.gestaltungtextseitekartelv2 {width: 55%;height: 100%;float: left;}
.gestaltungtextseitekarterv2 {width: 45%;height: auto;float: left;margin-top: 215px;}
.gestaltungtextseiteoptionenv2 {width: 230px;margin-top: 20px;float: left;text-align: right;margin-bottom: 20px;}
.fontboxv2 {float:right;border: 1px solid #00a0e1;border-radius: 7px;width: 90%;margin: auto;overflow: hidden;margin-top: -18px;display: none;text-align:center;margin-bottom:25px;}
.colorboxv2 {float:right;border: 1px solid #00a0e1;border-radius: 7px;width: 90%;margin: auto;height: 40px;overflow: hidden;margin-top: -18px;display: none;margin-bottom:25px;}


#grusstextv2 { border: 1px solid #E0E0E0;padding: 3px 10px; }
.grusstextquerv2 { width:330px;height: 432px;margin-bottom: 3px; margin-left: 0px; margin-top:20px; }
.grusstexthochv2 { -moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);width: 418px;height: 343px;margin-top: 65px;margin-left: -22px; }
.grusstextquersigv2 { width:430px;height: 407px;margin-bottom: 3px; margin-left:5%; margin-top:5%; }
.grusstexthochsigv2 { -moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);width: 530px;height: 318px;margin-bottom: 141px;margin-top: 136px;margin-left: 32px; }
.adressfeldv2 { width: 82%;margin-left:10%;border-bottom: 1px solid #AAA;margin-bottom: 7px;height: 35px;}
.adressbuchcheckboxv2 { font-size:13px;position: absolute;margin-top: 530px;width: 720px;text-align: right; }
input.pkadressev2 {  border: 1px solid #E0E0E0; padding: 3px 5px; width:96%;height:25px;}
select.pkadresselandv2 {  border: 1px solid #E0E0E0; padding: 3px 2px;width: 100%;height: 33px;}
.gestaltungrueckseiteweiterbuttonv2 { cursor:pointer;height:55px;padding-left:25px;padding-right:25px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;bottom: 0px;right: 0px;position: fixed;margin-bottom: 25px;margin-right: 30px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 27px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1; }
.gestaltungrueckseitezurueckbuttonv2 { cursor:pointer;height: 55px;padding-left:25px;padding-right:25px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;bottom: 0px;left: 0px;position: fixed;margin-bottom: 25px;margin-left: 30px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 27px; color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.gestaltungwarenkorbbuttonv2 {cursor:pointer;height:55px;width:310px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;bottom: 0px;right: 0px;position: fixed;margin-bottom: 25px;margin-right: 30px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 27px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.gestaltungwarenkorbbuttondisabledv2 {cursor:pointer;height:55px;width:310px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;bottom: 0px;right: 0px;position: fixed;margin-bottom: 25px;margin-right: 30px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 27px;color: #FFFFFF;background-color: #b6b6b6;border: 1px solid #b6b6b6;}
img.signaturrueckseitequerv2 {width:75%; margin-left:5%;margin-top: -3px;}
img.signaturrueckseitequercenterv2 {margin-left:12%;}
img.signaturrueckseitehochv2 {width:65%;-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);margin-left: -80px;top: -473px;position: relative;}
img.signaturrueckseitehochcenterv2 {top: -363px;}
p.gestaltungsbuttonsv2 { margin-bottom:25px; }
p.gestaltungsbuttons2v2 { margin-bottom:0px; }
p.gestaltungsbuttonsadressenv2 { margin-bottom:25px; }
.gestaltungrueckseitebuttonunfilledv2 { color: #00a0e1;background-color: #FFFFFF;border: 1px solid #00a0e1; }
.iconfixgestaltungv2 { vertical-align:middle;font-size: 22px; }
.iconfixgestaltungv3 { vertical-align:middle;font-size: 22px;margin-top: -6px; }
.iconfixgestaltungv4 { vertical-align:middle;font-size: 18px; }
div.loadscreenv4 { display: none; height:100%; width:100%; position:fixed; left:0; top:0;	z-index:9999 !important; background-color:black; filter: alpha(opacity=45); -khtml-opacity: 0.45; -moz-opacity: 0.45; opacity: 0.45; color: #FFFFFF; text-align: center; vertical-align: middle; line-height: 100%; }
.adressboxv2 { display:none;height:60%; max-height: 60%;overflow: auto;position: fixed;width: 700px;top: 20%;left: 50%;margin-left:-350px;text-align: center;background-color: #fff;z-index:99999; }
.grusstextbox { display:none;height:50%; max-height: 50%;overflow: auto;position: fixed;width: 550px;top: 20%;left: 50%;margin-left:-225px;text-align: center;background-color: #fff;z-index:99999; }
.grusstextleftv2 { text-align:left; }
.grusstextcenterv2 { text-align:center; }
.gestaltungrueckseitedelbtnv2 {margin-top:25px;color: #FFFFFF;background-color: #ee8282;border: 1px solid #ee8282;}
.closeaddressbook {font-size:25px;cursor:pointer;position: fixed;}
.closegrusstext {font-size:25px;cursor:pointer;position: fixed;}
.gestaltungadressbuchtitel {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;color: #555555;font-size: 30px;text-align: center;margin-top: 10px;margin-bottom: 12px;}
input#kontaktsuche2 {width: 50%;padding: 5px 8px;border-radius: 4px;border: 1px solid #999;margin-bottom: 20px;text-align: center;}
input#kontaktsuche3 {width: 50%;padding: 5px 8px;border-radius: 4px;border: 1px solid #999;margin-bottom: 10px;text-align: center;}
#addressloader2 {width: 90%;margin: auto;margin-bottom:50px;}
#kontakte2 {list-style-type: none;padding:0;margin: 0;}
#kontakte2 li span {width:271px; float:left;height: 145px;border:1px solid #dddddd;margin: 7px;padding: 5px 10px;line-height:19px;border-radius:5px;font-size: 13px;overflow:hidden;}
#kontakte2 li span:hover {border: 1px solid #3e8899;}
span.optionen2 {cursor:pointer;}
.adressbuchoptionen2 { margin-top: 0px;text-align: center;display:none;padding-top: 5px; z-index:99999;position:relative;background-color:#f6f6f6;width:237px;border-left: 1px solid #3e8899;border-right: 1px solid #3e8899;border-bottom: 1px solid #3e8899;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;margin-left:-11px;border-radius: 0px 0px 5px 5px; }
.adressbuch-infotext2 {margin-top:10%;}
#adressbuchgestaltungloginfailed {color: #cd4040;}
button.adressbuchgestaltungselect {background-color: #00a0e1;margin-bottom: 10px;width: 30%;background-repeat: no-repeat;cursor: pointer;overflow: hidden;outline: none;border: none;border-radius: 5px;color: #FFFFFF;font-size: 15px;padding: 4px 10px 4px 10px;}
.selectaddress {background-color:#cce1ff;color:#252525;}
button#empfaengerhinzu {position: fixed;width: 300px;margin-left: -150px;background-color: #00a0e1;cursor: pointer;outline: none;border: none;border-radius: 5px;color: #FFFFFF;font-size: 15px;padding: 4px 10px 4px 10px;}


@media only screen and (max-width: 980px) {
.gestaltungtextseitekartev2 {margin-top: 25px;margin-bottom: 18px;}
.adressbuchcheckboxv2 { font-size:13px;position: unset;margin:unset;width: 100%;text-align: center;margin-bottom:18px; }
/* .gestaltungtextseitekartebgimgv2 {margin: auto;background: url(../img/pkhblank.jpg) no-repeat;background-size: auto auto;background-size: 100%;width: 720px;height: 480px;box-shadow: 0px 1px 3px rgb(150, 150, 150);}
.gestaltungtextseitekartelv2 {width: 55%;height: 100%;float: left;}
.gestaltungtextseitekarterv2 {width: 45%;height: auto;float: left;margin-top: 215px;}*/
.gestaltungtextseiteoptionenv2 {width: 90%;float: unset;text-align: center;margin:auto;margin-bottom: 20px;}
.gestaltungrueckseitebuttonlv2 {width: 50%;}
.gestaltungrueckseitebuttonrv2 {width: 50%;}
.gestaltungrueckseitebuttonlv3 {width: 20%;}
.gestaltungrueckseitebuttonrv3 {width: 80%;}
.gestaltungrueckseitebuttonfullv2 {width:100%;}
.fontboxv2 {float:unset; width:90%;}
.colorboxv2 {float:unset; width:90%;} 
}

@media only screen and (max-width: 750px) {
.gestaltungadressbuchtitel {font-size:24px;}
.adressboxv2 { display:none;height:90%; max-height: 90%;overflow: auto;position: fixed;width: 90%;top: 5%;left: 50%;margin-left:-45%;text-align: center;background-color: #fff;z-index:99999; }
.grusstextbox { display:none;height:90%; max-height: 90%;overflow: auto;position: fixed;width: 90%;top: 5%;left: 50%;margin-left:-45%;text-align: center;background-color: #fff;z-index:99999; }
input#kontaktsuche2 {width: 80%;height:24px;font-size:14px;margin-bottom:10px;}
input#kontaktsuche3 {width: 80%;height:24px;font-size:14px;margin-bottom:10px;}
#kontakte2 { width:100%; }
#kontakte2 li { float:unset; }
#kontakte2 li span {width:96%; margin-left: 1%;margin-right: 1%;margin-bottom: 10px;padding: 5px 1%;}
button.adressbuchgestaltungselect {margin-left:1%;margin-right:1%;width:40%;}
button#empfaengerhinzu {width:70%;margin-left: -35%;}
}

@media only screen and (max-width: 650px) {
/* .gestaltungtextseitekartebgimgv2 { width: 540px;height: 360px; }
.grusstextquerv2 {width: 245px;height: 322px;margin-top: 15px;}
.grusstexthochv2 {width: 308px;height: 259px;margin-top: 47px;margin-left: -17px;}
.gestaltungtextseitekarterv2 {margin-top:152px;}
.adressfeldv2 {height:28px;margin-bottom: 5px;}
input.pkadressev2 {height:19px;width: 94%;}
select.pkadresselandv2 {height:27px;}
.adressbuchcheckboxv2 {height: 19px;line-height:19px;font-size:10px;}
#addresscheckbox {vertical-align:bottom;} */
}

@media only screen and (max-width: 570px) {
/* .gestaltungtextseitekartebgimgv2 { width: 375px;height: 250px; }
.grusstextquerv2 {width: 162px;height: 222px;margin-top: 10px;}
.grusstexthochv2 {width: 208px;height: 176px;margin-top: 33px;margin-left: -12px;}
.gestaltungtextseitekarterv2 {margin-top:100px;}
.adressfeldv2 {height: 20px;margin-bottom: 3px;}
input.pkadressev2 {height:11px;width: 91%;}
select.pkadresselandv2 {height:19px;}
.adressbuchcheckboxv2 {height: 19px;line-height:19px;font-size:10px;}
#addresscheckbox {vertical-align:bottom;} */
}

@media only screen and (max-width: 600px) {
/* .gestaltungrueckseitebuttonlv2 {width: 45%;}
.gestaltungrueckseitebuttonrv2 {width: 45%;}
.gestaltungrueckseitebuttonlv3 {width: 20%;}
.gestaltungrueckseitebuttonrv3 {width: 70%;}
.fontboxv2 {float:unset; width:90%;}
.colorboxv2 {float:unset; width:90%;} */
}

/* gestaltung bildseite */
div.loadscreenv3 { display: none; height:100%; width:100%; position:fixed; left:0; top:0;	z-index:9999 !important; background-color:black; filter: alpha(opacity=45); -khtml-opacity: 0.45; -moz-opacity: 0.45; opacity: 0.45; color: #FFFFFF; text-align: center; vertical-align: middle; line-height: 100%; }
div.loadingiconv3 { display:none; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin-left: -100px; margin-top: -100px; }

.gestaltungbildseitekartev2 {width: 720px;float: left;margin-top: 40px;margin-bottom: 20px;}
.gestaltungbildseiteoptionenv2 {width: 240px;margin-top: 20px;float: left;text-align: right;margin-bottom: 20px;}
.gestaltungbildseitebuttonv4 {height: 50px;cursor: pointer;overflow: hidden;outline: none;font-size: 15px;font-family: helvetica,san-serif;}
.gestaltungbildseitebuttonlv2 {width: 45%;-webkit-border-top-left-radius: 7px;-webkit-border-bottom-left-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-bottomleft: 7px;border-top-left-radius: 7px;border-bottom-left-radius: 7px;}
.gestaltungbildseitebuttonrv2 {width: 45%;-webkit-border-top-right-radius: 7px;-webkit-border-bottom-right-radius: 7px;-moz-border-radius-topright: 7px;-moz-border-radius-bottomright: 7px;border-top-right-radius: 7px;border-bottom-right-radius: 7px;}
.gestaltungbildseitebuttonfilled { color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1; }
.gestaltungbildseitebuttonunfilled { color: #00a0e1;background-color: #FFFFFF;border: 1px solid #00a0e1; }
.gestaltungbildseitebuttonfilledm { color: #FFFFFF;background-color: #00a0e1;border-top: 1px solid #00a0e1;border-bottom: 1px solid #00a0e1;border-right:none;border-left:none; }
.gestaltungbildseitebuttonunfilledm { color: #00a0e1;background-color: #FFFFFF;border-top: 1px solid #00a0e1;border-bottom: 1px solid #00a0e1;border-right:none;border-left:none; }
.gestaltungbildseitebuttonlv21 {width: 30%;-webkit-border-top-left-radius: 7px;-webkit-border-bottom-left-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-bottomleft: 7px;border-top-left-radius: 7px;border-bottom-left-radius: 7px;}
.gestaltungbildseitebuttonmv21 {width: 30%;}
.gestaltungbildseitebuttonrv21 {width: 30%;-webkit-border-top-right-radius: 7px;-webkit-border-bottom-right-radius: 7px;-moz-border-radius-topright: 7px;-moz-border-radius-bottomright: 7px;border-top-right-radius: 7px;border-bottom-right-radius: 7px;}
.bildseiterundeecken { -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; }
.gestaltungrahmenvorschau { background-color:#cccccc;cursor:pointer; }
.bildseitebildcontainer { position: relative;width: 720px;height: 480px;box-shadow: 0px 1px 3px rgb(150, 150, 150);}
#rahmencontainer { width: 720px;height: 480px;background-image:none;position:absolute;display:none;cursor:pointer; }
.gestaltungoptionenh3 {font-size: 15px;border-bottom: 1px solid #00a0e1;width: 90%;float: right;text-align: left;padding-bottom: 3px;margin-bottom: 15px;}
.gestaltungsbuttons3 {margin-top: -10px;margin-bottom: 10px;}
.farbenblock {width:90%;float:right;text-align:center;}
.bilderrahmenblock {}
h3.bilderrahmentitel {font-size: 15px;border-bottom: 1px solid #00a0e1;padding-bottom: 3px;text-align: left;margin-top: 0px;}
.bilderrahmenentfernenbtn {display:none;border-radius: 7px;height: 36px;cursor: pointer;font-size: 15px;color: #ffffff;background-color:#ea3f3f;border:1px solid #ea3f3f;margin-top: 20px;width:90%;float:right;}
.rahmenvorschauwidth {width:160px;}
.gestaltungvorlagenvorschau {width:45%;}
.gestaltungvorlagenvorschaublock {line-height:0px;}
.gestaltungmotivauswahlbutton {color: #00a0e1;background-color: #FFFFFF;border: 1px solid #00a0e1;border-radius: 7px;width: 90%;height: 40px;cursor: pointer;overflow: hidden;outline: none;font-size: 15px;margin-top:8px;}



.lSAction > a {
	background-image: url('../img/controls2.png');
	opacity: unset;
}

.lSAction > .lSNext {
	right: 0px;
}

.lSAction > .lSPrev {
    left: 0px;
}

.dropzone {
	width: 100%;
	height:100%;
	border:none;
	background-color: #cccccc;
}

.imagearea {
	overflow:hidden;
	cursor:pointer;
}

.addimagehere {
	font-size: 80px;
	color: #ffffff;
	margin-top: -38px;
	top: 50%;
	position: relative;
}

.addimageheresmall {
	font-size: 50px;
	color: #ffffff;
	margin-top: -26px;
	top: 50%;
	position: relative;
}

.cropbox {
	width:100%;
	height: 100%;
	#margin:auto;
	#-webkit-box-shadow: 0px 1px 4px 0px rgba(50,50,50,1);
	#-moz-box-shadow: 0px 1px 4px 0px rgba(50,50,50,1);
	#box-shadow: 0px 1px 4px 0px rgba(50,50,50,1);	
	#margin-bottom:80px;
}
.cropoptionen {
	text-align:center;
	margin-top: -50px;
	position: relative;
}
.cropoptionbtn { 
	background-color: #3ab2ff;
	height: 35px;
	border: none;	
	color: #ffffff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);
	box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);
	font-size: 18px;
	font-weight: normal;
	cursor:pointer;
	font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;
	margin-left:2px;
	margin-right:2px;
	border-radius: 22px;
}
.cropoptionbtn:active { 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

div.loadcropscreen { 
height: 191px;
width: 391px;
position: relative;
left: 0px;
top: -151px;
z-index: 9999 !important;
background-color: black;
filter: alpha(opacity=45);
-khtml-opacity: 0.45;
-moz-opacity: 0.45;
opacity: 0.45;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
line-height: 100%;
}

div.loadingcropicon { 
position: relative;
width: 80px;
height: 80px;
top: 30%;
left: 50%;
margin-left: -40px;
margin-top: -40px;
}

.farbauswahl {
	width: 30px;
	height: 30px;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 4px;
	-webkit-box-shadow: 0px 1px 3px rgb(120, 120, 120);
	-moz-box-shadow: 0px 1px 3px rgb(120, 120, 120);
	box-shadow: 0px 1px 3px rgb(120, 120, 120);
	float:left;
	cursor:pointer;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
}

.farbauswahlcheckw {
	color: #ffffff;
}

.farbauswahlcheckb {
	color: #000000;
}

.farbauswahlaktiv {
	-webkit-box-shadow: 0px 0px 1px rgb(80, 80, 80);
	-moz-box-shadow: 0px 0px 1px rgb(80, 80, 80);
	box-shadow: 0px 0px 1px rgb(80, 80, 80);	
}

.greenhookinfo {width: 600px;background-color:#fff;position: fixed;top: 25%;left: 50%;margin-left: -300px;z-index: 99999999;display:none;}
.greenhookinfotextbutton { cursor: pointer;height: 40px;padding-left: 10px;padding-right: 10px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 24px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1; }

@media only screen and (max-width: 980px) {
.gestaltungbildseitekartev2 {margin-top: 25px;margin-bottom: 10px;}
.gestaltungbildseiteoptionenv2 {margin-top: 0px;width: 90%;margin: auto;float: unset;text-align:unset;}
.gestaltungoptionenh3 {width:100%;}
.gestaltungbildseitebuttonlv21 {width:33.3333333%;}
.gestaltungbildseitebuttonmv21 {width:33.3333333%;}
.gestaltungbildseitebuttonrv21 {width:33.3333333%;}
.gestaltungbildseitebuttonlv2 {width:50%;}
.gestaltungbildseitebuttonrv2 {width:50%;}
.farbenblock {width:100%;float:unset;text-align:center;margin-bottom: 20px;}
.farbauswahl {width: 4.555555555555556%;height: 30px;margin-left:0.5%;margin-right:0.5%;}
.bilderrahmenblock {width:90%;margin: auto;}
.bilderrahmenentfernenbtn {margin-top: 0px;margin-bottom:10px;width:100%;float:unset;}
}

@media only screen and (max-width: 520px) {
.farbauswahl {width: 10.11111111111111%;height: 30px;margin-left:0.5%;margin-right:0.5%;}
}


/* terms */
.termsblock1 {border: 1px solid #dddddd;border-radius: 5px;margin:auto;padding:10px;margin-top:20px;}
.termsblock2 {border: 1px solid #dddddd;border-radius: 5px;margin:auto;padding:10px;margin-top:12px;}
.termsblock3 {border: 1px solid #dddddd;border-radius: 5px;margin:auto;padding:10px;margin-top:12px;margin-bottom:15px;}
.termsblock4 {border: 1px solid #dddddd;border-radius: 5px;margin:auto;padding:10px;margin-top:12px;margin-bottom:12px;}
.termsblockl {float:left;width:10%;}
.termsblockr {float:left;width:90%;text-align:left;line-height: 20px;}

/* sonstige styles */
.links { float: left; }
.rechts { float: right; }
.center { text-align: center; }
.hidden { display: none; }

/* fancybox */
.boxpage { padding-left: 30px; padding-right: 30px; margin-top:85px; }
h2.boxtitel { text-align: center; }
p.boxtext { font-size: 14px; line-height: 20px; text-align: justify; }

/*inhalt gestaltung*/
.boxpagepg { padding-left: 30px; padding-right: 30px; }

/* login start */
.loginboxlinks  { width: 40%; float: left; height: 42px; padding-top: 8px; text-align: left; }
.loginboxrechts  { width: 60%; float: left; height: 50px; text-align: left; }
a.loginpwvergessen { text-decoration:underline; color: #999; }
div.loginblock { width:50%; text-align: center; margin: auto; }
p.kontonachfrage { font-size: 16px; padding-top: 15px; }
.loginform-alert-error { border: 0px solid #ff5b5b; background-color: #ffe8e8; color: #ff5b5b; border-radius: 6px; padding: 8px; margin: auto; margin-top:20px; text-align: center;margin-bottom: 30px;line-height: 20px; }
.nochkeinkonto { margin-bottom:40px; }

/* ladescreen fuer box usw */
div.loadscreen { display: none; height:100%; width:100%; position:fixed; left:0; top:0;	z-index:1 !important; background-color:black; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; color: #FFFFFF; text-align: center; vertical-align: middle; line-height: 100%; }
div.loadingicon { display:none; position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; }
div.loadscreen2 { display: none; height:100%; width:100%; position:fixed; left:0; top:0;	z-index:99999999 !important; background-color:black; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; color: #FFFFFF; text-align: center; vertical-align: middle; line-height: 100%; }
div.loadingiconcart { display:none; position: absolute; width: 300px; height: 100px; top: 50%; left: 50%; margin-left: -150px;margin-top: -80px;}
.loadingiconcartinfotext {line-height:20px;}
div.loadscreen3 { display: none; height:100%; width:100%; position:fixed; left:0; top:0;	z-index:9999 !important; background-color:black; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; color: #FFFFFF; text-align: center; vertical-align: middle; line-height: 100%; }

/* formular Anmeldung */
form.box {	margin: auto; width: 80%; margin-top: 25px;	margin-bottom: 25px; }
.formboxlinks {	width: 25%;	float: left; height: 42px; padding-top: 8px; }
.formboxlinks2 {	width: 25%;	float: left; height: 50px; }
.formboxrechts { width: 75%; float: left; height: 50px; }
.formboxrechts2 { width: 75%; float: left; height: 50px; font-size: 12px; }
input.boxform { width: 96%; padding: 5px 8px; border-radius: 4px; border: 1px solid #999; }
.formboxcheck  { float: left; margin-right: 10px; }
button.formboxbtn {	background-color: #00a0e1; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; border: none; border-radius: 5px; font-family: 'Yanone Kaffeesatz', sans-serif;	font-weight: 200; color:#FFFFFF; font-size: 23px; padding: 3px 15px; margin-top: 6px; }
button.formboxbtn:hover { background-color: #0094ce; }
a.alert-error-link { color: #ff5b5b; text-decoration: underline; }
.regform-alert-success { width: 78%; border: 0px solid #006405; background-color: #e0ffe1; color: #006405; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 23px; margin-top: 40px; margin-bottom: 50px; }
.regform-alert-error { width: 78%; border: 0px solid #ffe8e8; background-color: #ffe8e8; color: #ff5b5b; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 23px; }
.regformbox { margin-top:25px;margin-bottom:20px; }
.passvergessenblock { width: 50%;text-align: center;margin: auto;margin-top: auto;margin-top: 20px; }
p.passvergboxtext {font-size: 14px;line-height: 20px;text-align: justify;}

/* kundenkonto start */
.kundenkontomenutitelblock { height: 60px; background-color: #00abe4; color: #FFFFFF; font-size: 16px; line-height: 60px; position:fixed;width:100%;top:0;}
.kundenkontomenublock { margin: auto;	margin-bottom:10px;margin-top:20px; }
.kundenkontomenupunkt { width: 22%; float: left; text-align:center; padding: 1.5%;	margin-bottom:10px; }
.kundenkontomenubildround { background-repeat: no-repeat; background-position: 50%; border-radius: 50%; width: 170px; height: 170px; margin:auto;border: 6px solid #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
button.kundenkontostartbutton {background-color: #ffffff; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; border: none; border-radius: 5px; font-family: 'Yanone Kaffeesatz', sans-serif;	font-weight: 400; color:#00a0e1; font-size: 22px; margin-top: 10px; }
.iconfixkundenmenutitel { vertical-align: middle; margin-bottom: 4px; margin-left: 10px; }
.logoutlink { text-decoration: underline; color: #555; margin-right: 15px; }
.logoutlink:hover { color: #555; }
.titellink { text-decoration: underline; color: #FFFFFF; }
.gkundelink { margin-bottom:20px;text-align:center;margin-top:20px; }

/* Kundendaten */
.kundendatenblock { float: left; width: 50%; }
.formboxkundendatenlinks { width: 30%;	float: left; height: 34px; padding-top: 6px; }
.formboxkundendatenrechts { width: 70%; float: left; height: 40px; }
.formboxkundendatenlinkscheckbox { width: 10%;	float: left; margin-top: 15px; }
.formboxkundendatenrechtscheckbox { width: 90%; float: left;  margin-top: 15px; line-height: 16px; font-size: 12px; }
.formboxkundendaten { width: 100%; float: left; height: 40px; margin-top: 20px; }
input.boxformkundendaten { width: 75%; padding: 5px 8px; border-radius: 4px; border: 1px solid #999; }
p.subtitelkundendaten { font-size: 16px; margin-top: 5px; margin-bottom: 15px; }
.kdform-alert-info { width: 78%; border: 0px solid #ebebeb; background-color: #ebebeb; color: #555555; border-radius: 6px; padding: 8px; margin: auto; margin-bottom: 20px; margin-top:25px; text-align: center; }
.kundendatenerrortext { color: #ff5b5b; font-size: 13px; padding-bottom:5px; padding-top:5px; }
.kundendatensuccesstext { color: #006405; font-size: 13px; padding-bottom:5px; padding-top:5px; }
.kundendateninfotext { color: #4581bf; font-size: 13px; padding-bottom:5px; padding-top:5px; }

/*kundenkonto auszug*/
.auszuginfotext { width: 75%; border: 0px solid #cde6ff; background-color: #cde6ff; color: #4581bf; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-top: 40px; margin-bottom: 60px; }
.auszugguthabeninfotext { width: 80%; border: 0px solid #cde6ff; background-color: #cde6ff; color: #4581bf; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-top: 25px; margin-bottom: 25px; }
.auszugliste { width:80%; margin:auto; border-top: 1px solid #e1e1e1; margin-bottom: 40px; }
.auszuglisteitem { border-bottom: 1px solid #e1e1e1; padding-top:6px; padding-bottom:6px; }
.auszuglisteitem:hover { background-color: #eeeeee; }
.auszuglistedatumzeit { float:left; width: 30%; }
.auszuglistetyp { float:left; width: 40%; }
.auszuglistebetrag { float:left; width: 15%; }
.auszuglisteguthabenstand { float:left; text-align:right; width: 15%; }

/*kundenkonto rechnungen*/
.rechnunglistedatumzeit { float:left; width: 30%; }
.rechnunglisteauthcode { float:left; width: 40%; }
.rechnunglistebetrag { float:left; width: 15%; }
.rechnunglisterechnung { float:left; text-align:right; width: 15%; }

/*kundenkonto abrechnungen*/
.abrechnungliste { width:80%; margin:auto; border-top: 1px solid #e1e1e1; margin-bottom: 40px; }
.abrechnungliste2 { width:80%; margin:auto; margin-bottom: 40px; }
.abrechnunglisterechnungitem { width:100%; border-bottom: 1px solid #e1e1e1; padding-top:26px; padding-bottom:6px; text-align:right; }
.abrechnunglisteitem {  border-bottom: 1px solid #e1e1e1;padding-top:6px; padding-bottom:6px;background-color: #f4f4f4; }
/* .abrechnunglisteitem:hover { background-color: #eeeeee; } */
.abrechnunglistedatumzeit { float:left; width: 30%; }
.abrechnunglistebezeichnung { float:left; width: 55%; }
.abrechnunglistebetrag { float:left; text-align:right; width: 15%; }
a.rechnungslink { text-decoration:underline; color: #555555; }
.abrechnunglisteitem2 { border-bottom: 1px solid #e1e1e1; padding-top:6px; padding-bottom:6px; }
.abrechnunglistestatuszaehler {float:left; width: 8%;}
.abrechnunglistestatusprodukt {float:left;width: 20%; }
.abrechnunglistestatusname {float:left; width: 60%;}
.abrechnunglistestatuspreis {float:left; text-align:right; width: 12%;}

/*kundenkonto gutscheine*/
.gutscheinblock { margin:auto; text-align:center; margin-top:20px;margin-bottom:20px; }
.gutscheinblockitem { border: 1px dashed #666666; border-radius: 6px; padding-left: 1.5%;padding-right: 1.5%;padding-top:15px;padding-bottom:15px; margin:1.5%; width: 27%; float:left; text-align:center; background-image: url(../img/gutscheinbg.gif);height: 115px;position: relative; }
.expiredbg { background-image: url(../img/gutscheinexpiredbg.gif); }
.gutscheinblockwert { font-size: 13px;margin-bottom: 5px; }
.gutscheinblockcode { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:400; font-size: 25px; }
.gutscheinblockgueltig { font-size: 13px;margin-top: 8px;  }
.delthisgc { font-size: 30px;background-color: #d55151;color: #fff;border: 2px solid #444;border-radius: 20px;width: 30px;height: 30px;line-height: 30px;cursor: pointer;position: absolute;margin-top: -5px;margin-right: -5px;top: 0px;right: 0px; }

/* Kundenkonto aufladen */
.lastschrift-alert-error { width: 78%; border: 0px solid #ffe8e8; background-color: #ffe8e8; color: #ff5b5b; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-top: 20px; }

/* Bonus */
.bonushinweis { font-size:18px;text-align: center; }
.bonushinweisbutton{ font-size:18px;text-align: center;margin-bottom:30px; }

/*email aendern bestaetigung*/
.changemailerrortext { width: 78%; border: 0px solid #ffe8e8; background-color: #ffe8e8; color: #ff5b5b; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-top: 100px; margin-bottom: 60px; }
.changemailsuccesstext { width: 78%; border: 0px solid #006405; background-color: #e0ffe1; color: #006405; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-top: 100px; margin-bottom: 60px; }
.changemailinfotext { width: 78%; border: 0px solid #cde6ff; background-color: #cde6ff; color: #4581bf; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-top: 100px; margin-bottom: 60px; }

/*neues passwort anfordern*/
.pwvergessenblock { width:60%; text-align: center; margin: auto; margin-top: 40px; }
.pwvergessenboxlinks { width: 30%; float: left; height: 34px; padding-top: 6px; text-align: left; }
.pwvergessenboxrechts { width: 70%; float: left; height: 40px; text-align: left; }
.pwvergessen-alert-success { width: 90%; border: 0px solid #006405; background-color: #e0ffe1; color: #006405; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:25px; }
.pwvergessen-alert-error { width: 90%; border: 0px solid #ffe8e8; background-color: #ffe8e8; color: #ff5b5b; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:25px; }
.pwvergessen-alert-info { width: 90%; border: 0px solid #ebebeb; background-color: #ebebeb; color: #555555; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:25px; }
a.alert-success-link { color: #006405; text-decoration: underline; }

/*neues passwort erstellen*/
.pwaendernblock1 { float: left; width: 60%; margin-top:25px; }
.pwaendernblock2 { float: left; width: 40%; margin-top:25px; }
.formboxpwaendernlinks { width: 35%;	float: left; height: 34px; padding-top: 6px; }
.formboxpwaendernrechts { width: 65%; float: left; height: 40px; }
.formboxpwaendernrechtsstaerke { width: 65%; float: left; height: 35px; padding-top: 5px; }
.pwlabel-info { border: 0px solid #e2e2e2; background-color: #e2e2e2; color: #555555; border-radius: 5px; padding: 3px 5px;font-size: 12px; }
.pwlabel-error { border: 0px solid #ffcaca; background-color: #ffcaca; color: #9e0000; border-radius: 5px; padding: 3px 5px;font-size: 12px; }
.pwlabel-important { border: 0px solid #c4d6e8; background-color: #c4d6e8; color: #4b78a7; border-radius: 5px; padding: 3px 5px;font-size: 12px; }
.pwlabel-warning { border: 0px solid #ffeeae; background-color: #ffeeae; color: #9d8500; border-radius: 5px; padding: 3px 5px;font-size: 12px; }
.pwlabel-success { border: 0px solid #c1e6c3; background-color: #c1e6c3; color: #206223; border-radius: 5px; padding: 3px 5px;font-size: 12px; }
.pwtipptitel { margin-bottom: 15px; font-size:15px;}
.pwtipp { line-height: 24px; }
.pwaendern-alert-success { width: 90%; border: 0px solid #006405; background-color: #e0ffe1; color: #006405; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-top:20px; }
.pwaendern-alert-error { width: 90%; border: 0px solid #ffe8e8; background-color: #ffe8e8; color: #ff5b5b; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-top:20px; }

/*newsletter*/
.newsletterboxlinks { width: 30%; float: left; height: 34px; padding-top: 6px; text-align: left; }
.newsletterboxrechts { width: 70%; float: left; height: 40px; text-align: left; }
.newsletterboxrechts2 { width: 70%; float: left; text-align: left; margin-top:5px;margin-bottom: 12px; line-height:25px; }
.newsletter-alert-success { width: 90%; border: 0px solid #006405; background-color: #e0ffe1; color: #006405; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:20px;margin-top:-20px; }
.newsletter-alert-error { width: 90%; border: 0px solid #ffe8e8; background-color: #ffe8e8; color: #ff5b5b; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:20px;margin-top:-20px; }
.newsletter-alert-info { width: 90%; border: 0px solid #ebebeb; background-color: #ebebeb; color: #555555; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:20px;margin-top:-20px; }
.newsletter-alert-success2 { width: 90%; border: 0px solid #006405; background-color: #e0ffe1; color: #006405; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:20px;margin-top:-10px; }
.newsletter-alert-error2 { width: 90%; border: 0px solid #ffe8e8; background-color: #ffe8e8; color: #ff5b5b; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:20px;margin-top:-10px; }
.newsletter-alert-info2 { width: 90%; border: 0px solid #ebebeb; background-color: #ebebeb; color: #555555; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:20px;margin-top:-10px; }
.newsletterinfoabstand { margin-bottom:20px;margin-top:0px; }
.newsletterblock { margin: auto;max-width: 960px;margin-bottom: 35px;margin-top:25px; }
.newsletterblocktitel { font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 32px;color: #00abe4;text-align: center;margin-bottom: 25px; }
p.newsletterboxtext { font-size: 14px;line-height: 20px;text-align: justify; }
.newsletterformblock { width:60%; text-align: center; margin: auto; margin-top: 40px; }
.newsletterformblock2 { max-width:480px; text-align: center; margin: auto; margin-top: 10px; }

/*vorlagen*/
.vorlagenblock { margin: auto; max-width: 960px; margin-bottom: 35px; margin-top:25px; }
.vorlage { width:230px; float:left; margin:auto; margin-left:5px;margin-right:5px; border-top:5px solid #00a0e1;margin-bottom:20px; }
.folders { margin-bottom: 25px; margin-left:5px; }
li.vorlagenfolder { display: inline-block;float: none; }
a.folderlink { color: #555555; text-decoration: underline;background-color:unset;padding:0px; }
a.folderlink:hover { color: #555555; text-decoration: underline;background-color:unset;padding:0px; }
span.divider { margin-left: 10px; margin-right: 10px; }
img.vorlagenvorschaubild { width:100%; border:none; }
.vorlagenbild { width:230px; height:153.2px; border-bottom:5px solid #00a0e1; }
.vorlagentext { background-color: #f2f2f2; }
h3.vorlagentitel { margin-top:0px;margin-bottom:0px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight:400; font-size:25px; padding-bottom:5px;padding-top:3px; }
.vorlagenbutton { margin:0px;padding:0px; }
a.vorlagentitellink { text-decoration: none; color: #555555; }

/*support*/
.supporttitel { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; font-size: 32px; color: #00abe4; text-align: center; margin-bottom: 25px; }
.supportblockleft { width: 47%; padding-right:3%; float:left; }
.supportblockright { width: 47%; padding-left:3%; float:left; }
.supportblocktitel { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; font-size: 26px; color: #00abe4; margin-bottom:16px;margin-top:16px; }
.supportblocktext { text-align:justify;line-height:22px;font-size:17px; }
.kundensupportblockform { float:left; width: 63%; margin-right: 3%; padding-left:2%;padding-right:2%;padding-top: 15px;padding-bottom:18px;border: 1px solid rgb(227, 227, 227);border-radius: 5px;background-color: rgb(245, 245, 245); margin-top:25px; }
.kundensupportblockanschrift { float:left; width:29%;font-size:17px; }
.supportformleft { float:left;width:40%; }
.supportformright { float:left;width:60%; line-height:25px; }
.formelement { margin-bottom:10px;line-height:25px; }
.formelementbutton { margin-top:5px; }
input.supportforminput { width: 80%; padding: 5px 8px; border-radius: 4px; border: 1px solid #999;color:#555555;font-size: 14px; }
select.supportformselect { width: 87%; padding: 5px 8px; border-radius: 4px; border: 1px solid #999;color:#555555;font-size: 14px; }
textarea.supportformtextarea { width:95%;  padding: 5px 8px; border-radius: 4px; border: 1px solid #999;color:#555555;font-family: helvetica,san-serif;	font-size: 14px; }
p.kontaktdaten { font-size: 17px; line-height:20px; margin-top:20px;margin-bottom:20px; }
a.kontaktdatenlink { text-decoration: underline; color: #555555; }
.iconfix { margin-top: -3px; }
.support-alert-success { width: 98%; border: 1px solid #006405; background-color: #e0ffe1; color: #006405; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:10px; }
.support-alert-error { width: 98%; border: 1px solid #ff5b5b; background-color: #ffe8e8; color: #ff5b5b; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:10px; }
.hidethisforweb { display:none;  }
.divfaqbtn { margin-top: 10px; }

/*faq*/
.faqblocktitel { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; font-size: 26px; color: #00abe4; margin-bottom:16px;margin-top:16px; }
.faqitem { font-size:16px; margin-bottom: 3px; margin-top: 7px; border-right: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; padding:8px 15px;border-radius: 5px; border-left: 1px solid #e5e5e5; cursor:pointer; }
.faqitem:hover { background-color: #f4f4f4; }
.faqfrage {  }
.faqantwort { font-size:15px;margin-top:10px;padding-left:30px;text-align:justify; display:none; }
.faqicon { color: #00abe4; }
.faqtrennerbottom { margin-top:26px;margin-bottom:20px; }
.faqsupportblock { font-size: 17px; text-align:center; }
.faqsupportbutton { margin-top:15px; }
.faqitemkat { background-color: #f4f4f4;font-size:16px; margin-bottom: 3px; margin-top: 7px; border-right: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; padding:8px 15px;border-radius: 5px; border-left: 1px solid #e5e5e5; cursor:pointer; }
.faqitemkat:hover { background-color: #f4f4f4; }
.faqitemfrage { font-size:15px;line-height:20px; margin-bottom: 3px; margin-top: 7px; border-right: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; padding:8px 15px;border-radius: 5px; border-left: 1px solid #e5e5e5; cursor:pointer; }
.faqitemfrage:hover { background-color: #f4f4f4; }
.faqfrageblock {margin-bottom: 3px; margin-top: 7px; border-right: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; padding:8px 15px;border-radius: 5px; border-left: 1px solid #e5e5e5;}
h1.faqfrage { font-size: 18px;font-weight: normal;}
.faqantwort2 {font-size:16px;margin-top:10px;padding-left:30px;text-align:justify;line-height:23px;}
a.faqlink {color:#555;}
.faqitemtitel { font-size:16px; margin-bottom: 3px; margin-top: 7px;  padding:8px 15px;border-radius: 5px;  cursor:pointer; }
.faqitemantwort {padding-left: 25px;padding-top: 12px;color: #000;}

/*preise und infos*/
.preiseundinfosblockleft { width: 48%; float: left; text-align: left; padding-right: 2%; margin-bottom:0px; }
.preiseundinfosblockright { width: 48%; float: left; text-align: left; padding-left: 2%; margin-bottom:15px; }
img.preiseundinfosbild { width:100%; border:none; margin-top:15px; }
.preiseundinfosblocktitel { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:400; font-size: 32px; color: #00abe4;	margin-bottom:20px;	margin-top:15px; }
.preiseundinfosblocktext { font-family: helvetica,san-serif; font-size: 17px; line-height: 26px; }
.preisundinfopreistabelle { width: 100%;margin-bottom: 20px; }
.preisundinfopreistabelleprodukt { float: left; text-align:left; width:70%; padding-top:3px; padding-bottom:3px; }
.preisundinfopreistabellepreis { float: left; text-align:right; width:30%; padding-top:3px; padding-bottom:3px; }
.preisundinfopreistabellezm { float: left; text-align:left; width:55%; padding-top:3px; padding-bottom:3px; }
.preisundinfopreistabellegeb { float: left; text-align:right; width:45%; padding-top:3px; padding-bottom:3px; }
.preisundinfopreistabellebordertop { border-top: 1px solid #cccccc; }
.preisundinfopreistabelleborderbottom { border-bottom: 1px solid #cccccc; }

.preiseundinfosblocktext2 { font-family: helvetica,san-serif; font-size: 16px;line-height: 22px;width: 100%; }
.preiseundinfosblockeintrag {width:100%;margin-bottom:10px;}
.preiseundinfosblockeintrag1 {width:40%;float:left;}
.preiseundinfosblockeintrag2 {width:40%;float:left;}
.preiseundinfosblockeintrag3 {width:20%;float:left;text-align:right;}
.preiseundinfosblockeintrag4 {width:80%;float:left;}
.preiseundinfosblockeintrag5 {width:50%;float:left;}
.preiseundinfosblockeintrag6 {width:30%;float:left;}
.preiseundinfosblockeintragtitel {color: #00abe4;font-weight: bold;}
.preiseundinfosblockeintragbottom {margin-bottom:0px;}
.preiseundinfosblockvkp {border-top: 1px solid #cccccc;margin-top: 15px;padding-top: 15px;}

/*zahlungsarten*/
h4.zahlungsarth4 {margin-bottom: 15px;}
.zahlungsartblock {width:100%;}
.zahlungsartblockleft {width:25%;float:left;padding-top: 29px;}
.zahlungsartblockright {width:75%;float:left;font-family: helvetica,san-serif;font-size: 17px;line-height: 26px;}
.zahlungsarticon {border: 1px solid #cccccc;}
.zahlungsarticonabstand {margin-bottom:5px;}
.zahlungsartfooter {font-family: helvetica,san-serif;font-size: 17px;line-height: 26px;margin-top: 20px;text-align: center;margin-bottom: 20px;}

/*kundenkonto vorteile*/
.kundenkontovorteileblocktitel { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:400; font-size: 32px; color: #00abe4;	margin-bottom:20px;	margin-top:15px; }
.kundenkontovorteilebilderleiste { margin: auto; text-align:center; }
.kundenkontovorteilebilderleisteitem { width: 17%; float: left; text-align:center; padding: 1.5%; margin-top:20px; margin-bottom:0px; }
.kundenkontovorteilebildround { background-repeat: no-repeat; background-position: 50%; border-radius: 50%; width: 150px; height: 150px; margin:auto;border: 6px solid #fff;	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
.kundenkontovorteilebuttonfield { text-align:center;margin-top:20px; }

/*smartphone apps*/
.smartphoneappsappblockleft { width: 48%; float: left; text-align: center; padding-right: 2%; margin-bottom:0px; }
.smartphoneappsappblockright { width: 48%; float: left; text-align: center; padding-left: 2%; margin-bottom:0px; }
img.storebadgespageapps { height: 55px;margin-left: 10px;margin-right: 10px; }
.smartphoneappstiteliosandroid { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:400; font-size: 32px; color: #00abe4;	margin-bottom:0px;	margin-top:15px; }
.kundenkontovorteilefinalertext { text-align:center; font-family: helvetica,san-serif; font-size: 17px; line-height: 26px;margin-top:20px; text-align:left; }

.smartphoneappsappblock { width: 100%; float: left; text-align: center; margin-bottom:0px;margin-top:20px; }
.smartphoneappsimageblock {margin-bottom:15px;}
.smartphoneappsimg {}

/*kundenkonto adressbuch*/
.updownicon {float:right;margin-top: 6px;}
a.useaddress,a.useaddress:hover {display:unset;padding:unset;}
a.editaddress,a.editaddress:hover {display:unset;padding:unset;}
a.deleteaddress,a.deleteaddress:hover {display:unset;padding:unset;}
.adressbuchtext {font-size: 14px;color: #333333; margin:0px;}
button.adressoptionenbtn {background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; border: none; border-radius: 5px; font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 200; color:#FFFFFF; font-size: 19px;width: 100%;margin-top: 5px;padding-top: 2px;padding-bottom: 2px;}
button.adressbtncolor-info {background-color: #00a0e1;}
button.adressbtncolor-danger {background-color: #ff3939;}
.alert { width:83%;border-radius: 5px; padding: 4px 8px; text-align: center; font-size: 14px; line-height: 20px; margin-bottom:20px; }
.alert-success { border: 1px solid #006405; background-color: #e0ffe1; color: #006405; }
.alert-error { border: 1px solid #ff5b5b; background-color: #ffe8e8; color: #ff5b5b; }
a.loadadresseslink { text-decoration:underline;color:#555555; }
.adressbucheintrag { border:1px solid #dddddd;margin-bottom: 5px;padding: 5px 10px;line-height:22px;margin-right:25px;border-radius:5px; }
.adressbuchoptionen { margin-top: 0px;text-align: center;display:none;padding-top: 5px; z-index:99999;position:relative;background-color:#f6f6f6;width:237px;border-left: 1px solid #3e8899;border-right: 1px solid #3e8899;border-bottom: 1px solid #3e8899;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;margin-left:-11px;border-radius: 0px 0px 5px 5px; }
a.adressname { font-size: 14px;cursor:pointer;color: #333333;text-decoration:none; }
#fixontopWrapper {position: absolute;width:50%;}
#fixontop {	position: absolute;top: 0px;width:100%;}
#fixontop.fixed {position: fixed;top: 80px;width:50%;} 
input.adressloginform { width: 50%; padding: 5px 8px; border-radius: 4px; border: 1px solid #999;font-size:15px;margin-bottom:12px; }
button.adressformboxbtn { width: 40%;margin-bottom: 10px;line-height: 25px;font-size:22px;background-color: #00a0e1;background-repeat: no-repeat;cursor: pointer;overflow: hidden;outline: none;border: none;border-radius: 5px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;color: #FFFFFF;padding: 6px 0px 3px 0px;margin-top: 6px; }
.adressbuch-info-box { width: 78%; border: 0px solid #edf6ff; background-color: #edf6ff; color: #555555; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-top: 20px; } 
.adressbuch-infotext { color: #555555;font-size: 14px;line-height: 20px;margin-bottom: 25px;text-align: center; }
input.boxformadressbuch { width: 75%; padding: 5px 8px; border-radius: 4px; border: 1px solid #999;margin-bottom:10px; }
p.adressbuchsubtitel { font-size: 16px; margin-top: 10px; margin-bottom: 15px; }
p.adressbuchsubtitel2 { font-size: 16px; margin-top: 5px; margin-bottom: 15px; }
.adressegebeingabe { margin-top: 5px; margin-bottom: 30px; }
.adressbuchformbox { width:500px;margin:auto;margin-bottom:20px;text-align:center; }
button.formboxbtnadressbuch { background-color: #00a0e1; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; border: none; border-radius: 5px; font-family: 'Yanone Kaffeesatz', sans-serif;	font-weight: 200; color:#FFFFFF; font-size: 23px; padding: 3px 15px; margin-top: -10px;margin-bottom:10px; }
button.formboxbtnadressbuch:hover { background-color: #0094ce; }
.adressbucheintragv2 { border:1px solid #dddddd;margin: 7px;padding: 5px 10px;line-height:22px;border-radius:5px;width:237px; float:left; }
.adressbuchfunktionenblock {margin-bottom:10px;}
.adressbuchfunktionenl {float:left; width:22%;padding-left:10px;}
.adressbuchfunktionenr {float:right; width:74%;text-align:right;padding-right:10px;}
.adressbuchsuche {float:left;width:400px;text-align:center;}
input#kontaktsuche { width: 95%; padding: 5px 8px; border-radius: 4px; border: 1px solid #999;margin-bottom:10px;text-align:center; }
#kontakte {list-style-type: none;padding: 0;margin: 0;padding-bottom: 120px;text-align: left;}
#kontakte li span {border:1px solid #dddddd;margin: 7px;padding: 5px 10px;line-height:22px;border-radius:5px;width:237px; float:left;height: 167px;}
#kontakte li span:hover {background-color:#f6f6f6;border: 1px solid #3e8899;}
button.adressbuchbtn { background-color: #00a0e1; width:95%; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; border: none; border-radius: 5px; font-family: 'Yanone Kaffeesatz', sans-serif;	font-weight: 200; color:#FFFFFF; font-size: 20px; padding: 3px 10px 4px 10px; }
button.adressbuchbtn:hover { background-color: #0094ce; }
.fonticonstyle {font-size: 16px;}
.adressbuchgeburtstag {border-top: 1px solid #ccc;padding-top: 4px;margin-top: 6px;}
.adressbucheingabeblock { margin-top: 20px;display: none; }
span.optionen {cursor:pointer;}
.adressbuch-formalert-error { margin:auto;text-align: center;margin-top: -8px;margin-bottom: 30px;width: 60%; border: 0px solid #ff5b5b; background-color: #ffe8e8; color: #ff5b5b; border-radius: 6px; padding: 8px; font-size: 15px; line-height: 20px; }
.adressbuch-formalert-success { margin:auto;text-align: center;margin-top: -8px;margin-bottom: 30px;width: 60%; border: 0px solid #006405; background-color: #e0ffe1; color: #006405; border-radius: 6px; padding: 8px; font-size: 15px; line-height: 20px; }
.adressbuch-deleted-linkblock { text-align: center;margin-top: 20px;margin-bottom: 30px; }
.adressbuch-deleted-link { color: #555555; text-decoration: underline; }
.adressbuch-deleted-link:hover { color: #555555; }
.titelblockgeloeschte { text-align: center;margin-bottom: 20px;margin-top: 10px; }
button.adressbuchdelmenubtn { background-color: #00a0e1; width:43%; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; border: none; border-radius: 5px; font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 200; color:#FFFFFF; font-size: 20px; padding: 3px 10px 4px 10px;margin-left:10px;margin-right:10px; }
button.adressbuchdelmenubtn:hover { background-color: #0094ce; }
select.geburtstagmonat { padding: 4px 8px;border-radius: 4px;border: 1px solid #999;width: 16%; }
select.geburtsjahr { padding: 4px 8px;border-radius: 4px;border: 1px solid #999;width: 25%; }
.contentpageadressbuch { padding-left: 30px; padding-right: 30px; margin-top: 25px; }

/*kundenkonto bestellungen*/
.kundenkontobestellungentext { color: #555555; font-size: 14px; line-height: 20px; margin-bottom:25px; text-align:justify; }
.kundenkontobestellungeninfotext { width: 90%; border: 0px solid #ebebeb; background-color: #ebebeb; color: #555555; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:20px; margin-top: 100px;}
.kundenkontobestellungenitemtop { font-size:15px; margin-bottom:15px;border-bottom: 1px solid #00abe4;padding-bottom:6px; }
.kundenkontobestellungenitemfirst {}
.kundenkontobestellungenitem { border-bottom: 1px solid #eeeeee; padding-bottom:6px;padding-top:6px; cursor:pointer;}
.kundenkontobestellungenitem:hover {background-color: #eeeeee;}
.kundenkontobestellungenitemteil1 { float:left;width:42%; }
.kundenkontobestellungenitemteil2 { float:left;width:32%; }
.kundenkontobestellungenitemteil3 { float:left;width:12%; }
.kundenkontobestellungenitemteil4 { float:left;width:14%;text-align:right; }
.kundenkontobestellungenitemblock {margin-bottom:20px;}
.kkorderlabelsuccess { background-color:#3ecc6a;color:#ffffff;padding:2px 5px; border-radius:3px; }
.kkorderlabelwaitingz { background-color:#e5a833;color:#ffffff;padding:2px 5px; border-radius:3px; }
.kkorderlabelwaitingv { background-color:#758cdf;color:#ffffff;padding:2px 5px; border-radius:3px; }
.kkorderlabelprod { background-color:#d08dd8;color:#ffffff;padding:2px 5px; border-radius:3px; }
.kkorderlabelversand { background-color:#94b197;color:#ffffff;padding:2px 5px; border-radius:3px; }
.kkorderlabelunpaid { background-color:#b75858;color:#ffffff;padding:2px 5px; border-radius:3px; }
.kkbpkinfo { font-size:12px;margin-top:10px;margin-bottom: 15px;display:none;border-bottom: 1px solid #eeeeee;padding-bottom:5px; }
.kkbpkinfobild { float:left;width:30%;text-align:left; }
.kkbbildnichtda {width: 170px;height: 100px;font-size: 10px;text-align: center;padding: 20px 20px;display: table-cell;vertical-align: middle;border: 1px solid #ccc;}
.kkbpkinfoadresse { float:left;width:35%; }
.kkbpkinfooptionen { float:left;width:35%;text-align:right; }
button.kkpkinfobutton {	background-color: #00a0e1; width:90%; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; border: none; border-radius: 5px; font-family: 'Yanone Kaffeesatz', sans-serif;	font-weight: 200; color:#FFFFFF; font-size: 19px; margin-top: 10px; }
button.kkpkinfobutton:hover { background-color: #0094ce; }
button.kkpkinfodelete { background-color: #de4b4b; }
button.kkpkinfodelete:hover { background-color: #ca4343; }
button.kkpkinfoaddaddress { background-color: #a8a8a8;width:90%; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; border: none; border-radius: 5px; font-family: 'Yanone Kaffeesatz', sans-serif;	font-weight: 200; color:#FFFFFF; font-size: 19px; margin-top: 10px;  }
button.kkpkinfoaddaddress:hover { background-color: #a8a8a8; }
.kkpaysendinfo {display: none;}

/*guthaben aufladen*/
.guthabenaufladentext { color: #555555; font-size: 14px; line-height: 20px; margin-bottom:25px; text-align:justify; }
.guthabenaufladenbetragblockleft { float: left; border: 1px solid #ebebeb; background-color: #ebebeb; color: #555555; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 30px; margin-bottom:20px; width:46%; height:30px; }
.guthabenaufladenbetragblockright { float: right; border: 1px solid #ebebeb; background-color: #ebebeb; color: #555555; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 30px; margin-bottom:20px; width:46%; height:30px; }
input.guthabenaufladeninput {border: 1px solid #ffffff; background-color: #ffffff; color: #555555; border-radius: 6px;text-align: center;font-size: 14px; height:26px; margin-right:20px;}
button.guthabenaufladenbutton {background-color: #00a0e1; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; border: none; border-radius: 5px; font-family: 'Yanone Kaffeesatz', sans-serif;	font-weight: 200; color:#FFFFFF;font-size: 17px;height:28px;padding-top: 3px; }
button.guthabenaufladenbutton:hover { background-color: #0094ce; }
.guthabenaufladenkeinezahl { width:60%; border: 0px solid #ffd7d7; background-color: #ffd7d7; color: #555555; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:20px; margin-top: 30px;}
.guthabenaufladenoptionen { width:100%;margin-top:30px;margin-bottom:30px; }
.guthabenaufladenoption { width: 70%;border: 1px solid #ddd;border-radius: 8px;margin:auto;margin-bottom:10px; }
.guthabenaufladenoption:hover { box-shadow: 0px 0px 5px #00abe4; }
.guthabenaufladentrenner {background-color: #00abe4;width:100%;height:3px;margin-top:10px;}
.guthabenaufladentrenner2 {background-color: #00abe4;width:100%;height:3px;margin-top:25px;margin-bottom:15px;}
.guthabenaufladenoptionbild {float:left;border-right:1px solid #ddd; }
.guthabenaufladenoptiontext {float:left; font-size:12px; padding-left: 12px;line-height:19px; padding-top: 12px;}
a.linkzahlungsoption { color: inherit;text-decoration: none; }

/*zahlung mit lastschrift guthaben und bestellung*/
.aufladung-bestellung-success { width: 78%;border: 0px solid #006405;background-color: #e0ffe1;color: #006405;border-radius: 6px;padding: 10px;margin: auto;text-align: center;font-size: 15px;line-height: 20px;margin-top: 25px;margin-bottom: 50px; }
.aufladung-bestellung-failed { width: 78%;border: 0px solid #ff5b5b;background-color: #ffe5e5;color: #ff5b5b;border-radius: 6px;padding: 10px;margin: auto;text-align: center;font-size: 15px;line-height: 20px;margin-top: 25px;margin-bottom: 50px; }
.backlink3 {text-align:center;margin-top:10px;margin-bottom:30px;}
.backlink4 {text-align:center;margin-top:0px;margin-bottom:30px;}
.backlink5 {text-align:center;margin-top:30px;margin-bottom:30px;}

/*zahlung guthaben vorkasse*/
.vorkasseeinleitenblock { margin: auto; width: 60%; }
.formboxabstandoben { margin-top:35px; }
.vorkasseform-alert-error { width: 78%; border: 0px solid #ffe8e8; background-color: #ffe8e8; color: #ff5b5b; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom: -20px; margin-top: 25px; }
.vorkasseform-alert-info { width: 78%; border: 0px solid #ebebeb; background-color: #ebebeb; color: #555555; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:35px;margin-top: 25px; }

/*zahlung rechnung*/
.rechnungform-alert-error { width: 78%; border: 0px solid #ffe8e8; background-color: #ffe8e8; color: #ff5b5b; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom: 15px; margin-top: 20px; }

/*zahlung guthaben*/
.guthabentabelle {border:1px solid #dddddd;border-radius:5px;margin-top:25px;}
.guthabentabelleelement {border-bottom:1px solid #dddddd;border-radius:5px;padding-top:10px;padding-bottom:10px;}
.guthabentabelleelementl {float:left; padding-left:10px;}
.guthabentabelleelementr {float:right; text-align:right;padding-right:10px;}
.removeborder {border:0px;}
.guthabentabellefarberot{color:#b63232;}
p.backlink {margin-top: 40px;}
.backlink2 {text-align:center;margin-top:20px;margin-bottom:20px;}
button.backbtn {font-size:18px;}
.backicon {margin-right:10px;}

/*zahlung kreditkarte*/
.kreditkartenzahlungblock { margin: auto; width: 75%; text-align:center; }
.kreditkartenzahlungblockelements { width:100%; }
.kreditkartenzahlungblockelementsleft { float:left; width:70%; }
.kreditkartenzahlungblockelementsright { float:left; width:30%; }
.kreditkartenzahlungblock2 { margin: auto; width: 45%; text-align:left;padding-top: 10px; }
.kreditkartenzahlungblockinputtitle {margin-bottom: 4px;}
.kreditkartenzahlungblockinputfield {margin-bottom: 8px;}
.mastervisalogostyle {height: 28px;margin-bottom: 2px;}
.kreditkartenzahlunginput {width: 95%;padding: 5px 8px;border-radius: 4px;border: 1px solid #999;}
.kreditkartenzahlungbuttonfield { text-align:center;margin-top: 15px;padding-bottom: 5px;}
.kreditkartenzahlungbutton {background-color: #00a0e1;background-repeat: no-repeat;cursor: pointer;overflow: hidden;outline: none;border: none;border-radius: 5px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 200;color: #FFFFFF;font-size: 23px;padding: 3px 15px;margin-top: 6px;}
.zahlungwaitbutton {display:none;background-color: #55b7df;background-repeat: no-repeat;cursor: pointer;overflow: hidden;outline: none;border: none;border-radius: 5px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 200;color: #FFFFFF;font-size: 23px;padding: 3px 15px;margin-top: 6px;}
.kreditkartenfehler {color: #b94a48;width:100%;margin-top: 15px;text-align:center;}
.kreditkartenboxtext {font-size: 15px;line-height: 20px;text-align: center;}
.backlinkkreditkarte {margin-top: 15px;text-align: center;}
.zahlungtermsbox {margin-top: 20px;border: 1px solid #ccc;border-radius: 4px;padding: 5px 8px;font-size:12px;line-height:18px;}
.zahlungtermsboxleft {float: left;width: 8%;}
.zahlungtermsboxright {float: left;width: 92%;}

/*paypalseite fuer zahlung*/
.kundenkontomenutitelblockpp {height: 60px;background-color: #00abe4;color: #FFFFFF;font-size: 16px;line-height: 60px;top: 0;}
.boxpagepp { padding-left: 30px; padding-right: 30px; margin-top: 30px;}
.paypalsinglepage { margin: auto;border: 1px solid #00a0e1;width: 800px;position: absolute;left: 50%;margin-left: -400px;padding-bottom: 50px;box-shadow: 0px 5px 20px grey; }
.paypalsinglepagelogo { height:90px; margin: auto; width: 750px; margin-top:10px;margin-bottom:20px; }

/*checkout*/
.checkouttabelle {border:1px solid #dddddd;border-radius:5px;margin-top:25px;}
.checkouttabelleelement {padding-top:10px;padding-bottom:10px;}
.checkouttabellebordertop {border-top:1px solid #dddddd;}
.checkouttabelleelementl {float:left; padding-left:10px;}
.checkouttabelleelementr {float:right; text-align:right;padding-right:10px;}

.checkouttabelleelementl2 {float:left; padding-left:10px; text-align:left;}
.checkouttabelleelementm2 {float:left; padding-left:10px;text-align:left;width:70%;}
.checkouttabelleelementr2 {float:right; text-align:right;padding-right:10px;}

.checkoutgutscheinbutton { text-align:center; margin-top:10px; margin-bottom:15px; }
.checkoutoptionen { width: 100%; margin-top: 30px; margin-bottom: 30px; }
.checkouteinzelpreis { display:inline; }
.gutscheininfotext { border: 1px solid #dddddd;padding: 10px 20px;border-radius: 5px;line-height: 22px;text-align: center;background-color: #dcffdd;margin-top:18px; }

/* gestaltung menu */
.gestaltenmenutitelblock { height: 60px; background-color: #00abe4; color: #FFFFFF; font-size: 16px; line-height: 60px; width:100%; z-index:99999997; }
.gestaltenmenu { width: 25%; float:left; text-align:center; } 
/* .gestaltenmenu { width: 22%; float:left; text-align:center; }
.gestaltenmenu2 { width: 12%; float:left; text-align:right; } */
a.gestaltenmenulink { color: #ffffff; }
a.gestaltenmenulink:hover { text-decoration:underline; }
a.menuaktiv { background-color: #ffffff;border-radius: 8px;padding: 7px 12px;color: #00abe4; }
.closebutton { z-index: 99999998;color:#ffffff;border-radius: 18px;font-size:35px;position:fixed;top: 9px;right: 17px;cursor: pointer; } 
/* .closebutton { z-index: 99999998;color:#ffffff;border-radius: 18px;font-size:22px;position:fixed;top: 1px;right: 10px;cursor: pointer; } */

/*gestaltung rueckseite*/
.gestaltungrueckseitekarte { width:65%; float:left;margin-top:40px;margin-bottom: 120px; }
.gestaltungrueckseitekartebgimg { margin: auto; background: url(../img/pkhblank.jpg) no-repeat; background-size: 100%; width:900px; height:600px;box-shadow: 0px 2px 5px rgb(150, 150, 150); }
.gestaltungrueckseitekartel { width:55%;height:100%; float:left; }
.gestaltungrueckseitekarter { width:45%;height:auto; float:left; margin-top:35%; }
#grusstext { border: 1px solid #E0E0E0;padding: 5px; }
/* .grusstextquer { width:87%;height: 90%;margin-bottom: 3px; margin-left:5%; margin-top:5%; }
.grusstexthoch { -moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);width: 108%;height: 72%;margin-bottom: 81px;margin-top: 79px;margin-left: -27px; }
.grusstextquersig { width:87%;height: 68%;margin-bottom: 3px; margin-left:5%; margin-top:5%; }
.grusstexthochsig { -moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);width: 107%;height: 53%;margin-bottom: 141px;margin-top: 136px;margin-left: 32px; } */
.grusstextquer { width:430px;height: 536px;margin-bottom: 3px; margin-left:5%; margin-top:5%; }
.grusstexthoch { -moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);width: 529px;height: 429px;margin-bottom: 81px;margin-top: 79px;margin-left: -27px; }
.grusstextquersig { width:430px;height: 407px;margin-bottom: 3px; margin-left:5%; margin-top:5%; }
.grusstexthochsig { -moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);width: 530px;height: 318px;margin-bottom: 141px;margin-top: 136px;margin-left: 32px; }
.adressfeld { width: 82%;margin-left:10%;border-bottom: 1px solid #AAA;margin-bottom: 7px;height: 40px;}
.adressbuchcheckbox { width: 82%;margin-left:10%;margin-top:12px;font-size:17px; }
input.pkadresse {  border: 1px solid #E0E0E0; padding: 3px 5px; width:96%;height:30px;}
select.pkadresseland {  border: 1px solid #E0E0E0; padding: 3px 5px; padding: 3px 2px;width: 100%;height: 38px;}
.gestaltungrueckseiteoptionen { width:35%;margin-top: 20px; float:left; text-align:center;margin-bottom: 120px; }
.gestaltungrueckseiteweiterbutton { cursor:pointer;height:55px;padding-left:25px;padding-right:25px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;bottom: 0px;right: 0px;position: fixed;margin-bottom: 25px;margin-right: 30px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 27px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1; }
.gestaltungrueckseitezurueckbutton { cursor:pointer;height: 55px;padding-left:25px;padding-right:25px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;bottom: 0px;left: 0px;position: fixed;margin-bottom: 25px;margin-left: 30px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 27px; color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.gestaltungwarenkorbbutton {cursor:pointer;height:55px;width:310px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;bottom: 0px;right: 0px;position: fixed;margin-bottom: 25px;margin-right: 30px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 27px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.gestaltungwarenkorbbuttondisabled {cursor:pointer;height:55px;width:310px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;bottom: 0px;right: 0px;position: fixed;margin-bottom: 25px;margin-right: 30px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 27px;color: #FFFFFF;background-color: #b6b6b6;border: 1px solid #b6b6b6;}
img.signaturrueckseitequer {width:75%; margin-left:5%;margin-top: -3px;}
img.signaturrueckseitequercenter {margin-left:12%;}
img.signaturrueckseitehoch {width:65%;-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);margin-left: -80px;top: -473px;position: relative;}
img.signaturrueckseitehochcenter {top: -363px;}

p.gestaltungsbuttons { margin-bottom:25px; }
p.gestaltungsbuttons2 { margin-bottom:0px; }
p.gestaltungsbuttonsadressen { margin-bottom:50px; }
.gestaltungrueckseitebutton { height: 50px;cursor: pointer;overflow: hidden;outline: none;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 25px; }
.gestaltungrueckseitebuttonfull { width:76%;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; }
.gestaltungrueckseitebuttonl { width:38%;-webkit-border-top-left-radius: 7px;-webkit-border-bottom-left-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-bottomleft: 7px;border-top-left-radius: 7px;border-bottom-left-radius: 7px; }
.gestaltungrueckseitebuttonr { width:38%;-webkit-border-top-right-radius: 7px;-webkit-border-bottom-right-radius: 7px;-moz-border-radius-topright: 7px;-moz-border-radius-bottomright: 7px;border-top-right-radius: 7px;border-bottom-right-radius: 7px; }
.gestaltungrueckseitebuttonfilled { color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1; }
.gestaltungrueckseitebuttonunfilled { color: #00a0e1;background-color: #FFFFFF;border: 1px solid #00a0e1; }
.iconfixgestaltung { vertical-align:middle; }
.colorbox { border: 1px solid #00a0e1;border-radius: 7px; width:76%;margin:auto;height:40px;overflow:hidden;margin-top:-18px; display:none; }
.fontbox { border: 1px solid #00a0e1;border-radius: 7px; width:76%;margin:auto;overflow:hidden;margin-top:-18px; display:none; }
.adressbox { border: 1px solid #00a0e1;border-radius: 7px; width:76%;margin:auto;margin-top: -42px;display:none;margin-bottom: 50px;max-height:500px;overflow:auto; }
.grusstextleft { text-align:left; }
.grusstextcenter { text-align:center; }
.gestaltungrueckseitedelbtn {margin-top:25px;color: #FFFFFF;background-color: #ee8282;border: 1px solid #ee8282;}

/* postkarte fertigstellen */
.fertigstellenlinks {width:30%;margin-left:5%;float:left;text-align:center;margin-top:10px;margin-bottom: 120px;}
.fertigstellenmitte {width:30%;float:left;text-align:center;margin-top:10px;margin-bottom: 120px;}
.fertigstellenrechts {width:30%;margin-right:5%;float:left;text-align:center;margin-top:10px;margin-bottom: 120px;}
/* .fertigstellenlinks {width:40%;margin-left:10%;float:left;text-align:center;margin-top:10px;margin-bottom: 120px;display:none;}
.fertigstellenrechts {width:40%;text-align:center;margin-top:10px;margin-bottom: 120px;margin:auto;} */
.gestaltungbuttonvdatum { width:60%;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin-bottom:30px; }
.gestaltungbuttonokformat { width:60%;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin-bottom:0px; }
.gestaltungbuttonokformat2 { width:60%;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin-bottom:20px; }
.gestaltungoptiontitel {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 38px;color: #00a0e1;margin-bottom:50px;}
.unvollstaendigepostkarte { box-shadow: 0px 0px 10px grey; position: absolute;bottom: 100px;right: 60px;width:auto;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;background-color:#00a0e1;color:#ffffff;padding:20px 25px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 25px; display:none; }
.unvollstaendigepostkartetitel {margin-bottom:10px;color:#ffffff;}
.unvollstaendigepostkarteelement {font-size: 22px;margin-bottom:5px;margin-left:42px;cursor:pointer;color:#ffffff;}
.unvollstaendigepostkarteelement:hover {font-size: 22px;margin-bottom:5px;margin-left:42px;cursor:pointer;text-decoration:underline;color:#ffffff;}
a.fehlendepkelemente {color:#ffffff;}
.fertigstellenformateimg {width:60%;}

/*warenkorb*/
.warenkorblinks {float:left;width:75%;margin-top: 30px;}
.warenkorbrechts {float:right;width:23%;margin-top: 30px;}
.warenkorb {width:100%;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #cccccc;overflow:hidden;margin-bottom:110px;}
.scrollwk {overflow:scroll;}
.warenkorbelement {border-bottom:1px solid #cccccc; height:180px;}
.warenkorbelementimg {float:left;width:25%;height:180px;}
.warenkorbelementdetails1 {float:left;width:25%;height:180px;}
.warenkorbelementdetails2 {float:left;width:25%;height:180px;}
.warenkorbelementdetails3 {float:left;width:25%;height:180px;text-align:right;}
.warenkorbelementdetailstitel {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 24px;color: #00a0e1;margin-top:15px;margin-bottom:4px;}
.warenkorbelementdetailsadresse {font-size:15px;color: #333333;}
.warenkorbelementgrusstextzeigen { margin-top: 10px;color: #00a0e1;font-size:16px; }
.warenkorbelementgrusstextzeigenlink { color: #00a0e1; }
.warenkorbelementgrusstextzeigenlink:hover { color: #00a0e1; }
.wkelementbottom {border-bottom:none;}
/* .leererwarenkorb {margin:auto;text-align:center;position: absolute;top: 30%;left: 35%;width: 30%;} */
.leererwarenkorb {margin: auto;text-align: center;margin-top: 15%;margin-bottom: 20%;}
.leererwarenkorbtitel {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 38px;color: #00a0e1; margin-bottom:0px;}
.warenkorbbgbottom {position:fixed; background-color:rgba(255, 255, 255, 0.8);bottom:0px;width:100%;height:105px;z-index: 5;}
.warenkorbbuttonweiter {z-index: 6;cursor:pointer;height:55px;padding-left:25px;padding-right:25px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;bottom: 0px;right: 0px;position: fixed;margin-bottom: 25px;margin-right: 30px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 27px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.warenkorbbuttonzurueck {z-index: 6;cursor:pointer;height:55px;padding-left:25px;padding-right:25px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;bottom: 0px;left: 0px;position: fixed;margin-bottom: 25px;margin-left: 30px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 27px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.warenkorbtitel {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 33px;color: #00a0e1; margin-bottom:20px;}
.warenkorbbuttonoption {margin-right:15px;cursor:pointer;height:30px;width:250px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 200;font-size: 20px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;margin-top:15px;}
.wkboptiontop {margin-top:8px;}
.wkbdel {background-color: #de4b4b;border: 1px solid #de4b4b;}
/* pk wiederverwenden */
div.loadelements { display:none; height:100%; width:100%; position:fixed; left:0; top:0;	z-index:999997 !important; background-color:white; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; color: #FFFFFF; text-align: center; vertical-align: middle; line-height: 100%; }
.loadform { padding:10px 15px;border: 1px solid #00a0e1;display:none; position:fixed; width:500px; margin-left:-250px; background-color:#ffffff;z-index:999998; top:15%;left:50%;box-shadow: 0px 1px 5px rgb(190, 190, 190);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.closeelementsbtn { z-index: 999999;color:#00a0e1;border-radius: 18px;font-size:25px;position:relative;top: -7px;right: -6px;float:right;cursor: pointer; }
.loadformtitel {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 28px;color: #00a0e1; margin-bottom:10px;}
.loadformselection {line-height:26px; font-size:16px;}
.loadformbutton {text-align:center;margin-top:6px;}
.loadformsubmitbtn {cursor:pointer; padding:3px 10px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 22px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
/* weitere adressen */
div.loadelements2 { display:none; height:100%; width:100%; position:fixed; left:0; top:0;	z-index:999997 !important; background-color:white; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; color: #FFFFFF; text-align: center; vertical-align: middle; line-height: 100%; }
.loadform2 { padding:10px 15px;display:none; position:fixed; width:500px; margin-left:-250px; background-color:#ffffff;z-index:999998; top:10%;left:50%; }
.closeelementsbtn2 { z-index: 999999;border-radius: 18px;font-size:25px;position:relative;top: -7px;right: -6px;float:right;cursor: pointer; }
.loadformtitel2 {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 28px; margin-bottom:10px;}
.loadformselection2 {line-height:26px; font-size:16px;}
.loadformbutton2 {text-align:center;margin-top:6px;position: absolute;bottom: -48px;left: 50%;margin-left: -125px;}
.loadformsubmitbtn2 {cursor:pointer; padding:3px 10px;width:250px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 22px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.wkweitereadresseninfomeldung { line-height: 22px;margin-bottom: 10px; }
/* grusstext anzeigen */
div.loadelements3 { display:none; height:100%; width:100%; position:fixed; left:0; top:0;	z-index:999997 !important; background-color:white; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; color: #FFFFFF; text-align: center; vertical-align: middle; line-height: 100%; }
.loadform3 { padding:10px 15px;border: 1px solid #00a0e1;display:none; position:fixed; width:500px; margin-left:-250px; background-color:#ffffff;z-index:999998; top:20%;left:50%;box-shadow: 0px 1px 5px rgb(190, 190, 190);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.closeelementsbtn3 { z-index: 999999;color:#00a0e1;border-radius: 18px;font-size:25px;position:relative;top: -7px;right: -6px;float:right;cursor: pointer; }
.loadformtitel3 {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 28px;color: #00a0e1; margin-bottom:10px;}
.loadformselection3 {line-height:26px; font-size:16px;}
.loadformbutton3 {text-align:center;margin-top:6px;position: absolute;bottom: -48px;left: 50%;margin-left: -125px;}
.loadformsubmitbtn3 {cursor:pointer; padding:3px 10px;width:250px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 22px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.wkweitereadresseninfomeldung { line-height: 22px;margin-bottom: 10px; }

#showelements2 { max-height: 320px;overflow: auto; }
#showelements3 { max-height: 400px;overflow: auto; }

/*warenkorb zusammenfassung*/
.wkpkzusammenfassung {width:100%;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #cccccc;overflow:hidden;margin-bottom:30px;}
.wkpkzfteilbetrag {float:right;width:20%;text-align:right;}
.wkpkzfteilmenge {float:left;width:8%;}
.wkpkzfteilbezeichnung {float:left;width:72%;}
.wkpkzusammenfassungteil {padding:10px;border-bottom:1px solid #cccccc;}
.wkpkzusammenfassungendbetrag {padding:10px;background-color:#00a0e1; color:#ffffff;}

.spaeterbutton {height: 40px;cursor: pointer;overflow: hidden;outline: none;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 22px;border-radius: 7px;width: 100%;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.wkspaetertitel {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 28px;color: #00a0e1; margin-bottom:20px;}
.wkspaetertext{font-size:15px;line-height: 22px;margin-top: -10px;}
.orderlinkfield {border: 1px solid #E0E0E0;padding: 2px 12px;width: 93%;height: 30px;border-radius: 8px;}
.spaeterinputmail{border: 1px solid #E0E0E0;padding: 2px 12px;float: left;height: 30px;border-radius: 8px;margin-top: 10px;width: 54%;}
.spaeterbtn {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 20px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;border-radius: 7px;cursor:pointer;margin-top: 10px;height: 35px;padding: 5px 18px;float: right;}

/*warenkorbinfo startseite*/
#warenkorbinfo { text-align: center;font-size: 18px;vertical-align: middle;line-height: 80px;display:none; width:100%; background-color:#ffffff;position: fixed;bottom: 0px;-webkit-box-shadow: 0px -1px 20px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px -1px 20px 0px rgba(0,0,0,0.5);box-shadow: 0px -1px 20px 0px rgba(0,0,0,0.5); }
button.warenkorbinfobtn { background-color: #00a0e1;background-repeat: no-repeat;cursor: pointer;overflow: hidden;outline: none;border: none;border-radius: 5px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 200;color: #FFFFFF;font-size: 25px;padding: 4px 20px;margin-top: 6px; }
.chkwkinfozahl {background-color: #e32c2c;color: #ffffff;padding: 2px 8px;border-radius: 15px;margin-left: 4px;margin-right: 4px;}
.chkwkinfozahlmenu {background-color: #e32c2c;color: #ffffff;padding: 0px 13px 5px 13px;border-radius: 20px;margin-left: 5px;margin-right: 0px;}
.wkinfozahl {background-color: #e32c2c;color: #ffffff;padding: 2px 8px;border-radius: 15px;margin-left: 4px;margin-right: 4px;}
.closewkinfo {color: #999999;position: absolute;top: 8px;right: 10px; cursor:pointer;}
.wkbuttonblock { display:inline; margin-left:25px;}
.wkbuttontext { display:inline; padding:15px; }

.nichteingeloggt { margin:auto;text-align:center; margin-top:150px;}
button.btn {	background-color: #00a0e1; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; border: none; border-radius: 5px; font-family: 'Yanone Kaffeesatz', sans-serif;	font-weight: 200; color:#FFFFFF; font-size: 22px; padding: 5px 12px; }
button.btn:hover { background-color: #0094ce; }
.eingeloggtbar {height: 40px;border-bottom: 1px solid #ccc;line-height: 40px;text-align: right;color: #555;}
.eingeloggt {padding-right: 15%;}
.kontolink { text-decoration: underline; color: #555; }
.kontolink:hover { color: #555; }
.kundenkontocontent {width:880px;margin:auto;margin-bottom:20px;}
.contentpage { padding-left: 30px; padding-right: 30px; margin-top:25px; }
.contentpageanmeldung { padding-left: 30px; padding-right: 30px; margin-top:25px; }

.unterseitentitel { font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;color: #555555;font-size: 30px; text-align:center; margin-top: 22px; }
.unterseitentitel2 { text-align:center;font-size: 15px; }

/*warenkorb2*/
.warenkorbblock2 {margin: auto;max-width: 960px;margin-bottom: 35px;margin-top: 25px;}
.warenkorbtitel2 {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 32px;color: #00abe4;text-align: center;margin-bottom: 25px;}
.warenkorbtitelklein2 {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 26px;color: #00abe4;margin-bottom: 16px;margin-top: 16px;}
.warenkorblinks2 {float:left;width:70%;}
.warenkorbrechts2 {float:right;width:28%;}
.warenkorbitemblock2 {width: 100%;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border: 1px solid #cccccc;overflow: hidden;}
.warenkorbelement2 {border-bottom:1px solid #cccccc; height:120px;overflow:hidden;position: relative;}
.warenkorbimg2 {height:120px;width:180px;}
.warenkorbelementimg2 {float:left;width:30%;height:120px;}
.warenkorbelementdetails12 {float:left;width:40%;height:120px;overflow:hidden;}
.warenkorbelementdetails22 {float:left;width:30%;height:120px;}
.warenkorbelementdetails32 {width:30%;height:120px;position: absolute;right: 0px;top: 0px;background-color:#ffffff;padding-right:20px;padding-left:10px;border-left: 1px solid #cccccc;display:none;}
.warenkorbelementdetailstitel2 {color: #00a0e1;margin-top:8px;margin-bottom: 0px;font-size: 12px;}
.warenkorbelementdetailsadresse2 {color: #333333;font-size: 12px;}
.warenkorbelementdetailstitel3 {color: #00a0e1;margin-top:8px;margin-bottom: 0px;font-size: 12px;}
.warenkorbelementdetailsadresse3 {color: #333333;font-size: 12px;}
.warenkorbelementgrusstextzeigen2 { color: #00a0e1;position: absolute;bottom: 8px;font-size: 12px; }
.warenkorbiconposition2 {position: absolute;right: 10px;top: 8px;cursor:pointer;}
.warenkorbelementgrusstextzeigenlink2 { color: #00a0e1; }
.warenkorbelementgrusstextzeigenlink2:hover { color: #00a0e1; }
.wkelementbottom2 {border-bottom:none;}
.warenkorbbuttonoption2 {cursor:pointer;height:22px;width:95%;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-size: 12px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;margin-top:10px;}
.wkboptiontop2 {margin-top:4px;}
.wkbdel2 {background-color: #de4b4b;border: 1px solid #de4b4b;}

.wkpkzusammenfassung2 {width:100%;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #cccccc;overflow:hidden;margin-bottom:18px;}
.wkpkzfteilbetrag2 {float:right;width:35%;text-align:right;}
.wkpkzfteilmenge2 {float:left;width:10%;}
.wkpkzfteilbezeichnung2 {float:left;width:55%;}
.wkpkzfteilbezeichnungklein2 {font-size:12px;}
.wkpkzusammenfassungteil2 {padding:10px;border-bottom:1px solid #cccccc;}
.wkpkzusammenfassungendbetrag2 {padding:10px;background-color:#00a0e1; color:#ffffff;}

.spaeterbutton2 {height: 40px;cursor: pointer;overflow: hidden;outline: none;font-size: 15px;border-radius: 7px;width: 100%;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.wkspaetertitel2 {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 24px;color: #00a0e1; margin-bottom:20px;}
.wkspaetertext2 {font-size:13px;line-height: 19px;margin-top: -12px;}
.orderlinkfield2 {border: 1px solid #E0E0E0;padding: 0px 12px;width: 90%;height: 30px;border-radius: 8px;color: #555555;}
.spaeterinputmail2 {border: 1px solid #E0E0E0;padding: 0px 12px;float: left;height: 30px;border-radius: 8px;margin-top: 10px;width: 90%;color:#555555;}
.spaeterbtn2 {font-size: 15px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;border-radius: 7px;cursor:pointer;margin-top: 10px;height: 35px;padding: 5px 18px;width:100%;}

/* pk wiederverwenden */
div.loadelements2 { display:none; height:100%; width:100%; position:fixed; left:0; top:0;	z-index:999997 !important; background-color:white; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; color: #FFFFFF; text-align: center; vertical-align: middle; line-height: 100%; }
.loadform2 { padding:10px 15px;display:none; position:fixed; width:500px; margin-left:-250px; background-color:#ffffff;z-index:999998; top:15%;left:50%;}
.closeelementsbtn2 { z-index: 999999;border-radius: 18px;font-size:25px;position:relative;top: -2px;right: -2px;float:right;cursor: pointer; }
.loadformtitel2 {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 25px; margin-bottom:10px;}
.loadformselection2 {line-height:26px; font-size:15px;}
.loadformbutton20 {text-align:center;margin-top:8px;margin-bottom: 4px;}
.loadformsubmitbtn20 {cursor:pointer; padding:3px 10px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-size: 15px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
/* weitere adressen */
div.loadelements22 { display:none; height:100%; width:100%; position:fixed; left:0; top:0;	z-index:999997 !important; background-color:white; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; color: #FFFFFF; text-align: center; vertical-align: middle; line-height: 100%; }
.loadform22 { height: 400px;padding:10px 15px;border: 1px solid #00a0e1;display:none; position:fixed; width:500px; margin-left:-250px; background-color:#ffffff;z-index:999998; top:10%;left:50%;box-shadow: 0px 1px 5px rgb(190, 190, 190);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.empfaengeritemlist {overflow: auto;height: 300px;}
.closeelementsbtn22 { z-index: 999999;color:#00a0e1;border-radius: 18px;font-size:25px;position:relative;top: -2px;right: -2px;float:right;cursor: pointer; }
.loadformtitel22 {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 25px;color: #00a0e1; margin-bottom:10px;}
.loadformselection22 {line-height:26px; font-size:16px;}
.loadformbutton22 {text-align:center;margin-top:6px;position: absolute;bottom: -40px;left: 50%;margin-left: -125px;}
.loadformsubmitbtn22 {cursor:pointer; padding:3px 10px;width:250px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-size: 15px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.wkweitereadresseninfomeldung22 { line-height: 22px;margin-bottom: 10px; }
.weitereempfaengerselectallblock {padding: 8px 8px 12px 8px;line-height:22px;border-bottom: 1px solid #00a0e1;text-align:center;}
.weitereempfaengerselectallbtn {margin-right: 15px;cursor: pointer;height: 30px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-size: 14px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.weitereempfaengerdeselectallbtn {margin-right: 15px;cursor: pointer;height: 30px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-size: 14px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.weitereempfaengeritemblock {padding: 8px;line-height:22px;border-bottom: 1px solid #00a0e1;}
.weitereempfaengeritemblocklast {margin-bottom: 5px;padding: 8px;line-height:22px;border-bottom: none;}
.weitereempfaengeritemblockleft {float:left;width:10%;} 
.weitereempfaengeritemblockright {float:left;width:90%;font-size: 13px;line-height: 17px;}
/* grusstext anzeigen */
div.loadelements32 { display:none; height:100%; width:100%; position:fixed; left:0; top:0;	z-index:999997 !important; background-color:white; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; color: #FFFFFF; text-align: center; vertical-align: middle; line-height: 100%; }
.loadform32 { padding:10px 15px;display:none; position:fixed; width:500px; margin-left:-250px; background-color:#ffffff;z-index:999998; top:20%;left:50%; }
.closeelementsbtn32 { z-index: 999999;border-radius: 18px;font-size:25px;position:relative;top: -2px;right: -2px;float:right;cursor: pointer; }
.loadformtitel32 {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 25px;margin-bottom:10px;}
.loadformselection32 {line-height:26px; font-size:16px;}
.loadformbutton32 {text-align:center;margin-top:6px;position: absolute;bottom: -48px;left: 50%;margin-left: -125px;}
.loadformsubmitbtn32 {cursor:pointer; padding:3px 10px;width:250px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 22px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.wkweitereadresseninfomeldung32 { line-height: 22px;margin-bottom: 2px; }
/* boxbilder anzeigen */
div.loadelements42 { display:none; height:100%; width:100%; position:fixed; left:0; top:0;	z-index:999997 !important; background-color:white; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; color: #FFFFFF; text-align: center; vertical-align: middle; line-height: 100%; }
.loadform42 { overflow: scroll;padding:10px 15px;max-height: 70%;display:none; position:fixed; width:80%; margin-left:-40%; background-color:#ffffff;z-index:999998; top:15%;left:50%;scroll: }
.closeelementsbtn42 { z-index: 999999;border-radius: 18px;font-size:25px;position:relative;top: -2px;right: -2px;float:right;cursor: pointer; }
.loadformtitel42 {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 25px;margin-bottom:10px;}
.loadformselection42 {line-height:26px; font-size:16px;}
.loadformbutton42 {text-align:center;margin-top:6px;position: absolute;bottom: -48px;left: 50%;margin-left: -125px;}
.loadformsubmitbtn42 {cursor:pointer; padding:3px 10px;width:250px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 22px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1;}
.wkweitereadresseninfomeldung42 { line-height: 22px;margin-bottom: 2px;text-align:center; }

@media only screen and (max-width: 1520px) {
	
/*menu*/
.menuontop { font-size: 22px; padding-left: 6%; padding-right: 6%;}
.eingeloggt {padding-right: 6%;}
	
}

@media only screen and (max-width: 1150px) {
	
/*menu*/
.menuontop { font-size: 19px; padding-left: 4%; padding-right: 4%;}
.eingeloggt {padding-right: 4%;}
	
span.anzahlpkimwk {
font-family: helvetica,san-serif;
font-size: 7px;
color: #fff;
position: absolute;
width: 22px;
margin-left: -18px;
text-align: center;
margin-top: -4px;
}
	
}

@media only screen and (max-width: 1000px) {
	
/*menu*/
.menuontop { font-size: 18px;}
	
}

@media only screen and (max-width: 980px) {

/*warenkorb*/
.warenkorblinks2 {width: 69%;margin-left:1%;}
.warenkorbrechts2 {width: 27%;margin-right:1%;}

/*startseite*/
.medienblock {padding-left:20px;padding-right:20px;}
.eingeloggt {padding-right: 0px;}
img.medienlogo {	width: 90px; }
img.zahlungslogo {	width: 120px;}


/*warenkorbinfo startseite*/
#warenkorbinfo {line-height: normal;font-size: 14px;}
button.warenkorbinfobtn { font-size: 22px;padding: 2px 10px;margin-top: 8px; }
.wkinfozahl {padding: 2px 5px;border-radius: 15px;margin-left: 4px;margin-right: 4px;}
.wkbuttontext { display:block; padding:15px 15px 0px 15px;line-height:20px; }
.wkbuttonblock { display:block; margin-left:0px;margin-top:3px;margin-bottom:12px; }

/*smartphone apps*/
.kundenkontovorteilefinalertext { width: 90%; padding-right:5%;padding-left:5%; }
.smartphoneappsappblockleft { width: 90%; padding-right:5%;padding-left:5%; float: left; text-align: center; margin-bottom:20px; }
.smartphoneappsappblockright { width: 90%; padding-right:5%;padding-left:5%; float: left; text-align: center; margin-bottom:0px; }
.smartphoneappstiteliosandroid { font-size: 29px; }

/*kundenkonto vorteile*/
.kundenkontovorteileblocktitel { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:400; font-size: 26px; color: #00abe4;	margin-bottom:20px;	margin-top:15px; }
.hideonmobile { display:none; }

/*preise und infos*/
.preiseundinfosblockleft { width: 90%; padding-right:5%;padding-left:5%; float:left; text-align: left; }
.preiseundinfosblockright { width: 90%; padding-right:5%;padding-left:5%; float:left; text-align: left; }
.aktion-ostern-blockleft { width: 90%; padding-right:5%;padding-left:5%; float:left; text-align: left; }
.aktion-ostern-blockright { width: 90%; padding-right:5%;padding-left:5%; float:left; text-align: left; }	
.preisundinfopreistabelleprodukt { font-size: 14px; }
.preisundinfopreistabellepreis { font-size: 14px; }
.preisundinfopreistabellezm { font-size: 14px; }
.preisundinfopreistabellegeb { font-size: 14px; }
.preiseundinfosblocktitel { font-size: 28px; }
.oster-aktion-titel { font-size: 28px; }

/*zahlungsarten*/
h4.zahlungsarth4 {margin-bottom: 15px;}
.zahlungsartblock {width:90%;margin:auto;}
.zahlungsartblockleft {width:30%;float:left;padding-top: 66px;}
.zahlungsartblockright {width:70%;float:left;font-family: helvetica,san-serif;font-size: 14px;line-height: 25px;}
.zahlungsarticon {border: 1px solid #cccccc;width:85%;}
.zahlungsarticonabstand {margin-bottom:5px;}
.zahlungsartfooter {font-family: helvetica,san-serif;font-size: 14px;line-height: 25px;margin:auto;margin-top: 20px;text-align: center;margin-bottom: 20px;width:70%;}

/*support mobil*/
.supporttitel { margin-left:3%;margin-right:3%; }
.supportblockleft { width: 90%; padding-right:5%;padding-left:5%; float:left; }
.supportblockright { width: 90%; padding-right:5%;padding-left:5%; float:left; }
.kundensupportblockform { float:left; width: 90%;  padding-left:5%;padding-right:5%;padding-top: 0px;padding-bottom:0px;border: none;background-color: #fff; margin-top:18px; }
.kundensupportblockanschrift { float:left; width:90%;font-size:17px;padding-left:5%;padding-right:5%; }
.supportformleft { float:left;width:100%;margin-top:10px; }
.supportformright { float:left;width:100%; line-height:25px;font-size: 17px; }
.hidethisforweb { display:initial; }
.formelement { margin-bottom:10px;line-height:25px;font-size:17px; }
.formelementbutton { margin-top:5px;margin-bottom:10px;}
button.formboxbtn { font-size:22px; width:100%; }
input.supportforminput { width: 95%; padding: 5px 8px; border-radius: 4px; border: 1px solid #999;color:#555555;font-size: 17px; }
select.supportformselect { width: 100%; padding: 5px 8px; border-radius: 4px; border: 1px solid #999;color:#555555;font-size: 17px; }
textarea.supportformtextarea { width:95%;  padding: 5px 8px; border-radius: 4px; border: 1px solid #999;color:#555555;font-family: helvetica,san-serif;	font-size: 17px; }
.support-alert-success { width: 95%; margin-bottom:5px;margin-top:14px; }
.support-alert-error { width: 95%; margin-bottom:5px;margin-top:14px; }
/*fix fuer telefonnummer ios*/
a[href^=tel] {text-decoration:inherit;color: inherit;}

/*vorlagen mobil*/
.vorlagenblock { margin: auto; max-width: 96%; margin-bottom: 35px; margin-top:25px; }
.vorlage { width:46%; float:left; margin:auto; margin-left:2%;margin-right:2%; border-top:5px solid #00a0e1;margin-bottom:15px; }
.vorlagenbild { width:100%; border-bottom:5px solid #00a0e1; height: auto; }
img.vorlagenvorschaubild { width:100%; border:none; height: auto; margin-bottom:-4px; }
h3.vorlagentitel { margin-top:0px;margin-bottom:0px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight:400; font-size:20px; padding-bottom:5px;padding-top:3px; }

/*faq*/
.faqblocktitel { margin-left: 3%; margin-right:3%; }
.faqitem { margin-left: 3%; margin-right:3%; }
.faqsupportblock { margin-left: 5%; margin-right:5%; }

.kreditkartenzahlungbutton {width:100%;}
.zahlungwaitbutton {width:100%;}
.backlinkkreditkarte {margin-top: 15px;text-align: center;}
.zahlungtermsboxleft {width: 10%;}
.zahlungtermsboxright {width: 90%;}

	button.bigbuttonstart {
		font-size: 26px;
		min-width:300px;
		margin-top:40px;
	}
	
	button.bigbuttonstartak19 {
		font-size: 26px;
		min-width:300px;
		margin-top:40px;
	}

.geschenktipp {
    position: absolute;
    margin-top: -28px;
    background-color: #ff0091;
	border-radius: 15px;
	padding: 0px 10px;
	border: 2px solid #fff;
    font-size: 22px;
    margin-left: -20px;
}

	button.bigbuttonstartbb {
		font-size: 26px;
		min-width:300px;
		margin-top:20px;
	}

	.header {
		min-height: 500px;
	}

	.bigbuttonblock {
		top: 70px;
		margin-left:12px;
		margin-right:12px;
	}

	img.uglogo {
		width:170px;
		margin-top:7px;
		/* margin-top: -13px; */
	}
	
	.menuontop {
		color: #636266;
		font-size: 30px;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-weight:400;
		line-height: 80px;
		height:80px;
		padding-left:2%;
		padding-right:2%;
	}

span.anzahlpkimwk {
font-family: helvetica,san-serif;
font-size: 10px;
color: #fff;
position: absolute;
width: 22px;
margin-left: -22px;
text-align: center;
margin-top: -6px;
}
	
	.menuicon {
		margin-top: 18px;
	}
		
	.footer {
		padding:3%;
	}

	.themen {
		width: 94%;
		float: left;
		text-align:center;
		padding: 3%;
	}
	
	img.storebadges {
		height: 45px;
	}

	img.themenbildapps {
		width:100%;
	}
	
	.headtrenner {
		height: 25px;
	}
	
	.infoblockcontentleft {
		width: 94%;
		float: left;
		text-align: left;	
		padding-left:3%;
		padding-right:3%;
	}

	.infoblockcontentright {
		width: 94%;
		float: left;
		text-align: left;	
		padding-left:3%;
		padding-right:3%;
	}
	
	.infoblockcontenttitle {
		font-size:24px;
	}
	
	.infoblockcontentbuttonfield {
		text-align: center;
	}
	
}

@media only screen and (max-width: 900px) {
.termsblock1 {margin-bottom: 8px;}
.termsblock2 { margin-bottom: 10px;}
.termsblock3 { margin-bottom: 28px;}
.termsblock4 { margin-bottom: 10px;}

.kundenkontocontent {width:100%;margin:auto;text-align:center;}
.kundenkontomenupunkt { width: 46%; float: left; text-align:center; padding: 2%;	margin-bottom:20px; }
.kundenkontomenubildround { background-repeat: no-repeat; background-position: 50%; border-radius: 50%; width: 140px; height: 140px; margin:auto; }
button.kundenkontostartbutton { background-color: #ffffff; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; border: none; border-radius: 5px; font-family: 'Yanone Kaffeesatz', sans-serif;	font-weight: 400; color:#00a0e1; font-size: 18px; margin-top: 10px; }
.unterseitentitel { font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;color: #555555;font-size: 22px; text-align:center; margin-top: 15px; }

/*warenkorb*/
.warenkorblinks2 {float:unset;width: 95%;margin:auto;}
.warenkorbrechts2 {float:unset;width: 95%;margin:auto;}

/*kundenkonto gutscheine*/
.gutscheinblock { margin:auto; text-align:center; margin-top:20px;margin-bottom:20px; }
.gutscheinblockitem { border: 1px dashed #666666; border-radius: 6px; padding-left: 2%;padding-right: 2%;padding-top:15px;padding-bottom:15px; margin:2%; width: 40%; float:left; text-align:center; background-image: url(../img/gutscheinbg.gif); }
.expiredbg { background-image: url(../img/gutscheinexpiredbg.gif); }
.gutscheinblockwert { font-size: 13px;margin-bottom: 5px; }
.gutscheinblockcode { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:400; font-size: 20px; }
.gutscheinblockgueltig { font-size: 10px;margin-top: 8px;  }

/*fixes*/


/* Kundendaten */
.kundendatenblock { float: left; width: 100%; }
.formboxkundendatenlinks { text-align:left; width: 100%;	float: none; height: 20px; padding-top: 6px; }
.formboxkundendatenrechts { text-align:left;width: 100%; float: none; height: 50px; }
.formboxkundendatenlinkscheckbox { width: 10%;	float: left; margin-top: 15px; }
.formboxkundendatenrechtscheckbox { width: 90%; float: left;  margin-top: 15px; line-height: 16px; font-size: 12px; }
.formboxkundendaten { width: 100%; float: left; height: 40px; margin-top: 20px; }
input.boxformkundendaten { width: 96%; padding: 10px 8px; border-radius: 4px; border: 1px solid #999;font-size:15px; }
p.subtitelkundendaten { font-size: 16px; margin-top: 5px; margin-bottom: 15px;font-weight:bold; }
.abstandtopmobile {margin-top: 10px;}
.abstandtopmobile2{margin-top:30px;}
.kdform-alert-info { width: 78%; border: 0px solid #ebebeb; background-color: #ebebeb; color: #555555; border-radius: 6px; padding: 8px; margin: auto; margin-bottom: 20px; margin-top:25px; text-align: center; }
.kundendatenerrortext { color: #ff5b5b; font-size: 13px; padding-bottom:5px; padding-top:5px; }
.kundendatensuccesstext { color: #006405; font-size: 13px; padding-bottom:5px; padding-top:5px; }
.kundendateninfotext { color: #4581bf; font-size: 13px; padding-bottom:5px; padding-top:5px; }
#verifyiban {display:none;}

/*kundenkonto bestellungen*/
.kundenkontobestellungentext { color: #555555; font-size: 14px; line-height: 20px; margin-bottom:25px; text-align:justify; }
.kundenkontobestellungeninfotext { width: 90%; border: 0px solid #ebebeb; background-color: #ebebeb; color: #555555; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-bottom:20px; margin-top: 100px;}
.kundenkontobestellungenitemtop { font-size:15px; margin-bottom:15px;border-bottom: 1px solid #00abe4;padding-bottom:6px; }
.kundenkontobestellungenitemfirst {}
.kundenkontobestellungenitem { border-bottom: 1px solid #eeeeee; padding-bottom:6px;padding-top:6px; cursor:pointer;}
.kundenkontobestellungenitem:hover {background-color: #eeeeee;}
.kundenkontobestellungenitemteil1 { float:left;width:45%;text-align:left; }
.kundenkontobestellungenitemteil2 { float:left;width:55%;text-align:right; }
.kundenkontobestellungenitemteil3 { float:left;width:65%;text-align:right;display:none; }
.kundenkontobestellungenitemteil4 { float:left;width:35%;text-align:right;display:none; }
.kundenkontobestellungenitemblock {margin-bottom:20px;}
.kkorderlabelsuccess { background-color:#3ecc6a;color:#ffffff;padding:0px 1px; border-radius:2px; }
.kkorderlabelwaitingz { background-color:#e5a833;color:#ffffff;padding:0px 1px; border-radius:2px; }
.kkorderlabelwaitingv { background-color:#758cdf;color:#ffffff;padding:0px 1px; border-radius:2px; }
.kkorderlabelprod { background-color:#d08dd8;color:#ffffff;padding:0px 1px; border-radius:2px; }
.kkorderlabelversand { background-color:#94b197;color:#ffffff;padding:0px 1px; border-radius:2px; }
.kkorderlabelunpaid { background-color:#b75858;color:#ffffff;padding:0px 1px; border-radius:2px; }
.kkbpkinfo { font-size:12px;margin-top:10px;margin-bottom: 15px;display:none;border-bottom: 1px solid #eeeeee;padding-bottom:5px; }
.kkbpkinfobild { float:none;width:100%;text-align:center; }
.kkbbildnichtda {margin: auto;margin-bottom: 10px;display: block;vertical-align: unset;}
.kkbpkinfoadresse { float:none;width:100%; }
.kkbpkinfooptionen { float:none;width:100%;text-align:center; }
button.kkpkinfobutton {	background-color: #00a0e1; width:90%; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; border: none; border-radius: 5px; font-family: 'Yanone Kaffeesatz', sans-serif;	font-weight: 200; color:#FFFFFF; font-size: 19px; margin-top: 10px; }
button.kkpkinfobutton:hover { background-color: #0094ce; }
button.kkpkinfodelete { background-color: #de4b4b; }
button.kkpkinfodelete:hover { background-color: #ca4343; }
button.kkpkinfoaddaddress { background-color: #a8a8a8;width:90%; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; border: none; border-radius: 5px; font-family: 'Yanone Kaffeesatz', sans-serif;	font-weight: 200; color:#FFFFFF; font-size: 19px; margin-top: 10px;  }
button.kkpkinfoaddaddress:hover { background-color: #a8a8a8; }
.kkpaysendinfo {display: unset;}

/*kundenkonto auszug*/
.auszuginfotext { width: 95%; border: 0px solid #cde6ff; background-color: #cde6ff; color: #4581bf; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-top: 40px; margin-bottom: 60px; }
.auszugguthabeninfotext { width: 95%; border: 0px solid #cde6ff; background-color: #cde6ff; color: #4581bf; border-radius: 6px; padding-top: 8px;padding-bottom: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-top: 25px; margin-bottom: 25px; }
.auszugliste { width:100%; margin:auto; border-top: 1px solid #e1e1e1; margin-bottom: 40px; }
.auszuglisteitem { border-bottom: 1px solid #e1e1e1; padding-top:6px; padding-bottom:6px; }
.auszuglisteitem:hover { background-color: #eeeeee; }
.auszuglistedatumzeit { float:left; width: 26%;text-align:left; }
.auszuglistetyp { float:left; width: 34%;text-align:left; }
.auszuglistebetrag { float:left; width: 16%;text-align:right; }
.auszuglisteguthabenstand { float:left; text-align:right; width: 24%; }

/*kundenkonto rechnungen*/
.rechnunglistedatumzeit { float:left; width: 26%;text-align:left; }
.rechnunglisteauthcode { float:left; width: 34%;text-align:left; }
.rechnunglistebetrag { float:left; width: 16%;text-align:right; }
.rechnunglisterechnung { float:left; text-align:right; width: 24%; }

/*neues passwort erstellen*/
.pwaendernblock1 { float: none; width: 100%; margin-top:25px; }
.pwaendernblock2 { float: none; width: 100%; margin-top:25px; }
.formboxpwaendernlinks { width: 100%; float: none; height: 25px; padding-top: 6px;text-align:left; }
.formboxpwaendernrechts { width: 100%; float: none; height: 45px; }
.formboxpwaendernrechtsstaerke { width: 100%; float: none; height: 35px; padding-top: 5px;font-size:14px; }
.pwlabel-info { border: 0px solid #e2e2e2; background-color: #e2e2e2; color: #555555; border-radius: 5px; padding: 3px 5px;font-size: 14px; }
.pwlabel-error { border: 0px solid #ffcaca; background-color: #ffcaca; color: #9e0000; border-radius: 5px; padding: 3px 5px;font-size: 14px; }
.pwlabel-important { border: 0px solid #c4d6e8; background-color: #c4d6e8; color: #4b78a7; border-radius: 5px; padding: 3px 5px;font-size: 14px; }
.pwlabel-warning { border: 0px solid #ffeeae; background-color: #ffeeae; color: #9d8500; border-radius: 5px; padding: 3px 5px;font-size: 14px; }
.pwlabel-success { border: 0px solid #c1e6c3; background-color: #c1e6c3; color: #206223; border-radius: 5px; padding: 3px 5px;font-size: 14px; }
.pwtipptitel { margin-bottom: 15px; font-size:15px;margin-top:-15px;}
.pwtipp { line-height: 24px; margin-bottom:10px; }
.pwaendern-alert-success { width: 90%; border: 0px solid #006405; background-color: #e0ffe1; color: #006405; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-top:20px; }
.pwaendern-alert-error { width: 90%; border: 0px solid #ffe8e8; background-color: #ffe8e8; color: #ff5b5b; border-radius: 6px; padding: 8px; margin: auto; text-align: center; font-size: 15px; line-height: 20px; margin-top:20px; }

/*kundenkonto abrechnungen*/
.abrechnungliste { width:100%; margin:auto; border-top: 1px solid #e1e1e1; margin-bottom: 40px; }
.abrechnungliste2 { width:100%; margin:auto; margin-bottom: 40px; }
.abrechnunglisterechnungitem { width:100%; border-bottom: 1px solid #e1e1e1; padding-top:26px; padding-bottom:6px; text-align:right; }
.abrechnunglisteitem { border-bottom: 1px solid #e1e1e1; padding-top:6px; padding-bottom:6px; }
.abrechnunglisteitem:hover { background-color: #eeeeee; }
.abrechnunglistedatumzeit { float:left; width: 26%;text-align:left; }
.abrechnunglistebezeichnung { float:left; width: 46%;text-align:left; }
.abrechnunglistebetrag { float:left; text-align:right; width: 28%; }
a.rechnungslink { text-decoration:underline; color: #555555; }

/*guthaben aufladen*/
.guthabenaufladenbetragblockleft { float: none; width: 95%; margin:auto;margin-bottom: 20px;font-size:14px; }
.guthabenaufladenbetragblockright { float: none; width: 95%; margin:auto; text-align:center;height: unset;line-height:unset;}
input.guthabenaufladeninput { width:90%;text-align:center;margin-right:0px;margin-bottom:10px; }
button.guthabenaufladenbutton { width: 95%; height: 40px;font-size: 22px; padding-top: 0px; }
.guthabenaufladenkeinezahl {width:95%;}
.guthabenaufladenoption {width:100%;}
.guthabenaufladenoptionbild {float:none; border:none;}
.guthabenaufladenoptiontext {font-size:11px;float:none; padding-left: 0px;margin-bottom:10px;}

.lastschrift-alert-error {width:95%;}
.aufladung-bestellung-success {width:95%;}
.aufladung-bestellung-failed {width:95%;}

.vorkasseeinleitenblock { width: 100%; }
.formboxabstandoben { margin-top: 10px; }
.vorkasseform-alert-error { width:100%;margin-bottom: -10px; }
.vorkasseform-alert-info { width:100%;margin-top:15px;font-size:12px; }
button.formboxbtn { font-size:22px; }
.paypalpaybtnabstand {margin-top:20px;}

.formboxpaypalfixmobile {margin-top:18px;margin-bottom:50px;}

/*newsletter*/
p.newsletterboxtext { font-size: 16px;line-height: 20px;text-align: justify; padding-left:20px;padding-right:20px; }
.newsletterformblock { width:90%;margin:auto; }
.newsletter-alert-error { width: 95%;margin-bottom: 12px;margin-top: 0px; }
.newsletter-alert-info { width: 95%;margin-bottom: 12px;margin-top: 0px; }
.newsletter-alert-success { width: 95%;margin-bottom: 12px;margin-top: 0px; }
.newsletter-alert-error2 { width: 95%;margin-bottom: 20px;margin-top: 30px; }
.newsletter-alert-info2 { width: 95%;margin-bottom: 20px;margin-top: 30px; }
.newsletter-alert-success2 { width: 95%;margin-bottom: 20px;margin-top: 30px; }
	
/*kundenkonto anmeldung*/
p.kontonachfrage { font-size: 16px; padding-top: 0px; margin-bottom:25px; } 
.nochkeinkonto {width: 100%;}
.loginform-alert-error { margin-top: 38px;margin-bottom: 12px;font-size: }
.contentpageanmeldung { padding-left: 0px;padding-right: 0px;margin: auto;width: 90%;margin-top:30px; }
.passvergessenblock { width: 100%;text-align: center;margin: auto;margin-top: auto;margin-top: 20px; }
.pwvergessen-alert-error {width: 95%;margin-bottom: 15px;margin-top: 20px;}
.pwvergessen-alert-success {width: 95%;margin-bottom: 15px;margin-top: 20px;}
p.passvergboxtext {font-size: 14px;line-height: 20px;text-align: justify;margin-top: -12px;}
.regformbox { text-align:left;margin-top:12px;margin-bottom:0px; }
.formboxcheck { margin-bottom: 25px;margin-right:15px;}
.formboxanmeldung { margin-bottom: -10px;margin-top: -12px; }
.regform-alert-success { width: 95%;margin-top:15px;margin-bottom:-5px; }
.regform-alert-error { width: 95%;margin-top:15px;margin-bottom:-5px; }

/*adressbuch*/
.contentpageadressbuch { padding-left:0px;padding-right:0px;width:95%;margin-left:auto;margin-right:auto; }
.adressbuchfunktionenblock { margin-top: -6px; }
.adressbuchfunktionenl { float:unset;width:100%;padding:0px;margin-bottom: 15px;text-align:center; }
.adressbuchfunktionenr { float:unset;width:100%;padding:0px;text-align:center; }
input#kontaktsuche { width: 90%; padding: 8px 8px;border-radius: 4px;border: 1px solid #999;font-size: 15px;text-align: center;}
#addressloader {margin-bottom:15px;}
#kontakte { width:100%;margin:auto; }
#kontakte li { text-align:left;display:inline-block;width:33%; }
#kontakte li span { float: unset;display: block;width:unset; } 
.adressbuchformbox { width:100%;}
input.boxformadressbuch { font-size: 15px;padding: 8px 8px;width: 90%; }
.adressbuch-formalert-error { width:90%; }
.adressbuch-formalert-success { width:90%; }
.adressbuchoptionen { width:unset;float: unset;margin-left: -11px;margin-right: -11px; }
button.adressbuchdelmenubtn { width: 90%; }
.delfinalbutton {margin-bottom: 15px;}

.contentpage { padding-left: 20px; padding-right: 20px; }

/*postkarten bezahlen*/
.checkouttabelleelement {  }
.checkouttabelleelementl {  }
.checkouttabelleelementr {  }
.checkoutgutscheinbutton { margin-top: 25px;margin-bottom: 20px; }
.checkoutoptionen { margin-top: 20px; }
.checkouteinzelpreis { display:block;text-align:left;padding-left: 19px; }

.appblockmehrinfo {
	margin-top:10px;
}

button.appmehrinfo {
    background-color: #00a0e1;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    border: none;
    border-radius: 5px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 200;
    color: #FFFFFF;
    font-size: 23px;
    margin-top: 10px;
    padding: 5px 12px;
}

.smartphoneappsimg {width:24%;}

}

@media only screen and (max-width: 750px) {

	.bigbuttonblock {
		top: 40px;
		margin-left:12px;
		margin-right:12px;
	}
	
	button.bigbuttonstart {
		font-size: 25px;
		min-width:270px;
		height: 65px;
		margin-top:30px;
	}
	
	button.bigbuttonstartbb {
		font-size: 25px;
		min-width:270px;
		height: 65px;
		margin-top:20px;
	}
	
	button.bigbuttonstartak19 {
		font-size: 25px;
		min-width:270px;
		height: 65px;
		margin-top:20px;
	}
	
.geschenktipp {
    position: absolute;
    margin-top: -26px;
    background-color: #ff0091;
	border-radius: 15px;
	padding: 0px 10px;
	border: 2px solid #fff;
    font-size: 20px;
    margin-left: -30px;
}
	
/*anmeldung*/
.boxpage { padding-left: 10px; padding-right: 10px; margin-top: 75px; margin-bottom: 15px;}
div.loginblock { width: 100%; text-align: center; margin: auto; margin-top: -20px; }
form.box {margin-top: 0px;}
.loginboxlinks { width: 100%;float: none;height: 25px;padding-top: 8px;text-align: left;}
.loginboxrechts { width: 100%;float: none;height: 45px;text-align: left;}
input.boxform { width: 94%; padding: 10px 8px; border-radius: 4px; border: 1px solid #999;font-size:15px;}
button.formboxbtn { margin-top: -10px;}
p.boxtext {font-size: 15px; line-height: 20px; text-align: justify;}
.pwvergessenblock {width: 80%;  text-align: center; margin: auto; margin-top: auto;margin-top: 30px;}
.pwvergessenboxlinks { width: 100%;float: none;height: 25px;padding-top: 6px;text-align: left;}
.pwvergessenboxrechts { width: 100%; float: none; height: 40px; text-align: left;}

.regform-alert-success {margin-top: 75px;width: 76%;margin-bottom: 10px;}
.formboxlinks {width: 100%;float: none;height: 25px;padding-top: 8px;}
.formboxrechts {width: 100%;float: none;height: 45px;}
.formboxlinks2 {width: 100%;float: none;height: 24px;margin-top: 12px;}
.formboxrechts2 {width: 100%;float: none;height: 55px;font-size: 12px;}
.newsletterboxlinks {width: 100%;float: none;height: 25px;padding-top: 6px;text-align: left;}
.newsletterboxrechts {width: 100%;float: none;height: 18px;text-align: left;}
.newsletterboxrechts2 {width: 100%;float: none;margin-bottom: -5px;line-height: 30px;font-size: 15px;}
.divfaqbtn {margin-top:25px;}
.faqsupportbutton { margin-top: 25px; }
.formelementbutton {margin-top: 12px;}
.nichteingeloggt { margin:auto;text-align:center; margin-top:100px;}
.gkundelink { margin-top:0px; }

.kreditkartenzahlungblock2 { margin: auto; width: 100%; text-align:left;padding-top: 10px; }
.kreditkartenzahlungblockinputtitle {margin-bottom: 4px;}
.kreditkartenzahlungblockinputfield {margin-bottom: 8px;}
.mastervisalogostyle {height: 28px;margin-bottom: 2px;}
.kreditkartenzahlunginput {width: 95%;padding: 10px 8px;border-radius: 4px;border: 1px solid #999;font-size: 15px;}
.kreditkartenzahlungbuttonfield { text-align:center;margin-top: 15px;padding-bottom: 5px;}
.kreditkartenzahlungbutton {background-color: #00a0e1;background-repeat: no-repeat;cursor: pointer;overflow: hidden;outline: none;border: none;border-radius: 5px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 200;color: #FFFFFF;font-size: 23px;padding: 3px 15px;margin-top: 6px;}
.backlinkkreditkarte {margin-top:30px;text-align:center;}

#kontakte { width:100%;margin:auto; }
#kontakte li { text-align:left;display:inline-block;width:50%; }
#kontakte li span { float: unset;display: block;width:unset; }

}

@media only screen and (max-width: 690px) {
.warenkorbelement2 {height:unset;}
.warenkorbelementimg2 {width:50%;height:auto;}
.warenkorbelementdetails12 {width:50%;height:unset;}
.warenkorbimg2 {width:96%;height:unset;}
.warenkorbelementdetails22 {float: left;width: 100%;height:unset;margin-bottom: 8px;}
.warenkorbelementdetailstitel3 {margin-top:0px;margin-bottom: 0px;font-size: 12px;float: left;width: 22%;margin-left:1%;}
.warenkorbelementdetailsadresse3 {color: #333333;font-size: 12px;float: left;width: 77%;}
.warenkorbelementgrusstextzeigen2 { color: #00a0e1;position: absolute;right: 8px;font-size: 12px; }
.warenkorbelementdetails32 {width:70%;border-bottom: 1px solid #cccccc;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px;}
.loadform32 {width: 80%;padding: 10px 5%;margin-left: 5%;left:unset;}
.loadform2 {width: 80%;padding: 10px 5%;margin-left: 5%;left:unset;}

#kontakte { width:100%;margin:auto; }
#kontakte li { text-align:left;display:inline-block;width:100%; }
#kontakte li span { float: unset;display: block;width:unset; }

}

/* bilderbox gestaltung */
.bilderbox-gestalten-block {margin: auto;max-width: 960px;margin-bottom: 35px;margin-top: 25px;text-align: center;}

.bilderbox-gestaltung-bilderstyle-block { width:100%;margin-top:25px; }
.bilderbox-gestaltung-bilderstyle-img {width: 35%;cursor: pointer;border: 6px solid #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);margin-left: 3%;margin-right: 3%;}
.bilderbox-gestaltung-bilderstyle-selected {box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);border:6px solid #ff0091;}
.bilderboxdesignwahltitel {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 32px;color:#00abe4;text-align: center;margin-bottom: 25px;margin-top:15px;}

.bilderbox-gestaltung-boxdesigns-block { width:100%;margin-top:25px; }
.bilderbox-gestaltung-boxdesigns-img {width: 30%;cursor: pointer;border: 6px solid #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);margin-left: 1%;margin-right: 1%;margin-bottom:15px;}
.bilderbox-gestaltung-boxdesign-selected {box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);border:6px solid #ff0091;}

.bilderbox-gestaltung-weiterzurueckbotton-block {height: 55px;padding-top: 25px;margin-bottom: -20px;}
.bilderbox-gestaltung-weiterzurueckbotton-block-links {text-align:left;width:50%;float:left;}
.bilderbox-gestaltung-weiterzurueckbotton-block-rechts {text-align:right;width:50%;float:left;}
.bilderbox-gestaltung-zurueckbutton { cursor: pointer;height: 45px;padding-left: 25px;padding-right: 25px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 24px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1; }
.bilderbox-gestaltung-weiterbutton { cursor: pointer;height: 45px;padding-left: 25px;padding-right: 25px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 24px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1; }
.bilderbox-gestaltung-weiterbutton-disabled { cursor: not-allowed;height: 45px;padding-left: 25px;padding-right: 25px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 24px;color: #FFFFFF;background-color: #b6b6b6;border: 1px solid #b6b6b6; }

.bilderbox-adresseingaben-block {width:100%;}
.bilderbox-adresseingaben-links {width:48%;margin-right:2%;float:left;margin-top:15px;margin-bottom: 5px;}
.bilderbox-adresseingaben-rechts {width:48%;margin-left:2%;float:left;margin-top:15px;margin-bottom: 5px;}
.bilderboxformadresse {width: 75%;padding: 8px 10px;border-radius: 5px;border: 1px solid#999;margin-bottom: 10px;}
.bilderboxgeschenkbutton {margin:auto;margin-top: 81px; cursor: pointer;overflow: hidden;outline: none;margin-bottom: 20px;font-size: 15px;border-radius: 7px;width:75%;color:#FFFFFF;background-color:#00a0e1;border: 1px solid #00a0e1;padding: 7px 12px;}
.bilderboxgeschenkbuttonicon {font-size:25px;}
.bilderboxkeingeschenkbutton {margin:auto; cursor: pointer;overflow: hidden;outline: none;margin-bottom: 5px;margin-top: 5px;font-size: 15px;border-radius: 7px;width:75%;color:#FFFFFF;background-color:#00a0e1;border: 1px solid #00a0e1;padding: 7px 12px;}
.bilderbox-adressen-laden-button {cursor: pointer;overflow: hidden;outline: none;font-size: 15px;border-radius: 7px;color:#FFFFFF;background-color:#00a0e1;border: 1px solid #00a0e1;padding: 5px 10px;}
.bilderbox-adressen-laden-button-block {margin-bottom: 20px;}
@font-face { font-family: 'amatic'; src: url('/fonts/amatic.ttf'); }
.bilderboxgrusskartebgq {background: url("/img/rahmenq.jpg");width: 400px;height: 400px;background-repeat: no-repeat;background-size: cover;margin: auto;position:relative;-webkit-box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);-moz-box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);}
.bilderboxgrusskartebgqtext {width:294px;height:294px;top: 43px;left:43px;position:relative;vertical-align: middle;display: table-cell;font-family: 'amatic', Fallback, sans-serif;padding: 10px;color:#3b3b3b;font-size: 35px;overflow-wrap: anywhere;} 
.bilderboxgrusskartebgr {background: url("/img/rahmenr.jpg");width: 400px;height: 500px;background-repeat: no-repeat;background-size: cover;margin: auto;position:relative;-webkit-box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);-moz-box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);}
.bilderboxgrusskartebgrtext {width:294px;height:294px;top: 93px;left:43px;position:relative;vertical-align: middle;display: table-cell;font-family: 'amatic', Fallback, sans-serif;padding: 10px;color:#3b3b3b;font-size: 35px;overflow-wrap: anywhere;} 
.boxgrussinput {width: 75%;padding: 8px 10px;border-radius: 5px;border: 1px solid #999;margin-bottom: 10px;text-align:center;}
.boxgrussinfotext {width:75%;font-size:15px;line-height:20px;margin:auto;margin-bottom: 20px;}
.boxgrusslaenge {font-size:12px;}

@media only screen and (max-width: 960px) {
	.bilderboxgrusskartebgq {width:350px;height:350px;}
	.bilderboxgrusskartebgqtext {width: 244px;height: 244px;font-size:30px;} 
	.bilderboxgrusskartebgr {width:350px;height:438px;}
	.bilderboxgrusskartebgrtext {width: 244px;height: 244px;font-size:30px;top:86px;}
}

@media only screen and (max-width: 420px) {
	.bilderboxgrusskartebgq {width:260px;height:260px;}
	.bilderboxgrusskartebgqtext {width: 180px;height: 180px;font-size: 21px;top:30px;left:30px;} 
	.bilderboxgrusskartebgr {width:260px;height:325px;}
	.bilderboxgrusskartebgrtext {width: 180px;height: 180px;font-size: 21px;top:62px;left:30px;}
	.oster-aktion-titel { font-size: 24px; }
}

.bilderboxgestaltungquadrat { width: 500px;height: 500px;border: 18px solid #ffffff;margin: auto;-webkit-box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);-moz-box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);margin-top:20px;position: relative;z-index:99999;}
.bilderboxgestaltungretro { width: 500px;height: 625px;border: 18px solid #ffffff;margin: auto;-webkit-box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);-moz-box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);box-shadow: 0px 1px 2px 0px rgba(50,50,50,1);margin-top:20px;position: relative;z-index:99999;}
.bilderboxseitenbuttonblock {margin-top:20px;}
.bilderboxseitenbuttons {border: 2px solid #00abe4; width:5%; margin:0.5%;height:35px;background-color:#ffffff;cursor:pointer;}
.bilderboxseitenbuttons:hover {background-color:#00abe4; color:#ffffff;font-weight:bold;}
.bilderboxseitenbuttonsaktiv {background-color:#00abe4; color:#ffffff;font-weight:bold;}
.bilderboxseitencheck {display:none;background-color:#54af68;color:#ffffff;border: 2px solid #ffffff;box-shadow: 0px 1px 2px 0px rgb(130, 130, 130);border-radius: 11px;padding-left: 2px;padding-right: 2px;font-size: 12px;position: absolute;margin-left: -20px;margin-top: -1px;}
.bilderboxaddimagehere {font-size:80px;color:#ffffff;margin-top: -38px;top: 50%;position: relative;}
.bilderboxbilddelete {cursor:pointer;background-color:#ca4343;color:#ffffff;border: 2px solid #ffffff;box-shadow: 0px 1px 2px 0px rgb(130, 130, 130);border-radius: 25px;padding: 8px 13px;font-size: 22px;position: absolute;top:130px;right: -85px;}
.bilderboxbildrotate {cursor:pointer;background-color:#437eca;color:#ffffff;border: 2px solid #ffffff;box-shadow: 0px 1px 2px 0px rgb(130, 130, 130);border-radius: 25px;padding: 8px 12px;font-size: 22px;position: absolute;top: 0px;right: -85px;}
.bilderboxbildcrop {cursor:pointer;background-color:#437eca;color:#ffffff;border: 2px solid #ffffff;box-shadow: 0px 1px 2px 0px rgb(130, 130, 130);border-radius: 25px;padding: 8px 11px;font-size: 22px;position: absolute;top:65px;right: -85px;}
.bilderboxbackcolor {cursor:pointer;background-color:#74ca43;color:#ffffff;border: 2px solid #ffffff;box-shadow: 0px 1px 2px 0px rgb(130, 130, 130);border-radius: 25px;padding: 8px 10px;font-size: 22px;position: absolute;left: -85px;top: 0px;}
.bilderboxecken {cursor:pointer;background-color:#74ca43;color:#ffffff;border: 2px solid #ffffff;box-shadow: 0px 1px 2px 0px rgb(130, 130, 130);border-radius: 25px;padding: 9px 13px 7px 13px;font-size: 22px;position: absolute;left: -85px;top: 65px;}
.bilderboxcolorblock {display:none;z-index:99999;width: 340px;background-color:#ffffff;position: absolute;top: 50%;left: 50%;border-radius: 30px;padding: 6px 4px 4px 4px;margin-left: -176px;margin-top: 60px;border: 5px solid #d0d0d0;text-align: center;box-shadow: 0px 5px 20px 5px rgb(70, 70, 70);}
.backcolorblockbutton,.fontcolorblockbutton {width: 40px;height: 40px;cursor: pointer;border-radius: 20px;margin: 2px;box-shadow: 0px 1px 2px 0px rgb(50, 50, 50);display: inline-block;}
.bilderboxeckenrund {border-radius:16px;}
.bilderboxretrotextblock {height: 107px;padding-top: 18px;line-height: 107px;color:#fff;font-size: 32px;}
.bilderboxretrotextfont {cursor:pointer;background-color:#ff8300;color:#ffffff;border: 2px solid #ffffff;box-shadow: 0px 1px 2px 0px rgb(130, 130, 130);border-radius: 25px;padding: 8px 10px;font-size: 22px;position: absolute;left: -85px;bottom: 65px;}
.bilderboxretrotextcolor {cursor:pointer;background-color:#ff8300;color:#ffffff;border: 2px solid #ffffff;box-shadow: 0px 1px 2px 0px rgb(130, 130, 130);border-radius: 25px;padding: 8px 10px;font-size: 22px;position: absolute;left: -85px;bottom: 0px;}
.bilderboxretrotextedit {cursor:pointer;background-color:#ff8300;color:#ffffff;border: 2px solid #ffffff;box-shadow: 0px 1px 2px 0px rgb(130, 130, 130);border-radius: 25px;padding: 7px 11px;font-size: 22px;position: absolute;left: -85px;bottom: 130px;}
.colorboxtitel {width: 100%;text-align: center;font-size: 17px;padding-bottom: 4px;}
.fontboxtitel {width: 100%;text-align: center;font-size: 17px;padding-bottom: 4px;}
.retroboxtextblock {display:none;position: absolute;left: 50%;margin-left: -168px;margin-top: -200px;}
input.retroboxtextinput {border: 5px solid #ff8300;border-radius: 30px;padding: 10px 46px 10px 40px;text-align: left;width: 240px;font-size: 15px;}
.bilderboxfontblock {display:none;z-index:99999;width: 340px;background-color:#ffffff;position: absolute;top: 50%;left: 50%;border-radius: 30px;padding: 6px 4px 4px 4px;margin-left: -176px;margin-top: 60px;border: 5px solid #ff8300;text-align: center;box-shadow: 0px 5px 20px 5px rgb(70, 70, 70);}
.fontblockbutton {width: 45%;cursor: pointer;display: inline-block;}
.retrotextediticon {position: absolute;font-size: 22px;margin-top: 12px;margin-left: 17px;}
.retrotextlaenge {position: absolute;font-size: 12px;margin-top: 17px;margin-left: -43px;}
.bilderboxretrotextfontbezeichnung {color:#ff8300;font-size: 15px;position: absolute;right: 595px;bottom: 79px;}
.bilderboxretrotextcolorbezeichnung {color:#ff8300;font-size: 15px;position: absolute;right: 595px;bottom: 14px;}
.bilderboxretrotexteditbezeichnung {color:#ff8300;font-size: 15px;position: absolute;right: 595px;bottom: 144px;}
.bilderboxbackcolorbezeichnung {color:#64b039;font-size: 15px;position: absolute;right: 595px;top: 14px;}
.bilderboxeckenbezeichnung {color:#64b039;font-size: 15px;position: absolute;right: 595px;top: 79px;}
.bilderboxbilddeletebezeichnung {color:#ca4343;font-size: 15px;position: absolute;left: 595px;top: 144px;}
.bilderboxbildrotatebezeichnung {color:#437eca;font-size: 15px;position: absolute;left: 595px;top: 14px;}
.bilderboxbildcropbezeichnung {color:#437eca;font-size: 15px;position: absolute;left: 595px;top: 79px;}
.bilderboxinfomsg {width: 600px;background-color:#fff;position: fixed;top: 25%;left: 50%;margin-left: -300px;z-index: 99999999;}
.bbunterseitentitel { font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;color: #555555;font-size: 22px; text-align:center; margin-top: 15px; }
.bilderboxinfomsgclose {position: absolute;right: 15px;top: 10px;font-size: 25px;cursor:pointer;}
.bilderboxinfotext {line-height: 24px;padding: 30px 50px;font-size: 15px;}
.cropoptionbtnbb { border: 2px solid #ffffff;box-shadow: 0px 1px 2px 0px rgb(130, 130, 130);border-radius: 25px;padding: 9px 13px 10px 11px;font-size: 15px;background-color: #76bb66;color: #ffffff;cursor:pointer;margin-top: 96px;}
.bbimageload {display:none;position: absolute;width: 500px;height: 500px;background-color:#fff;opacity: 0.6;z-index: 999999999;}
.bbimageloadicon {display:none;top: 50%;position: absolute;font-size: 10px;left: 50%;margin-left: -25px;margin-top: -25px;}
.loadscreenfrage {display:none;height:100%; width:100%; position:fixed; left:0; top:0;	z-index:99999999 !important; background-color:black; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; color: #FFFFFF; text-align: center; vertical-align: middle; line-height: 100%; }
.bilderboxfrage {display:none;width: 600px;background-color:#fff;position: fixed;top: 25%;left: 50%;margin-left: -300px;z-index: 99999999;}
.bilderboxfragebtns {padding:0px 50px 38px 50px;}
.bilderbox-gestaltung-zurueckbuttonfrage { cursor: pointer;height: 40px;padding-left: 10px;padding-right: 10px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 24px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1; }
.bilderbox-gestaltung-weiterbuttonfrage { cursor: pointer;height: 40px;padding-left: 10px;padding-right: 10px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 24px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1; }
.bilderboxblocktitel {font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 32px;color:#00abe4;text-align: center;margin-bottom: 25px;}
.bilderboxinfotextbtn {padding:0px 50px 38px 50px;text-align:center;}
.bilderboxinfotextbutton { padding-bottom: 3px;cursor: pointer;height: 40px;padding-left: 10px;padding-right: 10px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;font-size: 24px;color: #FFFFFF;background-color: #00a0e1;border: 1px solid #00a0e1; }
.bbpreisq {position: absolute;margin-left: -360px;margin-top: 205px;font-size: 17px;color:#fff;}
.bbpreisr {position: absolute;margin-left: -360px;margin-top: 205px;font-size: 17px;color:#fff;}

@media only screen and (max-width: 690px) {
.greenhookinfo {top: 10%;left: 10%;width:80%;margin-left:unset;}
	
.bilderbox-gestaltung-bilderstyle-block {  }
.bilderbox-gestaltung-bilderstyle-img {width: 70%; border: 4px solid #fff; margin-bottom: 15px;}
.bilderbox-gestaltung-bilderstyle-selected {border:4px solid #ff0091;}
.bilderboxdesignwahltitel {margin-top: 0px;}

.bilderbox-gestaltung-boxdesigns-img {width: 70%; border: 4px solid #fff; margin-bottom: 15px;}
.bilderbox-gestaltung-boxdesign-selected {border:4px solid #ff0091;}

.bilderbox-gestaltung-zurueckbutton { margin-left:5%;}
.bilderbox-gestaltung-weiterbutton { margin-right:5%; }
.bilderbox-gestaltung-weiterbutton-disabled {margin-right:5%;}

.bilderboxinfomsg {top: 10%;left: 10%;width:80%;margin-left:unset;}
.bilderboxinfotext {line-height: 22px;padding: 20px 30px;font-size: 15px;}
.bilderboxinfotextbtn {padding: 0px 25px 30px 25px;}
.bbunterseitentitel { font-size: 21px; text-align:center; margin-top: 20px; }
.bilderboxinfomsgclose {right: 10px;top: 8px; }

.bilderboxseitenbuttonblock {margin-left:3%;margin-right:3%;}
.bilderboxseitenbuttons {width: 13%;margin: 1%;}

.bilderboxfrage {top: 10%;left: 10%;width:80%;margin-left:unset;}
.bilderboxfragebtns {padding: 0px 25px 30px 25px;}
.bilderbox-gestaltung-zurueckbuttonfrage {font-size: 15px;font-family: helvetica,san-serif; }
.bilderbox-gestaltung-weiterbuttonfrage {font-size: 15px;font-family: helvetica,san-serif; }

.bilderboxblocktitel {padding-left: 25px;padding-right: 25px;}
.bilderbox-adresseingaben-links {width: 96%;margin-left: 2%;margin-right:2%;}
.bilderbox-adresseingaben-rechts {width: 96%;margin-left: 2%;margin-right:2%;}
.bilderboxgeschenkbutton {margin-top: 15px;}

.bilderboxbildrotate {padding: 7px 10px;font-size: 16px;right: -55px;}
.bilderboxbildcrop {padding: 8px 10px;font-size: 16px;right: -55px;top: 55px;}
.bilderboxbilddelete {padding: 8px 11px;font-size: 16px;right: -55px;top: 110px;}

.bilderboxbackcolor {left: -55px;padding: 8px 10px;font-size: 16px;}
.bilderboxecken {left: -55px;top: 55px;padding: 8px 11px;font-size: 16px;}

.bilderboxretrotextedit {left: -55px;bottom:110px;padding: 7px 10px;font-size: 16px;}
.bilderboxretrotextfont {left: -55px;bottom:55px;padding: 8px 10px;font-size: 16px;}
.bilderboxretrotextcolor {left: -55px;padding: 8px 10px;font-size: 16px;}

.bilderboxinfotextbutton {height: unset;font-size: 22px;padding-bottom:1px;}

.retroboxtextblock {left:unset;margin-left:unset;margin-top:unset;top:unset;}
.bilderboxfontblock {left:unset;margin-left:unset;margin-top:unset;top:unset;}
.bilderboxcolorblock {left:unset;margin-left:unset;margin-top:unset;top:unset;}
}

.dropzonebb {
	min-height: 350px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(50,50,50,1);
	-moz-box-shadow: 0px 1px 4px 0px rgba(50,50,50,1);
	box-shadow: 0px 1px 4px 0px rgba(50,50,50,1);
	background: #ffffff;
	padding: 20px 20px;
	width: 90%;
	margin: auto;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#cccccc;
	margin-top: 35px;
	margin-bottom: 35px;
}

.addimageherebb {
    font-size: 80px;
    color: #ffffff;
    position: relative;
	margin-top:90px;
	margin-bottom:10px;
}

.dropzone .dz-preview.dz-image-preview {background:none;}


.checkouttabelleelementl3 {width:5%;float: left;padding-left: 2%;text-align:left;}
.checkouttabelleelementl4 {width:80%;float: left;padding-left: 2%;text-align:left;}
.checkouttabelleelementm3 {width:75%;float: left;text-align:left;}
.checkouttabelleelementr3 {width:16%;float: right;text-align: right;padding-right: 2%;}
.checkouttabelleelementbordertop {border-top: 1px solid #dddddd;}
.checkouttabelleelement3 {padding-top:10px;padding-bottom:10px;}
.detailviewbuttonfield {padding-top:10px;padding-bottom:10px;text-align:center;}
#produktedetails {cursor:pointer;}
.gutscheinfehler {font-size: 14px;color:#ff1a1a;border: 1px solid #ff1a1a; text-align: center; padding-top: 10px;padding-bottom: 10px;margin-bottom: 0px;padding-left: 10px;padding-right: 10px;line-height: 20px;}
.gutscheinloeschen {padding-top: 3px;padding-bottom: 5px;border-top: 1px solid #dddddd;text-align:center;}
.gutscheinloeschenlink {text-decoration:underline;font-size:12px;color: #555;}
.gutscheinloeschenlink:hover {color: #555;}
button.formboxbtndis {background-color:#d7d7d7;color:#555555;cursor: not-allowed;}
button.formboxbtndis:hover {background-color:#d7d7d7;color:#555555;cursor: not-allowed;}
img.btnloader {margin-bottom: -2px;}
.checkouttabelle2 {border:1px solid #dddddd;border-radius:5px;margin-top:25px;margin-bottom:25px;}
.boxtext2 {font-size: 14px;line-height: 20px;text-align: center;margin-top: -10px;}
.gutscheinabschliessenform  {text-align: center;}
input.gutscheinasi1 {width: 50%;padding: 5px 8px;border-radius: 4px;border: 1px solid#999;margin-bottom: 15px;}
input.gutscheinasi2 {width: 50%;padding: 5px 8px;border-radius: 4px;border: 1px solid#999;}

@media only screen and (max-width: 750px) {
	.gutscheinfehler {margin-bottom:10px;}
	input.gutscheinasi1 {width: 96%;padding: 10px 8px;font-size:15px;}
	input.gutscheinasi2 {width: 96%;padding: 10px 8px;font-size:15px;}
}

.aktioncoverback {
	display: none; 
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	background-color: black;
	filter: alpha(opacity=55);
	-khtml-opacity: 0.55;
	-moz-opacity: 0.55;
	opacity: 0.55;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	line-height: 100%;
}
.aktioncover {
	display: none; 
	width: 60%;
	height: 70%;
	background-color: #fff;
	z-index: 9999999;
	position: fixed;
	top: 15%;
	left: 20%;
}
.closeaktion {
	font-size: 25px;
	width: 30px;
	height: 30px;
	border: 2px solid #555;
	text-align: center;
	border-radius: 20px;
	background-color: #fff;
	cursor: pointer;
	position: absolute;
	right: -13px;
	top: -13px;
}
	
.headeraktion {
	width: 100%;
	height: 70%;
	min-height: 480px;
	background-color: #00abe4;
    background: url("../img/aktionbg6.jpg");
	background-position:100% 60%;
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
}

.appdownload {display:none;}
.hidethistrenner {display:none;}

.headeraktion2022 {
	width: 100%;
	height: 70%;
	min-height: 600px;
	background-color: #00abe4;
    background: url("../img/header-2022-web.jpg");
	/* background-position:100% 20%; */
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
}
@media only screen and (max-width: 1600px) {
	.headeraktion2022 {	
	min-height: 500px;
	}
}
@media only screen and (max-width: 1350px) {
	.headeraktion2022 {	
	min-height: 450px;
	}
}
@media only screen and (max-width: 1200px) {
	.headeraktion2022 {	
	min-height: 400px;
	}
}
@media only screen and (max-width: 1050px) {
	.headeraktion2022 {	
	background: url("../img/header-2022-mob.jpg");
	min-height: 600px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	}
	.appdownload {
		display:block;
		width: 90%;
		margin: auto;
		text-align:center;
		padding-top: 15px;
		margin-bottom: 5px;
	}
	.hidethistrenner {display:block;}
}
@media only screen and (max-width: 850px) {
	.headeraktion2022 {	
	min-height: 500px;
	}
}
@media only screen and (max-width: 650px) {
	.headeraktion2022 {	
	min-height: 440px;
	}
}
@media only screen and (max-width: 570px) {
	.headeraktion2022 {	
	min-height: 380px;
	}
}
@media only screen and (max-width: 490px) {
	.headeraktion2022 {	
	min-height: 330px;
	}
	.osterimgfit {
	width:100%;
	}
	.ostern-aktion-storebadges {
	height: 42px;
	}
	.ostern-aktion-badgecontainer {
	float: unset;
	text-align: center;
	}
}
@media only screen and (max-width: 420px) {
	.headeraktion2022 {	
	min-height: 290px;
	}
}


.headerxmas2022 {
	width: 100%;
	height: 70%;
	min-height: 600px;
	background-color: #00abe4;
    background: url("../img/ug-xmas-header-22-d-1920x640-AD.jpg");
	/* background-position:100% 20%; */
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
}

.headerneujahr2023 {
	width: 100%;
	height: 70%;
	min-height: 600px;
	background-color: #00abe4;
    background: url("../img/urlaubsgruss-postkarten-neujahr-vorlagen-xl.jpg");
	/* background-position:100% 20%; */
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
}

.headerwinter {
	width: 100%;
	height: 70%;
	min-height: 600px;
	background-color: #00abe4;
    background: url("../img/urlaubsgruss-postkarten-winter-d-1920x640.jpg");
	/* background-position:100% 20%; */
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
}

.headerostern {
	width: 100%;
	height: 100%;
	min-height: 640px;
	background-color: #00abe4;
    background: url("../img/urlaubsgruss-osteraktion-gratis-jumbokarte.jpg");
	/* background-position:100% 20%; */
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
	background-position: center;
    background-repeat: no-repeat;
}

.headerostern2 {
	width: 100%;
	height: 100%;
	min-height: 640px;
	background-color: #00abe4;
    background: url("../img/urlaubsgruss-ostereiersuche5.jpg");
	/* background-position:100% 20%; */
    background-repeat:no-repeat;
	display:block; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover;	
	position: relative;
	overflow: hidden;
	background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1600px) {
	.headerxmas2022 {	
	background: url("../img/ug-xmas-header-22-d-1600-AD.jpg");
	min-height: 500px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	}
	
	.headerneujahr2023 {	
	background: url("../img/urlaubsgruss-postkarten-neujahr-vorlagen-d.jpg");
	min-height: 500px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	}
	
	.headerwinter {	
	background: url("../img/urlaubsgruss-postkarten-winter-d-1600x533.jpg");
	min-height: 500px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	}
	
	.headerostern {	
	background: url("../img/urlaubsgruss-osteraktion-gratis-jumbokarte-2.jpg");
	min-height: 530px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
	}
}
@media only screen and (max-width: 1350px) {
	.headerxmas2022 {	
	min-height: 450px;
	}
	
	.headerneujahr2023 {	
	min-height: 450px;
	}
	
	.headerwinter {	
	min-height: 450px;
	}
	
	.headerostern {	
	min-height: 450px;
	}
}
@media only screen and (max-width: 1200px) {
	.headerxmas2022 {	
	min-height: 400px;
	}
	
	.headerneujahr2023 {	
	min-height: 400px;
	}
	
	.headerwinter {	
	min-height: 400px;
	}
	
	.headerostern {	
	min-height: 400px;
	}
}
@media only screen and (max-width: 1050px) {
	.headerxmas2022 {	
	background: url("../img/ug-xmas-header-22-m-AD.jpg");
	min-height: 600px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
	}
	
	.headerneujahr2023 {	
	background: url("../img/urlaubsgruss-postkarten-neujahr-vorlagen-m.jpg");
	min-height: 600px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	}
	
	.headerwinter {	
	background: url("../img/urlaubsgruss-postkarten-winter-m-1600x1067.jpg");
	min-height: 600px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	}
	
	.headerostern {	
	background: url("../img/urlaubsgruss-osteraktion-gratis-jumbokarte-2.jpg");
	min-height: 600px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
	}
	
	.appdownload {
		display:block;
		width: 90%;
		margin: auto;
		text-align:center;
		padding-top: 15px;
		margin-bottom: 5px;
	}
	.hidethistrenner {display:block;}
}
@media only screen and (max-width: 850px) {
	.headerxmas2022 {	
	min-height: 500px;
	}
	
	.headerneujahr2023 {	
	min-height: 500px;
	}

	.headerwinter {	
	min-height: 500px;
	}
	
	.headerostern {	
	min-height: 500px;
	}
}
@media only screen and (max-width: 650px) {
	.headerxmas2022 {	
	min-height: 440px;
	}
	
	.headerneujahr2023 {	
	min-height: 440px;
	}
	
	.headerwinter {	
	min-height: 440px;
	}
	
	.headerostern {	
	min-height: 440px;
	}	
}
@media only screen and (max-width: 570px) {
	.headerxmas2022 {	
	min-height: 380px;
	}
	
	.headerneujahr2023 {	
	min-height: 380px;
	}
	
	.headerwinter {	
	min-height: 380px;
	}
	
	.headerwinter {	
	min-height: 380px;
	}
}
@media only screen and (max-width: 490px) {
	.headerxmas2022 {	
	min-height: 330px;
	}
	
	.headerneujahr2023 {	
	min-height: 330px;
	}
	
	.headerwinter {	
	min-height: 330px;
	}
	
	.headerostern {	
	min-height: 330px;
	}	
}
@media only screen and (max-width: 420px) {
	.headerxmas2022 {	
	min-height: 290px;
	}
	
	.headerneujahr2023 {	
	min-height: 290px;
	}
	
	.headerwinter {	
	min-height: 290px;
	}
	
	.headerostern {	
	min-height: 290px;
	}	
}

@media only screen and (max-width: 320px) {
	.headerxmas2022 {	
	background: url("../img/ug-xmas-header-22-m-320-214-AD.jpg");
	min-height: 214px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	}
	
	.headerneujahr2023 {	
	background: url("../img/urlaubsgruss-postkarten-neujahr-vorlagen-m-320-214.jpg");
	min-height: 214px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	}

	.headerwinter {	
	background: url("../img/urlaubsgruss-postkarten-winter-m-320x214.jpg");
	min-height: 214px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	}
	
	.headerostern {	
	background: url("../img/urlaubsgruss-osteraktion-gratis-jumbokarte-4.jpg");
	min-height: 214px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;		
	}	
}

.appdownloadbadge {width:30%; margin-left:1%;margin-right:1%;}
.appdownloadbadgesingle {min-width: 280px;width: 280px;}

.headeraktioncontent {width: 960px;position: absolute;top: 38px;left: 50%;margin-left: -480px;text-align:center;}
.headeraktionbalken {width: 100%;background-color: #fff;height: 100px;position: relative;}
.headeraktionbalkenintern {width:960px;margin:auto;}
.headeraktionbalkeninternleft {font-size: 30px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;padding-top: 16px;float:left;}
.headeraktionbalkeninternright {float: right;}
.headeraktionlogo {height: 80px;margin-top: 10px;}
.aktionhandkarte {width: 500px;margin-top: 18px;}
.aktiontextblock {position: absolute;top: 50px;right: -20px;width: 450px;text-align: center;}
.aktionfulltextblock {width:960px;font-size:13px;margin:auto;margin-top: 25px;margin-bottom: 25px;}
.aktionfulltextblockp {font-size:16px;line-height:22px;}
.hashtag {background-color: #fff;padding: 12px 20px;font-size: 22px;}
.aktionbadges {margin-top: 50px;}
.storebadgesaktion {width: 250px;margin-bottom: 20px;}
.storebadgesaktionsingle {width: 250px;margin-bottom: 20px;}
.aktionpkonlinelink {}
.aktionkeinsmartphone {width: 960px;margin: auto;padding-top: 15px;margin-bottom: -7px;}
.aktionkeinsmartphone2 {width: 960px;margin: auto;padding-top: 30px;margin-bottom: 30px;}
.aktionfulltextblockptitel {font-size: 40px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;margin-top: 10px;margin-bottom: 10px;}
.trenneraktionoben {margin-top:60px;}
.trenneraktionunten {margin-bottom:30px;}
.adventskalenderstartseite {position:absolute;top:190px;right:0px;}
img.adventskalenderweihnachtsmann {height:280px;}
.adventskalenderbutton {
	background: #F15D60;
	background-image: -webkit-linear-gradient(top, #F15D60, #AF2123);
	background-image: -moz-linear-gradient(top, #F15D60, #AF2123);
	background-image: -ms-linear-gradient(top, #F15D60, #AF2123);
	background-image: -o-linear-gradient(top, #F15D60, #AF2123);
	background-image: -webkit-gradient(to bottom, #F15D60, #AF2123);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color: #FFFFFF;
	font-family: Helvetica;
	font-size: 20px;
	font-weight: 100;
	padding: 15px;
	-webkit-box-shadow: 1px 1px 10px 0 #3E3D3D;
	-moz-box-shadow: 1px 1px 10px 0 #3E3D3D;
	box-shadow: 1px 1px 10px 0 #3E3D3D;
	border: outset #FFFFFF 4px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	position: absolute;
	left: -185px;
	top: 79px;
}
.adventskalenderbuttontext {font-size:14px;}
.appstorebuttonstart {width:100%;text-align:center;margin-top:10px;}

@media only screen and (max-width: 1000px) {
.adventskalenderstartseite {top: 330px;right: 0px;}
img.adventskalenderweihnachtsmann {height:230px;}
.adventskalenderbutton {left: -173px;top: 55px;font-size:18px;}
.adventskalenderbuttontext {font-size:13px;}
}

@media only screen and (max-width: 450px) {
img.adventskalenderweihnachtsmann {height:180px;}
.adventskalenderbutton {left: -156px;top: 42px;font-size:16px;padding:10px;}
.adventskalenderbuttontext {font-size:12px;}
}

button.aktionbuttonstart {
    width: 20%;
    min-width: 400px;
    height: 60px;
    #background-color: Transparent;
    background-color: #00a0e1;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 34px;
}

button.aktionbuttonstart2 {
    /* width: 20%; */
    min-width: 300px;
    height: 50px;
    #background-color: Transparent;
    background-color: #00a0e1;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 30px;
	margin-top: 8px;
}

button.aktionbuttonstart3 {
    /* width: 20%; */
    min-width: 320px;
    height: 65px;
    #background-color: Transparent;
    background-color: #30a066;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 32px;
}

.aktionkeinsmartphoneleft {float: left;font-size: 36px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 400;text-align: right;width: 48%;margin-right:2%;}
.aktionkeinsmartphoneright {float:right;text-align: left;width: 48%;margin-left:2%;}

.aktionkeinsmartphoneleft2 {float: left;text-align: left;width: 320px;}
.aktionkeinsmartphonemitte2 {float: left;text-align: center;width: 320px;}
.aktionkeinsmartphoneright2 {float:left;text-align: right;width: 320px;}
.aktionkeinsmartphonemitte21 {display:none;}


@media only screen and (max-width: 1050px) {
	.aktionfulltextblock {width: 85%;}
	.headeraktionbalkeninternleft {float:unset;text-align:center;font-size: 28px;padding-top: 10px;padding-bottom:8px;}
	.headeraktionbalkeninternright {float: unset;text-align:center;}
	.headeraktionlogo {height: 70px;margin-top: 4px;}
	.headeraktionbalken {height: 160px;}
}

@media only screen and (max-width: 1000px) {
	.headeraktionbalkenintern {width:90%;}
	/* .headeraktionbalkeninternleft {font-size: 32px;padding-top: 34px;} */
	.aktionhandkarte {margin-left: 70px;}
	.aktionkeinsmartphone {width: 90%;margin: auto;padding-top: 15px;margin-bottom: -7px;}
	.aktionkeinsmartphone2 {width: 90%;margin: auto;padding-top: 25px;margin-bottom: 25px;}
	.aktionkeinsmartphoneleft2 {float: unset;text-align: left;width: 90%;margin:auto;text-align:center;}
	.aktionkeinsmartphonemitte2 {float: unset;text-align: center;width: 90%;margin:auto;text-align:center;display:none;}
	.aktionkeinsmartphonemitte21 {float: unset;text-align: center;width: 90%;margin:auto;text-align:center;display:block;}
	.aktionkeinsmartphoneright2 {float:unset;text-align: right;width: 90%;margin:auto;text-align:center;}
}

@media only screen and (max-width: 920px) {
	.headeraktioncontent {width: 90%;margin-left: -45%;}
	.aktiontextblock {width: 320px;}
	.hashtag {padding: 10px 18px;font-size: 20px;}
	.storebadgesaktion {width: 200px;}
	.storebadgesaktionsingle {width: 200px;}
	.aktiontextblock {top: 65px;right: -30px;}
	.aktionhandkarte {margin-left: 10px;}
	.aktionkeinsmartphoneleft {float: unset;width: 90%;margin-right:unset;margin:auto;text-align:center;margin-bottom: 8px;}
	.aktionkeinsmartphoneright {float: unset;width: 90%;margin-left:unset;margin:auto;text-align:center;}
}

@media only screen and (max-width: 870px) {
	.headeraktion {height: 60%;min-height: 480px;}
	.headeraktionbalken {}
	.headeraktionbalkeninternleft {}
	.headeraktionlogo {}
	.aktiontextblock {width: 320px;}
	.hashtag {padding: 10px 18px;font-size: 20px;}
	.storebadgesaktion {width: 180px;}
	.storebadgesaktionsingle {width: 180px;}
	.aktiontextblock {width:250px;top: 70px;right: -25px;}
	.aktionhandkarte {margin-left: 10px;}	
	.aktionfulltextblockptitel {font-size: 35px;}
}

@media only screen and (max-width: 780px) {
	.headeraktion {min-height:450px;}
	.aktionhandkarte {margin-left: -210px;min-width: 420px;max-width: 420px;left: 50%;position: absolute;margin-top: 30px;}
	.aktiontextblock {width:100%;top: 0px;right: unset;}
	.headeraktioncontent {top: 0px;}
	.hashtag {padding: 7px 12px;font-size: 17px;float: left;margin-top: -30px;}
	.headeraktionbalkeninternleft {float:unset;text-align:center;font-size: 22px;padding-top: 10px;}
	.headeraktionbalkeninternright {float: unset;text-align:center;}
	.headeraktionlogo {height: 50px;margin-top: 4px;}
	.headeraktionbalken {height: 135px;}
	.aktionbadges {margin-top: 360px;}
	.aktionpkonlinelink {display:none;}
	.aktionkeinsmartphoneleft {font-size: 25px;margin-bottom: 8px;}
	button.aktionbuttonstart {min-width: 280px;width: 280px;height: 50px;font-size:25px;}
	button.aktionbuttonstart2 {min-width: 280px;width: 280px;height: 50px;font-size:25px;}
	button.aktionbuttonstart3 {min-width: 280px;width: 280px;font-size:25px;}
	.aktionfulltextblockptitel {font-size: 35px;}
	.preiseundinfosblocktext2 { font-size: 14px; }
}

@media only screen and (max-width: 450px) {
	img.storebadgespageapps {height: auto;width: 42%;margin-left: 2%;margin-right: 2%;}
	
	.headeraktion {min-height: 430px;}
	.aktionhandkarte {margin-left: -175px;min-width: 350px;max-width: 350px;}
	.storebadgesaktion {width: 150px;margin: 5px;}
	.storebadgesaktionsingle {width: 200px;}
	.aktionbadges {margin-top: 290px;}
	.headeraktionlogo {height: 70px;margin-top: 4px;}
	.headeraktionbalken {height: 225px;}
	.headeraktioncontent {top: 10px;}
	.hashtag {padding: 7px 12px;font-size: 17px;float: left;margin-top: -40px;}
}


.dscheckbg {
	display:none;
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	background-color: white;
	filter: alpha(opacity=55);
	-khtml-opacity: 0.55;
	-moz-opacity: 0.55;
	opacity: 0.55;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	line-height: 100%;
}
.dscheck {
	width:400px;
	position: fixed;
	bottom:20px;
	right:20px;
	background-color: #ffffff;
	z-index: 9999;
	-webkit-box-shadow: 0px 2px 8px 2px rgba(143,143,143,1);
	-moz-box-shadow: 0px 2px 8px 2px rgba(143,143,143,1);
	box-shadow: 0px 2px 8px 2px rgba(143,143,143,1);	
	font-family: Helvetica,Arial,sans-serif;
	color:#000;
}
.dschecksmallbutton {
	padding: 6px 10px;
	font-size: 10px;
	cursor: pointer;
	position: fixed;
	bottom:0px;
	right:20px;
	background-color: #ffffff;
	z-index: 9999;
	-webkit-box-shadow: 0px 1px 4px 1px rgba(143,143,143,1);
	-moz-box-shadow: 0px 1px 4px 1px rgba(143,143,143,1);
	box-shadow: 0px 1px 4px 1px rgba(143,143,143,1);	
	font-family: Helvetica,Arial,sans-serif;
	color:#000;
}
.dscheck2 {
	display:none;
	width:600px;
	position: fixed;
	top: 50px;
	right: 50%;
	margin-right: -300px;
	background-color: #ffffff;
	z-index: 999999;
	-webkit-box-shadow: 0px 2px 8px 2px rgba(143,143,143,1);
	-moz-box-shadow: 0px 2px 8px 2px rgba(143,143,143,1);
	box-shadow: 0px 2px 8px 2px rgba(143,143,143,1);	
	font-family: Helvetica,Arial,sans-serif;
	color:#000;
}
.dschecktitel {padding: 20px 10px;text-align: center;font-size: 17px;}
.dschecktext {padding: 0px 30px;text-align: center;font-size: 14px;line-height: 22px;padding-bottom:20px;}
.dscheckbuttons {padding: 2px 20px 22px 20px;text-align: center;}
.dscheckbutton {
	height: 35px;
	cursor: pointer;
	overflow: hidden;
	outline: none;
	font-size: 16px;
	border-radius: 7px;
	width: 30%;
	color: #FFFFFF;
	background-color: #00a0e1;
	border: 1px solid #00a0e1;
	margin-left:30px;
}
.dscheckbuttonauswahl {
	height: 35px;
	cursor: pointer;
	overflow: hidden;
	outline: none;
	font-size: 16px;
	border-radius: 7px;
	width: 30%;
	color: #00a0e1;
	background-color: #ffffff;
	border: 1px solid #00a0e1;
	margin-left:30px;
}
.dscheckbuttonalles {
	height: 35px;
	cursor: pointer;
	overflow: hidden;
	outline: none;
	font-size: 16px;
	border-radius: 7px;
	width: 30%;
	color: #FFFFFF;
	background-color: #00a0e1;
	border: 1px solid #00a0e1;
	margin-left:30px;
}
.dseblock {
	width: 480px;
    margin: auto;
    border-top: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
}
.dseblockl {
	float: left;
	width: 30px;
	padding-top: 2px;
}
.dseblockr {
	float: left;
	width: 450px;
	line-height: 22px;
}
.lastdseblock {
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 620px) {
	.dscheck {
    width: 90%;
    right: 5%;
	}
	.dscheck2 {
	position:absolute;	
	width: 90%;
    right: 5%;
	margin-right:unset;
	height:unset;
	}
	.dseblock {
	font-size: 14px;
	width:90%;
	}
	.dseblockl {
    float: left;
    width: 12%;
	}
	.dseblockr {
    float: left;
    width: 88%;
	}
	.dscheckbuttonauswahl {width: 45%;margin-left:unset;height:unset;padding-top:5px;padding-bottom:5px;}
	.dscheckbuttonalles {width: 45%;margin-left: 3%;height:unset;padding-top:5px;padding-bottom:5px;}
}

.produkteblocktopleft {
	width:480px;
	height:480px;
	float:left;
	margin-bottom: 10px;
}

.produkteblocktopright {
	width:470px;
	padding-left:10px;
	height:480px;
	float:left;
	margin-bottom: 10px;
}

img.produkteimgbig {
	width:470px;
	height:470px;
	object-fit: cover;
	vertical-align:top;
}

img.produkteimghalf {
	width:470px;
	height:225px;
	object-fit: cover;
	vertical-align:top;
}

img.produkteimgsmall {
	width:225px;
	height:225px;	
	object-fit: cover;
	vertical-align:top;
}

.pbsimgtopright {
	margin-left:20px;
	margin-bottom:20px;
}

.pbsimgtopleft {
	margin-bottom:20px;
}

.pbsimgbottomright {
	margin-left:20px;
}

.pbhimgtopleft {
	margin-bottom:20px;
}


.orderblock {border: 1px solid #d0d0d0;width: 388px;margin: auto;margin-bottom: auto;margin-bottom: 20px;box-shadow: 0px 1px 8px rgba(171, 171, 169, 0.6);border-radius: 8px;float:left;}
.orderblockabstand {margin-left:10px;margin-right:10px;}
.orderblocktop {text-align:left;padding:6px 12px;}
.orderblocksmalltext {margin-top: 5px;font-size: 13px;}
.orderblocksmalltext2 {margin-top: 4px;font-size: 12px;}
.orderblockmiddle {margin-left: 12px;margin-right: 12px;border-top: 1px solid #eaeaea;padding-top: 3px;}
.orderblockmiddleimage {float:left;width:50%;}
.orderblockmiddleaddress {float: left;width: 45%;text-align: left;margin-left: 5%;font-size: 12px;padding-top: 10px;}
.orderblockbottom {padding: 6px 12px;font-size: 13px;text-align: center;color: #fff;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.orderblockclear {clear:both;}
.orderblockimage { margin-top:7px;margin-bottom:5px;width:187px;height:150px;box-shadow: 0px 0px 3px rgba(171, 171, 169, 0.6);object-position: center;object-fit: scale-down;}
.orderblockadresstop {font-weight: bold;font-size: 11px;margin-bottom: 8px;}
#ordershowcontent { width: 500px;position: fixed;background-color: #fff;box-shadow: 0px 1px 8px rgba(171, 171, 169, 0.6);height:100%;top: 0px;display:none;padding-top:15px;overflow:scroll;left:50%;margin-left: -250px;}
.orderblockdetailimagepk {width:72%;margin:5px;box-shadow: 0px 0px 3px rgba(171, 171, 169, 0.6);}
.orderblockdetailimagekk {width:35%;margin:5px;box-shadow: 0px 0px 3px rgba(171, 171, 169, 0.6);}
.orderblockdetailimagebb {width:20%;margin:5px;box-shadow: 0px 0px 3px rgba(171, 171, 169, 0.6);}
.orderblockdetailimagepksig {width:60%;}
.orderblockdetailimagepkgt {width:100%;}
.orderblockdetailimagepkad {width:70%;}
#orderdetailclosebutton {position: fixed;bottom: 20px;margin-left: -208px;left: 50%;display:none;cursor:pointer;background-color: #00a0e1;background-repeat: no-repeat;cursor: pointer;overflow: hidden;outline: none;border: none;border-radius: 5px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 200;color: #FFFFFF;font-size: 23px;padding: 3px 15px;margin-top: 6px;width: 400px;}
#orderaenderungabbruch {position: fixed;bottom: 20px;margin-left: -208px;left: 50%;display:none;cursor:pointer;background-color: #00a0e1;background-repeat: no-repeat;cursor: pointer;overflow: hidden;outline: none;border: none;border-radius: 5px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 200;color: #FFFFFF;font-size: 23px;padding: 3px 15px;margin-top: 6px;width: 400px;}
.orderdetailsempfaenger {width: 60%;margin: auto;text-align: left;font-size: 14px;margin-top: 5px;box-shadow: 0px 0px 3px rgba(171, 171, 169, 0.6);padding: 3% 6%;}
.orderdetailsempfaengertitel {font-size: 12px;font-weight:bold;margin-bottom:3px;}
.orderdetailsabsender {width: 60%;margin: auto;text-align: left;font-size: 14px;margin-top: 15px;box-shadow: 0px 0px 3px rgba(171, 171, 169, 0.6);padding: 3% 6%;}
.orderdetailsabsendertitel {font-size: 12px;font-weight:bold;margin-bottom:3px;}
.orderdetailsgrusstext {width: 60%;margin: auto;text-align: left;font-size: 14px;margin-top: 15px;box-shadow: 0px 0px 3px rgba(171, 171, 169, 0.6);padding: 3% 6%;}
.orderdetailsgrusstexttitel {font-size: 12px;font-weight:bold;margin-bottom:3px;}
a.orderdetaillink {background-color: #29b6f6;color: #ffffff;border: 1px solid #29b6f6;border-radius: 6px;padding-top: 2px;padding-bottom: 3px;padding: 3px 10px;font-size: 13px;}
.accountordersuche {width: 95%;padding: 5px 8px;border-radius: 4px;border: 1px solid #999;text-align:center;margin:auto;}
.orderblockdetailtitel {font-weight: bold;font-size: 16px;margin-bottom: 10px;}
.orderblockdetailtitel2 {font-size: 12px;line-height: 18px;margin-bottom: 10px;}
.orderbutton {/*position:absolute;margin-left: -174px;left: 50%;*/cursor:pointer;background-color: #00a0e1;background-repeat: no-repeat;cursor: pointer;overflow: hidden;outline: none;border: none;border-radius: 5px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 200;color: #FFFFFF;font-size: 23px;padding: 3px 15px;margin-top: 6px;width: 348px;margin-top: 15px;}
.orderdetailbearbeitunginfo {width: 60%;margin: auto;margin-top: 15px;font-size: 13px;line-height: 18px;color: #ff1414;}
.orderblockkeineaenderungerlaubt {width: 60%;margin: auto;text-align: center;margin-top: 30px;}
.ordereditfield {width: 65%;padding: 6px 10px;border-radius: 4px;border: 1px solid #999;font-size: 14px;margin-bottom: 6px;}
.ordereditfieldtext {width: 65%;padding: 6px 10px;border-radius: 4px;border: 1px solid #999;font-size: 14px;margin-bottom: 6px;height: 300px;}
.ordereditadressetitel {font-weight: bold;margin-bottom: 6px;margin-top: 20px;}
.ordereditadresseblock {margin-bottom:15px;}
.ordereditspeicherbtn {cursor: pointer;background-color: #00a0e1;background-repeat: no-repeat;cursor: pointer;overflow: hidden;outline: none;border: none;border-radius: 5px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 200;color: #FFFFFF;font-size: 23px;padding: 3px 15px;width: 60%;}
.ordereditfehler {margin-bottom: 20px;color: red;font-size: 15px;}
.ordereditnichterlaubt {background-color: #ececec;cursor: no-drop;}
#orderreloading {display:none;}
.reuseform { line-height: 26px;font-size: 14px;text-align: left;margin-top: 25px;margin-bottom: 15px;}
.orderbtnred {background-color:#ff5c5c;}
.orderbtnredwait {background-color:#ff7c7c;cursor:unset;display:none;}
.importallbutton {cursor:pointer;background-color: #00a0e1;background-repeat: no-repeat;cursor: pointer;overflow: hidden;outline: none;border: none;border-radius: 5px;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight: 200;color: #FFFFFF;font-size: 23px;padding: 3px 15px;margin-top: 6px;width: 95%;margin-top: 15px;}
.kkordervorkasseinfo {width: 60%;margin: auto;text-align: left;font-size: 14px;margin-top: 15px;box-shadow: 0px 0px 3px rgba(171, 171, 169, 0.6);padding: 3% 6%;}
.kkordervorkasseinfotitel {font-size: 12px;font-weight:bold;margin-bottom:3px;color:#ff7986;text-decoration: underline;}

@media only screen and (max-width: 880px) {
.orderblock {border: 1px solid #d0d0d0;width: 60%;margin: auto;margin-bottom: auto;margin-bottom: 12px;box-shadow: 0px 1px 8px rgba(171, 171, 169, 0.6);border-radius: 8px;float:unset;}
.accountordersuche {width: 57%;}
}

@media only screen and (max-width: 700px) {
.orderblock {border: 1px solid #d0d0d0;width: 96%;margin: auto;margin-bottom: auto;margin-bottom: 12px;box-shadow: 0px 1px 8px rgba(171, 171, 169, 0.6);border-radius: 8px;float:unset;}
.orderblockimage {width: 100%;}
.accountordersuche {width: 90%;padding: 10px 8px;border-radius: 4px;border: 1px solid #999;font-size: 15px;}
}

@media only screen and (max-width: 550px) {
#ordershowcontent { width: 100%;left:unset;margin-left:unset;}
#orderdetailclosebutton {margin-left: -47.5%;width: 90%;}
#orderaenderungabbruch {margin-left: -47.5%;width: 90%;}
.orderbutton {/*margin-left: -36%;*/width: 72%;}
.ordereditspeicherbtn {width: 88%;}
.ordereditfield {width: 85%;padding: 10px 10px;}
.ordereditfieldtext {width: 85%;padding: 10px 10px;}
}

/*ostersucheformular*/
.osterform {margin:auto;width:55%;font-size:14px;text-align:center;margin-top:40px;}
.osterforml {float:left;text-align:left;width:50%;margin-bottom:20px;}
.osterformr {float:right;text-align:right;width:50%;margin-bottom:20px;}
.osterforminput {
width: 85%;
padding: 10px 12px;
border-radius: 5px;
border: 1px solid #999;
font-size: 14px;
}
.osterformlink, .osterformlink:hover {text-decoration:underline;color:#555555;}
.osterformbtn {
background-color: #00a0e1;
background-repeat: no-repeat;
cursor: pointer;
overflow: hidden;
outline: none;
border: none;
border-radius: 5px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
color: #FFFFFF;
font-size: 23px;
padding: 10px 30px 8px 30px;
margin-top: 6px;
width: 70%;
margin-top: 30px;
}
.osterformbtnwait {
background-color: #ccc;
background-repeat: no-repeat;
cursor: pointer;
overflow: hidden;
outline: none;
border: none;
border-radius: 5px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
color: #282828;
font-size: 23px;
padding: 10px 30px 8px 30px;
margin-top: 6px;
width: 70%;
margin-top: 30px;
display:none;
}
#osterformresponse {display:none;margin-top: 20px;margin-bottom: -10px;}
.formfail {
border: 1px solid #f00;
border-radius: 5px;
padding: 8px 10px;
background-color: #ffd0d0;
color: #000;
}
.formsuccess {
margin:auto;width:55%;font-size:15px;text-align:center;margin-top:40px;
border-radius: 10px;
padding: 20px;
background-color: #c7ffb8;
color: #000;
}

@media only screen and (max-width: 780px) {
	.osterform {width:95%;}
}

@media only screen and (max-width: 520px) {
	.osterforml {float:unset;text-align:center;width:100%;margin-bottom:20px;}
	.osterformr {float:unset;text-align:center;width:100%;margin-bottom:20px;}
	.osterforminput { width:90%;}
}
.osterformlinkscheckbox {
  width: 10%;
  float: left;
  margin-top: 15px;
}
.osterformrechtscheckbox {
  width: 90%;
  float: left;
  margin-top: 15px;
  line-height: 18px;
  font-size: 14px;
}

#teilnahmebedingungen {
position: fixed;
z-index: 1000;
background-color: #fff;
top: 5%;
left: 50%;
max-width: 800px;
margin-left: -400px;
box-shadow: 0px 1px 20px gray;
height: 90%;	
overflow:scroll;
display:none;
}
#tnbbgdark {
height: 100%;
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 999;
background-color: black;
filter: alpha(opacity=55);
-khtml-opacity: 0.55;
-moz-opacity: 0.55;
opacity: 0.55;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
line-height: 100%;
display:none;
}
#tnbclose {
font-size: 30px;
position: sticky;
float: right;
right: 10px;
top: 5px;
cursor: pointer;
}
.tnbtitle {padding: 15px;font-size: 20px;font-weight:bold;}
.tnbtext {padding: 0px 15px 15px 15px;font-size:15px;}
.tnbpretitle {font-weight:bold;}
.tnbpara {font-size: 15px;line-height: 20px;}
.tnbparag {padding-left: 17px;font-size: 15px;}
@media only screen and (max-width: 830px) {
	#teilnahmebedingungen {
		left:0px;
		margin-left:unset;
		max-width:100%;
		top:0px;
		height:100%;
	}
}

#datenschutz {
position: fixed;
z-index: 1000;
background-color: #fff;
top: 5%;
left: 50%;
max-width: 800px;
margin-left: -400px;
box-shadow: 0px 1px 20px gray;
height: 90%;	
overflow:scroll;
display:none;
}
.datenschutztext {padding:15px;}
#dsbgdark {
height: 100%;
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 999;
background-color: black;
filter: alpha(opacity=55);
-khtml-opacity: 0.55;
-moz-opacity: 0.55;
opacity: 0.55;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
line-height: 100%;
display:none;
}
#dsclose {
font-size: 30px;
position: sticky;
float: right;
right: 10px;
top: 5px;
cursor: pointer;
}
@media only screen and (max-width: 830px) {
	#datenschutz {
		left:0px;
		margin-left:unset;
		max-width:100%;
		top:0px;
		height:100%;
	}
}