.mymdbselect {
    display: block;
    height: 37px;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ccc;

}

.toplogo {
    max-width: 50px;
    max-height: 50px;
}


body{
    margin:0;
    font-family:"Barlow Condensed",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size:18px;
    font-weight:400;
    line-height:1.6;
    color:#212529;
    text-align:left;
    background-color:#fff
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    margin-bottom:1.5rem;
    font-family:inherit;
    font-weight:bold;
    line-height:1.2;
    color:#654DB2
}
h1,.h1{
    font-size:2.47725rem
}
h2,.h2{
    font-size:1.8rem
}
h3,.h3{
    font-size:1.575rem
}
h4,.h4{
    font-size:1.35rem
}
h5,.h5{
    font-size:1.125rem
}
h6,.h6{
    font-size:.9rem
}
@media (min-width: 768px){
    h1,.h1{
        font-size:4.12875rem
    }
    h2,.h2{
        font-size:2.25rem
    }
    h3,.h3{
        font-size:1.96875rem
    }
    h4,.h4{
        font-size:1.6875rem
    }
    h5,.h5{
        font-size:1.40625rem
    }
    h6,.h6{
        font-size:1.125rem
    }
}
.lead{
    font-size:1.57478rem;
    font-weight:lighter;
    margin-bottom:1.5rem
}
@media (min-width: 768px){
    .lead{
        font-size:2.62463rem
    }
}
.kicker{
    text-transform:uppercase;
    font-weight:bold;
    letter-spacing:0.1rem;
    margin-bottom:.75rem
}

a{
    color:#654DB2;
    text-decoration:none;
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:hover{
    color:#117964;
    text-decoration:underline
}
a:not([href]):not([tabindex]){
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):focus{
    outline:0
}

.btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 3px solid transparent;
    padding: .375rem .75rem;
    font-size: 1.125rem;
    line-height: 1.6;
    border-radius: 0rem;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    text-transform: uppercase;
    font-size: .98438rem;
	color: #654DB2 !important;
	background-color: #fff !important;
	background-image: none;
	border-color: #654DB2 !important;
}

.btn:hover{
    color:#fff !important;
    background-color:#654DB2 !important;
    border-color:##654DB2 !important;
}
.btn:focus,.btn.focus{
    box-shadow:0 0 0 .2rem rgba(26,188,156,0.5) !important;
}

.bg-primary{
    background-color:#654DB2 !important
}
a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{
    background-color:#148f77 !important
}
.bg-secondary{
    background-color:#15D7BB !important
}
a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus{
    background-color:#10a993 !important
}

.card {
	-webkit-box-shadow: 0 3px 20px -7px rgba(0,0,0,0.4);
	box-shadow: 0 3px 20px -7px rgba(0,0,0,0.4);
	border-radius: 1px;
}

.card-column-container .card{
		padding: 3.25rem;
		/* background-image: url(/cocktail/card-bg.png);
	    background-size: cover;
	    background-position: center center;
		background-color: #f8f9fa; */
		overflow: hidden;
}
.card .card-block >.row {
	margin-left: -20px;
	margin-right: -20px;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
}

.card .card-block >.row:first-child {
	margin-bottom: 30px;
}

input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search-md]:focus:not([readonly]), input[type=search]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #654DB2;
    box-shadow: 0 1px 0 0 #654DB2;
}

.card-footer {
	padding-top: 0 !important;
	border-top: none;
}

.card-block ul {
	margin-bottom: 0;
}

/* .card-column-container {
	display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

.card-column-container > .card {
	-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
} */

body {
	background: #f8f9fa !important;
}

.text-black {
	color: #000;
	margin: 0;
	padding-left: 10px;
}

.card-block .btn {
    position: relative;
    bottom: -10px;
}
.card-column-container .card-block .zutatencontainer {
	min-height: 40px;
}

@media (min-width: 768px) {
	.card-column-container .card-block .zutatencontainer {
		min-height: 180px;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: stretch;
		align-content: stretch;
	}
}

.card-column-container .card-block .zutatencontainer ul {

}

.navbar {
	border-radius: 0;
}

.navbar a {
	display: inline-block;
	color: white;
    font-size: 22px;
	padding-right: 15px;
}

.cocktailglas {
	color: #654DB2;
	position: absolute;
	bottom: 0;
	left: -80px;
	font-size: 220px !important;
	opacity: 0.1;
	z-index: 1;
}

