html { font-size: 14px; }
#body {
	background-color: #F2F5F5;
    font-family: 'Roboto Condensed', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    margin:  0;
}

#body.fixed { overflow: hidden; }

.left { float: left; }
.right { float: right; }
.clear { clear: left; }
.break { clear: both; }
img { display: block; }

::-moz-selection { 
    color: #333;
    background: #C3D5B1;
}

::selection {
    color: #333;
    background: #C3D5B1;
}



#body .extrapadding { box-sizing: border-box; padding-left: 30px; padding-right: 30px; }


#body .maxwidth {
	width: 1200px;
	margin: 0 auto;
}





#body input[type=text], #body input[type=email], #body input[type=passwort], #body input[type=submit] {
	-webkit-appearance: none;
} 

#body select.style {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #CCC;
	padding: 4px 10px 4px 10px;
	font-size: 14px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAUElEQVQImX2KQRGAMAwEt1WAJJxQCZyR1AJxgoU6wUH4BKav3m93r5jZBRys51VSA3x1ktQqwOLs2aiTPIEx8UgHQImIv/TeN+BO3CU9X3sBX04XIq26jCAAAAAASUVORK5CYII=);
	background-position: top 10px right 20px;
	background-repeat: no-repeat;
}

#body select.style::-ms-expand { display: none; }

#body .flag {
	display: inline-block;
	position: relative;
	z-index: 1;
	color: #FFF;
	font-size: 35px;
	line-height: 1;
	padding: 6px 15px 4px 40px;
	margin: 30px 0 0 -15px;
}

#TraminoInhalt {
    position: relative;
    z-index: 2;
}

.TraminoVorlage {
	margin: 0;
}


#content {
	margin: -150px 0 0 0;
}

#body.nomotiv #content { margin-top: 85px; }

.fancybox-title-over-wrap { left: auto !important; right: 0 !important; }

.ratio {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cookie_overlay .inner .button { background-color: transparent !important; border-width: 0 !important; cursor: default !important; }
#cookie_overlay .inner .button a { background-color: #417900 !important; color: #FFF !important;  border-radius: 5px;
    padding: 4px 30px 6px 15px;}



.T957 {
	background-color: #fff;
	max-width: 750px;
	padding: 20px;	
	margin: 30px auto !important;
	
}


.T4532 .sansationbold {
	font-size: 18px;
	margin: 0 0 5px 0;
}



.T3280 .divider {
	font-size: 1.5rem;
	display: block;
	border-bottom: 1px solid #CCC;
}

.T2886 .maxwidth { background-color: #FFF; }

.T2886 .maxwidth { padding: 0 0 1rem 0; }
body .T2886 table.cart td.total { color: #000 !important; }
body #cart .bottom_button.finish { background-color: #ff8000; border-radius: 5px; font-family: 'Roboto Condensed', sans-serif; }
body .T2886 .form .finish { font-size: 18px; background-color: #ff8000; border-radius: 5px; font-family: 'Roboto Condensed', sans-serif; }

#body .T957.maxwidth { max-width: none; margin-top: 0px !important; }
#body .T957.maxwidth h3 { display: block; max-width: 750px; margin-left: auto !important; margin-right: auto !important; }
#body .T957.maxwidth #anfrage { max-width: 750px; margin: 0 auto; }

#body.Rubrik_119690 .maxwidth { width: auto; }

#body.Rubrik_119690 #map351814 {
	width: 100vw !important;
	height: 100vh !important;
}
#body.Rubrik_119690 .leafletmap .popup {
	flex-direction: column;
}

#body.Rubrik_119690 .leafletmap .popup .image {
	width:  100%;
	margin-bottom: 0.5rem;
}

.T5759 {
    padding-top: 100px;
}



