/* ================================ */
/* 	   	    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 {
    display: inline;
    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: 31pt;
}

/* ================================ */
/* 	   	     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  */
/* ================================ */

.font-amaticsc {
    font-family: 'Amatic SC', cursive;
    font-size: 111%;
}
.font-acme {
    font-family: 'Acme', sans-serif;
    font-size: 104%;
}
.font-boogaloo {
    font-family: 'Boogaloo', cursive;
    font-size: 104%;
}
.font-bubblegum {
    font-family: 'Bubblegum Sans', cursive;
    font-size: 113%;
}
.font-calligraffitti {
    font-family: 'Calligraffitti', cursive;
    font-size: 113%;
}
.font-chewy {
    font-family: 'Chewy', cursive;
    font-size: 111%;
}
.font-coming-soon {
    font-family: 'Coming Soon', cursive;
    font-size: 104%;
}
.font-cookie {
    font-family: 'Cookie', cursive;
    font-size: 111%;
}
.font-courgette {
    font-family: 'Courgette', cursive;
    font-size: 111%;
}
.font-dosis {
    font-family: 'Dosis', sans-serif;
    font-weight: 800;
    font-size: 104%;
}
.font-gochi {
    font-family: 'Gochi Hand', cursive;
    font-size: 122%;
}
.font-gluten {
    font-family: 'Gluten', sans-serif;
    font-size: 122%;
}
.font-life-savers {
    font-family: 'Life Savers', serif;
    font-size: 108%;
}
.font-handlee {
    font-family: 'Handlee', cursive;
    font-size: 122%;
}
.font-kaushanscript {
    font-family: 'Kaushan Script', cursive;
    font-size: 113%;
}
.font-leckerlione {
    font-family: 'Leckerli One', cursive;
    font-size: 113%;
}
.font-lilita {
    font-family: 'Lilita One', cursive;
    font-size: 108%;
}
.font-lobster {
    font-family: 'Lobster', sans-serif;
    font-size: 113%;
}
.font-luckiest-guy {
    font-family: 'Luckiest Guy', cursive;
    font-size: 104%;
}
.font-open-sans {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 90%;
}
.font-pacifico {
    font-family: 'Pacifico', sans-serif;
    font-size: 108%;
}
.font-ruge-boogie {
    font-family: 'Ruge Boogie', cursive;
    font-size: 151%;
}
.font-satisfy {
    font-family: 'Satisfy', cursive;
    font-size: 104%;
}
.font-sigmar-one {
    font-family: 'Sigmar One', cursive;
    font-size: 118%;
}
.font-signika {
    font-family: 'Signika', sans-serif;
    font-weight: 300;
    font-size: 93%;
}
.font-unica {
    font-family: 'Unica One', cursive;
    font-weight: 700;
    font-size: 93%;
}
.font-ubuntu {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 93%;
}
.font-yanone {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 700;
    font-size: 118%;
}

@media (min-width: 481px) {
    .font-amaticsc {
        font-size: 122%;
    }
    .font-acme {
        font-size: 111%;
    }
    .font-boogaloo {
        font-size: 122%;
    }
    .font-bubblegum {
        font-size: 122%;
    }
    .font-calligraffitti {
        font-size: 122%;
    }
    .font-chewy {
        font-size: 118%;
    }
    .font-coming-soon {
        font-size: 111%;
    }
    .font-cookie {
        font-size: 111%;
    }
    .font-courgette {
        font-size: 111%;
    }
    .font-dosis {
        font-size: 111%;
    }
    .font-gochi {
        font-size: 129%;
    }
    .font-gluten {
        font-size: 122%;
    }
    .font-life-savers {
        font-size: 107%;
    }
    .font-handlee {
        font-size: 118%;
    }
    .font-kaushanscript {
        font-size: 118%;
    }
    .font-leckerlione {
        font-size: 115%;
    }
    .font-lilita {
        font-size: 115%;
    }
    .font-lobster {
        font-size: 122%;
    }
    .font-luckiest-guy {
        font-size: 111%;
    }
    .font-open-sans {
        font-size: 97%;
    }
    .font-pacifico {
        font-size: 115%;
    }
    .font-ruge-boogie {
        font-size: 159%;
    }
    .font-satisfy {
        font-size: 125%;
    }
    .font-signika {
        font-size: 100%;
    }
    .font-sigmar-one {
        font-size: 111%;
    }
    .font-unica {
        font-size: 115%;
    }
    .font-ubuntu {
        font-size: 100%;
    }
    .font-yanone {
        font-size: 125%;
    }
}