/* Bild Texteditor */
/* Columns */
.column-1,
.column-2,
.column-3,
.column-4 {
    display: inline-block; padding: 0px; margin: 0px 0px 15px 0px; vertical-align: top;
}
.column-1 { width: 100%; }
.column-2 { width: 65%; }
.column-3 { width: 47.3333%; }
.column-4 { width: 33.3333%; }

div.headline { display: block; padding: 10px 0px 0px 10px; margin-bottom: 15px; }
div.contentfull { display: inline-block; width: 100%; padding: 1%; margin: 0% 0% 1% 0%; border-bottom: 1px solid #cccccc; }
div.contentfull.grey { border-bottom: 0px; }
div.contentfull > div.headline > h1,
div.contentfull > div.headline h2 {
    margin-bottom: 5px;
}
div.contentfull > div.clearer { display: inline-block; width: 100%; }
div.contentfull > div.top { display: inline-block; width: 100%; text-align: center; padding-top: 15px; margin: 0px; border-top: 1px solid #cccccc; }
div.contentfull > div.top.column-1 { float: none; vertical-align: top; }
div.contentfull > div.picture, div.contentfull > div.picture > div.columm-1  { display: inline-block; position: relative; }
div.contentfull > div.picture > div.columm-1 { width: auto; margin: 1%; float: none; vertical-align: top; }
div.contentfull > div.picture > div.column-1.description { margin-bottom: 0px; text-align: center; }
div.contentfull > div.picture img { max-width: 100%; }
div.contentfull > div.picture > div.picturelink, div.contentfull > div.picture > div.columm-1 > div.picturelink  { display: inline-block; width: 100%; position: absolute; left: 0px; bottom: 10px; text-align: center; }
div.contentfull > div.picture > div.picturelink.description { bottom: 50px; }
div.contentfull > div.picture > div.picturelink > .dmbutton { border: none!important; letter-spacing: normal; line-height: 25px; }
div.contentfull > div.picture > div.picturelink > a.dmbutton.a2, div.contentfull > div.picture > div.columm-1 > div.picturelink > a.dmbutton.a2 { display: inline-block; width: 40px; height: 40px; padding: 10px; float: none; color: #e73c22; background-color: #fff;  }
div.contentfull > div.picture > div.picturelink > a.dmbutton.a2 > i { font-size: 22px; }
div.contentfull > div.picture.column-1 img { max-width: 100%; }
div.contentfull div.text { display: inline-block; text-align: left; }
div.contentfull div.text p,
div.contentfull div.text b,
div.contentfull div.text ul,
div.contentfull div.text h1,
div.contentfull div.text h2,
div.contentfull div.text h3,
div.contentfull div.text h4 {
    padding: 5px 15px 5px 15px;
}
div.contentfull div.text ul > li { list-style-type: square; list-style-position: outside; margin-left: 20px; padding: 5px 0px 5px 0px; }
div.contentfull div.left { display: inline-block; width: auto; float: none; padding: 5px; vertical-align: top; }
div.contentfull div.picture.left,
div.contentfull div.picture.right {
    width: 35%;
    padding-top: 2%;
}
div.contentfull div.picture.left img,
div.contentfull div.picture.right img {
    max-width: 100%!important;
}
div.contentfull div.picture.right { float: right; text-align: right; }
div.contentfull div.picture.left { text-align: left; }
div.contentfull div.clearer.left {
    width: 63%; float: right;
}
div.contentfull div.clearer.right {
    width: 63%; float: left;
}
div.contentfull div.clearer.column-3  div.clearer.left.column-3,
div.contentfull div.clearer.column-3  div.clearer.right.column-3 {
    width: 100%; background: gold;
}
div.contentfull div.text.column-3 { width: 50%; margin: 1% 0% 1% 0%; }
div.clearer > div.text.column-3.text-one { width: 48%; padding-right: 1%; float: left; border-right: 1px solid #999999; }
div.download { border-right: 1px solid #cccccc; }
div.download > div { width: 48%; float: none; }
@media only screen and (max-width: 800px){
div.download  { border-right: none; }                                            
}
div.download > div > p { padding: 0px!important; }
div.download > div.link { width: 100%; } 
div.download > div.link > a { font-size: 30px; }
div.download .fa { font-size: 50px; }
/* Ende Editor */ 


/* Tabellen */
div.contentfull div.text > table { width: 100%; padding: 1px 0px 0px 1px; margin: 0px 0px 10px 0px;  background-color: #ccc; }

div.contentfull div.text > table {
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}

div.contentfull div.text > table > tbody { padding: 0px; margin: 0px; background-color: #fff; }
div.contentfull div.text > table > tbody > tr { padding: 0px; margin: 0px; background-color: #fff; }
div.contentfull div.text > table > tbody > tr > td { padding: 1%; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
div.contentfull div.text > table > tbody > tr > td > strong { font-weight: bold; font-size: 110%; color: #2d6298; }

/* Tetxeditor und Button für Akkorkdion */      
div.contentfull.close { display: none; }
button.tabcontent { display: inline-block; padding: 5px 25px 5px 5px; margin: 1%; border-bottom: 1px solid #cccccc; border-left: 0px; border-top: 0px; border-right: 0px; border-radius: 0px; outline: none; background: transparent; text-align: left; font-size: 18px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button.tabcontent.close { width: 99%; }
button.tabcontent.open { width: 100%; } 
@media only screen and (max-width: 400px){
button.tabcontent { font-size: 16px; }
}
button.tabcontent:hover, button.tabcontent:focus { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
button.tabcontent.open { background-image: url("/resources/css/images/plus.svg"); background-repeat: no-repeat; background-position: right center; background-size: 16px auto; } 
button.tabcontent.close { background-image: url("/resources/css/images/minus.svg"); border-bottom: 0px!important; background-repeat: no-repeat; background-position: right center; background-size: 16px auto; } 
/* Newsletter */
div.contentfull .formbox { padding: 0px!important; }
div.contentfull div#recaptcha_image { width: 100%!important; }
@media only screen and (max-width: 400px){
div.contentfull div#recaptcha_image img { max-width: 255px; }
}

@media only screen and (max-width: 1024px){
div.contentfull {  width: 100%; }
div.clearer > div.text.column-3.text-one,
div.contentfull div.text.column-3 {
    width: 100%;
    border-right: 0px;
    padding: 0px;
    margin: 0px;
    float: none;
}
}
@media only screen and (max-width: 800px){
 h2 { font-weight: 400; }
.column-2 { width: 100%; }
.column-3 { width: 100%; }
.column-4 { width: 100%; }
div.contentfull { width: 100%; padding: 0px; }
div.contentfull div.picture.left,
div.contentfull div.picture.right {
    width: 100%;
}
div.contentfull div.picture.left > img,
div.contentfull div.picture.right > img {
    width: 100%;
}
div.contentfull div.clearer.left, div.contentfull div.clearer.right {
    float: none;
    width: 100%;
}

div.contentfull > div.top { border-top: 0px }
}

/* Icons Kontakt */
div.icons {
    
}
div.icons > a > i {
    display: inline-block;
    width: auto;
    padding: 1%;
    margin: 1% 3% 3% 0%;
    float: none;
    vertical-align: top;
    border: 1px solid #2d6298;
    font-size: 4rem;
}