#TraminoContent .TraminoForm{font-family:Arial,sans-serif;position:relative}#TraminoContent .TraminoForm.randlos{background-color:#fff}.TraminoForm.popup{padding:5px}.TraminoForm.w1260{min-width:1200px}.TraminoForm.compact .label{display:none}.TraminoForm.popup .info,.TraminoForm.popup .label{display:none}.TraminoForm.compact .element{float:left}.TraminoForm .element.hidden{display:none}.TraminoForm.compact .element.right{float:right!important;padding-right:25px!important}.TraminoForm.aligned .groups{padding-left:65px;box-sizing:border-box}.TraminoForm form{margin:0}.TraminoForm.bigger .Widgets{max-width:700px;margin:0 auto}.TraminoForm.bigger .Widgets .Widget{font-size:15px}.TraminoForm.bigger .Widgets .group{width:100%}.TraminoForm.bigger .Widgets .element{margin-top:30px;padding-bottom:30px;border-bottom:1px solid #ddd}.TraminoForm.bigger .Widgets .label h4{margin-bottom:5px;font-size:17px}.TraminoForm.bigger .Widgets .label .help{color:#777}.TraminoForm.bigger .Widgets .input{margin-top:15px}.TraminoForm .intro{padding:20px 0}#TraminoContent .TraminoForm .intro{padding:5px 0 15px 75px;position:relative;overflow:hidden;width:auto}#TraminoContent.noheader .TraminoForm .intro{padding:5px 0 20px 25px}#TraminoContent .TraminoForm .intro.noheader{padding:5px 0 20px 25px}#TraminoContent .TraminoForm .intro button{cursor:pointer}#TraminoContent .TraminoForm .TraminoForm .intro{padding:7px 20px}#TraminoContent .TraminoForm.popup .intro{padding:0}#TraminoContent .TraminoForm .intro h3{margin:0;padding:0}#TraminoContent .TraminoForm .TraminoForm .intro h3{font-size:13px}#TraminoContent .TraminoForm .intro .text{font-size:13px;line-height:16px;color:#666;margin:9px 150px 4px 0;max-width:1000px}#TraminoContent .TraminoForm .button.root a,#TraminoContent .TraminoForm .button.root button{background:#bbb;border-radius:10px;margin-left:5px}#TraminoContent .TraminoForm .button.root a:after,#TraminoContent .TraminoForm .button.root button:after{content:" \00B9"}#TraminoContent .TraminoForm .button.root.delete button{background:#fdd}#TraminoContent .TraminoForm .button.root button:hover{background:#999}#TraminoContent .TraminoForm .button.root.delete button:hover{background:#955}#TraminoContent .TraminoForm .intro .button a,#TraminoContent .TraminoForm .intro .button button,#filterWidget .button button,.tramino_buttons .button button{font-size:12px;display:block;margin:0 0 10px 10px;padding:5px 12px;width:auto;overflow:visible;text-decoration:none;color:#eee;background-color:#777;border:0;cursor:pointer}#TraminoContent .button button:disabled{opacity:.3!important;cursor:not-allowed!important}#filterWidget .button.save a,#filterWidget .button.save button,.tramino_buttons .button.save button{background:#393}#filterWidget .button.save a:hover,#filterWidget .button.save button:hover,.tramino_buttons .button.save button:hover{background:#363}#TraminoContent .TraminoForm .intro .button.light button,#filterWidget .button button{background-color:#aaa;color:#fff}#TraminoContent .TraminoForm .intro .dual .button.first button{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;border-top-right-radius:0;border-bottom-right-radius:0;padding-right:7px}#TraminoContent .TraminoForm .intro .dual .button.second button{margin-left:0;padding:6px 8px 4px 6px;border-left:1px solid rgba(255,255,255,.3);-webkit-border-top-left-radius:1px;-webkit-border-bottom-left-radius:1px;-moz-border-radius-topleft:1px;-moz-border-radius-bottomleft:1px;border-top-left-radius:1px;border-bottom-left-radius:1px}#TraminoContent .TraminoForm .intro .button.save a,#TraminoContent .TraminoForm .intro .button.save button{background:#393}#TraminoContent .TraminoForm .intro .button.highlight a,#TraminoContent .TraminoForm .intro .button.highlight button{background:#dd3;color:#000}#TraminoContent .TraminoForm .intro .button.delete a,#TraminoContent .TraminoForm .intro .button.delete button{background:#933}#TraminoContent .footer_buttons .button.delete a,#TraminoContent .footer_buttons .button.delete button{background:#933}#TraminoContent .TraminoForm .intro .button a:hover,#TraminoContent .TraminoForm .intro .button button:hover,#filterWidget .button button:hover,.TraminoForm.panel input[type=submit]:hover{color:#fff;background:#333;border:0}#TraminoContent .TraminoForm .intro .button.save a:hover,#TraminoContent .TraminoForm .intro .button.save button:hover{background:#363}#TraminoContent .TraminoForm .intro .button.highlight a:hover,#TraminoContent .TraminoForm .intro .button.highlight button:hover{background:#cc2;color:#000}#TraminoContent .TraminoForm .intro .button.delete a:hover,#TraminoContent .TraminoForm .intro .button.delete button:hover{background:#633}#TraminoContent .footer_buttons{position:absolute;right:0;bottom:-27px;height:20px}#TraminoContent .footer_buttons button{float:right;background-color:#999;margin:1px 1px 1px 10px;padding:3px 8px 4px 8px;font-size:11px;color:#fff;cursor:pointer;text-align:center;border:0}#TraminoContent .footer_buttons button:hover{background-color:#333}.TraminoForm .notify{color:#000;font-size:12px;margin-bottom:10px}.TraminoForm .notify .warning{padding:10px 8px 10px 22px;background-color:#ff5;color:#000;margin-bottom:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.TraminoForm .notify .info{padding:10px 8px 10px 22px;background-color:#eee;color:#333}.TraminoForm .notify .ok{padding:10px 8px 10px 22px;background-color:#3a3;color:#efe}.TraminoForm .notify .error{padding:10px 8px 10px 22px;background-color:red;color:#fff}.TraminoForm .notify em{font-style:normal;font-size:11px;vertical-align:top;padding:0 6px 2px 6px}.TraminoForm .notify .warning em{background-color:#dd1}.TraminoForm .notify .ok em{background-color:#181}.TraminoForm .notify .buttons{float:right;margin-top:-3px}.TraminoForm .footer{padding:10px 20px 10px 0}#TraminoContent .TraminoForm .footer{margin-top:10px;padding:8px 20px 14px 20px;font-size:11px;color:#888;border:1px solid #ccc;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.TraminoForm .footer .button{float:left;margin:0 5px 0 0}.TraminoForm .footer .button.right{float:right;margin:0 0 0 5px}.TraminoForm .groups{padding:0;width:100%;box-sizing:border-box}.TraminoForm.compact .groups{padding:5px 0 12px 0}#TraminoContent .TraminoForm.popup .group{margin:3px 5px 7px 10px}.TraminoForm .groups .TraminoForm .groups{border:1px solid #ddd;border-radius:5px;padding:10px 0 5px 20px!important;margin-bottom:15px}#TraminoContent .TraminoForm .groups{position:relative;margin-bottom:0}#TraminoContent .TraminoForm .groups{position:relative;margin-bottom:0}#TraminoContent .TraminoForm .mandatory{margin:0 0 10px 20px;color:#999}#TraminoContent .TraminoForm.compact .groups{border:0;margin-top:0}#TraminoContent .TraminoForm.randlos .groups{border:0;margin-top:0}#TraminoContent .TraminoForm.randlos .Widgets{border:0;background-color:#fff;margin-top:0}.TraminoForm .group{float:left;padding:0 25px 10px 0;width:365px}#TraminoContent .TraminoForm .group{padding:0;margin:3px 5px 7px 15px}.TraminoForm .group .group{margin-left:0!important;margin-right:20px!important}.TraminoForm.compact .group{padding:0 0 0 10px;margin:0;width:99%}.TraminoForm.randlos .group{padding:0!important;margin:0 15px 0 0!important}#TraminoContent .TraminoForm .group .group{padding:0;margin:0 0 5px 18px}.TraminoForm .full .group{width:99%!important}.TraminoForm .element{padding:0 0 20px 0}.TraminoForm .element.cond_hide{display:none}.TraminoForm.compact .element{margin:0 12px 0 0!important}.TraminoForm.compact .element.right{margin:0 0 0 15px!important}.TraminoForm .TraminoForm .element{margin:2px 0 5px 0;padding:0 0 5px 0}.TraminoForm .label{margin:0 0 6px 0;padding-left:2px}.TraminoForm .label label span.nr{display:inline-block;background-color:#bbb;padding:1px 4px;border-radius:4px;color:#fff;margin-right:4px}.TraminoForm .label h4{font-size:14px;margin:0;padding:0}.TraminoForm .label .helper{font-size:10px;color:#aaa;background-color:#fff;margin:0 3px;padding:1px 4px;text-align:top;cursor:help;border:1px solid #ddd;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}#TraminoContent .TraminoForm .label h4{font-size:13px}.TraminoForm .label h4 span.toggle{cursor:pointer;color:inherit;text-decoration:none}.TraminoForm .input .buttons{position:absolute;top:-25px;right:0}.TraminoForm .input .right.ButtonsWidget{position:absolute;top:-25px;right:0}.TraminoForm .input .buttons .button{cursor:pointer;display:inline-block;font-size:10px;background-color:#999;padding:2px 6px 3px 6px;color:#eee}.TraminoForm .input .buttons .button:hover{background-color:#000;color:#fff}.TraminoForm .element .label .help{font-size:12px;margin:1px 0 8px 0}#TraminoContent .TraminoForm .help{font-size:11px;color:#777}.TraminoForm .element .input.error .Widget{border-bottom:1px solid #c33}.TraminoForm .element .input.error .error{color:#c33;margin-top:1px;font-size:11px;position:absolute;right:0;font-style:oblique}.TraminoForm .element .input.error .error_info{font-size:11px;padding:2px 7px;margin:1px 0 7px 0;color:#fff;background-color:red}.TraminoForm .element .Widget .info{font-size:11px;font-style:oblique;line-height:13px;margin:3px 0 7px 1px}#TraminoContent .TraminoForm .element .Widget .info{color:#999;margin:2px 0 7px 1px;font-style:normal}.TraminoForm .element.float{float:left}.TraminoForm .element.flat .label{display:inline}.TraminoForm .element.flat .label h4{display:inline}.TraminoForm .element.flat .input{display:inline}.TraminoForm .element.box .input{border:1px solid #ddd;padding:6px 10px;background-color:#fff;font-size:12px;border-radius:5px}.TraminoForm .element.box.highlight .input{border:1px solid #cc9;box-shadow:1px 1px 8px rgba(200,200,70,.8)}.TraminoForm .element.box.error .input{border:1px solid #c99;box-shadow:1px 1px 6px rgba(200,70,70,.2)}.TraminoForm .element .einheit{font-size:.7em;padding:0 .3em}.TraminoForm .element .suffix{font-size:.7em;padding:0 .5em}.TraminoForm .element .praefix{font-size:.7em;padding:0 .5em}.TraminoForm .element.islabel{position:relative}.TraminoForm .element.islabel>.input{background-color:#eee;position:absolute;left:-.5em;top:-1.3em;padding:.1em .5em;z-index:100}.TraminoForm .element.labeled{position:relative}.TraminoForm .element.labeled .input>.TraminoForm{padding-top:10px}.TraminoForm .element.labeled>.label{background-color:#eee;position:absolute;left:.5em;top:0;padding:.1em .5em;z-index:100}.TraminoForm .Widget{font-size:13px}.TraminoForm .input{padding:0;position:relative}#TraminoContent .TraminoForm .Widget .error{border-bottom:2px solid red}.TraminoForm.panel .input.hasvalue{background-color:#f60;padding:2px;margin:-2px;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px}.TraminoForm .input .multiple_buttons{position:absolute;right:10px;bottom:0}.TraminoForm .input .multiple_buttons span{margin-left:5px;background-color:#ccc;padding:1px 4px;font-size:10px}.TraminoForm .input INPUT.large{font-size:14px}.TraminoForm .input INPUT.big2{font-size:16px}.TraminoForm .input INPUT.big{font-size:16px;font-weight:700}.TraminoForm .input INPUT.huge{font-size:22px}.TraminoForm .input input[readonly]{color:#444!important}.TraminoForm .input input[disabled]{color:#666!important;cursor:not-allowed}.TraminoForm .input INPUT.monospace{font-family:Monaco,monospace}.TraminoForm .input textarea{margin:0;padding:0;width:100%;font-family:Arial,sans-serif!important;font-size:13px}.TraminoForm .input textarea.large{font-size:14px!important}.TraminoForm .input textarea.big{font-size:15px!important}.TraminoForm .input textarea.huge{font-size:22px}.TraminoForm .input.monospace textarea{font-family:Monaco,monospace!important;font-size:12px}.TraminoForm .input textarea.monospace{font-family:Monaco,monospace!important;font-size:12px}.TraminoForm .input input{margin:0;padding:3px 5px;box-sizing:border-box}.TraminoForm .input .Widget>input.full{width:100%}.TraminoForm .input input[type=search]{font-size:16px!important}.TraminoForm .input SELECT{margin:0;padding:3px 5px;font-size:16px;max-width:100%}.TraminoForm SELECT.mini{font-size:10px}.TraminoForm .large .input SELECT{font-size:18px!important}input.tiny{font-size:10px}select.tiny{font-size:10px!important}.TraminoForm .tags span{border:1px solid #999;padding:1px 3px 1px 3px;cursor:pointer}.Widget .langselector{margin-top:-15px;float:right}.TextileWidget .langselector{margin-top:-54px}.Widget .langselector2{position:absolute;top:-20px;right:0}.Widget .langselector span{background-color:#ccc;color:#333;padding:1px 3px;margin-left:2px;font-size:9px;text-transform:uppercase;cursor:pointer}.Widget .langselector span.on{background-color:#555;color:#fff}.WidgetTabs{position:relative}.WidgetTabs .head{border-bottom:1px solid #bbb;border-left:1px solid #bbb}.WidgetTabs .head a{display:block;float:left;border-color:#bbb;border-style:solid;border-width:1px 1px 0 0;background-color:#eee;padding:3px 12px;margin:0;font-size:11px;line-height:12px;color:#333}.WidgetTabs .head .tab-group{color:#999;text-transform:uppercase;font-size:10px;padding:9px 0 4px 0}.WidgetTabs a.open{background-color:#fff;color:#000;margin-bottom:-1px;padding-bottom:4px}.WidgetTabs .tab{height:0;background-color:#fff;overflow:hidden}.WidgetTabs .tab.open{height:auto}.WidgetTabs .tab .inner{border-width:0 1px 1px 1px;border-color:#ccc;border-style:solid;padding:0 0}.WidgetTabs .tab .inner .groups{margin-top:0;padding-top:0}#TraminoContent .WidgetTabs .tab .inner .groups .group{margin-top:0!important;padding-top:0!important}#TraminoContent .WidgetTabs .tab .inner .element{margin-top:0!important;padding-top:0!important}.WidgetTabs.leftbar{margin-left:-20px}.WidgetTabs.leftbar .head{width:180px;float:left;border-width:0;margin-top:-9px}.WidgetTabs.leftbar .head a{width:180px;float:none;border-width:0;padding:3px 0 3px 8px;font-size:13px;line-height:15px;color:#666}.WidgetTabs.leftbar a.open{background-color:transparent;color:#000;font-weight:700}.WidgetTabs.leftbar .head+.clear{clear:none}.WidgetTabs.leftbar .tab .inner .groups{min-height:600px;border-top:1px solid #bbb!important;padding-top:7px}#TraminoContent .RadioWidget{padding:5px 8px 5px 0}#TraminoContent .RadioWidget h3{margin:0 0;border-top:1px solid #ddd;padding-top:10px;padding-bottom:10px;font-size:12px;text-transform:uppercase}.RadioWidget .Element{float:left;padding:1px 10px 2px 5px}.RadioWidget .Element span{padding-left:4px}.RadioWidget .Element .info{margin-left:20px}#page .RadioButtonWidget{font-size:15px;display:flex;justify-content:space-between}#page .RadioButtonWidget .button{margin:0 5px;padding:9px 20px;border:2px solid #666;color:#666;cursor:pointer}#page .RadioButtonWidget .button:hover{border-color:#555;color:#555}#page .RadioButtonWidget .button.checked{background-color:#666;color:#fff}#TraminoContent .TraminoForm .RadioButtonWidget{font-size:13px;display:flex;justify-content:space-between;border:1px solid #aaa;border-radius:5px}#TraminoContent .TraminoForm .RadioButtonWidget .button{margin:0;padding:4px 20px;border-right:1px solid #aaa;cursor:pointer}#TraminoContent .TraminoForm .RadioButtonWidget .button.checked{background-color:#3a3;border-right:1px solid #3a3;color:#fff}.TraminoForm .DigitWidget{font-size:23px;font-family:Georgia;color:#393;text-align:left;margin-top:-4px;margin-right:10px}.DigitWidget .einheit{display:inline-block;font-size:13px;line-height:16px;vertical-align:bottom}.DigitWidget.red{color:red}.CheckboxWidget{margin:1px 1px}.CheckboxWidget .checkbox{float:left;padding:2px}.CheckboxWidget.rows .checkbox{float:none}.CheckboxWidget .checkbox span{padding:1px 8px 1px 4px}#TraminoContent .CheckboxWidget .checkbox.disabled span{color:#777}#TraminoContent .CheckboxWidget{border:1px solid #ccc;padding:4px 5px 6px 12px}#TraminoContent .CheckboxWidget.raw{border:0 solid #ccc;padding:2px 0 1px 0}.CheckboxWidget .checkbox .info{margin:2px 0 0 17px}.CheckboxWidget .group{clear:left;font-weight:700;color:#888;font-size:11px;padding:5px 0 0 0!important;margin:0 0 2px 0!important}.CheckboxWidget .empty{border:1px dotted #aaa;padding:2em;text-align:center;color:#aaa;font-size:11px}#TraminoContent .pwdcheckWidget{border:1px solid #ccc;padding:4px 5px 6px 12px}.WidgetMap{margin:2px 2px;overflow:hidden}#TraminoContent .WidgetMapStatic{border:1px solid #999;overflow:hidden;text-align:center}#TraminoContent .coordinates{position:absolute;bottom:-15px;left:5px;font-size:10px;color:#ccc}.TextileWidget textarea{font-family:Arial;font-size:13px}.UploadWidget{border:1px solid #aaa;padding:10px}.UploadWidget.noborder{border-width:0;padding:0}.FilesWidget{border:1px solid #999;padding:10px 0 30px 10px;background-image:url(/tramino/gfx/karo.gif);min-height:110px;box-sizing:border-box}.FilesWidget ul.sortable{list-style-type:none;margin:0;padding:0}.FilesWidget ul.sortable li{margin:0 7px 7px 0;padding:1px;float:left;width:150px;height:100px;text-align:center;cursor:move;position:relative}.FilesWidget ul.sortable li img{width:150px;height:100px;position:absolute;top:0;left:0}.FilesWidget ul.sortable li span{position:absolute;bottom:0;left:0;background-color:#fff;font-size:9px;padding:2px 5px}.FilesWidget ul.sortable li div{cursor:pointer}.FilesWidget ul.sortable li a.cancel{cursor:pointer;position:absolute;right:0;top:0;display:none;background:#fff url(//tramino.s3.amazonaws.com/tramino/gfx/i/cancel.png) no-repeat;width:18px;height:18px}.FilesWidget ul.sortable li:hover a.cancel{display:block}.FileWidget .bild{margin:0;padding:0;border:1px solid #999;width:150px;min-height:100px;overflow:hidden;background-color:#fff;background-image:url(/tramino/gfx/karo.gif)}.FileWidget img{display:block;width:150px;border:0;margin:0}.fwbuttons img{border:0}.FileWidget.opaque .FileWidgetImg{opacity:.5}#TraminoContent .Widget.AnglepickerWidget .ui-anglepicker{transform:rotate(-90deg);background:#fff;margin-bottom:5px}.SchulnotenWidget .Bewertung .Name{display:block;width:70%;margin:4px 4px 0 0}.SchulnotenWidget .Bewertung .Info{font-size:11px;font-style:oblique;color:#999;width:65%;margin-top:2px;margin-bottom:5px}.SchulnotenWidget .Bewertung .Noten{display:block;float:right;white-space:nowrap;width:10em;text-align:center}.SchulnotenWidget .Bewertung .Note{float:left;width:1.2em;font-size:11px;text-align:center;margin:0 3px 2px 0}.SchulnotenWidget .Bewertung.Absatz .Name{font-weight:700;padding:10px 0 4px 0}.SchulnotenWidget .Bewertung.Absatz .Note{padding:10px 0 4px 0}.SchulnotenWidget .Absatz .Info{padding:2px 3px 4px 8px}.SpamstopWidget .SpamstopWidget{font-size:25px!important}.SpamstopWidget span{color:#000;background-color:#fff;padding:3px 6px}.SpamstopWidget input{font-size:24px!important}.htmlWidget.whitebox{background-color:#fff;color:#000;padding:6px 10px;font-size:13px}.htmlWidget.headline{font-size:17px}.htmlWidget.large{font-size:50px;line-height:55px}.htmlWidget .groups{padding:15px 15px 0 15px!important}.htmlWidget.kompakt .groups{border-width:0!important;padding:0!important}.htmlWidget.kompakt .group{padding:0!important;margin:0 20px 5px 0!important}.htmlWidget.kompakt .element{padding:0!important;margin:0!important}.htmlWidget.kompakt .group.first{display:none}.element.kompakt{padding-bottom:10px}.QuizWidget{margin-bottom:15px}.QuizWidget .wort{float:left;white-space:nowrap}.QuizWidget .buchstabe{font-family:"Courier New";text-align:center;padding-right:2px;line-height:30px}.QuizWidget .buchstabe.highlight input{background-color:#ff0}.QuizWidget .buchstabe input{width:.8em;padding:2px 1px 2px 1px;font-size:15px;font-family:"Courier New";font-weight:700;text-align:center;box-sizing:content-box}.QuizWidget .status{margin:7px 0;font-style:oblique}.ButtonsWidget{min-height:20px}.ButtonsWidget.dock{font-size:12px;background-color:#fff;padding:5px 0 5px 7px;border:1px solid #ccc;color:#999;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}.ButtonsWidget div.button{float:left}.ButtonsWidget div.button.right{float:right}.ButtonsWidget button{font-family:Arial;float:left;background-color:#777;margin:0 7px 1px 0;padding:2px 9px 3px 9px;font-size:11px;line-height:1.1;color:#fff;cursor:pointer;text-align:center;border:0}.ButtonsWidget.right button{margin-left:7px;margin-right:0}.ButtonsWidget button:hover{background-color:#333}.ButtonsWidget .readonly button{background-color:#ddd;color:#666}.ButtonsWidget .ok button{background-color:#9c9;color:#363}.ButtonsWidget .red button{background-color:#966;color:#6363}.ButtonsWidget .notify button{background-color:#cc9;color:#663}.AdresseWidget{width:auto!important;max-width:400px}.AdresseWidget.boxed{border:1px solid #ddd;border-radius:5px;padding:10px 15px;width:370px}.AdresseWidget .Feld{float:left;padding:0 12px 0 0;box-sizing:border-box!important}.AdresseWidget .Feld.last{padding-right:0}.AdresseWidget .Feld input{padding:2px;font-size:12px;margin:0!important;box-sizing:border-box!important;width:100%!important}.AdresseWidget .Feld select{width:7.5em;font-size:15px;margin:2px 0 0 0}.AdresseWidget .Feld.error .input{border-bottom:3px solid red}.AdresseWidget .Label{font-size:11px;margin:2px 0 0 1px;opacity:.7}#TraminoContent .AdresseWidget .Label{color:#666}.AdresseWidget .Zeile{margin-top:6px}.inputerror{border-bottom:3px solid #900!important}.AdresseWidget .adresse_typ{width:30%}.AdresseWidget .adresse_typ select{width:100%}.AdresseWidget .adresse_anrede{width:30%}.AdresseWidget .adresse_anrede select{width:100%}.AdresseWidget .adresse_titel{width:40%}.AdresseWidget .adresse_vorname{width:45%}.AdresseWidget .adresse_nachname{width:55%}.AdresseWidget .adresse_firma{width:60%}.AdresseWidget .adresse_abteilung{width:40%}.AdresseWidget.no_abteilung .adresse_firma{width:100%;padding-right:0}.AdresseWidget .adresse_strasse{width:80%}.AdresseWidget .adresse_hausnr{width:20%}.AdresseWidget .adresse_plz{width:20%}.AdresseWidget .adresse_ort{width:50%}.AdresseWidget .adresse_ortsteil{width:30%}.AdresseWidget .adresse_land{width:100%}.AdresseWidget .adresse_land select{width:100%}.AdresseWidget .adresse_telefon{width:35%}.AdresseWidget .adresse_mobil{width:35%}.AdresseWidget .adresse_fax{width:30%}.AdresseWidget.telonly .adresse_telefon{width:100%}.AdresseWidget.no_fax .adresse_telefon{width:50%}.AdresseWidget.no_fax .adresse_mobil{width:50%}.AdresseWidget .adresse_email{width:100%;padding-right:0}.AdresseWidget .adresse_www{width:100%;padding-right:0}.traminosuggest{border:1px solid gray;background-color:#fff;padding:0;margin:0;list-style:none;position:absolute;z-index:15092;display:none;font-size:12px}.traminosuggest li{padding:2px 5px;white-space:nowrap;color:#101010;text-align:left;border-bottom:1px solid #ddd;overflow:hidden;clear:left}.traminosuggest li img{float:left;width:40px;padding-right:5px}.traminosuggest li span.info_before{white-space:nowrap;color:#000;text-align:left;font-weight:700}.traminosuggest li span.info_after{white-space:nowrap;color:#333;text-align:left;font-size:.75em}.traminosuggest_match{text-decoration:underline}.traminosuggest li.traminosuggest_over{cursor:pointer;color:#fff;background-color:#f60}.TabelleWidget .box{border-left:1px solid #999;border-top:1px solid #999}.TabelleWidget input.zelle{padding:2px;background-color:#fff;border-right:1px solid #999;border-left:0 solid #fff;border-bottom:1px solid #999;border-top:0 solid #fff;margin:0;width:95px;font-size:12px;height:15px;float:left}.TabelleWidget div.zelleheader,.TabelleWidget div.zelleheaderplus{padding:2px;background-color:#ddd;border-right:1px solid #999;border-left:0 solid #999;border-bottom:1px solid #999;border-top:0 solid #999;color:#777;font-size:12px;margin:0;width:95px;float:left;text-align:center;height:15px}.TabelleWidget div.zelleheader.left{width:15px}.TabelleWidget div.zelleheaderplus{width:15px;cursor:pointer;font-size:14px;background:#eee}.TabelleWidget div.zelleheaderplus:hover{background:#999;color:#fff}.TraminoForm.panel{border-top:1px solid #ddd;padding:3px 0 3px 0;margin-bottom:7px}@media print{#TraminoContent{padding-top:0!important}.noprintintro.TraminoForm .intro{display:none}}.TraminoForm.panel .groups{margin:0!important;padding:0!important;border-width:0!important}.TraminoForm.panel .group{margin:7px 10px 4px 15px!important;padding:0!important}.TraminoForm.panel .group.first{width:900px}.TraminoForm.panel .label{margin:0 0 3px 0}.TraminoForm.panel .label h4{font-size:11px!important;color:#999;font-weight:400}.TraminoForm.panel .group .element{float:left;margin:0 15px 5px 0;padding:3px 0 2px 0}.TraminoForm.panel .group .element.border_right{border-right:1px solid #ccc;padding-right:15px}@media screen{.TraminoForm.panel .group.right{margin:7px 0 4px 20px!important;float:right}.TraminoForm.panel .group.right .element{float:right;margin:0 20px 0 0}}@media print{body .TraminoForm.panel .group{width:auto!important}}.TraminoForm.panel .icon{width:40px;height:38px;text-align:center;border:1px solid #ccc;cursor:pointer}.TraminoForm.panel .icon.on{background-color:#fff;border-color:#393;border-width:2px}.TraminoForm.panel .icon img{padding:4px 5px 0 5px;width:16px;height:16px}.TraminoForm.panel .icon span{display:block;color:#888;font-size:10px}.TraminoForm.panel .icon:hover{background-color:#eee;border-color:#eee;color:#fff}.TraminoForm.panel input[type=submit]{text-align:center;color:#fff;background-color:#777;border-width:0;padding:5px 10px;font-size:12px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;cursor:pointer}.TraminoForm.insert{margin-top:-10px;background-color:#fff!important;border:1px solid #ddd!important;padding:4px 0 0 0;border-radius:8px;-webkit-border-radius:10px;-moz-border-radius:10px;-webkit-box-shadow:1px 1px 7px #bbb;-moz-box-shadow:1px 1px 7px #bbb;box-shadow:1px 1px 7px #bbb}.TraminoForm.insert .Widget .info{margin:3px 0 0 0!important;color:#bbb!important}#TraminoContent .TraminoForm .TraminoForm.panel.switch{margin-top:-10px;background-color:#fff!important;border:0 solid #ddd!important;padding:4px 0 0 0;text-align:center;min-height:auto;margin-bottom:0;margin-top:10px}.TraminoForm.panel.switch .groups{display:inline-block!important;width:auto!important}.TraminoForm.panel.switch .group.first{width:auto!important}.TraminoForm.panel.switch .Widget .info{margin:3px 0 0 0!important;color:#bbb!important}#TraminoCart SELECT{font-size:12px}#TraminoContent #traminobox .TraminoForm{margin:0}#TraminoContent #traminobox .TraminoForm .intro{padding:0 10px 15px 0;font-size:15px;color:#444}#TraminoContent #traminobox .TraminoForm .intro h3{margin:0 0 10px 0;font-size:24px;font-family:Georgia;font-weight:400;color:#000}#TraminoContent #traminobox .TraminoForm .intro p{margin:10px 0}#TraminoContent #traminobox .TraminoForm .groups{border:0 solid #fff;padding:0}#TraminoContent #traminobox .TraminoForm .group{padding:0 20px 20px 0;margin:0}#TraminoContent #traminobox .TraminoForm .group.first{padding:0}#TraminoContent #traminobox .TraminoForm .headerbuttons{margin:0}#TraminoContent #traminobox .body.wideform .TraminoForm{margin:20px 15px 5px 15px}#traminobox .TraminoForm .button a,#traminobox .TraminoForm .button button{font-size:12px;display:block;margin:0 0 10px 10px;padding:5px 12px;width:auto;overflow:visible;text-decoration:none;color:#eee;background-color:#777;border:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#traminobox .TraminoForm .button.save a,#traminobox .TraminoForm .button.save button{background:#393}.Widget.DatumZeitraum .datepickergroup{position:relative;width:400px}.Widget.DatumZeitraum .datepickergroup .loading{position:absolute;top:0;bottom:0;left:0;right:0;background:#fff url(//tramino.s3.amazonaws.com/tramino/gfx/loading.gif) no-repeat center center;opacity:.7}.Widget.DatumZeitraum .datepickergroup .ui-datepicker td.highlight_disabled.ui-datepicker-unselectable span{background:#ddd!important;color:#ddd!important}.datepickergroup .loading.hidden{display:none}.datepickergroup .ui-datepicker td.highlight_disabled a,.datepickergroup .ui-datepicker td.highlight_disabled span{background-color:#eee!important;color:#bbb!important;cursor:default}.datepickergroup .ui-datepicker td.highlight_booked a,.datepickergroup .ui-datepicker td.highlight_booked span{background:#509727!important;color:#fff!important}.datepickergroup .ui-datepicker td.active a,.datepickergroup .ui-datepicker td.active span{background:#ccf!important}.datepickergroup .ui-datepicker td.ui-state-disabled{visibility:hidden}.datepickergroup .ui-datepicker th{color:#aaa!important;padding:0 0 3px 0;font-size:11px}#FacebookConnect .button{border:1px solid #bbb;color:#fff;padding:3px 8px}#FacebookConnect .button a{color:#fff}#fullCalendar{margin:15px 0 0 0;font-size:13px}#fullCalendar .fc-header-title{padding-left:15px}#fullCalendar .fc-header-title h2{margin:0}#fullCalendar .fc-first th{padding:4px 0 4px 0}#fullCalendar .fc-button{padding-left:15px;padding-right:15px}#fullCalendar .fc-week-number{text-align:center}#fullCalendar a.fc-event{color:#fff;font-size:12px}.TraminoForm .datenschutz_footer{margin:20px 0 0 0;font-size:.9rem}@media all and (max-width:567px){#TraminoContent .TraminoForm .group{width:100%!important;padding-right:0!important}#TraminoContent .TraminoForm .AdresseWidget{max-width:none!important;width:100%!important}#TraminoContent .TraminoForm .AdresseWidget .Feld{padding:0!important;margin:0!important;width:100%!important}.TraminoForm .element{padding:0 0 8px 0}.TraminoForm .label{margin:0 0 3px 0}.TraminoForm .label h4{font-size:12px}.TraminoForm .AdresseWidget .adresse_vorname{width:calc(35% - 5px)!important;margin-right:5px!important}.TraminoForm .AdresseWidget .adresse_nachname{width:65%!important}.TraminoForm .AdresseWidget .adresse_firma{width:calc(45% - 5px)!important;margin-right:5px!important}.TraminoForm .AdresseWidget .adresse_abteilung{width:55%!important}.TraminoForm .AdresseWidget .adresse_strasse{width:calc(80% - 5px)!important;margin-right:5px!important}.TraminoForm .AdresseWidget .adresse_hausnr{width:20%!important}.TraminoForm .AdresseWidget .adresse_plz{width:calc(20% - 5px)!important;margin-right:5px!important}.TraminoForm .AdresseWidget .adresse_ort{width:calc(50% - 5px)!important;margin-right:5px!important}.TraminoForm .AdresseWidget .adresse_ortsteil{width:30%!important}.TraminoForm .AdresseWidget .adresse_telefon{width:calc(33.33% - 5px)!important;margin-right:5px!important}.TraminoForm .AdresseWidget .adresse_fax{width:calc(33.33% - 5px)!important;margin-right:5px!important}.TraminoForm .AdresseWidget .adresse_mobil{width:33.33%!important}}.carousel .wrapper {
	position: relative;
	overflow: hidden;
}

