@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
/* hellrosa E8D5DB
   dunkelrosa A35671
*/
*{padding:0px;margin:0px;}
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {margin:0;font:16px/1 sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing: antialiased;}
h1,h2,h3,h4,p,blockquote,figure,ol,ul {margin:0;padding:0;}
h1,h2,h3,h4 {font-size:inherit;}
strong {font-weight:500;}
a {text-decoration: none; color:#000;}
::-moz-focus-inner {padding:0;border: 0;}
:focus {outline: 0;}
img { display:block; max-width:100%; height:auto;border:0;margin:0 auto}



ul li {list-style:none; display:block; float:left; margin:0; padding:0;}
ul ul li {float:none}

.bld {font-weight:500}

body{ background:#fff;}
section {display:block; max-width:68em; margin:0 auto;padding:3em 1em }
article {padding: 0 0 2em 0}


h1,h2,h3,h4,p,a,strong,td,label { font-family: 'Roboto', sans-serif; font-weight:300;}
h1 {font-size:1.7em; font-weight:300; margin-bottom:1em; line-height:1.3em;  }
h2,h3,h4 {margin-bottom:20px}
h2,h3 {font-size:1.5em; color:#A35671;}
h3.pic {color:#fff; background: none}
h4 {font-size:1.1; font-weight:500;line-height:1.3em}
p {font-size:1.2em; font-weight:100; line-height:1.3em; margin-bottom:1em;}


header {display:block; max-width:68em; margin:0 auto; overflow:hidden; padding:1.5em }

#LOGO, #HERO, footer {display:block; max-width:100%; height:auto;}
#LOGO {margin:10px 0 30px 0}
#LOGO h1 {margin:0}
#LOGO a.bef1 {float:right; color:#A35671; font-size:1.5em; font-weight:500;} 
#LOGO a.bef1:before {content:url('../bilder/tel.gif'); position:relative; left:-8px; top:7px;}

#HERO {background:#E8D5DB}

main {display:block; max-width:68em; margin:0 auto;padding:3em 1em; margin-top:1em;}

main .content a {text-decoration:underline}

main .info {padding:20px; border:1px solid #ccc; max-width:100%}
main .info h3 {font-size:1.3em}
main .info p {font-weight:100; font-size:1em; line-height:1.2em; color:#444}
main .info strong {font-weight:500;}
main .info p.bld {font-size:1em; margin-bottom:30px}

main p.bef2 {margin-bottom:20px} 
main p.bef1 {margin-bottom:35px} 
main p.bef3 {margin-bottom:30px} 

main p.bef1:before {content:url('../bilder/tel.gif'); margin-right:30px; width:25px; float:left;}
main p.bef2:before {content:url('../bilder/location.gif'); vertical-align:50%; margin-right:30px; width:25px; float:left;}
main p.bef3:before {content:url('../bilder/uhr.gif');padding: 0 30px 0 0; width:25px; float:left;}

main p.bef1 a {font-weight:500; color:#A35671}
main p.bef3 {font-weight:500; color:#A35671}

main table.time {border-collapse: collapse; width: 100%;}
main table tr {font-size:0.8em; height:25px}


p.dsg {font-size:0.9em; font-weight:500} 


.row::after {content:"";display:table;clear:both;}

.columns {width:100%;float:left;box-sizing: border-box; }
  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 33.3333333333%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 66.6666666666%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

.content {padding:0 100px 0 0}

.vita img {margin: 0 0 20px 0 }

table.tvita tr td {padding:5px 0; line-height:16px; vertical-align:top}
table.tvita tr td:nth-child(even) { padding-left:20px;}

.vln {display:block; max-width:100%; height:3px; background-color:#A35671; margin:40px 0}



footer {display:block; background:#E8D5DB; height:5em; color:#fff; padding:1em;}




@media screen and (max-width:799px){
header {padding:0}
h1,h2,h3 {font-size:1.4em;line-height:1.3em}
h1 {margin-bottom:30px; line-height:1.3em;  }
p {font-size:1em}
main {padding:0 15px; margin-top:30px}
main .info {padding:10px; margin-top:30px}

section {padding:0}

.four.columns {width:100%;}
.six.columns {width:100%;}
.eight.columns {width:100%;}

#LOGO {margin:0 0 10px 0;padding:20px}
#LOGO h1 {font-size:1.4em; margin-bottom:15px;}
#LOGO a.bef1 {float:left; font-size:1.2em;} 
#LOGO .columns {margin:0; padding:0}
#HERO {display:block;}

main {display:block; }

.content {padding:0}

main table.time {border-collapse: collapse; max-width:100%}
main table tr {font-size:0.8em; height:25px}


footer {position: relative; margin-top:30px; padding:0}

.sticky {
  position: fixed;
  z-index:1;
  top:0;
}
}

@media only screen and (min-width:800px) and (max-width:1024px){
h1 {font-size:1.2em; font-weight:600;}
.four.columns {width:40%;}
.eight.columns {width:60%;}
main .info {padding:15px;}

}

@media only screen and (min-width:480px) and (max-width:799px){
.four.columns {width:100%;}
main .info {padding:25px;}

}