/*
**********************************************
***      created by Boris Schmakowski      ***
***          www.schmakowski.de            ***
**********************************************
*/

form.myshortlist_button_form {
	display: none;
}
div.msl-button form.myshortlist_button_form {
	display: block;
}

div.myshortlist.intro_text {
	
}

div.myshortlist_item_page {
	margin: 0;
	padding: 5vh 0;
	border-bottom: none;
}

div.myshortlist_item {
	margin: 0;
	padding: 2vh 0;
}

div.myshortlist_item_image {
  margin: 0 0 0 2em;
  position: static;
  float: right;
  width: 25%;
}
div.myshortlist_item_image img {
	width: 100%;
	height: auto;
}

div.myshortlist_text_wrapper {
  display: flex;
  justify-content: space-between;
}
div.myshortlist_item_left {
	/* width: 90%; */
	text-align: left;
	padding: 0 0.5em 0 0;
}
div.myshortlist_item_right {
	/* width: 10%; */
	text-align: right;
	padding: 0 0 0 0.5em;
}
.myshortlist_item_right form {
  max-width: inherit;
}

button.button,
input.button {
	border: none;
	border-radius: 1px;
	background: none;
	background-color: var(--braun);
	color: #ffffff;
	text-align: center;
	padding: 0.5em 1em 0.4em 1em;
	margin: 0;
	line-height: 1em;
	font-weight: 500;
	-webkit-transition: all .35s ease;
	   -moz-transition: all .35s ease;
		-ms-transition: all .35s ease;
		 -o-transition: all .35s ease;
			transition: all .35s ease;
}
button.button.btn-mini {
	padding: 0.4em 0.4em 0.3em 0.4em;
}
button.button:hover,
input.button:hover {
	background-color: var(--dgruen);
	cursor: pointer;
}
button.delete_button.btn-danger {
	background-color: var(--danger);
}
div.print-button {
	text-align: right;
}

div.myshortlist_clr {
  	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

@media print { 
	.noprint {
		display: none;
	}
	.mp-merkliste div#banner,
	.mp-merkliste div#contop_container,
	.mp-merkliste div#sidepanel-outer,
	.mp-merkliste form,
	.mp-merkliste div#foot3 {
		display: none;
	}
	.mp-merkliste section#content {
	  padding: 0;
	}
	.mp-merkliste h2 {
		text-align: center;
	}
	.mp-merkliste div.myshortlist_item_page {
	  padding: 0;
	}
	.mp-merkliste footer {
	  border-top: 1px solid #636628;
	  padding-top: 2vh;
	  padding-bottom: 0vh;
	}
	.mp-merkliste div#foot1 img {
	  width: 70px;
	}
}

div.msl-button {
	text-align: center;
}
div.msl-button button.button {
  padding: 0.5em 1em 0.4em 1em;
  width: 100%;
  max-width: 450px;
}
@media all and (max-width: 900px)
{
	div.msl-button button.button {
	  max-width: inherit;
	}
}