.carousel .inner:after {
	display: block;
	content: "";
	clear: left;
}


.controls .control {
	position: absolute;
	top: 50%;
	z-index: 5;
}


.carousel .carousel_inner {
    position: relative;
    overflow: hidden;
}

.controls .next { right: 10px; }
.controls .prev { left: 10px; }

.controls .control .c_inner {
	position: relative;
	width: 54px;
	height: 54px;
	border-radius: 54px;
	display: block;
	background-color: #FFF;
	cursor: pointer;
	box-shadow: 2px 2px 7px rgba(0,0,0,0.3);
	-ms-transform: translate(0,-50%);
	    transform: translate(0,-50%);
}

.controls .control i {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 27px;
}.tofilter { min-height: 700px; }
.tofilter .filterbar {
	width: 240px;
	background-color: #EEEEEE;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 2;
	padding: 15px 0;
}

.tofilter .filterbar .inner { position: relative; }
.tofilter .filterbar .mobileclose { display: none; position: absolute; top: -5px; right: 10px; cursor: pointer; }

.tofilter .filterbar .box {
	margin: 0 0 20px 30px;
}

.tofilter .filterbar .box .headline {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}

.tofilter .filterbar .box ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tofilter .filterbar .box ul li {
	margin: 0;
	padding: 0;
}

