#responsiveEditor {
    margin-top: 10px;
}

#responsiveEditor table {
    border-collapse: collapse !important;
}

#responsiveEditor table td {
    padding: 0;
    vertical-align: inherit;
}

.legoRightPanel {
    width: 144px;
    border: 1px solid #cccccc;
    background: #ffffff;
    margin-top: 20px;
}

.legoRightPanel.fixed {
    position: fixed;
    top: 0;
    left: 10px;
}

.legoRightPanel h2 {
    font-size: 14px;
    margin: 0 0 10px 0;
}

.toggleGroup h2 {
    background-image: url("/img/editor/toggle_icon.png");
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 20px;
    cursor: pointer;
}

.toggleGroup.open h2 {
    background-position: 0 -55px;
}

#legoLayouts {
    padding: 10px 0 10px 10px;
    background: #fff;
    width: 130px;
    margin-bottom: 10px;
}

.legoLayoutsElementWrapper {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.legoLayoutsElementWrapper .legoLayoutsElement {
    text-align: center;
    width: 50px;
    height: 70px;
    border: 1px solid #cccccc;
    background: #ffffff;
    cursor: pointer;
}

.legoLayoutsElementWrapper .legoLayoutsElement#SEMIFREE,
.legoLayoutsElementWrapper .legoLayoutsElement#LAYOUT_1,
.legoLayoutsElementWrapper .legoLayoutsElement#LAYOUT_2,
.legoLayoutsElementWrapper .legoLayoutsElement#LAYOUT_3,
.legoLayoutsElementWrapper .legoLayoutsElement#LAYOUT_4,
.legoLayoutsElementWrapper .legoLayoutsElement#LAYOUT_5,
.legoLayoutsElementWrapper .legoLayoutsElement#CONTACT,
.legoLayoutsElementWrapper .legoLayoutsElement.layoutHasData#SEMIFREE,
.legoLayoutsElementWrapper .legoLayoutsElement.layoutHasData#LAYOUT_1,
.legoLayoutsElementWrapper .legoLayoutsElement.layoutHasData#LAYOUT_2,
.legoLayoutsElementWrapper .legoLayoutsElement.layoutHasData#LAYOUT_3,
.legoLayoutsElementWrapper .legoLayoutsElement.layoutHasData#LAYOUT_4,
.legoLayoutsElementWrapper .legoLayoutsElement.layoutHasData#LAYOUT_5,
.legoLayoutsElementWrapper .legoLayoutsElement.layoutHasData#CONTACT {
    background-image: url("/img/editor/layouts.png");
    background-repeat: no-repeat;
}

.legoLayoutsElementWrapper .legoLayoutsElement#SEMIFREE {
    background-position: 0 0;
}

.legoLayoutsElementWrapper .legoLayoutsElement.layoutHasData#SEMIFREE {
    background-position: 0 -80px;
}

.legoLayoutsElementWrapper .legoLayoutsElement#LAYOUT_1 {
    background-position: -60px 0;
}

.legoLayoutsElementWrapper .legoLayoutsElement.layoutHasData#LAYOUT_1 {
    background-position: -60px -80px;
}

.legoLayoutsElementWrapper .legoLayoutsElement#LAYOUT_2 {
    background-position: -120px 0;
}

.legoLayoutsElementWrapper .legoLayoutsElement.layoutHasData#LAYOUT_2 {
    background-position: -120px -80px;
}

.legoLayoutsElementWrapper .legoLayoutsElement#LAYOUT_3 {
    background-position: -180px 0;
}

.legoLayoutsElementWrapper .legoLayoutsElement.layoutHasData#LAYOUT_3 {
    background-position: -180px -80px;
}

.legoLayoutsElementWrapper .legoLayoutsElement#LAYOUT_4 {
    background-position: -240px 0;
}

.legoLayoutsElementWrapper .legoLayoutsElement.layoutHasData#LAYOUT_4 {
    background-position: -240px -80px;
}

.legoLayoutsElementWrapper .legoLayoutsElement#LAYOUT_5 {
    background-position: -300px 0;
}

.legoLayoutsElementWrapper .legoLayoutsElement.layoutHasData#LAYOUT_5 {
    background-position: -300px -80px;
}

.legoLayoutsElementWrapper .legoLayoutsElement#CONTACT {
    background-position: -360px 0;
}

.legoLayoutsElementWrapper .legoLayoutsElement.layoutHasData#CONTACT {
    background-position: -360px -80px;
}

#gadgetsAndNewAndTWLegosteine,
#legoSteine {
    padding: 10px;
    background: #fff;
}
#gadgetsAndNewAndTWLegosteine p,
#legoLayouts p,
#legoSteine p {
    margin: 5px 0 0 0;
    font-size: 10px;
}

