#Designer {
	position:relative;
	width: 650px;
	height: 500px;
	background-color: #FFF;
	font-family:Arial;
}

/* poiret-one-regular - latin */
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poiret-one-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Poiret One'), local('PoiretOne-Regular'),
       url('../fonts/poiret-one-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poiret-one-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poiret-one-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poiret-one-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poiret-one-v5-latin-regular.svg#PoiretOne') format('svg'); /* Legacy iOS */
}


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

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

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

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

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

/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'),
       url('../fonts/playfair-display-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v13-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: "HandOfSean";
  src: url("../fonts/handsean.eot"); /* IE9 Compat Modes */
  src: url("../fonts/handsean.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/handsean.otf") format("opentype"), /* Open Type Font */
    url("../fonts/handsean.svg") format("svg"), /* Legacy iOS */
    url("../fonts/handsean.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/handsean.woff") format("woff"), /* Modern Browsers */
    url("../fonts/handsean.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "TimesNewRoman";
  src: url("../fonts/TIMES.eot"); /* IE9 Compat Modes */
  src: url("../fonts/TIMES.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/TIMES.otf") format("opentype"), /* Open Type Font */
    url("../fonts/TIMES.svg") format("svg"), /* Legacy iOS */
    url("../fonts/TIMES.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/TIMES.woff") format("woff"), /* Modern Browsers */
    url("../fonts/TIMES.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GillSansBold";
  src: url("../fonts/GillSansBold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/GillSansBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/GillSansBold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/GillSansBold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/GillSansBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/GillSansBold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/GillSansBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Amatic";
  src: url("../fonts/Amatic-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Amatic-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Amatic-Bold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Amatic-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Amatic-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Amatic-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Amatic-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Voyage-Regular";
  src: url("../fonts/VoyageRegular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/VoyageRegular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/VoyageRegular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/VoyageRegular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/VoyageRegular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/VoyageRegular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/VoyageRegular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Courier";
  src: url("../fonts/Courier.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Courier.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Courier.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Courier.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Courier.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Courier.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Courier.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Helvetica.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Helvetica.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Helvetica.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Helvetica.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Helvetica.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Helvetica.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AvantGarde";
  src: url("../fonts/AvantGarde.eot"); /* IE9 Compat Modes */
  src: url("../fonts/AvantGarde.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/AvantGarde.otf") format("opentype"), /* Open Type Font */
    url("../fonts/AvantGarde.svg") format("svg"), /* Legacy iOS */
    url("../fonts/AvantGarde.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/AvantGarde.woff") format("woff"), /* Modern Browsers */
    url("../fonts/AvantGarde.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Bookman";
  src: url("../fonts/Bookman.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Bookman.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Bookman.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Bookman.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Palatino";
  src: url("../fonts/Palatino.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Palatino.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Palatino.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Palatino.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Palatino.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Palatino.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Palatino.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Arial";
  src: url("../fonts/Arial.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Arial.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Arial.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Arial.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Arial.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Arial.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Arial.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

.poiret {font-family: 'Poiret One', arial, serif;}
.lobster {font-family: 'Lobster', arial, serif;}
.roboto {font-family: 'Roboto', arial, serif;}
.oswald {font-family: 'Oswald', arial, serif;}
.indie {font-family: 'Indie Flower', arial, serif;}
.dosis {font-family: 'Dosis', arial, serif;}
.playfair {font-family: 'Playfair Display', arial, serif;}

.handsean {font-family: 'HandOfSean', arial, serif;}
.times {font-family: 'TimesNewRoman', arial, serif;}
.gill {font-family: 'GillSansBold', arial, serif;}
.amatic {font-family: 'Amatic', arial, serif;}
.voyage {font-family: 'Voyage-Regular', arial, serif;}

.courier {font-family: 'Courier', arial, serif;}
.helvetica {font-family: 'Helvetica', arial, serif;}
.avantgarde {font-family: 'AvantGarde', arial, serif;}
.bookman {font-family: 'Bookman', arial, serif;}
.palatino {font-family: 'Palatino', arial, serif;}
.arial {font-family: 'Arial', arial, serif;}

.designer_product-gallery-container {
  margin-bottom: 40px;
  padding: 0 15px;
}

@media (min-width: 992px) {
  .designer_product-gallery-container {
    margin-bottom: 60px;
    float: left;
    width: 40%;
  }
}

.designer_product-details {
  margin-bottom: 40px;
  padding: 0 15px;
}

@media (min-width: 992px) {
  .designer_product-details {
    margin-bottom: 50px;
    float: left;
    width: 60%;
  }
}


#Produkt {
	position:absolute;
	width: 300px;
}
#Bereich {
	position:absolute;
	top:40px;
	left:40px;
	width: 220px;
	height: 220px;

    background-image:url(bilder/transparent.png)
    -moz-border-radius: 160px;
	-webkit-border-radius: 160px;
	border-radius: 160px;
	overflow:hidden;
}
#Motiv {
	position:absolute;
	top:20px;
	left:20px;
	width:220px;
	height:200px;
	cursor:move;
}

#Text_oben_drag {
    position:absolute;
	top:0px;
	left:108px;
	font-size:25px;
	/*cursor:move;*/
}

#Text_unten_drag {
    position:absolute;
	bottom:10px;
	left:108px;
	font-size:25px;
	/*cursor:move;*/
}
#Tools {
	position:absolute;
	left:420px;
	top:0px;
	width : 260px;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 10px 10px 10px 10px;
	background-color: #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#Tools select {
 	font-size:11px;
	position:relative;
	top:-1px;
}

#Bildgroesse {
 	width: 150px;
	float:left;
	margin-top:5px;
}

#Bild_drehen_Text {
 	margin-left:50px;
}

#Bild_drehen {
 	margin-left:170px;
}

#Bild_drehen_rechts {
 	margin-left:20px;
}


.Text_Feld {
    width: 110px;
}

.Kontur {
	margin-left:40px;
}

.tool_topic {
 	font-size:15px;
}

.tool_topic_kl {
 	position:relative;
	top:-2px;
}

.tool_block {
 	margin-bottom: 10px;
}

.tool_block_int {
 	padding: 5px;
	border-radius: 10px 10px 10px 10px;
	background-color: #b4b4b4;
	margin-bottom:10px;
}

.tool_farbe {
 	position:relative;
	width: 60px;
	z-index: 999;
}

.tool_slider {
 	width: 200px;
}

#Designer_Hinweis {
	position:absolute;
	top:424px;
	left: 17px;
	width: 100%;
	max-width:411px;
}




#Motive {
	display:none;
	position:absolute;
	left:963px;
	top:0px;
	width:294px;
	height:328px;
	z-index:1;
}

.myButton {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}

.ui-widget-content .ui-state-active {
	border: 1px solid #99463F;
	background: #e4685d;
}


/*Mobil*/
@media screen and (max-width: 600px) {
	#Designer {
		width: 100%;
		height: 900px;
	}
	#Tools {
		left:20px;
		top:300px;
	}
	#Designer_Hinweis {
		top:820px;
	}
}