.tofilter .filterbar .box ul li span {
	position: relative;
	font-size: 16px;
	line-height: 1;
	padding: 0 0 0 25px;
	cursor: pointer;
}

.tofilter .filterbar .box ul li span:before {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	background: #fff;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	text-align: center;
}

.tofilter .filterbar .box ul li span.active:before {
	background-color: #711C74;
	background-image: url(https://tramino.s3.amazonaws.com/s/explorer-hotels/767029/checkbox.png);
	background-position: top left;
	background-repeat: no-repeat;
}


.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper {
	position: relative;
	width: 180px;
}

.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .minvalue {
	position: absolute;
	top: 0;
	left: 0;
}

.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .maxvalue {
	position: absolute;
	top: 0;
	right: 0;
}

.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .sliderrangewrapper {
	padding-top: 30px;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .sliderrange {
	width: 100%;
}


.tofilter .mobilefilter { 
	cursor: pointer;
	display: none;
	margin: 0 0 20px 20px;
	border: 1px solid #555;
	color: #555;
	padding: 4px 12px;
	font-size: 14px;
}
.tofilter .mobilefilter i { font-size: 16px; } 

.tofilter .mobilefilter.open { background-color: #555; color: #FFF; }

.tofilter .nomatch { display: none; }
#body .sansationbold {
	font-family: 'sansationbold';
	font-weight: normal;
	font-variant-ligatures: no-common-ligatures;
}

#body .green { color: #408100; }

#body .orange { color: #FF8000; }
#body .bg_orange { background-color: #FF8000; }

#body .purpel { color: #702173; }
#body .bg_purpel { background-color: #702173; }

#body .button {
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
	color: #FFF !important;
	border-radius: 5px;
	padding: 4px 30px 6px 15px;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	text-decoration: none;
	background-color: #417900;
	border: 1px solid #417900;
	display: inline-block;
}
#body .button:hover { background-color: #166205; border-color: #166205; }

#body .button.no_icon { padding: 4px 15px 6px 15px; }
#body .button.hide { opacity: 0; }


#body .button.booking {
	background-color: #FF8000;
	border: 1px solid #FF8000;
}
#body .button.booking:hover { background-color: #E85A0C; border-color: #E85A0C; }