.constructorElement{
}

.layout1Quadrant{
    width: 470px;
    height: 470px;
}
.layout1Rectangle{
    width: 950px;
    height: 470px;
}

.floatRight{
    float: right;
}
.floatLeft{
    float: left;
}

.closeButtonResponsiveTiny,
.revertButtonResponsiveTiny {
    text-align: center;
    cursor: pointer;
    border: 1px solid #666666 !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px !important;
    background-color: #dddddd !important;
    float: left;
    display: inline-block;
    margin: 0 10px 10px 10px !important;
}

.revertButtonResponsiveTiny {
    margin: 0 0 10px 0 !important;
}

.buttonPanel {
    position: absolute;
    top: 5px;
    right: 5px;
}

.tileSize {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 12px;
}

.addContentButtonLegoStein {
    width: 30px;
    height: 30px;
    margin: 0 0 5px 0;
    /*text-align: center;*/
    /*vertical-align: middle;*/
    cursor: pointer;
    /*border: 1px solid #666666;*/
    /*-moz-border-radius: 5px;*/
    /*-webkit-border-radius: 5px;*/
    /*border-radius: 5px;*/
    /*padding: 5px 10px 5px 10px;*/
    /*background-color: rgba(221,221,221,0.5);;*/
    /*font-size: 14px;*/
    display: block;
}

.addContentButtonLegoStein.singleButton {
    position: absolute;
    top: 0;
    right: 0;
}
.legoStein .addContentButtonLegoStein.deleteButton.singleButton,
.gadgetFrei .addContentButtonLegoStein.deleteButton.singleButton{
    position: relative;
}

.addContentButtonLegoStein.imageButton,
.addContentButtonLegoStein.textButton,
.addContentButtonLegoStein.deleteButton,
.addContentButtonLegoStein.editButton,
.addContentButtonLegoStein.imageLinkButton,
.addContentButtonLegoStein.colorButton,
.addContentButtonLegoStein.divideButton{
    background-color: #ffffff;
    background-image: url("/img/editor/edit_template_icons.png");
    background-repeat: no-repeat;
    opacity: 0.8;
}

.addContentButtonLegoStein.imageButton {
    background-position: 3px -82px;
}

.addContentButtonLegoStein.textButton {
    background-position: 4px -123px;
}

.addContentButtonLegoStein.deleteButton {
    background-position: 3px 3px;
    background-color: transparent;
}

.addContentButtonLegoStein.editButton {
    background-position: 3px -41px;
}

.addContentButtonLegoStein.imageLinkButton {
    background-position: 3px -211px;
}
.addContentButtonLegoStein.colorButton {
    background-position: 3px -255px;
}
.addContentButtonLegoStein.divideButton {
    background-position: 3px -299px;
}

.addContentButtonLegoStein:hover {
    opacity: 1;
}

.legoStein {
    position: relative;
    box-sizing: border-box;
    /*margin: 0 5px 0 5px;*/
    padding: 10px;
}

.legoStein.image {
    padding: 0;
    border: none;
}

.legoSteinQuadrant{
    width: 50px;
    height: 50px;
}

.legoSteinRectangle{
    width: 100px;
    height: 50px;
}

.legoSteinMoved {
    background: #ffffff;
    border: 1px solid #cccccc;
    /*-moz-border-radius: 10px;*/
    /*-webkit-border-radius: 10px;*/
    /*border-radius: 10px;*/
    /*margin-top: -7px;*/
    /*margin-left: -7px;*/
}

.legoSteinHelper {
    background: #dffdff;
    border-style: solid;
    z-index: 9999;
}

#legoSlots{
    padding: 10px 10px 0 10px;
    border: 1px solid #cccccc;
    /*-moz-border-radius: 10px;*/
    /*-webkit-border-radius: 10px;*/
    /*border-radius: 10px;*/
    /*-moz-box-shadow: 0 0 .3em rgba(0, 0, 0, .8);*/
    /*-webkit-box-shadow: 0 0 .3em rgba(0, 0, 0, .8);*/
    /*box-shadow: 0 0 .3em rgba(0, 0, 0, .8);*/
    background: #ffffff;
    /*text-align: center;*/
}

.GNTwrow{
    border: 1px dashed #cccccc;
    background-color: #ffffff;
    width: 1440px;
    margin-bottom: 10px;
}

