@import url('/fonts/fonts.css');

.editor {font-family:'Ubuntu', sans-serif; font-size: 19px;}
.editor h1, .item-page h1, .blog h1 {font-family:'Kalam', cursive; font-weight:700; font-size:38px; margin:0; padding:0;}
.editor h2, .item-page h2           {font-family:'Kalam', cursive; font-weight:700; font-size:30px; margin:0; padding:0; line-height:30px;}
                           
.editor h3, .item-page h3, .blog h3 {font-family:'Ubuntu', cursive; font-weight:700; font-size:38px; margin:0; padding:0;}
.editor h4, .item-page h4, .blog h4 {font-family:'Ubuntu', cursive; font-weight:700; font-size:30px; margin:0; padding:0;}

.editor .row {float: left; width:100%}
.editor .col-sm-5 {float: left; width: 19%; border:1px dashed #000}     /*eigencreation*/
.editor .col-sm-6 {float: left; width: 49%; border:1px dashed #000}
.editor .col-sm-4 {float: left; width: 33%; border:1px dashed #000}
.editor .col-sm-8 {float: left; width: 66%; border:1px dashed #000}
.editor .col-xs-12 {border:1px dashed #000; max-width:990px;}
.editor .col-sm-3 {float: left; width: 24%; border:1px dashed #000}
.editor .col-sm-3 img {max-width:98%; margin:1%}
.editor .col-sm-6 img {max-width:98%; margin:1%}

.item-page .row {float: left; width:100%}
.item-page .col-sm-5 {float: left; width: 20%; }     /*eigencreation*/
.item-page .col-sm-6 {float: left; width: 50%; }
.item-page .col-sm-4 {float: left; width: 33%; }
.item-page .col-sm-8 {float: left; width: 66%; }

.item-page .col-sm-3 {float: left; width: 25%; }
.item-page .col-sm-3 img {max-width:98%; margin:1%}
.item-page .col-sm-6 img {max-width:98%; margin:1%}

.bild75prozent {width:75% !important; margin:0 auto !important; display: block !important;}
.bildlinks {box-sizing: border-box; padding:0 20px 0 0;}

.button {background:#f7c916; color:#446c51 !important; border-radius: 4px; text-decoration: none !important;
         margin: 4px 4px 4px 4px; padding: 6px 12px; box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
         transition:0.5s; display: inline-block;}
.button:hover {background:#446c51; color:#f7c916 !important;}
.button_gruen {background:#B2CA00; color:#fff !important; border-radius: 4px; text-decoration: none !important;
         margin: 4px 4px 4px 4px; padding: 6px 12px; box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
         transition:0.5s;}
.button_gruen:hover {color:#888 !important; background:#B2CA00;}

.TabelleIcons50 {float: right;}
.TabelleIcons50 td {}
.TabelleIcons50 td img {width:40px; height:40px; max-width:40px; max-height:40px;}
.TabelleIcons50 td p {margin: 0;}
.customAKTIV {overflow:hidden; background: rgba(255,255,255,0.55); box-shadow: 0 0 10px rgba(0,0,0,0.25); padding: 20px 20px;}
.customAKTIV img {float:left; padding:0px 20px 0px 0; box-sizing: border-box;}