#body .button.purpel { background-color: #702173; border-color: #702173; color: #FFF; }
#body .button.purpel:hover { background-color: rgba(112, 33, 115,.8);  }

#body .button i {
	position: absolute;
	top: 50%;
	right: 5px;
	font-size: 13px;
	transform: translate(0,-50%);
}

#body .textstyle {
	font-size: 19px;
	line-height: 1.4;
	color: #333333;
}

#body .textstyle.teaser {
	line-height: 1.3;
}

#body .textstyle p {
	margin-top: 0;
}

#body .textstyle a, #body a.linkstyle, #body .linkstyle a { color: #000; }
#body .textstyle a:hover, #body a.linkstyle:hover, #body .linkstyle a:hover { color: #339; }


#body .textstyle h3 {
	font-size: 19px;
	line-height: 1.4;
	color: #333333;
	font-weight: 700;
	margin: 0 0 20px 0;
}

#body .textstyle table {
	border-spacing: 0px; border-width: 0px;
	margin: 0 0 20px 0;
}
#body .textstyle table td {
	border-bottom: 1px solid #CCC;
	padding: 6px 10px;
	vertical-align: top;
}

#body .textstyle table tr:first-child td { border-top: 1px solid #CCC; }

#body .textstyle .orangetable {
	border-left: 4px solid #FF8000;
	padding-left: 10px;
}