.GADGETrow{
    height: 210px;
    background-image: url(../img/editor/dummy_gadget_gadget.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 950px 210px;
    margin: 0 5px 10px 5px;
}

.NEWSrow{
    height: 300px;
    background-image: url(../img/editor/dummy_gadget_news.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1440px 300px;
    margin: 0 5px 10px 5px;
}

.TOPICOFWEEKrow{
    height: 300px;
    background-image: url(../img/editor/dummy_gadget_tdw.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1440px 300px;
    margin: 0 5px 10px 5px;
}

.NEWSTOPICOFWEEKrow{
    height: 300px;
}

.GNTwStein {
    position: relative;
}

.legoslotrow {
    border: 1px dashed #cccccc;
    /*-moz-border-radius: 10px;*/
    /*-webkit-border-radius: 10px;*/
    /*border-radius: 10px;*/
    /*margin: 0 0 0 10px;*/
    background: #f9f9f9;
    /*text-align: center;*/
    /*font-style: italic;*/
    /*margin-top: 5px;*/
    width: 1440px;
    height: 695px;
    margin-bottom: 10px;
}
.legoslotrowminimized{
    width: 1420px;
}

.GNTwrow table td:nth-of-type(2),
.legoslotrow table td:nth-of-type(2) {
    padding-left: 50px !important;
}

#legoSlots div.hovered {
    background: #aaaaaa;
}

#gadgetsAndNewAndTWLegosteine .toggle div,
#legoSteine .toggle div {
    border: 1px solid #cccccc;
}

#gadgetsAndNewAndTWLegosteine .toggle div + p,
#legoSteine .toggle div + p {
    margin-bottom: 10px;
}

#div.ui-draggable-dragging div {
    /*background: #666;*/
    color: #ffffff;
    margin-top: 10px;
    border: 1px solid #cccccc;
    /*-moz-border-radius: 10px;*/
    /*-webkit-border-radius: 10px;*/
    /*border-radius: 10px;*/
    font-size: 50px;
    /*border-style: ridge;*/
    /*text-shadow: 0 0 3px #000;*/
}

#gadgetsAndNewAndTWLegosteine div.ui-draggable-dragging,
#legoSteine div.ui-draggable-dragging {
    -moz-box-shadow: 0 0 .1em rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 .1em rgba(0, 0, 0, .8);
    box-shadow: 0 0 .1em rgba(0, 0, 0, .8);
}

.tinyContent {
    /*font-size: 0.75rem;*/
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.addGNTwButton {
    display: inline-block;
    margin: 0 5px 3px 0;
    cursor: pointer;
    border: 1px solid #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    background-color: #ececec;
    font-size: 14px;
    text-decoration: none;
}

.addGNTwButton:hover {
    text-decoration: none !important;
    background-color: #dddddd;
}

.gadgetAktuell{
    background-image: url(../img/editor/dummy_gadget_aktuelles.jpg);
    background-repeat: no-repeat;
    background-size: 470px 210px;

}
.gadgetWerbebanner{
    background-image: url(../img/editor/dummy_gadget_banner.jpg);
    background-repeat: no-repeat;
    background-size: 470px 210px;

}
.gadgetElektroforum{
    background-image: url(../img/editor/dummy_gadget_eforum.jpg);
    background-repeat: no-repeat;
    background-size: 470px 210px;

}
.gadgetLogin{
    background-image: url(../img/editor/dummy_gadget_login.jpg);
    background-repeat: no-repeat;
    background-size: 470px 210px;

}




/*Kopiert aus EO*/
.clearfix::before, .clearfix::after {
    content: '';
    display: table;
}

.clearfix::after {
    clear: both;
}

.templateWrapper {}

.templateWrapper .legoslotrow {
    width: 960px;
    height: auto;
    margin-bottom: 10px;
}

.templateWrapper .legoslotrow::before,
.templateWrapper .legoslotrow::after
{
    content: '';
    display: table;
}

.templateWrapper .legoslotrow::after
{
    clear: both;
}

.tileWrapper {
    float: left;
}

.tileWrapper.single {
    width: 240px;
    height: 470px;
}

.tileWrapper.double {
    width: 480px;
    height: 470px;
}

.tileWrapper.single .tile:nth-of-type(1){
    margin-bottom: 10px;
}

.tileWrapper.double .tile.single + .tile.double,
.tileWrapper.double .tile.double + .tile.double {
    margin-top: 10px;
}

.tile,
.gadgetFrei {
    position: relative;
    box-sizing: border-box;
    margin: 0 5px 0 5px;
    padding: 10px;
}

.gadgetFrei {
    margin: 0;
}

.tile,
.tile p {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #59616A;
}

.tile.single {
    width: 230px;
    height: 230px;
    border: 1px solid #cccccc;
    float: left;
}

.tile.double {
    width: 470px;
    border: 1px solid #cccccc;
    float: left;
}

.tile.triple {
    width: 710px;
    height: 470px;
    float: left;
}

.tile.quad {
    width: 950px;
    height: 470px;
}

.tile.image,
.gadgetFrei.image {
    padding: 0;
    border: none;
}

.tile.single.image {
    width: 230px;
    height: 230px;
}

.tile.double.size-1.image {
    width: 470px;
    height: 230px;
}

.tile.double.size-2.image {
    width: 470px;
    height: 470px;
}

.tile.triple.image {
    width: 710px;
    height: 470px;
}

.tile.quad.image {
    width: 950px;
    height: 470px;
}

.tile.size-1 {
    height: 230px;
}

.tile.size-2 {
    height: 470px;
}

.tile.image > img {
    width: 100%;
    /*height: auto;*/
}

img.croppedImg {
    width: 100%;
    /*height: auto;*/
}

.tile h1 :not(.mce-content-body),
.tile h2 :not(.mce-content-body) {
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.875rem;
    margin: 0;
}
.image .imageCaption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 15px 20px 15px;
    background-color: rgba(255, 255, 255, 0.75);
    width: calc(100% - 30px);
    min-height: 50px;
}
.image .imageCaption h1 {
    font-size: 1.875rem;
    font-weight: normal;
    line-height: 1.25rem;
    margin: inherit;
    padding: inherit;
    padding-left: 0;
    padding-right: 0;
    color: #59616A;
}