.card-column-container .card-block, .card-column-container .card-footer {
	position: relative;
	z-index: 3;
}

.text-link {
	color: inherit;
}
.text-link:hover {
	color: inherit;
	text-decoration: none;
	cursor: default;
}

.text-red {
	color: #654DB2;
	font-weight: bold;
}

.pl-30px {
	padding-left: 30px;
}


.alert-container {
    position: fixed;
    right: 0;
    top: 20px;
    z-index: 10;
    width: 100%;
    max-width: 500px;
    padding-right: 20px;
    padding-left: 20px;
}

@media (min-width: 1024px) {
    .alert-container {
        position: fixed;
        top: 70px;
    }
}

.alert {
    border-radius: 1px;
}
.alert-primary {
    background: #654DB2;
    color: white;
}

input[type=date].valid+label:after, input[type=date]:focus.valid+label:after, input[type=datetime-local].valid+label:after, input[type=datetime-local]:focus.valid+label:after, input[type=email].valid+label:after, input[type=email]:focus.valid+label:after, input[type=number].valid+label:after, input[type=number]:focus.valid+label:after, input[type=password].valid+label:after, input[type=password]:focus.valid+label:after, input[type=search-md].valid+label:after, input[type=search-md]:focus.valid+label:after, input[type=search].valid+label:after, input[type=search]:focus.valid+label:after, input[type=tel].valid+label:after, input[type=tel]:focus.valid+label:after, input[type=text].valid+label:after, input[type=text]:focus.valid+label:after, input[type=time].valid+label:after, input[type=time]:focus.valid+label:after, input[type=url].valid+label:after, input[type=url]:focus.valid+label:after, textarea.md-textarea.valid+label:after, textarea.md-textarea:focus.valid+label:after {
    content: attr(data-success);
    color: #654DB2;
    opacity: 1;
}

input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=search-md].valid, input[type=search-md]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, textarea.md-textarea.valid, textarea.md-textarea:focus.valid {
    border-bottom: 1px solid #654DB2;
    box-shadow: 0 1px 0 0 #654DB2;
}


.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
}


@media (max-width: 768px) {
    .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
        overflow-x: hidden;
    }
}


.modal-content {
    width: 100%;
    background: #9b8cf9;
}
.modal-title {
    color: #eab6f9;
    text-shadow: 1px 1px #71c9e2;
    font-weight: 600;
    font-size: 2.2rem;
}
.modal-content .grey-text {
    color: white !important;
}

.modal-content input {
    color: white !important;
}

.close {
    color: white !important;
}

.md-form label {
    color: white !important;
}

.alert-primary {
    background: #9b8cf9;
    box-shadow: 4px 5px #d48fb6;
}

.navbar a {
    font-size: 20px;
}

body{
    background-color: #eab6f9 !important;
    color: white !important;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    color:#9b8cf9
}

.suche::placeholder {
    color: white;
}
.suche,
.suche:focus {
    color: white;
    border-bottom: 1px solid white !important;
}
.card {
    background: #9b8cf9;
    box-shadow: 4px 5px #d48fb6;
}
.card-column-container .card {
    padding: 2.5rem 2rem;
}

.card-title {
    color: #eab6f9;
    text-shadow: 1px 1px #71c9e2;
    font-weight: 600;
    font-size: 2.9rem;
}
.cocktailglas {
    color: #eab6f9;
    display: none !important;
}
.text-red {
    color: white;
    font-weight: normal;
}
.text-black {
    color: white;
}
.btn {
    background: #eab6f9 !important;
    border: none;
    box-shadow: 2px 2px #71c9e2;
    color: #fff !important;
    font-size: 20px;
}
.btn:hover,
.btn:focus {
    box-shadow: 2px 2px #eab6f9;
    color: white !important;
    background: #71c9e2 !important;
}
.bg-primary {
    backround: #9b8cf9 !important;
}
.navbar.bg-primary {
    background: transparent !important;
    padding-top: 1px;
    padding-bottom: 1px;
    box-shadow: 0 7px;
}
.pending .card-block {
    margin-left: -5px;
}
.pending .card-block .row {
    padding-left: 5px;
}

input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=search-md].valid, input[type=search-md]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, textarea.md-textarea.valid, textarea.md-textarea:focus.valid {
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 0 #fff;
}