#body .teaser-headline {
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	font-size: 25px;
	line-height: 1.1;
}

#body .teaser-headline a { color: #000; text-decoration: none; }



@media all and (min-width: 1000px) and (max-width: 1250px) {
	#body .button { font-size: 15px; }
	#body .button i { font-size: 12px; }

	#body .textstyle { font-size: 18px; }
	#body .textstyle h3 { font-size: 18px; }

	#body .teaser-headline { font-size: 23px; }
}

@media all and (min-width: 768px) and (max-width: 999px) {
	#body .button { font-size: 14px; padding: 3px 22px 4px 12px; }
	#body .button.no_icon { padding: 3px 12px 4px 12px; }
	#body .button i { font-size: 11px; }

	#body .textstyle { font-size: 17px; }
	#body .textstyle h3 { font-size: 17px; }

	#body .teaser-headline { font-size: 21px; }
}

@media all and (min-width: 568px) and (max-width: 767px) {
	#body .button { font-size: 15px;  }
	#body .button i { font-size: 11px; }

	#body .textstyle { font-size: 16px; }
	#body .textstyle h3 { font-size: 16px; }

	#body .teaser-headline { font-size: 18px; }
}

@media all and (max-width: 567px) {
	#body .button { font-size: 15px; }
	#body .button i { font-size: 11px; }

	#body .textstyle { font-size: 15px; }
	#body .textstyle h3 { font-size: 15px; }

	#body .teaser-headline { font-size: 17px; }
}

