.timeline {
    padding: 8px 10px;
    border: 1px solid #CCCCCC;
    margin: 2px;
	border-radius: 20px;
    width: 100%;
    list-style: none;
    font-size: 0.875em;
	text-align: center;
	list-style-type: none;
	margin-bottom: 10px;
}

.checkresult {
    padding: 40px;
    border: 5px solid #236C41;
    border-radius: 40px;
    background-color: #236C41;
    color: white;
    margin-top: 40px;
    margin-bottom: 60px;
}

form input.submit-ideencheck {
    font-size: 1em !important;
    margin-top: 40px !important;
}

.timeline a {
    color: #236c41 !important;
}

.timeline.active a {
    color: white !important;
}

.alert {
	color: red !important;
}

.small {
	font-size: 0.75em;
}

#icontact-form * {
	width: 100% !important;
}

div.ii {
	clear: both;
}

img.spruch {
	    /* vertical-align: middle; */
    width: calc( 66% - 20px);
    float: right;
    border-radius: 20px;
    border: 4px solid #236C41;
	max-width: 280px;
}

.timeline.active {
	border: 1px solid #236C41;
	background: #236c41;
    color: white;
}

.ui-slider {
	background: rgba(255,0,0,1) !important;
	background: -moz-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(237,174,14,1) 36%, rgba(250,239,32,1) 59%, rgba(42,240,24,1) 85%, rgba(6,179,32,1) 100%) !important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,0,0,1)), color-stop(36%, rgba(237,174,14,1)), color-stop(59%, rgba(250,239,32,1)), color-stop(85%, rgba(42,240,24,1)), color-stop(100%, rgba(6,179,32,1))) !important;
	background: -webkit-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(237,174,14,1) 36%, rgba(250,239,32,1) 59%, rgba(42,240,24,1) 85%, rgba(6,179,32,1) 100%) !important;
	background: -o-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(237,174,14,1) 36%, rgba(250,239,32,1) 59%, rgba(42,240,24,1) 85%, rgba(6,179,32,1) 100%) !important;
	background: -ms-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(237,174,14,1) 36%, rgba(250,239,32,1) 59%, rgba(42,240,24,1) 85%, rgba(6,179,32,1) 100%) !important;
	background: linear-gradient(to right, rgba(255,0,0,1) 0%, rgba(237,174,14,1) 36%, rgba(250,239,32,1) 59%, rgba(42,240,24,1) 85%, rgba(6,179,32,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#06b320', GradientType=1 ) !important;
}

ol.timeline-list {
	padding: 0 !important;
    width: 33%;
    float: left;
}

#container {
/*    max-width: 750px !important;*/
    border: 0 !important;
	float: none !important;
}

#header * {
    color: white !important;
}

span.select2-selection.select2-selection--single {
    height: 45px;
}

.hint {
    margin-bottom: 0 !important;
    margin-top: 20px !important;
}

span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

body {
    background-color: white;
}

.panel.panel-default {
    border: none !important;
}

ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    background: none !important;
}

li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
    background-color: #EEEEEE !important;
    background-image: none !important;
	border-width: 1px !important;
	border-radius: 5px !important;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab a {
    font-size: 0.875em !important;
    color: #333333 !important;
}

li.ui-tabs-tab.ui-corner-top.ui-tabs-active.ui-tab {
    background-color: white !important;
    background-image: none !important;
}

.ui-widget.ui-widget-content,
ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
	border: none !important;
}


h1, h2, h3, h4, h5, h6, h7 {
    text-transform: none !important;
}

.error {
    color: #CC0000;
    font-size: 0.75em;
    margin-top: 3px;
}
#header {
	background-image: url('https://meinhof-meinweg.at/media/allgemein/navbarbackground.png');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px;
}
#header-title {
	color: white;
	size: 1.5em;
}
body {
	padding-top: 0;
	margin: 0;
}

/*.element-item.attending {
	border: 5px solid red;
}*/

input#filter {
    width: 100%;
    margin: 20px 0;
}

h2.welcome {
    font-size: 0.875em;
    color: #236C41;
    font-weight: bold;
	margin: 40px 0 !important;
}

div#container {
	padding: 40px 20px !important;
	min-height: 400px;
}
label {
    min-width: 150px;
    overflow: hidden;
    display: inline-block;
/*      font-size: 16px;
    line-height: 100%;*/
}
.membersonly {
	border: #006600 solid 1px;
}

form .col-sm-6, form .col-sm-12 {
    margin-bottom: 20px;
    min-height: 68px;
}

a {
    color: #99815e !important;
}

img#mhmw-logo {
    margin-bottom: 0;
    display: block;
    float: right;
	max-height: 60px;
}

#login-link, #logout-link, #profile-link, #register-link {
	float: right;
	display: block;
    clear: left;
    margin-left: 10px;
}

#logo, #header-title {
	float: left;
}

#header-title {
    padding: 10px;
/*    font-size: 24px;*/
}

#header-user-container {
    text-align: right;
}

