body {
    margin:0 auto;
    background-color:#fff;
    /*background-image:url("../../files/css/files/img/quadrat.svgz");*/
    /*background-position:10px 10px;*/
    /*background-repeat:repeat;
    background-size:20vw;*/
    font: 1.2vw/2.1vw "Open Sans", Helvetica, Arial, sans-serif;
    letter-spacing: .03vw;
    color:#fff;
}
#startseite .content-text {
    width:22.5vw;
    height:22.5vw;
    float:left;
    margin:1.5vw 1vw .5vw;
    padding:2.5vw .5vw .5vw;
    text-align:center;
    background-color:#fff;
    transition: all 2s ease-in-out 2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 22.5vw;
    –moz-border-radius: 22.5vw;
    –webkit-border-radius: 22.5vw;
}
#startseite .content-text:hover {
    background-color:#c30;
    transition: all 1s ease-in-out 0s;
    cursor: default;
}
h1,
h2 {
    margin-top:0;
    margin-bottom:0;
    text-align:center;
    font:1.7em/1.1em 'Titillium Web',Trebuchet MS,Nunito,sans-serif;
    font-weight:normal;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.03em;
    transition: all 2s ease-in-out 2s;
}
.content-text:hover h1,
.content-text:hover h2 {
    color:#fff;
    transition: all 0.3s ease-in-out 0s;
}
.content-text#langtext {
    width:46vw;
    height:auto;
    margin:0 auto;
    padding:1.5vw;
    text-align:center;
    background-color:#c30;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0vw;
    –moz-border-radius: 0vw;
    –webkit-border-radius: 0vw;
}
.content-text#langtext h1,
.content-text#langtext h2 {
    margin-top:5px;
    margin-bottom:0;
    background-color:#c30;
}
.content-text#langtext p,
.content-text#langtext h2 {
    background-color:#c30;
}
.langtextcenter {
    margin-right:auto;
    margin-left:auto;
    padding-top:0;
    padding-bottom:10px;
    text-align:center;
}
.content-text#kurztext206 {
    background-color:#c30;
}
.content-text#kurztext206:hover {
    background-color:#fff;
    transition: all 1s ease-in-out 0s;
}
.content-text#kurztext206 h1,
.content-text#kurztext206 h2 {
    color:#fff;
}
.content-text#kurztext206 a {
    text-decoration:underline;
    color:#fff;
    transition: all 2s ease-in-out 2s;
}
.content-text#kurztext206:hover h1,
.content-text#kurztext206:hover h2,
.content-text#kurztext206:hover a {
    color:#000;
    transition: all 0.3s ease-in-out 0s;
}
a {
    text-decoration:underline;
    color:#fff;
}
.bild-logo {
    width:100%;
    height:100%;
    max-width:7.5vw;
    transition: all 2s ease-in-out 2s;
}
.bild-mm {
    width:100%;
    height:100%;
    max-width:240px;
    max-height:340px;
    transition: all 1s ease-in-out 1s;
}
img {
    border:0px;
}
.none,
.invisible {
    display:none;
    font-size:0em;
}

@media only screen and (max-width:480px){
body {
    margin:0 auto;
    background-color:#fff;
    font:4.8vw/6.2vw "Open Sans",Helvetica,Arial,sans-serif;
    color:#fff;
    letter-spacing:.12vw;
}
#startseite .content-text {
    width:92vw;
    height:92vw;
    float:left;
    margin:6vw 4vw 2vw;
    padding:15vw 2vw 2vw;
    text-align:center;
    background-color:#c30;
    transition: all 1s ease-in-out 1s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 92vw;
    –moz-border-radius: 92vw;
    –webkit-border-radius: 92vw;
}
.langtextseite {
    background-color:#c30;
}
.content-text#langtext {
    width:100vw;
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:absolute;
    margin:0 auto;
    padding:1.5vw;
    text-align:center;
    background-color:#c30;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0vw;
    –moz-border-radius: 0vw;
    –webkit-border-radius: 0vw;
}
.bild-logo {
    width:100%;
    height:100%;
    max-width:30vw;
}
h1,
h2 {
    margin-top:0;
    margin-bottom:0;
    text-align:center;
    font:1.7em/1.1em 'Titillium Web',Trebuchet MS,Nunito,sans-serif;
    font-weight:normal;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.content-text#langtext h1,
.content-text#langtext h2 {
    margin-top:5px;
    margin-bottom:0;
}
.langtextcenter {
    margin-right:auto;
    margin-left:auto;
    padding-top:0;
    padding-bottom:10px;
    text-align:center;
}
a {
    text-decoration:underline;
    color:#fff;
}
.content-text#kurztext206 a {
    text-decoration:underline;
    color:#fff;
    transition: all 2s ease-in-out 2s;
}
.bild-mm {
    width:100%;
    height:100%;
    max-width:240px;
    max-height:340px;
}
img {
    border:0px;
}
.none,
.invisible {
    display:none;
    font-size:0em;
}
}
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('/files/fonts/titillium-web/titillium-web-v9-latin-regular.woff2') format('woff2'),
    url('/files/fonts/titillium-web/titillium-web-v9-latin-regular.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('/files/fonts/open-sans/open-sans-v18-latin-regular.woff2') format('woff2'),
    url('/files/fonts/open-sans/open-sans-v18-latin-regular.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local(''),
    url('/files/fonts/open-sans/open-sans-v18-latin-600.woff2') format('woff2'),
    url('/files/fonts/open-sans/open-sans-v18-latin-600.woff') format('woff');
}

@media only screen and (min-width:480px) and (max-width: 768px) {
body {
    margin:0 auto;
    background-color:#ccc;
    font:2.4vw/4.2vw "Open Sans",Helvetica,Arial,sans-serif;
    color:#fff;
    letter-spacing:.06vw;
}
#startseite .content-text {
    width:44vw;
    height:44vw;
    float:left;
    margin:3vw 2vw 1vw;
    padding:5vw 1vw 1vw;
    text-align:center;
    background-color:#fff;
    transition: all 2s ease-in-out 2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 44vw;
    –moz-border-radius: 44vw;
    –webkit-border-radius: 44vw;
}
.content-text#kurztext206 {
    background-color:#c30;
}
.content-text#langtext {
    width:67vw;
    height:auto;
    margin:0 auto;
    padding:1.5vw;
    text-align:center;
    background-color:#c30;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0vw;
    –moz-border-radius: 0vw;
    –webkit-border-radius: 0vw;
}
.bild-logo {
    width:100%;
    height:100%;
    max-width:15vw;
    transition: all 2s ease-in-out 2s;
}
}