.lazyload {
	opacity: 0;
}
.lazyloading {
    opacity: 1;
    transition: 600ms opacity;
    min-height: 60px;
    background-color: #DDD;
    animation-name: laoding;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 1500ms;
}
.lazyloaded {
    opacity: 1;
    transition: 10ms opacity;
}
.ratio-container {
    position: relative;
}
.ratio-container:after {
    content:'';
    display: block;
    height: 0;
    width: 100%;
  }



@keyframes laoding {
	0% { background-color: #DDD; }
	20% { background-color: #CCC; }
	40% { background-color: #BBB; }
	60% { background-color: #AAA; }
	80% { background-color: #BBB; }
	100% { background-color: #CCC; }
}@media (min-width: 567px) {
}

@media (min-width: 768px) {
	html { font-size: 15px; }
}

@media (min-width: 1024px) {
	html { font-size: 16px; }
}

@media (min-width: 1280px) {

}



@media all and (min-width: 1000px) and (max-width: 1250px) {
	#body .maxwidth { width: 940px; margin: 0 auto; }
	#body .maxwidth_break_smallscreen { width: auto; margin: 0; }

	#body .extrapadding { padding-left: 25px; padding-right: 25px; }

	

	#body .flag { font-size: 30px; }

	

	#content { margin: -120px 0 0 0; }

	.controls .control .c_inner {
		width: 47px;
		height: 47px;
		border-radius: 47px;
	}

	.controls .control i { font-size: 25px; }

	.tofilter .filterbar { width: 220px; }
	.tofilter .filterbar .box .headline { font-size: 18px; }
	.tofilter .filterbar .box ul li span { font-size: 15px; }

}

@media all and (min-width: 768px) and (max-width: 999px) {
	body { -webkit-text-size-adjust: 100%; }
	#body .maxwidth { width: auto; margin: 0 25px; }

	#body .maxwidth_break_tablet { width: auto; margin: 0; }
	#body .extrapadding { padding-left: 20px; padding-right: 20px; }

	

	#body .flag {
		font-size: 25px;
		padding: 6px 15px 4px 30px;
		margin: 20px 0 0 -8px;
	}

	

	#content { margin: -70px 0 0 0; }

	.controls .control .c_inner {
		width: 42px;
		height: 42px;
		border-radius: 42px;
	}
	.controls .control i { font-size: 22px; }

	.tofilter .filterbar { width: 200px; }
	.tofilter .filterbar .box .headline { font-size: 17px; }
	.tofilter .filterbar .box ul li { margin: 0 0 5px 0; }
	.tofilter .filterbar .box ul li span { font-size: 14px; padding-top: 3px; }

	.tofilter .filterbar .box[data-filtertype="slider"] .sliderwrapper { width: 160px; }
	.tofilter .filterbar .box[data-filtertype="slider"] .sliderwrapper .sliderrange { width: 95%; }

}

@media all and (min-width: 568px) and (max-width: 767px) {
	body { -webkit-text-size-adjust: 100%; }
	#body .maxwidth { width: auto; margin: 0 20px; }
	#body .maxwidth_break_mobile_big { width: auto; margin: 0; }

	#body .extrapadding { padding-left: 20px; padding-right: 20px; }


	

	#body .flag {
		font-size: 25px;
		padding: 6px 15px 4px 30px;
		margin: 20px 0 0 -8px;
	}

	

	#content { margin: -30px 0 0 0; }

	.controls .control .c_inner {
		width: 38px;
		height: 38px;
		border-radius: 38px;
	}
	.controls .control i { font-size: 19px; }

	.tofilter .mobilefilter { display: block; }
	.tofilter .filterbar {
		width: 200;
		-webkit-transform: translateX(-100%);
		transform: translateX(-110%);
		transition: transform 300ms linear;
	}
	.tofilter .filterbar.open {
		-webkit-transform: none;
		transform: none;
		transition: transform 300ms linear;
	}
	.tofilter .filterbar .mobileclose { display: block; }

	.tofilter .filterbar .box .headline { font-size: 17px; }
	.tofilter .filterbar .box ul li { margin: 0 0 5px 0; }
	.tofilter .filterbar .box ul li span { font-size: 14px; padding-top: 3px; }

	.tofilter .filterbar .box[data-filtertype="slider"] .sliderwrapper { width: 160px; }
	.tofilter .filterbar .box[data-filtertype="slider"] .sliderwrapper .sliderrange { width: 95%; }

}

@media all and (min-width: 381px) and (max-width: 567px) {
	body { -webkit-text-size-adjust: 100%; }
	
	#body .maxwidth { width: auto; margin: 0 15px; }
	#body .maxwidth_break_mobile { width: auto; margin: 0; }

	#body .extrapadding { padding-left: 15px; padding-right: 15px; }

	

	#body .flag {
		font-size: 25px;
		padding: 6px 15px 4px 30px;
		margin: 20px 0 0 -8px;
	}

	

	#content { margin: 0; }

	.controls .control .c_inner {
		width: 33px;
		height: 33px;
		border-radius: 33px;
	}

	.controls .control i { font-size: 16px; }
	
	.tofilter .mobilefilter { display: block; }
	.tofilter .filterbar {
		width: 200;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		transition: transform 300ms linear;
	}
	.tofilter .filterbar.open {
		-webkit-transform: none;
		transform: none;
		transition: transform 300ms linear;
	}
	.tofilter .filterbar .mobileclose { display: block; }

	.tofilter .filterbar .box .headline { font-size: 16px; }
	.tofilter .filterbar .box ul li { margin: 0 0 5px 0; }
	.tofilter .filterbar .box ul li span { font-size: 14px; padding-top: 3px; }

	.T3247 #cart table {
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100% !important;
		display: block;
	}

	#body .textstyle table  {
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100% !important;
		display: block;
	}

}

@media all and (max-width: 380px) {
	body { -webkit-text-size-adjust: 100%; }
	
	#body .maxwidth { width: auto; margin: 0 10px; }
	#body .maxwidth_break_mobile { width: auto; margin: 0; }

	#body .extrapadding { padding-left: 15px; padding-right: 15px; }

	#body .button { font-size: 15px; }
	#body .button i { font-size: 11px; }

	#body .flag {
		font-size: 25px;
		padding: 6px 15px 4px 30px;
		margin: 20px 0 0 -8px;
	}

	#body .textstyle { font-size: 15px; }
	#body .textstyle h3 { font-size: 15px; }

	#body .teaser-headline { font-size: 16px; }


	#content { margin: 0; }
	
	.controls .control .c_inner {
		width: 33px;
		height: 33px;
		border-radius: 33px;
	}

	.controls .control i { font-size: 14px; }

	.tofilter .mobilefilter { display: block; }
	.tofilter .filterbar {
		width: 200;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		transition: transform 300ms linear;
	}
	.tofilter .filterbar.open {
		-webkit-transform: none;
		transform: none;
		transition: transform 300ms linear;
	}
	.tofilter .filterbar .mobileclose { display: block; }

	.tofilter .filterbar .box .headline { font-size: 16px; }
	.tofilter .filterbar .box ul li { margin: 0 0 5px 0; }
	.tofilter .filterbar .box ul li span { font-size: 14px; padding-top: 3px; }

	.T3247 #cart table {
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100% !important;
		display: block;
	}

	#body .textstyle table  {
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100% !important;
		display: block;
	}

}.me-headline {
	position: relative;
	color: #FFF;
    background-color: #702173;
    font-size: 26px;
    display: inline-block;
    margin: 0px -15px 5px -30px;
    padding: 9px 25px;
}

.me-headline.style2 {
	margin: -10px -15px 5px -15px;
}

.me-wrapper {
	
	background-color: #FFF;
	padding: 0;
	box-sizing: border-box;
}



@media all and (max-width: 767px) {

	.me-wrapper { margin: 0; }

}