#logo-img {
	height: 97px;
	width: 97px;
}

.partner > div {
	background-position: center center; 
	background-size: contain; 
	height: 150px;
	background-repeat: no-repeat;
}

input[type="submit"], .continue {
    background-color: #236C41 !important;
    color: white !important;
    padding: 5px 10px !important;
    margin-top: 10px !important;
    border-radius: 10px !important;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
    vertical-align: middle !important;
}

a {
/*	text-decoration: underline !important;*/
}

.editform {
    border: solid 1px #CCCCCC;
    border-radius: 10px;
}

label, .hint {
    font-size: 0.75em !important;
    font-weight: normal !important;
	color: #8b8b8b !important;
}

input, select, textarea, .select2-selection {
    border-radius: 10px !important;
    padding: 3px 6px;
}

input[type=password], input[type=submit], input[type=text], select, .select2-selection, textarea {
    width: 100% !important;
}

.panel, .panel-heading, .panel-body {
	border-radius: 10px;
}

.row.partner {
    background-color: white;
    margin-top: 80px;
    border-top: #236C41 solid 2px;
    padding-top: 20px;
    padding-bottom: 80px;
}

.panel-heading {
    background-color: #236C41 !important;
    color: white !important;
}

div.element-item-content > div > * {
	font-size: 1.2em !important;
}

.treffpunkt-footer .sponsor {
	height: 200px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 40px;
}

#sponsor1 {
	background-image: url(img/bm_logo.png);
}

#sponsor2 {
	background-image: url(https://meinhof-meinweg.at/media/allgemein/eu/2_0.jpg);
}

#sponsor3 {
	background-image: url(https://meinhof-meinweg.at/media/allgemein/eu/3_0.jpg);
}


#filter::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #236C41;
    opacity: 1; /* Firefox */
}

#filter:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #236C41;
}

#filter::-ms-input-placeholder { /* Microsoft Edge */
    color: #236C41;
}


@media only screen and (max-width: 1000px) {
	input[type=checkbox] {
	    transform: scale(2);
	    margin: 10px;
	}
	
	div.element-item-content > div {
		padding: 40px;
	}
	
	div.element-item-content > div > * {
		margin-top: 40px !important;
		margin-bottom: 40px !important;
		font-size: 1.4em !important;
	}

	#container {
	    padding: 0 !important;
	    margin: 0 !important;
	    width: 100% !important;
	}
	
	body {
		font-size: 4em !important;
	}
	
	h1, h2, h3, h4, h5, h6, h7 {
    	font-size: 1.5em;
	}
	
	img#mhmw-logo {
		height: 80px !important;
	}
	
	 

/* 	body h1, body h2, body h3, body h4, body h5 {
    	font-size: 2.5em !important;
	}
	
	p, a, label {
    	font-size: 1.75em !important;
	}
	#login-link, #logout-link, #profile-link, #register-link {
	    font-size: 2.5em !important;
	}
 */	
}

/*************** NEU ****************/

.element-item {
	background-image: url('img/postit2.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	display: inline-block;
}            

.element-item-content {
	padding-bottom: 100%;
	position: relative;
    overflow: hidden;
}

div.element-item-content > div {
  position: absolute;
  top: 15px; bottom: 0; left: 0; right: 0;
}

#grid .element-item h5 {
    text-transform: none !important;
    font-size: 0.8em;
	font-family: 'Caveat', cursive;
	width: 90%;
    margin: auto;
}

#grid .element-item a h3 {
    font-size: 1.2em;
    text-transform: none !important;
    color: #B29262;
    width: 90%;
    margin: auto;
	margin-top: 5px;
    margin-bottom: 5px;
}

#grid .element-item p.desc {
    text-transform: none !important;
    font-size: 0.875em;
	font-family: 'Caveat', cursive;
    width: 90%;
    margin: auto;
	color: #236C41;
    line-height: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}

#grid .element-item h5.searchroles, #grid .element-item h5.from {
	display: none;
}

#grid .element-item a h3.f1 {
	font-family: 'Indie Flower', cursive;
}
#grid .element-item a h3.f2 {
	font-family: 'Shadows Into Light', cursive;
}
#grid .element-item a h3.f3 {
	font-family: 'Gloria Hallelujah', cursive;
}
#grid .element-item a h3.f4 {
	font-family: 'Nanum Brush Script', cursive;
}
#grid .element-item a h3.f5 {
	font-family: 'Nanum Pen Script', cursive;
}
#grid .element-item a h3.f6 {
	font-family: 'Caveat', cursive;
}
#grid .element-item a h3.f7 {
	font-family: 'Shadows Into Light Two', cursive;
}

#grid .element-item.rot1 {
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);	
}
#grid .element-item.rot2 {
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);	
}
#grid .element-item.rot3 {
	-webkit-transform: rotate(1deg);
	transform: rotate(1deg);	
}
#grid .element-item.rot4 {
	-webkit-transform: rotate(-1deg);
	transform: rotate(-1deg);	
}

.spruch.final {
	margin-left: 10px;
}