.image.double .imageCaption h1 {
    font-size: 1.5rem;
    line-height: 1.25rem;
}
.image .imageCaption p {
    font-size: 1.125rem;
    line-height: 1.25rem;
}

.image.double .imageCaption p {
    font-size: 1rem;
    line-height: 1.25rem;
}

/*Styles f�r TinyMCE*/

.mce-content-body {
    font-family: arial, helvetica, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #59616A;
}


@font-face {
    font-family: 'caviar_dreams';
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams-webfont.eot');
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams-webfont.eot?#iefix') format('embedded-opentype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams-webfont.woff') format('woff'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams-webfont.woff2') format('woff2'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams-webfont.ttf') format('truetype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams-webfont.svg#caviar_dreams') format('svg');
}
@font-face {
    font-family: 'caviar_dreams';
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_bold-webfont.eot');
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_bold-webfont.woff') format('woff'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_bold-webfont.woff2') format('woff2'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_bold-webfont.ttf') format('truetype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_bold-webfont.svg#caviar_dreams') format('svg');
    font-weight: bold;
}
@font-face {
    font-family: 'caviar_dreams';
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_italic-webfont.eot');
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_italic-webfont.woff') format('woff'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_italic-webfont.woff2') format('woff2'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_italic-webfont.ttf') format('truetype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_italic-webfont.svg#caviar_dreams') format('svg');
    font-style: italic;
}
@font-face {
    font-family: 'caviar_dreams';
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_bolditalic-webfont.eot');
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_bolditalic-webfont.woff') format('woff'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_bolditalic-webfont.woff2') format('woff2'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_bolditalic-webfont.ttf') format('truetype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/caviardreams/caviardreams_bolditalic-webfont.svg#caviar_dreams') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'muli';
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-webfont.eot');
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-webfont.eot?#iefix') format('embedded-opentype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-webfont.woff') format('woff'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-webfont.woff2') format('woff2'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-webfont.ttf') format('truetype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-webfont.svg#muli') format('svg');
}
@font-face {
    font-family: 'muli';
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-bold-webfont.eot');
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-bold-webfont.woff') format('woff'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-bold-webfont.woff2') format('woff2'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-bold.ttf') format('truetype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-bold-webfont.svg#muli') format('svg');
    font-weight: bold;
}
@font-face {
    font-family: 'muli';
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-italic-webfont.eot');
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-italic-webfont.woff') format('woff'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-italic-webfont.woff2') format('woff2'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-italic.ttf') format('truetype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-italic-webfont.svg#muli') format('svg');
    font-style: italic;
}
@font-face {
    font-family: 'muli';
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-bolditalic-webfont.eot');
    src: url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-bolditalic-webfont.woff') format('woff'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-bolditalic-webfont.woff2') format('woff2'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-bolditalic.ttf') format('truetype'),
    url('../inc/tinymce/js/tinymce/skins/lightgray/fonts/muli/muli-bolditalic-webfont.svg#muli') format('svg');
    font-weight: bold;
    font-style: italic;
}

.customButtonGray {
    height: 10px !important;
    padding: 3px 10px 13px 10px !important;
    display: inline-block !important;
    text-align: center !important;
    font-size: 12px !important;
    color: #ffffff !important;
    cursor: pointer !important;
    background-color: #59616a !important;
    word-wrap: normal !important;
    text-decoration: none !important;
}
.divideDialog > div.ui-dialog-buttonpane > div.ui-dialog-buttonset{
    float: none;
}
.button-divide-dialog{
    width: 90px;
}
.joinButtonMouseover{
    background-color: #e8e9e7 !important;
}
.joinButton{
    padding: 0 0 0 0 !important;
}