/* ================================ */
/* 	   	    Webkit Modules          */
/* ================================ */

webkit-module,
wk-edit,
wk-body,
wk-toolbar {
    display: flow-root;
}
webkit-module {
    margin-bottom: 1rem;
}

/* Elemente, die nur beim Bearbeiten sichtbar sein sollen */
wk-edit .context-elements {
    display: none;
}

/* WebkitDivider */
webkit-module.WebkitDivider wk-body hr {
    border: none;
    padding: 0;
}

/* WebkitText */
webkit-module.WebkitText wk-body li {
    padding-bottom: 5px;
}

/* WebkitDownload */
webkit-module.WebkitDownload img {
    width: 30px;
}
webkit-module.WebkitDownload .alert {
    padding: 8px;
}
webkit-module.WebkitDownload .link {
    display: flex;
    width: 100%;
}
webkit-module.WebkitDownload .link div:first-child {
    width: 50px;
    text-align: center;
}
webkit-module.WebkitDownload .link div:last-child {
    flex: 1;
}

/*
 * webkit-images
 */

.webkit-images-settings {
    margin-top: 10px;
}
.webkit-images-settings label {
    display: inline-block;
    padding: 3px 8px;
    font-weight: normal;

    border-width: 1px;
    border-style: solid;
    border-color: #0097d8;
    border-radius: 5px;
    background-color: #ffffff;
    color: #0097d8;

    cursor: pointer;
    transition: all 0.3s ease;
}
.webkit-images-settings input[type="radio"] {
    display: none;
}
.webkit-images-settings input[type="radio"]:checked + label {
    background-color: #0097d8;
    border-color: #0097d8;
    color: white;
}

/* Layout für Settings */

.webkit-images-settings .settings > div {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.webkit-images-settings .settings > div > div {
    flex: 1;
}
.webkit-images-settings .settings > div > div:first-child {
    max-width: 180px;
}

    /* ================================ */
/*          Socialmedia             */
/* ================================ */

ul.social {
    margin: 0 .5em;
}

ul.social li {
    list-style-type: none;
}

/* ================================ */
/* 	   	        Logo                */
/* ================================ */
.logo {
    text-align: center;
}

.textlogo a {
    text-decoration: none;
    color: inherit;
    font-weight: inherit;
    font-size: 34pt;
}

/* ================================ */
/* 	   	     Logo Effekte           */
/* ================================ */

.effect-schatten-weich {
    text-shadow: #aaaaaa 0.05em 0.05em 0.05em;
}

.effect-schatten-farbig {
    text-shadow: #1e86Cb 0.1em 0.1em 0.05em;
}

.effect-kontur {
    color: #ffffff !important;
    letter-spacing: .05em;
    text-shadow: -1px 0 #1e86Cb, 0 1px #1e86Cb, 1px 0 #1e86Cb, 0 -1px #1e86Cb;
}

/* ================================ */
/* 	   	  Fonts für Logo			*/
/* Größenanpassungen für Schriften  */
/* ================================ */


/* ^[A-Z][a-z0-9 ]{4,30} */

.font-acme { font-size: 115%; }
.font-boogaloo { font-size: 119%; }
.font-bubblegum { font-size: 119%; }
.font-chewy { font-size: 113%; }
.font-coming-soon { font-size: 100%; }
.font-dosis { font-size: 115%; }
.font-gochi { font-size: 119%; }
.font-lilita { font-size: 120%; }
.font-lobster { font-size: 116%; }
.font-lobster { font-size: 116%; }
.font-open-sans { font-size: 109%; }
.font-ruge-boogie { font-size: 115%; }
.font-sigmar-one { font-size: 100%; }
.font-signika { font-size: 117%; }
.font-ubuntu { font-size: 120%; }
.font-unica { font-size: 119%; }
.font-yanone { font-size: 140%; }
.font-amaticsc { font-size: 115%; }
.font-calligraffitti { font-size: 100%; }
.font-caveat { font-size: 115%; }
.font-cookie { font-size: 122%; }
.font-courgette { font-size: 115%; }
.font-dancingscript { font-size: 119%; }
.font-dawningofanewday { font-size: 100%; }
.font-grandhotel { font-size: 109%; }
.font-greatvibes { font-size: 115%; }
.font-handlee { font-size: 109%; }
.font-kaushanscript { font-size: 105%; }
.font-leckerlione { font-size: 110%; }
.font-merienda { font-size: 105%; }
.font-mrdafoe { font-size: 100%; }
.font-pacifico { font-size: 90%; }
.font-satisfy { font-size: 100%; }
.font-yesteryear { font-size: 98%; }